html,body{ height:100%;}
.login form{padding:0;box-shadow:none;margin:0;}
.loginflex{ width:100%; height:100%; display:flex;}
.loginall{ width:100%; height:100%; overflow:hidden;}
.loginleft{ width:61.875%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.loginleft img{ width:100%;}
.logincontainer{ width:38.125%; display:flex; align-items:center; justify-content:center;}
.login_wrap{ width:300px; margin:0 auto;}
.login_logo{}
.login_logo img{ margin:0 auto;display:block;}
.login_tab{ margin-top:50px;}
.login_tab ul{ display:flex; gap:28px;justify-content:center;}
.login_tab li{font-weight: 500;font-size: 20px;color: #A1A1AA; cursor:pointer;line-height: 48px;}
.login_tab li.active{ color: #52525B;}
.login_switch{ margin-top:20px;}
.login_switch .login_switchitem{ opacity:0; visibility:hidden; height:0; overflow:hidden;}
.login_switch .login_switchitem.show{ opacity:1; visibility:visible; height:auto;}
.loginform{}
.login_switchitem .lffield{ margin-bottom:20px;}
.lffield .fieldinput{background: #FFFFFF;font-weight: 400;font-size: 18px; border:none;color: #52525B;line-height: 25px; width:100%;border-radius: 4px 4px 4px 4px; padding:12px 15px;}
.lffieldflex{ display:flex; justify-content:space-between; align-items:center;}
.lffieldflex label{ display:flex; align-items:center; cursor:pointer;}
.lffieldflex label input{width: 16px;height: 16px;background: #fff; border:#456EEF 1px solid; border-radius: 2px 2px 2px 2px; margin-right:6px;}
.lffieldflex label input:checked{background:url(../images/duigou001.png) no-repeat center center #456EEF;}
.lffieldflex a.forgetpass{font-weight: 500;font-size: 14px;color: #0066E1;line-height: 20px;}
.lffieldflex a.forgetpass:hover{ text-decoration:underline;}
.lfsubmit{ margin-top:60px;}
.lfsubmit input.lfsubmitinput{ cursor:pointer;background: #006FF4;border-radius: 4px 4px 4px 4px;font-weight: 700;font-size: 16px;color: #FFFFFF;line-height: 25px; padding:12px; display:block; border:none; width:100%;}
.lffieldvcode{ position:relative;}
.lffieldvcodequesiton{font-weight: 400;font-size: 16px;color: #52525B; position:absolute; left:16px; top:12px;line-height: 25px;}
.lffieldvcode .fieldinput{ padding-left:80px;}
.registerform .lfsubmit{ margin-top:24px;}
form.login_lang{ display:flex; justify-content:center; gap:20px;background:none;border:none; margin-top:20px;}
.login_lang button{ display:block; width:28px; height:28px; border:none; background:none; cursor:pointer;}
.login_lang button img{ width:100%; height:100%; opacity: 0.5;}
.login_lang button:hover img, .login_lang button.active img{ opacity:1;}
#login .wp-login-logo{display:none;}
#loginform,#lostpasswordform,#registerform{border:none;background:none;margin-top:0;box-shadow:none;}
#backtoblog{display:none;}
#loginform input{border:none;box-shadow:none;}
.submit {display:block;}
.login form .forgetmenot{float:none;margin-bottom:10px !important;}
.login .button-primary{cursor:pointer;background: #006FF4;border-radius: 4px 4px 4px 4px;font-weight: 700;font-size: 16px;color: #FFFFFF;line-height: 25px; padding:15px 12px !important; line-height:100% !important; display:block; border:none; width:100%;}
.login .button-primary:hover{background: #006FF4;}
.wpml-login-ls{display:none;}
.login form .input{font-size:20px;}
@media(max-width:768px){
    .loginflex{flex-direction:column;background:url(../images/login.jpg) top center;background-size:auto 50%; background-repeat: no-repeat}
    .loginleft{flex:1;background-image:url(none) !important;width:100%;}
    .logincontainer{flex:1.3; width:100%;padding:20px 0;background:#F0F0F1;border-radius: 20px 20px 0 0}
    #login{width:auto;}
}