@charset "utf-8";
/* CSS Document */
body{font-family:"Microsoft YaHei";text-align:center;padding:0; margin:0 auto;font-size:.3rem;color:#3d3d3d;line-height:.5rem; background:#fff;}
*body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-family:"Microsoft YaHei";}
body > div{text-align:left;margin-right:auto;margin-left:auto;}
div,form,ul,ol,li,dl,dt,dd{margin:0 auto;padding:0;border:0;text-align:left; font-weight: normal;}
img,a img,p,pre{border:0;margin:0;padding:0;}
h1,h2,h3,h4{margin:0;padding:0;font-weight:normal;}
ul,ol,li{list-style:none;text-align:left;}
table,th,td,input,textarea,select,p{font-size:.28rem;border:0;outline:none;font-family:"Microsoft YaHei";}
table,td,th{font-weight:normal;font-size:15px;font-family:"Microsoft YaHei";}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;vertical-align:middle; border:none;font-family:"Microsoft YaHei";}
img{vertical-align:middle;}
pre{white-space:normal;}
*, *:before, *:after { box-sizing: border-box; outline: none; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: none;
}
textarea { outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; overflow: auto; resize: none; font: 100% tahoma, \5b8b\4f53, arial; }
table { border-collapse: collapse; border-spacing: 0; }
/* 默认链接颜色 */
a{outline-style:none !important;text-decoration:none !important;}
/*清除链接虚框*/
/* a,area{blr:expression(this.onFocus=this.blur());}
:focus{-moz-outline-style:none;} */
/* 下划线 */
.unline,.unline a{text-decoration:underline}
.nounline,.nounline a,.list12 .nounline{text-decoration:none;}
/* 通用属性 */
.left,.fl{float:left;}
.right,.fr{float:right;}
.overflow{overflow:auto; overflow:hidden;}
.clearfix:after {display:block;clear:both;height: 0;}
.clearfix {zoom:1;}
.center{margin:0 auto;}
.clear{clear:both;font-size:1px;width:1px;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}/*ie and firefox1.5 updata */
.none{display:none;}
.both{clear:both;}
textarea {-webkit-appearance: none;}
.button{ border-radius:0;}
.col-md-12,.row,.col-xs-12{ padding: 0 !important; margin: 0 !important;}

.task_box{
  padding: .3rem;
}
.task_als{
  display: none;
}
.steps_tab{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #c3c3c3;
}
.steps_tab span{
  padding: 5px 0;
}
.steps_tab span.active{
  border-bottom: 1px solid #3276FA;
}
.con_switch iframe{
  width: 100%;
  height: 70vh;
}
.task_con .con_switch{
  display: none;
  position: relative;
}
.task_con .con_switch:first-child{
  display: block;
}
.task_answer{
  background: #fff;
  width: 100%;
  border-top: 1px solid #c3c3c3;
  position: absolute;
  bottom: 0;
  z-index: 999;
  transition: 2s;
  -moz-transition: 2s;	/* Firefox 4 */
  -webkit-transition:  2s;	/* Safari 和 Chrome */
  -o-transition:  2s;
}
.task_add{
  height: 40vh;
}
.task_blanks input{
  padding: 5px 10px;
  border-bottom: 1px solid #c3c3c3;
}
.con_switch iframe.iframe2{
  height: 84vh;
}
.if_con{
  position: absolute;
  right: 0;
  top: 20px;
  background: #fff;
  line-height: 25px;
  z-index: 98;
  border-top-left-radius: 25px;
  padding: 5px 10px;
  border-bottom-left-radius: 25px;
  box-shadow: -3px 2px 3px rgba(0,0,0,.2);
}
.answer_right{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, .5);

}
.answer_right_con{
  width: 80%;
  background: #fff;
  height: 100vh;
  margin-right:0;
  padding: 10px 20px;
}
/* index start */
.index_header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: .35rem;
  color: #000000;
  height: .98rem;
  line-height: .98rem;
  /* box-shadow: 0 2px 3px rgba(0,0,0,.2); */
  padding: 0 .34rem;
  z-index: 98;
  text-align: center;
  font-weight: bold;
  background: #F6F6F6;
}
.index_header_height{
  height: .98rem;
}
.butn_save ,.openWare{
  background: #3276FA;
  border-radius: .43rem;
  line-height: .87rem;
  text-align: center;
  font-size: .32rem;
  color: #FFFFFF;
  width: 6.97rem;
  margin-top: .6rem;
  margin-bottom: .4rem;
}
.index_box{
  padding: .24rem .34rem;
  padding-bottom: 0;
}
.index_box .header_btn{
  position: absolute;
  right: .2rem;
  top: 0;
  text-align: right;
}
.index_box .header_btn span{
  border: none;
  display: inline-block;
  background: #3276FA;
  /* width: 2.3rem; */
  padding: 0 .4rem;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  font-size: .28rem;
  color: #fff;
  border-radius: 3rem;
}
.index_box .header_btn span.save2{
  display: none;
}
.personal_con{
  margin-top: .4rem;
  background: #fff;
  border-radius: .13rem;
  padding: .2rem .39rem .2rem .39rem;
}
.btn_con{
  display: none;
  position: absolute;
  top: -1.6rem;
  right: 0;
  width: 2.95rem;
  background: #fff;
  z-index: 99;
  padding: .1rem 0;
  border-radius: .14rem;
}
.btn_con::after{
  content: '';
  position: absolute;
  bottom: -.26rem;
  right: 0;
  left: 0;
  margin: auto;
  width: 0;
  border-width: .14rem;
  border-style: dashed dashed solid;
  border-color: transparent transparent #fff;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); 	/* IE 9 */
  -moz-transform:rotate(180deg); 	/* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg); 	/* Opera */
}
.btn_con li{
  text-align: center;
  line-height: .85rem;
}
.tips_con{
  font-size: .31rem;
  color: #000000;
  padding-left: 2em;
}
.tipsleft{
  width: .05rem;
  margin-right: .2rem;
}
.btn_con li a{
  display: block;
  color: #666666;
  font-size: .29rem;
}
.btn_con li a img{
  width: .27rem;
  margin-right: .21rem;
}
.index_con{
  display: none;
}
.index_con:first-child{
  display: block;
}
.index_con dl{
  margin-top: .2rem;
  border-radius: .1rem;
  width: 4.27rem;
  overflow: hidden;
}
.index_con dl dt{
  position: relative;
}
.index_con dl dt span{
  font-size: .26rem;
  color: #8A8A8A;
}
.index_con dl dt h4{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-size: .32rem;
  line-height: .4rem;
  font-weight: bold;
}
.members{
  line-height: .4rem;
}
.index_con dl dt p span{
  float: left;
  width: 50%;
}
.index_con dl dt p span img{
  width: .22rem;
  margin-right: .05rem;
}
.index_con dl dt p span:nth-child(2){
  text-align: center;
}
/* .index_con dl dt p span:last-child{
  float: right;
  text-align: right;
  color: #3276FA;
  font-size: .24rem;
} */
.course_task li:nth-of-type(7n+1),.dl_test:nth-of-type(7n+1){
  /* border: 1px solid #FF9966; */
  box-shadow: 0 2px 3px#ff9966;
}
.course_task li:nth-of-type(7n+2),.dl_test:nth-of-type(7n+2){
  /* border: 1px solid #CCCC66; */
  box-shadow: 0 2px 3px #CCCC66;
}
.course_task li:nth-of-type(7n+3),.dl_test:nth-of-type(7n+3){
  /* border: 1px solid #669999; */
  box-shadow: 0 2px 3px #669999;
}
.course_task li:nth-of-type(7n+4),.dl_test:nth-of-type(7n+4){
  /* border: 1px solid #CC9966; */
  box-shadow: 0 2px 3px #CC9966;
}
.course_task li:nth-of-type(7n+5),.dl_test:nth-of-type(7n+5){
  /* border: 1px solid #A6BAFF; */
  box-shadow: 0 2px 3px #A6BAFF;
}
.course_task li:nth-of-type(7n+6),.dl_test:nth-of-type(7n+6){
  /* border: 1px solid #FF80BF; */
  box-shadow: 0 2px 3px #FF80BF;
}
.course_task li:nth-of-type(7n+7),.dl_test:nth-of-type(7n+7){
  /* border: 1px solid #990000; */
  box-shadow: 0 2px 3px #990000;
}
.faq_an,.an_qu{
  display: none;
}
.index_con dl dd{
  line-height: .55rem;
  height: .55rem;
}
.index_con dl dd span{
  background: #EFFBFF;
  padding: .06rem 0;
  border-radius: .08rem;
  font-size: .2rem;
  color: #3077FC;
  padding: 0 .1rem;
}
.layui-form-onswitch i{
  margin-left: -.4rem;
}
.mac_pop{
  display: none;
  position: fixed;
  background: #fff;
  border-radius: .08rem;
  width: 80%;
  padding: 1rem 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
}
.index_con dl dd span img{
  width: .24rem;
  position: relative;
  top: -.02rem;
  margin-right: .11rem;
}
.index_con dl dd small,.s_results small{
  float: right;
}
.index_con dl dd small img,.s_results small img,.get_per_con small img{
  width: .37rem;
}
.bg,.bg1,.bg2,.bg3,.bg4{
  display: none;
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 98;
}
.index_bottom,.task_update_bottom,.appoint_bot,.setUpYue,.add_my_lab,.undertake_course{
  display: none;
  position: fixed;
  bottom: 0; 
  left: 0;
  width: 100%;
  background: #F5F4F3;
  padding-top: .57rem;
  z-index: 99;
  border-radius: .3rem .3rem 0 0;
}
.undertake_course{
  padding-top: 0;
  padding-bottom: .3rem;
}
.task_update_bottom dl{
  padding-bottom: .15rem;
  text-align: center;
}
.index_con dl .layui-form-switch{
  box-sizing: content-box;
  margin-top: 0;
  line-height: .4rem;
  height: .4rem;
  float: right;
}
.per_con1 .layui-form-switch{
  box-sizing: content-box;
  margin-top: 0;
  line-height: .4rem;
  height: .4rem;
}
.layui-form-switch i{
  width: .3rem;
  height: .3rem;
  top: .05rem;
}
.layui-form-switch em{
  font-size: .24rem;
  width: .25rem;
  margin-right: .1rem;
  margin-left: .35rem;
  top: -.02rem;
}
.layui-form-onswitch em{
  margin-right: .35rem;
  margin-left: .1rem;
}
.qrcode_pop{
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: #F6F6F6;
  z-index: 99;
  padding-top: 1rem;
}

.index_bottom dl,.index_foot dl{
  width: 33%;
  float: left;
  text-align: center;
  position: relative;
}
.index_foot .red_new{
  top: .1rem;
}
.index_bottom dl{
  float: none;
  width: 100%;

}
.index_bottom dl a{
  display: block;
}
.join_qrcode{
  text-align: center;
  font-size: .4rem;
  color: #8a8a8a;
}
.qr_img{
  margin: .2rem .34rem;
}
.qrcode_pop .index_close{
  position: static;
  bottom: 0;
  width: 90%;
  margin-left: 5%;
  margin-top: .6rem;
}
.qrcode_pop .course_name{
  margin: .24rem .34rem;
}
.qrcode_pop .qr_img{
  text-align: center;
}
.index_foot dl.active dd{
  color:#3276FA;
}
.index_bottom dl dt,.index_bottom dl dd,.index_foot dl dt,.index_foot dl dd,.task_update_bottom dl dd{
  text-align: center;
}
.index_bottom dl dt,.task_update_bottom dl dt{
  text-align: center;
  height: .6rem;
  line-height: .6rem;
}
.index_bottom dl dt{
  display: none;
  /* display: inline-block; */
  width: .5rem;
  text-align: center;
}
.task_update_bottom dl dd{
  font-size: .24rem;
  color: #8a8a8a;
}
.task_update_bottom dl dt img{
  width: .35rem;
}
.index_bottom dl dt img{
  width: .4rem;
}
.index_bottom dl:nth-child(3) dt img{
  width: .34rem;
}
.la_msg{
  color: #f00;
}
.index_bottom dl dd,.task_update_bottom dl dt,.task_update_bottom dl dd{
  margin-top: 0 !important;
  font-size: .32rem;
  color: #000000;
}
.index_close{
  text-align: center;
  width: 6.97rem;
  line-height: .99rem;
  height: .99rem;
  background: #fff;
  margin: auto;
  font-size: .32rem;
  color: #000000;
  border-radius: .13rem;
  margin-bottom: .27rem;
}
.ouline_bot{
  height: 1px;
  margin-bottom: .2rem;
  background: rgba(192, 191, 191, .6);
}
.layui-layer-btn .layui-layer-btn0{
  border-color: #3276FA !important;
  background-color: #3276FA !important;
}
.add_task_btn{
  width: 100%;
  position: fixed;
  bottom: .5rem;
  text-align: center;
}
.add_task_btn span{
  display: inline-block;
  background: #3276FA;
  width: 6.97rem;
  text-align: center;
  height: .87rem;
  border-radius: .45rem;
  line-height: .87rem;
  color: #fff;
}
.add_tasks{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #F5F4F3;
  z-index: 99;
  height: 8.8rem;
  border-radius: .27rem .27rem 0px 0px;
  padding: .41rem .25rem;
}
.zui_cuowu{
  width: .55rem;
  position: absolute;
  right: 0;
}
.add_tasks h2,.add_share h2{
  font-size: .35rem;
  color: #000000;
  text-align: center;
  position: relative;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  padding-bottom: .4rem;
}
.share_titN{
  margin-top: .32rem;
  line-height: .4rem;
  font-size: .31rem;
  color: #000000;
}
.share_titN img{
  width: .05rem;
  margin-right: .26rem;
}
.task_name input{
  margin-top: .3rem;
  width: 100%;
  padding: 0 .42rem;
  border-width: 0;
  background: #fff;
  border-radius: .13rem;
  height: .99rem;
}
.task_name textarea{
  margin-top: .3rem;
  width: 100%;
  background: #fff;
  border-radius: .13rem;
  height: 3.09rem;
  padding: .36rem .42rem;
}
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{
  color: #d3d3d3;
}
.layui-layer-btn a{
  line-height: 26px !important;
}
.foot_height{
  height: 1.2rem;
}
.index_foot{
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 1.1rem;
  box-shadow: 0 -1px 10px rgba(0,0,0,.2);
  background: #fff;
}
.index_foot dl dt{
  height: .6rem;
  line-height: .6rem;
}
.index_foot dl dt img{
  width: 18%;
}
.index_foot dl dd, .index_bottom dl dd{
  font-size: .2rem;
  margin-top: -.1rem;
  line-height: .45rem;
  color: #8a8a8a;
}
.index_bottom dl dd{
  font-size: .32rem;
  line-height: .99rem;
  background: #fff;
  height: .99rem;
  border-radius: .13rem;
  margin-bottom: .27rem;
  width: 6.97rem;
  color: #000;
}
.refresh img{
  width: .45rem;
}
/* index end */
/* add_course start */
.course_nameL .return_{
  top: 0;
}
.return_{
  /* background: #3276FA; */
  /* color: #fff; */
  padding: .03rem .05rem;
  border-radius: .06rem;
  margin-right: 8px;
  font-size: .26rem;
  line-height: .36rem;
  position: absolute;
  left: 0;
  top: .27rem;
}
.course_name{
  margin-top: .4rem;
  position: relative;
}
.members_task{
  margin-left: 0;
  position: relative;
  top: -.05rem;
}
.members_task img{
  width: .22rem;
  margin-right: .06rem;
}
.members_task span{
  color: #fff;
  font-size: .24rem;
}
.course_name p{
  font-size: .31rem;
  color: #000000;
}
.course_name>div input{
  background: #fff;
  width: 100%;
  margin-top: .2rem;
  height: .99rem;
  padding: 0 .42rem;
  background: #fff;
  font-size: .32rem;
  border-radius: .13rem;
}
.course_name>div input:disabled{
  background: #fff;
}
.course_name>div input::-webkit-input-placeholder{
  color:#d3d3d3;
}
.right_name{
  width: .35rem;
  position: absolute;
  right: .32rem;
  top: 1rem;
}
.return_ img{
  width: .45rem;
  position: relative;
  top: -.04rem;
  left: 0;
}
.index_header .return_ img{
  left: .2rem;
}
.ios-select-widget-box header.iosselect-header a{
  color: #3276FA;
}
.join_tit{
  text-align: center;
  font-size: .3rem;
  margin-top: .8rem;
}
.join_input{
  text-align: center;
  margin-top: .8rem;
}
.join_input input{
  width: 3rem;
  border-bottom: 1px solid #c3c3c3;
  text-align: center;
  margin:0 .25rem;
  font-size: .4rem;
  border-radius: 0;
  letter-spacing: .1rem;
}
/* add_course end */
/* my start */
.my_con dl{
  padding-top: .69rem;
  padding-bottom: .4rem;
  margin-bottom: .5rem;
}
.my_con dl::after{
  clear: both;
  content: '';
  display:block;
  width:0;
  height:0;
}
.my_con dl dt{
  float: left;
  width: 1.76rem;
  margin-right: .39rem;
  margin-left: .3rem;
}
.my_con dl dt img{
  border-radius: 50%;
  height: 1.76rem;
  width: 1.76rem;
}
.person_pop {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 99;
  width: 80%;
  border-radius: .1rem;
  padding: .2rem .3rem;
}
.is_no_content,.experiment_tips{
  display: none;
  text-align: center;
  color: #8a8a8a;
  padding-right: .2rem;
}
.is_no_content{
  width: 100%;
  position: fixed;
  bottom: 2.5rem;
  left: .6rem;
  z-index: 2;
  color: #3276FA;
}
.experiment_tips{
  padding-top: 3rem;
  text-align: center;
}
.per_img_head img{
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.per_content{
  padding: 0 .1rem;
  margin: .1rem 0;
  line-height: .45rem;
  height: .45rem;
}
.my_con{
  background: url(../images/mybg.png) no-repeat;
  background-size: 100% 100%;
  padding: .24rem .34rem;
  height: 5.15rem;
}
.person_con{
  padding: .24rem .34rem;
  background: #fff;
  
  box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.my_con dl dd{
  padding-top: .1rem;
  float: left;
  width: 45%;
  color: #fff;
}

.my_con dl dd p{
  font-size: .28rem;
  line-height: .45rem;
  padding-top: .1rem;
  color: #f3f3f3;
}
.my_con dl dd .name{
  font-size: .36rem;
  line-height: .55rem;
}
.account{
  line-height: .8rem;
  padding: .3rem 0;
  color: #999;
}
.account::after{
  content: '';
  clear: both;
  display: block;
}
.account>span{
  width: 10%;
  float: left;
  font-size: .6rem;
}
.account>span img{
  width: .5rem;
  position: relative;
  top: -.06rem;
}
.account>p{
  border-bottom: 1px solid #fbfbfb;
  font-size: .3rem;
  color: #8A8A8A;
}
.account>p span{
  float: right;
}
.per_con{
  margin-top: .4rem;
}
.per_con::after,.per_con1::after{
  content:'';
  display: block;
  clear: both;
}
.per_con>label,.per_con1>label{
  float: left;
  width: 15%;
}
.per_con1>label img,.per_con>label img{
  width: .4rem;
}
.per_con>p{
  float: right;
  width: 70%;
  padding-bottom: .2rem;
  text-align: right;
}
.per_con:first-child>label{
  line-height: 1.2rem;
}
.per_con>p img{
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.per_con1{
  line-height: .45rem;
  padding: .15rem 0;
}
.per_con1>p{
  float: right;
  width: 78%;
  padding: .1rem 0;
  font-size: .3rem;
  border-bottom: 1px solid #fbfbfb;
  color: #8A8A8A;
  text-align: right;
}
.per_con1>label{
  padding: .1rem 0;
}
.per_con1>p input{
  width: 100%;
  font-size: .3rem;  
  color: #8A8A8A;
  background-color: #fff;
  text-align: right;
}
.per_con1>p.per_select input,.per_con1>p.per_select1 input,.g_school input{
  border: none;
}
.g_school .layui-form-select .layui-input{
  height: auto;
}
.per_con1>p .layui-form-select dl{
  left: auto;
  right: 0;
}
.per_con1 span.icon{
  float: right;
}
/* my end */
/* courseDetails start */
.course_nameL span{
  float: left;
}
.course_nameL span.return_{
  margin-top: .15rem;
}
.course_names{
  width: 50%;
}
.course_nameL span small{
  display: block;
  line-height: .38rem;
  width: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-size: .26rem;
}
.course_nameL span._coursename{
  font-size: .35rem;
  color: #fff;
  text-align: center;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 5%;
  text-overflow: ellipsis;
}
.course_nameL span small._classname{
  color: #fff;
}
.course_dl{
  width: 100%;
  margin-top: .69rem;
  padding-left: .36rem;
  position: relative;
  z-index: 17;
}
.course_dl::after{
  content: '';
  display: block;
  clear: both;
}
.course_tit{
  height: 3.85rem;
  background: url(../images/task_bg.png) no-repeat;
  background-size: 100% 100%;
  padding: .24rem .34rem;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: .6rem;
}
.name_a_num{
  text-align: left;
}
.course_nameL{
  position: relative;
}
.course_nameL::after{
  content:'';
  display: block;
  clear: both;
}
.course_dl dt{
  text-align: center;
  float: left;
  width:  1.16rem;
  margin-right: .53rem;
}
.course_dl dt img{
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
}
.course_dl dd{
  text-align: center;
  font-size: .26rem;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.qr_code{
  background: #fff;
  padding: .02rem .11rem;
  border-radius: .05rem;
  height: .39rem;
  line-height: .39rem;
}
.refresh img{
  width: .27rem;
  margin-left: .29rem;
}
.join_qr span{
  color: #3077FC;
  font-size: .2rem;
}
.user_name{
  display: inline-block;
  font-size: .26rem;
  line-height: .26rem;
  overflow: hidden;
  color: #fff;
  text-overflow:ellipsis; 
  white-space: nowrap;
}
.join_qr::after{
  content: '';
  display: block;
  clear: both;
}
._classname{
  width: 1.5rem;
  float: left;
  font-size: .28rem;
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
  line-height: .48rem;
  height: .48rem;
}
.join_qr span img{
  position: relative;
  top: -.02rem;
}
.join_qr>span:first-child{
  border-right: 1px solid #c3c3c3;
}
.join_qr>span img{
  width: .24rem;
  margin-right: .11rem;
}
.course_operation{
  width:  calc(100% - .68rem);
  background: #fff;
  border-radius: .2rem;
  position: absolute;
  bottom: -.6rem;
  box-shadow: 0px .12rem .2rem 0px rgba(19, 19, 20, 0.06);
}
.course_operation::after{
  content:'';
  display: block;
  clear: both;
}
.course_operation dl{
  float: left;
  /* width: 25%; */
  width: 20%;
  padding: .43rem 0 .38rem 0;
}
/* .course_operation dl:nth-child(3){
  float: right;
} */
.red{
  background:#e66f6f;
  /* padding-left: .2rem; */
  color: #fff;
  padding: .04rem .15rem;
  font-size: .24rem;
  border-radius: .3rem;
  margin-left: .3rem;
}
.theme{
  padding-left: .2rem;
  background: #3276FA;
  /* padding-left: .2rem; */
  color: #fff;
  padding: .04rem .15rem;
  font-size: .24rem;
  border-radius: .3rem;
  margin-left: .3rem;
}
.course_operation dl dt{
  text-align: center;
}
.course_operation dl dd{
  text-align: center;
  margin-top: .06rem;
  font-size: .25rem;
  line-height: .45rem;
  color: #000;
}
.course_operation dl dt img{
  width: .94rem;
  /* width: 23%; */
}
.back_btn{
  padding: .3rem .4rem;
  display: none;
  text-align: right;
}
.back_btn img{
  width: 55%;
}
.task_tit{
  display: inline-block;
  width: 76%;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.course_task li{
  padding: 0 .24rem;
  padding-top: .2rem;
  border-bottom: 1px solid #c3c3c3;
  border-radius: .1rem;
  margin-bottom: .2rem;
  background: #fbfbfb;
}
.course_task li h4 p{
  float: right;
}
.course_task li h4 .icon-pullup01{
  display: none;
}
.c_purpose{
  border: 1px solid #f2f2f2;
  width: 50%;
  margin: auto;
  text-align: center;
  border-radius: .35rem;
  margin-top: .08rem;
  margin-bottom: .04rem;
}
.pur_join{
  text-align: right;
  padding-bottom: .1rem;
}
.pur_join span{
  display: inline-block;
  border: 1px solid #c6c6c6;
  border-radius: .1rem;
  padding: 0 .1rem;
}
.s_results{
  padding-top: .1rem;
  padding-bottom: .25rem;
}
.s_results span{
  font-size: .24rem;
  margin-right: .3rem;
  color: #8a8a8a;
}
.s_results span img{
  width: .26rem;
  margin-right: .1rem;
}
.purpose_con{
  color: #d3d3d3;
  line-height: .35rem;
  min-height: .35rem;
  font-size: .28rem;
  background: #fff;
  padding:.1rem .06rem;
  border-radius: .05rem;
}
/* .course_purpose{
  display: none;
} */
.complete,.unfinished{
  font-size: .26rem;
}
.complete{
  color: #A3F286;
}
.unfinished{
  color: #EC808D;
}
/* courseDetails end */
/* results_teacher start */
.result_switch{
  display: flex;
  padding: .05rem ;
  background-color: #3276FA;
  border-radius: .36rem;
  margin-bottom: .3rem;
}
.result_switch span{
  width: 50%;
  text-align: center;
  line-height: .61rem;
  color: #fff;
  font-size: .28rem;
  display: inline-block;
}
.result_switch span.active{
  color: #3276FA;
  background-color: #fff;
  border-radius: .31rem;
}
.result_tab .tab_div{
  display: none;
}
.result_tab .tab_div:first-child{
  display: block;
}
.result_name li,.result_cj li{
  line-height: 1.17rem;
  background-color: #fff;
  padding: 0 .4rem;
  border-radius: .13rem;
  box-shadow: 0px .12rem .2rem 0px rgba(19, 19, 20, 0.06);
  margin-bottom: .2rem;
}
.result_name li::after,.result_cj li::after{
  content:'';
  display: block;
  clear: both;
}
.task_num{
  width: 12%;
  font-size: .22rem;
  line-height: .45rem;
  text-align: center;
  color: #8a8a8a;
}
.task_nums_re{
  width: 1.17rem;
  line-height: .43rem;
  background-color: #3276FA;
  margin-right: .3rem;
  font-size: .24rem;
  color: #fff;
  border-radius: .24rem;
  display: inline-block;
  text-align: center;
}
.result_name li p{
  float: left;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .3rem;
  white-space: nowrap;
}
.result_name li .icon{
  float: right;
}
.result_cj span{
  float: left;
  line-height: 1.17rem;
  height: 1.17rem;
}
.result_cj .stu_id{
  width: 35%;
  word-wrap: break-word; 
  word-break: normal; 
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
}
.result_cj .stu_results{
  float: right;
  padding-right: .2rem;
}
.stu_id,.stu_name,.stu_results{
  font-size: .3rem;
}
.stu_results{
  color: #3276FA;
}
.result_c{
  display: none;
}
/* results_teacher end */
/* notice_teacher start */
.notice_con>ul>li{
  background: #fff;
  padding: .15rem .24rem;
  border-radius: .2rem;
  position: relative;
  margin-bottom: .25rem;
  box-shadow: 0px .12rem .2rem 0px rgba(19, 19, 20, 0.06);
}
.notice_con{
  padding: .3rem 0;
  padding-bottom: .4rem;
}
.data_li{
  overflow: hidden;
  border-radius: .14rem;
  margin-bottom: .2rem;
}
.notice_con>ul>li h4{
  display: -webkit-box;
  -webkit-line-clamp:1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: .35rem;
  height:.6rem;
  color: #000000;
  font-weight: bold;
  width: 95%;
}
.notice_more{
  position: absolute;
  right: .2rem;
  width: .5rem;
  bottom: .3rem;
}
.notice_more img{
  width: 90%;
}
.author{
  font-size: .26rem;
  padding-bottom: .1rem;
  color: #e1e1e1;
}
.author span{
  margin-right: .35rem;
}
.not_content{
  display: -webkit-box;
  -webkit-line-clamp:2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: .28rem;
  line-height: .45rem;
}
.not_content p{
  font-size: .29rem;
  color: #959595;
}
.not_course{
  margin-top: .1rem;
}
.not_course p{
  color: #e1e1e1;
}
/* .new_tit{
  border-bottom: 1px solid #c3c3c3;
} */
.new_tit input{
  width: 100%;
  background-color: #fff;
  height: .99rem;
  border-radius: .13rem;
  font-size: .32rem;
  padding: 0 .42rem;
}
.chu_class{
  margin-top: .3rem;
}
.chu_class .layui-form-item{
  margin-bottom: 0;
}
.layui-form-select dl dd.layui-this{
  background-color: #3276FA;
}
.chu_class .layui-form-select dl dd, .layui-form-select dl dt{
  padding: 0 .42rem;
}
.chu_class .layui-form-select .layui-input{
  border: 0;
  height: .99rem;
  border-radius: .13rem;
  font-size: .32rem;
  padding-left: .42rem;
}
.new_cons textarea{
  margin-top: .4rem;
  border-radius: .13rem;
  width: 100%;
  height: 40vh;
  padding: .36rem .42rem;
  background-color: #fff;
  font-size: .32rem;
  line-height: .55rem;
}
.con_title{
  margin-top: .4rem;
  background: #fff;
  border-radius: .2rem;
  width: 100%;
  padding: .2rem .23rem;
}
.authors{
  line-height: .5rem;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: .2rem;
  color: #d3d3d3;
}
.con_title ._content{
  margin-top: .2rem;
}
.authors img{
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  margin-right: .1rem;
}
.authors .time{
  float: right;
}
/* notice_teacher end */
/* messages start */
.index_box .header_btn .icon-tongxunlu{
  font-size: .4rem;
  color: #3276FA;
}
.message_details{
  overflow: hidden;
}
.message_details li{
  padding: .2rem;
  background-color: #fff;
  position: relative;
  height: 1.3rem;
  transform: translateX(0px);
  transition: all .3s;
}
.message_details li.active{
  transform: translateX(-120px);
    transition: all .3s;
}
.mes_btn{
  position: absolute;
  top: 0;
  right: -120px;
  text-align: center;
  background: #ffcb20;
  color: #fff;
  width: 120px;
  line-height: 1.3rem;
  height: 1.3rem;
}
/* .mes_btn::after{
  content: '屏蔽';
}
.mes_btn::before{
  content: '删除';
} */
.mes_btn span{
  display: inline-block;
  width: 50%;
}
.mes_btn span:last-child{
  background-color: #FA5151;
}
.message_details>li::after{
  content: '';
  display: block;
  clear: both;
}
.mes_header{
  float: left;
  width: 12%;
  margin-right: 4%;
}
.mes_header img{
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
}
.guanbi_person{
  position: absolute;
  right: .3rem;
  top: .2rem;
  width: .6rem;
}
.mes_name{
  width: 78%; 
  float: left;
}
.message_details .mes_name{
  width: 30%;
}
.mes_name p,.mes_name div{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  line-height: .45rem;
}
.mes_con{
  color: #999;
}
.faq_question1{
  position: relative;
  padding-left: .5rem;
}
.faq_ask{
  width: .4rem;
  position: absolute;
  left: 0;
  top: .07rem;
}
.faq_contents dl dd{
  position: relative;
  padding: 0 .5rem;
  line-height: .55rem;
}
.mes_time{
  padding-top: .2rem;
  float: right;
  color: #D2D2D2;
}
.book_con{
  background: #fff;
  padding: 0 .2rem;
  border-radius: .13rem;
  margin-top: .2rem;
  margin-bottom: .4rem;
}
.mes_time img{
  width: .25rem;
  margin-left: .1rem;
  display: none;
}
/* .book_con>li dl dt{
  border-bottom: 1px solid #c3c3c3;
} */
.book_con>li dl dt::after,.book_con>li dl dd::after{
  content: '';
  display: block;
  clear: both;
}
.book_con>li dl dt p{
  float: left;
  font-size: .3rem;
  line-height: .85rem;
}
.book_name{
  width: 65%;
  margin-right: 6%;
  overflow: hidden;
  text-overflow:ellipsis;
  font-size: .35rem;
  color: #000000;
  white-space: nowrap;
}
.book_con>li dl dt p.book_top{
  /* float: right; */
  margin-right: .3rem;
}
.book_con>li dl dt p.book_num{
  float: right;
  color: #BDBDBD;
}
.book_con>li dl dt p.book_top img{
  width: .14rem;
}
.book_con>li dl dd{
  /* display: none; */
  padding: .2rem;
  /* border-bottom: 1px solid #c3c3c3; */
}
.mes_ddcon{
  display: none;
}
.tips_box{
  padding: .2rem .1rem;
  border-radius: .08rem;
  background: #e6e6e6;
}
.tips_box p,.tips_box div{
  color: #8a8a8a;
  font-size: .26rem;
}
.trrote{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.addressbook{
  position: fixed;
  right: .27rem;
  bottom: 1rem;
}
.addressbook img{
  width: 1.24rem;
}
.mesage_name{
  float: left;
  line-height: .4rem;
}
.mes_return{
  float: left;
  /* margin-top: .3rem; */
}
.mesage_name p{
  display: inline;
  line-height: .45rem;
  color: #999;
}
.mesage_name p span{
  font-size: .36rem;
}
.chat_con dl{
  margin-bottom: .3rem;
}
.chat_con dl::after{
  content:'';
  display: block;
  clear: both;
}
.chat_other dt{
  float: left;
  width: 16%;
}
.chat_other .chat_information{
  background-color: #fff;
}
.chat_other dt img,.chat_me dt img{
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
}
.chat_other dd{
  max-width: 70%;
  float: left;
}
.chat_information{
  border-radius: .13rem;
  color: #000000;
  font-size: .29rem;
  padding: .1rem .14rem;
  line-height: .55rem;
}
.chat_me dt{
  float: right;
  width: 16%;
  text-align: right;
}
.chat_me .chat_information{
  background: #3276FA;
  color: #fff;
}
.chat_me dd{
  float: right;
  max-width: 70%;
}
.chat_text{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .14rem .2rem;
  background: #fff;
}
.chat_text .chat_cons{
  width: 82%;
  line-height: .73rem;
  height: auto;
  padding: 0 .2rem;
  background: #E5E5E5;
  border-radius: .36rem;
  display: inline-block;
  max-height: 1.3rem;
  overflow: auto;
}
.chat_height{
  height: 1.3rem;
}
.chat_selt{
  float: right;
  margin-right: 2%;
  margin-top: .1rem;
}
.chat_selt img{
  width: .52rem;
}
/* messages end */
/* unbunding_weixin start */
.your_weixin{
  font-size: .31rem;
  line-height: .75rem;
  color: #000000;
  background: #fff;
  line-height: 1.12rem;
  border-radius: .13rem;
  padding: 0 .43rem;
  box-shadow: 0px .12rem .2rem 0px rgba(19, 19, 20, 0.06);
}
.your_weixin span{
  color: #A3A3A3;
  float: right;
}
.unbunding_con{
  padding-top: .4rem;
}
.un_weixin{
  margin-top: .6rem;
  text-align: center;
}
.un_weixin span{
  display: inline-block;
  color: #fff;
  font-size: .32rem;
  background: #3276FA;
  width: 100%;
  line-height: .87rem;
  border-radius: .1rem;
  border-radius: .43rem;
}
.phone_u{
  line-height: 1.11rem;
}
.phone_u span{
  float: left;
}
.phone_u::after{
  content: '';
  display: inline-block;
  clear: both;
}
.phone_con{
  margin-top: .3rem;
  background: #fff;
  padding: 0 .39rem;
  border-radius: .13rem;
}
.phone_num{
  width: 70%;
  height: 1.11rem;
  margin-left: .5rem;
}
.phone_con .phone_u{
  border-bottom: 1px solid rgba(0, 0, 0, .14);
}
.phone_con .phone_u:last-child{
  border-bottom: 0;
}
.yzm_input{
  margin-left: .5rem;
  width: 2rem;
}
.login_account_con .phone_u{
  border: 1px solid #c3c3c3;
  padding: .15rem .25rem;
  margin-bottom: .3rem;
  line-height: .45rem;
  border-radius: .1rem;
}
.login_account_con .phone_u input{
  background: none;
}
.login_account_con .phone_u::after{
  display: none;
}
.login_account_con .phone_u label{
  margin-top: 0;
}
.login_account_con .phone_u label.send{
  background: none;
}
.login_account_con .phone_num{
  height: auto;
  width: 100%;
  line-height: auto;
  margin-left: 0;
}
.phone_u label{
  float: right;
  text-align: center;
  width: 1.53rem;
  line-height: .53rem;
  height: .53rem;
  background: #3276FA;
  font-size: .24rem;
  color: #FFFFFF;
  border-radius: .25rem;
  margin-top: .26rem;
}
.login_account_con{
  padding-top: 1.2rem;
}
.login_account_con h2{
  font-size: .42rem;
}
.login_account_con img{
  /* width: .6rem; */
  width: .4rem;
  margin-right: .2rem;
}
.fu_easy{
  font-size: .34rem;
  padding-top: .2rem;
  margin-bottom: .4rem;
}
.members::after{
  content: '';
  display: block;
  clear: both;
}
/* login start */
.login_btn{
  text-align: center;
  margin-top: .8rem;
}
.login_btn span{
  background: #3276FA;
  color: #fff;
  display: inline-block;
  width: 100%;
  line-height: .87rem;
  height: .87rem;
  border-radius: .43rem;
}
.exper_box iframe{
  width: 100%;
  height: 45vh;
  margin-bottom: .3rem;
}
.exper_box video{
  width: 100%;
  margin-bottom: .15rem;
}
.instructions{
  position: fixed;
  bottom: .5rem;
  right: .3rem;
}
.instructions img{
  width: .7rem;
  margin-bottom: .3rem;
}
.cuopoist{
  position: relative;
  margin-top: .1rem;
}
.cuopoist video{
  width: 100%;
  position: relative;
  z-index: 8;
}
.cuopoist img{
  max-width: 100%;
}
.cuowu{
  position: absolute;
  right: .1rem;
  top: .1rem;
  width: .5rem !important;
  z-index: 99;
}
.task_tan1, .task_tan2, .queset_pop{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  overflow: auto;
  z-index: 9999;
  padding: .2rem .24rem;
}
.queset_pop{
  border-radius: .27rem .27rem 0px 0px;
}
/* .task_tan1{
  box-shadow: 0 1px 0.2rem rgba(0,0,0,.2);
} */
.blanks_answer, .tack_div {
  margin-bottom: .3rem;
  /* width: 85%; */
}
.layui-form-checkbox{
  padding: 0;
  margin: 0;
}
.radio_answer input{
  flex-shrink: 0;
}
.radio_answer .layui-form-checkbox[lay-skin=primary] i{
  width: .35rem;
  height: .35rem;
  /* margin-top: .12rem; */
}
.answera {
  margin:0 ;
  flex-shrink: 1; 
}
.blanks_answer::after{
  content: '';
  display: block;
  clear: both;
}
.answer1 {
  color: #8a8a8a;
  margin-top: .3rem;
}
.answer1 input {
  width: 100%;
  background: #fff;
  line-height: .99rem;
  height: .99rem;
  font-size: .32rem;
  padding: 0 .42rem;
  border-radius: .13rem;
}
.radio_answer{
  display: flex;
  padding: .3rem ;
  background: #fff;
  border-radius: .13rem;
  margin-top: .3rem;
}
.radio_answer .layui-form-checkbox[lay-skin=primary] {
  width: 25%;
  margin-left: 6px;
}
.dl_test dd iframe{
  width: 100%;
  height: 68vh;
}
.exper_box{
  padding-bottom: 50vh;
}
.dl_test dt{
  color: #8a8a8a;
  padding: .1rem .25rem;
}
.dl_test dt img.icon{
  width: .5rem;
}
.topic_prompt{
  color: #000000;
  font-size: .31rem;
  margin-left: .2rem;
}
.test_conts {
  color: #8a8a8a;
  width: 85%;
}
.topic_dry {
    color: #3276FA;
    font-size: .31rem;
    margin-top: .1rem;
}
.dl_test dt::after{
  content: '';
  display: block;
  clear: both;
}
.tit_bottom,.tit_top{
  float: right;
  width: .3rem;
  margin-top: .16rem;
}
.tit_top{
  display: none;
}
.dl_test{
  padding: .1rem 0;
  margin: .3rem 0;
  border-radius: .2rem;
  background: #fff;
}
.dl_test dd{
  display: none;
  height: 68vh;
  padding: .1rem 0;
}
.short textarea{
  display: block;
  width: 100%;
  height: 2.5rem;
  padding: .26rem .32rem;
  margin-top: .3rem;
  border-radius: .13rem;
  background: #fff;
  font-size: .32rem;
}
.blanks{
  margin-bottom: .3rem;
}
.upload_tack{
  text-align: center;
  background: #fff;
  padding: .18rem;
  cursor: pointer;
  font-size: .26rem;
  color: #8a8a8a;
  border-radius: .13rem;
}
.upload_tack img{
  width: .6rem;
}
.tack_div{
  margin-top: .3rem;
}
.alltask_btn{
  text-align: center;
  margin-top: .3rem;
  padding-bottom: .1rem;
}
.alltask_btn span{
  display: inline-block;
  height: .87rem;
  line-height: .87rem;
  width: 3.24rem;
  font-size: .32rem;
  background: url(../images/z_quxiaobg.png) no-repeat;
  background-size: 100% 100%;
  border-radius: .44rem;
  color: #3276FA;
}
.alltask_btn span:last-child{
  margin-left: .3rem;
  color: #fff;
  background: #3276FA;
}
.all_btn{
  text-align: center;
  position: fixed;
  bottom: 0;
  height: 1rem;
  background: #fff;
  width: 100%;
  left: 0;
  padding-top: .26rem;
  border-top: 1px solid #c3c3c3;
}
.all_question,.all_test{
  padding: .3rem .27rem;
  height: 59vh;
  overflow: auto;
}
.mac_span{
  padding: .1rem 0;
  text-align: center;
  margin-top: .6rem;
  overflow: hidden;
}
.mac_content{
  text-align: center;
  border-bottom: 1px solid #c3c3c3;
  width: 80%;
}
.qrCodes_s{
  width: .36rem;
}
.all_cancel{
  color: #818181 !important;
  background: #F6F6F6 !important;
}
.mac_content input{
  width: 80%;
  padding: .15rem 0;
  text-align: center;
}
.all_btn span,.mac_span span{
  padding: .14rem .35rem;
  background: #3276FA;
  color: #fff;
  border-radius: .1rem;
}
.mac_span span{
  margin:0 .22rem;
}
.all_btn span:first-child{
  margin-right: .6rem;
}
.faq_dl{
  border-bottom:.06rem solid #f1f1f1;
}
.faq_dl dt{
  line-height: .55rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0;
  padding: .12rem 0;
}
.faq_title{
  margin: 0;
}
.switch2{
  display: none;
}
.faq_bot{
  width: .3rem;
  position: relative;
  bottom: .02rem;
  margin-left: .1rem;
}
.faq_dl dd{
  border-top: 1px solid #eee;
  padding: .12rem 0;
  display: none;
}
.switch {
  align-self: flex-end;
  position: absolute;
  color: #9EA5BA;
  right: 0;
}
.task_tan2{
  padding-bottom: 1rem;
}
.faq_cancel{
  position: fixed;
  bottom: 0;
  left: 0;
  height: 1rem;
  text-align: center;
  width: 100%;
  padding-top: .1rem;
}
.faq_cancel span{
  display: inline-block;
  background: #3276FA;
  color: #fff;
  padding: .14rem .35rem;
  border-radius: .2rem;
}
.other_login{
  margin-top: .2rem;
  position: relative;
}
.other_login a{
  color: #3276FA;
  font-size: .28rem;
}
.other_login::after{
  content: '';
  display: block;
  clear: both;
}
/* .weixin_login{
  float: right;
} */
.identity label{
  padding: .1rem 0; 
  float: left;
  width: 14%;
}
.identity::after{
  content:'';
  display: block;
  clear: both;
}
.student_per,.tacher_per{
  display: none;
}
.stu_name{
  width: 40%;
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
}
.stu_diandian{
  width: .5rem;
}
.stu_det{
  display: none;
  position: fixed;
  top: 18vh;
  left: 0;
  right: 0;
  width: 80%;
  background: #fff;
  z-index: 99;
  padding: .2rem .25rem;
  border-radius: .2rem;
}
.stu_cancel{
  margin-top: .3rem;
  width: 50%;
  background: #3276FA;
  text-align: center;
  border-radius: .4rem;
  padding: .1rem 0;
  color: #fff;
}
/* login end */
/* #3276FA */
/* 考勤 */
.att_add{
  width: .4rem;
  font-size: .6rem;
  position: absolute;
  right: .2rem;
  top: 0;
}
.attend_div{
  border-bottom: 1px solid #f7f7f7;
  padding: .4rem .3rem;
  position: relative;
  background: #fff;
  border-radius: .13rem;
  margin-bottom: .2rem;
  box-shadow: 0px .12rem .2rem 0px rgba(19, 19, 20, 0.06);
}
.att_title span{
  font-weight: bold;
  margin-right: .2rem;
  max-width: 58%;
  font-size: .35rem;
  color: #000000;
  display: inline-block;
}
.att_title small,.att_con small{
  font-size: .28rem;
  color: #959595;
}
.attendances{
  padding-bottom: 1.4rem;
}
.add_determines{
  width: 100%;
  position: fixed;
  bottom: .5rem;
  left: 0;
}
.add_determines span{
  display: block;
  background: #3276FA;
  width: 6.97rem;
  line-height: .87rem;
  height: .87rem;
  text-align: center;
  font-size: .28rem;
  margin: auto;
  border-radius: .39rem;
  color: #FFFFFF;
}
.att_con small{
  color: #fff;
  font-size: .24rem;
  line-height: .45rem;
  height: .45rem;
  padding: 0 .1rem;
  border-radius: .1rem;
}
.att_con small:nth-child(1){
  background: #3276FA;
}
.att_con small:nth-child(2){
  background: #19C2FF;
}
.att_con small:nth-child(3){
  background: #43DDAB;
}
.att_con small:nth-child(4){
  background: #FEC519;
}
.att_con small:nth-child(5){
  background: #FF6E8D;
}
.att_title small{
  display: block;
  padding-top: .2rem;
}
.att_con{
  margin-top: .2rem;
}
.att_con small{
  margin-right: .15rem;
}
.right_j{
  width: .35rem;
  position: absolute;
  right: .3rem;
  top: .42rem;
}
/* 考勤 */
/* 新建考勤 */
.attenddance_con{
  padding: .3rem 0;
}
.attend_name{
  margin-bottom: .3rem;
}
.attend_name p,.attend_class p{
  font-size: .31rem;
  font-weight: bold;
  margin-bottom: .3rem;
}
.attend_name input{
  width: 100%;
  background: #fff;
  height: .99rem;
  padding: 0 .42rem;
  font-size: .32rem;
  border-radius: .13rem;
  border: none;
}
.attend_class{
  margin-top: .3rem;
}
.attend_start{
  width: 100%;
  text-align: center;
  margin: auto;
  margin-top: 1rem;
  font-size: .36rem;
  line-height: .87rem;
  color:#fff;
  border-radius: .43rem;
  background: #3276FA;
}
.attend_class .layui-form-checked[lay-skin=primary] i{
  border-color: #0260EE!important;
  background-color: #0260EE;
}
.course_introduction,.course_comments{
  background-color: #fff;
  border-radius: .13rem;
  padding: .2rem .3rem;
}
.course_introduction ol ,.course_introduction ul,.faq_contents dl ol, .faq_contents dl ul{
  padding-left: .3rem;
}
.course_introduction li,.faq_contents dl li{
  list-style: inherit;
}
.course_introduction p,.course_introduction img{
  max-width: 100%;
  padding: .05rem 0;
}
.mes_classes{
  float: left;
  padding-top: .2rem;
  font-size: .3rem;
}
.mes_audit{
  float: right;
  padding-top: .2rem;
}
.countdowns{
  text-align: center;
  font-size: 2rem;
  margin-top: 3rem;
}
.inverse{
  position: fixed;
  bottom: 0; 
  left: 0;
  width: 100%;
  border-top: 1px solid #ededed;
}
.inverse_nub{
  text-align: center;
  font-size: .6rem;
  padding-top: .3rem;
}
.zoen{
  color: #0260EE;
}
.start_btn {
  padding: .3rem 0;
}
.start_btn span{
  display: inline-block;
  width: 50%;
  text-align: center;
  color: #0260EE;
}
.start_btn span:first-child{
  border-right: 1px solid #ededed;
  color: #f00;
}
.atcon_bg{
  background: #EBEBEB;
  overflow: hidden;
  padding: .5rem 0;
  height: 2rem;
  position: fixed;
  top: .98rem;
  left: 0;
  width: 100%;
}
.atcon_bgheight{
  height: 2rem;
}
.atcon_bg dl{
  float: left;
  width: 16.66%;
  text-align: center;
}
.atcon_bg dl dt,.atcon_bg dl dd{
  text-align: center;
}
.atcon_bg dl dt{
  margin-bottom: .2rem;
}
.all_stu{
  color: #95C6F7;
}
.attendance{
  color: #3276FA;
}
.truancy{
  color: #42DCAA;
}
.late{
  color: #17C2FF;
}
.leave{
  color: #FDC519;
}
.zaotui{
  color: #FF6E8C;
}
.atcon_bgheights li{
  line-height: 1.17rem;
  height: 1.17rem;
  padding: 0 .34rem;
  border-bottom: 1px solid #f7f7f7;
}
.atcon_bgheights li::after{
  content: '';
  display: block;
  clear: both;
}
.atcon_bgheights li small{
  margin-right: .3rem;
  float: left;
  width: 30%;
  height: 1.17rem;
  line-height: 1.17rem;
}
.at_name{
  font-size: .3rem;
  float: left;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attend_stu ul{
  padding-top: .2rem;
}
.attend_stu ul li{
  color: #8a8a8a;
  line-height: 1.17rem;
  height: 1.17rem;
  background-color: #fff;
  border-radius: .13rem;
  margin-bottom: .2rem;
  padding-left:.3rem;
  box-shadow: 0px .12rem .2rem 0px rgba(19, 19, 20, 0.06);
}
.attend_stu ul li:first-child{
  color: #333;
}
.attend_stu ul li small,.attend_stu ul li span{
  display: inline-block;
  font-size: .3rem;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attend_stu ul li span{
  text-align: center;
}
.at_nameone{
  margin-left: .3rem;
}
.at_type{
  border-radius: .25rem;
  float: right;
  width: 1.45rem;
  line-height: .53rem;
  text-align: center;
  margin-top: .28rem;
}
.at_type1{
  border: 1px solid #1876FF;
  color: #1876FF;
}
.at_type2{
  border: 1px solid #19C2FF;
  color: #19C2FF;
}
.at_type3{
  border: 1px solid #43DDAB;
  color: #43DDAB;
}
.at_type4{
  border: 1px solid #FEC519;
  color: #FEC519;
}
.at_type5{
  border: 1px solid #FF6E8D;
  color: #FF6E8D;
}
.bot_pop {
  display: none;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #F5F4F3;
  width: 100%;
  border-radius: .27rem .27rem 0px 0px;
  z-index: 99;
}
.bot_pop ul{
  width: 6.97rem;
  padding-top: .45rem;
}
.bot_pop ul li{
  text-align: center;
  line-height: .99rem;
  background: #fff;
  margin-bottom: .27rem;
  border-radius: .13rem;
}
.index_att dt img{
  width: 30%;
}
.index_att{
  padding-top: .3rem;
}
.index_att dt,.index_att dd{
  text-align: center;
}
.index_att dd{
  margin-top: .1rem;
}
.del_att{
  width: 100%;
}
.popp_cancel{
  width: 6.97rem;
  height: .99rem;
  line-height: .99rem;
  text-align: center;
  margin-top: .3rem;
  background-color: #fff;
  border-radius: .13rem;
  margin-bottom: .3rem;
}
.status{
  float: right;
}
.login_account_con img.reloadverify{
  width: 1.4rem;
  margin-right: 0;
}
.index_span{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.index_span span.active{
  background: #EFFBFF;
  color: #3376FF;
  /* font-size: .3rem; */
  /* font-weight: bold; */
}
.index_span span{
  font-size: .28rem;
  display: none;
  line-height: .63rem;
  width: 33.33%;
  text-align: center;
  color: #666666;
  text-align: center;
  border-radius: .32rem;
}
/* share_con */
.share_con{
  padding-bottom: 1.5rem;
}
.share_con li{
  margin-top: .2rem;
  padding-top: .2rem;
  border-radius: .13rem;
  background: #fff;
  box-shadow: 0px .12rem .2rem 0px rgba(19, 19, 20, 0.06);
}
.share_con li h4{
  font-size: .33rem;
  color: #000;
  font-weight: bold;
  padding: .08rem .34rem;
}
.get_con{
  padding: 0 .34rem;
}
.share_code{
  padding: 0 .34rem;
  font-size: .27rem;
  line-height: .4rem;
  color: #959595;
  margin-top: .3rem;
}
.share_code img{
  width: .34rem;
  margin-right: .29rem;
}
.get_situation{
  padding-top: .2rem;
  color: #000000;
  font-size: .29rem;
  margin-top: .35rem;
  border-top: 1px solid rgba(0, 0, 0, .14);
}
.get_situation span{
  font-size: .26rem;
  color: #959595;
}
.get_per_con{
  padding-bottom: .32rem;
  margin-top: .1rem;
}
.get_per_con span{
  font-size: .28rem;
  color: #8a8a8a;
}
.get_per_con span:first-child{
  margin-right: .2rem;
}
.get_per_con small{
  float: right;
}
.get_per_con::after{
  content: '';
  display: block;
  clear: both;
}
.add_share{
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #F5F4F3;
  z-index: 99;
  border-radius: .27rem .27rem 0px 0px;
  padding: .32rem .27rem;
}
.add_share h2{
  font-size: .32rem;
}
.add_share .update_{
  display: none;
}
#s_messages{
  position: relative;
}
.red_dot{
  display: none;
  background: #f00;
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  position: absolute;
  top: -.1rem;
  right: .18rem;
}
.lib_con_ul{
  padding: .24rem 0;
  overflow: hidden;
  width: 6.98rem;
}
.lib_select{
  width: 6.98rem;
}
._notify_list{
  padding-bottom: 1rem;
}
.lib_select .layui-form-select .layui-input{
  border-radius: .14rem;
  border: none;
}
.lib_con_ul li{
  line-height: 1.18rem;
  height: 1.18rem;
  background-color: #fff;
  padding: 0 .35rem;
  position: relative;
  transform: translateX(0px);
  transition: all .3s;
  padding-right: 0;
}
.lib_con_ul li.active,.popo_message_details li.active{    
  transform: translateX(-60px);
  transition: all .3s;
}
.lib_con_ul li::after{
  content: '';
  display: block;
  clear: both;
}
.lib_con_ul li small img{
  width: .5rem;
}
.lib_con_ul li span,.lib_con_ul li a{
  float: left;
}
.lib_con_ul li span{
  width: .31rem;
  margin-right: .37rem;
}
.lib_con_ul .mes_btn{
  line-height: 1.18rem;
  height: 1.18rem;
  width: 60px;
  right: -60px;
  background-color: #FA5151;
}
.popo_message_details .mes_btn{
  
  width: 60px;
  right: -60px;
  background-color: #FA5151;
}
.lib_con_ul li span img{
  width: .31rem;
  position: relative;
  top: -.02rem;
}
.lib_con_ul li small{
  float: right;
}
.lib_con_ul li a{
  width: 86%;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden;
  word-wrap:break-word;
  line-height: .45rem;
  font-size: .31rem;
  color: #000;
  padding-top: .15rem;
}
.lib_con_ul li a p{
  color: #8E8E8E;
  font-size: .26rem;
}
.tips_red{
  color: #f00;
  font-size: .24rem;
}
.easyKetips{
  margin-top: 3.4rem;
  font-size: .26rem;
  text-align: center;
  color: #d7d7d7;
}
.easyKetips span{
  color:#3276FA;
  font-size: .28rem;
}
.easyKetips a{
  color:#3276FA;
  font-size: .28rem;
}
.tipsTop1{
  margin-top: 4.54rem;
}

/* new task experiment */
.resources_play{
  width: 100%;
  height: 32vh;
}
.video_play,.file_play{
  width: 100%;
}
.video_play video,.file_play iframe{
  width: 100%;
}
.file_play{
  display: none;
}
.resources_return{
  position: fixed;
  left: .36rem;
  top: .21rem;
  z-index: 999;
}
.resources_return img{
  width: .18rem;
}
.resources_tit{
  position: relative;
  padding: 0 .3rem;
}
.resources_tit h4{
  color: #212121;
  font-size: .36rem;
  line-height: .45rem;
  margin-top: .3rem;
}
.resources_tit p{
  font-size: .24rem;
  color: #8E8E8E;
  line-height: .3rem;
  margin-top: .1rem;
}
.resources_tit_right{
  position: absolute;
  right: .27rem;
  top: 0;
  width: .18rem;
}

.resources_cont{
  width: 100%;
  margin-top: .3rem;
  margin-bottom: .3rem;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  overflow-x: scroll;
  -webkit-overflow-scrolling:touch;
  padding: 0 .3rem;
  overflow-y: hidden;
  /* display: -webkit-box; */
}
.resources_cont .resources_x:last-child{
  margin-right: 0;
}
.resources_cont .resources_x.active{
  background: url(../images/z_resources_actbg.png) no-repeat 100% 100%;
  background-size: 100% 100%;
}
.resources_cont .resources_x.active p{
  color: #3276FA;
}
.resources_x{
  display: inline-block;
  margin: 0;
  width: 2.98rem;
  height: 1.74rem;
  background: url(../images/z_resources_bg.png) no-repeat 100% 100%;
  background-size: 100% 100%;
  margin-right: .22rem;
  position: relative;
  transform:translateZ(0);
  -webkite-transform:translateZ(0);
  vertical-align: middle;
}
.resources_x span{
  position: absolute;
  top: 0;
  left: 0;
  line-height: .47rem;
  height: .47rem;
  text-align: center;
  width: .98rem;
  color: #fff;
  font-size: .24rem;
}
.resources_x p{
  margin-top: .6rem;
  font-size: .24rem;
  color: #000000;
  padding: 0 .3rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  line-height: .46rem;
  height: 1rem;
}
.resources_bottom{
  display: none;
  position: fixed;
  bottom: .3rem;
  width: 100%;
  left: 0;
  text-align: right;
  padding: 0 .15rem;
}
.resources_bottom dl{
  display: none;
  width: 2.33rem;
  height: 1.35rem;
  background: #fff;
  box-shadow: 0px .12rem .2rem 0px rgba(19, 19, 20, 0.06);
  border-radius: .13rem;
}
/* .resources_bottom dl:last-child{
  margin-left: .3rem;
} */
.resources_bottom dl dt{
  width: 1rem;
  font-size: .32rem;
  color: #000000;
  padding-top: .24rem;
  padding-left: .29rem;
  line-height: 1.4;
  float: left;
}
.resources_bottom dl dd{
  float: right;
}
.resources_bottom dl dd img{
  width: .74rem; 
  margin-top: .37rem; 
  margin-right: .16rem;
}
.faq_tan1{
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #F5F4F3;
  border-radius: .27rem .27rem 0px 0px;
  z-index: 99;
}
.editor_pop{
  display: none;
  /* position: fixed; */
  bottom: 0;
  width: 100%;
  background: #fff;
  border-radius: .27rem .27rem 0px 0px;
  /* z-index: 9999; */
  height: 91vh;
}
.editor_pop .editormd-preview-container,.editor_pop .editormd-html-preview{
  padding: 0 .35rem;
}
.editor_content p,.editor_content ,.editor_content span, .editor_content div{
  line-height: 2 !important;
  font-size: .3rem !important;
}
.editor_content p img,.editor_content img{
  padding: .3rem 0;
}
.editor_content{
  height: calc(93vh - .5rem);
  overflow: auto;
}
.have_editor{
  display: none;
}
.editor_h4{
  width: 25%;
  height: .2rem;
  border-radius: .2rem;
  background: #ccc;
  margin: .15rem auto;
}
.show_r_answer{
  display: none;
  background: #fff;
  padding: .12rem .25rem;
  border-radius: .13rem;
  margin-top: .12rem;
}
.ru_answer{
  display: flex;
}
.ru_answer div{
  margin: 0;
}
.ru_answer label{
  color: #3d3d3d;
}
.r_red,.ru_answer div{
  color: #3276FA;
}
.c_red{
  color: #f00;
}
.get_fenshu span{
  color: #3276FA;
}
.faq_tit1{
  line-height: 1.29rem;
  height: 1.29rem;
  border-bottom: 1px solid #C0BFBF;
  text-align: center;
  color: #000000;
  font-weight: bold;
  font-size: .35rem;
  position: relative;
}
.test_tan1{
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #F5F4F3;
  border-radius: .27rem .27rem 0px 0px;
  z-index: 9999;
  padding: 0;
}
.faq_close{
  width: .55rem;
  position: absolute;
  right: .33rem;
  top: .4rem;
}
.faq_contents{
  padding: .3rem .27rem;
  height: 59vh;
  overflow: auto;
}
.faq_contents dl{
  border-radius: .13rem;
  background: #fff;
  padding: .38rem .2rem;
  margin-bottom: .29rem;
  padding-top: 0;
}
.faq_contents dl dt{
  padding-top: .38rem;
}
.faq_contents dl dt::after{
  content: '';
  display: block;
  clear: both;
}
.faq_contents dl dt>div{
  float: left;
  width: 95%;
}
.faq_contents dl dt>div p{
  color: #000000;
  font-size: .32rem;
  line-height: .55rem;
}
.faq_contents dl dt>div p img{
  max-width: 90%;
}
.faq_right{
  float: right;
  width: .15rem;
  margin-top: .1rem;
  transition-duration: .3s;
}
.faq_contents dl dd{
  margin-top: .2rem;
  display: none;
}
.faq_contents dl dd .faq_ask{
  top: -.07rem;
}
.faq_contents dl dd,.faq_contents dl dd p{
  font-size: .29rem;
  color: #959595;
  line-height: .35rem;
}
.faq_right.active {
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); 	/* IE 9 */
  -moz-transform:rotate(90deg); 	/* Firefox */
  -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
  -o-transform:rotate(90deg); 	/* Opera */
}
.test_content{
  height: 70vh;
  overflow: auto;
  padding: .3rem .27rem;
}
.test_btn {
  margin: .3rem 0;
}
.test_btn span{
  display: block;
  margin: auto;
  width: 6.97rem;
  line-height: .87rem;
  height: .87rem;
  text-align: center;
  background: #3276FA;
  border-radius: .43rem;
  color: #fff;
  font-size: .32rem;
}
.test_contit{
  font-size: .31rem;
  color: #000000;
}
.test_contit span{
  color: #3276FA;
  margin-right: .2rem;
}
#container_{
  height: 4.3rem;
}
#container_ iframe {
  width: 100%;
  /* height: 32vh; */
}
.screen_full{
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 10;
}
.full_screen,.full_small{
  display: none;
  position: fixed;
  top: 24vh;
  right: .5rem;
}
.full_small{
  bottom: 2vh;
  top: auto;
  z-index: 10;
}
.full_screen img,.full_small img{
  width: .5rem;
}
.directory{
  padding-top: .35rem;
  text-align: center;
}
.directory span{
  display: inline-block;
  color: #3E3E3E;
  text-align: center;
  font-size: .29rem;
  width: 23%;
  position: relative;
  padding-bottom: .1rem;
}
.directory span.active{
  color: #3276FA;
}
.directory span.active::after{
  display: block;
}
.directory span::after{
  display: none;
  border-radius: .06rem;
  content: '';
  background: #3276FA;
  width: .56rem;
  height: .05rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.dsirect_box{
  padding: 0 .34rem;
  /* height: 50vh; */
  overflow: auto;
}
.dsirect_box .disrectdl{
  background: #fff;
  border-radius: .13rem;
  padding: .2rem .3rem;
  margin-bottom: .32rem;
  box-shadow: 0px .12rem .2rem 0px rgba(19, 19, 20, 0.06);
}
.dsirect_box .dsirect_box2{
  display: none;
}
.dsirect_box .dsirect_box2:nth-child(2){
  display: block;
}
.task_layout dt{
  line-height: .45rem;
  padding-top: .25rem;
}
.task_layout dt::after,.task_resources::after{
  content: '';
  display: block;
  clear: both;
}
.task_layout dt span{
  float: left;
  width: 1.17rem;
  line-height: .43rem;
  height: .43rem;
  text-align: center;
  color: #FFFFFF;
  font-size: .24rem;
  background: #3276FA;
  border-radius: .24rem;
}
.task_tits{
  float: left;
  width: 4.4rem;
  height: .45rem;
  font-size: .32rem;
  line-height: .45rem;
  color: #333333;
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
  margin-left: .46rem;
}
.task_rights{
  width: .16rem;
  float: right;
  margin-top: .1rem;
}
.task_layout{
  padding-bottom: .2rem;
}
.task_layout dd{
  margin-top: .4rem;
  display: none;
}
.task_resources{
  line-height: .75rem;
  padding-bottom: .15rem;
}
.task_resources img{
  width: .31rem;
  float: left;
  margin-top: .2rem;
}
.task_resources span{
  margin: 0 .18rem;
  float: left;
  color: #000000;
  font-size: .31rem;
}
.task_resources small{
  float: right;
  color: #3276FA;
}
.task_resources p{
  color: #000000;
  font-size: .31rem;
  width: 4.5rem;
  /* overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap; */
  float: left;
  line-height: .55rem;
  padding-top: .1rem;
}
.imgro{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.banner img{
  width: 100%;
  height: 3.07rem;
}
.nav_topfix{
  width: 100%;
  background: #F6F6F6;
  left: 0;
  z-index: 9;
}
.nav_index{
  width: 96%;
  padding-top: .47rem;
  /* padding-bottom: .27rem; */
  height: 2.4rem;
}
.navindexHeight{
  height: 2.4rem;
  display: none;
}
.nav_index::after{
  content: '';
  display: block;
  clear: both;
}
.nav_index dl{
  width: 25%;
  float: left;
}
.nav_index dl dt{
  text-align: center;
}
.nav_index dl dt img{
  width: 1.05rem;
}
.nav_index dl dd{
  text-align: center;
  color: #232636;
  font-size: .31rem;
  line-height: .45rem;
}
.course_content{
  background: #fff;
  padding: .4rem .27rem;
  border-radius: .53rem .53rem 0 0;
  padding-bottom: 0;
}
.index_con{
  min-height: 40vh;
  /* overflow: auto; */
  padding-bottom: .4rem;
}
.index_foot dl.add_course_n{
  margin-top: -.54rem;
}
.index_foot dl.add_course_n dt{
  width: 1.17rem;
  height: 1.17rem;
}
.index_foot dl.add_course_n dt img{
  width: 1.17rem;
}
.course_n_div{
  position: relative;
}
.course_n_div::after{
  content: '';
  display: block;
  clear: both;
}
.course_nimg{
  width: 100%;
  height: 1.8rem;
  border-radius: .13rem;
}
/* .cj_course span{
  width: 33.33%;
} */
.resources_cont::-webkit-scrollbar{
  display:none;
}
.join_audit{
  background-color: #fff;
  height: .99rem;
  line-height: .99rem;
  padding: 0 .42rem;
  border-radius: .13rem;
  margin-top: .2rem;
}
.join_audit .layui-form-radio{
  margin-top: 0;
  padding-right: .8rem;
}
.join_audit .layui-form-radio *{
  font-size: .32rem;
}
.join_audit .layui-form-radio>i{
  font-size: .4rem;
}
.delsign{
  width: .4rem;
  position: absolute;
  right: .34rem;
  top: .25rem;
}
.questionnaire{
  display: none;
  width: 70%;
  background: #F5F4F3;
  border-radius: .27rem;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
  padding-bottom: .3rem;
}
.questionnaire h4{
  text-align: center;
  color: #000000;
  font-weight: bold;
  font-size: .35rem;
  padding: .24rem .3rem;
  border-bottom: 1px solid #C0BFBF;
}
.questionnaire .quest_cont{
  text-align: center;
  color: #333;
  padding-top: .3rem;
  font-size: .3rem;
}
.questionnaire .mac_span{
 margin-top: .3rem; 
}
.address_quest{
  margin-top: .3rem;
  font-size: .31rem;
  color: #000;
  padding: 0 .27rem;
}
.address_quest a{
  color: #3276FA;
  margin-left: .3rem;
  font-size: .28rem;
}
.address_cont{
  width: 6.97rem;
}
.address_cont input{
  width: 100%;
  line-height: .99rem;
  height: .99rem;
  font-size: .32rem;
  padding: 0 .42rem;
  border-radius: .13rem;
  margin-top: .24rem;
}
.address_quest img,.time_chouse img{
  position: relative;
  top: -.01rem;
}
.time_chouse img{
  top: -.02rem;
}
.time_chouse{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 .27rem;
  margin-top: .3rem;
  line-height: .99rem;
}
.time_chouse input{
  width: 2rem;
  height: .99rem;
  line-height: .99rem;
  border-radius: .13rem;
  text-align: center;
  font-size: .32rem;
  padding: 0 .42rem;
}
.time_chouse div{
  text-align: right;
  margin: 0;
  display: inline-block;
}
.time_chouse div .layui-form-select .layui-edge{
  right: .39rem;
}
.time_chouse div span{
  display: inline-block;
  width: 2em;
  margin-left: .2rem;
}
.time_chouse div .layui-form-switch{
  height: auto;
}
.q_tips{
  font-size: .26rem;
  padding: 0 .27rem;
  color: #999;
  padding-left: .56rem;
}
body{
  max-width: 750px;
}
.add_course_fixed{
  width: .8rem;
  position: fixed;
  left: .34rem;
  bottom: 1.5rem;
}
/* 实验室预约 */
.chouse_lab .layui-input-inline{
  width: 49%;
}
.chouse_lab .layui-input{
  border: none;
  border-radius: .3rem;
}
.labroat_cont{
  padding: .24rem 0;
}
.labroat_dl{
  border-radius: .13rem;
  background: #fff;
  padding: .2rem .25rem;
  margin-bottom: .24rem;
}
.labroat_dl dd,.labroat_dl dt{
  display: flex;
}
.labroat_dl dt{
  border-top: 1px solid #F6F6F6;
  padding-top: .1rem;
}
.labroat_dl dd div,.labroat_dl dt div{
  margin: 0;
}
.course_name_t{
  width: .25rem;
  margin-right: .12rem;
  position: relative;
  top: -.03rem;
}
.lab_course_name{
  max-width: 62%;
  overflow:hidden; 
  text-overflow:ellipsis; 
  white-space:nowrap; 
  font-size: .3rem;
  font-weight: bold;
}
.labr_course_more{
  margin-left: auto;
}
.labr_course_more img{
  width: .28rem;
}
.teacher_name{
  font-size: .28rem;
}
.labroat_time{
  color: #8A8A8A;
}
.labroat_time span{
  margin-left: .1rem;
}
.countdown{
  font-size: .28rem;
  line-height: .4rem;
  color: #8A8A8A;
}
.countdown span{
  color: #f00;
  font-size: .34rem;
}
.lab_add{
  width: .5rem;
}
.yue_date{
  padding: 0 .1rem;
  padding-top: .25rem;
  width: 100%;
  margin-bottom: .3rem;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 0;
}
.date_one{
  display: inline-block;
  margin: 0;
  text-align: center;
  border: 1px solid #d3d3d3;
  width: 2rem;
  height: 1.6rem;
  background-color: #fff;
  color: #8A8A8A;
}
.date_one.active{
  color: #3276FA;
  border-color: #3276FA;
}
.date_one div{
  text-align: center;
  font-size: .3rem;
}
.date_one div.date_year{
  font-size: .26rem;
}
.yue_date{
  -ms-overflow-style:none;
  overflow:-moz-scrollbars-none;
}
.yue_date::-webkit-scrollbar{
  display:none;
}
.yue_date_time{
  background-color: #fff;
  border-radius: .13rem;
  padding: .2rem 0;
}
.make_time{
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0 .3rem;
  line-height: .65rem;
  margin-bottom: .14rem;
}
.make_time div{
  margin: 0;
}
.make_time div.make_type{
  margin-left: auto;
  width: 1.5rem;
  text-align: center;
  line-height: .53rem;
  height: .55rem;
  border-radius: .25rem;
  margin-top: .05rem;
  border: .01rem solid #3276FA;
  font-size: .28rem;
}
.make_time div.type1{
  background-color: #3276FA;
  color: #fff;
}
.make_time div.type2{
  background-color: #fff;
  color: #3276FA;
}
.j_people{
  font-size: .28rem;
  color: #8a8a8a;
  padding-left: .4rem;
}
.appoint_bot{
  padding-top: 0;
  padding-bottom: .3rem;
}
.appoint_bot .my_cont_lab{
  padding-top: .3rem;
}
.appoint_bot .course_name{
  margin-top: 0;
}
.appoint_bot .course_name p{
  color: #8a8a8a;
  
}
.time_con{
  padding-left: .2rem;
  line-height: .6rem;
  margin-bottom: .3rem;
}
.time_con span{
  margin: 0 .25rem;
}
.time_con .layui-form-select{
  margin-top: .13rem;
}
.time_con .layui-input{
  height: .88rem;
}
.statistical{
  margin-top: .24rem;
  display: flex;
  background-color: #fff;
  border-radius: .13rem;
  padding: 0 .4rem;
}
.statistical dl{
  padding: .15rem 0;
}
.statistical dl dt,.statistical dl dd{
  text-align: center;
}
.statistical dl dt{
  font-size: .32rem;
}
.statistical dl dd{
  font-size: .26rem;
}
.setLabApp{
  padding: .24rem 0;
}
.setAnApp{
  background: #fff;
  border-radius: .13rem;
  padding: .24rem 0;
  padding-bottom: .1rem;
  margin-bottom: .24rem;
}
.lab_tit{
  padding: .1rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.setAnApp dl{
  display: flex;
  padding-left: .1rem;
}
.setAnApp dl dt{
  width: 2.4rem;
}
.setAnApp dl dt img{
  width: 100%;
  height: 1.8rem;
}
.setAnApp dl dd{
  width: 4rem;
}
.set_time{
  font-size: .3rem;
  display: flex;
}
.set_time span{
  margin-left: auto;
}
.week_set{
  padding-left: .36rem;
  margin-bottom: .12rem;
}
.week_set span{
  display: inline-block;
  width: .4rem;
  height: .4rem;
  text-align: center;
  line-height: .4rem;
  background: #F4F4F4;
  border-radius: .04rem;
  font-size: .26rem;
  margin-right: .08rem;
  color: #8a8a8a;
}
.week_set span.active{
  background: #3276FA;
  color: #FFF;
}
.add_laboratory_tips{
  margin-top: .3rem;
  line-height: .35rem;
  font-size: .24rem;
  color: #8a8a8a;
}
.set_date_time{
  display: flex;
  color: #8a8a8a;
  font-size: .26rem;
  line-height: .35rem;
}
.set_date_time div{
  margin: 0;
}
.setUpYue,.add_my_lab{
  padding-top: 0;
  padding-bottom: .24rem;
}
.new_yue{
  padding: 0 .34rem;
  margin-top: .3rem;
}
.new_yue .time_con{
  padding-left: 0;
}
.start_times{
  display: flex;
  flex-direction: row;
}
.start_times .layui-input-inline{
  width: 46%;
  margin: 0;
}
.start_he{
  display: inline-block;
  width: 8%;
  line-height: .65rem;
  text-align: center;
}
/* .setUpYue .attend_start{
  margin-top: .24rem;
} */
.my_cont_lab{
  padding: 0 .34rem;
}
.week_chouse_con{
  background-color: #fff;
  padding: .2rem .2rem;
  margin: .3rem 0;
  border-radius: .13rem;
  padding-bottom: .1rem;
}
.week_chouse{
  display: flex;
  justify-content: space-between;
}
.week_chouse span{
  width: .5rem;
  background: #F4F4F4;
  color: #8a8a8a;
  border-radius: .05rem;
  text-align: center;
}
.week_tips{
  text-align: right;
  color: #d1d1d1;
  padding-top: .06rem;
}
.details_cont{
  padding: 0 .34rem;
}
.details_cont dl{
  display: flex;
  flex-direction: row;
  background: #fff;
  border-radius: .13rem;
  padding: .15rem .25rem;
  margin-bottom: .24rem;
}
.details_cont dl dt{
  width: 18%;
  margin: 0;
}
.details_cont dl dt img{
  width: 100%;
  border-radius: 50%;
}
.details_cont dl dd{
  width: 80%;
  margin: 0;
  padding-left: .2rem;
}
.details_cont dl dd p,.details_cont dl dd div{
  margin: 0;
}
.details_name{
  display: flex;
}
.details_name div{
  font-size: .3rem;
}
.details_name p{
  margin-left: auto !important;
  font-size: .26rem;
  color: #8a8a8a;
}
.details_course{
  display: flex;
  padding-top: .16rem;
}
.details_course_name{
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.details_del{
  width: .38rem;
  position: relative;
  top: -.1rem;
}
.new_lab_yue{
  display: flex;
  margin-top: .15rem;
  padding: 0 .13rem;
  padding-top: .1rem;
  border-top: 1px solid #d3d3d3;
}
.new_lab_time{
  font-size: .28rem;
  color: #8a8a8a;
}
.new_lab_yue div{
  margin: 0;
}
.new_people{
  padding-left: .25rem;
  color: #3276FA;
}
.new_start{
  font-size: .26rem;
  color: #f00;
  margin-left: auto !important;
}
.user_pep{
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}
.people_div{
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border-radius: .13rem;
  padding: .15rem .25rem;
  margin-bottom: .24rem;
}
.people_div div{
  margin: 0;
}
.people_head img{
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.people_name{
  padding-left: .2rem;
  width: 35%;
}
.jiangzhang{
  width: .4rem;
}
.people_more{
  margin-left: auto !important;
}
.people_more img{
  width: .28rem;
}
.course_der div,.course_der p{
  margin: 0;
}
.course_der::after{
  display: block;
  content: '';
  clear: both;
}
.course_der div{
  float: left;
  font-size: .24rem;
  width: 49%;
  border: 1px solid #3276FA;
  padding: 0 .16rem;
  border-radius: .2rem;
  line-height: .38rem;
  height: .4rem;
  margin-bottom: .12rem;
  margin-right: 2%;
}
.course_der div:nth-of-type(2n+2){
  margin-right: 0;
}
.course_der_wei div{
  border: 1px dashed #d3d3d3;
}
.course_der div p{
  float: left;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course_der div span{
  float: left;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dertake_tips{
  font-size: .24rem;
  color: #8a8a8a;
  margin-left: .3rem;
}
.share_stu{
  background: none !important;
  color: #8a8a8a !important;
}
.stu_topic_title {
  display: flex;
  font-size: .32rem;
  line-height: .4rem;
  color: #3C455C;
}
.stu_topic_title div{
  margin: 0;
}
.stu_topic_title span{
  color: #3276FA;
}
.stu_steps{
  text-align: center;
  margin-top: .24rem;
}
.stu_steps span{
  display: inline-block;
  width: 2rem;
  line-height: .8rem;
  color: #fff;
  background: #3276FA;
  border-radius: .4rem;
  cursor: pointer;
  margin-right: .86rem;
  text-align: center;
}
.stu_topic_dry{
  background: #fff;
  padding: .12rem .25rem;
  border-radius: .13rem;
  margin-top: .12rem;
}
.stu_steps span:last-child{
  margin-right: 0;
}
.stu_table table{
  width: auto;
  min-width: 100%;
}
.stu_answer{
  background: #fff;
  padding: .12rem .25rem;
  border-radius: .13rem;
  margin-top: .12rem;
}
.stu_table table td {
  padding: 0 .15rem;
  border: 1px solid #d3d3d3;
  text-align: center;
  line-height: .5rem;
  font-size: .3rem;
}
.stu_table table td.stu_blanks input{
  border-bottom: 0;
}
.stu_table table td input {
  width: 2.5rem;
  text-align: center;
  font-size: .3rem;
}
.stu_table{
  width: 100%;
  margin-top: .3rem;
  margin-bottom: .3rem;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 .3rem;
  overflow-y: hidden;
  padding-bottom: .3rem;
}
.all_test .stu_topic, .all_question .stu_topic{
  display: none;
}
.all_test .stu_topic:first-child, .all_question .stu_topic:first-child {
  display: block;
}
.stu_topic textarea {
  height: 1.2rem;
  border: none;
  padding: .25rem;
  background: #fff;
}
.stu_upload,.stu_upload1 {
  text-align: right;
  padding-right: .24rem;
  padding-bottom: .2rem;
}
.stu_upload span ,.stu_upload1 span{
  display: inline-block;
  line-height: .35rem;
  text-align: center;
  color: #429EFF;
  cursor: pointer;
  font-size: .3rem;
}
/* .stuQanswer{
  border:1px solid rgba(188, 188, 188, .05);
} */
.stu_upload span img, .stu_upload1 span img {
  width: .19rem;
  position: relative;
  top: -.02rem;
  margin-right: .04rem;
}
.stu_topic input, .stu_topic textarea {
  font-size: .28rem;
}
.stu_topic input::-webkit-input-placeholder, .stu_topic textarea::-webkit-input-placeholder{
  color: #d3d3d3;
  font-size: .24rem;
  font-style: italic;
}
.stu_topic textarea {
  width: 100%;
}
.stu_upload input,.stu_upload1 input{
  display: none;
}
.stu_blanks input {
  border-bottom: 1px solid #8a8a8a;
  width: 44%;
  background: #fff;
  padding: .1rem;
}
.t_fenshu {
  font-size: .26rem;
  color: #00B8CE;
  background: #EBF9FA;
  border-radius: .06rem;
  padding: .04rem .05rem;
  margin-left: .2rem;
}
.stu_topic .editormd-preview-container,.stu_topic .editormd-html-preview{
  padding: 0;
}
.stu_choose{
  display: flex;
  padding: .1rem 0;
}
.stu_choose div{
  margin: 0;
}
.faq_show{
  display: none;
  position: fixed;
  right: .2rem;
  bottom: 2.1rem;
  width: .65rem;
}
.text_content{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  padding-top: .98rem;
  width: 100%;
  overflow: auto;
  background: #fff;
}
.tan_bi{
  display: none;
  font-size: .32rem;
  position: absolute;
  right: .34rem;
  top: 0;
  text-align: right;
  font-weight: normal;
}
.task_time{
  width: 100%;
  background: #fff;
  border-radius: .13rem;
  padding: .3rem 0;
}
.task_time li::after{
  content: '';
  display: block;
  clear: both;
}
.time_left{
  float: left;
  width: 18%;
  color: #8a8a8a;
  text-align: center;
  position: relative;
  bottom: .04rem;
}
.time_right{
  position: relative;
  float: left;
  width: 82%;
  padding-left: 10%;
  z-index: 9;
  color: #8a8a8a;
  padding-bottom: .4rem;
}
.time_right::before{
  content: '';
  position: absolute;
  left: .17rem;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #8a8a8a;
}
.task_time li.task_complete .time_right::before{
  background-color: #333;
}
.task_time li.active .time_right::before{
  background-color: #3276FA;
}
.yuanquan{
  position: absolute;
  left: 0;
  top: 0;
  width: .4rem;
  z-index: 3;
}
.task_time li.active .time_right{
  font-size: .34rem;
  color: #3276FA;
}
.task_time li.active .time_left{
  font-size: .34rem;
  color: #3276FA;
}
.task_time li.task_complete .time_right{
  color: #333;
}
.task_time li.task_complete .time_left{
  color: #333;
}
.opentips{
  font-size: .28rem;
  color: #d3d3d3;
  text-align: center;
}
.task_t_resources,.setmy,.abstract_pop{
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #F5F4F3;
  border-radius: .27rem .27rem 0px 0px;
  z-index: 99;
  padding: 0;
}
.task_re_xiang {
  padding: .2rem .25rem;
  overflow: auto;
  height: 70vh;
}
.video_play_lib{
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #F5F4F3;
  z-index: 99;
  border-radius: .3rem .3rem 0 0;
}
.video_bao{
  width: 90%;
  height: 50vh;
  padding: 2vh 0;
}
.videolcolse{
  position: relative;
  line-height: 1.29rem;
  height: 1.29rem;
  border-bottom: 1px solid #C0BFBF;
}
.btn-scroll{
  display: none;
  position: fixed;
  bottom: 1.2rem;
  right: .3rem;
}
.btn-scroll img{
  width: .8rem;
}
.setimg{
  width: .4rem;
  position: absolute;
  top: .04rem;
  right: 0;
}
.integral {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: .4rem 0;
  border-radius: .2rem;
  margin-top: -1.7rem;
}
.mesg_my{
  margin-top: .3rem;
}
.mesg_my dl{
  width: 50%;
}
.integral dl{
  position: relative;
}
.integral dl dt,.integral dl dd{
  text-align: center;
}
.integral dl dt{
  padding-bottom: .1rem;
}
.integral dl dd{
  font-size: .34rem;
  color: #f00;
}
.integral dl:last-child dd{
  color: #3276FA;
}
.mesg_my dl:last-child::before{
  content: '';
  position: absolute;
  left: -.2rem;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #f2f2f2;
}
.integral dl:last-child::before{
  left: 0;
}
.integral_box{
  padding: .24rem .34rem;
}
.allintegral{
  font-size: .44rem;
  font-weight: bold;
  padding-bottom: .2rem;
  color: #3276FA;
}
.integral_list{
  background: #fff;
  border-radius: .2rem;
  padding: .3rem .25rem;
}
.now_get{
  font-size: .34rem;
}
.now_get span{
  color: #3276FA;
  margin-left: .08rem;
}
.integral_list ul{
  margin-top: .2rem;
}
.integral_list ul li{
  border-bottom: 1px solid #F6F6F6;
  display: flex;
  padding: .25rem 0;
}
.integral_list ul li dl{
  width: 90%;
}
.integral_get{
  width:10%;
  padding-top: .36rem;
  font-size: .35rem;
  color: #f00;
  text-align: right;
}
.integral_list ul li dl dt{
  margin-bottom: .1rem;
}
.integral_list ul li dl dd{
  font-size: .26rem;
  color: #e1e1e1;
  line-height: .35rem;
}
.tag_cont{
  display: none;
  position: absolute;
  top: 1.7rem;
  left: 0;
  width: 100%;
  height: 27vh;
  background: #fff;
  z-index: 9;
  padding: .2rem .25rem;
  overflow: auto;
}
.tag_cont li{
  line-height: .75rem;
  border-bottom: 1px solid #F6F6F6;
}
.medal{
  display: none;
  background: #fff;
  flex-wrap: wrap;
  border-radius: .2rem;
  margin: .3rem 0;
  padding: .2rem 0;
}
.medal dl{
  width: 33.33%;
  margin: 0;
}
.medal dl dt{
  text-align: center;
  padding: .2rem 0;
}
.medal dl dt img{
  width: 35%;
}
.medal dl dd{
  text-align: center;
  line-height: .65rem;
  color: #8a8a8a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.medal dl dd span{
  color: #3276FA;
}
.zhitop{
  position: absolute;
  left: 0;
  top: 0;
  width: .7rem;
}
.integral_pop{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%,-56%);
  border-radius: .15rem;
  background: #fff;
  z-index: 100;
  padding-bottom: .3rem;
}
.integral_pop div{
  text-align: center;
}
.integral_pop h4{
  text-align: center;
  font-size: .3rem;
  line-height: 1rem;
  border-bottom: 1px solid #C0BFBF;
  color: #000000;
  font-size: .35rem;
}
.integral_tit{
  padding: 0 .2rem;
  padding-top: .4rem;
  line-height: .5rem;
}
.integral_tit span{
  color: #3276FA;
}
.close_integral{
  margin-top: .4rem;
}
.close_integral span{
  background: #e6e6e6;
  display: inline-block;
  width: 2rem;
  line-height: .8rem;
  color: #fff;
  border-radius: .4rem;
  cursor: pointer;
  text-align: center;
}
.bg2{
  z-index: 100;
}
.bg3{
  z-index: 99;
}
.jf_pop{
  z-index: 101;
}
.bg4{
  z-index:102;
}
.unlock_pop{
  z-index: 103;
}
.my_create, .article_cont{
  background: #fff;
  padding: .2rem .15rem;
  margin-bottom: .2rem;
  position: relative;
  border-radius: .14rem;
}
.my_create{
  display: none;
}
.my_create:first-child{
  display: block;
}
.cai_img {
  width: .8rem;
  position: absolute;
  bottom: .1rem;
  right: .3rem;
}
.jing_img {
  width: .8rem;
  position: absolute;
  top: 0;
  right: 0;
}
.my_create h4{
  font-size: .26rem;
  border-bottom: 1px solid #F6F6F6;
  padding-bottom: .2rem;
  color: #8a8a8a;
}
.my_create ul li{
  padding: .15rem .2rem;
  border-bottom: 1px solid #F6F6F6;
  position: relative;
}
.my_create ul li:last-child{
  border-bottom: 0;
}
.hot_column li div{
  width: 80%;
  margin: 0;
}
.my_create ul li div{
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
}
.create_name{
  font-size: .32rem;
}
.create_num{
  font-size: .26rem;
  color: #8a8a8a;
}
.create_num span{
  color: #3276FA;
  margin: 0 .3rem 0 .1rem;
}
.art_wenz{
  display: flex;
  border-bottom: 1px solid #F6F6F6;
  padding-bottom: .2rem;
}
.art_head{
  width: 15%;
}
.art_head img{
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
}
.art_body{
  width: 85%;

}
.art_time_name{
  display: flex;
  font-size: .26rem;
  justify-content: space-between;
}
.art_time{
  color: #8a8a8a;
  margin: 0;
}
.art_name{
  margin: 0;
}
.art_line{
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3; 
  overflow: hidden;
  white-space: pre-wrap;
}
.art_wencon{
  margin-top: .2rem;
}
.art_img{
  display: flex;
  flex-wrap: wrap;
}
.art_img img{
  max-width: 100%;
  margin: .1rem 1%;
  max-height: 6.9rem;
  height: 100%;
}
.art_comments{
  padding-left: 15%;
  display: flex;
  padding-top: .2rem;
}
.art_comments span{
  color: #8a8a8a;
  font-size: .24rem;
}
.art_msg_ img{
  width: .5rem;
}
.art_eyes{
  margin-left: .4rem;
}
.art_eyes img{
  width: .4rem;
  position: relative;
  top: -.03rem;
}
.art_more{
  margin-right:auto;
  flex: 1;
  text-align: right;
}
.art_more img{
  width: .4rem;
}
.column_foot_height{
  height: .98rem;
}
.column_foot{
  width: 100%;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  box-shadow: 0 -1px 10px rgb(0 0 0 / 20%);
}
.column_foot dl{
  width: 50%;
}
.column_foot dl.active dd{
  color: #3276FA;
}
.column_foot dl dt,.column_foot dl dd{
  text-align: center;
  font-size: .26rem;
  color: #8a8a8a;
}
.column_foot dl dt img{
  width: .45rem;
}
.testDrag{
  position: fixed;
  width: .8rem;
  height: .8rem;
  bottom: .4rem;
  right: .3rem;
}
.art_c_artcont{
  padding: .2rem .15rem;
  background: #fff;
  margin-bottom: .2rem;
}
.art_text_con{
  margin-bottom: .4rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.art_img_con img{
  width: 100%;
  margin-bottom: .2rem;
}
.cloumn_head{
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: center;
}
.cloumn_head img{
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  margin-right: .1rem;

}
.cloumn_head span{
  display: inline-block;
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
}
.join_column{
  display: block;
  width: 16%;
  position: absolute;
  top: .35rem;
  right: .2rem;
  font-size: .26rem;
  border-radius: .08rem;
  background: #fff;
  border: 1px solid #3276FA;
  color: #3276FA;
  text-align: center;
}
.release_time{
  margin-top: .3rem;
  text-align: right;
  color: #8a8a8a;
  font-size: .24rem;
  line-height: .35rem;
}
.comment_art,.comment_art p{
  font-size: .26rem;
  color: #8a8a8a;
  line-height: .45rem;
  white-space: pre-wrap;
}
.art_pingl .article_cont{
  margin-bottom: 0;
  /* border-bottom: 1px solid #F6F6F6; */
}
.column_more,.col_ping{
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 100;
}
.column_more ul li,.col_ping ul li{
  line-height: 1.05rem;
  text-align: center;
  border-bottom: 1px solid #F6F6F6;
}
.big_preview_img{
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 1);
}
.big_preview_img .swiper-container{
  width: 100%;
  height: 90%;
}
.big_preview_img .swiper-container .swiper-slide{
  display: flex;
  align-items: center;
}
.big_preview_img .swiper-container .swiper-slide img{
  width: 100%;
}
.big_close{
  text-align: right;
  padding: .2rem .3rem;
  margin-bottom: .2rem;
}
.big_close img{
  width: .4rem;
}
.big_preview_img .swiper-wrapper{
  align-items: center;
}
.c_art_text,.c_art_img{
  padding: 0 .2rem;
}
.c_art_text textarea{
  width: 100%;
  height: 4rem;
}
.c_art_img{
  display: flex;
  flex-wrap: wrap;
}
.c_up_img {
  width: 32.333%;
  margin: 0;
  position: relative;
  margin-bottom: .15rem;
}
.c_up_img img{
  width: 100%;
  height: 2.1rem;
}
.c_box_art{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.del_art_img{
  display:block;
  width: .4rem;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.del_art_img img{
  width: .4rem;
  height: .4rem;
}
.add_img{
  width: 32%;
  line-height: 2.1rem;
  margin: 0;
  text-align: center;
  border: 1px solid #dcdcdc;
}
.add_img img{
  width: 85%;
}
.art_release{
  position: absolute;
  right: .34rem;
  top: 0;
  font-size: .28rem;
  color: #3276FA;
}
.column_height{
  height: .98rem;
  display: none;
}
.column_foot{
  width: 100%;
  height: .98rem;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
}
.col_comments_content{
  background: #F6F6F6;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .98rem;
  line-height: .98rem;
  display: flex;
  justify-content: space-between;
  display: none;
  z-index: 99;
}
.col_comments_content div:first-child{
  display: flex;
  align-items: center;
  width: 70%;
}
.col_comments_content textarea{
  background: #fff;
  height: .6rem;
  padding: .13rem .25rem;
  width: 100%;
  border-radius: .05rem;
  font-size: .26rem;
}
.col_head{
  display: inline-block;
  width: 90%;
  text-align: center;
}
.ptd{
  padding-top: 0;
}
.col_head span{
  display: inline-block;
}
.comments_send{
  width: 15%;
  display: flex;
  align-items: center;
}
.comments_send span{
  display: block;
  width: 100%;
  background: #3276FA;
  border-radius: .05rem;
  color: #fff;
  font-size: .28rem;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
}
.apply_column{
  padding: 0 .35rem;
}
.apply_input {
  margin-bottom: .2rem;
}
.apply_input input{
  width: 100%;
  background: #fff;
  height: .99rem;
  padding: 0 .42rem;
  background: #fff;
  font-size: .32rem;
  border-radius: .13rem;
}
.apply_txt textarea{
  width: 100%;
  background: #fff;
  padding: .2rem .42rem;
  font-size: .32rem;
  border-radius: .13rem;
  height: 5rem;
}
.my_create_column,.my_join_column,.hot_column_tui{
  display: none;
}
.level_pop{
  z-index: 103;
}
.click_more{
  display: none;
  text-align: center;
  padding-bottom: .2rem;
}
.no_ping{
  text-align: center;
  padding: .2rem 0 0 0;
  color: #8a8a8a;
}
.editormd-html-preview blockquote{
  padding-left: 0 !important;
  border-left: 0 !important;
}
.detail_tab{
  display: none;
  position: fixed;
  top: .98rem;
  background: #fff;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 0 .3rem;
  opacity: 0;
}
.detail_tab span{
  display: inline-block;
  width: 25%;
}
.start_route{
  border-bottom: 1px solid #dcdcdc;
  position: relative;
  height: .4rem;
  margin-top: .2rem;
}
.start_route p{
  text-align: center;
  width: 6em;
  background: #f6f6f6;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: .15rem;
}
.my_study{
  margin-top: .3rem;
}
.my_study dl{
  margin-bottom: .1rem;
}
.my_study dl dt{
  display: flex;
  align-items: center;
  background: #e6e6e6;
  /* line-height: 1rem; */
  padding: 0 .25rem;
  position: relative;
  height: 1rem;
}
.task_category{
  display: none;
  position: absolute;
  bottom: 0;
  left: .25rem;
  line-height: .3rem;
  color: #fff;
  font-size: .2rem;
}
.suo_status{
  width: 4%;
}
.suo_status img{
  width: 100%;
  position: relative;
  top: -.03rem;
}
.task_s_name{
  width: 76%;
  color: #000;
  font-size: .28rem;
  line-height: .45rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.task_name_2{
  -webkit-line-clamp: 2;
}
.s_route{
  width: 6%;
  text-align: center;
  font-size: .26rem;
  color: rgba(50, 118, 250, 1);
  margin-right: 4%;
}
.s_route img{
  width: 100%;
}
.t_jiantou{
  width: 4%;
}
.t_jiantou img{
  width: 100%;
  position: relative;
  top: -.01rem;
}
.route_cont{
  height: 80vh;
  overflow: auto;
  padding: .25rem;
}
.route_cont img,.route_cont p img{
  max-width: 100%;
}
.route_cont p,.route_cont ul li,.route_cont ol li{
  font-size: .31rem;
  line-height: 2;
}
.route_cont li{
  padding-bottom: .12rem;
}
.route_cont ol li,.have_editor ol li{
  list-style: decimal;
}
.route_cont ul li,.have_editor ul li{
  list-style: disc;
}
.red_new{
  position: absolute;
  top: 0;
  right: .5rem;
  display: none;
  width: .16rem;
  height: .16rem;
  border-radius: 50%;
  background: #f00;
}
.route_cont .editormd-preview-container,.route_cont .editormd-html-preview{
  padding:0 10px 20px 10px;
}
.my_study dl dd{
  padding: .15rem .25rem;
  background: #fff;
  display: none;
}
.task_r_con{
  display: flex;
  align-items: center;
  padding: .15rem 0;
}
.res_type{
  width: 10%;
  border: 1px solid #d3d3d3;
  color: #d3d3d3;
  margin-left: 0;
  line-height: .43rem;
  height: .45rem;
  text-align: center;
  font-size: .26rem;
  border-radius: .05rem;
}
.t_top{
  display: none;
}
.task_r_name{
  width: 75%;
  font-size: .28rem;
  color: #8a8a8a;
  line-height: .35rem;
  padding: 0 .15rem;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden;
}
.task_find{
  width: 15%;
  text-align: right;
  font-size: .26rem;
  color: #8a8a8a;
}
.fin_color{
  color: #3276FA;
}
.ipt{
  display: flex;
  justify-content: center;
  margin-top: .3rem;
}
.ipt input{
  width: .7rem;
  height: .7rem;
  border: 1px solid #d3d3d3;
  text-align: center;
  font-size: .32rem;
  margin: 0 .2rem;
  background: none;
}
.course_left{
  width: 2.45rem;
  height: 1.8rem;
  float: left;
  position: relative;
}
.code_new{
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, .5);
  font-size: .2rem;
  border-radius: 0 0 .13rem .13rem;
  color: #fff;
  padding-left: .2rem;
}
.course_type{
  position: absolute;
  background: rgba(0, 0, 0, .5);
  font-size: .18rem;
  right: 0;
  top: 0;
  width: 6em;
  color: #fff;
  text-align: center;
  border-radius: 0 .13rem 0 .05rem;
  line-height: .45rem;
}
.code_new img{
  width: .24rem;
  position: relative;
  top: -.02rem;
  margin-right: .11rem;
}
.code_new .qr_code{
  background: none;
  color: #FFF;
}
.class_type{
  position: absolute;
  top: 0;
  right: 0;
  width: 4em;
  font-size: .24rem;
  text-align: center;
  background: #EFFBFF;
  color:#3376FF;
  border-radius: .05rem;
}
.add_qie,.cnew_qie{
  display: none;
}
.add_qie:first-child,.cnew_qie:first-child{
  display: block;
}
.course_name p span{
  font-size: .24rem;
  color: #8a8a8a;
}
.cnew_qie iframe{
  width: 100%;
  height: calc(100vh - 1.1rem);
}
.exit_column{
  display: none;
  width: .4rem;
  position: absolute;
  right: .25rem;
  top: .27rem;
}
.abstract{
  width: .5rem;
  position: absolute;
  right: 0;
  top: 0;
}
.weixue .task_s_name{
  color: #8a8a8a;
}
.zxue .task_s_name{
  color: rgba(50, 118, 250, 1);
}
.noziyuan{
  color: #8a8a8a;
  font-size: .25rem;
  text-align: center;
}
.course_fenlei{
  display: flex;
  flex-wrap: wrap;
}
.course_fenlei div{
  width: 25%;
  margin-left: 0;
  margin-bottom: .2rem;
}
.course_fenlei div span{
  text-align: center;
  background: #EFFBFF;
  font-size: .26rem;
  color: #6194f7;
  border-radius: .06rem;
  line-height: .55rem;
  display: inline-block;
  width: 90%;
}
.katex{
  font:400 1em KaTeX_Main !important;
}
.tie_tit{
  padding: .15rem;
}
.tie_tit input{
  height: .7rem;
  width: 100%;
  padding: 0 .15rem;
}
.art_title{
  text-align: center;
  font-size: .32rem;
  font-weight: bold;
  padding-bottom: .15rem;
}
.class_wei{
  background: #f6f6f6;
  color: #8a8a8a;
}
.video-tit{
  display: none;
}
.beian{
  font-size: .12rem;
  color: #ccc;
  line-height: .24rem;
}
.beian a{
  font-size: .12rem;
  color: #ccc;
}
.newmsg{
  margin-top: .1rem;
  margin-bottom: .2rem;
  padding: 0 .29rem;
  word-break:break-all;
}
.newmsgimg{
  text-align: center;
  margin-top: .6rem;
  margin-bottom: .2rem;
}
.newmsgimg img{
  width: 90%;
}
.gotest{
  display: none;
}
.gotests{
  background: #3276FA !important;
  margin-right: .4rem;
}
.layui-input:hover{
  border: none !important;
}
.studyjindu{
  font-size: .22rem;
  color: #8a8a8a;
  margin-right: .1rem;
}
.elementContent{
  margin: 0.3rem 0.27rem;
  background-color: #fff;
  border-radius: .1rem;
}
.photoshow {
  width: 96%;
  text-align: center;
  margin: .2rem auto;
}
.photoshow img{
  max-width: 100%;
}
.newTitle{
  padding:  .15rem .2rem;
  font-size: .34rem;
  font-weight: bold;
}
.newTitle span{
  font-size: .3rem;
}
.eachPage{
  display: none;
}
.eachPage:first-child{
  display: block;
}
.swEachElement{
  padding: .2rem .25rem;
}
.swEachElement .editormd-html-preview{
  padding: 0;
}
.show_xuan {
  display: flex;
  flex-wrap: wrap;
}
.xuanTxt, .xuanTxt p {
  color: #999999;
}
.xuan_input, .tian_tit {
  width: 10%;
}
.xuan_div, .tian_k {
  width: 90%;
  margin-top: 7px;
  font-size: .28rem;
}
 .swEachElement .TextBox input {
  font-size: .26rem;
}
.textEach .tblanks input {
  min-width: 1.2rem;
  margin: 0 .08rem;
  max-width: 100%;
  background-color: #fff;
}
.textEach .tblanks input:focus{
    border: 1px solid rgb(205, 205, 205);
}
.tblanks input {
  width: .5rem;
  border-bottom: 1px solid rgb(205, 205, 205);
  height: .3rem;
  padding: .02rem .06rem;
}
.TextBox{
  padding: .2rem 0;
}
.eachPage .stu_answer{
  background-color: #F6F6F6;
}
.eachPage .stu_qCont textarea{
  background-color: #F6F6F6;
  font-size: .26rem;
  width: 100%;
  height: 1rem;
}
.forgetPwd{
  color: #dcdcdc !important;
  float: right;
}
.weixin_login{
  position: absolute;
  left: 50%;
  top: .27rem;
  transform: translate(-50%, -50%);
}
.weixin_login img{
  margin-right: 0;
}