Skip to content

libai / fsActive

Go to a project
Commit 255e86e4 by agan
Options

xg

parent f6408087
Inline Side-by-side
Showing with 370 additions and 23 deletions
activeFt/liveData/css/index.css
......@@ -3,6 +3,7 @@
margin: 0 auto;
position: relative;
}
.live-title {
font-size: 0.35rem;
color: #333333;
......@@ -10,6 +11,7 @@
padding-top: 0.6rem;
font-weight: 700;
}
.live-top-box {
width: 9rem;
height: 1.18rem;
......@@ -19,34 +21,40 @@
line-height: 1.18rem;
margin-top: 0.2rem;
}
.live-top-p1 {
float: left;
color: #343333;
font-size: 0.35rem;
text-indent: 0.4rem;
}
.live-top-p2 {
float: right;
color: #E3257C;
font-size: 0.35rem;
margin-right: 0.4rem;
}
.live-line {
background: #F5F5F5;
height: 0.15rem;
width: 10rem;
margin-top: 0.35rem;
}
.live-line2 {
background: #F5F5F5;
height: 0.15rem;
width: 10rem;
}
.live-content {
width: 10rem;
height: 5.65rem;
position: relative;
}
.tips-top-box-li1 {
width: 3.62rem;
height: 1.5rem;
......@@ -59,7 +67,8 @@
border-radius: 0.32rem;
box-shadow: 0 0 0.3rem #fff;
}
.tips-top-box-li1 > p {
.tips-top-box-li1>p {
color: #fff;
font-size: 0.4rem;
font-weight: 700;
......@@ -68,6 +77,7 @@
top: 0.7rem;
text-indent: 0.4rem;
}
.tips-top-box-li2 {
width: 3.62rem;
height: 1.5rem;
......@@ -80,7 +90,8 @@
border-radius: 0.32rem;
box-shadow: 0 0 0.3rem #fff;
}
.tips-top-box-li2 > p {
.tips-top-box-li2>p {
color: #fff;
font-size: 0.4rem;
font-weight: 700;
......@@ -89,19 +100,22 @@
top: 0.7rem;
text-indent: 0.4rem;
}
.top-box-ul {
width: 3.62rem;
position: absolute;
top: 0.35rem;
left: 0.45rem;
}
.top-box-ul li {
width: 3.62rem;
height: 1.5rem;
margin-bottom: 0.15rem;
position: relative;
}
.top-box-ul li > p {
.top-box-ul li>p {
color: #fff;
font-size: 0.4rem;
font-weight: 700;
......@@ -110,36 +124,45 @@
top: 0.7rem;
text-indent: 0.4rem;
}
.top-box-ul .top-box-li1 {
background: url(../images/top-box1.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2 {
background: url(../images/top-box2.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2 .top-box-tips {
box-shadow: 0 0 0.2rem #76E9DF;
}
.top-box-ul .top-box-li2 span {
color: #76E9DF;
}
.top-box-ul .top-box-li3 {
background: url(../images/top-box3.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li3 .top-box-tips {
box-shadow: 0 0 0.2rem #b287f8;
height: 1.1rem;
}
.top-box-ul .top-box-li3 .triangle {
top: 0.4rem;
}
.day-top-box {
height: 1.15rem;
width: 10rem;
position: relative;
}
.day-top-box .day-top-box-p {
color: #1F1F1F;
font-weight: 700;
......@@ -147,6 +170,7 @@
line-height: 1.15rem;
text-indent: 0.55rem;
}
.day-top-box .day-top-box-p2 {
color: #E31C74;
font-size: 0.35rem;
......@@ -154,12 +178,14 @@
right: 0.5rem;
bottom: 0.35rem;
}
.day-top-box .day-top-box-p2 img {
vertical-align: middle;
margin-top: -0.05rem;
width: 0.33rem;
}
.day-box-content > div {
.day-box-content>div {
position: relative;
width: 4.48rem;
height: 3.1rem;
......@@ -167,10 +193,12 @@
margin-left: 0.33rem;
margin-bottom: 0.2rem;
}
.day-box-content .day-box1 {
background: url(../images/content-box1.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box1 .day-title {
color: #1A5679;
font-size: 0.5rem;
......@@ -179,12 +207,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box1 .percentage-num {
color: #1A5679;
}
.day-box-content .day-box1 .bar-nav {
background: #438bb4;
}
.day-box-content .day-box1 .day-num {
position: absolute;
font-size: 0.38rem;
......@@ -194,10 +225,12 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box2 {
background: url(../images/content-box4.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box2 .day-title {
color: #63319B;
font-size: 0.5rem;
......@@ -206,12 +239,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box2 .percentage-num {
color: #63319B;
}
.day-box-content .day-box2 .bar-nav {
background: #7B2CD4;
}
.day-box-content .day-box2 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -221,15 +257,18 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box2 .day-num img {
width: 0.33rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.day-box-content .day-box3 {
background: url(../images/content-box3.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box3 .day-title {
color: #A0054F;
font-size: 0.5rem;
......@@ -238,12 +277,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box3 .percentage-num {
color: #A0054F;
}
.day-box-content .day-box3 .bar-nav {
background: #E53985;
}
.day-box-content .day-box3 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -253,10 +295,12 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box4 {
background: url(../images/content-box2.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box4 .day-title {
color: #216A64;
font-size: 0.5rem;
......@@ -265,12 +309,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box4 .percentage-num {
color: #216A64;
}
.day-box-content .day-box4 .bar-nav {
background: #10A497;
}
.day-box-content .day-box4 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -280,15 +327,18 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box4 .day-num img {
width: 0.33rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.day-box-content .day-box5 {
background: url(../images/content-box3.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box5 .day-title {
color: #A0054F;
font-size: 0.5rem;
......@@ -297,12 +347,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box5 .percentage-num {
color: #A0054F;
}
.day-box-content .day-box5 .bar-nav {
background: #E53985;
}
.day-box-content .day-box5 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -312,10 +365,12 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box6 {
background: url(../images/content-box2.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box6 .day-title {
color: #216A64;
font-size: 0.5rem;
......@@ -324,12 +379,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box6 .percentage-num {
color: #216A64;
}
.day-box-content .day-box6 .bar-nav {
background: #10A497;
}
.day-box-content .day-box6 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -339,6 +397,7 @@
right: 0.35rem;
top: 0.43rem;
}
.percentage-num {
font-size: 0.33rem;
position: absolute;
......@@ -346,6 +405,7 @@
left: 0.4rem;
font-weight: 700;
}
.bar-big-box {
width: 3.7rem;
height: 0.3rem;
......@@ -356,6 +416,7 @@
margin-left: -1.85rem;
top: 2.3rem;
}
.bar-big-box .bar-content {
width: 3.6rem;
height: 0.2rem;
......@@ -365,47 +426,58 @@
border-radius: 1rem;
overflow: hidden;
}
.bar-big-box .bar-nav {
width: 0%;
height: 0.2rem;
border-radius: 1rem;
}
.top-box-ul .top-box-li1-en {
background: url(../images/top-box1-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2-en {
background: url(../images/top-box2-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li3-en {
background: url(../images/top-box3-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li1-tv {
background: url(../images/top-box1-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2-tv {
background: url(../images/top-box2-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li3-tv {
background: url(../images/top-box3-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li1-es {
background: url(../images/top-box1-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2-es {
background: url(../images/top-box2-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li3-es {
background: url(../images/top-box3-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.award-box {
position: absolute;
top: 1.6rem;
......@@ -420,11 +492,13 @@
padding-left: 0.15rem;
padding-right: 0.15rem;
}
.award-box > img {
.award-box>img {
width: 0.25rem;
vertical-align: middle;
margin-top: -0.02rem;
}
.btn-get {
width: 3.96rem;
height: 0.64rem;
......@@ -436,24 +510,29 @@
top: 2.25rem;
display: none;
}
.btn-get-en {
background: url(../images/btn-get-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.btn-get-tv {
background: url(../images/btn-get-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.btn-get-es {
background: url(../images/btn-get-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-view {
width: 5.6rem;
height: 5.6rem;
position: absolute;
right: 0;
}
.circleChart1 {
width: 5.6rem;
height: 5.6rem;
......@@ -464,11 +543,13 @@
font-size: 0;
text-align: center;
}
.circleChart1 canvas {
display: inline-block !important;
vertical-align: middle;
height: 4.1rem;
}
.circleChart2 {
width: 5.6rem;
height: 5.6rem;
......@@ -479,11 +560,13 @@
text-align: center;
line-height: 5.6rem;
}
.circleChart2 canvas {
display: inline-block !important;
vertical-align: middle;
height: 3.25rem;
}
.circleChart3 {
width: 5.6rem;
height: 5.6rem;
......@@ -494,11 +577,13 @@
text-align: center;
line-height: 5.6rem;
}
.circleChart3 canvas {
display: inline-block !important;
vertical-align: middle;
height: 2.42rem;
}
.top-box-tips {
position: absolute;
width: 3.5rem;
......@@ -509,6 +594,7 @@
left: 4.1rem;
z-index: 5;
}
.top-box-tips1 {
color: #333333;
font-size: 0.3rem;
......@@ -516,33 +602,40 @@
line-height: 0.45rem;
padding-top: 0.15rem;
}
.top-box-tips1 span {
color: #FD72AB;
}
.top-box-tips2 {
color: #333333;
font-size: 0.3rem;
text-indent: 0.2rem;
line-height: 0.45rem;
}
.top-box-tips2 span {
color: #FD72AB;
}
.top-box-tips3 {
color: #333333;
font-size: 0.3rem;
text-indent: 0.2rem;
line-height: 0.45rem;
}
.top-box-tips3 span {
color: #FD72AB;
}
.top-box-content-tips {
margin-left: 0.2rem;
font-size: 0.3rem;
width: 3.15rem;
margin-top: 0.1rem;
}
.box-shadow {
width: 4.48rem;
height: 3.01rem;
......@@ -556,14 +649,17 @@
line-height: 3.01rem;
font-size: 0;
}
.box-shadow .lock {
vertical-align: middle;
width: 0.69rem;
}
.box-shadow .check {
vertical-align: middle;
width: 0.89rem;
}
.triangle {
position: absolute;
width: 0;
......@@ -575,16 +671,19 @@
left: -0.2rem;
top: 0.6rem;
}
.tips1-box {
position: absolute;
left: 0.42rem;
top: 4rem;
}
.tips2-box {
position: absolute;
left: 0.42rem;
top: 5.6rem;
}
.tips1 {
width: 9.16rem;
height: 5.16rem;
......@@ -592,24 +691,28 @@
background-size: 100% 100%;
position: absolute;
}
.tips1-en {
background: url(../images/tips1-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.44rem;
height: 6.38rem;
}
.tips1-tv {
background: url(../images/tips1-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.44rem;
height: 6.38rem;
}
.tips1-es {
background: url(../images/tips1-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.44rem;
height: 6.38rem;
}
.tips2 {
height: 5.22rem;
width: 9.16rem;
......@@ -617,24 +720,28 @@
background-size: 100% 100%;
position: absolute;
}
.tips2-en {
background: url(../images/tips2-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.4rem;
height: 6.37rem;
}
.tips2-tv {
background: url(../images/tips2-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.4rem;
height: 6.37rem;
}
.tips2-es {
background: url(../images/tips2-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.4rem;
height: 6.37rem;
}
.tips-shadow {
position: absolute;
width: 10rem;
......@@ -645,11 +752,13 @@
z-index: 500;
margin-left: -5rem;
}
.tips3-box {
position: absolute;
left: 0.8rem;
top: 13.25rem;
}
.tips3 {
width: 8.76rem;
height: 5.81rem;
......@@ -657,24 +766,28 @@
background-size: 100% 100%;
position: absolute;
}
.tips3-en {
background: url(../images/tips3-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.08rem;
height: 6.56rem;
}
.tips3-tv {
background: url(../images/tips3-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.56rem;
height: 6.64rem;
}
.tips3-es {
background: url(../images/tips3-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.56rem;
height: 6.64rem;
}
.tips3-box1 {
position: absolute;
left: 2.9rem;
......@@ -690,6 +803,7 @@
border-radius: 0.1rem;
box-shadow: 0 0 0.2rem #FB9CC8, 0 0 0.3rem #FB9CC8, 0 0 0.3rem #FB9CC8, 0 0 0.3rem #FB9CC8;
}
.tips3-box2 {
position: absolute;
top: 1.6rem;
......@@ -705,11 +819,13 @@
padding-left: 0.15rem;
padding-right: 0.15rem;
}
.tips3-box2 > img {
.tips3-box2>img {
width: 0.25rem;
vertical-align: middle;
margin-top: -0.02rem;
}
.tips1-ok {
position: absolute;
width: 2.5rem;
......@@ -717,6 +833,7 @@
top: 4.15rem;
left: 3.15rem;
}
.tips2-ok {
position: absolute;
width: 2.5rem;
......@@ -724,6 +841,7 @@
top: 4.23rem;
left: 3.15rem;
}
.tips3-ok {
position: absolute;
width: 2.5rem;
......@@ -731,12 +849,14 @@
top: 4.82rem;
left: 3.65rem;
}
.rule-bg {
width: 10rem;
margin: 0 auto;
position: relative;
}
.rule-bg > p {
.rule-bg>p {
position: relative;
font-size: 0.35rem;
line-height: 0.6rem;
......@@ -745,15 +865,18 @@
margin-right: 0.5rem;
margin-top: 0.15rem;
}
.rule-bg > p > span {
.rule-bg>p>span {
position: absolute;
left: -0.35rem;
}
.rule-bg .rule-p1 {
width: 9.2rem;
margin: 0 auto;
margin-top: 0.15rem;
}
.rule-bg .rule-p2 {
font-weight: 700;
margin-top: 0.2rem;
......@@ -761,6 +884,7 @@
position: relative;
left: -0.35rem;
}
.rule-bg .rule-p7 {
font-weight: 700;
margin-top: 0.2rem;
......@@ -768,6 +892,7 @@
position: relative;
left: -0.35rem;
}
.table {
width: 9.3rem;
height: 2.16rem;
......@@ -776,18 +901,42 @@
margin: 0 auto;
margin-top: 0.15rem;
}
.table-en {
background: url(../images/table-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.table-tv {
background: url(../images/table-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.table-es {
background: url(../images/table-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.table.highVer {
background: url(../images/7590/table.png) no-repeat;
background-size: 100% 100%;
}
.table-en.highVer {
background: url(../images/7590/table-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.table-tv.highVer {
background: url(../images/7590/table-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.table-es.highVer {
background: url(../images/7590/table-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.rule-btn {
font-size: 0.33rem;
position: absolute;
......@@ -795,6 +944,7 @@
top: 0.65rem;
color: #E3257C;
}
.room-tips {
width: 10rem;
height: 11.58rem;
......@@ -803,6 +953,7 @@
position: absolute;
top: 2.6rem;
}
.room-tips2 {
display: none;
width: 10rem;
......@@ -812,51 +963,65 @@
position: absolute;
top: 2.6rem;
}
.room-tips2 .tips-btn {
top: 8.5rem;
}
.room-tips-en {
background: url(../images/room-tips-en.png) no-repeat;
background-size: 100% 100%;
}
.room-tips-en .tips-btn {
top: 8.2rem;
}
.room-tips-es {
background: url(../images/room-tips-es.png) no-repeat;
background-size: 100% 100%;
}
.room-tips-es .tips-btn {
top: 8.3rem;
}
.room-tips-tv {
background: url(../images/room-tips-tv.png) no-repeat;
background-size: 100% 100%;
}
.room-tips-tv .tips-btn {
top: 9.3rem;
}
.room-tips2-en {
background: url(../images/room-tips2-en.png) no-repeat;
background-size: 100% 100%;
}
.room-tips2-en .tips-btn {
top: 9.65rem;
}
.room-tips2-es {
background: url(../images/room-tips2-es.png) no-repeat;
background-size: 100% 100%;
}
.room-tips2-es .tips-btn {
top: 9.8rem;
}
.room-tips2-tv {
background: url(../images/room-tips2-tv.png) no-repeat;
background-size: 100% 100%;
}
.room-tips2-tv .tips-btn {
top: 10.3rem;
}
.tips-btn {
position: absolute;
width: 2.5rem;
......@@ -864,6 +1029,7 @@
top: 6.5rem;
left: 3.4rem;
}
.room2-tips {
width: 10rem;
height: 11.12rem;
......@@ -872,6 +1038,7 @@
position: absolute;
top: 0rem;
}
.room2-tips .tips-btn {
position: absolute;
width: 2.5rem;
......@@ -879,6 +1046,7 @@
top: 7.2rem;
left: 3.6rem;
}
.room2-tips2 {
display: none;
width: 10rem;
......@@ -888,50 +1056,63 @@
position: absolute;
top: 0rem;
}
.room2-tips2 .tips-btn {
top: 7.3rem;
left: 3.6rem;
}
.room2-tips-en {
background: url(../images/room2-tips-en.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips-en .tips-btn {
top: 9rem;
left: 3.9rem;
}
.room2-tips-es {
background: url(../images/room2-tips-es.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips-es .tips-btn {
top: 9rem;
}
.room2-tips-tv {
background: url(../images/room2-tips-tv.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips-tv .tips-btn {
top: 10rem;
}
.room2-tips2-en {
background: url(../images/room2-tips2-en.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips2-en .tips-btn {
top: 8.45rem;
}
.room2-tips2-es {
background: url(../images/room2-tips2-es.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips2-es .tips-btn {
top: 8.4rem;
}
.room2-tips2-tv {
background: url(../images/room2-tips2-tv.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips2-tv .tips-btn {
top: 9.1rem;
}
}
\ No newline at end of file
activeFt/liveData/css/index2.css
......@@ -3,6 +3,7 @@
margin: 0 auto;
position: relative;
}
.live-title {
font-size: 0.35rem;
color: #333333;
......@@ -10,43 +11,50 @@
padding-top: 0.6rem;
font-weight: 700;
}
.live-top-box {
width: 9rem;
height: 1.18rem;
background: #FED7DA;
background: #f6f6f6;
border-radius: 0.2rem;
margin: 0 auto;
line-height: 1.18rem;
margin-top: 0.2rem;
}
.live-top-p1 {
float: left;
color: #343333;
font-size: 0.35rem;
text-indent: 0.4rem;
}
.live-top-p2 {
float: right;
color: #E3257C;
color: #282828;
font-size: 0.35rem;
margin-right: 0.4rem;
}
.live-line {
background: #F5F5F5;
height: 0.15rem;
width: 10rem;
margin-top: 0.35rem;
}
.live-line2 {
background: #F5F5F5;
height: 0.15rem;
width: 10rem;
}
.live-content {
width: 10rem;
height: 5.65rem;
position: relative;
}
.tips-top-box-li1 {
width: 3.62rem;
height: 1.5rem;
......@@ -59,7 +67,8 @@
border-radius: 0.32rem;
box-shadow: 0 0 0.3rem #fff;
}
.tips-top-box-li1 > p {
.tips-top-box-li1>p {
color: #fff;
font-size: 0.4rem;
font-weight: 700;
......@@ -68,6 +77,7 @@
top: 0.7rem;
text-indent: 0.4rem;
}
.tips-top-box-li2 {
width: 3.62rem;
height: 1.5rem;
......@@ -80,7 +90,8 @@
border-radius: 0.32rem;
box-shadow: 0 0 0.3rem #fff;
}
.tips-top-box-li2 > p {
.tips-top-box-li2>p {
color: #fff;
font-size: 0.4rem;
font-weight: 700;
......@@ -89,19 +100,22 @@
top: 0.7rem;
text-indent: 0.4rem;
}
.top-box-ul {
width: 3.62rem;
position: absolute;
top: 0.35rem;
left: 0.45rem;
}
.top-box-ul li {
width: 3.62rem;
height: 1.5rem;
margin-bottom: 0.15rem;
position: relative;
}
.top-box-ul li > p {
.top-box-ul li>p {
color: #fff;
font-size: 0.4rem;
font-weight: 700;
......@@ -110,36 +124,45 @@
top: 0.7rem;
text-indent: 0.4rem;
}
.top-box-ul .top-box-li1 {
background: url(../images/7590/top-box1.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2 {
background: url(../images/7590/top-box2.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2 .top-box-tips {
box-shadow: 0 0 0.2rem #76E9DF;
}
.top-box-ul .top-box-li2 span {
color: #76E9DF;
}
.top-box-ul .top-box-li3 {
background: url(../images/7590/top-box3.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li3 .top-box-tips {
box-shadow: 0 0 0.2rem #b287f8;
height: 1.1rem;
}
.top-box-ul .top-box-li3 .triangle {
top: 0.4rem;
}
.day-top-box {
height: 1.15rem;
width: 10rem;
position: relative;
}
.day-top-box .day-top-box-p {
color: #1F1F1F;
font-weight: 700;
......@@ -147,19 +170,22 @@
line-height: 1.15rem;
text-indent: 0.55rem;
}
.day-top-box .day-top-box-p2 {
color: #E31C74;
color: #282828;
font-size: 0.35rem;
position: absolute;
right: 0.5rem;
bottom: 0.35rem;
}
.day-top-box .day-top-box-p2 img {
vertical-align: middle;
margin-top: -0.05rem;
width: 0.33rem;
}
.day-box-content > div {
.day-box-content>div {
position: relative;
width: 4.48rem;
height: 3.1rem;
......@@ -167,10 +193,12 @@
margin-left: 0.33rem;
margin-bottom: 0.2rem;
}
.day-box-content .day-box1 {
background: url(../images/7590/content-box1.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box1 .day-title {
color: #1A5679;
font-size: 0.5rem;
......@@ -179,12 +207,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box1 .percentage-num {
color: #1A5679;
}
.day-box-content .day-box1 .bar-nav {
background: #438bb4;
}
.day-box-content .day-box1 .day-num {
position: absolute;
font-size: 0.38rem;
......@@ -194,10 +225,12 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box2 {
background: url(../images/7590/content-box4.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box2 .day-title {
color: #63319B;
font-size: 0.5rem;
......@@ -206,12 +239,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box2 .percentage-num {
color: #63319B;
}
.day-box-content .day-box2 .bar-nav {
background: #7B2CD4;
}
.day-box-content .day-box2 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -221,15 +257,18 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box2 .day-num img {
width: 0.33rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.day-box-content .day-box3 {
background: url(../images/7590/content-box3.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box3 .day-title {
color: #A0054F;
font-size: 0.5rem;
......@@ -238,12 +277,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box3 .percentage-num {
color: #A0054F;
}
.day-box-content .day-box3 .bar-nav {
background: #E53985;
}
.day-box-content .day-box3 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -253,10 +295,12 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box4 {
background: url(../images/7590/content-box2.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box4 .day-title {
color: #216A64;
font-size: 0.5rem;
......@@ -265,12 +309,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box4 .percentage-num {
color: #216A64;
}
.day-box-content .day-box4 .bar-nav {
background: #10A497;
}
.day-box-content .day-box4 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -280,15 +327,18 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box4 .day-num img {
width: 0.33rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.day-box-content .day-box5 {
background: url(../images/7590/content-box3.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box5 .day-title {
color: #A0054F;
font-size: 0.5rem;
......@@ -297,12 +347,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box5 .percentage-num {
color: #A0054F;
}
.day-box-content .day-box5 .bar-nav {
background: #E53985;
}
.day-box-content .day-box5 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -312,10 +365,12 @@
right: 0.35rem;
top: 0.43rem;
}
.day-box-content .day-box6 {
background: url(../images/7590/content-box2.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.day-box-content .day-box6 .day-title {
color: #216A64;
font-size: 0.5rem;
......@@ -324,12 +379,15 @@
top: 0.35rem;
left: 0.4rem;
}
.day-box-content .day-box6 .percentage-num {
color: #216A64;
}
.day-box-content .day-box6 .bar-nav {
background: #10A497;
}
.day-box-content .day-box6 .day-num {
line-height: 0.5rem;
font-size: 0.4rem;
......@@ -339,6 +397,7 @@
right: 0.35rem;
top: 0.43rem;
}
.percentage-num {
font-size: 0.33rem;
position: absolute;
......@@ -346,6 +405,7 @@
left: 0.4rem;
font-weight: 700;
}
.bar-big-box {
width: 3.7rem;
height: 0.3rem;
......@@ -356,6 +416,7 @@
margin-left: -1.85rem;
top: 2.3rem;
}
.bar-big-box .bar-content {
width: 3.6rem;
height: 0.2rem;
......@@ -365,47 +426,58 @@
border-radius: 1rem;
overflow: hidden;
}
.bar-big-box .bar-nav {
width: 0%;
height: 0.2rem;
border-radius: 1rem;
}
.top-box-ul .top-box-li1-en {
background: url(../images/7590/top-box1-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2-en {
background: url(../images/7590/top-box2-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li3-en {
background: url(../images/7590/top-box3-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li1-tv {
background: url(../images/7590/top-box1-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2-tv {
background: url(../images/7590/top-box2-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li3-tv {
background: url(../images/7590/top-box3-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li1-es {
background: url(../images/7590/top-box1-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li2-es {
background: url(../images/7590/top-box2-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-ul .top-box-li3-es {
background: url(../images/7590/top-box3-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.award-box {
position: absolute;
top: 1.6rem;
......@@ -420,11 +492,13 @@
padding-left: 0.15rem;
padding-right: 0.15rem;
}
.award-box > img {
.award-box>img {
width: 0.25rem;
vertical-align: middle;
margin-top: -0.02rem;
}
.btn-get {
width: 3.96rem;
height: 0.64rem;
......@@ -436,24 +510,29 @@
top: 2.25rem;
display: none;
}
.btn-get-en {
background: url(../images/7590/btn-get-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.btn-get-tv {
background: url(../images/7590/btn-get-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.btn-get-es {
background: url(../images/7590/btn-get-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.top-box-view {
width: 5.6rem;
height: 5.6rem;
position: absolute;
right: 0;
}
.circleChart1 {
width: 5.6rem;
height: 5.6rem;
......@@ -464,11 +543,13 @@
font-size: 0;
text-align: center;
}
.circleChart1 canvas {
display: inline-block !important;
vertical-align: middle;
height: 4.1rem;
}
.circleChart2 {
width: 5.6rem;
height: 5.6rem;
......@@ -479,11 +560,13 @@
text-align: center;
line-height: 5.6rem;
}
.circleChart2 canvas {
display: inline-block !important;
vertical-align: middle;
height: 3.25rem;
}
.circleChart3 {
width: 5.6rem;
height: 5.6rem;
......@@ -494,11 +577,13 @@
text-align: center;
line-height: 5.6rem;
}
.circleChart3 canvas {
display: inline-block !important;
vertical-align: middle;
height: 2.42rem;
}
.top-box-tips {
position: absolute;
width: 3.5rem;
......@@ -509,6 +594,7 @@
left: 4.1rem;
z-index: 5;
}
.top-box-tips1 {
color: #333333;
font-size: 0.3rem;
......@@ -516,33 +602,40 @@
line-height: 0.45rem;
padding-top: 0.15rem;
}
.top-box-tips1 span {
color: #FD72AB;
}
.top-box-tips2 {
color: #333333;
font-size: 0.3rem;
text-indent: 0.2rem;
line-height: 0.45rem;
}
.top-box-tips2 span {
color: #FD72AB;
}
.top-box-tips3 {
color: #333333;
font-size: 0.3rem;
text-indent: 0.2rem;
line-height: 0.45rem;
}
.top-box-tips3 span {
color: #FD72AB;
}
.top-box-content-tips {
margin-left: 0.2rem;
font-size: 0.3rem;
width: 3.15rem;
margin-top: 0.1rem;
}
.box-shadow {
width: 4.48rem;
height: 3.01rem;
......@@ -556,14 +649,17 @@
line-height: 3.01rem;
font-size: 0;
}
.box-shadow .lock {
vertical-align: middle;
width: 0.69rem;
}
.box-shadow .check {
vertical-align: middle;
width: 0.89rem;
}
.triangle {
position: absolute;
width: 0;
......@@ -575,16 +671,19 @@
left: -0.2rem;
top: 0.6rem;
}
.tips1-box {
position: absolute;
left: 0.42rem;
top: 4rem;
}
.tips2-box {
position: absolute;
left: 0.42rem;
top: 5.6rem;
}
.tips1 {
width: 9.16rem;
height: 5.16rem;
......@@ -592,24 +691,28 @@
background-size: 100% 100%;
position: absolute;
}
.tips1-en {
background: url(../images/7590/tips1-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.44rem;
height: 6.38rem;
}
.tips1-tv {
background: url(../images/7590/tips1-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.44rem;
height: 6.38rem;
}
.tips1-es {
background: url(../images/7590/tips1-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.44rem;
height: 6.38rem;
}
.tips2 {
height: 5.22rem;
width: 9.16rem;
......@@ -617,24 +720,28 @@
background-size: 100% 100%;
position: absolute;
}
.tips2-en {
background: url(../images/7590/tips2-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.4rem;
height: 6.37rem;
}
.tips2-tv {
background: url(../images/7590/tips2-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.4rem;
height: 6.37rem;
}
.tips2-es {
background: url(../images/7590/tips2-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.4rem;
height: 6.37rem;
}
.tips-shadow {
position: absolute;
width: 10rem;
......@@ -645,11 +752,13 @@
z-index: 500;
margin-left: -5rem;
}
.tips3-box {
position: absolute;
left: 0.8rem;
top: 13.25rem;
}
.tips3 {
width: 8.76rem;
height: 5.81rem;
......@@ -657,24 +766,28 @@
background-size: 100% 100%;
position: absolute;
}
.tips3-en {
background: url(../images/7590/tips3-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.08rem;
height: 6.56rem;
}
.tips3-tv {
background: url(../images/7590/tips3-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.56rem;
height: 6.64rem;
}
.tips3-es {
background: url(../images/7590/tips3-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
width: 9.56rem;
height: 6.64rem;
}
.tips3-box1 {
position: absolute;
left: 2.9rem;
......@@ -690,6 +803,7 @@
border-radius: 0.1rem;
box-shadow: 0 0 0.2rem #FB9CC8, 0 0 0.3rem #FB9CC8, 0 0 0.3rem #FB9CC8, 0 0 0.3rem #FB9CC8;
}
.tips3-box2 {
position: absolute;
top: 1.6rem;
......@@ -705,11 +819,13 @@
padding-left: 0.15rem;
padding-right: 0.15rem;
}
.tips3-box2 > img {
.tips3-box2>img {
width: 0.25rem;
vertical-align: middle;
margin-top: -0.02rem;
}
.tips1-ok {
position: absolute;
width: 2.5rem;
......@@ -717,6 +833,7 @@
top: 4.15rem;
left: 3.15rem;
}
.tips2-ok {
position: absolute;
width: 2.5rem;
......@@ -724,6 +841,7 @@
top: 4.23rem;
left: 3.15rem;
}
.tips3-ok {
position: absolute;
width: 2.5rem;
......@@ -731,12 +849,14 @@
top: 4.82rem;
left: 3.65rem;
}
.rule-bg {
width: 10rem;
margin: 0 auto;
position: relative;
}
.rule-bg > p {
.rule-bg>p {
position: relative;
font-size: 0.35rem;
line-height: 0.6rem;
......@@ -745,15 +865,18 @@
margin-right: 0.5rem;
margin-top: 0.15rem;
}
.rule-bg > p > span {
.rule-bg>p>span {
position: absolute;
left: -0.35rem;
}
.rule-bg .rule-p1 {
width: 9.2rem;
margin: 0 auto;
margin-top: 0.15rem;
}
.rule-bg .rule-p2 {
font-weight: 700;
margin-top: 0.2rem;
......@@ -761,6 +884,7 @@
position: relative;
left: -0.35rem;
}
.rule-bg .rule-p7 {
font-weight: 700;
margin-top: 0.2rem;
......@@ -768,6 +892,7 @@
position: relative;
left: -0.35rem;
}
.table {
width: 9.3rem;
height: 2.16rem;
......@@ -776,25 +901,30 @@
margin: 0 auto;
margin-top: 0.15rem;
}
.table-en {
background: url(../images/7590/table-en.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.table-tv {
background: url(../images/7590/table-tv.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.table-es {
background: url(../images/7590/table-es.png?v=2023050901) no-repeat;
background-size: 100% 100%;
}
.rule-btn {
font-size: 0.33rem;
position: absolute;
right: 0.7rem;
top: 0.65rem;
color: #E3257C;
color: #282828;
}
.room-tips {
width: 10rem;
height: 11.58rem;
......@@ -803,6 +933,7 @@
position: absolute;
top: 2.6rem;
}
.room-tips2 {
display: none;
width: 10rem;
......@@ -812,51 +943,65 @@
position: absolute;
top: 2.6rem;
}
.room-tips2 .tips-btn {
top: 8.5rem;
}
.room-tips-en {
background: url(../images/7590/room-tips-en.png) no-repeat;
background-size: 100% 100%;
}
.room-tips-en .tips-btn {
top: 8.2rem;
}
.room-tips-es {
background: url(../images/7590/room-tips-es.png) no-repeat;
background-size: 100% 100%;
}
.room-tips-es .tips-btn {
top: 8.3rem;
}
.room-tips-tv {
background: url(../images/7590/room-tips-tv.png) no-repeat;
background-size: 100% 100%;
}
.room-tips-tv .tips-btn {
top: 9.3rem;
}
.room-tips2-en {
background: url(../images/7590/room-tips2-en.png) no-repeat;
background-size: 100% 100%;
}
.room-tips2-en .tips-btn {
top: 9.65rem;
}
.room-tips2-es {
background: url(../images/7590/room-tips2-es.png) no-repeat;
background-size: 100% 100%;
}
.room-tips2-es .tips-btn {
top: 9.8rem;
}
.room-tips2-tv {
background: url(../images/7590/room-tips2-tv.png) no-repeat;
background-size: 100% 100%;
}
.room-tips2-tv .tips-btn {
top: 10.3rem;
}
.tips-btn {
position: absolute;
width: 2.5rem;
......@@ -864,6 +1009,7 @@
top: 6.5rem;
left: 3.4rem;
}
.room2-tips {
width: 10rem;
height: 11.12rem;
......@@ -872,6 +1018,7 @@
position: absolute;
top: 0rem;
}
.room2-tips .tips-btn {
position: absolute;
width: 2.5rem;
......@@ -879,6 +1026,7 @@
top: 7.2rem;
left: 3.6rem;
}
.room2-tips2 {
display: none;
width: 10rem;
......@@ -888,50 +1036,63 @@
position: absolute;
top: 0rem;
}
.room2-tips2 .tips-btn {
top: 7.3rem;
left: 3.6rem;
}
.room2-tips-en {
background: url(../images/7590/room2-tips-en.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips-en .tips-btn {
top: 9rem;
left: 3.9rem;
}
.room2-tips-es {
background: url(../images/7590/room2-tips-es.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips-es .tips-btn {
top: 9rem;
}
.room2-tips-tv {
background: url(../images/7590/room2-tips-tv.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips-tv .tips-btn {
top: 10rem;
}
.room2-tips2-en {
background: url(../images/7590/room2-tips2-en.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips2-en .tips-btn {
top: 8.45rem;
}
.room2-tips2-es {
background: url(../images/7590/room2-tips2-es.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips2-es .tips-btn {
top: 8.4rem;
}
.room2-tips2-tv {
background: url(../images/7590/room2-tips2-tv.png) no-repeat;
background-size: 100% 100%;
}
.room2-tips2-tv .tips-btn {
top: 9.1rem;
}
}
\ No newline at end of file
activeFt/liveData/index2.html
......@@ -13,7 +13,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/daily.css">
<link rel="stylesheet" href="css/index.css?v=2023050903">
<link rel="stylesheet" href="css/index2.css?v=2023050903">
<link rel="stylesheet" href="css/liMarquee.css">
<style>
.layui-layer-shade {
......
activeFt/liveData/rule.html
......@@ -53,6 +53,9 @@ $(function () {
if(sessionStorage.lang==1){
titleName='Event Rules'
document.getElementsByTagName("title")[0].innerHTML=titleName
if(sessionStorage.version >=7590){
$(".table").addClass('highVer');
}
$(".table").addClass("table-en")
this.textObj={
txt1:"Live two hours a day to get corresponding rewards according to the Pop Index, Interaction Index, and Gift Index to reach the goals. You can get up to 8000 feather rewards every day.",
......
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 sign in to comment