@charset "UTF-8";

html,
body {
  background-color: #101227;
  font-size: max(min(calc(100vh / 9.83), calc(100vw / 16.8)), 29px);
  overflow: hidden;
}

#fullscreen-slide-swiper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  min-width: 500px;
  height: 100vh;
  min-height: 375px;
  overflow: hidden;
}

.fullscreen-slide {
  position: relative;
  width: 100vw;
  min-width: 500px;
  height: 100vh;
  min-height: 375px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fullscreen-slide-content {
  position: relative;
  width: 16.8rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.fs-welcome-content {
  width: 8rem;
  height: 3.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.fs-welcome-frame {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../imgs/welcome_bg.jpg);
}

.fs-lt-logo {
  position: absolute;
  left: calc(50vw - 8.4rem);
  top: .39rem;
  height: .5rem;
  width: 1.69rem;
  min-width: 84.5px;
  min-height: 25px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../imgs/logo.png);
}

.fullscreen-slide-swiper-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: auto;
}

.title-first-row,
.title-second-row {
  position: relative;
  width: 7.5rem;
  height: .68rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: white;
  font-size: .48rem;
  letter-spacing: .13rem;
}

.fsw-comment-swiper {
  position: relative;
  width: 2.9rem;
  height: .56rem;
  overflow: hidden;
}

.fsw-comment-swiper .swiper-wrapper {
  flex-direction: column;
}

.fsw-comment-swiper-item {
  position: relative;
  width: 2.7rem;
  height: .56rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.subtitle-text {
  position: relative;
  margin-top: .23rem;
  width: 8rem;
  font-size: .13rem;
  color: #999999;
  text-align: center;
  line-height: .24rem;
  letter-spacing: .01rem;
}

.fsw-comment-item-content {
  position: relative;
  width: 2.7rem;
  height: .54rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.fsw-comment-avatar-locator {
  position: relative;
  width: 0.1rem;
  height: 0.54rem;
  z-index: 200;
}

.fsw-comment-avatar {
  position: absolute;
  left: 0;
  top: 0;
  height: .54rem;
  width: .54rem;
  border-radius: .27rem;
}

.fsw-comment-text {
  position: relative;
  color: #999999;
  font-size: .12rem;
  letter-spacing: 0;
  line-height: .45rem;
  width: 2.7rem;
  height: .45rem;
  padding-left: .67rem;
  border-radius: .15rem;
  background-color: rgba(81, 197, 236, 0.1);
  text-overflow: ellipsis;
  overflow: hidden;
  max-lines: 1;
  z-index: 100;
}

.fs-introduction-frame,
.fs-cases-frame,
.fs-utatesting-frame {
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-image: url(../imgs/start_bg_2or4.jpg);
}

.fs-progress-frame {
  background-position: center;
  background-size: cover;
  background-image: url(../imgs/start_bg_3.jpg);
}

.fs-introduction-content {
  position: relative;
  width: 16.2rem;
  height: 7.96rem;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.fsi-box {
  float: left;
  position: relative;
  width: 3.83rem;
  height: 7.96rem;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.fsi-box.collapsed {
  width: 1.2rem;
  border: solid 1px #165466;
  background-color: #101227;
}

.fsi-box.collapsed:hover {
  border: solid 1px #25eef6;
  background-color: transparent;
}

.fsi-box.expanded {
  width: 12.6rem;
  background-color: #2d4766;
  z-index: 90;
}

.fsi-box>.fsi-box-content-expanded,
.fsi-box>.fsi-box-content-collapsed-off,
.fsi-box>.fsi-box-content-collapsed-on,
.fsi-box>.fsi-box-content-default-on {
  opacity: 0;
}

.fsi-box:hover>.fsi-box-content-expanded,
.fsi-box:hover>.fsi-box-content-collapsed-off,
.fsi-box:hover>.fsi-box-content-collapsed-on,
.fsi-box:hover>.fsi-box-content-default-off {
  opacity: 0;
}

.fsi-box:hover>.fsi-box-content-default-on {
  opacity: 1;
}

.fsi-box.expanded>.fsi-box-content-default-on,
.fsi-box.expanded>.fsi-box-content-collapsed-off,
.fsi-box.expanded>.fsi-box-content-collapsed-on,
.fsi-box.expanded>.fsi-box-content-default-off {
  opacity: 0;
}

.fsi-box.expanded>.fsi-box-content-expanded {
  opacity: 1;
  z-index: 110;
}

.fsi-box.collapsed>.fsi-box-content-default-on,
.fsi-box.collapsed>.fsi-box-content-collapsed-on,
.fsi-box.collapsed>.fsi-box-content-expanded,
.fsi-box.collapsed>.fsi-box-content-default-off {
  opacity: 0;
}

.fsi-box.collapsed>.fsi-box-content-collapsed-off {
  opacity: 1;
}

.fsi-box.collapsed:hover>.fsi-box-content-default-on,
.fsi-box.collapsed:hover>.fsi-box-content-collapsed-off,
.fsi-box.collapsed:hover>.fsi-box-content-expanded,
.fsi-box.collapsed:hover>.fsi-box-content-default-off {
  opacity: 0;
}

.fsi-box.collapsed:hover>.fsi-box-content-collapsed-on {
  opacity: 1;
}

.fsi-box-content {
  position: absolute;
  width: 100%;
  height: 100%;
}

.inner-img {
  position: absolute;
  width: 90%;
  height: 90%;
  object-fit: contain;
  left: 5%;
  top: 5%;
}

.fsi-box-content-default-off,
.fsi-box-content-default-on {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 100;
}

.fsi-box-content-default-off {
  color: white;
}

.fsi-box-content-default-on {
  color: #25eef6;
}

.fsi-box-content-collapsed-off,
.fsi-box-content-collapsed-on {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 100;
}

.fsi-box-content-collapsed-off {
  color: #143e50;
}

.fsi-box-content-collapsed-on {
  color: #25eef6;
}

.intro-card1 .fsi-box-content-default-off {
  background-image: url(../imgs/card1_off.jpg);
}

.intro-card1 .fsi-box-content-default-on {
  background-image: url(../imgs/card1_on.jpg);

}

.intro-card2 .fsi-box-content-default-off {
  background-image: url(../imgs/card2_off.jpg);

}

.intro-card2 .fsi-box-content-default-on {
  background-image: url(../imgs/card2_on.jpg);

}

.intro-card3 .fsi-box-content-default-off {
  background-image: url(../imgs/card3_off.jpg);

}

.intro-card3 .fsi-box-content-default-on {
  background-image: url(../imgs/card3_on.jpg);

}

.intro-card4 .fsi-box-content-default-off {
  background-image: url(../imgs/card4_off.jpg);

}

.intro-card4 .fsi-box-content-default-on {
  background-image: url(../imgs/card4_on.jpg);

}

.fsi-card-title-number {
  position: relative;
  margin-top: 1.57rem;
  text-align: center;
  font-size: .54rem;
  font-weight: bold;
}

.fsi-card-title-text {
  position: relative;
  margin-top: .1rem;
  text-align: center;
  font-size: .24rem;
}

.fsi-card-icon {
  position: relative;
  width: 100%;
  height: .86rem;
  margin-top: 2.6rem;
  object-fit: contain;
}

.fsi-card-title-number-collapsed {
  position: relative;
  font-size: .3rem;
}

.fsi-card-icon-collapsed {
  position: relative;
  margin-top: .28rem;
  width: .53rem;
  height: .53rem;
  object-fit: contain;
}


.fsi-box-content-inner-right.small,
.fsi-box-content-inner-left.small {
  width: 2rem;
  position: absolute;
  top: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #c6cfd9;
}


.fsi-box-content-inner-right.large,
.fsi-box-content-inner-left.large {
  position: absolute;
  top: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.fsi-box-content-inner-right.small {
  background-image: url(../imgs/card_right_small_bg.jpg);
  right: 0;
}

.fsi-box-content-inner-left.small {
  background-image: url(../imgs/card_left_small_bg.jpg);
  left: 0;
}

.fsi-box-content-inner-right.large {
  left: 2.01rem;
  right: 0;
}

.fsi-box-content-inner-left.large {
  left: 0;
  right: 2.01rem;
}

.intro-card1 .large {
  background-image: url(../imgs/card1_large.jpg);
}

.intro-card2 .large {
  background-image: url(../imgs/card2_large.jpg);
}

.intro-card3 .large {
  background-image: url(../imgs/card3_large3.jpg);
}

.intro-card4 .large {
  background-image: url(../imgs/card4_large.jpg);
}

.fsi-box-content-inner-number {
  position: relative;
  font-size: .6rem;
  margin-left: .5rem;
  margin-top: 1.4rem;
  font-weight: bold;
}

.fsi-box-content-inner-text {
  position: relative;
  font-size: .28rem;
  margin-left: .5rem;
  margin-top: .15rem;
  line-height: .42rem;
}

.fsi-box-content-inner-icon {
  position: relative;
  width: 100%;
  height: 1rem;
  object-fit: contain;
  margin-top: 2.4rem;
}

.fsp-title {
  position: relative;
  text-align: center;
  font-size: .42rem;
  font-weight: bold;
  letter-spacing: .04rem;
  background-image: linear-gradient(to right, #51c5ec, #ffffff, #51c5ec);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fsp-subtitle {
  margin-top: .16rem;
  position: relative;
  text-align: center;
  font-size: .24rem;
  letter-spacing: -0.02rem;
  color: #b4bdd7;
  opacity: 0.3;
}

.fsp-main-area {
  position: relative;
  width: 16.8rem;
  height: 4.1rem;
  margin-top: 1rem;
}

.fsp-line-bg {
  position: absolute;
  left: -0.1rem;
  right: -0.1rem;
  top: .17rem;
  height: .02rem;
  background-image: linear-gradient(to right, rgba(81, 197, 236, 0.1), rgba(81, 197, 236, 0.6) 5%, rgba(81, 197, 236, 0.6) 95%, rgba(81, 197, 236, 0.1));
}

.fsp-line-point-hot-area {
  position: absolute;
  height: .36rem;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.fsp-line-point {
  position: absolute;
  z-index: 1300;
  width: .36rem;
  height: .36rem;
  background-color: #0e0e21;
  border: solid .01rem #d7d7d7;
  border-radius: .18rem;
  line-height: .36rem;
  color: #d7d7d7;
  font-size: .18rem;
  text-align: center;
  top: 0;
}

.highlight>.fsp-line-point {
  border: none;
  background-color: transparent;
}

.fsp-line-label {
  position: absolute;
  z-index: 1200;
  top: .48rem;
  height: .33rem;
  text-align: center;
  font-size: .24rem;
  color: #999999;
  line-height: .33rem;
}

.highlight>.fsp-line-label {
  color: white;
}

.fsp-line-point-hot-area.progress1 {
  left: .93rem;
  width: 2.22rem;
  /* background-color: rgba(255, 0, 0, 0.1); */
}

.progress1>.fsp-line-point {
  left: .4rem;
}

.progress1>.fsp-line-label {
  left: 0;
  width: 1.16rem;
}


.fsp-line-point-hot-area.progress2_3 {
  left: 3.32rem;
  width: 3.46rem;
}

.progress2_3>.fsp-line-point.first {
  left: .4rem;
}

.progress2_3>.fsp-line-point.last {
  right: .4rem;
}

.progress2_3>.fsp-line-label.first {
  left: 0;
  width: 1.16rem;
}

.progress2_3>.fsp-line-label.last {
  right: 0;
  width: 1.16rem;
}

.fsp-line-point-hot-area.progress4 {
  left: 7.08rem;
  width: 2rem;
}

.progress4>.fsp-line-point {
  right: .4rem;
}

.progress4>.fsp-line-label {
  right: 0;
  width: 1.16rem;
}

.fsp-line-point-hot-area.progress5 {
  left: 9.38rem;
  width: 2rem;
}

.progress5>.fsp-line-point {
  right: .4rem;
}

.progress5>.fsp-line-label {
  right: 0;
  width: 1.16rem;
}

.fsp-line-point-hot-area.progress6 {
  left: 11.68rem;
  width: 2rem;
}

.progress6>.fsp-line-point {
  right: .4rem;
}

.progress6>.fsp-line-label {
  right: 0;
  width: 1.16rem;
}

.fsp-line-point-hot-area.progress7 {
  left: 13.98rem;
  width: 2rem;
}

.progress7>.fsp-line-point {
  right: .4rem;
}

.progress7>.fsp-line-label {
  right: 0;
  width: 1.16rem;
}

.fsp-line-point-on {
  display: none;
  position: absolute;
  top: -0.07rem;
  width: 1.44rem;
  height: 1.58rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../imgs/guangxian.png);
  z-index: 1100;
}

.highlight>.fsp-line-point-on,
.highlight>.fsp-line-on {
  display: block;
}
.highlight>.fsp-float-frame {
  display: flex;
}

.progress1>.fsp-line-point-on {
  left: -0.14rem;
}

.progress2_3>.fsp-line-point-on.first {
  left: -0.14rem;
}

.progress2_3>.fsp-line-point-on.last {
  right: -0.14rem;
}

.progress4 .fsp-line-point-on,
.progress5 .fsp-line-point-on,
.progress6 .fsp-line-point-on,
.progress7 .fsp-line-point-on {
  right: -0.14rem;
}

.fsp-line-on {
  display: none;
  position: absolute;
  z-index: 900;
  height: .02rem;
  background-color: #51c5ec;
  top: .17rem;
}

.fsp-line-on-dot {
  position: absolute;
  width: .22rem;
  height: .22rem;
  top: -0.1rem;
  right: -0.1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../imgs/jindu.png);
  background-size: contain;
}

.progress1 .fsp-line-on {
  width: 2.17rem;
}

.progress2_3 .fsp-line-on {
  width: 1.94rem;
  left: .76rem;
}

.progress4 .fsp-line-on,
.progress5 .fsp-line-on,
.progress6 .fsp-line-on,
.progress7 .fsp-line-on {
  width: 1.94rem;
  right: .76rem;
}

.fsp-float-frame {
  position: absolute;
  top: 1rem;
  display: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left top;
  font-size: .18rem;
  color: #74c2da;
  padding-left: .46rem;
  padding-right: .49rem;
  line-height: .25rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.progress1 .fsp-float-frame {
  width: 7.5rem;
  height: 2.38rem;
  left: -0.57rem;
  background-image: url(../imgs/p1frame.png);
}

.progress2_3 .fsp-float-frame {
  width: 7.5rem;
  height: 2.38rem;
  left: -1.62rem;
  background-image: url(../imgs/p2frame.png);
}

.progress4 .fsp-float-frame {
  width: 6.49rem;
  height: 2.38rem;
  right: -2.67rem;
  padding-right: .39rem;
  padding-bottom: .1rem;
  /* UI稿上第四个浮窗的右侧边距明显小于 前几个浮窗 需要单独设置 */
  background-image: url(../imgs/p4frame.png);
}

.progress5 .fsp-float-frame {
  width: 6.5rem;
  height: 1.88rem;
  right: -2.71rem;
  background-image: url(../imgs/p5frame.png);
}

.progress6 .fsp-float-frame {
  width: 7.5rem;
  height: 2.58rem;
  right: -2.62rem;
  background-image: url(../imgs/p6frame.png);
}

.progress7 .fsp-float-frame {
  width: 5.2rem;
  height: 1.48rem;
  right: -0.62rem;
  font-size: .18rem;
  padding-right: .39rem;
  background-image: url(../imgs/p7frame.png);
}

.fsp-em-span {
  /* color: #b4bdd7; */
  color: #818899;
  opacity: 0.8;
}


.fs-cases-content {
  position: relative;
  height: 8.16rem;
}

.fsc-title {
  position: relative;
  text-align: center;
  font-size: .42rem;
  font-weight: bold;
  letter-spacing: .04rem;
  background-image: linear-gradient(to right, #51c5ec, #ffffff, #51c5ec);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fsc-subtitle {
  margin-top: .16rem;
  position: relative;
  text-align: center;
  font-size: .24rem;
  color: #b4bdd7;
  opacity: 0.3;
}

.fsc-big-img {
  position: relative;
  width: 16.56rem;
  height: 7.12rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../imgs/cases_left_big_img.jpg);

}

.fsc-default-frame {
  position: absolute;
  height: 1.68rem;
  padding-right: .5rem;
  padding-left: .46rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
}

.fsc-default-frame.korea {
  width: 6rem;
  left: 10.37rem;
  top: .55rem;
  background-image: url(../imgs/case-korea-off.png);
  /* background-image: url(../imgs/case-korea-on.png); */
}

.fsc-default-frame.japan {
  width: 5rem;
  left: 9.24rem;
  top: 2.66rem;
  background-image: url(../imgs/case-japan-off.png);
  /* background-image: url(../imgs/case-japan-on.png); */
}

.fsc-default-frame.usa {
  width: 5.2rem;
  left: 10.37rem;
  top: 4.86rem;
  background-image: url(../imgs/case-usa-off.png);
  /* background-image: url(../imgs/case-usa-on.png); */
}

.fsc-default-frame.korea:hover {
  background-image: url(../imgs/case-korea-on2.png);
}

.fsc-default-frame.japan:hover {
  background-image: url(../imgs/case-japan-on2.png);
}

.fsc-default-frame.usa:hover {
  background-image: url(../imgs/case-usa-on2.png);
}

.fsc-frame-title {
  position: relative;
  text-align: left;
  font-size: .3rem;
  font-weight: bold;
  background-image: linear-gradient(to right, #51c5ec, #ffffff, #51c5ec);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.7;
}

.fsc-default-frame:hover .fsc-frame-title {
  opacity: 1;
}

.fsc-frame-subtitle {
  margin-top: .06rem;
  position: relative;
  text-align: left;
  font-size: .16rem;
  color: #b4bdd7;
  opacity: 0.3;
}

.fsc-default-frame:hover .fsc-frame-subtitle {
  opacity: 1;
}

.fullscreen-slide-content-cover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  
  transition: all .5s;
  -webkit-transition: all .5s;
}

.fullscreen-slide-content-cover-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fullscreen-slide-content-cover-inner>.fs-cases-content {
  width: 15.2rem;
}

.fullscreen-slide-content-cover .fsc-popup-window {
  /* display: none; */
  position: absolute;
  left: 0;
  width: 15.2rem;
  height: 6.54rem;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../imgs/fsc-popup-window-frame.png);
}

.fullscreen-slide-content-cover.korea .fsc-popup-window.korea,
.fullscreen-slide-content-cover.japan .fsc-popup-window.japan,
.fullscreen-slide-content-cover.usa .fsc-popup-window.usa {
  display: block;
}


.fsc-popup-title {
  position: absolute;
  color: white;
  font-size: .3rem;
  width: 5.1rem;
  height: .62rem;
  text-align: center;
  line-height: .62rem;
  left: 5rem;
  top: 1.3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../imgs/fsc-popup-window-title-bg.png);
}

.fsc-popup-close-button {
  position: absolute;
  top: .75rem;
  right: 1.55rem;
  width: .48rem;
  height: .48rem;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../imgs/close.png);
}

.fsc-popup-text-left,
.fsc-popup-text-right,
.fsc-popup-middle-line {
  position: absolute;
  height: 3rem;
  color: #74c2da;
  background-position: center;
  background-repeat: no-repeat;
}

.fsc-popup-text-left,
.fsc-popup-text-right {
  top: 2.56rem;
  font-size: .2rem;
  text-align: left;
  line-height: .42rem;
}

.fsc-popup-text-left {
  width: 4rem;
  left: 3.14rem;
}

.fsc-popup-middle-line {
  left: 7.4rem;
  top: 2.66rem;
  width: .02rem;
  background-image: url(../imgs/fsc-popup-middle-line.png);
}

.fsc-popup-text-right {
  width: 4.27rem;
  left: 8.04rem;
}

.fsc-popup-left-btn,
.fsc-popup-right-btn {
  position: absolute;
  top: 3.73rem;
  width: .36rem;
  height: .63rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}

.fsc-popup-left-btn {
  left: 1.57rem;
  background-image: url(../imgs/fsc-popup-left-btn.png);
}

.fsc-popup-right-btn {
  right: 1.57rem;
  background-image: url(../imgs/fsc-popup-right-btn.png);
}


.fs-utatesting-frame {
  overflow-y: auto;
  overflow-x: none;
}

.fs-utatesting-frame .fullscreen-slide-content {
  position: relative;
  width: 100%;
  height: 100vh;
  max-height: 9.69rem;
  display: block;
}

.fs-utatesting-frame.show-footer .fullscreen-slide-content {
  height: 13.23rem;
  max-height: 13.23rem;
}

.fs-footer {
  position: relative;
  display: none;
  width: 100vw;
  height: 2.81rem;
  align-items: center;
  justify-content: center;
}

.fs-footer-inner {
  position: relative;
  width: 17rem;
  height: 2.81rem;
}

.fs-utatesting-frame.show-footer .fs-footer {
  display: flex;
}

.fsu-content-inner {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.fsu-content-swiper {
  position: relative;
  width: 16rem;
  height: 9.3rem;
  overflow: hidden;
}

.fixed-float-buttons {
  position: fixed;
  right: .55rem;
  bottom: 1.15rem;
  width: .48rem;
  height: auto;
}

.float-button {
  position: relative;
  width: .48rem;
  height: .48rem;
  border-radius: .24rem;
  cursor: pointer;
  margin-top: .24rem;
  font-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.back-to-top-btn {
  background-image: url(../imgs/top_on.jpg);
}

.back-to-top-btn:hover {
  opacity: 0.9;
}

.contact-us-btn {
  background-image: url(../imgs/contact_on.jpg);
}

.contact-us-btn:hover {
  opacity: 0.9;
}

.fixed-float-window {
  position: fixed;
  right: 1.11rem;
  width: 2.5rem;
  height: 3.8rem;
  bottom: 1.15rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../imgs/contact-us-content.jpg);
  display: none;
  border-radius: .1rem;
  overflow: hidden;
}

.fixed-float-window-close-btn {
  position: absolute;
  width: .24rem;
  height: .24rem;
  top: .1rem;
  right: .17rem;
  cursor: pointer;
}

.fsu-content-swiper .swiper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.fsu-item-title {
  position: relative;
  font-size: .42rem;
  font-weight: bold;
  margin-top: 1rem;
  background-image: linear-gradient(to right, #51c5ec, #ffffff, #51c5ec);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fsu-item-subtitle {
  position: relative;
  font-size: .3rem;
  margin-top: .3rem;
  font-weight: bold;
  background-image: linear-gradient(to right, #51c5ec, #ffffff, #51c5ec);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fsu-item-img {
  position: relative;
  margin-top: -0.9rem;
  width: 14.31rem;
  height: 6.61rem;
  object-fit: contain;
}

a.fsu-item-button {
  position: relative;
  width: 1.44rem;
  height: .55rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../imgs/watch_box.png);
  text-decoration: none;
  color: #51c5ec;
  font-size: .18rem;
  line-height: .55rem;
  text-align: center;
  margin-top: -0.15rem;
  /* 原图下方有空隙，跟UI稿原margin-top比还多了15所以这里减回去 */
}

.split-line {
  position: absolute;
  left: calc(50vw - 8rem);
  width: 16rem;
  top: calc(100vh - .84rem);
  height: .44rem;
  /* border-bottom: solid .01rem rgba(81, 197, 236, 0.2); */
  overflow: hidden;
}

.split-line-bottom-border {
  position: absolute;
  bottom: 0;
  left: 0;
  height: .01rem;
  width: 100%;
  background-image: linear-gradient(to right, rgba(81, 197, 236, 0), rgba(81, 197, 236, 0.2) 5%, rgba(81, 197, 236, 0.2) 95%, rgba(81, 197, 236, 0));
}

a.footer-ba {
  position: absolute;
  bottom: .3rem;
  width: 100%;
  text-align: center;
  color: #999999;
  font-size: .14rem;
  text-decoration: none;
}

/* animation: running_sprite_anima infinite 20s */
.running_sprite {
  position: absolute;
  animation-name: running_sprite_anima;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 15s;
  bottom: 0;
}

@keyframes running_sprite_anima {
  0% {
    transform: translate(-0.43rem);
  }

  100% {
    transform: translate(16rem);
  }
}

.footer-main-content {
  position: absolute;
  width: 16rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 2.3rem;
}

.footer-main-left {
  position: relative;
  width: 1.69rem;
  height: 0.5rem;
  margin-left: 1rem;
}

.footer-main-right {
  position: relative;
  width: 4rem;
  height: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.footer-uta-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.69rem;
  height: 0.5rem;
}

.footer-right-qrcode {
  position: relative;
  width: 1.19rem;
  height: 1.19rem;
  object-fit: contain;
  margin-right: .3rem;

}

.footer-right-texts {
  position: relative;
  width: 2.6rem;
  height: 1.9rem;
  font-size: .14rem;
  color: #d7d7d7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.footer-bottom-bg-lt {
  position: absolute;
  bottom: 0;
  left: -1.1rem;
  width: 3.9rem;
  height: 1.59rem;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../imgs/bottom_lt_deco.png);
}

.footer-bottom-bg-rt {
  position: absolute;
  bottom: 0;
  right: -1.1em;
  width: 7.78rem;
  height: 2.81rem;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../imgs/bottom_rt_deco2.png);
}

#fsu-content-swiper .swiper-pagination {
  bottom: .15rem;
  left: calc(50% - 0.36rem);
  /* 计算坐标居中 */
}

#fsu-content-swiper .swiper-pagination-bullet {
  width: .10rem;
  height: .10rem;
  transition: all .5s;
  background-color: rgb(255, 255, 255, 0.9);
  border-radius: .05rem;
  margin-left: .05rem;
  margin-right: .05rem;
}

#fsu-content-swiper .swiper-pagination-bullet-active {
  width: .32rem;
  background-color: #51c5ec;
  border-radius: .05rem;
  height: .10rem;
  margin-left: .05rem;
  margin-right: .05rem;
}

.fsi-box-content-inner-left.small,
.fsi-box-content-inner-right.small {
  cursor: pointer;
}