[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%}.hover-button[data-v-18482dfc]{background-color:#2278ff;transition:all .5s ease-in-out}.hover-button .el-icon-right[data-v-18482dfc]{font-size:20px;transform:translateX(4px);transition:all .5s ease-in-out}.hover-button[data-v-18482dfc]:hover{background-color:#2270e5}.hover-button:hover .el-icon-right[data-v-18482dfc]{transform:translateX(16px)}.text-shadow[data-v-18482dfc]{text-shadow:0 0 .25px currentcolor}.img-bg-shadow[data-v-18482dfc]{position:relative}.img-bg-shadow[data-v-18482dfc]:before{background-color:rgba(34,120,255,.15);content:"";filter:blur(187px);height:80%;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:1}.img-bg-shadow img[data-v-18482dfc]{position:relative;z-index:2}.round[data-v-18482dfc]{margin-top:8px;position:relative}.round[data-v-18482dfc],.round[data-v-18482dfc]:after{background-color:#2278ff;border-radius:50%;height:10px;width:10px}.round[data-v-18482dfc]:after{content:"";left:0;opacity:.5;position:absolute;top:0;transform:translateX(4px)}.triangle[data-v-18482dfc]{margin-top:8px;position:relative}.triangle[data-v-18482dfc],.triangle[data-v-18482dfc]:after{border-bottom:6px solid transparent;border-left:12px solid #2278ff;border-top:6px solid transparent;height:0;width:0}.triangle[data-v-18482dfc]:after{content:"";left:0;opacity:.5;position:absolute;top:0;transform:translateX(-6px) translateY(-6px)}.market-btn[data-v-18482dfc]{align-items:center;background-color:#2278ff;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-top:32px}.market-btn[data-v-18482dfc]:hover{background-color:#2270e5}.feature-img[data-v-18482dfc]{min-height:520px;width:760px}.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}