Merge branch 'dev' of https://gitea.f2b211.com/jsasg/orico-official-website into dev

app/index/lang/en-us/mobile.php

@@ -179,6 +179,24 @@ return [
         '配套软件' => 'Software',
     ],
 
+    // nas主题 - 客户合作页
+    'topicnas/cooperation' => [
+        '成为ORICO合作伙伴' => 'Be an ORICO partner',
+        '合作伙伴招募' => 'Partner recruitment',
+        '广告代理' => 'Advertising Agency',
+        '抖音销售' => 'Douyin Sales',
+        '代理经销合作' => 'Proxy and distribution cooperation',
+        'ODM合作' => 'ODM cooperation',
+        '合作优势' => 'Cooperation advantages',
+        '期待与您的合作' => 'Looking forward to working with you'
+    ],
+
+    // nas主题 - 下载页
+    'topicnas/download' => [
+        'CyberData赛博云空间' => 'CyberData',
+        'Weline微链接' => 'Weline'
+    ],
+
     // nas主题 - 帮助页
     'topicnas/help' => [
         '帮助中心' => 'Quick Start Guide',

app/index/view/mobile/topic_nas/cooperation.html

@@ -0,0 +1,65 @@
+{extend name="public/base" /}
+{block name="style"}
+<link rel="stylesheet" href="__CSS__/topic_nas_cooperation.css">
+{/block}
+{block name="main"}
+<div class="oricoEGapp">
+    <div class="narshzhbMbpage">
+        <!-- banner -->
+        {notempty name="focus_image"}
+        <div class="narshzhb-banner" style="margin-top: 13%; background: url({$focus_image.image});background-repeat: no-repeat;background-size: 100% 100%;">
+            <div class="narshzhb-banner-content">
+                <span class="t1">{:lang_i18n('成为ORICO合作伙伴')}</span>
+                <h2><strong style="color: #004BFA;">NAS</strong>{:lang_i18n('合作伙伴招募')}</h2>
+                <div class="narshzhb-banner-btct">
+                    <span>{:lang_i18n('广告代理')}</span>
+                    <span>{:lang_i18n('抖音销售')}</span>
+                    <span>{:lang_i18n('代理经销合作')}</span>
+                    <span>{:lang_i18n('ODM合作')}</span>
+                </div>
+            </div>
+        </div>
+        {/notempty}
+        <!-- top 介绍 -->
+        {notempty name="cooperation_methods"}
+        {volist name="cooperation_methods" id="method" key="idx"}
+        <div class="narshzhbmb-cttop-it {neq name='idx' value='1'}narshzhbmb-cttop-it2{/neq}">
+            <img src="{$method.image}">
+            <div class="cts" {:style(['color' => $method.desc_txt_color])}>{$method.desc|raw}</div>
+            {eq name="idx" value="1"}
+            <h2 {:style(['color' => $method.title_txt_color])}>{$method.title}</h2>
+            {/eq}
+        </div>
+        {/volist}
+        {/notempty}
+        {notempty name="cooperation_advantages"}
+        <h2 class="narshzhb-title">{:lang_i18n('合作优势')}</h2>
+        {assign name="cooperation_advantages_chunk" value=":array_chunk($cooperation_advantages, 2)" /}
+        {volist name="cooperation_advantages_chunk" id="adv"}
+        <div class="narshzhbmb-rowits">
+            {volist name="adv" id="it"}
+            <div class="narshzhbmb-item">
+                <img src="{$it.image}" class="hzhbappico">
+                <h3 class="hzhbapptitle" {:style(['color' => $it.title_txt_color])}>{$it.title}</h3>
+                <div class="srt" {:style(['color' => $it.desc_txt_color])}>{$it.desc|raw}</div>
+            </div>
+            {/volist}
+        </div>
+        {/volist}
+        {/notempty}
+        <!-- 期待与您的合作 -->
+        {notempty name="cooperation_cotacts"}
+        <h2 class="narshzhb-title">{:lang_i18n('期待与您的合作')}</h2>
+        {assign name="cooperation_cotacts_flat" value=":array_flatten($cooperation_cotacts)" /}
+        {volist name="cooperation_cotacts_flat" id="ct" key="idx"}
+        <div class="narshzhbmb-rowits">
+            <div class="narshzhbmb-item narshzhbmb-item2">
+                <img src="{$ct.image}" class="hzhbappico">
+                <span class="srt" {:style(['color'=>$ct.title_txt_color])}>{$ct.title}</span>
+            </div>
+        </div>
+        {/volist}
+        {/notempty}
+    </div>
+</div>
+{/block}

app/index/view/mobile/topic_nas/download.html

@@ -0,0 +1,86 @@
+{extend name="public/base" /}
+{block name="style"}
+<link rel="stylesheet" href="__CSS__/topic_nas_download.css" />
+{/block}
+{block name="main"}
+<div class="oricoEGapp">
+    <div class="narsDowloadPc">
+        <div class="narsDtabs">
+            {egt name=":count($data)" value="2"}
+            {notempty name="data.cyber"}
+            <div class="narsDtabIt narsDtabIt_active">{:lang_i18n('CyberData赛博云空间')}</div>
+            {/notempty}
+            {notempty name="data.weline"}
+            <div class="narsDtabIt">{:lang_i18n('Weline微链接')}</div>
+            {/notempty}
+            {/egt}
+        </div>
+        <!-- 赛博云 -->
+        {notempty name="data.cyber"}
+        <div class="nDtopCtMian narssbshow" style="display: block;">
+            {notempty name="data.cyber.focus_image"}
+            <div class="nDtopIt">
+                <img src="{$data.cyber.focus_image.image}" class="tpimg">
+            </div>
+            {/notempty}
+            {notempty name="data.cyber.down_items"}
+            <div class="nDtopIt2">
+                {volist name="data.cyber.down_items" id="it" length="4"}
+                <a class="nDitImg" {notempty name="it.link"}href="{$it.link}"{/notempty}>
+                    <div class="nDitImg"><img src="{$it.image}"></div>
+                    {eq name=":cookie('think_lang')" value="en-us"}
+                    <div class="yy_name" {:style(['color'=>$it.title_txt_color])}>{$it.title}</div>
+                    <div class="dwbt">Download</div>
+                    {/eq}
+                </a>
+                {/volist}
+            </div>
+            {volist name="data.cyber.down_items" id="it" offset="4"}
+            <a {notempty name="it.link"}href="{$it.link}"{/notempty}>
+                <div class="nDitImg nrowimg" style="margin-bottom: 25px;">
+                    <img src="{$it.image}">
+                </div>
+            </a>
+            {/volist}
+            {/notempty}
+        </div>
+        {/notempty}
+        <!-- 微链接 -->
+        {notempty name="data.weline"}
+        <div class="nDtopCtMian narswljshow">
+            {notempty name="data.weline.focus_image"}
+            <div class="nDtopIt">
+                <img src="{$data.weline.focus_image.image}" class="tpimg">
+            </div>
+            {/notempty}
+            {notempty name="data.weline.down_items"}
+            <div class="nDtopIt2" style="margin-bottom: 25px;">
+                {volist name="data.weline.down_items" id="it"}
+                <a class="nDitImg" {notempty name="it.link"}href="{$it.link}"{/notempty}>
+                    <div class="nDitImg"><img src="{$it.image}"></div>
+                </a>
+                {/volist}
+            </div>
+            {/notempty}
+        </div>
+        {/notempty}
+    </div>
+</div>
+{/block}
+{block name="script"}
+<script type="text/javascript">
+    $(document).ready(function () {
+        $('.narsDtabIt').click(function () {
+            $('.narsDtabIt').removeClass('narsDtabIt_active');
+            $(this).addClass('narsDtabIt_active');
+            if ($(this).index() === 0) {
+                $('.narssbshow').show();
+                $('.narswljshow').hide();
+            } else {
+                $('.narssbshow').hide();
+                $('.narswljshow').show();
+            }
+        });
+    });
+</script>
+{/block}

app/index/view/mobile/topic_nas/product.html

@@ -0,0 +1,58 @@
+{extend name="public/base" /}
+{block name="style"}
+<link rel="stylesheet" type="text/css" href="__CSS__/topic_nas_product.css" />
+{/block}
+{block name="main"}
+<div class="narsZTPC">
+    <div class="nZTtopCtMian narssbshow">
+        {notempty name="focus_image"}
+        <a {notempty name="focus_image.link"}href="{$focus_image.link}"{/notempty}>
+            <img src="{$focus_image.image}" class="narsZCimg">
+        </a>
+        {/notempty}
+        {notempty name="step"}
+        <div class="narsZTicos">
+            {volist name="step" id="st"}
+            <div class="nztit">
+                <img src="{$st.image}" class="narsicimg">
+                <span class="narsstep">{$st.title}</span>
+                <span class="narszttext">{$st.desc|raw}</span>
+            </div>
+            {/volist}
+        </div>
+        {/notempty}
+        {notempty name="trial_instructions"}
+        <div class="narsZTinfo">
+            <div class="nztif-left">
+                {volist name="trial_instructions" id="trial" offset="0" length="2"}
+                <div class="narsztewmit">
+                    <a {notempty name="trial.link"}href="{$trial.link}" target="_blank"{/notempty}>
+                        <img src="{$trial.image}" class="nztewmimg">
+                    </a>
+                    <p {:style(["color"=>$trial.title_txt_color])}>{$trial.title}</p>
+                    <span {:style(["color"=>$trial.desc_txt_color])}>{$trial.desc|raw}</span>
+                </div>
+                {/volist}
+            </div>
+            <div class="nztif-right">
+                {notempty name="trial_instructions.2"}
+                <span class="sysmtxt" {:style(["color"=>$trial_instructions.2.title_txt_color])}>
+                    {$trial_instructions.2.title|default=''}
+                </span>
+                <div class="sminfo" {:style(["color"=>$trial_instructions.2.desc_txt_color])}>
+                    {$trial_instructions.2.desc|raw|default=''}
+                </div>
+                {/notempty}
+                <div class="nztbzyj">
+                    {volist name="trial_instructions" id="trial" offset="3"}
+                    <a {notempty name="trial.link"}href="{$trial.link}" target="_blank"{/notempty}>
+                        <span {:style(["color"=>$trial.title_txt_color])}>{$trial.title}</span>
+                    </a>
+                    {/volist}
+                </div>
+            </div>
+        </div>
+        {/notempty}
+    </div>
+</div>
+{/block}

app/index/view/pc/about_us/mileage.html

@@ -1,6 +1,6 @@
 {extend name="public/base" /}
 {block name="style"}
-<link rel="stylesheet" href="__CSS__/achievement.css" />
+<link rel="stylesheet" href="__CSS__/aboutus_mileage.css" />
 {/block}
 {block name="main"}
 <div class="orico_Page_achievement">

app/index/view/pc/about_us/story.html

@@ -1,6 +1,6 @@
 {extend name="public/base" /}
 {block name="style"}
-<link rel="stylesheet" href="__CSS__/brand.css" />
+<link rel="stylesheet" href="__CSS__/aboutus_story.css" />
 {/block}
 {block name="main"}
 <div class="orico_Page_brand">

app/index/view/pc/article/index.html

@@ -1,6 +1,6 @@
 {extend name="public/base" /}
 {block name="style"}
-<link rel="stylesheet" type="text/css" href="__CSS__/article_category.css" />
+<link rel="stylesheet" type="text/css" href="__CSS__/article_index.css" />
 {/block}
 {block name="main"}
 <div class="orico_Page_category">

app/index/view/pc/attachment/index.html

@@ -1,6 +1,6 @@
 {extend name="public/base" /}
 {block name="style"}
-<link rel="stylesheet" href="__CSS__/download.css" />
+<link rel="stylesheet" href="__CSS__/attachment_index.css" />
 {/block}
 {block name="main"}
 <div class="orico_Page_download">

app/index/view/pc/attachment/video.html

@@ -1,6 +1,6 @@
 {extend name="public/base" /}
 {block name="style"}
-<link rel="stylesheet" href="__CSS__/download.css" />
+<link rel="stylesheet" href="__CSS__/attachment_index.css" />
 {/block}
 {block name="main"}
 <div class="orico_Page_download">

public/static/index/mobile/css/topic_nas_cooperation.css

@@ -0,0 +1,169 @@
+.narshzhbMbpage {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    overflow-y: auto;
+    background: #fafafa;
+}
+
+.narshzhbMbpage .narshzhb-banner {
+    width: 100%;
+    height: 8.5625rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: #3e3a39;
+}
+
+.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content {
+    min-width: 20rem;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 3rem;
+    margin-bottom: 0.7rem;
+}
+
+.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .t1 {
+    font-size: 0.875rem;
+    padding-bottom: 0.2rem;
+    font-weight: 500;
+}
+
+.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content h2 {
+    font-size: 1.25rem;
+    color: #3e3a39;
+    padding-bottom: 1rem;
+    font-weight: 600;
+}
+
+.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    margin: 0 2rem;
+    color: #3e3a39;
+    font-size: 0.75rem;
+    line-height: 1.1875rem;
+    font-weight: 500;
+}
+
+.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span {
+    margin-right: 2rem;
+}
+
+.narshzhbMbpage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span:last-child {
+    margin-right: 0;
+}
+
+.narshzhbMbpage .narshzhbmb-cttop-it {
+    margin: 1.25rem;
+    display: flex;
+    flex-direction: column;
+    min-width: 20rem;
+}
+
+.narshzhbMbpage .narshzhbmb-cttop-it .hzhbapp1 {
+    width: 100%;
+    height: auto;
+}
+
+.narshzhbMbpage .narshzhbmb-cttop-it .cts {
+    padding-top: 1.5625rem;
+    font-size: 0.75rem;
+    padding-bottom: 0.625rem;
+    color: #595757;
+    line-height: 1.25rem;
+}
+
+.narshzhbMbpage .narshzhbmb-cttop-it h2 {
+    color: #004bfa;
+    font-size: 1rem;
+    padding-bottom: 1.875rem;
+}
+
+.narshzhbMbpage .narshzhbmb-cttop-it2 {
+    background: #fff;
+    margin-bottom: 0.625rem;
+}
+
+.narshzhbMbpage .narshzhbmb-cttop-it2 .cts2 {
+    margin: 1.1875rem;
+    margin-top: 0.75rem;
+    padding-top: 0;
+}
+
+.narshzhbMbpage .narshzhb-title {
+    min-width: 20rem;
+    text-align: center;
+    font-size: 1.125rem;
+    color: #3E3A39;
+    padding-bottom: 1.25rem;
+    padding-top: 2.5rem;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits {
+    min-width: 20rem;
+    margin: 0 1.25rem;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    margin-bottom: 2%;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item {
+    width: 49%;
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item .hzhbappico {
+    margin: 0 auto;
+    width: 2.5rem;
+    height: 2.5rem;
+    margin-top: 1.1875rem;
+    margin-bottom: 0.875rem;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item .hzhbapptitle {
+    margin: 0 auto;
+    color: #3E3A39;
+    font-size: 0.875rem;
+    padding-bottom: 0.4375rem;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item .srt {
+    margin: 0 1.25rem;
+    font-size: 0.625rem;
+    line-height: 1rem;
+    margin-bottom: 2rem;
+    color: #595757;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item2 {
+    width: 100%;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits .narshzhbmb-item2 .srt {
+    text-align: center;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits2 .narshzhbmb-item {
+    width: 100%;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits2 .hzhbappew {
+    width: 4.375rem;
+    height: 4.5rem;
+    margin-top: 1.25rem;
+    margin-bottom: 0.625rem;
+}
+
+.narshzhbMbpage .narshzhbmb-rowits2 .srt {
+    text-align: center;
+}

public/static/index/mobile/css/topic_nas_download.css

@@ -0,0 +1,117 @@
+.header {
+    color: #fff;
+}
+
+.narsDowloadPc {
+    /*height: 100vh;*/
+    background: #F5F5F5;
+    /*position: relative;*/
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+}
+
+.narsDowloadPc .narsDtabs {
+    margin: 0 1.25rem;
+    margin-top: 7rem;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    height: 2.625rem;
+}
+
+.narsDowloadPc .narsDtabs .narsDtabIt {
+    color: #001717;
+    font-size: 1rem;
+    height: 2.625rem;
+    line-height: 2.625rem;
+    width: 25rem;
+    background: #fff;
+    text-align: center;
+    border-radius: 28px;
+    cursor: pointer;
+}
+
+.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
+    margin-right: 0.9375rem;
+}
+
+.narsDowloadPc .narsDtabs .narsDtabIt_active {
+    color: #fff;
+    background: #004CFA;
+}
+
+.narsDowloadPc .narsDmainConten {
+    margin: 0 1.25rem;
+    background: #fff;
+    margin-bottom: 10px;
+    position: relative;
+}
+
+.narsDowloadPc .nDtopCtMian {
+    padding-top: 1.25rem;
+    position: relative;
+    overflow: hideen;
+    margin: 0 1.25rem;
+    height: auto;
+}
+
+.narsDowloadPc .nDtopCtMian .nDtopIt {
+    width: 100%;
+    background: #fff;
+    margin-bottom: 10px;
+    box-sizing: border-box;
+}
+
+.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+    width: 100%;
+    height: 100%;
+}
+
+.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+    width: 100%;
+    height: 100%;
+}
+
+.narsDowloadPc .nDtopCtMian .nDtopIt2 {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+
+.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
+    width: 48.5%;
+    background: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    margin-bottom: 0.625rem;
+}
+
+.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
+    width: 6.25rem;
+    height: 6.25rem;
+    padding: 1.25rem;
+}
+
+.narswljshow {
+    display: none;
+}
+
+.narswljshow .nDtopIt2 .nDitImg {
+    /* width: 291px !important; */
+}
+
+.narssbshow .nrowimg {
+    width: 100%;
+    background: #fff;
+    display: flex;
+    justify-content: center;
+}
+
+.narssbshow .nrowimg img {
+    width: 50%;
+    height: 50%;
+}

public/static/index/mobile/css/topic_nas_product.css

@@ -0,0 +1,179 @@
+.narsZTPC {
+    width: 100%;
+    min-height: 100vh;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+}
+
+.narsZTPC .nZTabs {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    margin: 2.5rem auto;
+}
+
+.narsZTPC .nZTabs .nZTabIt {
+    color: #001717;
+    font-size: 18px;
+    height: 3.25rem;
+    line-height: 3.25rem;
+    padding: 0 3.125rem;
+    background: #fff;
+    text-align: center;
+    border-radius: 28px;
+    cursor: pointer;
+    border: 1px solid #001717;
+}
+
+.narsZTPC .nZTabs .nZTabIt:first-child {
+    margin-right: 6.25rem;
+}
+
+.narsZTPC .nZTabs .nZTabIt_active {
+    border: 1px solid #004cfa;
+    color: #fff;
+    background: #004cfa;
+}
+
+.narsZTPC .nZTtopCtMian {
+    width: 100%;
+    margin: 0 auto;
+    height: auto;
+}
+
+.narsZTPC .nZTtopCtMian .narsZCimg {
+    width: 100%;
+    height: auto;
+    margin-top: 13%;
+}
+
+.narsZTPC .nZTtopCtMian .narsZTicos {
+    width: 90%;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: 50px 0;
+}
+
+.narsZTPC .nZTtopCtMian .narsZTicos .nztit {
+    width: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    margin-bottom: 15%;
+}
+
+.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsicimg {
+    width: 45px;
+    height: 45px;
+    margin-bottom: 10px;
+}
+
+.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsstep {
+    color: #685557;
+    padding: 0.625rem 0;
+    font-size: 12px;
+}
+
+.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narszttext {
+    color: #2d2c2c;
+    font-size: 14px;
+    font-weight: bold;
+}
+
+.narswljshow {
+    display: none;
+}
+
+.nZTtopCtMian .narsZTinfo {
+    width: 90%;
+    background: #f5f5f7;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    margin: 0 auto;
+    margin-bottom: 15%;
+    padding-bottom: 45px;
+    padding-top: 15px;
+}
+
+.nZTtopCtMian .narsZTinfo .nztif-left {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    margin-top: 30px;
+    margin-bottom: 50px;
+}
+
+.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    text-align: center;
+    width: 45%;
+    align-items: center;
+}
+
+.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit .nztewmimg {
+    width: 100px;
+    height: 100px;
+    margin-bottom: 1rem;
+}
+
+.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit p {
+    font-weight: bold;
+    font-size: 14px;
+    color: F5F5F7;
+    padding-bottom: 0.5rem;
+}
+
+.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit span {
+    font-size: 12px;
+}
+
+.nZTtopCtMian .narsZTinfo .nztif-right {
+    display: flex;
+    flex-direction: column;
+    width: 85%;
+    margin: 0 auto;
+}
+
+.nZTtopCtMian .narsZTinfo .nztif-right .sysmtxt {
+    font-size: 14px;
+    color: #001717;
+    padding-bottom: 1.25rem;
+    font-weight: 700;
+}
+
+.nZTtopCtMian .narsZTinfo .nztif-right .sminfo {
+    display: flex;
+    flex-direction: column;
+    font-size: 14px;
+    color: #001717;
+    padding-bottom: 20px;
+}
+
+.nZTtopCtMian .narsZTinfo .nztif-right .sminfo span {
+    padding-bottom: 8px;
+    font-size: 12px;
+}
+
+.nztbzyj {
+    display: flex;
+    flex-direction: row;
+}
+
+.nztbzyj a {
+    font-size: 12px;
+    color: #2d2c2c;
+    padding-bottom: 2px;
+    border-bottom: 1px solid #cbcbcd;
+    margin-right: 4.5rem;
+}