feat：移动端样式修改part2-外部链接合并+充值+APP封装+上传图标，修改字体

source/index/apps.php

@@ -160,7 +160,7 @@ class apps extends BaseUser
 
                                                 <div class="clearfix how-many">
                                                     <dl class="clearfix">
-                                                        <dd class="fl">
+                                                        <dd class="fl apps-numbers">
                                                             <div class="clearfix">
                                                                 <div class="apps-titbox">
                                                                     <p class="p1 apps-tit">
@@ -187,6 +187,7 @@ class apps extends BaseUser
                                                             <div class="apps-right-line mob-none">
                                                             </div>
                                                         </dd>
+                                                        <br class="pc-none">
                                                         <dd class="fl">
                                                             <div class="clearfix">
                                                                 <div class="apps-titbox">

source/index/domain.php

@@ -78,9 +78,9 @@ class domain extends BaseUser
                                         <div style="height: 10px; background: rgb(242, 242, 245)"></div>
                                     <div class="download-details" style="padding: 20px 30px;">
 
-                                            <div class="d-top clearfix">
+                                            <div class="d-top clearfix table-inp-box">
                                                 <div class="fl">
-                                                    <input class="form-control w194-h34" type="text" id="urlpre" value=""
+                                                    <input class="form-control w194-h34 domain-inp" type="text" id="urlpre" value=""
                                                         placeholder="输入您的域名">
                                                 </div>
                                                 <button onclick="urladd();" type="button"

source/index/item_price.php

@@ -69,6 +69,7 @@ class item_price extends BaseUser
                                     <!-- <pre>
                                     <?php var_dump($_var_5);var_dump($_var_6);var_dump($_var_8) ?>
                                     </pre> -->
+                                    <div class="price-list1">
                                     <?php
                                     if ($_var_5 != 3) {
                                     ?> <ul class="clearfix list3 1" style="padding-top: 10px;">
@@ -109,17 +110,20 @@ class item_price extends BaseUser
                                     <?php
                                     }
                                     ?> 
+                                    </div>
                                     <div class="tit" style="border: none;padding-bottom: 10px">选择数量</div>
-                                    <ul class="clearfix list1">
-                                        <li v-for="(v,k) in list" class="clearfix" :class="{active:k==active}" @click="active=k">
-                                            <div class="fl left">
-                                                <div class="text1">{{v.name}}</div>
-                                                <div class="text2">{{fnote(v)}}</div>
-                                            </div>
-                                            <div class="fr right">{{v.price|pf}}<span>元</span></div>
-                                            <span class="radio-checked icon icon-checkbox"></span>
-                                        </li>
-                                    </ul>
+                                    <div class="price-list2">
+                                        <ul class="clearfix list1">
+                                            <li v-for="(v,k) in list" class="clearfix" :class="{active:k==active}" @click="active=k">
+                                                <div class="fl left">
+                                                    <div class="text1">{{v.name}}</div>
+                                                    <div class="text2">{{fnote(v)}}</div>
+                                                </div>
+                                                <div class="fr right">{{v.price|pf}}<span>元</span></div>
+                                                <span class="radio-checked icon icon-checkbox"></span>
+                                            </li>
+                                        </ul>
+                                    </div>
                                 </div>
                                 <!-- <div class="common">
                                     <div class="tit">数量</div>
@@ -131,20 +135,22 @@ class item_price extends BaseUser
                                 </div> -->
                                 <div class="common">
                                     <div class="tit" style="border: none;padding-bottom: 10px">选择支付方式</div>
-                                    <ul class="clearfix list3" id="list3">
-                                        <li class="clearfix" style="width: 270px;height: 88px" :class="{active:pay_type==2}" @click="pay_type=2">
-                                            <img src="/images/icon/weixipay.svg" alt="">
-                                            <span class="radio-checked icon icon-checkbox"></span>
-                                        </li>
-                                        <li class="clearfix" style="width: 270px;height: 88px" :class="{active:pay_type==1}" @click="pay_type=1">
-                                            <img src="/images/icon/zfb.svg" alt="">
-                                            <span class="radio-checked icon icon-checkbox"></span>
-                                        </li>
-                                        <li v-if="type>0" style="width: 270px;height: 88px" class="clearfix" :class="{active:pay_type==6}" @click="pay_type=6">
-                                            <img src="/images/icon/yuepay.svg" alt="">
-                                            <span class="radio-checked icon icon-checkbox"></span>
-                                        </li>
-                                    </ul>
+                                    <div class="price-list3">
+                                        <ul class="clearfix list3" id="list3">
+                                            <li class="clearfix"   :class="{active:pay_type==2}" @click="pay_type=2">
+                                                <img class="price-img3" src="/images/icon/weixipay.svg" alt="">
+                                                <span class="radio-checked icon icon-checkbox"></span>
+                                            </li>
+                                            <li class="clearfix"   :class="{active:pay_type==1}" @click="pay_type=1">
+                                                <img class="price-img3" src="/images/icon/zfb.svg" alt="">
+                                                <span class="radio-checked icon icon-checkbox"></span>
+                                            </li>
+                                            <li v-if="type>0"   class="clearfix" :class="{active:pay_type==6}" @click="pay_type=6">
+                                                <img class="price-img3" src="/images/icon/yuepay.svg" alt="">
+                                                <span class="radio-checked icon icon-checkbox"></span>
+                                            </li>
+                                        </ul>
+                                    </div>
                                     <!-- <ul class="clearfix list3" id="list3">
                                         <?php
                                         $_var_13 = json_decode(IN_PAY, true);

source/index/webview_index.php

@@ -68,9 +68,9 @@
             margin-right: 40px;
         }
 
-        .col-sm-2 {
+        /* .col-sm-2 {
             width: 15.66666667%;
-        }
+        } */
 
         .gggh1 {
             margin-right: 40px;
@@ -154,6 +154,7 @@
 
                             </ul>
                             <div class="account-management real-name" style="height: auto;padding: 0px">
+                                <div class="fz-mob-line pc-none"></div>
                                 <form id="mainForm">
                                     <div class="pack-step1 encapsulation">
                                         <div class="step1 step-common">
@@ -639,8 +640,7 @@
                                                                         class="img-responsive img-show"> -->
                                                                     <img style="display: block; height: 33px" src="/images/icon/pub6.svg" />
                                                                     <div class="text3">状态标题栏</div>
-                                                                    <span class="new"
-                                                                        style="position: absolute;top: -21px;left: -25px;border: 1px solid #ff7429;color: #fff;background-color: #ff7429;padding: 0px 3px;border-radius: 20px;font-size: 12px;">必选</span>
+                                                                    <span class="new webview-pub-icon">必选</span>
                                                                 </div>
                                                                 <div class="c-right fr" id="config10">
 
@@ -667,7 +667,7 @@
                                                                     <img src="/static/index/image/0004.png"
                                                                         class="img-responsive img-show"> -->
                                                                     <img style="display: block; height: 33px" src="/images/icon/pub7.svg" />
-                                                                    <div class="text3">导航栏（底部）</div>
+                                                                    <div class="text3">导航栏(底部)</div>
                                                                 </div>
                                                                 <div class="c-right fr" id="config8">
 
@@ -836,8 +836,7 @@
                                                                         class="img-responsive img-show"> -->
                                                                     <img style="display: block; height: 33px" src="/images/icon/pub12.svg" />
                                                                     <div class="text3">屏幕常亮</div>
-                                                                    <span class="new"
-                                                                        style="position: absolute;top: -21px;left: -25px;border: 1px solid #ff7429;color: #fff;background-color: #ff7429;padding: 0px 3px;border-radius: 20px;font-size: 12px;">NEW</span>
+                                                                    <span class="new webview-pub-icon">NEW</span>
                                                                 </div>
                                                                 <div class="c-right fr" id="configKeepScreen">
 
@@ -947,8 +946,7 @@
                                                                         class="img-responsive img-show"> -->
                                                                     <img style="display: block; height: 33px" src="/images/icon/pub16.svg" />
                                                                     <div class="text3">无网提示</div>
-                                                                    <span class="new"
-                                                                        style="position: absolute;top: -21px;left: -25px;border: 1px solid #ff7429;color: #fff;background-color: #ff7429;padding: 0px 3px;border-radius: 20px;font-size: 12px;">NEW</span>
+                                                                    <span class="new webview-pub-icon">NEW</span>
                                                                 </div>
                                                                 <div class="c-right fr" id="configNoNet">
 
@@ -1094,8 +1092,7 @@
                                                                         class="img-responsive img-show"> -->
                                                                     <img style="display: block; height: 33px" src="/images/icon/pub20.svg" />
                                                                     <div class="text3">APK安装器</div>
-                                                                    <span class="new"
-                                                                        style="position: absolute;top: -21px;left: -25px;border: 1px solid #ff7429;color: #fff;background-color: #ff7429;padding: 0px 3px;border-radius: 20px;font-size: 12px;">NEW</span>
+                                                                    <span class="new webview-pub-icon">NEW</span>
                                                                 </div>
                                                                 <div class="c-right fr" id="configInstallTip">
 
@@ -1125,8 +1122,7 @@
                                                                         class="img-responsive img-show"> -->
                                                                     <img style="display: block; height: 33px" src="/images/icon/pub21.svg" />
                                                                     <div class="text3">隐藏虚拟按键</div>
-                                                                    <span class="new"
-                                                                        style="position: absolute;top: -21px;left: -25px;border: 1px solid #ff7429;color: #fff;background-color: #ff7429;padding: 0px 3px;border-radius: 20px;font-size: 12px;">NEW</span>
+                                                                    <span class="new webview-pub-icon">NEW</span>
                                                                 </div>
                                                                 <div class="c-right fr" id="configHideBottom">
 
@@ -1156,8 +1152,7 @@
                                                                         class="img-responsive img-show"> -->
                                                                     <img style="display: block; height: 33px" src="/images/icon/pub22.svg" />
                                                                     <div class="text3">安卓证书</div>
-                                                                    <span class="new"
-                                                                        style="position: absolute;top: -21px;left: -25px;border: 1px solid #ff7429;color: #fff;background-color: #ff7429;padding: 0px 3px;border-radius: 20px;font-size: 12px;">必选</span>
+                                                                    <span class="new webview-pub-icon">必选</span>
                                                                 </div>
                                                                 <div class="c-right fr" id="configKeystore">
 
@@ -1174,15 +1169,13 @@
                                                             <div class="con">
                                                                 <!-- <img src="/static/index/image/014.png"
                                                                     class="img-responsive"> -->
-                                                                <div class="text3" style="color: #8F959F;
-                                                                    width: 70%;
-                                                                    margin: 30px auto;">更多插件，敬请期待…</div>
+                                                                <div class="text3 text4">更多插件，敬请期待…</div>
                                                             </div>
                                                         </div>
                                                     </div>
                                                 </div>
                                                 <div class="pl30">
-                                                    <div class="color-danger">以上插件，如果无需配置，点击【下一步】，直接打包。</div>
+                                                    <div style="color: #2168FB">以上插件，如果无需配置，点击【下一步】，直接打包。</div>
                                                 </div>
                                             </form>
                                             <!--弹窗 下拉刷新-->
@@ -2443,9 +2436,9 @@
                                                                                                                                 } else {
                                                                                                                                     if ($count > 1) {
                                                                                                                                     ?>disabled<?php
-                                                                                                                                    }
-                                                                                                                                }
-                                    ?>"
+                                                                                                                                            }
+                                                                                                                                        }
+                                                                                                                                                ?>"
                                                                                                                 data-left-key="back">
                                                                                                                 <span class="iconfont icon-checkbox1 <?php
                                                                                                                                                         if ($has) {
@@ -2560,9 +2553,9 @@
                                                                                                                                 } else {
                                                                                                                                     if ($count > 1) {
                                                                                                                                     ?>disabled<?php
-                                                                                                                                    }
-                                                                                                                                }
-                                    ?>"
+                                                                                                                                            }
+                                                                                                                                        }
+                                                                                                                                                ?>"
                                                                                                                 data-right-key="back">
                                                                                                                 <span class="iconfont icon-checkbox1 <?php
                                                                                                                                                         if ($has) {
@@ -4087,7 +4080,7 @@
                                             <!--收费-->
                                             <?php
                                             if (!$id) {
-                                            ?>  
+                                            ?>
                                                 <div class="common">
                                                     <div class="tit" style="border: none;padding-bottom: 10px">选择有效期</div>
                                                 </div>
@@ -4099,13 +4092,13 @@
 
 
                                                     <div class="">
-                                                        <ul class="clearfix period list1">
+                                                        <ul class="clearfix period list1 step4-list">
                                                             <?php
                                                             $active = "active";
                                                             $checked = "icon-radio-checked";
                                                             $index = 0;
                                                             if (!empty($IN_WEBVIEWPOINTS[0])) {
-                                                            ?> 
+                                                            ?>
                                                                 <!-- <li id="pdata0" class="clearfix  <?php echo $active; ?>"
                                                                     data-id="0"
                                                                     data-price="<?php echo $IN_WEBVIEWPOINTS[0]; ?>">
@@ -4130,7 +4123,7 @@
                                                             echo "                                                        ";
                                                             if (!empty($IN_WEBVIEWPOINTS[1])) {
                                                                 $index = $active ? 1 : $index;
-                                                            ?> 
+                                                            ?>
                                                                 <!-- <li id="pdata1" class="clearfix  <?php echo $active; ?>"
                                                                     data-id="1"
                                                                     data-price="<?php echo $IN_WEBVIEWPOINTS[1]; ?>">
@@ -4155,7 +4148,7 @@
                                                             echo "                                                        ";
                                                             if (!empty($IN_WEBVIEWPOINTS[2])) {
                                                                 $index = $active ? 2 : $index;
-                                                            ?> 
+                                                            ?>
                                                                 <!-- <li id="pdata2" class="clearfix  <?php echo $active; ?>"
                                                                     data-id="2"
                                                                     data-price="<?php echo $IN_WEBVIEWPOINTS[2]; ?>">
@@ -4180,7 +4173,7 @@
                                                             echo "                                                        ";
                                                             if (!empty($IN_WEBVIEWPOINTS[3])) {
                                                                 $index = $active ? 3 : $index;
-                                                            ?> 
+                                                            ?>
                                                                 <!-- <li id="pdata3" class="clearfix  <?php echo $active; ?>"
                                                                     data-id="3"
                                                                     data-price="<?php echo $IN_WEBVIEWPOINTS[3]; ?>">
@@ -4205,7 +4198,7 @@
                                                             echo "                                                        ";
                                                             if (!empty($IN_WEBVIEWPOINTS[4])) {
                                                                 $index = $active ? 4 : $index;
-                                                            ?> 
+                                                            ?>
                                                                 <!-- <li id="pdata4" class="clearfix  <?php echo $active; ?>"
                                                                     data-id="4"
                                                                     data-price="<?php echo $IN_WEBVIEWPOINTS[4]; ?>">
@@ -4226,7 +4219,8 @@
                                                                 </li>
                                                             <?php
                                                             }
-                                                            ?> </ul>
+                                                            ?>
+                                                        </ul>
                                                         <script>
                                                             $('ul.period>li').click(function() {
                                                                 $(this).addClass('active').siblings().removeClass('active');
@@ -4240,7 +4234,9 @@
 
                                                 <div class="common">
                                                     <div class="tit" style="border: none;padding-bottom: 10px">选择支付方式</div>
-                                                        <a class="ms-btnna ms-btn-secondarya" style="margin-left: 25px"><img src="/images/icon/setpPay.svg" alt="">余额支付￥<?php echo $this->user["money"]; ?></a>
+                                                    <a class="ms-btnna ms-btn-secondarya" style="margin-left: 25px"><img style="
+                                                        display: inline-block;
+                                                        margin-right: 10px;" src="/images/icon/setpPay.svg" alt="">余额支付￥<?php echo $this->user["money"]; ?></a>
                                                     <!-- <ul class="clearfix list3">
                                                         <li class="clearfix  active" data="balance">
                                                             <div class="col-sm-2 col-xs-4"><a class="ms-btnna ms-btn-secondarya"><img src="/img/ye.png" alt="">余额支付￥<?php echo $this->user["money"]; ?></a></div>
@@ -4263,14 +4259,14 @@
                                         </div>
                                         <div class="step">
                                             <div class="form-group clearfix mt40 stepall">
-                                                
-                                                <div style="margin-left: 25px;" class="">
+
+                                                <div class="webview-btn-box">
                                                     <button class="ms-btn ms-btn-default btn-20-7-radio4 ng-binding" type="button"
                                                         id="prev_view_btn"
                                                         onclick="prev_view();">
                                                         上一步
                                                     </button>
-                                                    <button class="ms-btn ms-btn-primary btn-20-7-radio4 ng-binding" type="button"
+                                                    <button class="ms-btn ms-btn-primary btn-20-7-radio4 ng-binding h-100" type="button"
                                                         id="web_view_btn"
                                                         onclick="next_view();">
                                                         下一步

source/system/my.php

@@ -5,7 +5,7 @@ define('IN_CONFIG_TYPE','{"url":"\u94fe\u63a5","date":"\u65e5\u671f","list":"\u5
 define('IN_CONFIG_CATEGORY','{"dev":"\u5f00\u53d1\u914d\u7f6e","pay":"\u652f\u4ed8\u914d\u7f6e","sms":"\u77ed\u4fe1\u914d\u7f6e","sign":"\u7b7e\u540d\u914d\u7f6e","site":"\u7ad9\u70b9\u914d\u7f6e","credit":"\u4e1a\u52a1\u914d\u7f6e","extend":"\u6269\u5c55\u914d\u7f6e","system":"\u5168\u5c40\u914d\u7f6e","upload":"\u4e0a\u4f20\u914d\u7f6e"}');
 define('IN_ARTICLE_GROUP','{"tf":"TF\u7b7e\u540d","vip":"VIP\u4f1a\u5458","sign":"\u4f01\u4e1a\u7b7e\u540d","distr":"\u5206\u53d1","pack":"\u5c01\u88c5APP"}');
 define('IN_ACLOG_TYPE','{"in_points":"\u6f8e\u6e43\u5e01","device_num":"\u516c\u6709\u8bbe\u5907","max_super_code":"\u6388\u6743\u7801","money":"\u73b0\u91d1\u4f59\u989d","prv_device_num":"\u79c1\u6709\u8bbe\u5907","promote_money":"\u4f63\u91d1"}');
-define('IN_NAME','鸿山分发');
+define('IN_NAME','澎湃分发');
 define('IN_KEYWORDS','APP,ios免签,APP封装,企业签名,超级签名');
 define('IN_DESCRIPTION','APP分发为开发者提供专业的APP分发和封装打包等稳定服务,我们支持IOS在线签名,企业签名,APP应用托管,Android应用内测等等一系列的方案!');
 define('IN_ICP','ICP备案:豫ICP备XXXXXXX号-2 增值电信业务许可证号   豫B2-XXXXXXX');
@@ -69,10 +69,10 @@ define('IN_DOWNLOAD','247892');
 define('IN_CONTACT','100000');
 define('IN_COOPERATION','[email protected]');
 define('IN_ADDRESS','*********');
-define('IN_COMPANY','鸿山分发');
+define('IN_COMPANY','澎湃分发');
 define('IN_PURPOSE','秉承着“让开发更高效、更简单”的使命');
-define('IN_PROJECT','鸿山分发');
-define('IN_PROMISE','鸿山分发');
+define('IN_PROJECT','澎湃分发');
+define('IN_PROMISE','澎湃分发');
 define('IN_TEMPLATAPC','2');
 define('IN_TEMPLATAWA','2');
 define('IN_WXQRCODE','data/image/IN_WXQRCODE.png');
@@ -102,8 +102,8 @@ define('IN_QQ','0');
 define('IN_CODEPAYID','1');
 define('IN_CODEPAYKEY','1');
 define('IN_LOGO','data/image/IN_LOGO.png');
-define('IN_NAME_EN','鸿山分发');
-define('IN_NAME_TW','鸿山分发');
+define('IN_NAME_EN','澎湃分发');
+define('IN_NAME_TW','澎湃分发');
 define('IN_AC_HOLD_TIME','7');
 define('IN_DOWNLOAD_PAGE_FOOTER_ON','0');
 define('IN_F2FPAYID','1');

static/index/css/h5.css

@@ -954,7 +954,7 @@
         padding: 20px;
     }
 
-    .price-pay .common .list1 li .left {
+    /* .price-pay .common .list1 li .left {
         padding-right: .6rem;
     }
 
@@ -966,14 +966,14 @@
 
     .price-pay .common .list1 li:last-of-type {
         margin-bottom: 0;
-    }
+    } */
 
     .price-pay .common .list2 li {
         margin-right: .4rem;
         margin-bottom: .2rem;
     }
 
-    .price-pay .common .list3 {
+    /* .price-pay .common .list3 {
         padding-bottom: 0;
     }
 
@@ -986,7 +986,7 @@
         align-items: center;
         margin-right: 0;
         margin-bottom: 10px;
-    }
+    } */
 
     /*.price-pay .common .list3 li:nth-of-type(2){margin-left: 10%;}*/
     /*.price-pay .common .list3 li:nth-of-type(3){margin-top: 20px;}*/

static/index/css/ly.css

@@ -139,6 +139,7 @@
     font-size: 14px !important;
     font-weight: 500;
     text-align: center !important;
+    color: #151515
 }
 .price-btn {
     border-radius: 4px;
@@ -174,7 +175,7 @@
     color: #8f959f;
     font-size: 16px !important;
     font-weight: 500 !important;
-    line-height: 30px;
+    line-height: 26px;
     text-align: center;
 }
 .fz-step-line {
@@ -189,46 +190,232 @@
 .fz-step-font {
   position: absolute;
   top: 40px;
-  color: #8F959F !important;
+  color: #8F959F;
   font-weight: 500 !important;
   font-size: 16px !important;
   width: 64px;
   left: -16px;
 }
+.table-inp-box {
+    margin-bottom: 16px;
+}
+.domain-inp {
+    width: 180px;
+}
+.pc-none {
+    display: none;
+}
+.webview-btn-box {
+    margin-left: 25px;
+}
+.webview-pub-icon {
+    position: absolute;
+    top: -10px;
+    border: 1px solid #ff7429;
+    color: #fff;
+    background-color: #ff7429;
+    padding: 0px 3px;
+    border-radius: 20px;
+    font-size: 12px;
+}
+#prev_view_btn {
+    color: #2168FB;
+    border-color: #2168FB;
+}
+.encapsulation3 .plugin-list img {
+    display: block;
+    height: 33px;
+}
+.encapsulation3 .plugin-list .con .text4 {
+    width: 70%;
+    margin: 25px 0;
+    margin-left: 15% !important;      
+}
+.signature1 .step4-list .left {
+    padding-top: 0px;
+}
+body .price-pay .price-list3 .list3 li {
+    width: 270px;
+    height: 88px;
+}
 /* 移动端样式适配 */
 @media (max-width: 767px) {
     .apps-num {
-        font-size: 24px !important;
+        font-size: .48rem !important;
+    }
+    .apps-numbers {
+        width: 100%;
     }
     .apps-numbox {
-        height: 50px
+        height: 1rem
     }
     .apps-numbox-n {
-        margin-top: 10px;
+        margin-top: .2rem;
     }
     .apps-right-line {
-        top: 17px;
-        height: 40px;
+        top: .34rem;
+        height: .8rem;
     }
     .apps-buyBtn {
         position: absolute;
-        top: -22px;
-        right: 12px;
+        top: -.44rem;
+        right: .24rem;
     }
     .mob-none {
         display: none !important;
     }
+    .pc-none {
+        display: block !important;
+    }
     .app-system-select {
-        width: 90px !important;
-        height: 30px !important;
+        width: 1.8rem !important;
+        height: .6rem !important;
         /* margin-right: 0 !important; */
     }
     .input-search input {
-        width: 120px !important;
-        height: 30px !important;
+        width: 2.4rem !important;
+        height: .6rem !important;
     }
     .app-bloder-btn {
-        height: 30px !important;
-        line-height: 28px !important;
+        height: .6rem !important;
+        line-height: .6rem !important;
+    }
+    .domain-inp {
+        height: .6rem !important;
+    }
+    .fz-step-box {
+        padding: .4rem .6rem !important
+    }
+    .fz-step-font {
+        font-size: .24rem !important;
+        width: .96rem;
+        left: -0.14rem
+    }
+    .fz-step-box {
+        height: 2rem;
+        border: none
+    }
+    .real-name {
+        border: none !important;
+    }
+    .fz-mob-line {
+        height: .04rem;
+        margin: 0 .32rem;
+        background-color: #f2f2f5;
+    }
+    .real-name label {
+        font-size: .28rem;
+        margin-bottom: .16rem;
+    }
+    .btn-20-7-radio4 {
+        width: 3rem;
+    }
+    .btn-20-7-radio4.h-100 {
+        width: 100%;
+    }
+    #prev_view_btn {
+        margin-right: .1rem
+    }
+    .webview-btn-box {
+        margin-left: 0;
+    }
+    .pack-step1 .form-group label {
+        padding: 0;
+    }
+    .pack-step1 .form-group>div {
+        padding: 0;
+    }
+    .encapsulation {
+        padding: .32rem !important;
+    }
+    .plugin-list .row {
+        display: flex;
+        flex-wrap: wrap;
+    }
+    .encapsulation3 .plugin-list .col-sm-2 {
+        width: 33% !important;
+        margin-bottom: .4rem;
+    }
+    .encapsulation3 .plugin-list .con {
+        width: 1.92rem !important;
+        height: 1.56rem !important;
+    }
+    .encapsulation3 .plugin-list .con .text3 {
+        font-size: .28rem !important;
+        margin-bottom: .2rem !important;
+    }
+    .encapsulation3 .plugin-list img {
+        height: .66rem !important;
+    }
+    .webview-pub-icon {
+        top: -.2rem;
+    }
+    .encapsulation3 .plugin-list .con .text4 {
+        width: 88% !important;
+        margin: .32rem 0;
+        margin-left: .2rem !important;      
+    }
+    .price-pay .common .list1 .right {
+        font-size: .48rem !important;
+        padding-left: .32rem !important;
+    }
+    .price-pay .common .list1 li .left {
+        padding-right: .28rem !important;
+    }
+    .price-pay .common .list1 .right span {
+        font-size: .28rem !important;
+        color: #333;
+    }
+    .price-pay .common .list1 li {
+        margin-right: .24rem !important;
+        padding: .2rem .3rem !important;
+    }
+    .price-pay .common .list1 li:nth-child(even) {
+        margin-right: 0 !important;
+    }
+    .price-pay .common ul {
+        padding: 0 !important;
+    }
+    .ms-btn-secondarya {
+        width: 3.8rem;
+        height: 1.2rem;
+        margin-left: .4rem !important;
+        padding: .4rem .2rem;
+    }
+    body .price-pay .common .list3 li {
+        width: 1.82rem;
+        height: 1.4rem;
+        padding: .2rem 0;
+        margin-right: .32rem;
+        margin-bottom: .32rem;
+    }
+    body .price-pay .common .list3 li:nth-child(3n) {
+        margin-right: 0;
+    }
+    .price-list1,.price-list2,.price-list3,.price-pay .pay-money {
+        padding: 0 .32rem !important;
+    }
+    .price-type {
+        font-size: .28rem
+    }
+    .price-pay .price-list2 .list1 li {
+        margin-right: 0 !important;
+        width: 100%;
+        padding: .22rem .84rem !important;
+    }
+    .price-pay .price-list2 .list1 li .text1 {
+        font-size: .24rem;
+    }
+    .price-pay .price-list2 .list1 li .text2 {
+        font-size: .4rem;
+    }
+    .price-img3 {
+        height: .44rem
+    }
+    .price-pay .pay-money .ms-btn {
+        width: 100% !important;
+    }
+    .price-pay .pay-money {
+        margin-bottom: 1rem;
     }
 }

static/index/css/main.css

@@ -1,5 +1,19 @@
 @charset "utf-8";
 @import url("./ly.css");
+@font-face {
+    font-family: 'NumberFont';
+    src: url('/static/index/font/poppins/Poppins-Bold.woff') format('woff'),
+         url('/static/index/font/poppins/Poppins-Medium.woff') format('woff'),
+         url('/static/index/font/poppins/Poppins-Regular.woff') format('woff');
+    unicode-range: U+30-39; /* 只针对数字0-9 */
+}
+@font-face {
+    font-family: 'syht';
+    src: url('/static/index/font/syht/SourceHanSansSC-Bold-2.woff') format('woff'),
+    url('/static/index/font/syht/SourceHanSansSC-Medium-2.woff') format('woff'),
+    url('/static/index/font/syht/SourceHanSansSC-Regular-2.woff') format('woff');
+}
+body {font-family: 'syht', 'Poppins', sans-serif;}
 @media (min-width: 1300px) {
     .container {
         width: 1300px;
@@ -7132,7 +7146,9 @@ a:hover {
 }
 
 .encapsulation3 .free-tool {
-    color: #333;
+    color: #151515;
+    font-size: 16px;
+    font-weight: 700;
 }
 
 .encapsulation3 .pay-tool {
@@ -7165,8 +7181,6 @@ a:hover {
     margin-bottom: 10px;
     color: #151515;
     font-size: 14px;
-    width: 100px;
-    margin-left: -13px;
 }
 
 .encapsulation3 .plugin-list .con .icon-checkbox {
@@ -7221,8 +7235,7 @@ a:hover {
 
 .encapsulation3 .plugin-list .con .c-left {
     font-size: 12px;
-    width: 60%;
-    transform: translate(24px, 12px);
+    width: 100%;
 }
 
 .encapsulation3 .plugin-list .con .c-left .img-hide {

static/pack/webview/lib--.js

@@ -85,8 +85,10 @@ function prev_view() {
         step--;
         $('.step' + step).show().siblings('.step-common').hide();
         $("#web_view_btn").text('下一步');
-        if (step == 1)
+        if (step == 1) {
             $('#prev_view_btn').hide();
+            $('#web_view_btn').addClass('h-100')
+        }     
         $('ul.fz-step-box li').eq(step - 1).addClass('active').siblings().removeClass('active')
     }
 }
@@ -116,6 +118,7 @@ function next_view() {
         step++;
         $('.step' + step).show().siblings('.step-common').hide();
         $('#prev_view_btn').show();
+        $('#web_view_btn').removeClass('h-100')
         $('ul.fz-step-box li').eq(step - 1).addClass('active').siblings().removeClass('active')
         return;
     }

static/pack/webview/lib.js

@@ -85,8 +85,10 @@ function prev_view() {
         step--;
         $('.step' + step).show().siblings('.step-common').hide();
         $("#web_view_btn").text('下一步');
-        if (step == 1)
+        if (step == 1) {
             $('#prev_view_btn').hide();
+            $('#web_view_btn').addClass('h-100')
+        }    
         $('ul.fz-step-box li').eq(step - 1).addClass('active').siblings().removeClass('active')
     }
 }
@@ -117,6 +119,7 @@ function next_view() {
         step++;
         $('.step' + step).show().siblings('.step-common').hide();
         $('#prev_view_btn').show();
+        $('#web_view_btn').removeClass('h-100')
         $('ul.fz-step-box li').eq(step - 1).addClass('active').siblings().removeClass('active')
         return;
     }