/*CSS Reset*/
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,form { padding: 0; margin: 0; }
ol, ul, dl {list-style: none; }
body {font: 14px/1.5 'Lucida Grande', Helvetica, Arial, Verdana, 'Microsoft YaHei',  sans-serif; color: #aeaeae; word-break: break-all; word-wrap: break-word }
img {border: none }
table{border-collapse: collapse; border-spacing: 0 }
input,textarea,select { font: 14px 'Lucida Grande', Helvetica, Arial, Verdana, 'Microsoft YaHei',  sans-serif; outline: none }
a {color: #aeaeae; text-decoration: none; outline:none }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix {zoom:1; }

html,body{background: none;}
/* 
body{background-color: #cccfd8;} */


.login-tab{width: 436px;height: 22px; margin: 57px auto 30px;line-height: 999px;overflow: hidden;position: relative;background: url(https://img8.99.com/mycz/act/2024/04/aq/v3/tab1.png) center no-repeat;}
.login-tab::before,.login-tab::after{content: "";position: absolute;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;visibility: hidden;left: 0;top: 0;}
.login-tab::before{background-image: url(https://img8.99.com/mycz/act/2024/04/aq/v3/tab1.png);}
.login-tab::after{background: url(https://img8.99.com/mycz/act/2024/04/aq/v3/tab2.png)}
.login-tab1.login-tab::before,.login-tab2.login-tab::after{visibility: visible;}

.login-tab span{float: left;height: 100%;width: 150px;cursor: pointer;position: relative;z-index: 2;}
.login-tab span:last-of-type{width: 240px;}

#id_userlogin,#mobile_login{width: 380px; margin: 0 auto;}
.loginSpace label,.loginSpace span,.checkCode label,.code_text,#txtCheckCode ~ a,#btn_clearlogin{display: none;}
.loginSpace,.checkCode{background: #f6f7f9;border: 1px solid #dfe3eb;color: #aeaeae !important;height: 50px;padding-bottom: 0; margin: 10px auto 15px;position: relative;box-shadow: 0 0 0 4px #f6f7f9;}
.loginSpace input,.checkCode input{width: 88%;height: 100%;background: none;border: 0;-webkit-appearance: none;appearance: none;font-size: 18px; margin-left: 2%;}
#txtUserName,#MobileUserName{width: 96%;}
#txtPassword ~ a{font-size: 0;background: url(https://img6.99.com/mycz/act/2024/04/aq/v2/close.png) no-repeat center;width:40px;height: 52px;position: absolute;right: 0;top: 0;}
#txtPassword ~ a.open{background-image: url(https://img6.99.com/mycz/act/2024/04/aq/v2/open.png)}
.checkCode{margin: 0 0;position: relative;}
#txtCheckCode{width: 40%!important;}
.code_img{position: absolute;right: 0;top: 0;background-color: #f0f4fb;width: 160px;text-align: center;}
.code_img img{margin: 0;width: auto;height: 50px;}

.loginButton input{ display:block; width:263px;height:58px;margin:30px auto 10px; background:url(https://img4.99.com/mycz/act/2024/04/aq/v2/btn.png) center no-repeat; border-radius:0;;border: 0;-webkit-appearance: none;appearance: none;cursor: pointer;font-size: 0;}
.loginButton input:hover{filter: brightness(1.1)}
#id_mobileSend{width: 140px;height: 50px;position: absolute;right:0;top: 0;border: 0;-webkit-appearance: none;appearance: none;color: #434343;font-weight: bold;font-size: 20px;cursor: pointer;}
#login_show_btn,#mobile_login_show_btn{display: none!important;}
.mobile-login-tip{width: 540px;position: relative;margin-left: -90px;color: #8d8a83;}
#AliasesCheckCode,#id_mobileCheckCode{width: 40%;}

#errmsg_mobilelogin_box,#errmsg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;padding: 0;display: flex!important;justify-content: center; align-items: center;font-size: 20px;z-index: 10;visibility: hidden;opacity: 0;font-weight: bold;}
#errmsg_mobilelogin,#errmsg span{color: #c9c9c9;width: 330px;padding: 5px;border: 1px solid #434343;background: #434343;background: rgba(67,67,67,0.9);display: block;}
#errmsg_mobilelogin_box.show,.show #errmsg{ animation: tipShow 2s linear 1 forwards;}
@keyframes tipShow{
    0%{opacity: 0;visibility: visible;}
    5%{opacity: 0;visibility: visible;}
    20%,80%{opacity: 1;visibility: visible;}
    100%{opacity: 0;visibility: hidden;}
}

::-webkit-input-placeholder{color:#aeaeae;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #f6f7f9 inset;}