.info-item .hb_title{ heigh:40px; line-height:40px; padding:0 10px; border-bottom:1px solid #F1F1F1;}
.info-item .hb_title a{ float:right; color:#658CC1; font-size:0.8em;}
.info-item .hongbaolog-list ul li{ height:50px; line-height:50px; padding:0 10px; border-bottom:1px solid #F1F1F1; }
.info-item .hongbaolog-list ul li img{ width:30px; height:30px; margin-right:5px; border-radius:100%;}
.info-item .hongbaolog-list ul li span{ float:right; color:#f00;}
.info-item .hongbaolog-list .no-hb-ts{ padding:20px 10px; text-align:center; color:#858585; line-height:20px;}
.info-hongbao{ height:61px; width:100%;}
.info-hongbao .hongbao-button{  z-index:99; position:fixed; height:60px; width:100%; left:0; bottom:61px; background:#fff; border-top:1px solid #f2f2f2;}
.info-hongbao .hongbao-button a{ display:block; border-radius:5px; margin:10px auto 0; height:40px; line-height:40px; text-align:center; width:90%; color:#fff; background:#F94C3E;}
.info-hongbao .hongbao-button a.no-hb{ background:#b5b4b4;}
.info-hongbao-box{display:none; z-index:100; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.info-hongbao-box .hongbao-box{ position:absolute;top:50%; left:50%; border-radius: 10px; margin-left:-125px; margin-top:-195px; width:250px; height:350px; background:#F94D3F url(hongbao_bg.png) no-repeat center; background-size:100% auto;}
.info-hongbao-box .hongbao-box .shop-pic{ margin-top:15%; text-align:center; color:#FEDAAF; }
.info-hongbao-box .hongbao-box .shop-pic img { display:inline-block; width:50px; height:50px; margin-bottom:5px; border-radius:100%; }
.info-hongbao-box .hongbao-box .shop-pic p{ line-height:25px; font-size:0.9em;}
.info-hongbao-box .hongbao-box .bongbao-title{ color:#FEDAAF; height:80px; text-align:center; line-height:80px; font-size:1.5em; white-space: nowrap; overflow:hidden;}
.info-hongbao-box .hongbao-box .bongbao-title.open_kouling{ height:40px; line-height:40px;}
.info-hongbao-box .hongbao-box form{  text-align:center;}
.info-hongbao-box .hongbao-box form input[type=text]{ margin:5px 0; height:30px; box-sizing:border-box; border-radius:5px; width:200px; padding-left:10px;}
.info-hongbao-box .hongbao-box .hongbao-button{ width:80px; height:80px; margin:6px auto 0; background-size:100% auto;}
.info-hongbao-box .hongbao-box .hongbao-button img{ width:100%; height:100%;}
.info-hongbao-box .hongbao-box .kouling_pormpt{ margin:10px 10px 0; font-size:0.9em; color:#fff; line-height:18px; max-height:54px; overflow:hidden; border: 1px dashed #fdec8c; border-radius:5px; padding:5px; }
.info-hongbao-box .hongbao-box .kouling_pormpt span{color: #fed90d;font-weight: 600;}
.info-hongbao-box .hongbao-box .hongbao-close{ position:absolute; width:40px; height:40px; top:5px; left:5px; background:url(hongbao_close.png)no-repeat center; background-size:16px auto;}

.info-hongbao-box .hongbao-box{
-webkit-animation:bounceIn .5s .2s ease both;
-moz-animation:bounceIn .5s .2s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.97)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.97)}
100%{-moz-transform:scale(1)}
}
.no-hb-ts{ padding:20px 10px; text-align:center; color:#858585; line-height:20px;}

@keyframes wave-animation-1 {
	0% {
		background-position: 0 top
	}

	100% {
		background-position: 600px top
	}
}

@keyframes wave-animation-2 {
	0% {
		background-position: 0 top
	}

	100% {
		background-position: 600px top
	}
}
.water {
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 30px;
	width: 100%;
	z-index: 1
}

.water-c {
	position: relative
}

.water-1 {
	background: url(water-1.svg) repeat-x;
	background-size: 600px;
	-webkit-animation: wave-animation-1 3.5s infinite linear;
	animation: wave-animation-1 3.5s infinite linear
}

.water-2 {
	top: 5px;
	background: url(water-2.svg) repeat-x;
	background-size: 600px;
	-webkit-animation: wave-animation-2 6s infinite linear;
	animation: wave-animation-2 6s infinite linear
}

.water-1,.water-2 {
	position: absolute;
	width: 100%;
	height: 30px
}