html,body{
	width: 100%;
	height: 100%
}
/* 主体 */
.account-container{
	position: absolute;
	top: 1.28rem;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff
}

/* 登录切换 */
.account-content-box{
	padding: 0 0.8rem
}
.account-tab-bar{
	padding: 0.8rem 0;
	text-align: center;
	font-size: 0
}
.account-tab-bar .item{
	color: #666;
	display: inline-block;
	margin: 0 0.6rem;
	font-size: 0.4rem
}
.account-tab-bar .item.on{
	color: #23cc77;
	border-bottom: 1px solid #23cc77
}
.account-group-list{
	display: none
}
.account-group-list .item-bar{
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.2rem;
	position: relative;
	border-bottom: 1px solid #eee
}

.account-group-list .item-bar .account-text{
	width: 100%;
	padding: 0.4rem 0.2rem;
	font-size: 0.373333rem;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.account-group-list .item-bar .clear-icon{
	display: inline-block;
	width: 0.506667rem;
	height: 0.506667rem;
	position: absolute;
	top: 50%;
	right: 0.2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../images/account-close-icon.png") center no-repeat;
	background-size: contain;
}
.account-group-list .item-bar .clear-icon.hide,
.account-group-list .item-bar .visible-icon.hide{
	display: none
}
.account-group-list .item-bar .visible-icon{
	display: inline-block;
	width: 0.666667rem;
	height: 0.48rem;
	position: absolute;
	top: 50%;
	right: 0.2rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../images/pw-invisible-icon.png") center no-repeat;
	background-size: contain;
}
.account-group-list .item-bar .visible-icon.on{
	background: url("../images/pw-visible-icon.png") center no-repeat;
	background-size: contain;
}
.account-group-list .item-bar .pic-yzm{
	display: block;
	width: 2.133333rem;
	height: 0.906667rem;
}
.account-group-list .item-bar .dyn-code{
	color: #23cc77;
	display: block;
	width: 3rem;
	white-space: nowrap;
	font-size: 0.32rem
}


.login-entry-bar{
	padding: 0.72rem 0 0.48rem;
}
.login-bar-btn{
	color: #fff;
	display: block;
	padding: 0.26rem 0;
	text-align: center;
	-webkit-border-radius: 0.08rem;
	border-radius: 0.08rem;
	font-size: 0.4rem;
	background: #23cc77
}
.login-bar-btn.disabled{
	background: #bdefd6;
	color: #fff;
}

.account-jump-bar{
	text-align: center;
	font-size: 0
}
.account-jump-bar .link{
	color: #666;
	display: inline-block;
	padding: 0 0.4rem;
	border-right: 1px solid #666;
	font-size: 0.346667rem
}
.account-jump-bar .link:last-child{
	border-right: 0
}

/* 注册 */
.register-agreement-bar{
	margin: 0.4rem 0 -0.32rem;
	font-size: 0.32rem
}
.register-agreement-bar .check-label{
	color: #999;
	display: inline-block;
	font-size: 0.32rem
}
.register-agreement-bar .check-label .check-icon{
	display: inline-block;
	width: 0.293333rem;
	height: 0.293333rem;
	vertical-align: middle;
	margin: -0.08rem 0.08rem 0 0;
	background: url("../images/check-arg-icon.png") center no-repeat;
	background-size: contain;
}
.register-agreement-bar .check-label.checked .check-icon{
	background: url("../images/check-arg-cur-icon.png") center no-repeat;
	background-size: contain;
}


.header_top{
	padding: 0;
}

.dyn-code.disabled{
	/*color: #CCC!important;*/
	cursor: not-allowed;
}







































/* 第三方登录 */
.other-login-area{
	padding: 0 0.8rem;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.other-login-bar{
	position: relative;
	text-align: center;
}
.other-login-bar:after{
	content: "";
	display: block;
	border-bottom: 1px solid #eee;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 9;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.other-login-bar .tit{
	color: #999;
	display: inline-block;
	padding: 0 0.2rem;
	position: relative;
	z-index: 10;
	font-size: 0.32rem;
	background: #fff
}
.other-login-box{
	padding: 0.64rem 0;
	text-align: center;
	font-size: 0
}
.other-login-box .item{
	display: inline-block;
	width: 0.933333rem;
	height: 0.933333rem;
	margin: 0 1rem
}
.other-login-box .item.qq{
	background: url("../images/longin-qq-icon.png") center no-repeat;
	background-size: contain;
}
.other-login-box .item.wb{
	background: url("../images/login-wb-icon.png") center no-repeat;
	background-size: contain;
}

.account-email-box{

}
.account-email-box .email-icon{
	display: block;
	width: 5.973333rem;
	height: 3.826667rem;
	margin: 0 auto;
	background: url("../images/email-back-icon.png") center no-repeat;
	background-size: contain;
}
.account-email-box .email-txt{
	line-height: 0.72rem;
	padding: 0.4rem 0;
	text-align: center;
	font-size: 0.373333rem
}
.email-btn-link{
	color: #fff;
	display: block;
	padding: 0.26rem 0;
	text-align: center;
	-webkit-border-radius: 0.08rem;
	border-radius: 0.08rem;
	font-size: 0.4rem;
	background: #23cc77;
}
.email-login-bar{
	color: #999;
	padding: 0.4rem 0;
	text-align: center;
	font-size: 0.32rem
}

/*重写弹层样式,垂直居中*/
body .layui-m-layer .layui-m-layer-msg{
	/*bottom:50%!important;*/
}
