.ouruidi-hot-goods-customize {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  padding: 50px 0 50px 0;
  font-family: var(--font-family, 'Muli', Arial, sans-serif);
}
.ouruidi-hot-goods-customize .customize-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
}
.ouruidi-hot-goods-customize .customize-left {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.ouruidi-hot-goods-customize .customize-title {
  font-family: var(--title-font-family, 'Muli', Arial, sans-serif);
  font-size: 45px;
  color: #000;
  margin-bottom: 32px;
  line-height: 1.25;
  letter-spacing: -2px;
  text-align: left;
  width: 100%;
}
.ouruidi-hot-goods-customize .customize-preview {
  width: 100%;
  padding: 0 100px;
  min-height: 400px;
  background: rgba(217, 217, 217, 0.46);
  border-radius: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ouruidi-hot-goods-customize .main-image {
  width: 100%;
  object-fit: contain;
  border-radius: 0;
  box-shadow: none;
}
.ouruidi-hot-goods-customize .customize-right {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 340px;
}
.ouruidi-hot-goods-customize .customize-section-title {
  font-size: 28px;
  font-weight: 600;
  color: #000;
  margin-bottom: 18px;
  line-height: 1.25;
}
.ouruidi-hot-goods-customize .customize-section-title.underline {
  border-bottom: 2px solid var(--color-primary, #035A8F);
  padding-bottom: 6px;
  margin-bottom: 22px;
  width: 100%;
}
.ouruidi-hot-goods-customize .customize-accessories {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-bottom: 30px;
}
.ouruidi-hot-goods-customize .accessory-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  width: 150px;
}
.ouruidi-hot-goods-customize .accessory-image {
  width: 150px;
  height: 150px;
  object-fit: contain;
  border-radius: 0;
  background: rgba(217,217,217,0.46);
  box-shadow: none;
  border: none;
}
.ouruidi-hot-goods-customize .accessory-label {
  font-size: 18px;
  font-family: var(--font-family, 'Muli', Arial, sans-serif);
  color: #222;
  font-weight: 400;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -1px;
}
.ouruidi-hot-goods-customize .customize-options {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.ouruidi-hot-goods-customize .option-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.ouruidi-hot-goods-customize .option-item:hover,
.ouruidi-hot-goods-customize .option-item.active {
  box-shadow: none;
}
.ouruidi-hot-goods-customize .option-color {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #eee;
  box-shadow: none;
}
@media (max-width: 1100px) {
  .ouruidi-hot-goods-customize .customize-main {
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }
  .ouruidi-hot-goods-customize .customize-right {
    min-width: 0;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .ouruidi-hot-goods-customize .customize-title {
    font-size: 36px;
    margin-bottom: 24px;
  }
  .ouruidi-hot-goods-customize .customize-section-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .ouruidi-hot-goods-customize .customize-title {
    font-size: 24px;
    margin-bottom: 18px;
  }
  .ouruidi-hot-goods-customize .customize-section-title {
    font-size: 18px;
  }
}


.ouruidi-index-customize{padding:70px 0;}
.ouruidi-index-customize .container{display:flex;align-items:center;gap:40px;}

.ouruidi-index-customize .pic{/*flex:1 1 0;border:1px solid #fafafa;*/}
.ouruidi-index-customize .pic img{width:100%;display:block;}


.ouruidi-index-customize .right{flex: 1 1 0;padding-left:30px;}
.ouruidi-index-customize .right h1{color:#111;/* font-size:clamp(20px, 2.4vw, 36px); */font-weight:400;font-size: clamp(20px, 2.35vw, 45px);color: #121212;line-height: 1.4;}

.ouruidi-index-customize .right .pro_color{margin:20px 0 0;max-width:450px;}
.ouruidi-index-customize .right .pro_color h5{font-size:26px;color:#000;border-bottom:1px solid #7F7F7F;padding-bottom:5px;}
.ouruidi-index-customize .right .pro_color ul{display:flex;flex-wrap:wrap;margin:10px -5px 0;}
.ouruidi-index-customize .right .pro_color ul li{width:calc(100% / 3);padding:5px;cursor:pointer;}
.ouruidi-index-customize .right .pro_color ul li img{width:100%;}

.ouruidi-index-customize .right .pro_para{margin:30px 0 0;max-width:450px;}
.ouruidi-index-customize .right .pro_para p{font-size:20px;color:#000;font-family: var(--title-font-family);}
.ouruidi-index-customize .right .pro_para ul{display:flex;margin:20px -5px 0;}
.ouruidi-index-customize .right .pro_para ul li{width:calc(100% / 2);padding:0 5px;}
.ouruidi-index-customize .right .pro_para ul li img{width:100%;}

@media screen and (max-width:1441px) {
.ouruidi-index-customize .right .pro_color h5{font-size:24px;}
.ouruidi-index-customize .right .pro_para p{font-size:19px;}
}

@media screen and (max-width:1280px) {
.ouruidi-index-customize{padding:60px 0;}
.ouruidi-index-customize .right .pro_color h5{font-size:22px;}
.ouruidi-index-customize .right .pro_para p{font-size:17px;}
}

@media screen and (max-width:992px) {
.ouruidi-index-customize .right .pro_color h5{font-size:20px;}
}


@media screen and (max-width:768px){
.ouruidi-index-customize{padding:10px 0 30px;}
.ouruidi-index-customize .container{display:block;}
.ouruidi-index-customize .right{padding-left:0;margin:30px 0 0;}
.ouruidi-index-customize .right .pro_color h5{font-size:18px;}

.ouruidi-index-customize .pic{border:none;box-shadow:0 0 10px rgba(63,62,62,0.15);}

}

@media screen and (max-width:480px) {
.ouruidi-index-customize .right{margin:25px 0 0;}
.ouruidi-index-customize .right .pro_color h5{font-size:16px;}
.ouruidi-index-customize .right .pro_para{margin:20px 0 0;}
.ouruidi-index-customize .right .pro_para p{font-size:15px;}

}