.web_popover{position:fixed!important;top:0!important;width:332px!important;height:567px!important;z-index:1303}.web_popover .ant-popover-arrow,.web_popover .ant-popover-inner{background:#fefbe4!important}.web_popover .ant-popover-arrow{display:none}.webpage[data-v-b569e4b0]{width:100%;overflow:hidden}.webpage .web-list[data-v-b569e4b0]{display:flex;flex-wrap:wrap;width:100%}.webpage .web-list .web-item[data-v-b569e4b0]{width:140px;height:249px;position:relative;margin-right:40px;margin-bottom:20px;cursor:pointer}.webpage .web-list .web-item>img[data-v-b569e4b0]{width:100%;height:100%}.webpage .web-list .web-item .bottom_text[data-v-b569e4b0]{position:absolute;bottom:0;left:0;width:100%;height:30px;line-height:30px;background:rgba(0,0,0,.6);color:#fff;text-align:center;font-size:16px}.webpage .web-list .web-item .bottom_text .preview-icon[data-v-b569e4b0]{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.webpage .web-list .web-item .choose-icon[data-v-b569e4b0]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px}.webpage .web-list .web-item-custom[data-v-b569e4b0]{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#dceaff;font-size:16px;color:#4797f1}.webpage .web-list .web-item-custom img[data-v-b569e4b0]{width:60px;height:auto}.preview-img[data-v-b569e4b0]{width:300px}.color-wrapper[data-v-0a2ad55e]{position:relative;padding:20px;background:#f5f7f9;border-radius:5px;overflow:hidden;display:inline-block}.color-wrapper .color-list[data-v-0a2ad55e]{overflow:hidden}.color-wrapper .color-list .color-item[data-v-0a2ad55e]{position:relative;float:left;width:30px;height:30px;background:#fff;border:1px solid #d7d7d7;cursor:pointer}.color-wrapper .color-list .color-item .choose-icon[data-v-0a2ad55e]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px}.color-wrapper .color-list .color-item[data-v-0a2ad55e]:not(:last-child){border-right:none}.color-wrapper .more-color[data-v-0a2ad55e]{width:232px;height:48px;display:flex;align-items:center;margin-top:10px;background:#fff;border:1px solid #d7d7d7;border-radius:5px}.color-wrapper .more-color .el-colorpicker[data-v-0a2ad55e]{margin:0 10px}.color-wrapper .more-color .color-input[data-v-0a2ad55e]{flex:1;margin-right:10px}.webpage[data-v-0d29cb00]{width:100%}.webpage .web-list[data-v-0d29cb00]{display:flex;flex-wrap:wrap;width:100%}.webpage .web-list .web-item[data-v-0d29cb00]{width:160px;overflow:hidden;position:relative;margin-right:20px;margin-bottom:20px;cursor:pointer}.webpage .web-list .web-item>img[data-v-0d29cb00]{width:100%;height:auto}.webpage .web-list .web-item .bottom_text[data-v-0d29cb00]{position:absolute;bottom:0;left:0;width:100%;height:30px;line-height:30px;background:rgba(0,0,0,.6);color:#fff;text-align:center;font-size:16px}.webpage .web-list .web-item .choose-icon[data-v-0d29cb00]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px}.webpage .web-list .web-item-vertical[data-v-0d29cb00]{width:200px}.template-container[data-v-3d13cd3a]{background:#fff}.template-container .tip[data-v-3d13cd3a]{margin:10px 0}.template-container[data-v-3d13cd3a] .ant-col-3{width:163px}.template-container[data-v-3d13cd3a] .ant-col-21{width:70%}.template-container .upload-img-wrapper[data-v-3d13cd3a]{border:1px dashed #d9d9d9;border-radius:4px;padding:8px}.template-container .foot-btn-wrap[data-v-3d13cd3a]{padding:50px 0 20px;border-top:1px solid #e2e2e2}.template-container .banner-wrapper[data-v-3d13cd3a]{display:flex;flex-wrap:wrap}.template-container .banner-wrapper .banner-item[data-v-3d13cd3a]{width:300px;display:flex;flex-direction:column;margin:0 10px 10px 0}.template-container .banner-wrapper .banner-item img[data-v-3d13cd3a]{width:100%;height:156px;margin-bottom:10px}.template-container .select-wrap[data-v-3d13cd3a]{display:flex;align-items:center}.template-container .select-wrap .select[data-v-3d13cd3a]{width:120px}.template-container .select-wrap .icon_remove[data-v-3d13cd3a]{margin-left:4px;font-size:20px}