css/base.css

@@ -1,6 +1,6 @@
 body {
     color: #333;
-    background: #f7f7f7;
+    background: #ffffff;
 }
 
 body,

css/index.css

@@ -4,75 +4,115 @@
   width: 287px;
   height: 50px;
   background: #536BF5;
-  box-shadow: 0 3px 13px 0 rgba(0,82,255,.5);
+  box-shadow: 0 3px 13px 0 rgba(0, 82, 255, .5);
   border-radius: 25px;
   color: #fff;
   font-size: 18px;
   cursor: pointer;
 }
+
 .white-btn {
   background: #fff;
   color: #000;
 }
 
 .swiper {
-  height: 734px;
+  height: 700px;
   color: #fff;
 }
+
 .swiper .slide-item {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
-  height: 734px;
+  height: 700px;
   margin: 0 auto;
   overflow: hidden;
   text-align: center;
 }
+
 .swiper .slide-item-act {
   background-image: url('../img/index/banner-yuandan.png');
 }
+
 .btn-act {
   width: 334px;
   margin-top: 520px;
 }
+
 .swiper .slide-item-1 {
   background-image: url('../img/index/banner-1.png');
 }
+
 .swiper .slide-item-2 {
   background-image: url('../img/index/banner-2.png');
 }
+
 .swiper .slide-item-3 {
   background-image: url('../img/index/banner-3.png');
 }
+
 .swiper .slide-item-4 {
   background-image: url('../img/index/banner-4.png');
 }
+
+.swiper .slide-item-5 {
+  background-image: url('../img/index/banner-5.png');
+}
+
 .swiper .slide-item .banner-wrap {
   width: 1200px;
   margin: 0 auto;
   text-align: left;
 }
+
 .swiper .slide-item p.title {
   font-size: 64px;
   font-weight: bolder;
-  margin: 220px 0 50px;
+  margin: 220px 0 20px;
 }
+
 .swiper .slide-item p {
   font-size: 16px;
-  margin-bottom: 112px;
+  margin-bottom: 20px;
+}
+
+.swiper .slide-item .feature {
+  margin-bottom: 48px;
+}
+
+.swiper .slide-item .feature .item {
+  line-height: 34px;
+  height: 34px;
+  position: relative;
+  padding-left: 40px;
+  margin-right: 28px;
 }
+
+.swiper .slide-item .feature .item svg {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
 .swiper .slide-item .btn-orange {
   float: left;
   display: block;
-  width: 280px;
-  height: 50px;
-  border-radius: 25px;
-  font-size: 18px;
   color: #fff;
-  background: linear-gradient(160deg, #F9C333, #F79346);
-  margin: -60px auto 70px;
+  background: linear-gradient(93.76deg, #31FCFF -10.35%, #0AA5FF 85.34%);
+  margin: 0px auto 70px;
   cursor: pointer;
+  width: 280px;
+  height: 50px;
+  border-radius: 8px;
+  font-family: Source Han Sans SC;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 24px;
+  text-shadow: 0px 2px 4px rgba(16, 61, 139, 0.49);
 }
+
 .swiper .swiper-pagination {
   overflow: hidden;
   position: absolute;
@@ -80,6 +120,7 @@
   left: 50%;
   transform: translateX(-50%);
 }
+
 .swiper .swiper-pagination .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
@@ -87,127 +128,339 @@
   margin: 0 4px;
   border-radius: 4px;
 }
+
 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: #fff;
 }
 
 .icons {
-  width: 1200px;
-  margin: 16px auto;
+  width: 1290px;
+  max-width: 100vw;
+  min-width: 1200px;
+  margin: -60px auto 0px;
+  z-index: 1;
+  position: relative;
 }
+
 .icons ul {
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   margin-bottom: 30px;
 }
+
 .icons ul.icon-list {
-  width: 1000px;
   margin: 0 auto 30px;
+  box-shadow: 0px 4px 20px 0px rgba(142, 142, 142, 0.12);
+  background: rgba(255, 255, 255, 1);
+  width: 1290px;
+  max-width: 100vw;
+  min-width: 1200px;
+  height: 140px;
+  border-radius: 12px;
+  align-items: center;
 }
+
 .icons ul.icon-list li {
   cursor: pointer;
+  position: relative;
+  padding: 11px 48px 0 131px;
+  height: 70px;
+  /* width: 305px; */
+}
+
+.icons ul.icon-list a {
+  border-right: 1px solid rgba(227, 234, 245, 1);
 }
+
+.icons ul.icon-list a:last-child {
+  border-right: unset;
+}
+
 .icons ul.icon-list li img {
-  width: 224px;
-  box-shadow: 0 0 5px 5px rgba(234, 234, 234, .6);
+  width: 60px;
+  /* box-shadow: 0 0 5px 5px rgba(234, 234, 234, .6); */
+  position: absolute;
+  left: 47px;
+  top: 5px;
 }
+
+.icons ul.icon-list li .p1 {
+  color: rgba(21, 21, 21, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 22px;
+
+}
+
+.icons ul.icon-list li .p2 {
+  color: rgba(118, 144, 181, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 14px;
+
+
+}
+
 .icons ul.icon-text {
   padding: 30px 0;
   font-size: 15px;
   box-shadow: 0 0 5px 5px rgba(234, 234, 234, .6);
 }
+
 .icons ul.icon-text li {
   display: none;
   width: 1200px;
   text-align: center;
 }
+
 .icons p {
   text-align: center;
 }
+
 .sign {
   width: 1200px;
-  margin: 140px auto 80px;
+  margin: 120px auto 80px;
+  background-color: #ffffff;
 }
+
 .sign .title {
   display: block;
-  width: 582px;
-  height: 92px;
-  margin: 0 auto 30px;
+  width: 449px;
+  height: 60px;
+  margin: 0 auto 70px;
 }
+
 .sign ul {
   display: flex;
   flex-wrap: wrap;
+  justify-content: space-between;
+  margin-bottom: 30px;
 }
+
 .sign ul li {
-  display: flex;
-  width: 45%;
-  padding-left: 5%;
-  margin: 40px 0;
+  width: 280px;
+  height: 260px;
+  border-radius: 12px;
+  background-color: rgba(247, 249, 251, 1);
+  /* background-color: rgb(203 229 255); */
+  box-sizing: border-box;
+  padding-left: 32px;
+  padding-top: 30px;
 }
+
 .sign ul li img {
   display: block;
-  width: 200px;
-  height: 200px;
-  margin-right: 64px;
+  width: 96px;
+  height: 96px;
+  margin-left: -16px;
 }
+
 .sign ul li .sign-info {
-  padding-top: 40px;
+  padding-top: 12px;
 }
-.sign ul li .sign-info > div {
-  color: #999;
-  line-height: 2;
-  margin-top: 20px;
+
+.sign ul li .sign-info>div {
+  margin-top: 14px;
+  color: rgba(118, 144, 181, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 22px;
 }
+
 .sign ul li p {
   font-size: 24px;
-  color: #000;
   font-weight: bolder;
+  color: rgba(21, 21, 21, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 22px;
+}
+
+.sign-buttom {
+  background: url(../img/index/sign-buttom.png) no-repeat center;
+  background-size: cover;
+  width: 1200px;
+  height: 160px;
+  padding: 46px 0 0 122px;
+  position: relative;
+}
+
+.sign-buttom .p1 {
+  text-shadow: 0px 4px 4px rgba(0, 81, 119, 0.16);
+  color: rgba(255, 255, 255, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
+  font-size: 22px;
+  line-height: 34px;
+}
+
+.sign-buttom a {
+  position: absolute;
+  width: 144px;
+  height: 40px;
+  border-radius: 4px;
+  border-width: 1px;
+  background-color: rgba(255, 255, 255, 0.05);
+  border: 1px solid rgba(255, 255, 255, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 38px;
+  text-align: center;
+  vertical-align: middle;
+  color: rgba(255, 255, 255, 1);
+  top: 50%;
+  transform: translateY(-50%);
+  right: 122px;
 }
+
+.step-area {
+  background-color: rgb(247, 249, 251);
+  padding: 70px 0 110px;
+}
+
+.step-area .step {
+  width: 1200px;
+  margin: 0 auto;
+}
+
+.step-area .contain {
+  width: 1109px;
+  height: 272px;
+  background: url(../img/index/step.png) no-repeat center;
+  background-size: cover;
+  margin: 0 auto;
+}
+
+.step-area .step .title {
+  display: block;
+  width: 200px;
+  height: 64px;
+  margin: 0 auto 90px;
+}
+
 .web-area {
   overflow: hidden;
   background: url(../img/index/web-bg.png) no-repeat center;
   background-size: cover;
-  height: 900px;
+  height: 742px;
 }
+
 .web {
   width: 1200px;
   margin: 0 auto;
 }
+
 .web .title {
   display: block;
-  width: 678px;
-  height: 95px;
-  margin: 100px auto 50px;
+  width: 331px;
+  height: 63px;
+  margin: 70px auto 50px;
 }
+
 .web ul {
   color: #fff;
-  margin-left: 60%;
-  margin-top: 80px;
+  margin-left: 58%;
+  margin-top: 110px;
 }
+
 .web ul li p {
+  margin-bottom: 12px;
+  position: relative;
+  color: rgba(255, 255, 255, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
   font-size: 24px;
-  font-weight: bolder;
-  margin-bottom: 20px;
+  line-height: 34px;
 }
-.web ul li > div {
-  color: #ccc;
-  margin-bottom: 45px;
+
+.web ul li p::after {
+  position: absolute;
+  content: '';
+  background: rgba(255, 255, 255, 1);
+  width: 6px;
+  height: 19px;
+  top: 9px;
+  left: -18px;
 }
+
+.web ul li>div {
+  margin-bottom: 40px;
+  color: rgba(255, 255, 255, 0.7);
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 20px;
+}
+
+.platform-advantage {
+  background-color: rgb(254, 254, 254);
+  padding: 120px 0 140px;
+}
+
+.platform-advantage .title {
+  display: block;
+  width: 314px;
+  height: 64px;
+  margin: 0 auto 90px;
+}
+
+.platform-advantage ul {
+  display: flex;
+  justify-content: space-between;
+  width: 1200px;
+  margin: 0 auto;
+}
+
+.platform-advantage ul li {
+  text-align: center;
+}
+
+.platform-advantage ul li img {
+  width: 70px;
+  height: 70px;
+  margin-bottom: 10px;
+}
+
+.platform-advantage ul li p {
+  color: rgba(21, 21, 21, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
+  font-size: 18px;
+  line-height: 22px;
+  margin-bottom: 10px;
+}
+
+.platform-advantage ul li>div {
+  color: rgba(118, 144, 181, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 500;
+  font-size: 15px;
+  line-height: 20px;
+}
+
 .dispatch {
   margin-bottom: 100px;
 }
+
 .dispatch .title {
   display: block;
-  width: 888px;
-  height: 92px;
+  width: 315px;
+  height: 64px;
   margin: 100px auto 50px;
 }
+
 .dispatch ul {
   display: flex;
   justify-content: space-around;
   width: 1350px;
   margin: 0 auto;
 }
+
 .dispatch ul li {
   width: 415px;
   height: 497px;
@@ -216,40 +469,49 @@
   background-repeat: no-repeat;
   background-position: center;
 }
+
 .dispatch ul li.dispatch-1 {
   background-image: url(../img/index/dispatch-1.png);
 }
+
 .dispatch ul li.dispatch-2 {
   background-image: url(../img/index/dispatch-2.png);
 }
+
 .dispatch ul li.dispatch-3 {
   background-image: url(../img/index/dispatch-3.png);
 }
+
 .dispatch ul li p {
   font-size: 24px;
   color: #000;
   font-weight: bold;
   margin: 60px 0 10px;
 }
-.dispatch ul li > div {
+
+.dispatch ul li>div {
   color: #999;
 }
+
 .shelf-area {
   overflow: hidden;
   background: url(../img/index/shelf-bg.png) no-repeat center;
   background-size: cover;
   height: 750px;
 }
+
 .shelf {
   width: 1200px;
   margin: 0 auto;
 }
+
 .shelf .title {
   display: block;
   width: 726px;
   height: 92px;
   margin: 90px auto 30px;
 }
+
 .shelf .shelf-note {
   font-size: 24px;
   font-weight: bolder;
@@ -257,41 +519,116 @@
   margin-top: 80px;
   line-height: 3;
 }
+
 .gain {
   overflow: hidden;
-  height: 430px;
-  background: linear-gradient(135deg, #1C7EE1 0%, #9775E5 70%);
+  height: 300px;
+  background: linear-gradient(180deg, #4687FF 0%, #2267E8 100%);
   color: #fff;
   text-align: center;
 }
-.gain > p {
+
+.gain>p {
+  margin: 50px 0 60px;
+  color: rgba(255, 255, 255, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
   font-size: 36px;
-  font-weight: bolder;
-  margin: 100px 0 70px;
+  line-height: 40px;
 }
+
 .gain ul {
   display: flex;
   justify-content: space-between;
-  width: 1000px;
+  width: 1200px;
   margin: 0 auto;
 }
+
 .gain ul li h3 {
-  font-size: 60px;
-  padding: 0;
-  margin: 0;
+  color: rgba(255, 255, 255, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
+  font-size: 36px;
+  line-height: 52px;
+  margin-bottom: 8px;
 }
+
 .gain ul li p {
-  font-size: 24px;
+  color: rgba(255, 255, 255, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 20px;
 }
+
+.contact-us {
+  background-color: #fff;
+  background: url(../img/index/contact-bg.png) no-repeat center;
+  background-size: cover;
+  padding: 78px 0 78px;
+}
+
+.contact-us .title {
+  color: rgba(255, 255, 255, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
+  font-size: 30px;
+  line-height: 40px;
+  text-align: center;
+  margin-bottom: 56px;
+}
+
+.contact-us .contact-info .item {
+  margin: 0 auto 18px;
+  display: flex;
+  width: 691px;
+  height: 73px;
+  border-radius: 3px;
+  background-color: rgba(255, 255, 255, 1);
+  padding-left: 20px;
+  align-items: center;
+  line-height: 29px;
+  color: rgba(21, 21, 21, 1);
+}
+
+.contact-us .contact-info .item img {
+  width: 50px;
+  height: 50px;
+  margin-right: 12px;
+}
+
+.contact-us .contact-info .item p {
+  color: rgba(21, 21, 21, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
+  font-size: 20px;
+  width: 402px;
+}
+
+.contact-us .contact-info .item a {
+  width: 200px;
+  height: 62px;
+  line-height: 60px;
+  color: #ffffff;
+  text-align: center;
+  border-radius: 3px;
+  background: rgba(58, 195, 76, 1);
+  font-family: Source Han Sans SC;
+  font-weight: 700;
+  font-size: 18px;
+}
+
 .cooperate {
   padding-bottom: 100px;
 }
+
 .cooperate .title {
   display: block;
   width: 632px;
   height: 92px;
   margin: 100px auto 30px;
 }
+
 .cooperate ul {
   width: 1200px;
   margin: 0 auto;
@@ -299,9 +636,11 @@
   flex-wrap: wrap;
   justify-content: space-between;
 }
+
 .cooperate ul li {
   margin: 50px 20px;
 }
+
 .cooperate ul li img {
   width: 197px;
   height: 197px;

css/shouye.css

@@ -710,7 +710,7 @@ html[lang=it] #intro h1 {
 
 
 /*footer*/
-footer{background-color: #373d41; padding: 60px 0;}
+footer{background-color: rgba(6, 26, 38, 1);padding: 60px 0;}
 .footer .left dl{margin-right: 160px;}
 .footer .left dl:last-of-type{margin-right: 100px;}
 .footer .left dt{color: #fff; font-size: 18px; margin-bottom: 20px;}
@@ -3001,7 +3001,7 @@ aside.aside-left ul li:hover a .iconfont{color: #157df1;}
 .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(2){left: 50%;}
 .app-details .details-bottom .points-line-wrap .points-line-3:nth-of-type(3){left: 75%;}
 
-.app-details .bundle-length{max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
+.app-details .details-bottom .bundle-length{max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
 
 .app-details .details-bottom .d-table-wrap .test-download{}
 .app-details .details-bottom .d-table-wrap .link{max-width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
@@ -3119,10 +3119,6 @@ aside.aside-left ul li:hover a .iconfont{color: #157df1;}
 .release-app2 .aside-right .app-set .basic input::-moz-placeholder{color: #333 !important;}
 .release-app2 .aside-right .app-set .basic input::-ms-input-placeholder{color: #333 !important;}
 
-.release-app2 .aside-right .app-set .download-template ul li{float: left;  margin-right: 30px; text-align: center; margin-bottom: 20px;}
-.release-app2 .aside-right .app-set .download-template .t-checked-wrap{width: 125px; height: 155px; position: relative; border: 1px solid #e5e5e5; overflow: hidden; margin-bottom: 10px; cursor: pointer;}
-.release-app2 .aside-right .app-set .download-template .text{color: #157df1;}
-.release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked{position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.6); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; display: none;}
 .release-app2 .aside-right .app-set .download-template .t-checked-wrap .t-checked .iconfont{color: #fff; font-size: 32px;}
 
 .release-app2 .upload-file{padding: 0; padding-top: 0; margin-top: 0;}
@@ -4248,4 +4244,5 @@ aside.aside-left ul li:hover a .iconfont{color: #157df1;}
     position: relative;
     top: -15px;
     left: 0;
+    display: none;
 }

js/number-counter.js

@@ -0,0 +1,134 @@
+// 数字滚动效果 - 使用 Intersection Observer
+console.log('Number counter script loaded');
+
+// 数字计数器类
+class NumberCounter {
+    constructor(element) {
+        this.element = element;
+        this.target = this.parseTargetNumber();
+        this.isAnimating = false;
+        this.hasAnimated = false;
+        
+        console.log('NumberCounter created for:', this.element.className, 'Target:', this.target);
+    }
+
+    parseTargetNumber() {
+        const originalText = this.element.textContent.trim();
+        console.log('Parsing target number from:', originalText);
+        
+        // 移除逗号并解析数字
+        const number = parseInt(originalText.replace(/,/g, ''));
+        
+        if (isNaN(number)) {
+            console.error('Invalid number:', originalText);
+            return 0;
+        }
+        
+        console.log('Parsed number:', number);
+        return number;
+    }
+
+    animate(duration = 2000) {
+        if (this.isAnimating || this.hasAnimated) {
+            console.log('Animation already running or completed for:', this.element.className);
+            return;
+        }
+
+        console.log('Starting animation for:', this.element.className, 'Target:', this.target);
+        
+        this.isAnimating = true;
+        const start = 0;
+        const startTime = performance.now();
+
+        const update = (currentTime) => {
+            const elapsed = currentTime - startTime;
+            const progress = Math.min(elapsed / duration, 1);
+
+            // 缓动函数 - easeOutQuart
+            const easeOutQuart = 1 - Math.pow(1 - progress, 4);
+            const current = Math.floor(start + (this.target - start) * easeOutQuart);
+
+            // 格式化数字（添加千位分隔符）
+            // const formatted = current.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            // this.element.textContent = formatted;
+            this.element.textContent = current;
+
+            if (progress < 1) {
+                requestAnimationFrame(update);
+            } else {
+                // 确保最终显示正确的目标值
+                // const finalFormatted = this.target.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+                // this.element.textContent = finalFormatted;
+                this.element.textContent = this.target;
+                
+                // 添加动画完成类
+                this.element.classList.add('animated');
+                
+                this.isAnimating = false;
+                this.hasAnimated = true;
+                
+                console.log('Animation completed for:', this.element.className, 'Final value:', finalFormatted);
+            }
+        };
+
+        requestAnimationFrame(update);
+    }
+}
+
+// 等待页面加载完成
+window.addEventListener('load', function() {
+    console.log('Window load event fired');
+    
+    // 查找数字元素
+    const numberElements = document.querySelectorAll('.number-1, .number-2, .number-3');
+    console.log('Found number elements:', numberElements.length);
+
+    if (numberElements.length === 0) {
+        console.error('No number elements found!');
+        return;
+    }
+
+    // 显示原始内容
+    numberElements.forEach((element, index) => {
+        console.log(`Element ${index + 1} (${element.className}) original content:`, element.textContent);
+    });
+
+    // 创建数字计数器实例
+    const counters = Array.from(numberElements).map(element => new NumberCounter(element));
+
+    // 创建 Intersection Observer
+    const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                console.log('Element entered viewport:', entry.target.className);
+                
+                // 找到对应的计数器并开始动画
+                const counter = counters.find(c => c.element === entry.target);
+                if (counter) {
+                    counter.animate(2000);
+                }
+                
+                // 一旦动画开始，就不再观察这个元素
+                observer.unobserve(entry.target);
+            }
+        });
+    }, {
+        threshold: 0.5, // 当元素50%可见时触发
+        rootMargin: '0px 0px -50px 0px' // 稍微提前触发
+    });
+
+    // 开始观察所有数字元素
+    numberElements.forEach(element => {
+        observer.observe(element);
+        console.log('Started observing element:', element.className);
+    });
+});
+
+// 添加全局函数用于手动测试
+window.testNumberAnimation = function() {
+    console.log('Manual test triggered');
+    const elements = document.querySelectorAll('.number-1, .number-2, .number-3');
+    elements.forEach((el, i) => {
+        console.log(`Element ${i + 1}:`, el.textContent);
+    });
+}; 

source/index/login.php

@@ -79,7 +79,7 @@ a#qq {
             
             <?php if (IN_SMS666666) { ?>
             &nbsp; &nbsp; &nbsp;
-            <div id="phone_login" class="tit" style="display:inline-block;color:#888;cursor:pointer">短信登录</div>
+            <div id="phone_login" class="tit" style="display:inline-block;color:rgba(118, 144, 181, 1);cursor:pointer">短信登录</div>
              <?php } ?>
              
             </div>
@@ -90,25 +90,27 @@ a#qq {
                     <label class="iconfont icon-user" for="user"></label>
                     <input type="text" class="form-control input-lg" id="user" name="username"
                            aria-describedby="helpBlock2"
-                           placeholder="请输入用户名/手机号">
-                    <span class="help-block">请输入正确的用户名/手机号</span>
+                           placeholder="账号名称">
+                    <span class="help-block">请输入正确的账号名称</span>
                 </div>
                 <div class="form-group">
                     <label class="iconfont icon-pwd" for="password"></label>
-                    <input class="form-control input-lg" id="password" name="password" placeholder="请输入密码"
+                    <input class="form-control input-lg" id="password" name="password" placeholder="登录密码"
                            type="password">
                     <span class="help-block">请输入正确的密码</span>
                 </div>
-                <div class="checkbox"><input type="checkbox" id="remember-me" checked><span>记住我</span></div>
-                <button type="button" class="ms-btn ms-btn-primary input-lg mt20" id="submitButton">登录</button>
-                <div class="clearfix mt15">
-                    <?php 
-		if (IN_REG_ON) {
-			?>                        <a href="/index/reg" class="fl">免费注册</a>
-                    <?php 
-		}
-		?>                   
-		<a href="/index/lost" class="fr">忘记密码</a>
+                <div class="btn-action">
+                    <a href="/index/lost" class="fr">忘记密码?</a>
+                    <?php if (IN_SMS666666) { ?>
+                        <a id="phone_login_btn">手机验证码登录</a>
+                    <?php } ?>
+                </div>
+                <!-- <div class="checkbox"><input type="checkbox" id="remember-me" checked><span>记住我</span></div> -->
+                <button type="button" class="ms-btn ms-btn-primary input-lg btn-login" id="submitButton">登录</button>
+                <div class="clearfix mt15 to-register">
+                    <?php  if (IN_REG_ON) { ?>还没有账号？&nbsp;&nbsp;&nbsp;<a href="/index/reg" class="fl">去注册</a>
+                    <?php } ?>                   
+                    <!-- <a href="/index/lost" class="fr">忘记密码</a> -->
                 </div>
             </form>
        
@@ -118,7 +120,7 @@ a#qq {
                     <label class="iconfont icon-user" for="phone"></label>
                     <input type="text" class="form-control input-lg" id="phone" name="phone"
                            aria-describedby="helpBlock2"
-                           placeholder="请输入手机号（演示站尚未未设置短信，请用账号登录）">
+                           placeholder="手机号码">
                     <span class="help-block">请输入正确的手机</span>
                 </div>
                 
@@ -129,7 +131,7 @@ a#qq {
 
                     <div class="clearfix verification-code">
 
-                        <input type="text" class="form-control input-lg fl" id="code" placeholder="请输入手机验证码">
+                        <input type="text" class="form-control input-lg fl" id="code" placeholder="验证码">
 
                         <button type="button" class="ms-btn ms-btn-primary input-lg fr" id="sendcode">获取验证码</button>
 
@@ -140,15 +142,10 @@ a#qq {
                 </div>
 
                
-                <button type="button" class="ms-btn ms-btn-primary input-lg mt20" id="submitButton_code">登录</button>
-                <div class="clearfix mt15">
-                    <?php 
-		if (IN_REG_ON) {
-			?>                        <a href="/index/reg" class="fl">免费注册</a>
-                    <?php 
-		}
-		?>                    
-
+                <button type="button" class="ms-btn ms-btn-primary input-lg btn-login" id="submitButton_code">登录</button>
+                <div class="clearfix mt15 to-register">
+                    <?php  if (IN_REG_ON) { ?>还没有账号？&nbsp;&nbsp;&nbsp;<a href="/index/reg" class="fl">去注册</a>
+                    <?php } ?>                   
                 </div>
             </form>
         <!--新增QQ互联登录-->
@@ -224,20 +221,27 @@ a#qq {
                 
                 
                 $('#acc_login').click(function(){
-                    $('#phone_login').css('color','#888');
-                     $('#acc_login').css('color','#333');
+                    $('#phone_login').css('color','rgba(118, 144, 181, 1)');
+                     $('#acc_login').css('color','rgba(21, 21, 21, 1)');
                      $('#loginValid').css('display','block');
                      $('#loginValid_code').css('display','none');
                 })
                 
                 $('#phone_login').click(function(){
-                     $('#phone_login').css('color','#333');
-                     $('#acc_login').css('color','#888');
+                     $('#phone_login').css('color','rgba(21, 21, 21, 1)');
+                     $('#acc_login').css('color','rgba(118, 144, 181, 1)');
                      $('#loginValid').css('display','none');
                      $('#loginValid_code').css('display','block');
                     
                 })
                 
+                $('#phone_login_btn').click(function(){
+                     $('#phone_login').css('color','rgba(21, 21, 21, 1)');
+                     $('#acc_login').css('color','rgba(118, 144, 181, 1)');
+                     $('#loginValid').css('display','none');
+                     $('#loginValid_code').css('display','block');
+                })
+                
                   $("#submitButton_code").click(function () {
                     var phone = $("#phone").val();
                     var code = $("#code").val();

source/index/public/footer.php

@@ -5,6 +5,24 @@
             <div class="clearfix">
                 <div class="fl left clearfix">
                     <dl class="fl">
+                        <dt>产品优势</dt>
+                        <dd class="line"></dd>
+                        <dd><a href="/index/apps/apps" target="_blank">应用分发</a></dd>
+                        <dd><a href="/index/apps/super" target="_blank">超级签名</a></dd>
+                        <dd><a href="/index/pack" target="_blank">APP封装</a></dd>
+                    </dl>
+                    <dl class="fl">
+                        <dt>我们的优势</dt>
+                        <dd class="line"></dd>
+                        <dd><a href="#" target="_blank">平台优势</a></dd>
+                    </dl>
+                    <dl class="fl">
+                        <dt>联系我们</dt>
+                        <dd class="line"></dd>
+                        <dd><a href="#" target="_blank">Telegram</a></dd>
+                        <dd><a href="#" target="_blank">WhatsApp</a></dd>
+                    </dl>
+                    <!-- <dl class="fl">
                         <dt>产品服务</dt>
                         <dd class="line"></dd>
                         <dd><a href="/index/publish/apps" target="_blank">托管分发</a></dd>
@@ -38,10 +56,10 @@
                         <dd>联系邮箱：<?php echo IN_MAIL ?></dd>
                         <dd>合作邮箱：<?php echo IN_COOPERATION ?></dd>
                         <dd>公司地址：<?php echo IN_ADDRESS ?></dd>
-                    </dl>
+                    </dl> -->
                 </div>
 
-                <div class="right fr clearfix">
+                <!-- <div class="right fr clearfix">
                     <a href="/">
                         <img src="/static/index/image/phone-logo.png" class="img-responsive visible-xs">
                     </a>
@@ -63,7 +81,10 @@
                             <span>地址：<?php echo IN_ADDRESS ?></span>
                         </div>
                     </div>
-                </div>
+                </div> -->
+            </div>
+            <div class="copyright" style="text-align: center; margin-top: 32px;">
+                <p style="color: #fff; font-size: 12px;">Copyright © 澎湃应用分发平台 版权所有</p>
             </div>
 
             <!--<div class="record">
@@ -125,8 +146,27 @@
         </div>
     </div>
 </footer>
+<!-- 右边客服 -->
+<div class="contact-nav">
+    <div class="telegram">
+        <a href="#">
+            <img src="/static/index/image/telegram.png" alt="">
+        </a>
+    </div>
+    <div class="whatsapp">
+        <a href="#">
+            <img src="/static/index/image/whatsapp.png" alt="">
+        </a>
+    </div>
+    <div class="top">
+        <a href="#">
+            <img src="/static/index/image/top.png" alt="">
+        </a>
+    </div>
+</div>
+
 <!--底部-->
-<ul class="fixed-right right-float-window" style="">
+<!-- <ul class="fixed-right right-float-window">
     <li class="guest">
         <img src="/left_kf.png">
         <span>联系我们</span>
@@ -151,7 +191,7 @@
                     </div>
                 </a>
                 
-                <!--<a target="_blank" href="https://qm.qq.com/">
+                <!-<a target="_blank" href="https://qm.qq.com/">
                     <div class="item clearfix" style="text-align: center;">
                         <img class="fl" src="/left_qq.png">
                         <div class="text fl">
@@ -160,7 +200,7 @@
                             </p>
                         </div>
                     </div>
-                </a>-->
+                </a>->
                 
                 <div class="item clearfix">
                     <img class="fl" src="/left_wx.png">
@@ -174,7 +214,7 @@
 
         </div>
     </li>
-</ul>
+</ul> -->
 <script src="/static/index/js/clipboard.min.js"></script>
 <script>
     if (!isHideFooter) {

source/index/public/header.php

@@ -31,15 +31,15 @@ if ($notice) { ?>
 <header>
     <div class="container">
         <div class="header clearfix">
-            <a class="header-left block fl" href="<?php echo IN_PATH ?>">
-                <img src="<?php echo IN_PATH . (IN_LOGO ?: 'static/index/image/logo-top.png') ?>"
+            <a class="header-left block fl mt10" href="<?php echo IN_PATH ?>">
+                <img src="/data/image/IN_LOGO.png"
                      class="img-responsive hidden-xs">
-                <img src="/img/h55.png"
+                <img src="/data/image/IN_LOGO.png"
                      class="img-responsive visible-xs">
             </a>
             <div class="phone-nav-wrap">
                 <a class="header-left block fl" href="/">
-                    <img src="/img/h55.png"
+                    <img src="/data/image/IN_LOGO.png"
                          class="img-responsive visible-xs">
                 </a>
                 <ul class="ms-nav fl clearfix">
@@ -52,7 +52,7 @@ if ($notice) { ?>
                             <span class="ms-badge">分发</span>
                         </li>
                     
-                    <?php if ($this->userlogined) { ?>
+                    <!-- <?php if ($this->userlogined) { ?>
                        
                     <?php }
                    
@@ -64,7 +64,7 @@ if ($notice) { ?>
                         
                       <li class="<?php if ($this->module == 'sign') echo 'active' ?>">
                         <a href="<?php echo IN_PATH . 'index/apps/sign' ?>">企业签名</a>
-                    </li>
+                    </li> -->
                    
                    
                     <li class="<?php if ($this->module == 'webview' or $this->module == 'webview2' or $this->module == 'pack') echo 'active' ?>">
@@ -178,9 +178,9 @@ if ($notice) { ?>
 
                 <?php if (!$this->userlogined && IN_LOGIN_ON) { ?>
                     <ul class="login clearfix fr">
-                        <li><a href="/index/login" class="ms-btn ms-btn-primary ml10">登录</a></li>
+                        <li><a href="/index/login" class="ms-btn ms-btn-primary ml10 btn-nav">登录</a></li>
                         <?php if (IN_REG_ON) { ?>
-                            <li><a href="/index/reg" class="ms-btn ms-btn-primary ml10">注册</a></li>
+                            <li><a href="/index/reg" class="ms-btn ms-btn-primary ml10 btn-nav">注册</a></li>
                         <?php } ?>
                     </ul>
                 <?php } ?>

source/index/reg.php

@@ -60,8 +60,8 @@ class reg extends Base
         <body>
         <?php 
 		$this->header();
-		?>        <div class="login-common">
-            <div class="tit"><a class="active">账户注册</a></div>
+		?>        <div class="login-common register-common">
+            <div class="tit"><div class="active">账户注册</div></div>
             <div class="form-container">
                 <div class="form-inner">
                     <form action="" method="post">
@@ -120,8 +120,8 @@ class reg extends Base
                                 href="/index/about/privacy" target="_blank" class="color-hover">《隐私政策》</a></span>
                 </div>
             </div>
-            <button type="button" id="submitButton" class="ms-btn ms-btn-primary input-lg mt20">注册</button>
-            <div class="mt15 text-center">
+            <button type="button" id="submitButton" class="ms-btn ms-btn-primary input-lg btn-register">注册</button>
+            <div class="text-center to-login">
                 已有账号，<a href="<?php echo IN_PATH;?>index/login" class="color-hover">点击登录</a>
             </div>
             </form>

static/index/css/base.css

@@ -858,6 +858,12 @@ a:hover {
     text-transform: uppercase;
 }
 
+/* flex */
+.flex {
+    display: flex;
+    align-items: center;
+}
+
 /*自定义按钮*/
 /*促销*/
 /*.ms-sales{font-size: 12px; padding: 1px 5px; background-color: red; border-radius: 3px; color: #fff; position: absolute; left: 100%; top: 0;}*/
@@ -865,7 +871,6 @@ a:hover {
 /*btn基础样式*/
 .ms-btn {
     display: inline-block;
-    padding: 6px 12px;
     border-radius: 0;
     text-align: center;
     white-space: nowrap;
@@ -873,6 +878,7 @@ a:hover {
     cursor: pointer;
     background: none;
     border: 1px solid transparent;
+    padding: 6px 12px;
 }
 
 .ms-btnna {
@@ -887,6 +893,22 @@ a:hover {
     border: 1px solid transparent;
 }
 
+/* 导航 登录，注册 */
+.btn-nav {
+    padding: 0;
+    display: inline-block;
+    border-radius: 0;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    border: 1px solid rgba(255, 255, 255, 1);
+    background: rgba(255, 255, 255, 0.05);
+    width: 82px;
+    height: 34px;
+    border-radius: 4px;
+    line-height: 32px;
+}
 /*btn尺寸*/
 .ms-btn-lg {
     padding: 9px 45px;