Skip to content

梁建民 / activity

Go to a project
Commit b802077c by liangjianmin
Options

css

parent a81b71e9
Inline Side-by-side
Showing with 660 additions and 1750 deletions
.htaccess 0 → 100644
File mode changed
css/common/base.less
......@@ -10,7 +10,7 @@ html * {
}
html, body {
font-family: sans-serif;
font-family: "PingFang SC", Arial, "Microsoft YaHei", 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 {
......@@ -45,7 +45,6 @@ h1, h2, h3, h4, h5, h6 {
a {
text-decoration: none;
transition: color 0.2s ease;
}
img {
......@@ -68,10 +67,6 @@ em {
display: block;
}
a:hover, a:focus {
text-decoration: none;
}
.fl {
float: left;
_display: inline;
......@@ -120,44 +115,72 @@ label, dd, dd, dt {
}
.boxsiz {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a:hover, a:focus {
text-decoration: none;
}
html, body {
width: 100%;
height: 100%;
overflow: hidden;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row {
display: flex;
flex-direction: row;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* 两侧对齐 */
.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;
::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #c8c8c8;
}
\ No newline at end of file
css/home/index.less
@import '../common/base.less';
body,
html {
body {
width: 100%;
height: 100%;
overflow: hidden;
}
.home-page {
#app {
width: 100%;
height: 100%;
background: url("../../images/bg.png") no-repeat center;
background-size: cover;
.top {
position: relative;
.head {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 2.45rem;
background: url("../../images/top.png") no-repeat center;
height: 123px;
background: url("../../images/home/top.png") no-repeat center;
background-size: cover;
z-index: 9;
.date-text {
position: absolute;
left: 10%;
top: 0.53rem;
span {
font-size: 0.38rem;
color: #ffffff;
padding: 0 0.07rem;
&.number {
color: #5891e7;
}
}
}
.date-wether {
position: absolute;
right: 10%;
top: 0.53rem;
span {
font-size: 0.38rem;
color: #ffffff;
padding: 0 0.07rem;
&.ml {
margin-left: 0.6rem;
}
&.number {
color: #5891e7;
}
}
}
.i1 {
.title {
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;
top: 40px;
width: 804px;
height: 41px;
background: url("../../images/home/t1.png") no-repeat center;
background-size: cover;
margin: 0 auto;
}
}
.data-top {
padding: 0.8rem 0.99rem 0 0.99rem;
.top {
position: absolute;
top: 162px;
left: 0;
right: 0;
width: 100%;
z-index: 9;
ul {
li {
flex: 0 0 6.48rem;
height: 2.34rem;
background: url("../../images/i1.png") no-repeat center;
background-size: cover;
li {
width: 324px;
height: 118px;
background: url("../../images/home/b1.png") no-repeat center;
background-size: contain;
.t1 {
font-size: 0.72rem;
color: #e49e07;
margin-bottom: 0.3rem;
}
.t1 {
font-size: 36px;
color: #e49e07;
margin-bottom: 15px;
}
.t2 {
font-size: 0.38rem;
color: #c0d9ff;
}
.t2 {
font-size: 19px;
color: #c0d9ff;
}
}
}
.data-bottom {
.bottom {
position: absolute;
bottom: 44px;
left: 0;
right: 0;
bottom: 2%;
width: 100%;
padding: 0 0.99rem;
z-index: 999;
z-index: 9;
li {
width: 410px;
height: 106px;
background: url("../../images/home/b2.png") no-repeat center;
background-size: contain;
.i1 {
width: 42px;
height: 42px;
background: url("../../images/home/i1.png") no-repeat center;
background-size: contain;
}
ul {
li {
flex: 0 0 24%;
height: 2.11rem;
background: url("../../images/i2.png") no-repeat center;
background-size: cover;
.i2 {
width: 44px;
height: 47px;
background: url("../../images/home/i2.png") no-repeat center;
background-size: contain;
}
.i3 {
width: 49px;
height: 49px;
background: url("../../images/home/i3.png") no-repeat center;
background-size: contain;
}
.i4 {
width: 43px;
height: 43px;
background: url("../../images/home/i4.png") no-repeat center;
background-size: contain;
}
.text {
margin-left: 40px;
.t1 {
font-size: 0.62rem;
color: #e49e07;
margin-bottom: 0.26rem;
font-size: 31px;
color: #ffffff;
margin-bottom: 13px;
}
.t2 {
font-size: 0.38rem;
font-size: 19px;
color: #c0d9ff;
}
}
}
}
.data-left {
.section {
position: absolute;
left: 0.99rem;
top: 32%;
z-index: 999;
top: 370px;
width: 100%;
padding: 0 50px;
z-index: 9;
.wrap {
.box {
position: relative;
width: 6.60rem;
height: 10.20rem;
background: url("../../images/i3.png") no-repeat center;
background-size: cover;
.tit {
width: 324px;
height: 479px;
background: url("../../images/home/b4.png") no-repeat center;
background-size: contain;
padding-left: 10px;
.icn {
width: 199px;
height: 57px;
position: absolute;
left: 0;
right: 0;
top: 0.28rem;
text-align: center;
font-size: 0.44rem;
color: #c0d9ff;
top: -28px;
margin: 0 auto;
background: url("../../images/home/b5.png") no-repeat center;
background-size: contain;
font-size: 22px;
color: #ffffff;
font-style: normal;
}
.text {
padding-left: 0.2rem;
padding-top: 1.5rem;
.title {
padding-top: 51px;
span {
font-size: 0.34rem;
font-size: 17px;
color: #76a3e7;
}
.p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
&.p1 {
width: 62px;
}
&.p2 {
width: 170px;
}
}
}
.ranking {
padding-top: 0.30rem;
padding-left: 0.2rem;
margin-top: 14px;
dd {
margin-bottom: 0.2rem;
width: 6.08rem;
height: 0.60rem;
span {
font-size: 0.34rem;
color: #ffffff;
}
.p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
width: 304px;
height: 31px;
margin-bottom: 9px;
&.i1 {
background: url("../../images/a.png") no-repeat center;
background-size: cover;
background: url("../../images/home/l1.png") no-repeat center;
background-size: contain;
}
&.i2 {
background: url("../../images/b.png") no-repeat center;
background-size: cover;
background: url("../../images/home/l2.png") no-repeat center;
background-size: contain;
}
&.i3 {
background: url("../../images/c.png") no-repeat center;
background-size: cover;
}
}
}
.list-wrap {
height: 5.2rem;
overflow: hidden;
.list {
position: relative;
padding-left: 0.20rem;
li {
height: 0.60rem;
margin-bottom: 0.20rem;
span {
font-size: 0.34rem;
color: #96bcf6;
}
.p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
}
}
}
.data-right {
position: absolute;
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;
background-size: cover;
.tit {
position: absolute;
left: 0;
right: 0;
top: 0.28rem;
text-align: center;
font-size: 0.44rem;
color: #c0d9ff;
}
.text {
padding-left: 0.2rem;
padding-top: 1.5rem;
span {
font-size: 0.34rem;
color: #76a3e7;
}
.p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
}
.p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.ranking {
padding-top: 0.30rem;
padding-left: 0.2rem;
dd {
margin-bottom: 0.2rem;
width: 6.08rem;
height: 0.60rem;
span {
font-size: 0.34rem;
color: #ffffff;
background: url("../../images/home/l3.png") no-repeat center;
background-size: contain;
}
.p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
padding-left: 13px;
width: 62px;
}
.p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&.i1 {
background: url("../../images/a.png") no-repeat center;
background-size: cover;
}
&.i2 {
background: url("../../images/b.png") no-repeat center;
background-size: cover;
width: 170px;
}
&.i3 {
background: url("../../images/c.png") no-repeat center;
background-size: cover;
span {
font-size: 17px;
color: #ffffff;
}
}
}
.list-wrap {
height: 5.2rem;
overflow: hidden;
height: 270px;
.list {
padding-left: 0.20rem;
position: relative;
li {
height: 0.60rem;
margin-bottom: 0.20rem;
height: 30px;
margin-bottom: 8px;
span {
font-size: 0.34rem;
color: #96bcf6;
font-size: 17px;
color: #ffffff;
}
.p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
padding-left: 13px;
width: 62px;
}
.p2 {
width: 3.73rem;
height: 0.6rem;
line-height: 0.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 170px;
}
}
}
}
}
}
.map-box {
position: relative;
padding-top: 0.60rem;
margin: 0 auto;
z-index: 9;
width: 25.40rem;
img {
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;
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;
-webkit-animation-direction: alternate;
animation-fill-mode: both;
}
div {
position: absolute;
background-color: #c0d9ff;
border-radius: 50%;
}
/**中国深圳**/
.star16 {
right: 5.2rem;
top: 6.5rem;
width: 0.5rem;
height: 0.5rem;
.twinkle {
animation-delay: 1s
}
}
/**中国北京**/
.star17 {
right: 5rem;
top: 5.2rem;
width: .3rem;
height: .3rem;
.twinkle {
animation-delay: 2s
}
}
/**中国上海**/
.star18 {
right: 5rem;
top: 5.9rem;
width: .2rem;
height: .2rem;
.twinkle {
animation-delay: 3s
}
}
/**中国武汉**/
.star19 {
right: 5.5rem;
top: 6rem;
width: .1rem;
height: .1rem;
.twinkle {
animation-delay: 4s
}
}
/**中国江苏**/
.star20 {
right: 5.1rem;
top: 5.8rem;
width: .15rem;
height: .15rem;
}
/**中国成都**/
.star21 {
right: 6.9rem;
top: 5.8rem;
width: .15rem;
height: .15rem;
}
/**中国香港**/
.star22 {
right: 5.3rem;
top: 6.9rem;
width: .2rem;
height: .2rem;
}
/**中国台湾**/
.star23 {
right: 5.1rem;
top: 6.9rem;
width: .25rem;
height: .25rem;
}
/**英国**/
.star24 {
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;
background-color: #c0d9ff;
border-radius: 50%;
.twinkle {
animation-delay: 2s
}
}
.star2 {
position: absolute;
left: 4.35rem;
top: 5.05rem;
width: 0.4rem;
height: 0.4rem;
background-color: #c0d9ff;
border-radius: 50%;
.twinkle {
animation-delay: 1s
}
}
.star3 {
position: absolute;
left: 4.95rem;
top: 5.15rem;
width: 0.2rem;
height: 0.2rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star4 {
position: absolute;
left: 4.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star5 {
position: absolute;
left: 4.5rem;
top: 6.2rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star6 {
position: absolute;
left: 3.4rem;
top: 5.1rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star7 {
position: absolute;
left: 5.5rem;
top: 5.2rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star8 {
position: absolute;
left: 3.7rem;
top: 5.7rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star9 {
position: absolute;
left: 5.5rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star10 {
position: absolute;
right: 3.9rem;
top: 5.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star11 {
position: absolute;
left: 2.85rem;
top: 2.05rem;
width: 0.15rem;
height: 0.15rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star12 {
position: absolute;
left: 3.9rem;
top: 1.8rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
.twinkle {
animation-delay: 6s
}
}
.star13 {
position: absolute;
left: 3.9rem;
top: 2.3rem;
width: 0.1rem;
height: 0.1rem;
background-color: #c0d9ff;
border-radius: 50%;
}
.star14 {
position: absolute;
right: 4.5rem;
top: 5.7rem;
width: 0.3rem;
height: 0.3rem;
background-color: #c0d9ff;
border-radius: 50%;
.twinkle {
animation-delay: 3s
}
}
.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);
.btn {
position: absolute;
bottom: 200px;
left: 0;
right: 0;
width: 279px;
height: 61px;
background: url("../../images/home/b3.png") no-repeat;
font-size: 26px;
color: #c0d9ff;
margin: 0 auto;
}
100% {
transform: scale(2);
background: rgba(49, 156, 216, 0.2);
.map {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: url("../../images/home/bg.jpg") no-repeat center;
background-size: cover;
}
}
\ No newline at end of file
css/home/index.min.css
......@@ -9,7 +9,7 @@ html * {
}
html,
body {
font-family: sans-serif;
font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
}
body,
div,
......@@ -103,10 +103,6 @@ em {
visibility: hidden;
display: block;
}
a:hover,
a:focus {
text-decoration: none;
}
.fl {
float: left;
_display: inline;
......@@ -149,636 +145,282 @@ dt {
font-weight: normal;
}
.boxsiz {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a:hover,
a:focus {
text-decoration: none;
}
html,
body {
width: 100%;
height: 100%;
overflow: hidden;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row {
display: flex;
flex-direction: row;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* 两侧对齐 */
.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;
::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #F5F5F5;
}
body,
html {
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #c8c8c8;
}
body {
width: 100%;
height: 100%;
overflow: hidden;
}
.home-page {
#app {
width: 100%;
height: 100%;
background: url("../../images/bg.png") no-repeat center;
background-size: cover;
}
.home-page .top {
position: relative;
#app .head {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 2.45rem;
background: url("../../images/top.png") no-repeat center;
height: 123px;
background: url("../../images/home/top.png") no-repeat center;
background-size: cover;
z-index: 9;
}
.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 {
#app .head .title {
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;
top: 40px;
width: 804px;
height: 41px;
background: url("../../images/home/t1.png") no-repeat center;
background-size: cover;
margin: 0 auto;
}
.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 {
#app .top {
position: absolute;
top: 162px;
left: 0;
right: 0;
bottom: 2%;
width: 100%;
padding: 0 0.99rem;
z-index: 999;
z-index: 9;
}
.home-page .data-bottom ul li {
flex: 0 0 24%;
height: 2.11rem;
background: url("../../images/i2.png") no-repeat center;
background-size: cover;
#app .top li {
width: 324px;
height: 118px;
background: url("../../images/home/b1.png") no-repeat center;
background-size: contain;
}
.home-page .data-bottom ul li .t1 {
font-size: 0.62rem;
#app .top li .t1 {
font-size: 36px;
color: #e49e07;
margin-bottom: 0.26rem;
margin-bottom: 15px;
}
.home-page .data-bottom ul li .t2 {
font-size: 0.38rem;
#app .top li .t2 {
font-size: 19px;
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 {
#app .bottom {
position: absolute;
bottom: 44px;
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;
width: 100%;
z-index: 9;
}
.home-page .data-left .wrap .ranking dd span {
font-size: 0.34rem;
#app .bottom li {
width: 410px;
height: 106px;
background: url("../../images/home/b2.png") no-repeat center;
background-size: contain;
}
#app .bottom li .i1 {
width: 42px;
height: 42px;
background: url("../../images/home/i1.png") no-repeat center;
background-size: contain;
}
#app .bottom li .i2 {
width: 44px;
height: 47px;
background: url("../../images/home/i2.png") no-repeat center;
background-size: contain;
}
#app .bottom li .i3 {
width: 49px;
height: 49px;
background: url("../../images/home/i3.png") no-repeat center;
background-size: contain;
}
#app .bottom li .i4 {
width: 43px;
height: 43px;
background: url("../../images/home/i4.png") no-repeat center;
background-size: contain;
}
#app .bottom li .text {
margin-left: 40px;
}
#app .bottom li .text .t1 {
font-size: 31px;
color: #ffffff;
margin-bottom: 13px;
}
.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;
#app .bottom li .text .t2 {
font-size: 19px;
color: #c0d9ff;
}
.home-page .data-right {
#app .section {
position: absolute;
right: 0.99rem;
top: 32%;
z-index: 999;
top: 370px;
width: 100%;
padding: 0 50px;
z-index: 9;
}
.home-page .data-right .wrap {
#app .section .box {
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 {
width: 324px;
height: 479px;
background: url("../../images/home/b4.png") no-repeat center;
background-size: contain;
padding-left: 10px;
}
#app .section .box .icn {
width: 199px;
height: 57px;
position: absolute;
left: 0;
right: 0;
top: 0.28rem;
text-align: center;
font-size: 0.44rem;
color: #c0d9ff;
top: -28px;
margin: 0 auto;
background: url("../../images/home/b5.png") no-repeat center;
background-size: contain;
font-size: 22px;
color: #ffffff;
font-style: normal;
}
.home-page .data-right .wrap .text {
padding-left: 0.2rem;
padding-top: 1.5rem;
#app .section .box .title {
padding-top: 51px;
}
.home-page .data-right .wrap .text span {
font-size: 0.34rem;
#app .section .box .title span {
font-size: 17px;
color: #76a3e7;
}
.home-page .data-right .wrap .text .p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
#app .section .box .title span.p1 {
width: 62px;
}
.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;
#app .section .box .title span.p2 {
width: 170px;
}
.home-page .data-right .wrap .ranking {
padding-top: 0.3rem;
padding-left: 0.2rem;
#app .section .box .ranking {
margin-top: 14px;
}
.home-page .data-right .wrap .ranking dd {
margin-bottom: 0.2rem;
width: 6.08rem;
height: 0.6rem;
#app .section .box .ranking dd {
width: 304px;
height: 31px;
margin-bottom: 9px;
}
.home-page .data-right .wrap .ranking dd span {
font-size: 0.34rem;
color: #ffffff;
#app .section .box .ranking dd.i1 {
background: url("../../images/home/l1.png") no-repeat center;
background-size: contain;
}
.home-page .data-right .wrap .ranking dd .p1 {
width: 0.84rem;
padding-right: 0.4rem;
text-align: center;
#app .section .box .ranking dd.i2 {
background: url("../../images/home/l2.png") no-repeat center;
background-size: contain;
}
.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;
#app .section .box .ranking dd.i3 {
background: url("../../images/home/l3.png") no-repeat center;
background-size: contain;
}
.home-page .data-right .wrap .ranking dd.i1 {
background: url("../../images/a.png") no-repeat center;
background-size: cover;
#app .section .box .ranking dd .p1 {
padding-left: 13px;
width: 62px;
}
.home-page .data-right .wrap .ranking dd.i2 {
background: url("../../images/b.png") no-repeat center;
background-size: cover;
#app .section .box .ranking dd .p2 {
width: 170px;
}
.home-page .data-right .wrap .ranking dd.i3 {
background: url("../../images/c.png") no-repeat center;
background-size: cover;
#app .section .box .ranking dd span {
font-size: 17px;
color: #ffffff;
}
.home-page .data-right .wrap .list-wrap {
height: 5.2rem;
#app .section .box .list-wrap {
overflow: hidden;
height: 270px;
}
.home-page .data-right .wrap .list-wrap .list {
padding-left: 0.2rem;
#app .section .box .list-wrap .list {
position: relative;
}
.home-page .data-right .wrap .list-wrap .list li {
height: 0.6rem;
margin-bottom: 0.2rem;
#app .section .box .list-wrap .list li {
height: 30px;
margin-bottom: 8px;
}
.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;
#app .section .box .list-wrap .list li span {
font-size: 17px;
color: #ffffff;
}
.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;
#app .section .box .list-wrap .list li .p1 {
padding-left: 13px;
width: 62px;
}
.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;
#app .section .box .list-wrap .list li .p2 {
width: 170px;
}
.home-page .map-box .view {
#app .btn {
position: absolute;
bottom: 0.5rem;
bottom: 200px;
left: 0;
right: 0;
margin: 0 auto;
width: 5.97rem;
height: 1.22rem;
font-size: 0.52rem;
width: 279px;
height: 61px;
background: url("../../images/home/b3.png") no-repeat;
font-size: 26px;
color: #c0d9ff;
background: url("../../images/i4.png") no-repeat center;
background-size: cover;
margin: 0 auto;
}
.home-page .map-box .twinkle {
#app .map {
position: absolute;
left: 0;
right: 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);
}
background: url("../../images/home/bg.jpg") no-repeat center;
background-size: cover;
}
/*# 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":"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;AACA;EACE,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,iCAAA;;AA/DJ,UA8DE,UAGE,GACE;EACE,iBAAA;EACA,eAAA;EACA,gBAAgB,uCAAhB;EACA,sBAAA;;AAtER,UA8DE,UAGE,GACE,GAME;EACE,kBAAA;EACA,cAAA;EACA,qBAAA;;AA3EV,UA8DE,UAGE,GACE,GAYE;EACE,kBAAA;EACA,cAAA;;AAhFV,UAsFE;EACE,kBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;;AA7FJ,UAsFE,aASE,GACE;EACE,aAAA;EACA,eAAA;EACA,gBAAgB,uCAAhB;EACA,sBAAA;;AApGR,UAsFE,aASE,GACE,GAME;EACE,kBAAA;EACA,cAAA;EACA,sBAAA;;AAzGV,UAsFE,aASE,GACE,GAYE;EACE,kBAAA;EACA,cAAA;;AA9GV,UAoHE;EACE,kBAAA;EACA,aAAA;EACA,QAAA;EACA,YAAA;;AAxHJ,UAoHE,WAME;EACE,kBAAA;EACA,aAAA;EACA,eAAA;EACA,gBAAgB,uCAAhB;EACA,sBAAA;;AA/HN,UAoHE,WAME,MAOE;EACE,kBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,cAAA;;AAxIR,UAoHE,WAME,MAiBE;EACE,oBAAA;EACA,mBAAA;;AA7IR,UAoHE,WAME,MAiBE,MAIE;EACE,kBAAA;EACA,cAAA;;AAjJV,UAoHE,WAME,MAiBE,MASE;EACE,cAAA;EACA,qBAAA;EACA,kBAAA;;AAvJV,UAoHE,WAME,MAiBE,MAeE;EACE,cAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;;AAhKV,UAoHE,WAME,MA2CE;EACE,mBAAA;EACA,oBAAA;;AAvKR,UAoHE,WAME,MA2CE,SAIE;EACE,qBAAA;EACA,cAAA;EACA,cAAA;;AA5KV,UAoHE,WAME,MA2CE,SAIE,GAKE;EACE,kBAAA;EACA,cAAA;;AAhLZ,UAoHE,WAME,MA2CE,SAIE,GAUE;EACE,cAAA;EACA,qBAAA;EACA,kBAAA;;AAtLZ,UAoHE,WAME,MA2CE,SAIE,GAgBE;EACE,cAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;;AAGF,UA9ER,WAME,MA2CE,SAIE,GAyBG;EACC,gBAAgB,sCAAhB;EACA,sBAAA;;AAGF,UAnFR,WAME,MA2CE,SAIE,GA8BG;EACC,gBAAgB,sCAAhB;EACA,sBAAA;;AAGF,UAxFR,WAME,MA2CE,SAIE,GAmCG;EACC,gBAAgB,sCAAhB;EACA,sBAAA;;AA9MZ,UAoHE,WAME,MAyFE;EAEE,cAAA;EACA,gBAAA;;AAtNR,UAoHE,WAME,MAyFE,WAKE;EACE,kBAAA;EACA,oBAAA;;AA1NV,UAoHE,WAME,MAyFE,WAKE,MAIE;EACE,cAAA;EACA,qBAAA;;AA9NZ,UAoHE,WAME,MAyFE,WAKE,MAIE,GAIE;EACE,kBAAA;EACA,cAAA;;AAlOd,UAoHE,WAME,MAyFE,WAKE,MAIE,GASE;EACE,cAAA;EACA,qBAAA;EACA,kBAAA;;AAxOd,UAoHE,WAME,MAyFE,WAKE,MAIE,GAeE;EACE,cAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;;AAjPd,UAyPE;EACE,kBAAA;EACA,cAAA;EACA,QAAA;EACA,YAAA;;AA7PJ,UAyPE,YAME;EACE,kBAAA;EACA,aAAA;EACA,eAAA;EACA,gBAAgB,uCAAhB;EACA,sBAAA;;AApQN,UAyPE,YAME,MAOE;EACE,kBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,cAAA;;AA7QR,UAyPE,YAME,MAiBE;EACE,oBAAA;EACA,mBAAA;;AAlRR,UAyPE,YAME,MAiBE,MAIE;EACE,kBAAA;EACA,cAAA;;AAtRV,UAyPE,YAME,MAiBE,MASE;EACE,cAAA;EACA,qBAAA;EACA,kBAAA;;AA5RV,UAyPE,YAME,MAiBE,MAeE;EACE,cAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;;AArSV,UAyPE,YAME,MA2CE;EACE,mBAAA;EACA,oBAAA;;AA5SR,UAyPE,YAME,MA2CE,SAIE;EACE,qBAAA;EACA,cAAA;EACA,cAAA;;AAjTV,UAyPE,YAME,MA2CE,SAIE,GAKE;EACE,kBAAA;EACA,cAAA;;AArTZ,UAyPE,YAME,MA2CE,SAIE,GAUE;EACE,cAAA;EACA,qBAAA;EACA,kBAAA;;AA3TZ,UAyPE,YAME,MA2CE,SAIE,GAgBE;EACE,cAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;;AAGF,UA9ER,YAME,MA2CE,SAIE,GAyBG;EACC,gBAAgB,sCAAhB;EACA,sBAAA;;AAGF,UAnFR,YAME,MA2CE,SAIE,GA8BG;EACC,gBAAgB,sCAAhB;EACA,sBAAA;;AAGF,UAxFR,YAME,MA2CE,SAIE,GAmCG;EACC,gBAAgB,sCAAhB;EACA,sBAAA;;AAnVZ,UAyPE,YAME,MAyFE;EAEE,cAAA;EACA,gBAAA;;AA3VR,UAyPE,YAME,MAyFE,WAKE;EACE,oBAAA;EACA,kBAAA;;AA/VV,UAyPE,YAME,MAyFE,WAKE,MAIE;EACE,cAAA;EACA,qBAAA;;AAnWZ,UAyPE,YAME,MAyFE,WAKE,MAIE,GAIE;EACE,kBAAA;EACA,cAAA;;AAvWd,UAyPE,YAME,MAyFE,WAKE,MAIE,GASE;EACE,cAAA;EACA,qBAAA;EACA,kBAAA;;AA7Wd,UAyPE,YAME,MAyFE,WAKE,MAIE,GAeE;EACE,cAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;;AAtXd,UA+XE;EACE,kBAAA;EACA,mBAAA;EACA,cAAA;EACA,UAAA;EACA,cAAA;;;;;;;;;;;AApYJ,UA+XE,SAOE;EACE,cAAA;EACA,aAAA;EACA,cAAA;EACA,cAAA;;AA1YN,UA+XE,SAcE;EACE,kBAAA;EACA,cAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAgB,uCAAhB;EACA,sBAAA;;AAxZN,UA+XE,SA4BE;EACE,kBAAA;EACA,OAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,mCAAA;EACA,kBAAA;EACA,+CAAA;EACA,uCAAA;EACA,8BAAA;EACA,sCAAA;EACA,yBAAA;;AAvaN,UA+XE,SA2CE;EACE,kBAAA;EACA,yBAAA;EACA,kBAAA;;AA7aN,UA+XE,SAmDE;EAEE,aAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;;AAvbN,UA+XE,SAmDE,QAOE;EACE,mBAAA;;AA1bR,UA+XE,SAkEE;EACE,WAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;;AArcN,UA+XE,SAkEE,QAME;EACE,mBAAA;;AAxcR,UA+XE,SAgFE;EACE,WAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;;AAndN,UA+XE,SAgFE,QAME;EACE,mBAAA;;AAtdR,UA+XE,SA6FE;EACE,aAAA;EACA,SAAA;EACA,aAAA;EACA,cAAA;;AAheN,UA+XE,SA6FE,QAME;EACE,mBAAA;;AAneR,UA+XE,SA0GE;EACE,aAAA;EACA,WAAA;EAEA,cAAA;EACA,eAAA;;AA9eN,UA+XE,SAqHE;EACE,aAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;;AAxfN,UA+XE,SA+HE;EACE,aAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;;AAlgBN,UA+XE,SAyIE;EACE,aAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;;AA5gBN,UA+XE,SAmJE;EAEE,aAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;;AAvhBN,UA+XE,SA4JE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AAliBN,UA+XE,SA4JE,OASE;EACE,mBAAA;;AAriBR,UA+XE,SA0KE;EACE,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AAhjBN,UA+XE,SA0KE,OASE;EACE,mBAAA;;AAnjBR,UA+XE,SAwLE;EACE,kBAAA;EACA,aAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AA9jBN,UA+XE,SAkME;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AAxkBN,UA+XE,SA4ME;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AAllBN,UA+XE,SAsNE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;EACA,yBAAA;EACA,kBAAA;;AA5lBN,UA+XE,SAgOE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;EACA,yBAAA;EACA,kBAAA;;AAtmBN,UA+XE,SA0OE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AAhnBN,UA+XE,SAoPE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AA1nBN,UA+XE,SA8PE;EACE,kBAAA;EACA,aAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AApoBN,UA+XE,SAwQE;EACE,kBAAA;EACA,aAAA;EACA,YAAA;EACA,cAAA;EACA,eAAA;EACA,yBAAA;EACA,kBAAA;;AA9oBN,UA+XE,SAkRE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AAxpBN,UA+XE,SAkRE,QASE;EACE,mBAAA;;AA3pBR,UA+XE,SAgSE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AAtqBN,UA+XE,SA0SE;EACE,kBAAA;EACA,aAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AAhrBN,UA+XE,SA0SE,QASE;EACE,mBAAA;;AAnrBR,UA+XE,SAwTE;EACE,kBAAA;EACA,aAAA;EACA,WAAA;EACA,aAAA;EACA,cAAA;EACA,yBAAA;EACA,kBAAA;;AAKN;EACE;IACE,WAAW,QAAX;IACA,mCAAA;;EAGF;IACE,WAAW,QAAX;IACA,mCAAA","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.min.css
......@@ -9,7 +9,7 @@ html * {
}
html,
body {
font-family: sans-serif;
font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
}
body,
div,
......@@ -103,10 +103,6 @@ em {
visibility: hidden;
display: block;
}
a:hover,
a:focus {
text-decoration: none;
}
.fl {
float: left;
_display: inline;
......@@ -149,39 +145,63 @@ dt {
font-weight: normal;
}
.boxsiz {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a:hover,
a:focus {
text-decoration: none;
}
html,
body {
width: 100%;
height: 100%;
overflow: hidden;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row {
display: flex;
flex-direction: row;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* 两侧对齐 */
.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;
::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #c8c8c8;
}
body,
html {
......
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"}
\ No newline at end of file
{"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,aAAa,sBAAsB,6BAAnC;;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;;AAGF;EACE,YAAA;;AAGF;EACE,kBAAA;;AAGF;EACE,OAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;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,sBAAA;EACA,8BAAA;;AAGF,CAAC;AAAQ,CAAC;EACR,qBAAA;;AAGF;AAAM;EACJ,WAAA;EACA,YAAA;EACA,gBAAA;;AAGF;EACE,8BAAA;EACA,sBAAA;;AAGF;EACE,aAAA;EACA,mBAAA;;AAGF;EACE,aAAA;EACA,sBAAA;;AAGF;EACE,8BAAA;EACA,sBAAA;;AAGF;EACE,8BAAA;;AAGF;EACE,6BAAA;;AAGF;EACE,uBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,UAAA;EACA,WAAA;EACA,yBAAA;;AAGF;EACE,4CAAA;EACA,oDAAA;EACA,mBAAA;EACA,yBAAA;;AAGF;EACE,mBAAA;EACA,4CAAA;EACA,oDAAA;EACA,yBAAA;;ACtLF;AAAM;EACJ,WAAA;EACA,YAAA;EACA,gBAAA;;AAGF;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,uCAAhB;EACA,sBAAA;;AAJF,UAME;EACE,kBAAA;EACA,WAAA;EACA,aAAA;EACA,gBAAgB,4CAAhB;EACA,sBAAA;;AAXJ,UAME,KAOE;EACE,kBAAA;EACA,WAAA;EACA,SAAA;;AAhBN,UAME,KAOE,WAKE;EACE,eAAA;EACA,cAAA;EACA,cAAA;;AAEA,UAjBN,KAOE,WAKE,KAKG;EACC,cAAA;;AAxBV,UAME,KAuBE;EACE,kBAAA;EACA,YAAA;EACA,SAAA;;AAhCN,UAME,KAuBE,aAKE;EACE,eAAA;EACA,cAAA;EACA,cAAA;;AAEA,UAjCN,KAuBE,aAKE,KAKG;EACC,iBAAA;;AAGF,UArCN,KAuBE,aAKE,KASG;EACC,cAAA;;AA5CV,UAME,KA2CE;EACE,kBAAA;EACA,YAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,YAAA;EACA,cAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AA1DN,UA8DE;EACE,kBAAA;EACA,mBAAA;EACA,cAAA;EACA,UAAA;EACA,YAAA;;AAnEJ,UA8DE,SAOE;EACE,YAAA;EACA,aAAA;EACA,cAAA;EACA,cAAA;;AAzEN,UA8DE,SAcE;EACE,YAAA;EACA,YAAA;EACA,gBAAgB,4CAAhB;EACA,sBAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;;AAnFN,UA8DE,SAwBE;EACE,kBAAA;EACA,yBAAA;EACA,kBAAA;;AAzFN,UA8DE,SA8BE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAhGN,UA8DE,SAqCE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAvGN,UA8DE,SAqCE,OAME;EACE,mBAAA;;AA1GR,UA8DE,SAgDE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAlHN,UA8DE,SAgDE,OAME;EACE,mBAAA;;AArHR,UA8DE,SA2DE;EACE,YAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;;AA7HN,UA8DE,SA2DE,OAME;EACE,qBAAA;;AAhIR,UA8DE,SAsEE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAxIN,UA8DE,SAsEE,OAME;EACE,qBAAA;;AA3IR,UA8DE,SAiFE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAnJN,UA8DE,SAiFE,OAME;EACE,qBAAA;;AAtJR,UA8DE,SA4FE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AA9JN,UA8DE,SA4FE,OAME;EACE,qBAAA;;AAjKR,UA8DE,SAuGE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAzKN,UA8DE,SAuGE,OAME;EACE,qBAAA;;AA5KR,UA8DE,SAkHE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AApLN,UA8DE,SAkHE,OAME;EACE,qBAAA;;AAvLR,UA8DE,SA6HE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AA/LN,UA8DE,SA6HE,QAME;EACE,qBAAA;;AAlMR,UA8DE,SAwIE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AA1MN,UA8DE,SAwIE,QAME;EACE,qBAAA;;AA7MR,UA8DE,SAmJE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AArNN,UA8DE,SAmJE,QAME;EACE,mBAAA;;AAxNR,UA8DE,SA8JE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAhON,UA8DE,SA8JE,QAME;EACE,qBAAA;;AAnOR,UA8DE,SAyKE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AA3ON,UA8DE,SAyKE,QAME;EACE,qBAAA;;AA9OR,UA8DE,SAoLE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAtPN,UA8DE,SAoLE,QAME;EACE,mBAAA;;AAzPR,UA8DE,SA+LE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAjQN,UA8DE,SA+LE,QAME;EACE,mBAAA;;AApQR,UA8DE,SA0ME;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AA5QN,UA8DE,SA0ME,QAME;EACE,qBAAA;;AA/QR,UA8DE,SAqNE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAvRN,UA8DE,SAqNE,QAME;EACE,qBAAA;;AA1RR,UA8DE,SAgOE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAlSN,UA8DE,SAgOE,QAME;EACE,qBAAA;;AArSR,UA8DE,SA2OE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AA7SN,UA8DE,SA2OE,QAME;EACE,mBAAA;;AAhTR,UA8DE,SAsPE;EACE,WAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;;AAxTN,UA8DE,SAsPE,QAME;EACE,qBAAA;;AA3TR,UA8DE,SAiQE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AAnUN,UA8DE,SAiQE,QAME;EACE,mBAAA;;AAtUR,UA8DE,SA4QE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;AA9UN,UA8DE,SA4QE,QAME;EACE,qBAAA;;AAjVR,UA8DE,SAuRE;EACE,WAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;;AAzVN,UA8DE,SAuRE,QAME;EACE,mBAAA;;AA5VR,UA8DE,SAkSE;EACE,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;;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,yBAAA;;AArXN,UAyXE;EACE,kBAAA;EACA,UAAA;EACA,UAAA;EACA,YAAA;;AA7XJ,UAyXE,WAME;EACE,kBAAA;EACA,UAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAgB,iDAAhB;EACA,sBAAA;EACA,eAAA;EACA,cAAA;;AA1YN,UAyXE,WAoBE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAgB,gDAAhB;EACA,sBAAA;;AAlZN,UAyXE,WA4BE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AA1ZN,UAyXE,WAoCE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AAlaN,UAyXE,WA4CE;EACE,mBAAA;;AAtaN,UAyXE,WAgDE;EACE,kBAAA;EACA,WAAA;EACA,cAAA;;AA5aN,UAibE;EACE,kBAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;;AArbJ,UAibE,YAME;EACE,kBAAA;EACA,UAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;EACA,eAAA;EACA,cAAA;;AAlcN,UAibE,YAoBE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AA1cN,UAibE,YA4BE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;EACA,mBAAA;;AAndN,UAibE,YAqCE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAgB,2CAAhB;EACA,sBAAA;;AA3dN,UAibE,YAqCE,MAOE;EACE,iBAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA;;AAjeR,UAibE,YAqCE,MAcE;EACE,eAAA;EACA,cAAA;EACA,kBAAA;EACA,gBAAA;;AAxeR,UAibE,YAqCE,MAcE,IAME;EACE,cAAA;;AA3eV,UAibE,YAqCE,MAyBE;EACE,kBAAA;EACA,gBAAA;EACA,eAAA;;AAlfR,UAibE,YAqCE,MAyBE,MAKE;EACE,aAAA;;AArfV,UAibE,YAqCE,MAyBE,MAKE,GAGE;EACE,eAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;;AA3fZ,UAibE,YAqCE,MAyBE,MAKE,GAUE;EACE,eAAA;EACA,cAAA;EACA,mBAAA;;AAjgBZ,UAibE,YAsFE;EACE,mBAAA;;AAxgBN,UAibE,YA0FE;EACE,kBAAA;EACA,WAAA;EACA,cAAA;;AAKN;EACE;IACE,WAAW,QAAX;IACA,mCAAA;;EAGF;IACE,WAAW,QAAX;IACA,iCAAA","file":"index.min.css"}
\ No newline at end of file
history.html
......@@ -3,48 +3,46 @@
<head>
<title>猎芯进程</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="favicon" rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212" />
<link type="favicon" rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212"/>
</head>
<body>
<div class="shutter">
<div class="shutter-img">
<a><img src="images/fuwu.png" alt="#"></a>
<a><img src="images/licheng.png" alt="#"></a>
</div>
<ul class="shutter-btn">
<li class="prev"></li>
<li class="next"></li>
</ul>
<!-- <div class="shutter-desc">
<p>Iron Man</p>
</div> -->
<div class="shutter">
<div class="shutter-img">
<a><img src="images/fuwu.png" alt="#"></a>
<a><img src="images/licheng.png" alt="#"></a>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/velocity.js"></script>
<script src="js/shutter.js"></script>
<script type="text/javascript">
$(function () {
$('.shutter').shutter({
shutterW: 3840, // 容器宽度
shutterH: 2160, // 容器高度
isAutoPlay: true, // 是否自动播放
playInterval: 5000, // 自动播放时间
curDisplay: 1, // 当前显示页
fullPage: true // 是否全屏展示
});
});
</script>
<ul class="shutter-btn">
<li class="prev"></li>
<li class="next"></li>
</ul>
<!-- <div class="shutter-desc">
<p>Iron Man</p>
</div> -->
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/velocity.js"></script>
<script src="js/shutter.js"></script>
<script type="text/javascript">
$(function () {
$('.shutter').shutter({
shutterW: 3840, // 容器宽度
shutterH: 2160, // 容器高度
isAutoPlay: true, // 是否自动播放
playInterval: 5000, // 自动播放时间
curDisplay: 1, // 当前显示页
fullPage: true // 是否全屏展示
});
});
</script>
</body>
</html>
\ No newline at end of file
index.html
......@@ -2,526 +2,212 @@
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=0;">
<meta name="baidu-site-verification" content="B1YyUdsoGu">
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="favicon" rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="./css/home/index.min.css" />
<script>
window.onload = function () {
getRem(3840, 100)
};
window.onresize = function () {
getRem(3840, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}
</script>
<link type="favicon" rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="./css/home/index.min.css"/>
</head>
<body>
<div class="home-page">
<div class="top">
<p class="date-text row verCenter">
<span class="number" id="year"></span>
<span>年</span>
<span class="number" id="month"></span>
<span>月</span>
<span class="number" id="day"></span>
<span>日</span>
<span>星期</span>
<span class="number" id="week"></span>
</p>
<p class="date-wether row verCenter">
<span>北京时间</span>
<span class="number" id="time">00:00:00</span>
<span class="ml">深圳</span>
<span class="number" id="wendu"></span>
</p>
<div id="app">
<div class="head">
<span class="title"></span>
</div>
<ul class="top row avarage">
<li class="column rowCenter verCenter">
<p class="t1">1,125,564</p>
<p class="t2">日交易元器件数量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1">556,544</p>
<p class="t2">日交易元器件型号数量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1">1,544</p>
<p class="t2">日元器件型号搜索量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1">1,125,564</p>
<p class="t2">历史累积交易元器件数量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1">112,556,544</p>
<p class="t2">当前上架SKU总量</p>
</li>
</ul>
<ul class="bottom row avarage">
<li class="row rowCenter verCenter">
<i class="i1"></i>
</div>
<div class="data-top boxsiz">
<ul class="row avarage">
<li class="column rowCenter verCenter">
<p class="t1" id="daily_ic_num">0</p>
<p class="t2">日交易元器件数量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1" id="daily_ic_sn_num">0</p>
<p class="t2">日交易元器件型号数量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1" id="daily_ic_search_num">0</p>
<p class="t2">日元器件型号搜索量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1" id="history_ic_search_xinum">0</p>
<p class="t2">历史累积交易元器件数量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1" id="current_sku_sum">0</p>
<p class="t2">当前上架SKU总量</p>
</li>
</ul>
</div>
<div class="map-box">
<img src="./images/map.png" alt="">
<!--中国深圳-->
<div class="star16">
<span class="twinkle"></span>
</div>
<!--中国北京-->
<div class="star17">
<span class="twinkle"></span>
</div>
<!--中国上海-->
<div class="star18">
<span class="twinkle"></span>
</div>
<!--中国武汉-->
<div class="star19">
<span class="twinkle"></span>
</div>
<!--中国江苏-->
<div class="star20">
<span class="twinkle"></span>
</div>
<!--中国成都-->
<div class="star21">
<span class="twinkle"></span>
</div>
<!--中国香港-->
<div class="star22">
<span class="twinkle"></span>
</div>
<!--中国台湾-->
<div class="star23">
<span class="twinkle"></span>
</div>
<!--英国-->
<div class="star23">
<span class="twinkle"></span>
</div>
<!--德克萨斯州-->
<div class="star1">
<span class="twinkle"></span>
</div>
<!--明尼苏达州-->
<div class="star2">
<span class="twinkle"></span>
</div>
<!--马塞诸萨州纽伯里波特-->
<div class="star3">
<span class="twinkle"></span>
</div>
<!--加州-->
<div class="star4">
<span class="twinkle"></span>
</div>
<!--蒙大拿州-->
<div class="star5">
<span class="twinkle"></span>
</div>
<!--亚利桑那州-->
<div class="star6">
<span class="twinkle"></span>
</div>
<!--纽约-->
<div class="star7">
<span class="twinkle"></span>
</div>
<!--新泽西-->
<div class="star8">
<span class="twinkle"></span>
</div>
<!--费城-->
<div class="star9">
<span class="twinkle"></span>
</div>
<!--日本-->
<div class="star10">
<span class="twinkle"></span>
</div>
<!--英国-->
<div class="star11">
<span class="twinkle"></span>
</div>
<!--德国-->
<div class="star12">
<span class="twinkle"></span>
</div>
<!--瑞士-->
<div class="star13">
<span class="twinkle"></span>
</div>
<!--韩国-->
<div class="star14">
<span class="twinkle"></span>
</div>
<!--新加坡-->
<div class="star15">
<span class="twinkle"></span>
</div>
<span class="view row rowCenter verCenter">全球供应商分布</span>
</div>
<div class="data-left">
<div class="wrap boxsiz">
<p class="tit">日搜索排行榜</p>
<p class="text row boxsiz">
<span class="p1">排行</span>
<span class="p2">型号</span>
<span>搜索数</span>
</p>
<dl class="ranking boxsiz">
<dd class="i1 row verCenter">
<span class="p1">1</span>
<span class="p2">SKHHCWA010</span>
<span>77</span>
</dd>
<dd class="i2 row verCenter">
<span class="p1">2</span>
<span class="p2">SKHHCWA010</span>
<span>77</span>
</dd>
<dd class="i3 row verCenter">
<span class="p1">3</span>
<span class="p2">SKHHCWA010</span>
<span>77</span>
</dd>
</dl>
<div class="list-wrap">
<ul class="list boxsiz" id="notes_txt">
<li class="row verCenter">
<span class="p1">4</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">5</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">6</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">7</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">8</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">9</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">10</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">11</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">12</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">13</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">13</span>
<span class="p2">C945</span>
<span>62</span>
</li>
</ul>
</div>
</div>
</div>
<div class="data-right">
<div class="wrap">
<p class="tit">日下单排行榜</p>
<p class="text row boxsiz">
<span class="p1">排行</span>
<span class="p2">型号</span>
<span>下单数</span>
</p>
<dl class="ranking boxsiz">
<dd class="i1 row verCenter">
<span class="p1">1</span>
<span class="p2">SKHHCWA010</span>
<span>77</span>
</dd>
<dd class="i2 row verCenter">
<span class="p1">2</span>
<span class="p2">SKHHCWA010</span>
<span>77</span>
</dd>
<dd class="i3 row verCenter">
<span class="p1">3</span>
<span class="p2">SKHHCWA010</span>
<span>77</span>
</dd>
</dl>
<div class="list-wrap">
<ul class="list boxsiz" id="notes_txt2">
<li class="row verCenter">
<span class="p1">4</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">5</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">6</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">7</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">8</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">9</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">10</span>
<span class="p2">C945</span>
<span>62</span>
</li>
</ul>
</div>
<div class="column rowCenter verCenter text">
<p class="t1">1,125,564</p>
<p class="t2">平台SKU总量</p>
</div>
</li>
<li class="row rowCenter verCenter">
<i class="i2"></i>
<div class="column rowCenter verCenter text">
<p class="t1">10,000+</p>
<p class="t2">平台供应商总数</p>
</div>
</li>
<li class="row rowCenter verCenter">
<i class="i3"></i>
<div class="column rowCenter verCenter text">
<p class="t1">10,000+</p>
<p class="t2">供应品牌数</p>
</div>
</li>
<li class="row rowCenter verCenter">
<i class="i4"></i>
<div class="column rowCenter verCenter text">
<p class="t1">10,000+</p>
<p class="t2">供应品类总数</p>
</div>
</li>
</ul>
<div class="map">
</div>
<div class="section row bothSide">
<div class="left box">
<i class="icn row rowCenter verCenter">日搜索排行榜</i>
<div class="title row verCenter boxsiz">
<span class="p1">排行</span>
<span class="p2">型号</span>
<span class="p3">搜索数</span>
</div>
<dl class="ranking">
<dd class="i1 row verCenter">
<span class="p1">1</span>
<span class="p2">W25Q16JVSNIQ</span>
<span>1881</span>
</dd>
<dd class="i2 row verCenter">
<span class="p1">2</span>
<span class="p2">Si5351A-B-GTR</span>
<span>1782</span>
</dd>
<dd class="i3 row verCenter">
<span class="p1">3</span>
<span class="p2">63677-1</span>
<span>1683</span>
</dd>
</dl>
<div class="list-wrap">
<ul class="list" id="notes_txt">
<li class="row verCenter">
<span class="p1">4</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">5</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">6</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">7</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">8</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">9</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">10</span>
<span class="p2">C945</span>
<span>62</span>
</li>
</ul>
</div>
</div>
<div class="data-bottom boxsiz">
<ul class="row bothSide">
<li class="column rowCenter verCenter">
<p class="t1" id="plat_sku_sum">0</p>
<p class="t2">平台SKU总量</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1" id="plat_supply_sum">0</p>
<p class="t2">平台供应商总数</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1" id="supply_brand_num">0</p>
<p class="t2">供应品牌数</p>
</li>
<li class="column rowCenter verCenter">
<p class="t1" id="supply_class_num">0</p>
<p class="t2">供应品类总数</p>
</li>
</ul>
<div class="right box">
<i class="icn row rowCenter verCenter">日订单品牌榜</i>
<div class="title row verCenter boxsiz">
<span class="p1">排行</span>
<span class="p2">型号</span>
<span class="p3">下单数</span>
</div>
<dl class="ranking">
<dd class="i1 row verCenter">
<span class="p1">1</span>
<span class="p2">W25Q16JVSNIQ</span>
<span>1881</span>
</dd>
<dd class="i2 row verCenter">
<span class="p1">2</span>
<span class="p2">Si5351A-B-GTR</span>
<span>1782</span>
</dd>
<dd class="i3 row verCenter">
<span class="p1">3</span>
<span class="p2">63677-1</span>
<span>1683</span>
</dd>
</dl>
<div class="list-wrap">
<ul class="list" id="notes_txt2">
<li class="row verCenter">
<span class="p1">4</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">5</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">6</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">7</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">8</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">9</span>
<span class="p2">C945</span>
<span>62</span>
</li>
<li class="row verCenter">
<span class="p1">10</span>
<span class="p2">C945</span>
<span>62</span>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/number.js"></script>
<script type="text/javascript">
var charts = {
date: "",
api: window.location.host == "btv.ichunt.com" ? "https://api.ichunt.com" : "http://api.liexin.com",
init: function () {
charts.date()
charts.scrollRank("#notes_txt");
charts.scrollRank("#notes_txt2");
charts.getData();
//一天更新数据一次
setInterval(function () {
history.go(0)
}, 86400000)
setInterval(function () {
charts.randomAnimate()
}, 10000)
},
getData: function () {
$.ajax({
type: "GET",
url: charts.api + "/bigtv/api/bigTv",
data: { date: charts.date },
dataType: 'json',
success: function (data) {
console.log(data)
charts.numberScroll(data);
var daily_order_list = data.daily_order || []
var daily_search_list = data.daily_search || []
charts.rankData(daily_search_list, daily_order_list)
$("#plat_sku_sum").text(data.plat_sku_sum)
$("#plat_supply_sum").text(data.plat_supply_sum)
$("#supply_brand_num").text(data.supply_brand_num)
$("#supply_class_num").text(data.supply_class_num)
}
});
},
//随机动画
randomAnimate() {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
var radm_num = Math.floor(Math.random() * ($(".data-top .row li .t1").length - 0)) + 0;
var num_=Number($($(".row li .t1")[radm_num]).attr("numbers"))
if(num_>0){
$($(".data-top .row li .t1")[radm_num]).prop('number', Math.ceil(num_ / 2)).animateNumber({
number: num_,
numberStep: comma_separator_number_step
},500);
}
},
rankData: function (daily_search_list, daily_order_list) {
var html1 = "", html2 = "";
for (var i = 0; i < daily_search_list.length; i++) {
var key_ = Object.keys(daily_search_list[i])[0]
var value_ = Object.values(daily_search_list[i])[0]
if (i <= 2) {
$('.data-left .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else {
html1 += '<li class="row verCenter">'
html1 += ' <span class="p1">' + (i + 1)+ '</span>'
html1 += '<span class="p2">' + key_ + '</span>'
html1 += '<span>' + value_ + '</span></li>'
}
}
$(".data-left .list").html(html1)
for (var i = 0; i < daily_order_list.length; i++) {
var key_ = Object.keys(daily_order_list[i])[0]
var value_ = Object.values(daily_order_list[i])[0]
if (i <= 2) {
$('.data-right .ranking .i' + (i + 1) + '').html('<span class="p1">' + (i + 1) + '</span><span class="p2">' + key_ + '</span><span>' + value_ + '</span>')
} else {
html2 += '<li class="row verCenter">'
html2 += ' <span class="p1">' + (i + 1) + '</span>'
html2 += '<span class="p2">' + key_ + '</span>'
html2 += '<span>' + value_ + '</span></li>'
}
}
$(".data-right .list").html(html2)
},
numberScroll: function (data) {
var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',');
$(".data-top .row li .t1").each(function () {
var id_name = $(this).attr("id");
if ($(this).text() != data[id_name]) {
$(this).attr("numbers", data[id_name]).prop('number', $(this).text()).animateNumber({
number: data[id_name],
numberStep: comma_separator_number_step
}, 1000);
}
})
},
date: function () {
var day1 = new Date();
day1.setTime(day1.getTime() - 24 * 60 * 60 * 1000);
charts.date = day1.getFullYear() + "-" + ((day1.getMonth() + 1)<10?('0'+(day1.getMonth() + 1)):(day1.getMonth() + 1) )+ "-" + ((day1.getDate()<10?('0'+day1.getDate()):day1.getDate()));
var week = new Array("日", "一", "二", "三", "四", "五", "六");
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var weekDay = now.getDay();
$("#indexDate").html("今天是：" + year + "年" + (month<10)?('0'+month):month + "月" + day + "日" + "&nbsp;" + week[weekDay]);
$("#year").text(year);
$("#month").text((month<10)?('0'+month):month);
$("#day").text((day<10)?('0'+day):day);
$("#week").text(week[weekDay]);
$.ajax({
url: "http://wthrcdn.etouch.cn/weather_mini?city=深圳",
dataType: 'json',
type: "get",
success: function (res) {
$("#wendu").text(res.data.wendu + "℃");
}
})
setInterval(function () {
var myDate = new Date;
var h = myDate.getHours();
if (h < 10) {
h = "0" + h
}
var m = myDate.getMinutes();
if (m < 10) {
m = "0" + m
}
var s = myDate.getSeconds();
if (s < 10) {
s = "0" + s
}
$("#time").html(h + ":" + m + ":" + s);
}, 1000)
},
scrollRank: function (ele) {
//滚动数据展示模块
var $notesTxt = $(ele);
if ($notesTxt.find("li").length < 7) {
return
}
if ($notesTxt.length > 0) {
var z = 0;
function up() {
$notesTxt.animate({
'top': (z - 0.6 * 4) + 'rem'
}, 3500, 'linear', function () {
$notesTxt.css({
'top': '0px'
}).find(".li:first").appendTo($notesTxt);
up();
});
}
up();
//鼠标滑入停止动画
$notesTxt.hover(function () {
$notesTxt.stop(false, false);
}, function () {
up();
})
}
}
}
charts.init()
</script>
<a href="javascript:;" class="btn row rowCenter verCenter">全球供应商分布</a>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/number.js"></script>
</body>
</html>
\ No newline at end of file
js/echarts.js deleted 100644 → 0
This diff could not be displayed because it is too large.
nginx.htaccess 0 → 100644
File mode changed
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