@charset "UTF-8";/*!reset START*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

html,body {
	background: #fff;
}

body,html {
	font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,td,th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: "";
	content: none
}

a {
	color: inherit;
	border: none;
	display: block
}

img {
	border: none;
	display: block;
	width: 100%
}

.clear:after,.clearfix:after,.clearfix:before {
	content: "";
	visibility: hidden
}

.hidden {
	display: none
}

.flex {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex
}

.b-flex {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 0;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0;
	flex: 1 1 0
}

/*!reset END*/
html {
	color: #000;
	display: block;
	height: 100%
}

blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0 none
}

img {
	vertical-align: middle
}

li {
	list-style: none
}

body,button,input,select,textarea {
	font: 14px/1.2 tahoma,Helvetica,微软雅黑,arial
}

a,a:link,a:visited {
	text-decoration: none
}

a,button,input,textarea {
	-webkit-tap-highlight-color: transparent
}

input {
	-webkit-appearance: none;
	border-radius: 0
}

body {
	font: 14px/1.2 tahoma,Helvetica,微软雅黑,arial;
	color: #000;
	min-width: 320px;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

img {
	width: 100%;
	vertical-align: top
}

.disabled {
	pointer-events: none
}

.cb {
	clear: both
}

.cl {
	clear: left
}

.cr {
	clear: right
}

.fl {
	float: left
}

.fr {
	float: right
}

.margin {
	margin: 0 auto
}

.t_indent {
	text-indent: 2em
}

.clearfix:after,.clearfix:before {
	content: "";
	width: 0;
	display: inline-block;
	height: 0;
	visibility: hidden
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom:1}

.flex {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex
}

.b-flex {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 0%;
	-moz-flex: 1 1 0;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%
}

.w95 {
	width: 95%
}

.clearfix:after,.clearfix:before {
	content: '';
	line-height: 0;
	height: 0;
	display: block;
	visibility: hidden;
	clear: both
}
/* 浮框显示 */
.flframe {
	display: none;
	position: fixed;
	width: 1.53rem;
	height: 1.88rem;
	background: url(//i1.ulecdn.com/i/event/2018/0511/tencele/z15.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 101;
	bottom: 30%;
	right: 1%;
}

.flframe .flframe-dian {
	background: url(//i1.ulecdn.com/i/event/2018/0511/tencele/z16.png) no-repeat center;
	background-size: 100% 100%;
	width: 1.32rem;
	height: 1.01rem;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 3%;
	z-index: 2;
}

.flframe .flframe-zi {
	width: 1.25rem;
	height: 1.29rem;
	background: url(//i1.ulecdn.com/i/event/2018/0511/tencele/z17.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 9%;
	text-align: center;
	padding-top: .26rem;
	transition: bottom .5s;
	-webkit-transition: bottom .5s;
	box-sizing: border-box;
}

.flframe .flframe-zi.zhangkai {
	bottom: 56%;
	height: 1.6rem;
}

.flframe .flframe-zi h6 {
	text-align: center;
	font-size: .2rem;
	color: #fec262;
	font-weight: 600;
	margin-bottom: .08rem;
}

.flframe .flframe-zi a {
	display: inline-block;
	width: 72%;
	text-align: center;
	height: .24rem;
	line-height: .24rem;
	background-color: #feb516;
	border-radius: .12rem;
	font-size: .16rem;
	color: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.flframe .flframe-zi.zhangkai a{
	line-height: .32rem;
	border-radius: .16rem;
	margin-bottom: .14rem;
	height: .32rem;
}

.sale-lode {
	display: none;
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/* 集卡样式 */
.cardcoll,.redreward{
	display: block;
	width: 94.7%;
	margin: 0 auto;
}
.cardcoll .title{
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
	top: .4rem;
	z-index: 2;
}
.cardcoll .title img{
	height: 1.74rem;
	width: auto;
	display: inline-block;
}
.cardcoll .title a{
	display: block;
	position: absolute;
	width: .88rem;
	height: .4rem;
	background: url(../images/j1.png)no-repeat center;
	background-size: 100% 100%;
	right: 0%;
	top: 22%;
}
.cardcoll .card-con {
	display: block;
	width: 100%;
	background: url(../images/bg2.png)no-repeat center;
	background-size: 100% 100%;
	position: relative;
	padding-top: .69rem;
	padding-bottom: 1.4rem;
}
.cardcoll .card-con .card-num{
	width: 7.05rem;
	height: .74rem;
	text-align: center;
	margin: 0 auto;
}
.cardcoll .card-con h6{
	display: inline-block;
	min-width: 4.5rem;
	height: .74rem;
	font-size: .3rem;
	background: url(../images/j2.png)no-repeat center;
	background-size: 100% 100%;
	text-align: center;
	line-height: .74rem;
	font-weight: 600;
	color: #e19667;
}
.cardcoll .card-con h6 span{
	display: inline-block;
	width: .4rem;
	height: .48rem;
	text-align: center;
	line-height: .48rem;
	border-radius: .1rem;
	background-color: #bc1d1e;
	color: #ffd388;
	font-size: .34rem;
	margin-right: .04rem;
}
.cardcoll .card-con ul{
	display: block;
	width: 100%;
	padding: 3.5% 2% 0;
	box-sizing: border-box;
}
.cardcoll .card-con ul li{
	width: 15.6%;
	float: left;
	margin-right: 1.2%;
	margin-bottom: 2.8%;
	position: relative;
	height: 1.29rem;
}
.cardcoll .card-con ul li i{
	display: block;
	position: absolute;
	top: 0rem;
	right: -.02rem;
	color: #ab5b1c;
	background-color: #fec077;
	border: 1px solid #fec077;
	font-size: .2rem;
	border-radius: .14rem;
	padding: .01rem .07rem;
}
.cardcoll .card-con ul li:nth-last-child(1) i{
	display: none;
}
.cardcoll .card-con ul li:nth-of-type(5),.cardcoll .card-con ul li:nth-of-type(11){
	margin-right: 0;
}
.cardcoll .card-con ul li:nth-of-type(6),.cardcoll .card-con ul li:nth-of-type(12){
	margin-right: 0;
	float: right;
}
.cardcoll .card-con ul li img{
	display: block;
	width: 100%;
}
.card-bottom{
	display: block;
	width: 100%;
	height: .76rem;
	text-align: center;
	position: absolute;
	bottom: 7%;
	left:0;
}
.card-bottom a{
	display: inline-block;
	width: 38%;
	height: 100%;
}
.card-bottom a:nth-of-type(1){
	background: url(../images/an2.png)no-repeat center;
	background-size:100% 100%;
	margin-right: 3%;
}
.card-bottom a:nth-of-type(2){
	background: url(../images/an1.png)no-repeat center;
	background-size:100% 100%;

}
/* 集卡活动规则 */
.card-rule{
	display: none;
	opacity: 1;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	background-color: rgba(0,0,0,.75);
	top: 0;
	left: 0;
}
.card-rule-con{
	display: block;
	position: absolute;
	width: 6rem;
	height: 8.97rem;
	background: url(../images/pg1.png)no-repeat center;
	background-size: 100% 100%;
	top: 50%;
	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%);
	padding-top: 25%;
	box-sizing: border-box;
}
.card-rule-con img{
	display: block;
	width: 80.7%;
	margin: 0 auto;
}
.card-rule-con img.ule{
	display: none;
}
.card-rule-con.card-ruleule img.ule{
	display: block;
}
.card-rule-con.card-ruleule img.ylxd{
	display: none;
}
.card-rule-con .rom{
	display: block;
	position: absolute;
	width: .46rem;
	height: .46rem;
	top: -2%;
	right: -1%;
	background: url(../images/j3.png)no-repeat center;
	background-size: 100% 100%;
}

/* 活动规则 */
.rule, .redbox,.sign-box ,.redtips{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}

.rule {
	display: none;
}

.rule .rule-con ,.sign-box .sign-box-con,.redbox .redbox-con ,.redtips .redtips-con{
	width: 81.2%;
	max-width: 610px;
	position: absolute;
	left: 50%;
	top: 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%);
}

.rule .rule-con .rule-text {
	font-family: "Microsoft YaHei";
	background: url(../images/bg7.png)no-repeat center;
	background-size: 100% 100%;
	height: 8.97rem;
	border-radius: 0.22rem;
	padding: 1.78rem .46rem 1.8rem .46rem;
	box-sizing: border-box;
	position: relative;
}

.rule .rule-con .rule-text .text {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.rule .rule-con .rule-text .rom,.sign-box .sign-box-con .rom{
	display: block;
	width: 4.19rem;
	height: .76rem;
	background: url(../images/an7.png)no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	-webkit-transform:translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: .66rem;
}
.rule .rule-con .rule-text p {
	padding-left: 1.6em;
	line-height: 1.62;
	font-size: 0.28rem;
	color: #ffcb92;
	margin-bottom: 0.34rem;
}
.rule .rule-con .rombox,.sign-box .rombox,.redbox .rombox
{
	display: block;
	width: 0.46rem;
	height: 0.46rem;
	background: url(//i0.ulecdn.com/i/event/2018/0511/bargain/ba3.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: -.2rem;
}
/*  点赞  */
.dianz-box{
	display: block;
	width: 94.7%;
	margin: 0 auto;
}
.dianz-box .title{
	display: block;
	width: 100%;
	position: relative;
}
.dianz-box .title img{
	display: block;
	width: 100%;
}
.dianz-box .title a{
	display: block;
	position: absolute;
	width: 24%;
	height: 74%;
	bottom: 2%;
	right: 11%;
}
.dianz-box .shopdianzhan{
	display: block;
	width: 100%;
	padding: 0 .32rem;
	box-sizing: border-box;
	background: url(../images/h2.png) no-repeat center top;
	background-size: 100% 100%;
}
.dianz-box .shopdianzhan ul{
	display: block;
	width: 100%;
}
.dianz-box .shopdianzhan ul li{
	padding: .18rem;
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	float: left;
	margin-bottom: .18rem;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}
.shopdianzhan ul li .img{
	width: 35.34%;
	display: block;
	position: relative;
	padding-top: 35.34%;
}
.shopdianzhan ul li .img img{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
}
.shopdianzhan ul li .text{
	position: absolute;
	right: 0;
	top: 0;
	width: 62%;
	padding: .12rem .2rem .2rem .12rem;
	height: 100%;
	box-sizing: border-box;
}
.shopdianzhan ul li h5{
	white-space: normal;
	font-size: .3rem;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: .45rem;
	line-height: 1.4;
	padding-top: .06rem;
	font-family: "Microsoft YaHei";
}
.shopdianzhan ul li h5 a{
	color: #666666;
}
.shopdianzhan ul li .p1{
	font-size: .24rem;
	color: #ffa939;
	margin-bottom: .14rem;
	margin-top: .1rem;
}
.shopdianzhan ul li .p2{
	font-size: .16rem;
	color: #ff1516;
	position: relative;
	padding-top: .34rem;
}
.shopdianzhan ul li .p2 span{
	font-size: .3rem;
}
.shopdianzhan ul li .p2 i{
	display: inline-block;
	color: #fff;
	background-color: #ff1516;
	border-radius: .08rem;
	padding: 0.06rem .08rem;
	font-size: .2rem;
	position: absolute;
	top: 0;
	left: 0;
}
.shopdianzhan ul li .but_go{
	height: .46rem;
	line-height: .46rem;
	text-align: center;
	width: 52%;
	text-align: center;
	background-color: #ff1516;
	border-radius: .23rem;
	margin-top: .04rem;
}
.shopdianzhan ul li .but_go a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: .28rem;
	color: #fff;
}
.shopdianzhan ul li .dianzhang{
	display: block;
	position: absolute;
	bottom: 10%;
	right: 10%;
	text-align: center;
}
.shopdianzhan ul li .dianzhang span{
	color: #ff1516;
	font-size: .26rem;
}
.shopdianzhan ul li .dianzhang a{
	display: block;
	width: .78rem;
	height: .58rem;
	background: url(../images/n7.png) no-repeat center;
	background-size: .6rem .58rem;
}
.shopdianzhan ul li .dianzhang a.js-dianz{
	background: url(../images/n7.gif) no-repeat center;
	background-size:.78rem .53rem;
}
.shopdianzhan ul li:nth-of-type(1):before,
.shopdianzhan ul li:nth-of-type(2):before,
.shopdianzhan ul li:nth-of-type(3):before,
.shopdianzhan ul li:nth-of-type(4):before,
.shopdianzhan ul li:nth-of-type(5):before{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: .6%;
	width: .89rem;
	height: .83rem;
	background: url(../images/n1.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 2;
}
.shopdianzhan ul li:nth-of-type(2):before{
	background: url(../images/n2.png) no-repeat center;
	background-size: 100% 100%;
}
.shopdianzhan ul li:nth-of-type(3):before{
	background: url(../images/n3.png) no-repeat center;
	background-size: 100% 100%;
}
.shopdianzhan ul li:nth-of-type(4):before{
	background: url(../images/n4.png) no-repeat center;
	background-size: .68rem 100%;
}
.shopdianzhan ul li:nth-of-type(5):before{
	background: url(../images/n5.png) no-repeat center;
	background-size: .68rem 100%;
}
.shopdianzhan ul li .shentext{
	display: block;
	position: absolute;
	top: 0;
	left: 33%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: .18rem;
	color: #fff;
	text-align: center;
	line-height: .32rem;
	height: .42rem;
	padding: 0 .1rem;
	background: url(../images/n6.png) no-repeat center;
	background-size: 100% 100%;
	z-index: 3;
}
/* 右边导航 */
.box-fr{
	display: block;
	position: fixed;
	width: .55rem;
	height: 1.87rem;
	background: url(../images/an3.png) no-repeat center;
	background-size: 100% 100%;
	top: 30.3%;
	right: 0.08rem;
	z-index: 101;
}
.fr-nav{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	display: block;
	transition: opacity .3s,z-index .3s;
	-webkit-transition: opacity .3s,z-index .3s;
}
.fr-nav.fr-navshoe{
	opacity: 1;
	z-index: 9999;
}
.fr-nav-box{
	position: relative;
	width: 100%;
	max-width: 640px;
	height: 100%;
	margin: 0 auto;
}
.fr-nav-con{
	width: 2.08rem;
	background: url(../images/bg3.png) no-repeat center bottom;
	background-size: 100% .2rem;
	padding-bottom: .2rem;
	position: absolute;
	top: 47%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right:-2rem;
	transition: right 1s;
	-webkit-transition: right 1s;
}
.fr-nav-con.fr-nav-conshow{
	right: 0rem;
}
.fr-nav-con .fr-nav-nav{
	width: 100%;
	background-color: #ae0019;
	padding: 0 .08rem;
	box-sizing: border-box;
	padding-top: .06rem;
}
.fr-nav-con .fr-nav-nav .fr-nav-but{
	text-align: center;
	color: #ffea99;
	font-size: .18rem;
	width:100%;
	height: .38rem;
	background-color: #64000e;
	line-height: .38rem;
	margin-top: .05rem;
	border-radius: .06rem;
}
.fr-nav-con .fr-nav-nav .fr-nav-but.ji{
	background-color: #00a069;
}
.fr-nav-con .fr-nav-nav .fr-nav-but.pinls{
	background-color: #e22237;
}
.fr-nav-con .fr-nav-nav .fr-nav-but.shen{
	background-color: #984dff;
}
.fr-nav-nav ul{
	width: 100%;
	margin-top: .03rem;
}
.fr-nav-nav ul.diqu{
	display: none;
}
.fr-nav-nav ul li{
	width: 49.19%;
	height: .38rem;
	background-color: #64000e;
	float: left;
	margin-bottom: .04rem;
	border-radius: .06rem;
}
.pinl li:nth-of-type(2n){
	float: right;
}
.pinl li:nth-of-type(1),
.pinl li:nth-of-type(2){
	width: 100%;
}
.fr-nav-nav ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #ffea99;
	line-height: .38rem;
	font-size: .18rem;
	text-align: center;
}
.fr-nav-nav ul.diqu li{
	float: left;
}
.fr-nav-nav ul.diqu li:nth-of-type(2n){
	float: right;
}
.fr-nav-con h5{
	position: absolute;
	width: 2.08rem;
	height:1.5rem;
	background: url(../images/t3.png) repeat center top;
	background-size: 100% 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	top: -1.44rem;
	z-index: 2;
}
.fr-nav-con .shoufr{
	width: .55rem;
	height: 1.87rem;
	position: absolute;
	background: url(../images/an4.png) repeat center top;
	background-size: 100% 100%;
	top: 5%;
	left: -.62rem;
}
/* 签到 */
.sign{
	display: block;
	width: 94.7%;
	margin: 0 auto;
}
.sign .title {
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
	top: .5rem;
	z-index: 2;
}
.sign .title img {
	height: 1.26rem;
	width: auto;
	display: inline-block;
}
.sign .title a {
	display: block;
	position: absolute;
	width: .88rem;
	height: .4rem;
	background: url(../images/j1.png)no-repeat center;
	background-size: 100% 100%;
	right: 0%;
	top: 22%;
}
.sign .sign-con {
	display: block;
	width: 100%;
	height: 4.66rem;
	background: url(../images/bg5.png)no-repeat center;
	background-size: 100% 100%;
	position: relative;
	padding-top: .6rem;
}
.sign .sign-con .sign-jindu{
	margin-top: .78rem;
}
.sign-con h6{
	display: block;
	color: #750100;
	font-size: .22rem;
	height: .6rem;
	line-height: .6rem;
	background: url(../images/i2.png)no-repeat center;
	background-size:contain;
	text-align: center;
}
.sign-con .sign-top{
	display: block;
	width: 84%;
	background-color: #ffbf12;
	height: .28rem;
	border-radius: .14rem;
	overflow: hidden;
	padding: .03rem;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: .16rem;
}
.sign-con .sign-top .sign-top-con{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: .11rem;
	background-color: #710100;
	overflow: hidden;
	position: relative;
}
.sign-con .sign-top .sign-top-con span{
	display: block;
	position: absolute;
	top: 5%;
	left:0;
	width: 20%;
	background: url(../images/i9.png) repeat center top;
	background-size: 100% 100%;
	height: 90%;
}
.sign-con ul{
	display: block;
	width: 100%;
}
.sign-con ul li{
	display: block;
	width: 20%;
	text-align: center;
	font-size: .22rem;
	color: #890f0e;
	float: left;
	position: relative;
}
.sign-con ul li i,.sign-con ul li a{
	display: block;
	width: .41rem;
	height: .41rem;
	background: url(../images/i3.png)no-repeat center;
	background-size:.2rem .2rem;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -.51rem;
}
.sign-con ul li.chenk i{
	background: url(../images/i4.png)no-repeat center;
	background-size:100% 100%;
}
.sign-con ul li a{
	width: .62rem;
	height: .72rem;
	background: url(../images/i5.png)no-repeat center;
	background-size:100% 100%;
	top: -1.24rem;
}
.sign-con.hongbao ul li a{
	width: 1.11rem;
	height: .87rem;
	background: url(../images/i8.png)no-repeat center;
	background-size:100% 100%;
	top: -1.34rem;
}
.sign-con h5{
	font-size: .26rem;
	color: #750100;
	text-align: center;
	background: url(../images/bg4.png)no-repeat center;
	background-size:contain;
	width: 100%;
	height: .86rem;
	line-height: .86rem;
	margin-top: .26rem;
	margin-bottom: .33rem;
}
.sign-con h5 span{
	display: inline-block;
	height: 100%;
	width: .63rem;
	text-align: center;
	background: url(../images/i1.png)no-repeat center;
	background-size:contain;
	font-size: .4rem;
	color: #d64c34;
	font-weight: 600;
}
.getqiandao{
	display: block;
	margin: 0 auto;
	width: 4.16rem;
	height: .72rem;
	background: url(../images/an5.png)no-repeat center;
	background-size:100% 100%;
}
.jianwang .getqiandao{
	display: none;
}
.sign .sign-con.hongbao .getqiandao{
	display: none;
}
.getqiandao.noqiandao{
	background: url(../images/an6.png)no-repeat center;
	background-size:100% 100%;
	display: none;
}
.jianwang .getqiandao.noqiandao{
	display: block;
}
.sign-con .kaijiang{
	display: none;
}
.sign .sign-con.hongbao .kaijiang{
	display: block;
	background: url(../images/an8.png)no-repeat center;
	background-size:100% 100%;
}
.sign-box .sign-box-con .box-con,
.redbox .redbox-con .redbox-box
{
	background: url(../images/bg6.png)no-repeat center;
	background-size: 100% 100%;
	height: 8.97rem;
	border-radius: 0.22rem;
	padding: 1.78rem 0rem 0rem 0rem;
	box-sizing: border-box;
	position: relative;
}
.sign-box-con .box-con img,.redbox .redbox-box img{
	width: 5.26rem;
	height: auto;
	display: block;
	margin: 0 auto;
}
.sign-box-con .box-con p{
	display: block;
	text-align: center;
	font-size: .28rem;
	color: #ed9c75;
	margin-top: -.4rem;
}
.redbox .redbox-box{
	position: relative;
	text-align: center;
}
.redbox .redbox-box img{
	width: 5.9rem;
}
.redbox .redbox-box .red-text{
	display: block;
	width: 77%;
	height: 20%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	top: 38%;
}
.redbox .redbox-box .red-text .qian{
	position: absolute;
	top: 0;
	left: 0;
	width: 38%;
	height: 100%;
	text-align: center;
	padding-top: .28rem;
	box-sizing: border-box;
}
.redbox .redbox-box .qian .p1{
	color: #f3281e;
	font-size: .3rem;
}
.redbox .redbox-box .qian .p1 span{
	font-size: .7rem;
	font-weight: 500;
}
.redbox .redbox-box .qian .p2{
	color: #f3281e;
	font-size: .2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.redbox .redbox-box .red-text .name{
	position: absolute;
	top: 0;
	right: 0;
	width: 62%;
	height: 100%;
	text-align: center;
	/*padding-top: .28rem;*/
	box-sizing: border-box;
	padding-left: .14rem;
	padding-top: .37rem;
}
.redbox-box .red-text .name h6{
	font-size: .26rem;
	color: #f3281e;
	text-align: left;
	line-height: .3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.redbox-box .red-text .name h6 i{
	display: inline-block;
	font-size: .22rem;
	background-color: #f3281e;
	color: #fff;
	height: .3rem;
	line-height: .3rem;
	border-radius: .08rem;
	padding: 0 .06rem 0;
	margin-right: .08rem;
}
.redbox-box .red-text .name .p3{
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: .2rem;
	color: #999999;
	margin-top: .42rem;
}
.redbox-box .p4{
	font-size: .28rem;
	color: #ed9c75;
	text-align: center;
}
.redbox-box .rom{
	display: block;
	width: 4.19rem;
	height: .76rem;
	background: url(../images/an7.png)no-repeat center;
	background-size: 100% 100%;
	margin: 0 auto;
	margin-top: .52rem;
	margin-bottom: .26rem;
}
.redbox-box .zcahng{
	display: inline-block;
	font-size: .24rem;
	color: #ffcb92;
	margin: 0 auto;
}
.redreward img{
	display: block;
	width: 100%;
}
/* 红包雨提示弹层 */
.redtips .redtips-con{
	width: 95.2%;
}
.redtips .redtips-con img{
	display: block;
	width: 100%;
}
.redtips .redtips-con .rom{
	display: block;
	width: .56rem;
	height: .56rem;
	margin: 0 auto;
	background: url(../images/i10.png)no-repeat center;
	background-size: 100% 100%;
	margin-top: .02rem;
}
.redtips .redtips-con .kais{
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
	width: 3.5rem;
	height: .76rem;
	background: url(../images/an10.png)no-repeat center;
	background-size: 100% 100%;
	bottom: 17%;
}
.redtips .redtips-con p{
	position: absolute;
	text-align: center;
	left: 0;
	top: 47%;
	color: #FFFFDE7F;
	font-size: .28rem;
	width: 100%;
}
.sign-box .sign-box-con .getchouj{
	display: none;
	width: 4.19rem;
	height: .76rem;
	background: url(../images/an9.png)no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	-webkit-transform:translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: .66rem;
}
.sign-box .sign-box-con .p2{
	display: none;
}
.sign-box .sign-box-con.choujia .p2{
	display: block;
}
.sign-box .sign-box-con.choujia .p1{
	display: none;
}
.sign-box .sign-box-con.choujia .getchouj{
	display: block;
}
.sign-box .sign-box-con.choujia .rom{
	display: none;
}
/*  头图动效  */
header{
	display: block;
	width: 100%;
	position: relative;
}
header img{
	display: block;
	width: 100%;
}
header .dongxiao{
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 4.2%;
	width: 6.17rem;
	height: 2.89rem;
}
header .dongxiao .ti1{
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top:0;
	width: 2.73rem;
	height: .95rem;
	z-index: 3;
}
header .dongxiao .ti2{
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top:8%;
	width:0rem;
	height: 2.61rem;
	z-index: 2;
	background: url(../images/dong3.png)no-repeat center;
	background-size: 5.99rem 2.61rem;
	-webkit-animation: home 2s 2s linear 1 alternate;
	animation: home 2s 2s linear 1 alternate;
	animation-fill-mode: forwards
}
header .dongxiao .ti3{
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top:70%;
	width: 2.81rem;
	height: .75rem;
	z-index: 1;
}
header .dongxiao .ti2:before,
header .dongxiao .ti2:after
{
	content: '';
	display: block;
	width: .23rem;
	height: 1.52rem;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
header .dongxiao .ti2:before{
	left: 0;
	background: url(../images/d_left.png)no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: jianzhouleft 2s 2s linear 1 alternate;
	animation: jianzhouleft 2s 2s linear 1 alternate;
	animation-fill-mode: forwards
}
header .dongxiao .ti2:after{
	right: 0;
	background: url(../images/d_right.png)no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: jianzhouright 2s 2s linear 1 alternate;
	animation: jianzhouright 2s 2s linear 1 alternate;
	animation-fill-mode: forwards
}
@-webkit-keyframes jianzhouleft {
	0% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	50%{
		-webkit-transform: translateY(-55%) rotate(0deg);
		transform: translateY(-55%) rotate(0deg);
	}
	70%{
		-webkit-transform: translateY(-47%) rotate(-1deg);
		transform: translateY(-47%) rotate(-1deg);
	}
	80%{
		-webkit-transform: translateY(-44%) rotate(-1deg);
		transform: translateY(-44%) rotate(-1deg);
	}
	90%{
		-webkit-transform: translateY(-41%) rotate(-1deg);
		transform: translateY(-41%) rotate(-1deg);
	}
	100% {
		-webkit-transform: translateY(-32%) rotate(-18deg);
		transform: translateY(-32%) rotate(-18deg);
	}
}

@keyframes jianzhouleft{
	0% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	50%{
		-webkit-transform: translateY(-55%) rotate(0deg);
		transform: translateY(-55%) rotate(0deg);
	}
	70%{
		-webkit-transform: translateY(-47%) rotate(-1deg);
		transform: translateY(-47%) rotate(-1deg);
	}
	80%{
		-webkit-transform: translateY(-44%) rotate(-1deg);
		transform: translateY(-44%) rotate(-1deg);
	}
	90%{
		-webkit-transform: translateY(-41%) rotate(-1deg);
		transform: translateY(-41%) rotate(-1deg);
	}
	100% {
		-webkit-transform: translateY(-32%) rotate(-18deg);
		transform: translateY(-32%) rotate(-18deg);
	}
}
@-webkit-keyframes jianzhouright {
	0% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	50%{
		-webkit-transform: translateY(-55%) rotate(0deg);
		transform: translateY(-55%) rotate(0deg);
	}
	70%{
		-webkit-transform: translateY(-47%) rotate(1deg);
		transform: translateY(-47%) rotate(1deg);
	}
	80%{
		-webkit-transform: translateY(-44%) rotate(1deg);
		transform: translateY(-44%) rotate(1deg);
	}
	90%{
		-webkit-transform: translateY(-41%) rotate(1deg);
		transform: translateY(-41%) rotate(1deg);
	}
	100% {
		-webkit-transform: translateY(-32%) rotate(19deg);
		transform: translateY(-32%) rotate(19deg);
	}
}

@keyframes jianzhouright{
	0% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	50%{
		-webkit-transform: translateY(-55%) rotate(0deg);
		transform: translateY(-55%) rotate(0deg);
	}
	70%{
		-webkit-transform: translateY(-47%) rotate(1deg);
		transform: translateY(-47%) rotate(1deg);
	}
	80%{
		-webkit-transform: translateY(-44%) rotate(1deg);
		transform: translateY(-44%) rotate(1deg);
	}
	90%{
		-webkit-transform: translateY(-41%) rotate(1deg);
		transform: translateY(-41%) rotate(1deg);
	}
	100% {
		-webkit-transform: translateY(-32%) rotate(19deg);
		transform: translateY(-32%) rotate(19deg);
	}
}
@-webkit-keyframes home {
	0% {
		width: 0rem;
	}
	100% {
		width: 5.1rem;
	}
}

@keyframes home{
	0% {
		width: 0rem;
	}
	100% {
		width: 5.1rem;
	}
}