.container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.mainBg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}

.topWord {
  width: 16.375rem;
  height: 3.15625rem;
}

.logoBox {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1.53125rem;
}
.logoBox .logo {
  margin-left: 1.1875rem;
  width: 2.28125rem;
  height: 2.28125rem;
  margin-right: 0.4375rem;
}
.logoBox .info {
  height: 2.28125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  color: #FFFFFF;
}
.logoBox .info .top {
  font-size: 0.875rem;
  font-weight: 500;
}
.logoBox .info .bottom {
  font-size: 0.75rem;
  font-weight: 500;
}

.appInfo {
  width: 12.3125rem;
  height: 26.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.appInfo .appFull {
  width: 12.3125rem;
  height: 26.125rem;
}
.appInfo .forumImg {
  width: 9.84375rem;
  height: 6.59375rem;
  position: absolute;
  top: 9.3125rem;
  left: -68.5px;
}
.appInfo .orderImg {
  width: 10.96875rem;
  height: 7.46875rem;
  position: absolute;
  top: 2.25rem;
  left: 6.71875rem;
}
.appInfo .tansImg {
  width: 10.65625rem;
  height: 6.90625rem;
  position: absolute;
  bottom: 2.125rem;
  left: 7.25rem;
}

.bottomBlock {
  width: 23.4375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bottomBlock .buttonWrap {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.bottomBlock .buttonWrap .button {
  height: 2.71875rem;
  width: 10.075rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.21875rem;
  background-image: linear-gradient(to bottom, #53C6F9, #3377F2);
  color: white;
}
.bottomBlock .buttonWrap .button .android {
  width: 1.1875rem;
  height: 1.25rem;
  margin-right: 0.28125rem;
}
.bottomBlock .buttonWrap .button .apple {
  width: 1.0625rem;
  height: 1.25rem;
  margin-right: 0.46875rem;
}
.bottomBlock .packageInfo {
  margin-top: 1.1875rem;
  margin-bottom: 1.6875rem;
  color: #4783A9;
  font-size: 0.6875rem;
}

.mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.5);
}
.mask .arrowBlock {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.mask .arrowBlock img {
  margin-top: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.mask .arrowBlock .tips {
  color: #FFFFFF;
  margin-right: 3rem;
}

#android,
#iphone {
  display: none;
  cursor: pointer;
}/*# sourceMappingURL=index.css.map */