/* reset */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-999em;}
body,html{background-color: #2b2b2d;}
header,footer {width:100%;margin:0 auto;}
footer{color:#fed271;background-color:#460606;padding:0.2rem 0;font-size:0.2rem;text-align:center;}
.sp{background: url(//wegame.gtimg.com/tgp_act/release/wegameapp/appgift20190318/images/sp.png) no-repeat;background-size: 5.17rem auto;}
.listflex{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}

 /* 横屏提示 */
.horizon{width:100%;height:100%;background:#32373b;position:fixed;left:0;top:0;z-index:1001;display:none;}
.horizon-box{width:100%;height:3rem;position:absolute;top:50%;left:0;margin-top:-1.5rem;}
.horizon-pic{width:1.5rem;height:2.3rem;margin:0 auto;text-align:center;}
.horizon span{font-size:0.22rem;display:block;color:#ffd40a;text-align:center;}
.horizon i{width:1.5rem;height:2.27rem;background:url(//wegame.gtimg.com/tgp_act/release/wegameapp/appgift20190318/images/hengping.png) 0 0 no-repeat;background-size:1.5rem 2.27rem;margin:0 auto;-webkit-animation: maskAni 1.5s ease infinite alternate;position:static;display:block;}
@-webkit-keyframes maskAni{0% {-webkit-transform:rotate(-90deg);}30% {-webkit-transform:rotate(-90deg);}70%{-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(0deg);}}
@media screen and (orientation:landscape) {.horizon{display:block}}

/*main*/
.wrap{background: url(//wegame.gtimg.com/tgp_act/release/wegameapp/appgift20190318/images/bg.jpg) no-repeat;background-size: 6.4rem auto;padding-bottom: 0.5rem;}
.head{position: relative;height: 4.79rem;}		
.btn_rule{color: #fdfcfa;font-weight: bold;text-decoration: underline;font-size: 0.24rem;position: absolute;top: 0.4rem;right: 0.32rem;}
.rank_ct1{background-position: 0 0;width: 4.76rem;height: 0.55rem;display: block;margin: 0 auto;}
.rank_ct2{background-position: 0 -0.59rem;width: 4.76rem;height: 0.55rem;display: block;margin: 0 auto;}
.puzzle{background: url(//wegame.gtimg.com/tgp_act/release/wegameapp/appgift20190318/images/icon_bg.png) no-repeat;width: 3.19rem;height: 3.26rem;display: block;margin: 0.23rem auto 0;background-size: 100% 100%;position: relative;}
.puzzle1 img{width: 1.87rem;height: 1.55rem;display: block;position: absolute;top: 0.1rem;left: 0.1rem;}
.puzzle2 img{width: 1.54rem;height: 1.87rem;display: block;position: absolute;top: 0.1rem;right: 0.1rem;}
.puzzle3 img{width: 1.54rem;height: 1.86rem;display: block;position: absolute;bottom: 0.18rem;left: 0.1rem;}
.puzzle4 img{width: 1.87rem;height: 1.54rem;display: block;position: absolute;bottom: 0.18rem;right: 0.1rem;}
.gift,.gift1{margin-top: 0.7rem;}
.gift h3{background: url(//wegame.gtimg.com/tgp_act/release/wegameapp/appgift20190318/images/t_bg.png) no-repeat;width: 4.44rem;height: 0.64rem;display: block;margin: 0 auto;background-size: 100% 100%;color: #73440d;font-size: 0.24rem;font-weight: bold;text-align: center;line-height: 0.64rem;}
.gift h3:nth-of-type(2){margin-top: 0.5rem;width: 5.2rem;}
.list_gift{margin-top: 0.3rem;}
.list_gift li,.p_gift{background: url(//wegame.gtimg.com/tgp_act/release/wegameapp/appgift20190318/images/gift_bg.png) no-repeat;width: 1.04rem;height: 1.48rem;display: block;background-size: 100% 100%;padding: 0.28rem 0.25rem 0 0.17rem;}
.list_gift li img,.p_gift img{width: 0.72rem;height: 0.49rem;display: block;margin: 0.2rem auto  0.13rem;;}
.list_gift li p,.p_gift p{height: 0.5rem;color: #fed271;background-color: #543e1b;align-items: center;border-radius: 3px;font-size: 0.18rem;text-align: center;display: flex;line-height: 0.22rem;letter-spacing: -1px;width: 100%;justify-content: center;}
.bar_rank{width: 3.19rem;height: 3.26rem;display: block;margin: 0.23rem auto 0;position: relative;}
.btn_rank{width: 3.19rem;height: 3.26rem;display: block;position: absolute;top: 0;left: 0;z-index: 3;}
.icon{width: 3.19rem;height: 3.26rem;display: block;transition: 1s;}
.icon.active{transform:perspective(400px) rotateY(-180deg);z-index: 3;}
.guang{width: 6.3rem;height: 6.4rem;display: block;position: absolute;top: -1.63rem;left: -1.63rem;animation: guang 6.4s linear infinite;}
@keyframes guang{
	0%{transform: rotate(0);}100%{transform: rotate(360deg);}
}
.res{background-position: 0 -1.19rem;width: 0.69rem;height: 0.53rem;display: block;position: absolute;top: 0;right: 0;color: #744914;font-size: 0.18rem;text-align: center;line-height: 0.22rem;padding: 0.05rem 0 0 0.05rem;}
.gift1 h3{background-position: 0 -1.85rem;width: 5.17rem;height: 0.62rem;display: block;margin: 0 auto;text-indent: -999em;}
.bar_ct1{background-position: 0 -3.80rem;width: 2.98rem;height: 0.57rem;color: #ffed9a;font-size: 0.22rem;text-align: center;line-height: 0.5rem;display: none;z-index: 10;position: absolute;top: 2.51rem;left: 0.11rem;}
.bar_ct2{background-position: 0 -3.14rem;width: 2.98rem;height: 0.57rem;color: #fdf1b9;font-size: 0.22rem;text-align: center;line-height: 0.5rem;display: none;z-index: 10;position: absolute;top: 2.51rem;left: 0.11rem;}

#pop-mask{position:absolute;left:0;top:0;width:100%;background:rgba(0,0,0,0.7);z-index: 9;}
.pop{background: url(//wegame.gtimg.com/tgp_act/release/wegameapp/appgift20190318/images/pop.png) no-repeat;width: 4.8rem;height: 3.49rem;display: none;background-size: 100% 100%;padding: 0.34rem 0.6rem;position: relative;}
.pop h3{background-position: 0 -2.52rem;width: 3.36rem;height: 0.55rem;display: block;margin: 0 auto;color: #ffed9a;font-size: 0.3rem;text-align: center;line-height: 0.55rem;font-weight: bold;}
.close{top: 0;right: 0;display: block;position: absolute;width: 0.63rem;height: 0.63rem;background-position: -0.87rem -1.20rem;}
.p_gift{margin: 0.15rem auto 0;}
.sue{color: #f4e1c3;font-size: 0.22rem;text-align: center;line-height: 0.26rem;}
.area a{background-position: -1.60rem -1.20rem;width: 1.42rem;height: 0.55rem;display: block;color: #f4e1c3;font-size: 0.24rem;font-weight: bold;text-align: center;line-height: 0.55rem;margin: 0.13rem 0.4rem 0;}
.list_rule{padding-top: 0.3rem;}
.list_rule li{color: #f4e1c3;font-size: 0.22rem;line-height:0.25rem;margin-bottom: 0.2rem;}

.mask{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 2; display: none;}