@charset "utf-8";
|
html,body{width:100%;height:100%;background:#000 no-repeat center top;background-size:100%;font-family: "Alibaba Sans";overflow: hidden;}
|
html,body,h1, h2, h3, h4, h5, h6, div,ul,li,p {font-family:"Alibaba Sans",arial,\5b8b\4f53;margin:0;padding:0;font-size: 12px;color:#666;list-style: none;}
|
.pull-left {float:left;}
|
.pull-right {float:right;}
|
.clearfix:after{content:"\0020"; height:0; display:block; clear:both;}
|
.rel{position: relative;}
|
.dis{display: block;}
|
.inline-block{display: inline-block;}
|
.top{width:100%;position: fixed;top:0;text-align:center;z-index:9;}
|
.top_box{position: absolute;left: 0;top:30px;width:100%;}
|
.shuju_box{padding-top:12px;display:inline-block;}
|
.top_box img{width:300px;}
|
.shuju_box .shuju{float:left;height:54px;text-align:center;overflow: hidden;padding:0 10px;position:relative;}
|
.shuju_item{height:54px;}
|
.shuju_item h2{
|
background-image: -webkit-linear-gradient(bottom,#3e8aec,#d9fcfd);
|
background-clip:text;
|
-webkit-background-clip: text;
|
-webkit-text-fill-color:transparent;
|
font-size:18px;
|
padding-bottom: 5px;
|
font-weight: 600;
|
height: 30px;
|
}
|
.shuju_item p{font-size: 12px;color:#f90;}
|
.shuju_box .shuju::after{
|
content: '';
|
display: block;
|
width: 1px;
|
height:50px;
|
clear: both;
|
position: absolute;top:0px;left:0;
|
background: -webkit-linear-gradient(top, #000 -4%, #f90 50%, #000 100%);
|
}
|
.shuju_box .shuju1::after {
|
width:0;
|
}
|
.map{padding-top:2%;}
|
.map1{text-align: center;width:40%;left:30%;position: relative;overflow: hidden;}
|
.map1 img{width:100%;/*animation: myfirst2 15s infinite linear;*/opacity: 0.1;}
|
.map2{width:100%;z-index:5;top:0;position: fixed!important;top:40px;}
|
@keyframes myfirst2{
|
0% {
|
transform: rotate(0deg);
|
}
|
100% {
|
transform: rotate(359deg);
|
}
|
}
|
|
|
.left{position: absolute;top:230px;left:10px;width:300px;z-index:99;}
|
.left li{float: left;width:130px;margin-bottom: 15px;}
|
.data_cont:before{
|
content: '';
|
display: block;
|
width: 1px;
|
height:34px;
|
clear: both;
|
float: left;
|
background: -webkit-linear-gradient(top, #000 -4%, #333 50%, #000 100%);
|
margin-right:5px;
|
}
|
.data_cont h2{font-size:18px;color:#f90;margin-bottom: 2px;}
|
.data_cont p{color:#fff;font-size: 10px;}
|
.left li .data_icon{padding-left:7px;margin-bottom:2px;height:14px;}
|
.data_icon img{height:14px;}
|
|
.title{width:calc(100% - 10px);height:22px;background: #222;line-height: 22px;font-size: 14px;color:#fff;padding-left:10px;}
|
|
.legend_box{position:absolute;bottom:10px;}
|
.legend_box li{float: left;margin-right:5px;color:#999;font-size:8px;}
|
.legend_box li i{display: inline-block;width:8px;height:8px;vertical-align: middle;border-radius: 50%;}
|
.legend_box li .icon1{background: #f90;}
|
.legend_box li .icon2{background: #fff;}
|
.legend_box li .icon3{background: #026afe;}
|
.legend_box li .icon4{background: #3fffea;}
|
.legend_box li .icon5{background: #98efff;}
|
.legend_box li .icon6{background: #5b81ff;}
|
.echart_title{position: absolute;top:10px;color:#fff;font-size:12px;left:30px;}
|
