[data-v-c47c1e04] .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-c47c1e04] .template-preview-dialog .el-dialog__body{background-color:transparent;padding:0}[data-v-c47c1e04] .template-preview-dialog .el-dialog__header{display:none}.template-preview-inner[data-v-c47c1e04]{display:flex;height:740px;justify-content:space-between;max-height:100vh}.template-preview-inner .preview-main[data-v-c47c1e04]{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-c47c1e04]{border-radius:30px;bottom:27px;left:24px;overflow:hidden;position:absolute;right:24px;top:27px;-ms-overflow-style:none;scrollbar-width:none}.template-preview-inner .preview-main .iframe-box[data-v-c47c1e04]::-webkit-scrollbar{display:none}.template-preview-inner .preview-main .iframe-box>iframe[data-v-c47c1e04]{height:calc(100% + 7px);width:calc(100% + 7px)}.template-preview-inner .preview-main .preview-loading[data-v-c47c1e04]{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-c47c1e04]{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-c47c1e04]{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-c47c1e04]{color:#3d3d3d;font-size:14px;line-height:20px;margin-top:8px}.template-preview-inner .preview-code .button[data-v-c47c1e04]{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-c47c1e04]:hover{background-color:#2270e5}.template-preview-inner .preview-code .detail[data-v-c47c1e04]{color:#2278ff;cursor:pointer;font-size:14px;margin-top:10px}.template-preview-inner .preview-close[data-v-c47c1e04]{cursor:pointer;height:30px;width:30px}.template-preview-inner .preview-close>img[data-v-c47c1e04]{-o-object-fit:contain;object-fit:contain;width:100%}
.title[data-v-9878a310]{color:#18063c;font-size:52px;font-weight:700;letter-spacing:2px;line-height:90px}.desc[data-v-9878a310]{color:#58677a;font-size:18px;font-weight:400;line-height:30px}.hover-button[data-v-9878a310]{background:#222831;border-radius:116px;box-shadow:0 4px 10px 0 rgba(34,40,49,.3);transition:all .5s ease-in-out}.hover-button .el-icon-right[data-v-9878a310]{font-size:20px;transform:translateX(4px);transition:all .5s ease-in-out}.hover-button[data-v-9878a310]:hover{opacity:.5}.hover-button:hover .el-icon-right[data-v-9878a310]{transform:translateX(16px)}.text-shadow[data-v-9878a310]{text-shadow:0 0 .25px currentcolor}.img-bg-shadow[data-v-9878a310]{position:relative}.img-bg-shadow[data-v-9878a310]:before{background-color:#222831;content:"";filter:blur(90px);height:60%;left:50%;opacity:.2;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%;z-index:1}.img-bg-shadow img[data-v-9878a310]{position:relative;z-index:2}.img-bg-shadow2[data-v-9878a310]{position:relative}.img-bg-shadow2[data-v-9878a310]:before{background:rgba(51,174,242,.2);content:"";filter:blur(87px);height:60%;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%;z-index:1}.img-bg-shadow2 img[data-v-9878a310]{position:relative;z-index:2}.round[data-v-9878a310]{margin-top:8px;position:relative}.round[data-v-9878a310],.round[data-v-9878a310]:after{background-color:#2278ff;border-radius:50%;height:10px;width:10px}.round[data-v-9878a310]:after{content:"";left:0;opacity:.5;position:absolute;top:0;transform:translateX(4px)}.triangle[data-v-9878a310]{margin-top:8px;position:relative}.triangle[data-v-9878a310],.triangle[data-v-9878a310]:after{border-bottom:6px solid transparent;border-left:12px solid #2278ff;border-top:6px solid transparent;height:0;width:0}.triangle[data-v-9878a310]:after{content:"";left:0;opacity:.5;position:absolute;top:0;transform:translateX(-6px) translateY(-6px)}.market-btn[data-v-9878a310]{align-items:center;background:#222831;border-radius:4px;color:#222831;cursor:pointer;display:flex;height:50px;justify-content:center;margin-top:35px;width:160px}.market-btn .btn-text[data-v-9878a310]{color:#fff;font-size:16px;font-weight:400;line-height:23px}.market-btn[data-v-9878a310]:hover{opacity:.8}.market-subtitle[data-v-9878a310]{color:#222831;font-size:18px;font-weight:400;line-height:26px}.market-title[data-v-9878a310]{color:#222831;font-size:32px;font-weight:500;line-height:46px}.feature-img[data-v-9878a310]{min-height:500px;width:660px}.feature-title[data-v-9878a310]{color:#333;font-size:30px;font-weight:500;line-height:43px}.feature-desc[data-v-9878a310]{color:#666;font-size:16px;font-weight:400;line-height:23px;margin-bottom:24px;margin-top:16px}.feature-bg-img-left1[data-v-9878a310]{bottom:15px;left:-44px}.feature-bg-img-left1[data-v-9878a310],.feature-bg-img-left2[data-v-9878a310]{height:150px;position:absolute!important;width:164px;z-index:0!important}.feature-bg-img-left2[data-v-9878a310]{bottom:-2px;left:-54px}.feature-bg-img-right1[data-v-9878a310]{bottom:-94px;width:654px}.feature-bg-img-right1[data-v-9878a310],.feature-bg-img-right2[data-v-9878a310]{height:399px;position:absolute!important;right:-360px;z-index:0!important}.feature-bg-img-right2[data-v-9878a310]{bottom:366px;width:682px}.bannerScene-name[data-v-9878a310]{color:#697487;font-size:16px;font-weight:400;line-height:30px}.eng-text[data-v-9878a310]{color:#33aef2;font-size:20px;font-weight:350;letter-spacing:4px;line-height:32px}.gain-banner-bg[data-v-9878a310]{height:580px;left:-80px;position:absolute;top:90px;width:954px;z-index:1}.banner-scenes[data-v-9878a310]{background:#fff;border-radius:16px;box-shadow:0 2px 80px 2px rgba(0,0,0,.06);height:124px;padding-left:115px;padding-right:115px;transform:translateX(-50%) translateY(67px);width:841px}.bannerImage-feature-img[data-v-9878a310]{height:399px;position:absolute;right:0;top:223px;width:610px}
.template-item[data-v-76eb0e68]{box-shadow:0 4px 10px 0 hsla(0,0%,85%,.4);cursor:pointer;height:100%;overflow:hidden;position:relative;transition:transform .1s ease-in;width:100%}.template-item .template-image[data-v-76eb0e68]{border-radius:10px 10px 0 0;-o-object-fit:contain;object-fit:contain;width:100%}.template-item .template-footer[data-v-76eb0e68]{background-color:#fff;bottom:0;box-shadow:0 -4px 10px 0 #e8ebf4;height:56px;left:0;padding:16px;position:absolute;transition:height .1s ease-in;width:100%}.template-item .template-footer .footer-title[data-v-76eb0e68]{align-items:center;display:flex;height:24px;justify-content:space-between}.template-item .template-footer .footer-title .name[data-v-76eb0e68]{color:#303133;font-size:14px;font-weight:600}.template-item .template-footer .footer-title .mark[data-v-76eb0e68]{-o-object-fit:contain;object-fit:contain;width:18px}.template-item .template-footer .footer-actions[data-v-76eb0e68]{border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.template-item .template-footer .footer-actions .btn[data-v-76eb0e68]{height:32px;padding:0;width:84px}.template-item .template-footer .footer-actions .btn[data-v-76eb0e68]:focus,.template-item .template-footer .footer-actions .btn[data-v-76eb0e68]:hover{background-color:#fff;border-color:#2278ff;color:#2278ff}.template-item .template-footer .footer-actions .btn.primary[data-v-76eb0e68]{background-color:#2278ff;border-color:#2278ff}.template-item .template-footer .footer-actions .btn.primary[data-v-76eb0e68]:focus,.template-item .template-footer .footer-actions .btn.primary[data-v-76eb0e68]:hover{background-color:#2270e5;border-color:#2270e5;color:#fff}.template-item[data-v-76eb0e68]:hover{transform:scale(1.1)}.template-item:hover .template-footer[data-v-76eb0e68]{height:120px}