*{ margin:0; padding:0;}
html{font-size:18px}body{line-height:1.45;}body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif;font-size:1rem!important}body,a,a:hover,a:active{color:#343434;text-decoration:none}.iconfont{font-size:1rem!important}img{border:none}img.block{display:block;width:100%}*{text-justify:inter-ideograph;text-align:justify}h1,h2,h3,h4,h5,p,ul,li,ol,dl,dt,dd{list-style:none;margin:0;padding:0}.header img{display:block;width:100%}
.wrap{ max-width:750px; margin:0 auto; background-color:#FFF;}
.banner img{ width:100%;}
.videobox video{ width:100%;}
.goto{ margin:0 30px; padding:30px 0 0; text-align:center;}
.goto a{ display:block; height:3rem; line-height:3.3rem; font-size:1.6rem; font-weight:bold; color:#FF0; background-color:#d00; border-radius:40px; text-align:center;}
.goto a:active{ background-color:#F00;}
.goto-text{ margin:0 20px 12px; padding-top:20px; line-height:1.8;}
.goto-text p{ text-indent:2em;}
.goto-text p span{ color:#F30; font-weight:bold;}
.notice{ margin:0 15px 10px; padding:10px; line-height:1.8; font-size:16px; background-color:#f5f5f5; border-radius:8px;}
.notice dd{}
.notice dd a{ padding:3px 10px; border-radius:20px; background-color:#09F; color:#FFF; font-weight:bold;}
.notice dd a:active{ background-color:#F60;}
.tit1{ margin-top:24px; display:flex;align-items:center;font-weight:bold}.tit1:before{display:block;width:.08rem;height:1rem;overflow:hidden;content:'';background:#e74f09;margin-right:.186666667rem}.tit1.white{color:#fff}.tit1.white:before{background:#fff!important}.box1{border:1px solid #ddd;background:#fff;margin-top:.4rem;padding:.533333333rem .4rem}.box1>*:nth-child(n+2){margin-top:.4rem}.question-options a{display:block;border:1px solid #ddd;border-radius:.133333333rem;padding:0 .266666667rem 0 .4rem;line-height:1.013333333rem}.question-options a:nth-child(n+2){margin-top:.4rem}.question-options a.active{border-color:#e74f09;color:#e74f09}.question-options a:after{float:right;font-size:.533333333rem;font-weight:bold}.question-options a.correct:after{content:"¤š";color:#04a18c}.question-options a.error:after{content:"©™";color:#d00}.answer-result{display:none}.answer-result .correct{background:url(/Content/Home/Image/result.png) no-repeat center center;background-size:cover;color:#fff;padding:.8rem .533333333rem}.answer-result .correct>*:nth-child(n+2){margin-top:.533333333rem}.answer-result .box1{margin:0}.form>*{border-bottom:1px solid #ddd;display:flex;align-items:center}.form>*.not-line{border-bottom:none}.form>*:nth-child(n+2){margin-top:.4rem}.form>*>*{flex-shrink:1;width:100%;line-height:.8rem}.form>*>*.auto{flex-shrink:0;width:auto}.form>*>*:nth-child(n+2){margin-left:.266666667rem}.form>*>* img{display:block;height:.8rem}.form>*>* .errmsg{display:none}
.videoItem{padding:10px 15px 40px;}
.videoItem video{width:100%;display:block}
.videoItem .list{display:flex;flex-wrap:wrap;box-sizing:border-box; margin-top:20px;}
.videoItem .list span{ width:30%; margin-right:5%; margin-bottom:20px; padding:8px 0; background:#f5f5f5; color:#333; text-align:center; box-sizing:border-box; border-radius:8px; cursor:pointer; font-size:16px;}
.videoItem .list span:nth-child(3n){ margin-right:0;} 
.videoItem .list span.active{background:#F30; color:#FFF;}

.footer{ padding:30px 0 20px; text-align:center; background-color:#f5f5f5; font-size:16px; color:#999}

@media screen and (min-width:750px){
	html{font-size:18px!important}
	body{ background-color:#f1f1f1;}
	.goto input{ font-size:3rem; padding:26px 10px;}
}