@charset "utf-8";
body,html{height: 100%;}
body{ overflow-y: auto;}

/*email选择框*/
.suggest-container { background: #fff; z-index: 777; border-radius: 4px; padding: 5px 0; visibility: hidden;   box-shadow: 0 0 0 1px #58d6ed;}
.suggest-item { margin: 0 5px; height: 22px; line-height: 22px; border-bottom: 1px solid #eee; font-size: 12px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.suggest-item:hover,.suggest-item.focus { background: #f0f3f9; cursor: pointer; }

/*日期*/
.u-timeinput.Wdate{ background: #fff url(../../images/common/date.png) right no-repeat;}

/*表情 start*/
a.u-emotbtn, a.u-emotbtn:hover { display: block; width: 26px; height: 26px; line-height: 26px; font-size: 22px; color: #FF9630; }
.m-emoticonbox { position: absolute; visibility: hidden; width: 390px; background: #FFF; padding: 8px 8px;  left: 0; border-radius: 5px; border: 1px solid #ddd; -webkit-transition: bottom .2s; transition: bottom .2s; box-shadow: 0 2px 15px 0px rgba(0,0,0,0.2); z-index:10;}
.m-emoticonbox::before { content: ""; position: absolute; top: -6px; left: 24px; z-index: 1; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); width: 10px; height: 10px; background: #FFFFFF; border: inherit; display: inline-block; border-left: 0; border-top: 0; }
.m-emoticonbox.active { top: 85px; visibility: visible; }
.m-emoticonlist { height: 150px; overflow: auto; }
.m-emoticonlist .face { width: 32px; height: 32px; line-height: 32px; text-align: center; display: inline-block; cursor: pointer; margin: 0; }
.m-emoticonlist .face img { vertical-align: middle; }
.m-emoticonbox.weblogface{ width:450px;}
.m-emoticonbox.weblogface .m-emoticonlist{ height:256px;}
.m-emoticonbox.weblogface.active{ bottom:auto; top:37px;}
/*表情 end*/

/*侧边栏 start*/
.m-rightbar { position: fixed; width: 45px; z-index: 1000; right: 0; bottom: 0; height: 250px; background: rgba(0, 0, 0, .5); }
.m-rightbar .m-sidebtns { position: absolute; bottom: 28px; right: 0; list-style: none; }
a.u-sidebtn { display: block; height: 45px; margin-bottom: 10px; position: relative; width: 45px; line-height: 45px; text-align: center; }
.m-weibobox, .m-qrbox { position: absolute; width: 143px84pad35ng-bottom: 10px; bottom: -60px; right: 45px; display: none; padding-bottom: 5px; text-align: center; background: #EEE; }
a.u-sidebtn:hover { background: #eee; color: #5c524a; }
a.u-sidebtn span { display: none; }
a.u-sidebtn:hover span { display: block; }
a.u-sidebtn i::before { font-size: 25px; color: #eee; }
a.u-sidebtn:hover i { display: none; }
a.u-sidebtn.weixin:hover .m-qrbox, a.u-sidebtn.weibo:hover .m-weibobox { display: block; }
.m-weibobox::before { content: ""; display: block; height: 143px84bac35round: url(../../Images/Common/code.png) 0 -143px84o-r35eat; }
.m-qrbox::before { content: ""; display: block; height: 143px84bac35round: url(../../Images/Common/code.png) 0 0 no-repeat; }
.m-qrbox h3 { line-height: 20px; font-size: 14px; font-weight: bold; }
.m-qrbox p, .m-weibobox p { line-height: 1.5; font-size: 12px; }
/*侧边栏 end*/

.downmetril span{ display:inline-block; padding:0 10px; position:relative;}
.downmetril a{color:#666; margin:0 5px 0 -3px;}
.downmetril a:hover{ color:#0A5AF5;border-bottom:1px solid #FF9630;}
.downmetril i{ font-size:24px; color:#FF9630;vertical-align: -5px;}
.downmetril i.icon-downzip{ font-size:18px; vertical-align: -2px; margin-right: 6px;}
.downmetril span:first-child::before{content:""; width:1px; height:12px; background:#ddd; position:absolute; right:0; top:11px;}

/*暂无数据*/
.nodata{ width:300px; height:325px; margin:15px auto; position:relative;}
.nodata.small{ width:200px; height:200px;}
.nodata img{ width:100%; height:100%; display:block}
.nodata::before{ content:"暂无数据"; color:#999; position:absolute; bottom:25px; left:33px; font-size:34px; font-weight:bold;}
.nodata.small::before{ left:30px; bottom:18px; font-size:18px;}
.wbnodata{background-color: #fff; padding: 100px 0; min-height: calc(67vh - 12px);}
.nodata.moblie::before{left: 78px; bottom: -18px;}
.nodata.moblie{ margin:50px auto 15px auto;}

.m-nodata { position: relative; text-align: center; width:233px; height:266px; margin:20px auto 0;}
.m-nodata::before { position: absolute; content: ""; display:block; width:233px; height:266px; left:50%; transform: translateX(-50%); top: 0; background: url(../../images/common/nodata.png) no-repeat center center; background-size: 100% 100%; }
.m-nodata::after { content: '暂无数据'; position: absolute; bottom:0; left: 0; right: 0; display: block; font-size: 16px; text-align: center;}
.m-nodata img { display: none;}
.m-nodata.s::before{width:105px;height: 120px;background-size: 100% 100%;margin-left:-53px;}
.m-nodata.s{width:105px;height: 120px;margin:0 auto;}

.m-nodata.small { width:150px; height:170px; margin:10px auto 0;}
.m-nodata.small::before { width:150px; height:170px; left:50%; }
.m-nodata.small::after { font-size: 14px;}

.m-nocourse{position: relative; text-align: center; width:136px; height:137px; margin:20px auto 0;}
.m-nocourse::before { position: absolute; content: ""; display:block; width:136px; height:137px; left:50%; transform: translateX(-50%); top: 0; background: url(../../images/common/nocourse.png) no-repeat center center; background-size: 100% 100%; }

/*返回*/
a.backpage{ font-size:16px; text-align:center; font-weight:bold; color:#fff; display:inline-block;width: 63px;height: 63px;background-color: rgb(147, 197, 227);box-shadow: 0.707px 0.707px 4px 0px rgba(12, 93, 141, 0.3); position: fixed; bottom: 20px; top: auto; margin-left: 1215px;}
a.backpage i{ display:block; width:25px; height:22px; background:url(../../images/common/backarw.png) no-repeat; margin:8px auto 5px auto;}

/*上传 start*/
.uploader-box { display: inline-block; width: 100px; height: 100px; border: 1px dashed #d2d2d2; overflow: hidden; text-align: center; background: #f8f8f8 url(../../Images/student/uphead.png) center center no-repeat; box-sizing: border-box; border-radius: 2px; cursor: pointer; position:relative;}
.uploader-box.has_up, .uploader-box.hasup { background-image: none; }
.uploader-box img { display: block; width: 100%; height: 100% }
.uploader-box.upimg{background: #f8f8f8 url(../../Images/student/upimg.png) center center no-repeat;}
.uploader-box.wbcover { width: 345px; height: 112.5px; }
.uploader-box.posterbg { width: 80px; height: 130px;}
.u-tips + .uploader-box { margin-top: 5px; }
.addpiccamera{ position:absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.7);z-index: 3; opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.addpiccamera i{ font-size: 24px; color: #fff; vertical-align: middle; top: 50%; position: absolute; margin-top: -21px; left: 50%; margin-left: -12px;}
.uploader-box.hasup:hover .addpiccamera{ opacity:1;}
/*上传 end*/

/*提示 start*/
.u-tips-layout{padding:15px 20px;border-radius: 4px;}
.u-tips{ padding:10px;color:#0A5AF5;}
.u-tips i{ margin-right:5px;display: inline; margin-top: -5px;}

.u-tips.m-hvcenter-row i{margin-top:0;}
/*提示 end*/  

/*分页样式  start*/
.pages  { padding:10px 0; margin:15px auto 0 auto; clear:both; text-align:center; overflow:hidden; color:#999999; font-size: 0; }
.pages a, .pages span { border-radius: 4px;-webkit-border-radius: 4px;border:1px solid transparent; display: inline-block; color:#0A5AF5; font-size: 14px; min-width:16px; height:22px; line-height: 22px; margin: 0 3px; text-align:center; -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; font-size: 14px; padding: 0 3px; box-sizing:content-box;  -webkit-box-sizing:content-box;}
.pages a:hover { border: 1px solid #0A5AF5; }
.pages a.cur { background: #0A5AF5; color: #fff; border: 1px solid #0A5AF5;}
.pages a i {font-size: 12px; }
.pages a.first,.pages a.last { width: 30px; border: none;}
.pages a.first .icon-pre:before { content: "\e608" }
.pages a.first.dis,.pages a.last.dis { color: #aaa; cursor: not-allowed; }
.pages a.last .icon-next:before { content:"\e72e"; }
.pager-result{position: relative;}
.pager-result .result{position: absolute;top:10px;left:30px;}
.goodslist-sel .pager-result .result{left:0;}
/*分页样式  end*/

/* 分步骤进度条 */
.steps{max-width: 700px;display: flex;display: -webkit-flex;position: relative;}
.step-line{width:100%;height:3px;background-color:#dedede;border-radius: 3px;position: absolute;top:15px;left:0;right:0;z-index:8;}
.steps .step{flex: 1;-webkit-flex:1;text-align: center;position: relative;z-index:12;}
.step-text{width:30px;height:30px;line-height:22px;border-radius: 50%;text-align: center;background-color: #a7afc3;border: 5px solid #f4f5f7;color:#fff;margin:0 auto;}
.step-main{padding-top:10px;padding-bottom: 20px;color:#666;}
.step-text,.step-main{position: relative;z-index:5;}
.step-completed .step-text{background-color: #0A5AF5;border: 5px solid #ded9ff;color:#fff;}
.step.step-completed::before{content:"";position: absolute;top:15px;left:0;right:0;height:5px;background-color:#ded9ff;border-radius: 3px;}


/*input类*/
/* input[type=time],input[type=text],input[type=password],input[type="datetime"] { border:1px solid #dee1e9;height:28px; line-height:28px; display:inline-block; padding:5px 10px; background:#fff; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; font-size:14px; border-radius:2px;margin-right:10px;} */
textarea { border:1px solid rgba(71, 76, 85, 0.2); line-height:1.5; display:inline-block; padding:2px; background:#f7f7f7; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; font-size:14px; border-radius:2px;}
textarea:hover, input[type=text]:hover,input[type=password]:hover {border:1px solid #0A5AF5;}
textarea:focus, input[type=text]:focus,input[type=password]:focus { border:1px solid #dee1e9; background:#fff; color:#666; outline: 0; }
input:disabled:focus,input:disabled:hover {border:1px solid #dee1e9!important;}

/**按钮*/
.u-button, a.u-button {display: inline-block; color: #0A5AF5;border:0; padding:0px 10px;height:32px; line-height: 32px; text-align: center; border-radius:0; margin: 0 5px;}
 .u-button:hover, a.u-button:hover { opacity: 0.8;}
.u-button.default {color: #0A5AF5; border:1px solid #0A5AF5;border-radius: 6px;}
.u-button.gray {color: #999; border:1px solid #dedede; background: #dedede;cursor: default;}
/* .u-button.lightblue { background-image: linear-gradient(to bottom, #4f86ee , #4e43ed84bor35r:1px solid #4f86ee; color: #fff;} */
.u-button.primary,.u-button.primary:hover {  color: #fff;border-radius: 6px;background: #0A5AF5; border: 1px solid #0A5AF5;}
.u-button.delete { background-color:rgba(255, 58, 92, 1);color: #fff;}
.u-button.other { background: #fff; height: 29px; line-height: 29px; color:#808080; border: 1px solid #b1b2b2;}
.u-button.light { background: rgba(58,88,227,.1); color:#0A5AF5; border: 1px solid rgba(58,88,227,.1);}
.u-button.small { min-width:60px; padding:0px 5px; height:28px; line-height: 28px;font-size:14px;}
.u-button.big { min-width:200px; padding:0px 5px; height:40px; line-height: 40px;font-size:14px;}
.u-button.border { border:1px solid #0A5AF5; color: #0A5AF5;}
.filebtn,a.filebtn,.linebtn,a.linebtn { border: 1px solid #0A5AF5; background: #fff; color: #0A5AF5; height:30px; line-height:30px; padding:0 10px; border-radius: 4px; min-width: 70px;}
.m-btns,
.lay-m-btns { padding:10px 0; text-align: center; }
.g-wrap .m-btns { padding-bottom: 50px;}
/* .u-button i { margin-right: 5px;}
.u-button-btext{font-size: 16px;}
.u-button.w100 { width: 100px;} */

/*form radio checkbox*/
.radiolabel {display: inline-block; margin-right: 10px;}
.u-radio, .u-checkbox { display: inline-block;  background: url(../../images/common/icons.png) -9999px -9999px no-repeat; cursor: pointer;margin-right: 4px;}
.u-radio { width: 16px; height: 16px; background-position: 0 0; vertical-align: -2px; }
.u-radio.icon-radiosel { background-position:0 -25px; }
.u-radio.dis { background-position: 0 -50px; cursor: default; }
.u-radio.unseldis { background-position:0 -75px; cursor: default; }
.u-checkbox {  width: 16px; height: 16px; background-position: right 0; vertical-align:-2px;}  
.u-checkbox.icon-checkboxsel { background-position:right -25px; }
.u-checkbox.dis { background-position:right -75px; cursor: default; }
.u-checkbox.unseldis { background-position:right -50px; cursor: default; }
.radiocheck {margin-right: 20px; display: inline-block;}
.radiocheck .u-radio,.radiocheck .u-checkbox {margin-right: 5px; vertical-align: -2px;}
.m-selectbox .u-checkbox { margin-right: 10px;}
.m-selectbox .selectinfo { margin-left:20px; font-size: 12px;}
/*form radio checkbox*/

/*搜索*/
.m-searchbox { padding:0 0 10px;}
.m-search .searchtxt[type=text] {width:200px; padding: 5px; margin-right: 5px;}
.m-search .icon-search {color: #fff; background-image: linear-gradient(to bottom, #0A5AF5 , #0A5AF5); padding:5px 6px; line-height: 20px; border-radius: 3px; cursor: pointer;}
.m-search .icon-search:hover { opacity: 0.8;}
.m-searchbox .m-tip { margin-left:10px; color:#ff9f6b; margin-top:5px;}
.m-searchbox .m-search + .m-select { margin-left:10px;}
.m-searchbox > .f-left{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.ap-bread .m-searchbox { padding-bottom: 0;}
/*搜索*/

/*下拉选择*/
.m-select { display: inline-block; text-align: left; height:33px;}
.m-select .dropdown { position: relative; display: inline-block; }
.m-select .dropdown-toggle { height:33px;cursor: pointer; outline: 0; position: relative;background: #fff;border: 1px solid #dee1e9;border-radius: 3px;padding: 0 0 0 6px;}
.m-select .dropdown-toggle label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; cursor: pointer; min-width: 40px; line-height: 30px; padding-right: 34px; color: #999;font-weight:normal; }
.m-select .dropdown-toggle .arrow { display: inline-block; width: 32px; height:30px; position: absolute; right: 0px; top: 0px; cursor: pointer; background: none; }
.m-select .dropdown-toggle .arrow > i { display: block; width: 0; height: 0; border-top: 6px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 0; margin:12px auto 0; }
.m-select .dropdown > .scroll-list-wrap { overflow: hidden; position: absolute; left: 0; right: 0; /*top: 100%;*/top:28px; border: 1px solid #DCDCDC; background: #fff; margin-top: -1px; max-height: 160px; z-index: 1; }
.m-select .dropdown .time-input input{margin-right:0;}
.m-select .option { list-style: none; display: block; }
.m-select .option li { display: block; }
.m-select .option li a { display: block; color: #999; text-overflow: ellipsis; white-space: nowrap; height: 24px; line-height: 24px; padding:0 6px; text-align: left; overflow: hidden; text-decoration: none; margin:0;}
.m-select .option li a:hover { background: #eee; color: #fff; /*box-shadow: 0 0 0 1px #FF9630 inset;*/ color: #666;}
.m-select.active .dropdown-toggle{ border: 1px solid #58d6ed; box-shadow: 0 0 4px #58d6ed; }
.m-select .dropdown > .dropdownContent{overflow: hidden; position: absolute; left: 0; right: 0; top: 100%; border: 1px solid #DCDCDC; background: #fff; margin-top: -1px; max-height: 160px; z-index: 1;}
.m-select .dropdownContent{position: absolute; margin-top:-1px; top: 100%; left:0; right:0; z-index:999; display:none;}

.m-select.m-select-time .dropdown-toggle{border:none;padding:0;}
.scroll-bg { position: absolute; right: 2px; top: 0; border-radius: 4px; width: 4px; background: transparent; bottom: 0;z-index:9; }
.scroll-block { border-radius: 4px; width: 4px; position: absolute; left: 0; opacity: .4; background: #cdcdcd; top: 0; }

select { display: inline-block; color: #999; border:1px solid #dee1e9; padding:2px 18px 2px 5px; min-width:150px; border-radius: 3px;
  /*很关键：将默认的select选择框样式清除*/  
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
   background: url(../../images/common/arrow.png) no-repeat scroll right center transparent;
   /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
   /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}
select option { height:24px; line-height:24px; background: #fff;border:1px solid #dcdcdc;outline: none;}
select option :hover{background-color: #eee;}
select::-ms-expand { display: none; }

.m-select-time-box{display: flex;flex-direction: row;align-items: center;}
.m-select-time {z-index:1299;position: relative;display: inline-block;}
.m-select-time .timePart {background-color: #fff;position: absolute;left:0;right:0;top:30px;border:1px solid #dee1e9;border-radius: 0 0 4px 4px;}
.m-select-time .timePart ul {display: flex;}
.m-select-time .timePart ul > li{flex:1;text-align: center;}
.m-select-time .timePart ul  li p{border-bottom: 1px solid #dee1e9;padding:2px 0;background-color: rgba(58,106,254,.1);}
.m-select-time .timePart ul  li ol{height:70px;overflow-y: auto;padding:5px 0;}
.m-select-time .timePart ul  li ol li:hover{opacity: 0.8;cursor: pointer;}
.m-select-time .timePart ul  li ol li.cur{color:#0A5AF5;}
.m-select-time .timePart ul  li ol li.disabled{color:#aaa;cursor: default;}
.m-select.input-select-ul .scroll-list-wrap{overflow-y: auto;}
.m-select .dropdown-toggle  .icntime{position: absolute;top:0;right:5px;color:#657296;}
.m-select .dropdown-toggle label em{font-style: normal;}

/* 表格上方结果 */
.top-table{padding: 10px 0;}
.top-table > div { color:#999;}
.top-table .m-tip { color:#4C5C86;}
.top-table-tabs { font-size: 0;}
.top-table-tabs a { font-size: 14px; color:#666;position: relative; padding: 0 8px;}
.top-table-tabs a.cur{color:#0A5AF5;}
.top-table-tabs a::after { content: ""; position: absolute; width: 1px; height: 12px; right: 0; top: 50%; margin-top: -6px; border-right: 1px solid #dedede;}
.top-table-tabs a:last-child::after { display: none;}
.top-table-tabs a:first-child { padding-left: 0;}
.scorelist .flex-tags-body .m-layertab2{height:33px;padding:0;}

/* 表格 */
.ap-table { width: 100%; border-radius: 4px;}
.ap-table {width: 100%; border-collapse: collapse; }
.ap-table th,.ap-table td { text-align:center; vertical-align:middle; }
.ap-table th.check {width: 46px;cursor: pointer;}
.ap-table.morehead thead th { border: 1px solid rgba(58, 88, 227,.3); border-radius: 0;}
.ap-table th {color:#303133; line-height:1.5;  font-size:14px; white-space:nowrap;position: relative;background: #F5F7FA;padding:13px 0;}
.ap-table thead th{background: rgb(248, 250, 252);border-bottom: none;color:#4D515A;}
.ap-table th.check {width: 46px;cursor: pointer;}
.ap-table.morehead thead th { border: 1px solid rgba(58,88,227,.3); border-radius: 0;}
.ap-table td { color: #606266; padding:11px 12px;}
.ap-table td.border-right{border-color:rgba(58,106, 254, .1);}
.table-border td ,.table-border th{border: 1px solid #EBEEF5;}
.ap-table td span.cursor{height:33px;line-height:33px;}
.ap-table .f-tac { text-align:center; }
.ap-table .f-tal { text-align:left; }
.ap-table .f-tar { text-align:right; }
.ap-table a {color: #1975FF;}
.ap-table a:hover{color:#FA6A00 ;}
.ap-table a.f-cred{color: #ff4141;}
.ap-table td:last-child a ~ a {margin-left: 5px;}
.ap-table tbody tr:nth-child(2n+2) {background: rgba(58,106, 254, .01);}
.ap-table a span{padding-right:5px;}
.ap-table a span:last-child{padding-right: 0;}
.ap-table.s td {padding:0;}
.ap-table tfoot td { border: 0!important;}
.ap-table tfoot.f-bgmain td {border: 1px solid rgba(58, 88, 227,.2)!important;}
.ap-table tfoot.f-bgmain td {border: 1px solid rgba(58,88,227,.2)!important;}

.ap-table a.dis{color: #C8CDDA;cursor: default;pointer-events: none;}

.ap-table tr.active td{background-color: rgba(58, 88, 227, .2);}

/*分页样式*/
.ap-pages  { padding: 10px 0; margin:15px auto 0 auto; clear:both; text-align:center; zoom:1; overflow:hidden; color:#999999; }
.ap-pages  span { cursor:pointer}
.ap-pages  a { display: inline-block; background: transparent; color:#666; font-size: 14px; border: 1px solid transparent; height:24px; line-height: 24px; margin:0 5px; min-width: 24px; padding: 0 3px; text-align:center; -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out; border-radius:4px; }
.ap-pages  a:hover, .ap-pages  a.cur { text-decoration:none; border-color: #0A5AF5; color: #0A5AF5;}
.ap-pages  a.cur { background:#0A5AF5; color: #fff; border-color: #0A5AF5; }
.ap-pages  a i { width: 24px; height:24px; display:inline-block; color: #0A5AF5; }
.ap-pages  a i:before { display: inline-block; content: ""; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; vertical-align: -2px;}
.ap-pages  a.first i:before { border-right:7px solid #0A5AF5;}
.ap-pages  a.last i:before { border-left:7px solid #0A5AF5;}
.ap-pages  a.first:hover, .ap-pages  a.last:hover { background: transparent; border-color: transparent; }
.ap-pages  a.first.dis i, .ap-pages  a.last.dis i { color: #999; }
.pager-result{position: relative;}
.pager-result .result{position: absolute;top:10px;left:30px;}
.goodslist-sel .pager-result .result{left:0;}

/* tab start*/

/*一级tab*/
.m-tab { height:36px; border-bottom:1px solid var(--light-border-color);}
.m-tab a {font-size:18px; margin-left:30px;position: relative;color: var(--light-color-defaultlink);position: relative;transition: all .4s;}
.m-tab a::after{content:"";position: absolute;bottom:-12px;left:0;right:0;height:4px;background-color:#0A5AF5;opacity: 0;}
.m-tab a:hover { color:var(--base-color);}
.m-tab a.active { font-weight:700;color:#2562ee;}
.m-tab a.active::after{opacity: 1;}
.m-tab a span.dot{position: absolute;top:5px;right:5px;background-color: red;width:8px;height:8px;border-radius: 5px;}


/*二级tab*/
.sub-tab { display:inline-block; background-color: var(--light-blue-background);border-radius:73px ;}
.sub-tab a { display:inline-block;  padding-bottom: 5px;height:42px;line-height: 42px;background-color: var(--light-blue-background);font-size:18px;padding:0 24px 0 12px;border-radius:73px ;transition: all .5s;position: relative;}
.sub-tab a span{font-size:18px;color: var(--base-color);}
.sub-tab a i{font-size:20px;margin-right: 15px;color: var(--base-color);}
.sub-tab a.active { color: #fff; font-size:16px; background-color: var(--blue-color-background);}
.sub-tab a:hover { opacity: .8;}
.sub-tab a.active::after{content:""; width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid var(--blue-color-background);
position: absolute;bottom:-8px;left:50%;transform: translateX(-50%);}

/* 弹框底部按钮 */
.m-taskdemand { position: relative;}
.m-taskdemand a { display: inline-block; height: 40px; line-height: 40px; padding: 0 10px;}
.m-taskdemand a,.m-taskdemand a:hover { color: #fff;}
.m-taskdemand a i { margin-right: 5px;}
.m-taskdemand a .icon-arrowdown { margin-left: 5px; vertical-align:-1px;}
.m-taskdemand a.selected { background-color: rgba(255, 255, 255, 0.15);}
.m-taskdemandbox { position: absolute; right: 0; top: 40px; background: #fff; border: 1px solid #ccc; height: 200px; overflow: auto; color: #999; width:1200px;}
.m-taskdemandbox.hide { display: none;}

/*排序*/
.f-sortbtn { display:inline-block; position:relative; line-height:1; width:12px; height:12px; vertical-align:-1px; margin-left: 5px;}
.f-sortbtn a{ display:inline-block; width:0; height:0; border:6px solid transparent; position:absolute; left:0;}
.f-sortbtn a.up{ border-top:0; border-bottom:5px solid #86909C;  top:0;}
.f-sortbtn a.down{ border-bottom:0; border-top:5px solid #86909C; bottom:0;}
.f-sortbtn a.up.cur,.f-sortbtn a.up:hover{border-bottom:5px solid #0A5AF5;}
.f-sortbtn a.down.cur,.f-sortbtn a.down:hover{border-top:5px solid #0A5AF5;}



/****** 2020年5月新增 ******/

/*右侧公共内容*/
.rightsidebg { position:fixed; width:45px; height:100%; z-index:6000; right:0; top:60px; bottom:0; }

/*底部按钮*/
.rightoper { position:fixed; z-index:6666; right:0; top:300px; width:35px; border-top: 1px solid rgba(255, 255, 255, 0.15);margin-top:-100px;}
.rightoper li { list-style: none; border-bottom: 1px solid rgba(255, 255, 255, 0.15); position: relative;background-color:#0A5AF5;padding:10px;margin-bottom:10px;
  border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px;box-shadow: 0 0 10px rgba(101,113, 254, .5);}
.rightoper li a { display:block;position:relative;  text-align: center;line-height:20px;}
.rightoper li a i { display:block; margin:0 auto 2px; position:relative; color: #fff; }
.rightoper li a span {padding-top: 10px;color:#fff;}
.rightoper li:hover{box-shadow: 0 0 10px rgba(101,113, 254, .8);}


/*右侧展开内容*/
.m-rightopen { position:fixed; z-index:216666; top:20px; right:-360px; bottom:10px; background:#fff;width:340px; display:none; box-shadow: 0 0 10px rgba(58,88, 274, .2);border-radius: 10px 0 0 10px;transition: right .5s;}
.m-rightopen.show{right:0;}
.m-rightopen.s{display: block;}
.m-rightopen.s a.icon-tianjia{position:absolute;top:20px;right:10px;font-size:30px;transform: rotate(45deg);color: #97a5b8;}
.m-rightopen .titleTop{background-color: #0A5AF5;color: #fff;color:#fff;text-align: center;font-size:18px;padding:10px 0;border-radius: 10px 0 0 0;}
.righttop { padding-bottom:10px; overflow:hidden; zoom:1;}
.righttop h3 { font-size:18px; font-weight:400; color:#333;}
.righttop span { cursor: pointer;}
.righttop span i { display: block; width: 24px; height: 24px; line-height: 24px; background: #999; text-align: center;}
.rightcon { background:#fff; padding:15px 15px 15px 0; position: absolute; top:50px; left:15px; right:0; bottom: 0; overflow: auto;text-align: left;}
.rightcon .m-taskbox { margin: 0!important; padding-left: 0!important;}
.m-rightopen.progress .m-taskbox .taskcon .m-tasklist dd { cursor: pointer;}
.rightcon .m-taskbox .tasktitle { padding-left:48px!important;}
.rightcon .m-taskbox * { font-size: 14px!important;}
.rightcon .m-taskbox .tasktitle span { margin-left: 10px!important;}
.rulecontainer{overflow-y: auto;height:calc(100vh - 80px);padding:20px;}

/*任务详情*/
.task-list-items .m-titlebox span{padding: 20px;font-size:14px;}
.task-list-items .m-titlebox small{color:#999;}
.task-list-items li{list-style:none;}
.task-list-items .m-titlebox h4{padding: 0 20px;}
.task-list-items .task-list-body{line-height:30px;margin-bottom: 20px;}
.task-list-hd span{padding-right:20px;}
.task-list-hd::before { content: ""; position: absolute; top:5px; left:0; }
.m-rightopen .task-list-hd span{ padding-right:10px; font-size: 16px; color: #2d3e6d;font-weight: 700;}
.m-rightopen .task-list-hd,.m-titlebox-small{border-bottom:1px solid #ddd;padding:10px 0;position:relative;}
.m-rightopen .m-titlebox-small{padding:15px;}
.m-rightopen .task-list-hd a{top:10px;}
.m-titlebox-small{padding:15px;}
.task-list-hd a{top:10px;}
.task-list-items .task-list-body li{position:relative;font-size:14px;}
.task-list-items .task-list-body li span{width:90%;display:inline-block;}
.m-rightopen .task-list-items .task-list-body h4 { position: relative;font-weight: bold;color: #657296;font-size: 14px;}
.m-rightopen .task-list-items .task-list-body h4::before {content:"";display: inline-block;width:5px;height:20px;background-color: #0A5AF5;margin-right:10px;vertical-align: -4px;border-radius: 2px;}
/* .m-rightopen .task-list-items .task-list-body p,.m-rightopen .task-list-items .task-list-body ul { background: #fffaf0; padding: 10px;} */
.m-rightopen .task-list-body table{width: 100%!important;}
.m-rightopen .task-list-body img{width: 100%;}

.m-shrinkbox { position: absolute; left:-17px; top:50%; margin-top: -20px; height:82px; line-height: 82px; background: #0A5AF5; border-radius: 5px 0 0 5px; width:17px; text-align: center; cursor: pointer;}
.m-shrinkbox i.icon-arrl { margin:30px 0 0 3px; display:block; width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent;border-right:9px solid #fff;}
.m-shrinkbox i.icon-arrr { margin:30px 0 0 4px; display:block; width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent;border-left:9px solid #fff;}

.m-notest { position: absolute; top:50%; left: 50%; width: 162px; height: 165px; background: url(../../images/common/notest.png) 0 0 no-repeat; margin-left: -81px; margin-top: -82px;}

.WdateDiv.nodatesel { position:absolute; z-index:100010; width:190px !important;}
.WdateDiv.nodatesel #dpTitle { display: block; text-align: center; border-bottom: 1px solid #ccc; line-height:1.2!important;}
.WdateDiv.nodatesel .dpButton { margin-left: 2px!important; line-height: 16px!important; width: 45px!important; background-color: #64A3F3!important; color: #fff!important; border: none!important;}

/* 引导 */
.header-guide { display: none;}
.header-guide > .hguide{position:absolute; top:10px; right:65px; width: 329px; height:150px;background-color: #ffb063;border-radius: 20px;box-sizing:border-box;z-index:999;}
.header-guide > .hguide:before{ content:"";width:0;height:0; border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #ffb063;
                               position:absolute;right:-13px;top:30px;}
.header-guide .guide-box{border-radius: 12px;-webkit-border-radius: 12px;border: dashed 2px #fff;margin:9px 12px;height:132px;color:#fff;font-size:16px;font-weight:bold;
 text-align:left;padding: 25px 20px;box-sizing: border-box;}
.header-guide .f-mask{position:fixed;z-index:99;}
.header-guide .guide-box .guide-bottom{padding-top: 10px; text-align:right;}
.header-guide .guide-box .guide-bottom span { display:inline-block; color:#743900; text-decoration:underline; cursor: pointer;}

/*尺寸*/
.w700{width:700px;}
.w650{width:650px;}
.w600{width:600px;}
.w500{width:500px;}
.w400{width:400px;}
.w390{width: 390px;}
.w350{width:350px;}
.w330{width:330px;}
.w300{width:300px;}
.w280{width:280px;}
.w265{width:265px;}
.w250{width:250px;}
.w230{width:230px;}
.w220{width:220px;}
.w200{width:200px;}
.w190{width:190px;}
.w180{width:180px;}
.w150{width:150px;}
.w120{width:120px;}
.w100{width:100px;}
.w80{width:80px;}
.w60{width:60px;}
.w50{width:50px;}
.h670{height: 670px;overflow-y: auto;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}

textarea{border-radius: 3px;-webkit-border-radius: 3px;}
.cursorpointer{cursor: pointer;}

/* 视频蒙层 按钮*/
.video-mask{position: absolute;width: 42px;height: 42px;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);border-radius: 50%;background: rgba(0, 0, 0, .4);text-align: center;line-height: 42px;z-index: 12;}
.video-play{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:15;}
.video-play a{color:#fff;}


/* m-cardtab */
.m-cardtab a{border:1px solid rgba(58,106,254,.1);padding: 5px 20px;margin-right: 10px;background-color:  rgba(58,106,254,.1);}
.m-cardtab a.cur{box-shadow: 0 3px 0 #07c51d inset;}
.m-cardtab a.complete{box-shadow: 0 3px 0 #0A5AF5 inset;}


/*上传 start*/
.uploader-box { display: inline-block; width: 100px; height: 100px; border: 1px dashed #d2d2d2; overflow: hidden; text-align: center; background: #f8f8f8 url(../../images/common/add.png) center center no-repeat; box-sizing: border-box; border-radius: 2px; cursor: pointer; position:relative;}
.uploader-box.has_up, .uploader-box.hasup { background-image: none; }
.uploader-box img { display: block; width: 100%; height: 100% }
.uploader-box.upimg{background: #f8f8f8 url(../../images/common/upload.png) center center no-repeat;}
.uploader-box.shvideocover.upimg{background: #f8f8f8 url(../../images/common/upload2.png) center center no-repeat;}
.uploader-box.wbcover { width: 240px; height:160px; }
.uploader-box.posterbg { width: 80px; height: 130px; }
.u-tips + .uploader-box { margin-top: 5px; }
.addpiccamera{ position:absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.7);z-index: 3; opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.addpiccamera i{ font-size: 24px; color: #fff; vertical-align: middle; top: 50%; position: absolute; margin-top: -21px; left: 50%; margin-left: -12px;}
.uploader-box.hasup:hover .addpiccamera{ opacity:1;}

.videocover{position: relative;}
.videocover::after{content: "";position:absolute;top:0;left:0;width:240px;height:160px;background: rgba(0, 0, 0, .4);z-index: 8;}
.videocover .icon-play{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:36px;z-index: 12;}

/*开启、关闭 start*/
.u-switch { display: inline-block; cursor: pointer; width: 38px; height: 20px; padding: 0 3px; border-radius: 22px; background: #bdc6f1; color: #fff; line-height: 12px; font-size: 12px; border:1px solid #c2baf3;box-sizing:border-box; position: relative;}
.u-switch.on { background: #0A5AF5; border:1px solid #0A5AF5; }
.u-switch:before { content: ""; display: inline-block; margin-left: 18px; -webkit-transition: margin .2s; transition: margin .2s; }
.u-switch.on:before { content: ""; margin-left: 3px; }
.u-switch:after {content: "";height: 14px;width: 14px;display: block;position: absolute;background: #e3deff;border: 1px solid #e3deff;border-radius: 50%;left: 1px;top: 2px;-webkit-transition: left .2s;transition: left .2s;}
.u-switch.on:after { left: 19px; border:1px solid #fff;background-color:#fff; }
.u-switch + em{ font-style: normal; margin-left: 8px;}
/* .u-switch i::before{content:'';font-size:12px;position:absolute;left:4px;top:3px;color:#24687a;}
.u-switch i::after{content:'';font-size:12px;position:absolute;right:4px;top:3px;color:#2bfdff;} */
.u-switch i::before{content:'';font-size:12px;position:absolute;left:4px;top:3px;color:#fff;}
.u-switch i::after{content:'关';font-size:12px;position:absolute;right:4px;top:3px;color:#fff;}
.u-switch.on i::after{content: "";}
.u-switch.on i::before{content: "开";}
/*开启、关闭 end*/

.u-tags{color:#0A5AF5; background:rgba(58, 88, 227, .2);border-radius: 2px;-webkit-border-radius: 2px; position: relative;padding:3px 10px 3px 5px;margin:0 10px 10px 0;}
.u-tags .icon-closel { position: absolute;right: -5px;top: -12px; background: #f00; border-radius: 100%; width: 14px; height: 14px; color: #fff;}


/* 编辑器 */
.m .note-editor.note-frame{width:700px;}

/* tip */
.tip small{color:#a7afc3;} */
.tip i{color:#666;}
.label-warning{min-width: 58px;font-size:12px;background-color:#ff4141;padding:2px 5px;border-radius: 4px;-webkit-border-radius: 4px;color:#fff;box-shadow: 1px 1px 0 rgba(0,0,0,.1);display: flex;align-items: center;justify-content: center;display:inline;    height: 20px;  line-height: 17px;  min-width: auto;}
.label-primary{min-width: 58px;font-size:12px;background-color:#0A5AF5;padding:2px 5px;border-radius: 4px;-webkit-border-radius: 4px;color:#fff;box-shadow: 1px 1px 0 rgba(0,0,0,.1);display: flex;align-items: center;justify-content: center;display:inline;    height: 20px;line-height: 17px;  min-width: auto;}
.label-danger{min-width: 58px;font-size:12px;background-color:#ff9f6b;padding:2px 5px;border-radius: 4px;-webkit-border-radius: 4px;color:#fff;box-shadow: 1px 1px 0 rgba(0,0,0,.1);display: flex;align-items: center;justify-content: center;display:inline;    height: 20px;line-height: 17px;  min-width: auto;}
.label-primary-light{min-width: 58px;font-size:12px;background-color:#e2e8fe;padding:2px 5px;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 1px 1px 0 rgba(0,0,0,.1);display: flex;align-items: center;justify-content: center;display:inline;    height: 20px;line-height: 17px; min-width: auto;}
.label-default{min-width: 58px;font-size:12px;background-color:#fff;border:1px solid #0A5AF5;color:#0A5AF5;padding:2px 5px;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 1px 1px 0 rgba(0,0,0,.1);display: flex;align-items: center;justify-content: center;display:inline;  height: 20px;line-height: 17px; min-width: auto;}

/* 弹出层 */
.bodyscroll { background-color: #fff;}
.bodyscroll form {display: flex; display: -webkit-flex; /* Safari */ min-height: 100vh; flex-direction: column; height: 100%;}
.f-layerpd { padding: 30px; flex: 1; overflow: auto;}
.f-layerpd + .m-btns {border-top: 1px solid #ddd; background-color: #f8f8f8;}
.lay-m-btns{border-top: 1px solid #ddd; background-color: #f8f8f8;}
/*时间控件*/
.m-dateset { display: inline-block; }
input[type=datetime] {width:189px; padding: 0 8px; height: 28px; line-height: 28px; border: 1px solid rgba(200, 205, 218, 1); -webkit-border-radius: 2px;-moz-border-radius: 4px;border-radius:4px; background: #f8f8f8; color: #999999;}
.disgset input[type=datetime] {width:180px;margin-right: 0;}
.disgset span{margin:0 5px;}

/*通用 start*/
.f-h25 {height: 25px; line-height: 25px; overflow: hidden; clear: both;}
/* .f-layerpd { padding: 20px 30px; } */
.f-relative { position: relative; }
/*通用 end*/

/*tag*/
.m-tag {display: flex;}
.m-tag a,.m-tag span { text-decoration: none; display:block; padding:3px 15px; margin-bottom: 5px; background:rgb(43, 84, 239,.1);white-space:nowrap; position:relative;color: var(--gray-color);border:1px solid var(--light-border-color);margin-right: 2px;text-align: center;border-radius: 10px;margin-right: 10px;}
.m-tag .icon-closel{ position: absolute; z-index: 999; right: -8px; top: -8px; color: #fff; background: #ff4141; border-radius: 100%; width:16px; height: 16px; line-height: 16px; text-align: center; cursor: pointer; font-size: 12px;}
.m-tag a:hover{background:rgba(43,984254355); text-decoration:none; color:#fff;}
/* .m-tag a.cur::before,.m-tag span.cur::before{content: ""; width: 0;height: 0;border-top: 25px solid #07c51d;border-left: 25px solid transparent; position: absolute;top:0;right:0;} */
/* .m-tag a.cur::after,.m-tag span.cur::after {content:"\ec9e";color:#fff;font-family: "iconfont" !important;font-size: 12px;font-style: normal;-webkit-font-smoothing: antialiased;position: absolute;top:-2px;right:1px;} */
.m-tag a.u-button{padding:0px 10px; vertical-align: -2px;}
.m-tag a.cur{border-color: #0A5AF5;color:#0A5AF5;}
.m-tag a i,.m-tag span { margin-right: 5px;}
.m-tag.visible a{overflow: visible;margin-bottom: 10px;}
.m-tag.nofloat a { display: block; width: 120px; text-align: center; margin-bottom: 15px;}
.m-tag.limit4 a em { display: block; font-style: normal; max-width:70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-tag.sm span { padding:0px 3px; margin:2px; font-size: 12px;}
.m-tag.lg a { display: block; white-space: normal;}
.m-tag a.active{background-color: #0A5AF5;color:#fff;}
.m-tag.col4 a { width: 103px; text-align: center;}

.m-tag.lg a,.m-tag.lg span{ display: block; white-space: normal;}


.tags span {border: 1px solid #bbb;border-radius:2px;font-size: 12px;padding: 4px 5px;border-radius: 2px;-webkit-border-radius: 2px;margin-right: 8px;margin-bottom:8px;white-space: nowrap;display: inline-block;}
.tags span a:hover {color: #2caeff;}
.pointer-event-none{pointer-events: none;}
/* 固定尺寸的tag */
.m-tag-w120 a,.m-tag-w120 span {width: 120px;text-align: center;}
.m-tag-w150 a{width: 150px;text-align: center;}
.m-tag-w190 a{width: 190px;text-align: center;}
.m-tag-w200 a{width: 200px;text-align: center;}


/* tabs */
.m-tabswitch a { display: inline-block; color: #998; border: 1px solid #ccc; padding: 5px 10px; min-width: 80px; text-align: center;}
.m-tabswitch a:hover,.m-tabswitch a.cur { border: 1px solid #0A5AF5; color: #0A5AF5;}
.m-tabswitch + .m-searchbox { margin-top: 10px;}
.m-tabswitch + .m-tabswitch { margin-top: 10px;}

.m-rect-tabs{display: flex;display: -webkit-flex;}
.m-rect-tabs a{border:1px solid #0A5AF5;padding:4px 0;flex:1;-webkit-flex:1;margin-left:-1px;}
.m-rect-tabs a:first-child{border-radius: 2px 0 0 2px;-webkit-border-radius: 2px 0 0 2px;margin-left:0;}
.m-rect-tabs a:last-child{border-radius: 0 2px 2px 0;-webkit-border-radius: 0 2px 2px 0}
.m-rect-tabs a.cur,.m-rect-tabs a:hover{background-color: #0A5AF5;color:#fff;}


/*表格列表 start*/
.ap-tablelist { width: 100%;}
.ap-tablelist th,.ap-tablelist td { min-height:21px; text-align:center; vertical-align:middle; }
.ap-tablelist th { color:#0A5AF5; line-height:1.5; background: rgba(58, 88, 227,.1); padding:8px 8px; font-size:14px; white-space:nowrap;position: relative}
.ap-tablelist th { color:#0A5AF5; line-height:1.5; background: rgba(58,88,227,.1); padding:8px 8px; font-size:14px; white-space:nowrap;position: relative}
.ap-tablelist thead tr th:first-child { border-radius: 5px 0 0 5px;}
.ap-tablelist thead tr th:last-child { border-radius: 0 5px 5px 0;}
.m-unitset .ap-tablelist >tbody > tr > th { color:#999; background:#ebebeb; }
.ap-tablelist td { color:#657296; padding:10px 6px; border:1px solid transparent; border-bottom:1px solid #eef0ff; background:#fff;}
.ap-tablelist td.f-tal,.ap-tablelist th.f-tal { text-align:left;}
.ap-tablelist td.f-tar,.ap-tablelist th.f-tar { text-align:right;}
.ap-tablelist a{color: #0A5AF5; margin: 0 3px;}
.ap-tablelist a.f-cred{ color: #FF5B5C;}
.ap-tablelist a.icona{ text-decoration:none;}
.ap-tablelist tfoot td { border: 0!important;}
.icona.disabled { color:#999; cursor:no-drop;}
.ap-tablelist br + a { display: inline-block; padding-top: 3px; }
.ap-tablelist td.f-limit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ap-tablelist td.w90 { max-width: 90px; }
.ap-tablelist td.w150 { max-width: 150px; }
.ap-tablelist td.w650 { max-width: 650px; }
.ap-tablelist td.w500 { max-width: 500px; }
.ap-tablelist tr:nth-child(2n) td{ background: #fdfdff;}
/*表格列表 end*/

/* 表单 */
.ap-tableform { width:100%;}
.ap-tableform td,.ap-tableform th { padding:9px 5px;line-height:1.8; vertical-align: top;}
.ap-tableform td.f-vt,.ap-tableform th.f-vt {vertical-align: top;}
.ap-tableform td.f-vm,.ap-tableform th.f-vm {vertical-align: middle;}
.ap-tableform th { text-align:right; white-space:nowrap;}
.ap-tableform th.f-tal,.ap-tableform td.f-tal {text-align: left;}
.ap-tableform th.f-tac,.ap-tableform td.f-tac {text-align: center;}
.ap-tableform.inner th,.ap-tableform.inner td {padding:3px 3px;} 
.ap-tableform.bg th { background: rgba(58,124,254,.1); padding-right: 5px; vertical-align: middle;}
.ap-tableform.bg th,.ap-tableform.bg td { border:2px solid #fff;}
.ap-tableform td textarea { margin-right: 5px;}
.ap-tableform.bor th,.ap-tableform.bor td { border:1px solid #fff;}

/* 最终拷到stu.css里 */
.m-titlebox2 {position: relative; margin-bottom:10px; min-height: 28px;}
.m-titlebox2 .u-title {position: absolute; z-index:2; font-weight: bold; font-size: 16px; background: #fff; display: inline-block; padding: 0 8px 0 0; left: 0; bottom:-2px;}
.m-titlebox2::after { position: absolute; z-index:0; content: ""; height: 1px; background: #C8CDDA; display: block; left: 0; right: 0; bottom:2px;}
/*标题 start*/
.m-titlebox{ height: 48px; line-height: 48px;}
.m-titlebox.border-bottom{padding:0 20px;}
.m-titlebox a.u-button{margin-top:5px;margin-right:0;}
.m-titlebox .u-title{ font-weight: bold; color: #657296;font-size: 18px;}
.m-titlebox span b{color:#0A5AF5;padding:0 3px;}
.m-titlebox .u-title2{ font-weight: bold; color: #657296;font-size: 14px;}
.m-titlebox .u-title3{ font-weight: bold; color: #657296;font-size: 16px;}
.m-titlebox .u-title3 .tip { font-weight: 400; color: #A7AFC3; font-size:14px;}
.m-titlebox .u-button{font-size:14px;font-weight: normal;}
.driver{display: inline-block;width:5px;height:20px;background:var(--light-driver-color);margin-right:10px;vertical-align: -4px;border-radius: 2px;}
.square{display: inline-block;width:12px;height:24px;background-color: #007aff;margin-right: 10px;vertical-align: -4px;border-radius: 2px;}
.m-titlebox .u-title.sm{font-size:17px;}
.m-titlebox .u-title.sm a{font-size:14px;font-weight: normal;}
.m-titlebox .u-title.sm a .icon-tishi1{color:#ff4141;margin-right: 5px;}
.m-titlebox.bg { background: rgba(58,88,227,.2);border-radius: 4px 4px 0 0;}
.m-titlebox .u-title2 small{color: #97a5b8;}
/*标题 end*/


/*input start*/
input[type=number],input[type=text],input[type=password],input[type=time] { padding: 0 6px; height: 32px; line-height: 32px; border: 1px solid rgba(200, 205, 218, 1); -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; background: #fff; color: #394a79;}
textarea[readonly],
input[readonly]{border: 1px solid #ddd;background-color: #efefef;pointer-events: none;}
input[type=text].disabled,input[type=password].disabled {border: 1px solid #e5e5e5; background: #f4f5f7;}
input[type=text]:focus,input[type=password]:focus {border: 1px solid rgba(58, 88, 227,.4);  background: #fff;}
input[type=text].u-small { width: 86px; }
input[type=text].colorinput:focus { border-color: #dcdcdc; }
/* textarea {padding: 6px; line-height: 24px; border: 1px solid rgba(200, 205, 218, 1); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background: #fff; color: #999999;} */
textarea:focus {border: 1px solid rgba(58, 88, 227,.4); color: #666666; background: #fff;}
input[type=text]:focus,input[type=password]:focus {border: 1px solid rgba(58,88,227,.4);  background: #fff;}
input[type=text].u-small { width: 86px; }
input[type=text].colorinput:focus { border-color: #dcdcdc; }
textarea {padding: 6px; line-height: 24px; border:1px solid rgba(71, 76, 85, 0.2); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background: #fff; color: #999999;}
textarea:focus {border: 1px solid rgba(58,88,227,.4); color: #666666; background: #fff;}
.el-select input[readonly]{background-color: #fff;}
.ap-tableform .input-select{width:208px;height:30px;line-height: 30px;border:1px solid #dee1e9;border-radius: 2px;}
/* .ap-tableform  td{padding:5px 0;}
.ap-tableform  td:first-child{text-align: right;padding-right:4px;} */
.ap-tableform .ap-table td.f-tal{text-align: left;}
.ap-tableform .ap-table td.f-tac{text-align: center;}

.ap-table-border th,
.ap-table-border td,
.ap-table-border.ap-table tr:last-child td{border:1px solid rgba(101,113, 254, .1);}

/*input end*/

.m-selecttype { text-align: center; margin: 20px auto; }
.m-selecttype li { position: relative; cursor: pointer; width: 164px; height: 72px; border: 1px solid #0A5AF5; margin: 0 20px; border-radius: 4px; text-align: center; font-size: 16px; color: #0A5AF5; font-weight: 700; line-height:60px;}
.m-selecttype li i { margin-right: 10px; font-size:32px!important; vertical-align: -5px;}
.m-selecttype li.selected { border:2px solid #33BE25;}
.m-selecttype li i.icon-yingliu::before { font-size:22px; vertical-align:2px;}
.m-selecttype li .icon-confirm { display: none; position: absolute; z-index: 10; right:-5px; bottom:-5px; color: #33BE25;}
.m-selecttype li.selected .icon-confirm { display: block;}

.m-colorsel { margin: 0 40px 0 5px;}
.m-colorsel dt { color:#A7AFC3; text-align: center;}
.m-colorsel dd .u-color { width: 72px; height: 72px; border-radius:100%; border:1px solid #fff; overflow: hidden; position: relative;}
.m-colorsel dd input { position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; width:92px; height:92px;}

.u-type i { margin-right: 5px;}

.u-imgbox { position: relative;}
.u-imgbox img { border-radius: 4px; }
.u-price { font-size: 20px; color:#FF5B5C;font-family: fantasy;font-weight: normal;}
small.u-price{font-size:20px;}

.m-tip em { font-style: normal; margin: 0 5px;}
.m-tip2 { border: 1px solid #E3DEFF; border-radius:4px; background:#F8F7FF; padding: 10px; color:#A7AFC3;}
.m-tip2.prompting { border: 1px solid rgb(247, 174, 107);background:rgba(247, 174, 107,.2); color:rgb(243, 152, 67) ;}
.m-tip2.prompting i {color:rgb(243, 152, 67)!important;}
.m-tip2.warning { border: 1px solid rgba(255, 0, 0,.4); background:rgba(255, 0, 0,.05); color:rgba(255, 0, 0,.6);}
.m-tip2.warning i {color:rgba(255, 0, 0,.6)!important;}

.m-selectedbox { background: #F8F7FF; padding: 20px;}
.m-selectedbox .selectedcon { flex-wrap:wrap;}
.m-selectedbox .selectedcon li { width: 33%;}
.m-selectedbox .selectedcon li span { display: inline-block; text-align: right; width: 115px;}
.m-selectedbox.h80 { height: 80px;}

.m-selectlist li { list-style:none; float:left; margin-right:15px; margin-bottom: 5px; min-width: 120px;}
.m-selectlist.nofloat li { float: none; width: auto;}
.m-selectlist li .u-checkbox ,.m-selectlist li .u-radio { vertical-align: -3px; margin-right:3px;}

/* input type="number" 去掉右侧箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}


/* 考试结束时间 */
.m-maskbox .m-mask { position: fixed; z-index: 99998; top:0; right:0; bottom:0; left: 0; background: rgba(0, 0, 0, 0.5);}
.m-maskbox .m-tipbox { text-align: center; position: fixed; z-index: 99999; left: 50%; top:50%; width: 200px; min-height:65px;  background: #fff; border-radius: 10px; padding: 20px;
transform: translate(-50%,-50%);}
.m-maskbox .m-tipbox p { margin-top:10px;}
.m-maskbox .m-tipbox i { font-size: 28px;  color: #3bd94d; }
.m-taskbox .taskcon .m-tasklist dd .u-button.undo { background:#999!important;}

/* 步骤 */
.innercontab .m-searchboxt{ position:absolute; right:10px; top:6px;}
.materialchose{ padding:10px 0px 0 10px;}
.materialchose p{ display:inline-block; margin-left:8px;}
/* step tab */
.m-steptab { display:flex; flex-direction:row; flex-wrap:nowrap;  counter-reset: step; width:300px;position: relative;margin:0 auto;}
.m-steptab::before{content:"";position: absolute;top:13px;left:15px;width:300px;height:1px;background-color: #0A5AF5;}
.m-steptab a { float: none; flex: 1; position: relative;cursor: default;}
.m-steptab a:nth-child(2){position: relative;left:160px;}
/* .m-steptab a::after { position: absolute; right: -17px; top: 0; content: ""; display: block; width:  25px; height: 40px; background: url(../../images/common/steptab.png) right 0 no-repeat;background-size: 100% 100%;} */
.m-steptab a:last-child::after { display: none;}
.m-steptab a span { display: inline-block; line-height: 35px;height:40px; padding: 0 5px 10px; color: #999; font-size: 16px; position: relative;}
.m-steptab a.cur span { color: #0A5AF5;}
.m-steptab a.cur span::after { width: 100%; left:0; right:0; bottom:-3px;}
.m-steptab a:hover span::after {  width: 100%; left:0; right:0; bottom:-3px; transition: width .2s; }
.m-steptab a span::before { content: counter(step); counter-increment: step; display: block; text-align: center; width: 24px; height: 24px; line-height: 24px; background:#eee; border-radius: 100%; color:#999;  margin-right: 15px;}
.m-steptab a.cur span::before { background: #0A5AF5; color: #fff; }


/* 复选框 单选框 */
.radio-checkbox-box > ul{flex-wrap: wrap;}
.radio-checkbox-box > ul li{float:left;width:calc(11% - 10px);margin-right: 10px;line-height: 30px;position: relative;}
.radio-checkbox-box.mm > ul li{width:calc(14% - 10px);}
.radio-checkbox-box.m > ul li{width:calc(20% - 10px);}
.radio-checkbox-box.l > ul  li{width:calc(25% - 10px);}
.radio-checkbox-box > ul  li.l{width: 30%;}
.radio-checkbox-box.col6 > ul  li {width:calc(16.6% - 10px);}
.radio-checkbox-box.col5 > ul  li {width:calc(20% - 10px);}
.radio-checkbox-box.col3 > ul  li {width:calc(30% - 10px);}
.radio-checkbox-box.col4 > ul  li {width:calc(25% - 10px);}
.radio-checkbox-box.col3 > ul  li {width:calc(30% - 10px);}
.radio-checkbox-box.col2 > ul  li {width:calc(50% - 10px);}
.radio-checkbox-box  div.display-flex div{width:80px;text-align: right;}
.radio-checkbox-box  div.display-flex ul{flex:1;}
.radio-checkbox-box.nofloat li { float: none; width:calc(100% - 10px);}
.radio-checkbox-box.autow > ul li { width: auto; min-width: 80px;}

.sendtime li{position: relative;}

/* 弹出层 */
.bodyScroll,.bodyscroll { background-color: #fff;}
.bodyScroll form,.bodyscroll form {display: flex; display: -webkit-flex; /* Safari */ min-height: 100vh; flex-direction: column; height: 100%;}
.f-layerpd { padding: 20px; flex: 1; overflow: auto;}
.f-layerpd + .m-btns {border-top: 1px solid #ddd; background-color: #f8f8f8;}
.f-layerpd .m-btns {padding: 15px 0;position: absolute;left:0;right:0;bottom:0;overflow: hidden;border-top:1px solid #ededed;}
.m-bottom-pop { padding: 15px 0;}

/* cornner */
.u-corner::after{content:"";position: absolute;top:0;right:0;width: 0;height: 0;border-top:60px solid #07c51d; border-left:60px solid transparent;z-index:5;display: none;}
.u-corner i {display:block;}
.u-corner em { position: absolute; z-index: 999; top:10px; right: 0; transform: rotate(45deg); font-style: normal; color: #fff;}
.u-corner.selected::after{display: block;}
.u-corner.undo::after {border-top:60px solid #ff4141;}

/*一级tab*/
.m-layertab { line-height: 28px; height: 28px; background:#fff;position: relative;}
.m-layertab .layertab { display: block; padding:2px 15px; float: left;text-align: center; color: #a7afc3; height: 28px;line-height: 24px; font-weight: 700; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);}
.m-layertab .layertab:first-child{border-radius: 32px 0px 0px 32px;}
.m-layertab .layertab:last-child{border-radius: 0px 32px 32px 0px;}
.m-layertab .layertab.cur { background: #0A5AF5;color: #fff;}
.m-layertab .layertab i { color: #828282; }
.m-layertab .layertab.cur i { color: #555; font-size: 18px; }


.ap-logo .logotitle  .role{background-color: #41c56e;color:#fff;font-size: 14px;font-style: normal;padding:2px 9px;border-radius: 2px;margin-left:10px;}
/* 时间选择器 */
.date-wrap{height: 200px;}

.timepicker{position: relative;}
.time-dropdown{width:300px;margin-top:1px;background:rgba(58,106,254,.1); padding:5px;box-shadow: 0 0 10px rgba(58,106,254,.2);position: absolute;top:35px;left:0;}
.time-dropdown > div{display: flex;background-color: #fff;padding:5px;}
.time-dropdown > div a{background-color: #0A5AF5;color:#fff;padding:1px 5px;border-radius: 5px;font-size: 12px;margin-left:10px;}
.time-dropdown .time-hours,
.time-dropdown .time-minutes{height:90px;overflow-y: scroll;}
.time-hours-minutes {border:1px solid rgba(58,106,254,.3);flex:1;position: relative;border-radius: 4px 0 0 4px;}
.time-title{text-align: center;border-bottom: 1px solid #dee1e9;line-height: 24px;background:rgba(58,106,254,.1);color:#0A5AF5;}
.time-dropdown ul{margin:0;padding:0;}
.timepicker li{list-style: none;text-align: center;height:24px;line-height: 24px;font-size: 12px; color: #666;cursor: pointer;position: relative;}
.timepicker li:hover{background-color: #f8f8f8;}
.timepicker li.cur{background-color: rgba(58,106,254,.8);color:#fff;}
.time-bottom{justify-content: flex-end;}
.time-bottom a{cursor: pointer;}
.time-input{position: relative;}
.time-input input{margin-right:0;}
.time-input i{position: absolute;top:2px;right:10px;}
.time-input span{position: absolute;top:2px;left:10px;}
.noscroll{overflow: hidden!important;}
.noscroll li{pointer-events: none;color:#aaa;cursor: not-allowed;}

.lineh33{line-height: 33px;}

/* 进度任务任务要求 */
.m-righttab { display:flex; flex-direction:row; flex-wrap:nowrap; text-align: center; border-radius: 5px 0 0 0;}
.m-righttab a { flex: 1; width: 50%; position: relative; text-align: center; color: #a7afc3; height: 48px; line-height: 48px; background: rgba(58, 88, 227,.2);}
.m-righttab a { flex: 1; width: 50%; position: relative; text-align: center; color: #a7afc3; height: 48px; line-height: 48px; background: rgba(58,88,227,.2);}
.m-righttab a.cur { background: #0A5AF5; box-shadow: 0 3px 0 #0A5AF5 inset; color: #fff; border-bottom: 1px solid transparent}
.m-righttab a i{margin-right: 5px;}
.m-righttab a:first-child { border-radius: 5px 0 0 0;}



.fadeInDown{animation: fadeInDown linear .4s;}
.fadeOutUp{animation: fadeOutUp linear .4s}



/* table border */
.ap-table.border th,
.ap-table.border td{border:1px solid rgba(101,113, 254, .1)}

/* 列表角标 */
.m-cornermarker .icon-gou{color: #fff;font-size: 16px;position: absolute;top: 1px; right: 3px;z-index:130;}
.m-cornermarker .select{display: block; position: absolute; z-index: 100; right: 0; top: 0; width: 44px; height: 44px; top: 0; background:transparent; font-size: 22px; color: #dc6450; opacity: 0; cursor: pointer; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out; -o-transition: .2s ease-in-out;}
.m-cornermarker .select:before{ content : ""; position : absolute; z-index: 100; display : block; width: 200%; height: 80%; top: -120%; left: -40%; background : #0A5AF5; -webkit-transform-origin: left bottom; transform-origin : left bottom; -webkit-transform : rotate(45deg); transform : rotate(45deg); opacity : 0; z-index : 0; -webkit-transition : .2s; transition : .2s}
.m-cornermarker.selected .select{ opacity: 1; -webkit-transition: .2s; transition: .2s; -webkit-transform: scale(1) !important; transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; }
.m-cornermarker.selected .select:before{-webkit-transition: .5s ease-in-out; transition : .5s ease-in-out; opacity : 1}

/* 重新上传 */
.border {  border: 1px solid rgba(101,113,254,.2);}
.resetUpload{position: absolute;top:0;left:0;right:0;bottom:0;background-color: rgba(0, 0, 0, .7);display: flex;justify-content: center;align-items: center;}
.resetUpload a{color:#fff;position: relative!important;margin-top:0 !important;;opacity: 1 !important;}

.uppic{position: relative;}
a.u-picupbtn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; text-align: center; line-height: 27px; background: rgba(0,0,0,.7); margin: 0; z-index: 3; display: flex;justify-content: center;align-items: center;
  color:#fff;flex-direction: row; cursor: pointer;opacity: 0;}
  a.u-picupbtn i{padding:0 10px;}
/* a.u-picupbtn:hover,.u-picupbtn{opacity: 0;} */
.has_up .u-picupbtn{background: rgba(0,0,0,0.7);}
.has_up:hover .u-picupbtn{opacity: 1;}
.has_up:hover .u-picupbtn i{font-size:32px;}


/* 排序 */
.sort a.up{width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #a597f3;top:10px;}
.sort a.up.cur{border-bottom:6px solid #0A5AF5;}
.sort a.down{width:0;height:0;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #a597f3;top:20px;}
.sort a.down.cur{border-top:6px solid #0A5AF5;}

.ap-table-sort .sort{display: inline-block;flex-direction: column;}
.ap-table-sort .sort a{margin:1px 0;position: absolute;}

.score-datalist dt{font-weight:bold;text-align: left;}
.score-datalist dt,.score-datalist dd{padding:8px 0;border-bottom: 1px solid rgba(101,113, 254, .1)}
.score-datalist dd:last-child{border-bottom: none;}
.score-datalist dd > span:first-child{width:30%;}
.score-datalist dd > span:nth-child(2){width:20%;text-align: center;}
.score-datalist dd > a{width:50%;text-align: center;}
.score-datalist dd > a span::after{content: "、";display: inline-block;}
.score-datalist dd > a span:last-child:after{content: "";}

.f-lightblue{background: rgba(43,984254351);}


/* 成绩 */
/* 通栏表头 */
.titleTop .title{background-color:#f8f8f8;padding:0 20px;border-bottom: 1px solid #dedede;height: 60px;line-height:60px;}
.titleTop .title > h3{max-width:500px;display: inline-block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;}
.titleTop .title > h3 em{font-style: normal;}
.titleTop .title a.u-button{margin-top: 15px;}
.titleTop .m-select{margin-top: 10px;}
.titleTop .title.tab-header{padding:0;}
.titleTop .title.tab-header a{padding:0 40px;border-right:1px solid #dedede;display:block;float:left;}
.titleTop .title.tab-header a.active{background-color: #1b8cf2;color:#fff;}

/* 排序 */
.icon-sort span{width:27px;height:27px;display: block;background: url("../../images/common/rank.png") no-repeat;}
.icon-sort .icon-sort1{background-position: 0 0 ;font-size:0;}
.icon-sort .icon-sort2{background-position: -27px 0 ;font-size:0;}
.icon-sort .icon-sort3{background-position: -54px 0 ;font-size:0;}


.ellipsis4 {
  overflow: hidden; /* 隐藏超出容器范围的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: -webkit-box; /* 将元素作为块级元素进行布局 */
  -webkit-line-clamp: 4; /* 限制文本只显示两行 */
  -webkit-box-orient: vertical; /* 设置文本在垂直方向上排列 */
}
.ellipsis3 {
  overflow: hidden; /* 隐藏超出容器范围的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: -webkit-box; /* 将元素作为块级元素进行布局 */
  -webkit-line-clamp: 3; /* 限制文本只显示3行 */
  -webkit-box-orient: vertical; /* 设置文本在垂直方向上排列 */
}
.ellipsis2 {
  overflow: hidden; /* 隐藏超出容器范围的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: -webkit-box; /* 将元素作为块级元素进行布局 */
  -webkit-line-clamp: 2; /* 限制文本只显示4行 */
  -webkit-box-orient: vertical; /* 设置文本在垂直方向上排列 */
}
.flex1{flex:1;width:100%;}


/* 实验设置 */
.data-title li{position: relative;}
.data-title .icon-tishi1::after{content: attr(data-title);position: absolute;top: 30px;left: 52px;width:150px;background-color: #fff;border: 1px solid rgba(62,98,229,.7);border-radius: 4px;
  font-size: 12px;padding: 4px 8px;max-width:500px;line-height:24px;z-index: 120;display: none;z-index: 1200;}
.data-title .icon-tishi1:hover{opacity: 1;color: #657296;}
.data-title .icon-tishi1:hover::after{opacity: 1;display: block;}
.data-title .icon-tishi1::after{top:35px;left:65px;height: auto;word-break: break-all;white-space: normal;text-align: left;}

/* 试题类型 */
.test-type{border-radius: 4px;padding: 0 5px;;width: 38px;height: 24px;background:#e3deff;}

/* 话术试题图片 */

.script-img-warpper img{max-width: 100%;max-height: 100%;}
.video-cover-wrapper img,
.video-cover-wrapper video,
.video-cover-wrapper{width: 240px;height:320px;}

/* audio默认背景色修改 */
audio::-webkit-media-controls-panel {
  background-color: rgba(43,984254351);
  color: #fff;
  border-radius: 5px;
  /* Add more styles as needed */
}

.ap-tableform-score.ap-tableform  th,.ap-tableform-score.ap-tableform  td{padding:6px 8px;}

.viewscore-table td.active{background-color: rgba(43, 84, 235, .2);}

/* 查看原图 */
.origin-imgbox{}
.origin-imgbox::after{content:"";position: fixed;top:0;left:0;right:0;bottom:0;background-color: rgba(0, 0, 0, .7);z-index: 210001;}
.origin-wrapper{position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);background-color: #fff;border-radius:10px;z-index:210002;display: flex;align-items: center;justify-content:center;cursor: pointer;}
.origin-wrapper img{max-width:95%;max-height: 95%;}
.origin-imgbox .icon-del{color:#fff;font-size: 40px;position: fixed;top:20px;right:20px;z-index:210002;cursor: pointer;}

/*点击放大图片*/
.enlargepic{position:fixed;width:100%;height:100%;top:0;left:0;z-index:210001;}
.enlargepic img{position:fixed;top:50%;;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:rgba(185,185,185,0.2);padding:5px;border-radius:3px;-webkit-border-radius:3px;z-index:100003;}
.f-mask{ position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);z-index:100002;}
.u-closemask { position: fixed; top: 10px; right: 10px; z-index:210002; width: 40px; height: 40px; display: block; border-radius: 50%; background: rgba(255,255,255,.4) url(../../images/student/closebtn.png) center center no-repeat; }
.u-closemask:hover { background-image: url(../../images/student/closebtn-hover.png); }

.tipsbar{line-height: 34px;}
.el-dialog__header{border-bottom: 2px solid var(--light-border-color);    background-color: rgb(242, 243, 245);}

.play-box{width:66px;height:66px;border-radius: 33px;background-color: #fff;border:4px solid#f23f3f;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
.play-box .play-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:50px;height:50px;border-radius: 25px;background-color: #f23f3f;color:#fff;line-height: 1.1;display: flex;align-items: center;justify-content: center;padding:5px;text-align: center;}


.data-title{position: relative;}
.data-title .icon-wenhaofill::after{content: attr(data-title);position: absolute;top: 30px;left: 52px;width:200px;background-color: #fff;border: 1px solid rgba(62,98,229,.7);border-radius: 4px;
  font-size: 12px;padding: 4px 8px;max-width:500px;line-height:24px;z-index: 120;display: none;z-index: 1200;}
.data-title .icon-wenhaofill:hover{opacity: 1;color: #657296;}
.data-title .icon-wenhaofill:hover::after{opacity: 1;display: block;}
.data-title .icon-wenhaofill::after{top:35px;left:65px;height: auto;word-break: break-all;white-space: normal;text-align: left;}

.headimg img{border-radius: 50%;width:60px;height:60px;}

.lightblue-border-bg{background-color: rgb(245, 247, 251);border-radius: 10px;border:1px solid rgba(10, 90, 245, .2);color: #474C55;}

.ellipsis5 {
  overflow: hidden; /* 隐藏超出容器范围的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: -webkit-box; /* 将元素作为块级元素进行布局 */
  -webkit-line-clamp: 5; /* 限制文本只显示两行 */
  -webkit-box-orient: vertical; /* 设置文本在垂直方向上排列 */
}
.ellipsis4 {
  overflow: hidden; /* 隐藏超出容器范围的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: -webkit-box; /* 将元素作为块级元素进行布局 */
  -webkit-line-clamp: 4; /* 限制文本只显示两行 */
  -webkit-box-orient: vertical; /* 设置文本在垂直方向上排列 */
}
.ellipsis3 {
  overflow: hidden; /* 隐藏超出容器范围的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: -webkit-box; /* 将元素作为块级元素进行布局 */
  -webkit-line-clamp: 3; /* 限制文本只显示3行 */
  -webkit-box-orient: vertical; /* 设置文本在垂直方向上排列 */
}
.ellipsis2 {
  overflow: hidden; /* 隐藏超出容器范围的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: -webkit-box; /* 将元素作为块级元素进行布局 */
  -webkit-line-clamp: 2; /* 限制文本只显示4行 */
  -webkit-box-orient: vertical; /* 设置文本在垂直方向上排列 */
}

@media screen and (max-width:1920px){
  .s-ch-list li dd h3{max-width: 150px;}


}

@media screen and (max-width:1440px){
  .s-ch-list li dd h3{max-width: 95px;;}

}