.wrp {
  width: 100%;
  height: 100%;
  position: relative;
}
/* html,body{height:100%;overflow:hidden;} */
.loading {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 222;
}
.page{
  width:100%;
  padding: 35px 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.first-screen {
  position: relative;
  height: 100%;
  padding-top: 30%;
  box-sizing: border-box;
  background-image: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/-bk1@2x.7aba049.png);
  background-position: center;
  background-size: cover;
}
.first-screen .first-bottom {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%)
}
.first-screen .first-bottom .next-wrap {
  margin-top: 1.6rem;
  display: flex;
  display: -webkit-flex;
  align-items:center;
  justify-content:center;
}
.first-screen .first-bottom .next-wrap .text {
  color: #999;
  font-size: 1.2rem;
  margin-right: 5px;
}

.first-screen .first-bottom .next-wrap img {
  width: 1.1rem
}
.first-screen .first-bottom  .by {
  margin-top: 1.5rem;
  width:12rem;
  display: block;
}

.video-screen {
  position: relative;
}
.video-screen .video{
  width: 100%;
  height: auto;
}
.video-screen .text-wrap {
  position: absolute;
  z-index: 1;
  width: 60%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.video-screen .text-wrap .play-icon{
  width: 4.5rem;
}
.video-screen .text-wrap .text {
  color: #fff;
  font-size: 1.6rem;
  margin-top: 1.4rem;
}
.video-screen .text-wrap .text_2 {
  font-family: PingFangSC-Regular;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 0.01px;
  line-height: 26px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.20);
  margin-top:10px;
}
.video-screen .video-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background: red; */
  z-index: 2;
  display: flex;
  align-items:center;
  justify-content:center;
}
.video-screen .video-wrap .video{
  width: 100%;
}

.page-center {
  overflow: hidden;
  text-align: center;
}
.fixed-download-btn {
  height:auto;
  width:16.7rem;
}
.fixed-next {
  width:1.6rem;
  height:auto;
  margin:0 auto;
  display: block;
  position:absolute;
  bottom:1rem;
  left:50%;
  transform: translate(-50%, 0)
}
.download-wrp {
  position: fixed;
  bottom:1.5rem;
  left:50%;
  transform: translate(-50%, 0);
  text-align: center;
  opacity: 0;
}

.fifth-screen {
  background-image: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/-bk_dot@2x.80c3280.jpg);
  background-position: center;
  background-size: cover;
}
.seventh-screen {
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAU2Au4DAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAECBv/aAAwDAQACEAMQAAAA0992AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAQoIUAEKCFABCghQAQoIUAEKCFABCghQAQoIUAEKCFABCghQAQoIUAEKCFABCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACKAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQACJQAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkAAoIAACggAAKCAAAoIAACggAAKCAAAoIAACggAAKCAAAoIAACggAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAoICkAKCApACggKQAoICkAKCApACggKQAoICkAKCApACggKQAoICkAKCApACggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAoBCkAKAQpACgEKQAoBCkAKAQpACgEKQAoBCkAKAQpACgEKQAoBCkAKAQpACgAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAIACgAgAKACAAoAIACgAgAKACAAoAIACgAgAKACAAoAIACgAgAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAKQpAACkKQAApCkAAKQpAACkKQAApCkAAKQpAACkKQAApCkAAKQpAACkKQAAKCFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQQoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICggAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUEAKQoBACkKAQApCgEAKQoBACkKAQApCgEAKQoBACkKAQApCgEAKQoBACkKAQApAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAIFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQoICgEKCAoBCggKAQoICgEKCAoBCggKAQoICgEKCAoBCggKAQoICgEKCAoBCggKQpACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABACgAEAKAAQAoABACgAEAKAAQAoABACgAEAKAAQAoABACgAEAKAAQAoAIFABCghQAQoIUAEKCFABCghQAQoIUAEKCFABCghQAQoIUAEKCFABCghQAQoIUAEKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhSQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlWAAAJVgAACVYAAAlWAAAJVgAACVYAAAlWAAAJVgAACVYAAAlWAAAJVgAACVYEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAgAKACAAoAIACgAgAKACAAoAIACgAgAKACAAoAIACgAgAKACAAoICgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACFBCgAhQQoAIUEKACFBCgAhQQoAIUEKACFBCgAhQQoAIUEKACFBCgAhQQoAIU//xAAUEAEAAAAAAAAAAAAAAAAAAADQ/9oACAEBAAE/AHVL/8QAFBEBAAAAAAAAAAAAAAAAAAAA0P/aAAgBAgEBPwB1S//EABQRAQAAAAAAAAAAAAAAAAAAAND/2gAIAQMBAT8AdUv/2Q==);
  background-position: center;
  background-size: cover;
  position: relative;
}
.ns-tit {
  width:26.9rem;
  height:auto;
}
.ns-gif {
  width:32rem;
  margin-top: 1rem;
  height:auto;
}
.fs-center-img {
  width: 22rem;
  height:auto;
  margin:0 auto;
  display: block;
}
.fs-dw-btn {
  height:auto;
  width:16.7rem;
  margin:0 auto;
  margin-top:2.5rem;
  display: block;
}
.fs-next-wrp {
  position: absolute;
  left: 50%;
  bottom: 5rem;
  transform: translate(-50%, 0);
  width:100%;
}
.fs-next-btn {
  width:5rem;
  height:auto;
  margin:0 auto;
  display: block;
  transition: all 0.5s;
}
.fs-next-text {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color:#999;
  margin-top:20px;
}
.ss-tit {
  width:28rem;
  height:auto;
  display: block;
  margin:0 auto;
}
.ss-gif {
  width:32rem;
  height:auto;
  margin:0 auto;
  display: block;
  margin-top: 1rem;
}
.ts-tit {
  width:28rem;
  height:auto;
  display: block;
  margin:0 auto;
}
.ts-gif {
  width: auto;
  height:45rem;
  margin:0 auto;
  display: block;
  margin-top: 1rem;
}
.fs-tit {
  width:28rem;
  height:auto;
  display: block;
  margin:0 auto;
}
.fs-gif {
  width:33rem;
  height:auto;
  margin:0 auto;
  display: block;
  margin-top: 1rem;
}
.fifs-tit {
  width:28rem;
  height:auto;
  display: block;
  margin:0 auto;
}
.fifs-dot1 {
  width:5rem;
  height:auto;
  display: block;
  margin: 2rem 0 0 3rem;
}
.fifs-center-wrp {
  margin:0 auto;
  width:100%;
  display: flex;
  justify-content: center;
  margin-top:1rem;
  overflow: hidden;
}
.fifs-center-img {
  width: 7.5rem;
  height:9rem;
}
.fifs-dot2 {
  width:28rem;
  height:auto;
  display: block;
  margin:0 auto;
  margin-top:1rem;
}
.sixs-tit {
  width:28rem;
  height:auto;
  display: block;
  margin:0 auto;
}
.sixs-center {
  width:27.5rem;
  height:auto;
  margin:0 auto;
  display: block;
  margin-top: 2rem;
}
.sevens-tit {
  width:28rem;
  height:auto;
  display: block;
  margin:0 auto;
}
.sevens-center {
  width:25.5rem;
  height:auto;
  margin:0 auto;
  display: block;
  margin-top: 4rem;
}
.sevens-download {
  width:17rem;
  height:auto;
  display: block;
  margin:0 auto;
}
.heart-animation-wrp {
  /* width: 100%; */
  width: 27.5rem;
  height: 20rem;
  position: absolute;
  bottom: 0rem;
  left: 44%;
  transform: translateX(-50%);
  overflow: hidden;
}
.heart {
  width: 2.3rem;
  height:auto;
  position:absolute;
  bottom: 5.5rem;
  left:2rem;
}
.heart-1 {
  bottom: 3.5rem;
  left:4rem;
  opacity: 0.9;
}
.heart-2 {
  bottom:6rem;
  left: 6rem;
  opacity: 0.7;
}
.heart-3 {
  bottom:8.3rem;
  left:4rem;
  opacity: 0.5;
}
.heart-4 {
  bottom:10.5rem;
  left:1.5rem;
  opacity: 0.3;
}

.footer {
  overflow: hidden;
  text-align: center;
  background-color: #333;
  position: relative;
}
.footer a {
  text-decoration: none;
  color: white;
}
.footer .invite {
  margin: 0 auto;
  display: block;
  letter-spacing: 0.11px;
  text-align: center;
  margin-top: 5rem;
  color: white;
  font-size: 1.4rem;
}
.footer .arrow {
  margin: 0 auto;
  margin-top: 2rem;
  display: block;
  text-align: center;
}
.footer .arrow  img {
  width: 5rem
}
.footer .logo {
  display: block;
  margin: 2rem 0;
  text-align: center;
}
.footer .logo  img {
  width: 10rem
}
.footer .invite-text {
  text-align: center;
  line-height: 2.6rem;
  margin-top: 2rem;
  font-size: 1.4rem;
}
.footer .invite-text  .e-mail {
  text-decoration: underline;
}
.footer p {
  text-align: center;
  line-height: 2.6rem;
  color: white;
}
.footer .small {
  text-align: center;
  line-height: 1.8rem;
  margin-top: 4rem;
  margin-bottom: 3rem;
  font-size: 1.2rem;
  color: #999999;
}
.footer .small .tdn {
  color: #999999;
}

/* 视频弹窗 */
.modal-video {
  position: fixed;
  z-index: 100;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  /* background-color: white; */
  /* pointer-events: none;  */
}
.modal-video.hide {
  background-color: transparent;
  z-index: -1;
}
.modal-video .icon-close {
  position: absolute;
  width: 2rem;
  height: 2rem;
  top: 1.3rem;
  left: 1.3rem;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain;
  display: none;
}
.modal-video.hide  .icon-close {
  opacity: 0;
}
.modal-video .video-wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.modal-video .video-wrap .video{
  width: 100%;
  visibility: hidden;
}
.modal-video.hide .video-wrap .video{
  opacity: 0;

}

@media screen and (max-width: 375px) and (min-height: 690px) {
  .download-wrp {
    position: fixed;
    bottom:-1.5rem;
    left:50%;
    transform: translate(-50%, 0);
    text-align: center;
  }
  .heart-animation-wrp {
    width: 100%;
    height: 20rem;
    position: absolute;
    top:30rem;
    overflow: hidden;
  }
  .fs-center-img {
    width: 24rem;
    height:auto;
    margin:0 auto;
    display: block;
  }
  .fs-next-wrp {
    position: absolute;
    left: 50%;
    bottom: 10.5rem;
    transform: translate(-50%, 0);
    width:100%;
  }
  .fs-next-btn {
    width:5rem;
    height:auto;
    margin:0 auto;
    display: block;
  }
  .fs-next-text {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color:#999;
    margin-top:30px;
  }
  .fs-dw-btn {
    width:18rem;
    height:4.4rem;
    /* background: #FF3366; */
    /* border-radius: 7.9rem; */
    margin:0 auto;
    margin-top:2rem;
    display: block;
    overflow: hidden;
    font-family: 'PingFangSC-Medium';
    font-size: 15.84px;
    color: #FFFFFF;
    letter-spacing: -0.01px;
    text-align: center;
    line-height: 4.4rem;
  }
  .fifs-center-img {
    width: 9.5rem;
    height:11.4rem;
  }
  .fixed-next {
    width:2.4rem;
    height:auto;
    margin:0 auto;
    position:absolute;
    bottom:5rem;
    display: block;
    left:50%;
    transform: translate(-50%, 0)
  }
  .ss-tit {
    width:30rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .ss-gif {
    width:32rem;
    height:auto;
    margin:0 auto;
    display: block;
    margin-top: 24px;
  }
  .ts-tit {
    width:30rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .ts-gif {
    width: auto;
    height:44rem;
    margin:0 auto;
    display: block;
    margin-top: 24px;
  }
  .fs-tit {
    width:30rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .fs-gif {
    width:33rem;
    height:auto;
    margin:0 auto;
    display: block;
    margin-top: 24px;
  }
  .fifs-tit {
    width:30rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .fifs-dot1 {
    width:4rem;
    height:auto;
    display: block;
    margin: 2rem 0 0 0rem;
  }
  .fifs-dot2 {
    width:29rem;
    height:auto;
    display: block;
    margin:0 auto;
    margin-top:7.5rem;
  }
  .sixs-tit {
    width:30rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .sixs-center {
    width:31.5rem;
    height:auto;
    margin:0 auto;
    display: block;
    margin-top: 2.4rem;
  }
  .fixed-download-btn {
    height:auto;
    width:20.7rem;
  }
  .fs-dw-btn {
    height:auto;
    width:20.7rem;
    margin:0 auto;
    margin-top:2.5rem;
    display: block;
  }
  .sevens-download {
    width:19rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .sevens-center {
    width:25.5rem;
    height:auto;
    margin:0 auto;
    display: block;
    margin-top: 82px;
  }
  .sevens-tit {
    width:30rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
}
.new-logo img{
  width: 108px;
}
@media screen and (max-width: 360px) and (max-height:640px) {
  .new-logo img{
    width: 88px;
  }
  .fixed-download-btn {
    height:auto;
    width:16.7rem;
  }
  .fixed-next {
    width:1.6rem;
    height:auto;
    margin:0 auto;
    display: block;
    position:absolute;
    bottom:1rem;
    left:50%;
    transform: translate(-50%, 0)
  }
  .download-wrp {
    position: fixed;
    bottom:1.5rem;
    left:50%;
    transform: translate(-50%, 0);
    text-align: center;
    opacity: 0;
  }
  .by {
    margin: 0 auto;
    width:12rem;
    display: block;
    margin-top:10px;
  }
  .first-screen {
    background-image: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/-bk1@2x.7aba049.png);
    background-position: center;
    background-size: cover;
  }
  .fifth-screen {
    background-image: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/-bk_dot@2x.80c3280.jpg);
    background-position: center;
    background-size: cover;
  }
  .seventh-screen {
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAU2Au4DAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAEF/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAECBv/aAAwDAQACEAMQAAAA0992AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAQoIUAEKCFABCghQAQoIUAEKCFABCghQAQoIUAEKCFABCghQAQoIUAEKCFABCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACKAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQACJQAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkAAoIAACggAAKCAAAoIAACggAAKCAAAoIAACggAAKCAAAoIAACggAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAoICkAKCApACggKQAoICkAKCApACggKQAoICkAKCApACggKQAoICkAKCApACggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAoBCkAKAQpACgEKQAoBCkAKAQpACgEKQAoBCkAKAQpACgEKQAoBCkAKAQpACgAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAApCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAUgAABSAAAFIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAIACgAgAKACAAoAIACgAgAKACAAoAIACgAgAKACAAoAIACgAgAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAKQpAACkKQAApCkAAKQpAACkKQAApCkAAKQpAACkKQAApCkAAKQpAACkKQAAKCFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQQoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICggAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUEAKQoBACkKAQApCgEAKQoBACkKAQApCgEAKQoBACkKAQApCgEAKQoBACkKAQApAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAIFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAqRSFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQoICgEKCAoBCggKAQoICgEKCAoBCggKAQoICgEKCAoBCggKAQoICgEKCAoBCggKQpACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAApAAACkAAAKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABACgAEAKAAQAoABACgAEAKAAQAoABACgAEAKAAQAoABACgAEAKAAQAoAIFABCghQAQoIUAEKCFABCghQAQoIUAEKCFABCghQAQoIUAEKCFABCghQAQoIUAEKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhSQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEKQoABCkKAAQpCgAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAgKAACAoAAICgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlWAAAJVgAACVYAAAlWAAAJVgAACVYAAAlWAAAJVgAACVYAAAlWAAAJVgAACVYEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAEKAAAQoAABCgAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgAgAKACAAoAIACgAgAKACAAoAIACgAgAKACAAoAIACgAgAKACAAoICgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUAAAhQAACFAAAIUEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACFBCgAhQQoAIUEKACFBCgAhQQoAIUEKACFBCgAhQQoAIUEKACFBCgAhQQoAIU//xAAUEAEAAAAAAAAAAAAAAAAAAADQ/9oACAEBAAE/AHVL/8QAFBEBAAAAAAAAAAAAAAAAAAAA0P/aAAgBAgEBPwB1S//EABQRAQAAAAAAAAAAAAAAAAAAAND/2gAIAQMBAT8AdUv/2Q==);
    background-position: center;
    background-size: cover;
    position: relative;
  }
  .fs-center-img {
    width: 18rem;
    height:auto;
    margin:0 auto;
    display: block;
  }
  .fs-dw-btn {
    height:auto;
    width:16.7rem;
    margin:0 auto;
    margin-top:2.5rem;
    display: block;
  }
  .fs-next-wrp {
    position: absolute;
    left: 50%;
    bottom: 5rem;
    transform: translate(-50%, 0);
    width:100%;
  }
  .fs-next-btn {
    width:4rem;
    height:auto;
    margin:0 auto;
    display: block;
    transition: all 0.5s;
  }
  .fs-next-text {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color:#999;
    margin-top:20px;
  }
  .ss-tit {
    width:28rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .ss-gif {
    width:28rem;
    height:auto;
    margin:0 auto;
    display: block;
    margin-top: 1rem;
  }
  .ts-tit {
    width:28rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .ts-gif {
    width: auto;
    height:40rem;
    margin:0 auto;
    display: block;
    margin-top: 1rem;
  }
  .fs-tit {
    width:28rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .fs-gif {
    width:32rem;
    height:auto;
    margin:0 auto;
    display: block;
    margin-top: 1rem;
  }
  .fifs-tit {
    width:28rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .fifs-dot1 {
    width:5rem;
    height:auto;
    display: block;
    margin: 2rem 0 0 3rem;
  }
  .fifs-center-wrp {
    margin:0 auto;
    width:100%;
    display: flex;
    justify-content: center;
    margin-top:1rem;
    overflow: hidden;
  }
  .fifs-center-img {
    width: 7.5rem;
    height:9rem;
  }
  .fifs-dot2 {
    width:28rem;
    height:auto;
    display: block;
    margin:0 auto;
    margin-top:1rem;
  }
  .sixs-tit {
    width:28rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .sixs-center {
    width:27.5rem;
    height:auto;
    margin:0 auto;
    display: block;
    margin-top: 2rem;
  }
  .sevens-tit {
    width:28rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
  .sevens-center {
    width:25.5rem;
    height:auto;
    margin:0 auto;
    display: block;
    margin-top: 4rem;
  }
  .sevens-download {
    width:17rem;
    height:auto;
    display: block;
    margin:0 auto;
  }
}
.modal-wrp {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.7);
  overflow: hidden;
  display: none;
}
.modal {
  /* background: url(./img/bk_tankuang@2x.jpg) center no-repeat;
  background-size:cover; */
  position:absolute;
  top:200%;
  left:50%;
  transform: translate(-50%);
  width:calc(100vw - 40px);
  /* height:32rem; */
  /* border-radius: 10px; */
  /* overflow: hidden; */
  /* z-index: 3; */
}
.modal-text {
  color:#fff;
  width:100%;
  margin-top:15rem;
  font-size: 15px;
  overflow: hidden;
  text-align: center;
}
.modal-date {
  width:100%;
  color:#f36;
  overflow: hidden;
  text-align: center;
  margin-top:10px;
}
.date {
  font-size: 60px;
  font-family: 'PingFangSC-Semibold'
}
.day {
  font-size: 15px;
}
.modal-btn {
  background:#f36;
  width:9rem;
  height:2.8rem;
  border-radius: 1.4rem;
  color:#fff;
  font-size:15px;
  line-height: 2.8rem;
  text-align: center;
  margin:0 auto;
  margin-top:10px;
}
.modal-btn:active {
  transform: scale(0.9)
}
.modal-close {
  width:100%;
  height:100%;
  position: absolute;
  top:0;left:0;
  z-index: 2;
}


.new-first-screen{
  width: 100%;
  height: 520px;
  background: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/newImage/-first_screen@2x.bd59fdb.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.new-logo{
  margin: 0 auto;
  text-align: center;
  padding-top: 88px;
}

.slogen{
  font-size: 28px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-align: center;
  line-height: 28px;
  margin-top: 24px;
  font-family:PingFangSC-Medium,PingFangSC;
  font-weight:500;
  line-height:28px;
  letter-spacing:1px;
  text-shadow:0 0 4px rgba(209,68,255, .3);

}
.sloen-1{
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  line-height: 18px;
  letter-spacing: -0.1px;
  margin-top: 10px;
  font-weight:500;
  font-family:PingFangSC-Medium,PingFangSC;
  text-shadow:0 0 4px rgba(209,68,255, .3);
}
.new-download-btn{
  width: 200px;
  padding: 0;
  border: 0;
  font-size: 18px;
  color: #FF70B4;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 30px;
  outline: none;
  transition: all 100ms

}
/*.new-download-btn::after {*/
  /*content: attr(data-text);*/
  /*color: green;*/
  /*position: absolute;*/
  /*left: 0;*/
  /*z-index: 2;*/
  /*-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF70B4), to(#E244DF));*/
/*}*/
.best-app{
  opacity: 0.5;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.8px;
  text-align: center;
  margin-top: 55px;
}
.video-play-ways{
  background-image: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/newImage/-video-bg@2x.31ce91a.png);
  background-repeat: no-repeat;
  /*height: 7112px;*/
  background-size: 100%;
}
.video-play-ways-photo{
  background-image: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/newImage/-photoPlay@2x.a284d11.png);
  background-repeat: no-repeat;
  /*height: 7112px;*/
  background-size: 100%;
}
.video-play-ways-community{
  background-image: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/newImage/-community-bg@2x.99e9763.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 50px;
}
.video-title{
  text-align: center;
  margin-top: 70px;
}
.video-title .main-title{
  font-size: 24px;
  font-family: PingFangSC-Medium;
}
.video-title .sub-title{
  font-size: 20px;
}
.video-container{
  margin: 0 50px;
  background-image: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/newImage/-video-first.ede3576.jpg);
  height: 155px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin-top: 60px;
}
.video-container .playIcon{
  width: 48px;
  height: 48px;

}
.play-demo{
  margin: 0 50px;
  text-align: center;
  margin-top: 70px;
}
.play-demo .play-tag{

}
.play-demo .play-tag img{
  width: 42px;
}
.play-title{
  margin-top: 8px;
}
.play-title .play-main-title{
  font-size: 28px;
  color: rgba(0,0,0,0.80);
  letter-spacing: 1px;
  text-align: center;
  line-height: 28px;
  font-weight: bold;
  /* font-family: PingFangSC-Medium; */
}
.play-title .play-sub-title{
  font-size: 18px;
  color: rgba(0,0,0,0.80);
  letter-spacing: 1px;
  text-align: center;
  line-height: 18px;
  margin-top: 8px;
}
.play-gif{
  width: 100%;
  margin-top: 20px;
  position: relative;
}
.play-gif img{
  width: 100%;
  border-radius: 10px;
    box-shadow: 0 2px 12px rgba(191,191,191,0.4);
}

.bottom_banner {
  width: 100%;
  background: url(https://static01.versa-ai.com/versa-website/static/img/src/pages/makaron-home-mobile/img/newImage/-foot_bg@2x.3b15a1e.png) no-repeat;
  background-size: 100% 100%;
  letter-spacing: 0;
}
.bottom_logo {
  width: 200px;
  height: 14px;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px;
}
.bottom_contact {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-top: 8px
}
.bottom_logo > img{
  width: 150px;
}
.bottom_logo_sign1{
  margin-top: 8px
}
.bottom_logo_sign2{
}
.bottom_logo_sign1 > img {
  width: 12px;
  height: 9px;
  padding-right: 8px;
  vertical-align:middle;
}
.bottom_logo_sign1 > span {
  color: #FFFFFF;
  font-size: 10px;
  font-family: PingFangSC-Regular
}
.bottom_logo_sign2 > img {
  width: 13px;
  padding-right: 8px;
  vertical-align:middle;
}
.bottom_logo_sign2 > span {
  color: #FFFFFF;
  font-size: 10px;
  font-family: PingFangSC-Regular
}
.bottom_bottom {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  color: #FFFFFF;
  font-size: 10px;
  font-family: PingFangSC-Regular;
  opacity: 0.7;
  border-top: 1px solid rgba(255, 255, 255, 0.2)
}
/* .fixed-download{
  position: fixed;
  width: 100%;
  background:linear-gradient(225deg,rgba(255,112,180,1) 0%,rgba(255,156,208,1) 50%,rgba(226,68,223,1) 100%);
  height: 40px;
  display: flex;
  align-items: center;
  transition: all 300ms;
  opacity: 0;
  z-index: 100
} */

.fixed-download {
  width: 100%;
  position: relative;
  position: fixed;
  top:0;
  height:40px;
  display: flex;
  display: none;
  z-index: 6;
  overflow: hidden;
  background-image: linear-gradient(224deg, rgba(255,112,180,0.7) 0%, rgba(255,156,208,0.7) 50%, rgba(226,68,223,0.7) 100%);
  animation: 2s opacity2; -webkit-animation: 2s opacity2;-moz-animation: 2s opacity2 ;
}
.fixed-download::before {
  content:'';
  position:absolute;
  top: 0;right: 0;left: 0;bottom: 0;
  filter:blur(10px);
  background-image: linear-gradient(224deg, rgba(255,112,180,0.7) 0%, rgba(255,156,208,0.7) 50%, rgba(226,68,223,0.7) 100%);
  z-index: -1;
}
@keyframes opacity2{
  0%{opacity:0}
  50%{opacity:.8;}
  100%{opacity:1;}
}
@-webkit-keyframes opacity2{
  0%{opacity:0}
  50%{opacity:.8;}
  100%{opacity:1;}
}
@-moz-keyframes opacity2{
  0%{opacity:0}
  50%{opacity:.8;}
  100%{opacity:1;}
}
.fix-bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background:linear-gradient(225deg,rgba(255,112,180,1) 0%,rgba(255,156,208,1) 50%,rgba(226,68,223,1) 100%);
}
.fixed-download::after{
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  -webkit-filter: blur(15px) brightness(110%);
  filter: blur(15px) brightness(110%);
  /* background-image: var(--bg); */
}
.fixed-download.active{
  opacity: .7;
}
.fixed-download img{
  width: 148px
}
.fix-downloadBtn{
  width:80px;
height:26px;
background:rgba(255,255,255,1);
border-radius:20px;
line-height:17px;
font-size:12px;
font-family:PingFangSC-Medium,PingFangSC;
font-weight:500;
color:rgba(255,51,102,1);
line-height:17px;
margin-right: 20px;
outline: none;
border: none;
transition: all 100ms
}

/*# sourceMappingURL=makaron-home-mobile.892e5e6.css.map*/