跳转数字课程详情页

yiming

2024-06-14 9df48483c17ff60503d657ce34fe48f0f1eb7e56

跳转数字课程详情页

 assets/js/config.js

@@ -1,7 +1,7 @@
// export const requestCtx = "http://182.92.203.7:3001"; // 请求地址
// export const appId = 27;
export const requestCtx = "https://jsek.bnuic.com"; // 请求地址
export const appId = 3;
export const requestCtx = "http://182.92.203.7:3001"; // 请求地址
export const appId = 27;
// export const requestCtx = "https://jsek.bnuic.com"; // 请求地址
// export const appId = 3;
// export const epubUrl = "http://182.92.203.7:3007/epubReadMobile/";
export const epubUrl = "https://jsek.bnuic.com/epubReadMobile/#/";
export const pdfUrl = "http://182.92.203.7:3007/pdfRead/";

 pages/digitalTextbooks/index.skeleton.wxml

@@ -1,5 +1,5 @@
<!--
此文件为开发者工具生成，生成时间: 2024/6/6上午11:33:06
此文件为开发者工具生成，生成时间: 2024/6/13下午6:52:18
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalTextbooks\index.wxml 引入模板

@@ -17,7 +17,7 @@
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="fixed-header">
    <view>
      <view style="width: 100%; height: 44px;"></view>
      <view class="nacigationBar" style="width: 70%; height: 40px;">
        <view>
@@ -30,114 +30,210 @@
            <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
              <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
            </view>
            <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="请输入关键词/书名/ISBN/作者" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1"
              selection-start="-1" type="text" value="true"></view>
            <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="请输入关键词/书名/ISBN/作者" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view>
          </view>
        </view>
      </view>
      <view class="tabBox">
        <view data-index="0">
          <view class="sk-transparent sk-text-14-2857-9 sk-text">
            高等教育
          </view>
          <view style="margin-top: 10px;"></view>
        </view>
        <view data-index="1" class="nameBox">
          <view class="sk-transparent sk-text-14-2857-611 sk-text">
            职业教育
          </view>
          <view style="margin-top: 10px;" class="bottomLineBox"></view>
        </view>
        <view data-index="2">
          <view class="sk-transparent sk-text-14-2857-795 sk-text">
            教师教育
          </view>
          <view style="margin-top: 10px;"></view>
        </view>
        <view data-index="3">
          <view class="sk-transparent sk-text-14-2857-936 sk-text">
            基础教育
          </view>
          <view style="margin-top: 10px;"></view>
        </view>
      </view>
    </view>
    <view class="contentBox">
      <view class="titleBox">
        <view class="frameBox"></view>
        <view class="titleTextBox">
          <view class="sk-transparent sk-text-14-2857-285 sk-text">数字教材列表</view>
        </view>
      </view>
      <view class="bookContentBox">
        <view class="external" data-item="[object Object]">
          <view class="amountClick">
            <view class="t-icon icon--t-icon  " style="font-size: 15px;">
              <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
      <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
        <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
          <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
            <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
              <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
                <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="0">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-123 sk-text">高等教育</view>
                  </view>
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active sk-image" data-index="1">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-734 sk-text">职业教育</view>
                  </view>
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-81 sk-text">教师教育</view>
                  </view>
                  <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="3">
                    <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-97 sk-text">基础教育</view>
                  </view>
                  <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(132.625px);  transform: translateX(132.625px); "></view>
                </view>
              </scroll-view>
            </view>
            <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-217 sk-text">41</view>
          </view>
          <view class="imageBox">
            <image mode="true" class="sk-image"></image>
          </view>
          <view class="bookName sk-transparent sk-text-14-2857-567 sk-text">体育与健康（第3版）</view>
          <view class="information">
            <view class="sk-transparent sk-opacity">-</view>
            <view class="price sk-transparent sk-text-14-2857-919 sk-text">￥38.8</view>
          </view>
        </view>
        <view class="external" data-item="[object Object]">
          <view class="amountClick">
            <view class="t-icon icon--t-icon  " style="font-size: 15px;">
              <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
        <view class="t-tabs__content tabs--t-tabs__content">
          <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
            <view class="  t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="e3db7670--t_tabs_6_panel_0">
              <view class="contentBox">
                <view class="titleBox">
                  <view class="frameBox"></view>
                  <view class="titleTextBox">
                    <view class="sk-transparent sk-text-14-2857-231 sk-text">数字课程列表</view>
                  </view>
                </view>
                <scroll-view class="outsideContentBox" scroll-y="true">
                  <view class="bookContentBox">
                    <view class="external" data-item="[object Object]">
                      <view class="amountClick">
                        <view class="t-icon icon--t-icon  " style="font-size: 15px;">
                          <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                        <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-478 sk-text">99</view>
                      </view>
                      <view class="imageBox">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookName sk-transparent sk-text-14-2857-357 sk-text">体育与健康（第3版）</view>
                      <view class="information">
                        <view class="sk-transparent sk-opacity">-</view>
                        <view class="price sk-transparent sk-text-14-2857-965 sk-text">￥38.8</view>
                      </view>
                    </view>
                    <view class="external" data-item="[object Object]">
                      <view class="amountClick">
                        <view class="t-icon icon--t-icon  " style="font-size: 15px;">
                          <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                        <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-737 sk-text">79</view>
                      </view>
                      <view class="imageBox">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookName sk-transparent sk-text-14-2857-179 sk-text">婴幼儿生活照护</view>
                      <view class="information">
                        <view class="book-author sk-transparent sk-text-14-2857-50 sk-text">
                          赵青
                        </view>
                        <view class="price sk-transparent sk-text-14-2857-214 sk-text"> 免费</view>
                      </view>
                    </view>
                    <view class="external" data-item="[object Object]">
                      <view class="amountClick">
                        <view class="t-icon icon--t-icon  " style="font-size: 15px;">
                          <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                        <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-554 sk-text">318</view>
                      </view>
                      <view class="imageBox">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookName sk-transparent sk-text-14-2857-125 sk-text">新标准通用职场英语基础模块一</view>
                      <view class="information">
                        <view class="book-author sk-transparent sk-text-14-2857-548 sk-text">
                          王朝晖总主编
                        </view>
                        <view class="price sk-transparent sk-text-14-2857-207 sk-text">￥0.01</view>
                      </view>
                    </view>
                    <view class="external" data-item="[object Object]">
                      <view class="amountClick">
                        <view class="t-icon icon--t-icon  " style="font-size: 15px;">
                          <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                        <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-759 sk-text">436</view>
                      </view>
                      <view class="imageBox">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookName sk-transparent sk-text-14-2857-310 sk-text">学前儿童卫生与保健</view>
                      <view class="information">
                        <view class="book-author sk-transparent sk-text-14-2857-640 sk-text">
                          张兰香 潘秀萍
                        </view>
                        <view class="price sk-transparent sk-text-14-2857-855 sk-text"> 免费</view>
                      </view>
                    </view>
                  </view>
                </scroll-view>
              </view>
            </view>
            <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-267 sk-text">34</view>
          </view>
          <view class="imageBox">
            <image mode="true" class="sk-image"></image>
          </view>
          <view class="bookName sk-transparent sk-text-14-2857-920 sk-text">婴幼儿生活照护</view>
          <view class="information">
            <view class="book-author sk-transparent sk-text-14-2857-788 sk-text">
              赵青
            <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="display:flex;justify-content:center;align-items:center;" id="3da29760--t_tabs_6_panel_1">
              <view class="contentBox">
                <view class="titleBox">
                  <view class="frameBox"></view>
                  <view class="titleTextBox">
                    <view class="sk-transparent sk-text-14-2857-775 sk-text">数字课程列表</view>
                  </view>
                </view>
                <scroll-view class="outsideContentBox" scroll-y="true">
                  <view class="bookContentBox">
                    <view class="external" data-item="[object Object]">
                      <view class="amountClick">
                        <view class="t-icon icon--t-icon  " style="font-size: 15px;">
                          <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                        <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-674 sk-text">99</view>
                      </view>
                      <view class="imageBox">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookName sk-transparent sk-text-14-2857-847 sk-text">体育与健康（第3版）</view>
                      <view class="information">
                        <view class="sk-transparent sk-opacity">-</view>
                        <view class="price sk-transparent sk-text-14-2857-326 sk-text">￥38.8</view>
                      </view>
                    </view>
                    <view class="external" data-item="[object Object]">
                      <view class="amountClick">
                        <view class="t-icon icon--t-icon  " style="font-size: 15px;">
                          <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                        <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-426 sk-text">79</view>
                      </view>
                      <view class="imageBox">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookName sk-transparent sk-text-14-2857-873 sk-text">婴幼儿生活照护</view>
                      <view class="information">
                        <view class="book-author sk-transparent sk-text-14-2857-366 sk-text">
                          赵青
                        </view>
                        <view class="price sk-transparent sk-text-14-2857-576 sk-text"> 免费</view>
                      </view>
                    </view>
                    <view class="external" data-item="[object Object]">
                      <view class="amountClick">
                        <view class="t-icon icon--t-icon  " style="font-size: 15px;">
                          <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                        <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-707 sk-text">318</view>
                      </view>
                      <view class="imageBox">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookName sk-transparent sk-text-14-2857-430 sk-text">新标准通用职场英语基础模块一</view>
                      <view class="information">
                        <view class="book-author sk-transparent sk-text-14-2857-478 sk-text">
                          王朝晖总主编
                        </view>
                        <view class="price sk-transparent sk-text-14-2857-4 sk-text">￥0.01</view>
                      </view>
                    </view>
                    <view class="external" data-item="[object Object]">
                      <view class="amountClick">
                        <view class="t-icon icon--t-icon  " style="font-size: 15px;">
                          <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                        <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-874 sk-text">436</view>
                      </view>
                      <view class="imageBox">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookName sk-transparent sk-text-14-2857-10 sk-text">学前儿童卫生与保健</view>
                      <view class="information">
                        <view class="book-author sk-transparent sk-text-14-2857-724 sk-text">
                          张兰香 潘秀萍
                        </view>
                        <view class="price sk-transparent sk-text-14-2857-351 sk-text"> 免费</view>
                      </view>
                    </view>
                  </view>
                </scroll-view>
              </view>
            </view>
            <view class="price sk-transparent sk-text-14-2857-635 sk-text"> 免费</view>
          </view>
        </view>
        <view class="external" data-item="[object Object]">
          <view class="amountClick">
            <view class="t-icon icon--t-icon  " style="font-size: 15px;">
              <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
            <view class="  t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="7723c5f5--t_tabs_6_panel_2">
              <view class="contentBox"></view>
            </view>
            <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-575 sk-text">186</view>
          </view>
          <view class="imageBox">
            <image mode="true" class="sk-image"></image>
          </view>
          <view class="bookName sk-transparent sk-text-14-2857-586 sk-text">新标准通用职场英语基础模块一</view>
          <view class="information">
            <view class="book-author sk-transparent sk-text-14-2857-82 sk-text">
              王朝晖总主编
            <view class="  t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="d3e34e84--t_tabs_6_panel_3">
              <view class="contentBox"></view>
            </view>
            <view class="price sk-transparent sk-text-14-2857-5 sk-text">￥0.01</view>
          </view>
        </view>
        <view class="external" data-item="[object Object]">
          <view class="amountClick">
            <view class="t-icon icon--t-icon  " style="font-size: 15px;">
              <label class="t-icon-browse icon--t-icon-browse t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
            </view>
            <view style="margin-left: 2px;" class="sk-transparent sk-text-14-2857-620 sk-text">129</view>
          </view>
          <view class="imageBox">
            <image mode="true" class="sk-image"></image>
          </view>
          <view class="bookName sk-transparent sk-text-14-2857-616 sk-text">学前儿童卫生与保健</view>
          <view class="information">
            <view class="book-author sk-transparent sk-text-14-2857-82 sk-text">
              张兰香 潘秀萍
            </view>
            <view class="price sk-transparent sk-text-14-2857-116 sk-text"> 免费</view>
          </view>
        </view>
      </view>

 pages/digitalTextbooks/index.skeleton.wxss

@@ -1,5 +1,5 @@
/*
此文件为开发者工具生成，生成时间: 2024/6/6上午11:33:06
此文件为开发者工具生成，生成时间: 2024/6/13下午6:52:18

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalTextbooks\index.wxss 中引入样式
```
@@ -11,9 +11,9 @@
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-9 {
.sk-text-14-2857-123 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text {
@@ -23,32 +23,32 @@
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-611 {
.sk-text-14-2857-734 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-795 {
.sk-text-14-2857-81 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-936 {
.sk-text-14-2857-97 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-285 {
.sk-text-14-2857-231 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-217 {
.sk-text-14-2857-478 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-567 {
.sk-text-14-2857-357 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
@@ -56,62 +56,142 @@
.sk-opacity {
    opacity: 0 !important;
  }
.sk-text-14-2857-919 {
.sk-text-14-2857-965 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-267 {
.sk-text-14-2857-737 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-920 {
.sk-text-14-2857-179 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-788 {
.sk-text-14-2857-50 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-635 {
.sk-text-14-2857-214 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-575 {
.sk-text-14-2857-554 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-586 {
.sk-text-14-2857-125 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-82 {
.sk-text-14-2857-548 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-5 {
.sk-text-14-2857-207 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-620 {
.sk-text-14-2857-759 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-616 {
.sk-text-14-2857-310 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-116 {
.sk-text-14-2857-640 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-855 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-775 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-674 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-847 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-326 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-426 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-873 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-366 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-576 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-707 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-430 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-4 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-874 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-10 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-724 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-351 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;