xiaoe_mp_npm 1.0.38 → 1.0.39-alpha.2

package/miniprogram_dist/GoodsItem/index.js

@@ -24,6 +24,8 @@ import {
 
 const { utils, sensorLog } = require("live-mp-tools");
 
+const { checkCanBuyMemberGood } = require("../LevelMemberBar/utils.js");
+
 const computedBehavior = require('miniprogram-computed').behavior
 
 const formatNum = (num) => {
@@ -427,6 +429,19 @@ Component({
       }
       return text
     },
+    // 是否显示等级会员-专属商品标识
+    // visibleLevelMemberGoodsDesc(data) {
+    //   const { ranks } = data.goodsItem
+    //
+    //   return Boolean(Array.isArray(ranks) && ranks.length)
+    // },
+    // // 等级会员-专属商品时，显示专属会员等级
+    // levelMemberGoodsDesc(data) {
+    //   const memberNameList = (data.goodsItem?.ranks || []).map(({ rank_name }) => rank_name)
+    //   const memberStr = memberNameList.length > 3 ? `${memberNameList.slice(0, 3).join('/')}等` : memberNameList.join('/')
+    //
+    //   return `仅${memberStr}可购买`
+    // },
     distributionPattern(data) {
       return [-1,1,2].indexOf(data.goodsItem.distribution_pattern) !== -1
     }
@@ -460,6 +475,10 @@ Component({
           })
         }
 
+        if (!checkCanBuyMemberGood({ goodData: this.data.goodsItem, userType: 'student' })) {
+          return
+        }
+
         this.toDetails()
       } else {
         this.snapUpCheck()
@@ -488,6 +507,10 @@ Component({
         })
       }
 
+      if (!checkCanBuyMemberGood({ goodData: this.data.goodsItem, userType: 'student' })) {
+        return
+      }
+
       this.triggerEvent('sendNewMsg')
       let { aliveInfo, sensorReportParams, goodsInfo, isFullScreen, aliveSubId } = this.properties
       sensorLog.sensors.track('click_butt', {
@@ -634,6 +657,10 @@ Component({
         })
       }
 
+      if (!checkCanBuyMemberGood({ goodData: this.data.goodsItem, userType: 'student' })) {
+        return
+      }
+
       // 实物21 有价优惠券41 超级会员23 可多次购买,没有权益说法，直接拉起客服;直播商品有没有权益都是去详情页。
       if ([41, 21, 23, 4].indexOf(Number(this.data.goodsItem.resource_type)) > -1) {
         this.toDetails()
@@ -751,6 +778,23 @@ Component({
         this.setData({ skillNowTime: 0 })
       }
     },
+    /**
+     * @description 点击等级会员-专属商品标识文本，展示具体内容
+     */
+    // showMemberGoodsDescModal() {
+    //   const memberStr = (this.data.goodsItem?.ranks || []).map(({ rank_name }) => rank_name).join('、')
+    //
+    //   wx.showModal({
+    //     content: `该商品仅支持【${memberStr}】购买`,
+    //     confirmText: '查看权益',
+    //     cancelText: '取消',
+    //     confirmColor: '#1472FF',
+    //     success: (res) => {
+    //       console.log('ssg res: ', res)
+    //       if (!res.confirm) return
+    //     }
+    //   })
+    // },
     handleContact(e) {
       let { aliveInfo, sensorReportParams, goodsInfo, isFullScreen, aliveSubId } = this.properties
       sensorLog.sensors.track('click_butt', {

package/miniprogram_dist/GoodsItem/index.json

@@ -1,6 +1,10 @@
 {
   "component": true,
   "usingComponents": {
-    "van-switch": "@vant/weapp/switch/index"
+    "van-switch": "@vant/weapp/switch/index",
+    "level-member-bar": "/subpkg/npm-compoent/miniprogram_npm/xiaoe_mp_npm/LevelMemberBar/index"
+  },
+  "componentPlaceholder": {
+    "level-member-bar": "view"
   }
 }

package/miniprogram_dist/GoodsItem/index.scss

@@ -265,6 +265,21 @@ $deviceWidth: 750;
         }
       }
 
+      .level-member-goods {
+        display: inline-block;
+        max-width: vmin(246);
+        height: vmin(32);
+        padding: 0 vmin(8);
+        line-height: vmin(32);
+        font-size: vmin(20);
+        font-weight: 500;
+        background-color: #FFF3EB;
+        color: #FF781F;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
       .progress {
         width: vmin(320);
         height: vmin(32);

package/miniprogram_dist/GoodsItem/index.wxml

@@ -73,6 +73,13 @@
         </view>
       </view>
 
+      <!-- 等级会员-专属商品标识 -->
+      <level-member-bar good-data="{{ goodsItem }}" />
+<!--      <view wx:if="{{ visibleLevelMemberGoodsDesc }}" catchtap="showMemberGoodsDescModal"-->
+<!--      >-->
+<!--        <text class="level-member-goods">{{ levelMemberGoodsDesc }}</text>-->
+<!--      </view>-->
+
       <!-- 活动进度条 -->
       <view
         class="progress"

package/miniprogram_dist/GoodsItem/index.wxss

@@ -276,6 +276,20 @@
 .goods-item .main-card .right .order .stock-and-order .order-stock {
   color: #999999;
 }
+.goods-item .main-card .right .level-member-goods {
+  display: inline-block;
+  max-width: 32.8vmin;
+  height: 4.26667vmin;
+  padding: 0 1.06667vmin;
+  line-height: 4.26667vmin;
+  font-size: 2.66667vmin;
+  font-weight: 500;
+  background-color: #FFF3EB;
+  color: #FF781F;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .goods-item .main-card .right .progress {
   width: 42.66667vmin;
   height: 4.26667vmin;
@@ -764,6 +778,20 @@
   .goods-item .main-card .right .order .stock-and-order .order-stock {
     color: #999999;
   }
+  .goods-item .main-card .right .level-member-goods {
+    display: inline-block;
+    max-width: 16.01562vmin;
+    height: 2.08333vmin;
+    padding: 0 0.52083vmin;
+    line-height: 2.08333vmin;
+    font-size: 1.30208vmin;
+    font-weight: 500;
+    background-color: #FFF3EB;
+    color: #FF781F;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   .goods-item .main-card .right .progress {
     width: 20.83333vmin;
     height: 2.08333vmin;
@@ -1253,6 +1281,20 @@
   .goods-item .main-card .right .order .stock-and-order .order-stock {
     color: #999999;
   }
+  .goods-item .main-card .right .level-member-goods {
+    display: inline-block;
+    max-width: 19.52381vmin;
+    height: 2.53968vmin;
+    padding: 0 0.63492vmin;
+    line-height: 2.53968vmin;
+    font-size: 1.5873vmin;
+    font-weight: 500;
+    background-color: #FFF3EB;
+    color: #FF781F;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   .goods-item .main-card .right .progress {
     width: 25.39683vmin;
     height: 2.53968vmin;
@@ -1742,6 +1784,20 @@
   .goods-item .main-card .right .order .stock-and-order .order-stock {
     color: #999999;
   }
+  .goods-item .main-card .right .level-member-goods {
+    display: inline-block;
+    max-width: 16.01562vmin;
+    height: 2.08333vmin;
+    padding: 0 0.52083vmin;
+    line-height: 2.08333vmin;
+    font-size: 1.30208vmin;
+    font-weight: 500;
+    background-color: #FFF3EB;
+    color: #FF781F;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   .goods-item .main-card .right .progress {
     width: 20.83333vmin;
     height: 2.08333vmin;

package/miniprogram_dist/LevelMemberBar/index.js

@@ -0,0 +1,49 @@
+import { getMembershipMap, checkCanBuyMemberGood, showMemberGoodsDescModal} from './utils.js'
+
+Component({
+  behaviors: [require('miniprogram-computed').behavior],
+  properties: {
+    goodData: {
+      type: Object,
+      value: {},
+    },
+    userType: {
+      type: String,
+      value: 'student' // student or teacher
+    },
+  },
+  computed: {
+    // 是否显示等级会员-专属商品标识
+    visibleLevelMemberGoodsDesc(properties) {
+      const { ranks } = properties.goodData || {}
+
+      return Boolean(Array.isArray(ranks) && ranks.length)
+    },
+    // 等级会员-专属商品时，显示专属会员等级
+    levelMemberGoodsDesc(properties) {
+      const membershipMap = getMembershipMap()
+      const memberNameList = (properties.goodData?.ranks || []).map(rank_id => membershipMap[rank_id]?.rank_name)
+      const memberStr = memberNameList.length > 3 ? `${memberNameList.slice(0, 3).join('/')}等` : memberNameList.join('/')
+
+      return `仅${memberStr}可购买`
+    },
+  },
+  methods: {
+    /**
+     * @description 检查是否有购买该【等级会员专属商品】的权益
+     *
+     * @return {Boolean} 检查结果，true 有，false 没有
+     */
+    checkCanBuyMemberGood() {
+      const { goodData, userType } = this.properties
+      return checkCanBuyMemberGood({ goodData, userType })
+    },
+    /**
+     * @description 点击等级会员-专属商品标识文本，展示具体内容
+     */
+    showMemberGoodsDescModal() {
+      const { goodData, userType } = this.properties
+      showMemberGoodsDescModal({ goodData, userType })
+    },
+  },
+});

package/miniprogram_dist/LevelMemberBar/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

package/miniprogram_dist/LevelMemberBar/index.scss

@@ -0,0 +1,51 @@
+@import "../common/css/index.wxss";
+
+$deviceWidth: 750;
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin level-member-goods {
+  display: inline-block;
+  max-width: vmin(246);
+  height: vmin(32);
+  padding: 0 vmin(8);
+  margin: vmin(8) 0;
+  line-height: vmin(32);
+  font-size: vmin(20);
+  font-weight: 500;
+  background-color: #FFF3EB;
+  color: #FF781F;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.level-member-goods {
+  @include level-member-goods;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+  .level-member-goods {
+    @include level-member-goods;
+  }
+}
+
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .level-member-goods {
+    @include level-member-goods;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+  .level-member-goods {
+    @include level-member-goods;
+  }
+}

package/miniprogram_dist/LevelMemberBar/index.wxml

@@ -0,0 +1,3 @@
+<view wx:if="{{ visibleLevelMemberGoodsDesc }}" catchtap="showMemberGoodsDescModal">
+  <text class="level-member-goods">{{ levelMemberGoodsDesc }}</text>
+</view>

package/miniprogram_dist/LevelMemberBar/index.wxss

@@ -0,0 +1,66 @@
+.level-member-goods {
+  display: inline-block;
+  max-width: 32.8vmin;
+  height: 4.26667vmin;
+  padding: 0 1.06667vmin;
+  margin: 1.06667vmin 0;
+  line-height: 4.26667vmin;
+  font-size: 2.66667vmin;
+  font-weight: 500;
+  background-color: #FFF3EB;
+  color: #FF781F;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  .level-member-goods {
+    display: inline-block;
+    max-width: 16.01562vmin;
+    height: 2.08333vmin;
+    padding: 0 0.52083vmin;
+    margin: 0.52083vmin 0;
+    line-height: 2.08333vmin;
+    font-size: 1.30208vmin;
+    font-weight: 500;
+    background-color: #FFF3EB;
+    color: #FF781F;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  .level-member-goods {
+    display: inline-block;
+    max-width: 19.52381vmin;
+    height: 2.53968vmin;
+    padding: 0 0.63492vmin;
+    margin: 0.63492vmin 0;
+    line-height: 2.53968vmin;
+    font-size: 1.5873vmin;
+    font-weight: 500;
+    background-color: #FFF3EB;
+    color: #FF781F;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  .level-member-goods {
+    display: inline-block;
+    max-width: 16.01562vmin;
+    height: 2.08333vmin;
+    padding: 0 0.52083vmin;
+    margin: 0.52083vmin 0;
+    line-height: 2.08333vmin;
+    font-size: 1.30208vmin;
+    font-weight: 500;
+    background-color: #FFF3EB;
+    color: #FF781F;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}

package/miniprogram_dist/LevelMemberBar/utils.js

@@ -0,0 +1,65 @@
+import membershipStore from '../../../../../store/page/common/membership-store.js'
+import liveRoomStore from '../../../../../store/page/common/live-room-store.js'
+
+/**
+ * @description 获取 rank_id => membership 的映射
+ *
+ * @return {Object} 返回映射 Map
+ */
+export const getMembershipMap = () => {
+  return membershipStore?.data.reduce((acc, membership) => {
+    acc[membership.rank_id] = membership
+    return acc
+  }, {})
+}
+
+/**
+ * @description 检查是否有购买该【等级会员专属商品】的权益
+ * @param {Object} goodData 商品详情
+ * @param {String} userType 用户角色：student or teacher
+ *
+ * @return {Boolean} 检查结果，true 有，false 没有
+ */
+export const checkCanBuyMemberGood = ({ goodData, userType }) => {
+  // have_constrain 该商品是否开启了等级会员专属商品限制，true 开启，false 关闭
+  // ranks 该商品对应的等级会员专属商品等级列表
+  const { have_constrain, ranks } = goodData || {}
+  const { member_id } = liveRoomStore?.room?.userInfo?.level_member || {}
+
+  // 是专属商品，如果不是专属的会员，则提示
+  if (have_constrain && !ranks.includes(member_id)) {
+    showMemberGoodsDescModal({ goodData, userType })
+    return false
+  }
+
+  return true
+}
+
+/**
+ * @description 点击等级会员-专属商品标识文本，展示具体内容
+ * @param {Object} goodData 商品详情
+ * @param {String} userType 用户角色：student or teacher
+ */
+export const showMemberGoodsDescModal = ({ goodData, userType }) => {
+  const membershipMap = getMembershipMap()
+  const memberStr = (goodData?.ranks || []).map(rank_id => membershipMap[rank_id]?.rank_name).join('、')
+  const isStudent = userType === 'student'
+
+  wx.showModal({
+    content: `该商品仅支持【${memberStr}】购买`,
+    confirmText: isStudent ? '查看权益' : '确认',
+    cancelText: '取消',
+    confirmColor: '#1472FF',
+    success: (res) => {
+      if (!isStudent || !res.confirm) return
+
+      const appId = liveRoomStore?.data?.room?.aliveInfo.app_id
+      const levelMembershipPageUrl = `https://${appId}.h5.xiaoeknow.com/p/t/v1/account-platform/h5_user/level-member/member`
+
+      // 学员 -> 点击查看权益 -> 跳转等级会员权益页面
+      wx.navigateTo({
+        url: `/pages/webviewContainer/index?path=${levelMembershipPageUrl}`,
+      })
+    }
+  })
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xiaoe_mp_npm",
-  "version": "1.0.38",
+  "version": "1.0.39-alpha.2",
   "description": "",
   "main": "miniprogram_dist/index.js",
   "scripts": {
@@ -76,3 +76,4 @@
     "mp-plugins-info-collection": "1.1.4"
   }
 }
+

package/src/GoodsItem/index.js

@@ -24,6 +24,8 @@ import {
 
 const { utils, sensorLog } = require("live-mp-tools");
 
+const { checkCanBuyMemberGood } = require("../LevelMemberBar/utils.js");
+
 const computedBehavior = require('miniprogram-computed').behavior
 
 const formatNum = (num) => {
@@ -427,6 +429,19 @@ Component({
       }
       return text
     },
+    // 是否显示等级会员-专属商品标识
+    // visibleLevelMemberGoodsDesc(data) {
+    //   const { ranks } = data.goodsItem
+    //
+    //   return Boolean(Array.isArray(ranks) && ranks.length)
+    // },
+    // // 等级会员-专属商品时，显示专属会员等级
+    // levelMemberGoodsDesc(data) {
+    //   const memberNameList = (data.goodsItem?.ranks || []).map(({ rank_name }) => rank_name)
+    //   const memberStr = memberNameList.length > 3 ? `${memberNameList.slice(0, 3).join('/')}等` : memberNameList.join('/')
+    //
+    //   return `仅${memberStr}可购买`
+    // },
     distributionPattern(data) {
       return [-1,1,2].indexOf(data.goodsItem.distribution_pattern) !== -1
     }
@@ -460,6 +475,10 @@ Component({
           })
         }
 
+        if (!checkCanBuyMemberGood({ goodData: this.data.goodsItem, userType: 'student' })) {
+          return
+        }
+
         this.toDetails()
       } else {
         this.snapUpCheck()
@@ -488,6 +507,10 @@ Component({
         })
       }
 
+      if (!checkCanBuyMemberGood({ goodData: this.data.goodsItem, userType: 'student' })) {
+        return
+      }
+
       this.triggerEvent('sendNewMsg')
       let { aliveInfo, sensorReportParams, goodsInfo, isFullScreen, aliveSubId } = this.properties
       sensorLog.sensors.track('click_butt', {
@@ -634,6 +657,10 @@ Component({
         })
       }
 
+      if (!checkCanBuyMemberGood({ goodData: this.data.goodsItem, userType: 'student' })) {
+        return
+      }
+
       // 实物21 有价优惠券41 超级会员23 可多次购买,没有权益说法，直接拉起客服;直播商品有没有权益都是去详情页。
       if ([41, 21, 23, 4].indexOf(Number(this.data.goodsItem.resource_type)) > -1) {
         this.toDetails()
@@ -751,6 +778,23 @@ Component({
         this.setData({ skillNowTime: 0 })
       }
     },
+    /**
+     * @description 点击等级会员-专属商品标识文本，展示具体内容
+     */
+    // showMemberGoodsDescModal() {
+    //   const memberStr = (this.data.goodsItem?.ranks || []).map(({ rank_name }) => rank_name).join('、')
+    //
+    //   wx.showModal({
+    //     content: `该商品仅支持【${memberStr}】购买`,
+    //     confirmText: '查看权益',
+    //     cancelText: '取消',
+    //     confirmColor: '#1472FF',
+    //     success: (res) => {
+    //       console.log('ssg res: ', res)
+    //       if (!res.confirm) return
+    //     }
+    //   })
+    // },
     handleContact(e) {
       let { aliveInfo, sensorReportParams, goodsInfo, isFullScreen, aliveSubId } = this.properties
       sensorLog.sensors.track('click_butt', {

package/src/GoodsItem/index.json

@@ -1,6 +1,10 @@
 {
   "component": true,
   "usingComponents": {
-    "van-switch": "@vant/weapp/switch/index"
+    "van-switch": "@vant/weapp/switch/index",
+    "level-member-bar": "/subpkg/npm-compoent/miniprogram_npm/xiaoe_mp_npm/LevelMemberBar/index"
+  },
+  "componentPlaceholder": {
+    "level-member-bar": "view"
   }
 }

package/src/GoodsItem/index.scss

@@ -265,6 +265,21 @@ $deviceWidth: 750;
         }
       }
 
+      .level-member-goods {
+        display: inline-block;
+        max-width: vmin(246);
+        height: vmin(32);
+        padding: 0 vmin(8);
+        line-height: vmin(32);
+        font-size: vmin(20);
+        font-weight: 500;
+        background-color: #FFF3EB;
+        color: #FF781F;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
       .progress {
         width: vmin(320);
         height: vmin(32);

package/src/GoodsItem/index.wxml

@@ -73,6 +73,13 @@
         </view>
       </view>
 
+      <!-- 等级会员-专属商品标识 -->
+      <level-member-bar good-data="{{ goodsItem }}" />
+<!--      <view wx:if="{{ visibleLevelMemberGoodsDesc }}" catchtap="showMemberGoodsDescModal"-->
+<!--      >-->
+<!--        <text class="level-member-goods">{{ levelMemberGoodsDesc }}</text>-->
+<!--      </view>-->
+
       <!-- 活动进度条 -->
       <view
         class="progress"

package/src/GoodsItem/index.wxss

@@ -1 +1 @@
-@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;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: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.13333vmin 0 2.13333vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:4.8vmin;height:3.73333vmin;padding:.13333vmin .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:1.06667vmin;bottom:1.06667vmin;padding:1.06667vmin 1.33333vmin;background:rgba(0,0,0,0.4);border-radius:1.06667vmin;color:#fff;font-size:2.66667vmin;width:fit-content;display:flex;justify-content:center;align-items:center;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 .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:5.33333vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:5.33333vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:2.88vmin;width:4.8vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:2.88vmin;width:.53333vmin;border-radius:1.06667vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.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}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:1.33333vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){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%,100%{height:1.44vmin}25%{height:2.88vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:3.2vmin;color:#ffffff;position:relative;margin-left:1.06667vmin}.goods-item .main-card .left .is-over{border-radius:1.42267vmin 1.42267vmin 0 0;position:absolute;top:0;left:0;width:29.86667vmin;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;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;width:59.46667vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.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:.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.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:5.33333vmin;font-weight:500;width:59.46667vmin}.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{display:flex;flex-direction:row}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.53333vmin;padding:.53333vmin 1.06667vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:3.2vmin;height:3.2vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.53333vmin 1.06667vmin;border-radius:.53333vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center}.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 .order .stock-and-order .order-stock{color:#999999}.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:.53333vmin 2.50933vmin .53333vmin 2.13333vmin;box-sizing:border-box;margin-top:1.06667vmin;align-items:center}.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.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:.53333vmin;border-radius:.53333vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:3.2vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:4.26667vmin}.goods-item .main-card .right .line-three .price .price-line{font-size:2.66667vmin;text-decoration:line-through;color:#999999;margin-left:1.06667vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;line-height:6.4vmin;font-weight:500}.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.06667vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .see-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;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:3.2vmin;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.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:#fff;font-size:2.66667vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:3.73333vmin;color:#fff}.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.13333vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:3.2vmin;font-weight:400;font-family:"PingFang SC";margin-left:2.13333vmin}.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%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:2.13333vmin}.goods-item .option-btn-wrap .option-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:7.46667vmin;margin-right:3.2vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.13333vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}@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}.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:.0651vmin .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:.52083vmin;bottom:.52083vmin;padding:.52083vmin .65104vmin;background:rgba(0,0,0,0.4);border-radius:.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 .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:2.60417vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:2.60417vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.40625vmin;width:2.34375vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.40625vmin;width:.26042vmin;border-radius:.52083vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.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}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.65104vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){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%,100%{height:.70312vmin}25%{height:1.40625vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.5625vmin;color:#ffffff;position:relative;margin-left:.52083vmin}.goods-item .main-card .left .is-over{border-radius:.69466vmin .69466vmin 0 0;position:absolute;top:0;left:0;width:14.58333vmin;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;width:29.03646vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.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:.52083vmin}.goods-item .main-card .right .order{margin-top:.52083vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.30208vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.26042vmin;padding:.26042vmin .52083vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.5625vmin;height:1.5625vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.26042vmin .52083vmin;border-radius:.26042vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center}.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 .order .stock-and-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:.26042vmin 1.22526vmin .26042vmin 1.04167vmin;box-sizing:border-box;margin-top:.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:.52083vmin;display:flex;align-items:center;padding:0 1.04167vmin}.goods-item .main-card .right .sec-kill .time{margin: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:.26042vmin;border-radius:.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:.52083vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.5625vmin;border-radius:.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:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;line-height:3.125vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.5625vmin;height:1.5625vmin;animation:turn 1s linear infinite;margin-right:.52083vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.5625vmin;border-radius:.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:.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:.52083vmin;padding: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:#fff;font-size:1.30208vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:1.82292vmin;color:#fff}.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:#333;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:.52083vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.04167vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.64583vmin;margin-right:1.5625vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.0651vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}}@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:.07937vmin .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:.63492vmin;bottom:.63492vmin;padding:.63492vmin .79365vmin;background:rgba(0,0,0,0.4);border-radius:.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 .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:3.1746vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:3.1746vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.71429vmin;width:2.85714vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.71429vmin;width:.31746vmin;border-radius:.63492vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.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}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.79365vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){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%,100%{height:.85714vmin}25%{height:1.71429vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.90476vmin;color:#ffffff;position:relative;margin-left:.63492vmin}.goods-item .main-card .left .is-over{border-radius:.84683vmin .84683vmin 0 0;position:absolute;top:0;left:0;width:17.77778vmin;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;width:35.39683vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.31746vmin .63492vmin;font-size:1.5873vmin;height:2.53968vmin;width:max-content;line-height:2.85714vmin;flex-shrink:0;margin-right:.63492vmin;border-radius:.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:.63492vmin}.goods-item .main-card .right .order{margin-top:.63492vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.5873vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.31746vmin;padding:.31746vmin .63492vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.90476vmin;height:1.90476vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.31746vmin .63492vmin;border-radius:.31746vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center}.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 .order .stock-and-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:.31746vmin 1.49365vmin .31746vmin 1.26984vmin;box-sizing:border-box;margin-top:.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:.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:.31746vmin;border-radius:.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:.63492vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.90476vmin;border-radius:.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:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;line-height:3.80952vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.90476vmin;height:1.90476vmin;animation:turn 1s linear infinite;margin-right:.63492vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.90476vmin;border-radius:.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:.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:.63492vmin;padding: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:#fff;font-size:1.5873vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:2.22222vmin;color:#fff}.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:#333;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:.63492vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.26984vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:4.44444vmin;margin-right:1.90476vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.07937vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}}@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:.0651vmin .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:.52083vmin;bottom:.52083vmin;padding:.52083vmin .65104vmin;background:rgba(0,0,0,0.4);border-radius:.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 .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:2.60417vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:2.60417vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.40625vmin;width:2.34375vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.40625vmin;width:.26042vmin;border-radius:.52083vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.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}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.65104vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){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%,100%{height:.70312vmin}25%{height:1.40625vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.5625vmin;color:#ffffff;position:relative;margin-left:.52083vmin}.goods-item .main-card .left .is-over{border-radius:.69466vmin .69466vmin 0 0;position:absolute;top:0;left:0;width:14.58333vmin;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;width:29.03646vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.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:.52083vmin}.goods-item .main-card .right .order{margin-top:.52083vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.30208vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.26042vmin;padding:.26042vmin .52083vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.5625vmin;height:1.5625vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.26042vmin .52083vmin;border-radius:.26042vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center}.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 .order .stock-and-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:.26042vmin 1.22526vmin .26042vmin 1.04167vmin;box-sizing:border-box;margin-top:.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:.52083vmin;display:flex;align-items:center;padding:0 1.04167vmin}.goods-item .main-card .right .sec-kill .time{margin: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:.26042vmin;border-radius:.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:.52083vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.5625vmin;border-radius:.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:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;line-height:3.125vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.5625vmin;height:1.5625vmin;animation:turn 1s linear infinite;margin-right:.52083vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.5625vmin;border-radius:.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:.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:.52083vmin;padding: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:#fff;font-size:1.30208vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:1.82292vmin;color:#fff}.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:#333;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:.52083vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.04167vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.64583vmin;margin-right:1.5625vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.0651vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}}
+@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;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: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.13333vmin 0 2.13333vmin 0;position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:4.8vmin;height:3.73333vmin;padding:.13333vmin .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:1.06667vmin;bottom:1.06667vmin;padding:1.06667vmin 1.33333vmin;background:rgba(0,0,0,0.4);border-radius:1.06667vmin;color:#fff;font-size:2.66667vmin;width:fit-content;display:flex;justify-content:center;align-items:center;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 .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:5.33333vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:5.33333vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:2.88vmin;width:4.8vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:2.88vmin;width:.53333vmin;border-radius:1.06667vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.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}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:1.33333vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){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%,100%{height:1.44vmin}25%{height:2.88vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:3.2vmin;color:#ffffff;position:relative;margin-left:1.06667vmin}.goods-item .main-card .left .is-over{border-radius:1.42267vmin 1.42267vmin 0 0;position:absolute;top:0;left:0;width:29.86667vmin;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;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;width:59.46667vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.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:.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.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:5.33333vmin;font-weight:500;width:59.46667vmin}.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{display:flex;flex-direction:row}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.53333vmin;padding:.53333vmin 1.06667vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:3.2vmin;height:3.2vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.53333vmin 1.06667vmin;border-radius:.53333vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center}.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 .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .level-member-goods{display:inline-block;max-width:32.8vmin;height:4.26667vmin;padding:0 1.06667vmin;line-height:4.26667vmin;font-size:2.66667vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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:.53333vmin 2.50933vmin .53333vmin 2.13333vmin;box-sizing:border-box;margin-top:1.06667vmin;align-items:center}.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.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:.53333vmin;border-radius:.53333vmin;font-weight:500}.goods-item .main-card .right .line-three .price .price-flow{font-size:3.2vmin}.goods-item .main-card .right .line-three .price .price-show{font-size:4.26667vmin}.goods-item .main-card .right .line-three .price .price-line{font-size:2.66667vmin;text-decoration:line-through;color:#999999;margin-left:1.06667vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .buy-btn-teacher{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;line-height:6.4vmin;font-weight:500}.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.06667vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;font-weight:500;opacity:40%;background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%)}.goods-item .main-card .right .line-three .see-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:6.4vmin;display:flex;justify-content:center;align-items:center;color:white;line-height:6.4vmin;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:3.2vmin;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.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:#fff;font-size:2.66667vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:3.73333vmin;color:#fff}.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.13333vmin}.goods-item .main-card .teacher-switch .switch-txt{opacity:1;color:#333;font-size:3.2vmin;font-weight:400;font-family:"PingFang SC";margin-left:2.13333vmin}.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%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:2.13333vmin}.goods-item .option-btn-wrap .option-btn{font-size:3.2vmin;border-radius:1.06667vmin;width:17.06667vmin;height:7.46667vmin;margin-right:3.2vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.13333vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}@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}.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:.0651vmin .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:.52083vmin;bottom:.52083vmin;padding:.52083vmin .65104vmin;background:rgba(0,0,0,0.4);border-radius:.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 .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:2.60417vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:2.60417vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.40625vmin;width:2.34375vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.40625vmin;width:.26042vmin;border-radius:.52083vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.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}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.65104vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){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%,100%{height:.70312vmin}25%{height:1.40625vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.5625vmin;color:#ffffff;position:relative;margin-left:.52083vmin}.goods-item .main-card .left .is-over{border-radius:.69466vmin .69466vmin 0 0;position:absolute;top:0;left:0;width:14.58333vmin;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;width:29.03646vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.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:.52083vmin}.goods-item .main-card .right .order{margin-top:.52083vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.30208vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.26042vmin;padding:.26042vmin .52083vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.5625vmin;height:1.5625vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.26042vmin .52083vmin;border-radius:.26042vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center}.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 .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .level-member-goods{display:inline-block;max-width:16.01562vmin;height:2.08333vmin;padding:0 .52083vmin;line-height:2.08333vmin;font-size:1.30208vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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:.26042vmin 1.22526vmin .26042vmin 1.04167vmin;box-sizing:border-box;margin-top:.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:.52083vmin;display:flex;align-items:center;padding:0 1.04167vmin}.goods-item .main-card .right .sec-kill .time{margin: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:.26042vmin;border-radius:.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:.52083vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.5625vmin;border-radius:.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:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;line-height:3.125vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.5625vmin;height:1.5625vmin;animation:turn 1s linear infinite;margin-right:.52083vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.5625vmin;border-radius:.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:.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:.52083vmin;padding: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:#fff;font-size:1.30208vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:1.82292vmin;color:#fff}.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:#333;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:.52083vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.04167vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.64583vmin;margin-right:1.5625vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.0651vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}}@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:.07937vmin .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:.63492vmin;bottom:.63492vmin;padding:.63492vmin .79365vmin;background:rgba(0,0,0,0.4);border-radius:.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 .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:3.1746vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:3.1746vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.71429vmin;width:2.85714vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.71429vmin;width:.31746vmin;border-radius:.63492vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.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}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.79365vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){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%,100%{height:.85714vmin}25%{height:1.71429vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.90476vmin;color:#ffffff;position:relative;margin-left:.63492vmin}.goods-item .main-card .left .is-over{border-radius:.84683vmin .84683vmin 0 0;position:absolute;top:0;left:0;width:17.77778vmin;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;width:35.39683vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.31746vmin .63492vmin;font-size:1.5873vmin;height:2.53968vmin;width:max-content;line-height:2.85714vmin;flex-shrink:0;margin-right:.63492vmin;border-radius:.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:.63492vmin}.goods-item .main-card .right .order{margin-top:.63492vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.5873vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.31746vmin;padding:.31746vmin .63492vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.90476vmin;height:1.90476vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.31746vmin .63492vmin;border-radius:.31746vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center}.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 .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .level-member-goods{display:inline-block;max-width:19.52381vmin;height:2.53968vmin;padding:0 .63492vmin;line-height:2.53968vmin;font-size:1.5873vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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:.31746vmin 1.49365vmin .31746vmin 1.26984vmin;box-sizing:border-box;margin-top:.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:.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:.31746vmin;border-radius:.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:.63492vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.90476vmin;border-radius:.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:.63492vmin;width:10.15873vmin;height:3.80952vmin;display:flex;justify-content:center;align-items:center;line-height:3.80952vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.90476vmin;height:1.90476vmin;animation:turn 1s linear infinite;margin-right:.63492vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.90476vmin;border-radius:.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:.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:.63492vmin;padding: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:#fff;font-size:1.5873vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:2.22222vmin;color:#fff}.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:#333;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:.63492vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.26984vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.90476vmin;border-radius:.63492vmin;width:10.15873vmin;height:4.44444vmin;margin-right:1.90476vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.07937vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}}@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:.0651vmin .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:.52083vmin;bottom:.52083vmin;padding:.52083vmin .65104vmin;background:rgba(0,0,0,0.4);border-radius:.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 .goods-explaining{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:2.60417vmin;width:29.9vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining::before{content:'';position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.22rem);left:0;bottom:0;width:100%;height:2.60417vmin;border-bottom-right-radius:2.13vmin;border-bottom-left-radius:2.13vmin}.goods-item .main-card .left .goods-explaining .loadingWrapper{position:relative;display:flex;justify-content:center;align-items:center;height:1.40625vmin;width:2.34375vmin;background-repeat:no-repeat;background-size:cover;margin-right:0.08rem}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading{background-color:white;height:1.40625vmin;width:.26042vmin;border-radius:.52083vmin;transform-origin:top;transform:translateZ(0);-webkit-transform:translateZ(0);position:absolute;bottom:0}.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}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(2){left:.65104vmin;animation:0.9s ease-in-out 0.25s loading-run infinite}.goods-item .main-card .left .goods-explaining .loadingWrapper .loading:nth-child(3){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%,100%{height:.70312vmin}25%{height:1.40625vmin}}.goods-item .main-card .left .goods-explaining .text{font-size:1.5625vmin;color:#ffffff;position:relative;margin-left:.52083vmin}.goods-item .main-card .left .is-over{border-radius:.69466vmin .69466vmin 0 0;position:absolute;top:0;left:0;width:14.58333vmin;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;width:29.03646vmin}.goods-item .main-card .right .line-one .super-activity-type{background:linear-gradient(180.25deg, #333 0%, #525252 68%, #333 100%);color:#ff781f;padding:.26042vmin .52083vmin;font-size:1.30208vmin;height:2.08333vmin;width:max-content;line-height:2.34375vmin;flex-shrink:0;margin-right:.52083vmin;border-radius:.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:.52083vmin}.goods-item .main-card .right .order{margin-top:.52083vmin;display:flex;align-items:center;justify-content:space-between;font-size:1.30208vmin}.goods-item .main-card .right .order .order-left{display:flex;flex-direction:row}.goods-item .main-card .right .order .order-left .distribution{background-color:#f5f5f5;color:#999999;border-radius:.26042vmin;padding:.26042vmin .52083vmin;font-weight:400;font-family:"PingFang SC";text-align:center;line-height:1.5625vmin;height:1.5625vmin}.goods-item .main-card .right .order .order-left .preferential-price{color:#FF2E57;background:#FFEBEF;padding:.26042vmin .52083vmin;border-radius:.26042vmin}.goods-item .main-card .right .order .stock-and-order{display:flex;align-items:center}.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 .order .stock-and-order .order-stock{color:#999999}.goods-item .main-card .right .level-member-goods{display:inline-block;max-width:16.01562vmin;height:2.08333vmin;padding:0 .52083vmin;line-height:2.08333vmin;font-size:1.30208vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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:.26042vmin 1.22526vmin .26042vmin 1.04167vmin;box-sizing:border-box;margin-top:.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:.52083vmin;display:flex;align-items:center;padding:0 1.04167vmin}.goods-item .main-card .right .sec-kill .time{margin: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:.26042vmin;border-radius:.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:.52083vmin}.goods-item .main-card .right .line-three .buy-btn{font-size:1.5625vmin;border-radius:.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:.52083vmin;width:8.33333vmin;height:3.125vmin;display:flex;justify-content:center;align-items:center;line-height:3.125vmin;font-weight:500}.goods-item .main-card .right .line-three .buy-btn-teacher .load{width:1.5625vmin;height:1.5625vmin;animation:turn 1s linear infinite;margin-right:.52083vmin}.goods-item .main-card .right .line-three .cancel-explain-bg{background:#ffebef;color:#ff2e57}.goods-item .main-card .right .line-three .explain-bg{background:linear-gradient(270deg, #ff2e57 0%, #ff4d82 100%);color:white}.goods-item .main-card .right .line-three .no-stock-btn{font-size:1.5625vmin;border-radius:.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:.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:.52083vmin;padding: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:#fff;font-size:1.30208vmin}.goods-item .main-card .right .line-three .buy-btn-preferential .preferential-show{font-size:1.82292vmin;color:#fff}.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:#333;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:.52083vmin}.goods-item .full-hide-tip{width:100%}.goods-item .option-btn-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:1.04167vmin}.goods-item .option-btn-wrap .option-btn{font-size:1.5625vmin;border-radius:.52083vmin;width:8.33333vmin;height:3.64583vmin;margin-right:1.5625vmin;display:flex;justify-content:center;align-items:center;font-weight:bold;color:#333;border:.0651vmin solid #ccc}.goods-item .option-btn-wrap .option-btn:last-of-type{margin-right:0}}

package/src/LevelMemberBar/index.js

@@ -0,0 +1,49 @@
+import { getMembershipMap, checkCanBuyMemberGood, showMemberGoodsDescModal} from './utils.js'
+
+Component({
+  behaviors: [require('miniprogram-computed').behavior],
+  properties: {
+    goodData: {
+      type: Object,
+      value: {},
+    },
+    userType: {
+      type: String,
+      value: 'student' // student or teacher
+    },
+  },
+  computed: {
+    // 是否显示等级会员-专属商品标识
+    visibleLevelMemberGoodsDesc(properties) {
+      const { ranks } = properties.goodData || {}
+
+      return Boolean(Array.isArray(ranks) && ranks.length)
+    },
+    // 等级会员-专属商品时，显示专属会员等级
+    levelMemberGoodsDesc(properties) {
+      const membershipMap = getMembershipMap()
+      const memberNameList = (properties.goodData?.ranks || []).map(rank_id => membershipMap[rank_id]?.rank_name)
+      const memberStr = memberNameList.length > 3 ? `${memberNameList.slice(0, 3).join('/')}等` : memberNameList.join('/')
+
+      return `仅${memberStr}可购买`
+    },
+  },
+  methods: {
+    /**
+     * @description 检查是否有购买该【等级会员专属商品】的权益
+     *
+     * @return {Boolean} 检查结果，true 有，false 没有
+     */
+    checkCanBuyMemberGood() {
+      const { goodData, userType } = this.properties
+      return checkCanBuyMemberGood({ goodData, userType })
+    },
+    /**
+     * @description 点击等级会员-专属商品标识文本，展示具体内容
+     */
+    showMemberGoodsDescModal() {
+      const { goodData, userType } = this.properties
+      showMemberGoodsDescModal({ goodData, userType })
+    },
+  },
+});

package/src/LevelMemberBar/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

package/src/LevelMemberBar/index.scss

@@ -0,0 +1,51 @@
+@import "../common/css/index.wxss";
+
+$deviceWidth: 750;
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin level-member-goods {
+  display: inline-block;
+  max-width: vmin(246);
+  height: vmin(32);
+  padding: 0 vmin(8);
+  margin: vmin(8) 0;
+  line-height: vmin(32);
+  font-size: vmin(20);
+  font-weight: 500;
+  background-color: #FFF3EB;
+  color: #FF781F;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.level-member-goods {
+  @include level-member-goods;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+  .level-member-goods {
+    @include level-member-goods;
+  }
+}
+
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .level-member-goods {
+    @include level-member-goods;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+  .level-member-goods {
+    @include level-member-goods;
+  }
+}

package/src/LevelMemberBar/index.wxml

@@ -0,0 +1,3 @@
+<view wx:if="{{ visibleLevelMemberGoodsDesc }}" catchtap="showMemberGoodsDescModal">
+  <text class="level-member-goods">{{ levelMemberGoodsDesc }}</text>
+</view>

package/src/LevelMemberBar/index.wxss

@@ -0,0 +1 @@
+.level-member-goods{display:inline-block;max-width:32.8vmin;height:4.26667vmin;padding:0 1.06667vmin;margin:1.06667vmin 0;line-height:4.26667vmin;font-size:2.66667vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 768px) and (orientation: portrait){.level-member-goods{display:inline-block;max-width:16.01562vmin;height:2.08333vmin;padding:0 .52083vmin;margin:.52083vmin 0;line-height:2.08333vmin;font-size:1.30208vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-height: 630px) and (orientation: landscape){.level-member-goods{display:inline-block;max-width:19.52381vmin;height:2.53968vmin;padding:0 .63492vmin;margin:.63492vmin 0;line-height:2.53968vmin;font-size:1.5873vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-height: 768px) and (orientation: landscape){.level-member-goods{display:inline-block;max-width:16.01562vmin;height:2.08333vmin;padding:0 .52083vmin;margin:.52083vmin 0;line-height:2.08333vmin;font-size:1.30208vmin;font-weight:500;background-color:#FFF3EB;color:#FF781F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

package/src/LevelMemberBar/utils.js

@@ -0,0 +1,65 @@
+import membershipStore from '../../../../../store/page/common/membership-store.js'
+import liveRoomStore from '../../../../../store/page/common/live-room-store.js'
+
+/**
+ * @description 获取 rank_id => membership 的映射
+ *
+ * @return {Object} 返回映射 Map
+ */
+export const getMembershipMap = () => {
+  return membershipStore?.data.reduce((acc, membership) => {
+    acc[membership.rank_id] = membership
+    return acc
+  }, {})
+}
+
+/**
+ * @description 检查是否有购买该【等级会员专属商品】的权益
+ * @param {Object} goodData 商品详情
+ * @param {String} userType 用户角色：student or teacher
+ *
+ * @return {Boolean} 检查结果，true 有，false 没有
+ */
+export const checkCanBuyMemberGood = ({ goodData, userType }) => {
+  // have_constrain 该商品是否开启了等级会员专属商品限制，true 开启，false 关闭
+  // ranks 该商品对应的等级会员专属商品等级列表
+  const { have_constrain, ranks } = goodData || {}
+  const { member_id } = liveRoomStore?.room?.userInfo?.level_member || {}
+
+  // 是专属商品，如果不是专属的会员，则提示
+  if (have_constrain && !ranks.includes(member_id)) {
+    showMemberGoodsDescModal({ goodData, userType })
+    return false
+  }
+
+  return true
+}
+
+/**
+ * @description 点击等级会员-专属商品标识文本，展示具体内容
+ * @param {Object} goodData 商品详情
+ * @param {String} userType 用户角色：student or teacher
+ */
+export const showMemberGoodsDescModal = ({ goodData, userType }) => {
+  const membershipMap = getMembershipMap()
+  const memberStr = (goodData?.ranks || []).map(rank_id => membershipMap[rank_id]?.rank_name).join('、')
+  const isStudent = userType === 'student'
+
+  wx.showModal({
+    content: `该商品仅支持【${memberStr}】购买`,
+    confirmText: isStudent ? '查看权益' : '确认',
+    cancelText: '取消',
+    confirmColor: '#1472FF',
+    success: (res) => {
+      if (!isStudent || !res.confirm) return
+
+      const appId = liveRoomStore?.data?.room?.aliveInfo.app_id
+      const levelMembershipPageUrl = `https://${appId}.h5.xiaoeknow.com/p/t/v1/account-platform/h5_user/level-member/member`
+
+      // 学员 -> 点击查看权益 -> 跳转等级会员权益页面
+      wx.navigateTo({
+        url: `/pages/webviewContainer/index?path=${levelMembershipPageUrl}`,
+      })
+    }
+  })
+}