{include file="header" /}

 <link rel="stylesheet" type="text/css" href="/static/libs/layui/css/layui.css" />
 <style type="text/css">

.content{display:flex;background-color:transparent;padding:0;margin-bottom:20px;}
.banner {
    background: url(/static/privilegeBg.png) no-repeat top center;
    height: 490px;
    text-align: center;
}

.compare-title {
    height: 108px;
    padding-top: 60px;
    box-sizing: border-box;
    font-weight:bold;
}

.compare-title p {
    height: 1px;
    position: relative;
}
.compare-title p span {
    width: 258px;
    color: #333;
    font-size: 22px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    top: -15px;
	background:rgb(245,245,245)
}
.privilegeBannerTitle {
    line-height: 50px;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    padding: 150px 0 27px;
}

.privilegeBannerTips {
    line-height: 28px;
    font-size: 15px;
    color: #fff;
}
.privilegeBannerTips span {
    color: #ff9000;
}
.privilegeBtn a {
    display: block;
    width: 210px;
    height: 60px;
    line-height: 60px;
    margin: 30px auto 40px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    background: rgba(255,144,0,1);
    border-radius: 4px;
}
.difference {margin-top: 56px;margin-bottom: 68px;}
.difference ul {border-radius: 10px;overflow: hidden;}
.difference ul li{height: 70px;line-height: 70px;color: #666;text-align: center;background: #fff;display: flex;border-bottom: 1px solid rgba(224,224,224,1);box-sizing:border-box;}
.difference li:first-child {background: rgba(250,250,250,1);}
.difference li span {box-sizing: border-box;display: inline-block;width: 400px;height: 70px;border-left: 1px solid rgba(224,224,224,1);font-size: 16px;font-weight: 400;color: rgba(102,102,102,1);position: relative;}
.difference li:first-child span {font-size: 20px;font-weight: bold;color: rgba(51,51,51,1);border-top: 1px solid rgba(224,224,224,1);}
.difference li:first-child span:nth-child(1) {border-radius: 10px 0 0 0;}
.difference li span .tq_bg {display: inline-block;width: 61px;height: 61px;background: url(/static/css_split.png) no-repeat;background-position: -320px -104px;position: absolute;top: 0;left: 0;}
.difference li:first-child span:nth-child(3) {background: rgba(255,240,215,1);border: 1px solid rgba(255,223,169,1);border-radius: 0 10px 0 0;}
.difference li span:nth-child(3) {border-right: 1px solid rgba(224,224,224,1);background: rgba(255,251,244,1);border: 1px solid rgba(255,223,169,1);border-top: 0;}
.difference li span .noPass {display: inline-block;width: 21px;height: 21px;background: url(/static/css_split.png) no-repeat;background-position: -384px -104px;vertical-align: middle;}
.difference li span .vip_all {display: inline-block;width: 32px;height: 29px;background: url(/static/css_split.png) no-repeat;background-position: -7px -77px;vertical-align: middle;}
.difference li span .pass {display: inline-block;width: 31px;height: 31px;background: url(/static/css_split.png) no-repeat;background-position: -408px -104px;vertical-align: middle;}
.difference li span a{width: 90px;height: 30px;display:block;margin:0 auto;margin-top:20px;line-height:30px;background: rgba(255,144,0,1);border-radius: 4px;font-size: 16px;font-weight: 400;color: rgba(255,255,255,1);}
.questionBox{padding-bottom:100px;}
.questionBox h4 {font-size: 24px;font-weight: bold;color: rgba(51,51,51,1);}
.questionItem {margin-top: 30px;}
.questionItem p {font-size: 18px;font-weight: 400;color: rgba(51,51,51,1);margin-bottom: 20px;}
.questionItem .itemBox {background: rgba(250,250,250,1);border: 1px solid rgba(224,224,224,1);border-radius: 6px;line-height: 20px;padding: 20px 16px;font-size: 14px;font-weight: 400;color: rgba(102,102,102,1);}

</style>

<div class="banner" style='margin-top:70px;'>
	<div class="banner-center">
		<h5 class="privilegeBannerTitle">{$site_name}VIP — 助你攀登人生高峰！</h5>
		<p class="privilegeBannerTips">VIP用户可学：软件入门+产品精修+C4D教程+字体设计+海报设计+综合设计+短视频等在线<span>1000+</span>视频课程</p>
		<p class="privilegeBtn"><a href="/member/index/upgrade" target="_blank" class="newBtnModal">立即开通</a></p>
	</div>
</div>

<div class="main" style="position: relative;">
    <div class="w1200">
        
		<div class="compare-title"><p><span>普通用户与VIP用户的区别</span></p></div>
		
		<div class="difference clearfix">
            <ul>
            
            <li>
            <span><i class="tq_bg"></i>特权对比</span>
            <span>普通用户</span>
            <span>{$site_name}VIP</span>
            </li>
            
            <li>
            <span>加入条件</span>
            <span>注册即可</span>
            <span><a href="/member/index/upgrade" class="newBtnModal">立即充值</a></span>
            </li>
            
            <li>
            <span>全站课程</span>
            <span>只能看免费课</span>
            <span>全站课程无限看</span>
            </li>
                 
            <li>
            <span>客服优先接待</span>
            <span><i class="noPass"></i></span>
            <span><i class="pass"></i></span>
            </li>
                 
            <li>
            <span>尊贵身份标示</span>
            <span><i class="noPass"></i></span>
            <span><i class="vip_all"></i></span>
            </li>
            
            </ul>
            </div>
            
            
            <!----问答---->
            <div class="questionBox">
<h4>大家都在问：</h4>


<div class="questionItem">
<p>1.成为{$site_name}VIP后官网所有教程都可以观看吗？</p>
<div class="itemBox">是的，成为{$site_name}VIP后，{$site_name}官网(<script>document.write("http://"+location.hostname)</script>)，所有付费教程都可以无限观看。包括服务时间内新增的教程可无限制学习。</div>
</div>


<div class="questionItem">
<p>2.教程会持续更新吗？</p>
<div class="itemBox">会的，电商玩法和规则无时无刻不在改变，{$site_name}也会紧跟电商潮流、设计潮流让你学到实时新好的知识点。</div>
</div>


<div class="questionItem">
<p>3.{$site_name}VIP适合什么人群？</p>
<div class="itemBox">适合设计爱好者，电商从业者，在校大学生等，{$site_name}覆盖20多套软件基础教程，多平台电商运营教程和视觉营销教程，其中系列课最适合零基础入门学习。</div>
</div>



</div>
            
    </div>
</div>
 <script src="/static/libs/layui/layui.js"></script>
{include file="footer" /}