@charset "UTF-8";

/*order-option*/

/*order-option*/

[v-cloak] {

  display: none;

}



.header-wrap {

  /*&.is-placeholder .header-placeholder {

      display: none;

  }*/

}

.header-wrap .header-platform-item-nav-search::after {

  content: "";

  display: inline-block;

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translate(50%, -50%);

  transform: translate(50%, -50%);

  width: 1px;

  height: 10px;

  background-color: #ffffff;

}

.header-wrap .icon-global {

  font-size: 19px;

  margin-right: 16px;

}

.header-wrap .icon-Netherlands-mob {

  margin-right: 16px;

}

.header-wrap .arrow-show-tech {

  margin-left: 8px;

}

.header-wrap .first-title-have-underline {

  cursor: pointer;

}

.header-wrap .first-title-have-underline:hover {

  text-decoration: underline;

}

.header-wrap .have-underline {

  border-bottom: 1px solid #252728;

  background: none !important;

}

.header-wrap .header-platform-placeholder {

  background-color: #252728;

}

@media (max-width: 1200px) {

  .header-wrap .header-platform-placeholder {

    display: none;

  }

}

.header-wrap .header-placeholder {

  height: 103px;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  background-color: #252728;

}

@media (max-width: 1200px) {

  .header-wrap .header-placeholder {

    height: 65px;

  }

}

.header-wrap .header-placeholder.autoHolderHeight-IpExist {

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

@media (max-width: 1200px) {

  .header-wrap .header-placeholder.autoHolderHeight-IpExist {

    height: 134px;

  }

}

@media (max-width: 720px) {

  .header-wrap .header-placeholder.autoHolderHeight-IpExist {

    height: 196.5px;

  }

}

.header-wrap .header-placeholder.autoHolderHeight-IpExist-scrolled {

  height: 103px;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

@media (max-width: 1200px) {

  .header-wrap .header-placeholder.autoHolderHeight-IpExist-scrolled {

    height: 64px;

  }

}

.header-wrap .header-placeholder.autoHolderHeight-IpUnExist-scrolled {

  height: 65px;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



@media screen and (max-width: 1441px) and (min-width: 991px) {

  .header .content-href {

    width: 50% !important;

  }

}

.header .align-left {

  text-align: left !important;

}

.header .align-center {

  text-align: center !important;

}

.header .font-wt600 {

  font-weight: 600 !important;

  font-size: 20px;

}

.header .font-wt700 {

  font-weight: 700 !important;

  font-size: 20px;

}

.header .marginTB8 {

  margin: 0px 8px;

}

.header .marginR10 {

  margin-right: 10px;

}

.header .paddingTB16 {

  padding: 16px 0px;

}

.header .marginB8 {

  margin: 0 0 8px 0 !important;

}

.header .scrollHidden {

  overflow: hidden !important;

}

.header .disBlock {

  display: block !important;

}

.header .tech-show {

  display: block !important;

}

.header .scroll-show {

  overflow-y: auto !important;

}

@media (max-width: 1200px) {

  .header .fix-show {

    padding: 6.9444444444vw;

    width: 100%;

    background: #252728;

    bottom: 0px;

    position: fixed;

    z-index: 10000;

  }

  .header .fix-show .fix-btn {

    position: relative;

    z-index: 10000;

    bottom: 0px;

    text-align: right;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    color: #fff;

    line-height: 24px;

    background: #FFF;

    position: fixed;

    margin: 2vw;

    text-align: right;

    right: 16px;

  }

  .header .fix-show .fix-btn p:hover {

    border: 1px #000 solid;

    background: #000;

  }

}

@media (max-width: 1200px) {

  .header .other-link-text {

    font-size: 20px;

    font-weight: 700;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .other-link-text {

    font-size: 16px;

    line-height: 26px;

  }

}

@media (max-width: 1200px) {

  .header .other-link-text.ml-16 {

    margin-left: 16px !important;

  }

}

@media (max-width: 1200px) {

  .header .other-link-text.mtb-12 {

    display: inline-block;

    margin: 12px 0;

  }

}

@media (max-width: 1200px) {

  .header .arrow-show.mtb-12 {

    display: inline-block;

    margin: 12px 0;

  }

}

@media (max-width: 1200px) {

  .header .header-platform-text.mtb-12 {

    display: inline-block;

    margin: 12px 0;

  }

}

@media (max-width: 1200px) {

  .header .header-nav-title-type.mtb-12 {

    display: inline-block;

    margin: 12px 0;

  }

}

.header .other-link-text.have-underline-link {

  color: #252728;

  cursor: pointer;

}

.header .other-link-text.have-underline-link:hover {

  border-bottom: 1px solid #252728;

  background: none !important;

}

.header .search {

  position: relative;

  margin: 12px 0;

  -webkit-transform: perspective(1000);

  transform: perspective(1000);

}

.header .search input {

  cursor: text;

  width: 100%;

  line-height: 44px;

  height: 44px;

  border: 1px solid #a2a3a5;

  padding: 12px 12px 12px 25px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  font-size: 16px;

  cursor: pointer;

  border-radius: 0;

  border: 1.5px solid #DCDDDF;

}

.header .search .search-icon {

  width: 12px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-transform-origin: center center;

  transform-origin: center center;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 6px;

  cursor: pointer;

}

.header:last-child .other-link-text::after {

  content: none;

}



.header {

  width: 100%;

  position: fixed;

  z-index: 2000;

  top: 0;

  left: 0;

  /*@media (max-width: 800px) {

      top: 64px;

  }*/

}

@media (max-width: 1200px) {

  .header .arrow-show {

    position: absolute;

    right: 1px;

    display: inline-block;

    font-size: 12px;

    margin-left: 5px;

  }

  .header .arrow-show .arrow-show-minus {

    margin-bottom: 1vw;

  }

}

.header .header-platform {

  position: absolute;

  top: 0;

  z-index: 12;

  color: #fff;

  font-size: 14px;

  width: 100%;

  height: 38px;

  line-height: 38px;

  padding: 0 20px;

  background-color: #000;

}

.header .header-platform .search-right-line {

  border: 1px solid #ffffff;

  height: 10px;

}

.header .header-platform-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.header .header-platform-item.header-platform-search a {

  color: #fff;

  font-size: 14px;

}

.header .header-platform-item.header-platform-global {

  cursor: pointer;

}

@media (min-width: 1201px) {

  .header .header-platform-item.header-platform-global:hover {

    background-color: #FFF;

    color: #252728;

  }

  .header .header-platform-item.header-platform-global:hover .header-platform-item-nav::after {

    content: none;

  }

}

.header .header-platform-item.header-platform-Netherlands {

  cursor: pointer;

  margin: 16px 0 0 0;

}

@media (min-width: 1201px) {

  .header .header-platform-item.header-platform-Netherlands:hover {

    background-color: #FFF;

    color: #252728;

  }

  .header .header-platform-item.header-platform-Netherlands:hover .header-platform-item-nav::after {

    content: none;

  }

}

.header .header-platform-item.header-platform-country {

  cursor: pointer;

}

@media (min-width: 1201px) {

  .header .header-platform-item.header-platform-country:hover {

    background-color: #FFF;

    color: #252728;

  }

  .header .header-platform-item.header-platform-country:hover .header-platform-item-nav::after {

    content: none;

  }

}

@media (min-width: 1201px) {

  .header .header-platform-item:last-of-type .header-platform-item-nav::after {

    content: none;

  }

  .header .header-platform-item:hover .header-platform-content {

    display: block;

  }

}

@media (max-width: 1200px) {

  .header .header-platform-item.active .header-platform-content {

    display: block;

  }

}

@media (max-width: 1200px) {

  .header .header-platform {

    position: initial;

    height: auto;

    color: #252728;

    background-color: inherit;

    padding: 0.4861111111vw 0 0 0;

    /*loading*/

  }

  .header .header-platform .accountIcon {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .header .header-platform .acount_loading {

    border: 3px solid #BFBFBF;

    border-top: 3px solid #252728;

    border-radius: 50%;

    width: 16px;

    height: 16px;

    -webkit-animation: spin 1.2s linear infinite;

    animation: spin 1.2s linear infinite;

  }

  @-webkit-keyframes spin {

    0% {

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }

  @keyframes spin {

    0% {

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    100% {

      -webkit-transform: rotate(360deg);

      transform: rotate(360deg);

    }

  }

  .header .header-platform-list {

    display: block;

  }

  .header .header-platform-item:last-of-type {

    content: "";

  }

  .header .header-platform-item.header-platform-search {

    display: none;

  }

}

.header .header-platform .header-platform-item-nav {

  position: relative;

  padding: 0 30px;

  width: 100%;

  font-weight: 600;

  font-size: 12px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-item-nav .icon-Netherlands-mob img {

    width: 20px;

    height: 20px;

    margin-top: -1vw;

    font-size: 20px;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-platform .header-platform-item-nav .icon-Netherlands-mob img {

    font-size: 16px;

    width: 16px;

    height: 16px;

  }

}

.header .header-platform .header-platform-item-nav .icon-arrow {

  display: inline-block;

  font-size: 12px;

  -webkit-transform: scale(0.55);

  transform: scale(0.55);

  margin-left: 6px;

  margin-right: -4.5px;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-item-nav {

    display: inline-block;

    margin: 0px 0 0 0;

    font-size: 20px;

    padding: 0;

    color: #252728;

    line-height: 1.375;

    font-weight: 500;

    height: 100%;

    font-weight: 700;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-platform .header-platform-item-nav {

    font-size: 16px;

  }

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-item-nav .icon-menu,

  .header .header-platform .header-platform-item-nav .icon-global {

    font-size: 20px;

    margin-right: 16px;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-platform .header-platform-item-nav .icon-menu,

  .header .header-platform .header-platform-item-nav .icon-global {

    font-size: 16px;

  }

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-item-nav .icon-arrow {

    position: absolute;

    top: 50%;

    right: 1px;

    display: inline-block;

    font-size: 12px;

    -webkit-transform: scale(0.8) translateY(-50%) rotate(-90deg) !important;

    transform: scale(0.8) translateY(-50%) rotate(-90deg) !important;

    margin-left: 5px;

  }

}

.header .header-platform .header-platform-text {

  margin-left: 10px;

  vertical-align: middle;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-text {

    margin-left: 0px;

  }

}

.header .header-platform .header-platform-global-content {

  display: none;

  position: absolute;

  width: 100%;

  left: 0;

  top: 100%;

  padding: 50px 0 0 0;

  background-color: #FFF;

  cursor: initial;

  z-index: 20;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-global-content {

    position: relative !important;

    height: 100%;

    overflow: auto;

  }

}

.header .header-platform .header-platform-Netherlands-content {

  display: none;

  position: absolute;

  width: 100%;

  left: 0;

  top: 100%;

  padding: 50px 0 0 0;

  background-color: #FFF;

  cursor: initial;

  z-index: 20;

}

.header .header-platform .header-platform-Netherlands-content .Netherlands-content {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0 8.8888888889vw 5.4166666667vw 8.8888888889vw;

}

.header .header-platform .header-platform-Netherlands-content .Netherlands-content .Netherlands-content-left {

  color: #252728;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 26px;

}

.header .header-platform .header-platform-Netherlands-content .Netherlands-content .Netherlands-content-right {

  color: #252728;

  font-size: 14px;

  font-style: normal;

  font-weight: 600;

  line-height: 22px;

}

.header .header-platform .header-platform-Netherlands-content .Netherlands-content .Netherlands-content-right .icon-Netherlands {

  margin-right: 16px;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-Netherlands-content .Netherlands-content .Netherlands-content-right .icon-Netherlands img {

    width: 18px;

    margin-top: -1vw;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-platform .header-platform-Netherlands-content .Netherlands-content .Netherlands-content-right .icon-Netherlands img {

    width: 16px;

    height: 16px;

  }

}

.header .header-platform .header-platform-Netherlands-content .Netherlands-content .Netherlands-content-right .right-line {

  border: 1px #515253 solid;

  margin: 0 8px;

  font-size: 12px;

  font-style: normal;

  font-weight: 500;

  line-height: 16px;

  display: inline-block;

  height: 0.6em;

}

.header .header-platform .header-platform-Netherlands-content .Netherlands-content .Netherlands-content-right .text2 {

  color: #515253;

  font-size: 12px;

  font-style: normal;

  font-weight: 500;

  line-height: 16px;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-Netherlands-content {

    position: fixed !important;

    top: 64px;

    height: 90%;

    overflow: auto;

    /*@media (max-width: 720px) {

        top: 272px;

    }*/

  }

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-Netherlands-content.isIpLanHeightTransform {

    top: 64px;

    height: 90vh;

  }

  .header .header-platform .header-platform-Netherlands-content.isIpLanHeightNotTransform {

    top: 197px;

  }

}

.header .header-platform .icon-back {

  display: none;

}

@media (max-width: 1200px) {

  .header .header-platform .icon-back {

    display: inline-block;

    -webkit-transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

    transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

    position: absolute;

    top: 5.5555555556vw;

    left: 7.5vw;

    color: #4e5356;

    font-size: 12px;

  }

}

.header .header-platform .header-platform-global-content_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  width: 100%;

  gap: 2%;

  padding: 0 5%;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-global-content_list {

    padding: 0 5%;

    gap: 8%;

  }

}

.header .header-platform .header-platform-global-content_list .header-platform-global-content_item {

  margin: 0;

  padding: 0;

  min-width: 15%;

  max-width: 15%;

  width: 15%;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-global-content_list {

    top: 0;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .header .header-platform .header-platform-global-content_list .header-platform-global-content_item {

    min-width: 46%;

    max-width: 46%;

    width: 46%;

  }

}

.header .header-platform .header-platform-Netherlands-content_list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: 100%;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-Netherlands-content_list {

    top: 0;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

}

.header .header-platform .header-platform-global-content_item {

  margin: 0 6px;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 calc((100% - 84px) / 7);

  flex: 0 0 calc((100% - 84px) / 7);

}

.header .header-platform .header-platform-global-content_item .header-platform-global_img {

  width: 100%;

  overflow: hidden;

}

.header .header-platform .header-platform-global-content_item .header-platform-global_img img {

  width: 100%;

}

.header .header-platform .header-platform-global-content_item .header-platform-global_title {

  margin: 28px 0 30px;

  font-size: 16px;

  line-height: 1.375;

  font-weight: 500;

  text-align: center;

}

.header .header-platform .header-platform-global-content_item > a {

  width: 100%;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-global-content_item {

    margin: 0 5.5555555556vw;

    top: 0;

    -webkit-box-flex: 0;

    -ms-flex: none;

    flex: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: calc((100% - 22.2222222222vw) / 2);

  }

  .header .header-platform .header-platform-global-content_item .header-platform-global_title {

    font-size: 16px;

    margin: 16px 0 24px;

    line-height: 1.375;

    font-weight: 500;

    text-align: center;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-platform .header-platform-global-content_item .header-platform-global_title {

    font-size: 14px;

  }

}

.header .header-platform .header-platform-Netherlands-content_item {

  margin: 0 6px;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 calc((100% - 84px) / 7);

  flex: 0 0 calc((100% - 84px) / 7);

}

.header .header-platform .header-platform-Netherlands-content_item .header-platform-Netherlands_img {

  width: 100%;

  overflow: hidden;

}

.header .header-platform .header-platform-Netherlands-content_item .header-platform-Netherlands_img img {

  width: 100%;

}

.header .header-platform .header-platform-Netherlands-content_item .header-platform-Netherlands_title {

  margin: 28px 0 30px;

  font-size: 16px;

  line-height: 1.375;

  font-weight: 500;

  text-align: center;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-Netherlands-content_item {

    margin: 0 5.5555555556vw;

    top: 0;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 calc((100% - 22.2222222222vw) / 2);

    flex: 0 0 calc((100% - 22.2222222222vw) / 2);

  }

  .header .header-platform .header-platform-Netherlands-content_item .header-platform-Netherlands_title {

    font-size: 16px;

    margin: 16px 0 24px;

    line-height: 1.375;

    font-weight: 500;

    text-align: center;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-platform .header-platform-Netherlands-content_item .header-platform-Netherlands_title {

    font-size: 14px;

  }

}

.header .header-platform .header-platform-country-wrap {

  display: none;

  position: absolute;

  width: 100%;

  left: 0;

  top: 100%;

  padding: 50px calc(22.3214285714vw + -188.5714285714px) 65px calc(22.3214285714vw + -188.5714285714px);

  background-color: #FFF;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  z-index: 20;

  cursor: initial;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-country-wrap {

    position: fixed;

    top: 64px;

    bottom: 0;

    overflow: auto;

    padding: 16.6666666667vw 0 64px 0;

  }

}

.header .header-platform .header-platform-continents {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 50px;

}

.header .header-platform .header-platform-continents .countryUnderline {

  border-bottom: 1px solid #252728;

}

.header .header-platform .header-platform-continents .header-platform-continent {

  margin-right: calc(6.4732142857vw + -16.2857142857px);

  font-size: 20px;

  line-height: 26px;

  color: #999;

  font-weight: 600;

  cursor: pointer;

}

.header .header-platform .header-platform-continents .header-platform-continent.active {

  color: #252728;

}

.header .header-platform .header-platform-continents .header-platform-continent:last-of-type {

  margin-right: 0;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-continents {

    padding: 0 11.1111111111vw !important;

    margin-bottom: 3.4722222222vw;

    padding-bottom: 2.7777777778vw;

    overflow: auto;

    display: block !important;

  }

  .header .header-platform .header-platform-continents .header-platform-continents-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .header .header-platform .header-platform-continents .header-platform-continents-wrap .title {

    color: #252728;

    font-family: Montserrat;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 24px;

  }

  .header .header-platform .header-platform-continents::-webkit-scrollbar {

    display: none;

  }

  .header .header-platform .header-platform-continents .header-platform-continent {

    margin-right: 0;

    font-size: 14px;

    position: relative;

    white-space: nowrap;

    margin-bottom: 24px;

  }

  .header .header-platform .header-platform-continents .header-platform-continent.active {

    font-weight: 600;

  }

}

.header .header-platform .header-platform-country-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.header .header-platform .header-platform-country-item-wrap {

  color: #252728;

  font-size: 16px;

  font-weight: 500;

  line-height: 1.375;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  margin: 25px 0;

  padding-right: 10px;

}

@media screen and (max-width: 991.98px) and (min-width: 768px) {

  .header .header-platform .header-platform-country-item-wrap {

    margin: 0 0 24px 0;

  }

}

@media (max-width: 767.999px) {

  .header .header-platform .header-platform-country-item-wrap {

    margin: 0 0 16px 0;

  }

}

.header .header-platform .header-platform-country-item-wrap .header-platform-country-item {

  position: relative;

  display: inline-block;

  width: 100%;

}

.header .header-platform .header-platform-country-item-wrap .header-platform-country-item .country-name {

  will-change: opacity;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-country-item-wrap .header-platform-country-item .country-name {

    font-size: 14px;

    font-weight: 600;

    margin-bottom: -8px;

  }

}

.header .header-platform .header-platform-country-item-wrap .header-platform-country-item .language {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  left: 0;

  top: 20px;

  opacity: 0;

  pointer-events: none;

  will-change: opacity;

  font-weight: 400;

}

.header .header-platform .header-platform-country-item-wrap .header-platform-country-item .language .language-item {

  cursor: pointer;

  position: relative;

  margin-right: 10px;

  margin-top: 6px;

  line-height: 1;

  font-weight: 500;

  font-size: 14px;

  color: #999;

}

.header .header-platform .header-platform-country-item-wrap .header-platform-country-item .language .language-item::after {

  content: "";

  position: absolute;

  top: 50%;

  right: -5px;

  width: 1px;

  background-color: #282828;

  height: 60%;

  -webkit-transform: translate(50%, -50%);

  transform: translate(50%, -50%);

}

.header .header-platform .header-platform-country-item-wrap .header-platform-country-item .language .language-item:last-of-type {

  margin-right: 0;

}

.header .header-platform .header-platform-country-item-wrap .header-platform-country-item .language .language-item:last-of-type::after {

  content: none;

}

.header .header-platform .header-platform-country-item-wrap .header-platform-country-item .language .language-item:hover {

  text-decoration: underline;

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-country-item-wrap .header-platform-country-item .language {

    opacity: 1;

    position: initial;

    font-size: 3.3333333333vw;

    pointer-events: all;

  }

  .header .header-platform .header-platform-country-item-wrap .header-platform-country-item .language .language-item {

    cursor: pointer;

    margin-right: 3.8888888889vw;

    text-decoration: none !important;

    margin-top: 0px;

    line-height: 1;

    color: #999;

    font-size: 14px;

    font-weight: 600;

  }

  .header .header-platform .header-platform-country-item-wrap .header-platform-country-item .language .language-item::after {

    right: -1.9444444444vw;

  }

}

@media (min-width: 1201px) {

  .header .header-platform .header-platform-country-item-wrap .header-platform-country-item:hover .country-name {

    -webkit-transition: opacity 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out;

    opacity: 1;

  }

  .header .header-platform .header-platform-country-item-wrap .header-platform-country-item:hover .language {

    -webkit-transition: opacity 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out;

    opacity: 1;

    pointer-events: all;

    -webkit-transition-delay: 0.05s;

    transition-delay: 0.05s;

  }

}

@media screen and (max-width: 1600px) and (min-width: 992px) {

  .header .header-platform .header-platform-country-item-wrap {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

  }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

  .header .header-platform .header-platform-country-item-wrap {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

  }

}

@media screen and (max-width: 767.98px) {

  .header .header-platform .header-platform-country-item-wrap {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

  }

}

@media (max-width: 1200px) {

  .header .header-platform .header-platform-continents-content {

    padding: 0;

    max-height: 0;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

  }

  .header .header-platform .header-platform-continents-content.show {

    max-height: 420px;

    overflow-y: auto;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

  }

}

.header .header-content {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  padding-top: 38px;

  background-color: #252728;

  -webkit-transition: -webkit-transform 0.3s ease-out;

  transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

}

@media (min-width: 1201px) {

  .header .header-content.is-transform {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

  .header .header-content.is-transform-ipExisted {

    /*transform: translateY(-40px);*/

    /*transform: translateY(-70px);*/

    -webkit-transform: translateY(-108px);

    transform: translateY(-108px);

  }

  .header .header-content.is-transform-ipUnExisted {

    /*transform: translateY(-40px);*/

    -webkit-transform: translateY(-38px);

    transform: translateY(-38px);

  }

}

@media (max-width: 1200px) {

  .header .header-content {

    height: 64px;

    padding-top: 64px;

  }

  .header .header-content.is-active {

    background-color: rgba(37, 39, 40, 0.8);

    backdrop-filter: none;

  }

}

.header .header-content .header-logo-link {

  position: absolute;

  top: calc(18px + 50%);

  left: 50px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 3;

  width: auto;

}

@media (max-width: 1200px) {

  .header .header-content .header-logo-link {

    top: 50%;

    left: 32px;

  }

}

.header .header-content .logo-width16 {

  width: 16% !important;

}

@media (max-width: 1200px) {

  .header .header-content .logo-width16 {

    width: 20% !important;

  }

}

@media (max-width: 800px) {

  .header .header-content .logo-width16 {

    width: 30% !important;

  }

}

@media (max-width: 650px) {

  .header .header-content .logo-width16 {

    width: 35% !important;

  }

}

@media (max-width: 550px) {

  .header .header-content .logo-width16 {

    width: 45% !important;

  }

}

@media (max-width: 450px) {

  .header .header-content .logo-width16 {

    width: 40% !important;

  }

}

@media (max-width: 350px) {

  .header .header-content .logo-width16 {

    width: 100px !important;

  }

}

.header .header-content .logo-width15 {

  width: 15% !important;

}

@media (max-width: 1200px) {

  .header .header-content .logo-width15 {

    width: 20% !important;

  }

}

@media (max-width: 800px) {

  .header .header-content .logo-width15 {

    width: 30% !important;

  }

}

@media (max-width: 650px) {

  .header .header-content .logo-width15 {

    width: 35% !important;

  }

}

@media (max-width: 550px) {

  .header .header-content .logo-width15 {

    width: 45% !important;

  }

}

@media (max-width: 450px) {

  .header .header-content .logo-width15 {

    width: 40% !important;

  }

}

@media (max-width: 350px) {

  .header .header-content .logo-width15 {

    width: 100px !important;

  }

}

.header .header-content .logo-width14 {

  width: 14% !important;

}

@media (max-width: 1200px) {

  .header .header-content .logo-width14 {

    width: 20% !important;

  }

}

@media (max-width: 800px) {

  .header .header-content .logo-width14 {

    width: 30% !important;

  }

}

@media (max-width: 650px) {

  .header .header-content .logo-width14 {

    width: 35% !important;

  }

}

@media (max-width: 550px) {

  .header .header-content .logo-width14 {

    width: 45% !important;

  }

}

@media (max-width: 450px) {

  .header .header-content .logo-width14 {

    width: 40% !important;

  }

}

@media (max-width: 350px) {

  .header .header-content .logo-width14 {

    width: 100px !important;

  }

}

.header .header-content .logo-width13 {

  width: 13% !important;

}

@media (max-width: 1200px) {

  .header .header-content .logo-width13 {

    width: 20% !important;

  }

}

@media (max-width: 800px) {

  .header .header-content .logo-width13 {

    width: 30% !important;

  }

}

@media (max-width: 650px) {

  .header .header-content .logo-width13 {

    width: 35% !important;

  }

}

@media (max-width: 550px) {

  .header .header-content .logo-width13 {

    width: 45% !important;

  }

}

@media (max-width: 450px) {

  .header .header-content .logo-width13 {

    width: 40% !important;

  }

}

@media (max-width: 350px) {

  .header .header-content .logo-width13 {

    width: 100px !important;

  }

}

.header .header-content .logo-width12 {

  width: 12% !important;

}

@media (max-width: 1200px) {

  .header .header-content .logo-width12 {

    width: 20% !important;

  }

}

@media (max-width: 800px) {

  .header .header-content .logo-width12 {

    width: 30% !important;

  }

}

@media (max-width: 650px) {

  .header .header-content .logo-width12 {

    width: 35% !important;

  }

}

@media (max-width: 550px) {

  .header .header-content .logo-width12 {

    width: 45% !important;

  }

}

@media (max-width: 450px) {

  .header .header-content .logo-width12 {

    width: 40% !important;

  }

}

@media (max-width: 350px) {

  .header .header-content .logo-width12 {

    width: 100px !important;

  }

}

.header .header-content .logo-width11 {

  width: 11% !important;

}

@media (max-width: 1200px) {

  .header .header-content .logo-width11 {

    width: 20% !important;

  }

}

@media (max-width: 800px) {

  .header .header-content .logo-width11 {

    width: 30% !important;

  }

}

@media (max-width: 650px) {

  .header .header-content .logo-width11 {

    width: 35% !important;

  }

}

@media (max-width: 550px) {

  .header .header-content .logo-width11 {

    width: 45% !important;

  }

}

@media (max-width: 450px) {

  .header .header-content .logo-width11 {

    width: 40% !important;

  }

}

@media (max-width: 350px) {

  .header .header-content .logo-width11 {

    width: 100px !important;

  }

}

.header .header-content .logo-width100 {

  width: 100px !important;

}

.header .header-content .header-logo {

  width: 100%;

}

.header .header-content .header-nav-link {

  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;

  width: 100%;

  height: 100%;

}

.header .header-content .header-nav-link .header-nav-main {

  position: relative;

  z-index: 11;

  width: 100%;

  height: 65px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  pointer-events: none;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

}

.header .header-content .header-nav-link .needToBeCentered {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding-left: 0 !important;

}

.header .header-content .header-nav-link .header-nav-main:first-child {

  padding-left: 12vw;

  padding-left: 16vw;

}

.header .header-content .header-nav-link .header-cars-type .display-none {

  display: none;

}

.header .header-content .header-nav-link .header-cars-type .car-models-link {

  display: block;

  color: var(--Notification-500, #3753B1);

  font-size: 12px;

  font-style: normal;

  font-weight: 500;

  line-height: 16px;

  text-transform: capitalize;

  padding-left: 30px;

  padding-top: 16px;

}

.header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-shadow: unset;

  box-shadow: unset;

  margin-right: 24px;

}

.header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content .car-models-link-svg {

  padding: 4px 0px;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  margin-left: 8px;

}

.header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content div {

  display: inline;

}

.header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content:hover {

  background: #fff;

  font-weight: 700;

  text-decoration: underline;

}

.header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content:visited {

  background: #fff;

}

@media screen and (max-width: 1200px) {

  .header .header-content .header-nav-link .header-cars-type .car-models-link {

    display: block;

    color: var(--Notification-500, #3753B1);

    font-size: 12px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px;

    text-transform: capitalize;

    padding-left: 30px;

    padding-top: 16px;

  }

  .header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-shadow: unset;

    box-shadow: unset;

    margin-right: 24px;

  }

  .header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content .car-models-link-svg {

    padding: 4px 0px;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-left: 8px;

  }

  .header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content div {

    display: inline;

  }

  .header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content:hover {

    background: #fff;

    font-weight: 700;

    text-decoration: underline;

  }

  .header .header-content .header-nav-link .header-cars-type .car-models-link .car-models-link-content:visited {

    background: #fff;

  }

}

@media (max-width: 767px) {

  .header .header-content .header-nav-link .header-cars-type .car-models-link {

    display: block;

    padding: unset;

    margin-bottom: 12px;

    margin-top: 8px;

  }

}

.header .header-content .header-nav-link .header-cars-type .arrow-support {

  display: inline-block;

  font-size: 12px;

  -webkit-transform: scale(0.55);

  transform: scale(0.55);

  margin-left: 6px;

  margin-right: -4.5px;

}

.header .header-content .header-nav-link .header-cars-type .icon-arrow {

  display: inline-block;

  font-size: 12px;

  -webkit-transform: scale(0.55);

  transform: scale(0.55);

  margin-left: 6px;

  margin-right: -4.5px;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-link {

    display: none;

    height: calc(100vh - 13.8888888889vw);

    position: relative;

    left: 0;

    bottom: 0;

    padding: 32px 24px 48px 24px;

    padding-bottom: calc(64px + 3.9583333333vw);

    overflow-y: scroll !important;

    background-color: #FFF;

  }

  .header .header-content .header-nav-link.open {

    display: block;

  }

  .header .header-content .header-nav-link .header-nav-main {

    height: auto;

    display: block;

    position: static;

    position: initial;

  }

  .header .header-content .header-nav-link .header-nav-main a {

    height: auto;

    display: inline-block;

  }

  .header .header-content .header-nav-link .header-nav-main .other-link-lists-wrap {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-size: 3.3333333333vw;

  }

  .header .header-content .header-nav-link .header-nav-main:first-child {

    padding-left: 0 !important;

  }

  .header .header-content .header-nav-link .header-cars-type .header-nav-title {

    position: relative;

    width: 100%;

    font-size: 20px;

    font-weight: 700;

    line-height: 26px;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .header-nav-link .header-cars-type .header-nav-title {

    font-size: 16px;

    line-height: 24px;

  }

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-link .header-cars-type .icon-arrow {

    position: absolute;

    top: 50%;

    right: 1px;

    display: inline-block;

    font-size: 12px;

    -webkit-transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

    transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

    margin-left: 5px;

  }

  .header .header-content .header-nav-link .header-cars-type .icon-back {

    font-size: 12px !important;

  }

  .header .header-content .header-nav-link .header-cars-type .arrow-support {

    position: absolute;

    top: 50%;

    right: 1px;

    display: inline-block;

    font-size: 12px;

    -webkit-transform: scale(0.8) translateY(-50%) rotate(-90deg) !important;

    transform: scale(0.8) translateY(-50%) rotate(-90deg) !important;

    margin-left: 5px;

    margin-right: -4.5px;

  }

  .header .header-content .header-nav-link .header-cars-type .header-platform .icon-arrow {

    right: auto !important;

  }

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-link.isIpHeight {

    height: 80vh;

  }

}

.header .header-content .word-type .content-href {

  width: 100% !important;

}

.header .header-content .header-nav-list a.have-link {

  color: #252728;

  cursor: pointer;

}

.header .header-content .header-nav-list a.have-link:hover {

  font-weight: 700;

  background: none !important;

  text-decoration: underline;

}

.header .header-content .header-nav-list .have-underline {

  border-bottom: 1px solid #252728;

  background: none !important;

}

.header .header-content .header-nav-list .header-nav-item {

  color: #fff;

  margin: 0 calc(2.4553571429vw + -17.1428571429px) 21px;

  font-size: 16px;

  font-weight: 700;

  line-height: 1.375;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  pointer-events: all;

}

@media (min-width: 1201px) {

  .header .header-content .header-nav-list .header-nav-item:hover {

    color: white;

    border-bottom: 2px solid #fff;

  }

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-list .header-nav-item {

    color: #252728;

    width: 100%;

    font-size: 20px;

    display: inline-block;

    font-weight: 700;

    margin: 12px 0;

    line-height: 26px;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .header-nav-list .header-nav-item {

    font-size: 16px;

  }

}

.header .header-content .header-cars-type {

  pointer-events: all;

  cursor: pointer;

}

@media (min-width: 1201px) {

  .header .header-content .header-cars-type:hover .header-nav-item {

    color: white;

    border-bottom: 2px solid #fff;

  }

}

.header .header-content .header-cars-type .header-nav-item {

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.375;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  pointer-events: all;

  border-bottom: 2px solid transparent;

}

@media (max-width: 1200px) {

  .header .header-content .header-cars-type .header-nav-item {

    color: #252728;

    width: 100%;

    font-size: 20px;

    display: inline-block;

    line-height: 1.375;

    font-weight: 700;

  }

}

@media (max-width: 1200px) and (max-width: 767.999px) {

  .header .header-content .header-cars-type .header-nav-item {

    font-size: 16px;

  }

}

.header .header-content .word-type .other-link-popup-wrap {

  position: absolute;

  width: 100%;

  top: 100%;

  height: auto !important;

  background-color: #FFF;

  color: #252728;

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-popup-wrap {

    position: relative !important;

    height: 100%;

  }

}

.header .header-content .word-type .other-link-popup-wrap .other-link-popup {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-popup-wrap .other-link-popup {

    padding: 0 !important;

  }

}

.header .header-content .word-type .other-link-popup-wrap .other-link-popup .icon-back {

  -webkit-transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

  transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

  top: 1.555556vw !important;

  font-size: 12px;

}

.header .header-content .word-type .other-link-popup-wrap .other-link-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: 100%;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-popup-wrap .other-link-content {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin: 0px !important;

  }

}

.header .header-content .word-type .other-link-popup-wrap .other-link-lists-wrap {

  -webkit-transition: 0.5s;

  transition: 0.5s;

  margin: 50px;

  display: grid !important;

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-popup-wrap .other-link-lists-wrap {

    margin: 0 8px -8px 8px;

  }

}

.header .header-content .word-type .other-link-popup-wrap .other-link-lists-wrap .other-link-lists-title {

  margin-right: 2.7777777778vw;

  margin: 0 0 8px 0;

  font-size: 20px;

  line-height: 1;

  font-weight: 600;

  color: #252728;

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-popup-wrap .other-link-lists-wrap .other-link-lists-title {

    margin: 0 0 16px 0;

  }

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-popup-wrap .other-link-lists-wrap .other-link-lists-title {

    margin-right: 5.5555555556vw;

    font-size: 16px !important;

    font-weight: 600;

    line-height: 24px;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .word-type .other-link-popup-wrap .other-link-lists-wrap .other-link-lists-title {

    font-size: 14px !important;

    line-height: 22px;

  }

}

.header .header-content .word-type .other-link-popup-wrap .other-link-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.header .header-content .word-type .other-link-popup-wrap .other-link-list a {

  cursor: pointer;

  color: #252728;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.375;

  margin: 16px 0;

  padding-right: 10px;

  color: #515253;

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-popup-wrap .other-link-list a {

    margin-right: 2.7777777778vw;

    font-size: 16px;

    margin: 8px 0;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .word-type .other-link-popup-wrap .other-link-list a {

    font-size: 14px;

    font-weight: 500;

  }

}

.header .header-content .word-type .other-link-popup-wrap .other-link-list a:hover {

  text-decoration: underline;

}

.header .header-content .word-type .other-link-popup-wrap .icon-back {

  display: none;

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-popup-wrap .icon-back {

    display: inline-block !important;

    -webkit-transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

    transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

    position: absolute;

    top: 5.5555555556vw;

    left: 7.5vw;

    color: #4e5356;

    font-size: 12px;

  }

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-popup-wrap {

    position: fixed;

    top: 64px;

    bottom: 0;

    z-index: 20;

  }

  .header .header-content .word-type .other-link-popup-wrap.active {

    display: block;

  }

}

.header .header-content .word-type .other-link-content {

  margin: 8px 0 8px 0;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.header .header-content .word-type .other-link-content .other-link-lists-title {

  color: #252728;

  font-weight: 700;

  line-height: 1.375;

  font-size: 16px;

  margin: 8px 0;

}

@media (max-width: 768px) {

  .header .header-content .word-type .other-link-content .other-link-lists-title {

    font-size: 14px;

    line-height: 22px;

  }

}

@media (max-width: 1200px) {

  .header .header-content .word-type .other-link-content .other-link-lists-title {

    margin: 16px 0;

  }

}

.header .header-content .header-nav-other {

  position: absolute;

  width: 100%;

  top: 38px;

  height: calc(100% - 38px);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  /*loading*/

}

.header .header-content .header-nav-other .other-link-title {

  cursor: pointer;

}

.header .header-content .header-nav-other .right-icon-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.header .header-content .header-nav-other a:hover {

  border-bottom: 0px solid #fff;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .icon-login img {

    font-size: 4.1666666667vw;

  }

}

.header .header-content .header-nav-other .acount_loading {

  border: 4px solid #DFDFDF;

  border-top: 4px solid #686868;

  border-radius: 50%;

  width: 22px;

  height: 22px;

  -webkit-animation: spin 1.2s linear infinite;

  animation: spin 1.2s linear infinite;

}

@-webkit-keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

.header .header-content .header-nav-other .other-link {

  height: 100%;

  color: #fff;

  font-size: 16px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  font-weight: 500;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 0 calc(1.1160714286vw + -1.4285714286px);

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link {

    font-weight: 700;

    font-size: 20px;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .header-nav-other .other-link {

    font-size: 16px;

  }

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link {

    margin: 0;

  }

}

.header .header-content .header-nav-other .other-link .byd-word span {

  font-size: 16px;

  font-weight: 500;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  pointer-events: all;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link .byd-word span {

    width: 100%;

    font-size: 20px;

    display: inline-block;

    font-weight: 700;

    line-height: 26px;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .header-nav-other .other-link .byd-word span {

    font-size: 16px;

    line-height: 26px;

  }

}

.header .header-content .header-nav-other .other-link .byd-word span:hover {

  color: rgba(255, 255, 255, 0.8);

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link .byd-word span:hover {

    color: #252728;

  }

}

.header .header-content .header-nav-other .other-link .byd-word img {

  margin: -5px 10px 0px 5px;

  width: auto;

  height: 30px;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link .byd-word img {

    margin: 0px;

  }

}

.header .header-content .header-nav-other .other-link .arrow-support {

  display: inline-block;

  font-size: 12px;

  -webkit-transform: scale(0.55);

  transform: scale(0.55);

  margin-left: 6px;

  margin-right: -4.5px;

}

.header .header-content .header-nav-other .other-link span {

  cursor: pointer;

}

@media (min-width: 1201px) {

  .header .header-content .header-nav-other .other-link:hover:nth-child(1) {

    opacity: 1;

  }

  .header .header-content .header-nav-other .other-link:hover:nth-child(1) .other-link-popup-wrap {

    display: block;

  }

  .header .header-content .header-nav-other .other-link:hover:nth-child(2) .other-link-popup-wrap {

    display: block;

  }

}

.header .header-content .header-nav-other .other-link .other-lk {

  position: relative;

  font-weight: 500;

  font-size: 16px;

  line-height: 1.375;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link .other-lk {

    font-weight: 700;

    font-size: 20px;

    line-height: 26px;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .header-nav-other .other-link .other-lk {

    font-size: 16px;

    line-height: 26px;

  }

}

.header .header-content .header-nav-other .other-link .icon-gps {

  width: 19px;

  margin-right: 10px;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link .icon-gps {

    display: none;

  }

}

.header .header-content .header-nav-other .other-link-popup-wrap {

  position: absolute;

  width: 100%;

  top: 100%;

  background-color: #FFF;

  color: #252728;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link-popup-wrap {

    position: relative !important;

    height: 100%;

  }

}

.header .header-content .header-nav-other .other-link-popup-wrap .other-link-popup {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link-popup-wrap .other-link-popup {

    padding: 0 !important;

  }

}

.header .header-content .header-nav-other .other-link-popup-wrap .other-link-popup .icon-back {

  -webkit-transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

  transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

  top: 1.555556vw !important;

  font-size: 12px;

}

.header .header-content .header-nav-other .other-link-popup-wrap .other-link-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: 100%;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link-popup-wrap .other-link-content {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-top: 0px !important;

  }

}

.header .header-content .header-nav-other .other-link-popup-wrap .other-link-lists-wrap {

  -webkit-transition: 0.5s;

  transition: 0.5s;

  margin: 50px 50px 50px 0;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link-popup-wrap .other-link-lists-wrap {

    margin: 0 8px 8px 8px;

  }

}

.header .header-content .header-nav-other .other-link-popup-wrap .other-link-lists-wrap .other-link-lists-title {

  margin-right: calc(8.7053571429vw + -39.1428571429px);

  font-size: 20px;

  line-height: 1.375;

  font-weight: 600;

  color: #252728;

  margin-bottom: 8px;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link-popup-wrap .other-link-lists-wrap .other-link-lists-title {

    margin-right: 5.5555555556vw;

    font-size: 16px;

    font-weight: 700;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .header-nav-other .other-link-popup-wrap .other-link-lists-wrap .other-link-lists-title {

    font-size: 14px;

  }

}

.header .header-content .header-nav-other .other-link-popup-wrap .other-link-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.header .header-content .header-nav-other .other-link-popup-wrap .other-link-list a {

  cursor: pointer;

  color: #515253;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.375;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  margin: 8px 0;

  padding-right: 10px;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link-popup-wrap .other-link-list a {

    margin-right: 2.7777777778vw;

    font-size: 16px;

    font-weight: 500;

    margin: 8px 0;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .header-nav-other .other-link-popup-wrap .other-link-list a {

    font-size: 14px;

    font-weight: 500;

  }

}

.header .header-content .header-nav-other .other-link-popup-wrap .other-link-list a:hover {

  text-decoration: underline;

}

.header .header-content .header-nav-other .other-link-popup-wrap .icon-back {

  display: none;

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link-popup-wrap .icon-back {

    display: inline-block !important;

    -webkit-transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

    transform: scale(0.8) translateY(-50%) rotate(90deg) !important;

    position: absolute;

    top: 5.5555555556vw;

    left: 7.5vw;

    color: #4e5356;

    font-size: 12px;

  }

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other .other-link-popup-wrap {

    position: fixed;

    top: 64px;

    bottom: 0;

    z-index: 20;

  }

  .header .header-content .header-nav-other .other-link-popup-wrap.active {

    display: block;

  }

}

@media (max-width: 1200px) {

  .header .header-content .header-nav-other {

    position: initial;

    -webkit-transform: none;

    transform: none;

    margin: 0;

    display: block;

    height: auto;

  }

  .header .header-content .header-nav-other .other-link {

    position: relative;

    display: block;

    width: 100%;

    color: #252728;

    line-height: 1.375;

    font-weight: 600;

  }

  .header .header-content .header-nav-other .other-link .arrow-support {

    position: absolute;

    top: 50%;

    right: 1px;

    display: inline-block;

    font-size: 12px;

    -webkit-transform: scale(0.8) translateY(-50%) rotate(-90deg) !important;

    transform: scale(0.8) translateY(-50%) rotate(-90deg) !important;

    margin-left: 5px;

    margin-right: -4.5px;

  }

}

.header .header-content .other-btn {

  border: 1px solid #fff;

  background: #fff;

  color: #010101;

  padding: 7px 24px;

}

@media (max-width: 1200px) {

  .header .header-content .other-btn {

    line-height: 1.375;

    font-weight: 500;

  }

}

.header .header-content .other-btn.mr-20 {

  margin-right: 20px;

}

.header .header-content .other-btn:hover {

  color: #fff;

  background: #010101;

  border: 1px solid #010101;

}

@media (max-width: 1200px) {

  .header .header-content .other-login .icon-login img {

    width: 20px;

    height: 20px;

    margin-top: -1vw;

    font-size: 20px;

  }

}

@media (max-width: 1200px) and (max-width: 470px) {

  .header .header-content .other-login .icon-login img {

    margin-top: -2vw;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .header .header-content .other-login .icon-login img {

    font-size: 16px;

    width: 16px;

    height: 16px;

  }

}

.header .header-content .header-handle {

  display: none;

  position: absolute;

  top: 50%;

  right: 32px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  border: 0;

}

@media (max-width: 1200px) {

  .header .header-content .header-handle {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

}

.header .header-content .header-search {

  color: #fff;

  margin-right: 32px;

}

.header .header-content .header-search .icon-search {

  font-size: 17px;

}

@media (max-width: 1200px) {

  .header .header-content .header-search .icon-search {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

}

.header .header-content .search-hidden {

  margin-right: 0;

}

.header .header-content .header-open-nav {

  position: relative;

  width: 18px;

  height: 18px;

  background-color: transparent;

}

.header .header-content .header-open-nav .center-line {

  height: 2px;

  border-radius: 1px;

  width: 18px;

  background-color: #fff;

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: width ease-out 0.3s;

  transition: width ease-out 0.3s;

  will-change: width;

}

.header .header-content .header-open-nav::before, .header .header-content .header-open-nav::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  height: 2px;

  width: 18px;

  border-radius: 1px;

  background-color: #fff;

  -webkit-transform: translate(-50%, -50%) rotate(0);

  transform: translate(-50%, -50%) rotate(0);

  -webkit-transition: margin-top ease-out 0.2s, -webkit-transform ease-out 0.4s;

  transition: margin-top ease-out 0.2s, -webkit-transform ease-out 0.4s;

  transition: transform ease-out 0.4s, margin-top ease-out 0.2s;

  transition: transform ease-out 0.4s, margin-top ease-out 0.2s, -webkit-transform ease-out 0.4s;

  will-change: width, transform, margin-top;

}

.header .header-content .header-open-nav::before {

  margin-top: -6px;

}

.header .header-content .header-open-nav::after {

  margin-top: 6px;

}

.header .header-content .header-open-nav.active::before {

  margin-top: 0;

  -webkit-transform: translate(-50%, -50%) rotate(225deg);

  transform: translate(-50%, -50%) rotate(225deg);

}

.header .header-content .header-open-nav.active .center-line {

  width: 0;

}

.header .header-content .header-open-nav.active::after {

  margin-top: 0;

  -webkit-transform: translate(-50%, -50%) rotate(-225deg);

  transform: translate(-50%, -50%) rotate(-225deg);

}



.header.ip-tip-show {

  top: 70px;

  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

}

@media (max-width: 800px) {

  .header.ip-tip-show {

    top: 64px;

  }

}

@media (max-width: 720px) {

  .header.ip-tip-show {

    top: 133px;

  }

}



@media (max-width: 1200px) {

  .ip-tip-show-isTransform {

    -webkit-transform: translateY(-70px);

    transform: translateY(-70px);

  }

}

@media (max-width: 720px) {

  .ip-tip-show-isTransform {

    -webkit-transform: translateY(-134px);

    transform: translateY(-134px);

  }

}



.header-ip-jump {

  background: #121212;

  height: 70px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding-left: 30px;

  padding-right: 30px;

  font-family: Montserrat, serif;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  position: fixed;

  width: 100vw;

  z-index: 3000;

  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

}

@media (max-width: 1100px) {

  .header-ip-jump {

    padding-left: 0;

    padding-right: 0;

  }

}

@media (max-width: 720px) {

  .header-ip-jump {

    height: 208px;

    display: block;

    padding-right: 0;

  }

}

.header-ip-jump > :first-child {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  color: #FFFFFF;

  padding-left: 16px;

  font-size: 16px;

  font-weight: 500;

  line-height: 24px;

  text-align: left;

}

@media (max-width: 720px) {

  .header-ip-jump > :first-child {

    height: 64px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    max-width: 90%;

    /* max-height: 72px; */

  }

}

.header-ip-jump > :nth-child(2) {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding: 16px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center;

  line-height: 38px;

  font-size: 14px;

  font-weight: 500;

  color: #010101;

  /* 图标翻转 */

}

@media (max-width: 720px) {

  .header-ip-jump > :nth-child(2) {

    height: 70px;

    background: #121212;

  }

}

.header-ip-jump > :nth-child(2) .single-first-btn {

  width: 220px;

  height: 38px;

  background: #fff;

  color: #000;

  margin-right: 16px;

  cursor: pointer;

}

@media (max-width: 800px) {

  .header-ip-jump > :nth-child(2) .single-first-btn {

    width: 180px;

  }

}

@media (max-width: 720px) {

  .header-ip-jump > :nth-child(2) .single-first-btn {

    /*width: 80%;

    margin-right: 0;

    margin-bottom: 16px;*/

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-right: 16px;

  }

}

.header-ip-jump > :nth-child(2) .multiple-first-btn {

  width: 220px;

  height: 38px;

  background: #fff;

  color: #000;

  margin-right: 16px;

  cursor: pointer;

  position: relative;

}

@media (max-width: 800px) {

  .header-ip-jump > :nth-child(2) .multiple-first-btn {

    width: 180px;

  }

}

@media (max-width: 720px) {

  .header-ip-jump > :nth-child(2) .multiple-first-btn {

    /* width: 80%;

     margin-right: 0;

     margin-bottom: 16px;*/

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-right: 16px;

  }

}

.header-ip-jump > :nth-child(2) .icon {

  position: absolute;

  right: 6%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  vertical-align: middle;

  display: inline-block;

  width: 16px;

  height: 16px;

  /*background-image: url('assets/arrow-down.svg');

  background-size: cover;*/

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

}

.header-ip-jump > :nth-child(2) .icon.rotated {

  -webkit-transform: translateY(-50%) rotate(180deg);

  transform: translateY(-50%) rotate(180deg);

  position: absolute;

  right: 6%;

  top: 50%;

}

.header-ip-jump > :nth-child(2) .dropdown-menu {

  position: absolute;

  top: 110%;

  left: 0;

  background-color: white;

  border: 1px solid #ddd;

  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  padding: 0;

  margin: 0;

  list-style: none;

  width: 100%;

  z-index: 2001;

}

.header-ip-jump > :nth-child(2) .dropdown-menu li {

  vertical-align: middle;

  height: 38px;

  line-height: 38px;

  cursor: pointer;

}

.header-ip-jump > :nth-child(2) .dropdown-menu li:hover {

  background-color: #f0f0f0;

}

.header-ip-jump > :nth-child(2) .other-country-btn {

  width: 220px;

  height: 38px;

  background: #252728;

  color: #fff;

  cursor: pointer;

}

@media (max-width: 800px) {

  .header-ip-jump > :nth-child(2) .other-country-btn {

    width: 180px;

  }

}

@media (max-width: 720px) {

  .header-ip-jump > :nth-child(2) .other-country-btn {

    /*width: 80%;*/

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

  }

}

.header-ip-jump > :nth-child(2) .blank-flex {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}

@media (max-width: 720px) {

  .header-ip-jump > :nth-child(2) .blank-flex {

    -webkit-box-flex: 0;

    -ms-flex: 0;

    flex: 0;

  }

}

.header-ip-jump > :nth-child(2) > :last-child {

  width: 24px;

  height: 24px;

  -o-object-fit: cover;

  object-fit: cover;

  cursor: pointer;

}

@media (max-width: 800px) {

  .header-ip-jump > :nth-child(2) > :last-child {

    margin-left: 18px;

  }

}

@media (max-width: 720px) {

  .header-ip-jump > :nth-child(2) > :last-child {

    margin-left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 2.5%;

  }

}

@media (max-width: 800px) {

  .header-ip-jump {

    height: 64px;

  }

}



.header-ip-jump-isTransform {

  -webkit-transform: translateY(-70px);

  transform: translateY(-70px);

}

@media (max-width: 720px) {

  .header-ip-jump-isTransform {

    -webkit-transform: translateY(-134px);

    transform: translateY(-134px);

  }

}



.header-activity-news {

  width: 100vw;

  background: #F7F7F7;

  min-height: 32px;

  height: 32px;

  position: fixed;

  top: 172.5px;

  text-align: center;

  font-family: Montserrat, serif;

  font-size: 14px;

  font-weight: 500;

  color: #000;

  line-height: 100%;

  z-index: 1000;

  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;

  -webkit-transition: -webkit-transform 0.3s ease-out;

  transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

  padding: 0 calc((100% - 800px) / 2);

}

@media (max-width: 1200px) {

  .header-activity-news {

    top: 131px;

  }

}

@media (max-width: 800px) {

  .header-activity-news {

    padding: 0 18px;

  }

}

.header-activity-news span {

  cursor: pointer;

  max-width: 800px;

}

.header-activity-news img {

  cursor: pointer;

}



@media (max-width: 800px) and (min-width: 720px) {

  .header-activity-news.header-activity-ifIpExist {

    top: 128px;

  }

}

@media (max-width: 720px) {

  .header-activity-news.header-activity-ifIpExist {

    top: 197px;

  }

}



.header-activity-news.scrolledWithIpExisted {

  /*transform: translateY(-40px);*/

  -webkit-transform: translateY(calc(-109px - 100%));

  transform: translateY(calc(-109px - 100%));

  /*@media (max-width: 1200px) {

      transform: translateY(0);

  }*/

  /*@media (max-width: 800px) {

      top: 128px;

  }

  @media (max-width: 720px) {

      top: 268px;

  }*/

}

@media (max-width: 1200px) {

  .header-activity-news.scrolledWithIpExisted {

    -webkit-transform: translateY(calc(-71px - 100%));

    transform: translateY(calc(-71px - 100%));

  }

}

@media (max-width: 720px) {

  .header-activity-news.scrolledWithIpExisted {

    -webkit-transform: translateY(calc(-135px - 100%));

    transform: translateY(calc(-135px - 100%));

  }

}



.header-activity-news.unscrolledWithIpUnExisted {

  top: 103px;

}

@media (max-width: 1200px) {

  .header-activity-news.unscrolledWithIpUnExisted {

    top: 64px;

  }

}



.header-activity-news.scrolledWithIpUnExisted {

  -webkit-transform: translateY(calc(-39px - 100%));

  transform: translateY(calc(-39px - 100%));

  top: 103px;

}

@media (max-width: 1200px) {

  .header-activity-news.scrolledWithIpUnExisted {

    -webkit-transform: translateY(calc(-1px - 100%));

    transform: translateY(calc(-1px - 100%));

    top: 64px;

  }

}



/*.news-container {

    //width: 90%; !* 设置容器宽度为100%以适应父元素 *!

    //padding: 0 15%; !* 设置容器宽度为100%以适应父元素 *!

    //max-width: 900px; !* 限制最大宽度，确保样式一致 *!

    //margin: 0 auto; !* 居中对齐 *!

    //display: flex;

    //justify-content: space-between;

    //align-items: center;

}*/

.header-swiper-container {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1; /* 使 Swiper 容器填满可用空间 */

  overflow: hidden;

}



.news-item {

  display: block;

  text-align: center;

  color: #000;

  font-weight: 500;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.header-swiper-container .swiper-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.header-swiper-container .swiper-slide {

  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;

}

.header-swiper-container .swiper-slide a > div {

  width: 100%;

  max-width: 100%;

  word-wrap: break-word;

  word-break: break-word;

  white-space: normal;

  line-height: 1.2;

  text-align: left;

}



/* 自定义导航按钮的样式 */

/*.custom-prev,

.custom-next {

    color: #000; !* 按钮颜色 *!

    font-size: 20px; !* 按钮字体大小 *!

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #000; !* 边框颜色 *!

    border-radius: 50%; !* 圆形按钮 *!

    background-color: #fff; !* 背景色 *!

    cursor: pointer;

    margin: 0 10px; !* 调整按钮与内容之间的距离 *!

    transition: background-color 0.3s ease;

}*/

/*.custom-prev:hover,

.custom-next:hover {

    background-color: #f0f0f0;

}*/

.header .js-click * {

  cursor: default;

}



.car-list-show {

  max-height: 100vh !important;

}



.menu-show {

  max-height: 100vh !important;

}



.car-list-bg {

  background-color: #FFF;

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 100%;

  max-height: 0;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  top: 64px;

  overflow: hidden;

  z-index: 11;

}

.car-list-bg .car-list-content {

  width: 100%;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  padding: 64px 220px;

  color: #252728;

  margin: 0 auto;

  position: relative;

  overflow-y: auto;

  min-height: 54vh;

  max-height: 70vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media screen and (min-width: 2100px) {

  .car-list-bg .car-list-content {

    width: 80%;

  }

}

@media screen and (min-width: 2700px) {

  .car-list-bg .car-list-content {

    width: 60%;

  }

}

@media screen and (min-width: 2700px) {

  .car-list-bg .car-list-content {

    width: 50%;

  }

}

@media screen and (max-width: 1661px) and (min-width: 1200px) {

  .car-list-bg .car-list-content {

    max-height: 82vh !important;

  }

}

@media screen and (max-width: 1661px) and (min-width: 992px) {

  .car-list-bg .car-list-content {

    padding: 48px 64px 100px 64px !important;

  }

}

.car-list-bg .car-list-content .other-link-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: 100%;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

@media (max-width: 1200px) {

  .car-list-bg .car-list-content .other-link-content {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-top: 0px !important;

  }

}

.car-list-bg .car-list-content .other-link-lists-wrap {

  margin: 8px 50px 50px 0;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

@media (max-width: 1200px) {

  .car-list-bg .car-list-content .other-link-lists-wrap {

    margin: 0 8px -26px 8px;

  }

}

.car-list-bg .car-list-content .other-link-lists-wrap .other-link-lists-title {

  margin-right: calc(8.7053571429vw + -39.1428571429px);

  font-size: 20px;

  line-height: 1.375;

  font-weight: 600;

  color: #252728;

  margin-bottom: 8px;

}

@media (max-width: 1200px) {

  .car-list-bg .car-list-content .other-link-lists-wrap .other-link-lists-title {

    margin-right: 5.5555555556vw;

    font-size: 16px;

    font-weight: 700;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .other-link-lists-wrap .other-link-lists-title {

    font-size: 14px;

  }

}

.car-list-bg .car-list-content .other-link-lists-wrap .other-link-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.car-list-bg .car-list-content .other-link-lists-wrap .other-link-list a {

  cursor: pointer;

  color: #515253;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.375;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  margin: 8px 0;

  padding-right: 10px;

}

@media (max-width: 1200px) {

  .car-list-bg .car-list-content .other-link-lists-wrap .other-link-list a {

    margin-right: 2.7777777778vw;

    font-size: 16px;

    font-weight: 500;

    margin: 8px 0;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .other-link-lists-wrap .other-link-list a {

    font-size: 14px;

    font-weight: 500;

  }

}

.car-list-bg .car-list-content .other-link-lists-wrap .other-link-list a:hover {

  text-decoration: underline;

}

.car-list-bg .car-list-content .content {

  margin-bottom: 24px;

  font-size: 20px;

  font-weight: 700;

  line-height: 26px;

  color: #252728;

}

.car-list-bg .car-list-content .content h3.first-title-have-underline {

  cursor: pointer;

}

.car-list-bg .car-list-content .car-list-close {

  position: absolute;

  right: 2vw;

  top: 46px;

  width: 20px;

  height: 20px;

}

.car-list-bg .car-list-content .car-list-close::before {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(225deg);

  transform: translate(-50%, -50%) rotate(225deg);

  background-color: #252728;

}

.car-list-bg .car-list-content .car-list-close::after {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(-225deg);

  transform: translate(-50%, -50%) rotate(-225deg);

  background-color: #252728;

}

.car-list-bg .car-list-content .car-list-nav {

  display: grid;

  margin-right: 100px;

  color: #252728;

  max-height: 100px;

  padding-top: 16px;

}

@media (max-width: 1200px) {

  .car-list-bg .car-list-content .car-list-nav {

    color: #515253;

  }

}

.car-list-bg .car-list-content .car-list-nav .modelHref {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  font-size: 20px;

  line-height: 26px;

  display: inline-block;

  margin-bottom: 24px;

  cursor: pointer;

  position: relative;

  font-weight: 700;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  font-family: Montserrat;

  color: #252728;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  display: block;

}

.car-list-bg .car-list-content .car-list-nav .modelHref .model-hover-text {

  position: relative;

  display: block;

  cursor: pointer;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

}

.car-list-bg .car-list-content .car-list-nav .modelHref .son-link-section {

  margin-top: 16px;

}

.car-list-bg .car-list-content .car-list-nav .modelHref .son-link-section li {

  font-size: 14px;

  line-height: 32px;

  color: rgb(105, 104, 104);

  padding-left: 10px;

  cursor: pointer;

}

.car-list-bg .car-list-content .car-list-nav .modelHref .son-link-section li:hover {

  text-decoration: underline;

  color: #3753B1;

}

.car-list-bg .car-list-content .car-list-nav .linkColor {

  color: #3753B1;

}

.car-list-bg .car-list-content .car-list-nav > p {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  font-size: 20px;

  line-height: 26px;

  display: inline-block;

  margin-bottom: 24px;

  cursor: pointer;

  position: relative;

  font-weight: 700;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  max-height: 30px;

  font-family: Montserrat;

  color: #252728;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.car-list-bg .car-list-content .car-list-nav > p:hover {

  color: #252728;

}

.car-list-bg .car-list-content .car-list-nav .active .model-hover-text::before {

  content: "";

  position: absolute;

  bottom: -2px !important;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 100%;

  z-index: -1;

  height: 1.5px;

  background-color: #252728;

  color: #252728;

}

.car-list-bg .car-list-content .car-list-nav .active-car-bottom {

  border-bottom: 1px solid #252728;

}

.car-list-bg .car-list-content .con-title-underline {

  cursor: pointer;

}

.car-list-bg .car-list-content .con-title-underline:hover {

  text-decoration: underline;

}

.car-list-bg .car-list-content .con-title {

  padding-top: 24px;

}

.car-list-bg .car-list-content .con-title h3 {

  padding-bottom: 16px;

  font-size: 16px;

  font-weight: 700;

  line-height: 24px;

  color: #515253;

  cursor: pointer;

}

.car-list-bg .car-list-content .content::-webkit-scrollbar-thumb {

  background-color: #DCDDDF;

}

.car-list-bg .car-list-content .content::-webkit-scrollbar-track {

  background-color: transparent;

}

.car-list-bg .car-list-content .content {

  width: 100%;

  max-height: calc(100vh - 100px - 54px - 48px - 102px);

}

.car-list-bg .car-list-content .content a h3 {

  font-weight: 500;

}

.car-list-bg .car-list-content .content .learn-more {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-weight: 600;

}

.car-list-bg .car-list-content .content .learn-more a {

  color: #515253;

  line-height: 22px;

  font-size: 14px;

  font-weight: 600;

  cursor: pointer;

}

.car-list-bg .car-list-content .content .learn-more a.text-center {

  margin: 0 auto;

}

@media screen and (max-width: 1200px) {

  .car-list-bg .car-list-content .content .learn-more a.text-center {

    margin: 0;

  }

}

.car-list-bg .car-list-content .content .learn-more a.text-center-mob {

  margin: 0 !important;

}

.car-list-bg .car-list-content .content .learn-more a.explore {

  font-weight: 400;

}

.car-list-bg .car-list-content .content .learn-more a.test-drive {

  font-weight: 400;

}

.car-list-bg .car-list-content .content .learn-more a.have-link-underline {

  color: #252728;

  cursor: pointer;

}

.car-list-bg .car-list-content .content .learn-more a.have-link-underline:hover {

  font-weight: 600;

  background: none !important;

  text-decoration: underline;

}

.car-list-bg .car-list-content .content .learn-more a.have-link-underline-tech:hover {

  font-weight: 700;

  background: none !important;

  text-decoration: underline;

}

.car-list-bg .car-list-content .content .learn-more have-link-underline-tech {

  color: #252728;

  cursor: pointer;

  margin-right: 8px !important;

}

.car-list-bg .car-list-content .content .learn-more have-link-underline-tech:hover {

  font-weight: 600;

  background: none !important;

  text-decoration: underline;

}

.car-list-bg .car-list-content .content .content-href {

  width: 20%;

  display: inline-block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding: 24px 30px 24px 30px;

  min-width: 200px;

  max-width: 256px;

  max-height: 262px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  vertical-align: top;

  position: relative;

}

.car-list-bg .car-list-content .content .content-href h3 {

  margin-bottom: 16px;

  font-size: 16px;

  line-height: 24px;

  color: #252728;

  font-weight: 700;

  text-align: center;

  height: 50px;

}

.car-list-bg .car-list-content .content .content-href h3:hover {

  cursor: pointer;

}

.car-list-bg .car-list-content .content .content-href p {

  font-size: 16px;

  line-height: 1.375;

  margin-top: 7px;

  font-weight: 400;

}

.car-list-bg .car-list-content .content .content-href .car-img-wrap {

  position: relative;

  overflow: hidden;

  margin-bottom: 16px;

  text-align: center;

}

.car-list-bg .car-list-content .content .content-href .car-img-wrap img {

  width: 100%;

  position: relative !important;

}

.car-list-bg .car-list-content .content .content-href .car-img-wrap::after {

  content: "";

  display: block;

}

.car-list-bg .car-list-content .content .content-href .car-img-wrap .car-img-wrap-item {

  display: inline-block;

  width: 100%;

}

.car-list-bg .car-list-content .content .content-href img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.car-list-bg .car-list-content .content .content-href img:hover {

  -webkit-transform: scale(1.05);

  transform: scale(1.05);

  cursor: pointer;

}

.car-list-bg .car-list-content .content .content-href:hover {

  cursor: pointer;

}

.car-list-bg .car-list-content .content .technology-href {

  width: 33.3333333333%;

  display: inline-block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding: 16px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  vertical-align: top;

  position: relative;

  font-size: 16px;

}

.car-list-bg .car-list-content .content .technology-href h3 {

  margin-bottom: 10px;

  font-size: 16px;

  line-height: 24px;

  color: #252728;

  font-weight: 700;

  text-align: center;

}

.car-list-bg .car-list-content .content .technology-href p {

  font-size: 14px;

  line-height: 1.375;

  margin-top: 7px;

  font-weight: 400;

}

.car-list-bg .car-list-content .content .technology-href .car-img-wrap {

  position: relative;

  overflow: hidden;

  margin-bottom: 16px;

  text-align: left;

}

.car-list-bg .car-list-content .content .technology-href .car-img-wrap img {

  width: 100%;

  max-width: 400px;

  position: relative !important;

}

.car-list-bg .car-list-content .content .technology-href .car-img-wrap::after {

  content: "";

  display: block;

}

.car-list-bg .car-list-content .content .technology-href img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.car-list-bg .car-list-content .content .technology-href:hover {

  background: none !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}

.car-list-bg .car-list-content .content a:hover {

  background: #f3f3f3;

  -webkit-box-shadow: 0 10px 20px 0 #f3f3f3;

  box-shadow: 0 10px 20px 0 #f3f3f3;

}

@media (max-width: 1200px) {

  .car-list-bg .car-list-content .content a:hover {

    background: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

  }

}

.car-list-bg .technology-list-content {

  width: 100%;

  padding: 64px 220px;

  color: #252728;

  margin: 0 auto;

  position: relative;

  min-height: 300px;

  overflow-y: auto;

  max-height: 450px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media screen and (max-width: 1661px) and (min-width: 992px) {

  .car-list-bg .technology-list-content {

    padding: 48px 64px !important;

  }

}

.car-list-bg .technology-list-content .car-list-close {

  position: absolute;

  right: 2vw;

  top: 46px;

  width: 20px;

  height: 20px;

}

.car-list-bg .technology-list-content .car-list-close::before {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(225deg);

  transform: translate(-50%, -50%) rotate(225deg);

  background-color: #252728;

}

.car-list-bg .technology-list-content .car-list-close::after {

  content: "";

  width: 100%;

  height: 1px;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(-225deg);

  transform: translate(-50%, -50%) rotate(-225deg);

  background-color: #252728;

}

.car-list-bg .technology-list-content .car-list-nav {

  display: grid;

  margin-right: 100px;

  color: #252728;

  max-height: 100px;

  padding-top: 24px;

}

@media (max-width: 1200px) {

  .car-list-bg .technology-list-content .car-list-nav {

    color: #515253;

  }

}

.car-list-bg .technology-list-content .car-list-nav p {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  font-size: 20px;

  line-height: 26px;

  display: inline-block;

  margin-bottom: 24px;

  cursor: pointer;

  position: relative;

  font-weight: 700;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  max-height: 30px;

  font-family: Montserrat;

  color: #252728;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.car-list-bg .technology-list-content .car-list-nav p:hover {

  color: #252728;

}

.car-list-bg .technology-list-content .car-list-nav .active::before {

  content: "";

  position: absolute;

  bottom: -2px !important;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 100%;

  z-index: -1;

  height: 1.5px;

  background-color: #252728;

  color: #252728;

}

.car-list-bg .technology-list-content .con-title-underline {

  cursor: pointer;

}

.car-list-bg .technology-list-content .con-title-underline:hover {

  text-decoration: underline;

}

.car-list-bg .technology-list-content .con-title {

  padding-top: 24px;

}

.car-list-bg .technology-list-content .con-title h3 {

  padding-bottom: 16px;

  font-size: 16px;

  font-weight: 700;

  line-height: 24px;

  color: #515253;

  cursor: pointer;

}

.car-list-bg .technology-list-content .content::-webkit-scrollbar-thumb {

  background-color: #DCDDDF;

}

.car-list-bg .technology-list-content .content::-webkit-scrollbar-track {

  background-color: transparent;

}

.car-list-bg .technology-list-content .content {

  width: 100%;

}

.car-list-bg .technology-list-content .content a h3 {

  font-weight: 500;

}

.car-list-bg .technology-list-content .content .learn-more {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-weight: 600;

}

.car-list-bg .technology-list-content .content .learn-more a {

  color: #515253;

  line-height: 22px;

  font-size: 14px;

  font-weight: 600;

  cursor: pointer;

}

.car-list-bg .technology-list-content .content .learn-more a.explore {

  font-weight: 400;

}

.car-list-bg .technology-list-content .content .learn-more a.test-drive {

  font-weight: 400;

}

.car-list-bg .technology-list-content .content .learn-more a.have-link-underline {

  color: #252728;

  cursor: pointer;

}

.car-list-bg .technology-list-content .content .learn-more a.have-link-underline:hover {

  font-weight: 600;

  background: none !important;

  text-decoration: underline;

}

.car-list-bg .technology-list-content .content .learn-more a.have-link-underline-tech {

  cursor: pointer;

}

.car-list-bg .technology-list-content .content .learn-more a.have-link-underline-tech:hover {

  font-weight: 700;

  background: none !important;

  text-decoration: underline;

}

.car-list-bg .technology-list-content .content .learn-more have-link-underline-tech {

  color: #252728;

  cursor: pointer;

  margin-right: 8px !important;

}

.car-list-bg .technology-list-content .content .learn-more have-link-underline-tech:hover {

  font-weight: 600;

  background: none !important;

  text-decoration: underline;

}

.car-list-bg .technology-list-content .content .content-href {

  width: 20%;

  display: inline-block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding: 24px 30px 24px 30px;

  min-width: 200px;

  max-width: 256px;

  max-height: 262px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  vertical-align: top;

  position: relative;

}

.car-list-bg .technology-list-content .content .content-href h3 {

  margin-bottom: 16px;

  font-size: 16px;

  line-height: 24px;

  color: #252728;

  font-weight: 700;

  text-align: center;

  height: 50px;

}

.car-list-bg .technology-list-content .content .content-href p {

  font-size: 16px;

  line-height: 1.375;

  margin-top: 7px;

  font-weight: 400;

}

.car-list-bg .technology-list-content .content .content-href .car-img-wrap {

  position: relative;

  overflow: hidden;

  margin-bottom: 16px;

  text-align: center;

}

.car-list-bg .technology-list-content .content .content-href .car-img-wrap img {

  width: 149px;

  position: relative !important;

}

.car-list-bg .technology-list-content .content .content-href .car-img-wrap::after {

  content: "";

  display: block;

}

.car-list-bg .technology-list-content .content .content-href img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.car-list-bg .technology-list-content .content .technology-href {

  width: 33.3333333333%;

  display: inline-block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  padding: 16px;

  -webkit-transition: 0.5s;

  transition: 0.5s;

  vertical-align: top;

  position: relative;

}

.car-list-bg .technology-list-content .content .technology-href h3 {

  margin-bottom: 10px;

  font-size: 16px;

  line-height: 24px;

  color: #252728;

  font-weight: 700;

  text-align: center;

}

.car-list-bg .technology-list-content .content .technology-href p {

  font-size: 14px;

  line-height: 1.375;

  margin-top: 7px;

  font-weight: 400;

}

.car-list-bg .technology-list-content .content .technology-href .car-img-wrap {

  position: relative;

  overflow: hidden;

  margin-bottom: 16px;

  text-align: left;

}

.car-list-bg .technology-list-content .content .technology-href .car-img-wrap img {

  width: 100%;

  max-width: 400px;

  position: relative !important;

}

.car-list-bg .technology-list-content .content .technology-href .car-img-wrap::after {

  content: "";

  display: block;

}

.car-list-bg .technology-list-content .content .technology-href img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.car-list-bg .technology-list-content .content .technology-href:hover {

  background: none !important;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}

.car-list-bg .technology-list-content .content a:hover {

  background: #f3f3f3;

  -webkit-box-shadow: 0 10px 20px 0 #f3f3f3;

  box-shadow: 0 10px 20px 0 #f3f3f3;

}

@media (max-width: 1200px) {

  .car-list-bg .technology-list-content .content a:hover {

    background: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

  }

}

.car-list-bg .header-platform-continents {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 50px calc(22.3214285714vw + -188.5714285714px) 65px calc(22.3214285714vw + -188.5714285714px);

  background-color: #FFF;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  z-index: 20;

  cursor: initial;

}

.car-list-bg .header-platform-continents .header-platform-continent {

  margin-right: calc(6.4732142857vw + -16.2857142857px);

  font-size: 20px;

  line-height: 26px;

  color: #999;

  font-weight: 600;

  cursor: pointer;

}

.car-list-bg .header-platform-continents .header-platform-continent.active {

  color: #252728;

}

.car-list-bg .header-platform-continents .header-platform-continent:last-of-type {

  margin-right: 0;

}

@media (max-width: 1200px) {

  .car-list-bg .header-platform-continents {

    padding: 0 7.5vw;

    margin-bottom: 3.4722222222vw;

    padding-bottom: 2.7777777778vw;

    overflow: auto;

  }

  .car-list-bg .header-platform-continents::-webkit-scrollbar {

    display: none;

  }

  .car-list-bg .header-platform-continents .header-platform-continent {

    margin-right: 0;

    font-size: 14px;

    position: relative;

    white-space: nowrap;

    margin-bottom: 24px;

  }

  .car-list-bg .header-platform-continents .header-platform-continent.active {

    font-weight: 600;

  }

  .car-list-bg .header-platform-continents .header-platform-continent.active::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: -2.7777777778vw;

    width: calc(100% + 1.3vw);

    height: 1px;

    background-color: #252728;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

  }

}

.car-list-bg .header-platform-continents-content {

  padding: 0 calc(22.3214285714vw + -188.5714285714px) 65px calc(22.3214285714vw + -188.5714285714px);

  max-height: 400px;

  overflow-y: auto;

}

.car-list-bg .header-platform-country-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.car-list-bg .header-platform-country-item-wrap {

  color: #252728;

  font-size: 16px;

  font-weight: 500;

  line-height: 1.375;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  margin: 25px 0;

  padding-right: 10px;

}

.car-list-bg .header-platform-country-item-wrap .header-platform-country-item {

  position: relative;

  display: inline-block;

  width: 100%;

}

.car-list-bg .header-platform-country-item-wrap .header-platform-country-item .country-name {

  will-change: opacity;

}

@media (max-width: 1200px) {

  .car-list-bg .header-platform-country-item-wrap .header-platform-country-item .country-name {

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 2.0833333333vw;

  }

}

.car-list-bg .header-platform-country-item-wrap .header-platform-country-item .language {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  left: 0;

  top: 20px;

  opacity: 0;

  pointer-events: none;

  will-change: opacity;

  font-weight: 400;

}

.car-list-bg .header-platform-country-item-wrap .header-platform-country-item .language .language-item {

  cursor: pointer;

  position: relative;

  margin-right: 10px;

  margin-top: 6px;

  line-height: 1;

  font-weight: 500;

  font-size: 14px;

  color: #999;

}

.car-list-bg .header-platform-country-item-wrap .header-platform-country-item .language .language-item::after {

  content: "";

  position: absolute;

  top: 50%;

  right: -5px;

  width: 1px;

  background-color: #282828;

  height: 60%;

  -webkit-transform: translate(50%, -50%);

  transform: translate(50%, -50%);

}

.car-list-bg .header-platform-country-item-wrap .header-platform-country-item .language .language-item:last-of-type {

  margin-right: 0;

}

.car-list-bg .header-platform-country-item-wrap .header-platform-country-item .language .language-item:last-of-type::after {

  content: none;

}

.car-list-bg .header-platform-country-item-wrap .header-platform-country-item .language .language-item:hover {

  text-decoration: underline;

}

@media (max-width: 1200px) {

  .car-list-bg .header-platform-country-item-wrap .header-platform-country-item .language {

    opacity: 1;

    position: initial;

    font-size: 3.3333333333vw;

    pointer-events: all;

  }

  .car-list-bg .header-platform-country-item-wrap .header-platform-country-item .language .language-item {

    cursor: pointer;

    margin-right: 3.8888888889vw;

    text-decoration: none !important;

    margin-top: 5px;

    line-height: 1;

    color: #999;

    font-size: 14px;

    font-weight: 600;

  }

  .car-list-bg .header-platform-country-item-wrap .header-platform-country-item .language .language-item::after {

    right: -1.9444444444vw;

  }

}

@media (min-width: 1201px) {

  .car-list-bg .header-platform-country-item-wrap .header-platform-country-item:hover .country-name {

    -webkit-transition: opacity 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out;

    opacity: 1;

  }

  .car-list-bg .header-platform-country-item-wrap .header-platform-country-item:hover .language {

    -webkit-transition: opacity 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out;

    opacity: 1;

    pointer-events: all;

    -webkit-transition-delay: 0.05s;

    transition-delay: 0.05s;

  }

}

@media screen and (max-width: 1600px) and (min-width: 992px) {

  .car-list-bg .header-platform-country-item-wrap {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

  }

}

@media (max-width: 1200px) {

  .car-list-bg .header-platform-continents-content {

    padding: 0 6.9444444444vw;

  }

  .car-list-bg .header-platform-country-item-wrap {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    margin: 16px 0;

  }

}



.car-list-content {

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

.car-list-content .other-link-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  width: 100%;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

@media (max-width: 1200px) {

  .car-list-content .other-link-content {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-top: 0px !important;

  }

}

.car-list-content .other-link-lists-wrap {

  margin: 50px 50px 50px 0;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}

@media (max-width: 1200px) {

  .car-list-content .other-link-lists-wrap {

    margin: 0 8px -26px 8px;

  }

}

.car-list-content .other-link-lists-wrap .other-link-lists-title {

  margin-right: calc(8.7053571429vw + -39.1428571429px);

  font-size: 20px;

  line-height: 1.375;

  font-weight: 600;

  color: #252728;

  margin-bottom: 8px;

}

@media (max-width: 1200px) {

  .car-list-content .other-link-lists-wrap .other-link-lists-title {

    margin-right: 5.5555555556vw;

    font-size: 16px;

    font-weight: 700;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .car-list-content .other-link-lists-wrap .other-link-lists-title {

    font-size: 14px;

  }

}

.car-list-content .other-link-lists-wrap .other-link-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.car-list-content .other-link-lists-wrap .other-link-list a {

  cursor: pointer;

  color: #515253;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.375;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 20%;

  flex: 0 0 20%;

  margin: 8px 0;

  padding-right: 10px;

}

@media (max-width: 1200px) {

  .car-list-content .other-link-lists-wrap .other-link-list a {

    margin-right: 2.7777777778vw;

    font-size: 16px;

    font-weight: 500;

    margin: 8px 0;

  }

}

@media screen and (max-width: 1200px) and (max-width: 767.98px) {

  .car-list-content .other-link-lists-wrap .other-link-list a {

    font-size: 14px;

    font-weight: 500;

  }

}

.car-list-content .other-link-lists-wrap .other-link-list a:hover {

  text-decoration: underline;

}



.stop-scroll {

  height: 100vh !important;

  overflow: scroll !important;

}



@media screen and (max-width: 1441px) and (min-width: 991px) {

  .content-href {

    width: 50% !important;

  }

}

.isIpShowForceTopUnder1200Px {

  top: 144px !important;

}

.byd-ad .byd-ad-content {

  position: fixed;

  bottom: 0;

  z-index: 999;

  width: 100%;

  height: auto;

}

.byd-ad .byd-ad-content .close-wrapper {

  position: absolute;

  top: -36px;

  right: 0;

}

@media (max-width: 991px) {

  .byd-ad .byd-ad-content .close-wrapper {

    top: -28px;

  }

}

.byd-ad .byd-ad-content .close-wrapper .byd-ad-close {

  cursor: pointer;

  z-index: 1;

  background: rgb(245, 245, 245);

  width: 60px;

  height: 36px;

  z-index: 1;

  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;

  border-top-left-radius: 4px;

}

.byd-ad .byd-ad-content .close-wrapper .byd-ad-close img {

  width: 28px;

  height: 28px;

  -webkit-transition: -webkit-transform 0.3s ease-out;

  transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

  -webkit-transform-origin: center center;

  transform-origin: center center;

}

.byd-ad .byd-ad-content .close-wrapper .byd-ad-close img.rotate {

  -webkit-transform: rotate(180deg) !important;

  transform: rotate(180deg) !important;

}

@media (max-width: 991px) {

  .byd-ad .byd-ad-content .close-wrapper .byd-ad-close {

    width: 48px;

    height: 28px;

  }

  .byd-ad .byd-ad-content .close-wrapper .byd-ad-close img {

    width: 20px;

    height: 20px;

  }

}

.byd-ad .byd-ad-content .byd-ad-img {

  width: 100%;

  height: 0;

}

.byd-ad .byd-ad-content .byd-ad-img.is-show {

  height: 8.1666666667vw;

}

@media (max-width: 991px) {

  .byd-ad .byd-ad-content .byd-ad-img.is-show {

    height: 32vw;

  }

}

.byd-ad .byd-ad-content .byd-ad-img.is-transtion {

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}

.byd-ad .byd-ad-content .byd-ad-img img {

  display: block;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}/*order-option*/

/*order-option*/

@media (max-width: 767px) {

  .car-list-bg {

    top: 16px !important;

    position: relative;

  }

  .car-list-bg .car-list-content {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    width: 100% !important;

    max-width: 100% !important;

    padding: 0 0 8px 0 !important;

    height: 100%;

    display: block !important;

    min-height: 50px !important;

  }

  .car-list-bg .car-list-content .car-list-close {

    right: auto;

    left: 0;

    top: 4.444444vw;

    width: 2.777778vw;

    height: 2.777778vw;

    border-top: 1px solid #252728;

    border-left: 1px solid #252728;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  .car-list-bg .car-list-content .icon-back {

    top: 7.555556vw !important;

    left: 0px !important;

    margin-left: 0px !important;

    color: #252728 !important;

  }

  .car-list-bg .car-list-content .car-list-close::before {

    content: none;

  }

  .car-list-bg .car-list-content .car-list-close::after {

    content: none;

  }

  .car-list-bg .car-list-content .car-list-nav {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    overflow-x: auto;

    margin-top: 1.3888888889vw;

    width: 98%;

  }

  .car-list-bg .car-list-content .car-list-nav::-webkit-scrollbar {

    display: none;

  }

  .car-list-bg .car-list-content .car-list-nav .modelHrefContainer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .car-list-bg .car-list-content .car-list-nav .modelHref {

    font-size: 16px;

    margin: 0 5.277778vw;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .car-list-nav .modelHref {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .car-list-bg .car-list-content .car-list-nav .modelHref:first-child {

    margin-left: 0.833333vw;

  }

  .car-list-bg .car-list-content .car-list-nav p {

    font-size: 16px;

    margin: 0 5.277778vw;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .car-list-nav p {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .car-list-bg .car-list-content .car-list-nav p:first-child {

    margin-left: 0.833333vw;

  }

  .car-list-bg .car-list-content .car-list-nav .active .model-hover-text::before {

    bottom: 0vw !important;

  }

  .car-list-bg .car-list-content .content {

    margin: 3vw 0 0;

    max-height: calc(100vh - 195px - 48px - 102px);

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .car-list-bg .car-list-content .content .car-img-wrap img {

    width: 100% !important;

    height: auto !important;

  }

  .car-list-bg .car-list-content .content .content-object {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .car-list-bg .car-list-content .content .learn-more {

    line-height: 1.375;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 0px !important;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

  }

  .car-list-bg .car-list-content .content .learn-more .explore {

    margin-right: 14px;

    font-size: 10px;

  }

  .car-list-bg .car-list-content .content .learn-more .other {

    font-size: 10px;

  }

  .car-list-bg .car-list-content .content .content-href {

    width: 50%;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 5px;

    cursor: pointer;

    border-radius: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    vertical-align: top;

    margin: 0 !important;

    min-width: 100px !important;

  }

  .car-list-bg .car-list-content .content .content-href .car-img-wrap {

    margin-bottom: 0px !important;

  }

  .car-list-bg .car-list-content .content .content-href h3, .car-list-bg .car-list-content .content .content-href a {

    font-size: 16px;

    text-align: left;

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .content .content-href h3, .car-list-bg .car-list-content .content .content-href a {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .car-list-bg .car-list-content .content .content-href h3 {

    height: auto !important;

  }

  .car-list-bg .car-list-content .content .content-href p {

    font-size: 16px;

    margin-top: 2.083333vw;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .content .content-href p {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .car-list-bg .car-list-content .content .content-href img {

    width: 100%;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .car-list-bg .car-list-content .content .content-href img:hover {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  .car-list-bg .car-list-content .content a:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .car-list-bg .car-list-content .technology-content {

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    display: block;

    font-size: 2.2222222222vw;

  }

  .car-list-bg .car-list-content .technology-content .car-img-wrap img {

    width: 100% !important;

    height: 100% !important;

  }

  .car-list-bg .car-list-content .technology-content .content-object {

    width: 100%;

    display: grid;

  }

  .car-list-bg .car-list-content .technology-content .learn-more {

    line-height: 1.375;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 0px !important;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

  }

  .car-list-bg .car-list-content .technology-content .learn-more .explore {

    margin-right: 10px;

  }

  .car-list-bg .car-list-content .technology-content .learn-more .other {

    line-height: 1.375;

  }

  .car-list-bg .car-list-content .technology-content .technology-href {

    width: 100% !important;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 39.5px !important;

    cursor: pointer;

    border-radius: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    vertical-align: top;

    margin: 0 !important;

  }

  .car-list-bg .car-list-content .technology-content .technology-href h3 {

    margin: 0 !important;

    font-size: 16px !important;

    text-align: left;

    font-weight: 600;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .technology-content .technology-href h3 {

    font-size: 14px !important;

  }

}

@media (max-width: 767px) {

  .car-list-bg .car-list-content .technology-content .technology-href .learn-more a {

    font-size: 14px !important;

  }

  .car-list-bg .car-list-content .technology-content .technology-href p {

    font-size: 16px;

    margin-top: 2.083333vw;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .technology-content .technology-href p {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .car-list-bg .car-list-content .technology-content .technology-href img {

    width: 100%;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .car-list-bg .car-list-content .technology-content .technology-href img:hover {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  .car-list-bg .car-list-content .technology-content a:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .car-list-bg .technology-list-content {

    width: 100% !important;

    max-width: 100% !important;

    padding: 0 0 8px 0 !important;

    height: 100%;

    display: block !important;

    min-height: 50px !important;

  }

  .car-list-bg .technology-list-content .car-list-close {

    right: auto;

    left: 0;

    top: 4.444444vw;

    width: 2.777778vw;

    height: 2.777778vw;

    border-top: 1px solid #252728;

    border-left: 1px solid #252728;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  .car-list-bg .technology-list-content .icon-back {

    top: 7.555556vw !important;

    left: 0px !important;

    margin-left: 0px !important;

    color: #252728 !important;

  }

  .car-list-bg .technology-list-content .car-list-close::before {

    content: none;

  }

  .car-list-bg .technology-list-content .car-list-close::after {

    content: none;

  }

  .car-list-bg .technology-list-content .car-list-nav {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    overflow-x: auto;

    margin-top: 1.3888888889vw;

    width: 98%;

  }

  .car-list-bg .technology-list-content .car-list-nav::-webkit-scrollbar {

    display: none;

  }

  .car-list-bg .technology-list-content .car-list-nav p {

    font-size: 16px;

    margin: 0 5.277778vw;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .car-list-nav p {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .car-list-bg .technology-list-content .car-list-nav p:first-child {

    margin-left: 0.833333vw;

  }

  .car-list-bg .technology-list-content .car-list-nav .active::before {

    bottom: 0vw !important;

  }

  .car-list-bg .technology-list-content .content {

    margin: 3vw 0 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .car-list-bg .technology-list-content .content .car-img-wrap img {

    width: 100% !important;

    height: auto !important;

  }

  .car-list-bg .technology-list-content .content .content-object {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .car-list-bg .technology-list-content .content .learn-more {

    line-height: 1.375;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 0px !important;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

  }

  .car-list-bg .technology-list-content .content .learn-more .explore {

    margin-right: 10px;

    font-size: 10px;

  }

  .car-list-bg .technology-list-content .content .learn-more .other {

    line-height: 1.375;

    font-size: 10px;

  }

  .car-list-bg .technology-list-content .content .content-href {

    width: 50%;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 5px;

    cursor: pointer;

    border-radius: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    vertical-align: top;

    margin: 0 !important;

    min-width: 100px !important;

  }

  .car-list-bg .technology-list-content .content .content-href h3, .car-list-bg .technology-list-content .content .content-href a {

    font-size: 16px;

    text-align: left;

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .content .content-href h3, .car-list-bg .technology-list-content .content .content-href a {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .car-list-bg .technology-list-content .content .content-href h3 {

    height: auto !important;

  }

  .car-list-bg .technology-list-content .content .content-href p {

    font-size: 16px;

    margin-top: 2.083333vw;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .content .content-href p {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .car-list-bg .technology-list-content .content .content-href img {

    width: 100%;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .car-list-bg .technology-list-content .content .content-href img:hover {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  .car-list-bg .technology-list-content .content a:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .car-list-bg .technology-list-content .technology-content {

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    display: block;

    font-size: 2.2222222222vw;

  }

  .car-list-bg .technology-list-content .technology-content .car-img-wrap img {

    width: 100% !important;

    height: 100% !important;

  }

  .car-list-bg .technology-list-content .technology-content .content-object {

    width: 100%;

    display: grid;

  }

  .car-list-bg .technology-list-content .technology-content .learn-more {

    line-height: 1.375;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 0px !important;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

  }

  .car-list-bg .technology-list-content .technology-content .learn-more .explore {

    margin-right: 10px;

  }

  .car-list-bg .technology-list-content .technology-content .learn-more .other {

    line-height: 1.375;

  }

  .car-list-bg .technology-list-content .technology-content .technology-href {

    width: 100% !important;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 39.5px !important;

    cursor: pointer;

    border-radius: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    vertical-align: top;

    margin: 0 !important;

  }

  .car-list-bg .technology-list-content .technology-content .technology-href h3 {

    margin: 0 !important;

    font-size: 16px !important;

    text-align: left;

    font-weight: 600;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .technology-content .technology-href h3 {

    font-size: 14px !important;

  }

}

@media (max-width: 767px) {

  .car-list-bg .technology-list-content .technology-content .technology-href .learn-more a {

    font-size: 14px !important;

  }

  .car-list-bg .technology-list-content .technology-content .technology-href p {

    font-size: 16px;

    margin-top: 2.083333vw;

  }

}

@media screen and (max-width: 767px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .technology-content .technology-href p {

    font-size: 14px;

  }

}

@media (max-width: 767px) {

  .car-list-bg .technology-list-content .technology-content .technology-href img {

    width: 100%;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .car-list-bg .technology-list-content .technology-content .technology-href img:hover {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  .car-list-bg .technology-list-content .technology-content a:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .header-platform-Netherlands-content .Netherlands-content {

    width: 100%;

    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: start !important;

    -ms-flex-align: start !important;

    align-items: flex-start !important;

  }

  .header-platform-Netherlands-content .Netherlands-content .Netherlands-content-left {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 24px;

  }

  .header-platform-Netherlands-content .Netherlands-content .Netherlands-content-right .icon-Netherlands {

    margin-right: 16px;

  }

  .header-platform-country-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 24px;

  }

  .header-platform-country-item-wrap {

    margin: 0 0 16px 0;

  }

}/*order-option*/

/*order-option*/

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg {

    top: 16px !important;

    position: relative;

  }

  .car-list-bg .car-list-content {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    width: 100% !important;

    max-width: 100% !important;

    padding: 0 0 8px 0 !important;

    height: 100%;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    min-height: 50px !important;

  }

  .car-list-bg .car-list-content .car-list-close {

    right: auto;

    left: 0;

    top: 4.444444vw;

    width: 2.777778vw;

    height: 2.777778vw;

    border-top: 1px solid #252728;

    border-left: 1px solid #252728;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  .car-list-bg .car-list-content .icon-back {

    top: 7.555556vw !important;

    left: 0px !important;

    margin-left: 0px !important;

    color: #252728 !important;

  }

  .car-list-bg .car-list-content .car-list-close::before {

    content: none;

  }

  .car-list-bg .car-list-content .car-list-close::after {

    content: none;

  }

  .car-list-bg .car-list-content .car-list-nav {

    display: grid !important;

  }

  .car-list-bg .car-list-content .car-list-nav::-webkit-scrollbar {

    display: none;

  }

  .car-list-bg .car-list-content .car-list-nav .modelHref {

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    display: block !important;

    margin: 8px 0vw;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .car-list-nav .modelHref {

    font-size: 14px;

    line-height: 22px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .car-list-content .car-list-nav p {

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    margin: 8px 0vw;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .car-list-nav p {

    font-size: 14px;

    line-height: 22px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .car-list-content .car-list-nav .active .model-hover-text::before {

    bottom: 0vw !important;

  }

  .car-list-bg .car-list-content .content {

    max-height: calc(100vh - 195px - 48px - 102px);

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .car-list-bg .car-list-content .content .car-img-wrap img {

    width: 68% !important;

    height: auto !important;

  }

  .car-list-bg .car-list-content .content .content-object {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 16px;

  }

  .car-list-bg .car-list-content .content .learn-more {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 0px !important;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    margin-top: 8px;

  }

  .car-list-bg .car-list-content .content .learn-more .explore {

    margin-right: 24px;

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .content .learn-more .explore {

    font-size: 12px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .car-list-content .content .learn-more .other {

    line-height: 1.375;

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .content .learn-more .other {

    font-size: 12px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .car-list-content .content .content-href {

    width: 50%;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 5px;

    cursor: pointer;

    border-radius: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    vertical-align: top;

    margin: 0 !important;

    min-width: 100px !important;

  }

  .car-list-bg .car-list-content .content .content-href .car-img-wrap {

    margin-bottom: 0px !important;

  }

  .car-list-bg .car-list-content .content .content-href h3, .car-list-bg .car-list-content .content .content-href a {

    font-size: 16px;

    text-align: left;

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .content .content-href h3, .car-list-bg .car-list-content .content .content-href a {

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .car-list-content .content .content-href h3 {

    height: auto !important;

  }

  .car-list-bg .car-list-content .content .content-href p {

    font-size: 16px;

    margin-top: 2.083333vw;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .content .content-href p {

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .car-list-content .content .content-href img {

    width: 100%;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .car-list-bg .car-list-content .content .content-href img:hover {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  .car-list-bg .car-list-content .content a:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .car-list-bg .car-list-content .technology-content {

    width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    display: block;

    font-size: 2.2222222222vw;

  }

  .car-list-bg .car-list-content .technology-content .car-img-wrap img {

    width: 100% !important;

    height: 100% !important;

  }

  .car-list-bg .car-list-content .technology-content .content-object {

    width: 100%;

    display: grid;

  }

  .car-list-bg .car-list-content .technology-content .learn-more {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 0px !important;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

  }

  .car-list-bg .car-list-content .technology-content .learn-more .explore {

    margin-right: 10px;

  }

  .car-list-bg .car-list-content .technology-content .learn-more .other {

    line-height: 1.375;

  }

  .car-list-bg .car-list-content .technology-content .technology-href {

    width: 100% !important;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 39.5px !important;

    cursor: pointer;

    border-radius: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    vertical-align: top;

    margin: 0 !important;

  }

  .car-list-bg .car-list-content .technology-content .technology-href h3 {

    margin: 0 !important;

    font-size: 16px !important;

    text-align: left;

    font-weight: 600;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .technology-content .technology-href h3 {

    font-size: 14px !important;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .car-list-content .technology-content .technology-href .learn-more a {

    font-size: 14px !important;

  }

  .car-list-bg .car-list-content .technology-content .technology-href p {

    font-size: 16px;

    margin-top: 2.083333vw;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .car-list-content .technology-content .technology-href p {

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .car-list-content .technology-content .technology-href img {

    width: 100%;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .car-list-bg .car-list-content .technology-content .technology-href img:hover {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  .car-list-bg .car-list-content .technology-content a:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .car-list-bg .technology-list-content {

    width: 100% !important;

    max-width: 100% !important;

    padding: 8px 0 8px 0 !important;

    height: 100%;

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    min-height: 50px !important;

  }

  .car-list-bg .technology-list-content .car-list-close {

    right: auto;

    left: 0;

    top: 4.444444vw;

    width: 2.777778vw;

    height: 2.777778vw;

    border-top: 1px solid #252728;

    border-left: 1px solid #252728;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  .car-list-bg .technology-list-content .icon-back {

    top: 7.555556vw !important;

    left: 0px !important;

    margin-left: 0px !important;

    color: #252728 !important;

  }

  .car-list-bg .technology-list-content .car-list-close::before {

    content: none;

  }

  .car-list-bg .technology-list-content .car-list-close::after {

    content: none;

  }

  .car-list-bg .technology-list-content .car-list-nav {

    display: grid !important;

  }

  .car-list-bg .technology-list-content .car-list-nav::-webkit-scrollbar {

    display: none;

  }

  .car-list-bg .technology-list-content .car-list-nav p {

    font-size: 16px;

    font-weight: 600;

    margin: 8px 0vw;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .car-list-nav p {

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .technology-list-content .car-list-nav .active::before {

    bottom: 0vw !important;

  }

  .car-list-bg .technology-list-content .content {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .car-list-bg .technology-list-content .content .car-img-wrap img {

    width: 68% !important;

    height: auto !important;

  }

  .car-list-bg .technology-list-content .content .content-object {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 16px;

  }

  .car-list-bg .technology-list-content .content .learn-more {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 0px !important;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    margin-top: 8px;

  }

  .car-list-bg .technology-list-content .content .learn-more .explore {

    margin-right: 24px;

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .content .learn-more .explore {

    font-size: 12px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .technology-list-content .content .learn-more .other {

    line-height: 1.375;

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .content .learn-more .other {

    font-size: 12px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .technology-list-content .content .content-href {

    width: 50%;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 5px;

    cursor: pointer;

    border-radius: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    vertical-align: top;

    margin: 0 !important;

    min-width: 100px !important;

  }

  .car-list-bg .technology-list-content .content .content-href .car-img-wrap {

    margin-bottom: 0px !important;

  }

  .car-list-bg .technology-list-content .content .content-href h3, .car-list-bg .technology-list-content .content .content-href a {

    font-size: 16px;

    text-align: left;

    margin-bottom: 0px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .content .content-href h3, .car-list-bg .technology-list-content .content .content-href a {

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .technology-list-content .content .content-href h3 {

    height: auto !important;

  }

  .car-list-bg .technology-list-content .content .content-href p {

    font-size: 16px;

    margin-top: 2.083333vw;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .content .content-href p {

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .technology-list-content .content .content-href img {

    width: 100%;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .car-list-bg .technology-list-content .content .content-href img:hover {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  .car-list-bg .technology-list-content .content a:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .car-list-bg .technology-list-content .technology-content {

    width: 33.333%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    display: block;

    font-size: 2.2222222222vw;

  }

  .car-list-bg .technology-list-content .technology-content .car-img-wrap img {

    width: 100% !important;

    height: 100% !important;

  }

  .car-list-bg .technology-list-content .technology-content .content-object {

    width: 100%;

    display: grid;

  }

  .car-list-bg .technology-list-content .technology-content .learn-more {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    padding: 0px !important;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

  }

  .car-list-bg .technology-list-content .technology-content .learn-more .explore {

    margin-right: 10px;

  }

  .car-list-bg .technology-list-content .technology-content .learn-more .other {

    line-height: 1.375;

  }

  .car-list-bg .technology-list-content .technology-content .technology-href {

    width: 100% !important;

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 24px 24px 0 !important;

    cursor: pointer;

    border-radius: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    vertical-align: top;

    margin: 0 !important;

  }

  .car-list-bg .technology-list-content .technology-content .technology-href h3 {

    margin: 0 !important;

    font-size: 16px !important;

    text-align: left;

    font-weight: 600;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .technology-content .technology-href h3 {

    font-size: 14px !important;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .technology-list-content .technology-content .technology-href .learn-more a {

    font-size: 14px !important;

  }

  .car-list-bg .technology-list-content .technology-content .technology-href p {

    font-size: 16px;

    margin-top: 2.083333vw;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-width: 767.98px) {

  .car-list-bg .technology-list-content .technology-content .technology-href p {

    font-size: 14px;

  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .car-list-bg .technology-list-content .technology-content .technology-href img {

    width: 100%;

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

  .car-list-bg .technology-list-content .technology-content .technology-href img:hover {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  .car-list-bg .technology-list-content .technology-content a:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .header-platform-country-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 24px;

  }

  .header-platform-country-item-wrap {

    margin: 0 0 24px 0;

  }

}/**

 * Swiper 7.4.1

 * Most modern mobile touch slider and framework with hardware accelerated transitions

 * https://swiperjs.com

 *

 * Copyright 2014-2021 Vladimir Kharlampidi

 *

 * Released under the MIT License

 *

 * Released on: December 24, 2021

 */



/* @font-face {

  font-family: 'swiper-icons';

  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');

  font-weight: 400;

  font-style: normal;

} */

:root {

  --swiper-theme-color: #007aff;

}

.swiper {

  margin-left: auto;

  margin-right: auto;

  position: relative;

  overflow: hidden;

  list-style: none;

  padding: 0;

  /* Fix of Webkit flickering */

  z-index: 1;

}

.swiper-vertical > .swiper-wrapper {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.swiper-wrapper {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

.swiper-android .swiper-slide,

.swiper-wrapper {

  -webkit-transform: translate3d(0px, 0, 0);

  transform: translate3d(0px, 0, 0);

}

.swiper-pointer-events {

  -ms-touch-action: pan-y;

  touch-action: pan-y;

}

.swiper-pointer-events.swiper-vertical {

  -ms-touch-action: pan-x;

  touch-action: pan-x;

}

.swiper-slide {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  width: 100%;

  height: 100%;

  position: relative;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

}

.swiper-slide-invisible-blank {

  visibility: hidden;

}

/* Auto Height */

.swiper-autoheight,

.swiper-autoheight .swiper-slide {

  height: auto;

}

.swiper-autoheight .swiper-wrapper {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-transition-property: height, -webkit-transform;

  transition-property: height, -webkit-transform;

  transition-property: transform, height;

  transition-property: transform, height, -webkit-transform;

}

/* 3D Effects */

.swiper-3d,

.swiper-3d.swiper-css-mode .swiper-wrapper {

  -webkit-perspective: 1200px;

  perspective: 1200px;

}

.swiper-3d .swiper-wrapper,

.swiper-3d .swiper-slide,

.swiper-3d .swiper-slide-shadow,

.swiper-3d .swiper-slide-shadow-left,

.swiper-3d .swiper-slide-shadow-right,

.swiper-3d .swiper-slide-shadow-top,

.swiper-3d .swiper-slide-shadow-bottom,

.swiper-3d .swiper-cube-shadow {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}

.swiper-3d .swiper-slide-shadow,

.swiper-3d .swiper-slide-shadow-left,

.swiper-3d .swiper-slide-shadow-right,

.swiper-3d .swiper-slide-shadow-top,

.swiper-3d .swiper-slide-shadow-bottom {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: 10;

}

.swiper-3d .swiper-slide-shadow {

  background: rgba(0, 0, 0, 0.15);

}

.swiper-3d .swiper-slide-shadow-left {

  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}

.swiper-3d .swiper-slide-shadow-right {

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}

.swiper-3d .swiper-slide-shadow-top {

  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}

.swiper-3d .swiper-slide-shadow-bottom {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {

  overflow: auto;

  scrollbar-width: none;

  /* For Firefox */

  -ms-overflow-style: none;

  /* For Internet Explorer and Edge */

}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {

  display: none;

}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {

  scroll-snap-align: start start;

}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {

  -ms-scroll-snap-type: x mandatory;

  scroll-snap-type: x mandatory;

}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {

  -ms-scroll-snap-type: y mandatory;

  scroll-snap-type: y mandatory;

}

.swiper-centered > .swiper-wrapper::before {

  content: '';

  -ms-flex-negative: 0;

  flex-shrink: 0;

  -webkit-box-ordinal-group: 10000;

  -ms-flex-order: 9999;

  order: 9999;

}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {

  -webkit-margin-start: var(--swiper-centered-offset-before);

  margin-inline-start: var(--swiper-centered-offset-before);

}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {

  height: 100%;

  min-height: 1px;

  width: var(--swiper-centered-offset-after);

}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {

  -webkit-margin-before: var(--swiper-centered-offset-before);

  margin-block-start: var(--swiper-centered-offset-before);

}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {

  width: 100%;

  min-width: 1px;

  height: var(--swiper-centered-offset-after);

}

.swiper-centered > .swiper-wrapper > .swiper-slide {

  scroll-snap-align: center center;

}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none;

}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {

  height: 1px;

  width: var(--swiper-virtual-size);

}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {

  width: 1px;

  height: var(--swiper-virtual-size);

}

:root {

  --swiper-navigation-size: 44px;

  /*

  --swiper-navigation-color: var(--swiper-theme-color);

  */

}

.swiper-button-prev,

.swiper-button-next {

  position: absolute;

  top: 50%;

  width: calc(var(--swiper-navigation-size) / 44 * 27);

  height: var(--swiper-navigation-size);

  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));

  z-index: 10;

  cursor: pointer;

  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;

  color: var(--swiper-navigation-color, var(--swiper-theme-color));

}

.swiper-button-prev.swiper-button-disabled,

.swiper-button-next.swiper-button-disabled {

  opacity: 0.35;

  cursor: auto;

  pointer-events: none;

}

.swiper-button-prev:after,

.swiper-button-next:after {

  font-family: swiper-icons;

  font-size: var(--swiper-navigation-size);

  text-transform: none !important;

  letter-spacing: 0;

  text-transform: none;

  font-variant: initial;

  line-height: 1;

}

.swiper-button-prev,

.swiper-rtl .swiper-button-next {

  left: 10px;

  right: auto;

}

.swiper-button-prev:after,

.swiper-rtl .swiper-button-next:after {

  content: 'prev';

}

.swiper-button-next,

.swiper-rtl .swiper-button-prev {

  right: 10px;

  left: auto;

}

.swiper-button-next:after,

.swiper-rtl .swiper-button-prev:after {

  content: 'next';

}

.swiper-button-lock {

  display: none;

}

:root {

  /*

  --swiper-pagination-color: var(--swiper-theme-color);

  --swiper-pagination-bullet-size: 8px;

  --swiper-pagination-bullet-width: 8px;

  --swiper-pagination-bullet-height: 8px;

  --swiper-pagination-bullet-inactive-color: #000;

  --swiper-pagination-bullet-inactive-opacity: 0.2;

  --swiper-pagination-bullet-opacity: 1;

  --swiper-pagination-bullet-horizontal-gap: 4px;

  --swiper-pagination-bullet-vertical-gap: 6px;

  */

}

.swiper-pagination {

  position: absolute;

  text-align: center;

  -webkit-transition: 300ms opacity;

  transition: 300ms opacity;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  z-index: 10;

}

.swiper-pagination.swiper-pagination-hidden {

  opacity: 0;

}

/* Common Styles */

.swiper-pagination-fraction,

.swiper-pagination-custom,

.swiper-horizontal > .swiper-pagination-bullets,

.swiper-pagination-bullets.swiper-pagination-horizontal {

  bottom: 10px;

  left: 0;

  width: 100%;

}

/* Bullets */

.swiper-pagination-bullets-dynamic {

  overflow: hidden;

  font-size: 0;

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  -webkit-transform: scale(0.33);

  transform: scale(0.33);

  position: relative;

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

  -webkit-transform: scale(1);

  transform: scale(1);

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

  -webkit-transform: scale(1);

  transform: scale(1);

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

  -webkit-transform: scale(0.66);

  transform: scale(0.66);

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

  -webkit-transform: scale(0.33);

  transform: scale(0.33);

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

  -webkit-transform: scale(0.66);

  transform: scale(0.66);

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

  -webkit-transform: scale(0.33);

  transform: scale(0.33);

}

.swiper-pagination-bullet {

  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));

  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));

  display: inline-block;

  border-radius: 50%;

  background: var(--swiper-pagination-bullet-inactive-color, #000);

  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);

}

button.swiper-pagination-bullet {

  border: none;

  margin: 0;

  padding: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

.swiper-pagination-clickable .swiper-pagination-bullet {

  cursor: pointer;

}

.swiper-pagination-bullet:only-child {

  display: none !important;

}

.swiper-pagination-bullet-active {

  opacity: var(--swiper-pagination-bullet-opacity, 1);

  background: var(--swiper-pagination-color, var(--swiper-theme-color));

}

.swiper-vertical > .swiper-pagination-bullets,

.swiper-pagination-vertical.swiper-pagination-bullets {

  right: 10px;

  top: 50%;

  -webkit-transform: translate3d(0px, -50%, 0);

  transform: translate3d(0px, -50%, 0);

}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {

  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;

  display: block;

}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 8px;

}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  display: inline-block;

  -webkit-transition: 200ms top, 200ms -webkit-transform;

  transition: 200ms top, 200ms -webkit-transform;

  transition: 200ms transform, 200ms top;

  transition: 200ms transform, 200ms top, 200ms -webkit-transform;

}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);

}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  white-space: nowrap;

}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  -webkit-transition: 200ms left, 200ms -webkit-transform;

  transition: 200ms left, 200ms -webkit-transform;

  transition: 200ms transform, 200ms left;

  transition: 200ms transform, 200ms left, 200ms -webkit-transform;

}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  -webkit-transition: 200ms right, 200ms -webkit-transform;

  transition: 200ms right, 200ms -webkit-transform;

  transition: 200ms transform, 200ms right;

  transition: 200ms transform, 200ms right, 200ms -webkit-transform;

}

/* Progress */

.swiper-pagination-progressbar {

  background: rgba(0, 0, 0, 0.25);

  position: absolute;

}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  background: var(--swiper-pagination-color, var(--swiper-theme-color));

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: scale(0);

  transform: scale(0);

  -webkit-transform-origin: left top;

  transform-origin: left top;

}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  -webkit-transform-origin: right top;

  transform-origin: right top;

}

.swiper-horizontal > .swiper-pagination-progressbar,

.swiper-pagination-progressbar.swiper-pagination-horizontal,

.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {

  width: 100%;

  height: 4px;

  left: 0;

  top: 0;

}

.swiper-vertical > .swiper-pagination-progressbar,

.swiper-pagination-progressbar.swiper-pagination-vertical,

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {

  width: 4px;

  height: 100%;

  left: 0;

  top: 0;

}

.swiper-pagination-lock {

  display: none;

}

/* Scrollbar */

.swiper-scrollbar {

  border-radius: 10px;

  position: relative;

  -ms-touch-action: none;

  background: rgba(0, 0, 0, 0.1);

}

.swiper-horizontal > .swiper-scrollbar {

  position: absolute;

  left: 1%;

  bottom: 3px;

  z-index: 50;

  height: 5px;

  width: 98%;

}

.swiper-vertical > .swiper-scrollbar {

  position: absolute;

  right: 3px;

  top: 1%;

  z-index: 50;

  width: 5px;

  height: 98%;

}

.swiper-scrollbar-drag {

  height: 100%;

  width: 100%;

  position: relative;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 10px;

  left: 0;

  top: 0;

}

.swiper-scrollbar-cursor-drag {

  cursor: move;

}

.swiper-scrollbar-lock {

  display: none;

}

.swiper-zoom-container {

  width: 100%;

  height: 100%;

  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;

}

.swiper-zoom-container > img,

.swiper-zoom-container > svg,

.swiper-zoom-container > canvas {

  max-width: 100%;

  max-height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

}

.swiper-slide-zoomed {

  cursor: move;

}

/* Preloader */

:root {

  /*

  --swiper-preloader-color: var(--swiper-theme-color);

  */

}

.swiper-lazy-preloader {

  width: 42px;

  height: 42px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -21px;

  margin-top: -21px;

  z-index: 10;

  -webkit-transform-origin: 50%;

  transform-origin: 50%;

  -webkit-animation: swiper-preloader-spin 1s infinite linear;

  animation: swiper-preloader-spin 1s infinite linear;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));

  border-radius: 50%;

  border-top-color: transparent;

}

.swiper-lazy-preloader-white {

  --swiper-preloader-color: #fff;

}

.swiper-lazy-preloader-black {

  --swiper-preloader-color: #000;

}

@-webkit-keyframes swiper-preloader-spin {

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes swiper-preloader-spin {

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

/* a11y */

.swiper .swiper-notification {

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none;

  opacity: 0;

  z-index: -1000;

}

.swiper-free-mode > .swiper-wrapper {

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  margin: 0 auto;

}

.swiper-grid > .swiper-wrapper {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.swiper-grid-column > .swiper-wrapper {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.swiper-fade.swiper-free-mode .swiper-slide {

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.swiper-fade .swiper-slide {

  pointer-events: none;

  -webkit-transition-property: opacity;

  transition-property: opacity;

}

.swiper-fade .swiper-slide .swiper-slide {

  pointer-events: none;

}

.swiper-fade .swiper-slide-active,

.swiper-fade .swiper-slide-active .swiper-slide-active {

  pointer-events: auto;

}

.swiper-cube {

  overflow: visible;

}

.swiper-cube .swiper-slide {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  z-index: 1;

  visibility: hidden;

  -webkit-transform-origin: 0 0;

  transform-origin: 0 0;

  width: 100%;

  height: 100%;

}

.swiper-cube .swiper-slide .swiper-slide {

  pointer-events: none;

}

.swiper-cube.swiper-rtl .swiper-slide {

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0;

}

.swiper-cube .swiper-slide-active,

.swiper-cube .swiper-slide-active .swiper-slide-active {

  pointer-events: auto;

}

.swiper-cube .swiper-slide-active,

.swiper-cube .swiper-slide-next,

.swiper-cube .swiper-slide-prev,

.swiper-cube .swiper-slide-next + .swiper-slide {

  pointer-events: auto;

  visibility: visible;

}

.swiper-cube .swiper-slide-shadow-top,

.swiper-cube .swiper-slide-shadow-bottom,

.swiper-cube .swiper-slide-shadow-left,

.swiper-cube .swiper-slide-shadow-right {

  z-index: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.swiper-cube .swiper-cube-shadow {

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 100%;

  height: 100%;

  opacity: 0.6;

  z-index: 0;

}

.swiper-cube .swiper-cube-shadow:before {

  content: '';

  background: #000;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  -webkit-filter: blur(50px);

  filter: blur(50px);

}

.swiper-flip {

  overflow: visible;

}

.swiper-flip .swiper-slide {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  z-index: 1;

}

.swiper-flip .swiper-slide .swiper-slide {

  pointer-events: none;

}

.swiper-flip .swiper-slide-active,

.swiper-flip .swiper-slide-active .swiper-slide-active {

  pointer-events: auto;

}

.swiper-flip .swiper-slide-shadow-top,

.swiper-flip .swiper-slide-shadow-bottom,

.swiper-flip .swiper-slide-shadow-left,

.swiper-flip .swiper-slide-shadow-right {

  z-index: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.swiper-creative .swiper-slide {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: hidden;

  -webkit-transition-property: opacity, height, -webkit-transform;

  transition-property: opacity, height, -webkit-transform;

  transition-property: transform, opacity, height;

  transition-property: transform, opacity, height, -webkit-transform;

}

.swiper-cards {

  overflow: visible;

}

.swiper-cards .swiper-slide {

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: hidden;

}



.car-list-bg .car-list-content .content>object {

  font-size: 0;

}



@-webkit-keyframes qr-find-in {

  0% {

    -webkit-transform: translateY(40px);

            transform: translateY(40px);

    visibility: hidden;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    visibility: visible;

  }

}



@keyframes qr-find-in {

  0% {

    -webkit-transform: translateY(40px);

            transform: translateY(40px);

    visibility: hidden;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    visibility: visible;

  }

}

@-webkit-keyframes qr-find-out {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

    visibility: visible;

  }

  100% {

    -webkit-transform: translateY(40px);

            transform: translateY(40px);

    opacity: 0;

    visibility: hidden;

  }

}

@keyframes qr-find-out {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

    visibility: visible;

  }

  100% {

    -webkit-transform: translateY(40px);

            transform: translateY(40px);

    opacity: 0;

    visibility: hidden;

  }

}

.header-wrap .qr-code-container {

  position: fixed;

  right: 30px;

  bottom: 30px;

  z-index: 999;

}

@media screen and (max-width: 767.98px) {

  .header-wrap .qr-code-container {

    position: fixed;

    bottom: 0;

    right: auto;

    width: 100%;

  }

}

.header-wrap .qr-code-container .qr-code-content.show {

  -webkit-animation: qr-find-in 0.3s ease forwards;

          animation: qr-find-in 0.3s ease forwards;

}

.header-wrap .qr-code-container .qr-code-content.hide {

  -webkit-animation: qr-find-out 0.3s ease forwards;

          animation: qr-find-out 0.3s ease forwards;

}

.header-wrap .qr-code-container .qr-code-content .qr-code-close {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  margin-bottom: 4px;

}

.header-wrap .qr-code-container .qr-code-content .qr-code-close .close-icon, .header-wrap .qr-code-container .qr-code-content .qr-code-close svg {

  width: 24px;

  height: 24px;

  cursor: pointer;

}

.header-wrap .qr-code-container .qr-code-content .qr-code {

  width: 248px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  border: 1px solid rgba(255, 255, 255, 0.8);

  border-radius: 8px;

  -webkit-backdrop-filter: blur(50px);

          backdrop-filter: blur(50px);

  background: rgba(0, 0, 0, 0.3);

  padding: 24px;

  text-align: center;

}

.header-wrap .qr-code-container .qr-code-content .qr-code .qr-code-title {

  color: rgb(255, 255, 255);

  font-size: 16px;

  font-weight: 600;

  line-height: 20px;

  letter-spacing: 0px;

  text-align: center;

}

.header-wrap .qr-code-container .qr-code-content .qr-code .qr-code-img {

  width: 200px;

  margin-top: 12px;

}

.header-wrap .qr-code-container .qr-code-content .qr-code .qr-code-img img {

  width: 200px;

  height: auto;

}

.header-wrap .qr-code-container .qr-code-btn {

  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;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  border: 1px solid rgba(255, 255, 255, 0.8);

  border-radius: 8px;

  -webkit-backdrop-filter: blur(50px);

          backdrop-filter: blur(50px);

  background: rgba(0, 0, 0, 0.2);

  width: 248px;

  height: 54px;

  padding: 17px 8px 17px 16px;

  position: absolute;

  bottom: 0;

  cursor: pointer;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: opactiy 0 0.1s ease;

  transition: opactiy 0 0.1s ease;

}

.header-wrap .qr-code-container .qr-code-btn.show {

  opacity: 1;

  visibility: visible;

}

.header-wrap .qr-code-container .qr-code-btn .qr-code-btn-text {

  color: rgb(255, 255, 255);

  font-size: 18px;

  font-weight: 700;

  line-height: 20px;

  letter-spacing: 0px;

}

.header-wrap .qr-code-container .qr-code-btn .qr-code-btn-icon, .header-wrap .qr-code-container .qr-code-btn svg {

  width: 30px;

  height: 30px;

}

.header-wrap .qr-code-container .qr-code-mobile-link {

  -webkit-backdrop-filter: blur(50px);

          backdrop-filter: blur(50px);

  background: rgba(0, 0, 0, 0.2);

  padding: 17px 16px;

}

.header-wrap .qr-code-container .qr-code-mobile-link 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;

  outline: none;

}

.header-wrap .qr-code-container .qr-code-mobile-link a .qr-code-mobile-link-text {

  color: rgb(255, 255, 255);

  font-size: 18px;

  font-weight: 700;

  line-height: 20px;

  letter-spacing: 0px;

  text-align: center;

}

.header-wrap .qr-code-container .qr-code-mobile-link a .qr-code-mobile-link-icon, .header-wrap .qr-code-container .qr-code-mobile-link a svg {

  width: 30px;

  height: 30px;

}/*order-option*/