/**

 @Name：layuiAdmin 登入注册页
 @Author：贤心
 @Site：http://www.layui.com/admin/
 @License：GPL-2

 */

html,body,#LAY_app{height:100%;background-color: #fff;}
.layui-layout-body{overflow: auto;}

#LAY-user-login,
.layadmin-user-display-show{display: block !important;}
.layadmin-user-login{position: absolute; left: 0; top: 50%; margin-top: -280px; height: 540px; width: 100%; box-sizing: border-box;}
.layadmin-user-login-main{width: 334px; margin: 0 auto; box-sizing: border-box;}
.layadmin-user-login-box{padding: 20px;}
.layadmin-user-login-header{text-align: center;}
.layadmin-user-login-header h2{margin-bottom: 10px; font-weight: 300; font-size: 30px; color: #000;font-family: PingFang SC;}
.layadmin-user-login-header p{font-weight: 300; color: #999;}

.layadmin-user-login-body .layui-form-item{position: relative;}
.layadmin-user-login-icon{position: absolute; left: 1px; top: 1px; width: 38px; line-height: 44px; text-align: center; color: #d2d2d2;}
.layadmin-user-login-body .layui-form-item .layui-input{padding-left: 38px; height: 46px; border-radius: 4px;}
.layadmin-user-login-codeimg{max-height: 38px; width: 100%; cursor: pointer; box-sizing: border-box;}

.layadmin-user-login-other{position: relative; font-size: 0; line-height: 38px; padding-top: 20px;}
.layadmin-user-login-other>*{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 14px;}
.layadmin-user-login-other .layui-icon{position: relative; top: 2px; font-size: 26px;}
.layadmin-user-login-other a:hover{opacity: 0.8;}

.layadmin-user-jump-change{float: right; color: #666666;}

.layadmin-user-login-footer{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 30px; padding: 20px; text-align: center; box-sizing: border-box; color: rgba(0,0,0,.5)}
.layadmin-user-login-footer span{padding: 0 5px;}
.layadmin-user-login-footer a{padding: 0 5px; color: rgba(0,0,0,.5);}
.layadmin-user-login-footer a:hover{color: rgba(0,0,0,1);}

/* 有背景图时 */
.layadmin-user-login-main[bgimg]{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.05);}

/* 主题背景 */
.ladmin-user-login-theme{position: fixed; bottom: 0; left: 0; width: 100%; text-align: center;}
.ladmin-user-login-theme ul{display: inline-block; padding: 5px; background-color: #fff;}
.ladmin-user-login-theme ul li{display: inline-block; vertical-align: top; width: 64px; height: 43px; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; background-color: #f2f2f2;}
.ladmin-user-login-theme ul li:hover{opacity: 0.9}

@media screen and (max-width: 768px) {
	.layadmin-user-login{padding-top: 60px;}
	.layadmin-user-login-main{width: 300px;}
	.layadmin-user-login-box{padding: 10px;}
}



.layadmin-user-login-box .layui-btn{background-color: #2081eb; height: 44px; border-radius: 4px;font-size: 16px;}
.layadmin-user-login-box .layadmin-link{ color: #2081eb!important;}
.login-header{padding: 24px 82px; width: 100%; position: absolute;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;z-index:100}
.login-logo{background-image: url(../../img/login-logo.png); width: 126px; height:46px;
	float: left;
}
.tell-num,.toplink{float: right; font-size: 18px; line-height: 46px; font-weight: 200;color: #333;}

.login-footer{
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.login-footer a{ margin-right: 10px;color: #2081eb!important;}
.open-downlink{
	width: 100px;
	height: 118px;
	background: url(../../views/images/big-arrow.png) 20px 20px no-repeat;
	margin: 20px auto 0;
	cursor: pointer;
}
.downlinks{width: 244px; margin: 20px auto 0;  position: relative;}
.downlinks  li{ display: inline-block; float: left;margin-right: 84px; width: 80px;text-align: center;}
.downlinks  li:last-child{margin-right: 0;}
.downlinks  li img{width: 80px;height: 80px;border: 1px solid #ebebeb;cursor:pointer}
.downlinks  li p{line-height: 36px;}

.UserId－box{
	width: 560px;
	margin: 0 auto;
	box-sizing: border-box;
}
.UserId－box .layadmin-user-login-box .layui-btn{height: 38px; line-height: 38px;}
.UserId－box .layui-form-item .layui-input-inline{width: 280px;}
.UserId－box .user-name{color: #2081eb!important;}
.toplink {margin-right: 12px;}
.toplink a{ position: relative; display: inline-block; padding-right: 14px;}
.toplink a:after{
	content: "|";
	position: absolute;
	right: 0;
	top: -1px;
}
#verifyContent{
	text-align: center;
	padding-top: 30px;
}
.phone-tips{
	font-size: 14px;
    margin-bottom: 20px;
}
.phone-number{
	margin: 0px auto 30px;
	color: #333333;
    font-weight: 900;
    font-size: 24px;
}
.code-content{
    width: 300px;
    height: 40px;
    line-height:40px;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    margin: 0 auto;
    display: flex;
}
.verfidy-code{
	border: 0 none;
}
.get-code{
	color: #2081eb;
}
.security-icon{
	background: url("../style/res/icon-code.svg") no-repeat 0 0;
	display: inline-block;
	width: 14px;
    height: 16px;
	margin: 12px 10px;
}