.demo[data-v-e4c7a8ae]{display:inline-block;width:3.125rem;height:1.760417rem;text-align:center;line-height:.520833rem;border:.005208rem solid transparent;border-radius:.020833rem;overflow:hidden;background:#fff;position:relative;box-shadow:0 .005208rem .005208rem rgba(0,0,0,.2);margin-right:.020833rem}.demo[data-v-e4c7a8ae]:hover{display:block}.my-video .video[data-v-e4c7a8ae]{margin:0 auto;position:relative}.my-video .video video[data-v-e4c7a8ae]{-o-object-fit:fill;object-fit:fill;height:100%}.my-video video[data-v-e4c7a8ae]::-webkit-media-controls{display:none!important}.my-video .cover[data-v-e4c7a8ae]{width:10rem;height:5.625rem;position:absolute;left:0;top:0}.my-video #playStatus[data-v-e4c7a8ae]{width:.375rem;height:.265625rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(../img/play.678f63c3.svg);background-repeat:no-repeat}.my-video .controls[data-v-e4c7a8ae]{width:10rem;height:.333333rem;background-image:linear-gradient(transparent,rgba(0,0,0,.18823529411764706));position:absolute;bottom:0;display:flex;justify-content:space-around}.my-video #contPlayStatus[data-v-e4c7a8ae]{width:.28125rem;height:.1875rem;background-image:url(../img/play32.31c779eb.svg);background-repeat:no-repeat;position:relative;top:.083333rem;background-position-x:center;background-position-y:center}.my-video #currentTime[data-v-e4c7a8ae]{width:.4375rem;height:.333333rem;text-align:center;line-height:.333333rem;font-size:.083333rem;color:#fff}.my-video #progressBar[data-v-e4c7a8ae]{-webkit-appearance:none;width:7.291667rem;height:.026042rem;position:relative;top:.145833rem;background-color:#eee;border-radius:.013021rem}.my-video #progressBar[data-v-e4c7a8ae]::-webkit-slider-thumb{-webkit-appearance:none;width:.0625rem;height:.0625rem;cursor:pointer;background:none repeat scroll 0 0 #fff;border-radius:.03125rem}.my-video #duration[data-v-e4c7a8ae]{width:.4375rem;height:.333333rem;text-align:center;line-height:.333333rem;font-size:.083333rem;color:#fff}.my-video #volume[data-v-e4c7a8ae]{width:.166667rem;height:.166667rem;position:relative;top:.083333rem;background-image:url(../img/volume.a1d2e2a9.svg)}.my-video #volume_box[data-v-e4c7a8ae]{position:relative}.my-video #volumeInput[data-v-e4c7a8ae]{width:.166667rem;height:.625rem;position:absolute;left:0;top:-.520833rem;display:none}.my-video #volumeInputRange[data-v-e4c7a8ae]{transform:rotate(270deg);-webkit-appearance:none;width:.625rem;height:.026042rem;position:absolute;left:-.260417rem;top:.208333rem;background-color:#eee;border-radius:.013021rem}.my-video #volumeInputRange[data-v-e4c7a8ae]::-webkit-slider-thumb{-webkit-appearance:none;width:.0625rem;height:.0625rem;cursor:pointer;background:none repeat scroll 0 0 #fff;border-radius:.03125rem}.my-video #volume:hover+#volumeInput[data-v-e4c7a8ae],.my-video #volumeInput[data-v-e4c7a8ae]:hover{display:block}.my-video #fullScreen[data-v-e4c7a8ae]{width:.28125rem;height:.1875rem;position:relative;top:.083333rem;background-image:url(../img/fullscreen.30dca44c.svg);background-repeat:no-repeat}.my-video .video-player-container[data-v-e4c7a8ae]{width:8.333333rem;height:4.6875rem}.my-video #video1[data-v-e4c7a8ae]{display:flex;justify-content:center;align-items:center}.my-video .vjs-custom-skin>.video-js .vjs-big-play-button{background-image:url(../img/play.678f63c3.svg);border-radius:0!important;background-size:90%;background-position:50%}.my-video .video-js:hover .vjs-big-play-button,.vjs-custom-skin>.video-js .vjs-big-play-button:active,.vjs-custom-skin>.video-js .vjs-big-play-button:focus{background-color:transparent!important}.my-video .video-js .vjs-volume-panel .vjs-volume-control{opacity:1}.my-video .video-js .vjs-volume-panel{width:8.5em!important;order:6}.my-video .video-js .vjs-volume-control.vjs-volume-horizontal{width:5em;order:1}.my-video .vjs-custom-button{width:2em!important;order:9;display:flex;justify-content:center;align-items:center}.my-video .vjs-custom-button .vjs-control-text{clip:auto!important;position:absolute;left:0;top:0;background-color:red;width:100%!important;height:100%!important}.my-video .vjs-custom-button:before{font-size:.083333rem;color:#fff;display:block;width:.520833rem;height:.520833rem}.my-video .video ul{margin:0;padding:0}.my-video .video ul li{list-style:none;padding:.052083rem .15625rem;transition:all .3s linear 0s;cursor:pointer}.my-video .video ul li:hover{background-color:rgba(0,0,0,.2)}.my-video .speed-dropdown ul{height:1.09375rem;overflow-y:auto}.my-video .speed-dropdown .arrow-left{width:.104167rem;display:flex;justify-content:center;align-items:center;margin-right:.052083rem}.my-video .speed-dropdown .label{width:.364583rem;display:flex;justify-content:center;align-items:center;font-size:.09375rem}.my-video .speed-dropdown .icon{width:.15625rem;display:flex;justify-content:center;align-items:center;margin-left:.052083rem}.my-video .custom-dropdown .icon{width:.130208rem;display:flex;justify-content:center;align-items:center;margin-right:.052083rem}.my-video .custom-dropdown .label{font-size:.09375rem;display:flex;justify-content:center;align-items:center}.my-video .fa-cog{display:block;justify-content:center;align-items:center;width:.130208rem;cursor:pointer}@media (max-width:767px){.my-video .video ul li{padding:.2rem .3rem}.my-video .fa-cog{width:1.5em}.my-video .custom-dropdown .label,.my-video .speed-dropdown .label{font-size:.3rem}.my-video .custom-dropdown .icon{width:.3rem;margin-right:.2rem}.my-video .speed-dropdown .label{width:1.3rem}.my-video .speed-dropdown .arrow-left{width:.3rem;margin-right:.2rem}.my-video .speed-dropdown .icon{width:.3rem;margin-left:.2rem}.my-video .speed-dropdown ul{height:3.8rem}}