/********************************
 @mixin
 *******************************/
/*img url*/
/*life*/
/*life*/
:root {
  /* Colors: */
  --unnamed-color-707070: #707070;
  --unnamed-color-ffffff: #FFFFFF;
  --unnamed-color-000000: #000000;
  --unnamed-color-00aad2: #00AAD2;
  --unnamed-color-666666: #666666;
  --unnamed-color-676767: #676767;
  --unnamed-color-999999: #999999;
  /* Font/text values */
  --unnamed-font-family-hyundai-sans-head-office: $HyundaiSansH;
  --unnamed-font-family-hyundai-sans-text-office: $HyundaiSansT;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-normal: normal;
  --unnamed-font-weight-medium: medium;
  --unnamed-font-size-12: 12px;
  --unnamed-font-size-14: 14px;
  --unnamed-font-size-16: 16px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-17: 17px;
  --unnamed-line-spacing-20: 20px;
  --unnamed-line-spacing-22: 22px;
  --unnamed-line-spacing-33: 33px;
}

html {
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

input[type="submit"],
input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input {
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select {
  padding: 0 28px 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: none;
  box-sizing: none;
  background: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/select-iocn.svg) #fff;
  background-position: center right 1rem;
  background-repeat: no-repeat;
  background-size: 11px 8px;
  color: #000;
}

select option {
  color: #000;
}

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

/* Character Styles */
a {
  color: var(--unnamed-color-000000);
  font-family: "HyundaiSansHeadCN";
}

.mp4-video {
  width: 100%;
  height: 5.3rem;
}

@media (max-width: 500px) {
  .mp4-video {
    height: 2.7rem;
  }
}

.page-view {
  border-bottom: 1px solid #E4DCD3;
  padding-bottom: 0.3rem;
}

.page-view .view-title h1 em {
  font-style: normal;
  color: #999;
}

.page-view .view-title h1 p {
  font-size: 0.5rem;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .page-view .view-title h1 p {
    font-size: 3.5rem !important;
  }
}

.page-view .view-title h1 em+p {
  margin-top: 1rem;
}

.page-view .view-title dl {
  margin-top: 1rem;
}

.page-view .view-title dl dt {
  font-size: 1.6rem;
  color: #999;
  font-weight: 600;
}

.page-view .view-title dl dd {
  margin-top: 0.5rem;
}

.page-view .view-title dl dd span {
  font-size: 1.4rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  color: #999;
}

.page-view .view-title dl dd span::before {
  content: "ㆍ";
  display: inline-block;
  font-size: 1.4rem;
  color: #999;
}

.page-view .view-title .favorit {
  position: absolute;
  right: 0;
  top: 3rem;
}

@media (max-width: 1024px) {
  .page-view .view-title .favorit {
    right: 3rem;
  }
}

@media (max-width: 500px) {
  .page-view .view-title .favorit {
    position: relative;
    top: inherit;
    right: inherit;
  }
}

.page-view .view-title.fiexd em {
  display: none;
}

.close {
  position: absolute;
  right: 4rem;
  top: 4rem;
  width: 2rem;
  height: 2rem;
}

.close i {
  display: block;
  width: 2rem;
  height: 2rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../image/icon-close.svg);
}

p.movie {
  position: relative;
}

p.movie::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

p.movie::after {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://www.beijing-hyundai.com.cn/assets/home2023/assets/images/button/btn-play.svg) no-repeat;
  background-size: contain;
  z-index: 3;
}

@media (max-width: 500px) {
  /* .slick-arrow i {
    width: 1.2rem !important;
    height: 2.4rem !important;
  } */
}

.single-life {
  color: #EB7E27;
}

.single-life.active {
  color: #EB7E27 !important;
}

.family-life {
  color: #3872C1;
}

.family-life.active {
  color: #3872C1 !important;
}

.eco-friendly {
  color: #749B32;
}

.eco-friendly.active {
  color: #749B32 !important;
}

.tech-driven {
  color: #E65977;
}

.tech-driven.active {
  color: #E65977 !important;
}

.dynamic-driving {
  color: #3FA5A7;
}

.dynamic-driving.active {
  color: #3FA5A7 !important;
}

.traveler {
  color: #C65398;
}

.traveler.active {
  color: #C65398 !important;
}

.daily-commuter {
  color: #B79825;
}

.daily-commuter.active {
  color: #B79825 !important;
}

.trendy,
.trendy.acrive {
  color: #933AAC !important;
}

.filebox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.filebox .upload-name {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #E3DCD4;
  width: 34rem;
  color: #E4DCD3;
}

.filebox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #E4DCD3;
  color: #fff;
  vertical-align: middle;
  border-left: 0;
  cursor: pointer;
  height: 4rem;
  width: 4rem;
}

.filebox label .icon-insert-file {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.more-ajax {
  position: relative;
  displaY: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 7rem;
  margin-top: 6rem;
}

@media (max-width: 500px) {
  .more-ajax {
    margin-top: 6rem;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 0rem;
  }
}

.more-ajax::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  height: 1px;
  background-color: #E4DCD3;
  z-index: -1;
}

@media (max-width: 500px) {
  .more-ajax::after {
    content: none;
  }
}

.more-ajax button {
  font-size: 1.4rem;
  color: #676767;
  bordeR: 1px solid #E3DCD4;
  padding: 1.3rem;
  font-weight: 600;
  width: 18rem;
  height: 4rem;
  background-color: #fff;
  z-index: 1;
}

@media (max-width: 500px) {
  .more-ajax button {
    width: 100%;
  }
}

.more-ajax button::after {
  content: "";
  displaY: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-plus.svg);
}

.request-brochure {
  margin-top: 12rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}

@media (max-width: 500px) {
  .request-brochure {
    margin-top: 6rem;
  }
}

.request-brochure .inner {
  padding-top: 3.6rem;
  padding-bottom: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 20rem;
}

@media (max-width: 500px) {
  .request-brochure .inner {
    min-height: 100%;
  }
}

.request-brochure .inner p {
  color: #fff;
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
}

@media (max-width: 500px) {
  .request-brochure .inner p {
    font-size: 2rem;
  }
}

.request-brochure .inner a {
  margin-top: 1.5rem;
}

button.info {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media (max-width: 500px) {
  button.info {
    right: 1rem;
  }
}

button.info i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-info.svg);
}

.img-big {
  position: relative;
  cursor: pointer;
}

@media (max-width: 500px) {
  .img-big::before {
    content: "";
    position: absolute;
    cursor: pointer;
    top: 2rem;
    right: 2rem;
    display: block;
    width: 4rem;
    height: 4rem;
    z-index: 2;
    background-image: url("https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-img-big.svg");
  }
}

.info-warp {
  display: none;
  position: fixed;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  bottom: 0;
  left: 0;
  background-color: #F5F3F2;
  padding-top: 3rem;
  padding-bottom: 3rem;
  z-index: 100;
  -webkit-animation: updoun ease 1s forwards;
  animation: updoun ease 1s forwards;
}

.info-warp dl dt {
  font-size: 2rem;
  font-weight: 600;
}

.info-warp dl dd {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.info-warp .close-info {
  position: absolute;
  right: 3rem;
  top: 0rem;
}

.info-warp .close-info i {
  displaY: block;
  width: 1.2rem;
  height: 1.2rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../image/icon-close.svg);
}

.info-warp .btn-submit {
  displaY: flex;
  margin-bottom: 4rem;
}

.info-warp .btn-submit a {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #000;
  min-width: 25rem;
  height: 4rem;
  text-align: center;
}

.info-warp .btn-submit a+a {
  margin-left: 1rem;
}

.info-warp.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: updoun ease 1s forwards;
  animation: updoun ease 1s forwards;
}

.view-page {
  height: 8rem !important;
}

@media (max-width: 500px) {
  .view-page {
    height: 7rem !important;
  }
}

.view-page .header {
  background: #fff;
}

.border-t {
  border-top: 1px solid #E4DCD3 !important;
}

.view-bottom-content h2 {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.contents-aem {
  padding-bottom: 0rem;
}

@media (max-width: 1024px) {
  .contents-aem .inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.contents-aem .aem-content-warp .inner {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1024px) {
  .contents-aem .aem-content-warp .padding-box {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.contents-aem .aem-content-warp .padding-box dl dt {
  font-weight: 600;
  font-size: 3rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.contents-aem .aem-content-warp .padding-box dl dd {
  font-size: 2rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.contents-aem .aem-content-warp .padding-box ul {
  margin-top: 3rem;
}

.contents-aem .aem-content-warp .padding-box ul li {
  font-size: 1.6rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.contents-aem .aem-content-warp .padding-box ul li span {
  display: block;
}

.contents-aem .aem-content-warp .padding-box ul li::before {
  content: "ㆍ";
  display: block;
}

@media (max-width: 500px) {
  .contents-aem .aem-content-warp .padding-box-left {
    padding-left: 3rem;
    padding-right: 0rem;
  }
}

.contents-aem .aem-content-warp .magazine {
  border-bottom: 0;
  padding-bottom: 0;
}

.contents-aem .aem-content-warp .magazine p {
  margin-top: 0;
}

.contents-aem .aem-content-warp .big-text {
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 1024px) {
  .contents-aem .aem-content-warp .big-text {
    font-size: 3rem;
  }
}

.contents-aem .aem-content-warp p {
  font-size: 1.6rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 2.5rem;
}

.contents-aem .aem-content-warp p strong {
  font-weight: 600;
  color: #999;
  font-size: 2rem;
}

.contents-aem .aem-content-warp p img {
  width: 100%;
}

.contents-aem .tag-group {
  margin-top: 6rem;
}

@media (max-width: 800px) {
  .contents-aem .tag-group {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.view-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.view-btn-group .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.view-btn-group .inner button {
  border: 1px solid #E4DCD3;
  padding: 1.3rem;
  width: 25rem;
}

.view-btn-group .inner button+button {
  margin-left: 1rem;
}

@media (max-width: 500px) {
  .view-btn-group .inner button+button {
    margin-left: 0rem;
    border-left: 0;
  }
}

.view-btn-group .inner a span {
  font-size: 1.4rem;
  line-height: 1;
}

@media (max-width: 500px) {
  .view-btn-group .inner a span {
    font-size: 1.2rem;
  }
}

.view-btn-group .inner a i {
  margin-right: 1rem;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  background-position: center;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 1.6rem;
  color: #E4DCD3;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 1.6rem;
  color: #E4DCD3;
  opacity: 1;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-size: 1.6rem;
  color: #E4DCD3;
  opacity: 1;
}

input::placeholder,
textarea::placeholder {
  font-size: 1.6rem;
  color: #E4DCD3;
  opacity: 1;
}

input[type="checkbox"] {
  margin-right: 1rem;
  width: 2rem !important;
  height: 2rem !important;
}

/*lightbox*/
#ligthbox-overlay {
  display: none;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.64);
  -webkit-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
}

#ligthbox-overlay.visible {
  opacity: 1;
  pointer-events: auto;
  z-index: 500;
  overflow-x: auto;
  display: block;
}

#ligthbox-overlay.visible img {
  width: auto;
  height: auto;
}

#ligthbox-image {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*title*/
.text-box {
  width: 100%;
  max-width: 110rem;
  padding-left: 13rem;
  padding-right: 13rem;
  margin: 0 auto;
}

@media (max-width: 500px) {
  .text-box {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

.text-box h2 {
  font-size: 1.6rem;
  color: var(--unnamed-color-00aad2);
  margin-bottom: 1rem;
}

@media (max-width: 500px) {
  .text-box h2 {
    font-size: 1.2rem;
  }
}

.text-box p {
  font-size: 2rem;
  margin-top: 1rem;
  line-height: 1;
}

@media (max-width: 500px) {
  .text-box p {
    font-size: 1.8rem;
  }
}

.text-box p strong {
  font-size: 6rem;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 500px) {
  .text-box p strong {
    font-size: 4.5rem;
  }
}

.text-box p+p {
  margin-bottom: 5rem;
}

.page-title-box-h2warp {
  margin-top: 5rem;
  margin-bottom: 7rem;
}

@media (max-width: 500px) {
  .page-title-box-h2warp {
    margin-top: 4rem;
    margin-bottom: 5rem;
  }
}

.page-title-box-h2warp h2 {
  font-size: 4rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .page-title-box-h2warp h2 {
    font-size: 3rem;
  }
}

.page-title-box-h2warp p {
  font-size: 2rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  color: #000000;
  margin-top: 2rem;
}

.page-title-box-h2warp p a {
  text-decoration: underline;
}

@media (max-width: 500px) {
  .page-title-box-h2warp p {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
}

.btn-text-box {
  position: relative;
  width: 100%;
  max-width: 110rem;
  margin: 0 auto;
}

.btn-text-box h2 {
  font-size: 5rem;
  color: var(--unnamed-color-000000);
  font-weight: 600;
}

@media (max-width: 500px) {
  .btn-text-box h2 {
    font-size: 3.5rem;
  }
}

.btn-text-box p {
  font-size: 2rem;
  margin-top: 2rem;
  line-height: 1;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

@media (max-width: 500px) {
  .btn-text-box p {
    font-size: 1.8rem;
  }
}

.btn-text-box a {
  position: absolute;
  font-weight: 600;
  bottom: 0;
  right: 0rem;
  color: #676767;
  font-size: 1.4rem;
  min-width: 20rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 500px) {
  .btn-text-box a {
    position: relative;
    right: inherit;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1.5rem;
  }
}

/*magazine*/
.magazine {
  border-bottom: 1px solid #E4DCD3;
  padding-bottom: 7rem;
  margin-top: 12rem;
}

@media (max-width: 500px) {
  .magazine {
    margin-top: 6rem;
    padding-bottom: 0rem;
  }
}

.magazine .inner {
  padding-left: 0rem;
  padding-right: 0;
}

@media (max-width: 1024px) {
  .magazine .inner {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 500px) {
  .magazine .inner {
    padding-left: 3rem;
    padding-right: 0;
  }
}

.magazine .inner .slick-slide+.slick-slide {
  margin-left: 0;
}

@media (max-width: 500px) {
  .magazine .inner .pip-video .pip-video-warp {
    max-height: 32rem;
  }
}

.magazine .inner .pip-video .pip-video-warp img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.magazine .inner .magazine-row {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 800px) {
  .magazine .inner .magazine-row {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row {
    max-width: 27rem;
    border-right: 1px solid #E4DCD3;
  }
}

.magazine .inner .magazine-row .img {
  width: 50%;
  min-height: 32rem;
}

@media (max-width: 800px) {
  .magazine .inner .magazine-row .img {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row .img {
    width: 100%;
    min-height: 27rem;
    overflow: hidden;
  }
}

.magazine .inner .magazine-row .img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row .img img {
    min-height: 27rem;
  }
}

.magazine .inner .magazine-row dl {
  width: 50%;
  padding: 3rem;
}

@media (max-width: 800px) {
  .magazine .inner .magazine-row dl {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row dl {
    width: 100%;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 37rem;
  }
}

.magazine .inner .magazine-row dl dt {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 2rem;
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row dl dt {
    font-size: 3rem;
  }
}

.magazine .inner .magazine-row dl dd {
  font-size: 2rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  color: var(--unnamed-color-000000);
}

.magazine .inner .magazine-row dl dd a {
  font-size: 1.4rem;
  font-weight: 600;
  displaY: inline-block;
  color: #676767;
}

.magazine .inner .magazine-row dl dd a::after {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.8rem;
  margin-left: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../image/icon-mmove-right.svg);
}

.magazine .inner .magazine-row dl .color-000 {
  color: #000;
}

.magazine .inner .magazine-row dl .size-3 {
  font-size: 3rem;
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row dl .size-3 {
    font-size: 2.4rem;
  }
}

.magazine .inner .magazine-row dl .color-999 {
  color: #999;
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row dl .content-dd {
    overflow-y: auto;
    font-size: 1.6rem;
  }
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row dl .content-dd::-webkit-scrollbar {
    width: 2px;
  }
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row dl .content-dd::-webkit-scrollbar-thumb {
    background-color: #868686;
    border-radius: 10px;
  }
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row dl .content-dd::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px;
  }
}

.magazine .inner .magazine-row dl .unit-dd {
  margin-bottom: 2rem;
}

.magazine .inner .magazine-row dl .unit-dd p {
  font-size: 2rem;
  font-weight: 600;
}

.magazine .inner .magazine-row dl .unit-dd p span {
  font-size: 1.4rem;
  font-weight: 400;
}

.magazine .inner .magazine-row dl .unit-dd p span::after {
  content: "/";
  display: inline-block;
  font-size: 1.4rem;
}

.magazine .inner .magazine-row dl .unit-dd p span:last-child::after {
  content: none;
}

.magazine .inner .magazine-row dl .descript {
  font-size: 1.4rem;
  margin-top: 1.5rem;
}

.magazine .inner .magazine-row.reverse {
  displaY: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.magazine .inner .magazine-row.reverse dl {
  padding-left: 0;
}

@media (max-width: 500px) {
  .magazine .inner .magazine-row.reverse dl {
    padding-left: 2rem;
  }
}

@media (max-width: 800px) {
  .magazine .inner .magazine-row.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/*ally-hidden*/
.ally-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
}

/*btn*/
.btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 500px) {
  .btn-more {
    padding-right: 3rem;
    margin-top: 1rem;
  }
}

.btn-more i {
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url("https://www.beijing-hyundai.com.cn/assets/home2023/images/button/btn-more.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 1366px) {
  .right-inner {
    position: relative;
  }
}

.height-54rem {
  height: 48rem;
}

.inner-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  width: 100%;
  position: relative;
  margin: 0 auto;
  min-height: 54rem;
}

@media (min-width: 1366px) {
  .inner-right {
    width: 100%;
  }
}

.inner-right .right-inner {
  width: calc(100% - ((100% - 1100px) / 2));
}

@media (min-width: 1366px) {
  .inner-right .right-inner {
    position: relative;
  }
}

.slick-arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.1rem;
}

.slick-prev {
  left: 0.43rem;
}

.slick-next {
  right: 0.43rem;
}

.slick-prev i,
.slick-next i {
  display: block;
  width: 0.2rem;
  height: 0.81rem;
  background-image: url("../image/icon-bullet-style11.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 500px) {
  .slick-arrow {
    top: 60%;
  }

  .slick-prev {
    left: 0.2rem;
  }

  .slick-next {
    right: 0.2rem;
  }

  .slick-prev i,
  .slick-next i {
    display: block;
    width: 0.3rem;
    height: 0.5rem;
    background-image: url("../image/icon-bullet-style11.svg");
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.bp-stieky .slick-prev i,
.bp-stieky .slick-next i {
  display: block;
  width: 0.2rem;
  height: 0.81rem;
  background-image: url("https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/bp-bullet.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 500px) {

  .bp-stieky .slick-prev i,
  .bp-stieky .slick-next i {
    width: 0.2rem !important;
    height: 0.15rem !important;
  }
}

.bp-stieky .slick-next,
.bp-stieky .slick-prev {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0.2rem;
  height: 0.4rem;
}

.bp-stieky .slick-prev {
  left: -0.2rem;
}

.bp-stieky .slick-next {
  right: -0.2rem;
}

.slick-next i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slick-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  bottom: 0;
}

.paging {
  direction: ltr;
  width: 11rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 0.2rem;
  margin: 0 auto;
  font-weight: 600;
}

@media (min-width: 1920px) {
  .paging {
    width: 100%;
    padding-right: 0rem;
  }
}

@media (min-width: 1366px) {
  .paging {
    width: 100%;
    padding-left: 0;
  }
}

@media (max-width: 1024px) {
  .paging {
    width: 100%;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}



.paging span {
  color: #2b2a2a86;
  font-size: 0.2rem;
  font-weight: 600;
}
@media (max-width: 1000px) {
  .paging {
    direction: ltr;
    width: 11rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 0.35rem;
    margin: 0 auto;
    font-weight: 600;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  .paging span {
    color: #2b2a2a86;
    font-size: 0.35rem;
    font-weight: 600;
  }
}
@media (max-width: 500px) {
  .paging {
    width: 100%;
    padding-left: 0rem;
    padding-right: 0.3rem;
    margin-top: 0.2rem;
    font-size: 0.3rem;
  }
  .paging span {
    color: #2b2a2a86;
    font-size: 0.3rem;
    font-weight: 600;
  }
}
.slick-slide+.slick-slide {
  margin-left: 0.1rem;
}

.slick-slide img {
  width: 100%;
}

@media (max-width: 500px) {
  .slick-slide img {
    height: 100%;
  }
}

/*list-style1*/
.list-style1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4rem;
}

.list-style1 .slick-slide {
  width: 36rem;
}

@media (max-width: 500px) {
  .list-style1 .slick-slide {
    width: 30rem;
  }
}

.list-style1 .slick-prev,
.list-style1 .slick-next {
  top: 15rem;
}

.list-style1 .slick-next {
  right: -4rem;
}

@media (max-width: 500px) {
  .list-style1 .slick-next {
    right: 2rem;
  }
}

.list-style1 .slick-prev {
  left: -4rem;
}

@media (max-width: 800px) {
  .list-style1 .slick-prev {
    left: -2rem;
  }
}

@media (max-width: 500px) {
  .list-style1 .slick-prev {
    left: -2rem;
  }
}

.list-style1 .slick-dots {
  right: 0;
}

.list-style1 dl {
  width: 100%;
  margin-top: 3rem;
  padding-left: 0rem;
  padding-right: 1rem;
}

.list-style1 dl dt {
  font-size: 2.4rem;
  color: var(--unnamed-color-000000);
  font-weight: 600;
}

@media (max-width: 500px) {
  .list-style1 dl dt {
    padding-right: 3rem;
  }
}

.list-style1 dl dd {
  margin-top: 1.5rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif !important;
  font-size: 1.6rem;
  color: var(--unnamed-color-000000);
}

@media (max-width: 500px) {
  .list-style1 dl dd {
    padding-right: 3rem;
  }
}

/*list-style1 end*/
/*list-style2*/
.list-style1-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 48rem;
}

@media (max-width: 500px) {
  .list-style1-small {
    min-height: auto;
  }
}

.list-style1-small .slick-slide {
  width: 36rem;
}

@media (max-width: 500px) {
  .list-style1-small .slick-slide {
    width: 36rem;
  }
}

@media (max-width: 375px) {
  .list-style1-small .slick-slide {
    width: 30rem;
  }
}

@media (max-width: 320px) {
  .list-style1-small .slick-slide {
    width: 24rem;
  }
}

.list-style1-small .slick-arrow {
  position: absolute;
}

.list-style1-small .slick-prev,
.list-style1-small .slick-next {
  top: 10rem;
}

.list-style1-small .slick-next {
  right: -4rem;
}

@media (max-width: 500px) {
  .list-style1-small .slick-next {
    right: 2rem;
  }
}

.list-style1-small .slick-prev {
  left: -4rem;
}

@media (max-width: 500px) {
  .list-style1-small .slick-prev {
    left: -2rem;
  }
}

.list-style1-small .slick-dots {
  left: 106.5rem;
}

.list-style1-small dl {
  margin-top: 2.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (max-width: 500px) {
  .list-style1-small dl {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

.list-style1-small dl dt {
  font-size: 2.4rem;
  color: var(--unnamed-color-000000);
  font-weight: 600;
}

.list-style1-small dl dd {
  margin-top: 1rem;
  font-size: 1.6rem;
  color: var(--unnamed-color-000000);
}

/*list-style2 end*/
.list-style2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 48rem;
}

.list-style2 .slick-slide {
  width: 38rem;
}

.list-style2 .slick-arrow {
  position: absolute;
}

.list-style2 .slick-prev,
.list-style2 .slick-next {
  top: 10rem;
}

.list-style2 .slick-next {
  left: 119.5rem;
}

.list-style2 .slick-prev {
  left: -4rem;
}

.list-style2 .slick-dots {
  left: 106.5rem;
}

.list-style2 dl {
  margin-top: 2.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.list-style2 dl dt {
  font-size: 2.4rem;
  color: var(--unnamed-color-000000);
}

.list-style2 dl dd {
  margin-top: 1rem;
  font-size: 1.6rem;
  color: var(--unnamed-color-666666);
}

@media screen and (max-width: 1180px) {
  .list-style2 .slick-slide {
    width: 36rem;
  }

  .list-style2 .slick-next {
    left: inherit;
    right: 2rem;
  }

  .list-style2 .slick-prev {
    left: 2rem;
  }

  .list-style2 .slick-dots {
    left: inherit;
    right: 0;
  }
}

@media screen and (max-width: 320px) {
  .list-style2 .slick-slide {
    width: 32rem;
  }
}

/*list-style2 end*/
/*list-style3*/
.list-style3 .slick-slide {
  width: 36rem;
}

@media screen and (max-width: 320px) {
  .list-style3 .slick-slide {
    width: 32rem;
  }
}

.list-style3 .slick-prev,
.list-style3 .slick-next {
  top: 15rem;
}

.list-style3 .slick-next {
  right: -4rem;
}

.list-style3 .slick-prev {
  left: -4rem;
}

.list-style3 .slick-dots {
  right: 0;
}

@media screen and (max-width: 1180px) {
  .list-style3 .slick-next {
    right: 2rem;
  }

  .list-style3 .slick-prev {
    left: 2rem;
  }
}

.list-style3 dl {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 6rem;
}

.list-style3 dl dt {
  font-size: 2.4rem;
  color: var(--unnamed-color-000000);
}

.list-style3 dl dt em {
  display: block;
  font-style: normal;
  font-size: var(--unnamed-font-size-14);
  color: var(--unnamed-color-00aad2);
}

.list-style3 dl dt span {
  font-size: var(--unnamed-font-size-24);
}

.list-style3 dl dd {
  margin-top: 1rem;
  font-size: 3rem;
}

.list-style3 dl dd em {
  font-style: normal;
}

.list-style3 .img {
  displaY: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-style3 ul.list {
  margin-top: 4rem;
}

.list-style3 ul.list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: var(--unnamed-font-size-14);
}

.list-style3 ul.list li+li {
  margin-top: 1.5rem;
}

.list-style3 ul.list li:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.5rem;
  margin-right: 1rem;
  display: inline-block;
  background-color: #00AAD2;
}

/*list-style3 end*/
/*masonry start*/
.grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -ms-grid-columns: (minmax(250px, 1fr))[auto-fill];
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 20px;
}

.grid .item {
  background-color: #ffffff;
  border: 1px solid #E3DCD4;
}

.grid .item .photothumb {
  width: 100%;
}

.grid .item .content-inner {
  padding: 2rem;
}

.grid .item .content-inner .title {
  margin-bottom: 1.5rem;
}

.grid .item .content-inner .title h3 {
  font-size: 1.8rem;
  color: #000;
  text-transform: uppercase;
}

.grid .item .content-inner .desc img {
  width: 50%;
  margin: 0 10px 10px 0;
  float: left;
}

.grid .item .content-inner .desc p {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

/*masonry end*/
/*pinter-list*/
.pinter-list .list {
  displaY: flex;
  max-width: 110rem;
}

.pinter-list .list .pitem {
  max-width: 26.7rem;
}

@media (max-width: 1024px) {
  .pinter-list .list .pitem {
    max-width: 24rem;
  }
}

@media (max-width: 500px) {
  .pinter-list .list .pitem {
    max-width: 26.7rem;
  }
}

.pinter-list .list .pitem p img {
  height: 21.5rem;
}

@media (max-width: 1024px) {
  .pinter-list .list .pitem p img {
    max-width: 24rem;
  }
}

@media (max-width: 500px) {
  .pinter-list .list .pitem p img {
    max-width: 26.7rem;
  }
}

.pinter-list .list .pitem dl {
  padding: 3rem 2rem 2.5rem 2rem;
  border-left: 1px solid #E3DCD4;
  border-right: 1px solid #E3DCD4;
  border-bottom: 1px solid #E3DCD4;
}

.pinter-list .list .pitem dl dt {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--unnamed-color-000000);
}

.pinter-list .list .pitem dl dd {
  margin-top: 2rem;
  font-size: 1.6rem;
  color: var(--unnamed-color-000000);
}

.pinter-list .list .pitem dl dd.tag a {
  font-size: 1.4rem;
  color: var(--unnamed-color-999999);
}

.pinter-list .list .pitem dl dd.tag a+a {
  margin-left: 1rem;
}

.pinter-list .list .pitem+.pitem {
  margin-left: 1rem;
}

/*slider syncing start*/
.syncing-style1 {
  height: 88rem;
  width: 133.6rem;
  margin: 0 auto;
}

.syncing-style1 .slick-slide+.slick-slide {
  margin-left: 0;
}

.syncing-style1 .slider-single>div:nth-child(1n+2) {
  display: none;
}

.syncing-style1 .slider-single.slick-initialized>div:nth-child(1n+2) {
  display: block;
}

.syncing-style1 .slider-single {
  height: 53rem;
}

.syncing-style1 .slider-single .slick-list p {
  height: 53rem;
  width: 133.6rem;
  overflow: hidden;
}

.syncing-style1 .slider-single .slick-list p img {
  height: 53rem;
  width: 133.6rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.syncing-style1 .slider-nav {
  height: 17.5rem;
  width: 133.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 1024px) {
  .syncing-style1 .slider-nav {
    width: 45rem;
  }
}

.syncing-style1 .slider-nav .slick-list {
  width: 82.5rem;
}

@media (max-width: 1024px) {
  .syncing-style1 .slider-nav .slick-list {
    width: 45rem;
  }
}

@media (max-width: 800px) {
  .syncing-style1 .slider-nav .slick-list {
    width: 60rem;
  }
}

@media (max-width: 500px) {
  .syncing-style1 .slider-nav .slick-list {
    width: 50rem;
  }
}

.syncing-style1 .slider-nav p {
  position: relative;
  overflow: hidden;
  width: 16.5rem;
  height: 16.5rem;
}

@media (max-width: 1024px) {
  .syncing-style1 .slider-nav p {
    width: 15rem;
    height: 15rem;
  }
}

@media (max-width: 500px) {
  .syncing-style1 .slider-nav p {
    width: 10rem;
    height: 10rem;
  }
}

.syncing-style1 .slider-nav p img {
  width: 16.5rem;
  height: 16.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .syncing-style1 .slider-nav p img {
    width: 15rem;
    height: 15rem;
  }
}

@media (max-width: 500px) {
  .syncing-style1 .slider-nav p img {
    width: 10rem;
    height: 10rem;
  }
}

.syncing-style1 .slider-nav p::before {
  content: "";
  display: block;
  width: 16.5rem;
  height: 16.5rem;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.64);
}

@media (max-width: 1024px) {
  .syncing-style1 .slider-nav p::before {
    width: 15rem;
    height: 15rem;
  }
}

@media (max-width: 500px) {
  .syncing-style1 .slider-nav p::before {
    width: 10rem;
    height: 10rem;
  }
}

.syncing-style1 .slider-nav .slick-slide {
  cursor: pointer;
}

.syncing-style1 .slider-nav .slick-slide.is-active p::before {
  background-color: transparent;
  border: 3px solid #00AAD2;
}

.syncing-style1 .slider-contents-warp {
  margin-top: 3rem;
}

.syncing-style1 .slider-contents-warp .slider-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 133.6rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 8rem;
}

.syncing-style1 .slider-contents-warp .slider-contents .slick-list {
  width: 77rem;
}

.syncing-style1 .slider-contents-warp .slider-contents .slick-list dl dt {
  font-size: 2.4rem;
  color: #030303;
}

.syncing-style1 .slider-contents-warp .slider-contents .slick-list dl dd {
  margin-top: 1rem;
  font-size: 1.6rem;
  color: #030303;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

/*slider syncing end*/
/*button*/
.configuration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 20rem;
}

@media (max-width: 500px) {
  .configuration {
    height: 15rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.configuration p {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  color: var(--unnamed-color-ffffff);
  margin-bottom: 1.5rem;
}

@media (max-width: 500px) {
  .configuration p {
    font-size: 2rem;
  }
}

.cc-btn-reoup {
  margin-top: 9rem;
  margin-bottom: 7rem;
}

@media (max-width: 500px) {
  .cc-btn-reoup {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}

.inner .cc-btn-wrap {
  padding-left: 0;
  padding-right: 0;
}

.one-banner-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background-color: #F6F3F2;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.one-banner-btn button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.one-banner-btn button span {
  font-size: 1.8rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .one-banner-btn button span {
    font-size: 1.6rem;
  }
}

.one-banner-btn button i {
  display: inline-block;
  width: 1rem;
  height: 2rem;
  margin-left: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../image/icon-mmove.svg);
}

/*btn-2~*/
.btn-group-tow {
  displaY: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-group-tow .inner {
  displaY: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 500px) {
  .btn-group-tow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.btn-group-tow .btn-task {
  height: 5rem;
  min-width: 30rem;
  font-size: 1.6rem;
  color: var(--unnamed-color-000000);
  padding: 1.7rem 5.1rem;
  border: 1px solid #000;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}

@media (max-width: 800px) {
  .btn-group-tow .btn-task {
    max-width: 12rem;
  }
}

@media (max-width: 500px) {
  .btn-group-tow .btn-task {
    max-width: 50%;
    height: 4rem;
    font-size: 1.4rem;
    padding: 1.2rem 5.1rem;
  }
}

.btn-group-tow .btn-task+.btn-task,
.btn-group-tow .btn-cta-default+.btn-cta-default {
  margin-left: 1rem;
}

@media (max-width: 500px) {

  .btn-group-tow .btn-task+.btn-task,
  .btn-group-tow .btn-cta-default+.btn-cta-default {
    margin-left: 0rem;
    border-top: 0;
  }
}

.btn-group-ltow {
  displaY: flex;
  direction: ltr;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 500px) {
  .btn-group-ltow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.btn-group-ltow .btn-task {
  max-width: 30rem;
  font-size: 1.6rem;
  color: var(--unnamed-color-000000);
  padding: 1.7rem 5.1rem;
  border: 1px solid #000;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}

@media (max-width: 800px) {
  .btn-group-ltow .btn-task {
    max-width: 12rem;
  }
}

@media (max-width: 500px) {
  .btn-group-ltow .btn-task {
    max-width: 50%;
    font-size: 1.4rem;
    padding: 1.2rem 5.1rem;
  }
}

@media (max-width: 500px) {
  .btn-group-ltow .btn-cta-default {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 360px) {
  .btn-group-ltow .btn-cta-default {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.btn-group-ltow .btn-cta-default .btn-sub-warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 3rem;
}

.btn-group-ltow .btn-cta-default .btn-sub-warp dl {
  margin-left: 2rem;
}

.btn-group-ltow .btn-cta-default .btn-sub-warp dl dt {
  font-size: 1.6rem;
  font-weight: 600;
}

.btn-group-ltow .btn-cta-default .btn-sub-warp dl dd {
  font-size: 1.4rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

@media (max-width: 500px) {
  .btn-group-ltow .btn-cta-default span {
    margin-left: 2rem;
    margin-bottom: 0;
    margin-top: 0;
  }
}

@media (max-width: 500px) {
  .btn-group-ltow .btn-cta-default::after {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.btn-group-ltow .btn-task+.btn-task,
.btn-group-ltow .btn-cta-default+.btn-cta-default {
  margin-left: 1rem;
}

@media (max-width: 500px) {

  .btn-group-ltow .btn-task+.btn-task,
  .btn-group-ltow .btn-cta-default+.btn-cta-default {
    margin-left: 0rem;
    border-top: 0;
  }
}

.btn-group-three {
  displaY: flex;
  direction: ltr;
}

@media (max-width: 500px) {
  .btn-group-three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.btn-group-three .btn-task {
  padding: 1.2rem 1.5rem;
}

.btn-group-three .btn-task+.btn-task,
.btn-group-three .btn-cta-default+.btn-cta-default {
  border-left: 0;
}

@media (max-width: 500px) {

  .btn-group-three .btn-task+.btn-task,
  .btn-group-three .btn-cta-default+.btn-cta-default {
    border-left: 1px solid #E3DCD4;
    border-top: 0;
  }
}

@media (max-width: 500px) {
  .btn-group-three .btn-cta-default {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 500px) {
  .btn-group-three .btn-cta-default span {
    margin-left: 2rem;
    margin-bottom: 0;
    margin-top: 0;
  }
}

@media (max-width: 500px) {
  .btn-group-three .btn-cta-default::after {
    bottom: inherit;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.cc-btn-wrap {
  max-width: 110rem;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .cc-btn-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 1024px) {
  .cc-btn-wrap {
    margin-top: 6rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 500px) {
  .cc-btn-wrap .btn-group-tow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media (max-width: 500px) {
  .cc-btn-wrap .btn-group-tow .btn-cta-default {
    min-height: 16rem;
  }
}

@media (max-width: 500px) {
  .cc-btn-wrap .btn-group-tow .btn-cta-default+.btn-cta-default {
    border-top: 1px solid #E3DCD4;
    border-left: 0;
  }
}

.cc-btn-wrap .btn-group-three .btn-cta-default+.btn-cta-default {
  border-left: 1px solid #E3DCD4;
  margin-left: 1rem;
}

.cc-btn-wrap .btn-group-three .btn-cta-default+.btn-cta-default:hover {
  border-left: 1px solid #00AAD2;
}

@media (max-width: 500px) {
  .cc-btn-wrap .btn-group-three .btn-cta-default+.btn-cta-default {
    margin-left: 0;
  }
}

@media (max-width: 500px) {
  .cc-btn-wrap .btn-group-tow.btn-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .cc-btn-wrap .btn-group-tow.btn-cta a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 100%;
  }
}

@media (max-width: 500px) {
  .cc-btn-wrap .btn-group-tow.btn-cta a::after {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media (max-width: 500px) {
  .cc-btn-wrap .btn-group-tow.btn-cta a dl {
    margin-left: 0;
    width: 77%;
  }
}

@media (max-width: 500px) {
  .cc-btn-wrap .btn-group-tow.btn-cta a+a {
    border-left: 1px solid #E3DCD4 !important;
    border-top: 0 !important;
    margin-top: 0rem;
  }
}

.radio-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 500px) {
  .radio-items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 500px) {
  .radio-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.radio-items .only-sr {
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
}

.radio-items p {
  display: block;
  text-align: center;
}

@media (max-width: 500px) {
  .radio-items p {
    width: 100%;
  }
}

.radio-items p label {
  color: #999;
  padding: 1.2rem 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #E3DCD4;
  background-color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
  display: block;
}

@media (max-width: 500px) {
  .radio-items p label {
    width: 100%;
  }
}

.radio-items p input[type="radio"]:checked+label {
  color: #000;
  border: 1px solid #00AAD2;
  font-weight: 600;
}

.radio-items p input[type="radio"]:disabled+label {
  color: #000;
  border: 1px solid #E4DCD3;
  background-color: #F6F3F2;
  font-weight: 600;
}

.radio-items p input[type="radio"]:readonly+label {
  color: #000;
  border: 1px solid #E4DCD3;
  background-color: #F6F3F2;
  font-weight: 600;
}

.radio-items p+p {
  margin-left: 1rem;
}

@media (max-width: 500px) {
  .radio-items p+p {
    margin-left: 0rem;
    margin-top: 0.5rem;
  }
}

@media (max-width: 500px) {
  .radio-items.logn-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .radio-items.logn-btn p {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .radio-items.logn-btn p+p {
    margin-left: 0;
    margin-top: 1rem !important;
  }
}

.checkbox-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 360px) {
  .checkbox-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.checkbox-items .only-sr {
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
}

.checkbox-items p {
  display: block;
  text-align: center;
}

@media (max-width: 500px) {
  .checkbox-items p {
    width: 50%;
  }
}

@media (max-width: 360px) {
  .checkbox-items p {
    width: 100%;
  }
}

.checkbox-items p label {
  color: #999;
  padding: 1.2rem 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #E3DCD4;
  background-color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
  display: block;
}

@media (max-width: 500px) {
  .checkbox-items p label {
    width: 100%;
  }
}

.checkbox-items p input[type="checkbox"]:checked+label {
  color: #000;
  border: 1px solid #00AAD2;
  font-weight: 600;
}

.checkbox-items p input[type="checkbox"]:disabled+label {
  color: #000;
  border: 1px solid #E4DCD3;
  background-color: #F6F3F2;
  font-weight: 600;
}

.checkbox-items p input[type="checkbox"]:readonly+label {
  color: #000;
  border: 1px solid #E4DCD3;
  background-color: #F6F3F2;
  font-weight: 600;
}

.checkbox-items p+p {
  margin-left: 1rem;
}

@media (max-width: 360px) {
  .checkbox-items p+p {
    margin-left: 0rem;
    margin-top: 0.5rem;
  }
}

.checkbox-items.big {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.checkbox-items.big p {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.checkbox-items.big p label {
  width: 100%;
  color: #999;
  padding: 0.9rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #E3DCD4;
  background-color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 500px) {
  .checkbox-items.big p label {
    width: 100%;
  }
}

.checkbox-items.big p label i {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin-right: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.checkbox-items.big p label .icon-nomal-car {
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-nomal-car.svg);
}

.checkbox-items.big p label .icon-big-car {
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-big-car.svg);
}

.checkbox-items.big p label .icon-suv-car {
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-suv-car.svg);
}

.btn-warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 500px) {
  .btn-warp {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.btn-task {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 30rem;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--unnamed-color-000000);
  padding: 1.7rem;
  border: 1px solid #000;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}

@media (max-width: 500px) {
  .btn-task {
    max-width: 100%;
    font-size: 1.4rem;
    padding: 1.2rem;
  }
}

.btn-task:hover,
.btn-task.active {
  background-color: #002C5F;
  color: #fff;
  border-color: #002C5F;
}

.btn-task-trans {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 30rem;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--unnamed-color-000000);
  padding: 1.7rem;
  border: 1px solid #000;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}

@media (max-width: 500px) {
  .btn-task-trans {
    max-width: 100%;
    font-size: 1.4rem;
    padding: 1.2rem;
  }
}

.btn-task-trans:hover,
.btn-task-trans.active {
  background-color: #002C5F;
  color: #fff;
  border-color: #002C5F;
}

.btn-arm {
  displaY: flex;
  border: 1px solid #000;
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-arm i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.8rem;
  height: 2.4rem;
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/assets/images/button/btn-arrow.svg);
}

.btn-erm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-erm span {
  display: block;
  color: var(--unnamed-color-676767);
  font-weight: 600;
}

.btn-erm i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: .4rem;
  height: .8rem;
  margin-left: 0.5rem;
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/assets/images/button/icon-ex-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.btn-z-o i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4rem;
  height: 4rem;
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/assets/images/button/btn-z-o.svg);
  background-repeat: no-repeat;
}

.btn-edit {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #E4DCD3;
  padding: 0.8rem 1.5rem 0.7rem;
  color: #676767;
  font-size: 1.4rem;
  font-weight: 400;
}

.btn-transparent {
  displaY: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 30rem;
  font-size: 1.6rem;
  color: var(--unnamed-color-ffffff);
  padding: 1.7rem 5.1rem;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  font-weight: 600;
}

@media (max-width: 500px) {
  .btn-transparent {
    max-width: 100%;
    font-size: 1.4rem;
    padding: 1.2rem 5.1rem;
  }
}

.btn-transparent:hover,
.btn-transparent.active {
  background-color: #002C5F;
  color: #fff;
  border-color: #002C5F;
}

/*btn-4*/
.btn-style3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 110rem;
  margin: 0 auto;
  margin-top: 5rem;
}

@media (min-width: 1366px) {
  .btn-style3 {
    padding-right: 7rem;
    padding-left: 7rem;
  }
}

@media (max-width: 1024px) {
  .btn-style3 {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-top: 5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 800px) {
  .btn-style3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 500px) {
  .btn-style3 {
    margin-top: 0;
  }
}

.btn-style3 .btn-box {
  displaY: flex;
}

@media (max-width: 800px) {
  .btn-style3 .btn-box {
    width: 100%;
    padding: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 500px) {
  .btn-style3 .btn-box {
    padding: 2rem 3rem;
  }
}

.btn-style3 .btn-box .btn-task {
  max-height: 5.2rem;
}

.btn-style3 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 800px) {
  .btn-style3 .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.btn-style3 .list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 27.5rem;
  height: 13rem;
  padding-right: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 800px) {
  .btn-style3 .list a {
    width: 100%;
    height: 8rem;
    border-bottom: 1px solid #E3DCD4;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.btn-style3 .list a::after {
  content: "";
  position: absolute;
  left: 5.6rem;
  bottom: 1rem;
  display: block;
  width: 2.6rem;
  height: 0.8rem;
  background-image: url(../image/icon-mmove.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 800px) {
  .btn-style3 .list a::after {
    left: inherit;
    right: 3rem !important;
    bottom: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }
}

.btn-style3 .list a>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 800px) {
  .btn-style3 .list a>div {
    padding-left: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.btn-style3 .list a>div p {
  margin-right: 1.5rem;
}

.btn-style3 .list a>div dl dt {
  font-size: 1.4rem;
  color: var(--unnamed-color-00aad2);
  margin-bottom: 0.5rem;
}

.btn-style3 .list a>div dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 17.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
}

@media (max-width: 800px) {
  .btn-style3 .list a>div dl dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
  }
}

.btn-style3 .list a>div dl dd strong {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  color: var(--unnamed-color-000000);
}

.btn-style3 .list a>div dl dd span {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.4rem;
  color: var(--unnamed-color-000000);
}

@media (max-width: 800px) {
  .btn-style3 .list a+a {
    margin-lefT: 0 !important;
  }
}

.btn-style4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 110rem;
  margin: 0 auto;
  margin-top: 5rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 900px) {
  .btn-style4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.btn-style4 .btn-box {
  displaY: flex;
  min-width: 25rem;
}

@media (max-width: 900px) {
  .btn-style4 .btn-box {
    margin: 0 auto;
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

@media (max-width: 800px) {
  .btn-style4 .btn-box {
    width: 100%;
    padding: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 500px) {
  .btn-style4 .btn-box {
    padding: 2rem 3rem;
    margin-bottom: 0rem;
    margin-top: 0rem;
    padding-bottom: 0;
  }
}

.btn-style4 .btn-box .btn-task {
  max-height: 5.2rem;
}

.btn-style4 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 900px) {
  .btn-style4 .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.btn-style4 .list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25rem;
  height: 13rem;
  padding-right: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1024px) {
  .btn-style4 .list a {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .btn-style4 .list a {
    height: 8rem;
    border-bottom: 1px solid #E3DCD4;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.btn-style4 .list a::after {
  content: "";
  position: absolute;
  right: 0rem;
  top: 1em;
  display: block;
  width: 1rem;
  height: 2rem;
  background-image: url(../image/icon-mmove.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 900px) {
  .btn-style4 .list a::after {
    left: inherit;
    right: 3rem;
    top: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }
}

.btn-style4 .list a>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 800px) {
  .btn-style4 .list a>div {
    padding-left: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 500px) {
  .btn-style4 .list a>div {
    padding-left: 0;
  }
}

.btn-style4 .list a>div p {
  margin-right: 1.5rem;
}

.btn-style4 .list a>div dl dt {
  font-size: 1.4rem;
  color: var(--unnamed-color-00aad2);
  margin-bottom: 0.5rem;
}

.btn-style4 .list a>div dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 17.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
}

@media (max-width: 900px) {
  .btn-style4 .list a>div dl dd {
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.btn-style4 .list a>div dl dd strong {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  color: var(--unnamed-color-000000);
}

.btn-style4 .list a>div dl dd span {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.4rem;
  color: var(--unnamed-color-000000);
}

@media (max-width: 900px) {
  .btn-style4 .list a>div dl dd span {
    margin-top: 0rem;
  }
}

.btn-style4 .list a+a {
  margin-lefT: 2rem;
}

@media (max-width: 900px) {
  .btn-style4 .list a+a {
    margin-lefT: 0rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 900px) {
  .btn-style4 .list a:last-child {
    border-bottom: 0;
  }
}

.btn-style2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 110rem;
  margin: 0 auto;
  margin-top: 5rem;
  padding-bottom: 5rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .btn-style2 {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-top: 5rem;
    padding-bottom: 0rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 800px) {
  .btn-style2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 500px) {
  .btn-style2 {
    margin-top: 0;
  }
}

.btn-style2 .btn-box {
  displaY: flex;
}

@media (max-width: 800px) {
  .btn-style2 .btn-box {
    width: 100%;
    padding: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 500px) {
  .btn-style2 .btn-box {
    padding: 2rem 3rem;
  }
}

.btn-style2 .btn-box .btn-task {
  max-height: 5.2rem;
  width: 25rem;
}

.btn-style2 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
}

@media (max-width: 800px) {
  .btn-style2 .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}

.btn-style2 .list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-right: 3rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 800px) {
  .btn-style2 .list a {
    width: 100%;
    min-height: 8rem;
    border-bottom: 1px solid #E3DCD4;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.btn-style2 .list a::after {
  content: "";
  position: absolute;
  right: 3rem;
  top: 1rem;
  display: block;
  width: 1rem;
  height: 2rem;
  background-image: url(../image/icon-mmove.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 800px) {
  .btn-style2 .list a::after {
    left: inherit;
    right: 3rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.btn-style2 .list a>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 800px) {
  .btn-style2 .list a>div {
    padding-left: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.btn-style2 .list a>div p {
  margin-right: 1.5rem;
}

.btn-style2 .list a>div dl {
  padding-right: 3rem;
}

.btn-style2 .list a>div dl dt {
  font-size: 1.4rem;
  color: var(--unnamed-color-00aad2);
  margin-bottom: 0.5rem;
}

.btn-style2 .list a>div dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
}

@media (max-width: 800px) {
  .btn-style2 .list a>div dl dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
  }
}

.btn-style2 .list a>div dl dd strong {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  color: var(--unnamed-color-000000);
}

.btn-style2 .list a>div dl dd span {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.4rem;
  color: var(--unnamed-color-000000);
}

@media (max-width: 1024px) {
  .btn-style2 .list a:last-child {
    border-bottom: 0;
  }
}

/*btn-cta*/
.btn-cta-default {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.8rem 4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #E3DCD4;
  background-color: #fff;
  color: var(--unnamed-color-000000);
  font-size: 1.6rem;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .btn-cta-default {
    padding: 2rem 1.5rem;
  }
}

@media (max-width: 800px) {
  .btn-cta-default {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (max-width: 500px) {
  .btn-cta-default {
    padding: 2rem 1.5rem;
  }
}

.btn-cta-default span {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin-left: 2rem;
  font-weight: 600;
}

@media (max-width: 800px) {
  .btn-cta-default span {
    font-size: 1.4rem;
    margin-top: 1rem;
    font-weight: 600;
    margin-bottom: 2.6rem;
    margin-left: 0rem;
  }
}

.btn-cta-default img {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 6.5rem;
  height: 6.5rem;
}

@media (max-width: 500px) {
  .btn-cta-default img {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.btn-cta-default::after {
  content: "";
  width: 1rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../image/icon-mmove.svg");
}

@media (max-width: 800px) {
  .btn-cta-default::after {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
  }
}

.btn-cta-default dl {
  width: 70%;
  margin-left: 2rem;
}

@media (max-width: 800px) {
  .btn-cta-default dl {
    margin-left: 2rem;
  }
}

@media (max-width: 360px) {
  .btn-cta-default dl {
    width: 60%;
  }
}

.btn-cta-default dl dt {
  font-weight: 600;
  font-size: 1.6rem;
}

@media (max-width: 800px) {
  .btn-cta-default dl dt {
    font-size: 1.4rem;
  }
}

.btn-cta-default dl dd {
  font-size: 1.4rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 1rem;
}

@media (max-width: 800px) {
  .btn-cta-default dl dd {
    font-size: 1.2rem;
  }
}

/*accordion*/
.accordion {
  border-top: 1px solid #E4DCD3;
}

.accordion>dl>dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  min-height: 8rem;
  color: var(--unnamed-color-000000);
  font-weight: 600;
  border-bottom: 1px solid #E4DCD3;
  cursor: pointer;
}

@media (max-width: 500px) {
  .accordion>dl>dt {
    font-size: 1.8rem;
    padding-left: 3rem;
    padding-right: 3rem;
    min-height: 7rem;
  }
}

.accordion>dl>dt p {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accordion>dl>dt p img {
  width: 3rem;
  height: 3rem;
  margin-right: 1.5rem;
}

.accordion>dl>dt .sub-title-warp {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.accordion>dl>dt .sub-title-warp em {
  color: var(--unnamed-color-999999);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
}

@media (max-width: 500px) {
  .accordion>dl>dt .sub-title-warp em {
    font-size: 1.2rem;
  }
}

.accordion>dl>dt .sub-title-warp span {
  font-size: 2rem;
  margin-top: 0.5rem;
  max-width: 96rem;
}

@media (max-width: 500px) {
  .accordion>dl>dt .sub-title-warp span {
    font-size: 1.8rem;
  }
}

.accordion>dl>dt:hover {
  color: var(--unnamed-color-00aad2);
}

.accordion>dl>dt::after {
  content: "";
  min-width: 2rem;
  height: 1rem;
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-arrow-acc.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.accordion>dl>dt.active {
  border-bottom: 1px solid #000000;
}

.accordion>dl>dt.active::after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.accordion>dl>dd {
  display: none;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-bottom: 1px solid #E4DCD3;
}

@media (max-width: 500px) {
  .accordion>dl>dd {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 500px) {
  .accordion>dl>dd p {
    font-size: 1.4rem;
  }
}

.accordion>dl>.dd-padding {
  padding-left: 6.5rem;
}

.accordion.dd-bg dd {
  background-color: #F6F3F2;
}

.btn-accordion {
  displaY: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.btn-accordion button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1.5rem;
  padding-top: 0.3rem;
  border: 1px solid #E3DCD4;
  font-size: 1.4rem;
  color: #676767;
  height: 3rem;
  line-height: 1;
}

.btn-accordion button:hover {
  color: var(--unnamed-color-000000);
  border-color: var(--unnamed-color-000000);
}

.btn-accordion button+button {
  margin-left: 1rem;
}

.btn-cta-default:hover {
  border: 1px solid #002C5F;
}

/*table-style1*/
.table-style1 {
  width: 100%;
}

.table-style1 .thead {
  border-top: 1px solid #E4DCD3;
  border-bottom: 1px solid #E4DCD3;
}

.table-style1 .thead .tr {
  displaY: table;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 500px) {
  .table-style1 .thead .tr {
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    text-align: center;
  }
}

.table-style1 .thead .tr .th {
  display: table-cell;
  text-align: center;
  border-left: 1px solid #E4DCD3;
  width: 50%;
  min-height: 5rem;
  padding: 1.55rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .table-style1 .thead .tr .th {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .table-style1 .thead .tr .th:first-child::after {
    content: "/";
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.table-style1 .thead .tr .th:first-child,
.table-style1 .thead .tr .td:first-child {
  border-left: 0;
}

.table-style1 .tbody {
  border-top: 1px solid #999999;
}

.table-style1 .tbody .tr {
  displaY: table;
  table-layout: fixed;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #E4DCD3;
}

@media (max-width: 500px) {
  .table-style1 .tbody .tr {
    displaY: block;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    text-align: center;
    padding: 2rem;
  }
}

.table-style1 .tbody .tr .td {
  display: table-cell;
  border-left: 1px solid #E4DCD3;
  padding: 2rem;
  vertical-align: middle;
}

.table-style1 .tbody .tr .td .dott {
  displaY: flex;
}

.table-style1 .tbody .tr .td .dott:before {
  content: "ㆍ";
  display: block;
}

.table-style1 .tbody .tr .td .dott span {
  display: block;
}

@media (max-width: 500px) {
  .table-style1 .tbody .tr .td {
    display: block;
    width: 100%;
    padding: 0.5rem;
    border-left: 0;
    text-align: left;
  }

  .table-style1 .tbody .tr .td:last-child {
    padding-left: 2rem;
  }
}

.table-style1 .tbody .tr .th:first-child,
.table-style1 .tbody .tr .td:first-child {
  border-left: 0;
}

.take-like {
  position: relative;
  margin: 0 auto;
  margin-top: 9rem;
}

@media (max-width: 500px) {
  .take-like {
    margin-top: 6rem;
    padding-bottom: 6rem;
  }
}

.take-like .inner {
  max-width: 110rem;
  padding-left: 0rem;
  padding-right: 0rem;
}

@media (max-width: 1024px) {
  .take-like .inner {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 500px) {
  .take-like .inner {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

@media (max-width: 500px) {
  .take-like .inner .slick-prev {
    left: 1rem;
  }
}

@media (max-width: 500px) {
  .take-like .inner .slick-next {
    right: 1rem;
  }
}

.take-like .inner .slick-prev,
.take-like .inner .slick-next {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media (max-width: 500px) {

  .take-like .inner .slick-prev,
  .take-like .inner .slick-next {
    top: 70%;
  }
}

.take-like .inner h2 {
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  margin-bottom: 5rem;
  font-size: 4rem;
  color: var(--unnamed-color-0000);
}

@media (max-width: 1024px) {
  .take-like .inner h2 {
    text-align: left;
  }
}

@media (max-width: 500px) {
  .take-like .inner h2 {
    text-align: left;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 3rem;
    margin-bottom: 0rem;
  }
}

.take-like .inner .btn-title {
  margin-bottom: 6rem;
}

@media (max-width: 500px) {
  .take-like .inner .btn-title {
    margin-bottom: 4rem;
  }
}

.take-like .inner .btn-title h2 {
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  font-size: 4rem;
  color: var(--unnamed-color-0000);
}

@media (max-width: 1024px) {
  .take-like .inner .btn-title h2 {
    text-align: left;
  }
}

@media (max-width: 500px) {
  .take-like .inner .btn-title h2 {
    text-align: left;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 3rem;
  }
}

.take-like .inner .list {
  displaY: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.take-like .inner .list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.take-like .inner .list .slick-slide+.slick-slide {
  margin-lefT: 0;
}

.take-like .inner .list .titem {
  max-width: 36rem;
}

@media (max-width: 1024px) {
  .take-like .inner .list .titem {
    width: 100%;
    max-width: 100%;
  }
}

.take-like .inner .list .titem dl dt {
  displaY: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 500px) {
  .take-like .inner .list .titem dl dt {
    padding-left: 3rem;
  }
}

.take-like .inner .list .titem dl dt em {
  color: var(--unnamed-color-999999);
  font-size: 1.2rem;
  font-style: normal;
}

.take-like .inner .list .titem dl dt span {
  font-size: 2.4rem;
  color: var(--unnamed-color-000000);
  font-weight: 600;
}

@media (max-width: 500px) {
  .take-like .inner .list .titem dl dt span {
    margin-top: 0.5rem;
  }
}

.take-like .inner .list .titem dl dd {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1rem;
}

@media (max-width: 500px) {
  .take-like .inner .list .titem dl dd {
    padding-left: 3rem;
  }
}

.take-like .inner .list .titem dl dd strong {
  font-size: 1.8rem;
  font-weight: 600;
}

.take-like .inner .list .titem dl dd span {
  margin-left: 0.5rem;
  font-size: 1.2rem;
  color: var(--unnamed-color-999999);
}

.take-like .inner .list .titem dl dd img {
  width: 100%;
}

.take-like .inner .list .titem dl dd+dd {
  margin-top: 2rem;
}

@media (max-width: 500px) {
  .take-like .inner .list .titem dl dd+dd {
    padding-left: 0rem;
  }
}

.take-like .inner .list .titem .paging-take {
  displaY: none;
}

@media (max-width: 500px) {
  .take-like .inner .list .titem .paging-take {
    displaY: block;
  }
}

.take-like .inner .list .titem+.titem {
  margin-left: 1rem;
}

.take-like .inner .btn-erm {
  position: absolute;
  top: 0;
  right: 0rem;
  color: #AAAAAA;
  font-size: 1.4rem;
  min-width: 20rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 1rem;
}

@media (max-width: 1024px) {
  .take-like .inner .btn-erm {
    right: 3rem;
  }
}

@media (max-width: 900px) {
  .take-like .inner .btn-erm {
    position: relative;
    right: 0rem;
  }
}

@media (max-width: 500px) {
  .take-like .inner .btn-erm {
    right: inherit;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 3rem;
  }
}

.b-line {
  border-top: 1px solid #E4DCD3;
  padding-top: 9rem;
}

@media (max-width: 500px) {
  .b-line {
    padding-top: 6rem;
  }
}

.disclaimer {
  border-top: 1px solid #E4DCD3;
  margin-top: 7rem;
}

@media (max-width: 500px) {
  .disclaimer {
    margin-bottom: 0;
    margin-top: 0rem;
  }
}

.disclaimer .accordion {
  border-top: 0;
  max-width: 110rem;
  margin: 0 auto;
  padding-left: 13rem;
  padding-right: 13rem;
}

@media (min-width: 1366px) {
  .disclaimer .accordion {
    width: 110rem;
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

@media (max-width: 1024px) {
  .disclaimer .accordion {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.disclaimer .accordion>dl>dt {
  font-size: 1.4rem;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 0;
}

.disclaimer .accordion>dl>dt:hover {
  color: var(--unnamed-color-000000);
}

.disclaimer .accordion>dl>dd {
  font-size: 1.2rem;
  color: var(--unnamed-color-999999);
  border-bottom: 0;
  background-color: #fff;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 15rem;
}

@media (max-width: 500px) {
  .disclaimer .accordion>dl>dd {
    padding-bottom: 9rem;
  }
}

.disclaimer .accordion>dl>dd ul li {
  margin-bottom: 2.5rem;
}

.disclaimer .accordion>dl>dd ul li p {
  font-size: 1.2rem;
  color: #676767;
}

.disclaimer .accordion>dl>dd ul li p strong {
  display: block;
  color: #000;
  margin-bottom: 0.5rem;
}

.take-like+.cc-btn-wrap {
  margin-top: 12rem;
}

@media (max-width: 1024px) {
  .take-like+.cc-btn-wrap {
    margin-top: 6rem;
  }
}

/*banner*/
/*btn4 or img*/
.banner-style1 {
  position: relative;
}

@media (max-width: 500px) {
  .banner-style1 {
    height: 100%;
  }
}

.banner-style1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #676767;
  opacity: 30%;
  z-index: 1;
}

.banner-style1 .bg {
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 9rem;
  padding-bottom: 8rem;
}

@media (max-width: 500px) {
  .banner-style1 .bg {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-position: center;
    background-size: auto 100%;
  }
}

.banner-style1 .inner {
  z-index: 2;
}

.banner-style1 .inner h2 {
  color: #fff;
}

.banner-style1 .inner h2 strong {
  font-size: 5rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .banner-style1 .inner h2 strong {
    font-size: 3.5rem;
  }
}

.banner-style1 .inner h2 p {
  font-size: 2rem;
  margin-top: 2rem;
}

@media (max-width: 500px) {
  .banner-style1 .inner h2 p {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
}

.banner-style1 .inner .list-warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 900px) {
  .banner-style1 .inner .list-warp {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 500px) {
  .banner-style1 .inner .list-warp {
    margin-top: 3rem;
  }
}

.banner-style1 .inner .list-warp a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

@media (max-width: 1024px) {
  .banner-style1 .inner .list-warp a {
    width: 25%;
    border: 1px solid #fff;
  }
}

@media (max-width: 900px) {
  .banner-style1 .inner .list-warp a {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
}

@media (max-width: 500px) {
  .banner-style1 .inner .list-warp a {
    width: 100%;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}

.banner-style1 .inner .list-warp a dl {
  displaY: flex;
  height: 21rem;
  width: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #fff;
  background-color: #00000066;
  padding: 4.5rem 2.5rem;
  color: #fff;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

@media (max-width: 1024px) {
  .banner-style1 .inner .list-warp a dl {
    width: 100%;
    border: 0;
  }
}

@media (max-width: 500px) {
  .banner-style1 .inner .list-warp a dl {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 3rem;
  }
}

.banner-style1 .inner .list-warp a dl dt {
  font-weight: 600;
  font-size: 3rem;
  line-height: 1;
}

@media (max-width: 500px) {
  .banner-style1 .inner .list-warp a dl dt {
    font-size: 2rem;
  }
}

.banner-style1 .inner .list-warp a dl dd {
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  margin-top: 2rem;
}

@media (max-width: 500px) {
  .banner-style1 .inner .list-warp a dl dd {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
}

.banner-style1 .inner .list-warp a dl::after {
  content: "";
  displaY: block;
  position: absolute;
  right: 2.3rem;
  bottom: 2.3rem;
  width: 1rem;
  height: 2rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/assets/images/button/icon-btn-arrow-w.svg);
}

@media (max-width: 500px) {
  .banner-style1 .inner .list-warp a dl::after {
    font-size: 1.8rem;
    bottom: inherit;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.banner-style1 .inner .list-warp a+a {
  margin-left: 1rem;
}

@media (max-width: 900px) {
  .banner-style1 .inner .list-warp a+a {
    margin-left: 0rem;
  }
}

@media (max-width: 500px) {
  .banner-style1 .inner .list-warp a+a {
    margin-top: 1rem;
  }
}

.need-more {
  border-bottom: 1px solid #E3DCD4;
  background-color: #fff;
  padding-bottom: 6rem;
}

@media (max-width: 500px) {
  .need-more {
    margin-top: 6rem;
  }
}

.need-more .inner h2 {
  font-size: 3rem;
  font-weight: 600;
  padding-bottom: 3rem;
}

@media (max-width: 500px) {
  .need-more .inner h2 {
    font-size: 2.4rem;
  }
}

.need-more .inner .cc-btn-wrap {
  margin-top: 3rem;
}

@media (max-width: 500px) {
  .need-more .inner .cc-btn-wrap {
    margin-top: 0;
  }
}

/*banner-style2*/
.banner-style2 {
  padding-top: 6rem;
}

@media (max-width: 500px) {
  .banner-style2 {
    padding-top: 6rem;
  }
}

.banner-style2 .inner h2 {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 3rem;
}

@media (max-width: 500px) {
  .banner-style2 .inner h2 p {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 2.4rem;
    text-align: left;
    width: 83%;
  }
}

.banner-style2 .inner h2 i {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-coment-edit.svg);
}

@media (max-width: 500px) {
  .banner-style2 .inner h2 i {
    margin-left: 0;
  }
}

.banner-style2 .inner .btn-task {
  margin: 0 auto;
  margin-top: 0;
}

.access-list-warp {
  margin-top: 3rem;
}

@media (max-width: 500px) {
  .access-list-warp .inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.access-list-warp .inner .access-list {
  -webkit-columns: 3;
  columns: 3;
  -webkit-column-gap: 1;
  column-gap: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .access-list-warp .inner .access-list {
    -webkit-columns: 2;
    columns: 2;
    display: inherit;
  }
}

@media (max-width: 800px) {
  .access-list-warp .inner .access-list {
    -webkit-columns: 2;
    columns: 2;
    display: inherit;
  }
}

@media (max-width: 500px) {
  .access-list-warp .inner .access-list {
    -webkit-columns: 1;
    columns: 1;
    display: inherit;
  }
}

.access-list-warp .inner .access-list .item {
  displaY: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 36rem;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden;
  padding-bottom: 5rem;
  margin-right: 1rem;
}

@media (max-width: 1024px) {
  .access-list-warp .inner .access-list .item {
    width: 100%;
    padding-bottom: 0;
  }
}

.access-list-warp .inner .access-list .item>p {
  width: 36rem;
  height: 36rem;
}

@media (max-width: 1024px) {
  .access-list-warp .inner .access-list .item>p {
    width: 100%;
  }
}

.access-list-warp .inner .access-list .item>p img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.access-list-warp .inner .access-list .item dl {
  margin-top: 2rem;
}

.access-list-warp .inner .access-list .item dl dt {
  position: relative;
}

.access-list-warp .inner .access-list .item dl dt em {
  font-size: 1.4rem;
  font-style: normal;
  color: #999;
}

.access-list-warp .inner .access-list .item dl dt p {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
  line-height: 1;
  margin-top: 0.5rem;
}

@media (max-width: 500px) {
  .access-list-warp .inner .access-list .item dl dt::after {
    content: "";
    position: absolute;
    right: 3rem;
    bottom: 2rem;
    display: block;
    min-width: 2rem;
    height: 1rem;
    background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-arrow-acc.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.access-list-warp .inner .access-list .item dl dt p.price {
  font-size: 1.8rem;
  margin-top: 1.5rem;
  font-weight: 400;
}

@media (max-width: 500px) {
  .access-list-warp .inner .access-list .item dl dt {
    border-bottom: 1px solid #E4DCD3;
    padding-bottom: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 500px) {
  .access-list-warp .inner .access-list .item dl dt.active::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}

.access-list-warp .inner .access-list .item dl dd {
  margin-top: 3rem;
}

@media (max-width: 500px) {
  .access-list-warp .inner .access-list .item dl dd {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 5rem;
  }
}

.access-list-warp .inner .access-list .item dl dd p {
  width: 90%;
  font-size: 1.4rem;
  color: #000;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.access-list-warp .inner .access-list .item dl dd ul {
  margin-top: 1.5rem;
}

.access-list-warp .inner .access-list .item dl dd ul li {
  font-size: 1.4rem;
}

.access-list-warp .inner .access-list .item dl dd ul li::before {
  content: "ㆍ";
  displaY: inline-block;
}

.access-list-warp .inner .access-list .item:nth-child(3n) {
  margin-right: 0;
}

.title-text {
  font-size: 2rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 2rem;
}

.highlights h3 {
  font-size: 3rem;
  font-weight: 600;
}

.highlights .highlights-list {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.highlights .highlights-list .slick-prev,
.highlights .highlights-list .slick-next {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.highlights .highlights-list .slick-prev {
  left: -3rem;
}

.highlights .highlights-list .slick-next {
  right: -3rem;
}

.highlights .highlights-list p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border: 1px solid #E3DCD3;
  max-width: 36rem;
  height: 15.5rem;
  padding: 3.5rem;
  font-size: 1.8rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

@media (max-width: 1024px) {
  .highlights .highlights-list p {
    max-width: 30rem;
    text-align: left;
  }
}

.search-list {
  -webkit-columns: 3;
  columns: 3;
  -webkit-column-gap: 1;
  column-gap: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  .search-list {
    -webkit-columns: 2;
    columns: 2;
    display: inherit;
  }
}

@media (max-width: 500px) {
  .search-list {
    -webkit-columns: 1;
    columns: 1;
    display: inherit;
  }
}

.search-list .item {
  displaY: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 36rem;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden;
  padding-bottom: 5rem;
  margin-right: 1rem;
}

@media (max-width: 1024px) {
  .search-list .item {
    width: 32%;
  }
}

@media (max-width: 800px) {
  .search-list .item {
    width: 100%;
  }
}

.search-list .item a>p {
  width: 36rem;
  height: 20.2rem;
}

@media (max-width: 800px) {
  .search-list .item a>p {
    width: 100%;
  }
}

.search-list .item a>p img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.search-list .item a p.movie {
  position: relative;
}

.search-list .item a p.movie::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.search-list .item a p.movie::after {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://www.beijing-hyundai.com.cn/assets/home2023/assets/images/button/btn-play.svg) no-repeat;
  background-size: contain;
  z-index: 3;
}

.search-list .item a dl {
  margin-top: 2rem;
}

@media (max-width: 500px) {
  .search-list .item a dl {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.search-list .item a dl dt em {
  font-size: 1.4rem;
  font-style: normal;
  color: #999;
}

.search-list .item a dl dt p {
  font-size: 2.4rem;
  font-weight: 600;
  color: #000;
  line-height: 1;
  margin-top: 0.5rem;
}

.search-list .item a dl dd {
  margin-top: 1rem;
}

.search-list .item a dl dd p {
  font-size: 1.4rem;
  color: #999;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.search-list .item a dl dd p::before {
  content: "ㆍ";
  displaY: inline-block;
}

.search-list .item:nth-child(3n) {
  margin-right: 0;
}

.search-list .item:nth-last-child(-n+3) {
  padding-bottom: 0;
}

@media (max-width: 900px) {
  .search-list .item:nth-last-child(-n+3) {
    padding-bottom: 5rem;
  }
}

@media (max-width: 500px) {
  .search-list .item:last-child {
    padding-bottom: 0;
  }
}

.procedures-warp .procedures-list {
  displaY: flex;
  width: 110rem;
  margin-top: 4rem;
}

@media (max-width: 1024px) {
  .procedures-warp .procedures-list {
    width: 100%;
  }
}

.procedures-warp .procedures-list .slick-track {
  displaY: flex;
}

.procedures-warp .procedures-list .slick-prev {
  left: -3rem;
}

.procedures-warp .procedures-list .slick-next {
  right: -3rem;
}

.procedures-warp .procedures-list .slick-prev,
.procedures-warp .procedures-list .slick-next {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.procedures-warp .procedures-list .list-item {
  height: 29.5rem;
  width: 25%;
  background-color: #fff;
  padding: 3rem;
  border: 1px solid #E4DCD3;
}

@media (max-width: 1024px) {
  .procedures-warp .procedures-list .list-item {
    min-height: 29.5rem;
    height: 100%;
    padding: 2.5rem;
  }
}

@media (max-width: 500px) {
  .procedures-warp .procedures-list .list-item {
    max-width: 30rem;
  }
}

@media (max-width: 500px) {
  .procedures-warp .procedures-list .list-item dl {
    max-width: 30rem;
  }
}

.procedures-warp .procedures-list .list-item dl dt {
  border-bottom: 1px solid #E4DCD3;
  padding-bottom: 3rem;
  margin-bottom: 2rem;
}

.procedures-warp .procedures-list .list-item dl dt em,
.procedures-warp .procedures-list .list-item dl dt span,
.procedures-warp .procedures-list .list-item dl dt p {
  display: block;
  font-style: normal;
}

.procedures-warp .procedures-list .list-item dl dt em {
  font-size: 2rem;
}

.procedures-warp .procedures-list .list-item dl dt span {
  font-size: 1.4rem;
  color: #999;
  margin-top: 2rem;
}

.procedures-warp .procedures-list .list-item dl dt p {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 1rem;
  min-height: 5rem;
}

@media (max-width: 500px) {
  .procedures-warp .procedures-list .list-item dl dt p {
    font-size: 2.2rem;
  }
}

.procedures-warp .procedures-list .list-item dl dd {
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  font-size: 1.6rem;
}

@media (max-width: 500px) {
  .procedures-warp .procedures-list .list-item dl dd {
    font-size: 1.4rem;
  }
}

.not-available::before {
  content: "Not available \A at this moment";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 9.5rem;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
}

.manual-list {
  -webkit-columns: 3;
  columns: 3;
  -webkit-column-gap: 1;
  column-gap: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 3rem;
}

@media (max-width: 800px) {
  .manual-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-columns: inherit;
    columns: inherit;
    -webkit-column-gap: inherit;
    column-gap: inherit;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 500px) {
  .manual-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.manual-list .item {
  displaY: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 36rem;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden;
  margin-right: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #E4DCD3;
}

@media (max-width: 1024px) {
  .manual-list .item {
    width: 32%;
  }
}

@media (max-width: 800px) {
  .manual-list .item {
    width: calc(50% - 5px);
    margin-right: 0;
  }
}

@media (max-width: 500px) {
  .manual-list .item {
    width: 100%;
  }
}

.manual-list .item a dl {
  displaY: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  height: 20rem;
  padding: 3rem 2rem 2rem 3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.manual-list .item a dl dt em {
  font-size: 1.4rem;
  font-style: normal;
  color: #999;
}

.manual-list .item a dl dt p {
  font-size: 2rem;
  font-weight: 600;
  color: #000;
  line-height: 1;
}

.manual-list .item a dl dd em {
  font-size: 1.4rem;
  font-style: normal;
  color: #999;
}

.manual-list .item a dl dd p {
  font-size: 1.4rem;
  color: #999;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.manual-list .item a dl.link::after,
.manual-list .item a dl.down::after {
  content: "";
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.manual-list .item a dl.link::after {
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-link.svg);
}

.manual-list .item a dl.down::after {
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-down.svg);
}

.manual-list .item:nth-child(3n) {
  margin-right: 0;
}

.faq-warp {
  background-color: #F6F3F2;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

@media (max-width: 500px) {
  .faq-warp {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media (max-width: 500px) {
  .faq-warp .inner {
    padding-right: 0;
  }
}

.faq-warp .inner ul {
  -webkit-columns: 3;
  columns: 3;
  -webkit-column-gap: 1rem;
  column-gap: 1rem;
  width: 110rem;
  margin-top: 4rem;
}

@media (max-width: 1024px) {
  .faq-warp .inner ul {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .faq-warp .inner ul {
    -webkit-columns: inherit;
    columns: inherit;
    -webkit-column-gap: inherit;
    column-gap: inherit;
    margin-top: 3rem;
  }
}

@media (max-width: 500px) {
  .faq-warp .inner ul .slick-slide {
    width: 30rem;
  }
}

.faq-warp .inner ul li {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden;
  background-color: #fff;
  padding: 3rem;
  border: 1px solid #E4DCD3;
}

@media (max-width: 500px) {
  .faq-warp .inner ul li {
    -webkit-column-break-inside: inherit;
    break-inside: inherit;
    page-break-inside: inherit;
    overflow: inherit;
    width: 30rem;
  }
}

.faq-warp .inner ul li dl dt {
  border-bottom: 1px solid #E4DCD3;
  padding-bottom: 3rem;
  margin-bottom: 2rem;
}

.faq-warp .inner ul li dl dt em,
.faq-warp .inner ul li dl dt span,
.faq-warp .inner ul li dl dt p {
  display: block;
  font-style: normal;
}

.faq-warp .inner ul li dl dt em {
  font-size: 2rem;
}

.faq-warp .inner ul li dl dt span {
  font-size: 1.4rem;
  color: #999;
  margin-top: 2rem;
}

.faq-warp .inner ul li dl dt p {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 1rem;
}

@media (max-width: 500px) {
  .faq-warp .inner ul li dl dt p {
    font-size: 2.2rem;
  }
}

.faq-warp .inner ul li dl dd {
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  font-size: 1.6rem;
}

@media (max-width: 500px) {
  .faq-warp .inner ul li dl dd {
    font-size: 1.4rem;
  }
}

.banner-stytle3 {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-stytle3 .bg-dim-box {
  padding-top: 9rem;
  padding-bottom: 8rem;
}

@media (max-width: 800px) {
  .banner-stytle3 .bg-dim-box {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.banner-stytle3 .inner {
  z-index: 2;
}

.banner-stytle3 .inner .h2-title-text-box h2 {
  font-size: 5rem;
  font-weight: 600;
  margin-bottom: 3rem;
  color: var(--unnamed-color-ffffff);
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .h2-title-text-box h2 {
    font-size: 3.5rem;
  }
}

.banner-stytle3 .inner .h2-title-text-box p {
  font-size: 2rem;
  font-family: "HyundaiSansHeadCN";
  font-weight: 400;
  color: var(--unnamed-color-ffffff);
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .h2-title-text-box p {
    font-size: 1.8rem;
  }
}

.banner-stytle3 .inner .btn-wrap {
  margin-top: 5rem;
  displaY: flex;
  direction: ltr;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap {
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.banner-stytle3 .inner .btn-wrap .btn-img {
  position: relative;
  max-height: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 3rem;
  border: 1px solid #FFFFFF;
  background-color: #00000066;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-img {
    min-height: 9rem;
    padding: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5rem;
  }
}

.banner-stytle3 .inner .btn-wrap .btn-img .img-size__70 {
  width: 6.5rem;
  height: 6.5rem;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-img .img-size__70 {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.banner-stytle3 .inner .btn-wrap .btn-img .img-size__70 img {
  width: 6.5rem;
  height: 6.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-img .img-size__70 img {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.banner-stytle3 .inner .btn-wrap .btn-img p {
  color: var(--unnamed-color-ffffff);
  font-weight: 600;
  font-size: 1.6rem;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-img p img {
    width: 4.5rem;
    height: 4.5rem;
  }
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-img p {
    font-size: 1.4rem;
  }
}

.banner-stytle3 .inner .btn-wrap .btn-img p+p {
  margin-top: 1rem;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-img p+p {
    margin-left: 2rem;
    margin-top: 0rem;
  }
}

.banner-stytle3 .inner .btn-wrap .btn-img::after {
  content: "";
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 1rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://www.beijing-hyundai.com.cn/assets/home2023/images/button/icon-btn-arrow-w.svg");
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-img::after {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.banner-stytle3 .inner .btn-wrap .btn-img:hover {
  background-color: #002C5F;
}

.banner-stytle3 .inner .btn-wrap .btn-img+.btn-img {
  margin-left: 1rem;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-img+.btn-img {
    margin-left: 0rem;
    border-top: 0;
  }
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-img:nth-child(2) {
    border-top: 1px solid #FFFFFF;
  }
}

.banner-stytle3 .inner .btn-wrap .btn-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding-left: 5rem;
  padding-top: 6rem;
  padding-bottom: 8rem;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-flex {
    height: 9rem;
    padding: inherit;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
  }
}

.banner-stytle3 .inner .btn-wrap .btn-flex p {
  color: var(--unnamed-color-ffffff);
  font-weight: 600;
  font-size: 2.4rem;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-flex p {
    font-size: 1.6rem;
  }
}

.banner-stytle3 .inner .btn-wrap .btn-flex p+p {
  margin-left: 2.5rem;
  margin-top: 0;
}

@media (max-width: 800px) {
  .banner-stytle3 .inner .btn-wrap .btn-flex p+p {
    margin-left: 2rem;
  }
}

.banner-style4 {
  position: relative;
  background-color: #E4DCD3;
  padding-top: 9rem;
  padding-bottom: 8rem;
}

@media (max-width: 800px) {
  .banner-style4 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.banner-style4 .inner {
  z-index: 2;
}

.banner-style4 .inner .h2-title-text-box h2 {
  font-size: 5rem;
  font-weight: 600;
  margin-bottom: 3rem;
  color: var(--unnamed-color-000000);
}

@media (max-width: 800px) {
  .banner-style4 .inner .h2-title-text-box h2 {
    font-size: 3.5rem;
    margin-bottom: 2rem;
  }
}

.banner-style4 .inner .h2-title-text-box p {
  font-size: 2rem;
  font-family: "HyundaiSansHeadCN";
  font-weight: 400;
  color: var(--unnamed-color-000000);
}

@media (max-width: 800px) {
  .banner-style4 .inner .h2-title-text-box p {
    font-size: 1.8rem;
  }
}

.banner-style4 .inner .btn-wrap {
  margin-top: 5rem;
  displaY: flex;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap {
    margin-top: 3rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.banner-style4 .inner .btn-wrap .btn-img {
  position: relative;
  max-height: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 3rem;
  border: 1px solid #ffffff;
  background-color: #FFFFFF66;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-img {
    min-height: 9rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5rem;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}

.banner-style4 .inner .btn-wrap .btn-img .img-size__70 {
  width: 6.5rem;
  height: 6.5rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-img .img-size__70 {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.banner-style4 .inner .btn-wrap .btn-img .img-size__70 img {
  width: 6.5rem;
  height: 6.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-img .img-size__70 img {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.banner-style4 .inner .btn-wrap .btn-img p {
  color: var(--unnamed-color-000000);
  font-weight: 600;
  font-size: 1.6rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-img p img {
    width: 4.5rem;
    height: 4.5rem;
  }
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-img p {
    font-size: 1.4rem;
  }
}

.banner-style4 .inner .btn-wrap .btn-img p+p {
  margin-top: 1rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-img p+p {
    margin-left: 0rem;
    margin-top: 1.2rem;
  }
}

.banner-style4 .inner .btn-wrap .btn-img::after {
  content: "";
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 1rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../image/icon-mmove.svg");
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-img::after {
    top: 80%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.banner-style4 .inner .btn-wrap .btn-img:hover {
  background-color: #002C5F;
  color: #fff;
}

.banner-style4 .inner .btn-wrap .btn-img:hover p {
  color: #fff;
}

.banner-style4 .inner .btn-wrap .btn-img:hover p img {
  -webkit-filter: invert(100);
  filter: invert(100);
}

@media (max-width: 800px) {

  .banner-style4 .inner .btn-wrap .btn-img:nth-child(2),
  .banner-style4 .inner .btn-wrap .btn-img:nth-child(3) {
    width: 50%;
    min-height: 16rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.banner-style4 .inner .btn-wrap .btn-img+.btn-img {
  margin-left: 1rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-img+.btn-img {
    margin-left: 0rem;
    border-left: 0;
    padding: 2.3rem 1.8rem;
  }
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-img:nth-child(2) {
    border-left: 1px solid #fff;
  }
}

.banner-style4 .inner .btn-wrap .btn-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding-left: 5rem;
  padding-top: 6rem;
  padding-bottom: 8rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-flex {
    height: 9rem;
    padding: inherit;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    width: 100%;
  }
}

.banner-style4 .inner .btn-wrap .btn-flex p {
  color: var(--unnamed-color-000000);
  font-weight: 600;
  font-size: 2.4rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-flex p {
    font-size: 1.6rem;
  }
}

.banner-style4 .inner .btn-wrap .btn-flex p+p {
  margin-left: 2.5rem;
  margin-top: 0;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-flex p+p {
    margin-left: 0 rem;
  }
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap .btn-flex::after {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.banner-style4 .inner .btn-wrap-tow {
  margin-top: 5rem;
  displaY: flex;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow {
    margin-top: 3rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 500px) {
  .banner-style4 .inner .btn-wrap-tow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-img {
  position: relative;
  max-height: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 3rem;
  border: 1px solid #ffffff;
  background-color: #FFFFFF66;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-img {
    min-height: 9rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5rem;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-img .img-size__70 {
  width: 6.5rem;
  height: 6.5rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-img .img-size__70 {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-img .img-size__70 img {
  width: 6.5rem;
  height: 6.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-img .img-size__70 img {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-img p {
  color: var(--unnamed-color-000000);
  font-weight: 600;
  font-size: 1.6rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-img p img {
    width: 4.5rem;
    height: 4.5rem;
  }
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-img p {
    font-size: 1.4rem;
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-img p+p {
  margin-top: 1rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-img p+p {
    margin-left: 0rem;
    margin-top: 1.2rem;
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-img::after {
  content: "";
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 1rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../image/icon-mmove.svg");
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-img::after {
    top: 80%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media (max-width: 800px) {

  .banner-style4 .inner .btn-wrap-tow .btn-img:nth-child(1),
  .banner-style4 .inner .btn-wrap-tow .btn-img:nth-child(2) {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 500px) {

  .banner-style4 .inner .btn-wrap-tow .btn-img:nth-child(1) p+p,
  .banner-style4 .inner .btn-wrap-tow .btn-img:nth-child(2) p+p {
    margin-left: 2rem;
    margin-top: 0;
  }
}

@media (max-width: 500px) {

  .banner-style4 .inner .btn-wrap-tow .btn-img:nth-child(1)::after,
  .banner-style4 .inner .btn-wrap-tow .btn-img:nth-child(2)::after {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-img+.btn-img {
  margin-left: 1rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-img+.btn-img {
    margin-left: 0rem;
    border-left: 0;
    padding: 2.3rem 1.8rem;
  }
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-img:nth-child(2) {
    border-left: 0;
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding-left: 5rem;
  padding-top: 6rem;
  padding-bottom: 8rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-flex {
    height: 9rem;
    padding: inherit;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    width: 100%;
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-flex p {
  color: var(--unnamed-color-000000);
  font-weight: 600;
  font-size: 2.4rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-flex p {
    font-size: 1.6rem;
  }
}

.banner-style4 .inner .btn-wrap-tow .btn-flex p+p {
  margin-left: 2.5rem;
}

@media (max-width: 800px) {
  .banner-style4 .inner .btn-wrap-tow .btn-flex p+p {
    margin-left: 0rem;
  }
}

.banner-style6 {
  position: relative;
  padding-top: 9rem;
  padding-bottom: 8rem;
}

@media (max-width: 800px) {
  .banner-style6 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.banner-style6 .inner {
  z-index: 2;
}

.banner-style6 .inner .h2-title-text-box h2 {
  font-size: 5rem;
  font-weight: 600;
  margin-bottom: 3rem;
  color: var(--unnamed-color-000000);
}

@media (max-width: 800px) {
  .banner-style6 .inner .h2-title-text-box h2 {
    font-size: 4.5rem;
    margin-bottom: 2rem;
  }
}

@media (max-width: 500px) {
  .banner-style6 .inner .h2-title-text-box h2 {
    font-size: 3.5rem;
  }
}

.banner-style6 .inner .h2-title-text-box p {
  font-size: 2rem;
  font-family: "HyundaiSansHeadCN";
  font-weight: 400;
  color: var(--unnamed-color-000000);
}

@media (max-width: 800px) {
  .banner-style6 .inner .h2-title-text-box p {
    font-size: 1.8rem;
  }
}

.banner-style6 .inner .btn-wrap {
  margin-top: 5rem;
  displaY: flex;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap {
    margin-top: 3rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.banner-style6 .inner .btn-wrap .btn-img {
  position: relative;
  max-height: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 3rem;
  border: 1px solid #ffffff;
  background-color: #FFFFFF66;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-img {
    min-height: 9rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.5rem;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}

.banner-style6 .inner .btn-wrap .btn-img .img-size__70 {
  width: 6.5rem;
  height: 6.5rem;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-img .img-size__70 {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.banner-style6 .inner .btn-wrap .btn-img .img-size__70 img {
  width: 6.5rem;
  height: 6.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-img .img-size__70 img {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.banner-style6 .inner .btn-wrap .btn-img p {
  color: var(--unnamed-color-000000);
  font-weight: 600;
  font-size: 1.6rem;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-img p img {
    width: 4.5rem;
    height: 4.5rem;
  }
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-img p {
    font-size: 1.4rem;
  }
}

.banner-style6 .inner .btn-wrap .btn-img p+p {
  margin-top: 1rem;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-img p+p {
    margin-left: 0rem;
    margin-top: 1.2rem;
  }
}

.banner-style6 .inner .btn-wrap .btn-img::after {
  content: "";
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  width: 1rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../image/icon-mmove.svg");
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-img::after {
    top: 80%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media (max-width: 800px) {

  .banner-style6 .inner .btn-wrap .btn-img:nth-child(2),
  .banner-style6 .inner .btn-wrap .btn-img:nth-child(3) {
    width: 50%;
    min-height: 16rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.banner-style6 .inner .btn-wrap .btn-img+.btn-img {
  margin-left: 1rem;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-img+.btn-img {
    margin-left: 0rem;
    border-left: 0;
    padding: 2.3rem 1.8rem;
  }
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-img:nth-child(2) {
    border-left: 1px solid #fff;
  }
}

.banner-style6 .inner .btn-wrap .btn-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding-left: 5rem;
  padding-top: 6rem;
  padding-bottom: 8rem;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-flex {
    height: 9rem;
    padding: inherit;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    -webkit-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    width: 100%;
  }
}

.banner-style6 .inner .btn-wrap .btn-flex p {
  color: var(--unnamed-color-000000);
  font-weight: 600;
  font-size: 2.4rem;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-flex p {
    font-size: 1.6rem;
  }
}

.banner-style6 .inner .btn-wrap .btn-flex p+p {
  margin-left: 2.5rem;
  margin-top: 0;
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-flex p+p {
    margin-left: rem;
  }
}

@media (max-width: 800px) {
  .banner-style6 .inner .btn-wrap .btn-flex::after {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.banner-style5 {
  padding-top: 9rem;
}

@media (max-width: 500px) {
  .banner-style5 {
    padding-top: 6rem;
  }
}

.banner-style5 h2 {
  max-width: 110rem;
  margin: 0 auto;
  font-size: 4rem;
  font-weight: 600;
}

@media (max-width: 1200px) {
  .banner-style5 h2 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.banner-style5 .promotion {
  padding-top: 9rem;
  padding-bottom: 9rem;
  margin-top: 4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-style5 .promotion dl {
  position: relative;
  width: 110rem;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .banner-style5 .promotion dl {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.banner-style5 .promotion dl dt {
  color: var(--unnamed-color-00aad2);
  font-size: 1.6rem;
}

.banner-style5 .promotion dl dd {
  font-size: 3rem;
  font-weight: 600;
  color: var(--unnamed-color-ffffff);
  margin-top: 1rem;
}

.banner-style5 .promotion dl dd a {
  font-size: 3rem;
  font-weight: 600;
  color: var(--unnamed-color-ffffff);
  margin-top: 1rem;
}

@media (max-width: 1024px) {
  .banner-style5 .promotion dl dd {
    width: 80%;
  }
}

.banner-style5 .promotion dl::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 3rem;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../image/icon-mmove.svg);
}

@media (max-width: 1200px) {
  .banner-style5 .promotion dl::after {
    right: 3rem;
  }
}

.banner-style5 .configuration {
  margin-top: 4rem;
}

.banner-style5 .configuration a {
  min-width: 30rem;
  display: block;
  text-align: center;
}

.banner-style6 .inner .banner-img-box {
  height: 52rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 5rem;
}

@media (max-width: 1024px) {
  .banner-style6 .inner .banner-img-box {
    min-height: 40rem;
    height: 100%;
  }
}

.banner-style6 .inner a {
  width: 100%;
}

@media (max-width: 500px) {
  .banner-style6 .inner a {
    height: 100%;
  }
}

.banner-style6 .inner a dl {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 4rem;
  width: 100%;
}

@media (max-width: 500px) {
  .banner-style6 .inner a dl {
    height: 100%;
    min-height: 40rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.banner-style6 .inner a dl dt {
  position: relative;
  font-size: 3rem;
  font-weight: 600;
  color: #fff;
}

.banner-style6 .inner a dl dt::after {
  content: "";
  position: absolute;
  right: 2rem;
  bottom: 1rem;
  width: 1rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://www.beijing-hyundai.com.cn/assets/home2023/images/button/icon-btn-arrow-w.svg");
}

@media (max-width: 800px) {
  .banner-style6 .inner a dl dt::after {
    top: 80%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.banner-style6 .inner a dl dd {
  font-size: 2rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  color: #fff;
  margin-top: 2rem;
}

.banner-style6 .inner .cc-btn-wrap {
  margin-top: 5rem;
}

.banner-style7 {
  background-color: #F6F3F2;
  padding-top: 5rem;
  padding-bottom: 4rem;
}

@media (max-width: 500px) {
  .banner-style7 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.banner-style7 .inner {
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 900px) {
  .banner-style7 .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.banner-style7 .inner div {
  position: relative;
  width: calc(100% /3);
}

@media (max-width: 900px) {
  .banner-style7 .inner div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.banner-style7 .inner div p {
  font-size: 1.8rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .banner-style7 .inner div p {
    font-size: 1.6rem;
  }
}

.banner-style7 .inner div p img {
  width: 6.5rem;
  height: 6.5rem;
}

@media (max-width: 500px) {
  .banner-style7 .inner div p img {
    width: 3.5rem;
    height: 3.5rem;
  }
}

.banner-style7 .inner div p+p {
  margin-top: 2rem;
  width: 24rem;
}

@media (max-width: 900px) {
  .banner-style7 .inner div p+p {
    margin-left: 2rem;
    margin-top: 0rem;
    max-width: 70%;
  }
}

.banner-style7 .inner div::after {
  content: "";
  position: absolute;
  right: 2.5rem;
  bottom: 1rem;
  width: 1rem;
  height: 2rem;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../image/icon-mmove.svg);
}

.banner-style7 .inner div+div {
  border-left: 1px solid #E4DCD3;
  padding-left: 2rem;
}

@media (max-width: 900px) {
  .banner-style7 .inner div+div {
    padding-left: 0rem;
    border-left: 0;
    border-top: 1px solid #E4DCD3;
    padding-top: 2rem;
    margin-top: 2rem;
  }
}

.property {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 800px) {
  .property {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .property {
    margin-top: 0;
  }
}

.property .unit {
  max-width: 32rem;
}

@media (max-width: 800px) {
  .property .unit {
    margin-top: 3rem;
  }
}

.property .unit p {
  width: 8rem;
  height: 8rem;
}

.property .unit p img {
  -o-object-fit: contain;
  object-fit: contain;
}

.property .unit dl {
  margin-top: 3rem;
}

@media (max-width: 800px) {
  .property .unit dl {
    margin-top: 2rem;
  }
}

.property .unit dl dt {
  font-size: 2.4rem;
  font-weight: 600;
}

.property .unit dl dd {
  margin-top: 1.5rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  font-size: 1.6rem;
}

.select-dealer-warp {
  margin-top: 6rem;
}

@media (max-width: 500px) {
  .select-dealer-warp {
    margin-top: 6rem;
  }
}

@media (max-width: 500px) {
  .select-dealer-warp .inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.select-dealer-warp .inner h2 {
  font-size: 4rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner h2 {
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 3rem;
  }
}

.select-dealer-warp .inner .zip-code {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #E4DCD3;
  height: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 4rem;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .zip-code {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

.select-dealer-warp .inner .zip-code input[type="text"] {
  width: 95%;
  padding-left: 2rem;
  font-size: 1.4rem;
}

.select-dealer-warp .inner .zip-code i {
  displaY: block;
  width: 2.1rem;
  height: 2.1rem;
}

.select-dealer-warp .inner .filter-warp {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .filter-warp {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

.select-dealer-warp .inner .filter-warp .filtet-zip-code {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #E4DCD3;
  height: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .filter-warp .filtet-zip-code {
    margin-right: 1rem;
  }
}

.select-dealer-warp .inner .filter-warp .filtet-zip-code input[type="text"] {
  width: 95%;
  padding-left: 2rem;
  font-size: 1.4rem;
}

.select-dealer-warp .inner .filter-warp .filtet-zip-code i {
  displaY: block;
  width: 2.1rem;
  height: 2.1rem;
}

.select-dealer-warp .inner .filter-warp .filter-pop {
  display: none;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .filter-warp .filter-pop {
    display: block;
  }
}

.select-dealer-warp .inner .filter-warp .filter-pop i {
  width: 4rem;
  height: 4rem;
  displaY: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.select-dealer-warp .inner .filter-pop {
  display: none;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .filter-pop {
    display: block;
  }
}

.select-dealer-warp .inner .filter-pop i {
  width: 4rem;
  height: 4rem;
  displaY: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.select-dealer-warp .inner .dealer-map-warp {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-map-warp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-map {
  width: 71.9rem;
}

@media (max-width: 1024px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-map {
    width: 50%;
  }
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-map {
    width: 100%;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-map iframe {
  width: 100%;
  height: 52rem;
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-map iframe {
    height: 28.7rem;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list {
  position: relative;
  padding-left: 3rem;
  /*딜러팝업*/
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list {
    padding-left: 0rem;
    margin-top: 4rem;
  }
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list {
    padding-left: 3rem;
    padding-right: 3rem;
    position: inherit;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li {
  border-bottom: 1px solid #E4DCD3;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li dl dt {
  font-size: 1.8rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li dl dt {
    font-size: 1.6rem;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li dl dt p {
  max-width: 80%;
  display: inline-block;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li dl dt button {
  display: inline-block;
  margin-left: 1rem;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li dl dt button i {
  displaY: block;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li dl dd {
  font-size: 1.6rem;
  margin-top: 1.5rem;
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li dl dd {
    font-size: 1.4rem;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li .string {
  font-weight: 600;
  font-size: 1.6rem;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li:first-child {
  padding-top: 0;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li:last-child {
  border-bottom: 0;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .list-inner ul li:last-child {
    border-bottom: 1px solid #E4DCD3;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view {
  position: absolute;
  left: 3rem;
  top: 0;
  width: 38rem;
  max-height: 52.6rem;
  background-color: #fff;
  overflow-y: auto;
  z-index: 10;
  overflow-y: auto;
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view {
    width: 100%;
    left: 0rem;
    max-height: 46.6rem;
  }
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view {
    position: fixed;
    z-index: 300;
    width: 100%;
    height: 100vh;
    max-height: inherit;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner {
  padding: 3rem;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .pop-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #676767;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .pop-back i {
  displaY: block;
  width: 0.4rem;
  height: 0.8rem;
  margin-right: 0.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 {
  margin-top: 6rem;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 {
    margin-top: 3rem;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 dt {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 dt p {
  font-weight: 600;
  font-size: 3rem;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 dt p {
    font-size: 2.4rem;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 dt button i {
  displaY: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  width: 2rem;
  height: 2rem;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 .add {
  font-size: 2rem;
  margin-top: 2rem;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 .add {
    font-size: 1.8rem;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 .sevice {
  font-size: 1.4rem;
  margin-top: 2rem;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 .inform {
  margin-top: 3rem;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 .inform {
    displaY: flex;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 .inform a {
  displaY: flex;
  font-size: 1.4rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-bottom: 1rem;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 .inform a i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 .inform a i {
    width: 4rem;
    height: 4rem;
    bordeR: 1px solid #E4DCD3;
  }
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section1 .inform a span {
    display: none;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section2,
.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section3,
.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section4 {
  margin-top: 2rem;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section2 dt,
.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section3 dt,
.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section4 dt {
  font-size: 1.4rem;
  font-weight: 600;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section2 dd,
.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section3 dd,
.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .dealer-section4 dd {
  font-size: 1.4rem;
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .complete-btn-warp {
  margin-top: 6rem;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .complete-btn-warp {
    margin-top: 3rem;
  }
}

.select-dealer-warp .inner .dealer-map-warp .dealer-list .dealer-pop-view .d-inner .complete-btn-warp a+a {
  margin-top: 1rem;
}

.select-dealer-warp .inner .dealer-filter {
  margin-top: 2rem;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    z-index: 500;
    margin-top: 0;
  }
}

@media (max-width: 1024px) {
  .select-dealer-warp .inner .dealer-filter .inner {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner {
    padding: 3rem;
  }
}

.select-dealer-warp .inner .dealer-filter .inner .close {
  displaY: none;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner .close {
    displaY: block;
    right: 3rem;
    top: 3rem;
  }
}

.select-dealer-warp .inner .dealer-filter .inner h2 {
  font-size: 4rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner h2 {
    font-size: 3rem;
  }
}

.select-dealer-warp .inner .dealer-filter .inner .pop-title {
  displaY: none;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner .pop-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.select-dealer-warp .inner .dealer-filter .inner .pop-title h1 {
  displaY: none;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner .pop-title h1 {
    displaY: block;
    font-size: 2.2rem;
    font-weight: 600;
  }
}

.select-dealer-warp .inner .dealer-filter .inner .pop-title .reset {
  displaY: none;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner .pop-title .reset {
    displaY: block;
  }
}

.select-dealer-warp .inner .dealer-filter .inner .reset .icon-refresh {
  displaY: block;
  width: 1.2rem;
  height: 1.2rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.select-dealer-warp .inner .dealer-filter .inner .filter-option {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner .filter-option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.select-dealer-warp .inner .dealer-filter .inner .filter-option .option-item {
  margin-right: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner .filter-option .option-item {
    margin: 0;
    margin-bottom: 1rem;
  }
}

.select-dealer-warp .inner .dealer-filter .inner .filter-option .option-item input[type="checkbox"] {
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
}

.select-dealer-warp .inner .dealer-filter .inner .filter-option .option-item label {
  border: 1px solid #E4DCD3;
  min-width: 16.5rem;
  height: 4rem;
  padding: 1.3rem 2rem;
  displaY: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-filter .inner .filter-option .option-item label {
    min-width: 16.5rem;
    height: 4rem;
    padding: 1.3rem 2rem;
  }
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner .filter-option .option-item label {
    width: 100%;
    min-width: inherit;
  }
}

.select-dealer-warp .inner .dealer-filter .inner .filter-option .option-item label span {
  font-size: 1.4rem;
  font-weight: 600;
  color: #999;
  displaY: block;
}

@media (max-width: 800px) {
  .select-dealer-warp .inner .dealer-filter .inner .filter-option .option-item label span {
    font-size: 1.4rem;
  }
}

.select-dealer-warp .inner .dealer-filter .inner .filter-option input[type="checkbox"]:checked+label {
  border: 1px solid #00AAD2;
}

.select-dealer-warp .inner .dealer-filter .inner .filter-option input[type="checkbox"]:checked+label strong,
.select-dealer-warp .inner .dealer-filter .inner .filter-option input[type="checkbox"]:checked+label span {
  color: #000;
}

.select-dealer-warp .inner .dealer-filter .inner .complete-btn-warp {
  displaY: none;
}

@media (max-width: 500px) {
  .select-dealer-warp .inner .dealer-filter .inner .complete-btn-warp {
    displaY: block;
    margin-top: 4rem;
  }
}

.tutorials-list {
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tutorials-list .t-item {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 36rem;
}

@media (max-width: 500px) {
  .tutorials-list .t-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto;
  }
}

.tutorials-list .t-item>p {
  height: 100%;
}

@media (max-width: 500px) {
  .tutorials-list .t-item>p {
    height: 18.6rem;
  }
}

.tutorials-list .t-item>p img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

@media (max-width: 500px) {
  .tutorials-list .t-item>p img {
    max-width: 33rem;
  }
}

.tutorials-list .t-item dl {
  background-color: #F6F3F2;
  border: 1px solid #E3DCD4;
  height: 100%;
  max-width: 23.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

@media (max-width: 500px) {
  .tutorials-list .t-item dl {
    max-width: 33rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 3rem;
    height: 26rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 0;
  }
}

.tutorials-list .t-item dl dt span {
  font-size: 2rem;
}

@media (max-width: 500px) {
  .tutorials-list .t-item dl dt span {
    font-size: 1.8rem;
  }
}

.tutorials-list .t-item dl dt p {
  font-size: 1.4rem;
  color: #999;
  margin-top: 2rem;
}

.tutorials-list .t-item dl dd {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 1rem;
}

@media (max-width: 500px) {
  .tutorials-list .t-item dl dd {
    font-size: 2.2rem;
  }
}

@media (max-width: 500px) {
  .tutorials-list .slick-slide+.slick-slide {
    margin-left: 2px;
  }
}

.form-box {
  border-bottom: 1px solid #E3DCD4;
  padding-top: 9rem;
  padding-bottom: 5rem;
}

@media (max-width: 500px) {
  .form-box {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }
}

.form-box h2 {
  font-size: 4rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .form-box h2 {
    font-size: 3rem;
  }
}

.form-box .form-wrap {
  margin-top: 1.8rem;
}

@media (max-width: 500px) {
  .form-box .form-wrap {
    position: relative;
    margin-top: 3rem;
  }
}

.form-box .form-wrap p.required {
  position: relative;
  displaY: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

@media (max-width: 500px) {
  .form-box .form-wrap p.required {
    position: absolute;
    right: 0rem;
  }
}

.form-box .form-wrap p.required span {
  position: relative;
  font-size: 1.2rem;
  padding-left: 1rem;
  color: #999;
}

.form-box .form-wrap p.required span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0.4rem;
  height: 0.4rem;
  background-color: #00AAD2;
}

.form-box .form-wrap dl.dl-flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-box .form-wrap dl.dl-flex-start dt {
  margin-top: 2rem;
}

.form-box .form-wrap .none-flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-box .form-wrap .none-flex dt {
  width: 100%;
}

.form-box .form-wrap .none-flex dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
}

.form-box .form-wrap .none-flex dd select+select {
  margin-left: 1rem;
}

.form-box .form-wrap dl.required dt label {
  position: relative;
  padding-right: 1rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  font-weight: 600;
}

.form-box .form-wrap dl.required dt label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0.4rem;
  height: 0.4rem;
  background-color: #00AAD2;
}

.form-box .form-wrap dl {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 500px) {
  .form-box .form-wrap dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.form-box .form-wrap dl dt {
  font-size: 1.6rem;
  width: 30%;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  font-weight: 600;
}

@media (max-width: 500px) {
  .form-box .form-wrap dl dt {
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
}

.form-box .form-wrap dl dd {
  width: 70%;
}

@media (max-width: 500px) {
  .form-box .form-wrap dl dd {
    width: 100%;
  }
}

.form-box .form-wrap dl dd input[type="text"],
.form-box .form-wrap dl dd input[type="password"] {
  border: 1px solid #E3DCD4;
  width: 100%;
  height: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.4rem;
}

.form-box .form-wrap dl dd select {
  border: 1px solid #E3DCD4;
  height: 4rem;
  width: 50%;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.4rem;
  color: #000;
}

@media (max-width: 500px) {
  .form-box .form-wrap dl dd select {
    width: 100%;
  }
}

.form-box .form-wrap dl dd textarea {
  width: 100%;
  border: 1px solid #E3DCD4;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.4rem;
}

.form-box .form-wrap dl dd p {
  font-size: 1.4rem;
  color: #999;
  margin-top: 1.5rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.form-box .form-wrap dl dd .coment-item {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .form-box .form-wrap dl dd .coment-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.form-box .form-wrap dl dd .coment-item p {
  margin-left: 1rem;
  font-size: 1.4rem;
}

@media (max-width: 1024px) {
  .form-box .form-wrap dl dd .coment-item p {
    margin-left: 0rem;
  }
}

.form-box .form-wrap dl dd .checkbox {
  margin-top: 1rem;
}

.form-box .form-wrap dl dd .checkbox label {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-box .form-wrap dl dd .checkbox label p {
  margin-top: 0;
  color: #000;
  font-weight: 600;
  font-size: 1.4rem;
}

.form-box .form-wrap dl dd .checkbox label::before {
  content: none;
}

.form-box .form-wrap dl+dl {
  margin-top: 2rem;
}

.recaptcha {
  padding-top: 5rem;
}

@media (max-width: 500px) {
  .recaptcha {
    padding-top: 4rem;
  }
}

@media (max-width: 1024px) {
  .recaptcha .inner {
    width: 100%;
  }
}

.recaptcha .inner p {
  font-size: 1.4rem;
  color: #999999;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

@media (max-width: 500px) {
  .recaptcha .inner p {
    font-size: 1.2rem;
  }
}

.recaptcha .inner>div {
  margin-top: 3rem;
}

@media (max-width: 500px) {
  .recaptcha .inner>div {
    margin-top: 4rem;
  }
}

.recaptcha .inner>div label {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .recaptcha .inner>div label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.recaptcha .inner>div label input {
  margin-right: 1rem;
  min-width: 2rem;
  min-height: 2rem;
}

.recaptcha .inner>div label p {
  color: #000;
  font-size: 1.4rem;
}

.recaptcha .inner>div label p a {
  border-bottom: 1px solid #000;
}

.recaptcha .inner>div label+p {
  margin-top: 1rem;
}

.btn-submit {
  width: 100%;
  margin-top: 6rem;
  margin-bottom: 7rem;
}

@media (max-width: 500px) {
  .btn-submit {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
}

.btn-submit .inner {
  displaY: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-submit .inner input {
  margin: 0 auto;
  border: 1px solid #000;
  color: #000;
  width: 30rem;
  height: 5rem;
  font-sizE: 1.6rem;
  font-weight: 600;
  background-color: #FFFFFF;
}

@media (max-width: 500px) {
  .btn-submit .inner input {
    width: 100%;
    height: 4rem;
    font-sizE: 1.4rem;
  }
}

.btn-submit .inner input:hover {
  background-color: #002C5F;
  color: #fff;
  border-color: #002C5F;
}

.mz-syncing-step {
  max-width: 192rem;
  width: 100%;
  margin: 0 auto;
}

.mz-syncing-step .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  direction: ltr;
}

@media (max-width: 1024px) {
  .mz-syncing-step .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.mz-syncing-step .slick-slide+.slick-slide {
  margin-left: 0;
}

.mz-syncing-step .mz-slider-step>div:nth-child(1n+2) {
  display: none;
}

.mz-syncing-step .mz-slider-step.slick-initialized>div:nth-child(1n+2) {
  display: block;
}

.mz-syncing-step .mz-slider-step {
  height: 40.5rem;
  width: 100%;
  max-width: 72rem;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-step {
    height: 22.7rem;
  }
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40.5rem;
  background-size: cover;
  background-position: center;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-step .slick-list .pip-video {
    background-image: none;
    min-height: 22.7rem;
    height: 22.7rem;
  }
}

@media (max-width: 500px) {
  .mz-syncing-step .mz-slider-step .slick-list .pip-video {
    background-image: none;
    min-height: 23rem;
    height: 22.7rem;
  }
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp {
  position: relative;
  max-width: 136.6rem;
  width: 100%;
  height: 40.5rem;
  margin: 0 auto;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp {
    height: 22.7rem;
  }
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 136.6rem;
  width: 100%;
  height: 40.5rem;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp::before {
    width: 100%;
    height: 22.7rem;
  }
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .play_btn {
  display: block;
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("https://www.beijing-hyundai.com.cn/assets/home2023/images/button/btn-play.svg") no-repeat;
  background-size: contain;
  z-index: 3;
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .dimmed {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.8);
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .bg_img2 {
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 136.6rem;
  width: 100%;
  height: 40.5rem;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .bg_img2 {
    width: 100%;
    height: 22.7rem;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .vod_box {
  position: absolute;
  left: 0;
  top: 0 !important;
  width: 100%;
  margin-top: 0 !important;
  padding-bottom: 56.25%;
  z-index: 5;
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .vod_box .close {
  position: absolute;
  z-index: 6;
  width: 14px;
  height: 14px;
  top: 15px;
  right: 0;
  padding: 15px;
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .vod_box .close:after,
.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .vod_box .close:before {
  position: absolute;
  top: 9px;
  left: 0px;
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .vod_box .close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp .vod_box .close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp iframe {
  width: 100%;
  height: 48rem;
  position: absolute;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-step .slick-list .pip-video .pip-video-warp iframe {
    height: 22.7rem;
  }
}

.mz-syncing-step .mz-slider-step .slick-list p {
  height: 40.5rem;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-step .slick-list p {
    height: 22.7rem;
  }
}

.mz-syncing-step .mz-slider-step .slick-list p img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-step .slick-list p img {
    height: 22.7rem;
  }
}

.mz-syncing-step .mz-slider-contents-warp {
  max-width: 33%;
  margin-right: 3rem;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-contents-warp {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 1024px) {
  .mz-syncing-step .mz-slider-contents-warp {
    max-width: 100%;
    margin-top: 4rem;
    margin-right: 0;
  }
}

.mz-syncing-step .mz-slider-contents-warp .mz-paging-step {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 0;
  margin-top: 4rem;
}

.mz-syncing-step .mz-slider-contents-warp .mz-slider-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
}

.mz-syncing-step .mz-slider-contents-warp .mz-slider-contents .slick-prev {
  left: -1.5rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.mz-syncing-step .mz-slider-contents-warp .mz-slider-contents .slick-next {
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.mz-syncing-step .mz-slider-contents-warp .mz-slider-contents .slick-track {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mz-syncing-step .mz-slider-contents-warp .mz-slider-contents .slick-list {
  width: 100%;
}

.mz-syncing-step .mz-slider-contents-warp .mz-slider-contents .slick-list h3 {
  font-size: 3rem;
  font-weight: 600;
  width: 100%;
  text-align: center;
}

@media (max-width: 800px) {
  .mz-syncing-step .mz-slider-contents-warp .mz-slider-contents .slick-list h3 {
    font-size: 1.8rem;
    font-weight: 600;
  }
}

.mz-syncing-step .mz-slider-contents-warp .mz-slider-contents .slick-list p {
  font-size: 1.8rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 3rem;
}

.unit-cars-warp {
  border-top: 1px solid #E4DCD3;
  padding-top: 9rem;
}

@media (max-width: 500px) {
  .unit-cars-warp {
    padding-top: 6rem;
  }
}

@media (max-width: 500px) {
  .unit-cars-warp .inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.unit-cars-warp .inner .cars-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  .unit-cars-warp .inner .cars-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.unit-cars-warp .inner .cars-list ul li {
  width: 53rem;
  position: relative;
  margin-bottom: 9rem;
}

@media (max-width: 1024px) {
  .unit-cars-warp .inner .cars-list ul li {
    width: 48%;
  }
}

@media (max-width: 800px) {
  .unit-cars-warp .inner .cars-list ul li {
    width: 100%;
    margin-bottom: 0rem;
  }
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li dl {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.unit-cars-warp .inner .cars-list ul li dl dt em {
  font-size: 1.2rem;
  color: #999;
  font-style: normal;
}

.unit-cars-warp .inner .cars-list ul li dl dt p:nth-child(1) {
  margin-top: 0;
}

.unit-cars-warp .inner .cars-list ul li dl dt p {
  font-size: 3rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li dl dt p {
    font-size: 2.4rem;
  }
}

.unit-cars-warp .inner .cars-list ul li dl dd p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 0.8rem;
}

.unit-cars-warp .inner .cars-list ul li dl dd p strong {
  font-weight: 600;
  font-size: 2.4rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li dl dd p strong {
    font-size: 1.8rem;
  }
}

.unit-cars-warp .inner .cars-list ul li dl dd p span {
  font-size: 1.2rem;
  color: #999;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-left: 1rem;
}

.unit-cars-warp .inner .cars-list ul li .car-link-btn .soon {
  displaY: none;
}

.unit-cars-warp .inner .cars-list ul li .soon-btn .car-btn-group {
  display: none;
}

.unit-cars-warp .inner .cars-list ul li .car-btn-group {
  direction: ltr;
  position: absolute;
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .car-btn-group {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.unit-cars-warp .inner .cars-list ul li .car-btn-group div {
  width: 36rem;
  display: -ms-grid;
  display: grid;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-columns: 3;
  columns: 3;
  -ms-grid-columns: 1fr 1fr 0.3fr;
  grid-template-columns: 1fr 1fr 0.3fr;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .car-btn-group div {
    width: 100%;
  }
}

.unit-cars-warp .inner .cars-list ul li .car-btn-group div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  height: 5rem;
  color: #fff;
  border: 1px solid #fff;
  background-color: #00000066;
}

.unit-cars-warp .inner .cars-list ul li .car-btn-group div a+a {
  border-left: 0;
}

.unit-cars-warp .inner .cars-list ul li .car-btn-group div a.ce-more {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  margin-top: 1rem;
}

.unit-cars-warp .inner .cars-list ul li .soon {
  position: absolute;
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .soon {
    padding-left: 3rem;
    padding-right: 3rem;
    background-color: #fff;
    position: relative;
    margin-top: 3rem;
  }
}

.unit-cars-warp .inner .cars-list ul li .soon button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 30rem;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  height: 5rem;
  color: #fff;
  border: 1px solid #fff;
  background-color: #00000066;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .soon button {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    max-width: 100%;
  }
}

.unit-cars-warp .inner .cars-list ul li .car-img-box {
  position: relative;
  margin-top: 2rem;
}

.unit-cars-warp .inner .cars-list ul li .car-img-box p {
  width: 100%;
}

.unit-cars-warp .inner .cars-list ul li .car-img-box p img {
  width: 100%;
  height: auto;
}

@media (max-width: 500px) {

  .unit-cars-warp .inner .cars-list ul li .car-img-box .car-btn-group,
  .unit-cars-warp .inner .cars-list ul li .car-img-box .soon {
    displaY: none;
  }
}

.unit-cars-warp .inner .cars-list ul li .coming-soon-car {
  font-size: 2.4rem;
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 2.6rem;
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group {
  displaY: none;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .m-car-btn-group {
    displaY: block;
    margin-top: 3rem;
  }
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup {
    position: relative;
    displaY: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    background: none;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup div {
  width: 36rem;
  display: -ms-grid;
  display: grid;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-columns: 3;
  columns: 3;
  -ms-grid-columns: 1fr 1fr 0.2fr;
  grid-template-columns: 1fr 1fr 0.2fr;
  background: none;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup div {
    width: 100%;
  }
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  height: 4rem;
  color: #000;
  border: 1px solid #000;
  background: #fff;
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup div a+a {
  border-left: 0;
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup div a.ce-more {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / span 3;
  margin-top: 1rem;
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup div .like,
.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup div .likeb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
  border: 1px solid #000;
  border-left: 0;
  background: #fff;
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup div .like i,
.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-btn-mgroup div .likeb i {
  display: block;
  width: 1.8rem;
  height: 1.6rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .soon {
  position: absolute;
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  top: 0;
  background: none;
  padding-left: 3rem;
  padding-right: 3rem;
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .soon button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 30rem;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  height: 4rem;
  color: #000;
  border: 1px solid #000;
  background: #fff;
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .car-link-btn .soon {
  displaY: none;
}

.unit-cars-warp .inner .cars-list ul li .m-car-btn-group .soon-btn .car-btn-group {
  display: none;
}

.unit-cars-warp .inner .cars-list ul li .info-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  position: relative;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .info-unit {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.unit-cars-warp .inner .cars-list ul li .info-unit dl {
  width: 33%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.unit-cars-warp .inner .cars-list ul li .info-unit dl dt,
.unit-cars-warp .inner .cars-list ul li .info-unit dl dd {
  width: 100%;
  displaY: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.unit-cars-warp .inner .cars-list ul li .info-unit dl dt {
  font-size: 1.4rem;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .info-unit dl dt {
    font-size: 1.2rem;
  }
}

.unit-cars-warp .inner .cars-list ul li .info-unit dl dd {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .info-unit dl dd {
    margin-top: 0.5rem;
  }
}

.unit-cars-warp .inner .cars-list ul li .info-unit dl dd strong {
  font-size: 2.4rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .info-unit dl dd strong {
    font-size: 1.8rem;
  }
}

.unit-cars-warp .inner .cars-list ul li .info-unit dl dd span {
  margin-left: 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .info-unit dl dd span {
    font-size: 1rem;
  }
}

.unit-cars-warp .inner .cars-list ul li .info-unit dl+dl {
  border-left: 1px solid #E4DCD3;
}

.unit-cars-warp .inner .cars-list ul li .info-unit button.info {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li .info-unit button.info {
    right: 1rem;
  }
}

.unit-cars-warp .inner .cars-list ul li .info-unit button.info i {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(https://www.beijing-hyundai.com.cn/assets/home2023/images/icon/icon-info.svg);
}

@media (max-width: 1024px) {
  .unit-cars-warp .inner .cars-list ul li+li {
    margin-left: 1rem;
  }
}

@media (max-width: 800px) {
  .unit-cars-warp .inner .cars-list ul li+li {
    width: 100%;
    margin-top: 6rem;
    padding-top: 6rem;
    border-top: 1px solid #E4DCD3;
  }
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list ul li+li {
    margin-left: 0rem;
  }
}

.unit-cars-warp .inner .cars-list ul li.best .car-hover::before {
  content: "";
  position: absolute;
  right: 0;
  width: 5rem;
  height: 5rem;
  border-top: 5rem solid #00AAD2;
  border-left: 5rem solid transparent;
  border-bottom: 5rem solid transparent;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.unit-cars-warp .inner .cars-list ul li.best .car-hover::after {
  content: "best";
  position: absolute;
  right: 0.5rem;
  top: 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}

.unit-cars-warp .inner .cars-list ul li.new .car-hover::before {
  content: "";
  position: absolute;
  right: 0;
  width: 5rem;
  height: 5rem;
  border-top: 5rem solid #00AAD2;
  border-left: 5rem solid transparent;
  border-bottom: 5rem solid transparent;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.unit-cars-warp .inner .cars-list ul li.new .car-hover::after {
  content: "new";
  position: absolute;
  right: 0.5rem;
  top: 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}

.unit-cars-warp .inner .cars-list .btn-warp {
  margin-top: 9rem;
}

@media (max-width: 500px) {
  .unit-cars-warp .inner .cars-list .btn-warp {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.title-list-text-warp .inner h2 {
  font-size: 4rem;
  font-weight: 600;
}

@media (max-width: 500px) {
  .title-list-text-warp .inner h2 {
    font-size: 3rem;
  }
}

.title-list-text-warp .inner ul {
  margin-top: 2.5rem;
}

.title-list-text-warp .inner ul li {
  displaY: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.title-list-text-warp .inner ul li::before {
  content: "ㆍ";
  display: block;
  font-size: 2rem;
}

@media (max-width: 500px) {
  .title-list-text-warp .inner ul li::before {
    font-size: 1.8rem;
  }
}

.title-list-text-warp .inner ul li span {
  font-size: 2rem;
  font-family: "HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

@media (max-width: 500px) {
  .title-list-text-warp .inner ul li span {
    font-size: 1.8rem;
  }
}

.title-list-text-warp .inner ul li+li {
  margin-top: 2rem;
}

.option-item {
  margin-right: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 500px) {
  .option-item {
    margin: 0;
    margin-bottom: 1rem;
  }
}

.option-item input[type="checkbox"] {
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
}

.option-item label {
  border: 1px solid #E4DCD3;
  min-width: 16.5rem;
  height: 4rem;
  padding: 1.3rem 2rem;
  displaY: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 800px) {
  .option-item label {
    min-width: 16.5rem;
    height: 4rem;
    padding: 1.3rem 2rem;
  }
}

@media (max-width: 500px) {
  .option-item label {
    width: 100%;
    min-width: inherit;
  }
}

.option-item label span {
  font-size: 1.4rem;
  font-weight: 600;
  color: #999;
  displaY: block;
}

@media (max-width: 800px) {
  .option-item label span {
    font-size: 1.4rem;
  }
}

.option-item input[type="checkbox"]:checked+label {
  border: 1px solid #00AAD2;
}

.option-item input[type="checkbox"]:checked+label strong,
.option-item input[type="checkbox"]:checked+label span {
  color: #000;
}

.tag-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tag-group a {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #E3DCD4;
  padding-left: 2rem;
  padding-right: 2rem;
  color: #999;
  font-size: 1.4rem;
  height: 4rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.tag-group a span {
  displaY: inline;
}

.tag-group a::before {
  content: "#";
  displaY: inline;
}

.brand-list .brand-list-warp {
  display: -ms-grid;
  display: grid;
  gap: 1rem;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 800px) {
  .brand-list .brand-list-warp {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .brand-list .brand-list-warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.brand-list .brand-list-warp .item {
  margin-bottom: 5rem;
  width: 100%;
}

@media (max-width: 500px) {
  .brand-list .brand-list-warp .item {
    width: 27.2rem !important;
  }
}

.brand-list .brand-list-warp p {
  width: 100%;
  height: auto;
  overflow: hidden;
}

@media (max-width: 500px) {
  .brand-list .brand-list-warp p {
    width: 27.2rem;
  }
}

.brand-list .brand-list-warp p img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.brand-list .brand-list-warp .b-contents {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 3rem;
  padding-right: 2rem;
}

@media (max-width: 500px) {
  .brand-list .brand-list-warp .b-contents {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

.brand-list .brand-list-warp .b-contents dl {
  color: #000;
}

.brand-list .brand-list-warp .b-contents dl dt {
  font-size: 1.4rem;
  color: #999;
}

.brand-list .brand-list-warp .b-contents dl dd {
  displaY: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 2.4rem;
  line-height: 1.1;
  margin-top: 0.7rem;
}

@media (max-width: 900px) {
  .brand-list .brand-list-warp .b-contents dl dd {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 500px) {
  .brand-list .brand-list-warp .b-contents dl dd {
    font-size: 2.2rem;
  }
}

.brand-list .brand-list-warp .b-contents dl dd a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  color: #999;
  font-size: 1.4rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #E3DCD4;
}

.brand-list .brand-list-warp .b-contents dl dd a::before {
  content: "#";
}

.brand-list .brand-list-warp .b-contents dl dd+dd {
  margin-top: 1rem;
}

.brand-list .brand-list-warp .b-contents button {
  position: absolute;
  right: 3rem;
  top: 0rem;
  displaY: flex;
}

.brand-list .brand-list-warp .b-contents button span {
  color: #999;
  font-weight: 600;
  font-size: 1.4rem;
  margin-right: 1rem;
}

.brand-list .brand-list-warp .b-contents button i {
  displaY: block;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/*# sourceMappingURL=common.css.map */