body { font-size: 16px; background: #eee; }
* { padding: 0; margin: 0; list-style: none; text-decoration: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#aaa; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color:#aaa; }
input:focus { outline: none; }
.content { margin: 0 auto; width: 320px; height: 500px; position: relative; }
.login { margin: 0 auto; padding-top: 30px; }
.q_login { margin: 0 auto; width: 290px; overflow: hidden; text-align: center; margin-bottom: 40px; }
.inputstyle { -webkit-tap-highlight-color: rgba(255,255,255,0); width: 273px !important;; height: 44px; color: #000; border: none; background: none !important; padding-left: 15px !important;; font-size: 16px; -webkit-appearance: none; }
.member-logo { height: 100px; width: 244px; margin: 0 auto; margin-bottom: 20px; background: url("../images/member_logo.png") no-repeat center center; background-size: auto 100px;}

.nick { display: inline-block; text-align: center; position: absolute; top: 80px; left: 0; height: 20px; line-height: 18px; vertical-align: middle; }
#web_login { width: 290px; margin: 0 auto; }
#g_list { background: #fff; border-radius: 4px; }
#g_u, #g_p { position: relative; }
#g_u { border-bottom: 1px solid #eaeaea; }
.txt_default { position: absolute; top: 12px; left: 10px; color: #b3b3b3; }
#go, #onekey, .btn_qqlogin, #btn_sign { width: 290px; height: 44px; line-height: 44px; background: #146fdf; border: none; border-radius: 4px; color: #fff; font-size: 16px; padding: 0; text-align: center; margin-top: 15px; display: block; }
#onekey { background: #146fdf; display: none; }
#btn_sign { background: #9AD222; }
.btn_qqlogin { background: #9AD222;}
.btn_qqlogin a { color: #fff;}
#go.weak { background-color: #e7e7e7; color: #146fdf; border: 1px solid #9abbe3; height: 42px; }
#switch { width: 290px; margin: 0 auto; }
#switch #swicth_login { width: 288px; height: 42px; line-height: 44px; border: solid 1px #9abbe3; border-radius: 5px; background: #e7e7e7; margin-top: 10px; text-align: center; font-size: 16px; color: #146fdf; }
#switch #zc_feedback { width: 290px; position: relative; margin-top: 15px; }
#switch #zc, #switch #forgetpwd { color: #246183; line-height: 14px; font-size: 14px; padding: 15px 10px; }
#switch #zc { float: right; margin-right: -10px; }
#switch #forgetpwd { float: left; margin-left: -10px; }
.tansparent { background: none; }
.vcode_area { position: relative; margin: 0 auto; margin-top: 20px; width: 288px; height: 53px; border-radius: 5px; border: solid 1px #EEE; background: #fff; }
.vcode_area img { border-radius: 5px 0 0 5px;}
.vcode_input { -webkit-tap-highlight-color: rgba(255,255,255,0); position: absolute; top: -1px; left: 130px; width: 157px !important; text-align: center; height: 53px; border: 1px solid #EEE; background: none; -webkit-appearance: none; border-radius: 0 5px 5px 0; line-height: 28px; font-size: 24px;  }

.sec_code { margin-top: 20px;}
.sec_code:before, .sec_code:after { display: table; content: ""; }
.sec_code:after { clear: both; }
.sec_code input{ float: left; border:none; margin-right: 10px; }
.sec_code img { height: 40px; border-radius: 3px;}


.header, .footnav, .footer, .channels, .footer-channels {display: none;}