.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}.MediaTemplateProp .material-list[data-v-25991042]{width:100%}.MediaTemplateProp .material-list .item[data-v-25991042]{width:100%;height:100px;border:1px solid #ccc;margin-bottom:10px;display:flex;justify-content:space-around;align-items:center}.MediaTemplateProp .material-list .item .left[data-v-25991042]{flex:1;height:80px;border:1px solid #ccc;margin-left:10px}.MediaTemplateProp .material-list .item .right[data-v-25991042]{flex:4}.MediaTemplateProp .material-list .item .right .attribute[data-v-25991042]{display:flex;justify-content:flex-start;align-items:center}.MediaTemplateProp .material-list .item .right .attribute .title[data-v-25991042]{font-size:12px;margin-right:4px}.MediaTemplateProp .material-list .add-btn[data-v-25991042]{position:relative;width:64px;height:32px;border-radius:4px;border:1px solid #d4d6d8;cursor:pointer}.MediaTemplateProp .material-list .add-btn[data-v-25991042]:before{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px}.MediaTemplateProp .material-item[data-v-25991042]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.MediaTemplateProp .material-item>span[data-v-25991042]{white-space:nowrap;width:60px;text-overflow:ellipsis;overflow:hidden}.MediaTemplateProp .material-item .time[data-v-25991042]{width:120px;margin:0 5px}.MediaTemplateProp .material-item .spec-time[data-v-25991042]{margin-right:8px;padding-top:0}.MediaTemplateProp .add-btn[data-v-25991042]{position:relative;width:64px;height:32px;border-radius:4px;border:1px solid #d4d6d8;cursor:pointer}.MediaTemplateProp .add-btn[data-v-25991042]:before{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px}.MediaTemplateProp i[data-v-25991042]{cursor:pointer}.MediaTemplateProp .label-css[data-v-25991042]{display:flex}.MediaTemplateProp .label-css>div[data-v-25991042]{margin-right:20px;width:75px;height:55px;border:1px solid #444;border-radius:4px}.MediaTemplateProp .label-css>div[data-v-25991042]:first-of-type{background:url(../img/swiper.9ab2ba9e.gif) no-repeat;background-size:contain}.MediaTemplateProp .label-css>div[data-v-25991042]:last-of-type{background:url(../img/switch.da56b62e.gif) no-repeat;background-size:contain}