.header-img {

  position: relative;

}

.header-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.img-font {
  position: absolute;
  left: 2.6rem;
  bottom: 2.65rem;
}

.img-font-chinese {
  font-family: Source Han Serif CN-Bold;
  font-weight: bold;
  font-size: 0.46rem;
  color: #F6E1F4;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.img-font-english {
  margin-top: 0.12rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #F6E1F4;
  letter-spacing: 0.05rem;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.bbox{
  width: 100%;
  padding-bottom: 0.61rem;
  
}
.boxxin{
  width: 14rem;
  padding-top: 0.57rem;
  padding-bottom: 0.67rem;
  margin: 0 auto;
  display: flex;
}

.bbox_left{
  width: 6.69rem;
}
.bbox_left+.bbox_left{
  margin-left: 0.62rem;
}
.boxtit{

background: linear-gradient( 89deg, #C0A9F9 0%, #FAF8FE 100%);
border-radius: 0rem 0rem 0rem 0rem;
padding-left:0.23rem ;
padding-top: 0.16rem;
padding-bottom: 0.19rem;
  /* width: 1.44rem;
height: 0.31rem; */
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.24rem;
color: #333333;
/* line-height: 0rem; */
text-align: left;
font-style: normal;
text-transform: none;
}
.list{
  /* width: ; */
  display: flex;
  padding:0.32rem 0.41rem 0.36rem 0.36rem;

border-bottom: 0.01rem solid #E6E6E6;
}
.list p{
    white-space:nowrap;
}

.list_1{

font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 0.2rem;
color: #333333;
/* line-height: 0rem; */
text-align: left;
font-style: normal;
text-transform: none;
flex:0 0  1.9rem;
}
.list_2{
  /* width: 0.9rem;
height: 0.6rem; */
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.18rem;
color: #333333;
line-height: 0.36rem;
/* text-align: left; */
font-style: normal;
text-transform: none;
flex: 0 0 2.56rem;
}
/* .distance{
  margin-left: 1.3rem;
  margin-right: 1.66rem;
} */

@media screen and (max-width:1024px){
    .boxxin{
        width: 93%;
        flex-direction: column;
    }
    .bbox_left{
        width: 100%;
        margin: 0!important;
        margin-bottom: 15px!important;
    }
    .boxtit{
        font-size: 16px;
    }
    .list_1{
        font-size: 14px;
    }
    .list p{
        font-size: 12px;
        white-space: wrap;
    }
    .list_1,
    .list_2,
    .list_3{
        flex: 0 0 33%;
    }
}