/*#region 基础*/
@import url("../plugins/font_eterm/fonteterm.css");
@import url("../plugins/font-awesome/css/font-awesome.min.css");
html{ -webkit-text-size-adjust: none;}
body, html { font-size: 9pt; margin: 0px; color: #444; font-family: 微软雅黑, 新宋体; border: 0px; }

img{ vertical-align: middle; margin: 0;}
a, s{color:#444; text-decoration:none; cursor:pointer; border-bottom: dotted 1px;}
a:hover, s:hover, .link:hover{color:#27A9E3;}
m, i, q, u { text-decoration: none; display: inline-block; font-style: normal; }
q:before, q:after { content: ''; }

input, button, select, textarea, label{ outline: none; vertical-align: middle;}
input[type=text], input[type=password]{ border: 1px solid #AAA; padding: 4px; width: 180px; margin: 0;}
textarea{ border: 1px solid #AAA; padding: 4px; width: 180px; margin: 0;}
input[type=text]:focus, input[type=password]:focus, textarea:focus{border:1px solid #1682af; box-shadow:0px 0px 3px #5bbfea;}
.input-red[type=text], .input-red[type=text]:focus{border:1px solid #d00000; box-shadow:0px 0px 3px #ff7373;}
input[type=text]:read-only, input[type=password]:read-only, textarea:read-only{border:1px solid #c0c0c0; box-shadow:0px 0px 3px #dddddd; background-color:#F0F0F0}
input[type=checkbox], input[type=radio]{margin:0px 2px; padding-top:0; padding-left:0; vertical-align:text-bottom; position:relative; top:1px;}
label input[type=checkbox], label input[type=radio]{vertical-align:text-top; top:2px;}
select{padding:3px 4px 4px 4px; border:1px solid #AAA; margin:0px; font-size:9pt;}
select:focus{border:1px solid #1682af; box-shadow:0px 0px 3px #5bbfea;}

.link {color:#444; cursor:pointer; }
.lbl{ display: inline-block; padding: 1px 4px; line-height:15px; color: #FFF;}
.slbl{ display: inline-block; padding: 1px 3px; line-height:10px; color: #FFF;}
.screen { width: 500px; height: 300px; font-family:新宋体; text-transform: uppercase;overflow-y: auto; overflow-x: hidden; resize: none; background: #000000; color: #00ea00; line-height: 20px; border: 1px solid #CCC; font-size: 10pt; padding: 4px; }
.code{ max-height:400px; overflow-y:auto; background-color:aliceblue; padding:4px 6px; white-space:pre-wrap;}
.scan {line-height:35px; margin-bottom:5px; margin-top:-5px; padding:0px;}
.scan input,.scan select { margin-right: 4px;}
.container{ padding: 15px 15px; margin:0 auto;}
.point8 {width: 8px;height: 8px;line-height: 8px; text-align: center; display: inline-block; text-decoration: none; border-radius: 50%}
.point6 {width: 6px;height: 6px;line-height: 6px; text-align: center; display: inline-block; text-decoration: none; border-radius: 50%}

.f6{ font-size: 6px;}
.f10{ font-size: 10px;}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f22{ font-size: 22px;}
.f26{ font-size: 26px;}
.ff-price{ font-family: tahoma, Arial;}
.fwb{ font-weight: bold;}
.fwn{ font-weight: normal;}
.fsi{ font-style:italic}
.c-white, .c-white:hover{color:White;}
.c-red{color:Red;}
.c-lblue{color:#007CD5;}
.c-green{color: #007300;}
.c-orange{color: #FF6633;}
.c-lorange{color: #FFA800;}
.c-purple{color: Purple;}
.c-blue{color: Blue;}
.c-gray{color:Gray;}
.c-black{color:Black;}
.c-winered{color: #CA4312;}
.c-sys{color:#0000a0;}
.b-blue{background:#27A9E3;}
.b-green{background:#28B779;}
.b-gray{background:#AAA;}
.b-lgray{background:#E0E0E0;}
.b-orange{background:#FF6633;}
.b-lorange{background:#FFA800;}
.b-winered{background:#CA4312;}
.b-purple{background:Purple;}
.b-red{background:#FF0000;}
.fright{ float: right;}
.fleft{ float: left;}
.clear{ clear: both;}
.hand{ cursor: pointer;}
.uline{ text-decoration: underline;}
.noline{ text-decoration: none;}
.mline{ text-decoration: line-through;}
.upper{ text-transform: uppercase;}
.v-middle{ vertical-align: middle;}
.overhide{ overflow: hidden;}
.nowrap { display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; }
.break { word-break: break-all; word-wrap: break-word; }
.omit{ background: url(../img/omit.png) no-repeat right bottom; padding-right: 18px;}
.close{ float: right; display: inline-block; background: #AAA; margin-top: 2px; font-family: Arial; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #FFF; padding: 0px 4px; cursor: pointer;}
.close:hover{ background: #FF0000;}
.radius4{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.radius8{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.radius10{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.block { display: inline-block }
.mb20{ margin-bottom: 20px;}
.mb10{ margin-bottom: 10px;}
.mb6{ margin-bottom: 6px;}
.ml20{ margin-left: 20px;}
.ml15{ margin-left: 15px;}
.ml10{ margin-left: 10px;}
.ml6 { margin-left: 6px; }
.mla{ margin-left: auto;}
.mr30{ margin-right: 30px;}
.mr20{ margin-right: 20px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr6{ margin-right: 6px;}
.mr3{ margin-right: 3px;}
.mra { margin-right: auto; }
.mt6{ margin-top: 6px;}
.mt30{ margin-top: 30px;}
.mt20{ margin-top: 20px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.w1050 { width:1050px;}
.wfill { width: -webkit-fill-available !important}
/*#endregion*/


/*#region Elements*/
h1, h2, h3, h4{ border-bottom: 1px solid #AAA; padding: 6px 3px; margin: 0px; margin-bottom: 10px;}
h2{ padding: 0px 3px 6px 3px;}
h3{ font-size:11pt}
h4{ padding: 3px; margin-bottom: 6px;}
h1 > span, h2 > span, h3 > span, h1 > a, h2 > a, h3 > a{ display: inline-block; float: right; font-size: 9pt; font-weight: normal;}
h1 > span, h1 > a{ margin-top: 12px;}
h2 > span, h2 > a{ margin-top: 8px;}
h3 > span, h3 > a{ margin-top: 4px;}
h1 > s, h2 > s, h3 > s{ display: inline-block; font-size: 9pt; font-weight: normal; margin-left:10px;}
h1 > s{ margin-top: 12px;}
h2 > s{ margin-top: 8px;}
h3 > s{ margin-top: 4px;}

.tab {margin:0px; padding:0px; list-style:none; height:31px; box-shadow:0px 1px 1px #FCFCFC;}
.tab li{float:left; border-left:0px; border-bottom:0px; height:30px;}
.tab li m{position:relative; float:right; top:-9px; color:#FFF; width:18px; margin-right:-18px; left:-18px; text-align:center; line-height:16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
background: linear-gradient(top, #FF8A00, #FF0000); /* IE 10 */
background:-moz-linear-gradient(top,#FF8A00, #FF0000);/*火狐*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF8A00), to(#FF0000));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #FF8A00, #FF0000);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #FF8A00, #FF0000);  /*Opera 11.10+*/
}/*tab上的红色圆圈提醒*/
.tab li a, .tab li span{display:inline-block; border-bottom:0px; font-size:14px; height:24px; padding:6px 12px 0px 12px; text-decoration:none; color:#FFF; cursor:pointer;}
.tab li .sa{height:28px; cursor:default;}
.tab li .sa{background:#FFF;}
.tab li .sa:hover{background:#FFF;}
.tab .tright{float:right; padding-top:4px;}
.tab .tright > a, .tab .tright > span{margin-left:8px;}

.tab-mini {margin:0px; padding:0px 10px; list-style:none; height:26px;}
.tab-mini li{float:left; border-left:0px; border-bottom:0px; height:25px;}
.tab-mini li a, .tab-mini li span{display:inline-block; border-bottom:0px; font-size:12px; height:21px; padding:4px 10px 0px 10px; text-decoration:none; color:#FFF; cursor:pointer;}
.tab-mini li .sa{height:23px; cursor:default;}
.tab-mini li .sa{background:#FFF;}
.tab-mini li .sa:hover{background:#FFF;}
.tab-mini .tright{float:right; padding-top:6px;}
.tab-mini .tright > a, .tab-mini .tright > span{margin-left:8px;}

.tab-blue{ border-bottom:1px solid #1682af;}
.tab-blue >:first-child{border-left:1px solid #1682af;}
.tab-blue li{border-top:1px solid #1682af; border-right:1px solid #1682af; background:#0caef3;}
.tab-blue li a:hover, .tab-blue li span:hover{background:#5ec9f7; }
.tab-blue li .sa{color:#1682af;}

.tab-green{ border-bottom:1px solid #209161;}
.tab-green >:first-child{border-left:1px solid #209161;}
.tab-green li{border-top:1px solid #209161; border-right:1px solid #209161; background:#28B779;}
.tab-green li a:hover, .tab-green li span:hover{background:#40d596; }
.tab-green li .sa{color:#209161;}

.tab-purple{ border-bottom:1px solid #9C549E;}
.tab-purple >:first-child{border-left:1px solid #9C549E;}
.tab-purple li{border-top:1px solid #9C549E; border-right:1px solid #9C549E; background:#b06fb3;}
.tab-purple li a:hover, .tab-purple li span:hover{background:#c696c7; }
.tab-purple li .sa{color:#9C549E;}

.tab-orange{ border-bottom:1px solid #FF8A00;}
.tab-orange >:first-child{border-left:1px solid #FF8A00;}
.tab-orange li{border-top:1px solid #FF8A00; border-right:1px solid #FF8A00; background:#ffb62d;}
.tab-orange li a:hover, .tab-green li span:hover{background:#ffcf75; }
.tab-orange li .sa{color:#FF8A00;}

.tab-gray{ border-bottom:1px solid #999;}
.tab-gray >:first-child{border-left:1px solid #999;}
.tab-gray li{border-top:1px solid #999; border-right:1px solid #999; background:#AAA;}
.tab-gray li a:hover, .tab-gray li span:hover{background:#CCC; }
.tab-gray li .sa{color:#444;}

/*.page{ margin-top: 8px; margin-bottom: 9px; float: right;}*/
.page{ margin-top: 0px; margin-bottom: 0px; float: right;}
.page ul{ margin: 0px; padding: 0px; list-style: none;}
.page ul li { float: left; text-align: center; vertical-align: middle;}
.page ul > :first-child{ border-left: 1px solid #CCC;}
.page ul li a, .page ul li span, .page ul li s { display: table-cell; border: 1px solid #CCC; height: 28px; border-left: 0px; font-size: 12px; background: #FFF; padding: 0 10px; cursor: pointer; text-decoration: none; vertical-align: middle; box-sizing: border-box; }
.page ul li span{ cursor: default;}
.page ul li input { text-align: center; vertical-align: middle; padding:4px 2px 5px 2px; margin:0; }
.page ul li .sa{background:#0caef3; color:#FFF; border-top: 1px solid #0b97d2;  border-bottom: 1px solid #0b97d2;}
.page ul li .ft{height: 26px;line-height:26px;background: #FFF; padding: 0px 10px; font-size:12pt}

.popbg { left: 0; position: fixed; width: 100%; height: 100% !important; top: 0; filter: Alpha(Opacity=50); opacity: 0.5; background-color: #000; }
.popbg-hide { left: 0; position: fixed; width: 100%; height: 100%; top: 0; filter: Alpha(Opacity=0); opacity: 0.0; background-color: #FFFFFF; }
.popbg-none { left: 0; position: fixed; width: 0; height: 0; top: 0; display: none; }

.pop { position: fixed; background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; word-break: break-all; word-wrap: break-word; display: none; min-width: 200px; padding-bottom: 5px; -webkit-transform: scale(); transform: scale(); }
.pop .pop-title {display:flex; padding: 6px 8px; font-family: 微软雅黑; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.pop .pop-title span { font-weight: bold; min-width: 250px; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.pop .pop-title i { margin-left: auto; color: #AAA; font-size: 18px; cursor: pointer; }
.pop .pop-title i:hover { color: #FF0000; }
.pop-content { padding: 10px 20px 20px 20px; line-height: 16px; overflow: auto; max-height: 700px; max-width: calc(100vw-20px); }

.grey-pop { border:1px solid #AAA; box-shadow:0px 0px 15px #CCC;}
.grey-pop .pop-title{border-bottom:1px solid #CCC;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#EAEAEA); /*IE 6 7 8*/ 
background: linear-gradient(top, #FFFFFF, #EAEAEA); /* IE 10 */
background:-moz-linear-gradient(top,#FFFFFF, #EAEAEA);/*火狐*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #FFFFFF, #EAEAEA);  /*Opera 11.10+*/
}

.blue-pop { border:1px solid #1682af; box-shadow:0px 0px 15px #5bbfea;}
.blue-pop .pop-title{border-bottom:1px solid #88c2da;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#cbf0fe,endColorStr=#a3e4fe); /*IE 6 7 8*/ 
background: linear-gradient(top, #cbf0fe, #a3e4fe); /* IE 10 */
background:-moz-linear-gradient(top,#cbf0fe, #a3e4fe);/*火狐*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cbf0fe), to(#a3e4fe));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #cbf0fe, #a3e4fe);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #cbf0fe, #a3e4fe);  /*Opera 11.10+*/  
}

.orange-pop { border:1px solid #ff9224; box-shadow:0px 0px 15px #ffbb77;}
.orange-pop .pop-title{border-bottom:1px solid #ff9c39; color:#FFF;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ea710d,endColorStr=#f38d3a); /*IE 6 7 8*/ 
background: linear-gradient(top, #ea710d, #f38d3a); /* IE 10 */
background:-moz-linear-gradient(top,#ea710d, #f38d3a);/*火狐*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ea710d), to(#f38d3a));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #ea710d, #f38d3a);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #ea710d, #f38d3a);  /*Opera 11.10+*/
}

.tip { position: absolute; overflow: auto; z-index: 2000; padding: 0px 10px 10px 0; }
.tip .corner { position: relative; z-index: 2001; top: 1px; left: 10px; background: url(../img/newtips.gif) no-repeat 0px 0px; width: 12px; height: 6px; }
.tip .corner-d { position: relative; z-index: 2001; top: -1px; left: 10px; background: url(../img/newtips.gif) no-repeat -18px -1px; width: 12px; height: 6px; }
.tip .tip-content { background-color: #FFFFE1; padding: 4px 10px; line-height: 20px; overflow-y: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #D1C9B3; word-break: break-all; word-wrap: break-word; box-shadow: 3px 3px 8px #AAA; min-width: 100px; max-width: 600px; max-height: 350px; }

.downlist{position:absolute;  z-index: 2000; min-width:60px; max-width:600px; }
.downlist .corner{position:relative; z-index: 2001; top:1px; left:10px; background:url(../img/newtips.gif) no-repeat 0px 0px; width:12px; height:6px;}
.downlist .corner-d{position:relative; z-index: 2001; top:-1px; left:10px; background:url(../img/newtips.gif) no-repeat -18px -1px; width:12px; height:6px;}
.downlist .content{ background-color:#FFF; padding:6px 0px; line-height:20px; word-break: break-all; word-wrap:break-word; border:1px solid #D1C9B3; -webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px; box-shadow:0px 5px 15px #AAA;}
.downlist ul{margin:0px; padding:0px; list-style:none;}
.downlist ul > li{list-style:none;}
.downlist ul > li > a, .downlist ul > li > s, .downlist ul > li > m{display:block; font-size:12px; padding:3px 10px; border:0; text-decoration:none; color:#444; cursor:pointer;}
.downlist ul > li > a:hover, .downlist ul > li > s:hover{background:#FF8A33; color:#FFF}
.downlist ul .sa:hover, .downlist ul .sa{background:#FF8A33; color:#FFF}

.list{ background: #FFF; overflow: auto;}
.list ul{ margin: 0px; padding: 0px; list-style: none;}
.list ul li{ margin: 0px; padding: 2px 4px; cursor: pointer;}
.list ul li:hover{ background: #eeeeff;}

.tree{ height: 240px; padding: 8px; background: #FFF; overflow: auto;}
.tree ul{ margin: 0px; padding: 0px; list-style: none;}
.tree ul > ul{ margin-left: 12px; display: none;}
.tree ul li{ margin: 0px; padding: 1px 4px; cursor: pointer;}
.tree ul li:hover{ background: #F0FEFF;}
.tree ul .sli{ background: #F0FEFF; color: #FFF;}
.tree ul .sli:hover{ background: #F0FEFF;}
.tree ul li i{ text-decoration: none; display: inline-block;width: 8px; height: 12px;}
.tree ul li i::before{ font-family: fontawesome; content: '\f0da'; position: relative; top: 1px; left: 2px; font-size:10pt; font-style:normal}
.tree ul li m{ text-decoration: none; display: inline-block; width: 8px; height: 12px;}
.tree ul li font{ display: inline-block; padding: 3px 4px;}
.tree ul li .ib::before{ font-family: fontawesome; content: '\f0d7'; position: relative; top: 1px; left: 2px; font-size:10pt; font-style:normal}
.tree ul li span{ display: inline-block; padding: 3px 4px 3px 21px; background: url(../img/folder.png) no-repeat 2px 4px;}
.tree ul li .spb{color:Blue}

/*.tree ul li span{ display: inline-block; padding: 3px 1px}
.tree ul li span::before{ font-family: fontawesome; content: '\f07b'; position: relative; top: -1px; left: -1px; font-size:10pt; padding:0 3px}
.tree ul li .spb::before{ font-family: fontawesome; content: '\f07c'; position: relative; top: -1px; left: -1px; font-size:10pt; padding:0 3px}*/
.tree ul li s{ text-decoration: none; border-bottom:0px; display: inline-block; float: right; margin-left: 4px; padding: 3px 0; font-size: 12px; background-position: 0px 4px; display: none; vertical-align:middle;}
.tree ul li input{ margin-left: 5px; padding: 1px; cursor: pointer;}

.attention{ border:1px solid #CCC; -webkit-border-radius: 8px;  -moz-border-radius: 8px; border-radius: 8px;  background:#fff8ec; padding:15px;}
.attention legend{padding:0px 6px;color: #E55957;font-weight: bolder;}
.attention ol{padding:0 0 0 16px;margin:0px;}
/*#endregion*/

/*#region Table*/
.table{border:1px solid #CCC; background:#FFF; border-collapse:collapse; width:100%}
.table th{border-left:1px solid #CCC; border-top:1px solid #CCC; padding:4px 6px; background:#F2F2F2; text-align:left; font-weight:normal;}
.table .thr{text-align:right;}
.table .thc{text-align:center;}
.table thead th{padding:6px; font-weight:bold;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#EAEAEA); /*IE 6 7 8*/ 
background: linear-gradient(top, #FFFFFF, #EAEAEA); /* IE 10 */
background:-moz-linear-gradient(top,#FFFFFF, #EAEAEA);/*火狐*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #FFFFFF, #EAEAEA);  /*Opera 11.10+*/
}
.table th div{float:right; font-weight:normal;}

.table .thtab{padding:0px;}
.table .thtab div{padding:7px 10px 0px 10px;}
.table .thtab ul{margin:0px; padding:0px; list-style:none;}
.table .thtab ul li{float:left;  height:30px;}
.table .thtab ul li span{display:inline-block; border-right:1px solid #CCC; font-size:12px; height:23px; padding:7px 10px 0px 10px; cursor:pointer;}
.table .thtab ul li .sa{height:24px; background:#FFF; cursor:default;}

.table .ntr:hover{background:#FFF;}
.table tr:hover { background: #ddfeff; }
.table .str { background: #aaf9ff; }
.table .str:hover { background: #aaf9ff; }
.table td { border-left: 1px solid #CCC; border-top: 1px solid #CCC; padding: 4px 6px; line-height: 20px; }
.table td label{margin-right:4px;}
.table td.label{width:180px; text-align:right;}
.table .ptd{padding:15px;}
.table .ptd:hover{background:#FFF;}
.table .ntd{padding:0px;}
.table .ntd:hover{background:#FFF;}
.table > thead > tr:first-child > th { border-top: 0px; }
.table tr > td:first-child, .table tr > th:first-child { border-left: 0px; }
.table tr > td:last-child, .table tr > th:last-child { border-right: 0px; }

.no-border {border:0px;}
.no-border tr:first-child td, .no-border tr:first-child th { border-top: 0px; }
.no-border tr > td:first-child, .no-border tr > th:first-child { border-left: 0px; }
.no-border tr > td:last-child, .no-border tr > th:last-child { border-right: 0px; }

.table-nowarp tr td, .table-nowarp tbody tr td, .table-nowarp tr th, .table-nowarp thead tr th { white-space: nowrap; }

.table-mini tr:hover{background:#F0FEFF;}
.table-mini th{padding:4px 6px;}
.table-mini td{padding:4px 6px; line-height:normal;}

.table-1b{border:1px solid #CCC;}
.table-1b:hover{border:1px solid #27A9E3;}
.table-2b{border:2px solid #CCC;}
.table-2b:hover{border:2px solid #27A9E3;}
.table-3b{border:3px solid #CCC;}
.table-3b:hover{border:3px solid #27A9E3;}

.table-none{border-right:1px solid #FFF; border-bottom:0px; }
.table-none td{border-left:1px solid #FFF; border-top:0px;}
.table-none tr:hover{background:#FFFFFF;}

.table-list{width:100%;border-collapse:collapse; }
.table-list .thr{text-align:right;}
.table-list .thc{text-align:center;}
.table-list .ntd{padding:0px;}

.table-list > tbody:hover th{border-top:1px solid #27A9E3; border-right:1px solid #27A9E3; background:#e7f9fe;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e7f9fe,endColorStr=#c6effd); /*IE 6 7 8*/ 
    background: linear-gradient(top, #e7f9fe, #c6effd); /* IE 10 */
    background:-moz-linear-gradient(top,#e7f9fe, #c6effd);/*火狐*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7f9fe), to(#c6effd));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #e7f9fe, #c6effd);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #e7f9fe, #c6effd);  /*Opera 11.10+*/
}
.table-list > tbody:hover >tr:nth-child(2) td{border-top:1px solid #87d0ef;}
.table-list > tbody:hover tr >th:first-child{border-left:1px solid #27A9E3;}
.table-list > tbody:hover >tr >td:first-child{border-left:1px solid #27A9E3;}
.table-list > tbody:hover >tr >td:last-child{border-right:1px solid #27A9E3;}
.table-list > tbody:hover >tr:last-child td{border-top:1px solid #27A9E3; border-left:0px; border-right:0px;}

.table-list td{border-top:1px solid #CCC; border-right:1px solid #CCC; padding:6px 8px;}
.table-list th{border-right:1px solid #CCC; text-align:left;font-weight:normal;  
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#F0F0F0); /*IE 6 7 8*/ 
    background: linear-gradient(top, #FFFFFF, #F0F0F0); /* IE 10 */
    background:-moz-linear-gradient(top,#FFFFFF, #F0F0F0);/*火狐*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0F0F0));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #FFFFFF, #F0F0F0);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #FFFFFF, #F0F0F0);  /*Opera 11.10+*/
}
.table-list th div{float:right; font-weight:normal;}
.table-list tr > th:first-child{border-left:1px solid #CCC;}

.table-list thead th{padding:8px; font-weight:bold; border-top:1px solid #CCC;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#EAEAEA); /*IE 6 7 8*/ 
    background: linear-gradient(top, #FFFFFF, #EAEAEA); /* IE 10 */
    background:-moz-linear-gradient(top,#FFFFFF, #EAEAEA);/*火狐*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #FFFFFF, #EAEAEA);  /*Opera 11.10+*/
}
.table-list thead td{padding:8px 9px; border-right:0px; border-left:0px;}
.table-list thead>tr:nth-child(2) td{padding:8px 0;}

.table-list > tbody th{padding:6px 8px; border-top:1px solid #CCC; border-right:1px solid #CCC;}
.table-list > tbody >tr >th:first-child{border-left:1px solid #CCC; }
.table-list > tbody tr{background:#FFF;}
.table-list > tbody td{line-height:20px;}
.table-list > tbody > tr > td:first-child{border-left:1px solid #CCC;}
.table-list > tbody .ft{border-top:1px dashed #BBB;}
.table-list > tbody >tr:last-child td{border-left:0px; border-right:0px; height:4px; padding:3px;}

.ul-table{margin:0px; padding:0px; list-style:none;}
.ul-table li{float:left; padding:4px 8px 0px 8px; width:350px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis;}
.ul-table .ws{width:40px; padding:2px 8px;}
.ul-table .wli{width:1020px; padding-bottom:4px;}

.dl-table{margin:0px; padding:0px; list-style:none; display: flex; flex-wrap: nowrap;}
.dl-table > div{margin:0px; padding:0px; list-style:none; display: table;}
.dl-table dl{margin:0px; padding:0px; list-style:none; display: table;}
.dl-table dt{display: table-header-group;}
.dl-table b{display: table-cell; border: 1px solid #006ddb; font-weight: bold; padding:4px 6px}
.dl-table dd{display: table-row-group;}
.dl-table b{display: table-cell; border: 1px solid #006ddb; padding:4px 6px}
/*#endregion*/


/*#region Form*/
.tree-list[type=text]{padding-right:24px; width:160px; background:#fff url(../img/tree.png) no-repeat right}
.tab-list[type=text]{padding-right:24px; width:160px; background:#fff url(../img/tab.png) no-repeat right}
.calendar[type=text]{padding-right:24px; width:160px; background:url(../img/calendar.png) no-repeat right}

.radio-list{padding:2px 0;}
.radio-list s{text-decoration:none; display:inline-block; text-align:right; width:90px;}
.radio-list i{ font-style:normal; display:inline-block; padding:2px 6px; border:1px solid #FFA800; cursor:pointer; margin:3px;}
.radio-list i:hover{ border:1px solid #FF8A00;}
.radio-list a{display:inline-block; text-decoration:none; padding:1px 6px; cursor:pointer; margin:3px; color:#005AA0}
.radio-list a:hover{color:#CA4312}
.radio-list .si{border:1px solid #FF8A00; background:#FFA800; color:#FFF;}
.radio-list .mv{cursor:move; position:absolute; background:#FFF; z-index:10}
.radio-list .flt{position:absolute; padding:0; background:#a0dbf3; z-index:5;}
.radio-list .flt span{height:14px; padding:0; display:inline-block;}

.check-list{padding:4px 0;}
.check-list s{text-decoration:none; display:inline-block; text-align:right; width:100px;}
.check-list i{ font-style:normal; display:inline-block; padding:1px 6px; border:1px solid #DDD; cursor:pointer; margin:3px;}
.check-list i:hover{ border:1px solid #FF8A00;}
.check-list .si{border:1px solid #FF8A00; background:#FFA800; color:#FFF;}
.check-list .mv{cursor:move; position:absolute; background:#FFF; z-index:10}
.check-list .flt{position:absolute; padding:0; background:#a0dbf3; z-index:5;}
.check-list .flt span{height:14px; padding:0; display:inline-block;}
.check-list input[type=checkbox], .radio-list input[type=checkbox]{margin:0px 1px; padding-top:0; padding-left:0; vertical-align:text-bottom; position:relative; top:0px;}
.check-list label, .radio-list label{ margin-right:8px;}

.btn{ border: 0px; padding: 3px 8px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.btn-mini{ border: 0px; padding: 1px 4px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.btn-large{ border: 0px; padding: 7px 16px; cursor: pointer; font-size: 16px; Letter-spacing:1px; font-weight: 500; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.btn:disabled, .btn:disabled:hover, .btn-mini:disabled, .btn-mini:disabled:hover, .btn-large:disabled, .btn-large:disabled:hover { background:#CCC; color:#999; border:1px solid #AAA; cursor:default;}

.btn-white{background:#FFF; color:#444; border:1px solid #CCC;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#EAEAEA); /*IE 6 7 8*/
background: linear-gradient(top, #FFFFFF, #EAEAEA); /* IE 10 */
background:-moz-linear-gradient(top,#FFFFFF, #EAEAEA);/*火狐*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EAEAEA));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #FFFFFF, #EAEAEA);  /*Opera 11.10+*/
}
.btn-white:hover, .btn-white:active{background:#DADADA; border:1px solid #AAA;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FAFAFA,endColorStr=#DADADA); /*IE 6 7 8*/
    background: linear-gradient(top, #FAFAFA, #DADADA); /* IE 10 */
    background:-moz-linear-gradient(top,#FAFAFA, #DADADA);/*火狐*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#DADADA));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #FAFAFA, #DADADA);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #FAFAFA, #DADADA);  /*Opera 11.10+*/
}
.btn-white:active{ box-shadow:0px 3px 5px #ccc inset;}
.btn-blue{background:#007ACC; color:#FFF; border:1px solid #0076ec}
.btn-blue:hover{background:#1C97EA; color:#FFF;}
.btn-blue:active{ box-shadow:0px 3px 5px #0076ec inset;}
.btn-green{background:#008c00; color:#FFF; border:1px solid #008c00}
.btn-green:hover{background:#00aa00; color:#FFF}
.btn-green:active{ box-shadow:0px 3px 5px #007300 inset;}
.btn-gray{background:#BBB; color:#999; border:1px solid #AAA; cursor:default;}
.btn-orange{background:#FFA800;color:#FFF; border:1px solid #FF8A00}
.btn-orange:hover{background:#FF8A00; color:#FFF}
.btn-orange:active{ box-shadow:0px 3px 5px #ce7200 inset;}
.btn-red{background:#ff4448;color:#FFF; border:1px solid #ff2025}
.btn-red:hover{background:#ff2025; color:#FFF}
.btn-red:active{ box-shadow:0px 3px 5px #db0005 inset;}
.btn-purple{background:#aa00aa;color:#FFF; border:1px solid #8c008c}
.btn-purple:hover{background:#8c008c; color:#FFF}
.btn-purple:active{ box-shadow:0px 3px 5px #6c006c inset;}
.btn-blackblue{background:#006ddb;color:#FFF; border:1px solid #004080}
.btn-blackblue:hover{background:#004080; color:#FFF}
.btn-blackblue:active{ box-shadow:0px 3px 5px #006ddb inset;}

.btn-drop{padding:0 1px; display:inline-block; vertical-align:middle; _vertical-align:bottom; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.btn-drop input{background-color:Transparent; color:#FFF; border:0px; padding: 2px 8px 3px 8px; cursor: pointer; vertical-align:middle;}
.btn-drop input:first-child{border-right:1px solid #0062bb; }
.btn-drop input:last-child{ font-family:Webdings; padding:2px 1px 3px 2px;}

.btn-drop-large{padding:1px; display:inline-block; vertical-align:middle; _vertical-align:bottom; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.btn-drop-large input{background-color:Transparent; color:#FFF; border:0px; padding: 7px 18px; cursor: pointer; vertical-align:middle; font-size: 14px; font-weight: bold;}
.btn-drop-large input:first-child{border-right:1px solid #0062bb; }
.btn-drop-large input:last-child{ font-family:Webdings; padding:8px 1px 8px 2px;}

.btn-drop-blue{background:#27A9E3; color:#FFF; border:1px solid #0062bb}
.btn-drop-blue input:hover{background:#188ec0;}
.btn-drop-blue input:active{box-shadow:0px 3px 5px #004788 inset;}

.combox { width: 110px; height: 26px; padding: 1px; overflow: hidden; display: inline-block; margin-left: -1px; margin-right: 3px; vertical-align:middle; line-height: normal; }
.combox input{padding-right:24px; width:-webkit-fill-available; margin-right:auto; padding:5px 4px 4px 4px; font-size:9pt;}
.combox s{ float:right; position:relative; z-index:1; top:-24px; display:inline-block; width:24px; height:23px; vertical-align:middle; border-bottom:0px;}
.combox s:hover {color:#333}
.combox s::after { font-family: fontawesome; content: '\f002'; position: absolute; top: 3px; right: 5px; font-size:12pt;}
.combox i{ float:right; position:relative; z-index:1; top:-24px; width:20px; height:23px; cursor:pointer;}
.combox i::after { font-family: fontawesome; content: '\f0dd'; position: absolute; color:#000; top: -2px; right: 6px; font-size:12pt; font-style:normal; transform: scale(0.6,1.1);}

.combox ul{margin:0px; padding:0px; list-style:none; background:#FFF; border:1px solid #999; box-shadow:0px 1px 5px 1px #999; position:absolute; z-index:1050; max-height:286px; overflow:auto;}
.combox ul > li{padding:3px 6px; cursor:pointer; overflow:hidden;}
.combox ul > li:hover{background:#c6effd;}
.combox ul .sli{background:#1968A0; color:#FFF;}
.combox ul .sli:hover{background:#1968A0; color:#FFF;}

.menu-tree{ position:absolute; min-width:188px; background:#FFF; border:1px solid #999; box-shadow:0px 1px 5px 1px #999; z-index:800}
.menu-tree ul{ margin:0px; padding:2px 0px; list-style:none; width:100%}
.menu-tree ul > li{padding:3px 6px; cursor:pointer;}
.menu-tree ul > li:hover{background:#27A9E3; color:#FFF;}
.menu-tree ul .nx::after { font-family: fontawesome; content: '\f0da'; position: relative; top: 1px; right: 0px; font-size:10pt; float:right}
.menu-tree ul .ov{background:#27A9E3; color:#FFF;}

.menu-tab{ position:absolute; width:350px; padding:10px; background:#FFF; border:1px solid #999; box-shadow:0px 1px 5px 1px #999; z-index:800}
.menu-tab ul{ margin:0; padding:0; list-style:none; height:26px; border-bottom:1px solid #ffb937}
.menu-tab ul li{ float:left; padding:3px 6px 1px 6px; cursor:pointer; height:21px; border:1px solid #DDD; border-bottom:0px; margin:0; margin-right:3px;}
.menu-tab ul li::after { font-family: fontawesome; content: '\f107'; position:relative; top: -2px; right: 0px; font-size:9pt; padding:0 0 0 4px;}
.menu-tab ul .nx{border:1px solid #ffb937; border-bottom:1px solid #FFF; height:21px; cursor:default;}
.menu-tab div{padding-right:10px;padding-bottom:10px;}
.menu-tab div s{display:inline-block; padding:3px 6px; color:#335E84; margin-left:10px; margin-top:10px; text-decoration:none; cursor:pointer;}
.menu-tab div s:hover{background:#FFA800; color:#FFF}
/*#endregion*/

::-webkit-scrollbar{width: 9px;height: 9px; cursor:pointer;}/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar-track{background-color: #FFFFFF;}/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-thumb{min-height: 20px;border-radius: 2px;background-color: #CCC; border-radius: 4px;}/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb:hover{background-color: #999;}

/* 修改所有input的placeholder样式 */
input::placeholder {
    color: #d5d0d0;
    font-style: italic;
    opacity: 1; /* Firefox默认有透明度 */
}

.screen::placeholder {
    color: #00ea00;
    font-style: italic;
    opacity: 1; /* Firefox默认有透明度 */
}

.table-wrapper{max-width:80vw;max-width:clamp(600px,80vw,1200px);max-height:400px;overflow-y:auto;margin:0 auto}
.complete-table{width:100%;border-collapse:collapse;text-align:center}
.complete-table th,.complete-table td{border:1px solid #eee;padding:12px;word-wrap:break-word;}
.complete-table thead th{background:#f5f5f5;position:sticky;top:0;text-align:center}