.COURSEWAREIMAGE[data-v-7ec8d728]{width:100%;height:100%;background-color:#f1f1f0}.COURSEWAREIMAGE .image-container[data-v-7ec8d728]{padding:20px 120px;height:calc(100% - 40px);overflow:auto}.COURSEWAREIMAGE .image-container .image-box[data-v-7ec8d728]{width:100%;height:calc(100% - 50px)}.COURSEWAREIMAGE .image-title[data-v-7ec8d728]{font-size:20px;color:#333;font-family:MontserratSemibold;margin-bottom:20px}.COURSEWAREIMAGE .content_search[data-v-7ec8d728]{display:flex;align-items:center;justify-content:space-between}.COURSEWAREIMAGE .content_search .filter-left[data-v-7ec8d728]{display:flex;align-items:center;width:60%}.COURSEWAREIMAGE .content_search .filter[data-v-7ec8d728]{margin-right:20px}.COURSEWAREIMAGE .content_search .filter[data-v-7ec8d728]:last-child{margin-right:0}.COURSEWAREIMAGE .content_search .filter[data-v-7ec8d728] .searchInput .el-input__inner{border-radius:25px}.COURSEWAREIMAGE .content_search .filter-search[data-v-7ec8d728]{width:40%}.COURSEWAREIMAGE .content_search .add-btn[data-v-7ec8d728]{padding:13px 23px;border-radius:22px;background-color:#2472b3;color:#fff;font-size:12px;font-family:MontserratSemibold;cursor:pointer;transition:all .3s}.COURSEWAREIMAGE .content_search .add-btn[data-v-7ec8d728]:hover{transform:translateY(-2px)}.COURSEWAREIMAGE .category-title[data-v-7ec8d728]{padding:12px 25px;background-color:#fff;color:#333;border-radius:5px;font-family:MontserratMedium;font-size:12px;cursor:pointer;display:flex;align-items:center}.COURSEWAREIMAGE .category-title .el-icon-arrow-down[data-v-7ec8d728]{margin-left:13px;color:#cfcecb;font-size:15px;font-weight:600}.COURSEWAREIMAGE .image-list[data-v-7ec8d728]{margin-top:18px;border-radius:15px;padding:30px;background-color:#fff;height:calc(100% - 120px)}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table{height:calc(100% - 35px);overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table::-webkit-scrollbar{display:none}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__header-wrapper th{color:#333;font-family:MontserratSemibold;font-size:12px}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper td .cell{display:flex;align-items:center;font-size:14px;font-family:MontserratRegular;color:#9e9e9f}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper td:first-child .cell{justify-content:start}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper .title{color:#333;font-size:15px}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper .category{display:flex;align-items:center}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper .category .el-icon-folder-opened{margin-right:4px;font-size:16px}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper .edit-btn{display:flex;align-items:center;cursor:pointer;margin-right:30px;color:#2472b3}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper .edit-btn .edit-icon{width:13px;height:13px;margin-right:7px;display:flex;align-items:center;justify-content:center}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper .edit-btn .edit-icon img{width:100%;height:100%}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper .delete-btn{display:flex;align-items:center;cursor:pointer}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper .delete-btn .delete-icon{display:flex;align-items:center;justify-content:center;margin-right:7px;width:18px;height:18px}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .el-table .el-table__body-wrapper .delete-btn .delete-icon img{width:100%;height:100%}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .image-content{width:100px;height:100px;display:block}.COURSEWAREIMAGE .image-list[data-v-7ec8d728] .image-content img{width:100%;height:100%}.COURSEWAREIMAGE .image-list .pagination-image[data-v-7ec8d728]{margin-top:20px;display:flex;justify-content:flex-end;gap:5px}.category-popper{background-color:#fff;border-radius:6px;padding-top:17px}.category-popper .category-search{padding:0 19px;margin-bottom:20px}.category-popper .category-content{max-height:300px;overflow:auto;padding:0 19px}.category-popper .category-content li{font-family:MontserratMedium;font-size:12px;line-height:35px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.category-popper .category-content li:hover{color:#2472b3}.category-popper .category-content li .el-icon-check{color:#2472b3;font-size:15px;font-weight:600}.category-popper .category-content .activeCate{color:#2472b3}.category-popper .category-bottom{padding:13px 19px;margin-top:20px;color:#9e9e9f;display:flex;align-items:center;font-size:12px;font-family:MontserratMedium;cursor:pointer;line-height:31px;border-top:1px solid #f1f1f0}.category-popper .category-bottom .el-icon-folder{margin-right:5px;font-size:14px}.add-image-dialog{border-radius:30px;padding:35px 50px}.add-image-dialog .el-dialog__header{display:none}.add-image-dialog .add-container{position:relative}.add-image-dialog .add-container .close-btn{position:absolute;top:-85px;right:-50px;width:41px;height:41px;cursor:pointer}.add-image-dialog .add-container .close-btn img{width:100%;height:100%}.add-image-dialog .add-container .add-header{color:#333;font-size:20px;font-family:MontserratSemibold;padding:15px 0;border-bottom:2px solid #f6c752}.add-image-dialog .add-container .add-body{padding:28px 0;display:flex}.add-image-dialog .add-container .add-body .add-item{margin-right:20px}.add-image-dialog .add-container .add-body .add-item:last-child{margin-right:0}.add-image-dialog .add-container .add-body .add-item label{color:#333;font-size:13px;font-family:MontserratMedium}.add-image-dialog .add-container .add-body .add-item .content-line{margin-top:20px}.add-image-dialog .add-container .add-body .add-item .content-line .el-input{width:230px}.add-image-dialog .add-container .add-body .add-item .content-line .el-input .el-input__inner{color:#333;font-size:15px;font-family:MontserratRegular}.add-image-dialog .add-container .add-body .add-item .content-line .img-detail{width:106px;margin-bottom:10px}.add-image-dialog .add-container .add-body .add-item .keyword-line{display:flex}.add-image-dialog .add-container .add-body .add-item .keyword-line .addKey{display:flex;align-items:center;justify-content:center;margin-right:10px;height:40px;cursor:pointer}.add-image-dialog .add-container .add-body .add-item .keyword-line .addKey img{width:30px;height:30px}.add-image-dialog .add-container .add-body .add-item .keyword-line .content-detail{display:flex;flex-direction:column}.add-image-dialog .add-container .add-body .add-item .keyword-line .content-detail .content-item{margin-bottom:8px;display:flex;align-items:center}.add-image-dialog .add-container .add-body .add-item .keyword-line .content-detail .content-item .delete-icon{display:flex;align-items:center;justify-content:center;margin-left:10px;cursor:pointer}.add-image-dialog .add-container .add-body .add-item .keyword-line .content-detail .content-item .delete-icon img{width:20px;height:20px}.add-image-dialog .add-container .add-body .add-item .keyword-line .content-detail .content-item:last-child{margin-bottom:0}.add-image-dialog .add-container .add-body .image-item{flex-grow:1}.add-image-dialog .add-container .add-bottom{display:flex;align-items:center;justify-content:center;margin-top:100px}.add-image-dialog .add-container .add-bottom span{padding:13px 37px;border-radius:22px;cursor:pointer;background-color:#f1f1f0;color:#333;font-family:MontserratSemibold;font-size:14px}.add-image-dialog .add-container .add-bottom span:last-child{background-color:#2472b3;color:#fff;margin-left:10px}.add-image-dialog .add-container .add-bottom span:hover{opacity:.8}