body {
  scroll-behavior: smooth; }

#main {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  height: 100vh;
  padding-top: 0.1rem;
  background-image: url("../imgs/bg2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  border: none; }
  #main .top {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 700px;
    width: 100%;
    z-index: 100; }
    #main .top .t1 {
      background-color: white;
      display: flex;
      font-size: 0.8rem;
      padding: 10px;
      justify-content: space-between; }
      #main .top .t1 .left {
        display: flex;
        flex-direction: column;
        gap: 0.3rem; }
    #main .top .t2 {
      background: #360d85;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px; }
      #main .top .t2 .yu {
        width: 4rem; }
      #main .top .t2 .kef {
        width: 8rem; }
      #main .top .t2 .l {
        display: flex;
        align-items: center;
        gap: 20px; }
        #main .top .t2 .l div {
          display: flex;
          color: white;
          flex-direction: column; }
          #main .top .t2 .l div span:nth-child(1) {
            font-size: 1.4rem;
            font-weight: bold; }
          #main .top .t2 .l div span:nth-child(2) {
            font-size: 1.2rem;
            font-weight: bold; }
  #main .c1 {
    margin-top: 7.2rem; }
    #main .c1 img {
      width: 100%;
      display: block; }
  #main .c2 {
    position: relative;
    overflow: hidden;
    background: #a620a1; }
    #main .c2 img {
      width: 100%;
      display: block; }
    #main .c2 .video-wrap {
      position: absolute;
      width: 24rem;
      height: 13.5rem;
      z-index: 1;
      top: 4.85rem;
      left: 1.5rem; }
  #main .download img {
    width: 100%;
    display: block; }
  #main .c3 {
    position: relative;
    background: #a620a1; }
    #main .c3 img {
      width: 100%;
      display: block; }
    #main .c3 .video-wrap {
      position: absolute;
      width: 23.7rem;
      height: 13.6rem;
      z-index: 1;
      top: 4.84rem;
      left: 1.5rem; }
  #main .kefu {
    background-image: url("../imgs/bg2.jpg");
    background-size: cover; }
    #main .kefu img {
      display: block;
      width: 14rem;
      margin: 0 auto; }
  #main footer {
    background-image: url("../imgs/bg2.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 2rem 0; }
    #main footer p {
      text-align: center;
      font-size: 0.8rem;
      padding: 0.2rem 0; }

* {
  margin: 0;
  padding: 0; }

/*# sourceMappingURL=index.css.map */