.bobo-goods-list.main {padding-top:80px;padding-bottom:50px;overflow:auto;}

.main-left {float:left;width:335px}
.main-left h3 {border-bottom:1px solid #efefef;height:54px;line-height:54px;position:relative;font-size:17px;font-weight:700;text-transform:uppercase}
.main-left h3::after {display:none;font-family:"qico";content:"\e727";position:absolute;right:0;top:5px;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;transition:transform 0.3s ease;}
.main-left h3.active::after{transform:rotate(45deg) scale(1.08)}


.sidemenu{margin:0 0 20px;}
.sidemenu > ul{}
.sidemenu > ul > li{border-bottom:1px solid #efefef;}
.sidemenu > ul > li > h5{display:block;font-size:17px;color:#404040;font-weight:500;cursor:pointer;position:relative;}
.sidemenu > ul > li > h5 a{display:block;padding:12px 42px 10px 0;line-height:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sidemenu > ul > li > h5 a:hover{color:#EB0020;}
.sidemenu > ul > li > h5 span{position:absolute;right:0;top:3px;width:40px;height:40px;line-height:40px;display:block;text-align:center;transition:all 0.3s ease 0s;}
.sidemenu > ul > li > h5 span::after{font-family:"qico";content:"\e699";font-size:18px;display:inline-block;transition:all 0.3s ease 0s;}

.sidemenu > ul > li ul {display:none;}
.sidemenu > ul > li ul li{line-height:24px;border-bottom:1px solid #F1F1F3;background:#fff;position:relative;}
.sidemenu > ul > li ul li.active>h5>a{color:#EB0020;}
.sidemenu > ul > li ul li:last-child {border-bottom:none;}

.sidemenu > ul > li ul li > h5{display:block;font-size:16px;color:#404040;cursor:pointer;position:relative;}
.sidemenu > ul > li ul li > h5 > a{display:block;padding:10px 42px 10px 15px;line-height:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sidemenu > ul > li ul li > h5 > a::before{content:"";width:5px;height:5px;border-radius:50%;background:#000;position:absolute;left:0;top:17px;}
.sidemenu > ul > li ul li > h5 a:hover{color:#EB0020;}
.sidemenu > ul > li ul li > h5 span{position:absolute;right:0;top:3px;width:40px;height:40px;line-height:40px;display:block;text-align:center;transition:all 0.3s ease 0s;}
.sidemenu > ul > li ul li > h5 span::after{font-family:"qico";content:"\e699";font-size:18px;display:inline-block;transition:all 0.3s ease 0s;}

.sidemenu > ul > li > ul > li.active > a,.sidemenu > ul > li > ul > li > a:hover {color:#EB0020;}

.sidemenu > ul > li ul li.active > span i{transform:rotate(180deg);}

.sidemenu > ul > li > ul > li > ul > li{padding:0 15px;}
.sidemenu > ul > li > ul > li > ul > li a{font-size:15px;display:block;color:#666;padding:10px 10px 10px 15px;}
.sidemenu > ul > li > ul > li > ul > li a:hover,.sidemenu > ul > li > ul > li > ul > li.active a{color:#EB0020;}

.sidemenu > ul > li.active > h5{color:#EB0020;border-bottom:1px solid #e2e2e2;}
.sidemenu > ul > li.active > h5 > span::after{transform:rotate(180deg);}





.bobo-goods-list .main-right {margin:0 0 0 370px}
.bobo-goods-list .pro-tit {border-bottom:1px solid #efefef;height:54px;line-height:54px;margin-bottom:30px}
.bobo-goods-list .pro-tit h1 {font-size:17px;height:54px;line-height:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;}
.bobo-goods-list .prolist ul {margin:0 0 0 -2%;overflow:hidden;}
.bobo-goods-list .prolist ul li {float:left;width:31.333333%;position:relative;box-sizing:border-box;margin:0 0 20px 2%;text-align:center}
.bobo-goods-list .prolist ul li .pic {display:block;overflow:hidden;width:100%}
.bobo-goods-list .prolist ul li .pic img {width:100%;display:block;transition:all 0.3s ease 0s;aspect-ratio:1 / 1;object-fit:cover;}
.bobo-goods-list .prolist ul li h6 {background:#eeeeee;/* margin-top:15px;*/  padding:10px 10px;text-align:center}
.bobo-goods-list .prolist ul li h6 a {padding:10px 0;color:var(--title-text-color);font-size:17px;line-height:26px;height:60px;overflow:hidden;display:block}
.bobo-goods-list .prolist ul li h6 a:hover {color:var(--color-primary);text-decoration:none}
.bobo-goods-list .prolist ul li:hover .pic img {transform:scale(1.05);-webkit-transform:scale(1.05)}



@media screen and (max-width:1500px) {
.bobo-goods-list .main-left {width:300px}
.bobo-goods-list .main-right {margin:0 0 0 330px}
}

@media screen and (max-width:992px) {
.bobo-goods-list.main {padding-top:25px;padding-bottom:30px}
.bobo-goods-list .main-left {float:none;width:100%}
.bobo-goods-list .main-left h3 {height:50px;line-height:50px;font-size:16px}
.bobo-goods-list .main-left h3::after {display:block}
.bobo-goods-list .sidemenu ul {display:none}
.bobo-goods-list .sidemenu > ul > li h5 a {padding:10px 50px 10px 0}
.bobo-goods-list .sidemenu > ul > li h5 {font-size:16px}
.bobo-goods-list .main-right {margin:20px 0 0}
.bobo-goods-list .prolist ul li {width:48%;margin:0 0 15px 2%}
    .bobo-goods-list .prolist ul li h6 a {
        font-size: 12px;
        line-height: 22px;
        height: 60px;
    }
}

@media screen and (max-width:480px) {
.bobo-goods-list .prolist ul {margin:0}
.bobo-goods-list .prolist ul li h6 {padding:0;height:auto}
}