* {
  margin: 0;
  padding: 0; }

#afooter {
  background-color: #000; }

#afooter p {
  color: #fff;
  font-size: 0.22rem;
  text-align: center;
  line-height: 0.26rem; }

body {
  padding-top: 0;
  background-color: #1b746c; }

@font-face {
  font-family: 'hpqdgsj';
  src: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/hpqdgsj.TTF); }

.loginABtn, .box1_title, .inviteA, .box2_title, .boxInvite_title, .box3_title, .box4_title, .dia_yes, .dia_no {
  line-height: 9999rem;
  overflow: hidden; }

.box1 .innerDiv, .box2 .innerDiv, .boxInvite .innerDiv, .box3 .innerDiv, .box4 .innerDiv {
  width: 6.9rem;
  margin: 0 auto; }

.box2, .boxInvite, .box3, .box4 {
  margin-top: -.01rem; }

.box1 {
  overflow: hidden;
  height: 7.72rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/m_bg1.jpg) center top no-repeat;
  background-size: 100%;
  margin-top: -.01rem; }
  .box1 .innerDiv {
    position: relative;
    overflow: hidden; }

.loginBox {
  position: absolute;
  top: .18rem;
  right: 0; }

.loginABtn {
  display: block;
  width: 2rem;
  height: .5rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/loginBg.png) no-repeat;
  background-size: 100%; }

.nickName {
  display: inline-block;
  max-width: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle; }

.loginedDiv {
  font-size: .2rem; }
  .loginedDiv span {
    color: #fff; }

.txImg {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle; }

.logOutABtn {
  color: #fff;
  border: .01rem solid #fff;
  padding: .1rem;
  border-radius: .2rem; }

.box1_title {
  width: 2.68rem;
  height: .6rem;
  margin: 5.75rem auto 0;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/box1_title.png) no-repeat;
  background-size: 100%; }

.inviteA {
  display: block;
  width: 5.2rem;
  height: .7rem;
  margin: .2rem auto 0;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/box1_invite.png) no-repeat;
  background-size: 100%; }

.box2 {
  height: 8rem;
  background: #033b36 url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/m_bg2.jpg) center top no-repeat;
  background-size: 100%;
  overflow: hidden; }

.box2_title {
  width: 3.33rem;
  height: .76rem;
  margin: 0 auto;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/box2_title.png) center no-repeat;
  background-size: 100%; }

.box_title1 {
  color: #e4fffc;
  text-align: center;
  font-size: .2rem;
  margin-top: .19rem; }

.friendsDiv {
  width: 6.9rem;
  margin: .2rem auto 0;
  display: flex;
  justify-content: center;
  flex-flow: row wrap; }
  .friendsDiv .loginedDiv {
    font-size: .12rem; }
  .friendsDiv li {
    width: 1.3rem;
    margin: 0 .21rem .2rem;
    overflow: hidden; }
    .friendsDiv li img {
      width: 1.3rem;
      height: 1.3rem;
      border-radius: 50%;
      margin: 0 auto; }
    .friendsDiv li span {
      display: block;
      font-size: .18rem;
      width: 1.3rem;
      text-align: center;
      color: #e4fffc;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin: .05rem 0 .1rem 0; }
  .friendsDiv .logOutABtn {
    display: block;
    width: .98rem;
    height: 0.38rem;
    line-height: 0.38rem;
    margin: 0 auto;
    padding: 0;
    border: .01rem solid #0d514a;
    border-radius: .05rem;
    text-align: center;
    color: #388b83;
    font-size: .18rem; }

.inviteFriend, .prizeA {
  display: block;
  width: .98rem;
  height: 0.38rem;
  line-height: 0.38rem;
  margin: 0 auto;
  border-radius: .05rem;
  font-size: .18rem; }

.inviteFriend {
  color: #ffa900;
  border: .01rem solid #ffa900;
  text-align: center; }

.prizeA {
  border: .01rem solid #0d514a;
  color: #388b83;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/prize1.png) 0.28rem 0.1rem no-repeat;
  background-size: .2rem .18rem;
  text-indent: .52rem; }

.boxInvite {
  height: 6.74rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/m_bg3.jpg) center top no-repeat;
  background-size: 100%; }

.boxInvite_title {
  width: 4.36rem;
  height: .76rem;
  margin: 0 auto .28rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/m_boxInviteTitle.png) no-repeat;
  background-size: 100%; }

.paceUl {
  width: 7.2rem;
  margin-left: -.2rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-flow: row wrap; }
  .paceUl li {
    width: 1.8rem;
    text-align: center;
    margin: 0 0 .28rem  -.02rem; }

.intivePeople {
  font-family: 'hpqdgsj';
  color: #388b83;
  font-size: .22rem; }
  .intivePeople i {
    color: #ffc148; }

.bgSpan {
  display: block;
  height: .12rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/greenBg.png) no-repeat;
  background-size: 1.8rem .3rem; }
  .bgSpan.yellowSpan {
    background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/greenBg.png) no-repeat;
    background-size: 1.8rem .3rem;
    background-position: 0 -.18rem; }

.prizeShow {
  width: 1.2rem;
  height: 1.29rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/box2_prizeBg.png) no-repeat;
  background-size: 100%;
  margin: .05rem auto .1rem;
  position: relative; }
  .prizeShow p {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    color: #388b83;
    line-height: .25rem;
    font-size: .14rem;
    text-align: center; }
  .prizeShow img {
    width: 1.2rem;
    height: 1.04rem;
    margin: .1rem auto 0; }

.onlyGreen {
  display: block;
  width: 100%;
  height: .12rem;
  background-color: #0d514a; }

.noGet {
  width: 1rem;
  margin: 0 auto; }

.noGet, .box3Btn {
  display: block;
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: .05rem;
  text-align: center;
  color: #388b83;
  font-size: .16rem; }

.noGet {
  background-color: #0d514a; }
  .noGet.canGet {
    color: #fff;
    background-color: #ffa900; }

.box3Btn {
  color: #23887f;
  background-color: #156860;
  width: 1.2rem;
  margin: 0 auto .3rem; }
  .box3Btn.box3Get {
    color: #fff;
    background-color: #ffa900; }

.box3 {
  height: 13.47rem;
  overflow: hidden;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/m_bg4.jpg) center top no-repeat;
  background-size: 100%; }
  .box3 .innerDiv {
    width: 7.5rem; }
  .box3 .box_title1 {
    color: #50c7bc; 
    width: 6.9rem;
    margin: 0 auto;}

.box3_title {
  width: 4.42rem;
  height: .76rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/box3_title.png) center top no-repeat;
  background-size: 100%;
  margin: 0 auto; }

.numDiv {
  display: flex;
  justify-content: center; }
  .numDiv p {
    color: #50c7bc;
    text-align: center;
    width: 3.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: .05rem;
    background-color: #166e66;
    margin: .21rem .05rem .5rem;
    font-size: .2rem; }
  .numDiv span {
    color: #ffc148;
    padding-left: .32rem;
    position: relative; }
    .numDiv span::before {
      content: '';
      position: absolute;
      top: 0;
      left: .02rem;
      width: .28rem;
      height: .26rem;
      background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dou1.png) center no-repeat;
      background-size: 100%; }

.box3_prize {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 7.2rem;
  margin: 0 auto; }
  .box3_prize li {
    width: 3.55rem; }
  .box3_prize div {
    height: 1.2rem;
    background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/m_box3PrizeBg.png) center no-repeat;
    background-size: 100%;
    position: relative;
    margin-bottom: .2rem; }

.taskP {
  color: #ffc148;
  width: 2rem;
  position: absolute;
  top: .43rem;
  left: .1rem;
  font-size: .2rem; }

.prizeP {
  position: absolute;
  top: .7rem;
  left: 2.18rem;
  color: #5bdace; }
  .prizeP span {
    display: block;
    font-size: .14rem; }

.box4 {
  height: 20rem;
  background: #bee4e4 url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/m_bg5.jpg) center top no-repeat;
  background-size: 100%;
  overflow: hidden; }

.box4_title {
  height: .76rem;
  width: 2.4rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/box4_title.png) center top no-repeat;
  background-size: 100%;
  margin: 0 auto; }

.box4_dou {
  color: #41837c;
  font-size: .16rem;
  text-align: center;
  margin-top: .14rem; }
  .box4_dou span {
    color: #b65302;
    padding-left: .32rem;
    position: relative; }
    .box4_dou span::before {
      content: '';
      position: absolute;
      top: -.04rem;
      left: .02rem;
      width: .28rem;
      height: .26rem;
      background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dou1.png) center no-repeat;
      background-size: 100%; }
  .box4_dou a {
    margin-left: .2rem;
    color: #41837c; }
    .box4_dou a:hover {
      text-decoration: underline; }

.box4Prize {
  width: 6.9rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-flow: row wrap; }
  .box4Prize li {
    width: 1.5rem;
    margin: .4rem .11rem 0; }
  .box4Prize div, .box4Prize p {
    color: #0d514a;
    text-align: center; }
  .box4Prize div {
    font-size: .2rem;
    width: 1.46rem;
    height: 1.46rem;
    border: .02rem solid #6cbcb5;
    background-color: #acdad9;
    border-radius: .07rem;
    overflow: hidden;
    position: relative; }
    .box4Prize div span {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      line-height: .3rem; }
    .box4Prize div img {
      width: 1.46rem;
      height: 1.16rem; }
    .box4Prize div .num50 {
        line-height: .2rem; }
  .box4Prize p {
    font-size: .18rem;
    margin: .1rem 0 .2rem 0; }
    .box4Prize p span {
      padding-left: .25rem;
      position: relative; }
      .box4Prize p span::before {
        content: '';
        position: absolute;
        top: .02rem;
        left: .02rem;
        width: .2rem;
        height: .18rem;
        background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/prize1.png) center no-repeat;
        background-size: 100%; }

.box4Get {
  display: block;
  width: 1rem;
  height: 0.4rem;
  line-height: 0.4rem;
  margin: 0 auto;
  text-align: center;
  background-color: #ffa900;
  border-radius: .05rem;
  color: #fff;
  font-size: .16rem; }

.box4Get.noGet {
  color: #eeeeee;
  background-color: #accac9; }

.rules {
  margin: .5rem .5rem 0; }
  .rules .titleRules {
    color: #0d514a;
    font-family: 'hpqdgsj';
    font-size: .36rem;
    margin-bottom: .25rem; }
  .rules li {
    line-height: .32rem;
    color: #41837c;
    font-size: .22rem; }

.dialog {
  outline: none; }

.dialog0 .dia-con {
  width: 100%;
  height: 100%; }

.dialog0 .shareDiaimg {
  width: 5.94rem;
  height: 5.24rem;
  display: block;
  margin: 0 auto 0; }

.dia1-close {
  width: 7.5rem;
  height: 6rem; }

.hd {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0px; }

.dialog1 {
  width: 6rem;
  height: 4.54rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia_shareBg.png) center top no-repeat;
  background-size: 100%; }
  .dialog1 .dialog-title {
    font-size: .36rem;
    color: #39c2b5;
    text-align: center;
    line-height: .8rem;
    font-family: 'hpqdgsj'; }

.dia-con {
  overflow: hidden; }

.dia-close {
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia_close.png) no-repeat;
  background-size: 100%;
  width: .29rem;
  height: .29rem;
  right: .2rem;
  top: .2rem;
  position: absolute;
  text-indent: -9999rem; }

.dialog1_content {
  margin-top: .3rem;
  display: flex;
  justify-content: space-between; }

.dia1_words {
  width: 4.2rem;
  color: #39c2b5;
  font-size: .2rem;
  line-height: .38rem; }
  .dia1_words span {
    display: inline-block;
    width: .83rem;
    text-indent: .1rem;
    color: #04524a;
    margin-right: .05rem;
    background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia_fsBg.png) no-repeat;
    background-size: 100%; }

.dia1_p {
  margin-top: .57rem; }

.gift-qrcode {
  width: 1.6rem;
  height: 1.6rem;
  border: .05rem solid #177a71;
  background-color: #fff;
  margin-right: .05rem; }

.copy {
  margin-left: .65rem; }
  .copy input {
    margin: .16rem 0;
    padding: .15rem .32rem;
    width: 4.12rem;
    border-radius: .05rem;
    background-color: #025149;
    font-size: .18rem;
    color: #177a71; }

.copy-btn {
  display: block;
  width: 4.76rem;
  height: .5rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia_shareBtn.png) no-repeat;
  background-size: 100%; }

.dia_icon {
  position: absolute;
  left: -1.15rem;
  bottom: -.17rem;
  width: 2.06rem;
  height: 1.35rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia_icon.png) no-repeat;
  background-size: 100%; }

.noneDiv {
  width: 0;
  height: 0; }

.dialog2 {
  width: 6rem;
  height: 3.32rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia_shareBg.png) center top no-repeat;
  background-size: 6rem 3.32rem; }

.dialog2 .loginedDiv {
  line-height: .65rem;
  font-size: .32rem;
  color: #ffc148;
  font-family: 'hpqdgsj'; }

.dialog2 .txImg {
  width: 1.26rem;
  height: 1.26rem;
  border: .02rem solid #0c4e47;
  margin-top: -.7rem;
  border-radius: 50%;
  overflow: hidden; }

.dialog2 .nickName {
  color: #39c2b5;
  max-width: 2.5rem; }

.tips1 {
  text-align: center;
  font-size: .2rem;
  color: #39c2b5;
  line-height: .25rem;
  margin-top: .39rem; }
  .tips1 .nickName {
    max-width: 1.5rem;
    color: #ffc148; }

.dia_yes, .dia_no {
  display: block;
  width: 4.76rem;
  height: .5rem; }

.dia_yes {
  margin: .3rem auto .1rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia_yes.png) no-repeat;
  background-size: 100%; }

.dia_no {
  margin: 0 auto;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia_no.png) no-repeat;
  background-size: 100%; }

.tips2 {
  font-size: .16rem;
  margin-top: .2rem;
  text-align: center;
  color: #39c2b5; }
  .tips2 span {
    color: #ffc148;
    margin-right: .05rem; }

.dialog3 {
  width: 6rem;
  height: 5rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia3_record.png) center top no-repeat;
  background-size: 6rem 5rem; }
  .dialog3 .dialog-title {
    font-size: .36rem;
    color: #39c2b5;
    text-align: center;
    line-height: .8rem;
    font-family: 'hpqdgsj'; }

.dia3_title {
  margin: .04rem auto 0; }

.dia3_title, .prizeUl {
  font-size: 0;
  width: 5.92rem; }
  .dia3_title span, .prizeUl span {
    display: inline-block;
    font-size: .16rem;
    text-align: center; }
    .dia3_title span:nth-child(1), .prizeUl span:nth-child(1) {
      width: 2.7rem; }
    .dia3_title span:nth-child(2), .prizeUl span:nth-child(2) {
      width: 1.3rem;
      margin: 0 .02rem; }
    .dia3_title span:nth-child(3), .prizeUl span:nth-child(3) {
      width: 1.88rem; }

.dia3_title span {
  background-color: #025149;
  color: #177a71;
  height: .44rem;
  line-height: .44rem; }

.prizeUl {
  margin: .1rem auto 0;
  height: 2.87rem;
  overflow: hidden;
  color: #39c2b5; }
  .prizeUl li {
    line-height: .2rem;
    margin-top: .1rem; }
  .prizeUl span {
    font-size: .2rem; }

.paging {
  margin-top: .32rem;
  text-align: center;
  font-size: .16rem;
  color: #39c2b5; }
  .paging span {
    color: #ffc148;
    margin: 0 .2rem; }

.dialog4 {
  width: 6rem;
  height: 3.7rem;
  border-radius: .2rem;
  background: url(//game.gtimg.cn/images/ylands/cp/a20210922yqhy/dia_shareBg.png) center bottom no-repeat;
  background-size: 6rem 4.54rem; }
  .dialog4 p {
    width: 5rem;
    text-align: center;
    font-size: .16rem;
    color: #39c2b5;
    margin: 1.5rem auto 0; }
  .dialog4 a {
    color: #ffa900;
    text-decoration: underline;
    margin: 0 5px; }