* {
  font-family: 'HYZhongJianHeiJ';
}

body {
  overflow-x: hidden;
}

.Leaveinformation {
  margin-top: 44px;
}

.banner {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.bannerimg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}




.banner_tle {
  position: absolute;
  bottom: 18%;
  left: 5%;
}

.banner_tle p {
  color: #fff;
  font-size: 3.5vw;
}

.banner_tle p:first-child {
  font-size: 5vw;
  font-weight: 600;
}

.banner_main {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 90vw;
  display: flex;
  align-items: center;
}

.banner_main>div {
  color: #fff;
  border-right: 0.1vw solid #fff;
  font-size: 3vw;
  line-height: 4vw;
  margin-right: 2vw;
  padding-right: 2vw;
  width: 25%;
}

.banner_main>div:first-child {
  width: 20%;
}

.banner_main>div:last-child {
  border: none;
  padding: 0;
  margin: 0;
}







.video {
  position: relative;
}

.videobgimg {
  width: 100%;
  height: 100%;
  display: block;
}

.play {
  position: absolute;
  width: 6vw;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.bannerVideo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  display: none;
  background-color: #000;
  width: 100vw;
  height: 100vh;
}

.clo {
  position: absolute;
  cursor: pointer;
  top: 10%;
  right: 5%;
  width: 30px;
  height: 30px;
  background-image: url(../static/web/img2022/home/close.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 2;
}

#video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.bannertext {
  position: absolute;
  display: flex;
  color: #fff;
  top: 46.5%;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  margin-left: 0px;
}

.bannertext .tl {
  font-size: 24px;
  font-family: 'HYCuJianHeiJ';
  letter-spacing: 3px;
  color: #fff;
}

.bannertext .tf {
  font-size: 20px;
  letter-spacing: 5px;
  margin-top: 2%;
  color: #fff;

}

.bannerbtn {
  display: flex;
  justify-content: start;
  margin-top: 2%;
}

.bannerbtn .testDrivebtn {
  width: 180px;
  height: 20px;
  line-height: 18px;
  border-radius: 20px;
  cursor: pointer;
  color: #000;
  background-color: rgba(255, 255, 255, 1);
  text-align: center;
  text-indent: 3px;
  font-size: 12px;
  margin-right: 3vw;
}

.bannerbtn:last-child .testDrivebtn {
  margin-right: 0;
}

.videoimg {
  display: flex;
  width: 100%;
}

.videomob {
  position: absolute;
  bottom: 3%;
  width: 100%;
  text-align: center;
}

.videomob .video_tl {
  font-size: 4vw;
  margin-bottom: 2vw;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 2px;
}

.videomob .video_tf {
  font-size: 4vw;
  color: #fff;
}

.videomob .arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 3vw;
}

.videomob .arrow img {
  width: 5vw;
}

.partModu {
  position: relative;
}


#part2MobSwiper,
#part6MobSwiper {
  position: relative;
  overflow: hidden;
}

.part2Mob-active,
.part6Mob-active {
  position: absolute;
  bottom: 14% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2;
  width: max-content !important;
  display: flex;
  align-items: center;
}

.part8Mob-active {
  bottom: 8.5% !important;
}

.part6Mob-active {
  bottom: 6% !important;
}

.part2Mob-active .swiper-pagination-bullet,
.part6Mob-active .swiper-pagination-bullet {
  width: 2.2vw;
  height: 2.2vw;
  border-radius: 2vw;
  background-color: #bfe1f5;
  opacity: 1;
}

.part2Mob-active .swiper-pagination-bullet-active,
.part6Mob-active .swiper-pagination-bullet-active {
  width: 2.8vw;
  height: 2.8vw;
  border-radius: 2vw;
  background-color: #2c9add;
  opacity: 1;
}

#part2MobSwiper .swiper-pagination-bullet,
#part6MobSwiper .swiper-pagination-bullet {
  margin: 0 2.5vw;
}

#part1_2MobSwiper,
#part1_3MobSwiper,
#part5MobSwiper {
  position: relative;
  overflow: hidden;
}

.part1_2Mob-active,
.part1_3Mob-active,
.part5Mob-active {
  position: absolute;
  bottom: 5% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2;
  width: max-content !important;
  display: flex;
  align-items: center;
}

.part1_3Mob-active {
  bottom: 2% !important;
}

.part1_2Mob-active .swiper-pagination-bullet,
.part1_3Mob-active .swiper-pagination-bullet,
.part5Mob-active .swiper-pagination-bullet {
  width: 20vw;
  height: 1vw;
  border-radius: 2vw;
  background-color: #bfbfbf;
  opacity: 1;
}

.part1_2Mob-active .swiper-pagination-bullet-active,
.part1_3Mob-active .swiper-pagination-bullet-active,
.part5Mob-active .swiper-pagination-bullet-active {
  width: 20vw;
  height: 1vw;
  border-radius: 2vw;
  background-color: #000;
  opacity: 1;
}

#part1_2MobSwiper .swiper-pagination-bullet,
#part1_3MobSwiper .swiper-pagination-bullet,
#part5MobSwiper .swiper-pagination-bullet {
  margin: 0 1vw;
}

.fav_div {
  position: relative;
  width: 100%;
}

.favimg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 400px;
}

.fav {
  width: 90%;
  background: linear-gradient(to top right, #fff 0, #b5dff8 150%);
  border-radius: 5vw;
  overflow: hidden;
  padding: 8% 5%;
  position: absolute;
  top: 4%;
  left: 5%;
}

.fav_tl div {
  font-size: 5.5vw;
  color: rgba(0, 0, 0, 0.8);
  font-family: 'HYCuJianHeiJ';
}

.fav_tl span {
  color: #2c9add;
  margin-left: 0.5vw;
  font-family: 'HYCuJianHeiJ';
}

.fav_tl_line {
  width: 45.5vw;
  height: 0.6vw;
  margin: 2vw 0 0 0.7vw;
  background-color: #2c9add;
}

.fav_tm {
  margin-top: 8vw;
}

.fav_tm>div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5vw;
}

.fav_tm>div:last-child {
  margin-bottom: 0;
}

.fav_tmItem {
  display: flex;
  align-items: start;
  width: 42%;
}

.fav_tmItem:nth-child(2) {
  width: 52%;
}

.fav_tmItem img {
  width: 8vw;
  height: 8vw;
  margin-right: 2vw;
}

.fav_tmItem_text {
  font-size: 2.5vw;
  letter-spacing: 0.05vw;
  color: rgba(0, 0, 0, 0.8);
  white-space: nowrap;
}

.fav_tmItem_text>p:first-child {
  font-size: 3vw;
  margin-bottom: 0.5vw;
  font-family: 'HYCuJianHeiJ';
}

.fav_tmItem_text .fav_tmItem_text_item {
  display: flex;
  align-items: start;
  white-space: nowrap;
}

.fav_tmItem_text .fav_tmItem_text_item>div:first-child {
  margin-right: 5vw;
}

.fav_tips {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 5vw;
  margin-top: 5vw;
  text-align: justify;
  width: 100%;
}

.fav_tips p {
  font-size: 2vw;
  letter-spacing: 0.05vw;
  ;
  color: rgba(0, 0, 0, 0.7);
}

.part_title {
  position: absolute;
  color: #fff;
}

.part_title .part_title_tl {
  font-size: 4vw;
  letter-spacing: 0.05vw;
}

.part_title .part_title_tl>span {
  font-family: 'HYCuJianHeiJ';
}

.part_title .part_title_tm {
  font-size: 3vw;
  letter-spacing: 0.05vw;
  display: flex;
  align-items: center;
  margin-left: 0.2vw;
}

.part_title .part_title_tm .part_title_line {
  width: 10.2vw;
  height: 0.3vw;
  background-color: #f6ad3c;
  margin-left: 1vw;
  margin-top: 0.4vw;
}


.part_sellingLine_img {
  position: relative;
}

.part_sellingLine_img>div {
  position: absolute;
  top: 7%;
  left: 5%;
  color: #fff;
  letter-spacing: 0.05vw;
}

.part_sellingLine_img>div>p:nth-child(1) {
  font-size: 3.5vw;
  font-family: 'HYCuJianHeiJ';
}

.part_sellingLine_img>div>p:nth-child(2) {
  font-size: 3vw;
  margin-left: 0.1vw;
  letter-spacing: 0.1vw;
}

.part_sellingLine_text {
  display: flex;
  padding: 3%;
  align-items: center;
  justify-content: space-between;
  min-height: 20vw;
  background-color: #f5f5f5;
}

.part_sellingLine_main {
  width: 50%;
  position: relative;
}

.part_sellingLine_main::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 10vw;
  background-color: #acacac;
  z-index: 1;
}

.part_sellingLine_main:last-child::before {
  background-color: transparent;
}

.part_sellingLine_main>div {
  font-size: 2.5vw;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  letter-spacing: 0.05vw;
  /* font-weight: 600; */
  white-space: nowrap;
}

.part_sellingLine_main>div>p:nth-child(1) {
  color: #2c9add;
  font-size: 3vw;
  font-family: 'HYCuJianHeiJ';
  font-weight: 500;
  margin-bottom: 0.5vw;
}

.part_sellingLine_main .part_sellingLine_main_samll {
  margin-top: 1.5vw;
}

.part_sellingLine_main .part_sellingLine_main_samll>p:nth-child(1),
.part_sellingLine_main .part_sellingLine_main_samll {
  font-size: 2vw;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  font-family: 'HYZhongJianHeiJ';
}

.part_selling_img {
  background-color: #fff;
}

.part_selling_img>div {
  color: #000;
  letter-spacing: 0.05vw;
  text-align: center;
  margin-top: 7vw;
}

.part_selling_img>div>p:nth-child(1) {
  font-size: 4vw;
  font-family: 'HYCuJianHeiJ';
  margin-bottom: 0.5vw;
}

.part_selling_img>div>p:nth-child(2) {
  font-size: 2.5vw;
  margin-left: 0.1vw;
}

.part_selling_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4% 3% 7%;
  background-color: #fff;
  min-height: 25vw;
}

.part_selling_main {
  width: 50%;
  position: relative;
}

.part_selling_main>div {
  font-size: 2.5vw;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  letter-spacing: 0.05vw;
  /* font-weight: 600; */
}

.part_selling_main>div>p:nth-child(1) {
  color: #2c9add;
  font-size: 3vw;
  font-family: 'HYCuJianHeiJ';
  font-weight: 500;
  margin-bottom: 0.5vw;
  margin-top: 3vw;
}

.partOnly {
  width: 100%;
  padding: 7%;
  background-color: #fff;
  position: relative;
}

.partOnly_tl {
  position: absolute;
  top: 15%;
  left: 12%;
  color: #fff;
  letter-spacing: 0.05vw;
}

.partOnly_tl p:nth-child(1) {
  font-size: 3.5vw;
  font-family: 'HYCuJianHeiJ';
}

.partOnly_tl p:nth-child(2) {
  font-size: 2.5vw;
  margin-left: 0.5vw;
}

.partOnly_tf {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 2vw;
  letter-spacing: 0.05vw;
  text-align: center;
  width: 100%;
  justify-content: center;
  margin-top: 5vw;
  white-space: nowrap;
}

.partOnly_tf>div {
  margin: 0 2vw;
}

.partOnly_tf img {
  display: block;
  margin: 0 auto 1.5vw;
  width: 5vw;
}

.partOnly_tline {
  display: flex;
  width: 100%;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.05vw;
  margin-top: 2vw;
}

.partOnly_tline>div {
  padding: 0 5vw;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 2vw;
  text-align: center;
  color: #000;
  white-space: nowrap;
}

.partOnly_tline>div:last-child {
  border: none;
}

.partOnly_tline>div p:last-child {
  font-size: 2.5vw;
  font-family: 'HYCuJianHeiJ';
  margin-top: 0.3vw;
  color: #2c9add;
}

.partOnly_invert>div p:last-child {
  font-size: 1vw;
  font-family: 'HYZhongJianHeiJ';
}

.partOnly_invert>div p:first-child {
  font-size: 1.5vw;
  font-family: 'HYCuJianHeiJ';
}

.partOnly_shadow>div>div {
  position: absolute;
  z-index: 2;
  white-space: nowrap;
}

.partOnly_shadow>div {
  position: relative;
}

.partOnly_shadow>div::before {
  content: '';
  position: absolute;
  width: 45vw;
  height: 8vw;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  filter: blur(1vw);
  z-index: 1;
}

.part1,
.part2,
.part3,
.part4,
.part5,
.part6,
.part7 {
  overflow: hidden;
}

.part1 .part1-1 {
  position: relative;
}

.part1-1 .part_title {
  top: 10%;
  right: 4%;
}

.part1-1 .part_title .part_title_tm .part_title_line {
  width: 16vw;
}

.part1_2Swiper .swiper-slide {
  padding: 14% 7%;
  border-radius: 2vw;
  overflow: hidden;
}

.part1_3Swiper .swiper-slide {
  padding: 10%;
  overflow: hidden;
  background-color: #f5f5f5;
}

.part1_3Swiper .part_selling_img,
.part1_2Swiper .part_sellingLine_img {
  border-top-left-radius: 2.5vw;
  overflow: hidden;
}

.part1-3 {
  background-color: #f5f5f5;
  overflow: hidden;
}



.part1_2Swiper .swiper-wrapper .swiper-slide:nth-child(1) .part_sellingLine_main:nth-child(1) {
  width: 65%;
}

.part1_2Swiper .swiper-wrapper .swiper-slide:nth-child(2) .part_sellingLine_main:nth-child(2) {
  width: 65%;
}

.part1_3Swiper .swiper-wrapper .swiper-slide:nth-child(1) .part_selling_text {
  padding: 4% 3% 4%;
}

.part1_3Swiper .part_selling_main>div>p>span {
  color: #2c9add;
}



.part2 .part2-1 {
  position: relative;
}

.part2-1 .part_title {
  top: 8%;
  left: 16%;
  text-align: center;
}

.part2-1 .part_title .part_title_tm .part_title_line {
  width: 21.5vw;
}

.part2 .part2Swiper .swiper-slide {
  padding: 12% 3%;
  background-color: #f5f5f5;
}

.part2Swiper_selling {
  background-color: #fff;
  min-height: 40vw;
  padding-top: 4vw;
  padding-bottom: 8vw;
}

.part2Swiper_selling .part2Swiper_selling_item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.part2Swiper_selling .part2Swiper_selling_item:first-child {
  margin-bottom: 2vw;
}

.part2Swiper_selling .part2Swiper_selling_item>div {
  margin: 0 5vw;
  white-space: nowrap;
  letter-spacing: 0.05vw;
}

.part2Swiper_selling .part2Swiper_selling_item>div img {
  display: block;
  margin: 0 auto;
  width: 5vw;
  height: 5vw;
  margin-bottom: 1.5vw;
}

.part2Swiper_selling .part2Swiper_selling_item>div p {
  font-size: 2.2vw;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  font-family: 'HYCuJianHeiJ';
}

.part2Swiper_selling .part2Swiper_selling_item>div p:first-child {
  color: #2c9add;
  /* font-weight: 700; */
  font-size: 2.5vw;
}

#part2MobSwiper .partOnly_tl {
  top: 15%;
  left: 8%;
}



.part2Swiper .swiper-wrapper .swiper-slide:nth-child(2) .part2Swiper_selling .part2Swiper_selling_item>div {
  margin: 0 3vw;
}

#part2MobSwiper .swiper-slide:nth-child(2) .part2Swiper_selling .part2Swiper_selling_item:nth-child(2)>div {
  margin: 0 1.5vw;
}





.part3 .part3-1 {
  position: relative;
}

.part3-1 .part_title {
  top: 10%;
  left: 10%;
}

.part3-1 .part_title .part_title_tm .part_title_line {
  width: 22.5vw;
}

.part3 .partOnly {
  background-color: #f5f5f5;
  overflow: hidden;
}

.part4 .part4-1 {
  position: relative;
}

.part4-1 .part_title {
  top: 7%;
  left: 7%;
}

.part4-1 .part_title .part_title_tm .part_title_line {
  width: 12.5vw;
}

.part4-2 {
  padding: 7% 3%;
  position: relative;
  overflow: hidden;
}

.part4-2>.bannerimg {
  margin-top: 15vw;
}

.part4-2_tl {
  display: flex;
  justify-content: space-between;
  width: 90%;
  letter-spacing: 0.05vw;
  position: absolute;
  margin-left: 2%;
}

.part4-2_tl>div p {
  font-size: 2vw;
  /* font-family: 'HYCuJianHeiJ'; */
  color: rgba(0, 0, 0, 0.5);
}

.part4-2_tl>div p:nth-child(1) {
  color: #2c9add;
  font-size: 2.8vw;
  font-weight: 700;
  font-family: 'HYXiJianHeiJ';
  margin-bottom: 0.5vw;
}

.part4-2_tm {
  width: 95%;
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.05vw;
  margin-top: 2vw;
  margin-left: 2%;
}

.part4-2_tm .part4-2_tm_item {
  border-left: 2px solid #f6ad3c;
  padding: 1% 0 1% 2%;
}

.part4-2_tm .part4-2_tm_item>div {
  margin-bottom: 5vw;
}

.part4-2_tm .part4-2_tm_item:nth-child(1)>div:nth-child(1) {
  display: flex;
  align-items: start;
}

.part4-2_tm .part4-2_tm_item:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
  margin-right: 1vw;
}

.part4-2_tm .part4-2_tm_item>div:last-child {
  margin-bottom: 0;
}

.part4-2_tm .part4-2_tm_item>div p {
  color: rgba(0, 0, 0, 0.5);
  font-size: 2vw;
}

.part4-2_tm .part4-2_tm_item>div p span {
  color: #7FC3E8;
}

.part4-2_tm .part4-2_tm_item>div p:nth-child(1) {
  font-size: 2.5vw;
  color: #2c9add;
  font-family: 'HYCuJianHeiJ';
  margin-bottom: 1vw;
}



.part4-2 .part4-2_tl>div:nth-child(1) {
  width: 30%;
}

.part4-2 .part4-2_tl>div:nth-child(2) {
  width: 37%;
}

.part4-2 .part4-2_tl>div:nth-child(3) {
  width: 34%;
}

.part4-2_tm .part4-2_tm_item:nth-child(3) {
  width: 65%;
}






.part5 .part5-1 {
  position: relative;
}

.part5-1 .part_title {
  top: 12%;
  left: 17%;
}

.part5-1 .part_title .part_title_tm .part_title_line {
  width: 9.6vw;
}

.part5MobSwiper .swiper-slide {
  padding: 14% 4%;
  border-radius: 2vw;
  overflow: hidden;
}

.part5MobSwiper .part_sellingLine_main>div {
  font-size: 2.1vw;
}

.part5MobSwiper .part_sellingLine_main>div>p:nth-child(1) {
  font-size: 2.7vw;
}

.part5MobSwiper .swiper-slide:nth-child(1) .part_sellingLine_main:nth-child(1) {
  width: 70%;
}

.part5MobSwiper .swiper-slide:nth-child(1) .part_sellingLine_text {
  padding: 3% 0;
}





.part5MobSwiper .swiper-wrapper .swiper-slide:nth-child(1) .part_sellingLine_main::before {
  height: 20vw;
}

.part5MobSwiper .swiper-wrapper .swiper-slide:nth-child(2) .part_sellingLine_main:nth-child(1) {
  width: 55%;
}

.part5MobSwiper .swiper-wrapper .swiper-slide:nth-child(2) .part_sellingLine_main:nth-child(2) {
  width: 50%;
}

.part5MobSwiper .swiper-wrapper .swiper-slide:nth-child(2) .part_sellingLine_main:nth-child(3) {
  width: 40%;
}





.part6 .part6-1 {
  position: relative;
}

.part6-1 .part_title {
  top: 7%;
  left: 5%;
}

.part6-1 .part_title .part_title_tm .part_title_line {
  width: 9.5vw;
}

.part6 .part6MobSwiper .swiper-slide {
  padding: 4%;
  background-color: #fff;
}


.part6MobSwiper .partOnly_invert {
  margin: 3vw 0 7vw;
}

.part6MobSwiper .partOnly_invert>div p:first-child,
.part6MobSwiper .partOnly_tline>div p {
  font-size: 2.5vw;
  color: #2c9add;
  font-family: 'HYCuJianHeiJ';
  white-space: nowrap;
}

.part6MobSwiper .partOnly_invert>div p:last-child {
  font-size: 2vw;
  color: rgba(0, 0, 0, 0.8);
}

.part6MobSwiper .partOnly_tline>div p:last-child {
  font-size: 2vw;
  font-family: 'HYZhongJianHeiJ';
  color: rgba(0, 0, 0, 0.5);
}

.part6 .part6_line {
  width: 5vw;
  height: 0.2vw;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 1.5vw auto 0 !important;
}

.part6MobSwiper .swiper-slide:nth-child(2) .partOnly_tline>div {
  padding: 0 2vw;
}

.part6MobSwiper .partOnly_invert>div,
.part6MobSwiper .partOnly_tline>div {
  padding: 0 1vw;
}

.part6MobSwiper .swiper-slide:nth-child(1) .partOnly_tl {
  top: 12%;
  left: 8%;
}

.part6MobSwiper .swiper-slide:nth-child(2) .partOnly_tl {
  top: 15%;
  left: 12%;
}

.part7 {
  background-color: #F5F5F5;
  width: 100%;
  padding: 10% 7%;
}

.part7_tl {
  width: 100%;
  text-align: center;
  letter-spacing: 0.05vw;
  display: flex;
  justify-content: center;
  margin-bottom: 5vw;
}

.part7_tl p {
  font-size: 2vw;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7);
  padding-top: 0.2vw;
}

.part7_tl span {
  display: block;
  color: #2c9add;
  font-size: 3vw;
  font-family: 'HYCuJianHeiJ';
  margin-right: 1vw;
  font-weight: 700;
}

.part7 .car_color {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.car_colorItem {
  width: 28%;
  font-size: 2.5vw;
  margin-bottom: 8vw;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
}

.car_colorItem img {
  display: block;
  width: 100%;
  margin: 0 auto 3vw;
}

.car_tips {
  width: 100%;
  text-align: justify;
  font-size: 2vw;
  letter-spacing: 0.05vw;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 2vw;
}

/* 
参数
 */
.configuration {
  width: 100vw;
  /* height: 100vh; */
  position: relative;
  overflow: hidden;
  background: #fff;
}

.parameters_line {
  width: 100%;
  height: 1vw;
  background-color: #565a93;
}

.parameters {
  position: absolute;
  top: 7%;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.05vw;
  width: 80%;
}

.parameters_tl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1vw;
}

.parameters_tl p:nth-child(1) {
  font-size: 4.5vw;
  font-weight: 700;
  font-family: 'HYCuJianHeiJ';
  letter-spacing: 0.1vw;
}

.parameters_tl p:nth-child(2) {
  display: flex;
  font-size: 5vw;
}

.parameters_tl .ksimg {
  width: auto;
  height: 4vw;
  margin-top: 1.4vw;
  margin-left: 1vw;
}

.parameters_tm {
  margin-top: 5vw;
}

.parameters_tmItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 2%;
  margin-bottom: 4vw;
}

.parameters_tmItem p:nth-child(1) {
  font-size: 3vw;
  font-weight: 700;
  font-family: 'HYCuJianHeiJ';
}

.parameters_tmItem p:nth-child(2) {
  font-size: 3vw;
  font-weight: 700;
}

.parameters_tmItem p:nth-child(2) span {
  font-size: 4vw;
  font-weight: 700;
  font-family: 'HYCuJianHeiJ';
}

.parameters_tf {
  padding: 0 2%;
  margin-top: 2vw;
}

.parameters_tfItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5vw;
}

.parameters_tfItem>div {
  width: 30%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.parameters_tfItem>div p:nth-child(1) {
  font-size: 2.1vw;
  font-family: 'HYCuJianHeiJ';
  color: rgba(0, 0, 0, 0.8);
  white-space: nowrap;
}

.parameters_tfItem>div p:nth-child(2) {
  font-size: 3vw;
  font-weight: 700;
  font-family: 'HYCuJianHeiJ';
  color: rgba(0, 0, 0, 0.9);
}

.configBtngroup {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.configuration .moreconfig {
  width: 25vw;
  height: 5vw;
  line-height: 5vw;
  border-radius: 5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #fff;
  font-size: 2.5vw;
  background-color: #333;
}

.configuration .moreconfig:first-child {
  margin-right: 10vw;
}

.configBtngroup_tip {
  font-size: 2vw;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 6%;
  left: 0;
}

.parameters_tfItem_line {
  width: 8vw;
  height: 0.2vw;
  background-color: #000;
  margin-top: 1.2vw;
  margin-bottom: 1.5vw;
}

/*  */
.close {
  right: 4%;
  top: -7%;
}

.r19 {
  right: -3%;
  top: -6%;
}

.closebtn {
  width: 25px;
  height: 25px;
  /* border: 1px solid #ccc; */
  position: absolute;
  right: 3%;
  top: 1%;

}

.closebtn a {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../static/web/img2022/liuzi/close.png') no-repeat center;
  border-radius: 50%;
}

/* 滑块验证码======================== */
.slidercaptcha {
  margin: 0 auto;
  width: 314px;
  height: 300px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
  margin-top: 40px;
}

.slidercaptcha .card-header {
  padding: 12px;
  font-size: 14px;
}

.slidercaptcha .card-body {
  padding: 20px;
}

.slidercaptcha canvas:first-child {
  border-radius: 4px;
  border: 1px solid #e6e8eb;
}

.slidercaptcha.card .card-header {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.03);
}

.refreshIcon {
  top: -60px;
}

.fa-redo {
  width: 20px;
  height: 20px;
  background-image: url(../static/web/img2022/public/shuaxin.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.fa-arrow-right {
  width: 20px;
  height: 20px;
  background-image: url(../static/web/img2022/public/youjiantou.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* 成功的图标 */
.sliderContainer_success .sliderIcon {
  width: 20px;
  height: 20px;
  background-image: url(../static/web/img2022/public/duihao.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* 失败的图标 */
.sliderContainer_fail .sliderIcon {
  width: 20px;
  height: 20px;
  background-image: url(../static/web/img2022/public/error.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.sliderText {
  font-size: 16px;
}

/* 滑块验证码========================  */
.cont {
  position: relative;
  transform: none;
  margin-bottom: 10vw;
  overflow: hidden;
  border-radius: 3vw;
  margin-top: -5vw;
}

.form {
  position: relative;
  width: 100vw;
  left: 0;
  top: 0;
  margin: 0 auto;
  padding-bottom: 10px;
  background-color: #eee;
}

.td-city {
  min-height: 210px;
}

.form_title {
  font-size: 34px;
}

.form_brife {
  font-size: 12px;
}

.form_body {
  margin-top: 1rem;
}

.he {
  width: 90%;
}

.notebutton {
  right: 16px;
}

.formitem {
  width: 90%;
  background-color: #d5dfe5;
}

.form_top {
  height: auto;
  display: block;
  margin-left: 6%;
}

#distributorId {
  width: 100%;
  text-align: center;
}

.subtn {
  width: 90%;
}

.privacy-clause {
  width: 90%;
  color: #000;
}

.privacy-clause .check-box label {
  border: 1px solid #000;
}

.privacy2 {
  margin-top: 2vw !important;
}


.td-city__header-item--active {
  color: #00adef !important;
}

.pcimg,
.pc {
  display: none !important;
}


.form_selectaddress .city_text:before {
  content: "";
}

.new__layer-disclaimer>.phone-pop {
  width: 65%;
  height: 300px;
}