moliparty更改官网
This commit is contained in:
@@ -20,7 +20,7 @@
|
||||
html .container .pagesBox {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
transition: all .5s;
|
||||
transition: all 0.5s;
|
||||
transform: translateY(0%);
|
||||
}
|
||||
body .container .pagesBox .page1,
|
||||
@@ -33,21 +33,35 @@
|
||||
}
|
||||
body .container .pagesBox .page1 .logoPc,
|
||||
html .container .pagesBox .page1 .logoPc {
|
||||
width: 2.69333rem;
|
||||
height: 0.93333rem;
|
||||
width: 2.6933333333rem;
|
||||
height: 0.9333333333rem;
|
||||
position: absolute;
|
||||
left: 0.85333rem;
|
||||
top: 0.37333rem;
|
||||
left: 0.8533333333rem;
|
||||
top: 0.3733333333rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
body .container .pagesBox .page1 .logoPc img,
|
||||
html .container .pagesBox .page1 .logoPc img {
|
||||
width: 0.8533333333rem;
|
||||
height: 0.8533333333rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .logoPc .name,
|
||||
html .container .pagesBox .page1 .logoPc .name {
|
||||
font-size: 0.4666666667rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 800;
|
||||
margin: 0 0.2666666667rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .tab,
|
||||
html .container .pagesBox .page1 .tab {
|
||||
width: 4.26667rem;
|
||||
height: 0.41333rem;
|
||||
line-height: 0.41333rem;
|
||||
width: 4.2666666667rem;
|
||||
height: 0.4133333333rem;
|
||||
line-height: 0.4133333333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #fff;
|
||||
font-size: 0.29333rem;
|
||||
font-size: 0.2933333333rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
@@ -60,13 +74,13 @@
|
||||
}
|
||||
body .container .pagesBox .page1 .tab p span,
|
||||
html .container .pagesBox .page1 .tab p span {
|
||||
width: 0.46667rem;
|
||||
height: 0.09333rem;
|
||||
border-radius: 0.09333rem;
|
||||
width: 0.4666666667rem;
|
||||
height: 0.0933333333rem;
|
||||
border-radius: 0.0933333333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.26667rem;
|
||||
bottom: -0.2666666667rem;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
}
|
||||
body .container .pagesBox .page1 .tab .tex,
|
||||
@@ -75,13 +89,13 @@
|
||||
}
|
||||
body .container .pagesBox .page1 .recharge,
|
||||
html .container .pagesBox .page1 .recharge {
|
||||
width: 1.62667rem;
|
||||
width: 1.6266666667rem;
|
||||
height: 0.48rem;
|
||||
line-height: 0.42667rem;
|
||||
line-height: 0.4266666667rem;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.21333rem;
|
||||
font-size: 0.2133333333rem;
|
||||
border-radius: 0.48rem;
|
||||
position: absolute;
|
||||
top: 0.6rem;
|
||||
@@ -89,11 +103,11 @@
|
||||
}
|
||||
body .container .pagesBox .page1 .recharge img,
|
||||
html .container .pagesBox .page1 .recharge img {
|
||||
width: 0.29333rem;
|
||||
height: 0.29333rem;
|
||||
width: 0.2933333333rem;
|
||||
height: 0.2933333333rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 0.02667rem;
|
||||
margin-right: 0.0266666667rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .recharge span,
|
||||
html .container .pagesBox .page1 .recharge span {
|
||||
@@ -102,7 +116,7 @@
|
||||
body .container .pagesBox .page1 .language,
|
||||
html .container .pagesBox .page1 .language {
|
||||
position: absolute;
|
||||
right: 0.85333rem;
|
||||
right: 0.8533333333rem;
|
||||
top: 0.6rem;
|
||||
width: 1.32rem;
|
||||
height: 0.48rem;
|
||||
@@ -111,7 +125,7 @@
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 0.21333rem;
|
||||
font-size: 0.2133333333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
body .container .pagesBox .page1 .title,
|
||||
@@ -123,34 +137,35 @@
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 5.26667rem;
|
||||
top: 5.2666666667rem;
|
||||
}
|
||||
body .container .pagesBox .page1 h3,
|
||||
html .container .pagesBox .page1 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 0.58667rem;
|
||||
font-size: 0.5866666667rem;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 6.66667rem;
|
||||
top: 6.6666666667rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .h5Ios,
|
||||
html .container .pagesBox .page1 .h5Ios {
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
height: 1.0666666667rem;
|
||||
position: absolute;
|
||||
left: 7.33333rem;
|
||||
top: 8.45333rem;
|
||||
left: 7.3333333333rem;
|
||||
top: 8.4533333333rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .h5And,
|
||||
html .container .pagesBox .page1 .h5And {
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
height: 1.0666666667rem;
|
||||
position: absolute;
|
||||
right: 7.33333rem;
|
||||
top: 8.45333rem;
|
||||
top: 8.4533333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
body .container .pagesBox .page1 .team,
|
||||
html .container .pagesBox .page1 .team {
|
||||
@@ -158,7 +173,19 @@
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
opacity: 0.6;
|
||||
font-size: 0.21333rem;
|
||||
font-size: 0.2133333333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0.7333333333rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .teamTwo,
|
||||
html .container .pagesBox .page1 .teamTwo {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
opacity: 0.6;
|
||||
font-size: 0.2133333333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@@ -181,13 +208,13 @@
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
top: 0.8666666667rem;
|
||||
}
|
||||
body .container .pagesBox .page2 img,
|
||||
html .container .pagesBox .page2 img {
|
||||
position: absolute;
|
||||
width: 16rem;
|
||||
top: 2.66667rem;
|
||||
top: 2.6666666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
@@ -208,13 +235,13 @@
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
top: 0.8666666667rem;
|
||||
}
|
||||
body .container .pagesBox .page3 img,
|
||||
html .container .pagesBox .page3 img {
|
||||
position: absolute;
|
||||
width: 16rem;
|
||||
top: 2.66667rem;
|
||||
top: 2.6666666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
@@ -235,18 +262,17 @@
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
top: 0.8666666667rem;
|
||||
}
|
||||
body .container .pagesBox .page4 img,
|
||||
html .container .pagesBox .page4 img {
|
||||
position: absolute;
|
||||
width: 16rem;
|
||||
top: 2.66667rem;
|
||||
top: 2.6666666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.pc,
|
||||
.homePc {
|
||||
@@ -265,16 +291,16 @@
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.42667rem;
|
||||
margin: 0.26667rem auto 0;
|
||||
padding: 0 0.4266666667rem;
|
||||
margin: 0.2666666667rem auto 0;
|
||||
z-index: 3;
|
||||
}
|
||||
body .header .line,
|
||||
html .header .line {
|
||||
width: 90%;
|
||||
height: 0.02667rem;
|
||||
height: 0.0266666667rem;
|
||||
background: #fff;
|
||||
opacity: .3;
|
||||
opacity: 0.3;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@@ -284,14 +310,14 @@
|
||||
body .header .logo,
|
||||
html .header .logo {
|
||||
display: block;
|
||||
width: 0.85333rem;
|
||||
height: 0.85333rem;
|
||||
margin-right: 0.21333rem;
|
||||
width: 0.8533333333rem;
|
||||
height: 0.8533333333rem;
|
||||
margin-right: 0.2133333333rem;
|
||||
float: left;
|
||||
}
|
||||
body .header .name,
|
||||
html .header .name {
|
||||
font-size: 0.46667rem;
|
||||
font-size: 0.4666666667rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 800;
|
||||
float: left;
|
||||
@@ -299,7 +325,7 @@
|
||||
}
|
||||
body .header .diamound,
|
||||
html .header .diamound {
|
||||
padding: 0 0.26667rem;
|
||||
padding: 0 0.2666666667rem;
|
||||
height: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
box-sizing: border-box;
|
||||
@@ -308,7 +334,7 @@
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
float: right;
|
||||
margin-top: 0.05333rem;
|
||||
margin-top: 0.0533333333rem;
|
||||
margin-right: 0.24rem;
|
||||
text-align: center;
|
||||
border-radius: 0.8rem;
|
||||
@@ -316,16 +342,16 @@
|
||||
body .header .diamound img,
|
||||
html .header .diamound img {
|
||||
vertical-align: middle;
|
||||
width: 0.50667rem;
|
||||
height: 0.50667rem;
|
||||
width: 0.5066666667rem;
|
||||
height: 0.5066666667rem;
|
||||
display: inline-block;
|
||||
margin-top: -0.1rem;
|
||||
}
|
||||
body .header .more,
|
||||
html .header .more {
|
||||
float: right;
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
width: 0.5333333333rem;
|
||||
height: 0.5333333333rem;
|
||||
display: block;
|
||||
margin-top: 0.16rem;
|
||||
display: none;
|
||||
@@ -333,12 +359,12 @@
|
||||
body .header .language,
|
||||
html .header .language {
|
||||
float: right;
|
||||
width: 2.18667rem;
|
||||
width: 2.1866666667rem;
|
||||
height: 0.8rem;
|
||||
border-radius: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
margin-top: 0.05333rem;
|
||||
margin-right: 0.26667rem;
|
||||
margin-top: 0.0533333333rem;
|
||||
margin-right: 0.2666666667rem;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
@@ -358,7 +384,7 @@
|
||||
html .h5 .pagesBox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: all .5s;
|
||||
transition: all 0.5s;
|
||||
transform: translateY(0%);
|
||||
}
|
||||
body .h5 .pagesBox .page1,
|
||||
@@ -375,9 +401,9 @@
|
||||
width: 70%;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 2.13333rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
top: 2.1333333333rem;
|
||||
height: 0.5866666667rem;
|
||||
line-height: 0.5866666667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
justify-content: space-evenly;
|
||||
@@ -387,20 +413,20 @@
|
||||
color: #FFFFFF;
|
||||
opacity: 0.2;
|
||||
position: relative;
|
||||
font-size: 0.42667rem;
|
||||
font-size: 0.4266666667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .tab p span,
|
||||
html .h5 .pagesBox .page1 .tab p span {
|
||||
width: 0.58667rem;
|
||||
height: 0.13333rem;
|
||||
border-radius: 0.13333rem;
|
||||
width: 0.5866666667rem;
|
||||
height: 0.1333333333rem;
|
||||
border-radius: 0.1333333333rem;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.26667rem;
|
||||
font-size: 0.42667rem;
|
||||
bottom: -0.2666666667rem;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .tab .act,
|
||||
@@ -416,54 +442,66 @@
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
position: absolute;
|
||||
top: 7.78667rem;
|
||||
top: 7.7866666667rem;
|
||||
left: 0;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .tex,
|
||||
html .h5 .pagesBox .page1 .tex {
|
||||
width: 9.14667rem;
|
||||
height: 1.49333rem;
|
||||
line-height: 0.74667rem;
|
||||
width: 9.1466666667rem;
|
||||
height: 1.4933333333rem;
|
||||
line-height: 0.7466666667rem;
|
||||
position: absolute;
|
||||
top: 9.25333rem;
|
||||
top: 9.2533333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
opacity: 0.6;
|
||||
font-size: 0.53333rem;
|
||||
font-size: 0.5333333333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .team,
|
||||
html .h5 .pagesBox .page1 .team {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 1.09333rem;
|
||||
bottom: 1.0933333333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
opacity: 0.8;
|
||||
position: absolute;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .teamTwo,
|
||||
html .h5 .pagesBox .page1 .teamTwo {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
opacity: 0.6;
|
||||
font-size: 0.2133333333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0.4rem;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .pageTxte1,
|
||||
html .h5 .pagesBox .page1 .pageTxte1 {
|
||||
width: 6.42667rem;
|
||||
height: 1.33333rem;
|
||||
width: 6.4266666667rem;
|
||||
height: 1.3333333333rem;
|
||||
position: absolute;
|
||||
left: 1.44rem;
|
||||
top: 5.01333rem;
|
||||
top: 5.0133333333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .pageTxte2,
|
||||
html .h5 .pagesBox .page1 .pageTxte2 {
|
||||
width: 6.42667rem;
|
||||
height: 1.33333rem;
|
||||
width: 6.4266666667rem;
|
||||
height: 1.3333333333rem;
|
||||
position: absolute;
|
||||
right: 1.44rem;
|
||||
top: 6.77333rem;
|
||||
top: 6.7733333333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .downioad,
|
||||
html .h5 .pagesBox .page1 .downioad {
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
height: 1.0666666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@@ -472,11 +510,11 @@
|
||||
}
|
||||
body .h5 .pagesBox .page1 .down,
|
||||
html .h5 .pagesBox .page1 .down {
|
||||
width: 0.50667rem;
|
||||
height: 0.37333rem;
|
||||
width: 0.5066666667rem;
|
||||
height: 0.3733333333rem;
|
||||
position: absolute;
|
||||
left: 48%;
|
||||
bottom: 0.26667rem;
|
||||
bottom: 0.2666666667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page2,
|
||||
html .h5 .pagesBox .page2 {
|
||||
@@ -496,25 +534,25 @@
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
position: absolute;
|
||||
top: 3.06667rem;
|
||||
top: 3.0666666667rem;
|
||||
left: 0;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .img,
|
||||
html .h5 .pagesBox .page2 .img {
|
||||
position: absolute;
|
||||
width: 10rem;
|
||||
top: 4.77333rem;
|
||||
top: 4.7733333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
body .h5 .pagesBox .page2 .downioad,
|
||||
html .h5 .pagesBox .page2 .downioad {
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
height: 1.0666666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 1.66667rem;
|
||||
bottom: 1.6666666667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3,
|
||||
html .h5 .pagesBox .page3 {
|
||||
@@ -534,25 +572,25 @@
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
position: absolute;
|
||||
top: 3.06667rem;
|
||||
top: 3.0666666667rem;
|
||||
left: 0;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .img,
|
||||
html .h5 .pagesBox .page3 .img {
|
||||
position: absolute;
|
||||
width: 10rem;
|
||||
top: 4.77333rem;
|
||||
top: 4.7733333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
body .h5 .pagesBox .page3 .downioad,
|
||||
html .h5 .pagesBox .page3 .downioad {
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
height: 1.0666666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 1.66667rem;
|
||||
bottom: 1.6666666667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page4,
|
||||
html .h5 .pagesBox .page4 {
|
||||
@@ -572,25 +610,25 @@
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
position: absolute;
|
||||
top: 3.06667rem;
|
||||
top: 3.0666666667rem;
|
||||
left: 0;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .img,
|
||||
html .h5 .pagesBox .page4 .img {
|
||||
position: absolute;
|
||||
width: 10rem;
|
||||
top: 4.77333rem;
|
||||
top: 4.7733333333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
body .h5 .pagesBox .page4 .downioad,
|
||||
html .h5 .pagesBox .page4 .downioad {
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
height: 1.0666666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 1.66667rem;
|
||||
bottom: 1.6666666667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page5,
|
||||
html .h5 .pagesBox .page5 {
|
||||
@@ -603,23 +641,23 @@
|
||||
}
|
||||
body .h5 .pagesBox .page5 .pageTxte5,
|
||||
html .h5 .pagesBox .page5 .pageTxte5 {
|
||||
width: 6.61333rem;
|
||||
height: 4.42667rem;
|
||||
width: 6.6133333333rem;
|
||||
height: 4.4266666667rem;
|
||||
position: relative;
|
||||
top: 3.41333rem;
|
||||
top: 3.4133333333rem;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
body .h5 .pagesBox .page5 .contactUs,
|
||||
html .h5 .pagesBox .page5 .contactUs {
|
||||
width: 3.62667rem;
|
||||
height: 1.22667rem;
|
||||
width: 3.6266666667rem;
|
||||
height: 1.2266666667rem;
|
||||
position: absolute;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 5.14667rem;
|
||||
bottom: 5.1466666667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page5 .bootom,
|
||||
html .h5 .pagesBox .page5 .bootom {
|
||||
@@ -633,12 +671,12 @@
|
||||
}
|
||||
body .h5 .pagesBox .page5 .bootom p,
|
||||
html .h5 .pagesBox .page5 .bootom p {
|
||||
margin-bottom: 0.10667rem;
|
||||
margin-bottom: 0.1066666667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page5 .downioad,
|
||||
html .h5 .pagesBox .page5 .downioad {
|
||||
width: 4.98667rem;
|
||||
height: 1.22667rem;
|
||||
width: 4.9866666667rem;
|
||||
height: 1.2266666667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@@ -647,11 +685,11 @@
|
||||
}
|
||||
body .h5 .pagesBox .page5 .down,
|
||||
html .h5 .pagesBox .page5 .down {
|
||||
width: 0.50667rem;
|
||||
height: 0.37333rem;
|
||||
width: 0.5066666667rem;
|
||||
height: 0.3733333333rem;
|
||||
position: absolute;
|
||||
left: 48%;
|
||||
bottom: 0.26667rem;
|
||||
bottom: 0.2666666667rem;
|
||||
}
|
||||
body .h5 .menu,
|
||||
html .h5 .menu {
|
||||
@@ -660,7 +698,7 @@
|
||||
background: url(../images/h51.png) no-repeat;
|
||||
background-size: 10rem 100%;
|
||||
position: fixed;
|
||||
transition: all .2s;
|
||||
transition: all 0.2s;
|
||||
left: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
@@ -673,8 +711,8 @@
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.53333rem;
|
||||
margin: 0.26667rem auto 0;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 0.2666666667rem auto 0;
|
||||
z-index: 3;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
@@ -683,9 +721,9 @@
|
||||
body .h5 .menu .top .line,
|
||||
html .h5 .menu .top .line {
|
||||
width: 90%;
|
||||
height: 0.02667rem;
|
||||
height: 0.0266666667rem;
|
||||
background: #fff;
|
||||
opacity: .3;
|
||||
opacity: 0.3;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@@ -694,14 +732,14 @@
|
||||
body .h5 .menu .top .logo,
|
||||
html .h5 .menu .top .logo {
|
||||
display: block;
|
||||
width: 0.85333rem;
|
||||
height: 0.85333rem;
|
||||
margin-right: 0.21333rem;
|
||||
width: 0.8533333333rem;
|
||||
height: 0.8533333333rem;
|
||||
margin-right: 0.2133333333rem;
|
||||
float: left;
|
||||
}
|
||||
body .h5 .menu .top .name,
|
||||
html .h5 .menu .top .name {
|
||||
font-size: 0.46667rem;
|
||||
font-size: 0.4666666667rem;
|
||||
color: #FFFFFF;
|
||||
font-weight: 800;
|
||||
float: left;
|
||||
@@ -709,33 +747,33 @@
|
||||
}
|
||||
body .h5 .menu .top .diamound,
|
||||
html .h5 .menu .top .diamound {
|
||||
padding: 0 0.13333rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
padding: 0 0.1333333333rem;
|
||||
height: 0.7466666667rem;
|
||||
line-height: 0.7466666667rem;
|
||||
box-sizing: border-box;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
float: right;
|
||||
margin-top: 0.05333rem;
|
||||
margin-right: 0.42667rem;
|
||||
margin-top: 0.0533333333rem;
|
||||
margin-right: 0.4266666667rem;
|
||||
text-align: center;
|
||||
border-radius: 0.74667rem;
|
||||
border-radius: 0.7466666667rem;
|
||||
}
|
||||
body .h5 .menu .top .diamound img,
|
||||
html .h5 .menu .top .diamound img {
|
||||
vertical-align: middle;
|
||||
width: 0.50667rem;
|
||||
height: 0.50667rem;
|
||||
width: 0.5066666667rem;
|
||||
height: 0.5066666667rem;
|
||||
display: inline-block;
|
||||
margin-top: -0.1rem;
|
||||
}
|
||||
body .h5 .menu .top .close,
|
||||
html .h5 .menu .top .close {
|
||||
float: right;
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
width: 0.5333333333rem;
|
||||
height: 0.5333333333rem;
|
||||
display: block;
|
||||
margin-top: 0.16rem;
|
||||
}
|
||||
@@ -744,14 +782,14 @@
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.53333rem;
|
||||
padding: 0 0.5333333333rem;
|
||||
margin: 1.6rem auto 0;
|
||||
}
|
||||
body .h5 .menu ul li,
|
||||
html .h5 .menu ul li {
|
||||
width: 100%;
|
||||
height: 1.54667rem;
|
||||
line-height: 1.54667rem;
|
||||
height: 1.5466666667rem;
|
||||
line-height: 1.5466666667rem;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -759,14 +797,14 @@
|
||||
body .h5 .menu ul li span,
|
||||
html .h5 .menu ul li span {
|
||||
color: #FFFFFF;
|
||||
font-size: 0.42667rem;
|
||||
font-size: 0.4266666667rem;
|
||||
}
|
||||
body .h5 .menu ul li img,
|
||||
html .h5 .menu ul li img {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
width: 0.4266666667rem;
|
||||
height: 0.4266666667rem;
|
||||
display: block;
|
||||
margin-top: 0.58667rem;
|
||||
margin-top: 0.5866666667rem;
|
||||
}
|
||||
body .contactUs_pub,
|
||||
html .contactUs_pub {
|
||||
@@ -788,25 +826,25 @@
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: 0.42667rem;
|
||||
border-radius: 0.4266666667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in .sClose,
|
||||
html .contactUs_pub .contactUs_pub_in .sClose {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
width: 0.4266666667rem;
|
||||
height: 0.4266666667rem;
|
||||
position: absolute;
|
||||
right: 0.42667rem;
|
||||
top: 0.34667rem;
|
||||
right: 0.4266666667rem;
|
||||
top: 0.3466666667rem;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in .title,
|
||||
html .contactUs_pub .contactUs_pub_in .title {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-top: 0.48rem;
|
||||
margin-bottom: 0.21333rem;
|
||||
margin-bottom: 0.2133333333rem;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.42667rem;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in ul,
|
||||
@@ -817,9 +855,9 @@
|
||||
body .contactUs_pub .contactUs_pub_in ul li,
|
||||
html .contactUs_pub .contactUs_pub_in ul li {
|
||||
width: 100%;
|
||||
height: 1.49333rem;
|
||||
line-height: 1.49333rem;
|
||||
border-bottom: 0.02667rem solid #EBECF0;
|
||||
height: 1.4933333333rem;
|
||||
line-height: 1.4933333333rem;
|
||||
border-bottom: 0.0266666667rem solid #EBECF0;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in ul li img,
|
||||
html .contactUs_pub .contactUs_pub_in ul li img {
|
||||
@@ -827,8 +865,8 @@
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
float: left;
|
||||
margin-top: 0.42667rem;
|
||||
margin-right: 0.58667rem;
|
||||
margin-top: 0.4266666667rem;
|
||||
margin-right: 0.5866666667rem;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in ul li span,
|
||||
html .contactUs_pub .contactUs_pub_in ul li span {
|
||||
@@ -836,7 +874,7 @@
|
||||
float: left;
|
||||
height: 100%;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.37333rem;
|
||||
font-size: 0.3733333333rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
body .contactUs_pub .contactUs_pub_in ul li span b,
|
||||
@@ -845,7 +883,6 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.language_pub {
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
@@ -856,7 +893,6 @@
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.language_pub .language_pub_in {
|
||||
width: 7.8rem;
|
||||
height: 7.2rem;
|
||||
@@ -865,39 +901,35 @@
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
background: #fff;
|
||||
border-radius: 0.42667rem;
|
||||
border-radius: 0.4266666667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.language_pub .language_pub_in .sClose {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
width: 0.4266666667rem;
|
||||
height: 0.4266666667rem;
|
||||
position: absolute;
|
||||
right: 0.42667rem;
|
||||
top: 0.34667rem;
|
||||
right: 0.4266666667rem;
|
||||
top: 0.3466666667rem;
|
||||
}
|
||||
|
||||
.language_pub .language_pub_in .title {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-top: 0.48rem;
|
||||
margin-bottom: 0.21333rem;
|
||||
margin-bottom: 0.2133333333rem;
|
||||
color: #1F1B4F;
|
||||
font-size: 0.42667rem;
|
||||
font-size: 0.4266666667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.language_pub .language_pub_in ul {
|
||||
width: 7.2rem;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.language_pub .language_pub_in ul li {
|
||||
width: 100%;
|
||||
height: 1.49333rem;
|
||||
line-height: 1.49333rem;
|
||||
border-bottom: 0.02667rem solid #EBECF0;
|
||||
height: 1.4933333333rem;
|
||||
line-height: 1.4933333333rem;
|
||||
border-bottom: 0.0266666667rem solid #EBECF0;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 0.4rem;
|
||||
}
|
||||
}
|
||||
@@ -49,6 +49,19 @@
|
||||
position: absolute;
|
||||
left: px2rem(64);
|
||||
top: px2rem(28);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img {
|
||||
width: px2rem(64);
|
||||
height: px2rem(64);
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: px2rem(35);
|
||||
color: #FFFFFF;
|
||||
font-weight: 800;
|
||||
margin:0 px2rem(20)
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
@@ -160,8 +173,9 @@
|
||||
width: px2rem(333);
|
||||
height: px2rem(80);
|
||||
position: absolute;
|
||||
right: px2rem(550);
|
||||
top: px2rem(634);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.team {
|
||||
@@ -173,6 +187,17 @@
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(55);
|
||||
}
|
||||
.teamTwo{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
opacity: 0.6;
|
||||
font-size: px2rem(16);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(30);
|
||||
}
|
||||
}
|
||||
@@ -464,6 +489,17 @@
|
||||
opacity: 0.8;
|
||||
position: absolute;
|
||||
}
|
||||
.teamTwo{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
opacity: 0.6;
|
||||
font-size: px2rem(16);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(30);
|
||||
}
|
||||
|
||||
.pageTxte1 {
|
||||
width: px2rem(482);
|
||||
|
||||
@@ -265,21 +265,22 @@ function translateFun() {
|
||||
})
|
||||
// h5自動識別普通下載
|
||||
$('body .h5 .pagesBox .pages .downioad').click(function () {
|
||||
if (url) {
|
||||
if (browser.ios) {
|
||||
officialClick(0, url);
|
||||
window.location = url;
|
||||
} else if (browser.android) {
|
||||
officialClick(1, url);
|
||||
window.location = url;
|
||||
} else {
|
||||
$('.menu').css("z-index", "1");
|
||||
$('.pagesBox').css("transform", `translateY(-${0}%)`);
|
||||
index = 0;
|
||||
}
|
||||
} else {
|
||||
//toastMsg('暫未開放下載，詳情請聯繫客服')
|
||||
}
|
||||
// if (url) {
|
||||
// if (browser.ios) {
|
||||
// officialClick(0, url);
|
||||
// window.location = url;
|
||||
// } else if (browser.android) {
|
||||
// officialClick(1, url);
|
||||
// window.location = url;
|
||||
// } else {
|
||||
// $('.menu').css("z-index", "1");
|
||||
// $('.pagesBox').css("transform", `translateY(-${0}%)`);
|
||||
// index = 0;
|
||||
// }
|
||||
// } else {
|
||||
// //toastMsg('暫未開放下載，詳情請聯繫客服')
|
||||
// }
|
||||
window.location.href = and;
|
||||
})
|
||||
}
|
||||
// 獲取配置接口
|
||||
@@ -295,7 +296,7 @@ function getConfig() {
|
||||
$(`.contactUs_pub .contactUs_pub_in ul .li3 span`).html(`<b>Email:</b> ${res.data.contact2}`);
|
||||
// 賦值下載
|
||||
// and = res.data.androidUrl;
|
||||
and = "https://moliparty.com/";
|
||||
and = "https://play.google.com/store/apps/details?id=com.jiangyzhebgiig.moliparty";
|
||||
ios = res.data.iosUrl;
|
||||
androidSkipType = res.data.androidSkipType;
|
||||
iosSkipType = res.data.iosSkipType;
|
||||
|
||||
@@ -19,7 +19,8 @@ langAr = {
|
||||
<div class="title">انضم إلى MoliParty</div>
|
||||
<div class="tex">استمع إلى الأصوات الجميلة وابحث عن رفقة جديدة</div>
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
||||
<div class="team">فريق MoliParty</div>
|
||||
<div class="team">© Vele Network Technology Limited</div>
|
||||
<div class="teamTwo">FLAT/RM 7022 BLK D 7/F TAK WING IND BLDG 3, TSUN WEN ROAD TUEN MUN NT, HONG KONG</div>
|
||||
`,
|
||||
img3: `
|
||||
<div class="title">انضم إلى MoliParty</div>
|
||||
@@ -38,7 +39,10 @@ langAr = {
|
||||
<p>فريق MoliParty</p>
|
||||
</div>`, pcText: `
|
||||
<div class="page1 pagesPc">
|
||||
<img src="./images/logoPc.png" alt="" class="logoPc">
|
||||
<div class="logoPc">
|
||||
<img src="https://cdn.moliparty.com/moliparty.png" alt="" >
|
||||
<div class="name">MoliParty</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<p class="act">الصفحة الرئيسية <span></span></p>
|
||||
<a href="../modules/rule/privacy-wap.html">
|
||||
@@ -53,9 +57,10 @@ langAr = {
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="title">انضم إلى MoliParty</div>
|
||||
<h3>استمع إلى الأصوات الجميلة وابحث عن رفقة جديدة</h3>
|
||||
<img src="./images/h5Ios.png" alt="" class="h5Ios">
|
||||
|
||||
<img src="./images/h5And.png" alt="" class="h5And">
|
||||
<div class="team">MoliParty Team</div>
|
||||
<div class="team">© Vele Network Technology Limited</div>
|
||||
<div class="teamTwo">FLAT/RM 7022 BLK D 7/F TAK WING IND BLDG 3, TSUN WEN ROAD TUEN MUN NT, HONG KONG</div>
|
||||
</div>
|
||||
<div class="page2 pagesPc">
|
||||
<div class="title">روح مثيرة للاهتمام</div>
|
||||
|
||||
@@ -18,7 +18,8 @@ langEn = {
|
||||
<div class="title">Join MoliParty</div>
|
||||
<div class="tex">Hear good voices and find new companionship</div>
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
||||
<div class="team">MoliParty Team</div>
|
||||
<div class="team">© Vele Network Technology Limited</div>
|
||||
<div class="teamTwo">FLAT/RM 7022 BLK D 7/F TAK WING IND BLDG 3, TSUN WEN ROAD TUEN MUN NT, HONG KONG</div>
|
||||
`,
|
||||
img3: `
|
||||
<div class="title">Join MoliParty</div>
|
||||
@@ -39,7 +40,10 @@ langEn = {
|
||||
</div>`,
|
||||
pcText: `
|
||||
<div class="page1 pagesPc">
|
||||
<img src="./images/logoPc.png" alt="" class="logoPc">
|
||||
<div class="logoPc">
|
||||
<img src="https://cdn.moliparty.com/moliparty.png" alt="" >
|
||||
<div class="name">MoliParty</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<p class="act">Homepage <span></span></p>
|
||||
<a href="../modules/rule/privacy-wap.html">
|
||||
@@ -54,9 +58,10 @@ langEn = {
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="title">Join MoliParty</div>
|
||||
<h3>Hear good voices and find new companionship</h3>
|
||||
<img src="./images/h5Ios.png" alt="" class="h5Ios">
|
||||
|
||||
<img src="./images/h5And.png" alt="" class="h5And">
|
||||
<div class="team">MoliParty Team</div>
|
||||
<div class="team">© Vele Network Technology Limited</div>
|
||||
<div class="teamTwo">FLAT/RM 7022 BLK D 7/F TAK WING IND BLDG 3, TSUN WEN ROAD TUEN MUN NT, HONG KONG</div>
|
||||
</div>
|
||||
<div class="page2 pagesPc">
|
||||
<div class="title">Interesting Soul</div>
|
||||
|
||||
@@ -18,7 +18,8 @@ langTr = {
|
||||
<div class="title">MoliParty'a Katıl</div>
|
||||
<div class="tex">İyi sesler dinleyin ve yeni bir arkadaşlık bulun</div>
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
||||
<div class="team">MoliParty Ekibi</div>
|
||||
<div class="team">© Vele Network Technology Limited</div>
|
||||
<div class="teamTwo">FLAT/RM 7022 BLK D 7/F TAK WING IND BLDG 3, TSUN WEN ROAD TUEN MUN NT, HONG KONG</div>
|
||||
`,
|
||||
img3: `
|
||||
<div class="title">MoliParty'a Katıl</div>
|
||||
@@ -38,7 +39,10 @@ langTr = {
|
||||
</div>`,
|
||||
pcText: `
|
||||
<div class="page1 pagesPc">
|
||||
<img src="./images/logoPc.png" alt="" class="logoPc">
|
||||
<div class="logoPc">
|
||||
<img src="https://cdn.moliparty.com/moliparty.png" alt="" >
|
||||
<div class="name">MoliParty</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<p class="act">Anasayfa <span></span></p>
|
||||
<a href="../modules/rule/privacy-wap.html">
|
||||
@@ -53,9 +57,10 @@ langTr = {
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="title">MoliParty'a Katıl</div>
|
||||
<h3>İyi sesler dinleyin ve yeni bir arkadaşlık bulun</h3>
|
||||
<img src="./images/h5Ios.png" alt="" class="h5Ios">
|
||||
|
||||
<img src="./images/h5And.png" alt="" class="h5And">
|
||||
<div class="team">MoliParty Team</div>
|
||||
<div class="team">© Vele Network Technology Limited</div>
|
||||
<div class="teamTwo">FLAT/RM 7022 BLK D 7/F TAK WING IND BLDG 3, TSUN WEN ROAD TUEN MUN NT, HONG KONG</div>
|
||||
</div>
|
||||
<div class="page2 pagesPc">
|
||||
<div class="title">İlginç Ruh</div>
|
||||
|
||||
@@ -19,7 +19,8 @@ langZh = {
|
||||
<div class="title">加入 MoliParty</div>
|
||||
<div class="tex">聽到美好的聲音，並找到新的陪伴</div>
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
||||
<div class="team">MoliParty 團隊</div>
|
||||
<div class="team">© Vele Network Technology Limited</div>
|
||||
<div class="teamTwo">FLAT/RM 7022 BLK D 7/F TAK WING IND BLDG 3, TSUN WEN ROAD TUEN MUN NT, HONG KONG</div>
|
||||
`,
|
||||
img3: `
|
||||
<div class="title">加入 MoliParty</div>
|
||||
@@ -39,7 +40,10 @@ langZh = {
|
||||
</div>`,
|
||||
pcText: `
|
||||
<div class="page1 pagesPc">
|
||||
<img src="./images/logoPc.png" alt="" class="logoPc">
|
||||
<div class="logoPc">
|
||||
<img src="https://cdn.moliparty.com/moliparty.png" alt="" >
|
||||
<div class="name">MoliParty</div>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<p class="act">首頁 <span></span></p>
|
||||
<a href="../modules/rule/privacy-wap.html">
|
||||
@@ -54,9 +58,10 @@ langZh = {
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="title">加入 MoliParty</div>
|
||||
<h3>聽到美好的聲音，並找到新的陪伴</h3>
|
||||
<img src="./images/h5Ios.png" alt="" class="h5Ios">
|
||||
|
||||
<img src="./images/h5And.png" alt="" class="h5And">
|
||||
<div class="team">MoliParty Team</div>
|
||||
<div class="team">© Vele Network Technology Limited</div>
|
||||
<div class="teamTwo">FLAT/RM 7022 BLK D 7/F TAK WING IND BLDG 3, TSUN WEN ROAD TUEN MUN NT, HONG KONG</div>
|
||||
</div>
|
||||
<div class="page2 pagesPc">
|
||||
<div class="title">有趣的靈魂</div>
|
||||
|
||||
Reference in New Issue
Block a user