/* 移动端导航栏修复 */
@media (max-width:767px){
    /* 导航栏滚动修复 */
    .stui-header__top,
    .stui-header__bar,
    .stui-header__menu,
    .stui-header__menu .container,
    .stui-header__menu .row{
        overflow-x:visible!important;
    }
    .stui-header__menu{
        overflow-x:auto!important;
        overflow-y:hidden!important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        -ms-overflow-style:none;
        width:100%!important;
    }
    .stui-header__menu::-webkit-scrollbar{
        display:none;
    }
    .stui-header__menu .container{
        overflow-x:hidden!important;
        padding:0 10px!important;
    }
    .stui-header__menu ul,
    .stui-header__menu ul.type-slide{
        display:flex!important;
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        white-space:nowrap;
        width:100%!important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }
    .stui-header__menu ul::-webkit-scrollbar,
    .stui-header__menu ul.type-slide::-webkit-scrollbar{
        display:none;
    }
    .stui-header__menu ul li,
    .stui-header__menu ul.type-slide li{
        flex:0 0 auto!important;
        flex-shrink:0!important;
        white-space:nowrap;
    }
    .stui-header__menu ul li a,
    .stui-header__menu ul.type-slide li a{
        padding:10px 15px!important;
        font-size:14px!important;
        white-space:nowrap;
    }
    
    /* 所有影片列表一行 3 个 */
    .stui-vodlist li,
    .stui-vodlist__bd li,
    .col-xs-1.stui-vodlist__box,
    li.col-xs-1,
    .carousel_right .col-xs-3,
    .stui-pannel_bd .col-xs-1{
        flex:0 0 33.333%!important;
        max-width:33.333%!important;
        width:33.333%!important;
    }
    
    /* 影片图片比例修复 - 3:4 比例 */
    .stui-vodlist__thumb,
    .stui-vodlist__thumb.picture,
    .carousel_right .stui-vodlist__thumb{
        padding-top:133.33%!important;
    }
    
    /* 轮播图保持 2 个 */
    .carousel .col-xs-1{
        flex:0 0 50%!important;
        max-width:50%!important;
    }
}

/* 480px 以下也保持 3 列 */
@media (max-width:480px){
    .stui-vodlist li,
    .stui-vodlist__bd li,
    .col-xs-1{
        flex:0 0 33.333%!important;
        max-width:33.333%!important;
        width:33.333%!important;
    }
    
    .stui-vodlist__thumb{
        padding-top:133.33%!important;
    }
    
    .carousel .col-xs-1{
        flex:0 0 50%!important;
        max-width:50%!important;
    }
}