@charset "utf-8";

.hvr-icon-grow:hover .hvr-icon, 
.hvr-icon-grow:focus .hvr-icon, 
.hvr-icon-grow:active .hvr-icon {-webkit-transform: scale(1.2) translateZ(0);transform: scale(1.2) translateZ(0);}

/*opt-menu*/
.opt-menu{padding-top: 20px; font-size: .9375em;}
.opt-menu > div{position: relative; padding-left: 5em; line-height: 30px;}
.opt-menu > div label{position: absolute; top: 0; left: 0;}
.opt-menu ul{margin-left: -15px;}
.opt-menu ul li{float: left;}
.opt-menu ul li a{display: block; margin-left: 15px; padding: 0 .625em; height: 28px; line-height: 28px; text-align: center; background-color: #f8f8f8; border-radius:3px; border: 1px solid #e5e5e5;}
.opt-menu ul li a:hover{color: #fff; background-color: #2354af; border-color: #2354af;}
.opt-menu ul li.on a{color: #fff; background-color: #2354af; border-color: #2354af;}
@media (max-width: 768px) {
  .opt-menu > div{float: none;margin-bottom: 10px;}
  .opt-menu ul li a{margin-bottom: 10px;}
}
@media (max-width: 580px) {
  .opt-menu > div{padding-left: 0;}
  .opt-menu > div label{position: static;}
}

/*表格样式*/
.table-box{position: relative;}
.table-box .layui-table{margin: 0;}
.table-box .layui-table th,
.table-box .layui-table td{padding-top: .625em; padding-bottom: .625em; font-size: 16px; line-height: 1.5em;}
.table-box .layui-table thead tr{background-color: #e6f2ff;}
.table-box .layui-table thead tr td{font-weight: bold; color: #000; text-align: center; white-space: nowrap;}
.table-box .layui-table tbody tr td{text-align: center;}
.table-box .layui-table[lay-even] tbody tr:nth-child(odd){background-color: #ffffff;}
.table-box .layui-table[lay-even] tbody tr:nth-child(even){background-color: #f5faff;}
@media (max-width:1280px) {
  .table-scroll{position: relative; overflow: auto;}
}

.table-box .table-bdph .col-1{width: 5%;}
.table-box .table-bdph .col-3{width: 10%;}
.table-box .table-bdph .col-4{width: 10%;}
.table-box .table-bdph .col-5{width: 10%;}
.table-box .table-bdph .col-6{width: 10%;}
.table-box .table-bdph .col-7{width: 10%;}
.table-box .table-bdph .col-8{width: 10%;}
.table-box .table-bdph .col-9{width: 10%;}
.table-box .table-bdph tbody .col-2{text-align: left; white-space: nowrap;}
.table-box .table-bdph .name{position: relative; padding-left: 50px;display: block;}
.table-box .table-bdph .name > img{position: absolute; top: 50%; left: 0; width: 40px; height: 40px;border-radius: 50%; margin-top: -20px;}
.table-box .table-bdph .name > .user{color: #333;}
.table-box .table-bdph .name > .subject{font-size: .9375em; color: #999;}

.table-box .table-zxfb .col-1{width: 5%;}
.table-box .table-zxfb .col-3{width: 18%;}
.table-box .table-zxfb .col-4{width: 10%;}
.table-box .table-zxfb .col-5{width: 10%;}
.table-box .table-zxfb .col-6{width: 10%;}
.table-box .table-zxfb .col-7{width: 10%;}
.table-box .table-zxfb tbody .col-2{text-align: left;}
@media (max-width:1280px) {
  .table-box .table-zxfb{width: 1000px;}	
}

/* banner */
.xmt-banner{background: url(../images/xmt/xmt_banner_bg.jpg) no-repeat center;background-size: 100% 100%;padding:1px;}
.xmt-banner.zfwz{background-image: url(../images/xmt/zfwz_banner_bg.jpg);}
.xmt-banner .img-txt{display: block;margin: 48px auto 5px;max-height: 98px;max-width: 100%;}
@media (max-width: 1500px) {
  .xmt-banner{background-size: cover;}
}
@media (max-width: 640px) {
  .xmt-banner .img-txt{margin-bottom: 20px;}
}

/* search */
.xmt-search-box{width: 660px; margin: 0 auto 94px; max-width: 100%;}
.xmt-search-box input{color: #fff;font-size: 20px;border:0; background: none;height: 100%;}
.xmt-search{display: none; position: relative;height: 54px;line-height: 49px; border-radius: 4px;padding: 0 60px 0 128px; background: rgba(255,255,255,.3);box-shadow: 7px 6px 23px  rgba(0, 0, 0, 0.25);}
.xmt-search:after{content: ''; position: absolute; width: 1px; top: 11px; bottom: 11px; left:110px; background: #fff;}
.xmt-search-box form{height: 100%;}
.xmt-search-txt{width:100%; padding: 0; height: 100%; }
.xmt-search-btn{ position:absolute; z-index: 1; top: 0; right: 0; width:60px; height:100%;border:0; cursor:pointer; background:url(../images/xmt/icon_search.png) no-repeat center; background-size: 26px; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.xmt-search-btn:hover{opacity: .8;}
.xmt-search-txt::-webkit-input-placeholder{color: #fff;}

/* 下拉选择 */
.xmt-search-select{position: absolute; left: 0; top: 0; bottom: 0; width: 90px;}
.xmt-search-select input{width: 100%; box-sizing: border-box; padding:0 15px 0 10px; cursor: pointer;text-align: center; }
.xmt-search-edge{position: absolute; right: 0; top: 4px; bottom: 0; margin: auto 0; width: 16px; height: 16px; cursor: pointer; background: url(../images/xmt/icon_arrow_down.png) no-repeat center; background-size: 100%; overflow: hidden; transition: all .3s; -webkit-transition: all .3s;}
.xmt-search-select dl{display: none; position: absolute; left: 0; top: 55px; padding: 5px 0; z-index: 899; min-width: 100%; max-height: 300px; overflow-y: auto; background-color: #fff; font-size: .875em; border-radius: 2px; box-shadow: 1px 1px 4px rgb(0 0 0 / 8%); box-sizing: border-box;}
.xmt-search-select dl dt,
.xmt-search-select dl dd{padding: 0 10px; font-size: 16px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xmt-search-select dl dd{cursor: pointer;}
.xmt-search-select dl dd:hover{background-color: #F0F6FF; -webkit-transition: .5s all; transition: .5s all;}
.xmt-search-select .search-select-group dd{padding-left: 20px;}
.xmt-search-select dl dd.search-select-tips{padding-left: 10px !important; color: #999;}
.xmt-search-select dl dd.search-this{background-color: #0262D6; color: #fff;}
.xmt-search-select dl dd.search-disabled{background-color: #fff;}
.xmt-search-selected dl{display: block;}
.xmt-search-selected .xmt-search-edge{-webkit-transform:rotate(180deg); transform: rotate(180deg);}
.xmt-search-selectup dl{top: auto; bottom: 42px;}
@media (max-width: 1500px) {
  .xmt-search-box input{font-size: 18px;}
}
@media (max-width: 1280px) {
  body{overflow-x: hidden;}
  .xmt-search{height: 48px;line-height: 42px;}
}

/* tab */
.xmt-exchange{position: relative; margin-top: -26px; border-radius: 100px;overflow: hidden;box-shadow: 21px 6px 55px  rgba(0, 0, 0, 0.1);background: #fff;}
.xmt-exchange:before{content:"";width: 60px;height: 60px;position: absolute;left:50%;top:0;margin-left: -30px;border-radius: 50%;background: url(../images/xmt/icon_exchange.png) no-repeat;background-size: 100% 100%;}
.xmt-exchange li{width: 50%;float: left;}
.xmt-exchange li a{display: block; height: 60px;line-height: 60px;text-align: center; font-size: 1.875em;font-weight: 700;color: #4CA9FC;}
.xmt-exchange li.on a{color: #fff;background: linear-gradient(90deg, rgba(0, 68, 194, 1) 0%, rgba(79, 172, 254, 1) 100%);}
@media (max-width: 1500px) {
  .xmt-exchange li a{font-size: 1.625em;}
}
@media (max-width: 1280px) {
  .xmt-exchange:before{width: 50px;height: 50px;margin-left: -25px;}
  .xmt-exchange li a{height: 50px;line-height: 50px;}
}
@media (max-width: 640px) {
  .xmt-exchange:before{display: none;}
  .xmt-exchange li a{font-size: 1.375em;height: auto;line-height: 1.2;padding: 12px 10px;}
}
@media (max-width:480px) {
  .xmt-exchange li b{display: block;}
  .xmt-exchange li a{padding: 10px;}
}

.xmt-statistics .shadow{padding: 1px 20px; border-radius: 40px 0px 40px 0px;background: #fff;box-shadow: 5.73px 1.15px 14.9px  rgba(204, 227, 255, 0.6);}
.xmt-statistics .total{font-size: 1.375em;font-weight: 700;margin: 10px 0 6px;}
.xmt-statistics .total b{color: #D43030;font-size: 36px;}
.xmt-statistics .tj-list{overflow: hidden;}
.xmt-statistics .tj-list li{width: 20%;float: left;}
.xmt-statistics .tj-list li .box{display: block;height: 60px;line-height: 60px;position: relative;padding-left: 80px;margin: 10px 0;}
.xmt-statistics .tj-list li .box:before{content: "";position: absolute;left: -20px;top:12px;bottom:12px;width:1px;background: #E5E5E5;}
.xmt-statistics .tj-list li i{position: absolute;left:10px;top:0; display: block;width: 60px;height: 60px;border-radius: 50%;background: linear-gradient(90deg, #4FACFE 0%, #2A82E4 100%);}
.xmt-statistics .tj-list li p{display: inline-block;vertical-align: middle;line-height: 1.3;}
.xmt-statistics .tj-list li span{display: block;}
.xmt-statistics .tj-list li b{font-size: 28px;}

.xmt-title-tj{position: relative;padding-left: 50px;}
.xmt-title-tj:before,
.xmt-title-tj:after{content:""; height: 10px;background: #E6F2FF;position: absolute;top: 50%;margin-top: -5px;}
.xmt-title-tj:before{width: 50px;border-radius: 0 5px 5px 0;left:0;}
.xmt-title-tj:after{border-radius: 5px 0 0 5px;right:0;left: 182px;}
.xmt-title-tj h3{ font-size: 22px;color: #2354AF;font-weight: 700;width: 130px;text-align: center;}
.xmt-title-tj b{color: #D43030;}

@media (max-width: 1500px) {
  .xmt-statistics .total{font-size: 1.25em;}
  .xmt-statistics .tj-list li b,
  .xmt-statistics .total b{font-size: 26px;}
}
@media (max-width: 1280px) {
  .xmt-statistics .tj-list li{width: 33.33%;}
}
@media (max-width: 992px) {
  .xmt-statistics .tj-list li{width: 50%;}
}
@media (max-width: 480px) {
  .xmt-statistics .tj-list li{width: 100%;}
}
body.useOldFixed .xmt-title-tj h3 {              
    width: auto;
    left: -45%;
    position: relative;
}body.useOldFixed .xmt-exchange:before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    left: 66%;
    top: 10px;
    margin-left: -30px;
    border-radius: 50%;
    background: url(../images/xmt/icon_exchange.png) no-repeat;
    background-size: 100% 100%;
}