232 lines
6.4 KiB
PHTML
Executable File
232 lines
6.4 KiB
PHTML
Executable File
<!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">
|
|
.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;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
{include file='include/top_nas' /}
|
|
<!--合作伙伴app端 -->
|
|
<div class="narshzhbMbpage">
|
|
<!--banner -->
|
|
<div class="narshzhb-banner"
|
|
style="background: url(/uploads/default/nas/cooperation/narshzhb-app-bannerbg.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>
|
|
{volist name='data.image_text.banners' id='vo' key='key'}
|
|
<div class="narshzhbmb-cttop-it{if condition='$key>1'} narshzhbmb-cttop-it2{/if}">
|
|
<img src="{$vo.picture|getImage}" src="hzhbapp1" />
|
|
<span class="cts{if condition='$key>1'} cts2{/if}" style="color: {$vo.descolor|default='#595757'}">{$vo.desc}</span>
|
|
{if condition='$key==1'}
|
|
<h2>立即加入我们，开启共赢之旅！</h2>
|
|
{/if}
|
|
</div>
|
|
{/volist}
|
|
<h2 class="narshzhb-title">合作优势</h2>
|
|
{volist name='data.advantage.banners' id='item'}
|
|
<div class="narshzhbmb-rowits">
|
|
{volist name='item' id='vo'}
|
|
<div class="narshzhbmb-item">
|
|
<img src="{$vo.picture|getImage}" class="hzhbappico" />
|
|
<h3 class="hzhbapptitle" style="color: {$vo.alt|default='#3E3A39'}">{$vo.name}</h3>
|
|
<span class="srt" style="color: {$vo.descolor|default='#595757'}">{$vo.desc}</span>
|
|
</div>
|
|
{/volist}
|
|
</div>
|
|
{/volist}
|
|
<h2 class="narshzhb-title">期待与您的合作</h2>
|
|
{volist name='data.expectation.banners' id='vo' key='key'}
|
|
<div class="narshzhbmb-rowits{if condition='$key>3'} narshzhbmb-rowits2{/if}">
|
|
<div class="narshzhbmb-item{if condition='$key<=3'} narshzhbmb-item2{/if}">
|
|
<img src="{$vo.picture|getImage}" class="{if condition='$key<=3'}hzhbappico{else/}hzhbappew{/if}" />
|
|
<span class="srt" style="color: {$vo.alt|default='#595757'}">{$vo.name}</span>
|
|
</div>
|
|
</div>
|
|
{/volist}
|
|
</div>
|
|
{include file='include/bottom1' /}
|
|
</body>
|
|
</html>
|