body {
  background-color: #F5F5F5;
}
.product-baner {
  height: 370px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 65px;
}

.product-baner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 650px;
  height: 650px;
  background: url(../images/dig-le.png) no-repeat 50%;
  background-size: cover;
  z-index: -9;
  -webkit-transform: translate(-160px,-70px);
  transform: translate(-160px,-70px);
}
.bg-g {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 350px;
  background: url(../images/dig-le.png) no-repeat 50%;
  background-size: cover;
  z-index: 2;
  -webkit-transform: translate(-70px,-23px);;
  transform: translate(-70px,-23px);;
  -webkit-animation: boll 10s linear infinite alternate;
  animation: bolll 10s linear infinite alternate;
}
@keyframes bolll {
  0% {
    -webkit-transform: translate(-70px,-23px);;
    transform: translate(-70px,-23px);;
  }
  50% {
    -webkit-transform: translate(300px, 200px);
    transform: translate(300px, 200px);
  }
  100% {
    -webkit-transform: translate(-70px, 200px);
    transform: translate(-70px, 200px);
  }
}

.product-baner img {
  width: 100px;
}

.product-title {
  margin-top: 20px;
}

.product-title p {
  font-size: 38px;
  font-weight: 600;
}

.product-desc {
  margin-top: 20px;
}

.product-desc p {
  padding: 10px 15px;
  border-radius: 30px;
  background: linear-gradient(90deg, #BDDBF9 0, #E3EFF7 100%);
  font-weight: 600;
}

.product-button {
  margin-top: 35px;
  margin-top: 35px;
  width: 388px;
  display: flex;
  justify-content: space-between;
}

.pr-zxkf {
  padding: 10px 25px;
  background: black;
  border-radius: 30px;
  color: #fff;
  font-weight: 600;
}
.pr-jf {
  font-weight: 600;
  padding: 10px 25px;
  border-radius: 30px;
  border: 1px solid #000;

}
.select-box {
  width: 1120px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px;
  padding: 25px 50px;
      box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 10%);
}
.select {
  display: flex;
  font-size: 18px;
  height: 55px;
  align-items: center;
}
.type {
  margin-left: 60px;
  cursor: pointer;
}
.type.active {
  background-color: #0066FF;
  color: #fff;
  padding: 5px 15px;
  border-radius: 8px;
}
.type2 {
  margin-left: 60px;
  cursor: pointer;
}
.type2.active {
  background-color: #0066FF;
  color: #fff;
  padding: 5px 15px;
  border-radius: 8px;
}
.type3 {
  margin-left: 60px;
  cursor: pointer;
}
.type3.active {
  background-color: #0066FF;
  color: #fff;
  padding: 5px 15px;
  border-radius: 8px;
}
.type4 {
  margin-left: 60px;
  cursor: pointer;
}
.type4.active {
  background-color: #0066FF;
  color: #fff;
  padding: 5px 15px;
  border-radius: 8px;
}
@media (max-width: 768px) {
    .select-box,.bg-g {
        display: none;
    }
    .product-baner::after {
    transform: translate(-269px,21px);
    width: 399px;
    height: 399px;
}
.product-baner {
    width: 100%;
        height: 299px;
}
.product-button {
    width: 88%;
}
.pr-jf,.pr-zxkf {
        padding: 10px 18px;
}










}