.ver-date,p.p {
    line-height: 30px
}

.about-body {
    background-color: #FFF!important;
    font-family: Helvetica
}

.about-body .content {
    max-width: 1200px;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
    margin: 0 auto;
    padding-top: 40px;
}

.content.width-980 {
    max-width: 980px!important;
    width: 100%
}

.about-body .content .main-title {
    height: 30px;
    font-size: 20px;
    color: #000;
    line-height: 30px
}

.about-body .content .section h3 {
    font-size: 18px
}

.text-split-line {
    width: 100%;
    margin: 20px 0;
    background-color: #D8D8D8;
}

p.p {
    font-size: 16px;
    text-indent: 2em
}

.about-body .content .section .logo-img {
    margin: 10px 0 30px
}

.rich-footer {
    top: 12px!important;
    margin-bottom: 32px
}

.uc-top-header {
    position: relative
}

.section-content-ul {
    margin: 0;
    padding: 0
}

.ver-date {
    height: 30px;
    font-size: 14px;
    color: #666
}

.section p {
    line-height: 24px
}

.section-content p.title-1 {
    text-indent: 0
}

.section p .tel {
    color: #FAAD14;
    font-size: 18px
}

.section .tip {
    padding-top: 48px;
    color: #666
}

.section-content p {
    line-height: 24px;
    text-indent: 2em;
    margin: 0 0 10px!important
}

.section-content .padding-left-30 {
    padding-left: 30px
}

.section-content .padding-left-20 {
    padding-left: 20px
}

.section-content .padding-left-15 {
    padding-left: 15px
}

.section-content .padding-left-10 {
    padding-left: 10px
}

.section-content .padding-left-5 {
    padding-left: 5px
}

.section-content .pull-right {
    text-align: right
}

.section-content-ul li {
    margin-bottom: 20px
}

.section-content .title-1 {
    font-weight: 700;
    text-indent: 0!important
}

.section-content .no-bold {
    font-weight: 400!important
}

.catalog-ul li,.mod-agreement .bold-font,.sub-title {
    font-weight: 700
}

.sub-title {
    text-align: center;
    font-size: 18px;
    text-indent: 0!important
}

.catalog-ul {
    margin-bottom: 80px
}

.catalog-ul li {
    font-size: 16px;
    text-indent: 2em;
    color: #666
}

.title-2 {
    font-size: 16px;
    margin-bottom: 10px
}

#allmap {
    width: 452px;
    height: 322px;
    float: right
}

.glodon-address {
    height: 460px;
    padding: 0
}

.top-menu {
    display: none
}

@media only screen and (min-width: 319px) and (max-width:750px) {
    .about-body .content .main-content,.about-body .content .main-title {
        padding:0 .24rem
    }

    .about-body .content .section .logo-img {
        width: 2.4rem
    }

    #allmap {
        width: 100%
    }

    .glodon-address {
        height: auto!important
    }

    .padding-0 {
        padding: 0!important
    }

    .uc-top-header .login-btn {
        right: .24rem;
        top: .19rem
    }
}


body {
    background-color: #f0f2f5;
    padding: 0
}

.page-content-1000 {
    width: 1000px;
    margin: 0 auto;
    height: auto
}

.console-main-content .uc-content,.uc-content .height-100 {
    height: 100%
}

.console-main-content {
    width: 100%;
    height: 100%;
    padding-top: 84px;
    padding-left: 220px;
    padding-right: 22px
}

.uc-content .content-card {
    width: 100%;
    min-height: 85vh;
    background: #FFF;
    padding: 32px
}

.content-card .menu-title,.content-card .title {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #333;
    line-height: 21px
}

.margin-top-20 {
    margin-top: 20px
}

li {
    list-style: none
}

.region-flags.cn {
    background-image: url(../../images/regionFlags/cn.png)
}

.region-flags.gb {
    background-image: url(../../images/regionFlags/gb.png)
}

.region-flags.se {
    background-image: url(../../images/regionFlags/se.png)
}

.region-flags.sg {
    background-image: url(../../images/regionFlags/sg.png)
}

.pwd-form .form-group .input-group {
    width: 400px;
    display: inline-block
}

.pwd-form .form-group .input-group .input-group-addon {
    cursor: pointer;
    position: absolute;
    z-index: 90;
    background-color: unset;
    border: unset;
    right: 12px;
    top: 3px
}

#errMsg {
    padding-left: 105px;
    line-height: 32px;
    color: red
}

.text-show-dot {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.no-padding {
    padding: 0!important
}

.padding-24 {
    padding: 24px
}

.list-table {
    width: 100%
}

.list-table thead th {
    border-bottom: 1px solid #e9e9ee;
    background-color: #f5f5f5;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    text-align: center
}

.list-table tr {
    height: 40px;
    text-align: center
}

.list-table tr td {
    background-color: #fff;
    border-bottom: 1px solid #e9e9ee
}

.list-table .col-1,.list-table .col-2,.list-table .col-3,.list-table .col-4 {
    width: 25%
}

.page-main {
    padding-top: 104px;
    margin: 0 auto
}

.page-title {
    font-size: 24px;
    font-family: Helvetica;
    color: rgba(0,0,0,.65);
    line-height: 29px;
    text-align: center;
    padding-bottom: 33px
}

.page-wrap {
    padding: 0 20%
}

.page-content {
    background-color: #fff;
    padding-bottom: 60px;
    text-align: center;
    padding-top: 56px;
    min-height: 60vh
}

.api-error-msg,.errormsg-box {
    min-height: 32px;
    line-height: 16px;
    color: rgba(0,0,0,.85);
    font-size: 14px
}

.has-success .form-control {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: unset
}

.has-success .form-control:focus {
    border-color: #1890ff;
    outline: 0
}

.code-pic {
    float: left;
    margin-left: 4%;
    width: 32%;
    border: 1px solid #C6C6C6;
    border-radius: 2px
}

.code-pic img {
    width: 100%;
    height: 38px;
    border-radius: 2px
}

.api-error-msg {
    border-radius: 2px;
    border: 1px solid #FF4D4F;
    background: rgba(255,77,79,.2);
    padding: 8px 0 8px 36px;
    position: relative
}

.hint-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 12px;
    background: url(../../../common/images)
}

.errormsg-box {
    border-radius: 2px;
    border: 1px solid #FF4D4F;
    background: rgba(255,77,79,.2);
    padding: 8px 8px 8px 36px;
    position: relative;
    display: none;
    margin-bottom: 12px;
    text-align: left
}

.errormsg-box .err-icon {
    background-image: url(../../images/status/error16.png);
    width: 16px;
    height: 16px;
    background-size: cover;
    position: absolute;
    left: 12px;
    top: 8px
}

.btn-disable {
    background: #DDD!important;
    color: rgba(0,0,0,.45)!important;
    cursor: not-allowed!important
}

.voice-info .voice-btn,.voice-info .voice-time {
    text-align: left;
    font-size: 14px;
    color: #FAAD14
}

.voice-info .voice-tiptxt {
    color: #408cdf;
    cursor: pointer
}

input::-webkit-input-placeholder {
    color: #C9CDD4!important;
    font-size: 14px
}

input:-moz-placeholder {
    color: #C9CDD4!important;
    font-size: 14px
}

input::-moz-placeholder {
    color: #C9CDD4!important;
    font-size: 14px
}

input:-ms-input-placeholder {
    color: #C9CDD4!important;
    font-size: 14px
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    background-color: #fff;
    background-image: none;
    color: #000
}

.gdpr-div,.gdpr-title {
    color: #333;
    font-size: 14px
}

.gdpr-div {
    font-weight: 400;
    line-height: 22px;
    text-indent: 2em
}

.gdpr-title {
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
    text-align: center;
    margin-top: 0
}

.gdpr-div div p:last-child {
    border-top: 1px solid #F2F2F2;
    padding-top: 12px;
    margin-top: 12px;
    text-indent: 0
}

.global-mobile .area-code {
    position: absolute;
    z-index: 110;
    width: 70px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-indent: 12px
}

.global-mobile .area-code .arrowicon {
    background: url(../../../common/images/downarrow8x4.png) no-repeat;
    width: 8px;
    height: 4px;
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 50px
}

.global-mobile .drop-area-code {
    display: none;
    position: absolute;
    z-index: 110;
    width: 100px;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 10px 0 #dbdbdb;
    max-height: 250px;
    overflow: auto;
    top: 40px
}

.global-mobile .drop-area-code ol {
    padding: 0
}

.global-mobile .drop-area-code .region-flags {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    position: relative;
    top: 9px
}

.global-mobile .global-mobile-icon {
    left: 65px!important
}

.global-mobile .form-control {
    padding-left: 95px!important
}

.uc-top-header {
    background-color: #0082DC;
    width: 100%;
    height: 64px;
    line-height: normal;
    z-index: 99;
    position: fixed
}

.uc-top-header .top-logo-bg,.uc-top-header .top-logo-bg #logoA {
    width: 296px;
    height: 64px;
    display: block
}

.uc-top-header .top-logo-bg {
    background: url(../../images/logo/acc_logo_bg.png) 0 22px no-repeat;
    float: left;
    margin: 0 0 0 40px;
    position: relative;
    cursor: pointer
}

.uc-top-header .console-menu,.uc-top-header .menu-split,.uc-top-header .user-avatar {
    float: right;
    text-align: center;
    line-height: 64px
}

.uc-top-header .console-menu {
    min-width: 100px;
    height: 64px;
    cursor: pointer;
    color: #FFF;
    border-bottom: 3px solid #fff
}

.uc-top-header .console-menu .menu-item {
    color: #FFF;
    text-decoration: none
}

.uc-top-header .console-menu .menu-item:hover {
    color: #FFF
}

.uc-top-header .menu-split {
    width: 30px;
    height: 64px;
    padding: 18px 14px
}

.uc-top-header .menu-split .split-line {
    width: 1px;
    background: #FFF;
    height: 24px
}

.uc-top-header .user-avatar {
    min-width: 80px;
    height: 64px;
    cursor: pointer;
    margin-right: 40px;
    position: relative
}

.uc-top-header .user-avatar img {
    height: 32px;
    width: 32px
}

.avatar-dropdown:hover .avatar-dropdown-menu {
    display: block
}

.avatar-dropdown-menu {
    position: absolute;
    top: 100%;
    left: -60%;
    z-index: 1000;
    display: none;
    min-width: 160px;
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2px
}

.avatar-dropdown-menu li {
    padding: 3px 0
}

.avatar-dropdown-menu li:first-child {
    border-bottom: 1px solid #f0f0f0
}

.avatar-dropdown-menu li a {
    color: #666
}

.back-div {
    width: 100%;
    height: 40px
}

.back-div .back-icon-img {
    float: left;
    margin-right: 12px;
    cursor: pointer
}

.back-div .page-title {
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 19px;
    padding-bottom: 0
}

.uc-top-header .login-btn {
    display: none;
    width: 60px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #FFF;
    position: absolute;
    right: 80px;
    color: #FFF;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    top: 16px;
    cursor: pointer
}

.rich-footer .info-links .language-sel-a,.uc-icon {
    position: relative
}

.uc-icon {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    display: inline-block;
    margin-right: 15px;
    top: 1px
}

.uc-icon.user-icon {
    background-image: url(../../images/common/user.png)
}

.uc-icon.exit-icon {
    background-image: url(../../images/common/exit.png)
}

.rich-footer.relative {
    position: relative;
    top: 30px
}

.rich-footer .info-links a .dropdown-trigger {
    background: url(../../../common/css/module/images/darrow.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 4px
}

.rich-footer .info-links a .language-sel {
    position: absolute;
    top: 20px;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 80px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    text-indent: 4px;
    background-color: #fff;
    display: none;
    right: -14px;
    color: #666!important
}

.rich-footer .info-links a .language-sel ul {
    margin: 4px 0;
    padding: 0;
    text-align: center
}

.rich-footer .info-links a .language-sel li {
    cursor: pointer;
    padding: 4px
}

.rich-footer .info-links a .language-sel li:hover {
    background: #eee;
    color: #408cdf
}

.rich-footer .info-links a .language-sel .notch {
    position: absolute;
    top: -5px;
    left: 55px;
    margin: 0;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 0;
    padding: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.rich-footer .info-links a .language-sel .border-notch {
    border-bottom-color: #ccc!important;
    top: -6px
}

.uc-menu .sys-title,.uc-menu-ul .uc-menu-item {
    font-style: normal;
    font-weight: 400;
    border-bottom: 1px solid #E8E8E8;
    color: #333
}

.rich-footer .info-links a.dropdown:hover {
    text-decoration: none
}

.rich-footer .info-links .language-sel-a.open .language-sel {
    display: block
}

.uc-menu {
    position: fixed;
    width: 200px;
    height: 100%;
    background: #FFF;
    top: 0;
    z-index: 10;
    padding-top: 64px
}

.uc-menu .sys-title {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: left;
    padding-left: 25px;
    cursor: pointer
}

.uc-menu .uc-menu-ul {
    list-style: none;
    padding: 0
}

.uc-menu-ul .uc-menu-item {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    padding-left: 25px;
    width: 100%
}

.uc-menu-ul .uc-menu-item .menu-icon {
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 1px
}

.uc-menu-ul .uc-menu-item .menu-icon.icon-home {
    background-image: url(../../images/common/home.png)
}

.uc-menu-ul .uc-menu-item .menu-icon.icon-info-detail {
    background-image: url(../../images/common/info-detail.png)
}

.uc-menu-ul .uc-menu-item .menu-icon.icon-info-third {
    background-image: url(../../images/common/info-third.png)
}

.uc-menu-ul .uc-menu-item.active .menu-icon.icon-info-third,.uc-menu-ul .uc-menu-item:hover .menu-icon.icon-info-third {
    background-image: url(../../images/common/info-third_1890FF.png)
}

.uc-menu-ul .uc-menu-item .menu-icon.icon-security {
    background-image: url(../../images/common/security.png)
}

.uc-menu-ul .uc-menu-item.active .menu-icon.icon-security,.uc-menu-ul .uc-menu-item:hover .menu-icon.icon-security {
    background-image: url(../../images/common/security_1890FFF.png)
}

.uc-menu-ul .uc-menu-item .menu-icon.icon-security-log {
    background-image: url(../../images/common/security-log.png)
}

.uc-menu-ul .uc-menu-item.active .menu-icon.icon-security-log,.uc-menu-ul .uc-menu-item:hover .menu-icon.icon-security-log {
    background-image: url(../../images/common/security-log_1890FF.png)
}

.uc-menu-ul .uc-menu-item a {
    color: #333;
    text-decoration: none;
    display: block
}

.uc-menu-ul .uc-menu-item a:hover {
    color: #333
}

.uc-menu-ul .uc-menu-item.active,.uc-menu-ul .uc-menu-item:hover {
    background: rgba(24,144,255,.1)
}

.uc-menu-ul .uc-menu-item.active .menu-icon.icon-info-detail,.uc-menu-ul .uc-menu-item:hover .menu-icon.icon-info-detail {
    background-image: url(../../images/common/info-detail_1890FF.png)
}

.rich-footer {
    background-color: transparent;
    height: 90px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0;
    font-size: 14px;
    margin-top: 32px
}

.btn-default,.btn-primary .badge {
    background-color: #fff
}

.form-group,.rich-footer.side-relative,.uc-pwd {
    position: relative
}

.rich-footer .info-links {
    font-weight: 700;
    color: #282834;
    margin-bottom: 8px
}

.rich-footer .info-links a,.rich-footer .info-links a:hover {
    font-weight: 700;
    color: #282834;
    text-decoration: none
}

.rich-footer .copyright,.rich-footer .copyright a,.rich-footer .copyright a:hover {
    font-size: 12px;
    color: #8B8B8C;
    text-decoration: none
}

.rich-footer .info-links .vertical-divider {
    margin: 0 16px
}

.rich-footer .ad-links {
    line-height: 30px;
    color: #3C3C48;
    margin-bottom: 8px
}

.rich-footer .ad-links a {
    text-decoration: none;
    color: #3C3C48;
    font-size: 14px
}

.rich-footer .ad-links a:hover {
    color: #3C3C48;
    text-decoration: none;
    font-size: 14px
}

.side-footer {
    width: 100%;
    padding: 24px;
    height: auto
}

.uc-pwd {
    width: 16px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    top: 2px;
    right: 6px
}

.pwd-eyes {
    padding-right: 40px
}

.btn-default,.btn-primary {
    padding: 5px 25px;
    font-size: 14px
}

.pwd-eye-close {
    background-image: url(../../images/common/show_eye.png)
}

.pwd-eye-open {
    background-image: url(../../images/common/hide_eye.png)
}

.btn-primary {
    color: #fff
}

.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    outline: 0
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    outline: 0
}

.btn-default {
    color: #333;
    border-color: #d9d9d9;
    text-align: center
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default.focus,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
    color: #0082DC;
    border-color: #0082DC;
    background-color: #fff;
    outline: 0
}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    color: #0082DC;
    background-color: #fff;
    background-image: none;
    border-color: #0082DC;
    outline: 0
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #DDD;
    outline: 0
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-disable:focus,.btn-disable:hover {
    color: rgba(0,0,0,.45)
}

.btn-disable {
    cursor: not-allowed
}

.btn-disable:focus {
    border-color: #fff;
    outline: 0
}

.btn-save,.btn-save:focus {
    color: #fff
}

.btn-cancel {
    border: 1px solid #C6C6C6
}

.btn,.form-control {
    border-radius: 2px;
    height: 40px
}

.btn-cancel:focus,.btn:active:focus {
    border-color: #C6C6C6;
    outline: 0
}

.btn-save:active:focus,.btn-save:focus {
    border-color: #0082DC;
    outline: 0
}

.btn-save {
    background-color: #0082DC
}

.btn-save:hover {
    color: #fff;
    opacity: .8;
    filter: alpha(opacity=80)
}

.form-control {
    box-shadow: unset
}

.form-group {
    margin-bottom: 20px
}

.eyes-form-group {
    margin-bottom: 15px
}

.btn-md {
    height: 32px
}

.btn-xs {
    height: 24px
}

.control-label {
    width: 90px;
    text-align: right;
    height: 19px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666;
    line-height: 40px;
    font-weight: 400
}

.has-error .control-label {
    color: #666
}

.help-block {
    font-size: 14px;
    margin-top: 5px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #666!important
}

.input-group {
    height: 40px
}

.form-group .radio-inline {
    padding-top: 0
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #e6f7ff
}

@media only screen and (min-width: 319px) and (max-width:750px) {
    .top-menu-mask,.top-menu-ul {
        position:fixed;
        top: .64rem;
        left: 0;
        right: 0
    }

    .uc-top-header {
        width: 100%;
        height: .64rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 .96rem 0 .18rem
    }

    .uc-top-header .top-logo-bg {
        width: 1.8rem;
        height: .14rem;
        margin: 0;
        background-size: 100% 100%;
        background-image: url(../../images/logo/acc_logo_bg.png);
        background-repeat: no-repeat;
        background-position: center center
    }

    .top-menu {
        display: block;
        width: .24rem;
        height: .24rem;
        background-image: url(../../images/logo/menu.png);
        background-size: 100% 100%;
        margin-right: .5rem
    }

    .uc-top-header .top-logo-bg #logoA {
        width: 1.8rem;
        height: .14rem
    }

    .top-menu-mask {
        bottom: 0;
        background-color: #000;
        filter: alpha(opacity=30);
        opacity: .3;
        z-index: 99
    }

    .top-menu-ul {
        background-color: #fff;
        padding: 0;
        z-index: 900
    }

    .top-menu-ul .top-menu-li {
        height: .54rem;
        line-height: .54rem;
        font-style: normal;
        font-weight: 400;
        font-size: .16rem;
        color: #333;
        padding-left: .25rem;
        border-bottom: 1px solid #E8E8E8;
        width: 100%
    }

    .top-menu-ul .top-menu-li a {
        color: #333;
        text-decoration: none;
        display: block
    }

    .top-menu-ul .top-menu-li .top-menu-icon {
        width: .14rem;
        height: .14rem;
        background-repeat: no-repeat;
        background-size: .14rem .14rem;
        display: inline-block;
        margin-right: .15rem;
        position: relative;
        top: 1px
    }

    .top-menu-ul .top-menu-li .top-icon-home {
        background-image: url(../../images/common/home_1890FF.png)
    }

    .top-menu-ul .top-menu-li .top-icon-info-detail {
        background-image: url(../../images/common/info-detail_1890FF.png)
    }

    .top-menu-ul .top-menu-li .top-icon-info-third {
        background-image: url(../../images/common/info-third_1890FF.png)
    }

    .top-menu-ul .top-menu-li .top-icon-security {
        background-image: url(../../images/common/security_1890FFF.png)
    }

    .top-menu-ul .top-menu-li .top-icon-security-log {
        background-image: url(../../images/common/security-log_1890FF.png)
    }

    .top-menu-ul .top-menu-li .top-icon-logout {
        background-image: url(../../images/common/exit_1890FF.png)
    }

    .is-mobile .page-content-1000 .dashboard-top-bg {
        height: 1rem;
        background-size: 100% 100%
    }

    .is-mobile .dashboard-top-bg .my-header-pic {
        width: .67rem;
        top: .6rem
    }

    .is-mobile .change-avatar-btn,.is-mobile .dashboard-top-bg .my-header-pic .img-circle {
        width: .67rem;
        height: .67rem
    }

    .is-mobile .cloud-upload-icon {
        height: .24rem;
        width: .24rem;
        position: relative;
        left: 0;
        top: .1rem
    }

    .is-mobile .change-avatar-btn .txt {
        position: relative;
        top: -.62rem;
        left: 1px;
        font-size: 12px
    }

    .is-mobile .page-content-1000 .dashboard-bottom-bg {
        height: 1.33rem;
        min-height: 1.33rem
    }

    .is-mobile .dashboard-bottom-bg .my-info {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        top: .16rem;
        text-align: center
    }

    .is-mobile .dashboard-bottom-bg .my-info .col-md-6 {
        margin-bottom: .16rem;
        width: 50%
    }

    .is-mobile .dashboard-bottom-bg .my-info .info-title {
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 0;
        color: #333
    }

    .is-mobile .dashboard-bottom-bg .my-info .info-content {
        display: block;
        color: #999
    }

    .is-mobile .quick-entry {
        height: auto
    }

    .is-mobile .quick-entry .acc-bind {
        margin: 0
    }

    .is-mobile .quick-entry .card-content {
        border: none;
        border-bottom: 1px solid #DDD;
        border-radius: 0;
        width: 100%;
        height: auto;
        padding: .15rem 0;
        display: flex;
        align-items: center
    }

    .is-mobile .quick-entry .card-content .card-img {
        width: .22rem;
        height: .22rem;
        margin: 0;
        float: none
    }

    .is-mobile .quick-entry .card-content .card-content-text {
        margin: 0 0 0 .23rem;
        float: none
    }

    .is-mobile .quick-entry .card-content .right-img {
        background-image: url(../../images/common/arrow_right.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: .14rem;
        height: .14rem;
        margin-left: .8rem
    }

    .is-mobile .quick-entry .card-content .use-log-img {
        background-image: url(../../images/common/security-log_1890FF.png)
    }

    .page-content-1000 {
        width: 100%
    }

    .is-mobile .content-card .content-sub-text,.is-mobile .user-com-wrap .base-info-form,.rich-footer .info-links .vertical-divider {
        margin: 0
    }

    #affix_div,.back-div .back-icon-img,.content-card .back-img,.is-mobile .mobile-content .content-sub-text,.is-mobile .mobile-content .content-sub-title,.top-menu-box,.uc-menu,.uc-top-header .user-avatar {
        display: none
    }

    .console-main-content {
        padding: .64rem 0 0
    }

    .uc-content .content-card {
        padding: .18rem
    }

    .is-mobile .security-menu-item {
        margin: 0;
        padding-left: .5rem
    }

    .is-mobile .security-menu-item:last-child {
        border-bottom: none
    }

    .is-mobile .security-menu-item img {
        left: 0
    }

    .is-mobile .security-menu-item .security-password-info {
        width: 80%
    }

    .is-mobile .security-handle {
        width: auto;
        margin: 0;
        position: absolute;
        right: 0
    }

    .logout-confirm-dialog {
        width: auto!important;
        left: .2rem!important;
        right: .2rem!important
    }

    .logout-confirm-wrap .logout-mobile-label {
        width: .8rem!important;
        margin-right: 0!important
    }

    .logout-confirm-wrap .logout-confirm-item .logout-img-code,.logout-confirm-wrap .logout-confirm-item .logout-verification-code {
        width: 44%!important;
        margin-right: 0!important
    }

    .mod-dialog .button-small {
        width: .8rem!important
    }

    .logout-confirm-wrap .logout-confirm-item .default-send-code {
        width: .7rem!important;
        margin-left: 0!important;
        display: inline!important;
        padding: 8px 0
    }

    .logout-confirm-item .voice-info,.logout-confirm-wrap .logout-confirm-item .logout-warning {
        margin-left: .78rem!important
    }

    .mod-dialog .wrapper {
        padding: .15rem!important
    }

    .mod-dialog .header .close {
        top: .15rem!important
    }

    .is-mobile .content-card .menu-title,.is-mobile .content-card .title,.is-mobile .page-title {
        font-family: PingFang SC-Medium,PingFang SC;
        font-weight: 600
    }

    .is-mobile .security-input {
        padding: 0!important;
        position: absolute
    }

    .is-mobile .reset-pwd-form .form-group .control-label {
        width: .95rem
    }

    .is-mobile .pwd-form .form-group .input-group,.is-mobile .reset-pwd-form .form-group .form-control,.is-mobile .reset-pwd-form .form-group .form-control-static,.is-mobile .user-com-wrap .form-group .form-control {
        width: 2.37rem
    }

    .pwd-modify-btns {
        padding-left: 1.07rem!important
    }

    .is-mobile .reset-pwd-form .form-group.has-error .help-block {
        padding-left: 1.07rem
    }

    .is-mobile .fail-title {
        margin-left: 1.07rem!important
    }

    .is-mobile .content-card .content-sub-title {
        margin: 0 0 .16rem
    }

    .is-mobile .mobile-content-sub {
        padding-bottom: .24rem;
        border-bottom: 1px solid #DDD;
        display: block
    }

    .is-mobile .content-card .title {
        margin: .24rem 0
    }

    .is-mobile .user-com-wrap .form-group .control-label {
        width: .7rem!important
    }

    .is-mobile .user-com-wrap .form-group .user-com-verification-code {
        width: 40%
    }

    .is-mobile .user-com-wrap .form-group .disabled-btn {
        width: 29%;
        margin: 0
    }

    .is-mobile .form-group .help-block {
        padding-left: .77rem
    }

    .is-mobile .mobile-content .fail-title {
        margin-left: .8rem!important
    }

    .is-mobile .user-com-input-tip {
        margin-left: .78rem
    }

    .is-mobile .user-com-wrap .mobile-bind-email .form-group .control-label {
        width: .81rem!important
    }

    .is-mobile .mobile-bind-email .form-group .help-block {
        padding-left: .9rem
    }

    .is-mobile .mobile-bind-email .fail-title {
        margin-left: .9rem!important
    }

    .is-mobile .user-com-wrap .form-group .user-com-send-default {
        margin-left: 0
    }

    .is-mobile .input-help-tiptxt {
        width: 2.37rem;
        left: .87rem
    }

    .change-name-item .change-name-ipt {
        width: 1.5rem!important
    }

    .account-bind-detail-list .account-bind-detail-item {
        width: 2.8rem!important
    }

    .account-bind-detail-list .link-div {
        height: 44px;
        line-height: 44px;
        width: 2.8rem!important;
        text-align: center;
        margin: 0!important
    }

    .account-bind-detail {
        margin-top: 2px!important
    }

    .account-bind-detail .account-bind-detail-title,.account-bind-item .account-bind-title p {
        font-size: 12px;
        color: #86909C!important
    }

    .is-mobile .user-com-wrap .mobile-bind-email .mobile-no-email .control-label {
        width: .65rem!important
    }

    .is-mobile .user-com-wrap .mobile-bind-email .mobile-no-email .help-block {
        padding-left: .78rem!important
    }

    .is-mobile .user-com-wrap .mobile-bind-email .mobile-no-email .fail-title {
        margin-left: .8rem!important
    }

    .is-mobile .mobile-bind-email .input-help-tiptxt {
        left: .8rem!important
    }

    .is-mobile .logout-wrap {
        padding: 0
    }

    .is-mobile .logout-wrap .logout-title {
        display: flex;
        align-items: center
    }

    .is-mobile .circle-default {
        width: .2rem;
        height: .2rem;
        line-height: .2rem
    }

    .is-mobile .logout-wrap .logout-title .logout-line {
        width: .25rem;
        margin: 0 .05rem
    }

    .is-mobile .logout-wrap .logout-main .logout-product .product-logo-pre li {
        width: .4rem
    }

    .is-mobile .logout-checkout-box {
        display: flex
    }

    .is-mobile .logout-wrap .logout-main .logout-checkout-box .logout-checkout {
        width: .25rem
    }

    .main-con .logs-remind {
        text-align: left
    }

    .is-mobile-forget .uc-top-header,.is-mobile-login .uc-top-header {
        padding: 0;
        justify-content: center
    }

    .is-mobile-forget .top-menu {
        display: none
    }

    .is-mobile-forget .uc-top-header .top-logo-bg,.is-mobile-login .uc-top-header .top-logo-bg {
        width: 296px;
        height: 64px;
        background-size: auto
    }

    .is-mobile-forget .fail-title,.is-mobile-forget .forget-form-box .has-error .help-block,.is-mobile-forget .input-help-tiptxt,.is-mobile-forget .voice-info {
        width: auto!important;
        padding-left: 1.1rem!important
    }
}

@media only screen and (min-width: 750px) {
    .is-mobile .mobile-content-sub,.quick-entry .card-content .right-img,.top-menu,.top-menu-box,.use-log {
        display:none
    }
}

@media only screen and (min-width: 320px) and (max-width:350px) {
    .logout-confirm-wrap .logout-confirm-item .logout-verification-code {
        width:39%!important
    }

    .mod-dialog .button-small {
        width: .7rem!important;
        padding: 0!important
    }
}

@media only screen and (min-width: 400px) and (max-width:750px) {
    .logout-confirm-wrap .logout-confirm-item .logout-verification-code {
        width:50%!important
    }
}




/*!
 * BootstrapValidator (http://bootstrapvalidator.com)
 * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
 *
 * @version     v0.5.3, built on 2014-11-05 9:14:18 PM
 * @author      https://twitter.com/nghuuphuoc
 * @copyright   (c) 2013 - 2014 Nguyen Huu Phuoc
 * @license     Commercial: http://bootstrapvalidator.com/license/
 *              Non-commercial: http://creativecommons.org/licenses/by-nc-nd/3.0/
 */

.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100}