.video-player[data-v-3121ec9d]{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.box-contain[data-v-3121ec9d]{transition:all .3s;transition-timing-function:ease-in-out;transform:scale(.6);opacity:0;border-radius:18px;background:#252628}@media screen and (min-width: 325px) and (max-width: 500px){.box-contain[data-v-3121ec9d]{width:95%;height:260px}}@media screen and (min-width: 501px){.box-contain[data-v-3121ec9d]{width:1200px;height:660px}}@media screen and (min-width: 1700px){.box-contain[data-v-3121ec9d]{width:1600px;height:880px}}.model-show[data-v-3121ec9d]{opacity:1;transform:scale(1)}.model-hidden[data-v-3121ec9d]{transform:scale(.6);opacity:0}.close[data-v-3121ec9d]{position:absolute;right:12px;top:14px}@media screen and (min-width: 325px) and (max-width: 500px){.close[data-v-3121ec9d]{right:8px;top:4px}}.video-box[data-v-3121ec9d]{width:100%;height:100%;border-radius:20px;overflow:hidden;background-color:#252628}@media screen and (min-width: 325px) and (max-width: 500px){.video-box[data-v-3121ec9d]{border-radius:8px}}.video-box[data-v-3121ec9d] .video-js{background-color:#0000}.video-box[data-v-3121ec9d] .video-js div,.video-box[data-v-3121ec9d] .video-js p,.video-box[data-v-3121ec9d] .video-js li,.video-box[data-v-3121ec9d] .video-js b,.video-box[data-v-3121ec9d] .video-js span,.video-box[data-v-3121ec9d] .video-js a,.video-box[data-v-3121ec9d] .video-js em,.video-box[data-v-3121ec9d] .video-js input,.video-box[data-v-3121ec9d] .video-js textarea,.video-box[data-v-3121ec9d] .video-js i{font-size:15px}.video-box[data-v-3121ec9d] .vjs-big-play-button{width:50px;height:50px;border-radius:25px;border:none;background-image:url(/imgs/play.png);background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}.video-box[data-v-3121ec9d] .vjs-big-play-button .vjs-icon-placeholder:before{content:""}.video-box .image-video[data-v-3121ec9d]{width:100%;height:100%}.video-box .image-video[data-v-3121ec9d] .vjs-control-bar{font-size:15px;background-color:#24242499}.video-box .image-video[data-v-3121ec9d] .vjs-control-bar .vjs-control-text{font-size:15px}.user-info[data-v-3121ec9d]{position:absolute;left:50px;bottom:70px;background-color:#202020;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:all .3s;cursor:pointer;max-height:0;overflow:hidden}.user-info .user-head[data-v-3121ec9d]{padding:14px 18px;display:flex;align-items:center;justify-content:center}.user-info .user-head[data-v-3121ec9d]:hover{background-color:#ffffff0f}.user-info.show[data-v-3121ec9d]{opacity:1;max-height:102px}.user-info .avatar[data-v-3121ec9d]{width:74px;height:74px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:contain}.user-info .user-list[data-v-3121ec9d]{margin-left:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:start}.user-info .user-list h4[data-v-3121ec9d]{margin:0;font-size:18px;font-weight:500;line-height:18px;text-align:left;color:#fff}.user-info .user-list span[data-v-3121ec9d]{color:#fff9;margin-top:10px}.img-box[data-v-3121ec9d]{height:102px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 18px}.img-box .badge[data-v-3121ec9d]{height:68px;position:relative}.img-box[data-v-3121ec9d]:hover{background-color:#ffffff0f}@media screen and (min-width: 325px) and (max-width: 500px){.img-box[data-v-3121ec9d]{height:auto;padding:0 4px;position:relative}.img-box .badge[data-v-3121ec9d]{height:36px}.user-info[data-v-3121ec9d]{left:8px;bottom:48px;height:0px;overflow:hidden}.user-info.show[data-v-3121ec9d]{opacity:1;height:auto}.user-info .avatar[data-v-3121ec9d]{width:30px;height:30px;flex-shrink:0}.user-info .user-head[data-v-3121ec9d]{padding:7px 2px 7px 8px;display:flex;align-items:center;justify-content:center;max-width:200px}.user-info .user-head[data-v-3121ec9d]:hover{background-color:#ffffff0f}.user-info .user-list[data-v-3121ec9d]{margin-left:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:start;transform:translateY(1px)}.user-info .user-list h4[data-v-3121ec9d]{margin:0;font-size:12px;font-weight:500;line-height:12px;text-align:left;color:#fff;word-break:break-all}.user-info .user-list span[data-v-3121ec9d]{color:#fff9;font-size:12px;transform:scale(.9);transform-origin:left center;margin-top:1px;line-height:12px}}