@charset "UTF-8";.FONTSIZE--SS,.FONTSIZE--S,.FONTSIZE--M,.FONTSIZE--L,.FONTSIZE--XL{font-size:px}@media screen and (min-width:960px){.FONTSIZE--SS,.FONTSIZE--S,.FONTSIZE--M,.FONTSIZE--L,.FONTSIZE--XL{font-size:px}}.main__section{width:100%;height:50vh;position:relative}@media screen and (min-width:768px){.main__section{height:90vh}}.main__wrapper img{margin:0;padding:0;border-radius:8px}.main__wrapper{position:relative;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(/cdn/shop/files/87a090c4ff8b03a52a8989956dee02c3_480x480.jpg?v=1626504964);background-position:center center;background-size:contain}.main__box{position:relative;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.main__box ul{list-style:none}.main--button{position:absolute;cursor:pointer;width:120px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:#fff;border-radius:8px}.main--overlay{position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.main--button img{box-sizing:border-box;width:120px;height:180px}.main--firstImg{position:absolute;width:80px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background:#fff;border-radius:8px;transition:all .5s}.main--firstImg img{box-sizing:border-box;width:80px;height:120px}.delay-show{position:relative;margin:0 auto}.delay-show li{width:80px;height:120px;position:absolute;border-radius:8px;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.delay-show li a{display:block;width:100%;height:100%;position:relative}.delay-show img{box-sizing:border-box;width:80px;height:120px;position:absolute;left:0;top:0;opacity:1;margin-block-start:0!important}@media(max-width:768px){.main__wrapper{transform:translate(-50%,-50%) scale(.6)}}@keyframes a1_1{0%{transform:rotateY(0)}50%{transform:rotateY(90deg);opacity:1}51%{opacity:0}to{opacity:0}}@keyframes a1_2{0%{transform:rotateY(0);opacity:0}50%{transform:rotateY(90deg);opacity:0}51%{opacity:1}to{transform:rotateY(0);opacity:1}}@keyframes a2_1{0%{opacity:0;transform:rotateY(0)}50%{transform:rotateY(90deg);opacity:0}51%{opacity:1}to{transform:rotateY(0);opacity:1}}@keyframes a2_2{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(90deg);opacity:1}51%{opacity:0}to{opacity:0}}.ani1_1{animation:a1_1 .5s forwards}.ani1_2{animation:a1_2 .5s forwards}.ani2_1{animation:a2_1 .5s forwards}.ani2_2{animation:a2_2 .5s forwards}
/*# sourceMappingURL=/cdn/shop/t/51/assets/main.css.map */