meidu2021/daju/WebRoot/plug-in/dataview/css/sensor_wenshidu.css

html{
 font-size: 100px;
}
html, body, header,article, nav, ul, li{margin: 0; padding: 0;}
html, body, .container,.herder_bg {
    height: 100%;
}
*{
    box-sizing:border-box
}
ul, ol, dd {
  list-style-type:none;
  margin-left:0;
  padding-left:0;
 }
a {
 text-decoration:none;
 color:#1580da;
}

body{
  font-size:0.16rem;
  color: #ffffff;
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
}

/*闅愯棌鐧惧害鍦板浘logo*/
.BMap_cpyCtrl{display:none}
.anchorBL{display:none}

.container {
     padding:0.1rem;
     background-image: url(../../../images/sybj.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     background-color:#1b2852;
     font-family: 'microsoft yahei',Arial,sans-serif;

}

header {
    height: 8%;
    padding-bottom: 0.1rem;
}

.herder_bg{
    width: 100%;
    /*color: #6cbbe6;*/
    /*font-size: 24px;*/
    /*font-weight: bold;*/
    /*text-align: center;*/
    background: url(../../../images/tjtopbg.jpg);
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

#switch_btn{
    background-image: url(../../../images/4-1.png);
    width:0.45rem;
    height:0.45rem;
    position:absolute;
    top:0.2rem;
    right:0.2rem;
    z-index: 99999;
    background-size: cover;
}

article {
    width: 100%;
    height:89% ;
    padding-bottom: 0.1rem;
}

.wrap{
    width: 100%;
    height: 100%;
    float: left;
}
.wrap-left{
    width: 50%;
    height: 100%;
    float: left;
}

.wrap-right{
    width: 49%;
    height: 100%;
    float: left;
    margin-left:1%;
}

.left-top{
    height: 51.5%;
    margin-bottom: 1.5%;
    padding:0.15rem;
    background: url(../../../images/1-1b.png) no-repeat;
}
.left-btm{
    height: 47%;
    padding:0.15rem;
    background: url(../../../images/1-2.png) no-repeat;
}

.right-top{
    height: 51.5%;
    margin-bottom: 1.5%;
    padding:0.15rem;
    background: url(../../../images/1-3.png);
}
.right-btm{
    height: 47%;
}

.r-btm-left{
    height: 100%;
    width: 100%;
    background: url(../../../images/1-4.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    padding:0.15rem;
    float: left;
}
.r-btm-righ{
    height: 100%;
    margin-left:1%;
    padding:0.15rem;
    width: 42%;
    background: url(../../../images/1-5.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    float: left;
}

.sun-div{
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.sun-title
{
    height: 0.4rem;
    line-height: 0.4rem;
    padding-left: 0.1rem;
    font-size: 0.16rem;
    font-weight:normal;
}

.left-top .sun-title{
    background: url(../../../images/2-1.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}
.left-btm .sun-title{
    background: url(../../../images/2-1.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

.right-top .sun-title{
    background: url(../../../images/2-3.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

.r-btm-left .sun-title{
    background: url(../../../images/2-1.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

.r-btm-righ .sun-title{
    background: url(../../../images/2-1.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

.left-top-ec{
    width: 100%;
     height: 4rem;
}
.right-top-ec{
    width: 100%;
     height: 4rem;
}
.right-btm-ec{
    width: 100%;
     height: 2rem;
}
.left-btm-ec{
    width: 100%;
     height: 4rem;
    
}
.left-top-ec span{
    width: 50%;
    float: left;
    text-align: center;
    font-size: 0.22rem;
    line-height: 0rem;
}
.left-top-ec div{
    width: 95%;
    float: center;
   height:600px;
    height: 90%;
}
.left-btm-ec div{
    width: 95%;
    float: left;
  height: 90%;
/* background-color:red;*/
}

.right-btm-ec div{
    width: 95%;
    float: left;
   height: 1rem;
    /*height: 4rem;*/
     background-color:#ff8040;
}

.right_top_ec div{
	 width: 95%;
    float: left;
    height: 1rem;
}


.litext{
    display: inline-block;
    vertical-align:middle;
    width:60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255,255,255,.7);
    padding: 0 24px;
}
.litext hover{
    display: inline-block;
    vertical-align:middle;
    width:60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255,255,255,.7);
    padding: 0 24px;
}
.litextsmall{
    display: inline-block;
    vertical-align:middle;
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: green;
    padding: 0 4px;
		font-size: 13px;
}
.r {
    float: right;
}


 
 .ec_line{
      width:80%;
     height:500px;

 }
  .ec_line_right{
      width:95%;
     height:3.5rem;

 }
  .ec_line_half{
      width:95%;
     height:1rem;
 }

.ri-table{
    width: 100%;
}

.ri-table  tr{
    width: 100%;
}

#ec4{
    width:100%;
    height:1.5rem;
}
#ecRiLi{
    width:100%;
    height:1.5rem;
}
.ri-table tr:nth-child(odd){
    background-color:rgba(255,255,255,0.1)!important;
    filter:Alpha(opacity=10);
    background:#fff;
}
.ri-table tr td {
    line-height: 0.25rem;
     border:1px solid rgba(38, 113, 148, 0.2);text-align: center;
 }
  .btn {  
        color: #0080c0;      
        background: transparent;
        border: 0px none;  //去边框  
        font-family: "宋体";  
        font-size: 15px;  
        text-decoration:underline;  //加下划线  
    }  
    .btn:hover{  
        color:red;  
        border: none;  
        cursor: hand;  
        cursor: pointer;  
        text-decoration:underline;  //加下划线  
    }  
    .btn:focus {   
        outline: none;    //去边框  
    }