.main-wrap[data-v-aa2d72be]{display:-webkit-box;display:-ms-flexbox;display:flex}.folder-container[data-v-aa2d72be]{position:relative;background:#fff;border-radius:4px;border:1px solid #e8eaec;min-height:500px;width:200px;overflow:auto;margin-right:10px}.folder-container .title[data-v-aa2d72be]{padding:16px;font-size:20px;font-weight:600;color:#17233d;border-bottom:1px solid #e8eaec}.folder-container .item[data-v-aa2d72be]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 16px;margin-bottom:8px;cursor:pointer}.folder-container .item .icon[data-v-aa2d72be]{font-size:20px;color:#2d8cf0;margin-right:5px}.folder-container .item .text[data-v-aa2d72be]{-webkit-box-flex:1;-ms-flex:1;flex:1}.folder-container .item[data-v-aa2d72be]:hover{color:#2d8cf0;background:#f0faff}.folder-container .item.active[data-v-aa2d72be]{color:#fff;background:#5cadff}.folder-container .item.active .icon[data-v-aa2d72be]{color:#fff}.right-container[data-v-aa2d72be]{-webkit-box-flex:1;-ms-flex:1;flex:1}.table-img[data-v-aa2d72be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.table-img .pic[data-v-aa2d72be]{width:68px;height:48px;margin:5px 10px 5px 0}.table-img .name[data-v-aa2d72be]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-ct[data-v-aa2d72be]{display:inline-block}.preview-ct[data-v-37bd7739]{display:inline-block;width:480px;height:270px;background-color:#f8f8f9;border:1px solid #dcdee2;background-size:100%;background-position:50%;background-repeat:no-repeat}.preview-ct img[data-v-37bd7739]{width:100%;height:272px}.image-right[data-v-37bd7739]{display:inline-block;vertical-align:top;margin-left:30px}.theme-list[data-v-37bd7739]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.theme-list li[data-v-37bd7739]{position:relative;overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 8px 8px 0}.theme-list li img[data-v-37bd7739]{display:block;width:225px;height:76.8px}.theme-list li .title[data-v-37bd7739]{text-align:center}.theme-list li .mark[data-v-37bd7739]{display:none;position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.theme-list li .mark i[data-v-37bd7739]{color:#fff;font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.theme-list li.active[data-v-37bd7739]{border-color:#37f;color:#37f}.theme-list li.active .mark[data-v-37bd7739]{display:block}