@charset "UTF-8";
$yahei: "Microsoft YaHei",
SimHei,
sans-serif;
$titleColor: #4c82de;
$maincolor: #4c82de;
$hovercolor: #6993da;
$titleFont: $yahei,
PingFang sc,
"Helvetica Neue",
Helvetica,
Tahoma,
Arial,
"Liberation Sans",
"Hiragino Sans GB",
"Source Han Sans CN",
"Source Han Sans SC",
"Wenquanyi Micro Hei",
"WenQuanYi Zen Hei",
"ST Heiti",
SimHei,
"WenQuanYi Zen Hei Sharp",
sans-serif;
$baseBorder:1px solid #efefef;
$baseDashBorder:1px dashed #eaeaea;
@import "lego/lego";
// @import "base/header";
@import "base/mixins";
@import "base/base";
@import "modules/hero";
@import "widget/default-skin.css";
@import "widget/photoswipe.css";
html {
    font-size: 12px;
    overflow-y: scroll;
    font: 12px/1.5 PingFang sc, "Helvetica Neue", Helvetica, Tahoma, Arial, SimSun, TW-Sung, "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", serif; // font-family: $yahei;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body {
    min-width: 1137px;
    font-family: $titleFont;
    background-color: #3166b9;
    a {
        text-decoration: none;
        &:hover {
            text-decoration: underline;
        }
    }
    p,
    a,
    span,
    em,
    i,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }
}

.g-zq-inner {
    width: 1137px;
    margin: 0 auto;
    a {
        outline: none;
    }
}

.g-col {
    padding: 0 15px;
    &.g-col-400 {
        width: 370px;
        &.g-col-b {
            width: 368px;
            // border: $baseBorder;
        }
    }
    &.g-col-304 {
        width: 272px;
        // border: $baseBorder;
    }
    &.g-col-816 {
        width: 784px;
        // border: $baseBorder;
    }
    &.g-col-368 {
        width: 336px;
        // border: $baseBorder;
    }
}

.g-col-304 {
    width: 302px;
    // border: $baseBorder;
}

.g-col-400 {
    width: 400px;
    &.g-col-b {
        width: 398px;
        // border: $baseBorder;
    }
}

.g-col-436 {
    width: 436px;
}

.g-col-294 {
    width: 294px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-25 {
    margin-top: 25px;
}

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

.mt-40 {
    margin-top: 40px;
}

.mt-60 {
    margin-top: 60px;
}

.dw-mod-fl {
    width: 784px;
    min-height: 400px;
    float: left;
    border: $baseBorder;
}

.dw-mod-fr {
    width: 304px;
    float: right;

    div:first-child{
        margin-top: 0px;
    }
}

.mod-crumbs {
    padding-top: 10px;
    font-size: 14px;
    line-height: 40px;
    border-bottom: $baseBorder;
    a {
        color: #333;

        &.home-page{
            padding-left: 25px;
            background: url(/src/img/homepage-icon.png) no-repeat left center;
        }
    }
    span {
        padding: 0 8px;
        font-family: '宋体';
        color: #CCC;
        margin: 0 4px;
    }
    b {
        color: #999;
        font-weight: normal;
    }
}

.mod-title {
    padding: 18px 0 8px 0;
    border-bottom: 1px solid #e3e3e3;
    @include clearfix;
    line-height: 18px;
    h2 {
        font-size: 16px;
        font-weight: 700;
        float: left;
        color: #333333;
        height: 18px;
        position: relative;
        i {
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 100%;
            height: 3px;
            background: $maincolor;
        }
    }
    .mod-lineList {
        float: right;
        a {
            color: #888888;
            font-size: 12px;
            padding-left: 14px;
            background: url(../img/gItem-more.png?__sprite) left 3px no-repeat;
        }
    }
}

.g-arrow-nav {
    li {
        position: relative;
        &.is-active {
            i {
                display: block;
            }
        }
        i {
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -4px;
            width: 0;
            height: 0;
            border: 6px solid $maincolor;
            border-color: $maincolor transparent transparent;
            display: none;
        }
    }
}

.g-ui-tab {
    .g-tab__hd {
        padding-top: 15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e3e3;
        @include clearfix;
        h2 {
            font-size: 18px;
            font-weight: 700;
            float: left;
            color: #333333;
            margin-right: 90px;
            line-height: 24px;
            height: 24px;
            font-family: $titleFont;
            position: relative;
            i {
                position: absolute;
                bottom: -9px;
                left: 0;
                width: 100%;
                height: 3px;
                background: $maincolor;
            }
        }
    }
    .g-tab__nav {
        @include clearfix;
        float: left;
        height: 24px; // overflow: hidden;
        position: relative;
    }
    .g-tab__trigger {
        float: left;
        color: #333333;
        font-size: 14px;
        margin-right: 20px;
        a {
            color: #333333;
            display: block;
            height: 24px;
            line-height: 24px;
            padding: 0 10px;
            cursor: pointer;
            &:hover {
                text-decoration: none;
            }
        }
        &.is-active {
            a {
                background: $maincolor;
                color: #FFF;
            }
        }
    }
    .g-tab__ext {
        float: right;
        line-height: 24px;
        a {
            color: #888888;
            font-size: 12px;
            padding-left: 14px;
            background: url(../img/gItem-more.png?__sprite) left 3px no-repeat;
        }
        .search-wrap {
            border: 1px solid #e3e3e3;
            border-radius: 2px;
            @include clearfix();
            padding: 0 10px;
            input {
                border: none;
                background: transparent;
                outline: none;
                color: #666;
                height: 24px;
                line-height: 24px;
                float: left;
                width: 160px;
            }
            .icon-search {
                float: right;
                width: 17px;
                height: 24px;
                display: block;
                background: url(../img/icon-search.png?__sprite) 0 4px no-repeat;
            }
        }
    }
}

.dw-mod-video {
        .g-rank-tab {
            height: 400px;
            overflow: hidden;
            position: relative;
        }
}

.g-rank-tab {
    height: 400px; // border: $baseBorder;
    .rank-tab__hd {
        padding-top: 15px;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e3e3;
        @include clearfix;
        h2 {
            font-size: 18px;
            font-weight: 700;
            float: left;
            color: #32363d;
            line-height: 24px;
            height: 24px;
            position: relative;
            i {
                position: absolute;
                bottom: -9px;
                left: 0;
                width: 100%;
                height: 3px;
                background: #ffb400;
            }
        }
    }
    .rank-tab__nav {
        @include clearfix;
        float: right;
    }
    .rank-tab__trigger {
        float: left;
        color: #333333;
        font-size: 12px;
        margin-left: 8px;
        a {
            color: #333333;
            display: block;
            height: 24px;
            line-height: 24px;
            padding: 0 7px;
            cursor: pointer;
            &:hover {
                text-decoration: none;
            }
        }
        &.is-active {
            a {
                background: $maincolor;
                color: #FFFFFF;
            }
        }
    }
    .list-rank {
        margin-top: 15px;
        li {
            overflow: hidden;
            &.is-active {
                .ranking-col-fl i {
                    background: #ff3c08;
                }
            }
            &:hover {
                h3 {
                    a {
                        color: #333333;
                    }
                }
            }
            .ranking-col-fl {
                float: left;
                width: 16px;
                height: 16px;
                margin-top: 10px;
                margin-right: 10px;
                i {
                    display: block;
                    height: 100%;
                    font-size: 12px;
                    line-height: 16px;
                    color: #fff;
                    background-color: #b7b7b7;
                    text-align: center;
                }
            }
            .ranking-col-fr {
                font-size: 14px;
                color: #333;
                line-height: 33px;
            }
        }
    }
}

.dw-mod-nav {
    width: 1168px;
    margin: 0 auto;
    .mod-hd {
        @include clearfix();
        line-height: 65px;
        background: #153063;
        .nav-fl {
            @include clearfix();
            float: left;
            width: 924px;
            td {
                text-align: center;
                a {
                    font-size: 18px;
                    color: #79a7f7;
                }
                &.active {
                    a {
                        color: #a1c3fd;
                    }
                }
            }
            a {
                display: block;
                color: $titleColor;
                font-size: 14px;
                outline: none;
                &:hover {
                    text-decoration: none;
                    color: #ffffff;
                }
            }
        }
        .nav-fr {
            float: right;
            text-align: center;
            width: 194px;
            li {
                float: left;
                width: 194px;
            }
            a {
                color: #ffffff;
                font-size: 26px;
                display: block;
                width: 100%;
                background: url(../img/btn-enter.png?__sprite);
                &:hover {
                    opacity: 0.8;
                    text-decoration: none;
                }
            }
        }
    }
    .mod-bd {
        background: #4c82de;
        padding: 8px 20px 12px 10px;
        height: 65px;
        overflow: hidden;
        .box-fl {
            float: left;
            line-height: 26px;
            width: 913px;
            ul {
                @include clearfix();
            }
            label {
                float: left;
                display: block;
                height: 26px; // width: 70px;
                padding: 0 5px;
                text-align: center;
                background: #3566ba;
                color: #ffffff;
                margin-right: 10px;
                font-size: 14px;
            }
            li {
                float: left;
                margin: 5px 0;
                width: 50%;
                height: 26px;
                // overflow: hidden;
            }
            a {
                position: relative;
                font-size: 14px;
                color: #ffffff;
                margin: 0 6px;
                &:hover {
                    opacity: 0.8;
                    text-decoration: none;
                }
            }
            .hot-icon,.new-icon{
                position: absolute;
                right: -13px;
                top: -10px;
                width: 15px;
                height: 13px;
                background-repeat: no-repeat;
            }
            .new-icon{
                background-image: url(/src/img/new-icon.png);
            }
            .hot-icon{
                background-image: url(/src/img/hot-icon.png);
            }
        }
        .box-fr {
            float: right;
            padding-top: 10px;
            a {
                display: inline-block;
                height: 16px;
                line-height: 16px;
                color: #FFFFFF;
                font-size: 14px;
                padding-left: 23px;
            }
            .row {
                text-align: right;
                line-height: 1;
                margin-bottom: 12px;
            }
            .link-dl {
                color: #ffffff;
                margin-right: 10px;
                background: url(../img/icon-download.png?__sprite) no-repeat;
            }
            .link-bbs {
                color: #ffffff;
                background: url(../img/icon-bbs.png?__sprite) no-repeat;
            }
            .input-wrap {
                width: 164px;
                padding-left: 10px;
                background: #355b9b;
                border-radius: 12px;
            }
            input {
                outline: none;
                border: none;
                background: transparent;
                width: 130px;
                height: 25px;
                font-size: 14px;
                line-height: 25px;
                float: left;
                margin-right: 6px;
                color: #79a7f7;
            }
            button {
                float: left;
                outline: none;
                border: none;
                background-color: transparent;
                width: 18px;
                height: 25px;
                background: url(../img/icon-search.png?__sprite) 0 3px no-repeat;
            }
        }
    }
}

.dw-mod-primary {
    margin-top: 10px;
    height: 800px;
    overflow: hidden;
    .mod-mid {
        height: 740px;
        h2:first-child {
            margin-top: 15px;
        }
    }
    .g-col-400 {
        float: left;
        margin-right: 16px;
        h2 {
            text-align: center;
            line-height: 1.1;
            a {
                color: $titleColor;
                font-size: 20px;
                font-weight: 700;
                display: block;
                @include ellipsis();
            }
        }
        .sm-title {
            text-align: center;
            line-height: 1;
            font-size: 14px;
            margin: 10px 0 15px 0;
            a {
                &:hover {
                    color: #ff6246;
                }
            }
        }
    }
    .g-col-294 {
        float: right;
    }
    .slider-wrap {
        height: 222px;
        img {
            width: 100%;
            height: 100%;
            overflow: hidden;
            display: block;
        }
    }
    // .search-wrap {
    //     height: 168px;
    // }
    // .search-bd {
    //     margin-top: 18px;
    // }
    // .search-key {
    //     display: block;
    //     width: 100%;
    //     height: 30px;
    //     padding-left: 8px;
    //     border: none;
    //     background-color: #f7f7f7;
    //     outline: none;
    //     font-size: 12px;
    //     line-height: 30px;
    // }
    // .search-submit {
    //     @include reset;
    //     display: block;
    //     width: 128px;
    //     height: 40px;
    //     margin: 18px auto 0;
    //     border: none;
    //     outline: none;
    //     border-radius: 5px;
    //     font-size: 14px;
    //     line-height: 40px;
    //     background-color: #cacaca;
    //     color: #fff;
    // }
    .strategy-wrap {
    }
    .strategy-bd {
        margin-top: 18px;
        ul{
        }
        li{
            margin-bottom: 20px;
            a{
                width: 288px;
                height: 117px;
                display: block;
                &:hover{
                    opacity: 0.8;
                }
            }
            img{
                width: 100%;
                display: block;
                overflow: hidden;
            }
        }
    }
    .bbs-wrap {
        height: 263px;
        margin-top: 16px;
    }
    .list-bbs {
        padding-top: 14px;
        overflow: hidden;
        li {
            position: relative;
            padding-left: 14px;
            width: 220px;
            font-size: 14px;
            overflow: hidden;
            height: 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        i {
            position: absolute;
            top: 13px;
            left: 2px;
            display: block;
            width: 4px;
            height: 4px;
            background: #f19f00;
        }
        a {
            color: #333;
            line-height: 30px;
            font-size: 14px;
            &:hover {
                color: $maincolor;
            }
        }
    }
    .bbs-tab__nav {
        li {
            float: left;
            margin-right: 20px;
            &.is-active {
                h2 {
                    color: #333333;
                }
                i {
                    display: block;
                    ;
                }
            }
        }
        h2 {
            color: #b7b7b7;
        }
        i {
            display: none;
        }
    }
    .news-ui-tab__nav {
        li {
            float: left;
            width: 90px;
            height: 35px;
            line-height: 35px;
            background: #ededed;
            margin-right: 1px;
            position: relative;
            &.is-active {
                background: $maincolor;
                a {
                    color: #FFFFFF;
                }
                i {
                    display: block;
                }
            }
            i {
                position: absolute;
                top: 35px;
                left: 50%;
                margin-left: -4px;
                width: 0;
                height: 0;
                border: 6px solid $maincolor;
                border-color: $maincolor transparent transparent;
                display: none;
            }
        }
        a {
            color: #333333;
            font-size: 14px;
            display: block;
            text-align: center;
            cursor: pointer;
            &:hover {
                text-decoration: none;
            }
        }
    }
    .list-news {
        padding-top: 16px;
        line-height: 21px;
        margin-top: 20px;
        border-top: $baseDashBorder;
        &:first-child {
            padding-top: 0;
            border-top: 0;
        }
        li {
            @include clearfix();
            margin-top: 6px;
        }
        label {
            width: 37px;
            height: 21px;
            text-align: center;
            color: #fff;
            font-size: 12px;
            float: left;
            margin-right: 10px;
        }
        p {
            float: left;
            display: block;
            width: 275px;
            height: 21px;
            overflow: hidden;
            font-size: 14px;
        }
        .date {
            float: right;
            font-size: 12px;
            color: #999;
        }
        a {
            &:hover {
                color: $maincolor;
            }
        }
        .label-video {
            background: #9f73ef;
        }
        .label-bbs {
            background: #eb985d;
        }
        .label-fun {
            background: #88bc73;
        }
        .label-preview,
        .label-news {
            background: #ff8d34;
        }
        .label-profession {
            background: #88bc73;
        }
        .label-model {
            background: #e8b939;
        }
    }
    .link-more {
        display: block;
        text-align: center;
        line-height: 36px;
        background: #ededed;
        color: #333;
        margin-top: 24px;
        font-size: 14px;
        &:hover {
            color: #9a9c9e;
            text-decoration: none;
            background: #e9ebed;
        }
    }
    .attention-wrap {
        height: 507px;
        padding: 0 15px;
        border: $baseBorder;
        font-size: 14px;
        line-height: 28px;
        margin-top: 14px;
    }
    .list-attention {
        margin-top: 12px;
    }
    .item-attention {
        position: relative;
        // padding-left: 14px;
        line-height: 22px;
        margin-bottom: 10px;
        // i {
        //     position: absolute;
        //     top: 9px;
        //     left: 2px;
        //     display: block;
        //     width: 4px;
        //     height: 4px;
        //     background: #f19f00;
        // }
        label {
            width: 65px;
            text-align: center;
            background-color: #ff8d34;
            color: #fff;
            float: left;
            line-height: 22px;
            height: 22px;
        }
        ul {
            font-size: 0;
            overflow: hidden;
            // padding-left: 10px;
        }
        li {
            @include inline-block;
            padding: 4px 0;
            margin-bottom: 10px;
            vertical-align: top;

            &.no-border{
                a{
                    border-right: none;
                }
            }
        }
        a {
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 1;
            padding: 0 15px;
            // border-right: $baseBorder;
            &:hover {
                color: $maincolor;
            }
            &:before{
                content: '';
                position: absolute;
                left: -1px;
                top: 0;
                height: 100%;
                width: 0px;
                border-right: $baseBorder;
            }
        }
        p {
            span {
                color: #999999;
                margin: 0 16px;
            }
        }
    }
}

.dw-mod-video {
    height: 402px;
    position: relative;
    &:before{
        content: "";
        position: absolute;
        top: -20px;
        margin-left: -619px;
        left: 50%;
        width: 1238px;
        height: 438px;
        background: url(../img/bg-section1.png);
    }
    .g-tab__nav {
        float: right;
        margin-right: 10px;
    }
    .link-more {
        display: block;
        text-align: center;
        line-height: 36px;
        background: #ededed;
        color: #333;
        margin-top: 17px;
        font-size: 14px;
        &:hover {
            color: #9a9c9e;
            text-decoration: none;
            background: #e9ebed;
        }
    }
}

.dw-mod-nl {
    .mod-cont {
        padding-top: 20px;
    }
    .g-carousel__nav {
        float: left;
        margin-right: 20px;
        a {
            height: 30px;
            line-height: 30px;
            padding-left: 14px;
            position: relative;
            font-size: 14px;
            &:hover {
                color: $maincolor;
            }
        }
        i {
            position: absolute;
            top: 50%;
            left: 0;
            width: 4px;
            height: 4px;
            background-color: $maincolor;
            margin-top: -2px;
        }
    }
    .g-ui-carousel {
        float: left;
    }
}

.dw-mod-aside{
    float: right;
    width: 304px;

    div:first-child{
        margin-top: 0;
    }
}


.page-index,
.page-video,
.page-list,
.page-artical {
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 280px;
}

.page-video {
    padding-bottom: 50px;
    .g-ui-tab .g-tab__hd h2 {
        font-size: 20px;
        margin-right: 70px;
    }
}

.page-artical,
.page-list {
    margin-bottom: 50px;

    .dw-mod-video,.dw-mod-strategy{
        float: right;
    }

    .dw-mod-list {
        margin-top: 20px;
    }
    .list-artical {
        font-family: '宋体';
        margin-top: 10px;

        a {
            display: block;
            line-height: 46px;
            font-size: 16px;
            color: #333333;
            @include clearfix();
            outline: none;
            position: relative;
            padding: 0 14px;
            border-bottom: 1px dashed #d8d8d8;
            &:hover {
                background: #f5f5f5;
                text-decoration: none;
            }
        }
        .news-title {}
        .news-time {
            float: right;
            font-size: 14px;
            color: #999;
        }
        .news-point {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -1px;
            width: 3px;
            height: 3px;
            background: #999999;
        }
    }
    .list-news {
        li {
            margin-top: 16px;
            &.active {
                em {
                    background: $maincolor;
                }
            }
        }
        a {
            display: block;
            line-height: 16px;
            @include clearfix();
            color: #666;
            &:hover {
                color: #666;
            }
        }
        em {
            display: block;
            width: 16px;
            height: 16px;
            background-color: #b7b7b7;
            text-align: center;
            color: #fff;
            float: left;
            margin-right: 8px;
        }
        span {
            display: block;
            font-size: 14px;
            @include ellipsis();
        }
    }
    .rank-news {
        .m-list {
            li {
                margin-top: 16px;
                @include clearfix();
                line-height: 16px;
                height: 16px;
                overflow: hidden;
                &.top {
                    i {
                        background: $maincolor;
                    }
                }
            }
            a {
                display: block;
                line-height: 16px;
                color: #666;
                font-size: 14px;
                &:hover {
                    color: #666;
                }
            }
            i {
                display: block;
                width: 16px;
                height: 16px;
                background-color: #b7b7b7;
                text-align: center;
                color: #fff;
                float: left;
                margin-right: 8px;
                font-size: 12px;
            }
            span {
                display: block;
                font-size: 14px;
                @include ellipsis();
            }
        }
    }
    .list-video {
        margin-right: -20px;
        @include clearfix();
        li {
            float: left;
            width: 135px;
            margin: 20px 20px 0 0;
        }
        a {
            display: block;
            &:hover {
                text-decoration: none;
                @include opacity(0.8);
            }
        }
        .item-cover {
            display: block;
            width: 135px;
            height: 76px;
            position: relative;
        }
        img {
            width: 100%;
            height: 100%;
            display: block;
            overflow: hidden;
        }
        .item-title {
            display: block;
            font-size: 12px;
            color: #333333;
            line-height: 20px;
            height: 40px;
            overflow: hidden;
        }
        .item-mask {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 41px;
            line-height: 24px;
            text-indent: 5px;
            overflow: hidden;
            background: url(../..//img/gItem-mask.png) repeat-x;
        }
        .icon-play {
            display: block;
            margin: 10px 0 0 10px;
            width: 24px;
            height: 24px;
            background: url(../img/icon-play2.png?__sprite) no-repeat;
        }
    }
    .list-hot {
        margin-top: 10px;
        a {
            display: block;
            color: #333333;
            font-size: 14px;
            line-height: 30px;
            height: 30px;
            @include ellipsis();
            &:hover {
                color: $maincolor;
            }
        }
    }
    .artical-wrap {
        .box-hd {}
        .art-title {
            text-align: center;
            color: $titleColor;
            font-size: 28px;
            height: 1.1em;
            line-height: 1.1em;
            padding-top: 40px;
            margin-bottom: 12px;
            font-weight: 500;
        }
        .art-info {
            font-size: 14px;
            text-align: center;
            font-style: normal;
            color: #999;
            padding-bottom: 20px;
            border-bottom: 1px dashed #EAEAEA;
            // margin: 0 30px;
            a {
                margin: 0 10px;
                color: $maincolor;
            }
        }
        .art-summary {
            @include clearfix();
            background-color: #FBFBFB;
            padding-right: 12px;
            font-size: 14px;
            margin: 20px 30px 0;
            .label {
                display: block;
                float: left;
                width: 32px;
                height: 53px;
                background-color: #EAEAEA;
                padding: 12px 16px 0;
                color: #999;
                font-weight: 700;
                font-size: 15px;
                line-height: 1.2em;
                margin-right: 16px;
            }
            p {
                padding-top: 8px;
                overflow: hidden;
                line-height: 1.8em;
            }
        }
        .box-bd {
            position: relative;
            padding: 0 30px;
            a {
                color: #00F;
            }
            p {
                font-size: 16px;
                margin-top: 1.5em;
                line-height: 1.5em;
            }
            img {
                max-width: 100%;
            }
            .link-bbs {
                width: 368px;
                height: 30px;
                display: block;
                background-color: #ffedd5;
                color: $maincolor;
                margin: 40px auto;
                font-size: 14px;
                text-align: center;
                line-height: 30px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px
            }
        }
        .box-ft {
            margin-top: 30px;
            border-top: 1px dashed #efefef;
            .share-links {
                height: 18px;
                padding: 10px 0;
            }
        }
    }
    .relative-wrap {
        margin: 10px 0 20px 0;
        .list-relative {
            margin-top: 10px;
        }
        li {
            width: 50%;
            float: left;
        }
        a {
            display: block;
            color: #333333;
            font-size: 14px;
            line-height: 30px;
            height: 30px;
            position: relative;
            overflow: hidden;
            @include clearfix();
            &:hover {
                color: $maincolor;
            }
        }
        .news-title {
            width: 80%;
            float: left;
            display: block;
        }
        .news-time {
            float: right;
            font-size: 14px;
            color: #666666;
            margin-right: 20px;
        }
    }
    .bdsharebuttonbox {
        float: right !important;
        _display: inline;
        padding-right: 10px;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }
    .bdsharebuttonbox a {
        position: relative;
        top: -4px;
    }
    .bdsharebuttonbox span {
        float: left;
        _display: inline;
    }
    .agree-box,.hot-news-box{
        float: left;
    }
    .agree-box{
        min-height: 244px;
    }
    .hot-news-box{
        min-height: 244px;
        margin-left: 16px;
    }
    .hot-news-list {
        padding-top: 14px;
        overflow: hidden;
        li {
            position: relative;
            padding-left: 14px;
            width: 220px;
            font-size: 14px;
            overflow: hidden;
            height: 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        i {
            position: absolute;
            top: 13px;
            left: 2px;
            display: block;
            width: 4px;
            height: 4px;
            background: #f19f00;
        }
        a {
            color: #333;
            line-height: 30px;
            font-size: 14px;
            &:hover {
                color: $maincolor;
            }
        }
    }
}

.page-artical2{
    .dw-mod-fl{
        width: 1105px;
    }
}

.ZQ__map {
    margin: 0 auto;
    
    background-color: #EAEAEA;
    margin-top: 50px;
    .ZQ__inner{
        width: 1137px;
        margin: 0 auto;
        @include clearfix;
    }
    .inner {
        float: left;
        width: 957px;
        margin: 0 auto;
        *zoom: 1;
        overflow: hidden;
        padding: 20px 0;
        position: relative;
        zoom: 1;
        @include clearfix();
    }
    .foot-action {
        float: right;
        width: 180px;
        // background-color: #e4e4e4;
        padding: 20px 0;
        form {
             @include clearfix();
        }
    }
    .list {
        width: 168px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        text-align: center;
        border-left: 1px solid #DBDBDB;
        font-size: 0;
        vertical-align: top;
        &:first-child{
            width: 110px;
            text-align: left;
        }
        .label,
        li {
            height: 26px;
            line-height: 26px;
            // text-align: center
        }
        a,
        span {
            font-size: 12px;
            display: block;
        }
        .label {
            display: block;
            *zoom: 1;
            font-weight: 700;
            color: #888
        }
        li {
            overflow: hidden;
        }
        a {
            color: #888
        }
    }
    .map-list {
        font-size: 0;
        position: relative;
        margin-left: -1px;
        float: left;
        display: inline
    }
    .foot-action {
        width: 180px;
        .dw-footer-icon{
            height: 44px;
            background: url(/src/img/dw-footer-icon.png) no-repeat center;
        }
        .search {
            position: relative;
            width: 178px;
            margin-top: 20px;
            *zoom: 1;
            background-color: #fbfbfb;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #E2E2E2;
            float: left;
            input {
                font-size: 12px;
                line-height: 24px;
                height: 24px;
                width: 180px;
                padding-left: 8px;
                color: #BCBCBC;
                border: none;
                background-color: transparent;
                display: block;
                &:focus {
                    outline: 0
                }
            }
        }
        .submit {
            position: absolute;
            top: 50%;
            right: 5px;
            background: url(../img/icon-search2.png?__sprite) 0 0px no-repeat;
            width: 18px;
            height: 18px;
            text-indent: -200%;
            overflow: hidden;
            margin-top: -9px;
            font-size: 0;
            outline: 0;
        }
    }
    .connect {
        margin-top: 10px;
        margin-right: 10px;
        font-weight: 700;
        color: #999;
        font-size: 14px;
        display: inline-block;
        line-height: 26px
    }
}

.ZQ__friend {
    background-color: #2D2D2D;
    .label {
        background-color: #2D2D2D;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-bottom: 7px;
        position: relative;
        z-index: 5;
        padding-right: 16px;
        em {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            background-color: #222;
            color: #999;
            font-size: 14px;
            padding: 0 9px;
            height: 25px;
            line-height: 25px
        }
    }
    .duowan {
        position: absolute;
        top: 28px;
        left: 0;
    }
    .inner {
        position: relative;
        width: 1136px;
        margin: 0 auto;
        padding: 10px 0;
        @include clearfix();
    }
    .link {
        overflow: hidden;
        *zoom: 1;
        font-size: 0;
        margin-bottom: -3px;
        a {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            padding: 0 11px 0 10px;
            border-left: 1px solid #464646;
            position: relative;
            margin-left: -1px;
            font-size: 12px;
            color: #999;
            line-height: 1.1em;
            margin-bottom: 7px
        }
    }
}

.dw-mod-news {
    position: relative;
    &:before{
        content: "";
        position: absolute;
        top: -20px;
        margin-left: -619px;
        left: 50%;
        width: 1238px;
        height: 438px;
        background: url(../img/bg-section2.png) no-repeat;
    }
    .list-type {
        margin-right: -16px;
    }
    .item-type {
        float: left;
        margin-right: 16px;
    }
    .list-news {
        margin-top: 10px;
    }
    .item-news {
        line-height: 28px;
        height: 28px;
        position: relative;
        padding-left: 14px;
        overflow: hidden;
        p {
            float: left;
            width: 220px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        i {
            position: absolute;
            top: 50%;
            left: 2px;
            margin-top: -2px;
            display: block;
            width: 4px;
            height: 4px;
            background: #f19f00;
        }
        a {
            font-size: 14px;
            color: #333333;
            &:hover {
                color: #f3ae42;
            }
        }
        .date {
            float: right;
            font-size: 12px;
            color: #999999;
        }
    }
}

.dw-mod-comlist{
    position: relative;
    &:before{
        content: "";
        position: absolute;
        top: -20px;
        margin-left: -619px;
        left: 50%;
        width: 1238px;
        height: 438px;
        background: url(../img/bg-section2.png) no-repeat;
    }
}
.g-comlist {
    @include clearfix();
    margin-right: -18px;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
    .g-col-gItem {
        vertical-align: top;
        float: left;
        zoom: 1;
        margin: 0 16px 16px 0;
        width: 184px; // height: 104px;
        overflow: hidden;
        a {
            display: block;
            font-size: 14px;
            line-height: 22px;
            color: #e94646;
            &:hover {
                text-decoration: none;
                img {
                    opacity: 0.85;
                }
            }
        }
        .gItem-pic {
            width: 184px;
            height: 104px;
            overflow: hidden;
            position: relative;
            img {
                width: 100%;
                display: block;
                overflow: hidden;
                transition: opacity ease 300ms;
            }
        }
        .gItem-desc {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 26px;
            color: #fff;
            font-size: 14px;
            line-height: 26px;
            z-index: 10;
            text-align: center;
        }
        .gItem-mask {
            position: absolute;
            background: url(../img/gItem-mask.png) repeat-x;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 26px;
            z-index: 10;
        }
        .gItem-tag {
            padding: 0 5px;
            position: absolute;
            right: 0;
            top: -24px;
            width: auto;
            height: 24px;
            line-height: 24px;
            text-indent: 5px;
            color: #fff;
            overflow: hidden;
            background-color: transparent;
            background-color: rgba(0, 0, 0, .5);
            zoom: 1;
            z-index: 11;
        }
        .gItem-vdIcon {
            position: absolute;
            z-index: 11;
            width: 16px;
            height: 16px;
            background: url(../img/gItem-vdIcon.png?__sprite) no-repeat;
            bottom: 5px;
            left: 5px;
        }
        .gItem-vdTime {
            position: absolute;
            z-index: 11;
            right: 7px;
            bottom: 0px;
            line-height: 30px;
            color: #ffffff;
            font-size: 12px;
        }
        .gItem-title {
            font-size: 14px;
            color: #333333;
            line-height: 22px; // height: 28px;
            font-weight: normal;
            overflow: hidden;
            text-align: left;
            margin-top: 2px;
        }
        &.ext-gItnm-185 {
            width: 185px;
            .gItem-pic {
                width: 185px;
                height: 104px;
            }
        }
    }
}

.g-col-pList {
    margin-right: -18px;
    @include clearfix();
    position: relative;
    overflow: hidden;
    &.pList-row1 {
        height: 150px;
    }
    &.pList-row2 {
        height: 326px;
    }
    .g-col-pItem {
        vertical-align: top;
        float: left;
        zoom: 1;
        margin: 12px 18px 0 0;
        width: 170px;
        font-size: 12px;
        overflow: hidden;
        &.ext-pItem-160 {
            width: 160px;
            .pItem-pic {
                width: 160px;
                height: 90px;
            }
        }
        a {
            display: block;
            color: #e94646;
            &:hover {
                text-decoration: none;
                .pItem-title {
                    color: $hovercolor;
                }
            }
        }
        .pItem-pic{
            width: 170px;
            height: 96px;
            position: relative;
            overflow: hidden;
            img{
                width: 100%;
                display: block;
                overflow: hidden;
                transition: opacity ease 300ms;
            }
        }
        .pItem-mask{
            padding: 0 5px;
            position: absolute;
            right: 0;
            bottom: 0;
            width: auto;
            height: 24px;
            line-height: 24px;
            text-indent: 5px;
            color: #fff;
            overflow: hidden;
            background-color: transparent;
            background-color: rgba(0,0,0,.5);
            zoom: 1;
        }
        .pItem-title{
            font-size: 12px;
            color: #333333;
            line-height: 32px;
            margin: 0 5px;
            text-align: center;
            overflow: hidden;
            font-weight: normal;
            height: 32px;
            @include ellipsis();
        }
    }
}

//首屏轮播
$img-width: 400px; // 图片宽度
$img-height: 222px; // 图片高度
.g-ui-slide {
    position: relative;
    width: $img-width;
    overflow: hidden;
}

.g-ui-slide__content {
    position: relative;
    height: $img-height;
}

.g-ui-slide__panel {
    position: relative;
    width: $img-width;
    height: $img-height;
    overflow: hidden;
    a {
        display: block;
        height: 100%;
    }
}

.g-ui-slide__mask {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    text-indent: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    @include transparent(#000, .5, true);
}

.g-ui-slide__nav {
    position: absolute;
    right: 10px;
    z-index: 11;
    width: 15px;
    top: 10px;
}

.g-ui-slide__trigger {
    width: 15px;
    height: 15px;
    background-color: #f7f7f7;
    overflow: hidden;
    text-indent: -99999px;
    font-size: 0;
    margin-bottom: 5px;
    &.is-active {
        background-color: $maincolor;
    }
}

//-----分页------
#pageNum {
    text-align: center;
    font-size: 14px;
    padding-bottom: 15px;
    padding-top: 20px;
    a {
        text-decoration: none;
        padding: 4px 9px;
        margin: 0 3px;
        color: #666;
        border: 1px solid #ddd;
        background: #fff;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        &:hover {
            text-decoration: none;
            color: #fff;
            background-color: $maincolor;
            border-color: $maincolor;
        }
    }
}

#pageNow a {
    cursor: not-allowed;
    color: #fff;
    background-color: $maincolor;
    border-color: $maincolor;
}

//旋转木马
.g-ui-carousel {
    position: relative;
    width: 1030px;
    padding: 0 35px;
}

.g-ui-carousel__scroller {
    width: 1030px;
    height: 130px;
    overflow: hidden;
}

.g-ui-carousel__content {
    width: 100000px !important;
    height: 130px;
}

.g-ui-carousel__item {
    float: left;
    width: 110px;
    height: 110px;
    margin-right: 20px;
    overflow: hidden;
    a {
        display: block;
        position: relative;
        height: 100%;
        &:hover {
            @include opacity(0.8);
        }
    }
    img {
        width: 100%;
        overflow: hidden;
        display: block;
    }
    span {
        position: absolute;
        bottom: 0;
        line-height: 30px;
        width: 100%;
        height: 30px;
        background: #000;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        text-align: center;
        @include ellipsis();
        font-size: 14px;
    }
}

.g-ui-carousel__prev,
.g-ui-carousel__next {
    position: absolute;
    top: 0;
    width: 24px;
    height: 85px;
    cursor: pointer;
    text-align: center;
    padding-top: 45px;
}

.g-ui-carousel__prev.is-disabled,
.g-ui-carousel__next.is-disabled {
    color: #ccc;
    cursor: default;
}

.g-ui-carousel__prev .ui-icon,
.g-ui-carousel__next .ui-icon {
    display: inline-block;
    width: 22px;
    height: 36px;
}

.g-ui-carousel__prev {
    left: 0;
    .ui-icon {
        background: url(../img/icon-prev.png?__sprite) no-repeat;
    }
    &:hover {
        .ui-icon {
            background: url(../img/icon-prev2.png?__sprite) no-repeat;
        }
    }
}

.g-ui-carousel__next {
    right: 0;
    .ui-icon {
        background: url(../img/icon-next.png?__sprite) no-repeat;
    }
    &:hover {
        .ui-icon {
            background: url(../img/icon-next2.png?__sprite) no-repeat;
        }
    }
}

.g-ui-carousel__controller {
    margin-top: 5px;
    text-align: center;
}

.g-ui-carousel__controller .g-ui-carousel__prev {
    margin-right: 5px;
}


#pageNum {
    text-align: center;
    font-size: 14px;
    padding-bottom: 15px;
    padding: 50px 0;
}

#pageNum a {
    text-decoration: none;
    padding:4px 9px;
    margin: 0 3px;
    color: #333;
    border: 1px solid #cbcbcb;
    background: #fff;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

#pageNum a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #f19f00;
    border-color: #f19f00
}

#pageNow a {
    cursor: not-allowed;
    color: #fff;
    background-color: #f19f00;
    border-color: #f19f00;
}