.product-related .product-card {
  position: relative;
  display: block;
  z-index: 1;
}
#product-related{
  margin: 15px 0px;
}
 .old-price .price,.special-price .price{font-size: 12px;}
 .old-price .price{color:#717171}
 .ViewGoods {display: flex;align-items:center;background:#f7f8f9;color: #000;width: 100%;margin-bottom: 20px;cursor: pointer;}
 .assoclate{display: flex;align-items: center;justify-content: space-between;width: 100%;}
 .ViewGoods:hover{color: #000;}
 .ViewGoods .recommend-l .name {letter-spacing: -0.1px;width: 210px;overflow: hidden;text-overflow: ellipsis;display: block; color: #bbb;font-size: 12px;line-height: 1;}
 .ViewGoods .recommend-r {width:45px;margin: 5px 2px;background: #fff;}
 .ViewGoods .recommend-r img {width: 100%;}
 .recommend-list {display: flex;align-items: center;}
 .recommend-l{padding-left:15px;}
 .recommend-l .fw{font-size: 12px;color:#555;}
 .assoclate .recommend-r.element-r {height: 45px;display: inline-block;line-height: 40px;font-size: 20px;background: #fbfbfb;width: 45px;text-align: center;}
.product-related .product-card__image-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}.product-card__image-wrapper .product-card__tag {
  position: absolute;
  top: 0;
  right: 0;
}
.product-related .associatedGoods-title { 
  margin: 0;
  text-align: center;
  width: 100%;
  font-size: 20px;
  color: #292929;
  text-transform:uppercase;
  margin-bottom: 2rem;
}
.product-related{width:100%;text-align:center;padding: 1rem 2.5rem 1.83rem;flex-direction: column;overflow: hidden;} 
.product-related .view-associatedGoods li .product-card__info .medium-up--btn{display:none;}
.product-related .view-associatedGoods li .product-card__info .product-card__name{height: 2rem;color:#000;}
.product-related .view-associatedGoods li:hover .product-card__info .product-card__name{/*white-space: unset;*/color: #000;}
.product-related .view-associatedGoods li .product-card__image{padding:0 15px;}
.product-related .view-associatedGoods li .product-card__info .product-card__sale-price{color:#e81150;font-size: 12px;}
.product-related .view-associatedGoods li .product-card__info .product-card__regular-price{text-decoration: line-through;}
.product-related .product-card__price {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.product-related .product-card__regular-price {
  opacity: 1;
  color: #000;
  font-size: 12px;
  padding-left: 5px;
}
.product-related .product-card__info .product-card__name {
  font-size: 12px;
  letter-spacing: 1px;
  text-align: left;
  color: #333;
  line-height: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 1.8rem;
  margin-top: 5px;
}
.product-related .product-card__info {
  margin-bottom: 1rem;
  width: 100%;
  text-align: center; 
}
.view-associatedGoods-grid .swiper-slide{
  height: auto;
}
.custom-product-related .tingle-modal-box__content .close-new {
    position: absolute;
    right: 2rem;
    top: 1rem;
    border: none;
    background: transparent;
}
.custom-product-related .tingle-modal-box__content .close-new i {
    font-size: 2rem;
    font-weight: normal;
    cursor: pointer;
    color: #000;
}

@media(min-width:768px){
  .product-related .view-associatedGoods{height: 450px;overflow-y: auto;display: flex;flex-wrap: wrap;padding:2rem 0;align-items:inherit;}
  .product-related .view-associatedGoods li{width: calc(25% - 10px);margin: 0 5px 10px;cursor: pointer;}
}
@media(max-width:640px){
.view-associatedGoods-grid{
  width: 100%;
  overflow: hidden;
}
.custom-product-related.tingle-modal--visible .tingle-modal-box{
  overflow: visible;
}
.tingle-modal-box__content .product-related .close-new{
  right: 0;
  top: -2px;
  color: #fff;
}
.recommend-l {
    padding-left: 10px;
}
#product-related{margin: 0 20px 0;}
 .ViewGoods{margin-bottom: 0;margin: 11px 0px 0;}
.product-related{padding: 0;height:100%;overflow: visible;}
.tingle-modal-box__content .close-new i{line-height:1;}
.product-related .view-associatedGoods li .product-card__image{padding:0;}
.product-related .view-associatedGoods li .product-card__info .product-card__price{flex-direction: unset;justify-content: center;}
 .recommend-list{width:60%;position: relative;justify-content: center;padding-right: 15px;}
 .recommend-list:before , .recommend-list:after {display:none;content:'';width:8px;height:2px;background:#444;position: absolute;}
 .recommend-list:before {transform: translate(62px,0px) rotate(32deg);}
 .recommend-list:after {transform:translate(62px,4px) rotate(-32deg);}
 .recommend-list .recommend-r:nth-child(n + 5){display:none;} 
 .assoclate .recommend-r.element-r{display:block}
 .ViewGoods .recommend-r{width: 40px;margin: 3px 2px;}
 .ViewGoods .recommend-r:nth-child(4){display: none;}
 .ViewGoods .recommend-r:nth-child(1){
  display: flex;
  align-items: center;
}
 .ViewGoods .recommend-r:nth-child(1)::after{
  content: "\e72c";
  font-family: "photofont";
  padding-left: 10px;
  color: #555;
}
.product-related .view-associatedGoods li .product-card__info .product-card__name{
  height: auto;
  color: #000;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0;
}
.product-related .associatedGoods-title{
  font-size: 12px;
  font-weight: 600;
  color: #555;
  text-align: left;
  margin: 15px 0 12px;
  line-height: 1;
}
.view-associatedGoods-grid .swiper-slide{
  border: 1px solid #f3f3f3;
}
.product-related .product-card__info {
  margin-bottom: 0;
  padding: 20px 5px ;
  width: 100%;
  text-align: center;
}

.product-related .product-card__sale-price {
  font-size: 1.3rem;
}
.tingle-modal.custom-product-related .tingle-modal-box{
  position: absolute;
  bottom: 0;
  top: unset;
  height: 310px;
}
.custom-product-related .tingle-modal-box .tingle-modal-box__content{
  overflow: visible;
}
#product-related{
  display: block !important;
  height:0;
  overflow: hidden;
  margin: 0;
}
.tingle-modal-box #product-related{
  height: auto;
}
}