@charset "utf-8";
html body{
  background: #b1d056;
}

/* 春回大地修改背景图 */
.container {
  background:url(../img/banner.png) #b1d056 no-repeat center top;
  background-size: 7.5rem 7.6rem;
  padding-bottom: .54rem;
  position: relative;
}

.banner {
  width: 7.5rem;
  height: 7.6rem;
  margin: 0 auto;
}

.event-none {
  pointer-events: none;
  width: 100%;
}
img {
  vertical-align: top;
  border: none;
}

/* 活动规则 */
.activityintroduction {
  width: 1.42rem;
  height: 0.42rem;
  background-color: #0283C7;
  border-radius: .21rem 0 0 .21rem;
  position: absolute;
  right: 0;
  top: 0.38rem;
  font-size: 0.24rem;
  font-family: SourceHanSansCN;
  color: #FBFDFF;
  line-height: 0.42rem;
  font-weight: 400;
}
.activeimg{
  width: .18rem;
  height: .2rem;
  margin-left: .1rem;
  margin-right: .06rem;
}


.contents {
  width: 7.1rem;
  margin: 0 auto;
}

#nav ul li {
  background: url(../img/qiehuanbj.png) no-repeat center;
  width: 3.45rem;
  height: .68rem;
  text-align: center;
  font-size: 0.3rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #363636;
  line-height: 0.68rem;
  border-radius: 0.16rem 0.16rem 0 0;
  margin-right: 0.2rem;
  box-sizing: border-box;
}

#nav ul li:last-child {
  margin-right: 0;
}

.tab_content > div {
  width: 7.1rem;
  margin: 0 auto;
  display: none;
box-shadow: 0 .06rem .06rem 0 rgba(151, 182, 61, 0.45);
border-radius: 0 0 .16rem .16rem;

}

.tab_content > div:first-child {
  display: block;
  height: 2.2rem;
}

#nav .on {
font-size: .3rem;
font-family: SourceHanSansCN;
font-weight: 400;
color: #D44C6D;
background: url(../img/qiehuanon.png) no-repeat center  bottom #ffffff;
background-size: 3.45rem .13rem;
}

.active {
  position: fixed;
  top: 0;
}






/* 弹窗*/
.rxk-mask {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 600;
  position: fixed;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.first-alert{
  left: 0.38rem;
  top: 1.9rem;
  width: 6.74rem;
  z-index: 1000;
  position: fixed;
  display: none;
}

.bigtan{
  width: 6.74rem;
  height: 8.16rem;
}

.zfxq-alert {
  left: 0.55rem;
  top: 3.1rem;
  width: 6.4rem;
  border-radius: .2rem;
  padding: 0 0 0.48rem;
  z-index: 1000;
  position: fixed;
  background: url(../img/tcbj1.png)  no-repeat;
  background-size: 100%;
  display: none;
}
.close-btn {
  right: .22rem;
  top: .22rem;
  width: 0.38rem;
  height: 0.38rem;
  position: absolute;
  background: url(../img/alert_close.png) no-repeat;
  background-size: 100%;
}

.closebtn-first{
  right: .66rem;
  top: .8rem;
  width: 0.72rem;
  height: 0.72rem;
  position: absolute;
  background: url(../img/closefirst.png) no-repeat;
  background-size: 100%;
}

.cgimg{
  width: 5.46rem;
  height: 2.18rem;
  margin-left: .48rem;
}

.txtword {
  font-size: 0.24rem;
  font-family: SourceHanSansCN;
  /* 春回大地修改行高。24改为。3 */
  line-height: 0.3rem;
  padding: 0 0.55rem;
  text-align: center;
  box-sizing: border-box;
  font-weight: 400;
  color: #535352;
  margin: .24rem 0 .48rem 0;
}

.btnqr {
background: linear-gradient(0deg, #FD554B, #F6965E);
border-radius: 30px;
  width: 5.35rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.3rem;
font-family: SourceHanSansCN;
font-weight: 400;
color: #FFFFFF;
/* -webkit-text-stroke: 2px #D56047;
text-stroke: 2px #D56047; */
  line-height: 0.6rem;
  text-align: center;
  margin: 0 auto;
}

.nostarttxt{
  width: 4.58rem;
height: .73rem;
background: #E4E4E4;
border-radius: .37rem;
font-size: .3rem;
line-height: .73rem;
text-align: center;
font-family: SourceHanSansCN;
font-weight: bold;
color: #919090;
margin:0 0 .62rem .89rem;
}

.nostartimg{
  width: 6.4rem;
  height: 3.13rem;
}

#zfxq-alert2{
  padding: .82rem 0 0;
  background: url(../img/tcbj.png) no-repeat;
  background-size: 100%;
}

 .hzjs-alert {
  left: 0.55rem;
  top: 3.1rem;
  width: 6.4rem;
  height: 6.3rem;
  border-radius: .2rem;
  z-index: 700;
  position: fixed;
  background: url(../img/tcbj1.png) no-repeat;
  background-size: 100%;
  display: none;
} 
.hzjs-alert .txtp{
  width: 4.88rem;
overflow: scroll;
font-size: .22rem;
font-family: SourceHanSansCN;
font-weight: 400;
color: #919090;
margin: 0 auto .66rem;
height: 3rem;
}

.tctoptitle {
  width: 100%;
font-weight: bold;
color: #000000;
margin-top: .52rem;
  margin-bottom: 0.54rem;
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.4rem;
  font-family: SourceHanSansCN;
}
.hzjscontent {
  width: 4.88rem;
  /* background: #fff; */
  /* padding: 0.3rem 0.42rem 0; */
  margin: 0 auto;
  font-size: 0.24rem;
  font-family: SourceHanSansCN;
  color: #666666;
  line-height: 0.4rem;
  box-sizing: border-box;
  overflow: scroll;
}
.hdjsname {
  font-size: 0.28rem;
  color: #343434;
  font-weight: bold;
}
.explain {
  color: #343434;
}

.nrtxt{
  line-height: .32rem;
  height: 1.22rem;
  overflow: scroll;
}

.ychfyzmcontent {
  padding:0 0.52rem;
  border-radius: 0 0 0.3rem 0.3rem;
  box-sizing: border-box;
}

.yzmcontent {
  width: 5.3rem;
  height: 3.22rem;
  background: #f2f2f2;
  border-radius: 0.2rem;
  margin: 0 auto 0.56rem;
  box-sizing: border-box;
  padding: 0.46rem 0.28rem 0.62rem;
}

.tipcontent {
font-weight: 400;
color: #535352;
line-height: .36rem;
  text-align: left;
  font-size: 0.26rem;
  font-family: SourceHanSansCN;
}

.verificationcode{
  width: 5.35rem;
  height: .6rem;
background: #FFFFFF;
border: .02rem solid #adadad;
border-radius: .3rem;
margin: .46rem auto .39rem;
padding-left: .17rem;
box-sizing: border-box;
}

.safeimg{
  width: .28rem;
  height: .34rem;
}

.verificationcode input {
  width: 3.3rem;
  /* height: 0.6rem; */
  font-size: 0.24rem;
  /* line-height: 0.6rem; */
  border-radius: 0.02rem;
  border: none;
  outline: 0;
  padding-left: 0.1rem;
  box-sizing: border-box;
}

input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-weight: 400;
  color: #B0B0B0;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-weight: 400;
  color: #B0B0B0;
}
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-weight: 400;
  color: #B0B0B0;
}
input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-weight: 400;
  color: #B0B0B0;
}
.getverificationcode {

  font-size: 0.24rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #3284AD;
  line-height: 0.6rem;
  margin-right: .3rem;
}

.chongfa {
  font-size: 0.24rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #3284AD;
  line-height: 0.64rem;
  display: none;
}

.btnanniu {
  box-sizing: border-box;
  padding-bottom: .52rem;
}
.btncancel {
  width: 2.14rem;
  height: 0.6rem;
  background: #FFFFFF;
  border: 2px solid rgba(249, 124, 86, 0.65);
  border-radius: 0.3rem;
  font-size: 0.3rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #535352;
  text-align: center;
  line-height: 0.6rem;
}
.btnquer {
  width: 2.14rem;
  height: 0.6rem;
  background: linear-gradient(0deg, #FD554B, #F6965E);
  border-radius: 0.3rem;
  font-size: 0.3rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.6rem;
}

.quancontent {
  height: 6.08rem;
}

.quanyzmcontent {
  height: 3.68rem;
}
a {
  color: #0599f9;
}

/* 春回大地领取记录 */
.rewardcontent {
  width: 5.04rem;
  height: 3.05rem;
  background: #F1963C;
  margin: -.17rem auto .56rem;
  border-radius: 0.16rem 0.16rem 0 0;
  box-sizing: border-box;
}

.rewardlist {
  height: 3rem;
  overflow: scroll;
}
.mytable {
  width: 100%;
  border-spacing: 0;
}

.mytable thead {
  width: 5.04rem;
  height: .5rem;
  /* background: #F1963C;
  border-radius: .16rem .16rem 0 0; */
}


.mytable thead td {
  color: #A9590A;
  text-align: center;
  font-size: 0.22rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  line-height: 0.5rem;
  height: 0.5rem;
}

.mytable thead td:nth-child(1) {
  width: 2.08rem;
  border-right: 0.01rem solid #DADADA;
}

.mytable tbody tr {
  background: #FFFCEE;
}

.mytable tbody tr:nth-child(2n) {
  background: #FFF8D5;
}
.mytable tbody td {
  font-size: 0.22rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #363636;
  text-align: center;
  height: .5rem;
  line-height: 0.5rem;

}
.mytable tbody td:nth-child(1) {
  border-right: 0.01rem solid #DADADA;
}
.rewardkong {
  height: 3.0rem;
  text-align: center;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #535352;
  font-size: 0.3rem;
  line-height: 0.48rem;
  margin: -.17rem auto .56rem;
}




/* 开福袋文案图 */
.kaifd{
  margin:.18rem 0 .34rem 0;
  position: relative;
}
.btnfd{
  position:absolute;
  width: 5.98rem;
  height: 1.02rem;
  bottom: 2.12rem;
  left: .76rem;
}

/* 领取权益 */
.lqy{
  margin-top: .22rem;
  position: relative;
}
.btnbiglq{
  position: absolute;
  top: 1.84rem;
  right:.6rem ;
  width: 1.3rem;
  height: .4rem;
}
/* 统一按钮（去使用） */
.lqbtn{
  position: absolute;
  top: 4.94rem;
  right:.6rem ;
  width: 1.3rem;
  height: .4rem;
  background: url(../img/qsy.png) no-repeat;
  background-size: 1.3rem .4rem;
}

/* 立即领取按钮 */
.ljlqbtn{
  background: url(../img/ljlq.png) no-repeat;
  background-size: 1.3rem .4rem;
}

/* 已使用按钮 */
.ysybtn{
  background: url(../img/ysy.png) no-repeat;
  background-size: 1.3rem .4rem;
}

/* 流量位置 */
.liuliangbtn{
  top: 6.64rem;
}

/* 附加礼 */
.fjl{
  position: absolute;
  top: 8.48rem;
  left: .4rem ;
  width: 6.7rem;
  height: 2.16rem;
  padding-top: .4rem;
  padding-left: .25rem;
  box-sizing: border-box;
}

.swiper-container {
	width: 100%;
}

/* 春回大地冲突修改 */
.fjl .swiper-slide {
  width: 3rem!important;
  height: 1.5rem!important;
}

.swiper-slide {
	width: 3rem!important;
  height: 1.5rem!important;
  position: relative;
}

.btnyw{
  position: absolute;
  left: .2rem;
  bottom: .12rem;
  width: 1.1rem;
  height: .32rem;
  line-height: .32rem;
  background: #D44C6D;
  border-radius: .16rem;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
}

.btnywhui{
  background: #B6B6B6;
}

.ywbox{
  width: 3rem;
  height: 1.5rem;
  background: #FFFFFF;
  border-radius: .05rem;
  padding:.22rem .15rem 0 .2rem;
  box-sizing: border-box;
}

.ywtitle{
font-size: .22rem;
line-height: .22rem;
font-family: SourceHanSansCN;
font-weight: bold;
color: #4D4D4D;
}
.ywsm{
margin: .1rem 0 .33rem 0;
font-size: .2rem;
line-height: .2rem;
font-family: SourceHanSansCN;
font-weight: 400;
color: #6B6B6B;
}

.ywimg{
  width: .8rem;
  height: .8rem;
  margin-top: .08rem;
}

.btnsee{
  position: absolute;
  bottom: 0;
  left: 2.1rem;
  width: 2.6rem;
  height: .8rem;
  display: block;
}
.wxtstxtp{
  font-weight: 600;
  height: 1.66rem;
  line-height: 0.4rem;
}


/* 春回大地样式开始 */
.content-two{
  height: 10rem;
  background: #FFFFFF;
  padding-top: .38rem;
  box-sizing: border-box;
  position: relative;
}
.yqjl{
  position: absolute;
  right: 0;
  top: .11rem;
  width: 1.41rem;
  height: .4rem;
  background: #FBD8E6;
  border-radius: .16rem 0 0 .16rem;
  line-height: .4rem;
  text-align: center;
  font-size: .24rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #D34C6D;
  display: flex;
  justify-content: center;
  align-items: center;
}

.treeplantitle{
  font-size: .36rem;
  line-height: .36rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #D34C6D;
  text-align: center;
}
.treeplantdescribe{
  width: 6.44rem;
  font-size: .24rem;
  line-height: .3rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #4D4D4D;
  text-align: left;
  margin: .24rem auto 0;
}
.treeplanting{
  padding: .2rem .7rem .4rem;
  box-sizing: border-box;
}
.jktree,.hytree,.fctree{
  width: 1.5rem;
  height: 1.74rem;
  background: linear-gradient(0deg, #E4AC4B, #D39443, #E4AC4B);
  border: .03rem solid rgba(228, 172, 75, 0.65);
  border-radius: .16rem;
  font-size: .22rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #693F08;
  line-height: .22rem;
}

/* 一个好友也没有的 */
.jktreeimg{
  width: 1.33rem;
  height: 1.14rem;
  background: url(../img/nozhong.png) no-repeat center center;
  background-size: 1.33rem 1.14rem;
  margin: .1rem auto .13rem;
}
/* 健康树苗 */
.jktreeimg1{
  background: url(../img/jiankang1.png) no-repeat center center;
  background-size: 1.33rem 1.14rem;
}
/* 好运树苗 */
.hytreeimg1{
  background: url(../img/haoyun1.png) no-repeat center center;
  background-size: 1.33rem 1.14rem;
}
/* 发财树苗 */
.fctreeimg1{
  background: url(../img/facai1.png) no-repeat center center;
  background-size: 1.33rem 1.14rem;
}
/* 健康树满 */
.jktreeimg3{
  background: url(../img/jiankang3.png) no-repeat center center;
  background-size: 1.33rem 1.14rem;
}
/* 好运树满 */
.hytreeimg3{
  background: url(../img/haoyun3.png) no-repeat center center;
  background-size: 1.33rem 1.14rem;
}
/* 发财树满 */
.fctreeimg3{
  background: url(../img/facai3.png) no-repeat center center;
  background-size: 1.33rem 1.14rem;
}


/* 不可领金币 */
.btngoldcoin{
  width: 1.3rem;
  height: .4rem;
  background: #B6B6B6;
  border: .04rem solid #989898;
  border-radius: .2rem;
  margin-top: .1rem;
  font-size: .22rem;
  line-height: .4rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFE;
  text-align: center;
}
/* 可领金币 */
.btnlqcoin{
  background: #FCD811;
  border: .04rem solid #FFEEBB;
}

.btnyhy{
  width: 5.97rem;
  height: 1.02rem;
  background: url(../img/btnyhy.png) no-repeat center center;
  background-size: 5.97rem 1.02rem;
  margin: 0 auto .25rem;
}

.dhltitle{
  font-size: .3rem;
  line-height: .3rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #D34C6D;
  padding-left: .3rem;
  box-sizing: border-box;
  margin-bottom: .2rem;
}
.titleicon{
  width: .12rem;
  height: .26rem;
  background: #D34C6C;
  border-radius: .06rem;
  display: inline-block;
  margin-right: .08rem;
}

/* 春回大地 兑换好礼 */
.exchangegift{
  width: 6.7rem;
  height: 2.86rem;
  background: linear-gradient(0deg, #E4AC4B, #D39443, #E4AC4B);
  border: .03rem solid rgba(228, 172, 75, 0.65);
  border-radius: .16rem;
  padding-top: .3rem;
  box-sizing: border-box;
  margin: 0 auto;
  padding-left: .12rem;
}

.exchangegift .swiper-slide {
  width: 2rem!important;
  height: 2.3rem!important;
  background: #FFFFFF;
  border-radius: .05rem;

}

.exchangegiftimg{
  width: .8rem;
  height: .8rem;
}

.exchangegifttitle{
  line-height: .22rem;
  font-size: .22rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #4D4D4D;
  margin: .14rem auto .1rem;
}

.exchangegiftsm{
  line-height: .2rem;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #D34C6D;
}

.btnexchangegift{
  width: 1.1rem;
  height: .32rem;
  line-height: .32rem;
  background: #F2B206;
  border-radius: .16rem;
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: .13rem;
  text-align: center;
}
/* 邀好友弹窗 */
/* 邀好友植树 */
.yhy-alert {
  left: 0.55rem;
  top: 3.1rem;
  width: 6.4rem;
  height: 6.3rem;
  border-radius: .2rem;
  z-index: 700;
  position: fixed;
  background: url(../img/yhytcbj.png) no-repeat;
  background-size: 100%;
  display: none;
}
.yhytxt{
  width: 4.58rem;
  height: .73rem;
  background: #ffe1dc;
  border-radius: .37rem;
  font-size: .3rem;
  line-height: .73rem;
  text-align: center;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #363636;
  margin:.82rem auto 3.7rem;
}
.yhy-alert1{
  background: url(../img/jsstcbj.png) no-repeat;
  background-size: 100%;
}
.tips{
  font-size: .2rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #FF0000;
  line-height: .2rem;
  margin: .18rem 0 0 .25rem;
}

/**分享蒙层**/
.mysharemask{
  top:0;
  left:0;
  width:100%;
  height:100%;
  position:fixed;
  z-index: 1000;
  background:rgba(0,0,0,0.7);
}
.shareImg{
  width: 5.32rem;
  position: fixed;
  right: 0;
  top: 0;
}