/*登录*/
#login .layui-icon{font-size:16px!important}
#login .mag0{margin:0!important}
#login ::selection{background:#668eff;color:#fff}
#login .layui-red{color:red!important;font-weight:700}
#login .layui-blue{color:#01aaed!important}
#login .layui-form-item.layui-input-focus input{border-color:#6a83fc!important;box-shadow:0 0 5px #6a83fc;}
#login .layui-block{width:80%!important; margin-left: 10%;}

#login{width:100%;}
body{
    background-image: url(https://asset.yideamobile.com/Content/assets/images/login-bg.jpg); background-repeat: no-repeat;
    background-size: 100% 100%;
    height: calc(100vh);
    position:relative;
}

 form.layui-form{width:540px;position:absolute;left:43%;top:30%; margin:-150px 0 0 -150px;-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;}
 section{background:-webkit-linear-gradient(top,#fff,rgba(255,255,255,.9),rgba(255,255,255,0.6)) ; padding:10px 20px 30px 20px; border-radius: 15px;}
 .head-title{border-bottom: 1px rgba(0,0,0,0.1) solid;}
#login .head-title ul li{list-style: none; display: inline-block; text-align: center; font-size: 19px;width:30%; margin-left: 11%; padding: 20px 0; cursor: pointer; font-weight: 400; color: #626262;}
#login .head-title ul li:hover{border-bottom: 2px #6a83fc solid; color: #6a83fc;}
.active{border-bottom: 2px #6a83fc solid; color: #6a83fc;}

#login .logo{display: block;margin: auto;}

#login .logo img{
        width: 140px;
        height: 140px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 70px;
}

#login .logo label{font-size: 24px;color: #fff;vertical-align: middle;line-height: 24px;border-left: solid 1px rgba(255, 255, 255, .7);padding-left: 20px;}
/* #login .logo label::before{content : '|'; margin-right: 20px; width: 1px;} */

#login .login_face{margin:-55px auto 20px;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:20%;border-radius:40%;border:5px solid #fff;overflow:hidden;box-shadow:0 0 30px #778281;background:#fff}

#login .layui-form-item{position:relative}
#login .layui-form-item input{border-radius: 5px; box-shadow: 0px 0px 1px rgba(0,0,0,0.3); padding: 22px 0px; text-indent: 2em; width: 80%; margin: 0 auto;}
#login .layui-form-item label{position:absolute;color:#757575;left:60px;top:12px;line-height:20px;background:0 0;padding:0 5px;font-size:14px;cursor:text}
#login #code{padding-right:110px}
#login .captcha-box .img{position:absolute;top:3px;bottom:1px;right:55px; height: 40px; cursor:pointer;width:120px;background:#c4e1ce; border-radius: 5px;}
#login .layui-form-item input{background:#fff!important}
#login .layui-form-item input,#login .layui-form-item label{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
#login .layui-form-item input::placeholder{color:transparent!important}
#login .layui-form-item.layui-input-focus input::placeholder{color:#757575!important}
#login .layui-form-item.layui-input-active label,#login .layui-form-item.layui-input-focus label{top:-10px;font-size:12px;color:#6a83fc;background:#fff!important}
#login .login-link{display:block;font-size:12px}
#login .login-link a{display:inline-block;margin-right:20px}
#loginBtn{border-radius: 5px; margin-top: 40px; height: 45px; background-color: #668eff; border: 2px #668eff solid; color: #fff; font-size: 15px; text-align: center;}
#loginBtn:hover{background-color: #668eff; color: white;}
.signup{text-align: center; margin-top: 40px; color: rgba(0,0,0,0.8); font-size: 16px;}
.signup a{color: #668eff;}

.head-menu{
    width: 100%;
}

.left-login{
    display: inline-block;
    padding-top: 20px;
    font-weight: bold;
    font-size: 25px;
    padding-left: 53px;
    color: rgba(0,0,0,0.8);
}

.bottom-border{
    display: inline-block;
    width: 30px;
    height: 4px;
    background-color: #6a83fc;
    border-radius: 5px;
}

.send_phone_code{
    position: absolute;
    right: 60px;
    top: 13px;
    color: #668eff;
    border-left: 1px rgba(0,0,0,0.3) solid;
    padding-left: 10px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    font-size: 15px;
}

.basic_info2{
    display: none;
}

.cavs{position: absolute; z-index: 0;}

#bg i {position: absolute;bottom: 15px;left: -1.5%; width: 100%;text-align: center;color: #fff;font-style: normal;font-size: 12px;}