@charset "utf-8";
/* CSS Document */

/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,b,blockquote,th,td,em,span,img{padding:0;margin:0;outline:none}
table {border-collapse:collapse;border-spacing:0}
img{border:0;vertical-align:middle}
input{border:none;outline:none}
button{border:none}
address,caption,cite,code,dfn,em,th,var,i{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
:focus{outline:none}
.hide{display:none}
.hidden{width:0;height:0;overflow:hidden;display:none}
.block{display:block}
.lblock{display:inline-block}
.tcenter{text-align:center}
.tleft{text-align:left}
.tright{text-align:right}
.relative{position:relative}
.absolute{position:absolute}
.left{float:left}
.right{float:right}
.clear:after{display:block;content:".";height:0;font-size:0;overflow:hidden;clear:both;visibility:hidden} 
.bold{font-weight:bold}
.flex{display:flex}
.underline{text-decoration:underline}
.select{vertical-align:middle;padding:5px;border:1px solid #e6e6e6}
body{color:#666;font:normal 14px/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
a{color:#666;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:hover{text-decoration:none;cursor:pointer}
.layui-layer-loading .layui-layer-loading1{left:45%}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{box-shadow:0 0 0px 1000px white inset;-webkit-text-fill-color:#000}

.pd2{padding:2px}
.pd4{padding:4px}
.pd6{padding:6px}
.pd8{padding:8px}
.pd10{padding:10px}
.pd12{padding:12px}
.pd14{padding:14px}
.pd16{padding:16px}
.pd20{padding:20px}
.pd30{padding:30px}

.pdl2{padding-left:2px}
.pdl4{padding-left:4px}
.pdl6{padding-left:6px}
.pdl8{padding-left:8px}
.pdl10{padding-left:10px}
.pdl12{padding-left:12px}
.pdl14{padding-left:14px}
.pdl16{padding-left:16px}
.pdl20{padding-left:20px}

.pdr2{padding-right:2px}
.pdr4{padding-right:4px}
.pdr6{padding-right:6px}
.pdr8{padding-right:8px}
.pdr10{padding-right:10px}
.pdr12{padding-right:12px}
.pdr14{padding-right:14px}
.pdb2{padding-bottom:2px}
.pdb4{padding-bottom:4px}
.pdb6{padding-bottom:6px}
.pdb8{padding-bottom:8px}
.pdb10{padding-bottom:10px}
.pdb12{padding-bottom:12px}
.pdb14{padding-bottom:14px}

.pdt1{padding-top:1px}
.pdt2{padding-top:2px}
.pdt4{padding-top:4px}
.pdt5{padding-top:5px}
.pdt6{padding-top:6px}
.pdt8{padding-top:8px}
.pdt10{padding-top:10px}
.pdt12{padding-top:12px}
.pdt14{padding-top:14px}
.pdt20{padding-top:20px}

.mg2{margin:2px}
.mg4{margin:4px}
.mg6{margin:6px}
.mg8{margin:8px}
.mg10{margin:10px}
.mg12{margin:12px}
.mg14{margin:14px}
.mgt2{margin-top:2px}
.mgt4{margin-top:4px}
.mgt6{margin-top:6px}
.mgt8{margin-top:8px}
.mgt10{margin-top:10px}
.mgt12{margin-top:12px}
.mgt15{margin-top:15px}
.mgt18{margin-top:18px}
.mgt20{margin-top:20px}
.mgt30{margin-top:30px}
.mgl2{margin-left:2px}
.mgl4{margin-left:4px}
.mgl6{margin-left:6px}
.mgl8{margin-left:8px}
.mgl10{margin-left:10px}
.mgl12{margin-left:12px}
.mgl14{margin-left:14px}
.mgl20{margin-left:20px}
.mgl30{margin-left:30px}
.mgb2{margin-bottom:2px}
.mgb4{margin-bottom:4px}
.mgb6{margin-bottom:6px}
.mgb8{margin-bottom:8px}
.mgb10{margin-bottom:10px}
.mgb12{margin-bottom:12px}
.mgb14{margin-bottom:14px}
.mgr2{margin-right:2px}
.mgr4{margin-right:4px}
.mgr6{margin-right:6px}
.mgr8{margin-right:8px}
.mgr10{margin-right:10px}
.mgr12{margin-right:12px}
.mgr14{margin-right:14px}

/*字体颜色*/
.colorff0000{color:#FF0000} /*大红*/
.colorf97373{color:#F97373} /*橘红*/
.color399eff{color:#399EFF} /*深蓝*/
.color2be3dc{color:#2BE3DC}	/*浅绿*/
.color2dd488{color:#2DD488} /*深绿*/
.colorffb800{color:#FFB800} /*黄色*/
.color666666{color:#666666} /*深灰*/
.color999999{color:#999999} /*灰*/
.color8496ff{color:#8496FF} /*紫色*/
.colorff69b4{color:#FF69B4} /*粉色*/

/*字号*/
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font24{font-size:24px}
.font28{font-size:28px}
.font30{font-size:30px}
.font32{font-size:32px}
.font36{font-size:36px}
.font40{font-size:40px}
.font48{font-size:48px}

/*宽度*/
.w120{width:120px}
.w140{width:140px}
.w160{width:160px}
@charset "utf-8";
@media screen and (max-width:450px){ #pages-bar{margin-bottom:100px} }
body{min-width:1200px;background:#fff}
.body-wraper{box-sizing:border-box}
.round-corner{background:#fff;border-radius:6px;padding:10px 10px 0 10px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15)}

/*顶部导航*/
.navbar{height:48px;position:fixed;top:0;right:0;left:0;z-index:1;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}
/*.navbar h1{width:160px;text-align:center;line-height:48px;font-size:20px;color:#fff;background:#207fec}*/
.navbar h1{width:160px;height:48px;background:#207fec;display:inline-flex;justify-content:center;align-items:center}
.navbar h1 img{width:45%}
.navbar .sbar{font-size:20px;margin:12px 0 0 5px;color:#399EFF;position:relative;z-index:1}
.navbar .warn-wrap{width:40%;height:48px;overflow:auto}
.navbar .warn-wrap::-webkit-scrollbar{width:2px;background-color:transparent}
.navbar .warn-wrap::-webkit-scrollbar-thumb{background-color:#ddd}
.navbar .warn-wrap::-webkit-scrollbar-track{background-color:#eee}
@media screen and (max-width:1440px){.navbar .warn-wrap{width:36%}}
@media screen and (max-width:980px){.navbar .warn-wrap{width:32%}}
@media screen and (max-width:450px){.navbar .warn-wrap{max-width:110px}}
.navbar .warn-message{height:48px;display:table}
.navbar .warn-message .inner{display:table-cell;vertical-align:middle}
.navbar .warn-message span{margin-right:20px;display:inline-block}
.navbar .userinfo{position:absolute;right:15px;top:10px;white-space:nowrap}
.navbar .userinfo>div{cursor:pointer}
.navbar .userinfo i{display:inline-block;vertical-align:-2px}
.navbar .userinfo .icon-wode:before{font-size:20px}
.navbar .userinfo .dropmenu{width:140px;padding-top:10px;position:absolute;top:20px;right:-10px}
.navbar .userinfo .menu-inner{background:#fff;border-radius:4px;box-shadow:0 0 2px rgba(86,96,117,0.2);border:1px solid #ddd}
.navbar .userinfo .menu-inner a{display:block;padding:8px 0;text-align:center}
.navbar .userinfo .menu-inner a.last{border-top:1px solid #eee}
.navbar .userinfo .menu-inner a:hover{background:#eee}

/*左侧菜单*/
.menus{width:160px;position:fixed;top:48px;left:0;bottom:0;z-index:2;background:#090723;overflow-y:auto}
.menus::-webkit-scrollbar{width:0;background-color:transparent}
/*body::-webkit-scrollbar-thumb{background-color:#666}
body::-webkit-scrollbar-track{background-color:#eee}*/
.menus li{position:relative}
.menus li a{display:block;height:54px;line-height:54px;padding:0 25px 0 20px;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.menus li a:hover,.menus li a.cur{color:#fff}
.menus li em{display:inline-block;position:absolute;right:10px;top:16px;transition:transform .2s}
.menus li ul li em{display:inline-block;position:absolute;right:20px;top:10px}
.menus>ul>li>a:hover,.menus>ul>li>a.cur{background:#242233}
.menus>ul>li ul{padding-left:24px}
.menus>ul>li ul a{height:36px;line-height:36px}
.menus li i{display:inline-block;width:18px;height:18px;vertical-align:top;margin-right:6px}
.menus.simple{width:64px}
.menus.simple>ul>li>a{font-size:0}
.menus.simple>ul>li ul{position:absolute;left:100%;top:0;width:160px;padding:9px;background:#242233;box-shadow:0 2px 8px 0 rgba(0,0,0,.2)}

/*TAB导航*/
.second-nav-wrap{display:flex;height:40px;overflow:hidden;position:absolute;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}
.second-nav-wrap>i{position:absolute\9}
.second-nav-wrap>i:first-child{left:0\9}
.second-nav-wrap>i:last-child{right:0\9}
.second-nav-wrap .arrow-l{font-size:14px;line-height:40px;border-right:1px solid #e6e6e6;cursor:pointer}
.second-nav-wrap .arrow-r{font-size:14px;line-height:40px;border-left:1px solid #e6e6e6;cursor:pointer}
.second-nav{flex-grow:1;max-width:100%;overflow:hidden;position:absolute\9;left:15px\9;right:15px\9;user-select:none}
.second-nav-inner{white-space:nowrap;transition:0.5s}
.second-nav-inner .item{display:inline-block;padding:0 10px;height:40px;line-height:40px;box-sizing:border-box;border-right:1px solid #e6e6e6}
.second-nav-inner .item:hover{cursor:pointer;color:#fff;background:#4aaffb}
.second-nav-inner .item.cur{color:#fff;background:#1E9FFF}
.second-nav-inner .item i{display:inline-block;vertical-align:-1px;margin-left:3px}

/*正文主体*/
.mains-wrap{position:fixed;top:48px;right:0;bottom:0;left:160px}
.mains{height:calc(100vh - 88px);overflow:auto;box-sizing:border-box;margin-top:40px;background:#fff;-webkit-overflow-scrolling:touch;-webkit-overflow:auto}
iframe{-webkit-overflow-scrolling:touch;-webkit-overflow:auto}

/******************************************公共部分**********************************************/
.toolbar{right:0;top:0}
.toolbar .layui-btn-sm i:nth-child(1){font-size:24px!important}
.toolbar .layui-btn-sm i:nth-child(2){font-size:12px!important}
.toolbar .opt-menu{position:absolute;right:0;top:30px;width:120px;padding:10px;max-height:312px;overflow-y:auto;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.25)}
.toolbar .opt-menu dd input{vertical-align:-2px;margin-right:4px}

button[name="timebtn"].cur{color:#fff}/*时间快捷选择按钮颜色重置*/
.hide-input{width:1px;height:1px}/*隐藏复制框*/
.layui-input-inline.w100,.w100{width:100px}
.layui-input-inline.w120,.w120{width:120px}
.layui-input-inline.w130,.w130{width:130px}
.layui-input-inline.w140,.w140{width:140px}
.layui-input-inline.w160,.w160{width:160px}
.layui-input-inline.w180,.w180{width:180px}
.layui-input-inline.w200,.w200{width:200px}
.layui-input-inline.wp50,.wp50{width:50%}
.layui-input-inline.wp60,.wp60{width:60%}
.layui-input-inline.wp70,.wp70{width:70%}
.layui-input-inline.wp80,.wp80{width:80%}
.layui-input-inline.wp100,.wp100{width:100%}
.table{width:100%;box-sizing:border-box;border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-collapse:separate;border-spacing:1px}
.table th{background:#f6f6f6;font-weight:600;font-size:14px;white-space:nowrap}
.table th .sort{display:inline-block;width:10px;position:relative;vertical-align:middle}
.table th .sort .asc,.table th .sort .desc{display:block;width:0;height:0;overflow:hidden;margin:2px 0;cursor:pointer;border-left:5px solid transparent;border-right:5px solid transparent}
.table th .sort .asc:hover,.table th .sort .asc.cur{border-bottom-color:#333}
.table th .sort .desc:hover,.table th .sort .desc.cur{border-top-color:#333}
.table th .sort .asc{border-bottom:6px solid #999}
.table th .sort .desc{border-top:6px solid #999}
.table th,.table td{box-sizing:border-box;padding:8px 4px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center}
.table th input,.table td input{vertical-align:middle}
.table .tleft{text-align:left}
.table tbody td{font-size:12px;line-height:1.5;word-wrap:break-word;word-break:break-all}
.table td .status{color:#fff;width:48px;display:inline-block;text-align:center;padding:2px;border-radius:10px}
.table td .suc{background:#2DD488}
.table td .ing{background:#399EFF}
.table td .fail{background:#F97373}
.table td .layui-form-switch{margin:0}
.table tr:hover{background-color:#f9f9f9}
.table a:hover{text-decoration:underline;color:#399EFF}
.table .bdrblue{border-right-color:#ccc}

/******************************************操作按钮颜色*******************************************/
.layui-btn-grey{background:#949494!important}
.layui-btn-pink{background:#EF6F7F!important}
.layui-btn-green{background:#69A40D!important} 

/*******************************************日志弹层*********************************************/
.match-record-layout{position:fixed;left:315px;top:0;z-index:10;background:#FFF;width:800px;border:2px solid #e6e6e6;box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1)}
.match-record-layout .content{max-height:136px;overflow:auto}
.wait-total .iconfont.font12{font-size:12px}
.wait-total .iconfont:hover{text-decoration:none}
.wait-total td span{display:inline-block;margin:5px 10px}
.match-wait-layout{position:fixed;left:0;top:0;z-index:10;background:#FFF;width:300px;border:2px solid #e6e6e6;box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1)}
.match-rule .layui-form-label{width:130px;text-align:right}
@font-face {
  font-family: "iconfont"; /* Project id 1931717 */
  src: url(/resource/fonts/iconfont.22ba6b46.woff2) format('woff2'),
       url(/resource/fonts/iconfont.a18cd358.woff) format('woff'),
       url(/resource/fonts/iconfont.de15c71f.ttf) format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-rotate-left:before {
  content: "\eb04";
}

.icon-rotate-right:before {
  content: "\eb05";
}

.icon-fengkong:before {
  content: "\e609";
}

.icon-copy:before {
  content: "\e672";
}

.icon-dingwei1:before {
  content: "\e60d";
}

.icon-shizhong:before {
  content: "\e670";
}

.icon-ip:before {
  content: "\e67d";
}

.icon-jinbi:before {
  content: "\e671";
}

.icon-shouji:before {
  content: "\e600";
}

.icon-jiayouqia:before {
  content: "\e63b";
}

.icon-youxiguanli:before {
  content: "\e61e";
}

.icon-kami:before {
  content: "\e620";
}

.icon-chanpin:before {
  content: "\e601";
}

.icon-kabao:before {
  content: "\e653";
}

.icon-sfznum:before {
  content: "\e886";
}

.icon-Group-:before {
  content: "\e6ae";
}

.icon-yonghu:before {
  content: "\e63f";
}

.icon-dingwei:before {
  content: "\e633";
}

.icon-daima:before {
  content: "\e799";
}

.icon-suofang:before {
  content: "\e664";
}

.icon-yidongduanicon-:before {
  content: "\e617";
}

.icon-xinfeng:before {
  content: "\e857";
}

.icon-shijian:before {
  content: "\e62e";
}

.icon-gongsiguanli:before {
  content: "\e624";
}

.icon--kehuduan:before {
  content: "\e64a";
}

.icon-icontouxiang:before {
  content: "\e612";
}

.icon-tongbu:before {
  content: "\e63e";
}

.icon-lock:before {
  content: "\e645";
}

.icon-tongzhi:before {
  content: "\e649";
}

.icon-jiekou:before {
  content: "\e66a";
}

.icon-wenjian:before {
  content: "\e64e";
}

.icon-chanpinguanli:before {
  content: "\e6aa";
}

.icon-jiantou-zuo:before {
  content: "\e858";
}

.icon-jiantou-you:before {
  content: "\e631";
}

.icon-jiantou-xia:before {
  content: "\e632";
}

.icon-close:before {
  content: "\e647";
}

.icon-shuju:before {
  content: "\e608";
}

.icon-wode:before {
  content: "\e604";
}

.icon-jiagebaohu:before {
  content: "\e603";
}

.icon-shouye:before {
  content: "\e63a";
}

.icon-dingdan:before {
  content: "\e634";
}

.icon-huafei:before {
  content: "\e638";
}

.icon-shezhi:before {
  content: "\e654";
}

.icon-jilu3:before {
  content: "\e684";
}