:root {
  --font-color: #5c4d44;
  --highlight-color: #fe676e;
  --highlig-color-2: #fe7a1f;
  --swiper-navigation-size: 22px !important;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: none;
}

body, h3, h5, p, ul, li {
  margin: 0;
  padding: 0;
}

body,
input,
h2,
h3,
a {
  font-family: "Open Sans";
  font-display: swap;
}

.front-wrap {
  margin-top: 7.2rem;
}

.container-fluid {
  overflow-y: auto;
}

.container-fluid#cur-btn {
  padding-right: 0;
}

.container-fluid > .scroll-box {
  margin-top: 7.2rem;
}

.front-inc {
  border: 0;
  width: 100%;
  height: 100%;
}

ul, li {
  list-style-type: none;
}

.icon {
  display: inline-block;
  background-image: url(https://elifelimo.cn/img/home_v2/home-sprite.png);
  background-repeat: no-repeat;
}

.icon-16 {
  width: 1.6rem;
  height: 1.6rem;
  background-size: auto 1.6rem;
}

.icon-30 {
  width: 30px;
  height: 30px;
  background-size: auto 30px;
}

.icon-44 {
  width: 4.4rem;
  height: 4.4rem;
  background-size: auto 4.4rem;
}

.icon-trip {
  background-position: 0 0;
}

.icon-ride {
  background-position: calc(-4.8rem / (48/44)) 0;
}

.icon-pay {
  background-position: calc(-9.6rem / (48/44)) 0;
}

.icon-star {
  background-position: calc(-57.6rem / 3) 0;
}

.icon-book {
  background-position: calc(-52.8rem / 3) 0;
}

.icon-hot {
  background-position: calc(-67.2rem / 3) 0;
}

.icon-flexible {
  background-position: calc(-14.4rem / (48/44)) 0;
}

.icon-free {
  background-position: calc(-19.2rem / (48/44)) 0;
}

.icon-affordable {
  background-position: calc(-24rem / (48/44)) 0;
}

.icon-language {
  background-position: calc(-28.8rem / (48/44)) 0;
}

.section {
  position: relative;
  width: 102.4rem;
  margin: 7.2rem auto 0;
  color: #666;
}
.section a:hover {
  opacity: 1;
}

.section h3 {
  margin-bottom: 3.2rem;
  font-size: 3rem;
  font-weight: 700;
  color: #333;
}

.section h5 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333;
}

.section p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #666;
  line-height: 1.7rem;
}

.section>a {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.9rem;
  right: 0;
  text-decoration: none;
  color: var(--highlig-color-2);
  font-size: 1.6rem;
  font-weight: 500;
}

/* card */
.section-card>.swiper-card>.swiper-wrapper>.swiper-slide {
  width: auto !important;
}

.section-card>.swiper-card>.swiper-wrapper>.swiper-slide>img {
  width: 100%;
  height: auto;
}

.section-card>.swiper-card>.swiper-wrapper>.swiper-slide-active>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 1) calc(100% - 98px), rgba(255, 255, 255, 0) calc(100% - 10px),rgba(255, 255, 255, 0) 100%);
  color: transparent;
  pointer-events: none;
}

.section-card>.swiper-card>.swiper-wrapper>.gradient>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) calc(100% + 5px), rgba(255, 255, 255, 1) 100%);
  background-clip: text;
  color: transparent;
  pointer-events: none;
}

/* steps */
.section-steps ul {
  display: flex;
  justify-content: space-between;
}

.section-steps ul>li {
  width: 33.1rem;
  height: auto;
  padding: 2.4rem 2.4rem 1.8rem;
  box-sizing: border-box;
  border: 1px solid #F5F5F5;
  border-radius: 0.8rem;
  background-color: #F5F5F5;
  text-align: center;
}

.section-steps ul>li>h5 {
  margin: 1.6rem 0 1.2rem;
  font-weight: 700;
}

/* reviews */
.section-reviews>.swiper-control{
  position: relative;
}

.section-reviews .swiper-review>.swiper-wrapper>.swiper-slide {
  padding: 2.4rem;
  border: #eaeaea 1px solid;
  border-radius: 4px;
}

.section-reviews .swiper-review>.swiper-wrapper>.swiper-slide>.rating {
  text-align: center;
}

.section-reviews .swiper-review>.swiper-wrapper>.swiper-slide>p {
  height: 10.2rem;
  margin: 2.4rem 0 1.6rem;
}

.section-reviews .swiper-review>.swiper-wrapper>.swiper-slide>.info {
  text-align: center;
}

.section-reviews .swiper-review>.swiper-wrapper>.swiper-slide>.info>.name {
  margin: 0;
  font-weight: 600;
  font-size: 1.8rem;
}

.section-reviews .swiper-review>.swiper-wrapper>.swiper-slide>.info>.ride_type {
  margin: 0.8rem 0 0.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--highlig-color-2);
}

.section-reviews .swiper-slide, .section-vehicle .swiper-slide {
  box-sizing: border-box;
  margin-bottom: 32px;
}

.section .swiper-prev {
    left: -4.8rem;
}

.section .swiper-next {
    right: -4.8rem;
}

.section .swiper-prev, .section .swiper-next {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 50%;
  transform: translate(0, calc(-50% - 16px));
  background-image: url(https://elifelimo.cn/img/home_v2/home-sprite.png);
  background-repeat: no-repeat;
  background-size: auto 3.2rem;
  cursor: pointer;
}

.section .swiper-prev {
  background-position: calc(-43.2rem / (48/32)) 0;
}

.section .swiper-next {
  background-position: calc(-48rem / (48/32)) 0;
}

.section .swiper-prev.swiper-button-disabled {
  background-position: calc(-33.6rem / (48/32)) 0;
}

.section .swiper-next.swiper-button-disabled {
  background-position: calc(-38.4rem / (48/32)) 0;
}

.swiper-pagination {
  display: block;
  bottom: 0 !important;
  left: auto !important;
}

.swiper-pagination-bullet-active {
  background-color: var(--highlig-color-2);
}

.swiper-pagination-bullet {
  width: 4rem;
  height: 0.4rem;
  margin: 0 !important;
  border-radius: 0;
}

/* services */
.section-services ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  cursor: pointer;
}

.section-services ul>li {
  position: relative;
  width: 33.1rem;
  margin-bottom: 1.6rem;
}

.section-services ul>li>img {
  width: 100%;
  height: auto;
}

.section-services ul>li>h5 {
  position: absolute;
  top: 2.4rem;
  left: 1.6rem;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}

/* vehicle */
.section-vehicle>h3{
  margin: 0;
}

.section-vehicle>p{
  margin: 0.4rem 0 3.2rem;
}

.section-vehicle .swiper-control {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-vehicle .swiper {
  width: 102.4rem;
  height: 39.2rem;
  margin-top: 1.2rem;
}

.section-vehicle .swiper-slide {
  height: 36.0rem;
  text-decoration: none;
}

.section-vehicle .swiper-slide>.wrap {
  border-radius: 0.8rem;
  background-color: #F8F8F8;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.section-vehicle .swiper-slide img {
  width: 30.6rem;
  height: 16rem;
  display: block;
  margin-top: 7.6rem;
  object-fit: contain;
}

.section-vehicle .swiper-slide label {
  margin: 4.4rem 0 1.2rem;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.2rem;
  color: #333;
}

/* coverage */
.section-coverage {
  width: 120rem;
}

.section-coverage h3 {
  width: 102.4rem;
  margin: 0 auto 0.4rem;
}

.section-coverage p {
  width: 102.4rem;
  margin: 0 auto 4.4rem;
}

.section-coverage img {
  width: 120rem;
  height: auto;
}

.section-advantages>h3 {
  margin-bottom: 0.4rem;
}

.section-advantages>p {
  margin-bottom: 2.7rem;
}

.section-advantages ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section-advantages ul>li {
  width: 50.4rem;
  height: 20.8rem;
  margin-bottom: 1.6rem;
  padding: 2.4rem;
  background-color: #F5F5F5;
  box-sizing: border-box;
}

.section-advantages ul>li>h5 {
  margin: 0.8rem 0 1.6rem;
  font-weight: 700;
}

.section-advantages ul>li>p {
  font-size: 1.6rem;
}

/* blogs */
.section-blog>.swiper-blog>.swiper-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-self: center;
  width: 102.4rem;
}

.section-blog>.swiper-blog>.swiper-wrapper>.swiper-slide {
  width: 33rem;
  height: 38rem;
  border-radius: 0.4rem;
}

.section-blog>.swiper-blog>.swiper-wrapper>.swiper-slide>img {
  width: 100%;
  height: 18.6rem;
  margin-bottom: 2rem;
  border-radius: 0.4rem;
  object-fit: cover;
}

.section-blog>.swiper-blog>.swiper-wrapper>.swiper-slide>h5 {
  height: 4.8rem;
  margin: 0 1rem;
}

.section-blog>.swiper-blog>.swiper-wrapper>.swiper-slide>span {
  display: block;
  margin: 0.4rem 1rem 1.6rem;
  font-size: 1.4rem;
  color: #999;
}

.section-blog>.swiper-blog>.swiper-wrapper>.swiper-slide>p {
  margin: 0 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* destination */
.section-destinations {
  margin: 7.2rem auto 0;
}
.section-destinations>.swiper-destinations>.swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section-destinations>.swiper-destinations>.swiper-wrapper>.swiper-slide {
  position: relative;
  width: 33rem;
  margin-bottom: 1.7rem;
}

.section-destinations>.swiper-destinations>.swiper-wrapper>.swiper-slide>img {
  width: 100%;
  height: auto;
  border-radius: 0.4rem;
}

.section-destinations>.swiper-destinations>.swiper-wrapper>.swiper-slide>label {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
}

.section-destinations>.swiper-destinations>.swiper-wrapper>.swiper-slide>div {
  position: absolute;
  bottom: 1.6rem;
  right: 1.6rem;
  border-radius: 0.4rem;
}

.section-destinations>.swiper-destinations>.swiper-wrapper>.swiper-slide>div>div {
  padding: 0.3rem 2rem;
  border-radius: 0.4rem 0.4rem 0 0;
  color: #fff;
  background-color: #FBA76E;
}

.section-destinations>.swiper-destinations>.swiper-wrapper>.swiper-slide>div>div>span {
  font-size: 1rem;
  font-weight: 500;
}

.section-destinations>.swiper-destinations>.swiper-wrapper>.swiper-slide>div>div>.number {
  margin-right: 0.4rem;
  font-size: 1.4rem;
  font-weight: 600;
}

.section-destinations>.swiper-destinations>.swiper-wrapper>.swiper-slide>div>button {
  width: 100%;
  padding: 0.6rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 0 0 0.4rem 0.4rem;
  color: #fff;
  background: linear-gradient(90deg, #FE676E 0%, #FD8F52 95.31%);
}

.section-destinations>.swiper-destinations>.swiper-wrapper>.swiper-slide>div>button>i {
  margin-right: 0.5rem;
}

#frameset-header {
  z-index: 100;
}

.siq_bR {
  bottom: 74px !important;
}

.zsiq_theme1 .zsiq_flt_rel {
  border-radius: 4px !important;
  background-color: #FE7A1F !important;
}

.zsiq_theme1.zsiq_floatmain {
  z-index: 9 !important;
}

.zsiq_custommain, .zsiq_floatmain {
  animation: unset !important;
}

  .icon-phone, .icon-top, .icon-xhs, .icon-jd, .icon-tmall{
  width: 30px;
  height: 30px;
  display: inline-block;
    background-size: 30px 30px;
  background-repeat: no-repeat;
}

.icon-xhs {
  background-image: url(https://elifelimo.cn/img/header_footer/icon-xhs.png);
}

  .icon-tmall {
    background-image: url(https://elifetransfer.s3.us-east-2.amazonaws.com/art/cn/tmall_logo_white.png);
  }
  
  .icon-jd {
    background-image: url(https://elifetransfer.s3.us-east-2.amazonaws.com/art/cn/jd_logo_white.png);
  }
  
.icon-phone {
  background-image: url(https://elifelimo.cn/img/header_footer/icon-phone.png);
}

.icon-top {
  background-image: url(https://elifelimo.cn/img/header_footer/icon-top.png);
}

.home-xhs {
  position: fixed;
    bottom: 330px;
  right: 10px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #FE7A1F;
  cursor: pointer;
  z-index: 10;
}

.home-xhs:hover {
  opacity: 1;
}

  .home-jd {
    position: fixed;
    bottom: 266px;
    right: 10px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #FE7A1F;
    cursor: pointer;
    z-index: 10;
  }
  
  .home-jd:hover {
    opacity: 1;
  }
  
  .home-tmall {
    position: fixed;
    bottom: 202px;
    right: 10px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #FE7A1F;
    cursor: pointer;
    z-index: 10;
  }
  
  .home-tmall:hover {
    opacity: 1;
  }
  
.home-contact {
  position: fixed;
  bottom: 138px;
  right: 10px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #FE7A1F;
  cursor: pointer;
  z-index: 10;
}

.home-contact>div {
  position: absolute;
  top: 0;
  right: 68px;
  padding: 10px 12px;
  border: 1px solid #EEE;
  background-color: #fff;
  pointer-events: none;
}


.home-contact>.hide {
  display: none;
}

.home-contact>div>p {
  display: flex;
  font-size: 14px;
  color: #666;
  white-space: nowrap;
}

.home-contact>div>p>span:first-of-type {
  min-width: 33px;
  margin-right: 8px;
}

.home-contact>div>p>span:nth-of-type(2) {
  min-width: 87px;
  margin-right: 10px;
  text-decoration: none;
  color: #666;
}

.home-contact>div>label {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.zoho-img {
  position: fixed;
  bottom: 74px;
  right: 10px;
  width: 60px;
  height: 60px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #FE7A1F;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9;
}

.zoho-img>img {
  width: 30px;
  height: 30px;
}

.home-scrollTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #FE7A1F;
  cursor: pointer;
  z-index: 10;
}

  .logos {
    display: none;
  }
  
@media screen and (min-width: 319px) and (max-width: 767px) {
    .home-contact,.zoho-img,.home-scrollTop,.home-xhs,.home-tmall ,.home-jd   {
    width: 32px;
    height: 32px;
  }
    .home-xhs > i ,.home-tmall > i ,.home-jd > i  {
      width: 20px;
      height: 20px;
      background-size: contain;
    }
    .logos {
      width: 50%;
      display: flex;
      margin-top: 40px;
    }
    .logos > ul {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  .home-xhs {
      bottom: 210px;
    }
    .home-jd {
      bottom: 170px;
    }
    .home-tmall {
    bottom: 130px;
  }
  .icon-phone,.icon-top {
    width: 20px;
    height: 20px;
    background-size: auto 20px;
  }
  .zoho-img>img {
    width: 20px;
    height: 20px;
  }
  .zsiq_theme1.zsiq_floatmain {
    width: 32px !important;
    height: 32px;
  }
  .zsiq_theme1 .zsiq_flt_rel {
    width: 32px !important;
    height: 32px !important;
  }
  .siq_bR {
    bottom: 50px !important;
  }
  .zsiq_flt_rel {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .zsiq_theme1 .zsiq_user.siqicon {
    width: 20px !important;
    height: 20px !important;
  }
  .zsiq_theme1 .siqicon:before {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .zoho-img {
    bottom: 50px;
  }
  .home-contact {
    bottom: 90px;
  }
  .home-contact>div {
    width: 264px;
    position: fixed;
    bottom: 42px;
    right: 50px;
    top: unset;
    box-sizing: border-box;
  }
  .front-wrap {
    margin-top: 56px;
  } 
  .home-contact>div {
    width: 264px;
    box-sizing: border-box;
  }
  .swiper-pagination-bullet {
    width: 3rem;
  }
  .section {
    width: 100%;
    padding: 0 16px;
    margin-top: 44px;
    box-sizing: border-box;
  }
  .section h3 {
    margin-bottom: 16px;
  }
  .section a {
    position: unset;
    margin-bottom: 20px;
  }
  .section-steps ul {
    margin-bottom: 20px;
  }
  .section-steps ul>li {
    width: calc(100% - 20px);
    margin: 0 auto;
  }
  .section-coverage img,.section-coverage h3,
  .section-coverage p {
    width: 100%;
  }
  .section .swiper-prev,.content>.section .swiper-next {
    display: none;
  }
  .section-services ul {
    flex-wrap: nowrap;
  }
  .section-services ul>li {
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .section-card>.swiper-card>.swiper-wrapper>.gradient>div,
  .section-card>.swiper-card>.swiper-wrapper>.swiper-slide-active>div {
    display: none;
  }
  .section-coverage {
    padding: 0;
  }
  .section-coverage h3, .section-coverage p {
    padding: 0 16px;
    box-sizing: border-box;
  }
  .section-coverage h3 {
    margin-bottom: 4px;
  }
  .section-coverage p {
    margin-bottom: 20px;
  }
  .section-advantages ul {
    flex-wrap: nowrap;
  }
  .section-advantages ul>li {
    width: 100%;
    margin-bottom: 20px;
  }
  .section-advantages ul 

  /*  services   */
  .section-services ul {
    flex-wrap: nowrap;
  }
  .container-fluid {
    width: 100%;
    overflow-x: hidden;
  }
  .container-fluid > .scroll-box {
    margin-top: 4.4rem;
  }
  .section-blog > .blogs-title {
    margin: 0 1.6rem;
  }
  .section-blog > p {
    margin: 0 2.4rem 0 0;
  }
  .section-blog > p > a label {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .section-blog > p > a img {
    padding-left: 0.2rem;
    width: 1.6rem;
    transform: translateY(0.2rem);
  }
  .section-blog .blogs-box {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: flex-start;
    width: 90%;
  }
  .section-blog .blogs-box .blog-box {
    width: auto;
    margin-top: 3.2rem;
  }
  .section-blog .blogs-box .blog-box.blog-box:first-child {
    margin-top: 1.8rem;
  }
  .section-destinations {
    width: 100%;
  }
  .section-destinations .destinations-title {
    font-size: 2.8rem;
    margin-top: 2.4rem;
  }
  .section-destinations > img {
    width: 21.9rem;
    margin-bottom: 0;
  }
  .section-destinations>.swiper-destinations>.swiper-wrapper {
    flex-wrap: nowrap;
  }
  .section-destinations .cities-box .city-box {
    margin: 1.6rem 0 0 0 !important;
    width: 100%;
  }
  .section-destinations .cities-box .city-box > img {
    width: 100%;
  }
  .section-destinations .cities-box .city-box > p {
    width: 100%;
  }
  .section-destinations .cities-box .city-box .city-book-now-btn {
    width: 100%;
  }
  .section-destinations .all-airports-btn {
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    margin-top: 3rem;
  }
  .section-destinations .all-airports-btn > a label {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .section-destinations .all-airports-btn > a img {
    padding-left: 0.2rem;
    width: 1.6rem;
    transform: translateY(0.2rem);
  }
  .line {
    margin-top: 5rem;
  }
}

@media screen and (min-width: 319px) and (max-width: 767.9px) {
  html {
    font-size: 62.5%;
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: 33.5%;
  }
}

@media screen and (min-width: 1024px) {
  html {
    font-size: 45.5%;
  }
}

@media screen and (min-width: 1280px) {
  html {
    font-size: 55.8%;
  }
}

@media screen and (min-width: 1440px) {
  html {
    font-size: 62.5%;
  }
}

/* addition */
.container {
  max-width: 1170px;
  margin: auto;
  padding: 0 15px;
}