|
@@ -76,83 +76,47 @@
|
|
|
}
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
- .iconfont {
|
|
|
- background: url(/static/index/image/index/m/icon-menu.svg) no-repeat center center;
|
|
|
- background-size: 100% 100%;
|
|
|
- width: 1rem;
|
|
|
- height: 1rem;
|
|
|
- display: inline-block;
|
|
|
- vertical-align: middle;
|
|
|
- position: absolute;
|
|
|
- pointer-events: none;
|
|
|
- margin: unset;
|
|
|
- }
|
|
|
-
|
|
|
- .iconfont::before {
|
|
|
- content: '';
|
|
|
- }
|
|
|
-
|
|
|
- .header .phone-menu {
|
|
|
- background-image: url(/static/index/image/index/m/icon-menu.svg);
|
|
|
- margin-top: 0;
|
|
|
- top: 0.441rem;
|
|
|
- right: 0;
|
|
|
- pointer-events: auto;
|
|
|
+ body {
|
|
|
+ padding-top: 0;
|
|
|
}
|
|
|
|
|
|
- header {
|
|
|
- /* background: rgba(4, 95, 235, 1); */
|
|
|
- background: url(/static/index/image/index/m/banner.png) no-repeat center;
|
|
|
- background-position: top center;
|
|
|
+ .moban2 header {
|
|
|
+ background-image: url(/static/index/image/m/moban2/banner.png);
|
|
|
background-size: 100% auto;
|
|
|
- box-shadow: unset;
|
|
|
- height: 1.912rem;
|
|
|
- }
|
|
|
-
|
|
|
- .header .header-left {
|
|
|
- margin: 0.471rem 0 0 0.029rem;
|
|
|
- }
|
|
|
-
|
|
|
- .header .header-left img {
|
|
|
- width: 3.235rem;
|
|
|
- height: 0.971rem;
|
|
|
- }
|
|
|
-
|
|
|
- body {
|
|
|
- padding-top: 0;
|
|
|
+ background-position: top center;
|
|
|
}
|
|
|
|
|
|
.index-banner .swiper-slide .container {
|
|
|
- height: 18.059rem;
|
|
|
+ height: 12.28rem;
|
|
|
}
|
|
|
|
|
|
.index-banner .banner-con.con1 {
|
|
|
- padding-top: 3.382rem !important;
|
|
|
- padding-left: 0.471rem !important;
|
|
|
- padding-right: 0.471rem !important;
|
|
|
+ padding-top: 2.3rem !important;
|
|
|
+ padding-left: 0.32rem !important;
|
|
|
+ padding-right: 0.32rem !important;
|
|
|
text-align: left;
|
|
|
- margin-bottom: 0.588rem;
|
|
|
+ margin-bottom: 0.4rem;
|
|
|
}
|
|
|
|
|
|
.index-banner .banner-con.con1 .h1 {
|
|
|
- margin-bottom: 0.588rem;
|
|
|
+ margin-bottom: 0.4rem;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 700;
|
|
|
- font-size: 0.824rem;
|
|
|
- line-height: 0.706rem;
|
|
|
+ font-size: 0.56rem;
|
|
|
+ line-height: 0.48rem;
|
|
|
vertical-align: middle;
|
|
|
- margin-bottom: 0.941rem !important;
|
|
|
+ margin-bottom: 0.64rem !important;
|
|
|
}
|
|
|
|
|
|
.index-banner .banner-con .h2 {
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 400;
|
|
|
- font-size: 0.412rem;
|
|
|
- line-height: 0.588rem;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ line-height: 0.4rem;
|
|
|
vertical-align: middle;
|
|
|
- margin-bottom: 0.941rem !important;
|
|
|
+ margin-bottom: 0.64rem !important;
|
|
|
}
|
|
|
|
|
|
.btn-login {
|
|
@@ -160,64 +124,61 @@
|
|
|
color: #fff;
|
|
|
background: linear-gradient(93.76deg, #31FCFF -10.35%, #0AA5FF 85.34%);
|
|
|
cursor: pointer;
|
|
|
- width: 4.765rem;
|
|
|
- height: 1.176rem;
|
|
|
- border-radius: 0.235rem;
|
|
|
+ width: 3.24rem;
|
|
|
+ height: 0.8rem;
|
|
|
+ border-radius: 0.16rem;
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 700;
|
|
|
- font-size: 0.441rem;
|
|
|
- line-height: 1.176rem;
|
|
|
+ font-size: 0.3rem;
|
|
|
+ line-height: 0.8rem;
|
|
|
text-shadow: 0px 2px 4px rgba(16, 61, 139, 0.49);
|
|
|
border: unset;
|
|
|
}
|
|
|
|
|
|
/* part2 */
|
|
|
|
|
|
-
|
|
|
.sign {
|
|
|
- margin: 0.941rem auto;
|
|
|
+ margin: 0.64rem auto;
|
|
|
background-color: #ffffff;
|
|
|
- padding: 0 0.471rem;
|
|
|
+ padding: 0 0.32rem;
|
|
|
}
|
|
|
|
|
|
.sign .title {
|
|
|
display: block;
|
|
|
- width: 7.353rem;
|
|
|
- height: 1.706rem;
|
|
|
- margin: 0 auto 0.706rem;
|
|
|
+ width: 5rem;
|
|
|
+ height: 1.16rem;
|
|
|
+ margin: 0 auto 0.48rem;
|
|
|
}
|
|
|
|
|
|
.sign ul {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
justify-content: space-between;
|
|
|
- margin-bottom: 0.353rem;
|
|
|
+ margin-bottom: 0.24rem;
|
|
|
}
|
|
|
|
|
|
.sign ul li {
|
|
|
- width: 4.882rem;
|
|
|
- height: 4.412rem;
|
|
|
- border-radius: 0.353rem;
|
|
|
+ width: 3.32rem;
|
|
|
+ height: 3rem;
|
|
|
+ border-radius: 0.24rem;
|
|
|
background-color: rgba(247, 249, 251, 1);
|
|
|
- /* background-color: rgb(203 229 255); */
|
|
|
box-sizing: border-box;
|
|
|
- /* padding-left: 32px; */
|
|
|
- padding: 0.294rem 0.294rem 0;
|
|
|
+ padding: 0.2rem 0.2rem 0;
|
|
|
text-align: center;
|
|
|
- font-size: 0.471rem;
|
|
|
+ font-size: 0.32rem;
|
|
|
}
|
|
|
|
|
|
.sign ul li:nth-child(1),
|
|
|
.sign ul li:nth-child(2) {
|
|
|
- margin-bottom: 0.353rem;
|
|
|
+ margin-bottom: 0.24rem;
|
|
|
}
|
|
|
|
|
|
.sign ul li img {
|
|
|
display: block;
|
|
|
- width: 2.118rem;
|
|
|
- height: 2.118rem;
|
|
|
- margin-left: 1.176rem;
|
|
|
- margin-top: -0.147rem;
|
|
|
+ width: 1.44rem;
|
|
|
+ height: 1.44rem;
|
|
|
+ margin-left: 0.8rem;
|
|
|
+ margin-top: -0.1rem;
|
|
|
}
|
|
|
|
|
|
.sign ul li .sign-info {
|
|
@@ -225,31 +186,31 @@
|
|
|
}
|
|
|
|
|
|
.sign ul li .sign-info>div {
|
|
|
- margin-top: 0.235rem;
|
|
|
+ margin-top: 0.16rem;
|
|
|
color: rgba(118, 144, 181, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 500;
|
|
|
- font-size: 0.353rem;
|
|
|
- line-height: 0.412rem;
|
|
|
+ font-size: 0.24rem;
|
|
|
+ line-height: 0.28rem;
|
|
|
}
|
|
|
|
|
|
.sign ul li p {
|
|
|
- font-size: 0.706rem;
|
|
|
+ font-size: 0.48rem;
|
|
|
font-weight: bolder;
|
|
|
color: rgba(21, 21, 21, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 700;
|
|
|
- font-size: 0.588rem;
|
|
|
- line-height: 0.647rem;
|
|
|
+ font-size: 0.4rem;
|
|
|
+ line-height: 0.44rem;
|
|
|
}
|
|
|
|
|
|
.sign-buttom {
|
|
|
- background: url(/static/index/image/index/m/sign-buttom.png) no-repeat center;
|
|
|
+ background: url(/static/index/image/m/moban2/sign-buttom.png) no-repeat center;
|
|
|
background-size: cover;
|
|
|
- padding: 0.529rem 0.412rem 0;
|
|
|
+ padding: 0.36rem 0.28rem 0;
|
|
|
position: relative;
|
|
|
- width: 10.088rem;
|
|
|
- height: 4.706rem;
|
|
|
+ width: 6.86rem;
|
|
|
+ height: 3.2rem;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
@@ -258,63 +219,62 @@
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 700;
|
|
|
- font-size: 0.647rem;
|
|
|
- line-height: 1rem;
|
|
|
- font-size: 0.412rem;
|
|
|
- line-height: 0.588rem;
|
|
|
- margin-bottom: 0.647rem;
|
|
|
+ font-size: 0.44rem;
|
|
|
+ line-height: 0.68rem;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ line-height: 0.4rem;
|
|
|
+ margin-bottom: 0.44rem;
|
|
|
}
|
|
|
|
|
|
.sign-buttom a {
|
|
|
- border-radius: 0.118rem;
|
|
|
+ border-radius: 0.08rem;
|
|
|
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: 0.471rem;
|
|
|
+ font-size: 0.32rem;
|
|
|
text-align: center;
|
|
|
vertical-align: middle;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
margin: 0 auto;
|
|
|
- width: 4.235rem;
|
|
|
- height: 1.176rem;
|
|
|
- line-height: 1.118rem;
|
|
|
+ width: 2.88rem;
|
|
|
+ height: 0.8rem;
|
|
|
+ line-height: 0.76rem;
|
|
|
}
|
|
|
|
|
|
/* 分發流程 */
|
|
|
.step-area {
|
|
|
background-color: rgb(247, 249, 251);
|
|
|
- padding: 0.941rem 0 1.118rem;
|
|
|
+ padding: 0.64rem 0 0.76rem;
|
|
|
}
|
|
|
|
|
|
.step-area .step {
|
|
|
- /* width: 1200px; */
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.step-area .contain {
|
|
|
- width: 9.382rem;
|
|
|
- height: 9.118rem;
|
|
|
- background: url(/static/index/image/index/m/step.png) no-repeat center;
|
|
|
+ width: 6.38rem;
|
|
|
+ height: 6.2rem;
|
|
|
+ background: url(/static/index/image/m/moban2/step.png) no-repeat center;
|
|
|
background-size: cover;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.step-area .step .title {
|
|
|
display: block;
|
|
|
- width: 3.706rem;
|
|
|
- height: 1.235rem;
|
|
|
- margin: 0 auto 1.147rem;
|
|
|
+ width: 2.52rem;
|
|
|
+ height: 0.84rem;
|
|
|
+ margin: 0 auto 0.78rem;
|
|
|
}
|
|
|
|
|
|
/* app封装 */
|
|
|
|
|
|
.web-area {
|
|
|
overflow: hidden;
|
|
|
- background: url(/static/index/image/index/m/web-bg.png) no-repeat center;
|
|
|
+ background: url(/static/index/image/m/moban2/web-bg.png) no-repeat center;
|
|
|
background-size: cover;
|
|
|
- height: 22.059rem;
|
|
|
+ height: 15rem;
|
|
|
}
|
|
|
|
|
|
.web {
|
|
@@ -323,63 +283,62 @@
|
|
|
|
|
|
.web .title {
|
|
|
display: block;
|
|
|
- width: 3.706rem;
|
|
|
- height: 1.235rem;
|
|
|
- margin: 0.941rem auto 1.353rem;
|
|
|
+ width: 2.52rem;
|
|
|
+ height: 0.84rem;
|
|
|
+ margin: 0.64rem auto 0.92rem;
|
|
|
}
|
|
|
|
|
|
.web ul {
|
|
|
color: #fff;
|
|
|
- margin: 1.353rem 1.088rem 0 0.853rem;
|
|
|
+ margin: 0.92rem 0.74rem 0 0.58rem;
|
|
|
}
|
|
|
|
|
|
.web ul li p {
|
|
|
- margin-bottom: 0.294rem;
|
|
|
+ margin-bottom: 0.2rem;
|
|
|
position: relative;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 700;
|
|
|
- font-size: 0.471rem;
|
|
|
- line-height: 0.471rem;
|
|
|
+ font-size: 0.32rem;
|
|
|
+ line-height: 0.32rem;
|
|
|
}
|
|
|
|
|
|
.web ul li p::after {
|
|
|
position: absolute;
|
|
|
content: '';
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
- width: 0.147rem;
|
|
|
- height: 0.353rem;
|
|
|
- top: 0.065rem;
|
|
|
- left: -0.329rem;
|
|
|
+ width: 0.1rem;
|
|
|
+ height: 0.24rem;
|
|
|
+ top: 0.04rem;
|
|
|
+ left: -0.22rem;
|
|
|
}
|
|
|
|
|
|
.web ul li>div {
|
|
|
- margin-bottom: 1.176rem;
|
|
|
+ margin-bottom: 0.8rem;
|
|
|
color: rgba(255, 255, 255, 0.7);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 400;
|
|
|
- font-size: 0.412rem;
|
|
|
- line-height: 0.588rem;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ line-height: 0.4rem;
|
|
|
}
|
|
|
|
|
|
/* 平台优势 */
|
|
|
|
|
|
.platform-advantage {
|
|
|
background-color: rgb(254, 254, 254);
|
|
|
- padding: 0.941rem 0 1.412rem;
|
|
|
+ padding: 0.64rem 0 0.96rem;
|
|
|
}
|
|
|
|
|
|
.platform-advantage .title {
|
|
|
display: block;
|
|
|
- width: 7.382rem;
|
|
|
- height: 1.265rem;
|
|
|
- margin: 0 auto 1.324rem;
|
|
|
+ width: 5.02rem;
|
|
|
+ height: 0.86rem;
|
|
|
+ margin: 0 auto 0.9rem;
|
|
|
}
|
|
|
|
|
|
.platform-advantage ul {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- /* width: 1200px; */
|
|
|
margin: 0 auto;
|
|
|
flex-wrap: wrap;
|
|
|
}
|
|
@@ -393,7 +352,7 @@
|
|
|
.platform-advantage ul li:nth-child(2),
|
|
|
.platform-advantage ul li:nth-child(3),
|
|
|
.platform-advantage ul li:nth-child(4) {
|
|
|
- margin-bottom: 0.941rem;
|
|
|
+ margin-bottom: 0.64rem;
|
|
|
}
|
|
|
|
|
|
.platform-advantage ul li:nth-child(5) {
|
|
@@ -401,34 +360,34 @@
|
|
|
}
|
|
|
|
|
|
.platform-advantage ul li img {
|
|
|
- width: 1.471rem;
|
|
|
- height: 1.471rem;
|
|
|
- margin-bottom: 0.353rem;
|
|
|
+ width: 1rem;
|
|
|
+ height: 1rem;
|
|
|
+ margin-bottom: 0.24rem;
|
|
|
}
|
|
|
|
|
|
.platform-advantage ul li p {
|
|
|
color: rgba(21, 21, 21, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 700;
|
|
|
- font-size: 0.471rem;
|
|
|
- line-height: 0.471rem;
|
|
|
- margin-bottom: 0.235rem;
|
|
|
+ font-size: 0.32rem;
|
|
|
+ line-height: 0.32rem;
|
|
|
+ margin-bottom: 0.16rem;
|
|
|
}
|
|
|
|
|
|
.platform-advantage ul li:nth-child(1)>div,
|
|
|
.platform-advantage ul li:nth-child(2)>div,
|
|
|
.platform-advantage ul li:nth-child(3)>div,
|
|
|
.platform-advantage ul li:nth-child(4)>div {
|
|
|
- width: 4.5rem;
|
|
|
+ width: 3.06rem;
|
|
|
}
|
|
|
|
|
|
.platform-advantage ul li>div {
|
|
|
color: rgba(118, 144, 181, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 500;
|
|
|
- font-size: 0.412rem;
|
|
|
- line-height: 0.412rem;
|
|
|
- width: 5.294rem;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ line-height: 0.28rem;
|
|
|
+ width: 3.6rem;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
@@ -436,22 +395,21 @@
|
|
|
|
|
|
.gain {
|
|
|
overflow: hidden;
|
|
|
- height: 11.088rem;
|
|
|
+ height: 7.54rem;
|
|
|
background: linear-gradient(180deg, #4687FF 0%, #2267E8 100%);
|
|
|
color: #fff;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.gain>p {
|
|
|
- margin: 0.941rem 0 1.559rem;
|
|
|
+ margin: 0.64rem 0 1.06rem;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 700;
|
|
|
- font-size: 0.471rem;
|
|
|
- line-height: 0.471rem;
|
|
|
+ font-size: 0.32rem;
|
|
|
+ line-height: 0.32rem;
|
|
|
text-align: center;
|
|
|
vertical-align: middle;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.gain ul {
|
|
@@ -467,26 +425,25 @@
|
|
|
|
|
|
.gain ul li:last-child {
|
|
|
width: 100%;
|
|
|
- margin-top: 0.941rem;
|
|
|
+ margin-top: 0.64rem;
|
|
|
}
|
|
|
|
|
|
.gain ul li h3 {
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 700;
|
|
|
- font-size: 1.059rem;
|
|
|
- line-height: 1.529rem;
|
|
|
+ font-size: 0.72rem;
|
|
|
+ line-height: 1.04rem;
|
|
|
text-align: center;
|
|
|
vertical-align: middle;
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.gain ul li p {
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 400;
|
|
|
- font-size: 0.471rem;
|
|
|
- line-height: 0.588rem;
|
|
|
+ font-size: 0.32rem;
|
|
|
+ line-height: 0.4rem;
|
|
|
text-align: center;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
@@ -495,65 +452,64 @@
|
|
|
|
|
|
.contact-us {
|
|
|
background-color: #fff;
|
|
|
- background: url(/static/index/image/index/m/contact-bg.png) no-repeat center;
|
|
|
+ background: url(/static/index/image/m/moban2/contact-bg.png) no-repeat center;
|
|
|
background-size: cover;
|
|
|
- padding: 0.941rem 0 1.971rem;
|
|
|
+ padding: 0.64rem 0 1.34rem;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.contact-us .title {
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 700;
|
|
|
text-align: center;
|
|
|
- margin-bottom: 1.529rem;
|
|
|
- font-size: 0.471rem;
|
|
|
- line-height: 0.647rem;
|
|
|
+ margin-bottom: 1.04rem;
|
|
|
+ font-size: 0.32rem;
|
|
|
+ line-height: 0.44rem;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.contact-us .contact-info .item {
|
|
|
margin: 0 auto;
|
|
|
display: flex;
|
|
|
- border-radius: 0.088rem;
|
|
|
+ border-radius: 0.06rem;
|
|
|
background-color: rgba(255, 255, 255, 1);
|
|
|
- padding-left: 0.471rem;
|
|
|
+ padding-left: 0.32rem;
|
|
|
align-items: center;
|
|
|
- line-height: 0.647rem;
|
|
|
+ line-height: 0.44rem;
|
|
|
color: rgba(21, 21, 21, 1);
|
|
|
- width: 10.088rem;
|
|
|
- height: 1.706rem;
|
|
|
- border-radius: 0.088rem;
|
|
|
+ width: 6.86rem;
|
|
|
+ height: 1.16rem;
|
|
|
+ border-radius: 0.06rem;
|
|
|
}
|
|
|
|
|
|
.contact-us .contact-info .item:nth-child(1) {
|
|
|
- margin-bottom: 0.735rem;
|
|
|
+ margin-bottom: 0.5rem;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.contact-us .contact-info .item img {
|
|
|
- width: 1rem;
|
|
|
- height: 1rem;
|
|
|
- margin-right: 0.353rem;
|
|
|
+ width: 0.68rem;
|
|
|
+ height: 0.68rem;
|
|
|
+ margin-right: 0.24rem;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.contact-us .contact-info .item p {
|
|
|
color: rgba(21, 21, 21, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
- width: 5.4rem;
|
|
|
+ width: 3.67rem;
|
|
|
font-weight: 500;
|
|
|
- font-size: 0.441rem;
|
|
|
+ font-size: 0.3rem;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.contact-us .contact-info .item a {
|
|
|
display: block;
|
|
|
- line-height: 0.882rem;
|
|
|
+ line-height: 0.6rem;
|
|
|
color: #ffffff;
|
|
|
text-align: center;
|
|
|
background: rgba(58, 195, 76, 1);
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 500;
|
|
|
- font-size: 0.412rem;
|
|
|
- width: 2.647rem;
|
|
|
- height: 0.941rem;
|
|
|
- border-radius: 0.088rem;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ width: 1.8rem;
|
|
|
+ height: 0.64rem;
|
|
|
+ border-radius: 0.06rem;
|
|
|
}
|
|
|
-
|
|
|
}
|