.design-components[data-v-4e4d5429]{width:330px;height:100%;display:flex;flex-direction:column}.design-components .components-header[data-v-4e4d5429]{font-size:18px;font-weight:700;color:#222;line-height:26px;word-break:break-all;padding:7px 0 19px;margin:0 5px;border-bottom:1px solid #e6e6e6}.design-components .components-list[data-v-4e4d5429]{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:space-between;padding:18px 0 0;overflow:hidden auto}.design-components .components-list .list-item[data-v-4e4d5429]{padding:5px 5px;border-radius:4px;cursor:pointer}.design-components .components-list .list-item[data-v-4e4d5429]:not(:first-child):not(:nth-child(2)){margin-top:14px}.design-components .components-list .list-item.active[data-v-4e4d5429]{border:1px solid #2077fa}.design-components .components-list .list-item.disabled[data-v-4e4d5429]{cursor:not-allowed}.design-components .components-list .list-item .item-banner[data-v-4e4d5429]{width:100%;padding:8px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.1);position:relative}.design-components .components-list .list-item .item-banner .banner-image[data-v-4e4d5429]{display:flex}.design-components .components-list .list-item .item-banner .banner-max[data-v-4e4d5429]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;font-size:12px;color:#fff;word-break:break-all;background:rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-components .components-list .list-item .item-name[data-v-4e4d5429]{font-size:14px;color:#222;line-height:20px;text-align:center;word-break:break-all;padding:16px 0 3px}dl[data-v-7131013e],p[data-v-7131013e],ul[data-v-7131013e]{margin:0}[data-v-7131013e] .ant-modal-body{padding:0}[data-v-7131013e] .ant-spin.ant-spin-spinning{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}[data-v-7131013e] .ant-spin-nested-loading{min-height:100px}[data-v-7131013e] .ant-spin-nested-loading .ant-spin-spinning{max-height:100%}[data-v-7131013e] .ant-spin-nested-loading .ant-spin-container{max-height:450px;padding:24px;overflow:hidden auto}.selection-section[data-v-7131013e]:not(:last-child){margin-bottom:24px}.selection-section .section-header[data-v-7131013e]{font-size:14px;font-weight:600;color:#242424;line-height:24px}.selection-section .section-context[data-v-7131013e]{display:flex;flex-wrap:wrap;margin-top:4px}.selection-section .section-context li[data-v-7131013e]{font-size:14px;color:#333;line-height:24px;padding:6px 8px;margin:8px 8px 0 0;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer}.selection-section .section-context li[data-v-7131013e] .anticon{margin-left:3px}dl[data-v-c42344d6],p[data-v-c42344d6],ul[data-v-c42344d6]{margin:0}.design-setting[data-v-c42344d6]{width:336px;height:100%;display:flex;flex-direction:column;overflow:hidden}.design-setting .setting-header[data-v-c42344d6]{font-size:18px;font-weight:700;color:#222;line-height:26px;word-break:break-all;padding:7px 0 19px;border-bottom:1px solid #e6e6e6}.design-setting .setting-form[data-v-c42344d6]{flex:1;padding-top:16px;overflow:hidden auto}.design-setting .setting-form[data-v-c42344d6] .ant-form-item{display:flex;margin-bottom:0}.design-setting .setting-form[data-v-c42344d6] .ant-form-item .ant-form-item-label{line-height:32px}.design-setting .setting-form[data-v-c42344d6] .ant-form-item .ant-form-item-control-wrapper{flex:1}.design-setting .setting-form[data-v-c42344d6] .ant-form-item .ant-form-item-control-wrapper .ant-form-item-control{line-height:32px}.design-setting .setting-form .form-section[data-v-c42344d6]:not(:first-child){margin-top:32px}.design-setting .setting-form .form-section .section-header[data-v-c42344d6]{display:flex;font-size:14px;font-weight:700;color:#222;line-height:20px;margin-bottom:10px}.design-setting .setting-form .form-section .section-header[data-v-c42344d6]:before{width:6px;height:6px;background:#222;border-radius:100%;margin:7px 8px 0 0;content:""}.design-setting .setting-form .form-section .section-config.group-config[data-v-c42344d6]{padding:16px 16px 16px 12px;background:#f9fafa;border-radius:4px}.design-setting .setting-form .form-section .section-config .config-selection[data-v-c42344d6]{display:flex;align-items:center}.design-setting .setting-form .form-section .section-config .config-selection .selection-area[data-v-c42344d6]{flex:1;position:relative}.design-setting .setting-form .form-section .section-config .config-selection .selection-area .area-click[data-v-c42344d6]{width:100%;height:100%;position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;cursor:pointer}.design-setting .setting-form .form-section .section-config .config-selection .selection-area .area-click.disabled[data-v-c42344d6]{cursor:not-allowed}.design-setting .setting-form .form-section .section-config .config-selection .selection-del[data-v-c42344d6]{width:14px;height:14px;margin-left:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAG+SURBVDiN1ZQxixNRFIXPeTOOm4UhsguyTdhio0FIM1xT2QTFvyCKf0BRsBDEP2BhZSVYWtruD1hIYRMQBIupdjuL3WYxGWFikjfHZhNCdpxk03m68+4737vvzvCIEpnZNUnvST4HsLVUHgH4GMfx216vN13OhmVASR9IvgDwE8DxUu0WydfD4bAA8GYtIMlHAM7zPD9I03S8WGs2m9fr9foZySdlQLZarbhWq+1JiiRNnXNFEATfAZx77x+UHRgEwRGAHe99Eoahm0wmIclxnuenNLNjAAdlwQ10Ekp6R/KupGckfwH4AiCS5En6spSkkKQDMAbwWNINkp8kfZtvMrOxmaVXbcnMUjObz9ltfrtyVQKTJNnvdDqNmW+3240kSfarMqW/zfw0575673MAtwEgiqIjkjUAjX9lKoEAtklqZkhuAdiubGIF8Mr6/4G1NdfmWvVRTiTlMyPplORgY2AYhveyLCtmfjQa3Y/juPJWlcB+vz9c9Gma/q7aj8UZSvoDYKfb7a4aw1wXL/vuxSt+qcNDAE+zLPthZmdrMvdI3gTw+RKwKIqXzrldkg8B3FkTOAVwOBgMXs0W/gJZxZh8wguwvwAAAABJRU5ErkJggg==) 50%/12px 14px no-repeat;cursor:pointer}.design-setting .setting-form .form-section .section-config .config-contrast[data-v-c42344d6]{display:flex;flex-wrap:wrap;margin-top:8px}.design-setting .setting-form .form-section .section-config .config-contrast[data-v-c42344d6] .ant-checkbox-wrapper{line-height:22px;margin-left:0;margin-right:8px}.design-setting .setting-form .form-section .section-add[data-v-c42344d6] .ant-form-item-control{line-height:1}.design-setting .setting-form .form-section .section-add[data-v-c42344d6]:not(:nth-child(2)){margin-top:12px}.design-setting .setting-form .form-section .section-add .add-btn[data-v-c42344d6]{display:inline-flex;align-items:center;font-size:14px;color:#2077fa;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-setting .setting-form .form-section .section-add .add-btn[data-v-c42344d6] .anticon{margin-right:8px}.design-setting .setting-footer[data-v-c42344d6]{display:flex;justify-content:flex-end;padding:20px 0 0}.design-setting .setting-footer[data-v-c42344d6] .ant-btn{margin-left:20px}p[data-v-5c362a1b],ul[data-v-5c362a1b]{margin:0}.preview-container[data-v-5c362a1b]{padding:12px;border-radius:8px;background:#fff;position:relative}.preview-container.active[data-v-5c362a1b]{border:1px solid #2077fa;box-shadow:0 0 10px hsla(0,0%,100%,.3)}.preview-container.active .container-delete[data-v-5c362a1b]{display:flex;align-items:center;justify-content:center}.preview-container .container-delete[data-v-5c362a1b]{width:20px;height:20px;display:none;position:absolute;top:-10px;right:12px;background:#fff;border-radius:3px;border:1px solid rgba(32,119,250,.15);box-shadow:0 0 10px rgba(0,0,0,.1);cursor:pointer}.preview-container .container-delete[data-v-5c362a1b]:before{width:10px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAG+SURBVDiN1ZQxixNRFIXPeTOOm4UhsguyTdhio0FIM1xT2QTFvyCKf0BRsBDEP2BhZSVYWtruD1hIYRMQBIupdjuL3WYxGWFikjfHZhNCdpxk03m68+4737vvzvCIEpnZNUnvST4HsLVUHgH4GMfx216vN13OhmVASR9IvgDwE8DxUu0WydfD4bAA8GYtIMlHAM7zPD9I03S8WGs2m9fr9foZySdlQLZarbhWq+1JiiRNnXNFEATfAZx77x+UHRgEwRGAHe99Eoahm0wmIclxnuenNLNjAAdlwQ10Ekp6R/KupGckfwH4AiCS5En6spSkkKQDMAbwWNINkp8kfZtvMrOxmaVXbcnMUjObz9ltfrtyVQKTJNnvdDqNmW+3240kSfarMqW/zfw0575673MAtwEgiqIjkjUAjX9lKoEAtklqZkhuAdiubGIF8Mr6/4G1NdfmWvVRTiTlMyPplORgY2AYhveyLCtmfjQa3Y/juPJWlcB+vz9c9Gma/q7aj8UZSvoDYKfb7a4aw1wXL/vuxSt+qcNDAE+zLPthZmdrMvdI3gTw+RKwKIqXzrldkg8B3FkTOAVwOBgMXs0W/gJZxZh8wguwvwAAAABJRU5ErkJggg==) 50%/100% 100% no-repeat;content:""}.preview-container .container-header[data-v-5c362a1b]{display:flex;justify-content:flex-end}.preview-container .container-header .header-title[data-v-5c362a1b]{flex:1;font-size:16px;font-weight:600;color:#242424;line-height:24px;word-break:break-all;overflow:hidden}.preview-container .container-header .header-extra[data-v-5c362a1b]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:3px;box-sizing:border-box}.preview-container .container-header .header-extra[data-v-5c362a1b]:before{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAC4SURBVDiNY2AYVoCRkIL03CZ9ZiamAmSxf///7psxqX4xjM9CyBDmv//u/vvPuBDGZ2L4r8XExOTDwMCwGL9OPCAzt8UiK695JbIYE9mm0dSQzLwm49jYEm58GrjZ2S///ft/ArIYSsAyMjCW8QgI9DMwMJzAZUhPT+lXBgaG4zhdQi6giiEY6YTx/z+jjJxmDrgt//6emTat4QvxhjAy7GJgZrJhYmAwhYsxM31lYGA4TQ0XDxEAAPeRK7rfaKy2AAAAAElFTkSuQmCC) 50%/100% 100% no-repeat;content:""}.preview-container .container-context[data-v-5c362a1b]{margin-top:12px}.preview-container .no-config-header[data-v-5c362a1b]{display:flex;align-items:center;justify-content:space-between}.preview-container .no-config-header[data-v-5c362a1b]:after,.preview-container .no-config-header[data-v-5c362a1b]:before{height:24px;background:#eaeef6;border-radius:3px;content:""}.preview-container .no-config-header[data-v-5c362a1b]:before{flex:1}.preview-container .no-config-header[data-v-5c362a1b]:after{width:24px;margin-left:12px}.preview-container .no-config-context[data-v-5c362a1b]{margin-top:12px;border-radius:3px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}ul[data-v-baefbc1e]{margin:0}.color-34d69d[data-v-baefbc1e]{color:#34d69d}.color-e34d59[data-v-baefbc1e]{color:#e34d59}.data-number[data-v-baefbc1e]{display:flex;flex-wrap:wrap}.data-number .number-item[data-v-baefbc1e]{width:50%;position:relative}.data-number .number-item[data-v-baefbc1e]:not(:last-child):not(:nth-last-child(2):not(:nth-child)){border-bottom:1px solid #f0f0f0;margin-bottom:12px;padding-bottom:12px}.data-number .number-item[data-v-baefbc1e]:not(:last-child):not(:nth-last-child(2):not(:nth-child)):before{bottom:12px}.data-number .number-item[data-v-baefbc1e]:nth-child(2n){padding-left:12px}.data-number .number-item[data-v-baefbc1e]:nth-child(2n):before{width:1px;position:absolute;top:0;bottom:0;left:0;background:#eaeaea;content:""}.data-number .number-item .item-title[data-v-baefbc1e]{font-size:12px;color:#999;line-height:18px;word-break:break-all}.data-number .number-item .item-num[data-v-baefbc1e]{font-size:22px;font-weight:700;color:#242424;line-height:28px;text-decoration:underline;margin-top:4px}.data-number .number-item .item-comparison[data-v-baefbc1e]{display:flex;flex-wrap:wrap}.data-number .number-item .item-comparison li[data-v-baefbc1e]{font-size:12px;color:#969696;line-height:18px;word-break:break-all}.data-number .number-item .item-comparison li[data-v-baefbc1e]:not(:last-child){margin-right:16px}.color-4787f0[data-v-04cf29ac]{color:#4787f0}.data-table[data-v-04cf29ac] ::-webkit-scrollbar{width:4px;height:4px}.data-table[data-v-04cf29ac] ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.data-table[data-v-04cf29ac] ::-webkit-scrollbar-track{background:transparent}.data-table[data-v-04cf29ac] .ant-table-hide-scrollbar{scrollbar-color:auto}.data-table .table-more[data-v-04cf29ac]{font-size:14px;color:#999;line-height:22px;text-align:center;margin-top:12px}.data-chart[data-v-3519e40a]{height:270px}dl[data-v-487bf26c],p[data-v-487bf26c],ul[data-v-487bf26c]{margin:0}.design-preview[data-v-487bf26c]{height:100%;flex:1;display:flex;justify-content:center;padding:40px;margin:0 32px 0 30px;background:#eee;border-radius:40px;overflow:hidden}.design-preview.no-design[data-v-487bf26c]{padding:0}.design-preview.no-design .preview-phone[data-v-487bf26c]{width:100%;height:100%}.design-preview.no-design .preview-phone[data-v-487bf26c]:before{display:none}.design-preview.no-design .preview-phone .phone-context[data-v-487bf26c]{padding:0;overflow:hidden}.design-preview .preview-phone[data-v-487bf26c]{width:375px;display:flex;flex-direction:column;background:#f8f8f8;position:relative;z-index:2;overflow:hidden}.design-preview .preview-phone[data-v-487bf26c]:before{width:100%;height:560px;position:absolute;z-index:-1;top:0;right:0;left:0;background:url(../../static/img/bg-preview.a49593f3.png) top/100% 100% no-repeat;content:""}.design-preview .preview-phone .phone-status-bar[data-v-487bf26c]{width:100%;height:44px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAAAsCAYAAACe/vh+AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAUFSURBVHic7dxfiJRVGMfx7xMbeLHBEkKCRpsG7oWRgWCggV5EWxkJXaR0o2TmhTeSXQhFhhcmIRIEXmSoRCBU4MVCKwZrUKRoWCSkYLiRopLUwC605cKvi3PefHeamd35YzsLvw/I7Puec573zMCc93nPOSOYmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZWS0x2x0ok9QDrAL6gQpwIiImmoyxEOgBJiLiZoPyaxEx2Xanzcy6UM9sd6AgaSnwGbCsdPqWpPUR8c0MYzwHDOXDU8DaUlkvcADYkk89DIy212sz6yZ5DOglJYaVaeoWyeRqUkLZQ0oqR4GhiPh5htd8CFjQeq+nuBERv3QoVneQdFbJe5JWSNokaUzSb5Lmz6B9n6RfJZ3PcUZKZY9JuiLptqQ/cnn/XX1DZva/krROdxxsUK9P0tulsaCe85JemOaayyQ9K2mxpAfb/Lc4x1rW6Joz1RWZu6TlwArgVES8kU+fk9RHyrZfAfblugsBIuJaVZg9pLvn88D5qrL1wCTwJLAXWNP5d2Fms6ycBM6rVUHSSuA4UzPtC8BlUta+CFieYy0HjksaBjbWeRIYAE4A60jjTKtT3cr9GgKezn2a+yStyXfKj6vOF3fik/l4gaQ/c0bfV6q3ssj683F15r5CaVoGSSPO3M3mvtJ3eSQfbypl3Ydr1B9QenpXHkcOSFpUJ/ZqSSdL8c7Wqbcxv441eAKYqbFyzHbd04kgHXCBlFkPKmfmSvNhr+XyR/LrBOnuWsn1i3qHgKvAO7WCR8S5iBi/a703s9mwpuq1oYi4CHxAGm8ej4gdwBJJHypNC1/JA/oe4HpEPAVsBm4BO6YJ39vKG2gUQ+kpY+6TtLe4e+U7cvFB35Z0pVSvp6rd67ndhtI5qZS5V9UfyeX9d+3NmFlHSVol6bCkg8pP7eWUNx83zNxLsXqUZgG+aJBF31aal284da07mXtHVMXcKun+Vj+zrphzB4iIXZIuAS+R5suOAe8D1yntailvX1SaankT+B74VmnVujAvH99sdjulmXWdLcCm/PdXpPGhJRExKellYDCfOg18CVwDlgIbSHPyO4FPSPPxc05XDO6S5gErgR8j4kjp/Iv5z9N1ms4H+kgLH6NVZU/kc2tJ2yLNbA5Qysz3kpK8QzW2QtdcLG1GROzP1/kuIo7n6/ZGxLikXfn6n0fEbA7sP0TE76027orBPSImJB0D5ktaFxEnJC0B3iXNrX8E/07JHATG83xZBdhdI+Ru0sB+BO9lN5trBoFtpeMZ/c6lWRHxFqQpYWA70CvpIrA9jy/NGKf9efcp64IRcaadYF0xuGevAp8Cw5IqpIwc0gdd3D37yT9CkrQ/ImouokraDYxGRM0FVjPram1n5i1crxiYFwF/NdF2UtJ9wFY6sBUyx/q7xRhTdM3gHhFDkh4l7WlfQLqLHY2Ic6U6lyVtJ2XuVxuE2wzcqFO2DzhKWgE3s+5T/m5OVL3Cne92kQQW+89rtZtWROzIa5nbgGci4usm+voT6fczZ4Bm2tVyb451qc04QJf93zJmZgCSBkkD93BEVPL8+CBQiYjhXGeAtLZ2Om9z/E+7Jq85UMRpsl0/8ECz7eq4GRGjHYplZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZu37Bz9p0RPrUECNAAAAAElFTkSuQmCC) top/100% 100% no-repeat}.design-preview .preview-phone .phone-top[data-v-487bf26c]{display:flex;justify-content:space-between;padding:9px 16px 0}.design-preview .preview-phone .phone-top .top-tabs[data-v-487bf26c]{display:flex;align-items:baseline}.design-preview .preview-phone .phone-top .top-tabs li[data-v-487bf26c]{font-size:20px;font-weight:500;color:#fff;line-height:25px;padding-bottom:9px;margin-right:30px;position:relative}.design-preview .preview-phone .phone-top .top-tabs li.active[data-v-487bf26c]{font-size:22px;font-weight:700}.design-preview .preview-phone .phone-top .top-tabs li.active[data-v-487bf26c]:after{width:15px;height:5px;position:absolute;bottom:0;left:50%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAKCAYAAACjd+4vAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAGySURBVDiNrZM9aFRREIW/eW6WZVcjRrTYgOBPaxFslBAbU1nZmIBFUBBsEhGL2GlSWCmIEEsJgpWIICIigoGAVbCwky0iBN1GEhNNDOubH4slycp7vgRx4MKduWfOOXMvVyKibM7dVDlvUDHj8doyN+p1+cl/iCezcYAKk+oMm9HSYPpXhQmJiHtqXFMHc1AHDz6pM35wjzz9V8GZmSitdHPFgkl19puDWlvD4YG4x4o53Z3CtrXmzLjT28MzEbGdCL7+EDUSRlLjujrHNvnsD+5FiYgfauzuFMwxsaTGSwtm1Xiv63xJl/nGPqpaotdaHFboU+WEO4Pqf+HbmDhoikXcd+Nq3sSadZo1ZblGC3Hm3E4SGAeeF12fFNVkK9kOJ0IADz+f5mYiIq2ukpwLGENYyhOO7Wp5gOzRxwgGLw3I5QkRTzaq1bJM1cocEeGWwGKn5cJJMkkGt4Aw2ljn+Ei/vC1saTajuqvGRYMLbpxKjWSHb9feBy01XqnyKJ3nxdBQ9kcUeG3Hwteoh3AmNfo9OKrGIQt61NirTpc65s68Og1zGma8S1d5c/akfC/i/Q1SC02Nd3bojgAAAABJRU5ErkJggg==) top/100% 100% no-repeat;transform:translateX(-50%);content:""}.design-preview .preview-phone .phone-top .top-extra[data-v-487bf26c]{display:flex}.design-preview .preview-phone .phone-top .top-extra li[data-v-487bf26c]{width:24px;height:24px;position:relative;background:top/100% 100% no-repeat;margin-left:20px}.design-preview .preview-phone .phone-top .top-extra li[data-v-487bf26c]:first-child{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIbSURBVGiB7Zk9axRBHMZ//2iISRFBsJJUvhQqco2SKkZCQIJ+AWutbE2dD6Ct1gb8BlFbtdPOxigoFndpcoWCoMbXx2b2mOzNXNzL3c7pzQ8G5mb/e/s88wLLs5DJjDcWGpQ0BVwEzgCz9cvaxSfgFfDMzL7tWS1pQdKWRo+WpIWyXiuJnweeAIcGPIuDYge4ZGbPi4GOAUmTwGvguBt6C2y4JUzJLHAVOOnpOm1mP3dVSbrsLdc7STNJ5AaQNCPpvadvubg24dWd8/oPzexLvTLjOC0b3lCj6PgGpr3+x3qkVeKD1+/sjolw7b9DNpCabCA12UBqKhuQ1JDUdK1RV12MflZgBZhzbaXGuiD9GJiM9IddF2T8zgDwI9Ifdl2Qfgw8BraAJvCoxrogB6veYGYv3YGrtS7GWJ6BkSIbSE02kJr/yoAfoxxJoGUvfE2fu65KWvaCo6ak6a6iRLhgq+XpWyqu+dHiAWATOOWGekWLLeCBmX2PPRC4BhwbgP7DwBUvWnwDnDWzX6EHz0va+cu0+HpIuKRVSe19JtExvko639OupMXScsVYKwm/JWl7SMLltnVXvN71MmdmTyWdiHzgWHStIxy4CawCR0t/1QbWgweuGtU+cPRC0po3Iy8iM77ttlEt6Xbl12mPC6XfbeAOcLfOZHs/BgrawG3g3ihF8kEk3Ui1VWJUXYF14DcwBdwf+RnPZDKjzx+TN9UBCCh26QAAAABJRU5ErkJggg==)}.design-preview .preview-phone .phone-top .top-extra li[data-v-487bf26c]:first-child:before{font-size:12px;color:#fff;line-height:1;padding:2px 6px;background:#e34d59;border-radius:19px;position:absolute;bottom:15px;left:15px;transform-origin:0 100%;transform:scale(.9);content:"6"}.design-preview .preview-phone .phone-top .top-extra li[data-v-487bf26c]:last-child{top:-1px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAHFSURBVGiB7Zm9SgNBFIXPDWlSGZsEYUE7e0vfRSHRBxCxthWfwUIjgq8hBOwsDRKExBAQrURI0kSPTYTLurOZ/R2C88HCZfb+nDsZsjMM4PF4VhqxdSRZA9CIiJmLyDitAJIBgGp4GMC7iMzS5tUF2iR7NDPKmH8Uk/uRZCtL8uuY5GU08EvHFB/+6XTiAwB7amgG4C3C9TVLAwDGAL4ixpsAagt7n+SdiFxaZyX5pGbgjGQlo9BEkKyQPFcaekmC6ypwUqjSeB0VklOlZS3sY5rVurKjlk0piMh3qP562MdmWVj/1bqg1HVdBL4B15i+A3MAw4WdepuQE7r+3KEOj8fjSQPJE5ITiz173kxJni7Tt3SfQ/IBwE5uM5KMvohsxznYfIlvAUzz02TNDMCNg7oej8eTFZIBycHi6TrW0lVagvB704GmCmCreHlWBErLH70rf6T0DbjGpgGWoCN1fVMDn8pu5KsnMU1lf1hHkXxWe/OjQqQt13CsNPSjfIznAZKHAC7UkPF+QER2M4i8B7AR8UrfDwBAS0SukibvWJycnN7Q2BRokxw6amBAsh0Xn+SWctPgX8QtJQBQRF7S5vV4/gs/w7xruzHd0oQAAAAASUVORK5CYII=)}.design-preview .preview-phone .phone-filter[data-v-487bf26c]{display:flex;padding:0 16px;margin:16px 0 0;position:relative;z-index:3}.design-preview .preview-phone .phone-filter li[data-v-487bf26c]{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#fff;line-height:21px;padding:7px 12px;background:hsla(0,0%,94.5%,.16);border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-preview .preview-phone .phone-filter li[data-v-487bf26c]:not(:last-child){margin-right:12px}.design-preview .preview-phone .phone-filter li[data-v-487bf26c] .anticon{font-size:12px;transform:scaleY(.8)}.design-preview .preview-phone .phone-context[data-v-487bf26c]{flex:1;padding:12px 16px 16px;overflow:hidden auto}.design-preview .preview-phone .phone-context[data-v-487bf26c]::-webkit-scrollbar{width:4px}.design-preview .preview-phone .phone-context[data-v-487bf26c]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.design-preview .preview-phone .phone-context[data-v-487bf26c]::-webkit-scrollbar-track{background:transparent}.design-preview .preview-phone .phone-context[data-v-487bf26c] .preview-container:not(:first-child){margin-top:12px}.design-preview .preview-phone .phone-context[data-v-487bf26c] .ghost-component{opacity:0}.design-preview .preview-phone .phone-context[data-v-487bf26c] .chosen-component{opacity:1!important}.design-preview .preview-phone .phone-context .context-empty[data-v-487bf26c]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.design-preview .preview-phone .phone-context .context-empty img[data-v-487bf26c]{width:178px;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-preview .preview-phone .phone-context .context-empty p[data-v-487bf26c]{font-size:16px;color:#242424;word-break:break-all;margin-top:28px}.design-preview .preview-phone .phone-context .context-empty p[data-v-487bf26c] span{color:#2077fa}.data-design[data-v-64d395a8]{height:100%;position:relative;overflow:hidden}.data-design[data-v-64d395a8] .ant-spin-spinning{max-height:100%}.data-design[data-v-64d395a8] .ant-spin-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.data-design .design-header[data-v-64d395a8]{min-height:56px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;background:#fff}.data-design .design-header .header-title[data-v-64d395a8]{flex:1;font-size:14px;color:#222;line-height:20px;word-break:break-all;padding:18px 0}.data-design .design-context[data-v-64d395a8]{flex:1;display:flex;margin:12px 16px 16px;padding:12px 16px 12px 11px;background:#fff;border-radius:20px;overflow:hidden}