body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}
li{list-style:none}
em,i{font-style: normal;}
a{text-decoration:none;outline:0;color: #feca8c;-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-touch-callout:none}
html{font-size: calc(100vw/7.5);}
body{font:.22rem / .3rem -apple-system,'Microsoft Yahei',Helvetica,Arial;color: #feca8c;}
table{border-collapse:collapse}
img{display: block;width: 100%;}
::-webkit-scrollbar {display:none;}
.tc{text-align: center;}
.red{color: #e75140;}
.app{width:7.5rem;margin:0 auto; text-align: center;background: #2d0d06; padding:0 0 1.5rem;}
.cell,.top,.nav ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.bd{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.top_cont{height: 1.2rem;}
.top,.nav{position: fixed;left: 50%; margin-left: -3.75rem; width: 7.5rem;}
.top{top: 0;height: 1.2rem;background:#2c1000; z-index: 10; text-align: left; padding: 0 .24rem; box-sizing: border-box;}
.top .ico{width: 1.16rem; height: 1.16rem; margin: 0 .24rem -.2rem 0;}
.top h3{font-size: .32rem; color: #eab663;}
.top p{color: #f4e9bd; margin-top: .1rem;}
.btn_down{display: block; width: 2.13rem; height: .93rem; margin-top: .05rem; background: url('../imgs/togame.png') no-repeat center / cover;}
.head,.main,.part2{background-repeat: no-repeat;background-size: 7.5rem auto; position: relative;}
.head{height: 10.54rem; position: relative;background-image: url('../imgs/head.jpg?v=1');overflow: hidden;}
.user{position: absolute; top: .3rem; right: .2rem; display: flex; color: #f2d98e; line-height: .46rem; }
.user .btn{margin-left: .1rem; width: 1.23rem; height: .46rem; line-height: .46rem; font-size: .24rem;}
.user .text{background: rgba(0,0,0,.4); border-radius: .2rem; padding: 0 .2rem;}
.main{background-image: url('../imgs/main.jpg');}
.part1{padding-bottom: .3rem;}
.frame{position: relative; min-height: 1.6rem; margin: .3rem auto; padding:.15rem .1rem; box-sizing: border-box; text-align: center;}
.frame .ft{height: .58rem;background: url('../imgs/frame_tit.png') no-repeat center / 3.86rem auto; padding: .1rem 0; line-height: .58rem;}
.role_frame{padding: .4rem; margin-top: 8rem;}
.role_info{display: flex;justify-content: space-between;min-height: .6rem; margin-bottom: .1rem;}
.title{height: .96rem;background: url('../imgs/title.png') no-repeat 0 0 / 5.4rem auto;margin: 0 auto .18rem;width: 5.4rem;font-size: 0;}
.hongbao{position: relative;width: 4.87rem;height: 8.07rem;margin: 0 auto;text-align: center;}
.front,.box{width: 4.87rem;height: 8.07rem;border-radius: .16rem;overflow: hidden;color: #ff2c32;background: no-repeat top center / cover;}
.front,.hongbao .box{position: absolute;top: 0;left: 0;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: .6s ease-in-out;transition: .6s ease-in-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.front{z-index: 2;background-image: url('../imgs/hb_front.jpg');-webkit-transform: rotateY(0);transform: rotateY(0);}
.box{background-image: url('../imgs/hb_reverse.jpg');margin: 0 auto;position: relative;}
.hongbao .box{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);z-index: 1;}
.open .front{transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);}
.open .box{transform: rotateY(0);-webkit-transform: rotateY(0);z-index: 3;}
.btn_open{width: 1.6rem;height: 1.6rem;position: absolute;top: 5.63rem;left: 1.64rem;font-size: 0;}
.hand{display: block;position: absolute;bottom: .3rem;right: .4rem;background: url('../imgs/hand.png') no-repeat center / cover;width: 1.32rem;height: 1.33rem;-webkit-animation: handMove 1.4s linear infinite;animation: handMove 1.4s linear infinite;}
@-webkit-keyframes handMove{0%{-webkit-transform:scale(.9) translate(-.2rem,-.1rem)}50%{-webkit-transform:scale(1) translate(0,0)}100%{-webkit-transform:scale(.9) translate(-.2rem,-.1rem)}}
@keyframes handMove{0%{transform:scale(.9) translate(-.2rem,-.1rem)}50%{transform:scale(1) translate(0,0)}100%{transform:scale(.9) translate(-.2rem,-.1rem)}}
.box .hand{bottom: 0;right: 0;}
.box.end::after{content: '';position: absolute;z-index: 2; left: 0;bottom: 0;width: 4.87rem;height: 7.34rem;background: url('../imgs/hb_end.jpg') no-repeat center bottom / 4.87rem 7.34rem;}
.box_tit{padding-top: .11rem;font:bold .26rem/.62rem '思源宋体','宋体';}
.money{line-height: 1; font-size: 1.32rem;font-weight: bold;margin: .5rem 0 .3rem;}
.money i{font-size: .72rem;font-weight: normal;}
.box_text{color: #fff;font-size: .22rem;min-height: 1.9rem; line-height: 1.6; margin: 1.4rem .1rem 0;}
.box_text p:first-child,.box_txt{font-size: .28rem;margin-bottom: .1rem;font-weight: bold;}
.box_btn{font: .32rem / .82rem '思源宋体';color: #000;background: #ffe1ab;width: 2.6rem;margin: 0 auto;border-radius: .2rem;}
.pz,.pz_main{display: none;}
.pz_tab{margin: 0 .17rem .48rem;display: flex;justify-content: space-between;}
.pz_tab li{width: 3.45rem;height: .62rem;font-size: 0;background: url('../imgs/tab.png') no-repeat 0 0 / 7rem 1.34rem;}
.pz_tab li:nth-child(2){background-position-x: right;}
.pz_tab li.cur{background-position-y: bottom;} 
.box_tips{margin: .4rem .4rem 0; line-height: .86rem;font-weight: bold; display: flex;justify-content: space-between;font-size: .26rem;color: #eccd77;background: linear-gradient(#fffe99, #cc7c3f);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.box_tips .ask{background: url('../imgs/ask.png') no-repeat right center / .34rem; padding-right: .4rem;}
.box_list{height: 2.36rem; padding:0 .26rem;overflow-x: auto;position: relative;white-space: nowrap; display: flex;}
.box_list li{min-width: 1.45rem;padding:0 .18rem; display: inline-block;position: relative;}
.box_list li::after{content: '';position: absolute;bottom: .18rem;left:0;right:0; height: .12rem; border-bottom:1px solid #f92121; border-top:1px solid #f92121;}
.box_list li:first-child::after{border-left: 1px solid #f92121; border-radius: .06rem 0 0 .06rem;}
.box_list li:last-child::after{border-right: 1px solid #f92121; border-radius:0 .06rem .06rem 0;}
.box_list .icon{position: relative;border-radius: .16rem; width: 1.45rem;height: 1.68rem;margin: 0 auto;background: url('../imgs/boxs.png') no-repeat center / cover;overflow: hidden;color: #fff;text-shadow: 0 .02rem .06rem rgba(160,0,0,.35);}
.box_list .cur .icon::after{content: '';position: absolute;top:0;left: 0;height: .31rem;width: 1.45rem;background: url('../imgs/box_cur.png') no-repeat center / cover;}
.box_list .money{font-size: .5rem;margin: .35rem 0 .4rem; height: .55rem;}
.box_list .money i{font-size: .38rem;font-weight: bold;}
.box_list .status{display: inline-block; font-size: .12rem; position: relative; z-index: 1; margin: .2rem auto 0;color: #808080;background: #fff;line-height: .3rem;border: 1px solid #f8807b;border-radius: .15rem;min-width: .6rem;padding: 0 .1rem;}
.box_list .end::after{background: #f92121;}
.box_list .btn{width: 1.22rem;height: .46rem;line-height: .46rem;background-size: contain;font-size: .22rem; position: relative;display: block;margin: 0.16rem auto 0;z-index: 2;}

.pz_main .ft p{font-size: .24rem; font-weight: bold;background: linear-gradient(#fff390, #ffc104);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pz_main .text{font-weight: bold; font-size: .24rem; margin: .2rem 0;}
.pz_main .box_text{margin-top: 2rem;}
.table{width: 5.5rem; margin: .3rem auto;text-align: center;font-size: .18rem;}
.table td {border: 1px solid #ad7b5a;padding: .1rem 0;}
.table .th td{padding: .3rem 0;text-shadow: -1px -1px 0 #822304,1px -1px 0 #822304,-1px 1px 0 #822304, 1px 1px 0 #822304;color: #e4ba6a;font-size: .24rem;}
.table .btn{width: 1.4rem; height: .54rem; line-height: .54rem; text-shadow: 0 .02rem .02rem #e62e0e; color: #fdf895; font-size: .23rem; background-image: url('../imgs/btn2.png'); overflow: hidden;}
/* .btn_login,.btn_invite,.btn_recharge{width: 1.4rem; height: .54rem;display: block;margin: 0 auto;font-size: 0;background: url('../imgs/pz_btn.png') no-repeat -999px / 1.4rem;}
.btn_login{background-position: 0 0;}
.btn_invite{background-position: 0 -.6rem;}
.btn_recharge{background-position: 0 -1.2rem;} */
.part2{background-image: url('../imgs/p2.jpg?v=1'); background-position: center 1rem; overflow: hidden; padding-bottom: .2rem;}
.part2 .title{background-position: 0 -1.1rem;}
.rank_txt{margin-top: 14.42rem;}
.rank{border: 1px solid #d08e42;width: 5.54rem;margin: .2rem auto;}
.rank li{display: flex;text-align: center; font-size: .19rem;border-top: 1px solid #d08e42;height: .36rem;color: #8db9e3;}
.rank li div{border-right: 1px solid #d08e42;height: .36rem;line-height: .36rem;overflow: hidden;}
.rank li:first-child{background: #d08e42;color: #29160b;border-bottom: 1px solid #d08e42;padding: .05rem 0;font-weight: bold;}
.rank li .r1{width: 1.1rem;}
.rank li .r2{width: 1.35rem;}
.rank li .r3{width: 2rem;}
.rank li .r4{border: none;flex: 1;}
.rank li:nth-child(2),.rank li:nth-child(3),.rank li:nth-child(4){color: #e9b08a;}
.rank li:nth-child(5),.rank li:nth-child(6),.rank li:nth-child(7){color: #c7c0cf;}
.rank_info{display: inline-block;background-color: rgba(0,0,0,.3);padding: .15rem .25rem; border-radius: .3rem;}
.part3{padding-bottom: .2rem;}
.part3 .frame{padding: .15rem 0;}
.part3 .title{background-position: 0 -2.2rem;}
.part3 .ft,.part4 .ft{padding: 0;font-size: .24rem;font-weight: bold;}
.pt_tips{padding: .1rem 0;font-size: .24rem; line-height: .34rem;text-shadow: -1px -1px 0 #652502,1px -1px 0 #652502,-1px 1px 0 #652502, 1px 1px 0 #652502;color: #d7b888;}
.pt_tips p:first-child{color: #f6e789;}
.list{height: 6.4rem;overflow: hidden;}
.list_all{height: auto;overflow-y: auto;}
.list li{height: 1.5rem;background: url('../imgs/dh_bg.jpg') no-repeat center / 6.76rem 1.6rem; padding: .1rem .2rem 0 .3rem;}
.list .lt{padding: .13rem 0; display: flex;justify-content: space-between;font-size: .28rem; color: #ffdd98;}
.list .lt p:nth-child(2){min-width: 1.8rem;}
.list .bd{text-align: left;font-size: .3rem; padding: .02rem 0; font-weight: bold;background: linear-gradient(#fff28e, #ffc40c);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.btn_exchange{display: block;width: 1.78rem;height: .69rem;background: url('../imgs/btn_exchange.png') no-repeat center / cover;font-size: 0;}
.more{display: inline-block;line-height: .36rem;height: .36rem;padding:0 .34rem;margin: .2rem auto .1rem;background: url('../imgs/more.png') no-repeat left top / .3rem auto;}
.more.up{background-position: left bottom;}
.part4 .title{background-position: 0 -3.3rem;}
.part4 .text{padding: .2rem;text-align: left;}
.part4 .text b{font-weight: bold;display: inline-block;margin: .1rem 0;}
.part4 .text p{line-height: 1.6;}
.qr{padding: .3rem 0;}
.qr_img{width: 2.4rem;height: 2.4rem;margin: .2rem auto;}
.nav{height: .9rem;background:#3b150a url('../imgs/nav.jpg') no-repeat center top / 7.5rem .9rem;bottom: 0;z-index: 10; padding-bottom: .3rem;}
.nav ul{height: .9rem;justify-content: center;}
.nav li{width: 1.55rem;height: .66rem;background: url('../imgs/nav_btn.jpg') no-repeat left top / 1.55rem 2.64rem;font-size: 0;margin: 0 .15rem;}
.nav li:nth-child(2){background-position: 0 -.66rem;}
.nav li:nth-child(3){background-position: 0 -1.32rem;}
.nav li:nth-child(4){background-position: 0 -1.98rem;}
.nav2 ul{justify-content: space-around;}
.nav2 li:nth-child(4){display: none;}
.side{position: fixed;right: 0;top: 3.7rem;z-index: 2;}
.btn_rule,.btn_gift,.btn_rule2{display: block;width: .43rem;height: 1.22rem; padding-top: .1rem; background: url('../imgs/side_btn.png') no-repeat center / cover; margin-bottom: .45rem;writing-mode:vertical-lr;text-orientation:upright;text-align:justify;line-height:.43rem;letter-spacing:0.2em;}

.twpop{z-index: 100;position: relative;}
.twpop .twpop-main,.frame{width: 6.28rem; max-width: 6.28rem; background-image: linear-gradient(top,#300f00,#6a2305);background-image: -webkit-linear-gradient(top,#300f00,#6a2305);border: .02rem solid #90491a;border-top-color: #f09518;}
.twpop .twpop-main::after,.twpop .twpop-main::before,.frame::after,.frame::before{content: '';position: absolute;}
.twpop .twpop-main::before,.frame::before{width: 6.36rem; height: .39rem; background: url('../imgs/pt.png') no-repeat center / 6.36rem auto; left: -.05rem; top: -.2rem;}
.twpop .twpop-main::after,.frame::after{width: .61rem; height: .13rem; background: url('../imgs/pb.png') no-repeat center / cover;left: -.07rem; bottom: -.05rem;}
.twpop .twpop-main{color: #faccae; font-size: .24rem;}
.twpop-msg .twpop-main::after,.twpop-msg .twpop-main::before,.twpop-load .twpop-main::after,.twpop-load .twpop-main::before{display: none;}
.twpop .twpop-title{border-color: #5d2e10;}
.twpop .twpop-cont{padding: .24rem;font-size: .24rem;}
.twpop .twpop-from-bd{background: #fff;}
.twpop .twpop-foot{margin-top: .2rem;}
.twpop .twpop-close{width: .66rem;height: .66rem;background: url('../imgs/close.png') no-repeat center / .34rem;}
.twpop .twpop-btn,.btn{display: inline-block; width: 1.89rem; height: .71rem; background: url('../imgs/btn.png') no-repeat center / cover; color: #a52a00; font:bold .34rem / .7rem '思源宋体','宋体';text-align: center;}
.btn{font-size:.28rem;}
.btn i{display: inline-block;background: linear-gradient(#670100, #e85700);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.twpop .twpop-btn{border: none; border-radius: 0; padding: 0;}
.gray,.box_list .end .btn{-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.select2-container--default .select2-selection--single{background: transparent!important;border: none!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#000!important;}
.rule{text-align: left;}
.twpop-list li{padding:.08rem 0;text-align: left; display: flex;justify-content: space-between; align-items: center; border-bottom: 1px dashed #ac7a51;}
.btn_use,.btn_use_end{font-size: 0;display: block;width: 1.4rem;height: .54rem;background: url('../imgs/btn_use.png') no-repeat left top / 1.4rem;}
.btn_use_end{background-position: 0 -.64rem;}

.btn_play{width: 1rem; height: 1rem; background: url('../imgs/btn_play.png') no-repeat center / cover; position: fixed;right: 0;bottom:2rem;-webkit-animation: dong 1.4s linear infinite;animation: dong 1.4s linear infinite;}
@-webkit-keyframes dong{0%{-webkit-transform:scale(.92)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.92)}}
@keyframes dong{0%{transform:scale(.92)}50%{transform:scale(1)}100%{transform:scale(.92)}}