.gutter-example[data-v-dd0c4288] .ant-row>div{background:transparent;border:0}[data-v-dd0c4288] .ant-col{height:calc(100% - 24px)}.gutter-box[data-v-dd0c4288]{background:#00a0e9;padding:5px 0}.video-list[data-v-dd0c4288]{height:100%}.video-list .name[data-v-dd0c4288]{position:absolute;z-index:9;color:#fff;padding:.6em;font-size:.9em;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background:rgba(0,0,0,.4);margin:0}.video-list .gutter-row h4[data-v-dd0c4288]{font-size:18px;margin-top:5px;height:50px}.video-list .gutter-row .body[data-v-dd0c4288]{padding:10px;background:#fafafa;border-radius:0 0 8px 8px;-webkit-box-shadow:0 2px 7px rgba(213,212,212,.67);box-shadow:0 2px 7px rgba(213,212,212,.67)}.video-list .gutter-row .body h4[data-v-dd0c4288]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;margin:0 -10px 10px -10px;border-bottom:1px solid #eaebed;padding:0 10px 10px 10px}.video-list .gutter-row .body h4 span[data-v-dd0c4288]{color:#5c636c;font-size:14px}.video-list .gutter-row .body p[data-v-dd0c4288]{color:#5c636c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-list .img[data-v-dd0c4288]{width:100%;min-height:224px}.video-list .img img[data-v-dd0c4288]{width:100%}.video-list[data-v-dd0c4288] .ant-col-6{margin-bottom:20px}.video-list[data-v-dd0c4288] .video-player{border-radius:0;overflow:hidden;background-color:#fff;width:100%;height:100%}.video-list[data-v-dd0c4288] .vjs-custom-skin>.video-js{width:100%;height:100%}.video-list[data-v-dd0c4288] .video-js .vjs-tech{-o-object-fit:contain;object-fit:contain}.video-list[data-v-dd0c4288] .vjs-custom-skin>.video-js .vjs-big-play-button{height:50px!important;width:50px!important;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%!important;line-height:50px!important;margin:0!important}.video-list[data-v-dd0c4288] .vjs-custom-skin>.video-js .vjs-control{width:2em}.video-list[data-v-dd0c4288] .video-js .vjs-mute-control{cursor:pointer;-webkit-box-flex:0;-ms-flex:none;flex:none;padding-left:1em;padding-right:1em;padding-bottom:1em}.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:7em;-webkit-transition:width .1s;transition:width .1s}.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-list[data-v-dd0c4288] .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}[data-v-dd0c4288] .video-js .vjs-big-play-button{background-color:rgba(43,51,63,.3)}.up-btn[data-v-e3e728f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border:1px dashed #e0e1e4;border-radius:4px;cursor:pointer}.up-btn i[data-v-e3e728f2],.up-btn span[data-v-e3e728f2]{font-size:30px;color:#1c4f99}.up-btn i[data-v-e3e728f2]{font-size:18px;margin-right:4px}.up-btn img[data-v-e3e728f2]{width:100%;height:100%;-o-object-fit:none;object-fit:none}.set-lang[data-v-e3e728f2]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.set-lang .text-set .item[data-v-e3e728f2]{line-height:1.8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.set-lang .text-set .item img[data-v-e3e728f2]{width:30px;height:30px;margin-right:2px;border-radius:2px}.set-lang .text-set.flex-start .item[data-v-e3e728f2]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[data-v-e3e728f2] .ant-upload-list-picture-card .ant-upload-list-item{border-radius:4px;border:1px dashed #e0e1e4}[data-v-e3e728f2] .ant-upload-list-picture-card-container{width:60px;height:60px}[data-v-e3e728f2] .ant-upload-list-picture-card .ant-upload-list-item{padding:0;width:60px;height:60px}[data-v-e3e728f2] .ant-upload.ant-upload-select-picture-card{width:60px;height:60px;border:0}[data-v-e3e728f2] .ant-upload.ant-upload-select-picture-card>.ant-upload{padding:0}[data-v-e3e728f2] .video-list{width:800px;height:800px!important}[data-v-e3e728f2] .video-list .ant-col{height:100%!important}[data-v-e3e728f2] .video-js{padding:0}[data-v-e3e728f2] .ant-modal-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}[data-v-e3e728f2] .ant-modal-close-x{width:38px;height:38px;color:#fff;background:rgba(0,0,0,.6);border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:10px;padding:0}.upload-video[data-v-e3e728f2] .ant-upload,[data-v-e3e728f2] .ant-modal-close-x{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.upload-video .video-item[data-v-e3e728f2]{width:60px;height:60px;margin-right:10px;position:relative}.upload-video .video-item>span[data-v-e3e728f2]{position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;background:rgba(0,0,0,.5);opacity:0;-webkit-transition:all .3s;transition:all .3s}.upload-video .video-item>span i[data-v-e3e728f2]{color:#fff;cursor:pointer;font-size:16px;opacity:.8;margin:0 4px}.upload-video .video-item:hover span[data-v-e3e728f2]{opacity:1}.upload-video .video-item .video-list[data-v-e3e728f2]{width:60px;height:60px!important}.upload-video .video-item[data-v-e3e728f2] .video-list .vjs-custom-skin>.video-js .vjs-big-play-button{display:none}.upload-video .up-btn[data-v-e3e728f2]{width:60px;height:60px;-ms-flex-negative:0;flex-shrink:0}.upload-video[data-v-e3e728f2] .ant-upload-list{display:none}.languge-select[data-v-e3e728f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px}.languge-select>span[data-v-e3e728f2]{-ms-flex-negative:0;flex-shrink:0}.languge-select[data-v-e3e728f2] .ant-select{width:120px}