.stage{width:100%;height:auto;z-index:1;margin:auto;position:relative;line-height:1}
.ff-b{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold}
.pc-mt29{margin-top:calc(100vw * 29 / 1920)}@media (min-width:1920px){.pc-mt29{margin-top:29px}}
h2,h3,h1,.ff-m{font-weight:bold}


.pbx-box3 {
  width: 100%;
  margin-top: 1.92rem;
}
.pbx-box3 .container {
  max-width: 1280px;
}
.pbx-box3 .container .titles {
  color: #202945;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.pbx-box3 .container .list {
  width: 100%;
  margin-top: 0.58rem;
}
.pbx-box3 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem 0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.pbx-box3 .container .list ul li {
  width: calc(25% - 0.4rem);
  cursor: pointer;
  position: relative;
  margin: 0 0.2rem 0.4rem;
  background-color: #ffffff;
  box-shadow: 0.03rem 0.04rem 0.2rem 0px rgba(14, 143, 246, 0.1);
  border-radius: 0.05rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .pbx-box3 .container .list ul li {
    width: 50%;
  }
}
.pbx-box3 .container .list ul li .tbox1 {
  width: 100%;
  padding: 0.5rem 0.3rem;
}
@media (max-width: 767px) {
  .pbx-box3 .container .list ul li .tbox1 {
    padding: 0.7rem 0.3rem;
  }
}
.pbx-box3 .container .list ul li .tbox1 .icon {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.pbx-box3 .container .list ul li .tbox1 .t1 {
  color: #202945;
  line-height: 1;
  margin-top: 0.38rem;
  text-align: center;
}
@media (max-width: 767px) {
  .pbx-box3 .container .list ul li .tbox1 .t1 {
    font-size: 14px;
    margin-top: 0.78rem;
  }
}
.pbx-box3 .container .list ul li .tbox2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  background: url(box3-bg.png) center center no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 20px 0px rgba(255, 103, 38, 0.3);
  padding: 0.5rem 0.2rem 0;
  transition: all ease-out 0.3s;
  text-align: center;
}
.pbx-box3 .container .list ul li .tbox2 .t1 {
  color: #fff;
  line-height: 1;
}
.pbx-box3 .container .list ul li .tbox2 .t2 {
  color: #fff;
  margin-top: 0.33rem;
}
.pbx-box3 .container .list ul li:hover .tbox2 {
  opacity: 1;
  top: 0;
}


.tws{width:100%;height:auto;z-index:1;margin:auto;position:relative;line-height:1}
.tw-more .title{line-height:1}
.tw-more .title .group-0{text-align:left;font-size:calc(100vw * 30 / 1920)}@media (max-width:1000px){.tw-more .title .group-0{font-size:calc(100vw * 45 / 1080)}}
.tw-more .title .group-1{position:relative;text-align:left;margin-top:calc(100vw * 23 / 1920);font-size:calc(100vw * 60 / 1920)}@media (max-width:1000px){.tw-more .title .group-1{margin-top:calc(100vw * 51 / 1080);font-size:calc(100vw * 102 / 1080)}}
.tw-more .sections{width:calc(100vw * 1180 / 1920);box-sizing:border-box}@media (max-width:1000px){.tw-more .sections{width:calc(100vw * 926 / 1080)}}
.tw-more .grid{display:flex;margin-top:calc(100vw * 122 / 1920);flex-wrap:wrap;justify-content:space-between}@media (max-width:1000px){.tw-more .grid{margin-top:calc(100vw * 68 / 1080)}}
.tw-more .grid-item{display:flex;flex-direction:column;width:calc(100vw * 296 / 1920);margin-bottom:calc(100vw * 90 / 1920)}@media (max-width:1000px){.tw-more .grid-item{width:calc(100vw * 407 / 1080);margin-bottom:calc(100vw * 80 / 1080)}}
.tw-more .grid .text{font-size:calc(100vw * 24 / 1920);color:#000}@media (max-width:1000px){.tw-more .grid .text{font-size:calc(100vw * 36 / 1080)}}
.tw-more .grid .desc{width:100%;font-size:calc(100vw * 16 / 1920);line-height:calc(100vw * 24 / 1920)}@media (max-width:1000px){.tw-more .grid .desc{font-size:calc(100vw * 30 / 1080);line-height:calc(100vw * 45 / 1080)}}
.tw-more .grid .icon{width:calc(100vw * 51 / 1920)}@media (max-width:1000px){.tw-more .grid .icon{width:calc(100vw * 79 / 1080)}}

.tws-main-t{padding-top:calc(100vw * 173 / 1920)}@media (max-width:1000px){.tws-main-t{padding-top:calc(100vw * 228 / 1080)}}
.tws-sub-t{margin-top:calc(100vw * 24 / 1920);line-height:1}@media (max-width:1000px){.tws-sub-t{margin-top:calc(100vw * 35 / 1080);margin-bottom:calc(100vw * 50 / 1080)}}

.tw-more{position:relative;background:#fafafc;display:flex;justify-content:center;padding-top:calc(100vw * 174 / 1920);padding-bottom:calc(100vw * 68 / 1920)}
.tw-more .title{line-height:1}
.tw-more .title .group-0{text-align:left;font-size:calc(100vw * 30 / 1920)}@media (max-width:1000px){.tw-more .title .group-0{font-size:calc(100vw * 45 / 1080)}}
.tw-more .title .group-1{position:relative;text-align:left;margin-top:calc(100vw * 23 / 1920);font-size:calc(100vw * 60 / 1920)}@media (max-width:1000px){.tw-more .title .group-1{margin-top:calc(100vw * 51 / 1080);font-size:calc(100vw * 102 / 1080)}}
.tw-more .sections{width:calc(100vw * 1180 / 1920);box-sizing:border-box}@media (max-width:1000px){.tw-more .sections{width:calc(100vw * 926 / 1080)}}
.tw-more .grid{display:flex;margin-top:calc(100vw * 122 / 1920);flex-wrap:wrap;justify-content:space-between}@media (max-width:1000px){.tw-more .grid{margin-top:calc(100vw * 68 / 1080)}}
.tw-more .grid-item{display:flex;flex-direction:column;width:calc(100vw * 296 / 1920);margin-bottom:calc(100vw * 90 / 1920)}@media (max-width:1000px){.tw-more .grid-item{width:calc(100vw * 407 / 1080);margin-bottom:calc(100vw * 80 / 1080)}}

.ff-hy45{font-family:HYQiHei-45S,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }

.pc-mt19{margin-top:calc(100vw * 19 / 1920)}@media (min-width:1920px){.pc-mt19{margin-top:19px}}

.sec_container {
  width: 75.6145833333vw;
  margin: 0 auto;
  text-align:center
}

@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
.sec_container {
    width: 92vw;
  }
}
.sec_ai {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 1.0416666667vw;
  text-align:left;
  background-color: #f1f1f1;
  padding: 2.6041666667vw 8.125vw;
  position: relative;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ai {
    padding: 10.6666666667vw;
    display: block;
    text-align: center;
    border-radius: 2.6666666667vw;
  }
}
.sec_ai .ai_txt {
  width: 27.6041666667vw;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ai .ai_txt {
    width: 100%;
  }
}
.sec_ai .ai_subTit {
  font-size: 1.6666666667vw;
  line-height: 1.25;
  font-weight: 500;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ai .ai_subTit {
    font-size: 5.3333333333vw;
  }
}
.sec_ai .ai_icon {
  width: 0.9375em;
  display: inline-block;
  position: relative;
  top: -0.1em;
  margin-right: 0.3125em;
}
.sec_ai .ai_tit {
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ai .ai_tit {
    margin-bottom: 4.6666666667vw;
  }
}
.sec_ai .ai_des {
  margin-bottom: 1.8229166667vw; 
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ai .ai_des {
    margin-bottom: 6.6666666667vw;
  }
}
.sec_ai .ai_btn {
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 3.125em;
  height: 3.125em;
  border: 1px solid;
  color: inherit;
  display: inline-block;
  padding: 0 1.875em;
  border-radius: 1.5625em;
  text-decoration: none;
  margin-right: 1.0416666667vw;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ai .ai_btn {
    font-size: 3.7333333333vw;
    padding: 0 1.5em;
    margin-right: 4vw;
  }
}
.sec_ai .ai_btn:after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 1em;
  margin-left: 0.625em;
  background: url(../imgs/icon-s16-2.png) center center no-repeat;
  background-size: contain;
  position: relative;
  top: 0.125em;
}
.sec_ai .ai_btn:last-child {
  margin-right: 0;
}
.sec_ai .ai_midea {
  width: 20.84375vw;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ai .ai_midea {
    width: 38vw;
    margin: 10.6666666667vw auto 0;
  }
}
.sec_ai .ai_pop {
  width: 23.4375vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ai .ai_pop {
    width: 60vw;
    bottom: 30vw;
    top: auto;
    transform: translate(-50%, 0);
  }
}
.sec_ecards {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 2.0833333333vw auto 0;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards {
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 4vw;
  }
}
.sec_ecards .ecd_card {
  width: 34.7395833333vw;
  height: 35.5208333333vw;
  border-radius: 1.0416666667vw;
  background-color: #000;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .ecd_card {
    width: 92vw;
    height: 97.6vw;
    border-radius: 2.6666666667vw;
  }
}
.sec_ecards .ecd_card:first-child {
  margin-right: 2.1354166667vw;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .ecd_card:first-child {
    margin-right: 0;
    margin-bottom: 4vw;
  }
}
.sec_ecards .ecd_imga {
  width: 5.2083333333vw;
  margin: 5.8333333333vw auto 0;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .ecd_imga {
    width: 16.2666666667vw;
    margin-top: 10.6666666667vw;
  }
}
.sec_ecards .ecd_imgb {
  width: 10.5208333333vw;
  margin: 6.5104166667vw auto 0;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .ecd_imgb {
    width: 31.7333333333vw;
    margin-top: 10.9333333333vw;
  }
}
.sec_ecards .ecd_tit {
  font-size: 3.6458333333vw;
  line-height: 1.25;
  font-weight: 600;
  margin-top: 2.8645833333vw;
  color: #fff;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .ecd_tit {
    font-size: 9.3333333333vw;
    margin-top: 3.8666666667vw;
  }
}
.sec_ecards .ecd_cont {
  color: #999;
  font-size: 1.09375vw;
  width: 25vw;
  margin: 1.6145833333vw auto 0;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .ecd_cont {
    font-size: 2.8vw;
    width: 59vw;
    margin-top: 2.9333333333vw;
  }
}
.sec_ecards .ecd_b {
  width: 14vw;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .ecd_b {
    width: 35vw;
  }
}
.sec_ecards .ecd_buttons {
  width: 6.5104166667vw;
  border: 1px solid #256fff;
  height: 2.6041666667vw;
  border-radius: 1.5625vw;
  margin: 2.8645833333vw auto 0;
  position: relative;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .ecd_buttons {
    width: 16.6666666667vw;
    height: 6.6666666667vw;
    border-radius: 4vw;
    margin-top: 11.4666666667vw;
  }
}
.sec_ecards .ecd_buttons:hover {
  cursor: pointer;
}
.sec_ecards .ecd_buttons .btn_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.sec_ecards .btn_b {
  margin-top: 4.6875vw;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .btn_b {
    margin-top: 18.8vw;
  }
}
.sec_ecards .ecd_btn {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0.8333333333vw;
  color: #256fff;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_ecards .ecd_btn {
    font-size: 2.1333333333vw;
  }
}
.gap {
  height: 5.5416666667vw;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .gap {
    height: 32vw;
  }
}
.sec_tit {
  font-size: 3.3333333333vw;
  line-height: 1.25;
  font-weight: 700;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_tit {
    font-size: 8.5333333333vw;
  }
}
.sec_des {
  font-size: 1.0416666667vw;
}
@media screen and (max-width: 639px), screen and (max-width: 1200px) and (max-aspect-ratio: 11/10) {
  .sec_des {
    font-size: 3.7333333333vw;
  }
}

.function-content{width:1240px;margin:0 auto;overflow-x:visible}
.function-content-feature{position:relative;width:100%;height:680px}
.function-content-feature dl{margin:0}
.function-content-feature dd.list_qq_relationship{padding-top:150px}
.function-content-feature dd.list_group{padding-top:150px}
.function-content-feature dd.list_privacy{padding-top:110px}
.function-content-feature dd.list_tools{padding-top:150px}
.function-content-feature dd.list_work_on_the_go{padding-top:130px}
.function-content-feature .function-feature-line{min-width:1080px}
.function-content-feature .function-feature-title{padding:15px 0 10px 0;font-weight:700;font-size:46px;color:#222;word-break:keep-all;white-space:nowrap}
.function-content-feature .function-feature-sub-title{font-size:18px;font-weight:700;color:#0067ed}
.function-content-feature .function-feature-detail{line-height:25px}
.function-content-feature .function-feature-detail-more-container{position:relative;margin-top:20px;display:inline-block}
.function-content-feature .function-feature-detail-more{display:inline-block;width:140px;height:44px;color:#fff;line-height:44px;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);background-color:#0067ed;border-top:transparent;border-radius:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.function-content-feature .function-feature-detail-more.appMarket{background-color:#fff!important;border:1px solid #e5e5e5;color:#000!important;width:160px!important;margin-left:7px}
.function-content-feature .function-feature-detail-more.appMarket:hover{border:1px solid #a8abb3}
.function-content-feature .function-feature-detail-more.appMarket:hover .more-arrow{-webkit-transform:translate(4px,-1px);-ms-transform:translate(4px,-1px);transform:translate(4px,-1px)}
.function-content-feature .function-feature-detail-more.appMarket .black_arrow{vertical-align:sub}
.function-content-feature .function-feature-detail-more.appMarket .more-arrow{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);margin-left:5px}
.function-content-feature .function-feature-detail-more.appMarket span{margin:0 auto}
.function-content-feature .function-feature-detail-more span{display:inline-block;margin-left:28px;width:120px;text-align:left}
.function-content-feature .function-feature-detail-more:hover{background-color:#197dff}
.function-content-feature .function-feature-detail-more:hover .more-arrow{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
.function-content-feature .function-feature-detail-more .more-arrow{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;width:10px;height:10px}
.function-content-feature .function-feature-detail-list{margin-top:5px;padding:0}
.function-content-feature .function-feature-detail-list li{list-style:none;padding-top:20px}
.function-content-feature .function-feature-detail-list li .qd-icon{float:left;width:44px;height:44px;margin-right:10px;vertical-align:middle}
.function-content-feature .function-feature-detail-list li .function-list{float:left;width:436px;color:#222;line-height:25px}
.function-content-feature .function-feature-detail-list li .function-list .title{display:block;font-size:18px;font-weight:700}
.function-content-feature .function-feature-detail-list li .function-list .desc{font-size:16px}
.function-content-feature .function-feature-detail-label{margin-top:40px;margin-bottom:0;padding:0}
.function-content-feature .function-feature-detail-label li{list-style:none;display:inline-block;width:100px;height:80px;text-align:center}
.function-content-feature .function-feature-detail-label li .label-item{height:54px;width:54px;line-height:100%}
.function-content-feature .function-feature-detail-label li .desc{margin-top:5px;font-size:16px;color:#222}
.function-content-feature .function-feature-detail-label li .sub-desc{position:absolute;margin:5px 0 0 22px;line-height:100%;font-size:12px;color:#999}
.function-content-feature .function-feature-text{width:490px;margin:0}
.function-content-feature .function-feature-text p{margin:0}
.function-content-feature:nth-child(even) .function-feature-img{position:absolute;left:470px}
.function-content-feature:nth-child(even) .function-feature-text{display:inline-block;width:490px;margin-right:20px}
.function-content-feature-even .function-feature-img{position:absolute;left:470px}
.function-content-feature-even .function-feature-text{display:inline-block;width:470px;margin-left:0!important;margin-right:20px!important}
.function-content-feature:nth-child(odd) .function-feature-img{display:inline-block;width:770px;height:660px}
.function-content-feature:nth-child(odd) .function-feature-img img{margin-left:-320px}
.function-content-feature:nth-child(odd) .function-feature-text{position:absolute;display:inline-block;width:490px;margin-left:20px}
.function-content-feature-odd .function-feature-img{display:inline-block!important;width:770px!important;height:660px!important;position:relative!important;left:0!important}
.function-content-feature-odd .function-feature-img img{margin-left:-320px!important}
.function-content-feature-odd .function-feature-text{position:absolute!important;display:inline-block!important;width:450px!important;margin-left:20px!important;margin-right:0!important}
.function-content{width:1080px}
.function-content-feature{height:615px}
.function-content-feature dd.list_qq_relationship{padding-top:100px}
.function-content-feature dd.list_group{padding-top:100px}
.function-content-feature dd.list_privacy{padding-top:80px}
.function-content-feature dd.list_tools{padding-top:100px}
.function-content-feature dd.list_work_on_the_go{padding-top:100px}
.function-content-feature .function-feature-title{font-size:40px}
.function-content-feature .function-feature-img{width:610px}
.function-content-feature .function-feature-img>img{width:870px}
.function-content-feature .function-feature-detail-more-container{margin-top:10px}
.function-content-feature .function-feature-detail-label{margin-top:35px}
.function-content-feature .function-feature-detail-label li{width:90px}
.function-content-feature .function-feature-detail-label li .label-item{width:42px;height:42px}
.function-content-feature .function-feature-detail-label li .desc{margin-top:0;font-size:14px}
.function-content-feature .function-feature-detail-label li .sub-desc{margin:5px 0 0 17px;margin-top:0}
.function-content-feature:nth-child(odd) .function-feature-img{width:610px;height:545px}
.function-content-feature:nth-child(odd) .function-feature-img img{margin-left:-260px}
.function-content-feature-odd .function-feature-img{display:inline-block!important;position:relative!important;left:0!important;width:610px!important;height:545px!important}
.function-content-feature-odd .function-feature-img img{margin-left:-260px!important}

.function-top-cover.page-banner .top-summary-container .top-summary{position:relative;display:inline-block;height:270px;text-align:left;vertical-align:middle}
.function-top-cover.page-banner .top-summary-container .top-summary h1{margin-top:0;font-size:28px;color:#000;vertical-align:middle;margin-bottom:15px;font-size:0}
.function-top-cover.page-banner .top-summary-container .top-summary h1 .title-text{display:inline-block;vertical-align:middle;font-size:28px;margin-left:10px; font-weight: bold}
.function-top-cover.page-banner .top-summary-container .top-summary h1 .grey-text{margin-left:10px;font-size:14px;font-weight:400;vertical-align:middle;opacity:.8;filter:alpha(opacity=80)}
.function-top-cover.page-banner .top-summary-container .top-summary-title{width:625px;font-size:48px;font-weight:700;color:#0089F7;line-height:60px;margin-bottom:5px}

.function-top{overflow:hidden;background:#a8abb3;position:relative}
.function-top:after{content:'';position:absolute;bottom:0;left:0;width:0;z-index:1;height:0;border-top:65px solid transparent;border-right:100vw solid transparent;border-bottom:10px solid #fff;border-left:100vw solid #fff}
.function-top-cover{position:relative;width:100%;height:620px;padding-top:150px}
.function-top-cover .banner-img{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-animation:showBanner .5s linear 1;animation:showBanner .5s linear 1}
.function-top-cover .top-summary-container{width:1240px;margin:auto}
.function-top-cover .top-summary{position:relative;display:inline-block;height:270px;text-align:left;vertical-align:middle}
.function-top-cover .top-summary h2{margin-top:0;font-size:0;color:#000;vertical-align:middle;margin-bottom:15px; font-weight:bold !important}
.function-top-cover .top-summary h2 .title-text{display:inline-block;vertical-align:middle;margin-left:10px;font-size:28px}
.function-top-cover .top-summary h2 .balck-text{font-size:14px;font-weight:400;vertical-align:middle;color:#222;margin-right:10px}
.function-top-cover .top-summary h2 .grey-text{margin-left:10px;font-size:14px;font-weight:400;vertical-align:middle;opacity:.8;filter:alpha(opacity=80)}
.function-top-cover .top-summary h2 .label-item{width:34px;height:34px;vertical-align:middle}
.function-top-cover .top-summary-title{width:625px;font-size:48px;font-weight:700;color:#222;line-height:60px;margin-bottom:5px}
.function-top-cover .top-summary-enter{margin-top:35px}
.function-top-cover .top-summary-enter .video-play-button{float:left;color:#222;margin-left:30px;padding-top:13px;font-size:0;height:20px;line-height:20px}
.function-top-cover .top-summary-enter .video-play-button .header-play{position:relative;top:5px;width:24px;height:24px;margin-right:6px}
.function-top-cover .top-summary-enter .video-play-button span{font-size:20px}
.function-top-cover .top-summary-enter .video-play-button:hover{opacity:.8;fill-opacity:.8}
.function-top-cover .top-summary-enter .primary-btn{float:left;width:200px;height:60px;line-height:60px;text-align:center;text-decoration:none;color:#fff;font-size:20px}
.function-top-cover .top-play-button{margin:10px 200px 0 300px;vertical-align:middle}
#product .productLogo{vertical-align:middle;width:34px;height:34px}
#product.smartsell{height:790px;background-color:#fff}#product.smartsell:after{content:'';width:0;height:0;border:none}#product.smartsell .function-top-cover{height:790px}#product.smartsell .function-top-cover .top-summary-container{width:1240px;margin:0 auto}#product.smartsell .function-top-cover .top-summary-container .top-summary{height:330px}#product.smartsell .function-top-cover .top_summary_bottom{position:relative;width:1400px;margin:0 auto;height:300px;background:url();background-size:cover}#product.smartsell .function-top-cover .mobile_pic{position:absolute;width:580px;height:670px;bottom:0;right:60px}#product .slogan{margin-bottom:0}#top-slogan{width:100%;font-size:44px;color:#000;letter-spacing:0;text-align:center;font-weight:700;line-height:60px;margin-top:50px;margin-bottom:40px}#uspList{margin:5px 0 16px 0}#product-content .function-feature-detail-more-container .btn{min-width:140px;padding:0 20px;line-height:44px;display:inline-block;vertical-align:middle;border-radius:2px;-webkit-transition:all .3s linear;transition:all .3s linear}#product-content .function-feature-detail-more-container .btn span{display:inline-block}#product-content .function-feature-detail-more-container .btn span .qd-icon{width:10px;height:10px;-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#product-content .function-feature-detail-more-container .btn span:hover .qd-icon{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}#product-content .function-feature-detail-list-item img.qd-icon{width:40px;height:40px}#product-content .detail-btn{margin-right:7px;background-color:#0067ed}#product-content .detail-btn:hover{background-color:#197dff}#product-content .detail-btn span{color:#fff}#product-content .jump-btn.blue{background-color:#0067ed;color:#fff!important}#product-content .jump-btn.white{background-color:#fff;color:#000;border:1px solid #e5e5e5}#product-content .jump-btn.white:hover{border:1px solid #a8abb3}#product-content .point2{padding-top:70px}#product-content .point3{padding-top:130px}#product-content .point4{padding-top:120px}#product-content .point5{padding-top:100px}#customer-case{width:100%;background-color:#fbfbfb;overflow:hidden}#customer-case .customer-title{padding:120px 0 80px 0;font-size:48px;color:#000;text-align:center;line-height:65px;font-weight:700}#customer-case .customer-container{width:806px;margin:0 auto;overflow:hidden;margin-bottom:100px;padding:0 20px;padding-top:10px}#customer-case .customer-container a{display:block}#customer-case .customer-container .customer-item{position:relative;width:371px;height:240px;padding:30px 35px 0 35px;float:left;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(153,153,153,.5);box-shadow:0 2px 4px 0 rgba(153,153,153,.5);border-radius:4px;margin-bottom:30px;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:left;cursor:pointer}#customer-case .customer-container .customer-item:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1)}#customer-case .customer-container .customer-item:nth-child(2n-1){margin-right:23px}#customer-case .customer-container .customer-item .customer-logo{display:block;width:145px;height:50px}#customer-case .customer-container .customer-item .customer-label{display:block;position:absolute;top:38px;right:35px;padding:0 14px;line-height:25px;background:#e1f0ff;border-radius:100px;font-size:14px;color:#014cf7;letter-spacing:0}#customer-case .customer-container .customer-item .customer-des{padding-top:10px;font-size:16px;color:#222;letter-spacing:0;line-height:24px;height:110px;border-bottom:1px solid #e5e5e5}

.primary-btn{border-radius:2px;background-color:#0067ed;-webkit-transition:background-color .3s;transition:background-color .3s}.primary-btn:hover{background-color:#197dff}.primary-btn:active{background-color:#0056c7}.secondary-btn{border-radius:2px;background-color:#00cc26;-webkit-transition:background-color .3s;transition:background-color .3s}.secondary-btn:hover{background-color:#33d651}.secondary-btn:active{background-color:#00b722}
.children-box{width:1280px;margin:0 auto}
.text-center{text-align:center}
.pcc-max-scenes-section .mt40{margin-top:60px; padding-bottom:80px}
.pcc-max-scenes-section .t40{padding-bottom:80px}
.m-animbtn-btn{box-sizing:border-box;display:inline-block;background:#05f;box-shadow:0 16px 32px -12px rgba(0,85,255,.3);border-radius:50px;color:#fff;text-align:left}
.m-animbtn-btn.big{width:200px;height:60px;line-height:60px;padding-left:50px;font-size:20px}
.m-animbtn-btn.medium{width:168px;height:50px;line-height:50px;padding-left:40px;font-size:17px}
.m-animbtn-btn.small{width:132px;height:40px;line-height:40px;padding-left:24px;font-size:16px}
.m-animbtn-btn.small .weanniujiantou{margin-left:4px}
.m-animbtn-btn.small:hover .weanniujiantou{margin-left:8px}
.m-animbtn-btn.white{background:#fff;box-shadow:0 20px 40px -16px rgba(0,17,50,.3);color:#1966ff}
.m-animbtn-btn.white:hover{color:#1966ff;background:#fff;box-shadow:0 20px 40px -16px rgba(0,17,50,.3)}
.m-animbtn-btn .weanniujiantou{margin-left:10px;transition:margin-left .2s}
.m-animbtn-btn:hover{background:#37f;color:#fff;box-shadow:0 16px 32px -12px rgba(0,85,255,.3)}
.m-animbtn-btn:hover .weanniujiantou{margin-left:16px}
.pcc-max-scenes-section .section-group-list .group-item{display:flex;justify-content:space-between;margin-bottom:16px}
.pcc-max-scenes-section .section-group-list .card-item{width:11.5%;height:80px;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.2),0 8px 32px -8px rgba(0,0,0,.05);border-radius:6px;text-align:center;padding:12px 0;font-family:PingFang SC}
.pcc-max-scenes-section .section-group-list .card-item img{border-radius:4px;margin-bottom:8px}
.pcc-max-scenes-section .section-group-list .card-item p{font-style:normal;font-weight:400;font-size:16px;line-height:150%;text-align:center;color:#1a2233}

.HiSwitch {
  padding: 0.5rem 0 1.5rem;
}
@media (max-width: 767px) {
  .HiSwitch {
    padding: 1.2rem 0;
  }
}
.HiSwitch .c-list {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.2rem -0.4rem;
}
.HiSwitch .c-list li {
  padding: 0 0.2rem 0.4rem;
  width: 50%;
  display: flex;
  box-sizing: border-box;
}
.HiSwitchss .c-list li {
  width: 33.333%;
}

@media (max-width: 767px) {
  .HiSwitch .c-list li {
    width: 100%;
  }
}
.HiSwitch .c-list li .c-wrap {
  display: flex;
  width: 100%;
  border-radius: 10px;
  padding: 0.35rem;
  box-sizing: border-box;
  background: #f3fffe url(hi-bg.png) no-repeat center / cover;
  transition: all 0.3s;
}
.HiSwitch .c-list li .c-wrap:hover {
  background-color: #3a9efe;
}
.HiSwitch .c-list li .c-wrap:hover .c-ico {
  background-image: linear-gradient(45deg, #fff 0%, #fff 40%, #fff 100%);
}
.HiSwitch .c-list li .c-wrap:hover .c-ico svg path {
  fill: #3a9efe;
}
.HiSwitch .c-list li .c-wrap:hover .c-box .c-title {
  color: #fff;
}
.HiSwitch .c-list li .c-wrap:hover .c-box .c-text {
  color: #fff;
}
.HiSwitch .c-list li .c-wrap:hover .c-box .c-text p::before {
  background-color: #fff;
}
.HiSwitch .c-list li .c-wrap .c-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.3rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-image: linear-gradient(45deg, #3a9efe 0%, #3a9efe 40%, #3a9efe 100%), linear-gradient(#7a66f0, #7a66f0);
  box-shadow: 0rem 0rem 0.2rem 0rem rgba(58, 158, 254, 0.5), inset 0rem 0rem 0rem 0rem #ffffff;
  transition: all 0.3s;
}
.HiSwitch .c-list li .c-wrap .c-ico img,
.HiSwitch .c-list li .c-wrap .c-ico svg {
  width: 40%;
  height: 40%;
}
.HiSwitch .c-list li .c-wrap .c-ico img path,
.HiSwitch .c-list li .c-wrap .c-ico svg path {
  fill: #fff;
  transition: all 0.3s;
}
.HiSwitch .c-list li .c-wrap .c-box .c-title {
  padding: 0.15rem 0 0.2rem;
  font-weight: bold;
  line-height: 1.2;
  color: #3a9efe;
  transition: all 0.3s;
}
.HiSwitch .c-list li .c-wrap .c-box .c-text {
  line-height: 2;
  color: #666;
  transition: all 0.3s;
}
.HiSwitch .c-list li .c-wrap .c-box .c-text p::before {
  content: "";
  margin-right: 0.09rem;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ccc;
  vertical-align: middle;
  transition: all 0.3s;
}/*
.HiSwitch .c-list li:nth-child(4n-2) .c-wrap {
  background-color: #f5fcff;
}
.HiSwitch .c-list li:nth-child(4n-2) .c-wrap .c-ico {
  background-image: linear-gradient(45deg, #3a9efe 0%, #3a9efe 40%, #3a9efe 100%), linear-gradient(#7a66f0, #7a66f0);
  box-shadow: 0rem 0rem 0.2rem 0rem rgba(58, 158, 254, 0.5), inset 0rem 0rem 0rem 0rem #ffffff;
}
.HiSwitch .c-list li:nth-child(4n-2) .c-wrap .c-box .c-title {
  color: #3a9efe;
}
.HiSwitch .c-list li:nth-child(4n-2) .c-wrap:hover {
  background-color: #3a9efe;
}
.HiSwitch .c-list li:nth-child(4n-2) .c-wrap:hover .c-ico {
  background-image: linear-gradient(45deg, #fff 0%, #fff 40%, #fff 100%);
}
.HiSwitch .c-list li:nth-child(4n-2) .c-wrap:hover .c-ico svg path {
  fill: #3a9efe;
}
.HiSwitch .c-list li:nth-child(4n-2) .c-wrap:hover .c-box .c-title {
  color: #fff;
}
.HiSwitch .c-list li:nth-child(4n-1) .c-wrap {
  background-color: #fffaf5;
}
.HiSwitch .c-list li:nth-child(4n-1) .c-wrap .c-ico {
  background-image: linear-gradient(45deg, #ff6726 0%, #ff753a 40%, #ff824d 100%), linear-gradient(#7a66f0, #7a66f0);
  box-shadow: 0rem 0rem 0.2rem 0rem rgba(255, 103, 38, 0.3), inset 0rem 0rem 0rem 0rem #ffffff;
}
.HiSwitch .c-list li:nth-child(4n-1) .c-wrap .c-box .c-title {
  color: #ff6726;
}
.HiSwitch .c-list li:nth-child(4n-1) .c-wrap:hover {
  background-color: #ff6726;
}
.HiSwitch .c-list li:nth-child(4n-1) .c-wrap:hover .c-ico {
  background-image: linear-gradient(45deg, #fff 0%, #fff 40%, #fff 100%);
}
.HiSwitch .c-list li:nth-child(4n-1) .c-wrap:hover .c-ico svg path {
  fill: #ff6726;
}
.HiSwitch .c-list li:nth-child(4n-1) .c-wrap:hover .c-box .c-title {
  color: #fff;
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap {
  background-color: #f8f9ff;
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap .c-ico {
  background-image: linear-gradient(45deg, #7a66f0 0%, #836ff3 40%, #8b77f5 100%), linear-gradient(#7a66f0, #7a66f0);
  box-shadow: 0rem 0rem 0.2rem 0rem rgba(122, 102, 240, 0.3), inset 0rem 0rem 0rem 0rem #ffffff;
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap .c-ico svg .c-cls-1 {
  fill: transparent;
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap .c-box .c-title {
  color: #7a66f0;
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap:hover {
  background-color: #7a66f0;
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap:hover .c-ico {
  background-image: linear-gradient(45deg, #fff 0%, #fff 40%, #fff 100%);
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap:hover .c-ico svg .c-cls-2 {
  fill: #7a66f0;
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap:hover .c-ico svg .c-cls-1 {
  fill: transparent;
  stroke: #7a66f0;
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap:hover .c-ico svg .cls-1 {
  fill: #7a66f0;
}
.HiSwitch .c-list li:nth-child(4n) .c-wrap:hover .c-box .c-title {
  color: #fff;
}*/
.OM {
  padding: 2rem 0;
}
@media (max-width: 767px) {
  .OM {
    padding: 1.2rem 0;
  }
}
.OM .c-list {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.2rem -0.4rem;
}
.OM .c-list li {
  padding: 0 0.2rem 0.4rem;
  width: 50%;
  display: flex;
  box-sizing: border-box;
}
.OMss .c-list li {
  width: 33.333%;
}

@media (max-width: 767px) {
  .OM .c-list li {
    width: 100%;
  }
}
.OM .c-list li .c-wrap {
  display: flex;
  width: 100%;
  border-radius: 10px;
  padding: 0.35rem;
  box-sizing: border-box;
  background: #F7F8FA no-repeat center / cover;
  transition: all 0.3s;
}
.OM .c-list li .c-wrap:hover {
  background-color: #0089F7;
}
.OM .c-list li .c-wrap:hover .c-ico {
  background-image: linear-gradient(45deg, #fff 0%, #fff 40%, #fff 100%);
}
.OM .c-list li .c-wrap:hover .c-ico svg path {
  fill: #0089F7;
}
.OM .c-list li .c-wrap:hover .c-box .c-title {
  color: #fff;
}
.OM .c-list li .c-wrap:hover .c-box .c-text {
  color: #fff;
}
.OM .c-list li .c-wrap:hover .c-box .c-text p::before {
  background-color: #fff;
}
.OM .c-list li .c-wrap .c-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.3rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-image: linear-gradient(45deg, #17cea8 0%, #13d8af 40%, #0fe2b5 100%), linear-gradient(#0089F7, #0089F7);
  box-shadow: 0rem 0rem 0.2rem 0rem rgba(0, 227, 179, 0.5), inset 0rem 0rem 0rem 0rem #ffffff;
  transition: all 0.3s;
}
.OM .c-list li .c-wrap .c-ico img,
.OM .c-list li .c-wrap .c-ico svg {
  width: 40%;
  height: 40%;
}
.OM .c-list li .c-wrap .c-ico img path,
.OM .c-list li .c-wrap .c-ico svg path {
  fill: #fff;
  transition: all 0.3s;
}
.OM .c-list li .c-wrap .c-box .c-title {
  padding: 0.15rem 0 0.2rem;
  font-weight: bold;
  line-height: 1.2;
  color: #000;
  transition: all 0.3s;
}
.OM .c-list li .c-wrap .c-box .c-text {
  line-height: 2;
  color: #666;
  transition: all 0.3s;
}
.OM .c-list li .c-wrap .c-box .c-text p::before {
  content: "";
  margin-right: 0.09rem;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ccc;
  vertical-align: middle;
  transition: all 0.3s;
}



@media (max-width: 991px) {
  .public-banner .container {
    min-height: 50vh;
  }
}
@media (max-width: 767px) {
  .public-banner .container {
    padding: 2.4rem 0;
  }
}
.public-banner .c-note {
  position: absolute;
  bottom: 0.6rem;
  left: 0;
  z-index: 2;
  width: 100%;
  color: #666;
}
@media (max-width: 767px) {
  .public-banner .c-note {
    bottom: 1.2rem;
  }
}
.public-banner .c-text-box {
  position: relative;
  z-index: 2;
  width: 50%;
  padding: 0 0.4rem 0 0.8rem;
}
@media (max-width: 1900px) {
  .public-banner .c-text-box {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .public-banner .c-text-box {
    width: 100%;
    padding: 0 0 0.6rem;
  }
}
.public-banner .c-text-box .c-text {
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.public-banner .c-text-box .c-title {
  margin-bottom: 0.2rem;
  font-weight: bold;
  line-height: 1.2;
  color: #0089F7;
}
.public-banner .c-text-box .c-text2 {
  margin-bottom: 0.55rem;
  color: #666;
}



.public-banner.HiSwitchs {
background:linear-gradient(180deg,#f6f9ff,#fff);
}
.public-banner.HiSwitchs .c-text-box .c-title {
  color: #000;
}
.public-banner.HiSwitchs .c-text-box .c-btn-box .public-btn2 {
  background-color: #0089F7;
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(53, 146, 255, 0.2);
}
.public-banner.HiSwitchs .c-text-box .c-btn-box .public-btn2:nth-child(2) {
  color: #0089F7;
  background-color: #fff;
}
.public-banner.HiSwitchs .c-text-box .c-btn-box .public-btn2:nth-child(2) svg path {
  fill: #0089F7;
}

.HiSwitchs .public-img {
  transform: scale(1.2);
}
@media (max-width: 767px) {
.HiSwitchs .public-img {
    transform: scale(1);
  }
}
.HiSwitchs .public-img img:nth-child(2) {
  animation: jump 4s ease-out infinite;
  -webkit-animation: jump 4s ease-out infinite;
}
.HiSwitchs .public-img img:nth-child(3) {
  animation: jump2 4s ease-out infinite;
  -webkit-animation: jump2 4s ease-out infinite;
}




li {
  list-style: none;
}

.fl {
  float: left;
}
.fr {
  float: right;
}

/* programme start */

.programme {
    background-size: 100% 100%;
    padding-bottom: 65px;
}

.template-titlte-color {
    color: #ffffff;
}

.template-subtitlte {
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 28px;
    padding: 0 9%;
    margin-bottom: 50px;
}

.HiTV-container {
    margin-left: -5px;
    margin-right: -5px;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.HiTV-box {
   
    display: inline-block;
    width: 49.6%;
    vertical-align: top;
    margin-bottom: 10px;
    position: relative;
    background:#0089F7;
	
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
	
	 /* background:rgba(0,169,133,0.1)*/
}

.HiTV-box1 {
   
    width: 32%;
	
	 /* background:rgba(0,169,133,0.1)*/
}

.HiTV-bg {
    /* background-color: #264373; */
    padding: 0 35px;
    height: 250px;
    position: relative;
    overflow-y: hidden;
}



.HiTV-bg-posit {
    position: relative;
    top: 63px;
    /* top: 50%;
    transform: translateY(-50%); */
    transition: all 0.3s linear;
}

.HiTV-box-title {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 43px;
    position: relative;
	font-weight:bold
}

.HiTV-box-title::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 4px;
    background-color: #fff;
    bottom: 25px;
    left: 0;
}

.HiTV-box-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 24px;
}

.HiTV-box-btn {
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #2386ee;
    background-color: #ffffff;
    display: none;
    transition: all 0.3s linear;
    cursor: pointer;
}
    .HiTV-box:hover .HiTV-box-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2rem;
  min-width: 160px;
  height: 50px;
  border-radius: 25px;
  color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  transition: all 0.3s;
  background-color: #0089F7;
  box-shadow: 0 0.2rem 0.4rem rgba(58, 158, 254, 0.2);
    }

    .HiTV-box:hover{
        background:#0089F7;
		
    }

    .HiTV-box:hover .HiTV-bg-posit {
        top: 38px;
    }
    .HiTV-box:hover .HiTV-box-title{
        padding-bottom: 33px;
        transition: all 0.3s linear;
    }
    .HiTV-box:hover .HiTV-box-text{
        line-height: 24px;
    }

/* programme end */
.HiTV-1 {
  padding: 1.2rem 0 0.8rem;
}
.HiTV-1 .inforbox_tit {
  margin-bottom: 0.58rem;
}
.HiTV-1 .c-list li .c-wrap {
  background-image: linear-gradient(0deg, #ffffff 0%, #f1faf9 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, 
        normal;
  box-shadow: 0px 0px 20px 0px rgba(0, 169, 133, 0.1), inset 0px 0px 0px 1px #ffffff;
}
.HiTV-1 .c-list li .c-wrap:before {
  background: #0089F7 url(../images/shenheimg1.jpg) no-repeat center / cover;
}
.HiTV-1 .c-list li .c-wrap svg path {
  fill: #0089F7;
}


.HiTV-2 {
  padding: 0.8rem 0 2rem;
}
.HiTV-2 .inforbox_tit {
  margin-bottom: 0.58rem;
}
.HiTV-2 .c-list li .c-wrap {
  background-image: linear-gradient(0deg, #ffffff 0%, #f1faf9 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, 
        normal;
  box-shadow: 0px 0px 20px 0px rgba(0, 169, 133, 0.1), inset 0px 0px 0px 1px #ffffff;
}
.HiTV-2 .c-list li .c-wrap:before {
  background: #0089F7 url(../images/shenheimg1.jpg) no-repeat center / cover;
}
.HiTV-2 .c-list li .c-wrap svg path {
  fill: #0089F7;
  
}

.HiTV-2 .c-list li {
  width: 50%;
}

/* 5g */

.elite .elite-box5 {
  width: 100%;
  padding: 1.92rem 0 1rem;
}
.elite .elite-box5 .container {
  max-width: 1280px;
}
.elite .elite-box5 .container .title {
  color: #202945;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.elite .elite-box5 .container .list {
  width: 100%;
  margin-top: 0.58rem;
}
.elite .elite-box5 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.elite .elite-box5 .container .list ul li {
  width: calc(25% - 0.4rem);
  margin: 0 0.2rem;
  min-height: 3.3rem;
  padding: 0.6rem 0.3rem 0.5rem;
  background-image: linear-gradient(0deg, #ffffff 0%, #fff9f4 100%), linear-gradient(#ff6726, #ff6726);
  background-blend-mode: normal, 
		normal;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .elite .elite-box5 .container .list ul li {
    width: calc(50% - 0.4rem);
    margin-bottom: 0.2rem;
  }
}
@media (max-width: 767px) {
  .elite .elite-box5 .container .list ul li {
    width: calc(100% - 0.4rem);
  }
}
.elite .elite-box5 .container .list ul li .icon {
  width: 50px;
  height: 50px;
}
@media (max-width: 991px) {
  .elite .elite-box5 .container .list ul li .icon {
    width: 40px;
    height: 40px;
  }
}
.elite .elite-box5 .container .list ul li .t1 {
  color: #202945;
  margin-top: 0.4rem;
}
.elite .elite-box5 .container .list ul li .txt {
  margin-top: 0.15rem;
    width:60%;
}


.HiTVbox-sec1 {
  width: 100%;
  padding: 1.5rem 0 1rem;
}
.HiTVbox-sec1 .container {
  max-width: 1280px;
}
.HiTVbox-sec1 .container .title {
  color: #202945;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.HiTVbox-sec1 .container .list {
  width: 100%;
  margin-top: 0.58rem;
}
.HiTVbox-sec1 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.HiTVbox-sec1 .container .list ul li {
  width: calc(33.333% - 0.4rem);
  margin: 0 0.2rem;
  min-height: 3.3rem;
  padding: 0.6rem 0.3rem 0.5rem;
  background-image: linear-gradient(0deg, #ffffff 0%, #FAFBFF 100%), linear-gradient(#F0F6FF, #F0F6FF);
  background-blend-mode: normal, 
		normal;
  border-radius: 10px;
}
.HiTVbox-sec2 .container .list ul li {
  width: calc(25% - 0.4rem);

}
@media (max-width: 991px) {
  .HiTVbox-sec1 .container .list ul li {
    width: calc(50% - 0.4rem);
    margin-bottom: 0.2rem;
  }
}
@media (max-width: 767px) {
  .HiTVbox-sec1 .container .list ul li {
    width: calc(100% - 0.4rem);
  }
}
.HiTVbox-sec1 .container .list ul li .icon {
  width: 50px;
  height: 50px;
}
@media (max-width: 991px) {
  .HiTVbox-sec1 .container .list ul li .icon {
    width: 40px;
    height: 40px;
  }
}
.HiTVbox-sec1 .container .list ul li .t1 {
  color: #202945;
  margin-top: 0.4rem;
  font-weight: bold;
}
.HiTVbox-sec1 .container .list ul li .txt {
  margin-top: 0.15rem;
}

/* End */
.he_add {
    padding: 100px 0;
}

.zjjbx .he_c1kp1ti .ys_font1 {
    text-align: center;
}

.zjjbli {
    width: 33%;
    position: relative;
    padding: 0 14px;
    margin-bottom: 28px;
}

.zjjbul {
    margin: 0 -14px;
}

.zjjbig {
    width: 100%;
}

.zjjbig img {
    width: 100%;
    border-radius: 24px;
}

.zjjbqz {
    width: 100%;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}

.zjjbif {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 28px;
    z-index: 10;
}

.zjjbif::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 180%;
    z-index: -1;
    transition: all 0.36s;
    background: linear-gradient(180deg, rgba(9, 29, 0, 0) 50%, #000000 100%);
}

.zjjsic {
    width: 36px;
    margin: 0 auto;
    margin-bottom: 0px;
}

.zjjsic img {
    width: 100%;
}

.zjjsti p {
    font-size: 24px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.zjjsti span {
    font-size: 18px;
    line-height: 2;
    color: #fff;
    text-align: center;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.zjjstp {
    margin-top: 30px;
    display: none;
}

.zjjstp p {
    font-size: 18px;
    line-height: 1.75;
    color: #fff;
    overflow: hidden;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.zjjbli.on .zjjbif::after {
    height: 220%;
}






@media (min-width: 992px) {
  .serve .container {
    padding: 0 0.8rem;
  }
}
.serve .inforbox_tit {
  margin-bottom: 0.82rem;
}
.serve .fz_title {
  text-align: center;
  color: #202945;
  margin-bottom: 0.5rem;
}
.serve .fz_title span {
  color: #0089F7;
}
.serve .cont {
  margin-bottom: 0.76rem;
  overflow: auto;
  width: 100%;
}
.serve .cont .fz_zhong {
  display: flex;
  justify-content: space-between;
  min-width: 900px;
}
.serve .cont .item {
  width: auto;
  text-align: center;
  color: #666666;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.serve .cont .item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  left: 100%;
  width: 0.8rem;
  margin-left: 0.1rem;
  background: url(images/i.png) center 30% / 100% auto no-repeat;
}
.serve .cont .item .img {
  position: relative;
  margin-bottom: 0.26rem;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  display: flex;
  box-shadow: 0px 0px 30px 0px rgba(0, 169, 133, 0.1);
  border: solid 10px rgba(0, 169, 133, 0.1);
}
@media (max-width: 1580px) {
  .serve .cont .item .img {
    border-width: 6px;
  }
}
@media (max-width: 991px) {
  .serve .cont .item .img {
    border-width: 4px;
  }
}
.serve .cont .item .img img {
  max-height: 0.4rem;
}
.serve .cont .item:last-child:before {
  display: none;
}
.serve .cont .item:last-child .img:before {
  display: none;
}
.serve .jut {
  background-image: linear-gradient(0deg, #ffffff 0%, #f1faf9 100%), linear-gradient(#e8e8e8, #e8e8e8);
  background-blend-mode: normal, 
        normal;
  box-shadow: 0px 0px 20px 0px rgba(0, 169, 133, 0.1), inset 0px 0px 0px 1px #ffffff;
  border-radius: 5px;
  padding: 0.36rem 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: #202945;
}
.serve .jut .name,
.serve .jut a {
  margin: 0 0.22rem;
}
.serve .jut a {
  color: #666;
  display: block;
}
.serve .jut a:hover {
  color: #0089F7;
}




.flex{display:flex}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.flex-center,.items-center{align-items:center}
.flex-center{display:flex;justify-content:center}

.show-item{width:190px;height:213px;background:linear-gradient(180deg,#fff,#f0f5fb);box-shadow:0 4px 25px 0 #d8e3f4;border-radius:16px;padding:2px;transition:transform .4s ease-in-out}
.show-item:hover{transform:translateY(-10px);box-shadow:0 4px 25px 0 #b1c3df}
.show-item:hover .upAndDown>.icon1{top:3px}
.show-item:hover .upAndDown>.icon2{bottom:3px}
.show-item:hover .leftAndRight>.icon1{top:-3px;left:-3px}
.show-item:hover .leftAndRight>.icon2{bottom:-3px;right:-3px}
.show-item-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:25px 0;background:linear-gradient(1turn,#fff,#f9fbfd);border-radius:16px}
.show-item-inner .leftAndRight,.show-item-inner .upAndDown{position:relative;width:50px;height:50px;margin:0 auto}
.show-item-inner .leftAndRight .icon1,.show-item-inner .upAndDown .icon1{position:absolute;top:0;left:0;transition:top .3s,left .3s;width:50px}
.show-item-inner .leftAndRight .icon2,.show-item-inner .upAndDown .icon2{position:absolute;bottom:0;right:0;transition:bottom .3s,right .3s;width:50px}
.show-item-inner .title{height:18px;font-size:18px;font-weight:400;color:#333;line-height:18px;margin-top:20px;margin-left:28px}
.show-item-inner .info{width:102px;height:48px;font-size:14px;font-weight:400;color:#4a5870;line-height:24px;margin-top:6px;margin-left:28px}@media screen and (max-width:900px){.show-item{width:27.6vw;height:32.2666666667vw;background:linear-gradient(1turn,#fff,#f9fbfd);border-radius:2.1333333333vw;background:linear-gradient(180deg,#fff,#f0f5fb) 2 2}
.show-item,.show-item:hover{box-shadow:0 .5333333333vw 3.3333333333vw 0 #d8e3f4}
.show-item:hover{transform:translateY(0)}
.show-item-inner{border-radius:2.1333333333vw}
.show-item-inner .title{height:2.4vw;color:#333;line-height:2.4vw;margin-top:1.6vw}
.show-item-inner .info,.show-item-inner .title{font-size:3.2vw;font-weight:400;margin-left:3.2vw}
.show-item-inner .info{width:21.4666666667vw;height:10.1333333333vw;color:#4a5870;line-height:5.0666666667vw;margin-top:2.9333333333vw}}
.func-show-body{padding:92px 0px 0px 0px}@media screen and (min-width:901px){.func-show-body{min-width:1200px}}
.func-show-body .func-title{font-size:48px;line-height:54px;margin-bottom:48px;font-weight:700;text-align:center}
.func-show-body .func-show-main{display:flex;justify-content:flex-start;flex-wrap:wrap}
.func-show-body .show-item{margin-right:20px;margin-bottom:48px}@media screen and (min-width:901px){.func-show-body .func-show-.show-item:nth-of-type(6n+6){margin-right:0}
.func-show-body .func-show-.show-item:nth-of-type(n+13){margin-bottom:0}}@media screen and (max-width:900px){.func-show-body{padding-top:8.6666666667vw;padding-bottom:10.6666666667vw}
.func-show-body .func-show-main{justify-content:space-between}
.func-show-body .func-show-.show-item{margin-right:0;margin-bottom:3.2vw}
.func-show-body .func-show-.show-item:nth-of-type(3n+3){margin-right:0}
.func-show-body .func-show-.show-item:nth-of-type(n+16){margin-bottom:0}}</style>

.core{padding-bottom:18px}
.title{font-size:21px;text-align:center;margin:26px 0}
.list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 15px;font-size:12px;color:#4a5870}
.list .list-item{width:27.9vw;min-height:121px;padding:12px;margin-bottom:12px;line-height:1.5;box-shadow:0 2px 13px 1px #d8e3f4;border-radius:8px;border:1px solid;-o-border-image:linear-gradient(180deg,#fff,#f0f5fb) 1 1;border-image:linear-gradient(180deg,#fff,#f0f5fb) 1 1}
.list .list-item .item-title{margin:6px 0;color:#333}
.list .list-item .icon-box{position:relative;width:25px;height:25px;margin-bottom:9px}
.list .list-item .icon-box .icon1{position:absolute;top:0;left:0;width:inherit}
.list .list-item .icon-box .icon2{position:absolute;bottom:0;right:0;width:inherit}




.topNavMaxScreen{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto;position:absolute;z-index:888;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background-color:#FAFAFC;border-bottom:1px solid rgba(237,239,242,.4)}
.topNavMaxScreen.third-nav-black{background:#000;border-bottom:1px solid #1b1f26}
.topNavMaxScreen.third-nav-black .topNavBox .phoneNameFUN span.active{color:#fff; }
.topNavMaxScreen.third-nav-black .topNavBox .phoneNameFUN span.active a{cursor:default}
.topNavMaxScreen.third-nav-black .topNavBox .tabControl .argument.argument_active{color:#fff}
.topNavMaxScreen.topNavMaxScreen_fixed{position:fixed;top:0;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.topNavMaxScreen.topNavMaxScreen_fixed.third-nav-black{background:rgba(0,0,0,.72)}
.topNavMaxScreen.J_display3d_navi{border:0}@media screen and (min-width:768px){.topNavMaxScreen.topNavMaxScreen_fixed>.topNavBox{border-bottom:0}
.topNavMaxScreen.topNavMaxScreen_fixed>.topNavBox>.tabControl{background-color:transparent}}
.topNavMaxScreen .topNavBox{width:100%;height:72px;margin:0 auto;overflow:hidden;font-size:0;background-color:transparent;max-width:1440px;}
.topNavMaxScreen .topNavBox .phoneName{float:left;height:20px;margin-top:20px;min-width:120px;margin-left:3.8px;background-position:0 0}
.topNavMaxScreen .topNavBox .phoneNameFUN{float:left;height:72px;min-width:120px;background-position:0 0;font-size:16px;line-height:72px;color:#8a8f99;text-align:left}
.topNavMaxScreen .topNavBox .phoneNameFUN>p{display:none}
.topNavMaxScreen .topNavBox .phoneNameFUN span{display:inline-block;white-space:nowrap}
.topNavMaxScreen .topNavBox .phoneNameFUN span a{color:inherit;font-size:inherit}
.topNavMaxScreen .topNavBox .phoneNameFUN span.active{color:#0089F7; font-weight:bold}
.topNavMaxScreen .topNavBox .phoneNameFUN span.active a{cursor:default}
.topNavMaxScreen .topNavBox .phoneNameFUN span:not(.active):hover{color:#000}
.topNavMaxScreen .topNavBox .phoneNameFUN span+span{margin-left:16px}
.topNavMaxScreen .topNavBox .phoneNameFUN span:nth-child(n+2):before{content:"";display:inline-block;margin-right:16px;vertical-align:-2px;width:1px;height:16px;background-color:#8a8f99}
.topNavMaxScreen .topNavBox .buy-btns{float:right}
.topNavMaxScreen .topNavBox .buy{display:inline-block;padding:0 14px;max-width:9em;height:32px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-top:20px;margin-right:0;margin-left:2em;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;font-size:14px;line-height:32px;color:#fff;text-align:center;background-color:#0089F7}
.topNavMaxScreen .topNavBox .buy:hover{background:#000}
.topNavMaxScreen .topNavBox .buy.buy-disabled{cursor:default;background-color:#C2C5CC}
.topNavMaxScreen .topNavBox .buy.buy-disabled:hover{background-color:#C2C5CC}
.topNavMaxScreen .topNavBox .tabControl{width:auto;height:100%;float:right;display:block;position:relative}
.topNavMaxScreen .topNavBox .tabControl>a{font-size:0}
.topNavMaxScreen .topNavBox .tabControl .argument{display:inline-block;vertical-align:top;margin-left:2em;font-size:14px;line-height:72px;color:#8a8f99;text-align:center;border:0}
.topNavMaxScreen .topNavBox .tabControl .argument:hover{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;color:#000}
.topNavMaxScreen .topNavBox .tabControl .argument.argument_active{color:#242933}
.topNavMaxScreen .topNavBox .tabControl>:nth-child(1)>div{position:relative;top:0;left:0}
.topNavMaxScreen .topNavBox .tabControl>:nth-child(2)>div{position:relative;top:0;left:0}
.topNavMaxScreen .topNavBox .tabControl>:nth-child(3)>div{position:relative;top:0;left:0}
.topNavMaxScreen .MobShowHide{display:none}@media screen and (max-width:1599px){.topNavMaxScreen{padding:0 80px}}@media screen and (min-width:1200px){.topNavMaxScreen.newNav .topNavBox{height:56px}
.topNavMaxScreen.newNav .topNavBox .phoneNameFUN{height:56px;line-height:56px}
.topNavMaxScreen.newNav .topNavBox .tabControl .argument{line-height:56px}
.topNavMaxScreen.newNav .buy{margin-top:10px}}@media screen and (max-width:1199px){.topNavMaxScreen{width:100%;padding:0 40px;height:auto;background-color:#fff}
.topNavMaxScreen.J_display3d_navi.J_display3d_navi{background-color:#fff}
.topNavMaxScreen .topNavBox{height:48px;width:100%;height:auto}
.topNavMaxScreen .topNavBox .phoneNameFUN{font-size:14px;height:48px;line-height:48px}}@media screen and (max-width:1199px) and (min-width:769px){.topNavMaxScreen .topNavBox .phoneNameFUN span{max-width:85px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.topNavMaxScreen .topNavBox .phoneNameFUN span+span{margin-left:10px}
.topNavMaxScreen .topNavBox .phoneNameFUN span:nth-child(n+2):before{margin-right:10px;vertical-align:-2px;height:12px}}@media screen and (max-width:1199px){.topNavMaxScreen .topNavBox .buy{height:27px;line-height:27px;margin-top:10px;font-size:10px}
.topNavMaxScreen .topNavBox .tabControl{width:100%;height:auto;padding-bottom:14px;margin-right:0;display:none;overflow:hidden}
.topNavMaxScreen .topNavBox .tabControl .argument{display:block;height:48px;font-size:14px;line-height:48px;color:#999;margin-left:0}
.topNavMaxScreen .topNavBox .tabControl .argument.argument_active{color:#000;border-bottom:0}
.topNavMaxScreen .MobShowHide{display:block;position:absolute;height:30px;line-height:30px;top:10px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;color:#242933;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}
.topNavMaxScreen .MobShowHide:after{content:"";display:inline-block;width:25px;height:25px;vertical-align:-7px;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODRweCIgaGVpZ2h0PSI4NHB4IiB2aWV3Qm94PSIwIDAgODQgODQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWPlkJHkuIvlsZXlvIB3YXA8L3RpdGxlPgogICAgPGcgaWQ9IuaOp+S7tiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IndhcOaUv+S8geWvvOiIqi/kuIvmi4kiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTguMDAwMDAwLCAtMjEwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iaWPlkJHkuIvlsZXlvIAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5OC4wMDAwMDAsIDIxMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tMTYiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4NCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTMzLjYwNTkwMTksMjcuNSBMMzcuMDAyMTk0NywyNy41IEMzNy43MzkyMTgzLDI3LjUgMzguNDQ0MjA3NywyNy44MDEyOTE2IDM4Ljk1MzU4MjQsMjguMzMzOTY1MiBMNTEuNTA4NjU4Myw0MS40NjMzMTQgQzUyLjA2MzE4NTksNDIuMDQzMjA1OSA1Mi4wNjMxODU5LDQyLjk1Njc5NDEgNTEuNTA4NjU4Myw0My41MzY2ODYgTDM4Ljk1MzU4MjQsNTYuNjY2MDM0OCBDMzguNDQ0MjA3Nyw1Ny4xOTg3MDg0IDM3LjczOTIxODMsNTcuNSAzNy4wMDIxOTQ3LDU3LjUgTDMzLjYwNTkwMTksNTcuNSBDMzMuMTA4ODQ1Nyw1Ny41IDMyLjcwNTkwMTksNTcuMDk3MDU2MyAzMi43MDU5MDE5LDU2LjYgQzMyLjcwNTkwMTksNTYuMzY4MjY5NCAzMi43OTUyODQ4LDU2LjE0NTQ2ODUgMzIuOTU1NDM5NCw1NS45Nzc5ODg0IEw0NS4yNDkxMDA0LDQzLjEyMjAxMTYgQzQ1LjU4MTgxNyw0Mi43NzQwNzY1IDQ1LjU4MTgxNyw0Mi4yMjU5MjM1IDQ1LjI0OTEwMDQsNDEuODc3OTg4NCBMMzIuOTU1NDM5NCwyOS4wMjIwMTE2IEMzMi42MTE5MTE4LDI4LjY2Mjc3MSAzMi42MjQ2NDk4LDI4LjA5MzA2NDkgMzIuOTgzODkwNCwyNy43NDk1Mzc0IEMzMy4xNTEzNzA1LDI3LjU4OTM4MjggMzMuMzc0MTcxMywyNy41IDMzLjYwNTkwMTksMjcuNSBaIiBpZD0i55+p5b2i5aSH5Lu9LTE3IiBmaWxsPSIjMjQyOTMzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Mi4wMDAwMDAsIDQyLjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi4wMDAwMDAsIC00Mi41MDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;transition:transform .3s,-webkit-transform .3s}}@media screen and (max-width:1199px){.topNavMaxScreen.third-nav-black .MobShowHide{color:#fff}
.topNavMaxScreen.third-nav-black .MobShowHide:after{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODRweCIgaGVpZ2h0PSI4NHB4IiB2aWV3Qm94PSIwIDAgODQgODQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWPlkJHkuIvlsZXlvIB3YXA8L3RpdGxlPgogICAgPGcgaWQ9IuaOp+S7tiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IndhcOaUv+S8geWvvOiIqi/kuIvmi4kiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTguMDAwMDAwLCAtMjEwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iaWPlkJHkuIvlsZXlvIAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5OC4wMDAwMDAsIDIxMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tMTYiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4NCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTMzLjYwNTkwMTksMjcuNSBMMzcuMDAyMTk0NywyNy41IEMzNy43MzkyMTgzLDI3LjUgMzguNDQ0MjA3NywyNy44MDEyOTE2IDM4Ljk1MzU4MjQsMjguMzMzOTY1MiBMNTEuNTA4NjU4Myw0MS40NjMzMTQgQzUyLjA2MzE4NTksNDIuMDQzMjA1OSA1Mi4wNjMxODU5LDQyLjk1Njc5NDEgNTEuNTA4NjU4Myw0My41MzY2ODYgTDM4Ljk1MzU4MjQsNTYuNjY2MDM0OCBDMzguNDQ0MjA3Nyw1Ny4xOTg3MDg0IDM3LjczOTIxODMsNTcuNSAzNy4wMDIxOTQ3LDU3LjUgTDMzLjYwNTkwMTksNTcuNSBDMzMuMTA4ODQ1Nyw1Ny41IDMyLjcwNTkwMTksNTcuMDk3MDU2MyAzMi43MDU5MDE5LDU2LjYgQzMyLjcwNTkwMTksNTYuMzY4MjY5NCAzMi43OTUyODQ4LDU2LjE0NTQ2ODUgMzIuOTU1NDM5NCw1NS45Nzc5ODg0IEw0NS4yNDkxMDA0LDQzLjEyMjAxMTYgQzQ1LjU4MTgxNyw0Mi43NzQwNzY1IDQ1LjU4MTgxNyw0Mi4yMjU5MjM1IDQ1LjI0OTEwMDQsNDEuODc3OTg4NCBMMzIuOTU1NDM5NCwyOS4wMjIwMTE2IEMzMi42MTE5MTE4LDI4LjY2Mjc3MSAzMi42MjQ2NDk4LDI4LjA5MzA2NDkgMzIuOTgzODkwNCwyNy43NDk1Mzc0IEMzMy4xNTEzNzA1LDI3LjU4OTM4MjggMzMuMzc0MTcxMywyNy41IDMzLjYwNTkwMTksMjcuNSBaIiBpZD0i55+p5b2i5aSH5Lu9LTE3IiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Mi4wMDAwMDAsIDQyLjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi4wMDAwMDAsIC00Mi41MDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=")}}@media screen and (max-width:768px){.topNavMaxScreen{min-height:1.22rem;height:auto;background-color:#fff;padding:0 5.55556vw}
.topNavMaxScreen.third-nav-black .MobShowHide{color:#fff}
.topNavMaxScreen.third-nav-black .MobShowHide:after{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODRweCIgaGVpZ2h0PSI4NHB4IiB2aWV3Qm94PSIwIDAgODQgODQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWPlkJHkuIvlsZXlvIB3YXA8L3RpdGxlPgogICAgPGcgaWQ9IuaOp+S7tiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IndhcOaUv+S8geWvvOiIqi/kuIvmi4kiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTguMDAwMDAwLCAtMjEwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iaWPlkJHkuIvlsZXlvIAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5OC4wMDAwMDAsIDIxMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tMTYiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4NCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTMzLjYwNTkwMTksMjcuNSBMMzcuMDAyMTk0NywyNy41IEMzNy43MzkyMTgzLDI3LjUgMzguNDQ0MjA3NywyNy44MDEyOTE2IDM4Ljk1MzU4MjQsMjguMzMzOTY1MiBMNTEuNTA4NjU4Myw0MS40NjMzMTQgQzUyLjA2MzE4NTksNDIuMDQzMjA1OSA1Mi4wNjMxODU5LDQyLjk1Njc5NDEgNTEuNTA4NjU4Myw0My41MzY2ODYgTDM4Ljk1MzU4MjQsNTYuNjY2MDM0OCBDMzguNDQ0MjA3Nyw1Ny4xOTg3MDg0IDM3LjczOTIxODMsNTcuNSAzNy4wMDIxOTQ3LDU3LjUgTDMzLjYwNTkwMTksNTcuNSBDMzMuMTA4ODQ1Nyw1Ny41IDMyLjcwNTkwMTksNTcuMDk3MDU2MyAzMi43MDU5MDE5LDU2LjYgQzMyLjcwNTkwMTksNTYuMzY4MjY5NCAzMi43OTUyODQ4LDU2LjE0NTQ2ODUgMzIuOTU1NDM5NCw1NS45Nzc5ODg0IEw0NS4yNDkxMDA0LDQzLjEyMjAxMTYgQzQ1LjU4MTgxNyw0Mi43NzQwNzY1IDQ1LjU4MTgxNyw0Mi4yMjU5MjM1IDQ1LjI0OTEwMDQsNDEuODc3OTg4NCBMMzIuOTU1NDM5NCwyOS4wMjIwMTE2IEMzMi42MTE5MTE4LDI4LjY2Mjc3MSAzMi42MjQ2NDk4LDI4LjA5MzA2NDkgMzIuOTgzODkwNCwyNy43NDk1Mzc0IEMzMy4xNTEzNzA1LDI3LjU4OTM4MjggMzMuMzc0MTcxMywyNy41IDMzLjYwNTkwMTksMjcuNSBaIiBpZD0i55+p5b2i5aSH5Lu9LTE3IiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Mi4wMDAwMDAsIDQyLjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi4wMDAwMDAsIC00Mi41MDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=")}
.topNavMaxScreen.third-nav-black .topNavBox .phoneName{color:#fff}
.topNavMaxScreen.third-nav-black .topNavBox .phoneNameFUN span.active a{color:#fff}
.topNavMaxScreen.third-nav-black .topNavBox .phoneNameFUN span a{color:#8A8F99}
.topNavMaxScreen.third-nav-black .topNavBox .phoneNameFUN>p:not(.only):after{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODRweCIgaGVpZ2h0PSI4NHB4IiB2aWV3Qm94PSIwIDAgODQgODQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWPlkJHkuIvlsZXlvIB3YXA8L3RpdGxlPgogICAgPGcgaWQ9IuaOp+S7tiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IndhcOaUv+S8geWvvOiIqi/kuIvmi4kiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTguMDAwMDAwLCAtMjEwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iaWPlkJHkuIvlsZXlvIAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5OC4wMDAwMDAsIDIxMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tMTYiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4NCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTMzLjYwNTkwMTksMjcuNSBMMzcuMDAyMTk0NywyNy41IEMzNy43MzkyMTgzLDI3LjUgMzguNDQ0MjA3NywyNy44MDEyOTE2IDM4Ljk1MzU4MjQsMjguMzMzOTY1MiBMNTEuNTA4NjU4Myw0MS40NjMzMTQgQzUyLjA2MzE4NTksNDIuMDQzMjA1OSA1Mi4wNjMxODU5LDQyLjk1Njc5NDEgNTEuNTA4NjU4Myw0My41MzY2ODYgTDM4Ljk1MzU4MjQsNTYuNjY2MDM0OCBDMzguNDQ0MjA3Nyw1Ny4xOTg3MDg0IDM3LjczOTIxODMsNTcuNSAzNy4wMDIxOTQ3LDU3LjUgTDMzLjYwNTkwMTksNTcuNSBDMzMuMTA4ODQ1Nyw1Ny41IDMyLjcwNTkwMTksNTcuMDk3MDU2MyAzMi43MDU5MDE5LDU2LjYgQzMyLjcwNTkwMTksNTYuMzY4MjY5NCAzMi43OTUyODQ4LDU2LjE0NTQ2ODUgMzIuOTU1NDM5NCw1NS45Nzc5ODg0IEw0NS4yNDkxMDA0LDQzLjEyMjAxMTYgQzQ1LjU4MTgxNyw0Mi43NzQwNzY1IDQ1LjU4MTgxNyw0Mi4yMjU5MjM1IDQ1LjI0OTEwMDQsNDEuODc3OTg4NCBMMzIuOTU1NDM5NCwyOS4wMjIwMTE2IEMzMi42MTE5MTE4LDI4LjY2Mjc3MSAzMi42MjQ2NDk4LDI4LjA5MzA2NDkgMzIuOTgzODkwNCwyNy43NDk1Mzc0IEMzMy4xNTEzNzA1LDI3LjU4OTM4MjggMzMuMzc0MTcxMywyNy41IDMzLjYwNTkwMTksMjcuNSBaIiBpZD0i55+p5b2i5aSH5Lu9LTE3IiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Mi4wMDAwMDAsIDQyLjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi4wMDAwMDAsIC00Mi41MDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=")}
.topNavMaxScreen.third-nav-black .topNavBox .phoneNameFUN>p i{color:#fff}
.topNavMaxScreen .topNavBox{min-height:1.22rem;width:100%;height:auto}
.topNavMaxScreen .topNavBox .phoneName{height:.5rem;margin-top:.3rem;margin-bottom:.3rem;margin-left:.24rem;color:#000}
.topNavMaxScreen .topNavBox .phoneNameFUN{width:45%;height:auto;margin-left:0;font-size:.39rem;line-height:1.32rem}
.topNavMaxScreen .topNavBox .phoneNameFUN .name-box{padding:.3rem 0}
.topNavMaxScreen .topNavBox .phoneNameFUN>p{position:relative;display:inline-block;line-height:1.32rem}
.topNavMaxScreen .topNavBox .phoneNameFUN>p.slideUp:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.topNavMaxScreen .topNavBox .phoneNameFUN>p i{color:#242933;display:inline-block;max-width:25.7649vw;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.topNavMaxScreen .topNavBox .phoneNameFUN>p:not(.only):after{content:"";position:absolute;width:6.44122vw;height:6.44122vw;top:3.62319vw;right:-6.44122vw;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODRweCIgaGVpZ2h0PSI4NHB4IiB2aWV3Qm94PSIwIDAgODQgODQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWPlkJHkuIvlsZXlvIB3YXA8L3RpdGxlPgogICAgPGcgaWQ9IuaOp+S7tiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IndhcOaUv+S8geWvvOiIqi/kuIvmi4kiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTguMDAwMDAwLCAtMjEwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iaWPlkJHkuIvlsZXlvIAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5OC4wMDAwMDAsIDIxMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaLlpIfku70tMTYiIHg9IjAiIHk9IjAiIHdpZHRoPSI4NCIgaGVpZ2h0PSI4NCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTMzLjYwNTkwMTksMjcuNSBMMzcuMDAyMTk0NywyNy41IEMzNy43MzkyMTgzLDI3LjUgMzguNDQ0MjA3NywyNy44MDEyOTE2IDM4Ljk1MzU4MjQsMjguMzMzOTY1MiBMNTEuNTA4NjU4Myw0MS40NjMzMTQgQzUyLjA2MzE4NTksNDIuMDQzMjA1OSA1Mi4wNjMxODU5LDQyLjk1Njc5NDEgNTEuNTA4NjU4Myw0My41MzY2ODYgTDM4Ljk1MzU4MjQsNTYuNjY2MDM0OCBDMzguNDQ0MjA3Nyw1Ny4xOTg3MDg0IDM3LjczOTIxODMsNTcuNSAzNy4wMDIxOTQ3LDU3LjUgTDMzLjYwNTkwMTksNTcuNSBDMzMuMTA4ODQ1Nyw1Ny41IDMyLjcwNTkwMTksNTcuMDk3MDU2MyAzMi43MDU5MDE5LDU2LjYgQzMyLjcwNTkwMTksNTYuMzY4MjY5NCAzMi43OTUyODQ4LDU2LjE0NTQ2ODUgMzIuOTU1NDM5NCw1NS45Nzc5ODg0IEw0NS4yNDkxMDA0LDQzLjEyMjAxMTYgQzQ1LjU4MTgxNyw0Mi43NzQwNzY1IDQ1LjU4MTgxNyw0Mi4yMjU5MjM1IDQ1LjI0OTEwMDQsNDEuODc3OTg4NCBMMzIuOTU1NDM5NCwyOS4wMjIwMTE2IEMzMi42MTE5MTE4LDI4LjY2Mjc3MSAzMi42MjQ2NDk4LDI4LjA5MzA2NDkgMzIuOTgzODkwNCwyNy43NDk1Mzc0IEMzMy4xNTEzNzA1LDI3LjU4OTM4MjggMzMuMzc0MTcxMywyNy41IDMzLjYwNTkwMTksMjcuNSBaIiBpZD0i55+p5b2i5aSH5Lu9LTE3IiBmaWxsPSIjMjQyOTMzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Mi4wMDAwMDAsIDQyLjUwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi4wMDAwMDAsIC00Mi41MDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;transition:transform .3s,-webkit-transform .3s}
.topNavMaxScreen .topNavBox .phoneNameFUN>div{display:none}
.topNavMaxScreen .topNavBox .phoneNameFUN span{display:block}
.topNavMaxScreen .topNavBox .phoneNameFUN span.active a{color:#000}
.topNavMaxScreen .topNavBox .phoneNameFUN span:nth-child(n+2):before{display:none}
.topNavMaxScreen .topNavBox .phoneNameFUN span+span{margin-left:0}
.topNavMaxScreen .topNavBox .buy{padding:0 .25rem;height:auto;margin-top:.35rem;margin-right:0;margin-left:.3rem;-webkit-border-radius:.28rem;-moz-border-radius:.28rem;border-radius:.28rem;font-size:.28rem;line-height:.6rem}
.topNavMaxScreen .topNavBox.multi-btn .buy{margin-right:.24rem!important}
.topNavMaxScreen .topNavBox .tabControl{width:100%;height:auto;margin-right:0;padding:.3rem 0;overflow:hidden}
.topNavMaxScreen .topNavBox .tabControl .argument{display:block;width:80%;height:1.32rem;margin-right:10%;margin-left:10%;font-size:.39rem;line-height:1.32rem;color:#8a8f99}
.topNavMaxScreen .topNavBox .tabControl .argument:hover{font-size:.39rem;line-height:1.32rem;color:#8a8f99}
.topNavMaxScreen .topNavBox .tabControl .argument.argument_active{color:#000;border-bottom:0}
.topNavMaxScreen .MobShowHide{height:1.32rem;line-height:1.32rem;top:0;font-size:.39rem}
.topNavMaxScreen .MobShowHide:after{width:6.44122vw;height:6.44122vw;vertical-align:-2.17391vw}}#MobShowHide_checkBox{display:none}#MobShowHide_checkBox:checked+.MobShowHide:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}

@media screen and (max-width:1199px){.topNavMaxScreen.third-nav-black{background:#fff;border-bottom:1px solid rgba(237,239,242,.4)}
.topNavMaxScreen.third-nav-black .topNavBox .phoneNameFUN span.active{color:#242933}
.topNavMaxScreen.third-nav-black .topNavBox .phoneNameFUN span.active a{cursor:default}
.topNavMaxScreen.third-nav-black .topNavBox .tabControl .argument.argument_active{color:#242933}
.topNavMaxScreen_fixed{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}

.topNavMaxScreen_fixed{background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.topNavMaxScreen_fixed.third-nav-black{background:rgba(0,0,0,.72)}

.back_top_div{width:72px;height:48px;line-height:48px;position:fixed;right:0;bottom:95px;opacity:0;z-index:-10;background-color:rgba(87,92,102,.4);-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}
.back_top_div:before{content:"\e901";font-family:footLogoIcon;font-size:16px;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.back_top_div.backTop_show{right:40px;opacity:1;z-index:99999}
.back_top_div.nodisplay{display:none!important}
.back_top_div:hover{cursor:pointer;background-color:rgba(87,92,102,.6)}@media screen and (max-width:1199px){.back_top_div{width:54px;height:36px;line-height:36px;bottom:44px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px}
.back_top_div:before{font-size:12px}
.back_top_div.backTop_show{right:20px}}



.hide{display:none}img{border:0}.hidden{visibility:hidden}.v-section-btn{color:#242933}.v-section-btn>.v-btn-link,.v-section-btn>.v-btn-play{font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif;display:inline-block;vertical-align:top;cursor:pointer;font-size:20px;line-height:28px;-webkit-transition:color .3s;-o-transition:color .3s;-moz-transition:color .3s;transition:color .3s;position:relative}@media screen and (min-width:769px){.v-section-btn>.v-btn-link:hover,.v-section-btn>.v-btn-play:hover{color:#000}.v-section-btn>.v-btn-link:hover:before,.v-section-btn>.v-btn-play:hover:before{opacity:0}.v-section-btn>.v-btn-link:hover:after,.v-section-btn>.v-btn-play:hover:after{opacity:1}}.v-section-btn>.v-btn-link:before,.v-section-btn>.v-btn-link:after,.v-section-btn>.v-btn-play:before,.v-section-btn>.v-btn-play:after{content:"";position:absolute;width:40px;height:28px;right:-46px;top:0;opacity:1;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;-webkit-transition:opacity .3s;-o-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.v-section-btn>.v-btn-link:after,.v-section-btn>.v-btn-play:after{opacity:0}.v-section-btn>.v-btn-link:after{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgNDAgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWMv5YmN5b6AL+eZveiJsjwvdGl0bGU+CiAgICA8ZyBpZD0i5o6n5Lu2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5paH5pysYnRuL+eZveiJsuWtly/mlL/kvIFiYW5uZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Ni4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpYy/liY3lvoAv55m96ImyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Ni4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNiwxIEwxNCwxIEMxMC40MTAxNDkxLDEgNy4xNjAxNDkxMywyLjQ1NTA3NDU2IDQuODA3NjExODQsNC44MDc2MTE4NCBDMi40NTUwNzQ1Niw3LjE2MDE0OTEzIDEsMTAuNDEwMTQ5MSAxLDE0IEMxLDE3LjU4OTg1MDkgMi40NTUwNzQ1NiwyMC44Mzk4NTA5IDQuODA3NjExODQsMjMuMTkyMzg4MiBDNy4xNjAxNDkxMywyNS41NDQ5MjU0IDEwLjQxMDE0OTEsMjcgMTQsMjcgTDI2LDI3IEMyOS41ODk4NTA5LDI3IDMyLjgzOTg1MDksMjUuNTQ0OTI1NCAzNS4xOTIzODgyLDIzLjE5MjM4ODIgQzM3LjU0NDkyNTQsMjAuODM5ODUwOSAzOSwxNy41ODk4NTA5IDM5LDE0IEMzOSwxMC40MTAxNDkxIDM3LjU0NDkyNTQsNy4xNjAxNDkxMyAzNS4xOTIzODgyLDQuODA3NjExODQgQzMyLjgzOTg1MDksMi40NTUwNzQ1NiAyOS41ODk4NTA5LDEgMjYsMSBaIiBpZD0i55+p5b2iIiBzdHJva2U9IiM0MTVmZmYiIHN0cm9rZS13aWR0aD0iMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy42NzM2MDg3LDkgTDE5LjU5OTE3MzgsOSBDMTkuODU0MzExNyw5IDIwLjA5NzQ2MDMsOS4xMDgyODkyNyAyMC4yNjgxMzg2LDkuMjk3OTMxNzQgTDI0LjE5ODk2NTksMTMuNjY1NTE3NiBDMjQuMzcwMTAzMSwxMy44NTU2NzAxIDI0LjM3MDEwMzEsMTQuMTQ0MzI5OSAyNC4xOTg5NjU5LDE0LjMzNDQ4MjQgTDIwLjI2ODEzODYsMTguNzAyMDY4MyBDMjAuMDk3NDYwMywxOC44OTE3MTA3IDE5Ljg1NDMxMTcsMTkgMTkuNTk5MTczOCwxOSBMMTcuNjczNjA4NywxOSBDMTcuNTA3OTIzMywxOSAxNy4zNzM2MDg3LDE4Ljg2NTY4NTQgMTcuMzczNjA4NywxOC43IEMxNy4zNzM2MDg3LDE4LjYyNTg4NzUgMTcuNDAxMDQxOCwxOC41NTQzOTggMTcuNDUwNjIwNSwxOC40OTkzMTA2IEwyMS4zMTkzNzk1LDE0LjIwMDY4OTQgQzIxLjQyMjA2MTksMTQuMDg2NTk3OSAyMS40MjIwNjE5LDEzLjkxMzQwMjEgMjEuMzE5Mzc5NSwxMy43OTkzMTA2IEwxNy40NTA2MjA1LDkuNTAwNjg5NDIgQzE3LjMzOTc4MjgsOS4zNzc1MzY0MSAxNy4zNDk3NjYzLDkuMTg3ODQ5NDYgMTcuNDcyOTE5Myw5LjA3NzAxMTc2IEMxNy41MjgwMDY3LDkuMDI3NDMzMDkgMTcuNTk5NDk2Miw5IDE3LjY3MzYwODcsOSBaIiBpZD0i55+p5b2iIiBmaWxsPSIjNDE1ZmZmIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==")}.v-section-btn>.v-btn-play:after{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgNDAgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNf5pKt5pS+PC90aXRsZT4KICAgIDxnIGlkPSJwYyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFf6aaW6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzI2LjAwMDAwMCwgLTYwNC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkJhbm5lcjAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTk4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImljX+aSreaUvl9iYW5uZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyNi4wMDAwMDAsIDQwNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNf5pKt5pS+Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2LDEgTDE0LDEgQzEwLjQxMDE0OTEsMSA3LjE2MDE0OTEzLDIuNDU1MDc0NTYgNC44MDc2MTE4NCw0LjgwNzYxMTg0IEMyLjQ1NTA3NDU2LDcuMTYwMTQ5MTMgMSwxMC40MTAxNDkxIDEsMTQgQzEsMTcuNTg5ODUwOSAyLjQ1NTA3NDU2LDIwLjgzOTg1MDkgNC44MDc2MTE4NCwyMy4xOTIzODgyIEM3LjE2MDE0OTEzLDI1LjU0NDkyNTQgMTAuNDEwMTQ5MSwyNyAxNCwyNyBMMjYsMjcgQzI5LjU4OTg1MDksMjcgMzIuODM5ODUwOSwyNS41NDQ5MjU0IDM1LjE5MjM4ODIsMjMuMTkyMzg4MiBDMzcuNTQ0OTI1NCwyMC44Mzk4NTA5IDM5LDE3LjU4OTg1MDkgMzksMTQgQzM5LDEwLjQxMDE0OTEgMzcuNTQ0OTI1NCw3LjE2MDE0OTEzIDM1LjE5MjM4ODIsNC44MDc2MTE4NCBDMzIuODM5ODUwOSwyLjQ1NTA3NDU2IDI5LjU4OTg1MDksMSAyNiwxIFoiIGlkPSLnn6nlvaIiIHN0cm9rZT0iIzQxNWZmZiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS4xOTQ5NzQ3LDkuMTk0OTc0NzUgTDIzLjQzNDMxNDYsMTMuNDM0MzE0NiBDMjMuNzQ2NzM0LDEzLjc0NjczNCAyMy43NDY3MzQsMTQuMjUzMjY2IDIzLjQzNDMxNDYsMTQuNTY1Njg1NCBMMTkuMTk0OTc0NywxOC44MDUwMjUzIEMxOC45MjE2MDc3LDE5LjA3ODM5MjMgMTguNDc4MzkyMywxOS4wNzgzOTIzIDE4LjIwNTAyNTMsMTguODA1MDI1MyBDMTguMDczNzQ5OCwxOC42NzM3NDk4IDE4LDE4LjQ5NTcwMiAxOCwxOC4zMTAwNTA1IEwxOCw5LjY4OTk0OTQ5IEMxOCw5LjMwMzM1MDE3IDE4LjMxMzQwMDcsOC45ODk5NDk0OSAxOC43LDguOTg5OTQ5NDkgQzE4Ljg4NTY1MTUsOC45ODk5NDk0OSAxOS4wNjM2OTkzLDkuMDYzNjk5MjggMTkuMTk0OTc0Nyw5LjE5NDk3NDc1IFoiIGlkPSLnn6nlvaIiIGZpbGw9IiM0MTVmZmYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==")}.v-section-btn.white{color:#fff}.v-section-btn.white .v-btn-link:before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgNDAgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWMv5YmN5b6AL+eZveiJsjwvdGl0bGU+CiAgICA8ZyBpZD0i5o6n5Lu2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5paH5pysYnRuL+eZveiJsuWtly/mlL/kvIFiYW5uZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Ni4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpYy/liY3lvoAv55m96ImyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Ni4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNiwxIEwxNCwxIEMxMC40MTAxNDkxLDEgNy4xNjAxNDkxMywyLjQ1NTA3NDU2IDQuODA3NjExODQsNC44MDc2MTE4NCBDMi40NTUwNzQ1Niw3LjE2MDE0OTEzIDEsMTAuNDEwMTQ5MSAxLDE0IEMxLDE3LjU4OTg1MDkgMi40NTUwNzQ1NiwyMC44Mzk4NTA5IDQuODA3NjExODQsMjMuMTkyMzg4MiBDNy4xNjAxNDkxMywyNS41NDQ5MjU0IDEwLjQxMDE0OTEsMjcgMTQsMjcgTDI2LDI3IEMyOS41ODk4NTA5LDI3IDMyLjgzOTg1MDksMjUuNTQ0OTI1NCAzNS4xOTIzODgyLDIzLjE5MjM4ODIgQzM3LjU0NDkyNTQsMjAuODM5ODUwOSAzOSwxNy41ODk4NTA5IDM5LDE0IEMzOSwxMC40MTAxNDkxIDM3LjU0NDkyNTQsNy4xNjAxNDkxMyAzNS4xOTIzODgyLDQuODA3NjExODQgQzMyLjgzOTg1MDksMi40NTUwNzQ1NiAyOS41ODk4NTA5LDEgMjYsMSBaIiBpZD0i55+p5b2iIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy42NzM2MDg3LDkgTDE5LjU5OTE3MzgsOSBDMTkuODU0MzExNyw5IDIwLjA5NzQ2MDMsOS4xMDgyODkyNyAyMC4yNjgxMzg2LDkuMjk3OTMxNzQgTDI0LjE5ODk2NTksMTMuNjY1NTE3NiBDMjQuMzcwMTAzMSwxMy44NTU2NzAxIDI0LjM3MDEwMzEsMTQuMTQ0MzI5OSAyNC4xOTg5NjU5LDE0LjMzNDQ4MjQgTDIwLjI2ODEzODYsMTguNzAyMDY4MyBDMjAuMDk3NDYwMywxOC44OTE3MTA3IDE5Ljg1NDMxMTcsMTkgMTkuNTk5MTczOCwxOSBMMTcuNjczNjA4NywxOSBDMTcuNTA3OTIzMywxOSAxNy4zNzM2MDg3LDE4Ljg2NTY4NTQgMTcuMzczNjA4NywxOC43IEMxNy4zNzM2MDg3LDE4LjYyNTg4NzUgMTcuNDAxMDQxOCwxOC41NTQzOTggMTcuNDUwNjIwNSwxOC40OTkzMTA2IEwyMS4zMTkzNzk1LDE0LjIwMDY4OTQgQzIxLjQyMjA2MTksMTQuMDg2NTk3OSAyMS40MjIwNjE5LDEzLjkxMzQwMjEgMjEuMzE5Mzc5NSwxMy43OTkzMTA2IEwxNy40NTA2MjA1LDkuNTAwNjg5NDIgQzE3LjMzOTc4MjgsOS4zNzc1MzY0MSAxNy4zNDk3NjYzLDkuMTg3ODQ5NDYgMTcuNDcyOTE5Myw5LjA3NzAxMTc2IEMxNy41MjgwMDY3LDkuMDI3NDMzMDkgMTcuNTk5NDk2Miw5IDE3LjY3MzYwODcsOSBaIiBpZD0i55+p5b2iIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==")}.v-section-btn.white .v-btn-play:before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgNDAgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNf5pKt5pS+PC90aXRsZT4KICAgIDxnIGlkPSJwYyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFf6aaW6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzI2LjAwMDAwMCwgLTYwNC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkJhbm5lcjAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTk4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImljX+aSreaUvl9iYW5uZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyNi4wMDAwMDAsIDQwNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNf5pKt5pS+Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2LDEgTDE0LDEgQzEwLjQxMDE0OTEsMSA3LjE2MDE0OTEzLDIuNDU1MDc0NTYgNC44MDc2MTE4NCw0LjgwNzYxMTg0IEMyLjQ1NTA3NDU2LDcuMTYwMTQ5MTMgMSwxMC40MTAxNDkxIDEsMTQgQzEsMTcuNTg5ODUwOSAyLjQ1NTA3NDU2LDIwLjgzOTg1MDkgNC44MDc2MTE4NCwyMy4xOTIzODgyIEM3LjE2MDE0OTEzLDI1LjU0NDkyNTQgMTAuNDEwMTQ5MSwyNyAxNCwyNyBMMjYsMjcgQzI5LjU4OTg1MDksMjcgMzIuODM5ODUwOSwyNS41NDQ5MjU0IDM1LjE5MjM4ODIsMjMuMTkyMzg4MiBDMzcuNTQ0OTI1NCwyMC44Mzk4NTA5IDM5LDE3LjU4OTg1MDkgMzksMTQgQzM5LDEwLjQxMDE0OTEgMzcuNTQ0OTI1NCw3LjE2MDE0OTEzIDM1LjE5MjM4ODIsNC44MDc2MTE4NCBDMzIuODM5ODUwOSwyLjQ1NTA3NDU2IDI5LjU4OTg1MDksMSAyNiwxIFoiIGlkPSLnn6nlvaIiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS4xOTQ5NzQ3LDkuMTk0OTc0NzUgTDIzLjQzNDMxNDYsMTMuNDM0MzE0NiBDMjMuNzQ2NzM0LDEzLjc0NjczNCAyMy43NDY3MzQsMTQuMjUzMjY2IDIzLjQzNDMxNDYsMTQuNTY1Njg1NCBMMTkuMTk0OTc0NywxOC44MDUwMjUzIEMxOC45MjE2MDc3LDE5LjA3ODM5MjMgMTguNDc4MzkyMywxOS4wNzgzOTIzIDE4LjIwNTAyNTMsMTguODA1MDI1MyBDMTguMDczNzQ5OCwxOC42NzM3NDk4IDE4LDE4LjQ5NTcwMiAxOCwxOC4zMTAwNTA1IEwxOCw5LjY4OTk0OTQ5IEMxOCw5LjMwMzM1MDE3IDE4LjMxMzQwMDcsOC45ODk5NDk0OSAxOC43LDguOTg5OTQ5NDkgQzE4Ljg4NTY1MTUsOC45ODk5NDk0OSAxOS4wNjM2OTkzLDkuMDYzNjk5MjggMTkuMTk0OTc0Nyw5LjE5NDk3NDc1IFoiIGlkPSLnn6nlvaIiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==")}.v-section-btn .v-btn-link:before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgNDAgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWMv5YmN5b6AL+a3seiJsjwvdGl0bGU+CiAgICA8ZyBpZD0i5o6n5Lu2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5paH5pysYnRuL+a3seiJsuWtly/mlL/kvIHlhoXlrrnpobUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Ni4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpYy/liY3lvoAv5rex6ImyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Ni4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i55+p5b2iIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjYsMSBMMTQsMSBDMTAuNDEwMTQ5MSwxIDcuMTYwMTQ5MTMsMi40NTUwNzQ1NiA0LjgwNzYxMTg0LDQuODA3NjExODQgQzIuNDU1MDc0NTYsNy4xNjAxNDkxMyAxLDEwLjQxMDE0OTEgMSwxNCBDMSwxNy41ODk4NTA5IDIuNDU1MDc0NTYsMjAuODM5ODUwOSA0LjgwNzYxMTg0LDIzLjE5MjM4ODIgQzcuMTYwMTQ5MTMsMjUuNTQ0OTI1NCAxMC40MTAxNDkxLDI3IDE0LDI3IEwyNiwyNyBDMjkuNTg5ODUwOSwyNyAzMi44Mzk4NTA5LDI1LjU0NDkyNTQgMzUuMTkyMzg4MiwyMy4xOTIzODgyIEMzNy41NDQ5MjU0LDIwLjgzOTg1MDkgMzksMTcuNTg5ODUwOSAzOSwxNCBDMzksMTAuNDEwMTQ5MSAzNy41NDQ5MjU0LDcuMTYwMTQ5MTMgMzUuMTkyMzg4Miw0LjgwNzYxMTg0IEMzMi44Mzk4NTA5LDIuNDU1MDc0NTYgMjkuNTg5ODUwOSwxIDI2LDEgWiIgc3Ryb2tlPSIjMjQyOTMzIiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTcuNjczNjA4Nyw5IEwxOS41OTkxNzM4LDkgQzE5Ljg1NDMxMTcsOSAyMC4wOTc0NjAzLDkuMTA4Mjg5MjcgMjAuMjY4MTM4Niw5LjI5NzkzMTc0IEwyNC4xOTg5NjU5LDEzLjY2NTUxNzYgQzI0LjM3MDEwMzEsMTMuODU1NjcwMSAyNC4zNzAxMDMxLDE0LjE0NDMyOTkgMjQuMTk4OTY1OSwxNC4zMzQ0ODI0IEwyMC4yNjgxMzg2LDE4LjcwMjA2ODMgQzIwLjA5NzQ2MDMsMTguODkxNzEwNyAxOS44NTQzMTE3LDE5IDE5LjU5OTE3MzgsMTkgTDE3LjY3MzYwODcsMTkgQzE3LjUwNzkyMzMsMTkgMTcuMzczNjA4NywxOC44NjU2ODU0IDE3LjM3MzYwODcsMTguNyBDMTcuMzczNjA4NywxOC42MjU4ODc1IDE3LjQwMTA0MTgsMTguNTU0Mzk4IDE3LjQ1MDYyMDUsMTguNDk5MzEwNiBMMjEuMzE5Mzc5NSwxNC4yMDA2ODk0IEMyMS40MjIwNjE5LDE0LjA4NjU5NzkgMjEuNDIyMDYxOSwxMy45MTM0MDIxIDIxLjMxOTM3OTUsMTMuNzk5MzEwNiBMMTcuNDUwNjIwNSw5LjUwMDY4OTQyIEMxNy4zMzk3ODI4LDkuMzc3NTM2NDEgMTcuMzQ5NzY2Myw5LjE4Nzg0OTQ2IDE3LjQ3MjkxOTMsOS4wNzcwMTE3NiBDMTcuNTI4MDA2Nyw5LjAyNzQzMzA5IDE3LjU5OTQ5NjIsOSAxNy42NzM2MDg3LDkgWiIgZmlsbD0iIzI0MjkzMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=")}.v-section-btn .v-btn-play:before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgNDAgMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNf5pKt5pS+PC90aXRsZT4KICAgIDxnIGlkPSJwYyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFf6aaW6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzI2LjAwMDAwMCwgLTYwNC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkJhbm5lcjAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTk4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImljX+aSreaUvl9iYW5uZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMyNi4wMDAwMDAsIDQwNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNf5pKt5pS+Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2LDEgTDE0LDEgQzEwLjQxMDE0OTEsMSA3LjE2MDE0OTEzLDIuNDU1MDc0NTYgNC44MDc2MTE4NCw0LjgwNzYxMTg0IEMyLjQ1NTA3NDU2LDcuMTYwMTQ5MTMgMSwxMC40MTAxNDkxIDEsMTQgQzEsMTcuNTg5ODUwOSAyLjQ1NTA3NDU2LDIwLjgzOTg1MDkgNC44MDc2MTE4NCwyMy4xOTIzODgyIEM3LjE2MDE0OTEzLDI1LjU0NDkyNTQgMTAuNDEwMTQ5MSwyNyAxNCwyNyBMMjYsMjcgQzI5LjU4OTg1MDksMjcgMzIuODM5ODUwOSwyNS41NDQ5MjU0IDM1LjE5MjM4ODIsMjMuMTkyMzg4MiBDMzcuNTQ0OTI1NCwyMC44Mzk4NTA5IDM5LDE3LjU4OTg1MDkgMzksMTQgQzM5LDEwLjQxMDE0OTEgMzcuNTQ0OTI1NCw3LjE2MDE0OTEzIDM1LjE5MjM4ODIsNC44MDc2MTE4NCBDMzIuODM5ODUwOSwyLjQ1NTA3NDU2IDI5LjU4OTg1MDksMSAyNiwxIFoiIGlkPSLnn6nlvaIiIHN0cm9rZT0iIzI0MjkzMyIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS4xOTQ5NzQ3LDkuMTk0OTc0NzUgTDIzLjQzNDMxNDYsMTMuNDM0MzE0NiBDMjMuNzQ2NzM0LDEzLjc0NjczNCAyMy43NDY3MzQsMTQuMjUzMjY2IDIzLjQzNDMxNDYsMTQuNTY1Njg1NCBMMTkuMTk0OTc0NywxOC44MDUwMjUzIEMxOC45MjE2MDc3LDE5LjA3ODM5MjMgMTguNDc4MzkyMywxOS4wNzgzOTIzIDE4LjIwNTAyNTMsMTguODA1MDI1MyBDMTguMDczNzQ5OCwxOC42NzM3NDk4IDE4LDE4LjQ5NTcwMiAxOCwxOC4zMTAwNTA1IEwxOCw5LjY4OTk0OTQ5IEMxOCw5LjMwMzM1MDE3IDE4LjMxMzQwMDcsOC45ODk5NDk0OSAxOC43LDguOTg5OTQ5NDkgQzE4Ljg4NTY1MTUsOC45ODk5NDk0OSAxOS4wNjM2OTkzLDkuMDYzNjk5MjggMTkuMTk0OTc0Nyw5LjE5NDk3NDc1IFoiIGlkPSLnn6nlvaIiIGZpbGw9IiMyNDI5MzMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==")}@media screen and (max-width:768px){.v-section-btn>.v-btn-link,.v-section-btn>.v-btn-play{font-size:3.88889vw;line-height:5.27778vw}.v-section-btn>.v-btn-link:hover,.v-section-btn>.v-btn-play:hover{color:inherit}.v-section-btn>.v-btn-link:before,.v-section-btn>.v-btn-link:after,.v-section-btn>.v-btn-play:before,.v-section-btn>.v-btn-play:after{width:7.22222vw;height:5.27778vw;right:-8.33333vw;top:0}}.swiper-wrapper{min-width:100%;}


.pro-series-wraper{width:100%;padding-top:30px;padding-bottom:140px;width:100%;color:#242933;background:#f5f7fa}
.pro-series-wraper .pro-series-wraper-white{background:#fff;padding-bottom:126px}
.pro-series-wraper:before{width:100%;top:0;height:800px;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f7fa),to(#fff));background-image:-webkit-linear-gradient(top,#f5f7fa 0,#fff 100%);background-image:-moz- oldlinear-gradient(top,#f5f7fa 0,#fff 100%);background-image:-o-linear-gradient(top,#f5f7fa 0,#fff 100%);background-image:linear-gradient(180deg,#f5f7fa 0,#fff 100%)}
.pro-series-wraper .pro-series-content{position:relative;max-width:1440px;margin:0 auto}
.pro-series-wraper .pro-series-content .rec-item-box{width:100%;position:relative;text-align:right;height:600px}
.pro-series-wraper .pro-series-content .rec-item-box .rec-img{width:890px;height:100%;display:inline-block;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden}
.pro-series-wraper .pro-series-content .rec-item-box .rec-img img{width:100%;height:100%;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}
.pro-series-wraper .pro-series-content .rec-item-box+.rec-item-box{margin-top:80px}
.pro-series-wraper .pro-series-content .rec-item-box.rec-item-box-right{text-align:left}
.pro-series-wraper .pro-series-content .rec-item-box.rec-item-box-right .rec-content{left:1006px}
.pro-series-wraper .pro-series-content .rec-content{position:absolute;left:0;top:44.4%;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
.pro-series-wraper .pro-series-content .rec-content .content-img{text-align:left;font-size:0;height:28px;margin-bottom:12px}
.pro-series-wraper .pro-series-content .rec-content .content-img img{height:100%}
.pro-series-wraper .pro-series-content .rec-content .title{text-align:left;font-size:52px;max-width:434px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}
.pro-series-wraper .pro-series-content .rec-content .title{text-align:left;font-size:52px;max-width:434px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}
.pro-series-wraper .pro-series-content .rec-content .btn-box{width:300px;text-align:left;position:absolute;bottom:-132px;font-size:0}
.pro-series-wraper .pro-series-content .rec-content .btn-box .buy{vertical-align:middle;margin-right:24px;display:inline-block;width:150px;text-align:center;height:52px;line-height:52px;color:#fff;background:#000;font-size:20px;-webkit-border-radius:26px;-moz-border-radius:26px;border-radius:26px;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;-moz-transition:background-color .2s ease;transition:background-color .2s ease;cursor:pointer}@media screen and (min-width:769px){.pro-series-wraper .pro-series-content .rec-content .btn-box .buy:hover{background-color:rgba(65,95,255,.73)}}
.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn{display:inline-block;vertical-align:middle}
.pro-series-wraper .pro-series-content .pro-series-compare{height:630px;background-color:#fff;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;padding-top:110px}
.pro-series-wraper .pro-series-content .pro-series-compare>div{max-width:1057px;margin:0 auto}
.pro-series-wraper .pro-series-content .pro-series-compare>div.pro-series-compare-min{max-width:824px}
.pro-series-wraper .pro-series-content .pro-series-compare>div .compare-img-list{position:relative;width:317px;height:317px;margin:0 auto;overflow:hidden}
.pro-series-wraper .pro-series-content .pro-series-compare>div .compare-img-list img{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:0;height:100%}
.pro-series-wraper .pro-series-content .pro-series-compare>div p{max-width:317px;line-height:28px;font-size:24px;margin:28px 0 10px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:break-word}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors{font-size:0;position:relative;height:36px;white-space:nowrap}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-view-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-view{display:inline-block;width:38px;height:28px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;text-align:center;padding:4px 2px;cursor:pointer;vertical-align:middle}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-view span{width:34px;height:28px;display:inline-block;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-view.color-view-actived{padding:2px 0;border:solid 2px #dcdfe6}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-view+.color-view{margin-left:16px}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-name{max-width:78px;display:inline-block;font-size:16px;color:#8a8f99;vertical-align:middle;margin-left:14px;text-align:left;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:break-word}
.pro-series-wraper .pro-series-content .pro-series-compare>div .compare-link-btn{display:inline-block;width:150px;text-align:center;height:52px;line-height:52px;color:#fff;background:#000;font-size:20px;-webkit-border-radius:26px;-moz-border-radius:26px;border-radius:26px;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;-moz-transition:background-color .2s ease;transition:background-color .2s ease;cursor:pointer;display:block;width:200px;margin:16px auto 24px}@media screen and (min-width:769px){.pro-series-wraper .pro-series-content .pro-series-compare>div .compare-link-btn:hover{background-color:rgba(65,95,255,.73)}}
.pro-series-wraper .pro-series-content .pro-series-compare>div ul{text-align:center}
.pro-series-wraper .pro-series-content .pro-series-compare>div li{display:inline-block;text-align:center}
.pro-series-wraper .pro-series-content .pro-series-compare>div li:first-child{float:left}
.pro-series-wraper .pro-series-content .pro-series-compare>div li:last-of-type{float:right}
.pro-series-wraper .pro-series-content .pro-series-compare>div li .v-btn-link{margin-left:-40px}
.pro-series-wraper .pro-series-content .pro-series-compare>div .v-section-btn{font-size:0}@media screen and (max-width:1359px){.pro-series-wraper .pro-series-content .pro-series-compare>div{max-width:744px;margin:0 auto}
.pro-series-wraper .pro-series-content .pro-series-compare>div.pro-series-compare-min{max-width:744px}
.pro-series-wraper .pro-series-content .pro-series-compare>div li:nth-child(2){float:right}
.pro-series-wraper .pro-series-content .pro-series-compare>div li:nth-child(3){display:none}}@media screen and (max-width:869px){.pro-series-wraper .pro-series-content .pro-series-compare>div{min-width:634px;max-width:none;margin:0 27px}
.pro-series-wraper .pro-series-content .pro-series-compare>div.pro-series-compare-min{max-width:none}}
.pro-series-wraper .pro-series-content .pro-series-beauty{margin-bottom:100px}
.pro-series-wraper .pro-series-content .pro-series-beauty>div{position:relative;width:100%;height:520px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden}
.pro-series-wraper .pro-series-content .pro-series-beauty>div img{width:100%;height:100%;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}
.pro-series-wraper .pro-series-content .pro-series-beauty>div+div{margin-top:40px}
.pro-series-wraper .pro-series-content .pro-series-parts ul{overflow:hidden}
.pro-series-wraper .pro-series-content .pro-series-parts li{float:left;position:relative;width:700px;height:410px;background:#fff;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;margin-bottom:40px;overflow:hidden}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content{position:absolute;left:80px;top:84px;font-size:0;z-index:10}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .content-img{height:20px;margin-bottom:6px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .content-img img{height:100%}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .title{max-width:350px;white-space:normal;word-break:break-all;font-size:40px;margin-bottom:16px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif; text-align:left}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .titles{max-width:250px;white-space:normal;word-break:break-all;font-size:18px;margin-bottom:56px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-img{width:100%;height:100%}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-img img{width:100%}
.pro-series-wraper .pro-series-content .pro-series-parts li:first-child{height:860px}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(4),.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5){margin-bottom:0}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2),.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3),.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5){margin-left:40px}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .title,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .title,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .title{margin-bottom:12px}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link{cursor:default}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:after,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:after,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:after{display:none}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:hover,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:hover,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:hover{color:inherit}
.pro-series-wraper .pro-series-content .pro-series-parts li .v-btn-link-define .v-btn-link{position:absolute;right:85px;bottom:138px}
.pro-series-wraper .pro-series-content .pro-series-parts li .v-btn-link-define .v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li .v-btn-link-define .v-btn-link:after{width:86px;height:60px;right:0}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box{width:100%;overflow:hidden;font-size:20px;text-align:center}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box+.gallery-photos-box{margin-top:60px}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box ul{min-width:200%;overflow:hidden;height:520px}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box li{position:relative;float:left;width:25vw;height:100%;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box li+li{margin-left:80px}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box li img{height:100%;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px}@media screen and (max-width:1599px){.pro-series-wraper .gallery-photos-wraper .gallery-photos-box+.gallery-photos-box{margin-top:40px}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box ul{height:32.5vw}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box li{-webkit-border-radius:1.248vw;-moz-border-radius:1.248vw;border-radius:1.248vw}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box li+li{margin-left:4.75vw}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box li img{-webkit-border-radius:1.248vw;-moz-border-radius:1.248vw;border-radius:1.248vw}}@media screen and (max-width:768px){.pro-series-wraper .gallery-photos-wraper .gallery-photos-box+.gallery-photos-box{margin-top:5.55556vw}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box ul{height:47.22222vw}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box li{width:41.66667vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box li+li{margin-left:8.33333vw}
.pro-series-wraper .gallery-photos-wraper .gallery-photos-box li img{-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}}
.pro-series-wraper .pro-series-title{width:100%;font-size:40px;margin:100px 0 40px;font-family:VIVO-FONT-WEB-BOLD,VIVO-FONT-NAV-BOLD,sans-serif}
.pro-series-wraper .pro-series-title.series-title-no-link .v-section-btn .v-btn-link{cursor:default;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;color:inherit}
.pro-series-wraper .pro-series-title.series-title-no-link .v-section-btn .v-btn-link:before,.pro-series-wraper .pro-series-title.series-title-no-link .v-section-btn .v-btn-link:after{display:none}
.pro-series-wraper .pro-series-title .v-section-btn{font-size:0;margin-top:20px}
.pro-series-wraper .pro-series-title .v-section-btn .v-btn-link{font-size:24px}
.pro-series-wraper .pro-series-title .v-section-btn .v-btn-link:before,.pro-series-wraper .pro-series-title .v-section-btn .v-btn-link:after{width:48px;height:34px;right:-58px;top:-3px}
.img-placeholder{height:30vw;background:#d8d8d8 no-repeat center}@media screen and (max-width:768px){.img-placeholder{height:100vw}}
.img-placeholder:after{content:"";position:absolute;height:60px;width:19.81481vw;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(//wwwstatic.vivo.com.cn/vivoportal/web/dist/img/product/productGallery/vivo_b87aaf2.svg) no-repeat center}
.img-placeholder img{visibility:hidden}@media screen and (max-width:1599px){.pro-series-header .header-content-box{width:-webkit-calc(100% - 160px);width:-moz-calc(100% - 160px);width:calc(100% - 160px)}
.pro-series-header .header-pro-wraper{width:-webkit-calc(100% - 160px);width:-moz-calc(100% - 160px);width:calc(100% - 160px);height:25.147vw;margin:0 80px}
.pro-series-header .header-pro-wraper .swiper-container{height:25.147vw}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide{padding-top:4.118vw;width:14.78vw}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide img{width:10.074vw;height:10.074vw}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide p{margin-top:1.691vw}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide .stockStop{padding:0 .44vw}
.pro-series-header .header-pro-wraper .btn-wraper{bottom:2.75vw}
.pro-series-header .header-pro-wraper .btn-wraper i{width:4.417vw;height:2.75vw;line-height:2.75vw}
.pro-series-header .header-pro-wraper .btn-wraper i+i{margin-left:2.33vw}
.pro-series-wraper{padding-top:-webkit-calc(25.147vw - 260px + 84px);padding-top:-moz-calc(25.147vw - 260px + 84px);padding-top:calc(25.147vw - 260px + 84px)}
.pro-series-wraper .pro-series-wraper-white{padding-bottom:10vw}
.pro-series-wraper .pro-series-content{max-width:none;margin:0 80px}
.pro-series-wraper .pro-series-content .rec-item-box{height:36.765vw}
.pro-series-wraper .pro-series-content .rec-item-box .rec-img{width:54.362vw}
.pro-series-wraper .pro-series-content .rec-item-box+.rec-item-box{margin-top:4.583vw}
.pro-series-wraper .pro-series-content .rec-item-box.rec-item-box-right .rec-content{left:61.618vw}
.pro-series-wraper .pro-series-content .rec-content .content-img{height:1.838vw}
.pro-series-wraper .pro-series-content .rec-content .title{font-size:3.186vw}
.pro-series-wraper .pro-series-content .rec-content .btn-box{width:18.456vw;bottom:-8.603vw}
.pro-series-wraper .pro-series-content .rec-content .btn-box .buy{width:9.191vw;height:3.235vw;line-height:3.235vw;font-size:1.226vw;margin-right:1.397vw}
.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-link,.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-play{font-size:1.226vw;line-height:1.765vw}
.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-link:before,.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-link:after,.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-play:before,.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-play:after{width:2.547vw;height:1.765vw;right:-2.941vw;top:0}
.pro-series-wraper .pro-series-content .pro-series-beauty>div{height:31.912vw}
.pro-series-wraper .pro-series-content .pro-series-beauty>div+div{margin-top:2.353vw}
.pro-series-wraper .pro-series-content .pro-series-parts li{width:48.7%;height:25.147vw;-webkit-border-radius:1.471vw;-moz-border-radius:1.471vw;border-radius:1.471vw;margin-bottom:2.426vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content{left:4.926vw;top:5.147vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .content-img{height:1.324vw;margin-bottom:.294vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .title{font-size:2.451vw;margin-bottom:2.426vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-link,.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-play{font-size:1.226vw;line-height:1.765vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-link:after,.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-play:before,.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-play:after{width:2.547vw;height:1.765vw;right:-2.941vw;top:0}
.pro-series-wraper .pro-series-content .pro-series-parts li:first-child{height:52.69vw}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2),.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3),.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5){margin-left:2.6%}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .title,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .title,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .title{margin-bottom:.735vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .v-btn-link-define .v-btn-link{right:5.221vw;bottom:8.529vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .v-btn-link-define .v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li .v-btn-link-define .v-btn-link:after{width:5.368vw;height:3.75vw}}@media screen and (max-width:1199px){.pro-series-header .header-content-box{width:100%}
.pro-series-header .header-pro-wraper{width:100%;margin:0;height:296px}
.pro-series-header .header-pro-wraper .swiper-container{height:296px}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide{width:175px;padding-top:49px}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide img{width:118px;height:118px}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide p{margin-top:19px}
.pro-series-header .header-pro-wraper .btn-wraper{bottom:34px}
.pro-series-header .header-pro-wraper .btn-wraper i{width:52px;height:32px;line-height:32px}
.pro-series-wraper{padding-top:100px}
.pro-series-wraper .pro-series-content{margin:0 40px}}@media screen and (max-width:768px){.pro-series-header{height:138.88889vw}
.pro-series-header .header-content-box{height:138.88889vw}
.pro-series-header .banner-img-box{height:138.88889vw}
.pro-series-header .banner-img-box img{width:100%;height:100%}
.pro-series-header:before{display:none}
.pro-series-header .header-content{top:23.1%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:4.44444vw}
.pro-series-header .header-content img{height:7.77778vw}
.pro-series-header .header-content .title{line-height:7.5vw}
.pro-series-header .header-content .auxiliaryTitle{margin-top:4.72222vw;font-size:3.88889vw}
.pro-series-header .header-pro-wraper{height:44.44444vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw;top:-9.72222vw}
.pro-series-header .header-pro-wraper .swiper-container{height:44.44444vw}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide{padding-top:7.77778vw;width:29.72222vw}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide img{width:22.77778vw;height:22.77778vw}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide p{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;margin-top:3.05556vw}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide p .swiper-text{font-size:2.77778vw;max-width:18.05556vw;margin-right:.55556vw;line-height:3.61111vw}
.pro-series-header .header-pro-wraper .swiper-container .swiper-slide .stockStop{font-size:2.77778vw;height:3.05556vw;line-height:1.2;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw;padding:0 1.38889vw}
.pro-series-header .header-pro-wraper .btn-wraper{display:none}
.pro-series-wraper{padding-top:53.61111vw;padding-bottom:19.44444vw}
.pro-series-wraper:before{height:100vw}
.pro-series-wraper .pro-series-content{margin:0 5.55556vw}
.pro-series-wraper .pro-series-content .rec-item-box{height:auto}
.pro-series-wraper .pro-series-content .rec-item-box .rec-img{width:100%;height:60.27778vw;display:block;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}
.pro-series-wraper .pro-series-content .rec-item-box .rec-img img{-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}
.pro-series-wraper .pro-series-content .rec-item-box+.rec-item-box{margin-top:18.88889vw}
.pro-series-wraper .pro-series-content .rec-item-box.rec-item-box-right .rec-content{left:1006px}
.pro-series-wraper .pro-series-content .rec-content{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;text-align:center}
.pro-series-wraper .pro-series-content .rec-content .content-img{text-align:center;font-size:0;height:3.88889vw;margin-bottom:1.94444vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}
.pro-series-wraper .pro-series-content .rec-content .title{text-align:center;font-size:8.33333vw;max-width:100%}
.pro-series-wraper .pro-series-content .rec-content .btn-box{width:100%;text-align:center;position:static}
.pro-series-wraper .pro-series-content .rec-content .btn-box .buy{display:block;width:29.44444vw;height:10.27778vw;line-height:10.27778vw;-webkit-border-radius:5vw;-moz-border-radius:5vw;border-radius:5vw;font-size:3.88889vw;text-align:center;margin:8.05556vw auto 3.05556vw}
.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-link,.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-play{display:block;font-size:3.88889vw;line-height:5.27778vw}
.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-link:before,.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-link:after,.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-play:before,.pro-series-wraper .pro-series-content .rec-content .btn-box .v-section-btn>.v-btn-play:after{width:7.22222vw;height:5.27778vw;right:-8.33333vw;top:0}
.pro-series-wraper .pro-series-content .rec-content .btn-box .v-btn-link{-webkit-transform:translateX(-4.16667vw);-moz-transform:translateX(-4.16667vw);-ms-transform:translateX(-4.16667vw);-o-transform:translateX(-4.16667vw);transform:translateX(-4.16667vw);margin-bottom:8.61111vw}
.pro-series-wraper .pro-series-content .pro-series-compare{height:88.33333vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw;padding-top:11.94444vw}
.pro-series-wraper .pro-series-content .pro-series-compare>div{min-width:auto;margin:0 4.44444vw}
.pro-series-wraper .pro-series-content .pro-series-compare>div .compare-img-list{width:38.88889vw;height:38.88889vw}
.pro-series-wraper .pro-series-content .pro-series-compare>div p{max-width:37.77778vw;font-size:3.33333vw;margin:3.61111vw 0 1.11111vw}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors{height:6.66667vw}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-view{width:6.11111vw;height:5vw;-webkit-border-radius:4.44444vw;-moz-border-radius:4.44444vw;border-radius:4.44444vw;padding:2px}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-view span{width:5.55556vw;height:5vw;-webkit-border-radius:3.88889vw;-moz-border-radius:3.88889vw;border-radius:3.88889vw}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-view.color-view-actived{padding:1px 0;border:solid .55556vw #dcdfe6}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-view+.color-view{margin-left:2.22222vw}
.pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-name{display:none}
.pro-series-wraper .pro-series-content .pro-series-compare>div .compare-link-btn{width:37.22222vw;height:10.27778vw;line-height:10.27778vw;margin:3.88889vw auto;-webkit-border-radius:5vw;-moz-border-radius:5vw;border-radius:5vw;font-size:3.88889vw}
.pro-series-wraper .pro-series-content .pro-series-compare>div li:nth-child(2){float:right}
.pro-series-wraper .pro-series-content .pro-series-compare>div li:nth-child(3){display:none}
.pro-series-wraper .pro-series-content .pro-series-compare>div li .v-btn-link{margin-left:-7.5vw}
.pro-series-wraper .pro-series-content .pro-series-beauty{margin-bottom:19.44444vw}
.pro-series-wraper .pro-series-content .pro-series-beauty>div{height:116.66667vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}
.pro-series-wraper .pro-series-content .pro-series-beauty>div img{-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}
.pro-series-wraper .pro-series-content .pro-series-beauty>div+div{margin-top:5.55556vw}
.pro-series-wraper .pro-series-content .pro-series-parts li{display:block;width:100%;height:116.66667vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw;margin-bottom:5.55556vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content{text-align:center;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:13.33333vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .content-img{height:3.33333vw;margin-bottom:1.11111vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .title{font-size:6.66667vw;margin-bottom:5vw;width:72.22222vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn{display:inline-block}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-link,.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-play{display:block;font-size:3.88889vw;line-height:5.27778vw}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-link:hover,.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-play:hover{color:inherit}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-link:after,.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-play:before,.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-section-btn>.v-btn-play:after{width:7.22222vw;height:5.27778vw;right:-8.33333vw;top:0}
.pro-series-wraper .pro-series-content .pro-series-parts li .part-content .v-btn-link{-webkit-transform:translateX(-4.16667vw);-moz-transform:translateX(-4.16667vw);-ms-transform:translateX(-4.16667vw);-o-transform:translateX(-4.16667vw);transform:translateX(-4.16667vw);margin-bottom:8.61111vw}
.pro-series-wraper .pro-series-content .pro-series-parts li:first-child{height:116.66667vw}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(4){margin-bottom:5.55556vw}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5){margin-bottom:0}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2),.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3),.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5){margin-left:0}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5),.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5),.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5){height:39.16667vw}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .part-content,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .part-content,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .part-content{top:11.66667vw}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .title,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .title,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .title{margin-bottom:12px}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link{cursor:pointer}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:after,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:after,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:before,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .v-section-btn:not(.v-btn-link-define) .v-btn-link:after{display:block}
.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(2):nth-child(5) .v-btn-link-define,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(3):nth-child(5) .v-btn-link-define,.pro-series-wraper .pro-series-content .pro-series-parts li:nth-child(5):nth-child(5) .v-btn-link-define{display:none}
.pro-series-wraper .pro-series-title{text-align:center;font-size:6.66667vw;margin:19.44444vw 0 9.16667vw}
.pro-series-wraper .pro-series-title .v-section-btn{margin-top:4.72222vw}
.pro-series-wraper .pro-series-title .v-section-btn .v-btn-link{display:inline-block;font-size:3.88889vw;-webkit-transform:translateX(-4.16667vw);-moz-transform:translateX(-4.16667vw);-ms-transform:translateX(-4.16667vw);-o-transform:translateX(-4.16667vw);transform:translateX(-4.16667vw)}
.pro-series-wraper .pro-series-title .v-section-btn .v-btn-link:before,.pro-series-wraper .pro-series-title .v-section-btn .v-btn-link:after{width:7.5vw;height:5.27778vw;right:-8.33333vw;top:0}}.ie .pro-series-wraper .pro-series-content .pro-series-compare>div .colors .color-name{font-family:sans-serif}.ie .pro-series-header .header-pro-wraper .swiper-container .swiper-slide p .swiper-text{font-family:sans-serif}.ie .pro-series-wraper .pro-series-content .pro-series-compare>div p{font-family:sans-serif}


.blur-up {
  filter: blur(20px);
  transition: filter 0.2s;
}

.blur-up.lazyloaded {
  filter: blur(0);
}

.facai div,
.facai h2,
.facai h3,
.facai h4,
.facai h5,
.facai ul,
.facai ol,
.facai li,
.facai p,
.facai form,
.facai table,
.facai th,
.facai td,
.facai figure,
.facai button {
  border: none;
  margin: 0px;
  padding: 0px;
  line-height: 1.4;
  color: inherit;
}

.facai button {
  background-color: transparent;
}

.facai sup {
  position: relative !important;
  font-size: 50% !important;
  line-height: 0 !important;
  vertical-align: super !important;
  top: 0 !important;
}

.facai img,
.facai video,
.facai canvas {
  display: block;
  width: 100%;
  max-width: none;
}

.facai a {
  color: inherit;
  text-decoration: none;
}

.facai *,
.facai *::before,
.facai *::after {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

.facai *:focus,
.facai *:active {
  outline: none;
}

.facai section {
  position: relative;
}

.facai .facai-nowrap {
  white-space: nowrap;
}

.facai {
  font-family: "Avenir Next Regular", "HYQiHei50S";
  color: #000;
  background: #fff;
  transition: opacity 0.3s ease;
  /* @media (max-aspect-ratio: 678 / 669) and (max-width:850px) {
      .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper a {
          font-size: 3.7333333333vw;
      }
  } */
}
.facai.isHidden {
  opacity: 0;
}
.facai .section-mainTitle {
  font-family: "Avenir Next Medium", "HYQiHei70S";
  font-size: 4.1666666667vw;
  text-align: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-mainTitle {
    font-size: 8.5333333333vw;
  }
}
.facai .section-mainTitle.isActive span {
  opacity: 1;
  transform: none;
  visibility: visible;
}
.facai .section-mainTitle.isActive span:last-of-type {
  transition-delay: 0.4s;
}
.facai .section-mainTitle span {
  display: block;
  line-height: 1.1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 1s ease;
}
.facai .section-title {
  font-family: "Avenir Next Medium", "HYQiHei70S";
  font-size: 2.9166666667vw;
  color: #272727;
  margin-bottom: 0;
  font-weight:bold
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-title {
    font-size: 8.5333333333vw;
  }
}
.facai .section-subTitle {
  font-family: "Avenir Next Medium", "HYQiHei70S";
  font-size: 1.25vw;
  margin-top: 2.0833333333vw;
  font-weight:bold
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-subTitle {
    font-size: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.facai .section-desc {
  font-size: 0.9375vw;
  margin-top: 1.0416666667vw;
  color: #707070;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-desc {
    font-size: 3.7333333333vw;
    margin-top: 2.6666666667vw;
  }
}
.facai .section-notes {
  font-size: 0.625vw;
  color: #707070;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-notes {
    font-size: 1.6vw;
  }
}
.facai .section-kv {
  height: 230vh;
  z-index: 10;
  background: #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-kv {
    height: auto;
  }
}
.facai .section-kv #trigger-kv-2 {
  position: absolute;
  top: 80vh;
}
.facai .section-kv #trigger-kv-3 {
  position: absolute;
  bottom: 0;
}
.facai .section-kv .kv-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  overflow: hidden;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-kv .kv-container {
    position: relative;
    top: auto;
    height: auto;
    min-height: 100vh;
  }
}
.facai .section-kv .buyBtn {
  display: inline-block;
  text-align: center;
  font-size: 0.9375vw;
  border-radius: 2.6041666667vw;
  border: 1px solid #000;
  cursor: pointer;

  color: #000;
  z-index: 4;
  position: absolute;
  top: 57%;
  left: 83.3333333333vw;
  transform: translateX(-50%);
  padding: 0.5208333333vw 1.8229166667vw;
}
@media (min-width: 1366px) {
  .facai .section-kv .buyBtn:hover {
    color: #fff;
    background: #000;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-kv .buyBtn {
    position: relative;
    top: auto;
    left: auto;
    margin: 4vw auto 0;
    font-size: 2.6666666667vw;
    transform: none;
    display: block;
    width: 17.87109vw;
    padding: 1.6vw 0;
    border-radius: 13.3333333333vw;
  }
}
.facai .section-kv .bgWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.facai .section-kv .bgWrapper > div {
  position: relative;
}
.facai .section-kv .bgWrapper > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  transform: translateY(-100%);
}
@media (max-aspect-ratio: 678/669) {
  .facai .section-kv .bgWrapper > div::before {
    display: none;
  }
}
.facai .section-kv .bgWrapper > div::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  transform: translateY(100%);
}
@media (max-aspect-ratio: 678/669) {
  .facai .section-kv .bgWrapper > div::after {
    display: none;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-kv .bgWrapper {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-top: 18.6666666667vw;
    background-color: #fff;
  }
  .facai .section-kv .bgWrapper img,
.facai .section-kv .bgWrapper picture {
    width: 76vw;
    margin: 0 auto;
  }
}
.facai .section-kv .slogan {
  position: absolute;
  top: 50%;
  left: 83.3333333333vw;
  width: 22.3958333333vw;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 3;
}
.facai .section-kv .slogan.isActive {
  opacity: 1;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-kv .slogan {
    position: relative;
    top: auto;
    left: auto;
    width: 36vw;
    margin: 0 auto;
    transform: none;
    opacity: 1;
  }
}
.facai .section-kv .pdtname {
  position: absolute;
  top: 50%;
  left: 16.9270833333vw;
  width: 17.7083333333vw;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 3;
}
.facai .section-kv .pdtname.isActive {
  opacity: 1;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-kv .pdtname {
    position: relative;
    top: auto;
    left: auto;
    width: 55.2vw;
    margin: 21.3333333333vw auto 5.3333333333vw;
    transform: none;
    opacity: 1;
  }
}
.facai .section-kv .note {
  position: absolute;
  bottom: 1.5625vw;
  right: 1.5625vw;
  text-align: right;
  font-size: 0.625vw;
  color: #707070;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-kv .note {
    font-size: 1.6vw;
    bottom: -21.3333333333vw;
    right: 2.6666666667vw;
  }
}
.facai .section-kv .videoWrapper {
  margin-top: calc(-1 * calc(100vh - 52px));
  height: calc(100vh - 52px);
}
.facai .section-kv .videoWrapper video,
.facai .section-kv .videoWrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-kv .videoWrapper {
    height: 100vh;
    margin-top: 32vw;
  }
}
.facai .section-kv #kv-cursor {
  width: 6.25vw;
  height: 6.25vw;
  border-radius: 50%;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, 0.221);
  box-shadow: none;
  position: fixed;
  cursor: none;
  z-index: 13;
  display: none;
}
.facai .section-kv #kv-cursor.isActive {
  display: block;
}
.facai .section-kv #kv-cursor::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-45%, -50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0.5208333333vw solid transparent;
  border-left: 1.0416666667vw solid #fff;
  border-bottom: 0.5208333333vw solid transparent;
}
.facai .section-design {
  height: 500vh;
  margin-top: calc(-1 * calc(100vh - 52px));
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design {
    height: 500vh;
  }
}
.facai .section-design #trigger-design {
  position: absolute;
  top: calc(1.5 * calc(100vh - 52px));
}
.facai .section-design .design-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  overflow: hidden;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-container {
    top: 102px;
    height: calc(100vh - 102px);
  }
}
.facai .section-design .design-wrapper.wrapper2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.facai .section-design .design-wrapper.wrapper3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 21.875vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper3 .batteryWrapper {
    margin: 0 auto;
    width: 54.6666666667vw;
    transform: translateY(32vw);
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-design .design-wrapper.wrapper3 .batteryWrapper {
    width: 89.3333333333vw;
    transform: translateY(16vw);
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper3 .batteryWrapper .section-title {
    transform: none;
  }
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .section-desc {
  width: 25.5208333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper3 .batteryWrapper .section-desc {
    transform: none;
    width: 100%;
  }
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .batteryNum {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13.0208333333vw;
  transform-origin: 0% 0%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper3 .batteryWrapper .batteryNum {
    display: none;
  }
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .batteryNum > span {
  display: inline-block;
  position: relative;
  line-height: 1;
  overflow: hidden;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .wordWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 3.125vw 0 5.2083333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper3 .batteryWrapper .wordWrapper {
    display: none;
  }
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .wordWrapper .word.word1 {
  position: relative;
  width: 25.5208333333vw;
  overflow: hidden;
  display: flex;
  padding-right: 5.9895833333vw;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .wordWrapper .word.word1::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5.9895833333vw;
  height: 100%;
  background: linear-gradient(270deg, #fff 70%, transparent);
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .wordWrapper .word.word2 {
  position: relative;
  width: 33.8541666667vw;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  padding-left: 9.375vw;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .wordWrapper .word.word2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 9.375vw;
  height: 100%;
  background: linear-gradient(90deg, #fff 70%, transparent);
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .batteryDesc {
  font-family: "Avenir Next Medium", "HYQiHei70S";
  margin-top: 1.3541666667vw;
  font-size: 1.25vw;
  color: #000;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper3 .batteryWrapper .batteryDesc {
    transform: none;
    font-size: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .thousand {
  width: 7.5520833333vw;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .thousand::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.6875vw;
  background: linear-gradient(180deg, #fff, transparent);
  z-index: 2;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .thousand::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.2083333333vw;
  background: linear-gradient(0deg, #fff, transparent);
  z-index: 2;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .thousand > span {
  display: block;
  width: 100%;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .thousand > span:nth-of-type(2) {
  position: absolute;
  top: 100%;
  left: 0;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .hundred {
  width: 7.5520833333vw;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .hundred::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.6875vw;
  background: linear-gradient(180deg, #fff, transparent);
  z-index: 2;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .hundred::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.2083333333vw;
  background: linear-gradient(0deg, #fff, transparent);
  z-index: 2;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .hundred > span {
  display: block;
  width: 100%;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .hundred > span:nth-of-type(2) {
  position: absolute;
  top: -100%;
  left: 0;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .hundred > span:nth-of-type(3) {
  position: absolute;
  top: -200%;
  left: 0;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .hundred > span:nth-of-type(4) {
  position: absolute;
  top: -300%;
  left: 0;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .ten {
  width: 7.5520833333vw;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .ten::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.6875vw;
  background: linear-gradient(180deg, #fff, transparent);
  z-index: 2;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .ten::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.2083333333vw;
  background: linear-gradient(0deg, #fff, transparent);
  z-index: 2;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .ten > span {
  display: block;
  width: 100%;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .ten > span:nth-of-type(2) {
  position: absolute;
  top: 100%;
  left: 0;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .ten > span:nth-of-type(3) {
  position: absolute;
  top: 200%;
  left: 0;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .ten > span:nth-of-type(4) {
  position: absolute;
  top: 300%;
  left: 0;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .ten > span:nth-of-type(5) {
  position: absolute;
  top: 400%;
  left: 0;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .ten > span:nth-of-type(6) {
  position: absolute;
  top: 500%;
  left: 0;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .unit {
  width: 7.5520833333vw;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .unit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.6875vw;
  background: linear-gradient(180deg, #fff, transparent);
  z-index: 2;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .unit::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.2083333333vw;
  background: linear-gradient(0deg, #fff, transparent);
  z-index: 2;
}
.facai .section-design .design-wrapper.wrapper3 .batteryWrapper .other {
  width: 28.75vw;
  margin-left: 7.8125vw;
}
.facai .section-design .design-wrapper.wrapper3 .mAhWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-27.8645833333vw, -12.7604166667vw);
  overflow: hidden;
  padding-right: 5.2083333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper3 .mAhWrapper {
    transform: translate(-50%, -44vw);
    display: none;
  }
}
.facai .section-design .design-wrapper.wrapper3 .mAhWrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5.2083333333vw;
  height: 100%;
  background: linear-gradient(270deg, #fff, transparent);
}
.facai .section-design .design-wrapper.wrapper3 .mAhWrapper > div:first-of-type {
  display: flex;
}
.facai .section-design .design-wrapper.wrapper3 .mAhWrapper .number {
  width: 5.2083333333vw;
}
.facai .section-design .design-wrapper.wrapper3 .mAhWrapper .mill {
  width: 16.09375vw;
  transform: translateY(0.5208333333vw);
}
.facai .section-design .design-wrapper.wrapper3 .mAhWrapper .mAhWrapper-mask {
  position: absolute;
  bottom: 1.5625vw;
  left: -50%;
  width: 200%;
  height: 1000%;
  background: #fff;
  transform-origin: 50% 100%;
}
.facai .section-design .design-wrapper.wrapper3 .weightWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(5.46875vw, -3.125vw);
  width: 19.7916666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper3 .weightWrapper {
    transform: translate(-50%, -26.6666666667vw);
    display: none;
  }
}
.facai .section-design .design-wrapper.wrapper3 .descWrapper {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-60%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.facai .section-design .design-wrapper.wrapper3 .descWrapper h2 {
  font-family: "Avenir Next Light", "HYQiHei40S";
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 13.0208333333vw;
  opacity: 0.5;
}
.facai .section-design .design-wrapper.wrapper3 .descWrapper h2 > span {
  display: block;
  position: relative;
  line-height: 1;
  overflow: hidden;
}
.facai .section-design .design-wrapper.wrapper3 .descWrapper p {
  margin-top: 0.2604166667vw;
  font-size: 1.25vw;
  color: #222;
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper canvas {
  transform: translateY(-2.7083333333vw) scale(0.9);
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone1 {
  width: 28.90625vw;
  transform: translateY(5%);
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60.46875vw;
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone3 {
  position: relative;
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone3 > img {
  position: relative;
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone3 .word {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone3 .word.word1 {
  width: 40vw;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5.3333333333vw;
  transform: translateX(-50%) translateY(-8.8vw);
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone3 .word.word1 img {
  transform: translateY(-150%);
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone3 .word.word1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.3333333333vw;
  background: linear-gradient(0deg, #fff 70%, transparent);
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone3 .word.word2 {
  width: 53.3333333333vw;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding-top: 5.3333333333vw;
  transform: translateX(-50%) translateY(5.8666666667vw);
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone3 .word.word2 img {
  transform: translateY(150%);
}
.facai .section-design .design-wrapper.wrapper3 .phoneWrapper .phone3 .word.word2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.3333333333vw;
  background: linear-gradient(180deg, #fff 70%, transparent);
}
.facai .section-design .design-wrapper.wrapper4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 5;
}
.facai .section-design .design-wrapper.wrapper4 .videoWrapper {
  height: 100%;
}
.facai .section-design .design-wrapper.wrapper4 .videoWrapper img,
.facai .section-design .design-wrapper.wrapper4 .videoWrapper video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai .section-design .design-wrapper.wrapper4 .textWrapper {
  position: absolute;
  bottom: 9.375vw;
  left: 12.5vw;
  width: 25.5208333333vw;
  color: #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper4 .textWrapper {
    width: 84vw;
    bottom: 18.6666666667vw;
    left: 8vw;
  }
}
.facai .section-design .design-wrapper.wrapper4 .textWrapper .section-title {
  color: #fff;
}
.facai .section-design .design-wrapper.wrapper4 .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-design .design-wrapper.wrapper4 .section-notes {
  position: absolute;
  bottom: 1.5625vw;
  right: 1.5625vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-design .design-wrapper.wrapper4 .section-notes {
    bottom: 5.3333333333vw;
    right: 2.6666666667vw;
  }
}
.facai .section-hinge {
  padding: 10.4166666667vw 0;
  background: #000;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-hinge {
    padding: 26.6666666667vw 0 5.3333333333vw;
  }
}
.facai .section-hinge .hinge-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.facai .section-hinge .hinge-container .hinge-wrapper {
  position: relative;
  width: 36.9791666667vw;
  border-radius: 0.2604166667vw;
  overflow: hidden;
  transform: rotate(0);
}
.facai .section-hinge .hinge-container .hinge-wrapper.wrapper2 {
  margin-left: 1.0416666667vw;
}
.facai .section-hinge .hinge-container .hinge-wrapper .videoWrapper {
  position: relative;
}
.facai .section-hinge .hinge-container .textWrapper {
  padding: 3.6458333333vw 6.25vw;
  background-image: url(/content/dam/honor/cn/product/smartphone/honor-magic-vs/product/imgs/section-hinge/hinge-bg.jpg);
  background-size: cover;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-hinge .hinge-container .textWrapper {
    padding: 12.8vw 14.6666666667vw;
  }
}
.facai .section-hinge .hinge-container .textWrapper .section-subTitle {
  margin-top: 0;
  color: #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-hinge .hinge-container .textWrapper .section-subTitle {
    white-space: nowrap;
  }
}
.facai .section-hinge .hinge-container .textWrapper .section-desc {
  color: #d0d0d0;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-hinge .hinge-container .textWrapper .section-desc {
    font-size: 3.2vw;
  }
}
.facai .section-hinge .hinge-container #swiper-hinge {
  width: 84vw;
  margin: 0 auto;
}
.facai .section-hinge .hinge-container #swiper-pagination-hinge {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.3333333333vw;
}
.facai .section-hinge .hinge-container #swiper-pagination-hinge .swiper-pagination-bullet {
  opacity: 1;
  width: 2.6666666667vw;
  height: 0.5333333333vw;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0 1.3333333333vw;
  transition: width 0.3s ease;
}
.facai .section-hinge .hinge-container #swiper-pagination-hinge .swiper-pagination-bullet-active {
  width: 10.6666666667vw;
  background-color: #fff;
}
.facai .section-hinge .section-notes {
  position: absolute;
  bottom: 7.8125vw;
  right: 1.5625vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-hinge .section-notes {
    right: 2.6666666667vw;
    bottom: 0;
  }
}
.facai .section-screen {
  height: 200vh;
  background: #000;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen {
    height: 250vh;
    padding-top: 26.6666666667vw;
  }
}
.facai .section-screen .screen-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container {
    top: 102px;
    height: calc(100vh - 102px);
    flex-direction: column;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-screen .screen-container {
    height: 100vh;
    overflow: auto;
  }
}
.facai .section-screen .screen-container .bgWrapper {
  width: 88.5416666667vw;
  transform: translateX(15.625vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container .bgWrapper {
    width: 96vw;
    transform: translateY(-32vw) scale(1.8);
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-screen .screen-container .bgWrapper {
    width: 72vw;
    transform: translateY(-32vw);
  }
}
.facai .section-screen .screen-container .textWrapper {
  position: absolute;
  top: 50%;
  left: 18.8541666667vw;
  transform: translateY(-50%);
  width: 18.2291666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container .textWrapper {
    transform: translateY(16vw);
    left: 8vw;
    width: 84vw;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-screen .screen-container .textWrapper {
    transform: translateY(-16vw);
  }
}
.facai .section-screen .screen-container .textWrapper .section-subTitle {
  color: #fff;
}
.facai .section-screen .screen-container .textWrapper .section-title {
  color: #fff;
}
.facai .section-screen .screen-container .textWrapper .section-desc {
  color: #d0d0d0;
  position: relative;
}
.facai .section-screen .screen-container .textWrapper .section-desc span {
  display: block;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container .textWrapper .section-desc span.isActive {
    display: none;
  }
}
.facai .section-screen .screen-container .textWrapper .section-desc span.desc2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container .textWrapper .section-desc span.desc2 {
    position: relative;
    top: auto;
    left: auto;
  }
}
.facai .section-screen .screen-container .textWrapper .line {
  width: 100%;
  margin: 2.6041666667vw 0 1.9791666667vw;
  border-top: 1px solid #707070;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container .textWrapper .line {
    margin: 4vw 0 5.3333333333vw;
  }
  .facai .section-screen .screen-container .textWrapper .line.isActive {
    display: none;
  }
}
.facai .section-screen .screen-container .textWrapper .noteWrapper {
  color: #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container .textWrapper .noteWrapper {
    color: #d0d0d0;
  }
  .facai .section-screen .screen-container .textWrapper .noteWrapper.isActive {
    display: none;
  }
}
.facai .section-screen .screen-container .textWrapper .noteWrapper p {
  font-size: 0.625vw;
  display: flex;
  align-items: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container .textWrapper .noteWrapper p {
    font-size: 3.2vw;
  }
}
.facai .section-screen .screen-container .textWrapper .noteWrapper p:not(:first-of-type) {
  margin-top: 0.6770833333vw;
}
.facai .section-screen .screen-container .textWrapper .noteWrapper p > img {
  display: inline-block;
  width: 1.0416666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container .textWrapper .noteWrapper p > img {
    width: 4.8vw;
  }
}
.facai .section-screen .screen-container .textWrapper .noteWrapper p span {
  display: inline-block;
  margin-left: 0.625vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .screen-container .textWrapper .noteWrapper p span {
    margin-left: 3.2vw;
  }
  .facai .section-screen .screen-container .textWrapper .noteWrapper p span.isActive {
    display: none;
  }
}
.facai .section-screen .section-notes {
  position: absolute;
  bottom: 1.5625vw;
  right: 1.5625vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-screen .section-notes {
    right: 2.6666666667vw;
    bottom: 5.3333333333vw;
  }
}
.facai .section-sleep {
  height: 200vh;
  background-color: #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep {
    height: 150vh;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-sleep {
    padding-bottom: 26.6666666667vw;
  }
}
.facai .section-sleep .sleep-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .sleep-container {
    flex-direction: column-reverse;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-sleep .sleep-container {
    height: auto;
    margin-top: 26.6666666667vw;
  }
}
.facai .section-sleep .textWrapper {
  width: 18.125vw;
  margin-right: 7.1354166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .textWrapper {
    width: 84vw;
    margin-right: 0;
  }
}
.facai .section-sleep .textWrapper .titleWrapper {
  display: flex;
  align-items: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .textWrapper .titleWrapper {
    margin-top: 13.3333333333vw;
  }
}
.facai .section-sleep .textWrapper .titleWrapper .iconWrapper {
  position: relative;
  overflow: hidden;
  transform: translateY(0.2604166667vw);
  padding: 0.5208333333vw 0.5208333333vw 0 0;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .textWrapper .titleWrapper .iconWrapper {
    transform: none;
    padding: 1.8666666667vw 1.6vw 0 0;
  }
}
.facai .section-sleep .textWrapper .titleWrapper .iconWrapper .moon {
  width: 2.2395833333vw;
  margin-left: 2.2395833333vw;
  transform: translateY(-0.2604166667vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .textWrapper .titleWrapper .iconWrapper .moon {
    width: 5.8666666667vw;
    margin-left: 5.3333333333vw;
  }
}
.facai .section-sleep .textWrapper .titleWrapper .iconWrapper .cloud {
  position: absolute;
  bottom: 0;
  left: 0.5729166667vw;
  width: 2.5520833333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .textWrapper .titleWrapper .iconWrapper .cloud {
    width: 6.4vw;
    left: 1.3333333333vw;
  }
}
.facai .section-sleep .textWrapper .titleWrapper .iconWrapper .star {
  position: absolute;
  top: 0.5208333333vw;
  right: 0;
  width: 1.40625vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .textWrapper .titleWrapper .iconWrapper .star {
    width: 3.4666666667vw;
    top: 1.8666666667vw;
  }
}
.facai .section-sleep .videoWrapper {
  position: relative;
  width: 49.7395833333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .videoWrapper {
    width: 100%;
  }
}
.facai .section-sleep .videoBtn {
  display: flex;
  align-items: center;
  margin-top: 1.71875vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .videoBtn {
    margin-top: 2.6666666667vw;
  }
}
.facai .section-sleep .videoBtn img {
  width: 1.25vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .videoBtn img {
    width: 6.4vw;
    transform: scale(0.95);
  }
}
.facai .section-sleep .videoBtn span {
  display: block;
  font-size: 0.625vw;
  margin-left: 0.4166666667vw;
  text-decoration: underline;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .videoBtn span {
    font-size: 3.2vw;
    margin-left: 2.1333333333vw;
    text-decoration: none;
  }
}
.facai .section-sleep .section-notes {
  position: absolute;
  bottom: -2.0833333333vw;
  right: 0;
  width: 100%;
  text-align: right;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-sleep .section-notes {
    right: 2.6666666667vw;
    bottom: -5.3333333333vw;
  }
}
.facai .section-light {
  padding-top: 10.4166666667vw;
  text-align: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-light {
    padding-top: 26.6666666667vw;
  }
}
.facai .section-light .textWrapper {
  width: 37.2395833333vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-light .textWrapper {
    width: 84vw;
  }
}
.facai .section-light .videoWrapper {
  position: relative;
  width: 75vw;
  margin: 5.2083333333vw auto 1.4583333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-light .videoWrapper {
    width: 100%;
    margin: 18.6666666667vw auto 13.3333333333vw;
  }
}
.facai .section-light .light-desc {
  width: 37.2395833333vw;
  margin: 0 auto;
  color: #222;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-light .light-desc {
    width: 84vw;
    color: #000;
  }
}
.facai .section-light .section-notes {
  position: absolute;
  bottom: -2.0833333333vw;
  right: 0;
  width: 100%;
  text-align: right;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-light .section-notes {
    right: 2.6666666667vw;
    bottom: -5.3333333333vw;
  }
}
.facai .section-cmf {
  margin-top: 10.4166666667vw;
  height: 400vh;
  background: #000;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf {
    margin-top: 13.3333333333vw;
    height: auto;
  }
}
.facai .section-cmf.isActive {
  z-index: 8;
}
.facai .section-cmf.facai-pcShow .cmf-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  overflow: hidden;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-bgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-bgWrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/content/dam/honor/cn/product/smartphone/honor-magic-vs/product/imgs/section-cmf/cmf-selectbg.png);
  background-size: 100% 100%;
  width: 308px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button:not(:first-of-type) {
  margin-left: 20px;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button.isActive::after {
  opacity: 1;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 100%;
  opacity: 0;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button[data-color=blue] {
  background: #58bed9;
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button[data-color=blue]::after {
  border: 1px solid #58bed9;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button[data-color=orange] {
  background: #ff9533;
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button[data-color=orange]::after {
  border: 1px solid #ff9533;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button[data-color=black] {
  background: #000;
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-selectWrapper > button[data-color=black]::after {
  border: 1px solid #000;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  display: none;
  z-index: 9;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup.isActive {
  display: flex;
  align-items: center;
  justify-content: center;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .popupcloseBtn {
  position: absolute;
  top: 7.2916666667vw;
  right: 3.125vw;
  width: 2.2916666667vw;
  height: 2.2916666667vw;
  display: block;
  z-index: 10;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .popupcloseBtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2291666667vw;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
  transform-origin: 0% 0%;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .popupcloseBtn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.2291666667vw;
  height: 1px;
  background-color: #fff;
  transform: rotate(-45deg);
  transform-origin: 0% 0%;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .popup-container {
  width: 36.4583333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .loading {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  font-size: 1.5625vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .loading.isActive {
  opacity: 0;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .noteWrapper {
  opacity: 0;
  transform: translateY(-1.0416666667vw);
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .noteWrapper > img {
  width: 2.2916666667vw;
  margin: 0 auto;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .noteWrapper > p {
  font-size: 0.5208333333vw;
  color: #d0d0d0;
  opacity: 0.5;
  margin-top: 0.46875vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .noteWrapper.isActive {
  opacity: 1;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup #swiper-popup {
  width: 100%;
  opacity: 0;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup #swiper-popup.isActive {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .swiper-slide {
  opacity: 0 !important;
  transition: none !important;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-popup .swiper-slide-active {
  opacity: 1 !important;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .textWrapper {
  position: relative;
  width: 32.8125vw;
  height: 100%;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .textWrapper .section-title {
  color: #fff;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .textWrapper > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15.1041666667vw;
  transform: translateY(-5.2083333333vw);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .textWrapper > div.isActive {
  opacity: 1;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .textWrapper .viewmoreBtn {
  display: flex;
  align-items: center;
  color: #256fff;
  font-size: 0.625vw;
  margin-top: 1.09375vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .textWrapper .viewmoreBtn img {
  width: 1.1458333333vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .textWrapper .viewmoreBtn span {
  display: inline-block;
  margin-left: 0.3645833333vw;
  transform: translateY(-0.1041666667vw);
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .phoneWrapper {
  position: relative;
  width: 34.375vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .phoneWrapper .openWrapper {
  position: relative;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .phoneWrapper .openWrapper .flower {
  position: absolute;
  top: 0;
  left: 7.5%;
  width: 85%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-clip-path: inset(2px round 1.8229166667vw);
          clip-path: inset(2px round 1.8229166667vw);
  z-index: 2;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .phoneWrapper .openWrapper .phone {
  position: relative;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .phoneWrapper .closeWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16.9270833333vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .phoneWrapper .closeWrapper > div {
  opacity: 0;
  transition: opacity 0s ease;
  transition-delay: 0.5s;
  position: relative;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .phoneWrapper .closeWrapper > div.isActive {
  opacity: 1;
  transition-duration: 0.5s;
  transition-delay: 0s;
  z-index: 2;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .phoneWrapper .closeWrapper > div:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper1 .descWrapper {
  position: relative;
  width: 32.8125vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  transform: translateX(100%);
  padding-right: 24.4375vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail1 {
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail1 > div {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: #000;
  width: 51.125vw;
  height: 38.5833333333vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail1 img {
  width: 37.2083333333vw;
  opacity: 0;
  transition: opacity 0s ease;
  transition-delay: 0.5s;
  position: relative;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail1 img.isActive {
  opacity: 1;
  transition-duration: 0.5s;
  transition-delay: 0s;
  z-index: 2;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail1 img.color2, .facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail1 img.color3 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail2 {
  height: 100%;
  display: flex;
  align-items: flex-start;
  margin-left: 8.8541666667vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail2 > div {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  background: #000;
  width: 51.125vw;
  height: 38.5833333333vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail2 img {
  width: 46.5vw;
  opacity: 0;
  transition: opacity 0s ease;
  transition-delay: 0.5s;
  position: relative;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail2 img.isActive {
  opacity: 1;
  transition-duration: 0.5s;
  transition-delay: 0s;
  z-index: 2;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail2 img.color2, .facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail2 img.color3 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail3 {
  height: 100%;
  display: flex;
  align-items: flex-end;
  margin-left: 8.8541666667vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail3 > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  width: 51.125vw;
  height: 38.5833333333vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail3 img {
  width: 48.25vw;
  opacity: 0;
  transition: opacity 0s ease;
  transition-delay: 0.5s;
  position: relative;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail3 img.isActive {
  opacity: 1;
  transition-duration: 0.5s;
  transition-delay: 0s;
  z-index: 2;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail3 img.color2, .facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail3 img.color3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail4 {
  height: 100%;
  display: flex;
  align-items: flex-start;
  margin-left: 8.8541666667vw;
  transform-origin: 50% 0;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail4 > div {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: #000;
  width: 51.125vw;
  height: 38.5833333333vw;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail4 img,
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail4 video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0s ease;
  transition-delay: 0.5s;
  position: relative;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail4 img.isActive,
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail4 video.isActive {
  opacity: 1;
  transition-duration: 0.5s;
  transition-delay: 0s;
  z-index: 2;
}
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail4 img:not(:first-of-type),
.facai .section-cmf.facai-pcShow .cmf-container .cmf-wrapper.wrapper2 .detail4 video:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
}
.facai .section-cmf.facai-pcShow .section-notes {
  position: absolute;
  bottom: 1.5625vw;
  right: 1.5625vw;
  width: 100%;
  text-align: right;
}
.facai .section-cmf.facai-mobShow {
  background: #000;
}
.facai .section-cmf.facai-mobShow.isActive {
  background: linear-gradient(108.45deg, #030305 -1.15%, #191a21 47.88%, #1e1f27 66.16%, #13141a 83.06%, #030305 101.18%);
  transition: background 0.5s ease;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 {
  position: relative;
  height: auto;
  z-index: 3;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .sticky {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  padding-top: 40vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-cmf.facai-mobShow .cmf-container.container1 .sticky {
    position: relative;
    top: auto;
    height: auto;
  }
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .cmf-bgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .cmf-bgWrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper {
  position: relative;
  width: 100%;
  transform: scale(2);
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper.isActive {
  transform: none;
  transition: transform 2s ease;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper.isActive .openWrapper .phone {
  opacity: 1;
  transition: opacity 1s ease 1s;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper.isActive2 .openWrapper {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper.isActive2 .closeWrapper {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper .openWrapper {
  position: relative;
  width: 73.3333333333vw;
  margin: 0 auto;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper .openWrapper .flower {
  position: absolute;
  top: 50%;
  left: 7.5%;
  width: 85%;
  transform: translateY(-50%);
  -webkit-clip-path: inset(2px round 2.6666666667vw);
          clip-path: inset(2px round 2.6666666667vw);
  z-index: 2;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper .openWrapper .phone {
  position: relative;
  opacity: 0;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper .closeWrapper {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translateX(-50%);
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper .closeWrapper > div {
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper .closeWrapper > div.isActive {
  opacity: 1;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper .closeWrapper > div img {
  width: auto;
  height: 100%;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .phoneWrapper .closeWrapper > div:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper {
  text-align: center;
  width: 89.3333333333vw;
  margin: 8vw auto 0;
  position: relative;
  opacity: 0;
  z-index: 4;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper.isActive {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper > div {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper > div.isActive {
  opacity: 1;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper > div:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper .section-title {
  color: #fff;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper .viewmoreBtn {
  display: flex;
  align-items: center;
  color: #256fff;
  font-size: 3.2vw;
  margin: 4vw auto 0;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper .viewmoreBtn img {
  width: 5.8666666667vw;
}
.facai .section-cmf.facai-mobShow .cmf-container.container1 .textWrapper .viewmoreBtn span {
  display: inline-block;
  margin-left: 1.8666666667vw;
  transform: translateY(-0.5333333333vw);
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 {
  padding-top: 17.3333333333vw;
  padding-bottom: 26.6666666667vw;
  margin-top: calc(-10vh + 44px);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-cmf.facai-mobShow .cmf-container.container2 {
    margin-top: 0;
  }
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 {
  position: relative;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div {
  width: 89.3333333333vw;
  height: 98.6666666667vw;
  background: #000;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div:not(:first-of-type) {
  margin-top: 5.3333333333vw;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail1 {
  align-items: flex-end;
  justify-content: flex-end;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail1 > div {
  width: 71.7333333333vw;
  position: relative;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail1 > div img {
  opacity: 0;
  transition: opacity 0s ease;
  transition-delay: 0.5s;
  position: relative;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail1 > div img.isActive {
  opacity: 1;
  transition-duration: 0.5s;
  transition-delay: 0s;
  z-index: 2;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail1 > div .color2,
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail1 > div .color3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail2 {
  align-items: flex-end;
  justify-content: flex-end;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail2 > div {
  width: 80.8vw;
  position: relative;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail2 > div img {
  opacity: 0;
  transition: opacity 0s ease;
  transition-delay: 0.5s;
  position: relative;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail2 > div img.isActive {
  opacity: 1;
  transition-duration: 0.5s;
  transition-delay: 0s;
  z-index: 2;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail2 > div .color2,
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail2 > div .color3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail3 {
  align-items: flex-end;
  justify-content: flex-end;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail3 > div {
  width: 87.4666666667vw;
  position: relative;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail3 > div img {
  opacity: 0;
  transition: opacity 0s ease;
  transition-delay: 0.5s;
  position: relative;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail3 > div img.isActive {
  opacity: 1;
  transition-duration: 0.5s;
  transition-delay: 0s;
  z-index: 2;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail3 > div .color2,
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail3 > div .color3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 {
  display: block;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 > div {
  width: 100%;
  height: 100%;
  position: relative;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 > div video,
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 > div > div {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0s ease;
  transition-delay: 0.5s;
  position: relative;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 > div video.isActive,
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 > div > div.isActive {
  opacity: 1;
  transition-duration: 0.5s;
  transition-delay: 0s;
  z-index: 2;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 > div video img,
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 > div > div img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 > div video:not(:first-of-type),
.facai .section-cmf.facai-mobShow .cmf-container.container2 .cmf-wrapper.wrapper2 > div.detail4 > div > div:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 {
  position: -webkit-sticky;
  position: sticky;
  top: calc(100vh - 44px);
  margin-top: calc(-75vh + (100vh - 44px) - 26.6666666667vw);
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 3;
  transform: translateY(-10px);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-cmf.facai-mobShow .cmf-container.container3 {
    top: calc(100vh - 88px);
    margin-top: 0;
  }
}
.facai .section-cmf.facai-mobShow .cmf-container.container3.isActive {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.facai .section-cmf.facai-mobShow .cmf-container.container3.isActive2 {
  z-index: 10;
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper {
  width: 144px;
  height: 44px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 32px;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper {
    width: 288px;
    height: 88px;
    border-radius: 64px;
  }
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button {
    width: 28px;
    height: 28px;
  }
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button:not(:first-of-type) {
  margin-left: 14px;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button:not(:first-of-type) {
    margin-left: 28px;
  }
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button.isActive::after {
  opacity: 1;
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  border-radius: 100%;
  opacity: 0;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button::after {
    width: 44px;
    height: 44px;
  }
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button[data-color=blue] {
  background: #58bed9;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button[data-color=blue]::after {
  border: 1px solid #58bed9;
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button[data-color=orange] {
  background: #ff9533;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button[data-color=orange]::after {
  border: 1px solid #ff9533;
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button[data-color=black] {
  background: #000;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.facai .section-cmf.facai-mobShow .cmf-container.container3 .cmf-selectWrapper > button[data-color=black]::after {
  border: 1px solid #000;
}
.facai .section-cmf.facai-mobShow .cmf-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  display: none;
  z-index: 9;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf.facai-mobShow .cmf-popup {
    position: fixed;
  }
}
.facai .section-cmf.facai-mobShow .cmf-popup.isActive {
  display: flex;
  align-items: center;
  justify-content: center;
}
.facai .section-cmf.facai-mobShow .cmf-popup .popupcloseBtn {
  position: absolute;
  top: 7.2916666667vw;
  right: 3.125vw;
  width: 2.2916666667vw;
  height: 2.2916666667vw;
  display: block;
  z-index: 10;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .popupcloseBtn {
    top: 32vw;
    right: 8vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .popupcloseBtn {
    top: 24vw;
  }
}
.facai .section-cmf.facai-mobShow .cmf-popup .popupcloseBtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2291666667vw;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
  transform-origin: 0% 0%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .popupcloseBtn::before {
    width: 7.2vw;
  }
}
.facai .section-cmf.facai-mobShow .cmf-popup .popupcloseBtn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.2291666667vw;
  height: 1px;
  background-color: #fff;
  transform: rotate(-45deg);
  transform-origin: 0% 0%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .popupcloseBtn::after {
    width: 7.2vw;
  }
}
.facai .section-cmf.facai-mobShow .cmf-popup .popup-container {
  width: 36.4583333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .popup-container {
    width: 89.3333333333vw;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .popup-container {
    width: 60vw;
  }
}
.facai .section-cmf.facai-mobShow .cmf-popup .loading {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  font-size: 1.5625vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .loading {
    font-size: 5.3333333333vw;
  }
}
.facai .section-cmf.facai-mobShow .cmf-popup .loading.isActive {
  opacity: 0;
}
.facai .section-cmf.facai-mobShow .cmf-popup .noteWrapper {
  opacity: 0;
  transform: translateY(-1.0416666667vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .noteWrapper {
    transform: translateY(2.6666666667vw);
  }
}
.facai .section-cmf.facai-mobShow .cmf-popup .noteWrapper > img {
  width: 2.2916666667vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .noteWrapper > img {
    width: 11.7333333333vw;
  }
}
.facai .section-cmf.facai-mobShow .cmf-popup .noteWrapper > p {
  font-size: 0.5208333333vw;
  color: #d0d0d0;
  opacity: 0.5;
  margin-top: 0.46875vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cmf.facai-mobShow .cmf-popup .noteWrapper > p {
    font-size: 3.2vw;
    margin: 2.4vw;
  }
}
.facai .section-cmf.facai-mobShow .cmf-popup .noteWrapper.isActive {
  opacity: 1;
}
.facai .section-cmf.facai-mobShow .cmf-popup #swiper-popup {
  width: 100%;
  opacity: 0;
}
.facai .section-cmf.facai-mobShow .cmf-popup #swiper-popup.isActive {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.facai .section-cmf.facai-mobShow .cmf-popup .swiper-slide {
  opacity: 0 !important;
  transition: none !important;
}
.facai .section-cmf.facai-mobShow .cmf-popup .swiper-slide-active {
  opacity: 1 !important;
}
.facai .section-cmf.facai-mobShow .section-notes {
  position: absolute;
  bottom: -5.3333333333vw;
  right: 2.6666666667vw;
  text-align: right;
}
.facai .section-magicos {
  text-align: center;
}
.facai .section-magicos .textWrapper {
  width: 37.2395833333vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-magicos .textWrapper {
    width: 84vw;
  }
}
.facai .section-magicos .videoWrapper {
  width: 75vw;
  margin: 5.2083333333vw auto 1.4583333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-magicos .videoWrapper {
    width: 100%;
    margin: 18.6666666667vw auto 13.3333333333vw;
    height: 133.3333333333vw;
  }
  .facai .section-magicos .videoWrapper video,
.facai .section-magicos .videoWrapper img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.facai .section-magicos .magicos-desc {
  width: 37.2395833333vw;
  margin: 0 auto;
  color: #222;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-magicos .magicos-desc {
    width: 84vw;
    color: #000;
  }
}
.facai .section-magicos .learnmoreBtn {
  display: inline-block;
  color: #256fff;
  margin-top: 1.5625vw;
  font-size: 0;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-magicos .learnmoreBtn {
    margin-top: 2.6666666667vw;
  }
}
.facai .section-magicos .learnmoreBtn span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.7291666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-magicos .learnmoreBtn span {
    font-size: 3.2vw;
  }
}
.facai .section-magicos .learnmoreBtn span.isArrow {
  width: 1vw;
  transform: translateY(0.0520833333vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-magicos .learnmoreBtn span.isArrow {
    width: 4vw;
    transform: translateY(0.2666666667vw);
  }
}
.facai .section-interactive.facai-pcShow {
  margin-top: 10.4166666667vw;
  height: 275vh;
}
.facai .section-interactive.facai-pcShow .interactive-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.facai .section-interactive.facai-pcShow .titleWrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 12.5vw;
  text-align: right;
}
.facai .section-interactive.facai-pcShow .titleWrapper .section-title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.facai .section-interactive.facai-pcShow .titleWrapper .section-title.isActive {
  opacity: 1;
}
.facai .section-interactive.facai-pcShow .bgWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36.375vw;
  margin: 0 2.6041666667vw;
}
.facai .section-interactive.facai-pcShow .videoWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29.375vw;
  border-radius: 1.4583333333vw;
  box-shadow: 0px 1.5625vw 2.0833333333vw rgba(0, 0, 0, 0.15);
}
.facai .section-interactive.facai-pcShow .videoWrapper > div {
  position: absolute;
  top: 2%;
  left: 2.2%;
  width: 95.6%;
  height: 95.6%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.facai .section-interactive.facai-pcShow .videoWrapper > div.isActive {
  opacity: 1;
}
.facai .section-interactive.facai-pcShow .videoWrapper > div img,
.facai .section-interactive.facai-pcShow .videoWrapper > div video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai .section-interactive.facai-pcShow .videoWrapper .round1 {
  position: absolute;
  top: 41%;
  right: 5%;
  width: 33%;
  transform: translate(50%, -50%) scale(0);
  z-index: 3;
}
.facai .section-interactive.facai-pcShow .videoWrapper .round1.isActive {
  -webkit-animation: roundAni 2.65s linear forwards;
          animation: roundAni 2.65s linear forwards;
}
.facai .section-interactive.facai-pcShow .videoWrapper .round2 {
  position: absolute;
  top: 41%;
  right: 5%;
  width: 33%;
  transform: translate(50%, -50%) scale(0);
  z-index: 3;
}
.facai .section-interactive.facai-pcShow .videoWrapper .round2.isActive {
  -webkit-animation: roundAni 2.35s linear forwards;
          animation: roundAni 2.35s linear forwards;
}
.facai .section-interactive.facai-pcShow .videoWrapper .square {
  position: absolute;
  top: 27.5%;
  left: 8.3%;
  width: 76.8%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 3;
  border-radius: 1.0416666667vw;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}
.facai .section-interactive.facai-pcShow .videoWrapper .square.isActive {
  -webkit-animation: squareAni 2.8s linear forwards;
          animation: squareAni 2.8s linear forwards;
}
.facai .section-interactive.facai-pcShow .videoWrapper .border {
  position: relative;
  z-index: 2;
}
@-webkit-keyframes roundAni {
  0% {
    transform: translate(50%, -50%) scale(0);
  }
  10% {
    transform: translate(50%, -50%) scale(1);
  }
  90% {
    transform: translate(50%, -50%) scale(1);
  }
  100% {
    transform: translate(50%, -50%) scale(0);
  }
}
@keyframes roundAni {
  0% {
    transform: translate(50%, -50%) scale(0);
  }
  10% {
    transform: translate(50%, -50%) scale(1);
  }
  90% {
    transform: translate(50%, -50%) scale(1);
  }
  100% {
    transform: translate(50%, -50%) scale(0);
  }
}
@-webkit-keyframes squareAni {
  0% {
    transform: translate(-50%, -50%) scale(0.68);
  }
  5% {
    transform: translate(-50%, -50%) scale(0.68);
  }
  15% {
    transform: translate(-50%, -50%) scale(1);
  }
  82% {
    transform: translate(-50%, -50%) scale(1);
  }
  98% {
    transform: translate(-50%, -50%) scale(0.68);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.68);
  }
}
@keyframes squareAni {
  0% {
    transform: translate(-50%, -50%) scale(0.68);
  }
  5% {
    transform: translate(-50%, -50%) scale(0.68);
  }
  15% {
    transform: translate(-50%, -50%) scale(1);
  }
  82% {
    transform: translate(-50%, -50%) scale(1);
  }
  98% {
    transform: translate(-50%, -50%) scale(0.68);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.68);
  }
}
.facai .section-interactive.facai-pcShow .progressWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(19.2708333333vw);
  z-index: 4;
  display: flex;
}
.facai .section-interactive.facai-pcShow .progressWrapper > div {
  width: 0.5208333333vw;
  height: 0.1041666667vw;
  background-color: rgba(0, 0, 0, 0.3);
  transition: width 0.3s ease;
}
.facai .section-interactive.facai-pcShow .progressWrapper > div.isActive {
  width: 2.0833333333vw;
  background-color: #000;
}
.facai .section-interactive.facai-pcShow .progressWrapper > div:not(:first-of-type) {
  margin-left: 0.5208333333vw;
}
.facai .section-interactive.facai-pcShow .descWrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 12.5vw;
}
.facai .section-interactive.facai-pcShow .descWrapper .section-subTitle {
  margin-top: 0;
}
.facai .section-interactive.facai-pcShow .descWrapper > div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.facai .section-interactive.facai-pcShow .descWrapper > div.isActive {
  opacity: 1;
}
.facai .section-interactive.facai-pcShow .descWrapper > div .noteWrapper {
  margin-top: 2.6041666667vw;
  padding-left: 0.78125vw;
  position: relative;
}
.facai .section-interactive.facai-pcShow .descWrapper > div .noteWrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4%;
  width: 0.5px;
  height: 95%;
  background: #707070;
}
.facai .section-interactive.facai-pcShow .descWrapper .line {
  border-top: 1px solid #d0d0d0;
  width: 9.375vw;
  margin-top: 1.0416666667vw;
}
.facai .section-interactive.facai-pcShow .descWrapper .greynote {
  display: block;
  font-size: 0.8333333333vw;
  color: #707070;
}
.facai .section-interactive.facai-pcShow .descWrapper .greynote.note1 {
  margin-top: 1.0416666667vw;
}
.facai .section-interactive.facai-pcShow .descWrapper .greynote.note2 {
  margin-top: 0.2604166667vw;
}
.facai .section-interactive.facai-pcShow .descWrapper .blacknote {
  display: block;
  font-size: 0.8333333333vw;
}
.facai .section-interactive.facai-pcShow .descWrapper .blacknote.note1 {
  margin-top: 0.2604166667vw;
}
.facai .section-interactive.facai-pcShow .section-notes {
  position: absolute;
  bottom: -2.0833333333vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}
.facai .section-interactive.facai-mobShow {
  margin-top: 26.6666666667vw;
}
.facai .section-interactive.facai-mobShow .interactive-container {
  text-align: center;
}
.facai .section-interactive.facai-mobShow .videoWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.4666666667vw;
  transform: rotate(0);
  box-shadow: 0px 2.6666666667vw 2.6666666667vw rgba(0, 0, 0, 0.1);
  width: 84vw;
  width: 73.3333333333vw;
  margin: 8vw auto 0;
}
.facai .section-interactive.facai-mobShow .videoWrapper video,
.facai .section-interactive.facai-mobShow .videoWrapper .desktop:first-of-type {
  position: absolute;
  top: 2%;
  left: 2.2%;
  width: 95.6%;
  height: 95.7%;
}
.facai .section-interactive.facai-mobShow .videoWrapper .border {
  position: relative;
  z-index: 2;
}
.facai .section-interactive.facai-mobShow .videoWrapper .round1 {
  position: absolute;
  top: 41%;
  right: 5%;
  width: 33%;
  transform: translate(50%, -50%) scale(0);
  z-index: 3;
}
.facai .section-interactive.facai-mobShow .videoWrapper .round1.isActive {
  -webkit-animation: roundAni 2.65s linear forwards;
          animation: roundAni 2.65s linear forwards;
}
.facai .section-interactive.facai-mobShow .videoWrapper .round2 {
  position: absolute;
  top: 41%;
  right: 5%;
  width: 33%;
  transform: translate(50%, -50%) scale(0);
  z-index: 3;
}
.facai .section-interactive.facai-mobShow .videoWrapper .round2.isActive {
  -webkit-animation: roundAni 2.35s linear forwards;
          animation: roundAni 2.35s linear forwards;
}
.facai .section-interactive.facai-mobShow .videoWrapper .square {
  position: absolute;
  top: 27.5%;
  left: 8.3%;
  width: 76.8%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 3;
  border-radius: 2.6666666667vw;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}
.facai .section-interactive.facai-mobShow .videoWrapper .square.isActive {
  -webkit-animation: squareAni 2.8s linear forwards;
          animation: squareAni 2.8s linear forwards;
}
.facai .section-interactive.facai-mobShow .videoWrapper .border {
  position: relative;
  z-index: 2;
}
@keyframes roundAni {
  0% {
    transform: translate(50%, -50%) scale(0);
  }
  10% {
    transform: translate(50%, -50%) scale(1);
  }
  90% {
    transform: translate(50%, -50%) scale(1);
  }
  100% {
    transform: translate(50%, -50%) scale(0);
  }
}
@keyframes squareAni {
  0% {
    transform: translate(-50%, -50%) scale(0.68);
  }
  5% {
    transform: translate(-50%, -50%) scale(0.68);
  }
  15% {
    transform: translate(-50%, -50%) scale(1);
  }
  82% {
    transform: translate(-50%, -50%) scale(1);
  }
  98% {
    transform: translate(-50%, -50%) scale(0.68);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.68);
  }
}
.facai .section-interactive.facai-mobShow .descWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84vw;
  width: 73.3333333333vw;
  margin: 8vw auto 0;
}
.facai .section-interactive.facai-mobShow .descWrapper.wrapper2 > div {
  width: 100%;
}
.facai .section-interactive.facai-mobShow .descWrapper .section-subTitle {
  margin-top: 0;
}
.facai .section-interactive.facai-mobShow .descWrapper .noteWrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.facai .section-interactive.facai-mobShow .descWrapper .noteWrapper > div {
  width: 34.1333333333vw;
  text-align: left;
}
.facai .section-interactive.facai-mobShow .descWrapper .line {
  border-top: 1px solid #d0d0d0;
  width: 100%;
  margin: 4vw 0 2.6666666667vw;
}
.facai .section-interactive.facai-mobShow .descWrapper .greynote {
  display: block;
  font-size: 3.2vw;
  color: #707070;
}
.facai .section-interactive.facai-mobShow .descWrapper .greynote.note2 {
  margin-top: 1.3333333333vw;
}
.facai .section-interactive.facai-mobShow .descWrapper .blacknote {
  display: block;
  font-size: 3.2vw;
}
.facai .section-interactive.facai-mobShow #swiper-pagination-interactive {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.3333333333vw;
}
.facai .section-interactive.facai-mobShow #swiper-pagination-interactive .swiper-pagination-bullet {
  opacity: 1;
  width: 2.6666666667vw;
  height: 0.5333333333vw;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0 1.3333333333vw;
  transition: width 0.3s ease;
}
.facai .section-interactive.facai-mobShow #swiper-pagination-interactive .swiper-pagination-bullet-active {
  width: 10.6666666667vw;
  background-color: #000;
}
.facai .section-interactive.facai-mobShow .section-notes {
  margin-top: 4vw;
}
.facai .section11.facai-pcShow {
  height: 215vh;
}
.facai .section11.facai-pcShow .section11-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.facai .section11.facai-pcShow .titleWrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 12.5vw;
}
.facai .section11.facai-pcShow .titleWrapper .section-title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  white-space: nowrap;
}
.facai .section11.facai-pcShow .bgWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36.375vw;
  margin: 0 2.6041666667vw;
}
.facai .section11.facai-pcShow .videoWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29.375vw;
  border-radius: 1.4583333333vw;
  overflow: hidden;
  transform: rotate(0);
  box-shadow: 0px 1.5625vw 2.0833333333vw rgba(0, 0, 0, 0.15);
}
.facai .section11.facai-pcShow .videoWrapper > div {
  position: absolute;
  top: 2%;
  left: 2.2%;
  width: 95.6%;
  height: 96%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.facai .section11.facai-pcShow .videoWrapper > div.isActive {
  opacity: 1;
}
.facai .section11.facai-pcShow .videoWrapper > div img,
.facai .section11.facai-pcShow .videoWrapper > div video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai .section11.facai-pcShow .videoWrapper .border {
  position: relative;
  z-index: 2;
}
.facai .section11.facai-pcShow .progressWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(19.2708333333vw);
  z-index: 4;
  display: flex;
}
.facai .section11.facai-pcShow .progressWrapper > div {
  width: 0.5208333333vw;
  height: 0.1041666667vw;
  background-color: rgba(0, 0, 0, 0.3);
  transition: width 0.3s ease;
}
.facai .section11.facai-pcShow .progressWrapper > div.isActive {
  width: 2.0833333333vw;
  background-color: #000;
}
.facai .section11.facai-pcShow .progressWrapper > div:not(:first-of-type) {
  margin-left: 0.5208333333vw;
}
.facai .section11.facai-pcShow .descWrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 12.5vw;
}
.facai .section11.facai-pcShow .descWrapper .section-subTitle {
  margin-top: 0;
}
.facai .section11.facai-pcShow .descWrapper > div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.facai .section11.facai-pcShow .descWrapper > div.isActive {
  opacity: 1;
}
.facai .section11.facai-pcShow .descWrapper > div .noteWrapper {
  margin-top: 2.6041666667vw;
  padding-left: 0.78125vw;
  position: relative;
}
.facai .section11.facai-pcShow .descWrapper > div .noteWrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4%;
  width: 0.5px;
  height: 95%;
  background: #707070;
}
.facai .section11.facai-pcShow .descWrapper .line {
  border-top: 1px solid #d0d0d0;
  width: 9.375vw;
  margin-top: 1.0416666667vw;
}
.facai .section11.facai-pcShow .descWrapper .greynote {
  display: block;
  font-size: 0.8333333333vw;
  color: #707070;
}
.facai .section11.facai-pcShow .descWrapper .greynote.note1 {
  margin-top: 1.0416666667vw;
}
.facai .section11.facai-pcShow .descWrapper .greynote.note2 {
  margin-top: 0.2604166667vw;
}
.facai .section11.facai-pcShow .descWrapper .blacknote {
  display: block;
  font-size: 0.8333333333vw;
}
.facai .section11.facai-pcShow .descWrapper .blacknote.note1 {
  margin-top: 0.2604166667vw;
}
.facai .section11.facai-mobShow {
  margin-top: 26.6666666667vw;
}
.facai .section11.facai-mobShow .section11-container {
  text-align: center;
}
.facai .section11.facai-mobShow .videoWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.4666666667vw;
  transform: rotate(0);
  box-shadow: 0px 2.6666666667vw 2.6666666667vw rgba(0, 0, 0, 0.1);
  width: 84vw;
  margin: 8vw auto 0;
}
.facai .section11.facai-mobShow .videoWrapper > video {
  position: absolute;
  top: 2%;
  left: 2.2%;
  width: 95.6%;
  height: 96%;
}
.facai .section11.facai-mobShow .videoWrapper .border {
  position: relative;
  z-index: 2;
}
.facai .section11.facai-mobShow .textWrapper {
  position: relative;
  width: 84vw;
  margin: 8vw auto 0;
}
.facai .section11.facai-mobShow .textWrapper .section-subTitle {
  margin-top: 0;
}
.facai .section11.facai-mobShow #swiper-pagination-section11 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.3333333333vw;
}
.facai .section11.facai-mobShow #swiper-pagination-section11 .swiper-pagination-bullet {
  opacity: 1;
  width: 2.6666666667vw;
  height: 0.5333333333vw;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0 1.3333333333vw;
  transition: width 0.3s ease;
}
.facai .section11.facai-mobShow #swiper-pagination-section11 .swiper-pagination-bullet-active {
  width: 10.6666666667vw;
  background-color: #000;
}
.facai .section-share.facai-pcShow {
  height: 400vh;
}
.facai .section-share.facai-pcShow .share-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.facai .section-share.facai-pcShow .share-container .share-title {
  transition: transform 1s ease;
  font-size: 4.1666666667vw;
}
.facai .section-share.facai-pcShow .share-container .share-title.isActive {
  transform: translateX(-20.8333333333vw) translateY(-60vh) scale(0.8);
}
.facai .section-share.facai-pcShow .share-container .detailWrapper {
  position: absolute;
  top: 100%;
  left: 36.9791666667vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(5.2083333333vw) translateY(33.8541666667vw);
  transition: transform 1s ease;
}
.facai .section-share.facai-pcShow .share-container .detailWrapper.isActive1 {
  transform: translateY(-10.4166666667vw);
}
.facai .section-share.facai-pcShow .share-container .detailWrapper.isActive2 {
  transform: translateX(-18.75vw) translateY(calc(-100% - 19.7916666667vw));
}
.facai .section-share.facai-pcShow .share-container .detailWrapper.isActive2 .videoWrapper {
  -webkit-clip-path: inset(0 0 2px);
          clip-path: inset(0 0 2px);
}
.facai .section-share.facai-pcShow .share-container .detailWrapper.isActive2 .textWrapper {
  transform: none;
}
.facai .section-share.facai-pcShow .share-container .detailWrapper.isActive3 {
  transform: translateX(-37.5vw) translateY(calc(-100% - 100vh));
}
.facai .section-share.facai-pcShow .share-container .detailWrapper.isActive3 .videoWrapper {
  -webkit-clip-path: inset(0 0 2px);
          clip-path: inset(0 0 2px);
}
.facai .section-share.facai-pcShow .share-container .detailWrapper.isActive3 .textWrapper {
  transform: none;
}
.facai .section-share.facai-pcShow .share-container .detailWrapper .videoWrapper {
  width: 43.4375vw;
  -webkit-clip-path: inset(0 7.8125vw 2px);
          clip-path: inset(0 7.8125vw 2px);
  transition: -webkit-clip-path 1s ease;
  transition: clip-path 1s ease;
  transition: clip-path 1s ease, -webkit-clip-path 1s ease;
}
.facai .section-share.facai-pcShow .share-container .detailWrapper .textWrapper {
  width: 18.2291666667vw;
  margin-left: 6.25vw;
  margin-top: 0;
  transform: translateX(-7.8125vw);
  transition: transform 1s ease;
}
.facai .section-share.facai-pcShow .share-container .detailWrapper .textWrapper .section-subTitle {
  margin-top: 0;
}
.facai .section-share.facai-pcShow .share-container .progressWrapper {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-31.7708333333vw, -17.1875vw);
  z-index: 4;
  display: flex;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.facai .section-share.facai-pcShow .share-container .progressWrapper.isActive {
  opacity: 1;
  transition-delay: 1s;
}
.facai .section-share.facai-pcShow .share-container .progressWrapper > div {
  width: 0.5208333333vw;
  height: 0.1041666667vw;
  background-color: rgba(0, 0, 0, 0.3);
  transition: width 0.3s ease;
}
.facai .section-share.facai-pcShow .share-container .progressWrapper > div.isActive {
  width: 2.0833333333vw;
  background-color: #000;
}
.facai .section-share.facai-pcShow .share-container .progressWrapper > div:not(:first-of-type) {
  margin-left: 0.5208333333vw;
}
.facai .section-share.facai-pcShow .section-notes {
  position: absolute;
  bottom: -2.0833333333vw;
  left: 0;
  white-space: nowrap;
}
.facai .section-share.facai-mobShow {
  margin-top: 26.6666666667vw;
}
.facai .section-share.facai-mobShow .share-container {
  text-align: center;
}
.facai .section-share.facai-mobShow .videoWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8vw auto 0;
}
.facai .section-share.facai-mobShow .videoWrapper .border {
  position: relative;
  z-index: 2;
}
.facai .section-share.facai-mobShow .textWrapper {
  position: relative;
  width: 84vw;
  margin: 8vw auto 0;
}
.facai .section-share.facai-mobShow .textWrapper .section-subTitle {
  margin-top: 0;
}
.facai .section-share.facai-mobShow #swiper-pagination-share {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.3333333333vw;
}
.facai .section-share.facai-mobShow #swiper-pagination-share .swiper-pagination-bullet {
  opacity: 1;
  width: 2.6666666667vw;
  height: 0.5333333333vw;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0 1.3333333333vw;
  transition: width 0.3s ease;
}
.facai .section-share.facai-mobShow #swiper-pagination-share .swiper-pagination-bullet-active {
  width: 10.6666666667vw;
  background-color: #000;
}
.facai .section-share.facai-mobShow .section-notes {
  margin-top: 4vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-recognition.facai-pcShow .recognition-container {
  display: flex;
  align-items: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .recognition-container {
    top: 102px;
    height: calc(100vh - 102px);
  }
}
.facai .section-recognition.facai-pcShow .detailWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 61.9791666667vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .detailWrapper {
    flex-direction: column-reverse;
    width: 84vw;
    width: 73.3333333333vw;
  }
}
.facai .section-recognition.facai-pcShow .detailWrapper .textWrapper {
  width: 20.8333333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .detailWrapper .textWrapper {
    width: 100%;
    margin-top: 10.6666666667vw;
  }
}
.facai .section-recognition.facai-pcShow .detailWrapper .bgWrapper {
  position: relative;
  width: 34.8958333333vw;
  border-radius: 1.4583333333vw;
  transform: rotate(0);
  box-shadow: 0px 1.5625vw 2.0833333333vw rgba(0, 0, 0, 0.15);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .detailWrapper .bgWrapper {
    width: 100%;
    border-radius: 3.4666666667vw;
    box-shadow: 0px 2.6666666667vw 2.6666666667vw rgba(0, 0, 0, 0.1);
  }
}
.facai .section-recognition.facai-pcShow .detailWrapper .bgWrapper video {
  position: absolute;
  top: 1.5%;
  left: 1.5%;
  width: 97%;
  height: 97%;
}
.facai .section-recognition.facai-pcShow .detailWrapper .border {
  position: relative;
  z-index: 2;
}
.facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 {
  position: relative;
}
.facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper {
  position: absolute;
  top: calc(100% + 2.34375vw);
  right: 0;
  width: 34.8958333333vw;
  z-index: 2;
  display: flex;
  justify-content: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper.isActive > div:first-of-type {
  width: 0.5208333333vw;
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper.isActive > div:first-of-type {
    width: 2.6666666667vw;
  }
}
.facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper.isActive > div:last-of-type {
  width: 2.0833333333vw;
  background-color: #000;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper.isActive > div:last-of-type {
    width: 10.6666666667vw;
  }
}
.facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper > div {
  width: 0.5208333333vw;
  height: 0.1041666667vw;
  transition: width 0.3s ease;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper > div {
    width: 2.6666666667vw;
    height: 0.5333333333vw;
  }
}
.facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper > div.isActive {
  width: 2.0833333333vw;
  background-color: #000;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper > div.isActive {
    width: 10.6666666667vw;
  }
}
.facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper > div:last-of-type {
  background-color: rgba(0, 0, 0, 0.3);
  margin-left: 0.5208333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-recognition.facai-pcShow .detailWrapper.wrapper1 .progressWrapper > div:last-of-type {
    margin-left: 2.6666666667vw;
  }
}
.facai .section-recognition.facai-pcShow .section-notes {
  position: absolute;
  bottom: -3.3854166667vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}
.facai .section-recognition.facai-mobShow {
  margin-top: 26.6666666667vw;
}
.facai .section-recognition.facai-mobShow .videoWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.4666666667vw;
  transform: rotate(0);
  box-shadow: 0px 2.6666666667vw 2.6666666667vw rgba(0, 0, 0, 0.1);
  width: 84vw;
  width: 73.3333333333vw;
  margin: 8vw auto 0;
}
.facai .section-recognition.facai-mobShow .videoWrapper video,
.facai .section-recognition.facai-mobShow .videoWrapper .desktop:first-of-type {
  position: absolute;
  top: 1.5%;
  left: 1.5%;
  width: 97%;
  height: 97%;
}
.facai .section-recognition.facai-mobShow .videoWrapper .border {
  position: relative;
  z-index: 2;
}
.facai .section-recognition.facai-mobShow .descWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84vw;
  width: 73.3333333333vw;
  margin: 21.3333333333vw auto 0;
}
.facai .section-recognition.facai-mobShow #swiper-pagination-recognition {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.3333333333vw;
}
.facai .section-recognition.facai-mobShow #swiper-pagination-recognition .swiper-pagination-bullet {
  opacity: 1;
  width: 2.6666666667vw;
  height: 0.5333333333vw;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0 1.3333333333vw;
  transition: width 0.3s ease;
}
.facai .section-recognition.facai-mobShow #swiper-pagination-recognition .swiper-pagination-bullet-active {
  width: 10.6666666667vw;
  background-color: #000;
}
.facai .section-recognition.facai-mobShow .section-notes {
  position: absolute;
  text-align: center;
  bottom: -8vw;
}
.facai .section-ai {
  margin-top: 13.0208333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-ai {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-ai .detailWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-ai .detailWrapper {
    width: 84vw;
    width: 73.3333333333vw;
    flex-direction: column;
  }
}
.facai .section-ai .detailWrapper .textWrapper {
  width: 20.8333333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-ai .detailWrapper .textWrapper {
    width: 100%;
    margin-top: 10.6666666667vw;
  }
}
.facai .section-ai .detailWrapper .bgWrapper {
  position: relative;
  width: 34.8958333333vw;
  width: 45.3125vw;
  margin-right: 5.2083333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-ai .detailWrapper .bgWrapper {
    width: 100%;
  }
}
.facai .section-ai .detailWrapper .border {
  position: relative;
  z-index: 2;
}
.facai .section-ai .section-notes {
  position: absolute;
  bottom: 3.125vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}
.facai .section14 {
  height: 150vh;
  background: #000;
  color: #fff;
}
.facai .section14 .section14-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.facai .section-cpu {
  color: #fff;
}
.facai .section-cpu .cpu-container {
  width: 75vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cpu .cpu-container {
    width: 89.3333333333vw;
  }
}
.facai .section-cpu .cpu-container .section-title {
  color: #fff;
}
.facai .section-cpu .cpu-container .cpu-wrapper {
  margin-top: 3.0208333333vw;
  display: grid;
  grid-template-columns: 31.6145833333vw 43.3854166667vw;
  border: 1px solid #222;
  border-radius: 0.2604166667vw;
  overflow: hidden;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cpu .cpu-container .cpu-wrapper {
    margin-top: 8vw;
    display: flex;
    flex-direction: column-reverse;
    border-radius: 1.3333333333vw;
    overflow: hidden;
    transform: rotate(0);
  }
}
.facai .section-cpu .cpu-container .textWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: url(/content/dam/honor/cn/product/smartphone/honor-magic-vs/product/imgs/section-cpu/cpu-bg.jpg);
  background-size: 100% 100%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cpu .cpu-container .textWrapper {
    padding: 17.8666666667vw 15.4666666667vw;
  }
}
.facai .section-cpu .cpu-container .textWrapper > div {
  width: 18.2291666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-cpu .cpu-container .textWrapper > div {
    width: 100%;
  }
}
.facai .section-cpu .cpu-container .textWrapper .section-subTitle {
  margin-top: 0;
}
.facai .section-cpu .cpu-container .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-func {
  color: #fff;
  margin-top: 10.4166666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-func {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-func .func-container {
  width: 75vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-func .func-container {
    width: 89.3333333333vw;
  }
}
.facai .section-func .func-container .section-title {
  color: #fff;
}
.facai .section-func .func-container .func-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 3.0208333333vw;
}
.facai .section-func .func-container .func-wrapper > div {
  width: 24.4270833333vw;
  border-radius: 0.2604166667vw;
  overflow: hidden;
  transform: rotate(0);
  border: 1px solid #222;
}
.facai .section-func .func-container .textWrapper {
  padding: 4.0104166667vw;
  background-image: url(/content/dam/honor/cn/product/smartphone/honor-magic-vs/product/imgs/section-func/func-bg.jpg);
  background-size: 100% 100%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-func .func-container .textWrapper {
    padding: 17.8666666667vw 15.4666666667vw;
  }
}
.facai .section-func .func-container .textWrapper .section-subTitle {
  margin-top: 0;
}
.facai .section-func .func-container .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-func #swiper-func {
  margin-top: 8vw;
}
.facai .section-func #swiper-func .swiper-slide {
  border-radius: 1.3333333333vw;
  overflow: hidden;
  transform: rotate(0);
  border: 1px solid #222;
}
.facai .section-func #swiper-func .bgWrapper {
  position: relative;
}
.facai .section-func #swiper-pagination-func {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.3333333333vw;
}
.facai .section-func #swiper-pagination-func .swiper-pagination-bullet {
  opacity: 1;
  width: 2.6666666667vw;
  height: 0.5333333333vw;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0 1.3333333333vw;
  transition: width 0.3s ease;
}
.facai .section-func #swiper-pagination-func .swiper-pagination-bullet-active {
  width: 10.6666666667vw;
  background-color: #fff;
}
.facai .section-func .section-notes {
  text-align: center;
  margin-top: 1.5625vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-func .section-notes {
    margin-top: 4vw;
  }
}
.facai .section-battery {
  height: 250vh;
  margin-top: 5.2083333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-battery {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-battery .battery-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-battery .battery-container {
    top: 102px;
    height: calc(100vh - 102px);
    overflow: hidden;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-battery .battery-container {
    height: 100vh;
  }
}
.facai .section-battery .section-title {
  color: #fff;
}
.facai .section-battery .bgWrapper {
  position: relative;
  width: 75.8854166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-battery .bgWrapper {
    width: 100%;
    transform: translateY(-26.6666666667vw);
  }
  .facai .section-battery .bgWrapper img {
    width: 146.1333333333vw;
  }
}
.facai .section-battery .bgWrapper .phone {
  position: relative;
  z-index: 2;
}
.facai .section-battery .bgWrapper .mill {
  position: absolute;
  top: 6.7708333333vw;
  left: -1.5625vw;
  width: 23.3854166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-battery .bgWrapper .mill {
    top: 14.6666666667vw;
    left: -1.3333333333vw;
    width: 41.6vw;
  }
}
.facai .section-battery .bgWrapper .watt {
  position: absolute;
  top: 8.8541666667vw;
  left: 5.7291666667vw;
  width: 13.2291666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-battery .bgWrapper .watt {
    top: 17.3333333333vw;
    left: 12.2666666667vw;
    width: 24vw;
  }
}
.facai .section-battery .battery-mask {
  position: absolute;
  top: 0;
  right: 0;
  width: 55.8854166667vw;
  height: 100%;
  background: linear-gradient(270deg, #000000 20.05%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-battery .battery-mask {
    display: none;
  }
}
.facai .section-battery .textWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24.4270833333vw;
  transform: translate(13.0208333333vw, calc(-100% - 4.6875vw));
  z-index: 3;
  color: #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-battery .textWrapper {
    width: 84vw;
    left: 8vw;
    transform: translateY(26.6666666667vw);
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-battery .textWrapper {
    transform: none;
  }
}
.facai .section-battery .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-battery .section-notes {
  position: absolute;
  bottom: 1.5625vw;
  right: 1.5625vw;
  z-index: 3;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-battery .section-notes {
    right: 2.6666666667vw;
    bottom: 5.3333333333vw;
  }
}
.facai .section-camera {
  height: 430vh;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-camera {
    height: auto;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera {
    padding-top: 13.3333333333vw;
  }
}
.facai .section-camera .camera-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  overflow: hidden;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-container {
    top: 102px;
    height: 100vh;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-camera .camera-container {
    height: auto;
    position: relative;
    top: auto;
  }
}
.facai .section-camera #trigger-camera-2 {
  position: absolute;
  top: 100vh;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera #trigger-camera-2 {
    top: 120vh;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 {
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .camera-mask {
  opacity: 0;
}
.facai .section-camera .camera-wrapper.wrapper1 .camera-mask.isActive {
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .camera-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 133.3333333333vw;
    width: 100%;
    z-index: 4;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0086472) 6.67%, rgba(0, 0, 0, 0.03551) 13.33%, rgba(0, 0, 0, 0.0816599) 20%, rgba(0, 0, 0, 0.147411) 26.67%, rgba(0, 0, 0, 0.231775) 33.33%, rgba(0, 0, 0, 0.331884) 40%, rgba(0, 0, 0, 0.442691) 46.67%, rgba(0, 0, 0, 0.557309) 53.33%, rgba(0, 0, 0, 0.668116) 60%, rgba(0, 0, 0, 0.768225) 66.67%, rgba(0, 0, 0, 0.852589) 73.33%, rgba(0, 0, 0, 0.91834) 80%, rgba(0, 0, 0, 0.96449) 86.67%, rgba(0, 0, 0, 0.991353) 93.33%, #000000 100%);
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper {
  position: relative;
  padding: 0 13.0208333333vw 0 7.125vw;
  transition: transform 1s ease;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper {
    padding-left: 28vw;
    padding-right: 0;
    margin-left: 51.4666666667vw;
    margin-top: 8vw;
    height: 100%;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper.isActive {
  transform: translateX(-35%);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper.isActive {
    transform: none;
  }
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper.isActive .openWrapper {
    transform: translateX(-91%);
  }
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper.isActive .closeWrapper {
    transform: translateX(-66%);
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper.isActive .closeWrapper .back {
  opacity: 0;
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper.isActive .closeWrapper .front {
  opacity: 1;
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .openWrapper {
  width: 41.390625vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .openWrapper {
    width: 176.5333333333vw;
    transition: transform 0.7s ease;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .closeWrapper {
  position: absolute;
  top: 5.625vw;
  left: 0;
  width: 21.1875vw;
  z-index: 2;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .closeWrapper {
    top: 18.6666666667vw;
    width: 90.4vw;
    transition: transform 0.7s ease;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .closeWrapper .back {
  transition: opacity 0.5s ease;
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .closeWrapper .front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper {
  position: absolute;
  left: -18.125vw;
  z-index: 4;
  width: 11.8229166667vw;
  color: #fff;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper {
    width: 42.6666666667vw;
    left: -47.4666666667vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper .section-title {
  color: #fff;
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.isActive {
  opacity: 1;
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper p {
  font-size: 0.8333333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper p {
    font-size: 3.7333333333vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper p span {
  font-family: "Avenir Next Medium", "HYQiHei70S";
  font-size: 1.0416666667vw;
  white-space: nowrap;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper p span {
    font-size: 3.7333333333vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper1 {
  top: 6.09375vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper1 {
    top: 21.3333333333vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper1::after {
  content: "";
  position: absolute;
  top: 0.6770833333vw;
  right: -11.5625vw;
  border-top: 1px solid #4c4c4c;
  border-right: 1px solid #4c4c4c;
  width: 10.6770833333vw;
  height: 3.4895833333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper1::after {
    top: 2.4vw;
    right: -27.2vw;
    width: 25.3333333333vw;
    height: 14.4vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper2 {
  top: 14.34375vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper2 {
    top: 56vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper2::after {
  content: "";
  position: absolute;
  top: 0.625vw;
  right: -10.8854166667vw;
  border-top: 1px solid #4c4c4c;
  width: 12.3958333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper2::after {
    top: 2.4vw;
    right: -24.5333333333vw;
    width: 30.6666666667vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper3 {
  top: 23.671875vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper3 {
    top: 93.3333333333vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper3::after {
  content: "";
  position: absolute;
  top: -3.6458333333vw;
  right: -11.5625vw;
  border-bottom: 1px solid #4c4c4c;
  border-right: 1px solid #4c4c4c;
  width: 9.21875vw;
  height: 4.375vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper3::after {
    top: -13.0666666667vw;
    right: -27.2vw;
    width: 20vw;
    height: 16vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper4 {
  top: 32.8125vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper4 {
    top: 130.6666666667vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper4::after {
  content: "";
  position: absolute;
  top: -14.1145833333vw;
  right: -16.40625vw;
  border-bottom: 1px solid #4c4c4c;
  border-right: 1px solid #4c4c4c;
  width: 20.625vw;
  height: 14.8958333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper4::after {
    top: -56.2666666667vw;
    right: -47.7333333333vw;
    width: 64.2666666667vw;
    height: 59.2vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper5 {
  top: 10.78125vw;
  left: auto;
  right: 0;
  transform: translateX(40%);
  width: 11.875vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper5 {
    top: 106.6666666667vw;
    right: auto;
    left: -37.3333333333vw;
    width: 53.3333333333vw;
    transform: none;
  }
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper5 p {
  color: #d0d0d0;
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper5 .line {
  border-top: 1px solid #707070;
  margin: 1.0416666667vw 0;
}
.facai .section-camera .camera-wrapper.wrapper1 .bgWrapper .textWrapper.wrapper5 .noteWrapper p {
  font-size: 0.625vw;
}
.facai .section-camera .camera-wrapper.wrapper1 .section-notes {
  position: absolute;
  bottom: 1.5625vw;
  right: 1.5625vw;
  z-index: 4;
  transition: opacity 0.3s ease;
}
.facai .section-camera .camera-wrapper.wrapper1 .section-notes.isActive {
  opacity: 0;
}
.facai .section-camera .camera-wrapper.wrapper2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper2 {
    transform: translateY(100%);
    flex-direction: column-reverse;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .section-camera .camera-wrapper.wrapper2 {
    position: relative;
    transform: none !important;
  }
}
.facai .section-camera .camera-wrapper.wrapper2 .textWrapper {
  width: 18.125vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 7.1354166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper2 .textWrapper {
    width: 84vw;
    margin-right: 0;
    height: auto;
    margin-top: 10.6666666667vw;
  }
}
.facai .section-camera .camera-wrapper.wrapper2 .textWrapper .section-title {
  color: #fff;
}
.facai .section-camera .camera-wrapper.wrapper2 .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-camera .camera-wrapper.wrapper2 .bgWrapper {
  width: 62.2395833333vw;
  height: 100%;
  overflow: hidden;
  transform: rotate(0);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-camera .camera-wrapper.wrapper2 .bgWrapper {
    width: 100%;
    height: auto;
  }
}
.facai .section-camera .camera-wrapper.wrapper2 .bgWrapper.isActive img {
  transform: scale(1.57);
}
.facai .section-camera .camera-wrapper.wrapper2 .bgWrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 1s ease;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-wide .wide-container {
  display: flex;
  align-items: center;
  height: calc(100vh - 52px);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .wide-container {
    height: auto;
    flex-direction: column;
  }
}
.facai .section-wide .textWrapper {
  width: 18.125vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-left: 7.1354166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .textWrapper {
    width: 84vw;
    height: auto;
    margin-left: 0;
    margin-top: 10.6666666667vw;
  }
}
.facai .section-wide .textWrapper .section-title {
  color: #fff;
}
.facai .section-wide .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-wide .bgWrapper {
  width: 62.2395833333vw;
  height: 100%;
  overflow: hidden;
  transform: rotate(0);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper {
    width: 100%;
    height: 120vw;
  }
}
.facai .section-wide .bgWrapper #wide-swipeWrapper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
}
.facai .section-wide .bgWrapper .progressWrapper {
  position: absolute;
  bottom: 4.8958333333vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.78125vw 1.4583333333vw;
  background: rgba(217, 217, 217, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 2.6041666667vw;
  display: flex;
  align-items: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper {
    bottom: 8vw;
    padding: 3.2vw 5.3333333333vw;
    border-radius: 13.3333333333vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step1 {
  position: relative;
  width: 1.9791666667vw;
  height: 0.6770833333vw;
  border-left: 1px solid #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step1 {
    width: 7.2vw;
    height: 2.4vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step1.isActive {
  border-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step1.isActive > div {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step1.isActive > div::before {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step1.isActive > div::after {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step1 > div {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1.6145833333vw;
  height: 0.0520833333vw;
  background-color: #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step1 > div {
    width: 5.3333333333vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step1 > div::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.3125vw;
  height: 0.0520833333vw;
  background-color: #fff;
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: 0% 0%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step1 > div::before {
    width: 1.0666666667vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step1 > div::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.3645833333vw;
  height: 0.0520833333vw;
  background-color: #fff;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: 0% 0%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step1 > div::after {
    width: 1.3333333333vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step2 {
  width: 0.6770833333vw;
  height: 0.0520833333vw;
  background-color: #fff;
  margin: 0 0.2604166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step2 {
    width: 2.6666666667vw;
    height: 0.2666666667vw;
    margin: 0 1.3333333333vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step2.isActive {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step3 {
  position: relative;
  width: 0.9895833333vw;
  height: 0.0520833333vw;
  display: flex;
  justify-content: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step3 {
    width: 5.6vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.2083333333vw;
  height: 0.0520833333vw;
  background-color: #fff;
  transform: translateY(-50%);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step3::before {
    width: 1.3333333333vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step3::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.2083333333vw;
  height: 0.0520833333vw;
  background-color: #fff;
  transform: translateY(-50%);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step3::after {
    width: 1.3333333333vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step3.isActive::before {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step3.isActive::after {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step3.isActive > div {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step3 > div {
  width: 0.0520833333vw;
  height: 0.0520833333vw;
  background-color: #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step3 > div {
    width: 0.2666666667vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step4 {
  width: 0.6770833333vw;
  height: 0.0520833333vw;
  background-color: #fff;
  margin: 0 0.2604166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step4 {
    width: 2.6666666667vw;
    height: 0.2666666667vw;
    margin: 0 1.3333333333vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step4.isActive {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step5 {
  position: relative;
  width: 1.9791666667vw;
  height: 0.6770833333vw;
  border-right: 1px solid #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step5 {
    width: 7.2vw;
    height: 2.4vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step5.isActive {
  border-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step5.isActive > div {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step5.isActive > div::before {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step5.isActive > div::after {
  background-color: #00b1ff;
}
.facai .section-wide .bgWrapper .progressWrapper .step5 > div {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.6145833333vw;
  height: 0.0520833333vw;
  background-color: #fff;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step5 > div {
    width: 5.3333333333vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step5 > div::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.3645833333vw;
  height: 0.0520833333vw;
  background-color: #fff;
  transform: translateY(-50%) rotate(45deg);
  transform-origin: 100% 100%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step5 > div::before {
    width: 1.3333333333vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper .progressWrapper .step5 > div::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.3125vw;
  height: 0.0520833333vw;
  background-color: #fff;
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: 100% 100%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-wide .bgWrapper .progressWrapper .step5 > div::after {
    width: 1.0666666667vw;
    height: 0.2666666667vw;
  }
}
.facai .section-wide .bgWrapper img {
  height: 100%;
  width: auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-macro {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-macro .macro-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: calc(100vh - 52px);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-macro .macro-container {
    height: auto;
    flex-direction: column-reverse;
  }
}
.facai .section-macro .textWrapper {
  width: 18.125vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 7.1354166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-macro .textWrapper {
    width: 84vw;
    height: auto;
    margin-right: 0;
    margin-top: 10.6666666667vw;
  }
}
.facai .section-macro .textWrapper .section-title {
  color: #fff;
}
.facai .section-macro .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-macro .bgWrapper {
  width: 62.2395833333vw;
  height: 100%;
  overflow: hidden;
  transform: rotate(0);
  position: relative;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-macro .bgWrapper {
    width: 100%;
    height: auto;
  }
}
.facai .section-macro .bgWrapper.isActive .far {
  filter: blur(1px);
}
.facai .section-macro .bgWrapper.isActive .near {
  opacity: 1;
  transition-delay: 0.7s;
}
.facai .section-macro .bgWrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai .section-macro .bgWrapper .far {
  transition: filter 0.7s ease;
}
.facai .section-macro .bgWrapper .near {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.7s ease;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-zoom {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-zoom .zoom-container {
  display: flex;
  align-items: center;
  height: calc(100vh - 52px);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-zoom .zoom-container {
    height: auto;
    flex-direction: column;
  }
}
.facai .section-zoom .textWrapper {
  width: 19.0104166667vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-left: 7.1354166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-zoom .textWrapper {
    width: 84vw;
    height: auto;
    margin-left: 0;
    margin-top: 10.6666666667vw;
  }
}
.facai .section-zoom .textWrapper .section-title {
  color: #fff;
}
.facai .section-zoom .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-zoom .bgWrapper {
  position: relative;
  width: 62.2395833333vw;
  height: 100%;
  overflow: hidden;
  transform: rotate(0);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-zoom .bgWrapper {
    width: 100%;
    height: auto;
  }
}
.facai .section-zoom .bgWrapper.isActive1 picture:nth-of-type(2) img {
  opacity: 1;
}
.facai .section-zoom .bgWrapper.isActive2 picture:nth-of-type(3) img {
  opacity: 1;
}
.facai .section-zoom .bgWrapper.isActive3 picture:nth-of-type(4) img {
  opacity: 1;
}
.facai .section-zoom .bgWrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai .section-zoom .bgWrapper picture:not(:first-of-type) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.facai .section-zoom .bgWrapper picture:not(:first-of-type) img {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.facai .section-zoom .bgWrapper .btnWrapper {
  position: absolute;
  bottom: 4.8958333333vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5729166667vw 1.25vw;
  background: rgba(217, 217, 217, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 2.6041666667vw;
  display: flex;
  align-items: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-zoom .bgWrapper .btnWrapper {
    bottom: 8vw;
    padding: 3.2vw 5.3333333333vw;
    border-radius: 13.3333333333vw;
  }
}
.facai .section-zoom .bgWrapper .btnWrapper button {
  width: 1.6666666667vw;
  font-size: 0.8333333333vw;
  color: #d0d0d0;
  text-align: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-zoom .bgWrapper .btnWrapper button {
    width: 6.9333333333vw;
    font-size: 3.7333333333vw;
  }
}
.facai .section-zoom .bgWrapper .btnWrapper button.isActive {
  font-family: "Avenir Next Medium", "HYQiHei70S";
  color: #fff;
}
.facai .section-zoom .bgWrapper .btnWrapper .line {
  width: 1.1458333333vw;
  border-bottom: 1px solid #d0d0d0;
  margin: 0 0.2604166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-zoom .bgWrapper .btnWrapper .line {
    width: 5.3333333333vw;
    margin: 0 1.3333333333vw;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-fcamera {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-fcamera .fcamera-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: calc(100vh - 52px);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-fcamera .fcamera-container {
    height: auto;
    flex-direction: column-reverse;
  }
}
.facai .section-fcamera .textWrapper {
  width: 18.125vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 7.1354166667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-fcamera .textWrapper {
    width: 84vw;
    height: auto;
    margin-right: 0;
    margin-top: 10.6666666667vw;
    display: block;
  }
}
.facai .section-fcamera .textWrapper .section-title {
  color: #fff;
}
.facai .section-fcamera .textWrapper .section-desc {
  color: #d0d0d0;
}
.facai .section-fcamera .bgWrapper {
  width: 62.2395833333vw;
  height: 100%;
  overflow: hidden;
  transform: rotate(0);
  position: relative;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-fcamera .bgWrapper {
    width: 100%;
    height: auto;
  }
}
.facai .section-fcamera .bgWrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai .outer5 {
  padding: 9.4166666667vw 0;
  background: linear-gradient(207.52deg, #f9f9f9 15.94%, #eee 87.33%);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .outer5 {
    padding: 26.6666666667vw 0;
  }
}
.facai .section-scene .scene-container {
  width: 75vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .scene-container {
    width: 100%;
  }
}
.facai .section-scene .topWrapper {
  display: flex;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .topWrapper {
    align-items: center;
  }
}
.facai .section-scene .topWrapper .textWrapper {
  width: 32.2916666667vw;
  transform: translateY(5.7291666667vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .topWrapper .textWrapper {
    width: 52vw;
    padding: 0 5.3333333333vw 0 8vw;
    transform: translateY(-26.6666666667vw);
  }
  .facai .section-scene .topWrapper .textWrapper .section-title {
    font-size: 5.3333333333vw;
  }
  .facai .section-scene .topWrapper .textWrapper .section-subTitle {
    font-size: 4.2666666667vw;
  }
  .facai .section-scene .topWrapper .textWrapper .section-desc {
    font-size: 3.7333333333vw;
  }
}
.facai .section-scene .topWrapper .bgWrapper {
  width: 33.59375vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .topWrapper .bgWrapper {
    width: 48vw;
  }
}
.facai .section-scene .botWrapper {
  position: relative;
  margin-top: -13.5416666667vw;
  display: flex;
  justify-content: space-between;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper {
    width: 84vw;
    margin: -56vw auto 0;
    display: block;
  }
}
.facai .section-scene .botWrapper > div {
  width: 18.125vw;
  background-color: #fff;
  border-radius: 0.8604166667vw;
  padding: 4.1666666667vw 0 2.0833333333vw;
  
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper > div {
    width: 100%;
    border-radius: 1.3333333333vw;
    padding: 14.9333333333vw 0 8vw;
  }
  .facai .section-scene .botWrapper > div:not(:first-of-type) {
    margin-top: 8vw;
  }
}
.facai .section-scene .botWrapper .bgWrapper {
  width: 11.4583333333vw;
  height: 11.4583333333vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .bgWrapper {
    width: 47.6vw;
    height: 47.6vw;
  }
}
.facai .section-scene .botWrapper .bgWrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.facai .section-scene .botWrapper .textWrapper {
  text-align: center;
  margin-top: 3.6458333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .textWrapper {
    margin-top: 9.6vw;
  }
}
.facai .section-scene .botWrapper .textWrapper h3 {
  font-family: "Avenir Next Medium", "HYQiHei70S";
  font-size: 1.25vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .textWrapper h3 {
    font-size: 5.3333333333vw;
  }
}
.facai .section-scene .botWrapper .textWrapper p {
  font-size: 1.0416666667vw;
  color: #707070;
  margin: 1.0416666667vw 0;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .textWrapper p {
    font-size: 4.2666666667vw;
    margin: 4vw 0;
  }
}
.facai .section-scene .botWrapper .textWrapper a {
  display: inline-block;
  color: #256fff;
  font-size: 0;
}
.facai .section-scene .botWrapper .textWrapper a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.7291666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .textWrapper a span {
    font-size: 3.2vw;
  }
}
.facai .section-scene .botWrapper .textWrapper a span.isArrow {
  width: 1vw;
  transform: translateY(0.0520833333vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .textWrapper a span.isArrow {
    width: 4vw;
    transform: translateY(0.2666666667vw);
  }
}
.facai .section-scene .botWrapper .iconWrapper {
  display: flex;
  justify-content: center;
}
.facai .section-scene .botWrapper .iconWrapper .icon {
  width: 0.78125vw;
  height: 0.78125vw;
  border-radius: 100%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .iconWrapper .icon {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
  }
}
.facai .section-scene .botWrapper .iconWrapper.wrapper1 .icon1 {
  background: #d5ba9c;
}
.facai .section-scene .botWrapper .iconWrapper.wrapper1 .icon2 {
  border: 1px solid #e9e9e9;
  margin: 0 0.5208333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .iconWrapper.wrapper1 .icon2 {
    margin: 0 2.1333333333vw;
  }
}
.facai .section-scene .botWrapper .iconWrapper.wrapper1 .icon3 {
  background: #707070;
}
.facai .section-scene .botWrapper .iconWrapper.wrapper2 .icon1 {
  background: #bbe0e3;
}
.facai .section-scene .botWrapper .iconWrapper.wrapper2 .icon2 {
  background: #d5ba9c;
  margin: 0 0.5208333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .iconWrapper.wrapper2 .icon2 {
    margin: 0 2.1333333333vw;
  }
}
.facai .section-scene .botWrapper .iconWrapper.wrapper2 .icon3 {
  background: #7482a6;
}
.facai .section-scene .botWrapper .iconWrapper.wrapper3 .icon1 {
  border: 1px solid #e9e9e9;
}
.facai .section-scene .botWrapper .iconWrapper.wrapper3 .icon2 {
  background: #e9e9e9;
  margin: 0 0.5208333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-scene .botWrapper .iconWrapper.wrapper3 .icon2 {
    margin: 0 2.1333333333vw;
  }
}
.facai .section-scene .botWrapper .iconWrapper.wrapper3 .icon3 {
  background: #000;
}
.facai .section24 {
  height: 150vh;
}
.facai .section24 .section24-container {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  height: calc(100vh - 52px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.facai .section25 {
  margin-top: 10.4166666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section25 {
    margin-top: 26.6666666667vw;
  }
}
.facai .section25 .section25-container {
  width: 62.5vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section25 .section25-container {
    width: 84vw;
  }
}
.facai .section25 .section25-container p {
  font-size: 0.8333333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section25 .section25-container p {
    font-size: 12px;
  }
}
.facai .section-vip {
  margin-top: 10.4166666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-vip .vip-container {
  width: 62.5vw;
  margin: 0 auto;
  text-align: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .vip-container {
    width: 84vw;
  }
}
.facai .section-vip .container1 .section-title sup {
  top: -0.3645833333vw !important;
}
.facai .section-vip .container1 .vip-wrapper {
  border-radius: 1.0416666667vw;
  background: linear-gradient(70deg, #000, #303030);
  margin-top: 2.0833333333vw;
  padding-bottom: 4.1666666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .vip-wrapper {
    margin-top: 8vw;
    padding-bottom: 8vw;
    border-radius: 5.3333333333vw;
  }
}
.facai .section-vip .container1 .topWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4.6875vw 4.1666666667vw 4.1666666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .topWrapper {
    padding: 8vw 5.3333333333vw;
    flex-direction: column;
  }
}
.facai .section-vip .container1 .topWrapper .iconWrapper {
  width: 41.9270833333vw;
  display: flex;
  align-items: flex-start;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .topWrapper .iconWrapper {
    margin-top: 5.3333333333vw;
    width: 100%;
    flex-wrap: wrap;
  }
}
.facai .section-vip .container1 .topWrapper .iconWrapper .icon {
  width: 25%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .topWrapper .iconWrapper .icon {
    width: 50%;
  }
  .facai .section-vip .container1 .topWrapper .iconWrapper .icon.icon1, .facai .section-vip .container1 .topWrapper .iconWrapper .icon.icon2 {
    margin-bottom: 5.3333333333vw;
  }
}
.facai .section-vip .container1 .topWrapper .iconWrapper img {
  width: 2.8645833333vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .topWrapper .iconWrapper img {
    width: 12vw;
  }
}
.facai .section-vip .container1 .topWrapper .iconWrapper p {
  position: relative;
  display: inline-block;
  font-size: 0.7291666667vw;
  color: #fbc899;
  margin: 1.0416666667vw 0;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .topWrapper .iconWrapper p {
    font-size: 3.2vw;
    margin: 2.6666666667vw 0;
  }
}
.facai .section-vip .container1 .topWrapper .iconWrapper span {
  display: block;
  font-size: 0.625vw;
  color: #fff;
  opacity: 0.8;
  white-space: nowrap;
}
@media (min-width: 1366px) and (max-width: 1440px) {
  .facai .section-vip .container1 .topWrapper .iconWrapper span {
    width: 70%;
    margin: 0 auto;
    white-space: normal;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .topWrapper .iconWrapper span {
    font-size: 2.1333333333vw;
  }
}
.facai .section-vip .container1 .botWrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4.1666666667vw 4.1666666667vw 1.0416666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .botWrapper {
    padding: 8vw 5.3333333333vw 0;
    flex-direction: column;
  }
}
.facai .section-vip .container1 .botWrapper .iconWrapper {
  width: 41.9270833333vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .botWrapper .iconWrapper {
    margin-top: 5.3333333333vw;
    width: 100%;
  }
}
.facai .section-vip .container1 .botWrapper .iconWrapper .icon {
  width: 16.1458333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .botWrapper .iconWrapper .icon {
    width: 50%;
  }
}
.facai .section-vip .container1 .botWrapper .iconWrapper img {
  width: 2.8645833333vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .botWrapper .iconWrapper img {
    width: 12vw;
  }
}
.facai .section-vip .container1 .botWrapper .iconWrapper p {
  position: relative;
  display: inline-block;
  font-size: 0.7291666667vw;
  color: #fbc899;
  margin: 1.0416666667vw 0;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .botWrapper .iconWrapper p {
    font-size: 3.2vw;
    margin: 2.6666666667vw 0;
  }
}
.facai .section-vip .container1 .botWrapper .iconWrapper span {
  display: block;
  font-size: 0.625vw;
  color: #fff;
  opacity: 0.8;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .botWrapper .iconWrapper span {
    font-size: 2.1333333333vw;
  }
}
.facai .section-vip .container1 .line {
  width: 54.1666666667vw;
  height: 1px;
  margin: 0 auto;
  background: linear-gradient(0deg, #fef6d7, #fbc899 50%, #9f735b);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .line {
    width: 78.6666666667vw;
  }
}
.facai .section-vip .container1 .titleWrapper {
  width: 12.2395833333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container1 .titleWrapper {
    width: 100%;
  }
}
.facai .section-vip .container1 .section-subTitle {
  position: relative;
  display: inline-block;
  color: #fbc899;
  margin-top: 0;
}
.facai .section-vip .container1 a {
  display: inline-block;
  font-size: 0.8333333333vw;
  padding: 0.5208333333vw 1.5625vw;
  border-radius: 2.6041666667vw;
  border: 1px solid #256fff;
  color: #256fff;
  margin-top: 2.0833333333vw;
}
@media (max-aspect-ratio: 678/669) {
  .facai .section-vip .container1 a {
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw 8vw;
    border-radius: 13.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.facai .section-vip .container2 {
  margin-top: 1.0416666667vw;
  display: flex;
  justify-content: space-between;
}
@media (max-aspect-ratio: 678/669) {
  .facai .section-vip .container2 {
    margin-top: 0;
    flex-direction: column;
  }
}
.facai .section-vip .container2 .vip-wrapper {
  border-radius: 1.0416666667vw;
  background-color: #18191e;
  padding: 5.2083333333vw 3.125vw 4.1666666667vw;
  width: 30.7291666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-vip .container2 .vip-wrapper {
    border-radius: 1.3333333333vw;
    margin-top: 5.3333333333vw;
    padding: 10.6666666667vw 6.6666666667vw;
    width: 100%;
    border-radius: 5.3333333333vw;
  }
}
.facai .section-vip .container2 .vip-wrapper img {
  width: auto;
  height: 8.3333333333vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) {
  .facai .section-vip .container2 .vip-wrapper img {
    height: 25.3333333333vw;
  }
}
.facai .section-vip .container2 .vip-wrapper h3 {
  font-family: "Avenir Next Medium", "HYQiHei70S";
  font-size: 3.6458333333vw;
  color: #fff;
}
@media (max-aspect-ratio: 678/669) {
  .facai .section-vip .container2 .vip-wrapper h3 {
    font-size: 8.2666666667vw;
  }
}
.facai .section-vip .container2 .vip-wrapper p {
  font-size: 1.09375vw;
  color: #999;
  margin-top: 0.5208333333vw;
}
@media (max-aspect-ratio: 678/669) {
  .facai .section-vip .container2 .vip-wrapper p {
    font-size: 4.2666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.facai .section-vip .container2 .vip-wrapper a {
  display: inline-block;
  font-size: 0.8333333333vw;
  padding: 0.5208333333vw 1.5625vw;
  border-radius: 2.6041666667vw;
  border: 1px solid #256fff;
  color: #256fff;
  margin-top: 2.0833333333vw;
}
@media (max-aspect-ratio: 678/669) {
  .facai .section-vip .container2 .vip-wrapper a {
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw 8vw;
    border-radius: 13.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.facai .video-pop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0, 0, 0);
  display: none;
  z-index: 12;
}
.facai .video-pop.isActive {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .video-pop.isActive {
    align-items: center;
  }
}
.facai .video-pop.isTvc .popupcloseBtn.isSleep {
  display: none;
}
.facai .video-pop.isSleep .popupcloseBtn.isTvc {
  display: none;
}
.facai .video-pop .popupcloseBtn {
  position: absolute;
  top: 7.2916666667vw;
  right: 3.125vw;
  width: 2.2916666667vw;
  height: 2.2916666667vw;
  display: block;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .video-pop .popupcloseBtn {
    top: 32vw;
    right: 8vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) and (min-width: 500px) {
  .facai .video-pop .popupcloseBtn {
    top: 24vw;
  }
}
.facai .video-pop .popupcloseBtn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2291666667vw;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
  transform-origin: 0% 0%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .video-pop .popupcloseBtn::before {
    width: 7.2vw;
  }
}
.facai .video-pop .popupcloseBtn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.2291666667vw;
  height: 1px;
  background-color: #fff;
  transform: rotate(-45deg);
  transform-origin: 0% 0%;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .video-pop .popupcloseBtn::after {
    width: 7.2vw;
  }
}
.facai .video-pop .pop-container {
  width: 100%;
}
.facai .outer2 {
  padding-bottom: 10.4166666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .outer2 {
    padding-bottom: 26.6666666667vw;
  }
}
.facai .outer3 {
  background-color: #000;
}
.facai .outer4 {
  background-color: #000;
  padding-bottom: 5.2083333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .outer4 {
    padding-bottom: 26.6666666667vw;
  }
}
.facai .facai-slideNav-container {
  position: relative;
}
.facai #facai-slideNavWrapper {
  display: none;
}
@media (min-aspect-ratio: 679/669) {
  @supports (mix-blend-mode: difference) {
    .facai #facai-slideNavWrapper {
      position: absolute;
      top: calc(100vh - 51px - 180px);
      left: 0;
      width: 0;
      z-index: 7;
      display: block;
      height: calc(100% - (100vh - 51px) - 180px);
      mix-blend-mode: difference;
    }
    .facai #facai-slideNavWrapper > div {
      position: -webkit-sticky;
      position: sticky;
      top: calc(100vh - 51px - 180px);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      left: 0;
      width: 135px;
      height: 0;
      white-space: nowrap;
      z-index: 8;
    }
  }
}
.facai #facai-slideNavWrapper svg {
  position: absolute;
  left: 30px;
  top: 0;
  width: 18px;
  height: 18px;
  transition: all 0.5s ease;
  opacity: 0;
}
.facai #facai-slideNavWrapper svg circle {
  stroke: #211d1e;
  stroke-width: 2px;
  fill: none;
  stroke-linecap: butt;
  stroke-dasharray: 49.9416;
  stroke-dashoffset: 49.9416;
  transition: stroke 0.5s ease;
}
.facai #facai-slideNavWrapper a:link,
.facai #facai-slideNavWrapper a:visited {
  display: block;
  width: 100%;
  height: 18px;
  position: relative;
  box-sizing: content-box;
  color: #fff;
  text-decoration: none;
  margin-top: 15px;
}
.facai #facai-slideNavWrapper a:link span,
.facai #facai-slideNavWrapper a:visited span {
  position: relative;
  display: block;
  line-height: 18px;
  opacity: 0;
  transition: all 0.5s ease;
  margin-left: 60px;
  font-size: 14px;
}
.facai #facai-slideNavWrapper a:link::before,
.facai #facai-slideNavWrapper a:visited::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 38px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff;
}
.facai #facai-slideNavWrapper a:link::after,
.facai #facai-slideNavWrapper a:visited::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 30px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 245, 0.25);
  opacity: 0;
  transition: all 0.5s ease;
}
.facai #facai-slideNavWrapper a:link.facai-slideNav-active span,
.facai #facai-slideNavWrapper a:visited.facai-slideNav-active span {
  opacity: 1;
}
.facai #facai-slideNavWrapper a:link.facai-slideNav-active svg,
.facai #facai-slideNavWrapper a:visited.facai-slideNav-active svg {
  opacity: 1;
  transform: rotate(-90deg);
}
.facai #facai-slideNavWrapper a:link.facai-slideNav-active::after,
.facai #facai-slideNavWrapper a:visited.facai-slideNav-active::after {
  opacity: 1;
}
.facai #facai-slideNavWrapper a:hover span {
  opacity: 1;
  transform: translateX(8px);
}
.facai #facai-slideNavWrapper a:hover svg {
  opacity: 1;
  transform: rotate(-90deg);
}
.facai #facai-slideNavWrapper a:hover::after {
  opacity: 1;
}
.facai #facai-slideNavWrapper circle {
  stroke: #fff !important;
}
.facai .section-accessory {
  overflow: hidden;
  margin-top: 10.4166666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory {
    margin-top: 26.6666666667vw;
  }
}
.facai .section-accessory .accessory-container {
  width: 75vw;
  margin: 0 auto;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container {
    width: 92vw;
    margin-left: 8vw;
  }
}
.facai .section-accessory .accessory-container #swiper-accessory {
  margin-top: 2.0833333333vw;
}
.facai .section-accessory .accessory-container #swiper-accessory .swiper-wrapper {
  justify-content: space-between;
}
.facai .section-accessory .accessory-container #swiper-accessory .swiper-slide {
  border-radius: 0.2604166667vw;
  background: #fff;
  padding: 3.6458333333vw 0;
  width: 24.4270833333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container #swiper-accessory .swiper-slide {
    border-radius: 1.3333333333vw;
    width: 3.7333333333vw;
    padding: 14.9333333333vw 0 8vw;
  }
}
.facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-bgWrapper {
  width: 15.5208333333vw;
  height: 15.5208333333vw;
  margin: 0 auto;
}
.facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-bgWrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-bgWrapper {
    width: 39.7333333333vw;
    height: 39.7333333333vw;
  }
}
.facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper {
  text-align: center;
}
.facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper p {
  font-size: 1.25vw;
  font-family: "Avenir Next Medium", "HYQiHei70S";
  color: #18191a;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper p {
    font-size: 4.2666666667vw;
  }
}
.facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper a {
  color: #256fff;
  text-decoration: none;
  /* font-size: 0.729vw; */
  font-size: 0;
  display: inline-block;
}
.facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper a span {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.7291666667vw;
  line-height: 1;
  color: #256fff;
}
.facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper a span.isArrow {
  width: 1vw;
  transform: translateY(-0.0520833333vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper a {
    opacity: 1;
    transform: translateX(2vw);
  }
  .facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper a span {
    font-size: 3.2vw;
  }
  .facai .section-accessory .accessory-container #swiper-accessory .swiper-slide .accessory-textWrapper a span.isArrow {
    width: 4vw;
    transform: none;
  }
}
.facai .section-accessory .accessory-container .swiper-accessoryBtn {
  position: absolute;
  top: 2.5vw;
  width: 2.5vw;
  z-index: 3;
  cursor: pointer;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container .swiper-accessoryBtn {
    display: none;
  }
}
.facai .section-accessory .accessory-container .swiper-accessoryBtn#swiper-accessoryBtn-prev {
  left: 80.2708333333vw;
  transform: rotate(180deg);
}
.facai .section-accessory .accessory-container .swiper-accessoryBtn#swiper-accessoryBtn-next {
  left: 83.3958333333vw;
}
.facai .section-accessory .accessory-container .accessory-progressWrapper {
  position: relative;
  height: 2px;
  border-radius: 1px;
  background: #d0d0d0;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container .accessory-progressWrapper {
    width: 89.6vw;
  }
}
.facai .section-accessory .accessory-container .accessory-progressWrapper > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 29.1666666667vw;
  height: 2px;
  border-radius: 1px;
  background: #000;
  transition: all 0.6s ease;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container .accessory-progressWrapper > div {
    width: 29.8666666667vw;
  }
}
.facai .section-accessory .accessory-container .accessory-progressWrapper > div.active1 {
  transform: translateX(29.1666666667vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container .accessory-progressWrapper > div.active1 {
    transform: translateX(29.8666666667vw);
  }
}
.facai .section-accessory .accessory-container .accessory-progressWrapper > div.active2 {
  transform: translateX(58.3333333333vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container .accessory-progressWrapper > div.active2 {
    transform: translateX(59.7333333333vw);
  }
}
.facai .section-accessory .accessory-container .accessory-progressWrapper > div.active4 {
  transform: translateX(29.1666666667vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container .accessory-progressWrapper > div.active4 {
    transform: translateX(29.8666666667vw);
  }
}
.facai .section-accessory .accessory-container .accessory-progressWrapper > div.active5 {
  transform: translateX(58.3333333333vw);
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .section-accessory .accessory-container .accessory-progressWrapper > div.active5 {
    transform: translateX(59.7333333333vw);
  }
}
.facai .lange-space-15 {
  height: 0.78125vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .lange-space-15 {
    height: 4vw;
  }
}
.facai .lange-space-40 {
  height: 2.0833333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .lange-space-40 {
    height: 9.6vw;
  }
}
.facai .lange-space-50 {
  height: 2.6041666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .lange-space-50 {
    height: 6.6666666667vw;
  }
}
.facai .lange-space-60 {
  height: 3.125vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .lange-space-60 {
    height: 8vw;
  }
}
.facai .lange-space-80 {
  height: 4.1666666667vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .lange-space-80 {
    height: 10.6666666667vw;
  }
}
.facai .lange-space-100 {
  height: 5.2083333333vw;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .lange-space-100 {
    height: 26.6666666667vw;
  }
}
.facai .facai-mobShow {
  display: none !important;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai .facai-mobShow {
    display: block !important;
  }
  .facai .facai-pcShow {
    display: none !important;
  }
}
.facai .facai-wxShow {
  display: none;
}
.facai.facai-isWx video {
  display: none;
}
.facai.facai-isWx video#video-popup {
  display: block;
}
.facai.facai-isWx .facai-wxShow {
  display: block;
}
.facai.facai-isWx .section1 .videoWrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facai.facai-isWx .section-design .videoWrapper {
  height: calc(100vh - 102px);
}
.facai.facai-isWx .videoWrapper {
  position: relative;
}
.facai.facai-isWx .playBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21.3333333333vw;
  height: 21.3333333333vw;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  border-radius: 100%;
  z-index: 6;
}
.facai.facai-isWx .playBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-45%, -50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0.5208333333vw solid transparent;
  border-left: 1.0416666667vw solid #fff;
  border-bottom: 0.5208333333vw solid transparent;
}
@media (max-aspect-ratio: 678/669) and (max-width: 850px) {
  .facai.facai-isWx .playBtn::after {
    border-top: 2.6666666667vw solid transparent;
    border-left: 5.3333333333vw solid #fff;
    border-bottom: 2.6666666667vw solid transparent;
  }
  .facai.facai-isWx .playBtn.isBlack {
    border-color: #000;
  }
}

body.isActive {
  overflow: hidden;
}


.index_caselist_card .caselist-title{color:#1e2330;font-size:40px;text-align:center;margin-top:80px;font-weight:700}
.index_caselist_card .list{margin:50px auto 0;padding-left:1px;padding-right:1px;padding-top:10px;overflow:hidden}
.index_caselist_card .list li>a>img{background:#a9abb2}
.index_caselist_card .list li{float:left;width:30%;height:380px;margin-right:40px;margin-bottom:40px;background:#fff;border-radius:10px;overflow:hidden;-webkit-box-shadow:0 2px 5px #e2dede;box-shadow:0 2px 5px #e2dede;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.index_caselist_card .list li:nth-of-type(3n){margin-right:0}
.index_caselist_card .list li a{display:block;width:100%;height:100%;position:relative}
.index_caselist_card .list li a img{display:inline-block;width:100%;height:200px;vertical-align:top}
.index_caselist_card .list li a .content{text-align:left;padding-left:20px;padding-right:20px}
.index_caselist_card .list li a .content h3{font-size:24px;margin-top:24px;margin-bottom:14px;color:#333;font-weight: bold}
.index_caselist_card .list li a .content p{color:#888;font-size:14px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.index_caselist_card .list li a .content .foot{position:absolute;bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.index_caselist_card .list li a .content .foot .logo{width:140px;height:40px}
.index_caselist_card .list li a .content .foot span{font-size:14px;color:#a6a6a6;-ms-flex-item-align:end;align-self:flex-end;margin-bottom:5px}
.index_caselist_card .list li-last-of-type{margin-right:0}
.index_caselist_card .list li:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1)}
.index_caselist_card .check_all_case{display:block;text-align:center;cursor:pointer;width:288px;height:58px;margin:20px auto 80px;border-radius:2px;line-height:58px;font-size:16px;color:#222;border:1px solid #ccc;-webkit-transition:all .2s ease-in 0s;transition:all .2s ease-in 0s}
.index_caselist_card .check_all_case:hover{border:1px solid #a8abb3}
.index_caselist_card .check_all_case:active{border:1px solid #a8abb3;background-color:#ebedf2}




[class^="csv4-"],[class^="csv4-"] *{-webkit-box-sizing:border-box;box-sizing:border-box}
.csv4 .csv4-container{width:100%;padding:0 72px;max-width:none}
.csv4 .csv4-wrap{max-width:1600px;width:100%;margin:0 auto}
.csv4 .csv4-title{font-size:48px;color:#000;line-height:63px;font-weight:bold;text-align:center;margin-left:auto;margin-right:auto;max-width:920px}
.csv4 .csv4-desc{font-size:24px;text-align:center;line-height:36px;color:rgba(0,0,0,.5);margin-left:auto;margin-right:auto;max-width:920px}
.csv4 .csv4-sub-title{font-size:24px;color:#000;line-height:31px;font-weight:bold}
.csv4-ptm{padding-top:100px;padding-bottom:100px}
.csv4 .csv4-title-pm{padding-bottom:80px}
.csv4-more{text-align:center}
.csv4-more a,.csv4-link a{font-size:16px;color:#2788d9;line-height:16px;display:inline-block;position:relative}
.csv4-link a{padding-right:16px}
.csv4-more a{padding-left:20px}
.csv4-link a:before{content:'';display:inline-block;width:16px;height:16px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;background-position:-509px -744px}
.csv4-more a:after{content:'';display:inline-block;width:14px;height:14px;background-image:url('../images/support-v3/csv4_plus.svg');background-repeat:no-repeat;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.csv4 img{width:100%;height:auto;will-change:transform}
@media(min-width:1200px){.csv4 .a_hover:hover{text-decoration:underline}
.csv4 .a_link:hover:before{right:-4px}
.csv4 .a_more:hover{color:#004aaf}
.csv4-more a:hover:after{background-position:-28px 0}
}
@media(max-width:1600px) and (min-width:1367px){.csv4-ptm{padding-top:80px;padding-bottom:80px}
.csv4 .csv4-container{padding:0 40px}
.csv4 .csv4-title-pm{padding-bottom:56px}
}
@media(max-width:1599.98px) and (min-width:768px){.csv4 .csv4-container{padding:0 32px}
}
@media(max-width:1366px) and (min-width:768px){.csv4-ptm{padding-top:45px;padding-bottom:45px}
.csv4 .csv4-title{font-size:32px;line-height:43px}
.csv4 .csv4-desc{font-size:20px;line-height:30px}
.csv4 .csv4-title-pm{padding-bottom:32px}
}
@media(max-width:991.98px){.csv4-ptm{padding-top:50px;padding-bottom:50px}
.csv4 .csv4-title{font-size:36px;line-height:42px}
.csv4 .csv4-title-pm{padding-bottom:40px}
}
@media(max-width:767.98px){.csv4 .csv4-container{padding:0 5.3334vw}
.csv4-ptm{padding-top:13.3334vw;padding-bottom:13.3334vw}
.csv4 .csv4-title{font-size:6.4vw;color:#000;line-height:8.4vw}
.csv4 .csv4-desc{font-size:3.2vw;color:rgba(0,0,0,.5);line-height:4.8vw}
.csv4 .csv4-title-pm{padding-bottom:10.6667vw}
.csv4 .csv4-sub-title{font-size:4.26667vw;line-height:5.73334vw}
.csv4-more a,.csv4-link a{font-size:3.2vw;line-height:4.8vw}
.csv4-link a{padding-right:3.2vw}
.csv4-more a{padding-left:3.6667vw}
.csv4-link a:before{background-position:unset;width:3.2vw;height:3.2vw;background-size:cover}
.csv4-more a:after{width:3.2vw;height:3.2vw;background-image:url('../images/support-v3/csv4_plus_mob.svg');background-size:cover;top:45%}
}
html[dir=rtl] .csv4-link a{padding-right:0;padding-left:16px}
html[dir=rtl] .csv4-link a:before{right:auto;left:0;transform:translateY(-50%) rotate(180deg)}
@media(min-width:1200px){html[dir=rtl] .csv4 .a_link:hover:before{right:auto;left:-4px}
}
html[dir=rtl] .csv4-more a{padding-left:0;padding-right:20px}
html[dir=rtl] .csv4-more a:after{right:0;left:auto}
@media(max-width:767.98px){html[dir=rtl] .csv4-link a{padding-left:3.2vw;padding-right:0}
html[dir=rtl] .csv4-more a{padding-right:3.6667vw;padding-left:0}
}

.csv4-solutions{overflow:hidden}
.csv4-solutions .csv4-solutions-container{width:100%;padding:0 72px;max-width:none}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap{max-width:1284px;width:100%;margin:0 auto;padding:80px 0}
@media screen and (max-width:1366px){.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap{padding:64px 0}
}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-title{font-size:48px;line-height:63px;font-weight:bold;text-align:center;margin-bottom:54px}
.csv4-solutions.contentPageForNewStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-title{font-size:48px;line-height:63px;margin-bottom:64px}
@media screen and (max-width:1366px) and (min-width:768px){.csv4-solutions.contentPageForNewStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-title{font-size:32px;line-height:48px;margin-bottom:32px}
}
@media screen and (min-width:991.98px){.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row.center{justify-content:center}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-col{-webkit-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%;width:100%;padding-right:12px;padding-left:12px}
}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card{text-align:center;padding:80px 48px;margin-bottom:24px;border:1px solid #d8d8d8;border-radius:24px;background-color:#fff}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-img{width:64px;height:64px;margin:0 auto 48px}
.csv4-solutions-card-img2{width:300px !important;height:200px !important;}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-title{margin-bottom:16px}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-title a{font-weight:bold; color:#0089F7}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-sub_title{font-family:FZLTHJW--GB1-0;font-size:16px;color:#767676;line-height:24px}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more{display:none}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more .a_pack{display:none}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more .a_more:after{background-position:0 1px}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more .a_pack:after{content:'';display:inline-block;width:14px;height:2px;background-image:url('../images/support-v3/csv4_plus.svg');background-repeat:no-repeat;background-position:0 -5px;position:absolute;left:0;top:50%;transform:translateY(0)}
.csv4-solutions .csv4-solutions-link-btn{margin-top:48px;text-align:center;display:none}
.csv4-solutions .csv4-solutions-link-btn a{color:#000;display:inline-block;font-size:13px;line-height:24px;font-weight:bold;padding:10px 26px;border:2px solid #b2b2b2;border-radius:24px;min-width:120px;text-align:center;-webkit-transition:.3s ease-out;transition:.3s ease-out}
@media screen and (min-width:1200px){.csv4-solutions .csv4-solutions-card:hover .csv4-solutions-card-title a{text-decoration:underline}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more .a_pack:hover:after{background-position:-28px -5px}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more .a_pack:hover{color:#004aaf}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more .a_more:hover:after{background-position:-28px 1px}
.csv4-solutions .csv4-solutions-link-btn a:hover{border-color:#000}
}
@media screen and (max-width:1599.98px) and (min-width:768.98px){.csv4-solutions .csv4-solutions-container{padding:0 32px}
}
@media screen and (min-width:768px){.hi-drives-repair-service-component .hi-drives-repair-service-component-icon-item{width:20%;margin-right:0}
.hi-drives-repair-service-component .hi-drives-repair-service-component-icon-row-2 .hi-drives-repair-service-component-icon-item{width:40%}
.hi-drives-repair-service-component .hi-drives-repair-service-component-icon-row-4 .hi-drives-repair-service-component-icon-item{width:20%}
.hi-drives-repair-service-component .hi-drives-repair-service-component-icon-row-5 .hi-drives-repair-service-component-icon-item{width:18%}
.hi-drives-repair-service-component .hi-drives-repair-service-component-icon-row-6 .hi-drives-repair-service-component-icon-item{width:16.6%}
.hi-drives-repair-service-component .hi-drives-repair-service-component-icon-row{max-width:1170px}
.hi-drives-repair-service-component .hi-drives-repair-service-component-icon-row-2{width:auto;justify-content:center}
.hi-drives-repair-service-component .hi-drives-repair-service-component-icon-row-4{width:auto;justify-content:center}
.hi-drives-repair-service-component .hi-drives-repair-service-component-icon-row-6{width:auto;justify-content:center}
}
@media screen and (max-width:1025px){.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card{padding:64px 32px}
}
@media screen and (max-width:991.98px){.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-img{width:120px;height:120px}
.csv4-solutions .csv4-solutions-link-btn{display:block}
}
@media screen and (max-width:768.98px){.csv4-solutions .csv4-solutions-container{padding:0}
}
@media screen and (max-width:767.98px){.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap{padding:13.3334vw 0 10vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-title{font-size:6.4vw;line-height:9.6vw;margin-bottom:10.6667vw}
.csv4-solutions.contentPageForNewStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-title{font-size:6.4vw;line-height:9.6vw;margin-bottom:8.53334vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card{padding:13.33334vw;border-radius:16px;margin-bottom:3.2vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-img{width:16vw;height:16vw;margin-bottom:8.53334vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-title{margin-bottom:2.13334vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-title a{font-size:12px;line-height:1.5}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-sub_title{font-size:2.666666vw;line-height:1.5}
.csv4-solutions .csv4-solutions-link-btn{margin-top:8.53334vw}
.csv4-solutions .csv4-solutions-link-btn a{font-size:3.2vw;line-height:3.6vw;border:2px solid #b2b2b2;border-radius:38px;padding:3.3334vw 6.93334vw;min-width:26.6667vw}
}
@media screen and (min-width:992px){html[dir=rtl] .hi-drives-repair-service-component .hi-drives-repair-service-component-box.styleV2 .hi-drives-repair-service-component-imginfo-info{padding:0 0 0 80px}
html[dir=rtl] .hi-drives-repair-service-component .hi-drives-repair-service-component-box.styleV2 .hi-drives-repair-service-component-imginfo-item:nth-child(2n) .hi-drives-repair-service-component-imginfo-info{padding:0 80px 0 0}
}
@media screen and (max-width:1367px) and (min-width:991.98px){html[dir=rtl] .hi-drives-repair-service-component .hi-drives-repair-service-component-box.styleV2 .hi-drives-repair-service-component-imginfo-info{padding:0 0 0 60px}
html[dir=rtl] .hi-drives-repair-service-component .hi-drives-repair-service-component-box.styleV2 .hi-drives-repair-service-component-imginfo-item:nth-child(2n) .hi-drives-repair-service-component-imginfo-info{padding:0 60px 0 0}
}
.hi-drives-repair-service.lineFourPageStyle{background:#f7f8fa}
.conv3_wrap>.hi-drives-repair-service-component{border:0}
@media screen and (min-width:992px){.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-title a{font-size:24px;line-height:27px;cursor:pointer}
.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}
.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-col{-webkit-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%;padding-right:12px;padding-left:12px}
.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card{border:0;padding:56px 32px;margin-bottom:24px;cursor:pointer;-webkit-transition:.3s ease-out;transition:.3s ease-out}
.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.04);-webkit-transform:translateY(-4px);transform:translateY(-4px)}
.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-img{margin:0 auto 32px}
.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-title a{font-size:20px;line-height:30px}
.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-sub_title{font-size:14px;line-height:20px}
.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-title{margin-bottom:9px}
.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap{max-width:1212px;padding:0 0 120px;margin-top:120px}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more{margin-top:56px}
}
@media screen and (max-width:991.98px){.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1.066666vw;margin-left:-1.066666vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-col{-webkit-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%;padding-right:1.066666vw;padding-left:1.066666vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card{margin-bottom:2.133333vw;border:0}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-img{width:9.6vw;height:9.6vw;margin:6.4vw auto 4.266666vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-title a{font-size:3.2vw;line-height:1.5}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card{padding:4.266666vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-row .csv4-solutions-card .csv4-solutions-card-sub_title{margin-bottom:4.266666vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more{margin-top:8.533333vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap{padding:0 0 13.3333vw;margin-top:10.6666vw}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-more a:after{width:12px;height:12px}
.csv4-solutions .csv4-solutions-container .csv4-solutions-wrap .csv4-solutions-more.csv4-more .a_pack:after{background-size:auto}
}
@media screen and (min-width:992px) and (max-height:760px){.csv4-solutions.lineFourPageStyle .csv4-solutions-container .csv4-solutions-wrap{margin-top:60px}
}


.serve-compare{border-radius:40px;overflow:hidden;}
.serve-compare .serve-list{display:inline-block;width:545px;text-align:center;margin-left:-3px}
.serve-compare .serve-list.center{position:absolute;background-image:linear-gradient(-45deg,#edeff3,#f8f8f8 41%,#fdfefe);box-shadow:4px 4px 20px 0 rgba(204,213,230,.8);z-index:99}
.serve-compare .serve-list.center .serve-list-item{border-bottom:1px solid #fff}
.serve-compare .serve-list.center .serve-list-item:first-child .icon{display:inline-block;width:50px;height:30px;margin-top:17px;background-image:url(i-2.png);background-repeat:no-repeat;background-position:-2px -326px}
.serve-compare .serve-list.left{margin-left:0;background-color:#F5FCFB}
.serve-compare .serve-list.left .serve-list-item{border-bottom:1px solid #Fff;border-left:1px solid #F5FCFB}
.serve-compare .serve-list.left .serve-list-item:first-child{background-color:#FAFAFC;font-size:20px;font-weight:900;color:#394961}
.serve-compare .serve-list.right{z-index:9;background-color:#f5fbfa;margin-left:183px}
.serve-compare .serve-list.right .serve-list-item{border-bottom:1px solid #Fff;border-right:1px solid #F5FCFB}
.serve-compare .serve-list.right .serve-list-item:first-child{background-image:linear-gradient(136deg,#4fdcc2,#0c92f1);color:#fff;font-size:20px;font-weight:900}
.serve-compare .serve-list .serve-list-item{height:64px;line-height:64px}
.serve-compare .serve-list.center{width:184px}