xiaoe_mp_npm 0.5.39 → 0.5.40-alpha2

package/src/GoodsItem/index.wxss

@@ -1,46 +1,69 @@
+@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;
+  margin: 0 4.26667vmin 0 4.26667vmin;
+  border-radius: 2.13333vmin;
+  padding: 2.13333vmin;
   flex-direction: column;
 }
+
 .goods-item .main-card {
   display: flex;
   flex-direction: row;
 }
+
 .goods-item .main-card .left {
   position: relative;
   width: 32vmin;
   height: 24vmin;
 }
+
 .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,89 +71,107 @@
   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 .right {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  margin-left: 2.13vmin;
+  margin-left: 2.13333vmin;
   height: 24vmin;
-  width: calc(100% - 34.13vmin);
+  width: calc(100% - vmin(256));
 }
+
 .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;
+  padding: 0vmin 1.06667vmin;
+  font-size: 2.66667vmin;
+  height: 4.26667vmin;
   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;
   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;
@@ -139,168 +180,715 @@
   line-height: 4.8vmin;
   font-weight: 500;
 }
+
 .goods-item .main-card .right .sec-kill {
   color: #FF781F;
-  font-size: 2.67vmin;
-  line-height: 4.27vmin;
-  margin: 1.07vmin 0;
+  font-size: 2.66667vmin;
+  line-height: 4.26667vmin;
+  margin: 1.06667vmin 0;
 }
+
 .goods-item .main-card .right .left-stock {
   color: #999999;
-  font-size: 2.67vmin;
+  font-size: 2.66667vmin;
   height: 3.2vmin;
   display: flex;
   align-items: center;
 }
+
 .goods-item .main-card .right .left-stock .split {
   display: inline-block;
-  border-left: 0.13vmin solid #999999;
-  width: 0.27vmin;
+  border-left: 0.13333vmin solid #999999;
+  width: 0.26667vmin;
   height: 3.2vmin;
   margin: 0 1.6vmin;
 }
+
 .goods-item .main-card .right .line-three {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
 }
+
 .goods-item .main-card .right .line-three .price {
   position: relative;
-  min-height: 5.33vmin;
+  min-height: 5.33333vmin;
   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;
 }
+
 .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: 5.33333vmin;
+  width: 21.33333vmin;
+  height: 7.46667vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 7.47vmin;
+  line-height: 7.46667vmin;
   font-weight: 500;
   background: linear-gradient(270deg, #fe6500 0%, #ff4102 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: 5.33333vmin;
+  width: 21.33333vmin;
+  height: 7.46667vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 7.47vmin;
+  line-height: 7.46667vmin;
   font-weight: 500;
   background: linear-gradient(270deg, #fe6500 0%, #ff4102 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: 5.33333vmin;
+  width: 21.33333vmin;
+  height: 7.46667vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 7.47vmin;
+  line-height: 7.46667vmin;
   font-weight: 500;
   opacity: 40%;
   background: linear-gradient(270deg, #fe6500 0%, #ff4102 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: 5.33333vmin;
+  width: 21.33333vmin;
+  height: 7.46667vmin;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
-  line-height: 7.47vmin;
+  line-height: 7.46667vmin;
   font-weight: 500;
   margin-left: inherit;
   margin-right: inherit;
   background: linear-gradient(270deg, #fe6500 0%, #ff4102 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: 5.33333vmin;
+  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;
+  line-height: 4.26667vmin;
   background: linear-gradient(270deg, #fe6500 0%, #ff4102 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 .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;
+}
+
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .goods-item {
+    display: flex;
+    min-height: 11.71875vmin;
+    background: #ffffff;
+    margin: 0 2.08333vmin 0 2.08333vmin;
+    border-radius: 1.04167vmin;
+    padding: 1.04167vmin;
+    flex-direction: column;
+  }
+  .goods-item .main-card {
+    display: flex;
+    flex-direction: row;
+  }
+  .goods-item .main-card .left {
+    position: relative;
+    width: 15.625vmin;
+    height: 11.71875vmin;
+  }
+  .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 .right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-left: 1.04167vmin;
+    height: 11.71875vmin;
+    width: calc(100% - vmin(256));
+  }
+  .goods-item .main-card .right .line-one {
+    display: flex;
+    align-items: center;
+    height: 2.34375vmin;
+  }
+  .goods-item .main-card .right .line-one .activity-type {
+    background-color: #FFF3EB;
+    color: #FF781F;
+    padding: 0vmin 0.52083vmin;
+    font-size: 1.30208vmin;
+    height: 2.08333vmin;
+    line-height: 2.34375vmin;
+    flex-shrink: 0;
+    margin-right: 0.52083vmin;
+    border-radius: 0.26042vmin;
+    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.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.34375vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .sec-kill {
+    color: #FF781F;
+    font-size: 1.30208vmin;
+    line-height: 2.08333vmin;
+    margin: 0.52083vmin 0;
+  }
+  .goods-item .main-card .right .left-stock {
+    color: #999999;
+    font-size: 1.30208vmin;
+    height: 1.5625vmin;
+    display: flex;
+    align-items: center;
+  }
+  .goods-item .main-card .right .left-stock .split {
+    display: inline-block;
+    border-left: 0.0651vmin solid #999999;
+    width: 0.13021vmin;
+    height: 1.5625vmin;
+    margin: 0 0.78125vmin;
+  }
+  .goods-item .main-card .right .line-three {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+  }
+  .goods-item .main-card .right .line-three .price {
+    position: relative;
+    min-height: 2.60417vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .line-three .price .price-flow {
+    color: #FF5429;
+    font-size: 1.5625vmin;
+  }
+  .goods-item .main-card .right .line-three .price .price-show {
+    color: #FF5429;
+    font-size: 2.34375vmin;
+  }
+  .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: 2.60417vmin;
+    width: 10.41667vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.64583vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-teacher {
+    font-size: 1.5625vmin;
+    border-radius: 2.60417vmin;
+    width: 10.41667vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.64583vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #fe6500 0%, #ff4102 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: 2.60417vmin;
+    width: 10.41667vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.64583vmin;
+    font-weight: 500;
+    opacity: 40%;
+    background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  }
+  .goods-item .main-card .right .line-three .see-btn {
+    font-size: 1.5625vmin;
+    border-radius: 2.60417vmin;
+    width: 10.41667vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.64583vmin;
+    font-weight: 500;
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential {
+    font-size: 1.5625vmin;
+    border-radius: 2.60417vmin;
+    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, #fe6500 0%, #ff4102 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 .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;
+  }
 }
-@keyframes turn {
-  0% {
-    transform: rotate(0deg);
+
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .goods-item {
+    display: flex;
+    min-height: 11.71875vmin;
+    background: #ffffff;
+    margin: 0 2.08333vmin 0 2.08333vmin;
+    border-radius: 1.04167vmin;
+    padding: 1.04167vmin;
+    flex-direction: column;
   }
-  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: 15.625vmin;
+    height: 11.71875vmin;
   }
-  60% {
-    transform: rotate(216deg);
+  .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;
   }
-  80% {
-    transform: rotate(288deg);
+  .goods-item .main-card .left .ios-index {
+    background: rgba(0, 0, 0, 0.25);
+    backdrop-filter: blur(1.5625vmin);
   }
-  100% {
-    transform: rotate(360deg);
+  .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 .right {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-left: 1.04167vmin;
+    height: 11.71875vmin;
+    width: calc(100% - vmin(256));
+  }
+  .goods-item .main-card .right .line-one {
+    display: flex;
+    align-items: center;
+    height: 2.34375vmin;
+  }
+  .goods-item .main-card .right .line-one .activity-type {
+    background-color: #FFF3EB;
+    color: #FF781F;
+    padding: 0vmin 0.52083vmin;
+    font-size: 1.30208vmin;
+    height: 2.08333vmin;
+    line-height: 2.34375vmin;
+    flex-shrink: 0;
+    margin-right: 0.52083vmin;
+    border-radius: 0.26042vmin;
+    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.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.34375vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .sec-kill {
+    color: #FF781F;
+    font-size: 1.30208vmin;
+    line-height: 2.08333vmin;
+    margin: 0.52083vmin 0;
+  }
+  .goods-item .main-card .right .left-stock {
+    color: #999999;
+    font-size: 1.30208vmin;
+    height: 1.5625vmin;
+    display: flex;
+    align-items: center;
+  }
+  .goods-item .main-card .right .left-stock .split {
+    display: inline-block;
+    border-left: 0.0651vmin solid #999999;
+    width: 0.13021vmin;
+    height: 1.5625vmin;
+    margin: 0 0.78125vmin;
+  }
+  .goods-item .main-card .right .line-three {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+  }
+  .goods-item .main-card .right .line-three .price {
+    position: relative;
+    min-height: 2.60417vmin;
+    font-weight: 500;
+  }
+  .goods-item .main-card .right .line-three .price .price-flow {
+    color: #FF5429;
+    font-size: 1.5625vmin;
+  }
+  .goods-item .main-card .right .line-three .price .price-show {
+    color: #FF5429;
+    font-size: 2.34375vmin;
+  }
+  .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: 2.60417vmin;
+    width: 10.41667vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.64583vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-teacher {
+    font-size: 1.5625vmin;
+    border-radius: 2.60417vmin;
+    width: 10.41667vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.64583vmin;
+    font-weight: 500;
+    background: linear-gradient(270deg, #fe6500 0%, #ff4102 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: 2.60417vmin;
+    width: 10.41667vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.64583vmin;
+    font-weight: 500;
+    opacity: 40%;
+    background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  }
+  .goods-item .main-card .right .line-three .see-btn {
+    font-size: 1.5625vmin;
+    border-radius: 2.60417vmin;
+    width: 10.41667vmin;
+    height: 3.64583vmin;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    line-height: 3.64583vmin;
+    font-weight: 500;
+    margin-left: inherit;
+    margin-right: inherit;
+    background: linear-gradient(270deg, #fe6500 0%, #ff4102 100%);
+  }
+  .goods-item .main-card .right .line-three .buy-btn-preferential {
+    font-size: 1.5625vmin;
+    border-radius: 2.60417vmin;
+    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, #fe6500 0%, #ff4102 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 .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;
   }
 }