.app .fallback {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--mainColor);
  }


:root {
  --small: 8px;
  --middle: 16px;
  --big: 32px;
  --fontSizeSmall: 12px;
  --fontSizeMiddle: 14px;
  --fontSizeBig: 16px;
}
/*margin*/
.space--small> *+* {
    margin-left:  8px;
    margin-left:  var(--small);
  }
.space--middle> *+* {
    margin-left:  16px;
    margin-left:  var(--middle);
  }
.marginLeft--small {
  margin-left: 8px;
  margin-left: var(--small);
}
.marginLeft--middle {
  margin-left: 16px;
  margin-left: var(--middle);
}
.marginLeft--big {
  margin-left: 32px;
  margin-left: var(--big);
}
.marginRight--small {
  margin-right: 8px;
  margin-right: var(--small);
}
.marginRight--middle {
  margin-right: 16px;
  margin-right: var(--middle);
}
.marginRight--big {
  margin-right: 32px;
  margin-right: var(--big);
}
.marginTop--small {
  margin-top: 8px;
  margin-top: var(--small)
}
.marginTop--middle {
  margin-top: 16px;
  margin-top: var(--middle)
}
.marginTop--big {
  margin-top: 32px;
  margin-top: var(--big)
}
.marginBottom--small {
  margin-bottom: 8px;
  margin-bottom: var(--small)
}
.marginBottom--middle {
  margin-bottom: 16px;
  margin-bottom: var(--middle)
}
.marginBottom--big {
  margin-bottom: 32px;
  margin-bottom: var(--big)
}
/*padding*/
.paddingLeft--small {
  padding-left: 8px;
  padding-left: var(--small);
}
.paddingLeft--middle {
  padding-left: 16px;
  padding-left: var(--middle);
}
.paddingLeft--big {
  padding-left: 32px;
  padding-left: var(--big);
}
.paddingRight--small {
  padding-right: 8px;
  padding-right: var(--small);
}
.paddingRight--middle {
  padding-right: 16px;
  padding-right: var(--middle);
}
.paddingRight--big {
  padding-right: 32px;
  padding-right: var(--big);
}
.paddingTop--small {
  padding-top: 8px;
  padding-top: var(--small)
}
.paddingTop--middle {
  padding-top: 16px;
  padding-top: var(--middle)
}
.paddingTop--big {
  padding-top: 32px;
  padding-top: var(--big)
}
.paddingBottom--small {
  padding-bottom: 8px;
  padding-bottom: var(--small)
}
.paddingBottom--middle {
  padding-bottom: 16px;
  padding-bottom: var(--middle)
}
.paddingBottom--big {
  padding-bottom: 32px;
  padding-bottom: var(--big)
}
:root {
  --mainColor: #4856DC;
}
* {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: PingFangSC-Light, PingFang SC;
}
.view-wrap {
  display: flex;
  justify-content: center;
}
.view--width {
  width: 960px;
  margin: 0 auto;
}
.headerSpace {
  padding-top: 64px;
  box-sizing: border-box;
}
.center {
  display: flex;
  justify-content: center;
}
.pointer {
  cursor: pointer;
}
.title--font {
  font-size: 32px;
  line-height: 45px;
  font-weight: 300;
  letter-spacing: 6px;
}
.desc--font {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: 4px;
}
.intro-desc {
  color: rgba(51, 51, 51, 0.3);
}
.intro-desc-light {
  color: rgba(255, 255, 255, 0.3)
}
.intro-title::before {
    content: '';
    border: 1px solid rgba(51,51,51, 0.1);
    height: 0;
    width: 16px;
    position: relative;
    top: 20px;
    left: -16px;
  }
.intro-title::after {
    content: '';
    border: 1px solid rgba(51,51,51, 0.1);
    height: 0;
    width: 16px;
    position: relative;
    top: 20px;
    left: 13px;
  }
.intro-title-light::before {
    border-color: rgba(255, 255, 255, 0.3);
  }
.intro-title-light::after {
    border-color: rgba(255, 255, 255, 0.3);
  }