[v-cloak]{display: none;}
.zw111{width: 100%;height: 2rem;display: block;}
/*确定取消弹窗*/
.sh_player_alert{
	border-radius: 4px;
  width: 70%;
  position: fixed;
  background: #fff;
  border-radius: 2px;
  left: 15%;
  top: 30%;
  z-index: 61;
  padding-top:.7rem ;
  /*display: none;*/
}
.sh_player_alert>img{width: 1rem;position: absolute;margin: auto;left: 0;right: 0;top: -.5rem;}
.zhezhao{
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(000,000,000,0.7);
  z-index: 10;
  position: fixed;
  /*display: none;*/
}
.sh_alert_txt{
  text-align: center;
  margin-bottom: .3rem;
}
.sh_alert_txt span{color: #4885f7;}
.sh_alert_btn_box{
  width: 100%;
  align-items: center;
}
.sh_alert_btn{
  width: 50%;
  height: .7rem;
  line-height: .7rem;
  text-align: center;
}
/*
 * 丅丅丅丅丅丅丅丅丅丅
 * 主页   
 */
/*模块盒子*/
/*丄丄丄丄丄丄丄丄丄丄*/
.index{
	background: #f7f8fa;

}
.swiper-slide {
	width: 100%;
}
.swiper-slide img{
	width: 100%;

}
.index .contentWrap1{
	width: 84%;
	border-radius: 4px;
	background: #fff;
	position: absolute;
	left: 4%;
	top: 1.9rem;
	padding:  4%;
	z-index: 100;
}
.index .title_img{
	width: 50%;
	margin: 0 auto;
	position: relative;
}
.index .title_img img{
	width: 100%;
	display: block;
}
.index .examination{
	font-weight: bold;
}
.index .flex_box{
	align-items: center;
	margin-top: 4%;
}
.index .ztime{
	width: 0.5rem;
	height: 0.5rem;
}
.index .time_right{
	margin-left: 4%;
}

.index .contentWrap2{
	width: 84%;
	border-radius: 4px;
	background: #fff;
	margin: 1.3rem auto 0;
	padding: 2% 4%;
	position: absolute;
    left: 4%;
    top: 3.2rem;
	z-index: 99;
}
.index_line{
	width: 100%;
	height: 1px;
	border-bottom:1px dashed #f1f2f4;
	
}
.index .fuwenben{
	margin-top: 4%;
	line-height: 0.4rem;
}
.fuwenben img{
	width: 100%;
}
.index .l_btn{
	width: 80%;
	height: 0.7rem;
	text-align: center;
	line-height: 0.7rem;
	color: #fff;
	margin: 3% auto;
	border-radius: 40px;
}
.index .l_tishi{
	text-align: center;
}
.index .bottom_bg{
	width: 100%;
	background: #fff;
	padding: 1% 0;
	position: fixed;
	z-index: 110;
	left: 0;
	bottom: 0;
}


/*
 * 丅丅丅丅丅丅丅丅丅丅
 * 报名
 */
 .set_up{
	background: #f7f8fa;

}
.set_up .contentWrap1{
	width: 84%;
	border-radius: 4px;
	background: #fff;
	position: absolute;
	left: 4%;
	top: 1.9rem;
	padding:  4%;
	z-index: 100;
	padding-top: 2%;
}
.set_up .title_img{
	width: 50%;
	margin: 0 auto;
	position: relative;
}
.set_up .title_img img{
	width: 100%;
	display: block;
}
.set_up .examination{
	font-weight: bold;
}
.set_up .flex_box{
	align-items: center;
	margin-top: 3%;
}
.set_up .ztime{
	width: 0.5rem;
	height: 0.5rem;
}
.set_up .time_right{
	margin-left: 4%;
}

.set_up .contentWrap2{
	width: 84%;
	border-radius: 4px;
	background: #fff;
	margin: 2.1rem auto 0;
	padding: 2% 4% 4%;

}
.set_up_line{
	width: 100%;
	height: 1px;
	border-bottom:1px dashed #f1f2f4;
	
}
.set_up .fuwenben{
	margin-top: 4%;
	line-height: 0.4rem;
}
.set_up .l_btn{
	width: 80%;
	height: 0.7rem;
	text-align: center;
	line-height: 0.7rem;
	color: #fff;
	margin: 6% auto 0;
	border-radius: 40px;
}
.set_up .l_tishi{
	text-align: center;
}
.set_up .bottom_bg{
	width: 100%;
	background: #fff;
	padding: 1% 0;
	position: fixed;
	z-index: 110;
	left: 0;
	bottom: 0;
}

.set_up .inputWrap{
	margin-top: 3%;
}
.set_up .inputWrap_txt{
	color: #818598;
}
.set_up .inputWrap input{
	width: 100%;
	background: #fcfcfc;
	height: 0.7rem;
	text-indent: 0.2rem;
	border-radius: 40px;
	border: 1px solid #f5f6f7;
	margin-top: 2%;
	line-height: 0.7rem;
}
.set_up .l_btn_juli{
	width: 80%;
	height: 0.7rem;
	text-align: center;
	line-height: 0.7rem;
	color: #fff;
	margin: 6% auto 0;
	border-radius: 40px;
	background: #c3cad7;
}
.set_up .l_btn_juli span{
	color: #fff;
}
.set_up .bohui{
	padding: 4%;
	line-height: 0.4rem;
}

/*
 * 丅丅丅丅丅丅丅丅丅丅
 * 查看成绩
 */


/*兼容IOS的background-attachment: fixed的方法*/

/* 查看成绩主题 */
.achievement{
	background: -webkit-linear-gradient(left, #ff416c , #ff4b2b); /* Safari 5.1 - 6.0 */
	  background: -o-linear-gradient(right, #ff416c, #ff4b2b); /* Opera 11.1 - 12.0 */
	  background: -moz-linear-gradient(right, #ff416c, #ff4b2b); /* Firefox 3.6 - 15 */
	  background: linear-gradient(to right, #ff416c , #ff4b2b); /* 标准的语法 */	
}


.achievement:before {
    width: 100%;
    height: 100%;
    content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
}


.achievement:before {
    background: url(../img/achievement_bg.png);
    background-size: cover !important;
}
.achievement .achievement_title{
	width: 40%;
	margin: 0 auto;
	padding-top: 10%;
	position: relative;
	top: 2%;
}
.achievement .achievement_title img{
	width: 100%;
}

.achievement_content{
	width: 96%;
	height: 6.7rem;
	margin: 5% auto;
	background: url(../img/achievement_content.png) no-repeat;
	background-size: 100% 100%;
}
.achievement_fenshu{
	font-size: 0.8rem;
	text-align: center;
	padding-top: 0.7rem;
/* 	font-weight: bold; */
}
.fenshu_xiagqing{
	width: 90%;
	margin: 0 auto;
	justify-content: space-between;
margin-top: 0.2rem;
}
.fenshu_xiagqing li{
	width: 33.33%;
	position: relative;
}
.fenshu_xiagqing_top{
	text-align: center;
}
.fenshu_xiagqing_txt{
	color: #999cb1;
	text-align: center;
	margin: 0.1rem;
}
.achievement_line{

	width: 1px;
	height: 0.5rem;
	background: #eaeaea;
	position: absolute;
	right: 0;
	top: 0.12rem;
}
.achievement_info{
	width: 34%;
	margin: 0.5rem auto 0;
}
.achievement_info img{
	width: 100%;
}
.achievement_info_txt{

	margin-left: 10%;
	margin-top: 2%;

}

.achievement_btn{
	width: 60%;
	height: 0.7rem;
	text-align: center;
	line-height: 0.7rem;
	color: #fff;
	margin: 0.3rem auto 0;
	border-radius: 40px;
}
.achievement_bottom{
	position: fixed;
	bottom: 0;
	left: 0;
}
.achievement_bottom img{
	width: 100%;
	display: block;
}
/*
 * 丅丅丅丅丅丅丅丅丅丅
 * 支付缴费页
 */
body.pay{
	background: #f1f3f7;
}
#pay{
	padding-top: .2rem;
}
.pay .model_box{
	background: #fff;
	width: 92%;
	margin: 0 auto .2rem;
	padding: 4%;
	box-shadow: 0px 2px 6px  #e6ecf5;
}
.pay .title_div{
	width: 100%;
	align-items: center;
	padding-bottom: 4%;
	border-bottom: 1px solid #f8f8f9;
}
.pay .text_ul{padding-top: 3%;}
.pay .text_li{
	align-items: center;
	margin-bottom: 2.6%;
}
/*缴费图标*/
.pay .icon01_pay1{
	width: .36rem;
	height: .36rem;
	margin-right: .1rem;
	background: url(../img/pay_icon01_demo1.png) center 0 no-repeat;
  	background-size: cover;
}
.pay .icon02_pay1{
	width: .36rem;
	height: .36rem;
	margin-right: .1rem;
	background: url(../img/pay_icon02_demo1.png) center 0 no-repeat;
  	background-size: cover;
}
.pay .text_li .span1{width: 24%;}
.pay .text_li .span2{width: 76%;}
.pay .text_li .fy_span{color: #fe8401;}
/*支付按钮*/
.pay_btn{
	width: 100%;
	position: fixed;bottom: 0;left: 0;z-index: 10;
	color: #fff;
	padding: 3% 0;
}
/*丄丄丄丄丄丄丄丄丄丄*/

/*
 * 丅丅丅丅丅丅丅丅丅丅
 * 支付成功 
 */
.pay_success{}
.pay_success .model_box{
	width: 100%;
	padding-top: 40%;
}
.pay_success .pay_success_img1{
width: 1rem;
height: 1rem;
display: block;	
margin: 0 auto;
}
.pay_success .text_p{
	text-align: center;
	margin: 5% 0 10%;
}
.pay_success .btn1{
	margin: 15% auto 0;
}
.pay_success .btn2{
	margin: 4% auto 0;
}
/*丄丄丄丄丄丄丄丄丄丄*/


/*
 * 丅丅丅丅丅丅丅丅丅丅
 * 支付失败 
 */
.pay_fail{}
.pay_fail .model_box{
	width: 100%;
	padding-top: 40%;
}
.pay_fail .pay_fail_img1{
width: 1rem;
height: 1rem;
display: block;	
margin: 0 auto;
}
.pay_fail .text_p{
	text-align: center;
	margin: 5% 0 10%;
}
.pay_fail .btn1{
	margin: 15% auto 0;
}
.pay_fail .btn2{
	margin: 4% auto 0;
}

/*丄丄丄丄丄丄丄丄丄丄*/


/*
 * 丅丅丅丅丅丅丅丅丅丅
 * 考试结束页 
 */

body.end{
	background: #f1f3f7;
}

/*考试分数跟正确率字体颜色*/
.end .fs_cor1{
	color: #00c772;
}
.end .end_fsimg1{
	width: .84rem;
	height: .76rem;
	background: url(../img/end_fsimg_demo1.png) center 0 no-repeat;
  	background-size: cover;
  	position: absolute;top: 0;right: .5rem;
  	line-height: .7rem;
  	text-align: center;
}
.end .end_fsimg1 span{color: #fff;}
.end .end_model{
	position: relative;
	width: 88%;
	background-color: #fff;
	border-radius: 10px;
	padding: 5% 6%;
	margin-top: -10px;
	box-shadow: 0px 2px 6px  #e6ecf5;
}
.end .text_div{
	width: 98%;
	padding-left: 2%;
	margin-bottom: .2rem;
}
.end .text_ul{
	width: 100%;
	background: #f7f8fb;
	align-items: center;
	padding: 4% 0;
}
.end .text_ul li{
	width: 33%;
	flex-wrap: wrap;
}
.end .text_ul li p{
	width: 100%;
	text-align: center;
	margin-bottom: 2%;
}
.end .text_ul li p:last-child{
	margin-bottom: 0;
}
.end .text_ul .end_xian1{
	width: 2px;
	height: .8rem;
}
.end .text_ul .end_xian1 img{
	height: 100%;
	width: 100%;
	display: block;
}
.end .btn1{
	margin: 30% auto 0;
}
/*丄丄丄丄丄丄丄丄丄丄 */


/* 丅丅丅丅丅丅丅丅丅丅
 * 答题卡试卷
 */
body.test_paper{
	background:#4662fb ;
}
/*丄丄丄丄丄丄丄丄丄丄 */


/*丅丅丅丅丅丅丅丅丅丅
 * 考试 答题页
 */
body.exam_paper{
	background:#fff ;	
}
.exam_paper .top_box{width: 94%;margin:0 3%;}
.exam_paper .top_div{width:100;padding: 3% 0; justify-content: space-between;}
/*进度条*/
.exam_paper .jdt_div{width: 100%;height: 2px;background: rgba(255,255,255,0.4);}
.exam_paper .jdt_span{width: 10%;height: 2px;background: rgba(255,255,255,1);display: block;}
.exam_paper .jdt_div1{width: 100%;height: 2px;background: #e3e4eb;}
.exam_paper .jdt_span1{width: 10%;height: 2px;background: #9ea5ba;display: block;}
/*题*/
.exam_paper .ti_box{width: 94%;margin:0 3% ;}
.exam_paper .timu{margin: 4% 0;}
.exam_paper .ti_div{ background: #fff;border-radius: 5px;}
/*题型*/
.exam_paper .tixing_ul{width: 96%;padding: 2%;}
.exam_paper .tixing_ul li{position: relative;}
.exam_paper .ti_picture{width: 100%;}
.exam_paper .ti_picture img{width: 100%;display: block;}
	/*视频*/
	.videoplay{height: 3.2rem;}
	/*音频*/
	.audioplay{padding:3% 0 0 1%;}
	.audioplay .zy_playpause_btn{width: 26px;height: 26px;margin-right: .26rem;border-radius: 50%;background: #a2a8b2;margin-top: 2px;}
	.audioplay .zy_media,.audioplay .zy_controls{background: none;}
	.audioplay .zy_timeline_slider,.audioplay .zy_timeline_loaded,.audioplay .zy_timeline_current{height:3px;}
	.audioplay .zy_timeline_handle{top: -7px;box-shadow: 0 0 1px 1px #e5e5e5;background: #fff;}
	.audioplay .zy_timeline_loaded{left: 1px;}
	.audioplay .zy_timeline_current{background: #4885f7;}
	.audioplay .zy_time .zy_currenttime{color: #999;}
	.audioplay .zy_duration{color: #000;}
	.audioplay .zy_play::before{border-color: transparent transparent transparent #fff;position: relative;left: 1px;top: -1px;}
	.audioplay .zy_pause::before, .zy_pause::after{background: #fff;}
/*题选项*/
.exam_paper .option_ul{padding: 5%;position: relative;}
.exam_paper .option_ul_zz{position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;}/*严格模式遮罩*/
.exam_paper .option_ul li{margin-bottom: .5rem;}
.exam_paper .option_label{align-items: center;}
.exam_paper .option_div{width: .35rem;height: .35rem;position: relative;align-items: center;justify-content: center;margin-right: .2rem;}
.exam_paper .option_div input{width: .35rem;height: .35rem;position: absolute;top: 0;left: 0;}
.exam_paper .option_div img{width: .2rem;display: block;}
.exam_paper .tm_text{width: 85%;}
/*上一题下一题*/
.exam_paper .line2px{border-top: 1px #f2f4f8 solid;}
.exam_paper .fy_ul{width: 100%;align-items: center;justify-content: space-between;}
.exam_paper .pre{width: 50%;text-align: center;padding: 3% 0;color: #dcdcdc;}
.exam_paper .sx{width: 1px;height: .26rem;background: #f2f4f8;}
.exam_paper .next{width: 50%;text-align: center;padding: 3% 0;}
/*地步答题卡 交卷*/
.dt_foot{width: 100%;height: 0.8rem;position: fixed;bottom: 0;left: 0;z-index: 2;justify-content: space-between;align-items: center;}
#dtk{width: 20%;box-sizing: border-box;border-right: 1px solid #fff;background: #14a8fe;height: 100%;align-items: center;justify-content: center;}
#dtk img{width: .36rem;}
#dtk:active{background: #6799ff;}
.jiaojuan1{width: 80%;background: #fff;height: 100%;font-size: .3rem;color: #417fff;align-items: center;justify-content: center;}
.jiaojuan1 img{display: block;margin-right: .1rem;width: .3rem;}
.zz2{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 50;}
.zz3{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 60;}
.dtk_box{padding:0 0;height: 100%;background: #fff;position: fixed;z-index: 51;bottom: 0;left: 0;width: 100%;overflow-x: hidden;}
.dtk_zt{background: #fff;justify-content: space-between;align-items: center;padding:2% 4%;background: #f8f9fa;}
.dtk_zt_li{align-items: center;}
.dtk_quan1{background: #fcde84;border-radius: 50%;width: .24rem;height: .24rem;margin-right: .1rem;border: 1px solid #fcde84;}
.dtk_quan2{background: #f6f6f9;border-radius: 50%;width: .24rem;height: .24rem;margin-right: .1rem;border: 1px solid #c5c5ca;}
.dtk_quan3{background: #afd5ff;border-radius: 50%;width: .24rem;height: .24rem;margin-right: .1rem;border: 1px solid #afd5ff;}
.dtk_ul{height: 86%;overflow-y: auto;width: 110%;padding: 3% 4% .4rem;}
	/*未回答*/
	.dtk_li{background: #f6f6f9;width: .8rem;height: .8rem;border-radius: 50%;box-sizing: border-box;    /*border: 1px solid #c5c5ca;*/
			margin-right: .46rem;align-items: center;justify-content: center;color: #000;margin-bottom: 4%;}
	/*已回答*/
	.dtk_li2{background: #fcde84;width: .8rem;height: .8rem;border-radius: 50%;margin-right: .46rem;align-items: center;justify-content: center;color: #000;margin-bottom: 4%;}
	/*当前题*/
	.dtk_li1{background: #afd5ff;width: .8rem;height: .8rem;border-radius: 50%;margin-right: .46rem;align-items: center;justify-content: center;color: #000;margin-bottom: 4%;}
	/*答题卡地步按钮*/
.dtk_foot_div{position: absolute;bottom: 0;left: 0;width: 100%;}
.dtk_fh{width: 50%;height: .8rem;background: #2d3545;align-items: center;justify-content: center;}
.jj_inp{color:#fff;width: 50%;align-items: center;justify-content: center;height: .8rem;}
.jj_inp img{width: .3rem;margin-right: .1rem;}

/*视频控制*/
.play_video .zy_controls{justify-content: space-between;}
.play_video .zy_timeline{display: none;}
/*音频控制*/
.play_audio .zy_timeline{display: none;}
/*丄丄丄丄丄丄丄丄丄丄 */

/*
 * 在线练习 试卷
 * 
 */
.test_paper .dtk_fh{width: 100%;}
.test_paper .tijiexi{padding-top: .46rem;}
.test_paper .tijiexi>p{margin-bottom: .14rem;}
.test_paper .option_label .danxuan3{border: 1px solid #ff6161;border-radius: 50%;background: #ff6161;box-shadow: 0px 2px 6px #ff6161;}
.test_paper .duoxuan_btn{border-radius: 1rem;width: 2rem;height: .7rem;margin: 0 auto .3rem;display: block;}
.test_paper .option_label .duoxuan3{border: 1px solid #ff6161;border-radius: 4px;background: #ff6161;box-shadow: 0px 2px 6px #ff6161;}
.test_paper .option_label .duoxuan4{border: 1px solid #08c88d;border-radius: 4px;background: #08c88d;box-shadow: 0px 2px 6px #08c88d;}
.tijiexi .jx_content img{width:100%;display:black;}

/****************调查问卷***************/
body.questionnaire{background: #f1f3f7;}
.questionnaire .question_box{padding:4% 3%;}
/*问题卡片*/
.questionnaire .quest_box1{margin-bottom: .5rem;}
.questionnaire .quest_wen{font-size: .3rem;border-radius: 50%;border: 2px solid #fff;color: #fff;width: .6rem;height: .6rem;align-items: center;justify-content: center;}
.questionnaire .quest_ka1{background: #fff;border-radius: .1rem;width: 4.6rem;margin-left: .2rem;padding: 3% 3% 5%;}
.questionnaire .quest_ka1>.tixing{color: #a3a3a3;}
	/*题型*/
.questionnaire .tixing_ul{width: 100%;}
.questionnaire .tixing_ul li{position: relative;}
.questionnaire .ti_picture{width: 100%;}
.questionnaire .ti_picture img{width: 100%;display: block;}
.questionnaire .videoplay{width: 100%;height: 2.6rem;}
.questionnaire .videoplay .zy_media{height: 100% !important;}
	/*题选项*/
.questionnaire .option_ul{padding: 5%;position: relative;}
.questionnaire .option_ul_zz{position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;}/*严格模式遮罩*/
.questionnaire .option_ul li{margin-bottom: .5rem;}
.questionnaire .option_label{align-items: center;}
.questionnaire .option_div{width: .35rem;height: .35rem;position: relative;align-items: center;justify-content: center;margin-right: .2rem;}
.questionnaire .option_div input{width: .35rem;height: .35rem;position: absolute;top: 0;left: 0;}
.questionnaire .option_div img{width: .2rem;display: block;}
.questionnaire .tm_text{width: 85%;}
	/*进度条*/
.questionnaire .jdt_div{width: 100%;height: 2px;background: #e3e4eb;position: fixed;z-index: 5;top: 0;left: 0;}
.questionnaire .jdt_span{width: 10%;height: 2px;background: #9ea5ba;display: block;}
	/*确定按钮*/
.questionnaire .dcwj_confirm{padding: 3.5% 0;width:2rem;color: #fff;border-radius: 1rem;}
/*回答卡片*/
.questionnaire .quest_box2{margin-bottom: .5rem;justify-content: flex-end;}
.questionnaire .quest_ka2{border-radius: .2rem;margin-right: .2rem;width: 70%;}
.questionnaire .quest_ka2 .xz_div{border-bottom: 1px solid #5d95f9;box-sizing: border-box;padding: 3%;text-align: center;}
.questionnaire .cxxz_div{align-items: center;justify-content: center;padding: 2%;}
.questionnaire .cxxz_div>span{color: #245dc2;}
.questionnaire .cxxz_div>img{width: .3rem;margin-left: .2rem;}
	/*头像*/
.questionnaire .quest_touxiang{border-radius: 50%;border: 2px solid #fff;width: .6rem;height: .6rem;}
.questionnaire .quest_touxiang>img{width: 100%;height: 100%;display: block;}
/****************调查问卷***************/


/****************调查问卷结束页***************/
body.quest_end{}
.quest_end>img{width: 100%;display: block;margin-bottom: .5rem;}
.quest_end .btn1,.quest_end .btn2{margin-bottom: .4rem;}
/****************调查问卷结束页***************/