/*移动端适配 width|height|font-size = 视觉稿量出来的值 / 100rem*/
@media screen and (max-width:359px) and (min-width:320px) {
    html,body{
        font-size: 50px !important;
    }
}
@media screen and (max-width:374px) and (min-width:360px) {
    html,body{
        font-size: 56.25px !important;
    }
}
@media screen and (max-width:413px) and (min-width:375px) {
   html,body{
        font-size: 58.5px !important;
    }
}
@media screen and (max-width:639px)  and (min-width:414px){
   html,body{
        font-size: 64.6px !important;
    }
}
@media screen and (min-width:640px) {
   html,body{
        font-size: 100px !important;
    }
    .main{
    	width: 640px;
    	margin: 0 auto;
    }
}
*{
	margin: 0;
	padding: 0;
}
ul,li{
	list-style: none;
}
input[type="text"] {
	-webkit-appearance: none;
}
.clear{
	clear: both;
}
/*****注册****/
html{
	font-family: "微软雅黑";
}
.bg-img{
	max-width: 100%;
}
.main-bd{
	width: 88%;
	height: 3rem;
	position: absolute;
	top: 6rem;
	left: 6%;
}
.main-bd_down{
	width: 88%;
	height: 3rem;
	position: absolute;
	top: 6.3rem;
	left: 6%;
}
.input-phone{
	width: 100%;
	height: .8rem;
	background: #ffffff;
	border: none;
	outline: none;
	border-radius: 8px;
	text-align: center;
	font-size: .3rem;
	color: #33333b;
}
.input-phone::-webkit-input-placeholder{
    color: #93a6c6;opacity:1;
}
.home-tip-bar{
	clear: both;
	font-size: .24rem;
	color: #ff7722;
	width:90%;
	height: .55rem;
	line-height: .5rem;
}
.an-jk{
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	font-size: .3rem;
	background: #4d8eff;
	border-radius: 8px;
	text-align: center;
	color: #fff;
    margin-top: 0rem;
}
.an-jk_down{
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	font-size: .3rem;
	background: #4d8eff;
	border-radius: 8px;
	text-align: center;
	color: #fff;
    margin-top: 0.2rem;
}

.an-text{
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	font-size: .25rem;
	border-radius: 8px;
	text-align: center;
    margin-bottom: -.4rem;
}

.notice{
	width: 100%;
     height: .6rem;
     line-height: .6rem;
     overflow: hidden;
     font-size: .25rem;
     border-radius: 8px;
     text-align: center;
     margin-bottom: .2rem;
     box-sizing: border-box;
}
.notice li{
	height: 2em;
	line-height: 2em;
	margin: 0;
	color: #333;
    font-size: .25rem;
}
.main{
    font-size: 0 !important
}

/****弹出层****/
.pop-bg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	background: rgba(0,0,0,.6);
	z-index: 99;
}
.pop-bar{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
}
.first-bar,.third-bar,.fourth-bar{
	width: 90%;
	height: 2.2rem;
	border-radius: 8px;
	background: #fff;
	margin: 50% 5% 0 5%;
	padding: .5rem 0;
}
.second-bar{
	width: 90%;
	height: 3.3rem;
	border-radius: 8px;
	background: #fff;
	margin: 45% 5% 0 5%;
	padding: .5rem 0;
}
.mb-5{
	margin-bottom: .5rem !important;
}
.phone-number{
	font-size: .34rem;
	color: #33333b;
	text-align: center;
	width:90%;
	height: .5rem;
	line-height: .5rem;
	margin-left: 5%;
	margin-bottom: .5rem;
}
.tip-success{
	font-size: .28rem;
	font-weight: bold;
	color: #33333b;
	text-align: center;
	width:90%;
	height: .5rem;
	line-height: .5rem;
	margin-left: 5%;
	margin-bottom: .7rem;
	margin-top: .2rem;
}
.tip-registered{
	font-size: .28rem;
	font-weight: bold;
	color: #33333b;
	text-align: center;
	width:90%;
	height: .5rem;
	line-height: .5rem;
	margin-left: 5%;
	margin-bottom: .9rem;
}
.pop-top{
	width: 90%;
	margin: 0 5%;
}
.input-yzm{
	width: 50%;
	padding: 0 5%;
	height: .9rem;
	float: left;
	border: 1px solid #ccc;
	outline: none;
	border-radius: 8px;
	text-align: left;
	font-size: .3rem;
	color: #33333b;
}
.code-bar{
	width: 35%;
	height: .9rem;
	border-radius: 8px;
	float: right;
	border: 1px solid #ccc;
	overflow: hidden;
    position:relative;
}
.code-bar img {
    width:100%;
    height:100%;  
    position:absolute;
    left:0;
    right:0;  
}
.an-get-code{
	width: 35%;
	height: .9rem;
	background: #4e8dff;
	color: #fff;
	line-height: .9rem;
	text-align: center;
	border-radius: 8px;
	float: right;
	font-size: .30rem;
}
.an-time-out{
	width: 35%;
	height: .9rem;
	background: #cdd8ee;
	color: #fff;
	line-height: .9rem;
	text-align: center;
	border-radius: 8px;
	float: right;
	font-size: .30rem;
}
.code-bar img{
	max-width: 100%;
}
.input-yzm::-webkit-input-placeholder{
    color: #bbb;opacity:1;
    text-align: center;
}
.tip-bar{
	clear: both;
	font-size: .24rem;
	color: #ff7722;
	width:90%;
	height: .5rem;
	line-height: .5rem;
	margin-left: 5%;
}
.an-next{
	width: 90%;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: .36rem;
	border-radius: 8px;
	background: #4d8eff;
	margin: 0 5%;
	color: #fff;
}
.an-next a{
	color: #fff;
	text-decoration: none;
	display: block;
}

.an-closed{
	width: .8rem;
	height: .8rem;
	margin: .5rem auto;
}
.an-closed img{
	max-width: 100%;
}
/*****下载****/
.an-down{
	position: absolute;
	top: 8rem;
	left: 6%;
	width: 88%;
	height: .8rem;
	line-height: .8rem;
	font-size: .3rem;
	background: #4d8eff;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	margin-top: .45rem;
}
/*****帮助****/
.top{
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	background: #fff;
	text-align: center;
	font-size: .36rem;
	border-bottom: .2rem solid #f4f4f4;
	color: #666;
}
.back-icon{
	width: .3rem;
	height: .3rem;
	position: absolute;
	display: block;
	margin-left: 4%;
}
.back-icon img{
	max-width: 100%;
}
.list-tab{
	width: 100%;
	min-height: 1.4rem;
	padding-bottom: .3rem;
	background: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-bottom: .2rem solid #f4f4f4;
}
.list-tab li{
	width: 2.65rem;
	height: .9rem;
	text-align: center;
	line-height: .9rem;
	border: 1px solid #ddd;
	border-radius: 8px;
	margin: .4rem .24rem 0;
	font-size: .32rem;
	color: #666;;
}
.hover{
	border: 2px solid #4d8dff !important;
	color: #4d8dff !important;
	box-shadow:5px 5px 5px rgba(235,241,255, .9); 
}
.list{
	width: 100%;
	background: #fff;
}
.list li{
	width: 100%;	
	border-bottom: 1px solid #ddd;
}
.list li > p{
	width: 92%;	
	padding: 0 4%;
	height: 1rem;
	line-height: 1rem;
	color: #666;
	font-size: .3rem;
	
}
.list-icon{
	float: right;
	display: inline-block;
	right: 40%;
	width: .24rem;
}
.list-icon img{
	max-width: 100%;
}
.list-nr{
	border-top: 1px solid #ddd;
	color: #999;
	font-size: .2rem;
	line-height: .35rem;
	padding: .2rem 0;
}
.list-nr p{
	width: 92%;	
	padding: 0 4%;
}
/*********注册协议*********/
.back-icon2{
	width: .2rem;
	position: absolute;
	display: block;
	margin-left: 4%;
}
.back-icon2 img{
	max-width: 100%;
}
.a-nr{
	width: 92%;
	padding: .4rem 4%;
	font-size: .28rem;
	color: #666;
	line-height: .4rem;
}
.a-nr p{
	text-indent: .55rem;
	margin-bottom: .1rem;
}
.bd-color{
	font-weight: bold;
	color: #33333b;
}
.text-c{
	text-indent: 0 !important;
	text-align: center;
}
