.vip-video{max-width: 1288px;margin: auto;position: relative;}
.vv-nav{padding:0;margin: 0 ;padding-bottom: 10px;overflow-x: auto;  overflow-y: hidden;  white-space: nowrap;position: relative;}
.vv-nav-box::after{content: "";display: block;height: 100px;width: 50px;top: 0;right: 0;background: linear-gradient(to right,rgba(0,0,0,0),rgba(249,249,236,1));position: absolute;}
.vv-nav::-webkit-scrollbar{height: 5px;}
.vv-nav::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.vv-nav::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.vv-nav>div{width: 144px;height: 88px;margin:0 ;overflow: hidden;margin-right: 4px;display: inline-block;box-sizing: border-box;border-radius: 8px;position: relative;}
.vv-nav>div>img{width: 100%;height: 100%;}
.vv-nav>div>div{position: absolute;width: 100%;bottom:0;height: 27px;color: #fff;font-size: 14px;background: rgba(0,0,0,0.3);text-align: center;line-height: 27px;}
/* .vv-nav>div:last-child{background: url(/web/vipdelicate/more-nav.jpg) no-repeat;background-size:100% 100% ;margin-right: 0;color: #FFFFFF;font-size: 18px;text-align: center;padding-top: 45px;} */
.vv-list{margin-top: 30px;}
.vv-list::after{content: "";display: block;clear: both;}
.vv-list .vv-box{width: 253px;height: 181px;float: left;margin: 2px;overflow: hidden;}
.vv-list .vv-box>img{height: 100%;width: 100%;}
.video-playbox{position: absolute;height: 657px;box-sizing: border-box;left: 0;width: 100%;display: none;}
.video-top{display: flex;display: -webkit-flex; flex-wrap:wrap;justify-content:space-between;}
.video-box{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;width: calc(100% - 255px);}
.ad-box{width: 245px;height: 100%;margin-left: 10px;}
.ad-box>img{width: 100%;height: auto;}
.vp-bottom{display: flex;display: -webkit-flex; flex-wrap:wrap;justify-content:left;padding: 16px 0 ;border-bottom: 1px solid #ececec;}
.vp-bottom>div{text-align: center;}
.vp-bottom>div>span,.vp-bottom a>span{display: inline-block;vertical-align: middle;font-size: 20px;color: #666;}
.vp-bottom>div:nth-child(2),.vp-bottom>div:nth-child(3),.vp-bottom>div:nth-child(4){margin-left: 70px;font-size: 20px;}
.vp-icon{display: inline-block;width: 28px;height: 28px;margin-right: 10px;}
.vp-bottom a{display: inline-block;vertical-align: middle;}
.vp-collection{background: url(/web/vipdelicate/icon-collection.png) no-repeat;background-size: 100% 100%;}
.vp-collection-active{background: url(/web/vipdelicate/icon-collection2.png) no-repeat;background-size: 100% 100%;}
.vp-share{background: url(/web/vipdelicate/icon-share.png) no-repeat;background-size: 100% 100%;}
.vp-buyvip{background: url(/web/vipdelicate/icon-buyvip.png) no-repeat;background-size: 100% 100%;}
.setPageDiv{text-align: center;padding: 20px 0;}
.Pagination{display: inline-block;}
.paginationjs .paginationjs-pages li{border: none;}
.paginationjs .paginationjs-pages li>a{background: none;}
.paginationjs .paginationjs-pages li:last-child{border: none;}
.vp-back{background: url(/images/mobile/arrow-right.png) no-repeat;background-size: 100% 100%;transform: rotate(180deg);}

/*
.setPageDiv{width:390px;margin:0 auto;}
#pagination{float:left;}
#paginationSelect{display:block;float:right; height:30px;line-height:30px;}
*/
#loadPage{text-align: center;}
#loadPage a{display:inline-block;height:26px;line-height:26px;margin-left:5px;margin-right:5px;padding-left:8px;padding-right:8px;font-size:14px;}
#loadPage a.vippageCur{color:white;background:#aaa}