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

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,691 +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
- }
271
+ }
272
+
272
273
 
273
274
 
274
-
275
- .qt-ui-nav-bar-root-horizontal {
276
- height: 72px;
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
- }
359
+ }
360
+
360
361
 
361
362
 
362
-
363
- .loading-section-css[data-v-48609f24] {
364
- width: 1920px;
365
- height: 1080px;
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
- }
426
+ }
427
+
427
428
 
428
429
 
429
-
430
- .qt-ui-waterfall-vue-section[data-v-f8447724] {
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
- }
454
-
453
+ }
455
454
 
456
455
 
457
- .tabs-root-css {
456
+ .tabs-root-css {
458
457
  background-color: transparent;
459
- }
460
-
461
-
458
+ }
459
+
460
+
462
461
 
463
462
 
464
- .qt-ui-waterfall-vue-section[data-v-d02af3c2] {
463
+ .qt-ui-waterfall-vue-section[data-v-d02af3c2] {
465
464
  background-color: transparent;
466
- }
465
+ }
467
466
 
468
467
 
469
- .content_list_view {
470
- width: 1920px;
471
- height: 210px;
468
+ .content_list_view {
469
+ width: 1920px;
470
+ height: 210px;
472
471
  background-color: transparent;
473
472
  }
474
- .clv_item {
475
- width: 316px;
476
- height: 178px;
477
- background-color: transparent;
473
+ .clv_item {
474
+ width: 316px;
475
+ height: 178px;
476
+ background-color: transparent;
478
477
  border-radius: 8px;
479
478
  }
480
- .coverV {
481
- width: 316px;
482
- height: 178px;
483
- 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);
484
483
  border-radius: 8px;
485
484
  }
486
- .titMask {
487
- position: absolute;
488
- width: 316px;
489
- height: 60px;
490
- top: 118px;
491
- left: 0;
492
- background-color: transparent;
493
- }
494
- .clv_item_text_box {
495
- width: 316px;
496
- height: 60px;
497
- background-color: transparent;
498
- position: absolute;
499
- left: 0;
500
- top: 118px;
501
- 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;
502
501
  border-bottom-right-radius: 8px;
503
502
  }
504
- .playMark {
505
- width: 45px;
506
- height: 30px;
507
- background-color: transparent;
508
- position: absolute;
503
+ .playMark {
504
+ width: 45px;
505
+ height: 30px;
506
+ background-color: transparent;
507
+ position: absolute;
509
508
  top: 21px;
510
509
  }
511
- .selectedIcon {
512
- width: 45px;
513
- height: 30px;
514
- background-color: transparent;
515
- position: absolute;
510
+ .selectedIcon {
511
+ width: 45px;
512
+ height: 30px;
513
+ background-color: transparent;
514
+ position: absolute;
516
515
  top: 15px;
517
516
  }
518
- .selectedIcon img {
519
- width: 28px;
520
- height: 30px;
517
+ .selectedIcon img {
518
+ width: 28px;
519
+ height: 30px;
521
520
  margin-left: 12px;
522
521
  }
523
- .clv_item_text {
524
- width: 265px;
525
- height: 60px;
526
- position: absolute;
527
- left: 45px;
528
- color: #fff;
529
- background-color: transparent;
530
- }
531
- .clv_item_text_box1 {
532
- width: 316px;
533
- height: 60px;
534
- background-color: transparent;
535
- position: absolute;
536
- left: 0;
537
- top: 118px;
538
- 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;
539
538
  border-bottom-right-radius: 8px;
540
539
  }
541
- .clv_item_selected_text {
542
- width: 316px;
543
- height: 60px;
544
- background-color: transparent;
545
- border-bottom-left-radius: 8px;
546
- 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;
547
546
  color: #fff;
548
547
  }
549
- .nav_list_view {
550
- width: 1920px;
551
- height: 80px;
548
+ .nav_list_view {
549
+ width: 1920px;
550
+ height: 80px;
552
551
  background-color: transparent;
553
552
  }
554
- .nav_item {
555
- width: 168px;
556
- height: 80px;
557
- background-color: transparent;
553
+ .nav_item {
554
+ width: 168px;
555
+ height: 80px;
556
+ background-color: transparent;
558
557
  border-radius: 40px;
559
558
  }
560
- .nav_item_text_focused {
561
- width: 168px;
562
- height: 80px;
563
- position: absolute;
564
- background-color: transparent;
559
+ .nav_item_text_focused {
560
+ width: 168px;
561
+ height: 80px;
562
+ position: absolute;
563
+ background-color: transparent;
565
564
  border-radius: 40px;
566
565
  }
567
- .nav_item_text {
568
- width: 168px;
569
- height: 80px;
570
- position: absolute;
571
- border-radius: 40px;
566
+ .nav_item_text {
567
+ width: 168px;
568
+ height: 80px;
569
+ position: absolute;
570
+ border-radius: 40px;
572
571
  background-color: transparent;
573
572
  }
574
- .text {
575
- width: 168px;
576
- height: 80px;
577
- color: #fff;
573
+ .text {
574
+ width: 168px;
575
+ height: 80px;
576
+ color: #fff;
578
577
  position: absolute;
579
578
  }
580
- .text_selected {
581
- width: 168px;
582
- height: 80px;
583
- color: #0D71FF;
579
+ .text_selected {
580
+ width: 168px;
581
+ height: 80px;
582
+ color: #0D71FF;
584
583
  position: absolute;
585
584
  }
586
- .line {
587
- background-color: #0D71FF;
588
- width: 34px;
589
- height: 6px;
590
- position: absolute;
591
- left: 67px;
585
+ .line {
586
+ background-color: #0D71FF;
587
+ width: 34px;
588
+ height: 6px;
589
+ position: absolute;
590
+ left: 67px;
592
591
  top: 74px;
593
- }
592
+ }
594
593
 
595
594
 
596
- .number-item-container[data-v-4afb8987] {
597
- width: 160px;
598
- height: 80px;
599
- background-color: transparent;
595
+ .number-item-container[data-v-4afb8987] {
596
+ width: 160px;
597
+ height: 80px;
598
+ background-color: transparent;
600
599
  border-radius: 8px
601
600
  }
602
- .number-item-container-bg-focus[data-v-4afb8987]{
603
- position: absolute;
604
- background-color: transparent;
605
- width: 160px;
601
+ .number-item-container-bg-focus[data-v-4afb8987]{
602
+ position: absolute;
603
+ background-color: transparent;
604
+ width: 160px;
606
605
  height: 80px;
607
606
  }
608
- .media-series-number-item-vip-root[data-v-4afb8987] {
609
- position: absolute;
610
- width: 45px;
611
- height: 28px;
612
- left: 118px;
613
- 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;
614
613
  background-color: transparent;
615
614
  }
616
- .media-series-number-item-vip-text[data-v-4afb8987] {
617
- width: 45px;
618
- height: 28px;
619
- color: white;
615
+ .media-series-number-item-vip-text[data-v-4afb8987] {
616
+ width: 45px;
617
+ height: 28px;
618
+ color: white;
620
619
  font-weight: 400;
621
620
  }
622
- .number-item-text-root-css[data-v-4afb8987] {
623
- position: absolute;
624
- flex-direction: row;
625
- justify-content: center;
626
- align-items: center;
627
- width: 160px;
628
- 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;
629
628
  background-color: transparent;
630
629
  }
631
- .number-item-text-css[data-v-4afb8987] {
632
- height: 80px;
630
+ .number-item-text-css[data-v-4afb8987] {
631
+ height: 80px;
633
632
  width: 160px;
634
633
  }
635
- .number-item-text-vip-css[data-v-4afb8987] {
636
- height: 80px;
634
+ .number-item-text-vip-css[data-v-4afb8987] {
635
+ height: 80px;
637
636
  width: 160px;
638
- }
639
-
637
+ }
638
+
640
639
 
641
640
 
642
- .text-item-container[data-v-4859f623] {
643
- border-radius: 8px;
641
+ .text-item-container[data-v-4859f623] {
642
+ border-radius: 8px;
644
643
  background-color: transparent;
645
644
  }
646
- .text-item-container-bg-focus[data-v-4859f623]{
647
- position: absolute;
645
+ .text-item-container-bg-focus[data-v-4859f623]{
646
+ position: absolute;
648
647
  background-color: transparent;
649
648
  }
650
- .text-item-container-css[data-v-4859f623] {
651
- border-radius: 8px;
652
- background-color: rgba(255, 255, 255, .1);
653
- flex-direction: row;
654
- 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;
655
654
  align-items: center;
656
655
  }
657
- .text-item-text[data-v-4859f623] {
658
- font-weight: 400;
656
+ .text-item-text[data-v-4859f623] {
657
+ font-weight: 400;
659
658
  height: 100px;
660
659
  }
661
- .text-item-text-vip[data-v-4859f623] {
662
- font-weight: 400;
660
+ .text-item-text-vip[data-v-4859f623] {
661
+ font-weight: 400;
663
662
  height: 100px;
664
663
  }
665
- .media-series-text-item-vip-root[data-v-4859f623] {
666
- position: absolute;
667
- width: 45px;
668
- height: 28px;
669
- right: 0.01px;
670
- top: 0.01px;
671
- 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;
672
671
  background-color: transparent;
673
672
  }
674
- .media-series-text-item-vip-text[data-v-4859f623] {
675
- width: 45px;
676
- height: 28px;
677
- color: white;
673
+ .media-series-text-item-vip-text[data-v-4859f623] {
674
+ width: 45px;
675
+ height: 28px;
676
+ color: white;
678
677
  font-weight: 400;
679
- }
678
+ }
679
+
680
680
 
681
681
 
682
-
683
- .qt-collapse-root-css[data-v-4feca809] {
684
- display: flex;
685
- flex-direction: column;
686
- justify-content: flex-end;
687
- align-items: center;
682
+ .qt-collapse-root-css[data-v-4feca809] {
683
+ display: flex;
684
+ flex-direction: column;
685
+ justify-content: flex-end;
686
+ align-items: center;
688
687
  background-color: transparent;
689
688
  }
690
689
  .qt-collapse-item-css[data-v-4feca809] {
691
- }
690
+ }