<?php
if(!defined('IN_CRONLITE'))exit();
?>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>下单教程-<?php echo $conf['sitename'] . ($conf['title'] == '' ? '' : ' - ' . $conf['title']) ?></title>
    <meta name="keywords" content="<?php echo $conf['keywords'] ?>">
    <meta name="description" content="<?php echo $conf['description'] ?>">
    <link rel="stylesheet" href="<?php echo $cdnserver?>assets/simple/css/oneui.css">
	  <link href="<?php echo $cdnpublic?>font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
	  <link rel="stylesheet" href="<?php echo $cdnserver?>assets/css/common.css?ver=<?php echo VERSION ?>">
    <script src="<?php echo $cdnpublic?>modernizr/2.8.3/modernizr.min.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/layui/2.5.7/css/layui.min.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="<?php echo $cdnpublic?>html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="<?php echo $cdnpublic?>respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<?php echo $background_css?>
</head>
<body>
<br/>
<div class="col-xs-12 col-sm-10 col-md-8 col-lg-5 center-block" style="float: none;">
<div class="block" style="box-shadow:0px 5px 10px 0 rgba(0, 0, 0, 0.25);" id="backHome">
<a class="btn btn-block" href="./"><i class="fa fa-mail-reply-all"></i>  返回网站首页</a>
</div>

<div class="block block-bordered" style="box-shadow:0px 5px 10px 0 rgba(0, 0, 0, 0.25);">
  <div class="block-content">
      <section class="_135editor" data-tools="135编辑器" data-id="97355">
        <section style="margin:10px auto;">
            <section style="display:flex;justify-content: center;align-items:center;">
                <section class="assistant" style="width:25px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
                    <img style="width:25px;display:block;" src="http://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvWVV5WjdBT0wzb2tOWFFrbHh5RU9HZjhPM25qcHc1bEZrQVNLb3ZLb0JGcWt2S200U204YW03VjJPVlpSUHVVWTdCbnRhbk9UblRCaWFYSlJWSGhzYUNBLzA/d3hfZm10PXBuZw==" data-ratio="1">
                </section>
                <section class="135brush" data-brushtype="text" style="padding:0px 5px 2px;margin:0px 5px; border-bottom:1px solid #a6dff2;font-size: 16px;text-align: center;letter-spacing: 1.5px;color: #333;">
                    下单教程步骤
                </section>
                <section class="assistant" style="width:25px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
                    <img style="width:25px;display:block;" src="http://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvWVV5WjdBT0wzb2tOWFFrbHh5RU9HZjhPM25qcHc1bEZraWNTWUdWeDNKNTN4REREdENKMEl0VmRVcExFOVJoZWljd3I2TVk3ODlzQ0t1TXlFZW9rdDlGUS8wP3d4X2ZtdD1wbmc=" data-ratio="1">
                </section>
            </section>
        </section>
      </section>
      <section class="_135editor" data-tools="135编辑器" data-id="97324">
          <section style="margin:10px auto;">
              <section style="display: flex;margin-top:20px;justify-content: flex-start;align-items: center;">
                  <section style=";width:30px;height:30px;border:1px solid #333;box-sizing: border-box;text-align: center;font-size:16px;font-weight: bold;line-height:30px;color:#333;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
                      01
                  </section>
                  <section class="assistant" style="margin-left:-26px;margin-top:-7px;width:30px;height:30px;background:#daf1f1;"></section>
                  <section class="135brush" data-brushtype="text" style="text-align: center;font-size:16px;font-weight: bold;color:#333;padding:0px 10px;">
                      正确下单步骤
                  </section>
              </section>
              <section data-autoskip="1" class="135brush" style="margin-top:12px;font-size:14px;letter-spacing: 1.5px;text-align:justify;color:#333;">
                  <p>
                      点击购买-填写下单账号信息-选择付款方式-付款成功-回到平台查看订单
                  </p>
                  <p>
                      复制激活码-下载软件-激活软件-登录微信并使用功能
                  </p>
                  <p>
                      注册账号并登录可长期保存订单信息，未注册用户订单信息不能长期保存，激活码卡密等信息自行保存好。
                  </p>
              </section>
              <section style="width:100%;margin-top:12px;" data-width="100%">
                  <img style="display: block; margin: 0px; width: 100% !important;" lay-src="//puep.qpic.cn/coral/Q3auHgzwzM6icBt9KVNPvVENDMVaWq9tITjIMTQcdOht2b0cBwoJTiaQ/0" class="lazy" src="./assets/store/picture/loadimg.gif" data-ratio="0.5914893617021276" data-width="100%" data-op="change" width="100%" height="" border="0" mapurl="" title="" alt="">
              </section>
          </section>
      </section>
      <section class="_135editor" data-tools="135编辑器" data-id="97273">
          <section style="margin:10px auto;text-align: center;">
              <section style="background-image:-webkit-linear-gradient(top, #d795d1,#84b1ed);padding:4px;">
                  <section style="background:#fefefe;padding:1em;">
                      <section style="margin:10px auto;text-align: center;">
                          <section style="display:inline-block;">
                              <section class="assistant" style="display:flex;justify-content: flex-end;align-items: center;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
                                  <section style="width:35px;margin-right:-15px;">
                                      <img style="width:100%;display:block;" src="http://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvWVV5WjdBT0wzb244RG9uZmE0MGg0VGdlck5jTjNYdUk4WHBzUHFITThpYmNmdjJ5S0NaVFNNUkZBM3I4TURvQ09taWJ0SnQwS3hMWmRXY3hpYUNHek1ROUEvMD93eF9mbXQ9cG5n" data-ratio="1" data-width="100%">
                                  </section>
                              </section>
                              <section style="background-image:-webkit-linear-gradient(left, #87b0ec,#d395d2);margin-top:-12px;">
                                  <section class="135brush" data-brushtype="text" style="color:#fff;text-align: left;font-size:18px;font-weight: bold;padding:6px 1em;letter-spacing:2px;">
                                      下单图文教程
                                  </section>
                              </section>
                          </section>
                      </section>
                      <section class="assistant" style="overflow:hidden;margin-top:20px;margin-left:60px;background-image:-webkit-linear-gradient(top, #c896d6,#90ace9);color: #fff;width:15px; height:15px;border-radius:100%;"></section>
                      <section data-autoskip="1" class="135brush" style="font-size:14px;letter-spacing: 1.5px;text-align:justify;color:#333;">
                          <p>
                              软件下载地址和教程都在下单页面，付款后返回订单页面
                          </p>
                          <p>
                              可查看到激活码卡密，任何订单软件相关问题可咨询平台客服
                          </p>
                      </section>
                      <section style="width:100%;margin:10px auto;" data-width="100%">
                          <section style="width:100%;" data-width="100%">
                              <img style="display: block; margin: 0px; width: 100% !important;" lay-src="//puep.qpic.cn/coral/Q3auHgzwzM5uDqZFESASIOjr8oPaicvaIWJkibopiaMZMYWpTM9nAkeKg/0" class="lazy" src="./assets/store/picture/loadimg.gif" data-ratio="0.8702830188679245" data-width="100%" data-op="change" width="100%" height="" border="0" mapurl="" title="" alt="">
                              <section class="_135editor" data-tools="135编辑器" data-id="97239">
                                  <section style="margin: 10px auto;">
                                      <section class="assistant" style="width:125px;">
                                          <img style="width:100%;display:block;" src="http://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvWVV5WjdBT0wzb21iaHhpYWliaGJpYzl4elJ1SU9tcTZpY3Uxc1haREdLaWFKb2R5ZFJGTTdiU3FWeTRxS0JYVzdjSWFqbFdZaWJwSmljQUJiMVVQWEgyRmliMWttQS8wP3d4X2ZtdD1wbmc=" data-ratio="1" data-width="100%">
                                      </section>
                                      <section style="margin-top:-5px;box-sizing: border-box;border:1px solid #c6dfd9;background:#fefefe;padding:6px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
                                          <section style="width:100%;" data-width="100%">
                                              <img style="display: block; margin: 0px; width: 100% !important;" lay-src="//puep.qpic.cn/coral/Q3auHgzwzM5cdLN4933vyd2PQkwzkyX4fQ68paYsY9up8TOVA4mb3g/0" class="lazy" src="./assets/store/picture/loadimg.gif" data-ratio="0.6658536585365854" data-width="100%" data-op="change" width="100%" height="" border="0" mapurl="" title="" alt="">
                                          </section>
                                      </section>
                                      <section class="assistant" style="width:125px;">
                                          <img style="width:100%;display:block;" src="http://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvWVV5WjdBT0wzb21iaHhpYWliaGJpYzl4elJ1SU9tcTZpY3Uxc1haREdLaWFKb2R5ZFJGTTdiU3FWeTRxS0JYVzdjSWFqbFdZaWJwSmljQUJiMVVQWEgyRmliMWttQS8wP3d4X2ZtdD1wbmc=" data-ratio="1" data-width="100%">
                                      </section>
                                      <section style="margin-top:-5px;box-sizing: border-box;border:1px solid #c6dfd9;background:#fefefe;padding:6px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
                                          <section style="width:100%;" data-width="100%">
                                              <img style="display: block; margin: 0px; width: 100% !important;" lay-src="//puep.qpic.cn/coral/Q3auHgzwzM5slkpT65naBIrW6nYI40JtNmjKgIibYWkR6Xd9icEx8lvw/0" class="lazy" src="./assets/store/picture/loadimg.gif" data-ratio="0.6658536585365854" data-width="100%" data-op="change" width="100%" height="" border="0" mapurl="" title="" alt="">
                                          </section>
                                      </section>
                                      <section class="assistant" style="width:125px;">
                                          <img style="width:100%;display:block;" src="http://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvWVV5WjdBT0wzb21iaHhpYWliaGJpYzl4elJ1SU9tcTZpY3Uxc1haREdLaWFKb2R5ZFJGTTdiU3FWeTRxS0JYVzdjSWFqbFdZaWJwSmljQUJiMVVQWEgyRmliMWttQS8wP3d4X2ZtdD1wbmc=" data-ratio="1" data-width="100%">
                                      </section>
                                      <section style="margin-top:-5px;box-sizing: border-box;border:1px solid #c6dfd9;background:#fefefe;padding:6px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
                                          <section style="width:100%;" data-width="100%">
                                              <img style="display: block; margin: 0px; width: 100% !important;" lay-src="//puep.qpic.cn/coral/Q3auHgzwzM6ZLTTy7gZEFoZiask7AnGDQpxOO6YjrKTrcT8Qb7FDGyA/0" class="lazy" src="./assets/store/picture/loadimg.gif" data-ratio="0.6658536585365854" data-width="100%" data-op="change" width="100%" height="" border="0" mapurl="" title="" alt="">
                                          </section>
                                      </section>
                                      <section class="assistant" style="width:125px;">
                                          <img style="width:100%;display:block;" src="http://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvWVV5WjdBT0wzb21iaHhpYWliaGJpYzl4elJ1SU9tcTZpY3Uxc1haREdLaWFKb2R5ZFJGTTdiU3FWeTRxS0JYVzdjSWFqbFdZaWJwSmljQUJiMVVQWEgyRmliMWttQS8wP3d4X2ZtdD1wbmc=" data-ratio="1" data-width="100%">
                                      </section>
                                      <section style="margin-top:-5px;box-sizing: border-box;border:1px solid #c6dfd9;background:#fefefe;padding:6px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);">
                                          <section style="width:100%;" data-width="100%">
                                              <img style="display: block; margin: 0px; width: 100% !important;" lay-src="//puep.qpic.cn/coral/Q3auHgzwzM5I7UETdHrkXJKicOfIy4iaIeVnwvbOeaII8tujPwt4ic4FA/0" class="lazy" src="./assets/store/picture/loadimg.gif" data-ratio="0.6658536585365854" data-width="100%" data-op="change" width="100%" height="" border="0" mapurl="" title="" alt="">
                                          </section>
                                      </section>
                                  </section>
                              </section>
                          </section>
                      </section>
                  </section>
              </section>
          </section>
      </section>
  </div>
</div>
<div class="block" style="box-shadow:0px 5px 10px 0 rgba(0, 0, 0, 0.25);" id="backHome">
<a class="btn btn-block" href="./"><i class="fa fa-mail-reply-all"></i>  返回网站首页</a>
</div>
</div>
</body>
</html>
<script src="<?php echo $cdnpublic ?>jquery/3.4.1/jquery.min.js"></script>
<script src="<?php echo $cdnpublic ?>layui/2.5.7/layui.all.js"></script>
<script>
;layui.define("jquery",function(e){"use strict";var l=layui.$,o=function(e){},t='<i class="layui-anim layui-anim-rotate layui-anim-loop layui-icon ">&#xe63e;</i>';o.prototype.load=function(e){var o,i,n,r,a=this,c=0;e=e||{};var f=l(e.elem);if(f[0]){var m=l(e.scrollElem||document),u=e.mb||50,s=!("isAuto"in e)||e.isAuto,v=e.end||"没有更多了",y=e.scrollElem&&e.scrollElem!==document,d="<cite>加载更多</cite>",h=l('<div class="layui-flow-more"><a href="javascript:;">'+d+"</a></div>");f.find(".layui-flow-more")[0]||f.append(h);var p=function(e,t){e=l(e),h.before(e),t=0==t||null,t?h.html(v):h.find("a").html(d),i=t,o=null,n&&n()},g=function(){o=!0,h.find("a").html(t),"function"==typeof e.done&&e.done(++c,p)};if(g(),h.find("a").on("click",function(){l(this);i||o||g()}),e.isLazyimg)var n=a.lazyimg({elem:e.elem+" img",scrollElem:e.scrollElem});return s?(m.on("scroll",function(){var e=l(this),t=e.scrollTop();r&&clearTimeout(r),!i&&f.width()&&(r=setTimeout(function(){var i=y?e.height():l(window).height(),n=y?e.prop("scrollHeight"):document.documentElement.scrollHeight;n-t-i<=u&&(o||g())},100))}),a):a}},o.prototype.lazyimg=function(e){var o,t=this,i=0;e=e||{};var n=l(e.scrollElem||document),r=e.elem||"img",a=e.scrollElem&&e.scrollElem!==document,c=function(e,l){var o=n.scrollTop(),r=o+l,c=a?function(){return e.offset().top-n.offset().top+o}():e.offset().top;if(c>=o&&c<=r&&e.attr("lay-src")){var m=e.attr("lay-src");layui.img(m,function(){var l=t.lazyimg.elem.eq(i);e.attr("src",m).removeAttr("lay-src"),l[0]&&f(l),i++})}},f=function(e,o){var f=a?(o||n).height():l(window).height(),m=n.scrollTop(),u=m+f;if(t.lazyimg.elem=l(r),e)c(e,f);else for(var s=0;s<t.lazyimg.elem.length;s++){var v=t.lazyimg.elem.eq(s),y=a?function(){return v.offset().top-n.offset().top+m}():v.offset().top;if(c(v,f),i=s,y>u)break}};if(f(),!o){var m;n.on("scroll",function(){var e=l(this);m&&clearTimeout(m),m=setTimeout(function(){f(null,e)},50)}),o=!0}return f},e("flow",new o)});

layui.use(['flow','util'], function(){
      var util = layui.util;
      var flow = layui.flow;
      //固定块
      util.fixbar({
        bar1: true
        ,bar2: true
        ,css: {right:8,bottom: '25%','z-index':1}
        ,bgcolor: '#393D49'
        ,click: function(type){
          if(type === 'bar1'){
            window.open("./?mod=kf");
          } else if(type === 'bar2') {
            window.open("./articlelist.html");
          }
        }
      });
      // //图片懒加载
       flow.lazyimg();
});
</script>