/**
 * Created by cy on 2017/10/23
 *
 * Description:
 * 答题
 */

html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);width: 100%;height: 100%;}
font{color: #E5493D;font-size: .24rem;}
.page3_main{
    position: relative;
	width: 100%;height: 100%;
	box-sizing: border-box;
    padding:1.5rem 20px 20px;
	overflow-y: scroll;
	background-size: 100% 100%;
}

.page3_num{
    width:100px;
    height:50px;
    border: 1px solid #d2c7bb;
    border-bottom: 0;
    border-radius: 50px 50px 0 0;
    overflow: hidden;
    position: absolute;
    top:131px;
    left:50%;
    margin-left:-50px;
    text-align: center;
    box-sizing: border-box;
    z-index: 2;
    color:#c1af96;
    font-size:24px;
    background:#faf5f0;
    background-clip: padding-box;
}
.page3_num span{
    margin-top:20px;
    display: inline-block;
}
.page3_QA{
	overflow: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
    height: auto !important;
    min-height: 300px;
	/*background: #FFF;
	padding: .1rem;*/
}

.page{display: none;background: #FFF;padding:0 .1rem .1rem;border-radius: 10px;}
.jiexi{display: none;background: #FFF;padding: .1rem;border-radius: 10px;margin-top: .2rem;}
.page3_tit{width: 100%;height: .6rem;line-height: .6rem;padding: .1rem;box-sizing: border-box;}
.j_tit{width: 100%;height: .6rem;line-height: .6rem;}
.j_tit i{border-left: 5px solid #BA9E83;padding-left: 10px; font-weight:bold;font-size: .35rem;}
.page3_tit i{border-left: 5px solid #BA9E83;padding-left: 10px; font-weight:bold;font-size: .35rem;}
.page3_tit span{font-size: .35rem;float: right;}
.page3_tit b{font-weight: 600;}
.answer{padding: .2rem; font-size: .26rem;line-height: .4rem;}
.page3_Q{
    padding:20px 20px 10px;
    font-size: .3rem;
    color:#000;
    line-height: 30px;
}
.page3_Q i{color: red;}
.page3_Q span{color:#E5493D;font-weight: 700;}
.page3_A{
    padding:10px 20px;
    font-size: 18px;
    color:#000;
}
.page3_A li{
	margin: 10px 0;
    padding:8px 5px;
	font-size: .3rem;
	
    position: relative;overflow: hidden;
	background:  #FAFBFC;
	border-radius: 5px;
	border: 1px solid #F3F4F6;
}

.page3_A li.on{background:#F7F4F2;border: 1px solid #BCA288;color: #BCA288;}
.page3_A li.error{background: #FCEEED;color: #F94754;border: 1px solid #FCEEED;}
.page3_A li.success{background:#E9F8F1;color: #35C56E;border: 1px solid #E9F8F1;}
.page3_A li.error .page3_A-icon{background: url(../img/on_err.png) center center no-repeat;}
.page3_A li.success .page3_A-icon{background: url(../img/on_ok.png) center center no-repeat;}
.page3_A-icon{
    width:30px;
    height:30px;
    line-height: 30px;
    box-sizing: border-box;
    text-align: center;
    float: left;
	/*background: url(../img/c.png) center center no-repeat;background-size:20px 20px ;*/
}
.page3_A-icon.selected{
   /* background: url(../img/b.png) center center no-repeat;background-size:24px 24px ;*/
}

/*.page3_A-text{
    display: block;
    margin-left: 40px;
}*/

.page3_A-text-textImg{
    display: block;
    margin-left: 20px;
}
.page3_A-text{
    display: block;
    line-height: 30px;
    vertical-align: middle;
}
.page3_A-img{width: 20px;margin-left:10px;vertical-align: middle;display: inline-block;}
.page3_img{text-align: center;padding: .3rem;}
.page3_img img{max-width: 100%;}

.page3_pagination{
	position: absolute;
	top: 0;
	right:0;
	width:100%;
	height: .8rem;
	/* background: #FEFEFE; */
}
.pagination_submit,
.pagination_next,
.pagination_back{
	float: right;
    display:none;
	text-align: center;
    overflow: hidden;
	margin: .1rem .2rem;
	width: 1.2rem;
	height: .6rem;background: #FFF;color: #A08B7E;
	font-size: .24rem;
	border-radius: .1rem;
	line-height: .6rem;
	display: inline-block;
}

.pagination_back{background:url(../img/btn_back.png) 0 bottom no-repeat;
    background-size: 100% auto;}
.page3_Q_answer{font-size: 20px;}
#page3_source{padding:.2rem 20px;height: .3rem;overflow: hidden;}
#page3_source i{display: block;float: left;height: .3rem;line-height: .3rem;color: #3AAA60;font-size: .28rem;}
.page3_tips{padding: 0px 20px;height: .3rem;overflow: hidden;}
.page3_tips i{display: block;float: right;height: .3rem;line-height: .3rem;color: #A08B7E;background: url(../img/tips.png) left center no-repeat;background-size: auto 100%;text-indent: .35rem;}
/*适配====================*/
/*分辨率小于360px样式*/
@media screen and (max-width: 359px){
    .page3_Q{
        padding:15px;
        font-size: 15px;
    }
    .page3_A{
        padding:15px;
        font-size: 15px;
    }
    .pagination_prev,
    .pagination_next{
        width:150px;
        height:40px;
    }
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-webkit-keyframes bounceInRight {

	0%,
	100%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInRight {

	0%,
	100%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	
	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}
	
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}


.page_bottom{background: url(../img/group.png) center center no-repeat;background-size: 100% auto;height: .6rem;line-height: .48rem;text-align: center;font-size: .3rem;margin-top: .2rem;}
.btn_return,.page3_btn_return{float: left;background: url(../img/back.png) center center no-repeat;width: 1rem;display: block;height: .8rem;}
.page3_btn_return{background: url(../img/back1.png) center center no-repeat;background-size: .4rem auto;}
.group_main{width: 100%;box-sizing: border-box;padding: .8rem .3rem;background-color: #F0F0F0;}
.group_main ul li{box-sizing: border-box;padding: .2rem;border-radius: 5px;background: #FFF;margin: .3rem auto;border-radius: .1rem;}
.group_main ul li h3{font-size: .32rem;line-height: .5rem;margin-bottom: .1rem;height: auto;overflow: hidden;}
.group_main ul li p{font-size: .24rem;line-height: .3rem;margin-bottom: .1rem;}

.group_main ul li div{text-align: right;height: .5rem;line-height: .5rem;font-size: .24rem;}
.group_main ul li div a{display: block;background-color: #A08E82;color: #FFF;width: 1.2rem;height: .5rem;line-height: .5rem;text-align: center;float: right;border-radius: 5px;margin-left: .3rem;font-size: .24rem;}
.group_main ul li div a.scorea{background-color:#C8C6C7 ;}
.layui-layer-demo{position: fixed !important;bottom: 0;width: 100vw;box-sizing: border-box;left: 0;top: auto;border-top-left-radius:10px;border-top-right-radius:10px;overflow: hidden;}
.layui-layer-title{padding: 0;text-align: center;}
.layui-layer-content{box-sizing: border-box;padding: .2rem;font-size: .24rem;line-height: .3rem;}