*,*::after,*::before{box-sizing: border-box;margin:0;padding:0}
ul li{list-style: none;}
a{text-decoration: none;}
textarea:focus,input:focus{outline: none; }

.header{padding:0.4rem 0;background: #408fed;}
	.d_block{display: block;}
	.d_none{display: none;}
	.f_36{font-size: 36px;}
	.f_32{font-size: 32px;}
	.f_28{font-size: 28px;}
	.f_24{font-size: 24px;}
	
	.p_h_20{padding:20px 0;}
	.p_h_40{padding:40px 0;}
	.p_w_40{padding:0 40px;}
	.p_40{padding:40px}
	.m_t_20{margin-top:20px}
	.m_b_20{margin-bottom:20px}
	.m_t_40{margin-top:40px}
	
	.text_l{text-align: left;}
	.text_c{text-align: center;}
	.bg_f6f6f6{background: #f6f6f6;}
	.bg_fff{background: #fff;}
	.c_fff{color:#fff}
	.c_999{color:#999}
	.c_666{color:#666}
	.c_1f9a07{color: #1f9a07;}
	.c_fe0d0d{color:#fe0d0d}
	
	.b_r_20{border-radius: 20px;}
	.b_r_60{border-radius: 60px;}
	html{font-size: 16px;max-width: 750px;margin:0 auto;}
	.imgtop >img{width: 100%;}
	.itembox{margin: 0 40px;text-align: center;overflow: hidden;box-shadow: 0px 2px 10px 2px #2f71bf;}
	.itembox .countdownbox{background: #498aec;color:#fff}
	.Countdown1{color:#ffff00}
	.itembox > a{}
	.itembox .countdownbox2{background: #e8f3ff;color:#333}
	.itembox .statesub{border-radius:0 0 0 20px;}
	.text{padding:30px 70px;background:url(./images/imgicon2.png) no-repeat 90% center #f9ffff;background-size:35%;position: relative;}
	.tt{linear-gradient(to bottom, #ddfffe,#f9ffff)}
	.text h3{font-size: 44px;color:#333;width:90%}
	.state_btn{width: 200px;height: 60px;background: #ff6a6a;border-radius: 60px;line-height: 60px;}
	.state_btn_su{background: #4ec870;}
	.countdown2{color:#ff3737}
	
	.contbox{padding:50px 40px;}
	.contbox .activetext{font-size: 36px;}
	.listitembox .listitem{display: block;margin-top:40px;overflow: hidden;}
	.listitembox .listitem .text{background: #fff;position: relative;}
	.statesub{font-size: 24px;padding: 10px 20px;border-radius:0 20px 0 20px;display: inline-block;position: absolute;right: 0;top:0;color:#fff;}
	
	.finish{border:1px solid #4ec870;background:#4ec870}
	.unfinish{border:1px solid #ff6a6a;background:#ff6a6a}
	.grading{border:1px solid #4495ef;background:#4495ef}
	.listitem .state_btn{text-align: center;}
	
	.loginbox{margin: 40px;padding: 60px;position: fixed;width: calc(750px - 80px);top: 0;display: table;background: #fff;z-index: 2;top: 50%;transform: translateY(-50%); border-radius: 20px;}
	.loginform li{margin:30px 0;position: relative;}
	.loginform input,.loginform #selChannel{height:88px;width: 100%;border-radius: 100px;border:0;background: #f7f7f7;padding-left:40px}
	.loginform li .send{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);display: table;padding: 10px 20px;background: #007aff;border-radius: 30px;font-size: 24px;
		color: #fff;
	}
	.loginform #selChannel{appearance: none;-moz-appearance: none;-webkit-appearance: none;font-size: 24px;}
	.loginform li .sinup{display: block;line-height: 88px;background: #007aff;text-align: center;font-size: 30px;}
	.masklayer{position: fixed;width: 100%;height: 100%;left:0;right:0;top:0;bottom:0;opacity: 0.75;background: #000;}
	
	/*提交成功页面*/
	.submitbox{padding:70px 40px;background: #f8f8fa;}
	.titletext{font-size: 36px;}
	.box{text-align: center;padding:50px 0;background: #fff;border-radius: 20px;}
	.box p{margin:40px 0}
	.box .iconfont{font-size: 200px;color:#007aff;}
	.backhome{padding:20px 60px;border:1px solid #666;display: table;margin: 0 auto;}
	.warmtip{line-height: 1.5;}
	.warmtip h4{margin:50px 0 30px}
	.ewmbox > img{width: 60%;}
	
	/*题目批改页面*/
	.subject{padding:0 40px 90px;background: #f8f8fa;}
	.subjecthead{line-height: 88px;font-weight: bold;height: 88px;overflow: hidden;}
	.subjecthead a{display: inline-block;height: 88px;width: 88px;float: left;}
	.subjecthead a .iconfont{font-size: 50px;text-align: left;font-weight: normal;}
	.taskbox{margin:70px 40px 30px;text-align: center;}
	.subjectitem{margin-bottom: 30px;}
	.shead,.contlist{display: flex;justify-content: space-between;}
	.shead > p{line-height: 1.7;}
	.finish_state .iconfont,.unfinish_state .iconfont{margin-right:10px}
	.contlist li{padding:40px 0 20px;border-bottom:6px solid #f8f8fa}
	.contlist li.liactive{border-bottom:6px solid #007aff}
	.contitem > div{padding: 40px;background: #fff;font-size: 24px;color: #666;/* height: 300px; */ min-height: 100px;box-sizing: content-box;/* overflow-y: auto;overflow-x: auto; */}
	.contitem > div img{width: 100%;}
	
	/*题目页面*/
	.taskbox1{margin:30px 40px 50px;}
	.stem,.answer{margin-bottom: 30px;}
	.answerbox{border: 1px solid #333;border-radius: 20px;overflow: hidden;}
	.answerbox > div:first-child{border-bottom: 1px solid #333 ;}
	.answerbox > div:first-child span{display: table;padding:10px 20px;position: relative;}
	.answerbox > div:first-child span input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}
	.answerbox > div:last-child{padding:10px 20px;height:200px;overflow:scroll;}
	.answerbox > div:last-child textarea{width: 100%;height: 100%;border: 0;font-size: 24px;line-height: 1.5;}
	.sinup_btn{width:80%;display: table;margin:0 auto;background: #007aff;margin-bottom: 90px;}
	.imgboxsub{display: flex;align-items: center;}
	.imgboxsub div{width: 100%;height:80px;overflow: hidden;margin-right:10px}
	.imgboxsub div img{width: 20%;padding:0 10px;float:left;}
	.loading span{font-size: 14px;text-align: center;display: block;margin-top:60px}

@media screen and (max-width:750px){
	.header{padding:0.4rem 0;background: #408fed;}
	.d_block{display: block;}
	.f_36{font-size: 0.36rem;}
	.f_32{font-size: 0.32rem;}
	.f_28{font-size: 0.28rem;}
	.f_24{font-size: 0.24rem;}
	
	.p_h_20{padding:0.2rem 0;}
	.p_h_40{padding:0.4rem 0;}
	.p_w_40{padding:0 0.4rem;}
	.p_40{padding:0.4rem}
	.m_t_20{margin-top:0.2rem}
	.m_b_20{margin-bottom:0.2rem}
	.m_t_40{margin-top:0.4rem}
	
	.text_l{text-align: left;}
	.text_c{text-align: center;}
	.bg_f6f6f6{background: #f6f6f6;}
	.bg_fff{background: #fff;}
	.c_fff{color:#fff}
	.c_999{color:#999}
	.c_666{color:#666}
	.c_1f9a07{color: #1f9a07;}
	.c_fe0d0d{color:#fe0d0d}
	
	.b_r_20{border-radius: 0.2rem;}
	.b_r_60{border-radius: 0.6rem;}
	html{font-size: 13.3333vw;color:#333;min-height:100vh;background:#f8f8fa;}
	.imgtop >img{width: 100%;}
	.itembox{margin: 0 0.4rem;text-align: center;overflow: hidden;box-shadow: 0px 2px 10px 2px #2f71bf;position: relative;}
	.itembox .countdownbox{background: #498aec;color:#fff}
	.Countdown1{color:#ffff00}
	.itembox .countdownbox2{background: #e8f3ff;color:#333}
	.text{padding:0.3rem 0.7rem;background:url(./images/imgicon2.png) no-repeat 90% center #f9ffff;background-size:35%;}
	.tt{linear-gradient(to bottom, #ddfffe,#f9ffff)}
	.text h3{font-size: 0.44rem;color:#333}
	.state_btn{width: 2rem;height: 0.6rem;background: #ff6a6a;border-radius: 0.6rem;line-height: 0.6rem;}
	.state_btn_su{background: #4ec870;}
	.countdown2{color:#ff3737}
	
	.contbox{padding:0.5rem 0.4rem;}
	.contbox .activetext{font-size: 0.36rem;}
	.listitembox .listitem{display: block;margin-top:0.4rem;overflow: hidden;}
	.listitembox .listitem .text{background: #fff;}
	.statesub{font-size: 0.24rem;padding: 0.1rem 0.2rem;border-radius: 0 0.2rem 0 0.2rem;}
	.itembox .statesub{border-radius:0 0 0 0.2rem;}
	.listitem .state_btn{text-align: center;}
	
	.loginbox{margin: 0.4rem;padding: 0.6rem;position: fixed;width: calc(100% - 0.8rem);top: 0;display: table;background: #fff;z-index: 2;top: 50%;transform: translateY(-50%); border-radius: 0.2rem;}
	.loginform li{margin:0.3rem 0;position: relative;}
	.loginform input,.loginform #selChannel{height: 0.88rem;width: 100%;border-radius: 1rem;border:0;background: #f7f7f7;padding-left:0.4rem;font-size: 0.24rem;}
	.loginform li .send{position: absolute;right: 0.2rem;top: 50%;transform: translateY(-50%);display: table;padding: 0.1rem 0.2rem;background: #007aff;border-radius: 0.3rem;font-size: 0.24rem;
		color: #fff;
	}
	.loginform li .sinup{display: block;line-height: 0.88rem;background: #007aff;text-align: center;font-size: 0.3rem;}
	.masklayer{position: fixed;width: 100%;height: 100%;left:0;right:0;top:0;bottom:0;opacity: 0.75;background: #000;}
	
	/*提交成功页面*/
	.submitbox{padding:0.7rem 0.4rem;background: #f8f8fa;}
	.titletext{font-size: 0.36rem;}
	.box{text-align: center;padding:0.5rem 0;background: #fff;border-radius: 0.2rem;}
	.box p{margin:0.4rem 0}
	.box .iconfont{font-size: 2rem;color:#007aff;}
	.backhome{padding:0.2rem 0.6rem;border:1px solid #666;display: table;margin: 0 auto;}
	.warmtip{line-height: 1.5;}
	.warmtip h4{margin:0.5rem 0 0.3rem}
	.ewmbox > img{width: 60%;}
	
	/*题目批改页面*/
	.subject{padding:0 0.4rem 0.9rem;background: #f8f8fa;}
	.subjecthead{line-height: 0.88rem;height: 0.88rem;}
	.subjecthead a{display: inline-block;height: 0.88rem;width: 0.88rem;float: left;}
	.subjecthead a .iconfont{font-size: 0.5rem;text-align: left;font-weight: normal;}
	.taskbox{margin:0.7rem 0.4rem 0.3rem}
	.subjectitem{margin-bottom: 0.3rem;}
	.shead,.contlist{display: flex;justify-content: space-between;}
	.shead > p{line-height: 1.7;}
	.finish_state .iconfont,.unfinish_state .iconfont{margin-right:0.1rem}
	.contlist li{padding:0.4rem 0 0.2rem;border-bottom:0.08rem solid #f8f8fa}
	.contlist li.liactive{border-bottom:0.08rem solid #007aff}
	.contitem > div{padding: 0.4rem;background: #fff;font-size: 0.24rem;color: #666;/* height: 3rem; */min-height: 1rem;box-sizing: content-box;/* overflow-y: auto;overflow-x: auto; */}
	
	/*题目页面*/
	.taskbox1{margin:0.3rem 0.4rem 0.5rem;}
	.stem,.answer{margin-bottom: 0.3rem;}
	.answerbox{border: 1px solid #333;border-radius: 0.2rem;overflow: hidden;}
	.answerbox > div:first-child{border-bottom: 1px solid #333 ;padding:0;}
	.answerbox > div:first-child span{display: table;padding:0.1rem 0.2rem;position: relative;}
	.answerbox > div:first-child span input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}
	.answerbox > div:last-child{padding:0.1rem 0.2rem;height:6rem;overflow:scroll;}
	.answerbox > div:last-child textarea{width: 100%;height: 100%;border: 0;font-size: 0.24rem;line-height: 1.5;}
	.sinup_btn{width:80%;display: table;margin:0 auto;background: #007aff;margin-bottom: 0.9rem;}
	.imgboxsub{display: flex;align-items: center;}
	.imgboxsub div{width: 100%;height:0.8rem;overflow: hidden;margin-right:0.1rem}
	.imgboxsub div img{width: 20%;padding:0 0.1rem;float:left;}
}