ul-question-test-ui 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +226 -1
- package/dist/vue2/build-v2.css +1 -1
- package/dist/vue2/ul-question-test-ui.cjs.js +51 -1
- package/dist/vue2/ul-question-test-ui.es.js +17206 -68
- package/dist/vue3/build-v3.css +1 -1
- package/dist/vue3/ul-question-test-ui.es.js +18208 -72
- package/dist/vue3/ul-question-test-ui.umd.js +51 -1
- package/package.json +8 -6
package/README.md
CHANGED
|
@@ -1 +1,226 @@
|
|
|
1
|
-
#
|
|
1
|
+
# ul-question-test-ui
|
|
2
|
+
|
|
3
|
+
一个同时支持 Vue 2 和 Vue 3 的二元UI组件库，专注于提供高质量的问题测试相关组件。
|
|
4
|
+
|
|
5
|
+
## ✨ 功能特性
|
|
6
|
+
|
|
7
|
+
- 🌐 同时支持 Vue 2 和 Vue 3
|
|
8
|
+
- 📦 基于 `@opentiny/vue` 构建，提供一致的UI体验
|
|
9
|
+
- 🎯 专注于问题测试场景的组件开发
|
|
10
|
+
- 📝 支持富文本编辑
|
|
11
|
+
- 📎 支持文件上传和管理
|
|
12
|
+
- 🎨 现代化的设计风格
|
|
13
|
+
|
|
14
|
+
## 📦 安装
|
|
15
|
+
|
|
16
|
+
### Vue 3 环境
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm install ul-question-test-ui
|
|
20
|
+
npm install @opentiny/vue@3
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Vue 2 环境
|
|
24
|
+
|
|
25
|
+
```bash
|
|
26
|
+
npm install ul-question-test-ui
|
|
27
|
+
npm install @opentiny/vue@2
|
|
28
|
+
# Vue 2 版本低于 2.7 时，需要额外安装
|
|
29
|
+
npm install @vue/composition-api
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## 🚀 快速开始
|
|
33
|
+
|
|
34
|
+
### Vue 3 示例
|
|
35
|
+
|
|
36
|
+
```javascript
|
|
37
|
+
import { createApp } from 'vue'
|
|
38
|
+
import App from './App.vue'
|
|
39
|
+
import MyVueUi from 'ul-question-test-ui/vue3'
|
|
40
|
+
import 'ul-question-test-ui/vue3-style'
|
|
41
|
+
|
|
42
|
+
const app = createApp(App)
|
|
43
|
+
app.use(MyVueUi)
|
|
44
|
+
app.mount('#app')
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
### Vue 2 示例
|
|
48
|
+
|
|
49
|
+
```javascript
|
|
50
|
+
import Vue from 'vue'
|
|
51
|
+
import App from './App.vue'
|
|
52
|
+
import MyVueUi from 'ul-question-test-ui/vue2' // 或 'ul-question-test-ui'
|
|
53
|
+
import 'ul-question-test-ui/vue2-style'
|
|
54
|
+
|
|
55
|
+
Vue.use(MyVueUi)
|
|
56
|
+
|
|
57
|
+
new Vue({
|
|
58
|
+
render: h => h(App)
|
|
59
|
+
}).$mount('#app')
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## 📋 组件列表
|
|
63
|
+
|
|
64
|
+
### QuestionType 组件
|
|
65
|
+
|
|
66
|
+
#### Choice (单选/多选题组件)
|
|
67
|
+
|
|
68
|
+
**属性**
|
|
69
|
+
|
|
70
|
+
| 属性名 | 类型 | 默认值 | 说明 |
|
|
71
|
+
|--------|------|--------|------|
|
|
72
|
+
| oriQuestion | Object | - | 原始问题数据 |
|
|
73
|
+
| mode | Number | 1 | 模式：1-编辑，2-预览，3-学生答题 |
|
|
74
|
+
| showAnswer | Boolean | false | 是否显示答案 |
|
|
75
|
+
| needRichText | Boolean | true | 是否需要富文本编辑 |
|
|
76
|
+
|
|
77
|
+
**事件**
|
|
78
|
+
|
|
79
|
+
| 事件名 | 说明 | 参数 |
|
|
80
|
+
|--------|------|------|
|
|
81
|
+
| save | 保存问题数据 | questionData |
|
|
82
|
+
| cancel | 取消编辑 | - |
|
|
83
|
+
| submit | 提交答案 | questionData |
|
|
84
|
+
|
|
85
|
+
**示例**
|
|
86
|
+
|
|
87
|
+
```vue
|
|
88
|
+
<template>
|
|
89
|
+
<Choice
|
|
90
|
+
:oriQuestion="questionData"
|
|
91
|
+
:mode="mode"
|
|
92
|
+
:showAnswer="showAnswer"
|
|
93
|
+
@save="handleSave"
|
|
94
|
+
@submit="handleSubmit"
|
|
95
|
+
/>
|
|
96
|
+
</template>
|
|
97
|
+
|
|
98
|
+
<script>
|
|
99
|
+
export default {
|
|
100
|
+
data() {
|
|
101
|
+
return {
|
|
102
|
+
mode: 1, // 1-编辑，2-预览，3-学生答题
|
|
103
|
+
showAnswer: false,
|
|
104
|
+
questionData: {
|
|
105
|
+
type: 1, // 1-单选，2-多选
|
|
106
|
+
title: '问题标题',
|
|
107
|
+
choices: [
|
|
108
|
+
{ id: 1, text: '选项A', attachments: [] },
|
|
109
|
+
{ id: 2, text: '选项B', attachments: [] }
|
|
110
|
+
],
|
|
111
|
+
correctAnswer: 'A',
|
|
112
|
+
record: { answer: null }
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
methods: {
|
|
117
|
+
handleSave(question) {
|
|
118
|
+
console.log('保存问题:', question)
|
|
119
|
+
},
|
|
120
|
+
handleSubmit(question) {
|
|
121
|
+
console.log('提交答案:', question)
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
</script>
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
## 🔧 开发指南
|
|
129
|
+
|
|
130
|
+
### 项目结构
|
|
131
|
+
|
|
132
|
+
```
|
|
133
|
+
├── examples/ # 示例项目
|
|
134
|
+
│ ├── vue2-demo/ # Vue 2 示例
|
|
135
|
+
│ └── vue3-demo/ # Vue 3 示例
|
|
136
|
+
├── packages/ # 核心包
|
|
137
|
+
│ ├── lib/ # 组件库源码
|
|
138
|
+
│ ├── build-v2/ # Vue 2 构建配置
|
|
139
|
+
│ └── build-v3/ # Vue 3 构建配置
|
|
140
|
+
├── package.json # 项目配置
|
|
141
|
+
└── pnpm-workspace.yaml # Workspace 配置
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
### 开发环境
|
|
145
|
+
|
|
146
|
+
```bash
|
|
147
|
+
# 安装依赖
|
|
148
|
+
pnpm install
|
|
149
|
+
|
|
150
|
+
# 运行 Vue 3 示例
|
|
151
|
+
cd examples/vue3-demo
|
|
152
|
+
pnpm dev
|
|
153
|
+
|
|
154
|
+
# 运行 Vue 2 示例
|
|
155
|
+
cd examples/vue2-demo
|
|
156
|
+
pnpm dev
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
## 🏗️ 构建说明
|
|
160
|
+
|
|
161
|
+
### 构建组件库
|
|
162
|
+
|
|
163
|
+
```bash
|
|
164
|
+
# 构建 Vue 3 版本
|
|
165
|
+
pnpm run build:v3
|
|
166
|
+
|
|
167
|
+
# 构建 Vue 2 版本
|
|
168
|
+
pnpm run build:v2
|
|
169
|
+
|
|
170
|
+
# 同时构建两个版本
|
|
171
|
+
pnpm run build
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
### 构建注意事项
|
|
175
|
+
|
|
176
|
+
- 构建时需要排除相关（Vue 2、Vue 3）的 package.json
|
|
177
|
+
- 删除 pnpm-lock 防止 Vue 2、3 依赖相互影响打包产物
|
|
178
|
+
|
|
179
|
+
## 📦 包信息
|
|
180
|
+
|
|
181
|
+
### 主要依赖
|
|
182
|
+
|
|
183
|
+
- `vue-demi`: ^0.14.10
|
|
184
|
+
- `@opentiny/vue`: >=2.25.0 || >=3.25.0
|
|
185
|
+
- `js-cookie`: ^3.0.5
|
|
186
|
+
- `mediaelement`: ^4.2.16
|
|
187
|
+
- `ulearning-obs`: 0.0.54
|
|
188
|
+
- `sass`: ^1.94.0
|
|
189
|
+
|
|
190
|
+
### 导出配置
|
|
191
|
+
|
|
192
|
+
```javascript
|
|
193
|
+
{
|
|
194
|
+
".": {
|
|
195
|
+
"import": "./dist/vue2/ul-question-test-ui.es.js",
|
|
196
|
+
"require": "./dist/vue2/ul-question-test-ui.cjs.js"
|
|
197
|
+
},
|
|
198
|
+
"./vue2": {
|
|
199
|
+
"import": "./dist/vue2/ul-question-test-ui.es.js",
|
|
200
|
+
"require": "./dist/vue2/ul-question-test-ui.cjs.js"
|
|
201
|
+
},
|
|
202
|
+
"./vue3": {
|
|
203
|
+
"import": "./dist/vue3/ul-question-test-ui.es.js",
|
|
204
|
+
"require": "./dist/vue3/ul-question-test-ui.umd.js"
|
|
205
|
+
},
|
|
206
|
+
"./vue2-style": "./dist/vue2/build-v2.css",
|
|
207
|
+
"./vue3-style": "./dist/vue3/build-v3.css"
|
|
208
|
+
}
|
|
209
|
+
```
|
|
210
|
+
|
|
211
|
+
### 使用组件库注意事项
|
|
212
|
+
|
|
213
|
+
- 确保在 Vue 2 项目中安装了 `@vue/composition-api` 插件（Vue 2 版本低于 2.7 时）
|
|
214
|
+
- 在 Vue 3 项目中直接使用 `import { Choice } from 'ul-question-test-ui/vue3'` 即可
|
|
215
|
+
- 目前只试验了vue2版本作用于内部课堂项目（使用webpack4，需要在配置中添加
|
|
216
|
+
- transpileDependencies: [
|
|
217
|
+
'quill',
|
|
218
|
+
/@opentiny[\\/]/
|
|
219
|
+
],）防止编译污染
|
|
220
|
+
## 🤝 贡献指南
|
|
221
|
+
|
|
222
|
+
1. Fork 本仓库
|
|
223
|
+
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
|
|
224
|
+
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
|
|
225
|
+
4. 推送到分支 (`git push origin feature/AmazingFeature`)
|
|
226
|
+
5. 打开 Pull Request
|
package/dist/vue2/build-v2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.my-btn[data-v-11c7ae7a]{padding:6px 12px;background:#409eff;color:#fff;border:none;border-radius:4px}.my-tiny-button[data-v-49c5e92a]{border-radius:20px}.my-tiny-radio[data-v-7e92122b]{margin:4px 0}
|
|
1
|
+
.my-btn[data-v-11c7ae7a]{padding:6px 12px;background:#409eff;color:#fff;border:none;border-radius:4px}.my-tiny-button[data-v-f01c12dc]{border-radius:20px}.my-tiny-radio[data-v-7e92122b]{margin:4px 0}.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container,.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:none}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='120'%20viewBox='0%200%20400%20120'%3e%3cstyle%3e.st0{fill:%23FFFFFF;width:16px;height:16px}%20.st1{fill:none;stroke:%23FFFFFF;stroke-width:1.5;stroke-linecap:round;}%20.st2{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;}%20.st3{fill:none;stroke:%23FFFFFF;}%20.st4{fill:%23231F20;}%20.st5{opacity:0.75;fill:none;stroke:%23FFFFFF;stroke-width:5;enable-background:new;}%20.st6{fill:none;stroke:%23FFFFFF;stroke-width:5;}%20.st7{opacity:0.4;fill:%23FFFFFF;enable-background:new;}%20.st8{opacity:0.6;fill:%23FFFFFF;enable-background:new;}%20.st9{opacity:0.8;fill:%23FFFFFF;enable-background:new;}%20.st10{opacity:0.9;fill:%23FFFFFF;enable-background:new;}%20.st11{opacity:0.3;fill:%23FFFFFF;enable-background:new;}%20.st12{opacity:0.5;fill:%23FFFFFF;enable-background:new;}%20.st13{opacity:0.7;fill:%23FFFFFF;enable-background:new;}%3c/style%3e%3cpath%20class='st0'%20d='M16.5%208.5c.3.1.4.5.2.8-.1.1-.1.2-.2.2l-11.4%207c-.5.3-.8.1-.8-.5V2c0-.5.4-.8.8-.5l11.4%207z'/%3e%3cpath%20class='st0'%20d='M24%201h2.2c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201H24c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1zm9.8%200H36c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201h-2.2c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1z'/%3e%3cpath%20class='st0'%20d='M81%201.4c0-.6.4-1%201-1h5.4c.6%200%20.7.3.3.7l-6%206c-.4.4-.7.3-.7-.3V1.4zm0%2015.8c0%20.6.4%201%201%201h5.4c.6%200%20.7-.3.3-.7l-6-6c-.4-.4-.7-.3-.7.3v5.4zM98.8%201.4c0-.6-.4-1-1-1h-5.4c-.6%200-.7.3-.3.7l6%206c.4.4.7.3.7-.3V1.4zm0%2015.8c0%20.6-.4%201-1%201h-5.4c-.6%200-.7-.3-.3-.7l6-6c.4-.4.7-.3.7.3v5.4z'/%3e%3cpath%20class='st0'%20d='M112.7%205c0%20.6.4%201%201%201h4.1c.6%200%20.7-.3.3-.7L113.4.6c-.4-.4-.7-.3-.7.3V5zm-7.1%201c.6%200%201-.4%201-1V.9c0-.6-.3-.7-.7-.3l-4.7%204.7c-.4.4-.3.7.3.7h4.1zm1%207.1c0-.6-.4-1-1-1h-4.1c-.6%200-.7.3-.3.7l4.7%204.7c.4.4.7.3.7-.3v-4.1zm7.1-1c-.6%200-1%20.4-1%201v4.1c0%20.5.3.7.7.3l4.7-4.7c.4-.4.3-.7-.3-.7h-4.1z'/%3e%3cpath%20class='st0'%20d='M67%205.8c-.5.4-1.2.6-1.8.6H62c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L67%205.8z'/%3e%3cpath%20class='st1'%20d='M73.9%202.5s3.9-.8%203.9%207.7-3.9%207.8-3.9%207.8'/%3e%3cpath%20class='st1'%20d='M72.6%206.4s2.6-.4%202.6%203.8-2.6%203.9-2.6%203.9'/%3e%3cpath%20class='st0'%20d='M47%205.8c-.5.4-1.2.6-1.8.6H42c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L47%205.8z'/%3e%3cpath%20class='st2'%20d='M52.8%207l5.4%205.4m-5.4%200L58.2%207'/%3e%3cpath%20class='st3'%20d='M128.7%208.6c-6.2-4.2-6.5%207.8%200%203.9m6.5-3.9c-6.2-4.2-6.5%207.8%200%203.9'/%3e%3cpath%20class='st0'%20d='M122.2%203.4h15.7v13.1h-15.7V3.4zM120.8%202v15.7h18.3V2h-18.3z'/%3e%3cpath%20class='st0'%20d='M143.2%203h14c1.1%200%202%20.9%202%202v10c0%201.1-.9%202-2%202h-14c-1.1%200-2-.9-2-2V5c0-1.1.9-2%202-2z'/%3e%3cpath%20class='st4'%20d='M146.4%2013.8c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.6.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.7.5-1.6.7-2.5.8zm7.5%200c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.5.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.8.5-1.7.7-2.6.8z'/%3e%3cpath%20class='st0'%20d='M60.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L30%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L60.3%2077z'/%3e%3cpath%20class='st5'%20d='M2.5%2079c0-20.7%2016.8-37.5%2037.5-37.5S77.5%2058.3%2077.5%2079%2060.7%20116.5%2040%20116.5%202.5%2099.7%202.5%2079z'/%3e%3cpath%20class='st0'%20d='M140.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L110%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L140.3%2077z'/%3e%3cpath%20class='st6'%20d='M82.5%2079c0-20.7%2016.8-37.5%2037.5-37.5s37.5%2016.8%2037.5%2037.5-16.8%2037.5-37.5%2037.5S82.5%2099.7%2082.5%2079z'/%3e%3ccircle%20class='st0'%20cx='201.9'%20cy='47.1'%20r='8.1'/%3e%3ccircle%20class='st7'%20cx='233.9'%20cy='79'%20r='5'/%3e%3ccircle%20class='st8'%20cx='201.9'%20cy='110.9'%20r='6'/%3e%3ccircle%20class='st9'%20cx='170.1'%20cy='79'%20r='7'/%3e%3ccircle%20class='st10'%20cx='178.2'%20cy='56.3'%20r='7.5'/%3e%3ccircle%20class='st11'%20cx='226.3'%20cy='56.1'%20r='4.5'/%3e%3ccircle%20class='st12'%20cx='225.8'%20cy='102.8'%20r='5.5'/%3e%3ccircle%20class='st13'%20cx='178.2'%20cy='102.8'%20r='6.5'/%3e%3cpath%20class='st0'%20d='M178%209.4c0%20.4-.4.7-.9.7-.1%200-.2%200-.2-.1L172%208.2c-.5-.2-.6-.6-.1-.8l6.2-3.6c.5-.3.8-.1.7.5l-.8%205.1z'/%3e%3cpath%20class='st0'%20d='M169.4%2015.9c-1%200-2-.2-2.9-.7-2-1-3.2-3-3.2-5.2.1-3.4%202.9-6%206.3-6%202.5.1%204.8%201.7%205.6%204.1l.1-.1%202.1%201.1c-.6-4.4-4.7-7.5-9.1-6.9-3.9.6-6.9%203.9-7%207.9%200%202.9%201.7%205.6%204.3%207%201.2.6%202.5.9%203.8%201%202.6%200%205-1.2%206.6-3.3l-1.8-.9c-1.2%201.2-3%202-4.8%202z'/%3e%3cpath%20class='st0'%20d='M183.4%203.2c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5z'/%3e%3c/svg%3e") no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='120'%20viewBox='0%200%20400%20120'%3e%3cstyle%3e.st0{fill:%23FFFFFF;width:16px;height:16px}%20.st1{fill:none;stroke:%23FFFFFF;stroke-width:1.5;stroke-linecap:round;}%20.st2{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;}%20.st3{fill:none;stroke:%23FFFFFF;}%20.st4{fill:%23231F20;}%20.st5{opacity:0.75;fill:none;stroke:%23FFFFFF;stroke-width:5;enable-background:new;}%20.st6{fill:none;stroke:%23FFFFFF;stroke-width:5;}%20.st7{opacity:0.4;fill:%23FFFFFF;enable-background:new;}%20.st8{opacity:0.6;fill:%23FFFFFF;enable-background:new;}%20.st9{opacity:0.8;fill:%23FFFFFF;enable-background:new;}%20.st10{opacity:0.9;fill:%23FFFFFF;enable-background:new;}%20.st11{opacity:0.3;fill:%23FFFFFF;enable-background:new;}%20.st12{opacity:0.5;fill:%23FFFFFF;enable-background:new;}%20.st13{opacity:0.7;fill:%23FFFFFF;enable-background:new;}%3c/style%3e%3cpath%20class='st0'%20d='M16.5%208.5c.3.1.4.5.2.8-.1.1-.1.2-.2.2l-11.4%207c-.5.3-.8.1-.8-.5V2c0-.5.4-.8.8-.5l11.4%207z'/%3e%3cpath%20class='st0'%20d='M24%201h2.2c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201H24c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1zm9.8%200H36c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201h-2.2c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1z'/%3e%3cpath%20class='st0'%20d='M81%201.4c0-.6.4-1%201-1h5.4c.6%200%20.7.3.3.7l-6%206c-.4.4-.7.3-.7-.3V1.4zm0%2015.8c0%20.6.4%201%201%201h5.4c.6%200%20.7-.3.3-.7l-6-6c-.4-.4-.7-.3-.7.3v5.4zM98.8%201.4c0-.6-.4-1-1-1h-5.4c-.6%200-.7.3-.3.7l6%206c.4.4.7.3.7-.3V1.4zm0%2015.8c0%20.6-.4%201-1%201h-5.4c-.6%200-.7-.3-.3-.7l6-6c.4-.4.7-.3.7.3v5.4z'/%3e%3cpath%20class='st0'%20d='M112.7%205c0%20.6.4%201%201%201h4.1c.6%200%20.7-.3.3-.7L113.4.6c-.4-.4-.7-.3-.7.3V5zm-7.1%201c.6%200%201-.4%201-1V.9c0-.6-.3-.7-.7-.3l-4.7%204.7c-.4.4-.3.7.3.7h4.1zm1%207.1c0-.6-.4-1-1-1h-4.1c-.6%200-.7.3-.3.7l4.7%204.7c.4.4.7.3.7-.3v-4.1zm7.1-1c-.6%200-1%20.4-1%201v4.1c0%20.5.3.7.7.3l4.7-4.7c.4-.4.3-.7-.3-.7h-4.1z'/%3e%3cpath%20class='st0'%20d='M67%205.8c-.5.4-1.2.6-1.8.6H62c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L67%205.8z'/%3e%3cpath%20class='st1'%20d='M73.9%202.5s3.9-.8%203.9%207.7-3.9%207.8-3.9%207.8'/%3e%3cpath%20class='st1'%20d='M72.6%206.4s2.6-.4%202.6%203.8-2.6%203.9-2.6%203.9'/%3e%3cpath%20class='st0'%20d='M47%205.8c-.5.4-1.2.6-1.8.6H42c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L47%205.8z'/%3e%3cpath%20class='st2'%20d='M52.8%207l5.4%205.4m-5.4%200L58.2%207'/%3e%3cpath%20class='st3'%20d='M128.7%208.6c-6.2-4.2-6.5%207.8%200%203.9m6.5-3.9c-6.2-4.2-6.5%207.8%200%203.9'/%3e%3cpath%20class='st0'%20d='M122.2%203.4h15.7v13.1h-15.7V3.4zM120.8%202v15.7h18.3V2h-18.3z'/%3e%3cpath%20class='st0'%20d='M143.2%203h14c1.1%200%202%20.9%202%202v10c0%201.1-.9%202-2%202h-14c-1.1%200-2-.9-2-2V5c0-1.1.9-2%202-2z'/%3e%3cpath%20class='st4'%20d='M146.4%2013.8c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.6.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.7.5-1.6.7-2.5.8zm7.5%200c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.5.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.8.5-1.7.7-2.6.8z'/%3e%3cpath%20class='st0'%20d='M60.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L30%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L60.3%2077z'/%3e%3cpath%20class='st5'%20d='M2.5%2079c0-20.7%2016.8-37.5%2037.5-37.5S77.5%2058.3%2077.5%2079%2060.7%20116.5%2040%20116.5%202.5%2099.7%202.5%2079z'/%3e%3cpath%20class='st0'%20d='M140.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L110%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L140.3%2077z'/%3e%3cpath%20class='st6'%20d='M82.5%2079c0-20.7%2016.8-37.5%2037.5-37.5s37.5%2016.8%2037.5%2037.5-16.8%2037.5-37.5%2037.5S82.5%2099.7%2082.5%2079z'/%3e%3ccircle%20class='st0'%20cx='201.9'%20cy='47.1'%20r='8.1'/%3e%3ccircle%20class='st7'%20cx='233.9'%20cy='79'%20r='5'/%3e%3ccircle%20class='st8'%20cx='201.9'%20cy='110.9'%20r='6'/%3e%3ccircle%20class='st9'%20cx='170.1'%20cy='79'%20r='7'/%3e%3ccircle%20class='st10'%20cx='178.2'%20cy='56.3'%20r='7.5'/%3e%3ccircle%20class='st11'%20cx='226.3'%20cy='56.1'%20r='4.5'/%3e%3ccircle%20class='st12'%20cx='225.8'%20cy='102.8'%20r='5.5'/%3e%3ccircle%20class='st13'%20cx='178.2'%20cy='102.8'%20r='6.5'/%3e%3cpath%20class='st0'%20d='M178%209.4c0%20.4-.4.7-.9.7-.1%200-.2%200-.2-.1L172%208.2c-.5-.2-.6-.6-.1-.8l6.2-3.6c.5-.3.8-.1.7.5l-.8%205.1z'/%3e%3cpath%20class='st0'%20d='M169.4%2015.9c-1%200-2-.2-2.9-.7-2-1-3.2-3-3.2-5.2.1-3.4%202.9-6%206.3-6%202.5.1%204.8%201.7%205.6%204.1l.1-.1%202.1%201.1c-.6-4.4-4.7-7.5-9.1-6.9-3.9.6-6.9%203.9-7%207.9%200%202.9%201.7%205.6%204.3%207%201.2.6%202.5.9%203.8%201%202.6%200%205-1.2%206.6-3.3l-1.8-.9c-1.2%201.2-3%202-4.8%202z'/%3e%3cpath%20class='st0'%20d='M183.4%203.2c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5z'/%3e%3c/svg%3e") -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*="display: none"]){background:#ff0000b3;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,#00000059)}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:transparent url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='120'%20viewBox='0%200%20400%20120'%3e%3cstyle%3e.st0{fill:%23FFFFFF;width:16px;height:16px}%20.st1{fill:none;stroke:%23FFFFFF;stroke-width:1.5;stroke-linecap:round;}%20.st2{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;}%20.st3{fill:none;stroke:%23FFFFFF;}%20.st4{fill:%23231F20;}%20.st5{opacity:0.75;fill:none;stroke:%23FFFFFF;stroke-width:5;enable-background:new;}%20.st6{fill:none;stroke:%23FFFFFF;stroke-width:5;}%20.st7{opacity:0.4;fill:%23FFFFFF;enable-background:new;}%20.st8{opacity:0.6;fill:%23FFFFFF;enable-background:new;}%20.st9{opacity:0.8;fill:%23FFFFFF;enable-background:new;}%20.st10{opacity:0.9;fill:%23FFFFFF;enable-background:new;}%20.st11{opacity:0.3;fill:%23FFFFFF;enable-background:new;}%20.st12{opacity:0.5;fill:%23FFFFFF;enable-background:new;}%20.st13{opacity:0.7;fill:%23FFFFFF;enable-background:new;}%3c/style%3e%3cpath%20class='st0'%20d='M16.5%208.5c.3.1.4.5.2.8-.1.1-.1.2-.2.2l-11.4%207c-.5.3-.8.1-.8-.5V2c0-.5.4-.8.8-.5l11.4%207z'/%3e%3cpath%20class='st0'%20d='M24%201h2.2c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201H24c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1zm9.8%200H36c.6%200%201%20.4%201%201v14c0%20.6-.4%201-1%201h-2.2c-.6%200-1-.4-1-1V2c0-.5.4-1%201-1z'/%3e%3cpath%20class='st0'%20d='M81%201.4c0-.6.4-1%201-1h5.4c.6%200%20.7.3.3.7l-6%206c-.4.4-.7.3-.7-.3V1.4zm0%2015.8c0%20.6.4%201%201%201h5.4c.6%200%20.7-.3.3-.7l-6-6c-.4-.4-.7-.3-.7.3v5.4zM98.8%201.4c0-.6-.4-1-1-1h-5.4c-.6%200-.7.3-.3.7l6%206c.4.4.7.3.7-.3V1.4zm0%2015.8c0%20.6-.4%201-1%201h-5.4c-.6%200-.7-.3-.3-.7l6-6c.4-.4.7-.3.7.3v5.4z'/%3e%3cpath%20class='st0'%20d='M112.7%205c0%20.6.4%201%201%201h4.1c.6%200%20.7-.3.3-.7L113.4.6c-.4-.4-.7-.3-.7.3V5zm-7.1%201c.6%200%201-.4%201-1V.9c0-.6-.3-.7-.7-.3l-4.7%204.7c-.4.4-.3.7.3.7h4.1zm1%207.1c0-.6-.4-1-1-1h-4.1c-.6%200-.7.3-.3.7l4.7%204.7c.4.4.7.3.7-.3v-4.1zm7.1-1c-.6%200-1%20.4-1%201v4.1c0%20.5.3.7.7.3l4.7-4.7c.4-.4.3-.7-.3-.7h-4.1z'/%3e%3cpath%20class='st0'%20d='M67%205.8c-.5.4-1.2.6-1.8.6H62c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L67%205.8z'/%3e%3cpath%20class='st1'%20d='M73.9%202.5s3.9-.8%203.9%207.7-3.9%207.8-3.9%207.8'/%3e%3cpath%20class='st1'%20d='M72.6%206.4s2.6-.4%202.6%203.8-2.6%203.9-2.6%203.9'/%3e%3cpath%20class='st0'%20d='M47%205.8c-.5.4-1.2.6-1.8.6H42c-.6%200-1%20.4-1%201v5.7c0%20.6.4%201%201%201h4.2c.3.2.5.4.8.6l3.5%202.6c.4.3.8.1.8-.4V3.5c0-.5-.4-.7-.8-.4L47%205.8z'/%3e%3cpath%20class='st2'%20d='M52.8%207l5.4%205.4m-5.4%200L58.2%207'/%3e%3cpath%20class='st3'%20d='M128.7%208.6c-6.2-4.2-6.5%207.8%200%203.9m6.5-3.9c-6.2-4.2-6.5%207.8%200%203.9'/%3e%3cpath%20class='st0'%20d='M122.2%203.4h15.7v13.1h-15.7V3.4zM120.8%202v15.7h18.3V2h-18.3z'/%3e%3cpath%20class='st0'%20d='M143.2%203h14c1.1%200%202%20.9%202%202v10c0%201.1-.9%202-2%202h-14c-1.1%200-2-.9-2-2V5c0-1.1.9-2%202-2z'/%3e%3cpath%20class='st4'%20d='M146.4%2013.8c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.6.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.7.5-1.6.7-2.5.8zm7.5%200c-.8%200-1.6-.4-2.1-1-1.1-1.4-1-3.4.1-4.8.5-.6%202-1.7%204.6.2l-.5.8c-1.4-1-2.6-1.1-3.3-.3-.8%201-.8%202.4-.1%203.5.7.9%201.9.8%203.4-.1l.5.9c-.8.5-1.7.7-2.6.8z'/%3e%3cpath%20class='st0'%20d='M60.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L30%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L60.3%2077z'/%3e%3cpath%20class='st5'%20d='M2.5%2079c0-20.7%2016.8-37.5%2037.5-37.5S77.5%2058.3%2077.5%2079%2060.7%20116.5%2040%20116.5%202.5%2099.7%202.5%2079z'/%3e%3cpath%20class='st0'%20d='M140.3%2077c.6.2.8.8.6%201.4-.1.3-.3.5-.6.6L110%2096.5c-1%20.6-1.7.1-1.7-1v-35c0-1.1.8-1.5%201.7-1L140.3%2077z'/%3e%3cpath%20class='st6'%20d='M82.5%2079c0-20.7%2016.8-37.5%2037.5-37.5s37.5%2016.8%2037.5%2037.5-16.8%2037.5-37.5%2037.5S82.5%2099.7%2082.5%2079z'/%3e%3ccircle%20class='st0'%20cx='201.9'%20cy='47.1'%20r='8.1'/%3e%3ccircle%20class='st7'%20cx='233.9'%20cy='79'%20r='5'/%3e%3ccircle%20class='st8'%20cx='201.9'%20cy='110.9'%20r='6'/%3e%3ccircle%20class='st9'%20cx='170.1'%20cy='79'%20r='7'/%3e%3ccircle%20class='st10'%20cx='178.2'%20cy='56.3'%20r='7.5'/%3e%3ccircle%20class='st11'%20cx='226.3'%20cy='56.1'%20r='4.5'/%3e%3ccircle%20class='st12'%20cx='225.8'%20cy='102.8'%20r='5.5'/%3e%3ccircle%20class='st13'%20cx='178.2'%20cy='102.8'%20r='6.5'/%3e%3cpath%20class='st0'%20d='M178%209.4c0%20.4-.4.7-.9.7-.1%200-.2%200-.2-.1L172%208.2c-.5-.2-.6-.6-.1-.8l6.2-3.6c.5-.3.8-.1.7.5l-.8%205.1z'/%3e%3cpath%20class='st0'%20d='M169.4%2015.9c-1%200-2-.2-2.9-.7-2-1-3.2-3-3.2-5.2.1-3.4%202.9-6%206.3-6%202.5.1%204.8%201.7%205.6%204.1l.1-.1%202.1%201.1c-.6-4.4-4.7-7.5-9.1-6.9-3.9.6-6.9%203.9-7%207.9%200%202.9%201.7%205.6%204.3%207%201.2.6%202.5.9%203.8%201%202.6%200%205-1.2%206.6-3.3l-1.8-.9c-1.2%201.2-3%202-4.8%202z'/%3e%3cpath%20class='st0'%20d='M183.4%203.2c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5zm-5.1%205c.8%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5-1.5-.7-1.5-1.5c0-.9.7-1.5%201.5-1.5zm5.1%200h8.5c.9%200%201.5.7%201.5%201.5s-.7%201.5-1.5%201.5h-8.5c-.9%200-1.5-.7-1.5-1.5-.1-.9.6-1.5%201.5-1.5z'/%3e%3c/svg%3e");border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:1px dotted #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:#ffffff4d;margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:#ffffff4d}.mejs__time-current,.mejs__time-handle-content{background:#ffffffe6}.mejs__time-hovered{background:#ffffff80;z-index:10}.mejs__time-hovered.negative{background:#0003}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0);z-index:11}.mejs__time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:#323232b3;border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:#ffffff80;height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:2px}.mejs__volume-current{left:0;margin:0;width:100%}.mejs__volume-current,.mejs__volume-handle{background:#ffffffe6;position:absolute}.mejs__volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:#323232cc;height:8px;top:16px;width:50px}.mejs__horizontal-volume-current,.mejs__horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs__horizontal-volume-current{background:#fffc;height:100%;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:#323232b3;border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:#fff6!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:#14141480;box-shadow:5px 0 #14141480,-5px 0 #14141480;padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 15px;width:100%}.audioplayer{width:280px}.audioplayer .player-content{width:280px;height:36px;background:#fff;border:1px solid #E3E3E9;border-radius:18px;display:flex;-webkit-user-select:none;user-select:none}.audioplayer .player-content .icon{margin-left:7px;width:24px;border-radius:50%;position:relative}.audioplayer .player-content .icon i{font-size:24px;line-height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#444;cursor:pointer}.audioplayer .player-content .current-time{margin-left:10px;font-size:14px;color:#444;line-height:36px}.audioplayer .player-content .status-bar{flex:1;margin-left:3px;position:relative;cursor:pointer}.audioplayer .player-content .status-bar .btm-status{width:100%;height:4px;background:#cbcbd1;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.audioplayer .player-content .status-bar .current-status{width:50%;height:4px;background:#444;border-radius:18px 0 0 18px;position:absolute;left:0;top:50%;z-index:1;transform:translateY(-50%)}.audioplayer .player-content .total-time{margin-left:10px;margin-right:12px;font-size:14px;color:#444;line-height:36px}.audioplayer .player-content .audioTag{width:0;height:0;position:absolute;top:0;left:0;opacity:0}.audioplayer .error-tip{margin-top:4px;color:red}.audioplayer .player-tip{font-size:12px;color:#969696;line-height:20px;font-weight:400;margin-top:10px;text-align:left}.player-content-circle[data-v-7eb27df4]{position:relative;height:120px}.player-content-circle .icon[data-v-7eb27df4]{position:absolute;width:72px;height:72px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px 4px #00000014;border-radius:50%}.player-content-circle .icon .iconfont[data-v-7eb27df4]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;color:#ea5947}.player-content-circle .icon .txt[data-v-7eb27df4]{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:12px;color:#969696;white-space:nowrap}.mobile-player-content[data-v-7eb27df4]{width:340px;height:46px;border:1px solid #F1F3F7;box-shadow:0 2px 4px #d8d8d840;border-radius:24px}.mobile-player-content .icon[data-v-7eb27df4]{margin-right:6px;width:43px;border-right:1px solid #E3E3E9;border-radius:0}.mobile-player-content .icon .iconfont[data-v-7eb27df4]{font-size:16px;color:#ea5947}.mobile-player-content .status-bar .btm-status[data-v-7eb27df4]{background-color:#e3e3e9}.mobile-player-content .status-bar .current-status[data-v-7eb27df4]{background:#ea5947}.mobile-player-content .status-bar .ball-status[data-v-7eb27df4]{position:absolute;top:50%;z-index:1;transform:translate(-50%,-50%);width:15px;height:15px;background:#fff;border-radius:50%;border:1px solid #e3e3e9;box-shadow:0 2px 4px #d8d8d840}.mobile-player-content .total-time[data-v-7eb27df4]{font-size:12px;color:#969696;line-height:44px}.audioplayerTimes .player-content{width:110px;height:36px;background:#fff;border:1px solid #E3E3E9;border-radius:18px;display:flex;-webkit-user-select:none;user-select:none}.audioplayerTimes .player-content .icon{margin-left:7px;width:24px;border-radius:50%;position:relative}.audioplayerTimes .player-content .icon i{font-size:24px;line-height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#444;cursor:pointer}.audioplayerTimes .player-content .current-time{flex:1;margin-left:10px;font-size:14px;color:#444;line-height:36px;margin-right:14px;text-align:right}.audioplayerTimes .player-content .audioTag{width:0;height:0;position:absolute;top:0;left:0;opacity:0}.audioplayerTimes .player-content.disabled{background:#eee}.audioplayerTimes .player-content.disabled .current-time,.audioplayerTimes .player-content.disabled .icon{color:#b1b1b1}.audioplayerTimes .error-tip{margin-top:4px;color:red}.audioplayerTimes .player-tip{font-size:12px;color:#969696;line-height:20px;font-weight:400;margin-top:10px;text-align:left}.resource-wrap[data-v-a729ff45]{max-width:100%}.resource-image[data-v-a729ff45]{position:relative;min-width:50px;min-height:30px}.resource-image img[data-v-a729ff45]{max-width:340px;max-height:220px}.resource-image .show-big-btn[data-v-a729ff45]{position:absolute;right:2px;bottom:2px;width:22px;height:22px;line-height:22px;font-size:14px;text-align:center;opacity:.4;background:#000;border-radius:2px;color:#fff;cursor:pointer}.resource-document iframe[data-v-a729ff45]{max-width:98%;width:940px;height:800px;background:#fff}.audio-wrapper[data-v-a729ff45],.ul-resource__body .resource-video[data-v-a729ff45]{margin:0 auto}.resource-video[data-v-a729ff45]{max-width:100%}.resource-video .video-wrapper[data-v-a729ff45]{width:100%;max-width:100%;height:100%}.resource-video .video-wrapper .video[data-v-a729ff45],.resource-video .video-wrapper .error-tip[data-v-a729ff45]{width:100%;height:100%}.resource-video .video-wrapper .video[data-v-a729ff45] .custom-video,.resource-video .video-wrapper .error-tip[data-v-a729ff45] .custom-video{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.resource-video .video-wrapper .video[data-v-a729ff45] .custom-video .mejs__overlay-play,.resource-video .video-wrapper .error-tip[data-v-a729ff45] .custom-video .mejs__overlay-play{width:100%!important;height:100%!important}.resource-video .video-wrapper .error-tip[data-v-a729ff45]{display:flex;align-items:center;justify-content:center;font-size:14px;background-color:#000;color:#fff}.resource-video .video-wrapper .error-tip .tip[data-v-a729ff45]{padding:10px}.resource-video .video-wrapper .error-tip .tip .ul-link[data-v-a729ff45]{cursor:pointer}.mask-fade-enter-active[data-v-a729ff45]{animation:mask-fade-in-a729ff45 .3s}.mask-fade-leave-active[data-v-a729ff45]{animation:mask-fade-out-a729ff45 .3s}@keyframes mask-fade-in-a729ff45{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes mask-fade-out-a729ff45{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}.operation .recording[data-v-42847f67]{display:inline-block;margin-left:20px}.operation .recording .status[data-v-42847f67]{margin-right:10px}.progress-wrapper[data-v-42847f67]{float:left;margin-left:20px}.progress-wrapper .progress-value[data-v-42847f67]{color:#969696;margin-left:10px}.progress-wrapper .cancel[data-v-42847f67]{margin-left:10px;cursor:pointer}.progress-bar[data-v-42847f67]{position:relative;width:80px;height:6px;display:inline-block;background-color:#cbcbd1;border-radius:3px;margin-bottom:2px}.progress-bar .bar[data-v-42847f67]{position:absolute;left:0;top:0;bottom:0;width:0;background-color:#529fff;border-radius:3px}.file-list-block[data-v-42847f67]{margin:8px 0 0;padding:4px 0}.file-list-block li[data-v-42847f67]{padding:8px 12px;line-height:20px}.file-list-block .icon-wrapper[data-v-42847f67]{float:left;padding:2px 0}.file-list-block .icon-wrapper i[data-v-42847f67]{font-size:36px;line-height:1}.file-list-block .detail[data-v-42847f67]{margin-left:46px}.file-list-block .detail .name[data-v-42847f67]{line-height:20px}.file-list-block .detail .info[data-v-42847f67]{zoom:1}.file-list-block .detail .info[data-v-42847f67]:after{display:block;height:0;content:" ";clear:both}.file-list-block .detail .info .size[data-v-42847f67]{float:left;color:#969696}.file-list-block .detail .operations[data-v-42847f67]{float:left;margin-left:20px}.file-list-block .detail .operations a[data-v-42847f67]{margin-right:10px}.choice-file-list .file-list-block[data-v-42847f67]{margin:4px 0 8px;padding:0}.choice-file-list .file-list-block li[data-v-42847f67]{padding:0 0 12px}.choice-file-list .file-list-block li[data-v-42847f67]:last-child{padding:0}.answer-file-list .file-list-block[data-v-42847f67]{margin:0;padding:0}.answer-file-list .file-list-block li[data-v-42847f67]{margin-top:4px;padding:0}.title-file-list .file-list-block[data-v-42847f67]{padding:0}.title-file-list .file-list-block li[data-v-42847f67]{padding:8px 0}.preview-container .preview-content .resource-wrap[data-v-42847f67],.preview-container .preview-content .operations[data-v-42847f67]{display:inline-block;vertical-align:bottom}.preview-container .preview-content .resource-wrap-fullScreen[data-v-42847f67]{display:block;margin-right:0}.preview-container .preview-content .resource-wrap[data-v-42847f67]{margin-right:16px;max-width:100%}.preview-container .preview-content .operations .ul-link+.ul-link[data-v-42847f67]{margin-left:20px}.preview-container .preview-content.audio-preview .resource-wrap[data-v-42847f67],.preview-container .preview-content.audio-preview .operations[data-v-42847f67]{vertical-align:top;line-height:36px}.preview-container .set-lisCount-wrap[data-v-42847f67]{margin-top:10px;font-size:14px;color:#444}.preview-container .set-lisCount-wrap .ul-select[data-v-42847f67]{margin-left:10px;width:110px}.preview-container .set-lisCount-wrap.idCss .ul-select[data-v-42847f67]{width:140px}.file-list-inline[data-v-42847f67]{padding:5px 0;margin:0}.file-list-inline li[data-v-42847f67]{zoom:1}.file-list-inline li[data-v-42847f67]:after{display:block;height:0;content:" ";clear:both}.file-list-inline li[data-v-42847f67]{padding:5px 0;font-size:12px;line-height:20px}.file-list-inline i[data-v-42847f67]{float:left;font-size:18px}.file-list-inline .name[data-v-42847f67]{float:left;margin:0 10px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list-inline .size[data-v-42847f67]{float:left;color:#969696}.file-list-inline .ul-link[data-v-42847f67]{float:left;margin-left:16px;font-size:12px}.file-list-inline .progress-wrapper[data-v-42847f67]{float:left}.upload-fail[data-v-42847f67]{margin-right:10px;color:#f60000}.choice-container[data-v-266a036f]{width:100%}.choice-list-base .choice-item[data-v-266a036f]{margin-top:12px;display:flex;align-items:center}.choice-list-base .choice-item .choice-option[data-v-266a036f]{margin-right:20px;line-height:44px;font-weight:700}.choice-list-base .choice-item .choice-input-wrap[data-v-266a036f]{flex:1}.choice-list-base .choice-item .choice-input-wrap .choice-input[data-v-266a036f]{width:100%;min-height:44px;border:1px solid #e3e3e9;outline:none;font-size:16px}.choice-list-base .choice-item .choice-input-wrap .choice-input[data-v-266a036f]::placeholder{font-size:14px;color:#969696;line-height:44px}.choice-list-base .choice-item .choice-input-wrap .rich-text[data-v-266a036f]{padding:9px 10px}.choice-list-base .choice-item .choice-input-wrap .no-content-tip[data-v-266a036f]{font-size:14px;color:#969696;margin-left:10px;line-height:44px}.choice-list-base .choice-item .btn-delete[data-v-266a036f]{width:12px;height:12px;margin-left:10px;cursor:pointer}.choice-list-base .btn-add[data-v-266a036f]{margin:12px 0 0 30px;color:#529fff;display:flex;align-items:center;gap:4px;cursor:pointer}.choices[data-v-266a036f]{width:100%}.choice-item[data-v-266a036f]{display:flex;margin-top:16px;margin-right:2px;font-size:16px;line-height:1.5;-webkit-user-select:unset;user-select:unset}.choice-item .index[data-v-266a036f]{color:#444;font-size:16px;line-height:1.5}.choice-item .choice-content[data-v-266a036f]{display:inline-block;line-height:1.5;width:100%;vertical-align:top}.choice-item.wrong[data-v-266a036f],.choice-item.wrong span[data-v-266a036f],.choice-item.wrong .rich-text[data-v-266a036f]{color:#f60000}.choice-item.correct[data-v-266a036f],.choice-item.correct span[data-v-266a036f],.choice-item.correct .rich-text[data-v-266a036f]{color:#69d184}.answer-display[data-v-266a036f],.correct-answer[data-v-266a036f]{margin-top:12px;font-size:14px}.answer-display span[data-v-266a036f]:first-child,.correct-answer span[data-v-266a036f]:first-child{color:#666;margin-right:8px}.edit-mode .choice-item[data-v-266a036f]{margin-right:12px}.edit-mode .btn-save[data-v-266a036f]{margin-top:12px}.preview-mode[data-v-266a036f] .tiny-radio-group,.answer-mode[data-v-266a036f] .tiny-radio-group{display:unset}.preview-mode[data-v-266a036f] .choice-item,.answer-mode[data-v-266a036f] .choice-item{align-items:baseline;width:100%}.preview-mode[data-v-266a036f] .choice-item .tiny-radio__label,.preview-mode[data-v-266a036f] .choice-item .tiny-checkbox__label,.answer-mode[data-v-266a036f] .choice-item .tiny-radio__label,.answer-mode[data-v-266a036f] .choice-item .tiny-checkbox__label{display:flex}.preview-mode[data-v-266a036f] .choice-item .choice-content,.answer-mode[data-v-266a036f] .choice-item .choice-content{display:unset;font-size:16px}.preview-mode[data-v-266a036f] .choice-item .tiny-radio__input,.answer-mode[data-v-266a036f] .choice-item .tiny-radio__input{position:relative;transform:translateY(2px)}.answer-mode .btn-submit[data-v-266a036f]{margin-top:12px}[data-v-266a036f] p{margin:0;white-space:break-spaces;padding:0}.title-tip[data-v-e97cb79c]{margin-left:10px;font-size:14px;color:#606266;line-height:1.2;font-weight:400}.correct-answer-tip[data-v-e97cb79c]{margin-left:6px;font-size:14px;line-height:20px}.answer-item[data-v-e97cb79c]{margin-top:12px;display:flex}.answer-option[data-v-e97cb79c]{margin-right:20px;line-height:44px}.answer-input[data-v-e97cb79c]{flex:1;height:44px;padding:0 10px;border:1px solid #dcdfe6;outline:none;font-size:16px}.btn-delete[data-v-e97cb79c]{margin-left:12px;font-size:12px;line-height:44px;color:#606266;cursor:pointer}.btn-delete[data-v-e97cb79c]:hover{color:#c1c1c1}.can-exchange[data-v-e97cb79c]{margin:14px 0;display:block}.correct-answer-item[data-v-2aac4217]{display:inline-block}.correct-answer-item[data-v-2aac4217]:first-child{margin-left:6px}.correct-answer-item+.correct-answer-item[data-v-2aac4217]{margin-right:15px}
|