@charset "utf-8";
body{font-family: "微软雅黑";}
p,ul,li{padding: 0;margin: 0;}
ul,li{list-style: none;}
select, input, button, button img, label {vertical-align: middle;}
.main{clear: both;width: 1006px;margin: 0 auto;}
.main .ww_left{width:771px;float: left;margin-top:20px;}
.main .ww_right{width:222px;float: right;margin-top:20px;}
.ww_left_one,.ww_right_one{/*height:289px;*/background: white;border-radius: 4px;position: relative;}
.ww_shadow{box-shadow: 0px 5px 15px #d4d4d4;}
/*left*/
.ww_left_one,.ww_left_two,.ww_left_three,.ww_left_four{width:771px;}
.ww_left_two,.ww_left_three,.ww_left_four{margin-top: 20px;border-radius: 4px;background: white;}
.ww_left_four{margin-bottom: 50px;}
.ww_left_two{position:relative;}
.wwlo_top{margin: 0px auto;position:relative;left:50%;float: left;}
.wwlo_top span{display: inline-block;float: left;position:relative;right:50%;}
.wwlo_top .ww_line{width:150px;height: 1px; border-radius: 15px;background: #D4D4D4;margin-top: 27px;}
.wwlo_top .ww_img,.wwlo_top .ww_imgT{height: 60px;line-height: 60px;}
.wwlo_top .ww_img{width: 55px;}
.wwlo_top .ww_imgT{font-size: 16px;padding: 0px 10px;}
.wwlo_ul,.SPF5000_ul,.SPF5000_content{width: 771px;margin: 10px auto 5px auto;font-size: 15px;}
.wwlo_ul li span,.SPF5000_ul li span{padding-left:3px;}
.wwlo_ul li,.SPF5000_ul li{float: left;text-align: center;padding: 8px 0px;text-align: center;}
.wwlo_ul li{width: 185px;}
.SPF5000-Div{display:none;}
.SPF5000_ul li{width: 154px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;}
.jqTitle li:not(:first-child){margin-left: 90px;}
.selectCnj{position: absolute;right: 2px;top: 2px;border:none;border-radius: 5px;height: 26px;width: 120px;cursor: pointer;border: 1px solid #d4d4d4;background-color: white;}
.monid-ul{position: absolute;right: 22px;top: 35px;letter-spacing: 1px;font-size: 15px;}
.ww_left_one .wwlo_content{width: 771px;margin: 0px auto;text-align: center;}
.wwlo_content ul li,.SPF5000_ulO li{float: left;height: 76px;transition:background-color 0.5s linear;-webkit-transition:background-color 0.5s linear;}
.wwlo_content ul li{width: 192px;}
.SPF5000_ulO li{width: 153px;}
.wwlo_content ul li:hover,.SPF5000_ulO li:hover{cursor: pointer;background: #F3F3F5;}
.wwlo_content .wwloc_ulO li:not(:nth-last-child(2)){border-right: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;}
.SPF5000_content ul li .liBg{float:left;height: 76px;width:50px;}
.SPF5000_content ul li .liText{float:left;height: 76px;line-height: 38px;width:103px;text-align: center;}
.SPF5000_ulO li .liText p:nth-child(2){font-size: 13px;}
.wwlo_content .wwloc_ulT li:not(:nth-last-child(2)),.SPF5000_ulO li:not(:nth-last-child(2)){border-right: 1px solid #d4d4d4;}
.wwlo_content .wwloc_ulO li:nth-last-child(2),.liBottom{border-bottom: 1px solid #d4d4d4;}
.wwlo_content ul li .liBg{float: left;width:50px; height: 76px;}
.wwlo_content ul li .liText{float: left;width: 142px;height: 76px;line-height: 38px;}
.wwlo_content ul li .liCount,.SPF5000_content ul li .liCount{font-size: 20px; font-weight: bold;}
.liBg_1{background: url(images/solor_toDayEnergy.png) no-repeat right;}
.liBg_2{background: url(images/ps_todayDischarge.png) no-repeat right;}
.liBg_3{background: url(images/grid_toDaySendEnergy.png) no-repeat right;}
.liBg_4{background: url(images/mc_todayUseEnergy.png) no-repeat right;}
.liBg_5{background: url(images/solor_totalEnergy.png) no-repeat right;}
.liBg_6{background: url(images/ps_todayDischarge.png) no-repeat right;}
.liBg_7{background: url(images/grid_toDaySendEnergy.png) no-repeat right;}
.liBg_8{background: url(images/mc_totalUseEnergy.png) no-repeat right;}
.wlt_content,.sp5000-position-content{width:740px;height: 240px; margin: 0px auto;position: relative;}
.wltc_same{position: absolute;text-align: center;}
.wltc_1{width: 80px; height: 90px;left: 56px; top: 37px;background: url(images/solor.png) no-repeat top;}
.wltc_1 p,.wltc_9 p{margin-top: 55px;}
.wltc_2{width: 80px;height: 96px;background: url(images/inverter-b.png) no-repeat center;left: 314px; top: 5px;}
.wltc_3{width: 52px; height: 110px; background: url(images/inverter_s.png) no-repeat center;left: 328px;top: 120px;}
.wltc_4{width: 80px;top: 254px;left: 313px;}
.wltc_5{width:84px;height: 100px;left: 575px;top: 0px;background: url(images/icon_grid.png) top no-repeat;}
.wltc_5 p,.wltc_12 p{margin-top: 95px;}
.wltc_6{width: 61px;height: 70px;left: 591px;top: 134px;background: url(images/mc.png) no-repeat top;}
.wltc_6 p{margin-top: 65px;}
.wltc_7{width: 64px;height: 75px;left: 468px;top: 248px;background: url(images/load.png) no-repeat top;}
.wltc_7 p,.wltc_14 p{margin-top: 55px;}
.wltc_8{width: 160px;height: 86px;border: 1px solid red;left: 146px; top: 12px;}
.wltc_9{width: 80px; height: 90px;left: 51px; top: 45px;background: url(images/solor.png) no-repeat top;}
.wltc_10{width: 93px;height: 73px;background: url(images/storageSp.png) no-repeat top;left: 214px;top: 37px;}
.wltc_11{width: 68px;height: 79px;background: url(images/inverter-small.png)no-repeat center;left: 394px; top: 14px;}
.wltc_12{width:84px;height: 100px;right: 24px;top: 8px;background: url(images/icon_grid.png) top no-repeat;}
.wltc_14{width: 70px;height: 75px;left: 513px;bottom: 25px;;background: url(images/load.png) no-repeat top;}
.wltc_15{width: 80px;left: 222px;bottom: 17px;}
.wltc_16{ left: 99px;top: 27px;font-size: 13px;}
.wltc_16_left,.wltc_16_right{float: left;}
.wltc_16_left{width: 30px;text-align: right;}
.wltc_16_left p:last-child{margin-top: 17px;}
.wltc_16_right{width: 95px;}
.wltc_16_right img{margin-left: -14px;}
.wltc_16_right img:last-child{margin-top: 10px;}
.wltc_17{top: 44px;left: 307px;}
.wltc_17 img{margin-left: -4px;}
.wltc_18{top: 36px;left: 305px;}
.wltc_18 p{margin:-40px 203px 0 -80px ;text-align: right;}
.wltc_19,.wltc_24{top: 89px;left: 247px;}
.wltc_19 p{margin: -43px 15px 0 -80px;text-align: right;}
.wltc_19 img,.wltc_24 img{margin-top: -3px;}
.wltc_20{top: 47px;left: 457px;}
.wltc_20 img{margin-left: -6px;}
.wltc_20 p{margin-top: -35px}
.wltc_22{top: 46px;right: 95px;}
.wltc_23{top: 47px;right: 170px;}
.wltc_4_top{width: 18px;height: 4px;background: #3b9cd7;margin: 0px auto;-moz-border-radius: 1px 1px 0px 0px;-webkit-border-radius: 1px 1px 0px 0px;border-radius: 1px 1px 0px 0px;}
.wltc_4_content{position: relative;width: 32px;height: 40px;background: white;border: 1px solid #3b9cd7;margin: 0px auto;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius:1px;}
.wltc_4_content .wltc_c_bg{width: 32px;height: 0px;position: absolute;bottom: 0px;background: #75c85f;}
.wltc_c_count{color: black;font-size: 12px;position: absolute;z-index: 55;text-align: center;width: 32px;top: 10px;}
.mmd_time{height: 52px;margin-left: 17px;line-height: 52px;}
.mmd_time #typeTime{outline: none;text-align: center;cursor: pointer;}
.mmd_left,.mmd_right{height: 26px;border: 1px solid #D4D4D4;width: 40px;border-radius: 5px;background-color: white;cursor: pointer;}
.mmd_left{background: url(images/jx34.png) no-repeat center;}
.mmd_right{background: url(images/jx33.png) no-repeat center;}
.mmd_time input{height: 22px;border: 1px solid #d4d4d4;border-radius: 5px;}
.mm_today{display: inline-block;height: 26px;width: 60px;background: white;border: 1px solid #D4D4D4;border-radius: 5px;
		  text-align: center;color: #3c3c3c3;}
.mmd_time select{height: 26px;width: 60px;border: 1px solid #d4d4d4;border-radius: 5px;}
.wwlt_chart{width: 700px;margin: 0px auto;height: 255px;}
.wwlt_chart .wwltc_l,.wwlt_chart .wwltc_r{width: 350px;height: 249px;float: left;}
.cctl_charts{width: 350px; height: 220px;}
.cctl_title,.cctr_title{text-align: center;}
.cctl_title span:last-child{color:#75c85f; padding-left: 10px;}
.cctr_title span:last-child{color:red; padding-left: 10px;}
.gf_charts{width: 700px; height: 100px; margin: 10px auto;}
.wwltc_m{height: 310px; width: 700px;margin: 15px auto 0px auto;}
.sp5000-chart{width: 700px;margin: 15px auto 30px auto;display:none;}
.sp5000-chart-left,.sp5000-chart-right{width:350px;float:left;}
.sp5000-chart-title{font-size:14px;height:35px;line-height:35px;text-align:center;}
.cd-count{color:rgb(27,209,109)}
.fd-count{color:rgb(228,193,31)}
.statu-img{cursor: pointer;position:absolute;right:15px;top:15px;width:25px;height:25px;background: url(images/notes.png) no-repeat center;}
.status-content{border:1px solid #d4d4d4;border-radius:5px;position:absolute;z-index: 999;display:none;width:277px;height:300px;right: -220px;top: 47px;background-color:white;}
.status-content-bg{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 10px solid #ece0e0;position: absolute;top: -11px;left: 25px;}
.status-content table{width: 277px;margin: 5px auto;font-size: 12px;color: #6b6e72;border-collapse: collapse;height:300px;}
.status-content table tr td:nth-child(1){width:175px;padding-left:10px;}
.sp5-same{position:absolute;text-align:center;}
.sp5-tyn{width: 75px;height: 47px;background: url(images/total.png) no-repeat 0px 0px;left: 50px;top: 10px;}
.sp5-tyn p{margin-top: 53px;}
.sp5-dw p{margin-top: 83px;}
.sp5-cnj p{margin-top: -21px;}
.sp5-dz div{margin-top: 85px;}
.sp5-dz div p{line-height:25px;}
.sp5000-position{display:none;}
.splinear-1{width:23px;height:74px;background: url(images/xiashang.gif) no-repeat center;left: 355px;top: 101px;}
.splinear-2{width:195px;height:16px;background: url(images/youzuo.gif) no-repeat center;top: 42px;left: 118px;}
.splinear-3{width:195px;height:16px;background: url(images/zuoyou.gif) no-repeat center;left: 421px;top: 68px;}
.splinear-4{width:195px;height:16px;background: url(images/zuoyou.gif) no-repeat center;top: 93px;left: 118px;}
.splinear-count-1{left: 204px; top: 24px;}
.splinear-count-2{left: 204px;top: 110px;}
.splinear-count-3{left: 374px;top: 128px;}
.splinear-count-4{left: 504px;top: 53px;}
.sp5-dw{width: 80px;height: 81px;background: url(images/total.png) 2px -70px no-repeat;left: 56px;top: 86px;}
.sp5-cnj{width: 105px;height: 71px;background: url(images/total.png)no-repeat -263px -34px;left: 314px;top: 35px;}
.sp5-dc{width: 80px;left: 323px;text-align:center;left: 329px;top: 170px;}
.sp5-dz{width: 78px;height: 87px;background: url(images/total.png) no-repeat -526px -34px;left: 609px;top: 35px;}
.work_message {width: 770px;height: 345px; margin: 10px auto;}
.work_message .wm_left,.work_message .wm_right{float: left;width: 385px;height: 338px;text-align:center;}
.work_message .wm_left .wml_img1,.work_message .wm_right .wml_img2{width: 385px;height: 300px;}
.wml_title1 img,.wml_title2 img{float:left;margin-top: 6px;}
.wml_title1 span,.wml_title2 span{float: left;margin-left: 4px;}
.wml_title1, .wml_title2 {text-align: center;height: 28px;line-height: 28px;font-size: 16px;margin: 5px auto;display:inline-block;}
.fL{float: left;}
.mlb_download button {cursor: pointer;width: 102px;height: 26px;border: 1px solid #d4d4d4;background-color: white;background: url(images/daochu.png) no-repeat 5px;margin-left: 50px;padding-left: 22px;border-radius: 5px;}
.mlb_print {margin-right: 50px;}
.fR {float: right;}
.fmp_one{background: url(images/downLoad.png) no-repeat center;}
.fmp_two{background: url(images/print.png) no-repeat center;}
.mlb_print button {height: 26px;border: 1px solid #d4d4d4;margin-right: 10px;width:40px;border-radius: 5px;cursor: pointer;background-color: white;font-size: 12px;}
/*right*/
.ww_right_one,.ww_right_two,.ww_right_three,.ww_right_same,.ww_right_sp5000-two{width:222px;}
.ww_right_same{height: 136px;}
.ww_right_sp5000-two{height:278px;margin-bottom:20px;}
.ww_right_two,.ww_right_three,.ww_right_same,.ww_right_sp5000-two{background: white; border-radius: 4px;}
.ww_right>div:not(:first-child){margin-top: 20px;}
.wro_top{height: 46px;border-radius: 4px 4px 0px 0px;background-color:#e4c11f;text-align: center;line-height: 46px;font-size: 16px;color:#FFFFFF;}
.wro_bottom{height: 243px;}
.wrtt_one{height: 102px; width: 72px;float: left;line-height: 51px;}
.wrtt_two{height: 102px; width: 129px;float: left;line-height: 28px;}
.wrt_bottom{text-align: center;}
.wrtb_one{height: 40px; line-height: 50px;}
.wrtb_two .wrtbt_one{float:left;width:90px;height: 70px;background: url(images/mei.png) center no-repeat;}
.wrtb_two .wrtbt_two{float:left;width:112px;height: 70px;line-height: 24px;}
.wrtb_two .wrtbt_two p:first-child,.wrtbt_two p:first-child{margin-top: 10px;color:#75c85f;font-size:16px;font-weight: bold;}
.wrtb_two .wrtbt_two p:last-child,.wrtbt_two p:last-child{font-size:14px;height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; cursor: pointer; white-space: nowrap;}
.wrtb_three .wrtbt_one{float: left;width: 90px;background:url(images/icon_CO2.png) center no-repeat;height: 90px;}
.wrtb_three .wrtbt_two{float: left;width:112px;height: 90px;line-height: 29px;}
.wwrt_top,.wwrt_top-sp5000{height: 46px; text-align: center;line-height: 46px;border-radius: 4px 4px 0px 0px; font-size: 16px;color:#FFFFFF;}
.wwrt_top{background: #64b9fa;}
.wwrt_top-sp5000{background: rgb(228,193,31);}
.sp5000-today,.sp5000-all{width:200px;margin:0 auto;}
.sp5000-today p:nth-child(1),.sp5000-all p:nth-child(1){background:url(images/ss.png) 3px 23px no-repeat;}
.sp5000-today{border-bottom:2px solid #d4d4d4;height:114px;}
.sp5000-all{height:116px;}
.sp5000-today p:nth-child(1),.sp5000-all p:nth-child(1){font-size:14px;height:36px;line-height:57px;padding-left: 23px;}
.sp5000-today p:nth-child(2),.sp5000-all p:nth-child(2){color:rgb(228,193,31);text-align:center;height:58px;line-height:58px;}
.sp5000-today p:nth-child(2) span,.sp5000-all p:nth-child(2) span{font-size:24px;}
.sp5000-chart-content{width:350px;height:150px;}
.s5-chart-text,.s5-chart-count{width:350px;height:30px;line-height:30px;}
.s5-chart-text span,.s5-chart-count span{display:inline-block;width:175px;text-align:center;}
.s5-chart-count{font-size: 15px;}
.s5-chart-text span:nth-child(1),.s5-chart-count span:nth-child(1){float:left;}
.s5-chart-text span:nth-child(2),.s5-chart-count span:nth-child(1){float:right;}
.sc-one span:nth-child(1){color:rgb(27,209,109)}
.sc-one span:nth-child(2){color:rgb(100,185,285)}
.sc-two span:nth-child(1){color:rgb(228,193,31)}
.sc-two span:nth-child(2){color:rgb(15,151,77)}
.wrt_top *{color:white;}
.ww_right_three table{width: 100%;height: 270px;}
.ww_right_three table tr td:first-child{width: 30px;}
.ww_right_same .wwrs_top_a,.ww_right_same .wwrs_top_b,.ww_right_same .wwrs_top_c{font-size: 16px;height: 30px;border-radius: 4px 4px 0px 0px;color: white;text-align: center;line-height: 30px;}
.ww_right_same .wwrs_top_a{background:#14B9D5;}
.ww_right_same .wwrs_top_b{background:#59C4BC;}
.ww_right_same .wwrs_top_c{background:#69AFC8;}
.ww_right_same table{width: 180px; height: 160px;margin: 5px auto;font-size: 12px;color: #6b6e72;}
.plant_info{height:200px;margin-bottom: 50px;}
.wrt_top{height: 102px;border-radius: 4px 4px 0px 0px;background: #6c87cc;text-align: center;font-size: 13px;color:#ffffff;}