Merge pull request 'xbx' (#284) from xbx into master

Reviewed-on: http://git.luyuan.tk/luyuan/beelink/pulls/284

.gitignore

@@ -1,6 +1,5 @@
 .DS_Store
 node_modules
-/dist
 
 
 # local env files

babel.config.js

@@ -1,5 +1,12 @@
+let build = []
+if (process.env.NODE_ENV === 'production') {
+    build = ['transform-remove-console']
+    console.log("tianjia")
+    // build = []
+}
 module.exports = {
   presets: [
     '@vue/cli-plugin-babel/preset'
-  ]
+  ],
+  plugins: [...build]
 }

dist/CHANGELOG.md

@@ -0,0 +1,287 @@
+# TRTC Web SDK 版本发布日志
+
+- 版本号规则：[major.minor.patch]
+  - major：主版本号，如有重大版本重构则该字段递增，通常各主版本间接口不兼容。
+  - minor：次版本号，各次版本号间接口保持兼容，如有接口新增或优化则该字段递增。
+  - patch：补丁号，如有功能改善或缺陷修复则该字段递增。
+- 我们建议您及时更新到最新版本以便获得更好的产品稳定性及在线支持！
+
+## 4.6.6 (2020-10-23)
+
+**Improvement**
+
+- 优化上行 peerConnection 重连逻辑
+- 优化下行 peerConnection 重连逻辑
+- 优化 TRTC.checkSystemRequirements 检测逻辑
+- 支持 Safari 屏幕分享，参考：[屏幕分享使用教程](https://trtc-1252463788.file.myqcloud.com/web/docs/tutorial-06-advanced-screencast.html)
+
+**Bug Fixed**
+
+- 修复因自动播放策略限制，手动恢复音频播放后，getAudioLevel 值为0的问题
+
+## 4.6.5（2020-10-14）
+
+**Improvement**
+
+- 优化 WebSocket 信令通道重连逻辑，提升连接稳定性
+- 优化日志输出逻辑
+
+**Bug Fixed**
+
+- Chrome 重新订阅后，getAudioLevel 接口返回值为0的问题
+- Safari 重新订阅后，播放无声的问题
+- 使用 replaceTrack 替换上行音频轨道后，getLocalVideoStats 接口返回 undefined 的问题
+- 移动设备通话过程中，切换网络类型，偶现 WebSocket 连接断开的问题
+
+## 4.6.4（2020-9-24）
+
+**Improvement**
+
+- 退房后停止网络质量统计
+
+**Bug Fixed**
+
+- 修复 Chrome 56 进房报错的问题
+- 修复移动端推旁路出现画面旋转的问题
+- 修复纯音频推流时云端录制异常的问题
+- 修复因分辨率不一致导致摄像头拔出后，自动恢复推流失败的问题
+
+## 4.6.3 (2020-8-28)
+
+**Improvement**
+
+- 优化兼容性检测逻辑
+- 优化日志上报逻辑
+- 优化上行码率控制逻辑
+
+## 4.6.2 (2020-8-14)
+
+**Improvement**
+
+- 优化上行码率调控逻辑
+- 优化 switchRole 参数校验逻辑
+- 优化上行网络质量计算逻辑
+- 优化错误提示信息
+- 检测当前推流采集设备变更时，自动恢复推流状态
+
+**Bug Fixes**
+
+- 修复 unpublish 成功后，立即重新 publish 失败报错的问题
+
+## 4.6.1 (2020-7-28)
+
+**Improvement**
+
+- [TRTC.isScreenShareSupported](https://trtc-1252463788.file.myqcloud.com/web/docs/TRTC.html#.isScreenShareSupported) Safari 不支持屏幕分享
+- 完善 subscribe & unsubscribe 接口的参数校验逻辑
+- 增加网络质量日志
+
+**Bug Fixes**
+
+- 修复当未授权媒体设备，且 TRTC.createStream 接口传入的设备 ID 为空串时，SDK 报 OverconstrainedError 的问题
+- 修复上行 peerConnection 断开时没有打印日志的问题
+
+## 4.6.0 (2020-7-16)
+
+**Feature**
+
+- 增加 NETWORK_QUALITY 事件
+
+## 4.5.0 (2020-7-2)
+
+**Feature**
+
+- createStream 接口增加 screenAudio 参数
+
+**Bug Fixes**
+
+- 修复 Android 浏览器中回声消除不起作用的问题
+- 修复 getTransportStats 接口返回的 rtt 值为 NAN 的问题
+
+## 4.4.0 (2020-5-28)
+
+**Feature**
+
+- 支持 Chrome >= 74 屏幕分享采集系统（windows）或者当前 Tab 页面（Mac）的声音
+  
+## 4.3.14 (2020-4-29)
+
+**Bug Fixes**
+
+- 修复小程序音频 muted unmute 事件。
+
+## 4.3.13 (2020-4-13)
+
+**Improvement**
+
+- 优化浏览器可用性检测
+  
+## 4.3.12 (2020-4-13)
+
+**Bug Fixes**
+
+- 修复一个潜在的RTCPeerConnection状态变化异常
+  
+## 4.3.11 (2020-3-28)
+
+**Improvement**
+
+- 增加手机 QQ 浏览器检测，手机 QQ 浏览器暂时无法支持 WebRTC
+
+**Bug Fixes**
+
+- 修复 Boolean 返回值类型 
+
+## 4.3.10 (2020-3-17)
+
+**Improvement**
+
+- 优化环境检测逻辑
+- RtcError 增加 name code
+
+## 4.3.9 (2020-3-13)
+
+**Improvement**
+
+- 增加部署环境自动检测
+- 优化日志
+
+## 4.3.8 (2020-2-24)
+
+**Improvement**
+
+- createClient 增加 streamId userdefinerecordid 字段
+
+## 4.3.7 (2020-2-21)
+
+**Improvement**
+
+- 屏幕分享时切换设备抛出异常。
+
+**Bug Fixes**
+
+- 切换设备时释放 MediaStream，解决设备占用问题。
+- 订阅接口增加处理潜在错误。
+
+## 4.3.6 (2020-2-5)
+
+**Bug Fixes**
+
+- 调整 Stream.resume() 音视频播放顺序，修复 iOS 上微信浏览器自动播放异常问题。
+
+## 4.3.5 (2020-2-5)
+
+**Improvement**
+
+- 增加 publish 超时检查，提高信令发送成功率。
+
+## 4.3.4 (2020-1-6)
+
+**Improvement**
+
+- 升级 core-js 至 v3.6.1。
+
+**Bug Fixes**
+
+- unpublish 超时后向外部抛出异常事件。
+- 修复第三方库引起 V8 负优化问题。
+
+## 4.3.3 (2019-12-25)
+
+**Improvement**
+
+- 增加主动检测环境是否支持 webrtc 能力。
+- 优化 sdp 响应机制。
+- 优化上报逻辑。
+
+**Bug Fixes**
+
+- 修复 turn url 协议格式。
+
+## 4.3.2 (2019-12-09)
+
+**Improvement**
+
+- 增加下行连接 ICE 断开自动重连机制。
+- 去除 STUN 打洞环节，增加内网用户连接成功率及提高连接速度。
+- 日志上报时间戳统一使用服务器校正后的 UTC 时间。
+- 优化 ICE 错误上报。
+- 增加更多关键事件上报到 avmonitor 监控。
+
+**Bug Fixes**
+
+- 修复 WebSocket 信令通道 1005 异常重连及重连错误处理。
+- 修复下行丢包率上报问题。
+
+## 4.3.1 (2019-11-23)
+
+**Improvement**
+
+- 增加通话过程中上行链路 ICE 断开自动重连机制。
+
+**Bug Fixes**
+
+- 修复 STUN 打洞失败后 host 公网 IP 类型 ICE Candidate 不生效问题。
+
+## 4.3.0(2019-11-15)
+
+**Feature**
+
+增加 Client.getTransportStats() API。
+
+**Improvement**
+
+- 增加更详细的上报日志。
+- 事件解除绑定支持通配符。
+- 增加连接超时时间至 5s。
+- 增加发布超时时间至 5s。
+
+**Bug Fixes**
+
+修复因 zone.js 修改原型链导致 SDK 判断异常的问题。
+
+## 4.2.0(2019-11-04)
+
+**Feature**
+
+- 增加 Client.off() 接口取消客户端事件绑定。
+
+**Improvement**
+
+- 通话状态统计优化。
+- Client.publish() 增加权限检查。
+- Stream.play()/resume() 增加自动播放错误提示。
+
+**Bug Fixes**
+
+- LocalStream.switchDevice() 切换摄像头黑屏问题修复。
+
+## 4.1.1(2019-10-24)
+
+**Bug Fixes**
+
+- 修复日志丢失问题。
+- 修复断网重连远端用户丢失问题。
+
+## 4.1.0(2019-10-17)
+
+**Feature**
+
+- Stream.play() 接口支持传入 HTMLDivElement 对象。
+- 增加音频码率调控设置，开发者可通过 LocalStream.setAudioProfile() 设置音频属性，目前支持两种 Profile：standard 和 high。
+
+**Bug Fixes**
+
+- 修复旧版本 Chrome 上的 WebAudio Context 数量受限问题。
+- 修复 replaceTrack() 未重启本地音视频播放器问题。
+- 修复 LocalStream.setScreenProfile() 自定义属性设置未生效问题。
+- 修复 audio/video player 重启及状态上报问题。
+
+## 4.0.0(2019-10-11)
+
+TRTC Web SDK (WebRTC) 重构版本，提供 Client/Stream 模式的接口，各对象职责更明确，语义更简洁明了。
+重构版本与旧版本不兼容，除接口改动之外，还提供如下功能：
+
+- 视频属性 （分辨率、帧率及码率）控制完全由 App 通过 SDK 的 LocalStream.setVideoProfile() 接口设置，不再支持老版本通过腾讯云控制台的“画面设定 （Spear Role）”。
+- SDK 在 Stream 对象中封装了音视频播放器，音视频播放完全由 SDK 控制。
+- 提供远端流的订阅与取消订阅功能，开发者可以通过 Client.subscribe()/unsubscribe() 接口灵活控制远端流的音频、视频或音视频数据流的接收。

dist/README.md

@@ -0,0 +1,98 @@
+本文主要介绍如何快速运行腾讯云 TRTC Web SDK Demo。
+
+## 支持的平台
+
+WebRTC 技术由 Google 最先提出，目前主要在桌面版 Chrome 浏览器、桌面版 Safari 浏览器以及移动版的 Safari 浏览器上有较为完整的支持，其他平台（例如 Android 平台的浏览器）支持情况均比较差。
+- 在移动端推荐使用 [小程序](https://cloud.tencent.com/document/product/647/32399) 解决方案，微信和手机 QQ 小程序均已支持，都是由各平台的 Native 技术实现，音视频性能更好，且针对主流手机品牌进行了定向适配。
+- 如果您的应用场景主要为教育场景，那么教师端推荐使用稳定性更好的 [Electron](https://cloud.tencent.com/document/product/647/38549) 解决方案，支持大小双路画面，更灵活的屏幕分享方案以及更强大而弱网络恢复能力。
+
+| 操作系统 |      浏览器类型      | 浏览器最低版本要求 | 接收（播放） | 发送（上麦） |         屏幕分享          |
+| :------: | :------------------: | :----------------: | :----------: | :----------: | :-----------------------: |
+|  Mac OS  | 桌面版 Safari 浏览器 |        11+         |     支持     |     支持     |          不支持           |
+|  Mac OS  | 桌面版 Chrome 浏览器 |        56+         |     支持     |     支持     | 支持（需要chrome72+版本） |
+| Windows  | 桌面版 Chrome 浏览器 |        56+         |     支持     |     支持     | 支持（需要chrome72+版本） |
+| Windows  |   桌面版 QQ 浏览器   |        10.4        |     支持     |     支持     |          不支持           |
+|   iOS    | 移动版 Safari 浏览器 |       11.1.2       |     支持     |     支持     |          不支持           |
+|   iOS    |     微信内嵌网页     |       12.1.4       |     支持     |    不支持    |          不支持           |
+| Android  |   移动版 QQ 浏览器   |         -          |    不支持    |    不支持    |          不支持           |
+| Android  |   移动版 UC 浏览器   |         -          |    不支持    |    不支持    |          不支持           |
+| Android  |     微信内嵌网页     |         -          |    不支持    |    不支持    |          不支持           |
+
+>! 
+>- 您可以在浏览器中打开 [WebRTC 能力测试](https://www.qcloudtrtc.com/webrtc-samples/abilitytest/index.html) 页面进行检测是否完整支持 WebRTC。例如公众号等浏览器环境。
+>- 由于 H.264 版权限制，华为系统的 Chrome 浏览器和以 Chrome WebView 为内核的浏览器均不支持 TRTC 的 Web 版 SDK 的正常运行。
+
+<span id="requirements"></span>
+## 环境要求
+- 请使用最新版本的 Chrome 浏览器。
+- TRTC Web SDK 依赖以下端口进行数据传输，请将其加入防火墙白名单，配置完成后，您可以通过访问并体验 [官网 Demo](https://trtc-1252463788.file.myqcloud.com/web/demo/official-demo/index.html) 检查配置是否生效。
+ - TCP 端口：8687
+ - UDP 端口：8000；8080；8800；843；443；16285
+ - 域名：qcloud.rtc.qq.com
+ 
+## 前提条件
+您已 [注册腾讯云](https://cloud.tencent.com/document/product/378/17985) 账号，并完成 [实名认证](https://cloud.tencent.com/document/product/378/3629)。
+
+## 操作步骤
+<span id="step1"></span>
+### 步骤1：创建新的应用
+1. 登录实时音视频控制台，选择【开发辅助】>【[快速跑通Demo](https://console.cloud.tencent.com/trtc/quickstart)】。
+2. 单击【立即开始】，输入应用名称，例如`TestTRTC`，单击【创建应用】。
+
+<span id="step2"></span>
+### 步骤2：下载 SDK 和 Demo 源码
+1. 鼠标移动至对应卡片，单击【[Github](https://github.com/tencentyun/TRTCSDK/tree/master/Web/TRTCSimpleDemo)】跳转至 Github（或单击【[ZIP](https://liteavsdk-1252463788.cos.ap-guangzhou.myqcloud.com/H5_latest.zip?_ga=1.195966252.185644906.1567570704)】），下载相关 SDK 及配套的 Demo 源码。
+ ![](https://main.qcloudimg.com/raw/0f35fe3bafe9fcdbd7cc73f991984d1a.png)
+2. 下载完成后，返回实时音视频控制台，单击【我已下载，下一步】，可以查看 SDKAppID 和密钥信息。
+
+<span id="step3"></span>
+### 步骤3：配置 Demo 工程文件
+1. 解压 [步骤2](#step2) 中下载的源码包。
+2. 找到并打开`Web/TRTCSimpleDemo/js/debug/GenerateTestUserSig.js`文件。
+3. 设置`GenerateTestUserSig.js`文件中的相关参数：
+  <ul><li>SDKAPPID：默认为0，请设置为实际的 SDKAppID。</li>
+  <li>SECRETKEY：默认为空字符串，请设置为实际的密钥信息。</li></ul> 
+	<img src="https://main.qcloudimg.com/raw/1732ea2401af6111b41259a78b5330a4.png">
+4. 返回实时音视频控制台，单击【粘贴完成，下一步】。
+5. 单击【关闭指引，进入控制台管理应用】。
+
+>!本文提到的生成 UserSig 的方案是在客户端代码中配置 SECRETKEY，该方法中 SECRETKEY 很容易被反编译逆向破解，一旦您的密钥泄露，攻击者就可以盗用您的腾讯云流量，因此**该方法仅适合本地跑通 Demo 和功能调试**。
+>正确的 UserSig 签发方式是将 UserSig 的计算代码集成到您的服务端，并提供面向 App 的接口，在需要 UserSig 时由您的 App 向业务服务器发起请求获取动态 UserSig。更多详情请参见 [服务端生成 UserSig](https://cloud.tencent.com/document/product/647/17275#Server)。
+
+### 步骤4：运行 Demo
+使用 Chrome 浏览器打开 Demo 根目录下的`index.html`文件即可运行 Demo。
+
+>!
+> - 一般情况下体验 Demo 需要部署至服务器，通过`https://域名/xxx`访问，或者直接在本地搭建服务器，通过`localhost:端口`访问。
+> - 目前桌面端 Chrome 浏览器支持 TRTC Web SDK 的相关特性比较完整，因此建议使用 Chrome 浏览器进行体验。
+
+Demo 运行界面如图所示：
+![](https://main.qcloudimg.com/raw/e989c968446e6e3bdcc19c58e40e2b86.png)
+- 单击【加入房间】加入音视频通话房间并且发布本地音视频流。
+ 您可以打开多个页面，每个页面都单击 【加入房间】，正常情况下可以看到多个画面并模拟实时音视频通话。
+- 单击摄像头图标可以选择摄像头设备。
+- 单击麦克风图表可以选择麦克风设备。
+
+>?WebRTC 需要使用摄像头和麦克风采集音视频，在体验过程中您可能会收到来自 Chrome 浏览器的相关提示，单击【允许】。
+> ![](https://main.qcloudimg.com/raw/1a2c1e7036720b11f921f8ee1829762a.png)
+
+## 常见问题
+
+### 1. 查看密钥时只能获取公钥和私钥信息，要如何获取密钥？
+TRTC SDK 6.6 版本（2019年08月）开始启用新的签名算法 HMAC-SHA256。在此之前已创建的应用，需要先升级签名算法才能获取新的加密密钥。如不升级，您也可以继续使用 [老版本算法 ECDSA-SHA256](https://cloud.tencent.com/document/product/647/17275#.E8.80.81.E7.89.88.E6.9C.AC.E7.AE.97.E6.B3.95)。
+
+升级操作：
+1. 登录 [实时音视频控制台](https://console.cloud.tencent.com/trtc)。
+2. 在左侧导航栏选择【应用管理】，单击目标应用所在行的【应用信息】。
+3. 选择【快速上手】页签，单击【第二步 获取签发UserSig的密钥】区域的【点此升级】。
+
+### 2. 出现客户端错误：“RtcError: no valid ice candidate found”该如何处理？
+出现该错误说明 TRTC Web SDK 在 STUN 打洞失败，请根据 [环境要求](#requirements) 检查防火墙配置。
+
+### 3. 出现客户端错误："RtcError: ICE/DTLS Transport connection failed" 或 “RtcError: DTLS Transport connection timeout”该如何处理？
+出现该错误说明 TRTC Web SDK 在建立媒体传输通道时失败，请根据 [环境要求](#requirements) 检查防火墙配置。
+
+### 4. 出现10006 error 该如何处理？
+如果出现"Join room failed result: 10006 error: service is suspended,if charge is overdue,renew it"，请确认您的实时音视频应用的服务状态是否为可用状态。
+登录 [实时音视频控制台](https://console.cloud.tencent.com/rav)，单击您创建的应用，单击【帐号信息】，在帐号信息面板即可确认服务状态。
+![](https://main.qcloudimg.com/raw/13c9b520ea333804cffb4e2c4273fced.png)

dist/css/chunk-04e3a2fa.08ef3a2d.css

@@ -0,0 +1 @@
+.nav-bottom[data-v-6dd528d6]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav-container[data-v-6dd528d6]{display:flex;align-items:center;margin-bottom:.1rem;font-size:.1rem;font-weight:500;color:#404040}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]{padding:0 .14rem;position:relative;cursor:pointer}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:.01rem;height:.1rem;background:#404040;transform:translateY(-50%)}.nav-bottom .nav-container .active[data-v-6dd528d6],.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:hover{color:#06c7ae}.nav-bottom .copyright[data-v-6dd528d6]{font-size:.09rem;font-weight:500;color:grey}.transaction[data-v-2266c561] .ant-breadcrumb>span:last-child{color:#08ae98}.transaction .mingxilist[data-v-2266c561]{width:11.5rem;background:#fff;border-radius:.18rem;margin-top:.18rem}.transaction .mingxilist .mingxitop[data-v-2266c561]{display:flex;justify-content:space-between;align-items:center;padding-top:.18rem;padding-right:.4rem}.transaction .mingxilist .mingxitop .tabtitle[data-v-2266c561]{width:.6rem;margin-right:.3rem;margin-left:.4rem;font-weight:700}.transaction .mingxilist .mingxitop .tabs[data-v-2266c561]{display:flex;align-items:center;flex-shrink:0;font-size:.13rem;font-weight:700;color:#111;padding:.11rem 0}.transaction .mingxilist .mingxitop .tabs>div[data-v-2266c561]{margin-right:.38rem;cursor:pointer;text-align:center;width:.4rem;font-size:.11rem}.transaction .mingxilist .mingxitop .tabs .on[data-v-2266c561]{color:#08ae98;position:relative}.transaction .mingxilist .mingxitop .tabs .on[data-v-2266c561]:before{content:"";display:block;position:absolute;bottom:-.06rem;left:.08rem;width:.25rem;height:.01rem;background-color:#08ae98}.transaction .table[data-v-2266c561]{width:11.5rem;max-height:3.65rem;text-align:center;color:#343434;font-size:.12rem;margin-top:.13rem}.transaction .table tr[data-v-2266c561]{width:11.5rem;height:.4rem}.transaction .table tr[data-v-2266c561]:nth-child(2n){background:#f7fcfc}.transaction .table .head[data-v-2266c561]{width:11.5rem;height:.43rem;color:#fff;background:#08ae98}.transaction .table .moneyadd[data-v-2266c561]{color:#08ae98}.transaction .table .moneyreverse[data-v-2266c561]{color:#d22d2e}.transaction .navbottom[data-v-2266c561]{padding-top:.75rem;padding-bottom:.3rem}.pages[data-v-2266c561]{display:flex;justify-content:center;margin-top:.46rem;padding-bottom:.28rem}.pages[data-v-2266c561] .ant-pagination-item,.pages[data-v-2266c561] .ant-pagination-jump-next-custom-icon,.pages[data-v-2266c561] .ant-pagination-jump-prev-custom-icon,.pages[data-v-2266c561] .ant-pagination-next>.ant-pagination-item-link,.pages[data-v-2266c561] .ant-pagination-prev>.ant-pagination-item-link{border:.01rem solid #08ae98}.pages[data-v-2266c561] .ant-pagination-item-active a{color:#fff}.pages[data-v-2266c561] .ant-pagination-item-active{background-color:#08ae98}

dist/css/chunk-06828374.8e285ce3.css

@@ -0,0 +1 @@
+.login[data-v-d41f3ac8] .ant-input,.login[data-v-d41f3ac8] .ant-select-selection{border:none}.ant-input[data-v-d41f3ac8]:focus{border:none;border-bottom:none!important;box-shadow:none}.login[data-v-d41f3ac8] .ant-form-item-label{line-height:.14rem}.login[data-v-d41f3ac8] .ant-form-item ::v-deep(label){color:#0dbba4;font-size:.11rem;left:.01rem}.login[data-v-d41f3ac8]{min-width:100%;height:100vh;background:url(../img/loginbg.90cb5eef.png);background-size:100% 130%;background-repeat:no-repeat;padding-top:1.45rem}.login .box[data-v-d41f3ac8]{display:flex;justify-content:space-around}.login .box .left1[data-v-d41f3ac8]{width:7.1rem!important}.login .box .left[data-v-d41f3ac8]{width:3.14rem}.login .box .left .title[data-v-d41f3ac8]{font-size:.17rem;font-weight:700}.login .box .left .orgname[data-v-d41f3ac8]{font-size:.29rem;color:#0dbba4;cursor:pointer}.login .box .left .nosign[data-v-d41f3ac8]{font-size:.12rem;color:#666;margin-top:.17rem;margin-bottom:.35rem}.login .box .left .tosign[data-v-d41f3ac8],.login .box .left .tosign a[data-v-d41f3ac8]{color:#0dbba4;cursor:pointer}.login .box .left .tab[data-v-d41f3ac8]{margin-bottom:.3rem}.login .box .left .form-item[data-v-d41f3ac8]{border-bottom:.01rem solid #e5e5e5;font-size:.15rem;margin-right:.4rem}.login .box .left .line[data-v-d41f3ac8]{width:.01rem;height:.14rem;background:#e5e5e5;margin-top:.1rem;position:relative;z-index:999}.login .box .left .getcode[data-v-d41f3ac8]{font-size:.15rem;color:#08ae98;width:1.4rem;line-height:.3rem;cursor:pointer}.login .box .left .orginfo[data-v-d41f3ac8]{margin-top:1.78rem}.login .box .left .submit[data-v-d41f3ac8]{width:1.43rem;height:.35rem;background:linear-gradient(90deg,#00dac2,#42de9e,#88e062,#d0eb3e,#fffa18);border-radius:.18rem;font-size:.15rem;color:#fff;font-weight:800;text-align:center;line-height:.35rem;margin-top:.45rem}.login .box .left .agreement[data-v-d41f3ac8]{font-size:.12rem;display:flex;margin-top:.23rem;cursor:default}.login .box .left .agreement .ifagree[data-v-d41f3ac8]{width:.12rem;height:.12rem;border-radius:.03rem;border:.01rem solid #0ebca4;margin:auto 0;margin-right:.07rem}.login .box .left .agreement .ifagree .agree[data-v-d41f3ac8]{width:.08rem;height:.06rem;position:relative;top:-.04rem;left:.025rem}.login .box .yzm[data-v-d41f3ac8]{left:.4rem}.login .box .right1[data-v-d41f3ac8]{width:2.6rem!important}.login .box .right[data-v-d41f3ac8]{width:6.9rem}.login .box .right .steps[data-v-d41f3ac8]{padding-top:1.12rem}.login .box .right .steps .stepline[data-v-d41f3ac8]{width:.01rem;height:.5rem;border:.01rem dashed #eee;position:relative;left:.13rem}.login .box .right .steps .step[data-v-d41f3ac8]{display:flex;color:#999;font-size:.11rem;line-height:.28rem;font-weight:700}.login .box .right .steps .step .back[data-v-d41f3ac8]{color:#0dbba4;margin-left:.23rem}.login .box .right .steps .step .circle[data-v-d41f3ac8]{width:.29rem;height:.29rem;border-radius:.15rem;background:#eee;font-size:.12rem;color:#999;text-align:center;line-height:.29rem;font-weight:800;margin-right:.17rem}.login .box .right .steps .step1[data-v-d41f3ac8]{background:#08ae98!important;color:#fff!important}.login .box .right .steps .stepnow[data-v-d41f3ac8]{color:#111}.login .signform[data-v-d41f3ac8]{display:flex;flex-wrap:wrap}.login .signform .shuru[data-v-d41f3ac8]{width:3.13rem;margin-right:.4rem}.login .icons[data-v-d41f3ac8]{margin-right:.41rem;margin-top:2.27rem}.login .icons .icon[data-v-d41f3ac8]{width:.28rem;height:.28rem;margin-right:.18rem;float:right}.login .success[data-v-d41f3ac8]{width:2.5rem;height:2.33rem}.login .ale[data-v-d41f3ac8]{color:#08ae98;font-size:.14rem;font-weight:800;margin-top:.34rem;cursor:pointer}

dist/css/chunk-1f21263e.b9051f93.css

@@ -0,0 +1 @@
+.date[data-v-f46caf64]{display:flex;flex-direction:column;align-items:center}.date .head[data-v-f46caf64]{width:13.2rem;height:.57rem;background-color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.date .head>div[data-v-f46caf64]{display:flex;align-items:center;font-size:.13rem;color:#0dbba4;cursor:pointer}.date .head>div>img[data-v-f46caf64]{width:.07rem;height:.11rem}.date .head>div[data-v-f46caf64]:first-child{margin-right:.9rem}.date .head>div:first-child>img[data-v-f46caf64]{margin-right:.11rem}.date .head>div[data-v-f46caf64]:last-child{margin-left:.9rem}.date .head>div:last-child>img[data-v-f46caf64]{margin-left:.11rem}.date .head .button[data-v-f46caf64]{width:.57rem;height:.26rem;background-color:#0dbba4;border-right:.04rem;border:none;font-size:.1rem;color:#fff;padding:0;position:absolute;right:.4rem}.date .yue[data-v-f46caf64]{width:1320rpx}.date .yue .heads[data-v-f46caf64]{width:13.2rem;height:.63rem;display:flex;position:sticky;top:-.23rem;z-index:1000}.date .yue .heads>div[data-v-f46caf64]{width:100%;height:100%;background-color:#f5fefd;text-align:center;line-height:.63rem;font-size:.13rem;color:#08ae98;border-right:.01rem solid #eee;box-sizing:border-box}.date .yue .heads .zhou[data-v-f46caf64]{color:#fff;background:#08ae98}.date .yue .body .row[data-v-f46caf64]{background-color:#fff;height:1.26rem;width:100%;display:flex}.date .yue .body .row>div[data-v-f46caf64]{width:100%;border-top:.01rem solid #eee;border-right:.01rem solid #eee}.date .yue .body .row>div .day[data-v-f46caf64]{width:100%;height:100%;display:flex;flex-direction:column;color:#111}.date .yue .body .row>div .day>div[data-v-f46caf64]{height:100%;border-radius:.06rem;padding:.18rem;overflow:hidden}.date .yue .body .row>div .day>div .item[data-v-f46caf64]{display:flex;align-items:center;margin-top:.11rem}.date .yue .body .row>div .day>div .item>div[data-v-f46caf64]{width:.06rem;height:.06rem;background-color:#111;margin-right:.06rem;border-radius:50%}.date .yue .body .row>div .day>div .item>p[data-v-f46caf64]{line-height:1;margin:0}.date .yue .body .row>div .day .old[data-v-f46caf64]{background-color:#f7f7f7}.date .yue .body .row>div .day .ing[data-v-f46caf64]{background-color:#0dbba4;color:#fff}.date .yue .body .row>div .day .ing .item>div[data-v-f46caf64]{background-color:#fff}.date .yue .body .row>div .day .next[data-v-f46caf64]{background-color:#cef9f0;color:#0dbba4}.date .yue .body .row>div .day .next .item>div[data-v-f46caf64]{background-color:#0dbba4}.date .yue .body .row>div[data-v-f46caf64]::last-child{border:unset}

dist/css/chunk-27236dd2.3992b5d2.css

@@ -0,0 +1 @@
+.mine[data-v-408c2078]{display:flex;flex-direction:column}.mine .body[data-v-408c2078]{width:100%;height:calc(100% - .57rem);overflow:auto;background-color:#f5f5f5;padding:.23rem}

dist/css/chunk-2b71f1e5.182b1bb8.css

@@ -0,0 +1 @@
+.video[data-v-03cb9677]{width:9.76rem;height:5.63rem;border-radius:.17rem;background:#fff;position:relative;overflow:hidden}.video>video[data-v-03cb9677]{width:100%;height:100%}.video .title[data-v-03cb9677]{position:absolute;top:.23rem;left:.51rem;font-size:.13rem;color:#fff;z-index:999}.video .fenxiang[data-v-03cb9677]{left:unset;right:.51rem;display:flex;align-items:center}.video .fenxiang>img[data-v-03cb9677]{width:.11rem;height:.11rem;margin-right:.11rem}.modal-container[data-v-03cb9677] .ant-modal-header{padding:0}.modal-container[data-v-03cb9677] .ant-modal-title{font-size:.12rem;margin-top:-.09rem;padding-bottom:.2rem}.modal-container[data-v-03cb9677] .ant-modal-close{top:.08rem}.modal-container[data-v-03cb9677] .ant-modal-body{padding:0}.modal-container[data-v-03cb9677] .modal-dialog{border-radius:.36rem;overflow:hidden}.modal-container[data-v-03cb9677] .modal-dialog .close{width:.14rem;height:.14rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content{box-sizing:border-box;padding:.35rem .3rem;background:#fff;box-shadow:0 .04rem .06rem 0 hsla(0,0%,40%,.07);border-radius:.26rem;overflow:hidden}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container{display:flex;align-items:center;padding-top:.3rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container>div{width:auto;display:flex;align-items:center;font-size:.12rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container>div>img{width:.35rem;margin-right:.05rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .notice-container>div:first-child{margin-right:.8rem}.modal-container[data-v-03cb9677] .modal-dialog .ant-modal-content .report .sub-title{margin-bottom:.5rem}.cont[data-v-003d59b2]{width:3.16rem;height:5.63rem;background-color:#fff;border-radius:.17rem;padding:0 .28rem;position:relative}.cont .title[data-v-003d59b2]{padding:.23rem 0 .11rem 0;font-size:.13rem;color:#111;line-height:1;border-bottom:.01rem solid #eee}.cont .info .item1[data-v-003d59b2]{position:relative;left:-.12rem}.cont .info .status[data-v-003d59b2]{color:#07ad97!important}.cont .info .status1[data-v-003d59b2]{color:#d12c2d!important}.cont .info .item[data-v-003d59b2]{display:flex;align-content:center;margin-top:.23rem}.cont .info .item>img[data-v-003d59b2]{width:.24rem;height:.24rem}.cont .info .item>span[data-v-003d59b2]{font-size:.11rem;color:#666;margin-left:.1rem}.cont .button[data-v-003d59b2]{position:absolute;width:2.6rem;bottom:.28rem;display:flex;justify-content:space-between}.cont .button>div[data-v-003d59b2]{width:1.14rem;height:.23rem;border-radius:.03rem;font-size:.1rem;color:#fff;line-height:.23rem;text-align:center;cursor:pointer}.cont .button .modify[data-v-003d59b2]{background-color:#08ae98}.cont .button .del[data-v-003d59b2]{background-color:#d12c2e}.videoinfo[data-v-0b5d033d]{width:13.2rem;height:5.63rem}.videoinfo .info[data-v-0b5d033d]{display:flex;justify-content:space-between}.videoinfo .review[data-v-0b5d033d]{margin-top:.28rem}

dist/css/chunk-3c7641ed.f87c4e8b.css

@@ -0,0 +1 @@
+.week[data-v-36585a16]{display:flex;flex-direction:column;align-items:center}.week .head[data-v-36585a16]{width:13.2rem;height:.57rem;background-color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.week .head>div[data-v-36585a16]{display:flex;align-items:center;cursor:pointer;font-size:.13rem;color:#0dbba4}.week .head>div>img[data-v-36585a16]{width:.07rem;height:.11rem}.week .head>div[data-v-36585a16]:first-child{margin-right:.9rem}.week .head>div:first-child>img[data-v-36585a16]{margin-right:.11rem}.week .head>div[data-v-36585a16]:last-child{margin-left:.9rem}.week .head>div:last-child>img[data-v-36585a16]{margin-left:.11rem}.week .head .button[data-v-36585a16]{width:.57rem;height:.26rem;background-color:#0dbba4;border-right:.04rem;border:none;font-size:.1rem;color:#fff;padding:0;position:absolute;right:.4rem}.week .week .heads[data-v-36585a16]{width:13.2rem;height:.63rem;display:flex;position:sticky;top:-.23rem;z-index:1000}.week .week .heads>div[data-v-36585a16]{width:100%;height:100%;background-color:#f5fefd;text-align:center;line-height:1;font-size:.13rem;color:#08ae98;border-right:.01rem solid #eee;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.week .week .heads>div>span[data-v-36585a16]{font-size:.11rem;margin-top:.09rem;color:#111}.week .week .heads .zhou[data-v-36585a16]{color:#fff;background:#08ae98}.week .week .heads .zhou>span[data-v-36585a16]{color:#fff}.week .week .body[data-v-36585a16]{width:100%;overflow:hidden;position:relative}.week .week .body .row[data-v-36585a16]{background-color:#fff;height:.63rem;width:100%;display:flex}.week .week .body .row .date[data-v-36585a16]{background-color:#f5fefd;text-align:center;line-height:.63rem;font-size:.11rem;color:#111}.week .week .body .row>div[data-v-36585a16]{width:100%;border-top:.01rem solid #eee;border-right:.01rem solid #eee}.week .week .body .row>div .day[data-v-36585a16]{height:100%;display:flex;flex-direction:column;color:#111;position:relative}.week .week .body .row>div .day>div[data-v-36585a16]{position:absolute;min-height:100%;width:100%;border-radius:.06rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.11rem;border-radius:6px;z-index:999;overflow:hidden}.week .week .body .row>div .day>div>div[data-v-36585a16]:last-child{font-size:.11rem;margin-top:.08rem}.week .week .body .row>div .day .old[data-v-36585a16]{background-color:#f7f7f7;color:#111}.week .week .body .row>div .day .ing[data-v-36585a16]{background-color:#0dbba4;color:#fff}.week .week .body .row>div .day .next[data-v-36585a16]{background-color:#cef9f0;color:#0dbba4}.week .week .body .row>div[data-v-36585a16]::last-child{border:unset}.week .week .body .lien[data-v-36585a16]{width:100%;position:absolute;top:0;left:1.65rem}.week .week .body .lien .heng[data-v-36585a16]{display:flex;align-items:center}.week .week .body .lien .dian[data-v-36585a16]{width:.06rem;height:.06rem;flex-shrink:0;background-color:#fffa18;border-radius:50%}.week .week .body .lien .xian[data-v-36585a16]{width:100%;height:.02rem;background:linear-gradient(90deg,#fffa18,#d0eb3d,#87e062,#42de9d,#00dac2)}.week .week .body .times[data-v-36585a16]{font-size:.11rem;color:#08ae98}

dist/css/chunk-520d8a08.dd761c06.css

@@ -0,0 +1 @@
+.nav-bottom[data-v-6dd528d6]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav-container[data-v-6dd528d6]{display:flex;align-items:center;margin-bottom:.1rem;font-size:.1rem;font-weight:500;color:#404040}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]{padding:0 .14rem;position:relative;cursor:pointer}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:.01rem;height:.1rem;background:#404040;transform:translateY(-50%)}.nav-bottom .nav-container .active[data-v-6dd528d6],.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:hover{color:#06c7ae}.nav-bottom .copyright[data-v-6dd528d6]{font-size:.09rem;font-weight:500;color:grey}

dist/css/chunk-52aea4a8.16692c13.css

@@ -0,0 +1 @@
+.nav-bottom[data-v-6dd528d6]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav-container[data-v-6dd528d6]{display:flex;align-items:center;margin-bottom:.1rem;font-size:.1rem;font-weight:500;color:#404040}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]{padding:0 .14rem;position:relative;cursor:pointer}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:.01rem;height:.1rem;background:#404040;transform:translateY(-50%)}.nav-bottom .nav-container .active[data-v-6dd528d6],.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:hover{color:#06c7ae}.nav-bottom .copyright[data-v-6dd528d6]{font-size:.09rem;font-weight:500;color:grey}.cashout[data-v-92320c66] .ant-breadcrumb>span:last-child{color:#08ae98}.cashout[data-v-92320c66] .ant-radio-wrapper{display:flex}.cashout[data-v-92320c66] .ant-radio-checked ::v-deep(.ant-radio-inner){border-color:#08ae98!important}.cashout[data-v-92320c66] .ant-radio-inner:after{background:#08ae98!important}.cashout .mingxilist[data-v-92320c66]{width:11.5rem;background:#fff;border-radius:.18rem;margin-top:.18rem}.cashout .mingxilist .tabs[data-v-92320c66]{display:flex;flex-wrap:nowrap;padding-top:.35rem;padding-left:.4rem}.cashout .mingxilist .tabs .residue[data-v-92320c66]{font-size:.11rem;margin:auto 0;color:#08ae98;position:relative;left:-.3rem}.cashout .mingxilist .tabs .topbtn[data-v-92320c66]{min-height:.17rem;padding-left:.14rem;padding-right:.14rem;line-height:.17rem;border:.01rem solid #08ae98;border-radius:.03rem;font-size:.1rem;color:#08ae98;font-weight:500;margin:auto 0}.cashout .mingxilist .tabs .topbtn2[data-v-92320c66]{margin-left:6.42rem}.cashout .mingxilist .tabs .topbtn1[data-v-92320c66]{padding-left:.09rem;padding-right:.09rem;color:#d12c2e;border:.01rem solid #d12c2e;margin-left:.11rem}.cashout .mingxilist .line[data-v-92320c66]{width:10.7rem;height:.01rem;background:#eee;margin:0 auto;margin-top:.11rem}.cashout .mingxilist .beforetab[data-v-92320c66]{color:#121212;font-size:.13rem;line-height:.35rem;font-weight:700;margin-right:.57rem}.cashout .mingxilist .choose[data-v-92320c66]{margin-top:.28rem;margin-left:.4rem;display:flex}.cashout .mingxilist .choose .accountlist[data-v-92320c66]{display:flex;color:#404040;font-size:.11rem}.cashout .mingxilist .choose .accountlist .icon[data-v-92320c66]{width:.17rem;height:.17rem;margin-right:.06rem}.cashout .mingxilist .choose .accountlist .icon1[data-v-92320c66]{width:.28rem;height:.18rem}.cashout .mingxilist .label[data-v-92320c66]{color:grey;font-size:.11rem;margin-right:.28rem}.cashout .mingxilist .label1[data-v-92320c66]{margin-left:.4rem;display:inline-block;width:1rem}.cashout .mingxilist .label2[data-v-92320c66]{width:.9rem;word-wrap:break-word!important}.cashout .mingxilist .cashoutmoney[data-v-92320c66]{display:flex;margin-top:.31rem}.cashout .mingxilist .cashoutmoney .infoitem[data-v-92320c66]{margin-bottom:.28rem}.cashout .mingxilist .cashoutmoney .infoitem1[data-v-92320c66]{display:flex}.cashout .mingxilist .cashoutmoney .shuru[data-v-92320c66]{width:1.71rem;height:.23rem;margin-left:.3rem}.cashout .mingxilist .cashoutmoney .shuru1[data-v-92320c66]{margin-left:-.15rem}.cashout .mingxilist .cashoutmoney .ewmbox[data-v-92320c66]{display:flex}.cashout .mingxilist .cashoutmoney .ewmbox .ewmpic[data-v-92320c66]{width:1.14rem;height:1.14rem;margin-right:.23rem}.cashout .mingxilist .cashoutmoney .ewmbox .desc[data-v-92320c66]{color:#666;font-size:.1rem;margin:auto 0}.cashout .mingxilist .cashoutmoney .ewmbox .desc1[data-v-92320c66]{width:1.49rem;position:relative;top:.1rem}.cashout .mingxilist .cashoutall[data-v-92320c66]{width:.67rem;height:.23rem;line-height:.23rem;background:#08ae98;border-radius:.03rem;color:#fff;text-align:center;margin-left:.23rem;font-weight:700}.cashout .mingxilist .submit[data-v-92320c66]{font-size:.1rem;font-weight:500;position:relative;top:.56rem;left:.2rem}.cashout .navbottom[data-v-92320c66]{padding-top:2.5rem;padding-bottom:.3rem}

dist/css/chunk-650d0cb1.47d38586.css

@@ -0,0 +1 @@
+.nav-bottom[data-v-6dd528d6]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav-container[data-v-6dd528d6]{display:flex;align-items:center;margin-bottom:.1rem;font-size:.1rem;font-weight:500;color:#404040}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]{padding:0 .14rem;position:relative;cursor:pointer}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:.01rem;height:.1rem;background:#404040;transform:translateY(-50%)}.nav-bottom .nav-container .active[data-v-6dd528d6],.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:hover{color:#06c7ae}.nav-bottom .copyright[data-v-6dd528d6]{font-size:.09rem;font-weight:500;color:grey}.cashout[data-v-5e1429e6] .ant-breadcrumb>span:last-child{color:#08ae98}.cashout[data-v-5e1429e6] .ant-radio-wrapper{display:flex}.cashout[data-v-5e1429e6] .ant-radio{top:.43rem;height:.13rem}.cashout .mingxilist[data-v-5e1429e6]{width:11.5rem;background:#fff;border-radius:.18rem;margin-top:.18rem}.cashout .mingxilist .tabs[data-v-5e1429e6]{display:flex;flex-wrap:nowrap;padding-top:.35rem;padding-left:.4rem}.cashout .mingxilist .tabs .residue[data-v-5e1429e6]{font-size:.11rem;margin:auto 0;color:#08ae98;position:relative;left:-.3rem}.cashout .mingxilist .tabs .topbtn[data-v-5e1429e6]{min-height:.17rem;padding-left:.14rem;padding-right:.14rem;line-height:.17rem;border:.01rem solid #08ae98;border-radius:.03rem;font-size:.1rem;color:#08ae98;font-weight:500;margin:auto 0}.cashout .mingxilist .tabs .topbtn2[data-v-5e1429e6]{margin-left:6.42rem}.cashout .mingxilist .tabs .topbtn1[data-v-5e1429e6]{padding-left:.09rem;padding-right:.09rem;color:#d12c2e;border:.01rem solid #d12c2e;margin-left:.11rem}.cashout .mingxilist .line[data-v-5e1429e6]{width:10.7rem;height:.01rem;background:#eee;margin:0 auto;margin-top:.11rem}.cashout .mingxilist .beforetab[data-v-5e1429e6]{color:#121212;font-size:.13rem;line-height:.35rem;font-weight:700;margin-right:.57rem}.cashout .mingxilist .choose[data-v-5e1429e6]{margin-top:.28rem;margin-left:.4rem}.cashout .mingxilist .choose .label[data-v-5e1429e6]{color:grey;font-size:.11rem;margin-right:.28rem;flex-shrink:0}.cashout .mingxilist .choose .chooseitem[data-v-5e1429e6]{display:flex;margin-bottom:.34rem}.cashout .mingxilist .choose .chooseitem .accountlist[data-v-5e1429e6]{display:flex;flex-wrap:wrap}.cashout .mingxilist .choose .chooseitem .accountlist .accountitem[data-v-5e1429e6]{padding-bottom:.16rem;padding-right:.2rem;border:.01rem solid #dcdfe0;background:#fff;border-radius:.17rem;margin-left:.17rem;width:2.56rem;margin-right:.3rem;margin-bottom:.17rem}.cashout .mingxilist .choose .chooseitem .accountlist .accountitem .hostinfo[data-v-5e1429e6]{display:flex;padding-top:.17rem}.cashout .mingxilist .choose .chooseitem .accountlist .accountitem .hostinfo .icon[data-v-5e1429e6]{width:.47rem;height:.29rem;margin-right:.11rem;margin-left:.17rem}.cashout .mingxilist .choose .chooseitem .accountlist .accountitem .hostinfo .icon1[data-v-5e1429e6]{width:.29rem!important;height:.29rem!important}.cashout .mingxilist .choose .chooseitem .accountlist .accountitem .hostinfo .accounttype[data-v-5e1429e6]{font-size:.13rem;color:#111;font-weight:500}.cashout .mingxilist .choose .chooseitem .accountlist .accountitem .zhanghao[data-v-5e1429e6]{color:#111;font-size:.1rem;margin-top:.38rem;margin-left:.17rem}.cashout .mingxilist .choose .cashoutmoney[data-v-5e1429e6]{display:flex}.cashout .mingxilist .choose .cashoutmoney .moneynum[data-v-5e1429e6]{display:flex;font-size:.11rem;line-height:.23rem;color:grey}.cashout .mingxilist .choose .cashoutmoney .moneynum .shuru[data-v-5e1429e6]{width:1.71rem;height:.23rem;margin-right:.08rem}.cashout .mingxilist .choose .cashoutmoney .moneynum .desc[data-v-5e1429e6]{margin-left:.17rem}.cashout .mingxilist .cashoutall[data-v-5e1429e6]{width:.67rem;height:.23rem;line-height:.23rem;background:#08ae98;border-radius:.03rem;color:#fff;text-align:center;margin-left:.23rem;font-weight:700}.cashout .mingxilist .ale[data-v-5e1429e6]{color:#d12c2e;font-size:.1rem;position:relative;left:.8rem;top:.11rem;display:inline-block}.cashout .mingxilist .submit[data-v-5e1429e6]{font-size:.1rem;font-weight:500;position:relative;top:.56rem;left:.2rem}.cashout .navbottom[data-v-5e1429e6]{padding-top:2.5rem;padding-bottom:.3rem}

dist/css/chunk-68091c98.14c0db2d.css

@@ -0,0 +1 @@
+.nav-bottom[data-v-6dd528d6]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav-container[data-v-6dd528d6]{display:flex;align-items:center;margin-bottom:.1rem;font-size:.1rem;font-weight:500;color:#404040}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]{padding:0 .14rem;position:relative;cursor:pointer}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:.01rem;height:.1rem;background:#404040;transform:translateY(-50%)}.nav-bottom .nav-container .active[data-v-6dd528d6],.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:hover{color:#06c7ae}.nav-bottom .copyright[data-v-6dd528d6]{font-size:.09rem;font-weight:500;color:grey}.transaction[data-v-d91c5628] .ant-breadcrumb>span:last-child{color:#08ae98}.transaction .mingxilist[data-v-d91c5628]{width:11.5rem;background:#fff;border-radius:.18rem;margin-top:.18rem}.transaction .mingxilist .tabs[data-v-d91c5628]{display:flex;flex-wrap:nowrap;padding-top:.35rem;padding-left:.4rem}.transaction .mingxilist .beforetab[data-v-d91c5628]{color:#121212;font-size:.13rem;line-height:.35rem;font-weight:700;margin-right:.57rem}.transaction .detail[data-v-d91c5628]{margin-top:.34rem}.transaction .detail .infoitem[data-v-d91c5628]{width:3.1rem;display:flex;justify-content:space-between;color:#404040;font-size:.12rem;margin-bottom:.4rem;margin-left:.63rem}.transaction .detail .infoitem .left[data-v-d91c5628]{color:grey}.transaction .detail .infoitem .right[data-v-d91c5628]{width:2.25rem}.transaction .detail .btns[data-v-d91c5628]{display:flex}.transaction .detail .back[data-v-d91c5628]{width:.63rem;height:.23rem;background:#08ae98;font-size:.1rem;color:#fff;text-align:center;line-height:.23rem;border-radius:.03rem;margin-top:.57rem;margin-left:.63rem}.transaction .detail .shensu[data-v-d91c5628]{background:#d22c2e}.transaction .navbottom[data-v-d91c5628]{padding-top:.75rem;padding-bottom:.3rem}

dist/css/chunk-6842bb28.f0939db8.css

@@ -0,0 +1 @@
+.mine .body[data-v-881b2f3e],.mine[data-v-881b2f3e]{display:flex;flex-direction:column;height:100vh}.mine .body[data-v-881b2f3e]{width:100%;min-height:calc(100% - .57rem);background-color:#f5f5f5}

dist/css/chunk-686b9ef0.c6bfcda2.css

@@ -0,0 +1 @@
+.login[data-v-1ea33ff0] .ant-input,.login[data-v-1ea33ff0] .ant-select-selection{border:none}.ant-input[data-v-1ea33ff0]:focus{border:none;border-bottom:.01rem solid #fff!important;box-shadow:none}.login[data-v-1ea33ff0] .ant-form-item-label{line-height:.14rem}.login[data-v-1ea33ff0] .ant-form-item ::v-deep(label){color:#0dbba4;font-size:.11rem;left:.01rem}.login[data-v-1ea33ff0]{min-width:100%;height:100vh;background:url(../img/loginbg.90cb5eef.png);background-size:100% 130%;background-repeat:no-repeat}.login .box[data-v-1ea33ff0]{padding-top:1.45rem;display:flex;justify-content:space-around}.login .box .left1[data-v-1ea33ff0]{width:7.1rem!important}.login .box .left[data-v-1ea33ff0]{width:3.14rem}.login .box .left .title[data-v-1ea33ff0]{font-size:.17rem;font-weight:700}.login .box .left .orgname[data-v-1ea33ff0]{font-size:.29rem;color:#0dbba4;cursor:pointer}.login .box .left .nosign[data-v-1ea33ff0]{font-size:.12rem;color:#666;margin-top:.17rem;margin-bottom:.35rem}.login .box .left .tosign[data-v-1ea33ff0]{color:#0dbba4;cursor:pointer}.login .box .left .tab[data-v-1ea33ff0]{margin-bottom:.3rem}.login .box .left .form-item[data-v-1ea33ff0]{border-bottom:.01rem solid #e5e5e5;font-size:.15rem;margin-right:.4rem}.login .box .left .line[data-v-1ea33ff0]{width:.01rem;height:.14rem;background:#e5e5e5;margin-top:.1rem;position:relative;z-index:999}.login .box .left[data-v-1ea33ff0] .getcode{font-size:.15rem;color:#08ae98;width:3.13rem;line-height:.3rem;cursor:pointer}.login .box .left[data-v-1ea33ff0] .ant-select-selection{background-color:unset}.login .box .left .orginfo[data-v-1ea33ff0]{margin-top:1.78rem}.login .box .left .submit[data-v-1ea33ff0]{width:1.43rem;height:.35rem;background:linear-gradient(90deg,#00dac2,#42de9e,#88e062,#d0eb3e,#fffa18);border-radius:.18rem;font-size:.15rem;color:#fff;font-weight:800;text-align:center;line-height:.35rem;margin-top:.45rem}.login .box .left .agreement[data-v-1ea33ff0]{font-size:.12rem;display:flex;margin-top:.23rem;cursor:default}.login .box .left .agreement .ifagree[data-v-1ea33ff0]{width:.12rem;height:.12rem;border-radius:.03rem;border:.01rem solid #0ebca4;margin:auto 0;margin-right:.07rem}.login .box .left .agreement .ifagree .agree[data-v-1ea33ff0]{width:.08rem;height:.06rem;position:relative;top:-.04rem;left:.025rem}.login .box .right1[data-v-1ea33ff0]{width:2.3rem!important}.login .box .right[data-v-1ea33ff0]{width:6.9rem}.login .box .right .steps[data-v-1ea33ff0]{padding-top:1.12rem}.login .box .right .steps .stepline[data-v-1ea33ff0]{width:.01rem;height:.5rem;border:.01rem dashed #eee;position:relative;left:.13rem}.login .box .right .steps .step[data-v-1ea33ff0]{display:flex;color:#999;font-size:.11rem;line-height:.28rem;font-weight:700}.login .box .right .steps .step .back[data-v-1ea33ff0]{color:#0dbba4;margin-left:.23rem}.login .box .right .steps .step .circle[data-v-1ea33ff0]{width:.29rem;height:.29rem;border-radius:.15rem;background:#eee;font-size:.12rem;color:#999;text-align:center;line-height:.29rem;font-weight:800;margin-right:.17rem}.login .box .right .steps .step1[data-v-1ea33ff0]{background:#08ae98!important;color:#fff!important}.login .box .right .steps .stepnow[data-v-1ea33ff0]{color:#111}.login .signform[data-v-1ea33ff0]{display:flex;flex-wrap:wrap}.login .signform .shuru[data-v-1ea33ff0]{width:3.13rem}.login .icons[data-v-1ea33ff0]{margin-right:.41rem;margin-top:2.27rem}.login .icons .icon[data-v-1ea33ff0]{width:.28rem;height:.28rem;margin-right:.18rem;float:right}.login .success[data-v-1ea33ff0]{width:2.5rem;height:2.33rem}.login .ale[data-v-1ea33ff0]{color:#08ae98;font-size:.14rem;font-weight:800;margin-top:.34rem;cursor:pointer}

dist/css/chunk-74d6e86d.85aed290.css

@@ -0,0 +1 @@
+.menu[data-v-528d10ce]{user-select:none;width:1.71rem;height:100%;display:flex;flex-direction:column;background:linear-gradient(0deg,#0edcc2,#50df98,#7ee278,#a2e562)}.menu .user[data-v-528d10ce]{width:100%;height:1.5rem;display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center}.menu .user .head[data-v-528d10ce]{width:.57rem;height:.57rem;margin-bottom:.15rem;border-radius:50%}.menu .user .name[data-v-528d10ce]{font-size:15rpx;line-height:1;color:#fff}.menu .list[data-v-528d10ce]{position:relative;height:100%;padding-left:.06rem;display:flex;flex-direction:column}.menu .list .item[data-v-528d10ce]{display:flex;align-items:center;height:.5rem;padding:0 .18rem;justify-content:space-between;cursor:pointer}.menu .list .item:hover .route .title[data-v-528d10ce]{font-weight:700}.menu .list .item .route[data-v-528d10ce]{display:flex}.menu .list .item .route .icon[data-v-528d10ce]{width:.15rem;height:.15rem}.menu .list .item .route .title[data-v-528d10ce]{font-size:.13rem;color:#fff;line-height:1;margin-left:.06rem}.menu .list .item .right[data-v-528d10ce]{width:.05rem;height:.1rem}.menu .list .loginout[data-v-528d10ce]{position:absolute;bottom:.1rem}.menu .seltop[data-v-528d10ce]{border-radius:0 0 .25rem 0;box-shadow:0 0 0 .3rem #f5f5f5}.menu .selbottom[data-v-528d10ce]{border-radius:0 .25rem 0 0;box-shadow:0 0 0 .3rem #f5f5f5}.menu .selitem[data-v-528d10ce]{border-radius:.25rem 0 0 .25rem;background-color:#f5f5f5}.menu .selitem .title[data-v-528d10ce]{color:#08ae98!important;font-weight:700}.mine[data-v-76c27e41]{display:flex;flex-direction:column}.mine .body[data-v-76c27e41]{display:flex;width:100%;height:calc(100% - .57rem)}.mine .body .container[data-v-76c27e41]{width:calc(100% - 1.71rem);height:100%;overflow:auto;background-color:#f5f5f5;padding:.23rem}

dist/css/chunk-77e7ddf0.4c3c344c.css

@@ -0,0 +1 @@
+.nav-bottom[data-v-6dd528d6]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav-container[data-v-6dd528d6]{display:flex;align-items:center;margin-bottom:.1rem;font-size:.1rem;font-weight:500;color:#404040}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]{padding:0 .14rem;position:relative;cursor:pointer}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:.01rem;height:.1rem;background:#404040;transform:translateY(-50%)}.nav-bottom .nav-container .active[data-v-6dd528d6],.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:hover{color:#06c7ae}.nav-bottom .copyright[data-v-6dd528d6]{font-size:.09rem;font-weight:500;color:grey}.aboutus[data-v-4e03e93a]{width:11.5rem;margin:0 auto;background:#fff;border-radius:.17rem;color:#111;font-size:.13rem}.aboutus[data-v-4e03e93a] .ant-input{font-size:.11rem;width:3.5rem}.aboutus .tabs[data-v-4e03e93a]{display:flex;align-items:center;font-size:.13rem;font-weight:700;color:#111;padding:.11rem 0;position:relative;top:.1rem;left:.36rem}.aboutus .tabs>div[data-v-4e03e93a]{margin-right:.58rem;cursor:pointer;text-align:center;width:.54rem}.aboutus .tabs>div[data-v-4e03e93a]:hover{color:#08ae98}.aboutus .tabs .on[data-v-4e03e93a]{color:#08ae98;position:relative}.aboutus .tabs .on[data-v-4e03e93a]:before{content:"";display:block;position:absolute;bottom:-.12rem;width:.57rem;height:.01rem;background-color:#08ae98}.aboutus .line[data-v-4e03e93a]{width:10.7rem;height:.01rem;background:#eee;margin-top:.11rem}.aboutus .content[data-v-4e03e93a]{width:10.69rem;margin:0 auto;margin-top:.27rem}.aboutus .title[data-v-4e03e93a]{margin-top:.4rem}.aboutus .fankui[data-v-4e03e93a]{width:10.7rem;margin:0 auto;margin-top:.35rem;display:flex}.aboutus .fankui .label[data-v-4e03e93a]{color:grey;font-size:.11rem;margin-right:.28rem}.aboutus .fankuicontent[data-v-4e03e93a]{width:3.59rem;height:1.71rem}.aboutus .sub[data-v-4e03e93a]{width:.63rem;height:.23rem;background:#08ae98;border-radius:.03rem;color:#fff;font-size:.1rem;line-height:.23rem;text-align:center;margin-left:.4rem;margin-bottom:1.1rem;margin-top:.8rem}.aboutus .navbottom[data-v-4e03e93a]{padding-top:.68rem;padding-bottom:.28rem}

dist/css/chunk-922d780a.e11df9e0.css

@@ -0,0 +1 @@
+.subscriber[data-v-53ea8000]{width:100%;background-color:#fff;border-radius:.17rem;position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:2rem}.subscriber .top[data-v-53ea8000]{display:flex;width:12.41rem;justify-content:space-between;align-items:center;margin-top:.21rem;border-bottom:.01rem solid #eee;padding-bottom:.06rem}.subscriber .top .title[data-v-53ea8000]{font-size:.13rem;color:#121212;font-weight:700}.subscriber .top .sel[data-v-53ea8000]{height:.26rem;border:.01rem solid #999;display:flex;align-items:center;border-radius:.04rem;padding-right:.3rem}.subscriber .top .sel>img[data-v-53ea8000]{width:.11rem;height:.11rem;margin-left:.05rem}.subscriber .top .sel>input[data-v-53ea8000]{width:1.7rem;font-size:.09rem;line-height:1;margin-left:.06rem;border:none;outline:none}.subscriber .mid .studentlist[data-v-53ea8000]{width:12.41rem;margin:0 auto}.subscriber .mid .studentlist .stuitem[data-v-53ea8000]{height:1.31rem;border-bottom:.01rem solid #eee;display:flex;align-items:center}.subscriber .mid .studentlist .stuitem .photo[data-v-53ea8000]{width:.74rem;height:.74rem;background:#125cb4;border-radius:50%}.subscriber .mid .studentlist .stuitem .info[data-v-53ea8000]{margin-left:.35rem;display:flex;font-size:.12rem;color:#121212;line-height:.45rem}.subscriber .mid .studentlist .stuitem .info .infoitem[data-v-53ea8000]{width:1.94rem;display:flex}.subscriber .mid .studentlist .stuitem .info .infoitem .label[data-v-53ea8000]{flex-shrink:0}.subscriber .mid .studentlist .stuitem .time[data-v-53ea8000]{color:#08ae98}.subscriber .pages[data-v-53ea8000]{position:absolute;bottom:1.14rem;display:flex;justify-content:center}.subscriber .pages[data-v-53ea8000] .ant-pagination-item,.subscriber .pages[data-v-53ea8000] .ant-pagination-jump-next-custom-icon,.subscriber .pages[data-v-53ea8000] .ant-pagination-jump-prev-custom-icon,.subscriber .pages[data-v-53ea8000] .ant-pagination-next>.ant-pagination-item-link,.subscriber .pages[data-v-53ea8000] .ant-pagination-prev>.ant-pagination-item-link{border:.01rem solid #08ae98}.subscriber .pages[data-v-53ea8000] .ant-pagination-item-active a{color:#fff}.subscriber .pages[data-v-53ea8000] .ant-pagination-item-active{background-color:#08ae98}

dist/css/chunk-92984918.033f698a.css

@@ -0,0 +1 @@
+.upload1[data-v-0088a462],.upload[data-v-0088a462]{width:1.71rem;height:.96rem}.upload[data-v-0088a462]{display:none}.upload-video[data-v-0088a462]{width:100%;min-width:7rem;background-color:#fff;padding:.46rem;border-radius:.17rem;position:relative}.upload-video[data-v-0088a462] .ant-form .title{font-size:.12rem;font-weight:700;color:#111;margin-bottom:.28rem}.upload-video[data-v-0088a462] .ant-form .ant-row .ant-form-item-label{width:1.3rem;margin:0 .3rem 0 .17rem;text-align:left}.upload-video[data-v-0088a462] .ant-form .ant-row .ant-form-item-label>label{font-size:.12rem;font-weight:500;color:grey}.upload-video[data-v-0088a462] .ant-form .ant-row .ant-form-item-label>label:after{content:""}.upload-video[data-v-0088a462] .ant-form .ant-row .upload-image{width:1.71rem;height:.96rem;border:.01rem solid #dcdfe0;border-radius:.03rem;display:flex;align-items:center;justify-content:center;margin-right:.17rem}.upload-video[data-v-0088a462] .ant-form .ant-row .ant-input{width:1.71rem;padding:.06rem .11rem;border-radius:.03rem;border:.01rem solid #dcdfe0;font-size:.11rem;color:#3f3f3f}.upload-video[data-v-0088a462] .ant-form .ant-row .ant-input::-webkit-input-placeholder{font-size:.12rem;color:grey}.upload-video[data-v-0088a462] .ant-form .ant-row .ant-select{font-size:.12rem;color:#3f3f3f}.upload-video[data-v-0088a462] .ant-form .ant-row .ant-select-dropdown{font-size:.12rem}.upload-video[data-v-0088a462] .ant-form .ant-row .ant-upload-list{display:none}.upload-video[data-v-0088a462] .ant-form .ant-row .ant-btn{padding:0;width:.63rem;height:.23rem;background:#08ae98;border-radius:.03rem;font-size:.1rem;font-weight:500;color:#fff}.upload-video[data-v-0088a462] .ant-form .video-cover .preview-image{width:1.71rem;height:.96rem}.upload-video[data-v-0088a462] .ant-form .demand{height:.94rem;font-size:.1rem;font-weight:500;color:grey;display:flex;flex-direction:column;justify-content:center}.upload-video[data-v-0088a462] .ant-form .demand>p{line-height:.17rem;margin:0}.upload-video[data-v-0088a462] .ant-form .video-introduction .ant-form-item-control-wrapper .ant-form-item-children{display:flex}.upload-video[data-v-0088a462] .ant-form .video-introduction .video-list{display:flex;align-items:center}.upload-video[data-v-0088a462] .ant-form .video-introduction .video-list .link{width:.11rem;height:.11rem;margin-right:.04rem}.upload-video[data-v-0088a462] .ant-form .video-introduction .video-list>span{font-size:.09rem;font-weight:500;color:#07ad97;max-width:1.5rem}.upload-video[data-v-0088a462] .ant-form .video-introduction .video-list .del{width:.11rem;height:.11rem;margin-left:auto;cursor:pointer}.upload-video[data-v-0088a462] .ant-form .duration .unit{margin-left:.18rem;font-size:.12rem;font-weight:500;color:grey}.upload-video[data-v-0088a462] .ant-form .brief{position:relative}.upload-video[data-v-0088a462] .ant-form .brief .ant-input{width:3.59rem}.upload-video[data-v-0088a462] .ant-form .brief .brief-textarea{min-height:.85rem;padding-bottom:.3rem}.upload-video[data-v-0088a462] .ant-form .brief .words-number{position:absolute;right:.11rem;bottom:-.11rem;font-size:.11rem;font-weight:500;color:#7f7f7f;user-select:none}.upload-video .submit-btn[data-v-0088a462]{width:.7rem;height:.28rem;background:#08ae98;border-radius:.03rem;font-size:.1rem;font-weight:500;color:#fff;text-align:center;line-height:.28rem;cursor:pointer;user-select:none;position:fixed;top:1.3rem;right:1rem}

dist/css/chunk-977f0f52.6081abf8.css

@@ -0,0 +1 @@
+.nav-bottom[data-v-6dd528d6]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav-container[data-v-6dd528d6]{display:flex;align-items:center;margin-bottom:.1rem;font-size:.1rem;font-weight:500;color:#404040}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]{padding:0 .14rem;position:relative;cursor:pointer}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:.01rem;height:.1rem;background:#404040;transform:translateY(-50%)}.nav-bottom .nav-container .active[data-v-6dd528d6],.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:hover{color:#06c7ae}.nav-bottom .copyright[data-v-6dd528d6]{font-size:.09rem;font-weight:500;color:grey}.lists[data-v-30d1a088]{font-size:.11rem;color:#111;display:flex}.lists .listitem[data-v-30d1a088]{width:3.72rem;height:2.56rem;background:#fff;border-radius:.17rem;margin-right:.17rem}.lists .listitem .top[data-v-30d1a088]{width:2.92rem;margin:0 auto;border-bottom:.01rem solid #eee;padding-top:.34rem;padding-bottom:.12rem;color:#08ae98;font-size:.13rem;font-weight:700;margin-bottom:.28rem}.lists .listitem .top .label1[data-v-30d1a088]{color:#d12c2e}.lists .listitem .top .label2[data-v-30d1a088]{color:#f4c85e}.lists .listitem .top .icon[data-v-30d1a088]{width:.18rem;height:.17rem;margin-right:.06rem}.lists .listitem .mid .data[data-v-30d1a088]{width:2.92rem;margin:0 auto;display:flex;margin-bottom:.28rem}.lists .listitem .mid .data .label[data-v-30d1a088]{margin-right:.18rem}.lists .listitem .mid .zhuzi[data-v-30d1a088]{width:1.7rem;height:.85rem;float:right;position:relative;top:-.69rem;right:.34rem}.lists .listitem .mid .zhuzi1[data-v-30d1a088]{top:.28rem}.navbottom[data-v-30d1a088]{margin-top:2.5rem}

dist/css/chunk-a4a29886.aa3c0949.css

@@ -0,0 +1 @@
+.subscriber[data-v-a0619698]{width:100%;background-color:#fff;border-radius:.17rem;position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:2rem}.subscriber .top[data-v-a0619698]{display:flex;width:12.41rem;justify-content:space-between;align-items:center;margin-top:.21rem;border-bottom:.01rem solid #eee;padding-bottom:.06rem}.subscriber .top .title[data-v-a0619698]{font-size:.13rem;color:#121212;font-weight:700}.subscriber .top .sel[data-v-a0619698]{height:.26rem;border:.01rem solid #999;display:flex;align-items:center;border-radius:.04rem;padding-right:.3rem}.subscriber .top .sel>img[data-v-a0619698]{width:.11rem;height:.11rem;margin-left:.05rem}.subscriber .top .sel>input[data-v-a0619698]{width:1.7rem;font-size:.09rem;line-height:1;margin-left:.06rem;border:none;outline:none}.subscriber .mid .studentlist[data-v-a0619698]{width:12.41rem;margin:0 auto}.subscriber .mid .studentlist .stuitem[data-v-a0619698]{height:1.31rem;border-bottom:.01rem solid #eee;display:flex;align-items:center}.subscriber .mid .studentlist .stuitem .photo[data-v-a0619698]{width:.74rem;height:.74rem;background:#125cb4;border-radius:50%}.subscriber .mid .studentlist .stuitem .info[data-v-a0619698]{margin-left:.35rem;display:flex;font-size:.12rem;color:#121212;line-height:.45rem}.subscriber .mid .studentlist .stuitem .info .infoitem[data-v-a0619698]{width:1.94rem;display:flex}.subscriber .mid .studentlist .stuitem .info .infoitem .label[data-v-a0619698]{flex-shrink:0}.subscriber .mid .studentlist .stuitem .time[data-v-a0619698]{color:#08ae98}.subscriber .pages[data-v-a0619698]{position:absolute;bottom:1.14rem;display:flex;justify-content:center}.subscriber .pages[data-v-a0619698] .ant-pagination-item,.subscriber .pages[data-v-a0619698] .ant-pagination-jump-next-custom-icon,.subscriber .pages[data-v-a0619698] .ant-pagination-jump-prev-custom-icon,.subscriber .pages[data-v-a0619698] .ant-pagination-next>.ant-pagination-item-link,.subscriber .pages[data-v-a0619698] .ant-pagination-prev>.ant-pagination-item-link{border:.01rem solid #08ae98}.subscriber .pages[data-v-a0619698] .ant-pagination-item-active a{color:#fff}.subscriber .pages[data-v-a0619698] .ant-pagination-item-active{background-color:#08ae98}

dist/css/chunk-da7e1532.17a6e0e0.css

@@ -0,0 +1 @@
+.share[data-v-2961cc68]{min-width:100%;height:100vh;background:url(../img/loginbg.90cb5eef.png);background-size:100% 130%;background-repeat:no-repeat;overflow-x:hidden}.share .active[data-v-2961cc68]{background:#f6fcfb!important;border:.01rem solid #0ebba4!important;box-shadow:.01rem .05rem .07rem 0 rgba(14,188,164,.07)!important}.share .box .top[data-v-2961cc68]{padding-top:.97rem;margin-left:1.44rem;color:#121212;font-weight:700;font-size:.18rem}.share .box .top .org_name[data-v-2961cc68]{color:#0ebca4;font-size:.29rem;margin-left:.07rem}.share .box .mid[data-v-2961cc68]{width:9.98rem;margin:0 auto;display:flex;justify-content:space-between;margin-top:.44rem}.share .box .mid .left[data-v-2961cc68]{width:3.14rem;border:.01rem solid #eee;box-shadow:.01rem .05rem .07rem 0 rgba(14,188,164,.07);border-radius:.08rem;background:#fff;text-align:center}.share .box .mid .left .title[data-v-2961cc68]{font-size:.15rem;color:#121212;font-weight:700;padding-top:.41rem;margin-bottom:.33rem}.share .box .mid .left .pic[data-v-2961cc68]{width:1.14rem;height:1.14rem}.share .box .mid .left .ale[data-v-2961cc68]{color:#121212;font-size:.12rem;margin-top:.7rem;margin-bottom:.17rem}.share .box .mid .left .link[data-v-2961cc68]{color:#4992ec;font-size:.12rem;margin-bottom:.31rem}.share .box .mid .right[data-v-2961cc68]{width:6.27rem;display:flex;padding-left:.65rem}.share .box .mid .right .line[data-v-2961cc68]{width:.01rem;height:2.21rem;background:#eee;margin:auto 0;margin-left:.65rem}.share .box .mid .right .ewms[data-v-2961cc68]{font-size:.12rem;color:#121212;align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.share .box .mid .right .ewms>div[data-v-2961cc68]{margin-bottom:.57rem}.share .box .mid .right .ewms .ewm[data-v-2961cc68]{width:.61rem;height:.63rem;margin-left:.12rem}.share .box .mid .right .ewms .ewm1[data-v-2961cc68]{margin-left:.2rem}.share .bottom[data-v-2961cc68]{height:3.17rem;margin-top:.44rem;background:#08ae98;color:#fff;font-size:.1rem}.share .bottom .content[data-v-2961cc68]{width:4.15rem;padding-top:.59rem;margin-left:1.44rem}.share .bottom .content .title[data-v-2961cc68]{font-size:.18rem;font-weight:800}.share .bottom .content .rowline[data-v-2961cc68]{width:.46rem;height:.02rem;background:#68df7e;margin-top:.18rem;margin-bottom:.34rem}.share .bottom .content .texts[data-v-2961cc68]{text-align:left;margin:0 auto}.share .bottom .content .relation[data-v-2961cc68]{height:.29rem;display:flex;line-height:.29rem;margin-top:.52rem;color:#fff}.share .bottom .content .relation .more[data-v-2961cc68]{width:.86rem;height:.29rem;background:#68df7e;color:#fff;text-align:center;line-height:.29rem;border-radius:.15rem}.share .bottom .content .relation .icon[data-v-2961cc68]{width:.09rem;height:.12rem;margin:auto 0;margin-right:.06rem;margin-left:.29rem}.share .bottom .content .relation .email[data-v-2961cc68]{width:.15rem}

dist/css/chunk-ef207110.a20941ed.css

@@ -0,0 +1 @@
+.nav-bottom[data-v-6dd528d6]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-bottom .nav-container[data-v-6dd528d6]{display:flex;align-items:center;margin-bottom:.1rem;font-size:.1rem;font-weight:500;color:#404040}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]{padding:0 .14rem;position:relative;cursor:pointer}.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:not(:last-child):after{content:"";position:absolute;right:0;top:50%;width:.01rem;height:.1rem;background:#404040;transform:translateY(-50%)}.nav-bottom .nav-container .active[data-v-6dd528d6],.nav-bottom .nav-container .nav-item[data-v-6dd528d6]:hover{color:#06c7ae}.nav-bottom .copyright[data-v-6dd528d6]{font-size:.09rem;font-weight:500;color:grey}.transaction[data-v-4709ef0e] .ant-breadcrumb>span:last-child{color:#08ae98}.transaction .mingxilist[data-v-4709ef0e]{width:11.5rem;background:#fff;border-radius:.18rem;margin-top:.18rem}.transaction .mingxilist .tabs[data-v-4709ef0e]{display:flex;flex-wrap:nowrap;padding-top:.35rem;padding-left:.4rem}.transaction .mingxilist .beforetab[data-v-4709ef0e]{color:#121212;font-size:.13rem;line-height:.35rem;font-weight:700;margin-right:.57rem}.transaction .detail[data-v-4709ef0e]{margin-top:.34rem}.transaction .detail .infoitem[data-v-4709ef0e]{width:3.1rem;display:flex;justify-content:space-between;color:#404040;font-size:.12rem;margin-bottom:.4rem;margin-left:.63rem}.transaction .detail .infoitem .left[data-v-4709ef0e]{color:grey}.transaction .detail .infoitem .right[data-v-4709ef0e]{width:2.25rem}.transaction .detail .back[data-v-4709ef0e]{width:.63rem;height:.23rem;background:#08ae98;font-size:.1rem;color:#fff;text-align:center;line-height:.23rem;border-radius:.03rem;margin-top:.57rem;margin-left:.63rem}.transaction .detail .fail[data-v-4709ef0e]{background:#d12c2e}.transaction .navbottom[data-v-4709ef0e]{padding-top:.75rem;padding-bottom:.3rem}

dist/css/cropper.min.css

@@ -0,0 +1,9 @@
+/*!
+ * Cropper.js v1.5.9
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2020-09-10T13:16:21.689Z
+ */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

dist/css/index.css

@@ -0,0 +1,531 @@
+*{
+    margin: 0;
+    padding: 0;
+}
+body{
+    font-family: PingFangSC-Regular !important;
+}
+html{
+    width: 100%;
+    height: 100%;
+}
+.icon {
+    width: 1em; height: 1em;
+    vertical-align: -0.15em;
+    fill: currentColor;
+    overflow: hidden;
+ }
+button{
+    margin: 0 !important;
+    color: #fff !important;
+    background-color: #006EFF !important
+}
+div{
+    display: flex;
+    align-items: center;
+}
+.row-div{
+    flex-direction: row;
+}
+.col-div{
+    flex-direction: column;
+}
+#root{
+    width: 100%;
+    height: 100%;
+    background-color: rgb(250, 250, 250);
+    position: absolute;
+    display: block;
+}
+#login-root{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+#login-card{
+    width: 450rem;
+    height: 500rem;
+    display: flex;
+    /* justify-content: center; */
+    align-items: center;
+    background-color: white;
+}
+.login-card{
+    width: 360rem;
+    height: 450rem;
+    background-color: white;
+    margin: 0 auto;
+    display: flex;
+    /* justify-content: center; */
+    align-items: center;
+}
+.popover{
+    min-width: 300rem;
+    max-width: 1000rem;
+    border: 0;
+    white-space: nowrap;
+    /* overflow: hidden; */
+}
+.popover-body{
+    flex-direction: column;
+    padding: 0;
+}
+.popover-body>div{
+    width: 100%;
+    height: 35rem;
+    justify-content: center;
+    cursor: default;
+}
+.popover-body>div:hover{
+    background-color: #F7F7F7;
+}
+
+.icon-gray{
+    color: #bfbfbf;
+}
+.icon-normal{
+    color: #515151;
+}
+.icon-blue{
+    color: #006EFF;
+}
+.device-testing-btn{
+    color: #515151;
+    cursor: pointer;
+    margin-top: -14rem;
+    opacity: 0.8;
+}
+.device-connect-list{
+    width: 310rem;
+    height: 70rem;
+    position: absolute;
+    bottom: 50rem;
+    background-color: #fff;
+    border-radius: 5rem;
+    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
+    justify-content: space-around;
+    padding: 0 10rem;
+}
+.device-connect-list::before{
+    content: '';
+    width: 0;
+    height: 0;
+    border: 8rem transparent solid; 
+    border-top-color: rgba(0, 0, 0, 0.2);
+    opacity: 0.6;
+    position: absolute;
+    bottom: -16rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.device-connect-list::after{
+    content: '';
+    width: 0;
+    height: 0;
+    border: 7rem transparent solid; 
+    border-top-color: #fff;
+    position: absolute;
+    bottom: -14rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.connect{
+    width: 28rem;
+    height: 64rem;
+    font-size: 28rem;
+    text-align: center;
+    position: relative;
+    opacity: 0.8;
+}
+.device-icon{
+    width: 20rem;
+    height: 20rem;
+    margin-right: 3rem;
+    display: block;
+    text-align: center;
+    font-size: 20rem;
+    line-height: 20rem;
+}
+#device-testing-root {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-self: center;
+    background: rgba(0, 0, 0, 0.1);
+}
+.device-testing-card{
+    width: 640rem;
+    height: 480rem;
+    background: #F7F7F7;
+    border-radius: 10rem;
+    position: relative;
+    display: block;
+    z-index: 999;
+}
+.device-testing-prepare,.device-testing,.device-testing-report{
+    display: block;
+}
+.testing-title{
+    font-size: 34rem;
+    justify-content: center;
+    margin-top: 55rem;
+    color: #201e1ee5;
+}
+.testing-prepare-info{
+    font-size: 16rem;
+    justify-content: center;
+    margin-top: 25rem;
+    color: #585656e5;
+}
+.device-testing-close-btn{
+    width: 25rem;
+    height: 25rem;
+    position: absolute;
+    top: 8rem;
+    right: 8rem;
+    cursor: pointer;
+    font-size: 20rem;
+}
+.device-display{
+    margin-top: 40rem;
+    justify-content: center;
+}
+.device{
+    width: 46rem;
+    height: 46rem;
+    position: relative;
+    justify-content: center;
+    font-size: 38rem;
+}
+.device:not(:first-child){
+    margin-left: 60rem;
+}
+.device:not(:first-child).safari{
+    margin-left: 100rem;
+}
+.device::before{
+    content: '';
+    width: 28rem;
+    height: 28rem;
+    position: absolute;
+    bottom: -34rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.connect-success::before{
+    background: url('../img/success.png') no-repeat;
+    background-size: 100% 100%;
+}
+.connect-fail::before{
+    background: url('../img/fail.png') no-repeat;
+    background-size: 100% 100%;
+}
+@keyframes device-loading {
+    0%{
+        width: 0%;
+        border-radius: 6rem 0 0 6rem;
+    }
+    50%{
+        width: 50%;
+        border-radius: 6rem 0 0 6rem;
+    }
+    100%{
+        width: 100%;
+        border-radius: 6rem;
+    }
+}
+.loading-background{
+    width: 350rem;
+    height: 3rem;
+    border-radius: 6rem;
+    margin: 20rem auto 0;
+    background: #bfbfbf;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.device-loading{
+    height: 3rem;
+    background-color: #808080;
+    animation: device-loading 2s;
+    animation-fill-mode: both;
+}
+.connect-info{
+    margin-top: 60rem;
+    display: flex;
+    height: 48rem;
+    justify-content: center;
+}
+.connect-attention-container{
+    position: relative;
+    margin-left: 3rem;
+}
+.connect-attention-icon{
+    font-size: 20rem;
+    color: red;
+}
+.connect-attention-info{
+    padding: 8rem 12rem;
+    min-width: 120rem;
+    min-height: 50rem;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 10rem;
+    color: #fff;
+    position: absolute;
+    right: 0;
+    bottom: 100%;
+    transform: translate(20rem, -10rem);
+    display: block;
+    white-space: nowrap;
+    font-size: 12rem;
+}
+.connect-attention-info::after{
+    content: '';
+    width: 0;
+    height: 0;
+    border: 10rem transparent solid;
+    border-top-color: rgba(0, 0, 0, 0.6);
+    position: absolute;
+    left: 100%;
+    top: 100%;
+    transform: translateX(-40rem);
+}
+.testing-btn-display{
+    justify-content: center;
+    margin-top: 30rem;
+}
+.test-btn{
+    width: 200rem;
+    height: 44rem;
+    background: #006EFF;
+    border-radius: 5rem;
+    text-align: center;
+    color: #fff;
+    justify-content: center;
+    cursor: pointer;
+}
+.start-gray{
+    background: #dddddd;
+    color: #fff;
+    cursor: not-allowed;
+}
+.device-testing-title{
+    justify-content: center;
+    width: 100%;
+    margin-top: 40rem;
+}
+.testing{
+    width: 26rem;
+    height: 26rem;
+    position: relative;
+    justify-content: center;
+    text-align: center;
+    font-size: 24rem;
+    line-height: 24rem;
+}
+.testing:not(:first-child){
+    margin-left: 90rem;
+}
+.testing:not(:first-child)::before {
+    content: '';
+    width: 70rem;
+    height: 2rem;
+    position: absolute;
+    top: 50%;
+    left: -80rem;
+    background: #bfbfbf;
+}
+.testing:not(:first-child).safari{
+    margin-left: 150rem;
+}
+.testing:not(:first-child).safari::before{
+    width: 130rem;
+    left: -140rem;
+}
+.testing.complete {
+    cursor: pointer;
+}
+.testing.complete:not(:first-child)::before {
+    background: #006EFF;
+}
+.testing-body{
+    width: 100%;
+    display: block;
+}
+.device-list{
+    margin-left: 140rem;
+    margin-top: 30rem;
+}
+.device-select{
+    width: 260rem;
+    height: 30rem;
+    margin-left: 20rem;
+    padding: 0 10rem;
+    border-radius: 4rem;
+}
+.camera-video{
+    width: 300rem;
+    height: 180rem;
+    display: block;
+    margin: 30rem auto 0;
+}
+.testing-info-container{
+    display: block;
+    position: absolute;
+    bottom: 50rem;
+    margin-top: 24rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.testing-info{
+    width: 100%;
+    text-align: center;
+    display: block;
+}
+.button-list{
+    margin-top: 20rem;
+    width: 300rem;
+    justify-content: space-around;
+}
+.fail-button{
+    border: 1rem solid #006EFF;
+    border-radius: 8rem;
+    color: #006EFF;
+    padding: 6rem 14rem;
+    cursor: pointer;
+}
+.success-button{
+    border: 1rem solid #006EFF;
+    border-radius: 8rem;
+    background: #006EFF;
+    color: #fff;
+    padding: 6rem 14rem;
+    cursor: pointer;
+}
+.audio-control{
+    width: 320rem;
+    display: block;
+    margin: 40rem auto 0;
+}
+.audio-control-info{
+    margin: 0rem auto 20rem 6rem;
+    color: #5f5f5f;
+}
+.mic-testing-container{
+    display: block;
+    margin-top: 30rem;
+}
+.mic-testing-info{
+    margin-left: 140rem;
+    color: #bbbbbb;
+    font-size: 14rem;
+}
+.mic-bar-container{
+    justify-content: center;
+    margin-top: 10rem;
+}
+.mic-bar{
+    width: 10rem;
+    height: 30rem;
+    border: 1rem solid #cccccc;
+    border-radius: 1rem;
+}
+.mic-bar:not(:first-child){
+    margin-left: 3rem;
+}
+.mic-bar.active{
+    background: #006EFF;
+}
+.testing-index-list{
+    margin-top: 40rem;
+    display: block;
+}
+.testing-index-group{
+    width: 55%;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 14rem;
+    margin: 10rem auto 0;
+}
+@keyframes loading-circle{
+    0% {
+        transform: rotate(0deg);
+    }
+    25% {
+        transform: rotate(90deg);
+    }
+    50% {
+        transform: rotate(180deg);
+    }
+    75% {
+        transform: rotate(270deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+.network-loading::before{
+    content: '';
+    width: 16rem;
+    height: 16rem;
+    background: url('../img/loading.png');
+    background-size: 100% 100%;
+    animation: loading-circle 2s linear infinite;
+}
+.testing-footer{
+    margin-top: 70rem;
+    justify-content: center;
+}
+.device-report-list{
+    display: block;
+    margin-top: 40rem;
+}
+.device-report{
+    width: 60%;
+    margin: 20rem auto 0;
+    justify-content: space-between;
+}
+.report-icon{
+    width: 24rem;
+    height: 24rem;
+    margin-right: 20rem;
+    justify-content: center;
+    font-size: 22rem;
+    line-height: 22rem;
+    color: #515151;
+}
+.device-name{
+    width: 280rem;
+    height: 24rem;
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.device-report-footer{
+    margin-top: 50rem;
+    justify-content: center;
+}
+.device-report-btn{
+    width: 160rem;
+    height: 40rem;
+    border: 1rem solid;
+    border-radius: 6rem;
+    justify-content: center;
+    cursor: pointer;
+}
+.testing-agin{
+    border-color: #006EFF;
+    color: #006EFF;
+}
+.testing-finish{
+    background: #006EFF;
+    color: #fff;
+    margin-left: 60rem;
+}

dist/css/room.css

@@ -0,0 +1,94 @@
+*{
+    margin: 0;
+    padding: 0;
+}
+html{
+    width: 100%;
+    height: 100%;
+}
+body{
+    width: 100%;
+    height: 100%;
+    background-color: #F5F5F5;
+    font-family: Futura,sans-serif;
+}
+video{
+    background-color: #d8d8d8;
+}
+/* @media screen and (min-width:960rem) {
+    video{
+        width: auto !important;
+        height: 100% !important;
+        position: inherit !important;
+    }
+    .video-div{
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+@media screen and (max-width:960rem) {
+    video{
+        width: 100% !important;
+        height: auto !important;
+        position: inherit !important;
+    }
+    .video-div{
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+} */
+#room-root{
+    width: 100%;
+    height: 750rem;
+    /* min-width: 1500rem; */
+    /* min-height: 700rem; */
+    display: none;
+    align-items: flex-start;
+    padding: 16rem;
+    background-color: #F5F5F5;
+}
+.member{
+    cursor: default;
+    border-bottom-style: solid;
+    border-width: 0;
+    border-bottom-color: #f0f0f0;
+}
+#video-grid{
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    grid-template-rows: repeat(3, 1fr);
+    grid-template-areas: 'm m m a b'
+                         'm m m c d'
+                         'e f g h i';
+}
+#video-grid>div{
+    position: relative;
+    padding: 10rem;
+}
+#main-video{
+    width: 100%;
+    height: 100%;
+    padding: 10rem;
+    grid-area: 1/1/3/5;
+    border-radius: 17rem;
+}
+.video-box{
+    width: 100%;
+    height: 100%;
+}
+.mask{
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    font-size: 14rem; 
+    color: #888888; 
+    z-index: 9; 
+    justify-content: center
+}
+div[id^=player] {
+    background-color: #d8d8d8 !important;
+}