.flipbook[data-v-08024f01]{--book-thickness-right:10px;--book-thickness-left:0}.content[data-v-08024f01]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.flipbook-container[data-v-08024f01]{justify-content:center}.flipbook-container[data-v-08024f01],.flipbook-container .flipbook[data-v-08024f01]{display:flex;height:100%;position:relative;width:100%}.flipbook-container[data-v-08024f01] .flipbook .bounding-box:before{bottom:0;content:"";height:calc(100% + 2px);position:absolute;right:-2px;top:0;width:var(--book-thickness-right);//background-image:url(./thicknessRight.BjdG5Ibb.png);background-repeat:no-repeat;background-size:cover}@media screen and (max-width:1000px){.flipbook-container[data-v-08024f01] .flipbook .bounding-box:after{display:none}}.flipbook-container[data-v-08024f01] .flipbook .bounding-box:after{bottom:-5px;content:"";left:0;position:absolute;top:-5px;width:var(--book-thickness-left);//background-image:url(./thicknessLeft.C01Ru3Vy.png);background-repeat:no-repeat;background-size:cover}.flipbook-container[data-v-08024f01] .bounding-box{z-index:9999!important}.floor-nav[data-v-08024f01]{align-items:center;display:flex;height:35px;justify-content:center;margin-top:10px;width:100%}.floor-nav .btn-left[data-v-08024f01]:hover:before,.floor-nav .btn-right[data-v-08024f01]:hover:before{border-right:4px solid #fff;border-top:4px solid #fff}.floor-nav .btn-left[data-v-08024f01]{background-color:transparent;border:none;cursor:pointer;height:15px;margin-right:0;position:relative;width:15px}.floor-nav .btn-left[data-v-08024f01]:before{border-right:4px solid #dedede;border-top:4px solid #dedede;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-135deg);width:10px}.floor-nav .btn-right[data-v-08024f01]{background-color:transparent;border:none;cursor:pointer;height:20px;margin-left:0;position:relative;width:20px}.floor-nav .btn-right[data-v-08024f01]:before{border-right:4px solid #dedede;border-top:4px solid #dedede;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px}.floor-nav input[data-v-08024f01]{all:unset;color:#fff;height:20px;text-align:center;width:100px}.preview-container[data-v-08024f01]{align-content:flex-start;background-color:#00000080;display:flex;flex-wrap:wrap;height:100%;justify-content:center;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:1}.preview-container[data-v-08024f01]::-webkit-scrollbar{background-color:transparent;width:.1px}.preview-container[data-v-08024f01]::-webkit-scrollbar-thumb{background-color:transparent}.preview-item[data-v-08024f01]{height:300px;margin-left:20px;margin-right:20px;margin-top:50px;text-align:center;width:200px}.preview-image[data-v-08024f01]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.preview-button[data-v-08024f01]{cursor:pointer;display:inline-block;margin-left:30px}.preview-btn[data-v-08024f01]{background-color:transparent;border:none;padding:0}.row[data-v-08024f01]{display:flex;justify-content:center}.preview-button[data-v-08024f01]{transition:all 1s cubic-bezier(0,0,.5,1)}.preview-button:hover .square1-1[data-v-08024f01]{transform:translate(-1px,-1px)!important}.preview-button:hover .square1-2[data-v-08024f01]{transform:translate(1px,-1px)!important}.preview-button:hover .square2-1[data-v-08024f01]{transform:translate(-1px,1px)!important}.preview-button:hover .square2-2[data-v-08024f01]{transform:translate(1px,1px)!important}.square[data-v-08024f01]{background-color:#dedede;height:6px;margin:2px;transition:all .3s cubic-bezier(0,0,.5,1);width:6px}.preview-button:hover .square[data-v-08024f01]{background-color:#fff}html[data-v-601718d2]{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body[data-v-601718d2],dd[data-v-601718d2],dl[data-v-601718d2],fieldset[data-v-601718d2],form[data-v-601718d2],h1[data-v-601718d2],h2[data-v-601718d2],h3[data-v-601718d2],h4[data-v-601718d2],h5[data-v-601718d2],h6[data-v-601718d2],input[data-v-601718d2],legend[data-v-601718d2],ol[data-v-601718d2],p[data-v-601718d2],select[data-v-601718d2],td[data-v-601718d2],textarea[data-v-601718d2],th[data-v-601718d2],ul[data-v-601718d2]{margin:0;padding:0}body[data-v-601718d2]{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-v-601718d2]{font-family:微软雅黑!important}[data-v-601718d2]:root{--theme-color:#fff}body[data-v-601718d2],html[data-v-601718d2]{overscroll-behavior:none}a[data-v-601718d2]{color:#333}a[data-v-601718d2],a[data-v-601718d2]:hover{text-decoration:none!important}a[data-v-601718d2]:hover{color:#e6212a}em[data-v-601718d2]{font-style:normal}li[data-v-601718d2]{list-style:none}img[data-v-601718d2]{border:0;vertical-align:middle}table[data-v-601718d2]{border-collapse:collapse;border-spacing:0}p[data-v-601718d2]{word-wrap:break-word}label[data-v-601718d2]{font-weight:400}.swiper-button-next[data-v-601718d2]:focus,.swiper-button-prev[data-v-601718d2]:focus,.swiper-pagination-bullet[data-v-601718d2]:focus,button[data-v-601718d2]:focus,input[data-v-601718d2]:focus,option[data-v-601718d2]:focus,select[data-v-601718d2]:focus,textarea[data-v-601718d2]:focus{outline:none!important}[data-v-601718d2]::selection{background-color:#e6212a;color:#fff}[data-v-601718d2]::-moz-selection{background-color:#e6212a;color:#fff}[data-v-601718d2]::-webkit-selection{background-color:#e6212a;color:#fff}@media only screen and (max-width:991px){.container[data-v-601718d2]{padding:0;width:100%}}@media only screen and (min-width:992px){.container[data-v-601718d2]{margin:0 auto;padding:0;width:1340px}}@media only screen and (min-width:1700px){.container[data-v-601718d2]{padding:0;width:1540px}}.sample-content[data-v-601718d2]{height:calc(100vh - 75px);overflow:hidden;width:100%}.shops-sample[data-v-601718d2]{background:#8e8e8e;display:flex;height:100%;justify-content:space-between;overflow:hidden;padding:75px 0 0;position:relative;width:100%}.sample-content .shops-sample[data-v-601718d2]{padding:0}.shops-sample .sample-right[data-v-601718d2]{background:#707070;height:100%;overflow:hidden;padding-top:60px;width:340px}.shops-sample .sample-right h3[data-v-601718d2]{border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:20px;line-height:52px;margin:0;overflow:hidden;padding:0 0 0 70px;position:relative;width:100%}.shops-sample .sample-right .sample-scroll[data-v-601718d2]{height:calc(100% - 53px);overflow-x:hidden;overflow-y:scroll;padding:0 0 0 70px;width:100%;-webkit-overflow-scrolling:touch}.shops-sample .sample-right .sample-scroll[data-v-601718d2]::-webkit-scrollbar{background:transparent;border:1px solid #dcdddd;border-radius:12px;height:12px;width:12px}.shops-sample .sample-right .sample-scroll[data-v-601718d2]::-webkit-scrollbar-track{border:1px solid transparent;border-radius:6px;box-shadow:inset 1px 1px 6px #999;-webkit-box-shadow:inset 1px 1px 6px #999;min-height:6px;width:6px}.shops-sample .sample-right .sample-scroll[data-v-601718d2]::-webkit-scrollbar-thumb{background-clip:padding-box;border:1px solid transparent;border-radius:6px;box-shadow:inset 1px 1px 0 6px #999;-webkit-box-shadow:inset 1px 1px 0 6px #999;min-height:6px;width:6px}.shops-sample .sample-right .sample-scroll[data-v-601718d2]::-webkit-scrollbar-corner{background:transparent}.shops-sample .sample-right .sample-scroll ul[data-v-601718d2]{overflow:hidden;padding:0;width:100%}.shops-sample .sample-right .sample-scroll ul li[data-v-601718d2]{border-bottom:1px solid #aaa5a4;cursor:pointer;overflow:hidden;padding:0 0 13px 2px;width:-moz-fit-content;width:fit-content}.shops-sample .sample-right .sample-scroll ul li img[data-v-601718d2]{display:block;width:135px}.shops-sample .sample-right .sample-scroll ul li p[data-v-601718d2]{color:#aaa5a4;font-size:14px;line-height:20px;margin:15px 0 0;overflow:hidden;width:100%}.shops-sample .sample-left[data-v-601718d2]{background:#8e8e8e;height:100%;overflow:hidden;padding:60px;width:100%}.shops-sample .sample-left .sample-box[data-v-601718d2]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.shops-sample .sample-left .sample-box>div[data-v-601718d2]{height:100%;width:100%}.shops-sample .sample-left .sample-box>div[data-v-601718d2] .click-to-flip{height:20%;top:40%;width:10%}@media only screen and (max-width:991px){.sample-PC[data-v-601718d2]{display:none}.sample-content[data-v-601718d2]{min-height:100vh}.shops-sample[data-v-601718d2]{flex-direction:column;padding:50px 0 0!important}.sample-content .shops-sample[data-v-601718d2]{height:100vh}.shops-sample .sample-right[data-v-601718d2]{align-items:center;background:#707070;display:flex;height:180px;justify-content:center;overflow:hidden;padding:0 15px;width:100%}.shops-sample .sample-right h3[data-v-601718d2]{border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:18px;font-weight:700;line-height:40px;margin:0 0 14px;overflow:hidden;padding:0;position:relative;width:100%}.shops-sample .sample-right .swiper[data-v-601718d2]{overflow:visible;width:100%}.shops-sample .sample-right .swiper .swiper-slide[data-v-601718d2]{width:80px}.shops-sample .sample-right .swiper .swiper-slide a[data-v-601718d2]{display:block;overflow:hidden;width:100%}.shops-sample .sample-right .swiper .swiper-slide a img[data-v-601718d2]{display:block;height:105px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.shops-sample .sample-right .swiper .swiper-slide a p[data-v-601718d2]{color:#aaa5a4;font-size:14px;height:20px;line-height:20px;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.shops-sample .sample-left[data-v-601718d2]{background:#8e8e8e;height:calc(100% - 200px);overflow:hidden;padding:30px 60px;width:100%}.shops-sample .sample-left .sample-box>div[data-v-601718d2] .click-to-flip.left{left:-40px}.shops-sample .sample-left .sample-box>div[data-v-601718d2] .click-to-flip.right{right:-40px}.shops-sample .sample-left .sample-box>div[data-v-601718d2] .click-to-flip.left:before,.shops-sample .sample-left .sample-box>div[data-v-601718d2] .click-to-flip.right:before{border-left-width:5px;border-top-width:5px;height:30px;left:calc(50% - 15px);top:calc(50% - 15px);width:30px}.shops-sample .sample-left .sample-box>div[data-v-601718d2] .click-to-flip.right:before{border-right-width:5px}}@media only screen and (min-width:992px){.sample-SM[data-v-601718d2]{display:none}}