.container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  touch-action: none;
}
.container .page-main {
  width: 100%;
  position: relative;
  top: 0%;
  transition: top 0.3s ease;
}
.container .page-main .page {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
}
.container .page-main .page .mid-box {
  transform: scale(0.9);
  z-index: 2;
}
.container .page-main .page .elm-download {
  width: 12.4rem;
  height: 2.4rem;
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  margin-left: -6.2rem;
  background-image: url('img_new_v1/elm-btn.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page1 {
  background: linear-gradient(to bottom, #ff6363, #ffe1e1);
}
.container .page-main .page.page1 .elm-icon1 {
  width: 15.15rem;
  height: 19.5rem;
  background-image: url('img_new_v1/page1/bg-icon1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
.container .page-main .page.page1 .elm-icon2 {
  width: 11.15rem;
  height: 7.9rem;
  background-image: url('img_new_v1/page1/bg-icon2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}
.container .page-main .page.page1 .elm-icon3 {
  width: 16.325rem;
  height: 13.15rem;
  background-image: url('img_new_v1/page1/bg-icon3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
}
.container .page-main .page.page1 .elm-logo {
  width: 8.2rem;
  height: 2.675rem;
  background-image: url('img_new_v1/page1/elm-logo.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 3rem;
  left: 50%;
  margin-left: -4.1rem;
  opacity: 0;
}
.container .page-main .page.page1 .elm-star {
  width: 2.45rem;
  height: 2.45rem;
  position: absolute;
  bottom: 3rem;
  left: 0.425rem;
  background-image: url('img_new_v1/page1/elm-star.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.container .page-main .page.page1 .elm-btns {
  width: 12rem;
  position: absolute;
  left: 50%;
  margin-left: -6rem;
  bottom: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
  opacity: 0;
}
.container .page-main .page.page1 .elm-btns span {
  font-size: 0.625rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.2);
  color: #5b5756;
  padding: 0.35rem 0.575rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
}
.container .page-main .page.page1 .mid-box {
  transform: scale(1);
}
.container .page-main .page.page1 .mid-box .elm-center {
  width: 18.75rem;
  height: 19.45rem;
  background-image: url('img_new_v1/page1/elm-center.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  opacity: 0;
}
.container .page-main .page.page1 .mid-box .elm-types {
  width: 18.2rem;
  height: 6.125rem;
  position: absolute;
  bottom: -1.45rem;
  left: 50%;
  margin-left: -9.1rem;
  background-image: url('img_new_v1/page1/elm-types.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page2 {
  background: linear-gradient(to bottom, #5a2eff, #f5f9ff);
}
.container .page-main .page.page2 .elm-tit {
  width: 12.1rem;
  height: 2.55rem;
  background-image: url('img_new_v1/page2/elm-tit.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 2rem;
  left: 50%;
  margin-left: -6.025rem;
  opacity: 0;
}
.container .page-main .page.page2 .elm-info {
  position: absolute;
  top: 4.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
}
.container .page-main .page.page2 .elm-icon1 {
  width: 4.2rem;
  height: 5.425rem;
  background-image: url('img_new_v1/page2/bg-icon1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 1.6rem;
  right: 0;
}
.container .page-main .page.page2 .elm-icon2 {
  width: 12.175rem;
  height: 7.9rem;
  background-image: url('img_new_v1/page2/bg-icon2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0rem;
  left: 0;
}
.container .page-main .page.page2 .elm-icon3 {
  width: 9.25rem;
  height: 8.05rem;
  background-image: url('img_new_v1/page2/bg-icon3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0rem;
  bottom: 0;
}
.container .page-main .page.page2 .mid-box .elm-center {
  width: 14.675rem;
  height: 21.675rem;
  background-image: url('img_new_v1/page2/elm-center.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  opacity: 0;
}
.container .page-main .page.page2 .mid-box .elm-music {
  width: 4.525rem;
  height: 4.875rem;
  position: absolute;
  top: 3.85rem;
  left: -1.05rem;
  background-image: url('img_new_v1/page2/elm-music.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page2 .mid-box .elm-note {
  width: 6.3rem;
  height: 5.775rem;
  position: absolute;
  bottom: 1.05rem;
  right: -2.025rem;
  background-image: url('img_new_v1/page2/elm-note.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page3 {
  background: linear-gradient(to bottom, #ff921e, #fdfff5);
}
.container .page-main .page.page3 .elm-tit {
  width: 13.225rem;
  height: 2.5rem;
  background-image: url('img_new_v1/page3/elm-tit.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 2rem;
  left: 50%;
  margin-left: -6.5875rem;
  opacity: 0;
}
.container .page-main .page.page3 .elm-info {
  position: absolute;
  top: 4.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
}
.container .page-main .page.page3 .elm-icon1 {
  width: 4.2rem;
  height: 4.675rem;
  background-image: url('img_new_v1/page3/bg-icon1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-position: right bottom;
  position: absolute;
  top: 0;
  right: 0;
}
.container .page-main .page.page3 .elm-icon2 {
  width: 12.875rem;
  height: 9.675rem;
  background-image: url('img_new_v1/page3/bg-icon2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0rem;
  left: 0;
}
.container .page-main .page.page3 .elm-icon3 {
  width: 14.225rem;
  height: 7.8rem;
  background-image: url('img_new_v1/page3/bg-icon3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0rem;
  bottom: 0;
}
.container .page-main .page.page3 .elm-icon4 {
  width: 3.925rem;
  height: 5.7rem;
  background-image: url('img_new_v1/page3/bg-icon4.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0rem;
  bottom: 0;
}
.container .page-main .page.page3 .mid-box .elm-center {
  width: 14.675rem;
  height: 21.675rem;
  background-image: url('img_new_v1/page3/elm-center.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  opacity: 0;
}
.container .page-main .page.page3 .mid-box .elm-game {
  width: 5.325rem;
  height: 5.025rem;
  position: absolute;
  top: 4.1rem;
  left: -1.75rem;
  background-image: url('img_new_v1/page3/elm-game.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page3 .mid-box .elm-smile {
  width: 6.5rem;
  height: 7.75rem;
  position: absolute;
  top: 10.15rem;
  right: -2.2rem;
  background-image: url('img_new_v1/page3/elm-smile.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page3 .mid-box .elm-fear {
  width: 8.15rem;
  height: 6.975rem;
  position: absolute;
  bottom: -0.2rem;
  left: -1.9rem;
  background-image: url('img_new_v1/page3/elm-fear.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page4 {
  background: linear-gradient(to bottom, #0e3bff, #f5feff);
}
.container .page-main .page.page4 .elm-tit {
  width: 15.125rem;
  height: 2.5rem;
  background-image: url('img_new_v1/page4/elm-tit.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 2rem;
  left: 50%;
  margin-left: -7.5375rem;
  opacity: 0;
}
.container .page-main .page.page4 .elm-info {
  position: absolute;
  top: 4.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
}
.container .page-main .page.page4 .elm-icon1 {
  width: 6rem;
  height: 5.375rem;
  background-image: url('img_new_v1/page4/bg-icon1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-position: right bottom;
  position: absolute;
  top: 0;
  right: 0;
}
.container .page-main .page.page4 .elm-icon2 {
  width: 12rem;
  height: 8.925rem;
  background-image: url('img_new_v1/page4/bg-icon2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0rem;
  left: 0;
}
.container .page-main .page.page4 .elm-icon3 {
  width: 13rem;
  height: 9.525rem;
  background-image: url('img_new_v1/page4/bg-icon3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0rem;
  bottom: 0;
}
.container .page-main .page.page4 .elm-icon4 {
  width: 6.675rem;
  height: 8.275rem;
  background-image: url('img_new_v1/page4/bg-icon4.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0rem;
  bottom: 0;
}
.container .page-main .page.page4 .mid-box .elm-center {
  width: 15.7rem;
  height: 21.625rem;
  background-image: url('img_new_v1/page4/elm-center.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  opacity: 0;
}
.container .page-main .page.page4 .mid-box .elm-micro {
  width: 3.9rem;
  height: 4.525rem;
  position: absolute;
  top: 5.95rem;
  left: -0.4rem;
  background-image: url('img_new_v1/page4/elm-micro.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page4 .mid-box .elm-game {
  width: 6.3rem;
  height: 5.75rem;
  position: absolute;
  bottom: 0.5rem;
  right: -1.5rem;
  background-image: url('img_new_v1/page4/elm-game.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page5 {
  background: linear-gradient(to bottom, #7729f9, #f5feff);
}
.container .page-main .page.page5 .elm-tit {
  width: 15.125rem;
  height: 2.5rem;
  background-image: url('img_new_v1/page5/elm-tit.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 2rem;
  left: 50%;
  margin-left: -7.5375rem;
  opacity: 0;
}
.container .page-main .page.page5 .elm-info {
  position: absolute;
  top: 4.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
}
.container .page-main .page.page5 .elm-icon1 {
  width: 7.925rem;
  height: 4.425rem;
  background-image: url('img_new_v1/page5/bg-icon1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-position: right bottom;
  position: absolute;
  top: 0;
  right: 0;
}
.container .page-main .page.page5 .elm-icon2 {
  width: 9.175rem;
  height: 8.325rem;
  background-image: url('img_new_v1/page5/bg-icon2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0rem;
  left: 0;
}
.container .page-main .page.page5 .elm-icon3 {
  width: 18.75rem;
  height: 10.225rem;
  background-image: url('img_new_v1/page5/bg-icon3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0rem;
  bottom: 0;
}
.container .page-main .page.page5 .mid-box .elm-center {
  width: 14.625rem;
  height: 20.7rem;
  background-image: url('img_new_v1/page5/elm-center.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  opacity: 0;
}
.container .page-main .page.page5 .mid-box .elm-soap {
  width: 3.6rem;
  height: 3.725rem;
  position: absolute;
  top: 3.475rem;
  left: -0.325rem;
  background-image: url('img_new_v1/page5/elm-soap.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page5 .mid-box .elm-friend {
  width: 3.75rem;
  height: 2.95rem;
  position: absolute;
  top: 8rem;
  right: -1.425rem;
  background-image: url('img_new_v1/page5/elm-friend.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page5 .mid-box .elm-bomb {
  width: 2.55rem;
  height: 2.55rem;
  position: absolute;
  bottom: 7.425rem;
  left: -0.05rem;
  background-image: url('img_new_v1/page5/elm-bomb.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page5 .mid-box .elm-love {
  width: 4.925rem;
  height: 3.95rem;
  position: absolute;
  bottom: 1.275rem;
  right: 3.75rem;
  background-image: url('img_new_v1/page5/elm-love.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page6 {
  background: linear-gradient(to bottom, #ff3740, #fffff5);
}
.container .page-main .page.page6 .elm-tit {
  width: 13.225rem;
  height: 2.5rem;
  background-image: url('img_new_v1/page6/elm-tit.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 2rem;
  left: 50%;
  margin-left: -6.5875rem;
  opacity: 0;
}
.container .page-main .page.page6 .elm-info {
  position: absolute;
  top: 4.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
}
.container .page-main .page.page6 .elm-icon1 {
  width: 11.275rem;
  height: 8.75rem;
  background-image: url('img_new_v1/page6/bg-icon1.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-position: right bottom;
  position: absolute;
  top: 0;
  right: 0;
}
.container .page-main .page.page6 .elm-icon2 {
  width: 8.525rem;
  height: 11.925rem;
  background-image: url('img_new_v1/page6/bg-icon2.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: 0rem;
  right: 0;
}
.container .page-main .page.page6 .elm-icon3 {
  width: 6.825rem;
  height: 6.1rem;
  background-image: url('img_new_v1/page6/bg-icon3.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: 0rem;
  left: 0;
}
.container .page-main .page.page6 .elm-download {
  bottom: 4rem;
}
.container .page-main .page.page6 .page-info {
  width: 100%;
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.65rem;
  color: #666;
  opacity: 0;
}
.container .page-main .page.page6 .page-info .company {
  white-space: nowrap;
}
.container .page-main .page.page6 .page-info .develop {
  white-space: nowrap;
}
.container .page-main .page.page6 .page-info .code {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
}
.container .page-main .page.page6 .page-info .code .number,
.container .page-main .page.page6 .page-info .code .ver {
  padding-left: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
}
.container .page-main .page.page6 .page-info .code .number i,
.container .page-main .page.page6 .page-info .code .ver i {
  padding-left: 0.2rem;
  white-space: nowrap;
}
.container .page-main .page.page6 .page-info .code img {
  height: 0.7rem;
  width: auto;
}
.container .page-main .page.page6 .mid-box .elm-center {
  width: 14.625rem;
  height: 20.7rem;
  background-image: url('img_new_v1/page6/elm-center.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  opacity: 0;
}
.container .page-main .page.page6 .mid-box .elm-love {
  width: 4.075rem;
  height: 7.2rem;
  position: absolute;
  top: 2.975rem;
  left: -0.725rem;
  background-image: url('img_new_v1/page6/elm-love.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page6 .mid-box .elm-mouth {
  width: 4.225rem;
  height: 4.15rem;
  position: absolute;
  bottom: 1.8rem;
  left: -2.025rem;
  background-image: url('img_new_v1/page6/elm-mouth.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .page-main .page.page6 .mid-box .elm-tab {
  width: 8.15rem;
  height: 4.9rem;
  position: absolute;
  bottom: 7.7rem;
  right: -1.7rem;
  background-image: url('img_new_v1/page6/elm-tab.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}
.container .nav-dots {
  width: 0.6rem;
  position: absolute;
  right: 0.45rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
}
.container .nav-dots .dot {
  width: 0.3rem;
  height: 0.3rem;
  border: 0.05rem solid #fff;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0);
  margin: 0.15rem auto;
}
.container .nav-dots .dot.active {
  background: #ffffff;
}
.container .dialog-bg {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.container .dialog-unit {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.container .dialog-unit .main {
  width: 12.9rem;
  height: 12.6rem;
  background-image: url('//res-upload-lieyou.lieyou.com/lieyou/front/join-group.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.container .dialog-unit .main .btn {
  width: 8.1rem;
  height: 2.25rem;
  background-image: url('//res-upload-lieyou.lieyou.com/lieyou/admin/gift/20210301/1614600989_93506270.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
}
.container .dialog-contact {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.container .dialog-contact .main {
  width: 15rem;
  height: 18.65rem;
  background: #fff;
  border-radius: 0.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.container .dialog-contact .main .qr-code {
  width: 10.5rem;
  height: 10.5rem;
  background-image: url('//res-upload-lieyou.lieyou.com/lieyou/admin/web/static/qrcode-wechat.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 2.15rem;
  left: 50%;
  transform: translateX(-50%);
}
.container .dialog-contact .main .text-info,
.container .dialog-contact .main .text-time {
  width: 100%;
  font-size: 0.7rem;
  color: #ff2741;
  padding-left: 2rem;
  padding-right: 1.5rem;
  box-sizing: border-box;
  position: absolute;
  top: 12.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.container .dialog-contact .main .text-info span,
.container .dialog-contact .main .text-time span {
  color: #999;
}
.container .dialog-contact .main .text-info::after,
.container .dialog-contact .main .text-time::after {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url('//res-upload-lieyou.lieyou.com/lieyou/admin/web/static/concat-ours-btn.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.container .dialog-contact .main .text-info::after {
  top: 0.2rem;
  transform: translateY(0);
}
.container .dialog-contact .main .text-time {
  position: absolute;
  top: 16rem;
  left: 50%;
  transform: translateX(-50%);
}
.container .dialog-contact .main .text-time::after {
  background-image: url('//res-upload-lieyou.lieyou.com/lieyou/admin/web/static/time-btn.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.container .dialog-contact .main .btn {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url('//res-upload-lieyou.lieyou.com/lieyou/admin/web/static/close-btn.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  pointer-events: auto;
}
.container .dialog-download-tips {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.container .dialog-download-tips .tips {
  position: absolute;
  right: 0.3rem;
  top: 0;
}
.container .dialog-download-tips .tips.android {
  width: 16.3rem;
  height: 4.1rem;
  background-image: url('img_new_v1/tips-android.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.container .dialog-download-tips .tips.ios {
  width: 12.75rem;
  height: 4.1rem;
  background-image: url('img_new_v1/tips-ios.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.sizes {
  position: fixed;
  top: 0;
  left: 0;
  font-size: 0.6rem;
  color: #333;
  z-index: 999;
}
.container.isWx .sizes {
  color: skyblue;
}
.container.isWx .page-main .elm-download {
  bottom: 3rem;
}
.container.isWx .page-main .page1 .mid-box {
  margin-top: -1.5rem;
}
.container.isWx .page-main .page1 .elm-logo {
  top: 2.5rem;
}
.container.isWx .page-main .page1 .elm-btns {
  bottom: 1rem;
}
@media screen and (min-height: 300px) and (max-height: 630px) {
  .container .page-main .page.page1 .elm-logo {
    transform: scale(0.8);
    top: 1.6rem;
  }
  .container .page-main .page.page1 .elm-download {
    transform: scale(0.8);
    bottom: 2rem;
  }
  .container .page-main .page.page1 .elm-btns {
    transform: scale(0.8);
  }
  .container .page-main .page.page1 .mid-box .elm-types {
    transform: scale(0.8);
    bottom: 0.6rem;
  }
  .container .page-main .page.page2 .elm-tit,
  .container .page-main .page.page3 .elm-tit,
  .container .page-main .page.page4 .elm-tit {
    top: 1.2rem;
    transform: scale(0.8);
  }
  .container .page-main .page.page2 .elm-info,
  .container .page-main .page.page3 .elm-info,
  .container .page-main .page.page4 .elm-info {
    top: 4.2rem;
    transform: translateX(-50%) scale(0.8);
  }
  .container .page-main .page.page2 .elm-download,
  .container .page-main .page.page3 .elm-download,
  .container .page-main .page.page4 .elm-download {
    transform: scale(0.8);
    bottom: 2rem;
  }
  .container .page-main .page.page5 .elm-tit {
    top: 1.3rem;
    transform: scale(0.8);
  }
  .container .page-main .page.page5 .elm-info {
    top: 4.3rem;
    transform: translateX(-50%) scale(0.8);
  }
  .container .page-main .page.page5 .elm-download {
    transform: scale(0.8);
    bottom: 2rem;
  }
  .container .page-main .page.page6 .elm-tit {
    top: 1.3rem;
    transform: scale(0.8);
  }
  .container .page-main .page.page6 .elm-info {
    top: 4.3rem;
    transform: translateX(-50%) scale(0.8);
  }
  .container .page-main .page.page6 .elm-download {
    transform: scale(0.8);
    bottom: 3.5rem;
  }
  .container .page-main .page.page6 .page-info {
    transform: translateX(-50%) scale(0.8);
  }
}
.ell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tf-m {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}