xiaoe_mp_npm 0.5.42-test2 → 0.5.42-test21

package/src/GoodsItem/index.wxss

@@ -1,46 +1,74 @@
+@charset "UTF-8";
 /* 主题色 */
 .theme-customize-bg {
   background: linear-gradient(180.25deg, #fe6500 0%, #ff4102 100%) !important;
 }
+
 .theme-customize-font {
   color: #1472FF !important;
 }
+
 .theme-customize-light-new {
   background-color: #9db8f1 !important;
 }
+
 .theme-customize-bg-light {
   background-color: #fff3eb !important;
 }
+
 .theme-customize-border {
   border-color: #FF781F !important;
 }
-.goods-explaining {
-  position: absolute;
-  width: 32vmin;
-  height: 4.8vmin;
-  bottom: 0vmin;
-  left: 0vmin;
+
+@keyframes turn {
+  0% {
+    transform: rotate(0deg);
+  }
+  20% {
+    transform: rotate(72deg);
+  }
+  40% {
+    transform: rotate(144deg);
+  }
+  60% {
+    transform: rotate(216deg);
+  }
+  80% {
+    transform: rotate(288deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
+
 .goods-item {
   display: flex;
   min-height: 24vmin;
   background: #ffffff;
-  margin: 0 4.27vmin 0 4.27vmin;
-  border-radius: 2.13vmin;
-  padding: 2.13vmin;
+  border-radius: 2.13333vmin;
   flex-direction: column;
+  padding: 2.13333vmin;
+  margin: 2.13333vmin 2.13333vmin 0vmin 2.13333vmin;
 }
+
 .goods-item .main-card {
   display: flex;
   flex-direction: row;
 }
+
 .goods-item .main-card .left {
   position: relative;
-  width: 32vmin;
-  height: 24vmin;
+  width: 29.86667vmin;
+  height: 29.86667vmin;
+}
+
+.goods-item .main-card .left image {
+  width: 29.86667vmin;
+  height: 29.86667vmin;
 }
+
 .goods-item .main-card .left .index {
-  border-radius: 2.13vmin 0 2.13vmin 0;
+  border-radius: 2.13333vmin 0 2.13333vmin 0;
   position: absolute;
   top: 0;
   left: 0;
@@ -48,259 +76,1446 @@
   align-items: center;
   justify-content: center;
   min-width: 4.8vmin;
-  height: 3.73vmin;
-  padding: 0.13vmin 0.8vmin;
-  font-size: 2.66vmin;
+  height: 3.73333vmin;
+  padding: 0.13333vmin 0.8vmin;
+  font-size: 2.66667vmin;
   background: rgba(0, 0, 0, 0.6);
   color: #FFFFFF;
 }
+
 .goods-item .main-card .left .ios-index {
   background: rgba(0, 0, 0, 0.25);
   backdrop-filter: blur(3.2vmin);
 }
+
 .goods-item .main-card .left .goods-type {
   position: absolute;
-  right: calc(100% - 30.67vmin);
-  bottom: 1.07vmin;
-  padding: 1.07vmin 1.33vmin;
+  right: 1.06667vmin;
+  bottom: 1.06667vmin;
+  padding: 1.06667vmin 1.33333vmin;
   background: rgba(0, 0, 0, 0.4);
-  border-radius: 1.07vmin;
+  border-radius: 1.06667vmin;
   color: #fff;
-  font-size: 2.67vmin;
+  font-size: 2.66667vmin;
   width: fit-content;
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 2.67vmin;
+  height: 2.66667vmin;
   font-weight: 500;
 }
+
+.goods-item .main-card .left .goods-explaining {
+  position: absolute;
+  width: 32vmin;
+  height: 4.8vmin;
+  bottom: 0vmin;
+  left: 0vmin;
+}
+
 .goods-item .main-card .left .ios-goods-type {
   background: rgba(0, 0, 0, 0.25) !important;
   backdrop-filter: blur(3.2vmin);
 }
+
+.goods-item .main-card .left .is-over {
+  border-radius: 1.42267vmin 1.42267vmin 0 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 35.2vmin;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #ffffff;
+  font-size: 3.2vmin;
+}
+
 .goods-item .main-card .right {
   flex: 1;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
-  margin-left: 2.13vmin;
-  height: 24vmin;
-  width: calc(100% - 34.13vmin);
+  margin-left: 2.13333vmin;
+  height: 29.86667vmin;
+  width: calc(100% - vmin(256));
+  position: relative;
 }
+
 .goods-item .main-card .right .line-one {
   display: flex;
   align-items: center;
   height: 4.8vmin;
 }
-.goods-item .main-card .right .line-one .activity-type {
-  background-color: #FFF3EB;
-  color: #FF781F;
-  padding: 0vmin 1.07vmin;
-  font-size: 2.67vmin;
-  height: 4.27vmin;
-  line-height: 4.8vmin;
-  flex-shrink: 0;
-  margin-right: 1.07vmin;
-  border-radius: 0.53vmin;
-  display: flex;
-  width: max-content;
-  align-items: center;
-  font-weight: 500;
-}
+
 .goods-item .main-card .right .line-one .super-activity-type {
   background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
   color: #ff781f;
-  padding: 0.53vmin 1.07vmin;
-  font-size: 2.67vmin;
-  height: 4.27vmin;
+  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.07vmin;
-  border-radius: 0.53vmin;
+  margin-right: 1.06667vmin;
+  border-radius: 0.53333vmin;
   display: flex;
   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 .right .line-one .goods-title {
-  font-size: 3.73vmin;
+  font-size: 3.73333vmin;
   color: #333333;
   word-break: break-all;
+  display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline-block;
   vertical-align: middle;
-  line-height: 4.8vmin;
+  line-height: 5.33333vmin;
   font-weight: 500;
+  width: 59.46667vmin;
 }
-.goods-item .main-card .right .sec-kill {
-  color: #FF781F;
-  font-size: 2.67vmin;
-  line-height: 4.27vmin;
-  margin: 1.07vmin 0;
+
+.goods-item .main-card .right .line-one .manage-title {
+  width: 49.86667vmin;
+}
+
+.goods-item .main-card .right .desc {
+  color: #FF2E57;
+  font-size: 3.2vmin;
+  line-height: 3.2vmin;
+  margin-top: 1.06667vmin;
+}
+
+.goods-item .main-card .right .order {
+  margin-top: 1.06667vmin;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 2.66667vmin;
+}
+
+.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 .left-stock {
+
+.goods-item .main-card .right .order .order-stock {
   color: #999999;
-  font-size: 2.67vmin;
-  height: 3.2vmin;
+}
+
+.goods-item .main-card .right .progress {
+  width: 42.66667vmin;
+  height: 4.26667vmin;
+  border-radius: 2.13333vmin;
+  background: #ebebeb;
+  position: relative;
   display: flex;
+  justify-content: space-between;
+  padding: 0.53333vmin 2.50933vmin 0.53333vmin 2.13333vmin;
+  box-sizing: border-box;
+  margin-top: 1.06667vmin;
   align-items: center;
 }
-.goods-item .main-card .right .left-stock .split {
-  display: inline-block;
-  border-left: 0.13vmin solid #999999;
-  width: 0.27vmin;
-  height: 3.2vmin;
-  margin: 0 1.6vmin;
+
+.goods-item .main-card .right .progress .schedule {
+  height: 4.26667vmin;
+  border-radius: 2.13333vmin;
+  background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.goods-item .main-card .right .progress .residue-num {
+  font-size: 2.66667vmin;
+  color: #ffffff;
+  z-index: 2;
+}
+
+.goods-item .main-card .right .progress .residue-time {
+  color: #999999;
+  font-size: 2.66667vmin;
+  z-index: 2;
 }
+
+.goods-item .main-card .right .sec-kill {
+  color: #333333;
+  height: 4.26667vmin;
+  border-radius: 2.13333vmin;
+  background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
+  font-size: 2.66667vmin;
+  margin-top: 1.06667vmin;
+  display: flex;
+  align-items: center;
+  padding: 0 2.13333vmin;
+}
+
+.goods-item .main-card .right .sec-kill .time {
+  margin: 0 1.86667vmin;
+  color: #ff2e57;
+}
+
 .goods-item .main-card .right .line-three {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
 }
+
 .goods-item .main-card .right .line-three .price {
   position: relative;
-  min-height: 5.33vmin;
+  min-height: 5.33333vmin;
+  font-weight: 500;
+  color: #FF2E57;
+}
+
+.goods-item .main-card .right .line-three .price .activity-type {
+  font-size: 2.66667vmin;
+  height: 4.26667vmin;
+  line-height: 4.8vmin;
+  flex-shrink: 0;
+  margin-right: 0.53333vmin;
+  border-radius: 0.53333vmin;
   font-weight: 500;
 }
+
 .goods-item .main-card .right .line-three .price .price-flow {
-  color: #FF5429;
   font-size: 3.2vmin;
 }
+
 .goods-item .main-card .right .line-three .price .price-show {
-  color: #FF5429;
-  font-size: 4.8vmin;
+  font-size: 4.26667vmin;
 }
+
 .goods-item .main-card .right .line-three .price .price-line {
-  font-size: 2.67vmin;
+  font-size: 2.66667vmin;
   text-decoration: line-through;
   color: #999999;
-  margin-left: 1.07vmin;
+  margin-left: 1.06667vmin;
 }
+
 .goods-item .main-card .right .line-three .buy-btn {
   font-size: 3.2vmin;
-  border-radius: 5.33vmin;
-  width: 21.33vmin;
-  height: 7.47vmin;
+  border-radius: 1.06667vmin;
+  width: 17.06667vmin;
+  height: 6.4vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 7.47vmin;
+  line-height: 6.4vmin;
   font-weight: 500;
-  background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
 }
+
 .goods-item .main-card .right .line-three .buy-btn-teacher {
   font-size: 3.2vmin;
-  border-radius: 5.33vmin;
-  width: 21.33vmin;
-  height: 7.47vmin;
+  border-radius: 1.06667vmin;
+  width: 17.06667vmin;
+  height: 6.4vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 7.47vmin;
+  line-height: 6.4vmin;
   font-weight: 500;
-  background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
 }
+
 .goods-item .main-card .right .line-three .buy-btn-teacher .load {
   width: 3.2vmin;
   height: 3.2vmin;
   animation: turn 1s linear infinite;
-  margin-right: 1.06vmin;
+  margin-right: 1.06667vmin;
 }
+
 .goods-item .main-card .right .line-three .no-stock-btn {
   font-size: 3.2vmin;
-  border-radius: 5.33vmin;
-  width: 21.33vmin;
-  height: 7.47vmin;
+  border-radius: 1.06667vmin;
+  width: 17.06667vmin;
+  height: 6.4vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 7.47vmin;
+  line-height: 6.4vmin;
   font-weight: 500;
   opacity: 40%;
-  background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
 }
+
 .goods-item .main-card .right .line-three .see-btn {
   font-size: 3.2vmin;
-  border-radius: 5.33vmin;
-  width: 21.33vmin;
-  height: 7.47vmin;
+  border-radius: 1.06667vmin;
+  width: 17.06667vmin;
+  height: 6.4vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 7.47vmin;
+  line-height: 6.4vmin;
   font-weight: 500;
   margin-left: inherit;
   margin-right: inherit;
-  background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
 }
+
 .goods-item .main-card .right .line-three .buy-btn-preferential {
   font-size: 3.2vmin;
-  border-radius: 5.33vmin;
-  padding: 0 1.33vmin;
-  min-width: 21.33vmin;
-  height: 9.07vmin;
+  border-radius: 1.06667vmin;
+  padding: 0 1.33333vmin;
+  min-width: 21.33333vmin;
+  height: 9.06667vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   flex-flow: column;
-  line-height: 4.27vmin;
-  background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  line-height: 4.26667vmin;
+  background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
 }
+
 .goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
   font-size: 3.2vmin;
   font-weight: 500;
 }
+
 .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
-  color: #ffffff;
-  font-size: 2.67vmin;
+  color: white;
+  font-size: 2.66667vmin;
 }
+
 .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
-  font-size: 3.73vmin;
-  color: #ffffff;
+  font-size: 3.73333vmin;
+  color: white;
 }
-.teacher-switch {
-  height: 4.27vmin;
+
+.goods-item .main-card .manage-right {
+  width: 49.86667vmin;
+}
+
+.goods-item .main-card .teacher-switch {
+  height: 4.26667vmin;
   background: #fff;
   display: flex;
-  margin-top: 2.13vmin;
+  margin-top: 2.13333vmin;
 }
-.teacher-switch .switch-txt {
+
+.goods-item .main-card .teacher-switch .switch-txt {
   opacity: 1;
   color: #333333;
   font-size: 3.2vmin;
   font-weight: 400;
   font-family: "PingFang SC";
-  margin-left: 2.13vmin;
+  margin-left: 2.13333vmin;
 }
-@keyframes turn {
-  0% {
-    transform: rotate(0deg);
+
+.goods-item .hide-tip {
+  width: 32vmin;
+  height: 6.4vmin;
+  border-radius: 3.2vmin;
+  background: #f5f5f5;
+  font-size: 2.66667vmin;
+  color: #666666;
+  font-weight: 500;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 1.06667vmin;
+}
+
+.goods-item .full-hide-tip {
+  width: 100%;
+}
+
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .goods-item {
+    display: flex;
+    min-height: 11.71875vmin;
+    background: #ffffff;
+    border-radius: 1.04167vmin;
+    flex-direction: column;
+    padding: 1.04167vmin;
+    margin: 1.04167vmin 1.04167vmin 0vmin 1.04167vmin;
   }
-  20% {
-    transform: rotate(72deg);
+  .goods-item .main-card {
+    display: flex;
+    flex-direction: row;
   }
-  40% {
-    transform: rotate(144deg);
+  .goods-item .main-card .left {
+    position: relative;
+    width: 14.58333vmin;
+    height: 14.58333vmin;
   }
-  60% {
-    transform: rotate(216deg);
+  .goods-item .main-card .left image {
+    width: 14.58333vmin;
+    height: 14.58333vmin;
   }
-  80% {
-    transform: rotate(288deg);
+  .goods-item .main-card .left .index {
+    border-radius: 1.04167vmin 0 1.04167vmin 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 2.34375vmin;
+    height: 1.82292vmin;
+    padding: 0.0651vmin 0.39062vmin;
+    font-size: 1.30208vmin;
+    background: rgba(0, 0, 0, 0.6);
+    color: #FFFFFF;
   }
-  100% {
-    transform: rotate(360deg);
+  .goods-item .main-card .left .ios-index {
+    background: rgba(0, 0, 0, 0.25);
+    backdrop-filter: blur(1.5625vmin);
+  }
+  .goods-item .main-card .left .goods-type {
+    position: absolute;
+    right: 0.52083vmin;
+    bottom: 0.52083vmin;
+    padding: 0.52083vmin 0.65104vmin;
+    background: rgba(0, 0, 0, 0.4);
+    border-radius: 0.52083vmin;
+    color: #fff;
+    font-size: 1.30208vmin;
+    width: fit-content;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 1.30208vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .left .goods-explaining {
+    position: absolute;
+    width: 15.625vmin;
+    height: 2.34375vmin;
+    bottom: 0vmin;
+    left: 0vmin;
+  }
+  .goods-item .main-card .left .ios-goods-type {
+    background: rgba(0, 0, 0, 0.25) !important;
+    backdrop-filter: blur(1.5625vmin);
+  }
+  .goods-item .main-card .left .is-over {
+    border-radius: 0.69466vmin 0.69466vmin 0 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 17.1875vmin;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.4);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #ffffff;
+    font-size: 1.5625vmin;
+  }
+  .goods-item .main-card .right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    margin-left: 1.04167vmin;
+    height: 14.58333vmin;
+    width: calc(100% - vmin(256));
+    position: relative;
+  }
+  .goods-item .main-card .right .line-one {
+    display: flex;
+    align-items: center;
+    height: 2.34375vmin;
+  }
+  .goods-item .main-card .right .line-one .super-activity-type {
+    background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 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;
+    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 .right .line-one .goods-title {
+    font-size: 1.82292vmin;
+    color: #333333;
+    word-break: break-all;
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+    vertical-align: middle;
+    line-height: 2.60417vmin;
+    font-weight: 500;
+    width: 29.03646vmin;
+  }
+  .goods-item .main-card .right .line-one .manage-title {
+    width: 24.34896vmin;
+  }
+  .goods-item .main-card .right .desc {
+    color: #FF2E57;
+    font-size: 1.5625vmin;
+    line-height: 1.5625vmin;
+    margin-top: 0.52083vmin;
+  }
+  .goods-item .main-card .right .order {
+    margin-top: 0.52083vmin;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 1.30208vmin;
+  }
+  .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 .order .order-stock {
+    color: #999999;
+  }
+  .goods-item .main-card .right .progress {
+    width: 20.83333vmin;
+    height: 2.08333vmin;
+    border-radius: 1.04167vmin;
+    background: #ebebeb;
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    padding: 0.26042vmin 1.22526vmin 0.26042vmin 1.04167vmin;
+    box-sizing: border-box;
+    margin-top: 0.52083vmin;
+    align-items: center;
+  }
+  .goods-item .main-card .right .progress .schedule {
+    height: 2.08333vmin;
+    border-radius: 1.04167vmin;
+    background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+  .goods-item .main-card .right .progress .residue-num {
+    font-size: 1.30208vmin;
+    color: #ffffff;
+    z-index: 2;
+  }
+  .goods-item .main-card .right .progress .residue-time {
+    color: #999999;
+    font-size: 1.30208vmin;
+    z-index: 2;
+  }
+  .goods-item .main-card .right .sec-kill {
+    color: #333333;
+    height: 2.08333vmin;
+    border-radius: 1.04167vmin;
+    background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
+    font-size: 1.30208vmin;
+    margin-top: 0.52083vmin;
+    display: flex;
+    align-items: center;
+    padding: 0 1.04167vmin;
+  }
+  .goods-item .main-card .right .sec-kill .time {
+    margin: 0 0.91146vmin;
+    color: #ff2e57;
+  }
+  .goods-item .main-card .right .line-three {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+  }
+  .goods-item .main-card .right .line-three .price {
+    position: relative;
+    min-height: 2.60417vmin;
+    font-weight: 500;
+    color: #FF2E57;
+  }
+  .goods-item .main-card .right .line-three .price .activity-type {
+    font-size: 1.30208vmin;
+    height: 2.08333vmin;
+    line-height: 2.34375vmin;
+    flex-shrink: 0;
+    margin-right: 0.26042vmin;
+    border-radius: 0.26042vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .line-three .price .price-flow {
+    font-size: 1.5625vmin;
+  }
+  .goods-item .main-card .right .line-three .price .price-show {
+    font-size: 2.08333vmin;
+  }
+  .goods-item .main-card .right .line-three .price .price-line {
+    font-size: 1.30208vmin;
+    text-decoration: line-through;
+    color: #999999;
+    margin-left: 0.52083vmin;
+  }
+  .goods-item .main-card .right .line-three .buy-btn {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    width: 8.33333vmin;
+    height: 3.125vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.125vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-teacher {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    width: 8.33333vmin;
+    height: 3.125vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.125vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-teacher .load {
+    width: 1.5625vmin;
+    height: 1.5625vmin;
+    animation: turn 1s linear infinite;
+    margin-right: 0.52083vmin;
+  }
+  .goods-item .main-card .right .line-three .no-stock-btn {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    width: 8.33333vmin;
+    height: 3.125vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.125vmin;
+    font-weight: 500;
+    opacity: 40%;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .see-btn {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    width: 8.33333vmin;
+    height: 3.125vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.125vmin;
+    font-weight: 500;
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    padding: 0 0.65104vmin;
+    min-width: 10.41667vmin;
+    height: 4.42708vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    flex-flow: column;
+    line-height: 2.08333vmin;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
+    font-size: 1.5625vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
+    color: white;
+    font-size: 1.30208vmin;
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
+    font-size: 1.82292vmin;
+    color: white;
+  }
+  .goods-item .main-card .manage-right {
+    width: 24.34896vmin;
+  }
+  .goods-item .main-card .teacher-switch {
+    height: 2.08333vmin;
+    background: #fff;
+    display: flex;
+    margin-top: 1.04167vmin;
+  }
+  .goods-item .main-card .teacher-switch .switch-txt {
+    opacity: 1;
+    color: #333333;
+    font-size: 1.5625vmin;
+    font-weight: 400;
+    font-family: "PingFang SC";
+    margin-left: 1.04167vmin;
+  }
+  .goods-item .hide-tip {
+    width: 15.625vmin;
+    height: 3.125vmin;
+    border-radius: 1.5625vmin;
+    background: #f5f5f5;
+    font-size: 1.30208vmin;
+    color: #666666;
+    font-weight: 500;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 0.52083vmin;
+  }
+  .goods-item .full-hide-tip {
+    width: 100%;
+  }
+}
+
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .goods-item {
+    display: flex;
+    min-height: 14.28571vmin;
+    background: #ffffff;
+    border-radius: 1.26984vmin;
+    flex-direction: column;
+    padding: 1.26984vmin;
+    margin: 1.26984vmin 1.26984vmin 0vmin 1.26984vmin;
+  }
+  .goods-item .main-card {
+    display: flex;
+    flex-direction: row;
+  }
+  .goods-item .main-card .left {
+    position: relative;
+    width: 17.77778vmin;
+    height: 17.77778vmin;
+  }
+  .goods-item .main-card .left image {
+    width: 17.77778vmin;
+    height: 17.77778vmin;
+  }
+  .goods-item .main-card .left .index {
+    border-radius: 1.26984vmin 0 1.26984vmin 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 2.85714vmin;
+    height: 2.22222vmin;
+    padding: 0.07937vmin 0.47619vmin;
+    font-size: 1.5873vmin;
+    background: rgba(0, 0, 0, 0.6);
+    color: #FFFFFF;
+  }
+  .goods-item .main-card .left .ios-index {
+    background: rgba(0, 0, 0, 0.25);
+    backdrop-filter: blur(1.90476vmin);
+  }
+  .goods-item .main-card .left .goods-type {
+    position: absolute;
+    right: 0.63492vmin;
+    bottom: 0.63492vmin;
+    padding: 0.63492vmin 0.79365vmin;
+    background: rgba(0, 0, 0, 0.4);
+    border-radius: 0.63492vmin;
+    color: #fff;
+    font-size: 1.5873vmin;
+    width: fit-content;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 1.5873vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .left .goods-explaining {
+    position: absolute;
+    width: 19.04762vmin;
+    height: 2.85714vmin;
+    bottom: 0vmin;
+    left: 0vmin;
+  }
+  .goods-item .main-card .left .ios-goods-type {
+    background: rgba(0, 0, 0, 0.25) !important;
+    backdrop-filter: blur(1.90476vmin);
+  }
+  .goods-item .main-card .left .is-over {
+    border-radius: 0.84683vmin 0.84683vmin 0 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 20.95238vmin;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.4);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #ffffff;
+    font-size: 1.90476vmin;
+  }
+  .goods-item .main-card .right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    margin-left: 1.26984vmin;
+    height: 17.77778vmin;
+    width: calc(100% - vmin(256));
+    position: relative;
+  }
+  .goods-item .main-card .right .line-one {
+    display: flex;
+    align-items: center;
+    height: 2.85714vmin;
+  }
+  .goods-item .main-card .right .line-one .super-activity-type {
+    background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 100%);
+    color: #ff781f;
+    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;
+  }
+  .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 .right .line-one .goods-title {
+    font-size: 2.22222vmin;
+    color: #333333;
+    word-break: break-all;
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+    vertical-align: middle;
+    line-height: 3.1746vmin;
+    font-weight: 500;
+    width: 35.39683vmin;
+  }
+  .goods-item .main-card .right .line-one .manage-title {
+    width: 29.68254vmin;
+  }
+  .goods-item .main-card .right .desc {
+    color: #FF2E57;
+    font-size: 1.90476vmin;
+    line-height: 1.90476vmin;
+    margin-top: 0.63492vmin;
+  }
+  .goods-item .main-card .right .order {
+    margin-top: 0.63492vmin;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 1.5873vmin;
+  }
+  .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 .order .order-stock {
+    color: #999999;
+  }
+  .goods-item .main-card .right .progress {
+    width: 25.39683vmin;
+    height: 2.53968vmin;
+    border-radius: 1.26984vmin;
+    background: #ebebeb;
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    padding: 0.31746vmin 1.49365vmin 0.31746vmin 1.26984vmin;
+    box-sizing: border-box;
+    margin-top: 0.63492vmin;
+    align-items: center;
+  }
+  .goods-item .main-card .right .progress .schedule {
+    height: 2.53968vmin;
+    border-radius: 1.26984vmin;
+    background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+  .goods-item .main-card .right .progress .residue-num {
+    font-size: 1.5873vmin;
+    color: #ffffff;
+    z-index: 2;
+  }
+  .goods-item .main-card .right .progress .residue-time {
+    color: #999999;
+    font-size: 1.5873vmin;
+    z-index: 2;
+  }
+  .goods-item .main-card .right .sec-kill {
+    color: #333333;
+    height: 2.53968vmin;
+    border-radius: 1.26984vmin;
+    background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
+    font-size: 1.5873vmin;
+    margin-top: 0.63492vmin;
+    display: flex;
+    align-items: center;
+    padding: 0 1.26984vmin;
+  }
+  .goods-item .main-card .right .sec-kill .time {
+    margin: 0 1.11111vmin;
+    color: #ff2e57;
+  }
+  .goods-item .main-card .right .line-three {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+  }
+  .goods-item .main-card .right .line-three .price {
+    position: relative;
+    min-height: 3.1746vmin;
+    font-weight: 500;
+    color: #FF2E57;
+  }
+  .goods-item .main-card .right .line-three .price .activity-type {
+    font-size: 1.5873vmin;
+    height: 2.53968vmin;
+    line-height: 2.85714vmin;
+    flex-shrink: 0;
+    margin-right: 0.31746vmin;
+    border-radius: 0.31746vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .line-three .price .price-flow {
+    font-size: 1.90476vmin;
+  }
+  .goods-item .main-card .right .line-three .price .price-show {
+    font-size: 2.53968vmin;
+  }
+  .goods-item .main-card .right .line-three .price .price-line {
+    font-size: 1.5873vmin;
+    text-decoration: line-through;
+    color: #999999;
+    margin-left: 0.63492vmin;
+  }
+  .goods-item .main-card .right .line-three .buy-btn {
+    font-size: 1.90476vmin;
+    border-radius: 0.63492vmin;
+    width: 10.15873vmin;
+    height: 3.80952vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.80952vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-teacher {
+    font-size: 1.90476vmin;
+    border-radius: 0.63492vmin;
+    width: 10.15873vmin;
+    height: 3.80952vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.80952vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-teacher .load {
+    width: 1.90476vmin;
+    height: 1.90476vmin;
+    animation: turn 1s linear infinite;
+    margin-right: 0.63492vmin;
+  }
+  .goods-item .main-card .right .line-three .no-stock-btn {
+    font-size: 1.90476vmin;
+    border-radius: 0.63492vmin;
+    width: 10.15873vmin;
+    height: 3.80952vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.80952vmin;
+    font-weight: 500;
+    opacity: 40%;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .see-btn {
+    font-size: 1.90476vmin;
+    border-radius: 0.63492vmin;
+    width: 10.15873vmin;
+    height: 3.80952vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.80952vmin;
+    font-weight: 500;
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential {
+    font-size: 1.90476vmin;
+    border-radius: 0.63492vmin;
+    padding: 0 0.79365vmin;
+    min-width: 12.69841vmin;
+    height: 5.39683vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    flex-flow: column;
+    line-height: 2.53968vmin;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
+    font-size: 1.90476vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
+    color: white;
+    font-size: 1.5873vmin;
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
+    font-size: 2.22222vmin;
+    color: white;
+  }
+  .goods-item .main-card .manage-right {
+    width: 29.68254vmin;
+  }
+  .goods-item .main-card .teacher-switch {
+    height: 2.53968vmin;
+    background: #fff;
+    display: flex;
+    margin-top: 1.26984vmin;
+  }
+  .goods-item .main-card .teacher-switch .switch-txt {
+    opacity: 1;
+    color: #333333;
+    font-size: 1.90476vmin;
+    font-weight: 400;
+    font-family: "PingFang SC";
+    margin-left: 1.26984vmin;
+  }
+  .goods-item .hide-tip {
+    width: 19.04762vmin;
+    height: 3.80952vmin;
+    border-radius: 1.90476vmin;
+    background: #f5f5f5;
+    font-size: 1.5873vmin;
+    color: #666666;
+    font-weight: 500;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 0.63492vmin;
+  }
+  .goods-item .full-hide-tip {
+    width: 100%;
+  }
+}
+
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .goods-item {
+    display: flex;
+    min-height: 11.71875vmin;
+    background: #ffffff;
+    border-radius: 1.04167vmin;
+    flex-direction: column;
+    padding: 1.04167vmin;
+    margin: 1.04167vmin 1.04167vmin 0vmin 1.04167vmin;
+  }
+  .goods-item .main-card {
+    display: flex;
+    flex-direction: row;
+  }
+  .goods-item .main-card .left {
+    position: relative;
+    width: 14.58333vmin;
+    height: 14.58333vmin;
+  }
+  .goods-item .main-card .left image {
+    width: 14.58333vmin;
+    height: 14.58333vmin;
+  }
+  .goods-item .main-card .left .index {
+    border-radius: 1.04167vmin 0 1.04167vmin 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 2.34375vmin;
+    height: 1.82292vmin;
+    padding: 0.0651vmin 0.39062vmin;
+    font-size: 1.30208vmin;
+    background: rgba(0, 0, 0, 0.6);
+    color: #FFFFFF;
+  }
+  .goods-item .main-card .left .ios-index {
+    background: rgba(0, 0, 0, 0.25);
+    backdrop-filter: blur(1.5625vmin);
+  }
+  .goods-item .main-card .left .goods-type {
+    position: absolute;
+    right: 0.52083vmin;
+    bottom: 0.52083vmin;
+    padding: 0.52083vmin 0.65104vmin;
+    background: rgba(0, 0, 0, 0.4);
+    border-radius: 0.52083vmin;
+    color: #fff;
+    font-size: 1.30208vmin;
+    width: fit-content;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 1.30208vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .left .goods-explaining {
+    position: absolute;
+    width: 15.625vmin;
+    height: 2.34375vmin;
+    bottom: 0vmin;
+    left: 0vmin;
+  }
+  .goods-item .main-card .left .ios-goods-type {
+    background: rgba(0, 0, 0, 0.25) !important;
+    backdrop-filter: blur(1.5625vmin);
+  }
+  .goods-item .main-card .left .is-over {
+    border-radius: 0.69466vmin 0.69466vmin 0 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 17.1875vmin;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.4);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #ffffff;
+    font-size: 1.5625vmin;
+  }
+  .goods-item .main-card .right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    margin-left: 1.04167vmin;
+    height: 14.58333vmin;
+    width: calc(100% - vmin(256));
+    position: relative;
+  }
+  .goods-item .main-card .right .line-one {
+    display: flex;
+    align-items: center;
+    height: 2.34375vmin;
+  }
+  .goods-item .main-card .right .line-one .super-activity-type {
+    background: linear-gradient(180.25deg, #333333 0%, #525252 68%, #333333 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;
+    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 .right .line-one .goods-title {
+    font-size: 1.82292vmin;
+    color: #333333;
+    word-break: break-all;
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+    vertical-align: middle;
+    line-height: 2.60417vmin;
+    font-weight: 500;
+    width: 29.03646vmin;
+  }
+  .goods-item .main-card .right .line-one .manage-title {
+    width: 24.34896vmin;
+  }
+  .goods-item .main-card .right .desc {
+    color: #FF2E57;
+    font-size: 1.5625vmin;
+    line-height: 1.5625vmin;
+    margin-top: 0.52083vmin;
+  }
+  .goods-item .main-card .right .order {
+    margin-top: 0.52083vmin;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 1.30208vmin;
+  }
+  .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 .order .order-stock {
+    color: #999999;
+  }
+  .goods-item .main-card .right .progress {
+    width: 20.83333vmin;
+    height: 2.08333vmin;
+    border-radius: 1.04167vmin;
+    background: #ebebeb;
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    padding: 0.26042vmin 1.22526vmin 0.26042vmin 1.04167vmin;
+    box-sizing: border-box;
+    margin-top: 0.52083vmin;
+    align-items: center;
+  }
+  .goods-item .main-card .right .progress .schedule {
+    height: 2.08333vmin;
+    border-radius: 1.04167vmin;
+    background: linear-gradient(90deg, #ff833e 0%, #ff2e57 100%);
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+  .goods-item .main-card .right .progress .residue-num {
+    font-size: 1.30208vmin;
+    color: #ffffff;
+    z-index: 2;
+  }
+  .goods-item .main-card .right .progress .residue-time {
+    color: #999999;
+    font-size: 1.30208vmin;
+    z-index: 2;
+  }
+  .goods-item .main-card .right .sec-kill {
+    color: #333333;
+    height: 2.08333vmin;
+    border-radius: 1.04167vmin;
+    background: linear-gradient(90deg, #ffebef 0%, #ffebef00 100%);
+    font-size: 1.30208vmin;
+    margin-top: 0.52083vmin;
+    display: flex;
+    align-items: center;
+    padding: 0 1.04167vmin;
+  }
+  .goods-item .main-card .right .sec-kill .time {
+    margin: 0 0.91146vmin;
+    color: #ff2e57;
+  }
+  .goods-item .main-card .right .line-three {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+  }
+  .goods-item .main-card .right .line-three .price {
+    position: relative;
+    min-height: 2.60417vmin;
+    font-weight: 500;
+    color: #FF2E57;
+  }
+  .goods-item .main-card .right .line-three .price .activity-type {
+    font-size: 1.30208vmin;
+    height: 2.08333vmin;
+    line-height: 2.34375vmin;
+    flex-shrink: 0;
+    margin-right: 0.26042vmin;
+    border-radius: 0.26042vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .line-three .price .price-flow {
+    font-size: 1.5625vmin;
+  }
+  .goods-item .main-card .right .line-three .price .price-show {
+    font-size: 2.08333vmin;
+  }
+  .goods-item .main-card .right .line-three .price .price-line {
+    font-size: 1.30208vmin;
+    text-decoration: line-through;
+    color: #999999;
+    margin-left: 0.52083vmin;
+  }
+  .goods-item .main-card .right .line-three .buy-btn {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    width: 8.33333vmin;
+    height: 3.125vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.125vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-teacher {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    width: 8.33333vmin;
+    height: 3.125vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.125vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-teacher .load {
+    width: 1.5625vmin;
+    height: 1.5625vmin;
+    animation: turn 1s linear infinite;
+    margin-right: 0.52083vmin;
+  }
+  .goods-item .main-card .right .line-three .no-stock-btn {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    width: 8.33333vmin;
+    height: 3.125vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.125vmin;
+    font-weight: 500;
+    opacity: 40%;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .see-btn {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    width: 8.33333vmin;
+    height: 3.125vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.125vmin;
+    font-weight: 500;
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential {
+    font-size: 1.5625vmin;
+    border-radius: 0.52083vmin;
+    padding: 0 0.65104vmin;
+    min-width: 10.41667vmin;
+    height: 4.42708vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    flex-flow: column;
+    line-height: 2.08333vmin;
+    background: linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential .go-buy {
+    font-size: 1.5625vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-flow {
+    color: white;
+    font-size: 1.30208vmin;
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show {
+    font-size: 1.82292vmin;
+    color: white;
+  }
+  .goods-item .main-card .manage-right {
+    width: 24.34896vmin;
+  }
+  .goods-item .main-card .teacher-switch {
+    height: 2.08333vmin;
+    background: #fff;
+    display: flex;
+    margin-top: 1.04167vmin;
+  }
+  .goods-item .main-card .teacher-switch .switch-txt {
+    opacity: 1;
+    color: #333333;
+    font-size: 1.5625vmin;
+    font-weight: 400;
+    font-family: "PingFang SC";
+    margin-left: 1.04167vmin;
+  }
+  .goods-item .hide-tip {
+    width: 15.625vmin;
+    height: 3.125vmin;
+    border-radius: 1.5625vmin;
+    background: #f5f5f5;
+    font-size: 1.30208vmin;
+    color: #666666;
+    font-weight: 500;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 0.52083vmin;
+  }
+  .goods-item .full-hide-tip {
+    width: 100%;
   }
 }