.top-icon {width: 18%; height:auto; max-width: none; display: inline-block; margin: 7.5px 0.5%;vertical-align: top;}
.top-feature-icon {display: block;clear: both;width: 100%;text-align: center;padding: 10px 0;background-color: #fff;}
.top-feature-icon a {color: #111;}
.feature-icon-outer{text-align: center; max-width:460px; margin: 0 10px;}
.top-icon span {display: block;font-size: 12px; line-height:15px; /* margin-top: 5px; */}
.top-icon img, .top-icon object  {width: 50px;/* text-align: center; */}
.top-icon div {height: 50px;margin-bottom: 5px;}
#hp_top_banner .swiper-slide {max-width:480px; max-height:170px;}
#hp_top_banner .swiper-slide img {width: auto;max-width: 100%;max-height: 192px;}
.text-overflow{font-size: 1em; line-height:1.4em; overflow : hidden;text-overflow : ellipsis;}

.swiper-title {
    padding: 5px 0 5px 10px;
    display: block;
    font-size: 16px;
    color: #111111;
    text-decoration: none;
    line-height: 21px;
}
.swiper-title::after {
    content: '';
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
}
.swiper-title .swiper-title-text {
    display: inline-block;
    max-width: calc(100% - 70px);
    /* line-height: 21px; */
    vertical-align: middle;
}
.swiper-title-more {
    display: inline-block; 
    float: right; 
    font-size: 14px; 
    line-height: 20px; 
    vertical-align: middle;
    padding-right: 10px; 
    color:#a2a2a2;
}
.swiper-title-more img {
    width: 16px; 
    margin-top: 0px;
    vertical-align: middle;
}
.swiper-title-more > * {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.product-swiper, .newest-news {padding-bottom: 10px;border-top: 1px solid #dadada;border: 0;background-color: #fff;}
.news-item {width: 160px;}
.newest-news #hp_news_swiper .swiper-slide {width: 160px; margin-left: 10px;}

.hp-news-images {height: 90px; background-size: 160px;}
.news-item .line-01 {color: #111;height: 40px;text-align: left;font-size: 14px;overflow : hidden;text-overflow : ellipsis;}

.pd-swiper-item .product-thumbnail {background-size: 80px 80px; width: 80px; height: 80px; margin: auto;}
.pd-swiper-item {text-align: center;}
.pd-swiper-item img{height:80px;}
.pd-swiper-item .line-01 {font-size: 14px; color: #111; height: 40px; overflow: hidden;text-align:left;}
.pd-swiper-item .line-02 {font-size: 14px; color: #e02152;font-weight: bold;text-align:left;}
.pd-swiper-item .line-02 .price-unit {font-size: 12px;}

.news-item {width: 160px;}
.newest-news #hp_news_swiper .swiper-slide {width: 160px; margin-left: 8px;}

.product-swiper .swiper-slide{width: 100px; margin-left: 10px;}
.product-prop img {
    position: relative;
    top:2px;
}
/* test svn ~~~ */
/* #P00892 homepage-editor-choice-display */
.hp-product-grid-container .hp-pd-grid-item .swiper-slide {
    float: left;
    /* width: 22%;  */
    width: 30%;
    margin: 0 0 10px 10px;
}

@media only screen and (max-width: 375px) {
  .top-icon {margin: 7.5px 0.2%;}
  .top-icon img, .top-icon object{
    height:50px;
  }
  .hp-product-grid-container .hp-pd-grid-item .swiper-slide { width: 30%;}
  .hp-product-grid-container .hp-pd-grid-item .swiper-slide.index-listing { height: 143px; }
}
.hp-pd-grid-item {padding: 0px 0px 0px 10px;}
.hp-pd-grid-item .pd-swiper-item { display: inline-block; vertical-align: top;}

.club-price-wrapper .club-price,.club-unit{color:#094e8c}
.club-price-wrapper .text-price-number,.club-price-wrapper .text-price-unit{color:#e02152}
.club-price-wrapper .club-price,.club-price-wrapper .text-price-number{font-size:17.5px}
.club-price-wrapper .club-unit,.club-price-wrapper .text-price-unit{font-size:13px}
.swiper-slide .club-price-wrapper .club-price,.swiper-slide .club-price-wrapper .text-price-number{font-size:16px}
.swiper-slide .club-price-wrapper .club-unit,.swiper-slide .club-price-wrapper .text-price-unit{font-size:11px}
.club-price-wrapper .text-price-unit{margin-right:2px;margin-right:0!important}
.the-club sub{vertical-align:text-top}
.club-or{color:#8e8e93;font-size:13px}
.club-title{font-size:11px;color:#8e8e93}
.club-remark{font-size:12px}
.club-remark sup,.swiper-title sup,.club-title sup,.breadcrumb-product sup{vertical-align:baseline}
.product-list-item-testb-container .club-price-wrapper .product-price .text-price-unit{font-size:13px}
.product-list-item-testb-container .club-price-wrapper .product-price .text-price-number{font-size:17.5px}
.trade-list-container .club-price-wrapper .product-price{display:inline-block}
.product-list-view .club-price-wrapper{z-index:5;width:calc(100% + 20px)}
.product-list-item .club-price-wrapper{line-height:19px;margin:5px 0}

.text-price-number {font-size: 1.2em;}
.swiper-container-horizontal > .swiper-pagination{bottom: 5px;}
.swiper-pagination-bullet {background: rgba(0,0,0,0.38);}
.swiper-pagination-bullet-active {background: #f1c400;}