diff --git a/Application/Mobile/View/Ssg/home.html b/Application/Mobile/View/Ssg/home.html
index 8c0cc3027..4057ecc8a 100644
--- a/Application/Mobile/View/Ssg/home.html
+++ b/Application/Mobile/View/Ssg/home.html
@@ -6,38 +6,6 @@
     <title>苹果超级签购买（在线支付）</title>
     <link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
     <script src="__JS__/ssg/flexible.min.js" type="text/javascript"></script>
-    <style>
-        *{
-            padding: 0px;
-            margin: 0px;
-        }
-        li{
-            line-height:2;
-            max-width: 6rem;
-            list-style-type:disc;
-        }
-        .safari_box{
-            height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;display: none;
-        }
-        .safari_box .content{
-            line-height: 1;color: #fff;width: 100%;text-align: center;font-size: .36rem;position: absolute;top:2.05rem;
-        }
-        .safari_box .content img{
-            position: absolute;width: 1rem;height: .8rem;right: .57rem;top:-.5rem;
-        }
-        .safari_box .safari_box_alert{
-            top:3.5rem;position:absolute;width: 6.3rem;left: 50%;margin-left: -3.2rem;
-        }
-        .safari_box .safari_box_alert .alert_title{
-            background:url('__IMG__/ssg/home/alertbg.png') no-repeat top center/cover;height: 2.8rem;width: 6.3rem;position: relative;
-        }
-        .safari_box .safari_box_alert .alert_title .alert_title_close{
-            width: .3rem;height: .3rem;position: absolute;left: .3rem;top: .3rem;
-        }
-        .safari_box .safari_box_alert .alert_title .alert_title_safari{
-            width:1.5rem;height: 1.5rem;position: absolute;left: .79rem;top:.75rem;
-        }
-    </style>
 </head>
 
 <body>
@@ -46,19 +14,19 @@
             请选择在“Safari”中打开 <img src="__IMG__/ssg/home/jt.png">
         </div>
         <div class="safari_box_alert">
-            <div class="alert_title">
+            <div class="alert_title" style="background:url('__IMG__/ssg/home/alertbg.png') no-repeat top center/cover;">
                 <img class="alert_title_close" onclick="closeSafari()" src="__IMG__/ssg/home/close.png">
                 <img class="alert_title_safari" src="__IMG__/ssg/home/safari.png">
-                <div style="width:3.5rem;height: .79rem;font-size: .34rem;left: 2.5rem;position: absolute;top:1rem;color:#fff;">
+                <div class="alert_title_desc">
                     该链接只支持<text style="color:yellow">Safari</text>，
                     <br/> 
                     请在<text style="color:yellow">Safari</text>中打开
                 </div>
             </div>
-            <div style="width: 6.3rem;height:1.2rem;background-color: #ffffff;position: absolute;border-bottom-left-radius:.32rem;border-bottom-right-radius:.32rem;">
-                <div style="display:flex;width:100%;justify-content:center;position: absolute;top: .18rem;">
-                    <input id="copyVal" type="text" readonly='' value="" style="background: #e6e6e6;border: 0px;width: 3.5rem;padding:0 .2rem;border-top-left-radius:64px;border-bottom-left-radius:64px;height: .8rem;color:#777;font-size: .32rem;">
-                    <a href="javascript:" id="copy" data-clipboard-target="#copyVal"  style="background:url('__IMG__/ssg/home/copybt.png') no-repeat top center/cover;width: 1.4rem;height: .8rem;text-align: center;line-height: .8rem;color:white;font-size: .28rem;">
+            <div class="alert_copy">
+                <div>
+                    <input id="copyVal" type="text" readonly='' value="">
+                    <a href="javascript:" id="copy" data-clipboard-target="#copyVal" style="background:url('__IMG__/ssg/home/copybt.png') no-repeat top center/cover;">
                         复制
                     </a>
                 </div>    
@@ -67,39 +35,39 @@
     </div>
 
 
-    <div style="background: url('__IMG__/ssg/home/bg.png') no-repeat top center/100% auto;padding-bottom: .6rem;">
-        <div style="width: 100%;text-align: center;padding-top: .55rem;">
-            <img src="__IMG__/ssg/home/hader.png" style="width:6.7rem;height: 5.35rem;">
+    <div class="home-box" style="background: url('__IMG__/ssg/home/bg.png') no-repeat top center/100% auto;">
+        <div class="hader-img">
+            <img src="__IMG__/ssg/home/hader.png">
         </div>
-       <div style="text-align: center;padding-top: .3rem;">
-            <a href="{:U('login')}"  onclick="return check()"><img src="__IMG__/ssg/home/button1.png" style="width:3.9rem;height: 1.3rem;"></a>
+       <div class="btn-login">
+            <a href="{:U('login')}"  onclick="return check()"><img src="__IMG__/ssg/home/button1.png"></a>
         </div>
-        <div style="display: flex;justify-content:space-around;padding-top: .2rem;">
-            <a href="{:U('process')}" onclick="return check()"><img src="__IMG__/ssg/home/button2.png" style="width:1.75rem;height:.6rem;"></a>
-            <a href="{:U('tutorial')}"  onclick="return check()"><img src="__IMG__/ssg/home/button3.png" style="width:1.75rem;height:.6rem;"></a>
-            <a href="javascript:" onclick="chatQQ()"><img src="__IMG__/ssg/home/button4.png" style="width:1.75rem;height:.6rem;"></a>
+        <div class="btn-group">
+            <a href="{:U('process')}" onclick="return check()"><img src="__IMG__/ssg/home/button2.png"></a>
+            <a href="{:U('tutorial')}"  onclick="return check()"><img src="__IMG__/ssg/home/button3.png"></a>
+            <a href="javascript:" onclick="chatQQ()"><img src="__IMG__/ssg/home/button4.png"></a>
         </div>
-        <div style="background: url('__IMG__/ssg/home/list1.png') no-repeat top center/100% 100%;height: 4.3rem;width: 100%;margin-top: .45rem;">
-            <ul style="padding-top: 1.74rem;padding-left: 1rem;color: white;font-size: .28rem;">
+        <div class="descitem" style="background: url('__IMG__/ssg/home/list1.png') no-repeat top center/100% 100%;margin-top: .45rem;">
+            <ul>
                 <li>高端定制，仅对IOS老用户开放</li>
                 <li>永不闪退，不丢游戏，不丢数据，稳定有保障</li>
                 <li>同一设备安装一次可在一年内无限次下载重装</li>
             </ul>
         </div>
-        <div style="background: url('__IMG__/ssg/home/list2.png') no-repeat top center/100% 100%;height: 4.7rem;width: 100%;">
-            <ul style="padding-top: 1.74rem;padding-left: 1rem;color: white;font-size: .28rem;">
-                    <li style="line-height:1.5;"> 
-                        账号登入且付费，购买苹果超级签（不同设备需要分别付费安装哦）
-                    </li>
-                    <li>下载安装描述文件</li>
-                    <li>下载安装游戏</li>
-                </ul>
+        <div class="descitem" style="background: url('__IMG__/ssg/home/list2.png') no-repeat top center/100% 100%;">
+            <ul>
+                <li style="line-height:1.5;"> 
+                    账号登入且付费，购买苹果超级签（不同设备需要分别付费安装哦）
+                </li>
+                <li>下载安装描述文件</li>
+                <li>下载安装游戏</li>
+            </ul>
         </div>
-        <div style="text-align: center;">
-            <a href="{:U('login')}"  onclick="return check()"><img src="__IMG__/ssg/home/button5.png" style="width:3.4rem;height: 1.1rem;"></a>
+        <div class="btn-download">
+            <a href="{:U('login')}"  onclick="return check()"><img src="__IMG__/ssg/home/button5.png"></a>
         </div>
     </div>
-    <div class="footer" style="height: auto;">
+    <div class="footer home-box-footer">
         <p class="footer-up">闽ICP备19003775号-1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闽网文{2019}1554-099号</p>
         <p class="footer-down">抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。<br>适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</p>
     </div>
@@ -107,7 +75,7 @@
 <script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
 <script src="__JS__/ssg/clipboard.min.js" type="text/javascript"></script>
 <script>
-    var issafariBrowser = /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);
+    var issafariBrowser = checkSafari();
     $("#copyVal").val(window.location.href);
     function check(){
         if(!issafariBrowser){
@@ -132,6 +100,19 @@
         alert("复制成功，请在Safari中打开");
         e.clearSelection();
     });
+    function checkSafari() {
+        var ua = navigator.userAgent.toLowerCase();
+        //判断是不是在iPhone的Safair浏览器打开的本页面
+        if (ua.indexOf('applewebkit') > -1 && ua.indexOf('mobile') > -1 && ua.indexOf('safari') > -1 &&
+            ua.indexOf('linux') === -1 && ua.indexOf('android') === -1 && ua.indexOf('chrome') === -1 &&
+            ua.indexOf('ios') === -1 && ua.indexOf('browser') === -1) {
+           return true;
+        }
+        else {
+            //alert("请使用iPhone中的Safari浏览器打开本页面！");
+            return false;
+        }
+    }
 </script>
 </body>
 
diff --git a/Application/Mobile/View/Ssg/index.html b/Application/Mobile/View/Ssg/index.html
index 35d66b987..8ef1c58a9 100644
--- a/Application/Mobile/View/Ssg/index.html
+++ b/Application/Mobile/View/Ssg/index.html
@@ -186,7 +186,7 @@
 <script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
 <script>
 
-
+checkSafari();
 var index = {
     self :this,
     select:{type:1},
@@ -280,5 +280,18 @@ function throttle(fun, delay) {
 function chatQQ() {
     window.location.href = 'mqqwpa://im/chat?chat_type=wpa&uin={$app_qq}&version=1&src_type=web&web_src=oicqzone.com';
 }
+function checkSafari() {
+    var ua = navigator.userAgent.toLowerCase();
+    //判断是不是在iPhone的Safair浏览器打开的本页面
+    if (ua.indexOf('applewebkit') > -1 && ua.indexOf('mobile') > -1 && ua.indexOf('safari') > -1 &&
+        ua.indexOf('linux') === -1 && ua.indexOf('android') === -1 && ua.indexOf('chrome') === -1 &&
+        ua.indexOf('ios') === -1 && ua.indexOf('browser') === -1) {
+        return true;
+    }
+    else {
+        alert("请使用iPhone中的Safari浏览器打开本页面！");
+        window.location.href = 'mobile.php?s=/Ssg/home.html';
+    }
+}
 </script>
 </html>
\ No newline at end of file
diff --git a/Application/Mobile/View/Ssg/login.html b/Application/Mobile/View/Ssg/login.html
index 6b8870b35..c2e8e0057 100644
--- a/Application/Mobile/View/Ssg/login.html
+++ b/Application/Mobile/View/Ssg/login.html
@@ -13,12 +13,18 @@
 
 </head>
 <style>
-    * {
-        padding: 0px;
-        margin: 0px;
+    .login-page{
+        padding-bottom: .4rem;min-height: 100vh;
     }
-
-    .loginbox {
+    .login-page .header-img{
+        width: 100%;text-align: center;padding-top: .55rem;
+    }
+    .login-page .header-img img{
+        width:6.7rem;height: 5.35rem;
+    }
+</style>
+<style>
+    .login-page .loginbox {
         width: 6.3rem;
         height: 6.34rem;
         background-color: #fff;
@@ -26,7 +32,7 @@
         margin: .6rem auto 0;
     }
 
-    .loginbox .title {
+    .login-page .loginbox .title {
         display: flex;
         height: 1rem;
         width: 100%;
@@ -34,26 +40,26 @@
         align-items: center;
     }
 
-    .loginbox .title img,
-    .loginbox .titleright {
+    .login-page .loginbox .title img,
+    .login-page .loginbox .titleright {
         width: .4rem;
         height: .4rem;
     }
 
-    .loginbox .title img {
+    .login-page .loginbox .title img {
         padding-left: .22rem;
     }
 
-    .loginbox .titleright {
+    .login-page .loginbox .titleright {
         padding-right: .22rem;
     }
 
-    .loginbox .title div {
+    .login-page .loginbox .title div {
         font-size: .4rem;
         color: #292929;
     }
 
-    .loginbox .formitem {
+    .login-page .loginbox .formitem {
         display: flex;
         height: .8rem;
         width: 5rem;
@@ -65,26 +71,70 @@
         margin: .3rem auto 0;
     }
 
-    .loginbox .formitem img {
+    .login-page .loginbox .formitem img {
         width: .4rem;
         height: .4rem;
         margin-right: .1rem;
     }
 
-    .loginbox .formitem input {
+    .login-page .loginbox .formitem input {
         border: 0px;
         height: .8rem;
         font-size: .28rem;
         text-align: left;
         width: 4.5rem;
     }
+    .login-page .loginbox .verify-item{
+        border: 0px;
+    }
+    .login-page .loginbox .verify-item .formitem{
+        margin-right: .2rem;margin-top: 0px;width: 3.5rem;
+    }
+    .login-page .loginbox .verify-item .formitem input{
+        width:2rem;
+    }
+    .login-page .loginbox .verify-item .verify-img{
+        cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;
+    }
+    .login-page .loginbox .login-btn-group{
+        display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;
+    }
+    .login-page .loginbox .login-btn-group div{
+        width: 2.9rem;height: 1.4rem;
+    }
+    .login-page .loginbox .login-footer{
+        display: flex;width:100%;justify-content:center;align-items:center;
+    }
+    .login-page .loginbox .login-footer img{
+        width: .3rem;height: .3rem;
+    }
+    .login-page .loginbox .login-footer .chatqq{
+        font-size: .24rem;color:#21B1EB;margin-left: .1rem;
+    }
+    .login-page .loginbox .login-btn-group .login-btn-big{
+        width: 5.6rem;height: 1.4rem;
+    }
+    .login-page .loginbox .phonecodebtn{
+        width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center;
+    }
+    .login-page .loginbox .reg-footer{
+        display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;
+    }
+    .login-page .loginbox .reg-change{
+        display: flex;align-items:center;margin-left: .25rem;
+    }
+    .login-page .loginbox .reg-change img{
+        width: .3rem;height: .3rem;
+    }
+    .login-page .loginbox .reg-change div{
+        color:#21B1EB;margin-left: .1rem;
+    }
 </style>
 
 <body>
-    <div
-        style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;padding-bottom: .4rem;min-height: 100vh;">
-        <div style="width: 100%;text-align: center;padding-top: .55rem;">
-            <img src="__IMG__/ssg/home/hader.png" style="width:6.7rem;height: 5.35rem;">
+    <div class="login-page" style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;">
+        <div class="header-img">
+            <img src="__IMG__/ssg/home/hader.png">
         </div>
         <input type="hidden" value="{$promote_id}" id="promote_id" name="promote_id"/>
         <div class="swiper-container">
@@ -105,27 +155,25 @@
                             <img src="__IMG__/ssg/login/password.png">
                             <input id="password" type="password" placeholder="请输入密码" value="">
                         </div>
-                        <div class="formitem" style="border: 0px;">
-                            <div class="formitem" style="margin-right: .2rem;margin-top: 0px;width: 3.5rem;">
+                        <div class="formitem verify-item">
+                            <div class="formitem">
                                 <img src="__IMG__/ssg/login/code.png">
-                                <input id="userCode" type="text" placeholder="请输入验证码" value="" style="width:2rem;">
+                                <input id="userCode" type="text" placeholder="请输入验证码" value="">
                             </div>
-                            <img id="verifyCode" style="cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;"
-                                onclick="GetVerityCode()" src="/mobile.php?s=/Ssg/verify.html">
+                            <img class="verify-img" id="verifyCode" onclick="GetVerityCode()" src="/mobile.php?s=/Ssg/verify.html">
                         </div>
                         <!---按钮-->
-                        <div
-                            style="display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;">
-                            <div id="loginbtn" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;width: 2.9rem;height: 1.4rem;">
+                        <div class="login-btn-group">
+                            <div id="loginbtn" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;">
                                 登陆
                             </div>
-                            <div class="gophonreg" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;width: 2.9rem;height: 1.4rem;">
+                            <div class="gophonreg" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;">
                                 注册
                             </div>
                         </div>
-                        <div style="display: flex;width:100%;justify-content:center;align-items:center;">
-                            <img src="__IMG__/ssg/login/kf.png" style="width: .3rem;height: .3rem;">
-                            <div class="chatqq" style="font-size: .24rem;color:#21B1EB;margin-left: .1rem;">
+                        <div class="login-footer">
+                            <img src="__IMG__/ssg/login/kf.png">
+                            <div class="chatqq">
                                 联系客服
                             </div>
                         </div>
@@ -152,23 +200,21 @@
                                 <img src="__IMG__/ssg/login/code.png">
                                 <input id="phonecode" type="text" placeholder="请输入短信验证码" value="" style="width:2.5rem;">
                             </div>
-                            <div id="getPhoneCode" style="width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center;">
+                            <div id="getPhoneCode" class="phonecodebtn">
                                 获取验证码
                             </div>
                         </div>
                         <!---按钮-->
-                        <div id="phonereg"
-                            style="display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;">
-                            <div
-                                style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;width: 5.6rem;height: 1.4rem;">
+                        <div id="phonereg" class="login-btn-group">
+                            <div class="login-btn-big" style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;">
                                 立即注册
                             </div>
                         </div>
-                        <div style="display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;">
+                        <div class="reg-footer">
                             <div>注册即表示同意<a href="{:U('News/protocol')}" style="color:#3CC2EF">《用户协议》</a></div>
-                            <div style="display: flex;align-items:center;margin-left: .25rem;">
-                                <img src="__IMG__/ssg/login/change.png" style="width: .3rem;height: .3rem;">
-                                <div class="gouserreg" style="color:#21B1EB;margin-left: .1rem;">
+                            <div class="reg-change">
+                                <img src="__IMG__/ssg/login/change.png">
+                                <div class="gouserreg">
                                     切换普通注册
                                 </div>
                             </div>
@@ -198,8 +244,7 @@
                             <input id="regpassword2" type="password" placeholder="请再次确认输入密码" value="">
                         </div>
                         <!---按钮-->
-                        <div
-                            style="display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;">
+                        <div class="login-btn-group">
                             <div id="userreg"
                                 style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;width: 5.6rem;height: 1.4rem;">
                                 立即注册
@@ -227,7 +272,7 @@
 <script type="text/javascript">
     var mySwiper = new Swiper('.swiper-container', {
         // autoplay: true,//可选选项，自动滑动
-        // initialSlide :1,
+        // initialSlide :2,
         noSwiping : true,
     })
 
diff --git a/Application/Mobile/View/Ssg/process.html b/Application/Mobile/View/Ssg/process.html
index 1b145fb5a..51e4c4f70 100644
--- a/Application/Mobile/View/Ssg/process.html
+++ b/Application/Mobile/View/Ssg/process.html
@@ -7,61 +7,9 @@
     <link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
     <script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
     <script src="__JS__/ssg/common.js" type="text/javascript"></script>
-    <style>
-        .pay-tutorial .pay-rule .title-1 {
-            background-color: #21B1EB;
-            border-radius:.15rem;
-            color: #fff;
-            height: .3rem;
-        }
-        body{
-            font-size: .16rem;
-            color: #292929;
-        }
-        .title {
-            display: flex;
-            height: .45rem;
-            width: 100%;
-            justify-content: space-between;
-            align-items: center;
-            background-color: #21B1EB;
-        }
-
-        .title img,
-        .titleright {
-            width: .15rem;
-            height: .15rem;
-        }
-        .pay-tutorial .tutorial-content .tutorial-word{
-            padding-left: 0;
-            padding-top: .15rem;
-        }
-        .pay-tutorial .tutorial-content .tutorial-pic img {
-            margin: 0 auto ;
-            display: block;
-            width: 3.45rem;
-        }
-        .pay-tutorial .pay-rule .rule-word .textdesc{
-            text-indent: 24px;
-            font-size: .12rem;
-            padding-bottom: .3rem;
-        }
-        .pay-tutorial .pay-rule .rule-word .nobottom{
-            text-indent: 24px;
-            padding-bottom: 0;
-            font-size: .12rem;
-        }
-        .pay-tutorial .pay-rule .title-1 h2{
-            color: #fff;
-            font-size: .14rem;
-            font-weight: normal;
-            line-height: 0.3rem;
-        }
-    </style>
-
 </head>
 <body>
-<div class="page-container ">
+<div class="page-container process-box">
     <div class="title">
         <img class="gologin" src="__IMG__/ssg/back.png" style="margin-left:.12rem;" onclick="javascript:history.go(-1)">
         <div style="font-size: .16rem;color: #fff;">充值流程</div>
diff --git a/Application/Mobile/View/Ssg/tutorial.html b/Application/Mobile/View/Ssg/tutorial.html
index 4b5212aa9..690d6c4ff 100644
--- a/Application/Mobile/View/Ssg/tutorial.html
+++ b/Application/Mobile/View/Ssg/tutorial.html
@@ -7,43 +7,15 @@
     <title>苹果超级签购买（在线支付）</title>
     <link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
 </head>
-<style>
- body{
-            font-size: .16rem;
-            color: #292929;
-           
-        }
-        .page-container {
-            padding-bottom: .2rem;
-            background-color: white;
-        }
-        .title {
-            display: flex;
-            height: .45rem;
-            width: 100%;
-            justify-content: space-between;
-            align-items: center;
-            background-color: #21B1EB;
-        }
 
-        .title img,
-        .titleright {
-            width: .15rem;
-            height: .15rem;
-        }
-        .install-tutorial .tutorial-content .tutorial-word{
-            padding-left: 0;
-            padding-top: .15rem;
-        }
-</style>
 <body>
-<div class="title">
-    <img class="gologin" src="__IMG__/ssg/back.png" style="margin-left:.12rem;" onclick="javascript:history.go(-1)">
-    <div style="font-size: .16rem;color: #fff;">安装教程</div>
-    <div class="titleright" style="margin-right:.12rem;"></div>
-</div>
-<div class="page-container ">
-    
+
+<div class="page-container tutorial-box">
+    <div class="title">
+        <img class="gologin" src="__IMG__/ssg/back.png" style="margin-left:.12rem;" onclick="javascript:history.go(-1)">
+        <div class="content">安装教程</div>
+        <div class="titleright" style="margin-right:.12rem;"></div>
+    </div>
     <div class="install-tutorial">
         <div class="tutorial-content">
             <p class="tutorial-word">1.支付成功后将进入订单页面可进行游戏下载，您可使用你的常用设备进行下载（下载地址绑定首次下载设备，更换设备无效）使用safrai浏览器打开，如果需要授权码请联系客服</p>
@@ -60,10 +32,6 @@
 </div>
 <script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
 <script src="__JS__/ssg/common.js" type="text/javascript"></script>
-<script src="__JS__/ssg/jquery.md5.js" type="text/javascript"></script>
-<script src="__JS__/ssg/clipboard.min.js" type="text/javascript"></script>
-<!--<div style="display:none;">
-    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_1277974911'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "v1.cnzz.com/stat.php%3Fid%3D1277974911' type='text/javascript'%3E%3C/script%3E"));</script><span id="cnzz_stat_icon_1277974911"><a href="https://www.cnzz.com/stat/website.php?web_id=1277974911" target="_blank" title="站长统计">站长统计</a></span><script src="./苹果超级签购买（在线支付）_files/stat.php" type="text/javascript"></script><script src="./苹果超级签购买（在线支付）_files/core.php" charset="utf-8" type="text/javascript"></script>
-</div>-->
+
 </body>
 </html>
\ No newline at end of file
diff --git a/Public/Mobile/css/ssg/common.css b/Public/Mobile/css/ssg/common.css
index 84638bf04..265332dc3 100644
--- a/Public/Mobile/css/ssg/common.css
+++ b/Public/Mobile/css/ssg/common.css
@@ -67,7 +67,7 @@ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #
 .title-3 { height: 0.35rem; line-height: 0.35rem; border-bottom-color: #f0f0f0; border-bottom-width: 1px; border-bottom-style: solid; }
 .title-3 h2 { font-size: 0.14rem; font-weight: bold; }
 
-.page-container { width: 750px; margin: 0 auto; }
+.page-container {  margin: 0 auto; }
 .page-container.container-white { min-height: 100%; background-color: #fff; }
 
 @media screen and (max-width: 750px) { .page-container { width: auto; } }
@@ -221,3 +221,165 @@ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #
 .order-search li dl .order-pay { position: absolute; right: 0; top: 50%; margin-top: -0.265rem; width: 0.53rem; height: 0.53rem; background-repeat: no-repeat; background-size: 100%; margin: auto; }
 
 /*# sourceMappingURL=common.css.map */
+/* user-chenzhi */
+/* home-page */
+.home-box li{
+  line-height:2;
+  max-width: 6rem;
+  list-style-type:disc;
+}
+.safari_box{
+  height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;display: none;
+}
+.safari_box .content{
+  line-height: 1;color: #fff;width: 100%;text-align: center;font-size: .36rem;position: absolute;top:2.05rem;
+}
+.safari_box .content img{
+  position: absolute;width: 1rem;height: .8rem;right: .57rem;top:-.5rem;
+}
+.safari_box .safari_box_alert{
+  top:3.5rem;position:absolute;width: 6.3rem;left: 50%;margin-left: -3.2rem;
+}
+.safari_box .safari_box_alert .alert_title{
+  height: 2.8rem;width: 6.3rem;position: relative;
+}
+.safari_box .safari_box_alert .alert_title .alert_title_close{
+  width: .3rem;height: .3rem;position: absolute;left: .3rem;top: .3rem;
+}
+.safari_box .safari_box_alert .alert_title .alert_title_safari{
+  width:1.5rem;height: 1.5rem;position: absolute;left: .79rem;top:.75rem;
+}
+.safari_box .safari_box_alert .alert_title .alert_title_desc{
+  width:3.5rem;height: .79rem;font-size: .34rem;left: 2.5rem;position: absolute;top:1rem;color:#fff;
+}
+.safari_box .safari_box_alert .alert_copy{
+  width: 6.3rem;height:1.2rem;background-color: #ffffff;position: absolute;border-bottom-left-radius:.32rem;border-bottom-right-radius:.32rem;
+}
+.safari_box .safari_box_alert .alert_copy div{
+  display:flex;width:100%;justify-content:center;position: absolute;top: .18rem;
+}
+.safari_box .safari_box_alert .alert_copy input{
+  background: #e6e6e6;border: 0px;width: 3.5rem;padding:0 .2rem;border-top-left-radius:64px;border-bottom-left-radius:64px;height: .8rem;color:#777;font-size: .32rem;
+}
+.safari_box .safari_box_alert .alert_copy a{
+  width: 1.4rem;height: .8rem;text-align: center;line-height: .8rem;color:white;font-size: .28rem;
+}
+/*页面信息*/
+.home-box{
+  padding-bottom: .6rem;
+}
+.home-box .hader-img{
+  width: 100%;text-align: center;padding-top: .55rem;
+}
+.home-box .hader-img img{
+  width:6.7rem;height: 5.35rem;
+}
+.home-box .btn-login{
+  text-align: center;padding-top: .3rem;
+}
+.home-box .btn-login img{
+  width:3.9rem;height: 1.3rem;
+}
+.home-box .btn-group{
+  display: flex;justify-content:space-around;padding-top: .2rem;
+}
+.home-box .btn-group img{
+  width:1.75rem;height:.6rem;
+}
+.home-box .descitem{
+  height: 4.3rem;width: 100%;
+}
+.home-box .descitem ul{
+  padding-top: 1.74rem;padding-left: 1rem;color: white;font-size: .28rem;
+}
+.home-box .btn-download{
+  text-align: center;
+}
+.home-box .btn-download img{
+  width:3.4rem;height: 1.1rem;
+}
+.home-box-footer{
+  height: auto;
+}
+
+/*process-page*/
+.pay-tutorial .pay-rule .title-1 {
+  background-color: #21B1EB;
+  border-radius:.15rem;
+  color: #fff;
+  height: .3rem;
+}
+.process-box{
+  font-size: .16rem;
+  color: #292929;
+}
+.process-box .title {
+  display: flex;
+  height: .45rem;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #21B1EB;
+}
+
+.process-box .title img,
+.process-box .titleright {
+  width: .15rem;
+  height: .15rem;
+}
+.pay-tutorial .tutorial-content .tutorial-word{
+  padding-left: 0;
+  padding-top: .15rem;
+}
+.pay-tutorial .tutorial-content .tutorial-pic img {
+  margin: 0 auto ;
+  display: block;
+  width: 3.45rem;
+}
+.pay-tutorial .pay-rule .rule-word .textdesc{
+  text-indent: 24px;
+  font-size: .12rem;
+  padding-bottom: .3rem;
+}
+.pay-tutorial .pay-rule .rule-word .nobottom{
+  text-indent: 24px;
+  padding-bottom: 0;
+  font-size: .12rem;
+}
+.pay-tutorial .pay-rule .title-1 h2{
+  color: #fff;
+  font-size: .14rem;
+  font-weight: normal;
+  line-height: 0.3rem;
+}
+/*  tutorial-page */
+.tutorial-box{
+font-size: .16rem;
+    color: #292929;
+    
+}
+.page-container {
+    padding-bottom: .2rem;
+    background-color: white;
+}
+.tutorial-box .title {
+    display: flex;
+    height: .45rem;
+    width: 100%;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #21B1EB;
+}
+
+.tutorial-box .title img,
+.tutorial-box .titleright {
+    width: .15rem;
+    height: .15rem;
+}
+.tutorial-box .title .content{
+    font-size: .16rem;color: #fff;
+}
+.install-tutorial .tutorial-content .tutorial-word{
+    padding-left: 0;
+    padding-top: .15rem;
+}
\ No newline at end of file
diff --git a/Public/Mobile/js/ssg/flexible.min.js b/Public/Mobile/js/ssg/flexible.min.js
index 011e03f8c..0e8f568ad 100644
--- a/Public/Mobile/js/ssg/flexible.min.js
+++ b/Public/Mobile/js/ssg/flexible.min.js
@@ -9,15 +9,12 @@
 
     var recalc = (function refreshRem () {
         var clientWidth = docEl.getBoundingClientRect().width;
-        console.log(clientWidth);
         if(clientWidth > docWidth){
             docEl.style.fontSize = Math.max(Math.min(20 * (clientWidth / 1536), 22.5), 17.5) * 5 + 'px';
-            console.log(docEl.style.fontSize);
            
         }else{
             /* 8.55：小于320px不再缩小，11.2：大于420px不再放大 */
             docEl.style.fontSize = Math.max(Math.min(20 * (clientWidth / docWidth), 11.2), 8.55) * 5 + 'px';
-            console.log(docEl.style.fontSize);
         }
         return refreshRem;
     })();
