Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
0f8d25edb3 |
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
Before Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 71 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 290 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 95 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 777 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 777 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 776 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 327 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 351 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 277 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 142 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 582 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 586 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 578 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 405 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 402 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 407 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 400 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 398 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 398 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 810 B |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
@@ -1,308 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- 头部 -->
|
||||
<div class="header">
|
||||
<!-- 规则Icon -->
|
||||
<div class="rule_icon text2"></div>
|
||||
<!-- 摩天轮 -->
|
||||
<div id="carousel" class="carousel">
|
||||
<img src="./images/carouselTitle.png" alt="" class="carouselTitle img1">
|
||||
<img src="./images/waiting.png" alt="" class="waiting img2">
|
||||
<div class="carousel_in1">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in2">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in3">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in4">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in5">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in6">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 摩天轮底座 -->
|
||||
<img src="./images/carouselBoom.png" alt="" class="carouselBoom">
|
||||
<!-- 倒计时 -->
|
||||
<div class="timeBox">
|
||||
<div class="day">
|
||||
<b>00</b>
|
||||
<span class="text3"></span>
|
||||
</div>
|
||||
<div class="hour">
|
||||
<b>00</b>
|
||||
<span class="text4"></span>
|
||||
</div>
|
||||
<div class="min">
|
||||
<b>00</b>
|
||||
<span class="text5"></span>
|
||||
</div>
|
||||
<div class="sec">
|
||||
<b>00</b>
|
||||
<span class="text6"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 音乐 -->
|
||||
<div class="music">
|
||||
<audio autoplay loop id="musics">
|
||||
<source src="./music/music.mp3" type="audio/mpeg">
|
||||
</audio>
|
||||
</div>
|
||||
<!-- 关闭音乐 -->
|
||||
<img src="./images/notOpen.png" alt="" class="notOpen">
|
||||
</div>
|
||||
<!-- tab -->
|
||||
<div class="tabBox">
|
||||
<div class="text7"></div>
|
||||
<div class="act text8"></div>
|
||||
<div class="text9"></div>
|
||||
</div>
|
||||
<!-- 页面1 -->
|
||||
<div class="page1">
|
||||
<div class="top">
|
||||
<p class="text10"></p>
|
||||
</div>
|
||||
<div class="contentBox">
|
||||
<div class="content">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="times">2024.09.09-2024.09.16</div>
|
||||
<div class="topBox">
|
||||
<div class="top1">
|
||||
<img src="./images/ts1.png" alt="" class="tsL">
|
||||
<img src="./images/ts1.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
</div>
|
||||
<!-- 页面2 -->
|
||||
<div class="page2">
|
||||
<div class="top">
|
||||
<p class="text11"></p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="topBox">
|
||||
<div class="top1">
|
||||
<img src="./images/ts1.png" alt="" class="tsL">
|
||||
<img src="./images/ts1.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<div class="txL">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<img src="./images/loves.png" alt="" class="loves">
|
||||
<div class="txR">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<div class="scores">
|
||||
<img src="./images/love.png" alt="">
|
||||
<span>0K</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="more">More</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
<div class="my">
|
||||
<div class="num">4</div>
|
||||
<div class="txL">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<img src="./images/loves.png" alt="" class="loves">
|
||||
<div class="txR">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<div class="scores">
|
||||
<img src="./images/love.png" alt="">
|
||||
<span>0K</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 页面3 -->
|
||||
<div class="page3">
|
||||
<div class="top">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="title text12"></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="times text13"></div>
|
||||
<div class="topBox1">
|
||||
<img src="./images/bo.png" alt="" class="bo">
|
||||
<img src="./images/bo.png" alt="" class="bo2">
|
||||
<div class="ts1" id="ts1"></div>
|
||||
</div>
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="title text14"></div>
|
||||
<div class="times text15"></div>
|
||||
<div class="topBox2">
|
||||
<img src="./images/bo.png" alt="" class="bo">
|
||||
<img src="./images/bo.png" alt="" class="bo2">
|
||||
<div class="ts2" id="ts2"></div>
|
||||
</div>
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="title text16"></div>
|
||||
<div class="times text17"></div>
|
||||
<div class="topBox3">
|
||||
<img src="./images/bo.png" alt="" class="bo">
|
||||
<img src="./images/bo.png" alt="" class="bo2">
|
||||
<div class="ts3" id="ts3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
</div>
|
||||
<!-- 规则 -->
|
||||
<div class="rule">
|
||||
<div class="ruleIn">
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
<div class="title text18"></div>
|
||||
<div class="texts text19">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- mp4 -->
|
||||
<div class="zjvideo1">
|
||||
<video id="zjvideo1" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/zj1.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="xzvideo1">
|
||||
<video id="xzvideo1" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/xz1.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="zjvideo2">
|
||||
<video id="zjvideo2" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/zj23.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="xzvideo2">
|
||||
<video id="xzvideo2" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/xz2.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="zjvideo3">
|
||||
<video id="zjvideo3" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/zj23.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="xzvideo3">
|
||||
<video id="xzvideo3" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/xz3.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -1,454 +0,0 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var countupTime;
|
||||
// var thisWeekCpRankTop3 = []
|
||||
var thisWeekCpRank = []
|
||||
var moreIndex = 0;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun()
|
||||
get();
|
||||
var audio = document.getElementById("musics");
|
||||
// 尝试自动播放音频
|
||||
audio.play().then(function () {
|
||||
// 如果自动播放成功
|
||||
$('.header .music').show();
|
||||
console.log('成功');
|
||||
}).catch(function (error) {
|
||||
$('.header .notOpen').show();
|
||||
console.log('失败');
|
||||
})
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
||||
$('.text2').text(langReplace(localLang.demoModule.text2));
|
||||
$('.text3').text(langReplace(localLang.demoModule.text3));
|
||||
$('.text4').text(langReplace(localLang.demoModule.text4));
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||||
$('.text6').text(langReplace(localLang.demoModule.text6));
|
||||
$('.text7').text(langReplace(localLang.demoModule.text7));
|
||||
$('.text8').text(langReplace(localLang.demoModule.text8));
|
||||
$('.text9').text(langReplace(localLang.demoModule.text9));
|
||||
$('.text10').text(langReplace(localLang.demoModule.text10));
|
||||
$('.text11').text(langReplace(localLang.demoModule.text11));
|
||||
$('.text12').text(langReplace(localLang.demoModule.text12));
|
||||
$('.text13').text(langReplace(localLang.demoModule.text13));
|
||||
$('.text14').text(langReplace(localLang.demoModule.text14));
|
||||
$('.text15').text(langReplace(localLang.demoModule.text15));
|
||||
$('.text16').text(langReplace(localLang.demoModule.text16));
|
||||
$('.text17').text(langReplace(localLang.demoModule.text17));
|
||||
$('.text18').text(langReplace(localLang.demoModule.text18));
|
||||
$('.img1').attr('src', langReplace(localLang.demoModule.img1));
|
||||
$('.img2').attr('src', langReplace(localLang.demoModule.img2));
|
||||
}
|
||||
// 处理SVGA
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
function loadSVGA(containerId, svgaPath) {
|
||||
var container = document.getElementById(containerId);
|
||||
var player = new SVGA.Player(container);
|
||||
|
||||
var parser = new SVGA.Parser();
|
||||
parser.load(svgaPath, function (videoItem) {
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
});
|
||||
}
|
||||
loadSVGA('ts1', './svga/ts1.svga');
|
||||
loadSVGA('ts2', './svga/ts2.svga');
|
||||
loadSVGA('ts3', './svga/ts3.svga');
|
||||
});
|
||||
// 接口
|
||||
function get() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/h5/cp/rank',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 渲染倒计时
|
||||
countup(res.data.endTime - res.timestamp);
|
||||
// 判断渲染规则
|
||||
if (res.data.partitionId == 2) {
|
||||
$('.text19').html(langReplace(localLang.demoModule.text199));
|
||||
} else {
|
||||
$('.text19').html(langReplace(localLang.demoModule.text19));
|
||||
}
|
||||
//处理自己榜单
|
||||
$('.page2 .my .num').text(res.data.myCpRank.rank ? res.data.myCpRank.rank : '-');
|
||||
$('.page2 .my .txL img').attr('src', res.data.myCpRank.leftAvatar);
|
||||
$('.page2 .my .txL p').text(res.data.myCpRank.leftNick);
|
||||
$('.page2 .my .scores').html(`<img src="./images/love.png" alt=""> ${unitProcessingAr(res.data.myCpRank.totalNum, 2)}`)
|
||||
$('.page2 .my .txR img').attr('src', res.data.myCpRank.rightAvatar ? res.data.myCpRank.rightAvatar : './images/null.png');
|
||||
$('.page2 .my .txR p').text(res.data.myCpRank.rightNick ? res.data.myCpRank.rightNick : langReplace(localLang.demoModule.text20));
|
||||
// 处理摩天轮榜单
|
||||
res.data.topCpList.length <= 0 ? $('.waiting').show() : $('.waiting').hide();
|
||||
res.data.topCpList.forEach((res, i) => {
|
||||
$(`.header .carousel .carousel_in${i + 1} .tx1`).attr("src", res.leftAvatar);
|
||||
$(`.header .carousel .carousel_in${i + 1} .tx2`).attr("src", res.rightAvatar);
|
||||
})
|
||||
// 处理第一个tab的榜单
|
||||
$('.contentBox .content').remove();
|
||||
var squareCpListStr = '';
|
||||
if (res.data.squareCpList.length > 0) {
|
||||
res.data.squareCpList.forEach((res, i) => {
|
||||
squareCpListStr += `
|
||||
<div class="content">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="times">${dateFormat(res.beginDate, 'yyyy.MM.dd')}-${dateFormat(res.endDate, 'yyyy.MM.dd')}</div>
|
||||
<div class="topBox">${squareCpListStrFun(res.cpUserVos)}</div>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
} else {
|
||||
squareCpListStr += `
|
||||
<div class="content">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="times"></div>
|
||||
<div class="topBox">
|
||||
<div class="top1">
|
||||
<img src="./images/ts1.png" alt="" class="tsL">
|
||||
<img src="./images/ts1.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="idL"></div>
|
||||
<div class="idR"></div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">-</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="idL"></div>
|
||||
<div class="idR"></div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">-</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="idL"></div>
|
||||
<div class="idR"></div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
}
|
||||
$('.contentBox').append(squareCpListStr);
|
||||
// 处理第二个榜单
|
||||
// thisWeekCpRankTop3 = splitArray(res.data.thisWeekCpRank).firstThree;
|
||||
thisWeekCpRank = splitArray(res.data.thisWeekCpRank).pages;
|
||||
// 处理前三
|
||||
var listTo3 = thisWeekCpRank[0] ? thisWeekCpRank[0].slice(0, 3) : [];
|
||||
if (listTo3.length < 3) {
|
||||
let arr = new Array(3 - listTo3.length).fill({
|
||||
leftAvatar: './images/null.png',
|
||||
rightAvatar: './images/null.png',
|
||||
leftNick: langReplace(localLang.demoModule.text20),
|
||||
rightNick: langReplace(localLang.demoModule.text20),
|
||||
leftErbanNo: "",
|
||||
rightErbanNo: "",
|
||||
totalNum: "-"
|
||||
})
|
||||
listTo3.push(...arr)
|
||||
}
|
||||
listTo3.forEach((res, i) => {
|
||||
$(`.page2 .content .topBox .top${i + 1} .txL`).attr('src', res.leftAvatar);
|
||||
$(`.page2 .content .topBox .top${i + 1} .txR`).attr('src', res.rightAvatar);
|
||||
$(`.page2 .content .topBox .top${i + 1} .nameL`).text(res.leftNick);
|
||||
$(`.page2 .content .topBox .top${i + 1} .nameR`).text(res.rightNick);
|
||||
$(`.page2 .content .topBox .top${i + 1} .idL`).text(res.leftErbanNo == "" ? "" : 'ID:' + res.leftErbanNo);
|
||||
$(`.page2 .content .topBox .top${i + 1} .idR`).text(res.rightErbanNo == "" ? "" : 'ID:' + res.rightErbanNo);
|
||||
$(`.page2 .content .topBox .top${i + 1} .sclore`).html(`<img src="./images/love.png" alt="">${res.totalNum == '-' ? '-' : unitProcessingAr(res.totalNum, 2)}`)
|
||||
})
|
||||
// 非前三
|
||||
$('.page2 .content ul li').remove();
|
||||
listFun();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 点击加载更多
|
||||
$('.page2 .content .more').click(function () {
|
||||
moreIndex = moreIndex + 1;
|
||||
listFun();
|
||||
})
|
||||
// 渲染第二非前三函数
|
||||
function listFun() {
|
||||
var str = '';
|
||||
if (thisWeekCpRank[moreIndex]) {
|
||||
var arr = moreIndex == 0 ? thisWeekCpRank[moreIndex].slice(3) : thisWeekCpRank[moreIndex];
|
||||
arr.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.rank}</div>
|
||||
<div class="txL">
|
||||
<img src="${res.leftAvatar}" alt="">
|
||||
<p>${res.leftNick}</p>
|
||||
</div>
|
||||
<img src="./images/loves.png" alt="" class="loves">
|
||||
<div class="txR">
|
||||
<img src="${res.rightAvatar}" alt="">
|
||||
<p>${res.rightNick}</p>
|
||||
</div>
|
||||
<div class="scores">
|
||||
<img src="./images/love.png" alt="">
|
||||
<span>${unitProcessingAr(res.totalNum, 2)}</span>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page2 .content ul').append(str);
|
||||
if (thisWeekCpRank[moreIndex].length < 10) {
|
||||
$('.page2 .content .more').hide();
|
||||
}
|
||||
} else {
|
||||
$('.page2 .content .more').hide();
|
||||
}
|
||||
}
|
||||
function squareCpListStrFun(arr) {
|
||||
var str = '';
|
||||
var listTo3 = arr.slice(0, 3);
|
||||
if (listTo3.length < 3) {
|
||||
let arr = new Array(3 - listTo3.length).fill({
|
||||
leftAvatar: './images/null.png',
|
||||
rightAvatar: './images/null.png',
|
||||
leftNick: langReplace(localLang.demoModule.text20),
|
||||
rightNick: langReplace(localLang.demoModule.text20),
|
||||
leftErbanNo: "",
|
||||
rightErbanNo: "",
|
||||
totalNum: "-"
|
||||
})
|
||||
listTo3.push(...arr)
|
||||
}
|
||||
listTo3.forEach((res, i) => {
|
||||
str += `
|
||||
<div class="top${i + 1}">
|
||||
<img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsL">
|
||||
<img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsR">
|
||||
<img src="${res.leftAvatar}" alt="" class="txL">
|
||||
<img src="${res.rightAvatar}" alt="" class="txR">
|
||||
<div class="nameL">${res.leftNick}</div>
|
||||
<div class="nameR">${res.rightNick}</div>
|
||||
<div class="idL">${res.leftErbanNo == "" ? '' : "ID:" + res.leftErbanNo}</div>
|
||||
<div class="idR">${res.rightErbanNo == "" ? '' : "ID:" + res.rightErbanNo}</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">${res.totalNum == "-" ? '-' : unitProcessingAr(res.totalNum, 2)}</div>
|
||||
</div>
|
||||
`})
|
||||
return str;
|
||||
}
|
||||
function splitArray(arr) {
|
||||
// 获取前三个元素
|
||||
// const firstThree = arr.slice(0, 3);
|
||||
|
||||
// // 剩余的元素
|
||||
// const remainingElements = arr.slice(3);
|
||||
const remainingElements = arr;
|
||||
// 将剩余元素每10个分成一组
|
||||
const pages = [];
|
||||
for (let i = 0; i < remainingElements.length; i += 10) {
|
||||
const chunk = remainingElements.slice(i, i + 10);
|
||||
pages.push(chunk);
|
||||
}
|
||||
|
||||
// return { firstThree, pages };
|
||||
return { pages };
|
||||
}
|
||||
// 倒計時
|
||||
function countup(leftTime) {
|
||||
clearTimeout(countupTime)
|
||||
//獲取當前時間
|
||||
// var now = nowTime;
|
||||
var d = 0;
|
||||
var h = 0;
|
||||
var m = 0;
|
||||
var s = 0;
|
||||
//定義變數 d,h,m,s保存倒計時的時間
|
||||
var d, h, m, s;
|
||||
//遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果
|
||||
if (leftTime > 0) {
|
||||
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
|
||||
h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
|
||||
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
|
||||
s = getzf(Math.floor(leftTime / 1000 % 60));
|
||||
//將倒計時賦值到div中
|
||||
$('.header .timeBox .day b').text(d);
|
||||
$('.header .timeBox .hour b').text(h);
|
||||
$('.header .timeBox .min b').text(m);
|
||||
$('.header .timeBox .sec b').text(s);
|
||||
} else {
|
||||
get();
|
||||
}
|
||||
if (leftTime > 0) {
|
||||
leftTime = leftTime - 1000;
|
||||
}
|
||||
countupTime = setTimeout(function () {
|
||||
countup(leftTime);
|
||||
}, 1000);
|
||||
}
|
||||
//补0操作
|
||||
function getzf(num) {
|
||||
if (parseInt(num) < 10) {
|
||||
num = '0' + num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
// 打开音乐
|
||||
$('.header .music').click(function () {
|
||||
$('.header .music').hide();
|
||||
$('.header .notOpen').show();
|
||||
var audio = document.getElementById("musics");
|
||||
audio.pause();
|
||||
})
|
||||
// 关闭音乐
|
||||
$('.header .notOpen').click(function () {
|
||||
$('.header .notOpen').hide();
|
||||
$('.header .music').show();
|
||||
var audio = document.getElementById("musics");
|
||||
audio.play();
|
||||
})
|
||||
// tab切换
|
||||
$('.tabBox div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act')
|
||||
$('.page1,.page2,.page3').hide();
|
||||
$(`.page${i}`).show();
|
||||
})
|
||||
// 关闭规则
|
||||
$('.header .rule_icon').click(function () {
|
||||
$('.rule').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 关闭规则
|
||||
$('.rule .ruleIn .close').click(function () {
|
||||
$('.rule').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox1 .bo').click(function () {
|
||||
var video = document.getElementById('zjvideo1');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.zjvideo1').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox1 .bo2').click(function () {
|
||||
var video = document.getElementById('xzvideo1');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.xzvideo1').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox2 .bo').click(function () {
|
||||
var video = document.getElementById('zjvideo2');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.zjvideo2').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox2 .bo2').click(function () {
|
||||
var video = document.getElementById('xzvideo2');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.xzvideo2').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox3 .bo').click(function () {
|
||||
var video = document.getElementById('zjvideo3');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.zjvideo3').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox3 .bo2').click(function () {
|
||||
var video = document.getElementById('xzvideo3');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.xzvideo3').show();
|
||||
})
|
||||
// 关闭mp4弹窗
|
||||
$('.zjvideo1 .close,.xzvideo1 .close,.zjvideo2 .close,.xzvideo2 .close,.zjvideo3 .close,.xzvideo3 .close').click(function () {
|
||||
var video = document.getElementById('zjvideo1');
|
||||
var video1 = document.getElementById('xzvideo1');
|
||||
var video2 = document.getElementById('zjvideo2');
|
||||
var video3 = document.getElementById('xzvideo2');
|
||||
var video4 = document.getElementById('zjvideo3');
|
||||
var video5 = document.getElementById('xzvideo3');
|
||||
video.pause();
|
||||
video1.pause();
|
||||
video2.pause();
|
||||
video3.pause();
|
||||
video4.pause();
|
||||
video5.pause();
|
||||
bodyScroolFun(false);
|
||||
$('.zjvideo1,.xzvideo1,.zjvideo2,.xzvideo2,.zjvideo3,.xzvideo3').hide();
|
||||
})
|
||||
@@ -1,46 +0,0 @@
|
||||
var baba = document.querySelector('body');
|
||||
baba.addEventListener('click', function (e) {
|
||||
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "hidden" });
|
||||
tianJia(e);
|
||||
})
|
||||
|
||||
var erZi = [];
|
||||
function tianJia (e) {
|
||||
var sunZi = document.createElement('div');
|
||||
sunZi.className = 'rabbit';
|
||||
// sunZi.innerHTML = '<i class="iconfont icon-tuzi"></i>';
|
||||
sunZi.innerHTML = '<img src="./images/loveIcon.png" alt="">';
|
||||
baba.appendChild(sunZi);
|
||||
erZi.push({
|
||||
el: sunZi,
|
||||
top: e.pageY - 30,
|
||||
left: e.pageX - 20,
|
||||
opacity: 1,
|
||||
scale: 1,
|
||||
color: `rgb(${255 * Math.random()},${255 * Math.random()},${255 * Math.random()})`
|
||||
});
|
||||
move();
|
||||
};
|
||||
function move () {
|
||||
for (var i = 0; i < erZi.length; i++) {
|
||||
if (erZi[i].opacity <= 0) {
|
||||
baba.removeChild(erZi[i].el);
|
||||
erZi.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
erZi[i].top--;
|
||||
erZi[i].opacity = erZi[i].opacity - 0.02;
|
||||
// erZi[i].scale = erZi[i].scale + 0.0001;
|
||||
erZi[i].el.style.cssText = `
|
||||
top: ${erZi[i].top}px;
|
||||
left: ${erZi[i].left}px;
|
||||
color: ${erZi[i].color};
|
||||
opacity: ${erZi[i].opacity};
|
||||
transform: scale(${erZi[i].scale});
|
||||
position: absolute;
|
||||
`
|
||||
|
||||
}
|
||||
window.requestAnimationFrame(move);
|
||||
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "auto" });
|
||||
}
|
||||
@@ -1,44 +0,0 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `جاري التحميل...`,
|
||||
layerIndex2: `نجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: `عجلة الحب`,
|
||||
text2: `القواعد`,
|
||||
text3: `يوم`,
|
||||
text4: `ساعة`,
|
||||
text5: `دقيقة`,
|
||||
text6: `ثانية`,
|
||||
text7: `ساحة CP`,
|
||||
text8: `قائمة CP`,
|
||||
text9: `جوائز CP`,
|
||||
text10: `سيتم عرض أفضل ثلاثة مستخدمين في القائمة التاريخية هنا`,
|
||||
text11: `أرسل هدايا CP وقد تكون أنت وشريكك في القائمة!`,
|
||||
text12: `TOP1`,
|
||||
text13: `يمكن للمستخدم الأول في القائمة الأسبوعية الحصول على المكافآت التالية`,
|
||||
text14: `TOP2`,
|
||||
text15: `يمكن للمستخدم الثاني في القائمة الأسبوعية الحصول على المكافآت التالية`,
|
||||
text16: `TOP3`,
|
||||
text17: `يمكن للمستخدم الثالث في القائمة الأسبوعية الحصول على المكافآت التالية`,
|
||||
text18: `القواعد`,
|
||||
text19: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+8)</p>
|
||||
<p>2. أرسل هدية CP المحددة لتصبح CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
|
||||
<p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
|
||||
<p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
|
||||
<p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
|
||||
text199: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+3)</p>
|
||||
<p>2. أرسل هدية CP المحددة لتصبح CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
|
||||
<p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
|
||||
<p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
|
||||
<p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
|
||||
img1: `./images/carouselTitle-ar.png`,
|
||||
img2: `./images/waiting-ar.png`,
|
||||
text20: `شاغر`,
|
||||
}
|
||||
}
|
||||
@@ -1,42 +0,0 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1: `Love Ferris wheel`,
|
||||
text2: `Rules`,
|
||||
text3: `Day`,
|
||||
text4: `Hour`,
|
||||
text5: `Min`,
|
||||
text6: `Sec`,
|
||||
text7: `CP Square`,
|
||||
text8: `CP List`,
|
||||
text9: `CP Rewards`,
|
||||
text10: `Top three users on the history list will be displayed here`,
|
||||
text11: `Send CP gifts and you and your love may be on the list!`,
|
||||
text12: `TOP1`,
|
||||
text13: `Top 1 user on the weekly list can get the following rewards`,
|
||||
text14: `TOP2`,
|
||||
text15: `Top 2 user on the weekly list can get the following rewards`,
|
||||
text16: `TOP3`,
|
||||
text17: `Top 3 user on the weekly list can get the following rewards`,
|
||||
text18: `Rules`,
|
||||
text19: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+8)</p>
|
||||
<p>2. Send the designated CP gift to become CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
|
||||
<p>4. The top three users on the weekly statistical list will get generous gifts.</p>
|
||||
<p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
|
||||
<p>6. Recharge agent users do not participate in this event.</p>`,
|
||||
text199: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+3)</p>
|
||||
<p>2 Send the designated CP gift to become CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
|
||||
<p>4. The top three users on the weekly statistical list will get generous gifts.</p>
|
||||
<p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
|
||||
<p>6. Recharge agent users do not participate in this event.</p>`,
|
||||
img1: `./images/carouselTitle.png`,
|
||||
img2: `./images/waiting.png`,
|
||||
text20: `Vacant`,
|
||||
},
|
||||
}
|
||||
@@ -1,44 +0,0 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加载中...`,
|
||||
layerIndex2: `成功`,
|
||||
layerIndex3: `网络错误`,
|
||||
text1: `愛情摩天輪`,
|
||||
text2: `規則`,
|
||||
text3: `天`,
|
||||
text4: `小時`,
|
||||
text5: `分鐘`,
|
||||
text6: `秒`,
|
||||
text7: `CP廣場`,
|
||||
text8: `CP榜單`,
|
||||
text9: `CP獎勵`,
|
||||
text10: `排行榜前三的用戶將顯示在這裡`,
|
||||
text11: `送CP禮物，你和你的愛人可能會上榜哦！`,
|
||||
text12: `TOP1`,
|
||||
text13: `周榜第1名的用戶可獲得以下獎勵`,
|
||||
text14: `TOP2`,
|
||||
text15: `周榜第2名的用戶可獲得以下獎勵`,
|
||||
text16: `TOP3`,
|
||||
text17: `周榜第3名的用戶可獲得以下獎勵`,
|
||||
text18: `規則`,
|
||||
text19: `<p>1. 活動時間：星期一 0:00-星期日 23:59（GMT+8）</p>
|
||||
<p>2. 發送指定的CP禮物以成為CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多，獲得的愛值也越多。</p>
|
||||
<p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
|
||||
<p>5. 移除您的CP關係後，您將不再出現在CP名單上。</p>
|
||||
<p>6. 充值代理用戶不參加此活動。</p>`,
|
||||
text199: `<p>1. 活動時間：星期一 0:00-星期日 23:59（GMT+3）</p>
|
||||
<p>2. 發送指定的CP禮物以成為CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多，獲得的愛值也越多。</p>
|
||||
<p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
|
||||
<p>5. 移除您的CP關係後，您將不再出現在CP名單上。</p>
|
||||
<p>6. 充值代理用戶不參加此活動。</p>`,
|
||||
img1: `./images/carouselTitle-zh.png`,
|
||||
img2: `./images/waiting-zh.png`,
|
||||
text20: `虛位以待`,
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 MiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -840,10 +840,6 @@ function langCodeFun(langCode) {
|
||||
|
||||
} else if (langCode == "en") {
|
||||
document.body.classList.add('english');
|
||||
} else if (langCode == "tr") {
|
||||
document.body.classList.add('Turkiye');
|
||||
} else if (langCode == "zh") {
|
||||
document.body.classList.add('china');
|
||||
}
|
||||
// if (window.location.href.match(/guildAr/)) {
|
||||
// document.documentElement.setAttribute("dir", "ltr");
|
||||
|
||||
@@ -35,13 +35,9 @@ function initLocalLang () {
|
||||
window.lang.defaults = false
|
||||
}else if (lang === 'tr' || window.location.href.match('=tr')) {
|
||||
// 土耳其
|
||||
// console.log("langHandler" + '土耳其')
|
||||
// window.lang = langTr
|
||||
// window.lang.code = 'tr'
|
||||
// window.lang.defaults = false
|
||||
console.log("langHandler" + '英语/土耳其')
|
||||
window.lang = langEn
|
||||
window.lang.code = 'en'
|
||||
console.log("langHandler" + '土耳其')
|
||||
window.lang = langTr
|
||||
window.lang.code = 'tr'
|
||||
window.lang.defaults = false
|
||||
} else {
|
||||
console.log("langHandler" + '默认英语')
|
||||
|
||||
@@ -62,16 +62,6 @@
|
||||
font-size: 0.25333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
body .homePc .privacy,
|
||||
html .homePc .privacy {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
line-height: 0.5rem;
|
||||
left: 6.4rem;
|
||||
top: .3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
body .homePc .pcIos,
|
||||
html .homePc .pcIos {
|
||||
width: 2.9rem;
|
||||
@@ -104,11 +94,7 @@
|
||||
html .bootom p {
|
||||
margin-top: 0.1rem;
|
||||
font-size: 0.15rem;
|
||||
color: #fff;
|
||||
}
|
||||
body .bootom p a,
|
||||
html .bootom p a {
|
||||
color: #fff;
|
||||
color: #B8B7BF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -224,8 +224,7 @@
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
}
|
||||
|
||||
.language {
|
||||
.language{
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
@@ -236,16 +235,6 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.privacy {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
line-height: 0.5rem;
|
||||
left: 6.4rem;
|
||||
top: .3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
.pcIos {
|
||||
width: 2.9rem;
|
||||
height: 0.64rem;
|
||||
@@ -282,11 +271,7 @@
|
||||
margin-top: 0.1rem;
|
||||
// margin-bottom: 0.1rem;
|
||||
font-size: 0.15rem;
|
||||
color: #fff;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
color: #B8B7BF;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -994,5 +979,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB After Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 229 KiB After Width: | Height: | Size: 218 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 213 KiB After Width: | Height: | Size: 206 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 211 KiB |
@@ -16,7 +16,7 @@
|
||||
<meta property="og:image:type" content="image/png">
|
||||
<link rel="stylesheet" href="../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/animate.css">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.2">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.1">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -28,15 +28,13 @@
|
||||
<div class="diamound">
|
||||
<img src="./images/diamond.png" alt=""> <b class="text3"></b>
|
||||
</div>
|
||||
<!-- 隐私政策 -->
|
||||
<a class="privacy" href="../modules/rule/privacy-wap.html"></a>
|
||||
<!-- 语言 -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="pcIos"></div>
|
||||
<div class="pcAnd"></div>
|
||||
</div>
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -115,10 +113,6 @@
|
||||
<span class="text6"></span>
|
||||
<img src="./images/rightIcon.png" alt="">
|
||||
</li>
|
||||
<li>
|
||||
<a href=""><span class="text7"></span></a>
|
||||
<img src="./images/rightIcon.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -164,10 +158,10 @@
|
||||
<script src="../common/js/common2.js"></script>
|
||||
<script src="../common/js/layer.js"></script>
|
||||
<script src="../common/js/vconsole.min.js"></script>
|
||||
<script src="./local/ar.js?v=1.0"></script>
|
||||
<script src="./local/en.js?v=1.0"></script>
|
||||
<script src="./local/zh.js?v=1.0"></script>
|
||||
<script src="./js/index.js?v=2.123"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./js/index.js?v=2.12"></script>
|
||||
<script src="../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -62,7 +62,7 @@ $(function () {
|
||||
];
|
||||
setTimeout(function () {
|
||||
function getUserLanguage() {
|
||||
console.log('ssss', navigator, navigator.language, navigator.userLanguage);
|
||||
console.log('ssss',navigator,navigator.language, navigator.userLanguage);
|
||||
return navigator.language || navigator.userLanguage; // 兼容不同浏览器的方式
|
||||
}
|
||||
// var langCode = getLanguageCode(getUserLanguage());
|
||||
@@ -91,10 +91,8 @@ $(function () {
|
||||
if (langCode == 'zh') {
|
||||
$('.language').html('<b>中文</b> ▼')
|
||||
} else if (langCode == 'ar') {
|
||||
$('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>العربية</b> ▼')
|
||||
} else {
|
||||
$('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>English</b> ▼')
|
||||
}
|
||||
history.replaceState(null, null, updateQueryStringParameter(window.location.href, 'lang', langCode));
|
||||
@@ -116,7 +114,6 @@ function translateFun() {
|
||||
$('.text4').text(langReplace(localLang.demoModule.text4))
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5))
|
||||
$('.text6').text(langReplace(localLang.demoModule.text6))
|
||||
$('.text7').text(langReplace(localLang.demoModule.text7))
|
||||
$('.textss').text(langReplace(localLang.demoModule.textss))
|
||||
$('.homePc').attr('style', langReplace(localLang.demoModule.homePc))
|
||||
$('#img2').html(langReplace(localLang.demoModule.img2))
|
||||
@@ -171,11 +168,9 @@ function translateFun() {
|
||||
index = 0;
|
||||
} else if (i == 2) {
|
||||
window.location = `${urlPrefix}/molistar/modules/h5Income/login.html`
|
||||
} else if (i == 3) {
|
||||
} else {
|
||||
$('.menu').css("height", "0%");
|
||||
$('.contactUs_pub').show();
|
||||
} else {
|
||||
location.href = `../modules/rule/privacy-wap.html`
|
||||
}
|
||||
})
|
||||
// 關閉聯繫我們彈窗
|
||||
@@ -369,6 +364,6 @@ function handleResize() {
|
||||
location.reload()
|
||||
// 这里可以添加更多的逻辑，比如检查窗口的新尺寸
|
||||
}
|
||||
|
||||
|
||||
// 监听窗口大小变化事件
|
||||
window.addEventListener('resize', handleResize);
|
||||
@@ -8,7 +8,6 @@ langAr = {
|
||||
text4: `الصفحة الرئيسية`,
|
||||
text5: `المحفظة`,
|
||||
text6: `اتصل بنا`,
|
||||
text7: `سياسة الخصوصية `,
|
||||
textss: `الرجاء تحديد لغة.`,
|
||||
homePc: `background:url(./images/pcBgBig-ar.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
@@ -45,12 +44,12 @@ langAr = {
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
|
||||
`,
|
||||
img6: `
|
||||
<img style="width: 6.61333rem;" src="./images/pageTxte5-ar.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img style="width: 8.61333rem;" src="./images/pageTxte5-ar.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img style="width: 4.62667rem;" src="./images/contactUs-ar.png" alt="" class="contactUs animate__animated">
|
||||
<img src="./images/downioad-ar.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,6 @@ langEn = {
|
||||
text4: `Home`,
|
||||
text5: `Wallet`,
|
||||
text6: `Contact Us`,
|
||||
text7: `Privacy Policy `,
|
||||
textss: `Please select a language.`,
|
||||
homePc: `background:url(./images/pcBgBig-en.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
@@ -44,12 +43,12 @@ langEn = {
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
|
||||
`,
|
||||
img6: `
|
||||
<img style="width: 6.61333rem;" src="./images/pageTxte5-en.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img style="width: 8.61333rem;" src="./images/pageTxte5-en.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img style="width: 4.2rem;" src="./images/contactUs-en.png" alt="" class="contactUs animate__animated">
|
||||
<img src="./images/downioad-en.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -8,7 +8,6 @@ langZh = {
|
||||
text4: `首頁`,
|
||||
text5: `錢包`,
|
||||
text6: `聯繫我們`,
|
||||
text7: `隱私政策 `,
|
||||
textss: `请选择语言`,
|
||||
homePc: `background:url(./images/pcBgBig.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
@@ -47,7 +46,7 @@ langZh = {
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -1,850 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #290C05;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 0rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 12.53333rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header .rule_icon {
|
||||
width: 1.86667rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.6rem;
|
||||
background: url(../images/rule_cion.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFED70;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: 5.49333rem;
|
||||
right: 0rem;
|
||||
text-align: center;
|
||||
text-indent: 2px;
|
||||
}
|
||||
|
||||
.header .timeBox {
|
||||
width: 7.16rem;
|
||||
height: 1.62667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.66667rem;
|
||||
position: absolute;
|
||||
top: 8.48rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header .timeBox div {
|
||||
width: 1.33333rem;
|
||||
height: 1.33333rem;
|
||||
background: url(../images/time.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 1.33333rem;
|
||||
}
|
||||
|
||||
.header .timeBox div b {
|
||||
color: #FFED70;
|
||||
font-size: 0.58667rem;
|
||||
font-weight: 600;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
|
||||
.header .timeBox div span {
|
||||
width: 2.4rem;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.54667rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
font-family: PingFang SC;
|
||||
background: url(../images/timeBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.header .timeBox .day {
|
||||
margin-right: 0.78667rem;
|
||||
}
|
||||
|
||||
.header .timeBox .colon {
|
||||
width: 0.21333rem;
|
||||
height: 0.53333rem;
|
||||
background: url(../images/colon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 0.22667rem;
|
||||
margin-top: 0.54667rem;
|
||||
}
|
||||
|
||||
.myBox {
|
||||
width: 10rem;
|
||||
height: 8.05333rem;
|
||||
background: url(../images/box.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -1.1rem auto 0.46667rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.myBox .ts {
|
||||
width: 1.70667rem;
|
||||
height: 1.70667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.44rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.myBox .tx {
|
||||
width: 1.70667rem;
|
||||
height: 1.70667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.44rem;
|
||||
z-index: 1;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.myBox .name {
|
||||
width: 4.8rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 4.28rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.myBox .lineBox {
|
||||
width: 8.26667rem;
|
||||
height: 0.21333rem;
|
||||
border-radius: 0.21333rem;
|
||||
background: #824115;
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.85333rem;
|
||||
border-radius: 0.21333rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .line {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: linear-gradient(90deg, #FBF392, #FCB41B);
|
||||
border-radius: 0.21333rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .boxs {
|
||||
width: 0.82667rem;
|
||||
height: 0.82667rem;
|
||||
background: url(../images/false.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.myBox .lineBox .boxs span {
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
top: -0.66667rem;
|
||||
display: flex;
|
||||
color: #FFED70;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.myBox .lineBox .boxs span img {
|
||||
display: block;
|
||||
width: 0.45333rem;
|
||||
height: 0.45333rem;
|
||||
margin: 0 0.06667rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .box1 {
|
||||
left: 2rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .box2 {
|
||||
left: 4.52rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .box3 {
|
||||
right: 0rem;
|
||||
}
|
||||
|
||||
.myBox .lineBox .act {
|
||||
background: url(../images/true.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.myBox .tetxBox {
|
||||
width: 8.26667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: 6.4rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #FFED70;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.myBox .tetxBox .left {
|
||||
font-size: 0.34667rem;
|
||||
}
|
||||
|
||||
.myBox .tetxBox .rirgt {
|
||||
font-size: 0.37333rem;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 9.73333rem;
|
||||
height: 1.33333rem;
|
||||
margin: 0 auto 0.41333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.tab div {
|
||||
width: 4.8rem;
|
||||
height: 1.33333rem;
|
||||
line-height: 1.33333rem;
|
||||
text-align: center;
|
||||
color: #EBC9B2;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab .tabbox {
|
||||
background: url(../images/tab2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab .act {
|
||||
color: #290C05;
|
||||
background: url(../images/act.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab .act2 {
|
||||
color: #290C05;
|
||||
background: url(../images/tabact2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content1 {
|
||||
width: 10rem;
|
||||
height: auto;
|
||||
margin: 0 auto 0.41333rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox1,
|
||||
.content1 .contentBox2,
|
||||
.content1 .contentBox3 {
|
||||
width: 100%;
|
||||
height: 16.58667rem;
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.53333rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .title,
|
||||
.content1 .contentBox2 .title,
|
||||
.content1 .contentBox3 .title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
width: 5.22667rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .title span,
|
||||
.content1 .contentBox2 .title span,
|
||||
.content1 .contentBox3 .title span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .title img,
|
||||
.content1 .contentBox2 .title img,
|
||||
.content1 .contentBox3 .title img {
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 0.06667rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .box,
|
||||
.content1 .contentBox2 .box,
|
||||
.content1 .contentBox3 .box {
|
||||
width: 8.93333rem;
|
||||
height: 10.66667rem;
|
||||
margin: 2.10667rem auto 0.13333rem;
|
||||
background: url(../images/700.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .box .ts,
|
||||
.content1 .contentBox2 .box .ts,
|
||||
.content1 .contentBox3 .box .ts {
|
||||
width: 2.13333rem;
|
||||
height: 2.13333rem;
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
top: 5.9rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .box .zj,
|
||||
.content1 .contentBox2 .box .zj,
|
||||
.content1 .contentBox3 .box .zj {
|
||||
width: 5.2rem;
|
||||
height: 8.5rem;
|
||||
position: absolute;
|
||||
left: 0.35rem;
|
||||
top: 0.3rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .box .zj canvas,
|
||||
.content1 .contentBox2 .box .zj canvas,
|
||||
.content1 .contentBox3 .box .zj canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinners,
|
||||
.content1 .contentBox2 .priorityWinners,
|
||||
.content1 .contentBox3 .priorityWinners {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.36rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinnersBox,
|
||||
.content1 .contentBox2 .priorityWinnersBox,
|
||||
.content1 .contentBox3 .priorityWinnersBox {
|
||||
height: 1.6rem;
|
||||
width: 83%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinnersBox div,
|
||||
.content1 .contentBox2 .priorityWinnersBox div,
|
||||
.content1 .contentBox3 .priorityWinnersBox div {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinnersBox div img,
|
||||
.content1 .contentBox2 .priorityWinnersBox div img,
|
||||
.content1 .contentBox3 .priorityWinnersBox div img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: 0.04rem #FFED70 solid;
|
||||
}
|
||||
|
||||
.content1 .contentBox1 .priorityWinnersBox div span,
|
||||
.content1 .contentBox2 .priorityWinnersBox div span,
|
||||
.content1 .contentBox3 .priorityWinnersBox div span {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.6rem;
|
||||
height: 0.4rem;
|
||||
}
|
||||
|
||||
.content1 .contentBox2 .box {
|
||||
background: url(../images/350.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content1 .contentBox3 .box {
|
||||
background: url(../images/70.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content2 {
|
||||
width: 10rem;
|
||||
height: auto;
|
||||
margin: 0 auto 0.41333rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content2 .contentBox1,
|
||||
.content2 .contentBox2,
|
||||
.content2 .contentBox3 {
|
||||
width: 100%;
|
||||
height: 16.58667rem;
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.53333rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .title,
|
||||
.content2 .contentBox2 .title,
|
||||
.content2 .contentBox3 .title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
width: 5.22667rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .title span,
|
||||
.content2 .contentBox2 .title span,
|
||||
.content2 .contentBox3 .title span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .title img,
|
||||
.content2 .contentBox2 .title img,
|
||||
.content2 .contentBox3 .title img {
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 0.06667rem;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box,
|
||||
.content2 .contentBox2 .box,
|
||||
.content2 .contentBox3 .box {
|
||||
width: 8.93333rem;
|
||||
height: 10.66667rem;
|
||||
margin: 2.10667rem auto 0.13333rem;
|
||||
background: url(../images/7.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .ts,
|
||||
.content2 .contentBox2 .box .ts,
|
||||
.content2 .contentBox3 .box .ts {
|
||||
width: 2.13333rem;
|
||||
height: 2.13333rem;
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
top: 3.6rem;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .zj,
|
||||
.content2 .contentBox2 .box .zj,
|
||||
.content2 .contentBox3 .box .zj {
|
||||
width: 5.2rem;
|
||||
height: 8.5rem;
|
||||
position: absolute;
|
||||
left: 0.35rem;
|
||||
top: 0.3rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .zj canvas,
|
||||
.content2 .contentBox2 .box .zj canvas,
|
||||
.content2 .contentBox3 .box .zj canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .zjIcon,
|
||||
.content2 .contentBox2 .box .zjIcon,
|
||||
.content2 .contentBox3 .box .zjIcon {
|
||||
width: 0.61333rem;
|
||||
height: 0.61333rem;
|
||||
position: absolute;
|
||||
left: 2.6rem;
|
||||
top: 8.94667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .box .xzIcon,
|
||||
.content2 .contentBox2 .box .xzIcon,
|
||||
.content2 .contentBox3 .box .xzIcon {
|
||||
width: 0.61333rem;
|
||||
height: 0.61333rem;
|
||||
position: absolute;
|
||||
right: 1.2rem;
|
||||
top: 8.94667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinners,
|
||||
.content2 .contentBox2 .priorityWinners,
|
||||
.content2 .contentBox3 .priorityWinners {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.36rem;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinnersBox,
|
||||
.content2 .contentBox2 .priorityWinnersBox,
|
||||
.content2 .contentBox3 .priorityWinnersBox {
|
||||
height: 1.6rem;
|
||||
width: 83%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinnersBox div,
|
||||
.content2 .contentBox2 .priorityWinnersBox div,
|
||||
.content2 .contentBox3 .priorityWinnersBox div {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinnersBox div img,
|
||||
.content2 .contentBox2 .priorityWinnersBox div img,
|
||||
.content2 .contentBox3 .priorityWinnersBox div img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: 0.04rem #FFED70 solid;
|
||||
}
|
||||
|
||||
.content2 .contentBox1 .priorityWinnersBox div span,
|
||||
.content2 .contentBox2 .priorityWinnersBox div span,
|
||||
.content2 .contentBox3 .priorityWinnersBox div span {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.6rem;
|
||||
}
|
||||
|
||||
.content2 .contentBox2 .box {
|
||||
background: url(../images/3500.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content2 .contentBox3 .box {
|
||||
background: url(../images/210.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content2 .contentBox3 .box .ts {
|
||||
top: 5.9rem;
|
||||
}
|
||||
|
||||
.null {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
opacity: 0.6;
|
||||
margin-bottom: 0.53333rem;
|
||||
}
|
||||
|
||||
.video,
|
||||
.video2,
|
||||
.video3 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video video,
|
||||
.video2 video,
|
||||
.video3 video {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.video .close,
|
||||
.video2 .close,
|
||||
.video3 .close {
|
||||
width: 0.90667rem;
|
||||
height: 0.90667rem;
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
right: 0.93333rem;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.rule {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rule .rule_in {
|
||||
width: 9.33333rem;
|
||||
height: 11.06667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.rule .rule_in .close {
|
||||
width: 0.88rem;
|
||||
height: 0.88rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -0.93333rem;
|
||||
}
|
||||
|
||||
.rule .rule_in .title {
|
||||
width: 4.66667rem;
|
||||
height: 1.28rem;
|
||||
line-height: 1.28rem;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
top: -0.16rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/ruleTitle.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.rule .rule_in .box {
|
||||
width: 7.53333rem;
|
||||
height: 8rem;
|
||||
position: absolute;
|
||||
top: 2.36rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.rule .rule_in .box::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rule .rule_in .box p {
|
||||
color: #FFED70;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.53333rem;
|
||||
margin-bottom: 0.45333rem;
|
||||
}
|
||||
|
||||
.arabic .header {
|
||||
background: url(../images/header-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .myBox .tetxBox {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox1 .box {
|
||||
background: url(../images/700ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox1 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox2 .box {
|
||||
background: url(../images/350ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox2 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox3 .box {
|
||||
background: url(../images/70ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content1 .contentBox3 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox1 .box {
|
||||
background: url(../images/7ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox1 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox2 .box {
|
||||
background: url(../images/3500ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox2 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox3 .box {
|
||||
background: url(../images/210ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.arabic .content2 .contentBox3 .box .ts {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.arabic .back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.china .header {
|
||||
background: url(../images/header-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content1 .contentBox1 .box {
|
||||
background: url(../images/700-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content1 .contentBox2 .box {
|
||||
background: url(../images/350-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content1 .contentBox3 .box {
|
||||
background: url(../images/70-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content2 .contentBox1 .box {
|
||||
background: url(../images/7-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content2 .contentBox2 .box {
|
||||
background: url(../images/3500-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.china .content2 .contentBox3 .box {
|
||||
background: url(../images/210-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
@@ -1,821 +0,0 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #290C05;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(65);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: px2rem(0);
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(940);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
|
||||
.rule_icon {
|
||||
width: px2rem(140);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(45);
|
||||
background: url(../images/rule_cion.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: px2rem(412);
|
||||
right: px2rem(0);
|
||||
text-align: center;
|
||||
text-indent: 2px;
|
||||
}
|
||||
|
||||
.timeBox {
|
||||
width: 7.16rem;
|
||||
height: px2rem(122);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(50);
|
||||
position: absolute;
|
||||
top: px2rem(636);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(100);
|
||||
height: px2rem(100);
|
||||
background: url(../images/time.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: px2rem(100);
|
||||
|
||||
b {
|
||||
color: #FFED70;
|
||||
font-size: px2rem(44);
|
||||
font-weight: 600;
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
|
||||
span {
|
||||
width: px2rem(180);
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-41);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
font-family: PingFang SC;
|
||||
background: url(../images/timeBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.day {
|
||||
margin-right: px2rem(59);
|
||||
}
|
||||
|
||||
.colon {
|
||||
width: px2rem(16);
|
||||
height: px2rem(40);
|
||||
background: url(../images/colon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 px2rem(17);
|
||||
margin-top: px2rem(41);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.myBox {
|
||||
width: px2rem(750);
|
||||
height: px2rem(604);
|
||||
background: url(../images/box.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -1.1rem auto px2rem(35);
|
||||
position: relative;
|
||||
|
||||
.ts {
|
||||
width: px2rem(128);
|
||||
height: px2rem(128);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(183);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(128);
|
||||
height: px2rem(128);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(183);
|
||||
z-index: 1;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.name {
|
||||
width: px2rem(360);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(321);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.lineBox {
|
||||
width: px2rem(620);
|
||||
height: px2rem(16);
|
||||
border-radius: px2rem(16);
|
||||
background: #824115;
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(439);
|
||||
border-radius: px2rem(16);
|
||||
|
||||
.line {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: linear-gradient(90deg, #FBF392, #FCB41B);
|
||||
border-radius: px2rem(16);
|
||||
}
|
||||
|
||||
.boxs {
|
||||
width: px2rem(62);
|
||||
height: px2rem(62);
|
||||
background: url(../images/false.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
|
||||
span {
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
top: px2rem(-50);
|
||||
display: flex;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(34);
|
||||
height: px2rem(34);
|
||||
margin: 0 px2rem(5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box1 {
|
||||
left: px2rem(150);
|
||||
}
|
||||
|
||||
.box2 {
|
||||
left: px2rem(339);
|
||||
}
|
||||
|
||||
.box3 {
|
||||
right: px2rem(0);
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/true.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.tetxBox {
|
||||
width: px2rem(620);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: px2rem(480);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #FFED70;
|
||||
font-weight: 400;
|
||||
|
||||
.left {
|
||||
font-size: px2rem(26);
|
||||
}
|
||||
|
||||
.rirgt {
|
||||
font-size: px2rem(28);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(730);
|
||||
height: px2rem(100);
|
||||
margin: 0 auto px2rem(31);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(360);
|
||||
height: px2rem(100);
|
||||
line-height: px2rem(100);
|
||||
text-align: center;
|
||||
color: #EBC9B2;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 600;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tabbox {
|
||||
background: url(../images/tab2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #290C05;
|
||||
background: url(../images/act.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act2 {
|
||||
color: #290C05;
|
||||
background: url(../images/tabact2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.content1 {
|
||||
width: px2rem(750);
|
||||
height: auto;
|
||||
margin: 0 auto px2rem(31);
|
||||
// display: none;
|
||||
|
||||
.contentBox1,
|
||||
.contentBox2,
|
||||
.contentBox3 {
|
||||
width: 100%;
|
||||
height: px2rem(1244);
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(40);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
width: px2rem(392);
|
||||
height: px2rem(96);
|
||||
line-height: px2rem(96);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 px2rem(5);
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(670);
|
||||
height: px2rem(800);
|
||||
margin: px2rem(158) auto px2rem(10);
|
||||
background: url(../images/700.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
.ts {
|
||||
width: px2rem(160);
|
||||
height: px2rem(160);
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
top: 5.9rem;
|
||||
}
|
||||
|
||||
.zj {
|
||||
width: 5.2rem;
|
||||
height: 8.5rem;
|
||||
position: absolute;
|
||||
left: 0.35rem;
|
||||
top: 0.3rem;
|
||||
overflow: hidden;
|
||||
|
||||
canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.priorityWinners {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
margin-bottom: px2rem(27);
|
||||
}
|
||||
|
||||
.priorityWinnersBox {
|
||||
height: px2rem(120);
|
||||
width: 83%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
|
||||
div {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: px2rem(3) #FFED70 solid;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.6rem;
|
||||
height: 0.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox2 {
|
||||
.box {
|
||||
background: url(../images/350.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox3 {
|
||||
.box {
|
||||
background: url(../images/70.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content2 {
|
||||
width: px2rem(750);
|
||||
height: auto;
|
||||
margin: 0 auto px2rem(31);
|
||||
display: none;
|
||||
|
||||
.contentBox1,
|
||||
.contentBox2,
|
||||
.contentBox3 {
|
||||
width: 100%;
|
||||
height: px2rem(1244);
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(40);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0;
|
||||
width: px2rem(392);
|
||||
height: px2rem(96);
|
||||
line-height: px2rem(96);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
background: url(../images/title.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
span {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 px2rem(5);
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(670);
|
||||
height: px2rem(800);
|
||||
margin: px2rem(158) auto px2rem(10);
|
||||
background: url(../images/7.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
.ts {
|
||||
width: px2rem(160);
|
||||
height: px2rem(160);
|
||||
position: absolute;
|
||||
right: 0.5rem;
|
||||
top: 3.6rem;
|
||||
}
|
||||
|
||||
.zj {
|
||||
width: 5.2rem;
|
||||
height: 8.5rem;
|
||||
position: absolute;
|
||||
left: 0.35rem;
|
||||
top: 0.3rem;
|
||||
overflow: hidden;
|
||||
|
||||
canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.zjIcon {
|
||||
width: px2rem(46);
|
||||
height: px2rem(46);
|
||||
position: absolute;
|
||||
left: px2rem(195);
|
||||
top: px2rem(671);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.xzIcon {
|
||||
width: px2rem(46);
|
||||
height: px2rem(46);
|
||||
position: absolute;
|
||||
right: px2rem(90);
|
||||
top: px2rem(671);
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.priorityWinners {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
margin-bottom: px2rem(27);
|
||||
}
|
||||
|
||||
.priorityWinnersBox {
|
||||
height: px2rem(120);
|
||||
width: 83%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
|
||||
div {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border: px2rem(3) #FFED70 solid;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox2 {
|
||||
.box {
|
||||
background: url(../images/3500.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox3 {
|
||||
.box {
|
||||
background: url(../images/210.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
top: 5.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
opacity: 0.6;
|
||||
margin-bottom: px2rem(40);
|
||||
}
|
||||
|
||||
.video,
|
||||
.video2,
|
||||
.video3 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
video {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.close {
|
||||
width: px2rem(68);
|
||||
height: px2rem(68);
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
right: px2rem(70);
|
||||
z-index: 9;
|
||||
}
|
||||
}
|
||||
|
||||
.rule {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.rule_in {
|
||||
width: px2rem(700);
|
||||
height: px2rem(830);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.close {
|
||||
width: px2rem(66);
|
||||
height: px2rem(66);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(-70);
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(350);
|
||||
height: px2rem(96);
|
||||
line-height: px2rem(96);
|
||||
text-align: center;
|
||||
color: #FFED70;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
top: px2rem(-12);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: url(../images/ruleTitle.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(565);
|
||||
height: 8rem;
|
||||
position: absolute;
|
||||
top: px2rem(177);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #FFED70;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
line-height: px2rem(40);
|
||||
margin-bottom: px2rem(34);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.header {
|
||||
background: url(../images/header-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.myBox .tetxBox {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.content1 {
|
||||
.contentBox1 {
|
||||
.box {
|
||||
background: url(../images/700ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox2 {
|
||||
.box {
|
||||
background: url(../images/350ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox3 {
|
||||
.box {
|
||||
background: url(../images/70ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content2 {
|
||||
.contentBox1 {
|
||||
.box {
|
||||
background: url(../images/7ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox2 {
|
||||
.box {
|
||||
background: url(../images/3500ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentBox3 {
|
||||
.box {
|
||||
background: url(../images/210ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.ts {
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.china {
|
||||
.header {
|
||||
background: url(../images/header-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content1 .contentBox1 .box{
|
||||
background: url(../images/700-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content1 .contentBox2 .box{
|
||||
background: url(../images/350-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content1 .contentBox3 .box{
|
||||
background: url(../images/70-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content2 .contentBox1 .box{
|
||||
background: url(../images/7-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content2 .contentBox2 .box{
|
||||
background: url(../images/3500-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.content2 .contentBox3 .box{
|
||||
background: url(../images/210-zh.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 181 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 185 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 184 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 498 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 494 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 113 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user