.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:220px;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;}
.haowu-specification-block{padding:12px 12px 0 12px}
.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:50px}
.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;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}
.container1 {
  text-align: center; /* 设置文本对齐方式为居中 */
}

.container1 img {
  display: block; /* 将图片设置为块级元素 */
  margin: 0 auto; /* 自动设置左右边距，实现水平居中 */
  max-width: 480px;
  margin-bottom:15px;
}

/* 小屏设备样式，这里假设小屏是指屏幕宽度小于 768px */
@media (max-width: 767px) {
  .container1 img  {
        max-width: 95%;        
    }
 
}