.nine-place[data-v-700da94e]{width:300px;height:527px;background-repeat:no-repeat!important;background-size:100% 100%!important}.content-wrap[data-v-700da94e]{position:absolute;top:50%;display:flex;align-items:center;flex:1}.content-wrap .body-img[data-v-700da94e]{position:absolute;top:0;left:0;width:100%;height:100%}.content[data-v-700da94e]{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;color:#fff;flex-wrap:wrap;width:100%;padding:10px 0;z-index:1}.templateOne[data-v-700da94e]{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column}.templateOne .background-img[data-v-700da94e]{position:fixed;top:0;left:0;height:100%;width:100%}.templateOne .menuItem[data-v-700da94e]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsla(0,0%,100%,.15);font-size:16px;margin:6px;width:80px;height:80px;color:#fff;border:none}.templateOne .menuItem span[data-v-700da94e]{font-weight:500;font-size:14px}.templateOne .menuItem .img[data-v-700da94e]{height:30px;width:30px;color:#fff;font-size:30px;margin-bottom:5px}[data-v-700da94e] .van-button--normal{padding:0}.v-enter[data-v-700da94e]{transform:translateY(80px);opacity:0}.v-enter-active[data-v-700da94e]{transition:all .5s ease}.grid-enter[data-v-700da94e]{transform:translateY(160px);opacity:0}.grid-enter-active[data-v-700da94e]{transition:all .5s ease}.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-6256f055]{width:100%;overflow:hidden}.webpage .web-list[data-v-6256f055]{display:flex;flex-wrap:wrap;width:100%}.webpage .web-list .web-item[data-v-6256f055]{width:140px;height:249px;position:relative;margin-right:40px;margin-bottom:20px;cursor:pointer}.webpage .web-list .web-item>img[data-v-6256f055]{width:100%;height:100%}.webpage .web-list .web-item .bottom_text[data-v-6256f055]{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-6256f055]{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.webpage .web-list .web-item .choose-icon[data-v-6256f055]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px}.webpage .web-list .web-item-custom[data-v-6256f055]{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-6256f055]{width:60px;height:auto}.preview-img[data-v-6256f055]{width:300px}.color-wrapper[data-v-0a9d16a4]{position:relative;padding:20px;background:#f5f7f9;border-radius:5px;overflow:hidden;display:inline-block}.color-wrapper .color-list[data-v-0a9d16a4]{overflow:hidden}.color-wrapper .color-list .color-item[data-v-0a9d16a4]{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-0a9d16a4]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px}.color-wrapper .color-list .color-item[data-v-0a9d16a4]:not(:last-child){border-right:none}.color-wrapper .more-color[data-v-0a9d16a4]{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-0a9d16a4]{margin:0 10px}.color-wrapper .more-color .color-input[data-v-0a9d16a4]{flex:1;margin-right:10px}.webpage[data-v-7a71af60]{width:100%}.webpage .web-list[data-v-7a71af60]{display:flex;flex-wrap:wrap;width:100%}.webpage .web-list .web-item[data-v-7a71af60]{width:160px;overflow:hidden;position:relative;margin-right:20px;margin-bottom:20px;cursor:pointer}.webpage .web-list .web-item>img[data-v-7a71af60]{width:100%;height:auto}.webpage .web-list .web-item .bottom_text[data-v-7a71af60]{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-7a71af60]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px}.webpage .web-list .web-item-vertical[data-v-7a71af60]{width:200px}.avatar-uploader[data-v-2bcddd09] .el-upload{width:100%;height:100%;overflow:hidden}.avatar-uploader[data-v-2bcddd09] .el-upload>div{width:100%;height:100%}.avatar-uploader[data-v-2bcddd09] .el-upload>div>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.img-wrapper[data-v-2bcddd09]{position:relative;width:100%;height:100%;overflow:hidden}.img-wrapper .preview-box[data-v-2bcddd09]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;transition:all .3s;opacity:0}.upload-img[data-v-2bcddd09]{width:100%;height:100%;position:relative}.modal-content[data-v-2bcddd09]{display:flex;justify-content:center}.modal-content .preview-img[data-v-2bcddd09]{max-width:750px;max-height:360px}[data-v-2bcddd09] .ant-progress{width:100%;height:100%}[data-v-2bcddd09] .ant-progress .ant-progress-inner{width:100%!important;height:100%!important}[data-v-2bcddd09] .el-dialog{z-index:6000}[data-v-2bcddd09] .el-upload--picture-card{line-height:normal}[data-v-27b1591c] .el-dialog__header{border-bottom:1px solid #e2e2e2;padding:15px}[data-v-27b1591c] .el-dialog__body{padding:0}.container .el-container[data-v-27b1591c]{height:60vh}.container .el-aside[data-v-27b1591c]{padding:5px 10px 15px 10px;border-right:1px solid #e2e2e2;display:flex;flex-direction:column;justify-content:space-between}.container .el-main[data-v-27b1591c]{padding:0;height:calc(80vh - 100px);overflow:auto}.container .el-main .el-row[data-v-27b1591c]{padding:0}.container .el-main .el-row .music-item[data-v-27b1591c]{padding:15px;height:50px;border-bottom:1px solid #e2e2e2;display:flex;justify-content:space-between;align-items:center}.container .el-main .el-row .music-item .title[data-v-27b1591c]{width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .el-main .el-row .music-item .icon[data-v-27b1591c]:hover{cursor:pointer}.container .el-footer[data-v-27b1591c]{border-top:1px solid #e2e2e2;padding:0 10px;display:flex;justify-content:space-between;align-items:center}.music-right-border[data-v-27b1591c]{border-right:1px solid #ccc}[data-v-27b1591c] .el-scrollbar__wrap{overflow-x:hidden}.music-footer[data-v-27b1591c]{display:flex;align-items:center}.music-footer img[data-v-27b1591c]{margin-right:5px}.music-footer img[data-v-27b1591c]:hover{cursor:pointer}.example{position:fixed!important;top:20%!important;left:70%!important;width:332px!important;height:567px!important;z-index:1303}.example .ant-popover-arrow,.example .ant-popover-inner{background:#fefbe4!important}.example .ant-popover-arrow{display:none}.slider[data-v-4c84cf8a]{width:400px;margin-left:20px}.template-container[data-v-4c84cf8a]{background:#fff;padding:20px}.template-container .page-main[data-v-4c84cf8a]{padding-top:0}.template-container[data-v-4c84cf8a] .ant-col-3{width:163px}.template-container[data-v-4c84cf8a] .ant-col-21{width:70%}.template-container .upload-img-wrapper[data-v-4c84cf8a]{border:1px dashed #d9d9d9;border-radius:4px;padding:8px}.template-container .foot-btn-wrap[data-v-4c84cf8a]{padding:50px 0 20px;border-top:1px solid #e2e2e2}.template-container .banner-wrapper[data-v-4c84cf8a]{display:flex;flex-wrap:wrap}.template-container .banner-wrapper .banner-item[data-v-4c84cf8a]{width:300px;display:flex;flex-direction:column;margin:0 10px 10px 0}.template-container .banner-wrapper .banner-item img[data-v-4c84cf8a]{width:100%;height:156px;margin-bottom:10px}.template-container .select-wrap[data-v-4c84cf8a]{display:flex;align-items:center}.template-container .select-wrap .select[data-v-4c84cf8a]{width:120px}.template-container .select-wrap .icon_remove[data-v-4c84cf8a]{margin-left:4px;font-size:20px}.add-page-bg[data-v-4c84cf8a]{box-shadow:none}.main-img-wrapper[data-v-4c84cf8a]{width:300px;height:auto;max-height:667px;border:1px dashed #d9d9d9;border-radius:4px;padding:8px}.main-img-wrapper img[data-v-4c84cf8a]{max-width:100%;max-height:100%}.subImgUrl-wrapper[data-v-4c84cf8a]{width:150px;height:auto;max-height:667px;border:1px dashed #d9d9d9;border-radius:4px;padding:8px}.subImgUrl-wrapper img[data-v-4c84cf8a]{max-width:100%}.btn-save[data-v-4c84cf8a]{margin:20px auto;overflow:hidden}.content .adadding-top[data-v-4c84cf8a]{position:relative}