body{
	margin: 0px;
	padding: 0px;
	width: 100%;
    margin: 0 auto;
    margin-left: 4%;
    margin-top: 30px;
}
.main {
	width: 100%;
	overflow: hidden;
}
li{
	list-style: none;
}
.right {
	float: right;
	width: 100%;
	height: 100%;
}

.right_math {
	width: 100%;
	overflow: hidden;
}

.right_math_electric {
	width: 85%;
	float: left;
	background: #FFFFFF;
	margin-right: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    height: auto;
    border-radius: 6px;
}
.right_math_electric_1 {
	width: 30%;
	float: left;
	background: #FFFFFF;
	border-radius: 6px;
	height: 65%;
}
.right_math_electric_2 {
	width: 54%;
    float: left;
    background: #FFFFFF;
    margin-left: 20px;
    border-radius: 6px;
    height: 65%;
}

.right_math_zj{
	width: 100%;
    height: calc(100% - 40px);
}

.right_math_generate {
	width: 100%;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 15px;
    /*font-family: cursive;*/
    font-weight: bold;
}

.right_math_x {
    width: 1%;
    height: 20px;
    border-left: 3px solid #05AAFC;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}

.right_math_li li {
	float: left;
	width: 25%;
	height: 135px;
}

.right_math_main {
	width: 100%;
	height: 100%;
}

.right_math_day {
	color: #05AAFC;
    font-size: 25px;
    text-align: center;
    margin: 15px;
    font-weight: bold;
}

.right_math_day_name {
	color: #333333;
    font-size: 14px;
    text-align: center;
    /*font-family: cursive;*/
    font-weight: bold;
}

.right_math_switch {
	width: 95%;
	margin: 0 auto;
}

.right_math_switch_frequency {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #1E2631;
	color: #FFFFFF;
}

.frequency {
	float: left;
	width: 75%;
	margin-left: 10px;
}

.frequency_math {
	float: right;
	width: 20%;
}

.right_math_electricity {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

.right_math_electricity_math {
	background: #1E2631;
    color: #FFFFFF;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
}

.right_math_db {
	width: 75%;
	float: left;
}

.right_day {
	width: 25%;
	float: right;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

.right_day select {
	width: 70%;
    height: 30px
}

.right_math_zj li {
	float: left;
	width: 46%;
}

.right_math_zjrl_li {
	color: #333;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.right_math_zjrl {
	float: left;
	width: 20%;
	text-align: center;
}

.right_math_zj ul{
	overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.right_math_zjrl img {
	line-height: 65px;
	display: inline-block;
	vertical-align: middle;
}

.right_math_zjrl_name {
	float: left;
    width: 100%;
    font-size: 15px;
  /*  font-family: cursive;*/
    font-weight: bold;
}

.right_math_lh {
	width: 100%;
	overflow: hidden;
}

.right_math_co2 {
	float: left;
	width: 50%;
	text-align: center;
}

.right_math_co2_math {
	font-size: 20px;
	color: #FFFFFF;
}

.right_math_co2_name {
	font-size: 13px;
	color: #FFFFFF;
}

.right_math_k {
	float: left;
	width: 50%;
	text-align: center;
}

.right_math_percentage_2{
	width: 100%;
	height: 290px;
}
.right_math_percentage{
	float: left;
	width: 100%;
	text-align: center;
}
.right_math_percentage_1{
	float: left;
	width: 50%;
	position: relative;
    top: -12px;
    left: -10px;
}
.right_math_percentage_3{
	float: left;
	width: 50%;
	position: relative;
    top: -12px;
    left: -20px;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 7px;  
    height: 7px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #F5F5F5;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #fff;  
}