diff --git a/public/template_2/contact-us/dianhua.svg b/public/template_2/contact-us/dianhua.svg
new file mode 100644
index 0000000..8231ee0
--- /dev/null
+++ b/public/template_2/contact-us/dianhua.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<g>
+	<path d="M135.1,183.4c-6.4,0-13.2-1.1-20.5-3.2c-19.6-5.8-40.3-18.8-58.2-36.7C38.6,125.7,25.6,105,19.8,85.4
+		c-2.9-9.8-3.8-18.9-2.8-27c1.1-8.8,4.5-16,10-21.6l7.4-7.4c2.1-2.1,4.8-3.2,7.7-3.2c2.9,0,5.7,1.1,7.7,3.2l32.4,32.4
+		c4.2,4.3,4.2,11.2,0,15.4l-7.4,7.4c-1.9,1.9-1.9,6.2,0,11.4c2.1,5.8,6.3,12,11.8,17.4c9.1,9.1,18.8,13.2,24.3,13.2
+		c2,0,3.5-0.5,4.4-1.4l7.4-7.4c2.1-2.1,4.8-3.2,7.7-3.2s5.7,1.1,7.7,3.2l32.4,32.4c4.2,4.3,4.2,11.2,0,15.4l-7.4,7.4
+		c-5.5,5.5-12.8,8.9-21.6,10C139.5,183.3,137.4,183.4,135.1,183.4L135.1,183.4z M42.1,35.5c-0.4,0-0.8,0.2-1.1,0.5l-7.4,7.4
+		c-8.2,8.2-9.9,22.2-4.8,39.4c5.3,18.2,17.5,37.4,34.3,54.2s36,29,54.2,34.3c6.4,1.9,12.5,2.8,17.9,2.8c9,0,16.4-2.7,21.4-7.7
+		l7.4-7.4c0.3-0.3,0.5-0.7,0.5-1.1s-0.2-0.8-0.5-1.1l-32.4-32.4c-0.3-0.3-0.7-0.5-1.1-0.5s-0.8,0.2-1.1,0.5l-7.4,7.4
+		c-2.7,2.7-6.5,4.2-11,4.2c-2.8,0-5.8-0.5-9-1.6c-7.3-2.5-15.1-7.5-21.9-14.3c-6.8-6.8-11.9-14.6-14.3-21.9
+		c-2.8-8.4-1.9-15.6,2.6-20l7.4-7.4c0.3-0.3,0.5-0.7,0.5-1.1s-0.2-0.8-0.5-1.1L43.2,36C42.9,35.7,42.5,35.5,42.1,35.5z M179.2,88
+		c-2.6,0-4.7-2.1-4.7-4.7c0-31.9-25.9-57.8-57.8-57.8c-2.6,0-4.7-2.1-4.7-4.7s2.1-4.7,4.7-4.7c37,0,67.1,30.1,67.2,67.1v0.1
+		C183.8,85.9,181.7,88,179.2,88z M154.2,88c-2.6,0-4.7-2.1-4.7-4.7c0-18.1-14.7-32.8-32.8-32.8c-2.6,0-4.7-2.1-4.7-4.7
+		s2.1-4.7,4.7-4.7c23.2,0,42.2,18.9,42.2,42.2C158.8,85.9,156.7,88,154.2,88z M129.2,88c-2.6,0-4.7-2.1-4.7-4.7
+		c0-4.3-3.5-7.8-7.8-7.8c-2.6,0-4.7-2.1-4.7-4.7s2.1-4.7,4.7-4.7c9.5,0,17.2,7.7,17.2,17.2C133.8,85.9,131.7,88,129.2,88z"/>
+	<path d="M116.7,16.7c36.8,0,66.6,29.8,66.6,66.6c0,0,0,0.1,0,0.1c0,2.3-1.9,4.2-4.2,4.2c-2.3,0-4.2-1.9-4.2-4.2
+		c0-32.2-26.2-58.3-58.3-58.3c-2.3,0-4.2-1.9-4.2-4.2S114.4,16.7,116.7,16.7C116.7,16.7,116.7,16.7,116.7,16.7 M42.1,26.7
+		c2.7,0,5.3,1,7.4,3l32.4,32.4c4.1,4.1,4.1,10.7,0,14.7l-7.4,7.4l0,0c-4.2,4.2,0,17.7,11.8,29.5c8.8,8.8,18.6,13.4,24.7,13.4
+		c2.1,0,3.7-0.5,4.8-1.6l7.4-7.4c2-2,4.7-3,7.4-3c2.7,0,5.3,1,7.4,3l32.4,32.4c4.1,4.1,4.1,10.7,0,14.7l-7.4,7.4
+		c-5.4,5.4-12.6,8.8-21.3,9.9c-2.1,0.3-4.3,0.4-6.4,0.4c0,0-0.1,0-0.1,0c-6.3,0-13.1-1.1-20.3-3.2c-19.6-5.8-40.2-18.7-58-36.5
+		C39,125.4,26,104.8,20.3,85.2c-2.9-9.7-3.8-18.8-2.8-26.8c1.1-8.7,4.4-15.8,9.9-21.3l7.4-7.4C36.8,27.7,39.4,26.7,42.1,26.7
+		 M135.2,174.6c9.1,0,16.6-2.6,21.8-7.8l7.4-7.4v0c0,0,0,0,0,0c0.8-0.8,0.8-2.1,0-2.9L131.9,124c0,0,0,0,0,0
+		c-0.4-0.4-0.9-0.6-1.5-0.6c-0.5,0-1.1,0.2-1.5,0.6l-7.4,7.4c-2.7,2.7-6.3,4-10.7,4c-2.7,0-5.7-0.5-8.8-1.6
+		c-7.3-2.4-15-7.5-21.7-14.2c-6.7-6.7-11.8-14.5-14.2-21.7c-2.8-8.3-1.9-15.2,2.4-19.5L76,71c0,0,0,0,0,0c0.8-0.8,0.8-2.1,0-2.9
+		L43.6,35.6c0,0,0,0,0,0c-0.4-0.4-0.9-0.6-1.5-0.6c-0.5,0-1.1,0.2-1.5,0.6L33.2,43c-8.3,8.3-10.1,22.5-5,39.9
+		c5.4,18.3,17.6,37.6,34.4,54.4c16.8,16.8,36.2,29.1,54.4,34.4C123.7,173.6,129.7,174.6,135.2,174.6 M116.7,41.7
+		c23,0,41.7,18.7,41.7,41.7c0,2.3-1.9,4.2-4.2,4.2c-2.3,0-4.2-1.9-4.2-4.2C150,65,135,50,116.7,50c-2.3,0-4.2-1.9-4.2-4.2h0
+		C112.5,43.5,114.4,41.7,116.7,41.7 M116.7,66.7c9.2,0,16.7,7.5,16.7,16.7c0,2.3-1.9,4.2-4.2,4.2c-2.3,0-4.2-1.9-4.2-4.2
+		c0-4.6-3.7-8.3-8.3-8.3c-2.3,0-4.2-1.9-4.2-4.2h0C112.5,68.5,114.4,66.7,116.7,66.7 M116.7,15.7v1V15.7L116.7,15.7
+		c-2.9,0-5.2,2.3-5.2,5.2s2.3,5.2,5.2,5.2c31.6,0,57.3,25.7,57.3,57.3c0,2.8,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2v-0.1
+		C184.3,46,154,15.7,116.7,15.7L116.7,15.7z M42.1,25.7c-3,0-5.9,1.2-8.1,3.3l-7.4,7.4c-5.6,5.6-9,13-10.1,21.9
+		c-1,8.2-0.1,17.3,2.8,27.2c5.8,19.7,18.9,40.5,36.8,58.4c17.9,17.9,38.7,31,58.4,36.8c7.3,2.1,14.2,3.2,20.6,3.2l0.1,0
+		c2.2,0,4.4-0.1,6.5-0.4c8.9-1.1,16.3-4.5,21.9-10.1l7.4-7.4c4.4-4.5,4.4-11.7,0-16.1l-32.4-32.4c-2.2-2.2-5-3.3-8.1-3.3
+		c-3,0-5.9,1.2-8.1,3.3l-7.4,7.4c-0.8,0.8-2.2,1.3-4.1,1.3c-5.4,0-15-4-24-13.1c-5.4-5.4-9.5-11.5-11.7-17.2c-1.9-5-1.9-9-0.1-10.8
+		l7.4-7.4c4.4-4.5,4.4-11.7,0-16.1L50.2,29C48,26.9,45.1,25.7,42.1,25.7L42.1,25.7z M135.2,173.6c-5.4,0-11.4-1-17.8-2.8
+		c-18.1-5.3-37.3-17.5-54-34.2c-16.7-16.7-28.9-35.9-34.2-54c-5-17-3.3-30.8,4.7-38.9l7.4-7.4c0.2-0.2,0.5-0.3,0.8-0.3
+		c0.3,0,0.6,0.1,0.8,0.3l32.4,32.4c0.2,0.2,0.3,0.5,0.3,0.8c0,0.3-0.1,0.6-0.3,0.8l-7.4,7.4c-4.6,4.6-5.6,11.9-2.7,20.5
+		c2.5,7.4,7.6,15.3,14.5,22.1c6.9,6.9,14.7,12,22.1,14.5c3.2,1.1,6.3,1.6,9.2,1.6c4.6,0,8.6-1.5,11.4-4.3l7.4-7.4
+		c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l32.4,32.4c0.4,0.4,0.4,1.1,0,1.5l-7.4,7.4C151.4,171,144.1,173.6,135.2,173.6
+		L135.2,173.6z M116.7,40.7c-2.8,0-5.2,2.3-5.2,5.2c0,1.4,0.5,2.7,1.5,3.7c1,1,2.3,1.5,3.7,1.5c17.8,0,32.3,14.5,32.3,32.3
+		c0,2.8,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C159.3,59.8,140.2,40.7,116.7,40.7L116.7,40.7z M116.7,65.7
+		C116.7,65.7,116.7,65.7,116.7,65.7c-2.8,0-5.2,2.3-5.2,5.2c0,1.4,0.5,2.7,1.5,3.7c1,1,2.3,1.5,3.7,1.5c4,0,7.3,3.3,7.3,7.3
+		c0,2.8,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C134.3,73.6,126.4,65.7,116.7,65.7L116.7,65.7z"/>
+</g>
+</svg>
diff --git a/public/template_2/contact-us/youxiang.svg b/public/template_2/contact-us/youxiang.svg
new file mode 100644
index 0000000..4d92257
--- /dev/null
+++ b/public/template_2/contact-us/youxiang.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<path d="M163.9,45.8H33.3c-0.7,0-1.4,0.1-2.1,0.3l63.2,63.2c1.6,1.6,4.3,1.6,5.9,0L163.9,45.8z M172.9,48.6L122,99.5l51.4,51.3
+	c1.1-1.4,1.7-3.1,1.7-5V54.2C175,52,174.2,50.1,172.9,48.6L172.9,48.6z M164.8,154.2l-48.7-48.8l-9.8,9.8c-4.9,4.9-12.8,4.9-17.7,0
+	c0,0,0,0,0,0l-9.8-9.8l-48.3,48.3c0.9,0.3,1.8,0.5,2.8,0.5H164.8L164.8,154.2z M25.1,147.3l47.8-47.8L25.3,51.9
+	c-0.2,0.7-0.3,1.5-0.3,2.3v91.7C25,146.3,25,146.8,25.1,147.3z M33.3,37.5h133.3c9.2,0,16.7,7.5,16.7,16.7v91.7
+	c0,9.2-7.5,16.7-16.7,16.7H33.3c-9.2,0-16.7-7.5-16.7-16.7V54.2C16.7,45,24.1,37.5,33.3,37.5L33.3,37.5z"/>
+</svg>
diff --git a/public/template_2/index/book-cover-chali.webp b/public/template_2/index/book-cover-chali.webp
new file mode 100644
index 0000000..c7da48a
Binary files /dev/null and b/public/template_2/index/book-cover-chali.webp differ
diff --git a/public/template_2/index/book-cover-chenai.webp b/public/template_2/index/book-cover-chenai.webp
new file mode 100644
index 0000000..f2e8032
Binary files /dev/null and b/public/template_2/index/book-cover-chenai.webp differ
diff --git a/public/template_2/index/book-cover-daming.webp b/public/template_2/index/book-cover-daming.webp
new file mode 100644
index 0000000..745cd26
Binary files /dev/null and b/public/template_2/index/book-cover-daming.webp differ
diff --git a/public/template_2/index/book-cover-fancui.webp b/public/template_2/index/book-cover-fancui.webp
new file mode 100644
index 0000000..d48bcf5
Binary files /dev/null and b/public/template_2/index/book-cover-fancui.webp differ
diff --git a/public/template_2/index/book-cover-qiren.webp b/public/template_2/index/book-cover-qiren.webp
new file mode 100644
index 0000000..8da3851
Binary files /dev/null and b/public/template_2/index/book-cover-qiren.webp differ
diff --git a/public/template_2/index/book-cover-wenhua.webp b/public/template_2/index/book-cover-wenhua.webp
new file mode 100644
index 0000000..ebe88fd
Binary files /dev/null and b/public/template_2/index/book-cover-wenhua.webp differ
diff --git a/public/template_2/index/book-cover-yuanze.webp b/public/template_2/index/book-cover-yuanze.webp
new file mode 100644
index 0000000..e87cb1c
Binary files /dev/null and b/public/template_2/index/book-cover-yuanze.webp differ
diff --git a/public/template_2/index/book-cover-zero.webp b/public/template_2/index/book-cover-zero.webp
new file mode 100644
index 0000000..95306ca
Binary files /dev/null and b/public/template_2/index/book-cover-zero.webp differ
diff --git a/public/template_2/index/bookshelf-pc.webp b/public/template_2/index/bookshelf-pc.webp
new file mode 100644
index 0000000..8f9466e
Binary files /dev/null and b/public/template_2/index/bookshelf-pc.webp differ
diff --git a/public/template_2/index/homepage.webp b/public/template_2/index/homepage.webp
new file mode 100644
index 0000000..4a87ae9
Binary files /dev/null and b/public/template_2/index/homepage.webp differ
diff --git a/public/template_2/index/opening-book1-icon.svg b/public/template_2/index/opening-book1-icon.svg
new file mode 100644
index 0000000..0c07741
--- /dev/null
+++ b/public/template_2/index/opening-book1-icon.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="41px" height="41px" viewBox="0 0 41 41" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>画板备份 4</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="99.6%" id="linearGradient-2">
+            <stop stop-color="#9FCFF3" offset="0%"></stop>
+            <stop stop-color="#70A9D9" offset="22.5%"></stop>
+            <stop stop-color="#817EDC" offset="47.8%"></stop>
+            <stop stop-color="#5D5AB5" offset="75.9%"></stop>
+            <stop stop-color="#3F3B9F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="99%" id="linearGradient-3">
+            <stop stop-color="#E9F4FC" offset="0%"></stop>
+            <stop stop-color="#C8E2F5" offset="23.9%"></stop>
+            <stop stop-color="#ABD0EB" offset="51.2%"></stop>
+            <stop stop-color="#8B87EA" offset="78%"></stop>
+            <stop stop-color="#4746C0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="画板备份-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g filter="url(#filter-1)" id="页面-1备份">
+            <g transform="translate(5.000000, 2.000000)">
+                <g id="shuji" transform="translate(0.048710, 0.006672)" fill-rule="nonzero">
+                    <path d="M30.1235794,4.42073632 C29.5139702,4.41153552 29.0246548,3.91946152 29.0246548,3.31561639 C29.0246548,2.71177127 29.5139702,2.21969727 30.1235794,2.21049647 C30.7331885,2.20129567 31.222504,1.70922167 31.222504,1.10537654 C31.222504,0.50153142 30.7331885,0.00945741528 30.1235794,0.000256616725 L3.3470068,0.000256616725 C1.49846407,0.000256616725 -2.41116419e-07,1.48463651 -2.41116419e-07,3.31548809 L-2.41116419e-07,33.150775 C-2.41116419e-07,33.7370296 0.234706837,34.2993585 0.653208579,34.7139513 C1.07171032,35.1285441 1.63941831,35.3612715 2.23133786,35.3612715 L29.0081695,35.3612715 C29.5999993,35.3612715 30.1676014,35.1284812 30.5860396,34.7139513 C31.0044779,34.2994214 31.2392494,33.7371973 31.2392494,33.1510316 L31.2392494,5.52572794 C31.2396616,5.23254063 31.122251,4.95124377 30.9129328,4.74392883 C30.7036147,4.53661389 30.4195997,4.42032694 30.1235794,4.42073632 Z M30.1476753,6.63097617 L30.1476753,33.8644261 L1.22086206,33.8644261 L1.22086206,5.68560016 C1.78768867,6.24997909 2.54528524,6.58671622 3.34778409,6.63097617 L7.59696441,6.63097617 L7.59696441,5.51982575 L3.34778409,5.51982575 C2.76806969,5.51452126 2.21513126,5.27737133 1.81459414,4.86225547 C1.41405702,4.44713962 1.19993007,3.88930454 1.22086206,3.31548809 C1.18895938,2.73081521 1.40192554,2.15899272 1.8095308,1.73488946 C2.21713605,1.3107862 2.7832937,1.07194949 3.37447101,1.07468716 L30.305465,1.07468716 C29.837537,1.34544149 28.2122255,1.51403868 28.2122255,3.31548809 C28.2122255,4.65323107 29.8538601,5.2657752 30.1476753,5.51982575 L14.7019048,5.51982575 L14.7019048,6.63097617 L30.1476753,6.63097617 L30.1476753,6.63097617 Z" id="形状" fill="url(#linearGradient-2)"></path>
+                    <path d="M6.69401359,0 L6.69401359,17.6808924 L11.1561711,13.2604126 L15.6196242,17.6806357 L15.6196242,0 L6.69401359,0 Z M14.6086301,15.2515018 L11.1561711,11.8623647 L7.73221271,15.2515018 L7.73221271,1.0280066 L14.6086301,1.0280066 L14.6086301,15.2515018 L14.6086301,15.2515018 Z" id="形状-2" fill="url(#linearGradient-3)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/template_2/index/opening-book2-icon.svg b/public/template_2/index/opening-book2-icon.svg
new file mode 100644
index 0000000..8919ea2
--- /dev/null
+++ b/public/template_2/index/opening-book2-icon.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="41px" height="41px" viewBox="0 0 41 41" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>画板备份 3</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#73A1DA" offset="0%"></stop>
+            <stop stop-color="#B09FE5" offset="24.8%"></stop>
+            <stop stop-color="#807DDC" offset="51.2%"></stop>
+            <stop stop-color="#5855B1" offset="79.6%"></stop>
+            <stop stop-color="#333085" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#C8E3F7" offset="0%"></stop>
+            <stop stop-color="#8BBEF5" offset="25.9%"></stop>
+            <stop stop-color="#7C8CDC" offset="55%"></stop>
+            <stop stop-color="#6563BE" offset="80.5%"></stop>
+            <stop stop-color="#3F3B9F" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
+            <stop stop-color="#D9D8FF" offset="0%"></stop>
+            <stop stop-color="#7572F4" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="画板备份-3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g filter="url(#filter-1)" id="页面-1备份">
+            <g transform="translate(1.000000, 2.000000)">
+                <g id="erji-" transform="translate(0.007954, 0.019341)" fill-rule="nonzero">
+                    <path d="M34.6081382,30.1879805 C34.2630065,30.1876201 33.9460132,29.9991166 33.7830807,29.6973486 C33.6201482,29.3955806 33.6376568,29.0294071 33.8286513,28.744287 C38.6085907,21.5967449 37.3293125,12.0457419 30.833664,6.38391681 C24.3380154,0.722091693 14.6238566,0.690846351 8.0913209,6.31076665 C1.55878517,11.930687 0.217078012,21.4732596 4.95017763,28.6514001 C5.14408699,28.9289807 5.17087914,29.2890582 5.02015444,29.5918648 C4.86942974,29.8946715 4.56492328,30.0925233 4.22483244,30.1086221 C3.88474159,30.1247209 3.56262155,29.9565315 3.38350658,29.6693384 C-0.591589523,23.6444021 -0.793559202,15.9090362 2.86179854,9.68810865 C6.51715629,3.4671811 13.4024115,-0.171506679 20.6471068,0.289011351 C27.8918021,0.749529381 34.2524097,5.23020684 37.0771974,11.8630529 C39.5730819,17.7373393 38.9391454,24.4607545 35.3883947,29.7741861 C35.2148279,30.0332758 34.9217651,30.1886952 34.6081382,30.1879805 Z" id="路径" fill="url(#linearGradient-2)"></path>
+                    <path d="M27.7025724,7.41135441 C27.6060782,7.41143837 27.5117478,7.38299816 27.431625,7.32966467 C27.2617697,7.21743698 27.0870395,7.10699067 26.9130789,7.00214303 C26.7637995,6.91222455 26.6742254,6.7501469 26.6780982,6.57696315 C26.6819711,6.4037794 26.7787025,6.24580029 26.9318548,6.16253502 C27.0850071,6.07926975 27.2713127,6.0833683 27.4205921,6.17328677 C27.6066118,6.28525999 27.7928882,6.40232289 27.9740329,6.52320306 C28.1529527,6.64196683 28.2325202,6.86281377 28.1700072,7.06714757 C28.1074942,7.27148136 27.9176068,7.41123273 27.7023158,7.41135441 L27.7025724,7.41135441 Z M11.3933882,7.24492131 C11.176843,7.2450689 10.9861545,7.10352219 10.9252392,6.89741765 C10.8643239,6.69131311 10.9477842,6.47005763 11.1301382,6.3542253 C15.5785986,3.54774105 21.162721,3.1844275 25.9426974,5.39049223 C26.1008685,5.46381806 26.2075838,5.61526842 26.2226447,5.78779341 C26.2377056,5.96031841 26.158824,6.1277074 26.0157138,6.22690655 C25.8726036,6.32610571 25.6870066,6.34204433 25.5288355,6.26871849 C21.0517564,4.20324814 15.8220229,4.54351275 11.6553553,7.17137527 C11.5772809,7.2213432 11.4863056,7.24785623 11.3933882,7.24772116 L11.3933882,7.24492131 Z M8.45042763,23.5232815 C9.36351952,23.5232815 10.2263745,23.9378416 10.7923451,24.648522 C11.3583157,25.3592024 11.5651109,26.2877626 11.3536184,27.168773 C10.9728474,28.7636304 10.9728474,30.4246461 11.3536184,32.0195035 C11.6202482,33.1289131 11.2205171,34.2915712 10.3260539,35.0082782 C9.43159068,35.7249852 8.20153281,35.8682289 7.16401871,35.3765061 C6.12650462,34.8847833 5.46612251,33.8455783 5.46641438,32.7050849 L5.46641438,26.483955 C5.46782827,24.8497987 6.80282302,23.5252457 8.45042763,23.5232815 M8.45042763,21.8485185 C7.21098645,21.8485185 6.02232081,22.3369178 5.14597573,23.2062528 C4.26963065,24.0755877 3.77740767,25.254631 3.77761178,26.483955 L3.77761178,32.7055939 C3.77761178,34.4910807 4.81166395,36.1178066 6.43597449,36.8875308 C8.06028503,37.6572551 9.98595266,37.4330837 11.3864218,36.3112378 C12.7868909,35.189392 13.4130906,33.36939 12.9962368,31.6324324 C12.6749239,30.292685 12.6749239,28.8968639 12.9962368,27.5571165 C13.3276532,26.1775523 13.00397,24.7234216 12.1177358,23.6104944 C11.2315016,22.4975672 9.88028393,21.8485185 8.45042763,21.8485185 Z M30.3933158,23.5232815 C32.0410206,23.5251055 33.3761715,24.8496995 33.3775856,26.483955 L33.3775856,32.7055939 C33.3778891,33.8461853 32.7174608,34.8854862 31.6798625,35.3772617 C30.6422642,35.8690371 29.4120991,35.7257934 28.5175517,35.0090338 C27.6230043,34.2922742 27.223227,33.1295201 27.4898684,32.0200124 C27.8706394,30.425155 27.8706394,28.7641394 27.4898684,27.169282 C27.2783759,26.2882715 27.4851712,25.3597114 28.0511417,24.6490309 C28.6171123,23.9383505 29.4799673,23.5237674 30.3930592,23.5237905 M30.3930592,21.8490275 C28.9634094,21.8490275 27.6124255,22.4981542 26.7262463,23.6108636 C25.8400671,24.7235729 25.5162137,26.1774186 25.84725,27.556862 C26.1685629,28.8966094 26.1685629,30.2924305 25.84725,31.6321779 C25.4303962,33.3691355 26.056596,35.1891375 27.4570651,36.3109833 C28.8575342,37.4328292 30.7832018,37.6570006 32.4075124,36.8872764 C34.0318229,36.1175521 35.065875,34.4908262 35.065875,32.7053394 L35.065875,26.483955 C35.065875,23.9242958 32.9737841,21.849282 30.3930592,21.849282 L30.3930592,21.8490275 Z" id="形状" fill="url(#linearGradient-3)"></path>
+                    <path d="M17.9577039,35.6868808 C17.4403403,35.6868808 17.0209342,35.270898 17.0209342,34.7577575 L17.0209342,24.430519 C17.0328424,23.9259888 17.4486256,23.5231405 17.9574474,23.5231405 C18.4662691,23.5231405 18.8820524,23.9259888 18.8939607,24.430519 L18.8939607,34.7577575 C18.8940968,35.0042177 18.7954454,35.2406223 18.6197375,35.414896 C18.4440295,35.5891697 18.2056793,35.6870158 17.9571908,35.6868808 L17.9577039,35.6868808 Z M21.7899671,33.1053891 C21.5415203,33.1053891 21.3032493,33.0074997 21.1275709,32.8332553 C20.9518925,32.6590109 20.8531974,32.4226848 20.8531974,32.176266 L20.8531974,27.0262617 C20.8452425,26.6892253 21.0219806,26.3743587 21.3150106,26.2035216 C21.6080406,26.0326846 21.9713805,26.0326846 22.2644105,26.2035216 C22.5574404,26.3743587 22.7341786,26.6892253 22.7262237,27.0262617 L22.7262237,32.176266 C22.7262238,32.6892078 22.3071303,33.1051082 21.7899671,33.1053891 L21.7899671,33.1053891 Z" id="形状-2" fill="url(#linearGradient-4)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/template_2/index/opening-fiction-icon.svg b/public/template_2/index/opening-fiction-icon.svg
new file mode 100644
index 0000000..178a93d
--- /dev/null
+++ b/public/template_2/index/opening-fiction-icon.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="41px" height="41px" viewBox="0 0 41 41" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>画板备份</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E2F0FB" offset="0%"></stop>
+            <stop stop-color="#C0DDF2" offset="17.9%"></stop>
+            <stop stop-color="#B4D5EE" offset="38.7%"></stop>
+            <stop stop-color="#84B9E4" offset="59.4%"></stop>
+            <stop stop-color="#7B8CDB" offset="81.8%"></stop>
+            <stop stop-color="#4340A2" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="画板备份" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g filter="url(#filter-1)" id="页面-1备份">
+            <g transform="translate(2.000000, 3.000000)" id="shuben" fill="url(#linearGradient-2)" fill-rule="nonzero">
+                <path d="M32.0062937,0 L19.6847762,6.15703597 L19.6847762,29.6619281 L31.9967203,25.7568345 L32.0062937,0 Z M34.4490699,2.38661871 L34.4490699,29.1022446 L18.464035,33.5802302 L2.46062937,29.1022446 L2.46062937,2.38661871 L0,2.38661871 L0,31.3420144 L18.4635175,35.818705 L36.9314336,31.3407194 L36.9314336,2.38661871 L34.4490699,2.38661871 Z M17.2321678,6.15703597 L4.3083007,0 L4.3083007,25.7438849 L17.2321678,29.6489784 L17.2321678,6.15703597 Z" id="形状"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/template_2/index/opening-id-icon.svg b/public/template_2/index/opening-id-icon.svg
new file mode 100644
index 0000000..777290e
--- /dev/null
+++ b/public/template_2/index/opening-id-icon.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="41px" height="41px" viewBox="0 0 41 41" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>画板</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0.3%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#D9ECFB" offset="0%"></stop>
+            <stop stop-color="#BBDAF1" offset="11.9%"></stop>
+            <stop stop-color="#70A9D9" offset="34.3%"></stop>
+            <stop stop-color="#7B8EDB" offset="50.6%"></stop>
+            <stop stop-color="#6C69C6" offset="72.4%"></stop>
+            <stop stop-color="#3D3AB0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="画板" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g filter="url(#filter-1)" id="页面-1备份">
+            <g transform="translate(1.000000, 2.000000)">
+                <g id="liwu" transform="translate(0.000000, 0.048643)" fill="url(#linearGradient-2)" fill-rule="nonzero">
+                    <path d="M35.1311258,17.3002168 L35.1311258,31.7801538 C35.1314619,34.3794752 33.1039618,36.4986128 30.5761589,36.5409936 L30.5006623,36.5409936 L7.43164238,36.5409936 C4.90281788,36.5423277 2.84064773,34.4574572 2.79941722,31.8577762 L2.79941722,31.7801538 L2.79941722,17.3002168 L17.7588344,17.3002168 L17.7588344,32.0262168 L17.7588344,32.0554545 C17.800974,32.7414791 18.3583149,33.273387 19.026839,33.2655966 C19.6953632,33.2578062 20.2408354,32.7130471 20.2678411,32.0262168 L20.2678411,17.3002168 L35.1311258,17.3002168 Z M13.8289801,0.97234965 L13.8903841,1.02073427 L19.0000042,5.12281818 L24.0552583,1.06394406 L24.1166623,1.01555944 C25.799922,-0.2930766 28.1268864,-0.28120633 29.7974336,1.04453809 C31.4679808,2.37028251 32.0685873,4.68172936 31.2636821,6.68742657 L33.0091656,6.68742657 C34.8597692,6.68682612 36.5541429,7.75404926 37.3942266,9.44941397 C38.2343103,11.1447787 38.0779649,13.1814352 36.9896026,14.7203077 L20.2680927,14.7203077 L20.2680927,6.68716783 C17.8051391,6.71562937 20.2998013,6.7057972 17.7590861,6.71640559 L17.7590861,14.7203077 L0.940940397,14.7203077 C-0.147675641,13.1812815 -0.304021143,11.1442876 0.53633243,9.44875244 C1.376686,7.75321728 3.07151039,6.68610698 4.92238411,6.68716783 L6.70058278,6.68716783 C5.87438387,4.68197402 6.46141317,2.35622277 8.13172112,1.01714109 C9.80202907,-0.321940582 12.1389506,-0.340313291 13.8289801,0.97234965 Z M25.627351,3.07358741 L25.5989139,3.0960979 L21.1262384,6.68716783 L28.2961589,6.68716783 L28.2518675,6.62895105 L28.2996821,6.59013986 C29.2206952,5.82429056 29.3744286,4.44065924 28.6451372,3.48097588 C27.9158457,2.52129253 26.5728791,2.33999767 25.627351,3.07358741 L25.627351,3.07358741 Z M9.29892715,3.43582517 C8.56963574,4.39609513 8.72397088,5.78023218 9.64570861,6.5458951 L9.69352318,6.58470629 L9.61651656,6.68587413 L16.872755,6.68587413 L12.3464768,3.05314685 C11.8928261,2.68854783 11.3168839,2.5241718 10.745355,2.59618083 C10.1738262,2.66818985 9.65352915,2.97068511 9.29892715,3.43711888 L9.29892715,3.43582517 Z" id="形状"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/template_2/index/opening-pc.webp b/public/template_2/index/opening-pc.webp
new file mode 100644
index 0000000..05c1fd1
Binary files /dev/null and b/public/template_2/index/opening-pc.webp differ
diff --git a/public/template_2/index/opening-welfare-icon.svg b/public/template_2/index/opening-welfare-icon.svg
new file mode 100644
index 0000000..2a33525
--- /dev/null
+++ b/public/template_2/index/opening-welfare-icon.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="41px" height="41px" viewBox="0 0 41 41" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>画板备份 2</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E5F2FB" offset="0%"></stop>
+            <stop stop-color="#ABD2F0" offset="21.8%"></stop>
+            <stop stop-color="#79B0DE" offset="44.4%"></stop>
+            <stop stop-color="#7B8ADB" offset="64.6%"></stop>
+            <stop stop-color="#6F6CC9" offset="83.1%"></stop>
+            <stop stop-color="#423FA1" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="画板备份-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g filter="url(#filter-1)" id="VIP-fill">
+            <g transform="translate(0.027682, 0.000000)">
+                <path d="M20.2547834,-9.77926599e-07 C9.06837543,-9.77926599e-07 0,9.12650605 0,20.3846218 C0,31.6427375 9.06837543,40.7692436 20.2547834,40.7692436 C31.4411914,40.7692436 40.5095679,31.6427375 40.5095679,20.3846218 C40.5112301,14.977771 38.3777842,9.79189009 34.5789148,5.96866903 C30.7800455,2.14544798 25.6271957,-0.00167383978 20.2547834,-9.77926599e-07 Z M26.1209172,29.0466603 L14.328586,29.0466603 C13.9554186,29.0393276 13.6567142,28.7327817 13.6567142,28.3571506 C13.6567142,27.9815196 13.9554186,27.6749736 14.328586,27.667641 L26.1209172,27.667641 C26.3039073,27.6634291 26.4806451,27.7347341 26.6100725,27.8649912 C26.7394999,27.9952482 26.8103507,28.1731189 26.8061656,28.3572821 C26.8082179,28.5408333 26.7366369,28.7174622 26.6076159,28.8472113 C26.478595,28.9769604 26.3030366,29.0488656 26.1206561,29.0466603 L26.1209172,29.0466603 Z M28.8496369,17.8925577 L28.8256115,17.8925577 L26.926293,26.1188397 C26.8627233,26.4337985 26.5843421,26.6578647 26.2650701,26.6510513 L14.2081975,26.6510513 C13.8914143,26.6506072 13.6170321,26.4297598 13.5469745,26.1188397 L11.6476561,17.8925577 C10.9771809,17.8753609 10.4461522,17.3168411 10.4586199,16.6419656 C10.4710875,15.96709 11.0223783,15.4288221 11.6930252,15.4367199 C12.3636721,15.4446177 12.902297,15.9957208 12.8990701,16.6707051 C12.9004026,16.8459707 12.8634961,17.0193948 12.7909554,17.1787372 L16.4208917,18.8119038 L19.5102548,13.9728526 C19.1857075,13.7428346 18.9928621,13.3681071 18.9934459,12.9686154 C18.9726014,12.5141844 19.2016256,12.0850006 19.5895627,11.8515123 C19.9774999,11.6180239 20.4615575,11.6180239 20.8494946,11.8515123 C21.2374317,12.0850006 21.4664559,12.5141844 21.4456115,12.9686154 C21.4498095,13.3753253 21.2510012,13.7570321 20.9162675,13.9849423 L23.7165414,18.8239936 L27.6953694,17.1545577 C27.6324306,17.001081 27.5997892,16.8367385 27.5992675,16.6707051 C27.5894462,16.1656013 27.8835804,15.7044983 28.3440004,15.503216 C28.8044204,15.3019337 29.340031,15.4002963 29.7001391,15.7522649 C30.0602471,16.1042336 30.1736044,16.6401706 29.987154,17.10923 C29.8007036,17.5782894 29.351335,17.8876668 28.8493758,17.8925577 L28.8496369,17.8925577 Z" id="形状" fill="url(#linearGradient-2)" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/template_2/index/paper-notation-eyecare.webp b/public/template_2/index/paper-notation-eyecare.webp
new file mode 100644
index 0000000..0c0deee
Binary files /dev/null and b/public/template_2/index/paper-notation-eyecare.webp differ
diff --git a/public/template_2/index/paper-translation.webp b/public/template_2/index/paper-translation.webp
new file mode 100644
index 0000000..6081cfb
Binary files /dev/null and b/public/template_2/index/paper-translation.webp differ
diff --git a/public/template_2/services-bg.jpg b/public/template_2/services-bg.jpg
new file mode 100644
index 0000000..d8b8595
Binary files /dev/null and b/public/template_2/services-bg.jpg differ
diff --git a/public/template_2/xiazai.svg b/public/template_2/xiazai.svg
new file mode 100644
index 0000000..5fc9478
--- /dev/null
+++ b/public/template_2/xiazai.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12.976" height="12.605" viewBox="0 0 12.976 12.605">
+  <g id="组_7051" data-name="组 7051" transform="translate(1.086 1)">
+    <path id="路径_2314" data-name="路径 2314" d="M-752.332,7541.811l4.889,3.618,4.889-3.618" transform="translate(752.849 -7537.899)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="路径_2315" data-name="路径 2315" d="M0,6.866V1" transform="translate(5.406 -1)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
+    <line id="直线_2" data-name="直线 2" x2="10.976" transform="translate(-0.086 10.605)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="2"/>
+  </g>
+</svg>
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 0d2bae1..17bad99 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,4 +1,5 @@
 ---
+import { TP2_COLUMN_NEWS, TP2_COLUMN_NEWS_URL } from '../../utils/const'
 import { APP_NAME, APP_COMPANY } from '../config/app.ts'
 ---
 
@@ -11,7 +12,7 @@ import { APP_NAME, APP_COMPANY } from '../config/app.ts'
             <div class="footer-column">
                 <h4>浏览</h4>
                 <ul>
-                    <li><a href="/news" title="新闻专栏">新闻专栏</a></li>
+                    <li><a href={TP2_COLUMN_NEWS_URL} title={TP2_COLUMN_NEWS}>{TP2_COLUMN_NEWS}</a></li>
                 </ul>
             </div>
             <div class="footer-column">
diff --git a/src/components/template_2/Footer.astro b/src/components/template_2/Footer.astro
new file mode 100644
index 0000000..4ba4b72
--- /dev/null
+++ b/src/components/template_2/Footer.astro
@@ -0,0 +1,476 @@
+---
+import { getConfig } from "../../../utils/config";
+import { TP2_COLUMN_NEWS, TP2_COLUMN_NEWS_URL, TP2_COLUMN_ABOUT_US, TP2_COLUMN_ABOUT_US_URL, TP2_COLUMN_CONTACT_US, TP2_COLUMN_CONTACT_US_URL, TP2_COLUMN_PROTECT, TP2_COLUMN_PROTECT_URL } from "../../../utils/const";
+const config = getConfig(Astro)
+const { path = [] } = Astro.props
+---
+<footer class="v4 n09-footer footer" data-component="n09-footer">
+    <div class="container">
+        <div class="breadcrumbs">
+            <ul class="breadcrumbs__list">
+                {
+                    path?.map(e => {
+                        return <li class="breadcrumbs__item">
+                            <a class="breadcrumbs__link" title={e.title} href={`${e.url}`}>{e.title}</a>
+                        </li>
+                    })
+                }
+            </ul>
+        </div>
+
+        <div class="usp-wrap"></div>
+        <div class="footer-links">
+            <div class="row">
+                <div class="col-xl-2 col-lg-4">
+                    <div class="footer-links__block">
+                        <div class="heading footer-links__title heading-06 js-footer-accordion-btn">
+                            购买产品
+                        </div>
+                        <ul class="footer-links__list" role="menubar">
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="手机" data-title="手机" class="footer-links__link" href="/cn/phones/">
+                                    手机
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="穿戴" data-title="穿戴" class="footer-links__link" href="/cn/wearables/">
+                                    穿戴
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="鸿蒙电脑" data-title="鸿蒙电脑" class="footer-links__link" href="/cn/harmonyos-computer/">
+                                    鸿蒙电脑
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="笔记本" data-title="笔记本" class="footer-links__link" href="/cn/laptops/">
+                                    笔记本
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="显示器" data-title="显示器" class="footer-links__link" href="/cn/monitors/">
+                                    显示器
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="打印机" data-title="打印机" class="footer-links__link" href="/cn/printers/">
+                                    打印机
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="平板" data-title="平板" class="footer-links__link" href="/cn/tablets/">
+                                    平板
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="智慧屏" data-title="智慧屏" class="footer-links__link" href="/cn/visions/">
+                                    智慧屏
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="耳机音箱" data-title="耳机音箱" class="footer-links__link" href="/cn/audio/">
+                                    耳机音箱
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="路由器" data-title="路由器" class="footer-links__link" href="/cn/routers/">
+                                    路由器
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="配件" data-title="配件" class="footer-links__link" href="/cn/accessories/overview/">
+                                    配件
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="商用产品" data-title="商用产品" class="footer-links__link" href="https://qingyun.huawei.com/products-and-solutions/?utm_medium=referral&utm_source=consumer.huawei.com" target="_blank" rel="noopener noreferrer">
+                                    商用产品
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="教育商店" data-title="教育商店" class="footer-links__link" href="https://www.vmall.com/portal/activity/index.html?pn=educationcenterpc" target="_blank" rel="noopener noreferrer">
+                                    教育商店
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xl-2 col-lg-4">
+                    <div class="footer-links__block">
+                        <div class="heading footer-links__title heading-06 js-footer-accordion-btn">服务支持</div>
+                        <ul class="footer-links__list" role="menubar">
+                
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="保修政策" data-title="保修政策" class="footer-links__link" href="/cn/support/warranty-policy/">
+                                    保修政策
+                                </a>
+                            </li>
+                
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="上门安装" data-title="上门安装" class="footer-links__link" href="/cn/support/install/">
+                                    上门安装
+                                </a>
+                            </li>
+                
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="维修服务" data-title="维修服务" class="footer-links__link" href="/cn/support/break-fix/">
+                                    维修服务
+                                </a>
+                            </li>
+                
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="保修期及权益查询" data-title="保修期及权益查询" class="footer-links__link" href="/cn/support/warranty-query/">
+                                    保修期及权益查询
+                                </a>
+                            </li>
+                
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="维修备件价格" data-title="维修备件价格" class="footer-links__link" href="/cn/support/sparepart-price/">
+                                    维修备件价格
+                                </a>
+                            </li>
+                
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="服务进度查询" data-title="服务进度查询" class="footer-links__link" href="/cn/support/inquiry/">
+                                    服务进度查询
+                                </a>
+                            </li>
+                            <li class="footer-links__item" role="menuitem">
+                                <a title={TP2_COLUMN_CONTACT_US} class="footer-links__link" href={TP2_COLUMN_CONTACT_US_URL}>
+                                    {TP2_COLUMN_CONTACT_US}
+                                </a>
+                            </li>
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="服务隐私声明" data-title="服务隐私声明" class="footer-links__link" href="/cn/support/service-privacy-notice/">
+                                    服务隐私声明
+                                </a>
+                            </li>
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="商用服务" data-title="商用服务" class="footer-links__link" href="https://bsupport.huawei.com/" target="_blank" rel="noopener noreferrer">
+                                    商用服务
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xl-2 col-lg-4">
+                    <div class="footer-links__block">
+                        <div class="heading footer-links__title heading-06 js-footer-accordion-btn">
+                            应用与下载
+                        </div>
+                        <ul class="footer-links__list" role="menubar">
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="终端云服务" data-title="终端云服务" class="footer-links__link" href="/cn/mobileservices/">
+                                    终端云服务
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="华为商城 APP" data-title="华为商城 APP" class="footer-links__link" href="https://m.vmall.com/app/download?cid=1457312" target="_blank" rel="noopener noreferrer">
+                                    华为商城 APP
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="我的华为 APP " data-title="我的华为 APP " class="footer-links__link" href="/cn/myhuawei-app/">
+                                    我的华为 APP
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="华为手机助手" data-title="华为手机助手" class="footer-links__link" href="https://consumer.huawei.com/cn/support/hisuite/">
+                                    华为手机助手
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="华为电脑管家" data-title="华为电脑管家" class="footer-links__link" href="https://consumer.huawei.com/cn/support/pc-manager/">
+                                    华为电脑管家
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="HarmonyOS 5" data-title="HarmonyOS 5" class="footer-links__link" href="/cn/harmonyos-next/">
+                                    HarmonyOS 5
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="预置应用公示" data-title="预置应用公示" class="footer-links__link" href="/cn/support/apk/">
+                                    预置应用公示
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="HUAWEI HiCar" data-title="HUAWEI HiCar" class="footer-links__link" href="/cn/phones/hicar/">
+                                    HUAWEI HiCar
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="col-xl-2 col-lg-4">
+                    <div class="footer-links__block">
+                        <div class="heading footer-links__title heading-06 js-footer-accordion-btn">
+                            新闻中心
+                        </div>
+                        <ul class="footer-links__list" role="menubar">
+                            <li class="footer-links__item" role="menuitem">
+                                <a title={TP2_COLUMN_NEWS}  class="footer-links__link" href={TP2_COLUMN_NEWS_URL}>
+                                    {TP2_COLUMN_NEWS}
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="华为活动" class="footer-links__link" href="/cn/press/events/">
+                                    华为活动
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="col-xl-2 col-lg-4">
+                    <div class="footer-links__block">
+                        <div class="heading footer-links__title heading-06 js-footer-accordion-btn">
+                            关于我们
+                        </div>
+                        <ul class="footer-links__list" role="menubar">
+                            <li class="footer-links__item" role="menuitem">
+                                <a title={TP2_COLUMN_ABOUT_US} class="footer-links__link" href={TP2_COLUMN_ABOUT_US_URL}>
+                                    {TP2_COLUMN_ABOUT_US}
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="可持续发展" data-title="可持续发展" class="footer-links__link" href="/cn/sustainability/">
+                                    可持续发展
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="隐私" data-title="隐私" class="footer-links__link" href="/cn/privacy/privacy-statement-huawei/">
+                                    隐私
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="华为商城" data-title="华为商城" class="footer-links__link" href="https://www.vmall.com/index.html?cid=27629229" target="_blank" rel="noopener noreferrer">
+                                    华为商城
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="HarmonyOS 开发者" data-title="HarmonyOS 开发者" class="footer-links__link" href="https://developer.huawei.com/consumer/cn/" target="_blank" rel="noopener noreferrer">
+                                    HarmonyOS 开发者
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="华为云" data-title="华为云" class="footer-links__link" href="https://www.huaweicloud.com/" target="_blank" rel="noopener noreferrer">
+                                    华为云
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="企业业务" data-title="企业业务" class="footer-links__link" href="https://e.huawei.com/cn/" target="_blank" rel="noopener noreferrer">
+                                    企业业务
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="运营商网络" data-title="运营商网络" class="footer-links__link" href="https://carrier.huawei.com/cn/" target="_blank" rel="noopener noreferrer">
+                                    运营商网络
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="华为集团" data-title="华为集团" class="footer-links__link" href="https://www.huawei.com/cn/" target="_blank" rel="noopener noreferrer">
+                                    华为集团
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="加入华为" data-title="加入华为" class="footer-links__link" href="https://career.huawei.com/reccampportal/campus4_index.html#campus4/content.html" target="_blank" rel="noopener noreferrer">
+                                    加入华为
+                                </a>
+                            </li>
+
+                            <li class="footer-links__item" role="menuitem">
+                                <a title="内容举报" data-title="内容举报" class="footer-links__link
+                    goto-complaint-page" href="/cn/complaint-page/" target="_blank" rel="noopener noreferrer">
+                                    内容举报
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="contact">
+            <div class="row">
+                <div class="contact__block col-xl-2 col-md-6">
+                    <div class="heading contact__title heading-06">
+                        在线支持
+                    </div>
+
+                    <p class="contact__text">
+                        <a title="消费者服务热线">消费者服务热线</a>
+                    </p>
+
+                    <p class="contact__text phone-icon">950800</p>
+
+                    <p class="contact__text">
+                        <a title="7*24小时 | 普通话">7*24小时 | 普通话</a>
+                    </p>
+
+                    <p class="contact__text phone-icon">950801</p>
+
+                    <p class="contact__text">
+                        <a href="https://celia.consumer.huawei.com/official/#/?businessUUID=fe8192189f0a40e8a883ab8bdf1ba8ea" title="在线客服 | 7*24小时" target="_blank" rel="noopener noreferrer">在线客服 | 7*24小时</a>
+                    </p>
+                </div>
+
+                <div class="contact__block col-xl-2 col-md-6">
+                    <div class="heading contact__title heading-06">
+                        线下支持
+                    </div>
+
+                    <p class="contact__text">
+                        <a href="/cn/support/service-center/" title="服务店查询">服务店查询</a>
+                    </p>
+
+                    <p class="contact__text">
+                        <a href="/cn/retail/" title="零售店查询">零售店查询</a>
+                    </p>
+                </div>
+
+                <!-- <div class="contact__block col-xl-4 col-md-6">
+                    <div class="heading contact__title heading-06">
+                        关注我们
+                    </div>
+                    <ul class="contact__social-links lazyload-target">
+                        <li class="contact__social-item">
+                            <a title="微信" class="contact__social-link" data-social="weixin">
+                                <span class="icon-lazy" data-name="font-ico-weixin"></span>
+                                <span class="contact__social-qrcode">
+                                    <picture>
+                                        <source class="lazyload-img" media="(max-width: 1199.98px)" data-srcset="//consumer-img.huawei.com/content/dam/huawei-cbg-site/greate-china/cn/mkt/v4/footer/weixin-mob.jpg" />
+                                        <img class="lazyload-img" data-src="//consumer-img.huawei.com/content/dam/huawei-cbg-site/greate-china/cn/mkt/v4/footer/weixin.jpg" alt="weixin" srcset="" />
+                                    </picture>
+                                </span>
+                            </a>
+                        </li>
+
+                        <li class="contact__social-item">
+                            <a title="微博" class="contact__social-link" data-social="weibo" href="http://t.sina.com.cn/huaweidevice" target="_blank" rel="noopener noreferrer">
+                                <span class="icon-lazy" data-name="font-ico-weibo"></span>
+                            </a>
+                        </li>
+                    </ul>
+                </div> -->
+            </div>
+        </div>
+        <div class="footer-legals">
+            <div class="row">
+                <div class="copyright col-xl-4 col-md-8">
+                    <small class="copyright__text">版权所有 © {config.app_company}
+                        。保留一切权利。{config.app_biling}</small>
+                </div>
+                <div class="bottom-links col-xl-5">
+                    <ul class="bottom-links__list">
+
+                        <li class="bottom-links__item">
+                            <a title="使用条款" class="bottom-links__link" href="/cn/legal/terms-of-use/">
+                                使用条款
+                            </a>
+                        </li>
+
+                        <li class="bottom-links__item">
+                            <a title="隐私声明" class="bottom-links__link" href="/cn/privacy/privacy-policy/">
+                                隐私声明
+                            </a>
+                        </li>
+
+                        <li class="bottom-links__item">
+                            <a title="法律信息" class="bottom-links__link" href="/cn/legal/">
+                                法律信息
+                            </a>
+                        </li>
+                        <li class="bottom-links__item">
+                            <a title={TP2_COLUMN_PROTECT} class="bottom-links__link" href={TP2_COLUMN_PROTECT_URL}>
+                                {TP2_COLUMN_PROTECT}
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>
+<style>
+    .footer-legals .row {
+        justify-content: space-between;
+    }
+</style>
+<script>
+document.addEventListener('DOMContentLoaded', function () {
+    function isMobile() {
+        return window.innerWidth <= 991;
+    }
+
+    function setupFooterAccordion() {
+        const btns = document.querySelectorAll('.js-footer-accordion-btn');
+        btns.forEach(btn => {
+            // 先重置
+            btn.setAttribute('aria-expanded', 'false');
+            btn.classList.remove('footer-links__title--active');
+            const list = btn.nextElementSibling;
+            if (list && list.classList.contains('footer-links__list') && list instanceof HTMLElement) {
+                list.style.display = '';
+            }
+
+            // 只在小屏下绑定
+            (btn as HTMLElement).onclick = function (e: MouseEvent) {
+                if (!isMobile()) return;
+                e.preventDefault();
+                const isActive = btn.classList.toggle('footer-links__title--active');
+                btn.setAttribute('aria-expanded', isActive ? 'true' : 'false');
+                // 展开/收起对应的 ul
+                if (list && list.classList.contains('footer-links__list') && list instanceof HTMLElement) {
+                    list.style.display = isActive ? 'block' : 'none';
+                }
+                // 收起其它
+                btns.forEach(otherBtn => {
+                    if (otherBtn !== btn) {
+                        otherBtn.classList.remove('footer-links__title--active');
+                        otherBtn.setAttribute('aria-expanded', 'false');
+                        const otherList = otherBtn.nextElementSibling;
+                        if (otherList && otherList.classList.contains('footer-links__list') && otherList instanceof HTMLElement) {
+                            otherList.style.display = 'none';
+                        }
+                    }
+                });
+            };
+        });
+    }
+
+    // 初始化
+    setupFooterAccordion();
+    // 屏幕尺寸变化时重置
+    window.addEventListener('resize', setupFooterAccordion);
+});
+</script>
\ No newline at end of file
diff --git a/src/components/template_2/Header.astro b/src/components/template_2/Header.astro
new file mode 100644
index 0000000..f761851
--- /dev/null
+++ b/src/components/template_2/Header.astro
@@ -0,0 +1,140 @@
+---
+import { getConfig } from "../../../utils/config";
+import { Image } from 'astro:assets';
+import { TP2_COLUMN_NEWS, TP2_COLUMN_NEWS_URL } from "../../../utils/const";
+const config = getConfig(Astro)
+---
+<div class="v4 header slide-down-corporation nav-v2 scroll-with-screen" id="header-v4" data-component="header" role="navigation">
+    <div id="topTipsBox" class="top-tips-box"></div>
+
+    <input title="main-nav" type="hidden" id="mainNav" value="nav-v2" />
+    <div class="v4 n01-main-navigation main-navigation nav-v2" data-component="n01-main-navigation">
+        <div class="container main-navigation__container">
+            <a title="logo" class="logo" href="/" data-navicon="logo">
+                <div>
+                    <Image src={config.app_logo} alt="logo" width="25" height="25" loading="eager"/>
+                </div>
+                <div class="company_name">
+                    {config.app_name}
+                </div>
+            </a>
+            <nav class="main-nav" role="presentation">
+                <div class="lf-nav nav-zone">
+                    <ul class="main-nav__list" role="menubar">
+                        <li class="main-nav__item" role="menuitem">
+                            <a title={TP2_COLUMN_NEWS} class="main-nav__link unhover title-hide-v5" href={TP2_COLUMN_NEWS_URL}>{TP2_COLUMN_NEWS}</a>
+                        </li>
+
+                        <!-- <li class="main-nav__item" role="menuitem">
+                            <a title="企业文化" data-navicon="企业文化" class="main-nav__link unhover title-hide-v5" href="/cn/phones/">企业文化</a>
+                        </li>
+
+                        <li class="main-nav__item" role="menuitem">
+                            <a title="产品介绍" data-navicon="产品介绍" class="main-nav__link unhover title-hide-v5" href="/cn/harmonyos-computer/">产品介绍</a>
+                        </li> -->
+
+                        <li class="main-nav__item" role="menuitem">
+                            <a title="联系方式(888-888)" data-navicon="联系方式" class="main-nav__link unhover title-hide-v5" href="/cn/harmonyos-computer/">联系方式(888-888)</a>
+                        </li>
+                    </ul>
+                </div>
+                <!-- <div class="rg-nav nav-zone">
+                    <ul class="main-nav__list" role="menubar">           
+                        <li class="main-nav__item " role="menuitem" tabindex="0">
+                            <a title="服务热线" class="main-nav__link unhover title-hide-v5" href="/cn/support/">服务热线888-888</a>
+                        </li>
+                    </ul>
+                </div> -->
+            </nav>
+
+            <div class="nav-addons">
+                <button id="open-nav" aria-haspopup="true" role="button" aria-expanded="false" class="nav-toggle js-nav-toggle">
+                    <span class="btn-line"></span>
+                    <span class="sr-only">打开菜单</span>
+                    <span class="btn-line"></span>
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+    // 确保 DOM 完全加载后再执行代码
+    document.addEventListener('DOMContentLoaded', function() {
+        // 获取导航栏元素 - 请根据实际情况修改选择器
+        const headerNav = document.querySelector('#header-v4');
+        const btn = document.getElementById("open-nav");
+        const mainNav = document.querySelector('.main-nav');
+        // 如果未找到导航栏元素，记录错误并退出
+        if (!headerNav) {
+            console.error('导航栏元素未找到，请检查选择器是否正确');
+            return;
+        }
+        // 滚动处理函数
+        function handleScroll(e) {
+            // 获取当前滚动位置
+            const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+            const headerNav = document.querySelector('#header-v4');
+            // 检查滚动位置并更新类名
+            if (scrollTop > 1) {
+                if (headerNav?.classList.contains('header-scroll')) {
+                    return;
+                }
+                headerNav?.classList.add('header-scroll');
+            } else if (scrollTop < 1) {
+                headerNav?.classList.remove('header-scroll');
+            }
+        }
+        // 初始调用一次以设置正确的状态
+        handleScroll();
+        // 添加滚动事件监听器
+        window.addEventListener('scroll', handleScroll, true);
+
+        btn?.addEventListener('click', function(e: MouseEvent) {
+            e.stopPropagation();
+            if (!mainNav || !btn) return;
+            const isOpen = mainNav.classList.toggle('main-nav--opened');
+            btn.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
+            btn.classList.toggle('nav-toggle--active', isOpen);
+            // 控制 li 显示
+            const items = mainNav.querySelectorAll('.main-nav__item');
+            items.forEach(item => item.classList.toggle('main-nav__item--visible', isOpen));
+            // 原有隐藏逻辑
+            const logo = document.querySelector('.main-navigation__container .logo');
+            if (logo) logo.classList.add('hide');
+            const login = document.querySelector('.nav-addons .nav-addons__link.login-v4-wrap');
+            if (login && login instanceof HTMLElement) login.style.display = 'none';
+            const bag = document.querySelector('.nav-addons__link.nv-addons__bag');
+            if (bag && bag instanceof HTMLElement) bag.style.display = 'none';
+            const shopBag = document.querySelector('.nav-addons .shop-bag-bnt');
+            if (shopBag && shopBag instanceof HTMLElement) shopBag.style.display = 'none';
+            const search = document.querySelector('.nav-addons__link.nav-addons__search');
+            if (search && search instanceof HTMLElement) search.style.display = 'none';
+        }, false);
+
+        // 点击空白处关闭菜单
+        document.addEventListener('click', function(e: MouseEvent) {
+            if (!mainNav || !btn) return;
+            if (
+                mainNav.classList.contains('main-nav--opened') &&
+                !(e.target instanceof Element && (e.target.closest('.main-nav') || e.target.closest('#open-nav')))
+            ) {
+                mainNav.classList.remove('main-nav--opened');
+                btn.setAttribute('aria-expanded', 'false');
+                btn.classList.remove('nav-toggle--active');
+                // 移除 li 显示
+                const items = mainNav.querySelectorAll('.main-nav__item');
+                items.forEach(item => item.classList.remove('main-nav__item--visible'));
+            }
+        });
+    });
+</script>
+<style>
+    .logo {
+        display: flex;
+        align-items: center;
+
+        .company_name {
+            font-weight: bold;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/layouts/Layout_1.astro b/src/layouts/Layout_1.astro
index a23bd46..8dabba6 100644
--- a/src/layouts/Layout_1.astro
+++ b/src/layouts/Layout_1.astro
@@ -5,6 +5,7 @@ import '../styles/global.css'
 import '../styles/theme.css'
 const {description, title, keywords} = Astro.props;
 const {template_config} = Astro.locals;
+console.log(template_config)
 ---
 <!doctype html>
 <html lang="zh-CN">
@@ -63,8 +64,6 @@ const {template_config} = Astro.locals;
 					© {new Date().getFullYear()} { template_config.app_company }. 保留所有权利。
 				</div>
 				<div class="icpoo">
-					<a target="_blank" rel="noopener" href="https://beian.miit.gov.cn/" title="ICP备案信息">新ICP备2023000253号</a>
-					<span class="margin-oc">新B2-20230068号</span>
 					<a target="_blank" rel="noopener" class="beiancil" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=65400402000209" title="公安备案信息">
 						<span>新公网安备 65400402000209号</span>
 					</a>
diff --git a/src/layouts/Layout_2.astro b/src/layouts/Layout_2.astro
new file mode 100644
index 0000000..878ad8a
--- /dev/null
+++ b/src/layouts/Layout_2.astro
@@ -0,0 +1,31 @@
+---
+import Footer from '../components/template_2/Footer.astro'
+import Header from '../components/template_2/Header.astro'
+import '../styles/template_2/common-v4-nav-v2.css'
+import '../styles/template_2/banner.css'
+import '../styles/template_2/style.css'
+import '../styles/template_2/nav.css'
+const { description = '', title = '', keywords = '', breadcrumb = [] } = Astro.props;
+import {getConfig} from '../../utils/config'
+const config = getConfig(Astro)
+---
+<!doctype html>
+<html lang="zh-CN">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="icon" type="image/svg+xml" href={config.app_logo} />
+		<title>{title}</title>
+		<meta name="description" content={description} />
+		<meta name="keywords" content={keywords} />
+		<meta name="baidu-site-verification" content="codeva-kLMUXYuoiO" />
+		<!-- <link href="https://fonts.googleapis.com/css2?family=Graphik:wght@400;500;600;700&display=swap" rel="stylesheet"> -->
+	</head>
+	<body class="huawei-v4 huawei-cn page-name-books none-ecommerce">
+		<Header />
+		<!-- <main> -->
+			<slot />
+		<!-- </main> -->
+		 <Footer path={breadcrumb}/>
+	</body>
+</html>
diff --git a/src/middleware/index.ts b/src/middleware/index.ts
index ba67711..514fedc 100644
--- a/src/middleware/index.ts
+++ b/src/middleware/index.ts
@@ -24,6 +24,7 @@ export async function onRequest (context: any, next: any) {
     }
 
     const {code, data} = await websiteConfig(host);
+
     if (!data || code !== 0) {
         context.locals.is_write = 1;
         return context.rewrite('/404');
@@ -31,7 +32,7 @@ export async function onRequest (context: any, next: any) {
 
     if (!context.locals.is_write) {
         context.locals.is_write = 1;
-        context.locals.template_number = 1;
+        context.locals.template_number = 2;
         context.locals.template_config = data;
         return context.rewrite('/template/' + context.locals.template_number + context.url.pathname);
     }
diff --git a/src/pages/template/2/about-us.astro b/src/pages/template/2/about-us.astro
new file mode 100644
index 0000000..8cf1240
--- /dev/null
+++ b/src/pages/template/2/about-us.astro
@@ -0,0 +1,284 @@
+---
+import Layout from "../../../layouts/Layout_2.astro";
+import { getConfig } from "../../../../utils/config";
+import {
+    TP2_COLUMN_ABOUT_US,
+    TP2_COLUMN_ABOUT_US_URL,
+} from "../../../../utils/const";
+const config = getConfig(Astro);
+const breadcrumb = [
+    { title: "主页", url: "/" },
+    { title: TP2_COLUMN_ABOUT_US, url: TP2_COLUMN_ABOUT_US_URL },
+];
+---
+
+<Layout
+    title={TP2_COLUMN_ABOUT_US + ` - ${config.app_name}`}
+    breadcrumb={breadcrumb}
+>
+    <div id="content" class="main" data-site="中国">
+        <div>
+                <!-- 活动与新闻-->
+                <div class="hcomponent-page-info">
+                    <div class="news-detail-title">
+                        <div class="container-custom fix-p-color">
+                            <h1><span>华为责任矿产尽职管理声明</span></h1>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        <!-- <div data-mod-id="eff0ddd73dbb4d069e65086c4339ccd5"> -->
+            <div
+                data-mod-name-pc="@cloud/hcomponent-share-bar/pc/index"
+                data-mod-name-m="@cloud/hcomponent-share-bar/m/index"
+                data-mod-name="hcomponent-share-bar"
+                data-loaded="true"
+            >
+                <!-- 活动与新闻-->
+
+                <div>
+                    <!-- 社交分享栏 -->
+                    <div class="container-custom hcomponent-share-bar">
+                        <div class="container-custom">
+                            <ul class="share-box list-unstyled hasLine">
+                                <li class="line"></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        <!-- </div> -->
+
+        <div
+            data-mod-id="hcomponent-news-detail-content_920738a0bc3049d489a293983eb596d8"
+        >
+            <div
+                data-mod-name-pc="@cloud/hcomponent-news-detail-content/pc/index"
+                data-mod-name-m="@cloud/hcomponent-news-detail-content/m/index"
+                data-mod-name="hcomponent-news-detail-content"
+                data-loaded="true"
+            >
+                <!-- 活动与新闻-->
+                <div class="hcomponent-news-detail-content">
+                    <div class="news-detail-box container-custom clearfix">
+                        <div class="news-detail-content">
+                            <p>
+                                作为联合国全球契约、GeSI、RBA、RMI组织的成员，华为公司一直坚持把全球社会责任作为我们的目标，实施道德采购，促进产业链可持续发展。
+                            </p>
+                            <p>
+                                华为承诺并致力于以负责任的方式采购产品中使用的锡、钽、钨、金、钴、云母等矿产原料，并参照《经济合作与发展组织关于来自受冲突影响和高风险区域的矿石的负责任供应链尽职调查指南》、《中国负责任矿产供应链尽责管理指南》（以下统称“指南”）等要求，推动供应商制定政策以防范和降低其制造产品中所含的矿产以直接或间接的方式为高风险地区中，可能助长严重侵犯人权、严重环境危害、严重健康安全隐患、严重腐败等的团体提供资金或利益的风险，要求供应商对其采购的产品中使用到矿产
+                                产品进行来源追踪和责任矿产尽职调查，并与客户分享尽责调查信息，以确保供应链政策与指南要求保持一致，逐步提高供应链透明度和供应链治理能力。
+                            </p>
+                            <p>
+                                供应链的责任矿产尽责管理是一个持续改进的过程，需要企业、政府和非政府组织的承诺和合作才能解决。华为公司支持通过行业合作来处理矿产供应链中的社会责任问题，我们将持续参与行业组织的活动，与客户和供应商一起寻求可持续的解决方案，推动矿产供应链的可持续发展。
+                            </p>
+                            <p style="text-align: right;">华为技术有限公司</p>
+                        </div>
+                    </div>
+                </div>
+
+                <link
+                    rel="stylesheet"
+                    href="/-/media/hcomponent-news-detail-content/1.0.1.20250530113357/component/corp/2020/js/lib/vendor/katex/katex.min.css?ver=202410101545"
+                />
+            </div>
+        </div>
+    </div>
+</Layout>
+<style>
+
+    .main {
+        padding-top: 10rem;
+        h1 {
+            span {
+                font-weight: bold;
+            }
+            margin-top: 0;
+            text-align: center;
+            font-size: 2rem;
+        }
+
+        .container-custom {
+            margin-left: auto;
+            margin-right: auto;
+            padding-left: 15px;
+            padding-right: 15px
+        }
+    }
+
+    p {
+        color: #666;
+        font-size: 1em;
+        line-height: 1.95em;
+        margin: 0
+    }
+
+@media (max-width:767px) {
+    .container-custom>.container-custom {
+        padding: 0;
+    }
+}
+
+.mt20{
+    margin-top: 20px;
+}
+.main .bottom-box .share-box {
+    margin: 20px auto 0 auto;
+}
+
+.main .share-box {
+    padding-left: 0;
+    padding-right: 0;
+    text-align: center;
+    margin-bottom: 30px;
+    width: 100%;
+    position: relative;
+    z-index: 99;
+}
+.share-box.list-unstyled:not(.hasLine){
+    margin-bottom: 0;
+}
+.main .hasLine li {
+    padding: 0 22px;
+    margin: 0;
+    background: #fff;
+    position: relative;
+    z-index: 2;
+    margin: 0 -2px;
+}
+
+.main .share-box li .wechat-qrcode {
+    top: 30px;
+    height: 240px;
+}
+
+.main .share-box li .wechat-qrcode p {
+    text-align: center;
+    margin: 0;
+    padding: 0;
+}
+
+.main .hasLine .line {
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    background: #dddddd;
+    top: 0;
+    left: 0;
+    top: 50%;
+    margin-top: -1px;
+}
+
+.main .share-box.s-bottom {
+    border-bottom: 1px solid #ddd;
+    padding-top: 40px;
+    padding-bottom: 40px;
+    margin: 20px auto 0 auto;
+}
+
+    .news-detail-box {
+        margin-top: 5rem;
+    }
+
+    @media (min-width: 768px) {
+    .container {
+        width:100%
+    }
+}
+
+@media (min-width: 992px) {
+    body,html {
+        font-size:16px
+    }
+
+    .container-custom {
+        max-width: 1430px;
+        width: 85.652%;
+    }
+
+    .container {
+        max-width: 1799.136px;
+        width: 93.705%
+    }
+}
+
+@media (min-width: 1440px) {
+    body,html {
+        font-size:17px
+    }
+}
+
+@media (min-width: 1680px) {
+    body,html {
+        font-size:18px
+    }
+}
+
+@media (min-width: 1500px) {
+    .col-ls-4 {
+        width:33.33333333%
+    }
+
+    .col-ls-3 {
+        width: 25%
+    }
+}
+
+.news-detail-box .news-detail-content {
+  text-align: center;
+  padding: 0 8.5%;
+}
+
+
+.news-detail-box p {
+    margin-bottom: 20px;
+  }
+
+.news-detail-box p {
+  text-align: left;
+  margin-bottom: 20px;
+  text-indent: 0em;
+  word-break: break-word;
+  word-wrap: break-word;
+}
+
+.news-detail-box .content-text {
+  text-align: left;
+}
+
+.news-detail-box .content-text p {
+  padding: 0;
+}
+
+.news-detail-box .news-detail-content {
+  text-align: center;
+  padding: 0 8.5%;
+}
+
+.news-detail-box .news-detail-content a {
+  color: #666;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.news-detail-box .news-detail-content a:hover {
+  color: #000;
+}
+
+.news-detail-box .news-detail-content a.link-submit:hover {
+  color: #fff;
+}
+
+.news-detail-box .news-detail-content a.btn-rect {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+@media (min-width: 768px) {
+  .news-detail-box .news-detail-content>h2 {
+    padding: 0;
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/src/pages/template/2/contact-us.astro b/src/pages/template/2/contact-us.astro
new file mode 100644
index 0000000..e79afb5
--- /dev/null
+++ b/src/pages/template/2/contact-us.astro
@@ -0,0 +1,90 @@
+---
+import Layout from "../../../layouts/Layout_2.astro";
+import { getConfig } from "../../../../utils/config";
+import { TP2_COLUMN_CONTACT_US, TP2_COLUMN_CONTACT_US_URL } from "../../../../utils/const";
+import Dianhua from "../../../../public/template_2/contact-us/dianhua.svg";
+import Youxiang from "../../../../public/template_2/contact-us/youxiang.svg";
+const config = getConfig(Astro);
+const breadcrumb = [
+  { title: '主页', url: '/' },
+  { title: TP2_COLUMN_CONTACT_US, url: TP2_COLUMN_CONTACT_US_URL }
+];
+---
+<Layout title={TP2_COLUMN_CONTACT_US + ` - ${config.app_name}`} breadcrumb={breadcrumb}>
+    <div id="csr">
+        <!-- sec conta -->
+        <section class="sec_conta">
+            <div class="look_mainTit conta_title">如对本报告有任何建议和意见，请通过以下方式与华为<span class="nr">联系：</span></div>
+    
+            <div class="conta_lists">
+                <div class="conta_list">
+                    <div class="conta_ti">
+                        <Dianhua class="conta_svg" />
+                        <span class="look_smalTit conta_span sec_both">电话</span>
+                    </div>
+                    <div class="look_mainTit text_color conta_tx">+86-(0)755-28780808</div>
+                    <div class="look_mainTit text_color conta_tx">+86-(0)755-28780808</div>
+                    <div class="look_mainTit text_color conta_tx">+86-(0)755-28780808</div>
+                </div>
+    
+                <div class="conta_list">
+                    <div class="conta_ti">
+                        <Youxiang class="conta_svg" />
+                        <span class="look_smalTit conta_span sec_both">电子邮箱!!</span>
+                    </div>
+                    <div class="look_mainTit text_color conta_tx">
+                        <a class="a-btn-link4 text_color" data-pagename="ConsumerCSD@Huawei.com" data-linkname="ConsumerCSD@Huawei.com" href="mailto:ConsumerCSD@Huawei.com">ConsumerCSD@Huawei.com
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+</Layout>
+<style>
+    #csr {
+        .sec_conta {
+            margin-left: auto;
+            margin-right: auto;
+            width: 68.22917vw;
+            margin-top: 10rem;
+        }
+        .sec_conta .conta_ti {
+            width: 100%;
+            height: 3.64583vw;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-pack: center;
+            -ms-flex-pack: center;
+            justify-content: center;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            align-items: center;
+        }
+
+        .sec_conta .conta_list {
+            width: 33.59375vw;
+            border-radius: 1.04167vw;
+            overflow: hidden;
+            background-color: #f5f5f7;
+            /* padding: 4.6875vw 0 1.82292vw; */
+            text-align: center;
+        }
+
+        .sec_conta .conta_svg {
+            width: 3.39583vw;
+        }
+
+        .sec_conta .conta_lists {
+            margin-top: 3rem;
+            width: 100%;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-pack: justify;
+            -ms-flex-pack: justify;
+            justify-content: space-between;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/pages/template/2/index.astro b/src/pages/template/2/index.astro
new file mode 100644
index 0000000..4ee7881
--- /dev/null
+++ b/src/pages/template/2/index.astro
@@ -0,0 +1,422 @@
+---
+import "swiper/swiper-bundle.css";
+import Layout from "../../../layouts/Layout_2.astro";
+import ImageXiazai from '../../../../public/template_2/xiazai.svg';
+import { Image } from 'astro:assets';
+import { getConfig, getExtra } from "../../../../utils/config";
+const config = getConfig(Astro)
+const extra = getExtra().index
+const sc1Homepage = config?.extra?.sc1?.img_homepage || '/template_2/index/homepage.webp'
+// swiper 数据
+const swiper = extra.sc3.swiper;
+console.log(extra)
+// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-chenai.webp'
+// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-daming.webp'
+// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-fancui.webp'
+// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-qiren.webp'
+// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-wenhua.webp'
+// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-yuanze.webp'
+// const sc2BookCover = config?.extra?.index?.sc2?.book1 || '/template_2/index/book-cover-zero.webp'
+const breadcrumb = [{
+    title: '主页',
+    url: '/'
+}]
+---
+
+<Layout title={`${config.app_name}`} breadcrumb={breadcrumb} description={config.app_description} keywords={config.app_keywords}>
+    <div class="v4 header-placeholder nav-v2" id="header-placeholder"></div>
+    <main class="content-v4">
+        <div>
+            <div class="second-navigation section"></div>
+            <div class="section">
+                <div class="new"></div>
+            </div>
+            <div class="iparys_inherited">
+                <div class="eumiSecondMenuV4 iparsys parsys"></div>
+            </div>
+        </div>
+
+        <div class="html-text-component parbase">
+            <div class="v4 n06-news-second-navigation" id="news-second-navigation-v4" data-component="n06-news-second-navigation">
+                <div class="product-tabs-wrap container">
+                    <div class="product-tabs__heading">
+                        <div class="product-tabs__title body-medium">
+                            <a title={config.app_name} href="/" class="product-link product-link__active" data-title="华为阅读">{config.app_name}</a>
+                            <a class="btn erweimaBTN a-btn-install-ga" href="https://appgallery.huawei.com/#/app/C100259315" target="_blank">点击下载
+                                <ImageXiazai style="margin-left:10px;width: 11px;height: 11px;" alt="下载按钮" />
+                            </a>
+                        </div>
+                        <div class="product-tabs__links-container" style="margin-right: -20px;">
+                            <ul class="product-tabs__links">
+                                <li class="product-tabs__links-item">
+                                    <a class="btn erweimaBTN a-btn-install-ga" href="https://appgallery.huawei.com/#/app/C100259315" style="position: relative;">
+                                        点击下载<ImageXiazai style="margin-left:10px;width: 11px;height: 11px;" alt="下载按钮" />
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+            <div class="app-read-container">
+                <div class="app-read-sc1-kv">
+                    <div class="sc1-mkt-text">
+                        <h1>{config.app_name}</h1>
+                        <h1 class="mkt-title">遇见更好的自己</h1>
+                        <p class="mkt-text">
+                            百万优质图书和精品有声内容；精巧微动效、精美排版，媲美精装纸质书；精品音色、定制人声，享受沉浸悦听；超
+                            50
+                            种语言一键翻译；跨设备流转，无缝续读；丰富的会员权益，各种福利活动持续<span class="text-nowrap">上新。</span>
+                        </p>
+                    </div>
+                    <div class="sc1-mkt-img">
+                        <Image style="height:100%;width:100%" src={sc1Homepage} alt="app首页" width={100} height={100} loading="eager"/>
+                    </div>
+                </div>
+                <div class="app-read-sc2">
+                    <div class="text-box">
+                        <div class="read-title">
+                            {extra.sc2.reaad_title}
+                        </div>
+                        <p class="read-text">
+                            {extra.sc2.reaad_text}
+                        </p>
+                    </div>
+                    <div class="sc2-swiper-box">
+                        <div class="swiper-wrapper sc2-swiper-container">
+                            {
+                                extra.sc3.swiper.map(item => {
+                                    return <div class="sc2-swiper-silde swiper-slide">
+                                                <Image class="h-auto" src={item.url} height={100} width={100} alt={`${item.name}封面`}/>
+                                                <span class="book-name">{item.name}</span>
+                                            </div>
+                                })
+                            }
+                        </div>
+                    </div>
+                </div>
+                <div class="app-read-sc5" id="sc5Scene">
+                    <div class="sc5-animation-box">
+                        <div class="sc5-book-container img-box" id="sc5ZdpScene">
+                            <Image class="h-full" src={extra.sc5.img_box} alt="背景" width={100} height={100} />
+                        </div>
+                        <div class="text-box">
+                            <div class="read-subtitle">
+                                {extra.sc5.read_subtitle}
+                            </div>
+                            <div class="read-title">
+                                {extra.sc5.read_title}
+                            </div>
+                            <p class="read-text">
+                                <Fragment set:html={extra.sc5.read_text}></Fragment>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="app-read-sc6" id="sc6Scene">
+                    <div class="sc6-animation-container">
+                        <div class="text-box">
+                            <div class="read-title">
+                                {extra.sc6.read_title}
+                            </div>
+                            <p class="read-text">
+                                <Fragment set:html={extra.sc6.read_text} />
+                            </p>
+                        </div>
+                        <div class="sc6-animation-box img-box" id="sc6ZdpScene">
+                            <Image src={extra.sc6.img_box} class="h-full" alt="" width={100} height={100}/>
+                        </div>
+                    </div>
+                </div>
+                <div class="app-read-sc7">
+                    <div class="text-box">
+                        <div class="read-title">
+                            {extra.sc7.read_title}
+                        </div>
+                        <p class="read-text">
+                            <Fragment set:html={extra.sc7.read_text}>
+                        </p>
+                    </div>
+                    <div class="sc7-img-box">
+                        <Image class="h-auto" src={extra.sc7.img_box} alt="背景图" width={100} height={100} />
+                    </div>
+                </div>
+                <div class="app-read-sc8">
+                    <Image class="h-full" src={extra.sc8.img_box} alt="背景" height={100} width={100}/>
+                    <div class="sc8-content-wrapper">
+                        <div class="text-box">
+                            <div class="read-title">
+                                {extra.sc8.read_title}
+                            </div>
+                        </div>
+                        <div class="icon-container">
+                            <div class="icon-warpper1"></div>
+                            <div class="icon-warpper2">
+                                <div class="icon-top">
+                                    <div class="icon-item">
+                                        <Image class="h-full" src={extra.sc8.icon1} alt="icon" height={100} width={100} />
+                                        <span class="icon-desc">{extra.sc8.icon1_text}</span>
+                                    </div>
+                                    <div class="icon-item">
+                                        <Image class="h-full" src={extra.sc8.icon2} alt="icon" height={100} width={100} />
+                                        <span class="icon-desc">{extra.sc8.icon2_text}</span>
+                                    </div>
+                                </div>
+                                <div class="icon-center">
+                                    <div class="icon-item icon-item2">
+                                        <Image class="h-full" src={extra.sc8.icon3} alt="icon" height={100} width={100} />
+                                        <span class="icon-desc">{extra.sc8.icon3_text}</span>
+                                    </div>
+                                </div>
+                                <div class="icon-bottom">
+                                    <div class="icon-item">
+                                        <Image class="h-full" src={extra.sc8.icon4} alt="icon" height={100} width={100} />
+                                        <span class="icon-desc">{extra.sc8.icon4_text}</span>
+                                    </div>
+                                    <div class="icon-item">
+                                        <Image class="h-full" src={extra.sc8.icon5} alt="icon" height={100} width={100} />
+                                        <span class="icon-desc">{extra.sc8.icon5_text}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="read-ps">
+                        *具体以实际体验<span class="text-nowrap">为准</span>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </main>
+</Layout>
+
+<style>
+    .sc2-swiper-box {
+        img {
+            height: 100%;
+        }
+    }
+    main {
+        padding: unset;
+        max-width: unset;
+    }
+    .app-read-sc5{
+        margin-top: 2rem;
+    }
+    .header-tag-title.seo {
+        position: absolute;
+        display: block;
+        height: 0;
+        width: 0;
+        overflow: hidden;
+        z-index: -1;
+    }
+    /*five page common css*/
+    .img_pc {
+        display: inline-block;
+    }
+
+    .img_sp {
+        display: none;
+    }
+
+    .top_center {
+        max-width: 1100px;
+        width: 100%;
+        overflow: hidden;
+        margin: 0 auto;
+        padding-top: 70px;
+    }
+
+    .common_left {
+        float: left;
+        width: 50%;
+    }
+
+    .common_right {
+        float: right;
+    }
+
+    .common_btn a {
+        display: inline-block;
+        border: 1px solid #1681fb;
+        border-radius: 8px;
+        text-align: center;
+        padding: 10px 40px;
+        font-size: 18px;
+        color: #1681fb;
+        text-decoration-line: none;
+    }
+
+    .index_common {
+        padding-top: 80px;
+        text-align: center;
+        height: 700px;
+    }
+
+    .boutique {
+        height: 640px;
+    }
+
+    @media screen and (min-width: 1024px) {
+        .v4.n06-news-second-navigation .product-tabs__title .btn {
+            display: none !important;
+        }
+    }
+
+    @media (max-width: 1100px) {
+        .top_center {
+            padding: 10% 2% 0;
+            max-width: 96%;
+            width: 100%;
+        }
+
+        .common_h1 {
+            font-size: 60px;
+        }
+    }
+
+    @media (max-width: 1024px) {
+        .common_logo {
+            margin-top: 46px;
+        }
+
+        .top_center {
+            padding: 5% 5% 0;
+            max-width: 90%;
+        }
+
+        .common_left {
+            float: none;
+            margin: 0 auto;
+            max-width: 660px;
+            width: 100%;
+        }
+
+        .common_right {
+            float: none;
+            padding-top: 30px;
+            text-align: center;
+        }
+
+        .common_btn {
+            width: 204px;
+            margin: 0 auto;
+        }
+
+        section.index_common p {
+            padding: 0 25px;
+        }
+    }
+
+    @media (max-width: 767px) {
+        .img_pc {
+            display: none;
+        }
+
+        .img_sp {
+            display: inline-block;
+        }
+
+        .common_left {
+            width: 100%;
+        }
+
+        .index_common {
+            padding-left: 4%;
+            padding-right: 4%;
+        }
+
+        .common_logo {
+            font-size: 19px;
+            line-height: 25px;
+            background-size: 36px;
+            padding: 5px 0 6px 45px;
+            margin-top: 40px;
+        }
+
+        .common_h1 {
+            font-size: 32px;
+            line-height: 42px;
+        }
+
+        section.index_top p,
+        section.index_common p {
+            font-size: 14px;
+            line-height: 22px;
+        }
+
+        .index_common p.font_14 {
+            font-size: 12px;
+            line-height: 18px;
+        }
+
+        .index_common h2 {
+            font-size: 32px;
+            line-height: 42px;
+        }
+
+        .index_common {
+            padding-top: 70px;
+            text-align: center;
+            height: 400px;
+        }
+    }
+
+    @media (max-width: 534px) {
+        .index_common h2 {
+            font-size: 28px;
+        }
+
+        section.index_top p {
+            padding-right: 10px;
+        }
+    }
+
+    @media (max-width: 414px) {
+        section.index_common p {
+            padding: 0 20px;
+        }
+    }
+
+    .product-tabs-wrap .btn {
+        background-color: #ce0e2d !important;
+        border-radius: 23px;
+        color: #fff;
+        text-align: center;
+        height: 32px;
+        line-height: 32px !important;
+        cursor: pointer;
+        display: -ms-flexbox !important;
+        display: flex !important;
+        padding: 0 24px !important;
+        -ms-flex-align: center;
+        align-items: center;
+        transition: 0.3s ease-out;
+        border: 0 !important;
+        width: max-content;
+    }
+
+    .product-tabs-wrap .btn:hover .download-popup {
+        display: block !important;
+    }
+</style>
+<script>
+import Swiper from "swiper";
+import { Autoplay } from "swiper/modules";
+Swiper.use([Autoplay]);
+
+document.addEventListener('DOMContentLoaded', function() {
+    const swiper = new Swiper(".sc2-swiper-box", {
+        loop: true,
+        slidesPerView: "auto",
+        spaceBetween: 2,
+        autoplay: {
+            delay: 1000,
+            disableOnInteraction: false,
+        },
+        allowTouchMove: false,
+    });
+});
+</script>
\ No newline at end of file
diff --git a/src/pages/template/2/news.astro b/src/pages/template/2/news.astro
new file mode 100644
index 0000000..554e50d
--- /dev/null
+++ b/src/pages/template/2/news.astro
@@ -0,0 +1,228 @@
+---
+import Layout from '../../../layouts/Layout_2.astro';
+import { newsIndex } from '../../../../utils/rpc';
+import { getConfig } from '../../../../utils/config';
+import { TP2_COLUMN_NEWS, TP2_COLUMN_NEWS_URL } from '../../../../utils/const';
+const config = getConfig(Astro)
+const {code, data} = await newsIndex();
+const breadcrumb = [
+    {
+        title: '主页',
+        url: '/'
+    }, {
+        title: TP2_COLUMN_NEWS,
+        url: TP2_COLUMN_NEWS_URL
+    }
+]
+---
+<Layout title={TP2_COLUMN_NEWS + `- ${config.app_name}`} breadcrumb={breadcrumb}>
+    <main class="v4 main page-news">
+        <div class="news-list-component">
+            <div class="v4 h05-hero-text-only no-margin centered" data-component="h05-hero-text-only" data-video-width="0" data-video-height="0">
+                <div class="container">
+                    <div class="wrap">
+                        <h1 class="columns-name">新闻</h1>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="wrap wrap--small">
+                    <div class="result-product">
+                        <div class="result-product__items news-archive-items">
+                            {
+                                data.map(news => (
+                                    <a href={`/news/${news.id}`} class="result-product__item result-product__item--border">
+                                        <div class="result-product__content">
+                                            <span class="result-product__label">{news.created_at}</span>
+                                            <div class="heading result-product__title">{news.title}</div>
+                                            <p class="result-product__info">{news.description}</p>
+                                        </div>
+                                        <div class="result-product__media ">
+                                            <img class="result-product__image img-lazy show success-img" alt={news.title} src={news.cover} onerror="imgErrorUrl(this)" style="">
+                                        </div>
+                                    </a>
+                                ))
+                              }
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+</Layout>
+<style>
+    .page-news {
+        background-color: #fff !important;
+        padding-top: 5rem;
+        .result-product__image {
+            border-radius: 16px;
+        }
+
+        .columns-name {
+            font-size: 5rem;
+            padding: 3rem;
+        }
+
+        .result-product__media {
+            -webkit-box-flex: 0;
+            -webkit-flex: 0 0 260px;
+            -ms-flex: 0 0 260px;
+            flex: 0 0 260px;
+            max-width: 260px;
+            height: 173.3px;
+            position: relative
+        }
+        .result-product__image {
+            max-width: 100%;
+            max-height: 100%;
+            width: 100%;
+            height: 100%;
+            border: 0;
+            vertical-align: middle;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%,-50%);
+            cursor: pointer
+        }
+
+        .result-product__item {
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .result-product__info {
+            font-size: 16px;
+            font-weight: 500;
+            color: #7f7f7f;
+            line-height: 1.5
+        }
+
+        .result-product__label {
+            font-size: 14px;
+            font-weight: 500;
+            color: #7f7f7f;
+            line-height: 1.71;
+            display: block;
+            margin-bottom: 8px
+        }
+
+    .result-product__title {
+        font-size: 22px;
+        font-weight: 700;
+        line-height: 1.45;
+        color: #000;
+        display: block;
+        margin-bottom: 8px;
+        max-height: 120px;
+        overflow: hidden
+    }
+
+    .result-product__item--border {
+        border-bottom: 1px solid #ededed
+    }
+
+    .result-product__item {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        padding: 32px 0
+    }
+
+
+    .result-product {
+        margin-bottom: 80px
+    }
+
+    .result-product:last-of-type {
+        margin-bottom: 0
+    }
+
+    .result-product__items {
+        display: block;
+        background-color: #fff
+    }
+
+    .result-product__item {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        padding: 32px 0
+    }
+
+    @media only screen and (min-width: 1200px) {
+        .no-touch .result-product__item:hover .result-product__title {
+            color:#7f7f7f
+        }
+
+        .no-touch .result-product__item:hover .result-product__image--thumb::before {
+            opacity: .5
+        }
+    }
+
+    @media screen and (max-width: 768px) {
+        .result-product__media {
+            -webkit-box-flex: 0;
+            -webkit-flex: 0 0 120px;
+            -ms-flex: 0 0 120px;
+            flex: 0 0 120px;
+            height: 90px;
+            background-color: unset
+        }
+
+        .result-product__info {
+            display: none;
+        }
+
+        .result-product__title {
+            font-size: 15px;
+        }
+
+        .result-product__content  {
+            display: flex;
+            flex-direction: column-reverse;
+        }
+    }
+
+    .result-product__item--border {
+        border-bottom: 1px solid #ededed
+    }
+
+    .result-product__item-title {
+        font-size: 22px;
+        font-weight: 700;
+        line-height: 1.45;
+        color: #000;
+        display: block;
+        padding-bottom: 24px;
+        padding-top: 80px
+    }
+
+    .result-product__item-title--big {
+        font-size: 32px;
+        line-height: 1.25;
+        letter-spacing: -0.5px
+    }
+
+    .result-product__label {
+        font-size: 14px;
+        font-weight: 500;
+        color: #7f7f7f;
+        line-height: 1.71;
+        display: block;
+        margin-bottom: 8px
+    }
+
+    .result-product__content-text {
+        position: relative;
+        -webkit-transform: translateY(-50%);
+        transform: translateY(-50%);
+        top: 50%;
+        max-width: 730px;
+        padding-right: 20px
+    }
+}
+
+</style>
diff --git a/src/pages/template/2/news/[...slug].astro b/src/pages/template/2/news/[...slug].astro
new file mode 100644
index 0000000..30d1279
--- /dev/null
+++ b/src/pages/template/2/news/[...slug].astro
@@ -0,0 +1,342 @@
+---
+import Layout from '../../../../layouts/Layout_2.astro';
+import { newsDetail } from '../../../../../utils/rpc';
+import { getConfig } from '../../../../../utils/config';
+import { TP2_COLUMN_NEWS, TP2_COLUMN_NEWS_URL } from '../../../../../utils/const';
+const { slug } = Astro.params;
+const config = getConfig(Astro)
+if (!slug) {
+  return Astro.redirect('/404');
+}
+
+const {code, data} = await newsDetail(slug);
+
+if (!data || code !== 0) {
+  return Astro.redirect('/404');
+}
+
+const breadcrumb = [{
+    title: '主页',
+    url: '/'
+}, {title: TP2_COLUMN_NEWS, url: TP2_COLUMN_NEWS_URL}, {title: data.title, url: 'javascript:void(0);'}]
+---
+<Layout breadcrumb={breadcrumb} title={`${data.title} - ${config.app_name}`} keywords={data.keywords} description={data.description}>
+    <div class="v4 header-placeholder nav-v2" id="header-placeholder"></div>
+    <div class="html-text-component parbase">
+        <div class="v4 n06-news-second-navigation" id="news-second-navigation-v4" data-component="n06-news-second-navigation">
+            <div class="product-tabs-wrap container">
+                <div class="product-tabs__heading">
+                    <div class="product-tabs__title body-medium">
+                        <a title={TP2_COLUMN_NEWS} href={TP2_COLUMN_NEWS_URL} class="product-link product-link__active">{TP2_COLUMN_NEWS}</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+  <main class="news-main">
+    <div class="news-container">
+      <article class="news-detail-content">
+        <span class="news-date">发布于: {data.created_at}</span>
+        <h1 class="title" title="标题">{data.title}</h1>
+        <div class="top-icon"></div>
+        <div class="news-content" set:html={data.content}>
+        </div>
+
+        
+        <!-- <div class="news-navigation">
+          {
+            data.prevNews && (
+              <div>
+                <span>上一篇: </span>
+                <a class="news-prev news-link" title={data.prevNews.title} href={`/news/${data.prevNews.id}`}>{data.prevNews.title}</a>
+              </div>
+            )
+          }
+          {
+            data.nextNews && (
+            <div>
+                <span>下一篇: </span>
+                <a class="news-next news-link" title={data.nextNews.title} href={`/news/${data.nextNews.id}`}>{data.nextNews.title}</a>
+            </div>
+            )
+          }
+        </div> -->
+      </article>
+
+      <!-- <aside class="news-sidebar">
+        <div class="related-news">
+          <h3>相关新闻</h3>
+          <ul>
+            {data.about.map(item => (
+              <li>
+                <a class="news-link" title={item.title} href={`/news/${item.id}`}>
+                  <span class="related-title">{item.title}</span>
+                  {/* <span class="related-date">{item.date}</span> */}
+                </a>
+              </li>
+            ))}
+          </ul>
+        </div>
+      </aside> -->
+    </div>
+  </main>
+
+  <style is:inline>
+    .news-content p {
+        margin: 20px 0;
+        color: #6f6f6f;
+        font-size: 18px;
+        line-height: 32px;
+    }
+    .news-content img {
+      max-width: 100%;
+      height: auto;
+    }
+  </style>
+  <style>
+
+    article {
+        width: 50rem;
+    }
+
+    .news-main {
+        margin-top: 5rem;
+    }
+
+
+    .top-icon {
+        padding-bottom: 30px;
+        border-bottom: 1px solid #e0e0e0
+    }
+
+    .news-date {
+        font-weight: 700;
+        font-size: 14px;
+        color: #d0021b;
+        line-height: 17px;
+        margin-bottom: 30px;
+        display: inline-block
+    }
+
+    .news-meta {
+      border-bottom: 1px solid var(--text-primary);
+      color: black;
+      padding-bottom: 1rem;
+      margin-bottom: 1rem;
+    }
+    .title {
+      font-size: 2.5rem;
+      text-align: left;
+      font-weight: 700;
+      color: var(--text-primary);
+      margin-bottom: 1.5rem;
+      line-height: 1.4;
+    }
+
+    .news-meta {
+      display: flex;
+      justify-content: center;
+      gap: 2rem;
+      margin-bottom: 1.5rem;
+    }
+
+    .news-meta span{
+      color: var(--text-primary);
+    }
+
+    /* .news-date, .news-author {
+      color: rgba(255, 255, 255, 0.9);
+      font-size: 1rem;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    } */
+
+    .news-author a {
+      color: black;
+      text-decoration: none;
+    }
+/* 
+    .news-date::before {
+      content: '📅';
+    }
+
+    .news-author::before {
+      content: '👤';
+    } */
+
+    .news-tags {
+      display: flex;
+      justify-content: center;
+      gap: 1rem;
+      flex-wrap: wrap;
+    }
+
+    .news-tag {
+      background: rgba(255, 255, 255, 0.15);
+      color: white;
+      padding: 0.3rem 1rem;
+      border-radius: var(--radius-md);
+      font-size: 0.9rem;
+      backdrop-filter: blur(4px);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      transition: all 0.3s ease;
+    }
+
+    .news-tag:hover {
+      background: rgba(255, 255, 255, 0.25);
+      transform: translateY(-1px);
+    }
+
+    .news-container {
+      max-width: 1200px;
+      margin: -2rem auto 0;
+      /* padding: 0 1.5rem 3rem; */
+      /* display: grid; */
+      /* grid-template-columns: 1fr 320px; */
+      /* gap: 2.5rem; */
+      position: relative;
+
+      display: flex;
+      justify-content: center;
+    }
+
+    .news-detail-content {
+      border-right: 1px solid var(--text-primary);
+      padding: 3rem;
+      position: relative;
+      overflow: hidden;
+    }
+
+    .news-content {
+      padding-top: 3rem;
+      font-size: 1.1rem;
+      line-height: 1.3;
+    }
+
+    .news-images {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+      gap: 1.5rem;
+      margin-bottom: 2rem;
+    }
+
+    .news-images img {
+      width: 100%;
+      height: auto;
+      border-radius: var(--radius-lg);
+      box-shadow: var(--shadow-md);
+      transition: transform 0.3s ease;
+    }
+
+    .news-images img:hover {
+      transform: scale(1.02);
+    }
+
+    .news-content p {
+      margin-bottom: 1.8rem;
+    }
+
+    .news-content p:last-child {
+      margin-bottom: 0;
+    }
+
+    .news-navigation {
+      margin-top: 1rem;
+      padding-top: 2rem;
+      border-top: 1px solid var(--divider-color);
+    }
+
+    .news-sidebar {
+      position: sticky;
+      top: 2rem;
+      height: fit-content;
+    }
+
+    .related-news {
+      padding: 1rem;
+      /* box-shadow: var(--shadow-lg); */
+    }
+
+    .related-news h3 {
+      font-size: 1.2rem;
+      color: var(--text-primary);
+      margin-bottom: 1.5rem;
+      padding-bottom: 1rem;
+      border-bottom: 1px solid var(--text-primary);
+    }
+
+    .related-news ul {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+
+    .related-news li {
+      /* margin-bottom: 1.2rem;
+      padding-bottom: 1.2rem; */
+      border-bottom: 1px solid var(--divider-color);
+    }
+
+    .related-news li:last-child {
+      margin-bottom: 0;
+      padding-bottom: 0;
+      border-bottom: none;
+    }
+
+    .related-news a {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+      text-decoration: none;
+      /* color: var(--text-secondary); */
+      /* color: black; */
+      transition: all 0.3s ease;
+      padding: 0.4rem;
+      border-radius: var(--radius-md);
+    }
+
+    .related-news a:hover {
+      transform: translateX(5px);
+    }
+
+    .related-title {
+      font-size: 1rem;
+      line-height: 1.5;
+    }
+
+    .related-date {
+      font-size: 0.9rem;
+      color: var(--text-tertiary);
+    }
+
+    @media (max-width: 1024px) {
+      .news-container {
+        grid-template-columns: 1fr;
+        margin-top: -1rem;
+      }
+
+      .news-sidebar {
+        position: static;
+      }
+    }
+
+    @media (max-width: 480px) {
+
+      .news-detail-content {
+        padding: 1.5rem;
+        border: none;
+      }
+
+      .news-share {
+        flex-wrap: wrap;
+        gap: 0.8rem;
+      }
+
+      .share-btn {
+        width: 100%;
+        text-align: center;
+      }
+    }
+  </style>
+</Layout>
diff --git a/src/pages/template/2/protect.astro b/src/pages/template/2/protect.astro
new file mode 100644
index 0000000..c84c004
--- /dev/null
+++ b/src/pages/template/2/protect.astro
@@ -0,0 +1,127 @@
+---
+import Layout from "../../../layouts/Layout_2.astro";
+import { getConfig } from "../../../../utils/config";
+import { TP2_COLUMN_PROTECT, TP2_COLUMN_PROTECT_URL } from "../../../../utils/const";
+const config = getConfig(Astro);
+const breadcrumb = [
+  { title: '主页', url: '/' },
+  { title: TP2_COLUMN_PROTECT, url: TP2_COLUMN_PROTECT_URL }
+];
+---
+<Layout title={TP2_COLUMN_PROTECT + ` - ${config.app_name}`} breadcrumb={breadcrumb}>
+  <main>
+    <article id="protect" class="protect-article">
+      <header>
+        <h1>未成年人及老年人保护</h1>
+        <div class="line"></div>
+        <p class="protect-lead">未成年人及老年人保护是一项重要的社会责任，旨在为这两个群体提供安全、健康、友好的使用和生活环境，帮助他们免受各种风险和不良影响。以下是全面的保护措施：</p>
+      </header>
+
+      <section>
+        <h2>1. 隐私与信息安全</h2>
+        <ul>
+          <li><strong>信息采集限制：</strong> 对未成年人与老年人的个人信息收集严格限制，确保其信息安全，通常需要监护人或本人明确同意。</li>
+          <li><strong>隐私保护：</strong> 所有信息采用加密存储，防止信息泄露，并提供删除或纠正信息的渠道，保障信息的私密性。</li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>2. 内容审查与适龄分级</h2>
+        <ul>
+          <li><strong>内容分级：</strong> 根据不同年龄段的需求提供适龄内容筛选和推荐，确保内容积极健康。</li>
+          <li><strong>不良信息屏蔽：</strong> 建立内容审查机制，严格筛选暴力、色情、赌博等不良信息，避免不良内容对未成年人与老年人群体的负面影响。</li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>3. 消费保护与防诈骗措施</h2>
+        <ul>
+          <li><strong>消费限制与提醒：</strong> 为未成年人设置消费限额，老年人则设置消费确认机制，确保他们在明知消费内容的情况下进行支付，避免不必要的支出。</li>
+          <li><strong>退款与防诈骗保障：</strong> 未成年人在未经监护人同意或超出授权范围的消费可申请全额退款；老年人误操作等无意消费可申请全额退款。</li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>4. 简化使用和无障碍设计</h2>
+        <ul>
+          <li><strong>操作简化：</strong> 为老年人提供简化的操作界面和流程，如大字体、简洁的交互设计等，确保无障碍使用体验。</li>
+          <li><strong>辅助功能支持：</strong> 提供放大镜、语音提示等辅助工具，保障老年人群体中的特殊需求人群也能流畅使用。</li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>5. 紧急求助与举报机制</h2>
+        <ul>
+          <li><strong>快速求助通道：</strong> 为未成年人和老年人提供紧急求助渠道，遇到困扰、骚扰或欺凌问题时可及时求助。</li>
+          <li><strong>举报不良行为：</strong> 提供举报功能，未成年人、老年人及其家人均可举报不良信息或行为，平台会快速响应并采取处理措施。</li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>6. 社会责任与法规合规</h2>
+        <ul>
+          <li><strong>政策法规合规：</strong> 严格遵循《未成年人保护法》《网络安全法》《老年人权益保障法》等相关法律，切实保障他们的合法权益。</li>
+          <li><strong>社会监督与责任落实：</strong> 接受公众和社会机构的监督，公开未成年人和老年人保护的政策和措施，并通过改进保护策略不断提升服务质量。</li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>我们的承诺</h2>
+        <p>葫芦时刻旨在为未成年人及老年人创造一个安全、健康、积极的网络阅读环境，提升他们的生活质量和使用体验，积极履行企业的社会责任，构建包容、关爱的网络生态环境。</p>
+      </section>
+    </article>
+  </main>
+  <style>
+    .protect-article {
+      max-width: 900px;
+      margin: 2rem auto;
+      padding: 2rem 1.5rem;
+      background: #fff;
+      border-radius: 16px;
+      /* box-shadow: 0 2px 16px rgba(0,0,0,0.04); */
+      font-size: 1.08rem;
+      color: #333;
+    }
+    .protect-article h1 {
+      font-size: 2rem;
+      font-weight: 700;
+      margin-bottom: 1.2rem;
+      text-align: center;
+    }
+    .protect-article h2 {
+      font-size: 1.2rem;
+      font-weight: 600;
+      margin: 2rem 0 0.7rem 0;
+      color: #000;
+    }
+    .protect-lead {
+      color: #666;
+      font-size: 1.08rem;
+      margin-bottom: 1.5rem;
+      text-align: center;
+    }
+    .protect-article ul {
+      padding-left: 1.2em;
+      margin: 0 0 1.2em 0;
+    }
+    .protect-article ul li {
+      margin-bottom: 0.5em;
+      line-height: 1.8;
+    }
+    .protect-article section {
+      margin-bottom: 1.5em;
+    }
+    @media (max-width: 600px) {
+      .protect-article {
+        padding: 1rem 0.5rem;
+        font-size: 0.98rem;
+      }
+      .protect-article h1 {
+        font-size: 1.3rem;
+      }
+      .protect-article h2 {
+        font-size: 1.05rem;
+      }
+    }
+  </style>
+</Layout>
\ No newline at end of file
diff --git a/src/styles/template_2/banner.css b/src/styles/template_2/banner.css
new file mode 100644
index 0000000..2c4c977
--- /dev/null
+++ b/src/styles/template_2/banner.css
@@ -0,0 +1,48 @@
+.v4.h06-in-page-banner .banner-item{position:relative;margin-bottom:80px}
+.v4.h06-in-page-banner .banner-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:736px;background-color:#ddd;padding:3vw 5.3vw 80px;margin-bottom:16px}
+.v4.h06-in-page-banner .banner-block__in{width:58%;display:flex;display:-webkit-flex;flex-direction:column;justify-content:center}
+.v4.h06-in-page-banner .banner-block__heading{letter-spacing:1px;line-height:1.09;margin-bottom:20px;font-size:64px;max-height:146px;overflow:hidden}
+.v4.h06-in-page-banner .banner-block__text{margin-bottom:40px;font-weight:700;font-size:18px;max-height:50px;overflow:hidden}
+@media only screen and (min-width:1920px){.v4.h06-in-page-banner .banner-block__text{font-size:24px;line-height:1.2;max-height:58px}
+}
+@media only screen and (min-width:1200px) and (max-width:1600px){.v4.h06-in-page-banner .banner-block__text{margin-bottom:20px}
+}
+.v4.h06-in-page-banner .banner-block--centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
+.v4.h06-in-page-banner .banner-block--centered .banner-block__in{text-align:center}
+.v4.h06-in-page-banner .banner-block--right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
+.v4.h06-in-page-banner .banner-block--dark-theme{color:#fff}
+.v4.h06-in-page-banner .banner-block--dark-theme .banner-block__heading,.v4.h06-in-page-banner .banner-block--dark-theme .banner-block__text{color:#fff}
+.v4.h06-in-page-banner .banner-block--dark-theme .banner-block__btn{background-color:#fff;color:#000;border-color:#fff}
+.v4.h06-in-page-banner .banner-item__text{font-size:12px;font-weight:400;line-height:1.6;color:#000;max-width:880px;display:none}
+.v4.h06-in-page-banner .banner-block--image{background-position:center center;background-repeat:no-repeat;background-size:cover}
+@media only screen and (max-width:1199.98px){.huawei-v4 .v4.h06-in-page-banner:last-of-type{margin-bottom:0}
+.huawei-v4 .v4.h06-in-page-banner:last-of-type .banner-item{margin-bottom:0}
+.v4.h06-in-page-banner{margin-bottom:40px}
+.v4.h06-in-page-banner .banner-block--right{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
+.v4.h06-in-page-banner .container{padding:0}
+.v4.h06-in-page-banner .banner-item__text{padding:0 20px}
+.v4.h06-in-page-banner .banner-item{margin-bottom:64px}
+.v4.h06-in-page-banner .banner-block{padding:40px 20px;height:640px}
+.v4.h06-in-page-banner .banner-block__in{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
+.v4.h06-in-page-banner .banner-block__heading{font-size:48px;margin-bottom:20px;max-height:110px}
+.v4.h06-in-page-banner .banner-block__text{margin-bottom:28px}
+.v4.h06-in-page-banner .banner-block__btns{margin-bottom:10px}
+.v4.h06-in-page-banner .banner-block__in{justify-content:flex-start;max-width:860px;width:auto}
+}
+@media only screen and (width:1600px){.v4.h06-in-page-banner .banner-block{height:690px}
+}
+@media only screen and (min-width:1200px) and (max-width:1599.98px){.v4.h06-in-page-banner .banner-block__heading{font-size:48px;max-height:110px}
+.v4.h06-in-page-banner .banner-block{height:45vw}
+}
+@media only screen and (min-width:922px) and (max-width:1199.98px){.v4.h06-in-page-banner .banner-block{height:840px}
+}
+@media only screen and (min-width:768px) and (max-width:921px){.v4.h06-in-page-banner .banner-block{height:740px}
+.v4.h06-in-page-banner .banner-block__heading{font-size:30px;max-height:66px}
+.v4.h06-in-page-banner .banner-block__text{font-size:16px;max-height:50px}
+}
+@media only screen and (max-width:767px){.v4.h06-in-page-banner .banner-block{height:640px}
+}
+@media only screen and (max-width:767.98px){.v4.h06-in-page-banner .banner-block__heading{font-size:30px;max-height:66px;margin-bottom:10px}
+.v4.h06-in-page-banner .banner-block__text{font-size:14px;max-height:72px;margin-bottom:12px}
+.v4.h06-in-page-banner .banner-block__in{max-width:100%}
+}
\ No newline at end of file
diff --git a/src/styles/template_2/common-v4-nav-v2.css b/src/styles/template_2/common-v4-nav-v2.css
new file mode 100644
index 0000000..67538b1
--- /dev/null
+++ b/src/styles/template_2/common-v4-nav-v2.css
@@ -0,0 +1,10135 @@
+@charset "UTF-8";@media(min-width: 1024px) {
+    .phoenix-layout .phoenix-layout-container {
+        max-width:1190px;
+        margin: 0 auto
+    }
+
+    .phoenix-layout.one-column>.content>div {
+        width: 100%
+    }
+
+    .phoenix-layout.two-column>.content>div {
+        width: 50%
+    }
+
+    .phoenix-layout.three-column>.content>div {
+        width: 33.33333333%
+    }
+
+    .phoenix-layout.four-column>.content>div {
+        width: 25%
+    }
+
+    .phoenix-layout>.content {
+        overflow: hidden
+    }
+
+    .phoenix-layout>.content>div {
+        float: left
+    }
+
+    .phoenix-layout .newpar {
+        width: 100% !important
+    }
+}
+
+.phoenix-pt {
+    padding: 50px 0 50px !important
+}
+
+.pix-skeleton-root {
+    display: none
+}
+
+div[card-type='uiCard'][card-wcm-mode='DISABLED']+.pix-skeleton-root {
+    display: block;
+    position: relative
+}
+
+@keyframes pix-fade-in {
+    0.00001%,100% {
+        opacity: 0
+    }
+
+    50% {
+        opacity: 1
+    }
+}
+
+:root {
+    --swiper-theme-color: #007aff
+}
+
+:host {
+    position: relative;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    z-index: 1
+}
+
+.swiper {
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+    overflow: hidden;
+    list-style: none;
+    padding: 0;
+    z-index: 1;
+    display: block
+}
+
+.swiper-vertical>.swiper-wrapper {
+    flex-direction: column
+}
+
+.swiper-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    display: flex;
+    transition-property: transform;
+    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
+    box-sizing: content-box
+}
+
+.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
+    transform: translate3d(0,0,0)
+}
+
+.swiper-horizontal {
+    touch-action: pan-y
+}
+
+.swiper-vertical {
+    touch-action: pan-x
+}
+
+.swiper-slide {
+    flex-shrink: 0;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    transition-property: transform;
+    display: block
+}
+
+.swiper-slide-invisible-blank {
+    visibility: hidden
+}
+
+.swiper-autoheight,.swiper-autoheight .swiper-slide {
+    height: auto
+}
+
+.swiper-autoheight .swiper-wrapper {
+    align-items: flex-start;
+    transition-property: transform,height
+}
+
+.swiper-backface-hidden .swiper-slide {
+    transform: translateZ(0);
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden
+}
+
+.swiper-3d.swiper-css-mode .swiper-wrapper {
+    perspective: 1200px
+}
+
+.swiper-3d .swiper-wrapper {
+    transform-style: preserve-3d
+}
+
+.swiper-3d {
+    perspective: 1200px
+}
+
+.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
+    transform-style: preserve-3d
+}
+
+.swiper-css-mode>.swiper-wrapper {
+    overflow: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none
+}
+
+.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
+    display: none
+}
+
+.swiper-css-mode>.swiper-wrapper>.swiper-slide {
+    scroll-snap-align: start start
+}
+
+.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
+    scroll-snap-type: x mandatory
+}
+
+.swiper-css-mode.swiper-vertical>.swiper-wrapper {
+    scroll-snap-type: y mandatory
+}
+
+.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
+    scroll-snap-type: none
+}
+
+.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
+    scroll-snap-align: none
+}
+
+.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
+    content: '';
+    flex-shrink: 0;
+    order: 9999
+}
+
+.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
+    scroll-snap-align: center center;
+    scroll-snap-stop:always}
+
+.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
+    margin-inline-start:var(--swiper-centered-offset-before)}
+
+.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
+    height:100%;
+    min-height: 1px;
+    width: var(--swiper-centered-offset-after)
+}
+
+.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
+    margin-block-start:var(--swiper-centered-offset-before)}
+
+.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
+    width:100%;
+    min-width: 1px;
+    height: var(--swiper-centered-offset-after)
+}
+
+.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: 10
+}
+
+.swiper-3d .swiper-slide-shadow {
+    background: rgba(0,0,0,.15)
+}
+
+.swiper-3d .swiper-slide-shadow-left {
+    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
+}
+
+.swiper-3d .swiper-slide-shadow-right {
+    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
+}
+
+.swiper-3d .swiper-slide-shadow-top {
+    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
+}
+
+.swiper-3d .swiper-slide-shadow-bottom {
+    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
+}
+
+.swiper-lazy-preloader {
+    width: 42px;
+    height: 42px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: -21px;
+    margin-top: -21px;
+    z-index: 10;
+    transform-origin: 50%;
+    box-sizing: border-box;
+    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
+    border-radius: 50%;
+    border-top-color: transparent
+}
+
+.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
+    animation: swiper-preloader-spin 1s infinite linear
+}
+
+.swiper-lazy-preloader-white {
+    --swiper-preloader-color: #fff
+}
+
+.swiper-lazy-preloader-black {
+    --swiper-preloader-color: #000
+}
+
+@keyframes swiper-preloader-spin {
+
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+.swiper-virtual .swiper-slide {
+    -webkit-backface-visibility: hidden;
+    transform: translateZ(0)
+}
+
+.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    pointer-events: none
+}
+
+.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
+    height: 1px;
+    width: var(--swiper-virtual-size)
+}
+
+.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
+    width: 1px;
+    height: var(--swiper-virtual-size)
+}
+
+:root {
+    --swiper-navigation-size: 44px
+}
+
+.swiper-button-next,.swiper-button-prev {
+    position: absolute;
+    top: var(--swiper-navigation-top-offset,50%);
+    width: calc(var(--swiper-navigation-size)/ 44 * 27);
+    height: var(--swiper-navigation-size);
+    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
+    z-index: 10;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--swiper-navigation-color,var(--swiper-theme-color))
+}
+
+.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
+    opacity: .35;
+    cursor: auto;
+    pointer-events: none
+}
+
+.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
+    opacity: 0;
+    cursor: auto;
+    pointer-events: none
+}
+
+.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
+    display: none !important
+}
+
+.swiper-button-next svg,.swiper-button-prev svg {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    transform-origin: center
+}
+
+.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
+    transform: rotate(180deg)
+}
+
+.swiper-button-prev,.swiper-rtl .swiper-button-next {
+    left: var(--swiper-navigation-sides-offset,10px);
+    right: auto
+}
+
+.swiper-button-next,.swiper-rtl .swiper-button-prev {
+    right: var(--swiper-navigation-sides-offset,10px);
+    left: auto
+}
+
+.swiper-button-lock {
+    display: none
+}
+
+.swiper-button-next:after,.swiper-button-prev:after {
+    font-family: swiper-icons;
+    font-size: var(--swiper-navigation-size);
+    text-transform: none !important;
+    letter-spacing: 0;
+    font-variant: initial;
+    line-height: 1
+}
+
+.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
+    content: 'prev'
+}
+
+.swiper-button-next,.swiper-rtl .swiper-button-prev {
+    right: var(--swiper-navigation-sides-offset,10px);
+    left: auto
+}
+
+.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
+    content: 'next'
+}
+
+.swiper-pagination {
+    position: absolute;
+    text-align: center;
+    transition: .3s opacity;
+    transform: translate3d(0,0,0);
+    z-index: 10
+}
+
+.swiper-pagination.swiper-pagination-hidden {
+    opacity: 0
+}
+
+.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
+    display: none !important
+}
+
+.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
+    bottom: var(--swiper-pagination-bottom,8px);
+    top: var(--swiper-pagination-top,auto);
+    left: 0;
+    width: 100%
+}
+
+.swiper-pagination-bullets-dynamic {
+    overflow: hidden;
+    font-size: 0
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    transform: scale(.33);
+    position: relative
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+    transform: scale(1)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+    transform: scale(1)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+    transform: scale(.66)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+    transform: scale(.33)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+    transform: scale(.66)
+}
+
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+    transform: scale(.33)
+}
+
+.swiper-pagination-bullet {
+    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
+    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
+    display: inline-block;
+    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
+    background: var(--swiper-pagination-bullet-inactive-color,#000);
+    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
+}
+
+button.swiper-pagination-bullet {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    box-shadow: none;
+    -webkit-appearance: none;
+    appearance: none
+}
+
+.swiper-pagination-clickable .swiper-pagination-bullet {
+    cursor: pointer
+}
+
+.swiper-pagination-bullet:only-child {
+    display: none !important
+}
+
+.swiper-pagination-bullet-active {
+    opacity: var(--swiper-pagination-bullet-opacity,1);
+    background: var(--swiper-pagination-color,var(--swiper-theme-color))
+}
+
+.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
+    right: var(--swiper-pagination-right,8px);
+    left: var(--swiper-pagination-left,auto);
+    top: 50%;
+    transform: translate3d(0,-50%,0)
+}
+
+.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
+    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
+    display: block
+}
+
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+    top: 50%;
+    transform: translateY(-50%);
+    width: 8px
+}
+
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    display: inline-block;
+    transition: .2s transform,.2s top
+}
+
+.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
+    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
+}
+
+.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+    left: 50%;
+    transform: translateX(-50%);
+    white-space: nowrap
+}
+
+.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    transition: .2s transform,.2s left
+}
+
+.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+    transition: .2s transform,.2s right
+}
+
+.swiper-pagination-fraction {
+    color: var(--swiper-pagination-fraction-color,inherit)
+}
+
+.swiper-pagination-progressbar {
+    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
+    position: absolute
+}
+
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+    background: var(--swiper-pagination-color,var(--swiper-theme-color));
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    transform: scale(0);
+    transform-origin: left top
+}
+
+.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+    transform-origin: right top
+}
+
+.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+    width: 100%;
+    height: var(--swiper-pagination-progressbar-size,4px);
+    left: 0;
+    top: 0
+}
+
+.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
+    width: var(--swiper-pagination-progressbar-size,4px);
+    height: 100%;
+    left: 0;
+    top: 0
+}
+
+.swiper-pagination-lock {
+    display: none
+}
+
+.swiper-scrollbar {
+    border-radius: var(--swiper-scrollbar-border-radius,10px);
+    position: relative;
+    touch-action: none;
+    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
+}
+
+.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
+    display: none !important
+}
+
+.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
+    position: absolute;
+    left: var(--swiper-scrollbar-sides-offset,1%);
+    bottom: var(--swiper-scrollbar-bottom,4px);
+    top: var(--swiper-scrollbar-top,auto);
+    z-index: 50;
+    height: var(--swiper-scrollbar-size,4px);
+    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
+}
+
+.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
+    position: absolute;
+    left: var(--swiper-scrollbar-left,auto);
+    right: var(--swiper-scrollbar-right,4px);
+    top: var(--swiper-scrollbar-sides-offset,1%);
+    z-index: 50;
+    width: var(--swiper-scrollbar-size,4px);
+    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
+}
+
+.swiper-scrollbar-drag {
+    height: 100%;
+    width: 100%;
+    position: relative;
+    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
+    border-radius: var(--swiper-scrollbar-border-radius,10px);
+    left: 0;
+    top: 0
+}
+
+.swiper-scrollbar-cursor-drag {
+    cursor: move
+}
+
+.swiper-scrollbar-lock {
+    display: none
+}
+
+.swiper-zoom-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center
+}
+
+.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain
+}
+
+.swiper-slide-zoomed {
+    cursor: move;
+    touch-action: none
+}
+
+.swiper .swiper-notification {
+    position: absolute;
+    left: 0;
+    top: 0;
+    pointer-events: none;
+    opacity: 0;
+    z-index: -1000
+}
+
+.swiper-free-mode>.swiper-wrapper {
+    transition-timing-function: ease-out;
+    margin: 0 auto
+}
+
+.swiper-grid>.swiper-wrapper {
+    flex-wrap: wrap
+}
+
+.swiper-grid-column>.swiper-wrapper {
+    flex-wrap: wrap;
+    flex-direction: column
+}
+
+.swiper-fade.swiper-free-mode .swiper-slide {
+    transition-timing-function: ease-out
+}
+
+.swiper-fade .swiper-slide {
+    pointer-events: none;
+    transition-property: opacity
+}
+
+.swiper-fade .swiper-slide .swiper-slide {
+    pointer-events: none
+}
+
+.swiper-fade .swiper-slide-active {
+    pointer-events: auto
+}
+
+.swiper-fade .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto
+}
+
+.swiper-cube {
+    overflow: visible
+}
+
+.swiper-cube .swiper-slide {
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    z-index: 1;
+    visibility: hidden;
+    transform-origin: 0 0;
+    width: 100%;
+    height: 100%
+}
+
+.swiper-cube .swiper-slide .swiper-slide {
+    pointer-events: none
+}
+
+.swiper-cube.swiper-rtl .swiper-slide {
+    transform-origin: 100% 0
+}
+
+.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto
+}
+
+.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
+    pointer-events: auto;
+    visibility: visible
+}
+
+.swiper-cube .swiper-cube-shadow {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    opacity: .6;
+    z-index: 0
+}
+
+.swiper-cube .swiper-cube-shadow:before {
+    content: '';
+    background: #000;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    filter: blur(50px)
+}
+
+.swiper-cube .swiper-slide-next+.swiper-slide {
+    pointer-events: auto;
+    visibility: visible
+}
+
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
+    z-index: 0;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden
+}
+
+.swiper-flip {
+    overflow: visible
+}
+
+.swiper-flip .swiper-slide {
+    pointer-events: none;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    z-index: 1
+}
+
+.swiper-flip .swiper-slide .swiper-slide {
+    pointer-events: none
+}
+
+.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
+    pointer-events: auto
+}
+
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
+    z-index: 0;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden
+}
+
+.swiper-creative .swiper-slide {
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    overflow: hidden;
+    transition-property: transform,opacity,height
+}
+
+.swiper-cards {
+    overflow: visible
+}
+
+.swiper-cards .swiper-slide {
+    transform-origin: center bottom;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    overflow: hidden
+}
+
+body {
+    font-family: "Manrope",Arial,Helvetica Neue,Helvetica,sans-serif;
+    font-size: 16px;
+    font-weight: 500;
+    color: #000;
+    line-height: 24px;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%
+}
+
+.huawei-v4,.huawei-v4>.v4 {
+    font-family: "Manrope",Arial,Helvetica Neue,Helvetica,sans-serif;
+    font-size: 16px;
+    font-weight: 500;
+    color: #000;
+    line-height: 24px;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden
+}
+
+* {
+    -webkit-tap-highlight-color: rgba(0,0,0,0)
+}
+
+div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,p {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font: inherit;
+    vertical-align: baseline
+}
+
+article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {
+    display: block
+}
+
+audio:not([controls]) {
+    display: none
+}
+
+[hidden],.hidden {
+    display: none
+}
+
+a {
+    text-decoration: none;
+    color: #000
+}
+
+a:focus,a:hover,a:active {
+    outline: 0
+}
+
+abbr[title] {
+    border-bottom: 1px dotted
+}
+
+b,strong {
+    font-weight: bold
+}
+
+blockquote {
+    margin: 0
+}
+
+dfn {
+    font-style: italic
+}
+
+hr {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #ccc;
+    margin: 1em 0;
+    padding: 0
+}
+
+ins {
+    background: #ff9;
+    color: #000;
+    text-decoration: none
+}
+
+pre,code,kbd,samp {
+    font-family: monospace,serif;
+    font-size: 1em
+}
+
+pre {
+    white-space: pre;
+    word-wrap: break-word
+}
+
+q {
+    quotes: none
+}
+
+q::before,q::after {
+    content: ''
+}
+
+small {
+    font-size: 85%
+}
+
+.huawei-v4 .v4 sub,.huawei-v4 .v4 sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline
+}
+
+.huawei-v4 .v4 sup {
+    top: -0.5em
+}
+
+.huawei-v4 .v4 sub {
+    bottom: -0.25em
+}
+
+nav ul,nav ol,ul,ol {
+    list-style: none;
+    list-style-image: none;
+    margin: 0;
+    padding: 0
+}
+
+img {
+    border: 0;
+    -ms-interpolation-mode: bicubic;
+    vertical-align: middle
+}
+
+svg:not(:root) {
+    overflow: hidden
+}
+
+figure {
+    margin: 0
+}
+
+form {
+    margin: 0
+}
+
+fieldset {
+    border: 0;
+    margin: 0;
+    padding: 0
+}
+
+label {
+    cursor: pointer
+}
+
+legend {
+    border: 0;
+    padding: 0;
+    white-space: normal
+}
+
+button,input,select {
+    font-size: 100%;
+    margin: 0;
+    padding: 0;
+    vertical-align: baseline;
+    outline: 0
+}
+
+button,input {
+    line-height: normal
+}
+
+button,input[type='button'],input[type='reset'],input[type='submit'] {
+    cursor: pointer;
+    -webkit-appearance: button
+}
+
+button[disabled],input[disabled] {
+    cursor: default
+}
+
+button::-moz-focus-inner,input::-moz-focus-inner {
+    border: 0;
+    padding: 0
+}
+
+textarea {
+    font-size: 100%;
+    margin: 0;
+    padding: 0;
+    outline: 0;
+    overflow: auto;
+    vertical-align: top;
+    resize: vertical
+}
+
+input:invalid,textarea:invalid {
+    background-color: #f0dddd
+}
+
+input,textarea,select {
+    outline: 0
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    border-color: transparent
+}
+
+td {
+    vertical-align: top
+}
+
+.clearfix:after {
+    content: " ";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden
+}
+
+.author-com-title {
+    width: 100%;
+    height: 40px;
+    line-height: 40px;
+    color: #000;
+    font-size: .875rem;
+    text-align: center;
+    font-weight: bold;
+    background-color: #ddd;
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #ccc
+}
+
+.author-com-title-hidden {
+    width: 0;
+    height: 0
+}
+
+.huawei-v4 .v4 .container-fluid {
+    width: 100%;
+    padding-right: 20px;
+    padding-left: 20px;
+    margin-right: auto;
+    margin-left: auto
+}
+
+.huawei-v4 .v4 .row {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin-right: -20px;
+    margin-left: -20px
+}
+
+.huawei-v4 .v4 .no-gutters {
+    margin-right: 0;
+    margin-left: 0
+}
+
+.huawei-v4 .v4 .no-gutters>.col,.huawei-v4 .v4 .no-gutters>[class*="col-"] {
+    padding-right: 0;
+    padding-left: 0
+}
+
+.huawei-v4 .v4 .col-1,.huawei-v4 .v4 .col-2,.huawei-v4 .v4 .col-3,.huawei-v4 .v4 .col-4,.huawei-v4 .v4 .col-5,.huawei-v4 .v4 .col-6,.huawei-v4 .v4 .col-7,.huawei-v4 .v4 .col-8,.huawei-v4 .v4 .col-9,.huawei-v4 .v4 .col-10,.huawei-v4 .v4 .col-11,.huawei-v4 .v4 .col-12,.huawei-v4 .v4 .col,.huawei-v4 .v4 .col-auto,.huawei-v4 .v4 .col-sm-1,.huawei-v4 .v4 .col-sm-2,.huawei-v4 .v4 .col-sm-3,.huawei-v4 .v4 .col-sm-4,.huawei-v4 .v4 .col-sm-5,.huawei-v4 .v4 .col-sm-6,.huawei-v4 .v4 .col-sm-7,.huawei-v4 .v4 .col-sm-8,.huawei-v4 .v4 .col-sm-9,.huawei-v4 .v4 .col-sm-10,.huawei-v4 .v4 .col-sm-11,.huawei-v4 .v4 .col-sm-12,.huawei-v4 .v4 .col-sm,.huawei-v4 .v4 .col-sm-auto,.huawei-v4 .v4 .col-md-1,.huawei-v4 .v4 .col-md-2,.huawei-v4 .v4 .col-md-3,.huawei-v4 .v4 .col-md-4,.huawei-v4 .v4 .col-md-5,.huawei-v4 .v4 .col-md-6,.huawei-v4 .v4 .col-md-7,.huawei-v4 .v4 .col-md-8,.huawei-v4 .v4 .col-md-9,.huawei-v4 .v4 .col-md-10,.huawei-v4 .v4 .col-md-11,.huawei-v4 .v4 .col-md-12,.huawei-v4 .v4 .col-md,.huawei-v4 .v4 .col-md-auto,.huawei-v4 .v4 .col-lg-1,.huawei-v4 .v4 .col-lg-2,.huawei-v4 .v4 .col-lg-3,.huawei-v4 .v4 .col-lg-4,.huawei-v4 .v4 .col-lg-5,.huawei-v4 .v4 .col-lg-6,.huawei-v4 .v4 .col-lg-7,.huawei-v4 .v4 .col-lg-8,.huawei-v4 .v4 .col-lg-9,.huawei-v4 .v4 .col-lg-10,.huawei-v4 .v4 .col-lg-11,.huawei-v4 .v4 .col-lg-12,.huawei-v4 .v4 .col-lg,.huawei-v4 .v4 .col-lg-auto,.huawei-v4 .v4 .col-xl-1,.huawei-v4 .v4 .col-xl-2,.huawei-v4 .v4 .col-xl-3,.huawei-v4 .v4 .col-xl-4,.huawei-v4 .v4 .col-xl-5,.huawei-v4 .v4 .col-xl-6,.huawei-v4 .v4 .col-xl-7,.huawei-v4 .v4 .col-xl-8,.huawei-v4 .v4 .col-xl-9,.huawei-v4 .v4 .col-xl-10,.huawei-v4 .v4 .col-xl-11,.huawei-v4 .v4 .col-xl-12,.huawei-v4 .v4 .col-xl,.huawei-v4 .v4 .col-xl-auto,.huawei-v4 .v4 .col-xxl-1,.huawei-v4 .v4 .col-xxl-2,.huawei-v4 .v4 .col-xxl-3,.huawei-v4 .v4 .col-xxl-4,.huawei-v4 .v4 .col-xxl-5,.huawei-v4 .v4 .col-xxl-6,.huawei-v4 .v4 .col-xxl-7,.huawei-v4 .v4 .col-xxl-8,.huawei-v4 .v4 .col-xxl-9,.huawei-v4 .v4 .col-xxl-10,.huawei-v4 .v4 .col-xxl-11,.huawei-v4 .v4 .col-xxl-12,.huawei-v4 .v4 .col-xxl,.huawei-v4 .v4 .col-xxl-auto {
+    position: relative;
+    width: 100%;
+    min-height: 1px;
+    padding-right: 20px;
+    padding-left: 20px
+}
+
+.huawei-v4 .v4 .col {
+    -webkit-flex-basis: 0;
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%
+}
+
+.huawei-v4 .v4 .col-auto {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 auto;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none
+}
+
+.huawei-v4 .v4 .col-1 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 8.33333%;
+    -ms-flex: 0 0 8.33333%;
+    flex: 0 0 8.33333%;
+    max-width: 8.33333%
+}
+
+.huawei-v4 .v4 .col-2 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 16.66667%;
+    -ms-flex: 0 0 16.66667%;
+    flex: 0 0 16.66667%;
+    max-width: 16.66667%
+}
+
+.huawei-v4 .v4 .col-3 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 25%;
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%
+}
+
+.huawei-v4 .v4 .col-4 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 33.33333%;
+    -ms-flex: 0 0 33.33333%;
+    flex: 0 0 33.33333%;
+    max-width: 33.33333%
+}
+
+.huawei-v4 .v4 .col-5 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 41.66667%;
+    -ms-flex: 0 0 41.66667%;
+    flex: 0 0 41.66667%;
+    max-width: 41.66667%
+}
+
+.huawei-v4 .v4 .col-6 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 50%;
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%
+}
+
+.huawei-v4 .v4 .col-7 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 58.33333%;
+    -ms-flex: 0 0 58.33333%;
+    flex: 0 0 58.33333%;
+    max-width: 58.33333%
+}
+
+.huawei-v4 .v4 .col-8 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 66.66667%;
+    -ms-flex: 0 0 66.66667%;
+    flex: 0 0 66.66667%;
+    max-width: 66.66667%
+}
+
+.huawei-v4 .v4 .col-9 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 75%;
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%
+}
+
+.huawei-v4 .v4 .col-10 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 83.33333%;
+    -ms-flex: 0 0 83.33333%;
+    flex: 0 0 83.33333%;
+    max-width: 83.33333%
+}
+
+.huawei-v4 .v4 .col-11 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 91.66667%;
+    -ms-flex: 0 0 91.66667%;
+    flex: 0 0 91.66667%;
+    max-width: 91.66667%
+}
+
+.huawei-v4 .v4 .col-12 {
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 0 100%;
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%
+}
+
+.huawei-v4 .v4 .offset-1 {
+    margin-left: 8.33333%
+}
+
+.huawei-v4 .v4 .offset-2 {
+    margin-left: 16.66667%
+}
+
+.huawei-v4 .v4 .offset-3 {
+    margin-left: 25%
+}
+
+.huawei-v4 .v4 .offset-4 {
+    margin-left: 33.33333%
+}
+
+.huawei-v4 .v4 .offset-5 {
+    margin-left: 41.66667%
+}
+
+.huawei-v4 .v4 .offset-6 {
+    margin-left: 50%
+}
+
+.huawei-v4 .v4 .offset-7 {
+    margin-left: 58.33333%
+}
+
+.huawei-v4 .v4 .offset-8 {
+    margin-left: 66.66667%
+}
+
+.huawei-v4 .v4 .offset-9 {
+    margin-left: 75%
+}
+
+.huawei-v4 .v4 .offset-10 {
+    margin-left: 83.33333%
+}
+
+.huawei-v4 .v4 .offset-11 {
+    margin-left: 91.66667%
+}
+
+@media only screen and (min-width: 576px) {
+    .huawei-v4 .v4 .col-sm {
+        -webkit-flex-basis:0;
+        -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+        -webkit-box-flex: 1;
+        -webkit-flex-grow: 1;
+        -ms-flex-positive: 1;
+        flex-grow: 1;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .col-sm-auto {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: auto;
+        max-width: none
+    }
+
+    .huawei-v4 .v4 .col-sm-1 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 8.33333%;
+        -ms-flex: 0 0 8.33333%;
+        flex: 0 0 8.33333%;
+        max-width: 8.33333%
+    }
+
+    .huawei-v4 .v4 .col-sm-2 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 16.66667%;
+        -ms-flex: 0 0 16.66667%;
+        flex: 0 0 16.66667%;
+        max-width: 16.66667%
+    }
+
+    .huawei-v4 .v4 .col-sm-3 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+        max-width: 25%
+    }
+
+    .huawei-v4 .v4 .col-sm-4 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 33.33333%;
+        -ms-flex: 0 0 33.33333%;
+        flex: 0 0 33.33333%;
+        max-width: 33.33333%
+    }
+
+    .huawei-v4 .v4 .col-sm-5 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 41.66667%;
+        -ms-flex: 0 0 41.66667%;
+        flex: 0 0 41.66667%;
+        max-width: 41.66667%
+    }
+
+    .huawei-v4 .v4 .col-sm-6 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+        max-width: 50%
+    }
+
+    .huawei-v4 .v4 .col-sm-7 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 58.33333%;
+        -ms-flex: 0 0 58.33333%;
+        flex: 0 0 58.33333%;
+        max-width: 58.33333%
+    }
+
+    .huawei-v4 .v4 .col-sm-8 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 66.66667%;
+        -ms-flex: 0 0 66.66667%;
+        flex: 0 0 66.66667%;
+        max-width: 66.66667%
+    }
+
+    .huawei-v4 .v4 .col-sm-9 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+        max-width: 75%
+    }
+
+    .huawei-v4 .v4 .col-sm-10 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 83.33333%;
+        -ms-flex: 0 0 83.33333%;
+        flex: 0 0 83.33333%;
+        max-width: 83.33333%
+    }
+
+    .huawei-v4 .v4 .col-sm-11 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 91.66667%;
+        -ms-flex: 0 0 91.66667%;
+        flex: 0 0 91.66667%;
+        max-width: 91.66667%
+    }
+
+    .huawei-v4 .v4 .col-sm-12 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .offset-sm-0 {
+        margin-left: 0
+    }
+
+    .huawei-v4 .v4 .offset-sm-1 {
+        margin-left: 8.33333%
+    }
+
+    .huawei-v4 .v4 .offset-sm-2 {
+        margin-left: 16.66667%
+    }
+
+    .huawei-v4 .v4 .offset-sm-3 {
+        margin-left: 25%
+    }
+
+    .huawei-v4 .v4 .offset-sm-4 {
+        margin-left: 33.33333%
+    }
+
+    .huawei-v4 .v4 .offset-sm-5 {
+        margin-left: 41.66667%
+    }
+
+    .huawei-v4 .v4 .offset-sm-6 {
+        margin-left: 50%
+    }
+
+    .huawei-v4 .v4 .offset-sm-7 {
+        margin-left: 58.33333%
+    }
+
+    .huawei-v4 .v4 .offset-sm-8 {
+        margin-left: 66.66667%
+    }
+
+    .huawei-v4 .v4 .offset-sm-9 {
+        margin-left: 75%
+    }
+
+    .huawei-v4 .v4 .offset-sm-10 {
+        margin-left: 83.33333%
+    }
+
+    .huawei-v4 .v4 .offset-sm-11 {
+        margin-left: 91.66667%
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    .huawei-v4 .v4 .col-md {
+        -webkit-flex-basis:0;
+        -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+        -webkit-box-flex: 1;
+        -webkit-flex-grow: 1;
+        -ms-flex-positive: 1;
+        flex-grow: 1;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .col-md-auto {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: auto;
+        max-width: none
+    }
+
+    .huawei-v4 .v4 .col-md-1 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 8.33333%;
+        -ms-flex: 0 0 8.33333%;
+        flex: 0 0 8.33333%;
+        max-width: 8.33333%
+    }
+
+    .huawei-v4 .v4 .col-md-2 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 16.66667%;
+        -ms-flex: 0 0 16.66667%;
+        flex: 0 0 16.66667%;
+        max-width: 16.66667%
+    }
+
+    .huawei-v4 .v4 .col-md-3 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+        max-width: 25%
+    }
+
+    .huawei-v4 .v4 .col-md-4 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 33.33333%;
+        -ms-flex: 0 0 33.33333%;
+        flex: 0 0 33.33333%;
+        max-width: 33.33333%
+    }
+
+    .huawei-v4 .v4 .col-md-5 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 41.66667%;
+        -ms-flex: 0 0 41.66667%;
+        flex: 0 0 41.66667%;
+        max-width: 41.66667%
+    }
+
+    .huawei-v4 .v4 .col-md-6 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+        max-width: 50%
+    }
+
+    .huawei-v4 .v4 .col-md-7 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 58.33333%;
+        -ms-flex: 0 0 58.33333%;
+        flex: 0 0 58.33333%;
+        max-width: 58.33333%
+    }
+
+    .huawei-v4 .v4 .col-md-8 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 66.66667%;
+        -ms-flex: 0 0 66.66667%;
+        flex: 0 0 66.66667%;
+        max-width: 66.66667%
+    }
+
+    .huawei-v4 .v4 .col-md-9 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+        max-width: 75%
+    }
+
+    .huawei-v4 .v4 .col-md-10 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 83.33333%;
+        -ms-flex: 0 0 83.33333%;
+        flex: 0 0 83.33333%;
+        max-width: 83.33333%
+    }
+
+    .huawei-v4 .v4 .col-md-11 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 91.66667%;
+        -ms-flex: 0 0 91.66667%;
+        flex: 0 0 91.66667%;
+        max-width: 91.66667%
+    }
+
+    .huawei-v4 .v4 .col-md-12 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .offset-md-0 {
+        margin-left: 0
+    }
+
+    .huawei-v4 .v4 .offset-md-1 {
+        margin-left: 8.33333%
+    }
+
+    .huawei-v4 .v4 .offset-md-2 {
+        margin-left: 16.66667%
+    }
+
+    .huawei-v4 .v4 .offset-md-3 {
+        margin-left: 25%
+    }
+
+    .huawei-v4 .v4 .offset-md-4 {
+        margin-left: 33.33333%
+    }
+
+    .huawei-v4 .v4 .offset-md-5 {
+        margin-left: 41.66667%
+    }
+
+    .huawei-v4 .v4 .offset-md-6 {
+        margin-left: 50%
+    }
+
+    .huawei-v4 .v4 .offset-md-7 {
+        margin-left: 58.33333%
+    }
+
+    .huawei-v4 .v4 .offset-md-8 {
+        margin-left: 66.66667%
+    }
+
+    .huawei-v4 .v4 .offset-md-9 {
+        margin-left: 75%
+    }
+
+    .huawei-v4 .v4 .offset-md-10 {
+        margin-left: 83.33333%
+    }
+
+    .huawei-v4 .v4 .offset-md-11 {
+        margin-left: 91.66667%
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    .huawei-v4 .v4 .col-lg {
+        -webkit-flex-basis:0;
+        -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+        -webkit-box-flex: 1;
+        -webkit-flex-grow: 1;
+        -ms-flex-positive: 1;
+        flex-grow: 1;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .col-lg-auto {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: auto;
+        max-width: none
+    }
+
+    .huawei-v4 .v4 .col-lg-1 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 8.33333%;
+        -ms-flex: 0 0 8.33333%;
+        flex: 0 0 8.33333%;
+        max-width: 8.33333%
+    }
+
+    .huawei-v4 .v4 .col-lg-2 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 16.66667%;
+        -ms-flex: 0 0 16.66667%;
+        flex: 0 0 16.66667%;
+        max-width: 16.66667%
+    }
+
+    .huawei-v4 .v4 .col-lg-3 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+        max-width: 25%
+    }
+
+    .huawei-v4 .v4 .col-lg-4 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 33.33333%;
+        -ms-flex: 0 0 33.33333%;
+        flex: 0 0 33.33333%;
+        max-width: 33.33333%
+    }
+
+    .huawei-v4 .v4 .col-lg-5 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 41.66667%;
+        -ms-flex: 0 0 41.66667%;
+        flex: 0 0 41.66667%;
+        max-width: 41.66667%
+    }
+
+    .huawei-v4 .v4 .col-lg-6 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+        max-width: 50%
+    }
+
+    .huawei-v4 .v4 .col-lg-7 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 58.33333%;
+        -ms-flex: 0 0 58.33333%;
+        flex: 0 0 58.33333%;
+        max-width: 58.33333%
+    }
+
+    .huawei-v4 .v4 .col-lg-8 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 66.66667%;
+        -ms-flex: 0 0 66.66667%;
+        flex: 0 0 66.66667%;
+        max-width: 66.66667%
+    }
+
+    .huawei-v4 .v4 .col-lg-9 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+        max-width: 75%
+    }
+
+    .huawei-v4 .v4 .col-lg-10 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 83.33333%;
+        -ms-flex: 0 0 83.33333%;
+        flex: 0 0 83.33333%;
+        max-width: 83.33333%
+    }
+
+    .huawei-v4 .v4 .col-lg-11 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 91.66667%;
+        -ms-flex: 0 0 91.66667%;
+        flex: 0 0 91.66667%;
+        max-width: 91.66667%
+    }
+
+    .huawei-v4 .v4 .col-lg-12 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .offset-lg-0 {
+        margin-left: 0
+    }
+
+    .huawei-v4 .v4 .offset-lg-1 {
+        margin-left: 8.33333%
+    }
+
+    .huawei-v4 .v4 .offset-lg-2 {
+        margin-left: 16.66667%
+    }
+
+    .huawei-v4 .v4 .offset-lg-3 {
+        margin-left: 25%
+    }
+
+    .huawei-v4 .v4 .offset-lg-4 {
+        margin-left: 33.33333%
+    }
+
+    .huawei-v4 .v4 .offset-lg-5 {
+        margin-left: 41.66667%
+    }
+
+    .huawei-v4 .v4 .offset-lg-6 {
+        margin-left: 50%
+    }
+
+    .huawei-v4 .v4 .offset-lg-7 {
+        margin-left: 58.33333%
+    }
+
+    .huawei-v4 .v4 .offset-lg-8 {
+        margin-left: 66.66667%
+    }
+
+    .huawei-v4 .v4 .offset-lg-9 {
+        margin-left: 75%
+    }
+
+    .huawei-v4 .v4 .offset-lg-10 {
+        margin-left: 83.33333%
+    }
+
+    .huawei-v4 .v4 .offset-lg-11 {
+        margin-left: 91.66667%
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    .huawei-v4 .v4 .col-xl {
+        -webkit-flex-basis:0;
+        -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+        -webkit-box-flex: 1;
+        -webkit-flex-grow: 1;
+        -ms-flex-positive: 1;
+        flex-grow: 1;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .col-xl-auto {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: auto;
+        max-width: none
+    }
+
+    .huawei-v4 .v4 .col-xl-1 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 8.33333%;
+        -ms-flex: 0 0 8.33333%;
+        flex: 0 0 8.33333%;
+        max-width: 8.33333%
+    }
+
+    .huawei-v4 .v4 .col-xl-2 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 16.66667%;
+        -ms-flex: 0 0 16.66667%;
+        flex: 0 0 16.66667%;
+        max-width: 16.66667%
+    }
+
+    .huawei-v4 .v4 .col-xl-3 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+        max-width: 25%
+    }
+
+    .huawei-v4 .v4 .col-xl-4 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 33.33333%;
+        -ms-flex: 0 0 33.33333%;
+        flex: 0 0 33.33333%;
+        max-width: 33.33333%
+    }
+
+    .huawei-v4 .v4 .col-xl-5 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 41.66667%;
+        -ms-flex: 0 0 41.66667%;
+        flex: 0 0 41.66667%;
+        max-width: 41.66667%
+    }
+
+    .huawei-v4 .v4 .col-xl-6 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+        max-width: 50%
+    }
+
+    .huawei-v4 .v4 .col-xl-7 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 58.33333%;
+        -ms-flex: 0 0 58.33333%;
+        flex: 0 0 58.33333%;
+        max-width: 58.33333%
+    }
+
+    .huawei-v4 .v4 .col-xl-8 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 66.66667%;
+        -ms-flex: 0 0 66.66667%;
+        flex: 0 0 66.66667%;
+        max-width: 66.66667%
+    }
+
+    .huawei-v4 .v4 .col-xl-9 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+        max-width: 75%
+    }
+
+    .huawei-v4 .v4 .col-xl-10 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 83.33333%;
+        -ms-flex: 0 0 83.33333%;
+        flex: 0 0 83.33333%;
+        max-width: 83.33333%
+    }
+
+    .huawei-v4 .v4 .col-xl-11 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 91.66667%;
+        -ms-flex: 0 0 91.66667%;
+        flex: 0 0 91.66667%;
+        max-width: 91.66667%
+    }
+
+    .huawei-v4 .v4 .col-xl-12 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .offset-xl-0 {
+        margin-left: 0
+    }
+
+    .huawei-v4 .v4 .offset-xl-1 {
+        margin-left: 8.33333%
+    }
+
+    .huawei-v4 .v4 .offset-xl-2 {
+        margin-left: 16.66667%
+    }
+
+    .huawei-v4 .v4 .offset-xl-3 {
+        margin-left: 25%
+    }
+
+    .huawei-v4 .v4 .offset-xl-4 {
+        margin-left: 33.33333%
+    }
+
+    .huawei-v4 .v4 .offset-xl-5 {
+        margin-left: 41.66667%
+    }
+
+    .huawei-v4 .v4 .offset-xl-6 {
+        margin-left: 50%
+    }
+
+    .huawei-v4 .v4 .offset-xl-7 {
+        margin-left: 58.33333%
+    }
+
+    .huawei-v4 .v4 .offset-xl-8 {
+        margin-left: 66.66667%
+    }
+
+    .huawei-v4 .v4 .offset-xl-9 {
+        margin-left: 75%
+    }
+
+    .huawei-v4 .v4 .offset-xl-10 {
+        margin-left: 83.33333%
+    }
+
+    .huawei-v4 .v4 .offset-xl-11 {
+        margin-left: 91.66667%
+    }
+}
+
+@media only screen and (min-width: 1600px) {
+    .huawei-v4 .v4 .col-xxl {
+        -webkit-flex-basis:0;
+        -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+        -webkit-box-flex: 1;
+        -webkit-flex-grow: 1;
+        -ms-flex-positive: 1;
+        flex-grow: 1;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .col-xxl-auto {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 auto;
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        width: auto;
+        max-width: none
+    }
+
+    .huawei-v4 .v4 .col-xxl-1 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 8.33333%;
+        -ms-flex: 0 0 8.33333%;
+        flex: 0 0 8.33333%;
+        max-width: 8.33333%
+    }
+
+    .huawei-v4 .v4 .col-xxl-2 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 16.66667%;
+        -ms-flex: 0 0 16.66667%;
+        flex: 0 0 16.66667%;
+        max-width: 16.66667%
+    }
+
+    .huawei-v4 .v4 .col-xxl-3 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+        flex: 0 0 25%;
+        max-width: 25%
+    }
+
+    .huawei-v4 .v4 .col-xxl-4 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 33.33333%;
+        -ms-flex: 0 0 33.33333%;
+        flex: 0 0 33.33333%;
+        max-width: 33.33333%
+    }
+
+    .huawei-v4 .v4 .col-xxl-5 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 41.66667%;
+        -ms-flex: 0 0 41.66667%;
+        flex: 0 0 41.66667%;
+        max-width: 41.66667%
+    }
+
+    .huawei-v4 .v4 .col-xxl-6 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+        flex: 0 0 50%;
+        max-width: 50%
+    }
+
+    .huawei-v4 .v4 .col-xxl-7 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 58.33333%;
+        -ms-flex: 0 0 58.33333%;
+        flex: 0 0 58.33333%;
+        max-width: 58.33333%
+    }
+
+    .huawei-v4 .v4 .col-xxl-8 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 66.66667%;
+        -ms-flex: 0 0 66.66667%;
+        flex: 0 0 66.66667%;
+        max-width: 66.66667%
+    }
+
+    .huawei-v4 .v4 .col-xxl-9 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+        flex: 0 0 75%;
+        max-width: 75%
+    }
+
+    .huawei-v4 .v4 .col-xxl-10 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 83.33333%;
+        -ms-flex: 0 0 83.33333%;
+        flex: 0 0 83.33333%;
+        max-width: 83.33333%
+    }
+
+    .huawei-v4 .v4 .col-xxl-11 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 91.66667%;
+        -ms-flex: 0 0 91.66667%;
+        flex: 0 0 91.66667%;
+        max-width: 91.66667%
+    }
+
+    .huawei-v4 .v4 .col-xxl-12 {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        max-width: 100%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-0 {
+        margin-left: 0
+    }
+
+    .huawei-v4 .v4 .offset-xxl-1 {
+        margin-left: 8.33333%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-2 {
+        margin-left: 16.66667%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-3 {
+        margin-left: 25%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-4 {
+        margin-left: 33.33333%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-5 {
+        margin-left: 41.66667%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-6 {
+        margin-left: 50%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-7 {
+        margin-left: 58.33333%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-8 {
+        margin-left: 66.66667%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-9 {
+        margin-left: 75%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-10 {
+        margin-left: 83.33333%
+    }
+
+    .huawei-v4 .v4 .offset-xxl-11 {
+        margin-left: 91.66667%
+    }
+}
+
+.huawei-v4 .v4 *,.huawei-v4 .v4 {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.huawei-v4 .v4::before,.huawei-v4 .v4::after,.huawei-v4 .v4 *::before,.huawei-v4 .v4 *::after {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.huawei-v4 .v4 .centered {
+    text-align: center
+}
+
+.huawei-v4 .v4 .flex-wrap {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between
+}
+
+.huawei-v4 .v4 .sr-only {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px
+}
+
+.huawei-v4 .v4 .has-cover {
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center center
+}
+
+.huawei-v4 .v4.no-margin {
+    margin-bottom: 0
+}
+
+.huawei-v4 .v4 h1,.huawei-v4 .v4 h2,.huawei-v4 .v4 h3,.huawei-v4 .v4 h4,.huawei-v4 .v4 h5,.huawei-v4 .v4 h6 {
+    font-family: "Manrope",Arial,Helvetica Neue,Helvetica,sans-serif;
+    font-weight: 700;
+    color: #000
+}
+
+.huawei-v4 .v4 .heading {
+    font-weight: 700;
+    color: #000
+}
+
+.huawei-v4 .v4 h1 a,.huawei-v4 .v4 h2 a,.huawei-v4 .v4 h3 a,.huawei-v4 .v4 h4 a,.huawei-v4 .v4 h5 a,.huawei-v4 .v4 h6 a {
+    color: inherit
+}
+
+.huawei-v4 .v4 .heading-01 {
+    font-size: 120px;
+    line-height: 1;
+    letter-spacing: -1px
+}
+
+.huawei-v4 .v4 .heading-02 {
+    font-size: 88px;
+    line-height: 1.1;
+    letter-spacing: -1px
+}
+
+.huawei-v4 .v4 .heading-03 {
+    font-size: 48px;
+    line-height: 1.17;
+    letter-spacing: -0.75px
+}
+
+.huawei-v4 .v4 .heading-04 {
+    font-size: 32px;
+    line-height: 1.25;
+    letter-spacing: -0.5px
+}
+
+.huawei-v4 .v4 .heading-05 {
+    font-size: 26px;
+    font-weight: 400;
+    line-height: 1.23;
+    letter-spacing: -0.5px
+}
+
+.huawei-v4 .v4 .heading-06 {
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: .3px;
+    margin-bottom: 8px
+}
+
+@media only screen and (max-width: 767.98px) {
+    .huawei-v4 .v4 .heading-01 {
+        font-size:48px;
+        line-height: 1.16
+    }
+
+    .huawei-v4 .v4 .heading-02 {
+        font-size: 32px;
+        line-height: 1.25
+    }
+
+    .huawei-v4 .v4 .heading-03 {
+        font-size: 32px;
+        line-height: 1.25
+    }
+
+    .huawei-v4 .v4 .heading-04 {
+        font-size: 26px;
+        line-height: 1.6
+    }
+}
+
+.huawei-v4 .v4 p {
+    color: #000
+}
+
+.huawei-v4 .v4 .body-text {
+    color: #7f7f7f
+}
+
+.huawei-v4 .v4 .body-large {
+    font-size: 22px;
+    line-height: 1.45
+}
+
+.huawei-v4 .v4 .body-medium {
+    font-size: 16px;
+    line-height: 1.5;
+    letter-spacing: .3px
+}
+
+.huawei-v4 .v4 .body-small {
+    font-size: 14px;
+    line-height: 1.71;
+    opacity: .8
+}
+
+.huawei-v4 .v4 .body-tag {
+    font-size: 11px;
+    font-weight: 700;
+    line-height: 1.45;
+    letter-spacing: .3px
+}
+
+.huawei-v4 .v4 .body-extrasmall {
+    font-size: 10px;
+    line-height: 1.6
+}
+
+.huawei-v4 .v4 img {
+    max-width: 100%;
+    height: auto
+}
+
+.huawei-v4 .v4 iframe {
+    border: 0;
+    width: 100%
+}
+
+.huawei-v4 .v4 .link-arrow {
+    font-size: 16px;
+    line-height: 1.5;
+    color: #000;
+    font-weight: 700
+}
+
+.huawei-v4 .v4 .link-arrow::after {
+    content: '';
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-top: 2px solid #000;
+    border-right: 2px solid #000;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    position: relative;
+    top: -1px;
+    margin-left: 4px;
+    -webkit-transition: .6s ease;
+    transition: .6s ease
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch.skrollr.skrollr-mobile,.no-touch.skrollr.skrollr-mobile body {
+        overflow:auto !important
+    }
+
+    .no-touch .huawei-v4 .v4 .link-arrow:hover {
+        background-color: transparent
+    }
+
+    .no-touch .huawei-v4 .v4 .link-arrow:hover::after {
+        -webkit-transform: translateX(3px) rotate(45deg);
+        transform: translateX(3px) rotate(45deg)
+    }
+}
+
+.huawei-v4.scroll-disabled {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    overflow-y: scroll
+}
+
+.huawei-v4.custom-service-scroll-disabled {
+    width: 100%;
+    height: 100%;
+    overflow: hidden
+}
+
+.huawei-v4.active-focus a:focus,.huawei-v4.active-focus button:focus,.huawei-v4.active-focus .login-v4-wrap:focus,.huawei-v4.active-focus .footer-links__title:focus,.huawei-v4.active-focus .shop-bag:focus,.huawei-v4.active-focus .nav-addons__profile:focus,.huawei-v4.active-focus .v4.n03-expanded-support a:focus .dropdown__holder-icon-src,.h-focus-active {
+    outline: 1px solid #d20a2c
+}
+
+.huawei-v4 .main-nav__item:focus,.huawei-v4 .nav-addons:focus,.huawei-v4 div[tabindex],.huawei-v4 div {
+    outline: 0
+}
+
+.huawei-v4 div[tabindex]:focus-visible,.huawei-v4 div:focus-visible {
+    outline: 0
+}
+
+.huawei-v4 .v4.main {
+    background-color: #f5f5f5;
+    width: 100%;
+    overflow: hidden
+}
+
+.huawei-v4 .main.main--white {
+    background-color: #fff
+}
+
+.huawei-v4 .v4 .container {
+    width: 100%;
+    padding: 0 80px;
+    max-width: none
+}
+
+.huawei-v4 .v4 .wrap {
+    max-width: 1760px;
+    width: 100%;
+    margin: 0 auto
+}
+
+.huawei-v4 .v4 .wrap--small {
+    max-width: 1160px
+}
+
+.huawei-v4 .v4 .wrap--tiny {
+    max-width: 860px
+}
+
+.huawei-v4 .ec-price .sale-price {
+    font-size: 24px;
+    font-weight: 600
+}
+
+.huawei-v4 .ec-price span {
+    font-size: 13px;
+    color: rgba(0,0,0,0.5)
+}
+
+.huawei-v4 .ec-price .original-price {
+    margin-right: 8px
+}
+
+@media only screen and (min-width: 768px) and (max-width:1599.98px) {
+    .huawei-v4 .v4 .container {
+        padding:0 40px
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .huawei-v4 .v4 .container {
+        padding:0 16px
+    }
+}
+
+.huawei-v4 button,.huawei-v4 input[type='button'],.huawei-v4 input[type='submit'] {
+    font-family: "Manrope",Arial,Helvetica Neue,Helvetica,sans-serif;
+    background: 0;
+    border: 0;
+    cursor: pointer;
+    outline: 0;
+    padding: 0
+}
+
+.huawei-v4 a,.huawei-v4 button {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    outline: 0
+}
+
+.huawei-v4 .v4 .btn {
+    background-color: #000;
+    color: #fff;
+    display: inline-block;
+    font-size: 13px;
+    line-height: 24px;
+    font-weight: 800;
+    padding: 10px 26px;
+    border-radius: 40px;
+    border: 1px solid #000
+}
+
+.loaded .huawei-v4 .v4 .btn {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .btn:hover {
+        opacity:.8
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width:1599.98px) {
+    .huawei-v4 .v4 .btn {
+        padding:2px 22px
+    }
+
+    .huawei-v4 .v4 .btn.btn--arrow,.huawei-v4 .v4 .btn.btn--arrow-white {
+        padding: 2px 26px
+    }
+}
+
+.huawei-v4 .v4 .btn--white {
+    background-color: #fff;
+    color: #000;
+    border-color: #fff
+}
+
+.huawei-v4 .v4 .btn--transparent {
+    background-color: transparent;
+    border: 1px solid rgba(0,0,0,0.3);
+    color: #000
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .btn--transparent:hover {
+        border-color:#000;
+        opacity: 1
+    }
+}
+
+.huawei-v4 .v4 .btn--transparent-white {
+    background-color: transparent;
+    border: 1px solid rgba(255,255,255,0.3);
+    color: #fff
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .btn--transparent-white:hover {
+        border-color:#fff;
+        opacity: 1
+    }
+}
+
+.huawei-v4 .v4 .btn--disabled {
+    opacity: .3;
+    pointer-events: none
+}
+
+.huawei-v4 .v4 .btn--arrow::after {
+    content: '';
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-top: 2px solid #000;
+    border-right: 2px solid #000;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    position: relative;
+    top: -1px;
+    margin-left: 12px;
+    -webkit-transition: .6s ease;
+    transition: .6s ease
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .btn--arrow:hover::after {
+        -webkit-transform:translateX(3px) rotate(45deg);
+        transform: translateX(3px) rotate(45deg)
+    }
+}
+
+.huawei-v4 .v4 .btn--arrow-white::after {
+    border-color: #fff
+}
+
+.huawei-v4 .v4 .btn__word {
+    margin-right: 20px
+}
+
+@media only screen and (max-width: 767.98px) {
+    .huawei-v4 .v4 .btn__word {
+        margin-right:2px
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .huawei-v4 .v4 .btn__word--long {
+        display:block
+    }
+}
+
+.huawei-v4 .v4 .btn-tag {
+    font-size: 14px;
+    line-height: 24px;
+    color: #000;
+    font-weight: 400;
+    border-radius: 14px;
+    position: relative;
+    background: rgba(0,0,0,0.06);
+    margin-right: 10px;
+    cursor: pointer;
+    display: inline-block;
+    margin-bottom: 10px;
+    padding: 4px 36px 4px 16px
+}
+
+.huawei-v4 .v4 .btn-tag::before,.huawei-v4 .v4 .btn-tag::after {
+    content: '';
+    position: absolute;
+    right: 18px;
+    top: 11px;
+    height: 10px;
+    width: 1px;
+    display: block;
+    background: #000;
+    border-radius: 2px
+}
+
+.huawei-v4 .v4 .btn-tag::before {
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg)
+}
+
+.huawei-v4 .v4 .btn-tag::after {
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg)
+}
+
+.huawei-v4 .v4 .btn-tag:last-of-type {
+    margin-right: 0
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .btn-tag:hover {
+        background:rgba(0,0,0,0.1)
+    }
+}
+
+.huawei-v4 .v4 .dropdown-group {
+    display: inline-block;
+    position: relative
+}
+
+.huawei-v4 .v4 .dropdown-group__btn {
+    position: relative;
+    padding: 4px 44px 4px 24px;
+    background-color: #ebebeb;
+    border-radius: 24px;
+    display: inline-block
+}
+
+.loaded .huawei-v4 .v4 .dropdown-group__btn {
+    -webkit-transition: .15s ease-out .4s;
+    transition: .15s ease-out .4s
+}
+
+.huawei-v4 .v4 .dropdown-group__btn .icon {
+    position: absolute;
+    top: 13px;
+    right: 20px;
+    font-size: 8px
+}
+
+.loaded .huawei-v4 .v4 .dropdown-group__btn .icon {
+    -webkit-transition: .15s ease-out;
+    transition: .15s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .dropdown-group__btn:hover {
+        background-color:#fafafa
+    }
+}
+
+.huawei-v4 .v4 .dropdown-group--transparent .dropdown-group__btn {
+    background-color: transparent;
+    border: 2px solid rgba(0,0,0,0.3)
+}
+
+.loaded .huawei-v4 .v4 .dropdown-group--transparent .dropdown-group__btn {
+    -webkit-transition: border-color .15s ease-out,border-radius .15s ease-out .4s;
+    transition: border-color .15s ease-out,border-radius .15s ease-out .4s
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .dropdown-group--transparent .dropdown-group__btn:hover {
+        background-color:transparent;
+        border: 2px solid black
+    }
+}
+
+.huawei-v4 .v4 .dropdown-group--transparent .dropdown-group__list {
+    border-top: 1px solid rgba(0,0,0,0.3)
+}
+
+.loaded .huawei-v4 .v4 .dropdown-group--transparent .dropdown-group__btn--open {
+    -webkit-transition: .15s ease-out;
+    transition: .15s ease-out
+}
+
+.huawei-v4 .v4 .dropdown-group__btn--open {
+    border-radius: 16px 16px 0 0;
+    background-color: #fafafa
+}
+
+.huawei-v4 .v4 .dropdown-group__btn--open .icon {
+    top: 12px;
+    right: 20px;
+    position: absolute;
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg)
+}
+
+.loaded .huawei-v4 .v4 .dropdown-group__btn--open {
+    -webkit-transition: .15s ease-out 0;
+    transition: .15s ease-out 0
+}
+
+.huawei-v4 .v4 .dropdown-group__btn-text {
+    font-size: 14px;
+    line-height: 24px;
+    color: #000;
+    font-weight: 700;
+    text-align: left
+}
+
+.huawei-v4 .v4 .dropdown-group__list {
+    background-color: #fafafa;
+    border-radius: 0 0 16px 16px;
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 32px;
+    border-top: 1px solid rgba(235,235,235,0.99);
+    overflow: hidden;
+    padding: 4px 0;
+    width: 100%;
+    z-index: 1
+}
+
+.huawei-v4 .v4 .dropdown-group__list-item {
+    display: block
+}
+
+.huawei-v4 .v4 .dropdown-group__list-button {
+    font-size: 14px;
+    font-weight: 400;
+    color: #7f7f7f;
+    line-height: 1.71;
+    padding: 4px 44px 4px 24px;
+    width: 100%;
+    display: block
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .dropdown-group__list-button:hover {
+        color:#000;
+        background-color: rgba(235,235,235,0.5)
+    }
+}
+
+.huawei-v4 .v4 .dropdown-group__list-button--selected {
+    display: none
+}
+
+.huawei-v4 .v4 input,.huawei-v4 .v4 textarea,.huawei-v4 .v4 select {
+    font-family: "Manrope",Arial,Helvetica Neue,Helvetica,sans-serif;
+    background: #fff;
+    border-radius: 0;
+    border: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    color: #000;
+    width: 100%
+}
+
+.huawei-v4 .v4 input:-webkit-autofill,.huawei-v4 .v4 textarea:-webkit-autofill,.huawei-v4 .v4 select:-webkit-autofill {
+    -webkit-box-shadow: inset 0 0 0 1000px #fff;
+    box-shadow: inset 0 0 0 1000px #fff
+}
+
+.huawei-v4 .v4 input::-webkit-input-placeholder,.huawei-v4 .v4 textarea::-webkit-input-placeholder,.huawei-v4 .v4 select::-webkit-input-placeholder {
+    color: gray
+}
+
+.huawei-v4 .v4 input::-moz-placeholder,.huawei-v4 .v4 textarea::-moz-placeholder,.huawei-v4 .v4 select::-moz-placeholder {
+    color: gray
+}
+
+.huawei-v4 .v4 input:-ms-input-placeholder,.huawei-v4 .v4 textarea:-ms-input-placeholder,.huawei-v4 .v4 select:-ms-input-placeholder {
+    color: gray
+}
+
+.huawei-v4 .v4 input::-ms-input-placeholder,.huawei-v4 .v4 textarea::-ms-input-placeholder,.huawei-v4 .v4 select::-ms-input-placeholder {
+    color: gray
+}
+
+.huawei-v4 .v4 input::placeholder,.huawei-v4 .v4 textarea::placeholder,.huawei-v4 .v4 select::placeholder {
+    color: gray
+}
+
+.huawei-v4 .v4 input::-ms-clear,.huawei-v4 .v4 textarea::-ms-clear,.huawei-v4 .v4 select::-ms-clear {
+    display: none
+}
+
+.loaded .huawei-v4 .v4 input,.loaded .huawei-v4 .v4 textarea,.loaded .huawei-v4 .v4 select {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.huawei-v4 .v4 .rte li {
+    position: relative;
+    font-size: 18px;
+    font-weight: 400;
+    color: #000;
+    line-height: 30px
+}
+
+.huawei-v4 .v4 .rte ul {
+    padding-left: 28px
+}
+
+.huawei-v4 .v4 .rte ul li {
+    margin-bottom: 30px
+}
+
+.huawei-v4 .v4 .rte ul li::before {
+    content: '';
+    position: absolute;
+    top: 13px;
+    left: -25px;
+    width: 4px;
+    height: 4px;
+    border-radius: 50%;
+    background-color: #000
+}
+
+.huawei-v4 .v4 .rte ul ul {
+    padding-left: 56px;
+    padding-top: 30px
+}
+
+.huawei-v4 .v4 .rte ul ul li {
+    margin-bottom: 30px
+}
+
+.huawei-v4 .v4 .rte ul ul li::before {
+    content: '';
+    position: absolute;
+    top: 14px;
+    left: -28px;
+    width: 8px;
+    height: 2px;
+    background-color: #000
+}
+
+.huawei-v4 .v4 .rte ol {
+    padding-left: 28px;
+    counter-reset: ol-list;
+    margin-bottom: 40px
+}
+
+.huawei-v4 .v4 .rte ol li {
+    margin-bottom: 30px
+}
+
+.huawei-v4 .v4 .rte ol li::before {
+    counter-increment: ol-list;
+    content: counter(ol-list) ".";
+    position: absolute;
+    color: gray;
+    top: 0;
+    left: -28px
+}
+
+.huawei-v4 .v4 .product-wrap {
+    background-color: #fff;
+    padding-top: 20px
+}
+
+.huawei-v4 .v4 .product-wrap .product-block__img {
+    max-width: 200px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-wrap {
+        overflow:hidden
+    }
+
+    .huawei-v4 .v4 .product-wrap .product-block__swatches {
+        text-align: left
+    }
+
+    .huawei-v4 .v4 .product-wrap .product-block__btn {
+        padding: 0;
+        border: 0
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-row {
+        margin-right:-2px;
+        margin-left: -2px
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-col {
+        padding-right:2px;
+        padding-left: 2px
+    }
+}
+
+.huawei-v4 .v4 .product-col--small .product-block__img {
+    max-width: 220px
+}
+
+.huawei-v4 .v4 .product-col--small .product-block__img:first-of-type {
+    left: 67%;
+    z-index: 1;
+    width: 162px
+}
+
+.huawei-v4 .v4 .product-col--small .product-block__img:last-of-type {
+    left: 33%;
+    width: 162px
+}
+
+.huawei-v4 .v4 .product-col--small .product-block__details--gift {
+    padding: 37px 40px 290px 0
+}
+
+.huawei-v4 .v4 .product-col--small .product-block__gift {
+    top: auto;
+    right: auto;
+    bottom: 0
+}
+
+.huawei-v4 .v4 .product-col--small .product-block__img-wrap {
+    width: 288px
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .product-col--small .product-block__in:hover .product-block__img:first-of-type {
+        left:67%;
+        -webkit-transform: translate(-50%,-50%) scale(1.07);
+        transform: translate(-50%,-50%) scale(1.07)
+    }
+
+    .no-touch .huawei-v4 .v4 .product-col--small .product-block__in:hover .product-block__img:last-of-type {
+        left: 33%;
+        -webkit-transform: translate(-50%,-50%) scale(1.0325);
+        transform: translate(-50%,-50%) scale(1.0325)
+    }
+}
+
+@media only screen and (max-width: 1599.98px) {
+    .huawei-v4 .v4 .product-col--small .product-block__img-wrap {
+        width:180px
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-col--small .product-block__details {
+        padding:16px 0 16px
+    }
+
+    .huawei-v4 .v4 .product-col--small .product-block__swatches {
+        display: none
+    }
+
+    .huawei-v4 .v4 .product-col--small .product-block__in {
+        padding: 24px;
+        min-height: 192px;
+        background-color: #f5f5f5 !important
+    }
+
+    .huawei-v4 .v4 .product-col--small .product-block__title {
+        font-size: 14px
+    }
+
+    .huawei-v4 .v4 .product-col--small .product-block__details--gift {
+        padding: 16px 0 108px 18px
+    }
+
+    .huawei-v4 .v4 .product-col--small .product-block__gift {
+        right: auto;
+        bottom: 0
+    }
+
+    .huawei-v4 .v4 .product-col--small .product-block__btns .product-block__btn:first-of-type {
+        margin: 0 0 5px;
+        display: block
+    }
+
+    .huawei-v4 .v4 .product-col--small .product-block__img-wrap {
+        width: 140px
+    }
+
+    .huawei-v4 .v4 .product-col--small .product-block__img:first-of-type,.huawei-v4 .v4 .product-col--small .product-block__img:last-of-type {
+        width: 70px
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .huawei-v4 .v4 .product-col--small .product-block__img-wrap {
+        width:140px
+    }
+
+    .huawei-v4 .v4 .product-col--small .product-block__img:first-of-type,.huawei-v4 .v4 .product-col--small .product-block__img:last-of-type {
+        width: 60px
+    }
+}
+
+.huawei-v4 .v4 .product-block {
+    margin-bottom: 77px
+}
+
+@media only screen and (max-width: 1199.98px) {
+    .huawei-v4 .v4 .product-block {
+        margin-bottom:30px
+    }
+
+    .v4.p01-product-cards .product-card__price.has-price-info {
+        margin-bottom: 16px
+    }
+
+    .huawei-v4 .ec-price .sale-price,.huawei-v4 .ec-price span {
+        font-size: 13px;
+        font-weight: 600
+    }
+
+    .huawei-v4 .ec-price .original-price {
+        margin-right: 0;
+        margin-left: 8px
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block {
+        margin-bottom:14px
+    }
+}
+
+.huawei-v4 .v4 .product-block__in {
+    padding: 24px 24px 60px;
+    background-color: #f5f5f5;
+    min-height: 592px;
+    position: relative;
+    cursor: pointer;
+    z-index: 10
+}
+
+.loaded .huawei-v4 .v4 .product-block__in {
+    -webkit-transition: .6s ease-out;
+    transition: .6s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .product-block__in:hover .product-block__img:first-of-type {
+        left:43.5%;
+        -webkit-transform: translate(-50%,-50%) scale(1.035);
+        transform: translate(-50%,-50%) scale(1.035)
+    }
+
+    .no-touch .huawei-v4 .v4 .product-block__in:hover .product-block__img:last-of-type {
+        left: 61%;
+        -webkit-transform: translate(-50%,-50%) scale(1.035);
+        transform: translate(-50%,-50%) scale(1.035)
+    }
+
+    .no-touch .huawei-v4 .v4 .product-block__in:hover .product-block__img-one {
+        -webkit-transform: translate(-50%,-50%) scale(1.0325);
+        transform: translate(-50%,-50%) scale(1.0325)
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__in {
+        min-height:276px
+    }
+}
+
+.huawei-v4 .v4 .product-block__background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: .25;
+    z-index: -1
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .product-col--big .product-block__in:hover .product-block__img {
+        left:50%
+    }
+
+    .no-touch .huawei-v4 .v4 .product-col--big .product-block__in:hover .product-block__img:first-of-type {
+        -webkit-transform: translate(-82%,-55%) scale(1.035);
+        transform: translate(-82%,-55%) scale(1.035)
+    }
+
+    .no-touch .huawei-v4 .v4 .product-col--big .product-block__in:hover .product-block__img:last-of-type {
+        -webkit-transform: translate(17%,-55%) scale(1.035);
+        transform: translate(17%,-55%) scale(1.035)
+    }
+}
+
+.huawei-v4 .v4 .product-col--big .product-block__img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%)
+}
+
+.loaded .huawei-v4 .v4 .product-col--big .product-block__img {
+    -webkit-transition: .6s ease-out;
+    transition: .6s ease-out
+}
+
+.huawei-v4 .v4 .product-col--big .product-block__img:first-of-type {
+    left: 50%;
+    -webkit-transform: translate(-75%,-55%);
+    transform: translate(-75%,-55%);
+    z-index: 1
+}
+
+.huawei-v4 .v4 .product-col--big .product-block__img:last-of-type {
+    left: 50%;
+    -webkit-transform: translate(10%,-55%);
+    transform: translate(10%,-55%);
+    width: 128px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-col--big .product-block__img {
+        width:100px
+    }
+
+    .huawei-v4 .v4 .product-col--big .product-block__img:first-of-type {
+        -webkit-transform: translate(-75%,-50%);
+        transform: translate(-75%,-50%)
+    }
+
+    .huawei-v4 .v4 .product-col--big .product-block__img:last-of-type {
+        -webkit-transform: translate(15%,-50%);
+        transform: translate(15%,-50%);
+        width: 64px
+    }
+}
+
+.huawei-v4 .v4 .product-block__details {
+    padding: 37px 0;
+    position: relative
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__details {
+        padding:56px 0 30px
+    }
+}
+
+.huawei-v4 .v4 .product-block__details--gift {
+    padding-right: 215px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__details--gift {
+        padding-right:120px
+    }
+}
+
+.huawei-v4 .v4 .product-block__title {
+    font-size: 22px;
+    line-height: 1.45;
+    margin-bottom: 25px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__title {
+        font-size:16px;
+        line-height: 1.5;
+        margin-bottom: 12px
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .product-block__title-link:hover {
+        text-decoration:underline
+    }
+}
+
+.huawei-v4 .v4 .product-block__text {
+    font-size: 14px;
+    font-weight: 500;
+    color: #7f7f7f;
+    line-height: 1.71;
+    margin-bottom: 16px
+}
+
+@media only screen and (max-width: 767.98px) {
+    .huawei-v4 .v4 .product-block__text {
+        display:none
+    }
+}
+
+.huawei-v4 .v4 .product-block__price {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__price {
+        -webkit-box-orient:vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+        flex-direction: column
+    }
+}
+
+.huawei-v4 .v4 .product-block__price-item {
+    color: #7f7f7f;
+    margin: 0 15px 10px 0
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__price-item {
+        font-size:13px;
+        display: block;
+        margin: 0
+    }
+}
+
+.huawei-v4 .v4 .product-block__price-line {
+    text-decoration: line-through
+}
+
+.huawei-v4 .v4 .product-block__price-red {
+    color: #d20a2c;
+    font-weight: 500
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__price-red {
+        font-size:13px
+    }
+}
+
+.huawei-v4 .v4 .product-block__img-one {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    max-width: 65%;
+    max-height: 100%
+}
+
+.loaded .huawei-v4 .v4 .product-block__img-one {
+    -webkit-transition: .6s ease-out;
+    transition: .6s ease-out
+}
+
+.huawei-v4 .v4 .product-block__img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%)
+}
+
+.loaded .huawei-v4 .v4 .product-block__img {
+    -webkit-transition: .6s ease-out;
+    transition: .6s ease-out
+}
+
+.huawei-v4 .v4 .product-block__img:first-of-type {
+    left: 44.5%;
+    z-index: 1
+}
+
+.huawei-v4 .v4 .product-block__img:last-of-type {
+    left: 60%;
+    width: 128px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__img {
+        width:100px
+    }
+
+    .huawei-v4 .v4 .product-block__img:first-of-type {
+        left: 35%
+    }
+
+    .huawei-v4 .v4 .product-block__img:last-of-type {
+        left: 76%;
+        width: 68px
+    }
+}
+
+.huawei-v4 .v4 .product-block__info {
+    font-size: 14px;
+    line-height: 1.72;
+    font-weight: 500;
+    color: #c3172e;
+    position: absolute;
+    top: 25px;
+    left: 24px;
+    z-index: 20
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__info {
+        font-size:10px;
+        top: 8px;
+        left: 7px
+    }
+}
+
+.huawei-v4 .v4 .product-block__info--btn {
+    color: #fff;
+    background-color: #d20a2c;
+    padding: 0 8px;
+    border-radius: 6px
+}
+
+.huawei-v4 .v4 .product-block__btns {
+    margin-top: 30px
+}
+
+.huawei-v4 .v4 .product-block__btns .product-block__btn:first-of-type {
+    margin-right: 15px
+}
+
+@media only screen and (max-width: 1199.98px) {
+    .huawei-v4 .v4 .product-block__btns .product-block__btn:first-of-type {
+        margin-bottom:15px
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__btns {
+        margin-top:0
+    }
+
+    .huawei-v4 .v4 .product-block__btns .product-block__btn:first-of-type {
+        margin-bottom: 5px
+    }
+
+    .huawei-v4 .v4 .product-block__btns .btn--arrow::after {
+        margin-left: 5px
+    }
+}
+
+.huawei-v4 .v4 .product-block__btn {
+    margin-bottom: 15px
+}
+
+.huawei-v4 .v4 .product-block__gift {
+    position: absolute;
+    right: 0;
+    top: 37px
+}
+
+.huawei-v4 .v4 .product-block__gift .product-block__gift-info {
+    top: 17px;
+    left: 17px
+}
+
+.huawei-v4 .v4 .product-block__gift .product-block__gift-img {
+    max-width: 100px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__gift {
+        top:25px;
+        right: 24px
+    }
+
+    .huawei-v4 .v4 .product-block__gift .product-block__gift-info {
+        top: 5px;
+        left: 5px
+    }
+
+    .huawei-v4 .v4 .product-block__gift .product-block__gift-img {
+        max-width: 50px
+    }
+}
+
+.huawei-v4 .v4 .product-block__gift-holder {
+    position: relative;
+    width: 212px;
+    height: 200px;
+    background-color: #f5f5f5;
+    padding: 10px;
+    margin-bottom: 12px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__gift-holder {
+        width:94px;
+        height: 96px
+    }
+}
+
+.huawei-v4 .v4 .product-block__gift-img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%)
+}
+
+.huawei-v4 .v4 .product-block__gift-details {
+    display: block
+}
+
+.huawei-v4 .v4 .product-block__gift-details,.huawei-v4 .v4 .product-block__gift-link {
+    font-size: 14px;
+    line-height: 1.71;
+    font-weight: 500;
+    margin-bottom: 10px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__gift-details,.huawei-v4 .v4 .product-block__gift-link {
+        display:none
+    }
+}
+
+.huawei-v4 .v4 .product-block__gift-link {
+    color: #000
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .product-block__gift-link:hover {
+        text-decoration:underline
+    }
+}
+
+.huawei-v4 .v4 .product-block__swatches {
+    position: absolute;
+    bottom: 23px;
+    left: 0;
+    right: 0;
+    z-index: 10
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .product-block__swatches {
+        bottom:-50px;
+        left: 24px;
+        pointer-events: none
+    }
+}
+
+.huawei-v4 .v4 .product-block__img-wrap {
+    display: block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    height: calc(100% - 50px);
+    width: 100%;
+    max-height: 70%
+}
+
+.huawei-v4 .v4 .swatches {
+    width: 100%;
+    max-width: 250px;
+    text-align: center;
+    font-size: 0;
+    line-height: 1;
+    padding: 0 30px;
+    margin: 0 auto
+}
+
+.huawei-v4 .v4 .swatches .swatches__holder {
+    width: 100%;
+    padding: 10px 0;
+    display: inline-block;
+    overflow: hidden
+}
+
+.huawei-v4 .v4 .swatches .swatches__arrow {
+    position: absolute;
+    top: 10px;
+    width: 20px;
+    height: 20px;
+    margin: 0;
+    opacity: .3;
+    border-radius: 0;
+    background-color: transparent
+}
+
+.huawei-v4 .v4 .swatches .swatches__arrow::before,.huawei-v4 .v4 .swatches .swatches__arrow::after {
+    width: 8px
+}
+
+.huawei-v4 .v4 .swatches .swatches__arrow::before {
+    margin-left: -2px
+}
+
+.huawei-v4 .v4 .swatches .swatches__arrow::after {
+    margin-left: 2px
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .swatches .swatches__arrow:hover {
+        opacity:.75;
+        color: #000;
+        background-color: transparent
+    }
+
+    .no-touch .huawei-v4 .v4 .swatches .swatches__arrow:hover::before,.no-touch .huawei-v4 .v4 .swatches .swatches__arrow:hover::after {
+        background-color: #000
+    }
+}
+
+.huawei-v4 .v4 .swatches .swatches__prev {
+    left: 0
+}
+
+.huawei-v4 .v4 .swatches .swatches__next {
+    right: 0
+}
+
+.huawei-v4 .v4 .swatches .swiper-button-disabled {
+    display: none
+}
+
+.huawei-v4 .v4 .swatches__item {
+    padding: 0 9px;
+    display: inline-block;
+    vertical-align: top
+}
+
+.huawei-v4 .v4 .swatches__swatch {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background-color: #ccc;
+    position: relative;
+    font-size: 0;
+    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
+    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
+    display: block;
+    overflow: visible
+}
+
+.loaded .huawei-v4 .v4 .swatches__swatch {
+    -webkit-transition: .15s ease-out;
+    transition: .15s ease-out
+}
+
+.huawei-v4 .v4 .swatches__swatch::before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: -9px;
+    right: -9px;
+    left: -9px;
+    bottom: -9px;
+    border: 1.5px solid rgba(0,0,0,0.2);
+    -webkit-transform: scale(0);
+    transform: scale(0);
+    opacity: 0;
+    border-radius: 50%;
+    -webkit-transition: opacity .15s linear,-webkit-transform .3s cubic-bezier(0.25,0.46,0.45,0.94);
+    transition: opacity .15s linear,-webkit-transform .3s cubic-bezier(0.25,0.46,0.45,0.94);
+    transition: transform .3s cubic-bezier(0.25,0.46,0.45,0.94),opacity .15s linear;
+    transition: transform .3s cubic-bezier(0.25,0.46,0.45,0.94),opacity .15s linear,-webkit-transform .3s cubic-bezier(0.25,0.46,0.45,0.94)
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .swatches__swatch {
+        width:12px;
+        height: 12px
+    }
+
+    .huawei-v4 .v4 .swatches__swatch::before {
+        top: -5px;
+        right: -5px;
+        left: -5px;
+        bottom: -5px;
+        border: .5px solid rgba(0,0,0,0.2)
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .swatches__swatch:hover::before {
+        opacity:1;
+        -webkit-transform: scale(0.8);
+        transform: scale(0.8)
+    }
+}
+
+.huawei-v4 .v4 .swatches__swatch--active {
+    opacity: 1
+}
+
+.huawei-v4 .v4 .swatches__swatch--active::before {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1)
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .swatches__swatch--active:hover::before {
+        -webkit-transform:scale(1);
+        transform: scale(1)
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .swatches__item {
+        padding:0 3px
+    }
+}
+
+.huawei-v4 .v4 .popup {
+    position: fixed;
+    top: 80px;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: #fff;
+    opacity: 0;
+    visibility: hidden;
+    border-top: 1px solid rgba(0,0,0,0.1);
+    z-index: 10;
+    pointer-events: none
+}
+
+.huawei-v4 .platform-invisible .popup {
+    top: 56px
+}
+
+.loaded .huawei-v4 .v4 .popup {
+    -webkit-transition: .6s ease-out;
+    transition: .6s ease-out
+}
+
+.huawei-v4 .v4 .popup--visible {
+    opacity: 1;
+    visibility: visible;
+    z-index: 20;
+    pointer-events: auto
+}
+
+@media only screen and (max-width: 1198px) {
+    .huawei-v4 .v4 .popup {
+        pointer-events:auto
+    }
+}
+
+.huawei-v4 .v4 .popup__close-btn {
+    position: absolute;
+    right: 64px;
+    top: 32px;
+    width: 48px;
+    height: 48px;
+    border: 1px solid rgba(0,0,0,0.2);
+    border-radius: 50%
+}
+
+.huawei-v4 .v4 .popup__close-btn::after,.huawei-v4 .v4 .popup__close-btn::before {
+    content: '';
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    height: 18px;
+    width: 1px;
+    background-color: #000
+}
+
+.loaded .huawei-v4 .v4 .popup__close-btn::after,.loaded .huawei-v4 .v4 .popup__close-btn::before {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.huawei-v4 .v4 .popup__close-btn::after {
+    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
+    transform: translate(-50%,-50%) rotate(-45deg)
+}
+
+.huawei-v4 .v4 .popup__close-btn::before {
+    -webkit-transform: translate(-50%,-50%) rotate(45deg);
+    transform: translate(-50%,-50%) rotate(45deg)
+}
+
+.loaded .huawei-v4 .v4 .popup__close-btn {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .popup__close-btn:hover {
+        -webkit-transform:scale(1.1);
+        transform: scale(1.1)
+    }
+
+    .no-touch .huawei-v4 .v4 .popup__close-btn:hover::after {
+        -webkit-transform: translate(-50%,-50%) rotate(-45deg) scale(0.95);
+        transform: translate(-50%,-50%) rotate(-45deg) scale(0.95)
+    }
+
+    .no-touch .huawei-v4 .v4 .popup__close-btn:hover::before {
+        -webkit-transform: translate(-50%,-50%) rotate(45deg) scale(0.95);
+        transform: translate(-50%,-50%) rotate(45deg) scale(0.95)
+    }
+}
+
+@media screen and (min-width: 1400px) and (max-width:1500px) and (max-height:901px) {
+    .huawei-v4 .v4 .popup__close-btn {
+        top:22px
+    }
+}
+
+@media screen and (min-width: 1200px) and (max-width:1399px) and (max-height:769px) {
+    .huawei-v4 .v4 .popup__close-btn {
+        top:12px
+    }
+}
+
+.huawei-v4 .v4 .dropdown-container--text-right {
+    text-align: right
+}
+
+.huawei-v4 .v4 .dropdown-container--text-centered {
+    text-align: center
+}
+
+.huawei-v4 .v4 .dropdown-container--border-bottom .wrap--small {
+    border-bottom: 1px solid #ededed;
+    padding-bottom: 24px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .dropdown-container {
+        padding-top:24px
+    }
+
+    .huawei-v4 .v4 .dropdown-container--text-right {
+        text-align: center
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4.page-home .v4.h01-hero-product-carousel {
+        margin-bottom:20px
+    }
+}
+
+.huawei-v4 .v4.page-about .v4.h04-hero-image-or-video .hero-image-or-video__container {
+    margin-bottom: 64px
+}
+
+.huawei-v4 .v4.page-about .v4.c01-cards .cards__item-wrap {
+    padding-bottom: 0
+}
+
+.huawei-v4 .v4.page-about .v4.s03-story-carousel {
+    margin-bottom: 80px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4.page-about .v4.c01-cards .cards__content {
+        padding:24px
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .huawei-v4 .v4 .page-about .v4.s03-story-carousel {
+        margin-bottom:0
+    }
+}
+
+.huawei-v4 .v4 .easy-autocomplete {
+    position: relative;
+    width: auto !important
+}
+
+.huawei-v4 .v4 .easy-autocomplete-container {
+    width: 100%
+}
+
+.huawei-v4 .v4 .easy-autocomplete-container ul {
+    padding: 0 32px;
+    display: none
+}
+
+.huawei-v4 .v4 .easy-autocomplete-container li {
+    font-size: 26px;
+    font-weight: 400;
+    color: rgba(0,0,0,0.3);
+    line-height: 32px;
+    letter-spacing: -0.5px;
+    margin-bottom: 16px;
+    cursor: pointer;
+    display: block
+}
+
+.loaded .huawei-v4 .v4 .easy-autocomplete-container li {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.huawei-v4 .v4 .easy-autocomplete-container li.selected {
+    color: rgba(0,0,0,0.6)
+}
+
+.huawei-v4 .v4 .easy-autocomplete-container li b {
+    font-weight: 400;
+    color: #000
+}
+
+@media only screen and (max-width: 767.98px) {
+    .huawei-v4 .v4 .easy-autocomplete-container {
+        max-height:calc(100vh - 220px)
+    }
+
+    .huawei-v4 .v4 .easy-autocomplete-container ul {
+        padding: 0 24px
+    }
+
+    .huawei-v4 .v4 .easy-autocomplete-container li {
+        font-size: 20px
+    }
+}
+
+.huawei-v4 .v4 .selectric-wrapper {
+    width: 100%;
+    position: relative;
+    cursor: pointer
+}
+
+.huawei-v4 .v4 .selectric {
+    width: 100%;
+    height: 72px;
+    position: relative;
+    font-size: 16px;
+    font-weight: 400;
+    color: #7f7f7f;
+    line-height: 24px;
+    letter-spacing: .3px;
+    padding: 24px 30px 24px 0;
+    background-color: #fff;
+    border-bottom: 1px solid #d8d8d8
+}
+
+.loaded .huawei-v4 .v4 .selectric {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .selectric:hover {
+        border-color:#000
+    }
+}
+
+.huawei-v4 .v4 .selectric .label {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: left;
+    display: block
+}
+
+.huawei-v4 .v4 .selectric-field-error {
+    border-color: #c3172e
+}
+
+.huawei-v4 .v4 .selectric-arrow {
+    position: absolute;
+    right: 0;
+    top: 24px;
+    width: 24px;
+    height: 24px;
+    overflow: hidden
+}
+
+.loaded .huawei-v4 .v4 .selectric-arrow {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.huawei-v4 .v4 .selectric-arrow::before,.huawei-v4 .v4 .selectric-arrow::after {
+    content: '';
+    position: absolute;
+    top: 10px;
+    left: 8px;
+    width: 9px;
+    height: 2px;
+    border-radius: 2px;
+    background-color: rgba(0,0,0,0.3);
+    overflow: hidden
+}
+
+.huawei-v4 .v4 .selectric-arrow::before {
+    margin-left: -3px;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg)
+}
+
+.huawei-v4 .v4 .selectric-arrow::after {
+    margin-left: 3px;
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg)
+}
+
+.huawei-v4 .v4 .selectric-open {
+    z-index: 40
+}
+
+.huawei-v4 .v4 .selectric-open .selectric {
+    border-color: #000
+}
+
+.huawei-v4 .v4 .selectric-open .selectric .selectric-arrow {
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg)
+}
+
+.huawei-v4 .v4 .selectric-open .selectric-items {
+    display: block
+}
+
+.huawei-v4 .v4 .selectric-disabled {
+    opacity: .2;
+    cursor: default;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none
+}
+
+.huawei-v4 .v4 .selectric-hide-select {
+    position: relative;
+    overflow: hidden;
+    width: 0;
+    height: 0
+}
+
+.huawei-v4 .v4 .selectric-hide-select select {
+    position: absolute;
+    left: -100%;
+    display: none
+}
+
+.huawei-v4 .v4 .selectric-input {
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    overflow: hidden !important;
+    clip: rect(0,0,0,0) !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    width: 1px !important;
+    height: 1px !important;
+    outline: none !important;
+    border: none !important;
+    background: none !important
+}
+
+.huawei-v4 .v4 .selectric-temp-show {
+    position: absolute !important;
+    visibility: hidden !important;
+    display: block !important
+}
+
+.huawei-v4 .v4 .selectric-items {
+    display: none;
+    width: auto;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background-color: #fafafa;
+    z-index: -1
+}
+
+.huawei-v4 .v4 .selectric-items .selectric-scroll {
+    height: 100%;
+    max-height: 300px;
+    overflow-y: auto
+}
+
+.huawei-v4 .v4 .selectric-items ul {
+    padding: 15px 0
+}
+
+.huawei-v4 .v4 .selectric-items li {
+    font-size: 16px;
+    font-weight: 400;
+    color: #7f7f7f;
+    line-height: 24px;
+    letter-spacing: .3px;
+    padding: 8px 16px;
+    display: block;
+    cursor: pointer
+}
+
+.loaded .huawei-v4 .v4 .selectric-items li {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.huawei-v4 .v4 .selectric-items li:first-of-type {
+    display: none
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .selectric-items li:hover {
+        background-color:#f1f1f1;
+        color: #000
+    }
+}
+
+.huawei-v4 .v4 .selectric-items li.selected,.huawei-v4 .v4 .selectric-items li.highlighted {
+    background-color: #f1f1f1;
+    color: #000
+}
+
+.huawei-v4 .v4 .selectric-form__input--error .selectric {
+    border-color: #c3172e
+}
+
+.huawei-v4 .v4 .selectric-form__input--error .label {
+    color: #c3172e
+}
+
+.huawei-v4 .v4 .swiper-container {
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+    overflow: hidden;
+    list-style: none;
+    padding: 0
+}
+
+.huawei-v4 .v4 .swiper-button-prev,.huawei-v4 .v4 .swiper-button-next {
+    width: 64px;
+    height: 64px;
+    font-size: 0;
+    background-color: #e7e7e7;
+    border-radius: 50%;
+    z-index: 10;
+    display: block;
+    -webkit-transition: background-color .3s ease-out;
+    transition: background-color .3s ease-out;
+    background-image: none
+}
+
+.huawei-v4 .v4 .swiper-button-prev::before,.huawei-v4 .v4 .swiper-button-prev::after,.huawei-v4 .v4 .swiper-button-next::before,.huawei-v4 .v4 .swiper-button-next::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 14px;
+    height: 2px;
+    border-radius: 2px;
+    background-color: #000;
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out;
+    display: block
+}
+
+.huawei-v4 .v4 .swiper-button-prev::before,.huawei-v4 .v4 .swiper-button-next::before {
+    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
+    transform: translate(-50%,-50%) rotate(-45deg);
+    margin-left: -4px
+}
+
+.huawei-v4 .v4 .swiper-button-prev::after,.huawei-v4 .v4 .swiper-button-next::after {
+    -webkit-transform: translate(-50%,-50%) rotate(45deg);
+    transform: translate(-50%,-50%) rotate(45deg);
+    margin-left: 5px
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .swiper-button-prev:hover,.no-touch .huawei-v4 .v4 .swiper-button-next:hover {
+        background-color:#000
+    }
+
+    .no-touch .huawei-v4 .v4 .swiper-button-prev:hover::after,.no-touch .huawei-v4 .v4 .swiper-button-prev:hover::before,.no-touch .huawei-v4 .v4 .swiper-button-next:hover::after,.no-touch .huawei-v4 .v4 .swiper-button-next:hover::before {
+        background-color: #fff
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .huawei-v4 .v4 .swiper-button-prev:hover,.no-touch .huawei-v4 .v4 .swiper-button-next:hover {
+        background-color:#000
+    }
+
+    .no-touch .huawei-v4 .v4 .swiper-button-prev:hover::after,.no-touch .huawei-v4 .v4 .swiper-button-prev:hover::before,.no-touch .huawei-v4 .v4 .swiper-button-next:hover::after,.no-touch .huawei-v4 .v4 .swiper-button-next:hover::before {
+        background-color: #fff
+    }
+}
+
+.huawei-v4 .v4 .swiper-button-prev {
+    -webkit-transform: rotate(-90deg);
+    transform: rotate(-90deg)
+}
+
+.huawei-v4 .v4 .swiper-button-next {
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg)
+}
+
+@media print {
+    body.huawei-v4 {
+        background: #fff;
+        color: #000;
+        margin: 0;
+        padding: 0;
+        text-align: left
+    }
+
+    .huawei-v4 .v4 a:link,.huawei-v4 .v4 a:visited {
+        background: #fff;
+        color: #000;
+        text-decoration: underline
+    }
+
+    .huawei-v4 .v4 a:not([href='javascript:;']):after {
+        content: "["attr(href) "]"
+    }
+
+    .huawei-v4 .v4 h1,.huawei-v4 .v4 h2,.huawei-v4 .v4 h3,.huawei-v4 .v4 h4,.huawei-v4 .v4 h5,.huawei-v4 .v4 h6 {
+        background: 0;
+        color: #000
+    }
+}
+
+.v4.s02-service-banner .service-banner__buttons .btn.v4-small-btn {
+    padding: 2px 22px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .btn.v4-small-btn,.v4.h01-hero-product-carousel .hero-carousel__buttons .btn.v4-small-btn {
+        padding:2px 22px
+    }
+}
+
+.huawei-v4 .v4 .btn--arrow.btn--arrow-white::after {
+    border-top: 2px solid #fff;
+    border-right: 2px solid #fff
+}
+
+.huawei-v4 .v4 .container:before,.huawei-v4 .v4 .container:after,.huawei-v4 .v4 .container-fluid:before,.huawei-v4 .v4 .container-fluid:after,.huawei-v4 .v4 .row:before,.huawei-v4 .v4 .row:after {
+    display: block !important;
+    content: none !important
+}
+
+.loading_mask {
+    opacity: .3;
+    background-color: #000;
+    Z-INDEX: 9999;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    display: none
+}
+
+.loading_mask img {
+    position: fixed;
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+    top: 50%
+}
+
+.buy-button-hide-v4 {
+    visibility: hidden;
+    display: none !important
+}
+
+.img-lazy {
+    visibility: hidden
+}
+
+.img-lazy.show {
+    visibility: visible
+}
+
+.vue-app-wrapper>.vue-component {
+    width: 100%;
+    overflow: hidden
+}
+
+.rrp-tips {
+    background-color: currentColor;
+    border-radius: 50%;
+    cursor: pointer;
+    display: inline-block;
+    height: 16px;
+    margin-left: 8px;
+    position: relative;
+    transform: translateY(8%);
+    width: 16px;
+    z-index: 18
+}
+
+.rrp-tips:after,.rrp-tips:before {
+    background: #fff;
+    border-radius: 2px;
+    box-sizing: border-box;
+    content: '';
+    display: block;
+    left: 50%;
+    position: absolute;
+    transform: translate3d(-50%,0,0);
+    width: 2px
+}
+
+.rrp-tips:after {
+    bottom: 2px;
+    height: 8px;
+    top: 5.5px
+}
+
+.rrp-tips:before {
+    height: 2px;
+    top: 2px
+}
+
+.rrp-tooltips {
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 0 5px 0 rgba(0,0,0,0.16),1px 3px 6px 0 rgba(0,0,0,0.16);
+    opacity: 0;
+    position: fixed;
+    transition: all .2s;
+    z-index: -120
+}
+
+.rrp-tooltips.active {
+    opacity: 1;
+    z-index: 199
+}
+
+@supports(filter: drop-shadow(0 0 1px rgba(0,0,0,0.16))) {
+    .rrp-tooltips {
+        filter:drop-shadow(0 0 1px rgba(0,0,0,0.16))
+    }
+}
+
+.rrp-tooltips.downwards {
+    transform: translateX(-50%) translateY(-8px) translateY(-100%)
+}
+
+.rrp-tooltips.downwards .triangle {
+    border-top: 8px solid #fff;
+    bottom: 2px;
+    transform: translate3d(50%,100%,0)
+}
+
+.rrp-tooltips.upwards {
+    transform: translateX(-50%) translateY(24px)
+}
+
+.rrp-tooltips.upwards .triangle {
+    border-bottom: 6px solid #fff;
+    top: 0;
+    transform: translate3d(50%,-100%,0)
+}
+
+.rrp-tooltips .rrp-tooltips-wrapper {
+    -ms-overflow-style: none;
+    margin: 16px;
+    overflow: auto;
+    overflow: -moz-scrollbars-none;
+    scrollbar-width: none;
+    transition: all .3s
+}
+
+.rrp-tooltips .rrp-tooltips-wrapper::-webkit-scrollbar {
+    display: none
+}
+
+.rrp-tooltips .rrp-tooltips-container {
+    max-height: 200px;
+    max-width: calc(62.105vw + 35.789px);
+    min-height: 20px;
+    min-width: 20px;
+    transition: all .5s
+}
+
+@media screen and (min-width: 991.98px) {
+    .rrp-tooltips .rrp-tooltips-container {
+        max-height:240px
+    }
+}
+
+@media screen and (min-width: 390.98px) and (max-width:991.98px) {
+    .rrp-tooltips .rrp-tooltips-container {
+        max-width:calc(3.667vw + 263.7px)
+    }
+}
+
+@media screen and (min-width: 991.98px) and (max-width:1200px) {
+    .rrp-tooltips .rrp-tooltips-container {
+        max-width:calc(9.524vw + 205.714px)
+    }
+}
+
+@media screen and (min-width: 1200.98px) and (max-width:1600px) {
+    .rrp-tooltips .rrp-tooltips-container {
+        max-width:calc(10vw + 200px)
+    }
+}
+
+@media screen and (min-width: 1600.98px) {
+    .rrp-tooltips .rrp-tooltips-container {
+        max-width:360px
+    }
+}
+
+.rrp-tooltips .rrp-tooltips-content {
+    color: #676767;
+    font-size: 14px;
+    line-height: 20px;
+    text-align: left;
+    word-break: break-word
+}
+
+.rrp-tooltips .triangle {
+    border-left: 8px solid transparent;
+    border-right: 8px solid transparent;
+    height: 0;
+    position: absolute;
+    right: 50%;
+    width: 0
+}
+
+.huawei-v4 .v4 .font-ico-OK:before,.huawei-v4 .v4 .font-ico-VK:before {
+    font-family: 'svgicons-new';
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    text-decoration: none;
+    text-transform: none;
+    display: block;
+    line-height: 1
+}
+
+.huawei-v4 .v4 .font-ico-Googleplus:before,.huawei-v4 .v4 .font-ico-Pinterest:before,.huawei-v4 .v4 .font-ico-Tumblr:before,.huawei-v4 .v4 .font-ico-Snapchat:before,.huawei-v4 .v4 .font-ico-Line:before,.huawei-v4 .v4 .font-ico-Aparat:before,.huawei-v4 .v4 .font-ico-Tme:before,.huawei-v4 .v4 .font-ico-Kakao:before,.huawei-v4 .v4 .font-ico-Naver:before,.huawei-v4 .v4 .font-ico-TikTok:before,.huawei-v4 .v4 .font-ico-YK:before {
+    font-family: 'social';
+    display: block;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-style: normal;
+    font-variant: normal;
+    font-weight: normal;
+    text-decoration: none;
+    text-transform: none;
+    line-height: 1
+}
+
+.huawei-v4 .v4 [class*='font-ico'] {
+    display: inline-block
+}
+
+.font-ico-arrow-down:before {
+    content: "\e001"
+}
+
+.font-ico-bag:before {
+    content: "\e002"
+}
+
+.font-ico-book:before {
+    content: "\e003"
+}
+
+.font-ico-box:before {
+    content: "\e004"
+}
+
+.font-ico-call:before {
+    content: "\e005"
+}
+
+.font-ico-checkmark:before {
+    content: "\e006"
+}
+
+.font-ico-chevron-right:before {
+    content: "\e007"
+}
+
+.font-ico-clock:before {
+    content: "\e008"
+}
+
+.font-ico-devices:before {
+    content: "\e009"
+}
+
+.font-ico-door:before {
+    content: "\e00a"
+}
+
+.font-ico-download:before {
+    content: "\e00b"
+}
+
+.font-ico-earbuds:before {
+    content: "\e00c"
+}
+
+.font-ico-express-repair:before {
+    content: "\e00d"
+}
+
+.font-ico-external-link:before {
+    content: "\e00e"
+}
+
+.font-ico-eye:before {
+    content: "\e00f"
+}
+
+.font-ico-globe:before {
+    content: "\e010"
+}
+
+.font-ico-huawei-apps:before {
+    content: "\e011"
+}
+
+.font-ico-laptop:before {
+    content: "\e012"
+}
+
+.font-ico-lifering:before {
+    content: "\e013"
+}
+
+.font-ico-move-layer-down:before {
+    content: "\e014"
+}
+
+.font-ico-notification:before {
+    content: "\e015"
+}
+
+.font-ico-padlock:before {
+    content: "\e016"
+}
+
+.font-ico-phones:before {
+    content: "\e017"
+}
+
+.font-ico-play-button:before {
+    content: "\e018"
+}
+
+.font-ico-profile:before {
+    content: "\e019"
+}
+
+.font-ico-repair-service:before {
+    content: "\e01a"
+}
+
+.font-ico-repair-status:before {
+    content: "\e01b"
+}
+
+.font-ico-return:before {
+    content: "\e01c"
+}
+
+.font-ico-rewarranty-period:before {
+    content: "\e01d"
+}
+
+.font-ico-service-centre:before {
+    content: "\e01f"
+}
+
+.font-ico-service-query:before {
+    content: "\e020"
+}
+
+.font-ico-tablets:before {
+    content: "\e021"
+}
+
+.huawei-v4 .v4 .font-ico-instagram:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2055%2055'%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d='M27.5,5c7.34,0,8.21,0,11.11.17a15.42,15.42,0,0,1,5.11.94,8.57,8.57,0,0,1,3.16,2.06,8.57,8.57,0,0,1,2.06,3.16,15.42,15.42,0,0,1,.94,5.11c.14,2.9.17,3.77.17,11.11s0,8.21-.17,11.11a15.42,15.42,0,0,1-.94,5.11,9.15,9.15,0,0,1-5.22,5.22,15.42,15.42,0,0,1-5.11.94c-2.9.14-3.77.17-11.11.17s-8.21,0-11.11-.17a15.42,15.42,0,0,1-5.11-.94,8.57,8.57,0,0,1-3.16-2.06,8.57,8.57,0,0,1-2.06-3.16,15.42,15.42,0,0,1-.94-5.11C5,35.71,5,34.84,5,27.5s0-8.21.17-11.11a15.42,15.42,0,0,1,.94-5.11A8.57,8.57,0,0,1,8.12,8.12a8.57,8.57,0,0,1,3.16-2.06,15.42,15.42,0,0,1,5.11-.94C19.29,5,20.16,5,27.5,5M27.5,0C20,0,19.09,0,16.16.17A20.07,20.07,0,0,0,9.49,1.44,13.49,13.49,0,0,0,4.62,4.62,13.49,13.49,0,0,0,1.44,9.49,20.07,20.07,0,0,0,.17,16.16C0,19.09,0,20,0,27.5s0,8.41.17,11.34a20.07,20.07,0,0,0,1.27,6.67,13.49,13.49,0,0,0,3.18,4.87,13.49,13.49,0,0,0,4.87,3.18,20.07,20.07,0,0,0,6.67,1.27C19.09,55,20,55,27.5,55s8.41,0,11.34-.17a20.07,20.07,0,0,0,6.67-1.27,14.15,14.15,0,0,0,8.05-8.05,20.07,20.07,0,0,0,1.27-6.67C55,35.91,55,35,55,27.5s0-8.41-.17-11.34a20.07,20.07,0,0,0-1.27-6.67,13.49,13.49,0,0,0-3.18-4.87,13.49,13.49,0,0,0-4.87-3.18A20.07,20.07,0,0,0,38.84.17C35.91,0,35,0,27.5,0Z'/%3E%20%3Cpath%20d='M27.5,13.38A14.12,14.12,0,1,0,41.62,27.5,14.12,14.12,0,0,0,27.5,13.38Zm0,23.29a9.17,9.17,0,1,1,9.17-9.17A9.18,9.18,0,0,1,27.5,36.67Z'/%3E%20%3Ccircle%20cx='42.18'%20cy='12.82'%20r='3.3'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-linkedin:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M42.62,41h-5.3V32.69c0-2,0-4.53-2.76-4.53s-3.18,2.16-3.18,4.39V41H26.07V23.92h5.09v2.33h.07a5.61,5.61,0,0,1,5-2.76c5.37,0,6.37,3.54,6.37,8.14Z'/%3E%20%3Cpath%20class='cls-1'%20d='M20.09,21.58a3.08,3.08,0,1,1,3.07-3.07,3.07,3.07,0,0,1-3.07,3.07h0'/%3E%20%3Crect%20class='cls-1'%20x='17.43'%20y='23.92'%20width='5.31'%20height='17.08'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-facebook:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2059.94%2059.94'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d='M59.94,30A30,30,0,1,0,25.29,59.58V38.63H17.68V30h7.61v-6.6c0-7.51,4.47-11.66,11.32-11.66a46.51,46.51,0,0,1,6.71.58v7.38H39.54c-3.72,0-4.89,2.31-4.89,4.68V30H43l-1.33,8.66h-7V59.58A30,30,0,0,0,59.94,30Z'/%3E%20%3Cpath%20class='cls-1'%20d='M41.64,38.63,43,30H34.65V24.35c0-2.37,1.17-4.68,4.89-4.68h3.78V12.29a46.51,46.51,0,0,0-6.71-.58c-6.85,0-11.32,4.15-11.32,11.66V30H17.68v8.66h7.61V59.58a30.6,30.6,0,0,0,9.36,0V38.63Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-twitter:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22150%22%20viewBox%3D%220%200%20150%20150%22%3E%0A%20%20%3Cg%20id%3D%22%E7%BB%84_357%22%20data-name%3D%22%E7%BB%84%20357%22%20transform%3D%22translate(-1506%20-894)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A4%AD%E5%9C%86_154%22%20data-name%3D%22%E6%A4%AD%E5%9C%86%20154%22%20cx%3D%2275%22%20cy%3D%2275%22%20r%3D%2275%22%20transform%3D%22translate(1506%20894)%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E8%B7%AF%E5%BE%84_732%22%20data-name%3D%22%E8%B7%AF%E5%BE%84%20732%22%20d%3D%22M75.122%2C71.033H52.7L35.2%2C47.613%2C15.155%2C71.032H3.965L29.99%2C40.639%2C2.61%2C4H25.58L41.367%2C25.36%2C59.677%2C4h11.19l-24.3%2C28.389%2C28.56%2C38.644ZM15.562%2C10.445%2C55.816%2C64.211h6.12L22.194%2C10.445Z%22%20transform%3D%22translate(1542.39%20931)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E')no-repeat;
+    background-size: cover
+}
+
+.huawei-v4 .v4 .font-ico-youtube:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060.82%2060.82'%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d='M26.62,36.11l9.89-5.7-9.89-5.7Z'/%3E%20%3Cpath%20d='M30.41,0A30.41,30.41,0,1,0,60.82,30.41,30.42,30.42,0,0,0,30.41,0Zm19,30.44s0,6.17-.78,9.14a4.76,4.76,0,0,1-3.35,3.35c-3,.78-14.87.78-14.87.78s-11.87,0-14.87-.81a4.76,4.76,0,0,1-3.35-3.35c-.78-2.94-.78-9.14-.78-9.14s0-6.17.78-9.14a4.85,4.85,0,0,1,3.35-3.38c3-.78,14.87-.78,14.87-.78s11.89,0,14.87.81a4.76,4.76,0,0,1,3.35,3.35C49.44,24.24,49.41,30.44,49.41,30.44Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-OK:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M39.72,31.43a1.69,1.69,0,0,0-.75-.85,2.3,2.3,0,0,0-2.81.47,3.18,3.18,0,0,0-.75.56,7.41,7.41,0,0,1-2.15.85A10.23,10.23,0,0,1,30,33a12.68,12.68,0,0,1-3.28-.47,8.38,8.38,0,0,1-2.24-.94l-.75-.56a3.13,3.13,0,0,0-1.59-.75,1.71,1.71,0,0,0-1.22.28,2.25,2.25,0,0,0-.75.85,2.05,2.05,0,0,0-.09,2,13.12,13.12,0,0,0,2.24,2,13.28,13.28,0,0,0,5.9,1.78L27,38.36l-5,5a1.91,1.91,0,0,0-.56,1.4A1.93,1.93,0,0,0,22,46.13l.28.28a2,2,0,0,0,1.41.56,1.91,1.91,0,0,0,1.4-.56l5-5,5,5a1.91,1.91,0,0,0,1.4.56,2,2,0,0,0,1.41-.56l.28-.28a1.93,1.93,0,0,0,.56-1.41,1.91,1.91,0,0,0-.56-1.4l-5.15-5L31.57,37a14.08,14.08,0,0,0,5.9-1.78,7,7,0,0,0,2.25-2C40.09,32.83,40.09,32.18,39.72,31.43Z'/%3E%20%3Cpath%20class='cls-1'%20d='M35.88,15.88a8.39,8.39,0,0,0-12,0,8.39,8.39,0,0,0,0,12,8.19,8.19,0,0,0,6,2.53,8,8,0,0,0,6-2.53,8.37,8.37,0,0,0,0-12Zm-3,8.9A3.9,3.9,0,0,1,30,26a3.77,3.77,0,0,1-2.9-1.22,3.9,3.9,0,0,1-1.22-2.9A3.77,3.77,0,0,1,27.08,19a4.08,4.08,0,0,1,5.8,0,3.89,3.89,0,0,1,1.22,2.91A3.73,3.73,0,0,1,32.88,24.78Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-VK:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M45.67,41.32a3.66,3.66,0,0,1-.57,0H39.57a1,1,0,0,1-.66-.24,13.37,13.37,0,0,1-1.14-1C36.85,39.24,36,38.3,35,37.37c-.28-.29-.59-.55-.88-.81a.77.77,0,0,0-.56-.18.62.62,0,0,0-.6.38,2.42,2.42,0,0,0-.2.71c0,.44,0,.88-.06,1.32a5.42,5.42,0,0,1-.16,1.45,2.81,2.81,0,0,1-.26.62,1,1,0,0,1-.87.51c-1.61,0-3.22.06-4.83,0a2.27,2.27,0,0,1-.84-.25,13.58,13.58,0,0,1-4-2.94c-1.39-1.48-2.66-3.08-3.93-4.67a49.42,49.42,0,0,1-4.5-6.83A19,19,0,0,1,12.09,24a2.21,2.21,0,0,1,0-1.39,1.44,1.44,0,0,1,.18-.4.55.55,0,0,1,.49-.28H18a1.06,1.06,0,0,1,.8.33,6.63,6.63,0,0,1,1,1.39c.31.54.63,1.09.9,1.66a26.51,26.51,0,0,0,2.15,3.52c.38.55.8,1.07,1.2,1.61a.93.93,0,0,0,.74.36c.29,0,.41-.11.41-.41V24a.61.61,0,0,0-.55-.59l-.46-.07a.7.7,0,0,1-.71-.69v0a1.38,1.38,0,0,1,.94-1.52A2.47,2.47,0,0,1,25.3,21h4.47c.3,0,.61,0,.91,0a4.89,4.89,0,0,1,.93.16,1.45,1.45,0,0,1,1.11,1.32c0,.16,0,.32,0,.49v7.08a1.47,1.47,0,0,0,0,.36.52.52,0,0,0,.65.36.45.45,0,0,0,.19-.11A6.37,6.37,0,0,0,35.77,28c.47-1,.87-2,1.3-3,.35-.79.71-1.57,1.07-2.36a4.93,4.93,0,0,1,.34-.54.54.54,0,0,1,.46-.23h6.49a1.58,1.58,0,0,1,1.28.61.94.94,0,0,1,.19.5,3.45,3.45,0,0,1-.57,2.31A13.18,13.18,0,0,1,45,27.18,40.13,40.13,0,0,0,42.06,31c-.24.34-.43.71-.64,1.06a.6.6,0,0,0,.06.74c.39.47.77,1,1.18,1.41,1,1.07,2,2.11,3,3.17.32.35.6.71.89,1.08.1.12.17.26.26.38a1.68,1.68,0,0,1-.61,2.3,1.72,1.72,0,0,1-.49.19Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-Googleplus:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d='M30,0A30,30,0,1,0,60,30,30,30,0,0,0,30,0ZM21.49,45.15a15.14,15.14,0,0,1,0-30.28,14.65,14.65,0,0,1,10.14,3.94l-4.11,4a8.6,8.6,0,0,0-6-2.33,9.54,9.54,0,0,0,0,19.07c4,0,7.93-2.33,8.56-6.51H21.49v-5.2H35.77A14.09,14.09,0,0,1,36,30.35c0,8.65-5.8,14.8-14.51,14.8Zm27.82-13v4.23H45.08V32.18H40.73V27.94H45V23.59h4.35v4.23h4.24v4.36Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-Pinterest:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060.07%2060.29'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20class='cls-1'%20cx='30.8'%20cy='29.6'%20r='27.31'/%3E%20%3Cpath%20d='M30.28,0A30.14,30.14,0,0,0,19.41,58.31a33.38,33.38,0,0,1,0-8.65l3.46-15.07a10.86,10.86,0,0,1-1-4.45c0-4.2,2.47-7.41,5.43-7.41s3.71,2,3.71,4.2-1.73,6.42-2.47,10.13S30,42.5,33,42.5s9.38-5.69,9.38-13.84S37.2,16.31,29.78,16.31,16.44,23,16.44,29.65a12.14,12.14,0,0,0,2.23,6.92,1,1,0,0,1,.24.74l-.74,3.46c-.24.49-.49.74-1,.49C13.48,39.53,11,34.1,11,29.65c0-9.39,6.92-18.28,20-18.28s18.53,7.41,18.53,17.29S42.88,47.44,34,47.44c-3,0-5.93-1.49-6.91-3.46l-2,7.16a33.27,33.27,0,0,1-3.71,7.91,30.14,30.14,0,1,0,8.9-59Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-Tumblr:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M27.72,12.65s.07,7.76-7.62,9.77V28H25V38.55s-.87,8.09,7.9,8.83h7V40.62H36.12a3.11,3.11,0,0,1-2.81-3.24v-9.3H39.6V21.45H33.31V12.62Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-Snapchat:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M21.08,19.21c-.86,1.94-.52,5.42-.38,7.86-.94.51-2.14-.4-2.82-.4a1.74,1.74,0,0,0-1.69,1.16c-.09.5.13,1.23,1.74,1.87.62.24,2.1.53,2.44,1.34.48,1.13-2.47,6.36-7.1,7.12a.7.7,0,0,0-.6.75c.08,1.41,3.23,2,4.63,2.18a12.13,12.13,0,0,1,.45,1.63.8.8,0,0,0,.84.61,11.77,11.77,0,0,1,3.95-.2c2,.33,3.92,3.19,7.57,3.19,3.38,0,5.4-2.87,7.35-3.19a8.44,8.44,0,0,1,3.17.08c.75.14,1.41.23,1.63-.51a11.8,11.8,0,0,1,.44-1.62c1.38-.21,4.56-.76,4.63-2.17a.7.7,0,0,0-.6-.75c-4.55-.75-7.59-6-7.1-7.13.34-.8,1.81-1.09,2.44-1.34,1.18-.46,1.77-1,1.75-1.69,0-.85-1-1.35-1.78-1.35s-1.85.9-2.74.41c.14-2.45.48-5.91-.38-7.85A9.58,9.58,0,0,0,30,13.68,9.54,9.54,0,0,0,21.08,19.21Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-Line:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cg%20id='TYPE_A'%20data-name='TYPE%20A'%3E%20%3Cpath%20class='cls-1'%20d='M46.42,28.7c0-7.35-7.37-13.32-16.42-13.32s-16.42,6-16.42,13.32c0,6.58,5.84,12.1,13.73,13.14.54.12,1.27.35,1.45.81a3.41,3.41,0,0,1,0,1.49l-.23,1.4c-.07.42-.33,1.62,1.42.89s9.45-5.57,12.9-9.54h0a11.82,11.82,0,0,0,3.52-8.19'/%3E%20%3Cpath%20d='M26.66,25.15H25.51a.32.32,0,0,0-.32.32v7.15a.32.32,0,0,0,.32.32h1.15a.32.32,0,0,0,.32-.32V25.47a.32.32,0,0,0-.32-.32'/%3E%20%3Cpath%20d='M34.59,25.15H33.44a.32.32,0,0,0-.32.32v4.25l-3.28-4.43,0,0h0l0,0H28.42a.32.32,0,0,0-.32.32v7.15a.32.32,0,0,0,.32.32h1.15a.32.32,0,0,0,.32-.32V28.37l3.29,4.44a.27.27,0,0,0,.08.07h1.33a.32.32,0,0,0,.32-.32V25.47a.32.32,0,0,0-.32-.32'/%3E%20%3Cpath%20d='M23.89,31.15H20.76V25.47a.32.32,0,0,0-.32-.32H19.29a.32.32,0,0,0-.32.32v7.15h0a.29.29,0,0,0,.09.22h0a.29.29,0,0,0,.22.09h4.6a.32.32,0,0,0,.32-.32V31.47a.32.32,0,0,0-.32-.32'/%3E%20%3Cpath%20d='M41,26.94a.32.32,0,0,0,.32-.32V25.47a.32.32,0,0,0-.32-.32h-4.6a.28.28,0,0,0-.22.09h0a.29.29,0,0,0-.09.22h0v7.15h0a.29.29,0,0,0,.09.22h0a.28.28,0,0,0,.22.09H41a.32.32,0,0,0,.32-.32V31.47a.32.32,0,0,0-.32-.32H37.82V29.94H41a.32.32,0,0,0,.32-.32V28.47a.32.32,0,0,0-.32-.32H37.82V26.94Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-Aparat:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M22.19,12.44a9.12,9.12,0,0,0-1.17.48,5.51,5.51,0,0,0-2.36,2.32,26.41,26.41,0,0,0-1.17,3.85c0,.16.26-.11,1.13-1a15.7,15.7,0,0,1,5.47-3.67,19.44,19.44,0,0,1,3.59-1c.25,0,.43-.08.41-.1l-1.74-.5a9.32,9.32,0,0,0-2.7-.49A4.77,4.77,0,0,0,22.19,12.44Z'/%3E%20%3Cpath%20class='cls-1'%20d='M29,14.66a15.62,15.62,0,0,0-5.08,1.42,15.06,15.06,0,0,0-8.48,11.41,20.79,20.79,0,0,0,0,4.32,15.06,15.06,0,0,0,8.48,11.41,15.24,15.24,0,0,0,21.53-10.9,21.69,21.69,0,0,0,0-5.34A15.13,15.13,0,0,0,39,17.2,15.38,15.38,0,0,0,29,14.66Zm-2,4.1a4.27,4.27,0,1,1-3.93,7.16,4.14,4.14,0,0,1,0-6A4.2,4.2,0,0,1,27.05,18.76Zm11,2.12A4.2,4.2,0,0,1,41.32,25a3.92,3.92,0,0,1-1.21,3,4.5,4.5,0,0,1-2.06,1.17,4.11,4.11,0,0,1-3-.38,4.21,4.21,0,0,1-2.27-4.52A3.92,3.92,0,0,1,34,22a4,4,0,0,1,3-1.28A4.35,4.35,0,0,1,38.08,20.88ZM31.27,28.1a1.81,1.81,0,0,1,1,1.6,1.87,1.87,0,0,1-2.72,1.71,1.41,1.41,0,0,1-.87-.88A1.87,1.87,0,0,1,31.27,28.1Zm-6.48,2a4.66,4.66,0,0,1,1.12.42,4.21,4.21,0,0,1,2.27,4.52A4,4,0,0,1,27,37.26a4.2,4.2,0,0,1-5,.79,4.26,4.26,0,0,1-1.55-6.17A4.4,4.4,0,0,1,24.79,30.11Zm11.13,2.14a4.28,4.28,0,0,1,3.13,5,4.69,4.69,0,0,1-2.24,2.93,4.33,4.33,0,0,1-5-.77,4.22,4.22,0,0,1,0-6A4.37,4.37,0,0,1,35.92,32.25Z'/%3E%20%3Cpath%20class='cls-1'%20d='M40.57,16.64a1.23,1.23,0,0,0,.37.34,17.6,17.6,0,0,1,3.3,3.66A16.76,16.76,0,0,1,46.75,27a1.83,1.83,0,0,0,.14.58s.27-.95.58-2.07A10.1,10.1,0,0,0,48,22.72a5.19,5.19,0,0,0-1.59-3.81A6.32,6.32,0,0,0,43,17.24l-1.9-.5A1.65,1.65,0,0,0,40.57,16.64Z'/%3E%20%3Cpath%20class='cls-1'%20d='M13.92,32.31s-.21.83-.46,1.78A8.71,8.71,0,0,0,13,36.58a5.18,5.18,0,0,0,1.58,3.8c.89.88,1.49,1.17,3.7,1.76,1,.26,1.8.46,1.81.45s-.07-.12-.21-.22a26.51,26.51,0,0,1-2.48-2.49,16.82,16.82,0,0,1-3.23-6.73C14,32.44,13.92,32.11,13.92,32.31Z'/%3E%20%3Cpath%20class='cls-1'%20d='M43.28,40c-.18.25-.68.79-1.09,1.22a16.77,16.77,0,0,1-8.39,4.54,6.29,6.29,0,0,0-.9.21s0,0,1.9.55c2.57.68,3.6.67,5.16-.1a5.41,5.41,0,0,0,2.6-2.8c.22-.56,1.11-3.87,1.08-4S43.46,39.74,43.28,40Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-Tme:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M41.82,18.08a.54.54,0,0,0-.57-.1L13.33,28.57a.57.57,0,0,0-.36.48.58.58,0,0,0,.28.52l9,5a.54.54,0,0,0,.56,0l6.71-4.24-5,4.92a.53.53,0,0,0-.2.39v7.89a.57.57,0,0,0,.34.51.52.52,0,0,0,.21,0,.59.59,0,0,0,.4-.16l4.63-4.7,5.29,3.11a.5.5,0,0,0,.49,0A.52.52,0,0,0,36,42l6-23.34A.56.56,0,0,0,41.82,18.08Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-Kakao:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M26.19,28l-1,2.92h2.07Z'/%3E%20%3Cpath%20class='cls-1'%20d='M30,15.52c-9.94,0-18,6.31-18,14.1,0,5,3.37,9.45,8.44,11.94-2,6.68-2,6.71-1.67,6.9s.95,0,8-5a22.42,22.42,0,0,0,3.2.23c9.94,0,18-6.32,18-14.1s-8.06-14.1-18-14.1Zm-8.91,18a1,1,0,0,1-2.08,0V27.42H17.39a1,1,0,1,1,0-2h5.32a1,1,0,1,1,0,2H21.09Zm8.06,1c-1.08,0-.88-.85-1.37-1.8H24.61c-.49.94-.3,1.8-1.38,1.8s-1.22-.64-.91-1.61l2.49-6.5a1.45,1.45,0,0,1,2.77,0C29.22,31.51,31.56,34.53,29.15,34.53Zm5.91-.14H31.73c-1.74,0-.68-2.35-1-7.95a1.06,1.06,0,0,1,2.12,0V32.5h2.2a.95.95,0,1,1,0,1.89Zm8.13-.78a1,1,0,0,1-.4.68c-1.43,1.08-2.49-2.07-3.89-3.41l-.36.36v2.25a1,1,0,1,1-2.08,0v-7a1,1,0,1,1,2.08,0v2.21c1.91-1.43,3-4,4.18-2.8s-1.27,2.21-2.29,3.63c2.41,3.32,2.87,3.4,2.76,4.13Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-Naver:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M8.16,25.19h3.07s2.79,4.22,2.88,4.33.09,0,.09,0a7.31,7.31,0,0,1-.27-2V25.19H17V33H13.93l-2.81-4.1c-.09-.11-.1,0-.1,0a5.06,5.06,0,0,1,.2,1.56V33H8.16Z'/%3E%20%3Cpath%20class='cls-1'%20d='M21.82,30.17l.42-1.58a6.79,6.79,0,0,0,.15-.79c0-.07.11-.07.13,0a5.85,5.85,0,0,0,.16.77l.42,1.59ZM21.25,32h2.41l.3,1h3.38L24.2,25.19H20.66L17.6,33H21Z'/%3E%20%3Cpath%20class='cls-1'%20d='M35.41,25.19,32,33H29.29l-3.42-7.81h3.35l1.16,3.55A8.76,8.76,0,0,1,30.61,30a.06.06,0,0,0,.11,0,8.27,8.27,0,0,1,.22-1.23l1.13-3.55Z'/%3E%20%3Cpath%20class='cls-1'%20d='M36.07,25.19H42v2.13H39.3v.75h2.46v2H39.3v.77h2.79V33h-6V25.19Z'/%3E%20%3Cpath%20class='cls-1'%20d='M46.52,27.3h.25c.55,0,1,.07,1,.67s-.53.65-1,.65h-.23ZM43.39,33h3.13v-2.5s0-.09.08,0L48,33h3.69l-1.92-2.54a2.24,2.24,0,0,0-.54-.46c-.06,0,0-.06,0-.06,1.2-.36,1.71-.85,1.71-2,0-2-1.68-2.72-3.67-2.72H43.39Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-TikTok:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23f00044;%7D.cls-2%7Bfill:%2308fff9;%7D.cls-3%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M27.34,29.54A4.5,4.5,0,0,0,25,37.92a4.54,4.54,0,0,1,5.28-6.71v-5a9.76,9.76,0,0,0-1.44-.11h-.07v3.71A4.51,4.51,0,0,0,27.34,29.54Z'/%3E%20%3Cpath%20class='cls-1'%20d='M38.33,14.42H37a7.69,7.69,0,0,0,2.92,4.64A7.75,7.75,0,0,1,38.33,14.42Z'/%3E%20%3Cpath%20class='cls-1'%20d='M46,22.09A8.57,8.57,0,0,1,44.56,22v3.61a12.32,12.32,0,0,1-4.91-1A13,13,0,0,1,36.85,23l0,11.14a9.33,9.33,0,0,1-2.79,6.63,9.48,9.48,0,0,1-5.32,2.65,9.73,9.73,0,0,1-1.43.11,9.53,9.53,0,0,1-5.84-2,7.31,7.31,0,0,0,.6.66,9.56,9.56,0,0,0,6.75,2.76,9.73,9.73,0,0,0,1.43-.11,9.48,9.48,0,0,0,5.32-2.65,9.33,9.33,0,0,0,2.79-6.63L38.3,24.39A12.51,12.51,0,0,0,41.09,26,12.7,12.7,0,0,0,46,27'/%3E%20%3Cpath%20class='cls-2'%20d='M22.08,28.83a9.55,9.55,0,0,1,6.69-2.77V24.72a11.32,11.32,0,0,0-1.43-.1,9.51,9.51,0,0,0-6.76,2.77,9.42,9.42,0,0,0,.91,14.12,9.28,9.28,0,0,1-2.19-6A9.43,9.43,0,0,1,22.08,28.83Z'/%3E%20%3Cpath%20class='cls-2'%20d='M44.56,22V20.62h0a7.65,7.65,0,0,1-4.64-1.56A7.67,7.67,0,0,0,44.56,22Z'/%3E%20%3Cpath%20class='cls-2'%20d='M28.59,40a4.74,4.74,0,0,0,1.69-.22,4.52,4.52,0,0,0,3.12-4.28V14.42H37A8.57,8.57,0,0,1,36.84,13H31.91V34.05a4.5,4.5,0,0,1-3.13,4.27,4.28,4.28,0,0,1-1.69.22A4.6,4.6,0,0,1,25,37.91,4.57,4.57,0,0,0,28.59,40Z'/%3E%20%3Cpath%20class='cls-3'%20d='M28.77,43.37a9.48,9.48,0,0,0,5.32-2.65,9.33,9.33,0,0,0,2.79-6.63l0-11.14a12.77,12.77,0,0,0,2.8,1.62,12.53,12.53,0,0,0,4.91,1V22a7.67,7.67,0,0,1-4.65-2.9A7.63,7.63,0,0,1,37,14.42H33.41V35.49a4.5,4.5,0,0,1-3.12,4.27,4.33,4.33,0,0,1-1.69.22A4.58,4.58,0,0,1,25,37.91a4.49,4.49,0,0,1,2.34-8.37,4.81,4.81,0,0,1,1.43.22V26.05a9.56,9.56,0,0,0-6.69,2.78,9.41,9.41,0,0,0-2.78,6.66,9.21,9.21,0,0,0,2.2,6,9.47,9.47,0,0,0,5.84,2,8.52,8.52,0,0,0,1.43-.1Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E%20") no-repeat
+}
+
+.huawei-v4 .v4 .font-ico-YK:before {
+    content: "";
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M30.37,36.91a4.11,4.11,0,0,1-.27-.51,3.68,3.68,0,0,1-.16-.54,2.62,2.62,0,0,1-.06-.57V22.85a2.67,2.67,0,0,1,.2-1,2.8,2.8,0,0,1,.63-.92,2.72,2.72,0,0,1,.92-.62,3.1,3.1,0,0,1,1.12-.19,3,3,0,0,1,1.09.23,2.54,2.54,0,0,1,.9.63,2.63,2.63,0,0,1,.62.92,2.9,2.9,0,0,1,.19,1.07v3.49l5-5.41.2-.16.2-.16.21-.15.23-.14.08,0,.07,0h.08a.09.09,0,0,0,.06,0l.15-.05.17,0h.09a.07.07,0,0,0,.06,0h.23l.07,0h.14a2.56,2.56,0,0,1,.79.11,3,3,0,0,1,.74.33,2.74,2.74,0,0,1,.64.53,2.57,2.57,0,0,1,.44.72,2.55,2.55,0,0,0,.11.33,2.12,2.12,0,0,1,.09.31,1,1,0,0,1,0,.3v.29a3.08,3.08,0,0,1,0,.53,3.37,3.37,0,0,1-.15.48,3.61,3.61,0,0,1-.22.44,1.41,1.41,0,0,1-.3.34l-3.88,3.67,4.45,4.94a3.05,3.05,0,0,1,.32.44,5.12,5.12,0,0,1,.22.47,4.37,4.37,0,0,1,.12.49,2.72,2.72,0,0,1,0,.49,2.56,2.56,0,0,1-.07.62,5.14,5.14,0,0,1-.2.59,3.77,3.77,0,0,1-.34.54,2.82,2.82,0,0,1-.47.44l-.26.17-.26.15-.15,0-.12.05h-.08A.08.08,0,0,0,44,38h-.07l-.07,0-.19,0-.18,0h-.1l-.07,0h-.2a3.18,3.18,0,0,1-.62-.06,3.58,3.58,0,0,1-.56-.16,2.33,2.33,0,0,1-.52-.28,2,2,0,0,1-.39-.38l-5.48-6.66v4.74a3.61,3.61,0,0,1-.05.59,2.25,2.25,0,0,1-.17.54,2.57,2.57,0,0,1-.26.49,2.73,2.73,0,0,1-.36.45,2.57,2.57,0,0,1-.39.32,3.89,3.89,0,0,1-.44.24l-.22.06-.23.06-.23.05-.23,0h-.49a2.41,2.41,0,0,1-.48-.08l-.46-.14a2.18,2.18,0,0,1-.42-.24l-.39-.32v0A1.43,1.43,0,0,1,30.37,36.91Z'/%3E%20%3Cpath%20class='cls-1'%20d='M29.11,23a2.38,2.38,0,0,0,.22-.49l.13-.29-.05,0a2.73,2.73,0,0,0,.05-.5,2.58,2.58,0,0,0-4.84-1.25h0a2.59,2.59,0,0,0-.17.38l-3,6.69-4.72-7.07h0a2.58,2.58,0,0,0-4.84,1.25,2.63,2.63,0,0,0,.45,1.47h0L19,33.07l-3.13,7h0a2.58,2.58,0,0,0,4.32,2.8h0v0a2.57,2.57,0,0,0,.46-1Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.v4.header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 151;
+    height: auto;
+    transition: transform .2s
+}
+
+.edit-mode .v4.header {
+    top: 42px
+}
+
+.v4.header.scroll-with-screen,.v4.header.minisite-nav {
+    position: absolute
+}
+
+.v4.header.header-move {
+    transform: translateY(0)
+}
+
+.v4.header.slide-down-corporation.header-move {
+    transform: translateY(0)
+}
+
+.v4.header.stuck {
+    display: none
+}
+
+.v4.header-placeholder {
+    width: 100%;
+    height: 56px;
+    position: relative;
+    transition: height .2s
+}
+
+.v4.header-placeholder-pl {
+    width: 100%;
+    height: 56px
+}
+
+#header-placeholder {
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box
+}
+
+@media only screen and (min-width: 1200px) {
+    .v4.header::after {
+        content:'';
+        position: absolute;
+        top: 100%;
+        left: 0;
+        width: 100%;
+        height: calc(100vh - 80px);
+        background-color: #fff;
+        border-top: 1px solid #e5e5e5;
+        display: none
+    }
+
+    .huawei-v4 .platform-invisible.header::after {
+        height: calc(100vh - 80px)
+    }
+
+    .v4.header.header--popup-opened::after {
+        display: block
+    }
+}
+
+html.no-scroll,html.no-scroll body {
+    -ms-overflow-style: none;
+    overflow: hidden !important;
+    overflow: -moz-scrollbars-none;
+    scrollbar-width: none
+}
+
+html.no-scroll body::-webkit-scrollbar,html.no-scroll::-webkit-scrollbar {
+    display: none
+}
+
+html.no-scroll body {
+    -ms-overflow-style: none;
+    height: 100%;
+    overflow: -moz-scrollbars-none;
+    position: relative;
+    scrollbar-width: none;
+    -webkit-padding-end: 0;
+    padding-inline-end:0}
+
+.huawei-v4.app-hidden #header-v4 {
+    display: none !important
+}
+
+.huawei-v4.app-hidden #header-placeholder {
+    display: none !important
+}
+
+.huawei-v4.app-hidden .v4.n09-footer .container div:not(.policy-text) {
+    display: none !important
+}
+
+.huawei-v4.app-hidden .global-style-forbidden {
+    cursor: not-allowed;
+    pointer-events: none
+}
+
+.huawei-v4.app-hidden .global-style-hide {
+    cursor: not-allowed;
+    pointer-events: none;
+    opacity: 0 !important
+}
+
+@media only screen and (max-width: 1365px) {
+    .v4.header-placeholder.nav-v2,.v4.header-placeholder-pl.nav-v2 {
+        height:56px
+    }
+
+    .huawei-v4 .v4.header.nav-v2 .popup {
+        top: 56px
+    }
+
+    .huawei-v4 .v4.header.nav-v2 .popup__close-btn {
+        display: none
+    }
+}
+
+.huawei-v4.nav-hidden #header-v4 {
+    display: none !important
+}
+
+.huawei-v4.nav-hidden #second-navigation-v4 {
+    display: none !important
+}
+
+.huawei-v4.nav-hidden #robotIcon {
+    display: none !important
+}
+
+.huawei-v4.nav-hidden #header-placeholder {
+    display: none !important
+}
+
+.huawei-v4.nav-hidden .v4.n09-footer .container div:not(.policy-text) {
+    display: none !important
+}
+
+.huawei-v4.nav-hidden .global-style-forbidden {
+    cursor: not-allowed;
+    pointer-events: none
+}
+
+.huawei-v4.nav-hidden .global-style-hide {
+    cursor: not-allowed;
+    pointer-events: none;
+    opacity: 0 !important
+}
+
+.huawei-v4.nav-hidden .huawei-ie-tips {
+    display: none !important
+}
+
+#second-navigation-v4 {
+    position: relative;
+    top: 0;
+    z-index: 150;
+    background-color: #fff;
+    width: 100%
+}
+
+#second-navigation-v4.isEdge {
+    position: relative
+}
+
+#second-navigation-v4.stuck {
+    position: fixed
+}
+
+@supports(position: -webkit-sticky) {
+    #second-navigation-v4 {
+        position:-webkit-sticky
+    }
+}
+
+@supports(position: sticky) {
+    #second-navigation-v4 {
+        position:sticky
+    }
+}
+
+@supports(-webkit-backdrop-filter: blur(0)) {
+    #second-navigation-v4 {
+        background:rgba(255,255,255,0.9);
+        -webkit-backdrop-filter: saturate(180%) blur(20px)
+    }
+}
+
+@supports(backdrop-filter: blur(0)) {
+    #second-navigation-v4 {
+        background:rgba(255,255,255,0.9);
+        backdrop-filter: saturate(180%) blur(20px)
+    }
+}
+
+.v4.n06-second-navigation .product-tabs-wrap {
+    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1)
+}
+
+.v4.n06-second-navigation .product-link-container {
+    display: flex
+}
+
+.v4.n06-second-navigation .product-link_item {
+    margin: 0 15px;
+    position: relative;
+    white-space: nowrap
+}
+
+.v4.n06-second-navigation .product-link_item::before {
+    content: " ";
+    display: inline-block;
+    width: 2px;
+    height: 16px;
+    background-color: #000;
+    position: absolute;
+    top: 50%;
+    left: -16px;
+    transform: translateY(-50%)
+}
+
+.v4.n06-second-navigation .product-link_item:first-child {
+    margin-left: 0
+}
+
+.v4.n06-second-navigation .product-link_item:first-child::before {
+    content: none
+}
+
+.v4.n06-second-navigation .product-link {
+    color: #7f7f7f
+}
+
+.v4.n06-second-navigation .product-link:hover,.v4.n06-second-navigation .product-tabs__link:hover {
+    color: #000
+}
+
+.v4.n06-second-navigation .product-link__active {
+    color: #000
+}
+
+.v4.n06-second-navigation .product-tabs__heading {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    padding: 24px 0;
+    position: relative
+}
+
+.v4.n06-second-navigation .product-tabs__title {
+    margin-top: 3px;
+    font-weight: 700
+}
+
+.v4.n06-second-navigation .product-tabs__links-container {
+    position: relative;
+    margin-left: auto;
+    margin-right: 30px;
+    overflow: hidden;
+    overflow-x: scroll
+}
+
+.v4.n06-second-navigation .product-tabs__links {
+    margin-top: 2px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+
+.v4.n06-second-navigation .product-tabs__links-item {
+    position: relative;
+    padding: 0 16px
+}
+
+.v4.n06-second-navigation .product-tabs__link {
+    display: block;
+    border: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    outline: 0;
+    padding: 0 4px;
+    font-size: 16px;
+    font-weight: 400;
+    color: #7f7f7f;
+    line-height: 1.5;
+    letter-spacing: .3px;
+    text-align: center;
+    white-space: nowrap
+}
+
+.v4.n06-second-navigation .product-tabs__link.product-tabs__link--active {
+    font-weight: 700;
+    color: #000;
+    letter-spacing: -0.2px;
+    cursor: default;
+    border-bottom: 2px solid #000
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .v4.n06-second-navigation .product-tabs__link:hover {
+        color:#000
+    }
+}
+
+.v4.n06-second-navigation .product-tabs__button {
+    padding: 2px 24px;
+    height: auto;
+    min-width: auto;
+    border-radius: 6px
+}
+
+.v4.n06-second-navigation .product-tabs__button-container {
+    margin-top: -1px
+}
+
+.v4.n06-second-navigation .product-tabs__button.btn--red {
+    border: 1px solid #ad0824;
+    background-color: #ad0824
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .v4.n06-second-navigation .product-tabs__button:hover {
+        opacity:.75
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .v4.n06-second-navigation .product-tabs__heading {
+        padding:18px 0 0 0;
+        -webkit-flex-wrap: wrap;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap
+    }
+
+    .v4.n06-second-navigation .product-tabs__title {
+        -webkit-box-ordinal-group: 1;
+        -webkit-order: 0;
+        -ms-flex-order: 0;
+        order: 0;
+        max-width: 65%;
+        padding-bottom: 9px
+    }
+
+    .v4.n06-second-navigation .product-tabs__links-container {
+        -webkit-box-ordinal-group: 3;
+        -webkit-order: 2;
+        -ms-flex-order: 2;
+        order: 2;
+        margin: 4px 0 0 0;
+        width: 100%
+    }
+
+    .v4.n06-second-navigation .product-tabs__links {
+        width: 100%
+    }
+
+    .v4.n06-second-navigation .product-tabs__links-item {
+        padding: 0 19px 0 0
+    }
+
+    .v4.n06-second-navigation .product-tabs__links-item:last-child {
+        padding-right: 0
+    }
+
+    .v4.n06-second-navigation .product-tabs__link {
+        white-space: nowrap;
+        padding-bottom: 10px
+    }
+
+    .v4.n06-second-navigation .product-tabs__link:first-child {
+        padding-left: 0
+    }
+
+    .v4.n06-second-navigation .product-tabs__button-container {
+        -webkit-box-ordinal-group: 2;
+        -webkit-order: 1;
+        -ms-flex-order: 1;
+        order: 1;
+        margin-left: auto
+    }
+}
+
+.v4.n06-second-navigation .drop-down__btn.open svg {
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg)
+}
+
+.v4.n06-second-navigation .drop-down__btn svg {
+    -webkit-transition: .7s transform cubic-bezier(0.075,0.82,0.165,1);
+    transition: .7s transform cubic-bezier(0.075,0.82,0.165,1)
+}
+
+.v4.n06-second-navigation .drop-down__wrap {
+    display: none;
+    position: absolute;
+    width: 100%;
+    top: auto
+}
+
+.v4.n06-second-navigation .customized-link__container {
+    background-color: #faf8f9;
+    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+    overflow: hidden
+}
+
+.v4.n06-second-navigation .customized__links-item {
+    margin: 10px 0
+}
+
+.v4.n06-second-navigation .customized__link {
+    font-weight: 400;
+    letter-spacing: .3px
+}
+
+.v4.n06-second-navigation .customized__link:hover {
+    text-decoration: underline;
+    opacity: .8
+}
+
+.v4.n06-second-navigation .product-tabs__links-container::-webkit-scrollbar,.v4.n06-second-navigation .product-tabs__title::-webkit-scrollbar {
+    display: none
+}
+
+.v4.n06-second-navigation .product-tabs__links-container,.v4.n06-second-navigation .product-tabs__title {
+    scrollbar-width: none;
+    -ms-overflow-style: none
+}
+
+.v4.n06-second-navigation .customized-link__container-mob,.v4.n06-second-navigation .drop-down__mob {
+    display: none
+}
+
+.v4.n06-second-navigation .drop-down__btn-wrap {
+    margin-left: 5px
+}
+
+@media only screen and (max-width: 991.98px) {
+    .v4.n06-second-navigation .customized-link__container-mob,.v4.n06-second-navigation .drop-down__mob {
+        display:block
+    }
+
+    .v4.n06-second-navigation .drop-down__mob .drop-down__btn {
+        margin-top: 3px
+    }
+
+    .v4.n06-second-navigation .product-link_item__mob {
+        display: none
+    }
+
+    .v4.n06-second-navigation .product-link_item {
+        white-space: normal
+    }
+
+    .v4.n06-second-navigation .product-link_item:first-child {
+        margin: 0
+    }
+}
+
+.sec-nav-item-dropDown {
+    width: 253px;
+    max-height: 421px;
+    display: none;
+    position: absolute;
+    background-color: #fff;
+    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.08);
+    z-index: 1000;
+    border: 1px solid rgba(0,0,0,0.1);
+    padding: 40px 50px 40px 16px
+}
+
+.product-category-item {
+    margin-bottom: 40px
+}
+
+.product-category-item:last-child {
+    margin-bottom: 0
+}
+
+.product-category-title {
+    font-size: 14px;
+    font-weight: bold;
+    font-stretch: normal;
+    line-height: 17px;
+    letter-spacing: 0;
+    color: #000
+}
+
+.product-category-name {
+    line-height: 17px;
+    margin-top: 16px;
+    position: relative
+}
+
+.product-category-name.active::before {
+    content: '';
+    display: block;
+    width: 10px;
+    height: 2px;
+    background-color: #000;
+    position: absolute;
+    top: 8px;
+    right: -20px;
+    transform: rotateZ(-45deg)
+}
+
+.product-category-name.active::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 8px;
+    right: -20px;
+    width: 5px;
+    height: 2px;
+    background-color: #000;
+    transform: rotateZ(45deg) translate(-5px,6px)
+}
+
+.product-category-name.active a {
+    opacity: 1
+}
+
+.product-category-name a {
+    width: 100%;
+    display: inline-block;
+    line-height: 17px;
+    opacity: .5;
+    color: #000;
+    font-size: 14px;
+    word-break: break-word
+}
+
+.product-category-name a:hover {
+    opacity: 1;
+    text-decoration: underline
+}
+
+.v4.n06-second-navigation .product-tabs__links-item.with-drop-down-config {
+    padding-right: 32px
+}
+
+.v4.n06-second-navigation .with-drop-down-config.unfold-status a {
+    color: #000
+}
+
+.sec-nav-item-arrow-icon {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+    width: 8px;
+    height: 5px;
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg)
+}
+
+.sec-nav-item-arrow-icon.reverse {
+    -webkit-transform: rotate(0);
+    transform: rotate(0)
+}
+
+.sec-nav-item-arrow-icon:before {
+    content: '';
+    display: block;
+    width: 5px;
+    height: 2px;
+    background-color: #7f7f7f;
+    position: absolute;
+    top: 0;
+    transform: rotateZ(-45deg)
+}
+
+.sec-nav-item-arrow-icon:after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    width: 5px;
+    height: 2px;
+    background-color: #7f7f7f;
+    transform: rotateZ(45deg) translate(2px,-2px)
+}
+
+.sec-nav-item-arrow-icon.reverse:before,.sec-nav-item-arrow-icon.reverse:after {
+    background-color: #000
+}
+
+.with-drop-down-config:hover .sec-server-surpport-item {
+    color: #000
+}
+
+.with-drop-down-config:hover .sec-nav-item-arrow-icon:before {
+    background-color: #000
+}
+
+.with-drop-down-config:hover .sec-nav-item-arrow-icon:after {
+    background-color: #000
+}
+
+.with-drop-down-config .product-tabs__link--active {
+    position: relative
+}
+
+.with-drop-down-config .product-tabs__link--active:before {
+    content: '';
+    display: block;
+    width: 16px;
+    border-bottom: 2px solid #000;
+    position: absolute;
+    bottom: -2px;
+    right: -16px
+}
+
+.with-drop-down-config .product-tabs__link--active+.sec-nav-item-arrow-icon:before {
+    background-color: #000
+}
+
+.with-drop-down-config .product-tabs__link--active+.sec-nav-item-arrow-icon:after {
+    background-color: #000
+}
+
+@media only screen and (max-width: 991.98px) {
+    .sec-nav-item-dropDown {
+        width:100%;
+        background-color: #fafafa
+    }
+
+    .v4.n06-second-navigation .product-tabs__links-item.with-drop-down-config {
+        padding-right: 35px
+    }
+
+    .sec-nav-item-arrow-icon {
+        right: 23px
+    }
+
+    .v4.n06-second-navigation .product-tabs__links-item:last-child.with-drop-down-config {
+        padding-right: 10px
+    }
+
+    .v4.n06-second-navigation .product-tabs__links-item:last-child.with-drop-down-config .sec-nav-item-arrow-icon {
+        right: 0
+    }
+
+    .with-drop-down-config .product-tabs__link--active:before {
+        width: 14px;
+        right: -14px
+    }
+}
+
+#second-navigation-v4.n06-second-navigation.second-navigation-new-version {
+    position: absolute;
+    top: auto;
+    z-index: 150;
+    background-color: #fff;
+    width: 100%;
+    transition: all .15s
+}
+
+#second-navigation-v4.n06-second-navigation.second-navigation-new-version.opacity {
+    opacity: 0
+}
+
+.v4.n06-second-navigation.second-navigation-new-version .product-link_item:first-child {
+    margin-left: 0
+}
+
+.v4.n06-second-navigation.second-navigation-new-version .product-link_item:first-child::before {
+    content: none
+}
+
+.second-navigation-placeholder-new-version {
+    height: 48px;
+    width: 100%
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-link_item {
+    margin: 0 15px;
+    position: relative;
+    white-space: normal
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs__heading {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    padding: 0;
+    position: relative;
+    align-items: center
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs__button-container {
+    flex: 0 0 auto
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs__title {
+    margin-top: 0;
+    font-weight: 700
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs__links {
+    margin-top: 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs__link {
+    display: block;
+    border: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    outline: 0;
+    padding: 0 4px;
+    font-weight: 500;
+    color: #a5a5a5;
+    line-height: 48px;
+    letter-spacing: .3px;
+    text-align: center;
+    white-space: nowrap;
+    font-size: 14px;
+    position: relative
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs__link.product-tabs__link--active {
+    font-weight: 700;
+    color: #000;
+    letter-spacing: 0;
+    cursor: default;
+    border-bottom: 0
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs__link.product-tabs__link--active::after {
+    content: '';
+    position: absolute;
+    height: 2px;
+    width: 100%;
+    background: #000;
+    bottom: 0;
+    left: 0
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs-wrap .product-tabs_overview {
+    display: none
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .n06-product-title {
+    display: flex;
+    align-items: center
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs__button-container {
+    margin-top: 0
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-tabs__button.btn--red {
+    border: 1px solid #ad0824;
+    background-color: #ad0824;
+    font-size: 12px
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__wrap {
+    display: none;
+    position: absolute;
+    width: 100%;
+    top: auto
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn.open svg {
+    -webkit-transform: rotate(-180deg);
+    transform: rotate(-180deg)
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn svg,.second-navigation-new-version.v4.n06-second-navigation .product-tabs_overview__btn svg {
+    -webkit-transition: .7s transform cubic-bezier(0.075,0.82,0.165,1);
+    transition: .7s transform cubic-bezier(0.075,0.82,0.165,1)
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .overview-drop-down__wrap {
+    display: none;
+    position: absolute;
+    width: 100%;
+    top: auto;
+    background-color: #faf8f9;
+    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+    overflow: hidden
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .customized-link__container {
+    background-color: #f1f3f5;
+    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+    overflow: hidden
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .customized__links {
+    margin: 8px 0
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .customized__links-item {
+    font-size: 14px;
+    margin: 0;
+    line-height: 32px
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .customized__link {
+    font-weight: 500;
+    letter-spacing: .3px
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn-wrap .drop-down__btn {
+    display: flex;
+    justify-content: center;
+    padding-top: 4px
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down-style {
+    display: none
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn #drop-down__btn {
+    display: block;
+    background-color: #7f7f7f;
+    border-radius: 50%;
+    cursor: pointer;
+    height: 16px;
+    width: 16px;
+    transition: all .3s;
+    z-index: 1;
+    position: relative;
+    filter: invert(1)
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn #drop-down__btn::before,.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn #drop-down__btn::after {
+    content: '';
+    position: absolute;
+    top: 7px;
+    right: 4px;
+    width: 8px;
+    height: 1px;
+    border-radius: 1px;
+    background-color: #fff;
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out;
+    filter: invert(1)
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn #drop-down__btn::after {
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg)
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn.open #drop-down__btn::after {
+    -webkit-transform: rotate(-180deg);
+    transform: rotate(-180deg)
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn.open #drop-down__btn::before {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+    opacity: 0
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .drop-down__btn.n06-js-down-btn {
+    margin: 0 8px 0 8px
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-link_item .product-link {
+    width: 100%;
+    overflow: hidden;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 22px;
+    display: flex;
+    flex-direction: row
+}
+
+.second-navigation-new-version .sec-nav-item-dropDown {
+    width: 239px;
+    max-height: 421px;
+    display: none;
+    position: absolute;
+    background-color: #fff;
+    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.08);
+    z-index: 1000;
+    border: 1px solid rgba(0,0,0,0.1);
+    padding: 40px 50px 40px 16px
+}
+
+html[dir="rtl"] .second-navigation-new-version .sec-nav-item-dropDown {
+    padding: 40px 16px 40px 50px
+}
+
+.second-navigation-new-version .product-category-title {
+    font-size: 12px;
+    font-weight: bold;
+    font-stretch: normal;
+    line-height: 17px;
+    letter-spacing: 0;
+    color: #000
+}
+
+html[dir="rtl"] .second-navigation-new-version .product-category-name.active::before {
+    left: -25px;
+    right: auto
+}
+
+html[dir="rtl"] .second-navigation-new-version .product-category-name.active::after {
+    left: -20px;
+    right: auto
+}
+
+.second-navigation-new-version .product-category-name a {
+    width: 100%;
+    display: inline-block;
+    line-height: 17px;
+    opacity: .5;
+    color: #000;
+    font-size: 12px;
+    word-break: break-word
+}
+
+.second-navigation-new-version .sec-nav-item-arrow-icon {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 8px;
+    height: 5px;
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg);
+    -webkit-transition: .7s transform cubic-bezier(0.075,0.82,0.165,1);
+    transition: .7s transform cubic-bezier(0.075,0.82,0.165,1)
+}
+
+.second-navigation-new-version .sec-nav-item-arrow-icon.reverse {
+    top: 22px;
+    -webkit-transform: rotate(0);
+    transform: rotate(0)
+}
+
+.second-navigation-new-version.v4.n06-second-navigation.nav-scroll {
+    position: absolute
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .customized-link__container-mob,.second-navigation-new-version.v4.n06-second-navigation .drop-down__mob {
+    display: block
+}
+
+.second-navigation-new-version.v4.n06-second-navigation .product-link_item__mob {
+    display: none
+}
+
+@media only screen and (max-width: 991.98px) {
+    .second-navigation-new-version.v4.n06-second-navigation .product-link_item:first-child {
+        margin:0
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .n06-product-title {
+        width: calc(100% - 106px)
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs__heading {
+        padding: 9px 0;
+        -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+        flex-wrap: nowrap;
+        height: auto;
+        align-items: center
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs__title {
+        margin-top: 0
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs__title {
+        -webkit-box-ordinal-group: 1;
+        -webkit-order: 0;
+        -ms-flex-order: 0;
+        order: 0;
+        max-width: 100%;
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs__title.longer {
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs__links-container {
+        -webkit-box-ordinal-group: 3;
+        -webkit-order: 2;
+        -ms-flex-order: 2;
+        order: 2;
+        margin: 4px 0 0 0;
+        width: 100%;
+        display: none
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs__button-container {
+        -webkit-box-ordinal-group: 2;
+        -webkit-order: 1;
+        -ms-flex-order: 1;
+        order: 1;
+        margin-left: initial
+    }
+
+    html[dir="rtl"] .second-navigation-new-version.v4.n06-second-navigation .product-tabs__button-container {
+        margin: 0
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs-wrap .product-tabs_overview {
+        display: flex
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs-wrap .product-tabs_overview.hide {
+        opacity: 0;
+        margin: 0;
+        position: relative
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .drop-down__btn-wrap.hide {
+        display: none
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs__button {
+        padding: 0 10px;
+        min-width: auto;
+        line-height: 20px;
+        font-weight: 600
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs-wrap .product-tabs_overview__btn .product-tabs_overview__btn_container svg {
+        margin-bottom: 3px
+    }
+
+    html[dir="rtl"] .second-navigation-new-version.v4.n06-second-navigation .product-tabs-wrap .product-tabs_overview__btn .product-tabs_overview__btn_container svg {
+        margin-right: 8px;
+        margin-left: 0
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs_overview__btn.open svg {
+        -webkit-transform: rotate(-180deg);
+        transform: rotate(-180deg)
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-dropDown {
+        display: none;
+        margin: 0 0 24px 28px
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-dropDown .product-category-title {
+        line-height: 32px
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-dropDown .product-category-name {
+        line-height: 32px;
+        margin-top: 0
+    }
+
+    html[dir="rtl"].second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-dropDown {
+        display: none;
+        margin: 13px 28px 40px 0
+    }
+
+    .v4.n06-second-navigation.second-navigation-new-version .product-tabs__title {
+        padding: 0
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-link_item .product-link {
+        font-size: 14px;
+        line-height: 20px
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .customized-link__container-mob,.second-navigation-new-version.v4.n06-second-navigation .drop-down__mob {
+        display: block
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation.overview-product-tabs__links-item {
+        position: relative
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .drop-down__mob .drop-down__btn {
+        margin-top: 3px
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .drop-down__btn.n06-js-down-btn {
+        margin: 0 8px 0 4px
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .drop-down__btn-wrap .drop-down__btn {
+        padding-top: 0
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-link_item {
+        white-space: normal
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-link_item:first-child {
+        margin: 5px 0;
+        width: 100%
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .drop-down__btn-wrap {
+        margin-top: 0
+    }
+
+    .second-navigation-new-version .product-tabs__heading.open .product-tabs__button-container {
+        margin-left: auto;
+        margin-right: 0
+    }
+
+    html[dir="rtl"] .second-navigation-new-version .product-tabs__heading.open .product-tabs__button-container {
+        margin-left: 0;
+        margin-right: auto
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .product-tabs__heading .product-tabs_overview {
+        height: auto;
+        margin-left: auto;
+        margin-right: 20px;
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out;
+        flex: 0 0 auto
+    }
+
+    html[dir="rtl"] .second-navigation-new-version.v4.n06-second-navigation .product-tabs__heading .product-tabs_overview {
+        margin-left: 20px;
+        margin-right: auto
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .drop-down__btn-wrap.opacity,.second-navigation-new-version.v4.n06-second-navigation .product-tabs__heading .product-tabs_overview.opacity {
+        opacity: 0;
+        -webkit-transition: .5s ease-out;
+        transition: .5s ease-out
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-product-tabs__links {
+        margin-bottom: 13px;
+        font-size: 14px
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-product-tabs__links a {
+        color: #a5a5a5
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-product-tabs__links .overview-product-tabs__links-item {
+        margin: 8px 0;
+        position: relative
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .customized__link {
+        font-weight: 600;
+        letter-spacing: .3px;
+        font-weight: 600;
+        font-size: 14px
+    }
+
+    .second-navigation-new-version .sec-nav-item-dropDown {
+        width: 100%;
+        top: 155px;
+        background-color: #faf8f9;
+        border: 0
+    }
+
+    html[dir="rtl"] .second-navigation-new-version.v4.n06-second-navigation .product-tabs__links-item.with-drop-down-config {
+        padding-left: 35px;
+        padding-right: 10px
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-arrow-icon {
+        position: relative;
+        left: 6px;
+        display: inline-block;
+        top: -3px;
+        right: 20px;
+        width: 8px;
+        height: 5px;
+        -webkit-transform: rotate(-180deg);
+        transform: rotate(-180deg);
+        -webkit-transition: .7s transform cubic-bezier(0.075,0.82,0.165,1);
+        transition: .7s transform cubic-bezier(0.075,0.82,0.165,1)
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-arrow-icon.reverse {
+        top: 0;
+        -webkit-transform: rotate(0);
+        transform: rotate(0)
+    }
+
+    html[dir="rtl"] .second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-arrow-icon.reverse {
+        right: 26px
+    }
+
+    .second-navigation-new-version .overview-sec-nav-item-arrow-icon:before {
+        content: '';
+        display: block;
+        width: 5px;
+        height: 2px;
+        background-color: #7f7f7f;
+        position: absolute;
+        top: 0;
+        transform: rotateZ(-45deg)
+    }
+
+    .second-navigation-new-version .overview-sec-nav-item-arrow-icon:after {
+        content: '';
+        display: block;
+        position: absolute;
+        top: 0;
+        width: 5px;
+        height: 2px;
+        background-color: #7f7f7f;
+        transform: rotateZ(45deg) translate(2px,-2px)
+    }
+
+    .second-navigation-new-version .product-category-name.active::before {
+        top: 15px
+    }
+
+    .second-navigation-new-version .product-category-name.active::after {
+        top: 15px
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-arrow-icon:before,.second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-arrow-icon:after {
+        background-color: #000
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-arrow-icon.reverse:before,.second-navigation-new-version.v4.n06-second-navigation .overview-sec-nav-item-arrow-icon.reverse:after {
+        background-color: #a5a5a5
+    }
+
+    .second-navigation-new-version .with-drop-down-config .product-tabs__link--active+.overview-sec-nav-item-arrow-icon:before {
+        background-color: #000
+    }
+
+    .second-navigation-new-version .with-drop-down-config .product-tabs__link--active+.overview-sec-nav-item-arrow-icon:after {
+        background-color: #000
+    }
+
+    .second-navigation-new-version.v4.n06-second-navigation .overview-product-tabs__links-item .overview-product-tabs__link--active {
+        color: #000;
+        font-size: 14px;
+        font-weight: 600
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .second-navigation-new-version .product-category-name.active::before {
+        right:0
+    }
+
+    .second-navigation-new-version .product-category-name.active::after {
+        right: 0
+    }
+
+    html[dir="rtl"] .second-navigation-new-version .product-category-name.active::before {
+        left: 3px;
+        right: auto
+    }
+
+    html[dir="rtl"] .second-navigation-new-version .product-category-name.active::after {
+        left: 8px;
+        right: auto
+    }
+}
+
+.v4.n09-footer {
+    background-color: #fff;
+    overflow: hidden
+}
+
+.v4.n09-footer .footer__scroll-top {
+    background-color: #f5f5f5;
+    padding: 32px 16px;
+    text-align: center;
+    display: none
+}
+
+.v4.n09-footer .footer__scroll-top--white {
+    background-color: #fff
+}
+
+.v4.n09-footer .footer__scroll-button {
+    position: relative;
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+    background-color: #e7e7e7;
+    display: inline-block
+}
+
+.loaded .v4.n09-footer .footer__scroll-button {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out;
+    display: none
+}
+
+.v4.n09-footer .footer__scroll-button::before,.v4.n09-footer .footer__scroll-button::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 14px;
+    height: 2px;
+    border-radius: 2px;
+    background-color: #000
+}
+
+.loaded .v4.n09-footer .footer__scroll-button::before,.loaded .v4.n09-footer .footer__scroll-button::after {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.v4.n09-footer .footer__scroll-button::before {
+    margin-left: -5px;
+    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
+    transform: translate(-50%,-50%) rotate(-45deg)
+}
+
+.v4.n09-footer .footer__scroll-button::after {
+    margin-left: 4px;
+    -webkit-transform: translate(-50%,-50%) rotate(45deg);
+    transform: translate(-50%,-50%) rotate(45deg)
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .v4.n09-footer .footer__scroll-button:hover {
+        background-color:#000
+    }
+
+    .no-touch .v4.n09-footer .footer__scroll-button:hover::before,.no-touch .v4.n09-footer .footer__scroll-button:hover::after {
+        background-color: #fff
+    }
+}
+
+.v4.n09-footer .breadcrumbs {
+    padding: 24px 0;
+    border-bottom: 1px solid #ededed
+}
+
+.v4.n09-footer .breadcrumbs__list {
+    font-size: 0;
+    line-height: 1
+}
+
+.v4.n09-footer .breadcrumbs__item {
+    position: relative;
+    padding-right: 38px;
+    display: inline-block
+}
+
+.v4.n09-footer .breadcrumbs__item::after {
+    content: '/';
+    position: absolute;
+    top: 0;
+    right: 15px;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 24px;
+    color: #7f7f7f
+}
+
+.v4.n09-footer .breadcrumbs__item:last-of-type {
+    padding-right: 0
+}
+
+.v4.n09-footer .breadcrumbs__item:last-of-type::after {
+    display: none
+}
+
+.v4.n09-footer .breadcrumbs__link {
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 24px;
+    color: #7f7f7f
+}
+
+.loaded .v4.n09-footer .breadcrumbs__link {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .v4.n09-footer .breadcrumbs__link:hover:not(span) {
+        color:#000
+    }
+}
+
+.v4.n09-footer .usp-list {
+    padding: 56px 0;
+    border-bottom: 1px solid #ededed
+}
+
+.v4.n09-footer .usp-list__item {
+    text-align: center
+}
+
+.v4.n09-footer .usp-list__thumbnail {
+    margin-bottom: 16px
+}
+
+.v4.n09-footer .usp-list__thumbnail-img {
+    max-width: 24px;
+    max-height: 24px;
+    display: inline !important;
+    visibility: hidden
+}
+
+.v4.n09-footer .usp-list__thumbnail-img.show {
+    visibility: visible
+}
+
+.v4.n09-footer .usp-list__text {
+    color: #7f7f7f;
+    letter-spacing: .3px;
+    display: block
+}
+
+.v4.n09-footer .footer-links {
+    padding: 80px 0 72px;
+    border-bottom: 1px solid #ededed
+}
+
+.v4.n09-footer .footer-links__title {
+    margin-bottom: 46px
+}
+
+.v4.n09-footer .footer-links__item {
+    margin-bottom: 7px
+}
+
+.v4.n09-footer .footer-links__link {
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 24px;
+    color: #767676
+}
+
+.loaded .v4.n09-footer .footer-links__link {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .v4.n09-footer .footer-links__link:hover {
+        color:#000
+    }
+}
+
+.v4.n09-footer .contact {
+    padding: 48px 0;
+    border-bottom: 1px solid #ededed
+}
+
+.v4.n09-footer .contact__text {
+    max-width: 220px;
+    font-size: 14px;
+    font-weight: 500;
+    color: #7f7f7f;
+    line-height: 24px;
+    margin-bottom: 0;
+    display: block
+}
+
+.v4.n09-footer .contact__text a {
+    color: inherit
+}
+
+.loaded .v4.n09-footer .contact__text a {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .v4.n09-footer .contact__text a:hover {
+        color:#000
+    }
+}
+
+.v4.n09-footer .contact__social-links {
+    width: 100%;
+    padding-top: 24px;
+    font-size: 0
+}
+
+.v4.n09-footer .contact__social-item {
+    margin-right: 40px;
+    display: inline-block
+}
+
+.v4.n09-footer .contact__social-item:last-of-type {
+    margin-right: 0
+}
+
+.v4.n09-footer .contact__social-link {
+    font-size: 24px;
+    color: #000;
+    opacity: .3;
+    position: relative
+}
+
+.loaded .v4.n09-footer .contact__social-link {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.v4.n09-footer .contact__social-link:hover {
+    opacity: 1
+}
+
+.v4.n09-footer .contact__social-link .contact__social-qrcode {
+    display: none;
+    position: absolute;
+    bottom: 51px;
+    width: 10.41667vw;
+    height: 10.41667vw;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 1.041667vw;
+    border-radius: 6px;
+    background: #000000ff
+}
+
+.v4.n09-footer .contact__social-link .contact__social-qrcode::after {
+    content: '';
+    position: absolute;
+    left: 50%;
+    bottom: -20px;
+    width: 10px;
+    height: 30px;
+    background: url("data:image/svg+xml,%20%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='210'%20height='200'%20viewBox='0%200%20210%20200'%3E%20%3Cpath%20id='联合_25'%20data-name='联合%2025'%20d='M-6123.714-1439.715a6,6,0,0,1-6-6v-87.2l-8.981-5.056a2,2,0,0,1,0-3.484l8.981-5.056v-87.2a6,6,0,0,1,6-6h188a6,6,0,0,1,6,6v188a6,6,0,0,1-6,6Z'%20transform='translate(6139.715%201639.715)'/%3E%20%3C/svg%3E%20") no-repeat left center;
+    transform: translateX(-50%) rotate(-90deg)
+}
+
+.v4.n09-footer .contact__social-link .contact__social-qrcode img {
+    width: 100%;
+    border-radius: 6px
+}
+
+.v4.n09-footer .contact__social-link:hover .contact__social-qrcode {
+    display: block
+}
+
+@media only screen and (max-width: 1199.98px) {
+    .v4.n09-footer .contact__social-link .contact__social-qrcode {
+        display:none;
+        position: absolute;
+        left: 0;
+        top: auto;
+        bottom: 43px;
+        width: 27.7777vw;
+        height: 27.7777vw;
+        padding: 10px;
+        transform: none;
+        border-radius: 4px;
+        background: #000000ff
+    }
+
+    .v4.n09-footer .contact__social-link .contact__social-qrcode::after {
+        content: '';
+        position: absolute;
+        left: 9px;
+        bottom: -14px;
+        width: 6px;
+        height: 24px;
+        background: url("data:image/svg+xml,%20%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='105.999'%20height='100'%20viewBox='0%200%20105.999%20100'%3E%20%3Cpath%20id='联合_25'%20data-name='联合%2025'%20d='M4,100a4,4,0,0,1-4-4V16.525l-4.981-2.8A1.978,1.978,0,0,1-6,11.978a1.977,1.977,0,0,1,1.019-1.742L0,7.432V4A4,4,0,0,1,4,0H96a4,4,0,0,1,4,4V96a4,4,0,0,1-4,4Z'%20transform='translate(5.999)'/%3E%20%3C/svg%3E%20") no-repeat left top;
+        transform: rotate(-90deg)
+    }
+
+    html[dir=rtl] .v4.n09-footer .contact__social-link .contact__social-qrcode::after {
+        left: auto;
+        right: 9px
+    }
+
+    .v4.n09-footer .contact__social-link .contact__social-qrcode img {
+        width: 100%;
+        border-radius: 4px
+    }
+}
+
+.v4.n09-footer .newsletter-form {
+    position: relative;
+    max-width: 360px;
+    padding-top: 8px
+}
+
+.v4.n09-footer .newsletter-form .form__error-message {
+    position: absolute;
+    top: 100%;
+    left: 0
+}
+
+.v4.n09-footer .newsletter-form__input {
+    background-color: rgba(216,216,216,0.15);
+    padding: 16px 64px 16px 16px;
+    font-size: 14px;
+    font-weight: 500;
+    color: #7f7f7f;
+    line-height: 24px;
+    border: 0;
+    min-height: 56px
+}
+
+.v4.n09-footer .newsletter-form__input:hover {
+    background-color: rgba(216,216,216,0.3)
+}
+
+.v4.n09-footer .newsletter-form__input:focus {
+    background-color: rgba(216,216,216,0.5)
+}
+
+.v4.n09-footer .newsletter-form__input::-webkit-input-placeholder {
+    opacity: 1;
+    color: #7f7f7f
+}
+
+.v4.n09-footer .newsletter-form__input::-moz-placeholder {
+    opacity: 1;
+    color: #7f7f7f
+}
+
+.v4.n09-footer .newsletter-form__input:-ms-input-placeholder {
+    opacity: 1;
+    color: #7f7f7f
+}
+
+.v4.n09-footer .newsletter-form__input::-ms-input-placeholder {
+    opacity: 1;
+    color: #7f7f7f
+}
+
+.v4.n09-footer .newsletter-form__input::placeholder {
+    opacity: 1;
+    color: #7f7f7f
+}
+
+.v4.n09-footer .newsletter-form__submit {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 56px;
+    height: 56px;
+    background: 0
+}
+
+.v4.n09-footer .newsletter-form__submit::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%) rotate(45deg);
+    transform: translate(-50%,-50%) rotate(45deg);
+    width: 10px;
+    height: 10px;
+    border-top: 2px solid #7f7f7f;
+    border-right: 2px solid #7f7f7f
+}
+
+.loaded .v4.n09-footer .newsletter-form__submit::after {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .v4.n09-footer .newsletter-form__submit:hover::after {
+        border-color:#000
+    }
+}
+
+.v4.n09-footer .footer-legals {
+    padding: 32px 0
+}
+
+.v4.n09-footer .copyright__text {
+    font-size: 14px;
+    font-weight: 500;
+    color: #7f7f7f;
+    line-height: 24px
+}
+
+.v4.n09-footer .bottom-links__list {
+    font-size: 0;
+    padding-left: 14px
+}
+
+.v4.n09-footer .bottom-links__item {
+    margin: 0 12px;
+    display: inline-block
+}
+
+.v4.n09-footer .bottom-links__link {
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 24px;
+    color: #7f7f7f
+}
+
+.loaded .v4.n09-footer .bottom-links__link {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .v4.n09-footer .bottom-links__link:hover {
+        color:#000
+    }
+}
+
+.v4.n09-footer .language-switcher {
+    text-align: right
+}
+
+.v4.n09-footer .language-switcher__link {
+    position: relative;
+    padding-right: 40px;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 24px;
+    color: #7f7f7f;
+    display: inline-block;
+    vertical-align: top;
+    white-space: nowrap
+}
+
+.loaded .v4.n09-footer .language-switcher__link {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+@media only screen and (min-width: 1200px) {
+    .no-touch .v4.n09-footer .language-switcher__link:hover {
+        color:#000
+    }
+}
+
+.v4.n09-footer .language-switcher .icon {
+    font-size: 24px;
+    position: absolute;
+    right: 20px;
+    top: 0
+}
+
+@media only screen and (min-width: 1200px) and (max-width:1599.98px) {
+    .v4.n09-footer .bottom-links {
+        padding-left:0
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    .v4.n09-footer .usp-list__item {
+        height:auto
+    }
+
+    .v4.n09-footer .usp-list .swiper-pagination {
+        display: none
+    }
+
+    .v4.n09-footer .usp-list__container {
+        width: auto;
+        height: auto;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width:1199.98px) {
+    .v4.n09-footer .footer-links {
+        padding:60px 0 10px
+    }
+
+    .v4.n09-footer .footer-links__list {
+        margin-bottom: 40px
+    }
+
+    .v4.n09-footer .contact {
+        padding-bottom: 8px
+    }
+
+    .v4.n09-footer .contact__block {
+        margin-bottom: 30px
+    }
+
+    .v4.n09-footer .contact__text {
+        max-width: 100%
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width:1199.98px) {
+    .v4.n09-footer .footer-links__title {
+        margin-bottom:26px
+    }
+
+    .v4.n09-footer .footer-legals {
+        padding-bottom: 20px
+    }
+
+    .v4.n09-footer .bottom-links {
+        -webkit-box-ordinal-group: 4;
+        -webkit-order: 3;
+        -ms-flex-order: 3;
+        order: 3
+    }
+
+    .v4.n09-footer .bottom-links__list {
+        padding-top: 10px;
+        padding-left: 0
+    }
+
+    .v4.n09-footer .bottom-links__item:first-of-type {
+        margin-left: 0
+    }
+}
+
+@media only screen and (max-width: 991.98px) {
+    .v4.n09-footer .usp-list {
+        width:100%;
+        padding: 56px 0 96px
+    }
+
+    .v4.n09-footer .usp-list .swiper-pagination-bullets {
+        bottom: 32px
+    }
+
+    .v4.n09-footer .usp-list__container {
+        -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+        flex-wrap: nowrap;
+        height: auto;
+        margin-right: 0;
+        margin-left: 0
+    }
+
+    .v4.n09-footer .usp-list__item {
+        padding: 0
+    }
+
+    .v4.n09-footer .footer-links {
+        padding: 22px 0;
+        border-bottom: 0
+    }
+
+    .v4.n09-footer .footer-links__block {
+        border-bottom: 1px solid rgba(0,0,0,0.05)
+    }
+
+    .v4.n09-footer .footer-links__title {
+        position: relative;
+        font-weight: 400;
+        padding: 12px 20px 11px 0;
+        margin-bottom: 0;
+        cursor: pointer
+    }
+
+    .v4.n09-footer .footer-links__title::before,.v4.n09-footer .footer-links__title::after {
+        content: '';
+        position: absolute;
+        border-radius: 2px;
+        background-color: #7f7f7f
+    }
+
+    .loaded .v4.n09-footer .footer-links__title::before,.loaded .v4.n09-footer .footer-links__title::after {
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out
+    }
+
+    .v4.n09-footer .footer-links__title::before {
+        width: 12px;
+        height: 2px;
+        top: 23px;
+        right: 0
+    }
+
+    .v4.n09-footer .footer-links__title::after {
+        width: 2px;
+        height: 12px;
+        top: 18px;
+        right: 5px
+    }
+
+    .v4.n09-footer .footer-links__title--active::before {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg)
+    }
+
+    .v4.n09-footer .footer-links__title--active::after {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+        opacity: 0
+    }
+
+    .v4.n09-footer .footer-links__list {
+        padding-top: 10px;
+        padding-bottom: 20px;
+        display: none
+    }
+
+    .v4.n09-footer .contact {
+        padding: 10px 0 8px;
+        margin: 0
+    }
+
+    .v4.n09-footer .contact__block {
+        margin-bottom: 24px
+    }
+
+    .v4.n09-footer .contact__social-links {
+        padding-top: 20px
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .v4.n09-footer .breadcrumbs {
+        padding:16px 0 15px
+    }
+
+    .v4.n09-footer .breadcrumbs__item {
+        padding-right: 26px
+    }
+
+    .v4.n09-footer .breadcrumbs__item::after {
+        right: 10px
+    }
+
+    .v4.n09-footer .usp-list {
+        width: calc(100% + 32px);
+        margin-left: -16px
+    }
+
+    .v4.n09-footer .contact__social-links {
+        padding-top: 16px
+    }
+
+    .v4.n09-footer .footer-legals {
+        padding: 16px 0
+    }
+
+    .v4.n09-footer .footer-legals .row {
+        margin-left: 0;
+        margin-right: 0
+    }
+
+    .v4.n09-footer .language-switcher {
+        -webkit-box-ordinal-group: 2;
+        -webkit-order: 1;
+        -ms-flex-order: 1;
+        order: 1;
+        text-align: left;
+        padding: 0 0 15px;
+        border-bottom: 1px solid #ededed;
+        display: flex;
+        flex-direction: column
+    }
+
+    .v4.n09-footer .language-switcher__link {
+        padding-right: 0;
+        padding-left: 40px
+    }
+
+    .v4.n09-footer .language-switcher .icon {
+        right: auto;
+        left: 0
+    }
+
+    .v4.n09-footer .bottom-links {
+        -webkit-box-ordinal-group: 3;
+        -webkit-order: 2;
+        -ms-flex-order: 2;
+        order: 2;
+        padding: 32px 0 24px
+    }
+
+    .v4.n09-footer .bottom-links__list {
+        padding-left: 0
+    }
+
+    .v4.n09-footer .bottom-links__item {
+        width: 100%;
+        margin: 0 0 8px
+    }
+
+    .v4.n09-footer .copyright {
+        -webkit-box-ordinal-group: 4;
+        -webkit-order: 3;
+        -ms-flex-order: 3;
+        order: 3;
+        padding: 0
+    }
+}
+
+.v4.n09-footer .policy-text {
+    padding: 24px 0;
+    color: #7f7f7f;
+    font-size: 14px
+}
+
+.v4.n09-footer .language-switcher.language-switcher-two .language-switcher__link {
+    display: block
+}
+
+.v4.n09-footer .language-switcher.language-switcher-two .icon {
+    top: 12px
+}
+
+_:-ms-lang(x),.v4.n09-footer .bottom-links {
+    padding-right: 0
+}
+
+.huawei-v4 .v4 .footerv4-payment-types.contact__block {
+    padding-right: 100px;
+    flex: 0 0 auto;
+    max-width: 560px;
+    width: auto
+}
+
+.huawei-v4 .v4 .footerv4-payment-types ul {
+    width: 100%;
+    padding-top: 16px;
+    font-size: 0;
+    margin-bottom: -12px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: center
+}
+
+.huawei-v4 .v4 .footerv4-payment-types ul li {
+    display: inline-block;
+    margin-right: 16px;
+    margin-bottom: 12px;
+    border-radius: 6px;
+    width: 60px;
+    height: 40px;
+    position: relative
+}
+
+.huawei-v4 .v4 .footerv4-payment-types ul li:nth-child(6n+0) {
+    margin-right: 0;
+    margin-left: 0
+}
+
+.huawei-v4 .v4 .footerv4-payment-types ul li img {
+    width: auto;
+    height: auto;
+    max-width: 60px;
+    max-height: 40px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    -webkit-transform: translate(-50%,-50%);
+    -moz-transform: translate(-50%,-50%);
+    -ms-transform: translate(-50%,-50%);
+    -o-transform: translate(-50%,-50%)
+}
+
+@media only screen and (max-width: 991.98px) {
+    .huawei-v4 .v4 .footerv4-payment-types.contact__block {
+        padding-right:20px;
+        max-width: 100%;
+        width: 100%
+    }
+
+    .huawei-v4 .v4 .footerv4-payment-types ul li:nth-child(6n+0) {
+        margin-right: 16px
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .usp-list .usp-list__title {
+        width:60%
+    }
+
+    .usp-list .usp-list__text {
+        width: 60%
+    }
+
+    .huawei-v4 .v4 .footerv4-payment-types ul {
+        padding-top: 16px
+    }
+
+    .huawei-v4 .v4 .footerv4-payment-types .footerv4-payment-cnt {
+        border-bottom: 1px solid #ededed;
+        padding-bottom: 40px
+    }
+
+    .huawei-v4 .v4 .footerv4-payment-types ul li {
+        margin-right: 16px
+    }
+}
+
+.v4.n09-footer .contact__social-item .font-ico-weixin {
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M26.75,15.12c-7,0-12.75,4.76-12.75,10.63a10.08,10.08,0,0,0,4.87,8.33l-1.68,3.36,4.58-2a15.36,15.36,0,0,0,3.09.77,8.9,8.9,0,0,1-.24-2c0-5.86,5.72-10.63,12.76-10.63a16.81,16.81,0,0,1,1.89.13C38.15,18.84,33,15.12,26.75,15.12Zm-4.25,8a1.59,1.59,0,1,1,1.59-1.59A1.59,1.59,0,0,1,22.5,23.09Zm8.5,0a1.59,1.59,0,1,1,1.59-1.59A1.59,1.59,0,0,1,31,23.09Z'/%3E%20%3Cpath%20class='cls-1'%20d='M48,34.25c0-4.69-4.76-8.5-10.62-8.5s-10.63,3.81-10.63,8.5,4.76,8.5,10.63,8.5a13.21,13.21,0,0,0,2.77-.33l5.73,2.46-2-4A8,8,0,0,0,48,34.25Zm-13.81-.53a1.6,1.6,0,1,1,1.59-1.6A1.6,1.6,0,0,1,34.19,33.72Zm6.37,0a1.6,1.6,0,1,1,1.6-1.6A1.6,1.6,0,0,1,40.56,33.72Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.v4.n09-footer .contact__social-item .weixinWeiboSocialIcon {
+    width: 24px;
+    height: 24px;
+    display: inline-block
+}
+
+.v4.n09-footer .contact__social-item .weixinWeiboSocialIcon img {
+    display: block;
+    width: 24px;
+    height: 24px
+}
+
+.v4.n09-footer .contact__social-item .icon-lazy .notXinBoImg {
+    width: 24px;
+    height: 24px;
+    display: block
+}
+
+.v4.n09-footer .contact__social-item .font-ico-weibo {
+    width: 24px;
+    height: 24px;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%20%3Cdefs%3E%20%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%20%3C/defs%3E%20%3Cg%3E%20%3Cg%3E%20%3Ccircle%20cx='30'%20cy='30'%20r='30'/%3E%20%3Cpath%20class='cls-1'%20d='M46,24c.14,1.75-.16,3.86-1.34,4-1.93.17-.92-1.91-.9-3.17a6.17,6.17,0,0,0-6.17-6.16c-.87,0-2.91.59-2.59-1.23.14-.8.83-.79,1.52-.88A8.13,8.13,0,0,1,46,24Z'/%3E%20%3Cpath%20class='cls-1'%20d='M37.47,28.22c2.23,1.2,4.92,1.8,4.47,5.37-.82,6.57-14.74,11-23.43,6.16-2.39-1.33-4.85-3.27-4.47-7.13.32-3.32,2.6-5.9,4.83-8.09A15.71,15.71,0,0,1,26.29,20c3.31-.82,4.29,1.9,3.4,4.57,1.92-.12,6-2.23,7.78-.17.79.91.49,2.53,0,3.78Zm-2.41,8.45a5.32,5.32,0,0,0,1.43-3.43c0-5.86-10.18-7.17-15.75-4C14.41,32.93,17.09,39.5,24.86,40c4.12.27,8.24-1.16,10.2-3.34Z'/%3E%20%3Cpath%20class='cls-1'%20d='M40.6,26.55c-1.3.09-.81-.88-.89-2a2.4,2.4,0,0,0-1.17-1.76c-1-.47-2.59.34-2.59-1.06,0-1,.92-.93,1.43-1C42.12,20.39,42.42,26.43,40.6,26.55Z'/%3E%20%3Cpath%20class='cls-1'%20d='M31.12,32.8c1.91,5.66-8,8.29-9.84,3.43C20.07,33,23,30.38,26,30.07c2.6-.27,4.53,1,5.1,2.73Zm-4.56,1a.67.67,0,0,0,1.25-.35C27.71,32.78,26.55,32.88,26.56,33.76Zm-1.61,3c1.67-.39,1.89-3.49-.63-2.91C22.21,34.34,22.62,37.3,25,36.76Z'/%3E%20%3C/g%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat
+}
+
+.v4.n09-footer .contact__social-item .font-ico-other {
+    width: 24px;
+    height: 24px
+}
+
+.v4.n09-footer .contact__social-item .font-ico-other img {
+    width: 100%;
+    height: 100%;
+    display: block
+}
+
+.n09-footer .swiper-prev,.n09-footer .swiper-next,.huawei-v4 .v4.n09-footer .swiper-prev,.huawei-v4 .v4.n09-footer .swiper-next {
+    display: none;
+    background-color: transparent !important
+}
+
+.n09-footer .swiper-slide-active {
+    background-color: transparent !important
+}
+
+.n09-footer .swiper-prev {
+    position: absolute;
+    left: 10px;
+    top: calc(50% - 32px) !important
+}
+
+.n09-footer .swiper-next {
+    position: absolute;
+    top: calc(50% - 32px) !important;
+    right: 10px
+}
+
+.usp-list .usp-list__title {
+    font-size: 13px !important;
+    margin: 0 auto;
+    text-align: center;
+    color: #000;
+    line-height: 20px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all
+}
+
+.usp-list .usp-list__text {
+    margin: 0 auto;
+    opacity: .5;
+    font-size: 12px;
+    color: #000;
+    line-height: 18px;
+    text-align: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box !important;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-all
+}
+
+.n09-footer .js-accessibility-entrance {
+    cursor: pointer
+}
+
+.n09-footer .mkt-accessibility-entrance {
+    display: none;
+    position: fixed;
+    bottom: 40px;
+    right: 56px;
+    left: initial;
+    width: 40px;
+    height: 40px;
+    background: url('../../../../content/dam/huawei-cbg-site/mkt/pdp/accessibility-entrance.svg');
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 100%;
+    border-radius: 50px;
+    z-index: 199;
+    cursor: pointer;
+    filter: drop-shadow(0 8px 20px rgba(0,0,0,0.12))
+}
+
+html[dir="rtl"] .n09-footer .mkt-accessibility-entrance {
+    left: 56px;
+    right: initial
+}
+
+@media only screen and (max-width: 991.98px) {
+    .n09-footer .mkt-accessibility-entrance {
+        bottom:16px;
+        right: 16px
+    }
+
+    html[dir="rtl"] .n09-footer .mkt-accessibility-entrance {
+        left: 16px;
+        right: initial
+    }
+}
+
+.ip-jump-wrap {
+    padding: 16px 80px 16px;
+    background: #f5f5f5;
+    display: none;
+    position: relative
+}
+
+.ip-jump-wrap .ipJump-close {
+    float: right;
+    margin-top: 24px;
+    position: relative;
+    width: 15px;
+    height: 15px;
+    cursor: pointer;
+    -webkit-transition: .6s ease;
+    transition: .6s ease;
+    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='36'%20height='36'%20viewBox='0%200%2036%2036'%3E%20%3Cg%20id='组_54967'%20data-name='组%2054967'%20transform='translate(-2186.801%20-957.801)'%3E%20%3Crect%20id='矩形_17786'%20data-name='矩形%2017786'%20width='36'%20height='36'%20transform='translate(2186.801%20957.801)'%20fill='rgba(255,255,255,0)'/%3E%20%3Cpath%20id='联合_4'%20data-name='联合%204'%20d='M19.665,21.233l-8.886-8.886L1.893,21.233A1.109,1.109,0,1,1,.325,19.665l8.886-8.886L.325,1.893A1.109,1.109,0,0,1,1.893.325l8.886,8.886L19.665.325a1.109,1.109,0,1,1,1.568,1.568l-8.886,8.886,8.886,8.886a1.109,1.109,0,0,1-1.568,1.568Z'%20transform='translate(2193.712%20964.712)'/%3E%20%3C/g%3E%20%3C/svg%3E") no-repeat center center
+}
+
+.ip-jump-wrap .ipJump-close:hover {
+    transform: rotate(180deg);
+    -webkit-transform: rotate(180deg)
+}
+
+.ip-jump-wrap .ipJump-cnt {
+    padding-right: 35px
+}
+
+.ip-jump-wrap .ipJump-copywriting {
+    font-size: 14px;
+    color: #000;
+    line-height: 16px;
+    font-weight: 500
+}
+
+.ip-jump-wrap .ipJump-bnt {
+    padding-top: 16px
+}
+
+.ip-jump-wrap .ipJump-select {
+    position: relative;
+    width: 340px;
+    display: inline-block;
+    float: left
+}
+
+.ip-jump-wrap .ipJump-select:after {
+    content: '';
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-top: 2px solid #000;
+    border-right: 2px solid #000;
+    -webkit-transform: translateY(-50%) rotate(135deg);
+    transform: translateY(-50%) rotate(135deg);
+    position: absolute;
+    top: 50%;
+    right: 12px;
+    -webkit-transition: .6s ease;
+    transition: .6s ease
+}
+
+.ip-jump-wrap .ipJump-select.active:after {
+    -webkit-transform: translateY(-50%) rotate(315deg);
+    transform: translateY(-50%) rotate(315deg)
+}
+
+.ip-jump-wrap .ipJump-select-title {
+    font-size: 14px;
+    color: #000;
+    line-height: 22px;
+    display: block;
+    background: #fff;
+    border: 1px solid rgba(0,0,0,0.30);
+    border-radius: 6px;
+    padding: 4px 28px 4px 12px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    cursor: pointer;
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.ip-jump-wrap .ipJump-select-title:hover {
+    border: 1px solid rgba(0,0,0,1)
+}
+
+.ip-jump-wrap .ipJump-select ul {
+    position: absolute;
+    top: 0;
+    background: #fff;
+    border: 1px solid rgba(0,0,0,1);
+    width: 100%;
+    border-radius: 6px;
+    padding: 2px 28px 2px 12px;
+    display: none;
+    -webkit-transition: .6s ease;
+    transition: .6s ease
+}
+
+.ip-jump-wrap .ipJump-select.active ul {
+    display: block
+}
+
+.ip-jump-wrap .ipJump-select ul li {
+    font-size: 14px;
+    color: #000;
+    line-height: 26px;
+    margin-bottom: 8px;
+    cursor: pointer;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis
+}
+
+.ip-jump-wrap .ipJump-select ul li:first-child {
+    cursor: pointer
+}
+
+.ip-jump-wrap .ipJump-select ul li:last-child {
+    margin-bottom: 0
+}
+
+.ip-jump-wrap .ip-jump-go {
+    background: #000;
+    border-radius: 6px;
+    font-size: 13px;
+    color: #fff;
+    line-height: 16px;
+    font-weight: 500;
+    padding: 8px 29px 8px;
+    margin-left: 24px;
+    opacity: 1;
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out;
+    float: left
+}
+
+.ip-jump-wrap .ip-jump-go:hover {
+    opacity: .7
+}
+
+.v4.header.header-move.hasIp {
+    transform: none
+}
+
+@media only screen and (max-width: 1599.98px) and (min-width:768px) {
+    .ip-jump-wrap {
+        padding:16px 40px 16px
+    }
+}
+
+@media only screen and (max-width: 1199.98px) {
+    .ip-jump-wrap .ipJump-cnt {
+        padding-right:0
+    }
+
+    .ip-jump-wrap .ipJump-close {
+        float: none;
+        margin-top: 5px;
+        position: absolute;
+        top: 18px;
+        right: 40px
+    }
+
+    .ip-jump-wrap .ipJump-close:hover {
+        transform: none;
+        -webkit-transform: none
+    }
+
+    .ip-jump-wrap .ip-jump-go {
+        margin-left: 24px;
+        max-width: 110px;
+        padding: 9px 29px 8px;
+        overflow: hidden;
+        line-height: 15px
+    }
+
+    .ip-jump-wrap .ipJump-copywriting {
+        width: calc(100% - 60px);
+        line-height: 26px
+    }
+
+    .ip-jump-wrap .ipJump-select-title {
+        font-size: 14px;
+        color: #000;
+        line-height: 22px;
+        display: block;
+        background: #fff;
+        padding: 4px 28px 4px 12px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        border-radius: 6px;
+        border: 1px solid rgba(0,0,0,0.30)
+    }
+
+    .ip-jump-wrap .ip-jump-go:hover {
+        opacity: 1
+    }
+
+    .page-plp.hasIp {
+        padding-top: 0 !important
+    }
+
+    .ip-jump-wrap .ipJump-bnt {
+        display: flex
+    }
+
+    .ip-jump-wrap .ipJump-select {
+        width: 100%;
+        max-width: 620px;
+        flex: 1
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .ip-jump-wrap {
+        padding:16px 16px 24px
+    }
+
+    .ip-jump-wrap .ipJump-close {
+        right: 16px
+    }
+}
+
+@media only screen and (max-width: 359.98px) {
+    .ip-jump-wrap .ipJump-select {
+        width:calc(100% - 108px)
+    }
+}
+
+html[dir=rtl] .ip-jump-wrap .ipJump-close {
+    float: left
+}
+
+html[dir=rtl] .ip-jump-wrap .ipJump-cnt {
+    padding-right: 0;
+    padding-left: 35px
+}
+
+html[dir=rtl] .ip-jump-wrap .ipJump-select {
+    float: right
+}
+
+html[dir=rtl] .ip-jump-wrap .ipJump-select:after {
+    right: inherit;
+    left: 12px
+}
+
+html[dir=rtl] .ip-jump-wrap .ipJump-select-title {
+    padding: 4px 12px 4px 28px
+}
+
+html[dir=rtl] .ip-jump-wrap .ipJump-select ul {
+    padding: 2px 12px 2px 28px
+}
+
+html[dir=rtl] .ip-jump-wrap .ip-jump-go {
+    margin-left: 0;
+    margin-right: 24px;
+    float: right
+}
+
+@media only screen and (max-width: 1199.98px) {
+    html[dir=rtl] .ip-jump-wrap .ipJump-cnt {
+        padding-left:0
+    }
+
+    html[dir=rtl] .ip-jump-wrap .ipJump-close {
+        right: inherit;
+        left: 40px
+    }
+
+    html[dir=rtl] .ip-jump-wrap .ip-jump-go {
+        margin-right: 24px;
+        margin-left: auto;
+        padding: 9px 29px 8px
+    }
+
+    html[dir=rtl] .ip-jump-wrap .ipJump-select-title {
+        padding: 4px 12px 4px 28px
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    html[dir=rtl] .ip-jump-wrap .ipJump-close {
+        left:16px;
+        right: auto
+    }
+}
+
+.v4.n01-main-navigation.nav-v2,.minisite-nav .v4.n01-main-navigation.nav-v2 {
+    width: 100%;
+    background-color: #f1f3f5
+}
+
+.header-scroll .v4.n01-main-navigation.nav-v2,.header-move .v4.n01-main-navigation.nav-v2,.v4.n01-main-navigation.nav-v2.main-navigation_white {
+    background-color: #fff;
+    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+    box-shadow: 0 1px 0 0 rgba(0,0,0,0.1)
+}
+
+.v4.n01-main-navigation.nav-v2 .main-navigation__container {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center
+}
+
+.v4.n01-main-navigation.nav-v2 .logo img {
+    display: block;
+    width: 25px;
+    max-width: initial
+}
+
+.v4.n01-main-navigation.nav-v2 .main-nav__list {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+
+.v4.n01-main-navigation.nav-v2 .main-nav__link {
+    position: relative;
+    padding-top: 16px;
+    padding-bottom: 16px;
+    font-size: 16px;
+    color: #000;
+    line-height: 24px;
+    letter-spacing: .3px;
+    display: block;
+    white-space: nowrap
+}
+
+.loaded .v4.n01-main-navigation.nav-v2 .main-nav__link {
+    -webkit-transition: .25s cubic-bezier(.4,0,.6,1);
+    transition: .25s cubic-bezier(.4,0,.6,1)
+}
+
+.v4.n01-main-navigation.nav-v2 .lf-nav .campaign-btn {
+    display: none
+}
+
+.v4.n01-main-navigation.nav-v2 .lf-nav .campaign-btn.mb-end .main-nav__link {
+    padding-top: 16px;
+    padding-bottom: 16px
+}
+
+.v4.n01-main-navigation.nav-v2 .main-nav__item.displayOnMobile {
+    display: none
+}
+
+.v4.n01-main-navigation.nav-v2 .main-nav__link--transparent {
+    opacity: .5
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-addons {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    height: 32px;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-addons__link {
+    position: relative;
+    margin-left: 12px;
+    padding: 0 4px 0;
+    color: #7f7f7f;
+    height: 32px;
+    line-height: 32px;
+    vertical-align: middle;
+    display: inline-block
+}
+
+.v4.n01-main-navigation.nav-v2 .shop-bag .bag-amount {
+    display: none;
+    position: absolute;
+    top: 5px;
+    left: 15px;
+    padding: 0 6px;
+    font-size: 12px;
+    font-weight: normal;
+    color: #fff;
+    background-color: #ce0e2d;
+    border-radius: 7.5px;
+    z-index: 10;
+    height: 16px;
+    line-height: 16px
+}
+
+.loaded .v4.n01-main-navigation.nav-v2 .nav-addons__link {
+    -webkit-transition: .15s ease-in;
+    transition: .15s ease-in
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-addons__link .icon {
+    position: relative;
+    vertical-align: middle;
+    z-index: 10
+}
+
+.v4.n01-main-navigation.nav-v2 .shop-bag.third-party-jump a {
+    width: max-content;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-toggle {
+    position: relative;
+    width: 30px;
+    height: 30px;
+    margin-left: 15px;
+    display: none;
+    color: #7f7f7f;
+    filter: invert(1)
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-toggle.nav-toggle--active {
+    transform-origin: center
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-toggle.nav-toggle--active span:first-of-type {
+    transition: transform .2s cubic-bezier(0,0,0.2,1) .2s;
+    transform: translatex(-50%) rotate(45deg)
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-toggle.nav-toggle--active span:nth-of-type(3) {
+    transition: transform .2s cubic-bezier(0,0,0.2,1) .2s;
+    transform: translatex(-50%) rotate(-45deg)
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-toggle.nav-toggle--active span:first-of-type::before,.v4.n01-main-navigation.nav-v2 .nav-toggle.nav-toggle--active span:nth-of-type(3)::before {
+    transition: transform .2s cubic-bezier(0,0,0.2,1);
+    transform: none
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-toggle span {
+    position: absolute;
+    display: block;
+    width: 20px;
+    height: 2px;
+    transition: transform .2s cubic-bezier(0,0,0.2,1);
+    border-radius: 1px;
+    left: 50%;
+    transform: translatex(-50%)
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-toggle span:not(:nth-of-type(2))::before {
+    content: '';
+    background: currentColor;
+    display: block;
+    width: 100%;
+    height: 100%;
+    transition: transform .2s cubic-bezier(0,0,0.2,1) .2s;
+    border-radius: 1px
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-toggle span:first-of-type::before {
+    transform: translateY(-4px)
+}
+
+.v4.n01-main-navigation.nav-v2 .nav-toggle span:nth-of-type(3)::before {
+    transform: translateY(4px)
+}
+
+.v4.n01-main-navigation.nav-v2 .main-nav::-webkit-scrollbar {
+    display: none
+}
+
+.v4.n01-main-navigation.nav-v2 .main-nav__list::-webkit-scrollbar {
+    display: none
+}
+
+@media screen and (min-width: 1366px) {
+    .v4.n01-main-navigation.nav-v2 .main-navigation__container {
+        height:56px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav {
+        display: flex;
+        align-content: center;
+        justify-content: space-between;
+        align-items: center;
+        margin-left: 64px;
+        margin-right: 40px;
+        width: calc(100% - 396px);
+        flex: 1;
+        -ms-flex: 1
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav .lf-nav {
+        display: flex;
+        flex-wrap: nowrap;
+        align-content: center;
+        justify-content: flex-start;
+        align-items: center
+    }
+
+    .v4.n01-main-navigation.nav-v2 .lf-nav .main-nav__item {
+        margin-right: 20px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .lf-nav .main-nav__link {
+        font-weight: bold
+    }
+
+    .v4.n01-main-navigation.nav-v2 .lf-nav .campaign-btn.pc-end {
+        display: flex
+    }
+
+    .v4.n01-main-navigation.nav-v2 .lf-nav .campaign-btn.pc-end a {
+        color: #ce0e2d
+    }
+
+    .v4.n01-main-navigation.nav-v2 .rg-nav .main-nav__list {
+        margin-left: -20px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .rg-nav .main-nav__list .main-nav__item {
+        margin-left: 20px
+    }
+
+    .no-touch .v4.n01-main-navigation.nav-v2 .nav-addons__link:hover {
+        color: #000
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__link {
+        font-size: 14px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__link::after {
+        content: '';
+        position: absolute;
+        height: 2px;
+        width: 100%;
+        background: #000;
+        bottom: 0;
+        left: 0;
+        -webkit-transform: scaleX(0);
+        transform: scaleX(0)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__link::after {
+        -webkit-transition: .3s cubic-bezier(.4,0,.6,1);
+        transition: .3s cubic-bezier(.4,0,.6,1)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__link--opened::after,.v4.n01-main-navigation.nav-v2 .main-nav__link--active::after {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__login {
+        display: none
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__find-store {
+        display: none
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__link:hover::after {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+}
+
+@media screen and (max-width: 1365px) {
+    .v4.n01-main-navigation.nav-v2 .main-nav__link {
+        white-space:normal;
+        padding: 12px 24px;
+        transition: color .1s cubic-bezier(.4,0,.6,1);
+        color: rgba(0,0,0,0)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item.main-nav__item--visible .main-nav__link {
+        color: rgba(0,0,0,1)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav .campaign-btn.mb-end {
+        display: block;
+        padding-top: 16px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .nav-zone.lf-nav .main-nav__list {
+        font-weight: bold;
+        padding-top: 4px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .lf-nav .campaign-btn .main-nav__link {
+        font-size: 30px;
+        font-weight: lighter;
+        line-height: 38px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item.displayOnMobile {
+        display: block
+    }
+
+    /* .v4.n01-main-navigation.nav-v2 .main-nav__item .main-nav__link[href^='http']:not([href*='consumer.huawei.com']):after {
+        content: "";
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        position: absolute;
+        top: 50%;
+        right: 30px;
+        background: url("feature/relate-product/images/icons/outlink.svg") no-repeat;
+        background-size: cover;
+        transform: translateY(-50%);
+        -webkit-transform: translateY(-50%);
+        opacity: .55
+    } */
+
+    .v4.n01-main-navigation.nav-v2 .navigation--open {
+        display: block;
+        position: absolute;
+        top: 63px;
+        left: 0;
+        width: 100%;
+        height: calc(100% - 63px);
+        background: #fff;
+        z-index: 10
+    }
+
+    .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__list {
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        padding: 0 20px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__link {
+        padding: 12px 0
+    }
+
+    .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__item {
+        margin-right: 0;
+        padding-right: 46px;
+        border-bottom: 1px solid rgba(128,128,128,0.3);
+        position: relative
+    }
+
+    .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__item::before,.v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__item::after {
+        content: '';
+        position: absolute;
+        opacity: .5;
+        background-color: #000
+    }
+
+    .loaded .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__item::before,.loaded .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__item::after {
+        -webkit-transition: .3s cubic-bezier(.4,0,.6,1);
+        transition: .3s cubic-bezier(.4,0,.6,1)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__item::before {
+        width: 12px;
+        height: 2px;
+        top: 27px;
+        right: 6px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__item::after {
+        width: 2px;
+        height: 12px;
+        top: 22px;
+        right: 11px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__item--expanded::before {
+        -webkit-transform: rotate(180deg);
+        transform: rotate(180deg)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .navigation--open .main-nav__item--expanded::after {
+        -webkit-transform: rotate(180deg);
+        transform: rotate(180deg);
+        opacity: 0
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-navigation__container {
+        padding-top: 12px;
+        padding-bottom: 12px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .logo img {
+        width: 25px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav {
+        position: fixed;
+        top: 56px;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        padding-bottom: 40px;
+        opacity: 0;
+        visibility: hidden;
+        background-color: #fff;
+        border-top: 1px solid #e5e5e5;
+        pointer-events: none;
+        overflow: auto;
+        z-index: 11
+    }
+
+    .loaded .v4.n01-main-navigation.nav-v2 .main-nav {
+        -webkit-transition: .3s cubic-bezier(.4,0,.6,1);
+        transition: .3s cubic-bezier(.4,0,.6,1)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav--opened {
+        opacity: 1;
+        visibility: visible;
+        pointer-events: auto
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__list {
+        padding: 24px 0;
+        -webkit-overflow-scrolling: touch;
+        overflow-y: auto;
+        display: block
+    }
+
+    .huawei-v4.active-focus .v4.n01-main-navigation.nav-v2 .main-nav__list {
+        overflow-y: visible
+    }
+
+    .v4.n01-main-navigation.nav-v2 .nav-zone .main-nav__list {
+        padding: 12px 0 0
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item {
+        position: relative;
+        width: 100%;
+        overflow: hidden;
+        display: block
+    }
+
+    .huawei-v4.active-focus .v4.n01-main-navigation.nav-v2 .main-nav__item {
+        overflow: visible
+    }
+
+    .v4.n01-main-navigation.nav-v2 .lf-nav .main-nav__item::after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 24px;
+        right: 24px;
+        height: 1px;
+        transition: background-color .2s;
+        background-color: rgba(0,0,0,0)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item.main-nav__item--visible::after {
+        background-color: rgba(0,0,0,0.05)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .campaign-btn .main-nav__item::after {
+        display: none
+    }
+
+    .v4.n01-main-navigation.nav-v2 .login-v4-wrap .main-nav__item::after {
+        background-color: unset
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::before,.v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::after {
+        content: '';
+        position: absolute;
+        top: 23px;
+        right: 30px;
+        width: 12px;
+        height: 2px;
+        border-radius: 2px;
+        background-color: #7f7f7f;
+        -webkit-transition: .3s cubic-bezier(.4,0,.6,1);
+        transition: .3s cubic-bezier(.4,0,.6,1)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::after {
+        -webkit-transform: rotate(90deg);
+        transform: rotate(90deg)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link--opened::before {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+        opacity: 0
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link--opened::after {
+        -webkit-transform: rotate(-180deg);
+        transform: rotate(-180deg)
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__login-link {
+        color: #7f7f7f
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__loggedin-link {
+        color: #7f7f7f;
+        display: none
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__loggedin-link .icon {
+        position: absolute;
+        top: 16px;
+        right: 28px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .nav-addons {
+        margin-right: -5px;
+        height: auto
+    }
+
+    html[dir=rtl] .v4.n01-main-navigation.nav-v2 .nav-addons {
+        margin-right: 0;
+        margin-left: -5px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .nav-addons__link {
+        font-size: 21px;
+        margin-left: 16px;
+        opacity: 1;
+        height: auto
+    }
+
+    .v4.n01-main-navigation.nav-v2 .nav-addons__link .icon {
+        padding-top: 0;
+        padding-bottom: 0
+    }
+
+    .v4.n01-main-navigation.nav-v2 .nav-addons__cart {
+        margin-right: 0
+    }
+
+    .v4.n01-main-navigation.nav-v2 .nav-toggle {
+        display: inline-block
+    }
+
+    .v4.n01-main-navigation.nav-v2 .shop-bag.third-party-jump {
+        display: none !important
+    }
+
+    .v4.n01-main-navigation.nav-v2 .shop-bag.shopping-bag {
+        margin-left: 16px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .shop-bag.shopping-bag .huawei-bag {
+        font-size: 21px
+    }
+
+    .huawei-v4 .v4.n01-main-navigation.nav-v2 .popup {
+        top: 0;
+        pointer-events: auto
+    }
+
+    .v4.n01-main-navigation.nav-v2 .popup__close-btn {
+        display: none
+    }
+}
+
+@media only screen and (min-width: 1200px) and (max-width:1365px) {
+    .v4.n01-main-navigation.nav-v2 .col-xl-3 {
+        -webkit-box-flex:0;
+        -webkit-flex: none;
+        -ms-flex: none;
+        flex: none;
+        max-width: initial
+    }
+
+    .v4.n01-main-navigation.nav-v2 .col-xl-8 {
+        max-width: initial;
+        flex: auto;
+        -webkit-flex: auto;
+        -webkit-box-flex: inherit
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__link:hover::after {
+        display: none
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::after {
+        display: inline-block
+    }
+}
+
+@media screen and (max-width: 991px) {
+    .v4.n01-main-navigation.nav-v2,.minisite-nav .v4.n01-main-navigation.nav-v2 {
+        background-color:#fff;
+        -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
+        box-shadow: 0 1px 0 0 rgba(0,0,0,0.1)
+    }
+}
+
+@media screen and (min-width: 1599.98px) {
+    .v4.header.mb-ui .v4.n01-main-navigation.nav-v2 .main-nav__link {
+        padding:12px 80px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .lf-nav .main-nav__item::after {
+        left: 80px;
+        right: 80px
+    }
+
+    .v4.header.mb-ui .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::before,.v4.header.mb-ui .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::after {
+        left: auto;
+        right: 80px
+    }
+
+    .v4.header.mb-ui .main-navigation.nav-v2 .v4.n02-expanded-products .container {
+        padding: 0 80px
+    }
+}
+
+@media only screen and (min-width: 1366px) and (max-width:1599.98px) {
+    .v4.header.mb-ui .v4.n01-main-navigation.nav-v2 .main-nav__link {
+        padding:12px 40px
+    }
+
+    .v4.header.mb-ui .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::before,.v4.header.mb-ui .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::after {
+        left: auto;
+        right: 40px
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width:1365.98px) {
+    .v4.n01-main-navigation.nav-v2 .main-nav__link {
+        padding:12px 40px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::before,.v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::after {
+        left: auto;
+        right: 40px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item .main-nav__link[href^='http']:not([href*='consumer.huawei.com']):after {
+        right: 40px
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width:1599.98px) {
+    .v4.n01-main-navigation.nav-v2 .lf-nav .main-nav__item::after {
+        left:40px;
+        right: 40px
+    }
+
+    .v4.header .main-navigation.nav-v2 .v4.n02-expanded-products .container {
+        padding: 0 40px
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .v4.n01-main-navigation.nav-v2 .main-nav__link {
+        padding:12px 16px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .lf-nav .main-nav__item::after {
+        left: 16px;
+        right: 16px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::before,.v4.n01-main-navigation.nav-v2 .main-nav__item--has-children .main-nav__link::after {
+        left: auto;
+        right: 16px
+    }
+
+    .loaded .v4.n01-main-navigation.nav-v2 .main-nav {
+        -webkit-transition-duration: .3s;
+        transition-duration: .3s
+    }
+
+    .v4.header .main-navigation.nav-v2 .v4.n02-expanded-products .container {
+        padding: 0 16px
+    }
+
+    .v4.n01-main-navigation.nav-v2 .main-nav__item .main-nav__link[href^='http']:not([href*='consumer.huawei.com']):after {
+        right: 16px
+    }
+}
+
+
+@media screen and (min-width: 1599.98px) {
+    .huawei-v4 .header.nav-v2.mb-ui .main-nav .login-v4-wrap .login-v4-cnt li a {
+        padding:12px 80px;
+        color: #000
+    }
+
+    .huawei-v4 .header.nav-v2.mb-ui .main-nav .login-v4-wrap .login-v4-cnt li:not(.ec-login-btn):not(.ec-logout-btn) a::after {
+        right: 80px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap {
+        margin: 0 -80px 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap .dropdown__right {
+        padding: 0 80px 15px
+    }
+
+    .v4.header.mb-ui .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right {
+        padding: 0 80px 25px
+    }
+
+    .v4.header.mb-ui .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__order {
+        margin: 0 -80px 15px
+    }
+}
+
+@media screen and (min-width: 1599.98px) {
+    .v4.header.mb-ui .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right .dropdown__right-col:last-of-type {
+        padding-right:80px;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 372px;
+        -ms-flex: 1 0 372px;
+        flex: 1 0 372px;
+        max-width: 372px
+    }
+
+    .v4.header.mb-ui .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right .dropdown__right-col:last-of-type {
+        padding-right: 80px;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 418px;
+        -ms-flex: 1 0 418px;
+        flex: 1 0 418px;
+        max-width: 418px
+    }
+
+    html[dir=rtl] .v4.header.mb-ui .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right .dropdown__right-col:last-of-type {
+        padding-left: 80px;
+        padding-right: 8px
+    }
+
+    html[dir=rtl] .v4.header.mb-ui .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right .dropdown__right-col:last-of-type {
+        padding-left: 80px;
+        padding-right: 8px
+    }
+}
+
+@media screen and (max-width: 1599.98px) {
+    .huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap .login-v4-cnt li a {
+        padding:12px 40px
+    }
+
+    .huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap .login-v4-cnt li:not(.ec-login-btn):not(.ec-logout-btn) a::after {
+        right: 40px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap {
+        margin: 0 -40px 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap .dropdown__right {
+        padding: 0 40px 15px
+    }
+
+    .v4.header.mb-ui .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right {
+        padding: 0 40px 25px
+    }
+
+    .v4.header.mb-ui .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__order {
+        margin: 0 -40px 15px
+    }
+}
+
+@media screen and (max-width: 767.98px) {
+    .huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap .login-v4-cnt li a {
+        padding:12px 16px
+    }
+
+    .huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap .login-v4-cnt li:not(.ec-login-btn):not(.ec-logout-btn) a::after {
+        right: 16px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap {
+        margin: 0 -16px 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap .dropdown__right {
+        padding: 0 16px 15px
+    }
+}
+
+
+.main-navigation.nav-v2 .v4.n02-expanded-products {
+    padding: 100px 0 20px
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdowns__series {
+    font-size: 16px;
+    line-height: 1.5;
+    font-weight: 500
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap .dropdown__right {
+    overflow-y: auto
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap .dropdown__right::-webkit-scrollbar {
+    display: none
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__series {
+    font-weight: 700;
+    font-size: 16px
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__series-link {
+    color: #000
+}
+
+.loaded .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__series-link {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__big-link {
+    font-size: 32px;
+    line-height: 1.25;
+    letter-spacing: -0.5px;
+    font-weight: 300;
+    display: table;
+    color: gray;
+    margin-bottom: 34px;
+    position: relative
+}
+
+.loaded .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__big-link {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__big-link::after {
+    content: '';
+    display: block;
+    position: absolute;
+    bottom: -10px;
+    left: 0;
+    height: 2px;
+    width: 24px;
+    background-color: gray
+}
+
+.loaded .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__big-link::after {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__list {
+    padding-top: 22px;
+    margin-bottom: 21px
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__link {
+    font-size: 14px;
+    line-height: 24px;
+    font-weight: 400;
+    color: gray
+}
+
+.loaded .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__link {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder {
+    overflow: hidden;
+    position: relative;
+    cursor: pointer;
+    padding-bottom: 50%;
+    margin-bottom: 15px;
+    background-color: #f5f5f5
+}
+
+.loaded .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder {
+    -webkit-transition: .6s ease-out;
+    transition: .6s ease-out
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder .btn:first-child {
+    -webkit-transition: border-color .3s ease-out,-webkit-transform .3s ease-out .1s;
+    transition: border-color .3s ease-out,-webkit-transform .3s ease-out .1s;
+    transition: transform .3s ease-out .1s,border-color .3s ease-out;
+    transition: transform .3s ease-out .1s,border-color .3s ease-out,-webkit-transform .3s ease-out .1s
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder .btn:last-child {
+    -webkit-transition: opacity .3s ease-out,-webkit-transform .3s ease-out .2s;
+    transition: opacity .3s ease-out,-webkit-transform .3s ease-out .2s;
+    transition: transform .3s ease-out .2s,opacity .3s ease-out;
+    transition: transform .3s ease-out .2s,opacity .3s ease-out,-webkit-transform .3s ease-out .2s
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--overlay::after {
+    opacity: 0;
+    visibility: hidden;
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    left: 0;
+    background-color: rgba(0,0,0,0.2)
+}
+
+.loaded .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--overlay::after {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--one-img {
+    padding-bottom: 52.414%
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--one-img .dropdown__image-centered {
+    max-width: 20%
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--two-img {
+    padding-bottom: 109%
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--three-img {
+    padding-bottom: 100%
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--four-img {
+    padding-bottom: 101.538%
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--four-img .dropdown__image-centered {
+    max-width: 80%
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--shorter-img {
+    padding-bottom: 51%
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__list--bottom {
+    position: relative;
+    padding-top: 24px
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__list--bottom::after {
+    content: '';
+    width: 27px;
+    height: 1px;
+    background-color: gray;
+    position: absolute;
+    top: 0;
+    left: 0
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__card_link {
+    z-index: 0;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__card_link .dropdown__card_link_btn {
+    display: block;
+    height: 100%;
+    width: 100%
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__btns {
+    z-index: 1;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    opacity: 0;
+    -webkit-transition: opacity .5s cubic-bezier(0.455,0.03,0.515,0.955);
+    transition: opacity .5s cubic-bezier(0.455,0.03,0.515,0.955)
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__btns .btn {
+    -webkit-transform: translateY(50px);
+    transform: translateY(50px);
+    margin: 0 5px
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__image-cover {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out;
+    min-width: 1000%;
+    min-height: 1000%;
+    max-width: none;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%) scale(0.1);
+    transform: translate(-50%,-50%) scale(0.1)
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__image-centered {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    max-width: 45%;
+    max-height: 70%
+}
+
+.loaded .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__image-centered {
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__block-in {
+    margin-bottom: 40px
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__block-in .dropdown__block-item {
+    display: block
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__four-images .dropdown__block-in {
+    margin-bottom: 17%
+}
+
+.main-navigation.nav-v2 .v4.n02-expanded-products.popup {
+    position: absolute;
+    height: calc(100vh - 80px)
+}
+
+@media only screen and (min-width: 1366px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder {
+        border-radius:24px
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__series-link:hover {
+        text-decoration: underline
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__big-link:hover {
+        color: #000;
+        padding-left: 20px
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__big-link:hover::after {
+        width: 100%;
+        background-color: #000
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__link:hover {
+        color: #000
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder:hover .dropdown__image-cover {
+        cursor: pointer;
+        -webkit-transform: translate(-50%,-50%) scale(0.11);
+        transform: translate(-50%,-50%) scale(0.11)
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder:hover.dropdown__holder--overlay::after {
+        opacity: 1;
+        visibility: visible
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder:hover .dropdown__btns {
+        opacity: 1;
+        -webkit-transition-delay: .1s;
+        transition-delay: .1s
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder:hover .btn {
+        -webkit-transform: translateY(0);
+        transform: translateY(0)
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder:hover .dropdown__image-centered {
+        -webkit-transform: translate(-50%,-50%) scale(1.1);
+        transform: translate(-50%,-50%) scale(1.1)
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown {
+        opacity: 0;
+        -webkit-transform: translateY(50px);
+        transform: translateY(50px)
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .edit.dropdown {
+        opacity: 0;
+        -webkit-transform: translateY(0);
+        transform: translateY(0)
+    }
+
+    .loaded .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown {
+        -webkit-transition: .6s ease-out;
+        transition: .6s ease-out
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products.popup--visible .dropdown {
+        opacity: 1;
+        -webkit-transform: translateY(0);
+        transform: translateY(0)
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right {
+        max-height: calc(100vh - 194px)
+    }
+}
+
+@media screen and (min-width: 1400px) and (max-width:1500px) and (max-height:901px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products {
+        padding-top:90px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__order {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 64%;
+        -ms-flex: 0 0 64%;
+        flex: 0 0 64%;
+        max-width: 64%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__block-in {
+        margin-bottom: 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder {
+        margin-bottom: 10px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__four-images .dropdown__block-in {
+        margin-bottom: 14%
+    }
+}
+
+@media screen and (min-width: 1366px) and (max-width:1399px) and (max-height:720px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products {
+        padding-top:72px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__order {
+        margin-left: 3%;
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 54%;
+        -ms-flex: 0 0 54%;
+        flex: 0 0 54%;
+        max-width: 54%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__block-in {
+        margin-bottom: 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder {
+        margin-bottom: 6px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__four-images .dropdown__block-in {
+        margin-bottom: 12%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__row-mobile {
+        margin-right: -10px;
+        margin-left: -10px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right-col {
+        padding: 0 10px
+    }
+}
+
+@media only screen and (max-width: 1599.98px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--two-img {
+        padding-bottom:108.5%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__series {
+        font-size: 14px;
+        line-height: 1.71;
+        letter-spacing: -0.8px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder.dropdown__holder--two-img .dropdown__image-centered {
+        height: 70%
+    }
+}
+
+@media only screen and (min-width: 1366px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--two-img {
+        padding-bottom:118.5%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__four-images .four-icon-cnt {
+        background: #fafafa;
+        margin-bottom: 40px;
+        border-radius: 24px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__four-images .four-icon-cnt img {
+        max-width: 40%;
+        width: 86px;
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder {
+        margin-bottom: 0
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__four-images .four-icon-cnt .dropdown__holder--four-img {
+        padding-bottom: 120%;
+        background-color: transparent
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .icon-cnt {
+        position: absolute;
+        top: 40px;
+        left: 30px;
+        width: 80%;
+        max-width: 190px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-title {
+        font-size: 16px;
+        padding-top: 20px;
+        max-height: 60px;
+        line-height: 20px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        -webkit-box-orient: vertical;
+        font-weight: 700
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-description {
+        font-size: 13px;
+        padding-top: 20px;
+        line-height: 17px;
+        max-height: 71px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        line-clamp: 3;
+        -webkit-box-orient: vertical;
+        font-weight: normal
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__four-images .four-icon-cnt:hover .icon-cnt img {
+        transform: scale(1.2);
+        -wekit-transform: scale(1.2)
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--two-img {
+        padding-bottom: 107.2%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .icon-cnt {
+        position: absolute;
+        top: 50%;
+        right: 30px;
+        width: 190px;
+        transform: translateY(-50%);
+        -webki-transform: translateY(-50%)
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .icon-cnt.icon-cnt-left {
+        right: inherit;
+        left: 30px;
+        text-align: right
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img {
+        padding-bottom: 50%;
+        margin-bottom: 0;
+        background-position: center;
+        background-size: cover
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .color-bg {
+        -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+        flex: 0 0 100%;
+        max-width: 100%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__four-images .dropdown__block-in {
+        margin-bottom: 40px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt-title {
+        font-size: 16px;
+        padding-top: 20px;
+        max-height: 60px;
+        line-height: 20px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        -webkit-box-orient: vertical;
+        font-weight: 700
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt-description {
+        font-size: 13px;
+        padding-top: 20px;
+        line-height: 17px;
+        max-height: 71px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        line-clamp: 3;
+        -webkit-box-orient: vertical;
+        font-weight: normal
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__four-images .four-icon-cnt img {
+        max-width: 30%;
+        width: 86px;
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__four-images .four-icon-cnt:hover .icon-cnt img {
+        transform: scale(1.2);
+        -wekit-transform: scale(1.2)
+    }
+}
+
+@media only screen and (min-width: 2000px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img {
+        padding-bottom:50.5%
+    }
+}
+
+@media only screen and (min-width: 2500px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img {
+        padding-bottom:51%
+    }
+}
+
+@media only screen and (min-width: 1920px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .icon-cnt {
+        top:50px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-title {
+        padding-top: 30px;
+        max-height: 70px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__four-images .four-icon-cnt img {
+        max-width: 100%
+    }
+}
+
+@media only screen and (min-width: 1366px) and (max-width:1850px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .icon-cnt {
+        left:50%;
+        transform: translateX(-50%);
+        -webkit-transform: translateX(-50%)
+    }
+}
+
+@media only screen and (min-width: 1366px) and (max-width:1799.98px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--two-img {
+        padding-bottom:108.2%
+    }
+}
+
+@media only screen and (min-width: 1366px) and (max-width:1699.98px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-description {
+        padding-top:10px
+    }
+}
+
+@media only screen and (min-width: 1366px) and (max-width:1600px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-title {
+        font-size:12px;
+        line-height: 16px;
+        max-height: 52px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-description {
+        font-size: 12px;
+        line-height: 16px;
+        max-height: 58px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--two-img {
+        padding-bottom: 109.2%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .icon-cnt {
+        right: 20px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .icon-cnt.icon-cnt-left {
+        right: inherit;
+        left: 20px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt-title {
+        font-size: 12px;
+        padding-top: 10px;
+        max-height: 42px;
+        line-height: 16px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt-description {
+        font-size: 12px;
+        padding-top: 10px;
+        max-height: 58px;
+        line-height: 16px
+    }
+}
+
+@media only screen and (min-width: 1366px) and (max-width:1499.98px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .icon-cnt {
+        width:160px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__four-images .four-icon-cnt img {
+        max-width: 35%
+    }
+}
+
+@media only screen and (min-width: 1366px) and (max-width:1420px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .icon-cnt {
+        top:30px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-title {
+        padding-top: 10px;
+        max-height: 42px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--two-img {
+        padding-bottom: 110.2%
+    }
+}
+
+@media only screen and (min-width: 1366px) and (max-width:1299.98px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .icon-cnt {
+        top:20px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--two-img {
+        padding-bottom: 111.5%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .icon-cnt {
+        width: 120px
+    }
+}
+
+@media only screen and (max-width: 1365px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products {
+        padding:5px 0 20px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder {
+        margin-left: 0;
+        border-radius: 16px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products.popup {
+        position: relative;
+        top: auto;
+        bottom: auto;
+        left: auto;
+        opacity: 1;
+        visibility: visible;
+        height: auto;
+        display: none
+    }
+
+    .loaded .main-navigation.nav-v2 .v4.n02-expanded-products.popup {
+        -webkit-transition: none;
+        transition: none
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--two-img {
+        padding-bottom: 108.574%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .container {
+        padding: 0 24px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__top-item,.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__item {
+        margin-bottom: 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__link {
+        display: block
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__big-link {
+        font-size: 14px;
+        line-height: 1.71;
+        font-weight: 500;
+        margin-bottom: 0;
+        display: block
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__big-link::after {
+        display: none
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__list {
+        padding-top: 0;
+        margin-bottom: 0
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__btns {
+        display: none
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__list--bottom::after {
+        display: none
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right {
+        width: 100%;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        margin-bottom: 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right .dropdown__right-col {
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 300px;
+        -ms-flex: 1 0 300px;
+        flex: 1 0 300px;
+        max-width: 300px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right .dropdown__right-col:last-of-type {
+        padding-right: 40px;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 332px;
+        -ms-flex: 1 0 332px;
+        flex: 1 0 332px;
+        max-width: 332px
+    }
+
+    html[dir=rtl] .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right .dropdown__right-col:last-of-type {
+        padding-left: 40px;
+        padding-right: 8px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right--no-overflow {
+        overflow: hidden
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right--no-overflow .dropdown__right-col {
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 50%;
+        -ms-flex: 1 0 50%;
+        flex: 1 0 50%;
+        max-width: 50%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap {
+        overflow: hidden
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap .dropdown__right {
+        margin-bottom: -15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--four-img,.main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__holder--shorter-img {
+        padding-bottom: 108.574%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__order {
+        -webkit-box-ordinal-group: 0;
+        -webkit-order: -1;
+        -ms-flex-order: -1;
+        order: -1
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__row-mobile {
+        -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+        flex-wrap: nowrap
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__block-in {
+        margin-bottom: 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__four-images .dropdown__block-in {
+        margin-bottom: 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products [class*='col-'] {
+        padding: 0 8px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .row {
+        margin-right: -8px;
+        margin-left: -8px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt {
+        position: absolute;
+        top: 40px;
+        left: 50%;
+        width: 80%;
+        transform: translateX(-50%);
+        -webkit-transform: translateX(-50%)
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-title {
+        font-size: 16px;
+        font-weight: 700;
+        padding-top: 20px;
+        max-height: 60px;
+        line-height: 20px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        -webkit-box-orient: vertical
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-description {
+        font-size: 13px;
+        padding-top: 30px;
+        line-height: 17px;
+        max-height: 81px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        line-clamp: 3;
+        -webkit-box-orient: vertical
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt {
+        position: absolute;
+        top: 40px;
+        left: 50%;
+        width: 80%;
+        transform: translateX(-50%);
+        -webkit-transform: translateX(-50%)
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt-title {
+        font-size: 16px;
+        font-weight: 700;
+        padding-top: 20px;
+        max-height: 60px;
+        line-height: 20px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        line-clamp: 2;
+        -webkit-box-orient: vertical
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt-description {
+        font-size: 13px;
+        padding-top: 30px;
+        line-height: 17px;
+        max-height: 81px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 3;
+        line-clamp: 3;
+        -webkit-box-orient: vertical
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__wrap .dropdown__right .unDisplayInMobile {
+        display: none
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right .dropdown__right-col {
+        -webkit-box-flex:1;
+        -webkit-flex: 1 0 230px;
+        -ms-flex: 1 0 230px;
+        flex: 1 0 230px;
+        max-width: 230px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right .dropdown__right-col:last-of-type {
+        padding-right: 16px;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 238px;
+        -ms-flex: 1 0 238px;
+        flex: 1 0 238px;
+        max-width: 238px
+    }
+
+    html[dir=rtl] .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right .dropdown__right-col:last-of-type {
+        padding-left: 16px;
+        padding-right: 8px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .dropdown__right--no-overflow .dropdown__right-col {
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 50%;
+        -ms-flex: 1 0 50%;
+        flex: 1 0 50%;
+        max-width: 50%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt {
+        top: 20px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt img {
+        max-width: 40%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-title {
+        font-size: 13px;
+        line-height: 17px;
+        max-height: 54px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-four-icon .dropdown__holder--four-img .icon-cnt-description {
+        font-size: 12px;
+        padding-top: 20px;
+        line-height: 16px;
+        max-height: 68px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt {
+        top: 20px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt img {
+        max-width: 40%
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt-title {
+        font-size: 13px;
+        line-height: 17px;
+        max-height: 54px
+    }
+
+    .main-navigation.nav-v2 .v4.n02-expanded-products .one-two-icon .dropdown__holder--four-img .icon-cnt-description {
+        font-size: 12px;
+        padding-top: 20px;
+        line-height: 16px;
+        max-height: 68px
+    }
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support {
+    padding: 100px 0 20px
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support.popup {
+    position: absolute;
+    height: calc(100vh - 80px)
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__wrap .dropdown__right {
+    overflow-y: auto
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__wrap .dropdown__right::-webkit-scrollbar {
+    display: none
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-title {
+    font-size: 16px;
+    line-height: 1.5;
+    font-weight: 500
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-link {
+    color: #000
+}
+
+.loaded .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-link {
+    -webkit-transition: .3s ease-in-out;
+    transition: .3s ease-in-out
+}
+
+@media only screen and (min-width: 1366px) {
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-link:hover {
+        text-decoration:underline
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder {
+        border-radius: 24px
+    }
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__top-item {
+    margin-bottom: 17px
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link {
+    font-size: 32px;
+    line-height: 1.25;
+    letter-spacing: -0.5px;
+    font-weight: 300;
+    display: table;
+    color: gray;
+    position: relative
+}
+
+.loaded .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link {
+    -webkit-transition: .3s ease-in-out;
+    transition: .3s ease-in-out
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link::after {
+    visibility: hidden;
+    opacity: 0;
+    content: '';
+    display: inline-block;
+    width: 13px;
+    height: 13px;
+    border-top: 2px solid #000;
+    border-right: 2px solid #000;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    position: relative;
+    top: -2px;
+    margin-left: 12px
+}
+
+.loaded .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link::after {
+    -webkit-transition: .3s ease-in-out;
+    transition: .3s ease-in-out
+}
+
+@media only screen and (min-width: 1366px) {
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link:hover {
+        color:#000
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link:hover::after {
+        visibility: visible;
+        opacity: 1;
+        margin-left: 18px
+    }
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__list {
+    padding-top: 29px;
+    margin-bottom: 21px
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__link {
+    font-size: 14px;
+    line-height: 24px;
+    font-weight: 400;
+    color: gray
+}
+
+.loaded .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__link {
+    -webkit-transition: .3s ease-in-out;
+    transition: .3s ease-in-out
+}
+
+@media only screen and (min-width: 1366px) {
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__link:hover {
+        color:#000
+    }
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__link--black {
+    color: #000
+}
+
+@media only screen and (min-width: 1366px) {
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__link--black:hover {
+        text-decoration:underline
+    }
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__list--bottom {
+    position: relative;
+    padding-top: 24px
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__list--bottom::after {
+    content: '';
+    width: 27px;
+    height: 1px;
+    background-color: gray;
+    position: absolute;
+    top: 0;
+    left: 0
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder {
+    overflow: hidden;
+    position: relative;
+    min-height: 322px;
+    background-color: #f5f5f5;
+    padding: 61px 20px 20px;
+    text-align: center;
+    margin-bottom: 16px
+}
+
+.loaded .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder {
+    -webkit-transition: .3s ease-in-out;
+    transition: .3s ease-in-out
+}
+
+@media only screen and (min-width: 1366px) {
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder:hover .dropdown__image-cover {
+        cursor:pointer;
+        -webkit-transform: translate(-50%,-50%) scale(0.11);
+        transform: translate(-50%,-50%) scale(0.11)
+    }
+
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder:hover .dropdown__holder-icon--centered {
+        -webkit-transform: translate(-50%,-50%) scale(1.1);
+        transform: translate(-50%,-50%) scale(1.1)
+    }
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder--shorter {
+    min-height: 280px
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder--shorter .dropdown__holder-icon {
+    margin-bottom: 0
+}
+
+@media only screen and (min-width: 1366px) {
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder--shorter:hover .dropdown__arrow-link--centered::after {
+        right:-6px
+    }
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder-link {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-in {
+    margin-bottom: 40px
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__image-icon {
+    font-size: 80px;
+    margin-bottom: 18px
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder-icon {
+    font-size: 80px;
+    color: #000;
+    margin-bottom: 35px;
+    will-change: transform
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder-icon-src {
+    width: 80px;
+    height: 80px;
+    display: block;
+    margin: 0 auto 35px;
+    font-size: 1rem
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder-icon--centered {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%)
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder-icon--centered .dropdown__holder-icon-src {
+    margin-bottom: 0
+}
+
+.loaded .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder-icon--centered {
+    -webkit-transition: .3s ease-in-out;
+    transition: .3s ease-in-out
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__image-cover {
+    -webkit-transition: .3s ease-in-out;
+    transition: .3s ease-in-out;
+    min-width: 1000%;
+    min-height: 1000%;
+    max-width: none;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%) scale(0.1);
+    transform: translate(-50%,-50%) scale(0.1)
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__subtitle {
+    font-size: 14px;
+    font-weight: 500;
+    color: #7f7f7f;
+    line-height: 1.71
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__subtitle-link {
+    color: #7f7f7f
+}
+
+.loaded .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__subtitle-link {
+    -webkit-transition: .3s ease-in-out;
+    transition: .3s ease-in-out
+}
+
+@media only screen and (min-width: 1366px) {
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__subtitle-link:hover {
+        color:#000
+    }
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__arrow-link {
+    font-size: 14px;
+    font-weight: 500;
+    color: #000;
+    line-height: 1.71;
+    margin-top: 10px;
+    display: block
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__arrow-link::after {
+    content: '';
+    display: inline-block;
+    margin-left: 5px;
+    width: 6px;
+    height: 6px;
+    border-top: 2px solid #000;
+    border-right: 2px solid #000;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    position: relative;
+    top: -2px;
+    right: 0
+}
+
+.loaded .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__arrow-link::after {
+    -webkit-transition: .3s ease-in-out;
+    transition: .3s ease-in-out
+}
+
+@media only screen and (min-width: 1366px) {
+    .no-touch .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__arrow-link:hover::after {
+        right:-6px
+    }
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__arrow-link--centered {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    margin-top: 0
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__arrow-link--centered.dropdown__arrow-link {
+    margin-top: 0
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__arrow-link--centered::before {
+    display: none
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__row {
+    display: none
+}
+
+.main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__row--visible {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+
+@media only screen and (min-width: 1366px) {
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown {
+        opacity:0;
+        -webkit-transform: translateY(50px);
+        transform: translateY(50px)
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .edit.dropdown {
+        opacity: 0;
+        -webkit-transform: translateY(0);
+        transform: translateY(0)
+    }
+
+    .loaded .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown {
+        -webkit-transition: .6s ease-in-out;
+        transition: .6s ease-in-out
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support.popup--visible .dropdown {
+        opacity: 1;
+        -webkit-transform: translateY(0);
+        transform: translateY(0)
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link--active {
+        color: #000
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link--active::after {
+        visibility: visible;
+        opacity: 1
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right {
+        max-height: calc(100vh - 194px)
+    }
+}
+
+@media screen and (min-width: 1400px) and (max-width:1500px) and (max-height:901px) {
+    .main-navigation.nav-v2 .v4.n03-expanded-support {
+        padding-top:90px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder {
+        min-height: 196px;
+        padding: 25px 20px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__order {
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 64%;
+        -ms-flex: 0 0 64%;
+        flex: 0 0 64%;
+        max-width: 64%
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-title {
+        font-size: 12px
+    }
+}
+
+@media screen and (min-width: 1366px) and (max-width:1399px) and (max-height:769px) {
+    .main-navigation.nav-v2 .v4.n03-expanded-support {
+        padding-top:72px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder {
+        min-height: 156px;
+        padding: 15px;
+        margin-bottom: 6px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right-col {
+        padding: 0 10px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__subtitle {
+        font-size: 12px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-in {
+        margin-bottom: 20px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__row {
+        margin-right: -10px;
+        margin-left: -10px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-link {
+        font-size: 12px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__order {
+        margin-left: 4%;
+        -webkit-box-flex: 0;
+        -webkit-flex: 0 0 54%;
+        -ms-flex: 0 0 54%;
+        flex: 0 0 54%;
+        max-width: 54%
+    }
+}
+
+@media only screen and (min-width: 1366px) and (max-width:1599.98px) {
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder-icon {
+        margin-bottom:15px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder-icon-src {
+        width: 60px;
+        height: 60px;
+        display: block;
+        margin: 0 auto 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__arrow-link {
+        margin-top: 8px;
+        line-height: 1
+    }
+}
+
+@media only screen and (max-width: 1365px) {
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder {
+        margin-bottom:19px;
+        border-radius: 16px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support {
+        padding: 5px 0 20px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support.popup {
+        position: relative;
+        top: auto;
+        bottom: auto;
+        left: auto;
+        height: auto;
+        opacity: 1;
+        visibility: visible;
+        display: none
+    }
+
+    .loaded .main-navigation.nav-v2 .v4.n03-expanded-support.popup {
+        -webkit-transition: none;
+        transition: none
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__order {
+        width: calc(100% + 48px);
+        padding: 0;
+        overflow: hidden;
+        -webkit-box-ordinal-group: 0;
+        -webkit-order: -1;
+        -ms-flex-order: -1;
+        order: -1
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        width: 100%;
+        margin-bottom: -15px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right .dropdown__right-col {
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 340px;
+        -ms-flex: 1 0 340px;
+        flex: 1 0 340px;
+        max-width: 340px;
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+        flex-direction: column
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right .dropdown__right-col:last-of-type {
+        padding-right: 40px;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 378px;
+        -ms-flex: 1 0 378px;
+        flex: 1 0 378px;
+        max-width: 378px
+    }
+
+    html[dir=rtl] .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right .dropdown__right-col:last-of-type {
+        padding-left: 40px;
+        padding-right: 8px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__top-item {
+        margin-bottom: 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__item {
+        margin-bottom: 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link {
+        font-size: 14px;
+        line-height: 1.71;
+        font-weight: 500;
+        display: block
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__big-link::after {
+        display: none
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__list {
+        padding-top: 0;
+        margin-bottom: 0
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__list--bottom::after {
+        display: none
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-in {
+        margin-bottom: 12px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__link {
+        display: block
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__block-title {
+        font-size: 14px;
+        line-height: 1.2
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__row-mobile {
+        -webkit-flex-wrap: nowrap;
+        -ms-flex-wrap: nowrap;
+        flex-wrap: nowrap
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support [class*='col-'] {
+        padding: 0 8px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .row {
+        margin-right: -8px;
+        margin-left: -8px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__left-nav {
+        position: relative;
+        background-color: #fff;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        margin: -10px -16px 0;
+        padding: 0 24px;
+        z-index: 10
+    }
+}
+
+@media screen and (min-width: 1600px) {
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__order {
+        margin:0 -80px 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right {
+        padding: 0 80px 25px
+    }
+}
+
+@media screen and (max-width: 1600px) {
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__order {
+        margin:0 -40px 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right {
+        padding: 0 40px 25px
+    }
+}
+
+@media only screen and (max-width: 1199.98px) {
+    .main-navigation.nav-v2 .v4.n03-expanded-support .row {
+        margin-right:-40px;
+        margin-left: -8px
+    }
+
+    html[dir='rtl'] .main-navigation.nav-v2 .v4.n03-expanded-support .row {
+        margin-right: -8px;
+        margin-left: -40px
+    }
+}
+
+@media only screen and (max-width: 767.98px) {
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__order {
+        margin:0 -16px 15px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right {
+        padding: 0 16px 25px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .row {
+        margin-right: -8px;
+        margin-left: -8px
+    }
+
+    html[dir='rtl'] .main-navigation.nav-v2 .v4.n03-expanded-support .row {
+        margin-right: -8px;
+        margin-left: -16px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right .dropdown__right-col {
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 230px;
+        -ms-flex: 1 0 230px;
+        flex: 1 0 230px;
+        max-width: 230px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right .dropdown__right-col:last-of-type {
+        padding-right: 16px;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 238px;
+        -ms-flex: 1 0 238px;
+        flex: 1 0 238px;
+        max-width: 238px
+    }
+
+    html[dir=rtl] .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__right .dropdown__right-col:last-of-type {
+        padding-left: 24px;
+        padding-right: 8px;
+        -webkit-box-flex: 1;
+        -webkit-flex: 1 0 246px;
+        -ms-flex: 1 0 246px;
+        flex: 1 0 246px;
+        max-width: 246px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__holder {
+        padding: 20px;
+        min-height: 230px
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__image-icon {
+        max-width: 80px;
+        margin-bottom: 0
+    }
+
+    .main-navigation.nav-v2 .v4.n03-expanded-support .dropdown__subtitle {
+        font-size: 12px
+    }
+}
+
+.huawei-v4 .nav-addons__link {
+    font-size: 18px
+}
+
+.huawei-v4 .login-v4-wrap .login-v4 {
+    visibility: hidden;
+    opacity: 0;
+    position: absolute;
+    top: 50px;
+    width: 224px;
+    right: -40px;
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
+    background: #fff;
+    border: 1px solid #e8e8e8;
+    -webkit-transition: .15s ease-in;
+    transition: .15s ease-in;
+    z-index: 21;
+    pointer-events: none
+}
+
+.huawei-v4 .login-v4-wrap.active .login-v4 {
+    visibility: visible;
+    opacity: 1;
+    pointer-events: auto
+}
+
+.huawei-v4 .login-v4-wrap .login-font {
+    position: relative
+}
+
+.huawei-v4 .login-v4-wrap .login-font span {
+    width: 0;
+    height: 0;
+    font-size: 0;
+    overflow: hidden;
+    position: absolute;
+    right: 44px
+}
+
+.huawei-v4 .login-v4-wrap .login-font .login-bot {
+    border-width: 10px;
+    border-style: solid dashed dashed;
+    border-color: transparent transparent #e8e8e8;
+    bottom: 1px
+}
+
+.huawei-v4 .login-v4-wrap .login-font .login-top {
+    border-width: 10px;
+    border-style: solid dashed dashed;
+    border-color: transparent transparent #fff;
+    bottom: -1px
+}
+
+.login-v4-wrap .login-v4-cnt {
+    padding: 20px 28px
+}
+
+.huawei-v4 .login-v4-wrap .login-v4-cnt li {
+    border-top: 1px solid #ececec
+}
+
+.huawei-v4 .login-v4-wrap .login-v4-cnt li a {
+    display: block;
+    padding: 16px 0;
+    font-size: 16px;
+    color: rgba(0,0,0,0.5);
+    -webkit-transition: .15s ease-in;
+    transition: .15s ease-in
+}
+
+.huawei-v4 .login-v4-wrap .login-v4-cnt li a:hover {
+    color: #000
+}
+
+.huawei-v4 .login-v4-wrap .show-login {
+    display: block
+}
+
+.huawei-v4 .login-v4-wrap .show-logout {
+    display: none
+}
+
+.huawei-v4 .login-v4-wrap.signin .show-login {
+    display: none
+}
+
+.huawei-v4 .login-v4-wrap.signin .show-logout {
+    display: block
+}
+
+.huawei-v4 .login-v4-wrap .login-v4-cnt li:first-child {
+    border-top: 0
+}
+
+.huawei-v4 .login-v4-wrap .app-sign {
+    display: none
+}
+
+.huawei-v4 .login-v4-wrap.Self-eCommerce .login-v4-cnt {
+    padding: 20px 40px
+}
+
+.huawei-v4 .v4.n01-main-navigation .login-v4-wrap.Self-eCommerce .main-nav__item,.huawei-v4 .v4.n01-main-navigation .login-v4-wrap.Fusion-eCommerce .main-nav__item {
+    margin-right: 0
+}
+
+.huawei-v4 .login-v4-wrap.Self-eCommerce .show-login li.ec-login-btn a {
+    color: #2788d9
+}
+
+.huawei-v4 .login-v4-wrap.Self-eCommerce .login-v4-cnt .show-logout .greeting-text {
+    display: none;
+    font-size: 16px;
+    font-weight: bold;
+    margin: 16px 0;
+    word-break: break-word
+}
+
+.huawei-v4 .login-v4-wrap.Self-eCommerce .login-v4-cnt .show-logout li:first-of-type {
+    border-top: 0
+}
+
+.huawei-v4 .login-v4-wrap.Self-eCommerce .login-v4-cnt li a {
+    font-size: 16px;
+    word-break: break-word
+}
+
+.huawei-v4 .shop-bag.third-party-jump {
+    margin-left: 18px
+}
+
+.huawei-v4 .shop-bag.third-party-jump a {
+    display: block
+}
+
+.huawei-v4 .shop-bag.third-party-jump .huawei-vmall {
+    border-radius: 15px;
+    border: solid 1px rgba(0,0,0,0.3);
+    padding: 0 24px;
+    -webkit-transition: .15s ease-in;
+    transition: .15s ease-in
+}
+
+.huawei-v4 .shop-bag.third-party-jump a:hover .huawei-vmall {
+    border-color: #000
+}
+
+.huawei-v4 .shop-bag.third-party-jump .huawei-vmall span {
+    font-size: 12px;
+    line-height: 28px;
+    color: #000;
+    display: inline-block
+}
+
+.huawei-v4 .shop-bag.third-party-jump .huawei-vmall .font-short {
+    display: none
+}
+
+.huawei-v4 .shop-bag.shopping-bag {
+    margin-left: 12px
+}
+
+.huawei-v4 .shop-bag.shopping-bag a {
+    display: block
+}
+
+.huawei-v4 .shop-bag.shopping-bag .huawei-bag {
+    margin-left: 0;
+    font-size: 18px
+}
+
+.v4.n01-main-navigation .login-v4-wrap.wap {
+    display: none
+}
+
+@media only screen and (max-width: 1599.98px) and (min-width:1199.98px) {
+    .huawei-v4 .login-v4-wrap .login-v4 {
+        right:-16px
+    }
+
+    .huawei-v4 .login-v4-wrap .login-font span {
+        right: 20px
+    }
+}
+
+@media only screen and (max-width: 1299.98px) and (min-width:1199.98px) {
+    .huawei-v4 .shop-bag.third-party-jump .huawei-vmall .font-long {
+        display:none
+    }
+
+    .huawei-v4 .shop-bag.third-party-jump .huawei-vmall .font-short {
+        display: inline-block
+    }
+
+    .huawei-v4 .shop-bag.third-party-jump {
+        margin-left: 10px
+    }
+
+    .huawei-v4 .shop-bag.third-party-jump .huawei-vmall {
+        padding: 0 8px
+    }
+}
+
+@media only screen and (max-width: 1199.98px) {
+    .huawei-v4 .login-v4-wrap {
+        margin-left:16px
+    }
+
+    .huawei-v4 .v4.n01-main-navigation .login-v4-wrap .login-v4-but {
+        padding-top: 6px;
+        padding-bottom: 6px;
+        font-size: 21px
+    }
+
+    .huawei-v4 .login-v4-wrap .login-v4 {
+        -webkit-transition: .6s ease-out;
+        transition: .6s ease-out;
+        position: fixed;
+        top: 60px;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        background-color: transparent;
+        box-shadow: none;
+        transform: inherit;
+        -webkit-transform: inherit;
+        border: 0;
+        pointer-events: auto;
+        border-top: 1px solid #e5e5e5
+    }
+
+    .huawei-v4 .login-v4-wrap .login-v4:after {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        background-color: rgba(0,0,0,0.4);
+        width: 100%;
+        height: 100%;
+        z-index: -1
+    }
+
+    .huawei-v4 .login-v4-wrap .login-v4-cnt {
+        background-color: #fff
+    }
+
+    .huawei-v4 .main-nav .login-v4-wrap .login-v4-cnt {
+        padding: 0
+    }
+
+    .v4.n01-main-navigation .main-nav .login-v4-wrap {
+        display: none;
+        margin-left: 0
+    }
+
+    .v4.n01-main-navigation .login-v4-wrap.Fusion-eCommerce,.v4.n01-main-navigation .login-v4-wrap.Self-eCommerce {
+        display: none
+    }
+
+    .v4.n01-main-navigation .login-v4-wrap.pc .main-nav__item {
+        position: unset;
+        opacity: unset;
+        -webkit-transform: unset;
+        transform: unset
+    }
+
+    .huawei-v4 .login-v4-wrap .login-font {
+        display: none
+    }
+
+    .huawei-v4 .login-v4-wrap .login-v4-cnt li {
+        border-top: 0;
+        border-bottom: 1px solid rgba(0,0,0,0.05)
+    }
+
+    .huawei-v4 .main-nav .login-v4-wrap .login-v4-cnt li {
+        border-bottom: 0
+    }
+
+    .huawei-v4 .login-v4-wrap .login-v4-cnt li a {
+        line-height: 16px
+    }
+
+    .huawei-v4 .login-v4-wrap.Self-eCommerce .login-v4-cnt li.ec-login-btn a {
+        color: #2788d9
+    }
+
+    .huawei-v4 .login-v4-wrap.Self-eCommerce .login-v4-cnt .show-logout .greeting-text {
+        margin: 0;
+        padding: 12px 24px;
+        line-height: 24px
+    }
+
+    .huawei-v4 .login-v4-wrap.Self-eCommerce .login-v4-cnt li a {
+        font-weight: normal;
+        line-height: 24px
+    }
+
+    .huawei-v4 .main-nav .login-v4-wrap .login-v4-cnt li:not(.ec-login-btn):not(.ec-logout-btn) a::after {
+        position: absolute;
+        content: "";
+        font-family: 'svgicons';
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        font-style: normal;
+        font-variant: normal;
+        font-weight: 700;
+        text-decoration: none;
+        text-transform: none;
+        display: inline-block;
+        line-height: 1;
+        font-size: 10px;
+        padding-left: 5px;
+        top: 19px;
+        color: #7f7f7f;
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out
+    }
+
+    .huawei-v4 .login-v4-wrap .login-v4-cnt li:last-child {
+        border-bottom: 0
+    }
+
+    .huawei-v4 .login-v4-wrap .app-sign {
+        display: block
+    }
+
+    .huawei-v4 .login-v4-wrap .signin-service {
+        display: none
+    }
+
+    .huawei-v4 .login-v4-wrap .signin-information {
+        display: none
+    }
+
+    .huawei-v4 .login-v4-wrap .login-v4-cnt li.app-sign {
+        border-top: 0
+    }
+
+    .huawei-v4 .login-v4-wrap .font-ico-profile:before {
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out;
+        opacity: 1
+    }
+
+    .huawei-v4 .login-v4-wrap.active .font-ico-profile:before {
+        opacity: 0;
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg)
+    }
+
+    .huawei-v4 .login-v4-wrap .icon-onlink-left {
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        height: 2px;
+        width: 25px;
+        border-radius: 2px;
+        background-color: #7f7f7f;
+        -webkit-transform: translate(-50%,-50%) rotate(0);
+        transform: translate(-50%,-50%) rotate(0);
+        opacity: 0
+    }
+
+    .huawei-v4 .login-v4-wrap .icon-onlink-right {
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        height: 2px;
+        width: 25px;
+        border-radius: 2px;
+        background-color: #7f7f7f;
+        -webkit-transform: translate(-50%,-50%) rotate(0);
+        transform: translate(-50%,-50%) rotate(0);
+        opacity: 0
+    }
+
+    .huawei-v4 .login-v4-wrap.active .icon-onlink-left {
+        opacity: 1;
+        -webkit-transform: translate(-50%,-50%) rotate(225deg);
+        transform: translate(-50%,-50%) rotate(225deg)
+    }
+
+    .huawei-v4 .login-v4-wrap.active .icon-onlink-right {
+        -webkit-transform: translate(-50%,-50%) rotate(-225deg);
+        transform: translate(-50%,-50%) rotate(-225deg);
+        opacity: 1
+    }
+}
+
+.v4.header .v4.n01-main-navigation .main-nav .login-v4-wrap.wap.Fusion-eCommerce,.v4.header .v4.n01-main-navigation .main-nav .login-v4-wrap.wap.Self-eCommerce {
+    margin: 0
+}
+
+.huawei-v4 .main-nav .login-v4-wrap .login-v4-cnt li:not(.ec-login-btn):not(.ec-logout-btn) a::after {
+    right: 80px
+}
+
+@media only screen and (max-width: 1600px) {
+    .huawei-v4 .main-nav .login-v4-wrap .login-v4-cnt li:not(.ec-login-btn):not(.ec-logout-btn) a::after {
+        right:40px
+    }
+}
+
+@media only screen and (max-width: 768px) {
+    .huawei-v4 .main-nav .login-v4-wrap .login-v4-cnt li:not(.ec-login-btn):not(.ec-logout-btn) a::after {
+        right:16px
+    }
+}
+
+.v4.n01-main-navigation .nav-addons .login-v4-wrap.Fusion-eCommerce {
+    cursor: pointer
+}
+
+@media only screen and (max-width: 1365px) {
+    .huawei-v4 .header.nav-v2 .login-v4-wrap {
+        margin-left:16px
+    }
+
+    .huawei-v4 .header.nav-v2 .v4.n01-main-navigation .login-v4-wrap .login-v4-but {
+        padding-top: 6px;
+        padding-bottom: 6px;
+        font-size: 21px
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .login-v4 {
+        -webkit-transition: .6s ease-out;
+        transition: .6s ease-out;
+        position: fixed;
+        top: 60px;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        background-color: transparent;
+        box-shadow: none;
+        transform: inherit;
+        -webkit-transform: inherit;
+        border: 0;
+        pointer-events: auto
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .login-v4:after {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        background-color: rgba(0,0,0,0.4);
+        width: 100%;
+        height: 100%;
+        z-index: -1
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .login-v4-cnt {
+        background-color: #fff
+    }
+
+    .huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap .login-v4-cnt {
+        padding: 0
+    }
+
+    .huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap {
+        display: none;
+        margin-left: 0
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap.Fusion-eCommerce,.huawei-v4 .header.nav-v2 .login-v4-wrap.Self-eCommerce {
+        display: none
+    }
+
+    .huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap.wap.Fusion-eCommerce,.huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap.wap.Self-eCommerce {
+        display: block;
+        padding: 0
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap.pc .main-nav__item {
+        position: unset;
+        opacity: unset;
+        -webkit-transform: unset;
+        transform: unset
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .login-font {
+        display: none
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .login-v4-cnt li {
+        border-top: 0;
+        border-bottom: 1px solid rgba(0,0,0,0.05)
+    }
+
+    .huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap .login-v4-cnt li {
+        border-bottom: 0
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .login-v4-cnt li a {
+        line-height: 16px
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap.Self-eCommerce .login-v4-cnt li.ec-login-btn a {
+        color: #2788d9
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap.Self-eCommerce .login-v4-cnt .show-logout .greeting-text {
+        margin: 0;
+        padding: 12px 24px;
+        line-height: 24px
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap.Self-eCommerce .login-v4-cnt li a {
+        font-weight: normal;
+        line-height: 24px
+    }
+
+    .huawei-v4 .header.nav-v2 .main-nav .login-v4-wrap .login-v4-cnt li:not(.ec-login-btn):not(.ec-logout-btn) a::after {
+        position: absolute;
+        content: "";
+        font-family: 'svgicons';
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        font-style: normal;
+        font-variant: normal;
+        font-weight: 700;
+        text-decoration: none;
+        text-transform: none;
+        display: inline-block;
+        line-height: 1;
+        font-size: 10px;
+        padding-left: 5px;
+        top: 19px;
+        color: #7f7f7f;
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .login-v4-cnt li:last-child {
+        border-bottom: 0
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .app-sign {
+        display: block
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .signin-service {
+        display: none
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .signin-information {
+        display: none
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .login-v4-cnt li.app-sign {
+        border-top: 0
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .font-ico-profile:before {
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out;
+        opacity: 1
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap.active .font-ico-profile:before {
+        opacity: 0;
+        -webkit-transform: rotateY(90deg);
+        transform: rotateY(90deg)
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .icon-onlink-left {
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        height: 2px;
+        width: 25px;
+        border-radius: 2px;
+        background-color: #7f7f7f;
+        -webkit-transform: translate(-50%,-50%) rotate(0);
+        transform: translate(-50%,-50%) rotate(0);
+        opacity: 0;
+        filter: invert(1)
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap .icon-onlink-right {
+        -webkit-transition: .3s ease-out;
+        transition: .3s ease-out;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        height: 2px;
+        width: 25px;
+        border-radius: 2px;
+        background-color: #7f7f7f;
+        -webkit-transform: translate(-50%,-50%) rotate(0);
+        transform: translate(-50%,-50%) rotate(0);
+        opacity: 0;
+        filter: invert(1)
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap.active .icon-onlink-left {
+        opacity: 1;
+        -webkit-transform: translate(-50%,-50%) rotate(225deg);
+        transform: translate(-50%,-50%) rotate(225deg)
+    }
+
+    .huawei-v4 .header.nav-v2 .login-v4-wrap.active .icon-onlink-right {
+        -webkit-transform: translate(-50%,-50%) rotate(-225deg);
+        transform: translate(-50%,-50%) rotate(-225deg);
+        opacity: 1
+    }
+}
\ No newline at end of file
diff --git a/src/styles/template_2/nav.css b/src/styles/template_2/nav.css
new file mode 100644
index 0000000..d14aada
--- /dev/null
+++ b/src/styles/template_2/nav.css
@@ -0,0 +1,255 @@
+#news-second-navigation-v4 {
+    position: relative;
+    top: 0;
+    z-index: 150;
+    background-color: #fff
+}
+
+#news-second-navigation-v4.stuck {
+    position: fixed
+}
+
+@supports(position:-webkit-sticky) {
+    #news-second-navigation-v4 {
+        position: -webkit-sticky
+    }
+}
+
+@supports(position:sticky) {
+    #news-second-navigation-v4 {
+        position: sticky
+    }
+}
+
+@supports(-webkit-backdrop-filter:blur(0)) {
+    #news-second-navigation-v4 {
+        background: rgba(255, 255, 255, 0.9);
+        -webkit-backdrop-filter: saturate(180%) blur(20px)
+    }
+}
+
+@supports(backdrop-filter:blur(0)) {
+    #news-second-navigation-v4 {
+        background: rgba(255, 255, 255, 0.9);
+        backdrop-filter: saturate(180%) blur(20px)
+    }
+}
+
+.v4.n06-news-second-navigation {
+    width: 100%
+}
+
+.v4.n06-news-second-navigation .product-tabs-wrap {
+    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
+    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1)
+}
+
+.v4.n06-news-second-navigation .product-link-container {
+    display: flex
+}
+
+.v4.n06-news-second-navigation .product-link_item {
+    margin: 0 15px;
+    position: relative;
+    white-space: nowrap
+}
+
+.v4.n06-news-second-navigation .product-link_item::before {
+    content: " ";
+    display: inline-block;
+    width: 2px;
+    height: 16px;
+    background-color: #000;
+    position: absolute;
+    top: 50%;
+    left: -16px;
+    transform: translateY(-50%)
+}
+
+.v4.n06-news-second-navigation .product-link_item:first-child {
+    margin-left: 0
+}
+
+.v4.n06-news-second-navigation .product-link_item:first-child::before {
+    content: none
+}
+
+.v4.n06-news-second-navigation .product-link {
+    color: #7f7f7f
+}
+
+.v4.n06-news-second-navigation .product-link:hover,
+.v4.n06-news-second-navigation .product-tabs__link:hover {
+    color: #000
+}
+
+.v4.n06-news-second-navigation .product-link__active {
+    color: #000
+}
+
+.v4.n06-news-second-navigation .product-tabs__heading {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    padding: 24px 0;
+    position: relative;
+    justify-content: space-between
+}
+
+.v4.n06-news-second-navigation .product-tabs__title {
+    margin-top: 3px;
+    font-weight: 700;
+    overflow: hidden;
+    overflow-x: auto
+}
+
+.v4.n06-news-second-navigation .product-tabs__links-container {
+    position: relative;
+    margin-left: auto;
+    margin-right: 30px
+}
+
+.v4.n06-news-second-navigation .product-tabs__links {
+    margin-top: 2px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex
+}
+
+.v4.n06-news-second-navigation .product-tabs__links-item {
+    padding: 0 16px
+}
+
+.v4.n06-news-second-navigation .product-tabs__link {
+    display: block;
+    border: 0;
+    padding: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    outline: 0;
+    padding: 0 4px;
+    font-size: 16px;
+    font-weight: 400;
+    color: #7f7f7f;
+    line-height: 1.5;
+    letter-spacing: .3px;
+    text-align: center;
+    white-space: nowrap
+}
+
+.v4.n06-news-second-navigation .product-tabs__link.product-tabs__link--active {
+    font-weight: 700;
+    color: #000;
+    letter-spacing: -0.2px;
+    cursor: default;
+    border-bottom: 2px solid #000
+}
+
+.v4.n06-news-second-navigation .product-tabs__link {
+    white-space: nowrap
+}
+
+@media only screen and (min-width:1200px) {
+    .no-touch .v4.n06-news-second-navigation .product-tabs__link:hover {
+        color: #000
+    }
+}
+
+@media only screen and (max-width:991.98px) {
+    .v4.n06-news-second-navigation .product-tabs__heading {
+        position: unset;
+        padding: 28px 0 0 0
+    }
+
+    .v4.n06-news-second-navigation .product-tabs__title {
+        width: 100%;
+        padding-bottom: 20px;
+        display: flex;
+        justify-content: space-between
+    }
+
+    .v4.n06-news-second-navigation .product-tabs__links-container {
+        position: absolute;
+        margin: 0;
+        width: 100%;
+        top: 100%;
+        left: 0;
+        display: none;
+        background-color: #fff;
+        border-top: 1px solid #e5e5e5;
+        -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
+        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1)
+    }
+
+    .v4.n06-news-second-navigation .product-tabs__links {
+        width: 100%;
+        height: auto;
+        line-height: normal;
+        padding: 30px 15% 10px;
+        display: block
+    }
+
+    .v4.n06-news-second-navigation .product-tabs__links-item {
+        padding: 0;
+        padding-right: 19px;
+        width: 100%;
+        margin-left: 0;
+        padding-bottom: 10px;
+        border-bottom: 1px solid #e0e0e0;
+        margin-bottom: 20px
+    }
+
+    .v4.n06-news-second-navigation .product-tabs__link {
+        padding-bottom: 0;
+        text-align: left
+    }
+}
+
+.v4.n06-news-second-navigation .drop-btn {
+    position: relative;
+    width: 24px;
+    height: 18px;
+    display: none;
+    transition: transform .7s;
+    transition: -webkit-transform .7s
+}
+
+.v4.n06-news-second-navigation .drop-btn.open {
+    transform: rotate(180deg)
+}
+
+.v4.n06-news-second-navigation .drop-btn::before {
+    margin-left: -5px;
+    -webkit-transform: translate(-50%, -50%) rotate(45deg);
+    transform: translate(-50%, -50%) rotate(45deg)
+}
+
+.v4.n06-news-second-navigation .drop-btn::after {
+    margin-left: 4px;
+    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
+    transform: translate(-50%, -50%) rotate(-45deg)
+}
+
+.v4.n06-news-second-navigation .drop-btn::after,
+.v4.n06-news-second-navigation .drop-btn::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 14px;
+    height: 2px;
+    border-radius: 2px;
+    background-color: #afafaf;
+    -webkit-transition: .3s ease-out;
+    transition: .3s ease-out;
+    display: block
+}
+
+@media only screen and (max-width:991.98px) {
+    .v4.n06-news-second-navigation .drop-btn {
+        display: block
+    }
+}
\ No newline at end of file
diff --git a/src/styles/template_2/style.css b/src/styles/template_2/style.css
new file mode 100644
index 0000000..8f8f65a
--- /dev/null
+++ b/src/styles/template_2/style.css
@@ -0,0 +1,718 @@
+main {
+    flex: 1;
+    padding: 5rem;
+    max-width: 1200px;
+    margin: 0 auto;
+    width: 100%;
+    box-sizing: border-box;
+    /* background: var(--background-light); */
+}
+
+.h-full {
+    height: 100%;
+}
+
+.h-auto {
+    height: auto;
+}
+
+.line {
+    /* position: absolute; */
+    width: 100%;
+    height: 1px;
+    background: #dddddd;
+    top: 0;
+    left: 0;
+    top: 50%;
+    margin-top: -1px;
+    margin-bottom: 2rem;
+}
+
+.app-read-container {
+    letter-spacing: calc(-.037em + .526px);
+    --navheight: value;
+    --sc4height: value;
+}
+
+.app-read-container img {
+    width: 100%;
+    display: block;
+    vertical-align: middle;
+}
+.app-read-container video{
+    width: 100%;
+    display: block;
+}
+
+.app-read-container a {
+    color: inherit;
+    text-decoration: none;
+}
+
+.app-read-container .show-pc {
+    display: inline-block;
+}
+
+.app-read-container .show-mob {
+    display: none;
+}
+
+.app-read-container .app-read-show-ie{
+    display: none;
+}
+
+.app-read-container .text-nowrap {
+    white-space: nowrap;
+}
+
+.app-read-container picture {
+	width: 100%;
+}
+.app-read-container .blur-up {
+	-webkit-filter: blur(3px);
+	filter: blur(3px);
+	-webkit-transition: -webkit-filter 400ms;
+	transition: -webkit-filter 400ms;
+	transition: filter 400ms;
+	transition: filter 400ms, -webkit-filter 400ms;
+}
+.app-read-container .blur-up.lazyloaded {
+	-webkit-filter: blur(0);
+	filter: blur(0);
+}
+.app-read-container .lazyload:not([src]) {
+	display: none;
+}
+
+.app-read-container .read-title {
+    color: #000;
+    font-size: 2.5vw;
+    font-weight: 700;
+    line-height: 1.6;
+
+}
+
+.app-read-container .read-text {
+    color: #767676;
+    font-size: 1.25vw;
+    font-weight: 500;
+    line-height: 1.6;
+    margin-top: 1.6666666vw;
+}
+
+.app-read-container .sc3-voice-container,
+.app-read-container .app-read-sc5,
+.app-read-container .app-read-sc6,
+.app-read-container .app-read-sc7,
+.app-read-container .app-read-sc8 
+{
+    width: 83.333333vw;
+    margin: 0 auto;
+    background-color: #f5f5f7;
+}
+
+/* kv */
+.app-read-container .app-read-sc1-kv {
+    width: 100%;
+    display: flex;
+    padding-top: 7.8645833vw;
+    padding-left: 14.01041667vw;
+    padding-bottom: 5.20833333vw;
+    box-sizing: border-box;
+}
+
+.app-read-sc1-kv .sc1-mkt-text {
+    margin-top: 4.302083333vw;
+}
+
+.app-read-sc1-kv .sc1-mkt-text img {
+    width: 10.625vw;
+}
+
+.app-read-sc1-kv .mkt-title {
+    width: 34.5vw;
+    color: #000;
+    font-size: 4.1666666vw;
+    font-weight: 500;
+    line-height: 1.25;
+    margin-top: 1.145833333vw;
+}
+
+.app-read-sc1-kv .mkt-text {
+    width: 34vw;
+    font-size: 1.25vw;
+    font-weight: 500;
+    color: #767676;
+    line-height: 1.6;
+    margin-top: 0.52083333vw;
+}
+
+
+.app-read-sc1-kv .sc1-mkt-img {
+    width: 40.67708333vw;
+    margin-left: 9.0625vw;
+}
+
+
+/* sc2 */
+.app-read-container .app-read-sc2 {
+    background-color: #f5f5f7;
+    padding-top: 8.0208333vw;
+}
+
+.app-read-sc2 .text-box {
+    width: 47.354167vw;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.app-read-sc2 .read-text {
+    text-align: left;
+    margin-left: 1.111111vw;
+}
+
+.app-read-sc2 .sc2-swiper-box {
+    margin-top: 3.52083333vw;
+    overflow: hidden;
+    padding-left: 0.83333333vw;
+    padding-bottom: 1.71875vw;
+}
+
+.app-read-sc2 .sc2-swiper-container {
+    display: flex;
+}
+
+.app-read-sc2 .sc2-swiper-warpping {
+    display: flex;
+    flex-shrink: 0;
+    flex-grow: 1;
+}
+
+.app-read-sc2 .sc2-swiper-silde {
+    width: 13.85416667vw;
+    flex-shrink: 0;
+    flex-grow: 1;
+}
+
+.app-read-sc2 .book-name {
+    font-size: 1.14583333vw;
+    font-weight: 500;
+    line-height: 1.25;
+    color: #767676;
+}
+
+@keyframes breath{
+    0% {
+        opacity: 0.4;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0.4;
+    }
+}
+@-webkit-keyframes breath{
+    0% {
+        opacity: 0.4;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0.4;
+    }
+}
+
+/* sc5 */
+.app-read-sc5 .sc5-animation-box {
+    position: relative;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    padding-top: 7.2916666vw;
+    padding-left: 15.625vw;
+    padding-bottom: 6.927083vw;
+}
+.app-read-sc5 .sc5-bg-img{
+    width : 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.app-read-sc5 .sc5-book-container{
+    width: 27.44791667vw;
+    position: relative;
+    z-index: 2;
+}
+.app-read-sc5 .read-subtitle{
+    font-size: 1.875vw;
+    line-height: 1.6;
+    font-weight: 500;
+    margin-bottom: 1.09375vw;
+}
+.app-read-sc5 .app-read-not-ie{
+    position: relative;
+    z-index: 2;
+}
+
+.app-read-sc5 .sc5-yy-img{
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    width: 32vw;
+}
+
+.app-read-sc5 .text-box {
+    width: 27.041666vw;
+    margin-left: 6.6666667vw;
+    position: relative;
+    z-index: 2;
+}
+
+/* sc6 */
+.app-read-sc6 .sc6-animation-container {
+    position: relative;
+    width:100%;
+    margin: 0 auto;
+    display: flex;
+    padding: 9.6354167vw 0 8.07291667vw;
+    padding-left: 7.39583333vw;
+    box-sizing: border-box;
+    background-color: #f5f5f7;
+}
+
+.app-read-sc6 .sc6-img-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+}
+
+.app-read-sc6 .sc6-animation-box {
+    width: 31.9791667vw;
+    position: relative;
+    z-index: 2;
+    margin-left: 13.0729167vw;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.app-read-sc6 .text-box {
+    position: relative;
+    width: 22.5vw;
+    margin-top: 1.9vw;
+    z-index: 2;
+}
+
+/* sc7 */
+.app-read-container .app-read-sc7 {
+    padding-top: 4.32291667vw;
+}
+
+.app-read-sc7 .text-box {
+    width: 40.6770833vw;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.app-read-sc7 .sc7-img-box {
+    width: 75.46875vw;
+    margin-top: 3.02083333vw;
+    margin-left: 6.5625vw;
+}
+
+
+/* sc8 */
+.app-read-container .app-read-sc8 {
+    position: relative;
+    margin-top: -3.28125vw;
+}
+
+.app-read-sc8 .sc8-content-wrapper {
+    position: absolute;
+    padding-left: 4.6875vw;
+    display: flex;
+    justify-content: space-between;
+    top: 50%;
+    transform: translate(0, -50%);
+    -webkit-transform: translate(0, -50%);
+}
+
+.app-read-sc8 .text-box {
+    width: 25.41666667vw;
+}
+
+.app-read-sc8 .read-title {
+    color: #fff;
+    line-height: 1.6;
+    margin-top: 9.375vw;
+}
+
+.app-read-sc8 .icon-container {
+    margin-left: 15.83333vw;
+    position: relative;
+}
+
+.app-read-sc8 .icon-warpper1 {
+    width: 37.5vw;
+    height: 36.0416667vw;
+    background-color: #414344;
+    opacity: 0.34;
+}
+
+.app-read-sc8 .icon-warpper2 {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    left: 0;
+    padding: 4.47916667vw 4.84375vw;
+    box-sizing: border-box;
+}
+
+.app-read-sc8 .icon-warpper2>div {
+    display: flex;
+    justify-content: space-between;
+}
+
+.app-read-sc8 .icon-item {
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.app-read-sc8 .icon-container .icon-center {
+    padding: 2.65625vw 0;
+    justify-content: center;
+}
+
+.app-read-sc8 .icon-item img {
+    width: 4.21875vw;
+}
+
+.app-read-sc8 .icon-desc {
+    font-size: 1.25vw;
+    color: #fff;
+    font-weight: 500;
+    line-height: 1.6;
+    margin-top: 1.145833333vw;
+}
+
+.app-read-sc8 .read-ps{
+    font-size: 12px;
+    line-height: 1.6;
+    font-weight: 400;
+    color: #737171;
+    margin-top: 0.520833vw;
+    text-align: right;
+    padding-right: 5.208333vw;
+}
+
+@media screen and (min-width: 1920px){
+    .app-read-sc8 .read-ps{
+        font-size: 0.625vw;
+    }
+}
+/* mob */
+@media screen and (orientation:portrait) and (max-width: 1024px) and (max-device-width:1024px),
+(max-width: 1023px) {
+    .app-read-container {
+        background-color: #f5f5f7;
+    }
+    .app-read-container .show-pc{
+        display: none;
+    }
+    .app-read-container .show-mob{
+        display: block;
+    }
+    .app-read-container .read-title {
+        font-size: 4.44444445vw;
+    }
+
+    .app-read-container .read-text {
+        font-size: 3.3333333vw;
+        margin-top: 5.55555556vw;
+    }
+
+    .app-read-container .sc3-voice-container,
+    .app-read-container .app-read-sc5,
+    .app-read-container .app-read-sc6,
+    .app-read-container .app-read-sc7,
+    .app-read-container .app-read-sc8 {
+        width: 100%;
+    }
+
+    /* kv */
+    .app-read-container .app-read-sc1-kv {
+        width: 100%;
+        display: flex;
+        flex-flow: column;
+        padding-top: 13.19444444vw;
+        padding-left: 7.6388889vw;
+        padding-bottom: 6.38888889vw;
+        background-color: #fff;
+        overflow: hidden;
+    }
+
+    .app-read-sc1-kv .sc1-mkt-text {
+        margin-top: 0;
+    }
+
+    .app-read-sc1-kv .sc1-mkt-text img {
+        width: 18.3333333vw;
+    }
+
+    .app-read-sc1-kv .mkt-title {
+        width: 83.333333vw;
+        font-size: 5.83333333vw;
+        margin-top: 3vw;
+    }
+
+    .app-read-sc1-kv .mkt-text {
+        width: 82.333333vw;
+        font-size: 3.3333333vw;
+        margin-top: 5.5555556vw;
+    }
+
+    .app-read-sc1-kv .sc1-mkt-img {
+        width: 90.41666667vw;
+        margin-top: 6.80555556vw;
+        margin-left: 3.47222222vw;
+    }
+
+    /* sc2 */
+    .app-read-container .app-read-sc2 {
+        padding-top: 16.666667vw;
+    }
+
+    .app-read-sc2 .text-box {
+        width: 100%;
+        text-align: center;
+    }
+
+    .app-read-sc2 .read-text {
+        width: 84.0277778vw;
+        text-align: center;
+        margin: 0 auto;
+        margin-top: 5.55555556vw;
+    }
+
+    .app-read-sc2 .sc2-swiper-box {
+        margin-top: 10.34722222vw;
+        padding-left: 0;
+        padding-bottom: 7.361111111vw;
+    }
+
+    .app-read-sc2 .sc2-swiper-container {
+        display: flex;
+    }
+
+    .app-read-sc2 .sc2-swiper-warpping {
+        display: flex;
+    }
+
+    .app-read-sc2 .sc2-swiper-silde {
+        width: 20.69444444vw;
+        flex-shrink: 0;
+        flex-grow: 1;
+    }
+
+    .app-read-sc2 .book-name {
+        font-size: 3.3333333vw;
+    }
+
+    /* sc5 */
+    .app-read-sc5 .sc5-animation-box {
+        width: 100%;
+        display: flex;
+        flex-flow: column-reverse;
+        justify-content: center;
+        padding: 0;
+        padding-top: 8.75vw;
+        padding-bottom: 18.3333333vw;
+    }
+
+    .app-read-sc5 .text-box {
+        width: 90.52777778vw;
+        margin: 0 auto;
+        text-align: center;
+    }
+    .app-read-sc5 .read-subtitle{
+        font-size: 3.33333333vw;
+    }
+    .app-read-sc5 .read-title{
+        margin-top: 5.55555556vw;
+    }
+
+    .app-read-sc5 .read-text {
+        width: 53.9444444vw;
+        margin: 0 auto;
+        margin-top: 5.5555556vw;
+    }
+
+    .app-read-sc5 .sc5-book-container {
+        width: 48.19444444vw;
+        height: 59.72222222vw;
+        margin: 0 auto;
+        margin-top: 16.666667vw;
+    }
+
+    .app-read-sc5 .sc5-yy-img{
+        width: 60vw;
+    }
+
+    /* sc6 */
+    .app-read-sc6 .sc6-animation-container {
+        position: relative;
+        width: 100%;
+        display: flex;
+        flex-flow: column;
+        align-items: center;
+        justify-content: center;
+        padding: 0;
+        padding-top: 16.666667vw;
+        padding-bottom: 19.1666667vw
+    }
+
+    .app-read-sc6 .text-box {
+        width: 78.6111111vw;
+        text-align: center;
+        margin-top: 0;
+    }
+
+    .app-read-sc6 .read-text {
+        width: 70.972222vw;
+        margin: 0 auto;
+        margin-top: 5.55555556vw;
+    }
+
+    .app-read-sc6 .sc6-animation-box {
+        width: 57.6388889vw;
+        margin-top: 6.25vw;
+        margin-left: 0;
+    }
+
+    /* sc7 */
+    .app-read-container .app-read-sc7 {
+        padding-top: 16.666667vw;
+    }
+
+    .app-read-sc7 .text-box {
+        width: 71.25vw;
+        margin: 0 auto;
+        text-align: center;
+    }
+
+    .app-read-sc7 .read-text {
+        width: 47.0833333vw;
+        margin: 0 auto;
+        margin-top: 5.55555556vw;
+    }
+
+    .app-read-sc7 .sc7-img-box {
+        width: 91.3888889vw;
+        margin-top: 6.1111111vw;
+        margin-left: 8.19444444vw;
+    }
+
+    /* sc8 */
+    .app-read-container .app-read-sc8 {
+        position: relative;
+        margin-top: 2.5vw;
+    }
+
+    .app-read-sc8 .sc8-content-wrapper {
+        padding-left: 5vw;
+    }
+
+    .app-read-sc8 .text-box {
+        width: 34.7222222vw;
+    }
+
+    .app-read-sc8 .read-title {
+        margin-top: 13.75vw;
+        font-size: 3.33333333vw;
+    }
+
+    .app-read-sc8 .icon-container {
+        margin-left: 13.333333vw;
+        position: relative;
+    }
+
+    .app-read-sc8 .icon-warpper1 {
+        width: 46.9444444vw;
+        height: 45.138889vw;
+        background-color: #414344;
+        opacity: 0.34;
+    }
+
+    .app-read-sc8 .icon-warpper2 {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        z-index: 2;
+        top: 0;
+        left: 0;
+        padding: 5.5555556vw 5.97222222vw;
+        box-sizing: border-box;
+    }
+
+    .app-read-sc8 .icon-warpper2>div {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .app-read-sc8 .icon-container .icon-center {
+        padding: 3.33333333vw 0;
+        justify-content: center;
+    }
+
+    .app-read-sc8 .icon-item img {
+        width: 5.1388888vw;
+    }
+    .app-read-sc8 .icon-desc{
+        font-size: 2vw;
+    }
+
+    .app-read-sc8 .read-ps{
+        margin-top: 1.388889vw;
+        font-size: 3.3333333vw;
+        padding-right: 2.7777778vw;
+    }
+}
+
+
+/* zdp */
+@media screen and (min-device-aspect-ratio:10/13) and (max-device-aspect-ratio:127/100){
+
+}
+
+
+/* ie */
+@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
+    .app-read-container .app-read-not-ie{
+        display: none;
+    }
+
+    .app-read-container .app-read-show-ie{
+        display: block;
+    }
+    .app-read-sc5 .app-read-show-ie{
+        position: relative;
+        z-index: 2;
+    }
+    .app-read-sc6 .sc6-animation-container{
+        padding-top: 8.4vw;
+    }
+    .app-read-sc6 .text-box{
+        width: 23.5vw;
+    }
+}
diff --git a/utils/config.ts b/utils/config.ts
new file mode 100644
index 0000000..ae56198
--- /dev/null
+++ b/utils/config.ts
@@ -0,0 +1,82 @@
+import type { IWebsiteConfig } from "./rpc";
+
+export function getConfig(Astro: any):IWebsiteConfig
+{
+    return Astro.locals.template_config;
+}
+
+// 取默认的配置
+export function getExtra()
+{
+    return {
+        index: {
+            sc1: {
+                homepage: ''
+            },
+            sc2: {
+                reaad_title: '全球 220 万 + 册优质图书和精品有声内容',
+                reaad_text: '覆盖经典出版物、爆款原创网文、热门有声书、独家大咖精品课等全品类阅读内容，满足用户多元化阅读需求，持续、快速更新海量内容库，定期推出不同的免费内容',
+            },
+            sc3: {
+                // swiper
+                swiper: [
+                    {
+                        url: '/template_2/index/book-cover-chenai.webp',
+                        name: '尘埃落定',
+                    },{
+                        url: '/template_2/index/book-cover-chali.webp',
+                        name: '穷查理宝典'
+                    },{
+                        url: '/template_2/index/book-cover-daming.webp',
+                        name: '大明王朝',
+                    },{
+                        url: '/template_2/index/book-cover-fancui.webp',
+                        name: '反脆弱',
+                    },{
+                        url: '/template_2/index/book-cover-qiren.webp',
+                        name: '俗世奇人',
+                    },{
+                        url: '/template_2/index/book-cover-wenhua.webp',
+                        name: '文化苦旅',
+                    },{
+                        url: '/template_2/index/book-cover-yuanze.webp',
+                        name: '原则',
+                    },{
+                        url: '/template_2/index/book-cover-zero.webp',
+                        name: '从0到1',
+                    }
+                ]
+            },
+            sc5: {
+                img_box: '/template_2/index/paper-translation.webp',
+                read_subtitle: '墨水平板 沉浸专注 跃然纸上',
+                read_title: '超 50 种语言一键翻译，原文 + 译文对照阅读',
+                read_text: '支持简繁字转换及超 50 种外文语言<br />互译，为用户打破阅读屏障',
+            },
+            sc6: {
+                read_title: '纸感阅读健康护眼，落笔生花记录灵感',
+                read_text: '还原真实自然的纸质书籍阅读体验，<br class="show-pc" />自适应环境调节背光亮度；边看边记，<br class="show-pc" />随时记录阅读灵感<br class="show-mob" />和精彩片段，<br class="show-pc" />笔记分类，便捷<span class="text-nowrap">高效</span>',
+                img_box: '/template_2/index/paper-notation-eyecare.webp'
+            },
+            sc7: {
+                read_title: '跨设备自由流转，阅读进度无缝接续',
+                read_text: '手机、平板、穿戴等设备阅、听无缝链接，让体验更畅快',
+                img_box: '/template_2/index/bookshelf-pc.webp'
+            },
+            sc8: {
+                read_title: '海量书籍、专享折扣、各种福利活动持续上新，让用户畅读好书',
+                img_box: '/template_2/index/opening-pc.webp',
+                icon1: '/template_2/index/opening-id-icon.svg',
+                icon1_text: 'VIP 身份标识',
+                icon2: '/template_2/index/opening-fiction-icon.svg',
+                icon2_text: 'VIP 网络小说',
+                icon3: '/template_2/index/opening-welfare-icon.svg',
+                icon3_text: 'VIP 专属福利',
+                icon4: '/template_2/index/opening-book1-icon.svg',
+                icon4_text: 'VIP 出版书籍',
+                icon5: '/template_2/index/opening-book2-icon.svg',
+                icon5_text: 'VIP 有声书籍',
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/utils/const.ts b/utils/const.ts
new file mode 100644
index 0000000..dd0f050
--- /dev/null
+++ b/utils/const.ts
@@ -0,0 +1,13 @@
+
+// ----- 栏目 -----
+export const TP2_COLUMN_NEWS = '新闻专栏'
+export const TP2_COLUMN_NEWS_URL = '/news'
+
+export const TP2_COLUMN_ABOUT_US = '关于我们'
+export const TP2_COLUMN_ABOUT_US_URL = '/about-us'
+
+export const TP2_COLUMN_CONTACT_US = '联系我们'
+export const TP2_COLUMN_CONTACT_US_URL = '/contact-us'
+
+export const TP2_COLUMN_PROTECT = '未成年人及老年人保护'
+export const TP2_COLUMN_PROTECT_URL = '/protect'
\ No newline at end of file
diff --git a/utils/image.ts b/utils/image.ts
new file mode 100644
index 0000000..e69de29
diff --git a/utils/rpc.ts b/utils/rpc.ts
index cc3ed66..7451626 100644
--- a/utils/rpc.ts
+++ b/utils/rpc.ts
@@ -74,11 +74,13 @@ export async function newsDetail(id:string):Promise<result<InewsDetail>>{
 export interface IWebsiteConfig {
     app_name: string
     app_description: string
+    app_keywords: string
     app_company: string
     app_logo: string
     app_favicon: string
     app_copyright: string
     app_icp: string
+    app_biling: string
 }
 export async function websiteConfig(host:string):Promise<result<IWebsiteConfig>>{
     const client = getRpcClient()