
/*注册页面*/
#login{
	background: #FFFFFF;
	/*width: 100%;*/
	height: auto;
	z-index: 8;
	width: 100%;	
}
.login-discounts{
	width: 100%;
	height: auto;
}
.login-discounts img{
	width: 100%;
	display: block;
}
#login .menu-login-input{
	width: 100%;
	height: auto;
	margin-bottom: 0.5rem;
	line-height: 0;
	position: relative;
}
/**/
#login .menu-login .menu-login-input:nth-child(2){
	margin-bottom: 0.5rem;
}
#login .menu-login-input input{
	/*width: 100%;*/
	height: 0.88rem;
	
	font-family: PingFangSC-Regular;
	font-size: 0.28rem;
	
	background:none;  
    outline:none;  
    border:none;
    padding: 0;
    border:  1px solid #DDDDDD;
    border-radius: 0.04rem;
    
    width: -webkit-calc(100% - 0.3rem);
    width: -moz-calc(100% - 0.3rem);
    width: calc(100% - 0.3rem);
    
    padding-left: 0.3rem;
}
#login .menu-login-input input:focus{   
    border:none;
    border:  1px solid #DDDDDD;
}
#login .menu-login-input .error-text{
	position: absolute;
	bottom: -0.2rem;
	left: 0;
	font-size: 0.24rem;
	color:#DB5050 ;
	display: none;
}
#login .menu-login-input .wrong-msg{
	position: absolute;
	bottom: -0.3rem;
	left: 0;
	font-size: 0.24rem;
	color:#DB5050 ;
	
}
/*登陆--忘记密码*/
#login .forget-pass{
	font-family: PingFangSC-Regular;
	font-size: 0.24rem;
	color: #00A4EF;
	letter-spacing: 0;
	text-align: right;
	line-height: 1;
	
	margin-bottom: 30px;
}
#login .menu-login-text{
	margin-bottom: 0.4rem;
}
#login .menu-login-text p:first-child{
	font-family: PingFang-SC-Bold;
	font-size: 0.4rem;
	color: #333333;
	letter-spacing: 0;
	line-height: 1;
}
#login .menu-login-text p:last-child{
	font-family: PingFangSC-Regular;
	font-size: 0.28rem;
	color: #999999;
	letter-spacing: 0;
	text-align: right;
}
#login .menu-login-text p:last-child a{
	color: #00A4EF;
}
.menu-register{
	background: #FFFFFF;
	/*width: 100%;*/
	height: auto;
	z-index: 8;
	
	width: -webkit-calc(100% - 0.6rem);
	width: -moz-calc(100% - 0.6rem);
	width: calc(100% - 0.6rem);
	
	padding: 0.5rem 0.3rem;
}
.menu-register #introducername{
	/*display: none;*/
}
.menu-register #introducercode{
	display: none;
}
/*单选框*/
.menu-register #introducer_code,.menu-register #introducer_name{
	width: 0.32rem;
	height: 0.32rem;
	
	/*margin-right: 5px;*/
}
/*设置透明度，隐藏原有input样式*/
.menu-register .menu-login-input input[type="radio"] {
	opacity: 0; 	
	margin: 0;
	
	position: absolute;
	left: 0;
	z-index: 2;
}
.menu-register .menu-login-input label {
	position: absolute;
	left: 0;
	/*top: 10px;*/
	width: 0.32rem;
	height: 0.32rem;
	border-radius: 50%;
	border: 1px solid #00A4EF;
	z-index: 1;
}
/* 相邻同胞选择器，选择被选中的input标签后 第一个label标签［input 和 label标签有共同的父元素］；*/
.menu-register .menu-login-input input:checked+label {
	/*background-color: #00A4EF;*/
	background: #FFFFFF;
	border: 1px solid #00A4EF;
}
/*css样式会应用在紧随着“勾选的input元素”后面（同级）的“label元素的：after”上。
也就是说，input框如果被用户勾选了，其后面的label元素会有相应的样式变化。*/
.menu-register .menu-login-input input:checked+label::after {
	position: absolute;
	content: " ";
	width: 0.16rem;
	height: 0.16rem;
	top: 0.08rem;
	left: 0.08rem;
	
	background: #00A4EF;
	border-radius: 50%;
}

/*注册 图片验证码*/
#login .menu-register .catcha{
	
}
#login .menu-register .catcha div{
	
}

#login .menu-register .catcha div input{
	width: 40%;
}

#login .menu-register .catcha div img{
	width: 40%;
	height: auto;
	display: block;
}

#login .menu-register .catcha div p{
	font-size: 0.3rem;
	line-height: 0.3rem;
}

#login .menu-register .catcha div p:active{
	color: #00A4EF;
}

/* 验证码 */
#smscode3{
	width: calc(100% - 2.3rem) !important;
}

/*禁止显示*/
#login input:disabled{
	background: rgb(235, 235, 228) !important;
}
#login input:disabled:hover{
	cursor: not-allowed;
}

.menu-register .code-text{
	font-family: PingFangSC-Regular;
	font-size: 0.24rem;
	color: #000000;
	letter-spacing: 0;
	line-height: 1;
	
	margin-left: 0.5rem;
}
.menu-register .menu-login-input:nth-child(7){
	margin-bottom: 0.9rem;
}
/*登陆---立即登陆*/
.menu-register .login-btn{
	width: 100%;
	height: 0.88rem;
	background: #00A4EF;
	border-radius: 0.04rem;
	
	font-family: PingFangSC-Regular;
	font-size: 0.28rem;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	
	line-height: 0.88rem;
}
/*服务条款*/
.menu-register .clause{
	margin-bottom: 0.4rem;
}
/*checkbox */
.menu-register .clause .clause-checkbox{
	font-family: PingFangSC-Regular;
	font-size: 0.28rem;
	color: #333333;
	letter-spacing: 0;
	
	position: relative;
}
.menu-register .clause .clause-checkbox input[type="checkbox"]{
	opacity: 0; 	
	margin: 0;
	
	position: absolute;
	left: 0;
	z-index: 2;
}
.menu-register .clause .clause-checkbox label {
	position: absolute;
	left: 0;
	/*top: 10px;*/
	width: 0.32rem;
	height: 0.32rem;
	border: 1px solid #00A4EF;
	z-index: 1;
}
/* 相邻同胞选择器，选择被选中的input标签后 第一个label标签［input 和 label标签有共同的父元素］；*/
.menu-register .clause .clause-checkbox input:checked+label {
	/*background-color: #00A4EF;*/
	background: #FFFFFF;
	border: 1px solid #00A4EF;
}
/*css样式会应用在紧随着“勾选的input元素”后面（同级）的“label元素的：after”上。
也就是说，input框如果被用户勾选了，其后面的label元素会有相应的样式变化。*/
.menu-register .clause .clause-checkbox input:checked+label::after {
	position: absolute;
	content: "✔";
	width: 100%;
	height: 100%;
	/*top: 0.08rem;
	left: 0.08rem;*/
	color: #FFFFFF;
	text-align: center;
	line-height: 0.32rem;
	font-size: 0.24rem;
	background: #00A4EF;
}
.menu-register .clause .clause-checkbox span{
	margin-left: 0.5rem;
}
/*条款*/
.menu-register .clause .server-clause{
	font-family: PingFangSC-Regular;
	font-size: 0.28rem;
	color: #00A4EF;
	letter-spacing: 0;
}
/*用户服务条款遮罩*/
.clause-dialog{
	display: none;
	position: fixed;
	/*height: 100%;*/
	z-index: 10;
	
	padding: 0.5rem 0.3rem;
	
	width: -webkit-calc(100% - 0.6rem);
	width: -moz-calc(100% - 0.6rem);
	width: calc(100% - 0.6rem);
	
	height: -webkit-calc(100% - 1rem);
	height: -moz-calc(100% - 1rem);
	height: calc(100% - 1rem);
	
	background: rgba(0,0,0,0.50);
	
}
.dialog-content{
	overflow-y: scroll;
	padding: 0.5rem 0.3rem;
	width: -webkit-calc(100% - 0.6rem);
	width: -moz-calc(100% - 0.6rem);
	width: calc(100% - 0.6rem);
	/*height: 100%;*/
	height: -webkit-calc(100% - 1rem);
	height: -moz-calc(100% - 1rem);
	height: calc(100% - 1rem);
	background: #FFFFFF;
}
.dialog-content h2{
	font-family: PingFang-SC-Bold;
	font-size: 0.4rem;
	color: #333333;
	letter-spacing: 0;
	text-align: center;
	line-height: 0.5rem;
	
	margin-bottom: 0.4rem;
}
.dialog-content div{
	font-family: PingFang-SC-Regular;
	font-size: 0.28rem;
	color: #333333;
	letter-spacing: 0;
}
/**/
.clause-dialog h3,.clause-dialog h4{
	margin: 0;
	padding: 0;
}
.clause-dialog h3{
	margin-top: 0.4rem;
	margin-bottom: 0.2rem;
}
.clause-dialog h4{
	margin: 0.1rem 0;
}
.dialog-content div p{
	margin: 0.1rem 0;
}
/*按钮*/
.dialog-content .clause-btn{
	margin-top: 0.5rem;
	
	width: 100%;
}
.dialog-content .clause-btn p{
		width: 5.7rem;
	height: 0.9rem;
	background: #00A4EF;
	border-radius: 0.44rem;
	
	font-family: PingFang-SC-Bold;
	font-size: 0.28rem;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	
	line-height: 0.9rem;
}
