#content{
    width: 100%;
    background: white;
}
.content-bottom{
    width: 1190px;
    /* height: 814px; */
    margin: 0 auto;
    
}
.dataCentre {
    width: 100%;
    margin: 0 auto;
}
.chartCollect {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chartCollect > div {
    width: 32.7%;
    height: 450px;
    /* overflow: hidden; */
    position: relative;
    background: rgba(255,255,255,1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
}
.chart-topP {
    width: 100%;
    height: 42px;
    margin-top: 0;
    /* margin-bottom: 10px; */
    line-height: 42px;
    border-radius: 4px;
    background: white;
}
.chart-topP>span{
    display: block;
    float: left;
}
.zong{
	float: right !important;
	color:#777777;
	margin-right:10px;
}
.chart-topP>span:nth-of-type(1){
    width:3px;
    height:16px;
    background:rgba(15,68,131,1);
    border-radius:0px 3px 3px 0px;
    margin-top: 12px;
}
.chart-topP > span:nth-of-type(2) {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.dataCentre_cards {
    width: 100%;
    margin-bottom: 10px;
}

.dataCentre_cards > ul {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.dataCentre_cards > ul > li {
    width: 46%;
    height: 80px;
    position: relative;
    border-radius: 2px;
}

.dataCentre_cards > ul > li > p {
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    line-height: 35px;
    margin: 0;
    padding-left: 15px;
}

.dataCentre_cards > ul > li > p > span {
    font-size: 32px;
}

.dataCentre_cards > ul > li:first-child {
    background: #63A4F2;
}

.dataCentre_cards > ul > li:last-child {
    background: #F5B151;
}

.dataCentre_cards > ul > li > img {
    width: 62px;
    height: 62px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.dataCentre_bottom {
    width: 100%;
}

.dataCentre_bottom > ul {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
}

.dataCentre_bottom > ul > li {
    width: 46%;
    height: 118px;
    background: rgba(15, 68, 131, 0.04);
    border-radius: 4px;
    margin-bottom: 10px;
}

.dataCentre_bottom > ul > li > p {
    color: #333333;
    margin: 0;
    line-height: 33px;
    padding-left: 20px;
    
}
.dataCentre_bottom > ul > li > p:nth-of-type(2){
	margin-top:20px;
}

.dataCentre_bottom > ul > li > p:nth-of-type(2) > span:first-child {
    font-size: 20px;
    font-weight: bold;
}

.dataCentre_bottom > ul > li > p:nth-of-type(2) > span:last-child {
    font-size: 12px;
}

.dataCentre_bottom > ul > li > p:last-child > span {
    /* color: #FF5151; */
}

.dataCentre_bottom > ul > li > span {
    display: block;
    width: 20px;
    height: 2px;
    background: #DDBE83;
    margin: 0 0 5px 20px;
}

.greenSpan {
    color: #58C343 !important;
}
.pie-centerDiv{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 14px solid #E7ECF2;
    position: absolute;
    top: 207px;
    left: 163px;
}
.pieChart-ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pieChart-ul > li {
    width: 60%;
    height: 30px;
}

.pieChart-ul > li:first-child {
    padding-left: 15px;
    color: #666666;
}

#bbb {
    width: 33%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
    padding-right: 15px;
    position: relative;
}

#bbb > span {
    display: block;
    width: 1px;
    height: 12px;
    background: rgba(193, 193, 193, 1);
    border-radius: 17px;
}
.tradeStatistics>.right-bbb{
    width: 125px !important;
    height: 30px !important;
    position: absolute !important;
    top: 10px;
    right: 10px;

}

.cut-p {
    z-index: 10;
}

.cut-p:hover {
    cursor: pointer;
    color: #0F4483;
    font-weight: bold;
}

.active1 {
    color: #0F4483;
    border-radius: 2px;
    font-weight: bold;
}
.notice_cs{
    width:50px;
    height: 1px;
    background: #0F4483;
    position: absolute;
    border-radius: 3px;
    border: 1px solid #0F4483;
}
.cs-jye1{
    position: absolute;
    top: 15px;
    right: 85px;
    display: block;
}
.cs-jye2{
    position: absolute;
    top: 15px;
    right: 17px;
    display: none;
}

#pieOption, #pieOption_2 {
    width: 100%;
    height: 360px;
}

#pieOption_2 {
    width: 379px;
    height: 360px;
}

.chart {
    width: 100%;
    height: 360px;
}

.ccc, .ddd {
    width: 379px;
    height: 360px;
}

.ddd {
    display: none;
}
/* 甯傚満娲昏穬搴︽儏鍐� */
#pieDiv{
    width: 386px;
    height: 80px;
    margin-bottom: 9px;
    position: relative;
}
#pieDiv>ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#pieDiv>ul>li{
    width: 33.33%;
    height: 100%;
    line-height: 60px;
    text-align: center;
}
#pieDiv>ul>li:nth-of-type(1){
    color: #568CFF;
}
#pieDiv>ul>li:nth-of-type(2){
    color: #40B8FF;
}
#pieDiv>ul>li:nth-of-type(3){
    color: #EBA94A;
}
#pieDiv>p{
    width: 100%;
    height: 30px;
    margin: 0;
}
#pieDiv>p>span{
    display: block;
    float: left;
    width: 33.33%;
    font-weight:400;
    color:rgba(85,85,85,1);
    text-align: center;
    line-height: 10px;
}
.quantityDiv{
    width: 370px;
    height: 246px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 auto;
}
.quantityDiv>div{
    width: 100%;
    height: 119px;
    background:rgba(15,68,131,0.04);
}
.city{
    position: relative;
}
.city>p{
    margin: 0;
    line-height: 33px;
    font-weight: bold;
    padding-left: 10px;
}
.statistics{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.statistics>img{
    width: 66px;
    height: 60px;
    margin-left: 20px;
}
.statistics>ul{
    width: 70%;
    height: 50px;
    display: flex;
    justify-content:space-around;
    align-items: center;
}
.statistics>ul>li{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.statistics>ul>li>p{
    margin: 3px 0;
    color: #333333;
}
.statistics>ul>li>p:nth-of-type(2){
    font-size: 18px;
    font-weight: bold;
}
.city>span{
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 30px;
    left: 13px;
    background: #FFB54B;
}
.nonlocal .statistics img{
    width: 81px;
    height: 63px;
}
.dataDynamic{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.content-dataDynamic{
    width:790px;
    height:409px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);
}
#pieBoxs{
    width: 370px;
    height: 372px;
    background: url(../images/echartsmap.png) no-repeat;
    overflow: hidden !important;
    margin-left: 10px;
}
.pieboxPosition{
  width: 137px;
  height: 140px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  border: 1px solid #557AFF;
  position: absolute;
  top: 250px;
  right: 20px;
}
.pieboxPosition ul{
  margin: 10px 0px 0px 10px;
}
.pieboxPosition ul li:nth-child(1){
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  line-height: 20px;
}
.pieboxPosition ul li{
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 26px;
}
.mapcharts{
    width: 390px;
    position: relative;
    height: 409px;
    overflow: hidden;
    /* background:rgba(255,255,255,1); */
    box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);
    border-radius:2px;
}
.content-dataDynamic_ul{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}
.content-dataDynamic_ul>li{
    width: 250px;
    height: 110px;
    background:rgba(15,68,131,0.04);
    margin-bottom: 10px;
    position: relative;
    margin-left: 10px;
}
.content-dataDynamic_ul>li>p{
    color: #555555;
    font-weight: bold;
    padding-left: 15px;
}
.content-dataDynamic_ul>li>span{
    display: block;
    width: 20px;
    height: 2px;
    background: #FFB54B;
    position: absolute;
    top: 35px;
    left: 18px;
}
.content-dataDynamic_ul_ul{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
}
.content-dataDynamic_ul_ul>li>p{
    margin: 0 0 5px 0;
    color: #555555;
    text-align: center;
}
.content-dataDynamic_ul_ul>li>p:nth-of-type(2){
    color: #2C67AE;
    font-weight: bold;
    font-size: 18px;
}
.tradeStatistics{
    width: 100%;
    position: relative;
    margin-top: 10px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);
    border-radius:2px;
}
.tradeStatistics_ul{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.tradeStatistics_ul>li{
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-left:15px;
}
.tradeStatistics_ul>li>div:nth-of-type(1){
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 61px;
    background: #63A4F2;
    margin-right: 10px;
}
.tradeStatistics_ul>li>div:nth-of-type(1)>img{
    width: 23px;
    height: 23px;
}
.tradeStatistics_ul>li>div:nth-of-type(2)>p{
    margin: 5px 0;
    color: #333333;
}
.tradeStatistics_ul>li>div:nth-of-type(2)>p:nth-of-type(2){
    width:123px;
    height:1px;
    background:linear-gradient(284deg,rgba(44,103,174,0) 0%,rgba(44,103,174,1) 100%);
}
.tradeStatistics_ul>li>div:nth-of-type(2)>p:nth-of-type(3) span{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.lineCharts{
    width: 100%;
    height: 395px;
    margin-top: 10px;
    background:rgba(255,255,255,1);
    box-shadow:0px 0px 6px 0px rgba(0,0,0,0.15);
    border:1px solid rgba(221,221,221,1);
    box-sizing: border-box;
}
#lineChart>div:nth-of-type(1){
    width: 1187px !important;
} 
/*椋庤溅鏃嬭浆鍔ㄦ晥*/
.turn-box{
  width: 140px;
  height: 140px;
  text-align: center;
  margin: 100px auto;
  position: absolute;
  top: 15.5%;
  left: 32%;
}
.turn_1{
	width: 140px;
    height: 140px;
    position: absolute;
    top: 11.5%;
    left: 32.5%;
}
.turn-box>ul{width: 100%;height:100%;margin: 0;
  padding: 0;}
.turn-box>ul>li>img{
  width: 100%;height: 100%;
  -webkit-animation: z 5s linear 0s infinite;
  -moz-animation: z 5s linear 0s infinite;
  -ms-animation: z 5s linear 0s infinite;
  animation: z 5s linear 0s infinite;
}
.turn{
  width: 100%;height: 100%;list-style: none;
  animation:turn 3s linear infinite;
}

@keyframes turn{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}

.pieOption_box{
  width: 100%;
  height: 380px;
  background:url("../images/pieBackground.png")no-repeat;
  background-size: 87%;
  background-position: 50% 63%;
  position: relative;
}
.cs_1{
	height: 350px;
	background-position: 50% 41%;
}

.pieOption_box>div{
  width:120px;
  position: absolute;
}
.pieOption_box>div>p{
  text-align: center;
  margin: 0;
}
.pieOption_box>div>p:nth-of-type(1){
  color: #5095FF;
  font-size: 16px;
  font-weight: bold;
}
.pieOption_box>div>p:nth-of-type(2){
  color: #333333;
  font-size: 12px;
}
.pieOption_box_title1{
    top: 9%;
    left: 43%;
}
.title_1{
	top: 0;
    left: 165px;
}
.pieOption_box_title2{
    top: 15.5%;
    right: 10%;
}
.title_2{
	top: 23px;
    right:40px;
}
.pieOption_box_title3{
    top: 27%;
    right: 2%
}
.title_3{
	top: 68px;
    right:8px;
}
.pieOption_box_title4{
    top: 40%;
    right: -1%;
}
.title_4{
    top: 118px;
    right: -2px;
}
.pieOption_box_title5{
    top: 52%;
    right: 2%;
}
.title_5{
    top: 164px;
    right: 8px;
}
.pieOption_box_title6{
    top: 65%;
    left: 66%;
}
.title_6{
    top: 214px;
    left: 255px;
}
.pieOption_box_title7{
    top: 77%;
    left: 57%;
}
.title_7{
    top: 260px;
    left: 220px;
}
.pieOption_box_title8{
    top: 86%;
    left: 35%;
}
.title_8{
    top: 295px;
    left: 135px;
}
.pieOption_box_title9{
    top: 77%;
    left: 50px;
}
.title_9{
    top: 260px;
    left: 50px;
}
.pieOption_box_title10{
    top: 65%;
    left: 4%;
}
.pieOption_box_title11{
    top: 52%;
    left: 3%;
}
.pieOption_box_title12{
    top: 39.5%;
    left: 0%;
}
.pieOption_box_title13{
    left: 2%;
    top: 27%;
}
.pieOption_box_title14{
    top: 15%;
    left: 10%;
}
.pieOption_box_title15{
    top: 9%;
    left: 26%;
}
.title_10{
    top: 214px;
    left: 16px;
}
.title_11{
    top: 163px !important;
    left: 10px;
}
.title_12{
    top: 116px !important;
    left: -2px;
}
.title_13{
    left: 10px !important;
    top: 68px;
}
.title_14{
    top: 22px !important;
    left: 40px;
}
.title_15{
    top: 0;
    left: 100px;
}


/*灏忓渾鍦�*/
.pie_yuan_quan{
  width: 13px;
  height: 13px;
  position: absolute;
  /*animation:turn 3s linear infinite;*/
  -webkit-animation: z 5s linear 0s infinite;
  -moz-animation: z 5s linear 0s infinite;
  -ms-animation: z 5s linear 0s infinite;
  animation: z 5s linear 0s infinite;
  animation:pie_yuan_quan 1s linear infinite;
}
@keyframes pie_yuan_quan{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}
.yuan_quan1{
  bottom: -29%;
  left: 44%;
}
.yuan_quan2{
  right: 22px;
  bottom: -26%;
}
.yuan_quan3{
  right: 21px;
  bottom: -18%;
}
.yuan_quan4{
  right: 17%;
  bottom: -24%;
}
.yuan_quan5{
  right: 18%;
    bottom: -24%;
}
.yuan_quan6{
  right: 17%;
    bottom: -21%;
}
.yuan_quan7{
  left: 21%;
  bottom: -23%;
}
.yuan_quan8{
  left: 20%;
  bottom: -22%;
}
.yuan_quan9{
  left: 13%;
  bottom: -28%;
}
.yuan_quan10{
  left: 19%;
  bottom: -18%;
}
.yuan_quan11{
  top: 91%;
  left: 17%;
}
.yuan_quan12{
  top: -20%;
  left: 44%;
}

.yuan_quan13{
    top: 30px;
    left: 15px;
}

/*棣栭〉鏁版嵁涓績鍙充晶*/
.chartCollect_right_div{
    width: 100%;
}
.chartCollect_right_div>div:nth-of-type(1){
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.chartCollect_right_div>div:nth-of-type(1)>p{
    width: 50%;
}
.chartCollect_right_div>div:nth-of-type(1)>p:nth-of-type(2){
    line-height: 43px;
    font-size: 14px;
    color: #777777;
    text-align: right;
    padding-right: 10px;
}
.chartCollect_right_div_num{
    width: 94.7%;
    height: 100px;
    margin: 0 auto;
    border-radius: 2px;
    border: 1px solid #D2D2D2;
}
.chartCollect_right_div_num>ul{
    width: 85%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.chartCollect_right_div_num>ul>li{
    width: 32.5%;
    height: 75%;
    /*background: red;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.chartCollect_right_div_num>ul>li>p:nth-of-type(1){
    width: 100%;
    height: 34px;
    background: #EEEEEE;
    border-radius: 100px 0px 0px 100px;
    line-height: 34px;
    font-size: 14px;
}
.chartCollect_right_div_num>ul>li>p{
    text-align: center;
}
.chartCollect_right_div_num>ul>li>p:nth-of-type(2){
    font-size: 20px;
    font-weight: bold;
    color: #333333;;
}
.chartCollect_right_div_num>ul>li:nth-of-type(2)>p:nth-of-type(1){
    border-radius: unset;
}
.chartCollect_right_div_num>ul>li:nth-of-type(3)>p:nth-of-type(1){
    border-radius: 0px 100px 100px 0px;
}

/**鏁版嵁涓績**/
.data_p_num{
	text-align: center;
    font-size: 20px;
    color: #2C67AE !important;
}
/**鏌辩姸鍥�**/
#barOption{
	width: 360px;
	height: 350px;
	margin: 20px auto;
	border: 1px solid #D2D2D2;
	border-radius: 5px;
}


/*鏂囧瓧鍔ㄦ晥*/
@keyframes pulse {
    0%,70% {
        transform: rotateX(0deg);
        transform-origin: 0 40px;
    }
    100% {
        transform: rotateX(360deg);
        transform-origin: 2% 2%;
    }
}
.animation_tex {
    animation: pulse 10s infinite;
    animation-delay: 20ms;
}