@font-face {
font-family: 'myFont';
src: url("fzy.ttf") format('truetype');
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a{text-decoration:none;}
button,input,select,textarea {font-size: 100%;outline: none;}
button,input {-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255,255,255,0);outline: none;border: none;}
html{background:#f8f8f8;font-size:50px;-webkit-tap-highlight-color:rgba(255,255,255,0);color: #fff;font-family: 'myFont';}
.foot{font-size: .24rem;color: #fff;background: #000;text-align: center;padding: .3rem 0;}
[v-cloak]{display: none;}
#app{
    padding: 9.18rem 0  0;
    background: url("//game.gtimg.cn/images/peng/act/a20210715sqlb/bj.jpg") no-repeat center top/100%;
    width: 100%;
    position: relative;
}
#app.invitee{
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/share-bg.jpg) no-repeat center top;
    background-size: cover;
    box-sizing: border-box;
}
.invitee .info_box{
    margin-bottom: 0;
}
.login_p{
    font-size: .26rem;
    text-align: center;
}
.invite_btn,.receive_btn,.received_btn{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -2.13rem -2.32rem/8rem 8rem;
	width: 3rem;
	height: .88rem;
    display: block;
    margin: .31rem auto .16rem;
}
.receive_btn{
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/receive_btn.png)no-repeat center top/100% 100%;
    width: 3.71rem;
    height: 1.12rem;
}
.info_box{
    margin-bottom: 2.27rem;
    text-align: center;
}
.info_box p{
    font-size: .26rem;
    color: #1590e4;
}
.info_box p>span{
    font-size: .34rem;
    color: #ff6c75;
}
.info_box>div{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -.07rem -4.54rem/8rem 8rem;
	width: 5.87rem;
	height: .46rem;
    margin: 0.22rem auto;
    line-height: .46rem;
    font-size: .22rem;
}
.activity_box{
    text-align: center;
    padding-top: .1rem;
}
.activity_box .count{
    background:#51b1f0;
    border-radius:.32rem;
    width: 5.96rem;
    height: .64rem;
    margin: 0 auto;
    font-size: .36rem;
    margin-bottom: .2rem;
}
.activity_box .count>span{
    color: #fbea80;
    font-size: .5rem;
    display: inline-block;
    margin: 0 .1rem;
}
.eggs_box{
    height: 3.14rem;
    padding: .81rem .35rem 0;
    position: relative;
    margin-bottom: .27rem;
}
.eggs_box .view_rewards_btn{
    color: #fcf19d;
    font-size: .28rem;
    text-decoration: underline;
    position: absolute;
    top: .18rem;
    right: 0.47rem;
}
.eggs_box ul {
    display: flex;
    justify-content: space-around;
}
.eggs_box ul li img{
    width: 1.8rem;
    height: 2.86rem;
}
.eggs_box .hammer{
    width: 1.56rem;
    height: 1.66rem;
    position: absolute;
}
.activity_box .smash_btn{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -2.13rem -1.29rem/8rem 8rem;
	width: 3rem;
	height: .88rem;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.activity_box .count_times{
    font-size: .28rem;
    text-align: left;
    padding: 0 .54rem;
    margin-top: .26rem;
}
.activity_box .count_times>strong{
    color: #fcf19d;
    font-size: .34rem;
}
.activity_box .count_times>span{
    float: right;
    text-decoration: underline;
    position: relative;
    z-index: 1;
}
.introduction_box{
    width: 6.6rem;
    height: 2.745rem;
    background-color: #68baf0;
    border-radius: .05rem;
    margin: .26rem auto 0;
    padding: .28rem .27rem .47rem;
    box-sizing: border-box;
    font-size: .28rem;
    position: relative;
}
.introduction_box::before{
    content: '';
    position: absolute;
    display: block;
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/ribbon.png') no-repeat center top/100% 100%;
	width: 7.04rem;
	height: 2.52rem;
    right: -0.45rem;
    top: -1.55rem;
}
.introduction_box h3{
    color: #fcf19d;
    font-size: .34rem;
    margin-bottom: .2rem;
}
.introduction_box ul li{
    line-height: 2;
}
.introduction_box ul li>span{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -.79rem -2.24rem/8rem 8rem;
	width: .42rem;
	height: .39rem;
    display: inline-block;
    text-align: center;
    line-height: .45rem;
    margin-right: .15rem;
}
.rewards_box{
    margin-top: .5rem;
}
h2{
    font-size: .4rem;
    color: #fcf19d;
    text-align: center;
    position: relative;
}
h2::after,h2::before{
    content: '';
    position: absolute;
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -.08rem -2.24rem/8rem 8rem;
	width: .27rem;
	height: .27rem;
    display: block;
    top: 50%;
    margin-top: -.135rem;
    right: 12%;
}
h2::before{
    left:12%;
}
.rewards_list{
    height: 6.9rem;
    margin-top: .18rem;
    text-align: left;
    padding: .19rem .45rem 0.42rem;
    box-sizing: border-box;
    position: relative;
}
.rewards_list>p{
    font-size: .28rem;
    margin: .1rem 0 .3rem;
    padding: 0 .17rem;
}
.rewards_list>p span{
    color: #fcf19d;
    font-size: .34rem;
}
.rewards_list .item{
    width: 1.74rem;
    display: inline-block;
    height: 2.49rem;
    margin-left: .23rem;
}
.rewards_list .item>div{
    height: 1.73rem;
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -.07rem -6.15rem/8rem 8rem;
	width: 1.74rem;
    margin-bottom: .22rem;
    font-size: .3rem;
    text-align: center;
}
.rewards_list .item>div p{
    line-height: .47rem;
}
.rewards_list .item>div img{
    display: block;
    width: 1.5rem;
    margin: -.13rem auto;

}
.rewards_list .item>button{
	width: 1.73rem;
	height: .54rem;
    display: block;
    font-size: .28rem;
    color: #a35e01;
    line-height: .54rem;
    font-family: 'myFont';
}
.rewards_list .item>button.receive_btn{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -0.07rem -3.20rem/8rem 8rem;
}
.rewards_list .item:nth-of-type(1){
    margin-left: .17rem;
}
.rewards_list .item:nth-of-type(4),.rewards_list .item:nth-of-type(5){
    margin-top: .3rem;
}
.rewards_list .item:nth-of-type(4){
    margin-left: 1.67rem;
}
.rewards_list .item>button.received_btn{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -.04rem -3.88rem/8rem 8rem;
    color: #545454;
}
.rewards_list .bear_png{
    width: 1.81rem;
    height: 2.51rem;
    position: absolute;
    bottom: .42rem;
    left: 0.45rem;
}
.my_team{
    margin-top: .37rem;
}
.my_team h2::before{
    left: 33%;
}
.my_team h2::after{
    right: 33%;
}
.my_team .visit_box{
    background: #68baf0;
    width: 6.6rem;
    height: 4.925rem;
    border-radius: .05rem;
    margin: 0.35rem auto 0;
    position: relative;
}
.my_team .visit_info{
    position: relative;
    height: .9rem;
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 0 .14rem 0 .2rem;
    font-size: .28rem;
    margin-bottom: .33rem;
}
.my_team .visit_info>div span{
    color: #fcf19d;
    font-size: .34rem;
}
.my_team .visit_info::after,.my_team .visit_info::before{
    content: '';
    position: absolute;
    display: block;
    height: .01rem;
    background: #4aaae9;
    bottom: 0;
    left: .2rem;
    right: .14rem;
}
.my_team .visit_info::before{
    background: #80c1f0;
    bottom: -.01rem;
}
.avatar{
    width: 1.26rem;
    height: 1.26rem;
    padding: .05rem;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto;
}
.swiper-slide{
    text-align: center;
    /* width: 1.36rem; */
    /* margin: 0 .07rem; */
}
.swiper-slide .user_name{
    font-size: .23rem;
    margin-top: .06rem;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.visit_word{
    font-size: .17rem;
    margin-top: .1rem;
}
.visit_count{
    font-size: .21rem;
    color: #fcf19d;
    line-height: 1.5;
}
.swiper-button-next,.swiper-button-prev{
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb//arrow.png)no-repeat center top/100% 100%;
    width: .24rem;
    height: .4rem;
    right:.05rem;
    top: 2.3rem;
}
.swiper-button-prev{
    transform: rotateY(-180deg);
    left: .05rem;
}
.swiper_box{
    position: relative;
    width: 6rem;
    margin: 0 auto;
}
.visit_box>p{
    font-size: .28rem;
    text-align: center;
    margin-top: .24rem;
}
.visit_box>p span{
    color: #fcf19d;
}
.visit_btn_box{
    margin-top: .37rem;
    position: relative;
}
.visit_btn_box span{
    float: right;
    font-size: .28rem;
    text-decoration: underline;
    position: absolute;
    right: 0.45rem;
    top: .3rem;
}
.task_box{
    width: 6.6rem;
    /* height: 3.64rem; */
    background: #68baf0;
    border-radius: .05rem;
    margin: 3.32rem auto .5rem;
}
.task_box ul li{
    height: 1.14rem;
    padding: 0 .37rem 0 .17rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.task_box ul li:last-child button{background: none;text-decoration: underline;}
.task_box ul li div{
    font-size: .28rem;
    text-align: center;
}
.task_box ul li.li-item::after,.task_box ul li.li-item::before{
    content: '';
    position: absolute;
    display: block;
    background: #4da5de;
    height: .01rem;
    left: .36rem;
    right: .16rem;
    bottom: 0;
}
.task_box ul li.li-item::before{
    background:#80c1f0 ;
    bottom: -.01rem;
}
.task_box ul li div span{
    color: #cee9fb;
    font-size: .22rem;
    text-align: start;
    display: block;
}
.task_box ul li .task_btn{
    background:url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -6.10rem -.11rem/8rem 8rem;
	width: 1.8rem;
	height: .56rem;
    color: #fff;
    font-family: 'myFont';
    /* display: none; */
    font-size: .25rem;
    text-align: center;
    line-height: .56rem;
}
/* .task_box ul li .task_btn.active{
    display: block;
} */
.task_box ul li .task_btn.state-2{
    color: #a35e01;
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -4.2rem -5.2rem/8rem 8rem;
}
.task_box ul li .task_btn.state-3{
    line-height: .6rem;
    color: #a35e01;
    background: url("//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png") no-repeat 0rem -3.85rem/8rem 8rem;
}
.task_box ul li .taskd_btn{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -4.2rem -5.2rem/8rem 8rem;
	width: 1.8rem;
	height: .56rem;
    color: #a35e01;
    font-family: 'myFont';
    font-size: .25rem;
    text-align: center;
    line-height: .56rem;
}
.finished_box h2::before{
    left: 18%;
}
.finished_box h2::after{
    right: 18%;
}
.finished{
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/red_bg.png) no-repeat center top/100% 100%;
    width: 6.6rem;
    height: 1.44rem;
    margin: 0.27rem auto 0;
    font-size: .28rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .37rem 0 .17rem;
    box-sizing: border-box;
}
.finished span{
    color: #ce566a;
    font-size: .22rem;
}
.finished .finished-text{
    text-decoration: underline;
    color: #fff;
    font-size: .25rem;
}
.finished div{
    text-align: center;
}
.finished button{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -6.10rem -.125rem/8rem 8rem;
    width: 1.82rem;
	height: .54rem;
    font-size: .28rem;
    color: #fff;
    font-family: 'myFont';
}
.finished .ylq-btn{
    color: #a35e01;
    background: url("//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png") no-repeat 0rem -3.88rem/8rem 8rem;
}
.finished .lq-btn{
    color: #a35e01;
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -4.2rem -5.2rem/8rem 8rem;
}
.rank_box{
    margin-top: 3rem;
}
.rank_content{
    width: 5.9rem;
    height: 3.38rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    text-align: center;
}
.rank_content li{
    position: relative;
    width: 1.74rem;
}
.rank_content li:nth-of-type(1){
    padding-top: .79rem;
}
.rank_content li:nth-of-type(1) p{
    width: 92%;
    margin-left: 8%;
}
.rank_content li:nth-of-type(2){
    padding-top: .35rem;
}
.rank_content li:nth-of-type(3){
    padding-top: 1.04rem;
}
.rank_content li:nth-of-type(3) p{
    width: 92%;
    margin-right: 8%;
}
.rank_content li .light{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -6.45rem -1.48rem/8rem 8rem;
	width: 1.50rem;
	height: 1.82rem;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 5%;
}
.rank_content li .rank_png{
    position: relative;
}
.rank_content li .rank_png img{
    width: 1.32rem;
    height: 1.32rem;
    border: .05rem solid #fff;
    border-radius: 50%;
    position: relative;
}
.rank_content li .rank_png{
    position: relative;
}
.rank_content li .rank_png::before{
    content: '';
    position: absolute;
    display: block;
    width: .67rem;
    height: .54rem;
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -.02rem -.02rem/8rem 8rem;
    right: 0;
    top: -6%;
}
.rank_count{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -.04rem -1.17rem/8rem 8rem;
	width: 1.74rem;
	height: .43rem;
    margin-top: -.6rem;
    position: relative;
    font-size: .28rem;
    line-height: 1.9;
}
.first_rank{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -.04rem -.6rem/8rem 8rem;
}
.third_rank{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat -.04rem -1.74rem/8rem 8rem;
}
.rank_name{
    margin-top: .24rem;
    font-size: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rank_num{
    font-size: .2rem;
    color: #fee393;
}
.other_rank{
    width: 6.08rem;
    height: 3.88rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/rank_bg.png) no-repeat center top/100% 100%;
    margin: 0 auto;
    padding: 0 .27rem 0 .28rem;
    box-sizing: border-box;
    overflow-y: auto;
}
.rank_item{
    height: .95rem;
    border-bottom:.01rem solid #faddc4;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.rank_item:last-of-type{
    border-bottom: none;
}
.rank_item div{
    display: flex;
    align-items: center;
    margin-right: .38rem;
}
.rank_item div>img{
    width: .6rem;
    height: .6rem;
    border: 0.03rem solid #ec7c8b;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.rank_item div>span{
    height: .41rem;
    width: 1.59rem;
    background: #fbaf49;
    border-radius: .2rem;
    font-size: .22rem;
    display: inline-block;
    margin-left: -.29rem;
    text-align: center;
    line-height: .41rem;
}
.rank_item>span{
    color: #e65d66;
    display: inline-block;
    font-size: .24rem;
}
.rank_item>span:nth-of-type(1){
    width: 1.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: .31rem;
}
.rank_item>span:nth-of-type(2){
    font-size: .2rem;
    text-align: right;
    width: 25%;
}
.last_rank{
    width: 6.08rem;
    height: 1.22rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/last_rank_bg.png)no-repeat center top/100% 100%;
    margin: 0.16rem auto 0;
    padding: 0 .27rem 0 .28rem;
    box-sizing: border-box;
}
.address_btn{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/address_btn.png') no-repeat center top/100% 100%;
	width: 2.92rem;
	height: .88rem;
    display: block;
    margin: .92rem auto 0;
}
.rule_box{
    margin : .59rem 0 0;
    padding-bottom: .74rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/rule.jpg) no-repeat center / cover;
}
.rule_box h3{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png') no-repeat 0 -5.13rem/8rem 8rem;
	width: 4.09rem;
	height: .94rem;
    display: block;
    margin: 0 auto;
}
.rules{
    background: rgba(227,241,250,.49);
    width: 7.05rem;
    border-radius: .2rem;
    margin: 0.23rem auto 0;
    padding: .34rem .11rem .46rem .11rem;
    box-sizing: border-box;
    position: relative;
}
.rules h4{
    margin: .25rem 0 .18rem;
}
.rules h4{
    font-size: .36rem;
    color: #ff6c75;
    margin-bottom: .1rem;
}
.rules h4:nth-of-type(1){
    margin-top: 0;
}
.rules h4 i{
    display: inline-block;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png)no-repeat -.44rem -2.24rem/8rem 8rem;
    width: .27rem;
    height: .26rem;
    margin-right: .08rem;
}
.rules p{
    font-size: .24rem;
    color: #1f8bd4;
    line-height: 1.6;
    text-align: justify;
    padding: 0 .08rem;
}
.rules p>span{
    color: #fbaf49;
}
.rules>img{
    position: absolute;
    width: 2.73rem;
    height: 3.2rem;
    right: -3%;
    bottom: .66rem;
}
.mask{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    z-index: 99;
}
.dialog{
    width: 6.05rem;
    min-height: 3.95rem;
    border-radius: .4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/smallDialog.png)no-repeat center top/100% 100%;
    box-sizing: border-box;
    padding: .71rem 0.78rem .69rem;
    font-size: .34rem;
    color: #f36a4d;
    text-align: center;
}
.close_btn{
    position: absolute;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/sprite.png)no-repeat -.07rem -2.66rem/8rem 8rem;
	width: .40rem;
	height: .40rem;
    right: -.27rem;
    top: -.37rem;
}
.login_box{
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/login.png) no-repeat center top/100% 100%;
	width: 4.2rem;
	height: 2.07rem;
    margin: 0 auto;
    overflow: hidden;
}
.login_box>button{
    width: 1.7rem;
    height: 100%;
    float: left;
    background: transparent;
}
.login_box>button:last-of-type{
    margin-right: 0;
    float: right;
}
.login_dialog{
    padding-top: .94rem;
}
.dialog h3{
    font-size: .48rem;
    color: #ec4f05;
    position: relative;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/star.png)no-repeat center center/2.98rem .34rem;
    text-align: center;
}
.yel_s_btn{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/yel_btn.png') no-repeat center top/100% 100%;
	width: 2.49rem;
	height: .87rem;
    color: #a35e01;
    text-align: center;
    display: block;
    font-family: 'myFont';
    font-size: .4rem;
    margin: .1rem auto;
    position: absolute;
    bottom: .01rem;
    left: 0;
    right: 0;
    line-height: .87rem;
}

.hint_dialog,.game_dialog p{
    margin: .23rem 0 0;
    line-height: 1.5;
    height: 1.1rem;
    align-items: center;
    justify-content: center;
}
.rewards_dialog{
    padding: .3rem 0;

}
.rewards_dialog>span{
    font-size: .22rem;
    /* margin-bottom: .13rem; */
}
.reward_item{
    display: flex;
    min-height: 1.46rem;
    border-top: .01rem solid #fbaf4a;
    padding: 0.19rem .15rem 0;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-evenly;
}
.reward_item span{
    width: .97rem;
    height: .54rem;
    display: inline-block;
    color: #f36a4d;
    font-size: .24rem;
}
.reward_item ul{
    width: 4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.reward_item ul li{
    width: 1.07rem;
    height: 1.07rem;
    margin: .1rem .05rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/small_box.png)no-repeat center top/100% 100%;
}
.reward_item ul li:last-of-type{
    margin-right: 0;
}
.reward_item ul li img{
    height: 1rem;
    width: auto;
    display: block;
    margin: -.1rem auto -.1rem;
}
.reward_item ul li p{
    font-size: .14rem;
    color: #fff;
    margin-top: .03rem;
}
.m_dialog{
    height: 4.74rem;
}
.happy_dialog{
    height: auto;
    min-height: 4.74rem;
    padding: .3rem 1.25rem .34rem;
}
.happy_dialog>p{
    color: #f36a4d;
    margin: 0 0 0 -15%;
    width: 130%;
    margin-top: .19rem;
}
.happy_dialog>div{
    background: url('//game.gtimg.cn/images/peng/act/a20210715sqlb/reward-big.png') no-repeat center / cover;
	width: 2.05rem;
	height: 1.70rem;
    margin: 0.3rem auto 0.2rem;
}
.happy_dialog>div img{
    height: 1.26rem;
    width: auto;
    display: block;
    margin: 0 auto;
}
.happy_dialog>div p{
    font-size: .26rem;
    color: #fff;
    line-height: .44rem;
}
.happy_dialog .yel_s_btn{
    position:unset;
}
.integral_dialog{
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/bigDialog.png)no-repeat center top/100% 100%;
    width: 6.05rem;
    height: 6.6rem;
    padding: .26rem .16rem .22rem;
}
.table_head{
    margin-top: .28rem;
    overflow: hidden;
}
.table_head>span{
    display: block;
    float: left;
    color: #f36a4d;
    font-size: .3rem;
}
.table_head>span:nth-of-type(1),.integral_dialog ul li p:nth-of-type(1){
    width: 40%;
}
.table_head>span:nth-of-type(2),.integral_dialog ul li p:nth-of-type(2){
    width: 35%;
}
.table_head>span:nth-of-type(3),.integral_dialog ul li p:nth-of-type(3){
    width: 25%;
}
.recording_dialog ul li p:nth-of-type(1),.recording_dialog .table_head>span:nth-of-type(1){
    width: 58%;
}
.recording_dialog ul li p{text-align: center !important;}
.recording_dialog ul li p:nth-of-type(2),.recording_dialog .table_head>span:nth-of-type(2){
    width: 42%;
}
.integral_dialog ul,.rule_dialog>div{
    border: .01rem solid #ec4f05;
    width: 5.61rem;
    height: 3.72rem;
    border-radius: .2rem;
    margin-top: .14rem;
    overflow-y: scroll;
    margin-bottom: .2rem;
}
.integral_dialog ul li{
    margin-top: .23rem;
    overflow: hidden;
}
.integral_dialog ul li p{
    float: left;
    font-size: .24rem;
}
.integral_dialog ul li>p:first-child{
    text-align: left;
}
.jifen_dialog ul{
    padding-left: 0.085rem;
}
.rule_dialog>div{
    font-size: .24rem;
    text-align: left;
    height: 4.25rem;
    line-height: 1.5;
    padding: .21rem .24rem;
    box-sizing: border-box;
}
.address_dialog{
    height: 5.9rem;
    padding: .26rem .27rem .22rem;
}
.address_dialog div{
    text-align: right;
}
.address_dialog div p{
    font-size: .36rem;
    margin-bottom: .4rem;
}
.address_dialog div p:nth-of-type(1){
    margin-top: .49rem;
}
.address_dialog div p:nth-child(3){
    margin-bottom: .2rem;
}
.address_dialog div p:last-of-type{
    font-size: .22rem;
    text-align: center;
    line-height: 1.4;
}
.address_dialog input{
    width: 65%;
    height: .54rem;
    line-height: .54rem;
    background: #cb612f;
    border-radius: .05rem;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.eggs_box li>img.gif{
    display: none;
}
.active{
    position: relative;
}
.active>img:nth-of-type(1){
    visibility: hidden;
}
.eggs_box .active>img.gif{
    position: absolute;
    width: 6.7rem;
    height: auto;
    top: -30%;
    left: -134%;
    display: block;
}
.share_png{
    width:5.43rem ;
    height: 1.68rem;
    position: absolute;
    top: .7rem;
    right: .6rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/share.png)no-repeat center top/100% 100%;
}
.copy_dialog{height: 4.7rem;}
.copy_dialog .copy-text{display: block;width: 3.5rem;height: .5rem;background: #cb612f;border-radius: .08rem;color: #fff;line-height: .5rem;margin: .15rem auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 1em;}

.wx_dialog,.qq_dialog{height: 6rem; font-size: .28rem;}
.wx_dialog img,.qq_dialog img{display: block;width: 2rem;height: auto;margin: .3rem auto 0;}


/* 分享 */
.share-head{
    width: 6.2rem;
    margin: .3rem auto 0;
}
.share-head-text{
    min-height: 1.3rem;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    color: #1590e4;
    line-height: .36rem;
    padding: .15rem 0 0 0;
    font-size: .26rem;
    letter-spacing: 1px;
    box-sizing: border-box;
    text-align: center;
}
.share-head-text span{
    color: #ff6c75;
}
.share-head-btn{
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
}

.share-head-btn>li:first-child{
    width: 2.89rem;
    height: .87rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/share-wtzl.png) no-repeat center / 100% 100%;
}
.share-head-btn>li:last-child{
    width: 2.89rem;
    height: .87rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/share-wyycj.png) no-repeat center / 100% 100%;
}
.share-head-time{
    width: 5.85rem;
    height: .45rem;
    margin: .25rem auto 0;
    line-height: .45rem;
    text-align: center;
    color: #fafafd;
    font-size: .22rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/share-head-time.png) no-repeat center / 100% 100%;
}
.share-content{
    width: 7.5rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/share-content-box.png) no-repeat center / 100% 100%;
    min-height: 14.16rem;
    margin: .1rem 0 0 0;
    box-sizing: border-box;
    padding: 1.5rem 0 0;
}

.share-content-top{
    color: #fdfbf9;
    font-size: .28rem;
    width: 6.35rem;
    margin: .4rem auto 0;
    text-align: justify;
    line-height: .49rem;
}
.share-content-top span{
    color: #fcf19d;
}
.share-content-center{
    font-size: .2rem;
    box-sizing: border-box;
    padding: .7rem 0 0 0;
    text-align: center;
}
.share-content-center h4{
    font-size: .34rem;
    color: #fcf19d;
    text-align: center;
    display: inline;
    letter-spacing: 2px;
}

.share-content-center ul{
    display: flex;
    width: 6.5rem;
    margin: .1rem auto .3rem;
    justify-content: center;
    flex-wrap: wrap;
}
.share-content-center ul li{
    width: 1.65rem;
    height: 1.65rem;
    margin:.1rem  .2rem;
    font-size: .2rem;
    text-align: center;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/share-reward-box.png) no-repeat center / 100% 100%;
    color: #e57741;
}
.share-reward-box{
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.share-reward-box img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto -.1rem;
}
.share-title{
    position: relative;
}
.share-title::before,.share-title::after{
    content: "";
    width: .25rem;
    height: .23rem;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/xing.png) no-repeat center / 100% 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.share-title::before{
    left: -.35rem;
}

.share-title::after{
    right: -.35rem;
}


.index-head a{
    color: #fafafd;
}
/* 修改 210723*/
.index-head{
    font-size: .26rem;
    color: #fafafd;
   text-align: center;
   line-height: 1;
   margin-bottom: 1.8rem;
}
.index-head button{
    width: 3.71rem;
    height: 1.12rem;
    margin: .4rem auto ;
    display: block;
    background: url(//game.gtimg.cn/images/peng/act/a20210715sqlb/yqhy_btn.png) no-repeat center / 100% 100%;
}
.index-head-dw{
    color: #1590e4;
    font-size: .26rem;
}

.index-head-dw span{
    color: #ff6c75;
    font-size: .34rem;
}

/* 添加210730 */
.logo{
    display: flex;
    position: absolute;
    top: .5rem;
    left: .2rem;
}
.logo>img:first-child{
    display: block;
    width: 1.13rem;
    height: .68rem;
}
.logo>img:last-child{
    width: .7rem;
    height:.7rem;
}

.zl_dialog h3{
    margin: -.5rem auto .6rem;.integral_dialog ul li p
}