*{
    margin:0;padding: 0;
}
ul li,ol li{
    list-style: none;
}

ul,ol{
	padding-left: 0;
}

.clearfix:after{
	content: '';
	display:block;
	clear: both;
}
.clear{
	zoom:1;
}

.left{
	float: left;
}

.right{
	float: right;
}

body{
	background: #ffd600;
}

.page{
	max-width:10.0rem;
	margin: 0 auto;
	background: #ffd600;
}


.page img{
	width: 100%
}

.page .ss{
	width: 10.0rem;
	height: 17.7866667rem;

}

.page .ss1{
	
	background:url(../images/pic1.jpg) no-repeat top center;
	background-size:contain;

}
.page .ss2{
	
	background:url(../images/pic2.jpg) no-repeat top center;
		background-size:contain;
}
.page .ss3{
	
	background:url(../images/pic3.jpg) no-repeat top center;
		background-size:contain;
}
.page .ss4{
	
	background:url(../images/pic4.jpg) no-repeat top center;
		background-size:contain;
}

.page .ss3{
	padding-top:6.2666667rem;
	box-sizing: border-box;
}

.page .ss3 ul{
	width: 8.6133333rem;
	margin: 0 auto;
}

.page .ss3 ul li{
	height: 1.1466667rem;
	margin-bottom: 0.5733333rem;

}

.page .ss3 ul li img{
	width: 100%;
}

.page .ss3 ul li .left{
	text-align: right;
	height: 1.1466667rem;
	width: 2.7333333rem
}
.page .ss3 ul li .right{
	width: 4.9866667rem;
	height: 1.0666667rem;
	border:0.04rem solid #6f4a37;
	background: #fff;
	float: left;
	margin-left: 0.2rem;
	border-radius: 0.1333333rem;
	padding-top: 0.03rem;
}

.page .ss3 ul li.li3 .right{
	border:none;
	background:none;
}
.page .ss3 ul li.li3 .right span{
	height: 1.1466667rem;
}
.page .ss3 ul li.li3 .right input{
	height:1.1466667rem;
	border:0.04rem solid #6f4a37;
}

.page .ss3 ul li.li3 .right span img{
	height: 100%;
}


.page .ss3 ul li .right input{
	width: 4.9866667rem;
	height: 1.0rem;
	outline: none;
	border:none;
	border-radius: 0.1333333rem;
	padding-left: 0.2666667rem;
	box-sizing: border-box;
	font-size: 0.3666667rem;
}
.page .ss3 .tj{
	display: block;
	width: 6.9866667rem;
	height: 1.5733333rem;
	margin: 0 auto;
}

.page .ss3 .tip{
	text-align: center;
	font-size: 12px;
	padding-top: 0.8rem;
}

.suc1{
	position: fixed;
	width: 100%;
	height: 18rem;
	left: 0;
	top: 0;
	z-index:2;
	 display: none; 
}

.suc1 .shadow{
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	width: 100%;	
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.suc1 .box{
	width:9.3866667rem;
	height:9.3333333rem;
	background:url(../images/succ.png) no-repeat top center;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4.6666667rem;
	margin-left: -4.6933333rem;
}


.suc1 .box a{
	width:3.6266667rem;
	height:1.3866667rem;
	display: block;
	position: absolute;
	bottom:0.84rem;
	
}

.suc1 .box a.go{
	left:0.7866667rem;
}
.suc1 .box a.yes{
	right:0.7866667rem;
}
.page .ss4 .zxbox{
	padding-top: 6.4rem;
}
.page .ss4 .zxbox a{
	width: 7.7866667rem;
	height: 1.8133333rem;
	display: block;
	margin:  0 auto 0.4rem;
}
.page .ss4 .abox{
	position: absolute;
	left: 0;
	top:15.76rem;
	height: 1.9066667rem;
	width: 100%;
	
}
.page .ss4 .abox a{
	width: 50%;
	height: 1.9066667rem;
	float: left;
	display: block;
}