.container {
  width: 100%;
}

.container .banner {
  width: 100%;
}

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

.container .first-text {
  width: 90%;
  max-width: 55rem;
  font-size: 1.25rem;
  color: #666666;
  margin: 3.125rem auto 0 auto;
  text-indent: 2rem;
  line-height: 2rem;
}

.container .product-menu {
  display: flex;
  width: 90%;
  margin: 3.125rem auto 0 auto;
  max-width: 47.5rem;
  justify-content: space-around;
}

.container .product-menu .group {
  width: 6.25rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: space-between;
  height: 100%;
}

.container .product-menu .group span {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.125rem;
  margin-top: .625rem;
  color: #999999;
  transition: .3s all;
}

.container .product-menu a:nth-child(1) .image {
  width: 2.5rem;
  height: 3.0625rem;
  background: url("/static/images/chanpin1_n.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(1):hover .image, .container .product-menu a:nth-child(1) .selected  .image {
  background: url("/static/images/chanpin1_s.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(1):hover span, .container .product-menu a:nth-child(1) .selected  span {
  color: #ff9933;
}

.container .product-menu a:nth-child(2) .image {
  width: 2.625rem;
  height: 3.0625rem;
  background: url("/static/images/chanpin2_n.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(2):hover .image, .container .product-menu a:nth-child(2) .selected .image {
  background: url("/static/images/chanpin2_s.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(2):hover span, .container .product-menu a:nth-child(2) .selected span {
  color: #ff9933;
}

.container .product-menu a:nth-child(3) .image {
  width: 3.375rem;
  height: 2.875rem;
  background: url("/static/images/chanpin3_n.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(3):hover .image, .container .product-menu a:nth-child(3) .selected .image {
  background: url("/static/images/chanpin3_s.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(3):hover span, .container .product-menu a:nth-child(3) .selected span {
  color: #ff9933;
}

.container .product-menu a:nth-child(4) .image {
  width: 3.0625rem;
  height: 2.6875rem;
  background: url("/static/images/chanpin4_n.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(4):hover .image, .container .product-menu a:nth-child(4) .selected .image {
  background: url("/static/images/chanpin4_s.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(4):hover span, .container .product-menu a:nth-child(4) .selected span {
  color: #ff9933;
}
.container .product-menu a:nth-child(5) .image {
  width: 2.75rem;
  height: 3.2rem;
  background: url("/static/images/ymm-listtou.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(5):hover .image, .container .product-menu a:nth-child(5) .selected .image {
  background: url("/static/images/ymm-listtoup.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(5):hover span, .container .product-menu a:nth-child(5) .selected span {
  color: #ff9933;
}
.container .product-menu a:hover span, .container .product-menu a .selected span {
  color: #ff9933;
}
.container .product-menu a:nth-child(6) .image {
  width: 2.75rem;
  height: 3.2rem;
  background: url("/static/images/ymm_network_car.png") no-repeat;
  background-size: cover;
}

.container .product-menu a:nth-child(6):hover .image, .container .product-menu a:nth-child(6) .selected .image {
  background: url("/static/images/ymm_network_car_select.png") no-repeat;
  background-size: cover;
}
.container .product-menu a:nth-child(7) .image {
  width: 3.5rem;
  height: 3.2rem;
  background: url("/static/images/ymm_define_car.png") no-repeat;
  background-size: cover;
  background-size: contain;
  background-position: center;
}

.container .product-menu a:nth-child(7):hover .image, .container .product-menu a:nth-child(7) .selected .image {
  background: url("/static/images/ymm_define_car_select.png") no-repeat;
  background-size: contain;
  background-position: center;
}

.container .swiper-content {
  width: 90%;
  display: flex;
  max-width: 75rem;
  margin: 0 auto;
  align-items: center;
  padding: 3.125rem 0;
  min-height: 40rem;
}

.container .swiper-content .left {
  width: calc(30% + 3rem);
  position: relative;
}

.container .swiper-content .left .swiper-container {
  width: 17.5625rem;
  height: 35.125rem;
  position: relative;
}

.container .swiper-content .left .swiper-container .block {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .swiper-content .left .swiper-container .block img {
  /* width: 15.375rem;
  height: 33.25rem; */
  width: 99%;
  height: 100%;
  object-fit: contain;
}

.container .swiper-content .left .swiper-container .phone {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.container .swiper-content .left .prev-btn, .container .swiper-content .left .next-btn {
  width: 1.5rem;
  height: 2.5rem;
  top: calc(50% - 2.5rem/2);
  position: absolute;
  cursor: pointer;
}

.container .swiper-content .left .prev-btn {
  left: 0;
  background: url("/static/images/download.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .left .next-btn {
  right: 0;
  background: url("/static/images/download-1.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right {
  width: calc(70% - 3rem);
  max-width: 70%;
  overflow: hidden;
}

.container .swiper-content .right .swiper-container-1 {
  width: 100%;
  height: 100%;
  position: relative;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide {
  display: flex;
  align-items: center;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block {
  width: 90%;
  margin-left: 10%;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block span {
  width: 100%;
  font-size: 2.5rem;
  color: #fb851d;
  text-align: center;
  height: 6.25rem;
  line-height: 6.25rem;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block p {
  font-size: 1.25rem;
  line-height: 1.875rem;
  width: 100%;
  display: block;
  color: #666666;
  margin-bottom: 1.875rem;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list {
  width: 30rem;
  display: flex;
  align-items: center;
  margin-top: 3.125rem;
  flex-wrap: wrap;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon {
  cursor: pointer;
  margin: 0.9375rem;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(1) {
  width: 2.875rem;
  height: 3rem;
  background: url("/static/images/product-swiper-three-icon-1.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(1):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(1).selected {
  background: url("/static/images/product-swiper-three-icon-1-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(2) {
  width: 2.875rem;
  height: 2.875rem;
  background: url("/static/images/product-swiper-three-icon-2.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(2):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(2).selected {
  background: url("/static/images/product-swiper-three-icon-2-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(3) {
  width: 2.875rem;
  height: 2.1875rem;
  background: url("/static/images/product-swiper-two-icon-3.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(3):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(3).selected {
  background: url("/static/images/product-swiper-two-icon-3-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(4) {
  width: 2.875rem;
  height: 2.875rem;
  background: url("/static/images/product-swiper-three-icon-4.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(4):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(4).selected {
  background: url("/static/images/product-swiper-three-icon-4-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(5) {
  width: 2.625rem;
  height: 2.9375rem;
  background: url("/static/images/product-swiper-three-icon-5.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(5):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.driver .icon:nth-child(5).selected {
  background: url("/static/images/product-swiper-three-icon-5-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon {
  cursor: pointer;
  margin: 0.9375rem;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(1) {
  width: 3.375rem;
  height: 2.5rem;
  background: url("/static/images/product-swiper-two-icon-1.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(1):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(1).selected {
  background: url("/static/images/product-swiper-two-icon-1-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(2) {
  width: 2.5rem;
  height: 2.5rem;
  background: url("/static/images/product-swiper-two-icon-2.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(2):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(2).selected {
  background: url("/static/images/product-swiper-two-icon-2-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(3) {
  width: 2.875rem;
  height: 2.1875rem;
  background: url("/static/images/product-swiper-two-icon-3.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(3):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(3).selected {
  background: url("/static/images/product-swiper-two-icon-3-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(4) {
  width: 2.5625rem;
  height: 3rem;
  background: url("/static/images/product-swiper-two-icon-4.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(4):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(4).selected {
  background: url("/static/images/product-swiper-two-icon-4-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(5) {
  width: 2.75rem;
  height: 2.75rem;
  background: url("/static/images/product-swiper-two-icon-5.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(5):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(5).selected {
  background: url("/static/images/product-swiper-two-icon-5-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(6) {
  width: 2.75rem;
  height: 2.75rem;
  background: url("/static/images/product-swiper-two-icon-6.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(6):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.owner .icon:nth-child(6).selected {
  background: url("/static/images/product-swiper-two-icon-6-selected.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon {
  cursor: pointer;
  margin: 0.9375rem;
  margin-top: 4rem;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list>p:nth-child(10){
  position: absolute;
  bottom: 10rem;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list>p:nth-child(11){
  position: absolute;
  bottom: 2rem;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(1) {
  width: 3.5rem;
  height: 2.1875rem;
  background: url("/static/images/ymm-list1.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(1):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(1).selected {
  background: url("/static/images/ymm-list1p.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(2) {
  width: 2.4rem;
  height: 2.6875rem;
  background: url("/static/images/ymm-list2.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(2):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(2).selected {
  background: url("/static/images/ymm-list2p.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(3) {
  width: 2.3rem;
  height: 2.6875rem;
  background: url("/static/images/ymm-list3.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(3):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(3).selected {
  background: url("/static/images/ymm-list3p.png") no-repeat;
  background-size: cover;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(4) {
  width: 2.6875rem;
  height: 2.6875rem;
  background: url("/static/images/ymm-list4.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(4):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(4).selected {
  background: url("/static/images/ymm-list4p.png") no-repeat;
  background-size: cover;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5) {
  width: 2.6875rem;
  height: 2.6875rem;
  background: url("/static/images/ymm-list5.png") no-repeat;
  background-size: contain;
  width: 3rem;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5).selected {
  background: url("/static/images/ymm-list5p.png") no-repeat;
  background-size: contain;
  width: 3rem;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(6) {
  width: 3.5rem;
  height: 2.1875rem;
  background: url("/static/images/ymm-list6-1.png") no-repeat;
  background-size: contain;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(6):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(6).selected {
  background: url("/static/images/ymm-list6p-1.png") no-repeat;
  background-size: contain;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(7) {
  width: 3.5rem;
  height: 2.1875rem;
  background: url("/static/images/ymm-list6.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(7):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(7).selected {
  background: url("/static/images/ymm-list6p.png") no-repeat;
  background-size: cover;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(8) {
  width: 2.4rem;
  height: 2.6875rem;
  background: url("/static/images/ymm-list2.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(8):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(8).selected {
  background: url("/static/images/ymm-list2p.png") no-repeat;
  background-size: cover;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(9) {
  width: 2.3rem;
  height: 2.6875rem;
  background: url("/static/images/ymm-list3.png") no-repeat;
  background-size: cover;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(9):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(9).selected {
  background: url("/static/images/ymm-list3p.png") no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 320px) and (max-width: 830px) {
  .container .swiper-content {
    flex-wrap: wrap;
  }
  .container .swiper-content .left {
    width: 100%;
  }
  .container .swiper-content .left .prev-btn {
    left: calc((80% - 17.5625rem) / 2);
  }
  .container .swiper-content .left .next-btn {
    right: calc((80% - 17.5625rem) / 2);
  }
  .container .swiper-content .right {
    width: 100%;
    max-width: 100%;
  }
  .container .swiper-content .right .block {
    text-align: center;
    margin: 0 auto !important;
  }
  .container .swiper-content .right .block .icon-list {
    justify-content: center;
  }
  /* .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list{
    margin-left: 11rem;
    width: 53%;
  } */
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .container .swiper-content .right .swiper-container-1 .swiper-slide .block span {
    font-size: 2.25rem;
  }
  .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list{
    width: 97%;
  }
  .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5){
    width: 3.2rem;
  }
  .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(5).selected{
    width: 3.2rem;
  }
  .container .swiper-content .right .swiper-container-1 .swiper-slide .block p {
    font-size: .875rem;
  }
  .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list {
    flex-wrap: wrap;
    width: 23rem;
    margin: auto;
    margin-top: 2.25rem;
  }
  .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list p {

  }
  .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon {
    margin: 0.375rem;
    margin-top: 4rem;
  }
  .container .swiper-content .right .swiper-container-1 .swiper-slide .block .yun-share {
    display: block;
    margin: auto;
    line-height: 2.0rem;
    margin-bottom: 1rem;
  }
  .yun-peifu {
    margin-bottom: 1rem;
  }
}
.yun-zhixun{
  position: fixed;
  bottom: 45%;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  right: 0.9375rem;
  transition: 0.2s ease;
  z-index: 1000;

}
.yun-zhixun>img{
  width: 100%;
}
.yun-zhikuang{
  width: 23.75rem;
  height: 20.25rem;
  box-shadow: 1px 2px 3px #ccc;
  background: #fff;
  display: none;
  top: -1.25rem;
  position: absolute;
  right:0.15rem ;
  line-height: 3.75rem;
  border-radius: 3px;
}
.yun-zhikuang input, .yun-zhikuang select{
    padding: 0.3125rem 0.9375rem;
    border: 1px #ccc solid;
    width: 13rem;
    margin-left: 0.625rem;
    border-radius: 3px;
    line-height: 1rem;
}
.yun-inwrap div{
  padding: 0 2.1875rem;
  height: 3.25rem;
}
.yun-inwrap .front {
  color: red
}
.yun-inwrap .label {
  min-width: 5rem;
  text-align: right;
  display: inline-block;
}
.yun-l{
  margin: 0 2.1875rem;
  display: flex;
  border-top: 1px #ccc solid;
}
.yun-l img{
  height: 1.0625rem;
  margin-top: 1.375rem;

}
.yun-hb img{
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
}
.yun-l p:nth-child(2){
  margin: 0 2.5rem 0 0.625rem;
}
.yun-inwrap button{
  width: 6.25rem;
  height: 1.875rem;
  background: #fff;
  color: #fa871e;
  font-size: 1rem;
  text-align: center;
  line-height: 1rem;
  border: 1px #fa871e solid;
  border-radius: 1.25rem;
  margin-left: 8.75rem;
}
.Combined_Shape {
  background-color: rgb(255, 255, 255);
  width: 1.125rem;
  height: 1.125rem;
  z-index: 373;
}
.yun-hb{
  background: #fa871e;
  height: 3.75rem;
  color: #fff;
  font-size: 1.25rem;
  text-align: center;
}
.yun-pc{
  height: auto !important;
  top: 40% !important;
}
.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list .icon {
  cursor: pointer;
  margin: 0.9375rem;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(1) {
  width: 2.875rem;
  height: 3rem;
  background: url("/static/images/define_icon_1.png") no-repeat;
  background-size: contain;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(1):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(1).selected {
  background: url("/static/images/define_icon_1_select.png") no-repeat;
  background-size: contain;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(2) {
  width: 2.875rem;
  height: 2.875rem;
  background: url("/static/images/define_icon_2.png") no-repeat;
  background-size: contain;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(2):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(2).selected {
  background: url("/static/images/define_icon_2_select.png") no-repeat;
  background-size: contain;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(3) {
  width: 2.875rem;
  height: 2.1875rem;
  background: url("/static/images/define_icon_3.png") no-repeat;
  background-size: contain;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(3):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(3).selected {
  background: url("/static/images/define_icon_3_select.png") no-repeat;
  background-size: contain;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(4) {
  width: 2.875rem;
  height: 2.875rem;
  background: url("/static/images/define_icon_4.png") no-repeat;
  background-size: contain;
}

.container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(4):hover, .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.define .icon:nth-child(4).selected {
  background: url("/static/images/define_icon_4_select.png") no-repeat;
  background-size: contain;
}


.container .product-menu a {
  margin-bottom: 10px;
}

/* 手机 */
@media all and (max-width: 768px) {
  .container .product-menu {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .container .product-menu a {
    width: 25%;
    margin-bottom: 10px;
}
}
/* .container .swiper-content .right .swiper-container-1 .swiper-slide .block .icon-list.inn .icon:nth-child(6)::after {
  content: '司机端'，
} */