[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body{padding:32px 24px}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .video-wrapper{width:100%;height:479px;position:relative;background:#000}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .video-wrapper video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .video-wrapper .center-play-controller{width:80px;height:80px;background:rgba(0,0,0,.5);border:1px solid #fff;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .video-wrapper .center-play-controller .iconfont{color:#fff;font-size:28px}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .video-controller{padding:0 16px;width:100%;position:absolute;bottom:4px;z-index:1}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .top-controller{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:-8px}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .top-controller .time-info{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:8px;color:#fff}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .top-controller .iconfont{font-size:20px;color:#fff}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .volume-tool{position:relative;width:32px;text-align:center}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .volume-show{position:relative}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .volume-show:after{content:"";position:absolute;width:32px;height:108px;background:rgba(0,0,0,.3);border-radius:16px;left:0;bottom:0;z-index:-1}[data-v-f57667d6] .video-preview-modal .ivu-modal .ivu-modal-body .ivu-slider-wrap{background:rgba(175,185,204,.5)}.volume-slider-wrapper[data-v-f57667d6]{position:absolute;z-index:99;bottom:26px;left:50%;width:36px;text-align:center;border-radius:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:transparent;-webkit-box-shadow:none;box-shadow:none}.volume-slider-wrapper[data-v-f57667d6] .vue-slider-rail{background:hsla(0,0%,100%,.5)}.volume-slider-wrapper[data-v-f57667d6] .vue-slider-dot{width:10px!important;height:10px!important}.volume-slider-wrapper[data-v-f57667d6] .vue-slider-dot-handle{background:#fff;border-color:#fff}.volume-slider-wrapper[data-v-f57667d6] .vue-slider-process{background:#fff}.volume-slider-wrapper[data-v-f57667d6] .vue-slider-dot-tooltip{display:none}.volume-slider-wrapper[data-v-f57667d6] .vue-slider-dot-handle:after{background:#fff;opacity:.38}