/*游戏频道导航栏*/

.game-channel-nav {
    border-bottom: $baseBorder;
}


/*游戏热点新闻*/

.index-hot-news {
    padding: px2rem(14) 0;
    text-align: center;
    .hot-news {
        line-height: 1.6;
        a {
            font-size: 18px;
            color: $highLightColor;
        }
    }
    .news-gap {
        height: px2rem(22);
    }
    .small-news-list {
        @include webkitbox();
        -webkit-box-pack: center;
        a {
            display: block;
            color: $lightFontColor;
            margin-left: px2rem(10);
            font-size: $smallFontSize;
            line-height: 2;
            &:first-child {
                margin-left: 0;
            }
        }
    }
}


/*多玩业务导航*/

.index-service-nav {
    margin-bottom: px2rem(20);
    .service-list {
        font-size: 0;
        .service-list__item {
            display: inline-block;
            width: 25%;
            border-top: $baseBorder;
            text-align: center;
        }
        a {
            display: block;
            padding: px2rem(30) 0;
            &:active {
                opacity: .8;
            }
        }
        .icon-wrap {
            width: px2rem(100);
            height: px2rem(100);
            margin: 0 auto;
            overflow: hidden;
        }
        .service-icon {
            display: block;
            width: 100%;
            height: 100%;
        }
        .service-name {
            font-size: $smallFontSize;
            line-height: 1;
            color: $baseFontColor;
            margin-top: px2rem(15);
        }
    }
}

#pageNum {
    display: none;
}


/*首页新闻区*/

.index-news {
    .news-type-nav {
        padding: 0 px2rem(24);
        border-bottom: $baseBorder;
        overflow: hidden;
        background: #fff;
        width: 100%;
        z-index: 10;
        transition: all 250ms;
        ul {
            @include webkitbox;
            font-size: 15px;
        }
        li {
            width: auto;
            height: px2rem(80);
            margin-left: px2rem(75);
            font-size: $baseFontSize;
            line-height: px2rem(80);
            &.active {
                color: $highLightColor;
                border-bottom: 2px solid $highLightColor;
            }
            &:first-child {
                margin-left: px2rem(0);
            }
        }
    }
    .news-list-wrap {
        display: none;
        border-bottom: $baseBorder;
        &.active {
            display: block;
        }
    }
}
