header.hide {
  top: -10%;
}

header {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

#wapper {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

#wapper .pc-swiper-mainBody {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#wapper .pc-swiper-mainBody .swiper-slide {
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  transform: translate3d(0,0,0);
}

#wapper .pc-swiper-mainBody .slideHome {
  background-image: url(../images-pc-carstyle/pc-home.jpg);
}

#wapper .pc-swiper-mainBody .slideHome .home-arrow {
  position: absolute;
  width: 4.0625vw;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: arrHome 1.5s linear infinite;
  -moz-animation: arrHome 1.5s linear infinite;
  animation: arrHome 1.5s linear infinite;
  cursor: pointer;
}

#wapper .pc-swiper-mainBody .slideVideo {
  background-image: url(../images-pc-carstyle/pc-video.jpg);
}

#wapper .pc-swiper-mainBody .slideVideo .video-txt {
  position: absolute;
  width: 17.63021vw;
  top: 13.02083vw;
  left: 27.99479vw;
  cursor: pointer;
}

#wapper .pc-swiper-mainBody .slideVideo .video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: none;
}

#wapper .pc-swiper-mainBody .slideVideo .video-wrap .close {
  position: absolute;
  bottom: 8%;
  width: 2.29167vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
}

#wapper .pc-swiper-mainBody .slideVideo .video-wrap .video-wrap-box {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 25%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

#wapper .pc-swiper-mainBody .slideVideo .video-wrap .video-wrap-box #video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}

#wapper .pc-swiper-mainBody .slideP3 ul {
  position: absolute;
  width: 23.56771vw;
  top: 2.9875vw;
  right: 0;
  margin: 0;
  padding: 0;
}

#wapper .pc-swiper-mainBody .slideP3 ul li {
  width: 7.29167vw;
  list-style: none;
  font-size: 1.35417vw;
  font-weight: bold;
  font-family: "fzzh";
  display: inline-block;
  color: #adadad;
  cursor: pointer;
}

#wapper .pc-swiper-mainBody .slideP3 ul li.active {
  color: #333;
}

#wapper .pc-swiper-mainBody .slideP3 .car-logo {
  position: absolute;
  width: 10.85938vw;
  top: 2.6875vw;
  left: 3.64583vw;
  margin: 0;
  padding: 0;
}

#wapper .pc-swiper-mainBody .slideP3 .car-btn {
  width: 5.46875vw;
  height: 14.45312vw;
  background-color: #4da4b9;
  font-family: "fzzh";
  font-size: 2.08333vw;
  color: #fff;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 50%;
  border: 0;
  outline: none;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

#wapper .pc-swiper-mainBody .slideP3 .car-btn-1 {
  background-color: #b8b8b8;
}

#wapper .pc-swiper-mainBody .slideP3 .car-btn-2 {
  background-color: #e68489;
}

#wapper .pc-swiper-mainBody .slideP3 .car-btn-3 {
  background-color: #d7b86f;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 76.14583vw;
  height: 73%;
  background-color: #c8ebf0;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap h1 {
  width: auto;
  position: absolute;
  left: -8.85417vw;
  top: -1.92708vw;
  text-align: right;
  display: block;
  font-family: "fzzh";
  font-size: 3.125vw;
  color: #333;
  margin: 0;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap h1 span {
  font-family: "fzzzh";
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .line {
  position: absolute;
  background: #333;
  width: 7.55208vw;
  height: 1px;
  top: 17.96875vw;
  left: 4.03646vw;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .carPrice {
  position: absolute;
  left: -10.9375vw;
  top: 15.625vw;
  text-align: left;
  font-size: 3.125vw;
  font-family: "fzzzh";
  color: #333;
  line-height: 1.5;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .carPrice .carDistance {
  font-family: 'fzzh';
  display: block;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .carPrice i {
  font-style: normal;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .carPrice .p {
  font-size: 1.60625vw;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .carPrice .pri {
  font-size: 3.125vw;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .carPrice .carDistance {
  font-size: 1.25417vw;
  margin-top: -8px;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .car-color-btn {
  position: absolute;
  width: 47.21354vw;
  height: 3.09896vw;
  bottom: 4.6875vw;
  left: 2.34375vw;
  display: flex;
  justify-content: space-around;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .car-color-btn .color-btn {
  width: 8.4vw;
  display: flex;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .car-color-btn .img-color {
  width: 3.2vw;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  transform: scale(.8);
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .color-btn.active .img-color,
#wapper .pc-swiper-mainBody .slideP3 .car-wrap .color-btn:hover .img-color {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .car-color-btn .txt {
  width: 4.2vw;
  height: 2.9vw;
  background-image: url(../images-pc-carstyle/pc-color-btn-txt.png);
  background-size: 200%;
  background-position-x: 100%;
  cursor: pointer;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  margin-left: .5vw;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .color-btn.active .txt,
#wapper .pc-swiper-mainBody .slideP3 .car-wrap .color-btn:hover .txt {
  background-position-x: 0%;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .car-color-btn .color-btn-01 .txt {
  background-position-y: 0%;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .car-color-btn .color-btn-02 .txt {
  background-position-y: 33.3%;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .car-color-btn .color-btn-03 .txt {
  background-position-y: 66.6%;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .car-color-btn .color-btn-04 .txt {
  background-position-y: 100%;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap .img {
  position: absolute;
  top: -4.95312vw;
  left: 13.30729vw;
  width: 53.69792vw;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap-1 {
  background-color: #e0e0e0;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap-2 {
  background-color: #f4ced0;
}

#wapper .pc-swiper-mainBody .slideP3 .car-wrap-3 {
  background-color: #eddbb8;
}

#wapper .pc-swiper-mainBody .slideP4 {
  background-image: url(../images-pc-carstyle/pc-p4-bg-00.jpg);
}

#wapper .pc-swiper-mainBody .slideP4 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: 50% 50%;
  opacity: 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

#wapper .pc-swiper-mainBody .slideP4 .bg.hover {
  opacity: 1;
}

#wapper .pc-swiper-mainBody .slideP4 .bg-01 {
  background-image: url(../images-pc-carstyle/pc-p4-bg-01.jpg);
}

#wapper .pc-swiper-mainBody .slideP4 .bg-02 {
  background-image: url(../images-pc-carstyle/pc-p4-bg-02.jpg);
}

#wapper .pc-swiper-mainBody .slideP4 .bg-03 {
  background-image: url(../images-pc-carstyle/pc-p4-bg-03.jpg);
}

#wapper .pc-swiper-mainBody .slideP4 .line {
  position: absolute;
  width: 27.63021vw;
  height: 8.30729vw;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

#wapper .pc-swiper-mainBody .slideP4 .btn-wrap {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 73.04688vw;
  height: 8.30729vw;
  display: flex;
}

#wapper .pc-swiper-mainBody .slideP4 .btn-wrap .btn {
  width: 24.34896vw;
  height: 8.30729vw;
  background-size: 300%;
  background-image: url(../images-pc-carstyle/pc-p4-btn.png);
  opacity: 0.6;
  cursor: pointer;
}

#wapper .pc-swiper-mainBody .slideP4 .btn-wrap .btn:hover {
  opacity: 1;
}

#wapper .pc-swiper-mainBody .slideP4 .btn-wrap .btn-1 {
  background-position: 0 50%;
}

#wapper .pc-swiper-mainBody .slideP4 .btn-wrap .btn-2 {
  background-position: 50% 50%;
}

#wapper .pc-swiper-mainBody .slideP4 .btn-wrap .btn-3 {
  background-position: 100% 50%;
}

#wapper .pc-swiper-mainBody .slideP4-1 .txt,
#wapper .pc-swiper-mainBody .slideP4-2 .txt,
#wapper .pc-swiper-mainBody .slideP4-3 .txt {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 24.11458vw;
  background: #fff;
}

#wapper .pc-swiper-mainBody .slideP4-1 .txt .slideP4-title,
#wapper .pc-swiper-mainBody .slideP4-2 .txt .slideP4-title,
#wapper .pc-swiper-mainBody .slideP4-3 .txt .slideP4-title {
  position: absolute;
  width: 17.13542vw;
  top: 11.06771vw;
  left: 4.6875vw;
}

#wapper .pc-swiper-mainBody .slideP4-1 .txt .slideP4-more,
#wapper .pc-swiper-mainBody .slideP4-2 .txt .slideP4-more,
#wapper .pc-swiper-mainBody .slideP4-3 .txt .slideP4-more {
  position: absolute;
  width: 14.45312vw;
  height: 3.54167vw;
  bottom: 4.55729vw;
  left: 4.16667vw;
  background-image: url(https://www.wuling.com/images-pc-carstyle/pc-more-btn3.png);
  background-size: 100%;
  background-position: 50% 100%;
  cursor: pointer;
}

#wapper .pc-swiper-mainBody .slideP4-1 .txt .slideP4-more:hover,
#wapper .pc-swiper-mainBody .slideP4-2 .txt .slideP4-more:hover,
#wapper .pc-swiper-mainBody .slideP4-3 .txt .slideP4-more:hover {
  background-position: 50% 0%;
}

#wapper .pc-swiper-mainBody .slideP4-1 .cont,
#wapper .pc-swiper-mainBody .slideP4-2 .cont,
#wapper .pc-swiper-mainBody .slideP4-3 .cont {
  position: relative;
  width: 100%;
  height: 100%;
}

#wapper .pc-swiper-mainBody .slideP4-1 .img,
#wapper .pc-swiper-mainBody .slideP4-2 .img,
#wapper .pc-swiper-mainBody .slideP4-3 .img {
  position: absolute;
  top: 0;
  left: 24.11458vw;
  height: 100%;
  width: 75.88542vw;
  background-position: 50% 50%;
  background-size: cover;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp,
#wapper .pc-swiper-mainBody .slideP4-2 .more-warp,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp {
  padding: 3.38542vw 0;
  background-color: #f3f3f3;
  display: none;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box,
#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box {
  position: relative;
  width: 100%;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .slideP4-hide,
#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .slideP4-hide,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .slideP4-hide {
  position: relative;
  width: 11.69271vw;
  height: 3.54167vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(../images-pc-carstyle/pc-hide-btn.png);
  background-size: 100%;
  background-position: 50% 100%;
  cursor: pointer;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .slideP4-hide:hover,
#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .slideP4-hide:hover,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .slideP4-hide:hover {
  background-position: 50% 0%;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box img {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .title1.on,
#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .txt1.on,
#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .title3.on {
  -webkit-animation: .5s left forwards;
  -moz-animation: .5s left forwards;
  animation: .5s left forwards;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .title2.on {
  -webkit-animation: .5s right forwards;
  -moz-animation: .5s right forwards;
  animation: .5s right forwards;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .title1 {
  position: absolute;
  width: 24.40104vw;
  margin-top: 4.29688vw;
  left: 0;
  top: 0;
  opacity: 0;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .img1 {
  position: relative;
  width: 63.25521vw;
  top: 0;
  left: 0;
  opacity: 1;
  margin-top: 4.29688vw;
  margin-left: 27.34375vw;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .txt1 {
  position: absolute;
  width: 15.9375vw;
  top: 0;
  left: 0;
  margin-top: 5.20833vw;
  margin-left: 9.24479vw;
  opacity: 0;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .img2 {
  position: relative;
  width: 63.28125vw;
  top: 0;
  left: 0;
  margin-top: 5.20833vw;
  margin-left: 27.34375vw;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .title2 {
  position: absolute;
  width: 33.04688vw;
  top: 0;
  right: 0;
  margin-top: 11.32812vw;
  opacity: 0;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .img3 {
  position: relative;
  width: 48.125vw;
  top: 0;
  left: 0;
  margin-top: 7.29167vw;
  margin-left: 17.65625vw;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .title3 {
  position: absolute;
  width: 42.1875vw;
  top: 0;
  left: 0;
  margin-top: 11.58854vw;
  margin-left: 0;
  opacity: 0;
}

#wapper .pc-swiper-mainBody .slideP4-1 .more-warp .box .img4 {
  position: relative;
  width: 51.77083vw;
  top: 0;
  right: 0;
  margin-left: 48.22917vw;
  margin-top: 3.90625vw;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .title1.on,
#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .title3.on,
#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .txt.on {
  -webkit-animation: .5s left forwards;
  -moz-animation: .5s left forwards;
  animation: .5s left forwards;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .title2.on {
  -webkit-animation: .5s right forwards;
  -moz-animation: .5s right forwards;
  animation: .5s right forwards;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .title1,
#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .title2,
#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .title3,
#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .txt {
  opacity: 0;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .title1 {
  position: absolute;
  width: 20.96354vw;
  margin-top: 4.29688vw;
  left: 0;
  top: 0;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .img1 {
  position: relative;
  width: 78.09896vw;
  top: 0;
  left: 0;
  margin-top: 12.5vw;
  margin-left: 11.66667vw;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .title2 {
  position: absolute;
  width: 21.17188vw;
  top: 0;
  right: 0;
  margin-top: 5.20833vw;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .img2 {
  position: relative;
  width: 70.18229vw;
  top: 0;
  left: 50%;
  margin-top: 13.02083vw;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .img3 {
  position: relative;
  width: 71.64062vw;
  top: 0;
  left: 50%;
  margin-top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .title3 {
  position: absolute;
  width: 25.26042vw;
  top: 0;
  left: 0;
  margin-top: 11.32812vw;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .img4 {
  position: relative;
  width: 49.16667vw;
  top: 0;
  left: 0;
  margin-top: 7.29167vw;
  margin-left: 34.03646vw;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .txt {
  position: absolute;
  width: 16.04167vw;
  height: auto;
  top: 0;
  left: 0;
  margin-top: 5.20833vw;
  margin-left: 9.42708vw;
  background: none;
}

#wapper .pc-swiper-mainBody .slideP4-2 .more-warp .box .img5 {
  position: relative;
  width: 62.96875vw;
  top: 0;
  right: 0;
  margin-left: 27.78646vw;
  margin-top: 5.20833vw;
  margin-bottom: 5.98958vw;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .title1.on,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .txt1.on,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .title3.on,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .txt3.on {
  -webkit-animation: .5s left forwards;
  -moz-animation: .5s left forwards;
  animation: .5s left forwards;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .title2.on,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .txt2.on {
  -webkit-animation: .5s right forwards;
  -moz-animation: .5s right forwards;
  animation: .5s right forwards;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .title1,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .title2,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .title3,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .txt1,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .txt2,
#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .txt3 {
  opacity: 0;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .title1 {
  position: absolute;
  width: 21.19792vw;
  margin-top: 4.29688vw;
  left: 0;
  top: 0;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .img1 {
  position: relative;
  width: 63.25521vw;
  top: 0;
  left: 0;
  margin-top: 8.85417vw;
  margin-left: 27.70833vw;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .title2 {
  position: absolute;
  width: 21.14583vw;
  top: 0;
  right: 0;
  margin-top: 5.20833vw;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .img2 {
  position: relative;
  width: 100vw;
  top: 0;
  left: 0;
  margin-top: 10.9375vw;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .txt1 {
  position: absolute;
  width: 27.08333vw;
  top: 0;
  left: 0;
  margin-top: 11.71875vw;
  margin-left: 9.11458vw;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .txt2 {
  position: absolute;
  width: 19.27083vw;
  top: 0;
  right: 0;
  margin-top: 50.78125vw;
  margin-right: 9.11458vw;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .img3 {
  position: relative;
  width: 63.25521vw;
  top: 0;
  left: 0;
  margin-top: 7.29167vw;
  margin-left: 27.70833vw;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .title3 {
  position: absolute;
  width: 23.51562vw;
  top: 0;
  left: 0;
  margin-top: 2.99479vw;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .img4 {
  position: relative;
  width: 63.25521vw;
  top: 0;
  left: 0;
  margin-top: 5.20833vw;
  margin-left: 27.70833vw;
  margin-bottom: 5.98958vw;
}

#wapper .pc-swiper-mainBody .slideP4-3 .more-warp .box .txt3 {
  position: absolute;
  width: 15.72917vw;
  height: auto;
  top: 0;
  left: 0;
  margin-top: 5.20833vw;
  margin-left: 9.42708vw;
  background: none;
}

#wapper .pc-swiper-mainBody .slideP4-1.more,
#wapper .pc-swiper-mainBody .slideP4-2.more,
#wapper .pc-swiper-mainBody .slideP4-3.more {
  overflow-y: scroll;
  overflow-x: hidden;
}

#wapper .pc-swiper-mainBody .slideP4-1.more .more-warp,
#wapper .pc-swiper-mainBody .slideP4-2.more .more-warp,
#wapper .pc-swiper-mainBody .slideP4-3.more .more-warp {
  display: block;
}

#wapper .pc-swiper-mainBody .slideP4-1 .img {
  background-image: url(../images-pc-carstyle/pc-p4-img-01.jpg);
}

#wapper .pc-swiper-mainBody .slideP4-2 .img {
  background-image: url(../images-pc-carstyle/pc-p4-img-02.jpg);
}

#wapper .pc-swiper-mainBody .slideP4-3 .img {
  background-image: url(../images-pc-carstyle/pc-p4-img-03.jpg);
}

#wapper .pc-swiper-mainBody .slideTestDrive .testDrive-wrap {
  position: absolute;
  width: 100%;
  height: 70%;
  top: 0;
  left: 0;
  background-color: #f3f3f3;
}

#wapper .pc-swiper-mainBody .slideTestDrive .testDrive-wrap .title {
  width: 10.88542vw;
  margin-top: 3.77604vw;
  margin-left: 13.80208vw;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap {
  position: absolute;
  width: 100%;
  height: 30%;
  top: 70%;
  left: 0;
  background-color: #fff;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .car {
  position: absolute;
  width: 40.33854vw;
  top: -12.5vw;
  left: 49.6875vw;
}

#wapper .pc-swiper-mainBody .slideImg .title {
  width: 10.88542vw;
  margin: 4.29688vw 0 3.125vw 13.80208vw;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap {
  width: 72.91667vw;
  height: 32.16146vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-b {
  width: 56.77083vw;
  height: 32.16146vw;
  overflow: hidden;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-b img {
  width: 100%;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s {
  position: relative;
  width: 15.10417vw;
  height: 32.16146vw;
  overflow: hidden;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s .swiper-slide {
  height: 8.93229vw !important;
  margin-bottom: 3.2vw;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s .prev,
#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s .next {
  position: absolute;
  width: 3.38542vw;
  left: 50%;
  z-index: 99;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s .prev {
  top: 0;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s .next {
  bottom: 0;
  -webkit-transform: translateX(-50%) rotate(180deg);
  -moz-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s img {
  width: 100%;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li {
  position: relative;
  margin-bottom: 1.04167vw;
  height: 10.13021vw;
  background-size: cover;
  background-position: 50% 50%;
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(1) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-1.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(2) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-2.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(3) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-3.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(4) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-4.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(5) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-5.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(6) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-6.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(7) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-7.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(8) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-8.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(9) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-9.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(10) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-10.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(11) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-11.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(12) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-12.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(13) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-13.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(14) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-14.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li:nth-child(15) {
  background-image: url(../images-pc-carstyle/img/pc-p6-img-15.jpg);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

#wapper .pc-swiper-mainBody .slideImg .img-wrap .img-wrap-s ul li.active .mask {
  display: none;
}

#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-head {
  position: relative;
  width: 72.91667vw;
  margin: 3.77604vw auto 2.08333vw;
}

#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-head .title {
  width: 10.98958vw;
}

#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-head .down {
  width: 4.86979vw;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0, 50%);
}

#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap {
  position: relative;
  width: 61.81667vw;
  margin: 0 auto;
  height: 48%;
  overflow: hidden;
  padding: 3.125vw 6.25vw;
  background-color: #f3f3f3;
}

#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .img,
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .head {
  width: 98%;
  position: relative;
}
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .head-img {
  width: 100%;
  
}
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .btn-wrap {
  position: absolute;
  width: auto;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
}
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .btn-wrap .btn-prev,
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .btn-wrap .btn-next {
  background: #e51730;
  color: #fff;
  padding: 3px;
  border-radius: 5px;
  width: 70px;
  text-align: center;
  height: 20px;
  cursor: pointer;
}
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .btn-wrap .btn-prev.disabled,
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .btn-wrap .btn-next.disabled {
  background: #d3d3d4;
}
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .btn-wrap .btn-prev {
  margin-right: 15px;
}
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .btn-wrap .btn-next {
  margin-left: 15px;
}
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .btn-wrap p {
  font-size: 12px;
  text-align: center;
  color: #e51730;
}
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .btn-wrap p span {
  color: #4d4d4d;
}
#wapper .pc-swiper-mainBody .slidePeizhi .slidePeizhi-wrap .img-wrap {
  height: 80%;
  overflow: hidden;
  position: relative;
}

#wapper .pc-swiper-mainBody .slidePeizhi .txt {
  width: 72.91667vw;
  margin: 1.5625vw auto;
  display: block;
}

#wapper .pc-swiper-mainBody .top {
  position: absolute;
  width: 5.20833vw;
  height: 5.20833vw;
  bottom: 5.20833vw;
  right: 1.57188vw;
  background-image: url(../images-pc-carstyle/pc-top.png);
  background-size: 100%;
  background-position: 50% 0;
  cursor: pointer;
  z-index: 1;
}

#wapper .pc-swiper-mainBody .top:hover {
  background-position: 50% 100%;
}

#wapper .nav {
  position: fixed;
  width: 8.54167vw;
  height: 22.26562vw;
  top: 50%;
  right: 0;
  z-index: 99;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

#wapper .nav li {
  width: 8.54167vw;
  height: 3.1808vw;
  background-image: url(../images-pc-carstyle/pc-nav.png);
  background-size: 201%;
  background-position-x: 100%;
  list-style: none;
  cursor: pointer;
  margin-left: 3.41146vw;
}

#wapper .nav li.active {
  background-position-x: 0;
  -webkit-animation: 1s nav forwards;
  -moz-animation: 1s nav forwards;
  animation: 1s nav forwards;
}

#wapper .nav .nav-01 {
  background-position-y: 0%;
}

#wapper .nav .nav-02 {
  background-position-y: 16.67%;
}

#wapper .nav .nav-03 {
  background-position-y: 33.34%;
}

#wapper .nav .nav-04 {
  background-position-y: 50.01%;
}

#wapper .nav .nav-05 {
  background-position-y: 66.68%;
}

#wapper .nav .nav-06 {
  background-position-y: 83.35%;
}

#wapper .nav .nav-07 {
  background-position-y: 100.02%;
}

#wapper .nav.style2 li {
  background-image: url(../images-pc-carstyle/pc-nav2.png);
}

.popUp-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none;
}

.popUp-wrap .popUp {
  width: 60%;
  height: 80%;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translate(-50%, 0);
  background: #fff;
  border-radius: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}

.popUp-wrap .popUp img {
  width: 88%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  padding: 50px 0;
}

.popUp-wrap .popUp .popUp-img {
  height: 95%;
  overflow: hidden;
}

.popUp-wrap .close {
  width: 49px;
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translate(-50%, 0);
  cursor: pointer;
}

@-webkit-keyframes nav {
  100% {
    margin-left: 0;
  }
}

@-moz-keyframes nav {
  100% {
    margin-left: 0;
  }
}

@keyframes nav {
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    transform: translateX(-20%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    transform: translateX(-20%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    transform: translateX(-20%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    transform: translateX(20%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    transform: translateX(20%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    transform: translateX(20%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

.reserve_form {
  width: 72.39583vw;
  margin: 0 auto;
  margin-top: 4.6875vw;
}

.reserve_form .grid {
  position: relative;
  width: 30%;
  display: inline-block;
  margin-right: 4.3%;
  margin-bottom: 15px;
}

.reserve_form .grid.rn {
  margin-right: 0;
}

.reserve_form .label {
  font-family: "fzzh";
  font-size: 20px;
  color: #333333;
  padding-left: 25px;
  padding-bottom: 15px;
}

.reserve_form .drop_select {
  height: 3.125vw;
  border-bottom: 1px solid #000;
  position: relative;
  overflow: hidden;
}

.reserve_form .drop_select .arrow {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
}

.reserve_form .drop_select .holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-left: 25px;
  font-family: "fzzh";
  font-size: 20px;
  color: #333333;
  line-height: 70px;
  display: none;
}

.reserve_form .drop_select select {
  position: absolute;
  left: 0;
  top: 0;
  /* width: 82%; */
  width: 100%;
  height: 100%;
  padding-left: 7px;
  font-family: "fzzh";
  font-size: 1.04167vw;
  color: #333333;
  line-height: 3.125vw;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}

select::-ms-expand {
  display: none;
}

.reserve_form .drop_select input {
  position: absolute;
  left: 0;
  top: 0;
  width: 20.83333vw;
  height: 100%;
  font-family: "fzzh";
  font-size: 1.04167vw;
  color: #333333;
  padding: 0px 10px;
  border: none;
  outline: none;
  background: none;
}

.reserve_form .alert_info {
  position: absolute;
  left: 0;
  bottom: -25px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #ff1b09;
  padding-left: 20px;
  background: url(../images-pc-carstyle/alert-icon.png) 2px center no-repeat;
  display: none;
}

.reserve_form .grid.alert .alert_info {
  display: block;
}

.reserve_form .gender_select {
  height: 70px;
  box-sizing: border-box;
  padding-top: 20px;
}

.reserve_form .gender_select .unit {
  float: left;
  width: 188px;
  margin-left: 25px;
}

.reserve_form .gender_select .unit .icon {
  width: 42px;
  height: 42px;
  box-sizing: border-box;
  border: 1px solid #333333;
  float: left;
  border-radius: 50%;
}

.reserve_form .gender_select .unit.active .icon {
  background: url(../images-pc-carstyle/dot1.png) center no-repeat;
}

.reserve_form .gender_select .unit .txt {
  float: left;
  height: 42px;
  line-height: 42px;
  padding-left: 16px;
  font-family: "fzzh";
  font-size: 20px;
  color: #333333;
}

.reserve_form .btm {
  padding-top: 20px;
  padding-bottom: 15px;
}

.reserve_form .btm .btn {
  width: 14.45312vw;
  height: 3.125vw;
  box-sizing: border-box;
  border-radius: 50px;
  border: 1px solid #333333;
  font-family: "fzzzh";
  font-size: 1.5625vw;
  color: #333333;
  text-align: center;
  line-height: 3.125vw;
  cursor: pointer;
  margin-top: 3.64583vw;
}

.reserve_form .btm .btn:hover {
  background-color: #333;
  color: #fff;
}

.reserve_form .btm .hint {
  position: relative;
  text-align: left;
}

.reserve_form .btm .hint .checkbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 10%;
  height: 100%;
}

.reserve_form .btm .hint .txt {
  height: 30px;
  line-height: 34px;
  display: inline-block;
  font-family: "fzzh";
  font-size: 1.04167vw;
  color: #333333;
  padding-left: 40px;
  background: url(../images-pc-carstyle/dot2.png) left center no-repeat;
  position: relative;
  background-size: 8%;
}

.reserve_form .btm .hint .txt span {
  font-family: "fzzzh";
  cursor: pointer;
}

.reserve_form .btm .hint .txt.active {
  background: url(../images-pc-carstyle/dot3.png) left center no-repeat;
  background-size: 8%;
}

@-webkit-keyframes arrHome {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

@-moz-keyframes arrHome {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes arrHome {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

@font-face {
  font-family: "fzzh";
  src: url("../fonts/fzzh.woff2") format("woff2"), url("../fonts/fzzh.woff") format("woff"), url("../fonts/fzzh.ttf") format("truetype"), url("../fonts/fzzh.eot") format("embedded-opentype"), url("../fonts/fzzh.svg") format("svg"), url("../fonts/fzzh.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fzzzh";
  src: url("../fonts/fzzzh.woff2") format("woff2"), url("../fonts/fzzzh.woff") format("woff"), url("../fonts/fzzzh.ttf") format("truetype"), url("../fonts/fzzzh.eot") format("embedded-opentype"), url("../fonts/fzzzh.svg") format("svg"), url("../fonts/fzzzh.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fzxi";
  src: url("../fonts/font/FZYASHJW_Xi.TTF");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fzxian";
  src: url("../fonts/font/FZYASHJW_Xian.TTF");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fzzhong";
  src: url("../fonts/font/FZYASHJW_Zhong.TTF");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fzzhun";
  src: url("../fonts/font/FZYASHJW_Zhun.TTF");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fzya";
  src: url("../fonts/font/FZYASHJW.TTF");
  font-weight: normal;
  font-style: normal;
}

.alert_pop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 999;
}

.alert_pop p {
  background: #a7a7a7;
  width: 400px;
  height: 126px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  line-height: 126px;
  font-family: "fzzzh";
  font-size: 24px;
  text-align: center;
  color: white
}

footer {
  position: absolute;
  bottom: 0;
}

/* .iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 5px;
  bottom: 2px;
  top: 2px;
  right: 0;
  overflow: hidden;
}

.iScrollIndicator {
  position: absolute;
  width: 15px; 
  height: 2px;
  background: rgb(90, 90, 90);
} */
.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f8f7f6;
  z-index: 99999;
}

.loading img {
  position: absolute;
  width: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#wapper .pc-swiper-mainBody .slideTestDrive.more {
  overflow-y: scroll;
  overflow-x: hidden;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .finance-cont {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .finance-cont .finance-title {
  width: 13.85417vw;
  margin-top: 2.31771vw;
  margin-left: 13.54167vw;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .finance-cont .finance-more {
  width: 14.45312vw;
  height: 3.54167vw;
  background-image: url(../images-pc-carstyle/pc-more-btn.png);
  background-size: 100%;
  background-position: 50% 100%;
  cursor: pointer;
  margin-top: 2.60417vw;
  margin-left: 13.54167vw;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .finance-cont .finance-more:hover {
  background-position: 50% 0%;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .finance-cont .finance-btn-box {
  margin-top: 2.60417vw;
  display: flex;
  margin-bottom: 2.60417vw;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .finance-cont .finance-btn {
  width: 14.45312vw;
  height: 3.54167vw;
  background-image: url(../images-pc-carstyle/pc-finance-btn.png);
  background-size: 100%;
  background-position: 50% 100%;
  cursor: pointer;
  margin-right: 19.01042vw;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .finance-cont .finance-btn:hover {
  background-position: 50% 0%;
}


#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .finance-cont .finance-hide {
  position: relative;
  width: 11.69271vw;
  height: 3.54167vw;
  background-image: url(../images-pc-carstyle/pc-hide-btn.png);
  background-size: 100%;
  background-position: 50% 100%;
  cursor: pointer;
}

#wapper .pc-swiper-mainBody .slideTestDrive .finance-wrap .finance-cont .finance-hide:hover {
  background-position: 50% 0%;
}

.loan_step1_form {
  width: 72.39583vw;
  margin: 0 auto;
  display: none;
  margin-top: 3.77604vw;
}

.loan_step1_form .grid {
  position: relative;
  width: 30%;
  display: inline-block;
  margin-right: 4.3%;
  margin-bottom: 15px;
}

.loan_step1_form .grid.rn {
  margin-right: 0;
}

.loan_step1_form .label {
  font-family: "fzzh";
  font-size: 20px;
  color: #333333;
  padding-left: 25px;
  padding-bottom: 15px;
}

.loan_step1_form .drop_select {
  height: 3.125vw;
  border-bottom: 1px solid #000;
  position: relative;
  overflow: hidden;
}

.loan_step1_form .drop_select .arrow {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
}

.loan_step1_form .drop_select .holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-left: 25px;
  font-family: "fzzh";
  font-size: 20px;
  color: #333333;
  line-height: 70px;
  display: none
}

.loan_step1_form .drop_select select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-left: 7px;
  font-family: "fzzh";
  font-size: 1.04167vw;
  color: #333333;
  line-height: 3.125vw;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}

.loan_step1_form .drop_select input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: "fzzh";
  font-size: 20px;
  color: #333333;
  padding: 0px 25px;
  border: none;
  outline: none;
  background: rgba(0, 0, 0, 0)
}

.loan_step1_form .grid .bar_wrapper {
  position: relative;
  margin-top: 10px;
  height: 100px;
}

.loan_step1_form .grid .bar_wrapper .bar {
  width: 100%;
  height: 5px;
  background: white;
  border-radius: 8px;
}

.loan_step1_form .grid .bar_wrapper .real {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 5px;
  background: #ea0029;
  border-radius: 8px;
  transition: all 0.3s linear
}

.loan_step1_form .grid .bar_wrapper .real .icon {
  position: absolute;
  right: -5px;
  top: -10px;
}

.loan_step1_form .grid .bar_wrapper.option1 .real {
  width: 101px
}

.loan_step1_form .grid .bar_wrapper.option2 .real {
  width: 187px
}

.loan_step1_form .grid .bar_wrapper.option3 .real {
  width: 271px
}

.loan_step1_form .grid .bar_wrapper.option4 .real {
  width: 357px
}

.loan_step1_form .grid .bar_wrapper.option5 .real {
  width: 452px
}

.loan_step1_form .grid .bar_wrapper.option6 .real {
  width: 535px
}




.loan_step1_form .grid .bar_wrapper .option {
  position: absolute;
  top: -11px;
  padding-top: 40px;
  color: #bfbfbf;
  font-family: "fzzh";
  font-size: 17px;
  width: 62px;
  text-align: center;
  background: url(../images-pc-carstyle/dot4.png) center 5px no-repeat;
  transition: all 0.2s linear
}

.loan_step1_form .grid .bar_wrapper .option.option1 {
  left: 63px;
}

.loan_step1_form .grid .bar_wrapper .option.option2 {
  left: 148px;
}

.loan_step1_form .grid .bar_wrapper .option.option3 {
  left: 233px;
}

.loan_step1_form .grid .bar_wrapper .option.option4 {
  left: 320px;
}

.loan_step1_form .grid .bar_wrapper .option.option5 {
  left: 414px;
}

.loan_step1_form .grid .bar_wrapper .option.option6 {
  left: 497px;
}

.loan_step1_form .grid .bar_wrapper .option.active {
  background: none;
  font-size: 20px;
  color: #333333;
  padding-top: 35px;
}

.loan_step1_form .grid .bar_wrapper.option1 .option.option1 {
  background: none;
  font-size: 20px;
  color: #333333;
  padding-top: 35px;
}

.loan_step1_form .grid .bar_wrapper.option2 .option.option1 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option2 .option.option2 {
  background: none;
  font-size: 20px;
  color: #333333;
  padding-top: 35px;
}

.loan_step1_form .grid .bar_wrapper.option3 .option.option1 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option3 .option.option2 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option3 .option.option3 {
  background: none;
  font-size: 20px;
  color: #333333;
  padding-top: 35px;
}

.loan_step1_form .grid .bar_wrapper.option4 .option.option1 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option4 .option.option2 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option4 .option.option3 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option4 .option.option4 {
  background: none;
  font-size: 20px;
  color: #333333;
  padding-top: 35px;
}

.loan_step1_form .grid .bar_wrapper.option5 .option.option1 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option5 .option.option2 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option5 .option.option3 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option5 .option.option4 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option5 .option.option5 {
  background: none;
  font-size: 20px;
  color: #333333;
  padding-top: 35px;
}

.loan_step1_form .grid .bar_wrapper.option6 .option.option1 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option6 .option.option2 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option6 .option.option3 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option6 .option.option4 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option6 .option.option5 {
  background: none;
}

.loan_step1_form .grid .bar_wrapper.option6 .option.option6 {
  background: none;
  font-size: 20px;
  color: #333333;
  padding-top: 35px;
}

.loan_step1_form .loan1_detail {
  background: #f3f3f3;
  box-sizing: border-box;
  padding: 40px 28px;
}

.loan_step1_form .loan1_detail .info {
  height: 45px;
}

.loan_step1_form .loan1_detail .info p {
  font-family: "fzzh";
  font-size: 20px;
  color: #333333;
}

.loan_step1_form .loan1_detail .info .left {
  float: left
}

.loan_step1_form .loan1_detail .info .right {
  float: right
}

.loan_step1_form .loan1_detail .btn {
  width: 100%;
  height: 70px;
  box-sizing: border-box;
  border-radius: 50px;
  border: 1px solid #333333;
  font-family: "fzzzh";
  font-size: 24px;
  color: #333333;
  margin: 20px auto 20px auto;
  text-align: center;
  line-height: 70px;
}

.loan_step1_form .loan1_detail .hint {
  text-align: center;
}

.loan_step1_form .loan1_detail .hint p {
  padding-left: 25px;
  background: url(../images-pc-carstyle/dot6.png) left center no-repeat;
  font-family: "fzzh";
  font-size: 12px;
  color: #333333;
  display: inline-block;
  height: 18px;
  line-height: 20px;
}

.loan_step1_form .alert_info {
  position: absolute;
  left: 0;
  bottom: 10px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #ff1b09;
  padding-left: 50px;
  background: url(../images-pc-carstyle/alert-icon.png) 28px center no-repeat;
  display: none
}

.loan_step1_form .grid.alert .alert_info {
  display: block;
}


.finance-info {
  border: 1px solid #7d7d7d;
  width: 100%;
  table-layout: fixed;
  margin-top: 4.03646vw;
}

.finance-info td {
  width: 16%;
  border-right: 1px solid #7d7d7d;
  height: 5.91146vw;
  border-bottom: 1px solid #7d7d7d;
  line-height: 5.91146vw;
  text-align: center;
}

.finance-info td.txt {
  font-family: "fzzh";
  font-size: 1.04167vw;
  color: #333333;
}

.finance-info td.title {
  font-weight: bold;
}

@media screen and (min-width: 2559px) {
  .reserve_form .btm .hint .txt {
    background-size: 6%;
  }
}