Skip to content

梁建民 / activity

Go to a project
Commit 84d3c0bc by liangjianmin
Options

css

parent f59d39f0
Inline Side-by-side
Showing with 1928 additions and 287 deletions
css/home/index.less
...@@ -2,33 +2,33 @@ ...@@ -2,33 +2,33 @@
body, body,
html { html {
width : 100%; width: 100%;
height : 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
.home-page { .home-page {
width : 100%; width: 100%;
height : 100%; height: 100%;
background : url("../../images/bg.png") no-repeat center; background: url("../../images/bg.png") no-repeat center;
background-size: cover; background-size: cover;
.top { .top {
position : relative; position: relative;
width : 100%; width: 100%;
height : 2.45rem; height: 2.45rem;
background : url("../../images/top.png") no-repeat center; background: url("../../images/top.png") no-repeat center;
background-size: cover; background-size: cover;
.date-text { .date-text {
position: absolute; position: absolute;
left : 10%; left: 10%;
top : 0.53rem; top: 0.53rem;
span { span {
font-size: 0.38rem; font-size: 0.38rem;
color : #ffffff; color: #ffffff;
padding : 0 0.07rem; padding: 0 0.07rem;
&.number { &.number {
color: #5891e7; color: #5891e7;
...@@ -38,13 +38,13 @@ html { ...@@ -38,13 +38,13 @@ html {
.date-wether { .date-wether {
position: absolute; position: absolute;
right : 10%; right: 10%;
top : 0.53rem; top: 0.53rem;
span { span {
font-size: 0.38rem; font-size: 0.38rem;
color : #ffffff; color: #ffffff;
padding : 0 0.07rem; padding: 0 0.07rem;
&.ml { &.ml {
margin-left: 0.6rem; margin-left: 0.6rem;
...@@ -57,14 +57,14 @@ html { ...@@ -57,14 +57,14 @@ html {
} }
.i1 { .i1 {
position : absolute; position: absolute;
bottom : 0.84rem; bottom: 0.84rem;
left : 0; left: 0;
right : 0; right: 0;
width : 16.06rem; width: 16.06rem;
height : 0.8rem; height: 0.8rem;
margin : 0 auto; margin: 0 auto;
background : url("../../images/t1.png") no-repeat center; background: url("../../images/t1.png") no-repeat center;
background-size: cover; background-size: cover;
} }
} }
...@@ -74,20 +74,20 @@ html { ...@@ -74,20 +74,20 @@ html {
ul { ul {
li { li {
flex : 0 0 6.48rem; flex: 0 0 6.48rem;
height : 2.34rem; height: 2.34rem;
background : url("../../images/i1.png") no-repeat center; background: url("../../images/i1.png") no-repeat center;
background-size: cover; background-size: cover;
.t1 { .t1 {
font-size : 0.72rem; font-size: 0.72rem;
color : #e49e07; color: #e49e07;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
} }
.t2 { .t2 {
font-size: 0.38rem; font-size: 0.38rem;
color : #c0d9ff; color: #c0d9ff;
} }
} }
} }
...@@ -95,29 +95,29 @@ html { ...@@ -95,29 +95,29 @@ html {
.data-bottom { .data-bottom {
position: absolute; position: absolute;
left : 0; left: 0;
right : 0; right: 0;
bottom : 2%; bottom: 2%;
width : 100%; width: 100%;
padding : 0 0.99rem; padding: 0 0.99rem;
z-index : 999; z-index: 999;
ul { ul {
li { li {
flex : 0 0 24%; flex: 0 0 24%;
height : 2.11rem; height: 2.11rem;
background : url("../../images/i2.png") no-repeat center; background: url("../../images/i2.png") no-repeat center;
background-size: cover; background-size: cover;
.t1 { .t1 {
font-size : 0.62rem; font-size: 0.62rem;
color : #e49e07; color: #e49e07;
margin-bottom: 0.26rem; margin-bottom: 0.26rem;
} }
.t2 { .t2 {
font-size: 0.38rem; font-size: 0.38rem;
color : #c0d9ff; color: #c0d9ff;
} }
} }
} }
...@@ -125,76 +125,76 @@ html { ...@@ -125,76 +125,76 @@ html {
.data-left { .data-left {
position: absolute; position: absolute;
left : 0.99rem; left: 0.99rem;
top : 32%; top: 32%;
z-index : 999; z-index: 999;
.wrap { .wrap {
position : relative; position: relative;
width : 6.60rem; width: 6.60rem;
height : 10.20rem; height: 10.20rem;
background : url("../../images/i3.png") no-repeat center; background: url("../../images/i3.png") no-repeat center;
background-size: cover; background-size: cover;
.tit { .tit {
position : absolute; position: absolute;
left : 0; left: 0;
right : 0; right: 0;
top : 0.28rem; top: 0.28rem;
text-align: center; text-align: center;
font-size : 0.44rem; font-size: 0.44rem;
color : #c0d9ff; color: #c0d9ff;
} }
.text { .text {
padding-left: 0.2rem; padding-left: 0.2rem;
padding-top : 1.5rem; padding-top: 1.5rem;
span { span {
font-size: 0.34rem; font-size: 0.34rem;
color : #76a3e7; color: #76a3e7;
} }
.p1 { .p1 {
width : 0.84rem; width: 0.84rem;
padding-right: 0.4rem; padding-right: 0.4rem;
text-align : center; text-align: center;
} }
.p2 { .p2 {
width: 3.73rem; width: 3.73rem;
height:0.6rem; height: 0.6rem;
line-height: 0.6rem; line-height: 0.6rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
} }
.ranking { .ranking {
padding-top : 0.30rem; padding-top: 0.30rem;
padding-left: 0.2rem; padding-left: 0.2rem;
dd { dd {
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
width : 6.08rem; width: 6.08rem;
height : 0.60rem; height: 0.60rem;
span { span {
font-size: 0.34rem; font-size: 0.34rem;
color : #ffffff; color: #ffffff;
} }
.p1 { .p1 {
width : 0.84rem; width: 0.84rem;
padding-right: 0.4rem; padding-right: 0.4rem;
text-align : center; text-align: center;
} }
.p2 { .p2 {
width: 3.73rem; width: 3.73rem;
height:0.6rem; height: 0.6rem;
line-height: 0.6rem; line-height: 0.6rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -202,17 +202,17 @@ html { ...@@ -202,17 +202,17 @@ html {
} }
&.i1 { &.i1 {
background : url("../../images/a.png") no-repeat center; background: url("../../images/a.png") no-repeat center;
background-size: cover; background-size: cover;
} }
&.i2 { &.i2 {
background : url("../../images/b.png") no-repeat center; background: url("../../images/b.png") no-repeat center;
background-size: cover; background-size: cover;
} }
&.i3 { &.i3 {
background : url("../../images/c.png") no-repeat center; background: url("../../images/c.png") no-repeat center;
background-size: cover; background-size: cover;
} }
} }
...@@ -220,31 +220,31 @@ html { ...@@ -220,31 +220,31 @@ html {
.list-wrap { .list-wrap {
height : 5.2rem; height: 5.2rem;
overflow: hidden; overflow: hidden;
.list { .list {
position : relative; position: relative;
padding-left: 0.20rem; padding-left: 0.20rem;
li { li {
height : 0.60rem; height: 0.60rem;
margin-bottom: 0.20rem; margin-bottom: 0.20rem;
span { span {
font-size: 0.34rem; font-size: 0.34rem;
color : #96bcf6; color: #96bcf6;
} }
.p1 { .p1 {
width : 0.84rem; width: 0.84rem;
padding-right: 0.4rem; padding-right: 0.4rem;
text-align : center; text-align: center;
} }
.p2 { .p2 {
width: 3.73rem; width: 3.73rem;
height:0.6rem; height: 0.6rem;
line-height: 0.6rem; line-height: 0.6rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -258,45 +258,45 @@ html { ...@@ -258,45 +258,45 @@ html {
.data-right { .data-right {
position: absolute; position: absolute;
right : 0.99rem; right: 0.99rem;
top : 32%; top: 32%;
z-index : 999; z-index: 999;
.wrap { .wrap {
position : relative; position: relative;
width : 6.60rem; width: 6.60rem;
height : 10.20rem; height: 10.20rem;
background : url("../../images/i3.png") no-repeat center; background: url("../../images/i3.png") no-repeat center;
background-size: cover; background-size: cover;
.tit { .tit {
position : absolute; position: absolute;
left : 0; left: 0;
right : 0; right: 0;
top : 0.28rem; top: 0.28rem;
text-align: center; text-align: center;
font-size : 0.44rem; font-size: 0.44rem;
color : #c0d9ff; color: #c0d9ff;
} }
.text { .text {
padding-left: 0.2rem; padding-left: 0.2rem;
padding-top : 1.5rem; padding-top: 1.5rem;
span { span {
font-size: 0.34rem; font-size: 0.34rem;
color : #76a3e7; color: #76a3e7;
} }
.p1 { .p1 {
width : 0.84rem; width: 0.84rem;
padding-right: 0.4rem; padding-right: 0.4rem;
text-align : center; text-align: center;
} }
.p2 { .p2 {
width: 3.73rem; width: 3.73rem;
height:0.6rem; height: 0.6rem;
line-height: 0.6rem; line-height: 0.6rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -304,30 +304,30 @@ html { ...@@ -304,30 +304,30 @@ html {
} }
} }
.ranking { .ranking {
padding-top : 0.30rem; padding-top: 0.30rem;
padding-left: 0.2rem; padding-left: 0.2rem;
dd { dd {
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
width : 6.08rem; width: 6.08rem;
height : 0.60rem; height: 0.60rem;
span { span {
font-size: 0.34rem; font-size: 0.34rem;
color : #ffffff; color: #ffffff;
} }
.p1 { .p1 {
width : 0.84rem; width: 0.84rem;
padding-right: 0.4rem; padding-right: 0.4rem;
text-align : center; text-align: center;
} }
.p2 { .p2 {
width: 3.73rem; width: 3.73rem;
height:0.6rem; height: 0.6rem;
line-height: 0.6rem; line-height: 0.6rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -335,17 +335,17 @@ html { ...@@ -335,17 +335,17 @@ html {
} }
&.i1 { &.i1 {
background : url("../../images/a.png") no-repeat center; background: url("../../images/a.png") no-repeat center;
background-size: cover; background-size: cover;
} }
&.i2 { &.i2 {
background : url("../../images/b.png") no-repeat center; background: url("../../images/b.png") no-repeat center;
background-size: cover; background-size: cover;
} }
&.i3 { &.i3 {
background : url("../../images/c.png") no-repeat center; background: url("../../images/c.png") no-repeat center;
background-size: cover; background-size: cover;
} }
} }
...@@ -353,31 +353,31 @@ html { ...@@ -353,31 +353,31 @@ html {
.list-wrap { .list-wrap {
height : 5.2rem; height: 5.2rem;
overflow: hidden; overflow: hidden;
.list { .list {
padding-left: 0.20rem; padding-left: 0.20rem;
position : relative; position: relative;
li { li {
height : 0.60rem; height: 0.60rem;
margin-bottom: 0.20rem; margin-bottom: 0.20rem;
span { span {
font-size: 0.34rem; font-size: 0.34rem;
color : #96bcf6; color: #96bcf6;
} }
.p1 { .p1 {
width : 0.84rem; width: 0.84rem;
padding-right: 0.4rem; padding-right: 0.4rem;
text-align : center; text-align: center;
} }
.p2 { .p2 {
width: 3.73rem; width: 3.73rem;
height:0.6rem; height: 0.6rem;
line-height: 0.6rem; line-height: 0.6rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -391,306 +391,325 @@ html { ...@@ -391,306 +391,325 @@ html {
} }
.map-box { .map-box {
position : relative; position: relative;
padding-top: 0.60rem; padding-top: 0.60rem;
margin : 0 auto; margin: 0 auto;
z-index : 9; z-index: 9;
width : 25.40rem; width: 25.40rem;
img { img {
width : 25.40rem; width: 25.40rem;
height : 12rem; height: 12rem;
margin : 0 auto; margin: 0 auto;
display: block; display: block;
} }
.view { .view {
position : absolute; position: absolute;
bottom : 0.5rem; bottom: 0.5rem;
left : 0; left: 0;
right : 0; right: 0;
margin : 0 auto; margin: 0 auto;
width : 5.97rem; width: 5.97rem;
height : 1.22rem; height: 1.22rem;
font-size : 0.52rem; font-size: 0.52rem;
color : #c0d9ff; color: #c0d9ff;
background : url("../../images/i4.png") no-repeat center; background: url("../../images/i4.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.twinkle { .twinkle {
position : absolute; position: absolute;
left : 0; left: 0;
top : 0; top: 0;
width : 100%; width: 100%;
height : 100%; height: 100%;
background : rgba(49, 156, 216, 0.7); background: rgba(49, 156, 216, 0.7);
border-radius : 50%; border-radius: 50%;
-webkit-animation : scale-three 1s ease infinite; -webkit-animation: scale-three 1s ease infinite;
animation : scale-three 1s ease infinite; animation: scale-three 1s ease infinite;
animation-direction : alternate; animation-direction: alternate;
-webkit-animation-direction: alternate; -webkit-animation-direction: alternate;
animation-fill-mode : both; animation-fill-mode: both;
} }
div { div {
position : absolute; position: absolute;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
/**中国深圳**/ /**中国深圳**/
.star16 { .star16 {
right : 5.2rem; right: 5.2rem;
top : 6.5rem; top: 6.5rem;
width : 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
.twinkle { .twinkle {
animation-delay:1s animation-delay: 1s
} }
} }
/**中国北京**/ /**中国北京**/
.star17 { .star17 {
right : 5rem; right: 5rem;
top : 5.2rem; top: 5.2rem;
width : .3rem; width: .3rem;
height: .3rem; height: .3rem;
.twinkle { .twinkle {
animation-delay:2s animation-delay: 2s
} }
} }
/**中国上海**/ /**中国上海**/
.star18 { .star18 {
right : 5rem; right: 5rem;
top : 5.9rem; top: 5.9rem;
width : .2rem; width: .2rem;
height: .2rem; height: .2rem;
.twinkle { .twinkle {
animation-delay:3s animation-delay: 3s
} }
} }
/**中国武汉**/ /**中国武汉**/
.star19 { .star19 {
right : 5.5rem; right: 5.5rem;
top : 6rem; top: 6rem;
width : .1rem; width: .1rem;
height: .1rem; height: .1rem;
.twinkle { .twinkle {
animation-delay:4s animation-delay: 4s
} }
} }
/**中国江苏**/ /**中国江苏**/
.star20 { .star20 {
right: 5.1rem; right: 5.1rem;
top : 5.8rem; top: 5.8rem;
width : .15rem; width: .15rem;
height: .15rem; height: .15rem;
} }
/**中国成都**/ /**中国成都**/
.star21 { .star21 {
right : 6.9rem; right: 6.9rem;
top : 5.8rem; top: 5.8rem;
width : .15rem; width: .15rem;
height: .15rem; height: .15rem;
} }
/**中国香港**/ /**中国香港**/
.star22 { .star22 {
right : 5.3rem; right: 5.3rem;
top : 6.9rem; top: 6.9rem;
width : .2rem; width: .2rem;
height: .2rem; height: .2rem;
} }
/**中国台湾**/ /**中国台湾**/
.star23 { .star23 {
right : 5.1rem; right: 5.1rem;
top : 6.9rem; top: 6.9rem;
width : .25rem; width: .25rem;
height: .25rem; height: .25rem;
} }
/**英国**/ /**英国**/
.star24 { .star24 {
right : 5.2rem; right: 5.2rem;
top : 6.5rem; top: 6.5rem;
width : 0.15rem; width: 0.15rem;
height: 0.15rem; height: 0.15rem;
} }
.star1 { .star1 {
position : absolute; position: absolute;
left : 4.1rem; left: 4.1rem;
top : 5.1rem; top: 5.1rem;
width : 0.3rem; width: 0.3rem;
height : 0.3rem; height: 0.3rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
.twinkle { .twinkle {
animation-delay:2s animation-delay: 2s
} }
} }
.star2 { .star2 {
position : absolute; position: absolute;
left : 4.35rem; left: 4.35rem;
top : 5.05rem; top: 5.05rem;
width : 0.4rem; width: 0.4rem;
height : 0.4rem; height: 0.4rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
.twinkle { .twinkle {
animation-delay:1s animation-delay: 1s
} }
} }
.star3 { .star3 {
position : absolute; position: absolute;
left : 4.95rem; left: 4.95rem;
top : 5.15rem; top: 5.15rem;
width : 0.2rem; width: 0.2rem;
height : 0.2rem; height: 0.2rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star4 { .star4 {
position : absolute; position: absolute;
left : 4.7rem; left: 4.7rem;
top : 5.7rem; top: 5.7rem;
width : 0.1rem; width: 0.1rem;
height : 0.1rem; height: 0.1rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star5 { .star5 {
position : absolute; position: absolute;
left : 4.5rem; left: 4.5rem;
top : 6.2rem; top: 6.2rem;
width : 0.1rem; width: 0.1rem;
height : 0.1rem; height: 0.1rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star6 { .star6 {
position : absolute; position: absolute;
left : 3.4rem; left: 3.4rem;
top : 5.1rem; top: 5.1rem;
width : 0.15rem; width: 0.15rem;
height : 0.15rem; height: 0.15rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star7 { .star7 {
position : absolute; position: absolute;
left : 5.5rem; left: 5.5rem;
top : 5.2rem; top: 5.2rem;
width : 0.15rem; width: 0.15rem;
height : 0.15rem; height: 0.15rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star8 { .star8 {
position : absolute; position: absolute;
left : 3.7rem; left: 3.7rem;
top : 5.7rem; top: 5.7rem;
width : 0.1rem; width: 0.1rem;
height : 0.1rem; height: 0.1rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star9 { .star9 {
position : absolute; position: absolute;
left : 5.5rem; left: 5.5rem;
top : 5.8rem; top: 5.8rem;
width : 0.1rem; width: 0.1rem;
height : 0.1rem; height: 0.1rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star10 { .star10 {
position : absolute; position: absolute;
right : 3.9rem; right: 3.9rem;
top : 5.8rem; top: 5.8rem;
width : 0.1rem; width: 0.1rem;
height : 0.1rem; height: 0.1rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star11 { .star11 {
position : absolute; position: absolute;
left : 2.85rem; left: 2.85rem;
top : 2.05rem; top: 2.05rem;
width : 0.15rem; width: 0.15rem;
height : 0.15rem; height: 0.15rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star12 { .star12 {
position : absolute; position: absolute;
left : 3.9rem; left: 3.9rem;
top : 1.8rem; top: 1.8rem;
width : 0.1rem; width: 0.1rem;
height : 0.1rem; height: 0.1rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
.twinkle { .twinkle {
animation-delay:6s animation-delay: 6s
} }
} }
.star13 { .star13 {
position : absolute; position: absolute;
left : 3.9rem; left: 3.9rem;
top : 2.3rem; top: 2.3rem;
width : 0.1rem; width: 0.1rem;
height : 0.1rem; height: 0.1rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
.star14 { .star14 {
position : absolute; position: absolute;
right : 4.5rem; right: 4.5rem;
top : 5.7rem; top: 5.7rem;
width : 0.3rem; width: 0.3rem;
height : 0.3rem; height: 0.3rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
.twinkle { .twinkle {
animation-delay:3s animation-delay: 3s
} }
} }
.star15 { .star15 {
position : absolute; position: absolute;
right : 6.1rem; right: 6.1rem;
top : 8.2rem; top: 8.2rem;
width : 0.1rem; width: 0.1rem;
height : 0.1rem; height: 0.1rem;
background-color: #c0d9ff; background-color: #c0d9ff;
border-radius : 50%; border-radius: 50%;
} }
} }
} }
...@@ -698,11 +717,11 @@ html { ...@@ -698,11 +717,11 @@ html {
@keyframes scale-three { @keyframes scale-three {
0% { 0% {
transform: scale(1); transform: scale(1);
background : rgba(49, 156, 216, 0.7); background: rgba(49, 156, 216, 0.7);
} }
100% { 100% {
transform: scale(2); transform: scale(2);
background : rgba(49, 156, 216, 0.2); background: rgba(49, 156, 216, 0.2);
} }
} }
\ No newline at end of file
css/home/index.min.css
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{font-family:sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}button,input,select,textarea{font-size:100%;border:none}input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}ol,ul,dl{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}a{text-decoration:none;transition:color .2s ease}img{border:none}em{font-style:normal}.clr{zoom:1}.clr:after{content:".";clear:both;height:0;visibility:hidden;display:block}a:hover,a:focus{text-decoration:none}.fl{float:left;_display:inline}.fr{float:right;_display:inline}.va-t{vertical-align:top}.va-m{vertical-align:middle}.va-b{vertical-align:bottom}.lineBlock{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal}.lbBox{font-size:0 !important;*word-spacing:-1px !important}.emptys{margin-left:-1px;width:1px;height:100%;font-size:0;vertical-align:middle}label,dd,dd,dt{font-weight:normal}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.boxFlex{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}body,html{width:100%;height:100%;overflow:hidden}.home-page{width:100%;height:100%;background:url("../../images/bg.png") no-repeat center;background-size:cover}.home-page .top{position:relative;width:100%;height:2.45rem;background:url("../../images/top.png") no-repeat center;background-size:cover}.home-page .top .date-text{position:absolute;left:10%;top:.53rem}.home-page .top .date-text span{font-size:.38rem;color:#ffffff;padding:0 .07rem}.home-page .top .date-text span.number{color:#5891e7}.home-page .top .date-wether{position:absolute;right:10%;top:.53rem}.home-page .top .date-wether span{font-size:.38rem;color:#ffffff;padding:0 .07rem}.home-page .top .date-wether span.ml{margin-left:.6rem}.home-page .top .date-wether span.number{color:#5891e7}.home-page .top .i1{position:absolute;bottom:.84rem;left:0;right:0;width:16.06rem;height:.8rem;margin:0 auto;background:url("../../images/t1.png") no-repeat center;background-size:cover}.home-page .data-top{padding:.8rem .99rem 0 .99rem}.home-page .data-top ul li{flex:0 0 6.48rem;height:2.34rem;background:url("../../images/i1.png") no-repeat center;background-size:cover}.home-page .data-top ul li .t1{font-size:.72rem;color:#e49e07;margin-bottom:.3rem}.home-page .data-top ul li .t2{font-size:.38rem;color:#c0d9ff}.home-page .data-bottom{position:absolute;left:0;right:0;bottom:2%;width:100%;padding:0 .99rem;z-index:999}.home-page .data-bottom ul li{flex:0 0 24%;height:2.11rem;background:url("../../images/i2.png") no-repeat center;background-size:cover}.home-page .data-bottom ul li .t1{font-size:.62rem;color:#e49e07;margin-bottom:.26rem}.home-page .data-bottom ul li .t2{font-size:.38rem;color:#c0d9ff}.home-page .data-left{position:absolute;left:.99rem;top:32%;z-index:999}.home-page .data-left .wrap{position:relative;width:6.6rem;height:10.2rem;background:url("../../images/i3.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .tit{position:absolute;left:0;right:0;top:.28rem;text-align:center;font-size:.44rem;color:#c0d9ff}.home-page .data-left .wrap .text{padding-left:.2rem;padding-top:1.5rem}.home-page .data-left .wrap .text span{font-size:.34rem;color:#76a3e7}.home-page .data-left .wrap .text .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-left .wrap .text .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-left .wrap .ranking{padding-top:.3rem;padding-left:.2rem}.home-page .data-left .wrap .ranking dd{margin-bottom:.2rem;width:6.08rem;height:.6rem}.home-page .data-left .wrap .ranking dd span{font-size:.34rem;color:#ffffff}.home-page .data-left .wrap .ranking dd .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-left .wrap .ranking dd .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-left .wrap .ranking dd.i1{background:url("../../images/a.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .ranking dd.i2{background:url("../../images/b.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .ranking dd.i3{background:url("../../images/c.png") no-repeat center;background-size:cover}.home-page .data-left .wrap .list-wrap{height:5.2rem;overflow:hidden}.home-page .data-left .wrap .list-wrap .list{position:relative;padding-left:.2rem}.home-page .data-left .wrap .list-wrap .list li{height:.6rem;margin-bottom:.2rem}.home-page .data-left .wrap .list-wrap .list li span{font-size:.34rem;color:#96bcf6}.home-page .data-left .wrap .list-wrap .list li .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-left .wrap .list-wrap .list li .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-right{position:absolute;right:.99rem;top:32%;z-index:999}.home-page .data-right .wrap{position:relative;width:6.6rem;height:10.2rem;background:url("../../images/i3.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .tit{position:absolute;left:0;right:0;top:.28rem;text-align:center;font-size:.44rem;color:#c0d9ff}.home-page .data-right .wrap .text{padding-left:.2rem;padding-top:1.5rem}.home-page .data-right .wrap .text span{font-size:.34rem;color:#76a3e7}.home-page .data-right .wrap .text .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-right .wrap .text .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-right .wrap .ranking{padding-top:.3rem;padding-left:.2rem}.home-page .data-right .wrap .ranking dd{margin-bottom:.2rem;width:6.08rem;height:.6rem}.home-page .data-right .wrap .ranking dd span{font-size:.34rem;color:#ffffff}.home-page .data-right .wrap .ranking dd .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-right .wrap .ranking dd .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .data-right .wrap .ranking dd.i1{background:url("../../images/a.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .ranking dd.i2{background:url("../../images/b.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .ranking dd.i3{background:url("../../images/c.png") no-repeat center;background-size:cover}.home-page .data-right .wrap .list-wrap{height:5.2rem;overflow:hidden}.home-page .data-right .wrap .list-wrap .list{padding-left:.2rem;position:relative}.home-page .data-right .wrap .list-wrap .list li{height:.6rem;margin-bottom:.2rem}.home-page .data-right .wrap .list-wrap .list li span{font-size:.34rem;color:#96bcf6}.home-page .data-right .wrap .list-wrap .list li .p1{width:.84rem;padding-right:.4rem;text-align:center}.home-page .data-right .wrap .list-wrap .list li .p2{width:3.73rem;height:.6rem;line-height:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page .map-box{position:relative;padding-top:.6rem;margin:0 auto;z-index:9;width:25.4rem}.home-page .map-box img{width:25.4rem;height:12rem;margin:0 auto;display:block}.home-page .map-box .view{position:absolute;bottom:.5rem;left:0;right:0;margin:0 auto;width:5.97rem;height:1.22rem;font-size:.52rem;color:#c0d9ff;background:url("../../images/i4.png") no-repeat center;background-size:cover}.home-page .map-box .twinkle{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(49,156,216,0.7);border-radius:50%;-webkit-animation:scale-three 1s ease infinite;animation:scale-three 1s ease infinite;animation-direction:alternate;-webkit-animation-direction:alternate;animation-fill-mode:both}.home-page .map-box div{position:absolute;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star16{right:5.2rem;top:6.5rem;width:.5rem;height:.5rem}.home-page .map-box .star16 .twinkle{animation-delay:1s}.home-page .map-box .star17{right:5rem;top:5.2rem;width:.3rem;height:.3rem}.home-page .map-box .star17 .twinkle{animation-delay:2s}.home-page .map-box .star18{right:5rem;top:5.9rem;width:.2rem;height:.2rem}.home-page .map-box .star18 .twinkle{animation-delay:3s}.home-page .map-box .star19{right:5.5rem;top:6rem;width:.1rem;height:.1rem}.home-page .map-box .star19 .twinkle{animation-delay:4s}.home-page .map-box .star20{right:5.1rem;top:5.8rem;width:.15rem;height:.15rem}.home-page .map-box .star21{right:6.9rem;top:5.8rem;width:.15rem;height:.15rem}.home-page .map-box .star22{right:5.3rem;top:6.9rem;width:.2rem;height:.2rem}.home-page .map-box .star23{right:5.1rem;top:6.9rem;width:.25rem;height:.25rem}.home-page .map-box .star24{right:5.2rem;top:6.5rem;width:.15rem;height:.15rem}.home-page .map-box .star1{position:absolute;left:4.1rem;top:5.1rem;width:.3rem;height:.3rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star1 .twinkle{animation-delay:2s}.home-page .map-box .star2{position:absolute;left:4.35rem;top:5.05rem;width:.4rem;height:.4rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star2 .twinkle{animation-delay:1s}.home-page .map-box .star3{position:absolute;left:4.95rem;top:5.15rem;width:.2rem;height:.2rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star4{position:absolute;left:4.7rem;top:5.7rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star5{position:absolute;left:4.5rem;top:6.2rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star6{position:absolute;left:3.4rem;top:5.1rem;width:.15rem;height:.15rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star7{position:absolute;left:5.5rem;top:5.2rem;width:.15rem;height:.15rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star8{position:absolute;left:3.7rem;top:5.7rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star9{position:absolute;left:5.5rem;top:5.8rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star10{position:absolute;right:3.9rem;top:5.8rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star11{position:absolute;left:2.85rem;top:2.05rem;width:.15rem;height:.15rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star12{position:absolute;left:3.9rem;top:1.8rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star12 .twinkle{animation-delay:6s}.home-page .map-box .star13{position:absolute;left:3.9rem;top:2.3rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star14{position:absolute;right:4.5rem;top:5.7rem;width:.3rem;height:.3rem;background-color:#c0d9ff;border-radius:50%}.home-page .map-box .star14 .twinkle{animation-delay:3s}.home-page .map-box .star15{position:absolute;right:6.1rem;top:8.2rem;width:.1rem;height:.1rem;background-color:#c0d9ff;border-radius:50%}@keyframes scale-three{0%{transform:scale(1);background:rgba(49,156,216,0.7)}100%{transform:scale(2);background:rgba(49,156,216,0.2)}} html {
\ No newline at end of file -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html * {
outline: 0;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body {
font-family: sans-serif;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
margin: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
border: none;
}
input[type=button],
input[type=submit],
input[type=file],
button {
cursor: pointer;
-webkit-appearance: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,
ul,
dl {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 500;
}
a {
text-decoration: none;
transition: color 0.2s ease;
}
img {
border: none;
}
em {
font-style: normal;
}
.clr {
zoom: 1;
}
.clr:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
a:hover,
a:focus {
text-decoration: none;
}
.fl {
float: left;
_display: inline;
}
.fr {
float: right;
_display: inline;
}
.va-t {
vertical-align: top;
}
.va-m {
vertical-align: middle;
}
.va-b {
vertical-align: bottom;
}
.lineBlock {
display: inline-block;
*display: inline;
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
}
.lbBox {
font-size: 0 !important;
*word-spacing: -1px !important;
}
.emptys {
margin-left: -1px;
width: 1px;
height: 100%;
font-size: 0;
vertical-align: middle;
}
label,
dd,
dd,
dt {
font-weight: normal;
}
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
}
/* 两侧对齐 */
.bothSide {
justify-content: space-between;
}
/* 平均分布 */
.avarage {
justify-content: space-around;
}
/* 水平居中 */
.rowCenter {
justify-content: center;
}
/* 垂直居中 */
.verCenter {
align-items: center;
}
.boxFlex {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
body,
html {
width: 100%;
height: 100%;
overflow: hidden;
}
.home-page {
width: 100%;
height: 100%;
background: url("../../images/bg.png") no-repeat center;
background-size: cover;
}
.home-page .top {
position: relative;
width: 100%;
height: 2.45rem;
background: url("../../images/top.png") no-repeat center;
background-size: cover;
}
.home-page .top .date-text {
position: absolute;
left: 10%;
top: 0.53rem;
}
.home-page .top .date-text span {
font-size: 0.38rem;
color: #ffffff;
padding: 0 0.07rem;
}
.home-page .top .date-text span.number {
color: #5891e7;
}
.home-page .top .date-wether {
position: absolute;
right: 10%;
top: 0.53rem;
}
.home-page .top .date-wether span {
font-size: 0.38rem;
color: #ffffff;
padding: 0 0.07rem;
}
.home-page .top .date-wether span.ml {
margin-left: 0.6rem;
}
.home-page .top .date-wether span.number {
color: #5891e7;
}
.home-page .top .i1 {
position: absolute;
bottom: 0.84rem;
left: 0;
right: 0;
width: 16.06rem;
height: 0.8rem;
margin: 0 auto;
background: url("../../images/t1.png") no-repeat center;
background-size: cover;
}
.home-page .data-top {
padding: 0.8rem 0.99rem 0 0.99rem;
}
.home-page .data-top ul li {
flex: 0 0 6.48rem;
height: 2.34rem;
background: url("../../images/i1.png") no-repeat center;
background-size: cover;
}
.home-page .data-top ul li .t1 {
font-size: 0.72rem;
color: #e49e07;
margin-bottom: 0.3rem;
}
.home-page .data-top ul li .t2 {
font-size: 0.38rem;
color: #c0d9ff;
}
.home-page .data-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 2%;
width: 100%;
padding: 0 0.99rem;
z-index: 999;
}
.home-page .data-bottom ul li {
flex: 0 0 24%;
height: 2.11rem;
background: url("../../images/i2.png") no-repeat center;
background-size: cover;
}
.home-page .data-bottom ul li .t1 {
font-size: 0.62rem;
color: #e49e07;
margin-bottom: 0.26rem;
}
.home-page .data-bottom ul li .t2 {
font-size: 0.38rem;
color: #c0d9ff;
}
.home-page .data-left {
position: absolute;
left: 0.99rem;
top: 32%;
z-index: 999;
}
.home-page .data-left .wrap {
position: relative;
width: 6.6rem;
height: 10.2rem;
background: url("../../images/i3.png") no-repeat center;
background-size: cover;
}
.home-page .data-left .wrap .tit {
position: absolute;
left: 0;
right: 0;
top: 0.28rem;
text-align: center;
font-size: 0.44rem;
color: #c0d9ff;
}
.home-page .data-left .wrap .text {
padding-left: 0.2rem;
padding-top: 1.5rem;
}
.home-page .data-left .wrap .text span {
font-size: 0.34rem;
color: #76a3e7;
}
.home-page .data-left .wrap .text .p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.home-page .data-left .wrap .text .p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-page .data-left .wrap .ranking {
padding-top: 0.3rem;
padding-left: 0.2rem;
}
.home-page .data-left .wrap .ranking dd {
margin-bottom: 0.2rem;
width: 6.08rem;
height: 0.6rem;
}
.home-page .data-left .wrap .ranking dd span {
font-size: 0.34rem;
color: #ffffff;
}
.home-page .data-left .wrap .ranking dd .p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.home-page .data-left .wrap .ranking dd .p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-page .data-left .wrap .ranking dd.i1 {
background: url("../../images/a.png") no-repeat center;
background-size: cover;
}
.home-page .data-left .wrap .ranking dd.i2 {
background: url("../../images/b.png") no-repeat center;
background-size: cover;
}
.home-page .data-left .wrap .ranking dd.i3 {
background: url("../../images/c.png") no-repeat center;
background-size: cover;
}
.home-page .data-left .wrap .list-wrap {
height: 5.2rem;
overflow: hidden;
}
.home-page .data-left .wrap .list-wrap .list {
position: relative;
padding-left: 0.2rem;
}
.home-page .data-left .wrap .list-wrap .list li {
height: 0.6rem;
margin-bottom: 0.2rem;
}
.home-page .data-left .wrap .list-wrap .list li span {
font-size: 0.34rem;
color: #96bcf6;
}
.home-page .data-left .wrap .list-wrap .list li .p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.home-page .data-left .wrap .list-wrap .list li .p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-page .data-right {
position: absolute;
right: 0.99rem;
top: 32%;
z-index: 999;
}
.home-page .data-right .wrap {
position: relative;
width: 6.6rem;
height: 10.2rem;
background: url("../../images/i3.png") no-repeat center;
background-size: cover;
}
.home-page .data-right .wrap .tit {
position: absolute;
left: 0;
right: 0;
top: 0.28rem;
text-align: center;
font-size: 0.44rem;
color: #c0d9ff;
}
.home-page .data-right .wrap .text {
padding-left: 0.2rem;
padding-top: 1.5rem;
}
.home-page .data-right .wrap .text span {
font-size: 0.34rem;
color: #76a3e7;
}
.home-page .data-right .wrap .text .p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.home-page .data-right .wrap .text .p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-page .data-right .wrap .ranking {
padding-top: 0.3rem;
padding-left: 0.2rem;
}
.home-page .data-right .wrap .ranking dd {
margin-bottom: 0.2rem;
width: 6.08rem;
height: 0.6rem;
}
.home-page .data-right .wrap .ranking dd span {
font-size: 0.34rem;
color: #ffffff;
}
.home-page .data-right .wrap .ranking dd .p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.home-page .data-right .wrap .ranking dd .p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-page .data-right .wrap .ranking dd.i1 {
background: url("../../images/a.png") no-repeat center;
background-size: cover;
}
.home-page .data-right .wrap .ranking dd.i2 {
background: url("../../images/b.png") no-repeat center;
background-size: cover;
}
.home-page .data-right .wrap .ranking dd.i3 {
background: url("../../images/c.png") no-repeat center;
background-size: cover;
}
.home-page .data-right .wrap .list-wrap {
height: 5.2rem;
overflow: hidden;
}
.home-page .data-right .wrap .list-wrap .list {
padding-left: 0.2rem;
position: relative;
}
.home-page .data-right .wrap .list-wrap .list li {
height: 0.6rem;
margin-bottom: 0.2rem;
}
.home-page .data-right .wrap .list-wrap .list li span {
font-size: 0.34rem;
color: #96bcf6;
}
.home-page .data-right .wrap .list-wrap .list li .p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.home-page .data-right .wrap .list-wrap .list li .p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.home-page .map-box {
position: relative;
padding-top: 0.6rem;
margin: 0 auto;
z-index: 9;
width: 25.4rem;
/**中国深圳**/
/**中国北京**/
/**中国上海**/
/**中国武汉**/
/**中国江苏**/
/**中国成都**/
/**中国香港**/
/**中国台湾**/
/**英国**/
}
.home-page .map-box img {
width: 25.4rem;
height: 12rem;
margin: 0 auto;
display: block;
}
.home-page .map-box .view {
position: absolute;
bottom: 0.5rem;
left: 0;
right: 0;
margin: 0 auto;
width: 5.97rem;
height: 1.22rem;
font-size: 0.52rem;
color: #c0d9ff;
background: url("../../images/i4.png") no-repeat center;
background-size: cover;
}
.home-page .map-box .twinkle {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(49, 156, 216, 0.7);
border-radius: 50%;
-webkit-animation: scale-three 1s ease infinite;
animation: scale-three 1s ease infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-fill-mode: both;
}
.home-page .map-box div {
position: absolute;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star16 {
right: 5.2rem;
top: 6.5rem;
width: 0.5rem;
height: 0.5rem;
}
.home-page .map-box .star16 .twinkle {
animation-delay: 1s;
}
.home-page .map-box .star17 {
right: 5rem;
top: 5.2rem;
width: 0.3rem;
height: 0.3rem;
}
.home-page .map-box .star17 .twinkle {
animation-delay: 2s;
}
.home-page .map-box .star18 {
right: 5rem;
top: 5.9rem;
width: 0.2rem;
height: 0.2rem;
}
.home-page .map-box .star18 .twinkle {
animation-delay: 3s;
}
.home-page .map-box .star19 {
right: 5.5rem;
top: 6rem;
width: 0.1rem;
height: 0.1rem;
}
.home-page .map-box .star19 .twinkle {
animation-delay: 4s;
}
.home-page .map-box .star20 {
right: 5.1rem;
top: 5.8rem;
width: 0.15rem;
height: 0.15rem;
}
.home-page .map-box .star21 {
right: 6.9rem;
top: 5.8rem;
width: 0.15rem;
height: 0.15rem;
}
.home-page .map-box .star22 {
right: 5.3rem;
top: 6.9rem;
width: 0.2rem;
height: 0.2rem;
}
.home-page .map-box .star23 {
right: 5.1rem;
top: 6.9rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star24 {
right: 5.2rem;
top: 6.5rem;
width: 0.15rem;
height: 0.15rem;
}
.home-page .map-box .star1 {
position: absolute;
left: 4.1rem;
top: 5.1rem;
width: 0.3rem;
height: 0.3rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star1 .twinkle {
animation-delay: 2s;
}
.home-page .map-box .star2 {
position: absolute;
left: 4.35rem;
top: 5.05rem;
width: 0.4rem;
height: 0.4rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star2 .twinkle {
animation-delay: 1s;
}
.home-page .map-box .star3 {
position: absolute;
left: 4.95rem;
top: 5.15rem;
width: 0.2rem;
height: 0.2rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star4 {
position: absolute;
left: 4.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star5 {
position: absolute;
left: 4.5rem;
top: 6.2rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star6 {
position: absolute;
left: 3.4rem;
top: 5.1rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star7 {
position: absolute;
left: 5.5rem;
top: 5.2rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star8 {
position: absolute;
left: 3.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star9 {
position: absolute;
left: 5.5rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star10 {
position: absolute;
right: 3.9rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star11 {
position: absolute;
left: 2.85rem;
top: 2.05rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star12 {
position: absolute;
left: 3.9rem;
top: 1.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star12 .twinkle {
animation-delay: 6s;
}
.home-page .map-box .star13 {
position: absolute;
left: 3.9rem;
top: 2.3rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star14 {
position: absolute;
right: 4.5rem;
top: 5.7rem;
width: 0.3rem;
height: 0.3rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star14 .twinkle {
animation-delay: 3s;
}
.home-page .map-box .star15 {
position: absolute;
right: 6.1rem;
top: 8.2rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
@keyframes scale-three {
0% {
transform: scale(1);
background: rgba(49, 156, 216, 0.7);
}
100% {
transform: scale(2);
background: rgba(49, 156, 216, 0.2);
}
}
/*# sourceMappingURL=index.min.css.map */
\ No newline at end of file
css/home/index.min.css.map
{"version":3,"sources":["E:/activity/css/common/base.less","index.less"],"names":[],"mappings":"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","file":"index.min.css"} {"version":3,"sources":["E:/activity/css/common/base.less","index.less"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file \ No newline at end of file
css/vis/index.less
...@@ -73,7 +73,7 @@ body, html { ...@@ -73,7 +73,7 @@ body, html {
padding-top: 0.60rem; padding-top: 0.60rem;
margin: 0 auto; margin: 0 auto;
z-index: 9; z-index: 9;
width: 25.40rem; width: 19.41rem;
img { img {
width: 19.41rem; width: 19.41rem;
...@@ -91,6 +91,298 @@ body, html { ...@@ -91,6 +91,298 @@ body, html {
color: #c0d9ff; color: #c0d9ff;
margin: 0.14rem auto 0; margin: 0.14rem auto 0;
} }
.star {
position: absolute;
background-color: #c0d9ff;
border-radius: 50%;
}
.star1 {
right: 5rem;
bottom: 3.5rem;
width: 0.41rem;
height: 0.41rem;
}
.star2 {
right: 5rem;
bottom: 3.8rem;
width: 0.39rem;
height: 0.39rem;
.twinkle {
animation-delay: 1s
}
}
.star3 {
right: 3.3rem;
bottom: 8.5rem;
width: 0.38rem;
height: 0.38rem;
.twinkle {
animation-delay: 1s
}
}
.star4 {
right: 4.8rem;
bottom: 11.1rem;
width: 0.36rem;
height: 0.36rem;
.twinkle {
animation-delay: 0.6s
}
}
.star5 {
right: 2.8rem;
bottom: 7.8rem;
width: 0.35rem;
height: 0.35rem;
.twinkle {
animation-delay: 1.3s
}
}
.star6 {
right: 2.8rem;
bottom: 6.5rem;
width: 0.34rem;
height: 0.34rem;
.twinkle {
animation-delay: 1.4s
}
}
.star7 {
right: 4rem;
bottom: 7.5rem;
width: 0.33rem;
height: 0.33rem;
.twinkle {
animation-delay: 2.2s
}
}
.star8 {
right: 4rem;
top: 8.5rem;
width: 0.33rem;
height: 0.33rem;
.twinkle {
animation-delay: 4.3s
}
}
.star9 {
right: 9.3rem;
top: 11.5rem;
width: 0.33rem;
height: 0.33rem;
.twinkle {
animation-delay: 3.3s
}
}
.star10 {
right: 5.5rem;
top: 9.7rem;
width: 0.32rem;
height: 0.32rem;
.twinkle {
animation-delay: 0.9s
}
}
.star11 {
right: 5.6rem;
bottom: 7rem;
width: 0.3rem;
height: 0.3rem;
.twinkle {
animation-delay: 1.8s
}
}
.star12 {
right: 7rem;
bottom: 9rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 5s
}
}
.star13 {
right: 3.5rem;
bottom: 5rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 2.4s
}
}
.star14 {
right: 6rem;
bottom: 5.5rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 4.5s
}
}
.star15 {
right: 4.5rem;
top: 7.2rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 2s
}
}
.star16 {
right: 3rem;
top: 6rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 1s
}
}
.star17 {
right: 4.5rem;
top: 7rem;
width: 0.2rem;
height: 0.2rem;
.twinkle {
animation-delay: 4.2s
}
}
.star18 {
right: 7.5rem;
bottom: 6.5rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 3.8s
}
}
.star19 {
right: 5rem;
bottom: 3rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 3.5s
}
}
.star20 {
right: 4.5rem;
bottom: 5.5rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 3s
}
}
.star21 {
right: 2rem;
top: 3rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 2.5s
}
}
.star22 {
right: 7rem;
bottom: 3.5rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 2s
}
}
.star23 {
right: 6.1rem;
bottom: 9.8rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 1.5s
}
}
.star24 {
right: 2rem;
top: 4.8rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 1s
}
}
.star25 {
right: 9rem;
top: 9rem;
width: 0.25rem;
height: 0.25rem;
.twinkle {
animation-delay: 0.5s
}
}
.twinkle {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(49, 156, 216, 0.7);
border-radius: 50%;
-webkit-animation: scale-three 1s ease infinite;
animation: scale-three 1s ease infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-fill-mode: both;
}
} }
.data-left { .data-left {
...@@ -140,6 +432,15 @@ body, html { ...@@ -140,6 +432,15 @@ body, html {
.mb { .mb {
margin-bottom: 0.94rem; margin-bottom: 0.94rem;
} }
.bar {
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
} }
.data-right { .data-right {
...@@ -234,6 +535,14 @@ body, html { ...@@ -234,6 +535,14 @@ body, html {
.mb { .mb {
margin-bottom: 0.94rem; margin-bottom: 0.94rem;
} }
.bar {
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
} }
} }
......
css/vis/index.min.css
...@@ -247,7 +247,7 @@ html { ...@@ -247,7 +247,7 @@ html {
padding-top: 0.6rem; padding-top: 0.6rem;
margin: 0 auto; margin: 0 auto;
z-index: 9; z-index: 9;
width: 25.4rem; width: 19.41rem;
} }
.home-page .map-box img { .home-page .map-box img {
width: 19.41rem; width: 19.41rem;
...@@ -264,6 +264,247 @@ html { ...@@ -264,6 +264,247 @@ html {
color: #c0d9ff; color: #c0d9ff;
margin: 0.14rem auto 0; margin: 0.14rem auto 0;
} }
.home-page .map-box .star {
position: absolute;
background-color: #c0d9ff;
border-radius: 50%;
}
.home-page .map-box .star1 {
right: 5rem;
bottom: 3.5rem;
width: 0.41rem;
height: 0.41rem;
}
.home-page .map-box .star2 {
right: 5rem;
bottom: 3.8rem;
width: 0.39rem;
height: 0.39rem;
}
.home-page .map-box .star2 .twinkle {
animation-delay: 1s;
}
.home-page .map-box .star3 {
right: 3.3rem;
bottom: 8.5rem;
width: 0.38rem;
height: 0.38rem;
}
.home-page .map-box .star3 .twinkle {
animation-delay: 1s;
}
.home-page .map-box .star4 {
right: 4.8rem;
bottom: 11.1rem;
width: 0.36rem;
height: 0.36rem;
}
.home-page .map-box .star4 .twinkle {
animation-delay: 0.6s;
}
.home-page .map-box .star5 {
right: 2.8rem;
bottom: 7.8rem;
width: 0.35rem;
height: 0.35rem;
}
.home-page .map-box .star5 .twinkle {
animation-delay: 1.3s;
}
.home-page .map-box .star6 {
right: 2.8rem;
bottom: 6.5rem;
width: 0.34rem;
height: 0.34rem;
}
.home-page .map-box .star6 .twinkle {
animation-delay: 1.4s;
}
.home-page .map-box .star7 {
right: 4rem;
bottom: 7.5rem;
width: 0.33rem;
height: 0.33rem;
}
.home-page .map-box .star7 .twinkle {
animation-delay: 2.2s;
}
.home-page .map-box .star8 {
right: 4rem;
top: 8.5rem;
width: 0.33rem;
height: 0.33rem;
}
.home-page .map-box .star8 .twinkle {
animation-delay: 4.3s;
}
.home-page .map-box .star9 {
right: 9.3rem;
top: 11.5rem;
width: 0.33rem;
height: 0.33rem;
}
.home-page .map-box .star9 .twinkle {
animation-delay: 3.3s;
}
.home-page .map-box .star10 {
right: 5.5rem;
top: 9.7rem;
width: 0.32rem;
height: 0.32rem;
}
.home-page .map-box .star10 .twinkle {
animation-delay: 0.9s;
}
.home-page .map-box .star11 {
right: 5.6rem;
bottom: 7rem;
width: 0.3rem;
height: 0.3rem;
}
.home-page .map-box .star11 .twinkle {
animation-delay: 1.8s;
}
.home-page .map-box .star12 {
right: 7rem;
bottom: 9rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star12 .twinkle {
animation-delay: 5s;
}
.home-page .map-box .star13 {
right: 3.5rem;
bottom: 5rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star13 .twinkle {
animation-delay: 2.4s;
}
.home-page .map-box .star14 {
right: 6rem;
bottom: 5.5rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star14 .twinkle {
animation-delay: 4.5s;
}
.home-page .map-box .star15 {
right: 4.5rem;
top: 7.2rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star15 .twinkle {
animation-delay: 2s;
}
.home-page .map-box .star16 {
right: 3rem;
top: 6rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star16 .twinkle {
animation-delay: 1s;
}
.home-page .map-box .star17 {
right: 4.5rem;
top: 7rem;
width: 0.2rem;
height: 0.2rem;
}
.home-page .map-box .star17 .twinkle {
animation-delay: 4.2s;
}
.home-page .map-box .star18 {
right: 7.5rem;
bottom: 6.5rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star18 .twinkle {
animation-delay: 3.8s;
}
.home-page .map-box .star19 {
right: 5rem;
bottom: 3rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star19 .twinkle {
animation-delay: 3.5s;
}
.home-page .map-box .star20 {
right: 4.5rem;
bottom: 5.5rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star20 .twinkle {
animation-delay: 3s;
}
.home-page .map-box .star21 {
right: 2rem;
top: 3rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star21 .twinkle {
animation-delay: 2.5s;
}
.home-page .map-box .star22 {
right: 7rem;
bottom: 3.5rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star22 .twinkle {
animation-delay: 2s;
}
.home-page .map-box .star23 {
right: 6.1rem;
bottom: 9.8rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star23 .twinkle {
animation-delay: 1.5s;
}
.home-page .map-box .star24 {
right: 2rem;
top: 4.8rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star24 .twinkle {
animation-delay: 1s;
}
.home-page .map-box .star25 {
right: 9rem;
top: 9rem;
width: 0.25rem;
height: 0.25rem;
}
.home-page .map-box .star25 .twinkle {
animation-delay: 0.5s;
}
.home-page .map-box .twinkle {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(49, 156, 216, 0.7);
border-radius: 50%;
-webkit-animation: scale-three 1s ease infinite;
animation: scale-three 1s ease infinite;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-fill-mode: both;
}
.home-page .data-left { .home-page .data-left {
position: absolute; position: absolute;
left: 0.99rem; left: 0.99rem;
...@@ -307,6 +548,13 @@ html { ...@@ -307,6 +548,13 @@ html {
.home-page .data-left .mb { .home-page .data-left .mb {
margin-bottom: 0.94rem; margin-bottom: 0.94rem;
} }
.home-page .data-left .bar {
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.home-page .data-right { .home-page .data-right {
position: absolute; position: absolute;
right: 0.99rem; right: 0.99rem;
...@@ -388,6 +636,13 @@ html { ...@@ -388,6 +636,13 @@ html {
.home-page .data-right .mb { .home-page .data-right .mb {
margin-bottom: 0.94rem; margin-bottom: 0.94rem;
} }
.home-page .data-right .bar {
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
@keyframes scale-three { @keyframes scale-three {
0% { 0% {
transform: scale(1); transform: scale(1);
......
css/vis/index.min.css.map
{"version":3,"sources":["E:/activity/css/common/base.less","index.less"],"names":[],"mappings":"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","file":"index.min.css"} {"version":3,"sources":["E:/activity/css/common/base.less","index.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,8BAAA;EACA,6CAAA;;AAGF;AAAM;EACJ,uBAAA;;AAGF;AAAM;AAAK;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAK;AAAM;AAAM;AAAU;AAAQ;AAAO;AAAU;AAAG;AAAY;AAAI;AAAI;AAAI;AAAQ;AAAS;AAAO;AAAS;AAAY;AAAQ;AAAQ;AAAQ;AAAM;AAAK;EACxN,SAAA;EACA,UAAA;;AAGF;AAAQ;AAAO;AAAQ;EACrB,eAAA;EACA,YAAA;;AAGF,KAAK;AAAe,KAAK;AAAe,KAAK;AAAa;EACxD,eAAA;EACA,wBAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AAAI;AAAI;EACN,gBAAA;;AAGF;AAAI;AAAI;AAAI;AAAI;AAAI;EAClB,eAAA;EACA,gBAAA;;AAGF;EACE,qBAAA;EACA,2BAAA;;AAIF;EACE,YAAA;;AAGF;EACE,kBAAA;;AAGF;EACE,OAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF,CAAC;AAAQ,CAAC;EACR,qBAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;EACE,iBAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,sBAAA;;AAGF;AAAO;AAAI;AAAI;EACb,mBAAA;;AAGF;EACE,8BAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,mBAAA;;;AAIF;EACE,8BAAA;;;AAIF;EACE,6BAAA;;;AAIF;EACE,uBAAA;;;AAIF;EACE,mBAAA;;AAGF;EACE,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,WAAA;EACA,OAAA;;AC/JF;AAAM;EACJ,WAAA;EACA,YAAA;EACA,gBAAA;;AAGF;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,uCAAhB;EACA,sBAAA;;AAJF,UAME;EACE,kBAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAgB,wCAAhB;EACA,sBAAA;;AAXJ,UAME,KAOE;EACE,kBAAA;EACA,SAAA;EACA,YAAA;;AAhBN,UAME,KAOE,WAKE;EACE,kBAAA;EACA,cAAA;EACA,kBAAA;;AAEA,UAjBN,KAOE,WAKE,KAKG;EACC,cAAA;;AAxBV,UAME,KAuBE;EACE,kBAAA;EACA,UAAA;EACA,YAAA;;AAhCN,UAME,KAuBE,aAKE;EACE,kBAAA;EACA,cAAA;EACA,kBAAA;;AAEA,UAjCN,KAuBE,aAKE,KAKG;EACC,mBAAA;;AAGF,UArCN,KAuBE,aAKE,KASG;EACC,cAAA;;AA5CV,UAME,KA2CE;EACE,kBAAA;EACA,eAAA;EACA,OAAA;EACA,QAAA;EACA,eAAA;EACA,cAAA;EACA,cAAA;EACA,gBAAgB,uCAAhB;EACA,sBAAA;;AA1DN,UA8DE;EACE,kBAAA;EACA,mBAAA;EACA,cAAA;EACA,UAAA;EACA,eAAA;;AAnEJ,UA8DE,SAOE;EACE,eAAA;EACA,gBAAA;EACA,cAAA;EACA,cAAA;;AAzEN,UA8DE,SAcE;EACE,cAAA;EACA,eAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;EACA,kBAAA;EACA,cAAA;EACA,sBAAA;;AAnFN,UA8DE,SAwBE;EACE,kBAAA;EACA,yBAAA;EACA,kBAAA;;AAzFN,UA8DE,SA8BE;EACE,WAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AAhGN,UA8DE,SAqCE;EACE,WAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AAvGN,UA8DE,SAqCE,OAME;EACE,mBAAA;;AA1GR,UA8DE,SAgDE;EACE,aAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AAlHN,UA8DE,SAgDE,OAME;EACE,mBAAA;;AArHR,UA8DE,SA2DE;EACE,aAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;;AA7HN,UA8DE,SA2DE,OAME;EACE,qBAAA;;AAhIR,UA8DE,SAsEE;EACE,aAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AAxIN,UA8DE,SAsEE,OAME;EACE,qBAAA;;AA3IR,UA8DE,SAiFE;EACE,aAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AAnJN,UA8DE,SAiFE,OAME;EACE,qBAAA;;AAtJR,UA8DE,SA4FE;EACE,WAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AA9JN,UA8DE,SA4FE,OAME;EACE,qBAAA;;AAjKR,UA8DE,SAuGE;EACE,WAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;;AAzKN,UA8DE,SAuGE,OAME;EACE,qBAAA;;AA5KR,UA8DE,SAkHE;EACE,aAAA;EACA,YAAA;EACA,cAAA;EACA,eAAA;;AApLN,UA8DE,SAkHE,OAME;EACE,qBAAA;;AAvLR,UA8DE,SA6HE;EACE,aAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;;AA/LN,UA8DE,SA6HE,QAME;EACE,qBAAA;;AAlMR,UA8DE,SAwIE;EACE,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;;AA1MN,UA8DE,SAwIE,QAME;EACE,qBAAA;;AA7MR,UA8DE,SAmJE;EACE,WAAA;EACA,YAAA;EACA,cAAA;EACA,eAAA;;AArNN,UA8DE,SAmJE,QAME;EACE,mBAAA;;AAxNR,UA8DE,SA8JE;EACE,aAAA;EACA,YAAA;EACA,cAAA;EACA,eAAA;;AAhON,UA8DE,SA8JE,QAME;EACE,qBAAA;;AAnOR,UA8DE,SAyKE;EACE,WAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AA3ON,UA8DE,SAyKE,QAME;EACE,qBAAA;;AA9OR,UA8DE,SAoLE;EACE,aAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;;AAtPN,UA8DE,SAoLE,QAME;EACE,mBAAA;;AAzPR,UA8DE,SA+LE;EACE,WAAA;EACA,SAAA;EACA,cAAA;EACA,eAAA;;AAjQN,UA8DE,SA+LE,QAME;EACE,mBAAA;;AApQR,UA8DE,SA0ME;EACE,aAAA;EACA,SAAA;EACA,aAAA;EACA,cAAA;;AA5QN,UA8DE,SA0ME,QAME;EACE,qBAAA;;AA/QR,UA8DE,SAqNE;EACE,aAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AAvRN,UA8DE,SAqNE,QAME;EACE,qBAAA;;AA1RR,UA8DE,SAgOE;EACE,WAAA;EACA,YAAA;EACA,cAAA;EACA,eAAA;;AAlSN,UA8DE,SAgOE,QAME;EACE,qBAAA;;AArSR,UA8DE,SA2OE;EACE,aAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AA7SN,UA8DE,SA2OE,QAME;EACE,mBAAA;;AAhTR,UA8DE,SAsPE;EACE,WAAA;EACA,SAAA;EACA,cAAA;EACA,eAAA;;AAxTN,UA8DE,SAsPE,QAME;EACE,qBAAA;;AA3TR,UA8DE,SAiQE;EACE,WAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AAnUN,UA8DE,SAiQE,QAME;EACE,mBAAA;;AAtUR,UA8DE,SA4QE;EACE,aAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;;AA9UN,UA8DE,SA4QE,QAME;EACE,qBAAA;;AAjVR,UA8DE,SAuRE;EACE,WAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;;AAzVN,UA8DE,SAuRE,QAME;EACE,mBAAA;;AA5VR,UA8DE,SAkSE;EACE,WAAA;EACA,SAAA;EACA,cAAA;EACA,eAAA;;AApWN,UA8DE,SAkSE,QAME;EACE,qBAAA;;AAvWR,UA8DE,SA6SE;EACE,kBAAA;EACA,OAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,mCAAA;EACA,kBAAA;EACA,+CAAA;EACA,uCAAA;EACA,8BAAA;EACA,sCAAA;EACA,yBAAA;;AAvXN,UA2XE;EACE,kBAAA;EACA,aAAA;EACA,YAAA;EACA,cAAA;;AA/XJ,UA2XE,WAME;EACE,kBAAA;EACA,YAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAgB,4CAAhB;EACA,sBAAA;EACA,kBAAA;EACA,cAAA;;AA5YN,UA2XE,WAoBE;EACE,kBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AApZN,UA2XE,WA4BE;EACE,kBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AA5ZN,UA2XE,WAoCE;EACE,kBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AApaN,UA2XE,WA4CE;EACE,sBAAA;;AAxaN,UA2XE,WAgDE;EACE,cAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;;AAhbN,UAqbE;EACE,kBAAA;EACA,cAAA;EACA,YAAA;EACA,cAAA;;AAzbJ,UAqbE,YAME;EACE,kBAAA;EACA,YAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAgB,4CAAhB;EACA,sBAAA;EACA,kBAAA;EACA,cAAA;;AAtcN,UAqbE,YAoBE;EACE,kBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AA9cN,UAqbE,YA4BE;EACE,kBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;EACA,sBAAA;;AAvdN,UAqbE,YAqCE;EACE,kBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AA/dN,UAqbE,YAqCE,MAOE;EACE,oBAAA;EACA,oBAAA;EACA,kBAAA;EACA,cAAA;EACA,qBAAA;;AAteR,UAqbE,YAqCE,MAeE;EACE,kBAAA;EACA,cAAA;EACA,kBAAA;EACA,mBAAA;EACA,qBAAA;;AA9eR,UAqbE,YAqCE,MAeE,IAOE;EACE,cAAA;;AAjfV,UAqbE,YAqCE,MA2BE;EACE,oBAAA;EACA,mBAAA;EACA,eAAA;;AAxfR,UAqbE,YAqCE,MA2BE,MAKE;EACE,aAAA;;AA3fV,UAqbE,YAqCE,MA2BE,MAKE,GAGE;EACE,kBAAA;EACA,cAAA;EACA,sBAAA;EACA,qBAAA;;AAjgBZ,UAqbE,YAqCE,MA2BE,MAKE,GAUE;EACE,kBAAA;EACA,cAAA;EACA,sBAAA;EACA,qBAAA;;AAxgBZ,UAqbE,YAyFE;EACE,sBAAA;;AA/gBN,UAqbE,YA6FE;EACE,cAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;;AAKN;EACE;IACE,WAAW,QAAX;IACA,mCAAA;;EAGF;IACE,WAAW,QAAX;IACA,mCAAA","file":"index.min.css"}
\ No newline at end of file \ No newline at end of file
js/echarts.js 0 → 100644
This diff could not be displayed because it is too large.
vis.html
...@@ -50,20 +50,25 @@ ...@@ -50,20 +50,25 @@
<div class="data-left"> <div class="data-left">
<div class="box1 boxsiz mb"> <div class="box1 boxsiz mb">
<p class="tit row rowCenter verCenter">日均访问量PV (2016-2021)</p> <p class="tit row rowCenter verCenter">日均访问量PV (2016-2021)</p>
<div class="bar boxsiz" id="daily_pv" style="width:100%;height: 4rem;"></div>
</div> </div>
<div class="box2 boxsiz mb"> <div class="box2 boxsiz mb">
<p class="tit row rowCenter verCenter">日均活跃用户 (2016-2021)</p> <p class="tit row rowCenter verCenter">日均活跃用户 (2016-2021)</p>
<div class="bar boxsiz" id="daily_active_users" style="width:100%;height: 4rem;"></div>
</div> </div>
<div class="box3 boxsiz"> <div class="box3 boxsiz">
<p class="tit row rowCenter verCenter">客户分布应用领域</p> <p class="tit row rowCenter verCenter">客户分布应用领域</p>
<div class="bar boxsiz" id="customer_application" style="width:60%;height: 7rem;"></div>
</div> </div>
</div> </div>
<div class="data-right"> <div class="data-right">
<div class="box1 boxsiz mb"> <div class="box1 boxsiz mb">
<p class="tit row rowCenter verCenter">日均下单用户 (2016-2021)</p> <p class="tit row rowCenter verCenter">日均下单用户 (2016-2021)</p>
<div class="bar boxsiz" id="daily_order_users" style="width:100%;height: 4rem;"></div>
</div> </div>
<div class="box2 boxsiz"> <div class="box2 boxsiz">
<p class="tit row rowCenter verCenter">日均订单数 (2016-2021)</p> <p class="tit row rowCenter verCenter">日均订单数 (2016-2021)</p>
<div class="bar boxsiz" id="daily_order" style="width:100%;height: 4rem;"></div>
</div> </div>
<div class="box3 boxsiz"> <div class="box3 boxsiz">
<p class="t1">运营中公众号：</p> <p class="t1">运营中公众号：</p>
...@@ -90,6 +95,56 @@ ...@@ -90,6 +95,56 @@
</div> </div>
<div class="map-box"> <div class="map-box">
<img src="./images/map2.png" alt=""> <img src="./images/map2.png" alt="">
<!--深圳-->
<div class="star star1"><span class="twinkle"></span></div>
<!--广东省-->
<div class="star star2"><span class="twinkle"></span></div>
<!--江苏省-->
<div class="star star3"><span class="twinkle"></span></div>
<!--北京市-->
<div class="star star4"><span class="twinkle"></span></div>
<!--上海市-->
<div class="star star5"><span class="twinkle"></span></div>
<!--浙江省-->
<div class="star star6"><span class="twinkle"></span></div>
<!--安徽省-->
<div class="star star7"><span class="twinkle"></span></div>
<!--山东省-->
<div class="star star8"><span class="twinkle"></span></div>
<!--四川省-->
<div class="star star9"><span class="twinkle"></span></div>
<!--河南省-->
<div class="star star10"><span class="twinkle"></span></div>
<!--湖北省-->
<div class="star star11"><span class="twinkle"></span></div>
<!--陕西-->
<div class="star star12"><span class="twinkle"></span></div>
<!--福建省-->
<div class="star star13"><span class="twinkle"></span></div>
<!--湖南省-->
<div class="star star14"><span class="twinkle"></span></div>
<!--河北省-->
<div class="star star15"><span class="twinkle"></span></div>
<!--辽宁省-->
<div class="star star16"><span class="twinkle"></span></div>
<!--天津市-->
<div class="star star17"><span class="twinkle"></span></div>
<!--重庆市-->
<div class="star star18"><span class="twinkle"></span></div>
<!--香港-->
<div class="star star19"><span class="twinkle"></span></div>
<!--江西省-->
<div class="star star20"><span class="twinkle"></span></div>
<!--黑龙江-->
<div class="star star21"><span class="twinkle"></span></div>
<!--广西省-->
<div class="star star22"><span class="twinkle"></span></div>
<!--山西省-->
<div class="star star23"><span class="twinkle"></span></div>
<!--吉林省-->
<div class="star star24"><span class="twinkle"></span></div>
<!--甘肃省-->
<div class="star star25"><span class="twinkle"></span></div>
<a href="javascript:;" class="show-btn row rowCenter verCenter">客户分布</a> <a href="javascript:;" class="show-btn row rowCenter verCenter">客户分布</a>
</div> </div>
</div> </div>
...@@ -101,17 +156,166 @@ ...@@ -101,17 +156,166 @@
date: "", date: "",
api: window.location.host == "btv.ichunt.com" ? "https://api.ichunt.com" : "https://api.ichunt.com", api: window.location.host == "btv.ichunt.com" ? "https://api.ichunt.com" : "https://api.ichunt.com",
init: function () { init: function () {
charts.date() charts.date();
charts.getData(); charts.getData();
//一天更新数据一次 //一天更新数据一次
setInterval(function () { setInterval(function () {
history.go(0) history.go(0)
}, 86400000) }, 86400000);
setInterval(function () {
charts.randomAnimate()
}, 10000)
}, },
getEcharts: function (type, xAxis, series) {
if (type == 1) {
let myChart = echarts.init(document.getElementById('daily_pv'));
let option = {
xAxis: {
type: 'category',
data: xAxis,
axisLine:{
lineStyle:{
color:'#25a9ab'
}
}
},
yAxis: {
show: false,
type: 'value'
},
series: [{
data: series,
type: 'bar',
itemStyle: {
normal: {
color: '#25a9ab'
}
},
}]
};
myChart.setOption(option);
} else if (type == 2) {
let myChart = echarts.init(document.getElementById('daily_active_users'));
let option = {
xAxis: {
type: 'category',
data: xAxis,
axisLine:{
lineStyle:{
color:'#de6e6a'
}
}
},
yAxis: {
show: false,
type: 'value'
},
series: [{
data: series,
type: 'bar',
itemStyle: {
normal: {
color: '#de6e6a'
}
},
}]
};
myChart.setOption(option);
} else if (type == 3) {
let myChart = echarts.init(document.getElementById('daily_order_users'));
let option = {
xAxis: {
type: 'category',
data: xAxis,
axisLine:{
lineStyle:{
color:'#5da6f1'
}
}
},
yAxis: {
show: false,
type: 'value'
},
series: [{
data: series,
type: 'bar',
itemStyle: {
normal: {
color: '#5da6f1'
}
},
}]
};
myChart.setOption(option);
} else if (type == 4) {
let myChart = echarts.init(document.getElementById('daily_order'));
let option = {
xAxis: {
type: 'category',
data: xAxis,
axisLine:{
lineStyle:{
color:'#d7a545'
}
}
},
yAxis: {
show: false,
type: 'value'
},
series: [{
data: series,
type: 'bar',
itemStyle: {
normal: {
color: '#d7a545'
}
},
}]
};
myChart.setOption(option);
} else if (type == 5) {
let myChart = echarts.init(document.getElementById('customer_application'));
let option = {
tooltip: {
trigger: 'item'
},
legend: {
bottom: '50',
textStyle: {
color: "#96bcf6"
}
},
series: [
{
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#001e54',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: '40',
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: xAxis
}
]
};
myChart.setOption(option);
}
},
getData: function () { getData: function () {
$.ajax({ $.ajax({
type: "GET", type: "GET",
...@@ -119,13 +323,83 @@ ...@@ -119,13 +323,83 @@
data: {date: charts.date}, data: {date: charts.date},
dataType: 'json', dataType: 'json',
success: function (res) { success: function (res) {
console.log(res)
$("#group_num").html(res.group_num); $("#group_num").html(res.group_num);
$("#public_fans_num").html(res.public_fans_num); $("#public_fans_num").html(res.public_fans_num);
$("#year_read_num").html(res.year_read_num); $("#year_read_num").html(res.year_read_num);
$("#banner_sun_num").html(res.banner_sun_num); $("#banner_sun_num").html(res.banner_sun_num);
$("#yunyin_pubilc").html(res.yunyin_pubilc); $("#yunyin_pubilc").html(res.yunyin_pubilc);
//日均访问量PV
if (res.daily_pv.length > 0) {
let xAxis = [], series = [];
for (let i = 0; i < res.daily_pv.length; i++) {
for (let v in res.daily_pv[i]) {
xAxis.push(v);
series.push(res.daily_pv[i][v]);
charts.getEcharts(1, xAxis, series);
}
}
}
//日均活跃用户
if (res.daily_active_users.length > 0) {
let xAxis = [], series = [];
for (let i = 0; i < res.daily_active_users.length; i++) {
for (let v in res.daily_active_users[i]) {
xAxis.push(v);
series.push(res.daily_active_users[i][v]);
charts.getEcharts(2, xAxis, series);
}
}
}
//客户分布应用领域
/* data: [
{value: 1048, name: '搜索引擎'},
{value: 735, name: '直接访问'},
{value: 580, name: '邮件营销'},
{value: 484, name: '联盟广告'},
{value: 300, name: '视频广告'}
]*/
if (res.customer_application.length > 0) {
let arr = [];
for (let i = 0; i < res.customer_application.length; i++) {
for (let v in res.customer_application[i]) {
arr.push({
value: res.customer_application[i][v],
name: v
});
charts.getEcharts(5, arr);
}
}
}
//日均下单用户
if (res.daily_order_users.length > 0) {
let xAxis = [], series = [];
for (let i = 0; i < res.daily_order_users.length; i++) {
for (let v in res.daily_order_users[i]) {
xAxis.push(v);
series.push(res.daily_order_users[i][v]);
charts.getEcharts(3, xAxis, series);
}
}
}
//日均订单数
if (res.daily_order.length > 0) {
let xAxis = [], series = [];
for (let i = 0; i < res.daily_order.length; i++) {
for (let v in res.daily_order[i]) {
xAxis.push(v);
series.push(res.daily_order[i][v]);
charts.getEcharts(4, xAxis, series);
}
}
}
} }
}); });
}, },
...@@ -153,7 +427,7 @@ ...@@ -153,7 +427,7 @@
$("#wendu").text(res.data.wendu + "℃"); $("#wendu").text(res.data.wendu + "℃");
} }
}) });
setInterval(function () { setInterval(function () {
var myDate = new Date; var myDate = new Date;
var h = myDate.getHours(); var h = myDate.getHours();
......
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