@charset "utf-8";
|
/* CSS Document */
|
*{
|
padding:0;
|
margin:0;
|
border:0;
|
}
|
body{
|
font-family:Arial;
|
font-size:12px;
|
color:#000;
|
background-color:#FFF;
|
/* overflow-x: hidden; */
|
}
|
@media screen and (min-width: 1201px) {
|
#top,#footer,#main,#information,#nav,#container{width:100%} ;
|
}
|
/* 设置了浏览器宽度>=1201px时 显示浏览器宽度 */
|
|
@media screen and (max-width:1200px) {
|
#top,#footer,#main,#information,#nav,#container{width: 1200px};
|
}
|
/* 设置了浏览器宽度<=1200px时 显示1200px宽度 */
|
#top,#footer,#main,#nav{
|
min-width: 1200px;
|
}
|
|
/*top样式*/
|
#top{
|
height:80px;
|
background-color:#fff;
|
}
|
#top_cont{
|
position:relative;
|
height:80px;
|
background-color:#fff;
|
z-index:999;
|
}
|
/*nav样式表开始*/
|
li{
|
list-style:none;
|
}
|
#nav{
|
height:44px;
|
background-color:#FFF;
|
color:#fff;
|
position:relative;
|
z-index:900;
|
}
|
#nav a.active {
|
background-color:#349d36;
|
color:#FFF;
|
}
|
#nav>ul{
|
width:100%;
|
height:36px;
|
background:url(../image/nav_blue.jpg) repeat-x;
|
}
|
#nav>ul>li{
|
float:left;
|
position:relative;
|
width:11%;
|
height:36px;
|
list-style: none;
|
}
|
#nav>ul>li>a{
|
display:block;
|
_display:block;
|
width:100%;
|
height:36px;
|
margin:0;
|
font-size:16px;
|
text-align:center;
|
line-height:36px;
|
text-decoration:none;
|
cursor:pointer;
|
color:#fff;
|
overflow:hidden;
|
}
|
#nav>ul>li>a:hover{
|
background-color:#349d36;
|
color:#FFF;
|
}
|
#nav>ul>li>ul{
|
display:none;
|
_display:none;
|
position:relative;
|
width:120%;
|
top:0px;
|
left:0;
|
border-left: 1px solid #ddd;
|
border-right: 1px solid #ddd;
|
}
|
#nav .triangle{
|
display: none;
|
_display:none;
|
position:absolute;
|
width:12px;
|
height:5px;
|
background:url(../image/triangle.png) no-repeat;
|
bottom:0;
|
left:50%;
|
margin-left:-6px;
|
}
|
#nav .last{
|
border:none;
|
}
|
#nav>ul>li>ul>li{
|
list-style:none;
|
width:100%;
|
}
|
#nav>ul>li>ul>li>a{
|
display:block;
|
_display:block;
|
width:100%;
|
height:34px;
|
text-decoration:none;
|
line-height:34px;
|
text-align:center;
|
font-size:1em;
|
color:#666;
|
background-color:#FFF;
|
border-bottom:1px solid #dbdbdb;
|
overflow:hidden;
|
}
|
#nav>ul>li>ul>li>a:hover{
|
background:#32a030;
|
color:white;
|
}
|
#nav>ul>li:hover >ul{
|
display:block;
|
_display:block;
|
}
|
#nav>ul>li:hover .triangle{
|
display:block;
|
_display:block;
|
}
|
|
#nav>ul>li>ul>li {
|
position: relative;
|
}
|
#nav>ul>li>ul>li>ul {
|
display: none;
|
position: absolute;
|
left: 100%;
|
top: 0;
|
border: 1px solid #dbdbdb;
|
background-color: #fff;
|
}
|
#nav>ul>li>ul>li>ul>li>a {
|
display: block;
|
height: 32px;
|
line-height: 32px;
|
padding: 0 16px;
|
border-bottom: 1px solid #dbdbdb;
|
color: #666;
|
text-decoration: none;
|
white-space: nowrap;
|
text-align: center;
|
}
|
#nav>ul>li>ul>li>ul>li>a:hover {
|
background: #32a030;
|
color: #fff;
|
}
|
#nav>ul>li>ul>li:hover ul {
|
display: block;
|
}
|
|
#nav>ul>li>ul>li>a.active{
|
background-image: url("../image/more_nav.gif");
|
background-repeat: no-repeat;
|
}
|
|
#sign_out{
|
position:absolute;
|
z-index: 999999;
|
top:30px;
|
right:60px;
|
}
|
#user_name{
|
display: block;
|
position:relative;
|
text-decoration:none;
|
padding:6px 20px;
|
color:#000;
|
}
|
#user_name:hover{
|
color:blue;
|
}
|
#sign_out .triangle{
|
position:absolute;
|
display: block;
|
margin:0;
|
width:0;
|
height:0;
|
border-left:6px solid transparent;
|
border-right:6px solid transparent;
|
border-top:6px solid #000;
|
top:10px;
|
right:4px;
|
}
|
#sign_out ul{
|
display: none;
|
_display:none;
|
}
|
#sign_out ul li{
|
list-style: none;
|
}
|
#sign_out ul a{
|
display:block;
|
_display:block;
|
text-decoration:none;
|
background-color:#fff;
|
padding:4px 20px;
|
color:#000;
|
}
|
#sign_out ul a:hover{
|
background-color:#349d36;
|
color:#FFF;
|
}
|
#sign_out:hover ul{
|
display: block;
|
_display:block;
|
}
|
#main{
|
overflow:hidden;
|
}
|
/*footer样式*/
|
#footer{
|
position:fixed;
|
height:50px;
|
text-align:center;
|
background-color:#fafafa;
|
left:0;
|
bottom:0;
|
z-index:999999
|
}
|
#footer p{
|
display:block;
|
_display:block;
|
height:50px;
|
line-height:50px;
|
}
|
|
|
/*清除浮动*/
|
.clear{
|
clear:both;
|
}
|
|
/*电池告警显示*/
|
#eleWarning{
|
position:fixed;
|
bottom:0;
|
right:20px;
|
width:240px;
|
z-index:99999999;
|
border:1px solid #25aacd;
|
background-color:#fff;
|
}
|
#eleWarning .warning-head{
|
width:100%;
|
background-color:#b6c1fa;
|
}
|
#eleWarning .warning-head .warning-out{
|
display:block;
|
float:right;
|
padding:4px 10px;
|
font-size:20px;
|
}
|
#eleWarning .warning-head .warning-out:hover{
|
background-color:#F70C45;
|
color:#FFFFFF;
|
}
|
#eleWarning .warning-head .warning-img{
|
float:left;
|
width:50%;
|
height:30px;
|
line-height:30px;
|
text-indent:2.5em;
|
font-size:16px;
|
font-weight: bold;
|
background:url(../image/warning-red.png) no-repeat 2px;
|
}
|
#eleWarning .warning-content{
|
width:100%;
|
height:120px;
|
overflow:hidden;
|
}
|
#eleWarning .warning-content .warning-txt{
|
margin-top: 30px;
|
width:100%;
|
line-height: 30px;
|
text-align: center;
|
font-size:16px;
|
}
|
#eleWarning .warning-content .warning-txt span {
|
display: inline-block;
|
margin-top: 10px;
|
padding: 0 16px;
|
border-radius: 14px;
|
text-align: center;
|
background-color: #EFE92E;
|
}
|
#eleWarning .warning-content .warning-txt span a{
|
text-decoration: none;
|
}
|
#eleWarning .warning-content .warning-txt span a:hover {
|
text-decoration: underline;
|
background-color: #F4F241;
|
color: #343FEB;
|
}
|
#top_cont .international {
|
position:absolute;
|
z-index: 99999;
|
top: 0px;
|
right: 60px;
|
}
|
|
#top_cont .international a {
|
color: #B4AEAE;
|
text-decoration: none;
|
}
|
|
.inter_action {
|
color: #5157F0 !important;
|
}
|
/* 隐藏不需要的文字 */
|
span.vis {
|
visibility: hidden;
|
}
|
|
.batt-state {
|
position: absolute;
|
left: 260px;
|
top: 30px;
|
background-color: #fff;
|
}
|
.batt-state .list {
|
display: inline-block;
|
}
|
.batt-state .list .list-contain {
|
height: 36px;
|
line-height: 36px;
|
padding: 0 1em;
|
background:url("../image/table_th_bg.gif") repeat-x;
|
font-weight: bold;
|
border-radius: 4px;
|
}
|
|
.weather {
|
position: absolute;
|
top: 0;
|
left: 260px;
|
}
|
|
.weather .weather-detail {
|
display: none;
|
background-color: #fff;
|
}
|
.weather:hover .weather-detail {
|
display:block;
|
}
|
|
.weather .weather-detail {
|
display: none;
|
position: relative;
|
background-color: #fff;
|
}
|
.weather .weather-detail .ele-mask {
|
position:absolute;
|
top: 0;
|
right: 0;
|
background-image: url("../image/bg_13.jpg");
|
background-repeat: repeat-x;
|
width: 200px;
|
height: 31px;
|
}
|
.weather:hover .weather-detail {
|
display:block;
|
}
|
|
.show-none {
|
display: none !important;
|
}
|
