@charset "utf-8";
body { font-size: 18px; background-color: #f0f0f0 }
* { padding: 0; margin: 0; list-style: none; text-decoration: none; }
.content { margin: 0 auto; width: 320px; height: 500px; position: relative; }
#error_tips { position: absolute; top: 0; z-index: 100; text-align: center; display: none; }
#error_tips #error_tips_content { position: relative; width: 300px; padding: 5px; margin-left: 5px; text-align: left; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 2px 2px 5px #aab4ba; }
#error_tips #error_tips_content #error_icon { position: absolute; top: 5px; display: inline-block; width: 18px; height: 14px; background: url(img/android_logo.png) no-repeat -26px 0; }
#error_tips #error_tips_content #error_message { display: inline-block; line-height: 14px; font-size: 14px; margin-left: 25px; width: 270px; }
.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: 278px; height: 45px; color: #333; border: none; background: none; padding-left: 10px; font-size: 20px; -webkit-appearance: none; }
.logo { height: 70px; width: 244px; margin: 0 auto; margin-bottom: 20px; background-size: 244px 70px; }
.logo { background-image: url(img/login_logo.png); background-position: 0 0; background-repeat: no-repeat; }
.header { display: inline-block; height: 97px; width: 96px; text-align: center; position: relative; }
.header img { width: 60px; height: 60px; position: absolute; top: 10px; left: 16px; }
.header .img_out { width: 60px; height: 60px; position: absolute; top: 9px; left: 15px; border: solid 1px #c6dbe8; border-radius: 4px; -webkit-box-shadow: 1px 1px 13px #6E6E6E; }
.nick { display: inline-block; text-align: center; position: absolute; top: 80px; left: 0; height: 20px; line-height: 18px; vertical-align: middle; }
.del_touch_icon { display: none; width: 30px; height: 30px; position: absolute; left: 60px; top: 0; z-index: 1; }
.del_icon { display: block; width: 24px; height: 22px; background: url(img/android_logo.png) no-repeat -68px 0; border-radius: 11px; }
#web_login { width: 290px; margin: 0 auto; }
#g_list { height: 90px; }
#g_u, #g_p { position: relative; background: #fff; border-radius: 6px; border: solid 1px #cacaca; box-shadow: 0 2px 2px #f1f1f1 inset }
#g_u:before, #g_p:before { content: ''; position: absolute; width: 32px; height: 32px; right: 6px; top: 6px; background-image: url(img/sprite2.png); background-position: 0 0; background-repeat: no-repeat; background-size: 128px 64px; -webkit-background-size: 128px 64px; }
#g_u:before { background-position: -64px 0px; }
#g_p:before { background-position: -96px 0px; }
#g_u { margin-bottom: 10px; }
.txt_default { position: absolute; top: 12px; left: 10px; color: #b3b3b3; }
.del_touch { -webkit-tap-highlight-color: rgba(255,255,255,0); position: absolute; right: 1px; top: -2px; display: block; height: 50px; width: 68px; z-index: 1; }
.del_u { display: none; position: absolute; left: 20px; top: 12px; height: 22px; width: 22px; background: url(img/android_logo.png) no-repeat -92px 0; }
#auto_login { width: 170px; height: 30px; margin: 18px 0 15px 0; color: #77838d; position: relative; }
#auto_login #auto_login_wording { position: absolute; left: 40px; top: 3px; line-height: 20px; height: 20px; font-size: 20px; }
#auto_login #checkbox_border { position: absolute; left: 0; width: 24px; height: 24px; border: 1px solid #ccc; border-radius: 5px; background: #fff; }
#auto_login #checkbox_check { position: absolute; left: 3px; top: 1px; width: 26px; height: 26px; background: url(img/android_logo.png) no-repeat 0 0; }
#go, #onekey { width: 286px; height: 22px; line-height: 22px; padding: 10px 0; border: 1px #3090d1 solid; background: #3598db; border-radius: 5px; color: #fff; font-size: 20px; text-align: center; margin-top: 32px; border-bottom: 2px #3090d1 solid; box-shadow: inset 0 1px 1px #43aaf0, 0 2px 2px #ccc; cursor: pointer; }
#onekey { background: #f90; }
#switch { width: 290px; margin: 0 auto; }
#switch #swicth_login { width: 288px; height: 22px; line-height: 22px; border: solid 1px #cddbe4; border-radius: 5px; background: #f3f9fc; padding: 10px 0; margin-top: 10px; text-align: center; font-size: 22px; color: #89949d; }
#switch #zc_feedback { padding-top: 20px; width: 280px; position: relative; font-size: 16px; }
#switch #zc, #switch #feedback, #fr { color: #3598db; cursor: pointer; }
#switch #feedback { position: absolute; right: 0; }
.tansparent { background: none; }
#zc_forget { padding-top: 3px; font-size: 16px; }