overseas 2.0.7 → 2.0.8

package/lib/utils/popup/index.js

@@ -0,0 +1,132 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _vue = require('vue');
+
+var _vue2 = _interopRequireDefault(_vue);
+
+var _merge = require('../merge');
+
+var _merge2 = _interopRequireDefault(_merge);
+
+var _popupManager = require('./popup-manager');
+
+var _popupManager2 = _interopRequireDefault(_popupManager);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var idSeed = 1;
+
+exports.default = {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    // 点击蒙层时关闭
+    closeOnClickModal: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {};
+  },
+
+  watch: {
+    visible: function visible(val) {
+      var _this = this;
+
+      if (val) {
+        if (this._opening) return;
+        if (!this.rendered) {
+          this.rendered = true;
+          _vue2.default.nextTick(function () {
+            _this.open();
+          });
+        } else {
+          this.open();
+        }
+      } else {
+        this.close();
+      }
+    }
+  },
+  beforeMount: function beforeMount() {
+    // 组件渲染前
+    this._popupId = 'popup-' + (idSeed += 1);
+    _popupManager2.default.register(this._popupId, this);
+  },
+  beforeDestory: function beforeDestory() {
+    // 组件销毁前
+    _popupManager2.default.deregister(this._popupId);
+    _popupManager2.default.closeModal();
+  },
+
+  methods: {
+    open: function open(options) {
+      console.log('open dialog');
+      var props = (0, _merge2.default)({}, this.$props || this, options);
+      this.doOpen(props);
+    },
+    doOpen: function doOpen(props) {
+      console.log('do open');
+      if (this.$isServer) return;
+      if (this.opened) return;
+
+      console.log('do opening');
+
+      this._opening = true;
+
+      var dom = this.$el;
+
+      var modal = props.modal;
+      var zIndex = props.zIndex;
+
+
+      if (zIndex) {
+        _popupManager2.default.zIndex = zIndex;
+      }
+
+      // 显示遮罩层
+      if (modal) {
+        if (this._closing) {
+          _popupManager2.default.closeModal(this._popupId);
+          this._closing = false;
+        }
+        _popupManager2.default.openModal(this._popupId, _popupManager2.default.nextZIndex(), this.modalAppendToBody ? undefined : dom, props.modalClass, props.modalFade);
+      }
+
+      dom.style.zIndex = _popupManager2.default.nextZIndex();
+      this.opened = true;
+
+      if (this.onOpen) this.onOpen();
+
+      this.doAfterOpen();
+    },
+    doAfterOpen: function doAfterOpen() {
+      this._opening = false;
+    },
+    close: function close() {
+      this.doClose();
+    },
+    doClose: function doClose() {
+      this._closing = true;
+
+      if (this.onClose) this.onClose();
+
+      // if (this.lockScroll) {
+      //   setTimeout(this.restoreBodyStyle, 200);
+      // }
+
+      this.opened = false;
+
+      this.doAfterClose();
+    },
+    doAfterClose: function doAfterClose() {
+      _popupManager2.default.closeModal(this._popupId);
+      this._closing = false;
+    }
+  }
+};

package/lib/utils/popup/popup-manager.js

@@ -0,0 +1,198 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _vue = require('vue');
+
+var _vue2 = _interopRequireDefault(_vue);
+
+var _dom = require('../dom');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable no-use-before-define */
+var hasInitZIndex = false;
+var initZIndex = 2000;
+var zIndex = void 0;
+var hasModal = false;
+
+// eslint-disable-next-line func-names
+var getModal = function getModal() {
+  if (_vue2.default.prototype.$isServer) return null;
+  var modalDom = PopupManager.modalDom;
+
+  if (modalDom) {
+    hasModal = true;
+  } else {
+    hasModal = false;
+    modalDom = document.createElement('div');
+    PopupManager.modalDom = modalDom;
+
+    modalDom.addEventListener('touchmove', function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    });
+
+    modalDom.addEventListener('click', function () {
+      if (PopupManager.doOnModalClick) PopupManager.doOnModalClick();
+    });
+  }
+
+  return modalDom;
+};
+var instances = {};
+
+var PopupManager = {
+  modalFade: true,
+
+  getInstance: function getInstance(id) {
+    return instances[id];
+  },
+
+
+  // 注册弹出层
+  register: function register(id, instance) {
+    if (id && instance) {
+      instances[id] = instance;
+    }
+  },
+
+
+  // 删除弹出层
+  deregister: function deregister(id) {
+    if (id) {
+      instances[id] = null;
+      delete instances[id];
+    }
+  },
+  nextZIndex: function nextZIndex() {
+    // eslint-disable-next-line no-plusplus
+    return PopupManager.zIndex++;
+  },
+
+
+  modalStack: [],
+
+  doOnModalClick: function doOnModalClick() {
+    var topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+    if (!topItem) return;
+
+    var instance = PopupManager.getInstance(topItem.id);
+    if (instance && instance.closeOnClickModal) {
+      instance.close();
+    }
+  },
+
+
+  // 显示蒙层
+  // eslint-disable-next-line no-shadow
+  openModal: function openModal(id, zIndex, dom, modalClass, modalFade) {
+    console.log('open modal');
+    if (_vue2.default.prototype.$isServer) return;
+    if (!id || zIndex === undefined) return;
+
+    this.modalFade = modalFade;
+
+    var modalStack = this.modalStack;
+
+
+    for (var i = 0, j = modalStack.length; i < j; i += 1) {
+      var item = modalStack[i];
+      if (item.id === id) {
+        return;
+      }
+    }
+
+    var modalDom = getModal();
+
+    (0, _dom.addClass)(modalDom, 'v-modal');
+    if (this.modalFade && !hasModal) {
+      (0, _dom.addClass)(modalDom, 'v-modal-enter');
+    }
+    if (modalClass) {
+      var classArr = modalClass.trim().split(/\s+/);
+      classArr.forEach(function (item) {
+        return (0, _dom.addClass)(modalDom, item);
+      });
+    }
+    setTimeout(function () {
+      (0, _dom.removeClass)(modalDom, 'v-modal-enter');
+    }, 200);
+
+    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
+      dom.parentNode.appendChild(modalDom);
+    } else {
+      document.body.appendChild(modalDom);
+    }
+
+    if (zIndex) {
+      modalDom.style.zIndex = zIndex;
+    }
+    modalDom.tabIndex = 0;
+    modalDom.style.display = '';
+
+    this.modalStack.push({ id: id, zIndex: zIndex, modalClass: modalClass });
+  },
+
+
+  // 关闭蒙层
+  closeModal: function closeModal(id) {
+    var modalStack = this.modalStack;
+
+    var modalDom = getModal();
+
+    if (modalStack.length > 0) {
+      var topItem = modalStack[modalStack.length - 1];
+      if (topItem.id === id) {
+        if (topItem.modalClass) {
+          var classArr = topItem.modalClass.trim().split(/\s+/);
+          classArr.forEach(function (item) {
+            return (0, _dom.removeClass)(modalDom, item);
+          });
+        }
+
+        modalStack.pop();
+        if (modalStack.length > 0) {
+          modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
+        }
+      } else {
+        for (var i = modalStack.length - 1; i >= 0; i -= 1) {
+          if (modalStack[i].id === id) {
+            modalStack.splice(i, 1);
+            break;
+          }
+        }
+      }
+    }
+
+    if (modalStack.length === 0) {
+      if (this.modalFade) {
+        (0, _dom.addClass)(modalDom, 'v-modal-leave');
+      }
+      setTimeout(function () {
+        if (modalStack.length === 0) {
+          if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
+          modalDom.style.display = 'none';
+          PopupManager.modalDom = undefined;
+        }
+        (0, _dom.removeClass)(modalDom, 'v-modal-leave');
+      }, 200);
+    }
+  }
+};
+
+Object.defineProperty(PopupManager, 'zIndex', {
+  configurable: true,
+  get: function get() {
+    if (!hasInitZIndex) {
+      zIndex = zIndex || (_vue2.default.prototype.$ELEMENT || {}).zIndex || initZIndex;
+      hasInitZIndex = true;
+    }
+    return zIndex;
+  },
+  set: function set(value) {
+    zIndex = value;
+  }
+});
+
+exports.default = PopupManager;

package/lib/utils/storage.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+var myStorage = exports.myStorage = {
+  //存储
+  set: function set(key, value) {
+    localStorage.setItem(key, JSON.stringify(value));
+  },
+
+  //取出数据
+  get: function get(key) {
+    try {
+      var value = localStorage.getItem(key);
+      if (value === null || value === undefined || value === "") {
+        return null;
+      }
+      return JSON.parse(localStorage.getItem(key));
+    } catch (err) {
+      return null;
+    }
+  },
+
+  //删除数据
+  remove: function remove(key) {
+    localStorage.removeItem(key);
+  }
+};

package/lib/utils/utils.js

@@ -0,0 +1,65 @@
+'use strict';
+
+exports.__esModule = true;
+exports.removeCookies = exports.getCookies = exports.setCookies = undefined;
+
+var _jsCookie = require('js-cookie');
+
+var _jsCookie2 = _interopRequireDefault(_jsCookie);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 设置accessToken
+ */
+var setCookies = exports.setCookies = function setCookies() {
+  var tokenName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '_official_token';
+  var token = arguments[1];
+
+  var domain = window.location.hostname;
+  var reg = /\./g;
+  var domainTestResult = domain.match(reg);
+  // cookies存储在二级域名上
+  if (domainTestResult && domainTestResult.length > 1) {
+    var regDomain = /\.[a-zA-Z\d\.]+$/;
+    var result = domain.match(regDomain);
+    // eslint-disable-next-line prefer-destructuring
+    if (result && result.length > 0) domain = result[0];
+  }
+
+  // 历史原因，设置Cookies之前，先删除原完整域名下的cookies
+  _jsCookie2.default.remove(tokenName);
+  // 设置官网的Cookies
+  _jsCookie2.default.set(tokenName, token, { expires: 365, domain: domain });
+};
+
+/**
+ * 移除Cookies
+ */
+var getCookies = exports.getCookies = function getCookies() {
+  var tokenName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '_official_token';
+
+  return _jsCookie2.default.get(tokenName) || '';
+};
+
+/**
+ * 移除Cookies
+ */
+var removeCookies = exports.removeCookies = function removeCookies() {
+  var tokenName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '_official_token';
+
+  var domain = window.location.hostname;
+  var reg = /\./g;
+  var domainTestResult = domain.match(reg);
+  // cookies存储在二级域名上
+  if (domainTestResult && domainTestResult.length > 1) {
+    var regDomain = /\.[a-zA-Z\d\.]+$/;
+    var result = domain.match(regDomain);
+    // eslint-disable-next-line prefer-destructuring
+    if (result && result.length > 0) domain = result[0];
+  }
+
+  // 清除官网的Cookies
+  _jsCookie2.default.remove(tokenName, { domain: domain });
+  _jsCookie2.default.remove(tokenName);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "overseas",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "Think Academy to C UI library",
   "main": "lib/overseas-ui.common.js",
   "author": "lijiahong1@tal.com",

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}