.bodybox{
    width: 100%;
    height: 100vh;
   
}

.heardcont{
    background-image: url(../images/bannertu.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 338px;
    width: 100%;
    position: relative;
    /* overflow-y: scroll; */
}
/* .heardcont::-webkit-scrollbar {
    display: none;
} */
.YYbox{
    width: 100%;
    height: 30vh;
    position: absolute;
    z-index: 5 ;
   }
.mySwiperbox{
  width: 90%;
  margin-left: 5%;
  height: 117px;
  margin-top: -87px;
  border-radius: 20px;
  box-shadow: -1px 5px 5px 0px rgba(31, 15, 10, 0.35);
}
   .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #ffffff ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:20px ;
  }
  .swiper-scrollbarbox{
    width: 10px;
  }

  .swiper-slide img {
    width: 100%;
    height: 42px;
    
}
  .oneswiper{
    display: flex;
  }
  .allCateListitem{
    width: 18%;
    height: 41px;
    margin-left: 1%;
    margin-top: 20px;
  }
  .gridboxs{
    width: 60%;
    margin: auto;
    display: flex;
    justify-content: center; 
  align-items: center;
    

  }
  .grid_itemimg{
    width: 100%;
    height: 100%;
    /* margin: 0 auto; */
    /* width: 20px;
    height: 20px;  */
  }
  .grid_iname{
    color: #000;
    margin-top: 10px;
    font-size: 0.8rem;
  }
  .list_box{
    width: 90%;
    margin-left: 5%;
    margin-top: 50px;
  }
  .list_content{
    margin-top: 50px;
  }
  .list_title{
    color: rgba(0, 0, 0, 1);
    font-size: 1rem;
    font-weight: 600;
    margin-top: 30px;
  }
.grid-containers {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 178px);
  gap: 10px 13px;

}
.grid-imgss{
  width: 60%;
    border-radius: 10px;
    margin-left: 20%;
    margin-top: 20px;
  
}
.grid_img0{
  width: 100%;
  height: 173px;
  border-radius: 20px;
  background: linear-gradient(to bottom, #EE9962, #F6D06E);
}
.grid_img1{
  width: 100%;
  height: 164px;
  border-radius: 20px;
  background: linear-gradient(to bottom, #59A37F, #85D595);
}
.grid_img2{
  width: 100%;
  height: 164px;
  border-radius: 20px;
  background: linear-gradient(to bottom, #3876F6, #5FAAF7);
}
.gridtxts{
  width: 5rem;
  margin: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #ffffff;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fengshu{
  margin-top: 2px;
  display: flex;
  height: 13px;
  line-height: 13px;
  width: 5rem;
  margin: auto;
  color: #ffffff;
  font-size: 14px;
}
.xximg{
  width: 62%;
  height: 11px;
  margin-left: 5%;
}
.playbox{
  width: 70%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin: auto;
  margin-top: 17px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 20px;
  background-color: #ffffff;
}

.gridlike-imgss{
  width: 100%;
  height: 65px;
  border-radius: 10px;
}
.gridlist-containers{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* grid-template-rows: repeat(2, 82px); */
  gap: 10px 10px;
  /* 设置行列之间的间距 */

}
/* .fanhuan{
  height: 11vh;
} */
.jieshao {
  width: calc(90% - 20px);
  padding: 10px;
  margin-left: 5%;
  background-color: rgba(255, 255, 255, 0.8);
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
  border-radius: 20px;
  margin-top: 20px;
  color: #000;

}