init
This commit is contained in:
365
app/index/view/tops_nas/cooperation.phtml
Executable file
365
app/index/view/tops_nas/cooperation.phtml
Executable file
@@ -0,0 +1,365 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>元创官网</title>
|
||||
{include file='include/head-nas' /}
|
||||
<style type="text/css">
|
||||
.narshzhbPage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner {
|
||||
width: 100%;
|
||||
height: 35rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #3e3a39;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content {
|
||||
min-width: 1200px;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 12.75rem;
|
||||
margin-bottom: 4.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .t1 {
|
||||
font-size: 1.875rem;
|
||||
padding-bottom: 0.8rem;
|
||||
line-height: 2.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content h2 {
|
||||
font-size: 3.125rem;
|
||||
line-height: 3.75rem;
|
||||
margin-bottom: 8.6875rem;
|
||||
color: #3e3a39;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
grid-row: 11.5rem;
|
||||
color: #3e3a39;
|
||||
font-size: 1rem;
|
||||
line-height: 1.1875rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span {
|
||||
margin-right: 11.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #fafafa;
|
||||
padding-top: 8.25rem;
|
||||
padding-bottom: 8.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main {
|
||||
margin: 0 auto;
|
||||
width: 75rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top {
|
||||
width: 75rem;
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 8.125rem;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .hzcp1 {
|
||||
width: 46.875rem;
|
||||
height: 22.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if {
|
||||
height: 22.5rem;
|
||||
background: #fafafa;
|
||||
font-size: 0.75rem;
|
||||
color: #595757;
|
||||
/*padding-left: 5.25rem;*/
|
||||
padding: 0 2.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if .cttop {
|
||||
padding-top: 5.5625rem;
|
||||
line-height: 1.5rem;
|
||||
padding-bottom: 2rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if h3 {
|
||||
color: #004bfa;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom {
|
||||
margin: 0 auto;
|
||||
width: 75rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it {
|
||||
width: 32.5%;
|
||||
height: 23.4rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .ithzcp {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st {
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
height: 9.5rem;
|
||||
font-size: 12px;
|
||||
color: #595757;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st span {
|
||||
line-height: 1.5rem;
|
||||
margin: 0 2.5rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
padding-bottom: 8.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .hzys-title {
|
||||
font-size: 30px;
|
||||
padding-bottom: 3.5625rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main {
|
||||
width: 75rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it {
|
||||
width: 21.125rem;
|
||||
height: 25.8125rem;
|
||||
margin-right: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .hz-ico1 {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin: 3.75rem auto;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .lite-titel {
|
||||
font-weight: bold;
|
||||
margin: 0 auto;
|
||||
font-size: 1.25rem;
|
||||
color: #3e3a39;
|
||||
line-height: 1.5rem;
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .cts {
|
||||
margin: 0 2.5rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
color: #595757;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz {
|
||||
width: 75rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 12.5rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .hzys-title {
|
||||
font-size: 1.875rem;
|
||||
color: #3e3a39;
|
||||
line-height: 2.25rem;
|
||||
padding-bottom: 3.75rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it {
|
||||
background: #fff;
|
||||
width: 24.4rem;
|
||||
height: 18.75rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzico {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
margin-bottom: 2.625rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzewico {
|
||||
width: 7.875rem;
|
||||
height: 7.875rem;
|
||||
margin-bottom: 2.625rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzct {
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
color: #595757;
|
||||
line-height: 1.5625rem;
|
||||
}
|
||||
|
||||
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--合作伙伴 -->
|
||||
<div class="narshzhbPage">
|
||||
{include file='include/top-header-nas' /}
|
||||
<!--banner -->
|
||||
<div class="narshzhb-banner"
|
||||
style="background: url(/uploads/default/nas/cooperation/narshzhbbg.png);background-repeat: no-repeat;background-size: 100% 100%;">
|
||||
<div class="narshzhb-banner-content">
|
||||
<span class="t1">成为ORICO合作伙伴</span>
|
||||
<h2><strong style="color: #004BFA;">NAS</strong>合作伙伴招募</h2>
|
||||
<div class="narshzhb-banner-btct">
|
||||
<span>广告代理</span>
|
||||
<span>抖音销售</span>
|
||||
<span>代理经销合作</span>
|
||||
<span>ODM合作</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- top 介绍-->
|
||||
<div class="narshzhb-topinfo">
|
||||
<div class="narshzhb-topinfo-main">
|
||||
{if condition="count($data.image_text.banners) > 0"}
|
||||
<a class="narshzhb-tif-top" href="{$data.image_text.banners[0]['link']|default='javascript: void(0);'}">
|
||||
<img src="{$data.image_text.banners[0]['picture']|getImage}" class="hzcp1" />
|
||||
<div class="narshzhb-if">
|
||||
<div class="cttop" style="color: {$data.image_text.banners[0]['descolor']|default='#595757'}">{$data.image_text.banners[0]['desc']}</div>
|
||||
<h3 style="color: {$data.image_text.banners[0]['alt']|default='#004bfa'}">{$data.image_text.banners[0]['name']}</h3>
|
||||
</div>
|
||||
</a>
|
||||
{/if}
|
||||
{if condition="count($data.image_text.banners) > 1"}
|
||||
<div class="narshzhb-tif-bottom">
|
||||
{volist name='$data.image_text.banners' id='vo' key='key'}
|
||||
{if condition="$key > 1"}
|
||||
<a class="narshzhb-tif-it" href="{$vo.link|default='javascript:void(0);'}">
|
||||
<img src="{$vo.picture|getImage}" class="ithzcp" />
|
||||
<div class="st" style="color: {$vo.descolor|default='#595757'}"><span>{$vo.desc}</span></div>
|
||||
</a>
|
||||
{/if}
|
||||
{/volist}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<!-- 合作优势-->
|
||||
<div class="narshzhb-hzys">
|
||||
<h2 class="hzys-title">合作优势</h2>
|
||||
<div class="narshzhb-hzys-main">
|
||||
{volist name='data.advantage.banners' id='vo'}
|
||||
<div class="narshzhb-hzys-it">
|
||||
<img src="{$vo.picture|getImage}" class="hz-ico1" />
|
||||
<span class="lite-titel" style="color: {$vo.alt|default='#3e3a39'}">{$vo.name}</span>
|
||||
<span class="cts" style="color: {$vo.descolor|default='#595757'}">{$vo.desc}</span>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
<!--期待与您的合作 -->
|
||||
<div class="narshzhb-qdhz">
|
||||
<h2 class="hzys-title">期待与您的合作</h2>
|
||||
{volist name='data.expectation.banners' id='item' key='k'}
|
||||
<div class="nars-qdhz-part">
|
||||
{volist name='item' id='vo' key='key'}
|
||||
<div class="nars-qdhz-it">
|
||||
<img src="{$vo.picture|getImage}" class="{if condition='$k==1'}qdhzico{else/}qdhzewico{/if}" />
|
||||
<span class="qdhzct" style="color: {$vo.alt|default='#595757'}">{$vo.name}</span>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{include file='include/bottom2023' /}
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user