overseas 0.0.1

package/packages/business/user-login/src/index.vue

@@ -0,0 +1,149 @@
+<template>
+  <transition name="fade">
+    <div v-show="isShow" class="login-box">
+      <div class="sub-box">
+        <p class="logo">
+          <img src="./img/logo.png" alt="">
+        </p>
+        <div class="insertput phone">
+          <select v-model="countryCallingCode">
+            <option
+              v-for="item in codeList"
+              :key="item.value+item.countryName"
+              :value="item.value"
+            >
+              {{ item.countryName }}
+            </option>
+          </select>
+          <input v-model="phone" maxlength="11" type="text">
+        </div>
+        <div class="insertput code">
+          <input v-model="code" maxlength="6" type="text">
+          <span @click="send">{{ sendBtn }}</span>
+        </div>
+        <p class="centent">
+          By ticking this box, you have confirmed that you have read, understood and agreed to our
+        </p>
+        <div class="footer">
+          <p class="cancel" @click="close">
+            Cancel
+          </p>
+          <p class="sign-in" @click="login">
+            Sign in
+          </p>
+        </div>
+      </div>
+    </div>
+  </transition>
+</template>
+<script>
+import { setCookies } from '../../../../src/utils/utils'
+import phoneConfig from '../../../../src/utils/phone'
+import { sendVerification, quickLogin } from './api'
+
+export default {
+  data() {
+    return {
+      phone: '',
+      code: '',
+      countryCallingCode: '86',
+      codeList: [],
+      localeAreaCode: [],
+      isShow: false,
+      sendBtn: 'send',
+      timer: null,
+      countDown: 60,
+    }
+  },
+  mounted() {
+    setTimeout(() => {
+      this.isShow = true
+    }, 3000)
+    this.codeList = phoneConfig.codeList
+    this.localeAreaCode = phoneConfig.localeAreaCode
+  },
+  methods: {
+    timeDown() {
+      this.timer = setInterval(() => {
+        if (this.countDown > 1) {
+          this.countDown -= this.countDown
+          this.sendBtn = this.countDown
+        } else {
+          this.countDown = 60
+          this.sendBtn = 'send'
+          clearInterval(this.timer)
+          this.timer = null
+        }
+      }, 1000)
+    },
+    send() {
+      if (this.timer) {
+        return
+      }
+      sendVerification({
+        data: {
+          contactInfo: this.phone,
+          countryCallingCode: this.countryCallingCode,
+          // 使用手机号快捷登录
+          type: 1,
+        },
+        header: {
+          appName: 'Activity',
+          appVersion: '1.0.0',
+          attribution: 'event_type=410&event_id=246&source_type=0&source_id=0',
+          origin: '',
+          platform: 'h5',
+          platformVersion: '',
+          schoolCode: '6501',
+        },
+      }).then(() => {
+        this.timeDown()
+      })
+    },
+    close() {
+      this.isShow = false
+    },
+    open () {
+      this.isShow = true
+    },
+    login() {
+      if (!this.phone || !this.code) {
+        return
+      }
+      quickLogin({
+        data: {
+          phone: this.phone,
+          verificationCode: this.code,
+          countryCallingCode: this.countryCallingCode,
+        },
+        header: {
+          appName: 'Activity',
+          appVersion: '1.0.0',
+          attribution: 'event_type=410&event_id=246&source_type=0&source_id=0',
+          origin: '',
+          platform: 'h5',
+          platformVersion: '',
+          schoolCode: '8601',
+        },
+      }).then((res) => {
+        const resData = res.data || {};
+        const accessToken = resData.data.unifiedAccessToken || ''
+        setCookies('_official_token', accessToken)
+        localStorage.setItem('token', accessToken)
+        this.isShow = false
+        // avatar: "https://download-pa-s3.thethinkacademy.com/415/20201222/1608632947958AezAByLn0D.png"
+        // card: "215501126720"
+        // countryCallingCode: "86"
+        // email: "3243@we.com"
+        // nickName: "UserytCi"
+        // passwordModified: true
+        // phone: "136****345"
+        // type: 0
+        // uid: 7596288
+        // unifiedAccessToken: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJ1aWQiOjc1OTYyODgsImNsaWVudFR5cGUiOiJUT1VDSF9XRUJTSVRFIiwiaXNzIjoiVUNFTlRFUiIsImlhdCI6MTYzNjE5MTAxOSwianRpIjoiZDRhMGUyZjUifQ.FvMxZnwYt06_n_divs34c0YurFSumIS_kok2X66Ark6Wdga-p3yoPmxBg5yCNMcH1A5EoLJvxnGj8-bgfiDr1-1Az0HmGojIg30HAB6LWB0UgeIg0k00Pi6nU1OpjJDEJ5imKZbCXRLPHl5IBkqKqUqJN_KX5zHmVrZPuAJZKGs"
+        // unifiedTempToken: "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1aWQiOj
+      })
+    },
+  },
+}
+</script>

package/packages/theme-style/lib/bottom-fixed-button.css

@@ -0,0 +1 @@
+.bottom-fixed-btns-wrapper{position:fixed;bottom:0;width:100%;max-width:750px;height:80px;box-sizing:border-box}.bottom-fixed-btns-container{padding:16px;width:100%;max-width:500px;height:80px;background:rgba(255,255,255,.9);z-index:99}.bottom-fixed-btns-container .bottom-btn{margin:0 auto;padding:0 16px;width:100%}@media screen and (min-width:500px){.bottom-fixed-btns-container{bottom:10px;max-width:375px;border-radius:16px}}

package/packages/theme-style/lib/bottom-popup.css

@@ -0,0 +1 @@
+.bottom-popup .header-wrapper{padding:0 16px;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px}.bottom-popup .header-wrapper.scrolling-style{position:relative}.bottom-popup .header-wrapper.scrolling-style::after{content:"";position:absolute;height:30px;left:0;right:0;background:linear-gradient(180deg,rgba(222,226,231,.6) 0,rgba(222,226,231,0) 100%);z-index:1}.bottom-popup .header-wrapper .title,.bottom-popup .header-wrapper h1{text-align:center;font-size:16px;font-weight:600;line-height:21px;color:#172b4d}.bottom-popup .header-wrapper .normal-header-container{position:relative;padding:14px 0;display:flex;justify-content:center;align-items:center;height:60px}.bottom-popup .header-wrapper .normal-header-container .header-left-container,.bottom-popup .header-wrapper .normal-header-container .header-right-container{position:absolute;top:14px}.bottom-popup .header-wrapper .normal-header-container .header-left-container ::v-deep .header-icon-btn-container,.bottom-popup .header-wrapper .normal-header-container .header-right-container ::v-deep .header-icon-btn-container{display:flex;justify-content:center;align-items:center;width:32px;height:32px;text-align:center;border-radius:50%;color:#a2aab8;background:#f4f6fa}.bottom-popup .header-wrapper .normal-header-container .header-left-container ::v-deep .header-icon-btn-container.success-icon-container,.bottom-popup .header-wrapper .normal-header-container .header-right-container ::v-deep .header-icon-btn-container.success-icon-container{color:#ffaa0a;background:rgba(255,170,10,.08)}.bottom-popup .header-wrapper .normal-header-container .header-left-container ::v-deep .header-icon-btn-container .iconfont,.bottom-popup .header-wrapper .normal-header-container .header-right-container ::v-deep .header-icon-btn-container .iconfont{font-size:20px}.bottom-popup .header-wrapper .normal-header-container .header-left-container{left:0}.bottom-popup .header-wrapper .normal-header-container .header-right-container{right:0}.bottom-popup .body-wrapper{position:relative;padding:10px 16px;min-height:462px;max-height:80vh;overflow:scroll;background:#f4f6fa}

package/packages/theme-style/lib/button.css

@@ -0,0 +1 @@
+.ts-button,.ts-button.ts-button--default{background:#fff;color:#ffaa0a}.ts-button,.ts-button:not([disabled]):hover{transition:all .3s cubic-bezier(.645,.045,.355,1)}button{border:none;outline:0;cursor:pointer}.ts-button{padding:0 8px;text-align:center;font-size:20px;line-height:24px;font-weight:600;border-radius:10px}.ts-button.ts-button--default.is-outline{color:#fff;border-color:#fff}.ts-button.ts-button--primary{color:#fff;background:linear-gradient(56deg,#ffd518 0,#ffaa0a 100%) #ffd518}.ts-button.ts-button--primary.is-outline{color:#fff3dc;border-color:#fff3dc}.ts-button.ts-button--assist{color:#ffaa0a;background:#fff3dc}.ts-button.ts-button--assist.is-outline{color:#fff3dc;border-color:#fff3dc}.ts-button.ts-button--small{height:32px;font-size:16px;line-height:19px;font-weight:600}.ts-button.ts-button--small.is-outline{border-width:2px}.ts-button.ts-button--normal{height:48px;font-size:20px;line-height:24px;font-weight:600}.ts-button.ts-button--large{height:60px;font-size:24px;line-height:30px;font-weight:700}.ts-button.is-round{border-radius:100px}.ts-button.is-outline{border-width:3px;border-style:solid;background:0 0}.ts-button.is-outline.is-disabled,.ts-button.is-outline:not([disabled]):hover{color:#fff;border-color:transparent}.ts-button.is-outline[disabled],.ts-button.is-outline[disabled]:hover{border-color:transparent}.ts-button:not([disabled]):hover{color:#fff;background:#ffd518}.ts-button.is-disabled,.ts-button[disabled],.ts-button[disabled]:hover{color:#fff;background:rgba(162,170,184,.3);cursor:not-allowed}

package/packages/theme-style/lib/class-choose.css

@@ -0,0 +1 @@
+.bottom-popup .header-wrapper{padding:0 16px;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px}.bottom-popup .header-wrapper.scrolling-style{position:relative}.bottom-popup .header-wrapper.scrolling-style::after{content:"";position:absolute;height:30px;left:0;right:0;background:linear-gradient(180deg,rgba(222,226,231,.6) 0,rgba(222,226,231,0) 100%);z-index:1}.bottom-popup .header-wrapper .title,.bottom-popup .header-wrapper h1{text-align:center;font-size:16px;font-weight:600;line-height:21px;color:#172b4d}.bottom-popup .header-wrapper .normal-header-container{position:relative;padding:14px 0;display:flex;justify-content:center;align-items:center;height:60px}.bottom-popup .header-wrapper .normal-header-container .header-left-container,.bottom-popup .header-wrapper .normal-header-container .header-right-container{position:absolute;top:14px}.bottom-popup .header-wrapper .normal-header-container .header-left-container ::v-deep .header-icon-btn-container,.bottom-popup .header-wrapper .normal-header-container .header-right-container ::v-deep .header-icon-btn-container{display:flex;justify-content:center;align-items:center;width:32px;height:32px;text-align:center;border-radius:50%;color:#a2aab8;background:#f4f6fa}.bottom-popup .header-wrapper .normal-header-container .header-left-container ::v-deep .header-icon-btn-container.success-icon-container,.bottom-popup .header-wrapper .normal-header-container .header-right-container ::v-deep .header-icon-btn-container.success-icon-container{color:#ffaa0a;background:rgba(255,170,10,.08)}.bottom-popup .header-wrapper .normal-header-container .header-left-container ::v-deep .header-icon-btn-container .iconfont,.bottom-popup .header-wrapper .normal-header-container .header-right-container ::v-deep .header-icon-btn-container .iconfont{font-size:20px}.bottom-popup .header-wrapper .normal-header-container .header-left-container{left:0}.bottom-popup .header-wrapper .normal-header-container .header-right-container{right:0}.bottom-popup .body-wrapper{position:relative;padding:10px 16px;min-height:462px;max-height:80vh;overflow:scroll;background:#f4f6fa}.choose-course-wrapper .goods-list{padding-bottom:80px}.choose-course-wrapper .voucher-show-wrapper{width:100%;padding:0 16px;margin-bottom:10px;position:fixed;bottom:64px;left:50%;transform:translateX(-50%)}.choose-course-wrapper .voucher-show-wrapper .voucher-show{border-radius:8px;color:#fff;background:rgba(15,25,42,.95);display:flex;align-items:center;justify-content:space-around;height:46px}.choose-course-wrapper .voucher-show-wrapper .voucher-show .voucher-text{width:264px;height:28px;line-height:14px;font-size:12px}.choose-course-wrapper .btn-bottom-class-choose{position:fixed;bottom:0;left:0;width:100%;height:64px;background:#fff;display:flex;justify-content:center;padding:0 16px}.choose-course-wrapper .btn-bottom-class-choose .price{width:50%;background:#fff;text-align:left;color:#ffaa0a;font-size:24px;font-weight:600;line-height:64px;display:flex;flex-direction:column;justify-content:center}.choose-course-wrapper .btn-bottom-class-choose .price .price-top{height:29px;line-height:29px}.choose-course-wrapper .btn-bottom-class-choose .price .price-top s{font-size:12px;font-weight:600;color:#a2aab8;line-height:14px}.choose-course-wrapper .btn-bottom-class-choose .price .price-bottom{height:19px;font-size:16px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#000;line-height:16px}.choose-course-wrapper .btn-bottom-class-choose .btn-wrapper{width:50%;position:relative}.choose-course-wrapper .btn-bottom-class-choose .btn-wrapper .btn{display:block;width:120px;height:40px;background:linear-gradient(45deg,#ffd518 0,#ffaa0a 100%);border-radius:28px;position:absolute;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;font-weight:600;font-size:16px}.choose-course-wrapper .showBackground{background:linear-gradient(45deg,#ffd518 0,#ffaa0a 100%)}.choose-course-wrapper .showBackground .price{background:0 0;color:#fff}.choose-course-wrapper .showBackground .price .price-bottom,.choose-course-wrapper .showBackground .price .price-top,.choose-course-wrapper .showBackground .price .price-top s{color:#fff}.choose-course-wrapper .showBackground .btn-wrapper .btn{background:#fff;color:#ffaa0a}.choose-course-wrapper .bottom-sub-box{display:flex;justify-content:center;align-items:center}.choose-course-wrapper .left-class{font-size:16px;font-weight:500;color:#a2aab8;line-height:22px;width:50%;text-align:left}.choose-course-wrapper .right-price{font-weight:600;color:#ffaa0a;width:50%;text-align:right}.choose-course-wrapper .right-price-top{font-size:20px;color:#ffaa0a;line-height:24px;width:100%;display:block;text-align:right}.choose-course-wrapper .right-price-bottom{font-size:12px;color:#a2aab8;line-height:14px}.choose-course-wrapper .course-card{position:relative;border-radius:10px;padding:20px 16px 15px;margin-bottom:20px;background:#fff}.choose-course-wrapper .course-card.active{box-shadow:0 0 0 1px #ffaa0a}.choose-course-wrapper .course-name{font-weight:600}.choose-course-wrapper .date-info{display:flex}.choose-course-wrapper .date-info .icon{margin-top:16px;width:16px;height:16px}.choose-course-wrapper .date-info .icon img{display:block;width:100%;height:100%}.choose-course-wrapper .date-info .info{margin-top:14px;margin-bottom:12px;margin-left:10px;flex:1}.choose-course-wrapper .date-info .info :first-child{margin-bottom:8px}.choose-course-wrapper .difficulty{display:flex;align-items:center;height:48px;font-size:12px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#172b4d}.choose-course-wrapper .difficulty .text{padding-right:10px;color:#a2aab8}.choose-course-wrapper .difficulty .icon-wrapper{display:flex}.choose-course-wrapper .difficulty .icon-wrapper .icon{width:20px;height:22px;margin-right:10px}.choose-course-wrapper .difficulty .icon-wrapper .icon img{display:block;width:100%;height:100%}.choose-course-wrapper .difficulty .diff-text{height:22px;line-height:22px}.choose-course-wrapper .active-icon{position:absolute;top:0;right:0;width:32px;height:20px}.choose-course-wrapper .active-icon img{display:block;width:100%;height:100%}.choose-course-wrapper .course-full{position:absolute;top:0;right:0;width:120px;height:104px}.choose-course-wrapper .course-full img{display:block;width:100%;height:100%}

package/packages/theme-style/lib/common.css

@@ -0,0 +1 @@
+html{font-family:"SF Pro Rounded","SF Pro",Helvetica,Roboto," Arial",sans-serif;font-size:16px;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}body,html{scroll-behavior:smooth}*,::after,::before{box-sizing:border-box;margin:0}:focus-visible{outline:0}a{color:#000;text-decoration:none}a.link-text,a.link-text:hover{color:#3370ff}img{border:none}img:not([src]),img[src=""]{opacity:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0;word-spacing:0}p{word-spacing:0;letter-spacing:0}.font-bold{font-weight:700;font-family:SFProRounded-Bold,"SF Pro Rounded",SFPro-Bold,Helvetica,Roboto,Arial,sans-serif}.font-semibold{font-weight:600;font-family:"SFProRounded-Semibold,","SF Pro Rounded",SFPro-Semibold,Helvetica,Roboto,Arial,sans-serif}.font-medium{font-weight:500;font-family:SFProRounded-Medium,"SF Pro Rounded",SFPro-Medium,Helvetica,Roboto,Arial,sans-serif}.font-regular{font-weight:400;font-family:SFProRounded-Regular,"SF Pro Rounded",SFPro-Regular,Helvetica,Roboto,Arial,sans-serif}.hover-transition{transition:all .5s cubic-bezier(.645,.045,.355,1)}a.link-text{text-decoration:underline}.blur-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.2)}

package/packages/theme-style/lib/dialog.css

@@ -0,0 +1 @@
+.ts-dialog-wrapper,.v-modal{position:fixed;top:0;left:0}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}100%{opacity:1}}@keyframes v-modal-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes v-modal-out{0%{opacity:1}100%{opacity:0}}@keyframes v-modal-out{0%{opacity:1}100%{opacity:0}}.v-modal{width:100%;height:100%;opacity:.5;background:#000}.ts-dialog-wrapper{bottom:0;right:0}.ts-dialog{margin:0 auto;max-width:100%;max-height:100vh;background:#fff}.ts-dialog.is-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ts-dialog.is-round{border-radius:16px;overflow:hidden}.ts-dialog .ts-dialog__header{padding:0 16px;height:60px;background:#fff}.ts-dialog .ts-dialog__header .ts-normal-header-container{position:absolute;left:14px;right:14px;height:inherit;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container,.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container{position:absolute;top:14px}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container .ts-header-icon-btn-container,.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container .ts-header-icon-btn-container{display:flex;justify-content:center;align-items:center;width:32px;height:32px;text-align:center;border-radius:50%;color:#a2aab8;background:#f4f6fa}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container .ts-header-icon-btn-container.success-icon-container,.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container .ts-header-icon-btn-container.success-icon-container{color:#ffaa0a;background:rgba(255,170,10,.08)}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container .ts-header-icon-btn-container .iconfont,.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container .ts-header-icon-btn-container .iconfont{font-size:20px}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container{left:0}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container{right:0}.ts-dialog .ts-dialog__header .ts-title-container .title,.ts-dialog .ts-dialog__header .ts-title-container h1{text-align:center;font-size:18px;line-height:21px;color:#172b4d}.ts-dialog.is-round .ts-dialog__header{border-radius:16px 16px 0 0}.ts-dialog.is-round .ts-dialog__footer{border-radius:0 0 16px 16px}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}

package/packages/theme-style/lib/grade-panel.css

@@ -0,0 +1 @@
+.grade-selection-list-wrapper{margin:10px auto 0;width:343px;box-sizing:border-box;background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.grade-selection-list-wrapper .grade-selection-list-title{font-size:18px;font-family:SFProRounded-Medium,SFProRounded,SFPro-Medium,Helvetica,Roboto,Arial,sans-serif;color:#172B4D;line-height:27px;margin-top:16px}.grade-selection-list-wrapper .grade-selection-list-container{width:100%;padding:16px 6px 6px 16px}.grade-selection-list-wrapper .grade-selection-list-container li,.grade-selection-list-wrapper .grade-selection-list-container ul{list-style:none;padding:0;margin:0;display:inline}.grade-selection-list-wrapper .grade-selection-list-container .grade-selection-item-wrapper{display:flex;flex-wrap:wrap}.grade-selection-list-wrapper .grade-selection-list-container .grade-selection-item{margin-right:10px;margin-bottom:10px;padding:10px;min-width:97px;height:36px;background:#F8F9FA;border-radius:6px;display:flex;align-items:center;justify-content:center}.grade-selection-list-wrapper .grade-selection-list-container .grade-selection-item .item-text{color:#A2AAB8;font-size:14px}.grade-selection-list-wrapper .grade-selection-list-container .active{background:linear-gradient(45deg,#FFD518 0,#FFAA0A 100%) #FFAA0A}.grade-selection-list-wrapper .grade-selection-list-container .active .item-text{color:#fff}.grade-selection-list-wrapper .grade-selection-list-container .btn{margin-top:6px;margin-bottom:16px}

package/packages/theme-style/lib/icon.css

@@ -0,0 +1 @@
+@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1924942_l9jdvry059.eot?t=1637736214198);src:url(//at.alicdn.com/t/font_1924942_l9jdvry059.eot?t=1637736214198#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1924942_l9jdvry059.woff2?t=1637736214198) format("woff2"),url(//at.alicdn.com/t/font_1924942_l9jdvry059.woff?t=1637736214198) format("woff"),url(//at.alicdn.com/t/font_1924942_l9jdvry059.ttf?t=1637736214198) format("truetype"),url(//at.alicdn.com/t/font_1924942_l9jdvry059.svg?t=1637736214198#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-pdf:before{content:"\e654"}.icon-close1:before{content:"\e653"}.icon-alert-e656:before{content:"\e656"}.icon-left-arrpw:before{content:"\e657"}.icon-close-new-e658:before{content:"\e658"}.icon-unselect:before{content:"\e651"}.icon-selected:before{content:"\e652"}.icon-telephone:before{content:"\e650"}.icon-youtube-new:before{content:"\e64c"}.icon-whatsapp:before{content:"\e64d"}.iconicon-location:before{content:"\e64b"}.iconwechat-qr-code-icon:before{content:"\e64a"}.icon-alert:before{content:"\e649"}.icon-star:before{content:"\e648"}.icon-passed:before{content:"\e647"}.icon-more-right:before{content:"\e646"}.icon-more-left:before{content:"\e645"}.icon-arrow-right:before{content:"\e64f"}.icon-failed:before{content:"\e644"}.icon-difficulty:before{content:"\e643"}.icon-higher-department:before{content:"\e642"}.icon-junior-department:before{content:"\e641"}.icon-primary-department:before{content:"\e640"}.icon-preschool-department:before{content:"\e63f"}.icon-transfer1:before{content:"\e63e"}.icon-reschedule:before{content:"\e63d"}.icon-transfer:before{content:"\e63c"}.icon-next:before{content:"\e63b"}.icon-close-new:before{content:"\e639"}.icon-arrow-left:before{content:"\e63a"}.icon-upaid-courses:before{content:"\e638"}.icon-top-dark:before{content:"\e636"}.icon-bottom-dark:before{content:"\e637"}.icon-switch:before{content:"\e635"}.icon-info-circle:before{content:"\e634"}.icon-success-circle:before{content:"\e632"}.icon-user-switch:before{content:"\e630"}.icon-download:before{content:"\e631"}.icon-wish-list:before{content:"\e62e"}.icon-edit:before{content:"\e62f"}.icon-order:before{content:"\e62c"}.icon-test:before{content:"\e62d"}.icon-course:before{content:"\e62b"}.icon-coupon:before{content:"\e62a"}.icon-take-class-time:before{content:"\e629"}.icon-wish:before{content:"\e628"}.icon-success:before{content:"\e61c"}.icon-mail:before{content:"\e606"}.icon-asc-sort:before{content:"\e604"}.icon-desc-sort:before{content:"\e603"}.icon-show-more:before{content:"\e602"}.icon-access-course-details:before{content:"\e601"}.icon-attend-the-class:before{content:"\e600"}.icon-camera-outline:before{content:"\e616"}.icon-setting-outline:before{content:"\e615"}.icon-home-outline:before{content:"\e610"}.icon-file-outline:before{content:"\e60f"}.icon-warning-outline:before{content:"\e609"}.icon-success-outline:before{content:"\e60a"}.icon-quote-left:before{content:"\e627"}.icon-quote-right:before{content:"\e626"}.icon-asc:before{content:"\e625"}.icon-desc:before{content:"\e624"}.icon-calendar-date-outline:before{content:"\e623"}.icon-tel:before{content:"\e622"}.icon-faq:before{content:"\e621"}.icon-arrow-top:before{content:"\e620"}.icon-arrow-bottom:before{content:"\e61f"}.icon-arrow-top-outline:before{content:"\e61e"}.icon-arrow-bottom-outline:before{content:"\e61d"}.icon-arrow-right-outline:before{content:"\e61b"}.icon-arrow-left-outline:before{content:"\e61a"}.icon-logo:before{content:"\e619"}.icon-linkedin:before{content:"\e618"}.icon-quote:before{content:"\e617"}.icon-close:before{content:"\e614"}.icon-play:before{content:"\e613"}.icon-menu-outline:before{content:"\e612"}.icon-clock-outline:before{content:"\e611"}.icon-ins:before{content:"\e633"}.icon-download-outline:before{content:"\e60e"}.icon-projector-outline:before{content:"\e60d"}.icon-calendar-outline:before{content:"\e60c"}.icon-desktop-outline:before{content:"\e60b"}.icon-wechat:before{content:"\e64e"}.icon-facebook:before{content:"\e608"}.icon-backtop:before{content:"\e607"}.icon-youtube:before{content:"\e605"}

package/packages/theme-style/lib/image.css

@@ -0,0 +1 @@
+.image-section-wrapper{width:100%;max-width:375px}.image-section-wrapper img{display:block;width:100%}

package/packages/theme-style/lib/index.css

@@ -0,0 +1 @@
+.ts-button,.ts-button.ts-button--default{color:#ffaa0a;background:#fff}.ts-button,.ts-button:not([disabled]):hover{transition:all .3s cubic-bezier(.645,.045,.355,1)}.iconfont,html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:focus-visible,button{outline:0}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1924942_l9jdvry059.eot?t=1637736214198);src:url(//at.alicdn.com/t/font_1924942_l9jdvry059.eot?t=1637736214198#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1924942_l9jdvry059.woff2?t=1637736214198) format("woff2"),url(//at.alicdn.com/t/font_1924942_l9jdvry059.woff?t=1637736214198) format("woff"),url(//at.alicdn.com/t/font_1924942_l9jdvry059.ttf?t=1637736214198) format("truetype"),url(//at.alicdn.com/t/font_1924942_l9jdvry059.svg?t=1637736214198#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal}.icon-pdf:before{content:"\e654"}.icon-close1:before{content:"\e653"}.icon-alert-e656:before{content:"\e656"}.icon-left-arrpw:before{content:"\e657"}.icon-close-new-e658:before{content:"\e658"}.icon-unselect:before{content:"\e651"}.icon-selected:before{content:"\e652"}.icon-telephone:before{content:"\e650"}.icon-youtube-new:before{content:"\e64c"}.icon-whatsapp:before{content:"\e64d"}.iconicon-location:before{content:"\e64b"}.iconwechat-qr-code-icon:before{content:"\e64a"}.icon-alert:before{content:"\e649"}.icon-star:before{content:"\e648"}.icon-passed:before{content:"\e647"}.icon-more-right:before{content:"\e646"}.icon-more-left:before{content:"\e645"}.icon-arrow-right:before{content:"\e64f"}.icon-failed:before{content:"\e644"}.icon-difficulty:before{content:"\e643"}.icon-higher-department:before{content:"\e642"}.icon-junior-department:before{content:"\e641"}.icon-primary-department:before{content:"\e640"}.icon-preschool-department:before{content:"\e63f"}.icon-transfer1:before{content:"\e63e"}.icon-reschedule:before{content:"\e63d"}.icon-transfer:before{content:"\e63c"}.icon-next:before{content:"\e63b"}.icon-close-new:before{content:"\e639"}.icon-arrow-left:before{content:"\e63a"}.icon-upaid-courses:before{content:"\e638"}.icon-top-dark:before{content:"\e636"}.icon-bottom-dark:before{content:"\e637"}.icon-switch:before{content:"\e635"}.icon-info-circle:before{content:"\e634"}.icon-success-circle:before{content:"\e632"}.icon-user-switch:before{content:"\e630"}.icon-download:before{content:"\e631"}.icon-wish-list:before{content:"\e62e"}.icon-edit:before{content:"\e62f"}.icon-order:before{content:"\e62c"}.icon-test:before{content:"\e62d"}.icon-course:before{content:"\e62b"}.icon-coupon:before{content:"\e62a"}.icon-take-class-time:before{content:"\e629"}.icon-wish:before{content:"\e628"}.icon-success:before{content:"\e61c"}.icon-mail:before{content:"\e606"}.icon-asc-sort:before{content:"\e604"}.icon-desc-sort:before{content:"\e603"}.icon-show-more:before{content:"\e602"}.icon-access-course-details:before{content:"\e601"}.icon-attend-the-class:before{content:"\e600"}.icon-camera-outline:before{content:"\e616"}.icon-setting-outline:before{content:"\e615"}.icon-home-outline:before{content:"\e610"}.icon-file-outline:before{content:"\e60f"}.icon-warning-outline:before{content:"\e609"}.icon-success-outline:before{content:"\e60a"}.icon-quote-left:before{content:"\e627"}.icon-quote-right:before{content:"\e626"}.icon-asc:before{content:"\e625"}.icon-desc:before{content:"\e624"}.icon-calendar-date-outline:before{content:"\e623"}.icon-tel:before{content:"\e622"}.icon-faq:before{content:"\e621"}.icon-arrow-top:before{content:"\e620"}.icon-arrow-bottom:before{content:"\e61f"}.icon-arrow-top-outline:before{content:"\e61e"}.icon-arrow-bottom-outline:before{content:"\e61d"}.icon-arrow-right-outline:before{content:"\e61b"}.icon-arrow-left-outline:before{content:"\e61a"}.icon-logo:before{content:"\e619"}.icon-linkedin:before{content:"\e618"}.icon-quote:before{content:"\e617"}.icon-close:before{content:"\e614"}.icon-play:before{content:"\e613"}.icon-menu-outline:before{content:"\e612"}.icon-clock-outline:before{content:"\e611"}.icon-ins:before{content:"\e633"}.icon-download-outline:before{content:"\e60e"}.icon-projector-outline:before{content:"\e60d"}.icon-calendar-outline:before{content:"\e60c"}.icon-desktop-outline:before{content:"\e60b"}.icon-wechat:before{content:"\e64e"}.icon-facebook:before{content:"\e608"}.icon-backtop:before{content:"\e607"}.icon-youtube:before{content:"\e605"}.image-section-wrapper{width:100%;max-width:375px}.image-section-wrapper img{display:block;width:100%}button{border:none;cursor:pointer}.ts-button{padding:0 8px;text-align:center;font-size:20px;line-height:24px;font-weight:600;border-radius:10px}.ts-button.ts-button--default.is-outline{color:#fff;border-color:#fff}.ts-button.ts-button--primary{color:#fff;background:linear-gradient(56deg,#ffd518 0,#ffaa0a 100%) #ffd518}.ts-button.ts-button--primary.is-outline{color:#fff3dc;border-color:#fff3dc}.ts-button.ts-button--assist{color:#ffaa0a;background:#fff3dc}.ts-button.ts-button--assist.is-outline{color:#fff3dc;border-color:#fff3dc}.ts-button.ts-button--small{height:32px;font-size:16px;line-height:19px;font-weight:600}.ts-button.ts-button--small.is-outline{border-width:2px}.ts-button.ts-button--normal{height:48px;font-size:20px;line-height:24px;font-weight:600}.ts-button.ts-button--large{height:60px;font-size:24px;line-height:30px;font-weight:700}.ts-button.is-round{border-radius:100px}.ts-button.is-outline{border-width:3px;border-style:solid;background:0 0}.ts-button.is-outline.is-disabled,.ts-button.is-outline:not([disabled]):hover{color:#fff;border-color:transparent}.ts-button.is-outline[disabled],.ts-button.is-outline[disabled]:hover{border-color:transparent}.ts-button:not([disabled]):hover{color:#fff;background:#ffd518}.ts-button.is-disabled,.ts-button[disabled],.ts-button[disabled]:hover{color:#fff;background:rgba(162,170,184,.3);cursor:not-allowed}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}100%{opacity:1}}@keyframes v-modal-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes v-modal-out{0%{opacity:1}100%{opacity:0}}@keyframes v-modal-out{0%{opacity:1}100%{opacity:0}}.registration-panel .van-button.hide,.v-modal{opacity:.5}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;background:#000}.fade-enter,.fade-leave-to,img:not([src]),img[src=""]{opacity:0}.ts-dialog-wrapper{position:fixed;top:0;bottom:0;left:0;right:0}.ts-dialog{margin:0 auto;max-width:100%;max-height:100vh;background:#fff}.ts-dialog.is-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ts-dialog.is-round{border-radius:16px;overflow:hidden}.ts-dialog .ts-dialog__header{padding:0 16px;height:60px;background:#fff}.ts-dialog .ts-dialog__header .ts-normal-header-container{position:absolute;left:14px;right:14px;height:inherit;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container,.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container{position:absolute;top:14px}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container .ts-header-icon-btn-container,.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container .ts-header-icon-btn-container{display:flex;justify-content:center;align-items:center;width:32px;height:32px;text-align:center;border-radius:50%;color:#a2aab8;background:#f4f6fa}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container .ts-header-icon-btn-container.success-icon-container,.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container .ts-header-icon-btn-container.success-icon-container{color:#ffaa0a;background:rgba(255,170,10,.08)}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container .ts-header-icon-btn-container .iconfont,.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container .ts-header-icon-btn-container .iconfont{font-size:20px}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-left-container{left:0}.ts-dialog .ts-dialog__header .ts-normal-header-container .ts-header-right-container{right:0}.ts-dialog .ts-dialog__header .ts-title-container .title,.ts-dialog .ts-dialog__header .ts-title-container h1{text-align:center;font-size:18px;line-height:21px;color:#172b4d}.ts-dialog.is-round .ts-dialog__header{border-radius:16px 16px 0 0}.ts-dialog.is-round .ts-dialog__footer{border-radius:0 0 16px 16px}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}html{font-family:"SF Pro Rounded","SF Pro",Helvetica,Roboto," Arial",sans-serif;font-size:16px;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}body,html{scroll-behavior:smooth}*,::after,::before{box-sizing:border-box;margin:0}a{color:#000;text-decoration:none}a.link-text,a.link-text:hover{color:#3370ff}img{border:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0;word-spacing:0}p{word-spacing:0;letter-spacing:0}.font-bold{font-weight:700;font-family:SFProRounded-Bold,"SF Pro Rounded",SFPro-Bold,Helvetica,Roboto,Arial,sans-serif}.font-semibold{font-weight:600;font-family:"SFProRounded-Semibold,","SF Pro Rounded",SFPro-Semibold,Helvetica,Roboto,Arial,sans-serif}.font-medium{font-weight:500;font-family:SFProRounded-Medium,"SF Pro Rounded",SFPro-Medium,Helvetica,Roboto,Arial,sans-serif}.font-regular{font-weight:400;font-family:SFProRounded-Regular,"SF Pro Rounded",SFPro-Regular,Helvetica,Roboto,Arial,sans-serif}.hover-transition{transition:all .5s cubic-bezier(.645,.045,.355,1)}a.link-text{text-decoration:underline}.blur-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.2)}.bottom-popup .header-wrapper{padding:0 16px;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px}.bottom-popup .header-wrapper.scrolling-style{position:relative}.bottom-popup .header-wrapper.scrolling-style::after{content:"";position:absolute;height:30px;left:0;right:0;background:linear-gradient(180deg,rgba(222,226,231,.6) 0,rgba(222,226,231,0) 100%);z-index:1}.bottom-popup .header-wrapper .title,.bottom-popup .header-wrapper h1{text-align:center;font-size:16px;font-weight:600;line-height:21px;color:#172b4d}.bottom-popup .header-wrapper .normal-header-container{position:relative;padding:14px 0;display:flex;justify-content:center;align-items:center;height:60px}.bottom-popup .header-wrapper .normal-header-container .header-left-container,.bottom-popup .header-wrapper .normal-header-container .header-right-container{position:absolute;top:14px}.bottom-popup .header-wrapper .normal-header-container .header-left-container ::v-deep .header-icon-btn-container,.bottom-popup .header-wrapper .normal-header-container .header-right-container ::v-deep .header-icon-btn-container{display:flex;justify-content:center;align-items:center;width:32px;height:32px;text-align:center;border-radius:50%;color:#a2aab8;background:#f4f6fa}.bottom-popup .header-wrapper .normal-header-container .header-left-container ::v-deep .header-icon-btn-container.success-icon-container,.bottom-popup .header-wrapper .normal-header-container .header-right-container ::v-deep .header-icon-btn-container.success-icon-container{color:#ffaa0a;background:rgba(255,170,10,.08)}.bottom-popup .header-wrapper .normal-header-container .header-left-container ::v-deep .header-icon-btn-container .iconfont,.bottom-popup .header-wrapper .normal-header-container .header-right-container ::v-deep .header-icon-btn-container .iconfont{font-size:20px}.bottom-popup .header-wrapper .normal-header-container .header-left-container{left:0}.choose-course-wrapper .voucher-show-wrapper,.footer,.logo{left:50%;transform:translateX(-50%)}.bottom-popup .header-wrapper .normal-header-container .header-right-container{right:0}.bottom-popup .body-wrapper{position:relative;padding:10px 16px;min-height:462px;max-height:80vh;overflow:scroll;background:#f4f6fa}.choose-course-wrapper .goods-list{padding-bottom:80px}.choose-course-wrapper .voucher-show-wrapper{width:100%;padding:0 16px;margin-bottom:10px;position:fixed;bottom:64px}.choose-course-wrapper .voucher-show-wrapper .voucher-show{border-radius:8px;color:#fff;background:rgba(15,25,42,.95);display:flex;align-items:center;justify-content:space-around;height:46px}.choose-course-wrapper .voucher-show-wrapper .voucher-show .voucher-text{width:264px;height:28px;line-height:14px;font-size:12px}.choose-course-wrapper .btn-bottom-class-choose{position:fixed;bottom:0;left:0;width:100%;height:64px;background:#fff;display:flex;justify-content:center;padding:0 16px}.choose-course-wrapper .btn-bottom-class-choose .price{width:50%;background:#fff;text-align:left;color:#ffaa0a;font-size:24px;font-weight:600;line-height:64px;display:flex;flex-direction:column;justify-content:center}.choose-course-wrapper .btn-bottom-class-choose .price .price-top{height:29px;line-height:29px}.choose-course-wrapper .btn-bottom-class-choose .price .price-top s{font-size:12px;font-weight:600;color:#a2aab8;line-height:14px}.choose-course-wrapper .btn-bottom-class-choose .price .price-bottom{height:19px;font-size:16px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#000;line-height:16px}.choose-course-wrapper .btn-bottom-class-choose .btn-wrapper{width:50%;position:relative}.choose-course-wrapper .btn-bottom-class-choose .btn-wrapper .btn{display:block;width:120px;height:40px;background:linear-gradient(45deg,#ffd518 0,#ffaa0a 100%);border-radius:28px;position:absolute;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;font-weight:600;font-size:16px}.choose-course-wrapper .showBackground{background:linear-gradient(45deg,#ffd518 0,#ffaa0a 100%)}.choose-course-wrapper .showBackground .price{background:0 0;color:#fff}.choose-course-wrapper .showBackground .price .price-bottom,.choose-course-wrapper .showBackground .price .price-top,.choose-course-wrapper .showBackground .price .price-top s{color:#fff}.choose-course-wrapper .showBackground .btn-wrapper .btn{background:#fff;color:#ffaa0a}.choose-course-wrapper .bottom-sub-box{display:flex;justify-content:center;align-items:center}.choose-course-wrapper .left-class{font-size:16px;font-weight:500;color:#a2aab8;line-height:22px;width:50%;text-align:left}.choose-course-wrapper .right-price{font-weight:600;color:#ffaa0a;width:50%;text-align:right}.choose-course-wrapper .right-price-top{font-size:20px;color:#ffaa0a;line-height:24px;width:100%;display:block;text-align:right}.choose-course-wrapper .right-price-bottom{font-size:12px;color:#a2aab8;line-height:14px}.choose-course-wrapper .course-card{position:relative;border-radius:10px;padding:20px 16px 15px;margin-bottom:20px;background:#fff}.choose-course-wrapper .course-card.active{box-shadow:0 0 0 1px #ffaa0a}.choose-course-wrapper .course-name{font-weight:600}.choose-course-wrapper .date-info{display:flex}.choose-course-wrapper .date-info .icon{margin-top:16px;width:16px;height:16px}.choose-course-wrapper .date-info .icon img{display:block;width:100%;height:100%}.choose-course-wrapper .date-info .info{margin-top:14px;margin-bottom:12px;margin-left:10px;flex:1}.choose-course-wrapper .date-info .info :first-child{margin-bottom:8px}.choose-course-wrapper .difficulty{display:flex;align-items:center;height:48px;font-size:12px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#172b4d}.choose-course-wrapper .difficulty .text{padding-right:10px;color:#a2aab8}.choose-course-wrapper .difficulty .icon-wrapper{display:flex}.choose-course-wrapper .difficulty .icon-wrapper .icon{width:20px;height:22px;margin-right:10px}.choose-course-wrapper .difficulty .icon-wrapper .icon img{display:block;width:100%;height:100%}.choose-course-wrapper .difficulty .diff-text{height:22px;line-height:22px}.choose-course-wrapper .active-icon{position:absolute;top:0;right:0;width:32px;height:20px}.choose-course-wrapper .active-icon img{display:block;width:100%;height:100%}.choose-course-wrapper .course-full{position:absolute;top:0;right:0;width:120px;height:104px}.choose-course-wrapper .course-full img{display:block;width:100%;height:100%}.ts-page-render-wrapper{position:relative}.grade-selection-list-wrapper{margin:10px auto 0;width:343px;box-sizing:border-box;background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.grade-selection-list-wrapper .grade-selection-list-title{font-size:18px;font-family:SFProRounded-Medium,SFProRounded,SFPro-Medium,Helvetica,Roboto,Arial,sans-serif;color:#172B4D;line-height:27px;margin-top:16px}.grade-selection-list-wrapper .grade-selection-list-container{width:100%;padding:16px 6px 6px 16px}.grade-selection-list-wrapper .grade-selection-list-container li,.grade-selection-list-wrapper .grade-selection-list-container ul{list-style:none;padding:0;margin:0;display:inline}.grade-selection-list-wrapper .grade-selection-list-container .grade-selection-item-wrapper{display:flex;flex-wrap:wrap}.grade-selection-list-wrapper .grade-selection-list-container .grade-selection-item{margin-right:10px;margin-bottom:10px;padding:10px;min-width:97px;height:36px;background:#F8F9FA;border-radius:6px;display:flex;align-items:center;justify-content:center}.grade-selection-list-wrapper .grade-selection-list-container .grade-selection-item .item-text{color:#A2AAB8;font-size:14px}.grade-selection-list-wrapper .grade-selection-list-container .active{background:linear-gradient(45deg,#FFD518 0,#FFAA0A 100%) #FFAA0A}.grade-selection-list-wrapper .grade-selection-list-container .active .item-text{color:#fff}.grade-selection-list-wrapper .grade-selection-list-container .btn{margin-top:6px;margin-bottom:16px}.tips-popup-wrapper{min-width:80vw}.tips-popup-wrapper .tips-popup-container{margin:0 16px;border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:center;background:#fff}.tips-popup-wrapper .tips-popup-container .title{margin-top:34px;font-size:18px;color:#172b4d;line-height:21px;text-align:center}.tips-popup-wrapper .tips-popup-container .message{font-size:14px;color:#a2aab8;line-height:16px;margin:22px 16px 24px;text-align:center}.tips-popup-wrapper .btn-wrapper{margin:0 16px;border-radius:0 0 16px 16px;display:flex;justify-content:center;align-items:flex-start;background:#fff}.tips-popup-wrapper .btn-wrapper .btn{margin-bottom:16px}.tips-popup-wrapper .btn-wrapper-2{margin:0 16px;border-radius:0 0 16px 16px;display:flex;justify-content:space-around;align-items:flex-start;background:#fff}.tips-popup-wrapper .btn-wrapper-2 .btn-left{background:#fff3dc;color:#ffaa0a}.tips-popup-wrapper .btn-wrapper-2 .btn{margin-bottom:16px}.popup-body-wrapper{height:100%;position:relative}.popup-body-wrapper .coupon-tip-container .coupon-tip{margin-bottom:10px;padding:8px 20px;width:100%;font-size:12px;line-height:14px;color:#ffaa0a;height:44px;background:#fff;border-radius:36px;display:flex;align-items:center}.popup-body-wrapper .coupon-tip-container .coupon-tip i,.popup-body-wrapper .coupon-tip-container .coupon-tip span{display:inline-block;vertical-align:middle}.popup-body-wrapper .coupon-tip-container .coupon-tip .icon-alert{font-size:18px}.popup-body-wrapper .coupon-tip-container .coupon-tip span{margin-left:10px;width:272px;word-break:keep-all}.popup-body-wrapper .stu-switch-btn{margin-top:74px}.popup-body-wrapper .empty-box{width:100%;height:54px}.popup-body-wrapper .guide-to-add-student,.popup-body-wrapper .students-list-title{font-size:14px;line-height:16px;color:#a2aab8;margin:0 4px}.popup-body-wrapper .guide-to-add-student{margin:10px 4px 0}.popup-body-wrapper .guide-to-add-student .btn-add-student{color:#ffaa0a;text-decoration:underline;cursor:pointer}.stu-switch-popup-txt{margin:10px 0;width:100%;display:inline-block;border-radius:10px;font-size:16px;line-height:22px}.stu-switch-popup-txt h1,.stu-switch-popup-txt h2,.stu-switch-popup-txt h3,.stu-switch-popup-txt h4,.stu-switch-popup-txt h5,.stu-switch-popup-txt h6,.stu-switch-popup-txt pre{font-size:16px;line-height:19px}.students-list-wrapper{border-radius:10px;overflow:hidden}.students-list-wrapper .students-list{background:#fff}.student-card-wrapper{width:100%;height:82px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom-color:#f4f6fa;border-bottom-style:solid}.student-card-wrapper .student-card-container{width:100%}.student-card-wrapper .card-main-container{display:flex;margin-left:14px}.student-card-wrapper .card-main-container .stu-avatar-container{margin-right:10px;width:54px;height:54px;border:2px solid #f4f6fa;border-radius:50%}.student-card-wrapper .card-main-container .stu-avatar-container img{width:54px;height:54px;border-radius:50%}.student-card-wrapper .card-main-container .stu-info-container .stu-name{margin:8px 0 3px;font-size:16px;line-height:19px}.student-card-wrapper .card-main-container .stu-info-container .stu-no{height:16px;font-size:14px;line-height:16px;color:#a2aab8}.student-card-wrapper .btn-select-student{width:22px;height:22px;margin-right:16px}.student-card-wrapper .btn-select-student .icon-selected{font-size:22px;color:#ffaa0a}.student-card-wrapper .btn-select-student .icon-unselect{font-size:22px;color:#ffecca}.icon-close-new-e658{font-size:32px}.invalid{font-size:12px;color:#ff503f;text-align:right;padding-right:15px}.icon-left{font-size:32px}.popup-body-wrapper .popup-tips{width:100%;height:81px;font-size:14px;color:#a2aab8;line-height:16px;margin-top:10px}.popup-body-wrapper .btn{position:absolute}.popup-txt{background:#fff;margin:10px 0;width:100%;display:inline-block;border-radius:10px;padding:0 16px;font-size:16px;line-height:22px}.popup-txt h1,.popup-txt h2,.popup-txt h3,.popup-txt h4,.popup-txt h5,.popup-txt h6,.popup-txt pre{font-size:16px;line-height:19px}.popup-txt .student-info{height:60px;display:flex;align-items:center;position:relative}.popup-txt .student-info span{height:22px;line-height:22px}.popup-txt .student-info input{display:block;border:none;text-shadow:none;box-shadow:none;width:200px;height:22px;position:absolute;right:0;font-size:16px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#A2AAB8;line-height:22px;outline:transparent 0}.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body{background:#fff}.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .result-understanding-dialog{max-height:380px;overflow-y:scroll}.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt{padding:0 24px;font-weight:500;color:#172b4d;font-size:16px;line-height:19px;word-break:break-word!important}.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h1,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h2,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h3,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h4,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h5,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h6,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt pre{font-size:16px;line-height:19px}.login-box{width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.login-box .sub-box{width:90%;height:65%;position:relative;padding-top:70px;background:#fff;border-radius:10px}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.insertput{text-align:center;position:relative}.footer,.insertput.code span,.logo{position:absolute}.insertput input{background-color:#f4f6fa;border:0;width:90%;outline:0;height:60px;border-radius:50px;margin-top:15px;font-size:18px;padding-left:20px}.insertput.code span{right:35px;color:#ff850a;top:50%}.logo{text-align:center;top:-40px}.logo img{width:80px;height:80px}.centent{font-size:14px;font-weight:500;color:#A2AAB8;line-height:16px;padding:20px}.footer{line-height:48px;width:80%;bottom:15px;text-align:center;margin:0 auto}.footer p{float:left}.footer .cancel{width:30%;height:48px;background:#FFF3DC;border-radius:24px;color:#FFAA0A;margin-right:10px}.footer .sign-in{width:65%;height:48px;background:linear-gradient(45deg,#FFD518 0,#FFAA0A 100%);border-radius:24px;color:#fff}.bottom-fixed-btns-wrapper{position:fixed;bottom:0;width:100%;max-width:750px;height:80px;box-sizing:border-box}.bottom-fixed-btns-container{padding:16px;width:100%;max-width:500px;height:80px;background:rgba(255,255,255,.9);z-index:99}.bottom-fixed-btns-container .bottom-btn{margin:0 auto;padding:0 16px;width:100%}@media screen and (min-width:500px){.bottom-fixed-btns-container{bottom:10px;max-width:375px;border-radius:16px}}.material-list{width:343px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:24px auto 16px;background-image:url(./img/body_bg.png);background-size:cover;background-repeat:"no-repeat"}.material-list .material-panel_title{text-align:center;padding:3px 16px;height:33px;min-width:184px;font-size:20px;font-family:SFProRounded-Semibold,"SF Pro Rounded",SFPro-Semibold,Helvetica,Roboto,Arial,sans-serif;font-weight:600;color:#fff;line-height:24px;background-image:url(./img/title_bg.png);background-size:cover;position:relative;top:-8px}.material-list .material-panel_body{width:100%;margin:8px 0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.material-list .material-panel_body .material-list-box{max-height:278px;overflow:auto;scrollbar-width:none}.material-list .material-panel_body .material-list-box::-webkit-scrollbar{display:none}.material-list .material-panel_body.more{margin:8px 0 0}.material-list .material-panel_body.more .material-panel-masking{position:absolute;bottom:0;width:343px;height:25px;background:linear-gradient(180deg,rgba(255,243,220,0) 0,#fff3dc 100%)}.material-list .material-panel_body.more .material:last-child{margin-bottom:25px}.material-list .material-panel_body .material{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;width:311px;height:68px;background:#fff;border-radius:10px;padding:10px}.material-list .material-panel_body .material .material-icon{width:42px;height:48px;background-image:url(./img/pdf.png);background-size:cover;flex-shrink:0}.material-list .material-panel_body .material .material-info{margin-left:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.material-list .material-panel_body .material .material-info .material-info_title{font-size:16px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#172b4d;line-height:19px;margin-bottom:7px;width:239px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.material-list .material-panel_body .material .material-info .material-info_size{font-size:12px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#a2aab8;line-height:14px}.selection-list-wrapper{margin:10px auto 0;width:343px;box-sizing:border-box;background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.selection-list-wrapper .selection-list-title{width:295px;font-size:16px;font-family:SFProRounded-Medium,SFProRounded,SFPro-Medium,Helvetica,Roboto,Arial,sans-serif;font-weight:500;color:#172B4D;line-height:22px;margin-top:16px;word-wrap:break-word;text-align:center;display:flex;justify-content:center;align-items:center}.selection-list-wrapper .selection-list-container{width:100%;padding-top:10px;padding-left:16px;padding-right:16px}.selection-list-wrapper .selection-list-container li,.selection-list-wrapper .selection-list-container ul{list-style:none;padding:0;margin:0;display:inline}.selection-list-wrapper .selection-list-container .selection-item-wrapper{display:flex;flex-wrap:wrap;margin-right:-10px}.selection-list-wrapper .selection-list-container .selection-item{margin-right:10px;margin-bottom:10px;padding:10px;width:97px;height:36px;background:#F8F9FA;border-radius:6px;display:flex;align-items:center;justify-content:center}.selection-list-wrapper .selection-list-container .selection-item .item-text{color:#A2AAB8;font-size:14px}.selection-list-wrapper .selection-list-container .active{background:linear-gradient(45deg,#FFD518 0,#FFAA0A 100%) #FFAA0A}.selection-list-wrapper .selection-list-container .active .item-text{color:#fff}.selection-list-wrapper .selection-list-container .double{width:150px}.selection-list-wrapper .selection-list-container .only-one{width:312px;margin-right:0}.selection-list-wrapper .selection-list-container .btn{margin-top:6px;margin-bottom:16px}.notified-panel .notified-form .form-item,.registration-panel .registration-form .form-item{margin-bottom:24px}.notified-panel{width:100%;padding:10px;background-size:100%;background-repeat:no-repeat}.notified-panel .notified-form,.notified-panel .notified-header{padding:24px 16px;background-color:#fff}.notified-panel .notified-header{border-bottom:1px dashed #ddd}.notified-panel .notified-header .notified-title{font-size:20px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222;line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notified-panel .notified-header .notified-desc{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222;line-height:20px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.notified-panel .notified-form .name-item{display:flex}.notified-panel .notified-form .name-item .form-name+.form-name{margin-left:17px}.notified-panel .notified-form .item-label{font-size:14px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222;margin-bottom:8px}.notified-panel .notified-form .item-body .van-cell{padding:0 16px}.notified-panel .notified-form .item-body .van-cell::after{border-bottom:none}.notified-panel .notified-form .item-body .van-cell__value{margin-left:-16px}.notified-panel .notified-form .customize-body .customize34 .van-cell__value,.notified-panel .notified-form .phone-body .van-cell__value,.registration-panel .registration-form .phone-body .van-cell__value{margin-left:0}.notified-panel .notified-form .item-body .van-field__body{border:1px solid #dfdfdf;padding:10px}.notified-panel .notified-form .item-body .van-field--error .van-field__body{border:1px solid #ee0a24}.notified-panel .notified-form .grade-body .van-dropdown-menu__title{width:90%}.notified-panel .notified-form .phone-body{display:flex;width:306px}.notified-panel .notified-form .phone-body .van-dropdown-menu{width:80px;border:1px solid #dfdfdf;border-right:0}.notified-panel .notified-form .phone-body .van-cell{padding:0}.notified-panel .notified-form .customize-body .van-dropdown-menu__title{width:90%}.notified-panel .notified-form .customize-body .van-checkbox,.notified-panel .notified-form .customize-body .van-radio{width:306px;background:#fff;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;padding:10px;display:flex;align-items:flex-start}.notified-panel .notified-form .customize-body .van-checkbox:last-child,.notified-panel .notified-form .customize-body .van-radio:last-child{border-bottom:1px solid #dfdfdf}.notified-panel .notified-form .customize-body .van-checkbox .van-checkbox__label,.notified-panel .notified-form .customize-body .van-checkbox .van-radio__label,.notified-panel .notified-form .customize-body .van-radio .van-checkbox__label,.notified-panel .notified-form .customize-body .van-radio .van-radio__label{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222}.notified-panel .notified-form .customize-body .van-checkbox .van-checkbox__label .van-cell,.notified-panel .notified-form .customize-body .van-checkbox .van-radio__label .van-cell,.notified-panel .notified-form .customize-body .van-radio .van-checkbox__label .van-cell,.notified-panel .notified-form .customize-body .van-radio .van-radio__label .van-cell{border:1px solid #dfdfdf}.notified-panel .notified-form .customize-body .van-checkbox .van-checkbox__icon,.notified-panel .notified-form .customize-body .van-radio .van-checkbox__icon{font-size:14px}.notified-panel .notified-form .customize-body .customize34.van-cell{padding:0}.notified-panel .notified-form .customize-body .customize34 .van-field__body{border:none;padding:0}.notified-panel .notified-form .customize-body .customize34 .van-field--error .van-field__body{border:1px solid #ee0a24}.notified-panel .label-required::after{content:"*";color:#f56c6c;margin-left:4px}.notified-panel .van-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notified-panel .activeRadioIcon{width:12px;height:12px;border:4px solid #ff9f0a;border-radius:50%}.notified-panel .inactiveRadioIcon{width:12px;height:12px;border:1px solid rgba(34,34,34,.4);border-radius:50%}.notified-panel .van-radio__icon{display:flex;align-items:center}.registration-panel{width:100%;padding:10px;background-size:100%;background-repeat:no-repeat}.registration-panel .registration-form{padding:24px 16px;background-color:#fff}.registration-panel .registration-form .item-body .van-cell{padding:0}.registration-panel .registration-form .item-body .van-cell::after{border-bottom:none}.registration-panel .registration-form .item-body .van-field__body{border:1px solid #dfdfdf;padding:10px}.registration-panel .registration-form .item-body .van-field--error .van-field__body{border:1px solid #ee0a24}.registration-panel .registration-form .phone-body{display:flex}.registration-panel .registration-form .phone-body .van-dropdown-menu{width:80px;border:1px solid #dfdfdf;border-right:0}.registration-panel .registration-form .phone-body .van-cell{padding:0}.registration-panel .registration-form .code-body{display:flex}.registration-panel .registration-form .code-body .van-cell{padding:0;flex:1}.registration-panel .registration-form .code-body .code-box{min-width:120px;white-space:nowrap;line-height:44px;border-left:0;font-size:14px;text-align:center;height:46px;position:relative;color:#FF9F0A;cursor:pointer}.registration-panel .registration-form .code-body .code-box.hide{color:#999}.registration-panel .registration-form .code-body .code-box .pa-box{border:1px solid #dfdfdf}.registration-panel .registration-form .code-body .code-box::before{content:"";width:1px;height:12px;position:absolute;left:0;top:17px;background:#dfdfdf}.registration-panel .registration-form .code-body .code-box.countdown span{color:#222}.registration-panel .registration-form .code-body .van-field__body{border:1px solid #dfdfdf;border-right:0;padding:10px}.registration-panel .label-required::after{content:"*";color:#f56c6c;margin-left:4px}.registration-panel .van-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-panel .van-radio__icon{display:flex;align-items:center}.registration-panel .agreement-box{margin-top:10px;display:flex}.registration-panel .agreement-box .text a.link-text{text-decoration:none;color:#3370ff}.registration-panel .agreement-box .icon{width:16px;height:16px;margin:2px 5px 0 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAsFJREFUWEfNV81rE1EQn5mXJiloCwq1lqXm7e5BL1oQ9aQHFRHx89KTPemf5U1PvfiJiFQPnvxAqL3oYbMvlKW1BYWq0CTNzsjURNIPTWgTtu+2vHkzv/ebmd++Qeh+DYRhOJ6m6RgRHWTm/QCQbx6vE9FPZv5mjFmIomgeANa6cY2djMIwHErTdAIRA0Qc6GSv+yKyJiJlY8xsFEU//nfmfwCMtfYkABwnIlK/zPwVAOZFZKnRaKwkSVJT557nFXK53DAiHgKAcSIaBQBkZgaAOefcRwBItwOyLQDP8waLxeIlEVGHIiIOAD7EcbzSDQO+7w8DwClEtAoEEZeq1erLJElWN5/fAsDzvAP5fP4yIu4DAKXvdblcXu4m8GabIAhGAOA8AAyJyK96vf4iSZLv7XYbAOjN8/n8LQ0uIgvMPFOpVKo7Cd46UyqVikR0ERHHmiAetjPRDsCEYXhVadfgcRw/BwDNYS8W+b5/RUFoOqIoetaqib8ArLWniWhCaU/T9NFub74ZtTJhjLmp6WDmWefce7VZB9BstUki0u/HO815J6qaNXGDmcUYM60tug7AWnuOiI6KSBzH8UwnR7vZ931f68Fn5i/OuTcKYMD3/duImBOR6W5bbacgtEURcVJEGnEcP8AwDAMRudAsPC2Ovi9r7TUiOoyIr9Bae5aIjjHzW+fcXN+j/0n5CSI6w8yfMQgCrcyRNE2fVCoVldq+r1KpNGqMuQ4Ay8rAFBEN1mq1+9tJZT/QqOAVCoUpZl5VAHeIyJTL5Xs9FJ5OuCkIgrvMnO4JANmmYC8UYasN3znnPnVKXi/2N7RhS4iYedE597QXATr52CBEmUvxXvgZZf87brKQ3YOkWTTZPskURNaP0nUiMn2Wt/o308GkTUS2jGYisigiOpot/2M000HkyK5Hs3Yly3I43ayofRnPfwOhCholyfS56QAAAABJRU5ErkJggg==) 0 0/16px auto no-repeat}.registration-panel .agreement-box .icon.on{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAmRJREFUWEfFlz9oE3EUxz8vLQ2XRDeh4B9QBAcRNyuCUBxcioPgX3BprW6Kg9jNwa3iIHZSa7IIigoO0sVBCoKkbiIOgihYhaKb5owJbZ787rjkvNz1LrmUy5KQ37v3/bz3e+/d7yck/OgTStSsCZAjiO4H2QW62X1cfoF+RuUd6CtK9QU5RS2Ja4kz0vn8bnJDM4ieBSnG2bvraqPyiNbarEw3Pq33TCSA3iFPybqBcAVkJJlw0EqbKLep1a/LZRphPkIBtFIchdZzkIP9CXeBVCF3XCbtleBKF4BWRvbB8AKwfTDibS/LsDohk833fr//AbiR69sNEPc0l0EO+DPRBnD2fJO1OLi0R+VPq/yuj3s10QEoW7OIXBtw2sPdqd6UqfqM08BO05hWG8p96L/ae8XWJmutvaZFXYBy4T7CdK9uUtkr8zL154I4E862VpIPmRjZHcdg7JZr9OYSfH8Z8YDaFOujomXrNCKPU0XjPbzzBBx+ALlh9x/7GzzdE+1a9YxouXAX4WJqgKB4IgDuiVasKshYKoAw8dYqLJ6Dry/Wca1LopXCD2BLpNXWo3Bozl1eutrtMEr89Xn48iwurp8mA39B8pGWJz9CcZu7bKLyO04nbvqv0RuAH8L89hdcGGBc/C5AzBaYthp/2KlsT8h8e9Xel7hD52xBfBGGpdofXXBrYiP3DEwRJm3DKIi+xU0JmDbsZRAFIdKImyQ4g6jXUewftWFtmTz97ih2QLJ8GTkAWb+O3SxkeCBxALI+kjkQWR5K26Mhy2N5ByLDi0kbIsurmX+WZHY5DQ60jbqe/wOZCDtUSNIy8AAAAABJRU5ErkJggg==) 0 0/16px auto no-repeat}.registration-panel .agreement-box .text{flex:1;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#7A7A7A;line-height:20px}

package/packages/theme-style/lib/material-list.css

@@ -0,0 +1 @@
+.material-list{width:343px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:24px auto 16px;background-image:url(./img/body_bg.png);background-size:cover;background-repeat:"no-repeat"}.material-list .material-panel_title{text-align:center;padding:3px 16px;height:33px;min-width:184px;font-size:20px;font-family:SFProRounded-Semibold,"SF Pro Rounded",SFPro-Semibold,Helvetica,Roboto,Arial,sans-serif;font-weight:600;color:#fff;line-height:24px;background-image:url(./img/title_bg.png);background-size:cover;position:relative;top:-8px}.material-list .material-panel_body{width:100%;margin:8px 0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.material-list .material-panel_body .material-list-box{max-height:278px;overflow:auto;scrollbar-width:none}.material-list .material-panel_body .material-list-box::-webkit-scrollbar{display:none}.material-list .material-panel_body.more{margin:8px 0 0}.material-list .material-panel_body.more .material-panel-masking{position:absolute;bottom:0;width:343px;height:25px;background:linear-gradient(180deg,rgba(255,243,220,0) 0,#fff3dc 100%)}.material-list .material-panel_body.more .material:last-child{margin-bottom:25px}.material-list .material-panel_body .material{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;width:311px;height:68px;background:#fff;border-radius:10px;padding:10px}.material-list .material-panel_body .material .material-icon{width:42px;height:48px;background-image:url(./img/pdf.png);background-size:cover;flex-shrink:0}.material-list .material-panel_body .material .material-info{margin-left:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.material-list .material-panel_body .material .material-info .material-info_title{font-size:16px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#172b4d;line-height:19px;margin-bottom:7px;width:239px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.material-list .material-panel_body .material .material-info .material-info_size{font-size:12px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#a2aab8;line-height:14px}

package/packages/theme-style/lib/material-panel.css

@@ -0,0 +1 @@
+.bottom-fixed-btns-wrapper{position:fixed;bottom:0;width:100%;max-width:750px;height:80px;box-sizing:border-box}.bottom-fixed-btns-container{padding:16px;width:100%;max-width:500px;height:80px;background:rgba(255,255,255,.9);z-index:99}.bottom-fixed-btns-container .bottom-btn{margin:0 auto;padding:0 16px;width:100%}@media screen and (min-width:500px){.bottom-fixed-btns-container{bottom:10px;max-width:375px;border-radius:16px}}.material-list{width:343px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:24px auto 16px;background-image:url(./img/body_bg.png);background-size:cover;background-repeat:"no-repeat"}.material-list .material-panel_title{text-align:center;padding:3px 16px;height:33px;min-width:184px;font-size:20px;font-family:SFProRounded-Semibold,"SF Pro Rounded",SFPro-Semibold,Helvetica,Roboto,Arial,sans-serif;font-weight:600;color:#fff;line-height:24px;background-image:url(./img/title_bg.png);background-size:cover;position:relative;top:-8px}.material-list .material-panel_body{width:100%;margin:8px 0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.material-list .material-panel_body .material-list-box{max-height:278px;overflow:auto;scrollbar-width:none}.material-list .material-panel_body .material-list-box::-webkit-scrollbar{display:none}.material-list .material-panel_body.more{margin:8px 0 0}.material-list .material-panel_body.more .material-panel-masking{position:absolute;bottom:0;width:343px;height:25px;background:linear-gradient(180deg,rgba(255,243,220,0) 0,#fff3dc 100%)}.material-list .material-panel_body.more .material:last-child{margin-bottom:25px}.material-list .material-panel_body .material{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;width:311px;height:68px;background:#fff;border-radius:10px;padding:10px}.material-list .material-panel_body .material .material-icon{width:42px;height:48px;background-image:url(./img/pdf.png);background-size:cover;flex-shrink:0}.material-list .material-panel_body .material .material-info{margin-left:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.material-list .material-panel_body .material .material-info .material-info_title{font-size:16px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#172b4d;line-height:19px;margin-bottom:7px;width:239px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.material-list .material-panel_body .material .material-info .material-info_size{font-size:12px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#a2aab8;line-height:14px}

package/packages/theme-style/lib/notified-panel.css

@@ -0,0 +1 @@
+.notified-panel{width:100%;padding:10px;background-size:100%;background-repeat:no-repeat}.notified-panel .notified-form,.notified-panel .notified-header{padding:24px 16px;background-color:#fff}.notified-panel .notified-header{border-bottom:1px dashed #ddd}.notified-panel .notified-header .notified-title{font-size:20px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222;line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notified-panel .notified-header .notified-desc{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222;line-height:20px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.notified-panel .notified-form .form-item{margin-bottom:24px}.notified-panel .notified-form .name-item{display:flex}.notified-panel .notified-form .name-item .form-name+.form-name{margin-left:17px}.notified-panel .notified-form .item-label{font-size:14px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222;margin-bottom:8px}.notified-panel .notified-form .item-body .van-cell{padding:0 16px}.notified-panel .notified-form .item-body .van-cell::after{border-bottom:none}.notified-panel .notified-form .item-body .van-cell__value{margin-left:-16px}.notified-panel .notified-form .customize-body .customize34 .van-cell__value,.notified-panel .notified-form .phone-body .van-cell__value{margin-left:0}.notified-panel .notified-form .item-body .van-field__body{border:1px solid #dfdfdf;padding:10px}.notified-panel .notified-form .item-body .van-field--error .van-field__body{border:1px solid #ee0a24}.notified-panel .notified-form .grade-body .van-dropdown-menu__title{width:90%}.notified-panel .notified-form .phone-body{display:flex;width:306px}.notified-panel .notified-form .phone-body .van-dropdown-menu{width:80px;border:1px solid #dfdfdf;border-right:0}.notified-panel .notified-form .phone-body .van-cell{padding:0}.notified-panel .notified-form .customize-body .van-dropdown-menu__title{width:90%}.notified-panel .notified-form .customize-body .van-checkbox,.notified-panel .notified-form .customize-body .van-radio{width:306px;background:#fff;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;padding:10px;display:flex;align-items:flex-start}.notified-panel .notified-form .customize-body .van-checkbox:last-child,.notified-panel .notified-form .customize-body .van-radio:last-child{border-bottom:1px solid #dfdfdf}.notified-panel .notified-form .customize-body .van-checkbox .van-checkbox__label,.notified-panel .notified-form .customize-body .van-checkbox .van-radio__label,.notified-panel .notified-form .customize-body .van-radio .van-checkbox__label,.notified-panel .notified-form .customize-body .van-radio .van-radio__label{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222}.notified-panel .notified-form .customize-body .van-checkbox .van-checkbox__label .van-cell,.notified-panel .notified-form .customize-body .van-checkbox .van-radio__label .van-cell,.notified-panel .notified-form .customize-body .van-radio .van-checkbox__label .van-cell,.notified-panel .notified-form .customize-body .van-radio .van-radio__label .van-cell{border:1px solid #dfdfdf}.notified-panel .notified-form .customize-body .van-checkbox .van-checkbox__icon,.notified-panel .notified-form .customize-body .van-radio .van-checkbox__icon{font-size:14px}.notified-panel .notified-form .customize-body .customize34.van-cell{padding:0}.notified-panel .notified-form .customize-body .customize34 .van-field__body{border:none;padding:0}.notified-panel .notified-form .customize-body .customize34 .van-field--error .van-field__body{border:1px solid #ee0a24}.notified-panel .label-required::after{content:"*";color:#f56c6c;margin-left:4px}.notified-panel .van-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notified-panel .activeRadioIcon{width:12px;height:12px;border:4px solid #ff9f0a;border-radius:50%}.notified-panel .inactiveRadioIcon{width:12px;height:12px;border:1px solid rgba(34,34,34,.4);border-radius:50%}.notified-panel .van-radio__icon{display:flex;align-items:center}

package/packages/theme-style/lib/page-render.css

@@ -0,0 +1 @@
+.ts-page-render-wrapper{position:relative}

package/packages/theme-style/lib/registration-panel.css

@@ -0,0 +1 @@
+.registration-panel{width:100%;padding:10px;background-size:100%;background-repeat:no-repeat}.registration-panel .registration-form{padding:24px 16px;background-color:#fff}.registration-panel .registration-form .form-item{margin-bottom:24px}.registration-panel .registration-form .item-body .van-cell{padding:0}.registration-panel .registration-form .item-body .van-cell::after{border-bottom:none}.registration-panel .registration-form .item-body .van-field__body{border:1px solid #dfdfdf;padding:10px}.registration-panel .registration-form .item-body .van-field--error .van-field__body{border:1px solid #ee0a24}.registration-panel .registration-form .phone-body{display:flex}.registration-panel .registration-form .phone-body .van-dropdown-menu{width:80px;border:1px solid #dfdfdf;border-right:0}.registration-panel .registration-form .phone-body .van-cell{padding:0}.registration-panel .registration-form .phone-body .van-cell__value{margin-left:0}.registration-panel .registration-form .code-body{display:flex}.registration-panel .registration-form .code-body .van-cell{padding:0;flex:1}.registration-panel .registration-form .code-body .code-box{min-width:120px;white-space:nowrap;line-height:44px;border-left:0;font-size:14px;text-align:center;height:46px;position:relative;color:#FF9F0A;cursor:pointer}.registration-panel .registration-form .code-body .code-box.hide{color:#999}.registration-panel .registration-form .code-body .code-box .pa-box{border:1px solid #dfdfdf}.registration-panel .registration-form .code-body .code-box::before{content:"";width:1px;height:12px;position:absolute;left:0;top:17px;background:#dfdfdf}.registration-panel .registration-form .code-body .code-box.countdown span{color:#222}.registration-panel .registration-form .code-body .van-field__body{border:1px solid #dfdfdf;border-right:0;padding:10px}.registration-panel .label-required::after{content:"*";color:#f56c6c;margin-left:4px}.registration-panel .van-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registration-panel .van-button.hide{opacity:.5}.registration-panel .van-radio__icon{display:flex;align-items:center}.registration-panel .agreement-box{margin-top:10px;display:flex}.registration-panel .agreement-box .text a.link-text{text-decoration:none;color:#3370ff}.registration-panel .agreement-box .icon{width:16px;height:16px;margin:2px 5px 0 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAsFJREFUWEfNV81rE1EQn5mXJiloCwq1lqXm7e5BL1oQ9aQHFRHx89KTPemf5U1PvfiJiFQPnvxAqL3oYbMvlKW1BYWq0CTNzsjURNIPTWgTtu+2vHkzv/ebmd++Qeh+DYRhOJ6m6RgRHWTm/QCQbx6vE9FPZv5mjFmIomgeANa6cY2djMIwHErTdAIRA0Qc6GSv+yKyJiJlY8xsFEU//nfmfwCMtfYkABwnIlK/zPwVAOZFZKnRaKwkSVJT557nFXK53DAiHgKAcSIaBQBkZgaAOefcRwBItwOyLQDP8waLxeIlEVGHIiIOAD7EcbzSDQO+7w8DwClEtAoEEZeq1erLJElWN5/fAsDzvAP5fP4yIu4DAKXvdblcXu4m8GabIAhGAOA8AAyJyK96vf4iSZLv7XYbAOjN8/n8LQ0uIgvMPFOpVKo7Cd46UyqVikR0ERHHmiAetjPRDsCEYXhVadfgcRw/BwDNYS8W+b5/RUFoOqIoetaqib8ArLWniWhCaU/T9NFub74ZtTJhjLmp6WDmWefce7VZB9BstUki0u/HO815J6qaNXGDmcUYM60tug7AWnuOiI6KSBzH8UwnR7vZ931f68Fn5i/OuTcKYMD3/duImBOR6W5bbacgtEURcVJEGnEcP8AwDAMRudAsPC2Ovi9r7TUiOoyIr9Bae5aIjjHzW+fcXN+j/0n5CSI6w8yfMQgCrcyRNE2fVCoVldq+r1KpNGqMuQ4Ay8rAFBEN1mq1+9tJZT/QqOAVCoUpZl5VAHeIyJTL5Xs9FJ5OuCkIgrvMnO4JANmmYC8UYasN3znnPnVKXi/2N7RhS4iYedE597QXATr52CBEmUvxXvgZZf87brKQ3YOkWTTZPskURNaP0nUiMn2Wt/o308GkTUS2jGYisigiOpot/2M000HkyK5Hs3Yly3I43ayofRnPfwOhCholyfS56QAAAABJRU5ErkJggg==) 0 0/16px auto no-repeat}.registration-panel .agreement-box .icon.on{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAmRJREFUWEfFlz9oE3EUxz8vLQ2XRDeh4B9QBAcRNyuCUBxcioPgX3BprW6Kg9jNwa3iIHZSa7IIigoO0sVBCoKkbiIOgihYhaKb5owJbZ787rjkvNz1LrmUy5KQ37v3/bz3e+/d7yck/OgTStSsCZAjiO4H2QW62X1cfoF+RuUd6CtK9QU5RS2Ja4kz0vn8bnJDM4ieBSnG2bvraqPyiNbarEw3Pq33TCSA3iFPybqBcAVkJJlw0EqbKLep1a/LZRphPkIBtFIchdZzkIP9CXeBVCF3XCbtleBKF4BWRvbB8AKwfTDibS/LsDohk833fr//AbiR69sNEPc0l0EO+DPRBnD2fJO1OLi0R+VPq/yuj3s10QEoW7OIXBtw2sPdqd6UqfqM08BO05hWG8p96L/ae8XWJmutvaZFXYBy4T7CdK9uUtkr8zL154I4E862VpIPmRjZHcdg7JZr9OYSfH8Z8YDaFOujomXrNCKPU0XjPbzzBBx+ALlh9x/7GzzdE+1a9YxouXAX4WJqgKB4IgDuiVasKshYKoAw8dYqLJ6Dry/Wca1LopXCD2BLpNXWo3Bozl1eutrtMEr89Xn48iwurp8mA39B8pGWJz9CcZu7bKLyO04nbvqv0RuAH8L89hdcGGBc/C5AzBaYthp/2KlsT8h8e9Xel7hD52xBfBGGpdofXXBrYiP3DEwRJm3DKIi+xU0JmDbsZRAFIdKImyQ4g6jXUewftWFtmTz97ih2QLJ8GTkAWb+O3SxkeCBxALI+kjkQWR5K26Mhy2N5ByLDi0kbIsurmX+WZHY5DQ60jbqe/wOZCDtUSNIy8AAAAABJRU5ErkJggg==) 0 0/16px auto no-repeat}.registration-panel .agreement-box .text{flex:1;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#7A7A7A;line-height:20px}

package/packages/theme-style/lib/selector-panel.css

@@ -0,0 +1 @@
+.selection-list-wrapper{margin:10px auto 0;width:343px;box-sizing:border-box;background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.selection-list-wrapper .selection-list-title{width:295px;font-size:16px;font-family:SFProRounded-Medium,SFProRounded,SFPro-Medium,Helvetica,Roboto,Arial,sans-serif;font-weight:500;color:#172B4D;line-height:22px;margin-top:16px;word-wrap:break-word;text-align:center;display:flex;justify-content:center;align-items:center}.selection-list-wrapper .selection-list-container{width:100%;padding-top:10px;padding-left:16px;padding-right:16px}.selection-list-wrapper .selection-list-container li,.selection-list-wrapper .selection-list-container ul{list-style:none;padding:0;margin:0;display:inline}.selection-list-wrapper .selection-list-container .selection-item-wrapper{display:flex;flex-wrap:wrap;margin-right:-10px}.selection-list-wrapper .selection-list-container .selection-item{margin-right:10px;margin-bottom:10px;padding:10px;width:97px;height:36px;background:#F8F9FA;border-radius:6px;display:flex;align-items:center;justify-content:center}.selection-list-wrapper .selection-list-container .selection-item .item-text{color:#A2AAB8;font-size:14px}.selection-list-wrapper .selection-list-container .active{background:linear-gradient(45deg,#FFD518 0,#FFAA0A 100%) #FFAA0A}.selection-list-wrapper .selection-list-container .active .item-text{color:#fff}.selection-list-wrapper .selection-list-container .double{width:150px}.selection-list-wrapper .selection-list-container .only-one{width:312px;margin-right:0}.selection-list-wrapper .selection-list-container .btn{margin-top:6px;margin-bottom:16px}

package/packages/theme-style/lib/student-info.css

@@ -0,0 +1 @@
+.icon-close-new-e658{font-size:32px}.invalid{font-size:12px;color:#ff503f;text-align:right;padding-right:15px}.icon-left{font-size:32px}.popup-body-wrapper{height:100%;position:relative}.popup-body-wrapper .popup-tips{width:100%;height:81px;font-size:14px;color:#a2aab8;line-height:16px;margin-top:10px}.popup-body-wrapper .btn{position:absolute}.popup-txt{background:#fff;margin:10px 0;width:100%;display:inline-block;border-radius:10px;padding:0 16px;font-size:16px;line-height:22px}.popup-txt h1,.popup-txt h2,.popup-txt h3,.popup-txt h4,.popup-txt h5,.popup-txt h6,.popup-txt pre{font-size:16px;line-height:19px}.popup-txt .student-info{height:60px;display:flex;align-items:center;position:relative}.popup-txt .student-info span{height:22px;line-height:22px}.popup-txt .student-info input{display:block;border:none;text-shadow:none;box-shadow:none;width:200px;height:22px;position:absolute;right:0;font-size:16px;font-family:SFProRounded-Medium,SFProRounded;font-weight:500;color:#A2AAB8;line-height:22px;outline:transparent 0}.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body{background:#fff}.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .result-understanding-dialog{max-height:380px;overflow-y:scroll}.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt{padding:0 24px;font-weight:500;color:#172b4d;font-size:16px;line-height:19px;word-break:break-word!important}.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h1,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h2,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h3,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h4,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h5,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt h6,.desc ::v-deep .el-dialog.common-dialog .el-dialog__body .dialog-body .txt pre{font-size:16px;line-height:19px}

package/packages/theme-style/lib/switch-student.css

@@ -0,0 +1 @@
+.icon-close-new-e658,.icon-left{font-size:32px}.popup-body-wrapper{height:100%}.popup-body-wrapper .coupon-tip-container .coupon-tip{margin-bottom:10px;padding:8px 20px;width:100%;font-size:12px;line-height:14px;color:#ffaa0a;height:44px;background:#fff;border-radius:36px;display:flex;align-items:center}.popup-body-wrapper .coupon-tip-container .coupon-tip i,.popup-body-wrapper .coupon-tip-container .coupon-tip span{display:inline-block;vertical-align:middle}.popup-body-wrapper .coupon-tip-container .coupon-tip .icon-alert{font-size:18px}.popup-body-wrapper .coupon-tip-container .coupon-tip span{margin-left:10px;width:272px;word-break:keep-all}.popup-body-wrapper .stu-switch-btn{margin-top:74px}.popup-body-wrapper .empty-box{width:100%;height:54px}.popup-body-wrapper .guide-to-add-student,.popup-body-wrapper .students-list-title{font-size:14px;line-height:16px;color:#a2aab8;margin:0 4px}.popup-body-wrapper .guide-to-add-student{margin:10px 4px 0}.popup-body-wrapper .guide-to-add-student .btn-add-student{color:#ffaa0a;text-decoration:underline;cursor:pointer}.stu-switch-popup-txt{margin:10px 0;width:100%;display:inline-block;border-radius:10px;font-size:16px;line-height:22px}.stu-switch-popup-txt h1,.stu-switch-popup-txt h2,.stu-switch-popup-txt h3,.stu-switch-popup-txt h4,.stu-switch-popup-txt h5,.stu-switch-popup-txt h6,.stu-switch-popup-txt pre{font-size:16px;line-height:19px}.students-list-wrapper{border-radius:10px;overflow:hidden}.students-list-wrapper .students-list{background:#fff}.student-card-wrapper{width:100%;height:82px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom-color:#f4f6fa;border-bottom-style:solid}.student-card-wrapper .student-card-container{width:100%}.student-card-wrapper .card-main-container{display:flex;margin-left:14px}.student-card-wrapper .card-main-container .stu-avatar-container{margin-right:10px;width:54px;height:54px;border:2px solid #f4f6fa;border-radius:50%}.student-card-wrapper .card-main-container .stu-avatar-container img{width:54px;height:54px;border-radius:50%}.student-card-wrapper .card-main-container .stu-info-container .stu-name{margin:8px 0 3px;font-size:16px;line-height:19px}.student-card-wrapper .card-main-container .stu-info-container .stu-no{height:16px;font-size:14px;line-height:16px;color:#a2aab8}.student-card-wrapper .btn-select-student{width:22px;height:22px;margin-right:16px}.student-card-wrapper .btn-select-student .icon-selected{font-size:22px;color:#ffaa0a}.student-card-wrapper .btn-select-student .icon-unselect{font-size:22px;color:#ffecca}

package/packages/theme-style/lib/tips-popup.css

@@ -0,0 +1 @@
+.tips-popup-wrapper{min-width:80vw}.tips-popup-wrapper .tips-popup-container{margin:0 16px;border-radius:16px 16px 0 0;display:flex;flex-direction:column;align-items:center;background:#fff}.tips-popup-wrapper .tips-popup-container .title{margin-top:34px;font-size:18px;color:#172b4d;line-height:21px;text-align:center}.tips-popup-wrapper .tips-popup-container .message{font-size:14px;color:#a2aab8;line-height:16px;margin:22px 16px 24px;text-align:center}.tips-popup-wrapper .btn-wrapper{margin:0 16px;border-radius:0 0 16px 16px;display:flex;justify-content:center;align-items:flex-start;background:#fff}.tips-popup-wrapper .btn-wrapper .btn{margin-bottom:16px}.tips-popup-wrapper .btn-wrapper-2{margin:0 16px;border-radius:0 0 16px 16px;display:flex;justify-content:space-around;align-items:flex-start;background:#fff}.tips-popup-wrapper .btn-wrapper-2 .btn-left{background:#fff3dc;color:#ffaa0a}.tips-popup-wrapper .btn-wrapper-2 .btn{margin-bottom:16px}

package/packages/theme-style/lib/user-login.css

@@ -0,0 +1 @@
+.footer,.logo{transform:translateX(-50%);text-align:center}.footer,.insertput,.logo{text-align:center}.login-box{width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.login-box .sub-box{width:90%;height:65%;position:relative;padding-top:70px;background:#fff;border-radius:10px}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.insertput{position:relative}.footer,.insertput.code span,.logo{position:absolute}.insertput input{background-color:#f4f6fa;border:0;width:90%;outline:0;height:60px;border-radius:50px;margin-top:15px;font-size:18px;padding-left:20px}.insertput.code span{right:35px;color:#ff850a;top:50%}.logo{top:-40px;left:50%}.logo img{width:80px;height:80px}.centent{font-size:14px;font-weight:500;color:#A2AAB8;line-height:16px;padding:20px}.footer{line-height:48px;width:80%;bottom:15px;left:50%;margin:0 auto}.footer p{float:left}.footer .cancel{width:30%;height:48px;background:#FFF3DC;border-radius:24px;color:#FFAA0A;margin-right:10px}.footer .sign-in{width:65%;height:48px;background:linear-gradient(45deg,#FFD518 0,#FFAA0A 100%);border-radius:24px;color:#fff}

package/packages/theme-style/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "overseas-theme-style",
+  "version": "1.0.0",
+  "description": "Overseas component theme.",
+  "private": true,
+  "main": "lib/index.css",
+  "style": "lib/index.css",
+  "files": [
+    "lib",
+    "src"
+  ],
+  "scripts": {
+    "build": "gulp build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.100tal.com/peiyou_us_fe/overseas-ui"
+  },
+  "keywords": [
+    "overseas-ui",
+    "theme"
+  ],
+  "contributors": [
+    {
+      "name": "lijiahong",
+      "email": "lijiahong1@tal.com"
+    }
+  ],
+  "homepage": "https://git.100tal.com/peiyou_us_fe/overseas-ui",
+  "devDependencies": {},
+  "dependencies": {
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^8.0.0",
+    "gulp-cssmin": "^0.2.0",
+    "gulp-sass": "^5.0.0",
+    "sass": "^1.37.5"
+  }
+}

package/packages/theme-style/src/bottom-fixed-button.scss

@@ -0,0 +1,31 @@
+.bottom-fixed-btns-wrapper {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  max-width:750px;
+  height: 80px;
+  box-sizing: border-box;
+}
+
+.bottom-fixed-btns-container {
+  padding: 16px;
+  width: 100%;
+  max-width: 500px;
+  height: 80px;
+  background: rgba(255, 255, 255, 0.9);
+  z-index: 99;
+
+  .bottom-btn {
+    margin: 0 auto;
+    padding: 0 16px;
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 500px) {
+  .bottom-fixed-btns-container {
+    bottom: 10px;
+    max-width: 375px;
+    border-radius: 16px;
+  }
+}

package/packages/theme-style/src/bottom-popup.scss

@@ -0,0 +1,87 @@
+.bottom-popup {
+  .header-wrapper {
+    padding: 0 16px;
+    background: #fff;
+    border-top-left-radius: 16px;
+    border-top-right-radius: 16px;
+
+    &.scrolling-style {
+      position: relative;
+
+      &::after {
+        content: '';
+        position: absolute;
+        height: 30px;
+        left: 0;
+        right: 0;
+        background: linear-gradient(180deg, rgba(222, 226, 231, 0.6) 0%, rgba(222, 226, 231, 0) 100%);
+        z-index: 1;
+      }
+    }
+
+    .title,
+    h1 {
+      text-align: center;
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 21px;
+      color: #172b4d;
+    }
+
+    .normal-header-container {
+      position: relative;
+      padding: 14px 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 60px;
+    }
+
+    .normal-header-container .header-left-container,
+    .normal-header-container .header-right-container {
+      position: absolute;
+      top: 14px;
+
+      ::v-deep .header-icon-btn-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 32px;
+        height: 32px;
+        text-align: center;
+        border-radius: 50%;
+        color: #a2aab8;
+        background: #f4f6fa;
+
+        &.success-icon-container {
+          color: #ffaa0a;
+          background: rgba(255, 170, 10, 0.08);
+        }
+
+        .iconfont {
+          font-size: 20px;
+        }
+      }
+    }
+
+    .normal-header-container .header-left-container {
+      left: 0;
+    }
+
+    .normal-header-container .header-right-container {
+      right: 0;
+    }
+  }
+
+  .body-wrapper {
+    position: relative;
+    padding: 10px 16px;
+    // TODO
+    // 通过传值设置高度
+    min-height: 462px;
+    max-height: 80vh;
+    overflow: scroll;
+    background: #f4f6fa;
+  }
+
+}