.preview-container[data-v-02fbe4a7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview-container .box-wrapper[data-v-02fbe4a7]{margin:0 20px;background:#f9f9f9}.preview-container .box-wrapper .title[data-v-02fbe4a7]{font-size:16px;font-weight:700;text-align:center;margin:5px auto;padding:0}.preview-container .box-wrapper img[data-v-02fbe4a7]{width:100%;display:block}.preview-container .box-wrapper .phone-box[data-v-02fbe4a7]{width:375px;height:700px;background:#f9f9f9;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.preview-container .box-wrapper .phone-box[data-v-02fbe4a7]::-webkit-scrollbar{display:none}.preview-container .box-wrapper .phone-box .main[data-v-02fbe4a7]{min-height:300px;margin-top:-144px;padding-bottom:52px;position:relative;z-index:1}.preview-container .box-wrapper .phone-box .main .scarf-head-title[data-v-02fbe4a7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:17px;font-weight:500;color:#fff;line-height:22px}.preview-container .box-wrapper .phone-box .main .scarf-head-title .text[data-v-02fbe4a7]{margin:0 17px}.preview-container .box-wrapper .phone-box .main .scarf-head-title .text .text-en[data-v-02fbe4a7]{font-size:12px}.preview-container .box-wrapper .phone-box .main .scarf-head-title .line[data-v-02fbe4a7]{width:49px;height:2px;margin-top:12px}.preview-container .box-wrapper .phone-box .main .scarf-head-title .line.rotate[data-v-02fbe4a7]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.preview-container .box-wrapper .phone-box .main .scarf-footer-title[data-v-02fbe4a7]{width:229px;height:24px;margin:0 auto}.preview-container .box-wrapper .phone-box .main .scarf-content[data-v-02fbe4a7]{margin-top:16px}.preview-container .box-wrapper .phone-box .main .scarf-content .tab-scroll[data-v-02fbe4a7]{width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin-bottom:15px}.preview-container .box-wrapper .phone-box .main .scarf-content .tab-scroll .tabs-inner[data-v-02fbe4a7]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0 16px;width:auto}.preview-container .box-wrapper .phone-box .main .scarf-content .tab-scroll .tabs-inner .tab-item[data-v-02fbe4a7]{width:94px;height:36px;border-radius:25px;background:hsla(0,0%,100%,.8);border:1px solid #fff;font-weight:400;font-size:14px;color:#000;line-height:36px;text-align:center;-webkit-transition:all .3s;transition:all .3s;display:inline-block;margin-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-container .box-wrapper .phone-box .main .scarf-content .tab-scroll .tabs-inner .tab-item[data-v-02fbe4a7]:last-child{margin-right:0}.preview-container .box-wrapper .phone-box .main .scarf-content .tab-scroll .tabs-inner .tab-item.active[data-v-02fbe4a7]{color:#fff;background:#000;border-color:#000}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content[data-v-02fbe4a7]{height:auto;min-height:525px}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .swiper-item[data-v-02fbe4a7]{height:100%}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner[data-v-02fbe4a7]{width:344px;margin:0 auto;padding-bottom:16px}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box[data-v-02fbe4a7]{position:relative;height:112px;margin-bottom:16px}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .mask[data-v-02fbe4a7]{width:100%;height:112px;position:absolute;left:0;top:-5px;z-index:10}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box:nth-child(odd) .wrap-box-bg .box-bg[data-v-02fbe4a7]{right:-35px}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box:nth-child(odd) .wrap-box-bg .wrap-img[data-v-02fbe4a7]{right:0;background-image:-webkit-gradient(linear,left top,right top,from(#eee),color-stop(62%,hsla(0,0%,84.7%,0)));background-image:linear-gradient(90deg,#eee,hsla(0,0%,84.7%,0) 62%);position:relative}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box:nth-child(2n) .wrap-box-content[data-v-02fbe4a7]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box:nth-child(2n) .wrap-box-bg .box-bg[data-v-02fbe4a7]{left:-35px}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box:nth-child(2n) .wrap-box-bg .wrap-img[data-v-02fbe4a7]{left:0;background-image:-webkit-gradient(linear,right top,left top,from(#eee),color-stop(62%,hsla(0,0%,84.7%,0)));background-image:linear-gradient(270deg,#eee,hsla(0,0%,84.7%,0) 62%)}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .wrap-box-bg[data-v-02fbe4a7]{position:absolute;left:0;bottom:0;width:344px;height:100px;z-index:1;background-color:#f2f2f2;overflow:hidden}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .wrap-box-bg .wrap-img[data-v-02fbe4a7]{position:absolute;top:0;width:100%;height:100%;opacity:.4;overflow:hidden}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .wrap-box-bg .box-bg[data-v-02fbe4a7]{position:absolute;top:-75px;width:387px;height:387px;z-index:2}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .wrap-box-bg .box-bg-mask-gradient[data-v-02fbe4a7]{position:absolute;top:0;width:100%;height:100%;z-index:1}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .wrap-box-bg .box-bg-border[data-v-02fbe4a7]{position:absolute;top:3px;left:5px;width:331px;height:94px;border:1px solid hsla(0,0%,100%,.5);z-index:3}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .wrap-box-content[data-v-02fbe4a7]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .wrap-box-scarf[data-v-02fbe4a7]{position:relative;width:100px;height:100px}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .box-scarf[data-v-02fbe4a7]{width:100px;height:100px}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .box-wave[data-v-02fbe4a7]{position:absolute;top:0;left:0;width:100px;height:100px}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .box-name[data-v-02fbe4a7]{position:relative;color:#282828;text-align:center;-webkit-transform:translateY(12px);transform:translateY(12px)}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .box-name .name[data-v-02fbe4a7]{font-size:18px;line-height:26px;font-weight:500}.preview-container .box-wrapper .phone-box .main .scarf-content .wrap-content .wrap-content-inner .wrap-box .box-name .en-name[data-v-02fbe4a7]{margin-top:2px;font-size:13px;line-height:21px;font-weight:400}.ivu-modal-body{padding:0 0 10px 0}