@charset "utf-8";

/* 滚动条 */
::-webkit-scrollbar{padding-left:1px;background-color:#fafafa;overflow:visible;width:8px;height:8px;}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);background-clip:padding-box;border-left-width:2px;min-height:8px;}
::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover,::-webkit-scrollbar-thumb:vertical:active,::-webkit-scrollbar-thumb:horizontal:active{background-color:rgba(0,0,0,.25);}
::-webkit-scrollbar-button{height:0;width:0;}
::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 2px;}
::-webkit-scrollbar-corner{background:transparent;}
::-webkit-scrollbar-track-piece{-webkit-border-radius:0;}

/* 全局 theme */
html,body{height:100%;}
body{margin:0;font-size:14px;min-height:100%;line-height:1.42857143;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;color:#777;background-color:#fff;}
[v-cloak]{display:none!important;}
.text-themeblack{color:rgb(68,77,96);}
.text-justify{text-align:justify;}

/* bootstrap reset */
a{color:rgb(53,136,212);outline: none !important;}
a:hover,a:focus{text-decoration:none;color:#3588d4;}
hr{border-top-color:#ddd;}
textarea.form-control{overflow-x:hidden;resize:none;}
.container { padding:0;position: relative;}
.relative { position: relative;}
.relative-o { position: relative;overflow: hidden;}
.form-control{border-radius:0;box-shadow:none;}
.form-control:focus{box-shadow:none;}
.btn{border-radius:0;outline:none!important;}
.btn-primary{background-color:#3588d4;color:#c3daf2;color:#fff;}
.btn-primary:hover,.btn-primary:focus{background-color:#307abe;color:#9ac4ea;color:#fff;}
.btn-primary:active{background-color:#2a6daa!important;color:#72ace1!important;}
.input-group-addon{border-radius:0;}
.text-muted{color:#bbb;}
.breadcrumb{color:#bbb;padding:20px 0;background-color:transparent;margin-bottom:0;border-radius:0;}
.breadcrumb a,.breadcrumb>.active{color:#bbb;}
.breadcrumb a:hover{color:rgb(68,77,96);}
.dropdown-menu,.modal-content{border-radius:0;}
.text-primary{color:#3588d4;}
.text-warning{color:#f30;}
.tooltip-inner{white-space:nowrap;}
.breadcrumb>li+li:before { content:"\003E";}

/* IE reset */
.table .btn { float:left \9;}
.form-horizontal{
    display: inline-block \9;
    width: 100% \9;
}

/* 布局 */
.layout-body{min-height:100%;height:auto!important;height:100%;position:relative;}
.layout-head{box-shadow:0 0 6px 1px rgba(0,0,0,.15);position:relative;z-index:1002;}
.layout-page{min-height:80%;min-height:100vh;background-color:#F8F8F8;}
.layout-page .main-right{}
.layout-page .main-right table tbody{background-color:#fff;}
.layout-foot{text-align:center;padding:40px 0;line-height:20px;background-color:#1c2127;color:#626d7f;}
.layout-foot ul{font-size:15px;}
.layout-foot ul li a{color:rgb(137,151,179);}
.layout-foot ul li a:hover{text-decoration:underline;}
.layout-foot .bg-phone,.layout-foot .bg-email{background-size:18px;padding-left:20px;background-position:left center;background-repeat:no-repeat;}
.layout-foot .bg-phone{background-image:url(../img/foot_icon_phone.png);}
.layout-foot .bg-email{background-image:url(../img/foot_icon_email.png);}
.layout-foot .totop{position:fixed;left:0;width:100%;bottom:0;}
.layout-foot .totop a{position:absolute;right:-50px;top:-230px;display:inline-block;width:40px;height:40px;background-color:#fff;border:1px solid #ddd;color:#999;text-align:center;line-height:40px;font-size:20px;}
.layout-foot .totop a:hover{background-color:#3588d4;border-color:#3588d4;color:#fff;}
.layout-foot .copyright {color:rgb(137,151,179);}

.content-left{width:180px;float:left;padding:0;position: relative;z-index:101;}
.content-right{width:100%;padding-left:200px;position: relative;z-index: 100;}
.content-right .row {display: inline-block;width:100%;}

.content-right .form-group {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.blank-box{position: absolute;background: #fff;top: 60px;bottom: 0;right: 0;left: 180px;z-index: 1;}
.blank-box:after{content:"";position: absolute;width:20px;height:100%;background:#f8f8f8;left:0;}


/* app下载 */
.btn-download-app { cursor: pointer;}
.btn-download-app:hover>.download-app, .download-app:hover { display: block;}
.download-app { position: absolute;z-index:1;margin-left: -50px;width:200px;height:230px;background-color: #fff;box-shadow: 0px 0px 1px #aaa;display: none;}
.download-app-img { width:100%;}
.download-app-desc { padding: 0;margin: 0;font-size: 12px;color: #555;text-align: center;line-height: 15px;}

/* 头部蓝色区域 */
.layout-hair{background-color:#3588d4;color:#ebf3f5;    /*height:48px;*/line-height:36px;font-size:14px;position:relative;z-index:3;}
.layout-hair a{color:rgb(210,233,255);display:inline-block;font-size:14px;}
.layout-hair a:hover{color:#fff;}
.layout-hair .list-inline{margin:0 -10px;}
.layout-hair .list-inline li{padding-left:0;padding-right:0;}
.layout-hair .list-inline a{padding:0 10px;}
.layout-hair a.link-login{/*padding-left:16px;background:url(../img/icon_profile.png) left center no-repeat;*/}
.layout-hair a.link-logout{padding:0 10px;line-height:26px;height:26px;}
.layout-hair a.link-logout:hover{}
.layout-hair .welcome-text { font-family: Microsoft Yahei Light Regular;font-size:14px;color:rgb(210,233,255);max-width: 400px;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;float: left;}

/* 头部logo和search区域 */
.layout-face{position:relative;height:92px;z-index:2;background-color:#fff;}
.layout-face .logo-wrap{height:92px;display:table-cell;vertical-align:middle;}
.layout-face .logo-img{vertical-align:middle;height:60px;}
.layout-face .logo-text{ font-family: Microsoft Yahei Light Regular;font-size:18px;margin-left:10px;position:relative;top:2px;display:inline-block;border-left:1px solid #ccc;padding-left:10px;height:20px;line-height:20px;color:rgb(60,84,123);}
.layout-face .fulltext{margin:26px 0;}
.layout-face .form-control,.layout-face .btn{height:40px;}
.layout-face .form-control{width:300px!important;box-shadow:none;font-size:14px;}
.layout-face .form-control:focus{border-color:#f4824e;}
.layout-face .input-group-btn{z-index:3;}
.layout-face .btn{display:inline-block;width:40px;background:#f4824e url(../img/icon_search.png) center center no-repeat!important;background-size:18px 18px!important;border-color:#f4824e;}
.layout-face .go-home-box { line-height:92px;}
.layout-face .go-home {font-size:18px;color:#43a6f5;}
.layout-face .go-home img {width:18px;margin-top: -4px;}

/* 导航区域 */
.layout-nav{position:relative;z-index:1;}
.layout-nav .scroll-wrap{height:48px;overflow:hidden;}
.layout-nav .ul-wrap{width:100%;overflow:hidden;overflow-x:auto;}
.layout-nav .ul-wrap>ul{white-space:nowrap;}
.layout-nav li{padding-left:0;padding-right:0;}
.layout-nav li a{display:block;line-height:48px;color:rgb(68,77,96);width:100px;text-align:center;font-weight:500;font-size:16px;}
.layout-nav li a:hover{color:#3588d4;}
.layout-nav li.active a{background-color:#3588d4;color:#fff;}
.breadcrumb.simple{border-bottom:0;margin-bottom:0;}

/* 分页样式 */
.custom-page{display:inline-block;padding: 30px 10px;}
.custom-page a,.custom-page span,.custom-page .current,.custom-page .prevPage,.custom-page .nextPage{display:inline-block;padding:6px 12px;border:1px solid #ddd;background-color:#fff;font-size:13px;line-height:1.5;text-decoration:none;text-align:center;color:#333;margin-left:4px;}
.custom-page span{padding-left:0;padding-right:0;background-color:transparent;border-color:transparent;}
.custom-page a:hover{border-color:#ccc;background-color:#e6e6e6;}
.custom-page a:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}
.custom-page .prevPage{margin-left:0;}
.custom-page .current{background-color:#3588d4;border-color:#3588d4;color:#fff;cursor:default;}
.custom-page .disabled{cursor:not-allowed;color:#999;border-color:#ddd;}

/* 常用样式 */
.relative{position:relative;}
.absolute{position:absolute;}
.transition{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.graceful-label{margin-bottom:0;vertical-align:middle;position:relative;padding-left:16px;font-weight:normal;}
.graceful-label input{position:absolute;left:0;top:50%;margin-top:-7px;width:13px;height:14px;}
.bg-cover{background-position:center;background-repeat:no-repeat;background-size:cover;}
.bg-grey{background-color:#eee;}
.bg-black{background: #3B414F;}
.bg-white-i{background-color:#FFFFFF !important;}
.bg-blue{background-color: rgba(63,89,238,1);}
.bg-warning{background-color: #FF8A66;}
.bg-green{background-color: rgba(92,164,64,1);}

.color-7-i { color:#777 !important;}
.border-none { border:none;}
.border-b-d{border-bottom:1px solid #ddd;}
.font-normal { font-weight:normal;}
.objfit-cover{object-fit:cover;}
.circle{border-radius:50%;}
.va-t{vertical-align:top;}
.va-m{vertical-align:middle;}
.va-b{vertical-align:bottom;}
.ti-2em{text-indent:2em;}
.w-fill{width:100%;}
.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fw-300{font-weight:300;}
.fw-500{font-weight:500;}
.fw-700{font-weight:700;}
.mt-0{margin-top:0;}
.mt-10{margin-top:10px;}
.mt-30{margin-top:30px;}
.mt-60{margin-top:60px;}
.mb-0{margin-bottom:0;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-30-i{margin-bottom:30px !important;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}
.mr-f5{margin-right:-5px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.ml-20{margin-left:20px;}
.ml-60{margin-left:60px;}
.pd-0{padding:0;}
.pd-10{padding:10px;}
.pd-15{padding:15px;}
.pd-20{padding:20px;}
.pd-30{padding:30px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.lh-34{line-height:34px;}
.lh-40{line-height:40px;}
.printcss{display:none;}
@media print{
    .printcss{display:initial;}
}

/* 上传图片 */
.input-file-wrap{position:relative;}
.input-file-wrap input[type=file]{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;}
.input-file-wrap.square{display:block;width:100px;height:100px;border:1px solid #ddd;background-color:#fff;font-size:12px;text-align:center;color:#999;cursor: pointer;}
.input-file-wrap.square img{display:block;margin:23px auto 5px;}
.input-file-image-list { overflow:hidden;}
.input-file-image-list .image-item{ width: 100%;margin: 0 !important;}
.input-file-image-list .image-del { position: absolute;top: 0;right: 0;margin: 0 !important;width: 30px;background: #fff;border-radius: 50%;z-index: 100;}
.pluoload-container .moxie-shim { display:none;}


/* 网格 */
.zero-row{margin-left:0;margin-right:0;}
.zero-row>div{padding-left:0;padding-right:0;}
.xs-row{margin-left:-5px;margin-right:-5px;}
.xs-row>div{padding-left:5px;padding-right:5px;}
.sm-row{margin-left:-7.5px;margin-right:-7.5px;}
.sm-row>div{padding-left:7.5px;padding-right:7.5px;}
.md-row{margin-left:-10px;margin-right:-10px;}
.md-row>div{padding-left:10px;padding-right:10px;}

/* 开关 */
.switcher{display:none;}
.switcher+label,.switcher +label:after{-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.switcher+label{width:36px;height:18px;background-color:#fff;border:1px solid #ddd;border-radius:20px;position:relative;vertical-align:middle;margin:-1px 0 0 5px;}
.switcher+label:after{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#ddd;position:absolute;left:2px;top:2px;}
.switcher:checked+label{background-color:#3588d4;border-color:#3588d4;}
.switcher:checked+label:after{left:20px;background-color:#fff;}

/*.checker*/
.checker{display:none;}
.checker+label{text-align:center;border:1px solid #ddd;background-color:#fff;font-weight:500;float:left;margin-right:5px;padding:6px 12px;}
.checker:checked+label{border-color:#3588d4;color:#3588d4;box-shadow:0 0 2px #3588d4;}

/* 动画 */
.txl-enter-active,.txl-leave-active,.tyb-enter-active,.tyb-leave-active{-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.txl-enter,.txl-leave-to{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
.tyb-enter,.tyb-leave-to{margin-top:-48px;}
.fade-enter-active,.fade-leave-active{-webkit-transition:opacity 1s ease-out;-o-transition:opacity 1s ease-out;transition:opacity 1s ease-out;}
.fade-enter,.fade-leave-to{opacity:0;}
.fadepop-enter-active,.fadepop-leave-active{-webkit-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
.fadepop-enter,.fadepop-leave-to{opacity:0;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/* 白底蓝边蓝字 */
.btn-bdlblz{background-color:#fff;border-color:#3588d4;color:#3588d4;}
.btn-bdlblz:focus,.btn-bdlblz:hover{background-color:#bfdaef;color:#3588d4;}
.btn-bdlblz:active{}

/* 蓝底白字 */
.btn-ldbz{background-color:rgb(53,136,212);border-color:rgb(53,136,212);color:#ebf3fb;}
.btn-ldbz:focus,.btn-ldbz:hover{background-color:#307abe;color:#d7e7f6;}
.btn-ldbz:active{background-color:#2a6daa;color:#c3dcf2;}

/* 红底白字 */
.btn-hdbz{background-color:#d9534f;border-color:#d43f3a;color:#fff;}
.btn-hdbz:focus,.btn-hdbz:hover{background-color:#c9302c;color:#fff;}
.btn-hdbz:active{background-color:#c9302c;color:#fff;}

/* 绿底白字 */
.btn-lvdbz{background-color:#5cb85c;border-color:#4cae4c;color:#fff;}
.btn-lvdbz:focus,.btn-lvdbz:hover{background-color:#449d44;color:#fff;}
.btn-lvdbz:active{background-color:#449d44;color:#fff;}

/* 绿底白字 */
.btn-green-portal{background-color:#5cb85c !important;border-color:#4cae4c;color:#fff; margin-top: 0 !important;}
.btn-green-portal:focus,.btn-green-portal:hover{background-color:#449d44 !important;color:#fff;margin-top: 0 !important;}
.btn-green-portal:active{background-color:#449d44 !important;color:#fff;margin-top: 0 !important;}

/* btn sizes */
.size-170x48{width:170px;height:48px;font-size:16px;}
.size-110x40{width:110px;height:36px;padding:7px 12px;}
.size-60x30{width:60px;height:30px;}

/* 数量加减控件 */
.number-control .input-group{width:120px;}
.number-control .input-group .btn{width:34px;height:34px;background-position:center;background-repeat:no-repeat;background-size:16px;}
.number-control .input-group .form-control{text-align:center;}
.number-control .bg-add{background-image:url(../img/btn_group_add.png);}
.number-control .bg-remove{background-image:url(../img/btn_group_remove.png);}

/* 文本超出省略 */
.noah-text-over { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.white-space { white-space:nowrap;}

/* 模糊匹配框 */
.select-input:focus + .select-ul-list { display:block !important;}
.select-ul-list { list-style: none;padding: 0;border: 1px solid #ccc;border-top: none;background:#FFFFFF;position: absolute;z-index: 101;right: 15px;left: 15px;display:none;}
.select-ul-list:hover { display:block;}
.select-ul-item { line-height: 30px;font-size: 14px;padding:0 12px;cursor: pointer}
.select-ul-item:hover { background:#2A3542;color:#FFFFFF;}

/* 列表loading */
.table-loading{
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.table-loading tbody tr{display: none;}
.table-loading::before{
    content: "加载中...";
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 20px;
    font-size: 14px;
}

/* table min */
.min-td-100 { min-width:100px;}
.min-td-80 { min-width:80px;}
.min-td-50 { min-width:50px;}

.am-padding-0 {padding:0 !important;}

.tagbox{
    color: #fff;
    font-size: 0.24rem;
    position: absolute;
    top: 15px;
    left: -36px;
    width: 120px;
    text-align: center;
    transform: rotate(-45deg);
    z-index: 100;
    padding: 2px 0;
    font-size: 12px \9;
}
.logo-mg {
    width: 30px;
    height: 30px;
}


/* Responsive */
@media (min-width: 1200px){
    .container {width:1200px;}
}
@media (min-width:768px){
    .min-sm-hide{display:none!important;}
}
@media(max-width:991px){
    .layout-foot .totop{display:none;}
    .layout-face .form-control{width:100%!important;}
}
@media(max-width:767px){
    .layout-face .fulltext{margin-top:0;}
    .layout-nav ul{margin-left:-10px;}
    .layout-nav li a{width:auto;padding:0 10px;}
    .layout-nav li a:hover{color:rgb(68,77,96);}
    .layout-nav li.active a{background-color:#fff;color:#3588d4;font-weight:700;}
    .max-sm-text-left{text-align:left;}
    .max-sm-hide{display:none;}
}