@hbixinlian/as-editor-components 1.0.0

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/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2021 孤傲 <9068149@qq.com>
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,388 @@
1
+ # @hbixinlian/as-editor-components
2
+
3
+ AS-Editor 可视化拖拽编辑器组件库 - 基于Vue3的可复用UI组件集合
4
+
5
+ ## 📦 安装
6
+
7
+ ```bash
8
+ npm install @hbixinlian/as-editor-components
9
+ # 或
10
+ pnpm install @hbixinlian/as-editor-components
11
+ # 或
12
+ yarn add @hbixinlian/as-editor-components
13
+ ```
14
+
15
+ ## 🚀 快速开始
16
+
17
+ ### 完整引入
18
+
19
+ ```javascript
20
+ import { createApp } from 'vue'
21
+ import AsEditorComponents from '@hbixinlian/as-editor-components'
22
+ import '@hbixinlian/as-editor-components/dist/as-editor-components.css'
23
+
24
+ const app = createApp(App)
25
+ app.use(AsEditorComponents)
26
+ ```
27
+
28
+ ### 按需引入
29
+
30
+ ```javascript
31
+ import { ComponentRenderer, CaptionText, PictureAds } from '@hbixinlian/as-editor-components'
32
+
33
+ // 在组件中使用
34
+ export default {
35
+ components: {
36
+ ComponentRenderer,
37
+ CaptionText,
38
+ PictureAds
39
+ }
40
+ }
41
+ ```
42
+
43
+ ### 分类引入
44
+
45
+ ```javascript
46
+ import {
47
+ BasicComponents, // 基础组件
48
+ BusinessComponents, // 业务组件
49
+ LayoutComponents, // 布局组件
50
+ MediaComponents // 媒体组件
51
+ } from '@hbixinlian/as-editor-components'
52
+ ```
53
+
54
+ ## 📋 组件列表
55
+
56
+ ### 核心组件
57
+
58
+ #### ComponentRenderer - 组件渲染器
59
+ 核心渲染组件,用于渲染页面配置和组件列表。
60
+
61
+ ```vue
62
+ <template>
63
+ <ComponentRenderer
64
+ :pageConfig="pageConfig"
65
+ :components="components"
66
+ :minHeight="600"
67
+ :showEditControls="false"
68
+ :enableInteraction="true"
69
+ @component-click="handleComponentClick"
70
+ @component-delete="handleComponentDelete"
71
+ @renderer-ready="handleRendererReady"
72
+ />
73
+ </template>
74
+
75
+ <script setup>
76
+ import { ComponentRenderer } from '@hbixinlian/as-editor-components'
77
+
78
+ const pageConfig = {
79
+ name: '页面标题',
80
+ isPerson: false,
81
+ isBack: true,
82
+ titleHeight: 35,
83
+ bgColor: '#f9f9f9',
84
+ bgImg: ''
85
+ }
86
+
87
+ const components = [
88
+ {
89
+ component: 'CaptionText',
90
+ setStyle: {
91
+ name: '标题文本',
92
+ wordSize: 16,
93
+ wordColor: '#333'
94
+ }
95
+ }
96
+ ]
97
+
98
+ const handleComponentClick = ({ component, index }) => {
99
+ console.log('组件点击:', component, index)
100
+ }
101
+
102
+ const handleComponentDelete = ({ index }) => {
103
+ console.log('删除组件:', index)
104
+ }
105
+
106
+ const handleRendererReady = () => {
107
+ console.log('渲染器准备完成')
108
+ }
109
+ </script>
110
+ ```
111
+
112
+ ### 基础组件
113
+
114
+ #### CaptionText - 标题文本组件
115
+ 用于显示标题和描述文本。
116
+
117
+ ```vue
118
+ <CaptionText :datas="{
119
+ name: '标题文本',
120
+ description: '描述文本',
121
+ wordSize: 16,
122
+ wordColor: '#333',
123
+ positions: 'left',
124
+ backColor: '#fff'
125
+ }" />
126
+ ```
127
+
128
+ #### PictureAds - 图片广告组件
129
+ 支持单图、轮播等多种展示模式。
130
+
131
+ ```vue
132
+ <PictureAds :datas="{
133
+ imageList: [
134
+ { src: 'image1.jpg', text: '图片1' },
135
+ { src: 'image2.jpg', text: '图片2' }
136
+ ],
137
+ swiperType: 1,
138
+ borderRadius: 8
139
+ }" />
140
+ ```
141
+
142
+ #### RichText - 富文本组件
143
+ 支持富文本内容展示。
144
+
145
+ ```vue
146
+ <RichText :datas="{
147
+ content: '<p>富文本内容</p>',
148
+ padding: 16
149
+ }" />
150
+ ```
151
+
152
+ #### Notice - 通知栏组件
153
+ 用于展示通知消息。
154
+
155
+ ```vue
156
+ <Notice :datas="{
157
+ text: '通知内容',
158
+ speed: 50,
159
+ color: '#333',
160
+ backgroundColor: '#fff'
161
+ }" />
162
+ ```
163
+
164
+ #### TabBar - 标签栏组件
165
+ 用于标签页切换。
166
+
167
+ ```vue
168
+ <TabBar :datas="{
169
+ tabs: [
170
+ { name: '标签1', active: true },
171
+ { name: '标签2', active: false }
172
+ ]
173
+ }" />
174
+ ```
175
+
176
+ #### Videos - 视频组件
177
+ 用于视频播放展示。
178
+
179
+ ```vue
180
+ <Videos :datas="{
181
+ src: 'video.mp4',
182
+ poster: 'poster.jpg',
183
+ autoplay: false
184
+ }" />
185
+ ```
186
+
187
+ ### 业务组件
188
+
189
+ #### CommoditySearch - 商品搜索组件
190
+ ```vue
191
+ <CommoditySearch :datas="{ placeholder: '请输入搜索关键词' }" />
192
+ ```
193
+
194
+ #### CommunityPowder - 社群运营组件
195
+ ```vue
196
+ <CommunityPowder :datas="{ title: '社群标题', memberCount: 1000 }" />
197
+ ```
198
+
199
+ #### PersonalizedRecommendation - 个性化推荐组件
200
+ ```vue
201
+ <PersonalizedRecommendation :datas="{
202
+ title: '为您推荐',
203
+ products: []
204
+ }" />
205
+ ```
206
+
207
+ ### 布局组件
208
+
209
+ #### AuxiliarySegmentation - 辅助分割线组件
210
+ ```vue
211
+ <AuxiliarySegmentation :datas="{
212
+ height: 10,
213
+ backgroundColor: '#f5f5f5'
214
+ }" />
215
+ ```
216
+
217
+ #### MagicCube - 魔方组件
218
+ ```vue
219
+ <MagicCube :datas="{
220
+ items: [
221
+ { icon: 'icon1', text: '选项1' },
222
+ { icon: 'icon2', text: '选项2' }
223
+ ]
224
+ }" />
225
+ ```
226
+
227
+ ### 媒体组件
228
+
229
+ #### CourseModule - 课程模块组件
230
+ ```vue
231
+ <CourseModule :datas="{
232
+ courseList: [],
233
+ title: '推荐课程'
234
+ }" />
235
+ ```
236
+
237
+ #### LiveModule - 直播模块组件
238
+ ```vue
239
+ <LiveModule :datas="{
240
+ liveList: [],
241
+ title: '直播间'
242
+ }" />
243
+ ```
244
+
245
+ ## 🛠 工具和配置
246
+
247
+ ### ComponentProperties
248
+ 组件属性配置数据,包含所有组件的默认配置和属性定义。
249
+
250
+ ```javascript
251
+ import { Utils } from '@hbixinlian/as-editor-components'
252
+ const { ComponentProperties } = Utils
253
+
254
+ // 获取组件配置
255
+ const captionTextConfig = ComponentProperties.find(item => item.name === 'captiontext')
256
+ ```
257
+
258
+ ### ComponentFactory
259
+ 组件工厂,用于动态创建和管理组件。
260
+
261
+ ```javascript
262
+ import { Utils } from '@hbixinlian/as-editor-components'
263
+ const { ComponentFactory } = Utils
264
+
265
+ // 使用组件工厂
266
+ const componentInstance = ComponentFactory.createComponent('captiontext', config)
267
+ ```
268
+
269
+ ## 📝 TypeScript 支持
270
+
271
+ 本组件库提供完整的TypeScript类型定义:
272
+
273
+ ```typescript
274
+ import { ComponentRendererProps, ComponentItem, PageConfig } from '@hbixinlian/as-editor-components'
275
+
276
+ const pageConfig: PageConfig = {
277
+ name: '页面标题',
278
+ bgColor: '#f9f9f9'
279
+ }
280
+
281
+ const components: ComponentItem[] = [
282
+ {
283
+ component: 'CaptionText',
284
+ setStyle: {
285
+ name: '标题'
286
+ }
287
+ }
288
+ ]
289
+ ```
290
+
291
+ ## 🎯 依赖要求
292
+
293
+ ### Peer Dependencies
294
+ - Vue 3.x
295
+ - Vant 3.x (UI组件库)
296
+ - Element Plus 1.x (部分组件使用)
297
+
298
+ 请确保在项目中安装这些依赖:
299
+
300
+ ```bash
301
+ npm install vue@^3.0.0 vant@^3.0.0 element-plus@^1.0.0
302
+ ```
303
+
304
+ ## 📖 完整示例
305
+
306
+ ```vue
307
+ <template>
308
+ <div class="app">
309
+ <ComponentRenderer
310
+ :pageConfig="pageConfig"
311
+ :components="components"
312
+ :minHeight="600"
313
+ @component-click="handleClick"
314
+ />
315
+ </div>
316
+ </template>
317
+
318
+ <script setup>
319
+ import { ref } from 'vue'
320
+ import { ComponentRenderer } from '@hbixinlian/as-editor-components'
321
+ import '@hbixinlian/as-editor-components/dist/as-editor-components.css'
322
+
323
+ const pageConfig = ref({
324
+ name: '商城首页',
325
+ bgColor: '#f9f9f9'
326
+ })
327
+
328
+ const components = ref([
329
+ {
330
+ component: 'CaptionText',
331
+ setStyle: {
332
+ name: '热门推荐',
333
+ wordSize: 18,
334
+ wordColor: '#333',
335
+ positions: 'center'
336
+ }
337
+ },
338
+ {
339
+ component: 'PictureAds',
340
+ setStyle: {
341
+ imageList: [
342
+ { src: 'banner1.jpg', text: '广告1' },
343
+ { src: 'banner2.jpg', text: '广告2' }
344
+ ],
345
+ swiperType: 1,
346
+ borderRadius: 8
347
+ }
348
+ }
349
+ ])
350
+
351
+ const handleClick = ({ component, index }) => {
352
+ console.log('点击了组件:', component.component, '索引:', index)
353
+ }
354
+ </script>
355
+ ```
356
+
357
+ ## 🔧 开发与构建
358
+
359
+ ```bash
360
+ # 安装依赖
361
+ npm install
362
+
363
+ # 开发模式
364
+ npm run dev
365
+
366
+ # 构建库
367
+ npm run build:lib
368
+
369
+ # 代码检查
370
+ npm run lint
371
+ ```
372
+
373
+ ## 📄 许可证
374
+
375
+ MIT License
376
+
377
+ ## 🤝 贡献
378
+
379
+ 欢迎提交 Issues 和 Pull Requests!
380
+
381
+ ## 📞 联系
382
+
383
+ - 作者: 孤傲 <9068149@qq.com>
384
+ - GitHub: https://github.com/hbixinlian/as-editor
385
+
386
+ ---
387
+
388
+ 更多详细使用说明请参考各组件的具体文档。
@@ -0,0 +1 @@
1
+ .component-renderer[data-v-347b759b]{width:100%;height:100%;overflow:hidden}.component-renderer .page-header[data-v-347b759b]{display:flex;align-items:center;position:relative;z-index:10}.component-renderer .page-header .header-content[data-v-347b759b]{display:flex;align-items:center;width:100%;padding:0 16px}.component-renderer .page-header .header-content .back-icon[data-v-347b759b]{margin-right:12px;color:#333}.component-renderer .page-header .header-content .page-title[data-v-347b759b]{font-size:16px;font-weight:500;color:#333}.component-renderer .page-body[data-v-347b759b]{position:relative;overflow:auto}.component-renderer .page-body .rendered-component[data-v-347b759b]{position:relative;transition:all .2s ease}.component-renderer .page-body .rendered-component.component-active[data-v-347b759b]{position:relative;z-index:5}.component-renderer .page-body .rendered-component .component-controls[data-v-347b759b]{position:absolute;top:0;left:0;right:0;height:30px;background:rgba(21,91,212,.9);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px;z-index:10;cursor:pointer}.component-renderer .page-body .rendered-component .component-controls .component-label[data-v-347b759b]{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.component-renderer .page-body .rendered-component .component-controls[data-v-347b759b]:hover{background:#155bd4}.component-renderer .page-body .empty-state[data-v-347b759b]{display:flex;align-items:center;justify-content:center;min-height:400px}.component-renderer .page-body .empty-state .empty-content[data-v-347b759b]{text-align:center}.component-renderer .page-body .empty-state .empty-content .empty-text[data-v-347b759b]{margin-top:16px;color:#999;font-size:14px}.rendered-component[data-v-347b759b]{box-sizing:border-box}.captiontext[data-v-4236ab82]{border:2px solid #fff;box-sizing:border-box;width:100%;padding:0 14px;min-height:20px;position:relative}.captiontext h2[data-v-4236ab82],.captiontext p[data-v-4236ab82]{word-wrap:break-word;min-height:10px}.captiontext .more[data-v-4236ab82]{font-size:10px;color:#969799;text-align:center}.captiontext .more.lef[data-v-4236ab82]{position:absolute;right:15px;top:12px}.pictureads[data-v-c92e069f]{position:relative}.pictureads .upload[data-v-c92e069f]{background:#979797;width:100%;height:250px;display:flex;justify-content:center;align-items:center}.pictureads .upload i[data-v-c92e069f]{font-size:120px}.pictureads .type0[data-v-c92e069f]{box-sizing:border-box}.pictureads .type0 .imgLis[data-v-c92e069f]{width:100%;position:relative;overflow:hidden}.pictureads .type0 .imgLis[data-v-c92e069f]:last-child{margin:0!important}.pictureads .type0 .imgLis img[data-v-c92e069f]{width:100%;height:100%;display:block}.pictureads .type0 .imgLis .title[data-v-c92e069f]{height:36px;width:100%;background-color:#333c;text-align:center;line-height:36px;color:#fff;position:absolute;bottom:0;left:0}.pictureads .type1[data-v-c92e069f]{width:100%;position:relative}.pictureads .type1 .swiper-slide[data-v-c92e069f]{width:100%;height:250px}.pictureads .type1 img[data-v-c92e069f]{width:100%;height:100%;display:block}.pictureads .type1 .title[data-v-c92e069f]{height:36px;width:100%;background-color:#333c;text-align:center;line-height:36px;color:#fff;position:absolute;bottom:0;left:0;text-align:left;box-sizing:border-box;padding:0 5px}.pictureads .type3[data-v-c92e069f]{width:100%;height:250px;align-items:center}.pictureads .type3 .swiper-slide[data-v-c92e069f]{height:210px!important;text-align:center;font-size:18px;background:#fff;box-shadow:#adadadcc 0 7px 24px;border-radius:12px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:.3s;transform:scale(.8)}.pictureads .type3 .swiper-slide img[data-v-c92e069f]{width:100%;height:100%}.pictureads .type3 .swiper-slide-active[data-v-c92e069f],.pictureads .type3 .swiper-slide-duplicate-active[data-v-c92e069f]{transform:scale(1)}.pictureads .type3 .swiper-pagination[data-v-c92e069f]{bottom:0!important}.pictureads .type3 .title[data-v-c92e069f]{height:36px;width:100%;background-color:#333c;text-align:center;line-height:36px;color:#fff;position:absolute;bottom:0;left:0;text-align:left;box-sizing:border-box;padding:0 5px}.pictureads .type3H[data-v-c92e069f]{height:250px}.pictureads .swiper-container-horizontal>.swiper-pagination-progressbar[data-v-c92e069f]{height:2px}[data-v-28f1a972] img{max-width:100%!important;display:block}.richtext[data-v-28f1a972]{position:relative}.richtext[data-v-28f1a972] pre{white-space:break-spaces}.richtext[data-v-28f1a972] p{word-break:break-all}.notice[data-v-77fdfd62]{position:relative}.tabBar[data-v-4c9de765]{width:100%;position:relative;position:absolute;bottom:-54px;left:0;z-index:2}.tabbar[data-v-4c9de765] .van-icon{width:25px;height:25px}.tabbar[data-v-4c9de765] .van-icon img{display:block;width:100%;height:100%}.videoss[data-v-e673c7c7]{position:relative}.videoss .default[data-v-e673c7c7]{width:100%;height:210px;background:#979797;display:flex;justify-content:center;align-items:center}.videoss .bof[data-v-e673c7c7]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:100px;opacity:.5;color:#999}.videoss video[data-v-e673c7c7]{width:100%}.commoditysearch[data-v-10235f58]{position:relative}.commoditysearch .searchs[data-v-10235f58]{position:relative;width:345px;min-height:28px;margin:5px auto;display:flex;align-items:center;font-size:14px}.commoditysearch .searchs .search-left[data-v-10235f58]{display:flex;align-items:center}.commoditysearch .searchs .sweep[data-v-10235f58]{position:absolute;right:10px}.commoditysearch .searchs i[data-v-10235f58]{margin:0 5px}.communitypowder[data-v-02fa51f7]{position:relative}.communitypowder .powder[data-v-02fa51f7]{width:100%;height:90px;display:flex;align-items:center}.communitypowder .powder .container[data-v-02fa51f7]{height:60px;width:100%;box-sizing:border-box;padding:0 15px;align-items:center;display:flex;justify-content:space-between}.communitypowder .powder .container .lef[data-v-02fa51f7]{display:flex}.communitypowder .powder .container .lef img[data-v-02fa51f7]{width:60px;height:60px;border-radius:50%}.communitypowder .powder .container .lef .text[data-v-02fa51f7]{display:flex;flex-direction:column;justify-content:space-between;margin-left:10px;width:146px;padding:8px 0}.communitypowder .powder .container .lef .text .first[data-v-02fa51f7]{width:100%;color:#333;font-weight:700;font-size:14px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.communitypowder .powder .container .lef .text .last[data-v-02fa51f7]{width:100%;color:#a9a9a9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.crowdoperation[data-v-30279a43],.personalizedrecommendation[data-v-f0e6f2fa],.storeinformation[data-v-257ee9cd]{position:relative}.storeinformation .type0[data-v-257ee9cd]{width:100%;background-repeat:round;position:relative;height:185px}.storeinformation .type0 .men[data-v-257ee9cd]{width:100%;height:100%;position:absolute;left:0;top:0}.storeinformation .type0 .men img[data-v-257ee9cd]{display:block;width:100%;height:100%}.storeinformation .type0 .storIinformation[data-v-257ee9cd]{width:100%;height:60px;position:absolute;left:0;top:110px;display:flex;z-index:3}.storeinformation .type0 .storIinformation img[data-v-257ee9cd]{width:60px;height:60px;margin-left:15px;margin-right:10px;border-radius:5px}.storeinformation .type0 .storIinformation p[data-v-257ee9cd]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}.storeinformation .menban[data-v-257ee9cd]{position:absolute;left:0p;top:0;width:100%;z-index:2;height:100%}.storeinformation .type1[data-v-257ee9cd]{width:100%;background-repeat:round;position:relative;height:238px}.storeinformation .type1 .men[data-v-257ee9cd]{width:100%;height:185px;position:absolute;left:0;top:0}.storeinformation .type1 .men img[data-v-257ee9cd]{display:block;width:100%;height:100%}.storeinformation .type1 .storIinformation[data-v-257ee9cd]{width:100%;height:60px;position:absolute;left:0;top:150px;display:flex;z-index:3}.storeinformation .type1 .storIinformation img[data-v-257ee9cd]{width:72px;height:72px;margin-left:15px;margin-right:10px;border-radius:50%}.storeinformation .type1 .storIinformation p[data-v-257ee9cd]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}.storeinformation .type3[data-v-257ee9cd]{width:100%;background-repeat:round;position:relative;height:238px}.storeinformation .type3 .men[data-v-257ee9cd]{width:100%;height:140px;position:absolute;left:0;top:0}.storeinformation .type3 .men img[data-v-257ee9cd]{display:block;width:100%;height:100%}.storeinformation .type3 .storIinformation[data-v-257ee9cd]{width:100%;position:absolute;left:0;top:100px;display:flex;flex-direction:column;align-items:center;z-index:3}.storeinformation .type3 .storIinformation img[data-v-257ee9cd]{width:72px;height:72px;margin-left:15px;margin-right:10px;border-radius:50%}.storeinformation .type3 .storIinformation p[data-v-257ee9cd]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-align:center}.storeinformation .type4[data-v-257ee9cd]{width:100%;background-repeat:round;position:relative;height:250px}.storeinformation .type4 .men[data-v-257ee9cd]{width:100%;height:100%;position:absolute;left:0;top:0}.storeinformation .type4 .men img[data-v-257ee9cd]{display:block;width:100%;height:100%}.storeinformation .type4 .storIinformation[data-v-257ee9cd]{width:100%;position:absolute;left:0;top:50px;display:flex;flex-direction:column;align-items:center;z-index:3}.storeinformation .type4 .storIinformation img[data-v-257ee9cd]{width:72px;height:72px;margin-left:15px;margin-right:10px;border-radius:50%}.storeinformation .type4 .storIinformation p[data-v-257ee9cd]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-align:center}.entertheshop[data-v-7d392dd1]{position:relative}.entertheshop[data-v-7d392dd1] .van-cell__left-icon{display:flex;align-items:center}.onlineservice[data-v-9a62b7da]{position:relative}.investigate[data-v-7b407d08]{position:relative;padding:0 6px}form select[data-v-7b407d08]{appearance:none;-moz-appearance:none;-webkit-appearance:none}.xiala[data-v-7b407d08]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;color:#323233;font-size:14px;line-height:24px;background-color:#fff}.xiala .titlename[data-v-7b407d08]{width:5.6em;margin-right:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}select[data-v-7b407d08]{border:none;outline:none}.title[data-v-7b407d08]{text-align:center;padding:10px;font-size:18px;font-weight:700}[data-v-7b407d08] .van-cell{display:block}[data-v-7b407d08] .el-form-item__label{text-align:center;width:100%!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-v-7b407d08] .el-form-item__content{margin-left:100%!important}.uploadImg[data-v-7b407d08]{width:200px;height:40px;margin-top:20px}[data-v-7b407d08] .van-radio,.van-checkbox[data-v-7b407d08]{padding:4px 0}[data-v-7b407d08] .van-field__label{width:100%;padding-left:10px;border-bottom:1px solid #dddddd;padding-bottom:10px;line-height:20px;font-size:13px}[data-v-7b407d08] .van-field__value{padding-left:10px;font-size:13px;padding-top:5px}.button[data-v-7b407d08]{padding:12px 24px}.button button[data-v-7b407d08]{width:100%;background:#3074f3;color:#fff;padding:8px;border-radius:20px;text-align:center;font-size:14px;border:none}.select[data-v-7b407d08]{position:relative;width:100%}.select .readinput[data-v-7b407d08]{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:#323233;line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;cursor:default}.ultext[data-v-7b407d08]{display:none;height:0;overflow:hidden;transition:all linear 1s;background:#fff;z-index:100;border-radius:6px;box-shadow:0 0 16px 1px #c8c8c880}.ultext li[data-v-7b407d08]{padding:4px 16px;border-bottom:1px solid #eeeeee}.ultext li[data-v-7b407d08]:hover{background:#c3d4f5}.ulshow[data-v-7b407d08]{display:block;height:auto;max-height:200px;overflow-y:auto;margin-top:6px;position:absolute}#follow[data-v-024f1fe3]{position:relative;width:100%;padding:5px 10px;box-sizing:border-box}#follow .follow-box[data-v-024f1fe3]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:1px solid #999;border-radius:5px;padding:10px;box-sizing:border-box}#follow .follow-box .follow-pic[data-v-024f1fe3]{width:50px;height:50px}#follow .follow-box .follow-pic img[data-v-024f1fe3]{display:block;width:100%;height:100%;border-radius:50%}#follow .follow-box .follow-info[data-v-024f1fe3]{flex:1;margin-left:20px;font-size:14px;color:#333}.storenotecard[data-v-672ba239]{position:relative}.storenotecard .more1[data-v-672ba239]{margin:15px;display:flex;justify-content:space-between;align-items:center}.storenotecard .more1 h4[data-v-672ba239]{font-size:16px;color:#323233;font-weight:400;width:270px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.storenotecard .more1 p[data-v-672ba239]{color:#969799;font-size:12px;display:flex;align-items:center}.storenotecard .more2[data-v-672ba239]{text-align:center;color:#969799;font-size:12px;margin-bottom:15px}.storenotecard .defaultcommodity[data-v-672ba239]{box-sizing:border-box;margin:1px;padding:0 15px}.storenotecard .defaultcommodity.defaultcommodityList2[data-v-672ba239]{overflow:scroll;display:flex}.storenotecard .defaultcommodity.defaultcommodityList2[data-v-672ba239]::-webkit-scrollbar{height:1px}.storenotecard .defaultcommodity.defaultcommodityList2[data-v-672ba239]::-webkit-scrollbar-thumb{background-color:#155bd4}.storenotecard .defaultcommodity.defaultcommodityList2[data-v-672ba239] .el-collapse-item__header,.storenotecard .defaultcommodity.defaultcommodityList2[data-v-672ba239] .el-collapse-item__wrap{border-bottom:0!important}.storenotecard .defaultcommodity .defaultcommodityList[data-v-672ba239]{position:relative;margin-bottom:15px;overflow:hidden;display:inline-flex;flex-direction:column}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList0[data-v-672ba239]{width:100%}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList0 .containoptions .marks[data-v-672ba239]{bottom:33px;z-index:3}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList0 img[data-v-672ba239]{height:147px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList0 .positionsTop[data-v-672ba239]{position:absolute;display:flex;flex-direction:column-reverse;left:0;bottom:0;background:none!important;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.5))!important}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList0 .positionsTop h5[data-v-672ba239]{color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList0 .positionsTop span[data-v-672ba239]{color:#fff}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList0 .positionsTop .dianz[data-v-672ba239]{padding-left:190px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList1[data-v-672ba239]{width:48%}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList1[data-v-672ba239]:nth-of-type(2n){margin-left:4%}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList2[data-v-672ba239]{width:150px;flex:none;margin-right:5%}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3[data-v-672ba239]{display:flex}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3[data-v-672ba239]:nth-of-type(3n-2){margin-bottom:0!important}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-2) .marks[data-v-672ba239]{bottom:33px;z-index:3}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-2) img[data-v-672ba239]{height:147px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-2) .text[data-v-672ba239]{position:absolute;display:flex;flex-direction:column-reverse;left:0;bottom:0;background:none!important;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.5))!important}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-2) .text h5[data-v-672ba239]{color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-2) .text span[data-v-672ba239]{color:#fff}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-2) .text .dianz[data-v-672ba239]{padding-left:190px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3[data-v-672ba239]:nth-of-type(3n){flex-direction:row-reverse;margin-bottom:15px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n) .imgss[data-v-672ba239]{width:65px!important;height:67px;z-index:99;position:absolute!important;top:10%;right:10px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n) .imgss img[data-v-672ba239]{width:100%;height:100%}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n) .marks[data-v-672ba239]{left:0;background:#fff;opacity:.85;bottom:0}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n) .text[data-v-672ba239]{width:100%;padding:10px 80px 10px 10px;min-height:87px;display:flex;flex-direction:column;justify-content:space-between}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n) .text .dianz[data-v-672ba239]{justify-content:start;line-height:20px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n) .text .dianz span.fir[data-v-672ba239]{margin-right:30px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3[data-v-672ba239]:nth-of-type(3n-1){flex-direction:row-reverse;margin-bottom:0;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-1) .marks[data-v-672ba239]{left:0;bottom:0;background:#fff;opacity:.85}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-1) .imgss[data-v-672ba239]{width:65px!important;height:67px;z-index:99;position:absolute!important;top:10%;right:10px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-1) .imgss img[data-v-672ba239]{width:100%;height:100%}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-1) .text[data-v-672ba239]{width:100%;padding:10px 80px 10px 10px;min-height:87px;display:flex;flex-direction:column;justify-content:space-between}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-1) .text .dianz[data-v-672ba239]{justify-content:start;line-height:20px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3:nth-of-type(3n-1) .text .dianz span.fir[data-v-672ba239]{margin-right:30px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList3[data-v-672ba239]:nth-of-type(3n){flex-direction:row-reverse}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList4[data-v-672ba239]{width:100%;flex-direction:row-reverse;margin-bottom:15px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList4 .imgss[data-v-672ba239]{width:120px!important;height:122px;z-index:99;position:absolute!important;top:8%;right:10px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList4 .imgss img[data-v-672ba239]{width:100%;height:100%}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList4 .marks[data-v-672ba239]{left:0;background:#fff;opacity:.85;bottom:0}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList4 .text[data-v-672ba239]{width:100%;padding:10px 160px 10px 10px;min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList4 .text .dianz[data-v-672ba239]{justify-content:start;line-height:20px}.storenotecard .defaultcommodity .defaultcommodityList.defaultcommodityList4 .text .dianz span.fir[data-v-672ba239]{margin-right:30px}.storenotecard .defaultcommodity .defaultcommodityList .marks[data-v-672ba239]{position:absolute;bottom:10px;left:13px;font-size:10px;padding:2px 5px;background:#fff;opacity:.85;border-radius:3px}.storenotecard .defaultcommodity .defaultcommodityList .marks span[data-v-672ba239]{color:#d40}.storenotecard .defaultcommodity .defaultcommodityList img[data-v-672ba239]{width:100%;display:block;overflow:hidden}.storenotecard .defaultcommodity .defaultcommodityList .text[data-v-672ba239]{padding:10px 10px 0;width:100%;box-sizing:border-box}.storenotecard .defaultcommodity .defaultcommodityList .text h5[data-v-672ba239]{font-size:14px;line-height:20px;margin:0 0 5px;font-weight:400;width:100%;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.storenotecard .defaultcommodity .defaultcommodityList .text .dianz[data-v-672ba239]{display:flex;justify-content:space-between;line-height:35px}.storenotecard .defaultcommodity .defaultcommodityList .text .dianz span[data-v-672ba239]{font-size:12px;display:flex;align-items:center}.storenotecard .defaultcommodity .defaultcommodityList .text .dianz span .van-icon-good-job-o[data-v-672ba239]{margin-right:5px}.auxiliarysegmentation[data-v-0dc2cad6]{position:relative}.auxiliarysegmentation .contan[data-v-0dc2cad6]{display:flex;align-items:center}.graphicnavigation[data-v-aa54184a]{position:relative;background-repeat:no-repeat;background-size:100% 100%}.graphicnavigation .defaultNavigation[data-v-aa54184a]{justify-content:space-evenly}.graphicnavigation .defaultNavigation[data-v-aa54184a]::-webkit-scrollbar{height:1px}.graphicnavigation .defaultNavigation[data-v-aa54184a]::-webkit-scrollbar-thumb{background-color:#155bd4}.graphicnavigation .defaultNavigation[data-v-aa54184a] .el-collapse-item__header,.graphicnavigation .defaultNavigation[data-v-aa54184a] .el-collapse-item__wrap{border-bottom:0!important}.graphicnavigation .defaultNavigation .navigationList[data-v-aa54184a]{display:flex;flex-direction:column;align-items:center}.graphicnavigation .defaultNavigation .navigationList img[data-v-aa54184a]{margin-top:5px;width:45px;height:45px}.graphicnavigation .defaultNavigation .navigationList p[data-v-aa54184a]{font-size:12px;margin-top:5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;box-sizing:border-box}.magiccube[data-v-05002485]{position:relative}.magiccube .imgone:last-of-type img[data-v-05002485]{padding-bottom:0!important;padding-right:0!important}.magiccube .imgone:first-of-type img[data-v-05002485]{padding-top:0!important;padding-right:0!important}.magiccube .imgtow:first-of-type img[data-v-05002485]{padding-bottom:0!important;padding-left:0!important}.magiccube .imgtow:last-of-type img[data-v-05002485]{padding-bottom:0!important;padding-right:0!important}.magiccube .hw[data-v-05002485]{width:100%;position:relative}.magiccube .hw img[data-v-05002485]{position:absolute;top:0;left:0;width:100%;height:100%}.magiccube .buju.buju0[data-v-05002485]{display:flex;justify-content:space-around;flex-wrap:wrap}.magiccube .buju.buju4[data-v-05002485]{display:flex;width:100%;height:300px;flex-direction:row;justify-content:space-around}.magiccube .buju .active[data-v-05002485]{background:#e0edff;border:1px solid #155bd4;color:#155bd4;z-index:2}.magiccube .buju .rubiksCubeType[data-v-05002485]{display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.magiccube .buju .rubiksCubeType.rubiksCubeType0[data-v-05002485]{width:50%}.magiccube .buju .rubiksCubeType.rubiksCubeType0:first-of-type img[data-v-05002485]{padding-left:0!important;padding-top:0!important;padding-bottom:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType0:last-of-type img[data-v-05002485]{padding-right:0!important;padding-top:0!important;padding-bottom:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType0 img[data-v-05002485]{width:100%;display:block}.magiccube .buju .rubiksCubeType.rubiksCubeType1[data-v-05002485]{width:33.333%}.magiccube .buju .rubiksCubeType.rubiksCubeType1[data-v-05002485]:nth-of-type(1){margin-left:0!important;margin-top:0!important;margin-bottom:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType1[data-v-05002485]:nth-of-type(2){margin-top:0!important;margin-left:0!important;margin-bottom:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType1[data-v-05002485]:nth-of-type(3){margin-top:0!important;margin-right:0!important;margin-bottom:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType1 img[data-v-05002485]{width:100%;height:150px;display:block}.magiccube .buju .rubiksCubeType.rubiksCubeType2[data-v-05002485]{width:25%}.magiccube .buju .rubiksCubeType.rubiksCubeType2[data-v-05002485]:nth-of-type(1){margin-left:0!important;margin-top:0!important;margin-bottom:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType2[data-v-05002485]:nth-of-type(2){margin-top:0!important;margin-left:0!important;margin-bottom:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType2[data-v-05002485]:nth-of-type(3){margin-top:0!important;margin-left:0!important;margin-bottom:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType2[data-v-05002485]:nth-of-type(4){margin-top:0!important;margin-right:0!important;margin-bottom:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType2 img[data-v-05002485]{width:100%;height:150px;display:block}.magiccube .buju .rubiksCubeType.rubiksCubeType3[data-v-05002485]{width:50%;padding-top:50%;position:relative}.magiccube .buju .rubiksCubeType.rubiksCubeType3:nth-of-type(1) img[data-v-05002485]{padding-top:0!important;padding-left:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType3:nth-of-type(2) img[data-v-05002485]{padding-top:0!important;padding-right:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType3:nth-of-type(3) img[data-v-05002485]{padding-bottom:0!important;padding-left:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType3:nth-of-type(4) img[data-v-05002485]{padding-bottom:0!important;padding-right:0!important}.magiccube .buju .rubiksCubeType.rubiksCubeType3 img[data-v-05002485]{position:absolute;top:0;left:0;width:100%;height:100%}.magiccube .buju .rubiksCubeType.rubiksCubeType4[data-v-05002485]{width:187px;height:187px}.magiccube .buju .rubiksCubeType.rubiksCubeType4 img[data-v-05002485]{width:100%;height:100%;display:block}.listswitching[data-v-91f70b7b]{position:relative;background-repeat:no-repeat;background-size:100% 100%;padding:10px 0}.listswitching .more[data-v-91f70b7b]{margin-top:10px;height:25px;line-height:25px;text-align:right;font-size:12px;color:#999;cursor:pointer}.listswitching .defaultcommodity[data-v-91f70b7b]{box-sizing:border-box}.listswitching .defaultcommodity.defaultcommodityList5[data-v-91f70b7b]{overflow-x:scroll;display:flex;flex-wrap:nowrap}.listswitching .defaultcommodity.defaultcommodityList5[data-v-91f70b7b]::-webkit-scrollbar{height:1px}.listswitching .defaultcommodity.defaultcommodityList5[data-v-91f70b7b]::-webkit-scrollbar-thumb{background-color:#155bd4}.listswitching .defaultcommodity.defaultcommodityList5[data-v-91f70b7b] .el-collapse-item__header,.listswitching .defaultcommodity.defaultcommodityList5[data-v-91f70b7b] .el-collapse-item__wrap{border-bottom:0!important}.listswitching .defaultcommodity .bg-pic[data-v-91f70b7b]{width:100%;height:240px;position:relative}.listswitching .defaultcommodity .defaultcommodityList[data-v-91f70b7b]{position:relative;display:inline-flex;flex-direction:column}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList0[data-v-91f70b7b]{width:100%;margin-left:0!important;margin-right:0!important;margin-top:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList0[data-v-91f70b7b]:nth-of-type(1){margin-top:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList0 .bg-pic[data-v-91f70b7b]{width:100%;height:240px}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList1[data-v-91f70b7b]{margin-top:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList1[data-v-91f70b7b]:nth-of-type(2n){margin-left:0!important;margin-right:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList1[data-v-91f70b7b]:nth-of-type(odd){margin-left:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList1 .bg-pic[data-v-91f70b7b]{width:100%;height:120px}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList2[data-v-91f70b7b]{max-width:33%;margin-top:0!important;margin-left:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList2[data-v-91f70b7b]:nth-of-type(3n){margin-right:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList2 .text h5[data-v-91f70b7b]{font-size:12px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList2 .text p[data-v-91f70b7b]{font-size:10px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList2 .text .mony span[data-v-91f70b7b],.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList2 .text .mony span i[data-v-91f70b7b]{font-size:12px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList2 .text .mony i[data-v-91f70b7b]{font-size:14px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList2 .text .mony em[data-v-91f70b7b]{font-size:5px!important;padding:1px 5px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList2 .bg-pic[data-v-91f70b7b]{width:100%;height:70px}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList3[data-v-91f70b7b]{width:100%;flex-direction:row!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;height:105px;display:flex}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList3 .bg-pic[data-v-91f70b7b]{width:40%;height:100%}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList3 .text[data-v-91f70b7b]{width:60%}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList4[data-v-91f70b7b]:nth-of-type(3n-2){width:100%!important;margin-left:0!important;margin-right:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList4:nth-of-type(3n-2) .bg-pic[data-v-91f70b7b]{width:100%;height:240px}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList4[data-v-91f70b7b]:nth-of-type(3n-1){margin-left:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList4:nth-of-type(3n-1) .bg-pic[data-v-91f70b7b]{width:100%;height:120px}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList4[data-v-91f70b7b]:nth-of-type(3n){margin-left:0!important;margin-right:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList4:nth-of-type(3n) .bg-pic[data-v-91f70b7b]{width:100%;height:120px}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList5[data-v-91f70b7b]{width:100px;margin-top:0!important;margin-right:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList5[data-v-91f70b7b]:first-of-type{margin-left:0!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList5 .text h5[data-v-91f70b7b]{font-size:12px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList5 .text p[data-v-91f70b7b]{font-size:10px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList5 .text .mony span[data-v-91f70b7b],.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList5 .text .mony span i[data-v-91f70b7b]{font-size:12px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList5 .text .mony i[data-v-91f70b7b]{font-size:14px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList5 .text .mony em[data-v-91f70b7b]{font-size:5px!important;padding:1px 5px!important}.listswitching .defaultcommodity .defaultcommodityList.defaultcommodityList5 .bg-pic[data-v-91f70b7b]{width:100px;height:70px}.listswitching .defaultcommodity .defaultcommodityList img[data-v-91f70b7b]{width:100%;height:100%;display:block;overflow:hidden}.listswitching .defaultcommodity .defaultcommodityList .text[data-v-91f70b7b]{padding:10px;width:100%;box-sizing:border-box;height:100%}.listswitching .defaultcommodity .defaultcommodityList .text h5[data-v-91f70b7b]{font-size:14px;line-height:20px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listswitching .defaultcommodity .defaultcommodityList .text p[data-v-91f70b7b]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:16px;color:#999;font-size:12px;line-height:16px}.listswitching .defaultcommodity .defaultcommodityList .text .mony[data-v-91f70b7b]{height:44px;width:100%;display:flex;justify-content:space-between;align-items:center}.listswitching .defaultcommodity .defaultcommodityList .text .mony span[data-v-91f70b7b]{font-size:16px;color:#65c4aa}.listswitching .defaultcommodity .defaultcommodityList .text .mony span i[data-v-91f70b7b]{font-size:12px}.listswitching .defaultcommodity .defaultcommodityList .text .mony i[data-v-91f70b7b]{font-size:16px;line-height:44px;color:#65c4aa}.listswitching .defaultcommodity .defaultcommodityList .text .mony em[data-v-91f70b7b]{font-style:normal;padding:2px 7px;font-size:12px;border:1px solid #65c4aa}.listswitching .defaultcommodity .defaultcommodityList .text .mony em[data-v-91f70b7b]:nth-of-type(1){border-radius:10px;color:#65c4aa}.listswitching .defaultcommodity .defaultcommodityList .text .mony em[data-v-91f70b7b]:nth-of-type(2){background-color:#65c4aa;border-radius:10px;color:#fff}.listswitching .defaultcommodity .defaultcommodityList .text .mony em[data-v-91f70b7b]:nth-of-type(3){color:#65c4aa}.listswitching .defaultcommodity .defaultcommodityList .text .mony em[data-v-91f70b7b]:nth-of-type(4){background-color:#65c4aa;color:#fff}.listswitching .defaultcommodityListFlex[data-v-91f70b7b]{display:flex;justify-content:space-between;flex-wrap:wrap}.listswitching .tab-type2[data-v-91f70b7b] .van-tabs__wrap{min-height:44px}.listswitching .tab-type2[data-v-91f70b7b] .van-tabs__line{height:2px}.listswitching .type3[data-v-91f70b7b] .van-tree-select__content{flex:3.9!important}.listswitching .type3[data-v-91f70b7b] .van-tree-select__content .defaultcommodityList3,.listswitching .type3[data-v-91f70b7b] .van-tree-select__content .defaultcommodityList3 .bg-pic{height:84px!important}.listswitching .type3[data-v-91f70b7b] .van-tree-select__content .text{width:150px}.listswitching .type3[data-v-91f70b7b] .van-tree-select__content .text h5{font-size:12px!important}.listswitching .type3[data-v-91f70b7b] .van-tree-select__content .text p{font-size:10px!important}.listswitching .type3[data-v-91f70b7b] .van-tree-select__content .text .mony span,.listswitching .type3[data-v-91f70b7b] .van-tree-select__content .text .mony span i{font-size:12px!important}.listswitching .type3[data-v-91f70b7b] .van-tree-select__content .text .mony i{font-size:14px!important}.listswitching .type3[data-v-91f70b7b] .van-tree-select__content .text .mony em{font-size:5px!important;padding:1px 5px!important}.listswitching .type3[data-v-91f70b7b] .van-sidebar-item{font-size:16px}#suspension[data-v-2728ab23]{width:100%;height:36px;position:relative;position:absolute;right:0;bottom:10%;z-index:999;border:none;box-sizing:border-box}#suspension .suspension-wrap[data-v-2728ab23]{width:36px;height:36px;position:absolute;right:30px;z-index:1001}#suspension .suspension-wrap .suspension-logo[data-v-2728ab23]{width:36px;height:36px;border-radius:50%}.placementarea[data-v-becbd474]{width:100%;height:40px;background:#94b4eb;display:flex;justify-content:center;align-items:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATgAAAByCAIAAABIqVqDAAAgAElEQVR4Ae2d3YLyOHOEMZjZ/ZLbz6XkrnL8JfsOf3HV05qRFmxLhn2HA3HgYcCWyy3Rpe4uy8N//ff/7OZf1+tl+vJ6/py2l/Np2u4Ph2l7GP/4er/bDdP7tddt2oHWzqdf0/vb9Tpt93u3dnRrfr/Wjr6nnYtRXd8T1cW2enB1jbb6tK1uttVhnK79MH5MW+wmW6y9rtfztEvY6qL3+73aGW3zYb93AxWobnc9+AwqIwlURrgN1c2obh6l59Nf07Xwyd62Gm2roX5craDSWK15JVSydox243wGFf1Uc/a+T7dAt8CPWUDOdeGF5x7smeRR5Zvl4xOL2rubY9Mn/vLBRj47vKbPeXY7V/uw2D14dd3H56jOO+G6nMT5uwFmeBqVffxODnE3eO5QwzzBcrbV5NinY2GMYfAV+aoTEy4zWGarozDglXNblai0z9wLm+9Gn9FdmFD5LMHP6zbHtsEJtvnZNi9QwdJc7xwgf047MRXT5OPLVkLFrKHG5oN7fIA/d5qX5bZyB6a5Qz0qwZkacg9eNK44S0K1zqsJlTqPH9jJs0hsdfFlH4660hgb07v5F7bqjDpvof5Nt8DbWGCFUcHJLH88/ql/4Qp7mumf6YNh0Of1kUB4Zbv4804e6+xoM/wr0W9FXFGimpoJr2xQEyr512ZUambCo1kDjDG1Mb2vj3aC7T9sq2AetXaw3YaIDNe98nTI9EoMpvdwRcwd9MGEimtc97ZzqEZ6MNqpRwVXyDIPUNXzqqPlwdxyy2zli/vi1VZUOjpHxTSLrEo9g8GK7rSpNUW/vOp5lf33B9nKE6NAxehitEdrNWwf5+9/ugW6Bd7YAiNZwYhkFoHiY8aPf2mvk7wp2eDT7X+n93xe044O/4pX7WpMrrvzp+NMx1G7iFfXvSk+MqFSy+SBT85Jjma2BlREOwY02OmdP//uTVOcqXPNvRKq//AO/zdtr84DP4XKbZ2NLUdVz/b3qMjkX52Bb7eVemckMnwGlWdPR48rokpmWFd60PO4GpvbPOUcZNCIOv1yVsXjKng1ct0c8XjLXOz4h0Y7CZCXoXJzp7txtcz267Omx9fRP+0W6Bb4jRYYI+Yxs9UwT/Cqs4WqsU6RIVzxS7yxH9VQ+PiamfdgzjwqTwuVXoo8MDXD9UA6oXLez0wYDGZURAIHY1v2WxOM6bUvUAkXzEN8vjPaBlt5dgATXs/ijNM2VGYe4lKh/ELl91xjDfOErUDlY8lGlqhkefb0Lg83otHIFDjKZaewlf9pQSXOOJAH2YkDA9VV44q+SxGd6dvtP9qASmNmZOB4YJ1db2eMtaIiO3PZaW51vWjUnwKVrDR6XE3Gmt7Pv75ROWiNHYmlGfoxPmeyM51R523bv+kWeBsLTDGqeZFpeD2v+ne/L+qrKofBz4Md17KHCAvYD8Fgo5mKumiJSt6oiiuMCn9J+3j38Ft2XAc7tJVscIEKlraPL2zVikrtkEN+hMoMthw7gcpV69E57fPtm3m43ilVML1psJVtDhuUqNRestWSN4d1c159BlUg91VwRcywUg8aVcXMKOYCocHSUbRQVH19lpWRYBAJFT2ouLdEpeFeM18DFXOxwb+180nHMicl7z2XcVjqA4Psm26BboGft8CIR8k9zc51rX2FChRPg0omvLKZ+RJVVl3ewZqYpDKZu2DY6TuuuNctpQoknkX7z70KVI5X0eKw5aiDP29Ghb7ked3SHKqByHDZe2a2Cq/8d17dqFuyaeDVpD8zV9SgCrZ3D2YV0XxcRQ/WZC6ce4+ozy2XqAS0nsEGz6EIV3Ne3ahbMp58DoKtGJHkaJbzIDEH8TVS1chRzemWlscEo7pvuwW6BX7YAlPKSl6c/G1ocXAODQoh/dqPe83gD/YT5A8Tg9krO5sXkcPiJS/rlpIWp6K+6hnB8UOoaPP8qXpvZLktOSHH2IDKyF+gWzrKYgUqtFluP2lolmYN3rGsGZrtn9ItUbF0D54/lWtNPaizRbYZPuH0M1u0OInBHNF5nsX1HBp0S+rlIUf1yz0YanOdnoguuHcGDx+XqDQHiXyKryjlk9d5K+ZrGaqTUTEqGJd1qGQPsgAgvLgH53RL68hopW+7BboFftACY9QDHZc6dPqbQogsIv5xGac8BK19/CFFDuoZ9Bxi1Yl17Yeq/F+Wr8MTh27J7cTdsDMVJ+/ytcFvCf/eqFCEFKjQWn0dMf8mZ/vndEugkv/NUeFTqdaG1moezNc3gcr/P6db+rbV8OEetMY1odIJUC99nXrhTUKlNkGF5RkJc7nN+waZ7zBTG/74T7UG25t/qL6HCv3+4LtPEip9gc789MvKM8M6eHa5HGHSZKBCq2xUp5iDiKtbUcXV+Uhmtfe6pc6oNk/fdAu8twWCKiPHi77E3iXP1yH+r9HicLFkU4lGcKdEO/KuytcpblzLuGrPUiGkTy5W9oSIyf6vBZUYjJUNwINWmexfQ+yEbilqyDIWOclW3RI11ahAOnIDVYoMzW/VPp7Y6XndEqhYxwMdb4HKXVgXRWvXvL5Kr4Wtpu80EmqrvoHKcyhYHeZJtqI1j6uVKBpUGvYIinTkxK7OESxXMtmz2PpcWJ7ZIhFmjqoutv9GNadb6oxaWL7/0y3wnhb4Cj71m8Y3oGUlligVQrqEOgbLWguVCczj+2McCv9+3VLyyr7kr+v+ym2S/avXLd0rhDbplh6gsumjkilDTrlB11drdEtwjucszyiEClROZd6sgop4VaCqUBHL5bMG7u0s5mv1vBoMps47jIwobyNelbHq66uTMH3aH17NK5lRXzUqkE+7Lb1AFXXR73GeeLUNFb8vdEunTLfUGXWpC/p33QJvYoGMWRIiftPJ04gDC/9XrVsiu0u0w3oL3I35s7qlQGVvykpCrIeY/J+s0KxbyhVCm3RLBSpb+PqplQcLVBsVQn/vwXqFUOpBM4+5PeU2s5mRnf9KpjTjnLh/1RyYj6tWVKFDdssJFRlX92C1HvhVuiVsFag8ZzydqEULlY0X95Yt2yrmIOZnfpywfWdU9Wt/dQu8uQUeMCqIc14N3dKmlY3wJoMZ7PihOtjp89/TNnGF5vTNCiE7qLPvWiRfhz+rr87lXHGkvorqhbuIBGpCVZNF1J5Fde6J9ZYSKgWF1KI/f+W20rnqsojaM2lxZCy88jbdUkKlofLhmmFCldUMqReY33Tu+VdCpT0ic7tJt/QA1V/Y6ptX6xRCQlKiUguMz6iXEq9WqJRzVMdBteiTe/B53VJnVPVTf3ULvLkFZhkV3JHjRbfkj7atbERr1E6PqF68ZkyqX+n7Y6zcx3yeIx5vc7YvFULmZ3v3yGA/bqD4lMxeWh1HOhUyrlTVWMunOGDmn5xXS1Q6oLVmCCp4FZ1KUgjpGn+/binNjMT20YPEYGRcPQf5/bqlhEp8w8zoZbol83zolqbWUw8uR5jecQKlMUx25vgi3VJn1LBt/9Mt8M4WWGFUoIduyTEbn2xb2Yhjk25JtUFWo494wF+nyHDdg5S6Jbn0V+mWiJ026pZQIDuqgZOTFgfS8d08VSplmQNeRQmElVJsL59dr019nW5JqGjtMGrtYmYfgcqToZ/VLTF+SlsJcwsq/SgK3ZLZlSfKNORBnOsNyz9QnglVXcbB/Kzd+6tboFvgvS0w8iSsNQWGf9PwgNWnZod4qtrN/oYV32iHXNn8has18sAuF8WOBVdQB1tmHiIBK29R8JIHLtRUnjG0ouJavNxcZP+IOtIaQpbqzF1eFp+UKxs5d259Dysb1aMi+uWElGlfrFuiO23z/Fxzl5hiMKZjzGVUWS10SxWZ0hXd0kZULmobevCqxyfR7Kt0S2jFiEJnrcQXMR7uULmGQi6jZl2I9RnmCo7+dbdAt8A/b4GRCKrh2VIoJO1MqQ6hLzmzZkLmlZfzY7kCAw/Neu2FbsnZ5uV28JSRBwaV85BE0cQV+FG4Yrm1R6jEhInt1SEH+8jldgpUmW6pROV7RzypWJ6D8G3cteizXz9zVJqhHJoVQiKsqK96Zeawlfsx2Uotz70SKl0e75NCKNMtMTNarkAG56jzct1SrM3HuHoBqu/6aj2v5rqlk59Vy+8l2UrX3mor7InmmV/QmFlgblx1RsVufdst8NYWGKOSadcZKzBUAMaLEKNwl0ZkSu2bqWih9ljmisQ8ivqoDaYVaOyV7WmIPytAhW+LCNL+L6HSHREJlSNktzzbZng4UKEv0Wo9tAbmZlTmhJvZ/hEq2XLFVkZFZDu6Fh2ql4jBdDUtqMQGB8eBoCLu5QkDxz+lISNjWYfKfOi1Mk5/2VahY5O1QyE0vVt7MWbmUH0YFRZgFjbbXtjqG9WnUU3LQ+gQf9uKajxmc5BMq4xaK+6vdsvLqHIV1CfrLbk1fk35qtR5O51Rc2v0990Cb2oBfsbxBLSr46VQI1UAxrfhIfbm0ogz/ZwPZts8DXqtMfldYrCrs4V5HYzcWj0qeODm1O3+qvX7yQPTJvzwA6hs24OfUMYT9BIqIUy2Wswn24jgP/hu2MJWtn+zrUDlp7mRawhUZunBazgOrGjhs89tApXzF1fXBdAVY3N6hO1cC/nnzNcOvr83ocruJXJNMqro+WF370HFyIGpYgx4fF5dU2hB5Yg0bKUcARWTaDPW4qjtwZg7xGj3Uyb41cyg6ox61739g26B97PAiKe5em17snYfjn/SmkYOXmdwhx+Nh2YpliPC4YlXZz+d0gvlV64LodOkyEHxAK2xmiGa2wZULD7zIfw8MRVUF6PiBsF6lp5HpatOqKa3s6/EhPLKu0CleIlrvGBmP1GmzsfrgNC1OM68eu4QtvL9QHP5QwFIr9SDRmUMZDUDFcsH2utXoXKEFlGWY3LmDmQ4oweXM8AGFkzo8x7dJqjYRnRajYrWWL968MJNoLp4jcXBcXWrrWgzoSLuFXTGSUTRycgP/yZUUqqxamHw8wyqzqgPzdg/7BZ4LwtMjCpviqdhto3/QxsZfnQxl4U3ilql1/U5D6pZJQ9hf2OXXcNgsFOe+4IPm1EZCdVFtMqxLs6mlY0eoHJMePYdJA22WkbFGvDVd/8EqqONe2YOovw2vIoNq3owUHllJjMeIyFfgQE1VQ2vxj5mPLTcwau+Xwot7h5eXRxX9NqQrWuR8tKsaqQf0uCz1DDY61ApCoUPGfk5qtb1lkDFzChsbukZo53P6eXOqOrv/uoWeHMLTCvl20PYMznYKVQ44UedGxTvzr/Cx3hPUsm5bimOq15vKUeFlwp1KxiIT5z53Ihq08pGhVd2tJPWTLBlnkEVdTnrgXeag6QnsmHzJcvHPIVkgLsQ3xw2b0SVVDs6Oq/30lr9ykZkbmPIKKlZjivnSFPmdunqGFclKs3XQg9nWFSPa+LMQOWj4s4tnjwIt2Orqiy3GO4wasuhMV+7eEbzFCp1YUTjNh9xb2dUG7VvugXe2wJRR2WWH8/wcL4OpSXg8VU1kQD7h27JjvJifkgrG/n7hhhMbF+icsTrZljZcBsq/F+hNLI3rWkt2J7n6Nwx2EZUviLmIAmVPqrPIgaqWCUDr/ydjWxHpbh3tEcPPfCd/qmKwVxZHTyTSnfner5gGhri2bnrtUeb59HKRtR7/XXDncye98HVgYpcq9upj3tnUXFnjK+RTEGVrZi3+qjbzSuNBCr9kDqjYu2+7RZ4awsEo4IRHxPr8Zz0O2aVg9NNK5SyUg45qJpritjp6fWWSlQ6M3lgVgnehsqp7okvdI3kSKllFfnbxYvER+ZrF0XV1/OR8Y9/TUfX+FFOEnOQ7IwJlT6q59WEStXd3U69FjlzUFXXDH14rPoTd7R4frQRlfMg1FHJOITCPFBppYhttqJWz30tYI6VHJzH5pO5LbMnUDmITk+geR6VeX7bekvMjALVp2ZGzLM6o871Y/+8W+CNLFAwKriCwRyzkYUkXj35id2hLwmPZTe7eDmvWm8poZKS42wmhME2oiKzF6tVENHZ1zvm5Ok7VVVfRxRkHc9+H6h+MQcxr1Z4d0yINw29kT9K2T/9U9RFOWBmG7ayJhYGS5VMoWIWUMdg6l+Y5xWoxAqs4bzzmszPodLQDVGce+1srSwd2GIroSIPcilQKUpkXcUWWwnVoyeyCVfEq55fTP8uvJi30lMoqDqjLpirf9Ut8C4WeMCoQMOP7s2rfIJ3LxRCFZXMySNPhydelfaFPFuxslHUV9ezf6DCM4HqgW6pBpXZjzpe8GF4U88hyHA+gyrXLXG3R/jRxTkIqIy/XG8JXvQVU+ur8sqyJysVhkKIKp8VQlF7rJgZwc85rz7znDhmDdTn73VLrajSE9lkVUZmrqaqz9/WoaoYn/Rg5LrVX+d4Ipt6ELavzzgkVF65Uo31V7dAt8B7W2CWUYHNbxrPhD8oFEI7Vv3B0yxyRfDqd1zxSLfEmrfMxpday1Gdc4WQ/dl0c8oEPq0Qt9ROYvs7VM/rlpw5RCEUEY4tHT7S1pgfGMJMhEx2Ole9cFTSLa1HLnO6JXiSGVPMd5ZRBdvbVrb5P6FbAlWK5dZHQrB96OGcv8jWXmAeEixdcddOqVvSeGcFrxJVLa8W6y1lqC62c8MqZb669Z6eH0/9m26BboHfZAH7+bVzRXwSWpxvT8OsexhcB6uImjhPrls6v0y3pLZD42rqb9fiwBVqp1QIid9a44ohUwjBhwdzbGhlW20lUFO046eM5Qoha7xqKtsxB7lDNZobEz+vc4WBfCmEZJkHqByT12RKYftct0RrnCXxaisqHZ2jYpoV9dVqXoVF3WlTa8oA89qGyvc3BSpGF9OXaK0GVQLQ/3YLdAu8rwVGalkNNUOrW3aFbkmrzlHzqWkHY7BnUgjps23PicNzh0LIApNct0QdrAEV0Y4D21K3JIT4vxRn6pO5V0KVKYScB0ZNtRGVT8aiCxsVQvbcrGCIbolMPitdtaMS1/1zuqWr15eiwlljc/oi13iFbumXV/T1PKtZt2SFGZMY1FQvQIVuybl3MNfwao9RsVXfdgu8tQXGuKOyfgUGT/mJ2QrdkrU4PEUjIrqamXehEJKltj0njogC9UyhWzIqPFa6p3HdNz16TpzJmpCFeyldK1vu20CFQsgsfT0rE3nahsqR7SsUQo66c92S66slKlZ7MOjZi9S3eX2VHbeqqdQvhW4JVFepqei7xDw1qJxxIANjLn2FbkmRKitvnQKVrDTGtLAW1SPd0tRMXCP21P/la33Ulvv3/7oFugV+wAJTjJprcYSgJqLjd08Vzg4r7kmHn4eIB0TTcx4irpXqnHmVdeKoi5ao5KtqohTOhd+l/aSmcpTiDGfDE9kCFepirypQ2KoVldqhcvsIlRlsWRUclUxHhl6v8BmFUNjKswMWKShRCWuy1ZI3Z9ZAazGj8RPrcoUQOqSaHox9cj0caipnvIXpi3kW52ugSrolHUUeOEfVrluiB3U/LfO+lKPWcK+Zr4GK35cfFTSh0rHxlB2Pz7n6wlIfTE30V7dAt8A7WGDEF+aeZhcaV37DSzNv/B9VuPDKzmgVT2SLu/iXPQLs9B1X3OuWUgWyEZXLVdRX85WEDv58rQJ5hwp9yfO6pTlU2Yp784MjQ+XMwiOukO9fuzqdIWZPrLfkU8KrSX9mrqhBFWxPLVpHPUBVX1/N1jrI2T6hEtB6BssVQjmqjbolX+k9Kn4nNU86jTmIr5EacY5qTre0/Ptx1/VNt0C3wE9bYEpZKToifxur9eAcGlY20q/9uJcX5/kx5A8Tg9krW9UUkcPiNS/rloiCmAUsNhN8cvTTU2jz7PtpI8vt/C05xgZUPuULdEtHWaxAxVPG3H7S0NANS1dZ1Ayf1y25jxIq5VpTDwpDZJvhkyVQX7ol7cSIisyFj2pY2chZ7iFH5Wef5bxKRAe/LYL6G6pvjRe9n/LJ67wVs8gMVXr+oNqEIetQqX/JAoCc57XP6ZbWkS1ff/+2W6Bb4DdYYFrX18UmVjayEy8VQuLbmjww+Uz2/PCzT1DPxOo4vpR4/mqNVzaqB7oltwPn1GQRQQXP743qZEVIgQqtVYWxg8Fsped0S3hT+d8cFT51Z7YPrVU9Ku/5nG4JVBoPg58/hMY1odIJUC/5VCubxPZqE1RYXvMr8TNZbhjIH81sgvEc0Q1/6Kmt50+zfeSB1V6sUznTQv5xQqXP0JnHykaGxb27NSrlQMV9p0aVnrb+XV+oRxXPkjdQ5iDYCuSwfWdUrNG33QJvbQHTqTjTv1jHpS7nxErkgb1at8T+5BuJRnCnRDumoilfV52TvNctWdkDwvqVjRIq+W/uTgQPayyS/WuInUBlTkhr1W7RLcH2UYF0RhRUKTI0vzmDUOPjmV88r1uKmRGrTOzUUwUqd2FdFK1d8/oqvUZWmR4Jrqi6l0itxTX6HqCIfptje1A5O+1RDZI0wzI/V7M9sTGomC0SYaYeVNt1sf03qjndUmdUeqpvuwXe2gLBqOFH8W324sQSpUJIV9ISrzoCCZWJ2kueRv4j6mDL3pTq3It0S+kafclf1/2FyudKWpzF2AlU9ysbbdItPUBl00duU6aacoPVuiXbEy/+jG6pQGVj3Kw3inhVoKpQEcvls4b7lY3qdUuJwdR5h5ER5W3Eq9m4ekK3FPXVVl6Nuuj3OH8w2itQ8ftCt3TKdEudUT3o+qZb4L0tkDFLAspvOq3WI2XjNt1S+D8zD+stcDfmz+qWcq+8syLndr1O15j8n6zQrFvKFUKbdEsFKmfgr593qDYqhP7eg/VPZEs9qEGCeCnlNtUmrMsTaFei6JiDuB3HvbkWx03tWlHF3MctJ1RkXNXe79ctYatAZeXZyc/OZWbkidEkPdZAWbZVzEHMz/w4sVVnVMZJ33YLvLUFHjAqeHNeDd0SGTacQ7VuCb87uOJ0/FAd7PT572mbGExz+maFkDGcvRIv+Tr8WX11LueKI/VVVC/czC9QEypnp+2z9f/8q6jO+anhofGyZ21HpaCQWvTnr9xWQlCXRdSeeycQZ5/IVp17z2314ZphQpXVDKkXVNlKrJK4wnei2OYMq2TzCv7IWDpQ/YWtvnm1TiGU20rvYTDGZ9RLiVcXI0wdOb0yVMdB63uc3INkg8l81KGSPXLdUoVFdP7+6hboFvhJC8wyKqAix4tuyR+VuiVxTp1CSAdTX+X5aw90S7FGHr7VJ5vZ5GxfKoTMzw1sDyp5umOsjuPnUpoVqZHyrJ0ZIMXHOa+WqLRba82QTCm8ik4lKYR0jb9ft5RmRrZV6JYyhZDnIL9ft5RQiW+YGb1Mt8TKRr/u1h9s4FXGFbNItNPZHMRqYY2MtVfo6tZ26993C3QL/LwFVhgVgOnJMeJPXttWNuLYpFtSbZCnj0Q84K/ro5RHKxu5Bmbv/oxuiQhzo26JyrCjmkK3hDBnE9ujBMJKKbZ3DPMDuiV1EnOow6j1nMlqBipPhn5Wt8T4KW0lzC2o9KOg6qEjFbUqlr6hwa6vrzpDEWqqB8oztVyXcZBZe4wqe/VXt8CbW2C8WU9DRDSP1b/pGd3Szf6GJ1XSDrmy5dbIA7tcFDsWXEHFqUG3JLYnD1yoqTxjaEXFtVyc7E5cYQZzHnXFVpH3U3xSPpHNzVnfgxanHhXRL2aiTPti3RJzENs8P1d0zP2fLLfJ0xKCwUIhpANq7vBc0S1tRPUt4U2osqpvdSVzbr2lUIZbK5aeb3RvoOyTsNUdKtdQyGXU1Fc7o2Y27W+7Bd7VAiN3MzQ8W4o7Rc1UVIfQLZ1ZMyHzyvUKDKpPrNde6JacbV5uh7xf5IFBxVoHXr2OuAKdClyx3FquC0moxISJ7dWNB/vI5XYKVHamUZ0rUPleX+60dJtzgySqedme188cldne8tAVVBkT8tSZhEp3/4St3I/JVmp57pVQ6fJ4nxRCbQyW1x5j3f3owdei+q6vbtMtnT7VAr+XZCtde6utsCeaZ35BY9Yvcz3YGRW79W23wFtbYIw78ew6YwWGCsB4ERPYjrs0IlPqJ6xQ0UIZg6+db1InjsyYV1pIK9DYK9vTcAfpfAvf34BK0eH0sv9LqBRZJFQ64wqq8HCOM10zDFSOxmHLZlRmqpu54hEq2bIGFZEtz48J1UugmhqIu231bu1F7xwcB4KKuPdKD/6p6h/9UodK+Knunv7Ss4juFWNriPT9MqoPo4ocgftotk1/Sx4EVJ9GNS0PoUMYV87fzraQfREar6OMFXMQ9yNzSXRRseZjBapoze1/Wg9Hm/yaiO2zk8fbzqj3NumfdAu8nQX4Ge94AtrVUVCokSqg4tvwEHt74ogzz4oumG0PeWJ3tk2xHAqMq/1c5Ovs/8it1aOCB25O3e6vQkIemDbhhx9AZTsc/IQynqCXUOW2itnArJ0S6x58T1JhK9u/2Vag8v1D8EOgMksPXsNxYEWLBUxfqJy/uLKupVvA5vQI28Vm4suYGbkekVBl9xK5JhlV9MXm6GtGDkwVY8Dj8+qaQgsqR6RhK+UIqJhEm1HTru3BmDvEaNcYIPqN39RdvaMz6mJX9y+7Bd7DAiOe5nrR3J2s3YejsphzW10xBxWPdaDsuNO9AkQ4PPGKp1NyH2M9H8a9Bdbx0BqqYDS3DahYfOZDXB3zBRdGLwNRiq7pFah01QmV2px7ha0KVELCNV4Ec2qoXjutA0LX4jjz6rlD2Mr3A83lD32m2KQedGLaGPDrgYrlA+31q5jHEVpEWY7JmTuQ4YwerNDKBhP6vEe3CSq2RJj160LQGutXD4wrF6Mvfo744MxIq61oM6H6HlH1d0olVKj91IXBzzOoOqPm47a/7xZ4UwtMjOo6mD0Ns238H9rI8KOLuSy8UdQqvZrheVDFKXkI+xu77BoGg53y3Bd82IzKSFh/AK0yubVCt+Q6bQ1XPEDlmPDsu/gbbLWMynft7Kr1wIHqaOOe5ZWjpu21i7FhVQ8GKq/MZA1h6mYAAAevSURBVMZjJNBajNxqXo0zen+03MGroIoI0wyxOK7otSFb1yLlpVEHCVf7E9m+FeZbUSkKhQ8Z+TkqkNXzKrZiZhQ2N9sz2vmcXu6MGuOw/+kWeGcLTCvl20PY/znYKVQ4EQlE5pZA6vHlhI/xnqSSc91SHBMMhndYai1HhZcKdSsxM97dmc/Juz0G5E9nUW1a2ajgCuYgWWU12Yq8XyOqqMtZD7zTHIRn5A172llqLeYpJAPchfjmMEujrZJqR0fn9V5aq1/ZiMxtdI6SmuW4co40ZW6Xro4eLFFpvhZzB8Oipl0TZwYqHxV3bjk7U8S9VVlujeHDqC3Tgpiv8TTXp1CpCyMat/ng586oNmrfdAu8twWijhp6F+46d76OpyADHl8VipCK68Fv4eIv5oekU/HBDTGY2Cme4RGoHPG6GVY23IYK/wdjwMmtcQVPGTOtFlyxEZWviDlIQqWPmlHFKhl45e9sZDsqxb2z6y3FalLrXh62HzyTSnfner5gGho8RFp6EFSyDD248TlxnvfB1YGKXKsaboh7vfvX2lT6L1BxZ4yvkUxBA9v7qNvNK40EKs041m0Nmr7tFugW+EELBKOCAB8T6/Gc9DtmlYPTTSu+sNYROagaxBE72Zuy/7b1lkpUaok8MKsEb0PlVPcUAegaqT1OWerpfZG/1almX/jIfO2iqPqa+UevwFTjRzlBzEGysyVU+qieVxMqVXd3O/Va5MxBVV0z9OETV3hGw0q8DiQ3onIehDoqGYdQmAcqrRSxzVbU6rmvBcyxkoPz2Hwyt4XJQeUgOvTJsZKD5yYbUTlzEc+J8+kbeDWz1elTY5J5VmfUuX7sn3cLvJEFCkYFVzCYs4VkIYlXT35id71CiNZetd5SQsVKDmZ7VzI3oiKz59xjip3s6+XCNHmYNlVVX0cUZB3Pfg+v8sz10lZueXGTV9XYMWX/9F9RF11sJ2zlSBIGSzVDcSyzgDqukJ1hnlBB+bxbUYkVWMN55zWZn0OloRuiOPfa2QpeOrDFVkJFHuRSoFKUyLqKLbYSKuRn05vpRdTKM2+DV+90vOyZb5m30lMoqDqj5vbp77sF3tQCDxgVpPjRvXmVT/CjhUKoopJJTjXxqpgKBtuqEFLUhGcC1QPdUg0qsx91vODD8KaeQ1AdbdAt3aHKdUtoccKPOtQD+v0WVESG1v0+80Q2epCnaIdCiCqfFUJRe4xYbgkV/Jzz6jOoilq06T7xqhmMfHI1qrSykfAzMnM11at0S8lW6uXlF7ZKuW7te44nsulSYfv6jEOylRXgyyfu33YLdAu8gwVmGRVw/KbxTPiDQiG0cyxXw2DOr+JpiCse6Za4d4TZ+JKPz1Gd7aeop4VI5HlUz+uWqPpGPc1XZEuHj7Q15rtf1x62QsabrSfAUUm3tB65RKR9p1sK349uqYLBsG3KTmss/BO6JVClWG59JATbhx7O+YvMVsTnwYcVd+2UuiVdIyt4lahqeXVwqMoP7JShurj3G1Yp89Wt9zQjo2+7BboFftACK4wKsohPCt0SCiF5nWFwHawil0VruW7p/DLdktoOjaupv12LI1NgjlIhJH5rjSuGTCFE3u9gjg2tbKutdHGRP4y5gz/J767wB7ObmIPcoWItwsTP61zBCdKqP0SGXpsvNM/6voHBvCJErluKHKlPk3i1FZUODoWQUTnwjwp5Tf6W8QmLutOm1u6eQNPQg5oUeWIUqBhdTKriGmvY3jbpm26BboG3tsBIzi0imUWo+JhHuiWtOsfnNe1wkjwGIx7dqlvS7D2hUtu5bok6WAMqoh0DKnVLahn/l+JMfTL3wnOzVmAohKj6es2kjah8MhZd2KgQsufOUZHJZ6WrdlTiuliJ1xbbiMrsdK9bumIrz+NqbE5fpCha/4Vu6Zc4n5Rrs24pnvHn1pxxeAEqdEvOvavdNK6W2b7HqNiqb7sF3toCY8Q8nkTXME/w6r1u6ZdULzxFIyK6mpl3oRCSpbY9Jy6hutMtGRVMmO5pXPdNj54TZzUoIctG3ZKu7npWJhLdUjMqM88rFEKiPyJJ8qLUHktUyudj1enNzEvt5PVVdnuZbslV39NV44q+SxGd6XsGE3X7WNGXlINzFq/QLSlSZT2whEpWGkM4XovqkW5JFxPjcyb6XR+1aqO/ugW6BX7UAlOMmmtxhKWKV/27R7dkhxX3pMf9gf5o2UPEVRcKIfkn6qIlKvmqmigltDgP1FSOUhymHOzQ2DMw3P8pUMHSXlWgsFUrKrWDv08arxyVGWz5no9/TrfklktUwppsteTNYd2cV1+mWxKEmGGV2WBN/5YjupgL8JwkzxZp4TndEj2oegfzvoRKw71mvgYqfl9+VNCUB9axaOlR7M3VF5b6YGqiv7oFugXewQIjvjD3NLvmlY3safDKzmgVT2SLu/iXPQLs5Eqm44p73VKqQNLOUjwQNUOvI5EYzF7QWTuMfnAZa+3e2jtU6Eue1y357FR98/WNDtmKe/ODI0M1yxXqkbWr0xli9oRuyaeEV5P+zFxRgyrY3j3omcsDBqtfF8K5d7RQbEtUAlrPYLlCKEe1UbfkK71HxYisedJpzEF8jdSIc1RzuqXl34+7rm+6BboFftoC/w99HJbPjOJ8MQAAAABJRU5ErkJggg==);background-size:50%,100%;transition:all .5s}.placementarea span[data-v-becbd474]{color:#fff;display:inline-block;width:140px;height:25px;font-size:12px;text-align:center;line-height:25px;background:#5487df}.custommodule[data-v-f22dac09]{position:relative}.custommodule img[data-v-f22dac09]{width:100%}.coursemodule[data-v-8206b54f]{position:relative}.coursemodule .course-header[data-v-8206b54f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.coursemodule .course-header h3[data-v-8206b54f]{margin:0}.coursemodule .course-header .more-btn[data-v-8206b54f]{font-size:14px;cursor:pointer}.coursemodule .course-list .course-item[data-v-8206b54f]{display:flex;overflow:hidden}.coursemodule .course-list .course-item.layout-grid[data-v-8206b54f]{flex-direction:column}.coursemodule .course-list .course-item.layout-list[data-v-8206b54f]{flex-direction:row}.coursemodule .course-list .course-item.layout-list .course-cover[data-v-8206b54f]{width:120px;height:80px;flex-shrink:0;margin-right:12px}.coursemodule .course-list .course-item.layout-list .course-info[data-v-8206b54f]{flex:1}.coursemodule .course-list .course-item.layout-card[data-v-8206b54f]{flex-direction:column;box-shadow:0 2px 12px #0000001a}.coursemodule .course-list .course-item .course-cover[data-v-8206b54f]{position:relative;width:100%;height:120px;overflow:hidden}.coursemodule .course-list .course-item .course-cover img[data-v-8206b54f]{width:100%;height:100%;object-fit:cover}.coursemodule .course-list .course-item .course-cover .course-duration[data-v-8206b54f]{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.7);color:#fff;padding:2px 6px;border-radius:4px;font-size:12px}.coursemodule .course-list .course-item .course-cover .course-tag[data-v-8206b54f]{position:absolute;top:4px;left:4px}.coursemodule .course-list .course-item .course-info[data-v-8206b54f]{padding:8px 0}.coursemodule .course-list .course-item .course-info h4[data-v-8206b54f]{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coursemodule .course-list .course-item .course-info p[data-v-8206b54f]{margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.coursemodule .course-list .course-item .course-info .teacher-info[data-v-8206b54f]{margin:4px 0}.coursemodule .course-list .course-item .course-info .course-bottom[data-v-8206b54f]{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.coursemodule .course-list .course-item .course-info .course-bottom .course-price[data-v-8206b54f]{display:flex;align-items:baseline}.coursemodule .course-list .course-item .course-info .course-bottom .course-price .price-symbol[data-v-8206b54f]{font-size:12px;margin-right:2px}.coursemodule .course-list .course-item .course-info .course-bottom .course-price .original-price[data-v-8206b54f]{font-size:12px;color:#999;text-decoration:line-through;margin-left:8px}.coursemodule .course-list .course-item .course-info .course-bottom .student-count[data-v-8206b54f]{font-size:12px}.coursemodule .course-list .course-item .course-info .course-bottom .course-action[data-v-8206b54f]{margin-left:auto}.livemodule[data-v-05ba84c4]{position:relative}.livemodule .live-header[data-v-05ba84c4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.livemodule .live-header h3[data-v-05ba84c4]{margin:0}.livemodule .live-header .more-btn[data-v-05ba84c4]{font-size:14px;cursor:pointer}.livemodule .live-list .live-item[data-v-05ba84c4]{display:flex;overflow:hidden}.livemodule .live-list .live-item.layout-grid[data-v-05ba84c4]{flex-direction:column}.livemodule .live-list .live-item.layout-list[data-v-05ba84c4]{flex-direction:row}.livemodule .live-list .live-item.layout-list .live-cover[data-v-05ba84c4]{width:140px;height:90px;flex-shrink:0;margin-right:12px}.livemodule .live-list .live-item.layout-list .live-info[data-v-05ba84c4]{flex:1}.livemodule .live-list .live-item.layout-card[data-v-05ba84c4]{flex-direction:column;box-shadow:0 2px 12px #0000001a}.livemodule .live-list .live-item .live-cover[data-v-05ba84c4]{position:relative;width:100%;height:140px;overflow:hidden}.livemodule .live-list .live-item .live-cover img[data-v-05ba84c4]{width:100%;height:100%;object-fit:cover}.livemodule .live-list .live-item .live-cover .live-status[data-v-05ba84c4]{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.livemodule .live-list .live-item .live-cover .live-status.status-live[data-v-05ba84c4]{background:linear-gradient(45deg,#ff6b35,#f7931e);color:#fff;animation:pulse-05ba84c4 2s infinite}.livemodule .live-list .live-item .live-cover .live-status.status-preview[data-v-05ba84c4]{background:rgba(0,0,0,.7);color:#fff}.livemodule .live-list .live-item .live-cover .live-status.status-replay[data-v-05ba84c4]{background:rgba(0,0,0,.5);color:#fff}.livemodule .live-list .live-item .live-cover .viewer-count[data-v-05ba84c4]{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;display:flex;align-items:center;gap:2px}.livemodule .live-list .live-item .live-cover .live-time[data-v-05ba84c4]{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.livemodule .live-list .live-item .live-info[data-v-05ba84c4]{padding:8px 0}.livemodule .live-list .live-item .live-info h4[data-v-05ba84c4],.livemodule .live-list .live-item .live-info p[data-v-05ba84c4]{margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.livemodule .live-list .live-item .live-info .anchor-info[data-v-05ba84c4]{display:flex;align-items:center;margin:8px 0}.livemodule .live-list .live-item .live-info .anchor-info .anchor-avatar[data-v-05ba84c4]{width:24px;height:24px;border-radius:50%;overflow:hidden;margin-right:8px}.livemodule .live-list .live-item .live-info .anchor-info .anchor-avatar img[data-v-05ba84c4]{width:100%;height:100%;object-fit:cover}.livemodule .live-list .live-item .live-info .live-bottom[data-v-05ba84c4]{display:flex;justify-content:space-between;align-items:center;margin-top:8px;flex-wrap:wrap;gap:8px}.livemodule .live-list .live-item .live-info .live-bottom .live-category[data-v-05ba84c4]{flex-shrink:0}.livemodule .live-list .live-item .live-info .live-bottom .live-action[data-v-05ba84c4]{margin-left:auto}.livemodule .live-list .live-item .live-info .live-bottom .heat-value[data-v-05ba84c4]{font-size:12px;color:#ff6b35}@keyframes pulse-05ba84c4{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}