    @media screen and (max-width: 340px) {
        .channel-page {
            .channel-list__wrap {
                li {
                    font-size: 12px;
                }
            }
        }
    }
    
    @media screen and (min-width: 340px) {
        .channel-page {
            .channel-list__wrap {
                li {
                    font-size: 14px;
                }
            }
        }
    }
    
    .channel-page {
        .webh5-lunbo {
            .swiper-slide a {
                position: relative;
            }
            .swiper-container h2 {
                left: px2rem(20);
                right: 0;
                bottom: 0;
                text-align: left;
                transform: translate(0);
                font-size: 14px;
                padding: px2rem(25) 0;
                z-index: 99;
                background: url(/src/img/lunbo-title-shadow.png) repeat-x left bottom;
                // background-size: 100% 100%;
            }
            .swiper-pagination-bullets,
            {
                bottom: px2rem(32);
                text-align: right;
            }
            .swiper-pagination-bullet {
                width: 6px;
                height: 6px;
                margin: 0 6px 0 0;
            }
        }
        .video-list-container {
            margin-top: px2rem(20);
            .video-list__item:last-child a {
                border-bottom: none;
            }
            .video-rank-header {
                height: px2rem(80);
                font-size: 14px;
                line-height: px2rem(80);
                color: #e94647;
                padding: 0 px2rem(24);
                border-bottom: $baseBorder;
            }
        }
        .index-news {
            margin-top: px2rem(20);
        }
        .news-type-tab {
            height: px2rem(82);
            line-height: px2rem(76);
            margin: 0 px2rem(24);
            border-bottom: $baseBorder;
            .tab-list {
                @include webkitbox();
            }
            .tab-list__item {
                width: 0;
                @include flex(1);
                text-align: center;
                font-size: 0;
                &.active {
                    span {
                        color: #e94647;
                        border-bottom: 2px solid #e94647;
                    }
                }
                span {
                    @include inline-block;
                    height: 100%;
                    font-size: 15px;
                }
            }
        }
        .channel-videos {
            margin-top: px2rem(20);
            .videos-containner {
                padding-top: px2rem(30);
                .video-list__wrap {
                    display: none;
                    &.active {
                        display: block;
                    }
                }
            }
        }
        .brilliant-gallary {
            margin-top: px2rem(25);
            .video-list__wrap {
                padding-top: px2rem(30);
            }
        }
        .ls-hots-news {
            margin-top: px2rem(20);
            padding: px2rem(30) px2rem(24);
            .big-title {
                font-size: 16px;
                line-height: 1.4;
                font-weight: bold;
                a {
                    display: block;
                }
            }
            .ls-hots-list {
                @include webkitbox();
                -webkit-box-pack: justify;
                margin: px2rem(20) 0 px2rem(30);
                a {
                    display: block;
                    width: px2rem(223);
                }
                img {
                    display: block;
                    width: 100%;
                    // height: px2rem(124);
                }
            }
            .ls-imgtext-wrap {
                @include webkitbox();
                -webkit-box-pack: justify;
                .img-link {
                    display: block;
                    width: px2rem(223);
                    margin-right: px2rem(15);
                    img {
                        display: block;
                        width: 100%;
                    }
                }
                .text-link {
                    @include webkitbox(2);
                    -webkit-box-pack: justify;
                    @include flex(1);
                    height: px2rem(155);
                    h2 {
                        font-size: 16px;
                        line-height: 1.4;
                        font-weight: bold;
                    }
                    .ls-news-time {
                        display: block;
                        font-size: 12px;
                        text-align: right;
                        color: #999;
                    }
                }
            }
        }
        .recent-hot-nav {
            margin-top: px2rem(20);
            .common-channel-list {
                display: none;
                &.active {
                    display: block;
                }
            }
        }
        .equip-all {
            margin-top: px2rem(20);
            .common2-sec-header {
                border-bottom: none;
            }
            .equip-type {
                background-color: #f7f7f7;
            }
            .equip-type__list {
                @include webkitbox();
                height: px2rem(80);
                line-height: px2rem(80);
            }
            .type__item {
                width: auto !important;
                padding: 0 px2rem(33);
                font-size: 14px;
                text-align: center;
                border-right: $baseBorder;
                background-color: #f7f7f7;
                &.active {
                    background-color: #e94647;
                    color: #fff;
                }
            }
            .equip-list-container {
                box-sizing: content-box;
                display: none;
                overflow: hidden;
                transition: height 1s ease;
                &.active {
                    display: block;
                }
            }
            .equip-list {
                font-size: 0;
                padding-bottom: px2rem(20);
                transition: height .8s ease;
                overflow: hidden;
                .equip-item,
                li {
                    @include inline-block;
                    width: 25%;
                    margin-top: px2rem(30);
                    vertical-align: top;
                    text-align: center;
                }
                .equip-link,
                a {
                    display: block;
                }
                .equip-icon,
                img {
                    width: px2rem(130);
                    height: px2rem(130);
                }
                .equip-name,
                em {
                    display: block;
                    font-size: 13px;
                    line-height: px2rem(36);
                    margin-top: px2rem(15);
                }
            }
            &.radius-type-img {
                .equip-icon {
                    border-radius: 50%;
                }
            }
        }
        .common2-sec-header {
            height: px2rem(80);
            font-size: 14px;
            line-height: px2rem(80);
            color: #e94647;
            padding: 0 px2rem(24);
            border-bottom: $baseBorder;
        }
        .channel-news__item {
            padding-left: px2rem(24);
            border-bottom: $baseBorder;
            &:last-child {
                border-bottom: none;
            }
            a {
                @include webkitbox();
                -webkit-box-align: center;
                height: px2rem(88);
                font-size: 14px;
                line-height: px2rem(90);
            }
            .news-title {
                @include flex(1);
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                margin-right: px2rem(20);
            }
            .news-time {
                display: block;
                width: px2rem(80);
                font-size: 12px;
                color: #ccc;
            }
            .news-from {
                display: block;
                width: px2rem(88);
                height: px2rem(44);
                border: $baseBorder;
                border-radius: px2rem(22);
                line-height: px2rem(42);
                text-align: center;
                margin-right: px2rem(24);
            }
            @mixin borcolor($color) {
                border-color: $color;
                color: $color;
            }
            .from-bl {
                @include borcolor(#f95f60);
            }
            .from-ss {
                @include borcolor(#ae7feb);
            }
            .from-sp {
                @include borcolor(#57afeb);
            }
            .from-yl {
                @include borcolor(#f9b048);
            }
            .from-lt {
                @include borcolor(#7ecc32);
            }
        }
        .channel-list__wrap {
            li {
                width: 33.33%;
            }
        }
    }