.login-register { width: 100vw; background: #151829 url(../images/login-bg.jpg) no-repeat center top; background-size: 100% 6.4rem; padding-top: 0; }

.login-register .container { width: 100%; }

.login-register .container .mobile-nav { background: none; }

.login-register .container .mobile-logo { margin-top: 1.52rem; display: block; text-align: center; height: 4.3467rem; display: flex; justify-content: center; align-items: center; }

.login-register .container .mobile-logo img { width: 2.1867rem; height: 2.24rem; }

.login-register .container .box { background: none; margin-top: 0; height: auto; }

.login-register .container .box .box-left { flex: none; width: 100%; padding-top: 1rem; box-sizing: border-box; }

.login-register .container .box .box-left .box-title { display: none; }

.login-register .container .box .box-left .layui-form { width: 100%; margin: 0 auto; padding: 0 0.6667rem; }

.login-register .container .box .box-left .layui-form .layui-form-item { margin-bottom: 0.2667rem; }

.login-register .container .box .box-left .layui-form .layui-form-item + .layui-btn { margin-top: 0.8rem; }

.login-register .container .box .box-left .layui-form .layui-input-block { background: none; border-bottom: 1px solid #383d5b; height: 1.3333rem; min-height: auto; }

.login-register .container .box .box-left .layui-form .layui-input-block i { margin-left: 0; margin-right: 0.2667rem; }

.login-register .container .box .box-left .layui-form .layui-input-block .input__suffix { padding-right: 0; font-size: 0.3733rem; color: #017efd; min-width: 1.6rem; display: inline-block; text-align: right; margin: 0; background: none; }

.login-register .container .box .box-left .layui-form .layui-input-block .input__suffix img { width: 1.6rem; height: 0.6667rem; margin: 0; }

.login-register .container .box .box-left .layui-form .layui-input-block .layui-input { font-size: 0.3733rem; padding-left: 0; padding-right: 0.1333rem; height: auto; line-height: normal; border-radius: 0; flex: 1; }

.login-register .container .box .box-left .layui-form .layui-input-block .layui-input::placeholder { color: #7b87a6; }

.login-register .container .box .box-left .layui-form .checkbox { padding-top: 0.5333rem; color: #7b87a6; font-size: 0.32rem; }

.login-register .container .box .box-left .layui-form .layui-btn { height: 1.1733rem; border-radius: 0.1333rem; font-size: 0.4rem; margin-bottom: 0.6667rem; }

.login-register .container .box .box-left .other-login { width: 100%; padding: 0 0.6667rem 1rem; margin-top: 0; }

.login-register .container .box .box-left .other-login .title { background-color: #383d5b; }

.login-register .container .box .box-left .other-login .title:after { background-color: #171a2b; color: #7b87a6; font-size: 0.32rem; }

.login-register .container .box .box-left .other-login .btns { flex-direction: column; }

.login-register .container .box .box-left .other-login .layui-btn { flex: 1; width: 100%; height: 1.1733rem; line-height: 1.1733rem; background-color: #222846; border-radius: 0.1333rem; font-size: 0.3733rem; color: #7b87a6; }

.login-register .container .box .box-left .other-login .layui-btn i { margin-right: 0.1333rem; }

.login-register .container .box .box-left .other-login .layui-btn + .layui-btn { margin-left: 0; margin-top: 0.4rem; }