xiaoe_mp_npm 1.1.21 → 1.1.22-test02

package/miniprogram_dist/GoodsItem/index.wxss

@@ -115,14 +115,15 @@
   align-items: center;
   height: 5.33333vmin;
   width: 29.9vmin;
-  border-bottom-right-radius: 2.13vmin;
-  border-bottom-left-radius: 2.13vmin;
+  border-radius: 0 0 2.13333vmin 2.13333vmin;
+  background: rgba(255, 84, 41, 0.9);
+  backdrop-filter: blur(2.13333vmin);
 }
 .goods-item .main-card .left .goods-explaining::before {
   content: '';
   position: absolute;
   background: rgba(0, 0, 0, 0.2);
-  backdrop-filter: blur(0.22rem);
+  backdrop-filter: blur(2.93333vmin);
   left: 0;
   bottom: 0;
   width: 100%;
@@ -139,7 +140,7 @@
   width: 4.8vmin;
   background-repeat: no-repeat;
   background-size: cover;
-  margin-right: 0.08rem;
+  margin-right: 1.06667vmin;
 }
 .goods-item .main-card .left .goods-explaining .loadingWrapper .loading {
   background-color: white;
@@ -155,6 +156,7 @@
 .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1) {
   left: 0;
   animation: 0.9s ease-in-out 0.15s loading-run infinite;
+  -webkit-animation: 0.9s ease-in-out 0.15s loading-run infinite;
 }
 .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2) {
   left: 1.33333vmin;
@@ -164,10 +166,6 @@
   left: 2.66667vmin;
   animation: 0.9s ease-in-out 0.35s loading-run infinite;
 }
-.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4) {
-  left: 4vmin;
-  animation: 0.9s ease-in-out 0.45s loading-run infinite;
-}
 @keyframes loading-run {
   0%,
   40%,
@@ -184,36 +182,86 @@
   position: relative;
   margin-left: 1.06667vmin;
 }
-.goods-item .main-card .left .is-over {
-  border-radius: 1.42267vmin 1.42267vmin 0 0;
+.goods-item .main-card .left .goods-over-mask {
   position: absolute;
   top: 0;
   left: 0;
-  width: 29.86667vmin;
+  width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, 0.4);
+  border-radius: 2.13333vmin;
+  background: rgba(255, 255, 255, 0.6);
   display: flex;
   justify-content: center;
   align-items: center;
-  color: #ffffff;
   font-size: 3.2vmin;
+  z-index: 1;
+}
+.goods-item .main-card .left .goods-over-mask .radio-box {
+  min-width: 11.73333vmin;
+  min-height: 11.73333vmin;
+  flex-shrink: 0;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 50%;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-family: "PingFang SC";
+  font-size: 3.2vmin;
+  font-weight: 600;
+  padding: 0.66667vmin;
+}
+.goods-item .main-card .left .seek-explaining {
+  position: absolute;
+  bottom: 2.13333vmin;
+  left: 50%;
+  transform: translateX(-50%);
+  min-width: 16vmin;
+  height: 5.33333vmin;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, 0.9);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 3.2vmin;
+  font-size: 3.2vmin;
+  font-weight: 500;
+  z-index: 1;
+}
+.goods-item .main-card .left .seek-explaining .seek-img {
+  width: 3.2vmin;
+  height: 3.2vmin;
+  margin-right: 0.53333vmin;
+}
+.goods-item .main-card .left .seek-explaining .seek-text {
+  font-size: 2.66667vmin;
+  font-weight: 500;
+}
+.goods-item .main-card .left .seek-explaining .disabled-text {
+  color: #999999;
 }
 .goods-item .main-card .right {
   flex: 1;
   display: flex;
   flex-direction: column;
+  justify-content: space-between;
   margin-left: 2.13333vmin;
-  height: 29.86667vmin;
+  min-height: 29.86667vmin;
   width: calc(100% - vmin(256));
   position: relative;
 }
-.goods-item .main-card .right .line-one {
+.goods-item .main-card .right .top-part {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.goods-item .main-card .right .top-part .line-one {
   display: flex;
   align-items: center;
   height: 4.8vmin;
   width: 59.46667vmin;
 }
-.goods-item .main-card .right .line-one .super-activity-type {
+.goods-item .main-card .right .top-part .line-one .super-activity-type {
   background: linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);
   color: #ff781f;
   padding: 0.53333vmin 1.06667vmin;
@@ -228,31 +276,12 @@
   font-weight: 500;
   align-items: center;
 }
-.goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
+.goods-item .main-card .right .top-part .line-one .super-activity-type .super-activity-txt {
   background: linear-gradient(to right, #FFE4AD, #FFC266);
   -webkit-background-clip: text;
   color: transparent;
 }
-.goods-item .main-card .right .line-one .membership-activity-type {
-  background: linear-gradient(90deg, #ffe7c2, #fedaa9);
-  padding: 0.53333vmin 1.06667vmin;
-  font-size: 2.66667vmin;
-  height: 4.26667vmin;
-  width: max-content;
-  line-height: 4.8vmin;
-  flex-shrink: 0;
-  margin-right: 1.06667vmin;
-  border-radius: 0.53333vmin;
-  display: flex;
-  font-weight: 500;
-  align-items: center;
-  box-sizing: border-box;
-}
-.goods-item .main-card .right .line-one .membership-activity-type .membership-activity-txt {
-  -webkit-background-clip: text;
-  color: #7a4b2c;
-}
-.goods-item .main-card .right .line-one .goods-title {
+.goods-item .main-card .right .top-part .line-one .goods-title {
   font-size: 3.73333vmin;
   color: #333333;
   word-break: break-all;
@@ -262,10 +291,10 @@
   display: inline-block;
   vertical-align: middle;
   line-height: 5.33333vmin;
-  font-weight: 500;
+  font-weight: 600;
   width: 59.46667vmin;
 }
-.goods-item .main-card .right .line-one .goods-is-preheat {
+.goods-item .main-card .right .top-part .line-one .goods-is-preheat {
   border-radius: 0.53333vmin;
   border: 1rpx solid #ff2e57;
   padding: 0.53333vmin 1.06667vmin;
@@ -275,65 +304,151 @@
   margin-right: 1.06667vmin;
   flex-shrink: 0;
 }
-.goods-item .main-card .right .line-one .manage-title {
+.goods-item .main-card .right .top-part .line-one .manage-title {
   width: 49.86667vmin;
 }
-.goods-item .main-card .right .desc {
-  color: #FF2E57;
+.goods-item .main-card .right .top-part .line-one .activity-type {
+  padding: 0.53333vmin 1.06667vmin;
+  justify-content: center;
+  align-items: center;
+  border-radius: 0.53333vmin;
+  height: 4.26667vmin;
+  line-height: 4.8vmin;
+  background: #ffe3e0;
+  color: #ff5429;
+  font-weight: 600;
+  font-size: 3.2vmin;
+  white-space: nowrap;
+  backdrop-filter: blur(1.46667vmin);
+  margin: 0.53333vmin 1.06667vmin 0.53333vmin 0;
+}
+.goods-item .main-card .right .top-part .membership-activity-type {
+  background: linear-gradient(90deg, #ffe7c2, #fedaa9);
+  padding: 0.53333vmin 1.06667vmin;
+  font-size: 2.66667vmin;
+  height: 4.26667vmin;
+  width: max-content;
+  line-height: 4.8vmin;
+  flex-shrink: 0;
+  margin-right: 1.06667vmin;
+  border-radius: 0.53333vmin;
+  display: flex;
+  font-weight: 500;
+  align-items: center;
+  box-sizing: border-box;
+}
+.goods-item .main-card .right .top-part .membership-activity-type .membership-activity-txt {
+  -webkit-background-clip: text;
+  color: #7a4b2c;
+}
+.goods-item .main-card .right .top-part .desc-order {
+  display: flex;
+  justify-content: space-between;
+}
+.goods-item .main-card .right .top-part .desc-order .desc {
+  white-space: nowrap;
+  color: #ff5429;
   font-size: 3.2vmin;
   line-height: 3.2vmin;
   margin-top: 1.06667vmin;
 }
-.goods-item .main-card .right .order {
+.goods-item .main-card .right .top-part .desc-order .order-num {
+  line-height: 3.2vmin;
+  height: 3.2vmin;
+  font-size: 2.66667vmin;
   margin-top: 1.06667vmin;
+  color: #999999;
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  font-size: 2.66667vmin;
 }
-.goods-item .main-card .right .order .order-left {
+.goods-item .main-card .right .top-part .desc-order .order-num .hot-icon {
+  width: 3.2vmin;
+  height: 3.2vmin;
+  margin-left: 0.53333vmin;
+}
+.goods-item .main-card .right .top-part .desc-order .order-num .hot-text {
+  color: #FF2E57;
+}
+.goods-item .main-card .right .top-part .goods-order {
+  margin: 1.06667vmin 0 0 0;
+  align-items: center;
+  margin-bottom: -0.26667vmin;
+}
+.goods-item .main-card .right .top-part .goods-order .order-left {
   display: flex;
-  flex-direction: row;
   flex-wrap: wrap;
-  gap: 1.06667vmin;
+  align-items: center;
+  row-gap: 0.53333vmin;
+  transform-origin: top left;
+  font-family: "PingFang SC";
+  font-size: 2.4vmin;
+  font-style: normal;
+  font-weight: 400;
+  margin-right: -1.06667vmin;
 }
-.goods-item .main-card .right .order .order-left .distribution {
-  background-color: #f5f5f5;
-  color: #999999;
+.goods-item .main-card .right .top-part .goods-order .order-left .coupon-tag {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  gap: 0.8vmin;
+  line-height: 3.33333vmin;
   border-radius: 0.53333vmin;
-  padding: 0.53333vmin 1.06667vmin;
-  font-weight: 400;
-  font-family: "PingFang SC";
+  padding: 0 1.06667vmin;
+  line-height: 3.73333vmin;
+  border: 0.13333vmin solid rgba(255, 84, 41, 0.4);
+  color: #ff4747;
   text-align: center;
-  line-height: 3.2vmin;
-  height: 3.2vmin;
+  font-style: normal;
+  font-weight: 400;
+  margin-right: 1.06667vmin;
 }
-.goods-item .main-card .right .order .order-left .preferential-price {
-  color: #FF2E57;
-  background: #FFEBEF;
-  padding: 0.53333vmin 1.06667vmin;
-  border-radius: 0.53333vmin;
+.goods-item .main-card .right .top-part .goods-order .order-left .coupon-tag .coupon-separator {
+  display: inline-block;
+  width: 0.13333vmin;
+  height: 2.13333vmin;
+  background-color: currentColor;
+  vertical-align: middle;
+  opacity: 0.4;
+  margin: 0 0.8vmin;
 }
-.goods-item .main-card .right .order .stock-and-order {
+.goods-item .main-card .right .top-part .goods-order .order-left .distribution {
+  box-sizing: border-box;
   display: flex;
   align-items: center;
-  flex-shrink: 0;
-  align-self: flex-start;
+  border-radius: 0.53333vmin;
+  padding: 0 1.06667vmin;
+  border: 0.13333vmin solid rgba(0, 153, 255, 0.4);
+  color: #0099FF;
+  text-align: center;
+  font-family: "PingFang SC";
+  font-size: 2.4vmin;
+  font-style: normal;
+  line-height: 3.73333vmin;
+  font-weight: 400;
+  margin-right: 1.06667vmin;
+}
+.goods-item .main-card .right .top-part .goods-order .order-left .distribution .distributionWay-separator {
+  display: inline-block;
+  width: 0.13333vmin;
+  height: 2.13333vmin;
+  background-color: #0099FF;
+  vertical-align: middle;
 }
-.goods-item .main-card .right .order .stock-and-order .stock-line {
-  background-color: #E5E5E5;
-  width: 1px;
-  height: 10px;
-  margin: 0 4px;
+.goods-item .main-card .right .top-part .goods-order .order-left .left-stock {
+  font-size: 2.66667vmin;
+  margin-left: auto;
+  color: #999;
+  margin-right: 1.06667vmin;
 }
-.goods-item .main-card .right .order .stock-and-order .order-stock {
-  color: #999999;
+.goods-item .main-card .right .top-part .goods-order .order-left .left-stock .prod-stock {
+  font-size: 2.66667vmin;
+  line-height: 5.33333vmin;
 }
-.goods-item .main-card .right .progress {
+.goods-item .main-card .right .top-part .progress {
   width: 42.66667vmin;
   height: 4.26667vmin;
   border-radius: 2.13333vmin;
-  background: #ebebeb;
+  background: #ffe7e0;
   position: relative;
   display: flex;
   justify-content: space-between;
@@ -342,7 +457,7 @@
   margin-top: 1.06667vmin;
   align-items: center;
 }
-.goods-item .main-card .right .progress .schedule {
+.goods-item .main-card .right .top-part .progress .schedule {
   height: 4.26667vmin;
   border-radius: 2.13333vmin;
   background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
@@ -350,17 +465,17 @@
   left: 0;
   top: 0;
 }
-.goods-item .main-card .right .progress .residue-num {
+.goods-item .main-card .right .top-part .progress .residue-num {
   font-size: 2.66667vmin;
   color: #ffffff;
   z-index: 2;
 }
-.goods-item .main-card .right .progress .residue-time {
+.goods-item .main-card .right .top-part .progress .residue-time {
   color: #999999;
   font-size: 2.66667vmin;
   z-index: 2;
 }
-.goods-item .main-card .right .sec-kill {
+.goods-item .main-card .right .top-part .sec-kill {
   color: #333333;
   height: 4.26667vmin;
   border-radius: 2.13333vmin;
@@ -371,7 +486,7 @@
   align-items: center;
   padding: 0 2.13333vmin;
 }
-.goods-item .main-card .right .sec-kill .time {
+.goods-item .main-card .right .top-part .sec-kill .time {
   margin: 0 1.86667vmin;
   color: #ff2e57;
 }
@@ -379,68 +494,125 @@
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
-  position: absolute;
-  bottom: 0;
   width: 100%;
 }
-.goods-item .main-card .right .line-three .price {
+.goods-item .main-card .right .line-three .price-box {
+  display: flex;
+  flex-wrap: wrap;
   position: relative;
-  min-height: 5.33333vmin;
+  margin-left: 0.53333vmin;
   font-weight: 500;
-  color: #FF2E57;
+  align-items: flex-end;
+  font-family: "PingFang SC";
 }
-.goods-item .main-card .right .line-three .price .activity-type {
-  font-size: 2.66667vmin;
-  height: 4.26667vmin;
-  line-height: 4.8vmin;
-  flex-shrink: 0;
+.goods-item .main-card .right .line-three .price-box .red-price {
+  display: flex;
+  align-items: flex-end;
+  flex-wrap: wrap;
   margin-right: 0.53333vmin;
-  border-radius: 0.53333vmin;
-  font-weight: 500;
+  color: #ff5429;
 }
-.goods-item .main-card .right .line-three .price .price-flow {
-  font-size: 3.2vmin;
+.goods-item .main-card .right .line-three .price-box .red-price .price-box {
+  display: flex;
+  align-items: center;
+  height: 3.73333vmin;
+}
+.goods-item .main-card .right .line-three .price-box .red-price-txt {
+  height: 3.73333vmin;
+  display: inline-flex;
+  align-items: center;
+  font-size: 2.4vmin;
+  font-weight: 600;
+  text-align: center;
+  margin-right: 0.53333vmin;
+  white-space: nowrap;
 }
-.goods-item .main-card .right .line-three .price .price-show {
+.goods-item .main-card .right .line-three .price-box .red-price-num {
+  text-align: center;
+  font-family: "PingFang SC";
   font-size: 4.26667vmin;
+  font-weight: 600;
+  line-height: 4.53333vmin;
+  transform: scale(1);
+  transform-origin: bottom;
 }
-.goods-item .main-card .right .line-three .price .pending-price {
-  font-size: 2.66667vmin;
-  margin-left: 0.53333vmin;
+.goods-item .main-card .right .line-three .price-box .red-price .icon {
+  width: 2.66667vmin;
+  height: 2.66667vmin;
+  margin-right: 0.53333vmin;
+  background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/mhkej27y0lu7.svg");
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.goods-item .main-card .right .line-three .price-box .red-price .over-icon {
+  background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/mir4jy7f0k5y.svg");
 }
-.goods-item .main-card .right .line-three .price .sale-unit {
+.goods-item .main-card .right .line-three .price-box .red-price .sale-unit {
+  height: 3.2vmin;
+  line-height: 3.2vmin;
   font-size: 3.2vmin;
   color: #666;
 }
-.goods-item .main-card .right .line-three .price .price-line {
+.goods-item .main-card .right .line-three .price-box .red-price .wait-open-price {
+  height: 3.2vmin;
   font-size: 2.66667vmin;
-  text-decoration: line-through;
+  line-height: 2.66667vmin;
+  font-weight: 500;
+  margin-left: 0.53333vmin;
+}
+.goods-item .main-card .right .line-three .price-box .grey-price {
+  height: 4.26667vmin;
+  display: flex;
+  align-items: flex-end;
+  transform: scale(0.83333);
+  transform-origin: bottom left;
+}
+.goods-item .main-card .right .line-three .price-box .grey-price-value {
   color: #999999;
-  margin-left: 1.06667vmin;
+  text-align: center;
+  font-family: "PingFang SC";
+  height: 4.26667vmin;
+  line-height: 4.26667vmin;
+  font-size: 3.2vmin;
+  font-weight: 400;
+}
+.goods-item .main-card .right .line-three .price-box .grey-price-line-through {
+  text-decoration: line-through;
+}
+.goods-item .main-card .right .line-three .over-price-box {
+  filter: grayscale(100%);
+  opacity: 0.5;
 }
 .goods-item .main-card .right .line-three .buy-btn {
   font-size: 3.2vmin;
   border-radius: 1.06667vmin;
-  width: 17.06667vmin;
-  height: 6.4vmin;
+  width: 19.2vmin;
+  height: 7.46667vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 6.4vmin;
+  line-height: 7.46667vmin;
   font-weight: 500;
-  background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  margin-left: inherit;
+  margin-right: inherit;
+  background: linear-gradient(270deg, #fe6500, #ff4102);
 }
 .goods-item .main-card .right .line-three .buy-btn-teacher {
   font-size: 3.2vmin;
   border-radius: 1.06667vmin;
-  width: 17.06667vmin;
-  height: 6.4vmin;
+  width: 19.2vmin;
+  height: 7.46667vmin;
   display: flex;
   justify-content: center;
   align-items: center;
-  line-height: 6.4vmin;
+  color: white;
+  line-height: 7.46667vmin;
   font-weight: 500;
+  margin-left: inherit;
+  margin-right: inherit;
+  background: linear-gradient(270deg, #fe6500, #ff4102);
 }
 .goods-item .main-card .right .line-three .buy-btn-teacher .load {
   width: 3.2vmin;
@@ -449,8 +621,8 @@
   margin-right: 1.06667vmin;
 }
 .goods-item .main-card .right .line-three .cancel-explain-bg {
-  background: #ffebef;
-  color: #ff2e57;
+  background: #fff6f5;
+  color: #ff5429;
 }
 .goods-item .main-card .right .line-three .explain-bg {
   background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
@@ -476,17 +648,17 @@
 .goods-item .main-card .right .line-three .see-btn {
   font-size: 3.2vmin;
   border-radius: 1.06667vmin;
-  width: 17.06667vmin;
-  height: 6.4vmin;
+  width: 19.2vmin;
+  height: 7.46667vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 6.4vmin;
+  line-height: 7.46667vmin;
   font-weight: 500;
   margin-left: inherit;
   margin-right: inherit;
-  background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  background: linear-gradient(270deg, #fe6500, #ff4102);
 }
 .goods-item .main-card .right .line-three .buy-btn-preferential {
   font-size: 3.2vmin;
@@ -671,14 +843,15 @@
     align-items: center;
     height: 2.60417vmin;
     width: 29.9vmin;
-    border-bottom-right-radius: 2.13vmin;
-    border-bottom-left-radius: 2.13vmin;
+    border-radius: 0 0 1.04167vmin 1.04167vmin;
+    background: rgba(255, 84, 41, 0.9);
+    backdrop-filter: blur(1.04167vmin);
   }
   .goods-item .main-card .left .goods-explaining::before {
     content: '';
     position: absolute;
     background: rgba(0, 0, 0, 0.2);
-    backdrop-filter: blur(0.22rem);
+    backdrop-filter: blur(1.43229vmin);
     left: 0;
     bottom: 0;
     width: 100%;
@@ -695,7 +868,7 @@
     width: 2.34375vmin;
     background-repeat: no-repeat;
     background-size: cover;
-    margin-right: 0.08rem;
+    margin-right: 0.52083vmin;
   }
   .goods-item .main-card .left .goods-explaining .loadingWrapper .loading {
     background-color: white;
@@ -711,6 +884,7 @@
   .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1) {
     left: 0;
     animation: 0.9s ease-in-out 0.15s loading-run infinite;
+    -webkit-animation: 0.9s ease-in-out 0.15s loading-run infinite;
   }
   .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2) {
     left: 0.65104vmin;
@@ -720,10 +894,6 @@
     left: 1.30208vmin;
     animation: 0.9s ease-in-out 0.35s loading-run infinite;
   }
-  .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4) {
-    left: 1.95312vmin;
-    animation: 0.9s ease-in-out 0.45s loading-run infinite;
-  }
   @keyframes loading-run {
     0%,
     40%,
@@ -740,57 +910,88 @@
     position: relative;
     margin-left: 0.52083vmin;
   }
-  .goods-item .main-card .left .is-over {
-    border-radius: 0.69466vmin 0.69466vmin 0 0;
+  .goods-item .main-card .left .goods-over-mask {
     position: absolute;
     top: 0;
     left: 0;
-    width: 14.58333vmin;
+    width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.4);
+    border-radius: 1.04167vmin;
+    background: rgba(255, 255, 255, 0.6);
     display: flex;
     justify-content: center;
     align-items: center;
-    color: #ffffff;
     font-size: 1.5625vmin;
+    z-index: 1;
   }
-  .goods-item .main-card .right {
-    flex: 1;
+  .goods-item .main-card .left .goods-over-mask .radio-box {
+    min-width: 5.72917vmin;
+    min-height: 5.72917vmin;
+    flex-shrink: 0;
+    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    color: #fff;
     display: flex;
-    flex-direction: column;
-    margin-left: 1.04167vmin;
-    height: 14.58333vmin;
-    width: calc(100% - vmin(256));
-    position: relative;
+    justify-content: center;
+    align-items: center;
+    font-family: "PingFang SC";
+    font-size: 1.5625vmin;
+    font-weight: 600;
+    padding: 0.32552vmin;
   }
-  .goods-item .main-card .right .line-one {
+  .goods-item .main-card .left .seek-explaining {
+    position: absolute;
+    bottom: 1.04167vmin;
+    left: 50%;
+    transform: translateX(-50%);
+    min-width: 7.8125vmin;
+    height: 2.60417vmin;
+    white-space: nowrap;
+    background: rgba(255, 255, 255, 0.9);
     display: flex;
     align-items: center;
-    height: 2.34375vmin;
-    width: 29.03646vmin;
+    justify-content: center;
+    border-radius: 1.5625vmin;
+    font-size: 1.5625vmin;
+    font-weight: 500;
+    z-index: 1;
   }
-  .goods-item .main-card .right .line-one .super-activity-type {
-    background: linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);
-    color: #ff781f;
-    padding: 0.26042vmin 0.52083vmin;
-    font-size: 1.30208vmin;
-    height: 2.08333vmin;
-    width: max-content;
-    line-height: 2.34375vmin;
-    flex-shrink: 0;
-    margin-right: 0.52083vmin;
-    border-radius: 0.26042vmin;
-    display: flex;
+  .goods-item .main-card .left .seek-explaining .seek-img {
+    width: 1.5625vmin;
+    height: 1.5625vmin;
+    margin-right: 0.26042vmin;
+  }
+  .goods-item .main-card .left .seek-explaining .seek-text {
+    font-size: 1.30208vmin;
     font-weight: 500;
-    align-items: center;
   }
-  .goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
-    background: linear-gradient(to right, #FFE4AD, #FFC266);
-    -webkit-background-clip: text;
-    color: transparent;
+  .goods-item .main-card .left .seek-explaining .disabled-text {
+    color: #999999;
   }
-  .goods-item .main-card .right .line-one .membership-activity-type {
-    background: linear-gradient(90deg, #ffe7c2, #fedaa9);
+  .goods-item .main-card .right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-left: 1.04167vmin;
+    min-height: 14.58333vmin;
+    width: calc(100% - vmin(256));
+    position: relative;
+  }
+  .goods-item .main-card .right .top-part {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .goods-item .main-card .right .top-part .line-one {
+    display: flex;
+    align-items: center;
+    height: 2.34375vmin;
+    width: 29.03646vmin;
+  }
+  .goods-item .main-card .right .top-part .line-one .super-activity-type {
+    background: linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);
+    color: #ff781f;
     padding: 0.26042vmin 0.52083vmin;
     font-size: 1.30208vmin;
     height: 2.08333vmin;
@@ -802,13 +1003,13 @@
     display: flex;
     font-weight: 500;
     align-items: center;
-    box-sizing: border-box;
   }
-  .goods-item .main-card .right .line-one .membership-activity-type .membership-activity-txt {
+  .goods-item .main-card .right .top-part .line-one .super-activity-type .super-activity-txt {
+    background: linear-gradient(to right, #FFE4AD, #FFC266);
     -webkit-background-clip: text;
-    color: #7a4b2c;
+    color: transparent;
   }
-  .goods-item .main-card .right .line-one .goods-title {
+  .goods-item .main-card .right .top-part .line-one .goods-title {
     font-size: 1.82292vmin;
     color: #333333;
     word-break: break-all;
@@ -818,10 +1019,10 @@
     display: inline-block;
     vertical-align: middle;
     line-height: 2.60417vmin;
-    font-weight: 500;
+    font-weight: 600;
     width: 29.03646vmin;
   }
-  .goods-item .main-card .right .line-one .goods-is-preheat {
+  .goods-item .main-card .right .top-part .line-one .goods-is-preheat {
     border-radius: 0.26042vmin;
     border: 1rpx solid #ff2e57;
     padding: 0.26042vmin 0.52083vmin;
@@ -831,65 +1032,151 @@
     margin-right: 0.52083vmin;
     flex-shrink: 0;
   }
-  .goods-item .main-card .right .line-one .manage-title {
+  .goods-item .main-card .right .top-part .line-one .manage-title {
     width: 24.34896vmin;
   }
-  .goods-item .main-card .right .desc {
-    color: #FF2E57;
+  .goods-item .main-card .right .top-part .line-one .activity-type {
+    padding: 0.26042vmin 0.52083vmin;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0.26042vmin;
+    height: 2.08333vmin;
+    line-height: 2.34375vmin;
+    background: #ffe3e0;
+    color: #ff5429;
+    font-weight: 600;
+    font-size: 1.5625vmin;
+    white-space: nowrap;
+    backdrop-filter: blur(0.71615vmin);
+    margin: 0.26042vmin 0.52083vmin 0.26042vmin 0;
+  }
+  .goods-item .main-card .right .top-part .membership-activity-type {
+    background: linear-gradient(90deg, #ffe7c2, #fedaa9);
+    padding: 0.26042vmin 0.52083vmin;
+    font-size: 1.30208vmin;
+    height: 2.08333vmin;
+    width: max-content;
+    line-height: 2.34375vmin;
+    flex-shrink: 0;
+    margin-right: 0.52083vmin;
+    border-radius: 0.26042vmin;
+    display: flex;
+    font-weight: 500;
+    align-items: center;
+    box-sizing: border-box;
+  }
+  .goods-item .main-card .right .top-part .membership-activity-type .membership-activity-txt {
+    -webkit-background-clip: text;
+    color: #7a4b2c;
+  }
+  .goods-item .main-card .right .top-part .desc-order {
+    display: flex;
+    justify-content: space-between;
+  }
+  .goods-item .main-card .right .top-part .desc-order .desc {
+    white-space: nowrap;
+    color: #ff5429;
     font-size: 1.5625vmin;
     line-height: 1.5625vmin;
     margin-top: 0.52083vmin;
   }
-  .goods-item .main-card .right .order {
+  .goods-item .main-card .right .top-part .desc-order .order-num {
+    line-height: 1.5625vmin;
+    height: 1.5625vmin;
+    font-size: 1.30208vmin;
     margin-top: 0.52083vmin;
+    color: #999999;
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    font-size: 1.30208vmin;
   }
-  .goods-item .main-card .right .order .order-left {
+  .goods-item .main-card .right .top-part .desc-order .order-num .hot-icon {
+    width: 1.5625vmin;
+    height: 1.5625vmin;
+    margin-left: 0.26042vmin;
+  }
+  .goods-item .main-card .right .top-part .desc-order .order-num .hot-text {
+    color: #FF2E57;
+  }
+  .goods-item .main-card .right .top-part .goods-order {
+    margin: 0.52083vmin 0 0 0;
+    align-items: center;
+    margin-bottom: -0.13021vmin;
+  }
+  .goods-item .main-card .right .top-part .goods-order .order-left {
     display: flex;
-    flex-direction: row;
     flex-wrap: wrap;
-    gap: 0.52083vmin;
+    align-items: center;
+    row-gap: 0.26042vmin;
+    transform-origin: top left;
+    font-family: "PingFang SC";
+    font-size: 1.17188vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-right: -0.52083vmin;
   }
-  .goods-item .main-card .right .order .order-left .distribution {
-    background-color: #f5f5f5;
-    color: #999999;
+  .goods-item .main-card .right .top-part .goods-order .order-left .coupon-tag {
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    gap: 0.39062vmin;
+    line-height: 1.6276vmin;
     border-radius: 0.26042vmin;
-    padding: 0.26042vmin 0.52083vmin;
-    font-weight: 400;
-    font-family: "PingFang SC";
+    padding: 0 0.52083vmin;
+    line-height: 1.82292vmin;
+    border: 0.0651vmin solid rgba(255, 84, 41, 0.4);
+    color: #ff4747;
     text-align: center;
-    line-height: 1.5625vmin;
-    height: 1.5625vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-right: 0.52083vmin;
   }
-  .goods-item .main-card .right .order .order-left .preferential-price {
-    color: #FF2E57;
-    background: #FFEBEF;
-    padding: 0.26042vmin 0.52083vmin;
-    border-radius: 0.26042vmin;
+  .goods-item .main-card .right .top-part .goods-order .order-left .coupon-tag .coupon-separator {
+    display: inline-block;
+    width: 0.0651vmin;
+    height: 1.04167vmin;
+    background-color: currentColor;
+    vertical-align: middle;
+    opacity: 0.4;
+    margin: 0 0.39062vmin;
   }
-  .goods-item .main-card .right .order .stock-and-order {
+  .goods-item .main-card .right .top-part .goods-order .order-left .distribution {
+    box-sizing: border-box;
     display: flex;
     align-items: center;
-    flex-shrink: 0;
-    align-self: flex-start;
+    border-radius: 0.26042vmin;
+    padding: 0 0.52083vmin;
+    border: 0.0651vmin solid rgba(0, 153, 255, 0.4);
+    color: #0099FF;
+    text-align: center;
+    font-family: "PingFang SC";
+    font-size: 1.17188vmin;
+    font-style: normal;
+    line-height: 1.82292vmin;
+    font-weight: 400;
+    margin-right: 0.52083vmin;
   }
-  .goods-item .main-card .right .order .stock-and-order .stock-line {
-    background-color: #E5E5E5;
-    width: 1px;
-    height: 10px;
-    margin: 0 4px;
+  .goods-item .main-card .right .top-part .goods-order .order-left .distribution .distributionWay-separator {
+    display: inline-block;
+    width: 0.0651vmin;
+    height: 1.04167vmin;
+    background-color: #0099FF;
+    vertical-align: middle;
   }
-  .goods-item .main-card .right .order .stock-and-order .order-stock {
-    color: #999999;
+  .goods-item .main-card .right .top-part .goods-order .order-left .left-stock {
+    font-size: 1.30208vmin;
+    margin-left: auto;
+    color: #999;
+    margin-right: 0.52083vmin;
   }
-  .goods-item .main-card .right .progress {
+  .goods-item .main-card .right .top-part .goods-order .order-left .left-stock .prod-stock {
+    font-size: 1.30208vmin;
+    line-height: 2.60417vmin;
+  }
+  .goods-item .main-card .right .top-part .progress {
     width: 20.83333vmin;
     height: 2.08333vmin;
     border-radius: 1.04167vmin;
-    background: #ebebeb;
+    background: #ffe7e0;
     position: relative;
     display: flex;
     justify-content: space-between;
@@ -898,7 +1185,7 @@
     margin-top: 0.52083vmin;
     align-items: center;
   }
-  .goods-item .main-card .right .progress .schedule {
+  .goods-item .main-card .right .top-part .progress .schedule {
     height: 2.08333vmin;
     border-radius: 1.04167vmin;
     background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
@@ -906,17 +1193,17 @@
     left: 0;
     top: 0;
   }
-  .goods-item .main-card .right .progress .residue-num {
+  .goods-item .main-card .right .top-part .progress .residue-num {
     font-size: 1.30208vmin;
     color: #ffffff;
     z-index: 2;
   }
-  .goods-item .main-card .right .progress .residue-time {
+  .goods-item .main-card .right .top-part .progress .residue-time {
     color: #999999;
     font-size: 1.30208vmin;
     z-index: 2;
   }
-  .goods-item .main-card .right .sec-kill {
+  .goods-item .main-card .right .top-part .sec-kill {
     color: #333333;
     height: 2.08333vmin;
     border-radius: 1.04167vmin;
@@ -927,7 +1214,7 @@
     align-items: center;
     padding: 0 1.04167vmin;
   }
-  .goods-item .main-card .right .sec-kill .time {
+  .goods-item .main-card .right .top-part .sec-kill .time {
     margin: 0 0.91146vmin;
     color: #ff2e57;
   }
@@ -935,68 +1222,125 @@
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
-    position: absolute;
-    bottom: 0;
     width: 100%;
   }
-  .goods-item .main-card .right .line-three .price {
+  .goods-item .main-card .right .line-three .price-box {
+    display: flex;
+    flex-wrap: wrap;
     position: relative;
-    min-height: 2.60417vmin;
+    margin-left: 0.26042vmin;
     font-weight: 500;
-    color: #FF2E57;
+    align-items: flex-end;
+    font-family: "PingFang SC";
   }
-  .goods-item .main-card .right .line-three .price .activity-type {
-    font-size: 1.30208vmin;
-    height: 2.08333vmin;
-    line-height: 2.34375vmin;
-    flex-shrink: 0;
+  .goods-item .main-card .right .line-three .price-box .red-price {
+    display: flex;
+    align-items: flex-end;
+    flex-wrap: wrap;
     margin-right: 0.26042vmin;
-    border-radius: 0.26042vmin;
-    font-weight: 500;
+    color: #ff5429;
   }
-  .goods-item .main-card .right .line-three .price .price-flow {
-    font-size: 1.5625vmin;
+  .goods-item .main-card .right .line-three .price-box .red-price .price-box {
+    display: flex;
+    align-items: center;
+    height: 1.82292vmin;
   }
-  .goods-item .main-card .right .line-three .price .price-show {
+  .goods-item .main-card .right .line-three .price-box .red-price-txt {
+    height: 1.82292vmin;
+    display: inline-flex;
+    align-items: center;
+    font-size: 1.17188vmin;
+    font-weight: 600;
+    text-align: center;
+    margin-right: 0.26042vmin;
+    white-space: nowrap;
+  }
+  .goods-item .main-card .right .line-three .price-box .red-price-num {
+    text-align: center;
+    font-family: "PingFang SC";
     font-size: 2.08333vmin;
+    font-weight: 600;
+    line-height: 2.21354vmin;
+    transform: scale(1);
+    transform-origin: bottom;
   }
-  .goods-item .main-card .right .line-three .price .pending-price {
-    font-size: 1.30208vmin;
-    margin-left: 0.26042vmin;
+  .goods-item .main-card .right .line-three .price-box .red-price .icon {
+    width: 1.30208vmin;
+    height: 1.30208vmin;
+    margin-right: 0.26042vmin;
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/mhkej27y0lu7.svg");
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  .goods-item .main-card .right .line-three .price-box .red-price .over-icon {
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/mir4jy7f0k5y.svg");
   }
-  .goods-item .main-card .right .line-three .price .sale-unit {
+  .goods-item .main-card .right .line-three .price-box .red-price .sale-unit {
+    height: 1.5625vmin;
+    line-height: 1.5625vmin;
     font-size: 1.5625vmin;
     color: #666;
   }
-  .goods-item .main-card .right .line-three .price .price-line {
+  .goods-item .main-card .right .line-three .price-box .red-price .wait-open-price {
+    height: 1.5625vmin;
     font-size: 1.30208vmin;
-    text-decoration: line-through;
+    line-height: 1.30208vmin;
+    font-weight: 500;
+    margin-left: 0.26042vmin;
+  }
+  .goods-item .main-card .right .line-three .price-box .grey-price {
+    height: 2.08333vmin;
+    display: flex;
+    align-items: flex-end;
+    transform: scale(0.83333);
+    transform-origin: bottom left;
+  }
+  .goods-item .main-card .right .line-three .price-box .grey-price-value {
     color: #999999;
-    margin-left: 0.52083vmin;
+    text-align: center;
+    font-family: "PingFang SC";
+    height: 2.08333vmin;
+    line-height: 2.08333vmin;
+    font-size: 1.5625vmin;
+    font-weight: 400;
+  }
+  .goods-item .main-card .right .line-three .price-box .grey-price-line-through {
+    text-decoration: line-through;
+  }
+  .goods-item .main-card .right .line-three .over-price-box {
+    filter: grayscale(100%);
+    opacity: 0.5;
   }
   .goods-item .main-card .right .line-three .buy-btn {
     font-size: 1.5625vmin;
     border-radius: 0.52083vmin;
-    width: 8.33333vmin;
-    height: 3.125vmin;
+    width: 9.375vmin;
+    height: 3.64583vmin;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
-    line-height: 3.125vmin;
+    line-height: 3.64583vmin;
     font-weight: 500;
-    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #fe6500, #ff4102);
   }
   .goods-item .main-card .right .line-three .buy-btn-teacher {
     font-size: 1.5625vmin;
     border-radius: 0.52083vmin;
-    width: 8.33333vmin;
-    height: 3.125vmin;
+    width: 9.375vmin;
+    height: 3.64583vmin;
     display: flex;
     justify-content: center;
     align-items: center;
-    line-height: 3.125vmin;
+    color: white;
+    line-height: 3.64583vmin;
     font-weight: 500;
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #fe6500, #ff4102);
   }
   .goods-item .main-card .right .line-three .buy-btn-teacher .load {
     width: 1.5625vmin;
@@ -1005,8 +1349,8 @@
     margin-right: 0.52083vmin;
   }
   .goods-item .main-card .right .line-three .cancel-explain-bg {
-    background: #ffebef;
-    color: #ff2e57;
+    background: #fff6f5;
+    color: #ff5429;
   }
   .goods-item .main-card .right .line-three .explain-bg {
     background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
@@ -1032,17 +1376,17 @@
   .goods-item .main-card .right .line-three .see-btn {
     font-size: 1.5625vmin;
     border-radius: 0.52083vmin;
-    width: 8.33333vmin;
-    height: 3.125vmin;
+    width: 9.375vmin;
+    height: 3.64583vmin;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
-    line-height: 3.125vmin;
+    line-height: 3.64583vmin;
     font-weight: 500;
     margin-left: inherit;
     margin-right: inherit;
-    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+    background: linear-gradient(270deg, #fe6500, #ff4102);
   }
   .goods-item .main-card .right .line-three .buy-btn-preferential {
     font-size: 1.5625vmin;
@@ -1228,14 +1572,15 @@
     align-items: center;
     height: 3.1746vmin;
     width: 29.9vmin;
-    border-bottom-right-radius: 2.13vmin;
-    border-bottom-left-radius: 2.13vmin;
+    border-radius: 0 0 1.26984vmin 1.26984vmin;
+    background: rgba(255, 84, 41, 0.9);
+    backdrop-filter: blur(1.26984vmin);
   }
   .goods-item .main-card .left .goods-explaining::before {
     content: '';
     position: absolute;
     background: rgba(0, 0, 0, 0.2);
-    backdrop-filter: blur(0.22rem);
+    backdrop-filter: blur(1.74603vmin);
     left: 0;
     bottom: 0;
     width: 100%;
@@ -1252,7 +1597,7 @@
     width: 2.85714vmin;
     background-repeat: no-repeat;
     background-size: cover;
-    margin-right: 0.08rem;
+    margin-right: 0.63492vmin;
   }
   .goods-item .main-card .left .goods-explaining .loadingWrapper .loading {
     background-color: white;
@@ -1268,6 +1613,7 @@
   .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1) {
     left: 0;
     animation: 0.9s ease-in-out 0.15s loading-run infinite;
+    -webkit-animation: 0.9s ease-in-out 0.15s loading-run infinite;
   }
   .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2) {
     left: 0.79365vmin;
@@ -1277,10 +1623,6 @@
     left: 1.5873vmin;
     animation: 0.9s ease-in-out 0.35s loading-run infinite;
   }
-  .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4) {
-    left: 2.38095vmin;
-    animation: 0.9s ease-in-out 0.45s loading-run infinite;
-  }
   @keyframes loading-run {
     0%,
     40%,
@@ -1297,36 +1639,86 @@
     position: relative;
     margin-left: 0.63492vmin;
   }
-  .goods-item .main-card .left .is-over {
-    border-radius: 0.84683vmin 0.84683vmin 0 0;
+  .goods-item .main-card .left .goods-over-mask {
     position: absolute;
     top: 0;
     left: 0;
-    width: 17.77778vmin;
+    width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.4);
+    border-radius: 1.26984vmin;
+    background: rgba(255, 255, 255, 0.6);
     display: flex;
     justify-content: center;
     align-items: center;
-    color: #ffffff;
     font-size: 1.90476vmin;
+    z-index: 1;
+  }
+  .goods-item .main-card .left .goods-over-mask .radio-box {
+    min-width: 6.98413vmin;
+    min-height: 6.98413vmin;
+    flex-shrink: 0;
+    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: "PingFang SC";
+    font-size: 1.90476vmin;
+    font-weight: 600;
+    padding: 0.39683vmin;
+  }
+  .goods-item .main-card .left .seek-explaining {
+    position: absolute;
+    bottom: 1.26984vmin;
+    left: 50%;
+    transform: translateX(-50%);
+    min-width: 9.52381vmin;
+    height: 3.1746vmin;
+    white-space: nowrap;
+    background: rgba(255, 255, 255, 0.9);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 1.90476vmin;
+    font-size: 1.90476vmin;
+    font-weight: 500;
+    z-index: 1;
+  }
+  .goods-item .main-card .left .seek-explaining .seek-img {
+    width: 1.90476vmin;
+    height: 1.90476vmin;
+    margin-right: 0.31746vmin;
+  }
+  .goods-item .main-card .left .seek-explaining .seek-text {
+    font-size: 1.5873vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .left .seek-explaining .disabled-text {
+    color: #999999;
   }
   .goods-item .main-card .right {
     flex: 1;
     display: flex;
     flex-direction: column;
+    justify-content: space-between;
     margin-left: 1.26984vmin;
-    height: 17.77778vmin;
+    min-height: 17.77778vmin;
     width: calc(100% - vmin(256));
     position: relative;
   }
-  .goods-item .main-card .right .line-one {
+  .goods-item .main-card .right .top-part {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .goods-item .main-card .right .top-part .line-one {
     display: flex;
     align-items: center;
     height: 2.85714vmin;
     width: 35.39683vmin;
   }
-  .goods-item .main-card .right .line-one .super-activity-type {
+  .goods-item .main-card .right .top-part .line-one .super-activity-type {
     background: linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);
     color: #ff781f;
     padding: 0.31746vmin 0.63492vmin;
@@ -1341,31 +1733,12 @@
     font-weight: 500;
     align-items: center;
   }
-  .goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
+  .goods-item .main-card .right .top-part .line-one .super-activity-type .super-activity-txt {
     background: linear-gradient(to right, #FFE4AD, #FFC266);
     -webkit-background-clip: text;
     color: transparent;
   }
-  .goods-item .main-card .right .line-one .membership-activity-type {
-    background: linear-gradient(90deg, #ffe7c2, #fedaa9);
-    padding: 0.31746vmin 0.63492vmin;
-    font-size: 1.5873vmin;
-    height: 2.53968vmin;
-    width: max-content;
-    line-height: 2.85714vmin;
-    flex-shrink: 0;
-    margin-right: 0.63492vmin;
-    border-radius: 0.31746vmin;
-    display: flex;
-    font-weight: 500;
-    align-items: center;
-    box-sizing: border-box;
-  }
-  .goods-item .main-card .right .line-one .membership-activity-type .membership-activity-txt {
-    -webkit-background-clip: text;
-    color: #7a4b2c;
-  }
-  .goods-item .main-card .right .line-one .goods-title {
+  .goods-item .main-card .right .top-part .line-one .goods-title {
     font-size: 2.22222vmin;
     color: #333333;
     word-break: break-all;
@@ -1375,10 +1748,10 @@
     display: inline-block;
     vertical-align: middle;
     line-height: 3.1746vmin;
-    font-weight: 500;
+    font-weight: 600;
     width: 35.39683vmin;
   }
-  .goods-item .main-card .right .line-one .goods-is-preheat {
+  .goods-item .main-card .right .top-part .line-one .goods-is-preheat {
     border-radius: 0.31746vmin;
     border: 1rpx solid #ff2e57;
     padding: 0.31746vmin 0.63492vmin;
@@ -1388,65 +1761,151 @@
     margin-right: 0.63492vmin;
     flex-shrink: 0;
   }
-  .goods-item .main-card .right .line-one .manage-title {
+  .goods-item .main-card .right .top-part .line-one .manage-title {
     width: 29.68254vmin;
   }
-  .goods-item .main-card .right .desc {
-    color: #FF2E57;
+  .goods-item .main-card .right .top-part .line-one .activity-type {
+    padding: 0.31746vmin 0.63492vmin;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0.31746vmin;
+    height: 2.53968vmin;
+    line-height: 2.85714vmin;
+    background: #ffe3e0;
+    color: #ff5429;
+    font-weight: 600;
+    font-size: 1.90476vmin;
+    white-space: nowrap;
+    backdrop-filter: blur(0.87302vmin);
+    margin: 0.31746vmin 0.63492vmin 0.31746vmin 0;
+  }
+  .goods-item .main-card .right .top-part .membership-activity-type {
+    background: linear-gradient(90deg, #ffe7c2, #fedaa9);
+    padding: 0.31746vmin 0.63492vmin;
+    font-size: 1.5873vmin;
+    height: 2.53968vmin;
+    width: max-content;
+    line-height: 2.85714vmin;
+    flex-shrink: 0;
+    margin-right: 0.63492vmin;
+    border-radius: 0.31746vmin;
+    display: flex;
+    font-weight: 500;
+    align-items: center;
+    box-sizing: border-box;
+  }
+  .goods-item .main-card .right .top-part .membership-activity-type .membership-activity-txt {
+    -webkit-background-clip: text;
+    color: #7a4b2c;
+  }
+  .goods-item .main-card .right .top-part .desc-order {
+    display: flex;
+    justify-content: space-between;
+  }
+  .goods-item .main-card .right .top-part .desc-order .desc {
+    white-space: nowrap;
+    color: #ff5429;
     font-size: 1.90476vmin;
     line-height: 1.90476vmin;
     margin-top: 0.63492vmin;
   }
-  .goods-item .main-card .right .order {
+  .goods-item .main-card .right .top-part .desc-order .order-num {
+    line-height: 1.90476vmin;
+    height: 1.90476vmin;
+    font-size: 1.5873vmin;
     margin-top: 0.63492vmin;
+    color: #999999;
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    font-size: 1.5873vmin;
   }
-  .goods-item .main-card .right .order .order-left {
+  .goods-item .main-card .right .top-part .desc-order .order-num .hot-icon {
+    width: 1.90476vmin;
+    height: 1.90476vmin;
+    margin-left: 0.31746vmin;
+  }
+  .goods-item .main-card .right .top-part .desc-order .order-num .hot-text {
+    color: #FF2E57;
+  }
+  .goods-item .main-card .right .top-part .goods-order {
+    margin: 0.63492vmin 0 0 0;
+    align-items: center;
+    margin-bottom: -0.15873vmin;
+  }
+  .goods-item .main-card .right .top-part .goods-order .order-left {
     display: flex;
-    flex-direction: row;
     flex-wrap: wrap;
-    gap: 0.63492vmin;
+    align-items: center;
+    row-gap: 0.31746vmin;
+    transform-origin: top left;
+    font-family: "PingFang SC";
+    font-size: 1.42857vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-right: -0.63492vmin;
   }
-  .goods-item .main-card .right .order .order-left .distribution {
-    background-color: #f5f5f5;
-    color: #999999;
+  .goods-item .main-card .right .top-part .goods-order .order-left .coupon-tag {
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    gap: 0.47619vmin;
+    line-height: 1.98413vmin;
     border-radius: 0.31746vmin;
-    padding: 0.31746vmin 0.63492vmin;
-    font-weight: 400;
-    font-family: "PingFang SC";
+    padding: 0 0.63492vmin;
+    line-height: 2.22222vmin;
+    border: 0.07937vmin solid rgba(255, 84, 41, 0.4);
+    color: #ff4747;
     text-align: center;
-    line-height: 1.90476vmin;
-    height: 1.90476vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-right: 0.63492vmin;
   }
-  .goods-item .main-card .right .order .order-left .preferential-price {
-    color: #FF2E57;
-    background: #FFEBEF;
-    padding: 0.31746vmin 0.63492vmin;
-    border-radius: 0.31746vmin;
+  .goods-item .main-card .right .top-part .goods-order .order-left .coupon-tag .coupon-separator {
+    display: inline-block;
+    width: 0.07937vmin;
+    height: 1.26984vmin;
+    background-color: currentColor;
+    vertical-align: middle;
+    opacity: 0.4;
+    margin: 0 0.47619vmin;
   }
-  .goods-item .main-card .right .order .stock-and-order {
+  .goods-item .main-card .right .top-part .goods-order .order-left .distribution {
+    box-sizing: border-box;
     display: flex;
     align-items: center;
-    flex-shrink: 0;
-    align-self: flex-start;
+    border-radius: 0.31746vmin;
+    padding: 0 0.63492vmin;
+    border: 0.07937vmin solid rgba(0, 153, 255, 0.4);
+    color: #0099FF;
+    text-align: center;
+    font-family: "PingFang SC";
+    font-size: 1.42857vmin;
+    font-style: normal;
+    line-height: 2.22222vmin;
+    font-weight: 400;
+    margin-right: 0.63492vmin;
   }
-  .goods-item .main-card .right .order .stock-and-order .stock-line {
-    background-color: #E5E5E5;
-    width: 1px;
-    height: 10px;
-    margin: 0 4px;
+  .goods-item .main-card .right .top-part .goods-order .order-left .distribution .distributionWay-separator {
+    display: inline-block;
+    width: 0.07937vmin;
+    height: 1.26984vmin;
+    background-color: #0099FF;
+    vertical-align: middle;
   }
-  .goods-item .main-card .right .order .stock-and-order .order-stock {
-    color: #999999;
+  .goods-item .main-card .right .top-part .goods-order .order-left .left-stock {
+    font-size: 1.5873vmin;
+    margin-left: auto;
+    color: #999;
+    margin-right: 0.63492vmin;
+  }
+  .goods-item .main-card .right .top-part .goods-order .order-left .left-stock .prod-stock {
+    font-size: 1.5873vmin;
+    line-height: 3.1746vmin;
   }
-  .goods-item .main-card .right .progress {
+  .goods-item .main-card .right .top-part .progress {
     width: 25.39683vmin;
     height: 2.53968vmin;
     border-radius: 1.26984vmin;
-    background: #ebebeb;
+    background: #ffe7e0;
     position: relative;
     display: flex;
     justify-content: space-between;
@@ -1455,7 +1914,7 @@
     margin-top: 0.63492vmin;
     align-items: center;
   }
-  .goods-item .main-card .right .progress .schedule {
+  .goods-item .main-card .right .top-part .progress .schedule {
     height: 2.53968vmin;
     border-radius: 1.26984vmin;
     background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
@@ -1463,17 +1922,17 @@
     left: 0;
     top: 0;
   }
-  .goods-item .main-card .right .progress .residue-num {
+  .goods-item .main-card .right .top-part .progress .residue-num {
     font-size: 1.5873vmin;
     color: #ffffff;
     z-index: 2;
   }
-  .goods-item .main-card .right .progress .residue-time {
+  .goods-item .main-card .right .top-part .progress .residue-time {
     color: #999999;
     font-size: 1.5873vmin;
     z-index: 2;
   }
-  .goods-item .main-card .right .sec-kill {
+  .goods-item .main-card .right .top-part .sec-kill {
     color: #333333;
     height: 2.53968vmin;
     border-radius: 1.26984vmin;
@@ -1484,7 +1943,7 @@
     align-items: center;
     padding: 0 1.26984vmin;
   }
-  .goods-item .main-card .right .sec-kill .time {
+  .goods-item .main-card .right .top-part .sec-kill .time {
     margin: 0 1.11111vmin;
     color: #ff2e57;
   }
@@ -1492,68 +1951,125 @@
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
-    position: absolute;
-    bottom: 0;
     width: 100%;
   }
-  .goods-item .main-card .right .line-three .price {
+  .goods-item .main-card .right .line-three .price-box {
+    display: flex;
+    flex-wrap: wrap;
     position: relative;
-    min-height: 3.1746vmin;
+    margin-left: 0.31746vmin;
     font-weight: 500;
-    color: #FF2E57;
+    align-items: flex-end;
+    font-family: "PingFang SC";
   }
-  .goods-item .main-card .right .line-three .price .activity-type {
-    font-size: 1.5873vmin;
-    height: 2.53968vmin;
-    line-height: 2.85714vmin;
-    flex-shrink: 0;
+  .goods-item .main-card .right .line-three .price-box .red-price {
+    display: flex;
+    align-items: flex-end;
+    flex-wrap: wrap;
     margin-right: 0.31746vmin;
-    border-radius: 0.31746vmin;
-    font-weight: 500;
+    color: #ff5429;
   }
-  .goods-item .main-card .right .line-three .price .price-flow {
-    font-size: 1.90476vmin;
+  .goods-item .main-card .right .line-three .price-box .red-price .price-box {
+    display: flex;
+    align-items: center;
+    height: 2.22222vmin;
   }
-  .goods-item .main-card .right .line-three .price .price-show {
+  .goods-item .main-card .right .line-three .price-box .red-price-txt {
+    height: 2.22222vmin;
+    display: inline-flex;
+    align-items: center;
+    font-size: 1.42857vmin;
+    font-weight: 600;
+    text-align: center;
+    margin-right: 0.31746vmin;
+    white-space: nowrap;
+  }
+  .goods-item .main-card .right .line-three .price-box .red-price-num {
+    text-align: center;
+    font-family: "PingFang SC";
     font-size: 2.53968vmin;
+    font-weight: 600;
+    line-height: 2.69841vmin;
+    transform: scale(1);
+    transform-origin: bottom;
+  }
+  .goods-item .main-card .right .line-three .price-box .red-price .icon {
+    width: 1.5873vmin;
+    height: 1.5873vmin;
+    margin-right: 0.31746vmin;
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/mhkej27y0lu7.svg");
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+  }
+  .goods-item .main-card .right .line-three .price-box .red-price .over-icon {
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/mir4jy7f0k5y.svg");
+  }
+  .goods-item .main-card .right .line-three .price-box .red-price .sale-unit {
+    height: 1.90476vmin;
+    line-height: 1.90476vmin;
+    font-size: 1.90476vmin;
+    color: #666;
   }
-  .goods-item .main-card .right .line-three .price .pending-price {
+  .goods-item .main-card .right .line-three .price-box .red-price .wait-open-price {
+    height: 1.90476vmin;
     font-size: 1.5873vmin;
+    line-height: 1.5873vmin;
+    font-weight: 500;
     margin-left: 0.31746vmin;
   }
-  .goods-item .main-card .right .line-three .price .sale-unit {
+  .goods-item .main-card .right .line-three .price-box .grey-price {
+    height: 2.53968vmin;
+    display: flex;
+    align-items: flex-end;
+    transform: scale(0.83333);
+    transform-origin: bottom left;
+  }
+  .goods-item .main-card .right .line-three .price-box .grey-price-value {
+    color: #999999;
+    text-align: center;
+    font-family: "PingFang SC";
+    height: 2.53968vmin;
+    line-height: 2.53968vmin;
     font-size: 1.90476vmin;
-    color: #666;
+    font-weight: 400;
   }
-  .goods-item .main-card .right .line-three .price .price-line {
-    font-size: 1.5873vmin;
+  .goods-item .main-card .right .line-three .price-box .grey-price-line-through {
     text-decoration: line-through;
-    color: #999999;
-    margin-left: 0.63492vmin;
+  }
+  .goods-item .main-card .right .line-three .over-price-box {
+    filter: grayscale(100%);
+    opacity: 0.5;
   }
   .goods-item .main-card .right .line-three .buy-btn {
     font-size: 1.90476vmin;
     border-radius: 0.63492vmin;
-    width: 10.15873vmin;
-    height: 3.80952vmin;
+    width: 11.42857vmin;
+    height: 4.44444vmin;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
-    line-height: 3.80952vmin;
+    line-height: 4.44444vmin;
     font-weight: 500;
-    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #fe6500, #ff4102);
   }
   .goods-item .main-card .right .line-three .buy-btn-teacher {
     font-size: 1.90476vmin;
     border-radius: 0.63492vmin;
-    width: 10.15873vmin;
-    height: 3.80952vmin;
+    width: 11.42857vmin;
+    height: 4.44444vmin;
     display: flex;
     justify-content: center;
     align-items: center;
-    line-height: 3.80952vmin;
+    color: white;
+    line-height: 4.44444vmin;
     font-weight: 500;
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #fe6500, #ff4102);
   }
   .goods-item .main-card .right .line-three .buy-btn-teacher .load {
     width: 1.90476vmin;
@@ -1562,8 +2078,8 @@
     margin-right: 0.63492vmin;
   }
   .goods-item .main-card .right .line-three .cancel-explain-bg {
-    background: #ffebef;
-    color: #ff2e57;
+    background: #fff6f5;
+    color: #ff5429;
   }
   .goods-item .main-card .right .line-three .explain-bg {
     background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
@@ -1589,17 +2105,17 @@
   .goods-item .main-card .right .line-three .see-btn {
     font-size: 1.90476vmin;
     border-radius: 0.63492vmin;
-    width: 10.15873vmin;
-    height: 3.80952vmin;
+    width: 11.42857vmin;
+    height: 4.44444vmin;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
-    line-height: 3.80952vmin;
+    line-height: 4.44444vmin;
     font-weight: 500;
     margin-left: inherit;
     margin-right: inherit;
-    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+    background: linear-gradient(270deg, #fe6500, #ff4102);
   }
   .goods-item .main-card .right .line-three .buy-btn-preferential {
     font-size: 1.90476vmin;
@@ -1785,14 +2301,15 @@
     align-items: center;
     height: 2.60417vmin;
     width: 29.9vmin;
-    border-bottom-right-radius: 2.13vmin;
-    border-bottom-left-radius: 2.13vmin;
+    border-radius: 0 0 1.04167vmin 1.04167vmin;
+    background: rgba(255, 84, 41, 0.9);
+    backdrop-filter: blur(1.04167vmin);
   }
   .goods-item .main-card .left .goods-explaining::before {
     content: '';
     position: absolute;
     background: rgba(0, 0, 0, 0.2);
-    backdrop-filter: blur(0.22rem);
+    backdrop-filter: blur(1.43229vmin);
     left: 0;
     bottom: 0;
     width: 100%;
@@ -1809,7 +2326,7 @@
     width: 2.34375vmin;
     background-repeat: no-repeat;
     background-size: cover;
-    margin-right: 0.08rem;
+    margin-right: 0.52083vmin;
   }
   .goods-item .main-card .left .goods-explaining .loadingWrapper .loading {
     background-color: white;
@@ -1825,6 +2342,7 @@
   .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(1) {
     left: 0;
     animation: 0.9s ease-in-out 0.15s loading-run infinite;
+    -webkit-animation: 0.9s ease-in-out 0.15s loading-run infinite;
   }
   .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2) {
     left: 0.65104vmin;
@@ -1834,10 +2352,6 @@
     left: 1.30208vmin;
     animation: 0.9s ease-in-out 0.35s loading-run infinite;
   }
-  .goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(4) {
-    left: 1.95312vmin;
-    animation: 0.9s ease-in-out 0.45s loading-run infinite;
-  }
   @keyframes loading-run {
     0%,
     40%,
@@ -1854,36 +2368,86 @@
     position: relative;
     margin-left: 0.52083vmin;
   }
-  .goods-item .main-card .left .is-over {
-    border-radius: 0.69466vmin 0.69466vmin 0 0;
+  .goods-item .main-card .left .goods-over-mask {
     position: absolute;
     top: 0;
     left: 0;
-    width: 14.58333vmin;
+    width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.4);
+    border-radius: 1.04167vmin;
+    background: rgba(255, 255, 255, 0.6);
     display: flex;
     justify-content: center;
     align-items: center;
-    color: #ffffff;
     font-size: 1.5625vmin;
+    z-index: 1;
+  }
+  .goods-item .main-card .left .goods-over-mask .radio-box {
+    min-width: 5.72917vmin;
+    min-height: 5.72917vmin;
+    flex-shrink: 0;
+    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: "PingFang SC";
+    font-size: 1.5625vmin;
+    font-weight: 600;
+    padding: 0.32552vmin;
+  }
+  .goods-item .main-card .left .seek-explaining {
+    position: absolute;
+    bottom: 1.04167vmin;
+    left: 50%;
+    transform: translateX(-50%);
+    min-width: 7.8125vmin;
+    height: 2.60417vmin;
+    white-space: nowrap;
+    background: rgba(255, 255, 255, 0.9);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 1.5625vmin;
+    font-size: 1.5625vmin;
+    font-weight: 500;
+    z-index: 1;
+  }
+  .goods-item .main-card .left .seek-explaining .seek-img {
+    width: 1.5625vmin;
+    height: 1.5625vmin;
+    margin-right: 0.26042vmin;
+  }
+  .goods-item .main-card .left .seek-explaining .seek-text {
+    font-size: 1.30208vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .left .seek-explaining .disabled-text {
+    color: #999999;
   }
   .goods-item .main-card .right {
     flex: 1;
     display: flex;
     flex-direction: column;
+    justify-content: space-between;
     margin-left: 1.04167vmin;
-    height: 14.58333vmin;
+    min-height: 14.58333vmin;
     width: calc(100% - vmin(256));
     position: relative;
   }
-  .goods-item .main-card .right .line-one {
+  .goods-item .main-card .right .top-part {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .goods-item .main-card .right .top-part .line-one {
     display: flex;
     align-items: center;
     height: 2.34375vmin;
     width: 29.03646vmin;
   }
-  .goods-item .main-card .right .line-one .super-activity-type {
+  .goods-item .main-card .right .top-part .line-one .super-activity-type {
     background: linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);
     color: #ff781f;
     padding: 0.26042vmin 0.52083vmin;
@@ -1898,31 +2462,12 @@
     font-weight: 500;
     align-items: center;
   }
-  .goods-item .main-card .right .line-one .super-activity-type .super-activity-txt {
+  .goods-item .main-card .right .top-part .line-one .super-activity-type .super-activity-txt {
     background: linear-gradient(to right, #FFE4AD, #FFC266);
     -webkit-background-clip: text;
     color: transparent;
   }
-  .goods-item .main-card .right .line-one .membership-activity-type {
-    background: linear-gradient(90deg, #ffe7c2, #fedaa9);
-    padding: 0.26042vmin 0.52083vmin;
-    font-size: 1.30208vmin;
-    height: 2.08333vmin;
-    width: max-content;
-    line-height: 2.34375vmin;
-    flex-shrink: 0;
-    margin-right: 0.52083vmin;
-    border-radius: 0.26042vmin;
-    display: flex;
-    font-weight: 500;
-    align-items: center;
-    box-sizing: border-box;
-  }
-  .goods-item .main-card .right .line-one .membership-activity-type .membership-activity-txt {
-    -webkit-background-clip: text;
-    color: #7a4b2c;
-  }
-  .goods-item .main-card .right .line-one .goods-title {
+  .goods-item .main-card .right .top-part .line-one .goods-title {
     font-size: 1.82292vmin;
     color: #333333;
     word-break: break-all;
@@ -1932,10 +2477,10 @@
     display: inline-block;
     vertical-align: middle;
     line-height: 2.60417vmin;
-    font-weight: 500;
+    font-weight: 600;
     width: 29.03646vmin;
   }
-  .goods-item .main-card .right .line-one .goods-is-preheat {
+  .goods-item .main-card .right .top-part .line-one .goods-is-preheat {
     border-radius: 0.26042vmin;
     border: 1rpx solid #ff2e57;
     padding: 0.26042vmin 0.52083vmin;
@@ -1945,65 +2490,151 @@
     margin-right: 0.52083vmin;
     flex-shrink: 0;
   }
-  .goods-item .main-card .right .line-one .manage-title {
+  .goods-item .main-card .right .top-part .line-one .manage-title {
     width: 24.34896vmin;
   }
-  .goods-item .main-card .right .desc {
-    color: #FF2E57;
+  .goods-item .main-card .right .top-part .line-one .activity-type {
+    padding: 0.26042vmin 0.52083vmin;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0.26042vmin;
+    height: 2.08333vmin;
+    line-height: 2.34375vmin;
+    background: #ffe3e0;
+    color: #ff5429;
+    font-weight: 600;
+    font-size: 1.5625vmin;
+    white-space: nowrap;
+    backdrop-filter: blur(0.71615vmin);
+    margin: 0.26042vmin 0.52083vmin 0.26042vmin 0;
+  }
+  .goods-item .main-card .right .top-part .membership-activity-type {
+    background: linear-gradient(90deg, #ffe7c2, #fedaa9);
+    padding: 0.26042vmin 0.52083vmin;
+    font-size: 1.30208vmin;
+    height: 2.08333vmin;
+    width: max-content;
+    line-height: 2.34375vmin;
+    flex-shrink: 0;
+    margin-right: 0.52083vmin;
+    border-radius: 0.26042vmin;
+    display: flex;
+    font-weight: 500;
+    align-items: center;
+    box-sizing: border-box;
+  }
+  .goods-item .main-card .right .top-part .membership-activity-type .membership-activity-txt {
+    -webkit-background-clip: text;
+    color: #7a4b2c;
+  }
+  .goods-item .main-card .right .top-part .desc-order {
+    display: flex;
+    justify-content: space-between;
+  }
+  .goods-item .main-card .right .top-part .desc-order .desc {
+    white-space: nowrap;
+    color: #ff5429;
     font-size: 1.5625vmin;
     line-height: 1.5625vmin;
     margin-top: 0.52083vmin;
   }
-  .goods-item .main-card .right .order {
+  .goods-item .main-card .right .top-part .desc-order .order-num {
+    line-height: 1.5625vmin;
+    height: 1.5625vmin;
+    font-size: 1.30208vmin;
     margin-top: 0.52083vmin;
+    color: #999999;
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    font-size: 1.30208vmin;
   }
-  .goods-item .main-card .right .order .order-left {
+  .goods-item .main-card .right .top-part .desc-order .order-num .hot-icon {
+    width: 1.5625vmin;
+    height: 1.5625vmin;
+    margin-left: 0.26042vmin;
+  }
+  .goods-item .main-card .right .top-part .desc-order .order-num .hot-text {
+    color: #FF2E57;
+  }
+  .goods-item .main-card .right .top-part .goods-order {
+    margin: 0.52083vmin 0 0 0;
+    align-items: center;
+    margin-bottom: -0.13021vmin;
+  }
+  .goods-item .main-card .right .top-part .goods-order .order-left {
     display: flex;
-    flex-direction: row;
     flex-wrap: wrap;
-    gap: 0.52083vmin;
+    align-items: center;
+    row-gap: 0.26042vmin;
+    transform-origin: top left;
+    font-family: "PingFang SC";
+    font-size: 1.17188vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-right: -0.52083vmin;
   }
-  .goods-item .main-card .right .order .order-left .distribution {
-    background-color: #f5f5f5;
-    color: #999999;
+  .goods-item .main-card .right .top-part .goods-order .order-left .coupon-tag {
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    gap: 0.39062vmin;
+    line-height: 1.6276vmin;
     border-radius: 0.26042vmin;
-    padding: 0.26042vmin 0.52083vmin;
-    font-weight: 400;
-    font-family: "PingFang SC";
+    padding: 0 0.52083vmin;
+    line-height: 1.82292vmin;
+    border: 0.0651vmin solid rgba(255, 84, 41, 0.4);
+    color: #ff4747;
     text-align: center;
-    line-height: 1.5625vmin;
-    height: 1.5625vmin;
+    font-style: normal;
+    font-weight: 400;
+    margin-right: 0.52083vmin;
   }
-  .goods-item .main-card .right .order .order-left .preferential-price {
-    color: #FF2E57;
-    background: #FFEBEF;
-    padding: 0.26042vmin 0.52083vmin;
-    border-radius: 0.26042vmin;
+  .goods-item .main-card .right .top-part .goods-order .order-left .coupon-tag .coupon-separator {
+    display: inline-block;
+    width: 0.0651vmin;
+    height: 1.04167vmin;
+    background-color: currentColor;
+    vertical-align: middle;
+    opacity: 0.4;
+    margin: 0 0.39062vmin;
   }
-  .goods-item .main-card .right .order .stock-and-order {
+  .goods-item .main-card .right .top-part .goods-order .order-left .distribution {
+    box-sizing: border-box;
     display: flex;
     align-items: center;
-    flex-shrink: 0;
-    align-self: flex-start;
+    border-radius: 0.26042vmin;
+    padding: 0 0.52083vmin;
+    border: 0.0651vmin solid rgba(0, 153, 255, 0.4);
+    color: #0099FF;
+    text-align: center;
+    font-family: "PingFang SC";
+    font-size: 1.17188vmin;
+    font-style: normal;
+    line-height: 1.82292vmin;
+    font-weight: 400;
+    margin-right: 0.52083vmin;
   }
-  .goods-item .main-card .right .order .stock-and-order .stock-line {
-    background-color: #E5E5E5;
-    width: 1px;
-    height: 10px;
-    margin: 0 4px;
+  .goods-item .main-card .right .top-part .goods-order .order-left .distribution .distributionWay-separator {
+    display: inline-block;
+    width: 0.0651vmin;
+    height: 1.04167vmin;
+    background-color: #0099FF;
+    vertical-align: middle;
   }
-  .goods-item .main-card .right .order .stock-and-order .order-stock {
-    color: #999999;
+  .goods-item .main-card .right .top-part .goods-order .order-left .left-stock {
+    font-size: 1.30208vmin;
+    margin-left: auto;
+    color: #999;
+    margin-right: 0.52083vmin;
+  }
+  .goods-item .main-card .right .top-part .goods-order .order-left .left-stock .prod-stock {
+    font-size: 1.30208vmin;
+    line-height: 2.60417vmin;
   }
-  .goods-item .main-card .right .progress {
+  .goods-item .main-card .right .top-part .progress {
     width: 20.83333vmin;
     height: 2.08333vmin;
     border-radius: 1.04167vmin;
-    background: #ebebeb;
+    background: #ffe7e0;
     position: relative;
     display: flex;
     justify-content: space-between;
@@ -2012,7 +2643,7 @@
     margin-top: 0.52083vmin;
     align-items: center;
   }
-  .goods-item .main-card .right .progress .schedule {
+  .goods-item .main-card .right .top-part .progress .schedule {
     height: 2.08333vmin;
     border-radius: 1.04167vmin;
     background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
@@ -2020,17 +2651,17 @@
     left: 0;
     top: 0;
   }
-  .goods-item .main-card .right .progress .residue-num {
+  .goods-item .main-card .right .top-part .progress .residue-num {
     font-size: 1.30208vmin;
     color: #ffffff;
     z-index: 2;
   }
-  .goods-item .main-card .right .progress .residue-time {
+  .goods-item .main-card .right .top-part .progress .residue-time {
     color: #999999;
     font-size: 1.30208vmin;
     z-index: 2;
   }
-  .goods-item .main-card .right .sec-kill {
+  .goods-item .main-card .right .top-part .sec-kill {
     color: #333333;
     height: 2.08333vmin;
     border-radius: 1.04167vmin;
@@ -2041,7 +2672,7 @@
     align-items: center;
     padding: 0 1.04167vmin;
   }
-  .goods-item .main-card .right .sec-kill .time {
+  .goods-item .main-card .right .top-part .sec-kill .time {
     margin: 0 0.91146vmin;
     color: #ff2e57;
   }
@@ -2049,68 +2680,125 @@
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
-    position: absolute;
-    bottom: 0;
     width: 100%;
   }
-  .goods-item .main-card .right .line-three .price {
+  .goods-item .main-card .right .line-three .price-box {
+    display: flex;
+    flex-wrap: wrap;
     position: relative;
-    min-height: 2.60417vmin;
+    margin-left: 0.26042vmin;
     font-weight: 500;
-    color: #FF2E57;
+    align-items: flex-end;
+    font-family: "PingFang SC";
   }
-  .goods-item .main-card .right .line-three .price .activity-type {
-    font-size: 1.30208vmin;
-    height: 2.08333vmin;
-    line-height: 2.34375vmin;
-    flex-shrink: 0;
+  .goods-item .main-card .right .line-three .price-box .red-price {
+    display: flex;
+    align-items: flex-end;
+    flex-wrap: wrap;
     margin-right: 0.26042vmin;
-    border-radius: 0.26042vmin;
-    font-weight: 500;
+    color: #ff5429;
   }
-  .goods-item .main-card .right .line-three .price .price-flow {
-    font-size: 1.5625vmin;
+  .goods-item .main-card .right .line-three .price-box .red-price .price-box {
+    display: flex;
+    align-items: center;
+    height: 1.82292vmin;
+  }
+  .goods-item .main-card .right .line-three .price-box .red-price-txt {
+    height: 1.82292vmin;
+    display: inline-flex;
+    align-items: center;
+    font-size: 1.17188vmin;
+    font-weight: 600;
+    text-align: center;
+    margin-right: 0.26042vmin;
+    white-space: nowrap;
   }
-  .goods-item .main-card .right .line-three .price .price-show {
+  .goods-item .main-card .right .line-three .price-box .red-price-num {
+    text-align: center;
+    font-family: "PingFang SC";
     font-size: 2.08333vmin;
+    font-weight: 600;
+    line-height: 2.21354vmin;
+    transform: scale(1);
+    transform-origin: bottom;
   }
-  .goods-item .main-card .right .line-three .price .pending-price {
-    font-size: 1.30208vmin;
-    margin-left: 0.26042vmin;
+  .goods-item .main-card .right .line-three .price-box .red-price .icon {
+    width: 1.30208vmin;
+    height: 1.30208vmin;
+    margin-right: 0.26042vmin;
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/mhkej27y0lu7.svg");
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
   }
-  .goods-item .main-card .right .line-three .price .sale-unit {
+  .goods-item .main-card .right .line-three .price-box .red-price .over-icon {
+    background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/mir4jy7f0k5y.svg");
+  }
+  .goods-item .main-card .right .line-three .price-box .red-price .sale-unit {
+    height: 1.5625vmin;
+    line-height: 1.5625vmin;
     font-size: 1.5625vmin;
     color: #666;
   }
-  .goods-item .main-card .right .line-three .price .price-line {
+  .goods-item .main-card .right .line-three .price-box .red-price .wait-open-price {
+    height: 1.5625vmin;
     font-size: 1.30208vmin;
-    text-decoration: line-through;
+    line-height: 1.30208vmin;
+    font-weight: 500;
+    margin-left: 0.26042vmin;
+  }
+  .goods-item .main-card .right .line-three .price-box .grey-price {
+    height: 2.08333vmin;
+    display: flex;
+    align-items: flex-end;
+    transform: scale(0.83333);
+    transform-origin: bottom left;
+  }
+  .goods-item .main-card .right .line-three .price-box .grey-price-value {
     color: #999999;
-    margin-left: 0.52083vmin;
+    text-align: center;
+    font-family: "PingFang SC";
+    height: 2.08333vmin;
+    line-height: 2.08333vmin;
+    font-size: 1.5625vmin;
+    font-weight: 400;
+  }
+  .goods-item .main-card .right .line-three .price-box .grey-price-line-through {
+    text-decoration: line-through;
+  }
+  .goods-item .main-card .right .line-three .over-price-box {
+    filter: grayscale(100%);
+    opacity: 0.5;
   }
   .goods-item .main-card .right .line-three .buy-btn {
     font-size: 1.5625vmin;
     border-radius: 0.52083vmin;
-    width: 8.33333vmin;
-    height: 3.125vmin;
+    width: 9.375vmin;
+    height: 3.64583vmin;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
-    line-height: 3.125vmin;
+    line-height: 3.64583vmin;
     font-weight: 500;
-    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #fe6500, #ff4102);
   }
   .goods-item .main-card .right .line-three .buy-btn-teacher {
     font-size: 1.5625vmin;
     border-radius: 0.52083vmin;
-    width: 8.33333vmin;
-    height: 3.125vmin;
+    width: 9.375vmin;
+    height: 3.64583vmin;
     display: flex;
     justify-content: center;
     align-items: center;
-    line-height: 3.125vmin;
+    color: white;
+    line-height: 3.64583vmin;
     font-weight: 500;
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #fe6500, #ff4102);
   }
   .goods-item .main-card .right .line-three .buy-btn-teacher .load {
     width: 1.5625vmin;
@@ -2119,8 +2807,8 @@
     margin-right: 0.52083vmin;
   }
   .goods-item .main-card .right .line-three .cancel-explain-bg {
-    background: #ffebef;
-    color: #ff2e57;
+    background: #fff6f5;
+    color: #ff5429;
   }
   .goods-item .main-card .right .line-three .explain-bg {
     background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
@@ -2146,17 +2834,17 @@
   .goods-item .main-card .right .line-three .see-btn {
     font-size: 1.5625vmin;
     border-radius: 0.52083vmin;
-    width: 8.33333vmin;
-    height: 3.125vmin;
+    width: 9.375vmin;
+    height: 3.64583vmin;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
-    line-height: 3.125vmin;
+    line-height: 3.64583vmin;
     font-weight: 500;
     margin-left: inherit;
     margin-right: inherit;
-    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+    background: linear-gradient(270deg, #fe6500, #ff4102);
   }
   .goods-item .main-card .right .line-three .buy-btn-preferential {
     font-size: 1.5625vmin;