LargeScreenVisualization/viewdata-master/新增75套源码/63/css/style.css

@charset "utf-8";
/* CSS Document */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box}
*,body{padding:0px;	margin:0px;font-family: "微软雅黑";}
body{color:#fff;font-size: 16px; background: #033c76 url(../images/bg.png);
}
html,body{min-height: 100%;}
li{ list-style-type:none;}
table{}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#fff;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
a:hover{ color:#06c; text-decoration: none!important}
.clearfix:after, .clearfix:before {display: table;content: " "}
 .clearfix:after {clear: both}
.pulll_left{float:left;}
.pulll_right{float:right;}
i{font-style: normal;}
.text-w{color: #ffe400}
.text-d{color: #ff0000}
.text-s{color: #14e144}
.text-b{color: #00deff}

.head{position: relative; height: 90px; background: url(../images/topbg.png) center bottom no-repeat; background-size:100% 100%;}
.head h1{  font-size: 30px;text-align: center; line-height: 90px; color: #daf9ff;}

.head .time{position: absolute; left: 40px; line-height: 40px; top: 0; opacity: .7}
.head .name{position: absolute; right:40px; line-height: 40px; top: 0;opacity: .7}

.mainbox{padding: 0px 20px;}
.nav1{margin-left: -20px; margin-right:-20px;}
.nav1>li{padding:0 20px; float: left;}

.box{  margin-bottom: 20px; position: relative;}
.map{position:absolute; z-index: 10; opacity: .8;top: 5%; width:60%; height: 100%; left: 20%;}

.map1,.map2,.map3{ position:absolute;  top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.map1{ z-index: 2; animation: myfirst2 15s infinite linear; display: flex;}
.map2{ z-index: 3; opacity: 0.2; animation: myfirst 10s infinite linear;}
.map3{ z-index: 1;}
.map1 img{ width: 100%}
.map2 img{width: 82%}
.map3 img{width: 80%}

.tit{ display: flex; align-items: flex-end;}
.tit span{ background: url(../images/line1.png) no-repeat bottom right; font-size: 20px; white-space: nowrap; padding-bottom: 10px; padding-right: 20px;}
.tit p{ background: url(../images/line2.png) no-repeat bottom right; width: 100%; height: 13px; margin-bottom: 5px; opacity: .5}
.boxnav{padding: 10px 0 ;}
  .anchorBL,.BMap_cpyCtrl{display: none;}
#lg-counter{display: none;}



.table1 th{ border-bottom: 1px solid #407abd; font-size: 14px; padding: 10px 0; color: rgba(255,255,255,.8)}
.table1 td{ border-bottom: 1px dotted#407abd;font-size: 14px; padding:10px 0;color: rgba(255,255,255,1)}
.table1 tr:last-child td{border: none;}
.table1 td span{font-size: 12px; transform: scale(.8); display: inline-block;}
.tqdb{height: 100%;}
.tqdb li{height: 50%; float: left; width:33.333%; text-align: center;}
.tqdb li div{height:calc(100% - 25px); }
.tqdb li  h3{ font-size: 13px; color: #fff;}
.jbgc{ height: 100%; position: relative}
.jbgc li{ height: 100%; float: right;}

.jbgc li:nth-child(1){ height: 30%; position: absolute; left: 0;}


.jztxt div{padding: 20px 0 0 0; line-height: 120%;}
.jztxt div i{ font-size: 12px; color: #fff;}
.jztxt div h3{ font-size:20px; color: #00deff;font-family:electronicFont;}
.jztxt div span{ font-size: 13px; opacity: .5}
.jcjg{height: 100%; margin-left: -10px; margin-right: -10px;}
.jcjg li{width: 33.33333%;height: 100%;  float: left; height: 100%; padding: 0 10px;}
.jcjg h3{background: url(../images/tit1.png) center right no-repeat; margin-bottom: 15px;  font-weight: normal; font-size: 15px;}
.jcnav{position: relative; background: url(../images/bg1.png) no-repeat left center; height: 160px; width: 100%;}
.jcnav2{ background: url(../images/bg2.png) no-repeat left center; height: 200px; }

.jcnav img{position: absolute; left:14px; top: 50%; margin-top: -24px; }
.jcnav2 img{ left:16px; margin-top: -30px; }
.jcnavp{padding-left:98px;}
.jcnavp>div{ border: 1px solid #1070aa; display: flex; font-size: 14px; align-items: center; padding: 5px 10px; margin-bottom: 26px; height: 36px;}
.jcnav2 .jcnavp>div{margin-bottom: 17px;}
.jcnavp>div ol{ white-space: nowrap;}
.jcnavp>div span{ padding-left:10px; color: #00e4ff; white-space: nowrap; }
.jcnavp>div i{font-size: 12px;padding-left: 5px;}


.ylfw{height: 100%; margin-left: -5px; margin-right: -5px;}
.ylfw li{width: 50%;height: 33.33333%;  float: left; padding: 0 5px;}
.ylfwbox {height:85%; border: 1px solid #1070aa; padding:10px 15px; position: relative;}
.fora{position: relative;}
.forb{position: absolute; width: 100%; left: 0; bottom: 0;}
.fora:before,.fora:after,.forb:before,.forb:after{position: absolute; content: ""; width:2px; height: 2px; border: 1px solid #00deff; opacity: .8;
box-shadow: 0 0 5px #00deff;}
.fora:before,.forb:before{left: -2px; top: -2px;}
.fora:after,.forb:after{right: -2px; top: -2px;}


.ylfwbox p{ font-size: 13px;}
.ylfwbox ol{ }
.ylfwbox ol i{ font-size: 12px;}
.ylfwbox ol em{ font-size: 14px; font-style: normal; padding: 0 5px;}
.ylfwbox ol span{ font-size: 24px;  color: #00deff; text-shadow: 0 0 5px #00deff;font-family:electronicFont;}

.drqk{height: 100%;}
.drqk li{height: 33.33333333%; width: 50%; float: left;
display: flex;align-items: center;
}
@font-face{font-family:electronicFont;src:url(../font/DS-DIGIT.TTF)}
.icon{ background: url(../images/iconbg.png); width:63px; height: 63px; display: flex; justify-content: center;align-items: center; margin-right: 15px;}
.drqk li span{opacity: .5; font-size:15px;}
.drqk li i{ padding-left: 10px;}
.drqk li em{background: linear-gradient( 0deg,#45d3fd, #45d3fd, #61ddb1,#61ddb1); font-style:normal;
    background-size: cover;font-family:electronicFont;
	font-size: 30px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;}



@keyframes myfirst2
{
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}

@keyframes myfirst
{
from {transform: rotate(0deg);}
to {transform: rotate(-359deg);}
}