.pc-hide {
  display: none;
}
.join-us-box .right-box {
   padding-top: 0;
   /* padding-left: 0; */
}
.service-content {
   display: flex;
   flex-wrap: wrap;
   max-width: 6.25rem;
   margin: 0 auto;
   justify-content: space-between;
   text-align: center;
}

.service-item {
   width: 1.9792rem;
   height: 2.2188rem;
   cursor: pointer;
   margin-bottom: 0.2083rem;
   position: relative;
   overflow: hidden;
   border-radius: 0.1042rem;
}

.service-item:hover .detail {
   height: 0.25rem;
   margin-top: 0.1042rem;
}

.img-box {
   width: 100%;
   height: 1.7188rem;
   overflow: hidden;
}

.img-box .img {
   width: 100%;
   height: auto;
}

.content {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   color: #FFFFFF;
   background: linear-gradient(180deg, #FF5A5A 0%, #CA1A1D 100%);
   border-radius: 0rem 0rem 0.1042rem 0.1042rem;
   padding: 0.1667rem 0;
}

.title {
   font-size: 0.125rem;
   font-weight: 600;
   line-height: 0.1667rem;
}

.detail {
   max-width: 1.5677rem;
   height: 0;
   overflow: hidden;
   /* font-size: 0.0833rem; */
   font-size: 0.0938rem;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 0.125rem;
   margin: 0 auto;
   transition: height 0.3s;
}

.title-detail {
   font-size: 0.0938rem;
   font-weight: 400;
   color: #222222;
   line-height: 0.2083rem;
}

.serve {
   width: 100%;
   height: 2.375rem;
   padding: 0.4167rem 1.875rem;
   box-sizing: border-box;
}

.car-serve {
   background: url(../images/lease_service_car.png);
   background-size: 100%;
   margin-top: 0.4167rem;
}

.driver-serve {
   background: url(../images/lease_serrvice_driver.png);
   background-size: 100%;
}

.serve .serve-title {
   font-weight: 500;
   font-size: 0.1979rem;
   color: #FFFFFF;
   line-height: 0.3125rem;
   letter-spacing: 0.0104rem;
   text-align: center;
}

.serve .serve-row {
   margin-top: 0.2083rem;
   display: flex;
   justify-content: space-between;
}

.serve .serve-row .serve-row-item {
   width: 1.5625rem;
   height: 1.0208rem;
   border: 1px solid #FFFFFF;
   border-radius: 0.0625rem;
   cursor: pointer;
   padding: 0.3125rem 0.1667rem;
   box-sizing: border-box;
   color: #FFFFFF;
   font-weight: 500;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: width 0.6s ease-out;
}

.serve .serve-row .serve-row-item.active {
   width: 2.9167rem;
   background: rgba(255,255,255,0.11);
   transition: width 0.6s ease-in-out;
}

.serve .serve-row .serve-row-item.active .item-detail {
   display: block;
}

.serve .serve-row .serve-row-item .item-title {
   font-size: 0.1458rem;
   letter-spacing: 0.0089rem;
   line-height: 0.1875rem;
}

.serve .serve-row .serve-row-item .item-detail {
   margin-top: 0.1042rem;
   font-size: 0.1042rem;
   line-height: 0.1042rem;
   font-weight: 400;
   display: none;
   letter-spacing: 0.0064rem;
}

.serve .serve-row .serve-row-item .item-footer {
   display: none;
   font-size: 0.125rem;
   line-height: 0.1667rem;
   max-width: 1.1979rem;
   text-transform: uppercase;
   margin-top: 0.9688rem;
}

.core-box {
   /* background: url("../images/core_bg_box.png") no-repeat top center;
   background-size: 100% 100%; */
   background: #f6f6f6;
}

.core-advantage {
   max-width: 5.7292rem;
   margin: 0.3229rem auto 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.core-advantage .core-item-out {
   cursor: pointer;
   position: relative;
}

.core-advantage .core-item-out:hover .core-item {
   border-color: #CA1A1D;
   background: #CA1A1D;
}

.core-advantage .core-item-out:hover .core-item .title-row {
   height: 0;
   overflow: hidden;
}

.core-advantage .core-item-out:hover .core-item .core-detail {
   margin-top: 0;
   opacity: 1;
}
.core-advantage .core-item-out:hover .core-item::after {
   content: "";
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 0.5677rem;
   height: 0.4583rem;
   background: #FFDA00;
   filter: blur(0.2604rem);
}

.core-advantage .core-item {
   background: linear-gradient(189deg, #FFFFFF 0%, rgba(255, 255, 255, 0.33) 100%);
   border-radius: 0.0833rem;
   overflow: hidden;
   border: 0.0052rem solid #FFFFFF;
   font-size: 0.125rem;
   font-weight: 600;
   color: #222222;
   margin-bottom: 0.1667rem;
   position: relative;
   width: 1.7969rem;
   height: 0.5833rem;
   line-height: 0.5833rem;
   box-sizing: border-box;
}

.core-advantage .core-item_3,
.core-advantage .core-item_4,
.core-advantage .core-item_5 {
   margin-bottom: 0;
}

.core-advantage .core-icon {
   display: inline-block;
   vertical-align: middle;
   margin-right: 0.1042rem;
   margin-left: 0.1198rem;
   width: 0.2135rem;
   height: 0.25rem;
}

.core-advantage .core-detail {
   width: 100%;
   height: 0.5833rem;
   overflow: hidden;
   font-size: 0.0833rem;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 0.125rem;
   transition: all 0.3s;
   position: relative;
   display: flex;
   align-items: center;
   margin-top: 0.5833rem;
   opacity: 0;
}

.core-advantage .core-detail .info {
   padding: 0.1042rem 0.1042rem;
   /* font-size: 0.0833rem; */
   font-size: 0.0938rem;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 0.125rem;
}

.exhibition-city {
   /* background: #f6f6f6; */
   background: #FFFFFF;
}

.exhibition-city .title-up {
   margin-bottom: 0;
}

.exhibition-city__content {
   margin: 0.4063rem auto 0;
   /* margin: 0.625rem auto 0; */
   /* width: 100%;
   padding: 0.625rem;; */
   /* max-width: 6.25rem; */
   position: relative;
   height: 2.6406rem;
   display: flex;
   align-items: center;
   box-sizing: border-box;
   justify-content: center;
}

.exhibition-city__content .img {
   width: 3.3906rem;
   height: 2.6406rem;
   margin-left: 0.2083rem;
}

.exhibition-city__content .city-item {
   width: 2.6615rem;
   height: 0.5885rem;
   background: #FFFFFF;
   box-shadow: 0.0313rem 0.0313rem 0.1042rem 0rem rgba(34, 34, 34, 0.08);
   border-radius: 0.0938rem;
   margin-bottom: 0.1042rem;
   font-size: 0.125rem;
   font-weight: 400;
   color: #222222;
   display: flex;
   flex-direction: column;
   justify-content: center;
   cursor: pointer;
   transition: height 0.3s;
}

.exhibition-city__content .city-item:last-child {
   margin-bottom: 0;
}

.exhibition-city__content .city-item .city-title,
.exhibition-city__content .city-item .city-detail {
   padding: 0 0.1667rem;
}

.exhibition-city__content .city-item .city-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.exhibition-city__content .city-item .city-title .arrow-icon {
   width: 0.125rem;
   height: 0.125rem;
}

.exhibition-city__content .city-item .city-detail {
   font-size: 0.0833rem;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 0.125rem;
   display: none;
   font-size: 0.1042rem;
   line-height: 1.4;
}

.exhibition-city__content .city-item.active {
   padding: 0.2083rem 0;
   background: #CA1A1D;
}

.exhibition-city__content .city-item.active .city-title {
   color: #ffffff;
   position: relative;
   margin-bottom: 0.2rem;
}

.exhibition-city__content .city-item.active .city-title .arrow-icon {
   display: none;
}

.exhibition-city__content .city-item.active .city-title::after {
   content: "";
   position: absolute;
   bottom: -0.0417rem;
   left: 0.1667rem;
   z-index: 1;
   width: 0.4167rem;
   height: 0.0208rem;
   background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.exhibition-city__content .city-item.active .city-detail {
   display: block;
}

.exhibition-city__content .city-item_0.active,
.exhibition-city__content .city-item_1.active {
   /* height: 0.651rem; */
   height: auto;
}

.exhibition-city__content .city-item_2.active {
   /* height: 0.901rem; */
   height: auto;
}

.exhibition-city__content .circle-map {
   /* position: absolute;
   top: 0;
   right: 0; */
   /* right: -1.274rem; */
   /* width: 5.4rem;
   height: 3.42rem; */
   /* width: 4.1667rem;
   height: 2.6406rem; */
   padding-left: 0.2rem;
   width: 4.6667rem;
   height: 3.0rem;
}
.exhibition-city__content .circle-map #citysMapBox {
   height: 100%;
}

.vehicle-model .title-up {
   margin-bottom: 0;
}

.vehicle-model .title-detail {
   font-weight: 400;
   font-size: 0.1042rem;
   color: #222222;
   line-height: 0.2083rem;
   margin-top: 0.2083rem;
   text-align: center;
}

.vehicle-swiper-box {
   width: 6.25rem;
   position: relative;
   margin: 0.6927rem auto 0;
}

.vehicle-swiper-box .vehicle-banner-box {
   position: relative;
   width: 6.25rem;
   padding-top: 0.2083rem;
}

.vehicle-swiper-box .model-name {
   position: absolute;
   left: 0;
   top: 0;
}

.vehicle-swiper-box .model-img {
   width: 5.3542rem;
   height: 2.4531rem;
   margin: 0 auto;
}

.vehicle-swiper-box .circle-process {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 3;
   cursor: pointer;
}

.vehicle-swiper-box .prev {
   left: 0;
}

.vehicle-swiper-box .next {
   right: 0;
}

.ask-box {
   background: url("../images/ask_bg.png") no-repeat left top;
   background-size: 100% 100%;
   background-color: #f6f6f6;
}

.ask-box .ask-content {
   position: relative;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   color: #222222;
   /* font-size: 0.0729rem; */
   font-weight: 400;
   line-height: 0.1042rem;
   font-size: 0.0833rem;
}

.ask-box .item {
   position: relative;
   z-index: 1;
}

.ask-box .item.left {
   margin-right: 1.2396rem;
}

.ask-box .item-row {
   margin-bottom: 0.4167rem;
}

.ask-box .item-row:last-child {
   margin-bottom: 0;
}

.ask-box .left .item-row_1 {
   margin-left: 0.2604rem;
}

.ask-box .right .item-row_1 {
   margin-right: 0.2604rem;
   text-align: left;
}

.ask-box .right .item-row_1 .anser {
   margin-left: 0.0521rem;
}

.ask-box .right .item-row_0,
.ask-box .right .item-row_2 {
   margin-left: 0.1458rem;
}

.ask-box .right .item-row_0 .anser,
.ask-box .right .item-row_2 .anser {
   margin-left: 0.1458rem;
}

.ask-box .ask-icon {
   width: 0.2083rem;
   height: 0.1875rem;
   margin-right: 0.0417rem;
   display: inline-block;
   vertical-align: middle;
}

.ask-box .ask-title {
   max-width: 2.5208rem;
   font-size: 0.1042rem;
   font-weight: 500;
   height: 0.1875rem;
   margin-bottom: 0.151rem;
   position: relative;
   white-space: nowrap;
}
.ask-box .right .ask-title {
   padding-left: 0.1458rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.ask-box .right .item-row_1 .ask-title {
   padding-left: 0.0313rem;
}

.ask-box .ask-line-bg {
   position: absolute;
   width: 2.526rem;
   height: 0.1615rem;
   bottom: 0;
   left: 0;
}

.ask-box .item-row_1 .ask-line-bg {
   width: 2.401rem;
   height: 0.0625rem;
}

.ask-box .item-row_0 .ask-line-bg {
   bottom: -0.2344rem;
}

.ask-box .item-row_1 .ask-line-bg {
   bottom: -0.1042rem;
}

.ask-box .item-row_2 .ask-line-bg {
   bottom: -0.0781rem;
}

.ask-box .right .ask-icon {
   margin-right: 0;
   margin-left: 0.0417rem;
}

.ask-box .anser {
   max-width: 2.375rem;
}

.ask-box .ask-person-pic {
   position: absolute;
   top: 0.1771rem;
   left: 41%;
   width: 1.6146rem;
   height: 2.1042rem;
}
.flx-join-box {
   display: block;
   position: fixed;
   right: 0.3333rem;
   top: 4.0625rem;
   width: 0.5208rem;
   height: 0.5208rem;
   box-shadow: 0rem 0.026rem 0.0469rem 0rem #CA1A1D;
   box-shadow: 0.026rem 0.026rem 0.1875rem 0rem rgba(34,34,34,0.05);
   border: 0.0052rem solid #CA1A1D;
   border-radius: 50%;
   background-color: #ffffff;
}
.flx-join-box .fixed-join-info {
   position: relative;
   width: 0.5208rem;
   height: 0.5208rem;
   background: transparent;
}
.flx-join-box .icon {
   width: 0.3698rem;
   height: 0.3906rem;
   margin: 0.0521rem auto 0;
}
.btn-fixed {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 0.0365rem;
   width: 0.5208rem;
   height: 0.1771rem;
   background: linear-gradient(180deg, #FF5A5A 0%, #CA1A1D 100%);
   box-shadow: 0rem 0.0313rem 0.0781rem 0rem rgba(202,26,29,0.15);
   border-radius: 0.0156rem;
   font-size: 0.0833rem;
   font-weight: 400;
   color: #FFFFFF;
   display: flex;
   align-items: center;
   justify-content: center;
}
.core-box .title-detail {
   color: #222222;
}
.uc-fixed-btn {
   display: none;
}
.exhi-city {
   display: none;
}
.sort-num {
   display: none;
}
.ask-box .bg {
   display: none;
}
.iframe-elem {
   width: 3.3333rem;
   height: 2.0833rem;
}
@media (max-width: 767px) {
   .flx-join-box {
       display: none;
   }
   .uc-fixed-btn {
       position: fixed;
       display: block;
       width: 2.3467rem;
       height: 2.32rem;
       right: 0;
       top: 15.12rem;
       z-index: 13;
   }
   .uc-fixed-btn .icon {
       width: 100%;
       height: 100%;
   }
  .components-banner .detail-banner {
      height: 4.1198rem;
      background: none;
  }
  .components-banner .banner-detail {
      position: relative;
      width: 6.25rem;
      height: 1.25rem;
      background: #ffffff;
      box-shadow: 0.0313rem 0.0313rem 0.224rem 0rem rgba(34, 34, 34, 0.05);
      border-radius: 0.1042rem;
      margin: -0.8rem auto 0;
      padding: 0;
      z-index: 11;
  }
  .components-banner .banner-detail .title {
      font-size: 0.2135rem;
      font-weight: 600;
      color: #222222;
      line-height: 0.2083rem;
      letter-spacing: 0.0104rem;
      padding: 0.2083rem 0 0.125rem 0.2604rem;
      margin-bottom: 0;
      height: auto;
  }
  .components-banner .banner-detail p {
      padding: 0 0.2604rem 0.2083rem;
      font-size: 0.125rem;
      font-weight: 400;
      color: #333333;
      line-height: 0.2396rem;
      letter-spacing: 0.0052rem;
  }
  .components-banner .banner-title {
      font-size: 0.3438rem;
      font-weight: 600;
      color: #ffffff;
      line-height: 0.5208rem;
      letter-spacing: 0.026rem;
      text-shadow: 2px 14px 18px rgba(35, 24, 21, 0.53);
      top: 1.2031rem;
      white-space: nowrap;
      font-family: HarmonyOS_Sans_SC_Bold;
      text-transform: none;
  }
  .components-banner .banner-title1 {
      font-size: 0.3438rem;
      font-weight: 600;
      color: #ffffff;
      line-height: 0.5208rem;
      letter-spacing: 0.026rem;
      text-shadow: 2px 14px 18px rgba(35, 24, 21, 0.53);
      top: 1.6rem;
      white-space: nowrap;
      font-family: HarmonyOS_Sans_SC_Bold;
      text-transform: none;
  }
   .service-content {
       flex-wrap: nowrap;
       max-width: unset;
       width: auto;
       margin-left: 0.4267rem;
       overflow-y: hidden;
   }
   .service-content .service-item {
       width: 4.1333rem;
       height: 6.08rem;
       margin-right: 0.2133rem;
       flex-shrink: 0;
       margin-bottom: 0 !important;
   }
   .service-content .service-item:last-child {
       margin-right: 0.4267rem;
   }
   .img-box {
       height: 6.08rem;
   }
   .content {
       padding: 0.3733rem 0;
       color: #FFFFFF;
   }
   .content .detail {
       max-width: unset;
       padding: 0.16rem 0.4267rem 0;
       height: 1.37rem;
       font-size: 0.32rem;
       font-weight: 400;
       line-height: 0.48rem;
   }
   .content .title {
       font-size: 0.3733rem;
       font-weight: 600;
       line-height: 0.5333rem;
   }
   .service-item:hover .detail {
       height: 1.37rem;
       margin: unset;
   }
   .serve {
       width: 100%;
       padding: 1.0667rem 0.4267rem;
       box-sizing: border-box;
   }

   .car-serve {
       background: url(../images/lease_car_mobie.png);
       background-size: 100%;
       height: 15.6267rem;
       margin-top: 1.0667rem;
   }

   .driver-serve {
       background: url(../images/lease_driver_mobie.png);
       background-size: 100%;
       height: 15.8133rem;
   }

   .serve .serve-title {
       font-weight: 500;
       font-size: 0.5333rem;
       color: #FFFFFF;
       line-height: 0.5333rem;
       letter-spacing: none;
       text-align: center;
   }

   .serve .serve-row {
       margin-top: 0.64rem;
       display: flex;
       justify-content: space-between;
       flex-direction: column;
   }

   .serve .serve-row .serve-row-item {
       width: 100%;
       height: auto;
       border: 0.0267rem solid #FFFFFF;
       background: rgba(255,255,255,0.11);
       backdrop-filter: blur(0.0267rem);
       border-radius: 0.2133rem;
       cursor: pointer;
       padding: 0.5333rem 0 0.5333rem 0.4267rem;
       box-sizing: border-box;
       color: #FFFFFF;
       font-weight: 500;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       transition: width 0.6s ease-out;
       pointer-events: none;
       margin-top: 0.32rem;
   }

   .serve .serve-row .serve-row-item:nth-child(1) {
       margin-top: 0;
   }

   .car-serve .serve-row .serve-row-item:nth-child(3) {
       margin-top: 0.8rem;
   }

   .serve .serve-row .serve-row-item.active {
       width: 100%;
       background: rgba(255,255,255,0.11);
       transition: width 0.6s ease-in-out;
   }

   .serve .serve-row .serve-row-item .item-detail {
       display: block !important;
   }

   .serve .serve-row .serve-row-item .item-title {
       font-size: 0.4267rem;
       letter-spacing: none;
       line-height: 0.5333rem;
   }

   .serve .serve-row .serve-row-item .item-detail {
       margin-top: 0.32rem;
       font-size: 0.32rem;
       line-height: 0.48rem;
       font-weight: 400;
       display: none;
       letter-spacing: none;
   }

   .serve .serve-row .serve-row-item .item-footer {
       display: block;
       font-size: 0.32rem;
       line-height: 0.48rem;
       max-width: 3.8933rem;
       text-transform: uppercase;
       margin-top: 0.5333rem;
   }
   .core-advantage {
       max-width: unset;
       margin: 0.64rem 0.28rem 0;
       align-items: stretch;
   }
   .core-advantage .core-item-out {
       margin-bottom: 0.32rem;
   }
   .core-advantage .core-item {
       box-sizing: border-box;
       width: 4.4267rem;
       height: 100%;
       /* width: 4.4267rem; */
       /* height: 3.0933rem; */
       /* height: auto; */
       /* height: 3.0933rem; */
       /* padding-bottom: 0.4267rem; */
       background: linear-gradient(189deg, #FFFFFF 0%, rgba(255,255,255,0.33) 100%);
       border-radius: 0.1867rem;
       border: 0.0267rem solid #FFFFFF;
       font-size: 0.32rem;
       font-weight: 400;
       color: #222222;
       line-height: 0.48rem;
       margin: 0 0.1467rem 0.32rem;
   }
   .core-advantage .core-icon {
       width: 0.56rem;
       height: 0.64rem;
       margin-right: 0.2133rem;
   }
   .core-item .title-row {
       font-size: 0.3733rem;
       font-weight: 600;
       color: #222222;
       padding: 0.4267rem 0.2933rem 0.16rem 0.2933rem;
   }
   .core-advantage .core-detail {
       opacity: 1;
       /* height: 1.44rem; */
       height: auto;
       margin-top: 0;
   }
   .core-advantage .core-detail .info {
       font-size: 0.32rem;
       font-weight: 400;
       color: #222222;
       line-height: 0.48rem;
       padding: 0 0.32rem;
   }
   .core-box .title-detail {
       font-size: 0.32rem;
       font-weight: 400;
       color: #222222;
       line-height: 0.48rem;
       text-align: center;
   }
   .exhibition-city__content {
       height: 0;
       overflow: hidden;
       margin: 0;
       padding: 0;
   }
   .exhi-city {
       display: block;
       width: 100%;
       overflow: hidden;
       margin-top: 0.64rem;
   }
   .exhi-city .swiper-content {
       background: #F6F6F6;
       border-radius: 0.2133rem;
       margin: 0 0.4267rem;
       padding: 0.5333rem 0;
   }
   .exhi-city .exhi-city-info {
       padding: 0 0.4267rem;
   }
   .exhi-city .swiper-content .item-title {
       font-size: 0.4267rem;
       font-weight: 600;
       color: #222222;
       line-height: 0.64rem;
   }
   .exhi-city .swiper-content .city-detail {
       font-size: 0.32rem;
       font-weight: 400;
       color: #222222;
       line-height: 0.48rem;
       margin: 0.2133rem 0 0.4267rem;
   }
   .exhi-city .swiper-content .map-content-box {
       /* width: 7.4667rem;
       height: 6.1867rem; */
       width: 100%;
       height: 6.1867rem;
       margin: 0 auto;
   }
   .exhi-city .swiper-pagination-city {
       display: flex;
       justify-content: center;
       padding: 0.5333rem 0;
   }
   .exhi-city .swiper-pagination-city .swiper-pagination-bullet {
       width: 0.5333rem;
       height: 0.0533rem;
       background: #CA1A1D;
       border-radius: 0.0533rem;
       margin: 0 0.1333rem;
       opacity: 0.1;
   }
   .exhi-city .swiper-pagination-city .swiper-pagination-bullet-active {
       background: #CA1A1D;
       opacity: 1;
   }
   .pc-hide {
     display: block;
  }
   .exhi-city-mobile {
     margin: 0 0.4267rem;
   }

   .exhi-city-mobile h4 {
     margin: 0.1067rem 0 0.32rem;
     font-weight: 600;
     font-size: 0.4267rem;
     color: #222222;
   }
   .exhi-city-cont {
     padding: 0.4267rem 0.32rem;
     box-shadow: 0rem 0.0533rem 0.5333rem 0rem rgba(137,137,137,0.08);
     border: 0.0267rem solid #EEEEEE;
     margin-bottom: 0.2133rem;
     font-size: 0.32rem;
   }

   .exhi-city-mobile ul {
     overflow: hidden;
   }
   .exhi-city-mobile ul li {
     float: left;
     margin-top: 0.32rem;
     margin-right: 0.2133rem;
     width: 1.8133rem;
     height: 0.6933rem;
     line-height: 0.6933rem;
     text-align: center;
     background: #FFFFFF;
     border-radius: 0.3467rem;
     border: 0.0133rem solid #cccccc;
   }
   .exhi-city-list .act {
     background: #CA1A1D;
     color: #ffffff;
     border: 0.0133rem solid #CA1A1D;
   }
   .exhi-city-title {
     position: relative;
     background: url(../images/icon/down.png) no-repeat right center;
     background-size: 0.5333rem 0.5333rem;
    }
    .exhi-city-title-act {
     background: url(../images/icon/up.png) no-repeat right center;
    }
   .exhi-city-title i {
     background-image: url(../images/icon/location_mobile.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 0.5333rem;
     height: 0.5333rem;
     display: inline-block;
     margin-right: 0.1067rem;
   }
   .exhi-city-title > div {
     display: flex;
     align-items: center;
   }

   .exhi-city-list {
     display: none;
   }
   .exhi-city-title-act + .exhi-city-list {
     display: block;
   }

   .amap-marker-label {
     border: 0;
     background-color: transparent;
   }
   .custom-content-marker > div {
     width: 5.8933rem;
     box-shadow: 0px 8px 20px 0px rgba(202,26,29,0.2);
     border: 0.0267rem solid rgba(202,26,29,0.66);
     margin-left: -2.9467rem;
     border-radius: 0.1333rem;
     background-color: white;
     padding: 0.32rem;
     font-size: 0.32rem;

   }
   .custom-content-marker > div img {
     width: 0.4267rem;
     height: 0.4267rem;

   }
   .exhi-address, .custom-content-marker > div a {
     display: flex;
     /* position: relative;
     top: 28px;
     right: 0;
     min-width: 0; */



   }
   .custom-content-marker div.exhi-address img{
     width: 0.44rem;
     height: 0.44rem;
     position: relative;
     top: -1px;
    }
   .custom-content-marker > div a {
     height: 0.48rem;
     line-height: 0.48rem;
     margin-top: 0.2133rem;
   }

   .manage-map {
     margin-top: 0.32rem;
     width: 100%;
     height: 6.9333rem;
     padding: 0 0.4267rem;
     box-sizing: border-box;
   }
   #map {
     width: 100%;
     height: 100%;
     border-radius: 5px;
   }

   .exhibition-city {
       padding-bottom: 0;
   }
   .vehicle-swiper-box {
       width: 100%;
       margin: 1.6rem auto 0;
   }
   .vehicle-swiper-box .swiper-slide {
       height: 5.0667rem !important;
   }
   .vehicle-swiper-box .swiper-slide-active {
       width: 8.8533rem !important;
       margin: 0 0.5733rem !important;
   }
   .vehicle-swiper-box .swiper-slide-next {
       transform: scale(0.8);
       width: 8.8533rem !important;
   }
   .vehicle-swiper-box .swiper-slide-prev {
       width: 8.8533rem !important;
       transform: scale(0.8);
       margin-left: -89%;
   }
   .vehicle-swiper-box .vehicle-banner-box {
       padding: 0;
       /* width: 8.8533rem;
       height: 5.0667rem; */
       width: 100%;
       height: 100%;
       margin: 0 auto;
   }
   .vehicle-swiper-box .vehicle-banner-box .model-img {
       width: 100%;
       height: 4.0267rem;
   }
   .vehicle-swiper-box .vehicle-banner-box .model-name {
       position: static;
       text-align: center;
       font-size: 0.3733rem;
       font-weight: 400;
       color: #222222;
       line-height: 0.5333rem;
       margin-top: 0.5067rem;
   }
   .vehicle-swiper-box .swiper-slide-prev .vehicle-banner-box {
       margin-right: -20%;
   }
   .vehicle-swiper-box .swiper-slide-next .vehicle-banner-box {
       margin-left: -19%;
   }
   .ask-box .ask-content {
       flex-direction: column;
   }
   .ask-box .ask-person-pic {
       position: static;
       width: 3.9733rem;
       height: 5.2rem;
       margin: 0 auto;
   }
   .ask-box .ask-title {
       max-width: unset;
       font-size: 0.3733rem;
       font-weight: 500;
       color: #222222;
       line-height: 0.5333rem;
       margin-bottom: 0.2133rem;
       height: auto;
       text-align: left !important;
       padding-left: 1.0667rem;
       position: relative;
       white-space: wrap;
   }
   .ask-box .item-row {
       background: #FFFFFF;
       border-radius: 0.2933rem;
       margin: 0 0.4267rem 0.4267rem !important;
       padding: 0.4267rem 0.32rem;
       position: relative;
       z-index: 1;
   }
   .ask-box .anser {
       font-size: 0.32rem;
       font-weight: 400;
       color: #222222;
       line-height: 0.4533rem;
       max-width: unset;
       text-align: left !important;
       margin-left: unset !important;
   }
   .ask-box .item-row .ask-line-bg {
       display: none;
   }
   .ask-box .ask-icon {
       display: none !important;
   }
   .ask-box .right .item-row_1 .ask-title,
   .ask-box .right .ask-title {
       padding-left: 1.0667rem;
   }
   .sort-num {
       display: block;
       position: absolute;
       width: 0.8533rem;
       height: 0.5867rem;
       background: #CA1A1D;
       border-radius: 0.2933rem;
       font-size: 0.3733rem;
       font-weight: 500;
       color: #FFFFFF;
       display: flex;
       align-items: center;
       justify-content: center;
       left: 0;
       top: 0;
   }
   .ask-box {
       background: #f6f6f6;
       position: relative;
   }
   .ask-box .bg {
       display: block;
       position: absolute;
   }
   .ask-box .bg-1 {
       left: 0;
       top: 0;
       width: 2.3733rem;
       height: 3.1733rem;
   }
   .ask-box .bg-2 {
       width: 2.2133rem;
       height: 4.2667rem;
       right: 0;
       bottom: 0;
   }
  .join-us-box {
      height: auto !important;
      background: url("../images/join_us_form_bg.png") no-repeat center top !important;
      background-size: cover !important;
      padding: 1.0667rem 0;
  }
  .join-us-box .join-info {
      flex-direction: column !important;
      height: auto !important;
  }
  .join-us-box .left {
      max-width: unset;
      text-align: left;
  }
  .join-us-box .left .info-left {
      width: 100%;
      height: auto;
      min-height: 2.9333rem;
      padding: 0.32rem 0.32rem 0.4rem;
      box-sizing: border-box;
  }
  .join-us-box .left h4 {
      display: inline-block;
      width: 2.2133rem;
      height: 0.7467rem;
      font-size: 0.4267rem;
      line-height: 0.7467rem;
      font-weight: 600;
      letter-spacing: 0;
      color: #ffffff;
      background: #b62829;
      border-radius: 0.1333rem;
      padding: 0;
      box-shadow: 0 0.04rem 0.1067rem rgba(182, 40, 41, 0.14);
      margin-top: 0;
      text-align: center;
  }
  .join-us-box .left .title-h4 {
      max-width: 100%;
      margin: 0.3733rem 0 0;
      font-size: 0.4267rem;
      font-weight: 400;
      color: #222222;
      line-height: 0.64rem;
      letter-spacing: 0;
  }
   .join-us-box .left .code-icon,
   .join-us-box .left span {
       display: none;
   }
   .join-us-box .right-box .code-icon {
       width: 160px;
       height: 160px;
       margin: 0 auto;
       display: block;
   }
   .join-us-box .right-box .tips-span {
       display: block;
       font-size: 0.32rem;
       font-weight: 400;
       color: #999999;
       line-height: 0.4533rem;
       margin-top: 0.2133rem;
       text-align: center;
   }
   .join-us-box .right-box {
       padding: 0;
       background: unset;
       border-radius: 0;
       margin: 0 auto;
   }
   .iframe-elem {
       width: 9.1467rem;
       margin: 0 auto;
       min-height: 10.8267rem;
       height: auto;
   }
   .core-advantage .core-item-out:hover .core-item {
       border-color: #ffffff;
       background: linear-gradient(189deg, #FFFFFF 0%, rgba(255,255,255,0.33) 100%);
   }
   .core-advantage .core-item-out:hover .core-item .title-row {
       height: auto;
   }
   .core-advantage .core-item-out:hover .core-item::after {
       display: none;
   }
   .ask-box .item.left {
       margin-right: 0;
   }
}

/* banner */
.components-banner .detail-banner {
 position: relative;
 height: 4rem;
 overflow: hidden;
 clear: both;
}
.components-banner .banner-title {
 font-size: 0.3385rem;
 font-weight: 600;
 color: #FFFFFF;
 line-height: 0.5208rem;
 letter-spacing: 0.026rem;
 text-shadow: 2px 14px 18px rgba(35,24,21,0.53);
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 top: 1.0521rem;
}
.components-banner .banner-title1 {
 font-size: 0.3385rem;
 font-weight: 600;
 color: #FFFFFF;
 line-height: 0.5208rem;
 letter-spacing: 0.026rem;
 text-shadow: 2px 14px 18px rgba(35,24,21,0.53);
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 top: 1.5rem;
 white-space: nowrap;
}
.components-banner .banner-detail .title {
 font-size: 0.2135rem;
 font-weight: 600;
 color: #222222;
 line-height: 0.2083rem;
 letter-spacing: 0.0104rem;
 padding: 0.2083rem 0 0.125rem 0.2604rem;
 height: auto;
}
/* banner end */

.dialog-form-diabled {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 100;
   background: rgba(34, 34, 34, 0.7);
   opacity: 0;
   display: none;
   align-items: center;
   justify-content: center;
   transition: opacity 0.3s;
}

.dialog-form-diabled.active {
   display: flex;
   opacity: 1;
}

.dialog-form-diabled .form-box-area {
   width: 4.0104rem;
   height: 2.6771rem;
   background: #FFFFFF;
   border-radius: 0rem 0.0833rem 0.0833rem 0rem;
   overflow: hidden;
   background: url('../images/invite_form_bg.png') no-repeat left top;
   background-size: 4.0104rem 2.6771rem;
   display: flex;
   justify-content: space-between;
}

.dialog-form-diabled .img-box {
   flex: 1;
   max-width: 1.7396rem;
   font-size: 0.0833rem;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 0.1042rem;
   padding-left: 0.1667rem;
}

.dialog-form-diabled .img-box h4 {
   font-size: 0.1458rem;
   font-weight: 600;
   line-height: 0.2083rem;
   padding: 0.5208rem 0 0.1667rem;
}

.dialog-form-diabled .img-box p {
   margin-bottom: 0.0625rem;
}

/* .dialog-form-diabled .form {
   flex: 1;
   background-color: #ffffff;
   height: 100%;
   position: relative;
}

.dialog-form-diabled .form-info {
   padding: 0.2604rem 0.1667rem;
}

.dialog-form-diabled .form-info .form-row {
   display: flex;
   align-items: center;
   font-size: 0.1042rem;
   font-weight: 400;
   line-height: 0.1458rem;
   margin-bottom: 0.1667rem;
}

.dialog-form-diabled .input-row {
   position: relative;
   flex: 1;
   background: #F6F6F6;
   border-radius: 0.0417rem;
   border: 0.0052rem solid #DBDBDB;
   margin-left: 0.0625rem;
   padding: 0.0573rem 0.0833rem;
}

.dialog-form-diabled .error-msg-box {
   position: absolute;
   bottom: -0.1354rem;
   left: 0;
   font-size: 0.0625rem;
   font-weight: 400;
   color: #CA1A1D;
   line-height: 0.0938rem;
   display: none;
   opacity: 0;
   z-index: 8;
}

.dialog-form-diabled .input-row.show-error .error-msg-box {
   display: block;
   opacity: 1;
}

.dialog-form-diabled .input-row .input {
   outline: none;
   border: 0;
   font-size: 0.1042rem;
   font-weight: 600;
   color: #222222;
   line-height: 0.1458rem;
   width: 100%;
   background-color: transparent;
}

.dialog-form-diabled .label {
   position: relative;
   color: #999999;
}

.dialog-form-diabled .label::before {
   content: "*";
   color: #CA1A1D;
}

.dialog-form-diabled .submit-btn {
   width: 1.9375rem;
   height: 0.2604rem;
   background: rgba(202, 26, 29, 0.5);
   border-radius: 0.0417rem;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 0.1042rem;
   font-weight: 400;
   color: #FFFFFF;
   margin-top: 0.25rem;
   cursor: not-allowed;
}

.dialog-form-diabled .submit-btn.active {
   background: #CA1A1D;
   cursor: pointer;
} */

.delete-icon {
   width: 0.1667rem;
   height: 0.1667rem;
   position: absolute;
   right: -0.1667rem;
   top: -0.1667rem;
   cursor: pointer;
}

/* .dialog-form-diabled .success-msg {
   position: fixed;
   left: 50%;
   top: 15%;
   transform: translateX(-50%);
   z-index: 10;
   display: none;
   opacity: 0;
   background-color: #67c23a;
   font-size: 0.1042rem;
   align-items: center;
   color: #ffffff;
   border-radius: 0.0833rem;
   height: 0.2083rem;
   padding: 0 0.1563rem;
   transition: all 0.3s;
}

.dialog-form-diabled .success-msg.active {
   display: flex;
   opacity: 1;
} */

.iframe-box {
   box-sizing: border-box;
   padding: 0.4167rem 0.1667rem 0;
   width: 2.2708rem;
   height: 2.6771rem;
   background: #FFFFFF;
   border-radius: 0rem 0.0833rem 0.0833rem 0rem;
}

.iframe-box .iframe-elem {
   width: 100%;
   height: 100%;
}
.detail-banner .uc_detail-banner__pic {
   display: none;
}

@media (max-width: 767px) {
   .detail-banner .detail-banner__pic {
       display: block;
       width: 100%;
   }

   .detail-banner .uc-detail-banner__pic {
       display: none;
   }
}


.form-editer .dialog-success-msg {
   width: auto;
   padding: 0 0.2667rem;
}

.form-editer .dialog-error-msg {
   top: 10%;
   left: 50%;
   transform: translateX(-50%);
   width: 80%;
   height: 1.0667rem;
   z-index: 3;
   border-radius: 0.2133rem;
   border-width: 0.0052rem;
   font-size: 0.3733rem;
   background-size: 0.5333rem 0.5333rem;
   display: flex;
   justify-content: center;
}

/* saas platform */
.saas-platform {
 width: 100%;
 height: 4.2448rem;
 background: url(../images/saas_platform_industry_bg.png) no-repeat;
 background-size: 100% 100%;
 padding: 0.4063rem 1.8958rem 0.8854rem;
 box-sizing: border-box;
 margin-top: 0.276rem;
}
.saas-platform .saas-platform-title {
  color: #fff;
  font-size: 0.2083rem;
  width: 100%;
  letter-spacing: 0.0052rem;
  text-align: center;
  margin-bottom: 0.1771rem;
}
.saas-platform .saas-platform-text {
 width: 100%;
 font-size: 0.1042rem;
 font-weight: 400;
 color: #fff;
 line-height: 0.1667rem;
 letter-spacing: 0.0052rem;
 text-align: center;
}
.saas-platform .saas-platform-type {
 width: 6.2135rem;
 height:0.4896rem;
 background: url(../images/saas_platform_type_bg.png) no-repeat;
 background-size: 100% 100%;
 display: flex;
 align-items: center;
 justify-content: space-around;
 margin-top: 0.349rem;
 /* box-sizing: border-box; */
 font-size: 0.1563rem;
 font-weight: 600;
  color: #fff;
  letter-spacing: 0.0052rem;
  text-align: center;
  padding:0 0.1302rem;
}
.saas-platform .saas-platform-name {
 margin:0.4063rem auto 0;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 font-size: 0.2083rem;
 font-weight: 400;
 color: #fff;
}
.saas-platform .saas-platform-name span{
width: 2.0104rem;
height: 0.0417rem;
background: url(../images/saas-platform-name_img.png) no-repeat;
background-size: 100% 100%;
}
.saas-platform .saas-platform-regular {
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-top: 0.2813rem;
 box-sizing: border-box;
 padding: 0 0.3385rem 0 0.2344rem;
}
.saas-platform .saas-platform-regular .item {
 width: 0.7031rem;
 height: 0.3438rem;
 background: url(../images/saas_platform_regular_industry_bg.png) no-repeat;
 background-size: 100% 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.1042rem;
 font-weight: 400;
 color: #fff;
}

/* saas platform end */