moliparty/moliparty-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

moliparty更改官网

Browse Source
This commit is contained in:
yujiacong
2025-09-28 18:55:53 +08:00
parent 8fd5ea4a06
commit ed4a72b319
7 changed files with 284 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

356
view/moliparty/home/css/index.css
View File

@@ -20,7 +20,7 @@
html .container .pagesBox { html .container .pagesBox {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
transition: all .5s; transition: all 0.5s;
transform: translateY(0%); transform: translateY(0%);
} }
body .container .pagesBox .page1, body .container .pagesBox .page1,
@@ -33,21 +33,35 @@
} }
body .container .pagesBox .page1 .logoPc, body .container .pagesBox .page1 .logoPc,
html .container .pagesBox .page1 .logoPc { html .container .pagesBox .page1 .logoPc {
width: 2.69333rem; width: 2.6933333333rem;
height: 0.93333rem; height: 0.9333333333rem;
position: absolute; position: absolute;
left: 0.85333rem; left: 0.8533333333rem;
top: 0.37333rem; 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, body .container .pagesBox .page1 .tab,
html .container .pagesBox .page1 .tab { html .container .pagesBox .page1 .tab {
width: 4.26667rem; width: 4.2666666667rem;
height: 0.41333rem; height: 0.4133333333rem;
line-height: 0.41333rem; line-height: 0.4133333333rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
color: #fff; color: #fff;
font-size: 0.29333rem; font-size: 0.2933333333rem;
font-weight: 500; font-weight: 500;
position: absolute; position: absolute;
left: 50%; left: 50%;
@@ -60,13 +74,13 @@
} }
body .container .pagesBox .page1 .tab p span, body .container .pagesBox .page1 .tab p span,
html .container .pagesBox .page1 .tab p span { html .container .pagesBox .page1 .tab p span {
width: 0.46667rem; width: 0.4666666667rem;
height: 0.09333rem; height: 0.0933333333rem;
border-radius: 0.09333rem; border-radius: 0.0933333333rem;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: -0.26667rem; bottom: -0.2666666667rem;
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
} }
body .container .pagesBox .page1 .tab .tex, body .container .pagesBox .page1 .tab .tex,
@@ -75,13 +89,13 @@
} }
body .container .pagesBox .page1 .recharge, body .container .pagesBox .page1 .recharge,
html .container .pagesBox .page1 .recharge { html .container .pagesBox .page1 .recharge {
width: 1.62667rem; width: 1.6266666667rem;
height: 0.48rem; height: 0.48rem;
line-height: 0.42667rem; line-height: 0.4266666667rem;
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
text-align: center; text-align: center;
color: #fff; color: #fff;
font-size: 0.21333rem; font-size: 0.2133333333rem;
border-radius: 0.48rem; border-radius: 0.48rem;
position: absolute; position: absolute;
top: 0.6rem; top: 0.6rem;
@@ -89,11 +103,11 @@
} }
body .container .pagesBox .page1 .recharge img, body .container .pagesBox .page1 .recharge img,
html .container .pagesBox .page1 .recharge img { html .container .pagesBox .page1 .recharge img {
width: 0.29333rem; width: 0.2933333333rem;
height: 0.29333rem; height: 0.2933333333rem;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-right: 0.02667rem; margin-right: 0.0266666667rem;
} }
body .container .pagesBox .page1 .recharge span, body .container .pagesBox .page1 .recharge span,
html .container .pagesBox .page1 .recharge span { html .container .pagesBox .page1 .recharge span {
@@ -102,7 +116,7 @@
body .container .pagesBox .page1 .language, body .container .pagesBox .page1 .language,
html .container .pagesBox .page1 .language { html .container .pagesBox .page1 .language {
position: absolute; position: absolute;
right: 0.85333rem; right: 0.8533333333rem;
top: 0.6rem; top: 0.6rem;
width: 1.32rem; width: 1.32rem;
height: 0.48rem; height: 0.48rem;
@@ -111,7 +125,7 @@
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
color: #fff; color: #fff;
text-align: center; text-align: center;
font-size: 0.21333rem; font-size: 0.2133333333rem;
font-weight: 400; font-weight: 400;
} }
body .container .pagesBox .page1 .title, body .container .pagesBox .page1 .title,
@@ -123,34 +137,35 @@
font-weight: 600; font-weight: 600;
position: absolute; position: absolute;
left: 0; left: 0;
top: 5.26667rem; top: 5.2666666667rem;
} }
body .container .pagesBox .page1 h3, body .container .pagesBox .page1 h3,
html .container .pagesBox .page1 h3 { html .container .pagesBox .page1 h3 {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 0.58667rem; font-size: 0.5866666667rem;
color: #fff; color: #fff;
font-weight: 400; font-weight: 400;
position: absolute; position: absolute;
left: 0; left: 0;
top: 6.66667rem; top: 6.6666666667rem;
} }
body .container .pagesBox .page1 .h5Ios, body .container .pagesBox .page1 .h5Ios,
html .container .pagesBox .page1 .h5Ios { html .container .pagesBox .page1 .h5Ios {
width: 4.44rem; width: 4.44rem;
height: 1.06667rem; height: 1.0666666667rem;
position: absolute; position: absolute;
left: 7.33333rem; left: 7.3333333333rem;
top: 8.45333rem; top: 8.4533333333rem;
} }
body .container .pagesBox .page1 .h5And, body .container .pagesBox .page1 .h5And,
html .container .pagesBox .page1 .h5And { html .container .pagesBox .page1 .h5And {
width: 4.44rem; width: 4.44rem;
height: 1.06667rem; height: 1.0666666667rem;
position: absolute; position: absolute;
right: 7.33333rem; top: 8.4533333333rem;
top: 8.45333rem; left: 50%;
transform: translateX(-50%);
} }
body .container .pagesBox .page1 .team, body .container .pagesBox .page1 .team,
html .container .pagesBox .page1 .team { html .container .pagesBox .page1 .team {
@@ -158,7 +173,19 @@
text-align: center; text-align: center;
color: #fff; color: #fff;
opacity: 0.6; 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; font-weight: 400;
position: absolute; position: absolute;
left: 0; left: 0;
@@ -181,13 +208,13 @@
font-weight: 600; font-weight: 600;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0.86667rem; top: 0.8666666667rem;
} }
body .container .pagesBox .page2 img, body .container .pagesBox .page2 img,
html .container .pagesBox .page2 img { html .container .pagesBox .page2 img {
position: absolute; position: absolute;
width: 16rem; width: 16rem;
top: 2.66667rem; top: 2.6666666667rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
@@ -208,13 +235,13 @@
font-weight: 600; font-weight: 600;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0.86667rem; top: 0.8666666667rem;
} }
body .container .pagesBox .page3 img, body .container .pagesBox .page3 img,
html .container .pagesBox .page3 img { html .container .pagesBox .page3 img {
position: absolute; position: absolute;
width: 16rem; width: 16rem;
top: 2.66667rem; top: 2.6666666667rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
@@ -235,18 +262,17 @@
font-weight: 600; font-weight: 600;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0.86667rem; top: 0.8666666667rem;
} }
body .container .pagesBox .page4 img, body .container .pagesBox .page4 img,
html .container .pagesBox .page4 img { html .container .pagesBox .page4 img {
position: absolute; position: absolute;
width: 16rem; width: 16rem;
top: 2.66667rem; top: 2.6666666667rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.pc, .pc,
.homePc { .homePc {
@@ -265,16 +291,16 @@
width: 100%; width: 100%;
height: 1.2rem; height: 1.2rem;
box-sizing: border-box; box-sizing: border-box;
padding: 0 0.42667rem; padding: 0 0.4266666667rem;
margin: 0.26667rem auto 0; margin: 0.2666666667rem auto 0;
z-index: 3; z-index: 3;
} }
body .header .line, body .header .line,
html .header .line { html .header .line {
width: 90%; width: 90%;
height: 0.02667rem; height: 0.0266666667rem;
background: #fff; background: #fff;
opacity: .3; opacity: 0.3;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
@@ -284,14 +310,14 @@
body .header .logo, body .header .logo,
html .header .logo { html .header .logo {
display: block; display: block;
width: 0.85333rem; width: 0.8533333333rem;
height: 0.85333rem; height: 0.8533333333rem;
margin-right: 0.21333rem; margin-right: 0.2133333333rem;
float: left; float: left;
} }
body .header .name, body .header .name,
html .header .name { html .header .name {
font-size: 0.46667rem; font-size: 0.4666666667rem;
color: #FFFFFF; color: #FFFFFF;
font-weight: 800; font-weight: 800;
float: left; float: left;
@@ -299,7 +325,7 @@
} }
body .header .diamound, body .header .diamound,
html .header .diamound { html .header .diamound {
padding: 0 0.26667rem; padding: 0 0.2666666667rem;
height: 0.8rem; height: 0.8rem;
line-height: 0.8rem; line-height: 0.8rem;
box-sizing: border-box; box-sizing: border-box;
@@ -308,7 +334,7 @@
color: #fff; color: #fff;
font-size: 0.32rem; font-size: 0.32rem;
float: right; float: right;
margin-top: 0.05333rem; margin-top: 0.0533333333rem;
margin-right: 0.24rem; margin-right: 0.24rem;
text-align: center; text-align: center;
border-radius: 0.8rem; border-radius: 0.8rem;
@@ -316,16 +342,16 @@
body .header .diamound img, body .header .diamound img,
html .header .diamound img { html .header .diamound img {
vertical-align: middle; vertical-align: middle;
width: 0.50667rem; width: 0.5066666667rem;
height: 0.50667rem; height: 0.5066666667rem;
display: inline-block; display: inline-block;
margin-top: -0.1rem; margin-top: -0.1rem;
} }
body .header .more, body .header .more,
html .header .more { html .header .more {
float: right; float: right;
width: 0.53333rem; width: 0.5333333333rem;
height: 0.53333rem; height: 0.5333333333rem;
display: block; display: block;
margin-top: 0.16rem; margin-top: 0.16rem;
display: none; display: none;
@@ -333,12 +359,12 @@
body .header .language, body .header .language,
html .header .language { html .header .language {
float: right; float: right;
width: 2.18667rem; width: 2.1866666667rem;
height: 0.8rem; height: 0.8rem;
border-radius: 0.8rem; border-radius: 0.8rem;
line-height: 0.8rem; line-height: 0.8rem;
margin-top: 0.05333rem; margin-top: 0.0533333333rem;
margin-right: 0.26667rem; margin-right: 0.2666666667rem;
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
color: #fff; color: #fff;
text-align: center; text-align: center;
@@ -358,7 +384,7 @@
html .h5 .pagesBox { html .h5 .pagesBox {
width: 100%; width: 100%;
height: 100%; height: 100%;
transition: all .5s; transition: all 0.5s;
transform: translateY(0%); transform: translateY(0%);
} }
body .h5 .pagesBox .page1, body .h5 .pagesBox .page1,
@@ -375,9 +401,9 @@
width: 70%; width: 70%;
display: flex; display: flex;
position: absolute; position: absolute;
top: 2.13333rem; top: 2.1333333333rem;
height: 0.58667rem; height: 0.5866666667rem;
line-height: 0.58667rem; line-height: 0.5866666667rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
justify-content: space-evenly; justify-content: space-evenly;
@@ -387,20 +413,20 @@
color: #FFFFFF; color: #FFFFFF;
opacity: 0.2; opacity: 0.2;
position: relative; position: relative;
font-size: 0.42667rem; font-size: 0.4266666667rem;
white-space: nowrap; white-space: nowrap;
} }
body .h5 .pagesBox .page1 .tab p span, body .h5 .pagesBox .page1 .tab p span,
html .h5 .pagesBox .page1 .tab p span { html .h5 .pagesBox .page1 .tab p span {
width: 0.58667rem; width: 0.5866666667rem;
height: 0.13333rem; height: 0.1333333333rem;
border-radius: 0.13333rem; border-radius: 0.1333333333rem;
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: -0.26667rem; bottom: -0.2666666667rem;
font-size: 0.42667rem; font-size: 0.4266666667rem;
font-weight: 500; font-weight: 500;
} }
body .h5 .pagesBox .page1 .tab .act, body .h5 .pagesBox .page1 .tab .act,
@@ -416,54 +442,66 @@
font-weight: 600; font-weight: 600;
font-size: 0.8rem; font-size: 0.8rem;
position: absolute; position: absolute;
top: 7.78667rem; top: 7.7866666667rem;
left: 0; left: 0;
} }
body .h5 .pagesBox .page1 .tex, body .h5 .pagesBox .page1 .tex,
html .h5 .pagesBox .page1 .tex { html .h5 .pagesBox .page1 .tex {
width: 9.14667rem; width: 9.1466666667rem;
height: 1.49333rem; height: 1.4933333333rem;
line-height: 0.74667rem; line-height: 0.7466666667rem;
position: absolute; position: absolute;
top: 9.25333rem; top: 9.2533333333rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
color: #fff; color: #fff;
text-align: center; text-align: center;
opacity: 0.6; opacity: 0.6;
font-size: 0.53333rem; font-size: 0.5333333333rem;
font-weight: 400; font-weight: 400;
} }
body .h5 .pagesBox .page1 .team, body .h5 .pagesBox .page1 .team,
html .h5 .pagesBox .page1 .team { html .h5 .pagesBox .page1 .team {
width: 100%; width: 100%;
left: 0; left: 0;
bottom: 1.09333rem; bottom: 1.0933333333rem;
text-align: center; text-align: center;
color: #fff; color: #fff;
opacity: 0.8; opacity: 0.8;
position: absolute; 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, body .h5 .pagesBox .page1 .pageTxte1,
html .h5 .pagesBox .page1 .pageTxte1 { html .h5 .pagesBox .page1 .pageTxte1 {
width: 6.42667rem; width: 6.4266666667rem;
height: 1.33333rem; height: 1.3333333333rem;
position: absolute; position: absolute;
left: 1.44rem; left: 1.44rem;
top: 5.01333rem; top: 5.0133333333rem;
} }
body .h5 .pagesBox .page1 .pageTxte2, body .h5 .pagesBox .page1 .pageTxte2,
html .h5 .pagesBox .page1 .pageTxte2 { html .h5 .pagesBox .page1 .pageTxte2 {
width: 6.42667rem; width: 6.4266666667rem;
height: 1.33333rem; height: 1.3333333333rem;
position: absolute; position: absolute;
right: 1.44rem; right: 1.44rem;
top: 6.77333rem; top: 6.7733333333rem;
} }
body .h5 .pagesBox .page1 .downioad, body .h5 .pagesBox .page1 .downioad,
html .h5 .pagesBox .page1 .downioad { html .h5 .pagesBox .page1 .downioad {
width: 4.44rem; width: 4.44rem;
height: 1.06667rem; height: 1.0666666667rem;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
@@ -472,11 +510,11 @@
} }
body .h5 .pagesBox .page1 .down, body .h5 .pagesBox .page1 .down,
html .h5 .pagesBox .page1 .down { html .h5 .pagesBox .page1 .down {
width: 0.50667rem; width: 0.5066666667rem;
height: 0.37333rem; height: 0.3733333333rem;
position: absolute; position: absolute;
left: 48%; left: 48%;
bottom: 0.26667rem; bottom: 0.2666666667rem;
} }
body .h5 .pagesBox .page2, body .h5 .pagesBox .page2,
html .h5 .pagesBox .page2 { html .h5 .pagesBox .page2 {
@@ -496,25 +534,25 @@
font-weight: 600; font-weight: 600;
font-size: 0.8rem; font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.06667rem; top: 3.0666666667rem;
left: 0; left: 0;
} }
body .h5 .pagesBox .page2 .img, body .h5 .pagesBox .page2 .img,
html .h5 .pagesBox .page2 .img { html .h5 .pagesBox .page2 .img {
position: absolute; position: absolute;
width: 10rem; width: 10rem;
top: 4.77333rem; top: 4.7733333333rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
body .h5 .pagesBox .page2 .downioad, body .h5 .pagesBox .page2 .downioad,
html .h5 .pagesBox .page2 .downioad { html .h5 .pagesBox .page2 .downioad {
width: 4.44rem; width: 4.44rem;
height: 1.06667rem; height: 1.0666666667rem;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 1.66667rem; bottom: 1.6666666667rem;
} }
body .h5 .pagesBox .page3, body .h5 .pagesBox .page3,
html .h5 .pagesBox .page3 { html .h5 .pagesBox .page3 {
@@ -534,25 +572,25 @@
font-weight: 600; font-weight: 600;
font-size: 0.8rem; font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.06667rem; top: 3.0666666667rem;
left: 0; left: 0;
} }
body .h5 .pagesBox .page3 .img, body .h5 .pagesBox .page3 .img,
html .h5 .pagesBox .page3 .img { html .h5 .pagesBox .page3 .img {
position: absolute; position: absolute;
width: 10rem; width: 10rem;
top: 4.77333rem; top: 4.7733333333rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
body .h5 .pagesBox .page3 .downioad, body .h5 .pagesBox .page3 .downioad,
html .h5 .pagesBox .page3 .downioad { html .h5 .pagesBox .page3 .downioad {
width: 4.44rem; width: 4.44rem;
height: 1.06667rem; height: 1.0666666667rem;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 1.66667rem; bottom: 1.6666666667rem;
} }
body .h5 .pagesBox .page4, body .h5 .pagesBox .page4,
html .h5 .pagesBox .page4 { html .h5 .pagesBox .page4 {
@@ -572,25 +610,25 @@
font-weight: 600; font-weight: 600;
font-size: 0.8rem; font-size: 0.8rem;
position: absolute; position: absolute;
top: 3.06667rem; top: 3.0666666667rem;
left: 0; left: 0;
} }
body .h5 .pagesBox .page4 .img, body .h5 .pagesBox .page4 .img,
html .h5 .pagesBox .page4 .img { html .h5 .pagesBox .page4 .img {
position: absolute; position: absolute;
width: 10rem; width: 10rem;
top: 4.77333rem; top: 4.7733333333rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
body .h5 .pagesBox .page4 .downioad, body .h5 .pagesBox .page4 .downioad,
html .h5 .pagesBox .page4 .downioad { html .h5 .pagesBox .page4 .downioad {
width: 4.44rem; width: 4.44rem;
height: 1.06667rem; height: 1.0666666667rem;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 1.66667rem; bottom: 1.6666666667rem;
} }
body .h5 .pagesBox .page5, body .h5 .pagesBox .page5,
html .h5 .pagesBox .page5 { html .h5 .pagesBox .page5 {
@@ -603,23 +641,23 @@
} }
body .h5 .pagesBox .page5 .pageTxte5, body .h5 .pagesBox .page5 .pageTxte5,
html .h5 .pagesBox .page5 .pageTxte5 { html .h5 .pagesBox .page5 .pageTxte5 {
width: 6.61333rem; width: 6.6133333333rem;
height: 4.42667rem; height: 4.4266666667rem;
position: relative; position: relative;
top: 3.41333rem; top: 3.4133333333rem;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
} }
body .h5 .pagesBox .page5 .contactUs, body .h5 .pagesBox .page5 .contactUs,
html .h5 .pagesBox .page5 .contactUs { html .h5 .pagesBox .page5 .contactUs {
width: 3.62667rem; width: 3.6266666667rem;
height: 1.22667rem; height: 1.2266666667rem;
position: absolute; position: absolute;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 5.14667rem; bottom: 5.1466666667rem;
} }
body .h5 .pagesBox .page5 .bootom, body .h5 .pagesBox .page5 .bootom,
html .h5 .pagesBox .page5 .bootom { html .h5 .pagesBox .page5 .bootom {
@@ -633,12 +671,12 @@
} }
body .h5 .pagesBox .page5 .bootom p, body .h5 .pagesBox .page5 .bootom p,
html .h5 .pagesBox .page5 .bootom p { html .h5 .pagesBox .page5 .bootom p {
margin-bottom: 0.10667rem; margin-bottom: 0.1066666667rem;
} }
body .h5 .pagesBox .page5 .downioad, body .h5 .pagesBox .page5 .downioad,
html .h5 .pagesBox .page5 .downioad { html .h5 .pagesBox .page5 .downioad {
width: 4.98667rem; width: 4.9866666667rem;
height: 1.22667rem; height: 1.2266666667rem;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
@@ -647,11 +685,11 @@
} }
body .h5 .pagesBox .page5 .down, body .h5 .pagesBox .page5 .down,
html .h5 .pagesBox .page5 .down { html .h5 .pagesBox .page5 .down {
width: 0.50667rem; width: 0.5066666667rem;
height: 0.37333rem; height: 0.3733333333rem;
position: absolute; position: absolute;
left: 48%; left: 48%;
bottom: 0.26667rem; bottom: 0.2666666667rem;
} }
body .h5 .menu, body .h5 .menu,
html .h5 .menu { html .h5 .menu {
@@ -660,7 +698,7 @@
background: url(../images/h51.png) no-repeat; background: url(../images/h51.png) no-repeat;
background-size: 10rem 100%; background-size: 10rem 100%;
position: fixed; position: fixed;
transition: all .2s; transition: all 0.2s;
left: 0; left: 0;
top: 0; top: 0;
overflow: hidden; overflow: hidden;
@@ -673,8 +711,8 @@
width: 100%; width: 100%;
height: 1.2rem; height: 1.2rem;
box-sizing: border-box; box-sizing: border-box;
padding: 0 0.53333rem; padding: 0 0.5333333333rem;
margin: 0.26667rem auto 0; margin: 0.2666666667rem auto 0;
z-index: 3; z-index: 3;
top: 0; top: 0;
left: 50%; left: 50%;
@@ -683,9 +721,9 @@
body .h5 .menu .top .line, body .h5 .menu .top .line,
html .h5 .menu .top .line { html .h5 .menu .top .line {
width: 90%; width: 90%;
height: 0.02667rem; height: 0.0266666667rem;
background: #fff; background: #fff;
opacity: .3; opacity: 0.3;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
@@ -694,14 +732,14 @@
body .h5 .menu .top .logo, body .h5 .menu .top .logo,
html .h5 .menu .top .logo { html .h5 .menu .top .logo {
display: block; display: block;
width: 0.85333rem; width: 0.8533333333rem;
height: 0.85333rem; height: 0.8533333333rem;
margin-right: 0.21333rem; margin-right: 0.2133333333rem;
float: left; float: left;
} }
body .h5 .menu .top .name, body .h5 .menu .top .name,
html .h5 .menu .top .name { html .h5 .menu .top .name {
font-size: 0.46667rem; font-size: 0.4666666667rem;
color: #FFFFFF; color: #FFFFFF;
font-weight: 800; font-weight: 800;
float: left; float: left;
@@ -709,33 +747,33 @@
} }
body .h5 .menu .top .diamound, body .h5 .menu .top .diamound,
html .h5 .menu .top .diamound { html .h5 .menu .top .diamound {
padding: 0 0.13333rem; padding: 0 0.1333333333rem;
height: 0.74667rem; height: 0.7466666667rem;
line-height: 0.74667rem; line-height: 0.7466666667rem;
box-sizing: border-box; box-sizing: border-box;
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%); background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
vertical-align: middle; vertical-align: middle;
color: #fff; color: #fff;
font-size: 0.32rem; font-size: 0.32rem;
float: right; float: right;
margin-top: 0.05333rem; margin-top: 0.0533333333rem;
margin-right: 0.42667rem; margin-right: 0.4266666667rem;
text-align: center; text-align: center;
border-radius: 0.74667rem; border-radius: 0.7466666667rem;
} }
body .h5 .menu .top .diamound img, body .h5 .menu .top .diamound img,
html .h5 .menu .top .diamound img { html .h5 .menu .top .diamound img {
vertical-align: middle; vertical-align: middle;
width: 0.50667rem; width: 0.5066666667rem;
height: 0.50667rem; height: 0.5066666667rem;
display: inline-block; display: inline-block;
margin-top: -0.1rem; margin-top: -0.1rem;
} }
body .h5 .menu .top .close, body .h5 .menu .top .close,
html .h5 .menu .top .close { html .h5 .menu .top .close {
float: right; float: right;
width: 0.53333rem; width: 0.5333333333rem;
height: 0.53333rem; height: 0.5333333333rem;
display: block; display: block;
margin-top: 0.16rem; margin-top: 0.16rem;
} }
@@ -744,14 +782,14 @@
width: 100%; width: 100%;
height: 1.2rem; height: 1.2rem;
box-sizing: border-box; box-sizing: border-box;
padding: 0 0.53333rem; padding: 0 0.5333333333rem;
margin: 1.6rem auto 0; margin: 1.6rem auto 0;
} }
body .h5 .menu ul li, body .h5 .menu ul li,
html .h5 .menu ul li { html .h5 .menu ul li {
width: 100%; width: 100%;
height: 1.54667rem; height: 1.5466666667rem;
line-height: 1.54667rem; line-height: 1.5466666667rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -759,14 +797,14 @@
body .h5 .menu ul li span, body .h5 .menu ul li span,
html .h5 .menu ul li span { html .h5 .menu ul li span {
color: #FFFFFF; color: #FFFFFF;
font-size: 0.42667rem; font-size: 0.4266666667rem;
} }
body .h5 .menu ul li img, body .h5 .menu ul li img,
html .h5 .menu ul li img { html .h5 .menu ul li img {
width: 0.42667rem; width: 0.4266666667rem;
height: 0.42667rem; height: 0.4266666667rem;
display: block; display: block;
margin-top: 0.58667rem; margin-top: 0.5866666667rem;
} }
body .contactUs_pub, body .contactUs_pub,
html .contactUs_pub { html .contactUs_pub {
@@ -788,25 +826,25 @@
position: absolute; position: absolute;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: #fff; background: #fff;
border-radius: 0.42667rem; border-radius: 0.4266666667rem;
overflow: hidden; overflow: hidden;
} }
body .contactUs_pub .contactUs_pub_in .sClose, body .contactUs_pub .contactUs_pub_in .sClose,
html .contactUs_pub .contactUs_pub_in .sClose { html .contactUs_pub .contactUs_pub_in .sClose {
width: 0.42667rem; width: 0.4266666667rem;
height: 0.42667rem; height: 0.4266666667rem;
position: absolute; position: absolute;
right: 0.42667rem; right: 0.4266666667rem;
top: 0.34667rem; top: 0.3466666667rem;
} }
body .contactUs_pub .contactUs_pub_in .title, body .contactUs_pub .contactUs_pub_in .title,
html .contactUs_pub .contactUs_pub_in .title { html .contactUs_pub .contactUs_pub_in .title {
text-align: center; text-align: center;
width: 100%; width: 100%;
margin-top: 0.48rem; margin-top: 0.48rem;
margin-bottom: 0.21333rem; margin-bottom: 0.2133333333rem;
color: #1F1B4F; color: #1F1B4F;
font-size: 0.42667rem; font-size: 0.4266666667rem;
font-weight: 600; font-weight: 600;
} }
body .contactUs_pub .contactUs_pub_in ul, body .contactUs_pub .contactUs_pub_in ul,
@@ -817,9 +855,9 @@
body .contactUs_pub .contactUs_pub_in ul li, body .contactUs_pub .contactUs_pub_in ul li,
html .contactUs_pub .contactUs_pub_in ul li { html .contactUs_pub .contactUs_pub_in ul li {
width: 100%; width: 100%;
height: 1.49333rem; height: 1.4933333333rem;
line-height: 1.49333rem; line-height: 1.4933333333rem;
border-bottom: 0.02667rem solid #EBECF0; border-bottom: 0.0266666667rem solid #EBECF0;
} }
body .contactUs_pub .contactUs_pub_in ul li img, body .contactUs_pub .contactUs_pub_in ul li img,
html .contactUs_pub .contactUs_pub_in ul li img { html .contactUs_pub .contactUs_pub_in ul li img {
@@ -827,8 +865,8 @@
width: 0.64rem; width: 0.64rem;
height: 0.64rem; height: 0.64rem;
float: left; float: left;
margin-top: 0.42667rem; margin-top: 0.4266666667rem;
margin-right: 0.58667rem; margin-right: 0.5866666667rem;
} }
body .contactUs_pub .contactUs_pub_in ul li span, body .contactUs_pub .contactUs_pub_in ul li span,
html .contactUs_pub .contactUs_pub_in ul li span { html .contactUs_pub .contactUs_pub_in ul li span {
@@ -836,7 +874,7 @@
float: left; float: left;
height: 100%; height: 100%;
color: #1F1B4F; color: #1F1B4F;
font-size: 0.37333rem; font-size: 0.3733333333rem;
font-weight: 500; font-weight: 500;
} }
body .contactUs_pub .contactUs_pub_in ul li span b, body .contactUs_pub .contactUs_pub_in ul li span b,
@@ -845,7 +883,6 @@
font-weight: bold; font-weight: bold;
} }
} }
.language_pub { .language_pub {
position: fixed; position: fixed;
z-index: 99; z-index: 99;
@@ -856,7 +893,6 @@
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
display: none; display: none;
} }
.language_pub .language_pub_in { .language_pub .language_pub_in {
width: 7.8rem; width: 7.8rem;
height: 7.2rem; height: 7.2rem;
@@ -865,39 +901,35 @@
position: absolute; position: absolute;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: #fff; background: #fff;
border-radius: 0.42667rem; border-radius: 0.4266666667rem;
overflow: hidden; overflow: hidden;
} }
.language_pub .language_pub_in .sClose { .language_pub .language_pub_in .sClose {
width: 0.42667rem; width: 0.4266666667rem;
height: 0.42667rem; height: 0.4266666667rem;
position: absolute; position: absolute;
right: 0.42667rem; right: 0.4266666667rem;
top: 0.34667rem; top: 0.3466666667rem;
} }
.language_pub .language_pub_in .title { .language_pub .language_pub_in .title {
text-align: center; text-align: center;
width: 100%; width: 100%;
margin-top: 0.48rem; margin-top: 0.48rem;
margin-bottom: 0.21333rem; margin-bottom: 0.2133333333rem;
color: #1F1B4F; color: #1F1B4F;
font-size: 0.42667rem; font-size: 0.4266666667rem;
font-weight: 600; font-weight: 600;
} }
.language_pub .language_pub_in ul { .language_pub .language_pub_in ul {
width: 7.2rem; width: 7.2rem;
margin: 0 auto 0; margin: 0 auto 0;
} }
.language_pub .language_pub_in ul li { .language_pub .language_pub_in ul li {
width: 100%; width: 100%;
height: 1.49333rem; height: 1.4933333333rem;
line-height: 1.49333rem; line-height: 1.4933333333rem;
border-bottom: 0.02667rem solid #EBECF0; border-bottom: 0.0266666667rem solid #EBECF0;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 0.4rem; font-size: 0.4rem;
} }

38
view/moliparty/home/css/index.scss
View File

@@ -49,6 +49,19 @@
position: absolute; position: absolute;
left: px2rem(64); left: px2rem(64);
top: px2rem(28); 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 { .tab {
@@ -160,8 +173,9 @@
width: px2rem(333); width: px2rem(333);
height: px2rem(80); height: px2rem(80);
position: absolute; position: absolute;
right: px2rem(550);
top: px2rem(634); top: px2rem(634);
left: 50%;
transform: translateX(-50%);
} }
.team { .team {
@@ -173,6 +187,17 @@
font-weight: 400; font-weight: 400;
position: absolute; position: absolute;
left: 0; 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); bottom: px2rem(30);
} }
} }
@@ -464,6 +489,17 @@
opacity: 0.8; opacity: 0.8;
position: absolute; 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 { .pageTxte1 {
width: px2rem(482); width: px2rem(482);

33
view/moliparty/home/js/index.js
View File

@@ -265,21 +265,22 @@ function translateFun() {
}) })
// h5自動識別普通下載 // h5自動識別普通下載
$('body .h5 .pagesBox .pages .downioad').click(function () { $('body .h5 .pagesBox .pages .downioad').click(function () {
if (url) { // if (url) {
if (browser.ios) { // if (browser.ios) {
officialClick(0, url); // officialClick(0, url);
window.location = url; // window.location = url;
} else if (browser.android) { // } else if (browser.android) {
officialClick(1, url); // officialClick(1, url);
window.location = url; // window.location = url;
} else { // } else {
$('.menu').css("z-index", "1"); // $('.menu').css("z-index", "1");
$('.pagesBox').css("transform", `translateY(-${0}%)`); // $('.pagesBox').css("transform", `translateY(-${0}%)`);
index = 0; // index = 0;
} // }
} else { // } else {
//toastMsg('暫未開放下載，詳情請聯繫客服') // //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}`); $(`.contactUs_pub .contactUs_pub_in ul .li3 span`).html(`<b>Email:</b> ${res.data.contact2}`);
// 賦值下載 // 賦值下載
// and = res.data.androidUrl; // and = res.data.androidUrl;
and = "https://moliparty.com/"; and = "https://play.google.com/store/apps/details?id=com.jiangyzhebgiig.moliparty";
ios = res.data.iosUrl; ios = res.data.iosUrl;
androidSkipType = res.data.androidSkipType; androidSkipType = res.data.androidSkipType;
iosSkipType = res.data.iosSkipType; iosSkipType = res.data.iosSkipType;

13
view/moliparty/home/local/ar.js
View File

@@ -19,7 +19,8 @@ langAr = {
<div class="title">انضم إلى MoliParty</div> <div class="title">انضم إلى MoliParty</div>
<div class="tex">استمع إلى الأصوات الجميلة وابحث عن رفقة جديدة</div> <div class="tex">استمع إلى الأصوات الجميلة وابحث عن رفقة جديدة</div>
<img src="./images/downioad.png" alt="" class="downioad animate__animated "> <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: ` img3: `
<div class="title">انضم إلى MoliParty</div> <div class="title">انضم إلى MoliParty</div>
@@ -38,7 +39,10 @@ langAr = {
<p>فريق MoliParty</p> <p>فريق MoliParty</p>
</div>`, pcText: ` </div>`, pcText: `
<div class="page1 pagesPc"> <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"> <div class="tab">
<p class="act">الصفحة الرئيسية <span></span></p> <p class="act">الصفحة الرئيسية <span></span></p>
<a href="../modules/rule/privacy-wap.html"> <a href="../modules/rule/privacy-wap.html">
@@ -53,9 +57,10 @@ langAr = {
<div class="language"><b></b> ▼</div> <div class="language"><b></b> ▼</div>
<div class="title">انضم إلى MoliParty</div> <div class="title">انضم إلى MoliParty</div>
<h3>استمع إلى الأصوات الجميلة وابحث عن رفقة جديدة</h3> <h3>استمع إلى الأصوات الجميلة وابحث عن رفقة جديدة</h3>
<img src="./images/h5Ios.png" alt="" class="h5Ios">
<img src="./images/h5And.png" alt="" class="h5And"> <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>
<div class="page2 pagesPc"> <div class="page2 pagesPc">
<div class="title">روح مثيرة للاهتمام</div> <div class="title">روح مثيرة للاهتمام</div>

13
view/moliparty/home/local/en.js
View File

@@ -18,7 +18,8 @@ langEn = {
<div class="title">Join MoliParty</div> <div class="title">Join MoliParty</div>
<div class="tex">Hear good voices and find new companionship</div> <div class="tex">Hear good voices and find new companionship</div>
<img src="./images/downioad.png" alt="" class="downioad animate__animated "> <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: ` img3: `
<div class="title">Join MoliParty</div> <div class="title">Join MoliParty</div>
@@ -39,7 +40,10 @@ langEn = {
</div>`, </div>`,
pcText: ` pcText: `
<div class="page1 pagesPc"> <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"> <div class="tab">
<p class="act">Homepage <span></span></p> <p class="act">Homepage <span></span></p>
<a href="../modules/rule/privacy-wap.html"> <a href="../modules/rule/privacy-wap.html">
@@ -54,9 +58,10 @@ langEn = {
<div class="language"><b></b> ▼</div> <div class="language"><b></b> ▼</div>
<div class="title">Join MoliParty</div> <div class="title">Join MoliParty</div>
<h3>Hear good voices and find new companionship</h3> <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"> <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>
<div class="page2 pagesPc"> <div class="page2 pagesPc">
<div class="title">Interesting Soul</div> <div class="title">Interesting Soul</div>

13
view/moliparty/home/local/tr.js
View File

@@ -18,7 +18,8 @@ langTr = {
<div class="title">MoliParty'a Katıl</div> <div class="title">MoliParty'a Katıl</div>
<div class="tex">İyi sesler dinleyin ve yeni bir arkadaşlık bulun</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 "> <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: ` img3: `
<div class="title">MoliParty'a Katıl</div> <div class="title">MoliParty'a Katıl</div>
@@ -38,7 +39,10 @@ langTr = {
</div>`, </div>`,
pcText: ` pcText: `
<div class="page1 pagesPc"> <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"> <div class="tab">
<p class="act">Anasayfa <span></span></p> <p class="act">Anasayfa <span></span></p>
<a href="../modules/rule/privacy-wap.html"> <a href="../modules/rule/privacy-wap.html">
@@ -53,9 +57,10 @@ langTr = {
<div class="language"><b></b> ▼</div> <div class="language"><b></b> ▼</div>
<div class="title">MoliParty'a Katıl</div> <div class="title">MoliParty'a Katıl</div>
<h3>İyi sesler dinleyin ve yeni bir arkadaşlık bulun</h3> <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"> <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>
<div class="page2 pagesPc"> <div class="page2 pagesPc">
<div class="title">İlginç Ruh</div> <div class="title">İlginç Ruh</div>

13
view/moliparty/home/local/zh.js
View File

@@ -19,7 +19,8 @@ langZh = {
<div class="title">加入 MoliParty</div> <div class="title">加入 MoliParty</div>
<div class="tex">聽到美好的聲音，並找到新的陪伴</div> <div class="tex">聽到美好的聲音，並找到新的陪伴</div>
<img src="./images/downioad.png" alt="" class="downioad animate__animated "> <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: ` img3: `
<div class="title">加入 MoliParty</div> <div class="title">加入 MoliParty</div>
@@ -39,7 +40,10 @@ langZh = {
</div>`, </div>`,
pcText: ` pcText: `
<div class="page1 pagesPc"> <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"> <div class="tab">
<p class="act">首頁 <span></span></p> <p class="act">首頁 <span></span></p>
<a href="../modules/rule/privacy-wap.html"> <a href="../modules/rule/privacy-wap.html">
@@ -54,9 +58,10 @@ langZh = {
<div class="language"><b></b> ▼</div> <div class="language"><b></b> ▼</div>
<div class="title">加入 MoliParty</div> <div class="title">加入 MoliParty</div>
<h3>聽到美好的聲音，並找到新的陪伴</h3> <h3>聽到美好的聲音，並找到新的陪伴</h3>
<img src="./images/h5Ios.png" alt="" class="h5Ios">
<img src="./images/h5And.png" alt="" class="h5And"> <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>
<div class="page2 pagesPc"> <div class="page2 pagesPc">
<div class="title">有趣的靈魂</div> <div class="title">有趣的靈魂</div>