xiaoe_mp_npm 1.0.21 → 1.0.22-test02

package/src/Task/TaskQuizPopup/index.wxml

@@ -0,0 +1,97 @@
+<view class="task-quiz-popup" catchtap>
+  <van-popup
+  show="{{showPopup}}"
+  position="{{ popPosition }}"
+  custom-style="{{ customStyle }}"
+  z-index="{{500}}"
+  custom-class="quiz-popup"
+  safe-area-inset-bottom="{{ !showAnalysis }}"
+  overlay-style="{{ 'background-color: rgba(0, 0, 0, 0.8)' }}"
+  catch:close="closePop"
+  catch:click-overlay="closePop"
+  >
+    <!-- 标题 -->
+    <view class="content-header">
+      {{ showAnalysis ? '直播答题结果' : '直播答题' }}
+      <image
+        wx:if="{{!isFull}}"
+        class="popup-close-icon"
+        src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lz0vxpq80hw7.svg"
+        catchtap="closePop"
+      />
+    </view>
+    <!-- 内容 -->
+    <view class="popup-content">
+      <!-- 结果解析 -->
+      <block wx:if="{{ showAnalysis }}">
+        <!-- 获奖结果区 -->
+        <view class="reward-show-box">
+          <view class="reward-condition">
+            <text>本次直播答题</text>
+            <text class="orange-color">{{join_result.qs_is_pass || quiz_task_item.qs_is_pass ? '达到' : '未达到'}}</text>
+            <text>获奖条件：答对 {{quiz_task_item.reward_frequency}} 道题</text>
+          </view>
+          <view class="reward-result">
+            {{
+              join_result.qs_is_pass || quiz_task_item.qs_is_pass
+                ? '获得奖励'
+                : '未获得奖励'
+            }}
+            <view
+              wx:if="{{join_result.qs_is_pass || quiz_task_item.qs_is_pass}}"
+              class="reward-result-show"
+            >
+              <image class="reward-img" src="{{ rewardIcon }}" />{{ rewardText }}
+            </view>
+          </view>
+        </view>
+        <!-- 解析区 -->
+        <view class="analysis-tip">解析</view>
+        <quizContent
+          wx:for="{{quizList}}"
+          questionContent="{{item}}"
+          quizIndex="{{index + 1}}"
+          showAnalysis="{{true}}"
+          wx:key="{{item.qs_id}}"
+        />
+      </block>
+      <!-- 答题内容 -->
+      <block wx:else>
+        <quizContent
+          wx:if="{{quizList.length > 0}}"
+          questionContent="{{quizList[currentIndex]}}"
+          quizIndex="{{currentIndex + 1}}"
+          catch:clickOption="clickOption"
+        />
+      </block>
+    </view>
+    <!-- 底部按钮 -->
+    <view wx:if="{{ !showAnalysis }}" class="content-footer">
+      <view
+        hidden="{{!(currentIndex !== 0 && total > 1)}}"
+        data-type="prev"
+        class="last-step"
+        catchtap="handleQuizOrder"
+      >
+        上一题
+      </view>
+      <view
+        hidden="{{!(currentIndex !== total - 1 && total > 1)}}"
+        data-type="next"
+        class="next-step"
+        catchtap="handleQuizOrder"
+      >
+        下一题
+      </view>
+      <view
+        hidden="{{!(total === 1 || currentIndex === total - 1)}}"
+        data-type="submit"
+        class="submit-step"
+        catchtap="handleQuizOrder"
+      >
+        提交
+      </view>
+    </view>
+  </van-popup>
+  <van-dialog id="van-dialog" />
+</view>

package/src/Task/TaskQuizPopup/index.wxss

@@ -0,0 +1 @@
+.task-quiz-popup{height:100%}.task-quiz-popup .quiz-popup{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;border-radius:3.2vmin 3.2vmin 0 0;z-index:500}.task-quiz-popup .quiz-popup .content-header{width:100%;height:12.8vmin;font-size:4.26667vmin;font-weight:500;display:flex;justify-content:center;align-items:center;position:relative}.task-quiz-popup .quiz-popup .content-header .popup-close-icon{width:4.26667vmin;height:4.26667vmin;position:absolute;top:4.26667vmin;right:4.26667vmin}.task-quiz-popup .quiz-popup .popup-content{flex:1;box-sizing:border-box;overflow-y:overlay;padding:0 4.26667vmin;width:100%}.task-quiz-popup .quiz-popup .popup-content .reward-show-box{display:flex;padding:4.26667vmin 3.2vmin;flex-direction:column;align-items:flex-start;border-radius:2.13333vmin;background:#fff;color:#333333;font-family:"PingFang SC";font-size:3.73333vmin;font-style:normal;font-weight:400;margin-bottom:4.26667vmin;line-height:5.33333vmin}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition{font-weight:500}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition .orange-color{color:#ff5429}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result{display:flex;align-items:center;margin-top:1.06667vmin}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show{margin-left:2.13333vmin;color:#ff5429;font-size:3.2vmin;display:inline-flex;align-items:center}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show .reward-img{width:3.2vmin;height:3.2vmin;padding:.53333vmin 0;vertical-align:top}.task-quiz-popup .quiz-popup .popup-content .analysis-tip{font-size:4.26667vmin;color:#333333;font-family:"PingFang SC";font-style:normal;font-weight:500;line-height:6.4vmin;margin-bottom:4.26667vmin}.task-quiz-popup .quiz-popup .content-footer{width:100%;height:14.93333vmin;font-size:4.26667vmin;font-weight:400;color:#999;line-height:5.33333vmin;display:flex;justify-content:center;align-items:center;padding:0 4.26667vmin;box-sizing:border-box}.task-quiz-popup .quiz-popup .content-footer view{flex:1;height:10.66667vmin;font-weight:500;line-height:10.66667vmin;font-size:3.73333vmin;text-align:center;border-radius:5.33333vmin;box-sizing:border-box}.task-quiz-popup .quiz-popup .content-footer .last-step{margin-right:4vmin}.task-quiz-popup .quiz-popup .content-footer .last-step,.task-quiz-popup .quiz-popup .content-footer .next-step{color:#1472ff;border:.26667vmin solid #1472ff}.task-quiz-popup .quiz-popup .content-footer .submit-step{color:#fff;background:#1472ff}@media screen and (min-width: 768px) and (orientation: portrait){.task-quiz-popup{height:100%}.task-quiz-popup .quiz-popup{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;border-radius:1.5625vmin 1.5625vmin 0 0;z-index:500}.task-quiz-popup .quiz-popup .content-header{width:100%;height:6.25vmin;font-size:2.08333vmin;font-weight:500;display:flex;justify-content:center;align-items:center;position:relative}.task-quiz-popup .quiz-popup .content-header .popup-close-icon{width:2.08333vmin;height:2.08333vmin;position:absolute;top:2.08333vmin;right:2.08333vmin}.task-quiz-popup .quiz-popup .popup-content{flex:1;box-sizing:border-box;overflow-y:overlay;padding:0 2.08333vmin;width:100%}.task-quiz-popup .quiz-popup .popup-content .reward-show-box{display:flex;padding:2.08333vmin 1.5625vmin;flex-direction:column;align-items:flex-start;border-radius:1.04167vmin;background:#fff;color:#333333;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;margin-bottom:2.08333vmin;line-height:2.60417vmin}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition{font-weight:500}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition .orange-color{color:#ff5429}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result{display:flex;align-items:center;margin-top:.52083vmin}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show{margin-left:1.04167vmin;color:#ff5429;font-size:1.5625vmin;display:inline-flex;align-items:center}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show .reward-img{width:1.5625vmin;height:1.5625vmin;padding:.26042vmin 0;vertical-align:top}.task-quiz-popup .quiz-popup .popup-content .analysis-tip{font-size:2.08333vmin;color:#333333;font-family:"PingFang SC";font-style:normal;font-weight:500;line-height:3.125vmin;margin-bottom:2.08333vmin}.task-quiz-popup .quiz-popup .content-footer{width:100%;height:7.29167vmin;font-size:2.08333vmin;font-weight:400;color:#999;line-height:2.60417vmin;display:flex;justify-content:center;align-items:center;padding:0 2.08333vmin;box-sizing:border-box}.task-quiz-popup .quiz-popup .content-footer view{flex:1;height:5.20833vmin;font-weight:500;line-height:5.20833vmin;font-size:1.82292vmin;text-align:center;border-radius:2.60417vmin;box-sizing:border-box}.task-quiz-popup .quiz-popup .content-footer .last-step{margin-right:1.95312vmin}.task-quiz-popup .quiz-popup .content-footer .last-step,.task-quiz-popup .quiz-popup .content-footer .next-step{color:#1472ff;border:.13021vmin solid #1472ff}.task-quiz-popup .quiz-popup .content-footer .submit-step{color:#fff;background:#1472ff}}@media screen and (min-height: 630px) and (orientation: landscape){.task-quiz-popup{height:100%}.task-quiz-popup .quiz-popup{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;border-radius:1.90476vmin 1.90476vmin 0 0;z-index:500}.task-quiz-popup .quiz-popup .content-header{width:100%;height:7.61905vmin;font-size:2.53968vmin;font-weight:500;display:flex;justify-content:center;align-items:center;position:relative}.task-quiz-popup .quiz-popup .content-header .popup-close-icon{width:2.53968vmin;height:2.53968vmin;position:absolute;top:2.53968vmin;right:2.53968vmin}.task-quiz-popup .quiz-popup .popup-content{flex:1;box-sizing:border-box;overflow-y:overlay;padding:0 2.53968vmin;width:100%}.task-quiz-popup .quiz-popup .popup-content .reward-show-box{display:flex;padding:2.53968vmin 1.90476vmin;flex-direction:column;align-items:flex-start;border-radius:1.26984vmin;background:#fff;color:#333333;font-family:"PingFang SC";font-size:2.22222vmin;font-style:normal;font-weight:400;margin-bottom:2.53968vmin;line-height:3.1746vmin}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition{font-weight:500}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition .orange-color{color:#ff5429}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result{display:flex;align-items:center;margin-top:.63492vmin}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show{margin-left:1.26984vmin;color:#ff5429;font-size:1.90476vmin;display:inline-flex;align-items:center}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show .reward-img{width:1.90476vmin;height:1.90476vmin;padding:.31746vmin 0;vertical-align:top}.task-quiz-popup .quiz-popup .popup-content .analysis-tip{font-size:2.53968vmin;color:#333333;font-family:"PingFang SC";font-style:normal;font-weight:500;line-height:3.80952vmin;margin-bottom:2.53968vmin}.task-quiz-popup .quiz-popup .content-footer{width:100%;height:8.88889vmin;font-size:2.53968vmin;font-weight:400;color:#999;line-height:3.1746vmin;display:flex;justify-content:center;align-items:center;padding:0 2.53968vmin;box-sizing:border-box}.task-quiz-popup .quiz-popup .content-footer view{flex:1;height:6.34921vmin;font-weight:500;line-height:6.34921vmin;font-size:2.22222vmin;text-align:center;border-radius:3.1746vmin;box-sizing:border-box}.task-quiz-popup .quiz-popup .content-footer .last-step{margin-right:2.38095vmin}.task-quiz-popup .quiz-popup .content-footer .last-step,.task-quiz-popup .quiz-popup .content-footer .next-step{color:#1472ff;border:.15873vmin solid #1472ff}.task-quiz-popup .quiz-popup .content-footer .submit-step{color:#fff;background:#1472ff}}@media screen and (min-height: 768px) and (orientation: landscape){.task-quiz-popup{height:100%}.task-quiz-popup .quiz-popup{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;border-radius:1.5625vmin 1.5625vmin 0 0;z-index:500}.task-quiz-popup .quiz-popup .content-header{width:100%;height:6.25vmin;font-size:2.08333vmin;font-weight:500;display:flex;justify-content:center;align-items:center;position:relative}.task-quiz-popup .quiz-popup .content-header .popup-close-icon{width:2.08333vmin;height:2.08333vmin;position:absolute;top:2.08333vmin;right:2.08333vmin}.task-quiz-popup .quiz-popup .popup-content{flex:1;box-sizing:border-box;overflow-y:overlay;padding:0 2.08333vmin;width:100%}.task-quiz-popup .quiz-popup .popup-content .reward-show-box{display:flex;padding:2.08333vmin 1.5625vmin;flex-direction:column;align-items:flex-start;border-radius:1.04167vmin;background:#fff;color:#333333;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;margin-bottom:2.08333vmin;line-height:2.60417vmin}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition{font-weight:500}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-condition .orange-color{color:#ff5429}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result{display:flex;align-items:center;margin-top:.52083vmin}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show{margin-left:1.04167vmin;color:#ff5429;font-size:1.5625vmin;display:inline-flex;align-items:center}.task-quiz-popup .quiz-popup .popup-content .reward-show-box .reward-result .reward-result-show .reward-img{width:1.5625vmin;height:1.5625vmin;padding:.26042vmin 0;vertical-align:top}.task-quiz-popup .quiz-popup .popup-content .analysis-tip{font-size:2.08333vmin;color:#333333;font-family:"PingFang SC";font-style:normal;font-weight:500;line-height:3.125vmin;margin-bottom:2.08333vmin}.task-quiz-popup .quiz-popup .content-footer{width:100%;height:7.29167vmin;font-size:2.08333vmin;font-weight:400;color:#999;line-height:2.60417vmin;display:flex;justify-content:center;align-items:center;padding:0 2.08333vmin;box-sizing:border-box}.task-quiz-popup .quiz-popup .content-footer view{flex:1;height:5.20833vmin;font-weight:500;line-height:5.20833vmin;font-size:1.82292vmin;text-align:center;border-radius:2.60417vmin;box-sizing:border-box}.task-quiz-popup .quiz-popup .content-footer .last-step{margin-right:1.95312vmin}.task-quiz-popup .quiz-popup .content-footer .last-step,.task-quiz-popup .quiz-popup .content-footer .next-step{color:#1472ff;border:.13021vmin solid #1472ff}.task-quiz-popup .quiz-popup .content-footer .submit-step{color:#fff;background:#1472ff}}

package/src/Task/taskQuizRemindPopup/index.js

@@ -0,0 +1,79 @@
+import { scatterRequest } from '../../common/utils/tool';
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    showPopup:{
+      type: Boolean,
+      value: false
+    },
+    // 任务列表中进行中的答题任务
+    quiz_task_start_list: {
+      type: Object,
+      value: {}
+    },
+    // 直播间人次
+    viewCount: {
+      type: Number,
+      value: 0
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    btnLock: false
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    closePop(){
+      this.triggerEvent("closePop")
+      this.setData({ btnLock: false })
+    },
+    quizHandle() {
+      if (this.data.btnLock) return;
+      this.setData({ btnLock: true })
+      scatterRequest(
+        // 随机条件
+        () => {
+          let delay = 0;
+          if (this.data.viewCount > 10000) {
+            // pv: 10000，则0-3秒随机打散
+            const randomDelay = Math.random();
+            delay = Math.ceil(randomDelay * 3000); // 转换为毫秒
+          }
+          return delay;
+        },
+        // 打散配置
+        {
+          defaultDelay: 0, // 默认打散时间
+          useScatter: true, // * 是否触发打散
+        },
+        async () => {
+          if (this.data.quiz_task_start_list.length === 1) {
+            // 如果只有一个拉起答题
+            this.triggerEvent("openRelatedPop",
+              {
+                quiz_task_item: this.data.quiz_task_start_list[0],
+                show_quiz_popup: true,
+              }
+            )
+          } else if (this.data.quiz_task_start_list.length > 1) {
+            this.triggerEvent("openRelatedPop",
+              {
+                show_task_popup: true,
+              }
+            )
+          }
+          this.closePop();
+        }
+      );
+    }
+  }
+})

package/src/Task/taskQuizRemindPopup/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-popup": "@vant/weapp/popup/index"
+  }
+}

package/src/Task/taskQuizRemindPopup/index.scss

@@ -0,0 +1,108 @@
+$deviceWidth: 750;
+
+@function vmin($rpx) {
+  @return #{$rpx * 100 / $deviceWidth}vmin;
+}
+
+@mixin remind-popup {
+  border-radius: vmin(16);
+  overflow: hidden;
+  .popup-quiz-box {
+    box-sizing: border-box;
+    width: vmin(576);
+    padding: vmin(48);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: linear-gradient(180deg, rgba(20, 114, 255, 0.12) 0%, rgba(20, 114, 255, 0) 100%), #fff;
+  
+    font-size: vmin(28);
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    font-family: "PingFang SC";
+    position: relative;
+    .time-icon {
+      width: vmin(172);
+      height: vmin(172);
+      position: absolute;
+      right: 0;
+      top: -#{vmin(10)};
+    }
+    .header-title {
+      color: #333333;
+      text-align: center;
+      font-size: vmin(32);
+      font-style: normal;
+      font-weight: 500;
+      margin-bottom: vmin(16);
+      line-height: vmin(48);
+    }
+    .content-body {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #666666;
+      text-align: center;
+      align-self: stretch;
+      line-height: vmin(40);
+      margin-bottom: vmin(48);
+    }
+    .quiz-remind-btn {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-weight: 500;
+      view {
+        display: flex;
+        width: vmin(224);
+        height: vmin(80);
+        justify-content: center;
+        align-items: center;
+        border-radius: vmin(40);
+      }
+      .close-btn {
+        box-sizing: border-box;
+        border: vmin(1) solid #cccccc;
+        color: #333333;
+      }
+      .to-quiz-btn {
+        background: #1472ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.remind-popup {
+  @include remind-popup;
+}
+
+// 竖屏pad
+@media screen and (min-width: 768px) and (orientation: portrait) {
+  $deviceWidth: 1536 !global;
+
+  .remind-popup {
+    @include remind-popup;
+  }
+}
+
+// PC 放大适配
+@media screen and (min-height: 630px) and (orientation: landscape) {
+  $deviceWidth: 1260 !global;
+
+  .remind-popup {
+    @include remind-popup;
+  }
+}
+
+// 横屏pad
+@media screen and (min-height: 768px) and (orientation: landscape) {
+  $deviceWidth: 1536 !global;
+
+  .remind-popup {
+    @include remind-popup;
+  }
+}

package/src/Task/taskQuizRemindPopup/index.wxml

@@ -0,0 +1,27 @@
+<view catchtap>
+  <van-popup
+    show="{{showPopup}}"
+    zIndex="{{500}}"
+    custom-class="remind-popup"
+    bind:close="closePop"
+    bind:click-overlay="closePop"
+    overlay-style="{{ 'background-color: rgba(0, 0, 0, 0.8)' }}"
+  >
+    <!-- 内容 -->
+    <view class="popup-quiz-box">
+      <image
+        class="time-icon"
+        src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lz6lllsd09kp.svg"
+      />
+      <!-- 标题 -->
+      <view class="header-title">答题开始了</view>
+      <!-- 内容 -->
+      <view class="content-body">完成答题任务将会获得奖励</view>
+      <!-- 按钮 -->
+      <view class="quiz-remind-btn">
+        <view class="close-btn" catchtap="closePop">取消</view>
+        <view class="to-quiz-btn" catchtap="quizHandle">去答题</view>
+      </view>
+    </view>
+  </van-popup>
+</view>

package/src/Task/taskQuizRemindPopup/index.wxss

@@ -0,0 +1 @@
+.remind-popup{border-radius:2.13333vmin;overflow:hidden}.remind-popup .popup-quiz-box{box-sizing:border-box;width:76.8vmin;padding:6.4vmin;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg, rgba(20,114,255,0.12) 0%, rgba(20,114,255,0) 100%),#fff;font-size:3.73333vmin;font-style:normal;font-weight:400;line-height:normal;font-family:"PingFang SC";position:relative}.remind-popup .popup-quiz-box .time-icon{width:22.93333vmin;height:22.93333vmin;position:absolute;right:0;top:-1.33333vmin}.remind-popup .popup-quiz-box .header-title{color:#333333;text-align:center;font-size:4.26667vmin;font-style:normal;font-weight:500;margin-bottom:2.13333vmin;line-height:6.4vmin}.remind-popup .popup-quiz-box .content-body{display:flex;align-items:center;justify-content:center;color:#666666;text-align:center;align-self:stretch;line-height:5.33333vmin;margin-bottom:6.4vmin}.remind-popup .popup-quiz-box .quiz-remind-btn{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:500}.remind-popup .popup-quiz-box .quiz-remind-btn view{display:flex;width:29.86667vmin;height:10.66667vmin;justify-content:center;align-items:center;border-radius:5.33333vmin}.remind-popup .popup-quiz-box .quiz-remind-btn .close-btn{box-sizing:border-box;border:.13333vmin solid #ccc;color:#333333}.remind-popup .popup-quiz-box .quiz-remind-btn .to-quiz-btn{background:#1472ff;color:#ffffff}@media screen and (min-width: 768px) and (orientation: portrait){.remind-popup{border-radius:1.04167vmin;overflow:hidden}.remind-popup .popup-quiz-box{box-sizing:border-box;width:37.5vmin;padding:3.125vmin;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg, rgba(20,114,255,0.12) 0%, rgba(20,114,255,0) 100%),#fff;font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:normal;font-family:"PingFang SC";position:relative}.remind-popup .popup-quiz-box .time-icon{width:11.19792vmin;height:11.19792vmin;position:absolute;right:0;top:-.65104vmin}.remind-popup .popup-quiz-box .header-title{color:#333333;text-align:center;font-size:2.08333vmin;font-style:normal;font-weight:500;margin-bottom:1.04167vmin;line-height:3.125vmin}.remind-popup .popup-quiz-box .content-body{display:flex;align-items:center;justify-content:center;color:#666666;text-align:center;align-self:stretch;line-height:2.60417vmin;margin-bottom:3.125vmin}.remind-popup .popup-quiz-box .quiz-remind-btn{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:500}.remind-popup .popup-quiz-box .quiz-remind-btn view{display:flex;width:14.58333vmin;height:5.20833vmin;justify-content:center;align-items:center;border-radius:2.60417vmin}.remind-popup .popup-quiz-box .quiz-remind-btn .close-btn{box-sizing:border-box;border:.0651vmin solid #ccc;color:#333333}.remind-popup .popup-quiz-box .quiz-remind-btn .to-quiz-btn{background:#1472ff;color:#ffffff}}@media screen and (min-height: 630px) and (orientation: landscape){.remind-popup{border-radius:1.26984vmin;overflow:hidden}.remind-popup .popup-quiz-box{box-sizing:border-box;width:45.71429vmin;padding:3.80952vmin;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg, rgba(20,114,255,0.12) 0%, rgba(20,114,255,0) 100%),#fff;font-size:2.22222vmin;font-style:normal;font-weight:400;line-height:normal;font-family:"PingFang SC";position:relative}.remind-popup .popup-quiz-box .time-icon{width:13.65079vmin;height:13.65079vmin;position:absolute;right:0;top:-.79365vmin}.remind-popup .popup-quiz-box .header-title{color:#333333;text-align:center;font-size:2.53968vmin;font-style:normal;font-weight:500;margin-bottom:1.26984vmin;line-height:3.80952vmin}.remind-popup .popup-quiz-box .content-body{display:flex;align-items:center;justify-content:center;color:#666666;text-align:center;align-self:stretch;line-height:3.1746vmin;margin-bottom:3.80952vmin}.remind-popup .popup-quiz-box .quiz-remind-btn{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:500}.remind-popup .popup-quiz-box .quiz-remind-btn view{display:flex;width:17.77778vmin;height:6.34921vmin;justify-content:center;align-items:center;border-radius:3.1746vmin}.remind-popup .popup-quiz-box .quiz-remind-btn .close-btn{box-sizing:border-box;border:.07937vmin solid #ccc;color:#333333}.remind-popup .popup-quiz-box .quiz-remind-btn .to-quiz-btn{background:#1472ff;color:#ffffff}}@media screen and (min-height: 768px) and (orientation: landscape){.remind-popup{border-radius:1.04167vmin;overflow:hidden}.remind-popup .popup-quiz-box{box-sizing:border-box;width:37.5vmin;padding:3.125vmin;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg, rgba(20,114,255,0.12) 0%, rgba(20,114,255,0) 100%),#fff;font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:normal;font-family:"PingFang SC";position:relative}.remind-popup .popup-quiz-box .time-icon{width:11.19792vmin;height:11.19792vmin;position:absolute;right:0;top:-.65104vmin}.remind-popup .popup-quiz-box .header-title{color:#333333;text-align:center;font-size:2.08333vmin;font-style:normal;font-weight:500;margin-bottom:1.04167vmin;line-height:3.125vmin}.remind-popup .popup-quiz-box .content-body{display:flex;align-items:center;justify-content:center;color:#666666;text-align:center;align-self:stretch;line-height:2.60417vmin;margin-bottom:3.125vmin}.remind-popup .popup-quiz-box .quiz-remind-btn{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:500}.remind-popup .popup-quiz-box .quiz-remind-btn view{display:flex;width:14.58333vmin;height:5.20833vmin;justify-content:center;align-items:center;border-radius:2.60417vmin}.remind-popup .popup-quiz-box .quiz-remind-btn .close-btn{box-sizing:border-box;border:.0651vmin solid #ccc;color:#333333}.remind-popup .popup-quiz-box .quiz-remind-btn .to-quiz-btn{background:#1472ff;color:#ffffff}}