@quicktvui/quicktvui3 1.2.0-beta.22 → 1.2.0-beta.23

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/dist/index.css CHANGED
@@ -1,690 +1,690 @@
1
1
 
2
- .qt-ui-row-css[data-v-734c04b2] {
3
- display: flex;
2
+ .qt-ui-row-css[data-v-734c04b2] {
3
+ display: flex;
4
4
  flex-direction: column;
5
- }
5
+ }
6
6
 
7
7
 
8
- .qt-ui-row-css[data-v-9c454b58] {
9
- display: flex;
8
+ .qt-ui-row-css[data-v-9c454b58] {
9
+ display: flex;
10
10
  flex-direction: row;
11
- }
11
+ }
12
12
 
13
13
  /* ----------------Button---------------------- */
14
- .quick-button--default[data-v-46a594e4] {
15
- flex-direction: row;
16
- width: 280px;
17
- height: 80px;
18
- justify-content: center;
19
- align-items: center;
20
- background-color: rgba(240, 240, 242, 0.08);
21
- border-radius: 4px;
14
+ .quick-button--default[data-v-46a594e4] {
15
+ flex-direction: row;
16
+ width: 280px;
17
+ height: 80px;
18
+ justify-content: center;
19
+ align-items: center;
20
+ background-color: rgba(240, 240, 242, 0.08);
21
+ border-radius: 4px;
22
22
  focus-background-color: #F0F0F2;
23
23
  }
24
- .quick-button--large[data-v-46a594e4] {
25
- width: 380px;
24
+ .quick-button--large[data-v-46a594e4] {
25
+ width: 380px;
26
26
  height: 80px;
27
27
  }
28
- .quick-button--medium[data-v-46a594e4] {
29
- width: 280px;
28
+ .quick-button--medium[data-v-46a594e4] {
29
+ width: 280px;
30
30
  height: 80px;
31
31
  }
32
- .quick-button--small[data-v-46a594e4] {
33
- width: 200px;
32
+ .quick-button--small[data-v-46a594e4] {
33
+ width: 200px;
34
34
  height: 64px;
35
35
  }
36
- .quick-button--mini[data-v-46a594e4] {
37
- width: 160px;
36
+ .quick-button--mini[data-v-46a594e4] {
37
+ width: 160px;
38
38
  height: 64px;
39
- }
40
-
39
+ }
40
+
41
41
  /* -----------------Text--------------------- */
42
- .quick-button-text--default[data-v-46a594e4] {
43
- font-size: 32px;
44
- color: rgba(255, 255, 255, 0.7);
45
- text-align: center;
46
- text-align-vertical: center;
47
- focus-color: rgba(0, 0, 0, 0.9);
48
- margin-right: 8px;
42
+ .quick-button-text--default[data-v-46a594e4] {
43
+ font-size: 32px;
44
+ color: rgba(255, 255, 255, 0.7);
45
+ text-align: center;
46
+ text-align-vertical: center;
47
+ focus-color: rgba(0, 0, 0, 0.9);
48
+ margin-right: 8px;
49
49
  margin-left: 8px;
50
50
  }
51
- .quick-button-text--large[data-v-46a594e4] {
52
- font-size: 32px;
53
- color: rgba(255, 255, 255, 0.7);
54
- text-align: center;
55
- text-align-vertical: center;
56
- focus-color: rgba(0, 0, 0, 0.9);
57
- margin-right: 12px;
51
+ .quick-button-text--large[data-v-46a594e4] {
52
+ font-size: 32px;
53
+ color: rgba(255, 255, 255, 0.7);
54
+ text-align: center;
55
+ text-align-vertical: center;
56
+ focus-color: rgba(0, 0, 0, 0.9);
57
+ margin-right: 12px;
58
58
  margin-left: 12px;
59
59
  }
60
- .quick-button-text--medium[data-v-46a594e4] {
61
- font-size: 32px;
62
- color: rgba(255, 255, 255, 0.7);
63
- text-align: center;
64
- text-align-vertical: center;
65
- focus-color: rgba(0, 0, 0, 0.9);
66
- margin-right: 8px;
60
+ .quick-button-text--medium[data-v-46a594e4] {
61
+ font-size: 32px;
62
+ color: rgba(255, 255, 255, 0.7);
63
+ text-align: center;
64
+ text-align-vertical: center;
65
+ focus-color: rgba(0, 0, 0, 0.9);
66
+ margin-right: 8px;
67
67
  margin-left: 8px;
68
68
  }
69
- .quick-button-text--small[data-v-46a594e4] {
70
- font-size: 32px;
71
- color: rgba(255, 255, 255, 0.7);
72
- text-align: center;
73
- text-align-vertical: center;
74
- focus-color: rgba(0, 0, 0, 0.9);
75
- margin-right: 8px;
69
+ .quick-button-text--small[data-v-46a594e4] {
70
+ font-size: 32px;
71
+ color: rgba(255, 255, 255, 0.7);
72
+ text-align: center;
73
+ text-align-vertical: center;
74
+ focus-color: rgba(0, 0, 0, 0.9);
75
+ margin-right: 8px;
76
76
  margin-left: 8px;
77
77
  }
78
- .quick-button-text--mini[data-v-46a594e4] {
79
- font-size: 32px;
80
- color: rgba(255, 255, 255, 0.7);
81
- text-align: center;
82
- text-align-vertical: center;
83
- focus-color: rgba(0, 0, 0, 0.9);
84
- margin-right: 5px;
78
+ .quick-button-text--mini[data-v-46a594e4] {
79
+ font-size: 32px;
80
+ color: rgba(255, 255, 255, 0.7);
81
+ text-align: center;
82
+ text-align-vertical: center;
83
+ focus-color: rgba(0, 0, 0, 0.9);
84
+ margin-right: 5px;
85
85
  margin-left: 5px;
86
- }
87
-
86
+ }
87
+
88
88
  /* -------------------------------------- */
89
- .is-disabled-button[data-v-46a594e4] {
90
- background-color: rgba(240, 240, 242, 0.04);
89
+ .is-disabled-button[data-v-46a594e4] {
90
+ background-color: rgba(240, 240, 242, 0.04);
91
91
  focus-background-color: #F0F0F2;
92
92
  }
93
- .is-disabled-text[data-v-46a594e4] {
94
- color: rgba(255, 255, 255, 0.2);
93
+ .is-disabled-text[data-v-46a594e4] {
94
+ color: rgba(255, 255, 255, 0.2);
95
95
  focus-color: rgba(0, 0, 0, 0.2);
96
96
  }
97
- .is-square-text[data-v-46a594e4] {
97
+ .is-square-text[data-v-46a594e4] {
98
98
  font-size: 28px;
99
- }
100
-
99
+ }
100
+
101
101
  /* -------------------------------------- */
102
- .is-circle[data-v-46a594e4] {
102
+ .is-circle[data-v-46a594e4] {
103
103
  border-radius: 50%;
104
104
  }
105
- .is-round[data-v-46a594e4] {
105
+ .is-round[data-v-46a594e4] {
106
106
  border-radius: 100px;
107
107
  }
108
- .is-square[data-v-46a594e4] {
109
- width: 173px;
110
- height: 173px;
108
+ .is-square[data-v-46a594e4] {
109
+ width: 173px;
110
+ height: 173px;
111
111
  flex-direction: column;
112
- }
113
-
112
+ }
113
+
114
114
  /* ---------------Gradient----------------------- */
115
- .button-gradient-background-css[data-v-46a594e4] {
116
- background-color: transparent;
117
- position: absolute;
118
- left: 0;
119
- right: 0;
120
- top: 0;
115
+ .button-gradient-background-css[data-v-46a594e4] {
116
+ background-color: transparent;
117
+ position: absolute;
118
+ left: 0;
119
+ right: 0;
120
+ top: 0;
121
121
  bottom: 0;
122
- }
123
-
122
+ }
123
+
124
124
  /* ----------------ICON---PARENT------------------- */
125
- .quick-button-icon-parent[data-v-46a594e4] {
126
- width: 40px;
127
- height: 40px;
128
- background-color: transparent;
129
- display: flex;
130
- align-items: center;
125
+ .quick-button-icon-parent[data-v-46a594e4] {
126
+ width: 40px;
127
+ height: 40px;
128
+ background-color: transparent;
129
+ display: flex;
130
+ align-items: center;
131
131
  justify-content: center;
132
132
  }
133
- .quick-button-icon-parent--large[data-v-46a594e4] {
134
- width: 40px;
135
- height: 40px;
136
- margin-right: 12px;
133
+ .quick-button-icon-parent--large[data-v-46a594e4] {
134
+ width: 40px;
135
+ height: 40px;
136
+ margin-right: 12px;
137
137
  margin-left: 12px;
138
138
  }
139
- .quick-button-icon-parent--medium[data-v-46a594e4] {
140
- width: 40px;
141
- height: 40px;
142
- margin-right: 8px;
139
+ .quick-button-icon-parent--medium[data-v-46a594e4] {
140
+ width: 40px;
141
+ height: 40px;
142
+ margin-right: 8px;
143
143
  margin-left: 8px;
144
144
  }
145
- .quick-button-icon-parent--small[data-v-46a594e4] {
146
- width: 32px;
147
- height: 32px;
148
- margin-right: 8px;
145
+ .quick-button-icon-parent--small[data-v-46a594e4] {
146
+ width: 32px;
147
+ height: 32px;
148
+ margin-right: 8px;
149
149
  margin-left: 8px;
150
150
  }
151
- .quick-button-icon-parent--mini[data-v-46a594e4] {
152
- width: 30px;
153
- height: 30px;
154
- margin-right: 5px;
151
+ .quick-button-icon-parent--mini[data-v-46a594e4] {
152
+ width: 30px;
153
+ height: 30px;
154
+ margin-right: 5px;
155
155
  margin-left: 5px;
156
- }
157
-
156
+ }
157
+
158
158
  /* ----------------ICON---------------------- */
159
- .quick-button-icon[data-v-46a594e4] {
160
- width: 40px;
161
- height: 40px;
159
+ .quick-button-icon[data-v-46a594e4] {
160
+ width: 40px;
161
+ height: 40px;
162
162
  position: absolute;
163
163
  }
164
- .quick-button-icon--large[data-v-46a594e4] {
165
- width: 40px;
164
+ .quick-button-icon--large[data-v-46a594e4] {
165
+ width: 40px;
166
166
  height: 40px;
167
167
  }
168
- .quick-button-icon--medium[data-v-46a594e4] {
169
- width: 40px;
168
+ .quick-button-icon--medium[data-v-46a594e4] {
169
+ width: 40px;
170
170
  height: 40px;
171
171
  }
172
- .quick-button-icon--small[data-v-46a594e4] {
173
- width: 32px;
172
+ .quick-button-icon--small[data-v-46a594e4] {
173
+ width: 32px;
174
174
  height: 32px;
175
175
  }
176
- .quick-button-icon--mini[data-v-46a594e4] {
177
- width: 30px;
176
+ .quick-button-icon--mini[data-v-46a594e4] {
177
+ width: 30px;
178
178
  height: 30px;
179
179
  }
180
- .is-square-icon[data-v-46a594e4] {
181
- width: 64px;
182
- height: 64px;
183
- margin-bottom: 16px;
180
+ .is-square-icon[data-v-46a594e4] {
181
+ width: 64px;
182
+ height: 64px;
183
+ margin-bottom: 16px;
184
184
  margin-right: 0;
185
- }
185
+ }
186
186
 
187
187
 
188
- .absoluteFocusTitleRoot[data-v-703673b8] {
189
- position: absolute;
190
- z-index: 999;
188
+ .absoluteFocusTitleRoot[data-v-703673b8] {
189
+ position: absolute;
190
+ z-index: 999;
191
191
  background-color: transparent;
192
192
  }
193
- .absoluteFocusMainBgRoot[data-v-703673b8] {
194
- background-color: transparent;
195
- margin-left: -1px;
193
+ .absoluteFocusMainBgRoot[data-v-703673b8] {
194
+ background-color: transparent;
195
+ margin-left: -1px;
196
196
  margin-right: -1px;
197
- }
197
+ }
198
198
 
199
199
 
200
- .cornerRoot[data-v-4b767ea2] {
201
- position: absolute;
202
- left: 0.01px;
203
- top: 0.01px;
204
- z-index: 1000;
200
+ .cornerRoot[data-v-4b767ea2] {
201
+ position: absolute;
202
+ left: 0.01px;
203
+ top: 0.01px;
204
+ z-index: 1000;
205
205
  background-color: transparent;
206
206
  }
207
- .cornerRoot_right[data-v-4b767ea2]{
207
+ .cornerRoot_right[data-v-4b767ea2]{
208
208
  flex-direction: row-reverse;
209
209
  }
210
- .poster_corner_img[data-v-4b767ea2]{
211
- position: absolute;
212
- top: 0.01px;
210
+ .poster_corner_img[data-v-4b767ea2]{
211
+ position: absolute;
212
+ top: 0.01px;
213
213
  z-index: 2;
214
214
  }
215
- .cornerRoot_left .poster_corner_img[data-v-4b767ea2]{
215
+ .cornerRoot_left .poster_corner_img[data-v-4b767ea2]{
216
216
  left: 0.01px;
217
217
  }
218
- .cornerRoot_right .poster_corner_img[data-v-4b767ea2]{
218
+ .cornerRoot_right .poster_corner_img[data-v-4b767ea2]{
219
219
  right: 0.01px;
220
- }
220
+ }
221
221
 
222
222
 
223
- .qt-ui-poster-root-css {
224
- position: absolute;
225
- background-color: transparent;
223
+ .qt-ui-poster-root-css {
224
+ position: absolute;
225
+ background-color: transparent;
226
226
  overflow: hidden;
227
227
  }
228
- .qt-ui-poster-img-css {
229
- background-color: rgba(255, 255, 255, 0.1);
230
- z-index: 1;
231
- position: absolute;
232
- /* focus-border-color: white;
228
+ .qt-ui-poster-img-css {
229
+ background-color: rgba(255, 255, 255, 0.1);
230
+ z-index: 1;
231
+ position: absolute;
232
+ /* focus-border-color: white;
233
233
  focus-border-style: solid; */
234
234
  }
235
- .qt-ui-poster-score-css {
236
- z-index: 2;
237
- position: absolute;
238
- color: #FC5E1B;
235
+ .qt-ui-poster-score-css {
236
+ z-index: 2;
237
+ position: absolute;
238
+ color: #FC5E1B;
239
239
  background-color: transparent;
240
240
  }
241
- .qt-ui-poster-title-css {
242
- padding-left: 16px;
243
- padding-top: 15px;
241
+ .qt-ui-poster-title-css {
242
+ padding-left: 16px;
243
+ padding-top: 15px;
244
244
  background-color: transparent;
245
245
  }
246
- .qt-ui-ripple-img-css {
247
- width: 60px;
248
- height: 60px;
249
- background-color: transparent;
250
- position: absolute;
251
- z-index: 1001;
252
- right: 20px;
246
+ .qt-ui-ripple-img-css {
247
+ width: 60px;
248
+ height: 60px;
249
+ background-color: transparent;
250
+ position: absolute;
251
+ z-index: 1001;
252
+ right: 20px;
253
253
  bottom: 20px;
254
254
  }
255
- .qt-ui-ripple-view-css {
256
- width: 100px;
257
- height: 100px;
258
- z-index: 1000;
259
- background-color: transparent;
255
+ .qt-ui-ripple-view-css {
256
+ width: 100px;
257
+ height: 100px;
258
+ z-index: 1000;
259
+ background-color: transparent;
260
260
  position: absolute;
261
261
  }
262
- .qt-ui-poster-ripple-view-root-css {
263
- width: 100px;
264
- height: 100px;
265
- right: 0;
266
- bottom: 0;
267
- margin-right: -12px;
268
- z-index: 1000;
269
- background-color: transparent;
262
+ .qt-ui-poster-ripple-view-root-css {
263
+ width: 100px;
264
+ height: 100px;
265
+ right: 0;
266
+ bottom: 0;
267
+ margin-right: -12px;
268
+ z-index: 1000;
269
+ background-color: transparent;
270
270
  position: absolute;
271
- }
272
-
271
+ }
273
272
 
274
273
 
275
- .qt-ui-nav-bar-root-horizontal {
276
- height: 72px;
274
+
275
+ .qt-ui-nav-bar-root-horizontal {
276
+ height: 72px;
277
277
  background-color: transparent;
278
278
  }
279
- .qt-ui-nav-bar-root-vertical {
279
+ .qt-ui-nav-bar-root-vertical {
280
280
  background-color: transparent;
281
281
  }
282
- .qt-ui-nav-bar-item-css {
283
- padding-left: 40px;
284
- padding-right: 40px;
285
- height: 70px;
286
- justify-content: center;
287
- flex-direction: column;
288
- display: flex;
289
- align-items: center;
290
- border-radius: 35px;
291
- background-color: transparent;
282
+ .qt-ui-nav-bar-item-css {
283
+ padding-left: 40px;
284
+ padding-right: 40px;
285
+ height: 70px;
286
+ justify-content: center;
287
+ flex-direction: column;
288
+ display: flex;
289
+ align-items: center;
290
+ border-radius: 35px;
291
+ background-color: transparent;
292
292
  focus-background-color: #f5f5f5;
293
293
  }
294
- .qt-ui-nav-bar-item-text-css {
295
- height: 60px;
296
- color: rgba(255, 255, 255, 0.5);
297
- focus-color: black;
298
- background-color: transparent;
299
- select-color: white;
294
+ .qt-ui-nav-bar-item-text-css {
295
+ height: 60px;
296
+ color: rgba(255, 255, 255, 0.5);
297
+ focus-color: black;
298
+ background-color: transparent;
299
+ select-color: white;
300
300
  align-self: center;
301
- }
302
-
301
+ }
302
+
303
303
 
304
304
 
305
- .qt-ui-waterfall-card-item[data-v-599898aa] {
305
+ .qt-ui-waterfall-card-item[data-v-599898aa] {
306
306
  background-color: transparent;
307
- }
307
+ }
308
308
 
309
309
 
310
- .qt-ui-plugin-item-root-css {
311
- position: absolute;
312
- background-color: palevioletred;
310
+ .qt-ui-plugin-item-root-css {
311
+ position: absolute;
312
+ background-color: palevioletred;
313
313
  overflow: hidden;
314
- }
314
+ }
315
315
 
316
316
 
317
- .standard-section-css[data-v-227e921e] {
318
- display: flex;
319
- background-color: transparent;
320
- flex-direction: column;
321
- align-items: flex-start;
322
- justify-content: flex-start;
317
+ .standard-section-css[data-v-227e921e] {
318
+ display: flex;
319
+ background-color: transparent;
320
+ flex-direction: column;
321
+ align-items: flex-start;
322
+ justify-content: flex-start;
323
323
  position: absolute;
324
324
  }
325
- .standard-section-title-text-css[data-v-227e921e] {
326
- /*width: 1920px;*/
327
- /*height: 60px;*/
328
- color: #ffffff;
325
+ .standard-section-title-text-css[data-v-227e921e] {
326
+ /*width: 1920px;*/
327
+ /*height: 60px;*/
328
+ color: #ffffff;
329
329
  background-color: transparent;
330
- }
330
+ }
331
331
 
332
332
 
333
- .qt-ui-section-tab-list-root[data-v-6aa2cfd4] {
334
- background-color: transparent;
333
+ .qt-ui-section-tab-list-root[data-v-6aa2cfd4] {
334
+ background-color: transparent;
335
335
  margin-left: 0px;
336
336
  }
337
- .qt-ui-section-tab-list-item-text[data-v-6aa2cfd4] {
338
- focusColor: #000000;
339
- selectColor: #ff0000;
337
+ .qt-ui-section-tab-list-item-text[data-v-6aa2cfd4] {
338
+ focusColor: #000000;
339
+ selectColor: #ff0000;
340
340
  color: #ffffff80;
341
341
  }
342
- .qt-ui-section-tab-list-item[data-v-6aa2cfd4] {
343
- border-radius: 99px;
344
- padding-top: 5px;
345
- padding-bottom: 8px;
346
- background-color: transparent;
342
+ .qt-ui-section-tab-list-item[data-v-6aa2cfd4] {
343
+ border-radius: 99px;
344
+ padding-top: 5px;
345
+ padding-bottom: 8px;
346
+ background-color: transparent;
347
347
  focus-background-color: #F5F5F5;
348
348
  }
349
349
  .tab-list-section-root-css[data-v-6aa2cfd4] {
350
350
  }
351
- .tab-list-section-list-css[data-v-6aa2cfd4] {
351
+ .tab-list-section-list-css[data-v-6aa2cfd4] {
352
352
  position: absolute;
353
353
  }
354
- .tab-list-section-title-text-css[data-v-6aa2cfd4] {
355
- /*width: 1920px;*/
356
- /*height: 60px;*/
357
- color: #ffffff;
354
+ .tab-list-section-title-text-css[data-v-6aa2cfd4] {
355
+ /*width: 1920px;*/
356
+ /*height: 60px;*/
357
+ color: #ffffff;
358
358
  background-color: transparent;
359
- }
360
-
359
+ }
361
360
 
362
361
 
363
- .loading-section-css[data-v-48609f24] {
364
- width: 1920px;
365
- height: 1080px;
362
+
363
+ .loading-section-css[data-v-48609f24] {
364
+ width: 1920px;
365
+ height: 1080px;
366
366
  background-color: transparent;
367
367
  }
368
- .loading-section-loading-css[data-v-48609f24] {
369
- width: 100px;
370
- height: 100px;
371
- align-self: center;
368
+ .loading-section-loading-css[data-v-48609f24] {
369
+ width: 100px;
370
+ height: 100px;
371
+ align-self: center;
372
372
  margin-top: 550px
373
- }
374
-
373
+ }
374
+
375
375
 
376
376
 
377
- .qt-waterfall-end-section-css[data-v-70b82c43] {
378
- background-color: transparent;
379
- align-items: center;
380
- display: flex;
381
- flex-direction: column;
377
+ .qt-waterfall-end-section-css[data-v-70b82c43] {
378
+ background-color: transparent;
379
+ align-items: center;
380
+ display: flex;
381
+ flex-direction: column;
382
382
  justify-content: center;
383
383
  }
384
- .qt-waterfall-end-section-text-css[data-v-70b82c43] {
385
- width: 500px;
386
- height: 50px;
387
- color: rgba(255, 255, 255, .5);
388
- align-self: center;
384
+ .qt-waterfall-end-section-text-css[data-v-70b82c43] {
385
+ width: 500px;
386
+ height: 50px;
387
+ color: rgba(255, 255, 255, .5);
388
+ align-self: center;
389
389
  background-color: transparent;
390
- }
390
+ }
391
391
 
392
392
 
393
- .section-title-css[data-v-20428d40] {
394
- width: 1920px;
395
- height: 60px;
396
- display: flex;
397
- flex-direction: column;
393
+ .section-title-css[data-v-20428d40] {
394
+ width: 1920px;
395
+ height: 60px;
396
+ display: flex;
397
+ flex-direction: column;
398
398
  background-color: transparent;
399
399
  }
400
- .section-title-text-css[data-v-20428d40] {
401
- position: absolute;
402
- width: 1920px;
403
- height: 60px;
404
- margin-left: 90px;
400
+ .section-title-text-css[data-v-20428d40] {
401
+ position: absolute;
402
+ width: 1920px;
403
+ height: 60px;
404
+ margin-left: 90px;
405
405
  color: #ffffff;
406
- }
407
-
406
+ }
407
+
408
408
 
409
409
 
410
- .qt-ui-waterfall-blank-section[data-v-eeab4d88] {
410
+ .qt-ui-waterfall-blank-section[data-v-eeab4d88] {
411
411
  background-color: transparent;
412
- }
412
+ }
413
413
 
414
414
 
415
- .qt-ui-waterfall-card-section-css[data-v-43a44788] {
415
+ .qt-ui-waterfall-card-section-css[data-v-43a44788] {
416
416
  background-color: transparent;
417
417
  }
418
- .qt-ui-waterfall-card-section[data-v-43a44788] {
418
+ .qt-ui-waterfall-card-section[data-v-43a44788] {
419
419
  background-color: transparent;
420
420
  }
421
- .qt-ui-waterfall-card-section-title-css[data-v-43a44788] {
422
- width: 1920px;
423
- height: 60px;
424
- color: #ffffff;
421
+ .qt-ui-waterfall-card-section-title-css[data-v-43a44788] {
422
+ width: 1920px;
423
+ height: 60px;
424
+ color: #ffffff;
425
425
  background-color: transparent;
426
- }
427
-
426
+ }
428
427
 
429
428
 
430
- .qt-ui-waterfall-vue-section[data-v-f8447724] {
429
+
430
+ .qt-ui-waterfall-vue-section[data-v-f8447724] {
431
431
  background-color: transparent;
432
- }
432
+ }
433
433
 
434
434
 
435
- .qt-ui-plugin-section-root-css[data-v-ca3d65aa] {
436
- display: flex;
435
+ .qt-ui-plugin-section-root-css[data-v-ca3d65aa] {
436
+ display: flex;
437
437
  background-color: transparent;
438
438
  }
439
- .qt-ui-plugin-section-css[data-v-ca3d65aa] {
440
- display: flex;
439
+ .qt-ui-plugin-section-css[data-v-ca3d65aa] {
440
+ display: flex;
441
441
  background-color: #40b883;
442
442
  }
443
- .qt-ui-plugin-section-title-text-css[data-v-ca3d65aa] {
444
- /*width: 1920px;*/
445
- /*height: 60px;*/
446
- color: #ffffff;
443
+ .qt-ui-plugin-section-title-text-css[data-v-ca3d65aa] {
444
+ /*width: 1920px;*/
445
+ /*height: 60px;*/
446
+ color: #ffffff;
447
447
  background-color: red;
448
- }
449
-
448
+ }
449
+
450
450
 
451
451
 
452
452
  .qt-waterfall-root-css {
453
- }
453
+ }
454
454
 
455
455
 
456
- .tabs-root-css {
456
+ .tabs-root-css {
457
457
  background-color: transparent;
458
- }
459
-
460
-
458
+ }
461
459
 
462
460
 
463
- .qt-ui-waterfall-vue-section[data-v-d02af3c2] {
461
+
462
+
463
+ .qt-ui-waterfall-vue-section[data-v-d02af3c2] {
464
464
  background-color: transparent;
465
- }
465
+ }
466
466
 
467
467
 
468
- .content_list_view {
469
- width: 1920px;
470
- height: 210px;
468
+ .content_list_view {
469
+ width: 1920px;
470
+ height: 210px;
471
471
  background-color: transparent;
472
472
  }
473
- .clv_item {
474
- width: 316px;
475
- height: 178px;
476
- background-color: transparent;
473
+ .clv_item {
474
+ width: 316px;
475
+ height: 178px;
476
+ background-color: transparent;
477
477
  border-radius: 8px;
478
478
  }
479
- .coverV {
480
- width: 316px;
481
- height: 178px;
482
- background-color: rgba(255, 255, 255, 0.1);
479
+ .coverV {
480
+ width: 316px;
481
+ height: 178px;
482
+ background-color: rgba(255, 255, 255, 0.1);
483
483
  border-radius: 8px;
484
484
  }
485
- .titMask {
486
- position: absolute;
487
- width: 316px;
488
- height: 60px;
489
- top: 118px;
490
- left: 0;
491
- background-color: transparent;
492
- }
493
- .clv_item_text_box {
494
- width: 316px;
495
- height: 60px;
496
- background-color: transparent;
497
- position: absolute;
498
- left: 0;
499
- top: 118px;
500
- border-bottom-left-radius: 8px;
485
+ .titMask {
486
+ position: absolute;
487
+ width: 316px;
488
+ height: 60px;
489
+ top: 118px;
490
+ left: 0;
491
+ background-color: transparent;
492
+ }
493
+ .clv_item_text_box {
494
+ width: 316px;
495
+ height: 60px;
496
+ background-color: transparent;
497
+ position: absolute;
498
+ left: 0;
499
+ top: 118px;
500
+ border-bottom-left-radius: 8px;
501
501
  border-bottom-right-radius: 8px;
502
502
  }
503
- .playMark {
504
- width: 45px;
505
- height: 30px;
506
- background-color: transparent;
507
- position: absolute;
503
+ .playMark {
504
+ width: 45px;
505
+ height: 30px;
506
+ background-color: transparent;
507
+ position: absolute;
508
508
  top: 21px;
509
509
  }
510
- .selectedIcon {
511
- width: 45px;
512
- height: 30px;
513
- background-color: transparent;
514
- position: absolute;
510
+ .selectedIcon {
511
+ width: 45px;
512
+ height: 30px;
513
+ background-color: transparent;
514
+ position: absolute;
515
515
  top: 15px;
516
516
  }
517
- .selectedIcon img {
518
- width: 28px;
519
- height: 30px;
517
+ .selectedIcon img {
518
+ width: 28px;
519
+ height: 30px;
520
520
  margin-left: 12px;
521
521
  }
522
- .clv_item_text {
523
- width: 265px;
524
- height: 60px;
525
- position: absolute;
526
- left: 45px;
527
- color: #fff;
528
- background-color: transparent;
529
- }
530
- .clv_item_text_box1 {
531
- width: 316px;
532
- height: 60px;
533
- background-color: transparent;
534
- position: absolute;
535
- left: 0;
536
- top: 118px;
537
- border-bottom-left-radius: 8px;
522
+ .clv_item_text {
523
+ width: 265px;
524
+ height: 60px;
525
+ position: absolute;
526
+ left: 45px;
527
+ color: #fff;
528
+ background-color: transparent;
529
+ }
530
+ .clv_item_text_box1 {
531
+ width: 316px;
532
+ height: 60px;
533
+ background-color: transparent;
534
+ position: absolute;
535
+ left: 0;
536
+ top: 118px;
537
+ border-bottom-left-radius: 8px;
538
538
  border-bottom-right-radius: 8px;
539
539
  }
540
- .clv_item_selected_text {
541
- width: 316px;
542
- height: 60px;
543
- background-color: transparent;
544
- border-bottom-left-radius: 8px;
545
- border-bottom-right-radius: 8px;
540
+ .clv_item_selected_text {
541
+ width: 316px;
542
+ height: 60px;
543
+ background-color: transparent;
544
+ border-bottom-left-radius: 8px;
545
+ border-bottom-right-radius: 8px;
546
546
  color: #fff;
547
547
  }
548
- .nav_list_view {
549
- width: 1920px;
550
- height: 80px;
548
+ .nav_list_view {
549
+ width: 1920px;
550
+ height: 80px;
551
551
  background-color: transparent;
552
552
  }
553
- .nav_item {
554
- width: 168px;
555
- height: 80px;
556
- background-color: transparent;
553
+ .nav_item {
554
+ width: 168px;
555
+ height: 80px;
556
+ background-color: transparent;
557
557
  border-radius: 40px;
558
558
  }
559
- .nav_item_text_focused {
560
- width: 168px;
561
- height: 80px;
562
- position: absolute;
563
- background-color: transparent;
559
+ .nav_item_text_focused {
560
+ width: 168px;
561
+ height: 80px;
562
+ position: absolute;
563
+ background-color: transparent;
564
564
  border-radius: 40px;
565
565
  }
566
- .nav_item_text {
567
- width: 168px;
568
- height: 80px;
569
- position: absolute;
570
- border-radius: 40px;
566
+ .nav_item_text {
567
+ width: 168px;
568
+ height: 80px;
569
+ position: absolute;
570
+ border-radius: 40px;
571
571
  background-color: transparent;
572
572
  }
573
- .text {
574
- width: 168px;
575
- height: 80px;
576
- color: #fff;
573
+ .text {
574
+ width: 168px;
575
+ height: 80px;
576
+ color: #fff;
577
577
  position: absolute;
578
578
  }
579
- .text_selected {
580
- width: 168px;
581
- height: 80px;
582
- color: #0D71FF;
579
+ .text_selected {
580
+ width: 168px;
581
+ height: 80px;
582
+ color: #0D71FF;
583
583
  position: absolute;
584
584
  }
585
- .line {
586
- background-color: #0D71FF;
587
- width: 34px;
588
- height: 6px;
589
- position: absolute;
590
- left: 67px;
585
+ .line {
586
+ background-color: #0D71FF;
587
+ width: 34px;
588
+ height: 6px;
589
+ position: absolute;
590
+ left: 67px;
591
591
  top: 74px;
592
- }
592
+ }
593
593
 
594
594
 
595
- .number-item-container[data-v-4afb8987] {
596
- width: 160px;
597
- height: 80px;
598
- background-color: transparent;
595
+ .number-item-container[data-v-4afb8987] {
596
+ width: 160px;
597
+ height: 80px;
598
+ background-color: transparent;
599
599
  border-radius: 8px
600
600
  }
601
- .number-item-container-bg-focus[data-v-4afb8987]{
602
- position: absolute;
603
- background-color: transparent;
604
- width: 160px;
601
+ .number-item-container-bg-focus[data-v-4afb8987]{
602
+ position: absolute;
603
+ background-color: transparent;
604
+ width: 160px;
605
605
  height: 80px;
606
606
  }
607
- .media-series-number-item-vip-root[data-v-4afb8987] {
608
- position: absolute;
609
- width: 45px;
610
- height: 28px;
611
- left: 118px;
612
- border-radius: 4px;
607
+ .media-series-number-item-vip-root[data-v-4afb8987] {
608
+ position: absolute;
609
+ width: 45px;
610
+ height: 28px;
611
+ left: 118px;
612
+ border-radius: 4px;
613
613
  background-color: transparent;
614
614
  }
615
- .media-series-number-item-vip-text[data-v-4afb8987] {
616
- width: 45px;
617
- height: 28px;
618
- color: white;
615
+ .media-series-number-item-vip-text[data-v-4afb8987] {
616
+ width: 45px;
617
+ height: 28px;
618
+ color: white;
619
619
  font-weight: 400;
620
620
  }
621
- .number-item-text-root-css[data-v-4afb8987] {
622
- position: absolute;
623
- flex-direction: row;
624
- justify-content: center;
625
- align-items: center;
626
- width: 160px;
627
- height: 80px;
621
+ .number-item-text-root-css[data-v-4afb8987] {
622
+ position: absolute;
623
+ flex-direction: row;
624
+ justify-content: center;
625
+ align-items: center;
626
+ width: 160px;
627
+ height: 80px;
628
628
  background-color: transparent;
629
629
  }
630
- .number-item-text-css[data-v-4afb8987] {
631
- height: 80px;
630
+ .number-item-text-css[data-v-4afb8987] {
631
+ height: 80px;
632
632
  width: 160px;
633
633
  }
634
- .number-item-text-vip-css[data-v-4afb8987] {
635
- height: 80px;
634
+ .number-item-text-vip-css[data-v-4afb8987] {
635
+ height: 80px;
636
636
  width: 160px;
637
- }
638
-
637
+ }
638
+
639
639
 
640
640
 
641
- .text-item-container[data-v-4859f623] {
642
- border-radius: 8px;
641
+ .text-item-container[data-v-4859f623] {
642
+ border-radius: 8px;
643
643
  background-color: transparent;
644
644
  }
645
- .text-item-container-bg-focus[data-v-4859f623]{
646
- position: absolute;
645
+ .text-item-container-bg-focus[data-v-4859f623]{
646
+ position: absolute;
647
647
  background-color: transparent;
648
648
  }
649
- .text-item-container-css[data-v-4859f623] {
650
- border-radius: 8px;
651
- background-color: rgba(255, 255, 255, .1);
652
- flex-direction: row;
653
- justify-content: center;
649
+ .text-item-container-css[data-v-4859f623] {
650
+ border-radius: 8px;
651
+ background-color: rgba(255, 255, 255, .1);
652
+ flex-direction: row;
653
+ justify-content: center;
654
654
  align-items: center;
655
655
  }
656
- .text-item-text[data-v-4859f623] {
657
- font-weight: 400;
656
+ .text-item-text[data-v-4859f623] {
657
+ font-weight: 400;
658
658
  height: 100px;
659
659
  }
660
- .text-item-text-vip[data-v-4859f623] {
661
- font-weight: 400;
660
+ .text-item-text-vip[data-v-4859f623] {
661
+ font-weight: 400;
662
662
  height: 100px;
663
663
  }
664
- .media-series-text-item-vip-root[data-v-4859f623] {
665
- position: absolute;
666
- width: 45px;
667
- height: 28px;
668
- right: 0.01px;
669
- top: 0.01px;
670
- border-radius: 4px;
664
+ .media-series-text-item-vip-root[data-v-4859f623] {
665
+ position: absolute;
666
+ width: 45px;
667
+ height: 28px;
668
+ right: 0.01px;
669
+ top: 0.01px;
670
+ border-radius: 4px;
671
671
  background-color: transparent;
672
672
  }
673
- .media-series-text-item-vip-text[data-v-4859f623] {
674
- width: 45px;
675
- height: 28px;
676
- color: white;
673
+ .media-series-text-item-vip-text[data-v-4859f623] {
674
+ width: 45px;
675
+ height: 28px;
676
+ color: white;
677
677
  font-weight: 400;
678
- }
679
-
678
+ }
680
679
 
681
680
 
682
- .qt-collapse-root-css[data-v-4feca809] {
683
- display: flex;
684
- flex-direction: column;
685
- justify-content: flex-end;
686
- align-items: center;
681
+
682
+ .qt-collapse-root-css[data-v-4feca809] {
683
+ display: flex;
684
+ flex-direction: column;
685
+ justify-content: flex-end;
686
+ align-items: center;
687
687
  background-color: transparent;
688
688
  }
689
689
  .qt-collapse-item-css[data-v-4feca809] {
690
- }
690
+ }