/* 新登陆 */
html,body{height:100%;}

.layui-login.layui-form{padding:0 20px;width:300px;height:335px;position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;
    background:#fff;box-shadow:0 0 50px #009688;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;
    box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.layui-login.layui-form .login_face{margin:-55px auto 20px;width:100px;height:100px;border-radius:50%;border:5px solid #fff;box-shadow:0 0 30px #009688;
    background:#fff;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;
}

.layui-login .login_face img{width:100%;}
.layui-login .layui-form-item{position:relative;}
.layui-login .layui-form-item label{position:absolute;color:#757575;left:10px;top:9px;line-height:20px;background:#fff;padding:0 5px;font-size:14px;cursor:text;}
.layui-login  #imgCode img{position:absolute;top:1px;right:1px;cursor:pointer;height:36px;z-index:999;}
.layui-login .layui-icon{font-size:30px;text-align:center;}

.layui-login .layui-input::-webkit-input-placeholder{color:#fff;}
.layui-login .layui-input::-moz-placeholder{color:#fff;}
.layui-login .layui-input::-ms-input-placeholder{color:#fff;}
.layui-login .layui-input::placeholder{color:#fff;}


.layui-login .layui-input-focus label{top:-10px;font-size:12px;color:#ff6700;}
.layui-login .layui-input-active label{top:-10px;font-size:12px;}

.layui-login .layui-input-focus input{border-color:#ff6700 !important;}
.layui-login .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.layui-login .layui-input-focus .layui-input::-moz-placeholder{color:#757575;transition: color 0.2s linear 0.2s;}
.layui-login .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;transition: color 0.2s linear 0.2s;}
.layui-login .layui-input-focus .layui-input::placeholder{color:#757575;transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}

.layui-login .layui-form-item label,
.layui-login .layui-form-item input,
.layui-login .layui-input-focus label,
.layui-login .layui-input-focus input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}


.index_bg {width: 100%;background: rgba(0,0,0,.6)!important;z-index: 0!important;}
.page-account{
    width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;
    background-image: url('./images/bg.jpg');background-size: cover;background-position: 50%;
    -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow: auto;
}

.container{height: 400px !important;padding: 0 !important;border-radius: 12px;z-index: 1;display: flex;}
.containerSamll{background: #fff !important;}
.swiperPross{width: 510px;border-radius: 12px 0px 0px 12px;overflow: hidden;background-image: url('./images/sw.jpg');background-size: cover;background-position: 50%;}

.index_from{width: 400px;padding: 32px 40px 32px 40px;height: 400px;box-sizing: border-box;}
.account-logo{padding: 10px 0 20px 0 !important;box-sizing: border-box !important;display: flex;justify-content: center;}
.account-logo img{object-fit:contain}

.account-login .layui-form-item{position:relative}
.account-login-icon{position: absolute;left: 1px;top: 1px;width: 38px;line-height: 36px;text-align: center;color: #d2d2d2;}
.account-login .layui-form-item .layui-input {padding-left: 38px;}
.account-login-codeimg{max-height: 38px;width: 100%;cursor: pointer;box-sizing: border-box;}
.account-login-btn{background: -webkit-gradient(linear,left top,right top,from(#19b4f1),to(#0e73e8))!important;background: linear-gradient(90deg,#19b4f1,#0e73e8)!important;}