.banner-container[data-v-942ede8e]{background-color:#e1ebff;height:400px}.banner-wrapper[data-v-942ede8e]{align-items:flex-end;display:flex;height:100%;margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1.25rem;padding-right:1.25rem}.banner-grid[data-v-942ede8e]{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:1024px){.banner-grid[data-v-942ede8e]{grid-template-columns:repeat(2,minmax(0,1fr))}}.banner-left[data-v-942ede8e]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:1.25rem;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.banner-left[data-v-942ede8e]{margin-top:50px}.banner-title[data-v-942ede8e]{--tw-text-opacity:1;color:#2278ff;color:rgba(34,120,255,var(--tw-text-opacity));font-size:44px;font-weight:700;line-height:1.25}.banner-features[data-v-942ede8e]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:1rem;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.feature-item[data-v-942ede8e]{align-items:flex-start;display:flex}.feature-item[data-v-942ede8e]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:.25rem;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:0;margin-right:calc(.25rem*var(--tw-space-x-reverse))}.feature-icon[data-v-942ede8e]{flex-shrink:0}.feature-text[data-v-942ede8e]{--tw-text-opacity:1;color:#333;color:rgba(51,51,51,var(--tw-text-opacity));font-size:16px;font-weight:400;line-height:23px}.banner-right[data-v-942ede8e]{display:flex;justify-content:center}@media (min-width:1024px){.banner-right[data-v-942ede8e]{justify-content:flex-end}}.banner-image-container[data-v-942ede8e]{position:relative}.banner-image[data-v-942ede8e]{display:block;height:auto;width:610px}.template-container[data-v-5e2daa7f]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:1024px){.template-container[data-v-5e2daa7f]{padding-left:0;padding-right:0}}.template-container[data-v-5e2daa7f]{padding-bottom:85px;padding-top:85px}@media (min-width:640px){.template-wrapper[data-v-5e2daa7f]{max-width:640px}}@media (min-width:768px){.template-wrapper[data-v-5e2daa7f]{max-width:768px}}@media (min-width:1024px){.template-wrapper[data-v-5e2daa7f]{max-width:1024px}}@media (min-width:1280px){.template-wrapper[data-v-5e2daa7f]{max-width:1280px}}@media (min-width:1536px){.template-wrapper[data-v-5e2daa7f]{max-width:1536px}}.template-wrapper[data-v-5e2daa7f]{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:1200px;width:100%}.template-title[data-v-5e2daa7f]{--tw-text-opacity:1;color:#333;color:rgba(51,51,51,var(--tw-text-opacity));font-size:32px;font-weight:700;margin-bottom:1.5rem;text-align:center}.template-item[data-v-5e2daa7f]{flex-shrink:0;width:260px}.template-subtitle[data-v-5e2daa7f]{--tw-text-opacity:1;color:#666;color:rgba(102,102,102,var(--tw-text-opacity));margin-bottom:93px;text-align:center}.template-grid[data-v-5e2daa7f]{align-items:center;display:block;flex-direction:row;gap:1.5rem;justify-content:center;margin-left:auto;margin-right:auto;width:100%}@media (min-width:1024px){.template-grid[data-v-5e2daa7f]{display:flex}}.bg-color[data-v-5e2daa7f]{background-color:#fafafa}.box-shadow[data-v-5e2daa7f]{box-shadow:0 4px 18px 0 rgba(61,88,219,.14)}.example-item[data-v-41f78e78]{border-radius:8px;box-shadow:0 4px 10px 0 hsla(0,0%,85%,.4);cursor:pointer;display:inline-block;height:100%;overflow:hidden;position:relative;width:100%}.example-item .example-item-wrapper[data-v-41f78e78]{cursor:pointer;height:258px}.example-item .example-item-top[data-v-41f78e78],.example-item .example-item-wrapper[data-v-41f78e78]{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.example-item .example-item-top[data-v-41f78e78]{align-items:center;flex-shrink:0;height:268px;justify-content:space-between;padding:32px 26px 0;width:100%}.example-item .example-item-top .item-img[data-v-41f78e78],.example-item .example-item-top .item-info[data-v-41f78e78]{flex-shrink:0}.example-item .example-item-top .item-info[data-v-41f78e78]{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.example-item .example-item-top .item-info p[data-v-41f78e78]{text-align:center}.example-item .example-item-top .item-info .info-title[data-v-41f78e78]{color:#222d4b;font-size:18px;line-height:29px;text-shadow:.8px .4px 0 #222d4b}.example-item .example-item-top .item-info .info-title[data-v-41f78e78]:first-child{margin-top:-4px}.example-item .example-item-top .item-info p[data-v-41f78e78]:last-child{color:#222d4b;font-size:12px;line-height:19px}.example-item .example-item-top .item-img[data-v-41f78e78]{align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;height:130px;justify-content:center;overflow:hidden;width:120px}.example-item .example-item-top .item-img .item-img-wrapper[data-v-41f78e78]{align-items:flex-start;background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;height:100%;padding:4px 4px 0;width:100%}.example-item .example-item-top .item-img .item-img-wrapper img[data-v-41f78e78]{border-top-left-radius:8px;border-top-right-radius:8px;-o-object-fit:cover;object-fit:cover;width:100%}.example-item .example-item-top .manual-img[data-v-41f78e78]{border-radius:8px;box-shadow:0 4px 10px 0 rgba(113,128,150,.2);height:100px;margin-bottom:30px;width:140px}.example-item .example-item-top .manual-img img[data-v-41f78e78]{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0;width:100%}.example-item .example-item-bottom[data-v-41f78e78]{display:flex;flex-direction:column;padding:16px 16px 20px}.example-item .example-item-bottom span[data-v-41f78e78]{color:#333;display:block;font-size:15px;font-weight:700;line-height:22px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-item .example-item-bottom .bottom-info[data-v-41f78e78]{margin-top:10px;max-width:100%;overflow:hidden;width:100%}.example-item .example-item-bottom .bottom-info .bottom-desc[data-v-41f78e78]{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#999;display:-webkit-box;font-size:12px;height:34px;line-height:17px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.example-item:hover .example-item-wrapper .example-item-top[data-v-41f78e78]{transform:translateY(-10px)}.list-container[data-v-68bcf6d3]{--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.list-wrapper[data-v-68bcf6d3]{margin-left:auto;margin-right:auto;max-width:1200px;padding-top:80px}.list-title[data-v-68bcf6d3]{--tw-text-opacity:1;color:#333;color:rgba(51,51,51,var(--tw-text-opacity));font-size:32px;font-weight:500;line-height:46px;margin-bottom:40px;text-align:center}.list-grid[data-v-68bcf6d3]{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr));margin-left:auto;margin-right:auto;width:100%}@media (min-width:768px){.list-grid[data-v-68bcf6d3]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.list-grid[data-v-68bcf6d3]{grid-template-columns:repeat(4,minmax(0,1fr))}}.list-item[data-v-68bcf6d3]{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));border:1px solid #eee;border-color:rgba(238,238,238,var(--tw-border-opacity));border-radius:.5rem;display:flex;height:100px;justify-content:space-between;padding-left:1.25rem;padding-right:1.25rem;transition-duration:.15s;transition-duration:.3s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.list-item[data-v-68bcf6d3]:hover{--tw-border-opacity:1;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:#2278ff;border-color:rgba(34,120,255,var(--tw-border-opacity));box-shadow:0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.list-item-icon[data-v-68bcf6d3]{align-items:center;border-radius:9999px;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.list-item-image[data-v-68bcf6d3]{height:100%;width:100%}.list-item-title[data-v-68bcf6d3]{color:#333;color:rgba(51,51,51,var(--tw-text-opacity));font-size:16px;font-weight:600;line-height:23px}.list-item-description[data-v-68bcf6d3],.list-item-title[data-v-68bcf6d3]{--tw-text-opacity:1;transition-duration:.15s;transition-duration:.3s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.list-item-description[data-v-68bcf6d3]{color:#666;color:rgba(102,102,102,var(--tw-text-opacity));font-size:14px;line-height:20px}.list-item-arrow[data-v-68bcf6d3]{height:10px;justify-content:center;width:10px}.list-item .link[data-v-68bcf6d3],.list-item-arrow[data-v-68bcf6d3]{align-items:center;display:flex}.list-item .link[data-v-68bcf6d3]{height:100%;justify-content:space-between;width:100%}.list-item-arrow-icon[data-v-68bcf6d3]{--tw-rotate:45deg;border-color:#000;border-right-width:2px;border-top-width:2px;height:10px;transform:var(--tw-transform);width:10px}@media (max-width:768px){.list-grid[data-v-68bcf6d3]{grid-template-columns:repeat(1,1fr)}}@media (min-width:768px) and (max-width:1024px){.list-grid[data-v-68bcf6d3]{grid-template-columns:repeat(2,1fr)}}.product-left-container[data-v-e096dc70]{background-color:#fff;padding-top:100px;width:100%}.product-left-wrapper[data-v-e096dc70]{align-items:center;display:flex;flex-direction:column;gap:3rem;margin-left:auto;margin-right:auto}@media (min-width:1024px){.product-left-wrapper[data-v-e096dc70]{flex-direction:row}}.product-left-wrapper[data-v-e096dc70]{max-width:1200px}.product-left-content[data-v-e096dc70]{flex:1 1 0%}.product-left-title[data-v-e096dc70]{--tw-text-opacity:1;color:#333;color:rgba(51,51,51,var(--tw-text-opacity));font-size:28px;font-weight:500;line-height:40px;margin-bottom:32px;margin-top:0}.product-left-features[data-v-e096dc70]{margin-bottom:3.5rem}.product-left-features[data-v-e096dc70]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:1.5rem;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.feature-item[data-v-e096dc70]{align-items:flex-start;display:flex}.feature-item[data-v-e096dc70]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:1rem;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:0;margin-right:calc(1rem*var(--tw-space-x-reverse))}.feature-icon[data-v-e096dc70]{--tw-border-opacity:1;align-items:center;border-color:#3b82f6;border-color:rgba(59,130,246,var(--tw-border-opacity));border-radius:9999px;border-width:2px;display:flex;height:1.25rem;justify-content:center;width:1.25rem}.feature-title[data-v-e096dc70]{--tw-text-opacity:1;color:#333;color:rgba(51,51,51,var(--tw-text-opacity));font-size:18px;font-weight:500;margin-bottom:.5rem}.feature-description[data-v-e096dc70]{--tw-text-opacity:1;color:#666;color:rgba(102,102,102,var(--tw-text-opacity));font-size:14px}.product-left-button[data-v-e096dc70]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#3b82f6;background-color:rgba(59,130,246,var(--tw-bg-opacity));border-radius:.5rem;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity));font-weight:500;margin-top:1.5rem;padding:.75rem 2rem;transition-duration:.15s;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.product-left-button[data-v-e096dc70]:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgba(37,99,235,var(--tw-bg-opacity))}.product-left-image-container[data-v-e096dc70]{width:100%}@media (min-width:1024px){.product-left-image-container[data-v-e096dc70]{flex-shrink:0;width:630px}}.product-left-image[data-v-e096dc70]{width:100%}.product-right-container[data-v-32248286]{background-color:#fff;padding-top:100px;width:100%}.product-right-wrapper[data-v-32248286]{align-items:center;display:flex;flex-direction:column;gap:3rem;margin-left:auto;margin-right:auto}@media (min-width:1024px){.product-right-wrapper[data-v-32248286]{flex-direction:row}}.product-right-wrapper[data-v-32248286]{max-width:1200px}.product-right-image-container[data-v-32248286]{width:100%}@media (min-width:1024px){.product-right-image-container[data-v-32248286]{flex-shrink:0;width:630px}}.product-right-image[data-v-32248286]{width:100%}.product-right-content-wrapper[data-v-32248286]{display:flex;flex:1 1 0%;justify-content:center}@media (min-width:1024px){.product-right-content-wrapper[data-v-32248286]{justify-content:flex-end}}.product-right-content[data-v-32248286]{margin-right:40px;width:auto}.product-right-title[data-v-32248286]{--tw-text-opacity:1;color:#333;color:rgba(51,51,51,var(--tw-text-opacity));font-size:28px;font-weight:500;line-height:40px;margin-bottom:32px;margin-top:0}.product-right-features[data-v-32248286]{margin-bottom:3.5rem}.product-right-features[data-v-32248286]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:1.5rem;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.feature-item[data-v-32248286]{align-items:flex-start;display:flex}.feature-item[data-v-32248286]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:1rem;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:0;margin-right:calc(1rem*var(--tw-space-x-reverse))}.feature-icon[data-v-32248286]{--tw-border-opacity:1;align-items:center;border-color:#3b82f6;border-color:rgba(59,130,246,var(--tw-border-opacity));border-radius:9999px;border-width:2px;display:flex;height:1.25rem;justify-content:center;width:1.25rem}.feature-title[data-v-32248286]{--tw-text-opacity:1;color:#333;color:rgba(51,51,51,var(--tw-text-opacity));font-size:18px;font-weight:500;margin-bottom:.5rem}.feature-description[data-v-32248286]{--tw-text-opacity:1;color:#666;color:rgba(102,102,102,var(--tw-text-opacity));font-size:14px}.product-right-button[data-v-32248286]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#3b82f6;background-color:rgba(59,130,246,var(--tw-bg-opacity));border-radius:.5rem;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity));font-weight:500;margin-top:1.5rem;padding:.75rem 2rem;transition-duration:.15s;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.product-right-button[data-v-32248286]:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgba(37,99,235,var(--tw-bg-opacity))}[data-v-b6c474ae] .template-preview-dialog{background-color:transparent;border-radius:4px;box-shadow:none;left:50%;margin-top:0!important;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-v-b6c474ae] .template-preview-dialog .el-dialog__body{background-color:transparent;padding:0}[data-v-b6c474ae] .template-preview-dialog .el-dialog__header{display:none}.template-preview-inner[data-v-b6c474ae]{display:flex;height:740px;justify-content:space-between;max-height:100vh}.template-preview-inner .preview-main[data-v-b6c474ae]{background:url(https://static.bmwax.cn/bmw_static_2/img/iframe_mobile.1581dd3.png) no-repeat 0 0/cover;height:100%;position:relative;width:360px}.template-preview-inner .preview-main .iframe-box[data-v-b6c474ae]{-ms-overflow-style:none;border-radius:30px;bottom:27px;left:24px;overflow:hidden;position:absolute;right:24px;scrollbar-width:none;top:27px}.template-preview-inner .preview-main .iframe-box[data-v-b6c474ae]::-webkit-scrollbar{display:none}.template-preview-inner .preview-main .iframe-box>iframe[data-v-b6c474ae]{height:calc(100% + 7px);width:calc(100% + 7px)}.template-preview-inner .preview-main .preview-loading[data-v-b6c474ae]{background-color:#f4f4f4;border-radius:30px;height:686px;left:23px;position:absolute;top:27px;width:312px}.template-preview-inner .preview-main .preview-loading .loading-inner[data-v-b6c474ae]{color:#2278ff;font-size:32px;height:80px;left:50%;line-height:80px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:150px}.template-preview-inner .preview-code[data-v-b6c474ae]{background-color:#fff;border-radius:10px;height:-moz-fit-content;height:fit-content;padding:22px;text-align:center;width:180px}.template-preview-inner .preview-code .text[data-v-b6c474ae]{color:#3d3d3d;font-size:14px;line-height:20px;margin-top:8px}.template-preview-inner .preview-code .button[data-v-b6c474ae]{background-color:#2278ff;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:32px;margin-top:6px;width:120px}.template-preview-inner .preview-code .button[data-v-b6c474ae]:hover{background-color:#2270e5}.template-preview-inner .preview-code .detail[data-v-b6c474ae]{color:#2278ff;cursor:pointer;font-size:14px;margin-top:10px}.template-preview-inner .preview-close[data-v-b6c474ae]{cursor:pointer;height:30px;width:30px}.template-preview-inner .preview-close>img[data-v-b6c474ae]{-o-object-fit:contain;object-fit:contain;width:100%}