/*
 * @Descripttion: mykdgw，上方为头图更新。正文在下方更新
 * @version: v2.0.0
 * @Author: bindy(128080)
 * @Date: 2019-12-04 14:28:19
 * @LastEditors: bindy(128080)
 * @LastEditTime: 2020-04-22 07:35:19
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span, object, iframe {
    padding: 0;
    margin: 0
}

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

fieldset, img {
    border: 0
}

ol, ul {
    list-style: none;
    padding-top: 5px;
}

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

body {
    font: 14px/1.6 "Microsoft YaHei";
    color: #5f300d
}

a {
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}

    a:active {
        outline: 0
    }

img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #b9b9b9
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #b9b9b9
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b9b9b9
}

input {
    outline: 0;
    border: 0;
    font-family: "Microsoft YaHei"
}

textarea {
    overflow: auto;
    resize: none
}

.clearfix:after {
    content: "";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both
}

.clearfix {
    zoom: 1
}

.hide {
    display: none !important
}

.fl {
    float: left
}

.fr {
    float: right
}

body {
    background: #1d1918
}

    body.index {
        background: #90372f
    }

a {
    color: #5f300d
}

    a * {
        cursor: pointer
    }

.wrapper {
    width: 1200px;
    margin: 0 auto
}

.btn {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 0
}

.btn-box {
    font-size: 0;
    text-align: center
}

    .btn-box .btn {
        display: inline-block
    }

.download {
    position: relative
}

    .download .txt, .download .code {
        position: absolute
    }

    .download .txt {
        font-size: 16px;
        color: #ddc685;
        line-height: 18px
    }

    .download .code {
        border: 1px solid #a28b6f;
        padding: 2px;
        background: #383d3e
    }

        .download .code img {
            display: block
        }

        .download .code:after {
            content: "";
            display: none\9;
            position: absolute;
            width: 100%;
            height: 14px;
            background: url("../img/light.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/light.png*/ ) no-repeat center;
            left: 0;
            top: 0;
            animation: qrcode 2.5s linear infinite alternate;
            background-size: 100% auto
        }

.btn-with-arrow {
    margin-top: 3px;
    background: url("../img/btn-new-border.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-new-border.png*/ ) no-repeat;
    width: 163px;
    height: 33px
}

    .btn-with-arrow i, .btn-with-arrow span {
        display: inline-block;
        vertical-align: middle
    }

    .btn-with-arrow i {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        width: 20px;
        height: 17px;
        background: url("../img/btn-new-arrow.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-new-arrow.png*/ ) no-repeat left center
    }

    .btn-with-arrow .r {
        background-position: center right
    }

    .btn-with-arrow span {
        margin: 0 4px;
        text-shadow: 0 0 7px rgba(255,255,255,.26);
        font-size: 16px;
        color: #faea73;
        line-height: 32px
    }

    .btn-with-arrow:hover .l {
        -webkit-transform: translate(3px,0);
        -moz-transform: translate(3px,0);
        -ms-transform: translate(3px,0);
        -o-transform: translate(3px,0);
        transform: translate(3px,0)
    }

    .btn-with-arrow:hover .r {
        -webkit-transform: translate(-3px,0);
        -moz-transform: translate(-3px,0);
        -ms-transform: translate(-3px,0);
        -o-transform: translate(-3px,0);
        transform: translate(-3px,0)
    }

.tit {
    margin-bottom: 20px;
    font-size: 0
}

    .tit i {
        display: none
    }

    .tit b, .tit:before {
        display: inline-block;
        vertical-align: middle
    }

    .tit:before {
        content: '';
        background: url("../img/tit-dec.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/tit-dec.png*/ );
        width: 4px;
        height: 29px;
        margin-right: 10px
    }

    .tit b {
        font-size: 24px;
        color: #ffefc4;
        background-image: -webkit-gradient(linear,left top,right top,from(#ffefc4),to(#fff));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

.bg1, .full-bg {
    min-width: 1200px;
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto
}

.header {
    position: relative;
    z-index: 2;
    margin-top: -119px
}

    .header .wrapper {
        position: relative
    }

    .header .slogan-link {
        position: absolute;
        left: -80px;
        width: 690px;
        height: 360px;
        top: 200px
    }

.btn-top {
    padding: 5px 0 0;
    font-size: 14px;
    color: #27242f;
    font-weight: 700;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: 40px
}

    .btn-top .sj {
        width: 0;
        display: block;
        margin: 0 auto 2px;
        font-size: 0;
        line-height: 0;
        height: 0;
        border-bottom: 6px solid #2e2e2e;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent
    }

    .btn-top:hover {
        -webkit-transform: translate(0,-2px);
        -moz-transform: translate(0,-2px);
        -ms-transform: translate(0,-2px);
        -o-transform: translate(0,-2px);
        transform: translate(0,-2px);
        color: #3a2119
    }

        .btn-top:hover .sj {
            border-bottom-color: #3a2119
        }

.footer {
    background: #000;
    color: #ababab;
    font-size: 16px;
    line-height: 40px;
    padding: 20px 0;
    z-index: 6;
    position: relative;
    text-align: center;
}

    .footer a {
        color: #ababab
    }

        .footer a:hover {
            text-decoration: underline
        }

.act {
    display: block;
    overflow: hidden
}

    .act img {
        display: block;
        width: 100%;
        min-height: 100%;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s
    }

    .act:hover img {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1)
    }

.scroll-list {
    position: relative
}

    .scroll-list .inner {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

.scroll-bar {
    width: 5px;
    background: #4b4341;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute
}

    .scroll-bar .scroll-slider, .scroll-bar .scroll-slider-reward {
        width: 5px;
        height: 90px;
        border-radius: 1px;
        background: #b38c6b;
        position: absolute;
        right: 0
    }

.boutique-list .txt {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    margin-bottom: 6px;
    overflow: hidden
}

.boutique-list .img {
    overflow: hidden;
    display: block
}

    .boutique-list .img img {
        width: 100%;
        height: 100%;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

.boutique-list b {
    font-weight: 400
}

.boutique-list li a {
    display: block;
    overflow: hidden
}

    .boutique-list li a:hover .img img {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

.swiper-opacity .swiper-slide {
    position: relative;
    visibility: hidden
}

    .swiper-opacity .swiper-slide.swiper-slide-active {
        visibility: visible
    }

.tab-hd {
    height: 44px;
    white-space: nowrap
}

    .tab-hd.border {
        border-bottom: 1px solid #4b4946
    }

    .tab-hd.ab {
        position: absolute;
        left: 200px;
        top: 0
    }

        .tab-hd.ab.border {
            width: 360px
        }

    .tab-hd a {
        text-align: center;
        vertical-align: middle;
        min-width: 35px;
        line-height: 44px;
        display: inline-block;
        font-size: 16px;
        color: #fff;
        position: relative;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

        .tab-hd a + a {
            margin-left: 30px
        }

    .tab-hd span {
        display: block
    }

    .tab-hd i {
        position: absolute;
        top: 100%;
        margin-top: -5px;
        left: 0;
        width: 100%;
        height: 11px;
        background: url("../img/tab-on-b.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/tab-on-b.png*/ ) no-repeat center;
        opacity: 0;
        filter: Alpha(Opacity=0);
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        -webkit-transform: translate(0,3px);
        -moz-transform: translate(0,3px);
        -ms-transform: translate(0,3px);
        -o-transform: translate(0,3px);
        transform: translate(0,3px)
    }

    .tab-hd a:hover, .tab-hd a.active {
        color: #f1c54e
    }

        .tab-hd a:hover i, .tab-hd a.active i {
            opacity: 1;
            filter: Alpha(Opacity=100);
            -webkit-transform: translate(0,0);
            -moz-transform: translate(0,0);
            -ms-transform: translate(0,0);
            -o-transform: translate(0,0);
            transform: translate(0,0)
        }

.tab-bd {
    position: relative;
    height: 480px
}

    .tab-bd .tab-item {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        *visibility: visible;
        *display: none;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        z-index: 5
    }

        .tab-bd .tab-item.active {
            opacity: 1;
            visibility: visible;
            *display: block;
            z-index: 10
        }

.btn-more.icon-more {
    background: url("../img/icon-more.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-more.png*/ ) no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    top: 13px;
    right: 100px
}

.btn-more.icon-more1 {
    background: url("../img/icon-more.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-more.png*/ ) no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    top: 13px;
    right: 100px
}

    .btn-more.icon-more:hover {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.table {
    text-align: center
}

    .table table {
        width: 100%;
        table-layout: fixed
    }

    .table th {
        background: #3b2f24;
        font-size: 13px;
        color: #957d6a;
        line-height: 24px
    }

    .table td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 2px 0;
        line-height: 22px;
        font-size: 13px;
        color: #8f8a82
    }

.news-list a {
    line-height: 30px;
    height: 30px;
    color: #8f8a82;
    white-space: nowrap
}

    .news-list a:before, .news-list .txt, .news-list .time {
        display: inline-block;
        vertical-align: middle
    }

    .news-list a:before {
        content: '';
        margin-right: 10px;
        width: 2px;
        height: 2px;
        background: #8a857d
    }

.news-list .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 420px;
    margin-right: 5px
}

    .news-list .txt font {
        color: #f0c44d !important
    }

.news-list .time {
    width: 90px
}

.news-list .time, .news-list .txt {
    font-size: 16px
}

.news-list a:hover {
    color: #edcf87
}

    .news-list a:hover i {
        background: #e4c781
    }

.low-browser {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1000000;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #f44336;
    border-bottom: 1px solid #e6e6c6
}

.logo {
    font-size: 0;
    width: 108px;
    height: 108px;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 5px;
    z-index: 100
}

    .logo a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0
    }

    .logo img {
        width: 108px;
        margin: 0 0 0 -33px
    }

.nav {
    z-index: 20;
    background: url("../img/nav-bg.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/nav-bg.png*/ ) no-repeat center top;
    font-size: 0;
    height: 119px;
    text-align: center;
    position: relative;
    overflow: visible
}

    .nav .wrapper {
        height: 100%;
        z-index: 3;
        position: relative
    }

    .nav .nav-item {
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        width: 170px
    }

        .nav .nav-item dd {
            display: none
        }

            .nav .nav-item dd a {
                display: block;
                font-size: 15px;
                color: #f0f0f0;
                line-height: 34px
            }

                .nav .nav-item dd a:hover {
                    color: #f1c54e
                }

        .nav .nav-item dt, .nav a.nav-item {
            padding: 28px 0 24px
        }

            .nav .nav-item dt:hover .ch, .nav .nav-item dt:hover .en, .nav a.nav-item:hover .ch, .nav a.nav-item:hover .en {
                color: #f1c54e
            }

    .nav span {
        display: block
    }

    .nav .ch {
        font-size: 18px;
        color: #fff;
        line-height: 22px
    }

    .nav .en {
        color: #aeaeae;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase
    }

    .nav .nav-item-aide {
        margin-left: 170px
    }

        .nav .nav-item-aide dd img {
            width: 116px;
            height: 116px;
            display: block;
            margin: 0 auto
        }

        .nav .nav-item-aide dd span {
            height: 24px;
            line-height: 24px;
            font-size: 14px;
            color: #f38756
        }

    .nav .sub-bg {
        display: none;
        z-index: 2;
        height: 264px;
        top: 0;
        left: 50%;
        margin-left: -960px;
        width: 1920px;
        position: absolute;
        background: url("../img/o-65.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/o-65.png*/ ) repeat
    }

    .nav:hover {
        overflow: visible;
        background: 0 0
    }

        .nav:hover dd {
            display: block
        }

        .nav:hover .sub-bg {
            display: block
        }

        .nav:hover .wrapper {
            overflow: visible
        }

.full-bg .header, .full-bg .header .wrapper {
    background: url("../../../../img6.99.com/mykd/images/version/v9/header/mainbg-pc-2020v1.jpg" /*tpa=https://img6.99.com/mykd/images/version/v9/header/mainbg-pc-2020v1.jpg*/ ) no-repeat center top
}

    .full-bg .header .wrapper {
        height: 180px;
        padding: 600px 0 10px;
    }

    .full-bg .header .center {
        width: 874px;
        height: 183px;
        margin: 0 auto;
        font-size: 0;
        padding: 13px 0 0
    }

        .full-bg .header .center > a, .full-bg .header .center > div {
            background: url("../img/download-bg.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/download-bg.png*/ ) no-repeat center;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            height: 170px;
            vertical-align: top
        }

        .full-bg .header .center .btn-gift {
            z-index: 2;
            background-position: 0 -10px;
            position: relative;
            width: 218px;
            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -o-transition: all .25s;
            transition: all .25s
        }

            .full-bg .header .center .btn-gift i {
                position: absolute
            }

            .full-bg .header .center .btn-gift .txt:after, .full-bg .header .center .btn-gift .img:after {
                content: '';
                display: block;
                width: 100%;
                height: 100%;
                opacity: 0;
                -webkit-transition: all .25s;
                -moz-transition: all .25s;
                -o-transition: all .25s;
                transition: all .25s
            }

            .full-bg .header .center .btn-gift .txt {
                width: 60px;
                height: 64px;
                left: 20px;
                top: 70px
            }

                .full-bg .header .center .btn-gift .txt, .full-bg .header .center .btn-gift .txt:after {
                    background: url("../img/btn-gift-txt.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-gift-txt.png*/ ) no-repeat
                }

            .full-bg .header .center .btn-gift .img {
                right: 0;
                width: 155px;
                height: 166px;
                bottom: 15px;
                background: url("../img/btn-gift.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-gift.png*/ )
            }

                .full-bg .header .center .btn-gift .img:after {
                    background: url("../img/btn-gift-star.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-gift-star.png*/ ) no-repeat 9px 2px
                }

            .full-bg .header .center .btn-gift:hover {
                filter: brightness(1.1)
            }

                .full-bg .header .center .btn-gift:hover .txt:after, .full-bg .header .center .btn-gift:hover .img:after {
                    opacity: .6
                }

        .full-bg .header .center .download {
            z-index: 3;
            background-position: -218px -10px;
            width: 264px;
            padding: 20px 0 0 165px;
            height: 150px
        }

            .full-bg .header .center .download .btn {
                width: 225px;
                height: 63px
            }

            .full-bg .header .center .download .txt, .full-bg .header .center .download .code {
                top: 50%;
                margin-top: -65px;
                left: 20px
            }

            .full-bg .header .center .download .txt {
                padding-top: 2px;
                width: 1em;
                height: 130px
            }

            .full-bg .header .center .download .code {
                margin-left: 24px
            }

                .full-bg .header .center .download .code img {
                    width: 124px;
                    height: 124px
                }

            .full-bg .header .center .download .btn-ios {
                background: url("../img/btn-ios.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-ios.png*/ );
                background: url("../img/btn-ios.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-ios.png*/ ) no-repeat center,url("../img/btn-ios-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-ios-h.png*/ ) no-repeat 1000px 1000px
            }

                .full-bg .header .center .download .btn-ios:hover {
                    background: url("../img/btn-ios-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-ios-h.png*/ )
                }

            .full-bg .header .center .download .btn-android {
                background: url("../img/btn-android.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-android.png*/ );
                background: url("../img/btn-android.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-android.png*/ ) no-repeat center,url("../img/btn-android-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-android-h.png*/ ) no-repeat 1000px 1000px;
                margin-top: 4px
            }

                .full-bg .header .center .download .btn-android:hover {
                    background: url("../img/btn-android-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-android-h.png*/ )
                }

        .full-bg .header .center .new {
            z-index: 2;
            background-position: -646px -10px;
            position: relative;
            padding: 65px 8px 0 0;
            height: 105px;
            text-align: center;
            width: 216px
        }

            .full-bg .header .center .new .icon {
                background: url("../img/icon-new.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-new.png*/ ) no-repeat;
                position: absolute;
                width: 49px;
                height: 31px;
                top: 35px;
                left: 3px
            }

            .full-bg .header .center .new .swiper-container {
                height: 50px
            }

                .full-bg .header .center .new .swiper-container .swiper-wrapper, .full-bg .header .center .new .swiper-container .swiper-slide {
                    width: 100%;
                    height: 50px
                }

            .full-bg .header .center .new .date {
                text-align: center;
                line-height: 18px;
                height: 18px;
                margin: 0 0 3px
            }

            .full-bg .header .center .new .txt, .full-bg .header .center .new .tag {
                display: inline-block;
                vertical-align: middle
            }

            .full-bg .header .center .new .txt {
                font-size: 14px;
                color: #f0c44d
            }

            .full-bg .header .center .new .tag {
                background: #f0c44d;
                font-size: 14px;
                color: #303436;
                height: 18px;
                padding: 0 4px 0 3px;
                margin-left: 8px;
                font-style: normal
            }

            .full-bg .header .center .new .name {
                font-size: 14px;
                color: #e8e4e4;
                line-height: 28px
            }

.full-bg .main { /* margin-top:-22px; */
    padding-bottom: 80px
}

    .full-bg .main .wrapper {
        padding: 18px 0 0;
    }

.mod {
    margin: 0px 0 0px -2px;
    width: 1204px;
    position: relative
}

.sec {
    float: left;
    position: relative
}

.sec-half {
    padding: 0 34px
}

    .sec-half .tit {
        padding: 4px 0;
        margin-bottom: 10px
    }

    .sec-half .tab-hd {
        top: 2px
    }

.mod-news {
    z-index: 5
}

.sec-carousel {
    background: #2d2217;
    padding: 3px 4px 0;
    width: 599px;
    height: 341px
}

    .sec-carousel .cover {
        position: absolute;
        background: url("../img/lb-border.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/lb-border.png*/ ) no-repeat;
        pointer-events: none;
        z-index: 20
    }

    .sec-carousel .cover-t {
        top: 0;
        left: 0;
        width: 100%;
        height: 16px
    }

    .sec-carousel .cover-l, .sec-carousel .cover-r {
        width: 5px;
        height: 329px;
        bottom: 0
    }

    .sec-carousel .cover-l {
        background-position: left bottom;
        left: 0
    }

    .sec-carousel .cover-r {
        right: 0;
        background-position: right bottom
    }

    .sec-carousel .swiper-carousel {
        height: 296px
    }

        .sec-carousel .swiper-carousel a {
            display: block
        }

        .sec-carousel .swiper-carousel img {
            width: 600px;
            height: 296px
        }

        .sec-carousel .swiper-carousel .pagination {
            position: absolute;
            width: 100%;
            height: 25px;
            bottom: 0;
            left: 0;
            font-size: 0;
            text-align: center
        }

            .sec-carousel .swiper-carousel .pagination .swiper-pagination-switch {
                width: 12px;
                height: 12px;
                display: inline-block;
                background: #929292;
                border-radius: 50%;
                cursor: pointer
            }

                .sec-carousel .swiper-carousel .pagination .swiper-pagination-switch + .swiper-pagination-switch {
                    margin-left: 15px
                }

            .sec-carousel .swiper-carousel .pagination .swiper-active-switch {
                background: #c6a86c
            }

    .sec-carousel .tools {
        background: url("../img/tool-bg.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/tool-bg.jpg*/ ) no-repeat;
        height: 45px;
        white-space: nowrap
    }

        .sec-carousel .tools .btn {
            overflow: hidden;
            position: relative;
            width: 20%;
            line-height: 45px;
            height: 45px
        }

        .sec-carousel .tools .txt, .sec-carousel .tools .icon {
            position: relative;
            z-index: 2;
            vertical-align: middle;
            display: inline-block
        }

        .sec-carousel .tools .txt {
            font-size: 14px;
            color: #b0a79a;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

        .sec-carousel .tools .icon {
            margin-right: 3px;
            width: 18px;
            height: 18px;
            position: relative
        }

            .sec-carousel .tools .icon em {
                display: block;
                height: 100%;
                width: 100%;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s;
                background-position: center;
                background-repeat: no-repeat
            }

            .sec-carousel .tools .icon .f {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                filter: Alpha(Opacity=0)
            }

        .sec-carousel .tools .btn-rank .b {
            background-image: url("../img/icon-1.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-1.png*/ )
        }

        .sec-carousel .tools .btn-rank .f {
            background-image: url("../img/icon-1-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-1-h.png*/ )
        }

        .sec-carousel .tools .btn-server .b {
            background-image: url("../img/icon-2.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-2.png*/ )
        }

        .sec-carousel .tools .btn-server .f {
            background-image: url("../img/icon-2-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-2-h.png*/ )
        }

        .sec-carousel .tools .btn-data .b {
            background-image: url("../img/icon-3.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-3.png*/ )
        }

        .sec-carousel .tools .btn-data .f {
            background-image: url("../img/icon-3-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-3-h.png*/ )
        }

        .sec-carousel .tools .btn-guide .b {
            background-image: url("../img/icon-4.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-4.png*/ )
        }

        .sec-carousel .tools .btn-guide .f {
            background-image: url("../img/icon-4-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-4-h.png*/ )
        }

        .sec-carousel .tools .btn-welfare .b {
            background-image: url("../img/icon-5.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-5.png*/ )
        }

        .sec-carousel .tools .btn-welfare .f {
            background-image: url("../img/icon-5-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-5-h.png*/ )
        }

        .sec-carousel .tools .btn:hover {
            background: url("../img/tool-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/tool-h.png*/ )
        }

            .sec-carousel .tools .btn:hover .txt {
                color: #ffd973
            }

            .sec-carousel .tools .btn:hover .icon .b {
                opacity: 0;
                filter: Alpha(Opacity=0)
            }

            .sec-carousel .tools .btn:hover .icon .f {
                opacity: 1;
                filter: Alpha(Opacity=100)
            }

.sec-news {
    width: 529px;
    height: 343px;
    background: url("../img/news-bg.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/news-bg.jpg*/ ) no-repeat center top
}

    .sec-news .tab-hd {
        padding: 2px 0 0;
        margin: 0 34px -3px
    }

        .sec-news .tab-hd a + a {
            margin-left: 35px
        }

    .sec-news .swiper-slide {
        position: relative;
        overflow: visible
    }

        .sec-news .swiper-slide a {
            display: block
        }

    .sec-news .fixed-news {
        display: block;
        text-align: center;
        line-height: 44px;
        height: 45px
    }

        .sec-news .fixed-news h3 {
            max-width: 460px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            font-size: 20px;
            color: #f0c44d;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
            vertical-align: middle
        }

        .sec-news .fixed-news i {
            vertical-align: middle;
            display: inline-block;
            font-style: normal
        }

        .sec-news .fixed-news:hover h3 {
            color: #f5d274
        }

    .sec-news .top-news {
        background: url("../img/top-bg.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/top-bg.jpg*/ ) no-repeat center;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

        .sec-news .top-news .tag {
            background: url("../img/top-dec.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/top-dec.png*/ ) no-repeat center;
            width: 54px;
            color: #e8cc98
        }

        .sec-news .top-news:hover {
            filter: brightness(1.1)
        }

    .sec-news .sub-news {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0
    }

        .sec-news .sub-news h3 {
            font-size: 14px;
            max-width: 480px;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

        .sec-news .sub-news .arrow {
            width: 20px;
            height: 1px;
            position: relative;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
            background: #72644e
        }

            .sec-news .sub-news .arrow:after, .sec-news .sub-news .arrow:before {
                position: absolute;
                content: "";
                width: 12px;
                height: 1px;
                background: #72644e;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s;
                right: -2px
            }

            .sec-news .sub-news .arrow:after {
                -webkit-transform: rotate(-42deg);
                -moz-transform: rotate(-42deg);
                -ms-transform: rotate(-42deg);
                -o-transform: rotate(-42deg);
                transform: rotate(-42deg);
                top: 4px
            }

            .sec-news .sub-news .arrow:before {
                -webkit-transform: rotate(42deg);
                -moz-transform: rotate(42deg);
                -ms-transform: rotate(42deg);
                -o-transform: rotate(42deg);
                transform: rotate(42deg);
                bottom: 4px
            }

        .sec-news .sub-news:hover h3, .sec-news .sub-news:hover .arrow {
            -webkit-transform: translate(5px,0);
            -moz-transform: translate(5px,0);
            -ms-transform: translate(5px,0);
            -o-transform: translate(5px,0);
            transform: translate(5px,0)
        }

        .sec-news .sub-news:hover .arrow {
            filter: brightness(1.3)
        }

            .sec-news .sub-news:hover .arrow:after {
                -webkit-transform: translate(6px,0) rotate(-42deg);
                -moz-transform: translate(6px,0) rotate(-42deg);
                -ms-transform: translate(6px,0) rotate(-42deg);
                -o-transform: translate(6px,0) rotate(-42deg);
                transform: translate(6px,0) rotate(-42deg)
            }

            .sec-news .sub-news:hover .arrow:before {
                -webkit-transform: translate(6px,0) rotate(42deg);
                -moz-transform: translate(6px,0) rotate(42deg);
                -ms-transform: translate(6px,0) rotate(42deg);
                -o-transform: translate(6px,0) rotate(42deg);
                transform: translate(6px,0) rotate(42deg)
            }

    .sec-news .tab-bd-news {
        height: 196px
    }

.mod-data {
    z-index: 4;
    background: url("../img/sec-data-bg.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/sec-data-bg.jpg*/ ) no-repeat;
    height: 559px
}

.sec-data-link {
    padding: 26px 30px 0;
    font-size: 0;
    position: relative;
    z-index: 10
}

    .sec-data-link .cont {
        margin-left: -5px;
        width: 206px;
        font-size: 0
    }

    .sec-data-link .data-item {
        position: relative;
        padding-top: 20px;
        display: inline-block;
        vertical-align: top;
        width: 93px;
        height: 110px;
        background: url("../img/data-card.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/data-card.jpg*/ ) no-repeat center;
        margin: 0 5px 18px;
        overflow: hidden
    }

        .sec-data-link .data-item:after {
            background: #fff;
            content: "";
            height: 180px;
            left: -75px;
            opacity: .1;
            position: absolute;
            top: -80px;
            width: 30px;
            -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
            transform: rotate(35deg);
            z-index: 1
        }

        .sec-data-link .data-item i, .sec-data-link .data-item span {
            position: relative;
            z-index: 2;
            display: block;
            margin: 0 auto;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

        .sec-data-link .data-item i {
            background-repeat: no-repeat;
            background-position: center;
            height: 62px
        }

        .sec-data-link .data-item span {
            color: #e7c36f;
            text-align: center;
            font-size: 14px
        }

        .sec-data-link .data-item.data-item-1 i {
            background-image: url("../img/data-1.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/data-1.png*/ )
        }

        .sec-data-link .data-item.data-item-2 i {
            background-image: url("../img/data-2.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/data-2.png*/ )
        }

        .sec-data-link .data-item.data-item-3 i {
            background-image: url("../img/data-3.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/data-3.png*/ )
        }

        .sec-data-link .data-item.data-item-4 i {
            background-image: url("../img/data-4.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/data-4.png*/ )
        }

        .sec-data-link .data-item.data-item-5 i {
            background-image: url("../img/data-5.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/data-5.png*/ )
        }

        .sec-data-link .data-item.data-item-6 i {
            background-image: url("../img/data-6.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/data-6.png*/ )
        }

        .sec-data-link .data-item:hover:after {
            left: 120%;
            top: 30%;
            -webkit-transition: all 550ms cubic-bezier(0.19,1,.22,1);
            transition: all 550ms cubic-bezier(0.19,1,.22,1)
        }

        .sec-data-link .data-item:hover span {
            color: #f8eab4
        }

        .sec-data-link .data-item:hover i {
            -webkit-transform: translate(0,-6px);
            -moz-transform: translate(0,-6px);
            -ms-transform: translate(0,-6px);
            -o-transform: translate(0,-6px);
            transform: translate(0,-6px)
        }

.sec-data {
    height: 498px;
    position: relative;
    z-index: 9;
    width: 898px;
    padding: 30px 20px 0
}

    .sec-data .btn-more {
        margin: 0;
        width: 90px;
        height: 30px;
        line-height: 30px;
        font-size: 0;
        display: block;
        text-align: left
    }

        .sec-data .btn-more i, .sec-data .btn-more span {
            display: inline-block;
            vertical-align: middle
        }

        .sec-data .btn-more span {
            color: #d5d5d5;
            font-size: 14px;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

        .sec-data .btn-more i {
            margin-left: 2px;
            width: 20px;
            height: 20px;
            background: url("../img/icon-more-sm.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-more-sm.png*/ );
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

        .sec-data .btn-more:hover span {
            color: #fff
        }

        .sec-data .btn-more:hover i {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            filter: brightness(1.21)
        }

    .sec-data .tab-item {
        height: 475px
    }

        .sec-data .tab-item > .btn-more {
            z-index: 20;
            position: absolute;
            top: -60px;
            right: -15px
        }

        .sec-data .tab-item .swiper-slide .btn-more span {
            font-size: 16px;
            margin-right: 4px;
            margin-top: -2px
        }

    .sec-data .tab-hd {
        width: 400px;
        margin-left: -8px;
        color: #bbbab9;
        font-size: 16px;
        height: 30px;
        position: relative;
        z-index: 30
    }

        .sec-data .tab-hd a {
            cursor: default;
            color: #bbbab9;
            min-width: 66px;
            padding: 0 8px 2px;
            line-height: 30px
        }

            .sec-data .tab-hd a * {
                cursor: default
            }

            .sec-data .tab-hd a.active, .sec-data .tab-hd a:hover {
                color: #f0c44d
            }

            .sec-data .tab-hd a + a {
                margin-left: 0
            }

        .sec-data .tab-hd i {
            background: url("../img/tab-on-b.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/tab-on-b.png*/ ) no-repeat center
        }

    .sec-data .tab-bd {
        margin-top: 20px
    }

        .sec-data .tab-bd .tab-slide {
            height: 485px
        }

    .sec-data .swiper-cont {
        overflow: visible;
        width: 898px;
        top: -80px;
        height: 560px
    }

        .sec-data .swiper-cont .swiper-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            *visibility: visible;
            *display: none
        }

            .sec-data .swiper-cont .swiper-slide.swiper-slide-active {
                opacity: 1;
                visibility: visible;
                *display: block
            }

    .sec-data .loading {
        padding-top: 200px;
        font-size: 20px;
        color: #f8cf61;
        text-align: center
    }

    .sec-data .info {
        padding-top: 80px;
        position: relative;
        z-index: 3
    }

    .sec-data .name {
        font-size: 0
    }

        .sec-data .name .icon, .sec-data .name .txt {
            display: inline-block;
            vertical-align: middle
        }

        .sec-data .name .txt {
            margin-right: 2px;
            font-size: 40px;
            color: #f8cf61;
            background-image: -webkit-gradient(linear,left top,left bottom,from(#f8cf61),to(#f7de9e));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 700;
            line-height: 54px
        }

        .sec-data .name .icon {
            margin-left: 5px;
            width: 24px;
            height: 22px;
            background-position: center;
            background-repeat: no-repeat
        }

        .sec-data .name .icon-important {
            background-image: url("../img/icon-gt.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-gt.png*/ )
        }

        .sec-data .name .icon-new {
            background-image: url("../img/icon-new-p.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-new-p.png*/ )
        }

        .sec-data .name .icon-hot {
            background-image: url("../img/icon-hot.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-hot.png*/ )
        }

    .sec-data .dec {
        width: 425px;
        text-align: justify;
        line-height: 20px;
        font-size: 15px;
        color: #8f8a82
    }

    .sec-data .term {
        font-size: 0;
        margin: 20px 0
    }

        .sec-data .term span {
            line-height: 26px;
            width: 130px
        }

        .sec-data .term span, .sec-data .term i, .sec-data .term em {
            display: inline-block;
            vertical-align: middle
        }

        .sec-data .term i {
            width: 26px;
            height: 25px;
            margin-right: 3px;
            background-position: center;
            background-repeat: no-repeat
        }

        .sec-data .term em {
            font-size: 14px;
            font-style: normal;
            color: #bb9f67
        }

        .sec-data .term .equip i {
            background-image: url("../img/icon-j.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-j.png*/ )
        }

        .sec-data .term .attribute i {
            background-image: url("../img/icon-wl.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-wl.png*/ )
        }

        .sec-data .term .special {
            width: 205px
        }

            .sec-data .term .special i {
                background-image: url("../img/icon-yj.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-yj.png*/ )
            }

    .sec-data .video {
        display: block;
        width: 262px;
        height: 120px;
        position: relative;
        overflow: hidden
    }

        .sec-data .video i, .sec-data .video img {
            width: 100%;
            height: 100%
        }

        .sec-data .video i, .sec-data .video em {
            position: absolute
        }

        .sec-data .video i {
            top: 0;
            left: 0;
            background: url("../img/video-cover.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/video-cover.png*/ ) no-repeat center
        }

        .sec-data .video em, .sec-data .video img {
            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -o-transition: all .25s;
            transition: all .25s
        }

        .sec-data .video em {
            width: 32px;
            height: 39px;
            background: url("../img/icon-play.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-play.png*/ ) no-repeat;
            left: 50%;
            top: 50%;
            margin: -20px 0 0 -16px
        }

        .sec-data .video:hover img {
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
            transform: scale(1.05)
        }

        .sec-data .video:hover em {
            -webkit-transform: translate(6px,0);
            -moz-transform: translate(6px,0);
            -ms-transform: translate(6px,0);
            -o-transform: translate(6px,0);
            transform: translate(6px,0)
        }

    .sec-data .img {
        position: absolute;
        top: 0;
        right: -255px;
        z-index: 1
    }

    .sec-data .swiper-page {
        position: absolute;
        bottom: 20px;
        width: 100%;
        left: 0;
        text-align: center;
        height: 115px;
        z-index: 40
    }

    .sec-data .swiper-pagination-switch, .sec-data .page-item {
        padding-top: 34px;
        display: inline-block;
        width: 80px;
        position: relative;
        vertical-align: top;
        zoom: 0.9
    }

        .sec-data .swiper-pagination-switch span, .sec-data .page-item span {
            display: block
        }

        .sec-data .swiper-pagination-switch .thumb-box, .sec-data .page-item .thumb-box {
            position: relative;
            height: 52px;
            z-index: 3
        }

        .sec-data .swiper-pagination-switch .thumb, .sec-data .page-item .thumb {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 52px;
            height: 52px;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

        .sec-data .swiper-pagination-switch .thumb-normal, .sec-data .page-item .thumb-normal {
            width: 52px;
            height: 52px;
            margin: -26px 0 0 -26px
        }

        .sec-data .swiper-pagination-switch .thumb-on, .sec-data .page-item .thumb-on {
            opacity: 0;
            visibility: hidden;
            *visibility: visible;
            *display: none;
            width: 113px;
            height: 113px;
            margin: -57px 0 0 -57px
        }

        .sec-data .swiper-pagination-switch .txt, .sec-data .page-item .txt {
            padding: 5px;
            line-height: 16px;
            font-size: 14px;
            color: #ffe7a9
        }

        .sec-data .swiper-pagination-switch .line, .sec-data .page-item .line {
            display: none;
            background: #4d3c27;
            width: 30px;
            height: 1px;
            position: absolute;
            left: -15px;
            top: 60px;
            z-index: 1
        }

        .sec-data .swiper-pagination-switch .txt, .sec-data .page-item .txt {
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s
        }

        .sec-data .swiper-pagination-switch:hover .txt, .sec-data .page-item:hover .txt {
            text-shadow: 0 0 5px rgba(255,231,169,.68)
        }

        .sec-data .swiper-active-switch.swiper-pagination-switch, .sec-data .page-item.swiper-slide-active {
            padding-top: 0;
            margin-left: 15px;
            margin-right: 15px
        }

            .sec-data .swiper-active-switch.swiper-pagination-switch .thumb-box, .sec-data .page-item.swiper-slide-active .thumb-box {
                height: 113px
            }

            .sec-data .swiper-active-switch.swiper-pagination-switch .thumb-on, .sec-data .page-item.swiper-slide-active .thumb-on {
                opacity: 1;
                visibility: visible;
                *display: block
            }

            .sec-data .swiper-active-switch.swiper-pagination-switch .thumb-normal, .sec-data .page-item.swiper-slide-active .thumb-normal {
                opacity: 0;
                visibility: hidden;
                *visibility: visible;
                *display: none
            }

            .sec-data .swiper-active-switch.swiper-pagination-switch .txt, .sec-data .page-item.swiper-slide-active .txt {
                margin-top: -16px
            }

            .sec-data .swiper-active-switch.swiper-pagination-switch .line, .sec-data .page-item.swiper-slide-active .line {
                left: -33px
            }

            .sec-data .swiper-active-switch.swiper-pagination-switch:hover .thumb-box, .sec-data .swiper-active-switch.swiper-pagination-switch:hover .txt, .sec-data .page-item.swiper-slide-active:hover .thumb-box, .sec-data .page-item.swiper-slide-active:hover .txt {
                -webkit-transform: translate(0,0);
                -moz-transform: translate(0,0);
                -ms-transform: translate(0,0);
                -o-transform: translate(0,0);
                transform: translate(0,0)
            }

        .sec-data .swiper-pagination-switch + .swiper-pagination-switch .line {
            display: block
        }

    .sec-data .swiper-page.swiper-container-box {
        left: 50%;
        padding: 0 30px
    }

        .sec-data .swiper-page.swiper-container-box .swiper-slide {
            cursor: pointer
        }

            .sec-data .swiper-page.swiper-container-box .swiper-slide * {
                cursor: pointer
            }

        .sec-data .swiper-page.swiper-container-box .swiper-container {
            height: 100%;
            margin: 0 auto
        }

    .sec-data .arrow {
        position: absolute;
        width: 25px;
        height: 20px;
        top: 50%;
        margin-top: -10px;
        z-index: 40;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

        .sec-data .arrow.arrow-l {
            left: 0;
            background: url("../img/arrow-l.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/arrow-l.png*/ )
        }

            .sec-data .arrow.arrow-l:hover {
                -webkit-transform: translate(-5px,0);
                -moz-transform: translate(-5px,0);
                -ms-transform: translate(-5px,0);
                -o-transform: translate(-5px,0);
                transform: translate(-5px,0)
            }

        .sec-data .arrow.arrow-r {
            right: 0;
            background: url("../img/arrow-r.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/arrow-r.png*/ )
        }

            .sec-data .arrow.arrow-r:hover {
                -webkit-transform: translate(5px,0);
                -moz-transform: translate(5px,0);
                -ms-transform: translate(5px,0);
                -o-transform: translate(5px,0);
                transform: translate(5px,0)
            }

    .sec-data .date {
        font-size: 16px;
        color: #f7de9f;
        background: url("../img/date-border.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/date-border.png*/ );
        width: 174px;
        height: 31px;
        line-height: 31px;
        text-align: center
    }

    .sec-data .tab-item-profession .dec {
        margin: 20px 0 25px
    }

    .sec-data .tab-item-profession .term {
        margin-bottom: 30px
    }

    .sec-data .tab-item-pet .dec {
        width: 340px;
        margin: 50px 0 40px
    }

    .sec-data .tab-item-pet .swiper-page.double {
        margin-left: -405px;
        width: 750px
    }

        .sec-data .tab-item-pet .swiper-page.double .swiper-container {
            width: 750px
        }

        .sec-data .tab-item-pet .swiper-page.double .swiper-wrapper {
            margin-left: -15px
        }

    .sec-data .tab-item-pet .arrow {
        margin-top: -5px
    }

    .sec-data .tab-item-version .date {
        margin-top: 10px
    }

    .sec-data .tab-item-version .dec {
        width: 330px;
        margin-top: 40px;
        margin-bottom: 30px
    }

    .sec-data .tab-item-version .arrow {
        margin-top: -15px
    }

        .sec-data .tab-item-version .arrow.arrow-l {
            left: 10px
        }

        .sec-data .tab-item-version .arrow.arrow-r {
            right: 10px
        }

    .sec-data .tab-item-version .swiper-page {
        height: 80px;
        width: 818px;
        margin-left: -439px
    }

        .sec-data .tab-item-version .swiper-page .swiper-wrapper {
            margin-left: -18px
        }

        .sec-data .tab-item-version .swiper-page .swiper-container {
            width: 818px;
            height: 100%
        }

        .sec-data .tab-item-version .swiper-page .swiper-slide {
            position: relative;
            background: url("../img/version.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/version.png*/ ) no-repeat center;
            width: 276px;
            height: 52px;
            padding-top: 15px
        }

            .sec-data .tab-item-version .swiper-page .swiper-slide span {
                display: block;
                text-align: center
            }

            .sec-data .tab-item-version .swiper-page .swiper-slide .ver-name {
                font-size: 18px;
                color: #ffe7a9;
                line-height: 20px
            }

            .sec-data .tab-item-version .swiper-page .swiper-slide .ver-time {
                color: #a8a5a2;
                font-size: 14px
            }

            .sec-data .tab-item-version .swiper-page .swiper-slide .line {
                background: url("../img/version-line.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/version-line.png*/ );
                width: 11px;
                height: 70px;
                position: absolute;
                right: -5px;
                top: 50%;
                margin-top: -35px
            }

            .sec-data .tab-item-version .swiper-page .swiper-slide.swiper-slide-active {
                background: url("../img/version-on.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/version-on.png*/ ) no-repeat center
            }

                .sec-data .tab-item-version .swiper-page .swiper-slide.swiper-slide-active .ver-name {
                    color: #f2ca64;
                    font-size: 18px
                }

                .sec-data .tab-item-version .swiper-page .swiper-slide.swiper-slide-active .ver-time {
                    color: #fff;
                    font-size: 16px
                }

.mod-other {
    margin-bottom: 0
}

.sec-player, .sec-rank {
    background: url("../img/sec-1.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/sec-1.jpg*/ ) no-repeat;
    height: 430px;
    width: 1204px
}

.sec-help, .sec-player {
    margin-left: 20px
}

.sec-player {
}

    .sec-player .btn-more {
        top: -45px;
        right: 0
    }

    .sec-player .tab-bd {
        height: 200px
    }

    .sec-player .news-list {
        padding: 10px 0 0
    }

        .sec-player .news-list a {
            line-height: 35px;
            height: 35px
        }

.sec-rank .tit {
    margin-bottom: 10px
}

.sec-rank .tab-hd.ab.border {
    width: 330px;
    left: 190px
}

.sec-rank .tab-hd i {
    background: url("../img/tab-on-bb.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/tab-on-bb.png*/ ) no-repeat center
}

.sec-rank .tab-hd a {
    min-width: 90px;
    margin-right: 30px
}

    .sec-rank .tab-hd a + a {
        margin-left: 0
    }

.sec-rank .select-box {
    font-size: 0;
    margin-bottom: 10px;
    white-space: nowrap;
    height: 29px
}

.sec-rank .select {
    width: 86px;
    padding: 0 27px 0 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    color: #aba7a0;
    font-size: 14px;
    background: #1c110a;
    height: 27px;
    line-height: 27px;
    border: 1px solid #2f2416
}

    .sec-rank .select select {
        opacity: 0;
        filter: Alpha(Opacity=0);
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0
    }

    .sec-rank .select .arrow {
        position: absolute;
        height: 27px;
        width: 27px;
        right: 0;
        top: 0;
        background: #180d07 url("../img/select-arrow.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/select-arrow.png*/ ) no-repeat center
    }

    .sec-rank .select + .select {
        margin-left: 37px
    }

.sec-rank .select-game {
    width: 76px
}

.sec-rank .select-area {
    width: 183px
}

.sec-rank .select-server {
    width: 75px
}

.sec-rank .table {
    width: 525px
}

    .sec-rank .table td {
        line-height: 30px
    }

    .sec-rank .table .th-1 {
        width: 54px
    }

    .sec-rank .table .th-2 {
        width: 88px
    }

    .sec-rank .table .th-3 {
        width: 94px
    }

    .sec-rank .table .th-4 {
        width: 210px
    }

.sec-rank .tab-item-eudemon .th-3, .sec-rank .tab-item-eudemon .th-4 {
    width: 149px
}

.sec-rank .tab-item-flower .th-2 {
    width: 160px
}

.sec-rank .tab-item-flower .th-3, .sec-rank .tab-item-flower .th-4, .sec-rank .tab-item-flower .th-5 {
    width: 107px
}

.sec-help, .sec-vision {
    margin-top: 18px;
    background: url("../img/sec-2.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/sec-2.jpg*/ ) no-repeat;
    width: 524px;
    height: 396px
}

    .sec-help .tab-bd, .sec-vision .tab-bd {
        height: 320px
    }

    .sec-vision .btn-more {
        top: -45px;
        right: 0
    }

    .sec-vision .vision-list {
        padding-top: 10px;
        margin: 0 -12px
    }

        .sec-vision .vision-list li {
            margin: 0 12px 20px;
            float: left;
            position: relative;
            width: 250px;
            height: 140px
        }

        .sec-vision .vision-list a, .sec-vision .vision-list img {
            display: block;
            width: 100%;
            height: 100%
        }

        .sec-vision .vision-list .hover {
            background: url("../img/o-90.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/o-90.png*/ );
            position: absolute;
            font-size: 16px;
            color: #edcf87;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -o-transition: all .25s;
            transition: all .25s;
            opacity: 0;
            visibility: hidden;
            *visibility: visible;
            *display: none
        }

        .sec-vision .vision-list i {
            display: block;
            width: 100%;
            height: 100%;
            background: url("../img/version-border.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/version-border.png*/ ) no-repeat 5px center;
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -o-transition: all .25s;
            transition: all .25s
        }

        .sec-vision .vision-list em {
            text-align: center;
            font-style: normal;
            position: absolute;
            left: 3%;
            width: 94%;
            top: 50%;
            line-height: 24px;
            margin-top: -12px
        }

        .sec-vision .vision-list a:hover .hover {
            opacity: 1;
            visibility: visible;
            *display: block
        }

            .sec-vision .vision-list a:hover .hover i {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1)
            }

    .sec-help .tit {
        margin-bottom: 20px
    }

    .sec-help .help-item {
        float: left;
        padding: 36px 10px 0;
        width: 230px;
        height: 216px
    }

    .sec-help .help-self {
        background: url("../img/help-self.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/help-self.jpg*/ )
    }

        .sec-help .help-self .btn-box {
            margin: 40px -2px 0
        }

            .sec-help .help-self .btn-box a {
                margin: 0 2px 5px;
                width: 112px;
                height: 43px;
                background: rgba(32,15,0,0);
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s;
                position: relative;
                line-height: 43px
            }

            .sec-help .help-self .btn-box i {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background: url("../img/btn-help.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-help.png*/ )
            }

            .sec-help .help-self .btn-box span {
                position: relative;
                z-index: 2;
                font-size: 14px;
                color: #bb9f67
            }

            .sec-help .help-self .btn-box a:hover {
                background: rgba(32,15,0,.7);
                background: url("../img/o-70.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/o-70.png*/ )
            }

    .sec-help .help-online {
        margin-left: 22px;
        background: url("../img/help-online.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/help-online.jpg*/ )
    }

    .sec-help h4 {
        margin-left: -2px;
        font-size: 0
    }

        .sec-help h4 span, .sec-help h4 i {
            vertical-align: middle
        }

        .sec-help h4 span {
            color: #fbebd1;
            background-image: -webkit-gradient(linear,left top,left bottom,from(#fbebd1),to(#b8ab97));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            line-height: 40px;
            font-size: 30px
        }

        .sec-help h4 i {
            margin-left: 2px;
            display: inline-block;
            width: 11px;
            height: 11px;
            background: url("../img/icon-fk.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-fk.png*/ )
        }

    .sec-help .txt {
        padding-left: 2px;
        color: #c4b49d
    }

        .sec-help .txt.sm {
            line-height: 24px;
            font-size: 14px
        }

        .sec-help .txt.xs {
            font-size: 13px;
            line-height: 18px
        }

    .sec-help a.sm.txt:hover {
        color: #fbebd1
    }

    .sec-help .phone {
        margin: 3px 0 5px;
        padding: 0 0 3px;
        line-height: 24px;
        font-size: 20px;
        color: #e6d9c5;
        border-bottom: 1px solid #fff;
        border-color: rgba(255,255,255,.2)
    }

        .sec-help .phone b {
            display: block;
            font-weight: 400;
            color: #e6d9c5;
            font-size: 24px;
            line-height: 28px
        }

    .sec-help .bottom {
        position: relative;
        z-index: 10;
        background: url("../img/help-btm.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/help-btm.jpg*/ ) no-repeat center;
        width: 550px;
        height: 66px;
        padding: 0 0 0 40px;
        font-size: 0;
        margin: 10px 0 0 -33px;
        line-height: 66px
    }

        .sec-help .bottom .link {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 135px;
            vertical-align: middle
        }

        .sec-help .bottom span, .sec-help .bottom i {
            display: inline-block;
            vertical-align: middle
        }

        .sec-help .bottom i {
            margin-right: 5px;
            width: 24px;
            height: 26px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../img/icon-baidu-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-baidu-h.png*/ ),url("../img/icon-bbs-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-bbs-h.png*/ )
        }

        .sec-help .bottom span {
            font-size: 14px;
            color: #8f8a82
        }

        .sec-help .bottom a.link:hover i {
            -webkit-animation: jump 1s;
            -o-animation: jump 1s;
            -moz-animation: jump 1s;
            animation: jump 1s
        }

        .sec-help .bottom a.link:hover span {
            color: #bb9f67
        }

        .sec-help .bottom .link-channel {
            margin-left: 30px
        }

            .sec-help .bottom .link-channel i {
                width: 32px;
                height: 21px;
                background-image: url("../img/icon-channel.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-channel.png*/ )
            }

        .sec-help .bottom .link-baidu i {
            background-image: url("../img/icon-baidu.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-baidu.png*/ )
        }

        .sec-help .bottom .link-baidu:hover i {
            background-image: url("../img/icon-baidu-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-baidu-h.png*/ )
        }

        .sec-help .bottom .link-bbs i {
            background-image: url("../img/icon-bbs.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-bbs.png*/ )
        }

        .sec-help .bottom .link-bbs:hover i {
            background-image: url("../img/icon-bbs-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-bbs-h.png*/ )
        }

        .sec-help .bottom .link-qq {
            width: 105px
        }

            .sec-help .bottom .link-qq i {
                background-image: url("../img/icon-qq.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-qq.png*/ )
            }

        .sec-help .bottom .qq-group {
            height: 54px;
            padding: 6px 0;
            line-height: 22px
        }

            .sec-help .bottom .qq-group li {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                position: relative
            }

            .sec-help .bottom .qq-group a {
                margin: 0 3px 4px;
                width: 58px;
                height: 22px;
                border: 1px solid #8f8a82;
                font-size: 13px;
                color: #8f8a82;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s
            }

                .sec-help .bottom .qq-group a:hover {
                    color: #bb9f67;
                    border-color: #bb9f67
                }

                    .sec-help .bottom .qq-group a:hover + .hover {
                        opacity: 1;
                        visibility: visible;
                        *display: block
                    }

            .sec-help .bottom .qq-group .hover {
                opacity: 0;
                visibility: hidden;
                *visibility: visible;
                *display: none;
                margin-bottom: 10px;
                margin-left: -55px;
                width: 110px;
                height: 110px;
                background: #fff;
                position: absolute;
                bottom: 100%;
                left: 50%;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s
            }

                .sec-help .bottom .qq-group .hover img {
                    display: block;
                    width: 100%;
                    height: 100%
                }

                .sec-help .bottom .qq-group .hover i {
                    bottom: -6px;
                    position: absolute;
                    left: 50%;
                    height: 0;
                    width: 0;
                    margin-left: -3px;
                    border-top: 6px solid #fff;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent
                }

        .sec-help .bottom .channel {
            width: 135px;
            height: 34px;
            padding: 15px 0;
            position: relative
        }

            .sec-help .bottom .channel .swiper-container {
                height: 100%;
                width: 110px;
                margin: 0 auto;
                text-align: center
            }

            .sec-help .bottom .channel a, .sec-help .bottom .channel img {
                display: block;
                height: 100%;
                width: 109px
            }

            .sec-help .bottom .channel .arrow-right, .sec-help .bottom .channel .arrow-left {
                position: absolute;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                height: 0;
                top: 50%;
                width: 0;
                margin-top: -4px
            }

            .sec-help .bottom .channel .arrow-right {
                border-left: 8px solid #8f8a82;
                right: 0
            }

            .sec-help .bottom .channel .arrow-left {
                left: 0;
                border-right: 8px solid #8f8a82
            }

.fixed-code {
    background: url("../img/fixed-code.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/fixed-code.png*/ ) no-repeat center;
    width: 148px;
    height: 263px;
    padding: 45px 14px 0 20px;
    position: fixed;
    left: 50%;
    margin-left: 610px;
    z-index: 100;
    top: 100px;
    opacity: 0;
    visibility: hidden;
    *visibility: visible;
    *display: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    transform: translate(100%,0)
}

    .fixed-code.show {
        opacity: 1;
        visibility: visible;
        *display: block;
        -webkit-transition: transform .3s ease-in,opacity .3s ease-in;
        -moz-transition: transform .3s ease-in,opacity .3s ease-in;
        -o-transition: transform .3s ease-in,opacity .3s ease-in;
        transition: transform .3s ease-in,opacity .3s ease-in;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0)
    }

    .fixed-code.min {
        left: auto;
        margin-left: 0;
        right: 0
    }

    .fixed-code .txt {
        text-align: right;
        color: #fff;
        font-size: 16px;
        line-height: 22px
    }

    .fixed-code .img {
        width: 136px;
        height: 136px;
        margin: 8px auto;
        display: block
    }

.mod-boutique .sec {
    border: 1px solid #504332;
    border-top: 0
}

.mod-boutique .tab-bd {
    height: 280px
}

.mod-boutique li a {
    color: #d7bf99
}

    .mod-boutique li a:hover .txt {
        color: #ffefc4
    }

.mod-boutique .view {
    color: #eb8c2f
}

.mod-boutique .time {
    display: none
}

.mod-boutique .time, .mod-boutique .view {
    line-height: 24px;
    font-size: 14px;
    visibility: hidden;
}

.mod-boutique .img {
    border: 3px solid;
    border-image: url("../img/data-card.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/data-card.jpg*/ ) 3
}

.sec-break {
    width: 522px;
    background: #3c3229 url("../img/sec-break.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/sec-break.png*/ ) no-repeat center top
}

    .sec-break .tab-bd li {
        padding: 12px 0 13px 175px;
        position: relative
    }

    .sec-break li + li {
        border-top: 1px solid #706963
    }

    .sec-break .img {
        width: 155px;
        height: 100px;
        position: absolute;
        top: 15px;
        left: 0
    }

    .sec-break .info {
        font-size: 0;
        white-space: nowrap;
        overflow: hidden;
        visibility: hidden;
    }

    .sec-break .time {
        width: 158px;
        display: none
    }

    .sec-break .view {
        text-align: right;
        display: block
    }

    .sec-break .txt {
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 0;
        height: 28px;
        line-height: 28px
    }

    .sec-break .desc {
        color: #8f8a82;
        line-height: 22px;
        text-align: justify;
        overflow: hidden;
        height: 62px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }

.sec-girl {
    margin-left: 19px;
    margin-left: 18.5px;
    background: #3c3229 url("../img/sec-gril.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/sec-gril.png*/ ) no-repeat center top;
    width: 522px
}

    .sec-girl .tab-hd {
        padding-left: 30px
    }

        .sec-girl .tab-hd a + a {
            margin-left: 70px
        }

    .sec-girl ul {
        font-size: 0;
        width: 565px;
        padding-top: 20px;
    }

    .sec-girl li {
        width: 160px;
        font-size: 18px;
        display: inline-block;
        vertical-align: top;
        padding: 2px 0 0
    }

        .sec-girl li + li {
            margin-left: 20px
        }

    .sec-girl .img {
        position: relative;
        height: 180px;
        margin-bottom: 5px
    }

        .sec-girl .img:before {
            top: 0;
            left: 0;
            background: rgba(0,0,0,.2);
            width: 100%;
            height: 100%
        }

        .sec-girl .img::before, .sec-girl .img::after {
            content: '';
            position: absolute
        }

        .sec-girl .img::after {
            width: 32px;
            height: 39px;
            background: url("../img/icon-play.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-play.png*/ ) no-repeat;
            left: 50%;
            top: 50%;
            margin: -20px 0 0 -16px
        }

    .sec-girl .txt {
        display: -webkit-box;
        height: 40px;
        line-height: 20px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

.bg1 .header .wrapper {
    height: 1359px
}

.bg1 .header, .bg1 .header .wrapper {
    background: url("../../../../img7.99.com/mykd/img/2017/04/05/hf/sub-bg-v85.jpg" /*tpa=https://img7.99.com/mykd/img/2017/04/05/hf/sub-bg-v85.jpg*/ ) no-repeat center top
}

    .bg1 .header + .cont, .bg1 .header + .wrapper {
        position: relative;
        margin-top: -808px;
        z-index: 5
    }

.bg1 .pagetitle {
    /*height: 25px;*/
    background: #2f1b0a;
    padding: 10px 20px
}

    .bg1 .pagetitle .crumbs {
        color: #b38c6b;
        font-size: 20px
    }

        .bg1 .pagetitle .crumbs a {
            color: #b38c6b
        }

        /*.bg1 .pagetitle .crumbs:before {
            content: '';
            background: url("../img/icon-home.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-home.png*/ );
            width: 15px;
            height: 14px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 15px
        }*/

.bg1 .footer {
    margin-top: 65px
}

.side-bar {
    width: 335px;
    float: left;
    position: relative
}

    .side-bar .download {
        background: url("../img/side-bar-download.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/side-bar-download.png*/ ) no-repeat center top;
        padding: 13px 0 0 152px;
        height: 172px
    }

        .side-bar .download .code, .side-bar .download .txt {
            left: 12px
        }

        .side-bar .download .txt {
            top: 12px;
            width: 132px;
            text-align: center
        }

        .side-bar .download .code {
            top: 32px
        }

            .side-bar .download .code img {
                width: 128px;
                height: 128px
            }

        .side-bar .download .btn {
            margin-left: 0
        }

        .side-bar .download .btn-ios, .side-bar .download .btn-android {
            width: 169px;
            height: 55px
        }

        .side-bar .download .btn-ios {
            background: url("../img/btn-ios-s.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-ios-s.png*/ );
            background: url("../img/btn-ios-s.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-ios-s.png*/ ) no-repeat center,url("../img/btn-ios-s-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-ios-s-h.png*/ ) no-repeat 1000px 1000px
        }

            .side-bar .download .btn-ios:hover {
                background: url("../img/btn-ios-s-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-ios-s-h.png*/ )
            }

        .side-bar .download .btn-android {
            background: url("../img/btn-android-s.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-android-s.png*/ );
            background: url("../img/btn-android-s.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-android-s.png*/ ) no-repeat center,url("../img/btn-android-s-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-android-s-h.png*/ ) no-repeat 1000px 1000px;
            margin-top: 4px
        }

            .side-bar .download .btn-android:hover {
                background: url("../img/btn-android-s-h.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-android-s-h.png*/ )
            }

        .side-bar .download .btn-with-arrow {
            margin-top: 6px;
            background: url("../img/btn-new-border-s.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-new-border-s.png*/ ) no-repeat;
            width: 170px;
            height: 33px
        }

    .side-bar .common {
        margin-top: 10px;
        background: url("../img/common-bar.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/common-bar.png*/ ) no-repeat top center;
        height: 604px
    }

    .side-bar .tit {
        padding-left: 17px;
        line-height: 50px;
        margin: 0
    }

    .side-bar .common-list {
        padding: 0 15px
    }

        .side-bar .common-list span, .side-bar .common-list i {
            display: inline-block;
            vertical-align: middle
        }

        .side-bar .common-list dt {
            padding: 15px 0 8px;
            text-align: center
        }

            .side-bar .common-list dt i {
                background: url("../img/icon-rect.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-rect.png*/ );
                width: 10px;
                height: 10px;
                margin-right: 10px
            }

            .side-bar .common-list dt span {
                line-height: 30px;
                font-size: 22px;
                color: #fbebd1;
                background-image: -webkit-gradient(linear,left top,left bottom,from(#fbebd1),to(#b2a591));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent
            }

                .side-bar .common-list dt span + i {
                    margin-left: 10px;
                    margin-right: 0
                }

        .side-bar .common-list dd {
            font-size: 0
        }

        .side-bar .common-list a {
            padding-left: 30px;
            display: inline-block;
            width: 120px;
            line-height: 30px;
            height: 30px;
            margin-bottom: 5px
        }

            .side-bar .common-list a i {
                margin-right: 5px;
                width: 0;
                height: 0;
                border-left: 5px solid #f1c54e;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent
            }

            .side-bar .common-list a span {
                font-size: 15px;
                color: #bb9f67
            }

            .side-bar .common-list a:hover span {
                color: #f1c54e
            }

            .side-bar .common-list a:hover i, .side-bar .common-list a:hover span {
                -webkit-transform: translate(5px,0);
                -moz-transform: translate(5px,0);
                -ms-transform: translate(5px,0);
                -o-transform: translate(5px,0);
                transform: translate(5px,0);
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s
            }

            .side-bar .common-list a:hover i {
                -webkit-transition-delay: .1s;
                -moz-transition-delay: .1s;
                -o-transition-delay: .1s;
                transition-delay: .1s
            }

        .side-bar .common-list dd + dt {
            border-top: 1px solid #574331
        }

        .side-bar .common-list .offical-wechat {
            margin-top: 2px;
            position: relative;
            padding: 8px 0 0 155px
        }

            .side-bar .common-list .offical-wechat .img {
                top: 0;
                left: 50px;
                position: absolute;
                width: 92px;
                height: 92px
            }

            .side-bar .common-list .offical-wechat p {
                line-height: 24px;
                font-size: 15px;
                color: #8f8a82
            }

            .side-bar .common-list .offical-wechat .name {
                color: #fec
            }

    .side-bar .act {
        margin-top: 10px;
        height: 120px
    }

.sub .main {
    float: left;
    width: 855px;
    background: #fff;
    margin-left: 10px
}

    .sub .main a:hover {
        text-decoration: underline
    }

.sub .side-bar ~ .main {
    min-height: 830px
}

.side-bar-fixed .side-bar {
    position: fixed;
    top: 0;
    float: none;
    margin: 0
}

.side-bar-fixed .main {
    float: none;
    margin-left: 345px
}

.sub-btn-top {
    position: fixed;
    right: 50%;
    margin-right: -690px;
    bottom: 10px;
    z-index: 200;
    background: url("../img/btn-top.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-top.png*/ ) no-repeat;
    font-size: 12px;
    width: 89px;
    height: 45px;
    opacity: 0;
    visibility: hidden;
    *visibility: visible;
    *display: none
}

    .sub-btn-top.show {
        opacity: 1;
        visibility: visible;
        *display: block
    }

#article {
    display: none
}

.content {
    padding: 20px
}

.mod-info-ti {
    height: 40px;
    line-height: 40px
}

    .mod-info-ti li {
        float: left;
        width: 25%;
        height: 45px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        font-size: 20px;
        border-bottom: 6px solid #e9e9e9
    }

        .mod-info-ti li.on {
            color: #b49273;
            border-bottom: 6px solid #b49273
        }

.page_list_con ul {
    padding-top: 30px
}

.page_list_con li {
    font-size: 16px;
    color: #000;
    height: 25px;
    line-height: 25px;
    padding: 5px 0;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

    .page_list_con li:before {
        content: "";
        background: url("../img/biao.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/biao.png*/ ) no-repeat;
        width: 19px;
        height: 22px;
        position: absolute;
        left: -15px;
        top: 7px;
        opacity: 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

    .page_list_con li a {
        color: #202020;
        margin-left: 5px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        width: 450px;
        vertical-align: top;
        *vertical-align: middle;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

    .page_list_con li:hover {
        color: #9a8351;
        padding-left: 6px
    }

        .page_list_con li:hover a {
            color: #9a8351
        }

        .page_list_con li:hover:hover:before {
            opacity: 1
        }

    .page_list_con li .time {
        float: right;
        margin-left: 10px
    }

.num_list {
    text-align: center;
    padding: 25px
}

.main .num_list a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    background: #9a8351;
    color: #fff;
    margin: 0 3px;
    font-size: 14px;
    text-decoration: none
}

    .main .num_list a:hover {
        background: #bb9f67;
        text-decoration: none
    }

.num_list span {
    padding: 0 5px
}

.num_list input {
    display: inline-block;
    height: 20px;
    padding: 2px 5px;
    line-height: 20px;
    border: 1px solid #9a8351;
    *vertical-align: middle
}

.viewpage .viewtit {
    padding: 20px 0;
    border-bottom: 1px dashed #e1e1e1
}

    .viewpage .viewtit h2 {
        color: #000;
        font-size: 30px;
        line-height: 40px;
        font-weight: 700;
        text-align: center;
        padding-bottom: 10px
    }

    .viewpage .viewtit .info {
        text-align: center;
        color: #7b7b7b;
        font-size: 16px;
        /*width: 160px;*/
        overflow: hidden;
        white-space: nowrap;
        margin: 0 auto;
    }

        .viewpage .viewtit .info span {
            margin: 0 20px 0 5px;
            display: inline-block
        }

.viewpage .viewcon {
    padding: 10px 35px
}

    .viewpage .viewcon .share {
        text-align: center;
        font-size: 12px;
        padding-top: 0;
        padding-bottom: 10px
    }

#guide .viewpage .viewcon .share {
    padding-left: 400px
}

.viewpage .viewcon .share img {
    width: 22px;
    vertical-align: middle
}

.viewpage .viewcon .share a {
    margin: 0 2px
}

.viewpage .viewcon .share .jiathis_style_24x24 {
    float: right
}

.viewpage .viewcon .share .jiathis_txt {
    font-size: 12px
}

.viewcon .share .jtico_jiathis {
    position: relative;
    top: -3px
}

.viewpage .viewcon .txt {
    color: #202020;
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
    overflow-x: auto
}

    .viewpage .viewcon .txt img {
        margin: 10px 0;
        max-width: 600px;
        _width: expression(document.body.clientWidth > 600? "600px" : "auto")
    }

    .viewpage .viewcon .txt a, .viewpage .viewcon .txt strong {
        color: red
    }

.sed_tab {
    margin: 0 auto 5px
}

    .sed_tab td {
        padding: 5px;
        border: 1px dashed #818181
    }

        .sed_tab td p {
            text-indent: 0
        }

#connectInfo, #news .viewcon .txt {
    width: 600px;
    margin: 0 auto
}

#connectInfo {
    padding-top: 40px
}

#news .viewcon h3 {
    background: url("../../../../img9.99.com/mykd/img/2017/05/11/h3-bg.png" /*tpa=https://img9.99.com/mykd/img/2017/05/11/h3-bg.png*/ ) no-repeat;
    width: 560px;
    height: 33px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 33px;
    padding: 0 20px;
    color: #fae8c5;
    font-size: 16px;
    text-shadow: 0 0 3px rgba(0,0,0,.7);
    font-weight: 700;
    margin: 8px auto
}

.tool_bot {
    padding: 20px 0;
    font-size: 13px;
    line-height: 24px
}

.bottom_writer {
    text-align: right
}

.bug {
    border-bottom: 1px solid #6e6e6e;
    text-align: right;
    padding-bottom: 5px;
    margin-bottom: 10px
}

#guide .viewcon p {
    word-break: break-all;
    text-indent: 2em
}

#guide .viewcon table p, #guide .sed_tab p {
    text-indent: 0
}

#guide .viewcon table {
    table-layout: fixed;
    word-break: break-all;
    margin: 0 auto
}

#guide .viewcon td, #guide .viewcon th {
    vertical-align: middle;
    padding: 4px
}

#guide .viewcon table img {
    max-width: 100%
}

.result-sp li {
    float: left;
    width: 285px;
    height: 178px;
    overflow: hidden;
    padding: 10px;
    position: relative
}

    .result-sp li a {
        display: block;
        width: 285px;
        height: 178px;
        background: #000;
        margin: 0
    }

        .result-sp li a img {
            opacity: .7;
            filter: alpha(opacity=70);
            width: 285px;
            height: 178px
        }

        .result-sp li a:hover img, .result-sp li a:hover .sp-title {
            opacity: 1;
            filter: alpha(opacity=100)
        }

.icon-play {
    background: url("../../../../img9.99.com/mykd/images/version/v3/sub/play-icon.png" /*tpa=https://img9.99.com/mykd/images/version/v3/sub/play-icon.png*/ ) no-repeat;
    width: 45px;
    height: 44px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px;
    display: block
}

.result-yh .sp-title, .result-yh .icon-play, .result-bz .sp-title, .result-bz .icon-play {
    display: none
}

.result-sp li a:hover {
    text-decoration: none
}

.downloadpage {
    padding-top: 70px
}

.d-android, .d-app, .d-ios {
    display: block;
    width: 280px;
    height: 75px;
    margin-bottom: 13px;
    background: url("../img/btn-down.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-down.jpg*/ ) no-repeat
}

    .d-android:hover {
        background-position: -280px 0
    }

.d-app {
    background-position: 0 -75px
}

    .d-app:hover {
        background-position: -280px -75px
    }

.d-ios {
    background-position: 0 -150px
}

    .d-ios:hover {
        background-position: -280px -150px
    }

.btn-downs {
    border-bottom: 1px solid #7b7b7b;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #7b7b7b;
    font-size: 16px;
    padding-left: 100px
}

    .btn-downs li {
        float: left;
        padding: 0 19px
    }

        .btn-downs li p {
            text-indent: 2em
        }

.download-ti {
    height: 120px;
    margin-top: 80px;
    padding-left: 120px
}

    .download-ti li {
        float: left;
        width: 232px;
        height: 120px;
        position: relative;
        cursor: pointer
    }

        .download-ti li.on {
            border: 1px dashed #555453;
            border-bottom: 1px solid #fff;
            background: #fff
        }

.d-icon1 {
    display: block;
    width: 92px;
    height: 91px;
    background: #fff url("../img/d-icon.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/d-icon.png*/ ) no-repeat 0 -6px;
    position: absolute;
    left: 50%;
    margin-left: -46px;
    top: -40px
}

.download-ti li strong {
    display: block;
    text-align: center;
    font-size: 18px;
    padding-top: 70px;
    color: #beb6a1
}

.d-icon2 {
    display: block;
    width: 59px;
    height: 87px;
    background: #fff url("../img/d-icon.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/d-icon.png*/ ) no-repeat -248px -8px;
    position: absolute;
    left: 50%;
    margin-left: -28px;
    top: -37px
}

.d-icon3 {
    display: block;
    width: 95px;
    height: 94px;
    background: #fff url("../img/d-icon.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/d-icon.png*/ ) no-repeat -463px 0;
    position: absolute;
    left: 50%;
    margin-left: -48px;
    top: -37px
}

.d-icon4 {
    display: block;
    width: 111px;
    height: 94px;
    background: #fff url("../img/d-icon.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/d-icon.png*/ ) no-repeat -684px -1px;
    position: absolute;
    left: 50%;
    margin-left: -56px;
    top: -37px
}

.download-cont {
    border: 1px dashed #555453;
    padding: 20px
}

    .download-cont p {
        padding: 5px 20px
    }

    .download-cont a {
        color: red !important
    }

.downloadpage .rule {
    padding: 20px 30px
}

    .downloadpage .rule p {
        padding-left: 25px;
        line-height: 18px;
        padding-bottom: 12px;
        font-size: 14px
    }

        .downloadpage .rule p span {
            width: 18px;
            height: 18px;
            text-align: center;
            line-height: 18px;
            color: #a6a6a6;
            background: #19191a;
            float: left;
            border-radius: 18px;
            margin-left: -25px
        }

            .downloadpage .rule p span.yel {
                background: #e7c94e;
                color: #1c1c1c
            }

.back-top {
    position: fixed;
    right: 50%;
    margin-right: -601px;
    bottom: 10px;
    z-index: 200;
    display: none
}

.back-show {
    display: block
}

#download .back-top {
    margin-right: -701px
}

.sub-stsy .main {
    width: 1102px;
    margin-left: 50px
}

    .sub-stsy .main .content {
        padding: 20px 0 0 80px
    }

.sp-tj {
    width: 915px;
    height: 364px;
    margin: 30px 0;
    background: #4d4d4d
}

.sp-tj-list {
    float: right;
    width: 265px;
    height: 364px;
    overflow-y: auto;
    overflow-x: hidden
}

    .sp-tj-list dd {
        height: 80px;
        border-bottom: 1px solid #646464;
        padding: 5px;
        color: #fff;
        line-height: 20px;
        font-size: 11px;
        cursor: pointer
    }

        .sp-tj-list dd img {
            width: 109px;
            height: 81px;
            float: left;
            margin-right: 5px
        }

        .sp-tj-list dd strong {
            color: #cfcfcf;
            font-size: 14px;
            white-space: nowrap;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .sp-tj-list dd span {
            color: #c1baaa
        }

        .sp-tj-list dd.on img {
            border: 2px solid #c9a350;
            width: 105px;
            height: 79px
        }

.sp-tj .video-box {
    float: left;
    width: 649px;
    height: 364px;
    color: #fff !important
}

    .sp-tj .video-box a {
        line-height: 30px;
        color: #fff;
        text-decoration: underline
    }

.sub-download .main {
    width: 1190px
}

.info_ti, .d_cont dt {
    font-size: 16px;
    padding: 5px 0 5px 20px;
    font-weight: 700;
    margin: 5px 0;
    border-bottom: 1px solid
}

.info_list dt {
    float: left;
    width: 90px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    margin-right: 5px
}

.info_list dl {
    padding: 10px 0 10px 20px
}

.info_list dt.dt_green {
    background: #333434;
    color: #c1baac
}

.info_list dt.dt_blue {
    background: #333434;
    color: #c1baac
}

.info_list dd {
    float: left;
    width: 550px;
    line-height: 35px;
    font-size:16px;
}

    .info_list dd a {
        margin: 0 5px
    }

#yxh .bg2 {
    background: url("../img/bg-yxh.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/bg-yxh.jpg*/ ) center top no-repeat;
    padding-bottom: 0
}

#yxh .header, #yxh .header .wrapper {
    background: 0 0
}

.side-gl {
    border: 1px solid #e5e2d9;
    background: #fff;
    padding: 10px;
    margin-bottom: 8px
}

    .side-gl dt {
        border-bottom: 1px solid #e5e2d9;
        color: #ae956b;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        position: relative;
        font-weight: 700
    }

.side-more {
    background: url("../img/side-more.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/side-more.jpg*/ ) no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 10px
}

.side-gl dd {
    padding-top: 10px;
    height: 80px;
    overflow: hidden
}

    .side-gl dd table {
        width: 100%;
        white-space: nowrap
    }

    .side-gl dd td {
        padding: 2px
    }

    .side-gl dd a {
        display: block;
        width: 208px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

#yxh .pagetitle {
    display: none
}

#yxh .content {
    padding: 0
}

#yxh .mod-info-ti {
    height: 66px
}

.box-st {
    float: left;
    width: 40%;
    height: 55px;
    border-bottom: 6px solid #e9e9e9;
    padding-top: 5px
}

.btn-st {
    display: block;
    background: url("../img/btn-st.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-st.png*/ ) no-repeat;
    width: 280px;
    height: 51px
}

    .btn-st:hover {
        background-position: 0 -51px
    }

#yxh .mod-info-ti {
    font-size: 0
}

    #yxh .mod-info-ti ul {
        width: 60%;
        float: left;
        border-bottom: 6px solid #e9e9e9;
        *display: inline;
        *zoom: 1;
        height: 60px
    }

    #yxh .mod-info-ti li {
        float: left;
        width: 33%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 20px;
        border-bottom: 6px solid #e9e9e9
    }

        #yxh .mod-info-ti li.on {
            border-bottom: 6px solid #b49273
        }

            #yxh .mod-info-ti li.on a, #yxh .mod-info-ti li.on span {
                color: #b49273
            }

        #yxh .mod-info-ti li a, #yxh .mod-info-ti li span {
            color: #7b7b7b;
            display: block;
            height: 60px
        }

        #yxh .mod-info-ti li span {
            cursor: default
        }

    #yxh .mod-info-ti a:hover {
        text-decoration: none
    }

#yxh .icon-play {
    display: none
}

.yxh-cont {
    padding: 20px
}

    .yxh-cont ul {
        min-height: 1055px
    }

    .yxh-cont li {
        float: left;
        padding: 10px 18px;
        width: 225px
    }

        .yxh-cont li a {
            display: block
        }

        .yxh-cont li img {
            display: block;
            width: 225px;
            height: 133px
        }

    .yxh-cont .sp-title {
        background: 0 0;
        display: block;
        width: 100%;
        color: #000;
        text-align: center
    }

#yxh-kind {
    display: none
}

#yxh .viewtit {
    margin: 20px 20px 0
}

#yxh .viewcon img {
    max-width: 600px
}

#yxh .viewcon {
    min-height: 977px
}

#yxh-img {
    text-align: center
}

#yxh-detail {
    width: 518px;
    height: 154px;
    background: url("../img/yxh-txt-bg.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/yxh-txt-bg.jpg*/ ) no-repeat;
    margin: 8px auto;
    color: #fff;
    font-size: 18px;
    padding-top: 30px;
    overflow: auto
}

    #yxh-detail p {
        padding: 0 50px 16px 200px
    }

    #yxh-detail strong {
        color: #d5c174;
        float: left;
        width: 200px;
        text-align: right;
        margin-left: -200px
    }

#mod-yxh .title-box {
    position: inherit
}

#yxh-cont .more {
    top: 0;
    margin-top: -40px
}

#yxh .bg1 {
    background: #1e0f0c
}

#topBigVideo {
    position: absolute;
    width: 1920px;
    height: 1056px;
    left: 50%;
    top: 0;
    margin-left: -960px
}

    #topBigVideo video {
        width: 1920px;
        height: 1056px
    }

#yxh #topBigVideo {
    display: none !important
}

#topBigVideo:after {
    content: "";
    width: 1364px;
    height: 526px;
    background: url("../img/h-layer.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/h-layer.png*/ ) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -693px;
    bottom: -124px;
    display: none
}

#index #topBigVideo:after {
    display: block
}

#index #topBigVideo {
    display: none !important
}

#index .mod-lev1 {
    position: relative;
    z-index: 10000
}

#index .main-bot {
    padding-top: 50px
}

#index .mod-lunbo {
    top: 69px
}

#index .tab-news {
    margin: 79px 0 0 30px
}

#download {
    background: #f0f2f4
}

    #download .bg1 {
        background: 0 0
    }

    #download .bg2 {
        background: url("../img/bg-download.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/bg-download.jpg*/ ) center 0 no-repeat
    }

    #download .nav-cont a {
        font-size: 24px
    }

    #download .logo {
        top: 21px;
        margin-left: -28px
    }

    #download .header {
        height: 190px;
        overflow: hidden;
        margin-top: 0;
        background: 0 0
    }

        #download .header .wrapper {
            background: 0 0
        }

    #download .main {
        width: 1042px;
        background: url("../img/main-bg.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/main-bg.png*/ ) repeat;
        margin-left: 65px
    }

    #download .header + .wrapper {
        margin-top: 0
    }

.download-side {
    float: left;
    background: url("../img/side-bg.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/side-bg.jpg*/ ) no-repeat;
    width: 244px
}

    .download-side .pagetitle {
        background: 0 0;
        padding: 136px 0 0;
        height: 110px;
        text-align: center
    }

        .download-side .pagetitle .crumbs {
            padding: 0;
            color: #ffeec1
        }

            .download-side .pagetitle .crumbs:before {
                display: none
            }

            .download-side .pagetitle .crumbs a {
                color: #ffeec1
            }

        .download-side .pagetitle, .download-side .pagetitle a {
            color: #ffeec1
        }

.download-ewm {
    width: 133px;
    margin: 0 auto 150px;
    padding-left: 8px
}

    .download-ewm img {
        width: 100%
    }

.download-gm {
    color: #725301;
    background: url("../img/icon-gm.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-gm.png*/ ) no-repeat 0 2px;
    margin-left: 10px;
    padding-left: 90px;
    padding-right: 15px
}

    .download-gm h3 {
        font-size: 20px;
        font-weight: 700;
        height: 26px;
        line-height: 22px
    }

    .download-gm a {
        display: block;
        border: 1px solid #725301;
        height: 23px;
        line-height: 23px;
        color: #725301;
        margin-top: 2px;
        text-align: center
    }

        .download-gm a i {
            display: inline-block;
            width: 17px;
            height: 17px;
            background: url("../img/icon-qq.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-qq.png*/ ) no-repeat;
            vertical-align: middle;
            margin-right: 8px;
            line-height: 17px;
            margin-top: -2px
        }

.download-gm-ti {
    background: #482a03;
    height: 1px;
    line-height: 1px;
    position: relative;
    text-align: center;
    margin: 0 5px 35px
}

    .download-gm-ti span {
        background: #fff;
        padding: 0 20px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        vertical-align: middle;
        margin-top: -12px
    }

.gm-time {
    text-align: center;
    padding-top: 16px
}

#download .pagebg {
    float: left;
    width: 731px;
    border-left: 1px solid #dadada;
    padding: 40px 33px
}

.download-title {
    background: url("../img/ti-line.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/ti-line.png*/ ) left bottom repeat-x;
    padding-bottom: 8px;
    margin-bottom: 16px;
    color: #000;
    font-size: 30px;
    line-height: 40px
}

#download .downloadpage, #download .content {
    padding: 0
}

.download-title strong {
    background: url("../img/ti-bg.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/ti-bg.png*/ ) left center no-repeat;
    padding-left: 28px
}

.download-title span {
    color: #cfcfcf;
    border-left: 1px solid #cfcfcf;
    padding-left: 14px;
    margin-left: 14px;
    font-size: 18px;
    text-transform: uppercase
}

.d-android, .d-app, .d-ios {
    background: url("../../../../img5.99.com/mykd/img/2018/03/26/download/d-btn.png" /*tpa=https://img5.99.com/mykd/img/2018/03/26/download/d-btn.png*/ ) no-repeat;
    width: 204px;
    height: 60px
}

    .d-android:Hover {
        background-position: -204px 0
    }

.d-app {
    background-position: 0 -60px
}

.d-ios {
    background-position: 0 -120px
}

.d-app:Hover {
    background-position: -204px -60px
}

.d-ios:Hover {
    background-position: -204px -120px
}

.btn-downs {
    border-bottom: 0;
    margin: 0;
    padding: 0
}

    .btn-downs li {
        padding: 0 15px
    }

        .btn-downs li p {
            background: url("../img/icon.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon.png*/ ) no-repeat left center;
            padding-left: 20px;
            text-indent: 0;
            color: #725402;
            margin-bottom: 5px
        }

        .btn-downs li span {
            color: #cc8a00
        }

.download-btn-tip {
    display: inline-block;
    color: #fff;
    background: url("../img/btn-tip.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/btn-tip.png*/ ) no-repeat;
    width: 45%;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    margin: 0 15px
}

.sub .main .download-btn-tip:hover {
    background-position: 0 -43px;
    text-decoration: none
}

.download-btn-box {
    text-align: center;
    padding: 20px 0 30px
}

.download-yq p {
    background: url("../img/icon.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon.png*/ ) no-repeat left center;
    padding-left: 20px;
    font-size: 16px;
    color: #000;
    margin-bottom: 5px
}

    .download-yq p strong {
        color: #725301;
        padding: 0 5px
    }

    .download-yq p span {
        color: #725301;
        font-size: 13px
    }

.download-yq {
    padding-bottom: 30px
}

.download-recommend {
    padding-top: 5px
}

    .download-recommend a {
        display: inline-block;
        width: 171px;
        height: 99px;
        overflow: hidden;
        margin: 0 3px
    }

        .download-recommend a:hover img {
            transform: scale(1.02);
            opacity: .9;
            filter: alpha(opacity=90)
        }

.mod-lev3 {
    display: none
}

#index .main-bot {
    height: 2430px
}

#news #result5 li {
    font-size: 0
}

    #news #result5 li::after {
        content: "[\65b0\95fb]";
        float: left;
        font-size: 16px
    }

    #news #result5 li a, #news #result5 li span {
        font-size: 16px
    }

.kdsp_con {
    padding: 20px 10px
}

    .kdsp_con ul {
        margin-left: -3px;
        min-height: 1055px;
        overflow: hidden;
    }

        .kdsp_con ul li a:hover {
            text-decoration: none !important
        }

    .kdsp_con li {
        float: left;
        padding: 10px 12px;
        width: 175px
    }

        .kdsp_con li a {
            display: block
        }

    .kdsp_con .time {
        display: none
    }

    .kdsp_con .view {
        color: #eb8c2f
    }

    .kdsp_con li .img {
        display: block;
        width: 175px;
        height: 204px
    }

    .kdsp_con .txt {
        display: -webkit-box;
        height: 52px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

.sub-article-video .video-cont {
    margin-top: 20px;
    width: 600px;
    height: 336px
}

    .sub-article-video .video-cont video {
        width: 100%;
        height: 100%
    }

.pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    visibility: hidden;
    *visibility: visible;
    *display: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    .pop .pop-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0;
        filter: Alpha(Opacity=0);
        -webkit-transition: all .2s .2s;
        -moz-transition: all .2s .2s;
        -o-transition: all .2s .2s;
        transition: all .2s .2s;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px)
    }

    .pop .pop-main {
        border: 1px solid #846f42;
        position: absolute;
        left: 50%;
        top: 50%;
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background: #000
    }

    .pop.show {
        z-index: 999;
        visibility: visible;
        *display: block
    }

        .pop.show .pop-main {
            -webkit-transition-delay: .5s;
            -moz-transition-delay: .5s;
            -o-transition-delay: .5s;
            transition-delay: .5s;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        .pop.show .pop-bg {
            -webkit-transition-delay: 0;
            -moz-transition-delay: 0;
            -o-transition-delay: 0;
            transition-delay: 0;
            opacity: .8;
            filter: Alpha(Opacity=80)
        }

    .pop .pop-close {
        position: absolute;
        width: 40px;
        height: 40px;
        right: -41px;
        top: -1px;
        background: #2b2b2b;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

        .pop .pop-close i {
            display: block;
            width: 100%;
            height: 100%;
            background: url("../img/pop-close.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/pop-close.png*/ ) no-repeat center;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        .pop .pop-close:hover {
            background-color: #3b3b3b
        }

            .pop .pop-close:hover i {
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg)
            }

.pop-video .pop-main {
    width: 998px;
    height: 560px;
    margin: -280px 0 0 -500px
}

.pop-video .video-box {
    width: 100%;
    overflow: hidden;
    height: 100%
}

    .pop-video .video-box embed {
        width: 100%;
        height: 100%
    }

.pop-video iframe {
    width: 1004px;
    height: 610px
}

.pop-tips .pop-main {
    width: 500px;
    height: 200px;
    margin: -100px 0 0 -250px
}

.pop-tips p {
    padding: 70px 30px 0;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 34px;
    color: #cb9d39
}

.header .center {
    opacity: 0;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-transform: translate(0,20px);
    -moz-transform: translate(0,20px);
    -ms-transform: translate(0,20px);
    -o-transform: translate(0,20px);
    transform: translate(0,20px)
}

.header .btn-gift, .header .new {
    opacity: 0;
    -webkit-transition: all .25s .2s;
    -moz-transition: all .25s .2s;
    -o-transition: all .25s .2s;
    transition: all .25s .2s
}

.header .btn-gift {
    -webkit-transform: translate(220px,0);
    -moz-transform: translate(220px,0);
    -ms-transform: translate(220px,0);
    -o-transform: translate(220px,0);
    transform: translate(220px,0)
}

.header .new {
    -webkit-transform: translate(-220px,0);
    -moz-transform: translate(-220px,0);
    -ms-transform: translate(-220px,0);
    -o-transform: translate(-220px,0);
    transform: translate(-220px,0)
}

.header.ani .center, .header.ani .btn-gift, .header.ani .new {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.sec-half, .mod {
    -webkit-transform: translate(0,300px);
    -moz-transform: translate(0,300px);
    -ms-transform: translate(0,300px);
    -o-transform: translate(0,300px);
    transform: translate(0,300px);
    opacity: 0
}

    .sec-half.ani, .mod.ani {
        opacity: 1;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

.sec-delay.ani {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.sec-data .tab-item .swiper-slide .date, .sec-data .tab-item .swiper-slide .btn-more, .sec-data .tab-item .swiper-slide .name, .sec-data .tab-item .swiper-slide .dec, .sec-data .tab-item .swiper-slide .term, .sec-data .tab-item .swiper-slide .video {
    -webkit-transform: translate(0,50px);
    -moz-transform: translate(0,50px);
    -ms-transform: translate(0,50px);
    -o-transform: translate(0,50px);
    transform: translate(0,50px);
    opacity: 0
}

.sec-data .tab-item .swiper-slide .img {
    -webkit-transform: translate(100px,0);
    -moz-transform: translate(100px,0);
    -ms-transform: translate(100px,0);
    -o-transform: translate(100px,0);
    transform: translate(100px,0);
    opacity: 0
}

.mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .btn-more, .mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .date, .mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .img, .mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .name, .mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .dec, .mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .term, .mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .video {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .dec {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .term {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .btn-more, .mod-data.ani .tab-item.active .swiper-slide.swiper-slide-active .video {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.mod-data.ani .tab-item-version.active .swiper-slide.swiper-slide-active .dec {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.mod-data.ani .tab-item-version.active .swiper-slide.swiper-slide-active .date {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

@-webkit-keyframes qrcode {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(0,120px,0);
        -moz-transform: translate3d(0,120px,0);
        -ms-transform: translate3d(0,120px,0);
        -o-transform: translate3d(0,120px,0);
        transform: translate3d(0,120px,0)
    }
}

@-moz-keyframes qrcode {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(0,120px,0);
        -moz-transform: translate3d(0,120px,0);
        -ms-transform: translate3d(0,120px,0);
        -o-transform: translate3d(0,120px,0);
        transform: translate3d(0,120px,0)
    }
}

@-o-keyframes qrcode {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(0,120px,0);
        -moz-transform: translate3d(0,120px,0);
        -ms-transform: translate3d(0,120px,0);
        -o-transform: translate3d(0,120px,0);
        transform: translate3d(0,120px,0)
    }
}

@keyframes qrcode {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(0,120px,0);
        -moz-transform: translate3d(0,120px,0);
        -ms-transform: translate3d(0,120px,0);
        -o-transform: translate3d(0,120px,0);
        transform: translate3d(0,120px,0)
    }
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(0.8);
        transform: translateY(5px) scaleX(1.2) scaleY(0.8)
    }

    30% {
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)
    }

    50% {
        -webkit-transform: translateY(0) scale(1) rotateZ(0);
        transform: translateY(0) scale(1) rotateZ(0)
    }

    55% {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);
        transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0)
    }

    70% {
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0)
    }

    85% {
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);
        transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@-moz-keyframes jump {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(0.8);
        transform: translateY(5px) scaleX(1.2) scaleY(0.8)
    }

    30% {
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)
    }

    50% {
        -webkit-transform: translateY(0) scale(1) rotateZ(0);
        transform: translateY(0) scale(1) rotateZ(0)
    }

    55% {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);
        transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0)
    }

    70% {
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0)
    }

    85% {
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);
        transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@-o-keyframes jump {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(0.8);
        transform: translateY(5px) scaleX(1.2) scaleY(0.8)
    }

    30% {
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)
    }

    50% {
        -webkit-transform: translateY(0) scale(1) rotateZ(0);
        transform: translateY(0) scale(1) rotateZ(0)
    }

    55% {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);
        transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0)
    }

    70% {
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0)
    }

    85% {
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);
        transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        -webkit-transform: translateY(5px) scaleX(1.2) scaleY(0.8);
        transform: translateY(5px) scaleX(1.2) scaleY(0.8)
    }

    30% {
        -webkit-transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);
        transform: translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)
    }

    50% {
        -webkit-transform: translateY(0) scale(1) rotateZ(0);
        transform: translateY(0) scale(1) rotateZ(0)
    }

    55% {
        -webkit-transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0);
        transform: translateY(0) scaleX(1.1) scaleY(0.9) rotateZ(0)
    }

    70% {
        -webkit-transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);
        transform: translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)
    }

    80% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0);
        transform: translateY(0) scaleX(1) scaleY(1) rotateZ(0)
    }

    85% {
        -webkit-transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0);
        transform: translateY(0) scaleX(1.05) scaleY(0.95) rotateZ(0)
    }

    100% {
        -webkit-transform: translateY(0) scaleX(1) scaleY(1);
        transform: translateY(0) scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes plus {
    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-moz-keyframes plus {
    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-o-keyframes plus {
    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes plus {
    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.ie-7 .low-browser, .ie-8 .low-browser, .ie-9 .low-browser {
    display: block
}

    .ie-7 .low-browser ~ .full-bg, .ie-8 .low-browser ~ .full-bg, .ie-9 .low-browser ~ .full-bg {
        padding-top: 50px
    }

.ie-7 .sec-data .swiper-cont, .ie-8 .sec-data .swiper-cont, .ie-9 .sec-data .swiper-cont {
    overflow: hidden
}

.ie-7, .ie-8 {
}

    .ie-7 .sec-news .sub-news:hover h3, .ie-8 .sec-news .sub-news:hover h3 {
        color: #e8ca76
    }

    .ie-7 .sec-news .sub-news .arrow, .ie-8 .sec-news .sub-news .arrow {
        background: url("../img/icon-arrow.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/icon-arrow.png*/ ) no-repeat;
        width: 22px;
        height: 14px
    }

        .ie-7 .sec-news .sub-news .arrow:after, .ie-7 .sec-news .sub-news .arrow:before, .ie-8 .sec-news .sub-news .arrow:after, .ie-8 .sec-news .sub-news .arrow:before {
            display: none
        }

    .ie-7 .tab-bd .tab-item, .ie-8 .tab-bd .tab-item {
        display: none
    }

        .ie-7 .tab-bd .tab-item.active, .ie-8 .tab-bd .tab-item.active {
            display: block
        }

    .ie-7 .news-list {
        color: #8f8a82;
        list-style: inside square;
        padding-left: 5px
    }

/* 头图换肤 start 权重更高 */
.index .full-bg .header, .index .full-bg .header .wrapper {
    background: url("../img/mainbg-pc.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/mainbg-pc.jpg*/ ) no-repeat center bottom;
}

    .index .full-bg .header .wrapper {
        background: none;
    }

.full-bg .header .slogan-link {
    left: 190px;
    width: 770px;
    height: 340px;
    top: 130px;
    display: none
}

.sub .bg1 .header, .sub .bg1 .header .wrapper {
    background: url("../img/mainbg-pc-sub.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/mainbg-pc-sub.jpg*/ ) no-repeat center 0;
    height: 1399px;
}

.full-bg .header .wrapper {
    padding-top: 588px;
}

.full-bg .header .center {
    position: relative;
    top: 10px;
}

.bg1, body.index {
    background: #523f45;
}

/* .index .full-bg .header .wrapper::after,.sub .bg1 .header .wrapper::after{content:"";background: url(https://zydown.99.com/gw/mykd/ydy/v28/ti-gw.png) no-repeat;width: 620px;height: 110px;position: absolute;left: 50%;top: 110px;z-index: 2;margin-left: -330px;}
#yxh.sub .bg1 .header .wrapper::after{display: none;} */
/* 默认背景图为index-main.jpg */
.full-bg .main, .full-bg .main .wrapper {
    background: url("../img/index-main-yx.jpg" /*tpa=http://qh.2qn.net/templates/cn2014/img/index-main-yx.jpg*/ ) no-repeat center 0
}

/* .index .full-bg .header::after{content:"";background: url(https://zydown.99.com/gw/mykd/ydy/v22/pc/sub-ti.png) center no-repeat;width: 100%;height: 44px;position: absolute;left: -23px;top: 418px;z-index: 2;} */
#download .logo {
    margin-left: -56px;
}

/* 头图换肤 end */

/*231012新增搜索*/
.sec-news .sub-news.fixed-news {
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 10px;
}

    .sec-news .sub-news.fixed-news h3 {
        max-width: 300px;
    }

#modSearch {
    width: 253px;
    height: 33px;
    line-height: 33px;
    background-color: #fff;
    position: absolute;
    padding-right: 35px;
    right: 5px;
    top: 6px;
}

.index #modNews #modSearch {
    bottom: 5px;
    top: auto;
    width: 185px;
}

#modSearchKey {
    background: none;
    border: 0;
    width: 90%;
    height: 100%;
    padding: 0 5px;
    display: block;
}

#modSearchBtn {
    width: 35px;
    background: #2e1c08 url("../img/s2.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/s2.png*/ ) center no-repeat;
    line-height: 999px;
    overflow: hidden;
    font-size: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.index #modNews #modSearch #modSearchBtn {
    background: #f1c44d url("../img/s1.png" /*tpa=http://qh.2qn.net/templates/cn2014/img/s1.png*/ ) center no-repeat;
}

.pagetitle {
    position: relative;
}
/*20240319模板底部资讯列表*/
#connectInfo .time {
    float: right;
    color: #202020;
}

    #connectInfo .time::before {
        content: "[";
    }

    #connectInfo .time::after {
        content: "]";
    }

#news .viewcon #connectInfo .txt {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 500px;
    text-overflow: ellipsis;
    width: auto;
    line-height: 1;
}

    #news .viewcon #connectInfo .txt:hover {
        text-decoration: underline;
    }