@charset "utf-8";
.bgcolor{background: #F4F4F4}
.dnone{
	display: none;
}
.bg{
	max-width: 7.5rem;
	/* background: url(../images/bg.jpg) no-repeat top center; */
	background-size: 100% 100%;
	position: relative;
	min-height: 800px;
}
header {
	color: #fff;
	text-align: center;
	background: url(../images/bg.jpg) no-repeat top center;
	background: #3a95f5;
	padding: .3rem .2rem;
}
header .go-back{
	display: inline-block;
	width: .18rem;
	height: .34rem;
}
.layer_area header .go-back{
	margin-top: .1rem;
}
header .mt10{
	margin-top: 10px;
}
header .go-back img{
	width: 100%;
}
.wrap{
	width: 80%;
	margin: 0 auto;
}
.pt0{
	padding-top: 5%;
}
.wrap .remind{
	text-align: center;
	background: #000;
	/*padding: .25rem .1rem;*/
	color: #fff;
	font-size: .28rem;
	border-radius: 8px;
	min-height: .6rem;
	line-height: .6rem;
	opacity: 0.3;
	margin-top: .5rem;
}
.wrap .login{
	background: rgba(255,255,255,0.5);
}
.wrap .login ul{
	width: 90%;
	margin: 5% auto 5%;
	
}
.wrap .login li input[type="text"],.wrap .login li input[type="password"],.wrap .login li input[type="tel"]{
	width: 80%;
	height: .6rem;
	font-size: .3rem;
	border: 0 none;
	background: transparent;
}
.wrap .login li{
	border-bottom: 1px solid #ccc;
	padding-top: .3rem;
}
.wrap .login li i{
	display: inline-block;
	vertical-align: -10px;
	margin-right: 15px;
}
.wrap .login li.tel-name i{
	width: .32rem;
	height: .32rem;
	background: url(../images/login.png) no-repeat left center;
	background-size: 100% 100%;
}
.wrap .login li.pass i{
	width: .33rem;
	height: .42rem;
	background: url(../images/pass.png) no-repeat left center;
	background-size: 100% 100%;
}

.wrap .login li.pass span{
	width: .33rem;
	height: .35rem;
	background: url(../images/eye.png) no-repeat right center;
	background-size: 100% 100%;
	display: inline-block;
}

.wrap .login li.yzm i{
	width: .33rem;
	height: .34rem;
	background: url(../images/yzm.png) no-repeat left center;
	background-size: 100% 100%;
}
.wrap .login li.tel-name input[type="text"]{
	width: 45%;
}
.wrap .login li.yzm input[type="text"]{
	width: 45%;
}
.wrap .login li.yzm span{
	display: inline-block;
	width: 1.56rem;
	height: .56rem;
	vertical-align: -10px;
	float: right;
}
.wrap .login li.yzm span img{
	width: 100%;
}
.wrap .login li.area i{
	width: .24rem;
	height: .35rem;
	background: url(../images/diqu.png) no-repeat left center;
	background-size: 100% 100%;
}
.wrap .login li.area{
	border-bottom: 0 none;
}
.wrap .login li.area span,.wrap .login li.type span{
	display: inline-block;
	width: .12rem;
	height: .22rem;
	float: right;
	margin-top: 15px;
}
.wrap .login li.area span img,.wrap .login li.type span img{
	width: 100%;
}
.wrap .login li.type{
	padding-bottom: 6px;
	border-bottom: 0 none;
}
.wrap .login li.type i{
	width: .33rem;
	height: .33rem;
	background: url(../images/leixing.png) no-repeat left center;
	background-size: 100% 100%;
}
.wrap .login li.tel i{
	width: .22rem;
	height: .36rem;
	background: url(../images/tel.png) no-repeat left center;
	background-size: 100% 100%;
}
.wrap .login li.yzm2 i{
	width: .33rem;
	height: .33rem;
	background: url(../images/yzm2.png) no-repeat left center;
	background-size: 100% 100%;

}
.wrap .login li.yzm2 .a-yzm,.wrap .login li.tel-name .a-yzm{
	border: 1px solid #11B8F6;
	color: #11B8F6;
	font-size: .28rem;
	padding: 10px 6px;
	border-radius: 23px;
	background: transparent;
}
.classsel{
	font-size: .25rem;
	color: #666;
	margin-right: .2rem;
}
.radio{
	height: .32rem;
	width: .32rem;
	background: url(../images/d3.png) no-repeat center;
	background-size: 100% 100%;
	vertical-align: -4px;
	margin-right: 5px;
}
.radio:checked{
	background: url(../images/d4.png) no-repeat center;
    background-size: 100% 100%;
}
.wrap .login li.yzm span img{
	width: 100%;
}
.btn-wrap{text-align: center;}
.btn-wrap .provision{
	color: #11B8F6;
}
.btn-wrap .login-btn{
	display: block;
	font-size: .4rem;
	background: #3a95f5;
	color: #fff;
	text-align: center;
	padding: .2rem 0;
	border-radius: 10px;
}

.btn-wrap .not-ready {
    background: rgb(204, 204, 204);
}
.not-ready{
	background: #CCCCCC;
    display: block;
    color: #fff;
	text-align: center;
	padding: .2rem 0;
	border-radius: 10px;
}

.btn-wrap p{
	text-align: right;
	margin:0 5% 5%;
}
.btn-wrap p a{
	color: #000;
	text-decoration: underline;
	font-size:.3rem;  
}
.btn-wrap p a:first-child{
	border-right: 1px solid #333;
	padding-right: .2rem;
	margin-right: .2rem;
}
.wrap .thirdLogin{
	width: 6.32rem;
	height: 2.49rem;
	text-align:center;
	margin-top:5%;
	margin-left:-2%;
	z-index: 3;
}
.wrap .logoApp{
	width: 3.32rem;
	height: .49rem;
	margin-left: -1.66rem;
	z-index: 1;
	margin: 0 auto;
	margin-top: 27%;
}
.wrap .logoApp img{
	width: 100%;
}
.wrap .logo{
	width: 3.32rem;
	height: .49rem;
	position: absolute;
	left: 50%;
	bottom: 2%;
	margin-left: -1.66rem;
	z-index: 1;
}
.wrap .thirdLogin img{
	width: 100%;
}
.wrap .iconLogin{width:100%;text-align:center;margin-top: 20px;}
.wrap .iconLogin img{ margin-left: 2%; margin-right: 2%;  width: 15%;height: 10%;}
.wrap .logo img{
	width: 100%;
}
.tipsNew {
    background: #dcdcdc;
    width: 80%;
    margin: 0 auto;
    border-radius: 21px;
    font-size: 0.35rem;
    height: 50px;
    line-height: 50px;
    display:none;
}
header .search{
	border: 0 none;
	height: .55rem;
	/*line-height: .48rem;*/
	width: 60%;
	font-size: .26rem;
	background: #44C6F8 url(../images/search.png) no-repeat 2% center;
	background-size: 5%;
	padding: 0 5%;
	border-radius: 5px;
}
input[type="search"]::-webkit-input-placeholder{
	color: #BAE4FB;
}
.area-wrap .current-area{
	background: #fff;
	padding:25px 10%;
}
.current-area p i{
	display: inline-block;
	width: .21rem;
	height: .24rem;
	margin-right: 10px;
}
.current-area p span{
	color: #11B8F6;
	font-size: .28rem;
}
.current-area p i img{
	width: 100%;
}
.current-area p strong{
	font-weight: normal;
	float: right;
	font-size: .28rem;
}
.area-list ul{
	font-size: .3rem;
	width: 100%;
	background: #fff;
	margin-top: 25px;
	overflow: hidden;
}
.area-list ul li{
	width: 25%;
	padding: 5% 0;
	float: left;
	text-align: center;
	border-bottom: 1px solid #F4F4F4;
}
.layer_type .area-wrap .area-list ul{height:7rem;}
.layer_type .area-wrap .area-list ul li{width: 33%;}
.layer,.layer_type,.layer_area,.layer_area_type{
	position: absolute;
	z-index: 2;
	width: 100%;
	background: #fff;
	display: none;
	top: 0;
	left: 0;
}
.tips{text-align: left;font-size: 0.20rem;margin-top: 33px;height: 87px;line-height: 49px;color:#666;}
/*弹框浮层*/
.modals { 
   background:rgba(0,0,0,.5);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999; /* 此处的图层要大于页面 */
}
.divList {
    width: 80%;
    /* position:absolute;
   	top: 25%;
    left: 56%; */
    margin :2rem auto 0;
    
          
}
.List li{font-size:.3rem;padding-left:10px;line-height: 41px;border-bottom: 1px solid #c0c0c0;list-style-position: inside;cursor:pointer;list-style-type: decimal;background:#fff;}

.List li:hover{color:#fff;background:#5897fb;}