.resource-container{width:100%}.resource-container .container{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;width:100%;height:100%}.resource-container .el-scrollbar__view{width:100%;height:100%}.resource-container .tip-container{display:flex;justify-content:center;align-items:center;width:100%}.resource-container .resource-item{flex:0 0 calc(20% - 4px);margin:2px;height:calc(33.3% - 4px);cursor:pointer;position:relative}@media screen and (max-width:1300px){.resource-container .resource-item{flex:0 0 calc(25% - 8px);height:calc(37% - 4px)}}@media screen and (max-width:1100px){.resource-container .resource-item{flex:0 0 calc(33% - 8px)}}@media screen and (max-width:992px){.resource-container .resource-item{flex:0 0 calc(50% - 8px)}}.resource-container .resource-item:hover .resource-thumbnail:after{content:" ";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;z-index:1;left:0;pointer-events:none}.resource-container .resource-item:hover .resource-action{background:transparent;z-index:5}.resource-container .resource-action{background:rgba(0,0,0,.5);position:absolute;width:100%;height:30px;bottom:0;margin:auto;display:flex;justify-content:space-around;align-items:center;color:#fff}.resource-container .resource-action .file-name{text-overflow:clip;overflow:hidden;white-space:nowrap}.resource-container .resource-item.check:before{content:"\e6da";position:absolute;font-family:element-icons;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;font-size:44px;display:flex;align-items:center;justify-content:center;bottom:0;left:0;z-index:1}.resource-container .resource-item.check .resource-action{z-index:2;background:transparent}.resource-container .resource-thumbnail{width:100%;height:100%;position:absolute;bottom:0}.resource-container .image-slot{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ellipsis[data-v-d0d7a920]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-container[data-v-d0d7a920]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.tip-text[data-v-d0d7a920]{color:grey;text-align:center}.group-list-scroll[data-v-d0d7a920]{width:100%;height:calc(100% - 82px)}.group-action[data-v-d0d7a920]{border-bottom:1px solid #e6e6e6;padding-left:5px;padding-right:0;width:calc(100% - 6px);border-right:1px solid #e6e6e6;background:#fff}.group-item-first[data-v-d0d7a920]{justify-content:center;display:flex;align-items:center;cursor:pointer;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6}.group-action[data-v-d0d7a920],.group-item-first[data-v-d0d7a920]{height:40px}.group-item.open[data-v-d0d7a920]{background:#fff}.group-container[data-v-d0d7a920]{display:flex;flex-direction:column}.group-list:hover .group-item.open[data-v-d0d7a920]{background:transparent}.btn-icon[data-v-d0d7a920]{border-radius:20px;width:20px;height:20px;background:#db1527;color:#fff;line-height:20px;margin-right:2px}.btn-icon.el-icon-check[data-v-d0d7a920],.btn-icon.el-icon-delete[data-v-d0d7a920]{background:red}.group-name[data-v-d0d7a920]{display:flex;flex-direction:row;justify-content:space-between;width:calc(100% - 30px);align-items:center;font-size:12px}.group-list[data-v-d0d7a920]{margin:0;list-style-type:none;padding-left:0}.group-list .group-item[data-v-d0d7a920]{display:flex;justify-content:flex-start;padding:10px 5px;cursor:pointer;width:calc(100% - 26px);padding-left:20px;align-items:center}.group-list .group-item.open[data-v-d0d7a920]{background:#fff}.group-list .group-item[data-v-d0d7a920]:hover{background:#fff!important}.group-list .loadingTip[data-v-d0d7a920]{color:grey;text-align:center}.group-action-panel[data-v-d0d7a920]{display:flex;flex-direction:row}.group-action-panel .group-ico[data-v-d0d7a920]{width:20px}.mobile .group-action[data-v-d0d7a920]{border-right:0;border-left:0;justify-content:space-between;display:flex;align-items:center;width:calc(100% - 5px)}.mobile .group-action div[data-v-d0d7a920]{width:calc(100% - 10px);text-align:center;font-size:12px}.mobile .group-action div[data-v-d0d7a920]:first-child{width:calc(100% - 50px)}.el-drawer__open .group-list-scroll[data-v-d0d7a920]{width:100%;height:90vh;background:#f8f8f8}.el-drawer__open .group-item[data-v-d0d7a920]{padding:20px 5px;width:calc(100% - 10px)}.el-drawer__open .group-ico[data-v-d0d7a920]{width:40px;padding-left:10px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-search-container{height:100%;display:flex;justify-content:center;align-items:center;padding:0 5px}.material-footer{padding:20px 0;display:flex;justify-content:center}.material-panel{background:#fff;border-radius:7px}@media screen and (max-width:992px){.material-panel{border-radius:0}}.material-container{height:50vh;margin:10px 0;width:100%}@media screen and (max-width:992px){.material-container{height:80vh}}.material-container .input-container{width:270px;padding-right:10px}@media screen and (max-width:992px){.material-container .input-container{width:calc(100% - 10px)}}.material-container .input-container .search-files-input{width:100%}.material-container .material-top{height:70px;display:flex;justify-content:flex-end;align-items:center;width:calc(100% - 40px);flex-direction:row;padding:0 20px}.material-container .material-top .upload-demo{padding:0 5px}.material-container .material-bottom{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;height:calc(100% - 80px);width:100%;display:flex}@media screen and (max-width:675px){.material-container .material-bottom{flex-direction:column}}.material-container .material-bottom .group-container{background:#f8f8f8;width:180px;height:calc(100% - 2px);display:flex}@media screen and (max-width:675px){.material-container .material-bottom .group-container{flex-direction:column;width:100%;height:40px}}.material-container .material-bottom .resource-container{width:calc(100% - 190px);height:calc(100% - 10px);padding:5px}@media screen and (max-width:675px){.material-container .material-bottom .resource-container{width:100%}}