html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
* { box-sizing: border-box }
body { font-family: Microsoft Yahei, Helvetica, sans-serif; font-size: 0.875em; color: #666; min-width: 320px; background: #f7f7f7 }
input, button, textarea { font-family: Microsoft Yahei, Helvetica, sans-serif; -webkit-appearance: none; outline:none; -webkit-border-radius:0 }
a:link, a:visited, a:active, a:hover { color: #666; text-decoration: none; -webkit-tap-highlight-color: transparent }
:focus { outline: 0 }
ol, ul { list-style: none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }
.hide { display: none; }
.fll { float: left }
.flr { float: right }
.top { height: 44px; line-height: 44px; font-size: 1.125em; background: #f7f7f7; border-bottom: solid 1px #dfdfdf; text-align: center }
.top_tab { height: 55px; line-height: 55px; background: #fff; text-align: center;padding:1px }
.back_btn, .home_btn { width: 44px; height: 44px; display: block; position: absolute; top: 0; left: 0; background: url(../images/back_btn.png) no-repeat; background-size: contain }
.home_btn { left: inherit; right: 0; background: url(../images/home_btn.png) no-repeat; background-size: contain }
.nav { width:90%; border:solid 1px #0085d0; border-radius:21px; margin:10px 5%; background: #fff}
.nav li { width: 50%; float: left; height: 42px; line-height: 42px; text-align: center; border-radius:19px }
.nav li.on { color: #fff; background:#0085d0}
.login_form { padding: 20px; padding-bottom: 0; background: #fff }
.code_form { padding: 20px; border-bottom: solid 1px #dfdfdf }
.code_form_captcha { padding: 1px 20px 20px 20px; border-bottom: solid 1px #dfdfdf }
.login_form li { margin-top: 20px }
.login_form li label { line-height: 22px }
.login_form li:first-child { margin-top: 0 }
.login_form li input { width: 100%; height: 46px; border: solid 1px #dfdfdf; padding: 10px 20px 10px 35px; color: #333; font-size: 1em }
.login_form li input.user_input { background: url(../images/user_icon.png) no-repeat 13px center; background-size: auto 40% }
.login_form li input.password_input { background: url(../images/password_icon.png) no-repeat 13px center; background-size: auto 40% }
.login_form li input.phone_input { background: url(../images/phone_icon.png) no-repeat 13px center; background-size: auto 40% }
.login_form li input.sms_input { background: url(../images/sms_icon.png) no-repeat 13px center; background-size: auto 40% }
.login_form li input.code_input { background: url(../images/code_icon.png) no-repeat 13px center; background-size: auto 40%; padding-right: 120px }
.sms_code { width: 140px; height: 44px; line-height: 44px; border-left: solid 1px #dfdfdf; text-align: center; display: block; background: #fafafa; position: absolute; top: 1px; right: 1px }
.code_pic { width: 95px; height: 44px; position: absolute; top: 1px; right: 10px }
.checkboxPic { display: block; width: 20px; height: 20px; border-radius: 10px; float: left; border: solid 1px #dfdfdf; margin-right: 10px }
.checkboxPic.check_chk { background: url(../images/check_chk_icon.png) no-repeat; background-size: contain; border: 0 }
.error_form { padding: 10px 20px 0 20px; color: #eb573d; background: #FFF; }
.login_form li input.error_bor { border: solid 1px #eb573d }
.login_btn_form { padding: 10px 20px }
.login_btn { width: 100%; height: 45px; font-size: 1.125em; color: #fff; background: #0085d0; border-radius: 4px; border: 0 }
.footer_top { padding: 15px; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; margin-top: 10px }
.footer_main { padding: 15px 20px; line-height: 35px; text-align: center }
.footer_main p a { margin: 0 5%; }
.footer_main p a.on { color: #0085d0 }
.footer_main p:last-child { color: #999 }
.code_success_ico { background:url(../images/code_success_ico.png) no-repeat 80px center}
.code_error_ico { background:url(../images/code_error_ico.png) no-repeat 80px center}

.login_btn.loading { background:#ccc}
.ss-add-app-modal-mask { transition: opacity 2s; -moz-transition: opacity 2s; /* Firefox 4 */ -webkit-transition: opacity 2s; /* Safari and Chrome */ -o-transition: opacity 2s; /* Opera */ position: fixed; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/modal-mask-bg.png); display: none }
.login_protect { width: 279px; border: solid 5px #ccc; position: absolute; top: 25px; left: 50%; margin-left: -140px; z-index: 888; background: #FFF; padding-bottom: 20px; display: none  }
/**add **/
.login_protect .reg_item { width: 230px;height: 33px;line-height: 33px;margin: 20px 0 0 18px;_margin-top: 20px;border: solid 1px #dadada;}
.reg_item_title { width: 80px; height:33px; text-align:center; float: left; background:#f1f1f1 }
.login_tip { color: #dd005f; padding-left: 25px; height: 25px; line-height: 25px; margin: 5px auto 0 auto }
a.login_a { margin-left: 10px; color: #e40077 }
a.login_a:hover { color:#ff4aa9}
.margin-0 { margin: 0!important }
.reg_input { border: 0; width: 228px; height: 23px; line-height:23px; *height: 22px; *line-height:22px; padding:5px 10px; }
.random { width: 90%; float: left; text-align: right; padding-right: 0%; }
.protect_close { width: 16px; height: 16px; position: absolute; top: 12px; right: 12px; cursor: pointer; background: url(../images/protect_close.png)}
.login_pro_title { width: 269px; padding-left: 10px; height: 40px; line-height: 40px; border-bottom: solid 1px #e8e8e8; background: #f1f7fc; font-size: 14px; font-weight: bold; color: #999 }
.reg_success_text { text-align: center; margin-bottom: 20px; }
.reg_success_text img { position: relative; top: 12px; left: -20px; }
.margin-top-15 { margin-top: 15px!important }
.protect_btn { width: 270px; text-align: center; margin-top: 30px; }
.qr_btn,.qx_btn { background:#0085d0; border-radius:4px; font-size:14px; font-weight:bold; color:#FFF; width: 115px; height: 34px; cursor: pointer;border: 0 }
.qr_btn:hover { background: #1796dd; }
.forget_box { padding:20px; line-height:24px}
/** 增加样式   2016-8-17 gaox */
.login_form li input.smsg_input { background: url(../images/smsg_icon.png) no-repeat 11px center; background-size: auto 32% }
.login_form li input.psw_input { background: url(../images/psw_icon.png) no-repeat 13px center; background-size: auto 40% }
.login_form li input.email_input { background: url(../images/email_icon.png) no-repeat 10px center; background-size: auto 45% }

.login_txt { padding:0.2rem 0; text-align:center; color:#0085d0;}
.login_txt img { width:0.9rem; vertical-align:middle; margin-top:-0.05rem; margin-right:0.1rem; }

/* 弹窗 */
.pop_tc {width: 80%; padding:1.5em 0; background: #fff; border-radius:4px; display: none;position:fixed;top:50%;overflow: hidden;}
.pop_tc .txt1 { padding:0.5em; text-align:center;}
.pop_tc a.btn { width:60%; padding:0.4em; color:#0085d0; text-align:center; margin:1em auto 0; border:1px solid #ddd; border-radius:5px; display:block;}

.gmtck { padding:1.5em 0; border-radius:4px; background:#fff; margin:0 auto;}
.gmtck .txt1 { padding:0.5em; text-align:center;}
.gmtck a.btn { width:60%; padding:0.4em; color:#0085d0; text-align:center; margin:1em auto 0; border:1px solid #ddd; border-radius:5px; display:block;}
.gmtck {
width:80%;
z-index:999;
top:40%;
right:10%;
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}

.bg,.popIframe {
background-color:#000; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity:70);/*IE*/
opacity:0.7;/*FF*/
z-index:99;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.popIframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}