File: /usr/home/qxu1650030446/htdocs/wp-content/themes/aly/page-join.php
<?php /*Template Name: 加入合伙人 */
get_header(); ?>
<style>
.page-title h3 {position: relative;display: inline-block;}
.page-title h3::before {content: '';position: absolute;left: -40px;top: 50%;transform: translateX(-50%);width: 40px;height: 2px;background-color: #434343;}
.page-title h3::after {content: '';position: absolute;right: -70px;top: 50%;transform: translateX(-50%);width: 40px;height: 2px;background-color: #434343;}
.row-tab ul {overflow: hidden;max-width: 1230px;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
@media (max-width: 500px) {.page-title h3::before,.page-title h3::after {width: 20px;}.page-title h3::before{left: -20px;}.page-title h3::after {right: -35px;}}
</style>
<div class="page-banner">
<picture>
<source srcset="<?php echo of_get_option( 'm_banner_join'); ?>" media="(max-width:768px)" alt="加入合伙人">
<img src="<?php echo of_get_option('banner_join'); ?>" alt="加入合伙人">
</picture>
</div>
<div class="row-tab">
<div class="container-width">
<ul>
<li class="current"><a href="#recome" title="推荐有礼">推荐有礼</a></li>
<li><a href="#partner" title="成为合伙人">成为合伙人</a></li>
<li><a href="#friend" title="向你的朋友推荐思朴">向你的朋友推荐思朴</a></li>
<li><a href="#re-scene" title="应用场景">应用场景</a></li>
<li><a href="#re-case" title="客户案例">客户案例</a></li>
</ul>
</div>
</div>
<div class="recom" id="recome">
<div class="page-title">
<h3>推荐有礼</h3>
</div>
<div class="recom-box">
<div class="container-width">
<ul>
<li>
<div class="fl">
<p>礼赠一：</p>
<p><img src="<?php bloginfo('template_url'); ?>/images/join/gift-ico.png" alt="凡推荐好友成购买思朴云服务的并产生消费">凡推荐好友成购买思朴云服务的并产生消费</p>
</div>
<div class="fr">
<p>即可获得<span>1000</span>元现金</p>
<a href="javascript:;" rel="nofollow" title="立即推荐">立即推荐</a>
</div>
</li>
<li>
<div class="fl">
<p>礼赠二：</p>
<p><img src="<?php bloginfo('template_url'); ?>/images/join/gift-ico.png" alt="签约上线3个月内，单个好友累计消费达到5万元">签约上线3个月内，单个好友累计消费达到5万元</p>
</div>
<div class="fr">
<p> 即可加赠<span>1500</span>元现金</p>
<a href="javascript:;" rel="nofollow" title="立即推荐">立即推荐</a>
</div>
</li>
<li>
<div class="fl">
<p>礼赠三：</p>
<p><img src="<?php bloginfo('template_url'); ?>/images/join/gift-ico.png" alt="好友（个数不限）累计消费金额超过10万元的前3名推荐人">好友（个数不限）累计消费金额超过10万元的前3名推荐人</p>
</div>
<div class="fr">
<p>加赠价值<span>2000</span>元惊喜大礼</p>
<a href="javascript:;" rel="nofollow" title="立即推荐">立即推荐</a>
</div>
</li>
<p><span>新买续费永久提成</span></p>
</ul>
</div>
</div>
</div>
<div class="partner" id="partner">
<div class="container-width">
<div class="page-title">
<h3>成为合伙人</h3>
</div>
<ul>
<li>
<h3><img src="<?php bloginfo('template_url'); ?>/images/join/adv-1.png" alt="第一步">第一步</h3>
<p>填写推荐资料或联系客服，签订合作协议</p>
</li>
<li>
<h3><img src="<?php bloginfo('template_url'); ?>/images/join/adv-2.png" alt="第二步">第二步</h3>
<p>好友成功购买并消费获得现金奖励</p>
</li>
<li>
<h3><img src="<?php bloginfo('template_url'); ?>/images/join/adv-3.png" alt="第三步">第三步</h3>
<p>3个月内，单个好友累计消费达到xx元，加赠奖金</p>
</li>
<li>
<h3><img src="<?php bloginfo('template_url'); ?>/images/join/adv-4.png" alt="第四步">第四步</h3>
<p>截止年底，好友累计消费金额超过10万元的前3名推荐人，加赠惊喜大礼</p>
</li>
</ul>
<div class="parther-btn">
<a href="javascript:;" rel="nofollow" title="立即推荐">立即推荐</a>
<a href="javascript:;">
扫码咨询
<div class="parther-qr">
<img src="<?php echo of_get_option('weixin_erweima'); ?>" alt="wx" width="100">
</div></a>
</div>
</div>
</div>
<div class="re-friend" id="friend">
<div class="container-width">
<div class="page-title">
<h3>向你的朋友推荐思朴</h3>
</div>
<div class="re-fcont">
<div class="re-fcon">
<h5>思朴科技云服务</h5>
<p>零门槛，仅需邀请注册账号或直接关联订单。覆盖大多数品牌云</p>
<p>产品均可以推荐。</p>
<p>点击该链接：<a href="https://partner.aliyun.com/shop/31141887" rel="nofollow">https://partner.aliyun.com/shop/31141887 </a> 进入阿里云合作伙伴营销平台</p>
<a href="javascript:;" rel="nofollow" title="立即推荐">立即推荐</a>
</div>
<div class="re-fimg">
<img src="<?php bloginfo('template_url'); ?>/images/join/join-img.png" alt="向你的朋友推荐思朴">
</div>
</div>
</div>
</div>
<div class="re-scene" id="re-scene">
<div class="scene-ico"></div>
<div class="container-width">
<div class="page-title">
<h3>应用场景</h3>
</div>
<ul>
<li>
<div class="scene-img">
<img src="<?php bloginfo('template_url'); ?>/images/join/scene1.png" alt="游戏公司">
</div>
<p>游戏公司</p>
</li>
<li>
<div class="scene-img">
<img src="<?php bloginfo('template_url'); ?>/images/join/scene2.png" alt="网站，APP开发">
</div>
<p>网站，APP开发</p>
</li>
<li>
<div class="scene-img">
<img src="<?php bloginfo('template_url'); ?>/images/join/scene3.png" alt="软件开发">
</div>
<p>软件开发</p>
</li>
<li>
<div class="scene-img">
<img src="<?php bloginfo('template_url'); ?>/images/join/scene4.png" alt="互联网服务">
</div>
<p>互联网服务</p>
</li>
</ul>
</div>
</div>
<div class="re-case" id="re-case">
<div class="container-width">
<div class="page-title">
<h3>合作伙伴</h3>
</div>
<div class="re-casetop">
<i>“</i>
<p>服务在线教育，上市公司，知名的科研机构，<span>服务超过上万公司</span></p>
<i>”</i>
</div>
<ul>
<?php for ($i = 1; $i <= 10; $i++) {
if(of_get_option( 'case_src'.$i) == "")continue;
?>
<li><img src="<?php echo of_get_option('case_src'.$i); ?>" alt="合作伙伴"></li>
<?php } ?>
</ul>
</div>
</div>
<script>
function getScroll() {
if ($(window).scrollTop() >= $(".row-tab").offset().top) {
$(".row-tab").children('.container-width').addClass("fix_on");
} else {
$(".row-tab").children('.container-width').removeClass("fix_on");
}
}
$(window).scroll(function() {
getScroll();
});
$(".row-tab ul li").click(function() {
$(this).addClass('current').siblings().removeClass('current');
})
</script>
<?php get_footer(); ?>