.add_form .tcui-cells{ font-size:1em; border-bottom:1px solid #D9D9D9;}
.add_form .shouxu_text{ font-size:0.9em;  line-height:20px; text-align:center; padding:10px;}
.add_form .min_hb_text{ display:none; border:1px solid #ec3535; padding: 10px; margin: 5px 10px; color: #ec3535; line-height: 1.5; border-radius: 5px; }
.add_form .btn-group-block{margin:0; }
.add_form .btn-group-block p{padding:10px;background: #fff;line-height:1.5;letter-spacing: 1px; color:#f00;}
.add_form .template_pormpt{ padding: 10px; line-height: 20px; font-size: 1em; color:#F00;}
.add_form .tcui-cells__tips{ border-top: 1px solid #D9D9D9; display:none; color:#f00;}
.detail-hb-wrap{ height:30px; line-height:30px; color:#f00;}
.detail-hb-wrap .hb_price .hb_size{ font-size:1.5em;}
.detail-hb-wrap span.right{float:right; margin-right:10px;}
.add_hb_pormpt{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); }
.add_hb_pormpt .pormpt_box{ position:absolute; top:50%; left:50%; margin-left:-8em; margin-top:-11.25em; width:16em; height:22.5em; background:url(hb_pormpt.png) no-repeat 0 0; background-size:100% auto;}
.add_hb_pormpt .pormpt_box .pt_text{ text-align:center; position:relative; overflow:hidden;}
.add_hb_pormpt .pormpt_box .pt_text p.title{ margin-top:8.5em; height:2.5em; line-height:2.5em; color:#FAA404; font-size:1.2em;}
.add_hb_pormpt .pormpt_box .pt_text p.txt{ padding:0 10px; height:4em; line-height:2em; font-size:1em; color:#fff;}
.add_hb_pormpt .pormpt_box .pt_text .button{ display:inline-block; height:2.8em; width:10em; line-height:2.8em; background:#FFCB00; border-radius:6px; color:#9E1502; font-size:1.2em;}
.add_hb_pormpt .pormpt_box .pormpt_close{ position:absolute; width:34.5px; height:34.5px; top:-34.5px; right:-34.5px; border-radius:100%; border:1px solid #fff;}
.add_hb_pormpt .pormpt_box .pormpt_close:before,.add_hb_pormpt .pormpt_box .pormpt_close:after{ transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); content:''; position:absolute; height:2px; width:24px; background:#FFF; top:16px;right: 5px;}
.add_hb_pormpt .pormpt_box .pormpt_close:before{transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.tchb_index .header{ position:relative; background:#F23039;}
.tchb_index .header .gueize{ position: absolute; top: 0; width: auto; right:1em;color: #fff; cursor: pointer;}
.tchb_header_index{ background:#fff; border-bottom:1px solid #F5F5F5;}
.tchb_header_index .pic{ width:100%;}
.tchb_header_index .pic img{ width:100%;}
.tchb_header_index .tchb_option{height:40px; line-height:30px; margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: flex;}
.tchb_header_index .tchb_option .tchb_area{ text-align:center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.tchb_header_index .tchb_option .tchb_area a{ display:block; position:relative; height:40px;}
.tchb_header_index .tchb_option .tchb_area.on a:before{ content:''; width:12px; height:5px; background:#fd8136; bottom:0; position:absolute; left:50%; margin-left:-6px;}
.tchb_index .mainer{ margin-top:0!important;}

.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%; margin-left:-140px; margin-top:-195px; width:280px; height:390px; 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:175px; padding-left:10px; border:1px solid #FAE928;}
.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; background:rgba(255,255,255,0.2); border-radius:5px; padding:5px; }
.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)}
}

.body_loglist{ background:#fff;}
.header-loglist{ overflow:hidden; height:320px; width:100%; position:relative; background:#fff url(loglist_header_bg.png)no-repeat center top; background-size:100% 130px;}
.header-loglist .back{position:absolute; top:10px; left:10px; }
.header-loglist .back a{ color:#fff; display:block; padding-left:14px; background:url(icon31.png)no-repeat center left; background-size:10px auto; height:30px; line-height:30px;}
.header-loglist .myhongbao{ margin-top:90px; text-align:center;}
.header-loglist .myhongbao img{ display:block; width:65px; height:65px; margin:0 auto; border-radius:100%;}
.header-loglist .myhongbao img + p{ height:60px; font-weight:600; line-height:65px; margin-top:5px;}
.header-loglist .myhongbao p.price{ font-weight:600; height:60px;}
.header-loglist .myhongbao p.price span{ font-size:3.5em; font-weight:500; text-indent:8px;}
.header-loglist .myhongbao p.hb_prompt{ font-size:1em; color:#647395;}
.header-loglist .myhongbao p.hb_prompt a{ color:#f00;}
.loglist .loglist-title{ height:40px; line-height:50px; color:#C5C5C5; background:#F2F2F2; padding-left:15px; font-size:0.8em; }
.loglist .loglist-list{ background:#fff; }
.loglist .loglist-list ul li { height:70px; border-bottom:1px solid #F0F0F0; padding:0 15px; overflow:hidden;}
.loglist .loglist-list ul li .log-pic{float:left; width:40px; height:40px; margin-top:15px;border-radius:100%; overflow:hidden; }
.loglist .loglist-list ul li .log-pic img{ width:100%; height:100%;}
.loglist .loglist-list ul li .log-content{ margin-left:55px; padding:10px 0;}
.loglist .loglist-list ul li .log-content p:first-child{ height:25px; line-height:25px; }
.loglist .loglist-list ul li .log-content p:first-child span{ float:right; color: #f00;}
.loglist .loglist-list ul li .log-content p.time{ color:#B2B2B2;height:25px; line-height:25px; font-size:0.9em;}
.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
}