html,body{width:100%;margin:0;padding:0;}
ul,li{margin:0;padding:0;list-style:none;}
.clearfix:after{display:block;content:'';clear:both;}
.clearMarginRight{margin-right:0 !important;}
#mainMiddleWrap{height:100%;padding:0 32px;}

.deviceInfo ul{display:flex;}
.deviceInfo li{text-align:center;width:200px;margin-right:50px;}
.deviceInfo li div{cursor:pointer;color:white;height:46px;line-height:40px;background:url(../images/dataTitleBg.png) no-repeat;background-position: -9px -7px;}
.deviceInfo li p{color:yellow;font-size:40px;margin:0;padding:0;}

.deviceGraph{height:606px;display:flex;align-items:flex-end;}
#deviceGraph1{height:606px; width:746px;}
#deviceGraph2{height:180px;width:200px;margin-bottom:10px;}

.deviceList{background:url(../images/deviceListBg.png) no-repeat;height:219px;background-position: -9px -9px;}
.deviceListTitle{display:flex;justify-content:space-between ;height:33px;line-height:30px;color:white;padding-left:23px;padding-right:2px;}
.deviceSearch{padding-right:4px;padding-top: 4px;}
.deviceSearch input[type=radio],.deviceSearch label{font-size:12px;color:#888888;}
input[type="radio"] + label::before {
    content: "\a0"; /*²»»»ÐÐ¿Õ¸ñ*/
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 10px;
    height: 10px;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #5d5e63;
    text-indent: .15em;
    line-height: 1; 
}
input[type="radio"]:checked + label::before {  border: 1px solid #6fb0cc;background-color: #6fb0cc; background-clip: content-box; padding: .1em;}
input[type="radio"] {position: absolute; clip: rect(0, 0, 0, 0);}
.deviceSearch input[type=text]{background: #111f3a; outline: none;border: none;border: 1px solid #3b6281;height: 22px;color:#fff;padding-left:15px;}
.deviceSearch input[type=button]{cursor:pointer; width: 42px; background: #121b38; height: 23px;border: none; border: 1px solid #3b6281; line-height: 22px; color: white;}
.deviceListMain{height:184px;display:flex;width:100%;color:#cbcbcb;font-size:12px;}
.deviceListCatalog{width:186px;height:100%;border-right:1px solid #174d71; padding-left: 2px;overflow-y:auto;}
.deviceListCatalog li{height:30px;line-height:30px;padding-left:20px;position:relative;}
.deviceListCatalog >ul> li:after{display:block;content:">";height:30px;width:20px;line-height:30px;position:absolute;top:0;right:10px;}
.deviceListCatalog span{display:block;height:30px;line-height:30px;}
.deviceListContent{  position:relative;  width: calc(100% - 190px);height: 98%;overflow: auto;margin-top: 2px;}
.deviceListContent tr:hover{background-color:#134a69;color:#fff;}
.deviceListContent tr:after{height:1px;width:100%;position:absolute;left: 0px;content: "";background-color: #133856;}
.deviceListContent td{height:20px;}
.deviceListContent table{width:100%;text-align:center;}
.deviceListContent thead{height:30px;line-height:30px;}
.deviceListContent tr{height:30px;line-height:30px;cursor:pointer;}
.deviceListContent tr td:nth-child(1) div{width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.deviceListContent tr td:nth-child(2) div{width:126px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.deviceListContent tr td:nth-child(3) div{width:114px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}	
.deviceListContent tr td:nth-child(4) div{width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.deviceListContent tr td:nth-child(5) div{width:240px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
::-webkit-scrollbar {
   width: 6px;
   height: 185px;
}
::-webkit-scrollbar-thumb {
    background-color: #155f84;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	 cursor:pointer;
}
.tree-node-selected{background: #134a69 !important;color: #fff !important;}
.tree-node-hover{background: #134a69 !important;color: #fff !important;}

.pagination-info{color:#fff !Important;}
.pagination-page-list{  background: #081226 !important;   color: white !important;margin-top: -8px !important;}
.pagination-page-list, .pagination .pagination-num{    border-color: #134a69 !important;}
/* .pagination-link .l-btn-text{    background: #134a69 !important;} */
.l-btn:hover,.l-btn-plain:hover,.l-btn-disabled, .l-btn-disabled:hover,a:hover{border:none !important;color:white !important;}
.pagination-prev{    background: url(../images/pagination_icons_1.png) no-repeat -16px center  !important;}
.pagination-first{background: url(../images/pagination_icons_1.png) no-repeat 3px 0px !important;}
.pagination-next{    background: url(../images/pagination_icons_1.png) no-repeat -32px 0px !important;}
.pagination-last{ background: url(../images/pagination_icons_1.png) no-repeat -50px 0px !important;}
.l-btn-disabled, .l-btn-disabled:hover{opacity:1 !important;}
.l-btn-plain-selected, .l-btn-plain-selected:hover {  background: #1d96e8 !important; color: white !important;}
.textbox{margin-right:0 !important;}