.listbody{height:100vh;overflow:hidden;background:url("../img/list/listbg.jpg") no-repeat center/cover;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none}.listbody.active{pointer-events:auto}.listbody .inner-title{position:absolute;top:2rem;left:1.5rem;width:9.44rem;height:10.94rem;background:url("../img/list/inner-title.png") no-repeat center/contain}.listbody .rightcont{width:100%}.loadingpage{position:fixed;top:0;left:-100vw;width:100%;height:100%;background:no-repeat center/100% 100%;z-index:999;overflow:hidden;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;pointer-events:none;opacity:0}.loadingpage.active{opacity:1;left:0;z-index:1100;pointer-events:auto}.loadingpage.active .ww{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.loadingpage.active .title{opacity:1}.loadingpage.active .slogan{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.loadingpage.current{cursor:pointer}.loadingpage .title{position:absolute;width:max(12.19rem,10vw);height:max(14.19rem,20vh);top:2rem;left:2rem;background:no-repeat left top/contain;z-index:1;opacity:0;-webkit-transition:all .6s ease-in-out 1s;transition:all .6s ease-in-out 1s}.loadingpage .ww{position:absolute;-webkit-transform:translateY(10%);transform:translateY(10%);top:0;left:0;width:100%;height:100%;background:no-repeat left bottom/contain;opacity:0;-webkit-transition:all 2s linear .9s;transition:all 2s linear .9s}.loadingpage .slogan{position:absolute;top:13.13rem;right:12.19rem;width:10rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%);-webkit-transition:all .8s ease-in-out 1s;transition:all .8s ease-in-out 1s}.loadingpage .slogan .shan{width:100%;aspect-ratio:10/6.75;margin-bottom:6.6rem;background:no-repeat left top/contain}.loadingpage .slogan .txt{font-size:1.88rem;color:hsla(0,0%,100%,.2);font-family:"fz";-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:.3rem}.loadingpage.cyan{background-image:url("../img/loading/cyan-bg.jpg")}.loadingpage.cyan .ww{background-image:url("../img/loading/cyan-ww.webp")}.loadingpage.cyan .title{background-image:url("../img/loading/cyan-title.png")}.loadingpage.cyan .shan{background-image:url("../img/loading/cyan-shan.png")}.loadingpage.cyan .txt{color:hsla(0,0%,100%,.5)}.loadingpage.yellow{background-image:url("../img/loading/yellow-bg.jpg")}.loadingpage.yellow .ww{background-image:url("../img/loading/yellow-ww.webp")}.loadingpage.yellow .title{background-image:url("../img/loading/yellow-title.png")}.loadingpage.yellow .shan{background-image:url("../img/loading/yellow-shan.png")}.loadingpage.yellow .txt{color:hsla(0,0%,100%,.5)}.loadingpage.red{background-image:url("../img/loading/red-bg.jpg")}.loadingpage.red .ww{background-image:url("../img/loading/red-ww.webp")}.loadingpage.red .title{background-image:url("../img/loading/red-title.png")}.loadingpage.red .shan{background-image:url("../img/loading/red-shan.png")}.loadingpage.red .txt{color:hsla(0,0%,100%,.3)}.loadingpage.white{background-image:url("../img/loading/white-bg.jpg")}.loadingpage.white .ww{background-image:url("../img/loading/white-ww.webp")}.loadingpage.white .title{background-image:url("../img/loading/white-title.png")}.loadingpage.white .shan{background-image:url("../img/loading/white-shan.png")}.loadingpage.white .txt{color:rgba(184,186,185,.9)}.loadingpage.black{background-image:url("../img/loading/black-bg.jpg")}.loadingpage.black .ww{background-image:url("../img/loading/black-ww.webp")}.loadingpage.black .title{background-image:url("../img/loading/black-title.png")}.loadingpage.black .shan{background-image:url("../img/loading/black-shan.png")}.loadingpage.black .txt{color:hsla(0,0%,100%,.2)}.colortitle{margin-top:4rem;font-family:"fz";display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.colortitle h3{background:-webkit-gradient(linear, left top, left bottom, from(#ecb365), color-stop(#d59f57), to(#6f481c));background:linear-gradient(to bottom, #ecb365, #d59f57, #6f481c);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font-size:6.25rem}.colortitle p{color:#c99551;font-size:1.13rem;text-transform:uppercase}@-webkit-keyframes autoPlaySequence-normal{0%{background-position:0 0}100%{background-position:100% 0}}@keyframes autoPlaySequence-normal{0%{background-position:0 0}100%{background-position:100% 0}}@-webkit-keyframes autoPlaySequence-reverse{0%{background-position:100% 0}100%{background-position:0 0}}@keyframes autoPlaySequence-reverse{0%{background-position:100% 0}100%{background-position:0 0}}.shantypebox{position:absolute;left:1.125rem;bottom:10vh;z-index:1}.shantypebox .item{width:10.25rem;height:min(5.88rem,10vh);margin:1.5rem auto;cursor:pointer;background-repeat:no-repeat;background-size:2500% 100%}.shantypebox .item.shan-cyan{background-image:url("../img/list/cyan.png");background-position:0 0;-webkit-animation:none;animation:none}.shantypebox .item.shan-cyan.active{-webkit-animation:autoPlaySequence-normal .5s steps(24) forwards;animation:autoPlaySequence-normal .5s steps(24) forwards}.shantypebox .item.shan-cyan.reverse{-webkit-animation:autoPlaySequence-reverse .5s steps(24) forwards;animation:autoPlaySequence-reverse .5s steps(24) forwards}.shantypebox .item.shan-yellow{background-image:url("../img/list/yellow.png");background-position:0 0;-webkit-animation:none;animation:none}.shantypebox .item.shan-yellow.active{-webkit-animation:autoPlaySequence-normal .5s steps(24) forwards;animation:autoPlaySequence-normal .5s steps(24) forwards}.shantypebox .item.shan-yellow.reverse{-webkit-animation:autoPlaySequence-reverse .5s steps(24) forwards;animation:autoPlaySequence-reverse .5s steps(24) forwards}.shantypebox .item.shan-red{background-image:url("../img/list/red.png");background-position:0 0;-webkit-animation:none;animation:none}.shantypebox .item.shan-red.active{-webkit-animation:autoPlaySequence-normal .5s steps(24) forwards;animation:autoPlaySequence-normal .5s steps(24) forwards}.shantypebox .item.shan-red.reverse{-webkit-animation:autoPlaySequence-reverse .5s steps(24) forwards;animation:autoPlaySequence-reverse .5s steps(24) forwards}.shantypebox .item.shan-white{background-image:url("../img/list/white.png");background-position:0 0;-webkit-animation:none;animation:none}.shantypebox .item.shan-white.active{-webkit-animation:autoPlaySequence-normal .5s steps(24) forwards;animation:autoPlaySequence-normal .5s steps(24) forwards}.shantypebox .item.shan-white.reverse{-webkit-animation:autoPlaySequence-reverse .5s steps(24) forwards;animation:autoPlaySequence-reverse .5s steps(24) forwards}.shantypebox .item.shan-black{background-image:url("../img/list/black.png");background-position:0 0;-webkit-animation:none;animation:none}.shantypebox .item.shan-black.active{-webkit-animation:autoPlaySequence-normal .5s steps(24) forwards;animation:autoPlaySequence-normal .5s steps(24) forwards}.shantypebox .item.shan-black.reverse{-webkit-animation:autoPlaySequence-reverse .5s steps(24) forwards;animation:autoPlaySequence-reverse .5s steps(24) forwards}.items{position:absolute;width:20.75rem;aspect-ratio:20.75/26.5;background:url(../img/list/itembg.webp) no-repeat center/100% 100%;-webkit-transition:all .66s ease-in-out;transition:all .66s ease-in-out;cursor:pointer}.items:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.items img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.items .name{position:absolute;width:100%;left:0;bottom:2rem;text-align:center;color:#e5e5e5;font-size:1.1rem;padding:0 1.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:2em;font-family:"fz"}.items .name i{font-size:1rem;display:block;font-style:normal;margin-bottom:.3rem}.items .name h3{font-size:1.1rem;font-weight:normal}.pcbody .wwcont{width:100%;height:28rem;position:relative;margin:8rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pcbody .wwcont .items:nth-child(1){z-index:7}.pcbody .wwcont.active .items:nth-child(2){-webkit-transform:scale(0.9) rotate(-14deg) translate(-84%, -11%);transform:scale(0.9) rotate(-14deg) translate(-84%, -11%);z-index:6}.pcbody .wwcont.active .items:nth-child(3){-webkit-transform:scale(0.9) rotate(14deg) translate(84%, -11%);transform:scale(0.9) rotate(14deg) translate(84%, -11%);z-index:6}.pcbody .wwcont.active .items:nth-child(4){-webkit-transform:scale(0.8) rotate(-21deg) translate(-168%, -22%);transform:scale(0.8) rotate(-21deg) translate(-168%, -22%);z-index:4}.pcbody .wwcont.active .items:nth-child(5){-webkit-transform:scale(0.8) rotate(21deg) translate(168%, -22%);transform:scale(0.8) rotate(21deg) translate(168%, -22%);z-index:4}.pcbody .wwcont.active .items:nth-child(6){-webkit-transform:scale(0.7) rotate(-21deg) translate(-280%, -22%);transform:scale(0.7) rotate(-21deg) translate(-280%, -22%)}.pcbody .wwcont.active .items:nth-child(7){-webkit-transform:scale(0.7) rotate(21deg) translate(280%, -22%);transform:scale(0.7) rotate(21deg) translate(280%, -22%)}.touchbody .shantypebox{bottom:11vh}.touchbody .shantypebox .item{margin:2.5rem auto}.touchbody .colortitle{margin-top:6rem}.touchbody .loadingpage.cyan .ww{background-image:url("../img/loading/cyan-ww.png")}.touchbody .loadingpage.yellow .ww{background-image:url("../img/loading/yellow-ww.png")}.touchbody .loadingpage.red .ww{background-image:url("../img/loading/red-ww.png")}.touchbody .loadingpage.white .ww{background-image:url("../img/loading/white-ww.png")}.touchbody .loadingpage.black .ww{background-image:url("../img/loading/black-ww.png")}.wapbody .loadingpage .title{width:12rem;height:15rem}.wapbody .loadingpage .slogan{width:14rem;right:1rem;top:2rem}.wapbody .loadingpage .slogan .shan{margin-bottom:3.5rem}.wapbody .loadingpage .slogan .txt{font-size:2.4rem}.wapbody .loadingpage.cyan .ww{background-image:url("../img/loading/wap-cyan-ww.webp")}.wapbody .loadingpage.yellow .ww{background-image:url("../img/loading/wap-yellow-ww.webp")}.wapbody .loadingpage.red .ww{background-image:url("../img/loading/wap-red-ww.webp")}.wapbody .loadingpage.white .ww{background-image:url("../img/loading/wap-white-ww.webp")}.wapbody .loadingpage.black .ww{background-image:url("../img/loading/wap-black-ww.webp")}.wapbody .listbody{background-image:url("../img/list/wap-listbg.jpg")}.wapbody .listbody .rightcont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:0}.wapbody .listbody .shantypebox{display:-webkit-box;display:-ms-flexbox;display:flex;bottom:14vh;left:1rem;right:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wapbody .listbody .shantypebox .item{margin:0;width:9rem;aspect-ratio:10.25/5.88;height:auto}.wapbody .listbody .items{-webkit-transition:300ms;transition:300ms;-webkit-transform:scale(0.9);transform:scale(0.9)}.wapbody .listbody .swiper-container{overflow:initial;margin-top:8rem;margin-bottom:14rem}.wapbody .listbody .swiper-slide-prev{-webkit-transform:scale(1.3) rotate(-7deg) translate(27%, 4%);transform:scale(1.3) rotate(-7deg) translate(27%, 4%)}.wapbody .listbody .swiper-slide-next{-webkit-transform:scale(1.3) rotate(7deg) translate(-27%, 4%);transform:scale(1.3) rotate(7deg) translate(-27%, 4%)}.wapbody .listbody .swiper-pagination{bottom:-9rem}.wapbody .listbody .swiper-pagination-bullet{background-color:#6f481c;opacity:.5;width:.8rem;height:.8rem}.wapbody .listbody .swiper-pagination-bullet-active{background-color:#ecb365;opacity:1}.wapbody .listbody .swiper-slide-active,.wapbody .listbody .swiper-slide-duplicate-active{-webkit-transform:scale(1.5);transform:scale(1.5);z-index:1}