@CHARSET "UTF-8";
.wlw-wrapper{width:100%;height:27%;margin-top:1%;position:relative}
.wlw-wrapper .wlw-title{width:100%;height:30px;line-height:30px;font-size: 16px;color:#fff;}
.wlw-wrapper .wlw-title>a{text-align:left;padding-left: 65px;width:50%;color:#fff;display:block;float:left;text-shadow:#1696DD 1px 0 2px,#1696DD 0 1px 2px,#1696DD -1px 0 2px,#1696DD 0 -1px 2px;*filter: Glow(color=#1696DD, strength=1);text-decoration: none;max-width: 200px;background:url(../../img/wlw/item-icon.png) no-repeat 28px center;background-size:30px;}
/*使用伪类给select添加自己想用的图标*/
#wlw-echart,#zz-echart{width:100%;height:75%;overflow:hidden}
.gm-wrapper{width:100%;height:29%;margin-top:23%;position: relative;}
.gm-wrapper .gm-title{width:100%;height:30px;line-height:30px;font-size: 16px;color:#fff;}
.gm-wrapper .gm-title a{text-align:left;padding-left: 65px;/*width:50%;*/color:#fff;display: block;float:left;text-shadow:#1696DD 1px 0 2px,#1696DD 0 1px 2px,#1696DD -1px 0 2px,#1696DD 0 -1px 2px;*filter: Glow(color=#1696DD, strength=1);text-decoration: none;background:url(../../img/wlw/item-icon.png) no-repeat 28px center;background-size:30px;}
.gm-wrapper  .crop-select{cursor:pointer;width: 100px;height:28px;line-height:30px;float: right;border-radius: 5px;box-shadow: 0 0 10px #0185CE inset;position: relative;margin-right: 14%;font-size: 14px;color: #0185CE;text-indent: 6%;}
.wlw-wrapper  .crop-select,.sc-wrapper  .crop-select{text-align: center;width: 100px;height:28px;line-height:30px;float: right;border-radius: 5px;position: relative;margin-right: 14%;font-size: 14px;color: #0185CE;text-indent: 6%;}
.gm-wrapper  .gm-total,.sc-wrapper  .sc-total{width:50%;height: 100%;font-size: 14px;float: left;line-height: 2;text-indent: 10px;}
.gm-total{color: #0185CE;}
.gm-total em{color: #FFF;}
.gm-wrapper  .gm-total em,.sc-wrapper  .sc-total em,#cl-area em,#zz-area em{text-shadow:#1696DD 1px 0 2px,#1696DD 0 1px 2px,#1696DD -1px 0 2px,#1696DD 0 -1px 2px;*filter: Glow(color=#1696DD, strength=1);font-style:normal;font-size:16px;font-weight:bold;padding:0 3px;font-family: 'machine';}
#gm-echart{width:100%;height:82%;}
#cl-echart{width:98%;height:77%;}
#cl-area,#zz-area{color:#0185CE;clear: both;text-align:center;height:10%;}
#cl-area em,#zz-area em{color:#fff}
.sc-wrapper{width:100%;height:25%;margin-top:1%;position: relative;}
.sc-wrapper .sc-title{width:100%;height:30px;line-height:30px;font-size: 16px;color:#fff;}
.sc-wrapper .sc-title a{text-align:left;padding-left: 65px;width:50%;display:block;float:left;color:#fff;text-shadow:#1696DD 1px 0 2px,#1696DD 0 1px 2px,#1696DD -1px 0 2px,#1696DD 0 -1px 2px;*filter: Glow(color=#1696DD, strength=1);text-decoration: none;max-width: 200px;background:url(../../img/wlw/item-icon.png) no-repeat 28px center;background-size:30px;}
#jg-echart,#jg-echart-anim{width:100%;height:90%;overflow: hidden;margin:0}
#sc-echart li:first-child{margin-top:0;transition:margin-top .8s}
#sc-echart .sc-item{width: 92%;height:30px;line-height:30px;color:#fff;margin-left: 8%;}
#sc-echart .sc-item span,.sc-echart-title span{width:36%;display:inline-block;overflow: hidden;color: #fff;text-decoration: none;}
#sc-echart .sc-item em,.sc-echart-title em{width:20%;display:inline-block;overflow: hidden;font-style:normal;font-weight:bold;font-family: 'machine';color:#177AF2;font-size:16px}
.sc-echart-title{width:92%;
    height: 30px;
    line-height: 30px;
    font-size:16px;
    margin-left: 8%;}
#sc-echart li{list-style:none;cursor:pointer}
#jg-echart table{width:93%;color:#fff;text-align: center;line-height: 21px;}
#jg-echart .borderline>td{border-bottom:1px solid #042D58;font-size:12px}
#jg-echart .borderline em{font-style:normal;font-size:16px;font-weight:bold;padding:0 3px;font-family: 'machine';}
#jg-echart .borderline img{height:17px;}
#jg-echart .lowestprice{color:#248FF0}
#sc-echart{width: 100%;height: 70%;overflow: hidden;}
.txt-scroll>div{border-bottom: 1px solid #0185CE;}
/*用户详情弹出页面*/
#userDetailsModal .user-left-wrapper{width:20%;float:left;margin-left:4%;margin-top:40px}
#userDetailsModal .user-right-wrapper{width:75%;float:left;margin-left:1%}
#userDetailsModal .user-name,#userDetailsModal .user-addr,#userDetailsModal .user-phone{color:#047CCE;}
#userDetailsModal .user-left-wrapper div{line-height:35px;}
#userDetailsModal  .shed-info{margin:10px 0;text-shadow: #1696DD 1px 0 2px, #1696DD 0 1px 2px, #1696DD -1px 0 2px, #1696DD 0 -1px 2px;font-size:16px;color:#fff;background:url(../../img/wlw/user-details-shedinfo-bg.png) no-repeat;background-size: contain;text-indent: 22%}
#userDetailsModal  .sepc-line{height:10px!important;margin:10px 0;background:url(../../img/wlw/user-details-line.png) no-repeat center center;background-size: contain;}
#userDetailsModal .term-env-wrapper{background: url(../../img/wlw/modal-bg.png) no-repeat right center;width:100%;background-size:100% 100%;}
#userDetailsModal  .term-info{height:80px;width:85%;overflow: hidden;margin-left:5%;padding-top:25px;background: url(../../img/wlw/user-details-line.png) no-repeat center bottom;background-size: contain;}
#userDetailsModal  .term-type{height:50px;width: 100%;overflow: hidden;}
#userDetailsModal  .term-info .term-name{float:left;height: 100%;color: #047CCE;width: 13%;line-height: 4;font-weight:bold}
#userDetailsModal  .term-info .term-status,#userDetailsModal  .term-info .term-data{float:left;height: 100%;width:27%;background: url(../../img/wlw/user-details-term-line.png) no-repeat right center;background-size: contain;line-height: 2;}
#userDetailsModal  .term-info .term-status span{display:block;width:100%;height:50%}
#userDetailsModal  .term-info .term-status em{color: #047CCE;font-style:normal}
#userDetailsModal  .term-info .term-data span{display:inline-block;width:45%;text-align: center;height:100%;}
#userDetailsModal  .term-info .term-data em{display:block;width:100%;height:50%;text-align: center;font-style:normal;font-weight:bold;}
#userDetailsModal  .term-env-info{height:400px;margin-left:5%;}
#userDetailsModal  .term-env-info .shed-list{width: 15%;list-style: none;float:left;height:380px;overflow-y:auto}
#userDetailsModal  .term-env-info .shed-list li{background:url(../../img/wlw/user-details-select-off.png) no-repeat left center;background-size: contain;border-bottom:1px solid #2979b2;text-indent: 19px;cursor:pointer;height: 30px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#userDetailsModal  .term-env-info .shed-list li.selectOn{background:url(../../img/wlw/user-details-select-on.png) no-repeat left center;background-size: contain;color:#047CCE}
#term-env-echart{float:left;width:600px;height:380px;margin-left:20px}
#term-env-echart-new{float:left;width:100%;height:70%;}
#term-video{float:left;width:400px;height:380px;margin-left:20px}

#shed-wrapper{width:98%;margin: 0 auto;display: flex;flex-flow: row wrap; display:none}
#shed-wrapper .item{width:24%;min-height: 60px;margin-right: 3px;border:1px solid #2979b2;
          margin-top: 3px;flex:none;box-shadow: 0px 0px 10px #0185CE inset;}
#shed-wrapper .item div,#shed-wrapper .item span{height: 33px;line-height: 30px;}
#shed-wrapper .shed-name {color:#fff;text-align: center;text-align: center;font-size:16px;border-bottom: 1px solid #2979b2;}
#shed-wrapper .item:nth-child(4n) {margin-right: 0}
#shed-wrapper .term-item{display: flex;}
#shed-wrapper .term-item span{width:25%;text-align: center;overflow: hidden;}
#shed-wrapper .term-item span:first-child{width: 50%;}
#shed-wrapper .warning {color: red;flex-grow:2!important;}
#shed-wrapper .low {color: #00cef7;flex-grow:2!important;}
#shed-wrapper .warning span:nth-child(2),#shed-wrapper .warning span:nth-child(3),
#shed-wrapper .low span:nth-child(2),#shed-wrapper .low span:nth-child(3),
#shed-wrapper .lost span:nth-child(2),
#shed-wrapper .normal span:nth-child(2),#shed-wrapper .normal span:nth-child(3){font-size:20px}
#shed-wrapper .normal {color: #65da65}
#shed-wrapper .lost {color: #807e7e}
#shed-wrapper .text {color: #082571}
#showAllShedEnv{position: absolute;z-index: 222;top: 84px;
    left: 54px;color: #fff;border: 1px solid #029fed;width: 186px;height: 27px;
    text-align: center;border-radius: 11px;cursor:pointer;box-shadow: 0px 0px 10px #0185CE inset}
#userDetailsModal{background: rgba(4,21,51,0.9);}
.tab-area{position: absolute;bottom: 6%;left: 36%;width:28%}
.tab-area div{float:left;float: left; width: 20%;height: 30px;line-height: 30px;text-align: center;background-size: 100%;margin-left:6px;cursor:pointer}
/* background:url(../../img/wlw/nav-select.png) no-repeat left center; */
.tabselect{background-size: contain;color:#B89D43;border-bottom:1px solid #B89D43}
.tabnoselect{background-size: contain;color:#047CCE;}