/**

 @Name：layuiAdmin 登入注册页
 @Author：贤心
 @Site：http://www.layui.com/admin/
 @License：GPL-2
 
 */
 
html,body,#LAY_app{height:100%;}
.layui-layout-body{overflow: auto;}
 body {
 	background-image:url("../layui/images/login1.jpg");
 	background-repeat:no-repeat;
 	background-position:center;
 	background-size:cover;
 }
 
#LAY-user-login,
.layadmin-user-display-show{
    display: flex !important;
    width:70%;
    height:55%;
    max-width:1340px;
    max-height:590px;
    position: fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    border-radius: 15px;
    background-color: #fff;
    overflow: hidden;
}
.layadmin-user-display-show .login-left{
    flex:1;
    background: url(../layui/images/loginl.png) center center/76% auto no-repeat #297ef0;
}
.layadmin-user-display-show .layadmin-user-login-main{
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.layadmin-user-login{position: relative; left: 0; top: 0; box-sizing: border-box;}
.layadmin-user-login-main{margin: 0 auto; box-sizing: border-box;opacity: 0.7;border-radius:10px;}
.layadmin-user-login-box{padding: 0px;}
.layadmin-user-login-header{text-align: center;margin-bottom:45px;}
.layadmin-user-login-header h2{margin-bottom: 10px; font-size: 30px; color: #333;position: relative}
.layadmin-user-login-header h2:after{
    content:'';
    position: absolute;
    left:50%;
    bottom:-15px;
    transform: translateX(-50%);
    width:65px;
    height:6px;
    background-color: #3998f8;
    border-radius: 5px;
}
.layadmin-user-login-header p{font-weight: 300; color: #999;}

.layadmin-user-login-body .layui-form-item{position: relative;width:350px;margin:22px auto;}
.layadmin-user-login-icon{position: absolute; left: 1px; top: 1px; width: 45px; line-height: 54px; text-align: center; color: #d2d2d2;}
.layadmin-user-login-icon:before{
    font-size: 22px;
}
.layadmin-user-login-body .layui-form-item .layui-input{
    padding-left: 45px;
    border:2px #3998f8 solid;
    border-radius: 30px;
    background-color: #fff;
    line-height: 57px;
    height:57px;
}
.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;}

.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}
.layui-btn-fluid{
    height:57px;
    border-radius: 30px;
    background-color: #3998f8;
    font-size:16px;
    margin-top:30px;
}
@media screen and (max-width: 768px) {
  .layadmin-user-login{padding-top: 60px;}
  .layadmin-user-login-main{width: 300px;}
  .layadmin-user-login-box{padding: 0px;}
}