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

*{margin:0; padding:0;}
body{font:12px/1.5 SF Pro Display,Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;overflow-x: auto;-webkit-font-smoothing: antialiased;}

/*body{font:12px/1.5 PingFangSC,微软雅黑, 黑体, Arial, Helvetica, sans-serif;overflow-x: auto;-webkit-font-smoothing: antialiased;}*/
table{width:100%; border:0; border-collapse:collapse; border-spacing:0;}
table th{font-weight:normal;}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input,select,textarea{vertical-align:middle; color:#000;border:none;border:0; outline:none; resize:none;}
a{text-decoration:none;}
b,i,strong,em{font-weight:normal; font-style:normal;}
img{ border:0;}
.fr{float:right}
.fl{float:left}
.clear{clear:both}
.clearfix{zoom:1;overflow:hidden}
/************渐变按钮样式************/
.jb_btn{display:inline-block;box-shadow: 0 3px 12px 0 rgba(39,125,255,0.30);color: #FFFFFF;text-align:center;line-height:36px;border-radius: 20px;}
.jb_btn_92{width:92px;height:36px;background:url(../../mooc2/images/jb_btn_92.png) no-repeat 0 0;}
.jb_btn_92:hover{background-position:0 -48px;}
.jb_btn_92:active{background-position:left -96px}
.jb_btn_92_disable{width:92px;height:36px;background:url(../../mooc2/images/jb_disable.png) no-repeat;box-shadow: 0 4px 11px 0 rgba(86,82,255,0.17);
border-radius: 20px;}
.btnBlue{border: 1px solid #8cbbff;border-radius: 20px;display:inline-block;width:90px;height:34px;text-align:center;line-height:34px;color: #3A8BFF;}
.btnBlue:hover{background: #EAF0FF;}
.btnBlue:active{background: #E4ECFF;}
.btn_92_cancel:hover{background:none}
.btn_92_cancel:active{background:none}
.btn_92{width:90px;}

/**********公共文字颜色*************/
.textHidden{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}

/*文字颜色*/
.color0{color:#3A8BFF;}/*标准蓝*/
.color1{color:#131B26;}/*一级文字*/
.color2{color:#474C59;}/*二级文字*/
.color3{color:#8A8B99;}/*三级文字*/
.color4{color:#acb4bf;}/*四级文字*/


/************选择班级弹窗********/
.maskDiv{width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(16,26,41,0.76);z-index:10}
.popHead{line-height:60px;height:60px;background: #FFFFFF;box-shadow: inset 0 -1px 0 0 rgba(242,242,242,0.80);width:100%;padding:0 30px;box-sizing: border-box;background:#fff}
.popHead2{line-height:60px;height:60px;background: #FFFFFF;box-shadow: inset 0 -1px 0 0 rgba(242,242,242,0.80);width:100%;padding:0 30px;box-sizing: border-box;background:#fff}
.popClose{display:inline-block;width:18px;height:18px;margin-top:19px}
.popBottom{width:100%;height:53px;background:#fff;padding-top:17px;}
.popBottom a{margin-right:30px;text-decoration:none}
.shadowBox{box-shadow: 0 -1px 4px 0 rgba(209,209,209,0.18);}

.checkClassPop{position:fixed;overflow:hidden;width:440px;left:50%;top:50%; transform: translate(-50%,-50%);background: #FFFFFF;border-radius: 10px;}
.checkClassBody{width:100%;height:230px;}
.checkClassBody ul li{padding:0 20px;overflow:hidden;position:relative;font-size:14px;color:#474C59;cursor:pointer}
.checkClassBody ul li .check_class{display:inline-block;width:18px;height:18px;background:url(../../mooc2/images/task_check.png) no-repeat;background-size:100% 100%;margin-right:10px;position:absolute;left:20px;top:50%;margin-top:-9px;}
.checkClassBody ul li .check_classed{width:18px;height:18px;background:url(../../mooc2/images/task_checked.png) no-repeat;background-size:100% 100%;}
.checek_info{padding:12px 10px 12px 38px;}
.checkClassBody ul li:hover{background:#F0F6FF}
.checkClassBody ul li.active_li_bg{background:#F0F6FF}