/* 登录页面 */
html,body{height: 100%;}
.pass-main-body{background: url(../img/login-bg.jpg) 0 0 no-repeat; background-size: cover;
width: 100%;min-height: 100%;position: relative;padding:100px 15px 20px 15px;box-sizing: border-box;
}
.login-box{width: 1020px;margin: 0 auto;border-radius: 15px;overflow: hidden;min-height: 553px;
box-shadow: rgba(56,96,244,0.4) 8px 2px 15px 5px, rgba(56,96,244,0.4) 8px 3px 10px 5px;}
.login-box-left{width: 50%; background-image: linear-gradient(108deg, #345bf2, #6a87f7);display: flex;align-items: center;}
.login-box-left h3,.zw_login-box-title{
font-size: 36px;font-family: "PingFangHeiTcw8-Proportional";margin-bottom: 30px;position: relative;z-index: 5;
text-shadow:-2px 8px 10px #0c218a;
}
.zw_login-box-title{text-align: center;font-size: 24px;margin-bottom: 20px;}
.login-box-left h3 a,.zw_login-box-title a{color: #fff;}
.login-box-left >img{width: 351px;height: 270px;margin-left: 140px;display: block;}
.login-box-right{z-index: 6; background-color: #fff;width: 50%;padding: 74px 94px 10px;position: relative;box-sizing: border-box;}
.login-switch {
width: 63px;
height: 63px;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.icon-l {
width: 63px;
height: 63px;
}
.login-switch .static-l {
background: url(../img/wx_l.svg) 0 -10px no-repeat;
background-size: 100%;
position: relative;
}
.login-switch .quick-l {
background: url(../img/wb_l.svg) no-repeat 1px 0;
background-size: 100%;
}
.module-l-static .static-l i {
color: #fff;
font-size: 14px;
font-style: normal;
line-height: 34px;
width: 110px;
height: 34px;
text-align: center;
position: absolute;
right: 53px;
background: url(../img/code-tips.png) no-repeat;
}
.module-l-static .l-static, .module-l-static .static-l {
display: block;
}
.module-l-static .l-quick, .module-l-static .quick-l {
display: none;
}
.module-l-quick .l-static, .module-l-quick .static-l {
display: none;
}
.l-tab-covers li {text-align: center;}
.l-tab-covers li a{font-family: "PingFangHeiTcw8-Proportional";
/* width: 81px; */
font-size: 24px;padding-bottom: 8px;display: inline-block;border-bottom: 2px solid transparent;color: #374567;}
.l-tab-covers li a.cur{border-bottom: 2px solid #3a61f5;color: #3a61f5;}
.layui-form-ptd{padding: 30px 0;}
.layui-form-ptd .login-form-item .login-input-inline{
width:100%;
position: relative;
}
.l-tab-covers{padding: 0 5px;}
.login-input-inline>i {
position: absolute;
left: 12px;
color: #abaeba;
top: 12px;
}
.login_input{
background-color: #f5f5f5;
border-radius: 20px;
padding-left: 35px;
}
.layui-form-checked[lay-skin=primary] i{
border-color: #5370ff!important;
background-color: #5370ff;
}
.grad {
background-image: linear-gradient(to right, #5f87f8 , #5370ff);
}
.layui-form-ptd .layui-form-checkbox[lay-skin=primary] span{color: #7a8ba6;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #5370ff!important;}
.login_dl_wt{text-align: right;width: 100%;}
.login_dl_wt a{color: #5370ff;}
.sign-in-button{
width: 100%;
height: 48px;
border-radius: 25px;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #fff;
display: block;
}
h6.poplogin_h6 {
width: 100%;
position: relative;
margin: 0px 0 20px;
font-size: 12px;
color: #b5b5b5;
text-align: center;
}
.poplogin_h6::before,.poplogin_h6::after {
content: "";
border-top: 1px solid #b5b5b5;
display: block;
position: absolute;
width: 60px;
top: 8px;
}
.poplogin_h6::before {
left: 30px;
}
.poplogin_h6::after {
right: 30px;
}
.more_login_ul {
text-align: center;
width: 100%;
margin-bottom: 10px;
}
.more_login_ul li {
margin: 0 3px;
display: inline-block;
}
.more_login_ul li a.weibo {
background-color: #e05244;
}
.more_login_ul li a.weixin {
background-color: #00bb29;
}
.more_login_ul li a.qq {
background-color: #498ad5;
}
.more_login_ul li a {
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
line-height: 55px;
display: block;
}
.more_login_ul li a i {
font-size: 24px;
color: #fff;
}
.l-title-covers {
padding-bottom: 20px;
border-bottom: 1px solid #eeeeee;
}
.l-title-covers .l-title-h2 {
font-size: 16px;
color: #374567;
font-weight: 500;
}
.er-cd-covers {
text-align: center;
color: #999999;
font-size: 12px;
}
div#login_container {
height: 290px;
text-align: center;
overflow: hidden;
padding-top:25px;
}
.login-up-msg {
margin-bottom: 20px;
padding: 0;
text-align: center;
font-size: 12px;
line-height: 20px;
color: #969696;
}
.login-up-msg a {
cursor: pointer;
color: #5370ff;
}
#model_register {
display: none;
box-sizing: border-box;
padding: 20px;
color: #666;
}
#model_register>p:first-child {
text-indent: 20px;
color: #333;
font-weight: 700;
}
#model_register>p {
margin-bottom: 10px;
}
#testregphonebtn,#testbtn,#testphonebtn{font-size: 12px; position: absolute;right: 6px;top: 6px;display: block;border-radius: 15px;padding:5px 8px; background-color: #5370ff;color: #fff;}
#zw-imgcode{position: absolute;right:6px;top: 5.5px;display: block;cursor: pointer;}
#zw-imgcode img{width: auto;height: 28px;cursor: pointer;}
.zw_imgradius{border-top-right-radius:0;border-bottom-right-radius:0;}
#Mycanvas{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;height: 100%;}
.zw-checkhover .layui-form-checked:hover span{background-color:transparent;}
/*
@keyframes typing {
from {
width: 0;
}
to {
width: 145px;
}
}
/* 光标 */
/* @keyframes blink-caret {
from,
to {
border-color: transparent;
}
50% {
border-color: currentColor;
}
} */
@media screen and (max-width: 1200px){
.login-box {
width: 100%;
}
}
@media screen and (max-width: 992px){
.layui-hidemd {
display: none;
}
.login-box-right {
width: 100%;
border-radius: 2px;
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 768px){
.l-tab-covers li a{font-size: 20px;}
.pass-main-body {
padding: 30px 20px 20px 20px;
}
}