.haowu-content{margin-left:0;margin-right:0;padding-left:10px;}
.haowu-content-item {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
  /*   border: 1px solid #eee; */
}
/* 小屏设备样式，这里假设小屏是指屏幕宽度小于 768px */
@media (max-width: 767px) {
  .haowu-content-item {
        max-width: 100%;
        margin: 8px 0px;
    }
   .haowu-content{padding-left:0px;}
}
/* 大屏设备样式 */
@media (min-width: 768px) {
  .haowu-content-item {
        max-width: 247px;
        margin: 8px 6px;
    }
}
.haowu-header{display:flex;justify-content:center;align-items:center;height:200px;border-radius:8px 8px 0 0;/* padding-top: 20px; */}
.haowu-header-banner{width:100%;max-width:200px;height:auto;transition:transform .2s ease-in-out;cursor:pointer}
.haowu-header-banner:hover{transform:translateY(-4px)}
.haowu-body{padding: 12px 0 12px 0;}
.haowu-specification-block{/* padding:12px 12px 0 12px */ padding-right: 10px;}
.haowu-body-specification{width:100%;height:50px;padding: 0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;/* background: #00BCD4; */ border: 1px solid #eee; color: rgba(0, 0, 0, 0.88);overflow:hidden;cursor:default;border-radius: 13px;}
.haowu-body-specification .unit{font-size:28px;font-weight:700;margin-bottom:0!important;cursor:default}
.haowu-body-specification .current{font-size: 28px;font-weight:700;margin-left:4px;margin-bottom:0!important;cursor:default}
.haowu-body-specification .discount-info{margin-left:30px}
.haowu-body-specification .discount-info .desc{margin-top:-1px;height:14px;font-weight:400;line-height:14px;font-size:10px;margin-bottom:3px;white-space:nowrap}
.haowu-body-specification .discount-info .discount-off{display:-webkit-box;display:-ms-flexbox;display:flex}
.haowu-body-specification .discount-info .discount-box{/* margin-right:6px; */height:14px;border-radius:1px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}
.haowu-body-specification .discount-info .discount-box .discount{/* background-color: hsla(0,0%,100%,.3); *//* padding:0 3px; */font-weight: 400;font-size:12px;height:14px;line-height:14px;}
.haowu-body-specification .discount-info .discount-box .original{/* background-color:hsla(0,0%,100%,.1); */padding:0 4px;font-family:PingFang SC;font-size:11px;font-weight:400;line-height: 13px;margin-bottom: 0;}
.haowu-body-specification i{color: rgba(0, 0, 0, 0.88);display: inline-block;}
.haowu-body-title{font-size:18px;font-weight:700;line-height:1;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.haowu-body-description{line-height:20px;height: 40px;color:#999;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px}
.haowu-toolbar{display:flex;justify-content:flex-end;/* padding: 0 12px 12px 12px; */}
.haowu-toolbar-item{width:100%;display: flex;}
.haowu-toolbar-item-link{display:inline-block;width:100%;text-align:center;padding: 8px 16px;/* margin-left: 10px; */border-radius:13px;background-color: #0071e3;/* background-image: linear-gradient(135deg,#f44336,#e91e63); */color:#fff;text-decoration:none;font-size:12px;transition:all .3s ease-in-out;box-shadow:none!important}
.haowu-toolbar-item-shop span,.haowu-toolbar-item-review span{display:inline-block;position:relative;transition:all .2s ease-out;will-change:transform}
.haowu-toolbar-item-review{background: rgba(0, 0, 0, 0.88);margin-right: 12px;color: #fff;}
.haowu-toolbar-item-stop{background:#eee;color: rgba(0, 0, 0, 0.88);}
.haowu-toolbar-item-link.active span,.haowu-toolbar-item-link:focus span,.haowu-toolbar-item-link:hover span{transform:translate3d(-.5rem,0,0);color:#fff;}
.haowu-toolbar-item-shop i,.haowu-toolbar-item-review i{position:absolute;top:50%;right:0;width:1.25em;/*font-size:1.25rem;*/opacity:0;transform:translateY(-50%);transition:all .2s ease-out;will-change:right,opacity}
.haowu-toolbar-item-link.active i,.haowu-toolbar-item-link:focus i,.haowu-toolbar-item-link:hover i{opacity:1;right:-1.3rem}