.save-category-sub-dialog{border-radius:20px}.crop-container[data-v-fdefbaa0]{display:-webkit-box;display:-ms-flexbox;display:flex;height:400px;gap:20px}.crop-area[data-v-fdefbaa0]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #e4e7ed;border-radius:4px;overflow:hidden}.preview-area[data-v-fdefbaa0]{width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview-title[data-v-fdefbaa0]{text-align:center;margin-bottom:10px;font-weight:700;color:#606266}.preview-container[data-v-fdefbaa0]{-webkit-box-flex:1;-ms-flex:1;flex:1;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;border:1px solid #e4e7ed;border-radius:4px;background:#f5f7fa}.move-mode-switch[data-v-fdefbaa0]{margin-top:15px;padding:10px;border:1px solid #e4e7ed;border-radius:4px;background:#f8f9fa}.switch-title[data-v-fdefbaa0]{font-size:12px;color:#606266;margin-bottom:8px;text-align:center;font-weight:500}.crop-actions[data-v-fdefbaa0]{margin-top:20px;text-align:right}.ml-upload-image{position:relative}.ml-upload-image .el-upload,.ml-upload-image .el-upload-dragger{width:100%!important;height:100%!important}.ml-upload-image .el-upload-dragger{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}.ml-upload-image .preview-img{max-width:100%;max-height:100%;vertical-align:middle}.ml-upload-image .action_mark{position:absolute;width:100%;height:50px;background:#111;opacity:1;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;cursor:pointer;border-radius:4px}.ml-upload-image .action_mark .action-btn{color:#fff;cursor:pointer;font-size:14px;padding:1px 16px;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.ml-upload-image .action_mark .action-btn:hover{background:hsla(0,0%,100%,.2)}.ml-upload-image .action_mark .crop-btn{background:#409eff}.ml-upload-image .action_mark .crop-btn:hover{background:#66b1ff}.ml-upload-image .action_mark .delete-btn{background:#f56c6c}.ml-upload-image .action_mark .delete-btn:hover{background:#f78989}.ml-upload-images[data-v-23d5b18a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ml-upload-images .ml-upload-image+.ml-upload-image[data-v-23d5b18a]{margin-left:12px}.popular-case-save-container{display:inline}.popular-case-save-drawer{width:1000px!important}.popular-case-save-drawer .el-drawer__title{border-top-left-radius:10px!important}.popular-case-save-drawer .el-drawer__header{font-size:16px!important;color:#333!important;font-weight:700;text-align:center}.popular-case-save-drawer .el-drawer__body{border-bottom-left-radius:10px!important;padding:0 20px}.popular-case-save-drawer .footer{position:absolute;width:100%;bottom:0;right:0;height:66px;opacity:1;background:#fff;-webkit-box-shadow:0 -3px 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 -3px 6px 0 rgba(0,0,0,.04),0 2px 4px 0 rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:99}.popular-case-save-drawer .el-form{display:grid;grid-template-columns:repeat(2,calc(50% - 10px));grid-column-gap:20px}.popular-case-save-drawer .el-form .form-item-all-line{grid-column-start:1;grid-column-end:3}.popular-case-save-drawer .el-form .el-radio-group{width:100%}.popular-case-save-drawer .el-form .el-radio-group .el-radio-button{width:50%}.popular-case-save-drawer .el-form .el-radio-group .el-radio-button span{width:100%}.popular-case-save-drawer .ml-upload-image{position:relative;width:140px;height:205px}.popular-case-save-drawer .ml-upload-image__outer .el-form-item__content{display:-webkit-box;display:-ms-flexbox;display:flex}.popular-case-save-drawer .ml-upload-image .placeholder{position:absolute;width:100%;top:-14px;text-align:center;line-height:18px;display:block;opacity:1;border-radius:6px 6px 0 0;background-color:#ff5a91;padding:4px 0;color:#fff}.popular-case-save-drawer .ml-upload-image .image-upload-btn{border:1px dashed #d7dbe0;border-radius:9px;background-color:#f7f8fa;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popular-case-save-drawer .ml-upload-image .upload-content{width:100%;cursor:pointer;position:absolute;-webkit-transform:translateY(-18px);transform:translateY(-18px);text-align:center}.popular-case-save-drawer .ml-upload-image .upload-content i{font-size:50px;color:#ccc}.popular-case-save-drawer .ml-upload-image .upload-text{font-size:12px;line-height:1;color:#666;text-align:center;margin:12px 0 0}.popular-case-save-drawer .el-autocomplete,.popular-case-save-drawer .el-date-editor,.popular-case-save-drawer .el-input,.popular-case-save-drawer .el-select{width:100%}.popular-case-save-drawer .select-category{width:calc(100% - 46px);margin-right:10px}.year-select-container{width:100%}.year-select-container .el-button{width:33.33333%}.year-select-container .date-out .date-picker{width:40px}.year-select-container .date-out .date-picker .el-input__inner{background:transparent;color:#fff;border:unset;height:10px!important;padding-left:0;padding-right:0;cursor:pointer;caret-color:transparent}.year-select-container .date-out .date-picker .el-input__prefix{display:none}.upload-popular-container{font-family:FjallaOne-Regular,DINPro Medium,sans-serif!important}@font-face{.upload-popular-container{font-family:FjallaOne-Regular;src:url(../fonts/FjallaOne-Regular.a92ec201.ttf)}}.upload-popular-container .dialog-preview .el-drawer__body{padding:10px 20px 20px 20px;overflow-y:hidden}.upload-popular-container .dialog-preview .el-drawer__header{margin-bottom:18px!important}.upload-popular-container .dialog-preview .el-drawer__header>:first-child{text-align:center!important;font-weight:700;font-size:14px}.upload-popular-container .dialog-preview .drawer-footer{text-align:center;margin-top:18px}.upload-popular-container .dialog-preview .main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:calc(100% - 38px)}.upload-popular-container .dialog-preview .main .left{width:calc(100% - 270px);height:100%}.upload-popular-container .dialog-preview .main .statistic{text-align:center;line-height:1.5}.upload-popular-container .dialog-preview .main .statistic span{font-size:18px;font-weight:700}.upload-popular-container .dialog-preview .main .statistic .success{color:#006400}.upload-popular-container .dialog-preview .main .statistic .fail{color:#fe2d54}.upload-popular-container .dialog-preview .main .line{height:10px;border-radius:10px 10px 0 0;background:#ff3176}.upload-popular-container .dialog-preview .main .right{width:250px;margin-left:20px;height:100%;overflow-y:hidden}.upload-popular-container .dialog-preview .main .right .content{border:1px solid #ebeef5;padding:8px;text-align:left;height:calc(100% - 27px)}.upload-popular-container .dialog-preview .main .right .content .error{height:calc(100% - 42px);overflow-y:auto}.upload-popular-container .dialog-preview .main .right .content .title{font-size:12px}.upload-popular-container .dialog-preview .main .right .content .desc{color:#909399;margin-top:2px}.upload-popular-container .el-drawer{height:80%!important}.KoLPopularCase_main-ape{height:100%}.KoLPopularCase_main-inner .popular-case-container{padding:10px;height:calc(100% - 102px)}.KoLPopularCase_main-inner .popular-case-container .search{display:grid;grid-template-columns:repeat(7,calc(14.28571% - 8.57143px));grid-gap:10px;margin-bottom:20px}.KoLPopularCase_main-inner .popular-case-container .search .el-autocomplete{width:100%}.KoLPopularCase_main-inner .popular-case-container .ml-page-table{height:calc(100% - 82px)}.KoLPopularCase_main-inner .popular-case-container .ml-page-table .default-table{height:calc(100% - 46px)}.KoLPopularCase_main-inner .basic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#333}.KoLPopularCase_main-inner .basic .name{width:calc(100% - 80px)}.KoLPopularCase_main-inner .ml-tag{border-radius:4px;background:rgba(255,49,118,.1);color:#ff3176;padding:4px 12px;font-size:12px}.KoLPopularCase_main-inner .ml-tag+.ml-tag{margin-left:10px}