*{
	margin: 0;
	padding: 0;
}
html,body{
	height: 100%;
	background: #fd5f4e;
	color: #333;
	overflow: hidden;
}
li{
	list-style: none;
}
input,button{
	outline: none;
	border: none;
	background: #F0F4FF;
}
input::-webkit-input-placeholder{
	color: #ACAFB5;
}
.header{
	width: 7.5rem;
	height: 0.88rem;
	position: relative;
	background: #fff;
	position: relative;
	z-index: 2;
}
.back{
	width: 1.2rem;
	height: 0.88rem;
	line-height: 0.88rem;
	font-size: 15px;
	text-align: center;
	color: #333;
	position: absolute;
	top: 0;
	left: 0;
}
.back img{
	width: 0.21rem;
	height: 0.34rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.1rem;
	margin-top: -3px;
}
.header h1{
	font-size: 18px;
	width: 7.5rem;
	line-height: 0.88rem;
	text-align: center;
	color: #333;
	font-weight: 500;
}
.bannerBox{
	width: 7.5rem;
	height: 100%;
	background: url(../images/beijing.png) no-repeat top;
	background-size: contain;
	overflow: hidden;
}
.banner{
	width: 7.5rem;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0rem;
	overflow: hidden;
	background: #fd5f4e;
	animation: bannerCar 1s linear 1;
	/*animation-fill-mode : forwards;*/
}
/*.donghua{
	animation: bannerCar 1s linear 1;
	animation-fill-mode : forwards;
}*/
@-webkit-keyframes bannerCar{
	0%{
		top: -12rem;
	}
	50%{
		top: -6rem;
	}
	100%{
		top: 0rem;
	}
}
@-ms-keyframes bannerCar{
	0%{
		top: -12rem;
	}
	50%{
		top: -6rem;
	}
	100%{
		top: 0rem;
	}
}
@-moz-keyframes bannerCar{
	0%{
		top: -12rem;
	}
	50%{
		top: -6rem;
	}
	100%{
		top: 0rem;
	}
}
@keyframes bannerCar{
	0%{
		top: -12rem;
	}
	50%{
		top: -6rem;
	}
	100%{
		top: 0rem;
	}
}
.claim{
	height: 2rem;
	width: 6.8rem;
	margin: 0.2rem auto 0.2rem;
	position: relative;
}
.claim li{
	width: 3.4rem;
	height: 1rem;
	font-size: 13px;
	/*float: left;*/
	position: absolute;
}
.claim1{
	top: 0;
	left: -4rem;
	/*animation: claimmove1 2s linear 1s 1;*/
	/*animation-fill-mode : forwards;*/
}
.claim2{
	top: 0;
	right: -4rem;
	/*animation: claimmove2 2s linear 1s 1;*/
	/*animation-fill-mode : forwards;*/
}
.claim3{
	top: 1rem;
	left: -4rem;
	/*animation: claimmove1 2s linear 1s 1;*/
	/*animation-fill-mode : forwards;*/
}
.claim4{
	top: 1rem;
	right: -4rem;
	/*animation: claimmove2 2s linear 1s 1;*/
	/*animation-fill-mode : forwards;*/
}
.donghua .claim1,.donghua .claim3{
	animation: claimmove1 1.5s linear 0.5s 1;
	animation-fill-mode : forwards;
}
.donghua .claim2,.donghua .claim4{
	animation: claimmove2 1.5s linear 0.5s 1;
	animation-fill-mode : forwards;
}
@keyframes claimmove1{
	0%{
	    left: -4rem;
	}
	50%{
		left: -2rem;
	}
	100%{
		left: 0;
	}
}
@keyframes claimmove2{
	0%{
	    right: -4rem;
	}
	50%{
		right: -2rem;
	}
	100%{
		right: 0;
	}
}
.claim li i{
	width: 0.3rem;
	height: 0.3rem;
	background: url(../images/wujiaoxing.png) no-repeat center;
	background-size: cover;
	float: left;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	margin-top: 0.1rem;
}
.claim li div{
	float: left;
	height: 1rem;
	width: 2.5rem;
}
.claim li div p{
	line-height: 0.5rem;
	text-align: left;
}
.upBtn{
	width: 0.8rem;
	height: 0.5rem;
	background: url(../images/jiantou.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -0.4rem;
	bottom: 20px;
	/*margin: 0.1rem auto 0;*/
	/*animation: upmove 1s linear 1s infinite ;*/
}
.donghua .upBtn{
	animation: upmove 1s linear 0s infinite ;
}
@-webkit-keyframes upmove{
	0%{
		bottom:25px
	}
	50%{
		bottom:10px
	}
	100%{
		bottom:25px
	}
}
@-ms-keyframes upmove{
	0%{
		bottom:25px
	}
	50%{
		bottom:10px
	}
	100%{
		bottom:25px
	}
}
@-moz-keyframes upmove{
	0%{
		bottom:25px
	}
	50%{
		bottom:10px
	}
	100%{
		bottom:25px
	}
}
@keyframes upmove{
	0%{
		bottom:25px
	}
	50%{
		bottom:10px
	}
	100%{
		bottom:25px
	}
}
.rules{
	width: 4rem;
	height: 2rem;
	margin: 6rem auto 0rem;
	/*margin:  auto ;*/
	/*animation: rulesmove 2s linear 0s 1;*/
	animation-fill-mode : forwards;
}
.donghua .rules{
	animation: rulesmove 1.5s linear 0.5s 1;
	animation-fill-mode : forwards;
}
@keyframes rulesmove{
	from{
		margin: 6rem auto 0rem;
	}
	to{
		margin: 0 auto 0;
	}
}
.rules li{
	color: #FE852C;
	font-size: 15px;
	height: 0.45rem;
	margin-bottom: 0.2rem;
}
.rules li img{
	width: 0.38rem;
	height: 0.38rem;
	float: left;
	/*margin-top: 0.38rem;*/
}
.rules li span{
	width: 3.3rem;
	height: 0.42rem;
	border: 1px solid #FE852C;
	float: right;
	text-align: center;
	line-height: 0.42rem;
	border-radius: 0.42rem;
	/*margin-top: 0.35rem;*/
}
.contentSec p{
	font-size: 12px;
	text-align: center;
	line-height: 0.5rem;
}
.biaoqian{
	width: 3rem;
	height: 0.5rem;
	margin: 0.2rem auto;
	background: url(../images/pxsbx.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 8rem;
	bottom: 1.5rem;
	font-size: 12px;
	text-align: center;
	line-height: 0.5rem;
	color: #fff;
	
}
.donghua .biaoqian{
	animation: moveBQ 2s linear 2s 1;
	animation-fill-mode : forwards;
}
@keyframes moveBQ{
	0%{
		left: 8rem;
	}
	20%{
		left: 2rem;
	}
	40%{
		left: 3.2rem;
	}
	60%{
		left: 2.1rem;
	}
	80%{
		left: 2.5rem;
	}
	100%{
		left: 2.25rem;
	}
	
}
.account{
	width: 4rem;
	height: 1.2rem;
	margin: 0.9rem auto 0;
}
.account li{
	height: 0.4rem;
	line-height: 0.4rem;
	font-size: 12px;
	position: relative;
}
.account li::before{
	content:"";
	color:#C8C8C8;
	width: 0.1rem;
	height: 0.1rem;
	background: #FF442C;
	position: absolute;
	top: 0.15rem;
	left: -0.2rem;
	border-radius: ;
}
.section{
	position: fixed;
	width: 7.5rem;
	height: 100%;
	left: 0;
	top: 100%;
	background: #fd5f4e;
}
.registerPage{
	width: 100%;
	height: 100%;
	background: url(../images/registerPage.png) no-repeat top;
	background-size: contain;
	overflow: hidden;
	/*display: none;*/
}
.registerSuccess{
	width: 100%;
	height: 100%;
	background: url(../images/registerSuccess.png) no-repeat top;
	background-size: contain;
	overflow: hidden;
	display: none;
}
.contentSec{
	width: 7.16rem;
	height: 7.7rem;
	background: url(../images/yjjx.png) no-repeat center;
	background-size: cover;
	margin: 3.67rem auto 0;
	overflow: hidden;
	position: relative;
}

.sortTitle{
	font-size: 18px;
	width: 6.5rem;
	height: 1.2rem;
	font-weight: 500;
	margin: auto;
	line-height: 1.2rem;
}
.seclect{
	width: 5.28rem;
	height: 0.86rem;
	margin: auto;
	font-size: 15px;
	color: #333;
	background: #F0F4FF;
	line-height: 0.86rem;
	padding-left: 0.2rem;
	position: relative;
}
.seclect::-webkit-input-placeholder{
	color: #ACAFB5;
}
.seclect:before{
	content: '';
	position: absolute;
	width: 0.34rem;
	height: 0.2rem;
	top: 0.33rem;
	right: 0.33rem;
	background: url(../images/sanjiao.png) no-repeat center;
	background-size: cover;
}
/*.seclect i{
	position: absolute;
	width: 0.34rem;
	height: 0.2rem;
	top: 0.33rem;
	right: 0.33rem;
	background: url(../images/sanjiao.png) no-repeat center;
	background-size: cover;
}*/
.loginBox{
	width: 6.5rem;
	height: 7rem;
	margin: 0.3rem auto;
	/*background: red;*/
	
}
.loginBox ul{
	width: 6.5rem;
	height: 4.2rem;
	overflow: hidden;
}
.loginBox ul li{
	width:5.48rem;
	height: 0.86rem;
	margin: 0.5rem auto 0;
	
}
.loginBox ul li input{
	width:5.2rem;
	height: 0.86rem;
	/*display: block;*/
	font-size: 15px;
	padding-left: 0.2rem;
	border-radius: 5px;
	float: left;
}
.loginBox ul li .shortNum{
	width: 3.3rem;
	height: 0.86rem;
}
.getCode{
	width: 1.8rem;
	height: 0.86rem;
	font-size: 15px;
	text-align: center;
	float: right;
	border-radius: 5px;
	line-height: 0.86rem;
	background: #C5C8D2;
	color: #fff;
}
.noClick,.receive{
	width: 6.26rem;
	height: 0.88rem;
	display: block;
	margin: 0.5rem auto 0;
	/*border-radius: 0.88rem;*/
	background: url(../images/anniu1.png) no-repeat center;
	background-size: cover;
	color: #FFFFFF;
	font-size: 18px;
}
.receive{
	margin: 3.93rem auto 0;
}
.yesClick,.yesReceive{
	background: url(../images/anniu2.png) no-repeat center;
	background-size: cover;
}
.contentSec .point{
	color: #FF0704;
	font-size: 12px;
	width: 5.48rem;
	height: 1rem;
	margin: auto;
	text-align: left;
}
.codeBtn{
	background: url(../images/yellow.png) no-repeat center;
	background-size: cover;
	color: #86512E;
}
.prompt{
	position: fixed;
	width: 2rem;
	height: 0.8rem;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: rgba(0,0,0,0.5);
	z-index: 999;
	border-radius: 0.2rem;
	display: none;
	font-size: 12px;
	text-align: center;
	line-height: 0.8rem;
	color: #fff;
}
.seclectList{
	position: fixed;
	width: 7.5rem;
	height: 5.9rem;
	background: red;
	bottom: 0;
	left: 0;
}
.seclectList h2{
	height: 1rem;
	background: #F8FAFF;
}
.overSeclect{
	width: 1rem;
	height: 0.4rem;
	float: right;
	margin: 0.25rem;
	font-size: 15px;
	color: #FF0402;
}
.dataBox{
	width: 7.5rem;
	height: 4.9rem;
	background: #F0F4FF;
	position: relative;
	overflow: hidden
}
.activeXian{
	position: absolute;
	height: 0.7rem;
	width: 7.5rem;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	box-sizing: border-box;
	left: 0;
	top: 2.1rem;
	box-shadow: 0 0 362px 35px #e7e5e5;
}
.listBox{
	width: 7.5rem;
	height: 4.9rem;
	/*overflow: auto;*/
}
.dataList li{
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 15px;
	text-align: center;
	color: #666;
}
.dataList li.active{
	color: #333;
}
.upzhegai{
	position: absolute;
	width: 7.5rem;
	height: 1.4rem;
	/*background: rgba(0,0,0,0.5);*/
	background-image: linear-gradient(to bottom,rgba(231,229,229,1),rgba(231,229,229,0.2));
	top: 0;
	left: 0;
}
.downzhegai{
	position: absolute;
	width: 7.5rem;
	height: 1.4rem;
	/*background: rgba(0,0,0,0.5);*/
	background-image: linear-gradient(to top,rgba(231,229,229,1),rgba(231,229,229,0.2));
	bottom: 0;
	left: 0;
}
.getBox{
	position: fixed;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 999;
}
.getAffirm{
	width: 5.2rem;
	height: 3.2rem;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #FFFFFF;
	border-radius: 5px;
	position: absolute;
}
.getAffirm p{
	width: 4.5rem;
	height: 1rem;
	margin: 0.5rem auto;
	display: block;
	text-align: center;
	font-size: 15px;
}
.getBtn{
	width: 5.2rem;
	height: 1.2rem;
	border-top: 1px solid #DDDDDD;
	font-size: 15px;
	line-height: 1.2rem;
	text-align: center;
}
.getensure{
	width: 2.6rem;
	height: 1.2rem;
	float: left;
	border-right: 1px solid  #DDDDDD;
	color: #F1181C;
}
.getcancle{
	height: 1.2rem;
	width: 2.5rem;
	float: right;
	color: #BBBBBB;
}
.getBox i{
	width: 0.86rem;
	height: 0.86rem;
	background: url(../images/jiazai.png) no-repeat center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	animation: xuanzhuan 2s linear infinite;
	display: none;
}
@-webkit-keyframes xuanzhuan{
	from{
		transform: rotateZ(0deg);
	}
	to{
		transform: rotateZ(360deg);
	}
}
@-ms-keyframes xuanzhuan{
	from{
		transform: rotateZ(0deg);
	}
	to{
		transform: rotateZ(360deg);
	}
}
@-moz-keyframes xuanzhuan{
	from{
		transform: rotateZ(0deg);
	}
	to{
		transform: rotateZ(360deg);
	}
}
@keyframes xuanzhuan{
	from{
		transform: rotateZ(0deg);
	}
	to{
		transform: rotateZ(360deg);
	}
}