@charset "utf-8";
#shop{font-size: 0.8vw;min-height: 100vh}
#shop .banner{width: 100%;overflow: hidden}
#shop .banner img{width: 100%}
#shop .main{width: 58%;margin: 0 auto}
#shop .box1{display: flex;justify-content: space-between;margin-top: 3%;align-items: center}
#shop .box1 .left{color: #333;font-size: 0.9vw;width: 70%;text-align: left}
#shop .box1 .left a{text-decoration: none;color: #8d8686}
#shop .box1 .right{color: #333;font-size: 0.9vw;width: 30%;display: flex;align-items: center}
#shop .box1 .right span{}
#shop .box1 .right .mt{width: 50%}
#shop .box1 .right .select{margin-left: 2%;font-size: 0.9vw}

#shop .box2{display: flex;flex-wrap: wrap;margin-bottom: 4%;gap: 2%}
#shop .box2 .box{width: calc((100% - 6%) / 4);margin-top: 4%;flex: 0 0 auto}
#shop .box2 .box img{width: 100%}
#shop .box2 .box a{text-decoration: none;color: #333;text-align: left;font-size: 0.9vw}
#shop .box2 .box a .text{margin-top: 2%}
#shop .box2 .box a .text1{margin-top: 2%}
#shop .box2 .box a .red{color: #e51a1a;font-weight: bold}

.son_class{display: flex;flex-wrap: wrap;margin: 4% 0 4% 0; }
.son_class a{text-decoration: none;color: #a9a9a9}
.son_class a .red{color: #ff0000}
.son_class .mt{width: 24.6%;text-align: center;padding: 1% 0 1% 0;box-shadow: inset 0 0 0 1px #dddddd;display: block}
.son_class .mt.active{box-shadow: inset 0 0 0 1px #ff0000}