.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;
}

.tap {
  width: 100%;
  height: 0.8rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.02rem 0.15rem 0.01rem rgba(0, 0, 0, 0.05);
  text-align: center;
  display: grid;
  place-items: center;
}

.tap-nav {
  width: 14rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.tap-nav-box1 {
  display: flex;
}

.distance a::after {
  display: block;
  content: '';
  width: 0.72rem;
  height: 0.04rem;
  background: linear-gradient(90deg, #932AC1 0%, #670F8E 100%);
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  margin: 0 auto;
  /*margin-left: -0.15rem;*/
}

.tap-nav .tap-nav-box1 .dis a {
  color: #630C88;
}

.tap-nav-1 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.18rem;
  /* color: #630C88; */
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-right: 0.86rem;
}

.tap-nav-1 a {
  display: block;
  height: 0.6rem;
  line-height: 0.6rem;
}

.box2left {
  width: 0.16rem;
  height: 0.16rem;
  /*background: #999999;*/
  margin-right: 0.09rem;
  margin: auto 0;
}
.box2left img{
    width: 100%;
    height: 100%;
    display: block;
}
.box2right {

  font-family: Microsoft YaHei, Microsoft YaHei;
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.6rem;
  text-align: left;
  font-style: normal;
  margin-left: 0.09rem;

}
.box2right a{
     color: #666666;
}
.box2right a:hover{
    color: #630C88;
}



.studyBox {
  width: 100%;
}

.stubox-xin {
  width: 14rem;
  padding-top: 0.65rem;
  padding-bottom: 0.55rem;
  margin: 0 auto;
}

.mode_1 {
  background: #FFFFFF;
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #EBEBEB;
  padding: 0 0.44rem;
  padding-top: 0.26rem;
  padding-bottom: 0.32rem;
  transition: background 1s;
}

.mode_1+.mode_1{
  margin-top: 0.2rem;
} 

.mode_tit {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.24rem;

  text-align: left;
  font-style: normal;
  text-transform: none;
}

.mode_1:hover {
  color: #630C88;
  background:#F8F8F8;
}


.select_detil a {
  display: flex;
}

.detil {
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.1rem;
}

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

.detil-btn {

  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
  /* line-height: 0rem; */
  text-align: right;
  font-style: normal;
  text-transform: none;
}

.lst-blb-3 {
  height: 0.6rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei;
  font-weight: normal;
  font-size: 0.16rem;
  color: #666666;
  /* line-height: 0.28rem; */
  text-align: left;
  font-style: normal;
  text-transform: none;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* -webkit-box-orient: vertical; */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.26rem;


  margin-top: 0.33rem;
  margin-bottom: 0.18rem;
}
.page{
  margin-bottom: 0.55rem !important;
}

@media screen and (max-width:1024px){
    .tap{
        display: none;
    }
    .stubox-xin{
        width: 93%;
        
    }
    .mode_tit{
        font-size: 16px;
    }
    .lst-blb-3{
        height: .7rem;
    }
    .lst-blb-3,
    .detil-btn{
        font-size: 14px;
        line-height: 1.2;
    }
}