Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
梁建民
/
activity
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
84d3c0bc
authored
Jun 03, 2021
by
liangjianmin
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
css
parent
f59d39f0
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
1928 additions
and
287 deletions
css/home/index.less
css/home/index.min.css
css/home/index.min.css.map
css/vis/index.less
css/vis/index.min.css
css/vis/index.min.css.map
js/echarts.js
vis.html
css/home/index.less
View file @
84d3c0bc
...
...
@@ -2,33 +2,33 @@
body,
html {
width
: 100%;
height
: 100%;
width: 100%;
height: 100%;
overflow: hidden;
}
.home-page {
width
: 100%;
height
: 100%;
background
: url("../../images/bg.png") no-repeat center;
width: 100%;
height: 100%;
background: url("../../images/bg.png") no-repeat center;
background-size: cover;
.top {
position
: relative;
width
: 100%;
height
: 2.45rem;
background
: url("../../images/top.png") no-repeat center;
position: relative;
width: 100%;
height: 2.45rem;
background: url("../../images/top.png") no-repeat center;
background-size: cover;
.date-text {
position: absolute;
left
: 10%;
top
: 0.53rem;
left: 10%;
top: 0.53rem;
span {
font-size: 0.38rem;
color
: #ffffff;
padding
: 0 0.07rem;
color: #ffffff;
padding: 0 0.07rem;
&.number {
color: #5891e7;
...
...
@@ -38,13 +38,13 @@ html {
.date-wether {
position: absolute;
right
: 10%;
top
: 0.53rem;
right: 10%;
top: 0.53rem;
span {
font-size: 0.38rem;
color
: #ffffff;
padding
: 0 0.07rem;
color: #ffffff;
padding: 0 0.07rem;
&.ml {
margin-left: 0.6rem;
...
...
@@ -57,14 +57,14 @@ html {
}
.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;
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;
}
}
...
...
@@ -74,20 +74,20 @@ html {
ul {
li {
flex
: 0 0 6.48rem;
height
: 2.34rem;
background
: url("../../images/i1.png") no-repeat center;
flex: 0 0 6.48rem;
height: 2.34rem;
background: url("../../images/i1.png") no-repeat center;
background-size: cover;
.t1 {
font-size
: 0.72rem;
color
: #e49e07;
font-size: 0.72rem;
color: #e49e07;
margin-bottom: 0.3rem;
}
.t2 {
font-size: 0.38rem;
color
: #c0d9ff;
color: #c0d9ff;
}
}
}
...
...
@@ -95,29 +95,29 @@ html {
.data-bottom {
position: absolute;
left
: 0;
right
: 0;
bottom
: 2%;
width
: 100%;
padding
: 0 0.99rem;
z-index
: 999;
left: 0;
right: 0;
bottom: 2%;
width: 100%;
padding: 0 0.99rem;
z-index: 999;
ul {
li {
flex
: 0 0 24%;
height
: 2.11rem;
background
: url("../../images/i2.png") no-repeat center;
flex: 0 0 24%;
height: 2.11rem;
background: url("../../images/i2.png") no-repeat center;
background-size: cover;
.t1 {
font-size
: 0.62rem;
color
: #e49e07;
font-size: 0.62rem;
color: #e49e07;
margin-bottom: 0.26rem;
}
.t2 {
font-size: 0.38rem;
color
: #c0d9ff;
color: #c0d9ff;
}
}
}
...
...
@@ -125,76 +125,76 @@ html {
.data-left {
position: absolute;
left
: 0.99rem;
top
: 32%;
z-index
: 999;
left: 0.99rem;
top: 32%;
z-index: 999;
.wrap {
position
: relative;
width
: 6.60rem;
height
: 10.20rem;
background
: url("../../images/i3.png") no-repeat center;
position: relative;
width: 6.60rem;
height: 10.20rem;
background: url("../../images/i3.png") no-repeat center;
background-size: cover;
.tit {
position
: absolute;
left
: 0;
right
: 0;
top
: 0.28rem;
position: absolute;
left: 0;
right: 0;
top: 0.28rem;
text-align: center;
font-size
: 0.44rem;
color
: #c0d9ff;
font-size: 0.44rem;
color: #c0d9ff;
}
.text {
padding-left: 0.2rem;
padding-top
: 1.5rem;
padding-top: 1.5rem;
span {
font-size: 0.34rem;
color
: #76a3e7;
color: #76a3e7;
}
.p1 {
width
: 0.84rem;
width: 0.84rem;
padding-right: 0.4rem;
text-align
: center;
text-align: center;
}
.p2 {
width: 3.73rem;
height:0.6rem;
height:
0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.ranking {
padding-top
: 0.30rem;
padding-top: 0.30rem;
padding-left: 0.2rem;
dd {
margin-bottom: 0.2rem;
width
: 6.08rem;
height
: 0.60rem;
width: 6.08rem;
height: 0.60rem;
span {
font-size: 0.34rem;
color
: #ffffff;
color: #ffffff;
}
.p1 {
width
: 0.84rem;
width: 0.84rem;
padding-right: 0.4rem;
text-align
: center;
text-align: center;
}
.p2 {
width: 3.73rem;
height:0.6rem;
height:
0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
...
...
@@ -202,17 +202,17 @@ html {
}
&.i1 {
background
: url("../../images/a.png") no-repeat center;
background: url("../../images/a.png") no-repeat center;
background-size: cover;
}
&.i2 {
background
: url("../../images/b.png") no-repeat center;
background: url("../../images/b.png") no-repeat center;
background-size: cover;
}
&.i3 {
background
: url("../../images/c.png") no-repeat center;
background: url("../../images/c.png") no-repeat center;
background-size: cover;
}
}
...
...
@@ -220,31 +220,31 @@ html {
.list-wrap {
height
: 5.2rem;
height: 5.2rem;
overflow: hidden;
.list {
position
: relative;
position: relative;
padding-left: 0.20rem;
li {
height
: 0.60rem;
height: 0.60rem;
margin-bottom: 0.20rem;
span {
font-size: 0.34rem;
color
: #96bcf6;
color: #96bcf6;
}
.p1 {
width
: 0.84rem;
width: 0.84rem;
padding-right: 0.4rem;
text-align
: center;
text-align: center;
}
.p2 {
width: 3.73rem;
height:0.6rem;
height:
0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
...
...
@@ -258,45 +258,45 @@ html {
.data-right {
position: absolute;
right
: 0.99rem;
top
: 32%;
z-index
: 999;
right: 0.99rem;
top: 32%;
z-index: 999;
.wrap {
position
: relative;
width
: 6.60rem;
height
: 10.20rem;
background
: url("../../images/i3.png") no-repeat center;
position: relative;
width: 6.60rem;
height: 10.20rem;
background: url("../../images/i3.png") no-repeat center;
background-size: cover;
.tit {
position
: absolute;
left
: 0;
right
: 0;
top
: 0.28rem;
position: absolute;
left: 0;
right: 0;
top: 0.28rem;
text-align: center;
font-size
: 0.44rem;
color
: #c0d9ff;
font-size: 0.44rem;
color: #c0d9ff;
}
.text {
padding-left: 0.2rem;
padding-top
: 1.5rem;
padding-top: 1.5rem;
span {
font-size: 0.34rem;
color
: #76a3e7;
color: #76a3e7;
}
.p1 {
width
: 0.84rem;
width: 0.84rem;
padding-right: 0.4rem;
text-align
: center;
text-align: center;
}
.p2 {
width: 3.73rem;
height:0.6rem;
height:
0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
...
...
@@ -304,30 +304,30 @@ html {
}
}
.ranking {
padding-top
: 0.30rem;
padding-top: 0.30rem;
padding-left: 0.2rem;
dd {
margin-bottom: 0.2rem;
width
: 6.08rem;
height
: 0.60rem;
width: 6.08rem;
height: 0.60rem;
span {
font-size: 0.34rem;
color
: #ffffff;
color: #ffffff;
}
.p1 {
width
: 0.84rem;
width: 0.84rem;
padding-right: 0.4rem;
text-align
: center;
text-align: center;
}
.p2 {
width: 3.73rem;
height:0.6rem;
height:
0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
...
...
@@ -335,17 +335,17 @@ html {
}
&.i1 {
background
: url("../../images/a.png") no-repeat center;
background: url("../../images/a.png") no-repeat center;
background-size: cover;
}
&.i2 {
background
: url("../../images/b.png") no-repeat center;
background: url("../../images/b.png") no-repeat center;
background-size: cover;
}
&.i3 {
background
: url("../../images/c.png") no-repeat center;
background: url("../../images/c.png") no-repeat center;
background-size: cover;
}
}
...
...
@@ -353,31 +353,31 @@ html {
.list-wrap {
height
: 5.2rem;
height: 5.2rem;
overflow: hidden;
.list {
padding-left: 0.20rem;
position
: relative;
position: relative;
li {
height
: 0.60rem;
height: 0.60rem;
margin-bottom: 0.20rem;
span {
font-size: 0.34rem;
color
: #96bcf6;
color: #96bcf6;
}
.p1 {
width
: 0.84rem;
width: 0.84rem;
padding-right: 0.4rem;
text-align
: center;
text-align: center;
}
.p2 {
width: 3.73rem;
height:0.6rem;
height:
0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
...
...
@@ -391,306 +391,325 @@ html {
}
.map-box {
position
: relative;
position: relative;
padding-top: 0.60rem;
margin
: 0 auto;
z-index
: 9;
width
: 25.40rem;
margin: 0 auto;
z-index: 9;
width: 25.40rem;
img {
width
: 25.40rem;
height
: 12rem;
margin
: 0 auto;
width: 25.40rem;
height: 12rem;
margin: 0 auto;
display: block;
}
.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;
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;
}
.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;
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;
animation-fill-mode: both;
}
div {
position
: absolute;
position: absolute;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
/**中国深圳**/
.star16 {
right
: 5.2rem;
top
: 6.5rem;
width
: 0.5rem;
right: 5.2rem;
top: 6.5rem;
width: 0.5rem;
height: 0.5rem;
.twinkle {
animation-delay:1s
animation-delay:
1s
}
}
/**中国北京**/
.star17 {
right
: 5rem;
top
: 5.2rem;
width
: .3rem;
right: 5rem;
top: 5.2rem;
width: .3rem;
height: .3rem;
.twinkle {
animation-delay:2s
animation-delay:
2s
}
}
/**中国上海**/
.star18 {
right
: 5rem;
top
: 5.9rem;
width
: .2rem;
right: 5rem;
top: 5.9rem;
width: .2rem;
height: .2rem;
.twinkle {
animation-delay:3s
animation-delay:
3s
}
}
/**中国武汉**/
.star19 {
right
: 5.5rem;
top
: 6rem;
width
: .1rem;
right: 5.5rem;
top: 6rem;
width: .1rem;
height: .1rem;
.twinkle {
animation-delay:4s
animation-delay:
4s
}
}
/**中国江苏**/
.star20 {
right: 5.1rem;
top
: 5.8rem;
top: 5.8rem;
width
: .15rem;
width: .15rem;
height: .15rem;
}
/**中国成都**/
.star21 {
right
: 6.9rem;
top
: 5.8rem;
width
: .15rem;
right: 6.9rem;
top: 5.8rem;
width: .15rem;
height: .15rem;
}
/**中国香港**/
.star22 {
right
: 5.3rem;
top
: 6.9rem;
width
: .2rem;
right: 5.3rem;
top: 6.9rem;
width: .2rem;
height: .2rem;
}
/**中国台湾**/
.star23 {
right
: 5.1rem;
top
: 6.9rem;
width
: .25rem;
right: 5.1rem;
top: 6.9rem;
width: .25rem;
height: .25rem;
}
/**英国**/
.star24 {
right
: 5.2rem;
top
: 6.5rem;
width
: 0.15rem;
right: 5.2rem;
top: 6.5rem;
width: 0.15rem;
height: 0.15rem;
}
.star1 {
position
: absolute;
left
: 4.1rem;
top
: 5.1rem;
width
: 0.3rem;
height
: 0.3rem;
position: absolute;
left: 4.1rem;
top: 5.1rem;
width: 0.3rem;
height: 0.3rem;
background-color: #c0d9ff;
border-radius : 50%;
border-radius: 50%;
.twinkle {
animation-delay:2s
animation-delay:
2s
}
}
.star2 {
position
: absolute;
left
: 4.35rem;
top
: 5.05rem;
width
: 0.4rem;
height
: 0.4rem;
position: absolute;
left: 4.35rem;
top: 5.05rem;
width: 0.4rem;
height: 0.4rem;
background-color: #c0d9ff;
border-radius : 50%;
border-radius: 50%;
.twinkle {
animation-delay:1s
animation-delay:
1s
}
}
.star3 {
position
: absolute;
left
: 4.95rem;
top
: 5.15rem;
width
: 0.2rem;
height
: 0.2rem;
position: absolute;
left: 4.95rem;
top: 5.15rem;
width: 0.2rem;
height: 0.2rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star4 {
position
: absolute;
left
: 4.7rem;
top
: 5.7rem;
width
: 0.1rem;
height
: 0.1rem;
position: absolute;
left: 4.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star5 {
position
: absolute;
left
: 4.5rem;
top
: 6.2rem;
width
: 0.1rem;
height
: 0.1rem;
position: absolute;
left: 4.5rem;
top: 6.2rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star6 {
position
: absolute;
left
: 3.4rem;
top
: 5.1rem;
width
: 0.15rem;
height
: 0.15rem;
position: absolute;
left: 3.4rem;
top: 5.1rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star7 {
position
: absolute;
left
: 5.5rem;
top
: 5.2rem;
width
: 0.15rem;
height
: 0.15rem;
position: absolute;
left: 5.5rem;
top: 5.2rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star8 {
position
: absolute;
left
: 3.7rem;
top
: 5.7rem;
width
: 0.1rem;
height
: 0.1rem;
position: absolute;
left: 3.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star9 {
position
: absolute;
left
: 5.5rem;
top
: 5.8rem;
width
: 0.1rem;
height
: 0.1rem;
position: absolute;
left: 5.5rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star10 {
position
: absolute;
right
: 3.9rem;
top
: 5.8rem;
width
: 0.1rem;
height
: 0.1rem;
position: absolute;
right: 3.9rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star11 {
position
: absolute;
left
: 2.85rem;
top
: 2.05rem;
width
: 0.15rem;
height
: 0.15rem;
position: absolute;
left: 2.85rem;
top: 2.05rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star12 {
position
: absolute;
left
: 3.9rem;
top
: 1.8rem;
width
: 0.1rem;
height
: 0.1rem;
position: absolute;
left: 3.9rem;
top: 1.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius : 50%;
border-radius: 50%;
.twinkle {
animation-delay:6s
animation-delay:
6s
}
}
.star13 {
position
: absolute;
left
: 3.9rem;
top
: 2.3rem;
width
: 0.1rem;
height
: 0.1rem;
position: absolute;
left: 3.9rem;
top: 2.3rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
.star14 {
position
: absolute;
right
: 4.5rem;
top
: 5.7rem;
width
: 0.3rem;
height
: 0.3rem;
position: absolute;
right: 4.5rem;
top: 5.7rem;
width: 0.3rem;
height: 0.3rem;
background-color: #c0d9ff;
border-radius : 50%;
border-radius: 50%;
.twinkle {
animation-delay:3s
animation-delay:
3s
}
}
.star15 {
position
: absolute;
right
: 6.1rem;
top
: 8.2rem;
width
: 0.1rem;
height
: 0.1rem;
position: absolute;
right: 6.1rem;
top: 8.2rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius
: 50%;
border-radius: 50%;
}
}
}
...
...
@@ -698,11 +717,11 @@ html {
@keyframes scale-three {
0% {
transform: scale(1);
background
: rgba(49, 156, 216, 0.7);
background: rgba(49, 156, 216, 0.7);
}
100% {
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
View file @
84d3c0bc
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
)}}
\ No newline at end of file
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
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
View file @
84d3c0bc
{"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
{"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
css/vis/index.less
View file @
84d3c0bc
...
...
@@ -73,7 +73,7 @@ body, html {
padding-top: 0.60rem;
margin: 0 auto;
z-index: 9;
width:
25.40
rem;
width:
19.41
rem;
img {
width: 19.41rem;
...
...
@@ -91,6 +91,298 @@ body, html {
color: #c0d9ff;
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 {
...
...
@@ -140,6 +432,15 @@ body, html {
.mb {
margin-bottom: 0.94rem;
}
.bar {
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
}
.data-right {
...
...
@@ -234,6 +535,14 @@ body, html {
.mb {
margin-bottom: 0.94rem;
}
.bar {
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
}
}
...
...
css/vis/index.min.css
View file @
84d3c0bc
...
...
@@ -247,7 +247,7 @@ html {
padding-top
:
0.6rem
;
margin
:
0
auto
;
z-index
:
9
;
width
:
25.4
rem
;
width
:
19.41
rem
;
}
.home-page
.map-box
img
{
width
:
19.41rem
;
...
...
@@ -264,6 +264,247 @@ html {
color
:
#c0d9ff
;
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
{
position
:
absolute
;
left
:
0.99rem
;
...
...
@@ -307,6 +548,13 @@ html {
.home-page
.data-left
.mb
{
margin-bottom
:
0.94rem
;
}
.home-page
.data-left
.bar
{
margin
:
0
auto
;
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
0
;
}
.home-page
.data-right
{
position
:
absolute
;
right
:
0.99rem
;
...
...
@@ -388,6 +636,13 @@ html {
.home-page
.data-right
.mb
{
margin-bottom
:
0.94rem
;
}
.home-page
.data-right
.bar
{
margin
:
0
auto
;
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
0
;
}
@keyframes
scale-three
{
0
%
{
transform
:
scale
(
1
);
...
...
css/vis/index.min.css.map
View file @
84d3c0bc
{"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
{"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
js/echarts.js
0 → 100644
View file @
84d3c0bc
This diff could not be displayed because it is too large.
vis.html
View file @
84d3c0bc
...
...
@@ -50,20 +50,25 @@
<div
class=
"data-left"
>
<div
class=
"box1 boxsiz mb"
>
<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
class=
"box2 boxsiz mb"
>
<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
class=
"box3 boxsiz"
>
<p
class=
"tit row rowCenter verCenter"
>
客户分布应用领域
</p>
<div
class=
"bar boxsiz"
id=
"customer_application"
style=
"width:60%;height: 7rem;"
></div>
</div>
</div>
<div
class=
"data-right"
>
<div
class=
"box1 boxsiz mb"
>
<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
class=
"box2 boxsiz"
>
<p
class=
"tit row rowCenter verCenter"
>
日均订单数 (2016-2021)
</p>
<div
class=
"bar boxsiz"
id=
"daily_order"
style=
"width:100%;height: 4rem;"
></div>
</div>
<div
class=
"box3 boxsiz"
>
<p
class=
"t1"
>
运营中公众号:
</p>
...
...
@@ -90,6 +95,56 @@
</div>
<div
class=
"map-box"
>
<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>
</div>
</div>
...
...
@@ -101,17 +156,166 @@
date
:
""
,
api
:
window
.
location
.
host
==
"btv.ichunt.com"
?
"https://api.ichunt.com"
:
"https://api.ichunt.com"
,
init
:
function
()
{
charts
.
date
()
charts
.
date
()
;
charts
.
getData
();
//一天更新数据一次
setInterval
(
function
()
{
history
.
go
(
0
)
},
86400000
)
setInterval
(
function
()
{
charts
.
randomAnimate
()
},
10000
)
},
86400000
);
},
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
()
{
$
.
ajax
({
type
:
"GET"
,
...
...
@@ -119,13 +323,83 @@
data
:
{
date
:
charts
.
date
},
dataType
:
'json'
,
success
:
function
(
res
)
{
console
.
log
(
res
)
$
(
"#group_num"
).
html
(
res
.
group_num
);
$
(
"#public_fans_num"
).
html
(
res
.
public_fans_num
);
$
(
"#year_read_num"
).
html
(
res
.
year_read_num
);
$
(
"#banner_sun_num"
).
html
(
res
.
banner_sun_num
);
$
(
"#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 @@
$
(
"#wendu"
).
text
(
res
.
data
.
wendu
+
"℃"
);
}
})
})
;
setInterval
(
function
()
{
var
myDate
=
new
Date
;
var
h
=
myDate
.
getHours
();
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment