@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; background: #fdf6c4; overflow-x:hidden; max-width: 7.5rem; margin: 0 auto !important;font-size:0;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0;}
a{ text-decoration:none; color:#000;}
i,em{font-style: normal}
img{border:none; vertical-align: middle; display: block; max-width: 100%; height: auto; margin: 0 auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;/* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/}
table{border-collapse:collapse;}
.wrap{ width:90%; height:auto; margin: 0 auto; position: relative; clear: both;}

input::-webkit-input-placeholder {color: #808080;}
input::-moz-placeholder {color: #808080;}
input:-moz-placeholder {color: #808080;}
input:-ms-input-placeholder {color: #808080;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}

.left{float: left;}
.right{float: right;}

.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 

.page-index{
	width: 100%; height: 100%; min-height: 100vh;
	background:#ffed84 url("../images/page-index.jpg") no-repeat center top / 7.5rem;
	float: left;
}
/*banner*/
.banner{
	position: relative;
	height: 10.85rem;
	display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap;
}
.banner .ban-logo{
	position: absolute; left: 0.5rem; top: 0.7rem; width: 2.03rem;
}
.banner .ban-logo img{
	width: 100%;
}
.theme{
	width: 100%; clear: both; margin-top: 1.62rem;
}
.theme img{height: 3.39rem; display: block; margin: auto;}
.giftbox{
	width: 100%; clear: both; margin-top: .25rem; display: block;
	position: relative;
}
.giftbox img.gold{
	width: 1.78rem; display: block;
	position: absolute; top: -.36rem; right: .7rem;
	animation:moveY .8s linear infinite alternate;
}
.giftbox img.redbox{
	width: 4.5rem; display: block;
}

.loginbox{
	position: absolute; right: 0; top: .66rem;
}
.loginbox a{
	height: .48rem; padding: 0 .29rem; display: block;
	background: #ff4e30;
	background: -webkit-linear-gradient(#ff392a,#ff6b37);
	background: -moz-linear-gradient(#ff392a,#ff6b37);
	background: -o-linear-gradient(#ff392a,#ff6b37);
	background: linear-gradient(#ff392a,#ff6b37);
	border: solid .01rem #ffcf5c;
	border-right: none;
	border-radius: .11rem 0 0 .11rem;
	font-size: .26rem; line-height: .48rem; color: #fff;
}
.loginbox a em{
	color: #fee17e; margin: 0 .1rem;
	font-style: normal;
}

.mainIndex{
	width: 100%; clear: both; height: 1.64rem;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: .86rem;
}
.mainIndex a.btn01{
	width: 1.63rem; display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap;
}
.mainIndex a.btn01 img.pic{
	width: 1.63rem; display: block;
}
.mainIndex a.btn01 img.btn{
	width: 100%; height: .47rem; display: block;
	border-radius: .4rem;
	box-shadow: 0 .16rem .32rem rgba(255, 164, 33,.8);
}
.mainIndex a.btn02{
	width: 3.33rem; height: .96rem;  text-align: center;
	background: url("../images/btn01.png") no-repeat center / 100%;
	border-radius: .5rem;
	box-shadow: 0 .19rem .32rem rgba(194, 1, 1,.8);
	font-size: .46rem; color: #fff; line-height: .96rem;
	text-shadow: 0 .02rem 0 rgba(194, 23, 0,.8);
	margin: 0 .2rem;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}
.mainIndex a.btn02 b{line-height: 1; font-size: .4rem; display: block; width: 100%; font-weight: bold;}
.mainIndex a.btn02 span{
	display: block; width: 100%;
	font-size: .24rem; line-height: 1; margin-top: .1rem;
}


.pulse{
	animation: pulse 1.5s infinite;
}


/* 弹窗 */
.mask {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .6); z-index: 8; display: none;}
.popup {width: 80%; z-index: 9; border-radius: .25rem; position: fixed; top: 45%; left: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:  none;}
.popup h3{font-size: .28rem; color: #fa2533; font-weight: 900; line-height: 0.5rem; text-align: center; padding-top: 0.4rem;}
.popup h3 span{font-size: .7rem;}
.popup p{width: 3.42rem; font-size: .22rem; color: #feab9f; margin: 0 auto; text-align: center; margin-top: 0.05rem;
	line-height: 1.4;
}
.popup p.tips{
	height: auto;
	line-height: .27rem; font-size: .22rem; color: #666;
}
.popup a.close{width: 3.3rem; height: 0.76rem; line-height: 0.76rem; background: #fdf2c0; background: linear-gradient(to right, #fdf2c0 , #ffe582); border-radius: .38rem; display: block; font-size: .36rem; color: #fa2533; font-weight: bold; text-align: center; margin: 0 auto; margin-top: 1.5rem; transform: translateX(-.05rem);}

.tcbtn{
	width: 100%; clear: both;
}
.tcbtn a{
	width: 2.96rem;height: .66rem; display: block; margin: auto;
	background: url("../images/tc-btn01.png") no-repeat center / 100%;
	border-radius: .5rem;
	box-shadow: 0 .19rem .32rem rgba(194,1,1,.8);
	font-size: .31rem; line-height: .66rem; font-weight: bold; text-align: center;
}
.tcbtn a span{
	line-height: 1;
	background: linear-gradient(to bottom, #e66f13 0%, #c22b08 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.tcbtn p{
	width: 100%; text-align: center;
	font-size: .22rem; line-height: 1; color: #fff; padding-top: .21rem;
}
.type01 .tcbtn{margin-top: .7rem;}

/* .mask{display: block} */
/* #RedPocket{display: block;} */
/* #allRedPocket{display: block;} */
/* #MyRedPocket{display: block;} */
/* #NoRedPack{display: block;} */

.pubPopup{width: 6.59rem;}
.pubPopup .popup-m{
	width: 100%; height: 100%; display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-wrap: wrap;
	height: 10.11rem;
	background: url('../images/hb_bg.png') no-repeat top center / 7.5rem;
}
#RedPocket{
	height: auto;
}
.popup-m.type01{
	height: 10.11rem;
	background: url('../images/hb_bg.png') no-repeat top center / 7.5rem;
}
.popup-m.type01 h3{
	padding-top: 3.39rem;
}
.popup-m.type01 h3 img{
	height: .4rem; display: block;
}
.popup-m .price{
	width: 100%; clear: both;margin: .3rem auto .2rem;
}
.popup-m .price img{
	height: 1.02rem; display: block; margin: auto;
}
.popup-m.type01 p{
	width: 100%; clear: both;
}
.popup-m.type01 .close{
	position: absolute; bottom: 1rem; left: 50%; margin-left: -.35rem; display: block; width: .7rem; height: .7rem;
}
.popup-m.type01 .close a{width: 100%; display: block;}
.popup-m.type01 .close a img{width: 100%; display: block;}

#MyRedPocket h3{font-size: .32rem;}
#NoRedPack h3{padding-top: 4.2rem;font-size: .32rem;margin-bottom: .2rem}
#NoRedPack .tcbtn{margin-top: 1.5rem}

/* #allRedPocket{display: block;} */
#allRedPocket .popup-m{
	width: 4.98rem; height: 5.26rem; display: block; margin: auto;
	background: url("../images/hb_bg2.png") no-repeat center / 100%;
}
#allRedPocket .popup-m h3{
	font-size: .48rem; line-height: .88rem; font-weight: bold; color: #fff;
	width: 100%; clear: both; margin-top: 1.02rem;
	float: left;
}
#allRedPocket .popup-m ul{
	width: 3.52rem; clear: both;
	margin-top: .1rem; margin-left: .84rem;
	float: left;
}
#allRedPocket .popup-m ul li{
	width: 100%; clear: both;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .24rem; line-height: .52rem;
	padding: .2rem 0;
	border-bottom: dashed .01rem #fa2533;
}
#allRedPocket .popup-m ul li:last-child{border: none;}
#allRedPocket .popup-m ul li span{font-weight: bold;}
#allRedPocket .popup-m ul li a{
	width: 1.79rem; height: .52rem; display: block;
	background: #fa2533;
	color: #fff;
	border-radius: .5rem;
	text-align: center;
}
#allRedPocket .close{position: absolute; bottom: -.8rem; left: 50%; margin-left: -.35rem; display: block; width: .7rem; height: .7rem;}
#allRedPocket .close a{width: 100%; display: block;}
#allRedPocket .close a img{width: 100%; display: block;}


/* 红包雨 */
.pack_box{
	width: 100%;
	height: 100%;
	background-size: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	display: none;
  }
  /*
	开始动画框
  */
  .start_box{
	width: 100%;
	position: absolute;
  }
  .start_box p{
	display: inline-block;
	width: 80%;
	height: 100px;
	position: absolute;
	margin: 0 auto;
	top: 5rem;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
  }
  .start_box span{
	display: inline-block;
	text-align: center;
	font-size: .6rem;
	color: #fff;
	font-weight: 600;
	text-shadow: 0 2px 0 #e02629;
  }
  .start_box b{
	display: inline-block;
	font-size: .6rem;
	color: #fff;
	text-shadow: 0 2px 0 #e02629;
	font-weight: 600;
  }
  .start-tips{
	color: #ffeda0;
	font-size: .35rem;
	top: 6rem !important;
	font-weight: 600;
	letter-spacing: .02rem;
  }
  
  .pack_box time{
	position: absolute; top: 5%; left: 10%; display: none;
	width: 1.6rem;
	color: #fff;font-size: .24rem;line-height: .52rem; text-align: center;
  }
  .pack_box time em{
	  font-style: normal; width: 100%; display: block;
	  font-size: .5rem;line-height: .7rem;
	  border: solid 1px #fff;
	  border-radius: .72rem;
  }
  
  /*
	红包框
  */
  .redpack_box{
	width: 100%;
	height: 100%;
	overflow: hidden;
  }
  .redpack_box li{
	position: absolute;
	animation: all 3s linear;
	top: -100px;
  }
  .redpack_box li a{
	display: block;
  }

  /* 中间红包 */
  .redPack{
	position: absolute;
	top: 4.3rem;
	left: 50%;
	margin-left: -1.49rem;
	width: 2.98rem;
	z-index: 119;
	display: none;
  }
  
  .redPack span{
	display: none;
	width: 2.96rem;
	font-size: .6rem; text-align: center;
	color: #fffdd4;
	text-shadow: 0 2px 0 #e02629;
	font-weight: 600;
	position: absolute;
	left: 0; top: -1rem;
  }
  .redPack .numBg{
	  width:3.76rem;
	  height: 1.9rem;
	  background: url(../images/num-img01.png) no-repeat center;
	  background-size: auto 100%;
	  position: absolute; left: -.45rem; top: -2rem;
	  display: none;
  }
  .redPack .numBg.good{
	  background: url(../images/num-img02.png) no-repeat center;
	  background-size: auto 100%;
  }
  .redPack .numBg.more{
  	  background: url(../images/num-img03.png) no-repeat center;
  	  background-size: auto 100%;
  }

  .scale1{
	animation:scale .8s linear infinite alternate;
  }
.scale2{
	animation:scale 1.2s linear infinite alternate;
}

  .banimg{
	display: block;
	animation:banimg .5s ease-in forwards;
  }
/*上下移动*/
@keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-o-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-moz-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-webkit-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}

  @keyframes scale{
	0%{transform: scale(1);}
	50%{transform: scale(1.05);}
	100%{transform: scale(1);}
  }

@keyframes banimg {
	0% {opacity: 0;transform: scale(0) rotate(0)}
	15%{opacity: .15;transform: scale(.2) rotate(10deg)}
	36%{opacity: .36;transform: scale(.4) rotate(0)}
	50%{opacity: .5;transform: scale(.6) rotate(-10deg)}
	65%{opacity: .65;transform: scale(.8) rotate(0)}
	80%{opacity: .8;transform: scale(.9) rotate(10deg)}
	100% {opacity: 1;transform: scale(1) rotate(0)}
  }
  
@-webkit-keyframes arrTwo{
	0%  {opacity: 0;}
	50% {opacity: 0.4;}
	100%{opacity: 0.6;}
}
@keyframes arrTwo {
	0%  {opacity: 0;}
	50% {opacity: 0.4;}
	100%{opacity: 0.6;}
}
@-webkit-keyframes arrThree{
	0%  {opacity: 0;}
	50% {opacity: 0;}
	100%{opacity: .2;}
}
@keyframes arrThree {
	0%  {opacity: 0;}
	50% {opacity: 0;}
	100%{opacity: .2;}
}
.dx{
	animation: zoomIn .5s linear;
}
.dxnum{
	animation: zoomIn .1s linear;
}
@keyframes dx{
	0%{transform: scale(1);}
	100%{transform: scale(.8);}
}
@media only screen and (min-width:990px) {
html {max-width: 750px;margin: 0 auto;}
body {font-size: 18px;}
.popup {width: 6.59rem;}
.one_li2 {margin: 6% 1.5% 0;}
.ban_a3 {width: 26%;}
.three {max-width: 750px;left: 50%;margin-left: -375px;}
}