/* screen - a1 */

.a1 {
  align-items: flex-start;
  background-color: #fdfdfd;
  display: flex;
  justify-content: center;
  min-width: 375px;
  overflow-x: hidden;
}

.a1 .overlap-group3 {
  height: 812px;
  position: relative;
  width: 421px;
}

.a1 .overlap-group {
  height: 812px;
  left: 0;
  position: absolute;
  top: 0;
  width: 421px;
}

.a1 .running-runner-long {
  align-items: flex-start;
  background-color: var(--iron);
  display: flex;
  height: 812px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 421px;
}

.a1 .overlap-group-1 {
  height: 812px;
  margin-left: -507px;
  position: relative;
  width: 1221px;
}

.a1 .view {
  background-color: var(--iron);
  height: 812px;
  left: 507px;
  position: absolute;
  top: 0;
  width: 421px;
}

.a1 .running-runner-long-1 {
  height: 812px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1221px;
}

.a1 .view-1 {
  background-color: #00000066;
  height: 812px;
  left: 0;
  position: absolute;
  top: 0;
  width: 421px;
}

.a1 .x2 {
  background-color: var(--white);
  border-radius: 6px;
  height: 55px;
  left: 119px;
  position: absolute;
  top: 334px;
  width: 184px;
}

.a1 .x3 {
  background-color: var(--white);
  border-radius: 6px;
  height: 55px;
  left: 119px;
  position: absolute;
  top: 483px;
  width: 184px;
}

.a1 .x4 {
  background-color: var(--white);
  border-radius: 6px;
  height: 55px;
  left: 119px;
  position: absolute;
  top: 558px;
  width: 184px;
}

.a1 .x5 {
  align-items: flex-start;
  display: flex;
  height: 25px;
  justify-content: flex-end;
  left: 144px;
  min-width: 115px;
  position: absolute;
  top: 349px;
}

.a1 .image {
  height: 24px;
  width: 22px;
}

.a1 .android {
  align-self: center;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  margin-left: 17px;
  margin-top: 1.0px;
  min-height: 22px;
  min-width: 77px;
  white-space: nowrap;
  cursor: pointer;
}

.a1 .buy-mystery-box {
  font-weight: 500;
  width:100%;
  text-align:center;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 500px;
  white-space: nowrap;
  cursor: pointer;
}

.a1 .receive-experience {
  font-weight: 500;
  width:100%;
  text-align:center;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 575px;
  white-space: nowrap;
  cursor: pointer;
}

.a1 .sports-x {
  color: var(--white);
  font-family: var(--font-family-eryajiaolonghao);
  font-size: var(--font-size-xxl);
  width:100%;
  text-align:center;
  letter-spacing: 0;
  position: absolute;
  top: 192px;
}

.a1 .x6 {
  background-color: var(--white);
  border-radius: 6px;
  height: 55px;
  left: 119px;
  position: absolute;
  top: 409px;
  width: 184px;
}

.a1 .x7 {
  align-items: flex-start;
  display: flex;
  height: 25px;
  justify-content: flex-end;
  left: 144px;
  min-width: 115px;
  position: absolute;
  top: 424px;
}