html * {
  margin: 0;
  padding: 0; }

body {
  width: 100%;
  height: 100%;
  background: #FFFFFF 100%;
  opacity: 1; }

img {
  width: 100%;
  height: 100%;
  opacity: 1; }

#main-body {
  width: 100%;
  height: 100vh;
  overflow: hidden; }
  #main-body .container {
    background: #FFFFFF 100%; }
    #main-body .container .content {
      height: 75vh;
      background: url("../images/bg.png") no-repeat center;
      background-size: 100% 100%;
      text-align: center; }
      #main-body .container .content .mr7_icon {
        margin: 2.3rem auto;
        width: 1.82rem;
        height: 1.82rem;
        opacity: 1; }
      #main-body .container .content .down {
        margin: 0.4rem auto;
        display: flex;
        justify-content: space-around;
        width: 4.98rem;
        height: 0.9rem;
        border-radius: 0.2rem;
        padding: 0 0.24rem;
        align-items: center;
        background: #FFFFFF 100%; }
        #main-body .container .content .down .img1 {
          width: 0.48rem;
          height: 0.48rem;
          opacity: 1; }
        #main-body .container .content .down span {
          font-size: 0.28rem;
          font-family: PingFang SC, PingFang SC;
          font-weight: 600;
          color: #170A24;
          line-height: 0.33rem; }
        #main-body .container .content .down .img2 {
          width: 0.26rem;
          height: 0.26rem;
          opacity: 1; }
    #main-body .container .footer {
      text-align: center;
      align-items: center;
      height: 25vh;
      margin: 10vh; }
      #main-body .container .footer div {
        font-size: 0.5rem;
        font-family: Poppins, Poppins;
        font-weight: 600;
        color: #9E8AFE;
        line-height: 0.59rem; }
      #main-body .container .footer .small {
        font-size: 0.28rem !important;
        font-weight: 400; }

[v-cloak] {
  display: none !important; }