.main{
    margin: 45px auto 0;
    width: 1280px;
    height: auto;
}

.main .mainTop{
    width: 100%;
    height: auto;
}
.mainTop .mainTop_left{
    float: left;
    width: 830px;
    height: 650px;
    border: 1px solid rgba(237, 237, 237, 1);

}
.mainTop .mainTop_right{
    float: right;
    width: 420px;
    height: auto;
}

.mainTop_right .topRight_lineRate{
    margin-bottom: 30px;
    padding: 40px 20px 20px 20px;
    width: 100%;
    height: 192px;
    border: 1px solid rgba(237, 237, 237, 1); 
}
.topRight_lineRate .lineRateSpan{
    display: block;
    padding-bottom: 35px;
    width: 100%;
    height: auto;

}
.lineRateSpan .lineRateSpan_title{
    float: left;
    margin-right: -84px;
    padding-right: 10px;
    width: 84px;
    text-align: right;
    line-height: 20px;
    font-size: 14px;
    color: rgba(51, 51, 51, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.lineRateSpan_lineArea{
    float: left;
    width: 100%;
    padding-left: 84px;
    height: 20px;
}
.lineRateSpan .lineRateSpan_lineBg{
    position: relative;
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 1);
    border-radius: 10px;
}
.lineRateSpan_lineBg .lineRateSpan_lineBgTitle{
    display: block;
    padding-right: 10px;
    width: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
}
.lineRateSpan_lineBg .lineRateSpan_lineUp{
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 2;
    padding-right: 10px;
    width: 80%;
    line-height: 22px;
    background-color: rgba(217, 31, 48, 1);
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    text-align: right;
    border-radius: 11px;
}
.topRight_lineRate .lineRateSpan_legend {
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
}
.lineRateSpan_legend .legend_red, .lineRateSpan_legend .legend_black{
    position: relative;
    display: inline-block;
    padding: 0 36px 0 18px;
    width: auto;
    height: auto;

}
.lineRateSpan_legend .legend_black{
    padding: 0 0 0 18px;

}
.lineRateSpan_legend .legend_red::before{
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 2;
    content: '\20';
    width: 10px;
    height: 10px;
    background-color: rgba(217, 31, 48, 1);

}
.lineRateSpan_legend .legend_black::before{
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 2;
    content: '\20';
    width: 10px;
    height: 10px;
    background-color: rgba(0, 0, 0, 1);

}


.mainTop_right .topRight_allData{
    padding: 25px 45px;
    width: 100%;
    height: 428px;
    border: 1px solid rgba(237, 237, 237, 1); 
}
.topRight_allData .allData_ul{
    width: 100%;
    height: auto;
}
.allData_ul .allData_li{
    float: left;
    width: 50%;
    height: auto;
}
.allData_li .allDataLi_circ{
    display: block;
    margin: 0 auto;
    width: 116px;
    line-height: 100px;
    font-size: 16px;
    text-align: center;
    border: 8px solid rgba(217, 31, 48, 1);
    background-color: rgba(238, 27, 46, 1);
    color: #fff;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}
.allData_li .allDataLi_val{
    display: block;
    padding: 15px 10px 40px 10px;
    width: 100%;
    font-family: 'DIN';
    line-height: 36px;
    font-size: 30px;
    color: #000;
    text-align: center;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;

}



.main_bottom{
    padding: 45px 0;
    width: 100%;
    height: auto;
}
.main_bottom .mainBottom_ul{
    width: 100%;
    height: auto;
}
.mainBottom_ul .mainBottom_li{
    float: left;
    margin: 0 10px 10px 0;
    width: 248px;
    height: 229px;
    background-color: rgba(246, 247, 251, 1);
    overflow: hidden;
    cursor: pointer;
    transition: all .15s ease-in;
}
.mainBottom_ul .mainBottom_li:nth-child(5n){
    margin-right: 0;
}
.mainBottom_li .BBAli_imageSpan{
    display: block;
    width: 100%;
    height: 165px;
    overflow: hidden;
} 
.BBAli_imageSpan .BBAimageSpan_img{
    display: block;
    width: 100%;
    height: 165px;
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: auto 90%; */
    transition: all .15s linear;
    border: 1px solid rgba(238,238,238,.6);
    background-color: #fff;
}
.BBAli_imageSpan .BBAimageSpan_img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.BBAli_imageSpan .BBAimageSpan_defaultImg{
    display: block;
    width: 100%;
    height: 165px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: cover;
    transition: all .15s linear;
    border: 1px solid rgba(238,238,238,.6);  
}
.mainBottom_ul .mainBottom_li:hover{
    box-shadow: 0 8px 10px rgba(0, 0, 0, .3);
}
.mainBottom_li:hover .BBAimageSpan_img, .mainBottom_li:hover .BBAimageSpan_defaultImg{
    transform: scale(1.2);
}
.mainBottom_li .BBAli_BBAname{
    display: block;
    width: 100%;
    line-height: 64px;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}   


#mobile .main{
    margin: 0;
    width: 100%;
}
#mobile .chartMap_title{
    display: block;
    padding: .4rem .4rem 0 .4rem;
    width: 100%;
    height: 1.173rem;
    font-size: .4rem;
    line-height: .56rem;
    color: rgba(51, 51, 51, 1);
    font-weight: bold;
    background-color: rgba(249, 249, 249, 1);

}
#mobile .mainTop .mainTop_left{
    float: none;
    margin: 0 .4rem;
    width: calc(100% - .8rem);
    height: 8rem;
    border: 0;
    background-color: #fff;
}
#mobile .mainTop .mainTop_right{
    float: none;
    padding: .266rem 0;
    width: 100%;
    background-color: rgba(249, 249, 249, 1);
}
#mobile .mainTop_right .topRight_lineRate{
    margin-bottom: .266rem;
    padding: .4rem;
    height: 3.066rem;
    background-color: #fff;
    border: 0;
}
#mobile .topRight_lineRate .lineRateSpan{
    padding-bottom: .453rem;
}
#mobile .lineRateSpan .lineRateSpan_title{
    margin-right: -1.6rem;
    padding-right: .27rem;
    width: 1.6rem;
    line-height: .44rem;
    font-size: .32rem;
}
#mobile .lineRateSpan_lineArea{
    padding-left: 1.6rem;
    height: .44rem;
}
#mobile .lineRateSpan .lineRateSpan_lineBg{
    border-radius: .22rem;
}
#mobile .lineRateSpan_lineBg .lineRateSpan_lineBgTitle{
    padding-right: .133rem;
    font-size: .213rem;
    line-height: .44rem;
}
#mobile .lineRateSpan_lineBg .lineRateSpan_lineUp{
    padding-right: .133rem;
    width: 80%;
    line-height: .44rem;
    height: calc(.44rem + 2px);
    border: 1px solid #fff;
    font-size: .213rem;
    border-radius: .22rem;
}
#mobile .topRight_lineRate .lineRateSpan_legend{
    line-height: .4rem;
    font-size: .293rem;
}
#mobile .lineRateSpan_legend .legend_red, .lineRateSpan_legend .legend_black{
    padding: 0 .666rem 0 .426rem;
}
#mobile .lineRateSpan_legend .legend_red::before, #mobile .lineRateSpan_legend .legend_black::before{
    top: .072rem;
    width: .266rem;
    height: .266rem;
}
#mobile .mainTop_right .topRight_allData{
    padding: .4rem;
    height: 3.6rem;
    background-color: #fff;
    border: 0;
}
#mobile .topRight_allData .allData_ul{
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
    height: 2.8rem;
}
#mobile .allData_ul .allData_li{
    float: none;
    flex: 1;
}
#mobile .allData_li .allDataLi_circ{
    width: 1.946rem;
    line-height: 1.734rem;
    font-size: .266rem;
    border: .106rem solid rgba(217, 31, 48, 1);
}
#mobile .allData_li .allDataLi_val{
    padding: .266rem 0 0 0;
    width: 100%;
    line-height: .586rem;
    font-size: .48rem;
}
#mobile .main_bottom{
    padding: .4rem;
    overflow: hidden;
}
#mobile .main_bottom .mainBottom_ul{
    width: calc(100% + .266rem);
}
#mobile .mainBottom_ul .mainBottom_li{
    margin: 0 .133rem .133rem 0;
    padding: .133rem .133rem 0 .133rem;
    width: 4.533rem;
    height: 3.866rem;
    background-color: #fff;
    border: 1px solid rgba(237, 237, 237, 1);
}
#mobile .mainBottom_li .BBAli_imageSpan{
    height: 2.866rem;
}
#mobile .BBAli_imageSpan .BBAimageSpan_img, #mobile .BBAli_imageSpan .BBAimageSpan_defaultImg{
    height: 2.866rem;
    border: 0;
    border-bottom: 1px solid rgba(237, 237, 237, 1);
}
#mobile .mainBottom_ul .mainBottom_li:hover{
    box-shadow: none;
}
#mobile .mainBottom_li:hover .BBAimageSpan_img, #mobile .mainBottom_li:hover .BBAimageSpan_defaultImg{
    transform: scale(1);
}

#mobile .mainBottom_li .BBAli_BBAname{
    line-height: calc(.867rem - 2px);
    font-size: .346rem;
}