.video_preview_container{display:flex;justify-content:space-around}.video_preview_container .flex-left{width:300px}.video_preview_container .flex-right{width:300px;height:533px}.video_preview_container .video-render{width:300px;height:533px;position:relative;display:flex;align-items:center}.video_preview_container .rang-mask{background-color:#000;width:300px;height:90px;position:absolute;bottom:0;opacity:.2}.video_preview_container .range-box{width:100%;padding:0 20px 0 20px;position:absolute;bottom:8px}.video_preview_container .range-box .ant-progress{width:100%}.video_preview_container .range-box .ant-slider:hover .ant-slider-track{background-color:#fff}.video_preview_container .range-box .ant-slider:hover .ant-slider-rail{background-color:#c4c1c1}.video_preview_container .range-box .ant-slider-handle{opacity:0;border:none;width:12px;height:12px;margin-top:-4px;transition:border-color .3s,box-shadow .6s,transform .3s cubic-bezier(.18,.89,.32,1.28)}.video_preview_container .range-box .ant-slider:hover .ant-slider-handle{opacity:1}.video_preview_container .range-box .ant-slider-rail{background-color:#c4c1c1}.video_preview_container .range-box .ant-slider-track{background-color:#fff}.video_preview_container .range-box .ant-progress-bg{height:5px}.video_preview_container .range-box .range{width:100%;margin-bottom:15px;-webkit-appearance:none;border-radius:4px;background:-webkit-linear-gradient(left,red,#ff0) no-repeat,#ddd;outline:none;cursor:pointer;background-size:0 100%}.video_preview_container .range-box input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:.3rem;width:.5rem;background:#fff;border-radius:50%;border:1px solid #ddd}.video_preview_container .range-box .icon-expand,.video_preview_container .range-box .icon-pause,.video_preview_container .range-box .icon-play{font-size:1rem;color:#fff;cursor:pointer}.video_preview_container .range-box .hover-box{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;border-radius:2rem}.video_preview_container .range-box .hover-box:hover,.video_preview_container .range-box .large-hover-box{transition:all .3s ease-in-out;background-color:#383737}.video_preview_container .range-box .large-hover-box{width:6rem;height:2rem;border-radius:2rem;display:flex;justify-content:space-between;align-items:center;padding:0 5px;margin-right:30px}.video_preview_container .range-box .large-hover-box .ant-slider{flex:1}.video_preview_container .range-box .icons-box{display:flex;justify-content:space-between}.video_preview_container .range-box .icons-box .icons-right{display:flex;align-items:center}.video_preview_container .range-box .icon-audio-box{margin-right:30px;width:6rem;height:2rem;border-radius:2rem;display:flex;justify-content:flex-end;align-items:center;padding:0 5px}.video_preview_container .suk-link-ul{margin:0;padding:0;padding:8px 0;list-style-type:none;width:110px;border:1px solid #dee0e3;background:#fff;box-shadow:0 4px 8px rgba(31,35,41,.1);border-radius:4px}.video_preview_container .suk-link-ul li{display:flex;width:100%;height:32px;cursor:pointer;text-align:center;line-height:32px;color:#bfbfbf}.video_preview_container .suk-link-ul li:hover{color:#1f2329;background:rgba(31,35,41,.08)}.video_preview_container .active-item{background:#48588f!important;color:#fff!important}.video_preview_container .current-item{display:none}.video_preview_container .active-img{margin-left:8px;width:18px;display:block!important}.reload-button{background:transparent;border:none;padding:4px;cursor:pointer;width:30px;height:30px;box-sizing:border-box;border-radius:4px}.reload-button:hover{background:#e6e6e6}.ant-input{border-radius:4px}.ant-btn,.ant-input-affix-wrapper,.ant-select-selector{border-radius:4px!important}.tip{color:#9e9e9e}.breadcrumb-enter-active,.breadcrumb-leave-active{transition:all .5s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(20px)}.breadcrumb-leave-active{position:absolute}.fade-enter-active,.fade-leave-active{transition:opacity .28s}.fade-enter,.fade-leave-active{opacity:0}.fade-transform-enter-active,.fade-transform-leave-active{transition:all .5s}.fade-transform-enter-from{opacity:0;transform:translateX(-30px)}.fade-transform-leave-to{opacity:0;transform:translateX(30px)}.zoom-fade-enter-active,.zoom-fade-leave-active{transition:transform .35s,opacity .28s ease-in-out}.zoom-fade-enter-from{opacity:0;transform:scale(.97)}.zoom-fade-leave-to{opacity:0;transform:scale(1.03)}::-webkit-scrollbar-track-piece{background-color:#f8f8f8;border-radius:2em}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:2em;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#bbb}a:hover{text-decoration:none}.marginT10{margin-top:10px}.marginT20{margin-top:20px}.marginT40{margin-top:40px}.marginB10{margin-bottom:10px!important}.marginB20{margin-bottom:20px}.marginB40{margin-bottom:40px}.marginT0{margin-top:0!important}.marginL0{margin-left:0!important}.marginL10{margin-left:10px}.marginL20{margin-left:20px}.marginR0{margin-right:0!important}.marginR10{margin-right:10px}.marginR20{margin-right:20px}.paddingL10{padding-left:10px}.paddingL20{padding-left:20px}.paddingL30{padding-left:30px}.paddingL40{padding-left:40px}.paddingR10{padding-right:10px}.paddingR20{padding-right:20px}.paddingR30{padding-right:30px}.paddingR40{padding-right:40px}.paddingT5{padding-top:5px}.paddingT10{padding-top:10px}.paddingT20{padding-top:20px}.paddingB10{padding-bottom:10px}.paddingB20{padding-bottom:20px}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.pull-left{float:left}.pull-right{float:right}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.text-center{text-align:center!important}.ellipsis{width:100%!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.display-flex{display:flex}.flex-1{flex:1}.flex-row{-moz-flex-direction:row;-o-flex-direction:row;flex-direction:row}.flex-column{-moz-flex-direction:column;-o-flex-direction:column;flex-direction:column}.justify-content-center{-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.justify-content-between,.justify-content-space-between{-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}.justify-content-between-i{-moz-justify-content:space-between!important;-ms-justify-content:space-between!important;-o-justify-content:space-between!important;justify-content:space-between!important}.justify-content-around{-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;justify-content:space-around}.align-items-center{-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.flex-wrap{-o-flex-wrap:wrap;flex-wrap:wrap}.template-add-form .action-btns{padding:20px}.template-add-form .success-tip{margin-top:10px;border-radius:4px}.template-add-form .success-tip svg{color:green;font-weight:500;margin-right:5px}.template-add-form .success-tip .ant-btn{padding-left:0;color:green}.template-add-form .erro-tip{margin-top:10px;border-radius:4px}.template-add-form .erro-tip svg{color:red;font-weight:500;margin-right:5px}.template-add-form .erro-tip .ant-btn{padding-left:0;color:red}.list-box{padding:30px 0}.select-box{display:flex;justify-content:space-between}:global(.select-box .ant-form-item .ant-select,.ant-form-item .ant-cascader-picker){margin-right:10px!important}.textAlign{text-align:center;margin-bottom:0}.redText{color:red}.greenText{color:green}.active{color:#435893;cursor:pointer}.justify-center{width:100%;display:flex;align-items:center;justify-content:center;margin-top:40px}.second-part-content{margin-top:40px}.form-container{border-bottom:2px dashed #eee;padding:30px 0}