@charset "UTF-8";

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

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

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

q:after, q:before {
    content: ""
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-size: 100%
}

legend {
    color: #000
}

a:active {
    background-color: transparent
}

input {
    outline: 0 none
}

body, html {
    text-rendering: optimizeLegibility
}

body {
    font-family: Microsoft YaHei,微软雅黑,Arial,Verdana,sans-serif;
    overflow-y: hidden
}

::-ms-clear, ::-ms-reveal {
    display: none
}

.clearfix:after {
    display: block;
    content: "\20";
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: visible
}

.clearfix {
    *zoom: 1
}

.util-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-break: break-all;
    overflow: hidden
}

.backTop {
    position: fixed;
    left: 1480px;
    bottom: 71px;
    display: none
}

#box {
    top: 0;
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
    -webkit-transition: opacity .6s,z-index .6s,-webkit-transform .6s;
    transition: opacity .6s,z-index .6s,-webkit-transform .6s;
    transition: transform .6s,opacity .6s,z-index .6s;
    transition: transform .6s,opacity .6s,z-index .6s,-webkit-transform .6s
}

#box, #box-mask {
    position: fixed;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

#box-mask {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #162a42;
    -webkit-transition: opacity .6s,z-index .6s;
    transition: opacity .6s,z-index .6s
}

#iframe-gdc {
    visibility: hidden
}

.mac .article-other .date-icon {
    top: 2px
}

.mac .article-other .pv-icon {
    top: 3px
}

.mac .article-other .like-icon {
    top: 0
}

.mac .article-other .line {
    margin-top: 2px
}

.article-other {
    padding: 18px 6px 8px;
    line-height: 18px;
    font-size: 14px
}

.article-otherBase, .article-otherBaseDate, .article-otherBasePv {
    float: left
}

.article-otherBase, .article-otherBaseDate, .article-otherBaseLike, .article-otherBasePv {
    position: relative
}

.article-otherBaseDate {
    padding-left: 20px
}

.article-otherBasePv {
    padding-left: 26px
}

.article-otherBaseLike {
    padding-left: 23px
}

.article-other .date-icon, .article-other .like-icon, .article-other .pv-icon {
    position: absolute;
    left: 0
}

.article-other .date-icon {
    top: 2px
}

.article-other .pv-icon {
    top: 3px
}

.article-other .like-icon {
    top: 1px
}

.article-other .line {
    float: left;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 4px;
    width: 0;
    font-size: 0;
    height: 12px;
    border-left: 1px solid #9aabb8
}

.article-other .icon-text {
    color: #9aabb8;
    font-size: 14px
}

.article-otherBaseLike {
    float: right;
    cursor: pointer
}

.article-other .date-icon {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/icon-time.png) 0 0 no-repeat
}

.article-other .pv-icon {
    display: block;
    width: 19px;
    height: 12px;
    background: url(../images/icon-visited.png) 0 0 no-repeat
}

.article-other .like-icon {
    display: block;
    width: 15px;
    height: 14px;
    background: url(../images/sp-icon-like.png) 0 0 no-repeat
}

.article-otherBaseLike.active .like-icon {
    background-position: 0 -14px
}

.ui-backTop .icon-backTopLink {
    display: block;
    width: 30px;
    height: 30px;
    background: #c5cdd6;
    overflow: hidden
}

    .ui-backTop .icon-backTopLink:focus {
        outline: 0 none
    }

    .ui-backTop .icon-backTopLink:hover {
        background: #2d8fd9
    }

.ui-backTop .icon-backTop {
    display: block;
    width: 15px;
    height: 9px;
    margin-top: 11px;
    margin-left: 8px;
    background: url(../images/icon-backTop.png) 0 0 no-repeat
}

.ui-footer {
    height: 50px;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    box-sizing: border-box;
    font-size: 13px;
    color: #818e99;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100
}

    .ui-footer .wrap {
        text-align: center
    }

    .ui-footer a {
        font-size: 13px;
        color: #818e99;
        text-decoration: none
    }

    .ui-footer .item {
        float: left
    }

    .ui-footer .item-beian {
        margin-left: 30px
    }

    .ui-footer .item-link a:hover {
        color: #2d8fd9
    }

    .ui-footer .line {
        width: 1px;
        height: 11px;
        font-size: 0;
        line-height: 11px;
        background: #c1c6cb;
        margin: 0 16px;
        margin-top: 1px
    }

    .ui-footer .list {
        display: inline-block;
        line-height: 15px;
        margin-top: 18px
    }

    .ui-footer .beian {
        text-align: center
    }

    .ui-footer .footer-icon {
        background: url(../images/icon-share.png) 0 0 no-repeat
    }

    .ui-footer .weibo {
        display: block;
        width: 16px;
        height: 12px;
        background-position: 0 0
    }

    .ui-footer .wx {
        display: block;
        width: 16px;
        height: 13px;
        background-position: -17px 0
    }

    .ui-footer .item-share .footer-icon-wrap, .ui-footer .item-share .text-tip {
        float: left
    }

    .ui-footer .item-share .footer-icon-wrap {
        cursor: pointer;
        margin-left: 10px
    }

        .ui-footer .item-share .footer-icon-wrap:hover .footer-icon {
            background-position-y: -13px
        }

.ui-header {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

.ui-header-wrap {
    max-width: 1180px;
    margin: 0 auto;
    position: relative
}


.ui-header-other {
    /*position: absolute;*/
    right: 0;
    width: 390px;
    height: 100%
}

.ui-header .feature {
    float: left;
    line-height: 60px;
    font-size: 14px;
    margin-left: -30px
}

    .ui-header .feature .active, .ui-header .feature .title {
        color: #2d8fd9
    }

.ui-header .link {
    float: left;
    font-size: 14px;
    color: #34495e;
    margin-left: 30px;
    text-decoration: none;
    outline: 0 none
}

    .ui-header .link:hover {
        color: #2d8fd9
    }

.ui-header .search {
    position: absolute;
    top: 16px;
    right: 130px
}

.ui-search .kw {
    border: 1px solid #d3dee6;
    border-radius: 15px;
    width: 260px;
    height: 30px;
    background: #fff;
    padding: 6px 34px 5px 14px;
    font-size: 13px;
    color: #34495e;
    box-sizing: border-box;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

    .ui-search .kw:focus {
        outline: 0 none
    }

.ui-search .form.active .kw {
    border-color: #1987d7;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.ui-search .form {
    position: relative
}

@font-face {
    font-family: iconfont-search;
    src: url(/assets/home/css/iconfonts/search.eot?t=1477371368);
    src: url(/assets/home/css/iconfonts/search.eot?t=1477371368#iefix) format("embedded-opentype"),url(/assets/home/css/iconfonts/search.woff?t=1477371368) format("woff"),url(/assets/home/css/iconfonts/search.ttf?t=1477371368) format("truetype"),url(/assets/home/css/iconfonts/search.svg?t=1477371368#iconfont-search) format("svg")
}

.iconfont-search {
    font-family: iconfont-search;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.icon-search:before {
    content: "\e661"
}

.ui-search .btn-submit {
    cursor: pointer;
    display: block;
    width: 26px;
    height: 30px;
    border: none;
    color: #9aabb8;
    position: absolute;
    top: -1px;
    right: 6px;
    background: transparent;
    -webkit-transition: color .2s;
    transition: color .2s
}

    .ui-search .btn-submit:focus {
        outline: 0 none
    }

    .ui-search .btn-submit:hover, .ui-search .form.active .btn-submit {
        color: #1987d7;
        -webkit-transition: color .2s;
        transition: color .2s
    }

.ui-header .lang-select {
    position: absolute;
    top: 0;
    right: 0
}

.mac .ui-search .btn-submit {
    top: 0
}

::-webkit-input-placeholder {
    color: #9aabb8
}

:-moz-placeholder, ::-moz-placeholder {
    color: #9aabb8
}

:-ms-input-placeholder {
    color: #9aabb8
}

.ui-langSelect {
    width: 110px;
    color: #9aabb8
}

    .ui-langSelect .wrap {
        background: #fff
    }

    .ui-langSelect:hover .select {
        color: #2d8fd9
    }

    .ui-langSelect.active .lang-icon, .ui-langSelect:hover .lang-icon {
        background-position: -16px 0
    }

    .ui-langSelect:hover .select-icon {
        background-position: -32px -8px
    }

    .ui-langSelect .options {
        display: none
    }

    .ui-langSelect .select {
        cursor: pointer;
        text-align: center;
        line-height: 59px;
        font-size: 14px;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        position: relative
    }

    .ui-langSelect .lang-icon {
        display: block;
        content: "\20";
        width: 15px;
        height: 15px;
        background: url(../images/ui-lang.png) 0 0 no-repeat;
        position: absolute;
        top: 23px;
        left: 8px
    }

.mac .ui-langSelect .lang-icon {
    top: 22px
}

.ui-langSelect .select-icon {
    display: block;
    content: "\20";
    width: 9px;
    height: 6px;
    background: url(../images/ui-lang.png) -32px 0 no-repeat;
    position: absolute;
    top: 26px;
    right: 8px
}

.ui-langSelect .option {
    cursor: pointer;
    line-height: 38px;
    font-size: 14px;
    padding-left: 25.5px
}

    .ui-langSelect .option:hover {
        color: #2d8fd9
    }

.ui-langSelect.active .select {
    color: #2d8fd9;
    border-left-color: #e8e8e8;
    border-right-color: #e8e8e8
}

.ui-langSelect.active .select-icon {
    background-position: -42px 0
}

.ui-langSelect.active .options {
    width: 108px;
    display: block;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(4,4,4,.08)
}

.t-my-dialog-login {
    width: 400px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 30px;
    -webkit-transition: height .4s;
    transition: height .4s;
    box-sizing: border-box
}

.t-my-dialog-login-logo {
    display: block;
    width: 128px;
    height: 32px;
    margin: 0 auto;
    padding: 30px 0
}

.t-my-dialog-login .input {
    border: 1px solid #dbd9d9;
    border-radius: 2px;
    font-size: 14px;
    height: 40px;
    width: 100%;
    line-height: 40px\9;
    padding: 0 50px 0 10px;
    box-sizing: border-box
}

    .t-my-dialog-login .input:focus {
        border-color: #1987d7
    }

.t-my-dialog-login-password {
    margin-top: 14px;
    margin-bottom: 20px
}

.t-my-dialog-login-btn-wrap {
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    margin: 20px 0
}

.t-my-dialog-login-btn, .t-my-dialog-login-btn-wrap {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.t-my-dialog-login-btn {
    display: block;
    height: 100%
}

.t-my-dialog-reg-wrap {
    text-align: center;
    padding-bottom: 28px
}

.t-my-dialog-reg {
    font-size: 14px;
    color: #9aabb8
}

.login-auto {
    float: left
}

.password-forget {
    float: right
}

.login-auto {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .login-auto .active {
        background-position: 0 0
    }

.icon-login-checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url(/assets/home/images/login/ui-login-checkbox.png) 0 -17px no-repeat
}

.t-my-dialog-login-btn, .t-my-login-btn {
    background-color: #1987d7;
    -webkit-transition: all .2s;
    transition: all .2s
}

    .t-my-dialog-login-btn:hover, .t-my-login-btn:hover {
        background-color: #197ec8;
        -webkit-transition: all .2s;
        transition: all .2s
    }

    .t-my-dialog-login-btn.active {
        cursor: not-allowed;
        background-color: #9aabb8;
        -webkit-transition: all .2s;
        transition: all .2s
    }

.t-my-dialog-login-email, .t-my-dialog-login-password {
    position: relative
}

.t-my-dialog-login .login-placeholder {
    font-size: 14px;
    color: #9aabb8;
    position: absolute;
    top: 13px;
    left: 12px;
    pointer-events: none
}

.t-my-dialog-login .error {
    background-color: #ed6d4d
}

    .t-my-dialog-login .error:hover {
        background-color: #d7664c
    }

    .t-my-dialog-login .error .icon-warn {
        display: inline-block;
        vertical-align: middle;
        background: url(/assets/home/images/template/icon-warn.png) 0 0 no-repeat;
        width: 15px;
        height: 14px
    }

    .t-my-dialog-login .error .error-text {
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px
    }

.login-checkbox-tip, .password-forget {
    font-size: 14px;
    color: #9aabb8
}

.login-checkbox {
    position: absolute;
    z-index: -9999
}

.login-checkbox-tip {
    vertical-align: middle;
    margin-left: 8px
}

.pop-box {
    width: 260px;
    height: 320px;
    background: #fff;
    border-radius: 5px
}

    .pop-box .pop-boxInner {
        height: 100%;
        padding: 20px;
        padding-bottom: 0;
        text-align: center;
        box-sizing: border-box;
        box-shadow: 0 0 6px rgba(0,0,0,.4)
    }

    .pop-box .pop-title {
        line-height: 50px;
        font-size: 18px;
        color: #2d8fd9
    }

    .pop-box .pop-footer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 10px;
        font-size: 12px;
        color: #000;
        text-align: center;
        line-height: 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #fafbfc;
        border-top: 1px solid #e9e8e7
    }

    .pop-box .pop-qrcode {
        display: block;
        width: 160px;
        height: 160px;
        margin: 0 auto;
        margin-top: 4px;
        border: 1px solid #fafbfc
    }

.ui-share {
    position: relative;
    border-top: 1px solid #e1e4e6
}

    .ui-share .tip-title {
        display: block;
        font-size: 12px;
        color: #aeb8bf;
        width: 39px;
        height: 15px;
        background: #fff
    }

    .ui-share .share-panel {
        padding: 10px 0;
        background: #fff
    }

    .ui-share .share-line {
        display: block;
        border-left: 1px solid #e1e4e6
    }

    .ui-share .share-btn {
        cursor: pointer;
        float: left;
        width: 40px;
        height: 40px;
        margin-left: 10px;
        border: 0 none;
        outline: 0 none;
        background: url(../images/sp-icon-share.png) 0 0 no-repeat
    }

        .ui-share .share-btn:first-child {
            margin-left: 0
        }

        .ui-share .share-btn:active, .ui-share .share-btn:hover {
            background-position-y: -41px;
            border-bottom-color: transparent
        }

    .ui-share .share-btnSina {
        background-position: 0 0
    }

    .ui-share .share-btnWx {
        background-position: -41px 0
    }

    .ui-share .share-btnQq {
        background-position: -82px 0
    }

    .ui-share .share-btnFacebook {
        background-position: -123px 0
    }

    .ui-share .share-btnTwitter {
        background-position: -164px 0
    }

    .ui-share .jiathis_style_32x32 .jtico {
        background: none
    }

#jiathis_weixin_share {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#jiathis_weixin_modal {
    margin: -170px 0 0 -55px !important;
    width: 280px !important;
    height: 304px !important;
    border: none !important;
    box-shadow: 0 0 4px 3px rgba(0,0,0,.12) !important
}

#jiathis_modal_body {
    height: 193px !important
}

#jiathis_modal_footer {
    height: auto !important;
    background: #fafbfc !important
}

#jiathis_weixin_modal .jiathis_modal_footer {
    padding: 10px !important
}

#jiathis_webchat img {
    width: 160px !important;
    height: 160px !important
}

#jiathis_weixin_tip {
    font-size: 12px !important;
    color: #000 !important;
    line-height: 20px !important
}

    #jiathis_weixin_tip a {
        font-size: 12px
    }

        #jiathis_weixin_tip a, #jiathis_weixin_tip a:active {
            color: #429bd6 !important
        }

#jiathis_weixin_h3 {
    font-size: 16px;
    color: #000;
    text-align: center
}

.ui-sidebar {
    height: 100%;
    position: relative
}

    .ui-sidebar .nav-link {
        font-size: 15px;
        color:#ffffff;
    }

    .logo-wrap, .ui-sidebar .nav-link {
        display: block;
        text-decoration: none
    }

.logo-wrap {
    height: 60px;
    outline: 0 none;
    border-bottom: 1px solid #132338
}

    .logo-wrap .logo {
        float: left;
        margin-left: 25px;
        margin-top: 21px
    }

    .logo-wrap .title {
        float: left;
        color: #fff;
        font-size: 20px;
        margin-top: 19px;
        margin-left: 6px
    }





.nav .nav-item {
    padding-left: 20px;
    line-height: 32px;
}


    .nav .nav-item .nav-link {
        outline: 0 none;
        POSITION: relative;
        padding-left:30px;
        margin-left:-20px;
    }


    .nav .nav-item .nav-link:hover {
        color: #fff;
        BACKGROUND: #1f344d;
    }

    .nav .nav-item .nav-link.active
    {
        background-color:#ffffff !important;
	    color:#000000 !important;
    }
    
    /*
    .nav .nav-item.active, .nav .nav-item:hover {
        background: #1f344d
    }
*/

        .nav .nav-item .nav-link.active:before, .nav .nav-item .nav-link:hover:before {
            display: block;
            content: "\20";
            width: 0;
            height: 100%;
            line-height: 0;
            font-size: 0;
            border-left: 3px solid #1987d7;
            position: absolute;
            top: 0;
            left: 0
        }

.nav .nav-icon {
    display: block;
    width: 17px;
    height: 16px;
    background: url(../images/sp-icon-sidebar.png) 0 0 no-repeat;
    position: absolute;
    top: 7px;
    left: 10px
}

.ui-sidebar .nav-link-getstarted .nav-icon {
    background-position: 0 0
}

.ui-sidebar .nav-link-uplus .nav-icon {
    background-position: 0 -18px
}

.ui-sidebar .nav-link-case .nav-icon {
    background-position: 0 -36px
}

.ui-sidebar .nav-link-template .nav-icon {
    background-position: 0 -52px
}

.ui-sidebar .nav-link-newsletter .nav-icon {
    background-position: 0 -69px
}

.ui-sidebar .nav-link-faq .nav-icon {
    background-position: 0 -87px
}

.ui-sidebar .nav-link-updatelog .nav-icon {
    background-position: 0 -105px
}

.ui-sidebar .nav-link-videos .nav-icon {
    background-position: 0 -123px
}

.ui-sidebar .nav-link-about .nav-icon {
    background-position: 0 -141px
}

.ui-sidebar .nav-link-online .nav-icon {
    background-position: 0 -159px
}

.ui-sidebar .nav-link-emeisoft .nav-icon {
    background-position: 0 -175px
}






.ui-sidebar .nav-link-getstarted.active .nav-icon {
    background-position: 0 0 !important;
}

.ui-sidebar .nav-link-uplus.active .nav-icon {
    background-position: 0 -18px !important;
}

.ui-sidebar .nav-link-case.active .nav-icon {
    background-position: 0 -36px !important;
}

.ui-sidebar .nav-link-template.active .nav-icon {
    background-position: 0 -52px !important;
}

.ui-sidebar .nav-link-newsletter.active .nav-icon {
    background-position: 0 -69px !important;
}

.ui-sidebar .nav-link-faq.active .nav-icon {
    background-position: 0 -87px !important;
}

.ui-sidebar .nav-link-updatelog.active .nav-icon {
    background-position: 0 -105px !important;
}

.ui-sidebar .nav-link-videos.active .nav-icon {
    background-position: 0 -123px !important;
}

.ui-sidebar .nav-link-about.active .nav-icon {
    background-position: 0 -141px !important;
}

.ui-sidebar .nav-link-online.active .nav-icon {
    background-position: 0 -159px !important;
}

.ui-sidebar .nav-link-emeisoft.active .nav-icon {
    background-position: 0 -175px !important;
}



.ui-sidebar .nav-item .nav-link-getstarted:hover .nav-icon {
    background-position: -17px 0
}

.ui-sidebar .nav-item .nav-link-uplus:hover .nav-icon {
    background-position: -17px -18px
}

.ui-sidebar .nav-item .nav-link-case:hover .nav-icon {
    background-position: -17px -36px
}

.ui-sidebar .nav-item .nav-link-template:hover .nav-icon {
    background-position: -17px -52px
}

.ui-sidebar .nav-item .nav-link-newsletter:hover .nav-icon {
    background-position: -17px -69px
}

.ui-sidebar .nav-item .nav-link-faq:hover .nav-icon {
    background-position: -17px -87px
}

.ui-sidebar .nav-item .nav-link-updatelog:hover .nav-icon {
    background-position: -17px -105px
}

.ui-sidebar .nav-item .nav-link-videos:hover .nav-icon {
    background-position: -17px -123px
}

.ui-sidebar .nav-item .nav-link-about:hover .nav-icon {
    background-position: -17px -141px
}

.ui-sidebar .nav-item .nav-link-online:hover .nav-icon {
    background-position: -17px -159px
}

.ui-sidebar .nav-item .nav-link-emeisoft:hover .nav-icon {
    background-position: -17px -175px
}

.ui-slide {
    position: relative;
    float: left;
    width: 780px;
    max-width: 100%;
    overflow: hidden
}

.ui-slideArrows {
    display: none;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 36px;
    margin-top: -18px;
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

    .ui-slideArrows .arrow {
        cursor: pointer;
        display: block;
        width: 36px;
        height: 36px;
        text-align: center;
        background: #fff;
        position: absolute;
        top: 0
    }

    .ui-slideArrows .arrow-prev {
        left: 0
    }

    .ui-slideArrows .arrow-next {
        right: 0
    }

    .ui-slideArrows .icon {
        display: block;
        width: 9px;
        height: 16px;
        margin: 10px auto 0;
        background: url(/assets/home/images/common/ui-slide-arrow.png) 0 0 no-repeat
    }

    .ui-slideArrows .icon-next {
        background-position: 0 -17px
    }

.ui-support {
    cursor: pointer;
    width: 160px;
    height: 60px;
    background: url(../images/ui-support-bg.png) 0 0 no-repeat;
    border-radius: 30px;
    position: relative
}

    .ui-support .support {
        float: left;
        width: 80px;
        position: relative
    }

    .ui-support .support-icon {
        width: 33px;
        height: 31px;
        margin-top: 14px;
        margin-left: 24px;
        background: url(../images/ui-support-hand.png) 0 0 no-repeat
    }

    .ui-support .line {
        position: absolute;
        top: 15px;
        right: 0;
        width: 0;
        font-size: 0;
        height: 30px;
        margin: 0;
        border-left: 1px solid #fff
    }

    .ui-support .text {
        float: left;
        width: 80px;
        margin-top: 20px;
        text-align: center;
        font-size: 14px;
        color: #fff
    }

    .ui-support .count {
        margin-left: 6px
    }

    .ui-support .heart {
        text-align: center;
        width: 50px;
        height: 48px;
        line-height: 46px;
        font-size: 14px;
        color: #fff;
        background: url(../images/ui-support-heart.png) 0 0 no-repeat;
        background-size: 100%;
        position: absolute;
        top: -40px;
        left: 50%;
        margin-left: -25px;
        opacity: .01;
        filter: alpha(opacity=1);
        -webkit-transition: all .5s linear;
        transition: all .5s linear
    }

    .ui-support.active {
        background-position: 0 -61px
    }

        .ui-support.active .heart.active {
            opacity: 1;
            filter: alpha(opacity=100);
            top: -60px;
            -webkit-transition: all .5s linear;
            transition: all .5s linear
        }

        .ui-support.active .heart.unactive {
            opacity: .01;
            filter: alpha(opacity=1)
        }

.ui-list {
    margin-top: -20px;
    margin-left: -20px
}

.ui-listItem {
    position: relative;
    top: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    padding: 8px 7px;
    width: 380px;
    margin-top: 20px;
    margin-left: 20px;
    box-sizing: border-box;
    border: 1px solid #fff;
    background: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .7s,top .2s linear,-webkit-box-shadow .3s linear;
    transition: opacity .7s,box-shadow .3s linear,top .2s linear
}

    .ui-listItem.hide {
        opacity: .01;
        filter: alpha(opacity=1);
        -webkit-transition: opacity .7s;
        transition: opacity .7s
    }

    .ui-listItem:after {
        display: block;
        content: "\20"
    }

    .ui-listItem.hover {
        top: -8px;
        box-shadow: 1px 4px 10px 2px #ccc;
        -webkit-transition: top .2s linear,-webkit-box-shadow .3s linear;
        transition: box-shadow .3s linear,top .2s linear
    }

    .ui-listItem .link {
        display: block;
        font-size: 16px;
        color: #34495e;
        text-decoration: none;
        outline: 0 none
    }

    .ui-listItem .img {
        max-width: 100%;
        max-height: 172px;
        height: auto;
        display: block
    }

    .ui-listItem .title {
        padding: 0 6px;
        margin-top: 16px;
        margin-bottom: 20px;
        -webkit-transition: all .1s;
        transition: all .1s
    }

    .ui-listItem.hover .title {
        color: #1987d7;
        -webkit-transition: all .1s;
        transition: all .1s
    }

    .ui-listItem .detail {
        color: #9aabb8;
        font-size: 12px;
        line-height: 1.5em;
        height: 3em;
        overflow: hidden;
        padding: 0 6px;
        word-break: break-all
    }

.en_US .dialog-wxShare {
    width: 270px
}

.dialog-wxShare {
    width: 240px;
    height: 312px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 4px 3px rgba(0,0,0,.12)
}

    .dialog-wxShare .title {
        padding: 17px 0 15px;
        font-size: 14px;
        color: #848484;
        text-align: center;
        background: #fafbfc;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .dialog-wxShare .section {
        width: 100%;
        text-align: center;
        border-top: 1px solid #e9e8e7;
        border-bottom: 1px solid #e9e8e7
    }

    .dialog-wxShare .qrcode {
        display: inline-block;
        margin: 32px 0
    }

    .dialog-wxShare .footer {
        cursor: pointer;
        line-height: 40px;
        text-align: center
    }

        .dialog-wxShare .footer:active .close-footer, .dialog-wxShare .footer:hover .close-footer {
            color: #666
        }

    .dialog-wxShare .close-footer {
        font-size: 14px;
        color: #848484
    }

.bd-sidebar {
    width: 170px;
    background: #162a42;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 200
}

.bd {
    min-width: 1000px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 170px;
    right: 0
}

.bd-wrap {
    height: 100%;
    overflow: hidden;
    background: #f4f4f4
}

.bd-content {
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    position: absolute;
    top: 60px;
    bottom: 50px;
    left: 0;
    right: 0;
    overflow-y: auto
}

.bd-content-wrap {
    max-width: 1180px;
    margin: 0 auto
}

.page-list .loading {
    height: 0;
    text-align: center;
    overflow: hidden
}

    .page-list .loading, .page-list .loading.active {
        -webkit-transition: height 1s;
        transition: height 1s
    }

        .page-list .loading.active {
            height: 100px
        }

        .page-list .loading .img {
            vertical-align: middle;
            margin-top: 30px
        }

.page-indexCover {
    position: relative;
    height: 340px
}

    .page-indexCover .img {
        vertical-align: middle
    }

    .page-indexCover .main-slide {
        position: relative;
        width: 100%;
        max-width: 100%;
        overflow: hidden
    }

        .page-indexCover .main-slide .img {
            max-width: 100%;
            height: 100%
        }

        .page-indexCover .main-slide .slide-item {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-transition: left .3s linear;
            transition: left .3s linear
        }

    .page-indexCover .cover-small {
        cursor: pointer;
        max-width: 380px;
        float: right;
        position: relative;
        top: 0
    }

        .page-indexCover .cover-small, .page-indexCover .cover-small:hover {
            -webkit-transition: top .2s linear,-webkit-box-shadow .3s linear;
            transition: box-shadow .3s linear,top .2s linear
        }

            .page-indexCover .cover-small:hover {
                box-shadow: 1px 4px 10px 2px #ccc;
                top: -6px
            }

            .page-indexCover .cover-small .img {
                max-width: 100%;
                height: auto
            }

.no-post {
    position: fixed;
    top: 280px;
    left: 50%;
    text-align: center
}

    .no-post .img {
        vertical-align: middle
    }

    .no-post .text {
        color: #a4aab3;
        font-size: 18px;
        margin-top: 30px
    }

#page-index .no-post {
    position: static
}

@media only screen and (min-height:680px) {
    #page-index .no-post {
        margin-top: 40px
    }
}

#page-search-faq .banner {
    display: none
}

#page-search-faq .question-list {
    margin-top: 20px
}

#page-faq .bd-wrap {
    overflow: hidden
}

#page-faq .bd-content {
    padding-top: 20px;
    padding-bottom: 0;
    bottom: 0
}

#page-faq .ui-footer {
    position: static;
    margin-top: 20px
}

#page-faq .backTop, #page-updatelog .backTop {
    left: 1390px
}

#page-faq .ui-header .feature {
    margin-left: 0
}

.page-faq {
    max-width: 1000px;
    margin: 0 auto
}

    .page-faq .banner-img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .page-faq .hot-list {
        margin: 19px 0;
        position: relative
    }

        .page-faq .hot-list .hot-list-icon {
            display: block;
            font-size: 0;
            width: 65px;
            height: 67px;
            background: url(/assets/home/images/faq/icon-hot.png) 0 0 no-repeat;
            position: absolute;
            top: -4px;
            left: -4px;
            z-index: 5
        }

        .page-faq .hot-list .list {
            position: relative
        }

            .page-faq .hot-list .list .list-border {
                display: block;
                border: 1px solid #e7e8ea;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 2
            }

        .page-faq .hot-list .item {
            float: left;
            width: 333px;
            height: 102px;
            padding: 0 20px;
            line-height: 102px;
            text-align: center;
            background: #fff;
            box-sizing: border-box;
            position: relative
        }

        .page-faq .hot-list .item-link {
            cursor: pointer;
            display: inline-block;
            width: 100%;
            font-size: 16px;
            color: #34495e;
            text-decoration: none;
            line-height: normal;
            position: relative;
            z-index: 3
        }

            .page-faq .hot-list .item-link:hover {
                color: #1987d7
            }

    .page-faq .question-list .item {
        cursor: pointer;
        border: 1px solid #e7e8ea;
        margin-top: -1px;
        position: relative
    }

        .page-faq .question-list .item.mask .item-title {
            color: #99a4ae
        }

        .page-faq .question-list .item.mask .item-tip {
            color: #ccd5db
        }

        .page-faq .question-list .item.active, .page-faq .question-list .item:hover {
            border-color: #97c4e8;
            position: relative;
            z-index: 1;
            box-shadow: 0 2px 4px 0 rgba(22,42,66,.2)
        }

            .page-faq .question-list .item.active:hover {
                cursor: default
            }

            .page-faq .question-list .item.active .item-tip {
                display: none
            }

            .page-faq .question-list .item.active .item-detail {
                display: block
            }

    .page-faq .question-list .item-link {
        background: #fff;
        padding: 20px 40px;
        box-sizing: border-box
    }

    .page-faq .question-list .item-detail {
        display: none
    }

    .page-faq .question-list .item-title {
        cursor: pointer;
        font-size: 17px;
        color: #34495e;
        line-height: 1.5;
        border-left: 0 solid #fff;
        padding-left: 0;
        -webkit-transition: all .1s;
        transition: all .1s;
        position: relative
    }

    .page-faq .item-title .border-line {
        visibility: hidden;
        width: 0;
        opacity: .01;
        filter: alpha(opacity=1);
        height: 17px;
        font-size: 0;
        background: #1987d7;
        position: absolute;
        top: 4px;
        left: 0;
        -webkit-transition: all .1s;
        transition: all .1s
    }

    .page-faq .question-list .item.active .item-title, .page-faq .question-list .item:hover .item-title {
        color: #1987d7;
        padding-left: 8px;
        -webkit-transition: all .1s;
        transition: all .1s
    }

        .page-faq .question-list .item.active .item-title .border-line, .page-faq .question-list .item:hover .item-title .border-line {
            visibility: visible;
            opacity: 1;
            filter: alpha(opacity=100);
            width: 3px;
            -webkit-transition: all .1s;
            transition: all .1s
        }

    .page-faq .question-list .item:hover:before {
        display: block;
        content: "\20";
        width: 9px;
        height: 6px;
        background: url(/assets/home/images/faq/sp-icon-select.png) 0 0 no-repeat;
        position: absolute;
        top: 34px;
        right: 20px
    }

    .page-faq .question-list .item.active:before {
        display: block;
        content: "\20";
        width: 9px;
        height: 6px;
        background: url(/assets/home/images/faq/sp-icon-select.png) 0 -7px no-repeat;
        position: absolute;
        top: 34px;
        right: 20px
    }

    .page-faq .question-list .item-tip {
        font-size: 15px;
        color: #9aabb8;
        margin-top: 14px
    }

        .page-faq .question-list .item-tip p {
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            word-break: break-all;
            overflow: hidden
        }

    .page-faq .question-list .item-detail {
        font-size: 15px;
        color: #2c3e50;
        text-align: justify;
        background: #fff;
        line-height: 1.6;
        margin-top: 10px
    }

    .page-faq .hot-list .item .item-before-icon {
        display: block;
        width: 100%;
        height: 1px;
        font-size: 0;
        visibility: visible;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
        background: url(/assets/home/images/faq/icon-dot1.png) 0 0 repeat-x
    }

    .page-faq .hot-list .item .item-after-icon {
        display: block;
        width: 1px;
        height: 100%;
        font-size: 0;
        visibility: visible;
        position: absolute;
        top: 0;
        right: -1px;
        z-index: 1;
        background: url(/assets/home/images/faq/icon-dot2.png) 0 0 repeat-y
    }

    .page-faq .question-list .item-detail p {
        margin-bottom: 4px
    }

    .page-faq .question-list .item-detail a {
        font-size: 16px;
        color: #429bd6;
        text-decoration: none
    }

    .page-faq .question-list .item-detail ul {
        margin-bottom: 4px
    }

        .page-faq .question-list .item-detail ul li {
            padding-left: 18px;
            position: relative
        }

            .page-faq .question-list .item-detail ul li:before {
                display: block;
                content: "\20";
                width: 6px;
                height: 6px;
                background: url(/assets/home/images/common/icon-article-dot.png) 0 0 no-repeat;
                position: absolute;
                top: 9px;
                left: 3px
            }

    .page-faq .question-list .item-detail strong {
        font-weight: 700
    }

#page-updatelog .bd-wrap {
    overflow: hidden
}

#page-updatelog .bd-content {
    padding-top: 20px;
    padding-bottom: 0;
    bottom: 0
}

#page-updatelog .ui-footer {
    position: static;
    margin-top: 20px
}

    #page-updatelog .ui-footer.fixed {
        position: fixed
    }

#page-updatelog .ui-header .feature {
    margin-left: 0
}

.page-updates {
    max-width: 1000px;
    margin: 0 auto
}

    .page-updates .banner-img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .page-updates .timeline {
        background: #fff;
        border: 1px solid #e7e8ea;
        border-top: none
    }

    .page-updates .timeline-wrap {
        width: 778px;
        margin-left: 132px;
        padding: 50px 0 30px
    }

        .page-updates .timeline-wrap .item {
            margin-top: 20px
        }

            .page-updates .timeline-wrap .item:first-child {
                margin-top: 0
            }

                .page-updates .timeline-wrap .item:first-child .days {
                    margin-top: -60px
                }

                .page-updates .timeline-wrap .item:first-child .days-wrap {
                    padding-top: 63px
                }

    .page-updates .year {
        width: 60px;
        height: 60px;
        color: #fff;
        text-align: center;
        line-height: 60px;
        background: #ffae78;
        border-radius: 30px;
        position: relative
    }

        .page-updates .year:before {
            display: none;
            content: "\20";
            width: 10px;
            height: 6px;
            background: url(/assets/home/images/updates/icon-year.png) 0 -7px no-repeat;
            position: absolute;
            left: 50%;
            margin-left: -5px;
            bottom: 8px
        }

    .page-updates .item.active .year:before {
        background-position: 0 0
    }

    .page-updates .day {
        position: relative;
        margin-top: 50px;
        border-radius: 4px;
        box-shadow: 0 0 0 0 #fff;
        -webkit-transition: -webkit-box-shadow .3s;
        transition: box-shadow .3s
    }

        .page-updates .day:before {
            display: block;
            content: "\20";
            width: 0;
            height: 0;
            border-top: 7px solid transparent;
            border-right: 6px solid #f5f8fa;
            border-bottom: 7px solid transparent;
            position: absolute;
            top: 21px;
            left: -6px;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .page-updates .day:first-child {
            margin-top: 38px
        }

    .page-updates .day-tip {
        position: absolute;
        top: 18px;
        left: -103px;
        font-size: 14px;
        color: #9aabb8
    }

.mac .page-updates .day-tip {
    top: 20px
}

.page-updates .day-tip-dot {
    display: block;
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
    background: #ffae78;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 20px;
    left: -39px;
    box-shadow: 0 0 0 0 #fff;
    -webkit-transition: all .1s;
    transition: all .1s
}

.page-updates .days {
    padding-left: 29px;
    margin-top: -80px
}

.page-updates .days-wrap {
    padding-top: 81px;
    padding-left: 30px;
    border-left: 2px solid #d8e1ea
}

.page-updates .detail-item {
    overflow: hidden;
    padding: 0 10px;
    background: #f5f8fa
}

.page-updates .detail-title .select-icon {
    display: block;
    width: 9px;
    height: 6px;
    background: url(/assets/home/images/updates/icon-select.png) 0 0 no-repeat;
    position: absolute;
    top: 29px;
    right: 10px;
    z-index: 10
}

.page-updates .detail-title {
    position: relative;
    cursor: pointer;
    padding-left: 10px;
    padding-top: 23px;
    padding-bottom: 22px;
    font-size: 16px;
    color: #617080;
    border-top: 1px solid #fff
}

    .page-updates .detail-title.no-border {
        border-top: none;
        padding-top: 3px
    }

        .page-updates .detail-title.no-border .select-icon {
            top: 9px
        }

    .page-updates .detail-title.detail-no-content {
        cursor: auto
    }

        .page-updates .detail-title.detail-no-content .select-icon {
            display: none
        }

.page-updates .detail-item:first-child .detail-title {
    border-top: none
}

.page-updates .detail-item:hover .detail-title {
    color: #2c3e50
}

.page-updates .detail-item:hover .select-icon {
    background-position: 0 -7px
}

.page-updates .detail-item.active .detail-title .select-icon {
    background-position: 0 -14px
}

.page-updates .detail-text {
    display: none;
    padding: 11px 10px 12px;
    background: #fff;
    line-height: 1.6;
    font-size: 14px;
    color: #2c3e50
}

    .page-updates .detail-text p {
        margin: 2px 0;
        color: #617080
    }

    .page-updates .detail-text a {
        color: #429bd6;
        text-decoration: none
    }

    .page-updates .detail-text strong {
        font-weight: 700
    }

.page-updates .day.active {
    box-shadow: 0 2px 5px 0 rgba(22,42,66,.2);
    -webkit-transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s
}

    .page-updates .day.active:before {
        -webkit-filter: drop-shadow(-1px 0 1px rgba(22,42,66,.1));
        filter: drop-shadow(-1px 0 1px rgba(22,42,66,.1));
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .page-updates .day.active .day-tip-dot {
        border-width: 0;
        box-shadow: 0 2px 5px 0 rgba(22,42,66,.2);
        -webkit-transition: all .1s;
        transition: all .1s
    }

.page-updates .detail-list .detail-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.page-updates .detail-list .detail-item:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.page-updates .detail-item.active .detail-text {
    display: block;
    margin-bottom: 20px
}

.no-more-data {
    display: none;
    height: 60px;
    line-height: 60px;
    color: #9aabb8;
    font-size: 14px;
    text-align: center
}

    .no-more-data.enter {
        display: block;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .no-more-data.enter, .no-more-data.leave {
        -webkit-transition: height .3s,line-height .3s,opacity .3s;
        transition: height .3s,line-height .3s,opacity .3s
    }

    .no-more-data.leave {
        opacity: .01;
        filter: alpha(opacity=1);
        height: 0;
        line-height: 0
    }

#page-post .bd-content {
    padding-top: 20px;
    padding-bottom: 0;
    bottom: 0
}

#page-post .ui-footer {
    position: static;
    margin-top: 20px
}

#page-post .backTop {
    left: 1390px
}

#page-post .ui-footer.fixed {
    position: fixed;
    left: 170px;
    min-width: 1100px
}

.page-article {
    max-width: 1000px;
    margin: 0 auto
}

    .page-article.no-topImage .article {
        border-top: 1px solid #e7e8ea
    }

    .page-article .banner {
        max-width: 1000px;
        box-sizing: border-box;
        background: #fff
    }

    .page-article .banner-img {
        display: block;
        width: 100%;
        height: auto
    }

    .page-article .article {
        background: #fff;
        border: 1px solid #e7e8ea;
        border-top: none;
        overflow: hidden
    }

    .page-article .article-main-wrap {
        padding: 0 110px;
        padding-top: 56px;
        padding-bottom: 88px
    }

    .page-article .article-title {
        font-size: 20px;
        color: #2c3e50;
        font-weight: 700;
        padding: 32px 30px 0;
        border-bottom: 1px solid #eff3f5
    }

    .page-article .article-other {
        padding-top: 13px;
        padding-bottom: 20px
    }

    .page-article .article-relative {
        margin-top: 30px;
        background: #fff;
        border: 1px solid #e7e8ea;
        padding: 0 29px;
        padding-bottom: 30px
    }

        .page-article .article-relative .title {
            font-size: 18px;
            color: #2c3e50;
            padding: 20px 0
        }

        .page-article .article-relative .list {
            margin-left: -20px;
            margin-top: -20px
        }

        .page-article .article-relative .item {
            float: left;
            margin-left: 20px;
            margin-top: 20px;
            width: 300px;
            height: 142px;
            box-shadow: 0 0 0 0 #fff;
            position: relative;
            top: 0;
            -webkit-transition: top .4s;
            transition: top .4s
        }

            .page-article .article-relative .item:hover {
                top: -4px;
                box-shadow: 0 2px 6px rgba(0,0,0,.5);
                -webkit-transition: top .3s,-webkit-box-shadow .3s;
                transition: top .3s,box-shadow .3s
            }

        .page-article .article-relative .item-link {
            display: block;
            width: 100%;
            height: 100%
        }

            .page-article .article-relative .item-link:focus {
                outline: 0 none
            }

        .page-article .article-relative .img {
            display: block;
            width: 100%;
            height: 100%
        }

.article {
    line-height: 1.6
}

    .article h2 {
        line-height: 54px;
        font-size: 18px;
        font-weight: 700
    }

    .article h3 {
        font-size: 18px;
        line-height: 52px
    }

    .article p {
        font-size: 16px;
        color: #333;
        padding-bottom: 14px;
        word-wrap: break-word
    }

    .article a {
        font-size: 16px;
        color: #429bd6;
        text-decoration: none;
        border-bottom: 1px solid transparent
    }

        .article a, .article a:hover {
            -webkit-transition: border-bottom .3s;
            transition: border-bottom .3s
        }

            .article a:hover {
                border-bottom-color: #429bd6
            }

            .article a.not-hover:hover {
                border-bottom-color: transparent
            }

    .article ul {
        margin-bottom: 12px
    }

        .article ul li {
            padding-left: 20px;
            position: relative;
            color: #333
        }

            .article ul li:before {
                display: block;
                content: "\20";
                width: 6px;
                height: 6px;
                background: url(/assets/home/images/common/icon-article-dot.png) 0 0 no-repeat;
                position: absolute;
                top: 10px;
                left: 3px
            }

    .article strong {
        font-weight: 700;
        color: #555
    }

.article-footer {
    height: 150px;
    border-top: 1px solid #eff3f5;
    position: relative
}

    .article-footer .ui-support {
        margin: 0 auto;
        margin-top: 45px
    }

    .article-footer .ui-share {
        position: absolute;
        top: 35px;
        left: 30px;
        right: 0;
        border: none
    }

.page-article .article-main-wrap img {
    box-shadow: 0 0 8px 3px rgba(22,42,66,.08)
}

    .page-article .article-main-wrap img.mk-noborder {
        box-shadow: none
    }

.page-article .mk-zoom {
    position: relative
}

.page-article .mk-zoom-idea {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 999
}

.page-article .mk-zoom-ideaIcon {
    display: block;
    content: "\20";
    width: 22px;
    height: 22px;
    background: url(../images/mk-zoom.png) 0 0 no-repeat;
    position: absolute;
    top: 9px;
    left: 9px
}

.page-article .mk-zoom:hover .mk-zoom-ideaIcon {
    background-position: 0 -24px
}

.article-zoom {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -100;
    visibility: hidden
}

    .article-zoom.active {
        z-index: 1000;
        visibility: visible
    }

    .article-zoom .close {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: -45px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 40px;
        height: 40px
    }

    .article-zoom .close-icon {
        font-size: 14px;
        text-indent: -999em;
        color: #333;
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url(../images/dialog-close.png) 0 0 no-repeat
    }

.article-zoomImage {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    margin-top: -150px;
    margin-left: -150px;
    -webkit-transition: margin-top .1s linear,margin-left .1s linear;
    transition: margin-top .1s linear,margin-left .1s linear
}

    .article-zoomImage.no-transition {
        -webkit-transition: none;
        transition: none
    }

    .article-zoomImage img {
        max-width: 100%;
        height: auto
    }

.article-zoomImageLoading {
    width: 300px;
    height: 300px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

.article-zoomMask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8888;
    width: 100%;
    height: 100%;
    background: #162a42;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .article-zoomMask, .article-zoomMask.active {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

        .article-zoomMask.active {
            opacity: .7;
            filter: alpha(opacity=70)
        }

.template-soon {
    width: 100%;
    padding-top: 80px;
    text-align: center
}

    .template-soon img {
        max-width: 100%;
        height: auto;
        vertical-align: middle
    }

@media only screen and (max-height:640px) {
    .template-soon {
        padding-top: 40px
    }

        .template-soon img {
            max-width: 80%
        }
}

#page-template a {
    text-decoration: none
}

#page-template .bd-content {
    top: 0;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

#page-template .bd-content-wrap {
    margin: 20px auto
}

#page-template .ui-footer {
    position: static
}

    #page-template .ui-footer.fixed {
        position: fixed;
        left: 170px;
        min-width: 1100px
    }

.t-search {
    width: 100%;
    height: 300px;
    position: relative;
    text-align: center;
    background: #5388d4 url(/assets/home/images/test/banner-template.png) 50% no-repeat
}

.t-search-title {
    font-size: 24px;
    color: #fff;
    height: 130px;
    line-height: 130px
}

.t-search-input {
    display: block;
    width: 450px;
    height: 44px;
    margin: 0 auto;
    position: relative
}

    .t-search-input input {
        width: 450px;
        height: 44px;
        line-height: 34px\9;
        padding: 4px 4px 4px 20px;
        font-size: 14px;
        text-align: center;
        color: #575757;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 4px;
        box-sizing: border-box
    }

.t-search-icon-link .t-search-icon {
    display: inline-block;
    font-size: 22px;
    margin-top: 11px
}

.t-search-icon-link {
    display: block;
    width: 50px;
    height: 100%;
    color: #9aabb8;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0
}

    .t-search-icon-link, .t-search-icon-link.active {
        -webkit-transition: color .2s;
        transition: color .2s
    }

        .t-search-icon-link.active {
            color: #1987d7
        }

.search-input-placeholder {
    position: absolute;
    top: 14px;
    left: 172px;
    font-size: 14px;
    color: #9aabb8;
    cursor: text;
    pointer-events: none
}

.t-search-type-wrap {
    position: relative;
    width: 450px;
    margin: 0 auto;
    padding: 20px 0 32px
}

    .t-search-type-wrap a {
        cursor: pointer;
        float: left;
        width: 112px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: #bacfee
    }

        .t-search-type-wrap a.active, .t-search-type-wrap a:hover {
            color: #fff
        }

.t-search-type-item-underline {
    display: none;
    position: absolute;
    top: 52px;
    left: 21px;
    width: 66px;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-bottom: 1px solid #fff
}

.t-nav {
    margin: 30px 0 40px
}

.t-nav-wrap {
    background-color: #fff;
    padding: 8px 0 18px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #e7e8ea;
    -webkit-transition: width .6s;
    transition: width .6s
}

.t-nav-type {
    margin-left: -48px;
    margin-top: 10px
}

.t-nav-type, .t-nav-type-item {
    -webkit-transition: margin-left .6s;
    transition: margin-left .6s
}

.t-nav-type-item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 48px
}

    .t-nav-type-item a {
        font-size: 14px;
        color: #617080
    }

        .t-nav-type-item a:hover, .t-nav-type .active {
            color: #1597db
        }

.load-wrap {
    text-align: center;
    padding-top: 20px;
    overflow: hidden
}

.no-template-wrap {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 80px
}

    .no-template-wrap.tpl-no-template-wrap {
        padding-top: 60px
    }

.no-template-tip {
    color: #6c6c6c;
    font-size: 14px;
    margin-top: 20px
}

.t-create {
    width: 400px;
    height: 300px;
    border-radius: 7px;
    background-color: #fff
}

.t-create-title {
    font-size: 16px;
    color: #575757;
    padding-left: 20px;
    line-height: 50px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.t-create-wrap {
    padding: 0 40px
}

.t-create-tip {
    color: #575757;
    font-size: 16px;
    text-align: center;
    margin: 30px 0
}

.t-create-input {
    padding: 0 12px;
    width: 100%;
    height: 44px;
    line-height: 34px\9;
    border: 1px solid #dbd9d9;
    border-radius: 2px;
    font-size: 16px;
    letter-spacing: .01em;
    box-sizing: border-box
}

.t-create-wrap .valid {
    border-color: #ed6d4d
}

.t-create-input:focus {
    border-color: #1597db
}

.t-create-operate {
    height: 50px;
    text-align: center;
    margin-top: 30px
}

    .t-create-operate .btn {
        display: inline-block;
        width: 140px;
        line-height: 44px;
        text-align: center;
        font-size: 16px;
        border-radius: 2px
    }

.t-create-submit {
    color: #fff;
    border: 1px solid #1597db;
    background-color: #1597db
}

    .t-create-operate .active, .t-create-submit:hover {
        border-color: #138bca;
        background-color: #138bca
    }

.t-create-cancel {
    color: #575757;
    margin-left: 36px;
    border: 1px solid #e0e0e0;
    background-color: #fff
}

    .t-create-cancel:hover {
        border-color: #cecece;
        background-color: #ebebeb
    }

.t-page-items .icon {
    display: block;
    width: 15px;
    height: 14px;
    background: url(/assets/home/images/template/icon-page.png) no-repeat;
    text-indent: -999em;
    position: absolute
}

.t-pages {
    margin: 0 auto;
    -webkit-transition: width .6s;
    transition: width .6s
}

.t-page {
    margin-top: 40px
}

.t-page-items {
    margin-left: -20px;
    margin-top: -20px
}

.t-page-item {
    float: left;
    width: 280px;
    height: 300px;
    border: 1px solid #dee0e4;
    border-radius: 4px;
    position: relative;
    z-index: 100;
    margin-left: 20px;
    margin-top: 20px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(22,42,66,.12);
    -webkit-transition: height .6s,-webkit-box-shadow .5s;
    transition: height .6s,box-shadow .5s
}

.t-page-item-img {
    height: 238px;
    top: 0;
    z-index: 1;
    border-radius: 4px;
    -webkit-transition: height .6s;
    transition: height .6s
}

.t-page-item-form, .t-page-item-img {
    width: 100%;
    position: absolute;
    left: 0
}

.t-page-item-form {
    height: 64px;
    border-top: 1px solid #dee0e4;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
    -webkit-transition: height .3s;
    transition: height .3s
}

.t-page-hint, .t-page-hint-load, .t-page-hint-sort {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.t-page-hint, .t-page-hint-load {
    background-color: #162a42
}

.t-page-hint-sort {
    background-color: #fff
}

.t-page-load {
    display: none;
    width: 100%;
    line-height: 210px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11
}

.t-page-items .load .t-page-load {
    display: block
}

.t-page-items .load .t-page-hint-load {
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 10
}

.t-page-items .load .t-page-item-form-view {
    display: none
}

.t-page-item-form-title {
    font-size: 16px;
    color: #34495e;
    text-align: center;
    margin: 24px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: margin .2s;
    transition: margin .2s
}

.icon.icon-favorite-show {
    background-position: -30px 0;
    top: 24px;
    right: 18px
}

.t-page-item-create-form, .t-page-item-favorite {
    width: 96px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    border-radius: 2px;
    font-size: 14px
}

.t-page-item-create-form {
    background-color: #1fbf74;
    float: left;
    color: #fff
}

.t-page-item-favorite {
    background-color: #fff;
    float: right;
    color: #4a556b;
    border: 1px solid #d3dee6
}

    .t-page-item-favorite:hover {
        background-color: #dae1e8
    }

.t-page-item-create-form:hover {
    background-color: #1eb06f
}

.t-page-item-form-operate .icon-create-form {
    width: 10px;
    background-position: -45px 0
}

.t-page-item-form-operate .icon-favorite {
    background-position: 0 0
}

.t-page-item-form-operate .icon-create-form {
    top: 8px;
    left: 13px
}

.t-page-item-form-operate .icon-favorite {
    top: 7px;
    left: 9px
}

.t-page-item-form-operate .icon-create-form-tip {
    text-indent: 18px
}

.t-page-item-form-operate .icon-favorite-tip {
    text-indent: 20px
}

.t-page-item-form-operate {
    padding: 0 16px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.t-page-item-form .active .t-page-item-favorite {
    background-color: #e6c301;
    color: #fff;
    border: none
}

.t-page-item-form .active .icon-favorite {
    background-position: -15px 0
}

.t-page-item-form .active .t-page-item-favorite:hover {
    background-color: #d1b308
}

.t-page-item-form-view {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #fff;
    border-radius: 2px;
    position: absolute;
    top: -46px;
    left: 50%;
    margin-left: -70px;
    z-index: 3;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .4s .2s,-webkit-transform .5s;
    transition: opacity .4s .2s,-webkit-transform .5s;
    transition: transform .5s,opacity .4s .2s;
    transition: transform .5s,opacity .4s .2s,-webkit-transform .5s
}

    .t-page-item-form-view .hint {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        opacity: .15;
        filter: alpha(opacity=15)
    }

    .t-page-item-form-view .icon-view-tip {
        color: #fff;
        font-size: 14px;
        text-indent: 20px;
        position: relative;
        z-index: 4;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .t-page-item-form-view .icon-view {
        width: 22px;
        height: 13px;
        top: 15px;
        left: 24px;
        background-position: -55px 0
    }

.t-page .t-icon {
    display: block;
    width: 65px;
    height: 67px;
    background: url(/assets/home/images/template/icon-hot-new.png) no-repeat;
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 3
}

.t-page .t-icon-new {
    background-position: 0 0
}

.t-page .t-icon-hot {
    background-position: 0 -68px
}

.t-page-title {
    font-size: 16px;
    font-weight: 400;
    color: #34495e;
    padding-left: 6px;
    border-left: 6px solid #1597db;
    height: 18px;
    line-height: 18px;
    margin-bottom: 24px
}

.t-page-title-text {
    float: left;
    font-size: 16px
}

.t-page-title-num {
    font-size: 14px;
    float: right;
    margin-right: 6px
}

.t-page-item-no-data {
    width: 100%;
    height: 100%;
    line-height: 12.5;
    text-align: center;
    background-color: #8192a6;
    border-radius: 4px
}

.t-page-item-no-data-img {
    vertical-align: middle
}

.sort .t-page-item {
    border: 1px solid #e4e5eb;
    box-shadow: 0 0 12px 4px #e4e5eb,0 1px 3px 2px #e4e5eb;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: box-shadow .5s
}

.css3animation .normal .t-page-item .t-page-item-form-view {
    top: 0;
    -webkit-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0)
}

.css3animation .normal .t-page-item.hover {
    box-shadow: 0 0 12px 4px #e4e5eb,0 1px 3px 2px #e4e5eb;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: box-shadow .5s
}

    .css3animation .normal .t-page-item.hover .t-page-hint {
        opacity: .6;
        filter: alpha(opacity=60);
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }

.css3animation .sort .t-page-hint-sort {
    opacity: .3;
    filter: alpha(opacity=30);
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.css3animation .normal .t-page-item.hover .t-page-item-form {
    height: 100px;
    -webkit-transition: height .3s;
    transition: height .3s
}

.css3animation .normal .t-page-item.hover .t-page-item-form-operate {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.css3animation .normal .t-page-item.hover .t-page-item-form-view {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,90px,0);
    transform: translate3d(0,90px,0);
    -webkit-transition: opacity .1s,-webkit-transform .3s;
    transition: opacity .1s,-webkit-transform .3s;
    transition: transform .3s,opacity .1s;
    transition: transform .3s,opacity .1s,-webkit-transform .3s
}

.css3animation .normal .t-page-item.hover .t-page-item-form-title {
    margin: 18px 0;
    -webkit-transition: margin .2s;
    transition: margin .2s
}

.css3animation .normal .t-page-item.hover .icon-favorite-show {
    display: none
}

.t-my-login {
    padding-top: 124px;
    padding-bottom: 100px
}

.t-my-login-btn {
    display: block;
    width: 140px;
    height: 44px;
    margin: 0 auto;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 2px
}

.t-my-login-tip {
    text-align: center;
    font-size: 14px;
    color: #575757;
    margin-top: 20px
}

.t-my-favorite-operate {
    height: 30px;
    margin: 0 auto 20px;
    text-align: center;
    position: relative;
    -webkit-transition: width .6s;
    transition: width .6s
}

.t-my-favorite-operate-title {
    color: #617080;
    line-height: 30px
}

.t-nav-text-wrap {
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #e7e8ea;
    -webkit-transition: width .6s;
    transition: width .6s
}

.t-nav-text-title {
    text-align: center;
    font-size: 14px;
    color: #617080
}

.t-nav-text-title-nologin {
    color: #1987d7
}

.sort .t-page-item:hover {
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.sort .sort-active {
    box-shadow: 0 0 12px 4px #cbccd1,0 1px 3px 2px #cbccd1;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s
}

.login-auto, .t-my-favorite-sort {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .login-auto .active {
        background-position: 0 -18px
    }

.icon-login-checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url(/assets/frontend/images/template/icon-checkbox.png) no-repeat
}

.login-checkbox, .sort-checkbox {
    position: absolute;
    z-index: -9999
}

.login-checkbox-tip, .sort-checkbox-tip {
    vertical-align: middle;
    margin-left: 8px
}

.login-checkbox-tip, .password-forget {
    font-size: 14px;
    color: #b7babc
}

.icon-sort-checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url(/assets/frontend/images/template/icon-checkbox-sort.png) no-repeat
}

.t-my-favorite-sort .active {
    background-position: 0 -14px
}

.t-my-favorite-sort {
    padding: 6px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0
}

    .t-my-favorite-sort:hover {
        border-color: #cecece;
        background-color: #ebebeb
    }

    .t-my-favorite-sort.checked {
        border-color: #97d9b7
    }

        .t-my-favorite-sort.checked .sort-checkbox-tip {
            color: #39bd7a
        }

        .t-my-favorite-sort.checked:hover {
            border-color: #93d8b5;
            background-color: #ebebeb
        }

.sort-checkbox-tip {
    font-size: 14px;
    color: #a7a7a7
}

.t-nav-text {
    margin: 30px 0 20px
}

.t-nav-text-wrap {
    background-color: #fff;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
    -webkit-transition: width .6s;
    transition: width .6s
}

.t-nav-text-title {
    text-align: center;
    font-size: 14px;
    color: #1597db
}

.t-nav-text-num {
    position: absolute;
    top: 0;
    right: 16px;
    color: #575757
}

.t-nav-text-search {
    color: #1597db;
    text-align: center
}

body.en_US {
    font-family: Open Sans,Helvetica,Andalus,Calibri,Times New Roman,Arial,Verdana,sans-serif
}

.en_US .nav .nav-item {
    padding-left: 50px
}

.en_US .nav .nav-icon {
    top: 13px
}

.en_US .bd-sidebar {
    width: 180px
}

.en_US .logo-wrap .logo {
    margin-left: 12px
}

.en_US .bd {
    min-width: 1095px;
    left: 180px
}

.en_US .backTop {
    left: 1490px
}

.en_US .search-input-placeholder {
    left: 138px
}

.en_US .page-updates .day-tip {
    left: -96px
}

#page-post.en_US .ui-footer.fixed, #page-template.en_US .ui-footer.fixed {
    left: 180px;
    min-width: 1090px
}

.en_US .t-nav-text-title {
    font-size: 15px
}

#page-post.en_US .backTop {
    left: 1400px
}

.en_US .article p {
    word-break: normal
}

.en_US .t-page-item-form-operate .icon-favorite-tip {
    display: none
}

.en_US .t-page-item-create-form {
    display: inline-block;
    width: 140px;
    float: none;
    margin-left: 30px
}

.en_US .t-page-item-form-operate {
    text-align: center
}

.en_US .t-page-item-favorite {
    width: 30px;
    box-sizing: border-box
}

.en_US .t-page-item-form-operate .icon-favorite {
    left: 7px;
    top: 7px
}

.en_US .t-search-type-wrap a {
    width: auto;
    padding: 0 10px
}

.en_US .t-search {
    text-align: center
}

.en_US .t-search-type-wrap {
    display: inline-block;
    width: auto
}

@media only screen and (max-width:1440px) {
    .en_US .ui-listItem .title {
        text-overflow: inherit;
        white-space: normal;
        word-break: normal;
        overflow: visible
    }
}

.ie8 body {
    font-family: simsun,宋体,Arial,Verdana,sans-serif
}

    .ie8 body.en_US {
        font-family: Arial,Verdana,sans-serif
    }

.ie8 .ui-langSelect.active .options {
    border: 1px solid #e8e8e8;
    border-top: none
}

.ie8 .page-updates .year {
    width: 50px;
    height: 50px;
    line-height: 50px
}

    .ie8 .page-updates .year:before {
        margin-bottom: 0
    }

.ie8 .page-updates .timeline-wrap .item:first-child .days {
    margin-top: -50px
}

.ie8 .page-updates .days {
    margin-top: -70px;
    padding-left: 24px
}

.ie8 .page-updates .day.active .day-tip-dot {
    border-width: 3px
}

.ie8 .ui-footer .beian {
    margin-top: 6px
}

.ie8 .ui-search .kw {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 26px
}

.ie8 .page-article .line {
    margin-top: 2px
}

.ie8 #pop-share-wx.active {
    z-index: auto
}

.ie8 .ui-support .heart {
    width: 47px;
    height: 41px;
    line-height: 40px;
    top: -43px;
    background: url(../images/ie8-ui-support-heart.png) 0 0 no-repeat
}

.ie8 .iconfont-search {
    font-family: inherit
}

.ie8 .ui-search .btn-submit {
    top: 7px;
    right: 10px
}

.ie8 .t-search-icon-link .t-search-icon, .ie8 .ui-search .btn-submit {
    width: 16px;
    height: 16px;
    background: url(../images/ie8-search-btn.png) 0 0 no-repeat
}

.ie8 .t-search-icon-link .t-search-icon {
    margin-top: 15px
}

.ie8 .ui-search .btn-submit:hover, .ie8 .ui-search .form.active .btn-submit {
    background-position: 0 -17px
}

.ie8 .t-page-item {
    overflow: hidden
}

.ie8 .t-pages {
    margin-top: -40px
}

.ie8 .t-my-dialog-login .login-placeholder {
    top: 10px
}

.ie8 #page-template .load-wrap {
    padding-top: 50px
}

.ie8 .ui-listItem.hover {
    top: 0;
    box-shadow: none;
    border-color: #1987d7
}

.ie8 .page-indexCover .cover-small:hover {
    top: 0;
    box-shadow: none
}

.ie9 .ui-listItem.hover {
    top: 0;
    box-shadow: none;
    border-color: #1987d7
}

.ie9 .page-indexCover .cover-small:hover {
    top: 0;
    box-shadow: none
}

.ie9 .ui-langSelect.active .options {
    border: 1px solid #e8e8e8;
    border-top: none
}

.ie9 .page-faq .item-title .border-line {
    top: 5px
}

@media only screen and (min-width:1601px) {
    .bd .bd-content-wrap, .bd .ui-header-wrap {
        margin: auto;
        margin-left: 125px
    }

    #page-template .bd-content-wrap {
        margin-left: 125px
    }

    .no-post {
        left: 885px
    }
}

@media only screen and (max-width:1441px) {
    .bd-content-wrap {
        max-width: 100%;
        margin: auto;
        padding: 0 45px
    }

    .bd-wrap .ui-header {
        padding: 0 45px
    }

    .page-indexCover {
        height: auto;
        margin-bottom: 2%
    }

        .page-indexCover .ui-slide {
            width: 66.2%
        }

        .page-indexCover .cover-small {
            width: 32.4%;
            right: 1px
        }

    .ui-list {
        margin-left: -1.3%;
        margin-top: -1.5%
    }

    .ui-listItem {
        width: 32%;
        margin-left: 1.3%;
        margin-top: 1.5%
    }

        .ui-listItem .img {
            width: 100%
        }

        .ui-listItem .title {
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal;
            word-break: break-all;
            overflow: hidden
        }

    #page-faq .page-faq {
        padding: 0 20px
    }

        #page-faq .page-faq .hot-list .item {
            width: 33.3333333%
        }

        #page-faq .page-faq .hot-list .list .list-border {
            right: -1px
        }

    #page-updatelog .page-updates {
        padding: 0 20px
    }

        #page-updatelog .page-updates .timeline-wrap {
            width: auto;
            padding-top: 3%;
            padding-left: 8%;
            padding-right: 4%;
            margin-left: auto
        }

    .page-article .article-relative .list {
        text-align: justify;
        margin-left: -1%
    }

    .page-article .article-relative .item {
        display: inline-block;
        float: none;
        width: 31.63%;
        height: auto;
        margin-left: 1.4%
    }

    .page-article .article-relative .img {
        height: auto
    }

    #page-template .t-page-item-img {
        max-width: 100%;
        height: auto
    }

    #page-template .t-page-items {
        margin-left: -2%
    }

    #page-template .t-page-item {
        width: 23%;
        margin-left: 2%
    }
}

@media only screen and (max-width:1367px) {
    .css3animation .normal .t-page-item.hover .t-page-item-form-view {
        -webkit-transform: translate3d(0,76px,0);
        transform: translate3d(0,76px,0)
    }
}

@media only screen and (max-width:1281px) {
    .no-post {
        top: 200px
    }

    .no-template-wrap {
        text-align: center;
        padding-top: 60px;
        padding-bottom: 40px
    }

    .t-my-login {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .css3animation .normal .t-page-item.hover .t-page-item-form-view {
        -webkit-transform: translate3d(0,60px,0);
        transform: translate3d(0,60px,0)
    }
}