.login { position: absolute; top: 0.88rem; right: 0; bottom: 0; left: 0; min-height: 11rem; overflow: hidden; background: url("../img/register.png") no-repeat center center; background-size: 100% 100%; }
.login .name { font-size: 0.18rem; text-align: center; line-height: 0.45rem; height: 0.45rem; background: #4a9cf0; color: #fff; position: relative; font-weight: bold; }
.login .name a { position: absolute; top: 0; left: 0.6rem; line-height: 2.25rem; height: 2.25rem; color: #fff; font-size: 0.8rem; }
.login .name a img { float: left; width: 0.5rem; margin-top: 0.66rem; margin-right: 0.5rem; }
.login .logo { text-align: center; margin: 0.6rem 0; }
.login .logo span { color: #fff; display: block; margin-bottom: 0.3rem; }
.login .logo span img { height: 1rem; }
.login .logo p { font-size: 0.36rem; color: #fff; overflow: hidden; display: inline-block; }
.login .logo p em { font-style: normal; float: left; }
.login .logo p em:nth-child(odd) { width: 0.8rem; height: 0.03rem; background: #fff; margin: 0 0.1rem; margin-top: 0.28rem; }

.login input::input-placeholder { color: #b8c4ce !important; }
.login input::-webkit-input-placeholder { color: #fff !important; }
.login input:-moz-placeholder { color: #fff !important; }
.login input::-moz-placeholder { color: #fff !important; }
.login input:-ms-input-placeholder { color: #fff !important; }

.user_type { margin-bottom: 0.2rem; text-align: left; margin-left: 10%; }
.user_type .layui-form-radio > i { color: #fff; font-size: 0.3rem; }
.user_type .layui-form-radio div { color: #fff; font-size: 0.32rem; }

.login .form { text-align: center; }
.login .form .input { width: 78%; color: #fff; position: relative; height: 0.7rem; line-height: 0.7rem; border: 0.01rem; border-radius: 0.35rem; padding-left: 1rem; font-size: 0.32rem; background-color: rgba(255,255,255,0.2); background-repeat: no-repeat; margin: 0.26rem auto; background-position: 0.4rem 0.15rem; }
.login .form .input.mobile { background-image: url(../img/tel.png); background-size: 0.32rem 0.42rem; }
.login .form .input.user { background-image: url(../img/user.png); background-size: 0.36rem auto; }
.login .form .input.password { background-image: url(../img/lock.png); background-size: 0.36rem auto; }
.login .form .input.password2 { background-image: url(../img/lock02.png); background-size: 0.36rem auto; }
.login .form .input.code { background-image: url(../img/key.png); background-size: 0.36rem auto; }

.login .form .valcode { position: relative; }
.login .form .valcode .separate { position: absolute; right: 10%; top: 0.38rem; border-left: 0.01rem solid #fff; padding-left: 0.2rem; height: 0.45rem; line-height: 0.45rem; }
.login .form .valcode img { height: 0.45rem; }
.login .form .valcode .separate a { color: #fbf208; font-size: 0.28rem; }

.login .form .findpwd { margin: 0 5%; color: #fff; }
.login .form .findpwd a { color: #fbf208; font-size: 0.26rem; }
.login .form .findpwd .layui-form-checkbox[lay-skin="primary"] span { color: #fff; padding-right: 0; margin-top: 1px; }
.login .form .findpwd .layui-form-checkbox[lay-skin="primary"] i { margin-top: 1px; }
.login .form .findpwd a.agreement { color: #4a9cf0; margin-top: -0.1rem; }
.login .form .findpwd .fr span { font-size: 0.26rem; }
.login .form .findpwd .fr span a { font-size: 0.26rem; }

.layui-form-checkbox[lay-skin="primary"] i { width: 0.26rem; height: 0.26rem; }
.layui-form-checkbox span { font-size: 0.26rem; }

.login .form .login_btn { margin-top: 1rem; }
.login .form .login_btn .btn { border: 0; width: 85%; font-size: 0.32rem; color: #fff; height: 0.7rem; line-height: 0.7rem; background: #4a9cf0; border-radius: 1.75rem; }

.agreementContent { padding: 0.2rem; background: #fff; }
.agreementContent * { max-width: 100%; height: auto !important; }

/*新版本登录界面*/
/*选择登录盒子*/
.login_box { width: 4.12rem; height: 0.85rem; line-height: 0.85rem; font-size: 0.28rem; text-align: center; border-radius: 0.43rem; background-color: #4fa6ff; margin: 0 auto 0.35rem; box-shadow: 0.08rem 0.08rem 0.08rem 0px #d1e8ff; }
.login_box:first-child { margin-top: 0.8rem; }
.login_box a { display: block; text-align: center; color: #ffffff; }
.login_box a img { width: 0.39rem; margin-bottom: 0rem; }
.login_box.all { margin-top: 3rem; }
.login_box.all a img { width: 3.6rem; }

/*登录框组*/
.login_content { text-align: center; margin-top: 0.35rem; font-size: 0.34rem; }
/*顶部标题图*/
.login_content .title img { max-height: 2rem; margin-bottom: 0.3rem; }
/*表单*/
.login_content .form { text-align: center; margin-top: 0.35rem; }
.login_content .form .input { width: 90%; color: #000; position: relative; height: 0.7rem; line-height: 0.7rem; border: 0; border-bottom: 1px solid #ccc; font-size: 0.32rem; padding-left: 0.25rem; margin: 0.26rem auto; border-radius: 0; }
/*验证码*/
.login_content .form .valcode { position: relative; width: 100%; }
.login_content .form .valcode .separate { position: absolute; right: 5%; top: 0.35rem; border-left: 0.01rem solid #fff; padding-left: 0.2rem; height: 0.55rem; line-height: 0.5rem; }
.login_content .form .valcode img { height: 100%; }
.login_content .form .valcode .separate a { color: #fbf208; font-size: 0.28rem; }
/*登录/注册按钮*/
.login_content .form .login_btn { margin-top: 0.7rem; }
.login_content .form .login_btn .btn { border: 0; width: 90%; font-size: 0.34rem; color: #fff; height: 0.7rem; line-height: 0.7rem; background: #4a9cf0; border-radius: 0.1rem; }
/*立即注册、找回密码、同意注册协议按钮*/
.login_content .form .findpwd { margin: 0 5%; }
.login_content .form .findpwd .fl { font-size: 0.28rem; }
.login_content .form .findpwd .fr span { font-size: 0.28rem; }
.login_content .form .findpwd .fr span a { font-size: 0.28rem; color: #4a9cf0; }
.login_content .layui-form-radio div { color: #666; }
.login_content .form .findpwd .layui-form-checkbox span { font-size: 0.28rem; padding-right: 0; }
.login_content .form .findpwd i { background: #fff; border-color: #aaa }
.login_content .form .findpwd .layui-form-checked i { background: #666; border-color: #666; }
.login_content .form .findpwd a.agreement { font-size: 0.28rem; color: #4a9cf0; }
/*重写选择框*/
.login_content .user_type { text-align: center; margin: 0; }
.login_content .user_type .layui-form-radio > i { color: #666; }
/*微信登录*/
.login_content .login-vx { width: 1rem; height: 1rem; margin: 1.3rem auto 0; }
.login_content .login-vx img { width: 100%; height: 100%; }
.login_content .login-vx-text { color: #999999; font-size: 0.28rem; padding-top: 0.1rem; text-align: center; margin: 0 auto; }