Skip to content

S
SURPRISED
Commit c4d44bc1 authored by Mac's avatar Mac
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/huaguohao/surprised

parents 0ed2b65a 01148dfa
Hide whitespace changes
Inline Side-by-side
Showing with 618 additions and 311 deletions
html/annualMeeting/AnnuaLmeetingHome.html
View file @ c4d44bc1
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
$("input").on("blur",function(){ $("input").on("blur",function(){
window.scroll(0,0);//失焦后强制让页面归位 window.scroll(0,0);//失焦后强制让页面归位
}); });
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", { var conn = $.hubConnection("http://localhost:7838/signalr", {
qs: `i=${customerId}&n=${EmName}&p=${encodeURIComponent(imgUrl)}` qs: `i=${customerId}&n=${EmName}&p=${encodeURIComponent(imgUrl)}`
}); });
var proxy = conn.createHubProxy("annualLeaveHub"); var proxy = conn.createHubProxy("annualLeaveHub");
......
html/annualMeeting/Money.html
View file @ c4d44bc1
...@@ -9,10 +9,24 @@ ...@@ -9,10 +9,24 @@
<meta name="x5-fullscreen" content="true"> <meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true"> <meta name="360-fullscreen" content="true">
<link rel="stylesheet" href="css/money.css" type="text/css" /> <link rel="stylesheet" href="css/money.css" type="text/css" />
<title>疯狂数钞票</title> <title>疯狂数钞票</title>
</head> </head>
<body style="height: 100%;overflow: hidden;width: 100%;position: fixed;"> <body style="height: 100%;overflow: hidden;width: 100%;position: fixed;">
<audio src="video/welcom_money.mp3" autoplay></audio>
<div class="money_count"> <div class="money_count">
<div class="useropera">
<div class="content-opt-title">
<button type="button" class="home" id="back_ico"></button>
<span class="title">疯狂数钞票</span>
<button type="button" class="rank" id="rankBtn"></button>
</div>
</div>
<div class="score">分数：<span id="my_score">0</span> 分</div>
<div class="timer">
倒计时：<span id="time">0</span>
<img class="ico" src="img/money/timer.png"/>
</div>
<div class="reg_bag" style='background-image: url("img/money/red_bag.png")'></div> <div class="reg_bag" style='background-image: url("img/money/red_bag.png")'></div>
<div class="money_box"> <div class="money_box">
<img src="img/money/money.png" alt=""/> <img src="img/money/money.png" alt=""/>
...@@ -24,12 +38,12 @@ ...@@ -24,12 +38,12 @@
<!-- <input type="button" value="开始" id="Start" style="z-index:9999;position: fixed;top:0;"> <!-- <input type="button" value="开始" id="Start" style="z-index:9999;position: fixed;top:0;">
<input type="button" value="重置" id="reset" style="z-index:9999;position: fixed;top:0;left:40px;"> --> <input type="button" value="重置" id="reset" style="z-index:9999;position: fixed;top:0;left:40px;"> -->
<div class="time"> <!-- <div class="time">
<div class="time-txt">倒计时</div> <div class="time-txt">倒计时</div>
<span> <span>
<span id="time">0</span>秒 <span id="time">0</span>秒
</span> </span>
</div> </div> -->
<div class="tipsDiv">保存体力，等待开始</div> <div class="tipsDiv">保存体力，等待开始</div>
<div class="circleCount">3</div> <div class="circleCount">3</div>
</div> </div>
...@@ -37,11 +51,11 @@ ...@@ -37,11 +51,11 @@
<div class="arrow"></div> <div class="arrow"></div>
<div class="hand"></div> <div class="hand"></div>
</div> </div>
<div class="opt"> <!-- <div class="opt">
<div class="back_ico" id="back_ico"></div> <div class="back_ico" id="back_ico"></div>
<div class="rank_ico" id="rankBtn"></div> <div class="rank_ico" id="rankBtn"></div>
</div> </div> -->
<div class="rank_mask"> <div class="rank_mask" id="smm">
<div style="height:3rem"></div> <div style="height:3rem"></div>
<div class="close" id="closeBtn"></div> <div class="close" id="closeBtn"></div>
<div class="rank_list_box"> <div class="rank_list_box">
...@@ -59,6 +73,20 @@ ...@@ -59,6 +73,20 @@
</div> </div>
</div> </div>
</div> </div>
<div class="rank_mask rank_mask2" id="notice">
<div class="zhezao"></div>
<div class="notice_box">
<img src="../../images/aM/all_d.png" alt="" class="notice_top">
<span>恭喜你获得支付宝口令红包</span>
<div class="notice_content">
<span id="tokenReadPackage"></span>
</div>
<div class="all_Receive">
<span>立即领取</span>
</div>
<div class="all_Close"></div>
</div>
</div>
</body> </body>
<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script> <script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
<script src="../../js/moveJs/jquery.signalR.min.js"></script> <script src="../../js/moveJs/jquery.signalR.min.js"></script>
...@@ -67,13 +95,15 @@ ...@@ -67,13 +95,15 @@
let proxy; let proxy;
let status=0; let status=0;
let clock=null; let clock=null;
let isWinning=false;
function getMyRank(){ function getMyRank(){
proxy.invoke('GetUserRank','Money').done(r=>{ proxy.invoke('GetUserRank','Money').done(r=>{
if(r!=-1){ if(r.r!=-1){
$('#myTop').html(r); $('#myTop').html(r);
}else{ }else{
$('#myTop').html('未上榜'); $('#myTop').html('未上榜');
} }
$('#my_score').html(r.s);
}) })
} }
function GetStatus(){ function GetStatus(){
...@@ -127,7 +157,10 @@ ...@@ -127,7 +157,10 @@
} }
function winning(){ function winning(){
proxy.on("notifyWinning",function(d){ proxy.on("notifyWinning",function(d){
alert("恭喜你中奖了："+d); //alert("恭喜你中奖了："+d);
$('#notice').css('display','flex');
$('#tokenReadPackage').text(d);
$("#smm").css('display','none');
}) })
} }
...@@ -168,20 +201,29 @@ ...@@ -168,20 +201,29 @@
}); });
//点击查看排行榜 //点击查看排行榜
$('#rankBtn').click(function(){ $('#rankBtn').click(function(){
$('.rank_mask').css('display','block'); $('#smm').css('display','block');
}); });
$('.all_Close').click(function () {
$('#notice').css('display','none')
})
proxy.on("getChangeMenu", function(data) { proxy.on("getChangeMenu", function(data) {
if (data.code == "Money") { if (data.code == "Money") {
if(data.status==2){ if(data.status==2){
StartGame(); StartGame();
}else if(data.status==1){ }else if(data.status==1||data.status==0){
//conn.disconnect(); //conn.disconnect();
//initConnection(); //initConnection();
$('.play_tips').css('display','block'); $('.play_tips').css('display','block');
$('#notice').css('display','none');
$('#smm').css('display','none');
$('.tipsDiv').text('保存体力，等待开始'); $('.tipsDiv').text('保存体力，等待开始');
proxy.invoke('JoinGame','Money').done(data=>{ if(data.status==1){
proxy.invoke('JoinGame','Money').done(data=>{
});
});
}
$("#rankBox").html("");
$("#my_score").html("0");
}else if(data.status==-1){ }else if(data.status==-1){
window.clearInterval(clock); window.clearInterval(clock);
clock=null; clock=null;
...@@ -190,6 +232,7 @@ ...@@ -190,6 +232,7 @@
$('.rank_mask').css('display','block'); $('.rank_mask').css('display','block');
$('.play_tips').css('display','none'); $('.play_tips').css('display','none');
$('.tipsDiv').text('游戏已经结束咯'); $('.tipsDiv').text('游戏已经结束咯');
$('.tipsDiv').css('display','block');
} }
} }
}) })
...@@ -275,6 +318,7 @@ ...@@ -275,6 +318,7 @@
i+=100; i+=100;
proxy.invoke("SetGameScore","Money", 100).done(msg => { proxy.invoke("SetGameScore","Money", 100).done(msg => {
// dosomething // dosomething
$("#my_score").html(msg)
}); });
//$(".money_add span").html("￥"+i) //$(".money_add span").html("￥"+i)
......
html/annualMeeting/css/money.css
View file @ c4d44bc1
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { html,
margin: 0; body,
padding: 0 h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
margin: 0;
padding: 0
} }
html, body { html,
width: 100%; body {
height: 100% width: 100%;
height: 100%
} }
html { html {
font-size: 62.5% font-size: 62.5%
} }
body { body {
font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
font-size: 1.4rem font-size: 1.4rem
} }
* { * {
touch-action: pan-y touch-action: pan-y
} }
.money_count{ @font-face {
width: 100%; font-family: "PingFangR";
height: 100%; src: url("../../../fonts/Semibold.eot"); /* IE9 */
background: url(../img/money/money_bg.jpg) no-repeat center; src: url("../../../fonts/Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
background-size: 100% auto; url("../../../fonts/Semibold.woff") format("woff"), /* chrome, firefox */
position: relative; url("../../../fonts/Semibold.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
overflow: hidden; font-style: normal;
} font-weight: normal;
.reg_bag{ }
width: 86%; .money_count {
height: 100%; width: 100%;
position: absolute; height: 100%;
bottom: -20px; background: url(../img/money/money_bg.jpg) #cf1523 no-repeat top center;
background: no-repeat center bottom; background-size: 100% auto;
background-size: 100% auto; position: relative;
left: 7%; overflow: hidden;
}
.money_count .score,
.money_count .timer{
position: absolute;
top:3.25rem;
left:1.25rem;
display: inline-block;
background: #5A0D66;
height: 1.9rem;
border-radius: 0.95rem;
padding: 0 0.8rem;
font-family: "pingfangR";
font-size: 1rem;
color: #FFFE01;
line-height: 1.9rem;
}
.money_count .timer{
left: initial;
right: 1.25rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.money_count .timer .ico{
position: absolute;
width: 1.166rem;
top: 0;
left: -0.583rem;
height: 1.9rem;
}
.money_count .useropera{
position: absolute;
top: -5px;
left: 0px;
right: 0px;
height: 3rem;
z-index: 99999999;
}
.money_count .useropera .content-opt-title{
width: 23.9rem;
height: 3rem;
margin: 0 auto;
background:url('../img/money/opt-title.png') no-repeat top center;
background-size:100%;
}
.money_count .useropera .content-opt-title .home{
margin-left: 2rem;
width: 2rem;
margin-top: 0.5rem;
height: 2rem;
background: url('../img/money/home.png') 100%;
background-size:100%;
float: left;
display: block;
border: none;
outline: none;
}
.money_count .useropera .content-opt-title .title{
width: calc(100% - 8.7rem);
text-align: center;
font-size: 1.5rem;
line-height: 3rem;
font-family: "pingfangR";
color: #FDD54B;
float: left;
display: block;
}
.money_count .useropera .content-opt-title .rank{
margin-right: 2rem;
width: 2rem;
margin-top: 0.5rem;
height: 2rem;
background: url('../img/money/rank.png') 100%;
background-size:100%;
float: left;
display: block;
border: none;
outline: none;
}
.money_count .useropera .content-opt-title::after{
display: block;
clear: both;
content: ' ';
}
.reg_bag {
width: 86%;
height: 100%;
position: absolute;
bottom: -20px;
background: no-repeat center bottom;
background-size: 100% auto;
left: 7%;
} }
.money_count .money_box { .money_count .money_box {
width: 66%; width: 66%;
height: 100%; height: 100%;
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
} }
.money_count .mask { .money_count .mask {
width: 86%; width: 86%;
height: 135px; height: 135px;
position: absolute; position: absolute;
bottom: -20px; bottom: -20px;
left: 7%; left: 7%;
background: url(../img/money/mask.png) no-repeat center 0; background: url(../img/money/mask.png) no-repeat center 0;
background-size: 100% auto; background-size: 100% auto;
z-index: 501; z-index: 501;
pointer-events: none; pointer-events: none;
} }
.money_count .gold { .money_count .gold {
width: 100%; width: 100%;
height: 60px; height: 60px;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
background: url(../img/money/gold.png) no-repeat center 0; background: url(../img/money/gold.png) no-repeat bottom center;
background-size: 100% auto; background-size: 100% 100%;
z-index: 502; z-index: 502;
pointer-events: none; pointer-events: none;
} }
.money_count #touchBox { .money_count #touchBox {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
z-index: 999; z-index: 999;
} }
.wait_tips { .wait_tips {
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -50px; margin-top: -50px;
color: #fdbe22; color: #fdbe22;
font-size: 2.5rem; font-size: 2.5rem;
width: 100%; width: 100%;
font-weight: bold; font-weight: bold;
background: rgba(17,17,17,0.6); background: rgba(17, 17, 17, 0.6);
padding: 20px 0; padding: 20px 0;
text-align: center; text-align: center;
z-index: 998; z-index: 998;
display:none; display: none;
} }
.opt { .opt {
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 15px; left: 15px;
z-index: 9999; z-index: 9999;
font-size: 1.4rem; font-size: 1.4rem;
} }
.opt .back_ico { .opt .back_ico {
width: 50px; width: 50px;
background: url(../img/money/back_ico.png) no-repeat center; background: url(../img/money/back_ico.png) no-repeat center;
background-size: contain; background-size: contain;
display: inline-block; display: inline-block;
padding-top: 41px; padding-top: 41px;
font-weight: bold; font-weight: bold;
color: #fdbe22; color: #fdbe22;
} }
.opt .rank_ico { .opt .rank_ico {
width: 50px; width: 50px;
background: url(../img/money/rank_ico.png) no-repeat center; background: url(../img/money/rank_ico.png) no-repeat center;
background-size: contain; background-size: contain;
padding-top: 41px; padding-top: 41px;
display: inline-block; display: inline-block;
font-weight: bold; font-weight: bold;
color: #fdbe22; color: #fdbe22;
} }
.time { .time {
position: absolute; position: absolute;
top: 15px; top: 15px;
right: 20px; right: 20px;
font-weight: bold; font-weight: bold;
font-size: 2rem; font-size: 2rem;
color: #fff; color: #fff;
} }
.time div { .time div {
display: inline-block; display: inline-block;
position: relative; position: relative;
top: -3px; top: -3px;
} }
.time span { .time span {
font-size: 3.6rem; font-size: 3.6rem;
color: #fdbe23; color: #fdbe23;
font-weight: bold; font-weight: bold;
padding: 0 5px; padding: 0 5px;
} }
.rank_mask { .rank_mask {
position: absolute; position: absolute;
background-color: rgba(0,0,0,.5); background-color: rgba(0, 0, 0, .5);
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1000; z-index: 1000;
display: none; display: none;
} }
.rank_mask2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
align-items: center;
justify-content: center;
}
.rank_mask .close { .rank_mask .close {
width: 32px; width: 32px;
height: 32px; height: 32px;
background: url(../img/money/rank_close.png) no-repeat center; background: url(../img/money/rank_close.png) no-repeat center;
position: absolute; position: absolute;
top: 75px; top: 75px;
right: 20px; right: 20px;
background-size: contain; background-size: contain;
z-index: 9999; z-index: 9999;
} }
.rank_mask .rank_list_box { .rank_mask .rank_list_box {
background: url(../img/money/rank_list_boxBs.png) no-repeat; background: url(../img/money/rank_list_boxBs.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 89%; width: 89%;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
border-bottom-left-radius: 2em; border-bottom-left-radius: 2em;
border-bottom-right-radius: 2em; border-bottom-right-radius: 2em;
margin-top: 20%; margin-top: 20%;
padding: 0 11px 18px; padding: 0 11px 18px;
} }
.rank_mask .rank_dec { .rank_mask .rank_dec {
width: 100%; width: 100%;
height: 178px; height: 178px;
background: url(../img/money/rank_list_dec.png) no-repeat center; background: url(../img/money/rank_list_dec.png) no-repeat center;
background-size: contain; background-size: contain;
position: absolute; position: absolute;
top: -89px; top: -89px;
left: 0; left: 0;
} }
.rank_list_ranking { .rank_list_ranking {
padding-top: 70px; padding-top: 70px;
width: 100%; width: 100%;
margin: 10px auto 0; margin: 10px auto 0;
} }
.rank_list_rankingBs { .rank_list_rankingBs {
background: url(../img/money/rankBs.png) no-repeat; background: url(../img/money/rankBs.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding-bottom: 14px; padding-bottom: 14px;
}
.rank_mask .my_rank, .rank_mask .my_money {
font-size: 2rem;
font-weight: bold;
text-align: center;
height: 5.5rem;
background: url(../img/money/rank_myFraction.png) no-repeat bottom center;
background-size: 87%;
} }
.rank_mask .my_rank,
.rank_mask .my_money {
font-size: 2rem;
/* font-weight: bold; */
font-family: "pingfangR";
text-align: center;
height: 5.5rem;
background: url(../img/money/rank_myFraction.png) no-repeat bottom center;
background-size: 87%;
}
.my_rankTop { .my_rankTop {
margin: 0 auto; margin: 0 auto;
background-image: -webkit-linear-gradient(bottom,#c58726,#843a06,#211e14); background-image: -webkit-linear-gradient(bottom, #c58726, #843a06, #211e14);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: #d8a8a800; -webkit-text-fill-color: #d8a8a800;
} }
.rank_myTop { .rank_myTop {
color: #9a5612; color: #9a5612;
text-shadow: -2px -2px 0 #FFF033; text-shadow: -2px -2px 0 #FFF033;
font-size: 2.4rem; font-size: 2.4rem;
} }
.rank_mask .rank { .rank_mask .rank {
height: 300px; height: 300px;
overflow-y: auto; overflow-y: auto;
padding: 5px 18px; padding: 5px 18px;
} }
.play_tips { .play_tips {
position: absolute; position: absolute;
background-color: rgba(0,0,0,.5); background-color: rgba(0, 0, 0, .5);
z-index: 999; z-index: 999;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.play_tips .arrow { .play_tips .arrow {
width: 40%; width: 40%;
height: 100%; height: 100%;
background: url(../img/money/arrow.png) no-repeat center; background: url(../img/money/arrow.png) no-repeat center;
background-size: contain; background-size: contain;
margin: 30px auto; margin: 30px auto;
} }
.play_tips .hand { .play_tips .hand {
width: 120px; width: 120px;
height: 120px; height: 120px;
background: url(../img/money/hand.png) no-repeat center; background: url(../img/money/hand.png) no-repeat center;
background-size: contain; background-size: contain;
position: absolute; position: absolute;
top: 350px; top: 350px;
left: 180px; left: 180px;
-webkit-animation: handSwipe 1.8s ease infinite; -webkit-animation: handSwipe 1.8s ease infinite;
-moz-animation: handSwipe 1.8s ease infinite; -moz-animation: handSwipe 1.8s ease infinite;
animation: handSwipe 1.8s ease infinite; animation: handSwipe 1.8s ease infinite;
} }
@-webkit-keyframes handSwipe { @-webkit-keyframes handSwipe {
0{ 0 {
top: 400px; top: 400px;
opacity: 1; opacity: 1;
} }
70%{
top: 250px;x 70% {
opacity: 1; top: 250px;
} x opacity: 1;
100%{ }
top: 250px;
opacity: 0; 100% {
} top: 250px;
opacity: 0;
}
} }
@-moz-keyframes handSwipe { @-moz-keyframes handSwipe {
0{ 0 {
top: 400px; top: 400px;
opacity: 1; opacity: 1;
} }
70%{
top: 250px; 70% {
opacity: 1; top: 250px;
} opacity: 1;
100%{ }
top: 250px;
opacity: 0; 100% {
} top: 250px;
opacity: 0;
}
} }
@keyframes handSwipe { @keyframes handSwipe {
0{ 0 {
top: 400px; top: 400px;
opacity: 1; opacity: 1;
} }
70%
{ 70% {
top: 250px; top: 250px;
opacity: 1; opacity: 1;
} }
100%
{ 100% {
top: 250px; top: 250px;
opacity: 0; opacity: 0;
} }
}
.money_box img{
position: absolute;
bottom:-25px;
width:100%;
}
.tipsDiv{
position: absolute;
top:50%;
width:100%;
height:5rem;
background:rgba(0,0,0,0.5);
color:#fdbe23;
text-align: center;
line-height: 5rem;
font-size:2.5rem;
}
.circleCount{
position: absolute;
width:5rem;
height:5rem;
top:50%;
left:50%;
margin-left:-2.5rem;
color:#fdbe23;
font-size:3rem;
border-radius:50%;
text-align: center;
line-height: 5rem;
border:0.3rem solid #fdbe23;
display: none;
animation: numberAni 1s infinite ease;
display:none;
} }
.money_box img {
position: absolute;
bottom: -25px;
width: 100%;
}
.tipsDiv {
position: absolute;
top: 50%;
width: 100%;
height: 5rem;
background: rgba(0, 0, 0, 0.5);
color: #fdbe23;
text-align: center;
line-height: 5rem;
font-size: 2.5rem;
}
.circleCount {
position: absolute;
width: 5rem;
height: 5rem;
top: 50%;
left: 50%;
margin-left: -2.5rem;
color: #fdbe23;
font-size: 3rem;
border-radius: 50%;
text-align: center;
line-height: 5rem;
border: 0.3rem solid #fdbe23;
display: none;
animation: numberAni 1s infinite ease;
display: none;
}
@keyframes numberAni { @keyframes numberAni {
1% { 1% {
transform: scale(8); transform: scale(8);
opacity: 1 opacity: 1
} }
90% {
transform: scale(1); 90% {
opacity: 0 transform: scale(1);
} opacity: 0
100% { }
transform: scale(8);
opacity: 0 100% {
} transform: scale(8);
opacity: 0
}
} }
.rank_mask .rank-num.num1 { .rank_mask .rank-num.num1 {
background: url(../img/money/new-number1.png) no-repeat center; background: url(../img/money/new-number1.png) no-repeat center;
background-size: contain; background-size: contain;
} }
.rank_mask .rank-num.num2 { .rank_mask .rank-num.num2 {
background: url("../img/mobile_img/rank_num2.png") no-repeat center; background: url("../img/mobile_img/rank_num2.png") no-repeat center;
background-size: contain; background-size: contain;
} }
.rank_mask .rank-num.num3 { .rank_mask .rank-num.num3 {
background: url("../img/mobile_img/rank_num3.png") no-repeat center; background: url("../img/mobile_img/rank_num3.png") no-repeat center;
background-size: contain; background-size: contain;
} }
.rank_mask .rank-num { .rank_mask .rank-num {
width: 22px; width: 22px;
height: 28px; height: 28px;
float: left; float: left;
line-height: 28px; line-height: 28px;
} }
.rank_mask .my_rank { .rank_mask .my_rank {
padding-top: 18px; padding-top: 18px;
} }
.my_rankTop{
margin: 0 auto; .my_rankTop {
background-image: -webkit-linear-gradient(bottom,#c58726,#843a06,#211e14); margin: 0 auto;
-webkit-background-clip: text; background-image: -webkit-linear-gradient(bottom, #c58726, #843a06, #211e14);
-webkit-text-fill-color: #d8a8a800; -webkit-background-clip: text;
-webkit-text-fill-color: #d8a8a800;
} }
.rank_mask .rank-row span { .rank_mask .rank-row span {
display: inline-block; display: inline-block;
} }
.rank_mask .rank-row { .rank_mask .rank-row {
margin-top: 5px; margin-top: 5px;
color: #bb5b15; color: #bb5b15;
font-weight: bold; font-weight: bold;
} }
.rank_mask .rank-score { .rank_mask .rank-score {
padding-left: 3px; padding-left: 3px;
width: 58px; width: 58px;
text-align: right; text-align: right;
padding-right: 3px; padding-right: 3px;
border-left: 2px solid #ce7e61; border-left: 2px solid #ce7e61;
color: #c56a09; color: #c56a09;
font-weight: bold; font-weight: bold;
font-family: pingfangR;
} }
.rank_mask .rank-name { .rank_mask .rank-name {
width: 115px; width: 115px;
text-align: left; text-align: left;
padding-left: 7px; padding-left: 7px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
top: 3px; top: 3px;
font-family: pingfangR;
} }
.rank_mask .rank-row img { .rank_mask .rank-row img {
width: 28px; width: 28px;
height: 28px; height: 28px;
vertical-align: middle; vertical-align: middle;
border-radius: 50%; border-radius: 50%;
position: relative; position: relative;
top: -1px; top: -1px;
margin-left: 15px; margin-left: 15px;
}
.notice_box {
width: 23.33rem;
height: 21rem;
background-image: url('../../../images/aM/all_bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.notice_top {
width: 5.25rem;
height: 5.25rem;
margin-top: 2.33rem;
}
.notice_box span {
color: #893630;
font-size: 1.5rem;
margin-top: 1.2rem;
}
.notice_content {
width: calc(100% - 5rem);
height: 2.5rem;
border-radius: 0.66rem;
border: 1px solid #C8532B;
background: white;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.66rem;
}
.notice_content span {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 0;
white-space: nowrap;
font-size: 1.2rem;
text-align: center;
}
.all_Receive {
width: 12.5rem;
height: 2.5rem;
background: #F9CB3B;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1.2rem;
border-radius: 1.35rem;
}
.all_Receive span {
color: #893630;
font-size: 1.1rem;
margin-top: 0;
}
.all_Close {
position: absolute;
left: 50%;
bottom: -4rem;
margin-left: -1.7rem;
width: 2.83rem;
height: 2.83rem;
background-image: url('../../../images/aM/close.png');
background-size: 100% 100%;
background-repeat: no-repeat;
} }
html/annualMeeting/img/money/gold.png
View replaced file @ 0ed2b65a View file @ c4d44bc1
html/annualMeeting/img/money/gold.png

7.19 KB | W: | H:

html/annualMeeting/img/money/gold.png

14.8 KB | W: | H:

html/annualMeeting/img/money/gold.png
html/annualMeeting/img/money/gold.png
html/annualMeeting/img/money/gold.png
html/annualMeeting/img/money/gold.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment