.PreviewMedia[data-v-8bebb32a]{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:20;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;overflow:auto}.PreviewMedia .content[data-v-8bebb32a]{position:relative;max-width:600px;max-height:600px}.PreviewMedia .content audio[data-v-8bebb32a],.PreviewMedia .content img[data-v-8bebb32a],.PreviewMedia .content video[data-v-8bebb32a]{width:100%;height:100%;min-width:300px;min-height:60px;max-height:500px}.PreviewMedia .content .close[data-v-8bebb32a]{position:absolute;top:-30px;right:-30px;width:25px;height:25px;border-radius:50%;border:2px solid #999;z-index:1100;font-size:25px;color:#fff;text-align:center;line-height:25px;cursor:pointer}.SelectMaterial[data-v-6469b6c2]{position:fixed;left:0;top:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgba(0,0,0,.8)}.SelectMaterial .main[data-v-6469b6c2]{display:flex;flex-direction:column;width:90%;padding:20px;min-height:600px;background-color:#e6e6e6;border-radius:20px}.SelectMaterial .main .header[data-v-6469b6c2]{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #d7d7d7}.SelectMaterial .main .header>span[data-v-6469b6c2]{flex-shrink:0}.SelectMaterial .main .content[data-v-6469b6c2]{flex:1;position:relative}.SelectMaterial .main .content .content-wrap[data-v-6469b6c2]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex}.SelectMaterial .main .content .content-wrap>div[data-v-6469b6c2]{padding:0 20px;height:100%}.SelectMaterial .main .content .left[data-v-6469b6c2]{width:180px;border-right:2px solid #d7d7d7}.SelectMaterial .main .content .left>div[data-v-6469b6c2]{margin:20px 0;text-align:center;padding:5px 20px;background-color:#fff;border-radius:8px}.SelectMaterial .main .content .wrap[data-v-6469b6c2]{flex:1;position:relative;display:flex;flex-direction:column}.SelectMaterial .main .content .wrap .box[data-v-6469b6c2]{flex:1;position:relative;overflow-y:auto}.SelectMaterial .main .content .wrap .wrap-box[data-v-6469b6c2]{position:absolute;left:0;top:0;width:100%;height:100%;display:grid;white-space:pre-wrap;grid-template-columns:repeat(5,1fr)}.SelectMaterial .main .content .wrap .page[data-v-6469b6c2]{display:flex;justify-content:space-around;align-items:center;width:100%}.SelectMaterial .main .content .right[data-v-6469b6c2]{border-left:2px solid #d7d7d7;width:180px;overflow-y:auto;text-align:center}.SelectMaterial .main .content .img-right-box[data-v-6469b6c2]{position:relative;width:100%;height:150px;margin-top:10px}.SelectMaterial .main .content .img-right-box img[data-v-6469b6c2]{height:80%}.SelectMaterial .main .content .img-right-box .el-icon-circle-close[data-v-6469b6c2]{position:absolute;top:-10px;right:-20px;color:red;cursor:pointer}.SelectMaterial .main .content .img-box[data-v-6469b6c2]{margin:10px;display:flex;flex-direction:column;text-align:center;height:180px;position:absolute;left:0;top:0;width:90%;height:100%}.SelectMaterial .main .content .img-box img[data-v-6469b6c2]{flex-shrink:0;height:150px}.SelectMaterial .main .content .img-title[data-v-6469b6c2]{flex:1;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.SelectMaterial .active[data-v-6469b6c2]{background:#169bd5!important;color:#fff}.icon[data-v-937d81b2]{width:50px;height:50px}