.proList {
  padding-top: 1.1rem;
  background: #ffffff;
}

.proBanner {
  /*height: 3rem;*/
  overflow: hidden;
  background: linear-gradient(90deg, #210000 0%, #b30c0c 48%, #710406 100%);
}

.proBannerImg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.proList .breadWrap {
  min-height: .68rem;
  border-bottom: .01rem solid #eeeeee;
  background: #ffffff;
}

.proCatalog {
  padding: .4rem 0 .98rem;
  background: #ffffff;
}

.proMain {
  width: 16rem;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: .35rem;
}

.proSide {
  width: 3.76rem;
  flex: none;
}

.sideCategory {
  border: .01rem solid #dddddd;
  background: #ffffff;
}

.sideCategory h2 {
  height: .56rem;
  padding: 0 .2rem;
  background: var(--red);
  line-height: .56rem;
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.2rem;
  color: #FFFFFF;
}

.sideCategory a {
  padding-left: .32rem;
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.16rem;
  color: #000000;
  line-height: 0.36rem;
}

.sideCategory h3 a{
    line-height: .44rem;
    margin: 0 !important;
    padding: 0 .2rem;
}

.sideCategory a:first-of-type {
  margin-top: .2rem;
}

.sideCategory a:last-child {
  margin-bottom: .23rem;
}

.sideCategory a:hover,
.sideCategory a.active{
  color: var(--red);
}

.sideBlockTitle {
  height: .56rem;
  margin-top: .4rem;
  padding-left: .2rem;
  background: linear-gradient(90deg, var(--red) 0%, var(--red) 54%, rgba(223, 43, 16, 0) 100%);
  color: #ffffff;
  font-size: .21rem;
  line-height: .56rem;
  font-weight: bold;
}

.arrivalList {
  padding-top: .36rem;
}

.arrivalItem {
  margin-bottom: .37rem;
}

.arrivalItem h4 {
  margin-bottom: .11rem;
font-family: Poppins, Poppins;
font-weight: 600;
font-size: 0.24rem;
color: #1F1F1F;
}

.arrivalPic {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  /*background: #d8d8d8;*/
}

.arrivalImg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.proContent {
  width: 11.85rem;
  flex: none;
}

.catalogTitle {
  color: #050505;
  font-family: Konexy Personal Use, Konexy Personal Use;
  font-weight: 400;
  font-size: 0.42rem;
  color: #000000;
  text-align: center;
  letter-spacing: 0;
}

.productGrid {
  margin-top: .44rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: .3rem;
  row-gap: .67rem;
}

.accGrid {
  margin-top: 0rem;
}



.productCard {
  color: #2b2b2b;
}

.productPic {
  height: 3.76rem;
  overflow: hidden;
  border-radius: .08rem;
  /*background: #d8d8d8;*/
  border-radius: .16rem;
  border: 1px solid #E0E3E6;
}

.productImg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .3s;
}

.productCard:hover .productImg {
  transform: scale(1.05);
}

.productCard h3 {
  margin-top: .24rem;
  /*padding-left: .2rem;*/
  font-family: Poppins, Poppins;
  font-weight: 600;
  font-size: 0.24rem;
  color: #1F1F1F;
}

.productCard .proTitle{
    margin-bottom: 0.15rem;
}

.productCard .proTitle p{
    text-align: center;
    font-size: 0.18rem;
    font-family: Poppins, Poppins;
    font-weight: 400;
    color: #6b6b6b;
}

.productCard .proTitle h3{
    text-align: center;
}

.productCard>p {
  margin-top: .16rem;
  padding-left: .2rem;
  display: flex;
  align-items: baseline;
  gap: .23rem;
}

.productCard span {
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.2rem;
  color: var(--red);
}

.productCard span span {
  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.18rem;
  color: var(--red);
}

.productCard del {
  font-family: Poppins, Poppins;
  font-weight: 400;
  font-size: 0.18rem;
  color: #646D75;
}