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

/*字体 start*/
.icon-back::before{ content: "\e608"}
.icon-more::before{ content: "\e656"}
.icon-link::before{ content: "\e627"}
.icon-tip::before{ content: "\e72b"}
.icon-publicnum::before{ content: "\e64d"}
.icon-program::before{ content: "\e65b"}
.icon-reply::before{ content: "\e64e"}
.icon-menu::before{ content: "\e65d"}
.icon-configure::before{ content: "\e659"}
.icon-phoneweb::before{ content: "\e653"}
.icon-lightprogram::before{ content: "\e65e"}
.icon-productmanage::before{ content: "\e64b"}
.icon-promotetool::before{ content: "\e654"}
.icon-cuxiaomanage::before{ content: "\e651"}
.icon-activitymanage::before{ content: "\e652"}
.icon-baseset::before{ content: "\e64f"}
.icon-servicevelocity::before{ content: "\e650"}
.icon-consultdeal::before{ content: "\e65c"}
.icon-relationship::before{ content: "\e657"}
.icon-useranalysis::before{ content: "\e6a1"}
.icon-tuwenanalysis::before{ content: "\e657"}
.icon-menuanalysis::before{ content: "\e657"}
.icon-calendar::before{ content: "\e661"}
.icon-hot::before{ content: "\e65f"}
.icon-material::before{ content: "\e658"}
.icon-materialmanage::before{ content: "\e61e"}/*素材*/
.icon-computer::before{ content: "\e660"}
.icon-accountset::before{ content: "\e662"}
.icon-phone::before{content: "\e643"}
.icon-edit::before{ content: "\e66a"}
.icon-delete::before{ content: "\e669"}
.icon-finished::before{ content: "\e663"}
.icon-drag::before{ content: "\e665"}
.icon-shop::before{ content: "\e666"}
.icon-save::before{ content: "\e664"}
.icon-view::before{ content: "\e668"}/*查看预览*/
.icon-assemblyset::before{ content: "\e66c"}
.icon-btmenu::before{ content: "\e66b"}
.icon-music::before { content: "\e66f" }/*音乐*/
.icon-video::before { content: "\e66d" }/*视频*/
.icon-pic::before { content: "\e66e" }
.icon-icons::before { content: "\e671" }
.icon-home::before { content: "\e600" }
.icon-fun::before { content: "\e600" }
.icon-backbtn::before { content: "\e680" }
.icon-moveup::before { content: "\e682" }
.icon-movedown::before { content: "\e72c" }
.icon-emoticon::before { content: "\e632" }
.icon-add::before { content: "\e609" }
.icon-search::before { content: "\e60a" }
.icon-usermg::before { content: "\e674" }
.icon-classmg::before { content: "\e63a" }
.icon-date::before { content: "\e677" }
.icon-systemset::before { content: "\e676" }
.icon-password::before { content: "\e603" }
.icon-quit::before { content: "\e72d" }
.icon-dels2::before { content: "\e60e" } /*×*/
.icon-hide::before { content: "\e774" }
.icon-stu::before { content: "\e674" }
.icon-personal::before { content: "\e679" }
.icon-expmg::before { content: "\e678" }
.icon-achieve::before { content: "\e67b" }
.icon-page::before { content: "\e67f" }
.icon-goods::before { content: "\e67c" }
.icon-artical::before { content: "\e67e" }
.icon-arrowdown::before { content: "\e604" }
.icon-arrowup::before { content: "\e695" }
.icon-twtitle::before { content: "\e683" }
.icon-twcontent::before { content: "\e684" }
.icon-twimage::before { content: "\e685" }
.icon-twguide::before { content: "\e681" }
.icon-tweets::before { content: "\e687" }
.icon-media::before { content: "\e686" }
.icon-plus::before { content: "\e601" }
.icon-reception::before { content: "\e68b" }
.icon-infonum::before { content: "\e68a" }
.icon-penedit::before { content: "\e68c" }
.icon-fun::before { content: "\e606" }
.icon-task::before { content: "\e765" }
.icon-wcaddmore::before { content: "\e611" }
.icon-wcface::before { content: "\e63d" }
.icon-robot::before { content: "\e623" }
.icon-servicer::before { content: "\e63b" }
.icon-countdown::before { content: "\e607" }
.icon-hourglass::before { content: "\e6b8" }/* 漏斗 进芳*/
.icon-clock::before { content: "\e68d" }
.icon-videoplay::before { content: "\e60c" }
.icon-yuyin::before { content: "\e68e" }
.icon-addr::before { content: "\e789" }
.icon-blogface::before { content: "\e68f" }
.icon-topic::before { content: "\e60b" }
.icon-headline::before { content: "\e6b9" }
.icon-shoucang::before { content: "\e690" }
.icon-transmit::before { content: "\e628" }
.icon-comment::before { content: "\e69a" }
.icon-zan::before { content: "\e69c" }
.icon-unpaid::before { content: "\e647" }
.icon-paid::before { content: "\e631" }
.icon-dashang::before { content: "\e612" }
.icon-gou::before{content:'\e644'}
.icon-shouqi::before{content:'\e633'}
.icon-foldcont::before{content:'\e617'}
.icon-wbcomment::before{content:'\e634'}
.icon-pactivity::before { content: '\e62a' }
.icon-particle::before { content: '\e69d' }
.icon-pquestionnaire::before { content: '\e635' }
.icon-over::before { content: '\e6b5' }
.icon-wechat::before { content: '\e7e5' }/*微信*/
.icon-weibo::before { content: '\e636' }/*微博*/
.icon-feedbook::before{ content: "\e66a"}
.icon-taskbook::before{ content: "\e696"}/*任务书*/
.icon-bell::before{ content: "\e637"}
.icon-success::before { content: "\e60f" }
.icon-camera::before { content: "\e69f" }
.icon-change::before { content: "\e613" }
.icon-menukey::before { content: "\e6a0" }
.icon-sqgl::before { content: "\e6aa" }
.icon-hdgl::before { content: "\e6a3" }
.icon-rwgl::before { content: "\e6a8" }
.icon-wjgl::before { content: "\e6a9" }
.icon-hbgl::before { content: "\e6a2" }
.icon-downmaterial::before { content: "\e61a" }
.icon-scorestar::before { content: "\e6ab" }
.icon-downzip::before { content: "\e6ac" }
.icon-help::before { content: "\e616" }/*帮助*/
.icon-move::before { content: "\e6b6" }/*移动*/
.icon-confirm::before { content: "\e6b5" }/*√*/
.icon-msguser::before { content: "\e670";}/*人*/
.icon-picarticle::before  { content: "\e626";}/*图文*/
.icon-submit::before  { content: "\e62b";}/*提交*/
.icon-up::before  { content: "\e7f1";}/*上移*/
.icon-down::before  { content: "\e7f2";}/*下移*/
.icon-play::before  { content: "\e61f";}/*播放*/
.icon-reprint::before  { content: "\e614";}/*转载*/
.icon-baijia::before  { content: "\e777";}/*百家号*/
.icon-toutiao::before  { content: "\e62d";}/*头条*/
.icon-members::before { content: "\e697";}/*人员*/
.icon-reduce::before { content: "\e645";}/*减*/
.icon-share::before { content: "\e614";}/*分享*/
.icon-lock::before { content: "\e673";}/*锁*/
.icon-live::before { content: "\e63c";}/*直播*/
.icon-flip::before { content: "\e84c";}/*翻转*/
.icon-sdclose::before { content: "\e6bb";}/*速度关*/
.icon-filter::before { content: "\e6bf";}/*滤镜*/
.icon-beautify::before { content: "\e762";}/*美化*/
.icon-djtime::before { content: "\e62e";}/*倒计时*/
.icon-sglight::before { content: "\e630";}/*闪光灯*/
.icon-at::before { content: "@";}/*@*/
.icon-chartzz::before { content: "\e6bc";}/*柱状图*/
.icon-chartzx::before { content: "\e7b6";}/*折线图*/
.icon-chartbt::before { content: "\e62f";}/*饼图*/
.icon-chartzz2::before { content: "\e63e";}/*柱状图2*/
.icon-link2::before { content: "\e65b";}/*链接*/
.icon-icon-question::before{content: "\e6ba"} /*问号*/
.icon-design::before { content: "\e64c";}/*设计*/
.icon-next::before { content: "\e84f";}/*下一步*/
.icon-upload::before { content: "\e6c8";}/*上传*/
.icon-biaoqing::before {content: "\e615"} /*表情*/

.icon-examstep::before { content: "\e6ec";}/*面包屑前的图标*/
.icon-backtask::before { content: "\e6e9"; transform: rotate(180deg);}/*返回任务列表*/
.icon-taskprogress::before { content: "\e6eb";}/*任务进度*/
.icon-taskdemand::before { content: "\e6e5";}/*任务要求*/
.icon-submittask::before { content: "\e75b";}/*提交任务*/
.icon-chiping::before{ content: "\e6b0";} /*持平*/
.icon-yiwancheng::before{ content: "\e6e8";} /*已完成*/
.icon-shanchu2::before{ content: "\e6a4";} /*删除2*/
.icon-up2::before{ content: "\e6a7";} /*上箭头2*/
.icon-down2::before{ content: "\e6a6";} /*下箭头2*/
.icon-picture:before {
    content: "\e66e";
}
/*图片*/
.icon-subtitle:before {
    content: "\e6b4";
}
/*字幕*/
.icon-words:before {
    content: "\e6b3";
}
/*文本*/
.icon-music:before {
    content: "\e66f";
}
/*音频*/
/*字体 end*/

/*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; bottom: -166px; left: -20px; 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 { bottom: -176px; 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: 185px; padding-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: 185px; background: url(../../Images/Common/code.png) 0 -185px no-repeat; }
.m-qrbox::before { content: ""; display: block; height: 185px; background: 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:#725bfe;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%; margin-left:-100px; 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;}

/*返回*/
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*/
.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:#725bfe; 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 #725bfe; }
.pages a.cur { background: #725bfe; color: #fff; border: 1px solid #725bfe;}
.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"; }
.icon-triangle-right:before {
    content: "\e6f3";
}

.icon-triangle-left:before {
    content: "\e6f4";
}
/*分页样式  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: #725bfe;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=text],input[type=password],input[type="datetime"] { border:1px solid #dee1e9; width: 190px; height:32px; line-height:32px; 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 #c3c3c3; 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 #725bfe;}
textarea:focus, input[type=text]:focus,input[type=password]:focus { border:1px solid #dee1e9; background:#fff; color:#666; outline: 0; }

/**按钮*/
.u-button, a.u-button { display: inline-block; color: #725bfe;border:0; min-width:80px; padding:0px 10px; height:32px; line-height: 32px; text-align: center; border-radius:4px; margin: 0 5px; }
 .u-button:hover, a.u-button:hover { opacity: 0.8;}
.u-button.default {color: #725bfe; border:1px solid #725bfe; background: #fff;}
.u-button.primary { background-image: linear-gradient(to bottom, #725bfe , #725bfe);border:1px solid #725bfe; color: #fff;}
.u-button.delete { background-image: linear-gradient(to bottom, #fe5b5b , #fe5b5b);border:1px solid #fe5b5b; color: #fff;}
.u-button.other { background: #fff; height: 29px; line-height: 29px; color:#808080; border: 1px solid #b1b2b2;}
.u-button.small { min-width:60px; padding:0px 5px; height:28px; line-height: 28px;}
.u-button.border { border:1px solid #725bfe; color: #725bfe;}
.filebtn,a.filebtn,.linebtn,a.linebtn { border: 1px solid #725bfe; background: #fff; color: #725bfe; height:30px; line-height:30px; padding:0 10px; border-radius: 4px; min-width: 70px;}
.m-btns { padding:10px 0; text-align: center; }
.g-wrap .m-btns { padding-bottom: 50px;}
.u-button i { margin-right: 5px;}

/*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;}
.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: middle;}
.u-checkbox.icon-checkboxsel { background-position:right -25px; }
.u-checkbox.dis { background-position:right -75px; cursor: default; }
.icon-checkboxsel.dis {background-position: right -50px;cursor: default;}
.u-checkbox.unseldis {
    background-position: right -75px;
    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, #725bfe , #725bfe); padding:2px 6px; 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;}
/*搜索*/

/* 弹性盒子 */
.display-flex{display: flex;display: -webkit-flex;}
.display-flex .flex-con{flex:1;-webkit-flex:1;}

/*下拉选择*/
.m-select { display: inline-block; text-align: left; height:33px; margin-right: 10px; }
.m-select .dropdown { position: relative; display: inline-block; }
.m-select .dropdown-toggle { height:33px; padding: 0 0 0 6px; border-radius:3px; cursor: pointer; outline: 0; background: #fff; border: 1px solid #dee1e9; position: relative; }
.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 .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;}
select { display: inline-block; color: #999; border:1px solid #c3c3c3; padding:4px 18px 4px 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:34px; line-height:34px; background: #eee;}
select::-ms-expand { display: none; }


/* title */
.m-title {color:#595959; font-size: 14px; font-weight: bold;}
.m-title span { font-size: 14px; color: #999;}
.m-subtitle { color:#666; font-size: 15px; font-weight: bold; border-bottom: 1px solid #eee; padding: 10px;}

/* 表格上方结果 */
.top-table{padding: 10px 0;}
.top-table > div { color:#999;}
.top-table .m-tip { color:#999;}
.top-table .m-tip span,.top-table > div span {color: #725bfe;}
.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:#725bfe;}
.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;}
/*form tablelist*/
.ap-table {width: 100%;}
.ap-table th,.ap-table td { text-align:center; vertical-align:middle; }
.ap-table th {color: #394a79;line-height: 1.5;padding: 10px 5px;font-weight: bold; white-space: nowrap;}
.ap-table thead {background: rgba(91,106, 254, .1);}
.ap-table thead th:first-child { border-radius: 4px 0 0 4px;}
.ap-table thead th:last-child { border-radius:0 4px 4px 0;}
.ap-table th.check {width: 46px;cursor: pointer;}
.ap-table td { color: #657296; padding: 10px 15px; height: 24px; border-bottom: 1px solid rgba(91,106, 254, .1);;}
.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, .ap-table a:hover {color: #725bfe; text-decoration: underline;}
.ap-table td:last-child a ~ a {margin-left: 5px;}
.ap-table tbody tr:nth-child(2n+2) {background: rgba(91,106, 254, .01);}
.ap-table tbody tr:hover { background: #e6f7ff;}


/*分页样式*/
.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: #725bfe; color: #725bfe;}
.ap-pages  a.cur { background:#725bfe; color: #fff; border-color: #725bfe; }
.ap-pages  a i { width: 24px; height:24px; display:inline-block; color: #725bfe; }
.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 #725bfe;}
.ap-pages  a.last i:before { border-left:7px solid #725bfe;}
.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; }

/* tab start*/
/* .m-tab { padding: 0 10px;}
.m-tab a { margin: 0 30px 0 0; padding: 4px 0 10px 0; height: 32px; line-height: 32px; text-align: center; display: inline-block; font-size: 16px; color: #666; position: relative; float: left;}
.m-tab a.cur { font-size: 18px; font-weight: bold; border-bottom: 3px solid #ff9630;} */
/* tab  end */

/* tab start*/
.m-tab { padding: 0 10px;}
.m-tab a { padding: 4px 0 10px 0; height:49px; line-height: 49px; text-align: center; display: inline-block; font-size: 16px; color: #a7afc3; position: relative; padding: 0 20px;}
.m-tab a.cur { font-size: 16px; font-weight: bold; border-top: 3px solid #725bfe; background: #fff;}
.m-tab a.cur span{font-size:12px;font-weight: normal;font-size: 14px;margin-left:5px;}
.m-tab a:only-child.cur{background:none;border: none;color:#725bfe;padding:0;}

/* 弹框底部按钮 */
.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-bgwhite{background-color: #fff;}



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

/*右侧公共内容*/
.rightsidebar {}
.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:110px; width:35px; border-top: 1px solid rgba(255, 255, 255, 0.15);}
.rightoper li { list-style: none; border-bottom: 1px solid rgba(255, 255, 255, 0.15); position: relative;background-color:#725bfe;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; 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);}

/*素材库 start*/

/* 
/*一级tab*/
.m-layertab { line-height: 48px; height: 48px; background:rgba(91,106,254,.1); padding-left: 20px;border-radius: 4px 4px 0 0;}
.m-layertab .layertab { display: block; padding:0 15px;margin-right:10px; float: left;text-align: center; color: #a7afc3; height: 48px; font-weight: 700; }
.m-layertab .layertab.cur { background: #fff; box-shadow: 0 3px 0 #725bfe inset; color: #725bfe; border-bottom: 1px solid transparent}
.m-layertab .layertab i { color: #828282; }
.m-layertab .layertab.cur i { color: #555; font-size: 18px; }
/*二级tab*/
/*二级tab*/
 .m-layertab2 { border-bottom: 1px solid #e3e1dd; margin-bottom:20px;margin-top:10px;padding:0 20px;}
.m-layertab2 .layertab { display: block;  color: #76716f; font-size: 14px; padding: 0 12px; float: left; position: relative; }
.m-layertab2 .layertab + .layertab:before { content: "";  background: #d7d6d8; width: 1px; height: 14px; top: 8px; left: 0; display: block; position: absolute; }
.m-layertab2 .layertab span {  padding: 5px 3px; display: inline-block; color:#657296;}
.m-layertab2 .layertab span i{ margin-right:8px; vertical-align:-1px;}
.m-layertab2 .layertab.cur span { box-shadow: 0 2px 0 #725bfe; color: #725bfe; font-size: 16px; }
.innercontab .m-layertab2{ padding-top:0; box-sizing: content-box !important; -webkit-box-sizing: content-box !important;}
/* */
.m-layertab2 { height: 20px; padding: 8px 0 12px 25px; border-bottom: 1px solid #e3e1dd; }
.m-layertab2 .layertab { display: block; line-height: 20px; color: #76716f; font-size: 14px; padding: 0 12px; float: left; position: relative; }
.m-layertab2 .layertab + .layertab:before { content: "";  background: #d7d6d8; width: 1px; height: 14px; top: 8px; left: 0; display: block; position: absolute; }
.m-layertab2 .layertab span {  padding: 5px 3px; display: inline-block; }
.m-layertab2 .layertab.cur span { box-shadow: 0 2px 0 #725bfe; color: #333; font-size: 16px; }
.innercontab .m-layertab2{ padding-top:0; box-sizing: content-box !important; -webkit-box-sizing: content-box !important;} 

/*右侧展开内容*/
.m-rightopen { position:fixed; z-index:199999; top:110px; right:0; bottom:0; background:#fff; /*padding:15px;*/ width:400px; display:none; box-shadow: 0 0 10px rgba(114,91, 254, .2);}
.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 15px; position: absolute; top:50px; left:15px; right:0; bottom: 0; overflow: auto;}
.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;}

/*任务详情*/
.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;padding:20px;}
.task-list-hd span{padding-right:20px;}
.task-list-hd,.m-titlebox-small{border-bottom:1px solid #ddd;padding:10px 20px;position:relative;}
.task-list-hd::before { content: ""; position: absolute; top:5px; left:-15px; height: 33px; width:18px; background:#725bfe;}
.m-rightopen .task-list-hd span{ padding-right:10px; font-size: 16px; color: #000;font-weight: 700;}
.m-rightopen .task-list-hd,.m-titlebox-small{border-bottom:1px solid #ddd;padding:10px 20px;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{display:inline-block;}
.m-rightopen .task-list-items .task-list-body h4 { position: relative; padding:0 20px;}
.m-rightopen .task-list-items .task-list-body h4::before { content: ""; position: absolute; top:5px; left:0; height: 20px; width: 8px; background:#725bfe;}
.m-rightopen .task-list-items .task-list-body p,.m-rightopen .task-list-items .task-list-body ul { background: #fffaf0; padding: 5px;}
.m-rightopen .task-list-body table{width: 100%!important;}
.m-rightopen .task-list-body img{width: 100%;height:auto;}

.m-shrinkbox { position: absolute; left:-17px; top:50%; margin-top: -20px; height:82px; line-height: 82px; background: #725bfe; 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;}

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

/* 20201215新增 */
.w500{width:500px;}
.w300{width:300px;}
.w265{width:265px;}
.w200{width:200px;}
.w180{width:180px;}
.w150{width:150px;}
.w100{width:100px;}
.label-warning{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: inline-block;}
textarea{border-radius: 3px;-webkit-border-radius: 3px;}
.cursorpointer{cursor: pointer;}
.h670{height: 670px;overflow-y: auto;}

/* 视频蒙层 按钮*/
.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(91,106,254,.1);padding: 5px 20px;margin-right: 10px;background-color:  rgba(91,106,254,.1);}
.m-cardtab a.cur{box-shadow: 0 3px 0 #07c51d inset;}
.m-cardtab a.complete{box-shadow: 0 3px 0 #725bfe inset;}


/* 上传 */
.m-uploadbox { width: 120px; height: 160px; position: relative; border:1px solid #ddd; background-color: #eee;}
.m-uploadbox.transverse { width: 160px; height: 120px;}
.uploadimg { width: 100%; height:100%; position: relative; overflow: hidden;}
.uploadimg img { display: block; min-height:100%; min-width:100%; position: absolute; z-index: 10; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.uploadimg .reuploadbox { display: none; cursor: pointer; position: absolute; z-index:12; left:0; right:0; top:0; bottom: 0; color: #fff; text-align: center;}
.uploadimg .reuploadbox::after { content: ""; display: block; background: rgba(0,0,0,.6); position:absolute; z-index: 12; left:0; right:0; top:0; bottom: 0;}
.uploadimg .reuploadbox .reupload { position: absolute; z-index:13; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.uploadimg .reuploadbox .reupload .icon-upload {  display: block; font-size: 32px;}
.uploadimg .reuploadbox .reupload span { display: block;}
.uploadimg:hover .reuploadbox { display: block;}
.uploadimg .icon-delete { position: absolute; top:5px; right:5px; z-index:12; background: #000; color: #fff; width: 24px; height: 24px; border-radius: 100%; text-align: center; cursor: pointer;}
.m-uploadbox .uploadbox { cursor: pointer; position: absolute; z-index:12; left:0; right:0; top:0; bottom: 0; color: #999; text-align: center; background: #eee;}
.m-uploadbox .uploadbox .upload { position: absolute; z-index:13; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.m-uploadbox .uploadbox .upload .icon-add {  display: block; font-size: 32px;}
.m-uploadbox.auto { margin: 0 auto;}

.u-button + .m-uploadbox { margin-top: 10px;}


/* 手机端 */
.m-phonebox {background: #dee1e9;border:12px solid #dee1e9;border-radius: 20px;position: relative;width: 360px;height:640px;overflow:hidden;}
.m-phonebox::before { content: ""; display: none; position: absolute; left: 0; right: 0; top: 0; background:#000 url(../../images/video/phonetop.png) 0 0 no-repeat; height: 22px; background-size: 100%; border-radius:8px 8px 0 0;}
.m-phonebox .m-phone { background-color: #efefef; width:336px; height:615px; position: relative; border-radius:5px;}
.m-phoneheader { height:40px; background: #000; color: #fff; position: relative; font-size: 16px; text-align: center;}
.m-phoneheader .name { position: absolute; top:8px; left: 10px;}
.m-phoneheader .topbtn {position: absolute; top:10px; right: 10px; color:#fff;}
.m-phoneheader .topbtn .icon-topmore{ display: block; cursor: pointer;}
.m-phoneheader .topbtn .u-button.primary { margin-right: -10px;}
.m-phonebox .m-phone .m-phonecon { flex: 1; overflow: auto; position: relative;}
.m-phonebox .m-phone .m-phonecon.graybg { background: #efefef;}

.f-mask-phone{background: rgba(0,0,0,.6);position: absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;-webkit-border-radius:4px;}


/*开启、关闭 start*/
.u-switch { display: inline-block; cursor: pointer; width: 38px; height: 20px; padding: 0 3px; border-radius: 22px; background: #e3deff; color: #fff; line-height: 12px; font-size: 12px; border:1px solid #725bfe;box-sizing:border-box; position: relative;}
.u-switch.on { background: #e3deff; border:1px solid #725bfe; }
.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: #725bfe;border: 1px solid #725bfe;border-radius: 50%;left: 1px;top: 2px;-webkit-transition: left .2s;transition: left .2s;}
.u-switch.on:after { left: 19px; border:1px solid #725bfe;background-color:#725bfe; }
.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;}
/*开启、关闭 end*/

.u-tags{border:1px dashed rgba(101,113,254,.5); background:rgba(101,113,254,.1);padding:8px 30px 8px 10px;border-radius: 4px;-webkit-border-radius: 4px; position: relative;}
.u-tags .icon-chacha { position: absolute; right: 5px;}


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

/* tip */
/* .tip small{color:#a7afc3;} */
/* .tip i{color:#666;} */
.f-layerpd{padding:20px 30px;}

/* 考试结束时间 */
.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: absolute; z-index: 99999; left: 50%; top:50%; width: 200px; min-height:65px; margin-left: -100px; margin-top: -50px; background: #fff; border-radius: 10px; padding: 20px;}
.m-maskbox .m-tipbox p { margin-bottom:15px;}
.m-maskbox .m-tipbox i { font-size: 28px;  color: #fff; border-radius: 100%;  background:#3bd94d; padding: 5px; margin-bottom: 5px;}
.m-taskbox .taskcon .m-tasklist dd .u-button.undo { background: #999!important;}

*{box-sizing: border-box;}