.template-label-container[data-v-3b56a5ab]{background-color:transparent;position:relative;background-repeat:no-repeat;background-size:cover;user-select:none;z-index:0;background-color:#fff;position:fixed;top:0;left:-1000px;right:0;bottom:0;max-height:800px;max-width:800px}.p-abs[data-v-3b56a5ab]{position:absolute}.template-label-text[data-v-3b56a5ab]{white-space:normal;overflow-wrap:break-word;text-wrap:wrap;user-select:none}.bg-design-qrcode-container[data-v-3b56a5ab]{border:1px solid transparent}.focus-title[data-v-3b56a5ab]{position:absolute;top:-28px;left:-2px;color:#fff;background-color:#f57c00;font-size:16px;text-wrap:nowrap;line-height:28px;padding:0 10px}.case[data-v-f1a3ebfd]{background-color:#f4f4f4;padding-bottom:64px;color:#333}.mobile_typelist[data-v-f1a3ebfd]{display:none;position:sticky;top:90px;z-index:1;background-color:#f4f4f4}.typelistmain[data-v-f1a3ebfd]{position:sticky;top:74px;z-index:1;width:100%}.typelistmain .typelistmaintop[data-v-f1a3ebfd]{height:32px;background-color:#f4f4f4}.typelist[data-v-f1a3ebfd]{background-color:#fff;max-width:1200px;margin:-16px auto 0;border-radius:12px;position:relative;padding:14px 0 14px 9px;box-sizing:border-box}.typelist .type[data-v-f1a3ebfd]{width:1200px;padding:10px 0;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center}.typelist .type .title[data-v-f1a3ebfd]{padding:5px 15px;font-size:14px;font-weight:600;color:#171b1d}.typelist .type .nocur[data-v-f1a3ebfd]{margin-left:10px;padding:5px 15px;font-size:12px;border-radius:13px;cursor:pointer;transition:all .4s;background:rgba(23,27,29,.03)}.typelist .type .cur[data-v-f1a3ebfd]{color:var(--main-color);background:rgba(0,129,255,.05)}@media (max-width: 810px){.typelist .type[data-v-f1a3ebfd]{width:100%}}.isiframe[data-v-f1a3ebfd]{top:0}.tipinfoblur[data-v-f1a3ebfd]{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);margin:16px auto 20px;height:50px;line-height:50px;background:transparent;border-radius:10px;max-width:1200px}.tipinfoblur h3[data-v-f1a3ebfd]{font-size:18px}.tipinfo[data-v-f1a3ebfd]{background-image:url(https://static.ma3you.com/obj_test/bWpQd06/newimg/casetipbg.png);max-width:1200px;margin:-70px auto 20px;height:50px;line-height:50px;border-radius:10px}.detaillist[data-v-f1a3ebfd]{width:1200px;margin:0 auto}.detaillist .title[data-v-f1a3ebfd]{text-align:left;padding:0;margin:52px 0 16px;font-size:20px}.detaillist .lists[data-v-f1a3ebfd]{display:flex;text-align:left;flex-wrap:wrap;gap:54px 24px}.detaillist .lists .addnew[data-v-f1a3ebfd]{width:220px;height:380px;background-color:#fff;overflow:hidden;border-radius:12px;transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column}.detaillist .lists .addnew[data-v-f1a3ebfd]:hover{box-shadow:0 3px 10px rgba(23,47,67,.12)}.detaillist .lists .addnew .addimg img[data-v-f1a3ebfd]{width:52px;height:52px;margin-bottom:32px}.detaillist .lists .addnew .addtext[data-v-f1a3ebfd]{font-size:20px;color:#171b1d;line-height:28px}.detaillist .lists .list[data-v-f1a3ebfd]{width:220px;height:380px;background-image:url(https://static.ma3you.com/obj_test/bWpQd06/img/case-mobile-top.svg);background-repeat:no-repeat;background-size:100% auto;background-color:#fff;padding-top:51px;box-sizing:border-box;border-radius:12px;transition:all .2s;cursor:pointer;position:relative}.detaillist .lists .list .modelhover[data-v-f1a3ebfd]{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(23,27,29,.4);border-radius:12px;align-items:center;justify-content:center}.detaillist .lists .list .modelhover .modelhoverbtn[data-v-f1a3ebfd]{background:#fff;border:none;border-radius:50px;padding:9px 24px}.detaillist .lists .list[data-v-f1a3ebfd]:hover{box-shadow:0 8px 16px rgba(23,27,29,.12)}.detaillist .lists .list:hover .modelhover[data-v-f1a3ebfd]{display:flex}.detaillist .lists .list[data-v-f1a3ebfd]:nth-child(5n){margin-right:0}.detaillist .lists .list .img[data-v-f1a3ebfd]{overflow:hidden;height:315px;width:200px;margin:4px auto 0;border-radius:0 0 8px 8px}.detaillist .lists .list img[data-v-f1a3ebfd]{height:auto;width:100%;border-radius:8px}.detaillist .lists .list h4[data-v-f1a3ebfd]{position:absolute;bottom:-42px;left:0;width:100%;height:42px;line-height:42px;border-radius:0 0 12px 12px;font-weight:600;font-size:15px;color:#171b1d;text-align:center;margin:0}.preview-container[data-v-f1a3ebfd]{display:flex;align-items:center;justify-content:center;z-index:102}.preview-container .wrapper[data-v-f1a3ebfd]{z-index:102!important}.preview-container .wrapper .mobile-container[data-v-f1a3ebfd]{background-image:url(https://static.ma3you.com/obj_test/bWpQd06/img/case-mobile-top.svg);background-repeat:no-repeat;background-size:100% auto;background-color:#fff;padding-top:85px;box-sizing:border-box;overflow:hidden;width:375px;height:720px;box-shadow:0 8px 24px rgba(23,27,29,.12);border-radius:40px;border:8px solid #F1F1F1}.preview-container .wrapper .mobile-container iframe[data-v-f1a3ebfd]{width:100%;height:100%}.preview-container .wrapper .mobileshow[data-v-f1a3ebfd],.preview-container .wrapper .mobiletip[data-v-f1a3ebfd]{display:none}.preview-container .previewinfo[data-v-f1a3ebfd]{margin-left:20px;padding:20px;background:#fff;box-shadow:0 8px 24px rgba(23,27,29,.12);border-radius:16px}.preview-container .previewinfo h3[data-v-f1a3ebfd]{margin-top:20px;font-size:16px}.preview-container .previewinfo img[data-v-f1a3ebfd]{width:180px;height:180px;background:#fff;box-shadow:0 2px 6px rgba(23,27,29,.12);border-radius:12px}.preview-container .previewinfo .desc[data-v-f1a3ebfd]{text-align:justify;font-size:14px;margin:16px 0 15px;width:180px}.preview-container .previewinfo .btn[data-v-f1a3ebfd]{width:100%;margin:5px 0;border-radius:22px;height:36px;line-height:36px}.preview-container .previewinfo .btn1[data-v-f1a3ebfd]{background:#fff;transition:all .3s;cursor:pointer;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#2278ff,#0baced) border-box}.preview-container .previewinfo .btn1[data-v-f1a3ebfd]:hover{opacity:.8}.preview-container .previewinfo .btn2[data-v-f1a3ebfd]{margin-top:12px;border-color:transparent;background:linear-gradient(90deg,#2278ff,#0baced);transition:all .3s;color:#fff;cursor:pointer}.preview-container .previewinfo .btn2[data-v-f1a3ebfd]:hover{opacity:.8}@media (max-width: 810px){.typelist[data-v-f1a3ebfd]{display:none}.mobile_typelist[data-v-f1a3ebfd]{display:flex;align-items:center;flex-wrap:wrap}.mobile_typelist .mobile_type[data-v-f1a3ebfd]{margin:5px 0;display:flex;align-items:center}.mobile_typelist .mobile_type .mobile_title[data-v-f1a3ebfd]{padding:0 10px}.tipinfo[data-v-f1a3ebfd]{width:100vw;padding:1px}.detaillist[data-v-f1a3ebfd]{width:100%}.detaillist .title[data-v-f1a3ebfd]{font-size:1.5rem;text-align:center}.detaillist .lists[data-v-f1a3ebfd]{flex-wrap:wrap;justify-content:space-between;padding:0 10px}.detaillist .lists .list[data-v-f1a3ebfd]{margin:30px 0 0;width:45vw;height:70vw}.detaillist .lists .list .img[data-v-f1a3ebfd]{overflow:hidden;height:32vw}.detaillist .lists .list img[data-v-f1a3ebfd]{width:100%;height:32vw}.preview-container .wrapper .mobile-container[data-v-f1a3ebfd]{width:90vw;height:80vh}.preview-container .wrapper .mobile-container iframe[data-v-f1a3ebfd]{width:100%;height:100%}.preview-container .wrapper .mobiletip[data-v-f1a3ebfd]{display:block;background-color:rgba(9,163,210,.9);color:#fff;border-radius:8px;margin-top:10px;padding:5px 0}.preview-container .wrapper .mobileshow[data-v-f1a3ebfd]{display:block}.preview-container .previewinfo[data-v-f1a3ebfd]{display:none}}