.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}.vdr{-ms-touch-action:none;touch-action:none;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid hsla(0,0%,100%,.3)}.vdr.active{border:1px solid #fff;cursor:move}.handle{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}