.pie_332051_00041_body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    color: #fff;
    height: 100%;
    width: 100%;
}

.pie_332051_00041_body_conditions {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 8px;
    /* margin-right: 71px; */
    padding-right: 20px;
}

.pie_332051_00041_body_condition {
    margin-left: 10px;
    background: #ffffff1a;
    /* color: #fff; */
    min-width: 60px;
    text-align: center;
    padding: 4px 8px;
    border-radius: 3px;
    cursor: pointer;
}
 
.pie_332051_00041_body_condition_active {
    background: RGBA(239,167,60);
}

.pie_332051_00041_data_view {
    display: flex;
    justify-content: space-around;
    /* width: 120px; */
    /* height: 120px; */
    height: 100%;
    align-items: center;
}

.pie_332051_00041_data_show {
    width: 120px;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pie_332051_00041_data_show_value {
    font-size: 18px;
    margin-bottom: 5px;
}

.pie_332051_00041_data_show_title {
    font-size: 18px;
}


.vis_pie_00041{
	width: 100%;
    height: 100%;
    float: left;
}
.vis_pie_00041_list{
	width: 100%;
    height: 100%;
    float: left;
}
.vis_pie_00041_chart{
	width: 100%;
    height: calc(80% - 100px);
}
.vis_pie_00041_name{
	text-align: center;
	height: 20%;
	position: relative;
}
.vis_pie_00041_name_text{
	position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}
.vis_pie_00041_detail{
	overflow: hidden;
	height:100px;
}
.vis_pie_00041_detail_one{
	float:left;
	width:100%;
}
.vis_pie_00041_detail_one_value{
	text-align: center;
}
.vis_pie_00041_detail_one_name{
	text-align: center;
}



.raise_pie_041_content{
	height:100%;
	width:100%;
}
.raise_pie_041_left_main{
	width:55%;
	height: 100%;
	float:left;
}
.raise_pie_041_value{
	font-size: 40px;
	height: 55%;
    padding-left: 20px;
    position: relative;
}
.raise_pie_041_value span{
	position: absolute;
	bottom:0px;
	margin-left: 30px;
}
.raise_pie_041_name{
	font-size: 14px;
	padding-left:50px;
}
.raise_pie_041_right{
	width:45%;
	height:100%;
	float:left;
}
.raise_pie_041_add{
	float:left;
	color:#ef6f59;
	width:30px;
	position: absolute;
    bottom: 0;
	text-align: center;
	display:none;
}
.raise_pie_041_reduce{
	float:left;
	color:#5de27c;
	width:30px;
	position: absolute;
    bottom: 0;
	text-align: center;
	display:none;
} 


.vis_pie_7_list{
	width:30%;
	position: absolute;;
}
.vis_pie_7_content{
	width: 70%;
    margin-left: 30%;
}
.vis_pie_one{
	
}
.vis_pie_one_name_active{
	background:#d0a04e;
	color:#fff;
}
.vis_pie_one_name{
	width: 100px;
    /* border: 1px solid; */
    text-align: center;
    margin: auto;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    /* background-color:#1F2227; */
}
/* .vis_pie_one_name:hover{
	background-color:#575A5F;
} */

/* 004 多类饼图自动轮播数据*/
.pies_animate_main {
    width: 100%;
    height: 100%;
}
.pies_animate_main_tabs {
    height: 31px;
    margin-bottom:10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 1%;
}
.pies_animate_main_tab {
    width: 100px;
    height: 31px;
    border-radius: 16px;
    /* background-color: #1F2227; */
    text-align: center;
    line-height: 31px;
    color: #ffffff;
    margin: 10px;
    cursor:pointer;
}
/* .pies_animate_main_tab:hover{
	 background-color: #575A5F;
} */
/* .pies_animate_main_tab_active{
	 background: rgb(169 169 169 / 10%) !important;
} */
.pies_animate_main_charts {
    height: calc(100% - 41px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.chart_one_hide{
	display:none;
}
.pie_332051_00041_04_center {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.number {
    font-size: 36px;
    font-weight: bold;
}
.number_unit {
    font-size: 16px;
    margin-left: 5px;
}
.title {
    font-weight: bold;
    font-size: 16px;
    transition :all 0.4s cubic-bezier(0.4, 0, 1, 1);
    transform:rotateY(0deg);
}
.title2 {
    transform:rotateY(90deg);
    transition :all 0.4s ease !important;
}