.videoContainer{width:100%;height:100vh;background:#000;overflow:hidden}.videoContainer img{vertical-align:middle}.videoContainer .navBarContainerLeft{width:100%;padding:3% 4%;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:99}.videoContainer .navBarContainerLeft .backBox,.videoContainer .navBarContainerLeft .homeBox,.videoContainer .navBarContainerLeft .shareBox{width:20px;height:20px;display:flex}.videoContainer .navBarContainerLeft .backBox{padding-right:10px;border-right:1px solid #ece9e9}.videoContainer .navBarContainerLeft .homeBox{padding-left:10px}.videoContainer .navBarContainerLeft .left,.videoContainer .navBarContainerLeft .right{border:1px solid #ece9e9;padding:4px 11px;border-radius:14px;display:flex;align-items:center}.videoContainer .mySwiper{width:100%;height:100vh}.videoContainer .mySwiper .swiperItem{height:100vh;position:relative}.videoContainer .mySwiper .swiperItem video{width:100vw;height:100vh;touch-action:none;z-index:-1}.videoContainer .mySwiper .swiperItem video::-webkit-media-controls{display:none!important}.videoContainer .mySwiper .swiperItem .play-box{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-20px,-20px);z-index:99}.videoContainer .mySwiper .swiperItem .play-box img{width:40px;height:40px}.videoContainer .mySwiper .swiperItem .bottom-box{width:100%;position:absolute;bottom:2%;left:0;color:#fff;text-align:left;padding:0 14px 24px 14px;z-index:99;box-sizing:border-box}.videoContainer .mySwiper .swiperItem .bottom-box .className{font-size:16px;font-weight:500;line-height:22px}.videoContainer .mySwiper .swiperItem .bottom-box .part-Box{font-size:14px;font-weight:400;line-height:20px;margin-top:12px}.videoContainer .mySwiper .swiperItem .van-progress{position:absolute;bottom:2%;left:0;width:100%}.videoContainer .listBox-fullScreen,.videoContainer .listBox-fullScreen .listBox{display:flex;align-items:center;justify-content:space-between}.videoContainer .listBox-fullScreen .listBox{width:32%;background:hsla(0,0%,100%,.15);border-radius:19px;padding:3% 3%;margin-top:15px}.videoContainer .listBox-fullScreen .listBox .left{font-size:15px;line-height:17px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.videoContainer .listBox-fullScreen .listBox .left img{width:16px;height:16px;margin-right:6px;vertical-align:middle}.videoContainer .listBox-fullScreen .listBox .right{width:12px;height:12px}.videoContainer .listBox-fullScreen .full-screen{width:80px;height:40px;background:hsla(0,0%,100%,.15);border-radius:20px;display:flex;align-items:center;justify-content:center}.videoContainer .listBox-fullScreen .full-screen img{width:15px;height:15px;margin-right:6px;vertical-align:middle}.videoContainer .listBox-fullScreen .full-screen span{font-size:15px}.videoContainer .listBoxWrapper{font-size:1rem;width:100%;max-height:45vh;min-height:30vh;overflow-y:scroll;background:#313131;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;color:#aaa;padding-bottom:8%;padding-top:1%}.videoContainer .listBoxWrapper .top-box{font-size:.95rem;font-weight:400;padding:3% 0 2%;text-align:center;position:relative}.videoContainer .listBoxWrapper .top-box span{position:absolute;left:4%;top:20%}.videoContainer .listBoxWrapper .top-box img{width:1.3rem;height:1.3rem;position:absolute;right:3%;top:20%}.videoContainer .listBoxWrapper .list-box{padding-top:3%}.videoContainer .listBoxWrapper .list-box .listItem{display:flex;justify-content:space-between;align-items:center;padding:2% 4%;font-size:1rem}.videoContainer .listBoxWrapper .list-box .listItem .left{max-width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.videoContainer .listBoxWrapper .list-box .listItem .right{width:27%;flex-shrink:0;box-sizing:border-box;text-align:right;display:flex;align-items:center;justify-content:flex-end}.videoContainer .listBoxWrapper .list-box .listItem .isFree{font-size:.8rem;color:#ff3b57}.videoContainer .listBoxWrapper .list-box .listItem .playImg{width:16px;height:16px}.videoContainer .listBoxWrapper .list-box .listItem .lockImg{width:14px;height:14px}.videoContainer .listBoxWrapper .list-box .listItem .rightArrow{width:12px;height:12px;margin-left:2%}.videoContainer .mypopup{width:100vw;height:100vh}.videoContainer .mypopup .con{width:100%;height:100%;position:relative}.videoContainer .mypopup .con .con-cen{width:100%;position:absolute;top:45%;left:0;transform:translateY(-64px)}.videoContainer .mypopup .con .con-cen .gesture-bg{width:128px;height:210px}.videoContainer .mypopup .con .con-cen .gesture{width:40px;height:38px;position:absolute;top:calc(50% - 38px);left:50%;-webkit-animation:gestureMove 3s infinite;animation:gestureMove 3s infinite}.videoContainer .mypopup .con .con-btm{width:100%;position:absolute;bottom:calc(2% + 24px);left:14px;text-align:left}.videoContainer .mypopup .con .con-btm .all{width:206px;height:98px;margin-bottom:-5%}.videoContainer .mypopup .con .con-btm .listBox{background-color:#fff;margin-top:0}.videoContainer .mypopup .con .con-btm .listBox .left{color:#333;display:flex;align-items:center}.videoContainer .mypopup .con .con-btm .listBox .right{width:5px;height:5px;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg)}@-webkit-keyframes gestureMove{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes gestureMove{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}