body{background-color: #FFFFFF;}
new-msg-center.main .item-login-option:after, .main .item:after { content: '\20'; clear: both }
.header { position: relative; z-index: 8888; height: 44px; background: url(../../../st/img/header-bg.png)repeat-x #efefef; background-size: 100% 44px; border-bottom: 1px solid #bfbfbf; border-width: 0 0 1px; -webkit-border-image: url(data:image/gif;base64,R0lGODlhBAAEAIABAL+/v////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MDgzOEM2RDA0Mzc2M0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDNUJDQkY0OTI1MDExRTQ4NEVFRDAyNUY5NUEwMEY3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUJDQkYzOTI1MDExRTQ4NEVFRDAyNUY5NUEwMEY3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNEEwMDBGQjIxMjA2ODExODA4M0YzNThFREFFRUMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODA4MzhDNkQwNDM3NjNFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIFhBGpeVAAOw==)2 0 stretch; -o-border-image: url(data:image/gif;base64,R0lGODlhBAAEAIABAL+/v////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MDgzOEM2RDA0Mzc2M0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDNUJDQkY0OTI1MDExRTQ4NEVFRDAyNUY5NUEwMEY3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUJDQkYzOTI1MDExRTQ4NEVFRDAyNUY5NUEwMEY3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNEEwMDBGQjIxMjA2ODExODA4M0YzNThFREFFRUMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODA4MzhDNkQwNDM3NjNFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIFhBGpeVAAOw==)2 0 round; border-image: url(data:image/gif;base64,R0lGODlhBAAEAIABAL+/v////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4MDgzOEM2RDA0Mzc2M0VFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDNUJDQkY0OTI1MDExRTQ4NEVFRDAyNUY5NUEwMEY3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNUJDQkYzOTI1MDExRTQ4NEVFRDAyNUY5NUEwMEY3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNEEwMDBGQjIxMjA2ODExODA4M0YzNThFREFFRUMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODA4MzhDNkQwNDM3NjNFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAAEAAQAAAIFhBGpeVAAOw==)2 0 round; font-family: PingHei, "Lucida Grande", "Lucida Sans Unicode", STHeiti, Helvetica, Arial, Verdana, sans-serif; color: #252525; font-size: 16px; min-width: 320px }
.header a { position: absolute; width: 40px; height: 44px }
.header span { display: block; width: 20px; height: 20px; margin: 12px 0 0 10px; text-indent: -100px; overflow: hidden; background: url(../../../st/img/arrow.png)no-repeat; background-size: 20px 20px }
.header h2 { height: 44px; line-height: 44px; font-weight: 400; font-size: 16px; text-align: center }
.main { padding: 20px 15px 0;background-color: #FFFFFF; }
.main h2 { margin: 8px 0 10px; line-height: 1.5; font-size: 13px; color: #686868 }
.main .item, .main .item-captcha .input-info { margin-bottom: 10px }
.main h2 span { color: #252525 }
.main .item { position: relative; width: 100% }
.main .item .txt-input { width: 100%; height: 44px; line-height: normal; padding: 0; border: 1px solid #d7d7d7; border-radius: 3px; background: #f0f0f0; font-family: '\5fae\8f6f\96c5\9ed1'; font-size: 16px; color: #252525; -webkit-appearance: none }
.main .item .txt-input::-webkit-input-placeholder {
color:#bfbfbf
}
.main .item .txt-input:-moz-placeholder {
color:#bfbfbf
}
.main .item .txt-input::-moz-placeholder {
color:#bfbfbf
}
.main .item .txt-input:-ms-input-placeholder {
color:#bfbfbf
}
.main .item .err-msg { font-size: 13px; color: #f96fce }
.main .item .txt-err { border: 1px solid #f96fce }
.main .item .txt-phone { padding-left: 15px; width: 53.31034482758621% }
.main .item .txt-captcha, .main .item .txt-password, .main .item .txt-username { padding-left: 15px }
.main .item .txt-pad18 { padding-left: 18px }
.main .item:after { display: block }
.main .item-phone .input-close { right: 15px }
.main .item-username .input-close { right: 17px }
.main .item-password .input-close { right: 78px }
.main .item-password .tp-btn { display: block; position: absolute; right: 10px; top: 8px; width: 51px; height: 35px }
.main .item-password .btn-off { background: url(../images/passwordclose.png)no-repeat; background-size: 51px 35px }
.main .item-password .btn-on { background: url(../images/passwordopen.png)no-repeat; background-size: 51px 35px }
.main .item-captcha #captcha-img { position: absolute; right: 0; top: 9px; width: 79px; height: 25px; padding-left: 7px; border-left: 1px solid #d7d7d7 }
.main .item-captcha .input-close { right: 89px }
.main .item-password .err-tips { margin: 13px 0 24px; font-size: 13px; color: #848689 }
.main .item-password .err-tips a { color: #f96fce; border-bottom: 1px solid #f96fce; height: 13px }
.main .item-captcha .login-free { position: relative; height: 18px; padding-left: 26px; line-height: 18px; font-size: 13px; color: #848689 }

.main .item-btns .btn-login, .main .item-btns .btn-next { display: inline-block; width: 100%; height: 40px; border-radius: 3px; background: #ea5252; text-decoration: none; line-height: 39px; text-align: center; font-size: 17px; color: #fff }
.btn-logins{display: inline-block; width: 100%; height: 40px; border-radius: 3px; background: #ea5252; text-decoration: none; line-height: 39px; text-align: center; font-size: 17px; color: #fff }
.main .item-sms-captcha { margin-bottom: 10px }
.main .item-sms-captcha .txt-sms-captcha { float: left; padding-left: 15px }
.main .item-phone .btn-retransmit { float: right; overflow: hidden; width: 44.13793103448276%; height: 42px; border: 1px solid #f15353; border-radius: 3px; background: #fff; line-height: 40px; text-align: center; cursor: pointer; font-size: 14px; color: #f15353 }
.main .item-phone .btn-retransmit-disabled { box-shadow: none; border: 1px solid #e2e2e2; background: #e2e2e2; cursor: default; color: #bdbdbd }
.main .item-sms-captcha .input-close { left: 52.75862068965517% }
.main .item-sms-captcha1 { margin-bottom: 42px }
.main .item-login-option { padding-top: 20px; margin-bottom: 34px; font-size: 14px }
.main .item-login-option .register-free { float: left; width: 50% }
.main .item-login-option .retrieve-password { float: right; width: 50%; text-align: right }
.main .item-login-option .register-free a, .main .item-login-option .retrieve-password a { color: #686868; font-size: 15px; border-bottom: 1px solid #686868; height: 14px;}
.main .item-login-option:after { display: block }
.main .item-login-other dt { margin-bottom: 13px; font-size: 14px; color: #666 }
.main .item-login-other dd a { float: left }
.main .item-login-other dd .qq { width: 25.17% }
.main .item-login-other dd .qq span { width: 25px; margin-left: 5px }
.main .item-login-other dd .renren { width: 27.7586% }
.main .item-login-other dd .renren span { width: 38px; background-position: -66px 0 }
.main .item-login-other dd .weibo { width: 19.2714% }
.main .item-login-other dd .weibo span { width: 29px; background-position: -144px 0 }
.main .item-login-other dd .douban { width: 27.8%; text-align: right }
.main .item-login-other dd .douban span { width: 82px; background-position: -205px 0 }
.main-unbind .item-tips { margin-bottom: 15px }
.apple{width: 96%;height: 40px; background:#7c66c0 ;margin: 0 auto;}
.apple-txt{color: #FFFFFF;margin:-10px 0 0 5px;}
.t1{text-align: right;margin: -22px 5px 0 0;}
.banana{width: 96%;height:40px;border:1px solid #7c66c0;background:#FFFFFF;margin: 0 auto;}
.banana-txt{margin:10px 0 0 5px;}