.banner {
  width: 100%;
  height: 7rem;
  position: relative;
}

.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .text {
  position: absolute;
  top: 3.2rem;
  left: 50%;
  transform: translateX(-50%);
}

.banner .text .tit1 {
  font-family: AlimamaShuHeiTi-Bold;
  font-weight: 700;
  font-size: .64rem;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}

.banner .text .tit2 {
  font-family: AlibabaPuHuiTi-3-55-Regular;
  font-weight: 400;
  font-size: .32rem; 
  color: rgba(255, 255, 255, 1);
  text-align: center;
}

.new {
  padding: 1rem 0;
}

.new .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .4rem;
}

.new .list .item {
  width: 5.4rem;
  height: 6.9rem;
  box-shadow: .03rem .05rem .13rem 0rem rgba(148, 148, 148, 0.1);
}

.new .list .item * {
  max-width: 100%;
}

.new .list .item img {
  width: 100%;
  height: 4rem;
}

.new .list .item .text {
  padding: .34rem .31rem .26rem;
}

.new .list .item .text .line1 {
  font-family: AlibabaPuHuiTi-3-65-Medium;
  font-weight: bold;
  font-size: .32rem;
  color: rgba(51, 51, 51, 1);
  margin-bottom: .4rem;
}

.new .list .item .text .line2 {
  font-family: AlibabaPuHuiTi-3-45-Light;
  font-weight: 300;
  font-size: .24rem;
  color: rgba(102, 102, 102, 1);
  margin-bottom: .33rem;
}

.new .list .item .text .btnBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new .list .item .text .btnBox .time {
  font-family: AlibabaPuHuiTi-3-45-Light;
  font-weight: 300;
  font-size: .2rem;
  color: rgba(153, 153, 153, 1);
}

.new .list .item .text .btnBox .btn {
  width: 1.1rem;
  height: .5rem;
  border-radius: .6rem;
  background: rgba(62, 95, 162, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: AlibabaPuHuiTi-3-55-Regular;
  font-weight: 400;
  font-size: .24rem;
  color: rgba(255, 255, 255, 1);
}



@media only screen and (max-width: 1024px) {
.banner{
  width: 100%;
    height: 4rem;
    margin-top: 50px;
}
.banner .text{
  top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.new .list{
  display: flex;
    gap: 0;
    justify-content: space-between;
    flex-wrap: wrap;
}
.new .list .item{
  width: 48%;
    height: auto;
    flex: 0 0 48%;
    margin-top: 0.2rem;
}
.new .list .item img{
  height: 2.3rem;
}
.new .list .item .text{
  padding: 0.24rem 0.21rem 0.26rem;
}
.new .list .item .text .line1{
  margin-bottom: 0.2rem;
}
.new .list .item .text .line2,.new .list .item .text .btnBox .time{
  font-size: 12px;
}
}