.vue-hover-mask{overflow:hidden;position:relative;line-height:1;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;font-size:0;vertical-align:middle;margin-bottom:6px}.vue-hover-mask_action{position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;text-align:center;color:#fff;opacity:0;font-size:20px;z-index:1;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.vue-hover-mask_action:after{display:inline-block;content:"";height:100%;vertical-align:middle}.vue-hover-mask_action:hover{opacity:1}.preview-title[data-v-a4563cc4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-title .title-icon[data-v-a4563cc4]{width:3px;height:16px;background-color:#419ffc;border-radius:1.5px}.preview-title .title-text[data-v-a4563cc4]{margin-left:8px;font-size:16px}.flex[data-v-a4563cc4]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px}.no_img[data-v-a4563cc4]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:200px;border:1px dashed #ccc;font-size:18px;font-weight:450;color:#ccc;background:#f9f9f9}.no_title[data-v-a4563cc4]{font-size:18px;font-weight:600}.avatar_user[data-v-a4563cc4]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.avatar_user .user[data-v-a4563cc4]{margin-left:15px}.preview-title[data-v-6c8f1594]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.preview-title .title-icon[data-v-6c8f1594]{width:3px;height:16px;background-color:#419ffc;border-radius:1.5px}.preview-title .title-text[data-v-6c8f1594]{margin-left:8px;font-size:16px}.basics-dialog .el-dialog__header{border:none}.work-area-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.work-area-wrap .work_area_preview{width:350px;margin-right:50px}.work-area-wrap .work_area_preview .avatar-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.work-area-wrap .work_area_preview .avatar-wrap .user{margin-left:15px}.work-area-wrap .work_area_preview .preview_content{margin:20px 0;font-size:12px;color:#999;text-align:justify}.work-area-wrap .work_area_preview .preview_video_wrap{margin:0 auto 20px}.work-area-wrap .work_area_preview .preview_img_wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 20px}.work-area-wrap .work_area_preview .preview_img_wrap .img-wrap{position:relative;display:block;width:112px;height:112px}.work-area-wrap .work_area_preview .preview_img_wrap .img-view{position:absolute;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;width:112px;height:112px;line-height:112px;pointer-events:none}.work-area-wrap .work_area_preview .preview_img_wrap:hover .img-view{opacity:1}.work-area-wrap .work_area_item{-webkit-box-flex:1;-ms-flex:1;flex:1}.work-area-wrap .form-btn-wrap{margin-top:20px;padding-left:120px}.work-area-wrap .form-btn-wrap .el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}