input:-moz-placeholder { color: #bbb; }
input::-moz-placeholder { color: #bbb; }
input:-ms-input-placeholder { color: #bbb; }
input::-webkit-input-placeholder { color: #bbb; }

textarea::placeholder { color: #bbb; }

html { overflow: hidden; height: 100%; width: 100%; font-size: 20px; }

body { background-color: #fff; font-family: "HiraginoSansGB W3","Helvetica Neue",Helvetica,sans-serif,"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif,"Microsoft YaHei UI", "Microsoft YaHei"; overflow: auto; height: 100%; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

ul { padding: 0; margin: 0; list-style: none; }

p { margin: 0; }

a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #333; }

.hide { display: none !important; }

.mask-black { background-color: rgba(0, 0, 0, 0.2); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; display: flex; justify-content: center; align-items: center; }

.empty-data { min-height: 20rem; width: 100%; background: url(../images/empty.png) no-repeat 55% center; background-size: 33% auto; text-align: center; padding-top: 14rem; color: #333; font-size: .7rem; }

.pop_slide_head { position: relative; height: 2rem; line-height: 2rem; padding-left: .5rem; font-size: .8rem; color: #333; background-color: #f3f2f8; }
.pop_slide_head i { position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; line-height: 2rem; font-size: .8rem; text-align: center; color: #666; }

.bar .icon { padding: .5rem; }

.bar-nav { background-color: #fff; border-bottom: none; }
.bar-nav::after { background-color: #dfdfdf; height: 2px; }
.bar-nav .logo-icon { width: 132px; height: 27px; background: url("../images/logo.png") no-repeat; background-size: 132px 27px; margin-top: 0.5rem; }
.bar-nav .menu-icon { width: 3rem; height: 2rem; background: url("../images/menu.png") center center no-repeat; background-size: 23px 14px; cursor: pointer; position: relative; z-index: 1; }
.bar-nav .title { font-size: 0.9rem; color: #000; font-weight: 600; z-index: 0; }

.buttons-tab:after { background-color: #fff; }

.panel { height: auto; background: #fff; box-shadow: 0 0 8px #ccc; border-radius: 3px; overflow: hidden; }
.panel.panel-right.panel-cover { right: -11rem; top: 2rem; }
.panel .menu-list { background: #fff; }
.panel .menu-list li { padding: 0 1rem 0 1.25rem; height: 2.5rem; vertical-align: top; border-bottom: 0.05rem #dfdfdf solid; font-size: 0.75rem; }
.panel .menu-list li:last-child { border-bottom: none; }
.panel .menu-list li a { display: block; color: #333; line-height: 2.5rem; }
.panel .menu-list li a:hover { color: #333; }
.panel .menu-list li a i { text-align: right; line-height: 2.5rem; }

.content { background-color: #f5f5f5; }

.bar-tab { background-color: #f9f9f9; padding: 0.4rem 0 0.2rem; }
.bar-tab::before { background-color: #ddd; }
.bar-tab .tab-item { height: 1.75rem; line-height: 1.75rem; border-right: 0.05rem #ddd solid; font-size: 0.65rem; color: #333; font-weight: 600; }
.bar-tab .tab-item:last-child { border-right: none; }
.bar-tab .tab-item.active, .bar-tab .tab-item:active { color: #009ee5; }

.buttons-tab .button { font-size: 0.7rem; }

.qq-client { margin-bottom: 0.5rem; margin-right: 0.6rem; font-size: 0.7rem; text-align: right; }
.qq-client span { display: inline-block; vertical-align: top; }

.buy-inner { position: absolute; left: .6rem; margin-top: .5rem; }

.help-box { position: fixed; right: 1rem; bottom: 10rem; width: 55px; background-color: #555; z-index: 999999999; }
.help-box ul li { position: relative; }
.help-box ul li a.link { display: block; width: 100%; padding: .1rem 0; text-align: center; color: #fff; font-size: 150%; border-bottom: 1px solid #fff; }
.help-box ul li a.link:hover { background-color: #e45151; }
.help-box ul li a.link.last { border-bottom: none; background-color: #009ee5; }
.help-box ul li a.link.last:hover { background-color: #0471d8; }
.help-box ul li .dialog { position: absolute; top: 50%; margin-top: -27px; right: 80px; padding: 10px 20px; border: 1px solid #e3e3e3; background-color: #fff; padding: 15px; font-size: 14px; color: #666; white-space: nowrap; text-align: center; line-height: 2em; }
.help-box ul li .dialog .arrow { position: absolute; right: -8px; top: 20px; width: 8px; height: 13px; background: url(../images/dialog_arrow.png) no-repeat 50% 50%; }

.content { background: #fff; padding: 0 1.5rem; }
.content .welcome-title { color: #333; text-align: center; font-size: 0.8rem; font-weight: 600; margin-top: 2rem; }
.content .form .form-li { height: auto; padding: .8rem 0 .2rem; border-bottom: 0.05rem #dfdfdf solid; margin-top: 1rem; }
.content .form .form-li.code { overflow: hidden; position: relative; }
.content .form .form-li.code .form-user { width: calc(100% - 5.5rem); width: -webkit-calc(100% - 5.5rem); width: -moz-calc(100% - 5.5rem); float: left; }
.content .form .form-li.code a { display: block; float: right; width: 5.5rem; height: 2rem; padding-top: 0.5rem; line-height: 1.3rem; text-align: center; color: #009ee5; position: absolute; right: 0; bottom: 0; }
.content .form .form-li.code a span { display: block; border-left: 1px #dfdfdf solid; }
.content .form .form-li input { border: none; width: 100%; }
.content .form .radio { font-size: 0.7rem; color: #999; margin-top: 1.1rem; }
.content .form .radio input { margin-top: 0.2rem; float: left; }
.content .form .radio span { margin-left: 0.3rem; }
.content .form .radio a { color: #009ee5; text-decoration: underline; }
.content .form .form-control { width: 100%; height: 2.25rem; display: block; background: linear-gradient(#27b8f9, #009ee5); color: #fff; font-size: 0.8rem; line-height: 2.25rem; text-align: center; border-radius: 5px; margin: 1.75rem 0 0.7rem; }
.content .form .text { font-size: 0.7rem; overflow: hidden; }
.content .form .text .pull-left a { color: #999; }
.content .form .text .pull-right { color: #333; }
.content .form .text .pull-right a { color: #009ee5; text-decoration: underline; }
.content .form .text .pull-right a:hover { color: #009ee5; text-decoration: underline; }
.content .form .hint { font-size: 0.7rem; color: #c70b15; text-align: center; margin-top: 0.75rem; }
.content .form-rows { margin-top: 2rem; }
.content .form-rows .row { font-size: .8rem; margin-bottom: 1rem; }
.content .form-rows .row .col-40 { text-align: right; padding: .2rem 2rem .2rem 0; }
.content .form-rows .row .col-60 { padding: .2rem; }
.content .form-rows .row .col-60 input { margin-top: -0.4rem; height: 2rem; line-height: 2rem; width: 95%; border: none; border-bottom: 0.05rem #d0d0d0 solid; }
.content .other { margin-top: 1.5rem; }
.content .other .other-title { text-align: center; font-size: 0.6rem; color: #999; }
.content .other .other-title span { display: inline-block; }
.content .other .other-title span.line { width: 4.7rem; height: 0.6rem; margin: 0 0.3rem; }
.content .other .other-title span.line-left { background: url("../images/line-left.png") no-repeat center; background-size: 4.7rem 0.05rem; }
.content .other .other-title span.line-right { background: url("../images/line-right.png") no-repeat center; background-size: 4.7rem 0.05rem; }
.content .other .other-way { margin-top: 0.9rem; }
.content .other .other-way a { display: block; }
.content .other .other-way .weixin { width: 1.25rem; height: 1rem; margin: 0 auto; }
.content .other .other-way .weixin img { width: 100%; height: auto; }
.content .content-tab { margin-top: 2rem; }
.content .buttons-row .button { height: 2rem; line-height: 2rem; border-color: #009ee5; color: #009ee5; }
.content .buttons-row .button.active { background-color: #009ee5; color: #fff; }
.content .buttons-row .button:first-child { border-radius: 1rem 0 0 1rem; }
.content .buttons-row .button:last-child { border-radius: 0 1rem 1rem 0; }

.page-info .content h1 { font-size: 1rem; text-align: center; font-weight: bold; color: #0471d8; }
.page-info .content h2 { font-size: .8rem; }
.page-info .content p { font-size: .7rem; }

#page-user-profile .content { padding: 0; background-color: #f5f5f5; }
#page-user-profile .mobile-bind-panel { position: absolute; transform: translateZ(0); transition: transform 0.2s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.25, 1); bottom: 0; width: 100%; background-color: #fff; z-index: 501; }
#page-user-profile .mobile-bind-panel .bind-body { padding: 1rem .6rem; }
#page-user-profile .mobile-bind-panel .bind-body .form-li { overflow: hidden; line-height: 1.5rem; margin-bottom: 1rem; }
#page-user-profile .mobile-bind-panel .bind-body .form-li .right-item { text-align: right; margin-left: 1rem; }
#page-user-profile .mobile-bind-panel .bind-body .form-li input { display: inline-block; max-width: 7.5rem; min-width: 5rem; border: none; border-bottom: 1px solid #ccc; }
#page-user-profile .mobile-bind-panel .bind-body .submit-btn { background-color: #009ee5; color: #fff; text-align: center; height: 2rem; line-height: 2rem; width: 90%; display: block; margin: 1.5rem auto 1rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; }
#page-user-profile .tabs .tab { margin-top: .5rem; background-color: #fff; padding-bottom: 2rem; }
#page-user-profile .tabs .tab .user-form { font-size: .8rem; padding: 1rem 0 1rem .6rem; background-color: #fff; }
#page-user-profile .tabs .tab .user-form .form-li { clear: both; overflow: hidden; padding-right: 1.1rem; border-bottom: 1px solid #eee; height: 2.25rem; line-height: 2.25rem; }
#page-user-profile .tabs .tab .user-form .form-li .left-item { color: #333; }
#page-user-profile .tabs .tab .user-form .form-li .right-item { min-width: 60%; text-align: right; color: #333; }
#page-user-profile .tabs .tab .user-form .form-li .right-item input { text-align: right; border: none; height: 2.25rem; display: inline-block; width: 9rem; }
#page-user-profile .tabs .tab .user-form .form-li .right-item .label { color: #999; display: inline-block; }
#page-user-profile .tabs .tab .user-form .form-li .right-item .tip { display: inline-block; width: 1rem; height: 2.25rem; color: #c70b15; text-align: center; }
#page-user-profile .tabs .tab .user-form .form-li .right-item .tip i { display: inline-block; }
#page-user-profile .tabs .tab .user-form .form-li .right-item .tip i.fa-check-circle { color: #10c05b; }
#page-user-profile .tabs .tab .user-form .form-li .right-item a { display: inline-block; color: #009ee5; text-decoration: underline; }
#page-user-profile .tabs .tab .submit-btn { background-color: #009ee5; color: #fff; text-align: center; height: 2rem; line-height: 2rem; width: 90%; display: block; margin: 1.5rem auto 1rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; }
#page-user-profile .tabs .tab .hint { color: #c70b15; text-align: center; font-size: .7rem; }