Merge branch 'dev' of https://gitea.f2b211.com/jsasg/orico-official-website into dev
This commit is contained in:
迷和油
@@ -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',
|
||||
|
||||
65
app/index/view/mobile/topic_nas/cooperation.html
Normal file
65
app/index/view/mobile/topic_nas/cooperation.html
Normal file
@@ -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}
|
||||
86
app/index/view/mobile/topic_nas/download.html
Normal file
86
app/index/view/mobile/topic_nas/download.html
Normal file
@@ -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}
|
||||
58
app/index/view/mobile/topic_nas/product.html
Normal file
58
app/index/view/mobile/topic_nas/product.html
Normal file
@@ -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}
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
169
public/static/index/mobile/css/topic_nas_cooperation.css
Normal file
169
public/static/index/mobile/css/topic_nas_cooperation.css
Normal file
@@ -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;
|
||||
}
|
||||
117
public/static/index/mobile/css/topic_nas_download.css
Normal file
117
public/static/index/mobile/css/topic_nas_download.css
Normal file
@@ -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%;
|
||||
}
|
||||
179
public/static/index/mobile/css/topic_nas_product.css
Normal file
179
public/static/index/mobile/css/topic_nas_product.css
Normal file
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user