* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.pointer {
  cursor: pointer;
}
img {
  width: 100%;
  height: 100%;
  display: block;
}
body {
  background-color: black;
}
#loading {
  display: none;
  /* 默认隐藏 */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
  /* 半透明黑色背景 */
  padding: 20px;
  border-radius: 10px;
  z-index: 10000000;
}
#loading .spinner {
  width: 50px;
  height: 50px;
  border: 6px solid rgba(255, 215, 0, 0.3);
  /* 金色的淡外圈 */
  border-top: 6px solid #ffd700;
  /* 金色的顶部 */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main {
  position: relative;
  width: 12.42rem;
  height: 134.76rem;
  margin: 0 auto;
}
.main .main-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .head {
  position: fixed;
  top: 0;
  width: 12.42rem;
  height: 1.86rem;
  z-index: 998;
  background: url("../imgs/top/bg.png") no-repeat;
  background-size: 100% 100%;
}
.main .head .logo {
  position: absolute;
  left: 0.52rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3.19rem;
  height: 1.21rem;
  background: url("../imgs/top/logo.png") no-repeat;
  background-size: 100% 100%;
}
.main .head .menu {
  position: absolute;
  top: 50%;
  right: 0.55rem;
  transform: translateY(-50%);
  width: 1.01rem;
  height: 0.59rem;
  background: url("../imgs/top/menu.png") no-repeat;
  background-size: 100% 100%;
}
.main .menu-box {
  display: none;
  position: fixed;
  top: 0;
  width: 12.42rem;
  height: 26.85rem;
  background: url("../imgs/menu/bg.png") no-repeat;
  background-size: 100% 100%;
  z-index: 1000;
}
.main .menu-box .logo {
  width: 6.48rem;
  height: 2.46rem;
  background: url("../imgs/menu/LOGO.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 2.59rem;
  left: 50%;
  transform: translateX(-50%);
}
.main .menu-box .close {
  position: absolute;
  top: 2.13rem;
  right: 1rem;
  width: 0.62rem;
  height: 0.62rem;
  background: url("../imgs/menu/close.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.main .menu-box .menu-list {
  position: absolute;
  top: 6.71rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.97rem;
  height: 17.06rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.main .menu-box .menu-list .menu-item {
  cursor: pointer;
  position: relative;
}
.main .menu-box .menu-list .menu-item.selected::after {
  width: 3.95rem;
  height: 0.69rem;
  content: "";
  position: absolute;
  right: -0.6rem;
  bottom: -0.2rem;
  background: url("../imgs/menu/selected.png") no-repeat;
  background-size: 100% 100%;
}
.main .menu-box .menu-list .menu1 {
  width: 3.28rem;
  height: 0.65rem;
}
.main .menu-box .menu-list .menu2 {
  width: 3.29rem;
  height: 0.66rem;
}
.main .menu-box .menu-list .menu3 {
  width: 2.6rem;
  height: 0.66rem;
}
.main .menu-box .menu-list .menu3.selected::after {
  right: -0.9rem;
}
.main .menu-box .menu-list .menu4 {
  width: 3.22rem;
  height: 0.65rem;
}
.main .menu-box .menu-list .menu5 {
  width: 2.62rem;
  height: 0.66rem;
}
.main .menu-box .menu-list .menu5.selected::after {
  right: -1rem;
}
.main .menu-box .menu-list .menu6 {
  width: 3.29rem;
  height: 0.66rem;
}
.main .float {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 3.05rem;
  height: 6rem;
  background: url("../imgs/float/bg.png") no-repeat;
  background-size: 100% 100%;
  z-index: 999;
  margin-left: 9.37rem;
}
.main .float .carousel-box {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 3.73rem;
  height: 3.09rem;
}
.main .float .carousel-box.carousel1 {
  background: url("../imgs/float/1.png") no-repeat;
  background-size: 100% 100%;
}
.main .float .carousel-box.carousel2 {
  background: url("../imgs/float/2.png") no-repeat;
  background-size: 100% 100%;
}
.main .float .down-btn {
  position: absolute;
  width: 2.62rem;
  height: 0.8rem;
  top: 2.5rem;
  right: 0.22rem;
  z-index: 2;
}
.main .float .store-btn-box {
  position: absolute;
  top: 3.4rem;
  right: 0.58rem;
  z-index: 2;
  width: 1.85rem;
  height: 2.06rem;
}
.main .float .store-btn-box .item {
  width: 1.83rem;
  height: 0.56rem;
  margin-bottom: 0.18rem;
  cursor: pointer;
}
.main .float .store-btn-box .apple-btn {
  background: url("../imgs/float/apple.png") no-repeat;
  background-size: 100% 100%;
}
.main .float .store-btn-box .google-btn {
  background: url("../imgs/float/google.png") no-repeat;
  background-size: 100% 100%;
}
.main .float .store-btn-box .naver-btn {
  background: url("../imgs/float/NAVER.png") no-repeat;
  background-size: 100% 100%;
}
.main .p1 {
  position: relative;
  width: 100%;
  height: 26.88rem;
  background: url("../imgs/p1/bg.png") no-repeat;
  background-size: 100% 100%;
}
.main .p1 .bg-decorate {
  position: absolute;
  top: 1.86rem;
  left: 0;
  width: 100%;
  height: 21.5rem;
  background: url("../imgs/p1/bg-decorate.png") no-repeat;
  background-size: 100% 100%;
}
.main .p1 .title {
  position: absolute;
  top: 17.65rem;
  width: 100%;
  height: 3.53rem;
}
.main .p1 .guide {
  width: 1.51rem;
  height: 0.83rem;
  position: absolute;
  top: 25.22rem;
  left: 50%;
  transform: translateX(-50%);
  background: url("../imgs/p1/guide.png") no-repeat;
  background-size: 100% 100%;
}
.main .p1 .btn {
  cursor: pointer;
  position: absolute;
  top: 22.01rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4.18rem;
  height: 1.17rem;
  background: url("../imgs/p1/btn.png") no-repeat;
  background-size: 100% 100%;
}
.main .p2 {
  position: relative;
  width: 100%;
  height: 25.06rem;
}
.main .p2 .light {
  width: 100%;
  height: 13.41rem;
  background: url("../imgs/p2/light.png") no-repeat;
  background-size: 100% 100%;
}
.main .p2 .treasure-chest {
  position: absolute;
  z-index: 2;
  top: 7.25rem;
  left: 0;
  width: 12.21rem;
  height: 8.99rem;
  background: url("../imgs/p2/treasure-chest.png") no-repeat;
  background-size: 100% 100%;
}
.main .p2 .backgroud-diamond {
  position: absolute;
  top: 13.96rem;
  right: 0.91rem;
  width: 9.53rem;
  height: 1.42rem;
  background: url("../imgs/p2/backgroud-diamond.png") no-repeat;
  background-size: 100% 100%;
}
.main .p2 .float-diamond {
  position: absolute;
  top: 4.31rem;
  left: 0;
  width: 12.42rem;
  height: 15.62rem;
  background: url("../imgs/p2/float-diamond.png") no-repeat;
  background-size: 100% 100%;
}
.main .p2 .prospect-diamond {
  position: absolute;
  z-index: 3;
  top: 14.3rem;
  left: 0.55rem;
  width: 10.59rem;
  height: 2.41rem;
  background: url("../imgs/p2/prospect-diamond.png") no-repeat;
  background-size: 100% 100%;
}
.main .p2 .receive-btn {
  cursor: pointer;
  position: absolute;
  top: 18.47rem;
  left: 50%;
  width: 6.93rem;
  height: 0.87rem;
  transform: translateX(-50%);
}
.main .p3 {
  position: relative;
  width: 100%;
  height: 10.1rem;
}
.main .p3 .activity-box {
  position: absolute;
  top: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 0.28rem;
  padding-bottom: 0.37rem;
  width: 12.12rem;
  height: 8.45rem;
  background: url("../imgs/p3/bg.png") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.main .p3 .activity-box .day-item {
  position: relative;
  margin-left: 0.63rem;
}
.main .p3 .activity-box .day-item .left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.main .p3 .activity-box .day-item .btn {
  cursor: pointer;
  position: absolute;
  left: 8.9rem;
  top: 50%;
  transform: translateY(-50%);
}
.main .p3 .activity-box .day-item .claimed-btn {
  width: 1.99rem;
  height: 0.52rem;
  background: url("../imgs/p3/claimed.png") no-repeat;
  background-size: 100% 100%;
}
.main .p3 .activity-box .day-item .to-be-claimed {
  width: 1.99rem;
  height: 0.57rem;
  background: url("../imgs/p3/to-be-claimed.png") no-repeat;
  background-size: 100% 100%;
}
.main .p3 .activity-box .day-item .cannot-receive {
  width: 1.99rem;
  height: 0.57rem;
  background: url("../imgs/cannot-receive.png") no-repeat;
  background-size: 100% 100%;
}
.main .p3 .activity-box .day-item .line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10.85rem;
  height: 0.02rem;
  background: url("../imgs/p3/line.png") no-repeat;
  background-size: 100% 100%;
}
.main .p3 .activity-box .claimed-status {
  filter: grayscale(60%);
}
.main .p3 .activity-box .day1 {
  width: 100%;
  height: 1.59rem;
}
.main .p3 .activity-box .day1 .left {
  width: 8.15rem;
  height: 1.32rem;
}
.main .p3 .activity-box .day3 {
  width: 100%;
  height: 1.52rem;
}
.main .p3 .activity-box .day3 .left {
  width: 8.22rem;
  height: 1.35rem;
}
.main .p3 .activity-box .day7 {
  width: 100%;
  height: 1.53rem;
}
.main .p3 .activity-box .day7 .left {
  width: 8.22rem;
  height: 1.34rem;
}
.main .p3 .activity-box .day10 {
  width: 100%;
  height: 1.62rem;
}
.main .p3 .activity-box .day10 .left {
  width: 8.69rem;
  height: 1.38rem;
}
.main .p3 .activity-box .day14 {
  width: 100%;
  height: 1.56rem;
}
.main .p3 .activity-box .day14 .left {
  width: 8.57rem;
  height: 1.35rem;
}
.main .p4 {
  position: relative;
  width: 100%;
  height: 25.09rem;
}
.main .p4 .title {
  width: 10.85rem;
  height: 1.42rem;
  position: absolute;
  top: 2.15rem;
  left: 50%;
  transform: translateX(-50%);
}
.main .p4 .invitation-item {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 10.77rem;
  height: 0.61rem;
  display: flex;
  justify-content: space-between;
}
.main .p4 .invitation-item .left {
  position: relative;
  width: 8.02rem;
}
.main .p4 .invitation-item .left .input-item {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.2rem;
  height: 100%;
  font-size: 0.35rem;
}
.main .p4 .invitation-item .btn {
  width: 1.94rem;
  height: 0.7rem;
  cursor: pointer;
}
.main .p4 .other-invitation-code-box {
  top: 5.89rem;
}
.main .p4 .my-invitation-code-box {
  top: 4.85rem;
}
.main .p4 .line {
  position: absolute;
  top: 7.06rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10.83rem;
  height: 1px;
  background: url("../imgs/p4/line.png") no-repeat;
  background-size: 100% 100%;
}
.main .p4 .invitation-rewards-box {
  position: absolute;
  top: 8.21rem;
  left: 0rem;
  width: 100%;
  height: 11.89rem;
}
.main .p4 .invitation-rewards-box .btn {
  cursor: pointer;
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
.main .p4 .invitation-rewards-box .receive {
  width: 2.43rem;
  height: 0.8rem;
  background: url("../imgs/p4/receive-btn.png") no-repeat;
  background-size: 100% 100%;
}
.main .p4 .invitation-rewards-box .received {
  width: 2.4rem;
  height: 0.92rem;
  background: url("../imgs/p4/received-btn.png") no-repeat;
  background-size: 100% 100%;
}
.main .p4 .invitation-rewards-box .cannot-receive {
  width: 2.4rem;
  height: 0.92rem;
  background: url("../imgs/cannot-receive.png") no-repeat;
  background-size: 100% 100%;
}
.main .p4 .invitation-rewards-box .invitation1 {
  position: absolute;
  top: 0;
  left: 1.12rem;
  width: 4.05rem;
  height: 4.34rem;
}
.main .p4 .invitation-rewards-box .invitation1 .receive {
  bottom: -1.3rem;
}
.main .p4 .invitation-rewards-box .invitation1 .cannot-receive {
  bottom: -1.4rem;
}
.main .p4 .invitation-rewards-box .invitation3 {
  position: absolute;
  top: 0;
  right: 1.25rem;
  width: 4.07rem;
  height: 4.53rem;
}
.main .p4 .invitation-rewards-box .invitation3 .receive {
  bottom: -1.1rem;
}
.main .p4 .invitation-rewards-box .invitation3 .cannot-receive {
  bottom: -1.1rem;
}
.main .p4 .invitation-rewards-box .invitation5 {
  position: absolute;
  top: 6.34rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4.71rem;
  height: 4.52rem;
}
.main .p4 .invitation-rewards-box .invitation5 .cannot-receive {
  bottom: -1.2rem;
}
.main .p4 .desc {
  width: 10.53rem;
  height: 1.73rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.main .p5 {
  position: relative;
  width: 100%;
  height: 24.93rem;
}
.main .p5 .level-rewards-box {
  position: absolute;
  top: 4.32rem;
  left: 0rem;
  width: 100%;
  height: 13.63rem;
}
.main .p5 .level-rewards-box .btn {
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.main .p5 .level-rewards-box .receive {
  width: 2.43rem;
  height: 0.8rem;
  background: url("../imgs/p5/receive.png") no-repeat;
  background-size: 100% 100%;
}
.main .p5 .level-rewards-box .received {
  width: 2.43rem;
  height: 0.8rem;
  background: url("../imgs/p5/received.png") no-repeat;
  background-size: 100% 100%;
}
.main .p5 .level-rewards-box .cannot-receive {
  width: 2.42rem;
  height: 0.83rem;
  background: url("../imgs/cannot-receive.png") no-repeat;
  background-size: 100% 100%;
}
.main .p5 .level-rewards-box .level-rewards1 {
  position: absolute;
  top: 0;
  left: 0.12rem;
  width: 5.73rem;
  height: 4.92rem;
}
.main .p5 .level-rewards-box .level-rewards3 {
  position: absolute;
  top: 0;
  right: 0.25rem;
  width: 5.73rem;
  height: 4.97rem;
}
.main .p5 .level-rewards-box .level-rewards5 {
  position: absolute;
  top: 7.68rem;
  left: 50%;
  transform: translateX(-50%);
  width: 5.73rem;
  height: 4.97rem;
}
.main .p5 .line {
  position: absolute;
  bottom: 3.24rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10.29rem;
  height: 1px;
  background: url("../imgs/p5/line.png") no-repeat;
  background-size: 100% 100%;
}
.main .p5 .desc {
  width: 7.65rem;
  height: 1.01rem;
  position: absolute;
  bottom: 1.07rem;
  left: 50%;
  transform: translateX(-50%);
}
.main .p6 {
  position: relative;
  width: 100%;
  height: 10.02rem;
  background: url("../imgs/p6/bg.jpg") no-repeat;
  background-size: 100% 100%;
}
.main .p6 .anchor-point {
  position: absolute;
  top: -0.2rem;
}
.main .p7 {
  position: relative;
  width: 100%;
  height: 9.98rem;
}
.main .p7 .feature-swiper {
  position: absolute;
  top: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10.67rem;
  height: 5.44rem;
  overflow: hidden;
  z-index: 3;
}
.main .p7 .feature-swiper .main-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 10.67rem;
  height: 5.44rem;
  background: url("../imgs/p7/main-border.png") no-repeat;
  background-size: 100% 100%;
}
.main .p7 .feature-swiper img {
  padding: 0.01rem;
  width: 10.4rem;
  height: 5.19rem;
  position: absolute;
  top: 50%;
  left: 50.13%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.main .p7 .left-arrow {
  position: absolute;
  top: 3.2rem;
  left: 0.4rem;
  width: 0.5rem;
  height: 0.79rem;
  background: url("../imgs/p7/left-arrow.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.main .p7 .right-arrow {
  position: absolute;
  top: 3.2rem;
  right: 0.4rem;
  width: 0.5rem;
  height: 0.73rem;
  background: url("../imgs/p7/right-arrow.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.main .p7 .swiper-pagination {
  position: absolute;
  top: 6rem;
  left: 50%;
  height: 0;
  transform: translateX(-50%);
}
.main .p7 .swiper-pagination .swiper-pagination-bullet {
  width: 0.9rem;
  height: 0.14rem;
  background: url("../imgs/p7/dark.png") no-repeat;
  background-size: 100% 100%;
}
.main .p7 .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.96rem;
  height: 0.17rem;
  background: url("../imgs/p7/light.png") no-repeat;
  background-size: 100% 100%;
}
.main .p7 .small-feature-swiper {
  position: absolute;
  top: 7.7rem;
  left: 50%;
  transform: translateX(-50%);
  width: 9.2rem;
  height: 1.56rem;
  overflow: hidden;
  z-index: 2;
}
.main .p7 .small-feature-swiper .swiper-slide img {
  width: 3.12rem;
  height: 1.56rem;
  transition: transform 0.3s ease;
  transform-origin: top;
  /* 缩放时以顶部为原点 */
  padding: 1px;
}
.main .p7 .small-feature-swiper .swiper-slide-next::before,
.main .p7 .small-feature-swiper .swiper-slide-prev::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(0.8) translateY(10%);
  transform-origin: top;
  background: url("../imgs/p7/small-border.png") no-repeat;
  /* 替换为你的边框图片 */
  background-size: 100% 100%;
}
.main .p7 .small-feature-swiper .swiper-slide-active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: top;
  background: url("../imgs/p7/small-main-border.png") no-repeat;
  /* 替换为你的边框图片 */
  background-size: 100% 100%;
}
.main .p7 .small-feature-swiper .swiper-slide-prev img,
.main .p7 .small-feature-swiper .swiper-slide-next img {
  transform: scale(0.8) translateY(10%);
  /* 缩小两边的图片 */
}
.main .p7 .small-feature-swiper .swiper-slide-active img {
  transform: scale(1);
  /* 保持中间图片为正常大小 */
  padding-top: 0.055rem;
  padding-left: 0.099rem;
  padding-bottom: 0.12rem;
  padding-right: 0.12rem;
}
.main .p8 {
  position: relative;
  width: 100%;
  height: 2.72rem;
}
.main .p8 .desc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10.6rem;
  height: 1.79rem;
}
.popup-login-box {
  position: relative;
  width: 7.75rem;
  height: 5.73rem;
  background: url("../imgs/popup/login/bg.png") no-repeat;
  background-size: 100% 100%;
  z-index: 999;
}
.popup-login-box .pop-close {
  cursor: pointer;
  position: absolute;
  right: -0.56rem;
  top: -0.56rem;
  width: 0.56rem;
  height: 0.56rem;
  background: url("../imgs/popup/close.png") no-repeat;
  background-size: 100% 100%;
}
.popup-login-box .login-btn-item {
  width: 5.04rem;
  height: 0.71rem;
  cursor: pointer;
}
.popup-login-box .google-login-btn {
  position: absolute;
  top: 1.7rem;
  left: 1.36rem;
}
.popup-login-box .fb-login-btn {
  position: absolute;
  top: 2.6rem;
  left: 1.36rem;
}
.popup-login-box .account-login-btn {
  position: absolute;
  top: 3.5rem;
  left: 1.36rem;
}
.popup-role-select {
  width: 7.82rem;
  height: 5.56rem;
  background: url("../imgs/popup/popup-role-select.png") no-repeat;
  background-size: 100% 100%;
}
.popup-role-select .bClose {
  cursor: pointer;
  position: absolute;
  top: 0.42rem;
  right: 0.31rem;
  width: 0.56rem;
  height: 0.56rem;
}
.popup-role-select .serve-select {
  position: absolute;
  top: 1.58rem;
  left: 3rem;
}
.popup-role-select .role-select {
  position: absolute;
  top: 2.62rem;
  left: 3rem;
}
.popup-role-select .select-item {
  font-size: 0.3rem;
}
.popup-role-select .btn {
  cursor: pointer;
  position: absolute;
  top: 3.99rem;
  left: 2.24rem;
  width: 3.29rem;
  height: 0.94rem;
}
.popup-reward-error-box {
  width: 7.69rem;
  height: 3.75rem;
  background: url("../imgs/popup/popup-reward-error.png") no-repeat;
  background-size: 100% 100%;
}
.popup-reward-error-box .bClose {
  cursor: pointer;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.36rem;
  right: 0.23rem;
}
.popup-reward-success-box {
  width: 7.72rem;
  height: 3.77rem;
  background: url("../imgs/popup/popup-reward-success.png") no-repeat;
  background-size: 100% 100%;
}
.popup-reward-success-box .bClose {
  cursor: pointer;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.36rem;
  right: 0.27rem;
}
.popup-reward-repeated-box {
  width: 7.76rem;
  height: 3.8rem;
  background: url("../imgs/popup/popup-reward-repeated.png") no-repeat;
  background-size: 100% 100%;
}
.popup-reward-repeated-box .bClose {
  cursor: pointer;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.36rem;
  right: 0.27rem;
}
.popup-account-login-box {
  background: url("../imgs/popup/login/account/bg.png") no-repeat;
  background-size: 100% 100%;
  width: 7.78rem;
  height: 5.77rem;
  background-color: white;
  font-size: 0.6rem;
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  padding: 0.5rem;
}
.popup-account-login-box .account {
  position: absolute;
  top: 1.17rem;
  left: 1.8rem;
}
.popup-account-login-box .password {
  position: absolute;
  top: 2.3rem;
  left: 1.8rem;
}
.popup-account-login-box .input-item {
  width: 4.8rem;
  height: 0.75rem;
  font-size: 0.3rem;
}
.popup-account-login-box .eye {
  cursor: pointer;
}
.popup-account-login-box .eye.open {
  position: absolute;
  top: 2.53rem;
  right: 0.7rem;
  width: 0.45rem;
  height: 0.27rem;
  background: url("../imgs/popup/login/account/open-eye.png") no-repeat;
  background-size: 100% 100%;
}
.popup-account-login-box .eye.close {
  position: absolute;
  top: 2.48rem;
  right: 0.7rem;
  width: 0.44rem;
  height: 0.46rem;
  background: url("../imgs/popup/login/account/close-eye.png") no-repeat;
  background-size: 100% 100%;
}
.popup-account-login-box .checkbox {
  cursor: pointer;
  position: absolute;
  bottom: 0.92rem;
  left: 0.35rem;
  width: 0.35rem;
  height: 0.35rem;
}
.popup-account-login-box .btn {
  position: absolute;
  width: 3.4rem;
  height: 0.9rem;
  bottom: 1.5rem;
  left: 2.2rem;
  cursor: pointer;
}
.popup-account-login-box .desc-link1 {
  cursor: pointer;
  position: absolute;
  bottom: 0.85rem;
  left: 0.8rem;
  width: 1.3rem;
  height: 0.5rem;
}
.popup-account-login-box .desc-link2 {
  cursor: pointer;
  position: absolute;
  bottom: 0.85rem;
  left: 2.4rem;
  width: 2.5rem;
  height: 0.5rem;
}
.popup-account-login-box .google-icon {
  width: 0.55rem;
  height: 0.55rem;
  position: absolute;
  bottom: 0.25rem;
  left: 2.96rem;
  cursor: pointer;
}
.popup-account-login-box .facebook-icon {
  width: 0.55rem;
  height: 0.55rem;
  position: absolute;
  bottom: 0.25rem;
  right: 3.05rem;
  cursor: pointer;
}
.popup-account-login-box .return {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.25rem;
  left: 0.2rem;
  cursor: pointer;
}
.popup-envelope-box {
  width: 12.42rem;
  height: 19.85rem;
  background: url("../imgs/popup/chat/bg.png") no-repeat;
  background-size: 100% 100%;
}
.popup-envelope-box .btn {
  cursor: pointer;
  position: absolute;
  left: 4.9rem;
  bottom: 2.5rem;
  width: 2.6rem;
  height: 0.72rem;
}
.popup-system-error-box {
  width: 7.75rem;
  height: 3.79rem;
  background: url("../imgs/popup/popup-system-error.png") no-repeat;
  background-size: 100% 100%;
}
.popup-system-error-box .bClose {
  cursor: pointer;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.36rem;
  right: 0.27rem;
}
.popup-copy-success-box {
  width: 5.79rem;
  height: 2.84rem;
  background: url("../imgs/popup/popup-copy-success.png") no-repeat;
  background-size: 100% 100%;
}
.popup-copy-success-box .bClose {
  cursor: pointer;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.16rem;
  right: 0.21rem;
}
.popup-password-error-box {
  width: 7.69rem;
  height: 3.75rem;
  background: url("../imgs/popup/popup-password-error.png") no-repeat;
  background-size: 100% 100%;
}
.popup-password-error-box .bClose {
  cursor: pointer;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.3rem;
  right: 0.21rem;
  background: url("../imgs/popup/close.png") no-repeat;
  background-size: 100% 100%;
}
.popup-preallow-box {
  width: 7.69rem;
  height: 3.75rem;
  background: url("../imgs/popup/popup-preallow.png") no-repeat;
  background-size: 100% 100%;
}
.popup-preallow-box .bClose {
  cursor: pointer;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 0.3rem;
  right: 0.21rem;
  background: url("../imgs/popup/close.png") no-repeat;
  background-size: 100% 100%;
}