/*
 * @Description: 
 * @Author: hxh
 * @Date: 2023-05-05 10:23:17
 */
.sub-content * {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.pager {
  text-align: center;
}

.deal-list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 15px;
}
.deal-list > li {
  width: -webkit-calc(33.33% - 21.3333333333px);
  width: -moz-calc(33.33% - 21.3333333333px);
  width: calc(33.33% - 21.3333333333px);
  height: 315px;
  margin-right: 32px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.774) 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.774) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.774) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.774) 100%);
  border: 1px solid #ffffff;
  box-shadow: 0px 5px 22px rgba(226, 229, 233, 0.8);
  backdrop-filter: blur(49.5px);
  border-radius: 4px;
  padding: 20px;
}
.deal-list > li:nth-child(3n) {
  margin-right: 0;
}
.deal-list > li:nth-child(n+4) {
  margin-top: 20px;
}
.deal-list > li .item-label {
  display: block;
  margin-bottom: 4px;
  padding-left: 12px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  text-shadow: 0px 1px 4px #0fa95f;
  background: url("../images/index/img_deal_label.png") left center no-repeat;
  -o-background-size: auto 100%;
     background-size: auto 100%;
}
.deal-list > li .item-name {
  max-height: 48px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* ! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 10px;
}
.deal-list > li .item-info {
  height: 33px;
  background: #f8fbff;
  margin-top: 6px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 33px;
  font-size: 14px;
}
.deal-list > li .item-info .info-label {
  display: block;
  width: 102px;
  text-align: right;
  padding-right: 8px;
  color: rgba(59, 126, 203, 0.6);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.deal-list > li .item-info .info-content {
  font-weight: 500;
  color: #1e5ea7;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.deal-list > li .item-btn {
  margin-top: 10px;
  height: 33px;
  line-height: 33px;
  background: -webkit-linear-gradient(top, #529bef 0%, #1f60aa 100%);
  background: -moz-linear-gradient(top, #529bef 0%, #1f60aa 100%);
  background: -o-linear-gradient(top, #529bef 0%, #1f60aa 100%);
  background: linear-gradient(180deg, #529bef 0%, #1f60aa 100%);
  border: 1px solid #2e7fdc;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  display: block;
}