@CHARSET "UTF-8";

/* Style CSS,Eidt by Sksy D */
body{font-size:14px;font-family:"PingFangSC-Regular","Microsoft Yahei","SimHei";position: relative !important;}
body a{cursor:pointer;}
body a:hover{color:#D0021B;}
.hide {display: none;}
.show {display: block !important;}
.f_l{float: left !important;}
.f_r {float: right !important;}
.f_n {float: none !important;}
.mt_10 {margin-top: 10px;}
.mt_30 {margin-top: 30px;}
.mr_10{margin-right: 10px !important;}
.mb_10{margin-bottom: 10px !important;}
.mb_15{margin-bottom: 15px !important;}
.mb_20{margin-bottom: 20px !important;}
.ml_0{margin-left: 0px !important;}
.ml_10 {margin-left: 10px;}
.ml_25{margin-left: 25px !important;}
.ml_120{margin-left: 120px !important;}
.p_0{padding: 10px;}
.pr_0{padding-right: 0px !important;}
.pr_24{padding-right: 24px;}
.pl_0{padding-left: 0px !important;}

/* special color */
.alarm{color: #C7290C; margin-right: 5px;position:relative;top:2px;}
.danger-font{color: #D0021B; margin-right: 5px;}
.blue{cursor: pointer;}
.nodata{text-align:center;width:100%;color:#999;}
.placeHolderSpan{position:absolute;left:13px;top:10px;color:#999}

/* header */
/*.topFrame{width:100%;height:40px;background-color: #26282F;}
.top{height:40px;margin:0px auto;font-size:12px; position: relative;}
.top .cgy{width:80px;height:24px;position: absolute;left:75px;top:7px;border-radius:4px;border:1px solid white;color:white;text-align:center;line-height:24px;opacity:0.6; filter:alpha(opacity=60);}
.top .userinfo{position: absolute;line-height: 40px;height: 40px;right:5px;color:white;opacity:0.6; filter:alpha(opacity=60);}
.top .userinfo{float:right;}
.top .userinfo li{float:left;margin:0 10px;}
.top .userinfo>.settin {margin-top:6px;margin-right: 50px;}
.top .userinfo.sett{margin-top:8px;}
.top .userinfo.sett>sett-list{display:table;content:"";clear:both;}
.setmenu:before{display: block;content: "";clear: both;}
.setmenu {display: none; width:95px;height: 98px; text-align: center;background: #000000;z-index: 999;position: absolute;top: 50px;right: 20px;}
.setmenu>li{width: 48px;line-height:4px;margin-left: 25px;padding: 14px 0;}
.setmenu>li>a{width: 48px; height: 17px;font-family: PingFangSC-Light;font-size: 12px;color: #FFFFFF;margin-top: 16px;padding: 7px 0;}
.triangleup{ width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #000000;position: absolute;top: -10px;right: 40px;}*/
/* namespace header background-image: url(../imgs/logo-bg.png);*/
.headerFrame{width:100%;height:60px;min-width:1215px;overflow:hidden;}
.headerFrame .header{width:90%;height:60px; position: relative;margin:0px auto;background-position:center center;background-repeat: no-repeat;}
.headerFrame .header .logo{top:0;bottom:0;margin:auto 0; position:absolute;}
.headerFrame .header .vertical_line{top: 0; bottom:0;margin:auto 0; width: 0px; height: 28px; position: absolute; border-left: 1px; border-left-style: solid;}
.headerFrame .header .cgpt{width:auto;height:28px;position:absolute;top:0;bottom:0;margin:auto 0;line-height:28px;color:#404040;font-size:18px;font-family: PingFangSC-Regular;font-weight:bold;}
.headerFrame .header .tabs{width:auto;height:28px;left:400px;top:40px;line-height:28px;position: absolute;line-height:28px;color:white;font-size:20px;}
.headerFrame .header .tabs li{float:left;}
.headerFrame ul{float:right; position:absolute; top:0; bottom:0;margin:auto 0;height:24px;right:0;}
.headerFrame ul li{float:left; width:70px;text-align:center; }
.headerFrame ul li a{font-size:12px;}
.headerFrame ul li a span {width: 14px;height: 15px;display: block;background-position: -36px -39px;}

/*popup tips*/
.layui-layer-tips{word-break:break-all;}
/* aside */
.aside{float:left;width:200px;height: 800px;text-align:center;overflow:hidden;zoom:1;background:#F2F4FA;font-size:14px;}
.aside>li a{color:#64686F;height:40px;cursor:pointer; line-height:40px;padding:0 20px;}
.aside>li.current{background:#ffffff;}

/* mainContent */
.mainContent{width:100%;min-width:1215px;height:auto;min-height:800px;position:relative;margin:0px auto;}
.mainContent .content-frame{width:auto;min-width:1015px;height:100%;min-height:800px;background-color:#fff;margin-left:200px;color:#333;padding:1px 0;}
.mainContent .content-frame .content{margin: 0px 70px 0px 15px;} 
.mainContent .clearFix:after{content:"";clear:both;display:block;visibility:hidden;height:0;}

/* error page */
.content-frame .content .error-font {font-size: 30px; text-align:center; display: block; padding: 50px 0 20px 0;} 
.content-frame .content .btn-div a.btn-secondary {display: inline-block;} 
.content-frame .content .error-icon {background: url(../imgs/error-icon.png) no-repeat transparent; display: inline-block; width: 491px; height: 302px; } 

/* bread-url */ 
.bread{height: 40px;line-height: 40px;z-index: 1;width: auto; min-width: 930px; background-color: #fff;z-index:1000}
.bread li {list-style: none;float: left;font-size: 14px;color: #333333;letter-spacing: 0;margin-right:8px;}
.bread .arrow_double_left{background-position:-57px -163px;width:8px;height:14px;display:block;float: left;margin-right: 5px;margin-top:13px;}
.bread div a{cursor: pointer}
.bread .arrow_double_right{background-position:-37px -163px;width:8px;height:14px;display:block;margin-top:12px;}
.bread span.search-icon{width: 16px;height: 16px;background-position: -191px -215px;margin:12px 2px 0;float: left;}

/* footer */
/* hx css 
.footer-frame{width:100%;min-width:1215px;}
.footer{width:85%;min-width:1215px;height:auto;margin: 0px auto;color:#666666;font-size:12px;padding-top:32px;}*/
/* SRCB css */
.footer-frame{width:100%;min-width:1215px;}
.footer {color: #666;width: 1215px;min-width: 1215px;margin: 0 auto;font-size: 12px;}
.footer .relation {height: 30px;line-height: 30px;padding-top: 20px;}
.footer .copyright {height: 50px;line-height: 50px;text-align: center;}
.footer>div>span {margin-right: 100px;}

/* button */
.btn-div{margin-bottom: 15px; height: 28px; text-align: center;}
.btn-normal, .btn-secondary, .btn-danger, .btn-disabled, .btn-transparent{width: auto; min-width: 58px; height: 28px;line-height: 28px;line-height:30px\0; border-radius: 4px; color: #fff; cursor: pointer; padding: 0 15px; margin-left: 30px; margin-right: 0px; border: 0px;text-align:center;}
.btn-secondary{background-color: #fff;padding: 0 13px;}
.btn-secondary:hover{background-color: #fff;padding: 0 13px;}
.btn-transparent{background-color:transparent; padding: 0 13px;}
.btn-disabled{background-color: #B1B1B1; cursor: not-allowed; color: #E9E9E9;}

/* table normal */
.table-4-form{width:100%;height:auto;background-color:#fff;border-collapse:collapse;font-size: 14px;margin-bottom: 15px;border: 1px solid #EBEDF3;}
.table-4-form tr{height:40px;}
.table-4-form td{padding:4px;font-size:14px;height:40px;box-sizing:border-box;position:relative;word-break: break-all;}
.table-4-form .header,.tbhead{font-size:14px; padding:0 ;line-height:40px;overflow: visible;position:static;}
.table-4-form .header td{padding:0 ;}
.table-4-form .tBlue,.tbhead .tBlue{display:inline-block;float:left;height:40px;width:5px;margin:0 12px -1px -1px;}
.table-4-form .label{text-align:right;padding-right:15px;width:13%;position:static;background-color: #F3F6FD;}
.table-4-form .textOnly{padding-left:16px;}
.table-4-form .label2{text-align:right;padding-right:15px;width:105px;background-color:#F6F7F9;}
.table-4-list {width:100%;line-height:40px;font-size:14px;border:1px solid #ebedf3;border-collapse: collapse;}
.table-4-form .header input, .table-4-form .header button, .tbhead input, .tbhead button,.table-4-list .header select {margin-top:6px;margin-right:12px;}
.table-4-list td a{padding:0 4px;}

table input, table select,table textarea{width:100%;height:32px;padding-left:10px;line-height:32px;box-sizing:border-box;border-radius:4px;background-color:white;font-size:14px;font-family:"PingFangSC-Regular","Microsoft Yahei","SimHei";}
table input:focus, table select:focus,table textarea:focus {outline: -webkit-focus-ring-color auto 5px;}   /* 解决layer.css对input去除边框线的冲突 */
table select{width:100%;color:#333;appearance: none;-moz-appearance:none;-webkit-appearance:none;background: url("../imgs/Group.png") no-repeat scroll 94% center transparent;background:white\0;background-color:#fff;text-indent: 5px;padding:4px 6px; padding-right: 10%;padding-right: 10px\0;line-height:24px;}
table textarea{height:auto;resize:none;;line-height:20px;}
table input[type="checkBox"]{width:14px;height:14px;}
.table-1 td{width:37%;}
.table-4-list{table-layout:fixed; line-height:normal;}
.table-4-list td{overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap;padding:0 6px;}
.table-4-list .title td,.table-2-edit .title td{position:static;padding:4px;}
.table-2-edit .header,.table-4-list .header{text-align:left;}
.table-2-edit td{text-align:center;}
.table-2-edit td input[type=text]{text-align:center;padding:0;}

/* ZanShiWeiQueDing-start */
.table-4-list .subTitle td,.table-4-list .leftTitle,.table-4-list .leftSubTitle{white-space:normal;word-break:break-all;padding:4px;background-color:#F3F6FD;position:static;}
.table-4-list .header select{width:78px;float:right;height:28px;line-height:20px;}
/* ZanShiWeiQueDing-end */

.nodata{text-align:center;width:100%;color:#999;}

/* search bar */
.search-table{background-color: #FBFBFB; padding:12px; margin-bottom: 15px; width: 100%; height:60px; border: 1px solid #FBFBFB;}
.search-table select {font-size:12px;height: 28px; padding-left: 10px; border-radius: 4px; width: 90%; line-height:18px;}
.search-table input[type=text] {font-size:12px;height: 28px; line-height:28px;width: 90%; padding-left: 10px; border-radius: 4px;background-color:white;}
.search-table tr {height: 35px;}
.search-table tr td {position:relative;}
.search-table tr td:nth-of-type(even) {width: 22%;}
.search-table .search-name {text-align: right; padding-right: 10px; font-size: 12px; color:#666666; width: 120px;}

/* radio */
.radioBtn{line-height:normal;vertical-align:middle;display:table-cell;}
.radioBtn label{display:block;float:left;margin-left:26px;padding-left:16px;cursor:pointer;margin-right:44px;height:18px;}
.radioBtn .icon{background-position:-250px -186px;}
.radioBtn label input{width:14px;height:14px;position:relative;top:0;left:-1999px;}
.radioBtn .selected.icon{background-position:-57px -186px;}
.radioBtn .middle{float:none;width:0;margin:0 auto;}

/*checkBox*/
.checkBoxBtn label{display:block;background-position:-32px -188px;width:18px;height:18px;margin:0 auto;cursor:pointer}
.checkBoxBtn label input{width:14px;height:14px;position:relative;top:0;left:-2999px;}
.checkBoxBtn .selected{display:block;background-position:-8px -188px;}

/* fileUpload*/
.webuploader-container{float:left;}
.webuploader-pick{margin:4px;}
.webuploader-pick-hover{color: #3258AA;}
.fileContainer{margin:4px 20px 4px 0;border-radius:4px;display:inline-block;font-size:15px;}
.fileContainer .fileDel, .fileContainer .down-icon{width:20px;height:20px; display:block;float:left;line-height:20px; margin:4px 0 0 0px;text-align:center; text-indent: 0;cursor:pointer;}
.fileContainer .fileDel{background-position:-88px -212px;}
.fileContainer .down-icon{background-position:-9px -213px;}
.fileContainer .file{height:28px; display:block;float:left;line-height:28px; text-indent: 0;}
.fileContainer .file:hover{color: #3258AA; text-decoration:none;}
.errorF{margin-top:6px;display:block;color:#D73C2B;}
.progressBox{width:100%;height:100%;position:fixed;background:transparent; top:0;left:0;z-index:9999;display:none;}
.progressBox .innerBox{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:200px;height:40px}
.progressBox .progressBar{width:200px;height:20px;border:1px solid #3258aa; border-radius:4px;}
.progressBox .progressBar .progressColor{height:100%;width:0;background:#b6d0fa;}
.progressBox .progressText{width:100%;text-align:center;color:#3258aa;display:block;}
#fileUploadBox .addIcon{background-position:-168px -216px;width:12px;height:12px;}
/* fileDownload*/
.downloadBox{width:100%;height:100%;}
.downloadBox .fileContainer{margin:2px 0 0 20px;}
.downloadBox .fileName{display:block;height:100%;float:left;line-height:32px;color:#D0021B;}

/* tab cart */
.tabBtn,.tabLongBtn{position:relative;height:34px;margin-top:5px;}
.tabBtn li,.tabLongBtn li{position:absolute;top:0;height:34px;line-height:34px;color:white;text-align:center;cursor:pointer;overflow:hidden;}
.tabBtn li{width:90px;background-position: -10px -268px;}
.tabBtn .selected-icon{background-position: -109px -268px;}
.tabLongBtn li{width:140px;background-position: -10px -312px;}
.tabLongBtn .selected-icon{background-position: -10px -356px;}

/* date */
.selectDate{background-repeat:no-repeat;background-position:94% center;}

/* word limit */
.wordNumTip{font-size:12px;}
/* floding table */
.flodingTable{cursor:pointer;}
/* warmTips */
.warmTips{width:100%;padding:10px 32px;text-align:center;background: #FFFCEA;box-sizing:border-box;color:#D0021B;overflow:hidden;}

/* wrong tips */
.errorTip{position:absolute;left:8px;top:-30px;background:#333;color:#ddd;padding:6px;border-radius:4px;z-index:200;opacity:0.7;filter:alpha(opacity=70);cursor:pointer;}
.errorTip .trangle{position:absolute;bottom:-10px;left:20px;width:0;height:0;border:5px solid transparent;border-top:5px solid black;opacity:0.7;filter:alpha(opacity=70);}
.errorTip label{curor:pointer;}
 
.title .txtinput{width: 200px;padding-left: 10px;line-height: 30px;box-sizing: border-box;border-radius: 4px;border: 1px solid #EBEDF3;}
.title select {width: 200px;height: 30px;border-radius: 4px;border: 1px solid #EBEDF3;padding-left:1.2%;}

/* page */
.page{ height: 30px; padding: 10px 0px 20px 0px;}
.page_bg{ display: flex; float: right;}
.page_bg a, .page_bg a:hover, .page_bg input { display:block;float:left;width: 28px;height: 28px;line-height: 28px; margin-left: 5px; color: #6e6e6e;text-align: center;border: 1px solid #EBEDF3;border-radius: 4px;}
.page_bg .left-icon {background-position: 1px -232px; width: 30px; height: 30px;}
.page_bg .leftDisabled-icon {background-position: -57px -232px; width: 30px; height: 30px;}
.page_bg .right-icon {background-position: -27px -232px; width: 30px; height: 30px;}
.page_bg .rightDisabled-icon {background-position: -84px -232px; width: 30px; height: 30px;}
.page_bg a.disable {cursor: not-allowed;}
.page_bg a.step_current{color: #fff;}
.page_bg a.go{width: 38px;}
.page_bg span{margin-left: 20px;font-size: 12px;color: #999;height: 30px;line-height: 30px;display:block;float:left;}
.page_bg input {padding: 0px;margin: 0px 5px;}
.table_page {text-align: center; }

/* grade */
.grade span {cursor:pointer;}
.grade .unselected-star {width: 22px; height: 22px; background-position: -171px -53px;}
.grade .selected-star {width: 22px; height: 22px; background-position: -133px -53px;}

/* cue wenxingtishi */
.cue {height: 33px;line-height: 33px;text-align: center;background-color: #FFFCEA;}