.footer{
	width:100%;
	height:2rem;
	background:#F9F9F9;
	border-top:1px solid #ebebeb;
	position:fixed;
	bottom:0;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
.footer li{
	flex-grow:1;
	-webkit-flex-grow:1;
	text-align:center;
}
.footer li p{
	color:#B6B6B6;
	font-size:.56rem;
	line-height:.6rem;
	margin-top:.2rem;
}
.footer li .clickColor{
	color:#1F86C9
}
.footer li .img1{
	width:.98rem;
	height:.8rem;
}
.footer li .img2{
	height:.98rem;
	width:.8rem;
}
.footer li .img3{
	width:.94rem;
	height:.92rem;
}
.footer li .img4{
	width:.98rem;
	height:.98rem;
}
.footer li a{
    width: 100%;
    height: 100%;
    display: inline-block;
}

.loginHide{
	display:none;
}
/**登录的样式**/
.login{
	padding:2.06rem .8rem 0;
    text-align: center;
}
.login h3{
	color:#565656;
	font-size:.64rem;
	text-align:center;
	line-height:.94rem;
}
.loginText{
	margin-top:2rem;
}
.loginLabel{
	border-bottom:1px solid #D3D3D3;
	margin-bottom:.86rem;
	padding:.12rem;
	display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}
.loginLabel label{
	width:2.4rem;
	color:#565656;
	font-size:.64rem;
	padding:0 .12rem;
	display:inline-block;
	text-align: right;
	line-height:.84rem;
	height:.84rem;
	border-right:1px solid #F2F2F2;
}
.loginLabel input{
	width:9rem;
	border:0;
	color:#565656;
	font-size:.64rem;
	line-height:.84rem;
	height:.84rem;
	padding-left:.22rem;
}
.loginLabel input::-webkit-input-placeholder {
	color: #CCCCCC;
	font-size:.64rem;
}
.loginLabel input:-ms-input-placeholder {
	color: #ccc;
	font-size:.64rem;
}
.loginLabel input:-moz-placeholder { 
	color: #ccc;
	font-size:.64rem;
}
.loginLabel input::-moz-placeholder {
	color: #ccc;
	font-size:.64rem;
}
.login button{
	margin-top:.92rem;
	width:12rem;
	height:1.84rem; 
	background:rgba(2,145,218,1);
	box-shadow: 0px .2rem .4rem 0px rgba(2,145,218,0.2) ;
	border-radius: .84rem ; 
	font-size:.64rem;
	font-family:PingFangSC-Medium;
	color:rgba(255,255,255,1);
    border:0;
}

/**准备测试页面**/
.welcome{
	padding:4.9rem 1.5rem 0;
}
.welcome h3{
	color:#565656;
	font-size:.64rem;
	text-align:center;
	line-height:.94rem;
}
.welcomeText{
	margin-top:2.24rem;
	padding:.5rem;
	width:12rem;
	height:4rem;
	background:#F2F2F2;
	border-radius:.4rem;
	line-height:.8rem;
	color:#AAAAAA;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
	font-size:.56rem;
}
.welcome button{
	margin-top:3.08rem;
	width:12rem;
	height:1.84rem; 
	background:rgba(2,145,218,1);
	box-shadow: 0px .2rem .4rem 0px rgba(2,145,218,0.2) ;
	border-radius: .84rem ; 
	font-size:.64rem;
	font-family:PingFangSC-Medium;
	color:rgba(255,255,255,1);
    border:0;
}

/**开始测试页面**/
.start{
	padding:.8rem;
}
.startCom{
	margin-bottom:1.4rem;
}
.startTop{
	color:#565656;
	font-size:.72rem;
	line-height:.88rem;
	height:.88rem;
}
.startTopicCom{
	margin-top:.7rem;
}
.startTopicComT{
	color:#565656;
	font-size:.56rem;
	line-height:.8rem;
	margin-bottom:.7rem;
}
.startTopicComT img,.startTopicComB li img{
	width:2.5rem;
	height:2.5rem;
}
.startTopicComB{
	color:#565656;
	font-size:.56rem;
	display: flex;
	display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.startTopicComB li{
	display:flex;
	display:-webkit-flex;
	min-width:4rem;
	min-height:1rem;
	padding:.1rem 0;
}
.startTopicComB li label{
	margin-left:.6rem;
	width:100%;
	font-size:.56rem;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
.startTopicComB li input[type="radio"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    width: .22rem;
    height: .24rem;
    margin-right: .3rem;
    border-radius: 100%;
    border: 1px solid #ccc;
    text-indent: .15rem;
    line-height: 1; 
    padding:.2rem;
}
.startTopicComB li input[type="radio"]:checked + label::before {
    background-color: #108EE9;
    border: 1px solid #108EE9;
    background-clip: content-box;
    padding:.2rem;
    border-radius: 100%;
    width: .22rem;
    height: .24rem;
}
.startTopicComB li input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.startTopicComB li input[type="checkbox"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    width: .22rem;
    height: .24rem;
    margin-right: .6rem;
    border-radius: 100%;
    border: 1px solid #ccc;
    text-indent: .15rem;
    line-height: 1; 
    padding:.2rem;
}
.startTopicComB li input[type="checkbox"]:checked + label::before {
    background-color: #108EE9;
    border: 1px solid #108EE9;
    background-clip: content-box;
    padding:.2rem;
    border-radius: 100%;
    width: .22rem;
    height: .24rem;
}
.startTopicComB li input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

/**倒计时**/
.time{
	width:100%;
	height:2rem;
	background:#fff;
	border-top:1px solid #ebebeb;
	position:fixed;
	bottom:0;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content: center;
	-webkit-justify-content: center;
	margin-left:-.8rem;
	z-index:99;
}
.time li{
	width:8rem;
	height:1.2rem;
	background:rgba(2,145,218,1);
	box-shadow: 0px 5px 10px 0px rgba(2,145,218,0.2) ;
	border-radius: .84rem ; 
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content: center;
	-webkit-justify-content: center;
	font-size:.56rem;
}
.countdown{
	color:#fff;
	font-size:.48rem;
	border-right:1px solid #fff;
	padding-right:.4rem;
}
.timeBut{
	padding-left:.4rem;
	color:#fff;
}
/**弹出框**/
.bg{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	top:0;
	left:0;
	z-index:99;
}
.pop{
	width:10.8rem;
	height:7rem; 
	background:#fff;
	border-radius: .48rem; 
	
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-5.4rem;
	margin-top:-3.5rem;
	z-index:100;
}
.popText{
	padding:1rem .6rem 0;
}
.popText p{
	color:#565656;
	font-size:.56rem;
	line-height:.96rem;
	text-align:center;
}
.popText p.popP{
	padding-top:.6rem;
	line-height:.8rem;
}
.popBut{
	height:1.7rem;
	border-top:1px solid #eee;
	position:absolute;
	bottom:0;
	width:10.8rem;
	display:flex;
	display:-webkit-flex;
	-webkit-justify-items: center;
    align-items: center;
    -webkit-justify-items: center;
    align-items: center;
}
.popBut button{
	background:none;
	border:0;
	border-right:1px solid #eee;
	height:100%;
	flex-grow:1;
	-webkit-flex-grow:1;
	color:#0291DA;
	font-size:.64rem;
}
.popBut .buttonClose{
    border-right:0;
    color:#aaa;
}

/**提交后样式**/
.end{
	margin:4rem 1.5rem 0;
}
.endText{
	background:#F2F2F2;
	border-radius:.4rem;
	padding-top:.6rem;
	height:8rem;
}
.endText h3{
	color:#565656;
	font-size:.64rem;
	text-align:center;
	line-height:.8rem;
	margin-bottom:1.2rem;
}
.endText p{
	text-align:center;
}
.endText p label{
	font-size:.64rem;
	color:#aaa;
}
.endText p span{
	color:#F97C38;
	font-size:1.2rem;
	line-height:1.68rem;
}
.endBut{
	margin-top:3rem;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items: center;
	-webkit-align-items: center;
}
.endBut button{
	width:5.2rem;
	height:1.6rem;
	line-height:1.6rem;
	text-align:center;
	color:#fff;
	font-size:.64rem;
	border:0;
	border-radius:.84rem;
}
.endBut .look{
	background:rgba(249,124,56,1);
    box-shadow: 0px 5px 10px 0px rgba(249,124,56,0.2) 
}
.endBut .again{
	background:rgba(2,145,218,1);
    box-shadow: 0px 5px 10px 0px rgba(2,145,218,0.2) 
}
.logut{
	width: 100%;
    height: 1.6rem;
    background: rgba(162,180,192,1);
    box-shadow: 0px 1px 0px 0px rgba(242,242,242,1);
    display: flex;
    border-radius: .84rem;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    z-index: 99;
    margin-top: 1rem;
}
.logut p{
	color:#fff;
	font-size:.64rem;
}
/**查看错误页面**/
.err{
	padding:.8rem;
}
.errCom{
	margin-bottom:1.4rem;
}
.errTop{
	color:#565656;
	font-size:.64rem;
	line-height:.88rem;
	height:.88rem;
}
.errTopicCom{
	margin-top:.7rem;
}
.errTopicComT{
	color:#565656;
	font-size:.56rem;
	line-height:.8rem;
	margin-bottom:.7rem;
}
.errTopicComT img,.errTopicComB li img{
	width:2.5rem;
	height:2.5rem;
}
.errTopicComB{
	color:#565656;
	font-size:.56rem;
	display: flex;
	display:-webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.errTopicComB li{
	display:flex;
	display:-webkit-flex;
	min-width:4rem;
	min-height:1rem;
	padding:.1rem 0;
}
.errTopicComB li label{
	margin-left:.6rem;
	width:100%;
	display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.errTopicComB li input[type="radio"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    width: .22rem;
    height: .24rem;
    margin-right: .3rem;
    border-radius: 100%;
    border: 1px solid #ccc;
    text-indent: .15rem;
    line-height: 1; 
    padding:.2rem;
}
.errTopicComB li input[type="radio"]:checked + label::before {
    background-color: #108EE9;
    border: 1px solid #108EE9;
    background-clip: content-box;
    padding:.2rem;
    border-radius: 100%;
    width: .22rem;
    height: .24rem;
}
.errTopicComB li input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.errTopicComB li input[type="checkbox"] + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    width: .22rem;
    height: .24rem;
    margin-right: .6rem;
    border-radius: 100%;
    border: 1px solid #ccc;
    text-indent: .15rem;
    line-height: 1; 
    padding:.2rem;
}
.errTopicComB li input[type="checkbox"]:checked + label::before {
    background-color: #108EE9;
    border: 1px solid #108EE9;
    background-clip: content-box;
    padding:.2rem;
    border-radius: 100%;
    width: .22rem;
    height: .24rem;
}
.errTopicComB li input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}




.errTopicComT span{
	color:red;
	margin-left:.2rem;
}
.errTopicComT span.green{
	color:#78AD4B;
}
.errAgain{
	margin-bottom:2.5rem;
}
.errAgain p{
	width:100%;
	height:1.84rem;
	background: rgba(2,145,218,1);
	border-radius: .84rem;
    box-shadow: 0px 1px 0px 0px rgba(242,242,242,1);
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content: center;
	-webkit-justify-content: center;
}
.errAgain p{
	color:#fff;
	font-size:.64rem;
}