#short-description {
  font-size: 16px; /* 设置字体大小为24像素 */
  color: #000000; /* 设置字体颜色为红色 */
  padding: 10px; /* 设置内边距为10像素 */
  border-radius: 5px; /* 设置边框圆角为5像素 */
}
#facebooks-des{
   color: #000; /* 设置字体颜色为红色 */
}
.icon-free-shipping {
    display: inline-block;
    width: 25px;
    background-image: url('/wp-content/plugins/woocommerce-get-orders-plugins/img/free_shipping.png');
    background-repeat: no-repeat;
    z-index: 1;
}
.icon-limit-time {
    display: inline-block;
    width: 25px;
    color: #000000; /* 设置字体颜色为红色 */
    background-image: url('/wp-content/plugins/woocommerce-get-orders-plugins/img/limit_time.png');
    background-repeat: no-repeat;
    z-index: 1;
}
.icon-sale {
    display: inline-block;
    width: 25px;
    color: #000000; /* 设置字体颜色为红色 */
    background-image: url('/wp-content/plugins/woocommerce-get-orders-plugins/img/sale.png');
    background-repeat: no-repeat;
    z-index: 1;
}

.product-item a {
  display: block;
  text-decoration:none;
  overflow: hidden;
  color:#fff;
}

.product-item img {
  float: left;
  margin-right: 1px;
}

.product-item .product-details {
  overflow: hidden;
}
#scroll-container {
  position: fixed;
  bottom: 1px; /* 调整滚动容器与底部的距离 */
  left: 10px; /* 调整滚动容器与左侧的距离 */
  background-color: rgba(135,206,235, 0.8);
  border-radius: 10px; /* 设置边框圆角为5像素 */
  overflow: hidden;
  height: auto; /* 调整滚动容器的高度 */
  z-index: 996; /* 可选：调整滚动容器的层级 */
  animation: expand 10s infinite;
}
@media only screen and (max-width: 600px) {
      #scroll-container {
        bottom: 1px; /* 调整滚动容器与底部的距离 */
        left: 5px; 调整滚动容器与左侧的距离 */
	height:15%;
	/* Existing CSS properties */
	animation: expandmoble 10s infinite;
      }
    }
@keyframes expand {
  0% {
    width: 400px;
    height:0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  40% {
    width: 400px;
    height:0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }

  100% {
    width: 400px;
    height: auto; /* 调整滚动容器的高度 */
  }
}
@keyframes expandmoble {
  0% {
    width: 98%;
    height:0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  40% {
    width: 98%;
    height:0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }

  100% {
    width: 98%;
    height: auto; 
  }
}