*{
|
margin: 0px;
|
padding: 0px;
|
}
|
.list1 li{
|
list-style: none;
|
font-size: 12px;
|
color: white;
|
border: 1px solid red;
|
}
|
|
#title{
|
background: url("/hxzkuwb/Home/HomeImg/title.png") no-repeat;
|
}
|
#iconback{
|
display: inline-block;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
font-size: 12px;
|
position: relative;
|
top: -15px;
|
left: 22px;
|
}
|
.list{
|
position: fixed;
|
top: 30px;
|
z-index: 10;
|
display: flex;
|
}
|
marquee{
|
width:280px;
|
height:260px;
|
position: fixed;
|
top: 180px;
|
left: 25px;
|
z-index: 10;
|
display: flex;
|
color: white;
|
}
|
marquee p{
|
height: 40px;
|
line-height: 40px;
|
}
|
.htxx{
|
display: flex;
|
}
|
|
.list1{
|
position: fixed;
|
top: 60px;
|
z-index: 9;
|
display: flex;
|
}
|
.list li{
|
list-style: none;
|
font-size: 12px;
|
}
|
a{
|
text-decoration: none;
|
color: white;
|
}
|
.paoma{
|
position: fixed;
|
top: 70px;
|
left: -20px;
|
z-index: 10;
|
display: flex;
|
}
|
#current-time{
|
color: white;
|
z-index: 9;
|
display: inline-block;
|
width: 180px;
|
float: left;
|
}
|
.XinXi{
|
color: black;
|
z-index: 9;
|
font-size: 12px;
|
display: inline-block;
|
border: 1px solid red;
|
float: left;
|
}
|
.XinXi1{
|
color: black;
|
z-index: 9;
|
display: inline-block;
|
border: 1px solid red;
|
}
|
.XinXi1:hover a{
|
color: #01AAED;
|
}
|
.Daping:hover span{
|
|
}
|
.zidaping{
|
opacity: 0;
|
}
|
.Daping:hover .a1{
|
opacity: 0;
|
}
|
.Daping:hover .zidaping{
|
opacity: 1;
|
}
|
.Daping{
|
|
}
|
.zishebei{
|
opacity: 0;
|
}
|
.Shebei:hover .a2{
|
opacity: 0;
|
}
|
.Shebei:hover span{
|
|
}
|
.Shebei:hover .zishebei{
|
opacity: 1;
|
}
|
|
|
.ziweilan{
|
opacity: 0;
|
}
|
.Weilan:hover span{
|
|
}
|
.Weilan:hover .a3{
|
opacity: 0;
|
}
|
.Weilan:hover .ziweilan{
|
opacity: 1;
|
}
|
|
|
|
.zijinggao{
|
opacity: 0;
|
}
|
.Jinggao:hover span{
|
|
}
|
.Jinggao:hover .a4{
|
opacity: 0;
|
}
|
.Jinggao:hover .zijinggao{
|
opacity: 1;
|
}
|
|
|
|
.zirenyuan{
|
opacity: 0;
|
}
|
.Renyuan:hover span{
|
|
}
|
.Renyuan:hover .a5{
|
opacity: 0;
|
}
|
.Renyuan:hover .zirenyuan{
|
opacity: 1;
|
}
|
|
|
.zitongji{
|
opacity: 0;
|
}
|
.Tongji:hover span{
|
|
}
|
.Tongji:hover .a6{
|
opacity: 0;
|
}
|
.Tongji:hover .zitongji{
|
opacity: 1;
|
}
|
|
|
|
.zitongxin{
|
opacity: 0;
|
}
|
.Tongxin:hover span{
|
|
}
|
.Tongxin:hover .zitongxin {
|
opacity: 1;
|
}
|
.Tongxin:hover .a7{
|
opacity: 0;
|
}
|
|
/*.ziditu{*/
|
/* opacity: 0;*/
|
/*}*/
|
/*.Ditu:hover span{*/
|
/* color: #01AAED;*/
|
/*}*/
|
/*.Ditu:hover .a8{*/
|
/* opacity: 0;*/
|
/*}*/
|
/*.Ditu:hover .ziditu{*/
|
/* opacity: 1;*/
|
/*}*/
|
|
|
.zijuji{
|
opacity: 0;
|
}
|
.Juji:hover span{
|
|
}
|
.Juji:hover .a8{
|
opacity: 0;
|
}
|
.Juji:hover .zijuji{
|
opacity: 1;
|
}
|
|
|
.zisousuo{
|
opacity: 0;
|
}
|
.SouSuo:hover span{
|
|
}
|
.SouSuo:hover .a10{
|
opacity: 0;
|
}
|
.SouSuo:hover .zisousuo{
|
opacity: 1;
|
}
|
|
|
#tab{
|
position: fixed;
|
top: 200px;
|
width: 50%;
|
margin: auto;
|
display: none;
|
left: 500px;
|
z-index: 99;
|
}
|
#ac{
|
position: fixed;
|
top: 200px;
|
width: 50%;
|
margin: auto;
|
display: none;
|
left: 500px;
|
z-index: 99;
|
}
|
#fen{
|
position: fixed;
|
top: 200px;
|
width: 50%;
|
margin: auto;
|
display: none;
|
left: 500px;
|
z-index: 99999;
|
}
|
#war{
|
position: fixed;
|
top: 200px;
|
width: 50%;
|
margin: auto;
|
display: none;
|
left: 500px;
|
z-index: 99;
|
}
|
#personMsg{
|
position: fixed;
|
top: 300px;
|
width: 50%;
|
height: 50%;
|
margin: auto;
|
left: 35%;
|
z-index: 99;
|
display: none;
|
}
|
#warningMsg{
|
position: fixed;
|
width: 17%;
|
height: 30%;
|
top: 400px;
|
margin: auto;
|
left: 1400px;
|
z-index: 999;
|
box-shadow: #666666 2px 2px 5px;
|
background-color: white;
|
display: none;
|
}
|
#warningMsg1{
|
position: fixed;
|
width: 17%;
|
height: 30%;
|
top: 280px;
|
margin: auto;
|
left: 950px;
|
z-index: 999;
|
box-shadow: #666666 2px 2px 5px;
|
background-color: white;
|
display: none;
|
}
|
#tags{
|
position: fixed;
|
top: 200px;
|
width: 50%;
|
margin: auto;
|
display: none;
|
left: 500px;
|
z-index: 99;
|
}
|
#gather{
|
position: fixed;
|
top: 200px;
|
width: 50%;
|
margin: auto;
|
left: 500px;
|
z-index: 99;
|
display: none;
|
}
|
#tong1{
|
position: fixed;
|
z-index: 99;
|
}
|
#personTong{
|
position: fixed;
|
|
}
|
#tong2{
|
position: fixed;
|
|
z-index: 99;
|
}
|
#tong3{
|
position: fixed;
|
z-index: 99;
|
display: none;
|
}
|
.pm{
|
width: 298px;
|
height: 348px;
|
position: absolute;
|
top: 110px;
|
left: 10px;
|
z-index: 10;
|
}
|
#personTongtitle{
|
background: url("/hxzkuwb/Home/HomeImg/bg3.png") no-repeat;
|
background-size: cover;
|
}
|
#warningTongbody{
|
/*background: url("/hxzkuwb/Home/HomeImg/bg1.png") no-repeat;*/
|
//background: url("/hxzkuwb/Home/HomeImg/bg1.png") no-repeat;
|
//background-size: cover;
|
}
|
#warningTongtitle{
|
|
}
|
|
/*#border4s{*/
|
/* background: url("/hxzkuwb/Home/HomeImg/border4.png");*/
|
/* background-size: cover;*/
|
/* background-position: center;*/
|
/* background-size:140%;*/
|
/*}*/
|
|
#warningBorder{
|
background: url("/hxzkuwb/Home/HomeImg/border1.png");
|
|
}
|
#TongXuntitle{
|
|
}
|
#TongXunbody{
|
|
}
|
#personTongbody{
|
|
}
|
#JinRiTongJititle{
|
|
}
|
#JinRiTongJibody{
|
|
}
|
#Powerbody{
|
|
}
|
#Powertitle{
|
|
}
|
::placeholder {
|
}
|
#QuYutitle{
|
|
}
|
#QuYubody{
|
|
}
|
.paomabg{
|
width: 20%;
|
height: 350px;
|
position: absolute;
|
top: 10px;
|
left: 10px;
|
z-index: 9;
|
}
|
.paomabg2{
|
width: 300px;
|
height: 370px;
|
position: fixed;
|
bottom: 20px;
|
left: 10px;
|
z-index: 9;
|
}
|
.pm1{
|
width: 298px;
|
height: 369px;
|
position: fixed;
|
bottom: 50px;
|
left: 10px;
|
z-index: 10;
|
}
|
.paomabt{
|
position: fixed;
|
top: 112px;
|
left:90px;
|
display: flex;
|
z-index: 9999;
|
color: white;
|
}
|
.paomabt1{
|
position: fixed;
|
bottom: 365px;
|
left: 90px;
|
z-index: 99999;
|
color: white;
|
}
|
.paoma1{
|
position: absolute;
|
top: -90px;
|
left: -30px;
|
}
|
.paomaimg{
|
position: fixed;
|
top: 110px;
|
left: -6px;
|
z-index: 10;
|
display: flex;
|
z-index: 999;
|
}
|
.pao1{
|
position: fixed;
|
bottom: 80px;
|
left: 20px;
|
z-index: 99999;
|
}
|
#Ditu{
|
position: fixed;
|
bottom: 20px;
|
width: 40%;
|
z-index: 99999;
|
margin: auto;
|
margin-left: 30%;
|
}
|
#switc{
|
position: fixed;
|
bottom: -17px;
|
width: 50%;
|
margin: auto;
|
z-index: 99999;
|
right: 850px;
|
display: none;
|
}
|
#switc1{
|
position: fixed;
|
bottom: -17px;
|
width: 50%;
|
margin: auto;
|
z-index: 9999;
|
right: 680px;
|
display: none;
|
}
|
#switc2{
|
position: fixed;
|
bottom: -17px;
|
width: 50%;
|
margin: auto;
|
z-index: 99999;
|
right: 1020px;
|
display: none;
|
}
|
#feng{
|
position: fixed;
|
bottom: 0px;
|
width: 100%;
|
margin: auto;
|
height: 40px;
|
z-index: 0;
|
right: 0px;
|
}
|
#search{
|
position: fixed;
|
top: 50px;
|
width: 50%;
|
margin: auto;
|
left: 2200px;
|
z-index: 99;
|
}
|
.paomabg1{
|
position: absolute;
|
top: -30px;
|
left: -10px;
|
width: 301px;
|
height: 371px;
|
}
|
.pm4{
|
position: absolute;
|
top: -30px;
|
left: -10px;
|
width: 300px;
|
height: 370px;
|
z-index: 10;
|
}
|
.pm3{
|
position: absolute;
|
top: -30px;
|
left: -10px;
|
width: 300px;
|
height: 370px;
|
z-index: 10;
|
}
|
.pm2{
|
position: absolute;
|
top: -30px;
|
left: -10px;
|
width: 300px;
|
height: 370px;
|
z-index: 10;
|
}
|
.weichuli{
|
width: 100px;
|
color: white;
|
text-align: center;
|
position: absolute;
|
top: 30px;
|
left: 11px;
|
}
|
|
.wcl {
|
width: 100px;
|
color: white;
|
text-align: center;
|
position: absolute;
|
top: 50px;
|
left: 20px;
|
}
|
@keyframes changeBg {
|
0% {
|
background-image: radial-gradient(circle, #003327, #0069B8);
|
}
|
50% {
|
background-image: radial-gradient(circle, #003327, #0069B8);
|
}
|
100% {
|
background-image: radial-gradient(circle, #003327, #0069B8);
|
}
|
}
|
.gjxxwz{
|
color: white;
|
}
|
.gjxxwz:hover{
|
color: #009f95;
|
}
|
#wind{
|
position: fixed;
|
top: 160px;
|
left: 400px;
|
z-index: 9999;
|
}
|
.qytj{
|
}
|
#myCheckbox2{
|
background:url("/hxzkuwb/Home/HomeImg/cdtitle.png");
|
}
|
|
#qytj li{
|
display: inline-block;
|
width: 90px;
|
text-align: center;
|
height: 30px;
|
line-height:30px;
|
}
|
.qytj li {
|
display: inline-block;
|
margin: 0px 30px;
|
height: 30px;
|
line-height: 30px;
|
}
|
.qytj2 li {
|
display: inline-block;
|
width: 88px;
|
text-align: center;
|
height: 23px;
|
line-height:23px;
|
}
|
.qytj2 li:hover {
|
color: #2CD5FF; /* 当鼠标悬停时字体颜色变为红色 */
|
}
|
|
.bqjz li {
|
display: inline-block;
|
width: 88px;
|
text-align: center;
|
height: 23px;
|
line-height:23px;
|
}
|
/*.bqjz li:hover {*/
|
/* color: #2CD5FF; !* 当鼠标悬停时字体颜色变为红色 *!*/
|
/*}*/
|
.sear{
|
background-color: #1E2A47;
|
border: 1px solid #1C3459;
|
color: white;
|
height: 25px;
|
padding-left: 10px;
|
width: 100px;
|
}
|
.sear1{
|
width: 50px;
|
display: inline-block;
|
border: 1px solid #1C3459;
|
text-align: center;
|
height: 25px;
|
line-height: 25px;
|
background-color:#1C3459;
|
color: white;
|
}
|
.searcount{
|
width: 120px;
|
display: inline-block;
|
border: 1px solid #7FD06F;
|
text-align: center;
|
height: 25px;
|
line-height: 25px;
|
background-color:#7FD06F;
|
color: white;
|
}
|
#kanban a:hover{
|
color: #2CD5FF;
|
}
|
#kanban1 a:hover{
|
color: #2CD5FF;
|
}
|
#kanban{
|
|
}
|
#kanban1{
|
position: fixed;
|
bottom: -28px;
|
right: 1205px;
|
z-index: 9999999;
|
width: 50px;
|
height: 50px;
|
}
|
#ChaXuns{
|
position: fixed;
|
top: 22px;
|
z-index: 9999999;
|
text-align: center;
|
width: 20%;
|
left: 63%;
|
}
|
.item9 {
|
background: linear-gradient(to left, #2CD5FF, #2CD5FF) left top no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left top no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right top no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) right top no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) left bottom no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left bottom no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat;
|
background-size: 2px 40px, 40px 2px, 2px 40px, 40px 2px;
|
border: 2px solid #2CD5FF;
|
}
|
.item8 {
|
background: linear-gradient(to left, #2CD5FF, #2CD5FF) left top no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left top no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right top no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) right top no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) left bottom no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left bottom no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat;
|
background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
|
border: 2px solid #2CD5FF;
|
}
|
|
.boxalls{ border: 1px solid #20A3F5; opacity: 1;}
|
|
.boxalls:before,
|
.boxalls:after{ position:absolute; width:30px; height:30px; content: ""; border-top: 3px solid #20a3f5; top: -2px;}
|
.boxalls:before,.boxfoot:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot{ position:absolute; bottom: 0; width: 298px; left:12px;}
|
.boxfoot:before,
|
.boxfoot:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}
|
|
/*区域统计*/
|
.boxalls:before,.boxfoot2:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot2:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot2{ position:absolute; bottom: 0; width: 300px; left:-8px;}
|
.boxfoot2:before,
|
.boxfoot2:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}
|
|
/*充电提示*/
|
.boxalls:before,.boxfoot3:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot3:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot3{ position:absolute; bottom: 0; width: 300px; left:-8px;}
|
.boxfoot3:before,
|
.boxfoot3:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}
|
|
/*今日统计*/
|
.boxalls:before,.boxfoot4:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot4:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot4{ position:absolute; bottom: 0; width: 300px; left:-8px;}
|
.boxfoot4:before,
|
.boxfoot4:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}
|
|
/*即时通讯*/
|
.boxalls:before,.boxfoot5:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot5:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot5{ position:absolute; bottom: 0px; width: 298px; left:12px;}
|
.boxfoot5:before {position:fixed; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:48px;left: 9px}
|
.boxfoot5:after{ position:fixed; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:48px;left: 278px}
|
|
|
.boxalls:before,.boxfoot6:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot6:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot6{ position:absolute; bottom: 1; width: 100%; left:1px;}
|
.boxfoot6:before,
|
.boxfoot6:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-2px;}
|
