.vip-video{background: #F9F9EC;padding-top: 1px;margin-top: -13px;}
.vv-title{background: url(/web/vipdelicate/vip-title.png) no-repeat;background-size: 100% 100%;height: 66px;width: 196px;margin: 4px auto 16px;}
.vv-nav{ padding:0;padding-bottom: 10px;overflow-x: auto;text-overflow: -o-ellipsis-lastline;writing-mode: vertical-lr;height: 130px;width: 100%;}
.vv-nav>li{display: inline-block;list-style: none;margin-bottom: 4px;border-radius: 4px;overflow: hidden;height: 57px;width: 94px;position: relative;margin-right: 5px;}
.vv-nav>li img{height: 100%;width: 100%;}
.vv-nav>li>div{position: absolute;width: 100%;height: 17px;line-height: 17px;text-align: center;font-size: 12px;background: rgba(0,0,0,0.3);color:#fff;bottom: 0;left: 0;writing-mode:horizontal-tb}
.vv-nav-box{width: 100vw;position: relative;}
.vv-nav-box::after{position: absolute;content: "";height:130px;display: block;top: 0;right: 0;width: 50px;background: linear-gradient(to right,rgba(0,0,0,0),rgba(249,249,236,1))}
.vv-list{padding:19px 10px 0;margin: 0;}
.vv-list>li{list-style: none;width: 100%;height:calc((100vw - 20px) / 1.5);border-radius: 6px;overflow: hidden;margin-bottom: 5px;}
.vv-list>li img{width: 100%;height: 100%;}
.vv-listloading,.vv-loaded{color: #aaa;font-style: 14px;text-align: center;padding: 10px 0;display: none;}
.vv-pupop{position: fixed;height: auto;top: -100%;left: 0;width: 100%;background: #F9F9EC;display: none;opacity: 0.5;}
.vv-p-box{padding: 0 ;}
.video-box{width: 100%;background: #000;}
.video-btnbox{display: flex;display: -webkit-flex; flex-wrap:wrap;justify-content:space-between;padding: 16px 10px;}
.video-btnbox>div{text-align: center;width: 70px;}
.videoicon{display: inline-block;width: 20px;height: 20px;margin-bottom: 6px;}
.ad-box{text-align: center;padding: 0 0 16px; }
.ad-box>img{width: 300px;height: 250px;}
.videoicon-collection{background: url(/web/vipdelicate/icon-collection.png) no-repeat;background-size: 100% 100%;}
.videoicon-collection-active{background: url(/web/vipdelicate/icon-collection2.png) no-repeat;background-size: 100% 100%;}
.videoicon-share{background: url(/web/vipdelicate/icon-share.png) no-repeat;background-size: 100% 100%;}
.videoicon-buyvip{background: url(/web/vipdelicate/icon-buyvip.png) no-repeat;background-size: 100% 100%;}
.vp-back{background: url(/images/mobile/arrow-right.png) no-repeat;background-size: 100% 100%;transform: rotate(180deg);}
.more-nav{background: url(/web/vipdelicate/more-nav.jpg) no-repeat;background-size:100% 100% ;line-height: 88px;text-align: center;color:#fff}
@media screen and (max-width: 320px) {
    
}
@media screen and (max-width: 375px) and (min-width:321px) {
    /* .vv-nav{margin: 0 30px;}
    .vv-nav>li{
        margin-bottom: 30px;
       
    } */
}
@media screen and (max-width: 414px) and (min-width: 376px){
    /* .vv-nav{margin: 0 34px;}
    .vv-nav>li{
        margin-bottom: 34px;
        
    } */
}