PageSourceSearch

http://sjzlh.com.cn/

html sjzlh.com.cn collected 2026-10-06 13:16:01 UTC 140,891 bytes, 4,461 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="UTF-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
7  <link rel="shortcut icon" href="https://ai.mobirise.com/assets/tutorm5/images/logo5.png?v=taozi" type="image/x-icon">
8  <meta name="description" content="聚焦实时互动娱乐,桃子视频融合高清影视资源与创意直播服务。平台以智能推荐和弹幕互动为核心,覆盖电影、电视剧、动漫等多元内容,确保流畅观影体验。">
9   <title>桃子视频官网-高清影视与创意直播的沉浸式乐园</title>
10  <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/web/assets/mobirise-icons/mobirise-icons.css?v=taozi">
11  <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/web/assets/mobirise-icons2/mobirise2.css?v=taozi">
12  <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/bootstrap/css/bootstrap.min.css?v=taozi">
13  <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/bootstrap/css/bootstrap-grid.min.css?v=taozi">
14  <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/bootstrap/css/bootstrap-reboot.min.css?v=taozi">
15  <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/dropdown/css/style.css?v=taozi">
16  <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/animatecss/animate.css?v=taozi">
17  <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/socicon/css/styles.css?v=taozi">
18  <link rel="stylesheet" href="https://ai.mobirise.com/assets/tutorm5/theme/css/style.css?v=taozi">
19  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
20  <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;700&display=swap"></noscript>
21  <link rel="stylesheet" href="https://ai-builder.mobirise.com/api/v2/themes/tutorm5/additional.css?v=fdyT7DIT1Jrm0AiYHZEjpw&backgroundColor=%23F7F1E7&primaryColor=%23FFD07B&secondaryColor=%235A89DC&successColor=%2365E2A8&infoColor=%2351DAF6&warningColor=%23FFD148&dangerColor=%23E4636F&mainFont=Source%20Serif%204&display1Font=Source%20Serif%204&display1Size=7.8&display2Font=Source%20Serif%204&display2Size=4.5&display5Font=Source%20Serif%204&display5Size=2&display7Font=Source%20Serif%204&display7Size=1.4&display4Font=Source%20Serif%204&display4Size=1.2&isRoundedImages=true&isRoundedButtons=true&isLargeButtons=true&isGhostButtonBorder=true&underlinedLinks=false&isAnimatedOnScroll=false&isScrollToTopButton=false" type="text/css">
22  
23  
24
25  <style>:root{--background: #F7F1E7; --background-900: #F5E8D2; --background-800: #EDD4AB; --background-700: #E5C081; --background-600: #D9A12D; --background-dark: #1C1000; --background-dark-900: #2D1B00; --background-dark-800: #472D00; --background-dark-700: #603E00; --background-dark-600: #7B5100; --dominant-color: #B1740F; --dominant-dark-color: #512610; --dominant-darken-color: #7D4800; --dominant-light-color: #E9DFC8; --dominant-lighten-color: #E7A343; --primary-color: #FFD07B; --primary-dark-color: #4E2904; --primary-darken-color: #CA9F4D; --primary-light-color: #ECE4CD; --primary-lighten-color: #FFFFAB; --secondary-color: #5A89DC; --secondary-dark-color: #1D3257; --secondary-darken-color: #195CAA; --secondary-light-color: #CBE6F1; --secondary-lighten-color: #8FB9FF; --success-color: #65E2A8; --success-dark-color: #1A4322; --success-darken-color: #28AF79; --success-light-color: #D2EBDE; --success-lighten-color: #9AFFDA; --danger-color: #E4636F; --danger-dark-color: #582726; --danger-darken-color: #AE3144; --danger-light-color: #E4C8CB; --danger-lighten-color: #FF949D; --warning-color: #FFD148; --warning-dark-color: #4F2906; --warning-darken-color: #C8A005; --warning-light-color: #E9E4CD; --warning-lighten-color: #FFFF7A; --info-color: #51DAF6; --info-dark-color: #003F59; --info-darken-color: #00A8C3; --info-light-color: #CFEEED; --info-lighten-color: #8DFFFF; --background-text: #000000; --background-900-text: #000000; --background-800-text: #000000; --background-700-text: #000000; --background-600-text: #000000; --background-dark-text: #FFFFFF; --background-dark-900-text: #FFFFFF; --background-dark-800-text: #FFFFFF; --background-dark-700-text: #FFFFFF; --background-dark-600-text: #FFFFFF; --dominant-text: #FFFFFF; --dominant-dark-text: #FFFFFF; --dominant-darken-text: #FFFFFF; --dominant-light-text: #000000; --dominant-lighten-text: #000000; --primary-text: #000000; --primary-dark-text: #FFFFFF; --primary-darken-text: #000000; --primary-light-text: #000000; --primary-lighten-text: #000000; --secondary-text: #FFFFFF; --secondary-dark-text: #FFFFFF; --secondary-darken-text: #FFFFFF; --secondary-light-text: #000000; --secondary-lighten-text: #000000; --success-text: #000000; --success-dark-text: #FFFFFF; --success-darken-text: #FFFFFF; --success-light-text: #000000; --success-lighten-text: #000000; --danger-text: #000000; --danger-dark-text: #FFFFFF; --danger-darken-text: #FFFFFF; --danger-light-text: #000000; --danger-lighten-text: #000000; --warning-text: #000000; --warning-dark-text: #FFFFFF; --warning-darken-text: #000000; --warning-light-text: #000000; --warning-lighten-text: #000000; --info-text: #000000; --info-dark-text: #FFFFFF; --info-darken-text: #FFFFFF; --info-light-text: #000000; --info-lighten-text: #000000;  --display1-font: 'Source Serif 4', sans-serif; --display2-font: 'Source Serif 4', sans-serif; --display4-font: 'Source Serif 4', sans-serif; --display5-font: 'Source Serif 4', sans-serif; --display7-font: 'Source Serif 4', sans-serif;}</style>
26</head>
27<body>
28
29
30    
31<style>
32.cid-vakWYfkY2d {
33    z-index: 1000;
34    width: 100%;
35    position: relative;
36}
37
38.cid-vakWYfkY2d .dropdown-item:before {
39    font-family: Moririse2 !important;
40    content: "\e966";
41    display: inline-block;
42    width: 0;
43    position: absolute;
44    left: 1rem;
45    top: 0.5rem;
46    margin-right: 0.5rem;
47    line-height: 1;
48    font-size: inherit;
49    vertical-align: middle;
50    text-align: center;
51    overflow: hidden;
52    transform: scale(0, 1);
53    transition: all 0.25s ease-in-out;
54}
55
56
57@media (max-width: 767px) {
58    .cid-vakWYfkY2d .navbar-toggler {
59        transform: scale(0.8);
60    }
61}
62
63.cid-vakWYfkY2d .navbar-brand {
64    flex-shrink: 0;
65    align-items: center;
66    margin-right: 0;
67    padding: 10px 0;
68    transition: all 0.3s;
69    word-break: break-word;
70    z-index: 1;
71}
72
73.cid-vakWYfkY2d .navbar-brand img {
74    max-width: 100%;
75    max-height: 100%;
76    border-radius: 0px !important;
77}
78
79.cid-vakWYfkY2d .navbar-brand .navbar-caption {
80    line-height: inherit !important;
81}
82
83.cid-vakWYfkY2d .navbar-brand .navbar-logo a {
84    outline: none;
85}
86
87.cid-vakWYfkY2d .navbar-nav {
88    margin: auto;
89    margin-left: 0;
90    margin-left: auto;
91}
92
93.cid-vakWYfkY2d .navbar-nav .nav-item {
94    padding: 0 !important;
95    transition: 0.3s all !important;
96}
97
98.cid-vakWYfkY2d .navbar-nav .nav-item .nav-link {
99    padding: 16px !important;
100    margin: 0 !important;
101    border-radius: 1rem !important;
102    transition: 0.3s all !important;
103}
104
105.cid-vakWYfkY2d .navbar-nav .nav-item .nav-link:hover {
106    background-color: rgba(27, 31, 10, 0.06);
107}
108
109.cid-vakWYfkY2d .navbar-nav .open .nav-link::after {
110    transform: rotate(180deg);
111}
112
113@media (min-width: 992px) {
114    .cid-vakWYfkY2d .navbar-nav .open .nav-link::before {
115        content: "";
116        width: 100%;
117        height: 20px;
118        top: 100%;
119        background: transparent;
120        position: absolute;
121    }
122}
123
124.cid-vakWYfkY2d .navbar-nav .dropdown-item {
125    padding: 12px !important;
126    border-radius: 0.5rem !important;
127    margin: 0 8px !important;
128    transition: 0.3s all !important;
129}
130
131.cid-vakWYfkY2d .navbar-nav .dropdown-item:hover {
132    background-color: rgba(27, 31, 10, 0.06);
133}
134
135@media (min-width: 992px) {
136    .cid-vakWYfkY2d .navbar-nav {
137        padding-left: 1.5rem;
138    }
139}
140
141.cid-vakWYfkY2d .nav-link {
142    width: fit-content;
143    position: relative;
144}
145
146.cid-vakWYfkY2d .navbar-logo {
147    padding-left: 2rem;
148    margin: 0 !important;
149}
150
151@media (max-width: 767px) {
152    .cid-vakWYfkY2d .navbar-logo {
153        padding-left: 1rem;
154    }
155}
156
157.cid-vakWYfkY2d .navbar-caption {
158    padding-left: 1rem;
159    padding-right: 0.5rem;
160    color: var(--dominant-text);
161}
162
163@media (max-width: 767px) {
164    .cid-vakWYfkY2d .nav-dropdown {
165        padding-bottom: 0.5rem;
166    }
167}
168
169.cid-vakWYfkY2d .nav-dropdown .link.dropdown-toggle::after {
170    margin-left: 0.5rem;
171    margin-top: 0.2rem;
172    transition: 0.3s all;
173}
174
175.cid-vakWYfkY2d .container {
176    display: flex;
177    height: 90px;
178    padding: 0.5rem 0.6rem;
179    flex-wrap: nowrap;
180    left: 0;
181    right: 0;
182    -webkit-box-pack: justify;
183    -ms-flex-pack: justify;
184    justify-content: flex-end;
185    -webkit-box-align: center;
186    -webkit-align-items: center;
187    -ms-flex-align: center;
188    align-items: center;
189    border-radius: 100vw;
190}
191
192@media (max-width: 992px) {
193    .cid-vakWYfkY2d .container {
194        padding-right: 2rem;
195    }
196}
197
198@media (max-width: 767px) {
199    .cid-vakWYfkY2d .container {
200        width: 95%;
201        height: 56px !important;
202        padding-right: 1rem;
203        margin-top: 0rem;
204    }
205}
206
207.cid-vakWYfkY2d .iconfont-wrapper {
208    color: #000000 !important;
209    font-size: 1.5rem;
210    padding-right: 0.5rem;
211}
212
213.cid-vakWYfkY2d .dropdown-menu {
214    flex-wrap: wrap;
215    flex-direction: column;
216    max-width: 100%;
217    padding: 12px 4px !important;
218    border-radius: 1.5rem;
219    transition: 0.3s all !important;
220    min-width: auto;
221    background: var(--dominant-color);
222}
223
224.cid-vakWYfkY2d .nav-item:focus,
225.cid-vakWYfkY2d .nav-link:focus {
226    outline: none;
227}
228
229.cid-vakWYfkY2d .dropdown .dropdown-menu .dropdown-item {
230    width: auto;
231    transition: all 0.25s ease-in-out;
232}
233
234.cid-vakWYfkY2d .dropdown .dropdown-menu .dropdown-item::after {
235    right: 0.5rem;
236}
237
238.cid-vakWYfkY2d .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
239    margin-right: 0.5rem;
240    vertical-align: sub;
241}
242
243.cid-vakWYfkY2d .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
244    display: inline-block;
245    transform: scale(1, 1);
246    transition: all 0.25s ease-in-out;
247}
248
249.cid-vakWYfkY2d .collapsed .dropdown-menu .dropdown-item:before {
250    display: none;
251}
252
253.cid-vakWYfkY2d .collapsed .dropdown .dropdown-menu .dropdown-item {
254    padding: 0.235em 1.5em 0.235em 1.5em !important;
255    transition: none;
256    margin: 0 !important;
257}
258
259.cid-vakWYfkY2d .navbar {
260    min-height: 90px;
261    transition: all 0.3s;
262    border-bottom: 1px solid var(--dominant-color);
263    background: var(--dominant-color) !important;
264    padding: 0 !important;
265    border: none !important;
266    box-shadow: none !important;
267    border-radius: 0 !important;
268}
269
270.cid-vakWYfkY2d .navbar.opened {
271    transition: all 0.25s;
272}
273
274.cid-vakWYfkY2d .navbar .dropdown-item {
275    padding: 0.5rem 1.8rem;
276}
277
278.cid-vakWYfkY2d .navbar .navbar-logo img {
279    width: auto;
280}
281
282.cid-vakWYfkY2d .navbar .navbar-collapse {
283    z-index: 1;
284    justify-content: flex-end;
285}
286
287.cid-vakWYfkY2d .navbar.collapsed {
288    justify-content: center;
289}
290
291.cid-vakWYfkY2d .navbar.collapsed .nav-item .nav-link::before {
292    display: none;
293}
294
295.cid-vakWYfkY2d .navbar.collapsed.opened .dropdown-menu {
296    top: 0;
297}
298
299@media (min-width: 992px) {
300    .cid-vakWYfkY2d .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
301        max-height: calc(98.5vh - 3rem);
302    }
303}
304
305.cid-vakWYfkY2d .navbar.collapsed .dropdown-menu .dropdown-submenu {
306    left: 0 !important;
307}
308
309.cid-vakWYfkY2d .navbar.collapsed .dropdown-menu .dropdown-item:after {
310    right: auto;
311}
312
313.cid-vakWYfkY2d .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
314    margin-left: 0.5rem;
315    margin-top: 0.2rem;
316    border-top: 0.35em solid;
317    border-right: 0.35em solid transparent;
318    border-left: 0.35em solid transparent;
319    border-bottom: 0;
320    top: 41%;
321}
322
323.cid-vakWYfkY2d .navbar.collapsed ul.navbar-nav li {
324    margin: auto;
325}
326
327.cid-vakWYfkY2d .navbar.collapsed .dropdown-menu .dropdown-item {
328    padding: 0.25rem 1.5rem;
329    text-align: center;
330}
331
332.cid-vakWYfkY2d .navbar.collapsed .icons-menu {
333    padding-left: 0;
334    padding-right: 0;
335    padding-top: 0.5rem;
336    padding-bottom: 0.5rem;
337}
338
339@media (max-width: 767px) {
340    .cid-vakWYfkY2d .navbar {
341        min-height: 72px;
342    }
343
344    .cid-vakWYfkY2d .navbar .navbar-logo img {
345        height: 2rem !important;
346    }
347}
348
349@media (max-width: 991px) {
350    .cid-vakWYfkY2d .navbar .nav-item .nav-link::before {
351        display: none;
352    }
353
354    .cid-vakWYfkY2d .navbar.opened .dropdown-menu {
355        top: 0;
356    }
357
358    .cid-vakWYfkY2d .navbar .dropdown-menu .dropdown-submenu {
359        left: 0 !important;
360    }
361
362    .cid-vakWYfkY2d .navbar .dropdown-menu .dropdown-item:after {
363        right: auto;
364    }
365
366    .cid-vakWYfkY2d .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
367        margin-left: 0.5rem;
368        margin-top: 0.2rem;
369        border-top: 0.35em solid;
370        border-right: 0.35em solid transparent;
371        border-left: 0.35em solid transparent;
372        border-bottom: 0;
373        top: 40%;
374    }
375
376    .cid-vakWYfkY2d .navbar .dropdown-menu .dropdown-item {
377        padding: 0.25rem 1.5rem !important;
378        text-align: center;
379    }
380
381    .cid-vakWYfkY2d .navbar .navbar-brand {
382        flex-shrink: initial;
383        flex-basis: auto;
384        word-break: break-word;
385        padding-right: 10px;
386    }
387
388    .cid-vakWYfkY2d .navbar .navbar-toggler {
389        flex-basis: auto;
390    }
391
392    .cid-vakWYfkY2d .navbar .icons-menu {
393        padding-left: 0;
394        padding-top: 0.5rem;
395        padding-bottom: 0.5rem;
396    }
397}
398
399.cid-vakWYfkY2d .navbar.navbar-short .navbar-logo img {
400    height: 2rem;
401}
402
403.cid-vakWYfkY2d .dropdown-item.active,
404.cid-vakWYfkY2d .dropdown-item:active {
405    background-color: transparent;
406}
407
408.cid-vakWYfkY2d .navbar-expand-lg .navbar-nav .nav-link {
409    padding: 0;
410}
411
412.cid-vakWYfkY2d .nav-dropdown .link.dropdown-toggle {
413    margin-right: 1.667em;
414}
415
416.cid-vakWYfkY2d .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
417    margin-right: 0;
418    padding: 0.667em 1.667em;
419}
420
421.cid-vakWYfkY2d .navbar.navbar-expand-lg .dropdown .dropdown-menu {
422    background: var(--dominant-color);
423}
424
425.cid-vakWYfkY2d .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
426    margin: 0;
427    left: 105%;
428    transform: none;
429    top: -12px;
430}
431
432.cid-vakWYfkY2d .navbar .dropdown.open>.dropdown-menu {
433    display: flex;
434}
435
436.cid-vakWYfkY2d ul.navbar-nav {
437    flex-wrap: wrap;
438}
439
440.cid-vakWYfkY2d .navbar-buttons {
441    text-align: center;
442    min-width: 140px;
443}
444
445@media (max-width: 992px) {
446    .cid-vakWYfkY2d .navbar-buttons {
447        text-align: left;
448    }
449}
450
451.cid-vakWYfkY2d button.navbar-toggler {
452    outline: none;
453    width: 31px;
454    height: 20px;
455    cursor: pointer;
456    transition: all 0.2s;
457    position: relative;
458    align-self: center;
459}
460
461.cid-vakWYfkY2d button.navbar-toggler .hamburger span {
462    position: absolute;
463    right: 0;
464    width: 30px;
465    height: 2px;
466    border-right: 5px;
467    background-color: var(--dominant-text);
468}
469
470.cid-vakWYfkY2d button.navbar-toggler .hamburger span:nth-child(1) {
471    top: 0;
472    transition: all 0.2s;
473}
474
475.cid-vakWYfkY2d button.navbar-toggler .hamburger span:nth-child(2) {
476    top: 8px;
477    transition: all 0.15s;
478}
479
480.cid-vakWYfkY2d button.navbar-toggler .hamburger span:nth-child(3) {
481    top: 8px;
482    transition: all 0.15s;
483}
484
485.cid-vakWYfkY2d button.navbar-toggler .hamburger span:nth-child(4) {
486    top: 16px;
487    transition: all 0.2s;
488}
489
490.cid-vakWYfkY2d nav.opened .hamburger span:nth-child(1) {
491    top: 8px;
492    width: 0;
493    opacity: 0;
494    right: 50%;
495    transition: all 0.2s;
496}
497
498.cid-vakWYfkY2d nav.opened .hamburger span:nth-child(2) {
499    transform: rotate(45deg);
500    transition: all 0.25s;
501}
502
503.cid-vakWYfkY2d nav.opened .hamburger span:nth-child(3) {
504    transform: rotate(-45deg);
505    transition: all 0.25s;
506}
507
508.cid-vakWYfkY2d nav.opened .hamburger span:nth-child(4) {
509    top: 8px;
510    width: 0;
511    opacity: 0;
512    right: 50%;
513    transition: all 0.2s;
514}
515
516.cid-vakWYfkY2d .navbar-dropdown {
517    padding: 0;
518}
519
520.cid-vakWYfkY2d a.nav-link {
521    display: flex;
522    align-items: center;
523    justify-content: center;
524}
525
526.cid-vakWYfkY2d .icons-menu {
527    flex-wrap: nowrap;
528    display: flex;
529    justify-content: center;
530    padding-left: 1rem;
531    padding-right: 1rem;
532    padding-top: 0.3rem;
533    text-align: center;
534}
535
536@media (max-width: 992px) {
537    .cid-vakWYfkY2d .icons-menu {
538        justify-content: flex-start;
539        margin-bottom: 0.5rem;
540    }
541}
542
543@media screen and (-ms-high-contrast: active),
544(-ms-high-contrast: none) {
545    .cid-vakWYfkY2d .navbar {
546        height: 70px;
547    }
548
549    .cid-vakWYfkY2d .navbar.opened {
550        height: auto;
551    }
552
553    .cid-vakWYfkY2d .nav-item .nav-link:hover::before {
554        width: 175%;
555        max-width: calc(100% + 2rem);
556        left: -1rem;
557    }
558}
559
560.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu {
561    display: none;
562    width: max-content;
563    max-width: 500px !important;
564    transform: translateX(-50%);
565    top: calc(100% + 20px);
566    left: 50%;
567}
568
569.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown-item {
570    line-height: 1 !important;
571}
572
573.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item {
574    align-items: center;
575    display: flex;
576    height: max-content !important;
577    min-height: max-content !important;
578}
579
580.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item::after {
581    display: inline-block;
582    position: static;
583    margin-left: 0.5rem;
584    margin-top: 0;
585    margin-right: 0;
586    margin-bottom: 0;
587    transition: 0.3s all;
588    transform: rotate(-90deg);
589}
590
591.cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown.open .dropdown-item::after {
592    transform: rotate(0deg);
593}
594
595.cid-vakWYfkY2d .mbr-section-btn {
596    margin: -0.6rem -0.6rem;
597}
598
599.cid-vakWYfkY2d .navbar-toggler {
600    margin-left: 12px;
601    margin-right: 8px;
602    order: 1000;
603}
604
605@media (max-width: 991px) {
606    .cid-vakWYfkY2d .navbar-brand {
607        margin-right: auto;
608    }
609
610    .cid-vakWYfkY2d .navbar-collapse {
611        z-index: -1 !important;
612        position: absolute;
613        top: 100%;
614        left: 0;
615        width: 100%;
616        padding: 1rem;
617        border-radius: 1.5rem;
618        background: var(--dominant-color);
619        backdrop-filter: blur(8px);
620    }
621
622    .cid-vakWYfkY2d .navbar-nav .nav-item .nav-link::after {
623        margin-left: 10px;
624    }
625
626    .cid-vakWYfkY2d .navbar-nav .dropdown-item:hover {
627        background-color: rgba(27, 31, 10, 0.06);
628    }
629
630    .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu {
631        max-width: 100% !important;
632        transform: translateX(0);
633        top: 10px;
634        left: 0;
635        padding: 8px !important;
636        border-radius: 1rem;
637        background-color: rgba(27, 31, 10, 0.04) !important;
638    }
639
640    .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown-item {
641        padding: 8px !important;
642        line-height: 1 !important;
643        margin-bottom: 4px !important;
644    }
645
646    .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item {
647        align-items: center;
648        display: flex;
649        height: max-content !important;
650        min-height: max-content !important;
651    }
652
653    .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown .dropdown-item::after {
654        display: inline-block;
655        position: static;
656        margin-left: 0.5rem;
657        margin-top: 0;
658        margin-right: 0;
659        margin-bottom: 0;
660        transition: 0.3s all;
661        transform: rotate(0deg);
662    }
663
664    .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown.open .dropdown-item::after {
665        transform: rotate(180deg);
666    }
667
668    .cid-vakWYfkY2d .navbar .dropdown>.dropdown-menu .dropdown-submenu {
669        position: static;
670        width: 100%;
671        max-width: 100% !important;
672        transform: translateX(0) !important;
673        top: 0;
674        left: 0;
675        padding: 8px !important;
676        border-radius: 1rem;
677        background-color: rgba(27, 31, 10, 0.04) !important;
678    }
679
680    .cid-vakWYfkY2d .navbar .dropdown.open>.dropdown-menu {
681        display: flex !important;
682        flex-direction: column;
683        align-items: flex-start;
684    }
685}
686
687@media (max-width: 991px) and (max-width: 767px) {
688    .cid-vakWYfkY2d .navbar-collapse {
689        left: -0.7rem;
690        width: 106%;
691        border-radius: 0;
692    }
693}
694
695@media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
696    .cid-vakWYfkY2d .navbar-collapse {
697        left: 0rem;
698        width: 106%;
699        border-radius: 0;
700    }
701}
702
703@media (max-width: 575px) {
704    .cid-vakWYfkY2d .navbar-collapse {
705        padding: 1rem;
706    }
707}
708
709.cid-vakWYfkY2d .nav-link,
710.cid-vakWYfkY2d .dropdown-item {
711    color: var(--dominant-text);
712}
713
714</style>
715<section class="tutorm5 menu menu1 cid-vakWYfkY2d" once="menu" id="menu-1-vakWYfkY2d">
716    <nav class="navbar navbar-dropdown opacityScrollOff navbar-expand-lg">
717        <div class="container">
718            <div class="navbar-brand">
719                <span class="navbar-logo">
720                    <a href="#">
721                        <img alt="Mobirise Website Builder" style="height: 3rem;" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1493804714600-6edb1cd93080%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8NXx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;IDrkFzpMa94JVj0Y6Amr5qVsThx5P9nJNT26rmIrtMY">
722                    </a>
723                </span>
724                <span class="navbar-caption-wrap"><a class="navbar-caption display-5"  href="#">桃子视频</a></span>
725            </div>
726            <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
727                <div class="hamburger">
728                    <span></span>
729                    <span></span>
730                    <span></span>
731                    <span></span>
732                </div>
733            </button>
734            <div class="collapse navbar-collapse opacityScrollOff" id="navbarSupportedContent">
735                <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
736                    <li class="nav-item">
737                        <a class="nav-link link display-4" href="#">首页</a>
738                    </li>
739                    <li class="nav-item">
740                        <a class="nav-link link display-4" href="#">分类</a>
741                    </li>
742                    <li class="nav-item">
743                        <a class="nav-link link display-4" href="#" aria-expanded="false">热门</a>
744                    </li>
745                    <li class="nav-item">
746                        <a class="nav-link link display-4" href="#">关于</a>
747                    </li>
748                </ul>
749                <div class="navbar-buttons mbr-section-btn"><a class="btn btn-primary display-4" href="#">立即观看</a></div>
750            </div>
751        </div>
752    </nav>
753</section>
754    
755<style>
756.cid-vakWYfkAbM {
757    display: flex;
758    padding-top: 225px;
759    padding-bottom: 150px;
760    background-color: var(--dominant-color);
761}
762
763.cid-vakWYfkAbM .content-wrap {
764    padding: 5rem 1rem;
765}
766
767@media (min-width: 992px) {
768    .cid-vakWYfkAbM .content-wrap {
769        padding: 5rem 3rem;
770    }
771}
772
773.cid-vakWYfkAbM .tags {
774    display: flex;
775    flex-direction: column;
776    align-items: flex-end;
777}
778
779@media (max-width: 992px) {
780    .cid-vakWYfkAbM .tags {
781        flex-direction: row;
782        flex-wrap: wrap;
783    }
784}
785
786@media (max-width: 767px) {
787    .cid-vakWYfkAbM .tags {
788        justify-content: center;
789    }
790}
791
792.cid-vakWYfkAbM .mbr-section-tag {
793    background-color: var(--dominant-darken-color);
794    padding: 5px 15px;
795    border-radius: 20px;
796    width: fit-content;
797    color: #838383;
798    margin: 0 0.5rem;
799    margin-bottom: 1rem;
800    display: inline-block;
801}
802
803.cid-vakWYfkAbM .mbr-section-title {
804    text-align: left;
805    color: var(--dominant-text);
806}
807
808.cid-vakWYfkAbM .mbr-text,
809.cid-vakWYfkAbM .mbr-section-btn {
810    text-align: left;
811    color: #ffffff;
812}
813
814.cid-vakWYfkAbM .mbr-description {
815    text-align: left;
816    color: var(--dominant-text);
817}
818
819.cid-vakWYfkAbM .mbr-section-btn {
820    text-align: right;
821}
822
823@media (max-width: 767px) {
824    .cid-vakWYfkAbM .mbr-section-btn {
825        text-align: center;
826    }
827}
828
829.cid-vakWYfkAbM .mbr-section-tag,
830.cid-vakWYfkAbM .tags {
831    color: var(--dominant-darken-text);
832}
833
834.cid-vakWYfkAbM .mbr-text {
835    color: var(--dominant-text);
836}
837
838</style>
839<section class="tutorm5 header2 cid-vakWYfkAbM" id="hero-2-vakWYfkAbM">
840    <div class="container">
841        <div class="row">
842            <div class="col-12 col-lg-9">
843                <p class="mbr-fonts-style mbr-description mt-4 display-7"  data-mbr-ai-color="dominantText">精彩瞬间</p>
844                <h1 class="mbr-section-title mbr-fonts-style mb-4 display-1"  data-mbr-ai-color="dominantText">视频盛宴</h1>
845                <div class="row mb-3">
846                    <div class="col-lg-7">
847                        <p class="mbr-fonts-style mbr-text display-5"  data-mbr-ai-color="dominantText">海量短视频,每日更新,总有你喜欢的。告别无聊,即刻嗨翻!</p>
848                    </div>
849                    <div class="col-lg-5 mb-3 my-auto">
850                        <div class="mbr-section-btn"><a class="btn btn-primary display-7" href="#">开始刷屏</a></div>
851                    </div>
852                </div>
853            </div>
854            <div class="col-lg-3 tags">
855                <h4 class="mbr-section-tag mbr-fonts-style display-7"  data-mbr-ai-color="dominant-darkenText">搞笑</h4>
856                <h4 class="mbr-section-tag mbr-fonts-style display-7"  data-mbr-ai-color="dominant-darkenText">萌宠</h4>
857                <h4 class="mbr-section-tag mbr-fonts-style display-7"  data-mbr-ai-color="dominant-darkenText">生活</h4>
858                <h4 class="mbr-section-tag mbr-fonts-style display-7"  data-mbr-ai-color="dominant-darkenText">音乐</h4>
859                <h4 class="mbr-section-tag mbr-fonts-style display-7"  data-mbr-ai-color="dominant-darkenText">舞蹈</h4>
860                <h4 class="mbr-section-tag mbr-fonts-style display-7"  data-mbr-ai-color="dominant-darkenText">剧情</h4>
861            </div>
862        </div>
863    </div>
864</section>
865    
866<style>
867.cid-vakWYfkPPU {
868    padding-top: 6rem;
869    padding-bottom: 6rem;
870    background-color: var(--background-dark);
871}
872
873.cid-vakWYfkPPU .mbr-fallback-image.disabled {
874    display: none;
875}
876
877.cid-vakWYfkPPU .mbr-fallback-image {
878    display: block;
879    background-size: cover;
880    background-position: center center;
881    width: 100%;
882    height: 100%;
883    position: absolute;
884    top: 0;
885}
886
887.cid-vakWYfkPPU .google-map {
888    height: 35rem;
889    position: relative;
890    border-radius: 2rem;
891}
892
893.cid-vakWYfkPPU .google-map iframe {
894    height: 100%;
895    width: 100%;
896    border-radius: 2rem;
897}
898
899.cid-vakWYfkPPU .google-map [data-state-details] {
900    color: #6b6763;
901    height: 1.5em;
902    margin-top: -0.75em;
903    padding-left: 1.25rem;
904    padding-right: 1.25rem;
905    position: absolute;
906    text-align: center;
907    top: 50%;
908    width: 100%;
909}
910
911.cid-vakWYfkPPU .google-map[data-state] {
912    background: #e9e5dc;
913}
914
915.cid-vakWYfkPPU .google-map[data-state="loading"] [data-state-details] {
916    display: none;
917}
918
919.cid-vakWYfkPPU .content-head {
920    max-width: 800px;
921}
922
923.cid-vakWYfkPPU .mbr-section-title {
924    color: var(--background-dark-text);
925}
926
927</style>
928<section class="tutorm5 map1 cid-vakWYfkPPU" id="map-1-vakWYfkPPU">
929    <div class="container">
930        <div class="row justify-content-center">
931            <div class="col-12 content-head">
932                <div class="mbr-section-head mb-5">
933                    <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">联系我们</h3>
934                </div>
935            </div>
936        </div>
937        <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed?pb&#x3D;!1m18!1m12!1m3!1d193596.0092751704!2d-74.14448674282774!3d40.69737092200535!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sru!4v1697196791393!5m2!1sen!2sru" allowfullscreen=""></iframe></div>
938    </div>
939</section>
940    
941<style>
942.cid-vakWYfkNzv {
943    padding-top: 5rem;
944    padding-bottom: 5rem;
945    background-color: #FFFFFF;
946    overflow: hidden;
947}
948
949.cid-vakWYfkNzv .mbr-fallback-image.disabled {
950    display: none;
951}
952
953.cid-vakWYfkNzv .mbr-fallback-image {
954    display: block;
955    background-size: cover;
956    background-position: center center;
957    width: 100%;
958    height: 100%;
959    position: absolute;
960    top: 0;
961}
962
963.cid-vakWYfkNzv ul {
964    padding-left: 1.5rem;
965}
966
967.cid-vakWYfkNzv ul li {
968    padding-bottom: 0.5rem;
969}
970
971.cid-vakWYfkNzv .mbr-text3 {
972    line-height: 1.2;
973}
974
975.cid-vakWYfkNzv p {
976    line-height: 1.2;
977}
978
979.cid-vakWYfkNzv .round {
980    position: absolute;
981    top: -900px;
982    left: -20%;
983    width: 140%;
984    height: 1700px;
985    border-bottom-left-radius: 50%;
986    border-bottom-right-radius: 50%;
987    background: #232323;
988}
989
990@media (max-width: 992px) {
991    .cid-vakWYfkNzv .round {
992        top: -700px;
993        height: 1500px;
994    }
995}
996
997@media (max-width: 767px) {
998    .cid-vakWYfkNzv .round {
999        height: 600px;
1000        top: -100px;
1001    }
1002}
1003
1004.cid-vakWYfkNzv .line {
1005    width: 100%;
1006    height: 2px;
1007    background: var(--dominant-dark-color);
1008    margin-bottom: 1rem;
1009    margin-top: 1rem;
1010}
1011
1012.cid-vakWYfkNzv .col-lg-3 {
1013    border-top: 2px solid var(--dominant-dark-color);
1014    padding-top: 1rem;
1015}
1016
1017.cid-vakWYfkNzv .mbr-text {
1018    line-height: 1.2;
1019    color: #000000;
1020}
1021
1022.cid-vakWYfkNzv .card-wrapper {
1023    overflow: hidden;
1024    background: var(--background);
1025    padding: 4rem 3rem;
1026}
1027
1028@media (max-width: 767px) {
1029    .cid-vakWYfkNzv .card-wrapper {
1030        padding: 2rem 1rem;
1031    }
1032}
1033
1034.cid-vakWYfkNzv .image-wrapper {
1035    padding: 0 1rem;
1036}
1037
1038.cid-vakWYfkNzv .mbr-section-title {
1039    color: var(--background-text);
1040}
1041
1042.cid-vakWYfkNzv .mbr-text,
1043.cid-vakWYfkNzv .mbr-section-btn {
1044    color: #f0466a;
1045}
1046
1047.cid-vakWYfkNzv .mbr-card-title {
1048    color: #f0466a;
1049}
1050
1051.cid-vakWYfkNzv .mbr-card-title,
1052.cid-vakWYfkNzv .line {
1053    color: var(--dominant-dark-color);
1054}
1055
1056.cid-vakWYfkNzv .mbr-section-text {
1057    color: var(--dominant-dark-color);
1058}
1059
1060.cid-vakWYfkNzv .mbr-card-text {
1061    color: var(--background-text);
1062}
1063
1064.cid-vakWYfkNzv .mbr-list {
1065    color: var(--background-text);
1066}
1067
1068</style>
1069<section class="tutorm5 features5 cid-vakWYfkNzv" id="features-4-vakWYfkNzv">
1070    <div class="container">
1071        <div class="row justify-content-center align-items-center">
1072            <div class="col-12">
1073                <div class="card-wrapper">
1074                    <div class="row">
1075                        <div class="col-12 col-lg-6 mb-5 col-md-12">
1076                            <div class="text-wrapper align-left">
1077                                <h1 class="mbr-section-title mbr-fonts-style mb-3 display-2">为何如此?</h1>
1078                            </div>
1079                        </div>
1080                        <div class="col-12 my-auto col-lg-6 mb-5 col-md-12">
1081                            <div class="text-wrapper align-left">
1082                                <p class="mbr-section-text mbr-fonts-style mb-3 display-5">我们致力于打造一个充满活力和创意的短视频平台,让每个人都能找到乐趣。</p>
1083                            </div>
1084                        </div>
1085                    </div>
1086                    <div class="row">
1087                        <div class="col-12">
1088                            <h3 class="mbr-card-title mbr-fonts-style mb-2 display-7">内容</h3>
1089                            <div class="line"></div>
1090                        </div>
1091                        <div class="col-lg-6">
1092                            <p class="mbr-card-text mbr-fonts-style mb-2 display-5">海量视频库,应有尽有</p>
1093                        </div>
1094                        <div class="col-lg-6">
1095                            <ul class="mbr-list mbr-fonts-style mb-4 display-7">
1096                                <li>搞笑萌宠,让你笑到肚子疼。</li>
1097                                <li>生活技巧,get 新技能。</li>
1098                                <li>奇闻异事,大开眼界。</li>
1099                            </ul>
1100                        </div>
1101                    </div>
1102                    <div class="row">
1103                        <div class="col-12">
1104                            <h3 class="mbr-card-title mbr-fonts-style mb-2 display-7">体验</h3>
1105                            <div class="line"></div>
1106                        </div>
1107                        <div class="col-lg-6">
1108                            <p class="mbr-card-text mbr-fonts-style mb-2 display-5">流畅丝滑的观看体验</p>
1109                        </div>
1110                        <div class="col-lg-6">
1111                            <ul class="mbr-list mbr-fonts-style mb-4 display-7">
1112                                <li>高清画质,细节清晰可见。</li>
1113                                <li>智能缓存,离线也能看。</li>
1114                                <li>无广告打扰,沉浸式观看。</li>
1115                            </ul>
1116                        </div>
1117                    </div>
1118                    <div class="row">
1119                        <div class="col-12">
1120                            <h3 class="mbr-card-title mbr-fonts-style mb-2 display-7">社区</h3>
1121                            <div class="line"></div>
1122                        </div>
1123                        <div class="col-lg-6">
1124                            <p class="mbr-card-text mbr-fonts-style mb-2 display-5">流畅丝滑的观看体验</p>
1125                        </div>
1126                        <div class="col-lg-6">
1127                            <ul class="mbr-list mbr-fonts-style mb-4 display-7">
1128                                <li>点赞评论,与创作者互动。</li>
1129                                <li>关注你喜欢的人,不错过精彩。</li>
1130                                <li>分享你的观点,参与讨论。</li>
1131                            </ul>
1132                        </div>
1133                    </div>
1134                </div>
1135            </div>
1136        </div>
1137    </div>
1138</section>
1139    
1140<style>
1141.cid-vakWYflFuW {
1142    padding-top: 4rem;
1143    padding-bottom: 4rem;
1144    background-color: var(--background-dark);
1145}
1146
1147.cid-vakWYflFuW .item-subtitle {
1148    line-height: 1.2;
1149    color: var(--background-dark-text);
1150    text-align: left;
1151}
1152
1153.cid-vakWYflFuW img,
1154.cid-vakWYflFuW .item-img {
1155    width: 100%;
1156    height: 100%;
1157    height: 400px;
1158    object-fit: cover;
1159}
1160
1161.cid-vakWYflFuW .item:focus,
1162.cid-vakWYflFuW span:focus {
1163    outline: none;
1164}
1165
1166.cid-vakWYflFuW .item {
1167    margin-bottom: 2rem;
1168}
1169
1170@media (max-width: 767px) {
1171    .cid-vakWYflFuW .item {
1172        margin-bottom: 1rem;
1173    }
1174}
1175
1176.cid-vakWYflFuW .item-wrapper {
1177    position: relative;
1178    border-radius: 4px;
1179    display: flex;
1180    flex-flow: column nowrap;
1181}
1182
1183.cid-vakWYflFuW .mbr-section-btn {
1184    margin-top: auto !important;
1185}
1186
1187.cid-vakWYflFuW .mbr-section-title {
1188    color: var(--background-dark-text);
1189    text-align: left;
1190}
1191
1192.cid-vakWYflFuW .mbr-text,
1193.cid-vakWYflFuW .mbr-section-btn {
1194    color: #838383;
1195    text-align: left;
1196}
1197
1198.cid-vakWYflFuW .item-title {
1199    color: var(--background-dark-text);
1200    text-align: left;
1201}
1202
1203.cid-vakWYflFuW .mbr-section-subtitle {
1204    color: var(--background-dark-text);
1205    text-align: left;
1206}
1207
1208</style>
1209<section class="tutorm5 people3 cid-vakWYflFuW" id="team-1-vakWYflFuW">
1210    <div class="container">
1211        <div class="row justify-content-center">
1212            <div class="col-12 content-head">
1213                <div class="mbr-section-head mb-5">
1214                    <h5 class="mbr-section-subtitle mbr-fonts-style align-center mt-4 display-7"  data-mbr-ai-color="background-darkText">团队</h5>
1215                    <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"  data-mbr-ai-color="background-darkText">**幕后英雄**</h4>
1216                </div>
1217            </div>
1218        </div>
1219        <div class="row">
1220            <div class="item features-image col-12 col-md-6 col-lg-3">
1221                <div class="item-wrapper">
1222                    <div class="item-img mb-3">
1223                        <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1489980791458-937dcbaf1d5b%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&amp;e&#x3D;1772928000&amp;s&#x3D;d7anbopxdwxJaH8GgFaz9GluBZGwM36MAwX0WA84EYU">
1224                    </div>
1225                    <div class="item-content align-left">
1226                        <h5 class="item-title mbr-fonts-style mb-1 display-5"  data-mbr-ai-color="background-darkText">李明</h5>
1227                        <h6 class="item-subtitle mbr-fonts-style mb-3 display-7"  data-mbr-ai-color="background-darkText">首席架构师</h6>
1228                    </div>
1229                </div>
1230            </div>
1231            <div class="item features-image col-12 col-md-6 col-lg-3">
1232   
1232             <div class="item-wrapper">
1233                    <div class="item-img mb-3">
1234                        <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1692558588242-57cec1e32bba%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&amp;e&#x3D;1772928000&amp;s&#x3D;dRktm0DKTMUIMm_YL0EJHB528NQnW54tEELxFhs1mSM">
1235                    </div>
1236                    <div class="item-content align-left">
1237                        <h5 class="item-title mbr-fonts-style mb-1 display-5"  data-mbr-ai-color="background-darkText">王芳</h5>
1238                        <h6 class="item-subtitle mbr-fonts-style mb-3 display-7"  data-mbr-ai-color="background-darkText">创意总监</h6>
1239                    </div>
1240                </div>
1241            </div>
1242            <div class="item features-image col-12 col-md-6 col-lg-3">
1243                <div class="item-wrapper">
1244                    <div class="item-img mb-3">
1245                        <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1527718641255-324f8e2d0421%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&amp;e&#x3D;1772928000&amp;s&#x3D;fNUpqz_NM-6m-iVI-zWIdylbW9vKGr0GKE4EQKbjRio">
1246                    </div>
1247                    <div class="item-content align-left">
1248                        <h5 class="item-title mbr-fonts-style mb-1 display-5"  data-mbr-ai-color="background-darkText">张伟</h5>
1249                        <h6 class="item-subtitle mbr-fonts-style mb-3 display-7"  data-mbr-ai-color="background-darkText">技术大牛</h6>
1250                    </div>
1251                </div>
1252            </div>
1253            <div class="item features-image col-12 col-md-6 col-lg-3">
1254                <div class="item-wrapper">
1255                    <div class="item-img mb-3">
1256                        <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1526835746352-0b9da4054862%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&amp;e&#x3D;1772928000&amp;s&#x3D;ekrQw1zRyLXwgZorrvuP-UiaLB-NWoViFkv9_6kQkRU">
1257                    </div>
1258                    <div class="item-content align-left">
1259                        <h5 class="item-title mbr-fonts-style mb-1 display-5"  data-mbr-ai-color="background-darkText">赵丽</h5>
1260                        <h6 class="item-subtitle mbr-fonts-style mb-3 display-7"  data-mbr-ai-color="background-darkText">社区运营</h6>
1261                    </div>
1262                </div>
1263            </div>
1264        </div>
1265    </div>
1266</section>
1267    
1268<style>
1269.cid-vakWYflEON {
1270    padding-top: 8rem;
1271    padding-bottom: 8rem;
1272    background-color: #FFFFFF;
1273}
1274
1275.cid-vakWYflEON .mbr-fallback-image.disabled {
1276    display: none;
1277}
1278
1279.cid-vakWYflEON .mbr-fallback-image {
1280    display: block;
1281    background-size: cover;
1282    background-position: center center;
1283    width: 100%;
1284    height: 100%;
1285    position: absolute;
1286    top: 0;
1287}
1288
1289.cid-vakWYflEON li {
1290    padding-bottom: 0.5rem;
1291}
1292
1293.cid-vakWYflEON .line {
1294    width: 100%;
1295    height: 2px;
1296    background: var(--secondary-light-text);
1297    margin-bottom: 1rem;
1298}
1299
1300.cid-vakWYflEON .col-lg-3 {
1301    border-top: 2px solid var(--secondary-light-text);
1302    padding-top: 1rem;
1303}
1304
1305.cid-vakWYflEON .mbr-text {
1306    line-height: 1.2;
1307    color: #000000;
1308}
1309
1310.cid-vakWYflEON .card-wrapper {
1311    overflow: hidden;
1312    background: var(--secondary-light-color);
1313    padding: 4rem 3rem;
1314}
1315
1316@media (max-width: 767px) {
1317    .cid-vakWYflEON .card-wrapper {
1318        padding: 2rem 1rem;
1319    }
1320}
1321
1322.cid-vakWYflEON .image-wrapper {
1323    padding: 0 1rem;
1324}
1325
1326.cid-vakWYflEON .mbr-section-title {
1327    color: var(--secondary-light-text);
1328    text-align: center;
1329}
1330
1331.cid-vakWYflEON .mbr-text,
1332.cid-vakWYflEON .mbr-section-btn {
1333    color: var(--secondary-light-text);
1334    text-align: center;
1335}
1336
1337.cid-vakWYflEON .mbr-card-title {
1338    color: var(--secondary-light-text);
1339}
1340
1341.cid-vakWYflEON .mbr-card-title2 {
1342    text-align: left;
1343}
1344.cid-vakWYflEON .mbr-card-title1 {
1345    text-align: left;
1346}
1347@media (max-width: 992px) {
1348    .cid-vakWYflEON .mbr-card-title2 {
1349        text-align: left;
1350    }
1351}
1352
1353.cid-vakWYflEON .mbr-card-title2 {
1354    color: var(--secondary-light-text);
1355}
1356
1357.cid-vakWYflEON .mbr-list {
1358    color: var(--secondary-light-text);
1359}
1360
1361</style>
1362<section class="tutorm5 pricing1 cid-vakWYflEON" id="pricing-cards-1-vakWYflEON">
1363    <div class="container">
1364        <div class="row justify-content-center align-items-center">
1365            <div class="col-12">
1366                <div class="card-wrapper">
1367                    <div class="row">
1368                        <div class="col-12 col-lg-12 mb-5 col-md-12">
1369                            <div class="text-wrapper align-left">
1370                                <h1 class="mbr-section-title mbr-fonts-style mb-4 display-2">选择你的专属套餐</h1>
1371                                <p class="mbr-text mbr-fonts-style mb-4 display-5">总有一款适合你,让精彩永不间断。</p>
1372                            </div>
1373                        </div>
1374                    </div>
1375                    <div class="row">
1376                        <div class="col-lg-6">
1377                            <div class="line"></div>
1378                            <div class="row my-auto">
1379                                <div class="col-lg-12 my-auto">
1380                                    <h2 class="mbr-card-title mbr-fonts-style display-5">免费</h2>
1381                                </div>
1382                                <div class="col-lg-12">
1383                                    <h2 class="mbr-card-title2 mbr-fonts-style display-2 mb-4">Â¥0</h2>
1384                                </div>
1385                            </div>
1386                            <ul class="mbr-list mbr-fonts-style mb-4 display-7">
1387                                <li>基础观看</li>
1388                                <li>有限广告</li>
1389                                <li>普通画质</li>
1390                            </ul>
1391                        </div>
1392                        <div class="col-lg-6">
1393                            <div class="line"></div> 
1394                            <div class="row my-auto">
1395                                <div class="col-lg-12 my-auto">
1396                                    <h2 class="mbr-card-title mbr-fonts-style display-5">VIP</h2>
1397                                </div>
1398                                <div class="col-lg-12">
1399                                    <h2 class="mbr-card-title2 mbr-fonts-style display-2 mb-4">¥29.9/月</h2>
1400                                </div>
1401                            </div>
1402                            <ul class="mbr-list mbr-fonts-style mb-4 display-7">
1403                                <li>无广告</li>
1404                                <li>高清画质</li>
1405                                <li>全部解锁</li>
1406                            </ul>
1407                        </div>
1408                    </div>
1409                </div>
1410            </div>
1411        </div>
1412    </div>
1413</section>
1414    
1415<style>
1416.cid-vakWYfly1X {
1417    padding-top: 6rem;
1418    padding-bottom: 6rem;
1419    background-color: var(--background-dark);
1420}
1421
1422.cid-vakWYfly1X .mbr-fallback-image.disabled {
1423    display: none;
1424}
1425
1426.cid-vakWYfly1X .row {
1427    background-image: url("https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1673767297353-0a4c8ad61b05%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MzB8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=_-_NOqgNZARQgKXviBRONTprJ8puKfVHdRG1atFLH9A");
1428    justify-content: center;
1429    background-size: cover;
1430    padding: 4rem;
1431    padding-bottom: 20rem;
1432}
1433
1434@media (max-width: 767px) {
1435    .cid-vakWYfly1X .row {
1436        padding: 2rem 1rem;
1437    }
1438}
1439
1440.cid-vakWYfly1X .mbr-fallback-image {
1441    display: block;
1442    background-size: cover;
1443    background-position: center center;
1444    width: 100%;
1445    height: 100%;
1446    position: absolute;
1447    top: 0;
1448}
1449
1450@media (max-width: 992px) {
1451    .cid-vakWYfly1X .container {
1452        padding: 0 30px;
1453    }
1454}
1455
1456.cid-vakWYfly1X .title-wrapper {
1457    margin-bottom: 90px;
1458}
1459
1460@media (max-width: 992px) {
1461    .cid-vakWYfly1X .title-wrapper {
1462        margin-bottom: 30px;
1463    }
1464}
1465
1466.cid-vakWYfly1X .title-wrapper .mbr-section-title {
1467    margin-bottom: 0;
1468}
1469
1470.cid-vakWYfly1X .list-wrapper {
1471    position: relative;
1472    z-index: 1;
1473    padding: 20px 0;
1474}
1475
1476.cid-vakWYfly1X .list-wrapper .mbr-section-subtitle {
1477    margin-bottom: 10px;
1478}
1479
1480@media (max-width: 992px) {
1481    .cid-vakWYfly1X .list-wrapper .mbr-section-subtitle {
1482        margin-bottom: 15px;
1483    }
1484}
1485
1486.cid-vakWYfly1X .list-wrapper .list {
1487    padding: 0;
1488    margin: 0;
1489    list-style-type: none;
1490}
1491
1492.cid-vakWYfly1X .list-wrapper .list .item-wrap {
1493    line-height: 50px;
1494}
1495
1496.cid-vakWYfly1X .card-wrapper {
1497    overflow: hidden;
1498}
1499
1500.cid-vakWYfly1X .card-wrapper::before {
1501    content: '';
1502    position: absolute;
1503    top: 0;
1504    left: 0;
1505    width: 100%;
1506    height: 100%;
1507    opacity: 0.7;
1508    background-color: var(--background-dark);
1509    pointer-event: none;
1510    border-radius: 2rem;
1511}
1512
1513.cid-vakWYfly1X .mbr-section-title {
1514    color: #ffffff;
1515    text-align: center;
1516}
1517
1518.cid-vakWYfly1X .mbr-section-subtitle {
1519    color: var(--background-dark-text);
1520}
1521
1522.cid-vakWYfly1X .list {
1523    color: #000000;
1524}
1525
1526.cid-vakWYfly1X .list,
1527.cid-vakWYfly1X .item-wrap {
1528    color: var(--background-dark-text);
1529}
1530
1531</style>
1532<section class="tutorm5 list1 cid-vakWYfly1X" id="generic-text-5-vakWYfly1X">
1533    <div class="container">
1534        <div class="row card-wrapper">
1535            <div class="col-12">
1536            </div>
1537            <div class="col-12 col-lg-3 col-md-6">
1538                <div class="list-wrapper">
1539                    <h5 class="mbr-section-subtitle mbr-fonts-style display-4">推荐</h5>
1540                    <ul class="list mbr-fonts-style display-4">
1541                        <li class="item-wrap">爆笑集锦</li>
1542                        <li class="item-wrap">治愈瞬间</li>
1543                        <li class="item-wrap">神操作</li>
1544                    </ul>
1545                </div>
1546            </div>
1547            <div class="col-12 col-lg-3 col-md-6">
1548                <div class="list-wrapper">
1549                    <h5 class="mbr-section-subtitle mbr-fonts-style display-4">分类</h5>
1550                    <ul class="list mbr-fonts-style display-4">
1551                        <li class="item-wrap">影视剪辑</li>
1552                        <li class="item-wrap">游戏集锦</li>
1553                        <li class="item-wrap">美食制作</li>
1554                    </ul>
1555                </div>
1556            </div>
1557            <div class="col-12 col-lg-3 col-md-6">
1558                <div class="list-wrapper">
1559                    <h5 class="mbr-section-subtitle mbr-fonts-style display-4">热点</h5>
1560                    <ul class="list mbr-fonts-style display-4">
1561                        <li class="item-wrap">科技前沿</li>
1562                        <li class="item-wrap">旅行风光</li>
1563                        <li class="item-wrap">时尚穿搭</li>
1564                    </ul>
1565                </div>
1566            </div>
1567            <div class="col-12 col-lg-3 col-md-6">
1568                <div class="list-wrapper">
1569                    <h5 class="mbr-section-subtitle mbr-fonts-style display-4">用户</h5>
1570                    <ul class="list mbr-fonts-style display-4">
1571                        <li class="item-wrap">达人</li>
1572                        <li class="item-wrap">新人</li>
1573                        <li class="item-wrap">大神</li>
1574                    </ul>
1575                </div>
1576            </div>
1577        </div>
1578    </div>
1579</section>
1580    
1581<style>
1582.cid-vakWYflKwo {
1583    padding-top: 6rem;
1584    padding-bottom: 6rem;
1585    background-color: var(--background-dark);
1586}
1587
1588.cid-vakWYflKwo .mbr-fallback-image.disabled {
1589    display: none;
1590}
1591
1592.cid-vakWYflKwo .mbr-fallback-image {
1593    display: block;
1594    background-size: cover;
1595    background-position: center center;
1596    width: 100%;
1597    height: 100%;
1598    position: absolute;
1599    top: 0;
1600}
1601
1602@media (max-width: 992px) {
1603    .cid-vakWYflKwo .container {
1604        padding: 0 20px;
1605    }
1606}
1607
1608@media (max-width: 767px) {
1609    .cid-vakWYflKwo .container {
1610        padding: 0 4px;
1611    }
1612}
1613
1614.cid-vakWYflKwo .row {
1615    margin: 0;
1616}
1617
1618.cid-vakWYflKwo .row .title-wrapper .mbr-section-title {
1619    margin-bottom: 50px;
1620}
1621
1622@media (max-width: 992px) {
1623    .cid-vakWYflKwo .row .title-wrapper .mbr-section-title {
1624        margin-bottom: 32px;
1625    }
1626}
1627
1628.cid-vakWYflKwo .row .panel-group .card {
1629    border-bottom: 1px solid var(--background-dark-text);
1630    border-radius: 0 !important;
1631}
1632
1633.cid-vakWYflKwo .row .panel-group .card:first-child {
1634    border-top: 1px solid var(--background-dark-text);
1635}
1636
1637.cid-vakWYflKwo .row .panel-group .card .card-header {
1638    padding: 32px 0;
1639    border-bottom: none;
1640    background-color: transparent;
1641}
1642
1643.cid-vakWYflKwo .row .panel-group .card .card-header .panel-title {
1644    display: flex;
1645    justify-content: space-between;
1646    align-items: center;
1647}
1648
1649.cid-vakWYflKwo .row .panel-group .card .card-header .panel-title:not(.collapsed) .mbr-iconfont {
1650    transform: rotate(-45deg);
1651}
1652
1653.cid-vakWYflKwo .row .panel-group .card .card-header .panel-title .panel-title-edit {
1654    margin-bottom: 0;
1655}
1656
1657.cid-vakWYflKwo .row .panel-group .card .card-header .panel-title .mbr-iconfont {
1658    font-size: 24px;
1659    transition: all 0.3s ease-out;
1660}
1661
1662.cid-vakWYflKwo .row .panel-group .card .panel-collapse .panel-body {
1663    margin-bottom: 50px;
1664}
1665
1666@media (max-width: 992px) {
1667    .cid-vakWYflKwo .row .panel-group .card .panel-collapse .panel-body {
1668        margin-bottom: 32px;
1669    }
1670}
1671
1672.cid-vakWYflKwo .row .panel-group .card .panel-collapse .panel-body .mbr-text {
1673    margin-bottom: 50px;
1674}
1675
1676@media (max-width: 992px) {
1677    .cid-vakWYflKwo .row .panel-group .card .panel-collapse .panel-body .mbr-text {
1678        margin-bottom: 32px;
1679    }
1680}
1681
1682.cid-vakWYflKwo .mbr-section-title {
1683    color: var(--background-dark-text);
1684    text-align: left;
1685}
1686
1687.cid-vakWYflKwo .panel-title-edit,
1688.cid-vakWYflKwo .mbr-iconfont {
1689    color: var(--background-dark-text);
1690}
1691
1692.cid-vakWYflKwo .mbr-text {
1693    color: var(--background-dark-text);
1694}
1695
1696</style>
1697<section class="tutorm5 list2 cid-vakWYflKwo" id="faq-1-vakWYflKwo">
1698    <div class="container">
1699        <div class="row">
1700            <div class="col-12">
1701                <div class="title-wrapper">
1702                    <h3 class="mbr-section-title mbr-fonts-style display-2">**常见疑问解答**</h3>
1703                </div>
1704                <div id="bootstrap-accordion_27" class="panel-group accordionStyles accordion" role="tablist" aria-multiselectable="true">
1705                    <div class="card">
1706                        <div class="card-header" role="tab" id="headingOne">
1707                            <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse1_27" aria-expanded="false" aria-controls="collapse1">
1708                                <h4 class="panel-title-edit mbr-fonts-style display-5">如何开始制作视频?</h4>
1709                                <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span>
1710                            </a>
1711                        </div>
1712                        <div id="collapse1_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27">
1713                            <div class="panel-body">
1714                                <p class="mbr-fonts-style mbr-text display-4">点击“创建”按钮,选择模板或从头开始,然后添加你的素材和创意即可。</p>
1715                            </div>
1716                        </div>
1717                    </div>
1718                    <div class="card">
1719                        <div class="card-header" role="tab" id="headingTwo">
1720                            <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse2_27" aria-expanded="false" aria-controls="collapse2">
1721                                <h4 class="panel-title-edit mbr-fonts-style display-5">视频时长有限制吗?</h4>
1722                                <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span>
1723                            </a>
1724                        </div>
1725                        <div id="collapse2_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingTwo" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27">
1726                            <div class="panel-body">
1727                                <p class="mbr-fonts-style mbr-text display-4">目前短视频时长上限为60秒,但我们正在考虑增加更长的选项。</p>
1728                            </div>
1729                        </div>
1730                    </div>
1731                    <div class="card">
1732                        <div class="card-header" role="tab" id="headingThree">
1733                            <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse3_27" aria-expanded="false" aria-controls="collapse3">
1734                                <h4 class="panel-title-edit mbr-fonts-style display-5">可以下载视频吗?</h4>
1735                                <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span>
1736                            </a>
1737                        </div>
1738                        <div id="collapse3_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingThree" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27">
1739                            <div class="panel-body">
1740                                <p class="mbr-fonts-style mbr-text display-4">当然!你可以将自己创作的视频下载到本地设备,随时保存。</p>
1741                            </div>
1742                        </div>
1743                    </div>
1744                    <div class="card">
1745                        <div class="card-header" role="tab" id="headingFour">
1746                            <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse4_27" aria-expanded="false" aria-controls="collapse4">
1747                                <h4 class="panel-title-edit mbr-fonts-style display-5">上传视频有限制吗?</h4>
1748                                <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span>
1749                            </a>
1750                        </div>
1751                        <div id="collapse4_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingFour" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27">
1752                            <div class="panel-body">
1753                                <p class="mbr-fonts-style mbr-text display-4">支持多种视频格式,但请确保文件大小在合理范围内,以保证上传速度。</p>
1754                            </div>
1755                        </div>
1756                    </div>
1757                    <div class="card">
1758                        <div class="card-header" role="tab" id="headingFive">
1759                            <a role="button" class="panel-title collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse5_27" aria-expanded="false" aria-controls="collapse5">
1760                                <h4 class="panel-title-edit mbr-fonts-style display-5">如何获得更多灵感?</h4>
1761                                <span class="sign mbr-iconfont mobi-mbri-plus mobi-mbri"></span>
1762                            </a>
1763                        </div>
1764                        <div id="collapse5_27" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingFive" data-parent="#accordion" data-bs-parent="#bootstrap-accordion_27">
1765                            <div class="panel-body">
1766                                <p class="mbr-fonts-style mbr-text display-4">浏览热门视频,关注你喜欢的创作者,参与社区挑战,灵感会如泉涌般而来。</p>
1767                            </div>
1768                        </div>
1769                    </div>
1770                </div>
1771            </div>
1772        </div>
1773    </div>
1774</section>
1775    
1776<style>
1777.cid-vakWYfluDb {
1778    padding-top: 6rem;
1779    padding-bottom: 6rem;
1780    background-color: var(--background-dark);
1781}
1782
1783.cid-vakWYfluDb .mbr-fallback-image.disabled {
1784    display: none;
1785}
1786
1787.cid-vakWYfluDb .mbr-fallback-image {
1788    display: block;
1789    background-size: cover;
1790    background-position: center center;
1791    width: 100%;
1792    height: 100%;
1793    position: absolute;
1794    top: 0;
1795}
1796
1797.cid-vakWYfluDb .content-head {
1798    max-width: 800px;
1799}
1800
1801.cid-vakWYfluDb .mbr-section-title {
1802    color: var(--background-dark-text);
1803    text-align: center;
1804}
1805
1806</style>
1807<section class="tutorm5 video1 cid-vakWYfluDb" id="video-2-vakWYfluDb">
1808    <div class="align-center container">
1809        <div class="row justify-content-center">
1810            <div class="col-12 content-head">
1811                <div class="mbr-section-head mb-5">
1812                    <h4 class="mbr-section-title mbr-fonts-style mb-0 display-2">今日推荐</h4>
1813                </div>
1814            </div>
1815        </div>
1816        <div class="row justify-content-center">
1817            <div class="col-12 col-lg-12">
1818                <div class="mbr-figure"><iframe class="mbr-embedded-video" width="1280" height="720" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/kwmHaXUAa0M?autoplay&#x3D;1&amp;loop&#x3D;1&amp;playlist&#x3D;kwmHaXUAa0M&amp;t&#x3D;20&amp;mute&#x3D;1&amp;playsinline&#x3D;1&amp;controls&#x3D;0&amp;showinfo&#x3D;0&amp;autohide&#x3D;1&amp;allowfullscreen&#x3D;true&amp;mode&#x3D;transparent"></iframe></div>
1819            </div>
1820        </div>
1821    </div>
1822</section>
1823    
1824<style>
1825.cid-vakWYfl07B {
1826    display: flex;
1827    overflow: hidden;
1828}
1829
1830.cid-vakWYfl07B .mbr-fallback-image.disabled {
1831    display: none;
1832}
1833
1834.cid-vakWYfl07B .mbr-fallback-image {
1835    display: block;
1836    background-size: cover;
1837    background-position: center center;
1838    width: 100%;
1839    height: 100%;
1840    position: absolute;
1841    top: 0;
1842    background-image: url("../_images/background1.jpg");
1843}
1844
1845</style>
1846<section class="tutorm5 header1 cid-vakWYfl07B mbr-fullscreen" data-bg-video="https://www.youtube.com/embed/kImV0PLcY4A?autoplay&#x3D;1&amp;loop&#x3D;1&amp;playlist&#x3D;kImV0PLcY4A&amp;t&#x3D;20&amp;mute&#x3D;1&amp;playsinline&#x3D;1&amp;controls&#x3D;0&amp;showinfo&#x3D;0&amp;autohide&#x3D;1&amp;allowfullscreen&#x3D;true&amp;mode&#x3D;transparent" id="video-3-vakWYfl07B">
1847    <div class="mbr-fallback-image disabled"></div>
1848    <div class="container">
1849        <div class="row">
1850        </div>
1851    </div>
1852</section>
1853    
1854<style>
1855.cid-vakWYfli4B {
1856    padding-top: 7rem;
1857    padding-bottom: 7rem;
1858    background-color: #ffffff;
1859}
1860
1861.cid-vakWYfli4B .mbr-text {
1862    color: #000000;
1863}
1864
1865.cid-vakWYfli4B .mbr-section-subtitle {
1866    color: #000000;
1867}
1868
1869.cid-vakWYfli4B .mbr-section-title {
1870    color: #000000;
1871}
1872
1873.cid-vakWYfli4B .mbr-card-title {
1874    color: #ffffff;
1875}
1876
1877.cid-vakWYfli4B .mbr-card-title,
1878.cid-vakWYfli4B .line {
1879    color: #000000;
1880}
1881
1882.cid-vakWYfli4B .mbr-text1 {
1883    color: #000000;
1884}
1885
1886.cid-vakWYfli4B h4 {
1887    line-height: 1.2;
1888}
1889
1890</style>
1891<section class="tutorm5 features10 cid-vakWYfli4B" id="features-9-vakWYfli4B">
1892    <div class="container">
1893        <div class="row justify-content-end">
1894            <div class="col-md-12 col-lg-6">
1895                <h4 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7">功能</h4>
1896                <h3 class="mbr-section-title mbr-fonts-style mb-3 mt-0 display-2">强大</h3>
1897                <p class="mbr-text1 mbr-fonts-style display-5">不止于此</p>
1898            </div>
1899            <div class="col-md-12 col-lg-6">
1900                <div class="row">
1901                    <div class="col-lg-6">
1902                        <div class="item pb-4">
1903                            <h4 class="mbr-card-title mbr-fonts-style display-5">智能搜索</h4>
1904                            <p class="mbr-text mbr-fonts-style display-7">快速定位你想看的任何视频。</p>
1905                        </div>
1906                    </div>
1907                    <div class="col-lg-6">
1908                        <div class="item pb-4">
1909                            <h4 class="mbr-card-title mbr-fonts-style display-5">个性推荐</h4>
1910                            <p class="mbr-text mbr-fonts-style display-7">根据你的观看习惯推送。</p>
1911                        </div>
1912                    </div>
1913                    <div class="col-lg-6">
1914                        <div class="item pb-4">
1915                            <h4 class="mbr-card-title mbr-fonts-style display-5">高清播放</h4>
1916                            <p class="mbr-text mbr-fonts-style display-7">流畅无卡顿,观影新体验。</p>
1917                        </div>
1918                    </div>
1919                    <div class="col-lg-6">
1920                        <div class="item pb-4">
1921                            <h4 class="mbr-card-title mbr-fonts-style display-5">一键分享</h4>
1922                            <p class="mbr-text mbr-fonts-style display-7">将精彩瞬间分享给朋友。</p>
1923                        </div>
1924                    </div>
1925                </div>
1926            </div>
1927        </div>
1928    </div>
1929</section>
1930    
1931<style>
1932.cid-vakWYflyoC {
1933    display: flex;
1934    background-image: url("https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1625690303837-654c9666d2d0%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTl8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=E3yp8ibdO_TiX8zkfnuIuKn8QIHPhC5rkT3--FOhj30");
1935    overflow: hidden;
1936}
1937
1938.cid-vakWYflyoC .mbr-overlay {
1939    background-color: #f92c50;
1940    opacity: 0.5;
1941}
1942
1943.cid-vakWYflyoC .mbr-fallback-image.disabled {
1944    display: none;
1945}
1946
1947.cid-vakWYflyoC .mbr-fallback-image {
1948    display: block;
1949    background-size: cover;
1950    background-position: center center;
1951    width: 100%;
1952    height: 100%;
1953    position: absolute;
1954    top: 0;
1955}
1956
1957</style>
1958<section class="tutorm5 header1 cid-vakWYflyoC mbr-fullscreen mbr-parallax-background" id="image-1-vakWYflyoC">
1959    <div class="container">
1960        <div class="row">
1961        </div>
1962    </div>
1963</section>
1964    
1965<style>
1966.cid-vakWYflkda {
1967    padding-top: 6rem;
1968    padding-bottom: 6rem;
1969    background-color: #FFFFFF;
1970}
1971
1972.cid-vakWYflkda .item:focus,
1973.cid-vakWYflkda span:focus {
1974    outline: none;
1975}
1976
1977.cid-vakWYflkda .item {
1978    margin-bottom: 2rem;
1979}
1980
1981@media (max-width: 767px) {
1982    .cid-vakWYflkda .item {
1983        margin-bottom: 1rem;
1984    }
1985}
1986
1987.cid-vakWYflkda .mbr-card-title {
1988    background: var(--primary-lighten-color);
1989    width: fit-content;
1990    border-radius: 1rem;
1991    padding: 6px 10px;
1992}
1993
1994.cid-vakWYflkda .item-content {
1995    margin-top: 2rem;
1996    padding: 0 2rem 2rem;
1997    display: flex;
1998    flex-direction: column;
1999    height: 100%;
2000}
2001
2002@media (min-width: 992px) and (max-width: 1200px) {
2003    .cid-vakWYflkda .item-content {
2004        padding: 2rem 1.5rem;
2005        padding-top: 1rem;
2006        margin-top: 1rem;
2007    }
2008}
2009
2010@media (max-width: 767px) {
2011    .cid-vakWYflkda .item-content {
2012        padding: 1rem 1rem;
2013        padding-top: 1rem;
2014        margin-top: 1rem;
2015    }
2016}
2017
2018.cid-vakWYflkda .item-wrapper {
2019    position: relative;
2020    background: var(--background);
2021    height: 100%;
2022    display: flex;
2023    flex-flow: column nowrap;
2024}
2025
2026.cid-vakWYflkda .item-wrapper .item-footer {
2027    margin-top: auto;
2028}
2029
2030.cid-vakWYflkda .mbr-section-title {
2031    color: var(--background-text);
2032    text-align: center;
2033}
2034
2035.cid-vakWYflkda .mbr-text,
2036.cid-vakWYflkda .item .mbr-section-btn {
2037    text-align: center;
2038}
2039
2040.cid-vakWYflkda .content-head {
2041    max-width: 800px;
2042}
2043
2044.cid-vakWYflkda .mbr-number {
2045    color: var(--primary-darken-color);
2046}
2047
2048.cid-vakWYflkda .mbr-section-subtitle,
2049.cid-vakWYflkda .mbr-section-head .mbr-section-btn {
2050    text-align: center;
2051    color: var(--background-text);
2052}
2053
2054.cid-vakWYflkda .mbr-text {
2055    text-align: left;
2056}
2057
2058.cid-vakWYflkda .mbr-text,
2059.cid-vakWYflkda .mbr-card-btn {
2060    text-align: left;
2061}
2062
2063.cid-vakWYflkda .mbr-text,
2064.cid-vakWYflkda .mbr-section-btn {
2065    text-align: left;
2066}
2067
2068.cid-vakWYflkda .mbr-text,
2069.cid-vakWYflkda .item-footer .mbr-section-btn {
2070    text-align: left;
2071}
2072
2073.cid-vakWYflkda .card-text,
2074.cid-vakWYflkda .item .mbr-section-btn {
2075    text-align: left;
2076    color: var(--background-text);
2077}
2078
2079.cid-vakWYflkda .card-title {
2080    text-align: left;
2081}
2082
2083</style>
2084<section class="tutorm5 features4 cid-vakWYflkda" id="features-3-vakWYflkda">
2085    <div class="container">
2086        <div class="row justify-content-center">
2087            <div class="col-12 content-head">
2088                <div class="mbr-section-head mb-5">
2089                    <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">为何选择我们?</h4>
2090                </div>
2091            </div>
2092        </div>
2093        <div class="row">
2094            <div class="item features-without-image col-12 col-md-6 col-lg-3 active">
2095                <div class="item-wrapper">
2096                    <div class="item-content">
2097                        <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-5"  data-mbr-ai-color="primary-lightenText"> +01</h5>
2098                        <p class="card-text mbr-fonts-style mt-0 mb-3 display-4"  data-mbr-ai-color="dominantText">每日更新,新鲜内容永不间断。</p>
2099                    </div>
2100                </div>
2101            </div>
2102            <div class="item features-without-image col-12 col-md-6 col-lg-3">
2103                <div class="item-wrapper">
2104                    <div class="item-content">
2105                        <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-5"  data-mbr-ai-color="primary-lightenText"> +02</h5>
2106                        <p class="card-text mbr-fonts-style mt-0 mb-3 display-4"  data-mbr-ai-color="dominantText">智能推荐,懂你喜好的视频。</p>
2107                    </div>
2108                </div>
2109            </div>
2110            <div class="item features-without-image col-12 col-md-6 col-lg-3">
2111                <div class="item-wrapper">
2112                    <div class="item-content">
2113                        <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-5"  data-mbr-ai-color="primary-lightenText"> +03</h5>
2114                        <p class="card-text mbr-fonts-style mt-0 mb-3 display-4"  data-mbr-ai-color="dominantText">高清画质,极致视听享受。</p>
2115                    </div>
2116                </div>
2117            </div>
2118            <div class="item features-without-image col-12 col-md-6 col-lg-3">
2119                <div class="item-wrapper">
2120                    <div class="item-content">
2121                        <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-5"  data-mbr-ai-color="primary-lightenText"> +04</h5>
2122                        <p class="card-text mbr-fonts-style mt-0 mb-3 display-4"  data-mbr-ai-color="dominantText">互动社区,与同好一起嗨!</p>
2123                    </div>
2124                </div>
2125            </div>
2126        </div>
2127    </div>
2128</section>
2129    
2130<style>
2131.cid-vakWYfl989 {
2132    padding-top: 6rem;
2133    padding-bottom: 6rem;
2134    background-color: var(--background-dark);
2135}
2136
2137.cid-vakWYfl989 .item:focus,
2138.cid-vakWYfl989 span:focus {
2139    outline: none;
2140}
2141
2142.cid-vakWYfl989 .item {
2143    cursor: pointer;
2144}
2145
2146.cid-vakWYfl989 .grid-container {
2147    grid-row-gap: 2rem;
2148}
2149
2150@media (max-width: 767px) {
2151    .cid-vakWYfl989 .grid-container {
2152        grid-row-gap: 1rem;
2153    }
2154}
2155
2156.cid-vakWYfl989 .grid-container-1,
2157.cid-vakWYfl989 .grid-container-2 {
2158    gap: 0 2rem;
2159}
2160
2161@media (max-width: 767px) {
2162
2163    .cid-vakWYfl989 .grid-container-1,
2164    .cid-vakWYfl989 .grid-container-2 {
2165        gap: 0 1rem;
2166    }
2167}
2168
2169.cid-vakWYfl989 .mbr-section-title {
2170    margin-bottom: 50px;
2171    color: var(--background-dark-text);
2172    text-align: center;
2173}
2174
2175@media (max-width: 992px) {
2176    .cid-vakWYfl989 .mbr-section-title {
2177        margin-bottom: 32px;
2178    }
2179}
2180
2181.cid-vakWYfl989 .content-head {
2182    max-width: 800px;
2183}
2184
2185.cid-vakWYfl989 .container,
2186.cid-vakWYfl989 .container-fluid {
2187    overflow: hidden;
2188}
2189
2190.cid-vakWYfl989 .grid-container {
2191    display: grid;
2192    transform: translate3d(-3rem, 0, 0);
2193    width: 115vw;
2194    grid-column-gap: 1rem;
2195}
2196
2197.cid-vakWYfl989 .grid-item {
2198    display: flex;
2199    justify-content: center;
2200    align-items: center;
2201}
2202
2203.cid-vakWYfl989 .grid-item img {
2204    min-width: 30vw;
2205    max-width: 100%;
2206    height: 400px;
2207    object-fit: cover;
2208}
2209
2210@media (max-width: 1200px) {
2211    .cid-vakWYfl989 .grid-item img {
2212        height: 350px;
2213    }
2214}
2215
2216@media (max-width: 767px) {
2217    .cid-vakWYfl989 .grid-item img {
2218        min-width: 35vw;
2219        height: 160px;
2220    }
2221}
2222
2223.cid-vakWYfl989 .grid-container-1,
2224.cid-vakWYfl989 .grid-container-2 {
2225    display: grid;
2226    grid-template-columns: repeat(4, 1fr);
2227    grid-auto-columns: 1fr;
2228    grid-auto-flow: column;
2229}
2230
2231.cid-vakWYfl989 .grid-container-1 {
2232    align-items: flex-end;
2233}
2234
2235.cid-vakWYfl989 .grid-container-2 {
2236    align-items: flex-start;
2237}
2238
2239</style>
2240<section class="gallery1 tutorm5 cid-vakWYfl989" id="gallery-1-vakWYfl989">
2241    <div class="container-fluid gallery-wrapper">
2242        <div class="row justify-content-center">
2243            <div class="col-12 content-head">
2244                <div class="mbr-section-head">
2245                    <h4 class="mbr-section-title mbr-fonts-style display-2">海量精彩视频,每日更新,永不枯竭!</h4>
2246                </div>
2247            </div>
2248        </div>
2249        <div class="grid-container">
2250            <div class="grid-container-1" style="transform: translate3d(-200px, 0px, 0px);">
2251                <div class="grid-item">
2252                    <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1584224549374-995cbac1ab62%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8Mjh8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;4HXo3TfI6lQUN3RUXb3yvJJyXnwBJzpQM0Lx1tP62sg">
2253                </div>
2254                <div class="grid-item">
2255                    <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1497015455546-1da71faf8d06%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8OHx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;0QP7vbahce-pzxOipFLvya9tvzzTMXquaCWm0pnBTlk">
2256                </div>
2257                <div class="grid-item">
2258                    <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1535540878298-a155c6d065ef%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8N3x8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;5jHCTMgp0g6qOLdME2ZhN_rW4obvKbDHdTMPQoyncMk">
2259                </div>
2260                <div class="grid-item">
2261                    <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1497015289639-54688650d173%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8M3x8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;9eG0Jzd4bV8u9-6NMmSPOnWfresKXh_n5u2bbITUQRI">
2262                </div>
2263            </div>
2264            <div class="grid-container-2" style="transform: translate3d(-70px, 0px, 0px);">
2265                <div class="grid-item">
2266                    <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1599240211563-17590b1af857%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8Mjd8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;YzTkj6TN5D9lEGsGGEojN0X_b2Swu2MbfBxoW4K3k-o">
2267                </div>
2268                <div class="grid-item">
2269                    <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1614963326505-843868e1d83a%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MjR8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;49y-aDss75zSSqibiiVPNcL35XSzHagMDBqsekzis-8">
2270                </div>
2271                <div class="grid-item">
2272                    <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1607112812619-182cb1c7bb61%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MjJ8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;6EFuCtHrzYprTerH1twrpgX7Wgq7TSo5eqDpjgxdCn0">
2273                </div>
2274                <div class="grid-item">
2275                    <img alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1577190651915-bf62d54d5b36%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTB8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;77CyokjxJCnnkWbejLHNMFfCMHEOzXgWV0mSlfKfm-E">
2276                </div>
2277            </div>
2278        </div>
2279    </div>
2280</section>
2281    
2282<style>
2283.cid-vakWYflh5Y {
2284    padding-top: 7rem;
2285    padding-bottom: 7rem;
2286    background-color: var(--background-dark);
2287}
2288
2289.cid-vakWYflh5Y .mbr-text {
2290    color: var(--background-dark-text);
2291}
2292
2293.cid-vakWYflh5Y .mbr-section-subtitle {
2294    color: var(--background-dark-text);
2295}
2296
2297.cid-vakWYflh5Y .mbr-section-title {
2298    color: var(--background-dark-text);
2299}
2300
2301</style>
2302<section class="tutorm5 article3 cid-vakWYflh5Y" id="generic-text-4-vakWYflh5Y">
2303    <div class="container">
2304        <div class="row justify-content-end">
2305            <div class="col-md-12 col-lg-6">
2306                <h4 class="mbr-section-subtitle mbr-fonts-style mb-3 display-7"  data-mbr-ai-color="background-darkText">关于</h4>
2307                <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2"  data-mbr-ai-color="background-darkText">视频乐园</h3>
2308            </div>
2309            <div class="col-md-12 col-lg-6">
2310                <div class="image-wrapper">
2311                    <img class="w-100" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1492619375914-88005aa9e8fb%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8Nnx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;SUiUV4cBB9UzAJLuOHNU1XB2pA3np8inmdAD1zPlIOQ">
2312                </div>
2313                <p class="mbr-text mt-3 mbr-fonts-style display-5"  data-mbr-ai-color="background-darkText">一个让你沉迷的短视频世界,内容丰富,更新迅速。</p>
2314            </div>
2315        </div>
2316    </div>
2317</section>
2318    
2319<style>
2320.cid-vakWYflSFu {
2321    padding-top: 5rem;
2322    padding-bottom: 5rem;
2323    background-color: var(--background-dark);
2324}
2325
2326.cid-vakWYflSFu .mbr-fallback-image.disabled {
2327    display: none;
2328}
2329
2330.cid-vakWYflSFu .mbr-fallback-image {
2331    display: block;
2332    background-size: cover;
2333    background-position: center center;
2334    width: 100%;
2335    height: 100%;
2336    position: absolute;
2337    top: 0;
2338}
2339
2340.cid-vakWYflSFu .end {
2341    justify-content: flex-end;
2342}
2343
2344.cid-vakWYflSFu .title .num {
2345    width: 100%;
2346    display: block;
2347}
2348
2349.cid-vakWYflSFu .title .card-title {
2350    z-index: 1;
2351}
2352
2353.cid-vakWYflSFu .item-wrapper {
2354    margin-bottom: 2rem;
2355}
2356
2357.cid-vakWYflSFu .num {
2358    color: var(--background-dark-text);
2359}
2360
2361.cid-vakWYflSFu .item-mb {
2362    margin-bottom: 2rem;
2363}
2364
2365@media (max-width: 767px) {
2366    .cid-vakWYflSFu .item-mb {
2367        margin-bottom: 1rem;
2368    }
2369}
2370
2371@media (max-width: 767px) {
2372    .cid-vakWYflSFu * {
2373        text-align: center !important;
2374    }
2375
2376    .cid-vakWYflSFu .content-column {
2377        margin-bottom: 2rem;
2378    }
2379}
2380
2381.cid-vakWYflSFu .mbr-section-title,
2382.cid-vakWYflSFu .card-box {
2383    text-align: left;
2384    color: var(--background-dark-text);
2385}
2386
2387.cid-vakWYflSFu .mbr-text,
2388.cid-vakWYflSFu .mbr-section-btn {
2389    color: #ffffff;
2390}
2391
2392.cid-vakWYflSFu .card-title,
2393.cid-vakWYflSFu .card-img {
2394    color: var(--background-dark-text);
2395}
2396
2397.cid-vakWYflSFu .mbr-maintext,
2398.cid-vakWYflSFu .mbr-section-btn {
2399    color: var(--background-dark-text);
2400}
2401
2402.cid-vakWYflSFu .card-text {
2403    color: var(--background-dark-text);
2404}
2405
2406</style>
2407<section class="tutorm5 features8 cid-vakWYflSFu" id="features-7-vakWYflSFu">
2408    <div class="container">
2409        <div class="row justify-content-center">
2410            <div class="col-12 content-head">
2411                <div class="card-wrapper pb-3 mb-5">
2412                    <div class="card-box align-center">
2413                        <h4 class="mbr-section-title mbr-fonts-style mb-0 display-7">亮点</h4>
2414                        <p class="mbr-maintext mbr-fonts-style mt-2 display-2">**酷炫功能**</p>
2415                    </div>
2416                </div>
2417            </div>
2418        </div>
2419        <div class="row end">
2420            <div class="col-lg-9">
2421                <div class="row content-row">
2422                    <div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb active">
2423                        <div class="item-wrapper">
2424                            <div class="title mb-1">
2425                                <span class="num mbr-fonts-style display-5">01</span>
2426                            </div>
2427                            <h4 class="card-title mbr-fonts-style display-5">智能</h4>
2428                            <p class="mbr-text card-text mbr-fonts-style mb-0 display-4">AI助你轻松剪辑,效果惊艳。</p>
2429                        </div>
2430                    </div>
2431                    <div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
2432                        <div class="item-wrapper">
2433                            <div class="title mb-1">
2434                                <span class="num mbr-fonts-style display-5">02</span>
2435                            </div>
2436                            <h4 class="card-title mbr-fonts-style display-5">海量</h4>
2437                            <p class="mbr-text card-text mbr-fonts-style mb-0 display-4">素材库,灵感源源不断。</p>
2438                        </div>
2439                    </div>
2440                    <div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
2441                        <div class="item-wrapper">
2442                            <div class="title mb-1">
2443                                <span class="num mbr-fonts-style display-5">03</span>
2444                            </div>
2445                            <h4 class="card-title mbr-fonts-style display-5">极速</h4>
2446                            <p class="mbr-text card-text mbr-fonts-style mb-0 display-4">上传分享,瞬间触达全球。</p>
2447                        </div>
2448                    </div>
2449                </div>
2450            </div>
2451        </div>
2452    </div>
2453</section>
2454    
2455<style>
2456.cid-vakWYfmjRX {
2457    padding-top: 7rem;
2458    padding-bottom: 7rem;
2459    background-color: var(--background-dark);
2460}
2461
2462.cid-vakWYfmjRX .mbr-text {
2463    color: var(--background-dark-text);
2464}
2465
2466.cid-vakWYfmjRX .mbr-section-subtitle {
2467    color: var(--background-dark-text);
2468}
2469
2470.cid-vakWYfmjRX .mbr-section-title {
2471    color: var(--background-dark-text);
2472}
2473
2474.cid-vakWYfmjRX .mbr-text2 {
2475    color: var(--background-dark-text);
2476}
2477
2478.cid-vakWYfmjRX a {
2479    text-decoration: underline;
2480}
2481
2482.cid-vakWYfmjRX p {
2483    line-height: 1.2;
2484}
2485
2486</style>
2487<section class="tutorm5 article2 cid-vakWYfmjRX" id="generic-text-3-vakWYfmjRX">
2488    <div class="container">
2489        <div class="row justify-content-end">
2490            <div class="col-md-12 col-lg-12">
2491                <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-7"  data-mbr-ai-color="background-darkText">新鲜</h4>
2492                <h3 class="mbr-section-title mbr-fonts-style mb-5 mt-0 display-2"  data-mbr-ai-color="background-darkText">内容爆炸</h3>
2493            </div>
2494            <div class="col-md-12 col-lg-8">
2495                <p class="mbr-text pb-4 mbr-fonts-style display-5"  data-mbr-ai-color="background-darkText">厌倦了千篇一律?我们为你搜罗全球最 the 奇特、最搞笑、最意想不到的短视频,保证让你笑出腹肌!</p>
2496                <p class="mbr-text2 mbr-fonts-style display-7"  data-mbr-ai-color="background-darkText">从萌宠的爆笑瞬间到科技的惊人发明,再到街头艺术家的神乎其技,这里有你想象不到的精彩。每天都有新内容,保证你刷到停不下来,告别无聊!</p>
2497            </div>
2498        </div>
2499    </div>
2500</section>
2501    
2502<style>
2503.cid-vakWYfmk8R {
2504    padding-top: 6rem;
2505    padding-bottom: 6rem;
2506    background-color: #FFFFFF;
2507}
2508
2509.cid-vakWYfmk8R .item:focus,
2510.cid-vakWYfmk8R span:focus {
2511    outline: none;
2512}
2513
2514@media (max-width: 767px) {
2515    .cid-vakWYfmk8R .align-right {
2516        text-align: center;
2517    }
2518}
2519
2520.cid-vakWYfmk8R .card-wrapper {
2521    background: var(--primary-lighten-color);
2522    padding: 4rem 3rem;
2523    padding-bottom: 2rem;
2524    margin: 0;
2525}
2526
2527@media (max-width: 767px) {
2528    .cid-vakWYfmk8R .card-wrapper {
2529        padding: 1rem 0rem;
2530    }
2531}
2532
2533.cid-vakWYfmk8R .item {
2534    margin-bottom: 2rem;
2535}
2536
2537@media (max-width: 767px) {
2538    .cid-vakWYfmk8R .item {
2539        margin-bottom: 1rem;
2540    }
2541}
2542
2543.cid-vakWYfmk8R .mbr-card-title {
2544    background: #fed9e1;
2545    width: fit-content;
2546    border-radius: 1rem;
2547    padding: 6px 10px;
2548}
2549
2550.cid-vakWYfmk8R .item-content {
2551    margin-top: 2rem;
2552    padding: 0 2rem 2rem;
2553    display: flex;
2554    flex-direction: column;
2555    height: 100%;
2556}
2557
2558@media (min-width: 992px) and (max-width: 1200px) {
2559    .cid-vakWYfmk8R .item-content {
2560        padding: 2rem 1.5rem;
2561        padding-top: 1rem;
2562        margin-top: 1rem;
2563    }
2564}
2565
2566@media (max-width: 767px) {
2567    .cid-vakWYfmk8R .item-content {
2568        padding: 1rem 1rem;
2569        padding-top: 0rem;
2570        margin-top: 1rem;
2571    }
2572}
2573
2574.cid-vakWYfmk8R .item-wrapper {
2575    position: relative;
2576    background: var(--primary-color);
2577    height: 100%;
2578    display: flex;
2579    flex-flow: column nowrap;
2580}
2581
2582.cid-vakWYfmk8R .item-wrapper .item-footer {
2583    margin-top: auto;
2584}
2585
2586.cid-vakWYfmk8R .mbr-section-title {
2587    color: var(--primary-lighten-text);
2588    text-align: left;
2589}
2590
2591.cid-vakWYfmk8R .mbr-text,
2592.cid-vakWYfmk8R .item .mbr-section-btn {
2593    text-align: center;
2594}
2595
2596.cid-vakWYfmk8R .mbr-number {
2597    color: #f0466a;
2598}
2599
2600.cid-vakWYfmk8R .mbr-section-subtitle,
2601.cid-vakWYfmk8R .mbr-section-head .mbr-section-btn {
2602    text-align: left;
2603    color: #ffffff;
2604}
2605
2606.cid-vakWYfmk8R .mbr-text {
2607    text-align: left;
2608}
2609
2610.cid-vakWYfmk8R .mbr-text,
2611.cid-vakWYfmk8R .mbr-card-btn {
2612    text-align: left;
2613}
2614
2615.cid-vakWYfmk8R .mbr-text,
2616.cid-vakWYfmk8R .mbr-section-btn {
2617    text-align: left;
2618}
2619
2620.cid-vakWYfmk8R .mbr-text,
2621.cid-vakWYfmk8R .item-footer .mbr-section-btn {
2622    text-align: left;
2623}
2624
2625.cid-vakWYfmk8R .card-text,
2626.cid-vakWYfmk8R .item .mbr-section-btn {
2627    text-align: left;
2628    color: var(--primary-text);
2629}
2630
2631
2632</style>
2633<section class="tutorm5 features6 cid-vakWYfmk8R" id="features-5-vakWYfmk8R">
2634    <div class="container">
2635        <div class="row card-wrapper">
2636            <div class="col-12  col-lg-10 content-head">
2637                <div class="mbr-section-head mb-5">
2638                    <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">**创意无限,玩转视频!**</h4>
2639                </div>
2640            </div>
2641            <div class="item features-without-image col-12 col-md-6 col-lg-3 active">
2642                <div class="item-wrapper">
2643                    <div class="item-content">
2644                        <p class="card-text mbr-fonts-style mt-0 display-4">添加酷炫滤镜和特效,让视频更具个性。</p>
2645                    </div>
2646                </div>
2647            </div>
2648            <div class="item features-without-image col-12 col-md-6 col-lg-3">
2649                <div class="item-wrapper">
2650                    <div class="item-content">
2651                        <p class="card-text mbr-fonts-style mt-0 display-4">背景音乐随心选,营造完美氛围。</p>
2652                    </div>
2653                </div>
2654            </div>
2655            <div class="item features-without-image col-12 col-md-6 col-lg-3">
2656                <div class="item-wrapper">
2657                    <div class="item-content">
2658                        <p class="card-text mbr-fonts-style mt-0 display-4">文字贴纸随心加,表达你的态度。</p>
2659                    </div>
2660                </div>
2661            </div>
2662            <div class="item features-without-image col-12 col-md-6 col-lg-3">
2663                <div class="item-wrapper">
2664                    <div class="item-content">
2665                        <p class="card-text mbr-fonts-style mt-0 display-4">
2665一键分享到各大社交平台,引爆关注。</p>
2666                    </div>
2667                </div>
2668            </div>
2669        </div>
2670    </div>
2671</section>
2672    
2673<style>
2674.cid-vakWYfmiCG {
2675    padding-top: 5rem;
2676    padding-bottom: 5rem;
2677    background-color: #FFFFFF;
2678}
2679
2680.cid-vakWYfmiCG .mbr-fallback-image.disabled {
2681    display: none;
2682}
2683
2684.cid-vakWYfmiCG .mbr-fallback-image {
2685    display: block;
2686    background-size: cover;
2687    background-position: center center;
2688    width: 100%;
2689    height: 100%;
2690    position: absolute;
2691    top: 0;
2692}
2693
2694.cid-vakWYfmiCG .title .num {
2695    width: 100%;
2696    display: block;
2697}
2698
2699.cid-vakWYfmiCG .title .card-title {
2700    z-index: 1;
2701}
2702
2703.cid-vakWYfmiCG .item-wrapper {
2704    margin-bottom: 2rem;
2705}
2706
2707.cid-vakWYfmiCG .num {
2708    color: var(--background-text);
2709}
2710
2711.cid-vakWYfmiCG .item-mb {
2712    margin-bottom: 2rem;
2713}
2714
2715@media (max-width: 767px) {
2716    .cid-vakWYfmiCG .item-mb {
2717        margin-bottom: 1rem;
2718    }
2719}
2720
2721@media (max-width: 767px) {
2722    .cid-vakWYfmiCG * {
2723        text-align: center !important;
2724    }
2725
2726    .cid-vakWYfmiCG .content-column {
2727        margin-bottom: 2rem;
2728    }
2729}
2730
2731.cid-vakWYfmiCG .content-head {
2732    max-width: 800px;
2733}
2734
2735.cid-vakWYfmiCG .mbr-section-title,
2736.cid-vakWYfmiCG .card-box {
2737    color: var(--background-text);
2738}
2739
2740.cid-vakWYfmiCG .mbr-text,
2741.cid-vakWYfmiCG .mbr-section-btn {
2742    color: var(--background-text);
2743}
2744
2745.cid-vakWYfmiCG .card-title,
2746.cid-vakWYfmiCG .card-img {
2747    color: var(--background-text);
2748}
2749
2750.cid-vakWYfmiCG .card-text {
2751    color: var(--background-text);
2752}
2753
2754</style>
2755<section class="tutorm5 features3 cid-vakWYfmiCG" id="features-2-vakWYfmiCG">
2756    <div class="container">
2757        <div class="row justify-content-center">
2758            <div class="col-12 content-head">
2759                <div class="card-wrapper pb-3 mb-5">
2760                    <div class="card-box align-center">
2761                        <h4 class="mbr-section-title mbr-fonts-style mb-0 display-2">精彩视频集锦</h4>
2762                    </div>
2763                </div>
2764            </div>
2765        </div>
2766        <div class="row content-row">
2767            <div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb active">
2768                <div class="item-wrapper">
2769                    <div class="title mb-3">
2770                        <span class="num mbr-fonts-style display-5">01</span>
2771                    </div>
2772                    <h4 class="card-title mbr-fonts-style display-5">创意</h4>
2773                    <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">脑洞大开的短视频,让你笑出腹肌。</p>
2774                </div>
2775            </div>
2776            <div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
2777                <div class="item-wrapper">
2778                    <div class="title mb-3">
2779                        <span class="num mbr-fonts-style display-5">02</span>
2780                    </div>
2781                    <h4 class="card-title mbr-fonts-style display-5">新鲜</h4>
2782                    <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">每天都有新内容,告别无聊。</p>
2783                </div>
2784            </div>
2785            <div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
2786                <div class="item-wrapper">
2787                    <div class="title mb-3">
2788                        <span class="num mbr-fonts-style display-5">03</span>
2789                    </div>
2790                    <h4 class="card-title mbr-fonts-style display-5">流畅</h4>
2791                    <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">丝滑播放体验,拒绝卡顿。</p>
2792                </div>
2793            </div>
2794            <div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
2795                <div class="item-wrapper">
2796                    <div class="title mb-3">
2797                        <span class="num mbr-fonts-style display-5">04</span>
2798                    </div>
2799                    <h4 class="card-title mbr-fonts-style display-5">分享</h4>
2800                    <p class="mbr-text card-text mbr-fonts-style mb-0 display-7">一键分享,让快乐传递。</p>
2801                </div>
2802            </div>
2803        </div>
2804    </div>
2805</section>
2806    
2807<style>
2808.cid-vakWYfmY4k {
2809    display: flex;
2810    padding-top: 150px;
2811    padding-bottom: 300px;
2812    background-color: #FFFFFF;
2813    overflow: hidden;
2814}
2815
2816.cid-vakWYfmY4k .mbr-fallback-image.disabled {
2817    display: none;
2818}
2819
2820.cid-vakWYfmY4k img {
2821    width: 200px;
2822    height: 200px;
2823    filter: grayscale(1);
2824    object-fit: cover;
2825    border-radius: 4rem !important;
2826}
2827
2828@media (max-width: 767px) {
2829    .cid-vakWYfmY4k img {
2830        display: none;
2831    }
2832}
2833
2834@media (min-width: 992px) {
2835    .cid-vakWYfmY4k img {
2836        z-index: 10;
2837    }
2838}
2839
2840.cid-vakWYfmY4k .face1 {
2841    position: absolute;
2842    left: 7%;
2843    top: 15%;
2844    animation: circle1 6s linear infinite;
2845}
2846
2847.cid-vakWYfmY4k .face2 {
2848    position: absolute;
2849    right: 7%;
2850    top: 13%;
2851    animation: circle1 6s linear infinite;
2852}
2853
2854.cid-vakWYfmY4k .face3 {
2855    position: absolute;
2856    left: 12%;
2857    bottom: 30%;
2858    animation: circle2 6s linear infinite;
2859}
2860
2861.cid-vakWYfmY4k .face4 {
2862    position: absolute;
2863    right: 15%;
2864    bottom: 28%;
2865    animation: circle2 6s linear infinite;
2866}
2867
2868@keyframes circle1 {
2869    0% {
2870        transform: rotate(0deg) translate(-8px) rotate(0deg);
2871    }
2872
2873    100% {
2874        transform: rotate(360deg) translate(-8px) rotate(-360deg);
2875    }
2876}
2877
2878@keyframes circle2 {
2879    0% {
2880        transform: rotate(360deg) translate(-8px) rotate(-360deg);
2881    }
2882
2883    100% {
2884        transform: rotate(0deg) translate(-8px) rotate(0deg);
2885    }
2886}
2887
2888.cid-vakWYfmY4k .mbr-tag {
2889    border: 1px solid currentColor;
2890    border-radius: 20px;
2891    padding: 5px 30px;
2892    text-align: center;
2893    display: inline-block;
2894    margin-bottom: 6px;
2895}
2896
2897.cid-vakWYfmY4k .round {
2898    position: absolute;
2899    bottom: -1430px;
2900    left: -20%;
2901    width: 140%;
2902    height: 1700px;
2903    border-top-left-radius: 50%;
2904    border-top-right-radius: 50%;
2905    background: var(--background-dark);
2906}
2907
2908@media (max-width: 992px) {
2909    .cid-vakWYfmY4k .round {
2910        bottom: -1300px;
2911        height: 1500px;
2912    }
2913}
2914
2915@media (max-width: 767px) {
2916    .cid-vakWYfmY4k .round {
2917        height: 600px;
2918        bottom: -500px;
2919    }
2920}
2921
2922.cid-vakWYfmY4k .mbr-fallback-image {
2923    display: block;
2924    background-size: cover;
2925    background-position: center center;
2926    width: 100%;
2927    height: 100%;
2928    position: absolute;
2929    top: 0;
2930}
2931
2932.cid-vakWYfmY4k .content-wrap {
2933    padding: 5rem 1rem;
2934}
2935
2936@media (min-width: 992px) {
2937    .cid-vakWYfmY4k .content-wrap {
2938        padding: 5rem 3rem;
2939    }
2940}
2941
2942@media (min-width: 768px) {
2943    .cid-vakWYfmY4k {
2944        align-items: flex-start;
2945    }
2946
2947    .cid-vakWYfmY4k .row {
2948        justify-content: center;
2949    }
2950}
2951
2952@media (max-width: 991px) and (min-width: 768px) {
2953    .cid-vakWYfmY4k .content-wrap {
2954        min-width: 50%;
2955    }
2956}
2957
2958@media (max-width: 767px) {
2959    .cid-vakWYfmY4k {
2960        -webkit-align-items: center;
2961        align-items: center;
2962    }
2963
2964    .cid-vakWYfmY4k .mbr-row {
2965        -webkit-justify-content: center;
2966        justify-content: center;
2967    }
2968
2969    .cid-vakWYfmY4k .content-wrap {
2970        width: 100%;
2971    }
2972}
2973
2974.cid-vakWYfmY4k .mbr-section-title {
2975    text-align: center;
2976    color: var(--background-text);
2977}
2978
2979.cid-vakWYfmY4k .mbr-text,
2980.cid-vakWYfmY4k .mbr-section-btn {
2981    text-align: center;
2982    color: var(--background-text);
2983}
2984
2985.cid-vakWYfmY4k .mbr-tag,
2986.cid-vakWYfmY4k .tags {
2987    text-align: center;
2988    color: var(--background-text);
2989}
2990
2991.cid-vakWYfmY4k .mbr-section-subtitle {
2992    color: #232323;
2993    text-align: center;
2994}
2995
2996</style>
2997<section class="tutorm5 header1 cid-vakWYfmY4k" id="hero-1-vakWYfmY4k">
2998    <div class="round"></div>
2999    <div class="item-wrapper">
3000        <img class="face1" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1502209877429-d7c6df9eb3f9%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTh8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;0eOg9EEnQ4VrpUAKtnTzK6tYXD1t64XMpG5evdWvl7Y">
3001    </div>
3002    <div class="item-wrapper">
3003        <img class="face2" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1556132877-ded3bb0173b5%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTJ8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;5F8KhAI69csFbWgM94WTX8e54CB822RTONPHWQ-xC-Q">
3004    </div>
3005    <div class="item-wrapper">
3006        <img class="face3" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1611162616475-46b635cb6868%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8Mnx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;nifnjCl5YHyiwAvYQPq-LfynkdPjPsDAFaFaGFZWfhw">
3007    </div>
3008    <div class="item-wrapper">
3009        <img class="face4" alt="Mobirise Website Builder" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1682506456442-a051e8dae813%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTF8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;bk7GurjYBq_mbdS9-Gr7_d6SsistEMlKEAsj_5La_Lg">
3010    </div>
3011    <div class="container">
3012        <div class="row">
3013            <div class="content-wrap col-12 col-md-11">
3014                <div class="tags mb-5 w-100">
3015                    <span class="mbr-fonts-style mbr-tag display-4"  data-mbr-ai-color="backgroundText">视频</span>
3016                    <span class="mbr-fonts-style mbr-tag display-4"  data-mbr-ai-color="backgroundText">短片</span>
3017                    <span class="mbr-fonts-style mbr-tag display-4"  data-mbr-ai-color="backgroundText">精彩</span>
3018                </div>
3019                <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1"  data-mbr-ai-color="backgroundText">视频盛宴</h1>
3020                <p class="mbr-fonts-style mbr-text mbr-white mb-4 display-5"  data-mbr-ai-color="backgroundText">海量短视频,总有一款让你心动。</p>
3021                <div class="mbr-section-btn"><a class="btn btn-primary display-7" href="#">立即观看</a></div>
3022            </div>
3023        </div>
3024    </div>
3025</section>
3026    
3027<style>
3028.cid-vakWYfm5j2 {
3029    padding-top: 5rem;
3030    padding-bottom: 5rem;
3031    background-color: #FFFFFF;
3032}
3033
3034.cid-vakWYfm5j2 .mbr-fallback-image.disabled {
3035    display: none;
3036}
3037
3038.cid-vakWYfm5j2 .mbr-fallback-image {
3039    display: block;
3040    background-size: cover;
3041    background-position: center center;
3042    width: 100%;
3043    height: 100%;
3044    position: absolute;
3045    top: 0;
3046}
3047
3048.cid-vakWYfm5j2 li {
3049    padding-bottom: 1rem;
3050}
3051
3052.cid-vakWYfm5j2 .row {
3053    justify-content: flex-end;
3054}
3055
3056.cid-vakWYfm5j2 ul {
3057    padding-left: 1.5rem;
3058}
3059
3060.cid-vakWYfm5j2 .mbr-text3 {
3061    line-height: 1.2;
3062}
3063
3064.cid-vakWYfm5j2 p {
3065    line-height: 1.2;
3066}
3067
3068.cid-vakWYfm5j2 .mbr-text {
3069    line-height: 1.2;
3070    color: #000000;
3071}
3072
3073.cid-vakWYfm5j2 .card-wrapper {
3074    overflow: hidden;
3075    background: #FFFFFF;
3076    padding: 4rem 3rem;
3077}
3078
3079@media (max-width: 767px) {
3080    .cid-vakWYfm5j2 .card-wrapper {
3081        padding: 2rem 1rem;
3082    }
3083}
3084
3085.cid-vakWYfm5j2 .image-wrapper {
3086    padding: 0 1rem;
3087}
3088
3089.cid-vakWYfm5j2 .mbr-section-title {
3090    color: #000000;
3091}
3092
3093.cid-vakWYfm5j2 .mbr-text,
3094.cid-vakWYfm5j2 .mbr-section-btn {
3095    color: #f0466a;
3096}
3097
3098.cid-vakWYfm5j2 .mbr-card-title {
3099    color: #f0466a;
3100}
3101
3102.cid-vakWYfm5j2 .mbr-card-title,
3103.cid-vakWYfm5j2 .line {
3104    color: #f0466a;
3105}
3106
3107.cid-vakWYfm5j2 .mbr-section-text {
3108    color: #000000;
3109}
3110
3111.cid-vakWYfm5j2 .mbr-list {
3112    color: #000000;
3113}
3114
3115</style>
3116<section class="tutorm5 pricing2 cid-vakWYfm5j2" id="pricing-cards-2-vakWYfm5j2">
3117    <div class="container">
3118        <div class="row justify-content-center align-items-center">
3119            <div class="col-12">
3120                <div class="card-wrapper">
3121                    <div class="row">
3122                        <div class="col-12 col-lg-4 mb-5 col-md-12">
3123                            <div class="text-wrapper align-left">
3124                                <h1 class="mbr-section-title mbr-fonts-style mb-3 display-2">会员特权</h1>
3125                            </div>
3126                        </div>
3127                        <div class="col-12 my-auto col-lg-8 mb-5 col-md-12">
3128                            <div class="text-wrapper align-left">
3129                                <p class="mbr-section-text mbr-fonts-style mb-3 display-1">¥19.9/月</p>
3130                            </div>
3131                        </div>
3132                    </div>
3133                    <div class="row">
3134                        <div class="col-lg-4">
3135                            <ul class="mbr-list mbr-fonts-style mb-4 display-7">
3136                                <li>无广告干扰,畅享丝滑观看体验。</li>
3137                                <li>高清画质,细节纤毫毕现。</li>
3138                                <li>专属内容库,抢先看最新大片。</li>
3139                            </ul>
3140                        </div>
3141                        <div class="col-lg-4">
3142                            <ul class="mbr-list mbr-fonts-style mb-4 display-7">
3143                                <li>离线下载,随时随地想看就看。</li>
3144                                <li>优先客服,问题秒解决。</li>
3145                            </ul>
3146                        </div>
3147                        <div class="col-lg-8">
3148                            <div class="mbr-section-btn w-100"><a class="btn w-100 btn-primary display-7" href="#">立即升级</a></div>
3149                        </div>
3150                    </div>
3151                </div>
3152            </div>
3153        </div>
3154    </div>
3155</section>
3156    
3157<style>
3158.cid-vakWYfmyOf {
3159    padding-top: 6rem;
3160    padding-bottom: 6rem;
3161    background-color: var(--background-dark);
3162}
3163
3164.cid-vakWYfmyOf .item:focus,
3165.cid-vakWYfmyOf span:focus {
3166    outline: none;
3167}
3168
3169.cid-vakWYfmyOf .item {
3170    margin-bottom: 2rem;
3171}
3172
3173@media (max-width: 767px) {
3174    .cid-vakWYfmyOf .item {
3175        margin-bottom: 1rem;
3176    }
3177}
3178
3179.cid-vakWYfmyOf .line {
3180    width: 100%;
3181    height: 1px;
3182    background: var(--primary-color);
3183    margin-bottom: 2rem;
3184}
3185
3186.cid-vakWYfmyOf .mbr-card-title {
3187    background: var(--primary-color);
3188    width: fit-content;
3189    border-radius: 1rem;
3190    padding: 6px 12px;
3191}
3192
3193.cid-vakWYfmyOf .item-content {
3194    display: flex;
3195    flex-direction: column;
3196    height: 100%;
3197}
3198
3199.cid-vakWYfmyOf .item-wrapper {
3200    position: relative;
3201    height: 100%;
3202    display: flex;
3203    flex-flow: column nowrap;
3204}
3205
3206.cid-vakWYfmyOf .item-wrapper .item-footer {
3207    margin-top: auto;
3208}
3209
3210.cid-vakWYfmyOf .mbr-section-title {
3211    color: #ffffff;
3212    text-align: center;
3213}
3214
3215.cid-vakWYfmyOf .mbr-text,
3216.cid-vakWYfmyOf .item .mbr-section-btn {
3217    text-align: center;
3218}
3219
3220.cid-vakWYfmyOf .content-head {
3221    max-width: 800px;
3222}
3223
3224.cid-vakWYfmyOf .mbr-number {
3225    color: var(--primary-text);
3226}
3227
3228.cid-vakWYfmyOf .mbr-section-subtitle,
3229.cid-vakWYfmyOf .mbr-section-head .mbr-section-btn {
3230    text-align: center;
3231    color: #ffffff;
3232}
3233
3234.cid-vakWYfmyOf .mbr-text {
3235    text-align: left;
3236}
3237
3238.cid-vakWYfmyOf .mbr-text,
3239.cid-vakWYfmyOf .mbr-card-btn {
3240    text-align: left;
3241}
3242
3243.cid-vakWYfmyOf .mbr-text,
3244.cid-vakWYfmyOf .mbr-section-btn {
3245    text-align: left;
3246}
3247
3248.cid-vakWYfmyOf .mbr-text,
3249.cid-vakWYfmyOf .item-footer .mbr-section-btn {
3250    text-align: left;
3251}
3252
3253.cid-vakWYfmyOf .card-text,
3254.cid-vakWYfmyOf .item .mbr-section-btn {
3255    text-align: left;
3256    color: var(--background-dark-text);
3257}
3258
3259.cid-vakWYfmyOf .card-title {
3260    text-align: left;
3261    color: #ffffff;
3262}
3263
3264</style>
3265<section class="tutorm5 features7 cid-vakWYfmyOf" id="features-6-vakWYfmyOf">
3266    <div class="container">
3267        <div class="row justify-content-center">
3268            <div class="col-12 content-head">
3269            </div>
3270        </div>
3271        <div class="row">
3272            <div class="col-12">
3273                <div class="line">
3274                </div>
3275            </div>
3276            <div class="item features-without-image col-12 col-md-6 col-lg-3 active">
3277                <div class="item-wrapper">
3278                    <div class="item-content">
3279                        <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-7"> +01</h5>
3280                        <p class="card-text mbr-fonts-style mt-0 mb-3 display-4">从搞笑段子到生活技巧,总有一款让你眼前一亮。</p>
3281                    </div>
3282                </div>
3283            </div>
3284            <div class="item features-without-image col-12 col-md-6 col-lg-3">
3285                <div class="item-wrapper">
3286                    <div class="item-content">
3287                        <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-7"> +02</h5>
3288                        <p class="card-text mbr-fonts-style mt-0 mb-3 display-4">我们搜罗全球的精彩瞬间,只为给你带来极致的视听享受。</p>
3289                    </div>
3290                </div>
3291            </div>
3292            <div class="item features-without-image col-12 col-md-6 col-lg-3">
3293                <div class="item-wrapper">
3294                    <div class="item-content">
3295                        <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-7"> +03</h5>
3296                        <p class="card-text mbr-fonts-style mt-0 mb-3 display-4">算法精准匹配,让你告别选择困难症,直接进入精彩。</p>
3297                    </div>
3298                </div>
3299            </div>
3300            <div class="item features-without-image col-12 col-md-6 col-lg-3">
3301                <div class="item-wrapper">
3302                    <div class="item-content">
3303                        <h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 mbr-number display-7"> +04</h5>
3304                        <p class="card-text mbr-fonts-style mt-0 mb-3 display-4">社区互动火热,评论区比视频还有趣!</p>
3305                    </div>
3306                </div>
3307            </div>
3308        </div>
3309    </div>
3310</section>
3311    
3312<style>
3313.cid-vakWYfmeN7 {
3314    padding-top: 4rem;
3315    padding-bottom: 4rem;
3316    background-color: var(--background-dark);
3317}
3318
3319.cid-vakWYfmeN7 .item-subtitle {
3320    line-height: 1.2;
3321    color: var(--background-dark-text);
3322    text-align: left;
3323}
3324
3325.cid-vakWYfmeN7 img,
3326.cid-vakWYfmeN7 .item-img {
3327    width: 100%;
3328    height: 100%;
3329    height: 400px;
3330    object-fit: cover;
3331}
3332
3333.cid-vakWYfmeN7 .item:focus,
3334.cid-vakWYfmeN7 span:focus {
3335    outline: none;
3336}
3337
3338.cid-vakWYfmeN7 .item {
3339    margin-bottom: 2rem;
3340}
3341
3342@media (max-width: 767px) {
3343    .cid-vakWYfmeN7 .item {
3344        margin-bottom: 1rem;
3345    }
3346}
3347
3348.cid-vakWYfmeN7 .item-wrapper {
3349    position: relative;
3350    border-radius: 4px;
3351    display: flex;
3352    flex-flow: column nowrap;
3353}
3354
3355.cid-vakWYfmeN7 .mbr-section-btn {
3356    margin-top: auto !important;
3357}
3358
3359.cid-vakWYfmeN7 .mbr-section-title {
3360    color: var(--background-dark-text);
3361    text-align: left;
3362}
3363
3364.cid-vakWYfmeN7 .mbr-text,
3365.cid-vakWYfmeN7 .mbr-section-btn {
3366    color: var(--background-dark-text);
3367    text-align: left;
3368}
3369
3370.cid-vakWYfmeN7 .item-title {
3371    color: var(--background-dark-text);
3372    text-align: left;
3373}
3374
3375.cid-vakWYfmeN7 .mbr-section-subtitle {
3376    color: #838383;
3377    text-align: left;
3378}
3379
3380</style>
3381<section class="tutorm5 pricing3 cid-vakWYfmeN7" id="product-list-1-vakWYfmeN7">
3382    <div class="container">
3383        <div class="row justify-content-center">
3384            <div class="col-12 content-head">
3385                <div class="mbr-section-head mb-5">
3386                    <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">精选视频</h4>
3387                </div>
3388            </div>
3389        </div>
3390        <div class="row">
3391            <div class="item features-image col-12 col-md-6 col-lg-4">
3392                <div class="item-wrapper">
3393                    <div class="item-img mb-3">
3394                        <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1543536448-d209d2d13a1c%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTZ8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;ODYidFy3YHeg30xJLgFYBbMnMwheY3HRvHDEWm3rkbc">
3395                    </div>
3396                    <div class="item-content align-left">
3397                        <h5 class="item-title mbr-fonts-style mb-1 display-5">萌宠趣事</h5>
3398                        <h6 class="item-subtitle mbr-fonts-style mb-3 display-7">免费</h6>
3399                        <p class="mbr-text mbr-fonts-style mt-3 display-7">看小猫小狗的可爱瞬间,瞬间融化你的心。</p>
3400                    </div>
3401                    <div class="mbr-section-btn item-footer mt-2"><a href="" class="btn item-btn btn-primary display-7">立即观看</a></div>
3402                </div>
3403            </div>
3404            <div class="item features-image col-12 col-md-6 col-lg-4">
3405                <div class="item-wrapper">
3406                    <div class="item-img mb-3">
3407                        <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1485846234645-a62644f84728%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MXx8dmlkZW98ZW58MHwwfHx8MTc3MDI3Nzg1MXww%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;_z-zNKZ5xDLNT08hRPHv9J5QDUuvTmZS7sDRvfDwLss">
3408                    </div>
3409                    <div class="item-content align-left">
3410                        <h5 class="item-title mbr-fonts-style mb-1 display-5">爆笑段子</h5>
3411                        <h6 class="item-subtitle mbr-fonts-style mb-3 display-7">免费</h6>
3412                        <p class="mbr-text mbr-fonts-style mt-3 display-7">让你笑出腹肌的精彩段子,承包你一天的快乐。</p>
3413                    </div>
3414                    <div class="mbr-section-btn item-footer mt-2"><a href="" class="btn item-btn btn-primary display-7">立即观看</a></div>
3415                </div>
3416            </div>
3417            <div class="item features-image col-12 col-md-6 col-lg-4">
3418                <div class="item-wrapper">
3419                    <div class="item-img mb-3">
3420                        <img alt="Mobirise Website Builder" title="" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1471341971476-ae15ff5dd4ea%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MjB8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&amp;e&#x3D;1772928000&amp;s&#x3D;32L18uQuHUnxX5AjKTJvHFkQmZvQZj_yMaW1Egmik9w">
3421                    </div>
3422                    <div class="item-content align-left">
3423                        <h5 class="item-title mbr-fonts-style mb-1 display-5">生活技巧</h5>
3424                        <h6 class="item-subtitle mbr-fonts-style mb-3 display-7">免费</h6>
3425                        <p class="mbr-text mbr-fonts-style mt-3 display-7">简单易学的实用技巧,让生活更便捷。</p>
3426                    </div>
3427                    <div class="mbr-section-btn item-footer mt-2"><a href="" class="btn item-btn btn-pri
3427mary display-7">立即观看</a></div>
3428                </div>
3429            </div>
3430        </div>
3431    </div>
3432</section>
3433    
3434<style>
3435.cid-vakWYfmC5o {
3436    padding-top: 3rem;
3437    padding-bottom: 2rem;
3438    background-color: var(--primary-color);
3439}
3440
3441.cid-vakWYfmC5o .item:focus,
3442.cid-vakWYfmC5o span:focus {
3443    outline: none;
3444}
3445
3446.cid-vakWYfmC5o .container-fluid {
3447    padding-left: 0;
3448    padding-right: 0;
3449    overflow: hidden;
3450}
3451
3452.cid-vakWYfmC5o .item {
3453    color: var(--primary-text);
3454    min-height: 90px;
3455}
3456
3457@media (max-width: 768px) {
3458    .cid-vakWYfmC5o .item {
3459        min-height: 45px;
3460    }
3461}
3462
3463</style>
3464<section class="features11 tutorm5 cid-vakWYfmC5o" id="features-10-vakWYfmC5o">
3465    <div class="container-fluid">
3466        <div class="loop-container">
3467            <div class="item display-2" data-linewords="海量视频,应有尽有。 * 智能推荐,懂你所需。 * " data-direction="-1" data-speed="0.05"></div>
3468            <div class="item display-2" data-linewords="海量视频,应有尽有。 * 智能推荐,懂你所需。 * " data-direction="-1" data-speed="0.05"></div>
3469        </div>
3470    </div>
3471</section>
3472    
3473<style>
3474.cid-vakWYfmyam {
3475    padding-top: 8rem;
3476    padding-bottom: 8rem;
3477    background-color: #FFFFFF;
3478    overflow: hidden;
3479}
3480
3481.cid-vakWYfmyam .mbr-fallback-image.disabled {
3482    display: none;
3483}
3484
3485.cid-vakWYfmyam .mbr-fallback-image {
3486    display: block;
3487    background-size: cover;
3488    background-position: center center;
3489    width: 100%;
3490    height: 100%;
3491    position: absolute;
3492    top: 0;
3493}
3494
3495.cid-vakWYfmyam .mbr-text3 {
3496    line-height: 1.2;
3497    color: var(--secondary-light-text);
3498}
3499
3500.cid-vakWYfmyam .round {
3501    position: absolute;
3502    top: -900px;
3503    left: -20%;
3504    width: 140%;
3505    height: 1700px;
3506    border-bottom-left-radius: 50%;
3507    border-bottom-right-radius: 50%;
3508    background: var(--background-dark);
3509}
3510
3511@media (max-width: 992px) {
3512    .cid-vakWYfmyam .round {
3513        top: -700px;
3514        height: 1500px;
3515    }
3516}
3517
3518@media (max-width: 767px) {
3519    .cid-vakWYfmyam .round {
3520        height: 600px;
3521        top: -100px;
3522    }
3523}
3524
3525.cid-vakWYfmyam .line {
3526    width: 100%;
3527    height: 2px;
3528    background: var(--secondary-light-text);
3529    margin-bottom: 1rem;
3530}
3531
3532.cid-vakWYfmyam .col-lg-3 {
3533    border-top: 2px solid var(--secondary-light-text);
3534    padding-top: 1rem;
3535}
3536
3537.cid-vakWYfmyam .mbr-text {
3538    line-height: 1.2;
3539    color: #000000;
3540}
3541
3542.cid-vakWYfmyam .card-wrapper {
3543    overflow: hidden;
3544    background: var(--secondary-light-color);
3545    padding: 4rem 3rem;
3546}
3547
3548@media (max-width: 767px) {
3549    .cid-vakWYfmyam .card-wrapper {
3550        padding: 2rem 1rem;
3551    }
3552}
3553
3554.cid-vakWYfmyam .image-wrapper {
3555    padding: 0 1rem;
3556}
3557
3558.cid-vakWYfmyam .mbr-section-title {
3559    color: var(--secondary-light-text);
3560}
3561
3562.cid-vakWYfmyam .mbr-text,
3563.cid-vakWYfmyam .mbr-section-btn {
3564    color: #f0466a;
3565}
3566
3567.cid-vakWYfmyam .mbr-card-title {
3568    color: var(--secondary-light-text);
3569}
3570
3571</style>
3572<section class="tutorm5 features2 cid-vakWYfmyam" id="features-1-vakWYfmyam">
3573    <div class="round"></div>
3574    <div class="container">
3575        <div class="row justify-content-center align-items-center">
3576            <div class="col-12">
3577                <div class="card-wrapper">
3578                    <div class="row">
3579                        <div class="col-12 col-lg-8 mb-5 col-md-12">
3580                            <div class="text-wrapper align-left">
3581                                <h1 class="mbr-section-title mbr-fonts-style mb-3 display-2">为何选择我们</h1>
3582                            </div>
3583                        </div>
3584                    </div>
3585                    <div class="row">
3586                        <div class="col-12">
3587                            <div class="line"></div>
3588                        </div>
3589                        <div class="col-lg-6">
3590                            <h2 class="mbr-card-title mbr-fonts-style mb-2 display-1">01</h2>
3591                        </div>
3592                        <div class="col-lg-6">
3593                            <p class="mbr-text3 mbr-fonts-style mb-4 display-5">内容包罗万象,从搞笑到知识,总有你想看的,而且绝不重复!</p>
3594                        </div>
3595                    </div>
3596                    <div class="row">
3597                        <div class="col-12">
3598                            <div class="line"></div>
3599                        </div>
3600                        <div class="col-lg-6">
3601                            <h2 class="mbr-card-title mbr-fonts-style mb-2 display-1">02</h2>
3602                        </div>
3603                        <div class="col-lg-6">
3604                            <p class="mbr-text3 mbr-fonts-style mb-4 display-5">界面简洁直观,操作轻松上手,告别复杂,享受纯粹的观看乐趣。</p>
3605                        </div>
3606                    </div>
3607                    <div class="row">
3608                        <div class="col-12">
3609                            <div class="line"></div>
3610                        </div>
3611                        <div class="col-lg-6">
3612                            <h2 class="mbr-card-title mbr-fonts-style mb-2 display-1">03</h2>
3613                        </div>
3614                        <div class="col-lg-6">
3615                            <p class="mbr-text3 mbr-fonts-style mb-4 display-5">智能推荐算法,精准匹配你的喜好,让你每天都有新惊å
3615–œã€‚</p>
3616                        </div>
3617                    </div>
3618                </div>
3619            </div>
3620        </div>
3621    </div>
3622</section>
3623    
3624<style>
3625.cid-vakWYfmeUO {
3626    padding-top: 8rem;
3627    padding-bottom: 8rem;
3628    background-color: var(--background-dark);
3629}
3630
3631.cid-vakWYfmeUO .mbr-fallback-image.disabled {
3632    display: none;
3633}
3634
3635.cid-vakWYfmeUO .mbr-fallback-image {
3636    display: block;
3637    background-size: cover;
3638    background-position: center center;
3639    width: 100%;
3640    height: 100%;
3641    position: absolute;
3642    top: 0;
3643}
3644
3645.cid-vakWYfmeUO .line {
3646    width: 100%;
3647    height: 2px;
3648    background: #000000;
3649    margin-bottom: 1rem;
3650}
3651
3652.cid-vakWYfmeUO .item-wrapper {
3653    border-top: 2px solid #000000;
3654    padding-top: 1rem;
3655    border-radius: 0 !important;
3656}
3657
3658.cid-vakWYfmeUO .mbr-text {
3659    line-height: 1.2;
3660    color: #000000;
3661}
3662
3663.cid-vakWYfmeUO .card-wrapper {
3664    overflow: hidden;
3665    background: #FFFFFF;
3666    padding: 4rem 3rem;
3667}
3668
3669@media (max-width: 767px) {
3670    .cid-vakWYfmeUO .card-wrapper {
3671        padding: 2rem 1rem;
3672    }
3673}
3674
3675.cid-vakWYfmeUO .image-wrapper {
3676    padding: 0 1rem;
3677}
3678
3679.cid-vakWYfmeUO .mbr-section-title {
3680    color: #000000;
3681}
3682
3683.cid-vakWYfmeUO .mbr-text,
3684.cid-vakWYfmeUO .mbr-section-btn {
3685    color: #000000;
3686}
3687
3688.cid-vakWYfmeUO .mbr-card-title {
3689    color: #000000;
3690}
3691
3692.cid-vakWYfmeUO .mbr-text2 {
3693    color: #000000;
3694}
3695
3696.cid-vakWYfmeUO .mbr-text3 {
3697    color: #000000;
3698}
3699
3700</style>
3701<section class="tutorm5 features1 cid-vakWYfmeUO" id="generic-text-1-vakWYfmeUO">
3702    <div class="container">
3703        <div class="row justify-content-center align-items-center">
3704            <div class="col-12">
3705                <div class="card-wrapper">
3706                    <div class="row">
3707                        <div class="col-12 col-lg-7 mb-5 col-md-12">
3708                            <div class="text-wrapper align-left">
3709                                <h1 class="mbr-section-title mbr-fonts-style mb-4 display-2">**数据说话**</h1>
3710                                <p class="mbr-text mbr-fonts-style mb-4 display-5">我们正在改变视频创作。</p>
3711                            </div>
3712                        </div>
3713                    </div>
3714                    <div class="row">
3715                        <div class="col-lg-6">
3716                            <div class="line"></div>
3717                            <p class="mbr-text2 mbr-fonts-style mb-4 display-4">每天都有海量精彩视频在这里诞生,连接世界。</p>
3718                        </div>
3719                        <div class="item features-without-image col-lg-3">
3720                            <div class="item-wrapper">
3721                                <h2 class="mbr-card-title mbr-fonts-style mb-2 display-2">100</h2>
3722                                <p class="mbr-text3 mbr-fonts-style mb-4 display-4">万</p>
3723                            </div>
3724                        </div>
3725                        <div class="item features-without-image col-lg-3">
3726                            <div class="item-wrapper">
3727                                <h2 class="mbr-card-title mbr-fonts-style mb-2 display-2">500</h2>
3728                                <p class="mbr-text3 mbr-fonts-style mb-4 display-4">万</p>
3729                            </div>
3730                        </div>
3731                    </div>
3732                </div>
3733            </div>
3734        </div>
3735    </div>
3736</section>
3737    
3738<style>
3739.cid-vakWYfmKAX {
3740    padding-top: 7rem;
3741    padding-bottom: 7rem;
3742    background-color: var(--background-dark);
3743}
3744
3745.cid-vakWYfmKAX .mbr-fallback-image.disabled {
3746    display: none;
3747}
3748
3749.cid-vakWYfmKAX .mbr-fallback-image {
3750    display: block;
3751    background-size: cover;
3752    background-position: center center;
3753    width: 100%;
3754    height: 100%;
3755    position: absolute;
3756    top: 0;
3757}
3758
3759.cid-vakWYfmKAX .mbr-text {
3760    color: var(--background-dark-text);
3761}
3762
3763.cid-vakWYfmKAX .mbr-section-subtitle {
3764    color: var(--background-dark-text);
3765}
3766
3767.cid-vakWYfmKAX .mbr-section-title {
3768    color: var(--background-dark-text);
3769}
3770
3771.cid-vakWYfmKAX .mbr-card-title {
3772    color: #ffffff;
3773}
3774
3775.cid-vakWYfmKAX .line {
3776    width: 100%;
3777    height: 1px;
3778    background: currentColor;
3779    margin-bottom: 1rem;
3780}
3781
3782.cid-vakWYfmKAX .mbr-card-title,
3783.cid-vakWYfmKAX .line {
3784    color: var(--primary-color);
3785}
3786
3787.cid-vakWYfmKAX p {
3788    line-height: 1.2;
3789}
3790
3791</style>
3792<section class="tutorm5 features9 cid-vakWYfmKAX" id="features-8-vakWYfmKAX">
3793    <div class="container">
3794        <div class="row justify-content-end">
3795            <div class="col-md-12 col-lg-6">
3796                <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-7">特色</h4>
3797                <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">亮点多多</h3>
3798            </div>
3799            <div class="col-md-12 col-lg-6">
3800                <div class="item pb-4">
3801                    <h4 class="mbr-card-title mbr-fonts-style display-7">01</h4>
3802                    <div class="line"></div>
3803                    <p class="mbr-text mbr-fonts-style display-5">内容包罗万象,总能找到你的菜。</p>
3804                </div>
3805                <div class="item pb-4">
3806                    <h4 class="mbr-card-title mbr-fonts-style display-7">02</h4>
3807                    <div class="line"></div>
3808                    <p class="mbr-text mbr-fonts-style display-5">界面简洁直观,操作轻松上手。</p>
3809                </div>
3810                <div class="item pb-4">
3811                    <h4 class="mbr-card-title mbr-fonts-style display-7">03</h4>
3812                    <div class="line"></div>
3813                    <p class="mbr-text mbr-fonts-style display-5">社区氛围友好,分享你的快乐。</p>
3814                </div>
3815            </div>
3816        </div>
3817    </div>
3818</section>
3819    
3820<style>
3821.cid-vakWYfm99V {
3822    padding-top: 7rem;
3823    padding-bottom: 7rem;
3824    background-color: var(--background-dark);
3825}
3826
3827.cid-vakWYfm99V .mbr-text {
3828    color: var(--background-dark-text);
3829}
3830
3831.cid-vakWYfm99V .mbr-section-subtitle {
3832    color: var(--background-dark-text);
3833}
3834
3835.cid-vakWYfm99V .mbr-section-title {
3836    color: var(--background-dark-text);
3837}
3838
3839</style>
3840<section class="tutorm5 article1 cid-vakWYfm99V" id="generic-text-2-vakWYfm99V">
3841    <div class="container">
3842        <div class="row justify-content-end">
3843            <div class="col-md-12 col-lg-12">
3844                <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-7">视频</h4>
3845                <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">**闪耀瞬间,即刻分享!**</h3>
3846            </div>
3847            <div class="col-md-12 col-lg-10">
3848                <p class="mbr-text mbr-fonts-style display-5">在这里,每个想法都能变成引人入胜的短视频。我们让创作变得前所未有的简单和有趣,让你的创意光芒四射。</p>
3849            </div>
3850        </div>
3851    </div>
3852</section>
3853    
3854<style>
3855.cid-vakWYfmlGa {
3856    padding-top: 6rem;
3857    padding-bottom: 6rem;
3858    background-color: #ffffff;
3859}
3860
3861.cid-vakWYfmlGa .mbr-text {
3862    color: #000000;
3863}
3864
3865.cid-vakWYfmlGa .mbr-section-subtitle {
3866    color: #000000;
3867    text-align: center;
3868}
3869
3870.cid-vakWYfmlGa .mbr-section-title {
3871    color: #000000;
3872    text-align: center;
3873}
3874
3875.cid-vakWYfmlGa .img-wrapper img {
3876    width: 180px;
3877    height: 180px;
3878    object-fit: cover;
3879    border-radius: 40% !important;
3880}
3881
3882@media (min-width: 768px) and (max-width: 991px) {
3883    .cid-vakWYfmlGa .img-wrapper img {
3884        width: 120px;
3885        height: 120px;
3886    }
3887}
3888
3889.cid-vakWYfmlGa p {
3890    line-height: 1.3;
3891}
3892
3893.cid-vakWYfmlGa .mbr-iconfont {
3894    font-size: 5rem;
3895    color: var(--primary-color);
3896    opacity: 0.2;
3897}
3898
3899@media (max-width: 992px) {
3900    .cid-vakWYfmlGa .mbr-iconfont {
3901        display: none;
3902    }
3903}
3904
3905.cid-vakWYfmlGa .wrapper {
3906    position: relative;
3907}
3908
3909.cid-vakWYfmlGa .wrapper .icon1 {
3910    position: absolute;
3911    left: -100px;
3912    top: -60px;
3913}
3914
3915.cid-vakWYfmlGa .wrapper .icon2 {
3916    position: absolute;
3917    right: -100px;
3918    bottom: -30px;
3919}
3920
3921.cid-vakWYfmlGa .img-wrapper {
3922    display: flex;
3923}
3924
3925.cid-vakWYfmlGa .card-text {
3926    text-align: center;
3927    color: #000000;
3928}
3929
3930.cid-vakWYfmlGa .card-title,
3931.cid-vakWYfmlGa .img-wrapper {
3932    text-align: center;
3933    color: #f0466a;
3934}
3935
3936</style>
3937<section class="tutorm5 people1 cid-vakWYfmlGa" id="testimonials-1-vakWYfmlGa">
3938    <div class="container">
3939        <div class="row justify-content-center">
3940            <div class="col-md-12 col-lg-12">
3941                <h4 class="mbr-section-subtitle mbr-fonts-style mb-2 display-5">资深玩家</h4>
3942                <h3 class="mbr-section-title mbr-fonts-style mb-5 mt-0 display-2">陈浩</h3>
3943            </div>
3944            <div class="col-md-12 card col-lg-8">
3945                <div class="wrapper">
3946                    <p class="card-text mbr-fonts-style display-5">这个平台太棒了!我用它制作的视频获得了超多点赞,简直停不下来!</p>
3947                    <span class="mbr-iconfont icon1 mobi-mbri-quote-left mobi-mbri"></span>
3948                    <span class="mbr-iconfont icon2 mobi-mbri-quote-right mobi-mbri"></span>
3949                </div>
3950                <div class="img-wrapper mt-4 justify-content-center">
3951                    <img alt="" data-slide-to="0" data-bs-slide-to="0" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2Fimages.unsplash.com%2Fphoto-1557684387-08927d28c72a%3Fauto%3Dformat%26fit%3Dcrop%26w%3D600%26h%3D600%26q%3D80&amp;e&#x3D;1772928000&amp;s&#x3D;wg2vPgczuoNRxqbD9pYSr93MD2zEpFKsO_JmAm9xi0w">
3952                </div>
3953            </div>
3954        </div>
3955    </div>
3956</section>
3957    
3958<style>
3959.cid-vakWYfmDal {
3960    padding-top: 6rem;
3961    padding-bottom: 4rem;
3962    background-color: #FFFFFF;
3963}
3964
3965.cid-vakWYfmDal .item-subtitle {
3966    line-height: 1.2;
3967    color: #000000;
3968}
3969
3970.cid-vakWYfmDal img,
3971.cid-vakWYfmDal .item-img {
3972    width: 100%;
3973}
3974
3975.cid-vakWYfmDal .item:focus,
3976.cid-vakWYfmDal span:focus {
3977    outline: none;
3978}
3979
3980.cid-vakWYfmDal .item {
3981    margin-bottom: 2rem;
3982}
3983
3984@media (max-width: 767px) {
3985    .cid-vakWYfmDal .item {
3986        margin-bottom: 1rem;
3987    }
3988}
3989
3990.cid-vakWYfmDal .item-wrapper {
3991    position: relative;
3992    border-radius: 4px;
3993    height: 100%;
3994    display: flex;
3995    flex-flow: column nowrap;
3996}
3997
3998.cid-vakWYfmDal .mbr-section-title {
3999    color: var(--background-text);
4000}
4001
4002.cid-vakWYfmDal .mbr-text,
4003.cid-vakWYfmDal .mbr-section-btn {
4004    color: #232323;
4005}
4006
4007.cid-vakWYfmDal .item-title {
4008    color: #232323;
4009    text-align: center;
4010}
4011
4012.cid-vakWYfmDal .content-head {
4013    max-width: 800px;
4014}
4015
4016</style>
4017<section class="tutorm5 people2 cid-vakWYfmDal" id="clients-1-vakWYfmDal">
4018    <div class="container">
4019        <div class="row justify-content-center mb-5">
4020            <div class="col-12 content-head">
4021                <div class="mbr-section-head">
4022                    <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">用户好评如潮</h4>
4023                </div>
4024            </div>
4025        </div>
4026        <div class="row">
4027            <div class="item features-image col-12 col-md-6 col-sm-6 col-lg-3 active">
4028                <div class="item-wrapper">
4029                    <div class="item-img mb-3">
4030                        <img alt="Mobirise Website Builder" title="" data-slide-to="1" data-bs-slide-to="1" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2F1fdrtej1r.ui-api.com%2Flabs%2Fmobirise-ai%2Fassets%2Fimages%2Fclients%2Fshort1.png&amp;e&#x3D;1772928000&amp;s&#x3D;p_jYJp8T4BdVwTDANBNjSrF_VF_jUYXS9DyvBBPvrTw">
4031                    </div>
4032                </div>
4033            </div>
4034            <div class="item features-image col-12 col-md-6 col-sm-6 col-lg-3">
4035                <div class="item-wrapper">
4036                    <div class="item-img mb-3">
4037                        <img alt="Mobirise Website Builder" title="" data-slide-to="2" data-bs-slide-to="2" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2F1fdrtej1r.ui-api.com%2Flabs%2Fmobirise-ai%2Fassets%2Fimages%2Fclients%2Fshort5.png&amp;e&#x3D;1772928000&amp;s&#x3D;AmPMgjbP58yzvf-mBW15flW9pddBvkPux7Wj4ZwWQ14">
4038                    </div>
4039                </div>
4040            </div>
4041            <div class="item features-image col-12 col-md-6 col-sm-6 col-lg-3">
4042                <div class="item-wrapper">
4043                    <div class="item-img mb-3">
4044                        <img alt="Mobirise Website Builder" title="" data-slide-to="3" data-bs-slide-to="3" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2F1fdrtej1r.ui-api.com%2Flabs%2Fmobirise-ai%2Fassets%2Fimages%2Fclients%2Fshort4.png&amp;e&#x3D;1772928000&amp;s&#x3D;e0sNFSqfgsTsSRQx-LBoYow9PFk-s-fG1RiZ9SX-UNY">
4045                    </div>
4046                </div>
4047            </div>
4048            <div class="item features-image col-12 col-md-6 col-sm-6 col-lg-3">
4049                <div class="item-wrapper">
4050                    <div class="item-img mb-3">
4051                        <img alt="Mobirise Website Builder" title="" data-slide-to="4" data-bs-slide-to="4" src="https://proxy.electricblaze.com/?u&#x3D;https%3A%2F%2F1fdrtej1r.ui-api.com%2Flabs%2Fmobirise-ai%2Fassets%2Fimages%2Fclients%2Fshort6.png&amp;e&#x3D;1772928000&amp;s&#x3D;BiADicsmsEyNVqicgsQMGStzja5-si8d2rYQg0XzplQ">
4052                    </div>
4053                </div>
4054            </div>
4055        </div>
4056    </div>
4057</section>
4058    
4059<style>
4060.cid-vakWYfnYRg {
4061    padding-top: 150px;
4062    padding-bottom: 150px;
4063    background-image: url("https://proxy.electricblaze.com/?u=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1543242594-c8bae8b9e708%3Fixid%3DM3w0Mzc5fDB8MXxzZWFyY2h8MTR8fHZpZGVvfGVufDB8MHx8fDE3NzAyNzc4NTF8MA%26ixlib%3Drb-4.1.0%26auto%3Dformat%26fit%3Dcrop%26w%3D1200%26q%3D50&e=1772928000&s=-eKdZF5pohn9g3dlAP5Z-8PH7FECdhrYfgsqEAOH0hc");
4064    overflow: hidden;
4065}
4066
4067.cid-vakWYfnYRg .mbr-overlay {
4068    background-color: var(--background-dark-color);
4069    opacity: 0.7;
4070}
4071
4072.cid-vakWYfnYRg .mbr-fallback-image.disabled {
4073    display: none;
4074}
4075
4076.cid-vakWYfnYRg .mbr-section-title {
4077    text-align: left;
4078    color: var(--background-dark-text);
4079}
4080
4081.cid-vakWYfnYRg .mbr-section-btn,
4082.cid-vakWYfnYRg .btn {
4083    width: 100%;
4084    margin: 0;
4085}
4086
4087.cid-vakWYfnYRg .row {
4088    justify-content: flex-end;
4089}
4090
4091@media (max-width: 992px) {
4092    .cid-vakWYfnYRg .md-pb {
4093        margin-bottom: 2rem !important;
4094    }
4095}
4096
4097.cid-vakWYfnYRg input,
4098.cid-vakWYfnYRg textarea {
4099    border-radius: 0 !important;
4100    border: 0px !important;
4101    margin-bottom: 1rem;
4102    border-bottom: 1px solid var(--background-dark-text) !important;
4103    background: transparent;
4104    box-shadow: none;
4105    padding: 0;
4106    color: var(--background-dark-text) !important;
4107}
4108
4109.cid-vakWYfnYRg input:hover,
4110.cid-vakWYfnYRg textarea:hover,
4111.cid-vakWYfnYRg input:active,
4112.cid-vakWYfnYRg textarea:active,
4113.cid-vakWYfnYRg input:focus,
4114.cid-vakWYfnYRg textarea:focus {
4115    border: 0px !important;
4116    background: transparent;
4117    border-bottom: 1px solid var(--background-dark-text) !important;
4118    box-shadow: none;
4119}
4120
4121.cid-vakWYfnYRg input::placeholder,
4122.cid-vakWYfnYRg textarea::placeholder {
4123    color: var(--background-dark-text) !important;
4124}
4125
4126.cid-vakWYfnYRg .mbr-section-subtitle {
4127    color: #ffffff;
4128    text-align: left;
4129}
4130
4131</style>
4132<section class="tutorm5 form2 cid-vakWYfnYRg" id="contact-form-2-vakWYfnYRg">
4133    <div class="mbr-overlay" style="opacity: 0.7; background-color: var(--background-dark)"></div>
4134    <div class="container">
4135        <div class="row">
4136            <div class="col-12 md-pb col-lg-12">
4137                <div class="mbr-section-head mb-5">
4138                    <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">联系我们</h3>
4139                </div>
4140            </div>
4141            <div class="col-lg-6 mbr-form" data-form-type="formoid">
4142                <!--Formbuilder Form-->
4143                <form action="#/" method="POST" class="mbr-form form-with-styler" data-form-title="Form Name">
4144                    <div class="row">
4145                        <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Thanks for filling out the form!</div>
4146                        <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12"> Oops...! some problem! </div>
4147                    </div>
4148                    <div class="dragArea row">
4149                        <div class="col-lg-12 col-md-12 col-sm-12 form-group mb-3 mb-3" data-for="name">
4150                            <input type="text" name="name" placeholder="你的名字" data-form-field="name" class="form-control display-7" value="" id="name-form2-l">
4151                        </div>
4152                        <div class="col-lg-12 col-md-12 col-sm-12 form-group mb-3" data-for="phone">
4153                            <input type="tel" name="phone" data-form-field="phone" class="form-control display-7" value="" placeholder="联系电话" id="phone-form2-l">
4154                        </div>
4155                        <div data-for="email" class="col-lg-12 col-md-12 col-sm-12 form-group mb-3 mb-3">
4156                            <input type="email" name="email" placeholder="电子邮箱" data-form-field="email" class="form-control display-7" value="" id="email-form2-l">
4157                        </div>
4158                        <div class="col-lg-12 col-md-12 col-sm-12 mt-3 mbr-section-btn">
4159                            <button type="submit" class="w-100 w-100 btn btn-primary display-7">发送消息</button>
4160                        </div>
4161                    </div>
4162                </form><!--Formbuilder Form-->
4163            </div>
4164        </div>
4165    </div>
4166</section>
4167    
4168<style>
4169.cid-vakWYfnHB3 {
4170    padding-top: 6rem;
4171    padding-bottom: 6rem;
4172    background-color: #FFFFFF;
4173}
4174
4175.cid-vakWYfnHB3 .item:focus,
4176.cid-vakWYfnHB3 span:focus {
4177    outline: none;
4178}
4179
4180@media (max-width: 767px) {
4181    .cid-vakWYfnHB3 .align-right {
4182        text-align: center;
4183    }
4184}
4185
4186.cid-vakWYfnHB3 .card-wrapper {
4187    background: var(--primary-lighten-color);
4188    padding: 4rem 3rem;
4189    padding-bottom: 2rem;
4190    margin: 0;
4191}
4192
4193@media (max-width: 767px) {
4194    .cid-vakWYfnHB3 .card-wrapper {
4195        padding: 1rem 0rem;
4196    }
4197}
4198
4199.cid-vakWYfnHB3 .item {
4200    margin-bottom: 2rem;
4201}
4202
4203@media (max-width: 767px) {
4204    .cid-vakWYfnHB3 .item {
4205        margin-bottom: 1rem;
4206    }
4207}
4208
4209.cid-vakWYfnHB3 .mbr-card-title {
4210    background: #fed9e1;
4211    width: fit-content;
4212    border-radius: 1rem;
4213    padding: 6px 10px;
4214}
4215
4216.cid-vakWYfnHB3 .item-content {
4217    margin-top: 2rem;
4218    padding: 0 2rem 2rem;
4219    display: flex;
4220    flex-direction: column;
4221}
4222
4223@media (min-width: 992px) and (max-width: 1200px) {
4224    .cid-vakWYfnHB3 .item-content {
4225        padding: 2rem 1.5rem;
4226        padding-top: 1rem;
4227        margin-top: 1rem;
4228    }
4229}
4230
4231@media (max-width: 767px) {
4232    .cid-vakWYfnHB3 .item-content {
4233        padding: 1rem 1rem;
4234        padding-top: 0rem;
4235        margin-top: 1rem;
4236    }
4237}
4238
4239.cid-vakWYfnHB3 .item-wrapper {
4240    position: relative;
4241    background: var(--primary-color);
4242    height: 100%;
4243    display: flex;
4244    flex-direction: column;
4245    justify-content: center;
4246    flex-flow: column nowrap;
4247}
4248
4249.cid-vakWYfnHB3 .item-wrapper .item-footer {
4250    margin-top: auto;
4251}
4252
4253.cid-vakWYfnHB3 .mbr-section-title {
4254    color: var(--primary-lighten-text);
4255    text-align: left;
4256}
4257
4258.cid-vakWYfnHB3 .mbr-text,
4259.cid-vakWYfnHB3 .item .mbr-section-btn {
4260    text-align: center;
4261}
4262
4263.cid-vakWYfnHB3 .mbr-number {
4264    color: #f0466a;
4265}
4266
4267.cid-vakWYfnHB3 .mbr-section-subtitle,
4268.cid-vakWYfnHB3 .mbr-section-head .mbr-section-btn {
4269    text-align: left;
4270    color: var(--primary-lighten-text);
4271}
4272
4273.cid-vakWYfnHB3 .mbr-text {
4274    text-align: left;
4275}
4276
4277.cid-vakWYfnHB3 .mbr-text,
4278.cid-vakWYfnHB3 .mbr-card-btn {
4279    text-align: left;
4280}
4281
4282.cid-vakWYfnHB3 .mbr-text,
4283.cid-vakWYfnHB3 .mbr-section-btn {
4284    text-align: left;
4285}
4286
4287.cid-vakWYfnHB3 .mbr-text,
4288.cid-vakWYfnHB3 .item-footer .mbr-section-btn {
4289    text-align: left;
4290}
4291
4292.cid-vakWYfnHB3 .card-text,
4293.cid-vakWYfnHB3 .item .mbr-section-btn {
4294    text-align: center;
4295    color: var(--primary-text);
4296}
4297
4298.cid-vakWYfnHB3 .card-title {
4299    text-align: left;
4300    color: #ffffff;
4301}
4302
4303</style>
4304<section class="tutorm5 contacts1 cid-vakWYfnHB3" id="contacts-1-vakWYfnHB3">
4305    <div class="container">
4306        <div class="row card-wrapper">
4307            <div class="col-12 content-head">
4308                <div class="mbr-section-head mb-5">
4309                    <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">联系方式</h4>
4310                    <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">有任何问题或建议,随时联系我们。</h5>
4311                </div>
4312            </div>
4313            <div class="item features-without-image col-12 col-lg-4 active">
4314                <div class="item-wrapper">
4315                    <div class="item-content">
4316                        <p class="card-text mbr-fonts-style mt-0 display-4">123-456-7890</p>
4317                    </div>
4318                </div>
4319            </div>
4320            <div class="item features-without-image col-12 col-lg-4">
4321                <div class="item-wrapper">
4322                    <div class="item-content">
4323                        <p class="card-text mbr-fonts-style mt-0 display-4">[email protected]</p>
4324                    </div>
4325                </div>
4326            </div>
4327            <div class="item features-without-image col-12 col-lg-4">
4328                <div class="item-wrapper">
4329                    <div class="item-content">
4330                        <p class="card-text mbr-fonts-style mt-0 display-4">青岛市崂山区海尔路1号海尔世界家电博物馆B区3层</p>
4331                    </div>
4332                </div>
4333            </div>
4334        </div>
4335    </div>
4336</section>
4337    
4338<style>
4339.cid-vakWYfnuMu {
4340    padding-top: 4rem;
4341    padding-bottom: 4rem;
4342    background-color: var(--background-dark);
4343}
4344
4345.cid-vakWYfnuMu .mbr-fallback-image.disabled {
4346    display: none;
4347}
4348
4349.cid-vakWYfnuMu .mbr-fallback-image {
4350    display: block;
4351    background-size: cover;
4352    background-position: center center;
4353    width: 100%;
4354    height: 100%;
4355    position: absolute;
4356    top: 0;
4357}
4358
4359.cid-vakWYfnuMu .copyright {
4360    color: #ffffff;
4361}
4362
4363.cid-vakWYfnuMu .line {
4364    width: 100%;
4365    height: 1px;
4366    opacity: 0.5;
4367    background: var(--background-dark-text);
4368    margin-bottom: 2rem;
4369}
4370
4371.cid-vakWYfnuMu .center {
4372    display: flex;
4373    flex-direction: column;
4374    justify-content: center;
4375}
4376
4377.cid-vakWYfnuMu .row {
4378    justify-content: center;
4379}
4380
4381@media (max-width: 767px) {
4382    .cid-vakWYfnuMu .row .copyright {
4383        text-align: center;
4384        padding-bottom: 2rem;
4385    }
4386}
4387
4388.cid-vakWYfnuMu .row-links {
4389    width: 100%;
4390    justify-content: center;
4391}
4392
4393.cid-vakWYfnuMu .row-links .row-links-soc {
4394    list-style: none;
4395    display: flex;
4396    justify-content: flex-end;
4397    flex-wrap: wrap;
4398    padding: 0;
4399    margin-bottom: 0;
4400}
4401
4402.cid-vakWYfnuMu .row-links .row-links-soc li {
4403    padding: 0 1rem 1rem 1rem;
4404}
4405
4406.cid-vakWYfnuMu .row-links .row-links-soc li p {
4407    margin: 0;
4408}
4409
4410@media (max-width: 767px) {
4411    .cid-vakWYfnuMu .row-links .row-links-soc {
4412        justify-content: center;
4413    }
4414}
4415
4416.cid-vakWYfnuMu .row-links-soc,
4417.cid-vakWYfnuMu .row-links-soc-item .row-links-soc-item {
4418    color: #ffffff;
4419}
4420
4421.cid-vakWYfnuMu .copyright,
4422.cid-vakWYfnuMu .line {
4423    color: var(--background-dark-text);
4424    text-align: left;
4425}
4426
4427</style>
4428<section class="tutorm5 footer1 cid-vakWYfnuMu" once="footers" id="footer-1-vakWYfnuMu">
4429    <div class="container">
4430        <div class="row">
4431            <div class="col-12">
4432                <div class="line"></div>
4433            </div>
4434            <div class="col-12 col-md-6 center">
4435                <p class="mbr-fonts-style copyright display-7"  data-mbr-ai-color="dominantText">2024 桃子视频 版权所有。</p>
4436            </div>
4437        </div>
4438    </div>
4439</section>
4440  
4440<script src="/js/tao.js"></script>
vendor: 1 bytes, line 4440
4440
4441<script src="https://ai.mobirise.com/assets/tutorm5/bootstrap/js/bootstrap.bundle.min.js?v=taozi"></script>
4441
4442  
4442<script src="https://ai.mobirise.com/assets/tutorm5/dropdown/js/navbar-dropdown.js?v=taozi"></script>
4442
4443  
4443<script src="https://ai.mobirise.com/assets/tutorm5/mbr-switch-arrow/mbr-switch-arrow.js?v=taozi"></script>
4443
4444  
4444<script src="https://ai.mobirise.com/assets/tutorm5/playervimeo/vimeo_player.js?v=taozi"></script>
4444
4445  
4445<script src="https://ai.mobirise.com/assets/tutorm5/scrollgallery/scroll-gallery.js?v=taozi"></script>
4445
4446  
4446<script src="https://ai.mobirise.com/assets/tutorm5/smoothscroll/smooth-scroll.js?v=taozi"></script>
4446
4447  
4447<script src="https://ai.mobirise.com/assets/tutorm5/ytplayer/index.js?v=taozi"></script>
4447
4448  
4448<script src="https://ai.mobirise.com/assets/tutorm5/theme/js/script.js?v=taozi"></script>
4448
4449  
4449<script src="https://ai.mobirise.com/assets/preview.js"></script>
4449
4450  
4450<script>
4451
4452    (function(){
4453      var animationInput = document.createElement('input');
4454      animationInput.setAttribute('name', 'animation');
4455      animationInput.setAttribute('type', 'hidden');
4456      document.body.append(animationInput);
4457    })();
4458
4459  </script>
4459
4460</body>
4461</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.