html,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,hr,button,article,aside,
details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;margin:0;padding:0;}
q:before,q:after{content:''}
body{-webkit-text-size-adjust:none;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{ text-decoration:none;}
i,em {font-style: inherit;}
html{font-size:100px;}
body,html{width:100%;height:100%;}
a:focus,div:focus,p:focus{outline: none;}
.c:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.c{*zoom:1;}
.l {float: left;}
.r {float: right;}
.ti {display: block; text-indent: -99999rem; overflow: hidden;}
.pr {position: relative;}
.pa {position: absolute;}
.hide { display: none; }
/*//cdn.tgp.qq.com/tgp_act/act_img/41c56849667bf91f160ad0c77aff8bd3.png*/
.sp {background: url(//cdn.tgp.qq.com/tgp_act/act_img/41c56849667bf91f160ad0c77aff8bd3.png) no-repeat; background-size: 10rem auto;}
.ts {width: 6.7rem; margin: .1rem auto 0; line-height: .3rem; font-size: .2rem; color: #c1c1c1;}
/*******wrap*******/
.wrapper {width: 7.5rem; height: auto; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-bg.jpg) center top no-repeat; background-size: 7.5rem 100%; text-align: center; overflow: hidden;}
.header {height: 3.96rem; padding-top: 2.1rem; position: relative;}
.title {height: 1.4rem; margin: 0rem auto;}
.ts {font-size: 20px; color: #383838; margin-top: 10px;}
/*****header******/
.header .tm {height: .34rem; line-height: .34rem; font-size: .24rem; color: #582d04;}
.header-btn {margin: 1.32rem auto 0; width: 3.44rem; height: 1.28rem;}
.header-btn .btn {display: none; margin: 1.32rem auto 0; width: 3.44rem; height: 1.28rem; background-position: 0 0;}
.header-btn .see-btn {margin: 1.32rem auto 0; width: 3.44rem; height: 1.28rem; background-position: -6rem -7.5rem;}
.header-btn .btn.show {display: block;}
/******part1******/
.part1 {height: 16.52rem;}
.part1 .title {width: 7.5rem; background-position: 0 -1.5rem;}

.gift {width: 7.1rem; height: 3.82rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-exhibi-bg.png) no-repeat top; background-size: 100% auto; margin: .22rem auto 0;}
.gift .gift-title {padding-left: .14rem; height: .62rem; line-height: .62rem; font-size: .26rem; color: #fac14a; text-align: left;}
.gift-list {width: 7.02rem; height: 2.92rem; margin: 0 auto; text-align: center;}
.gift-list li {float: left; width: 2rem; height: 2.93rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-gift-bg1.png) no-repeat top; background-size: 2rem auto; margin: 0 .07rem;}
.gift-list li:nth-child(1) {width: 2.6rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-gift-bg.png) no-repeat top; background-size: 2.6rem auto;}
.gift-list li h4 {height: .5rem; line-height: .5rem; font-size: .26rem; color: #1c2632;}
.gift-list li img {display: block; width: 100%; height: 1.88rem; margin: 0 auto;}
.gift .gift-list li .name {height: .24rem; line-height: .24rem; font-size: .2rem; color: #9db8d8;}

.rank {width: 6.3rem; height: 2.7rem; padding: .26rem .4rem .26rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-slide-bg.png) no-repeat; background-size: 7.1rem auto; margin: .34rem auto 0; position: relative;}
.swiper-container {width: 6.3rem; height: 2.68rem;}
.swiper-container .swiper-wrapper,.swiper-container .swiper-wrapper .swiper-slide {width: 6.3rem!important; height: 2.68rem;}
.swiper-container .swiper-wrapper .swiper-slide {float: left;}
.rank-list {width: 6.3rem; height: 2.68rem;}
.rank-list li {float: left; width: 1.9rem; height: 2.48rem; padding-top: .2rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-indivi-bg.png) no-repeat; background-size: 100% auto; margin: 0 .1rem;}
.rank-list li .pic {width: 1.47rem; height: 1.47rem; border: 1px solid #6599d9; border-radius: 50%; background: #000; margin: 0 auto; overflow: hidden;}
.rank-list li img {display: block; width: 1.47rem; height: 1.47rem;}
.rank-list li p {height: .34rem; line-height: .34rem; font-size: .22rem;}
.rank-list li .numb {color: #e7c137; margin-top: .1rem;}
.rank-list li .name {width: 100%; color: #c1d7f2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.rank-list li .name {width: 100%; color: #c1d7f2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.rank-list li .see_more-btn {display: block; width: 1.7rem; height: .52rem; line-height: .52rem; font-size: .26rem; color: #ffd849; border-bottom: 1px solid #ffd849; margin: .76rem auto 0;}
.main .swiper-button-white {width: .32rem; height: .68rem; background: url(//cdn.tgp.qq.com/tgp_act/act_img/41c56849667bf91f160ad0c77aff8bd3.png) no-repeat !important; background-size: 10rem auto !important; top: 1.6rem !important; position: absolute}
.main .swiper-button-prev.swiper-button-white {background-position: -4rem 0 !important; left: .06rem;}
.main .swiper-button-next.swiper-button-white {background-position: -5rem 0 !important; right: .06rem;}

.help {width: 7.1rem; height: 6.22rem; margin: .3rem auto 0; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-slide-bg1.png) no-repeat; background-size: 7.1rem auto;}
.help .help-top {padding: .2rem .24rem 0; text-align: left; position: relative;}
.help .help-top .numb {height: .42rem;line-height: .42rem; font-size: .3rem; color: #fed41b;}
.help .help-top .tips {height: .34rem; line-height: .34rem; font-size: .22rem; color: #71a0d3;}
.help .help-top .more-btn {position: absolute; top: .32rem; right: .24rem; width: 1.62rem; height: .38rem; line-height: .38rem; font-size: .2rem; border: .02rem solid #ffb32e; color: #ffb32e; text-align: center;}
.help-box {width: 6.96rem; height: 3.26rem; margin: .26rem auto 0;}
.help-box.no .help-list {display: none;}
.help-box .tips {display: none; width: 100%; height: 3.26rem; line-height: 3.26rem;}
.help-box .tips p {display: inline-block; line-height: .84rem; font-size: .5rem; color: #e6f1ff; vertical-align: middle;}
.help-box.no .tips {display: block;}

.help-list {width: 6.96rem; height: 3.26rem;}
.help-list li {float: left; width: 2.2rem; height: 3.04rem; padding-top: .22rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-indivi-bg1.png) no-repeat; background-size: 2.2rem auto; margin: 0 .06rem;}
.help-list li .pic {width: 1.58rem; height: 1.58rem; border: .02rem solid #6599d9; border-radius: 50%; background: #000; margin: 0 auto; overflow: hidden;}
.help-list li img {display: block; width: 1.58rem; height: 1.58rem;}
.help-list li .name {width: 100%; height: .54rem; line-height: .54rem; font-size: .22rem; color: #c1d7f2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.help-list .btn-box {width: 1.7rem; height: .52rem; margin: 0 auto;}
.help-list .btn-box a {display: none; width: 1.7rem; height: .52rem;}
.help-list .btn-box .zl-btn {background-position: 0 -3rem;}
.help-list .btn-box .yzl-btn {background-position: -2rem -3rem;pointer-events: none;
    cursor: default;}
.help-list .btn-box .ysx-btn {background-position: -4rem -3rem;pointer-events: none;
    cursor: default;}
.help-list .btn-box a.show {display: block;}
.invite-btn {display: block; width: 2.6rem; height: .8rem; margin: .32rem auto 0; background-position: -6rem 0;}
.tis {height: .2rem; line-height: .2rem; font-size: .16rem; color: #a0b9d9; margin-top: .15rem;}

/*****part2*****/
.part2 {height: 9.84rem;}
.part2 .title {width: 7.5rem; background-position: 0 -3.6rem;}
.part2 .tips {width: 3.8rem; height: .42rem; line-height: .42rem; font-size: .24rem; font-weight: bold; margin: .24rem auto 0; color: #fff; background: #283b51; border-radius: .05rem;}
.part2 .tips span {color: #ffb946; margin: 0 5px;}
.task-list {width: 7.4rem; height: 6.48rem; margin: .2rem auto 0;}
.task-list li {float: left; width: 3.38rem; height: 2.6rem; padding-top: .32rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-task-bg.png) no-repeat top; background-size: 3.38rem auto; margin: 0 .16rem .32rem; text-align: center;}
.task-list .tit {height: .44rem; line-height: .44rem; font-size: .36rem; color: #c5deff;}
.task-list .task {height: .28rem; line-height: .28rem; font-size: .22rem; color: #c5deff;}
.task-list .bullet {height: .56rem; line-height: .56rem; font-size: .36rem; color: #fec243; margin-top: .1rem;}
.task-list .btn-box {width: 2.36rem; height: .72rem; margin: .1rem auto 0;}
.task-list .btn-box a {display: none; width: 2.36rem; height: .72rem; line-height: .72rem; font-size: .24rem; color: #ffffff;}
.task-list .btn-box .qzx-btn {background-position: 0 -5.1rem;}
.task-list .btn-box .yzx-btn {background-position: -3rem -5.1rem;}
.task-list .btn-box .yhq-btn {background-position: -6rem -5.1rem;}
.task-list .btn-box a.show {display: block;}

/*****part3****/
.part3 .title {width: 7.5rem; background-position: 0 -6rem;}
.lottery {width: 7.11rem; height: 5.69rem; margin: .26rem auto 0;}
.lottery img {display: block; width: 100%; height: 100%;}
.lottery .btn_box {top: 50%; left: 50%; margin: -.83rem 0 0 -1.09rem; width: 2.18rem; height: 1.66rem;}
.lottery .btn_box .btn {display: block; width: 100%; height: 100%; line-height: 1.56rem; font-size: .4rem; background-position: 0 -7.5rem;}
.lottery .btn_box p {position: absolute; top: 0; ;left: 0; width: 100%; padding-top: .41rem; height: .32rem; line-height: .32rem; font-size: .26rem; color: #7c2300;}
.lotterycontent_hover {width: 2.18rem !important; height: 1.62rem !important; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-sel.png) no-repeat top; background-size: 2.18rem 1.62rem !important;}
.lottery-gift {width: 7.12rem; height: 6.14rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-lottery-gift-bg.png) no-repeat; background-size: 7.12rem auto; margin: .35rem auto 0;}
.lottery-gift .gift-title {padding-left: .15rem; height: .64rem; line-height: .64rem; font-size: .26rem; color: #fac14a; text-align: left;}
.lottery-gift .gift-list {width: 7.02rem; height: 5.5rem; margin: 0 auto;}
.lottery-gift .gift-list li {width: 2.17rem; height: 1.62rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-gift-bg2.png) no-repeat; background-size: 2.17rem auto; margin: 0 .08rem .15rem; position: relative;}
.lottery-gift .gift-list li.w332 {width: 3.32rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-gift-bg3.png) no-repeat; background-size: 3.32rem auto;}
.lottery-gift .gift-list li img {display: block; width: 100%; height: 1.3rem; margin: 0 auto;}
.lottery-gift li .name {position: absolute; bottom: .1rem; left: 0; width: 100%; line-height: .2rem; font-size: .18rem; color: #9db8d8;}

.rule {margin: .46rem .3rem 0; padding-bottom: .5rem;}
.rule h3 {width: 1.3rem; height: .28rem; background-position: -3rem -7.5rem;}
.rule-list {margin-top: .1rem; padding-left: .25rem; position: relative; text-align: left;}
.rule-list li {line-height: .26rem; font-size: .18rem; color: #a7c1df; list-style: decimal;}
.rule-list .see-gl-btn {display: inline-block; border-bottom: 1px solid #fabf49; color: #fabf49;}
/*弹窗*/
.dialog {display: none; text-align: center; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-pop-bg.jpg) no-repeat; background-size: 100% 100%;}
.dialog .close-btn {position: absolute; top: -.6rem; right: 0rem; width: .51rem; height: .51rem; background-position: -5rem -7.5rem;}

/*生成贺卡*/
.dialog.make {width: 7.05rem; height: 7.42rem; padding-top: .5rem;}
.dialog.make .top-btn {width: 5.1rem; height: .72rem; margin: 0 auto;}
.dialog.make .top-btn .btn {width: 2.36rem; height: .72rem;}
.dialog.make .top-btn .bg-btn {background-position: 0rem -9.3rem;}
.dialog.make .top-btn .zfy-btn {background-position: -3rem -9.3rem;}
.skin {width: 3.8rem; height: 4.7rem; padding: .76rem .29rem 0 2.66rem; margin: .26rem auto 0;}
.skin.skin_0 {background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-skin_0.jpg) no-repeat top; background-size: 6.75rem auto;}
.skin.skin_1 {background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-skin_1.jpg) no-repeat top; background-size: 6.75rem auto;}
.skin.skin_2 {background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-skin_2.jpg) no-repeat top; background-size: 6.75rem auto;}
.skin.skin_3 {background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-skin_3.jpg) no-repeat top; background-size: 6.75rem auto;}
.skin.skin_4 {background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-skin_4.jpg) no-repeat top; background-size: 6.75rem auto;}
.skin.skin_5 {background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-skin_5.jpg) no-repeat top; background-size: 6.75rem auto;}
.skin.skin_6 {background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-skin_6.jpg) no-repeat top; background-size: 6.75rem auto;}
.skin.skin_7 {background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-skin_7.jpg) no-repeat top; background-size: 6.75rem auto;}
.skin.skin_0 .pic {border: .02rem solid #ee3d3a;}
.skin.skin_1 .pic {border: .02rem solid #2487a2;}
.skin.skin_2 .pic {border: .02rem solid #c74444;}
.skin.skin_3 .pic {border: .02rem solid #7b6ea3;}
.skin.skin_4 .pic {border: .02rem solid #edc5a6;}
.skin.skin_5 .pic {border: .02rem solid #eec6a6;}
.skin.skin_6 .pic {border: .02rem solid #edc5a6;}
.skin.skin_7 .pic {border: .02rem solid #edc5a6;}
.dialog .id {width: 3.8rem; height: 1.4rem; margin-left: .06rem;}
.dialog .id .pic {float: left; width: 1.36rem; height: 1.36rem; background: #000; border-radius: 50%; overflow: hidden;}
.dialog .id .pic img {display: block; width: 100%; height: 100%;}
.dialog .id p {float: left; width: 2.16rem; height: .5rem; line-height: .5rem; font-size: .28rem; color: #fff; text-align: left; margin-left: .2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dialog .id .name {margin-top: .2rem;}
.dialog .bless {width: 3.8rem; height: 1.08rem; line-height: .36rem; font-size: .2rem; color: #fff1f1; margin: .32rem auto 0; text-indent: 2em; text-align: left; overflow: hidden;}
.dialog .make-btn {display: block; width: 3.18rem; height: .74rem; background-position: -6rem -9.3rem; margin: .3rem auto 0;}
.dialog .tips {height: .86rem; line-height: .86rem; font-size: .18rem; color: #b3cbe7;}

/*祝福语*/
.blessing {width: 7.05rem; height: 7.5rem; padding-top: .3rem;}
.blessing-cont {width: 6.4rem; height: 7.36rem; margin: 0 auto; overflow-y: auto; overflow-x: hidden;}
.blessing-cont::-webkit-scrollbar{width: .1rem;}
.blessing-cont::-webkit-scrollbar-track{background-color: none; border-radius:.1rem;}/*滚动背景颜色*/
.blessing-cont::-webkit-scrollbar-thumb{background-color: #e7c036; border-radius:.1rem;}/*滚动条颜色*/
.blessing-cont .text {width: 5.64rem; height: .8rem; padding: .26rem; line-height: .4rem; font-size: .22rem; margin-bottom: .14rem; color: #e0eeff; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/m-blessing-bg.jpg) no-repeat top; background-size: 100% auto; border: .02rem solid #456691; text-align: left; overflow: hidden;}
.blessing-cont .text.cur {border-color: #e7c036;}

/*皮肤选项*/
.hkbg {width: 7.05rem; height: 8.54rem; padding: .26rem 0 .3rem;}
.skin-option-box {width: 6.2rem; margin: 0 auto;}
.skin-option-box .skin-option {width: 6.16rem; height: .94rem; border: .02rem solid #456691; margin-bottom: .1rem;}
.skin-option-box .skin-option.cur {border-color: #e7c036;}
.skin-option-box .skin-option img {display: block; width: 100%; height: 100%;}

.dialog.help {width: 7.05rem; height: 8rem; position: relative;}
.dialog.help .skin {margin-top: .18rem;}
.dialog.help .ta-btn {display: block; width: 3.18rem; height: .73rem; background-position: 0 -10.1rem; margin: .24rem auto 0;}
.dialog.help .tti {height: .36rem; line-height: .36rem; font-size: .16rem; color: #fff;}
.dialog.help .ab {display: block; width: 6.75rem; height: 2.16rem; margin: .06rem auto 0;}

.more-help {width: 7.1rem; height: 7.64rem; padding-top: .28rem; position: relative;}
.more-help .cont {width: 100%; height: 100%;}
.more-help .cont.no .carousel{display: none;}
.more-help .cont .tips {display: none; width: 100%; height: 7.6rem; line-height: 7.2rem;}
.more-help .cont .tips p {display: inline-block; line-height: .84rem; font-size: .48rem; color: #e6f1ff; vertical-align: middle;}
.more-help .cont.no .tips {display: block;}
.more-help .carousel-box,.more-help .carousel-box .help-list {width: 6.96rem; height: 6.88rem; margin: 0 auto;}
.more-help .help-list {margin-top: 0;}
.more-help .help-list li {margin: 0 .06rem .18rem;}
.more-help .help-list .zl-btn {background-position: 0rem -3rem;}
.carousel-btn {margin-top: .1rem; height: .4rem; line-height: .4rem; font-size: .24rem; color: #becfe3;}
.carousel-btn a {display: inline-block; color: #becfe3; margin: 0 .1rem;}
.carousel-btn span {display: inline-block; margin: 0 .05rem; cursor: pointer;}
.carousel-btn span.cur {color: #ffb527; border-bottom: 1px solid #ffb527;}
.chance {width: 4.86rem; height: 4.1rem; padding: .1rem .2rem 0 .46rem; background: url(//wegame.gtimg.com/tgp_act/release/cf/cf20200803/images/pop-bg1.png) no-repeat; background-size: 5.52rem 4.2rem;  position: relative;}
.chance .close-btn {position: absolute; top: -.32rem; right: -.35rem;  width: .5rem; height: .5rem; background-position: -3rem -7.9rem;}
.chance .pop-title {height: .68rem; line-height: .68rem; font-size: .36rem; color: #fff;}
.chance-box {margin-top: .17rem;}
.chance-box p {height: .34rem; line-height: .34rem; font-size: .2rem; color: #cce1fa; text-align: left;}

/*分享*/
.share { background: none; width: 100%;height: 100%;position:relative;}
.share .dia-con {width: 7.5rem; height: 6rem; position: fixed; top: 0; right: 0rem; border: none;}
.share .dia-con img {display: block; width: 100%; height: 100%;}