@charset "UTF-8";

body {
    color: #333;
    overflow-x: hidden;
    font: 14px/1.4286 "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

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

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, dd {
    margin: 0;
}

h4, h5, h6 {
    font-size: 1em;
}

ul, ol {
    padding-left: 0;
    list-style-type: none;
}

i, em {
    font-style: normal;
}

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

    a:hover {
        color: #358ff0;
    }

input[placeholder], [placeholder], *[placeholder] {
    color: #999999;
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}

.auto {
    margin-left: auto;
    margin-right: auto;
}

.ellipsis, .idx-zxxt-c .m-ad-img .title, .idx-zxxt-c .m-ad-img .txt, .idx-aztj .aztj-hot, .m-side-col .tag-link, .m-side-zjbb .zjbb-list .item-title, .m-art-dl .art-dl-az-info .info .txt, .m-art-dl .item, .m-news-list .news-info .title, .m-soft-recom .soft-info .name, .s-theme-art .m-rank .item-info .theme-name, .s-soft-art .m-excellent .art-right .title .txt, .m-soft-release .release-list .item, .m-soft-dl-list .item-title, .m-side-version .name, .m-soft-line .name, .m-recom-large .img .title, .m-recom-large .cover .title, .m-feature-topic .title, .m-az-sort-list .item .title, .m-soft-show .title, .m-soft-show-large .title, .m-img-title-cov .title, .m-zt-recom .item .title, .m-az-zt-banner .info .title, .m-az-zt-banner .layer .overlay .title, .m-az-zt-list .info .title, .m-zt-img-title .title, .m-theme-list .name, .page-release .soft-info .file-cover, .s-theme-idx .m-rank .item-info .theme-name, .m-theme-img-title .title, .m-android-art .c-detail .item, .m-android-art .c-recom-list .recom-list .item .txt, .m-android-art .c-about-recom .name .txt, .m-android-art .c-rank .rank-list .name, .m-android-art .c-zt-coll .coll-list .item .txt, .m-dnpz-recom .large .item-info .title, .m-dnpz-recom .list .g-recom-item .title, .m-hot-m-game .title, .m-hot-m-game .name, .m-hot-m-game .txt, .m-guide-pagination .g-dot-list .item, .m-new-game-recom .title, .m-new-game-recom .txt, .m-daily-recom .title, .m-daily-recom .desc, .m-img-group .c-slider .txt, .m-tag-cate .c-slider .title .txt, .m-tag-cate .col-2 .txt, .m-mg-guide .a-recom .info .title, .m-mg-guide .a-recom .info .desc, .m-cov-title-slider .title .txt, .m-app-ranks .m-rank .item-name, .m-ios-sort-list .title, .m-ios-zjbb .txt, .m-icon-txt-tab .col-1 .txt, .m-app-accordion .info .txt, .m-ios-new-recom .title, .m-ios-game-main .col-r .card .name, .m-ios-game-main .col-r .new-recom .name, .m-ios-game-recom .col-1 .item .title, .m-ios-game-recom .large .title, .m-ios-game-recom .large .desc, .m-ios-game-coll .title .txt, .m-icon-apps .title, .m-icon-apps .desc, .m-game-video .title .text, .m-ios-guide-list .title, .m-course-zt-list .title, .m-course-zt-recom .title, .m-course-zt-recom .txt, .m-soft-modal .name, .m-news-main .col-l .slide .tit, .m-news-main .col-l .list .li, .m-guide-main .col-2 .title .txt, .m-mg-coll-slider .title .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bg-gray {
    background: #ededeb;
}

.bg-gray-2 {
    background: #f5f6f8;
}

.bg-white {
    background: #fff;
}

.border-e6 {
    border: 1px solid #e6e6e6;
}

.c-gray-1 {
    color: #b1b1b1;
}

.c-red-1 {
    color: #fd0000;
}

.c-666 {
    color: #666;
}

.c-999 {
    color: #999;
}

.c-g-blue {
    color: #358ff0;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.fix {
    *zoom: 1;
}

    .fix:after {
        display: table;
        content: '';
    }

    .fix:after, .fix:before {
        clear: both;
    }

.ta-l {
    text-align: left;
}

.ta-c {
    text-align: center;
}

.ta-r {
    text-align: right;
}

.ovh {
    overflow: hidden;
}

.pr {
    position: relative;
}

.pb10 {
    padding-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt38 {
    margin-top: 38px;
}

.mt40 {
    margin-top: 40px;
}

.mt48 {
    margin-top: 48px;
}

.mt50 {
    margin-top: 50px;
}

.mb4 {
    margin-bottom: 4px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb8 {
    margin-bottom: 8px;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin-bottom: 10px;
}

.mb13 {
    margin-bottom: 13px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb17 {
    margin-bottom: 17px;
}

.mb18 {
    margin-bottom: 18px;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb32 {
    margin-bottom: 32px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f19 {
    font-size: 19px;
}

.f20 {
    font-size: 20px;
}

.f21 {
    font-size: 21px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.dib, .topbar .topbar-nav, .sub-navbar .title .txt, .sub-navbar .title .u-b, .m-eval .progress, .m-eval .count, .s-soft-art .art-detail .btn-dl, .g-az-title .u-left, .g-az-title .u-right, .g-az-title .txt, .g-az-title .bb, .g-input-page, .m-soft-show-large .m-soft-share, .page-course-idx .m-large-link .item, .s-course-idx .cell-1 .thumbs .tmb, .page-release .soft-info .textarea, .zelect, .m-guide-share .bdsharebuttonbox, .m-daily-recom .thumb li, .m-ios-zjbb .item, .m-icon-txt-tab .col-1 .item, .m-news-list-tab .item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.db {
    display: block;
}

.vat {
    vertical-align: top;
}

.vam {
    vertical-align: middle;
}

.vab {
    vertical-align: baseline;
}

.wrap {
    width: 1400px;
}

.ui-bg {
    background-image: url(../images/ui_img/sp_1.png);
    background-repeat: no-repeat;
}

.g-title {
    border-bottom: 2px solid #358ff0;
    margin-bottom: 26px;
}

    .g-title.b-2 {
        border-bottom: 2px solid #ededed;
    }

    .g-title .title-txt {
        margin-top: -4px;
        line-height: 30px;
        padding-bottom: 12px;
        font-size: 22px;
        float: left;
        width: 210px;
        margin-right: 9px;
    }

    .g-title .more {
        font-size: 16px;
        margin-top: 3px;
        font-weight: normal;
        color: #999;
        cursor: pointer;
    }

        .g-title .more:hover {
            color: #358ff0;
        }

    .g-title .more-tabs {
        margin-top: 3px;
    }

        .g-title .more-tabs .item {
            display: none;
            font-size: 16px;
            font-weight: normal;
            color: #999;
            cursor: pointer;
        }

            .g-title .more-tabs .item:hover {
                color: #358ff0;
            }

.g-tab {
    float: left;
    text-align: center;
    font-size: 14px;
}

    .g-tab .tab-item {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        position: relative;
        cursor: pointer;
        line-height: 25px;
    }

        .g-tab .tab-item.cur, .g-tab .tab-item:hover {
            color: #358ff0;
        }

            .g-tab .tab-item.cur .bot-arrow {
                display: block;
            }

        .g-tab .tab-item .bot-arrow {
            position: absolute;
            width: 16px;
            height: 8px;
            left: 50%;
            background-position: -166px -19px;
            display: none;
        }

    .g-tab.sty-1 .bot-arrow {
        margin-left: -8px;
        bottom: -21px;
    }

    .g-tab.sty-2 .bot-arrow {
        margin-left: 4px;
        bottom: -19px;
    }

    .g-tab.sty-2 .tab-item {
        line-height: 27px;
        padding-right: 3px;
    }

        .g-tab.sty-2 .tab-item + .tab-item {
            padding-left: 28px;
            background-image: url(../images/ui_img/sp_1.png);
            background-position: -150px -30px;
            background-repeat: no-repeat;
        }

        .g-tab.sty-2 .tab-item:first-child .bot-arrow {
            margin-left: -10px;
        }

.g-star {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/ui_img/sp_1.png);
    background-repeat: no-repeat;
}

    .g-star.sty-1 {
        width: 111px;
        height: 14px;
    }

        .g-star.sty-1.star-0 {
            background-position: -120px 0;
        }

        .g-star.sty-1.star-1 {
            background-position: -96px 0;
        }

        .g-star.sty-1.star-2 {
            background-position: -72px 0;
        }

        .g-star.sty-1.star-3 {
            background-position: -48px 0;
        }

        .g-star.sty-1.star-4 {
            background-position: -24px 0;
        }

        .g-star.sty-1.star-5 {
            background-position: 0 0;
        }

    .g-star.sty-2 {
        width: 69px;
        height: 12px;
    }

        .g-star.sty-2.star-0 {
            background-position: -70px -14px;
        }

        .g-star.sty-2.star-1 {
            background-position: -56px -14px;
        }

        .g-star.sty-2.star-2 {
            background-position: -42px -14px;
        }

        .g-star.sty-2.star-3 {
            background-position: -28px -14px;
        }

        .g-star.sty-2.star-4 {
            background-position: -14px -14px;
        }

        .g-star.sty-2.star-5 {
            background-position: 0 -14px;
        }

    .g-star.sty-3 {
        width: 100px;
        height: 12px;
    }

        .g-star.sty-3.star-0 {
            background-position: -108px -67px;
        }

        .g-star.sty-3.star-1 {
            background-position: -86px -67px;
        }

        .g-star.sty-3.star-2 {
            background-position: -64px -67px;
        }

        .g-star.sty-3.star-3 {
            background-position: -43px -67px;
        }

        .g-star.sty-3.star-4 {
            background-position: -22px -67px;
        }

        .g-star.sty-3.star-5 {
            background-position: 0 -67px;
        }

    .g-star.sty-4 {
        width: 130px;
        height: 16px;
        background-image: url(../images/ui_img/sp_3.png);
    }

        .g-star.sty-4.star-0 {
            background-position: -140px -127px;
        }

        .g-star.sty-4.star-1 {
            background-position: -112px -127px;
        }

        .g-star.sty-4.star-2 {
            background-position: -84px -127px;
        }

        .g-star.sty-4.star-3 {
            background-position: -56px -127px;
        }

        .g-star.sty-4.star-4 {
            background-position: -28px -127px;
        }

        .g-star.sty-4.star-5 {
            background-position: 0 -127px;
        }

    .g-star.sty-5 {
        width: 94px;
        height: 14px;
        background-image: url(../images/ui_img/sp_1.png);
    }

        .g-star.sty-5.star-0 {
            background-position: -99px -525px;
        }

        .g-star.sty-5.star-1 {
            background-position: -79px -525px;
        }

        .g-star.sty-5.star-2 {
            background-position: -59px -525px;
        }

        .g-star.sty-5.star-3 {
            background-position: -40px -525px;
        }

        .g-star.sty-5.star-4 {
            background-position: -20px -525px;
        }

        .g-star.sty-5.star-5 {
            background-position: 0 -525px;
        }

    .g-star.sty-6 {
        width: 60px;
        height: 12px;
        background-image: url(../images/ui_img/sp_1.png);
    }

        .g-star.sty-6.star-0 {
            background-position: -60px -545px;
        }

        .g-star.sty-6.star-1 {
            background-position: -48px -545px;
        }

        .g-star.sty-6.star-2 {
            background-position: -36px -545px;
        }

        .g-star.sty-6.star-3 {
            background-position: -24px -545px;
        }

        .g-star.sty-6.star-4 {
            background-position: -12px -545px;
        }

        .g-star.sty-6.star-5 {
            background-position: 0 -545px;
        }

.ui-facet {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    position: absolute;
    left: 0;
    z-index: 2;
}

.g-sort-num {
    background: #c7c7c7;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
}

    .g-sort-num.top {
        background: #ff6b66;
    }

    .g-sort-num.second {
        background: #ff8652;
    }

    .g-sort-num.third {
        background: #ffa742;
    }

.g-list-a {
    display: inline-block;
    max-width: 87%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.g-time.hot {
    color: #fa4e57;
}

.c-cur-pos {
    color: #666; 
    line-height: 30px;
    padding: 5px; 
    font-size: 14px;
    position: relative;
    width: 1400px;
    margin: 0 auto;
}

    .c-cur-pos span {
        font-size: 12px;
    }

    .c-cur-pos .pos-txt {
        color: #999;
        font-size: 12px;
    }

    .c-cur-pos .pos-link {
        color: #666;
        font-size: 12px;
    }

        .c-cur-pos .pos-link:hover {
            color: #358ff0;
        }

    .c-cur-pos .pos-arrow {
        display: inline-block;
        position: relative;
        *top: 2px;
        vertical-align: middle;
        width: 6px;
        height: 12px;
        margin: 0 5px;
        background: -227px -91px url(../images/ui_img/sp_1.png) no-repeat;
    }




.mainBody {
    position: relative;
    background: #fff;
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.c-hd {
    position: relative;
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-bottom: 2px solid #ddd;
}
    .c-hd h3 {
        float: left;
        height: 46px;
        background: #fff;
        padding-right: 4px;
        margin-bottom: -2px;
        position: relative;
    }
        .c-hd h3 span {
            display: block;
            float: left;
            height: 43px;
            border-bottom: 3px solid #1e89e0;
            font-size: 20px;
            font-weight: 700;
            padding: 0 4px;
        }
    .c-hd .number {
        position: absolute;
        float: left;
        top: 6px;
        right: 0px;
        display: block;
        color: #888;
    }
        .c-hd .number em {
            color: #1e89e0;
        }
.TypeContent {
    position: relative;
    top: 12px;
}
    .TypeContent .CGameCLList {
        width: 1070px;
        height: auto;
        float: left;
        box-sizing: border-box;
        border-right: 1px solid #ececec;
        overflow: hidden;
    }
        .TypeContent .CGameCLList ul li {
            width: 256px;
            float: left;
            margin-bottom: 10px;
            position: relative;
            margin-right: 10px;
            padding: 10px 0;
            height: 80px;
            overflow: hidden;
        }
            .TypeContent .CGameCLList ul li img {
                width: 80px;
                height:80px;
                display: block;
                float: left;
                box-sizing: border-box;
                border: 1px solid #eee;
                margin-right: 10px;
                border-radius: 12px;
                transition: transform 0.5s;
            }
.CGameCLList .a-info {
    width: 166px;
    line-height: 25px;
    overflow: hidden;
}
    .CGameCLList .a-info .Tit, .CGameCLList .a-info .tit {
        display: block;
        width: 100%;
        font-size: 15px;
        margin-bottom: 3px;
        float: left;
        color: #444;
        line-height: 22px;
        height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .CGameCLList .a-info p.Cont {
        color: #999;
        font-size: 13px;
        margin-bottom: 6px;
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
    }
    .CGameCLList .a-info span {
        float: left;
        display: block;
        text-align: center;
        bolor: #1e89e0;
        margin: 0 auto;
        width: 80px;
        height: 22px;
        border: 1px solid #1e89e0;
        border-radius: 5px;
        line-height: 22px;
    }
.CRankingList {
    width: 300px;
    float: right;
    overflow: auto;
}
    .CRankingList h3 {
        font-size: 24px;
        color: #333;
        margin-bottom: 10px;
        width: 100%;
        display: inline-block;
        line-height: 34px;
        height: 32px;
        overflow: hidden;
    }
        .CRankingList h3 span {
            display: block;
            width: 40px;
            height: 26px;
            line-height: 26px;
            background: #1e89e0;
            border-radius: 3px;
            font-size: 14px;
            color: #fff;
            font-weight: normal;
            text-align: center;
            margin-right: 10px;
            float: left;
            margin-top: 6px;
        }
    .CRankingList ul li {
        overflow: auto;
        min-height: 48px;
        border-bottom: 1px dashed #d8d8d8;
        max-height: 134px;
        overflow: hidden;
    }
    .CRankingList .CRKTitle {
        height: 36px;
        line-height: 46px;
        font-weight: normal;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
        .CRankingList .CRKTitle b.SNumb1 {
            background: #ff0000;
        }
        .CRankingList .CRKTitle a {
            width: 270px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            float: left;
        }
.rank-item.on .item-info {
    display: block;
    float: left;
    margin: 10px 0 6px 16px;
}
.CRKLoad img {
    float: left;
    margin: 0 10px;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #eee;
}
.CRKLoad p {
    float: left;
    color: #666666;
    line-height: 22px;
    width: 185px;
    margin-bottom: 7px;
}
    .CRKLoad p span, .CRKLoad_gm p span {
        display: block;
        float: left;
        margin-right: 10px;
    }
    .CRKLoad p i, .CRKLoad_gm p i {
        margin: 5px 0px;
    }

.star4 {
    background-position: -15px -648px;
}

.stars {
    background: url(../images/cssimg.png) no-repeat;
    width: 74px;
    height: 12px;
    display: block;
    float: left;
    vertical-align: middle;
}
.CRKLoad em, .CRKLoad_gm em {
    display: block;
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #1e89e0;
    border-radius: 5px;
    float: left;
    color: #1e89e0;
}





.ui-facet, .idx-zxxt-d .d-list i, .idx-zxjc-b .b-list i, .m-side-col .tag-link, .m-pagination .page, .m-soft-release .release-btn, .s-az-art .art-info .img, .s-az-art .detail .tag-box .tag, .m-side-version .img, .m-side-version .btn-dl, .g-npos .item .cir, .m-soft-cate-list .soft-cate .item, .m-recom-large .ico, .m-recom-large .btn-in, .m-az-sort-list .item .img img, .m-az-zt-list .img, .page-course-idx .m-large-link .ico, .s-course-idx .cell-3 .list-pos .item, .g-dot-list i, .s-copyright .dot, .m-not-found .back-btn, .m-dnpz-tabs .main .detail {
    behavior: url(http://static.xitongzhijia.net/theme/2017/css/PIE.htc);
}

.AD_360 {
    width: 360px;
    overflow: hidden;
}

.AD_360_300 {
    width: 360px;
    height: 300px;
    overflow: hidden;
}

.AD_360_360 {
    width: 360px;
    height: 360px;
    overflow: hidden;
}

.AD_300_332 {
    width: 300px;
    height: 332px;
    overflow: hidden;
}

.AD_300_190 {
    width: 300px;
    height: 190px;
    overflow: hidden;
}

.AD_860_90 {
    width: 860px;
    height: 90px;
    overflow: hidden;
}

.AD_860_114 {
    width: 860px;
    height: 114px;
    overflow: hidden;
}

.AD_800_90 {
    width: 800px;
    height: 90px;
    overflow: hidden;
}

.AD_190_90 {
    width: 190px;
    height: 90px;
    overflow: hidden;
}

.AD_400_190 {
    width: 400px;
    height: 190px;
    overflow: hidden;
}

.AD_1200_108 {
    width: 1200px;
    height: 108px;
}

.AD_1200 {
    width: 1200px;
}

.AD_298_304 {
    width: 298px;
    height: 304px;
    border: 1px solid #f8f8f8;
}

.AD_224_173 {
    width: 224px;
    height: 173px;
    overflow: hidden;
}

.AD_224_149 {
    width: 224px;
    height: 149px;
    overflow: hidden;
}

.AD_198_332 {
    width: 198px;
    height: 332px;
    overflow: hidden;
}

.AD_800_68 {
    width: 800px;
    height: 68px;
    overflow: hidden;
}

.col-l-w {
    width: 990px;
}

.col-r-w {
    width: 360px;
}

.course-w-s {
    width: 380px;
}

.course-w-m {
    width: 990px;
}

.topbar {
    font-size: 12px;
    background: #f5f5f5;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #e8e8e8;
}

    .topbar .topbar-nav {
        position: relative;
        margin-right: -7px;
        z-index: 100;
    }

        .topbar .topbar-nav .nav-btn {
            padding-left: 27px;
            background-position: -51px -30px;
            padding-right: 7px;
            display: inline-block;
            border-left: 1px solid #f5f5f5;
            border-right: 1px solid #f5f5f5;
            border-bottom: 1px solid #e6e6e6;
        }

        .topbar .topbar-nav .nav-main {
            position: absolute;
            z-index: 2;
            width: 1165px;
            border: 1px solid #e6e6e6;
            border-top: 0;
            right: 0;
            top: 30px;
            background: #fff;
            padding: 20px 20px 24px 20px;
            overflow: hidden;
            display: none;
        }

            .topbar .topbar-nav .nav-main .inner {
                overflow: hidden;
                border: 1px solid #fff;
            }

            .topbar .topbar-nav .nav-main .cate {
                width: 366px;
                float: left;
                border: 1px dashed #ededed;
                padding: 10px 0 16px 20px;
                border-right: 0 none;
                margin-left: -2px;
                margin-top: -2px;
                border-bottom: 0;
                height: 230px;
            }

            .topbar .topbar-nav .nav-main .title .item {
                color: #358ff0;
                font-size: 18px;
                line-height: 40px;
            }

            .topbar .topbar-nav .nav-main .sub .item {
                margin-right: 20px;
                font-size: 14px;
                line-height: 32px;
                display: inline-block;
            }

        .topbar .topbar-nav:hover .nav-main {
            display: block;
        }

        .topbar .topbar-nav:hover .nav-btn {
            background-color: #fff;
            border-color: #e6e6e6;
            border-bottom: 1px solid #fff;
        }

    .topbar .topbar-menu {
        float: right;
        color: #d5d5d5;
    }

        .topbar .topbar-menu .menu-link {
            padding: 0 5px;
            color: #666;
        }

            .topbar .topbar-menu .menu-link:hover {
                color: #358ff0;
            }

.header {
    height: 130px;
}

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

    .header .logo-link {
        display: block;
        width: 460px;
        height: 94px;
        text-indent: -9999em;
        background: url(../images/ui_img/logo.png) no-repeat;
    }

        .header .logo-link.az {
            width: 325px;
            background: url(../images/ui_img/logo_az.png) no-repeat;
        }

        .header .logo-link.dnpz {
            width: 335px;
            height: 104px;
            margin-top: -5px;
            background: url(../images/ui_img/logo_dnpz.png) no-repeat;
        }

        .header .logo-link.ios {
            width: 325px;
            height: 104px;
            margin-top: -2px;
            background: url(../images/ui_img/logo_ios.png) no-repeat;
        }

.c-search {
    float: right;
    width: 570px;
    margin-top: 33px;
}

    .c-search .search-wrapper {
        height: 38px;
        line-height: 26px;
        border: 1px solid #358ff0;
    }

    .c-search .search-cate {
        float: left;
        width: 73px;
        background-position: 57px -29px;
        padding: 6px 0 6px 12px;
        font-size: 14px;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }

        .c-search .search-cate span {
            display: block;
        }

    .c-search .cate-toggle {
        width: 86px;
        font-size: 14px;
        border: 1px solid #358ff0;
        background: #fff;
        position: absolute;
        left: -1px;
        top: 38px;
        display: none;
    }

        .c-search .cate-toggle .cate-item {
            height: 32px;
            padding-left: 16px;
            line-height: 32px;
        }

            .c-search .cate-toggle .cate-item:hover {
                color: #fff;
                background: #358ff0;
                cursor: pointer;
            }

    .c-search .search-input {
        width: 365px;
        padding: 6px;
        outline: none;
        background: #fff;
        border: 0;
        color: #444;
        float: left;
        display: block;
        line-height: 26px;
        margin: 0;
    }

    .c-search .search-btn {
        background-color: #358ff0;
        float: right;
        width: 93px;
        color: #fff;
        font-size: 20px; 
        text-align: center;
        border:none;
    }

    .c-search .search-keyword {
        margin-top: 3px;
        color: #999;
        height: 26px;
        overflow: hidden;
        font-size: 12px;
    }

        .c-search .search-keyword .keyword-item {
            margin-left: 28px;
        }

.navbar {
    background: #358ff0;
    height: 50px;
    line-height: 50px;
}

    .navbar .nav-item {
        width: 125px;
        font-size: 17px;
        text-align: center;
        float: left;
        color: #fff;
    }

        .navbar .nav-item:hover, .navbar .nav-item.cur {
            background: #2b71c2;
        }

.sub-navbar {
    font-size: 0;
    border-style: solid;
    border-color: #f1f1f1;
    border-width: 1px 0 1px 0;
    margin-bottom: 10px;
}

    .sub-navbar .sub-navbar-inner {
        padding: 8px 0;
    }

    .sub-navbar .sub-nav-item {
        font-size: 14px;
        display: inline-block;
        padding: 0 25px;
        text-align: center;
        line-height: 34px;
        position: relative;
    }

        .sub-navbar .sub-nav-item:first-child {
            margin-left: 22px;
        }

        .sub-navbar .sub-nav-item.cur {
            color: #358ff0;
            border:1px solid;
            height:31px;
        }

        .sub-navbar .sub-nav-item .ico-new {
            position: absolute;
            width: 33px;
            height: 17px;
            right: -1px;
            top: -5px;
            z-index: 2;
            background: -79px -380px url(../images/ui_img/sp_1.png) no-repeat;
        }

    .sub-navbar .links {
        margin-left: 140px;
        margin-right: -25px;
        color: #666;
    }

        .sub-navbar .links .sub-nav-item:first-child {
            margin-left: 0;
        }

    .sub-navbar .title {
        float: left;
    }

        .sub-navbar .title .ico {
            width: 34px;
            height: 34px;
            display: inline-block;
            background-image: url(../images/ui_img/sp_1.png);
            background-repeat: no-repeat;
            vertical-align: middle;
        }

            .sub-navbar .title .ico.ico-1 {
                background-position: -86px -256px;
            }

            .sub-navbar .title .ico.ico-2 {
                background-position: -130px -256px;
            }

            .sub-navbar .title .ico.ico-3 {
                background-position: -86px -292px;
            }

            .sub-navbar .title .ico.ico-4 {
                background-position: -130px -292px;
            }

            .sub-navbar .title .ico.ico-5 {
                background-position: -87px -329px;
            }

        .sub-navbar .title .txt {
            font-size: 18px;
            vertical-align: middle;
            padding-left: 8px;
            padding-right: 25px;
        }

        .sub-navbar .title .u-b {
            width: 2px;
            height: 18px;
            vertical-align: middle;
            background: #e4e4e4;
        }

.m-rank .rank-title {
    margin-top: -4px;
    font-size: 22px;
    line-height: 30px;
    height: 30px;
    margin-bottom: 4px;
    overflow: hidden;
    background-position: -237px 6px;
    padding-left: 30px;
    letter-spacing: 2px;
}

.m-rank .rank-item {
    padding-top: 16px;
}

.m-rank.rank-toggle .rank-item.on .g-sort-num {
    font-weight: normal;
}

.m-rank.rank-toggle .rank-item.on .item-name {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

    .m-rank.rank-toggle .rank-item.on .item-name:hover {
        color: #358ff0;
    }

.m-rank.rank-toggle .rank-item.on .item-info {
    display: block;
}

.m-rank .item-info {
    display: none;
    padding-top: 14px;
    margin-bottom: -2px;
}

.m-rank .g-sort-num {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    margin-top: 2px;
    *margin-top: 0;
}

.m-rank .item-grade {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    height: 36px;
    overflow: hidden;
}

.m-rank .g-star {
    vertical-align: top;
    margin-top: 3px;
}

.m-rank .item-name {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    *white-space: normal;
}

.m-rank .item-btn {
    width: 92px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #358ff0;
    color: #358ff0;
    position: relative;
}

    .m-rank .item-btn:hover {
        color: #fff;
        background: #358ff0;
    }

@-moz-document url-prefix() {
    .m-rank .item-info {
        padding-top: 12px;
        margin-bottom: 0;
    }
}

.idx-zxxt {
    margin-bottom: 35px;
}

.idx-zxxt-l {
    width: 1050px;
    float: left;
}

    .idx-zxxt-l .dotted {
        height: 1px;
        margin-top: 35px;
        margin-bottom: 33px;
        background-position: 0 -28px;
        background-repeat: repeat-x;
    }

.idx-zxxt-a {
    width: 450px;
    float: left;
}

    .idx-zxxt-a .bd {
        width: 100%;
        height: 314px;
        position: relative;
        overflow: hidden;
    }

        .idx-zxxt-a .bd li {
            float: left;
            width: 420px;
            height: 314px;
        }

    .idx-zxxt-a .thumb {
        padding: 5px 0;
        background: #ededed;
    }

    .idx-zxxt-a .thumb-item {
        float: left;
        margin-left: 4px;
        width: 108px;
        position: relative;
    }

        .idx-zxxt-a .thumb-item.on .arrow {
            display: block;
        }

        .idx-zxxt-a .thumb-item .arrow {
            display: none;
            position: absolute;
            left: -4px;
            top: -5px;
            z-index: 2;
            width: 100px;
            height: 74px;
            border-color: #459fff;
            border-style: solid;
            border-width: 5px 4px 5px 4px;
        }

            .idx-zxxt-a .thumb-item .arrow .ui-bg {
                position: absolute;
                width: 15px;
                height: 7px;
                top: -11px;
                left: 50%;
                margin-left: -7px;
                background-position: -144px -18px;
            }

.idx-zxxt-b {
    width: 550px;
    float: right;
}

    .idx-zxxt-b .b-list {
        border-left: 1px dashed #d4d4d4;
        margin-left: 5px;
        margin-top: -6px;
        position: relative;
    }

        .idx-zxxt-b .b-list .bgw {
            position: absolute;
            height: 10px;
            width: 1px;
            left: -1px;
            background: #fff;
            z-index: 1;
        }

        .idx-zxxt-b .b-list .bgw-t {
            top: 0;
        }

        .idx-zxxt-b .b-list .bgw-b {
            bottom: 0;
        }

    .idx-zxxt-b .g-list-a {
        vertical-align: top;
    }

    .idx-zxxt-b .list-item {
        line-height: 24px;
        position: relative;
        z-index: 2;
        padding-left: 13px;
    }

        .idx-zxxt-b .list-item i {
            position: absolute;
            width: 10px;
            height: 10px;
            overflow: hidden;
            left: -6px;
            top: 50%;
            margin-top: -5px;
            background-image: url(../images/ui_img/sp_1.png);
            background-position: -204px -17px;
        }

        .idx-zxxt-b .list-item:hover i {
            background-position: -188px -17px;
        }

        .idx-zxxt-b .list-item + .list-item {
            margin-top: 10px;
        }

.idx-zxxt-c {
    width: 450px;
}

    .idx-zxxt-c .m-ad-img {
        display: block;
        position: relative;
    }

        .idx-zxxt-c .m-ad-img .img {
            position: relative;
            z-index: 1;
        }

        .idx-zxxt-c .m-ad-img .info {
            width: 95%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 3;
        }

        .idx-zxxt-c .m-ad-img .cover {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
        }

        .idx-zxxt-c .m-ad-img .score {
            width: 49px;
            height: 49px;
            float: left;
            margin-left: 10px;
            padding-top: 27px;
        }

        .idx-zxxt-c .m-ad-img .desc {
            padding-top: 24px;
            margin-left: 70px;
        }

        .idx-zxxt-c .m-ad-img .title {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        .idx-zxxt-c .m-ad-img .txt {
            font-size: 12px;
            color: #999;
        }

        .idx-zxxt-c .m-ad-img + .m-ad-img {
            margin-top: 21px;
        }

.m-ad-img {
    display: block;
    border: 1px solid #dfe6eb;
}

    .m-ad-img:hover {
        border-color: #358ff0;
    }

.idx-zxxt-d {
    width: 550px;
}

    .idx-zxxt-d .d-title {
        text-align: center;
        margin-top: -3px;
        margin-bottom: 10px;
    }

    .idx-zxxt-d .title-tag {
        width: 48px;
        height: 18px;
        line-height: 18px;
        background: #358ff0;
        font-weight: normal;
        font-size: 12px;
        float: left;
        display: block;
        color: #fff;
        margin-top: 1px;
    }

    .idx-zxxt-d .title-txt {
        font-weight: normal;
        font-size: 14px;
    }

    .idx-zxxt-d .d-txt {
        text-indent: 24px;
        color: #999;
        font-size: 12px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
    }

    .idx-zxxt-d .d-list {
        margin-top: 15px;
        padding-top: 14px;
        border-top: 1px dotted #dadada;
    }

        .idx-zxxt-d .d-list i {
            display: block;
            float: left;
            width: 4px;
            height: 4px;
            overflow: hidden;
            border-radius: 2px;
            background: #ccc;
            margin-top: 10px;
            margin-right: 4px;
        }

        .idx-zxxt-d .d-list .list-item {
            line-height: 24px;
        }

            .idx-zxxt-d .d-list .list-item + .list-item {
                margin-top: 9px;
            }

.idx-zxxt-r {
    width: 280px;
    float: right;
}

    .idx-zxxt-r .g-tab {
        float: none;
        display: block;
        margin-top: -5px;
        padding-bottom: 13px;
        border-bottom: 2px solid #358ff0;
        font-size: 0;
        margin-bottom: 26px;
    }

        .idx-zxxt-r .g-tab .tab-item {
            line-height: 30px;
            font-size: 22px;
            font-weight: bold;
            padding-right: 4px;
        }

            .idx-zxxt-r .g-tab .tab-item + .tab-item {
                padding-left: 22px;
                background-image: url(../images/ui_img/sp_1.png);
                background-position: -150px -30px;
                background-repeat: no-repeat;
            }

.idx-zxxt-e {
    margin-top: -20px;
}

    .idx-zxxt-e .e-item {
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .idx-zxxt-e .e-item + .e-item {
            border-top: 1px dashed #e4e4e4;
        }

    .idx-zxxt-e .e-img {
        border: 1px solid #ededed;
        float: left;
    }

    .idx-zxxt-e .e-info {
        margin-left: 20px;
        margin-top: -4px;
        float: left;
        height: 78px;
        overflow: hidden;
    }

    .idx-zxxt-e .e-name {
        font-weight: normal;
        margin-bottom: 10px;
    }

    .idx-zxxt-e .e-txt {
        color: #999;
        font-size: 12px;
    }

        .idx-zxxt-e .e-txt + .e-txt {
            margin-top: 14px;
        }

.idx-xtfl {
    margin-bottom: 39px;
}

    .idx-xtfl .g-tab {
        margin-left: -10px;
    }

        .idx-xtfl .g-tab .tab-item {
            padding: 0 16px;
        }

.idx-xtfl-a {
    margin-top: -20px;
    float: left;
    width: 990px;
}

    .idx-xtfl-a .a-item {
        width: 490px;
        float: left;
        padding-top: 20px;
    }

    .idx-xtfl-a .item-img {
        float: left;
        border: 1px solid #e9e9e9;
    }

    .idx-xtfl-a .item-info {
        float: left;
        margin-top: -8px;
        margin-left: 20px;
        width: 230px;
    }

    .idx-xtfl-a .item-name {
        font-weight: normal;
        line-height: 32px;
        height: 64px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .idx-xtfl-a .item-desc {
        color: #999;
        font-size: 12px;
    }

.idx-xtfl-b, .idx-rjbb-b, .idx-aztj-b, .idx-rjgx-b, .idx-zxjc-c {
    float: right;
    width: 355px;
}

.idx-rjbb {
    margin-bottom: 38px;
}

    .idx-rjbb .g-title {
        margin-bottom: 26px;
    }

    .idx-rjbb .g-tab {
        margin-left: 5px;
    }

.idx-rjbb-a {
    width: 1010px;
    float: left;
    margin-top: -45px;
}

    .idx-rjbb-a .a-title {
        font-size: 18px;
        line-height: 24px;
        height: 24px;
        font-weight: bold;
        margin-bottom: 27px;
        overflow: hidden;
        position: relative;
        padding-left: 15px;
    }

    .idx-rjbb-a .cell-item {
        margin-top: 14px;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }

        .idx-rjbb-a .cell-item .db {
            color: #666;
        }

            .idx-rjbb-a .cell-item .db:hover {
                color: #358ff0;
            }

    .idx-rjbb-a .a-cell {
        width: 197px;
        float: left;
        padding-top: 42px;
        padding-right: 5px;
    }

        .idx-rjbb-a .a-cell .ico-20 {
            margin-right: 10px;
            vertical-align: top;
        }

    .idx-rjbb-a .ui-facet {
        width: 5px;
        height: 18px;
        top: 3px;
    }

        .idx-rjbb-a .ui-facet.c-1 {
            background: #e7aba3;
        }

        .idx-rjbb-a .ui-facet.c-2 {
            background: #96c6e6;
        }

        .idx-rjbb-a .ui-facet.c-3 {
            background: #9bdae0;
        }

        .idx-rjbb-a .ui-facet.c-4 {
            background: #a7e29a;
        }

        .idx-rjbb-a .ui-facet.c-5 {
            background: #a3addb;
        }

.idx-aztj {
    margin-bottom: 39px;
}

    .idx-aztj .g-title {
        margin-bottom: 26px;
    }

    .idx-aztj .g-tab {
        margin-left: 5px;
    }

    .idx-aztj .aztj-hot {
        float: left;
        margin-left: 100px;
        margin-top: 4px;
        width: 610px;
    }

        .idx-aztj .aztj-hot .hot-item {
            color: #999;
            padding: 0 12px;
        }

            .idx-aztj .aztj-hot .hot-item:hover {
                color: #358ff0;
            }

.idx-aztj-a {
    float: left;
    width: 1010px;
}

    .idx-aztj-a .a-item {
        position: relative;
        width: 230px;
        height: 111px;
        padding-top: 31px;
        overflow: hidden;
        float: left;
        margin-right: 20px;
    }

        .idx-aztj-a .a-item:hover .a-cover {
            top: 0;
        }

    .idx-aztj-a .a-info {
        width: 116px;
        float: left;
        margin-left: 10px;
    }

    .idx-aztj-a .a-name {
        font-weight: normal;
        margin-top: 5px;
    }

    .idx-aztj-a .a-grade {
        color: #fa4e57;
        margin-top: 8px;
        font-size: 16px;
        font-weight: bold;
    }

    .idx-aztj-a .a-tag {
        color: #999;
        font-size: 12px;
        margin-top: 8px;
    }

    .idx-aztj-a .a-cover {
        position: absolute;
        background: #56a5fa;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fff;
        -webkit-transition: top 0.4s;
        -moz-transition: top 0.4s;
        transition: top 0.4s;
        top: 142px;
        text-align: center;
    }

        .idx-aztj-a .a-cover .cover-name {
            font-size: 16px;
            margin-top: 18px;
            margin-bottom: 6px;
        }

        .idx-aztj-a .a-cover .cover-desc {
            text-align: left;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            font-size: 12px;
            padding: 0 12px;
            margin-bottom: 5px;
            display: block;
        }

        .idx-aztj-a .a-cover .cover-btn {
            display: inline-block;
            background: #56a5fa;
            border-radius: 2px;
            padding: 5px 10px;
            border: 1px solid #ddd;
        }

.idx-rjgx {
    margin-bottom: 38px;
}

    .idx-rjgx .g-title {
        margin-bottom: 26px;
    }

    .idx-rjgx .g-tab {
        margin-left: -20px;
    }

        .idx-rjgx .g-tab .tab-item {
            padding: 0 26px;
        }

.idx-rjgx-a {
    width: 1010px;
    margin-left: -21px;
    margin-top: -15px;
    float: left;
}

    .idx-rjgx-a .a-item {
        width: 463px;
        padding: 0 21px;
        float: left;
        margin-top: 10px;
        line-height: 24px;
    }

    .idx-rjgx-a .item-label {
        margin-right: 4px;
        color: #999;
    }

    .idx-rjgx-a .item-name {
        margin-left: 4px;
        margin-right: 4px;
    }

.idx-zxjc {
    margin-bottom: 34px;
}

    .idx-zxjc .g-title {
        margin-bottom: 26px;
    }

    .idx-zxjc .g-tab {
        margin-left: 5px;
    }

.idx-zxjc-a {
    float: left;
}

    .idx-zxjc-a .a-img {
        width: 333px;
        display: block;
    }

        .idx-zxjc-a .a-img + .a-img {
            margin-top: 20px;
        }

    .idx-zxjc-a .a-bg {
        background: #000;
        opacity: .5;
        filter: alpha(opacity=50);
        height: 40px;
        width: 100%;
        margin-top: -40px;
        position: relative;
        z-index: 1;
    }

    .idx-zxjc-a .a-title {
        margin-top: -40px;
        position: relative;
        color: #fff;
        z-index: 2;
        line-height: 40px;
        padding: 0 16px;
        width: 242px;
    }

.idx-zxjc-b {
    width: 594px;
    margin-left: 40px;
    float: left;
}

    .idx-zxjc-b .b-title {
        text-align: center;
        margin-top: -3px;
        margin-bottom: 10px;
    }

    .idx-zxjc-b .title-tag {
        width: 40px;
        height: 18px;
        line-height: 18px;
        background: #358ff0;
        font-weight: normal;
        font-size: 12px;
        float: left;
        display: block;
        color: #fff;
        margin-top: 3px;
    }

    .idx-zxjc-b .title-txt {
        font-weight: normal;
        font-size: 18px;
    }

    .idx-zxjc-b .b-txt {
        text-indent: 24px;
        color: #999;
        font-size: 12px;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
    }

    .idx-zxjc-b .b-list {
        margin-top: 17px;
        padding-top: 16px;
        border-top: 1px dotted #dadada;
    }

        .idx-zxjc-b .b-list i {
            display: block;
            float: left;
            width: 4px;
            height: 4px;
            overflow: hidden;
            border-radius: 2px;
            background: #ccc;
            margin-top: 10px;
            margin-right: 4px;
        }

        .idx-zxjc-b .b-list .list-item {
            line-height: 24px;
        }

            .idx-zxjc-b .b-list .list-item + .list-item {
                margin-top: 9px;
            }

.idx-zxzt {
    margin-bottom: 20px;
    position: relative;
    height: 364px;
    overflow: hidden;
}

    .idx-zxzt .g-title {
        margin-bottom: 26px;
    }

    .idx-zxzt .g-tab {
        margin-left: 5px;
    }

    .idx-zxzt .zxzt-list {
        margin-top: -17px;
        width: 1200px;
    }

    .idx-zxzt .list-img {
        float: left;
        margin-top: 17px;
        width: 474px;
        height: 296px;
        position: relative;
        overflow: hidden;
    }

        .idx-zxzt .list-img + .list-img {
            width: 222px;
            height: 140px;
            margin-left: 20px;
        }

            .idx-zxzt .list-img + .list-img .img-cover {
                background-position: 0px -221px;
            }

            .idx-zxzt .list-img + .list-img .img-name {
                line-height: 30px;
                font-size: 14px;
                margin-top: -30px;
            }

    .idx-zxzt .img-cover {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        left: 0;
        top: 0;
        background: url(../images/ui_img/g_1.png) 0px 130px repeat-x;
    }

    .idx-zxzt .img-name {
        margin-top: -58px;
        position: relative;
        z-index: 2;
        color: #fff;
        line-height: 58px;
        font-size: 18px;
        padding: 0 4%;
        width: 92%;
    }

    .idx-zxzt .list-btn {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        width: 50px;
        height: 80px;
        border-radius: 2px;
        cursor: pointer;
        z-index: 10;
    }

        .idx-zxzt .list-btn.btn-prev {
            left: 0;
        }

            .idx-zxzt .list-btn.btn-prev .btn-ico {
                background-position: -175px -32px;
            }

        .idx-zxzt .list-btn.btn-next {
            right: 0;
        }

            .idx-zxzt .list-btn.btn-next .btn-ico {
                background-position: -195px -32px;
            }

        .idx-zxzt .list-btn .btn-cover {
            background: #000;
            filter: alpha(opacity=34);
            opacity: .34;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .idx-zxzt .list-btn .btn-ico {
            width: 14px;
            height: 24px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -7px;
            margin-top: -12px;
            z-index: 2;
            background-image: url(../images/ui_img/sp_1.png);
        }

.idx-zt {
    margin-bottom: 20px;
    position: relative;
    height: 374px;
    overflow: hidden;
}

    .idx-zt .g-title {
        margin-bottom: 26px;
    }

    .idx-zt .g-tab {
        margin-left: 5px;
    }

    .idx-zt .zxzt-list {
        margin-top: -20px;
        width: 1200px;
    }

    .idx-zt .list-img {
        float: left;
        margin-top: 20px;
        width: 556px;
        height: 308px;
        position: relative;
        overflow: hidden;
    }

        .idx-zt .list-img + .list-img {
            width: 302px;
            height: 144px;
            margin-left: 20px;
        }

            .idx-zt .list-img + .list-img .img-cover {
                height: 32px;
                filter: alpha(opacity=20);
                opacity: .2;
            }

            .idx-zt .list-img + .list-img .img-name {
                line-height: 32px;
                font-size: 14px;
                margin-top: -32px;
            }

    .idx-zt .img-cover {
        position: absolute;
        width: 100%;
        height: 43px;
        overflow: hidden;
        left: 0;
        bottom: 0;
        background: #000;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .idx-zt .img-name {
        position: relative;
        z-index: 2;
        color: #fff;
        line-height: 43px;
        font-size: 18px;
        padding: 0 4%;
        width: 92%;
        text-align: center;
    }

    .idx-zt .list-btn {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        width: 50px;
        height: 80px;
        border-radius: 2px;
        cursor: pointer;
        z-index: 10;
    }

        .idx-zt .list-btn.btn-prev {
            left: 0;
        }

            .idx-zt .list-btn.btn-prev .btn-ico {
                background-position: -175px -32px;
            }

        .idx-zt .list-btn.btn-next {
            right: 0;
        }

            .idx-zt .list-btn.btn-next .btn-ico {
                background-position: -195px -32px;
            }

        .idx-zt .list-btn .btn-cover {
            background: #000;
            filter: alpha(opacity=34);
            opacity: .34;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .idx-zt .list-btn .btn-ico {
            width: 14px;
            height: 24px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -7px;
            margin-top: -12px;
            z-index: 2;
            background-image: url(../images/ui_img/sp_1.png);
        }

.m-sidebar {
    position: fixed;
    bottom: 230px;
    right: 0;
    z-index: 10;
    width: 70px;
    height: 130px;
}

    .m-sidebar .pub {
        margin-bottom: 10px;
        position: relative;
    }

        .m-sidebar .pub:hover .btn {
            background: #358ff0;
        }

        .m-sidebar .pub .btn {
            width: 70px;
            height: 60px;
            background: #51a5ff;
            cursor: pointer;
            border-radius: 2px;
            position: relative;
            z-index: 2;
        }

            .m-sidebar .pub .btn .ico {
                width: 40px;
                height: 40px;
                margin: 0 auto;
                display: block;
                background: url(../images/ui_img/sp_1.png) 0 -354px no-repeat;
            }

            .m-sidebar .pub .btn .txt {
                font-size: 12px;
                text-align: center;
                color: #96c7ff;
            }

        .m-sidebar .pub .qrcode {
            width: 200px;
            height: 274px;
            position: absolute;
            z-index: 1;
            right: 70px;
            top: -105px;
            background: url(../images/ui_img/qrcode.png) no-repeat;
            background-size: 96%;
        }

.go-top {
    width: 70px;
    height: 60px;
    margin-right: -698px;
    border-radius: 2px;
    background-color: #ccc;
    cursor: pointer;
    overflow: hidden;
    display: none;
    position: relative;
    z-index: 2;
}

    .go-top:hover {
        background-color: #358ff0;
    }

    .go-top .ico {
        width: 24px;
        height: 14px;
        display: block;
        margin: 24px auto;
        background: url(../images/ui_img/sp_1.png) -215px -37px no-repeat;
        overflow: hidden;
    }

.art-go-top {
    width: 20px;
    padding: 8px;
    line-height: 1.1;
    font-size: 16px;
    height: 68px;
    position: fixed;
    bottom: 200px;
    left: 50%;
    text-align: center;
    margin-left: 202px;
    background: #71b0f4;
    color: #fff;
    display: none;
}

    .art-go-top:hover {
        color: #fff;
    }

.idx-yqlj .g-title {
    border-bottom: 2px solid #e7e7e7;
    margin-bottom: 16px;
}

.idx-yqlj .yqlj-tip {
    color: #999;
    font-size: 12px;
    float: right;
    font-weight: normal;
    margin-top: 6px;
}

.idx-yqlj .yqlj-link {
    font-size: 0;
}

.idx-yqlj a {
    font-size: 14px;
    margin-right: 40px;
    padding: 9px 0;
    display: inline-block;
    line-height: 1;
}

.e-tab-item, .tab-cont-item, .hot-tab-item, .c-dis-item {
    display: none;
}

.footer {
    padding: 25px 0;
    margin-top: 30px;
    text-align: center;
    color: #999;
    width: 100%;
    font-size: 12px;
}

    .footer .link-item {
        color: #999;
        padding: 0 26px;
        display: inline-block;
        *display: inline;
    }

        .footer .link-item:hover {
            color: #358ff0;
        }

.m-list-section .g-title {
    border-bottom: 2px solid #ededed;
}

.m-list-section .cur-pos {
    color: #666;
    margin-bottom: 26px;
}

    .m-list-section .cur-pos .pos-txt {
        color: #999;
    }

    .m-list-section .cur-pos .pos-link {
        color: #666;
    }

        .m-list-section .cur-pos .pos-link:hover {
            color: #358ff0;
        }

.m-list-section .section-a {
    width: 1010px;
}

.m-list-section .a-list {
    margin-top: -20px;
}

    .m-list-section .a-list .list-item {
        padding-top: 20px;
        padding-bottom: 26px;
        border-bottom: 1px solid #ededed;
    }

    .m-list-section .a-list .item-title {
        font-size: 20px;
        margin-bottom: 21px;
    }

    .m-list-section .a-list .item-info {
        color: #666;
        margin-left: 270px;
        margin-right: 40px;
        overflow: hidden;
    }

    .m-list-section .a-list .info-desc {
        line-height: 24px;
        margin-bottom: 17px;
        text-align: justify;
    }

    .m-list-section .a-list .info-detail {
        margin-top: 11px;
        margin-bottom: 20px;
        font-size: 12px;
    }

    .m-list-section .a-list .info-other {
        font-size: 12px;
        line-height: 30px;
    }

        .m-list-section .a-list .info-other .g-star {
            position: relative;
            top: -2px;
            margin-left: 4px;
        }

    .m-list-section .a-list .info-btn {
        float: right;
        width: 92px;
        height: 28px;
        color: #999;
        border: 1px solid #c2c2c2;
        text-align: center;
        border-radius: 2px;
        line-height: 28px;
        font-size: 14px;
        letter-spacing: 2px;
    }

        .m-list-section .a-list .info-btn:hover {
            color: #358ff0;
            border-color: #358ff0;
        }

.m-side-col {
    float: right;
}

    .m-side-col .tag-list {
        margin-left: -20px;
        font-size: 0;
        margin-bottom: 40px;
        margin-top: -20px;
    }

    .m-side-col .tag-link {
        width: 148px;
        padding: 0 10px;
        height: 32px;
        border: 1px solid #dedede;
        border-radius: 16px;
        line-height: 32px;
        text-align: center;
        float: left;
        font-size: 14px;
        margin-left: 20px;
        margin-top: 20px;
        position: relative;
        z-index: 2;
        -webkit-transition: .1s ease all;
        -moz-transition: .1s ease all;
        transition: .1s ease all;
    }

        .m-side-col .tag-link:hover, .m-side-col .tag-link.cur {
            border-color: #358ff0;
            background: #358ff0;
            color: #fff;
        }

    .m-side-col .g-sort-num {
        width: 22px;
        height: 22px;
        line-height: 22px;
        margin-right: 10px;
        margin-top: 2px;
        *margin-top: 0;
    }

    .m-side-col .g-title {
        border-bottom: 2px solid #ededed;
    }

        .m-side-col .g-title .title-txt {
            width: auto;
            letter-spacing: 2px;
        }

    .m-side-col .m-rank {
        margin-top: -15px;
    }

        .m-side-col .m-rank .g-art-count {
            font-size: 12px;
            font-weight: normal;
            color: #999;
            padding-left: 15px;
            min-width: 42px;
            text-align: right;
        }

        .m-side-col .m-rank .item-info {
            margin-left: 32px;
        }

        .m-side-col .m-rank.u-dashed {
            margin-top: -26px;
        }

            .m-side-col .m-rank.u-dashed .rank-item {
                padding-bottom: 12px;
                padding-top: 12px;
                border-bottom: 1px dashed #e4e4e4;
            }

.m-side-zjbb .zjbb-list .list-item {
    width: 33.3333%;
    float: left;
    text-align: center;
    margin-bottom: 26px;
}

.m-side-zjbb .zjbb-list .item-img {
    margin-bottom: 18px;
    border-radius:12px;
}

.m-side-zjbb .zjbb-list .item-title {
    padding: 0 5px;
}

.m-side-zjbb .btn-change {
    float: right;
    padding-left: 23px;
    color: #d1d1d1;
    font-size: 16px;
    background: -241px -85px url(../images/ui_img/sp_1.png) no-repeat;
}

.g-change-btn {
    padding-left: 23px;
    color: #d1d1d1;
    font-size: 16px;
    background: -241px -85px url(../images/ui_img/sp_1.png) no-repeat;
}

.m-pagination {
    text-align: center;
}

    .m-pagination .page {
        margin: 0 5px;
        display: inline-block;
        vertical-align: middle;
        min-width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
    }

        .m-pagination .page:hover, .m-pagination .page.curr {
            background: #358ff0;
            color: #fff;
        }

    .m-pagination .prev {
        display: inline-block;
        vertical-align: middle;
        padding-left: 20px;
        background: -165px -86px url(../images/ui_img/sp_1.png) no-repeat;
    }

    .m-pagination .next {
        display: inline-block;
        vertical-align: middle;
        padding-right: 20px;
        background: -174px -86px url(../images/ui_img/sp_1.png) no-repeat;
    }

    .m-pagination .prev, .m-pagination .next {
        margin: 0 20px;
    }

    .m-pagination .first, .m-pagination .last {
        display: inline-block;
        vertical-align: middle;
    }

.s-sys-art .art-main {
    float: left;
}

.s-sys-art .art-detail {
    margin-bottom: 50px;
}

.s-sys-art .art-title {
    font-size: 26px;
    margin-bottom: 22px;
    height: 56px;
    line-height: 56px;
    background: #f9f9f9;
    padding-left: 15px;
    letter-spacing: 2px;
}

.s-sys-art .art-img {
    float: left;
    padding: 1px;
    border: 1px solid #ededed;
}

.s-sys-art .btn-dl {
    width: 260px;
    height: 80px;
    background: 0 -116px url(../images/ui_img/sp_1.png) no-repeat;
}

.s-sys-art .m-soft-share {
    margin-top: 18px;
    margin-left: 30px;
}

.s-sys-art .m-related-list .list-title {
    margin-top: -2px;
    margin-bottom: 6px;
    height: 22px;
}

.s-sys-art .m-related-list .related-list .item {
    line-height: 44px;
}

.s-sys-art .m-rank .g-art-count {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-left: 15px;
    min-width: 42px;
}

.s-sys-art .m-rank .rank-item {
    padding-bottom: 16px;
    border-bottom: 1px dashed #e4e4e4;
}

.m-soft-detail {
    margin-left: 20px;
    width: 705px;
    float: left;
}

    .m-soft-detail .item {
        width: 33%;
        float: left;
        margin-top: 15px;
    }

        .m-soft-detail .item.full-w {
            width: 100%;
        }

    .m-soft-detail .g-star {
        position: relative;
        top: -2px;
        margin-left: 4px;
    }

    .m-soft-detail .ico {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        overflow: hidden;
        position: relative;
        background-repeat: no-repeat;
        background-image: url(../images/ui_img/sp_1.png);
        margin: 0 2px;
    }

        .m-soft-detail .ico.ico-1 {
            background-position: -126px -99px;
        }

        .m-soft-detail .ico.ico-2 {
            background-position: -146px -83px;
        }

        .m-soft-detail .ico.ico-3 {
            background-position: -145px -99px;
        }

        .m-soft-detail .ico.ico-access {
            background-position: -126px -82px;
        }

.m-art-cont {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 40px;
    word-break: break-all;
    text-align: justify;
}

    .m-art-cont .intro-tit {
        background: url(../images/ui_img/grey.gif) left center repeat-x;
        text-indent: 0px;
        margin: 0 0 10px;
        position: relative;
    }

        .m-art-cont .intro-tit span {
            font-size: 18px;
            background: #fff;
            padding: 0 10px 0 0px;
            font-weight: bold;
        }

    .m-art-cont iframe {
        height: 500px;
    }

.m-eval {
    margin-left: 20px;
}

    .m-eval .progress {
        width: 64px;
        height: 10px;
        background: #f2f2f2;
    }

    .m-eval .eval-ico {
        display: block;
        width: 60px;
        height: 34px;
        float: left;
        margin-right: 10px;
    }

    .m-eval .prog-box {
        float: left;
        margin-top: 6px;
    }

    .m-eval .count {
        font-size: 12px;
        color: #333;
        *margin-left: 3px;
    }

    .m-eval .eval-good, .m-eval .eval-bad {
        width: 190px;
        display: block;
    }

    .m-eval .inner {
        width: 0;
        height: 100%;
        display: block;
    }

    .m-eval .eval-good {
        margin-right: 10px;
    }

        .m-eval .eval-good .eval-ico {
            background: 0 -81px url(../images/ui_img/sp_1.png) no-repeat;
        }

        .m-eval .eval-good .inner {
            background: #2cc068;
        }

    .m-eval .eval-bad {
        margin-top: 12px;
    }

        .m-eval .eval-bad .eval-ico {
            background: -64px -81px url(../images/ui_img/sp_1.png) no-repeat;
        }

        .m-eval .eval-bad .inner {
            background: #ff6160;
        }

.m-file-info {
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 14px;
    background: #e7f3ff;
    padding: 0 20px 6px 20px;
}

    .m-file-info .info-title {
        font-size: 18px;
        font-weight: bold;
        position: relative;
        padding: 15px 0 0;
    }

        .m-file-info .info-title .ico-title {
            background: 0 -199px url(../images/ui_img/sp_1.png) no-repeat;
            width: 28px;
            height: 32px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }

.m-art-dl {
    margin-bottom: 50px;
}

    .m-art-dl .g-tab .tab-item {
        padding: 0 20px;
    }

    .m-art-dl .inner {
        width: 400px;
        margin-top: -23px;
    }

        .m-art-dl .inner .title {
            font-size: 15px;
            font-weight: bold;
            line-height: 30px;
            padding-top: 8px;
        }

    .m-art-dl .art-dl-az-info {
        padding-top: 23px;
        padding-bottom: 6px;
    }

        .m-art-dl .art-dl-az-info .img {
            float: left;
            width: 65px;
            height: 65px;
            overflow: hidden;
        }

        .m-art-dl .art-dl-az-info .info {
            margin-left: 85px;
            padding-right: 10px;
        }

            .m-art-dl .art-dl-az-info .info .txt {
                font-size: 16px;
                margin-bottom: 12px;
            }

            .m-art-dl .art-dl-az-info .info .btn {
                font-size: 14px;
                color: #c2c2c2;
                width: 78px;
                height: 28px;
                border: 1px solid #ededed;
                display: block;
                text-align: center;
                line-height: 28px;
            }

                .m-art-dl .art-dl-az-info .info .btn:hover {
                    color: #fff;
                    border-color: #358ff0;
                    background: #358ff0;
                }

    .m-art-dl .item {
        width: 48%;
        padding-right: 2%;
        float: left;
        line-height: 30px;
        font-size: 15px;
        margin-top: 11px;
        height: 30px;
    }

        .m-art-dl .item.full-w {
            width: 100%;
        }

        .m-art-dl .item .ico {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            margin-top: 6px;
            *margin-top: 8px;
            float: left;
            background-repeat: no-repeat;
            background-image: url(../images/ui_img/sp_1.png);
        }

            .m-art-dl .item .ico.ico-1 {
                background-position: -127px -203px;
            }

            .m-art-dl .item .ico.ico-2 {
                background-position: -149px -203px;
            }

            .m-art-dl .item .ico.ico-3 {
                background-position: -171px -203px;
            }

            .m-art-dl .item .ico.ico-4 {
                background-position: -193px -203px;
            }

            .m-art-dl .item .ico.ico-5 {
                background-position: -215px -203px;
            }

            .m-art-dl .item .ico.ico-6 {
                background-position: -169px -254px;
            }

        .m-art-dl .item .ico-365 {
            width: 18px;
            height: 18px;
            margin-right: 10px;
            margin-top: 6px;
            float: left;
            background-repeat: no-repeat;
            background-image: url(../images/ui_img/ico_01-01.png);
        }

.tab-cont-item-none {
    height: 328px;
    overflow: hidden;
}

.m-faq {
    margin-bottom: 50px;
}

    .m-faq .g-title {
        border-width: 2px;
    }

    .m-faq .faq-list .item {
        line-height: 22px;
        padding-left: 18px;
        background: -246px -203px url(../images/ui_img/sp_1.png) no-repeat;
    }

        .m-faq .faq-list .item + .item {
            margin-top: 20px;
        }

    .m-faq .faq-list .g-list-a {
        font-size: 16px;
    }

    .m-faq .faq-list .g-time {
        color: #999;
    }

.m-related-list .list-title {
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: 6px;
}

.m-related-list .related-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 16px;
}

.m-related-list .g-list-a {
    width: 85%;
}

.m-related-list .g-time {
    color: #999;
}

.m-related-list .related-list .item {
    line-height: 46px;
    border-bottom: 1px dashed #e4e4e4;
}

.s-news-art .art-main {
    float: left;
}

.s-news-art .g-title {
    border-color: #ededed;
}

.s-news-art .art-title {
    text-align: center;
    margin-bottom: 15px;
}

    .s-news-art .art-title .title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 35px;
    }

    .s-news-art .art-title .sub {
        font-size: 12px;
        color: #999;
        padding-bottom: 35px;
        border-bottom: 1px dashed #e4e4e4;
        margin-bottom: 40px;
    }

.s-news-art .m-art-cont p img {
    margin-top: 10px;
    margin-bottom: 10px;
}

.m-art-pagination {
    text-align: center;
    margin: 40px 0 50px;
    overflow: hidden;
}

    .m-art-pagination .btn {
        width: 118px;
        height: 48px;
        color: #999;
        border: 1px solid #999;
        line-height: 48px;
        font-size: 18px;
    }

        .m-art-pagination .btn.prev {
            float: left;
        }

        .m-art-pagination .btn.next {
            float: right;
        }

        .m-art-pagination .btn:hover {
            border-color: #358ff0;
            color: #358ff0;
        }

        .m-art-pagination .btn.disabled {
            border-color: #ededed;
            color: #ededed;
        }

    .m-art-pagination .page {
        color: #999;
        display: inline-block;
        font-size: 18px;
        line-height: 28px;
        margin: 10px 0;
        padding: 0 10px;
    }

        .m-art-pagination .page.cur {
            color: #358ff0;
        }

.m-news-share {
    font-size: 16px;
    margin-top: 30px;
    height: 93px;
    color: #666;
}

    .m-news-share .bdshare-button-style0-16 a {
        height: 50px;
        margin-left: 0;
        margin-right: 0;
    }

    .m-news-share .bds {
        background-image: url(../images/ui_img/sp_share.png);
        background-repeat: no-repeat;
        width: 180px;
        height: 50px;
        color: #fff;
        padding-left: 0;
        margin-top: 15px;
        margin-left: 20px;
    }

        .m-news-share .bds.bds_qzone {
            background-position: 0 0;
        }

        .m-news-share .bds.bds_tsina {
            background-position: 0 -60px;
            margin-left: 130px;
            margin-right: 130px;
        }

        .m-news-share .bds.bds_weixin {
            background-position: 0 -120px;
        }

.m-news-opt {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    color: #666;
    line-height: 30px;
    margin-top: 47px;
    margin-bottom: 50px;
}

    .m-news-opt .opt-item {
        float: left;
        width: 360px;
        padding: 11px 20px;
        margin-left: -1px;
    }

        .m-news-opt .opt-item + .opt-item {
            border-left: 1px solid #f0f0f0;
        }

.m-news-about .news-list {
    margin-left: 450px;
    border-left: 2px solid #ededed;
    color: #999;
    font-size: 16px;
}

    .m-news-about .news-list .item {
        margin-left: -10px;
        background: -242px -229px url(../images/ui_img/sp_1.png) no-repeat;
        padding-left: 25px;
    }

        .m-news-about .news-list .item + .item {
            margin-top: 10px;
        }

    .m-news-about .news-list .item-name {
        height: 60px;
        line-height: 30px;
        overflow: hidden;
        margin-top: 5px;
        display: block;
    }

.m-news-list {
    border-top: 1px solid #ededed;
}

    .m-news-list .item {
        padding: 20px 0;
        border-bottom: 1px solid #ededed;
    }

    .m-news-list .news-info {
        color: #999;
        margin-left: 270px;
    }

        .m-news-list .news-info .title {
            display: block;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .m-news-list .news-info .desc {
            line-height: 28px;
            height: 84px;
            overflow: hidden;
        }

        .m-news-list .news-info .time {
            text-align: right;
            line-height: 32px;
        }

.m-soft-recom {
    margin-top: 20px;
    margin-bottom: 50px;
    border-bottom: 1px dashed #e4e4e4;
    height: 120px;
    position: relative;
    z-index: 2;
}

    .m-soft-recom .soft-info {
        margin-left: 110px;
        margin-right: 220px;
        color: #666;
    }

        .m-soft-recom .soft-info .name {
            font-size: 16px;
            margin-bottom: 15px;
        }

    .m-soft-recom .soft-dl {
        width: 214px;
        height: 50px;
        margin-top: 22px;
        text-align: center;
        float: right;
        position: relative;
    }

        .m-soft-recom .soft-dl .dl-btn {
            display: block;
            line-height: 50px;
            color: #fff;
            font-size: 18px;
            background: #358ff0;
            position: relative;
            z-index: 2;
            overflow: hidden;
        }

            .m-soft-recom .soft-dl .dl-btn:hover + .qrcode {
                display: block;
            }

        .m-soft-recom .soft-dl .ico {
            display: inline-block;
            vertical-align: middle;
            height: 26px;
            overflow: hidden;
            background-image: url(../images/ui_img/sp_1.png);
            background-repeat: no-repeat;
        }

            .m-soft-recom .soft-dl .ico.ico-1 {
                width: 26px;
                background-position: 0 -245px;
                margin-right: 10px;
            }

            .m-soft-recom .soft-dl .ico.ico-2 {
                width: 45px;
                background-position: -35px -245px;
                margin-left: 14px;
            }

        .m-soft-recom .soft-dl .qrcode {
            display: none;
        }

            .m-soft-recom .soft-dl .qrcode .inner {
                position: relative;
                z-index: 1;
                padding: 20px;
                background: #fff;
                box-shadow: 0 0 80px #ccc;
            }

.s-theme-art .art-main {
    float: left;
}

.s-theme-art .art-title {
    text-align: center;
    margin-bottom: 15px;
}

    .s-theme-art .art-title .title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 35px;
    }

    .s-theme-art .art-title .sub {
        font-size: 12px;
        color: #999;
        padding-bottom: 35px;
        border-bottom: 1px dashed #e4e4e4;
        margin-bottom: 40px;
    }

    .s-theme-art .art-title .g-star {
        position: relative;
        margin-left: 15px;
        top: -2px;
        *top: 0;
    }

.s-theme-art .m-rank .g-art-count {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-left: 15px;
    min-width: 42px;
}

.s-theme-art .m-rank .g-sort-num {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    *margin-top: 0;
}

.s-theme-art .m-rank .item-info {
    position: relative;
    margin-left: 28px;
}

    .s-theme-art .m-rank .item-info .theme-name {
        margin-top: 20px;
        font-weight: normal;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .s-theme-art .m-rank .item-info .item-btn {
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 78px;
        height: 26px;
        line-height: 26px;
    }

.s-theme-art .m-theme-dl {
    display: block;
    margin: 0 auto 50px;
    width: 260px;
    height: 80px;
    background: #51a5ff;
}

    .s-theme-art .m-theme-dl .ico {
        display: inline-block;
        width: 80px;
        height: 80px;
        background: 0 -116px url(../images/ui_img/sp_1.png) no-repeat;
    }

    .s-theme-art .m-theme-dl .text {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        color: #fff;
        vertical-align: top;
        font-size: 24px;
        padding-top: 13px;
    }

        .s-theme-art .m-theme-dl .text .sub {
            font-size: 14px;
        }

.c-theme-img {
    position: relative;
    margin-bottom: 40px;
}

    .c-theme-img .theme-img {
        margin: 0 auto;
        display: block;
    }

    .c-theme-img .slider-btn {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        width: 38px;
        height: 80px;
        border-radius: 2px;
        cursor: pointer;
    }

        .c-theme-img .slider-btn.btn-prev {
            left: 30px;
        }

            .c-theme-img .slider-btn.btn-prev .btn-ico {
                background-position: -175px -32px;
            }

        .c-theme-img .slider-btn.btn-next {
            right: 30px;
        }

            .c-theme-img .slider-btn.btn-next .btn-ico {
                background-position: -195px -32px;
            }

        .c-theme-img .slider-btn .btn-cover {
            background: #000;
            filter: alpha(opacity=20);
            opacity: .2;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .c-theme-img .slider-btn .btn-ico {
            width: 14px;
            height: 24px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -7px;
            margin-top: -12px;
            z-index: 2;
            background-image: url(../images/ui_img/sp_1.png);
        }

.m-theme-favor {
    position: relative;
    overflow: hidden;
}

    .m-theme-favor .item {
        float: left;
        margin-right: 22px;
        text-align: center;
    }

        .m-theme-favor .item .name {
            margin-top: 10px;
        }

    .m-theme-favor .slider-inner {
        margin-left: 3px;
        margin-right: 4px;
        height: 186px;
        overflow: hidden;
    }

    .m-theme-favor .slider-btn {
        position: absolute;
        top: 40px;
        width: 38px;
        height: 80px;
        border-radius: 2px;
        cursor: pointer;
    }

        .m-theme-favor .slider-btn.btn-prev {
            left: 0;
        }

            .m-theme-favor .slider-btn.btn-prev .btn-ico {
                background-position: -175px -32px;
            }

        .m-theme-favor .slider-btn.btn-next {
            right: 0;
        }

            .m-theme-favor .slider-btn.btn-next .btn-ico {
                background-position: -195px -32px;
            }

        .m-theme-favor .slider-btn .btn-cover {
            background: #000;
            filter: alpha(opacity=50);
            opacity: .50;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .m-theme-favor .slider-btn .btn-ico {
            width: 14px;
            height: 24px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -7px;
            margin-top: -12px;
            z-index: 2;
            background-image: url(../images/ui_img/sp_1.png);
        }

.s-soft-art .art-main {
    float: left;
}

.s-soft-art .m-art-cont p img {
    margin-top: 10px;
    margin-bottom: 10px;
}

.s-soft-art .art-detail .btn-dl {
    vertical-align: top;
    width: 260px;
    height: 80px;
    background: 0 -116px url(../images/ui_img/sp_1.png) no-repeat;
}

.s-soft-art .art-title {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 22px;
    height: 56px;
    line-height: 56px;
    background: #f9f9f9;
    padding-left: 15px;
    letter-spacing: 2px;
}

    .s-soft-art .art-title .title {
        font-size: 26px;
        display: inline-block;
        vertical-align: top;
    }

.s-soft-art .m-soft-detail {
    margin-left: 0;
}

.s-soft-art .info-tab {
    padding-bottom: 11px;
}

.s-soft-art .m-related-list {
    width: 322px;
}

    .s-soft-art .m-related-list .list-title {
        margin-top: 4px;
    }

.s-soft-art .m-excellent .title-txt {
    width: 145px;
}

.s-soft-art .m-excellent .g-tab .tab-item {
    padding: 0 20px;
}

.s-soft-art .m-excellent .art-img {
    float: left;
    margin-top: 13px;
}

.s-soft-art .m-excellent .u-hypot {
    background: url(../images/ui_img/u_hypot_1.png) no-repeat;
    width: 12px;
    height: 158px;
    display: block;
    float: left;
}

.s-soft-art .m-excellent .art-right {
    float: left;
    width: 458px;
    border: 1px solid #ededed;
    border-left: 0;
    border-bottom: 0;
    margin-left: -11px;
}

    .s-soft-art .m-excellent .art-right .inner {
        margin-left: 10px;
        background: #fff;
        height: 158px;
        overflow: hidden;
        padding-left: 24px;
        padding-right: 10px;
        border-bottom: 1px solid #ededed;
    }

    .s-soft-art .m-excellent .art-right .title {
        font-size: 18px;
        color: #358ff0;
        overflow: hidden;
    }

        .s-soft-art .m-excellent .art-right .title .txt {
            display: block;
            line-height: 46px;
            width: 80%;
            float: left;
        }

    .s-soft-art .m-excellent .art-right .more {
        color: #999;
        font-size: 14px;
        float: right;
        font-weight: normal;
        margin-top: 12px;
    }

    .s-soft-art .m-excellent .art-right .text {
        font-size: 12px;
        line-height: 30px;
        color: #999;
        height: 90px;
        overflow: hidden;
    }

.m-soft-release {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 10px;
    position: relative;
    z-index: 3;
}

    .m-soft-release .release-btn {
        width: 68px;
        height: 24px;
        background: #fff -84px -226px url(../images/ui_img/sp_1.png) no-repeat;
        display: block;
        border: 1px solid #ededed;
        border-radius: 2px;
        font-size: 12px;
        color: #999;
        line-height: 24px;
        padding-left: 26px;
        position: relative;
        z-index: 11;
        letter-spacing: 0;
    }

        .m-soft-release .release-btn .ico {
            width: 8px;
            height: 8px;
            display: inline-block;
            background-image: url(../images/ui_img/sp_1.png);
            background-repeat: no-repeat;
            background-position: -193px -234px;
            margin-left: 5px;
            vertical-align: middle;
            *margin-top: 2px;
        }

    .m-soft-release:hover .release-list {
        display: block;
    }

    .m-soft-release:hover .release-btn {
        border-bottom: 1px solid #fff;
    }

    .m-soft-release:hover .ico {
        background-position: -217px -234px;
    }

    .m-soft-release .release-list {
        display: none;
        font-size: 12px;
        line-height: 42px;
        padding: 0 12px;
        width: 318px;
        background: #fff;
        border: 1px solid #e4e4e4;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: 10;
    }

        .m-soft-release .release-list .item {
            letter-spacing: 2px;
        }

            .m-soft-release .release-list .item + .item {
                border-top: 1px dashed #e4e4e4;
            }

.m-soft-share {
    margin-top: 8px;
    height: 42px;
}

    .m-soft-share .bdshare-button-style0-16 a {
        background-image: url(../images/ui_img/sp_share_2.png);
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        padding-left: 0;
        margin-right: 13px;
        display: inline-block;
    }

        .m-soft-share .bdshare-button-style0-16 a .bds_more {
            background-position: 0 0;
        }

        .m-soft-share .bdshare-button-style0-16 a.bds_qzone {
            background-position: -46px 0;
        }

        .m-soft-share .bdshare-button-style0-16 a.bds_tsina {
            background-position: -92px 0;
        }

        .m-soft-share .bdshare-button-style0-16 a.bds_weixin {
            background-position: -138px 0;
        }

        .m-soft-share .bdshare-button-style0-16 a.bds_tqq {
            background-position: -184px 0;
        }

        .m-soft-share .bdshare-button-style0-16 a.bds_renren {
            background-position: -229px 0;
        }

.m-related-link {
    height: 60px;
    margin-bottom: 30px;
    padding-left: 67px;
    background: -191px -254px url(../images/ui_img/sp_1.png) no-repeat;
    color: #999;
    overflow: hidden;
}

    .m-related-link .inner {
        margin-top: -10px;
    }

    .m-related-link .item {
        color: #999;
        line-height: 36px;
        margin-right: 12px;
        letter-spacing: 2px;
    }

        .m-related-link .item + .item {
            margin-left: 12px;
        }

        .m-related-link .item:hover {
            color: #358ff0;
        }

.m-soft-dl-list {
    margin-right: -16px;
    margin-top: -25px;
}

    .m-soft-dl-list .item {
        width: 305px;
        float: left;
        margin-right: 16px;
        margin-top: 25px;
    }

    .m-soft-dl-list .item-title {
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 10px;
        display: block;
    }

    .m-soft-dl-list .item-img {
        width: 64px;
        height: 64px;
        padding: 12px;
        float: left;
    }

    .m-soft-dl-list .item-info {
        margin-left: 104px;
    }

    .m-soft-dl-list .btn-dl {
        line-height: 28px;
        width: 78px;
        display: block;
        color: #c2c2c2;
        border: 1px solid #c2c2c2;
        text-align: center;
        letter-spacing: 2px;
        text-indent: 2px;
    }

        .m-soft-dl-list .btn-dl:hover {
            background: #358ff0;
            color: #fff;
            border-color: #358ff0;
        }

.s-az-art .art-main {
    float: left;
}

.s-az-art .art-title {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 22px;
    height: 56px;
    line-height: 56px;
    background: #f9f9f9;
    padding-left: 15px;
    letter-spacing: 2px;
}

    .s-az-art .art-title .title {
        display: inline-block;
        vertical-align: top;
    }

.s-az-art .art-info {
    padding-right: 50px;
    letter-spacing: 2px;
    margin-bottom: 46px;
}

    .s-az-art .art-info .img {
        width: 72px;
        height: 72px;
        padding: 36px;
        border-radius: 50%;
        border: 2px solid #358ff0;
        position: relative;
    }

    .s-az-art .art-info .text {
        line-height: 24px;
        text-align: justify;
        letter-spacing: 1px;
        min-height: 72px;
        overflow: hidden;
    }

    .s-az-art .art-info .g-star {
        position: relative;
        top: -2px;
        margin-left: 4px;
    }

.s-az-art .m-soft-share {
    margin-top: -7px;
}

.s-az-art .detail {
    margin-left: 180px;
}

    .s-az-art .detail .tag-box {
        margin-bottom: 25px;
    }

        .s-az-art .detail .tag-box .tag {
            border: 1px solid #358ff0;
            border-radius: 14px;
            color: #358ff0;
            padding: 0 10px;
            display: inline-block;
            line-height: 26px;
            margin-right: 7px;
        }

    .s-az-art .detail .item {
        line-height: 26px;
    }

.s-az-art .br {
    padding-top: 20px;
    padding-right: 50px;
    border-right: 1px solid #e4e4e4;
}

.s-az-art .m-art-cont {
    line-height: 36px;
}

    .s-az-art .m-art-cont .btn-toggle {
        line-height: 38px;
        border: 1px solid #ededed;
        color: #999;
        text-align: center;
        display: block;
        background: #f7f7f7;
    }

    .s-az-art .m-art-cont .toggle-1 {
        height: 216px;
        overflow: hidden;
    }

    .s-az-art .m-art-cont .toggle-2 {
        height: 135px;
        overflow: hidden;
    }

    .s-az-art .m-art-cont .toggle-cont {
        margin-bottom: 10px;
    }

        .s-az-art .m-art-cont .toggle-cont.show-all {
            height: auto;
        }

    .s-az-art .m-art-cont .u-new {
        margin-left: 20px;
        line-height: 45px;
    }

        .s-az-art .m-art-cont .u-new .ico {
            width: 24px;
            height: 24px;
            overflow: hidden;
            margin-top: 10px;
            float: left;
            background: -196px 0 url(../images/ui_img/sp_2.png) no-repeat;
        }

        .s-az-art .m-art-cont .u-new .txt {
            margin-left: 34px;
            display: block;
        }

.s-az-idx .m-az-recom {
    display: none;
    margin-right: 0;
}

    .s-az-idx .m-az-recom .item {
        margin-right: 0;
        margin-left: 40px;
        margin-top: 18px;
    }

    .s-az-idx .m-az-recom .img {
        border-radius: 14px;
    }

.s-az-idx .m-rank .m-rank-tab {
    margin-top: 5px;
}

.s-az-idx .m-rank .rank-title {
    padding-left: 0;
}

.s-az-soft .m-rank .rank-cont {
    display: none;
}

.s-az-soft .m-rank .m-rank-tab {
    margin-top: 5px;
}

.s-az-soft .m-rank .rank-title {
    padding-left: 0;
}

.s-az-soft .az-zjgx .tab-cont-item {
    display: block;
}

.g-az-title {
    font-size: 0;
    border-bottom: 1px solid #e4e4e4;
}

    .g-az-title .u-left {
        vertical-align: top;
    }

    .g-az-title .u-right {
        vertical-align: top;
    }

    .g-az-title .txt {
        background: #358ff0;
        color: #fff;
        vertical-align: top;
        line-height: 30px;
        font-style: italic;
        height: 30px;
        overflow: hidden;
    }

    .g-az-title .bb {
        vertical-align: top;
        height: 30px;
        padding-bottom: 16px;
        border-bottom: 2px solid #358ff0;
        margin-bottom: -1px;
    }

    .g-az-title.sty-1 .txt {
        font-size: 16px;
        padding: 0 8px;
    }

    .g-az-title.sty-1 .u-left {
        width: 15px;
        height: 30px;
        background: 0 0 url(../images/ui_img/sp_2.png) no-repeat;
    }

    .g-az-title.sty-1 .u-right {
        width: 33px;
        height: 30px;
        background: -95px 0 url(../images/ui_img/sp_2.png) no-repeat;
    }

    .g-az-title.sty-2 .txt {
        padding: 0 20px;
        font-size: 14px;
    }

    .g-az-title.sty-2 .u-left {
        width: 11px;
        height: 30px;
        background: -140px 0 url(../images/ui_img/sp_2.png) no-repeat;
    }

    .g-az-title.sty-2 .u-right {
        width: 11px;
        height: 30px;
        background: -151px 0 url(../images/ui_img/sp_2.png) no-repeat;
    }

.m-az-shots {
    position: relative;
    height: 300px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .m-az-shots:hover .btn {
        display: block;
    }

    .m-az-shots .inner {
        margin-right: -11px;
    }

    .m-az-shots .item {
        width: auto;
        float: left;
        margin-right: 10px;
        cursor: pointer;
    }

    .m-az-shots .btn {
        display: none;
        position: absolute;
        top: 50%;
        margin-top: -35px;
        z-index: 10;
        background-image: url(../images/ui_img/sp_2.png);
        background-repeat: no-repeat;
        width: 70px;
        height: 70px;
        cursor: pointer;
    }

    .m-az-shots .btn-prev {
        left: 0;
        background-position: 0 -30px;
    }

    .m-az-shots .btn-next {
        right: 0;
        background-position: -70px -30px;
    }

.m-az-recom {
    margin-top: 20px;
    margin-right: -7px;
}

    .m-az-recom .item {
        float: left;
        width: 100px;
        text-align: center;
        margin-right: 8px;
    }

        .m-az-recom .item .img {
            margin-bottom: 13px;
            margin-left: auto;
            margin-right: auto;
            width: 80px;
            height: 80px;
            overflow: hidden;
            position: relative;
        }

            .m-az-recom .item .img img {
                border-radius: 16px;
            }

.m-dl-qrcode {
    text-align: center;
    margin-bottom: 50px;
}

    .m-dl-qrcode .btn-dl {
        display: block;
        margin: 25px auto 0;
        width: 288px;
        height: 80px;
        background: 0 -100px url(../images/ui_img/sp_2.png) no-repeat;
    }

        .m-dl-qrcode .btn-dl:hover {
            opacity: .8;
            filter: alpha(opacity=80);
        }

.m-side-version {
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px;
}

    .m-side-version .item {
        color: #fff;
        padding: 20px;
    }

        .m-side-version .item + .item {
            margin-top: 20px;
        }

    .m-side-version .img {
        width: 110px;
        height: 110px;
        float: left;
        border-radius: 20px;
        position: relative;
        z-index: 2;
    }

    .m-side-version .info {
        margin-left: 130px;
    }

    .m-side-version .name {
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 12px;
    }

    .m-side-version .btn-dl {
        width: 50px;
        float: right;
        height: 24px;
        line-height: 24px;
        background: #fff;
        text-align: center;
        border-radius: 12px;
        position: relative;
        z-index: 2;
    }

    .m-side-version .sty-1 {
        background: #ffb100;
    }

        .m-side-version .sty-1 .btn-dl {
            color: #ffb100;
        }

    .m-side-version .sty-2 {
        background: #4fbde1;
    }

        .m-side-version .sty-2 .btn-dl {
            color: #4fbde1;
        }

    .m-side-version .sty-3 {
        background: #ec6862;
    }

        .m-side-version .sty-3 .btn-dl {
            color: #ec6862;
        }

.m-az-tab-list .bb {
    border-bottom: 0;
    cursor: pointer;
}

    .m-az-tab-list .bb .txt {
        color: #333;
        background: #efefef;
    }

    .m-az-tab-list .bb .u-left {
        background-position: -162px 0;
    }

    .m-az-tab-list .bb .u-right {
        background-position: -173px 0;
    }

    .m-az-tab-list .bb.cur {
        border-bottom: 2px solid #358ff0;
    }

        .m-az-tab-list .bb.cur .txt {
            color: #fff;
            background: #358ff0;
        }

        .m-az-tab-list .bb.cur .u-left {
            background-position: -140px 0;
        }

        .m-az-tab-list .bb.cur .u-right {
            background-position: -151px 0;
        }

.m-az-tab-list .m-rank {
    margin-top: -25px;
}

    .m-az-tab-list .m-rank .rank-item {
        padding-bottom: 0;
        border-bottom: 0;
    }

        .m-az-tab-list .m-rank .rank-item.on .g-art-count {
            display: none;
        }

.m-hot-tag {
    word-break: break-all;
}

    .m-hot-tag .g-title {
        border-color: #e7e7e7;
    }

    .m-hot-tag .inner {
        margin-top: -10px;
        padding-left: 10px;
    }

    .m-hot-tag .tag {
        margin-right: 26px;
        line-height: 36px;
    }

        .m-hot-tag .tag .count {
            font-size: 12px;
            color: #999;
        }

    .m-hot-tag .c-1 {
        color: #ff1716;
    }

    .m-hot-tag .c-2 {
        color: #0b9e94;
    }

    .m-hot-tag .c-3 {
        color: #d39f17;
    }

    .m-hot-tag .c-4 {
        color: #ff006b;
    }

    .m-hot-tag .c-5 {
        color: #049cff;
    }

    .m-hot-tag .c-6 {
        color: #606060;
    }

    .m-hot-tag .c-6 {
        color: #8b4bfa;
    }

    .m-hot-tag .c-7 {
        color: #4b991f;
    }

.m-soft-line {
    padding-top: 20px;
    margin-right: -44px;
}

    .m-soft-line .item {
        float: left;
        width: 95px;
        margin-right: 44px;
    }

    .m-soft-line .name {
        margin-top: 10px;
        text-align: center;
    }

.m-soft-collection {
    margin-bottom: 30px;
    margin-top: -10px;
    color: #999;
}

    .m-soft-collection .title {
        float: left;
        width: 75px;
        height: 38px;
        line-height: 38px;
        padding-left: 10px;
        margin-top: 10px;
        color: #fff;
        background: 0 -278px url(../images/ui_img/sp_1.png) no-repeat;
    }

    .m-soft-collection .item {
        width: 590px;
        margin-right: 10px;
        margin-top: 10px;
        float: left;
    }

    .m-soft-collection .links {
        margin-left: 95px;
        overflow: hidden;
        height: 60px;
    }

    .m-soft-collection .link {
        font-size: 14px;
        margin: 0 10px;
        line-height: 30px;
        color: #666;
    }

        .m-soft-collection .link:hover {
            color: #358ff0;
        }

        .m-soft-collection .link:first-child {
            margin-left: 0;
        }

.m-recom-list {
    float: left;
    width: 285px;
}

    .m-recom-list .ico-30 {
        margin-right: 10px;
    }

    .m-recom-list .list {
        overflow: hidden;
        height: 214px;
    }

    .m-recom-list .item {
        margin-top: 16px;
        height: 30px;
    }

        .m-recom-list .item:first-child {
            margin-top: 0;
        }

.g-dotted {
    height: 1px;
    background-position: 0 -28px;
    background-repeat: repeat-x;
}

.m-rank-tab {
    font-size: 14px;
    font-weight: normal;
}

    .m-rank-tab .item {
        float: left;
        margin-left: 10px;
        padding: 0 5px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        background: #ededed;
        color: #666;
        cursor: pointer;
        letter-spacing: 0;
    }

        .m-rank-tab .item.cur {
            color: #fff;
            background: #358ff0;
        }

.page-soft-idx .soft-main .soft-slide {
    width: 680px;
    height: 287px;
    overflow: hidden;
    position: relative;
}

    .page-soft-idx .soft-main .soft-slide .title {
        margin-top: -46px;
        height: 46px;
        line-height: 46px;
        font-size: 18px;
        color: #fff;
        position: relative;
    }

        .page-soft-idx .soft-main .soft-slide .title .txt {
            position: relative;
            z-index: 2;
            padding-left: 20px;
        }

    .page-soft-idx .soft-main .soft-slide .cover {
        background: #000;
        filter: alpha(opacity=34);
        opacity: .34;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .page-soft-idx .soft-main .soft-slide .btn {
        position: absolute;
        top: 50%;
        margin-top: -30px;
        width: 38px;
        height: 60px;
        border-radius: 2px;
        cursor: pointer;
    }

        .page-soft-idx .soft-main .soft-slide .btn.btn-prev {
            left: 0;
        }

            .page-soft-idx .soft-main .soft-slide .btn.btn-prev .btn-ico {
                background-position: -175px -32px;
            }

        .page-soft-idx .soft-main .soft-slide .btn.btn-next {
            right: 0;
        }

            .page-soft-idx .soft-main .soft-slide .btn.btn-next .btn-ico {
                background-position: -195px -32px;
            }

        .page-soft-idx .soft-main .soft-slide .btn .btn-ico {
            width: 14px;
            height: 24px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -7px;
            margin-top: -12px;
            z-index: 2;
            background-image: url(../images/ui_img/sp_1.png);
        }

.page-soft-idx .soft-main .col-2 {
    float: left;
    margin-left: 24px;
    width: 680px;
}

.page-soft-idx .soft-main .col-3 {
    width: 360px;
    float: right;
}

    .page-soft-idx .soft-main .col-3 .m-rank {
        margin-top: -19px;
        display: none;
    }

    .page-soft-idx .soft-main .col-3 .g-sort-num {
        width: 22px;
        height: 22px;
        line-height: 22px;
        margin-right: 10px;
        margin-top: 1px;
    }

    .page-soft-idx .soft-main .col-3 .rank-item {
        padding-top: 18px;
    }

.g-npos {
    position: absolute;
    right: 20px;
    bottom: 18px;
    z-index: 3;
}

    .g-npos .item {
        float: left;
        width: 10px;
        height: 10px;
        overflow: hidden;
        margin-left: 10px;
    }

        .g-npos .item .cir {
            width: 100%;
            height: 10px;
            background: #fff;
            border-radius: 5px;
            transition: width 0.6s ease-in 0s;
            position: relative;
            z-index: 2;
        }

        .g-npos .item.on {
            width: 20px;
        }

.m-soft-cate-list {
    color: #999;
    margin-top: 2px;
}

    .m-soft-cate-list .soft-list {
        margin-right: 80px;
        display: none;
    }

        .m-soft-cate-list .soft-list .item {
            margin-top: 14px;
            height: 20px;
            overflow: hidden;
        }

    .m-soft-cate-list .label {
        color: #999;
        margin-right: 10px;
        float: left;
    }

    .m-soft-cate-list .ico-18 {
        margin: 0 3px;
    }

    .m-soft-cate-list .g-time {
        margin-left: 20px;
    }

    .m-soft-cate-list .soft-cate {
        width: 40px;
        text-align: center;
        margin-top: -20px;
    }

        .m-soft-cate-list .soft-cate .item-box {
            margin-top: 20px;
        }

            .m-soft-cate-list .soft-cate .item-box.cur .item {
                background: #358ff0;
                color: #fff;
            }

        .m-soft-cate-list .soft-cate .item {
            border-radius: 15px 0 15px 0;
            background: #f5f6f8;
            color: #666;
            height: 188px;
            position: relative;
            display: table;
            cursor: pointer;
            width: 40px;
            line-height: 1.2;
        }

            .m-soft-cate-list .soft-cate .item .inner {
                display: table-cell;
                vertical-align: middle;
                padding: 0 10px;
                width: 20px;
                *position: absolute;
                *top: 50%;
                *left: 0;
            }

            .m-soft-cate-list .soft-cate .item .txt {
                display: block;
                *position: relative;
                *top: -50%;
                *left: 0;
            }

.m-hot-tab-row {
    border: 1px solid #ededed;
}

    .m-hot-tab-row .hot-tab {
        width: 120px;
    }

        .m-hot-tab-row .hot-tab .item {
            line-height: 46px;
            height: 46px;
            text-align: center;
            position: relative;
            cursor: pointer;
            border-right: 1px solid #ededed;
            border-bottom:1px solid #ddd;
        }

            .m-hot-tab-row .hot-tab .item.cur {
                background: #f7534c;
                border-right: 1px solid #f7534c;
                color: #fff;
            }

                .m-hot-tab-row .hot-tab .item.cur .arrow {
                    display: block;
                }

            .m-hot-tab-row .hot-tab .item .arrow {
                display: none;
                position: absolute;
                right: -8px;
                top: 50%;
                width: 7px;
                height: 14px;
                margin-top: -7px;
                background: -175px -60px url(../images/ui_img/sp_2.png) no-repeat;
            }

    .m-hot-tab-row .m-az-recom {
        margin-top: 0;
    }

.m-recom-large {
    margin-left: -25px;
}

    .m-recom-large .item {
        position: relative;
        width: 220px;
        height: 392px;
        overflow: hidden;
        float: left;
        margin-left: 25px;
    }

        .m-recom-large .item:hover .cover {
            top: 0;
        }

    .m-recom-large .img {
        position: relative;
        width: 220px;
        height: 392px;
        z-index: 1;
    }

        .m-recom-large .img .title {
            line-height: 46px;
            font-size: 18px;
            font-weight: normal;
            text-align: center;
            color: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
        }

            .m-recom-large .img .title .txt {
                position: relative;
                z-index: 2;
            }

            .m-recom-large .img .title .bg {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                background: #000;
                opacity: .7;
                filter: alpha(opacity=70);
            }

    .m-recom-large .ico {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        background: #f7534c;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        border-radius: 0 0 0 25px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .m-recom-large .cover {
        position: absolute;
        left: 0;
        top: 100%;
        background: #fafafa;
        z-index: 3;
        width: 100%;
        height: 100%;
        transition: all .3 ease;
        -webkit-transition: top 0.4s;
        -moz-transition: top 0.4s;
        transition: top 0.4s;
    }

        .m-recom-large .cover .title {
            line-height: 46px;
            font-size: 18px;
            font-weight: normal;
            text-align: center;
            background: #358ff0;
            color: #fff;
        }

        .m-recom-large .cover .txt {
            line-height: 30px;
            padding: 20px 20px 0;
            margin-bottom: 20px;
            height: 240px;
            overflow: hidden;
            color: #666;
            text-align: justify;
        }

    .m-recom-large .btn-in {
        color: #358ff0;
        border-radius: 14px;
        line-height: 28px;
        border: 1px solid #358ff0;
        display: block;
        width: 92px;
        text-align: center;
        margin: auto;
        position: relative;
        z-index: 2;
    }

.m-feature-topic .inner {
    height: 382px;
    overflow: hidden;
}

.m-feature-topic .list {
    margin-left: -20px;
    margin-top: -20px;
}

.m-feature-topic .item {
    width: 285px;
    text-align: center;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.m-feature-topic .title {
    font-size: 16px;
    line-height: 44px;
    padding: 0 10px;
    border: 1px solid #f2f2f2;
}

.m-feature-topic .btn {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 50px;
    height: 80px;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
}

    .m-feature-topic .btn:hover .cover {
        filter: alpha(opacity=20);
        opacity: .2;
    }

    .m-feature-topic .btn.prev {
        left: 0;
    }

        .m-feature-topic .btn.prev .btn-ico {
            background-position: -175px -32px;
        }

    .m-feature-topic .btn.next {
        right: 0;
    }

        .m-feature-topic .btn.next .btn-ico {
            background-position: -195px -32px;
        }

    .m-feature-topic .btn .cover {
        background: #000;
        filter: alpha(opacity=35);
        opacity: .35;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .m-feature-topic .btn .btn-ico {
        width: 14px;
        height: 24px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -7px;
        margin-top: -12px;
        z-index: 2;
        background-image: url(../images/ui_img/sp_1.png);
    }

.m-ctrl-group .btn {
    width: 30px;
    height: 30px;
    background-image: url(../images/ui_img/sp_2.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

    .m-ctrl-group .btn.prev {
        background-position: -201px -63px;
    }

    .m-ctrl-group .btn.next {
        background-position: -241px -63px;
    }

.m-hot-soft-row {
    position: relative;
    border: 1px solid #ededed;
    padding-bottom: 10px;
}

    .m-hot-soft-row .m-az-recom {
        margin-right: 0;
        margin-left: 9px;
    }

        .m-hot-soft-row .m-az-recom .item {
            margin-left: 35px;
            margin-right: 0;
        }

    .m-hot-soft-row .ico {
        position: absolute;
        left: 0;
        top: 0;
        width: 56px;
        height: 58px;
        background: -234px 0 url(../images/ui_img/sp_2.png) no-repeat;
        z-index: 2;
    }

.m-soft-slide-large {
    width: 804px;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-right: 20px;
}

.g-input-page {
    border: 1px solid #358ff0;
    height: 24px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 0;
}

    .g-input-page .input {
        width: 34px;
        border: 0;
        height: 18px;
        line-height: 18px;
        padding: 3px 10px;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        font-size: 14px;
        outline: 0;
    }

    .g-input-page .btn {
        display: inline-block;
        width: 26px;
        height: 24px;
        background: 0 -323px url(../images/ui_img/sp_1.png) no-repeat;
        vertical-align: top;
    }

.m-list-share {
    position: relative;
    margin-bottom: -2px;
}

    .m-list-share:hover .bd-share {
        display: block;
    }

    .m-list-share:hover .share {
        display: none;
    }

    .m-list-share .share {
        width: 40px;
        height: 40px;
        display: block;
        background: -161px 4px url(../images/ui_img/sp_share_3.png) no-repeat;
    }

    .m-list-share .bd-share {
        display: none;
    }

    .m-list-share .bdshare-button-style0-16 a:hover {
        opacity: .6;
        filter: alpha(opacity=60);
    }

    .m-list-share .bds {
        background-image: url(../images/ui_img/sp_share_3.png);
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        color: #fff;
        padding-left: 0;
        margin: 0 5px;
    }

        .m-list-share .bds.bds_tsina {
            background-position: 2px 4px;
        }

        .m-list-share .bds.bds_weixin {
            background-position: -59px 4px;
            margin-left: 10px;
        }

        .m-list-share .bds.bds_sqq {
            background-position: -115px 4px;
        }

.page-news-list .list-main .desc {
    font-size: 16px;
    margin-bottom: 20px;
}

.page-news-list .list-main .info {
    padding-top: 5px;
}

.page-soft-list .list-main .desc {
    margin-bottom: 20px;
}

.s-page-list .list-main .item {
    padding-top: 20px;
    padding-bottom: 26px;
    border-bottom: 1px solid #ededed;
}

.s-page-list .list-main .soft-img {
    width: 70px;
    height: 70px;
    padding: 24px;
    border: 1px solid #f8f8f8;
}

.s-page-list .list-main .title {
    font-size: 20px;
    margin-bottom: 24px;
}

.s-page-list .list-main .info {
    color: #666;
    margin-left: 270px;
    overflow: hidden;
}

.s-page-list .list-main .detail {
    margin-bottom: 10px;
}

.s-page-list .list-main .desc {
    line-height: 40px;
    height: 120px;
    overflow: hidden;
    text-align: justify;
}

.s-page-list .list-main .m-list-share {
    position: absolute;
    right: 0;
    bottom: 0;
}

.s-page-list .list-main .btn {
    width: 92px;
    height: 28px;
    color: #999;
    border: 1px solid #c2c2c2;
    text-align: center;
    border-radius: 2px;
    line-height: 28px;
    font-size: 14px;
    letter-spacing: 2px;
}

    .s-page-list .list-main .btn:hover {
        color: #358ff0;
        border-color: #358ff0;
    }

.page-news-list .c-cur-pos {
    margin-bottom: 10px;
}

.page-news-list .hot-rank .g-title {
    border-color: #358ff0;
    margin-bottom: 36px;
}

    .page-news-list .hot-rank .g-title .g-tab {
        font-size: 22px;
        font-weight: bold;
        height: 30px;
        padding-bottom: 8px;
        margin-left: 10px;
    }

.page-course-list .list-main .desc {
    color: #666;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 10px;
    font-size: 16px;
}

.page-course-list .list-main .detail {
    margin-bottom: 0;
}

.page-course-list .list-main .btn {
    margin-top: -5px;
}

    .page-course-list .list-main .btn:hover {
        background: #51a5ff;
        border-color: #51a5ff;
        color: #fff;
    }

.page-soft-list .title .tag {
    color: #666;
    font-size: 12px;
    float: right;
    font-weight: normal;
    margin-top: 8px;
    margin-left: 20px;
}

.page-soft-list .title .txt {
    display: inline-block;
    max-width: 90%;
    text-align: justify;
}

.page-soft-list .list-main .info {
    margin-left: 140px;
}

    .page-soft-list .list-main .info .g-star {
        position: relative;
        top: -2px;
        margin-left: 4px;
    }

.page-soft-list .list-main .desc {
    color: #666;
    line-height: 24px;
    height: 48px;
    margin-bottom: 18px;
    margin-top: 10px;
}

.page-soft-list .list-main .detail {
    margin-bottom: 0;
}

.page-soft-list .list-main .btn {
    margin-top: -5px;
}

    .page-soft-list .list-main .btn:hover {
        background: #358ff0;
        border-color: #358ff0;
        color: #fff;
    }

.page-soft-list .list-main .platform .p-btn {
    background-image: url(../images/ui_img/sp_1.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    color: #666;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    margin-right: 35px;
}

    .page-soft-list .list-main .platform .p-btn.pc {
        background-position: -241px -323px;
    }

    .page-soft-list .list-main .platform .p-btn.az {
        background-position: -241px -343px;
    }

    .page-soft-list .list-main .platform .p-btn.ios {
        background-position: -241px -363px;
    }

.page-soft-list .tag-list {
    margin-left: -5px;
}

    .page-soft-list .tag-list .tag-link {
        width: 76px;
    }

.page-soft-list .rank-item.on .g-art-count {
    display: none;
}

.page-soft-list .side-hot-recom .rank-cont {
    display: none;
}

.page-az-list .c-cur-pos {
    border-color: #358ff0;
}

.m-az-sort-tab {
    margin-right: 10px;
}

    .m-az-sort-tab .tab-item.cur .ico-s {
        background-position: -186px -42px;
    }

    .m-az-sort-tab .txt {
        display: inline-block;
        font-weight: bold;
        height: 28px;
        vertical-align: middle;
    }

    .m-az-sort-tab .ico-s {
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 28px;
        background: -186px -67px url(../images/ui_img/sp_2.png) no-repeat;
    }

.m-az-sort-list {
    margin: -40px 0 40px -24px;
}

    .m-az-sort-list .item {
        width: 260px;
        border: 1px solid #f5f5f5;
        margin-top: 40px;
        position: relative;
        overflow: hidden;
        float: left;
        margin-left: 40px;
    }

        .m-az-sort-list .item:hover .cover {
            top: 0;
        }

        .m-az-sort-list .item .title {
            text-align: center;
            padding: 0 20px;
        }

        .m-az-sort-list .item .inner {
            position: relative;
            z-index: 1;
            padding-top: 40px;
        }

            .m-az-sort-list .item .inner .title {
                padding-bottom: 30px;
                font-size: 22px;
            }

        .m-az-sort-list .item .cover {
            position: absolute;
            background: #fff;
            width: 100%;
            height: 100%;
            z-index: 2;
            left: 0;
            top: 100%;
            -webkit-transition: top 0.4s;
            -moz-transition: top 0.4s;
            transition: top 0.4s;
        }

            .m-az-sort-list .item .cover .title {
                font-size: 14px;
                color: #fff;
                background: #358ff0;
                line-height: 40px;
                height: 40px;
            }

            .m-az-sort-list .item .cover .detail {
                padding: 18px 18px 10px;
                font-size: 12px;
                color: #999;
            }

            .m-az-sort-list .item .cover .desc {
                line-height: 22px;
                font-size: 12px;
                height: 132px;
                overflow: hidden;
                padding: 0 18px;
                color: #333;
                margin-bottom: 25px;
                text-align: justify;
            }

            .m-az-sort-list .item .cover .btn {
                width: 88px;
                height: 24px;
                line-height: 24px;
                display: block;
                margin: auto;
                border: 1px solid #358ff0;
                color: #358ff0;
                text-align: center;
            }

                .m-az-sort-list .item .cover .btn:hover {
                    background: #358ff0;
                    color: #fff;
                }

        .m-az-sort-list .item .img {
            margin-left: auto;
            margin-right: auto;
            width: 100px;
            height: 100px;
            margin: 0 auto 30px;
            overflow: hidden;
            position: relative;
        }

            .m-az-sort-list .item .img img {
                border-radius: 16px;
            }

        .m-az-sort-list .item .info {
            line-height: 44px;
            height: 44px;
            padding: 10px;
            border-top: 1px solid #f5f5f5;
        }

.s-az-recom .c-cur-pos {
    border-bottom: 0;
    margin-bottom: 0;
}

.s-az-recom .m-soft-tab {
    margin-top: -4px;
}

    .s-az-recom .m-soft-tab .tab-item {
        color: #358ff0;
        border: 1px solid #358ff0;
        margin: 0 8px;
        line-height: 26px;
        *line-height: 24px;
        height: 26px;
        display: inline-block;
        padding: 0 8px;
        border-radius: 2px;
        font-size: 16px;
    }

        .s-az-recom .m-soft-tab .tab-item:hover, .s-az-recom .m-soft-tab .tab-item.cur {
            background: #358ff0;
            color: #fff;
        }

.s-soft-zt .c-cur-pos {
    border-bottom: 0;
    margin-bottom: 0;
}

.s-az-zt .c-cur-pos {
    border-bottom: 0;
    margin-bottom: 0;
}

.s-az-zt .m-side-col .g-title {
    border-color: #358ff0;
}

.m-soft-show {
    margin-left: -30px;
    margin-top: -40px;
}

    .m-soft-show .item {
        width: 380px;
        position: relative;
        float: left;
        margin-left: 30px;
        margin-top: 40px;
        height: 208px;
        top: 0;
    }

        .m-soft-show .item .inner {
            border: 1px solid #e8e8e8;
            padding: 18px 18px 9px;
            position: relative;
            top: 0;
            z-index: 2;
            background: #fff;
            -webkit-transition: top 0.4s;
            -moz-transition: top 0.4s;
            transition: top 0.4s;
        }

        .m-soft-show .item:hover .inner {
            top: -10px;
        }

        .m-soft-show .item:hover .shadow {
            width: 94%;
            left: 3%;
            bottom: -2px;
        }

        .m-soft-show .item:hover .icon {
            display: none;
        }

        .m-soft-show .item:hover .qrcode {
            display: block;
        }

        .m-soft-show .item.sty-1 .most-ico {
            background-position: 0 0;
        }

        .m-soft-show .item.sty-2 .most-ico {
            background-position: -128px 0;
        }

        .m-soft-show .item.sty-3 .most-ico {
            background-position: -256px 0;
        }

        .m-soft-show .item.sty-4 .most-ico {
            background-position: -384px 0;
        }

        .m-soft-show .item.most .info {
            margin-left: 86px;
        }

        .m-soft-show .item.most .cell-1 {
            width: 72px;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
        }

        .m-soft-show .item.most .btn-dl {
            margin-top: 10px;
        }

        .m-soft-show .item .shadow {
            background: #ededed;
            width: 100%;
            height: 30px;
            position: absolute;
            left: 0%;
            bottom: 0;
            z-index: 1;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            transition: all 0.4s;
        }

    .m-soft-show .info {
        position: relative;
    }

    .m-soft-show .icon {
        width: 72px;
        height: 72px;
        display: block;
        float: left;
        margin-right: 10px;
    }

    .m-soft-show .qrcode {
        width: 72px;
        height: 72px;
        display: none;
        float: left;
        margin-right: 10px;
    }

    .m-soft-show .cell {
        float: left;
    }

    .m-soft-show .title {
        font-size: 16px;
        font-weight: normal;
        margin-bottom: 15px;
        padding-right: 82px;
        display: block;
    }

    .m-soft-show .most-ico {
        position: absolute;
        left: -7px;
        top: -7px;
        width: 112px;
        height: 112px;
        background-image: url(../images/ui_img/sp_3.png);
        background-repeat: no-repeat;
        z-index: 3;
    }

    .m-soft-show .desc {
        color: #999;
        line-height: 34px;
        height: 68px;
        text-align: justify;
        overflow: hidden;
    }

    .m-soft-show .tag-ico {
        padding-left: 18px;
        background-image: url(../images/ui_img/sp_3.png);
        background-repeat: no-repeat;
        font-size: 12px;
        color: #666;
    }

        .m-soft-show .tag-ico.ico-1 {
            background-position: -504px 1px;
        }

        .m-soft-show .tag-ico.ico-2 {
            background-position: -504px -25px;
        }

        .m-soft-show .tag-ico.ico-3 {
            background-position: -504px -50px;
        }

    .m-soft-show .btn-dl {
        width: 56px;
        height: 22px;
        line-height: 22px;
        display: inline-block;
        color: #c2c2c2;
        border: 1px solid #c2c2c2;
        margin-top: 25px;
        text-align: center;
    }

        .m-soft-show .btn-dl:hover {
            color: #fff;
            background: #358ff0;
            border-color: #358ff0;
            box-shadow: 0 0 15px 2px #c3defb;
        }

    .m-soft-show .c-orange {
        color: #ff6600;
    }

.m-soft-show-large {
    position: relative;
    padding-bottom: 12px;
}

    .m-soft-show-large .info {
        width: 714px;
        border: 1px solid #ededed;
        border-right: 0;
        border-bottom: 0;
        position: relative;
        z-index: 2;
    }

    .m-soft-show-large .inner {
        width: 624px;
        height: 216px;
        padding: 24px;
        background: #fff;
        border-bottom: 1px solid #ededed;
    }

    .m-soft-show-large .u-hypot {
        background: url(../images/ui_img/u_hypot_2.png) no-repeat;
        width: 42px;
        height: 265px;
        display: block;
        float: right;
    }

    .m-soft-show-large .title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .m-soft-show-large .txt {
        font-size: 16px;
        line-height: 40px;
        height: 120px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .m-soft-show-large .img {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
    }

    .m-soft-show-large .m-soft-share {
        vertical-align: middle;
        margin-top: 0;
    }

.m-img-title-cov {
    margin-left: -18px;
    margin-top: -18px;
}

    .m-img-title-cov .item {
        float: left;
        margin-left: 70px;
        margin-top: 18px;
        width: 284px;
        border: 1px solid #f2f2f2;
        position: relative;
        overflow: hidden;
    }

        .m-img-title-cov .item:hover .cover {
            top: 0;
        }

    .m-img-title-cov .title {
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        line-height: 43px;
        height: 43px;
        padding: 0 10px;
    }

    .m-img-title-cov .cover {
        -webkit-transition: top 0.4s;
        -moz-transition: top 0.4s;
        transition: top 0.4s;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 100%;
        background: #fff;
    }

        .m-img-title-cov .cover .title {
            font-size: 18px;
            color: #fff;
            background: #358ff0;
        }

        .m-img-title-cov .cover .desc {
            line-height: 28px;
            height: 112px;
            overflow: hidden;
            padding: 10px 10px 0;
            color: #999;
            margin-bottom: 10px;
        }

        .m-img-title-cov .cover .info {
            padding: 10px;
        }

        .m-img-title-cov .cover .count {
            background: -264px -190px url(../images/ui_img/sp_2.png) no-repeat;
            padding-left: 32px;
            display: inline-block;
            height: 20px;
            color: #ff3e3e;
        }

.m-zt-recom {
    position: relative;
    height: 476px;
    overflow: hidden;
}

    .m-zt-recom.hot-sys-recom {
        height: 290px;
    }

        .m-zt-recom.hot-sys-recom .item {
            padding-bottom: 10px;
            margin-left: 18px;
            width: 284px;
        }

            .m-zt-recom.hot-sys-recom .item .title {
                white-space: normal;
                height: 54px;
                padding: 10px 10px 0;
                line-height: 27px;
                text-align: left;
            }

        .m-zt-recom.hot-sys-recom .btn.prev {
            left: 2px;
        }

        .m-zt-recom.hot-sys-recom .btn.next {
            right: 2px;
        }

    .m-zt-recom .item-cont {
        margin-left: -17px;
        margin-top: -18px;
    }

    .m-zt-recom .item {
        float: left;
        margin-left: 19px;
        margin-top: 18px;
        width: 384px;
        border: 1px solid #ededed;
        position: relative;
        overflow: hidden;
    }

        .m-zt-recom .item .title {
            font-size: 16px;
            text-align: center;
            line-height: 43px;
            padding: 0 10px;
            height: 43px;
            font-weight: normal;
        }

    .m-zt-recom .btn {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        width: 38px;
        height: 80px;
        border-radius: 2px;
        cursor: pointer;
    }

        .m-zt-recom .btn:hover .cover {
            filter: alpha(opacity=100);
            opacity: 1;
            background: #358ff0;
        }

        .m-zt-recom .btn.prev {
            left: 0px;
        }

            .m-zt-recom .btn.prev .btn-ico {
                background-position: -175px -32px;
            }

        .m-zt-recom .btn.next {
            right: 0px;
        }

            .m-zt-recom .btn.next .btn-ico {
                background-position: -195px -32px;
            }

        .m-zt-recom .btn .cover {
            background: #000;
            filter: alpha(opacity=20);
            opacity: .2;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .m-zt-recom .btn .btn-ico {
            width: 14px;
            height: 24px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -7px;
            margin-top: -12px;
            z-index: 2;
            background-image: url(../images/ui_img/sp_1.png);
        }

.m-az-zt-banner {
    height: 336px;
    position: relative;
}

    .m-az-zt-banner .info {
        position: absolute;
        right: 0;
        top: 0;
        border-top: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
    }

        .m-az-zt-banner .info .inner {
            padding: 25px 20px;
            width: 364px;
            border-bottom: 1px solid #e8e8e8;
            background: #fff;
            margin-left: 31px;
            height: 240px;
        }

        .m-az-zt-banner .info .u-hypot {
            background: url(../images/ui_img/u_hypot_3.png) no-repeat;
            width: 31px;
            height: 290px;
            display: block;
            float: left;
        }

        .m-az-zt-banner .info .title {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .m-az-zt-banner .info .txt {
            line-height: 28px;
            height: 84px;
            overflow: hidden;
            margin-bottom: 20px;
        }

    .m-az-zt-banner .layer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
    }

        .m-az-zt-banner .layer .inner {
            position: relative;
            z-index: 2;
        }

        .m-az-zt-banner .layer .items {
            padding-top: 10px;
        }

        .m-az-zt-banner .layer .item {
            margin-left: 10px;
            float: left;
            width: 288px;
            position: relative;
        }

            .m-az-zt-banner .layer .item:hover .overlay {
                display: block;
            }


        .m-az-zt-banner .layer .overlay {
            display: none;
            width: 100%;
            height: 100%;
            position: absolute;
            left: -2px;
            top: -2px;
            z-index: 2;
            border: 2px solid #358ff0;
        }

            .m-az-zt-banner .layer .overlay .cover {
                filter: alpha(opacity=20);
                opacity: .20;
            }

            .m-az-zt-banner .layer .overlay .title {
                font-size: 16px;
                color: #fff;
                position: relative;
                z-index: 2;
                text-align: center;
                height: 30px;
                line-height: 30px;
                margin-top: 25px;
                padding: 0 10px;
            }

        .m-az-zt-banner .layer .cover {
            background: #000;
            filter: alpha(opacity=50);
            opacity: .50;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

        .m-az-zt-banner .layer .text {
            font-weight: bold;
            color: #fff;
            margin-left: 925px;
            width: 210px;
            line-height: 24px;
            padding-top: 26px;
        }

.m-az-zt-list .item {
    border-top: 1px dashed #e4e4e4;
    border-bottom: 1px dashed #e4e4e4;
    padding: 32px 20px;
    position: relative;
    margin-top: -1px;
}

    .m-az-zt-list .item:hover {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background: #f5f6f8;
    }

        .m-az-zt-list .item:hover + .item {
            border-top: 1px solid #fff;
        }

        .m-az-zt-list .item:hover .overlay {
            display: block;
        }

.m-az-zt-list .img {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.m-az-zt-list .overlay {
    display: none;
    position: absolute;
    right: 20px;
    top: 18px;
}

    .m-az-zt-list .overlay .qrcode {
        padding: 10px;
        background: #fff;
        border: 1px solid #ededed;
    }

    .m-az-zt-list .overlay .btn-dl {
        display: block;
        text-align: center;
        line-height: 40px;
        height: 40px;
        margin-top: 5px;
        background: #51a5ff;
        font-size: 16px;
        border-radius: 2px;
        color: #fff;
        width: 102px;
        position: relative;
    }

.m-az-zt-list .info {
    margin-left: 138px;
    margin-right: 138px;
    padding-top: 10px;
}

    .m-az-zt-list .info .title {
        font-size: 16px;
        font-weight: bold;
        margin-right: 20px;
        max-width: 376px;
        display: inline-block;
        vertical-align: middle;
    }

    .m-az-zt-list .info .txt {
        color: #666;
        height: 48px;
        line-height: 24px;
        overflow: hidden;
        margin-top: 10px;
    }

.s-zt-summary .g-title {
    border-color: #ededed;
}

    .s-zt-summary .g-title .title-txt {
        font-weight: normal;
    }

.g-tab-title {
    padding-bottom: 12px;
    border-color: #358ff0;
}

    .g-tab-title .tab-item.cur {
        font-size: 22px;
        font-weight: bold;
    }

.m-zt-tab.g-title {
    border-color: #358ff0;
}

.m-zt-tab .info {
    width: 315px;
    overflow: hidden;
}

.m-zt-tab .tag {
    float: left;
    margin-top: 1px;
    font-size: 18px;
    font-weight: bold;
}

.m-zt-tab .text {
    color: #999;
}

.m-zt-tab .letter {
    color: #f0f0f0;
    margin-left: 3px;
}

.m-zt-tab .m-ctrl-group .page {
    float: left;
    margin-left: 10px;
    line-height: 30px;
}

.m-zt-img-title.zt-course .list {
    margin-left: -20px;
}

.m-zt-img-title.zt-course .item {
    width: 588px;
    margin-left: 20px;
}

.m-zt-img-title .list {
    margin-left: -18px;
    margin-top: -20px;
}

.m-zt-img-title .item {
    width: 386px;
    text-align: center;
    float: left;
    margin-left: 18px;
    margin-top: 20px;
    border: 1px solid #ededed;
}

.m-zt-img-title .title {
    font-size: 16px;
    line-height: 44px;
    padding: 0 10px;
}

.s-tag .g-title .title-txt {
    font-weight: bold;
}

.s-tag .m-hot-tag .tag {
    display: inline-block;
}

.m-map {
    margin-top: -30px;
}

    .m-map .title {
        float: left;
        height: 30px;
        width: 180px;
        overflow: hidden;
        color: #358ff0;
        background-image: url(../images/ui_img/sp_4.png);
        background-repeat: no-repeat;
        padding-left: 40px;
        font-size: 18px;
        line-height: 30px;
        margin-top: 3px;
    }

        .m-map .title.t-1 {
            background-position: 0 0;
        }

        .m-map .title.t-2 {
            background-position: 0 -30px;
        }

        .m-map .title.t-3 {
            background-position: 0 -60px;
        }

        .m-map .title.t-4 {
            background-position: 0 -90px;
        }

        .m-map .title.t-5 {
            background-position: 0 -120px;
        }

        .m-map .title.t-6 {
            background-position: 0 -150px;
        }

        .m-map .title.t-7 {
            background-position: 0 -180px;
        }

        .m-map .title.t-8 {
            background-position: 0 -210px;
        }

        .m-map .title.t-9 {
            background-position: 0 -240px;
        }

        .m-map .title.t-10 {
            background-position: 0 -270px;
        }

        .m-map .title.t-11 {
            background-position: 0 -300px;
        }

    .m-map .item {
        padding-top: 40px;
        padding-bottom: 40px;
        border-bottom: 1px dashed #e4e4e4;
    }

    .m-map .links {
        float: left;
        width: 980px;
        margin-top: -4px;
    }

    .m-map .link {
        width: 136px;
        height: 36px;
        line-height: 36px;
        float: left;
        text-align: center;
        background: #f5f5f5;
        margin-left: 4px;
        margin-top: 4px;
    }

        .m-map .link:hover {
            color: #fff;
            background: #358ff0;
        }

.m-theme-list {
    margin-left: -19px;
    margin-top: -20px;
}

    .m-theme-list .item {
        width: 315px;
        float: left;
        margin-left: 19px;
        margin-top: 20px;
    }

    .m-theme-list .name {
        text-align: center;
        display: block;
        margin-bottom: 10px;
        border: 1px solid #ededed;
        border-top: 0;
        line-height: 44px;
        font-size: 16px;
    }

    .m-theme-list .btn-dl {
        width: 60px;
        height: 24px;
        line-height: 24px;
        color: #c2c2c2;
        border: 1px solid #c2c2c2;
        float: right;
        text-align: center;
    }

        .m-theme-list .btn-dl:hover {
            color: #fff;
            background: #358ff0;
            border-color: #358ff0;
        }

.image-preview {
    position: absolute;
    z-index: 1000;
    border: 2px solid #358ff0;
    padding: 5px;
    background-color: #fff;
}

.page-course-idx .m-large-link {
    background: #f6f6f6;
    text-align: center;
    height: 68px;
    overflow: hidden;
}

    .page-course-idx .m-large-link .ico {
        border-radius: 50%;
        display: inline-block;
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 32px;
        text-align: center;
        color: #fff;
        background: #358ff0;
        position: relative;
        vertical-align: top;
        margin-right: 5px;
    }

    .page-course-idx .m-large-link .link {
        display: inline-block;
        vertical-align: top;
        font-size: 36px;
        color: #358ff0;
    }

        .page-course-idx .m-large-link .link:hover {
            text-decoration: underline;
        }

    .page-course-idx .m-large-link .item {
        padding: 13px 0;
        line-height: 42px;
    }

        .page-course-idx .m-large-link .item + .item {
            margin-left: 35px;
        }

.s-course-idx .g-title {
    margin-bottom: 15px;
    border-color: #e4e4e4;
}

    .s-course-idx .g-title .title-txt {
        width: auto;
        font-weight: bold;
    }

.s-course-idx .hot-rank .g-title {
    border-color: #358ff0;
    margin-bottom: 0;
    font-weight: bold;
}

.s-course-idx .hot-rank .tab-item {
    padding-bottom: 10px;
    font-size: 20px;
}

    .s-course-idx .hot-rank .tab-item .bot-arrow {
        bottom: -8px;
    }

.s-course-idx .hot-rank .g-time {
    color: #999;
    margin-left: 20px;
}

    .s-course-idx .hot-rank .g-time.today {
        color: #358ff0;
        letter-spacing: 3px;
        *padding-right: 2px;
    }

.s-course-idx .hot-rank .hot .item-name {
    color: #358ff0;
}

.s-course-idx .cell-1 {
    width: 380px;
    height: 374px;
    overflow: hidden;
    position: relative;
}

    .s-course-idx .cell-1 .item {
        width: 380px;
        float: left;
        position: relative;
    }

    .s-course-idx .cell-1 .title {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 60px;
        z-index: 5;
    }

        .s-course-idx .cell-1 .title .txt {
            padding: 10px;
            line-height: 30px;
            color: #fff;
            text-align: center;
            font-size: 16px;
            font-weight: normal;
            position: relative;
            z-index: 2;
        }

        .s-course-idx .cell-1 .title .cover {
            position: absolute;
            left: 0;
            top: 0;
            background-color: #000;
            opacity: .5;
            filter: alpha(opacity=50);
            width: 100%;
            height: 100%;
            z-index: 1;
        }

    .s-course-idx .cell-1 .thumbs {
        position: absolute;
        bottom: 14px;
        left: 0;
        z-index: 5;
        text-align: center;
        width: 100%;
    }

        .s-course-idx .cell-1 .thumbs .tmb {
            width: 20px;
            height: 2px;
            cursor: pointer;
            background-color: #fff;
            *margin: 0 2px;
        }

            .s-course-idx .cell-1 .thumbs .tmb.on {
                background-color: #358ff0;
            }

.s-course-idx .cell-2 {
    padding: 16px;
    border: 1px solid #ededed;
    border-top: 2px solid #358ff0;
}

    .s-course-idx .cell-2 .item {
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .s-course-idx .cell-2 .title {
        font-size: 16px;
        color: #358ff0;
        line-height: 1;
        padding-left: 15px;
        border-left: 4px solid #358ff0;
        margin-bottom: 20px;
    }

    .s-course-idx .cell-2 .btn-dl {
        margin-top: 10px;
        margin-left: 10px;
        width: 23px;
        height: 23px;
        display: inline-block;
        background: -38px -323px url(../images/ui_img/sp_1.png) no-repeat;
    }

    .s-course-idx .cell-2 .more {
        display: block;
        text-align: center;
    }

.s-course-idx .cell-3 {
    position: relative;
    margin-left: 420px;
    width:550px;
}

    .s-course-idx .cell-3 .g-title {
        position: relative;
    }


    .s-course-idx .cell-3 .g-change-btn {
        position: absolute;
        left: 104px;
        top: 1px;
    }

    .s-course-idx .cell-3 .blog-btn {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #358ff0;
    }

    .s-course-idx .cell-3 .g-dot-list {
        display: none;
    }

    .s-course-idx .cell-3 .list-pos {
        text-align: center;
        margin-top: 48px;
        position: relative;
    }

        .s-course-idx .cell-3 .list-pos .item {
            border-radius: 15px;
            line-height: 28px;
            font-size: 14px;
            border: 1px solid #358ff0;
            display: inline-block;
            width: 28px;
            margin: 0 2px;
            text-align: center;
            position: relative;
            color: #fff;
            background: #358ff0;
        }

            .s-course-idx .cell-3 .list-pos .item:hover, .s-course-idx .cell-3 .list-pos .item.on {
                color: #358ff0;
                background: #fff;
            }

.s-course-idx .cell-4 .inner {
    margin-left: -16px;
}

    .s-course-idx .cell-4 .inner .item {
        width: 142px;
        float: left;
        margin-left: 16px;
        text-align: center;
    }

    .s-course-idx .cell-4 .inner .txt {
        margin-top: 8px;
        line-height: 18px;
        height: 36px;
        overflow: hidden;
    }

.s-course-idx .cell-4 .g-dot-list {
    border-top: 1px dashed #e4e4e4;
    margin-top: 15px;
}

.s-course-idx .course-list {
    margin-left: -30px;
    margin-top: -40px;
}

    .s-course-idx .course-list .cate {
        width: 470px;
        margin-left: 30px;
        margin-top: 40px;
        float: left;
    }

.g-dot-list {
    margin-top: -15px;
}

    .g-dot-list .item {
        position: relative;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        margin-top: 16px;
    }

        .g-dot-list .item:hover i {
            background-color: #358ff0;
        }

    .g-dot-list .g-time {
        color: #999;
        margin-left: 20px;
    }

        .g-dot-list .g-time.today {
            color: #358ff0;
            letter-spacing: 3px;
            *padding-right: 2px;
        }

    .g-dot-list i {
        display: block;
        float: left;
        width: 4px;
        height: 4px;
        overflow: hidden;
        border-radius: 2px;
        background-color: #ccc;
        margin-top: 10px;
        margin-right: 4px;
    }

    .g-dot-list .ding i {
        width: 16px;
        height: 16px;
        background: -69px -327px url(../images/ui_img/sp_1.png) no-repeat;
        margin-top: 2px;
        border-radius: 0;
    }

    .g-dot-list .ding .link {
        color: #358ff0;
    }

    .g-dot-list .hot .link {
        color: #358ff0;
    }

.s-soft-coll .m-img-title-cov .item, .s-hot-zt .m-img-title-cov .item, .s-zt-summary .m-img-title-cov .item, .s-az-recom .m-img-title-cov .item {
    width: 386px;
}

.s-soft-coll .m-img-title-cov .desc, .s-hot-zt .m-img-title-cov .desc, .s-zt-summary .m-img-title-cov .desc, .s-az-recom .m-img-title-cov .desc {
    margin-bottom: 20px;
}

.m-left-tabs .left-tab {
    width: 130px;
    float: left;
}

    .m-left-tabs .left-tab .item {
        display: block;
        font-size: 16px;
        line-height: 52px;
        height: 52px;
        text-align: center;
        border-color: #ededed;
        border-style: solid;
        border-width: 1px 0 1px 0;
        margin-top: -1px;
    }

        .m-left-tabs .left-tab .item:hover, .m-left-tabs .left-tab .item.cur {
            color: #fff;
            border-color: #358ff0;
            background: #358ff0;
        }

.m-left-tabs .main {
    margin-left: 150px;
}

.s-copyright .g-title {
    border-color: #ededed;
}

.s-copyright .title-txt {
    width: auto;
}

.s-copyright .content {
    line-height: 40px;
    font-size: 16px;
    margin-top: -12px;
    text-align: justify;
}

.s-copyright .indent {
    text-indent: 32px;
}

.s-copyright .bold {
    font-weight: bold;
}

.s-copyright .dot {
    display: block;
    float: left;
    width: 4px;
    height: 4px;
    overflow: hidden;
    border-radius: 2px;
    background-color: #358ff0;
    margin-top: 18px;
    margin-right: 5px;
}

.s-copyright .c-main {
    color: #358ff0;
}

.s-copyright .yours {
    text-align: right;
    margin-top: 160px;
}

.s-sitemap .g-title {
    border-color: #ededed;
}

.s-tag-list .c-cur-pos {
    border-bottom: 0;
    margin-bottom: 15px;
}

.s-tag-list .g-title .ico {
    float: left;
    width: 32px;
    height: 22px;
    background: -192px -327px url(../images/ui_img/sp_1.png) no-repeat;
    border-right: 1px solid #ededed;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: 2px;
}

.s-tag-list .m-img-title-cov {
    margin-left: -20px;
    margin-top: -20px;
}

    .s-tag-list .m-img-title-cov .item {
        width: 283px;
        margin-left: 20px;
    }

    .s-tag-list .m-img-title-cov .inner {
        padding-bottom: 10px;
    }

        .s-tag-list .m-img-title-cov .inner .title {
            height: 60px;
            line-height: 30px;
            white-space: normal;
            text-align: justify;
            margin-top: 10px;
        }

    .s-tag-list .m-img-title-cov .cover .desc {
        height: 196px;
        margin-bottom: 5px;
        text-align: justify;
        text-indent: 2em;
    }

.page-release .g-title {
    margin-bottom: 28px;
}

.page-release .content {
    margin-top: 0;
}

.page-release .post-btn {
    display: block;
    margin: 20px auto;
    width: 260px;
    height: 80px;
    background: 0 0 url(../images/ui_img/sp_btn_1.png) no-repeat;
}

    .page-release .post-btn:hover {
        background-position: -280px 0;
    }

.page-release .soft-info .item + .item {
    margin-top: 30px;
}

.page-release .soft-info .title {
    width: 100px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    height: 40px;
}

.page-release .soft-info .ipt {
    border: 1px solid #e4e4e4;
    padding: 8px 20px;
    line-height: 22px;
    color: #333;
    height: 22px;
}

.page-release .soft-info .sel {
    width: 272px;
    visibility: hidden;
}

.page-release .soft-info .w458 {
    width: 458px;
}

.page-release .soft-info .w228 {
    width: 228px;
}

.page-release .soft-info .asterisk {
    position: relative;
    top: 3px;
    color: #ff0000;
    display: inline-block;
    vertical-align: top;
}

.page-release .soft-info .textarea {
    line-height: 30px;
    width: 945px;
}

    .page-release .soft-info .textarea .inner {
        width: 920px;
        height: 360px;
        border: 1px solid #e4e4e4;
        padding: 12px;
        resize: none;
        outline: none;
        color: #333;
        display: block;
    }

    .page-release .soft-info .textarea .tip {
        color: #999;
        margin-top: 3px;
    }

.page-release .soft-info .file-ipt {
    display: none;
}

.page-release .soft-info .file-cover {
    vertical-align: top;
    display: inline-block;
    border: 1px solid #e4e4e4;
    height: 40px;
    width: 498px;
    cursor: pointer;
}

    .page-release .soft-info .file-cover .tit {
        width: 102px;
        height: 40px;
        display: inline-block;
        background: #358ff0;
        color: #fff;
        text-align: center;
        margin: -1px;
    }

    .page-release .soft-info .file-cover .txt {
        padding-left: 5px;
        color: #999;
    }

.page-release .btn-group .btn {
    width: 140px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    background: #f7f7f7;
    color: #333;
}

    .page-release .btn-group .btn.enter {
        color: #fff;
        background: #358ff0;
    }

.zelect {
    background: #fff 245px 14px url(../images/ui_img/u_sel_r.png) no-repeat;
    width: 268px;
    cursor: pointer;
    line-height: 38px;
    height: 38px;
    *height: 39px;
    border: 1px solid #e4e4e4;
    position: relative;
    z-index: 1;
    vertical-align: top;
}

.zelected {
    padding-left: 18px;
}

    .zelected:hover {
        border-color: #358ff0;
    }

.zelect.open {
    border: 1px solid #358ff0;
    z-index: 10;
}

.dropdown {
    background-color: #fff;
    border: 1px solid #358ff0;
    border-top: none;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 38px;
    z-index: 2;
}

    .dropdown .zearch {
        display: none;
    }

    .dropdown ol {
        padding: 0;
        margin: 3px 0 0;
        list-style-type: none;
    }

    .dropdown li {
        padding-left: 18px;
        color: #666;
        line-height: 30px;
    }

        .dropdown li.current {
            background-color: #358ff0;
            color: #fff;
        }

.s-theme-idx .g-title {
    border-color: #ededed;
}

.s-theme-idx .m-rank .rank-item.on {
    border-bottom: 1px solid #ededed;
    padding-bottom: 25px;
}

.s-theme-idx .m-rank .g-art-count {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    padding-left: 15px;
    min-width: 42px;
}

.s-theme-idx .m-rank .g-sort-num {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    *margin-top: 0;
}

.s-theme-idx .m-rank .item-info {
    position: relative;
    margin-left: 28px;
}

    .s-theme-idx .m-rank .item-info .theme-name {
        margin-top: 20px;
        font-weight: normal;
        font-size: 16px;
        margin-bottom: 15px;
    }

.m-cov-img-box .col-1 {
    width: 430px;
    float: left;
}

.m-cov-img-box .col-2 {
    width: 605px;
    float: left;
    margin-left: 20px;
}

.m-cov-img-box .col-3 {
    width: 305px;
    float: left;
    margin-left: 20px;
}

.m-cov-img-box .col .item {
    position: relative;
}

    .m-cov-img-box .col .item:hover .cover {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    .m-cov-img-box .col .item:hover .title {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .m-cov-img-box .col .item + .item {
        margin-top: 20px;
    }

.m-cov-img-box .cover {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

    .m-cov-img-box .cover .bg {
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .3;
        filter: alpha(opacity=30);
    }

    .m-cov-img-box .cover .border {
        border: 1px solid #fff;
        width: 80%;
        height: 80%;
        position: absolute;
        left: 10%;
        top: 10%;
        z-index: 2;
        opacity: .3;
        filter: alpha(opacity=30);
    }

.m-cov-img-box .title {
    color: #fff;
    opacity: 0;
    font-size: 16px;
    filter: alpha(opacity=0);
    position: relative;
    z-index: 3;
    position: absolute;
    left: 15%;
    bottom: 15%;
    width: 70%;
    text-align: center;
    -webkit-transition: all 0.2s 0.1s;
    -moz-transition: all 0.2s 0.1s;
    transition: all 0.2s 0.1s;
}

.m-theme-img-title .list {
    margin-left: -18px;
    margin-top: -22px;
}

.m-theme-img-title .item {
    width: 315px;
    text-align: center;
    float: left;
    margin-left: 18px;
    margin-top: 20px;
}

.m-theme-img-title .title {
    font-size: 14px;
    line-height: 44px;
    padding: 0 10px;
    border: 1px solid #ededed;
}

.page-not-found {
    height: 760px;
}

.m-not-found {
    width: 1646px;
    background: url(../images/ui_img/404.jpg) no-repeat;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -823px;
    overflow: hidden;
}

    .m-not-found .inner {
        width: 660px;
        margin: 492px auto 0;
        line-height: 32px;
        padding-left: 60px;
        padding-bottom: 20px;
    }

    .m-not-found .c-blue {
        color: #43c6fe;
        margin-left: 85px;
    }

    .m-not-found .back-btn {
        width: 158px;
        height: 48px;
        line-height: 48px;
        color: #358ff0;
        border: 1px solid #358ff0;
        display: block;
        margin: auto;
        border-radius: 24px;
        text-align: center;
        font-size: 20px;
        position: relative;
    }

        .m-not-found .back-btn:hover {
            color: #fff;
            background: #358ff0;
            box-shadow: 0 0 8px 0 #358ff0;
        }

.page-sys-list .m-list-tab {
    margin-top: -4px;
}

    .page-sys-list .m-list-tab .tab-item {
        min-width: 42px;
        text-align: center;
        color: #358ff0;
        border: 1px solid #358ff0;
        margin: 0 8px;
        line-height: 26px;
        *line-height: 24px;
        height: 26px;
        display: inline-block;
        padding: 0 8px;
        border-radius: 2px;
        font-size: 16px;
    }

        .page-sys-list .m-list-tab .tab-item:hover, .page-sys-list .m-list-tab .tab-item.cur {
            background: #358ff0;
            color: #fff;
        }

.imgLightbox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 8010;
    background: url(../images/ui_img/overlay.png);
    display: none;
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .imgLightbox .hide {
        display: none;
    }

    .imgLightbox .show {
        display: block;
    }

.lbWrap {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -500px;
    z-index: 8020;
    width: 1000px;
    height: auto;
}

.lbContent {
    padding: 10px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 8020;
}

    .lbContent .lbImg {
        width: 100%;
        height: 100%;
    }

.lbClose {
    background: url(../images/ui_img/sp_lb.png) 35px 35px no-repeat;
    position: absolute;
    width: 100px;
    height: 100px;
    top: -50px;
    right: -50px;
    z-index: 8030;
    display: none;
}

.lbControl {
    position: absolute;
    width: 50%;
    height: 69px;
    top: 0;
    z-index: 8019;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.lbPrev {
    left: 0;
    cursor: url(../images/ui_img/cur_prev.cur), auto;
    cursor: url(../images/ui_img/cur_prev.cur) \9;
}

.lbNext {
    right: 0;
    cursor: url(../images/ui_img/cur_next.cur), auto;
    cursor: url(../images/ui_img/cur_prev.cur) \9;
}

.lbThumb {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 156px;
    z-index: 8020;
    background: #000;
}

    .lbThumb .lbThumbInner {
        margin: 30px auto;
        max-width: 980px;
        height: 98px;
        overflow: hidden;
        position: relative;
    }

    .lbThumb ul {
        position: absolute;
        top: 0;
        z-index: 2;
    }

    .lbThumb li {
        width: 126px;
        height: 94px;
        float: left;
        margin: 2px 7px;
        position: relative;
    }

        .lbThumb li.active {
            border: 2px solid #2cc068;
            border-radius: 2px;
            margin: 0 5px;
        }

            .lbThumb li.active .lbThumbCover {
                z-index: 1;
            }

    .lbThumb img {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        z-index: 1;
    }

    .lbThumb .lbThumbCover {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        background: #000;
        opacity: .5;
        filter: alpha(opacity=50);
        top: 0;
        left: 0;
    }

.smThumb {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 8020;
    background: #000;
    width: 54px;
    height: 30px;
}

.lbThumbIdx {
    width: 54px;
    height: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 14px;
    line-height: 30px;
    background: url(../images/ui_img/sp_lb.png) 0 -74px no-repeat;
}

/* ͼƬ�����ʾ*/
.oringImgBox {
    position: relative;
    cursor: pointer;
}

    .oringImgBox:hover .clickTips {
        display: block;
    }

    .oringImgBox .clickTips {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 98px;
        height: 36px;
        margin-left: -49px;
        margin-top: -18px;
        overflow: hidden;
        z-index: 2;
        background: url(../images/ui_img/clickTips.png) no-repeat;
        display: none;
    }

/*���ƴ���*/
.codeBlock {
    padding: 10px 0 5px 0;
    border: 1px solid #e9e9e9;
    background: #f8f8f8 url(../images/ui_img/code_bg.png) repeat-y 0 0;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .codeBlock ol {
        margin: 0;
        padding: 0;
    }

        .codeBlock ol em {
            width: 26px;
            text-align: right;
            padding-right: 10px;
            color: #333;
            background: url(../images/ui_img/code_bg.png) repeat-y 0 0;
            margin-right: 10px;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            z-index: 2;
            -moz-user-select: -moz-none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .codeBlock ol li {
            font-family: Monaco,Consolas,'Lucida Console','Courier New',serif;
            font-size: 12px;
            line-height: 1.8em;
            color: #999;
            position: relative;
            padding-left: 46px;
            padding-right: 10px;
        }

            .codeBlock ol li:hover {
                background-color: #fff;
                color: #336699;
            }

    .codeBlock .copyBtn {
        margin-left: 43px;
        color: #336699;
        font-size: 12px;
        cursor: pointer;
    }

    .codeBlock .source {
        display: none;
    }

.computerTB {
    border: 1px solid #51a5ff;
    padding: 0;
    text-align: center;
    width: 640px !important;
    margin: 25px auto;
    word-wrap: break-word;
}

    .computerTB a {
        color: #ff0000;
    }

        .computerTB a:hover {
            text-decoration: underline;
        }

    .computerTB caption {
        line-height: 50px;
        font-size: 16px;
        font-weight: bold;
        background: #51a5ff;
        color: #fff;
        letter-spacing: 2px;
        border-bottom: 1px solid #51a5ff;
    }

    .computerTB th, .computerTB td {
        padding: 0;
    }

    .computerTB thead th {
        background: #85c0ff;
        color: #fff;
        font-weight: normal;
        line-height: 36px;
    }

        .computerTB thead th + th {
            border: 0;
            border-left: 1px solid #add7ff;
        }

    .computerTB tbody {
        font-size: 14px;
    }

        .computerTB tbody th {
            border: 0;
            border-top: 1px solid #e4e4e4;
            color: #358ff0;
            line-height: 28px;
            font-weight: normal;
            padding: 3px 10px;
            width: 100px;
        }

            .computerTB tbody th + td {
                width: 260px;
            }

        .computerTB tbody td {
            line-height: 28px;
            padding: 3px 10px;
            border: 1px solid #e4e4e4;
            border-bottom: none; /*ȥ������±ߵı߿�*/
            border-right: none; /*ȥ������ұߵı߿�*/
        }

            .computerTB tbody td + td {
                width: 100px;
            }

.page-az-art, .page-ios-art {
    background: #edf1f7;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .page-az-art .c-cur-pos, .page-ios-art .c-cur-pos {
        border-bottom: 0;
    }

    .page-az-art .m-hot-soft-row, .page-ios-art .m-hot-soft-row {
        background: #fff;
    }

.m-android-art {
    background: #fff;
}

    .m-android-art .art-side {
        width: 299px;
        float: left;
    }

        .m-android-art .art-side .info {
            text-align: center;
            border-bottom: 1px solid #f5f5f5;
            padding-bottom: 14px;
        }

            .m-android-art .art-side .info .title {
                padding: 0 10px;
                margin: 32px 0 10px;
                line-height: 32px;
                font-size: 24px;
                font-weight: bold;
            }

    .m-android-art .item-img {
        margin-bottom: 16px;
    }

    .m-android-art .c-zan {
        font-size: 16px;
    }

        .m-android-art .c-zan .ico {
            display: inline-block;
            vertical-align: middle;
            background-image: url(../images/ui_img/sp_2.png);
            background-repeat: no-repeat;
            width: 24px;
            height: 26px;
        }

        .m-android-art .c-zan .txt {
            display: inline-block;
            vertical-align: middle;
            line-height: 26px;
        }

        .m-android-art .c-zan .zan {
            margin-left: -20px;
            color: #ff6160;
            padding-left: 22px;
            display: inline-block;
        }

            .m-android-art .c-zan .zan .ico {
                background-position: -10px -193px;
                margin-right: 10px;
            }

        .m-android-art .c-zan .cai {
            padding-left: 20px;
            margin-left: 10px;
            border-left: 1px solid #ededed;
            color: #999;
            display: inline-block;
        }

            .m-android-art .c-zan .cai .ico {
                background-position: -44px -193px;
                margin-right: 10px;
            }

    .m-android-art .c-media {
        padding: 20px 30px;
        border-bottom: 1px solid #f5f5f5;
    }

        .m-android-art .c-media .ico {
            display: inline-block;
            vertical-align: top;
            background-image: url(../images/ui_img/sp_2.png);
            background-repeat: no-repeat;
            width: 36px;
            height: 36px;
            margin: 7px 10px;
        }

            .m-android-art .c-media .ico.ico-1 {
                background-position: -108px -185px;
            }

            .m-android-art .c-media .ico.ico-2 {
                background-position: -78px -185px;
            }

            .m-android-art .c-media .ico.ico-3 {
                background-position: -178px -185px;
            }

            .m-android-art .c-media .ico.ico-4 {
                background-position: -146px -185px;
            }

            .m-android-art .c-media .ico.ico-5 {
                width: 50px;
                height: 50px;
                margin: 0;
                background-position: -210px -180px;
            }

        .m-android-art .c-media .btn {
            height: 50px;
            color: #fff;
            line-height: 50px;
            font-size: 20px;
            display: block;
        }

            .m-android-art .c-media .btn .name {
                display: inline-block;
                vertical-align: top;
            }

            .m-android-art .c-media .btn.btn-1 {
                background: #4ace63;
            }

                .m-android-art .c-media .btn.btn-1:hover {
                    background: #52e26d;
                }

                .m-android-art .c-media .btn.btn-1 .qrcode {
                    border-left: 1px solid #91f0a7;
                }

            .m-android-art .c-media .btn.btn-2 {
                background: #0598fa;
            }

                .m-android-art .c-media .btn.btn-2:hover {
                    background: #35afff;
                }

                .m-android-art .c-media .btn.btn-2 .qrcode {
                    border-left: 1px solid #13c5fc;
                }

            .m-android-art .c-media .btn.btn-4 {
                background: #f55555;
            }

                .m-android-art .c-media .btn.btn-4:hover {
                    background: #f76f6f;
                }

                .m-android-art .c-media .btn.btn-4 .qrcode {
                    border-left: 1px solid #fa9393;
                }

            .m-android-art .c-media .btn.btn-3 {
                background: #404143;
            }

            .m-android-art .c-media .btn + .btn {
                margin-top: 20px;
            }

        .m-android-art .c-media .qrcode {
            float: right;
            width: 50px;
            position: relative;
            z-index: 10;
        }

            .m-android-art .c-media .qrcode:hover .qrc {
                display: block;
            }

            .m-android-art .c-media .qrcode .qrc {
                display: none;
                background: 0 -281px url(../images/ui_img/sp_2.png) no-repeat;
                width: 171px;
                height: 176px;
                position: absolute;
                right: -171px;
                top: -21px;
            }

                .m-android-art .c-media .qrcode .qrc .qrc-img {
                    margin: 17px 0 4px 28px;
                    display: block;
                    width: 122px;
                }

                .m-android-art .c-media .qrcode .qrc .txt {
                    color: #666;
                    font-size: 14px;
                    line-height: 20px;
                    text-align: center;
                }

    .m-android-art .c-detail {
        padding: 16px 0 20px 30px;
        color: #666;
        height: 124px;
    }

        .m-android-art .c-detail .item {
            width: 48%;
            float: left;
            margin-bottom: 10px;
            line-height: 24px;
            margin-right: 2%;
        }

    .m-android-art .c-recom-list .title {
        font-size: 16px;
        font-weight: bold;
        padding: 0 14px;
        border-bottom: 1px solid #ededed;
    }

        .m-android-art .c-recom-list .title .text {
            padding: 0 7px;
            line-height: 40px;
            display: inline-block;
            border-bottom: 2px solid #358ff0;
        }

    .m-android-art .c-recom-list .g-change {
        float: right;
        color: #666;
        font-weight: normal;
        margin-top: 8px;
    }

    .m-android-art .c-recom-list .recom-list {
        padding: 20px 0 20px 12px;
        text-align: center;
        margin-top: -18px;
    }

        .m-android-art .c-recom-list .recom-list .item {
            width: 88px;
            float: left;
            margin: 18px 3px 0;
        }

            .m-android-art .c-recom-list .recom-list .item .img {
                margin-bottom: 8px;
            }

    .m-android-art .c-about-recom .title {
        font-size: 16px;
        font-weight: bold;
        padding: 0 14px;
        border-bottom: 1px solid #ededed;
        margin-bottom: 15px;
    }

        .m-android-art .c-about-recom .title .text {
            padding: 0 7px;
            line-height: 40px;
            display: inline-block;
            border-bottom: 2px solid #358ff0;
        }

    .m-android-art .c-about-recom .g-change {
        float: right;
        color: #666;
        font-weight: normal;
        margin-top: 8px;
    }

    .m-android-art .c-about-recom .item {
        width: 272px;
        text-align: center;
        margin: 10px auto 0;
        position: relative;
    }

        .m-android-art .c-about-recom .item + .item {
            margin-top: 10px;
        }

    .m-android-art .c-about-recom .cover {
        background: #000;
        filter: alpha(opacity=35);
        opacity: .35;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .m-android-art .c-about-recom .name {
        margin-top: -34px;
        line-height: 34px;
        padding: 0 10px;
        position: relative;
    }

        .m-android-art .c-about-recom .name .txt {
            color: #fff;
            z-index: 2;
            position: relative;
        }

        .m-android-art .c-about-recom .name .cover {
            filter: alpha(opacity=50);
            opacity: .5;
        }

    .m-android-art .c-rank {
        padding: 14px 14px 14px 15px;
    }

        .m-android-art .c-rank .rank-tab .item {
            width: 50%;
            float: left;
            line-height: 36px;
            font-size: 16px;
            text-align: center;
            color: #666;
            background: #f5f5f5;
            cursor: pointer;
        }

            .m-android-art .c-rank .rank-tab .item.cur {
                color: #fff;
                background: #358ff0;
            }

        .m-android-art .c-rank .rank-list {
            padding: 10px 10px 0;
            border: 1px solid #f5f5f5;
            border-top: 0;
        }

            .m-android-art .c-rank .rank-list .item {
                padding: 11px 0;
            }

                .m-android-art .c-rank .rank-list .item + .item {
                    border-top: 1px dashed #f4f4f4;
                }

            .m-android-art .c-rank .rank-list .name {
                color: #222;
                display: block;
                line-height: 22px;
            }

        .m-android-art .c-rank .g-sort-num {
            float: right;
            margin-right: 0;
            width: 22px;
            height: 22px;
            line-height: 22px;
            border-radius: 0;
            background: #c4d0db;
        }

            .m-android-art .c-rank .g-sort-num.top {
                background: #f44334;
            }

            .m-android-art .c-rank .g-sort-num.second {
                background: #fe7416;
            }

            .m-android-art .c-rank .g-sort-num.third {
                background: #fab805;
            }

    .m-android-art .c-zt-coll .coll-tab {
        height: 49px;
        background: #edf1f7;
        margin-top: 20px;
    }

        .m-android-art .c-zt-coll .coll-tab .item {
            min-width: 150px;
            height: 48px;
            line-height: 48px;
            background: #edf1f7;
            text-align: center;
            font-size: 18px;
            float: left;
            cursor: pointer;
            position: relative;
            padding: 0 10px;
        }

            .m-android-art .c-zt-coll .coll-tab .item.cur {
                font-weight: bold;
                border-top: 2px solid #358ff0;
                line-height: 47px;
                height: 47px;
                background: #fff;
            }

    .m-android-art .c-zt-coll .coll-cont {
        padding: 20px;
    }

    .m-android-art .c-zt-coll .info {
        margin-left: 444px;
    }

        .m-android-art .c-zt-coll .info .title {
            padding-bottom: 8px;
            margin-bottom: 4px;
            border-bottom: 1px dashed #f5f5f5;
        }

            .m-android-art .c-zt-coll .info .title .name {
                color: #f44334;
                font-size: 24px;
                font-weight: bold;
                line-height: 32px;
                overflow: hidden;
                height: 32px;
                display: inline-block;
                width: 350px;
            }

                .m-android-art .c-zt-coll .info .title .name:hover {
                    color: #358ff0;
                }

        .m-android-art .c-zt-coll .info .more {
            color: #999;
            font-size: 18px;
            float: right;
            margin-top: 4px;
            font-weight: normal;
        }

        .m-android-art .c-zt-coll .info .txt {
            line-height: 30px;
            text-align: justify;
            text-justify: inter-ideograph;
            word-break: break-all;
            color: #666;
            height: 150px;
            overflow: hidden;
            font-size: 16px;
        }

    .m-android-art .c-zt-coll .coll-list .item {
        padding-top: 10px;
        width: 100px;
        display: block;
        float: left;
        text-align: center;
        height: 120px;
    }

        .m-android-art .c-zt-coll .coll-list .item + .item {
            margin-left: 52px;
        }

        .m-android-art .c-zt-coll .coll-list .item:hover {
            background: #f6f6f6;
        }

            .m-android-art .c-zt-coll .coll-list .item:hover .txt {
                display: none;
            }

            .m-android-art .c-zt-coll .coll-list .item:hover .btn {
                display: inline-block;
            }

        .m-android-art .c-zt-coll .coll-list .item .img {
            margin-bottom: 7px;
        }

        .m-android-art .c-zt-coll .coll-list .item .txt {
            display: inline-block;
            height: 26px;
            line-height: 26px;
            width: 90%;
        }

        .m-android-art .c-zt-coll .coll-list .item .btn {
            display: none;
            background: #51a5ff;
            width: 80px;
            height: 26px;
            line-height: 26px;
            color: #fff;
        }

    .m-android-art .art-main {
        float: left;
        width: 900px;
        padding-bottom: 20px;
        border-left: 1px solid #ededed;
    }

        .m-android-art .art-main .art-tab {
            border-bottom: 1px solid #f6f6f6;
            height: 49px;
            margin-bottom: 1px;
        }

            .m-android-art .art-main .art-tab .item {
                width: 120px;
                height: 48px;
                line-height: 48px;
                border: 1px solid #f6f6f6;
                text-align: center;
                font-size: 18px;
                float: left;
                margin-left: -1px;
                cursor: pointer;
                position: relative;
                background: #fff;
            }

                .m-android-art .art-main .art-tab .item.cur {
                    font-weight: bold;
                    border-top: 2px solid #358ff0;
                    border-bottom: 1px solid #fff;
                }

        .m-android-art .art-main .c-content {
            padding: 20px 20px 0;
            border-bottom: 1px solid #f8f8f8;
        }

            .m-android-art .art-main .c-content .inner {
                color: #666;
                line-height: 32px;
                text-align: justify;
                text-justify: inter-ideograph;
                word-break: break-all;
            }

                .m-android-art .art-main .c-content .inner.summary {
                    height: 740px;
                    overflow: hidden;
                }

                .m-android-art .art-main .c-content .inner img {
                    margin-top: 10px;
                    margin-bottom: 10px;
                }

            .m-android-art .art-main .c-content .toggle-more {
                width: 45px;
                height: 23px;
                display: block;
                margin: 20px auto 0;
                background: -72px -251px url(../images/ui_img/sp_2.png) no-repeat;
            }

                .m-android-art .art-main .c-content .toggle-more.toggle {
                    background-position: -72px -228px;
                }

        .m-android-art .art-main .c-recom {
            padding-left: 30px;
        }

            .m-android-art .art-main .c-recom .title {
                font-size: 18px;
                font-weight: bold;
            }

        .m-android-art .art-main .m-changyan {
            padding: 20px;
        }

/*��Ϸ��ͼ*/
.snapShotWrap {
    width: 860px;
    overflow: hidden;
    position: relative;
    margin: 20px auto 35px;
}

.snapShotCont {
    width: 860px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

    .snapShotCont img {
        position: relative;
        width: 100%;
        max-width: 500px;
        _width: 450px;
    }

.snopshot {
    position: absolute;
    overflow: hidden;
    zoom: 1;
}

.snap-shot-btn {
    position: absolute;
    width: 50%;
    height: 100%;
    opacity: 0.7;
    z-index: 10;
    display: inline-block;
    outline: none;
}

    .snap-shot-btn:hover {
        opacity: 1;
    }

    .snap-shot-btn i {
        background: url("../images/ui_img/sp_2.png") no-repeat;
        position: absolute;
        width: 21px;
        height: 38px;
        top: 50%;
        margin: -16px 0 0;
    }

#shotNext {
    top: 0;
    right: 0;
}

#shotPrev {
    top: 0;
    left: 0;
}

#shotNext i {
    background-position: -33px -235px;
    right: 30px;
}

#shotPrev i {
    background-position: 0 -235px;
    left: 30px;
}

.elementOverlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}

/*��������*/
.m-dnpz-menu {
    margin-bottom: 20px;
    border: 1px solid #ededed;
    padding: 0 20px;
}

    .m-dnpz-menu .menus {
        padding: 14px 0;
    }

        .m-dnpz-menu .menus + .menus {
            border-top: 1px dashed #ededed;
        }

    .m-dnpz-menu .title {
        width: 60px;
        float: left;
        color: #6d6d6d;
        font-weight: bold;
        line-height: 24px;
    }

    .m-dnpz-menu .links {
        margin-left: 68px;
        font-size: 12px;
        color: #cecece;
    }

        .m-dnpz-menu .links .item {
            color: #777;
            padding: 0 8px;
            display: inline-block;
            line-height: 24px;
        }

            .m-dnpz-menu .links .item.cur, .m-dnpz-menu .links .item:hover {
                color: #358ff0;
            }

            .m-dnpz-menu .links .item:hover {
                cursor: pointer;
            }

.m-dnpz-tabs {
    margin-bottom: 60px;
}

    .m-dnpz-tabs .tabs {
        width: 845px;
        height: 20px;
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        border-left: 1px solid #ededed;
        border-right: 1px solid #ededed;
        margin-bottom: 50px;
    }

        .m-dnpz-tabs .tabs .item {
            float: left;
            width: 210px;
            height: 20px;
        }

            .m-dnpz-tabs .tabs .item + .item {
                border-left: 1px solid #ededed;
            }

            .m-dnpz-tabs .tabs .item.cur .text {
                color: #358ff0;
                border-bottom: 4px solid #358ff0;
            }

            .m-dnpz-tabs .tabs .item:hover .text {
                color: #358ff0;
            }

            .m-dnpz-tabs .tabs .item.item-2.cur .text {
                color: #bd3bfe;
                border-bottom: 4px solid #bd3bfe;
            }

            .m-dnpz-tabs .tabs .item.item-2:hover .text {
                color: #bd3bfe;
            }

            .m-dnpz-tabs .tabs .item.item-3.cur .text {
                color: #f51e95;
                border-bottom: 4px solid #f51e95;
            }

            .m-dnpz-tabs .tabs .item.item-3:hover .text {
                color: #f51e95;
            }

            .m-dnpz-tabs .tabs .item.item-4.cur .text {
                color: #fe4b29;
                border-bottom: 4px solid #fe4b29;
            }

            .m-dnpz-tabs .tabs .item.item-4:hover .text {
                color: #fe4b29;
            }

        .m-dnpz-tabs .tabs .text {
            display: inline-block;
            vertical-align: top;
            color: #999;
            padding: 0 10px;
            line-height: 42px;
            margin-top: -13px;
            cursor: pointer;
        }

    .m-dnpz-tabs .main .ads {
        float: left;
        width: 270px;
        height: 421px;
        text-align: center;
        padding-top: 100px;
        letter-spacing: 2px;
    }

        .m-dnpz-tabs .main .ads .word {
            font-weight: bold;
            color: #fff;
            font-size: 60px;
        }

        .m-dnpz-tabs .main .ads .txt {
            font-size: 20px;
            line-height: 34px;
            color: #fff;
            margin: 135px auto 0;
            width: 80%;
            letter-spacing: 4px;
            padding-left: 4px;
        }

        .m-dnpz-tabs .main .ads.ads-1 {
            background: url(../images/ui_img/cate_bg_1.jpg) no-repeat;
        }

            .m-dnpz-tabs .main .ads.ads-1 .word {
                text-shadow: 0px 0px 10px #358ff0;
            }

        .m-dnpz-tabs .main .ads.ads-2 {
            background: url(../images/ui_img/cate_bg_2.jpg) no-repeat;
        }

            .m-dnpz-tabs .main .ads.ads-2 .word {
                text-shadow: 0px 0px 10px #bd3bfe;
            }

        .m-dnpz-tabs .main .ads.ads-3 {
            background: url(../images/ui_img/cate_bg_3.jpg) no-repeat;
        }

            .m-dnpz-tabs .main .ads.ads-3 .word {
                text-shadow: 0px 0px 10px #f51e95;
            }

        .m-dnpz-tabs .main .ads.ads-4 {
            background: url(../images/ui_img/cate_bg_4.jpg) no-repeat;
        }

            .m-dnpz-tabs .main .ads.ads-4 .word {
                text-shadow: 0px 0px 10px #fe4b29;
            }

    .m-dnpz-tabs .main .inner {
        margin-left: 269px;
        border-top: 1px solid #ededed;
    }

        .m-dnpz-tabs .main .inner .item {
            float: left;
            border-right: 1px solid #ededed;
            border-bottom: 1px solid #ededed;
            width: 309px;
            height: 259px;
            position: relative;
        }

            .m-dnpz-tabs .main .inner .item.first {
                width: 619px;
            }

                .m-dnpz-tabs .main .inner .item.first .img {
                    position: static;
                    float: right;
                }

            .m-dnpz-tabs .main .inner .item:hover .detail {
                background-image: none;
                width: 59px;
                color: #389cea;
                border-color: #389cea;
            }

                .m-dnpz-tabs .main .inner .item:hover .detail em {
                    display: block;
                }

    .m-dnpz-tabs .main .img {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    .m-dnpz-tabs .main .info {
        margin-left: 40px;
        color: #333;
    }

    .m-dnpz-tabs .main .title {
        font-size: 18px;
        line-height: 35px;
        padding-top: 22px;
        padding-right: 10px;
        height: 70px;
        overflow: hidden;
        word-break: break-all;
    }

    .m-dnpz-tabs .main .price {
        font-size: 22px;
        font-weight: bold;
        margin-top: 32px;
        position: relative;
        z-index: 2;
        color: #389cea;
    }

        .m-dnpz-tabs .main .price em {
            font-size: 14px;
        }

    .m-dnpz-tabs .main .detail {
        margin-top: 17px;
        width: 26px;
        height: 26px;
        background: -126px -373px url(../images/ui_img/sp_1.png) no-repeat;
        border: 1px solid #ededed;
        text-align: center;
        font-size: 14px;
        line-height: 26px;
        border-radius: 13px;
        -webkit-radius: 13px;
        -moz-border-radius: 13px;
    }

        .m-dnpz-tabs .main .detail em {
            display: none;
        }

    .m-dnpz-tabs .tab-2 .inner .item:hover .detail {
        color: #bd3bfe;
        border-color: #bd3bfe;
    }

    .m-dnpz-tabs .tab-2 .price {
        color: #bd3bfe;
    }

    .m-dnpz-tabs .tab-3 .inner .item:hover .detail {
        color: #f51e95;
        border-color: #f51e95;
    }

    .m-dnpz-tabs .tab-3 .price {
        color: #f51e95;
    }

    .m-dnpz-tabs .tab-4 .inner .item:hover .detail {
        color: #fe4b29;
        border-color: #fe4b29;
    }

    .m-dnpz-tabs .tab-4 .price {
        color: #fe4b29;
    }

.m-dnpz-recom {
    margin-bottom: 70px;
}

    .m-dnpz-recom .g-title {
        border-bottom: 2px solid #ededed;
    }

        .m-dnpz-recom .g-title .title-txt {
            border-bottom: 2px solid #358ff0;
            width: auto;
            bottom: -2px;
            position: relative;
            padding-bottom: 11px;
            z-index: 2;
        }

        .m-dnpz-recom .g-title .more {
            margin-top: -2px;
        }

    .m-dnpz-recom .large {
        float: left;
        width: 580px;
    }

        .m-dnpz-recom .large .swipe {
            width: 580px;
            height: 425px;
            overflow: hidden;
            position: relative;
        }

            .m-dnpz-recom .large .swipe .btn {
                position: absolute;
                top: 50%;
                margin-top: -40px;
                width: 38px;
                height: 80px;
                border-radius: 2px;
                cursor: pointer;
                z-index: 10;
            }

                .m-dnpz-recom .large .swipe .btn.prev {
                    left: 10px;
                }

                    .m-dnpz-recom .large .swipe .btn.prev .ico {
                        background-position: -175px -32px;
                    }

                .m-dnpz-recom .large .swipe .btn.next {
                    right: 10px;
                }

                    .m-dnpz-recom .large .swipe .btn.next .ico {
                        background-position: -195px -32px;
                    }

                .m-dnpz-recom .large .swipe .btn .cover {
                    background: #000;
                    filter: alpha(opacity=20);
                    opacity: .2;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 1;
                }

                .m-dnpz-recom .large .swipe .btn .ico {
                    width: 14px;
                    height: 24px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin-left: -7px;
                    margin-top: -12px;
                    z-index: 2;
                    background-image: url(../images/ui_img/sp_1.png);
                }

        .m-dnpz-recom .large .g-npos {
            right: 50%;
            margin-right: -55px;
        }

            .m-dnpz-recom .large .g-npos .item {
                filter: alpha(opacity=50);
                -moz-opacity: 0.5;
                opacity: 0.5;
            }

                .m-dnpz-recom .large .g-npos .item.on {
                    filter: alpha(opacity=100);
                    -moz-opacity: 1;
                    opacity: 1;
                }

        .m-dnpz-recom .large .npos-bg {
            position: absolute;
            left: 0;
            bottom: 0;
            height: 60px;
            width: 100%;
            z-index: 2;
            background: url(../images/ui_img/g_2.png) repeat-x;
        }

        .m-dnpz-recom .large .g-title {
            margin-top: 24px;
        }

            .m-dnpz-recom .large .g-title .title-txt {
                font-size: 18px;
                font-weight: normal;
            }

        .m-dnpz-recom .large .item-info {
            display: block;
            *zoom: 1;
            margin-top: -4px;
            margin-bottom: 17px;
            padding-bottom: 16px;
            border-bottom: 1px dashed #ededed;
            cursor: pointer;
        }

            .m-dnpz-recom .large .item-info .title {
                font-size: 18px;
                text-align: center;
                margin-bottom: 10px;
            }

            .m-dnpz-recom .large .item-info .desc {
                text-indent: 2em;
                font-size: 12px;
                color: #999;
                line-height: 22px;
                height: 44px;
                overflow: hidden;
            }

    .m-dnpz-recom .list {
        float: right;
        width: 608px;
        margin-top: -11px;
    }

        .m-dnpz-recom .list .g-recom-item {
            width: 272px;
            float: left;
            margin-left: 30px;
            margin-top: 11px;
        }

            .m-dnpz-recom .list .g-recom-item .info {
                padding: 8px 8px 9px 8px;
            }

            .m-dnpz-recom .list .g-recom-item .price {
                line-height: 34px;
            }

            .m-dnpz-recom .list .g-recom-item .title {
                line-height: 24px;
            }

    .m-dnpz-recom .g-dot-list .item {
        margin-top: 13px;
    }

    .m-dnpz-recom .g-dot-list .g-time.hot {
        color: #fd0000;
    }

.g-recom-item {
    border: 1px solid #ededed;
}

    .g-recom-item .price {
        font-size: 18px;
        color: #389cea;
        font-weight: bold;
    }

    .g-recom-item .title {
        font-size: 14px;
        display: block;
    }

.page-dnpz .col-l-w {
    width: 890px;
}

.page-dnpz .col-r-w {
    width: 270px;
}

.page-dnpz .c-cur-pos.b0 {
    border-bottom: 0;
    margin-bottom: 0;
}

.page-dnpz .list-main {
    float: left;
}

    .page-dnpz .list-main .g-title {
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 2px;
        margin-bottom: 19px;
    }

        .page-dnpz .list-main .g-title .title-txt {
            width: auto;
        }

        .page-dnpz .list-main .g-title .ico {
            float: left;
            width: 32px;
            height: 22px;
            background: -192px -327px url(../images/ui_img/sp_1.png) no-repeat;
            border-right: 1px solid #ededed;
            vertical-align: middle;
            margin-right: 8px;
            margin-top: 2px;
        }

.page-dnpz .m-list-tab {
    background: #f5f5f5;
    border: 1px solid #ededed;
    height: 39px;
    margin-bottom: 20px;
    font-size: 12px;
}

    .page-dnpz .m-list-tab .item {
        padding: 0 18px;
        float: left;
        line-height: 39px;
        cursor: pointer;
        position: relative;
        border-left: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
        margin-left: -1px;
    }

        .page-dnpz .m-list-tab .item .ico {
            display: inline-block;
            vertical-align: top;
            width: 18px;
            height: 38px;
            background: -155px -366px url(../images/ui_img/sp_1.png) no-repeat;
        }

    .page-dnpz .m-list-tab .cur {
        color: #358ff0;
        background: #fff;
        border-color: #ededed;
    }

    .page-dnpz .m-list-tab .spec-sort {
        position: relative;
    }

        .page-dnpz .m-list-tab .spec-sort .drop-menu {
            position: absolute;
            top: -1px;
            left: -1px;
            z-index: 2;
            font-size: 13px;
            line-height: 40px;
            background: #fff;
            width: 120px;
            text-align: center;
            border: 1px solid #ededed;
            display: none;
            color: #6d6d6d;
        }

            .page-dnpz .m-list-tab .spec-sort .drop-menu .opt:hover {
                color: #358ff0;
            }

.page-dnpz .m-dnpz-list .inner {
    margin-left: -25px;
    margin-top: -21px;
}

.page-dnpz .m-dnpz-list .item {
    width: 278px;
    float: left;
    margin-left: 25px;
    margin-top: 22px;
    border: 1px solid #ededed;
}

.page-dnpz .m-dnpz-list .price {
    font-size: 18px;
    color: #389cea;
    font-weight: bold;
    line-height: 34px;
}

.page-dnpz .m-dnpz-list .view {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    float: right;
}

    .page-dnpz .m-dnpz-list .view em {
        color: #555;
    }

.page-dnpz .m-dnpz-list .info {
    padding: 8px;
}

.page-dnpz .m-dnpz-list .title {
    font-size: 12px;
    display: block;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    color: #414350;
    word-break: break-all;
}

    .page-dnpz .m-dnpz-list .title:hover {
        color: #358ff0;
    }

.page-dnpz .m-side-list {
    border-top: 1px solid #fff;
    *zoom: 1;
}

    .page-dnpz .m-side-list .item {
        width: 268px;
        display: block;
        position: relative;
        border: 1px solid #ededed;
        margin-top: 10px;
    }

        .page-dnpz .m-side-list .item:hover {
            border-width: 2px;
            border-color: #358ff0;
            margin-top: 9px;
            margin-left: -1px;
            margin-bottom: -1px;
        }

            .page-dnpz .m-side-list .item:hover .title {
                display: block;
            }

        .page-dnpz .m-side-list .item:first-child {
            margin-top: 0;
        }

            .page-dnpz .m-side-list .item:first-child:hover {
                margin-top: -1px;
            }

    .page-dnpz .m-side-list .info {
        padding: 5px 8px;
    }

    .page-dnpz .m-side-list .img {
        position: relative;
        width: 268px;
    }

    .page-dnpz .m-side-list .title {
        padding: 8px;
        margin-top: -57px;
        height: 40px;
        background: #fff;
        position: relative;
        z-index: 30;
        display: none;
        border-top: 1px solid #ededed;
    }

        .page-dnpz .m-side-list .title .inner {
            line-height: 20px;
            height: 40px;
            overflow: hidden;
            font-size: 14px;
            color: #414350;
        }

    .page-dnpz .m-side-list .price {
        font-size: 18px;
        color: #389cea;
        font-weight: bold;
        line-height: 28px;
    }

    .page-dnpz .m-side-list .view {
        font-size: 14px;
        color: #999;
        font-weight: normal;
        float: right;
    }

        .page-dnpz .m-side-list .view em {
            font-size: 12px;
            color: #555;
        }

.page-dnpz .m-side-col .g-dnpz-title {
    margin-bottom: 20px;
}

.g-dnpz-title {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 16px;
}

    .g-dnpz-title .title-txt {
        line-height: 24px;
        padding-left: 6px;
        font-size: 20px;
        border-left: 4px solid #358ff0;
    }

.s-dnpz-art .art-main {
    float: left;
}

    .s-dnpz-art .art-main .g-dnpz-title {
        border-bottom: 0;
    }

        .s-dnpz-art .art-main .g-dnpz-title .title-txt {
            font-size: 16px;
            line-height: 20px;
        }

    .s-dnpz-art .art-main .m-dnpz-list .inner {
        margin-top: -10px;
    }

.s-dnpz-art .g-title {
    border-color: #ededed;
}

.s-dnpz-art .art-title {
    text-align: center;
    margin-bottom: 15px;
}

    .s-dnpz-art .art-title .title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 35px;
    }

    .s-dnpz-art .art-title .sub {
        font-size: 12px;
        color: #999;
        padding-bottom: 35px;
        border-bottom: 1px dashed #e4e4e4;
        margin-bottom: 40px;
    }

.s-dnpz-art .m-art-cont p img {
    margin-top: 10px;
    margin-bottom: 10px;
}

.s-dnpz-art .c-cur-pos {
    padding-top: 2px;
    border-bottom: 1px solid #e4e4e4;
}

.s-dnpz-art .art-title {
    position: relative;
    z-index: 10;
}

    .s-dnpz-art .art-title .m-bd-share {
        position: absolute;
        right: 0;
        bottom: 13px;
        width: 92px;
        height: 30px;
        line-height: 30px;
        z-index: 2;
    }

        .s-dnpz-art .art-title .m-bd-share .text {
            cursor: pointer;
            border: 1px solid #fff;
        }

            .s-dnpz-art .art-title .m-bd-share .text .arrow {
                width: 16px;
                height: 30px;
                display: inline-block;
                vertical-align: top;
                background: -176px -372px url(../images/ui_img/sp_1.png) no-repeat;
            }

        .s-dnpz-art .art-title .m-bd-share:hover .text {
            color: #e2481f;
            border: 1px solid #ededed;
            border-bottom: 1px solid #fff;
            position: relative;
            z-index: 2;
        }

            .s-dnpz-art .art-title .m-bd-share:hover .text .arrow {
                background-position: -201px -372px;
            }

        .s-dnpz-art .art-title .m-bd-share:hover .bdsharebuttonbox {
            display: block;
        }

    .s-dnpz-art .art-title .bdsharebuttonbox {
        position: relative;
        margin-top: -1px;
        background: #fff;
        border: 1px solid #ededed;
        width: 110px;
        display: none;
    }

    .s-dnpz-art .art-title .bdshare-button-style0-16 a {
        margin: 0;
        text-align: left;
        padding-left: 38px;
    }

    .s-dnpz-art .art-title .bds {
        background-image: url(../images/ui_img/sp_share_4.png);
        background-repeat: no-repeat;
        width: 72px;
        height: 32px;
        line-height: 32px;
        color: #535353;
    }

        .s-dnpz-art .art-title .bds.bds_tqq {
            background-position: 11px 8px;
        }

        .s-dnpz-art .art-title .bds.bds_qzone {
            background-position: 11px -23px;
        }

        .s-dnpz-art .art-title .bds.bds_tsina {
            background-position: 11px -53px;
        }

        .s-dnpz-art .art-title .bds.bds_weixin {
            background-position: 11px -84px;
        }

.m-dnpz-slider {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
}

    .m-dnpz-slider:hover .btn {
        display: block;
    }

    .m-dnpz-slider .slider-wrap {
        position: relative;
    }

        .m-dnpz-slider .slider-wrap .overlay {
            z-index: 1;
            position: absolute;
            top: 0;
            left: 0;
            background: #000;
            width: 100%;
            height: 100%;
            filter: alpha(opacity=30);
            -moz-opacity: 0.3;
            opacity: 0.3;
        }

    .m-dnpz-slider .item {
        position: absolute;
        overflow: hidden;
    }

        .m-dnpz-slider .item img {
            width: 100%;
        }

        .m-dnpz-slider .item.center .overlay {
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            opacity: 0;
        }

    .m-dnpz-slider .link {
        display: block;
        width: 100%;
    }

    .m-dnpz-slider .btn {
        position: absolute;
        width: 100px;
        height: 100px;
        opacity: 0.7;
        -moz-opacity: 0.7;
        filter: alpha(opacity=70);
        z-index: 10;
        outline: none;
        top: 50%;
        margin-top: -50px;
        cursor: pointer;
        display: none;
    }

        .m-dnpz-slider .btn:hover {
            opacity: 1;
            -moz-opacity: 1;
            filter: alpha(opacity=100);
        }

        .m-dnpz-slider .btn i {
            background: url("../images/ui_img/sp_2.png") no-repeat;
            position: absolute;
            width: 21px;
            height: 38px;
            top: 50%;
            margin: -16px 0 0;
        }

        .m-dnpz-slider .btn.next {
            right: 0;
        }

            .m-dnpz-slider .btn.next i {
                background-position: -33px -235px;
                right: 30px;
            }

        .m-dnpz-slider .btn.prev {
            left: 0;
        }

            .m-dnpz-slider .btn.prev i {
                background-position: 0 -235px;
                left: 30px;
            }

.m-dnpz-sidebar {
    width: 86px;
    height: 142px;
    position: fixed;
    right: 28px;
    bottom: 20%;
    z-index: 999;
}

    .m-dnpz-sidebar .item {
        height: 46px;
        border: 1px solid #ededed;
        width: 100%;
        margin-top: -1px;
        cursor: pointer;
    }

    .m-dnpz-sidebar .qq {
        display: block;
        position: relative;
        width: 86px;
        height: 46px;
        background: -2px -1px #fff url(../images/ui_img/sp_5.png) no-repeat;
    }

        .m-dnpz-sidebar .qq .info {
            display: none;
            height: 46px;
            background: #358ff0;
            text-align: center;
            color: #fff;
            font-size: 12px;
        }

            .m-dnpz-sidebar .qq .info .ico {
                width: 24px;
                height: 24px;
                display: block;
                margin: 0 auto 2px;
                background: -93px -2px url(../images/ui_img/sp_5.png) no-repeat;
            }

        .m-dnpz-sidebar .qq:hover .info {
            display: block;
        }

    .m-dnpz-sidebar .wechat {
        background: -2px -48px #fff url(../images/ui_img/sp_5.png) no-repeat;
        position: relative;
    }

        .m-dnpz-sidebar .wechat:hover .info {
            display: block;
        }

        .m-dnpz-sidebar .wechat .info {
            display: none;
            width: 180px;
            text-align: center;
            position: absolute;
            background: #fff;
            padding: 20px 10px;
            right: 87px;
            top: -20px;
            font-weight: bold;
        }

            .m-dnpz-sidebar .wechat .info img {
                margin-bottom: 5px;
            }

    .m-dnpz-sidebar .go-back {
        background: -2px -96px #fff url(../images/ui_img/sp_5.png) no-repeat;
    }

        .m-dnpz-sidebar .go-back .info {
            display: none;
            height: 46px;
            background: #358ff0;
            text-align: center;
            color: #fff;
            font-size: 12px;
        }

            .m-dnpz-sidebar .go-back .info .ico {
                width: 24px;
                height: 24px;
                display: block;
                margin: 0 auto 2px;
                background: -93px -48px url(../images/ui_img/sp_5.png) no-repeat;
            }

        .m-dnpz-sidebar .go-back:hover .info {
            display: block;
        }

.m-soft-course {
    margin-bottom: 50px;
    margin-top: -23px;
}

    .m-soft-course .item {
        width: 50%;
        float: left;
        font-size: 16px;
        margin-top: 22px;
    }

.m-az-about-list {
    padding: 0 30px;
    margin-bottom: 50px;
}

    .m-az-about-list .g-dot-list {
        margin-top: -23px;
    }

    .m-az-about-list .item {
        width: 50%;
        float: left;
        font-size: 16px;
        margin-top: 22px;
    }

        .m-az-about-list .item i {
            background: #358ff0;
        }

.m-az-guide .m-rank .rank-title {
    padding-left: 30px;
}

.page-guide-list .list-main .desc {
    color: #666;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 10px;
    font-size: 16px;
}

.page-guide-list .list-main .detail {
    margin-bottom: 0;
}

.page-guide-list .list-main .btn {
    margin-top: -5px;
}

    .page-guide-list .list-main .btn:hover {
        background: #51a5ff;
        border-color: #51a5ff;
        color: #fff;
    }

.m-guide-row {
    position: relative;
    padding-bottom: 10px;
    border: 1px solid #ededed;
}

    .m-guide-row .ico {
        position: absolute;
        left: 14px;
        top: -1px;
        width: 45px;
        height: 136px;
        background: -195px -230px url(../images/ui_img/sp_2.png) no-repeat;
        z-index: 2;
    }

    .m-guide-row .m-az-recom {
        margin-left: 62px;
    }

        .m-guide-row .m-az-recom .item {
            margin-right: 0;
            margin-left: 30px;
        }

        .m-guide-row .m-az-recom .img {
            width: 90px;
            height: 90px;
        }

.m-red-packet {
    width: 150px;
    height: 173px;
    background: url(../images/ui_img/red_packet.png) no-repeat;
    position: fixed;
    left: 100px;
    bottom: 20%;
    z-index: 999;
}

    .m-red-packet .btn {
        display: block;
        margin: 112px auto 0;
        width: 110px;
        height: 37px;
        background: 0 -222px url(../images/ui_img/red_packet.png) no-repeat;
    }

        .m-red-packet .btn:hover {
            background-position: 0 -180px;
        }

.m-hot-m-game {
    margin-top: -15px;
}

    .m-hot-m-game .item {
        color: #333;
        padding: 9px 0;
        display: block;
        position: relative;
        border-bottom: 1px dashed #ededed;
    }

        .m-hot-m-game .item.on .title {
            display: none;
        }

        .m-hot-m-game .item.on .detail {
            display: block;
        }

        .m-hot-m-game .item.on .btn {
            margin-top: 19px;
        }

    .m-hot-m-game .title, .m-hot-m-game .name {
        font-size: 16px;
        font-weight: normal;
        line-height: 30px;
        cursor: pointer;
    }

        .m-hot-m-game .title:hover, .m-hot-m-game .name:hover {
            color: #358ff0;
        }

    .m-hot-m-game .name {
        line-height: 26px;
    }

    .m-hot-m-game .soft {
        width: 284px;
    }

    .m-hot-m-game .img {
        float: left;
    }

    .m-hot-m-game .detail {
        height: 70px;
        overflow: hidden;
        display: none;
    }

    .m-hot-m-game .info {
        margin-left: 90px;
    }

    .m-hot-m-game .txt {
        color: #666;
        line-height: 22px;
    }

    .m-hot-m-game .score {
        color: #358ff0;
        font-weight: bold;
    }

    .m-hot-m-game .btn {
        width: 60px;
        height: 30px;
        border: 1px solid #358ff0;
        text-align: center;
        color: #358ff0;
        line-height: 30px;
        float: right;
    }

        .m-hot-m-game .btn:hover {
            color: #fff;
            background: #358ff0;
        }

.s-guide-art .col-l-w {
    padding-right: 40px;
}

.s-guide-art .art-main {
    float: left;
}

.s-guide-art .g-title {
    border-color: #ededed;
}

.s-guide-art .art-title {
    text-align: center;
}

    .s-guide-art .art-title .title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 35px;
    }

    .s-guide-art .art-title .sub {
        font-size: 12px;
        color: #999;
        padding-bottom: 35px;
    }

.s-guide-art .m-art-cont p img {
    margin-top: 10px;
    margin-bottom: 10px;
}

.s-guide-art .m-soft-recom {
    border: 1px solid #ededed;
    margin-top: 0;
    height: auto;
}

    .s-guide-art .m-soft-recom .soft-tab {
        padding-left: 20px;
        border-bottom: 1px solid #ededed;
    }

        .s-guide-art .m-soft-recom .soft-tab .item {
            float: left;
            line-height: 46px;
            width: 128px;
            text-align: center;
            margin-right: 20px;
            margin-bottom: -1px;
            font-size: 16px;
            cursor: pointer;
        }

            .s-guide-art .m-soft-recom .soft-tab .item.cur {
                color: #358ff0;
                border-bottom: 2px solid #358ff0;
            }

    .s-guide-art .m-soft-recom .soft-cont {
        padding: 25px 25px 25px 20px;
    }

        .s-guide-art .m-soft-recom .soft-cont .g-star {
            margin-top: -2px;
        }

.m-guide-pagination {
    margin: 20px 0 50px;
    overflow: hidden;
}

    .m-guide-pagination .g-title {
        border-bottom: 1px solid #ededed;
        margin-bottom: 24px;
    }

        .m-guide-pagination .g-title .title-txt {
            font-size: 16px;
        }

    .m-guide-pagination .btn {
        width: 98px;
        height: 38px;
        line-height: 38px;
        color: #222;
        border: 1px solid #e6e6e6;
        font-size: 14px;
        display: inline-block;
        margin: 0 3px;
    }

        .m-guide-pagination .btn.active, .m-guide-pagination .btn:hover {
            border-color: #358ff0;
            background: #358ff0;
            color: #fff;
        }

        .m-guide-pagination .btn.disabled {
            border-color: #ededed;
            background: #fff;
            color: #ededed;
        }

            .m-guide-pagination .btn.disabled:hover {
                border-color: #ededed;
                background: #fff;
                color: #ededed;
                cursor: not-allowed;
            }

    .m-guide-pagination .pages {
        text-align: center;
    }

    .m-guide-pagination .page {
        color: #999;
        display: inline-block;
        font-size: 14px;
        width: 38px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        border: 1px solid #e6e6e6;
        margin: 0 3px;
    }

        .m-guide-pagination .page.cur, .m-guide-pagination .page:hover {
            background: #358ff0;
            border-color: #358ff0;
            color: #fff;
        }

    .m-guide-pagination .colon {
        display: inline-block;
        line-height: 20px;
        vertical-align: top;
        margin-top: 7px;
        margin: 7px 10px 0;
    }

    .m-guide-pagination .g-dot-list {
        margin-bottom: 35px;
        text-align: left;
        margin-top: -18px;
    }

        .m-guide-pagination .g-dot-list .item {
            width: 390px;
            padding-right: 10px;
            margin-top: 18px;
            float: left;
            font-size: 16px;
        }

            .m-guide-pagination .g-dot-list .item i {
                background: #358ff0;
            }

.m-art-tag {
    font-size: 0;
    width: 520px;
    height: 36px;
    overflow: hidden;
}

    .m-art-tag .tag {
        vertical-align: top;
        display: inline-block;
        width: 52px;
        height: 36px;
        line-height: 36px;
        padding-left: 13px;
        font-size: 16px;
        background: 0 -411px url(../images/ui_img/sp_1.png);
    }

    .m-art-tag .link {
        vertical-align: top;
        display: inline-block;
        margin-right: 8px;
    }

        .m-art-tag .link:hover .txt {
            color: #358ff0;
            border-color: #358ff0;
        }

        .m-art-tag .link:hover .l {
            background-position: -71px -411px;
        }

    .m-art-tag .l {
        width: 13px;
        height: 36px;
        display: inline-block;
        background: -94px -411px url(../images/ui_img/sp_1.png);
        vertical-align: top;
        cursor: pointer;
    }

    .m-art-tag .txt {
        font-size: 12px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        min-width: 60px;
        line-height: 34px;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        border-right: 1px solid #ededed;
        cursor: pointer;
        padding-right: 10px;
    }

.m-guide-share {
    width: 240px;
    height: 36px;
    line-height: 36px;
    float: right;
}

    .m-guide-share .bdsharebuttonbox {
        float: right;
    }

    .m-guide-share .bdshare-button-style0-16 a {
        background-image: url(../images/ui_img/sp_share_5.png);
        background-repeat: no-repeat;
        width: 36px;
        height: 36px;
        padding-left: 0;
        margin: 0;
        margin-left: 10px;
        display: inline-block;
        vertical-align: top;
    }

        .m-guide-share .bdshare-button-style0-16 a .bds_more {
            background-position: 0 0;
        }

        .m-guide-share .bdshare-button-style0-16 a.bds_qzone {
            background-position: -46px 0;
        }

        .m-guide-share .bdshare-button-style0-16 a.bds_tsina {
            background-position: -92px 0;
        }

        .m-guide-share .bdshare-button-style0-16 a.bds_weixin {
            background-position: -137px 0;
        }

.m-art-dzx {
    margin-bottom: 40px;
}

    .m-art-dzx .g-title {
        border-color: #358ff0;
    }

    .m-art-dzx .m-az-recom {
        margin-left: -16px;
        padding-top: 0;
        margin-bottom: 0;
    }

        .m-art-dzx .m-az-recom .item {
            margin-left: 16px;
            margin-right: 0;
        }

        .m-art-dzx .m-az-recom .img {
            width: 90px;
            height: 90px;
        }

.c-img-title.multi .txt {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}

.c-img-title .t-item {
    text-align: center;
}

.m-art-about {
    margin-bottom: 40px;
}

    .m-art-about .g-title {
        border-color: #358ff0;
    }

    .m-art-about .c-img-title {
        margin-left: -26px;
    }

        .m-art-about .c-img-title .t-item {
            width: 215px;
            float: left;
            margin-left: 26px;
        }

        .m-art-about .c-img-title .txt {
            margin-top: 15px;
            line-height: 24px;
            height: 48px;
        }

    .m-art-about .m-about-recom {
        margin-bottom: 35px;
        margin-top: -23px;
    }

        .m-art-about .m-about-recom .item {
            width: 50%;
            float: left;
            font-size: 16px;
            margin-top: 22px;
        }

            .m-art-about .m-about-recom .item i {
                background: #358ff0;
            }

.m-new-game-recom {
    margin-top: -15px;
}

    .m-new-game-recom .item {
        color: #333;
        padding: 20px 0;
        display: block;
        position: relative;
        border-bottom: 1px dashed #ededed;
    }

    .m-new-game-recom .title {
        font-size: 16px;
        font-weight: normal;
        line-height: 40px;
        cursor: pointer;
    }

        .m-new-game-recom .title:hover {
            color: #358ff0;
        }

    .m-new-game-recom .img {
        float: left;
        width: 72px;
        height: 72px;
    }

    .m-new-game-recom .detail {
        width: 284px;
        height: 72px;
        overflow: hidden;
    }

    .m-new-game-recom .info {
        margin-left: 90px;
    }

    .m-new-game-recom .txt {
        color: #666;
        line-height: 30px;
    }

    .m-new-game-recom .btn {
        width: 60px;
        height: 30px;
        border: 1px solid #358ff0;
        text-align: center;
        color: #358ff0;
        line-height: 30px;
        float: right;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        margin-top: 19px;
    }

        .m-new-game-recom .btn:hover {
            color: #fff;
            background: #358ff0;
        }

.m-daily-recom {
    margin-bottom: 40px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 12px;
}

    .m-daily-recom .inner {
        height: 175px;
        overflow: hidden;
    }

    .m-daily-recom .soft {
        padding: 0 10px;
        display: block;
    }

    .m-daily-recom .img {
        width: 75px;
        height: 75px;
        float: left;
    }

    .m-daily-recom .info {
        margin-left: 86px;
    }

    .m-daily-recom .title {
        font-size: 18px;
        color: #358ff0;
        line-height: 40px;
        font-weight: normal;
    }

    .m-daily-recom .desc {
        font-size: 16px;
        color: #999;
        line-height: 30px;
    }

    .m-daily-recom .reason {
        margin-top: 10px;
        font-size: 16px;
        line-height: 30px;
        height: 90px;
        overflow: hidden;
        color: #999;
    }

        .m-daily-recom .reason em {
            color: #358ff0;
        }

    .m-daily-recom .opt {
        text-align: right;
        margin-top: 9px;
        font-size: 0;
        line-height: 0;
    }

        .m-daily-recom .opt .btn {
            display: inline-block;
            width: 24px;
            height: 24px;
            background: url(../images/ui_img/sp_1.png) no-repeat;
            margin-left: 5px;
            cursor: pointer;
        }

            .m-daily-recom .opt .btn.prev {
                background-position: -117px -411px;
            }

            .m-daily-recom .opt .btn.next {
                background-position: -151px -411px;
            }

    .m-daily-recom .thumb {
        float: right;
        margin-top: 10px;
        font-size: 0;
        line-height: 0;
    }

        .m-daily-recom .thumb li {
            width: 10px;
            height: 10px;
            background: #ededed;
            margin-left: 5px;
        }

            .m-daily-recom .thumb li.on {
                background: #358ff0;
            }

.m-report-err {
    position: relative;
    display: inline-block;
    margin-left: 30px;
}

    .m-report-err .txt {
        color: #999;
        font-size: 14px;
    }

    .m-report-err .btn {
        display: inline-block;
        width: 64px;
        height: 24px;
        margin-right: 10px;
        line-height: 24px;
        padding-left: 20px;
        color: #fff;
        font-size: 14px;
        background: #ffb3b6 -240px -385px url(../images/ui_img/sp_1.png) no-repeat;
    }

    .m-report-err .layer {
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
        z-index: 2;
        width: 390px;
        height: 260px;
        border: 1px solid #358ff0;
        background: #fff;
        border-radius: 6px;
        text-align: left;
    }

    .m-report-err .l-tit {
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        border-bottom: 1px solid #ededed;
        padding-left: 16px;
    }

    .m-report-err .l-bd {
        padding-left: 16px;
        padding-top: 12px;
    }

        .m-report-err .l-bd .txt {
            margin-bottom: 10px;
        }

    .m-report-err .textarea {
        width: 338px;
        height: 110px;
        padding: 10px;
        border: 0;
        background: #f5f6f8;
        resize: none;
        outline: none;
        overflow: hidden;
        margin: 0 0 12px 0;
        display: block;
    }

    .m-report-err .submit {
        color: #fff;
        background: #5298ff;
        float: right;
        margin-right: 16px;
        padding: 0 9px;
        line-height: 22px;
        text-align: center;
    }

        .m-report-err .submit:hover {
            background: #358ff0;
        }

    .m-report-err .close {
        float: right;
        width: 30px;
        height: 30px;
        margin-right: 10px;
        margin-top: 5px;
        background: -175px -405px url(../images/ui_img/sp_1.png) no-repeat;
    }

.m-tag-link {
    margin-bottom: 35px;
    margin-top: -10px;
    color: #999;
}

    .m-tag-link .title {
        float: left;
        width: 75px;
        height: 38px;
        line-height: 38px;
        padding-left: 10px;
        margin-top: 10px;
        color: #fff;
        background: 0 -278px url(../images/ui_img/sp_1.png) no-repeat;
    }

    .m-tag-link .item + .item {
        margin-top: 10px;
    }

    .m-tag-link .links {
        margin-left: 95px;
        overflow: hidden;
        height: 60px;
    }

    .m-tag-link .link {
        font-size: 14px;
        margin: 0 10px;
        line-height: 30px;
        color: #666;
    }

        .m-tag-link .link:hover {
            color: #358ff0;
        }

        .m-tag-link .link:first-child {
            margin-left: 0;
        }

        .m-tag-link .link.hot {
            color: #ff0000;
        }

.c-slider {
    overflow: hidden;
    position: relative;
}

    .c-slider .title {
        position: relative;
    }

        .c-slider .title .txt {
            padding-right: 10px;
            position: relative;
            z-index: 2;
        }

    .c-slider .cover {
        background: #000;
        filter: alpha(opacity=50);
        opacity: .5;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

.m-img-group {
    margin-bottom: 49px;
}

    .m-img-group .c-slider {
        float: left;
        width: 752px;
        height: 333px;
        overflow: hidden;
    }

        .m-img-group .c-slider .title {
            height: 50px;
            line-height: 50px;
            margin-top: -50px;
            color: #fff;
            font-size: 18px;
            padding-left: 10px;
        }

        .m-img-group .c-slider .txt {
            width: 80%;
        }

        .m-img-group .c-slider .btn {
            position: absolute;
            top: 50%;
            margin-top: -30px;
            width: 32px;
            height: 62px;
            cursor: pointer;
            background: url(../images/ui_img/sp_1.png) no-repeat;
        }

        .m-img-group .c-slider .btn-prev {
            left: 0;
            background-position: 0 -458px;
        }

        .m-img-group .c-slider .btn-next {
            right: 0;
            background-position: -41px -458px;
        }

        .m-img-group .c-slider .npos {
            position: absolute;
            right: 10px;
            bottom: 18px;
            z-index: 3;
        }

            .m-img-group .c-slider .npos .item {
                float: left;
                width: 12px;
                height: 12px;
                margin-left: 5px;
                background: #fff;
                transition: width 0.6s ease-in 0s;
                overflow: hidden;
                position: relative;
                z-index: 2;
            }

                .m-img-group .c-slider .npos .item.on {
                    background: #999;
                }

    .m-img-group .group {
        width: 432px;
        float: right;
    }

    .m-img-group .img-1 {
        margin-top: 10px;
    }

    .m-img-group .img-2 {
        float: right;
    }

.m-tag-cate {
    margin-bottom: 48px;
}

    .m-tag-cate .col-1 {
        float: left;
        width: 390px;
    }

    .m-tag-cate .cate {
        height: 153px;
        font-size: 0;
        position: relative;
        margin: -13px 0 9px -15px;
    }

        .m-tag-cate .cate .item {
            font-size: 14px;
            line-height: 38px;
            float: left;
            width: 86px;
            background: #e5e5e5;
            margin-left: 15px;
            margin-top: 13px;
            text-align: center;
            cursor: pointer;
        }

            .m-tag-cate .cate .item:hover, .m-tag-cate .cate .item.cur {
                color: #fff;
                background: #358ff0;
            }

        .m-tag-cate .cate .ctrl {
            position: absolute;
            height: 38px;
            right: 0;
            bottom: 0;
            line-height: 38px;
            font-size: 0;
        }

            .m-tag-cate .cate .ctrl .btn {
                width: 42px;
                background: #e5e5e5;
                display: inline-block;
                text-align: center;
                font-size: 20px;
                cursor: pointer;
            }

                .m-tag-cate .cate .ctrl .btn + .btn {
                    margin-left: 2px;
                }

                .m-tag-cate .cate .ctrl .btn:hover {
                    color: #fff;
                    background: #358ff0;
                }

    .m-tag-cate .c-slider .inner {
        height: 225px;
        overflow: hidden;
    }

    .m-tag-cate .c-slider .s-tit {
        line-height: 40px;
        font-size: 18px;
        font-weight: normal;
    }

    .m-tag-cate .c-slider .npos {
        float: right;
        margin-top: 12px;
    }

        .m-tag-cate .c-slider .npos .item {
            float: left;
            width: 10px;
            height: 10px;
            background: #ccc;
            margin-left: 10px;
        }

            .m-tag-cate .c-slider .npos .item.on {
                background: #358ff0;
            }

    .m-tag-cate .c-slider .title {
        line-height: 40px;
        height: 40px;
        margin-top: -40px;
        color: #fff;
        padding-left: 40px;
        font-size: 15px;
    }

    .m-tag-cate .col-2 {
        width: 810px;
        font-size: 0;
        float: right;
        margin-top: -22px;
    }

        .m-tag-cate .col-2 .item {
            width: 100px;
            display: inline-block;
            text-align: center;
            margin-left: 35px;
            margin-top: 22px;
        }

        .m-tag-cate .col-2 .txt {
            font-size: 14px;
            line-height: 24px;
        }

.m-mg-guide {
    margin-bottom: 57px;
}

    .m-mg-guide .g-title {
        margin-bottom: 20px;
    }

    .m-mg-guide .idx-zxjc-a {
        width: 300px;
    }

    .m-mg-guide .idx-zxjc-b {
        width: 490px;
        margin-left: 40px;
    }

        .m-mg-guide .idx-zxjc-b .b-list {
            margin-top: 18px;
            padding-top: 20px;
        }

            .m-mg-guide .idx-zxjc-b .b-list .list-item + .list-item {
                margin-top: 12px;
            }

    .m-mg-guide .idx-zxjc-c {
        width: 330px;
    }

    .m-mg-guide .a-recom {
        margin-top: 23px;
        display: block;
    }

        .m-mg-guide .a-recom .ico {
            float: left;
            position: relative;
        }

            .m-mg-guide .a-recom .ico i {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
                width: 41px;
                height: 41px;
                background: -220px -414px url(../images/ui_img/sp_1.png) no-repeat;
            }

        .m-mg-guide .a-recom .info {
            margin-left: 80px;
            height: 66px;
            border: 1px solid #ededed;
            border-left: 0;
            padding: 12px 10px 0 10px;
        }

            .m-mg-guide .a-recom .info .title {
                font-size: 18px;
                margin-bottom: 8px;
            }

            .m-mg-guide .a-recom .info .desc {
                font-size: 15px;
                color: #666;
            }

    .m-mg-guide .g-list-a {
        font-size: 16px;
        color: #666;
    }

    .m-mg-guide .g-time {
        color: #666;
    }

.m-cov-title-slider {
    margin-bottom: 70px;
}

    .m-cov-title-slider .inner {
        height: 173px;
        overflow: hidden;
    }

    .m-cov-title-slider .list {
        margin-left: -20px;
        margin-top: -20px;
    }

    .m-cov-title-slider .item {
        width: 283px;
        border: 1px solid #ededed;
        text-align: center;
        float: left;
        margin-left: 20px;
        margin-top: 20px;
    }

    .m-cov-title-slider .cover {
        background: #000;
        filter: alpha(opacity=35);
        opacity: .35;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .m-cov-title-slider .title {
        font-size: 16px;
        line-height: 36px;
        padding: 0 10px;
        position: relative;
    }

        .m-cov-title-slider .title .txt {
            z-index: 2;
            position: relative;
        }

    .m-cov-title-slider .btn {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        width: 50px;
        height: 80px;
        border-radius: 2px;
        cursor: pointer;
        overflow: hidden;
        z-index: 10;
    }

        .m-cov-title-slider .btn:hover .cover {
            filter: alpha(opacity=20);
            opacity: .2;
        }

        .m-cov-title-slider .btn.prev {
            left: 0;
        }

            .m-cov-title-slider .btn.prev .btn-ico {
                background-position: -175px -32px;
            }

        .m-cov-title-slider .btn.next {
            right: 0;
        }

            .m-cov-title-slider .btn.next .btn-ico {
                background-position: -195px -32px;
            }

        .m-cov-title-slider .btn .btn-ico {
            width: 14px;
            height: 24px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -7px;
            margin-top: -12px;
            z-index: 2;
            background-image: url(../images/ui_img/sp_1.png);
        }

.m-app-ranks {
    margin-bottom: 52px;
}

    .m-app-ranks .g-title {
        margin-bottom: 2px;
    }

    .m-app-ranks .title-txt {
        padding-left: 38px;
        background: url(../images/ui_img/sp_1.png) no-repeat;
    }

        .m-app-ranks .title-txt.sty-1 {
            background-position: -229px -465px;
        }

        .m-app-ranks .title-txt.sty-2 {
            background-position: -232px -507px;
        }

        .m-app-ranks .title-txt.sty-3 {
            background-position: -232px -550px;
        }

    .m-app-ranks .m-rank {
        width: 370px;
        float: left;
    }

        .m-app-ranks .m-rank + .m-rank {
            margin-left: 45px;
        }

        .m-app-ranks .m-rank .img {
            float: left;
        }

        .m-app-ranks .m-rank .btn {
            margin-top: 20px;
            margin-right: 20px;
            width: 50px;
            height: 26px;
            line-height: 26px;
            color: #fff;
            background: #358ff0;
            float: right;
            font-size: 16px;
            text-align: center;
            border-radius: 2px;
        }

        .m-app-ranks .m-rank .info {
            margin-left: 80px;
            padding-top: 8px;
            color: #999;
        }

            .m-app-ranks .m-rank .info .txt {
                margin-bottom: 16px;
            }

        .m-app-ranks .m-rank .item-name {
            font-size: 16px;
            font-weight: normal;
            color: #898989;
        }

        .m-app-ranks .m-rank .item-info {
            margin-left: 28px;
        }

        .m-app-ranks .m-rank .grade {
            color: #898989;
            font-weight: normal;
            font-size: 12px;
            margin-right: 20px;
        }

            .m-app-ranks .m-rank .grade em {
                font-size: 16px;
            }

        .m-app-ranks .m-rank .rank-item {
            padding: 13px 0;
        }

            .m-app-ranks .m-rank .rank-item + .rank-item {
                border-top: 1px dashed #ededed;
            }

            .m-app-ranks .m-rank .rank-item.on .item-name {
                font-weight: normal;
                font-size: 18px;
            }

.page-ios-idx .m-az-recom {
    margin-top: 12px;
}

.page-ios-idx .idx-yqlj .g-title {
    margin-bottom: 27px;
}

.page-ios-idx .idx-yqlj .title-txt {
    padding-bottom: 2px;
}

.page-ios-list .m-hot-soft-row {
    margin-bottom: 45px;
}

.page-ios-list .c-cur-pos {
    border-bottom: 1px solid #ededed;
}

.page-ios-list .m-ios-sort-tab {
    margin-top: -4px;
}

    .page-ios-list .m-ios-sort-tab .tab-item {
        width: 92px;
        line-height: 40px;
    }

        .page-ios-list .m-ios-sort-tab .tab-item.cur {
            border-top: 2px solid #358ff0;
            border-left: 1px solid #ededed;
            border-right: 1px solid #ededed;
            border-bottom: 1px solid #fff;
        }

.page-ios-list .m-pagination .page {
    border-radius: 0;
}

.page-ios-soft .m-cov-title-slider {
    margin-bottom: 51px;
}

.page-ios-soft .m-app-ranks {
    margin-bottom: 15px;
}

.m-ios-sort-list {
    margin: -26px 0 40px -30px;
}

    .m-ios-sort-list .item {
        width: 380px;
        height: 148px;
        border: 1px solid #ededed;
        position: relative;
        float: left;
        margin-left: 28px;
        margin-top: 26px;
    }

        .m-ios-sort-list .item:hover .cover {
            display: block;
        }

    .m-ios-sort-list .img {
        float: left;
    }

    .m-ios-sort-list .btn {
        display: block;
        width: 58px;
        height: 28px;
        border-radius: 14px;
        border: 1px solid #ededed;
        text-align: center;
        line-height: 28px;
        margin-top: 15px;
    }

    .m-ios-sort-list .title {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 26px;
    }

    .m-ios-sort-list .inner {
        padding: 24px 0 0 20px;
    }

    .m-ios-sort-list .info {
        margin-left: 120px;
    }

    .m-ios-sort-list .cover {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 380px;
        height: 148px;
    }

        .m-ios-sort-list .cover .bg {
            background: #5298ff;
            opacity: .9;
            filter: alpha(opacity=90);
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        .m-ios-sort-list .cover .text {
            padding: 12px 16px 0 16px;
            position: relative;
            z-index: 2;
            color: #fff;
        }

        .m-ios-sort-list .cover .title {
            font-size: 16px;
            text-align: center;
        }

        .m-ios-sort-list .cover .desc {
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            margin-bottom: 24px;
        }

.m-large-slider {
    position: relative;
    height: 361px;
    overflow: hidden;
    margin-bottom: 50px;
}

    .m-large-slider .g-npos {
        right: 50%;
        margin-right: -65px;
    }

    .m-large-slider .btn {
        position: absolute;
        top: 50%;
        margin-top: -30px;
        z-index: 10;
        background-image: url(../images/ui_img/sp_1.png);
        background-repeat: no-repeat;
        width: 40px;
        height: 60px;
        cursor: pointer;
    }

        .m-large-slider .btn.prev {
            left: 0;
            background-position: -73px -458px;
        }

        .m-large-slider .btn.next {
            right: 0;
            background-position: -109px -458px;
        }

.m-ios-zjbb {
    margin-bottom: 56px;
    font-size: 0;
}

    .m-ios-zjbb .inner {
        margin-left: 2px;
    }

    .m-ios-zjbb .item {
        width: 100px;
        text-align: center;
    }

        .m-ios-zjbb .item + .item {
            margin-left: 37px;
        }

    .m-ios-zjbb .txt {
        font-size: 14px;
        line-height: 24px;
    }

.m-icon-txt-tab {
    margin-bottom: 45px;
}

    .m-icon-txt-tab .hot-tab {
        float: right;
        margin-right: 32px;
        margin-top: 4px;
    }

    .m-icon-txt-tab .hot-item {
        color: #999;
        padding: 0 12px;
    }

        .m-icon-txt-tab .hot-item:hover {
            color: #358ff0;
        }

    .m-icon-txt-tab .col-1 {
        font-size: 0;
        margin-left: -35px;
        margin-top: -23px;
        float: left;
        width: 1080px;
    }

        .m-icon-txt-tab .col-1 .item {
            width: 100px;
            text-align: center;
            margin-left: 35px;
            margin-top: 23px;
        }

        .m-icon-txt-tab .col-1 .txt {
            font-size: 14px;
            line-height: 24px;
        }

    .m-icon-txt-tab .col-2 {
        float: right;
        width: 124px;
        text-align: center;
    }

        .m-icon-txt-tab .col-2 .item {
            line-height: 30px;
            height: 30px;
            background: #e9e9e9;
            cursor: pointer;
        }

            .m-icon-txt-tab .col-2 .item.cur {
                background: #358ff0;
                color: #fff;
            }

            .m-icon-txt-tab .col-2 .item + .item {
                margin-top: 2px;
            }

.m-app-accordion {
    font-size: 0;
    margin-bottom: 50px;
    overflow: hidden;
}

    .m-app-accordion .inner {
        margin-right: -20px;
    }

    .m-app-accordion .info {
        padding-top: 45px;
        text-align: center;
    }

        .m-app-accordion .info .txt {
            font-size: 16px;
            color: #fff;
            margin-bottom: 40px;
        }

    .m-app-accordion .item {
        width: 232px;
        height: 265px;
        float: left;
    }

        .m-app-accordion .item .img {
            display: none;
            width: 100%;
            height: 265px;
        }

        .m-app-accordion .item:hover .info {
            display: none;
        }

        .m-app-accordion .item:hover .img {
            display: block;
        }

        .m-app-accordion .item + .item {
            margin-left: 10px;
        }

        .m-app-accordion .item.item-1 {
            background: #17a04e;
        }

        .m-app-accordion .item.item-2 {
            background: #006699;
        }

        .m-app-accordion .item.item-3 {
            background: #cc3333;
        }

        .m-app-accordion .item.item-4 {
            background: #ff6633;
        }

        .m-app-accordion .item.item-5 {
            background: #339999;
        }

.page-ios-zt .c-cur-pos {
    border-bottom: 0;
}

.page-ios-zt .m-soft-tab {
    margin-top: -4px;
}

    .page-ios-zt .m-soft-tab .tab-item {
        color: #358ff0;
        border: 1px solid #358ff0;
        margin: 0 8px;
        line-height: 26px;
        *line-height: 24px;
        height: 26px;
        display: inline-block;
        padding: 0 8px;
        border-radius: 2px;
        font-size: 16px;
    }

        .page-ios-zt .m-soft-tab .tab-item:hover, .page-ios-zt .m-soft-tab .tab-item.cur {
            background: #358ff0;
            color: #fff;
        }

.m-ios-new-recom {
    margin-bottom: 40px;
}

    .m-ios-new-recom .inner {
        margin-left: -19px;
        margin-top: -20px;
    }

    .m-ios-new-recom .item {
        width: 352px;
        height: 273px;
        padding: 16px;
        border: 1px solid #ededed;
        margin-left: 20px;
        margin-top: 20px;
        float: left;
    }

    .m-ios-new-recom .title {
        font-size: 16px;
        font-weight: bold;
        margin-top: 15px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .m-ios-new-recom .desc {
        line-height: 26px;
        overflow: hidden;
        height: 52px;
        color: #666;
    }

.m-ios-pagination {
    text-align: center;
    font-size: 0;
}

    .m-ios-pagination .page, .m-ios-pagination .btn {
        line-height: 28px;
        border: 1px solid #ededed;
        display: inline-block;
        font-size: 14px;
        margin: 0 3px;
    }

        .m-ios-pagination .page:hover, .m-ios-pagination .page.cur, .m-ios-pagination .btn:hover, .m-ios-pagination .btn.cur {
            border-color: #358ff0;
            background: #358ff0;
            color: #fff;
        }

    .m-ios-pagination .colon {
        display: inline-block;
        line-height: 28px;
        position: relative;
        top: 5px;
        font-size: 14px;
        margin: 0 3px;
    }

    .m-ios-pagination .page {
        width: 28px;
        height: 28px;
    }

    .m-ios-pagination .btn {
        width: 58px;
        height: 28px;
    }

.page-ios-game .m-rank {
    width: 300px;
    float: right;
}

    .page-ios-game .m-rank .rank-title {
        padding-left: 0;
        background: none;
    }

    .page-ios-game .m-rank .item-info {
        margin-left: 30px;
        padding-top: 12px;
    }

    .page-ios-game .m-rank .g-star {
        margin-left: 10px;
    }

    .page-ios-game .m-rank .g-sort-num {
        background: #c4d0db;
    }

        .page-ios-game .m-rank .g-sort-num.top {
            background: #ff6b66;
        }

        .page-ios-game .m-rank .g-sort-num.second {
            background: #ff8652;
        }

        .page-ios-game .m-rank .g-sort-num.third {
            background: #ffa742;
        }

    .page-ios-game .m-rank .g-art-count {
        font-size: 12px;
        font-weight: normal;
        color: #999;
        padding-left: 15px;
        min-width: 42px;
        text-align: right;
    }

.m-ios-game-main {
    margin-bottom: 36px;
}

    .m-ios-game-main .slider {
        width: 860px;
        height: 360px;
        overflow: hidden;
        position: relative;
        float: left;
    }

        .m-ios-game-main .slider .btn {
            position: absolute;
            top: 50%;
            margin-top: -30px;
            z-index: 10;
            background-image: url(../images/ui_img/sp_1.png);
            background-repeat: no-repeat;
            width: 40px;
            height: 60px;
            opacity: .5;
            filter: alpha(opacity=50);
            cursor: pointer;
        }

            .m-ios-game-main .slider .btn.prev {
                left: 0;
                background-position: -73px -458px;
            }

            .m-ios-game-main .slider .btn.next {
                right: 0;
                background-position: -109px -458px;
            }

    .m-ios-game-main .col-r {
        width: 320px;
        float: right;
    }

        .m-ios-game-main .col-r .card .title {
            background: #358ff0;
        }

            .m-ios-game-main .col-r .card .title i {
                display: inline-block;
                vertical-align: top;
                width: 63px;
                height: 52px;
                background: -151px -460px url(../images/ui_img/sp_1.png) no-repeat;
            }

            .m-ios-game-main .col-r .card .title .txt {
                color: #fff;
                font-size: 20px;
                line-height: 1;
                margin-top: 16px;
                vertical-align: top;
                display: inline-block;
                border-left: 4px solid #fff;
                padding-left: 10px;
            }

        .m-ios-game-main .col-r .card .info {
            background: #f5f6f8;
            height: 106px;
            padding: 21px 15px 0 15px;
        }

        .m-ios-game-main .col-r .card .img {
            width: 80px;
            height: 80px;
            float: left;
            margin-top: 3px;
        }

        .m-ios-game-main .col-r .card .detail {
            margin-left: 92px;
        }

        .m-ios-game-main .col-r .card .name {
            font-size: 16px;
            font-weight: normal;
            line-height: 22px;
            margin-bottom: 7px;
        }

        .m-ios-game-main .col-r .card .desc {
            text-align: justify;
            text-justify: inter-ideograph;
            color: #999;
            line-height: 26px;
            height: 52px;
            overflow: hidden;
        }

        .m-ios-game-main .col-r .c-orange {
            color: #ff7800;
        }

        .m-ios-game-main .col-r .new-recom .title {
            font-size: 20px;
            line-height: 34px;
            padding: 10px 0 10px 30px;
            background: -241px -585px url(../images/ui_img/sp_1.png) no-repeat;
        }

        .m-ios-game-main .col-r .new-recom .sub {
            font-size: 16px;
            color: #999;
            margin-left: 20px;
            font-weight: normal;
        }

        .m-ios-game-main .col-r .new-recom .info {
            background: #f5f6f8;
            height: 110px;
            padding: 15px 15px 0 15px;
        }

        .m-ios-game-main .col-r .new-recom .img-outer {
            width: 66px;
            height: 66px;
            margin: 0 auto 12px;
            overflow: hidden;
            -webkit-border-radius: 33px;
            -moz-border-radius: 33px;
            -ms-border-radius: 33px;
            border-radius: 33px;
        }

        .m-ios-game-main .col-r .new-recom .name {
            font-weight: normal;
        }

        .m-ios-game-main .col-r .new-recom .i-l {
            width: 96px;
            float: left;
            text-align: center;
        }

        .m-ios-game-main .col-r .new-recom .i-r {
            margin-left: 112px;
        }

        .m-ios-game-main .col-r .new-recom .txt {
            font-size: 16px;
            color: #666;
            padding-top: 10px;
            line-height: 30px;
            margin-bottom: 20px;
            letter-spacing: 2px;
        }

        .m-ios-game-main .col-r .new-recom .btn {
            width: 90px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            color: #fff;
            background: #ff7800;
            display: block;
        }

.m-ios-game-recom {
    margin-bottom: 48px;
}

    .m-ios-game-recom .hot-tab {
        float: right;
        margin-right: 32px;
        margin-top: 4px;
    }

    .m-ios-game-recom .hot-item {
        color: #999;
        padding: 0 12px;
    }

        .m-ios-game-recom .hot-item:hover {
            color: #358ff0;
        }

    .m-ios-game-recom .col-1 {
        width: 900px;
        float: left;
        margin-top: -18px;
    }

        .m-ios-game-recom .col-1 .item {
            float: left;
            width: 180px;
            height: 104px;
            padding: 12px 10px;
            border: 1px solid #ededed;
            margin-right: 18px;
            margin-top: 18px;
        }

            .m-ios-game-recom .col-1 .item .title {
                font-size: 16px;
                font-weight: normal;
                line-height: 24px;
                margin-bottom: 10px;
            }

            .m-ios-game-recom .col-1 .item .img {
                float: left;
            }

            .m-ios-game-recom .col-1 .item .info {
                margin-left: 80px;
                padding-top: 17px;
            }

            .m-ios-game-recom .col-1 .item .g-star {
                margin-bottom: 15px;
                display: block;
            }

            .m-ios-game-recom .col-1 .item .icons {
                font-size: 0;
            }

            .m-ios-game-recom .col-1 .item .icon {
                width: 22px;
                height: 22px;
                display: inline-block;
            }

                .m-ios-game-recom .col-1 .item .icon.icon-dl {
                    background: -151px -548px url(../images/ui_img/sp_1.png) no-repeat;
                }

                .m-ios-game-recom .col-1 .item .icon.icon-favor {
                    background: -179px -548px url(../images/ui_img/sp_1.png) no-repeat;
                }

                .m-ios-game-recom .col-1 .item .icon + .icon {
                    margin-left: 6px;
                }

    .m-ios-game-recom .large {
        width: 420px;
        height: 276px;
        overflow: hidden;
        position: relative;
        float: left;
        margin-right: 18px;
        margin-top: 18px;
        border: 1px solid #ededed;
    }

        .m-ios-game-recom .large:hover .cover {
            display: block;
        }

        .m-ios-game-recom .large .img {
            position: relative;
            z-index: 1;
        }

        .m-ios-game-recom .large .icon {
            width: 80px;
            height: 80px;
            float: left;
        }

        .m-ios-game-recom .large .info {
            margin-left: 100px;
            margin-right: 110px;
        }

        .m-ios-game-recom .large .title {
            font-size: 16px;
            line-height: 28px;
            margin-bottom: 4px;
        }

        .m-ios-game-recom .large .desc {
            font-size: 12px;
            color: #999;
            margin-bottom: 6px;
        }

        .m-ios-game-recom .large .btn {
            float: right;
            width: 100px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            color: #fff;
            background: #ff7800;
            display: block;
            margin-top: 36px;
        }

    .m-ios-game-recom .cover {
        display: none;
        color: #fff;
        position: relative;
        z-index: 2;
        margin-top: -120px;
        height: 80px;
        background: #333;
        padding: 20px;
    }

.m-ios-game-coll {
    margin-bottom: 49px;
}

    .m-ios-game-coll .slider {
        position: relative;
    }

    .m-ios-game-coll .inner {
        width: 1068px;
        height: 120px;
        margin: 0 auto;
        overflow: hidden;
    }

    .m-ios-game-coll .btn {
        position: absolute;
        top: 50%;
        margin-top: -22px;
        z-index: 10;
        background-image: url(../images/ui_img/sp_1.png);
        background-repeat: no-repeat;
        width: 44px;
        height: 44px;
        cursor: pointer;
    }

        .m-ios-game-coll .btn.prev {
            left: 0;
            background-position: 0 -564px;
        }

        .m-ios-game-coll .btn.next {
            right: 0;
            background-position: -54px -564px;
        }

    .m-ios-game-coll .item {
        width: 252px;
        float: left;
        position: relative;
    }

        .m-ios-game-coll .item + .item {
            margin-left: 20px;
        }

    .m-ios-game-coll .title {
        margin-top: -30px;
        line-height: 30px;
        color: #fff;
        text-align: center;
        position: relative;
    }

        .m-ios-game-coll .title .bg {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: .5;
            filter: alpha(opacity=50);
            z-index: 1;
            left: 0;
            top: 0;
        }

        .m-ios-game-coll .title .txt {
            position: relative;
            z-index: 2;
        }

.m-icon-apps {
    margin-bottom: 47px;
}

    .m-icon-apps .col-1 {
        width: 900px;
        margin-top: -35px;
        float: left;
    }

        .m-icon-apps .col-1 .g-star {
            display: block;
            margin-bottom: 8px;
        }

    .m-icon-apps .m-rank {
        float: right;
    }

    .m-icon-apps .item {
        float: left;
        width: 200px;
        margin-right: 20px;
        margin-top: 35px;
    }

    .m-icon-apps .img {
        float: left;
    }

    .m-icon-apps .info {
        margin-left: 90px;
    }

    .m-icon-apps .title {
        font-weight: normal;
        line-height: 32px;
        margin-bottom: 6px;
        padding-top: 2px;
    }

    .m-icon-apps .desc {
        font-size: 12px;
        color: #999;
    }

    .m-icon-apps .g-tab {
        float: right;
        margin-right: 90px;
    }

    .m-icon-apps .more-tabs {
        margin-top: 3px;
        float: right;
    }

        .m-icon-apps .more-tabs .m-item {
            font-size: 16px;
            margin-top: 3px;
            font-weight: normal;
            color: #999;
            cursor: pointer;
            display: none;
        }

.m-game-video {
    margin-bottom: 51px;
}

    .m-game-video .inner {
        margin-left: -26px;
        margin-top: -20px;
    }

    .m-game-video .info {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 3;
    }

    .m-game-video .btn {
        position: relative;
        z-index: 2;
        width: 62px;
        height: 62px;
        display: block;
        background-image: url(../images/ui_img/video_sp.png);
        background-repeat: no-repeat;
        background-position: -94px -375px;
        margin: 30px auto 10px;
    }

    .m-game-video .bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background: #000;
        opacity: .5;
        filter: alpha(opacity=50);
    }

    .m-game-video .txt {
        position: relative;
        z-index: 2;
        font-size: 16px;
        color: #fff;
        text-align: center;
        height: 48px;
        line-height: 24px;
        padding: 0 30px;
        overflow: hidden;
    }

    .m-game-video .item {
        width: 218px;
        height: 172px;
        float: left;
        margin-left: 26px;
        margin-top: 20px;
        position: relative;
    }

        .m-game-video .item:hover .info {
            display: block;
        }

        .m-game-video .item:hover .title {
            display: none;
        }

    .m-game-video .title {
        position: relative;
        margin-top: -34px;
        height: 34px;
    }

        .m-game-video .title .text {
            color: #fff;
            line-height: 34px;
            position: relative;
            z-index: 2;
            padding: 0 40px 0 3px;
        }

        .m-game-video .title .icon {
            position: absolute;
            width: 34px;
            height: 34px;
            top: 0;
            right: 8px;
            z-index: 2;
            background: -162px -373px url(../images/ui_img/video_sp.png) no-repeat;
        }

    .m-game-video .large {
        width: 466px;
        height: 364px;
    }

        .m-game-video .large .cover {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 2;
            background: 0 0 url(../images/ui_img/video_sp.png) no-repeat;
        }

        .m-game-video .large .btn {
            width: 84px;
            height: 84px;
            margin: 115px auto 82px;
            background-position: 0 -375px;
        }

        .m-game-video .large .title {
            position: relative;
            margin-top: -46px;
            height: 46px;
        }

            .m-game-video .large .title .text {
                line-height: 46px;
                font-size: 18px;
                padding: 0 10px;
                text-align: center;
            }

        .m-game-video .large .txt {
            height: 60px;
            line-height: 30px;
            font-weight: bold;
            font-size: 20px;
        }

.m-game-dzw {
    margin-bottom: 20px;
}

    .m-game-dzw .inner {
        margin-left: -25px;
    }

    .m-game-dzw .item {
        float: left;
        width: 280px;
        margin-left: 25px;
    }

.m-ios-zt-list-tab {
    border-bottom: 1px solid #ededed;
    text-align: center;
    margin-bottom: 32px;
}

    .m-ios-zt-list-tab .tab-item {
        width: 111px;
        line-height: 40px;
        float: left;
        margin-bottom: -1px;
        font-size: 18px;
        cursor: pointer;
    }

        .m-ios-zt-list-tab .tab-item.cur {
            border-top: 2px solid #358ff0;
            border-left: 1px solid #ededed;
            border-right: 1px solid #ededed;
            border-bottom: 1px solid #fff;
        }

.m-ios-guide-list {
    margin-top: -32px;
}

    .m-ios-guide-list .item {
        margin-top: 26px;
        padding-bottom: 26px;
        border-bottom: 1px solid #ededed;
    }

    .m-ios-guide-list .img {
        float: left;
    }

    .m-ios-guide-list .info {
        padding-top: 18px;
        margin-left: 260px;
    }

    .m-ios-guide-list .title {
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 18px;
    }

    .m-ios-guide-list .desc {
        font-size: 16px;
        line-height: 30px;
        height: 60px;
        color: #666;
        margin-bottom: 18px;
        overflow: hidden;
    }

    .m-ios-guide-list .detail .txt {
        color: #999;
    }

        .m-ios-guide-list .detail .txt + .txt {
            margin-left: 40px;
        }

.page-ios-art .c-content {
    font-size: 16px;
}

    .page-ios-art .c-content .intro-tit {
        margin: 16px 0;
        border-bottom: 2px solid #ededed;
    }

        .page-ios-art .c-content .intro-tit span {
            font-weight: bold;
            display: inline-block;
            margin-bottom: -2px;
            border-bottom: 2px solid #358ff0;
        }

.page-ios-art .m-az-about-list {
    padding-top: 16px;
    margin-bottom: 0;
}

.page-ios-art .m-android-art .c-detail {
    height: 90px;
}

.page-ios-art .m-android-art .c-rank {
    margin-bottom: 23px;
}

.m-course-zt-main {
    margin-bottom: 35px;
}

    .m-course-zt-main .img {
        float: left;
    }

    .m-course-zt-main .info {
        margin-left: 578px;
    }

    .m-course-zt-main .title {
        line-height: 86px;
        height: 86px;
        overflow: hidden;
        font-size: 28px;
    }

    .m-course-zt-main .desc {
        line-height: 32px;
        height: 64px;
        overflow: hidden;
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 45px;
    }

    .m-course-zt-main .time {
        float: left;
        font-size: 16px;
        padding-left: 25px;
        background: -246px -634px url(../images/ui_img/sp_1.png) no-repeat;
        line-height: 30px;
        color: #878787;
    }

    .m-course-zt-main .c-share {
        float: right;
        font-size: 0;
    }

        .m-course-zt-main .c-share em {
            display: inline-block;
            vertical-align: top;
            line-height: 30px;
            color: #878787;
            font-size: 16px;
        }

        .m-course-zt-main .c-share a {
            display: inline-block;
            vertical-align: top;
            float: none;
            background-image: url(../images/ui_img/sp_share_6.png);
            background-repeat: no-repeat;
            width: 30px;
            height: 30px;
            padding-left: 0;
            margin: 0 0 0 10px;
        }

            .m-course-zt-main .c-share a.bds_more {
                background-position: 0 0;
            }

            .m-course-zt-main .c-share a.bds_qzone {
                background-position: -40px 0;
            }

            .m-course-zt-main .c-share a.bds_tsina {
                background-position: -80px 0;
            }

            .m-course-zt-main .c-share a.bds_weixin {
                background-position: -120px 0;
            }

            .m-course-zt-main .c-share a.bds_tqq {
                background-position: -160px 0;
            }

            .m-course-zt-main .c-share a.bds_renren {
                background-position: -200px 0;
            }

    .m-course-zt-main .c-tags {
        position: relative;
        margin-top: 40px;
    }

        .m-course-zt-main .c-tags .inner {
            margin-left: -7px;
            position: relative;
            z-index: 2;
        }

        .m-course-zt-main .c-tags .item {
            width: 124px;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
            border: 1px solid #ddd;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            text-align: center;
            background: #fff;
            float: left;
            margin-left: 8px;
        }

            .m-course-zt-main .c-tags .item:hover, .m-course-zt-main .c-tags .item.cur {
                background: #358ff0;
                color: #fff;
            }

        .m-course-zt-main .c-tags .line {
            background: #ddd;
            width: 95%;
            height: 1px;
            position: absolute;
            top: 19px;
            left: 5px;
            z-index: 0;
        }

.m-course-zt-list {
    margin-bottom: 50px;
}

    .m-course-zt-list .g-title .title-txt {
        width: auto;
    }

    .m-course-zt-list .inner {
        margin-left: -50px;
        margin-top: -36px;
    }

    .m-course-zt-list .item {
        width: 575px;
        float: left;
        margin-left: 50px;
        margin-top: 36px;
    }

    .m-course-zt-list .img {
        float: left;
    }

    .m-course-zt-list .title {
        line-height: 38px;
        font-size: 16px;
        font-weight: normal;
    }

    .m-course-zt-list .desc {
        line-height: 30px;
        height: 90px;
        overflow: hidden;
        color: #666;
        margin-top: 10px;
    }

    .m-course-zt-list .time {
        margin-top: 14px;
        color: #999;
    }

    .m-course-zt-list .more {
        color: #358ff0;
    }

    .m-course-zt-list .info {
        margin-left: 256px;
    }

.m-course-zt-recom {
    margin-bottom: 50px;
}

    .m-course-zt-recom .inner {
        margin-left: -70px;
    }

    .m-course-zt-recom .item {
        width: 565px;
        float: left;
        margin-left: 70px;
    }

    .m-course-zt-recom .title {
        font-size: 17px;
        font-weight: normal;
        margin-bottom: 25px;
        line-height: 24px;
    }

    .m-course-zt-recom .img {
        float: left;
    }

    .m-course-zt-recom .desc {
        margin-left: 225px;
        color: #878787;
        line-height: 30px;
        height: 120px;
        overflow: hidden;
    }

    .m-course-zt-recom .more {
        color: #358ff0;
    }

    .m-course-zt-recom .detail {
        height: 201px;
        padding-bottom: 25px;
        border-bottom: 1px dashed #c9c9c9;
        margin-bottom: 10px;
    }

    .m-course-zt-recom .line {
        width: 549px;
        line-height: 42px;
        height: 42px;
        background: -254px -658px url(../images/ui_img/sp_1.png) no-repeat;
        padding-left: 16px;
        text-align: right;
        border-bottom: 1px dotted #c9c9c9;
    }

    .m-course-zt-recom .txt {
        float: left;
        width: 420px;
        text-align: left;
    }

    .m-course-zt-recom .time {
        color: #999;
    }

.m-zxw-qrcode {
    margin-bottom: 40px;
}

.m-soft-modal {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

    .m-soft-modal .cover {
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .2;
        filter: alpha(opacity=20);
        position: relative;
        z-index: 1;
    }

    .m-soft-modal .cont {
        position: absolute;
        z-index: 2;
        width: 996px;
        left: 50%;
        margin-left: -518px;
        top: 20%;
        background: #fff;
        padding: 20px 20px 15px 20px;
    }

    .m-soft-modal .hd {
        border-bottom: 2px solid #ededed;
        margin-bottom: 30px;
    }

    .m-soft-modal .close {
        font-size: 14px;
        color: #fff;
        background: #999;
        text-align: center;
        width: 46px;
        line-height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
    }

    .m-soft-modal .h-tit {
        font-size: 26px;
        line-height: 40px;
        padding-bottom: 20px;
    }

    .m-soft-modal .s-list {
        margin-left: -30px;
        margin-top: -20px;
    }

        .m-soft-modal .s-list .img {
            width: 72px;
            height: 72px;
            margin-bottom: 10px;
        }

        .m-soft-modal .s-list .item {
            float: left;
            width: 84px;
            text-align: center;
            margin-left: 30px;
            margin-top: 20px;
            position: relative;
        }

        .m-soft-modal .s-list .tag {
            position: absolute;
            right: -10px;
            top: -10px;
            z-index: 2;
            padding: 0 5px;
            line-height: 20px;
            height: 20px;
            color: #fff;
            background: #ff1a35;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
        }

    .m-soft-modal .zt-list {
        padding-bottom: 20px;
    }

        .m-soft-modal .zt-list .title {
            font-size: 16px;
            font-weight: bold;
            line-height: 36px;
            margin-bottom: 16px;
            overflow: hidden;
        }

        .m-soft-modal .zt-list .more {
            font-weight: normal;
            float: right;
            color: #358ff0;
            font-size: 14px;
        }

        .m-soft-modal .zt-list .zt {
            margin-left: 384px;
        }

        .m-soft-modal .zt-list .info {
            margin-left: 58px;
        }

        .m-soft-modal .zt-list .list {
            margin-left: -5px;
            margin-top: -20px;
        }

        .m-soft-modal .zt-list .item {
            width: 200px;
            float: left;
            margin-top: 20px;
            margin-left: 5px;
        }

        .m-soft-modal .zt-list .name {
            line-height: 26px;
        }

        .m-soft-modal .zt-list .desc {
            color: #666;
        }

.page-az-idx .m-game-video {
    margin-bottom: 40px;
}

.m-news-main {
    margin-bottom: 40px;
}

    .m-news-main .u-cov {
        width: 532px;
        height: 400px;
        background: url(../images/ui_img/g_3.png) bottom repeat-x;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }

    .m-news-main .col-l {
        width: 1010px;
        float: left;
    }

        .m-news-main .col-l .slide {
            height: 400px;
            overflow: hidden;
            position: relative;
            float: left;
        }

            .m-news-main .col-l .slide .tit {
                position: absolute;
                z-index: 3;
                left: 30px;
                bottom: 50px;
                width: 480px;
                color: #fff;
                font-weight: bold;
                font-size: 22px;
                line-height: 44px;
            }

        .m-news-main .col-l .item {
            position: relative;
            width: 532px;
            height: 400px;
        }

        .m-news-main .col-l .pos {
            position: absolute;
            z-index: 3;
            left: 20px;
            bottom: 40px;
        }

            .m-news-main .col-l .pos .cir {
                width: 6px;
                height: 6px;
                margin-left: 10px;
                overflow: hidden;
                float: left;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
                background: #fff;
            }

                .m-news-main .col-l .pos .cir.on {
                    width: 20px;
                }

        .m-news-main .col-l .imgs {
            float: right;
            width: 315px;
            margin-top: -2px;
        }

        .m-news-main .col-l .img {
            display: block;
            margin-top: 2px;
        }

        .m-news-main .col-l .list {
            border-top: 1px solid #ededed;
        }

            .m-news-main .col-l .list .li {
                background: -240px -690px url(../images/ui_img/sp_1.png) no-repeat;
                height: 56px;
                overflow: hidden;
                line-height: 56px;
                padding-left: 32px;
                font-size: 18px;
                border-bottom: 1px solid #ededed;
            }

    .m-news-main .col-r {
        float: left;
        margin-left: 30px;
        position: relative;
    }

        .m-news-main .col-r .inner {
            width: 350px;
            height: 651px;
            border: 1px solid #ededed;
            position: relative;
            z-index: 3;
            background: #fff;
        }

        .m-news-main .col-r .u-line-1, .m-news-main .col-r .u-line-2 {
            width: 350px;
            height: 651px;
            border: 1px solid #ededed;
            background: #fff;
            position: absolute;
        }

        .m-news-main .col-r .u-line-1 {
            z-index: 2;
            left: 3px;
            top: 3px;
        }

        .m-news-main .col-r .u-line-2 {
            z-index: 1;
            left: 6px;
            top: 6px;
        }

        .m-news-main .col-r .hot-tit {
            color: #fff;
            background: #358ff0;
            line-height: 34px;
            width: 76px;
            border-radius: 0 17px 17px 0;
            margin-top: 14px;
            padding-left: 12px;
            margin-bottom: 27px;
        }

        .m-news-main .col-r .u-line {
            height: 30px;
            width: 1px;
            background: #358ff0;
            position: absolute;
            z-index: 1;
            top: 0;
            right: 27px;
        }

        .m-news-main .col-r .f5 {
            width: 30px;
            height: 30px;
            background: -191px -580px url(../images/ui_img/sp_1.png) no-repeat;
            position: absolute;
            z-index: 2;
            top: 24px;
            right: 11px;
        }

        .m-news-main .col-r .news {
            margin-left: 27px;
            width: 300px;
            position: relative;
        }

            .m-news-main .col-r .news .item {
                padding-left: 15px;
                position: relative;
                z-index: 2;
                margin-bottom: 23px;
            }

            .m-news-main .col-r .news .time {
                color: #358ff0;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 7px;
            }

            .m-news-main .col-r .news .title {
                line-height: 20px;
                height: 40px;
                overflow: hidden;
                display: block;
            }

            .m-news-main .col-r .news .u-dashed {
                width: 0;
                height: 472px;
                position: absolute;
                left: 0;
                top: 10px;
                z-index: 1;
                border-left: 1px dashed #358ff0;
            }

            .m-news-main .col-r .news .u-dot {
                background: -167px -580px url(../images/ui_img/sp_1.png) no-repeat;
                width: 6px;
                height: 6px;
                position: absolute;
                left: -3px;
                top: 8px;
            }

.page-news-idx .col-l-w {
    width: 950px;
}

.page-news-idx .list-main .item {
    padding-top: 20px;
    padding-bottom: 26px;
    border-bottom: 1px solid #ededed;
}

.page-news-idx .list-main .soft-img {
    width: 70px;
    height: 70px;
    padding: 24px;
    border: 1px solid #f8f8f8;
}

.page-news-idx .list-main .title {
    font-size: 20px;
    margin-bottom: 24px;
}

.page-news-idx .list-main .info {
    color: #666;
    margin-left: 270px;
    overflow: hidden;
    padding-top: 5px;
}

.page-news-idx .list-main .detail {
    margin-bottom: 10px;
}

.page-news-idx .list-main .desc {
    line-height: 40px;
    height: 120px;
    overflow: hidden;
    text-align: justify;
    font-size: 16px;
}

.page-news-idx .list-main .count {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 24px;
}

.page-news-idx .list-main .ico-see {
    width: 25px;
    height: 24px;
    display: inline-block;
    background: 0 -626px url(../images/ui_img/sp_1.png) no-repeat;
    vertical-align: top;
    margin-right: 7px;
}

.page-news-idx .m-side-col {
    padding-top: 20px;
}

.page-news-idx .hot-rank .g-title {
    border-color: #358ff0;
    margin-bottom: 36px;
}

    .page-news-idx .hot-rank .g-title .g-tab {
        font-size: 22px;
        font-weight: bold;
        height: 30px;
        padding-bottom: 8px;
        margin-left: 10px;
    }

.m-news-list-tab {
    font-size: 0;
    border-bottom: 2px solid #ededed;
    margin-bottom: 14px;
}

    .m-news-list-tab .item {
        line-height: 60px;
        width: 116px;
        height: 60px;
        font-size: 18px;
        text-align: center;
        margin-bottom: -2px;
        cursor: pointer;
    }

        .m-news-list-tab .item.cur {
            background: #358ff0;
            color: #fff;
        }

.m-get-more {
    text-align: center;
    margin-top: 1px;
}

    .m-get-more .btn {
        background: #86bcf6;
        color: #fff;
        width: 126px;
        height: 40px;
        line-height: 40px;
        display: block;
        margin: 0 auto;
    }

    .m-get-more .ico {
        width: 18px;
        height: 16px;
        display: inline-block;
        background: -40px -630px url(../images/ui_img/sp_1.png) no-repeat;
        vertical-align: middle;
        margin-right: 3px;
    }

.m-mg-tab-row {
    border: 1px solid #ededed;
}

    .m-mg-tab-row .hot-tab {
        width: 145px;
    }

        .m-mg-tab-row .hot-tab .item {
            line-height: 72px;
            height: 72px;
            text-align: center;
            position: relative;
            cursor: pointer;
            border-right: 1px solid #ededed;
            background: #f5f6f8;
            font-size: 18px;
        }

            .m-mg-tab-row .hot-tab .item.cur {
                background: #5298ff;
                border-right: 1px solid #5298ff;
                color: #fff;
            }

                .m-mg-tab-row .hot-tab .item.cur .arrow {
                    display: block;
                }

            .m-mg-tab-row .hot-tab .item .arrow {
                display: none;
                position: absolute;
                right: -8px;
                top: 50%;
                width: 7px;
                height: 14px;
                margin-top: -7px;
                background: -76px -629px url(../images/ui_img/sp_1.png) no-repeat;
            }

    .m-mg-tab-row .m-az-recom {
        margin-top: 0;
    }

    .m-mg-tab-row .m-az-recom {
        display: none;
        margin-right: 0;
    }

        .m-mg-tab-row .m-az-recom .item {
            margin-right: 0;
            margin-left: 16px;
            margin-top: 15px;
        }

        .m-mg-tab-row .m-az-recom .img {
            border-radius: 14px;
        }

.m-guide-main {
    margin-bottom: 35px;
}

    .m-guide-main .slide {
        width: 620px;
        height: 464px;
        float: left;
        overflow: hidden;
        position: relative;
    }

    .m-guide-main .slide-cont {
        width: 620px;
        height: 464px;
        position: relative;
        overflow: hidden;
    }

    .m-guide-main .slide-item {
        position: absolute;
        width: 100%;
        height: 100%;
        left: -620px;
    }

    .m-guide-main .txt_bg {
        width: 620px;
        height: 50px;
        background: #000;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .m-guide-main .slide-nav {
        height: 12px;
        display: inline-block;
        overflow: hidden;
        position: absolute;
        z-index: 5;
        bottom: 17px;
        right: 20px;
        overflow: hidden;
    }

        .m-guide-main .slide-nav i {
            width: 12px;
            height: 12px;
            background: #d4d4d4;
            cursor: pointer;
            margin-left: 5px;
            float: left;
            font-size: 0;
        }

            .m-guide-main .slide-nav i.on {
                background: #ffe825;
            }

    .m-guide-main .slide-txt {
        widows: 100%;
        height: 50px;
        position: absolute;
        left: 0;
        bottom: 0px;
        z-index: 1;
    }

        .m-guide-main .slide-txt .title {
            display: inline-block;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            padding: 0 20px;
            overflow: hidden;
            color: #ffe825;
            position: absolute;
            left: 0;
            top: 0;
        }

    .m-guide-main .col-2 {
        width: 542px;
        float: right;
    }

        .m-guide-main .col-2 .title {
            border-bottom: 1px dashed #ededed;
            display: block;
            padding-bottom: 18px;
        }

            .m-guide-main .col-2 .title .txt {
                font-size: 30px;
                color: #fe1e00;
                font-weight: normal;
                text-align: center;
                margin-bottom: 20px;
            }

        .m-guide-main .col-2 .sub {
            color: #666;
            text-indent: 2em;
            height: 48px;
            line-height: 24px;
            overflow: hidden;
        }

            .m-guide-main .col-2 .sub em {
                color: #358ff0;
            }

        .m-guide-main .col-2 .list {
            margin-top: 15px;
        }

            .m-guide-main .col-2 .list .item {
                font-size: 16px;
                line-height: 28px;
                margin-top: 5px;
            }

                .m-guide-main .col-2 .list .item i {
                    display: block;
                    float: left;
                    width: 4px;
                    height: 4px;
                    overflow: hidden;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    -ms-border-radius: 2px;
                    background: #ccc;
                    margin-top: 12px;
                    margin-right: 10px;
                }

.m-mg-coll-slider {
    margin-bottom: 40px;
}

    .m-mg-coll-slider .inner {
        height: 184px;
        overflow: hidden;
    }

    .m-mg-coll-slider .item {
        float: left;
        position: relative;
    }

        .m-mg-coll-slider .item + .item {
            margin-left: 21px;
        }

    .m-mg-coll-slider .btn {
        position: absolute;
        top: 50%;
        margin-top: -58px;
        width: 40px;
        height: 115px;
        z-index: 3;
        background: url(../images/ui_img/sp_1.png) no-repeat;
        opacity: .4;
        filter: alpha(opacity=40);
        cursor: pointer;
    }

        .m-mg-coll-slider .btn.prev {
            left: 0;
            background-position: -154px -614px;
        }

        .m-mg-coll-slider .btn.next {
            right: 0;
            background-position: -197px -614px;
        }

        .m-mg-coll-slider .btn:hover {
            opacity: .8;
            filter: alpha(opacity=80);
        }

    .m-mg-coll-slider .title {
        position: absolute;
        width: 100%;
        height: 24px;
        bottom: 0;
        left: 0;
        z-index: 2;
    }

        .m-mg-coll-slider .title .bg {
            background: #000;
            width: 100%;
            height: 100%;
            z-index: 1;
            position: relative;
            opacity: .5;
            filter: alpha(opacity=50);
        }

        .m-mg-coll-slider .title .txt {
            line-height: 24px;
            text-align: center;
            color: #fff;
        }

.page-guide-idx .m-game-video {
    margin-bottom: 0;
}

.goto-qq {
    display: inline-block;
    background: url(../images/ui_img/group.png) no-repeat;
    width: 110px;
    height: 26px;
    background-size: 100% 100%;
}

.tips-img {
    margin-top: 26px;
}

    .tips-img img {
        width: 380px;
        height: 190px;
    }

.m-art-dl .mt5 {
    margin-top: 5px;
}

.m-art-dl .item .ico-365 {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-top: 6px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(../images/ui_img/ico_01-01.png);
}

/* 2018.11.15�޸��������ҳ��ʽ�����ذ�ť�޸ģ� */
.m-soft-share {
    width: 260px;
    display: inline-block;
}

.ml-0 {
    margin-left: 0;
    margin-top: -30px;
}

.mt--15 {
    margin-top: -15px;
}

.AD_298_304 {
    border: 0;
    height: 238px;
}

    .AD_298_304 .btn-dl-a {
        display: inline-block;
        margin-top: 79px;
        width: 294px;
        height: 80px;
        background: url(../images/ui_img/download-01.jpg) no-repeat;
    }

    .AD_298_304 .btn-dl-b {
        display: inline-block;
        margin-top: 34px;
        width: 294px;
        height: 80px;
        background: url(../images/ui_img/download-02.jpg) no-repeat;
    }

    .AD_298_304 .btn-dl-a:hover {
        opacity: 0.8;
    }

    .AD_298_304 .btn-dl-b:hover {
        opacity: 0.8;
    }

.dl-icon a {
    display: inline-block;
    width: 154px;
    height: 30px;
    background-color: #358ff0;
    color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

    .dl-icon a:hover {
        opacity: 0.8;
    }

    .dl-icon a .icon-item {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../images/ui_img/dl-icon.png) no-repeat;
        vertical-align: top;
        margin: 5px 8px 5px 11px;
    }

/* 2018.11.15�޸��������ҳ��ʽ�����ذ�ť�޸ģ� */

/* 2018.11.30�޸IJ�����������ʾ����,ԭ΢�Ź��ں� */
.m-sidebar .pub .btn {
    width: 70px;
    height: 70px;
    background: #51a5ff;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    z-index: 2;
}

    .m-sidebar .pub .btn .examine {
        display: block;
        width: 70px;
        height: 70px;
        background: url(../images/ui_img/examine_01.jpg) no-repeat;
    }

.m-sidebar .pub .qrcode {
    display: block;
    width: 255px;
    height: 129px;
    position: absolute;
    z-index: 1;
    right: 72px;
    top: 0px;
    background: url(../images/ui_img/examine_02.jpg) no-repeat;
    background-size: 100%;
}

.m-sidebar .pub {
    margin-bottom: 2px;
    position: relative;
}
/* 2018.11.30�޸IJ�����������ʾ�������,ԭ΢�Ź��ں� */

/* ľ����ʾ */
.risk {
    width: 341px;
    height: 268px;
    position: fixed;
    bottom: 50px;
    right: 0;
    z-index: 10;
    padding-top: 5px;
    background-color: #fff;
    display: none;
}

    .risk .risk_shut {
        width: 341px;
        height: 20px;
        background: url(../images/ui_img/risk_shut_02.jpg) no-repeat;
    }

    .risk .risk_item {
        display: block;
        width: 341px;
        height: 281px;
        background: url(../images/ui_img/risk_01.jpg) no-repeat;
    }
/* ľ����ʾ���� */
/* ��ҳ�����ͼƬ */
.ad250-70 {
    width: 250px;
    height: 70px;
}

    .ad250-70 img {
        width: 250px;
        height: 70px;
    }
/* �ٶ���ȡ�� */
.fixed_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
    z-index: 10000;
    display: none;
}

    .fixed_bg .tiquma {
        width: 428px;
        height: 202px;
        background: #fff;
        margin: 350px auto;
        border-radius: 7px;
        overflow: hidden;
    }

        .fixed_bg .tiquma h4 {
            height: 60px;
            text-align: center;
            line-height: 60px;
            background: #358ff0;
            color: #ffffff;
            font-size: 20px;
            font-family: "΢���ź�";
            font-weight: 400;
        }

        .fixed_bg .tiquma p {
            height: 89px;
            text-align: center;
            line-height: 89px;
            color: #ff0000;
            font-size: 24px;
            font-family: "΢���ź�";
            font-weight: 400;
            border-bottom: 1px solid #ededed;
        }

        .fixed_bg .tiquma .tiquma-bottom {
            height: 52px;
            line-height: 52px;
            font-size: 16px;
            font-family: "΢���ź�";
        }

            .fixed_bg .tiquma .tiquma-bottom .shut_tiquma {
                float: left;
                width: 213px;
                border-right: 1px solid #ededed;
                height: 52px;
                line-height: 52px;
                text-align: center;
                color: #333333;
            }

            .fixed_bg .tiquma .tiquma-bottom a {
                float: left;
                width: 212px;
                height: 52px;
                line-height: 52px;
                text-align: center;
                color: #358ff0;
                cursor: pointer;
            }

.w_h_100 {
    height: 100%;
    overflow: hidden;
}
/* �������ҳ���ص�ַa��ǩ������ɫ */
.media a {
    color: #666666;
}
/* 2019.7.4ϵͳ֮�������������ҳ�޸� */
.s-soft-art .m-eval .eval-good .eval-ico {
    background: url(../images/ui_img/ico_laud.jpg) no-repeat;
    width: 36px;
    height: 21px;
    margin-top: 5px;
}

.s-soft-art .m-eval .eval-bad .eval-ico {
    background: url(../images/ui_img/ico_laud_no.jpg) no-repeat;
    width: 36px;
    height: 21px;
    margin-top: 5px;
}

.mt--15 {
    position: relative;
    width: 525px;
}

.s-soft-art .m-eval {
    position: absolute;
    bottom: 12px;
    right: 40px;
}

.s-soft-art .art-detail .btn-dl {
    vertical-align: top;
    width: 250px;
    height: 70px;
    background: url(../images/ui_img/ico_btn_dl.jpg) no-repeat;
    margin-right: 25px;
}

.s-soft-art .art-detail .btn-dl_swift {
    vertical-align: top;
    width: 250px;
    height: 70px;
    background: url(../images/ui_img/ico_btn_dl_swift.jpg) no-repeat;
}

.mt30 {
    margin-top: 30px;
    width: 525px;
}

.s-soft-art .m-related-list {
    width: 238px;
    overflow: hidden;
    margin-left: 36px;
}

.m-related-list .related-list .item {
    line-height: 45px;
}

.s-soft-art .m-related-list .list-title {
    margin-top: 13px;
}

.m-soft-detail .item {
    margin-top: 13px;
}

.m-soft-sort {
    width: 360px;
    float: right;
    height: 320px;
    overflow: hidden;
}

    .m-soft-sort h2 {
        font-size: 16px;
        font-weight: bold;
        margin: 13px 0 9px;
    }

    .m-soft-sort .sort {
        width: 390px;
        height: 320px;
        overflow: hidden;
    }

        .m-soft-sort .sort a {
            width: 99px;
            height: 34px;
            box-sizing: border-box;
            text-align: center;
            line-height: 32px;
            border-radius: 20px;
            float: left;
            margin-right: 30px;
            border: 1px solid #dedede;
            color: #333;
            margin-bottom: 26px;
            font-size: 14px;
        }

            .m-soft-sort .sort a:hover {
                border: 1px solid #358ff0;
                color: #fff;
                background: #358ff0;
            }

.s-soft-art .art-title {
    margin-bottom: 9px;
}

.m-art-dl .item .ico_swift {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 13px;
    background: url(../images/ui_img/ico_soft_dl_02.png) no-repeat;
    margin: 9px 8px 0px 0px;
}

.m-soft-sort .sort a.cur {
    border: 1px solid #358ff0;
    color: #fff;
    background: #358ff0;
}

.s-soft-art .art-title .title {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
/* 2019.08.13�����������ҳ������޸� */
.soft_scroll {
    width: 100%;
    height: 297px;
    overflow: hidden;
}

    .soft_scroll .scroll {
        width: 380px;
        height: 294px;
        overflow-y: auto;
    }

    .soft_scroll .scroll_list .item {
        width: 360px;
        box-sizing: border-box;
        height: 98px;
        border-bottom: 1px dashed #e4e4e4;
        /* padding-top:23px; 
    padding-bottom: 24px; */
    }

        .soft_scroll .scroll_list .item img {
            width: 50px;
            height: 50px;
            margin-right: 19px;
            float: left;
            margin-top: 23px;
            margin-bottom: 24px;
        }

        .soft_scroll .scroll_list .item .txt {
            float: left;
            width: 270px;
        }

            .soft_scroll .scroll_list .item .txt h3 {
                font-size: 16px;
                color: #333;
                line-height: 22px;
                margin-bottom: 6px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 23px;
            }

            .soft_scroll .scroll_list .item .txt p {
                font-size: 14px;
                color: #999;
                line-height: 22px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
/* 2019.08.13�����������ҳ������޸�end */
/* 2019.08.15��������б�ҳ�޸� */
.list_soft_sort {
    padding: 10px 0 30px 0;
    box-sizing: border-box;
    width: 1265px;
}

.list_soft_sort_main {
    width: 1140px;
}

.list_soft_sort .s_title {
    width: 85px;
    height: 38px;
    background: url(../images/ui_img/ico_sort.png) no-repeat;
    line-height: 38px;
    color: #fff;
    padding-left: 10px;
    float: left;
    margin-right: 20px;
}

.list_soft_sort .item {
    display: inline-block;
    float: left;
    width: 142px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #333;
    margin-right: 20px;
    margin-top: 9px;
    margin-bottom: 9px;
}

    .list_soft_sort .item .ico_file {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../images/ui_img/ico_file.png) no-repeat;
        vertical-align: top;
        margin-right: 8px;
    }
/* 2019.08.15��������б�ҳ�޸�end */
/* ��ǩ�б�ҳ�޸�2019.08.08 */
.tag_left {
    width: 807px;
}

.mb60 {
    margin-bottom: 60px;
}

.tag_right {
    width: 360px;
    padding-top: 10px;
}

.m_tag_title {
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    border-bottom: 2px solid #358ff0;
}

    .m_tag_title a {
        display: block;
        float: left;
        width: 100px;
        height: 49px;
        text-align: center;
        line-height: 49px;
        font-size: 14px;
        color: #333333;
    }

        .m_tag_title a:hover {
            color: #358ff0;
        }

        .m_tag_title a.cur {
            background: #358ff0;
            color: #ffffff;
        }

.tag_main .item {
    width: 100%;
    box-sizing: border-box;
    height: 187px;
    border-bottom: 1px solid #ededed;
    padding-left: 5px;
    position: relative;
}

    .tag_main .item h1 {
        font-size: 20px;
        font-weight: bold;
        color: #333;
        line-height: 77px;
    }

    .tag_main .item img {
        width: 80px;
        height: 80px;
        border: 1px solid #f8f8f8;
        margin-right: 21px;
        padding: 5px;
        box-sizing: border-box;
        float: left;
    }

    .tag_main .item .tag_list_txt {
        width: 560px;
    }

.ml40 {
    margin-left: 40px;
}

.tag_main .item .tag_list_txt .txt {
    line-height: 24px;
    margin-top: 16px;
    color: #999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 48px;
}

.tag_main .item .tag_list_txt p {
    color: #999;
}

.tag_main .item .tag_list_txt span {
    color: #999;
}

.tag_main .item .see {
    display: block;
    width: 94px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    box-sizing: border-box;
    border: 1px solid #c2c2c2;
    color: #999999;
    position: absolute;
    top: 102px;
    right: 0px;
}

    .tag_main .item .see:hover {
        border: 1px solid #358ff0;
        background: #358ff0;
        color: #ffffff;
    }

.tag_main .item:hover h1 {
    color: #358ff0;
}

.tag_right .tag-link {
    width: 76px;
}

.tag_right .tag-list {
    margin-left: -5px;
}

.tag_side .tab-item {
    font-size: 22px;
    font-weight: bold;
    float: left;
}

.tag_side .g-title {
    padding-top: 8px;
    padding-bottom: 11px;
    border-bottom: 2px solid #358ff0;
    margin-bottom: 10px;
}

.tag_side .g-tab.sty-2 .tab-item + .tab-item {
    padding-left: 25px;
}

.tag_side_list .item {
    width: 100%;
    height: 52px;
    border-bottom: 1px dashed #e4e4e4;
    line-height: 52px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .tag_side_list .item span {
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        color: #ffffff;
        background: #c7c7c7;
        margin-left: 3px;
        margin-right: 9px;
    }

.tag-course .page-course-list .list-main .desc {
    color: #333;
}

.tag-course .page-course-list .list-main .detail {
    color: #999999;
}

.tag-course .tag_right .tag-link {
    width: 148px;
}

.tag-course .tag_right .tag-list {
    margin-left: -20px;
}
/* ��ǩ�б�ҳend*/

/* 2019.08.21�����������ҳ�޸� */
.ico_biaoqian {
    padding-left: 29px;
    background: url(../images/ui_img/ico_soft_biaoqian.png) no-repeat;
    background-position: 6px 3px;
}

.ico_biaoqian_bg {
    line-height: 24px;
    display: block;
    padding: 0px 7px;
    background: #f5f5f5;
    margin-left: 10px;
    max-width: 90px;
    overflow: hidden;
    height: 24px;
    text-align: center;
}

    .ico_biaoqian_bg:hover {
        background: #358ff0;
        color: #fff;
    }

.ico_biaoqian_bg_nowidth {
    line-height: 24px;
    display: block;
    padding: 0px 7px;
    background: #f5f5f5;
    margin-right: 10px;
    overflow: hidden;
    height: 24px;
    text-align: center;
}

    .ico_biaoqian_bg_nowidth:hover {
        background: #358ff0;
        color: #fff;
    }

.m-eval {
    right: 18px;
}

.border_2px {
    border-bottom: 2px solid #e4e4e4 !important;
}

    .border_2px .cur .ico_border_2px {
        width: 90px;
        height: 2px;
        background: #358ff0;
        display: block;
        position: absolute;
        bottom: -13px;
        right: 0px
    }

.g-tab.sty-2 .tab-item + .tab-item .ico_border_2px {
    width: 100px;
}

.mr120 {
    margin-right: 120px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.soft_821 .m-excellent .art-img {
    margin-top: 1px;
}

.soft_821 .m-excellent .art-right .inner {
    height: 149px;
}

.tab-cont-item_list li {
    width: 100px;
    float: left;
}

    .tab-cont-item_list li img {
        display: block;
        width: 50px;
        height: 50px;
        margin: 0px auto 20px auto;
    }

    .tab-cont-item_list li p {
        width: 100px;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.m-side-col .cur .border-2px {
    display: block;
    width: 158px;
    height: 2px;
    background: #358ff0;
    position: absolute;
    bottom: -18px;
    right: 0px;
}

.m-side-col .g-tab.sty-2 .tab-item + .tab-item .border-2px {
    width: 180px;
    right: -12px;
}

.side_zttj li {
    width: 180px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
    color: #333;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 10px;
}

    .side_zttj li a {
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .side_zttj li i {
        border-radius: 50%;
        display: block;
        width: 6px;
        height: 6px;
        float: left;
        margin: 7px 6px 7px 10px;
        background: url(../images/ui_img/ico_yuan.png) no-repeat;
    }

.g-title.border-blue {
    border-bottom: 2px solid #ededed;
    margin-bottom: 0px;
    height: 40px;
    box-sizing: border-box;
}

    .g-title.border-blue .title-txt {
        border-bottom: 2px solid #358ff0;
        margin-top: -4px;
        line-height: 30px;
        padding-bottom: 12px;
        font-size: 22px;
        width: auto;
        float: left;
    }

.mb25 {
    margin-bottom: 25px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.go_top_new.m-sidebar {
    width: 36px;
    height: 168px;
    right: 50%;
    margin-right: -238px;
    background: url(../images/ui_img/go_top_new.jpg) no-repeat;
    display: none;
}

    .go_top_new.m-sidebar .go-top {
        width: 36px;
        height: 84px;
        background-color: transparent;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }

    .go_top_new.m-sidebar .go_dl {
        width: 36px;
        height: 84px;
        z-index: 2;
    }
/* 2019.08.21�����������ҳ�޸�end */
.c-cur-pos span {
    font-size: 12px
}

.c-cur-pos a {
    font-size: 12px
}
/* ϵͳ֮��ϵͳ����ҳ�޸�08.30 */
.sys_side_item {
    width: 37px;
    height: 26px;
    margin-left: 6px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #9bc7f8;
    float: left;
    color: #358ff0;
    box-sizing: border-box;
    font-size: 14px;
}

    .sys_side_item.cur {
        background: #358ff0;
        border: 1px solid #358ff0;
        color: #ffffff;
    }

.sys_qt {
    overflow: hidden;
    padding-top: 5px;
    width: 370px;
}

    .sys_qt li {
        float: left;
        margin-top: 14px;
        margin-right: 14px;
        width: 146px;
        height: 40px;
        padding: 0 11px;
        border-radius: 3px;
        background: #ededed;
        text-align: left;
        color: #666;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sys_qt a {
        display: block;
        width: 146px;
        height: 40px;
        line-height: 40px;
        text-align: left;
        color: #666;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sys_qt li:hover {
        background: #358ff0;
        color: #fff;
    }

        .sys_qt li:hover a {
            color: #fff;
        }

.banner1 {
    width: 350px;
    height: 167px;
    overflow: hidden;
}

.focusBox {
    position: relative;
    width: 350px;
    height: 167px;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    background: white;
}

    .focusBox .pic img {
        width: 350px;
        height: 167px;
        display: block;
    }

    .focusBox .txt-bg {
        position: absolute;
        bottom: 0;
        z-index: 1;
        height: 30px;
        width: 100%;
        background: rgba(0,0,0,0.3);
        filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000, endcolorstr=#4c000000);
        overflow: hidden;
        line-height: 30px;
        color: #fff;
    }

@media \0screen\,screen\9 {
    /* ֻ֧��IE6��7��8 */
    .focusBox .txt-bg {
        background-color: #000000;
        filter: Alpha(opacity=50);
        *zoom: 1;
        /* ����IE6��7��haslayout���ԣ���������Alpha */
    }
}

.focusBox .txt-bg p {
    padding-left: 10px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.focusBox .txt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    height: 36px;
    width: 100%;
    overflow: hidden;
}

    .focusBox .txt li {
        height: 36px;
        line-height: 36px;
        position: absolute;
        bottom: -36px;
    }

        .focusBox .txt li a {
            display: block;
            color: white;
            padding: 0 0 0 10px;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
        }

.focusBox .num {
    position: absolute;
    z-index: 3;
    bottom: 8px;
    right: 8px;
}

    .focusBox .num li {
        float: left;
        position: relative;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        overflow: hidden;
        text-align: center;
        margin-right: 1px;
        cursor: pointer;
        background: #bbbfc7;
    }

        .focusBox .num li.on {
            background: #2997ff;
        }

.special {
    width: 350px;
    /* height: 290px; */
    border-top: 1px solid transparent;
    box-sizing: border-box;
}

    .special .special-list li {
        width: 350px;
        height: 28px;
        line-height: 28px;
        margin-top: 23px;
       /* background: url(../images/ui_img/ico_zt_bg.png) no-repeat;*/
        background-size: 100%;
        font-size: 14px;
    }

        .special .special-list li span {
            display: inline-block;
            color: #2997ff;
            height: 28px;
            line-height: 28px;
            margin: 0 33px 0 10px;
            vertical-align: top;
            float: left;
        }

        .special .special-list li p {
            display: inline-block;
            width: 270px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            float: left;
        }

.sys_side_830 .m-rank .g-sort-num.top {
    color: #f85252;
}

.sys_side_830 .m-rank .g-sort-num.second {
    color: #f88449;
}

.sys_side_830 .m-rank .g-sort-num {
    background: #fff;
    color: #adadad;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

    .sys_side_830 .m-rank .g-sort-num.third {
        color: #ffc54f;
    }
/* ϵͳ֮��ϵͳ����ҳ�޸�08.30  end*/
/* ϵͳ֮��ϵͳ����ҳ�޸�09.02 */

.sys_902 .m-soft-detail .g-star {
    margin-left: 0px;
}

.sys_902 .m-eval .eval-good, .sys_902 .m-eval .eval-bad {
    width: 47px;
    display: block;
    float: left;
    margin-right: 6px;
    height: 18px;
    line-height: 18px;
    /* box-sizing: border-box; */
    border: 1px solid #ededed;
    padding-left: 23px;
}

.sys_902 .m-eval .eval-good {
    background: url(../images/ui_img/ico_sys_902_a.jpg) no-repeat;
}

.sys_902 .m-eval .eval-bad {
    background: url(../images/ui_img/ico_sys_902_b.jpg) no-repeat;
}

.sys_902 .m-eval .eval-bad {
    margin-top: 0px;
}

.sys_902 .m-eval .prog-box {
    margin-top: 0px;
}

.sys_902 .m-eval .count {
    line-height: 18px;
    height: 18px;
    vertical-align: top;
}

.sys_902 .m-eval {
    margin-left: 0px;
}

.sys_902 .bdshare-button-style0-16 a {
    float: left;
    font-size: 12px;
    padding-left: 0px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0;
    margin-right: 2px;
}

.sys_902 .bdshare-button-style0-16 .bds_weixin {
    background-image: url(../images/ui_img/ico_share_weixin.png);
    background-position: 0 0;
}

.sys_902 .bdshare-button-style0-16 .bds_qzone {
    background-position: 0 0px;
    background-image: url(../images/ui_img/ico_share_qq.png);
}

.sys_902 .bdshare-button-style0-16 .bds_tsina {
    background-position: 0 0px;
    background-image: url(../images/ui_img/ico_share_xinlang.png);
}

.sys_902 .bdshare-button-style0-16 .bds_more {
    background-position: 0 0;
    background-image: url(../images/ui_img/ico_share_genduo.png);
}

.sys_902 .sys_tag {
    width: 520px;
    height: 80px;
    overflow: hidden;
}

.sys_902 .sys_item_link {
    height: 80px;
    overflow: hidden;
}

.sys_902 .ico_sys_tag {
    width: 66px;
    height: 80px;
    margin-left: 15px;
    background: url(../images/ui_img/ico_sys_tag.png) no-repeat;
}

.sys_902 .sys_item_link li {
    float: left;
    min-width: 80px;
    max-width: 195px;
    height: 26px;
    border: 1px solid #ededed;
    text-align: center;
    line-height: 26px;
    margin-right: 10px;
    margin-bottom: 14px;
    overflow: hidden;
}

    .sys_902 .sys_item_link li:hover {
        background: #358ff0;
    }

        .sys_902 .sys_item_link li:hover a {
            color: #ffffff;
        }

    .sys_902 .sys_item_link li a {
        padding: 0 5px;
        height: 26px;
        display: block;
        color: #999999;
        overflow: hidden;
    }

.sys_902.s-sys-art .btn-dl {
    background: url(../images/ui_img/ico_sys_art_dl.png) no-repeat;
}
/* ϵͳ֮��ϵͳ����ҳ�޸�09.02 end */
/* 2019.9.4�������������ֲ�ͼ */
.snpz_slide .prev,
.snpz_slide .next {
    position: absolute;
    left: 20px;
    ;
    top: 50%;
    margin-top: -23px;
    width: 25px;
    height: 45px;
    display: none
}

.snpz_slide .prev {
    background: url(../images/ui_img/ico_dnpz_left.png) no-repeat;
}

.snpz_slide .next {
    left: auto;
    right: 20px;
    background: url(../images/ui_img/ico_dnpz_right.png) no-repeat;
}

.snpz_slide:hover .prev,
.snpz_slide:hover .next {
    display: block;
}

.snpz_slide .prevStop {
    display: none;
}

.snpz_slide .nextStop {
    display: none;
}

.snpz_slide {
    width: 1200px;
    height: 500px;
    overflow: hidden;
    position: relative;
    margin-bottom: 48px;
}

    .snpz_slide .hd {
        height: 10px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        bottom: 26px;
        z-index: 1;
        margin-left: -32px;
    }

        .snpz_slide .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .snpz_slide .hd ul li {
                float: left;
                margin-right: 6px;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                text-align: center;
                background: #fff;
                cursor: pointer;
                filter: alpha(opacity=60);
                opacity: 0.6;
            }

                .snpz_slide .hd ul li.on {
                    background: #fff;
                    color: #fff;
                    filter: alpha(opacity=100);
                    opacity: 1;
                }

    .snpz_slide .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

        .snpz_slide .bd li {
            zoom: 1;
            vertical-align: middle;
        }

        .snpz_slide .bd img {
            width: 1200px;
            height: 500px;
            display: block;
        }
/* 2019.9.4�������������ֲ�ͼ end */


/* 2019.9.11ϵͳ֮�������������ҳ��������16*16ͼ�� */
.m-related-list .related-list .item .img16 {
    width: 16px;
    height: 16px;
    margin-top: 15px;
    margin-right: 7px;
}
/* 2019.9.11ϵͳ֮�������������ҳ��������16*16ͼ�� end */

/* 2019.10.12��������޸� */
.s-soft-art .m-art-cont p img {
    max-width: 600px;
}

.s-soft-art .go_zt {
    display: block;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    background: #358ff0;
    margin-top: -6px;
}

.soft_side_toggle {
    padding-top: 26px;
}

.m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle {
    padding: 0;
    padding-top: 22px;
    border: 0;
    font-size: 16px;
}

.m-side-col .m-rank .soft_side_toggle .g-art-count {
    font-size: 14px;
}

.m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle .g-sort-num {
    background: #fff;
    color: #adadad;
    font-size: 16px;
    font-style: italic;
    margin: 0px;
    font-weight: 500;
    font-size: 16px;
}

    .m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle .g-sort-num.top {
        color: #f85252;
    }

    .m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle .g-sort-num.second {
        color: #f88449;
    }

    .m-side-col .m-rank.u-dashed .rank-item.soft_side_toggle .g-sort-num.third {
        color: #ffc54f;
    }

.soft_side_toggle .toggle_item {
    padding-top: 5px;
}

    .soft_side_toggle .toggle_item > img {
        margin-left: 20px;
        width: 50px;
        height: 50px;
        float: left;
    }

.soft_side_toggle .txt {
    float: left;
    margin-left: 10px;
}

    .soft_side_toggle .txt p {
        color: #999999;
        font-size: 14px;
    }

.soft_side_toggle .toggle_dl {
    margin-top: 14px;
    width: 58px;
    height: 26px;
    border: 1px solid #358ff0;
    display: block;
    text-align: center;
    line-height: 26px;
    color: #358ff0;
    border-radius: 2px;
    float: right;
    font-size: 14px;
}

.soft_side_toggle .toggle_item {
    display: none;
}

.soft_side_toggle.on .toggle_item {
    display: block;
}

.m-soft-else {
    width: 360px;
    float: right;
}

    .m-soft-else .else > ul {
        display: block;
        width: 385px;
    }

    .m-soft-else .else .item {
        width: 114px;
        height: 123px;
        display: block;
        float: left;
        background: url(../images/ui_img/ico_else_bg.jpg) no-repeat;
        padding: 3px 7px;
        margin-left: -7px;
        margin-right: 6px;
    }

        .m-soft-else .else .item a {
            display: block;
            width: 100px;
            height: 110px;
            border-top: 1px solid transparent;
        }

            .m-soft-else .else .item a:hover {
                background: #358ff0;
            }

                .m-soft-else .else .item a:hover p {
                    color: #ffffff;
                }

        .m-soft-else .else .item p {
            text-align: center;
            font-size: 14px;
            color: #333;
            line-height: 24px;
        }

        .m-soft-else .else .item img {
            display: block;
            margin: 9px auto 10px auto;
        }
/* 2019.10.12��������޸�end */
/* 2019.10.14ϵͳ����ҳ�޸� */
.g-title-art {
    height: 48px;
    line-height: 48px;
    border-top: 2px solid #ededed;
    background: #f9f9f9;
    margin-bottom: 26px;
}

    .g-title-art .go_zq {
        display: block;
        height: 48px;
        float: right;
        padding-left: 25px;
        background: url(../images/ui_img/ico_go_zq.png) 0 14px no-repeat;
        padding-right: 5px;
    }

    .g-title-art .tab-item {
        float: left;
        width: 120px;
        height: 48px;
        text-align: center;
        font-size: 18px;
        cursor:pointer;
    }

        .g-title-art .tab-item.cur {
            border-top: 2px solid #358ff0;
            margin-top: -2px;
            color: #358ff0;
            background: #ffffff;
        }

.art_cjwt {
    width: 850px;
}

    .art_cjwt li {
        width: 245px;
        height: 58px;
        border: 1px solid #ededed;
        position: relative;
        float: left;
        color: #358ff0;
        margin-right: 29px;
        margin-top: 20px;
    }

        .art_cjwt li a {
            display: block;
            width: 165px;
            height: 58px;
            line-height: 58px;
            color: #358ff0;
            padding: 0 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .art_cjwt li i {
            position: absolute;
            display: block;
            width: 30px;
            height: 30px;
            top: 0px;
            left: 0px;
            background: url(../images/ui_img/ico_art_cjwt.png) no-repeat;
        }

        .art_cjwt li:hover i {
            display: none;
        }

        .art_cjwt li:hover {
            background: #358ff0;
        }

            .art_cjwt li:hover a {
                color: #ffffff;
            }

.mb12 {
    margin-bottom: 12px !important;
}

.art_soft_zjbb {
    width: 990px;
    margin-bottom: 17px;
}

    .art_soft_zjbb li {
        padding: 12px 0 0 0;
        margin-right: 40px;
        width: 100px;
        float: left;
    }

        .art_soft_zjbb li img {
            width: 80px;
            height: 80px;
            border-radius:12px;
        }

        .art_soft_zjbb li p {
            text-align: center;
            line-height: 58px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.mb33 {
    margin-bottom: 33px !important;
}

.art_tuijian {
    width: 990px;
    height: 140px;
    background: #f5f6f8;
    margin-left: 4px;
    position: relative;
    border-top: 1px solid transparent;
    margin-bottom: 37px;
}

    .art_tuijian .ico_art_tuijian {
        display: block;
        width: 65px;
        height: 33px;
        color: #ffffff;
        background: url(../images/ui_img/ico_art_tuijian.png) no-repeat;
        position: absolute;
        top: -7px;
        left: -4px;
        line-height: 29px;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .art_tuijian h3 {
        font-size: 20px;
        line-height: 20px;
        margin-top: 44px;
        margin-left: 30px;
        width: 550px;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .art_tuijian p {
        margin-top: 30px;
        color: #999999;
        margin-left: 30px;
        width: 550px;
    }

    .art_tuijian span {
        color: #333333;
        margin-right: 22px;
    }

    .art_tuijian a {
        width: 158px;
        height: 38px;
        border: 1px solid #b0d0f2;
        display: block;
        background: #ffffff;
        color: #358ff0;
        text-align: center;
        line-height: 38px;
        /* display: table; */
        /* position: absolute;
    right:30px; */
    }

    .art_tuijian .go_tuijian_link {
        position: absolute;
        width: 158px;
        right: 30px;
        top: 50%;
        margin-top: -45px;
        height: 90px;
        display: table;
    }

        .art_tuijian .go_tuijian_link .tuijian_table {
            display: table-cell;
            vertical-align: middle;
        }

    .art_tuijian a.go_tuijian_zt {
        margin-top: 10px;
    }

    .art_tuijian a:hover {
        background: #358ff0;
        color: #ffffff;
    }

.s-sys-art .m-related-list .related-list.height54 .item {
    line-height: 54px;
    border-bottom: 1px solid #ededed;
}

.art_side_toggle_item {
    display: none;
}

    .art_side_toggle_item img {
        width: 50px;
        height: 50px;
        float: left;
        margin-right: 10px;
    }

    .art_side_toggle_item .txt {
        float: left;
        width: 200px;
        line-height: 24px;
        color: #999999;
        font-size: 12px;
    }

.on .art_side_toggle_item {
    display: block;
}

.art_side_toggle_item {
    padding-bottom: 10px;
    margin-top: -10px;
}

.art-main .m-art-cont img {
    max-width: 640px;
}
/* 2019.10.14ϵͳ����ҳ�޸�end */
/* 2019.11.22�����������ҳ���ذ�ť�޸� */
.m-art-dl .item {
    margin-top: 7px;
}

.m-art-dl .swift_title {
    margin-top: 15px;
    background: url(../images/ui_img/ico_ad_dl_01.png) 359px 23px no-repeat;
}

    .m-art-dl .swift_title a {
        display: block;
        width: 160px;
        height: 34px;
        background: #3d90e9;
        color: #ffffff;
        font-size: 14px;
        line-height: 34px;
        float: left;
        margin-right: 35px;
        border-radius: 2px;
    }

    .m-art-dl .swift_title i {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 14px;
        height: 13px;
        background: url(../images/ui_img/ico_soft_dl_01.png) no-repeat;
        margin: 11px 11px 0px 11px;
    }

.m_swift {
    position: relative;
}

    .m_swift .ad_swift {
        position: absolute;
        right: 25px;
        color: #d6d6d6;
        bottom: 2px;
    }
/* 2019.11.22�����������ҳ���ذ�ť�޸�end */
/* 2019.12.02��ҳ����޸� */
.AD_1200_108 .ad_item {
    width: 590px;
    height: 108px;
    float: left;
}

    .AD_1200_108 .ad_item img {
        width: 100%;
        height: 100%;
    }

    .AD_1200_108 .ad_item + .ad_item {
        margin-left: 20px;
    }
/* 2019.12.02��ҳ����޸� */
/* 2019.12.17ר������ҳ�޸� */
.mr135 {
    margin-right: 135px;
}

.c-cur-pos .ico {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 12px;
    height: 14px;
    background: url(../images/ui_img/ico_zt_05.png) no-repeat;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 5px;
}

.art_zt_fl {
    width: 130px;
    padding-top: 85px;
    background: url(../images/ui_img/ico_zt_02.jpg) no-repeat;
    float: left;
    position: static;
    left: 50%;
}

    .art_zt_fl li {
        cursor: pointer;
        width: 114px;
        padding: 0 8px;
        height: 44px;
        background: url(../images/ui_img/ico_zt_03.jpg) no-repeat;
    }

    .art_zt_fl .bg_bottom {
        width: 130px;
        height: 6px;
        background: url(../images/ui_img/ico_zt_04.jpg) no-repeat;
    }

    .art_zt_fl li .item {
        width: 114px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-size: 16px;
        overflow: hidden;
    }

        .art_zt_fl li .item:hover {
            background: #ffd748;
            color: #ffffff;
        }

    .art_zt_fl li.cur .item {
        background: #ffd748;
        color: #ffffff;
    }

.art_zt_fr {
    float: right;
    width: 1058px;
}

    .art_zt_fr h1 {
        width: 1045px;
        height: 63px;
        background: url(../images/ui_img/ico_zt_01.png) no-repeat;
        line-height: 63px;
        font-size: 18px;
        text-align: center;
        font-weight: normal;
        margin-left: 13px;
    }

.art_zt_fr_list ul {
    padding-bottom: 14px;
    display: block;
}

.art_zt_fr_list .item {
    width: 338px;
    height: 208px;
    border: 1px solid #e8e8e8;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
}

    .art_zt_fr_list .item h2 {
        line-height: 73px;
        padding: 0 18px;
        font-size: 16px;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .art_zt_fr_list .item .lazy {
        width: 70px;
        height: 70px;
        margin: 0px 17px 0 20px;
    }

    .art_zt_fr_list .item .txt {
        width: 211px;
        float: left;
    }

        .art_zt_fr_list .item .txt p {
            line-height: 20px;
            font-size: 12px;
            color: #999999;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            height: 60px;
        }

    .art_zt_fr_list .item .zt_link {
        display: block;
        width: 72px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        color: #ffffff;
        background: #358ff0;
        margin-top: 14px;
        margin-left: 106px;
    }

        .art_zt_fr_list .item .zt_link:hover {
            box-shadow: 0 0 5px 2px #cbe2fb;
        }

.fixd {
    position: absolute;
    left: 0;
    top: 0;
}

.lexicon {
    position: relative;
    margin-bottom: -24px;
}

    .lexicon h1 {
        line-height: 46px;
        border-bottom: 2px solid #ededed;
        font-size: 22px;
        margin-bottom: 10px;
    }

.lexicon_search {
    width: 264px;
    height: 30px;
    border: 1px solid #ededed;
    position: absolute;
    right: 10px;
    top: 8px;
}

    .lexicon_search i {
        display: block;
        width: 21px;
        height: 22px;
        background: url(../images/ui_img/ico_zt_06.png) no-repeat;
        float: left;
        margin: 4px 0 0 6px;
    }

    .lexicon_search input {
        display: block;
        width: 150px;
        padding: 0;
        outline: none;
        padding-left: 8px;
        height: 30px;
        line-height: 30px;
        text-align: left;
        border: 0;
        float: left;
    }

    .lexicon_search a {
        font-size: 20px;
        font-weight: bold;
        color: #ffffff;
        display: block;
        width: 75px;
        height: 30px;
        float: right;
        text-align: center;
        list-style: 30px;
        background: #358ff0;
    }

.lexicon_list a {
    line-height: 25px;
    margin-right: 24px;
    float: left;
}

.ff1 {
    font-size: 12px;
}

.ff2 {
    font-size: 14px;
}

.ff1 {
    font-size: 16px;
}

.cc-1 {
    color: #d39f17;
}

.cc-2 {
    color: #ff1716;
}

.cc-3 {
    color: #0b9e94;
}

.cc-4 {
    color: #45abff;
}

.cc-5 {
    color: #8b4bfa;
}

.ico_qr {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 17px;
    color: #358ff0;
    background: url(../images/ui_img/ico_new_01.png) 0 3px no-repeat;
    position: relative;
}

    .ico_qr:hover .ico_qr_img {
        display: block;
    }

    .ico_qr .ico_qr_img {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 215px;
        /* height: 175px; */
        padding-top: 25px;
    }

        .ico_qr .ico_qr_img img {
            padding: 20px;
            border: 1px solid #f0f0f0;
            background: #ffffff
        }

.ico_m-art-tag.m-art-tag .tag {
    background: url(../images/ui_img/ico_new_02.png) no-repeat;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    font-style: oblique;
}

.ico_m-art-tag.m-art-tag .l {
    background: url(../images/ui_img/ico_new_03.jpg) no-repeat;
}

.ico_m-art-tag.m-art-tag .txt {
    background: #ededed;
}

.ico_m-art-tag.m-art-tag {
    width: auto;
    max-width: 520px;
    overflow: hidden;
}

.new_tj_tag {
    padding-left: 64px;
    background: url(../images/ui_img/ico_new_04.png) 0 2px no-repeat;
    min-height: 56px;
    margin-bottom: 50px;
    margin-top: -12px;
}

    .new_tj_tag a {
        line-height: 26px;
        color: #999999;
        margin-right: 12px;
    }

        .new_tj_tag a:hover {
            color: #358ff0;
        }

.zx-list-flex .zx-flex-item {
    width: 90px;
    overflow: hidden;
    float: left;
    margin: 0 12px;
    height: 123px;
}

    .zx-list-flex .zx-flex-item .zx-img {
        display: block;
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }

    .zx-list-flex .zx-flex-item .txt {
        margin-top: 15px;
        font-size: 14px;
        text-align: center;
        width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.art_new_side_rank .tab-item {
    line-height: 56px;
    color: #333333;
    font-size: 22px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 26px;
    font-weight: bold;
    margin-bottom: -2px;
}

    .art_new_side_rank .tab-item.cur {
        color: #333333;
        border-bottom: 2px solid #358ff0;
    }

.art_new_side_rank .m-rank.u-dashed .rank-item {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #ededed;
}

    .art_new_side_rank .m-rank.u-dashed .rank-item img {
        width: 24px;
        height: 24px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-right: 5px;
    }

.art_new_side_zx {
    width: 390px;
}

    .art_new_side_zx .item {
        width: 166px;
        margin-bottom: 15px;
        float: left;
        margin-right: 28px;
    }

        .art_new_side_zx .item img {
            width: 166px;
            height: 136px;
        }

        .art_new_side_zx .item p {
            width: 166px;
            line-height: 42px;
            height: 42px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.art_new_side_zt {
    width: 390px;
    margin-bottom: 26px;
}

    .art_new_side_zt a {
        display: block;
        width: 150px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        background: #ebf0fc;
        float: left;
        margin: 0 20px 14px 0;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-radius: 3px;
    }

        .art_new_side_zt a:hover {
            background: #358ff0;
            color: #ffffff;
        }

.douying {
    width: 360px;
    height: 280px;
    background: url(../images/ui_img/ico_new_11.jpg) no-repeat;
    position: relative;
}

    .douying .qr_img {
        position: absolute;
        left: 110px;
        top: 92px;
        width: 140px;
        height: 140px;
    }
/* ���ר������ҳ */
.art_zt_list {
    padding: 0 20px 20px 20px;
}

    .art_zt_list .item {
        width: 358px;
        height: 430px;
        border: 1px solid #f5f6f8;
        margin: 0 40px 30px 0;
        position: relative;
        float: left;
    }

        .art_zt_list .item .cont_zt {
            width: 269px;
            height: 312px;
            margin: 38px auto 0 auto;
            background: url(../images/ui_img/idx_zt_04.png) 70px 123px no-repeat;
            position: relative;
        }

        .art_zt_list .item:hover .cont_zt {
            background-color: #f9f9f9;
        }

        .art_zt_list .item .cont_zt .title {
            height: 60px;
            line-height: 60px;
            font-size: 16px;
            padding: 0 20px;
            font-weight: bold;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #333333;
        }

            .art_zt_list .item .cont_zt .title span {
                font-size: 12px;
                font-weight: normal;
            }

        .art_zt_list .item .cont_zt .lazy {
            width: 52px;
            height: 52px;
            position: absolute;
            left: 113px;
            top: 99px;
            border-radius: 5px;
            overflow: hidden;
        }

        .art_zt_list .item .cont_zt .txt {
            position: absolute;
            top: 249px;
            left: 20px;
            width: 260px;
        }

            .art_zt_list .item .cont_zt .txt p {
                line-height: 24px;
                font-size: 12px;
                color: #999999;
            }

                .art_zt_list .item .cont_zt .txt p span {
                    display: inline-block;
                    *display: inline;
                    *zoom: 1;
                    width: 130px;
                    line-height: 24px;
                    height: 24px;
                    font-size: 12px;
                    color: #999999;
                    vertical-align: top;
                }

.mt7 {
    margin-top: 7px;
}

.art_zt_list .item .cont_txt {
    line-height: 24px;
    margin-top: 14px;
    font-size: 12px;
    color: #333333;
    padding: 0 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

    .art_zt_list .item .cont_txt .red {
        color: #ff585c;
    }

.art_zt_list .item .zt_rank {
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 66px;
}

    .art_zt_list .item .zt_rank.no1 {
        background: url(../images/ui_img/idx_zt_05.png) no-repeat;
    }

    .art_zt_list .item .zt_rank.no2 {
        background: url(../images/ui_img/idx_zt_06.png) no-repeat;
    }

    .art_zt_list .item .zt_rank.no3 {
        background: url(../images/ui_img/idx_zt_07.png) no-repeat;
    }

    .art_zt_list .item .zt_rank.no4 {
        background: url(../images/ui_img/idx_zt_08.png) no-repeat;
    }

.star_bg {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 81px;
    height: 13px;
    background: url(../images/ui_img/ico_star_01.png) no-repeat;
}

    .star_bg .star {
        display: block;
        /* width: 81px; */
        height: 13px;
        background: url(../images/ui_img/ico_star_02.png) no-repeat;
    }

    .star_bg .star_1 {
        width: 16px;
    }

    .star_bg .star_2 {
        width: 34px;
    }

    .star_bg .star_3 {
        width: 48px;
    }

    .star_bg .star_4 {
        width: 67px;
    }

    .star_bg .star_5 {
        width: 81px;
    }

.ico_sys {
    position: absolute;
    width: 54px;
    height: 32px;
    background: url(../images/ui_img/ico_sys_01.png) no-repeat;
    left: -4px;
    top: 70px;
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    padding-left: 10px;
}

.art_zt_list ul {
    width: 1200px;
}

.art_zt_03 {
    padding: 0px 0px 53px 0px;
}

    .art_zt_03 ul {
        width: 1250px;
    }

    .art_zt_03 .item {
        width: 266px;
        height: 200px;
        position: relative;
        float: left;
        margin-right: 40px;
        margin-left: 4px;
    }

        .art_zt_03 .item .lazy {
            width: 266px;
            height: 200px;
        }

        .art_zt_03 .item .ico_sys {
            top: 0px;
        }

        .art_zt_03 .item p {
            width: 242px;
            height: 40px;
            line-height: 40px;
            padding: 0 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: rgba(0,0,0,0.6);
            filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
            position: absolute;
            left: 0;
            bottom: 0;
            color: #ffffff;
            display: none;
        }

        .art_zt_03 .item:hover p {
            display: block;
        }

.idx_zt_02_list .lazy {
    width: 374px;
    height: 178px;
}

.idx_zt_02_list p {
    width: 372px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ededed;
    text-align: center;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.idx_zt_02_list .item:hover p {
    color: #0773fc;
}

.idx_zt_02_list .item {
    margin: 0 29px 28px 0;
    float: left;
}

.idx_zt_02_list {
    padding-left: 10px;
    padding-bottom: 13px;
    width: 1230px;
}

.h60 {
    height: 60px !important;
    line-height: 60px !important;
}

.art_zt_04 {
    /* padding: 10px 30px 8px 30px; */
}

    .art_zt_04 .item {
        margin: 0 32px 30px 10px;
    }

    .art_zt_04 .lazy {
        width: 366px;
        height: 174px;
    }

    .art_zt_04 p {
        width: 344px;
        padding: 0 10px;
        text-align: left;
    }
/* ���ר������ҳ end*/


.pagetop{
    padding-top:40px;
}
.tg_pages {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

    .tg_pages li {
        display: inline;
        line-height: 22px;
    }

        .tg_pages li a {
            margin-right: 5px;
            padding-right: 5px;
            padding-left: 5px;
            padding-top: 3px;
            padding-bottom: 3px;
            border: 1px solid #CCC;
            background-color: #FFF;
        }

.thisclass {
    font-weight: bold;
    color: #C00;
}


.banner {
    height: 400px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 25px;
}
    .banner .hd {
        width: 100%;
        overflow: hidden;
        position: absolute;
        bottom: 30px;
        z-index: 1;
    }
        .banner .hd ul {
            overflow: hidden;
            zoom: 1;
            width: 100%;
            margin-left: 46%;
        }
            .banner .hd ul li {
                float: left;
                margin-right: 10px;
                width: 40px;
                height: 8px;
                border-radius: 8px;
                background: #000;
                opacity: .2;
                filter: alpha(opacity=20);
                cursor: pointer;
            }
                .banner .hd ul li.on {
                    background: #fff;
                    opacity: .8;
                    filter: alpha(opacity=80);
                    color: #fff;
                }
    .banner .bd {
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 0;
    }
    .banner .tempWrap {
        width: 100% !important;
    }
    .banner .bd ul li {
        position: relative;
    }

    .banner .bd li {
        zoom: 1;
        vertical-align: middle;
    }
    .banner .bd ul li .bannerimg {
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
        object-fit: cover;
    }
    .banner .bd ul li .itemcont {
        z-index: 2;
        position: relative;
    }
    .banner .itemcont {
        width: 1200px;
        height: 400px;
        margin: 0 auto;
    }
        .banner .itemcont .item_L {
            height: 400px;
            overflow: hidden;
        }

.fl {
    float: left;
}
.banner .itemcont .item_L .title {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-top: 70px;
}
.banner .itemcont .item_L p {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    margin: 20px 0;
}
.banner .itemcont .item_L .downlbtn {
    width: 320px;
    height: 60px;
    line-height: 60px;
    background: #14cc8f;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    display: block;
    float: left;
    border-radius: 4px;
    margin-top: 12px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
}
    .banner .itemcont .item_L .downlbtn i {
        display: inline-block;
        background: url(../images/icon_img.png) no-repeat;
        height: 16px;
        width: 22px;
        background-position: -97px -127px;
        margin: 0 0 -2px 6px;
    }
.banner .itemcont .item_L .link {
    float: left;
    line-height: 30px;
    margin-left: 18px;
    margin-top: 48px;
    font-size: 15px;
    color: #fff;
    text-decoration: underline;
}

.navbar .expand-column {
    position: relative;
    float: left;
    width: 133px;
} 
.navbar .expand-column .jiantou_icon {
    position: absolute;
    right: 13%;
    top: 38%;
    width: 15px;
    height: 15px;
}
    .navbar .expand-column a {
        display: block;
    }

.m-zt-tab.g-title {
    border-color: #358ff0;
}
.g-tab-title {
    padding-bottom: 12px;
    border-color: #358ff0;
}
 
.g-tab-title .tab-item.cur {
    font-size: 22px;
    font-weight: bold;
}
 
.m-zt-tab .info {
    width: 315px;
    overflow: hidden;
}
.s-zt-summary .g-title {
    border-color: #ededed;
}

.g-title {
    border-bottom: 2px solid #358ff0;
    margin-bottom: 26px;
}
    .g-title .more {
        font-size: 16px;
        margin-top: 3px;
        font-weight: normal;
        color: #999;
        cursor: pointer;
    }
.s-zt-summary .g-title .title-txt {
    font-weight: normal;
}

.g-title .title-txt {
    margin-top: -4px;
    line-height: 30px;
    padding-bottom: 12px;
    font-size: 22px;
    float: left;
    width: 210px;
    margin-right: 9px;
}
.mb40 {
    margin-bottom: 40px;
}
.m-img-title-cov {
    margin-left: -18px;
    margin-top: -18px;
}
 
    .m-img-title-cov .title {
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        line-height: 43px;
        height: 43px;
        padding: 0 10px;
    }
    .m-img-title-cov .cover {
        -webkit-transition: top 0.4s;
        -moz-transition: top 0.4s;
        transition: top 0.4s;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 100%;
        background: #fff;
    }
.s-soft-coll{
width:1400px;

}


/* 改导航栏其他展开栏目 */
.navbar .expand-column {
    position: relative;
    float: left;
    width: 133px;
}

    .navbar .expand-column .jiantou_icon {
        position: absolute;
        right: 13%;
        top: 38%;
        width: 15px;
        height: 15px;
    }

    .navbar .expand-column a {
        display: block;
    }

    .navbar .expand-column:hover ul {
        display: block;
    }

    .navbar .expand-column:hover .jiantou_icon {
        transform: rotate(180deg);
    }

    .navbar .expand-column:hover .open-all {
        background: #2b71c2;
    }

    .navbar .expand-column ul {
        display: none;
        position: absolute;
        left: 0;
        top: 50px;
        width: 100%;
        background: #ffffff;
        z-index: 99;
        border: 1px solid #dddddd;
        border-top: none;
    }

        .navbar .expand-column ul li {
            float: left;
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

            .navbar .expand-column ul li:hover {
                background: #f6f6f6;
            }

            .navbar .expand-column ul li a {
                display: block;
                width: 100%;
                height: 100%;
                font-size: 14px;
                color: #333 !important;
            }

#shotNext i {
    background-position: -126px -299px;
    right: 155px;
}
#shotPrev i {
    background-position: -70px -299px;
    left: 15px;
} 

.snap-shot-btn i {
    background: url(../images/ui_img/cssimg.png) no-repeat;
    position: absolute;
    width: 56px;
    height: 56px;
    top: 50%;
    margin: -16px 0 0 0;
}