/*样式初始化*/
*{margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: PingFangSC,helvetica, "microsoft yahei", arial, sans-serif;font-style: normal;font-weight: 500}
.l-fl{float: left;}
.l-fr{float: right;}
.l-clearfix:after{display: block;clear: both;height: 0;visibility: hidden;content: '';}
body{background: #F7F8FA;position: relative;}
input, select{outline: none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px transparent inset;background-color:transparent !important;}

/*login*/
.l-wrap{background:#253340 url("/static/img/bg-screen-1.jpg") no-repeat;background-size: cover; position: relative;height:100%;width:100%}
.l-box{width:550px;height:440px;position: absolute;top:50%;left:55%;background:#fff;margin:-220px 0 0 -375px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;padding:40px;box-sizing: border-box}
.l-loginTitle h2{font-weight: 400;margin-bottom:60px;color: #444;font-size:30px;text-align: center}
.l-loginMain{position: relative}
.l-loginLine{position: absolute;left:50%;height:250px;width:40%;border-left:1px solid #e5e5e5;}
.l-loginLine span{font-size: 16px;padding:10px 0;display: inline-block;background:#fff;color: #999;position: absolute;top:100px;left:-12px}
.l-loginLine button{margin:100px 0 0 60px;width:220px;height:34px;border:none;font-size:14px;color: #fff;border-radius: 4px;font-weight: bold;background: #439057 url("/static/img/wx.png") no-repeat 60px 10px;}
.l-loginForm{width:60%;margin-left: 20%}
.l-loginForm input, .l-loginForm button{width:100%;margin-bottom:15px}
.l-loginForm input{height:40px;border: 1px solid #eee;border-radius: 4px;padding:0 10px 0 30px;color:#555;font-size: 14px;font-weight: normal;box-sizing: border-box}
.l-loginForm .l-password{margin-bottom: 10px;background: url("/static/img/password.png") no-repeat 8px 12px;}
.l-loginForm .l-user{background: url("/static/img/user.png") no-repeat 8px 11px;}
.l-loginForm .l-loginBtn{height:36px;color: #fff;font-size: 14px;border-radius: 4px;background: #ffa832;margin-bottom: 30px;border:none;margin-top:15px}
.l-forget{font-size:13px;color:#999}
.l-loginText span{font-size:13px;color:#999}
.l-loginText a{font-size: 13px;color:#ffa832}

/*头部*/
.l-header{width: 100%;border-bottom: 1px solid #d4d4d4;background: #555C63;height: 72px;position: fixed;left: 0;top: 0;z-index: 1;}
.l-header_logo{height: 100%;box-sizing: border-box;padding: 20px 0 0 20px;width: 150px}/*width: 200px*/
.l-header_logo img{height: 36px;}
/*头部导航(悬停/点击)*/
.l-header_nav li{float: left;box-sizing: border-box;height: 74px;line-height: 72px;margin: 0 10px;}
.l-header_nav li {color: #fff;font-size: 16px;padding: 0 0;display: block;height: 100%;font-weight: 500}
/*.l-header_nav li.active{border-bottom: 4px solid #fff;}*/
.l-header_nav li:hover {color: #F9D064; background-color: #454A50;}
.l-header_nav li.active {color: #F9D064;}
/*头部导航，右侧用户信息*/
.l-header_user{padding-right: 10px;}
.l-header_user li{float: left;line-height: 72px;}
.l-header_user li a{display: inline-block;height: 100%;padding: 0 10px;}
.l-header_user .switchVersion{display: inline-block;width:15px;height:13px;background: url(/static/img/switch.png) no-repeat;position:relative;top:1px}

/*左侧栏*/
.l-leftNav{height: 100%;background: #555C63;position: fixed;left: 0;top: 0;z-index: 1;width: 110px;}
.l-leftNav_logo{padding: 18px 0 0 40px;margin-bottom: 18px;height: 42px;}
.l-leftNav_logo img{height: 42px;}
.l-leftNav_search{border-bottom: 1px solid #818181;margin:0 18px 10px 18px;}
.el-menu-item {
	height: 56px;
	line-height: 56px;
	font-size: 14px;
	color: #fff;
	padding: 0 20px;
	/*list-style: none;*/
	cursor: pointer;
	position: relative;
	-webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	transition: border-color 0.3s, background-color 0.3s, color 0.3s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	padding-left: 20px;
	/*color: rgb(191, 203, 217);*/
}
.item-active-hover:hover {
	background-color: #454A50;
	color: #F9D064;
}
/*左侧栏按钮----------待定*/
.l-leftNav_treeSwitch{text-align: center;}
.l-leftNav_treeSwitch input{float: left;color: #C0C0C0;background: transparent;width: 82px;height: 30px;font-size: 12px;}
.l-leftNav_treeSwitch .l-treeSwitch_tube{border: 1px solid #C0C0C0;border-right: none;margin-left: 18px;}
.l-leftNav_treeSwitch .l-treeSwitch_level{border: 1px solid #C0C0C0;border-left: none;}
.l-leftNav_treeSwitch .active{background: #1A92EE;border-color: #1A92EE;color: #fff;border-color: #1A92EE;}

/*右侧内容部分*/
.l-mainRight{margin-left: 105px;padding: 72px 25px;}
.l-main_title{height: 42px;line-height: 42px;}
.l-btn_search{margin-left: 24px;}
.l-main_operating{padding-top: 18px;margin-bottom: 20px;}
.l-view_box{overflow-y: scroll;}
.l-chart_box{min-height: 320px;}
.l-total{height: 300px;width: 60%;position: relative;}
.l-viewBox{width: 100%;height: 100%;}
.l-circle{width: 40%;height: 100%;}
.l-circle_title{text-align: center;width: 70%;margin-left: 10%;}
.l-measurement_point{width: 100%;}
.l-circle_box{padding-left: 15%;position: relative;}
.l-circle_left, .l-circle_right{position: relative;width: 38%;height: 100%;}
.l-circle_left_only{margin-left: 18%;}
.l-circleHeight100{height: 100%;width: 100%;position: absolute;}
.l-circle_information{width: 100%;text-align: center;box-sizing: border-box;padding-top: 38%;height: 100%;}
.l-value_box{padding-left: 15%;padding-bottom: 20px;}
.l-view_value{text-align: center;width: 38%;display: inline-block;}
.l-view_value{line-height: 26px;}
.l-view_note{line-height: 26px;width: 76%;text-align: center;}
.l-time-circle{min-width:130px}
.l-time-circle li{line-height: 28px;}
.l-time-circle li span, .l-time-circle li em{font-size: 14px;color: #828282;padding: 0 10px;}
.l-time-circle li span{border-right: 1px solid #e0e0e0;}
.l-time-circle li em{font-style: normal;}
.l-bgColorY{background:#f9ca34}
.l-bgColorP{background:#ed4b66}
.l-bgColorG{background: #53c976}
.l-bgColorB{background: #3AA1FF}
.l-bgColorR{background: #F65855}
.l-control_view{position: absolute;top: 0;}
.l-time_circle{width: 100%;text-align: center;padding-left: 18%;margin-top: -20px;text-align: center;}
.l-sysMng{margin: 0;padding: 0;}
.l-sysMng_main{margin-top: 24px;background: #fff;overflow-y:scroll}
.l-sysMng_operating{border-top: 1px solid #E4E4E4;padding-top: 5px;}
.l-sysMng_main_table{padding-top: 5px;}
.l-sysMng_tableBox{padding: 0 18px;}


/*列表*/
.l-list_title{border-bottom: 1px solid #E4E4E4;height: 45px;}
.l-title16{line-height: 45px;text-indent: 30px;}
.l-list_box{width: 100%;box-sizing: border-box;padding: 10px;}
.l-table_form{padding-bottom: 8px;}

.l-role{border-bottom:1px solid #F1F1F1}
.l-role_box{padding: 15px 0}
.l-role_title{line-height: 30px}
.l-role_box ul li{text-align:left}
.l-role_box ul li div{display:inline-block;width:80%;}
.l-role_box ul li label{float:left;font-size: 12px;line-height:32px;color: #828282}
.l-role_box ul li span{display:inline-block;padding:2px;border-radius: 3px;background:#1a92ee;color: #fff;font-size: 12px;margin:6px}

.l-authority_save{margin:60px 80px;width:100px;height:30px}
.l-authority_bigBtn[type=checkbox]{width:24px;height:24px;vertical-align:-1rem;}
.l-authority_bigBtn[type=checkbox]:checked:before{left:0;top:13px;width:10px;height:2px}
.l-authority_bigBtn[type=checkbox]:checked:after{right:5px;bottom:1px;width:2px;height:18px;}
.l-addMeterWrap{width:190px;}
.l-addMeterBox{background:#f1f1f1;height:500px;overflow: auto;width:100%}
.l-addMeterTree{padding:10px}

.l-chart_box430{height:430px;}

.l-result_view_title{padding-top: 25px;width:100%;text-align: center}
.l-result_view_title p{display: inline-block;line-height:30px;font-size:14px;color: #1A92EE;padding:0 10px}

/*下挂表计*/
.l-checkData, .l-viewData{text-align: left}
.l-checkData li{line-height: 28px;}
.l-checkData li span{font-size: 12px;color: #3D464B;}
.l-checkData .l-checkData_title{padding-left: 18px;background: url(/static/css/zTreeStyle/img/zTreeStandard.png) no-repeat -317px 7px;}
.l-checkData .l-checkData_title span{font-size: 14px;font-weight: 500}
.l-viewData li{line-height: 32px;padding-left: 28px;background: url(/static/img/treebg.png) no-repeat;background-position: 0 -22px;}
.l-viewData .l-childFir{padding-left: 18px;background: url(/static/css/zTreeStyle/img/zTreeStandard.png) no-repeat -317px 9px;}
.l-viewData .l-childFir span{font-size: 14px}
.l-viewData .l-childLast{background-position: 0 -83px;}
.l-viewData li span{font-size: 12px;font-weight: 500;color: #3D464B}

.l-sharing_box{width:45%;padding: 20px 0px 0 0px;text-align: center;position: relative}
.l-sharing_text{display: inline-block;min-width:300px;text-align: left}
.l-sharing_text li, .l-sharing_text li span{line-height: 28px;font-size: 14px;color:#828282;}
.l-sharing_text li em{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right:8px;}
.l-sharing_text li .l-sharing_ele{display: inline-block;width:1px;height:12px;background: #D9D9D9;margin:0 10px}
.l-sharing_circle_box{width:200px;height:200px;margin:0 auto}
.l-sharing_circle{width:200px;height:200px;margin:0 auto;}
.l-circle_center{position: absolute;width:200px;height:105px;text-align: center;top:0;margin:95px auto}

.l-arrow{width:30%;position:absolute;margin:115px auto;height:10px;margin-left:35%}
.l-arrow li{display: inline-block;}
.l-arrow_line{width: 100%;height:10px;background:url(/static/img/lineArrow.png);position: absolute;top:0;right:0;}
.l-arrow_right{position: absolute;top:0;right:0;width:10px;height:10px;background:url(/static/img/lineArrow.png) no-repeat;background-position: 0 -10px}

.l-energyView{height:100%;width:80%;}
.l-trend{width:20%;text-align: center;padding-top:80px}
.l-trend li{font-size: 12px;line-height:18px;color: #828282}
.l-trend li img{margin-bottom:20px}
.l-chart_h300{height:300px;padding-top:20px}

.l-payment_form{padding:10px 35px;}
.l-payment_form li{line-height:40px;}
.l-payment_form li, .l-payment_form li span, .l-payment_form li label{font-size:14px;color:#828282}
.l-payment_form li label{display:inline-block;width:80px;text-align: right}
.l-payment_form .ipt{width:160px;height:30px;border:1px solid #cecece;line-height:30px}
.l-payment_form textarea{width:65%;height:252px;border:1px solid #cecece;margin-top:10px;padding:10px}

.l-ladder_view span{border:none !important;}
.l-ladder_view em{border-left:1px solid #D9D9D9;display: inline-block;width:60px;float: right;line-height:12px;margin-top:10px}
.l-overview_title{height:54px;border-bottom: 1px solid #E8E8E8;line-height: 54px;padding-left: 24px;color: #3d464b}

/*账户总览*/
.l-overview_wrap{padding:24px;margin-top: 75px;}
.l-overview{height:50%;}
.l-overview_box{width:49.1%;height:100%}
.l-circles_box{position: relative;text-align: center;padding-top:12%}
.l-circles{width:30%;display: inline-block}
.l-circles_left{position: absolute;left: 5%;}
.l-circles_right{position: absolute;right: 5%;}
.l-circles_outside{border-radius: 50%;width:96px;height:96px;padding:14px;display: inline-block;}
.l-circles_inside{border-radius: 50%;background:#fff;text-align: center;width:100%;height:100%;padding:22px 0;box-sizing: border-box}
.l-circles_inside p, .l-circles_inside p em{color:#3d464b;font-size: 24px}
.l-electricity_view{width:100%;height:80%}
.l-demand_view{width:100%;height:65%}
.l-detail_box{height:40%;padding-top:24px;}
.l-detail_view{width:24%;height:100%;margin:0 1.1% 0 0;}
.l-hover_shadow:hover{box-shadow:0px 3px 8px 2px rgba(0,0,0,0.09);}
.l-view1 div, .l-view1 div p{text-align: center;line-height: 35px;}
.l-view1 div p span, .l-view2_list p span{font-size: 30px;color:#3d464b}
.l-view1_top, .l-view2_top{padding-top:10%}
.l-view2_list{width:75%;margin:auto;}
.l-view2_list p{line-height:35px;}
.l-progress{height:8px;background:#13C2C2;width:100%;}
.l-view2_btm{padding-top:6%}
.l-purpleBg{background:#8543E0}
.l-view3_title{text-align: center;font-size: 16px;color: #3d464b;padding-top:8%}
.l-view3_date{width:100%;height:70%;}
.l-annotation{padding:4% 6% 0 6%}
.l-annotation_circle{display: inline-block;width:8px;height:8px;border-radius: 50%}
.sel{                    /*将<a></a>相对定位*/
	width: 100%;
	height: 100%;
	color: #828282;
	font-size:13px;
	/* 去掉三角 */
	/*appearance:none;*/
	/*-moz-appearance:none; !* Firefox *!*/
	/*-webkit-appearance:none; !* Safari 和 Chrome *!*/
	/* 去掉边框 */
	border: 0;
	display: block;
	position: relative;
}
.triangle{
	display: inline-block;
	width: 25px;
	height: 25px;
	cursor:pointer;
}

@media screen and (max-width: 1280px){
	.l-circle{padding-left: 0;}
	.l-circle_left, .l-circle_right{width: 50%;}
	.view-value-box{padding-left: 0;}
	.l-view_value{width: 50%;display: inline-block;float: left;}
	.l-view_note{width: 100%;}
}