body{background-color:#f2f2f2}
.main-head{min-height:10rem}
.login-container{display:flex;justify-content:space-between}
.count-number{font-size:26px;color:var(--main_color);font-weight:700;margin-right:10px}
.count-words{font-size:.9rem}
.login-left{width:calc(100% - 455px);float:left;height:100%}
.login-content{width:455px;max-width:calc(100% - 425px);float:right;background-color:#fff}
.login-left img{width:400px;margin-top:30px}
.login-content .login-box{height:100%;padding:30px 70px}
.login-content .login-head{font-size:26px;color:#008cd6;font-weight:700;letter-spacing:0;margin-bottom:2rem;text-align:center}
.login-content .login-box input{height:34px;font-size:14px;background:#fafbfc;border:1px solid #edebeb;border-radius:5px;caret-color:unset;margin-bottom:15px}
.login-content .login-btn{margin-top:1.5rem;background:var(--main_color);border-radius:4px;width:100%;height:40px;line-height:40px;color:#fff;font-size:14px;text-shadow:none;font-weight:700;border:1px solid var(--main_color)}
#btnRegister{margin:1rem 0}
.login-content .back-btn{margin-top:.857142rem;background:#e0e2e6;box-shadow:0 2px 6px 0 rgba(224,226,230,.3);border-radius:4px;width:100%;height:3.142857rem;line-height:3.142857rem;color:#40404e;font-size:1.142857rem;text-shadow:none;font-weight:700;border:1px solid #e0e2e6}
.login-box input:hover{border-color:#edebeb!important}
.login-box .login-alter{margin-top:1.142857rem;text-align:left;display:flex}
.login-box .login-alter a:first-child{flex:1}
.login-box .login-alter a:last-child{flex:1;text-align:right}

.login-box .thdlog{margin-top:20px;}
.login-box .thdlog .divider--horizontal{margin-top:0;margin-bottom:15px}
.login-box .thdlog .divider__text{font-weight:400;color:#40404e;font-size:14px}
.login-box .thdlog .thdlog-tips{font-size:0.928571rem;color:#c7c7c7}
.login-box .divider--horizontal{display:block;height:1px;width:100%;margin:1.714285rem 0;background-color:#dcdfe6;position:relative}
.login-box .divider__text{position:absolute;background-color:#fff;padding:0 1.428571rem;font-weight:500;color:#303133;font-size:1rem}
.login-box .divider__text.is-center{left:40%;-webkit-transform:translateX(-32%) translateY(-50%);transform:translateX(-32%) translateY(-50%)}

.login-box .thdlogimg{text-align:center;padding-top:10px;}
.login-box .thdlogimg a img{height:40px;width:40px;}
.login-box .input-group .verificationCode{background:#008cd6;box-shadow:0 2px 6px 0 rgba(0,140,214,.3);height:3rem;width:8.571428rem;margin-left:.857142rem;border-radius:.285714rem;padding:0;line-height:3rem;color:#fff;font-size:1.142857rem;display:inline-block;text-shadow:none}
.login-box .input-group .verificationCode span{color:#fff;font-size:16px;text-shadow:none}
.login-box .input-group#smsCodeDiv>span{min-width:70px;padding:0;vertical-align:unset}
.span-none{background:0 0;border:none}
.layui-form-checkbox[lay-skin=primary]{padding-left:0}
.navbar-link,.navbar-link:hover{color:#008cd6}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#008cd6!important}
.layui-form-checked[lay-skin=primary] i{border-color:#008cd6!important;background-color:#008cd6!important}
