[data-v-561196b9]:export{primary:#ca151d;white:#fff;asideMenuWidth:150px;headerHeight:80px}.emptyBoy[data-v-561196b9]{min-height:55vh;padding-top:20%;text-align:center}.listWrapper[data-v-561196b9]{display:flex;flex-wrap:wrap;margin:auto;min-height:55vh;position:relative}.listWrapper .itemBox[data-v-561196b9]{background:#fff;box-sizing:border-box;cursor:pointer;font-size:14px;height:340px;margin:10px 5px;padding:20px;position:relative;text-align:center;width:calc(25% - 10px);-webkit-tap-highlight-color:transparent}.listWrapper .itemBox .pdImg[data-v-561196b9]{aspect-ratio:1/1;margin:0 auto;-o-object-fit:scale-down;object-fit:scale-down;width:240px}.listWrapper .itemBox .pdName[data-v-561196b9]{color:#ca151d;font-size:16px;font-weight:700;margin-bottom:30px}.listWrapper .itemBox .gray[data-v-561196b9]{bottom:20px;left:20px;position:absolute;right:20px}.listWrapper .itemBox:hover .gray[data-v-561196b9],.listWrapper .itemBox:hover .pdName[data-v-561196b9]{visibility:hidden}.listWrapper .itemBox:hover .pdImg[data-v-561196b9]{transform:scale(1.2)}.listWrapper .itemBox:hover .redMskim[data-v-561196b9]{display:block}.listWrapper .itemBox .redMskim[data-v-561196b9]{background:#ca151dbf;bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:2}.listWrapper .itemBox .redMskim .pdName_h[data-v-561196b9]{animation:pdNameMove-561196b9 2s ease;color:#fff;font-size:30px;font-weight:700;line-height:36px;margin-top:20px;padding:0 10px;webkit-animation:pdNameMove 2s ease}.listWrapper .itemBox .redMskim .gray_h[data-v-561196b9]{animation:grayMove-561196b9 1s ease;bottom:20px;color:#fff;left:20px;position:absolute;right:20px;webkit-animation:grayMove 1s ease}.listWrapper .itemBox .redMskim .gray_h .whiteR[data-v-561196b9]{animation:whiteRMove-561196b9 1.5s ease;height:7px;margin-left:15px;width:75px;webkit-animation:whiteRMove 1.5s ease}@keyframes pdNameMove-561196b9{0%{opacity:0}to{opacity:1}}@keyframes grayMove-561196b9{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes whiteRMove-561196b9{0%{opacity:0;width:25px}to{opacity:1;width:75px}}@media screen and (max-width:1400px){.listWrapper .itemBox .redMskim .pdName_h[data-v-561196b9]{font-size:25px;line-height:30px}.listWrapper .itemBox .redMskim .gray_h .whiteR[data-v-561196b9]{margin-left:15px;width:70px}}@media screen and (max-width:1300px){.listWrapper .itemBox[data-v-561196b9]{width:calc(20% - 10px)}}@media screen and (max-width:1200px){.listWrapper .itemBox .redMskim .pdName_h[data-v-561196b9]{font-size:22px;line-height:28px}.listWrapper .itemBox .redMskim .gray_h .whiteR[data-v-561196b9]{width:60px}}@media screen and (max-width:1090px){.grayWrapper[data-v-561196b9]{padding-top:90px}.listWrapper .itemBox .redMskim .pdName_h[data-v-561196b9]{font-size:20px;line-height:24px}.listWrapper .itemBox .redMskim .gray_h .whiteR[data-v-561196b9]{margin-left:10px;width:60px}}@media screen and (max-width:1000px){.listWrapper[data-v-561196b9]{margin:4px}.listWrapper .itemBox[data-v-561196b9]{padding:20px 10px;width:calc(25% - 10px)}.listWrapper .itemBox .pdImg[data-v-561196b9]{width:120px}}@media screen and (max-width:800px){.grayWrapper[data-v-561196b9]{padding-top:70px}.listWrapper .itemBox[data-v-561196b9]{width:calc(33% - 10px)}}@media screen and (max-width:570px){.listWrapper .itemBox .pdImg[data-v-561196b9]{width:100px}.listWrapper .itemBox .pdName[data-v-561196b9]{font-size:12px}.listWrapper .itemBox .gray[data-v-561196b9]{font-size:11px}.listWrapper .itemBox .redMskim .pdName_h[data-v-561196b9]{font-size:18px;line-height:20px}.listWrapper .itemBox .redMskim .gray_h[data-v-561196b9]{font-size:11px;left:10px;right:10px}.listWrapper .itemBox .redMskim .gray_h .whiteR[data-v-561196b9]{margin-left:10px;width:50px}}@media screen and (max-width:470px){.listWrapper .itemBox[data-v-561196b9]{height:260px;margin:5px;width:calc(50% - 10px)}.listWrapper .itemBox .pdImg[data-v-561196b9]{width:110px}.listWrapper .itemBox .redMskim[data-v-561196b9]{zoom:.9}}@media screen and (max-width:430px){.listWrapper .itemBox .pdImg[data-v-561196b9]{margin-top:20px;width:100px}.listWrapper .itemBox .redMskim[data-v-561196b9]{zoom:.8}.listWrapper .itemBox .redMskim .pdName_h[data-v-561196b9]{font-size:17px}.listWrapper .itemBox .redMskim .gray_h .whiteR[data-v-561196b9]{margin-left:6px;width:30px}}@media screen and (max-width:340px){.listWrapper .itemBox .pdImg[data-v-561196b9]{width:80px}.listWrapper .itemBox .pdName[data-v-561196b9]{font-size:13px}.listWrapper .itemBox .gray[data-v-561196b9]{font-size:11px}}