a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, td, th {
    text-align: center;
    font-weight: 400;
    vertical-align: middle
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

a img {
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

body {
    line-height: 1.5;
    font-size: 14px;
    font-family: 微软雅黑, Arial, Tahoma, "Hiragino Sans GB", \5B8B\4F53, sans-serif;
    color: #666;
    background-color: #e8e8e8
}

#inner, #main {
    width: 950px;
    margin: 0 auto
}

#content {
    padding: 30px 40px;
    background-color: #fff
}

.js-explain-tip, .js-valid-tip {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    font-size: 12px
}

* + html .js-explain-tip, * + html .js-valid-tip {
    display: inline
}

.js-explain-tip .icon, .js-valid-tip .icon {
    margin-right: 3px
}

.js-valid-loading {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin-left: 10px
}

* + html .js-valid-loading {
    display: inline
}

#timeOutAlert {
    position: absolute;
    border: 1px solid #f4ceac;
    background-color: #fff7de;
    z-index: 700
}

#timeOutAlert .arrow {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 14px;
    height: 7px;
    right: 40px;
    top: -7px;
    z-index: 800;
    background: url(../images/timeout/arrow.png?1409826987) no-repeat
}

* + html #timeOutAlert .arrow {
    display: inline
}

#timeOutAlert .hd {
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    border-bottom: 1px solid #f5e6b8;
    text-align: right
}

#timeOutAlert .hd .close {
    font-size: 12px;
    color: #8d8d8d;
    cursor: pointer
}

#timeOutAlert .bd {
    overflow: hidden
}

#timeOutAlert .bd .fl {
    float: left
}

#timeOutAlert .lamp {
    display: block;
    width: 75px;
    height: 80px;
    margin: 20px 0 0 12px
}

#timeOutAlert .text {
    width: 210px;
    padding: 20px;
    font-size: 12px;
    line-height: 28px
}

#timeOutAlert .text .online-service {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 90px;
    height: 25px;
    margin-left: 10px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer
}

* + html #timeOutAlert .text .online-service {
    display: inline
}

#timeOutAlert .text b {
    font-weight: 700;
    padding: 0 5px
}

#timeOutAlert .text .hotline {
    color: #fc8b25;
    font-size: 24px
}

#timeOutAlert .contact {
    vertical-align: middle;
    margin-left: 5px
}

.ui-header {
    height: 100px;
    background: url(../images/header/bg.png?1409826987) repeat-x
}

.ui-header .header-inner {
    width: 950px;
    height: 100%;
    margin: 0 auto
}

.ui-header .header-inner:after {
    content: "";
    display: table;
    clear: both
}

.ui-header .vline {
    float: right;
    display: block;
    height: 24px;
    margin-top: 13px;
    padding-left: 15px;
    background: url(../images/header/vline.png?1409826987) right center no-repeat
}

.ui-header .logo {
    float: left;
    margin-top: 20px
}

.ui-header .logo a, .ui-header .logo span {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    margin-right: 15px
}

* + html .ui-header .logo a, * + html .ui-header .logo span {
    display: inline
}

.ui-header .logo span {
    padding-left: 15px;
    font-size: 20px;
    font-family: \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", \9ED1\4F53, sans-serif;
    color: #666;
    background: url(../images/header/vline.png?1409826987) left center no-repeat
}

.ui-header .logo img {
    display: block
}

.ui-header .nav-right {
    float: right;
    height: 45px;
    line-height: 45px;
    margin-top: 20px
}

.ui-header .nav-right .nav-item {
    float: right;
    margin-left: 15px
}

.ui-header .nav-right a {
    color: #4d4d4d
}

.ui-header .hotline {
    color: #fb7f2d
}

.ui-header .hotline span {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin-top: -3px
}

* + html .ui-header .hotline span {
    display: inline
}

.ui-header .hotline .num {
    margin-left: 5px;
    font-family: Arial;
    font-size: 15px
}

.ui-header .service a {
    display: block;
    width: 92px;
    height: 27px;
    margin-top: 10px;
    background: url(../images/header/service.png?1409826987) no-repeat;
    text-indent: -9999px;
    overflow: hidden
}

* + html .ui-header .hotline span {
    margin-top: 0;
    vertical-align: top
}

.ui-footer {
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    font-size: 12px;
    color: #8c8c8c;
    background-color: #fff
}

.ui-footer .footextra {
    width: 760px;
    padding-bottom: 20px;
    margin: 0 auto 20px
}

.ui-footer .footextra:after {
    content: "";
    display: table;
    clear: both
}

.ui-footer .footextra .extra {
    float: left;
    margin-left: 60px
}

.ui-footer .footextra .extra.first {
    margin-left: 0
}

.ui-footer .footnav {
    margin-bottom: 5px
}

.ui-footer .footnav a {
    text-decoration: none;
    color: #8c8c8c
}

.ui-footer p {
    margin-bottom: 6px
}

.ui-footer p a {
    text-decoration: none;
    color: #8c8c8c
}

.ui-footer .divider {
    padding: 0 4px
}

.ui-footer p.bottom img {
    vertical-align: middle;
    padding-left: 10px
}

.btn-default, .btn-primary, .btn-process, .btn-warn, .js-dialog .btn-dialog-close, .js-dialog .btn-dialog-process {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    font-family: \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", \9ED1\4F53, sans-serif !important;
    border: 0;
    text-decoration: none;
    cursor: pointer
}

* + html .btn-default, * + html .btn-primary, * + html .btn-process, * + html .btn-warn, * + html .js-dialog .btn-dialog-close, * + html .js-dialog .btn-dialog-process, .js-dialog * + html .btn-dialog-close, .js-dialog * + html .btn-dialog-process {
    display: inline
}

.btn-normal {
    height: 33px;
    padding: 0 20px;
    line-height: 33px;
    font-size: 14px
}

.btn-large {
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    font-size: 20px
}

.btn-primary, .btn-process, .js-dialog .btn-dialog-process {
    background-color: #009ce9;
    color: #fff
}

.btn-warn {
    background-color: #ff9023;
    color: #fff
}

.btn-default, .js-dialog .btn-dialog-close {
    background-color: #f8f8f8
}

.icon-bankcard, .icon-camera, .icon-error, .icon-error-32, .icon-flag, .icon-headset, .icon-idcard, .icon-info, .icon-lamp, .icon-microphone, .icon-mobile, .icon-sprite, .icon-success, .icon-success-32, .icon-wait-32, .icon-warn, .icon-warn-32 {
    background-image: url(../images/sprite/icon-s162f75b032.png);
    background-repeat: no-repeat
}

.icon-bankcard {
    background-position: 0 0;
    height: 84px;
    width: 114px
}

.icon-camera {
    background-position: 0 -87px;
    height: 84px;
    width: 114px
}

.icon-error-32 {
    background-position: 0 -174px;
    height: 32px;
    width: 32px
}

.icon-error {
    background-position: 0 -209px;
    height: 16px;
    width: 16px
}

.icon-flag {
    background-position: 0 -228px;
    height: 21px;
    width: 21px
}

.icon-headset {
    background-position: 0 -252px;
    height: 84px;
    width: 114px
}

.icon-idcard {
    background-position: 0 -339px;
    height: 84px;
    width: 114px
}

.icon-info {
    background-position: 0 -426px;
    height: 16px;
    width: 16px
}

.icon-lamp {
    background-position: 0 -445px;
    height: 21px;
    width: 21px
}

.icon-microphone {
    background-position: 0 -469px;
    height: 84px;
    width: 114px
}

.icon-mobile {
    background-position: 0 -556px;
    height: 84px;
    width: 114px
}

.icon-success-32 {
    background-position: 0 -643px;
    height: 32px;
    width: 32px
}

.icon-success {
    background-position: 0 -678px;
    height: 16px;
    width: 16px
}

.icon-wait-32 {
    background-position: 0 -697px;
    height: 32px;
    width: 32px
}

.icon-warn-32 {
    background-position: 0 -732px;
    height: 32px;
    width: 32px
}

.icon-warn {
    background-position: 0 -767px;
    height: 16px;
    width: 16px
}

.icon {
    display: inline-block;
    zoom: 1;
    vertical-align: -3px
}

* + html .icon {
    display: inline
}

.bank-beijing, .bank-changsha, .bank-gongshang, .bank-guangda, .bank-guangfa, .bank-guangzhou, .bank-huaxia, .bank-jianshe, .bank-jiaotong, .bank-minsheng, .bank-nanjing, .bank-nongye, .bank-pingan, .bank-pufa, .bank-shanghai, .bank-shenfa, .bank-sprite, .bank-xingye, .bank-youzheng, .bank-zhaoshang, .bank-zhongguo, .bank-zhongxin, .bank-ningbo {
    background-image: url(../images/sprite/bank-sf0860c6e4a.png);
    background-repeat: no-repeat
}

.bank-beijing {
    background-position: 0 0;
    height: 36px;
    width: 172px
}

.bank-changsha {
    background-position: 0 -37px;
    height: 36px;
    width: 172px
}

.bank-gongshang {
    background-position: 0 -74px;
    height: 36px;
    width: 172px
}

.bank-guangda {
    background-position: 0 -111px;
    height: 36px;
    width: 172px
}

.bank-guangfa {
    background-position: 0 -148px;
    height: 36px;
    width: 172px
}

.bank-guangzhou {
    background-position: 0 -185px;
    height: 36px;
    width: 172px
}

.bank-huaxia {
    background-position: 0 -222px;
    height: 36px;
    width: 172px
}

.bank-jianshe {
    background-position: 0 -259px;
    height: 36px;
    width: 172px
}

.bank-jiaotong {
    background-position: 0 -296px;
    height: 36px;
    width: 172px
}

.bank-minsheng {
    background-position: 0 -333px;
    height: 36px;
    width: 172px
}

.bank-nanjing {
    background-position: 0 -370px;
    height: 36px;
    width: 172px
}

.bank-nongye {
    background-position: 0 -407px;
    height: 36px;
    width: 172px
}

.bank-pingan {
    background-position: 0 -444px;
    height: 36px;
    width: 172px
}

.bank-pufa {
    background-position: 0 -481px;
    height: 36px;
    width: 172px
}

.bank-shanghai {
    background-position: 0 -518px;
    height: 36px;
    width: 172px
}

.bank-shenfa {
    background-position: 0 -555px;
    height: 36px;
    width: 172px
}

.bank-xingye {
    background-position: 0 -592px;
    height: 36px;
    width: 172px
}

.bank-youzheng {
    background-position: 0 -629px;
    height: 36px;
    width: 172px
}

.bank-zhaoshang {
    background-position: 0 -666px;
    height: 36px;
    width: 172px
}

.bank-zhongguo {
    background-position: 0 -703px;
    height: 36px;
    width: 172px
}

.bank-zhongxin {
    background-position: 0 -740px;
    height: 36px;
    width: 172px
}

.bank-ningbo {
    background-position: 0 -777px;
    height: 36px;
    width: 172px
}

.ui-bank {
    padding: 25px;
    background-color: #e5f5ff;
    border-width: 1px 0;
    border-style: dashed;
    border-color: #ddd9c0
}

.ui-bank ul {
    font-size: 0;
    margin-left: -10px;
    margin-bottom: -25px
}

.ui-bank li {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin-left: 30px;
    margin-bottom: 25px
}

* + html .ui-bank li {
    display: inline
}

.ui-bank .bank-radio {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin-right: 10px
}

* + html .ui-bank .bank-radio {
    display: inline
}

.ui-bank .bank-logo {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    border: 1px solid #ddd;
    background-color: #fff
}

* + html .ui-bank .bank-logo {
    display: inline
}

.ui-bank .active .bank-logo {
    border-color: #33a1ff
}

.js-dialog {
    background-color: #fff
}

.js-dialog .js-dialog-hd {
    height: 38px;
    line-height: 38px;
    padding-left: 18px;
    background-color: #f9f8f4;
    border-bottom: 1px solid #f1efe8
}

.js-dialog .js-dialog-hd h2 {
    font-weight: 700
}

.js-dialog .js-dialog-bd .icon {
    margin-right: 5px
}

.js-dialog .js-dialog-bd .btn-wrap {
    padding: 20px 0 0;
    text-align: center
}

.js-dialog .js-dialog-bd .btn-wrap .btn {
    margin: 0 5px
}

.js-dialog .js-dialog-bd .tip-wrap {
    position: relative;
    padding: 10px 50px;
    margin-left: 40px
}

.js-dialog .js-dialog-bd .tip-wrap .icon {
    position: absolute;
    top: 3px;
    margin-left: -40px;
    line-height: 0
}

.js-dialog .js-dialog-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    height: 16px;
    line-height: 16px;
    color: #9f9b8b;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer
}

* + html .js-dialog .js-dialog-close {
    display: inline
}

.js-dialog .js-scrollable {
    overflow-x: hidden;
    overflow-y: auto
}

.js-dialog .load-wrap {
    width: 100%;
    height: 100%
}

.js-dialog .load-wrap td {
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.js-mask {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #000;
    filter: alpha(Opacity=15);
    opacity: .15
}

.cert-dialog {
    position: relative;
    text-align: center;
    padding: 0 100px
}

.cert-dialog .btn-primary, .cert-dialog .btn-process, .cert-dialog .js-dialog .btn-dialog-process, .js-dialog .cert-dialog .btn-dialog-process {
    margin: 35px 0 20px
}

.cert-dialog .banner {
    position: relative;
    overflow: auto
}

.cert-dialog .banner li {
    width: 457px;
    height: 400px;
    float: left
}

.cert-dialog .banner li span {
    display: block;
    width: 457px;
    height: 346px;
    margin: 0 auto
}

.cert-dialog .banner li p {
    width: 457px;
    height: 44px;
    line-height: 22px;
    margin: 0 auto 10px
}

.cert-dialog .banner .step1 {
    background: url(../images/dialog/step1.png?1409826987) no-repeat
}

.cert-dialog .banner .step2 {
    background: url(../images/dialog/step2.png?1409826987) no-repeat
}

.cert-dialog .banner .step3 {
    background: url(../images/dialog/step3.png?1409826987) no-repeat
}

.cert-dialog .unslider-arrow {
    position: absolute;
    z-index: 9999;
    top: 200px;
    width: 80px;
    height: 80px;
    text-indent: -9999px
}

.cert-dialog .prev {
    left: 0;
    background: url(../images/dialog/left-arrow.png?1409826987) no-repeat
}

.cert-dialog .next {
    right: 3px;
    background: url(../images/dialog/right-arrow.png?1409826987) no-repeat
}

.index-arrow, .index-btn-kh, .index-btn-zh, .index-code-kh, .index-code-zh, .index-getcodebtn, .index-mobile-kh, .index-mobile-zh, .index-moreway, .index-sprite, .index-system, .index-tab-kh, .index-tab-zh, .index-user, .ui-download .moreway .system, .ui-download .moreway a, .ui-login .login-panel .btn-kh, .ui-login .login-panel .btn-zh, .ui-login .login-panel .code-kh, .ui-login .login-panel .code-zh, .ui-login .login-panel .getcode, .ui-login .login-panel .mobile-kh, .ui-login .login-panel .mobile-zh, .ui-login .login-tab .tab-kh, .ui-login .login-tab .tab-kh-active, .ui-login .login-tab .tab-zh, .ui-login .login-tab .tab-zh-active, .ui-loginerr .arrow {
    background-image: url(../images/sprite/index-s589cabdabb.png);
    background-repeat: no-repeat
}

.index-arrow {
    background-position: 0 0;
    height: 11px;
    width: 11px
}

.index-btn-kh {
    background-position: 0 -14px;
    height: 52px;
    width: 262px
}

.index-btn-zh {
    background-position: 0 -69px;
    height: 52px;
    width: 262px
}

.index-code-kh {
    background-position: 0 -124px;
    height: 38px;
    width: 39px
}

.index-code-zh {
    background-position: 0 -165px;
    height: 38px;
    width: 39px
}

.index-getcodebtn {
    background-position: 0 -206px;
    height: 40px;
    width: 97px
}

.index-mobile-kh {
    background-position: 0 -249px;
    height: 38px;
    width: 39px
}

.index-mobile-zh {
    background-position: 0 -290px;
    height: 38px;
    width: 39px
}

.index-moreway {
    background-position: 0 -331px;
    height: 23px;
    width: 100px
}

.index-system {
    background-position: 0 -357px;
    height: 50px;
    width: 98px
}

.index-tab-kh {
    background-position: 0 -461px;
    height: 48px;
    width: 171px
}

.index-tab-kh.tab-kh-active, .index-tab-kh:active {
    background-position: 0 -410px
}

.index-tab-zh {
    background-position: 0 -563px;
    height: 48px;
    width: 171px
}

.index-tab-zh.tab-zh-active, .index-tab-zh:active {
    background-position: 0 -512px
}

.index-user {
    background-position: 0 -614px;
    height: 38px;
    width: 39px
}

.page-index {
    background-color: #fff
}

.page-index .banner {
    position: relative;
    top: -15px;
    z-index: 9;
    height: 560px;
    background-repeat: no-repeat;
    background-position: top center
}

.page-index .col {
    margin-top: 30px;
    padding-bottom: 30px
}

.page-index .col:after {
    content: "";
    display: table;
    clear: both
}

.page-index .col .title {
    background: url(../images/newversion/border.png) repeat-x center;
    font: 25px \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", \9ED1\4F53, sans-serif;
    color: #7d7d7d;
    text-align: center
}

.page-index .col .icon {
    margin-right: 5px
}

.page-index .col-last {
    padding-bottom: 0;
    border-bottom: 0
}

.page-index .ui-footer {
    border-top: 1px solid #eaeaea;
    background-color: #f5f5f5
}

#inner {
    position: relative;
    height: 100%
}

.ui-login {
    position: absolute;
    top: 110px;
    right: 0;
    z-index: 0 \9;
    background: url(../images/newversion/login/bgl.png)
}

.ui-login .conner-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top right
}

.ui-login .qrcode {
    background-image: url(../images/body/conner-qrcode.png?1409826987)
}

.ui-login .pc {
    background-image: url(../images/body/conner-pc.png?1409826987)
}

.ui-login .login-head {
    height: 48px
}

.ui-login .login-head h2 {
    padding-top: 20px;
    font-family: \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", \9ED1\4F53, sans-serif;
    font-size: 22px;
    text-indent: 38px
}

.ui-login .login-head .head-pc {
    text-align: center;
    text-indent: 0
}

.ui-login .login-tab {
    font-size: 0;
}

.ui-login .login-tab .tab {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 171px;
    height: 48px;
    cursor: pointer
}

* + html .ui-login .login-tab .tab {
    display: inline
}

.ui-login .login-tab .tab-kh {
    background-position: 0 -461px;
    height: 48px;
    width: 171px
}

.ui-login .login-tab .tab-kh.tab-kh-active, .ui-login .login-tab .tab-kh:active {
    background-position: 0 -410px
}

.ui-login .login-tab .tab-zh {
}

.ui-login .login-tab .tab-zh.tab-zh-active, .ui-login .login-tab .tab-zh:active {
    background-position: 0 -512px
}

.ui-login .login-tab .tab-kh-active {
    background-position: 0 -410px;
    height: 48px;
    width: 171px
}

.ui-login .login-tab .tab-zh-active {
    background-position: 0 -512px;
    height: 48px;
    width: 171px
}

.ui-login .login-panel {
    width: 262px;
    padding: 25px 30px 30px 30px
}

.ui-login .login-panel .input-group {
    font-size: 0
}

.ui-login .login-panel label {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    margin-bottom: 10px;
    font-size: 0
}

* + html .ui-login .login-panel label {
    display: inline
}

.ui-login .login-panel label .icon {
    position: absolute;
    top: 1px;
    left: 1px
}

.ui-login .login-panel label .input {
    width: 235px;
    height: 26px;
    padding: 6px 10px 6px 10px;
    font-size: 14px;
    line-height: 26px;
    border: 1px solid #d8e2ed;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .1);
    vertical-align: middle;
    outline: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(../../css/common/PIE.htc)
}

.ui-login .login-panel label .input-code {
    width: 130px
}

.ui-login .login-panel .getcode {
    display: inline-block;
    zoom: 1;
    background: #e6e6e6;
    height: 40px;
    width: 97px;
    margin-left: 10px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(../../css/common/PIE.htc)
}

* + html .ui-login .login-panel .getcode {
    display: inline
}

.ui-login .login-panel .getcode.disabled {
    cursor: text;
    filter: alpha(Opacity=60);
    opacity: .6
}

.ui-login .login-panel .getcode .js-second {
    font-size: 14px
}

.ui-login .login-panel .mobile-kh {
    background-position: 0 -249px;
    height: 38px;
    width: 39px
}

.ui-login .login-panel .mobile-zh {
    background-position: 0 -290px;
    height: 38px;
    width: 39px
}

.ui-login .login-panel .code-kh {
    background-position: 0 -124px;
    height: 38px;
    width: 39px
}

.ui-login .login-panel .code-zh {
    background-position: 0 -165px;
    height: 38px;
    width: 39px
}

.ui-login .login-panel .btn-kh {
    background: #fa7c28;
    height: 49px;
    width: 262px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height: 47px;
    font-size: 20px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url(../../css/common/PIE.htc)
}

.ui-login .login-panel .btn-zh {
    background-position: 0 -69px;
    height: 52px;
    width: 262px
}

.ui-login .login-panel .btn {
    display: block
}

.ui-login .login-panel .tip {
    margin-top: 10px;
    font-size: 12px;
    color: #858d94
}

.ui-login .login-panel .tip.right {
    padding-right: 5px;
    text-align: right
}

.ui-login .login-panel .tip a {
    color: #858d94;
    text-decoration: none
}

.ui-login .login-panel .tip span {
    padding: 0 5px
}

* + html .ui-login .login-panel label .input {
    padding-bottom: 5px
}

.ui-loginerr {
    padding: 9px 12px;
    width: 235px;
    background-color: #ff3e2f;
    border: 1px solid #670801
}

.ui-loginerr p {
    padding: 0 15px;
    font-size: 12px;
    color: #fff
}

.ui-loginerr .close {
    position: absolute;
    top: 13px;
    right: 15px;
    display: block;
    width: 12px;
    height: 12px;
    line-height: 10px;
    font-size: 18px;
    color: #fff;
    cursor: pointer
}

.ui-loginerr .arrow {
    position: absolute;
    bottom: -11px;
    left: 80px;
    background-position: 0 0;
    height: 11px;
    width: 11px
}

.ui-download {
    position: absolute;
    left: 10px;
    bottom: 120px !important;
    top: auto !important
}

.ui-download .qrcode {
    float: left;
    margin-right: 15px
}

.ui-download .moreway {
    float: left
}

.ui-download .moreway .system {
    margin-bottom: 8px;
    background-position: 0 -357px;
    height: 50px;
    width: 98px
}

.ui-download .moreway p {
    margin-bottom: 8px;
    font-family: \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", \9ED1\4F53, sans-serif;
    color: #fff
}

.ui-download .moreway a {
    display: block;
    background-position: 0 -331px;
    height: 23px;
    width: 100px;
    text-indent: -9999px;
    overflow: hidden
}

.ui-prepare {
    width: 100%;
    padding-right: 55px
}

.ui-prepare .prepare-items {
    width: 100%;
    margin-top: 40px
}

.ui-faq {
    float: left;
    padding-left: 50px;
    background: url(../images/gif/vline.gif?1409826987) left center no-repeat
}

.ui-faq ul {
    padding-top: 20px
}

.ui-faq ul li {
    width: 150px;
    margin-bottom: 3px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.ui-faq ul li a {
    font-size: 12px;
    color: #7d7d7d;
    text-decoration: none
}

.ui-faq ul li .more-help {
    color: #6898cb
}

.ui-support {
    padding-top: 20px
}

.ui-support .support-banks {
    margin-left: -20px;
    padding-top: 40px
}

.ui-support .support-banks:after {
    content: "";
    display: table;
    clear: both
}

.ui-support .support-banks li {
    float: left;
    margin-left: 20px;
    margin-bottom: 10px
}

.ui-support .support-banks li .bank-logo {
    display: block;
    border: 1px solid #ddd;
    background-color: #fff;
    text-indent: -9999px;
    overflow: hidden;
    zoom: 1;
    background-size: cover;
}

.ui-warmtip .warmtip-items {
    padding-top: 20px;
    margin-left: 20px;
    list-style: decimal
}

.ui-warmtip .warmtip-items li {
    line-height: 22px;
    font-size: 12px
}

.qrdownload {
    text-align: center
}

.qrdownload p {
    padding-top: 10px
}

.qrdownload p a {
    font-size: 12px;
    color: #6898cb;
    text-decoration: none
}

.khbtn-style-active, .zhbtn-style, .khbtn-style, .zhbtn-style-active, .ggtbtn-style-active, .lchbtn-style-active, .lchbtn-style, .ggtbtn-style {
    outline: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.lchbtn-style-active {
    background: #9b59b6;
    height: 42px;
    margin-top: 10px;
    width: 262px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    display: block
}

.khbtn-style-active {
    background: #fa7c28;
    height: 42px;
    margin-top: 10px;
    width: 262px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    display: block
}

.zhbtn-style, .khbtn-style, .lchbtn-style, .ggtbtn-style {
    display: block;
    background: url(../images/newversion/login/tm.png);
    margin-top: 10px;
    height: 38px;
    line-height: 36px;
    color: #97a4ad;
    text-align: center;
    text-decoration: none;
    width: 262px;
    font-size: 15px;
}

.title-color {
    color: #FFF;
    font-size: 12px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-top: 5px;
    height: 20px;
    position: relative
}

.kh-left-icon {
    width: 59px;
    height: 42px;
    position: absolute;
    left: -57px;
    top: -3px;
    background: url(../images/newversion/login/kh.png) no-repeat
}

.p-top {
    position: absolute;
    top: -200px
}

.zh-margin-top {
    margin-top: 50px
}

.zhbtn-style-active {
    background: #3697ff;
    height: 42px;
    margin-top: 10px;
    width: 262px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    display: block
}

.zh-left-icon {
    background: url(../images/newversion/login/zh.png) no-repeat;
    width: 59px;
    height: 42px;
    position: absolute;
    left: -57px;
    top: -3px;
}

.ggtbtn-style-active {
    background: #e4413a;
    height: 42px;
    margin-top: 10px;
    width: 262px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    display: block
}

.kh-top {
    position: absolute;
    top: -250px
}

.ggt-margin-top {
    margin-top: 100px
}

.lchkh-margin-top {
    margin-top: 150px
}

.zh-top {
    position: absolute;
    top: -203px
}

.ggt-left-icon {
    width: 59px;
    height: 42px;
    position: absolute;
    left: -55px;
    top: -3px;
    background: url(../images/newversion/login/ggt.png) no-repeat;
}

.lch-left-icon {
    width: 59px;
    height: 42px;
    position: absolute;
    left: -59px;
    top: -3px;
    background: url(../images/newversion/login/lch-icon.png) no-repeat;
}

.icon-index-bankcard, .icon-index-camera, .icon-index-headset, .icon-index-phone, .index-icon-idcard {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/sprite/icon-ggt.png);
}

.icon-index-bankcard {
    width: 159px;
    height: 149px;
    background-position: -2px -2px
}

.icon-index-camera {
    width: 159px;
    height: 149px;
    background-position: -163px -2px
}

.icon-index-headset {
    width: 159px;
    height: 149px;
    background-position: -324px -2px
}

.icon-index-phone {
    width: 159px;
    height: 149px;
    background-position: -2px -153px
}

.index-icon-idcard {
    width: 159px;
    height: 149px;
    background-position: -163px -153px
}

.xkh-prompt {
    color: #7d7d7d;
    margin-left: 700px;
    margin-top: 10px
}

.ui-prepare .title .bg {
    display: block;
    background: #fff;
    width: 200px;
    margin: 0 auto
}

.ui-support .title .bg {
    display: block;
    background: #fff;
    width: 250px;
    margin: 0 auto;
}

.auto-middle {
    padding: 40px 0;
    width: 950px;
    margin: 0 auto
}

.tsbg {
    background: #f7f7f7
}

.icon-dts {
    background: url(../images/newversion/iocn-prompt.png) no-repeat center;
    width: 20px;
    display: inline-block;
    height: 20px;
}

.auto-middle .left {
    width: 580px;
}

.auto-middle .right {
    float: right;
    margin-right: 50px
}

.auto-middle .right li a {
    color: #7d7d7d;
    font-size: 12px;
    text-decoration: none;
}

.auto-middle .right ul {
    padding-top: 20px
}

.auto-middle .right ul li .more-help {
    color: #6898cb
}

.auto-middle .ts {
    font-size: 18px;
    color: #000
}

.pz-top1 {
    position: absolute
}