html{-ms-touch-action:none;font-size:62.5%;-webkit-text-size-adjust:100%;min-height: 100%;height: 100%;}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{margin:0;padding:0;}
@media screen and (max-width:359px) and (orientation:portrait){html{font-size:42.67px}}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:45.2px}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:55.2px}}
@media screen and (min-width:640px) and (orientation:portrait){html{font-size:102.4px}}
body{font:.22rem/.3rem "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); background:#0e0b08 url('../img/bg.jpg') no-repeat center top / 7.5rem auto;color: #75664b; min-height: 100%;}
li,ul{list-style:none}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#d1cdf2}
img{width:100%;display:block}
em{font-style: normal;}
.cl{zoom:1}
.cl:after{clear:both;display:block;visibility:hidden;height:0;content:'\0020'}
.live{color: #ff4e00;}
.orgin{color: #f3b13b;}
.white{color: #fff8e3;}
.f22{font-size: .22rem;}
/* .loading{width:100%;height:100%;opacity:1;position:fixed;top:0;left:0;z-index:999999;background:#35305e;}
.loading .inner{width:3rem;position:absolute;top:50%;left:50%;margin:-.8rem 0 0 -1.5rem;text-align:center;color:#fff;font-size:.2rem}
.loading .loading_img{width: 1rem; height: 1rem; border-radius: 50%; padding: .15rem; margin: 0 auto; background: #fff;}
.loading .loading_rate{color:#fff;margin-top: .1rem; font-size: .3rem;} */
.warp,.home{width: 7.5rem;margin: 0 auto;}
.warp{padding-bottom: 1rem; text-align: center; overflow-y: hidden;}
.main{padding: 1.87rem .4rem 0; }
.home{background:url('../img/p1.jpg') no-repeat center top / 7.5rem auto; height: 13.34rem;}
.foot{position: fixed; width: 7.5rem; height: .85rem; bottom: 0; left: 50%; margin-left:-3.75rem;z-index: 999;}
.foot a{width: 1.875rem; height: .85rem; overflow: hidden; text-indent: -9999px; font-size: 0; float: left; background-image: url('../img/foot.jpg'); background-repeat: no-repeat; background-size: 7.5rem auto; background-position: left top;}
.foot a:nth-child(1){background-position: 0 0;}
.foot a:nth-child(1).cur{background-position: 0 -.95rem;}
.foot a:nth-child(2){background-position: -1.875rem 0;}
.foot a:nth-child(2).cur{background-position: -1.875rem -.95rem;}
.foot a:nth-child(3){background-position: -3.75rem 0;}
.foot a:nth-child(3).cur{background-position: -3.75rem -.95rem;}
.foot a:nth-child(4){background-position: -5.625rem 0;}
.foot a:nth-child(4).cur{background-position: -5.625rem -.95rem;}
.btn{display:block;  width: 1.81rem; height: .54rem; overflow: hidden; text-indent: -9999px; font-size: 0; background-repeat: no-repeat; background-size: 100% auto; background-position: center top;}
.btn1{background-image: url('../img/btn_1.jpg'); margin: .3rem auto 0;}
.b1{width: 6.17rem; height: 3.02rem; margin: 0 auto;}
.cell{display: -webkit-box;display: -webkit-flex;display: flex; text-align: left;}
.flex{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.rule{margin-top: .2rem; text-align: justify;}
.zh{margin: .65rem auto 0;}
.zh_num{font-size: .28rem;  margin: .3rem 0;}
.reward{color: #b59252;}
.zh_form{width: 4.3rem; height: 1.22rem; background:url('../img/p3.png') no-repeat center top / 4.3rem auto; margin: .3rem auto .34rem;}
.input{width: 100%;border: 0; outline: 0; -webkit-appearance: none; background-color: transparent;font-size: inherit;color: inherit;height: 1.47058824em;line-height: 1.47058824;}
.zh_form .input{height: .54rem; line-height: .54rem; width: 2.45rem; text-align: center; color: #c4aa61; font-size: .24rem;}
.zh_btn{width: 1.8rem; height: .54rem; margin-left: .04rem; overflow: hidden; text-indent: -999px; font-size: 0; display: block;}
.zh_sumbit{margin-top: .14rem;}
.gift_top{width: 5.42rem; height: 6.67rem; background:url('../img/g1.png') no-repeat center top / 5.42rem auto; margin: 0 auto .2rem;}
.rank_list{width: 4.4rem; padding: 2.24rem 0 0 .52rem;}
.rank_list li{margin-top:.165rem; line-height: .54rem;  color: #d7b865;}
.rank_list .n{width: 1.6rem;margin-left: .4rem; text-align:center;}
.my_rank{font-size: .26rem; color: #c9b066; margin:.25rem 0 .2rem;}
.b2{background-image: url('../img/btn_2.jpg'); margin: 0 auto;}
.cj_box{margin-top: .8rem; background:url('../img/g2.png') no-repeat center top / 2.33rem .67rem; padding-top: 1rem;}
.lottery{width: 5.37rem;height: 5.37rem;margin:0 auto; position: relative;}
.lottery .start {width: 1.89rem; height: 1.89rem; position: absolute; left: 50%; top: 50%; margin: -.945rem 0 0 -.945rem; background: url('../img/lotteryBtn.png') no-repeat center bottom / 1.89rem 1.89rem; overflow: hidden; text-indent: -999em;}
.lottery_txt{margin: .34rem 0 .15rem;color: #d9b95e;}
.inquire{color: #ff6000;text-decoration: underline; margin-bottom: .05rem; display: inline-block;}
.lottery_btn{ width: 4.1rem; margin: 0 auto .2rem; height: .54rem;}
.b3{background-image: url('../img/btn_3.jpg'); float: left;}
.b4{background-image: url('../img/btn_4.jpg'); float: right;}
.history{margin-top: .75rem; background:url('../img/g3.png') no-repeat center top / 3.25rem .67rem;   padding-top: .9rem;}
.history_top{color: #b79c4f; margin-bottom: .15rem;}
.down_ts{font-weight: bold; color: #bfa252; font-size: .24rem; margin: .2rem 0 .05rem}
.pop{position: fixed;z-index: 100000;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);display: none;}
.pop_main{position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
    width: 6rem; background-image: url('../img/pop1.jpg'); height: 5.4rem; box-sizing: border-box;text-align: center;border-radius:.1rem; background-repeat: no-repeat; background-size: 100% auto; background-position: center top;}
.close{width: 1rem; height: 1rem; position: absolute; top: -1rem; right: -.25rem; z-index: 99;overflow: hidden; text-indent: -9999em; font-size: 0; background: url('../img/close.png') no-repeat center / .48rem;}
.pt{font-size: .36rem; padding-top: .1rem; color: #fde7c6; font-weight: bold;line-height: .8rem;}
.pb{width: 5.4rem; min-height: 1rem; background: url('../img/c.jpg') repeat-y center / 100% auto; margin: 0 auto; position: relative;padding: .2rem;overflow-x: hidden;max-height: 4rem;}
.pb::after,.pb::before{content: "";display: block; width: 100%; position: absolute; height: .17rem; left: 0; z-index: 999;background-repeat: no-repeat; background-size: 100% auto; background-position: center top;}
.pb::before{top: 0;background-image: url('../img/t.jpg');}
table{width: 100%;text-align: center;border-spacing: 0;border-collapse: collapse;}
.pop_main td,.pop_main th{border: .04rem solid #fde7c6; background: #e5cca8; line-height:.5rem; height: .5rem;}
.pop_main th{font-weight: normal; color: #fde7c6; background: #362d27;}
.pop_main td{color: #333;}
.b5,.b6,.b7{background-image: url('../img/btn_5.jpg'); width: 2.37rem; height: .71rem; margin: .25rem auto 0;}
.address{width: 4.2rem; margin: .2rem auto .3rem;}
.address li{height: .6rem; background: #fde7c6; padding: 0 .2rem; margin-top: .2rem;}
.address .input{line-height: .6rem; height: .6rem;}
.address_ts{color: #fde7c6; margin-top: .3rem;}
.pop_main2{background-image: url('../img/pop2.jpg'); height: 3.69rem;}
.pop_main2 .pb{font-size: .3rem; color: #333; font-weight: bold; min-height: auto; padding: .5rem 0;}
.b6{background-image: url('../img/btn_6.jpg');  margin: .25rem auto 0;}
.pop_main2 .jd{font-weight: normal;}
.b7{background-image: url('../img/btn_7.jpg');  margin: .25rem auto 0;}
.mine{margin-top: 1.87rem; background: url('../img/m1.png') no-repeat center top /7.5rem  auto; min-height: 13.01rem;}
.mlist{height: 9.8rem; padding-top: 1.76rem; padding-left: .63rem;}
.mlist li{width: 6.2rem; height: 2.3rem; padding-top: .2rem;}
.mlist .message{text-align: left; margin-bottom: .2rem; font-size: .24rem; line-height: .3rem; max-height: 1.5rem; overflow:hidden;}
.mlist .message span{font-weight: bold;}
.laud{text-align: right; color: #9b3024;}
.mlist .zan,.mlist .zan_cur{display:inline-block; color: #9b3024; margin-left: .18rem; background: url('../img/zan.png') no-repeat; background-size:.24rem .88rem; background-position: right top; padding-right: .3rem;}
.mlist .zan_cur{background-position: right bottom;}
.message_btn{width: 3.29rem; height: .42rem; background: url('../img/m2.png') no-repeat center top /3.29rem  auto; margin-left: 1.4rem;}
.change{float: right; width: 1.39rem; height: .42rem; overflow: hidden; text-indent: -999em; font-size: 0;}
.message_btn .cell{width: 1.8rem;}
.message_btn .minput{padding: 0 .1rem;}
.message_btn .input{line-height: .42rem; height: .42rem;}
.serach{width: .42rem;height: .42rem; overflow: hidden; text-indent: -999em; font-size: 0;}
.area{margin:.1rem 0 0 .55rem;}
.area .textarea{width: 6.4rem; display: block;border: 0;resize: none;color: inherit;font-size: 1em;line-height: inherit;    outline: 0;    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 1.25rem; background-color: transparent; color: #f3b13b;}
.b8{background-image: url('../img/btn_8.jpg'); margin: .25rem auto 0;}
.mine_rule{padding: 0 .4rem; margin: .2rem 0 .5rem;}
.pack{margin-top: 1.87rem; background: url('../img/reward.png') no-repeat center top /7.5rem  auto; min-height: 9.89rem; padding:2.5rem 0 0 .75rem;}
.rlist{width: 6.2rem; height: 4.7rem;}
.rlist li{height: 2.34rem; width: 1.7rem; float: left; margin-left: .2rem;}
.b9{background-image: url('../img/btn_9.jpg'); width: 1.81rem; height: .53rem; margin: .25rem 0 0 2.2rem;}
.login{width: .71rem; height: 1.52rem; position: fixed; right: .5rem; top: 0; background: url('../img/login.png') no-repeat center top /.71rem  auto; overflow: hidden; text-indent: -999rem;}
.logout{width: .71rem; height: 1.52rem; position: fixed; right: .5rem; top: 0; background: url('../img/logout.png') no-repeat center top /.71rem  auto; overflow: hidden; text-indent: -999rem;}
.back{width: 1.38rem; height: .55rem; position: fixed; right: 0; top: .97rem; background: url('../img/back.png') no-repeat center top /1.38rem  auto; overflow: hidden; text-indent: -999rem;}
.create{height: .54rem; line-height: .54rem; display:block; width: 2.45rem;text-align: center; color: #c4aa61;font-size: .24rem; text-align:center; color:#757575; -moz-user-select: text; -webkit-user-select: text;-ms-user-select: text;user-select: text;}

.icon_toast{
	margin: 20px 0 10px;
	width: 30px;
	height: 30px;
	vertical-align: baseline;
	display: inline-block;
	vertical-align: middle;
	-webkit-animation: weuiLoading 1s steps(12, end) infinite;
	animation: weuiLoading 1s steps(12, end) infinite;
	background: transparent url('../img/loading.png') no-repeat;
	background-size: 100%;
}
@-webkit-keyframes weuiLoading {
	0% {
		transform: rotate3d(0, 0, 1, 0deg);
	}
	100% {
		transform: rotate3d(0, 0, 1, 360deg);
	}
}

@keyframes weuiLoading {
	0% {
		transform: rotate3d(0, 0, 1, 0deg);
	}
	100% {
		transform: rotate3d(0, 0, 1, 360deg);
	}
}
.toast{
	display:none;
	position: fixed;
	z-index: 5000;
	width: 120px;
	min-height: 90px;
	top: 50%;
	left: 50%;
	margin:-45px 0 0 -60px;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	border-radius: 5px;
	color: #FFFFFF;
}

/*loading*/
.load-win {display: none;position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 9999;}
.loading {position: absolute;width: 2.2rem;height: 2.2rem;top: 50%;left: 50%;background: rgba(17, 17, 17, 0.7);text-align: center;border-radius: 5px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);color: #fff;font-size: .3rem;z-index: 999;}
.loading-icon {display: block;width: .5rem;height: .5rem;background: url(http://image.tanwan.com/huodong/lanyue/2018qfsd/img/load.gif) no-repeat center/100% 100%;margin: .6rem auto .4rem auto;}

.jf-btn{    margin: 0.15rem 0;}
.jf-btn a{display:block;margin:0 auto;width:1.8rem;height:.5rem;background:url(../img/lq-btn.jpg) no-repeat;    background-size: 100%;}