*{padding: 0;margin: 0;}
	body{
		position: relative;
		height: 100%;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.hhshade{
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
		z-index: 888;
		display: none;
	}
	.hhcontent{}
	.hhcontent{
		font-size: 14px;
		position: fixed;
		height: auto;
		width: 100%;
		max-height: 80%;
		z-index: 889;
		top: 100%;
		left: 0;
		background: none;
	}
	.hhcontent .hhbody{
		width: 90%;
		background: #fff;
		margin: 0 auto;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
		border-radius: 6px;
	}
	.hhcontent .hhbody .hhtctitile {
		text-align: center;
	}
	.hhcontent .hhbody .hhtctitile{
		font-size: 16px;
		margin: 10px 0 !important;
	}
	.hhcontent .hhbody .hhtctitile>div{
		padding:  0;
	}
	.hhcontent .hhbody .hhtctitile>div:last-child>span{
		font-size: 10px;
		display: inline-block;
		margin-top: 10px;
		float: right;
	}
	.hhcontent .hhbody .hhbcontent{
		width: 100%;
		border: 2px solid #5ca7ff;
		padding: 10px;
		margin:  0 !important;
	}
	.hhcontent .hhbody .hhbcontent>div{
		padding: 0 !important;
		text-align: center;
	}
	.hhcontent .hhbody .hhbcontent>div:first-child{
		padding-bottom: 10px !important;
	}
	.hhcontent .hhbody .hhbcontent>div:first-child div{
		font-size: 16px;
		text-align: center;
	}
	.hhcontent .hhbody .hhbcontent>div:first-child p{
		font-size: 12px;
		color: #999;
		text-align: center;
	}
	.hhcontent .hhbody .hhbcontent>div:nth-child(2) img,.hhcontent .hhbody .hhbcontent>div:nth-child(3) img,.hhcontent .hhbody .hhbcontent>div:nth-child(4)>div:first-child{
		width: 60px;
		font-size: 28px;
		color: #689d2d;
		text-align: center;
		margin:  0 auto;
	}
	.hhcontent .hhbody .hhbcontent>div:nth-child(3) img,.hhcontent .hhbody .hhbcontent>div:nth-child(4)>div:first-child{
		height: 40px;
		/*width: 54px;*/
		margin-top: 6px;
	}
	.hhcontent .hhbody .hhbottom{
		width: 100%;
		margin:  15px 0 0 !important;
		
		text-align: center;
	}
	.hhcontent .hhbody .hhbottom>div img{
		height: 30px;
		margin-bottom: 3px;
	}
	.hhcontent .hhbody .hhbottom>div>div{
		color: #5ca7ff;
	}
	.hhcontent .hhbody .hhbottom>div>div:last-child{
		font-size: 13px;
	}
	.hhcontent  .closeline{
		position: absolute;
		height: 30px;
		width: 1px;
		bottom: -30px;
		left: 50%;
		margin-left: -1px;
		background: #fff;
	}
	.hhcontent  .closeicon{
		position: absolute;
		width: 25px;
		height: 25px;
		border-radius: 14px;
		bottom: -45px;
		left: 50%;
		margin-left: -13px;
		background: #fff;
		line-height: 25px;
		text-align: center;
	}
	.hhcontent .hhbody .tuijian{
		display: table;
		width: 100%;
	}
	.hhcontent .hhbody .tuijian>div{
		display: table-cell;
		vertical-align: middle;
		
	}
	.hhcontent .hhbody .tuijian>div:nth-child(3){
		text-align: left !important;
		padding-left: 10px !important;
	}
	.hhcontent .hhbody .tuijian>div:nth-child(3)>div{
		height: 40px;
		display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
	}
	.hhcontent .hhbody .tuijian>div img{
		width: 30px !important;
		margin-top: 14px !important;
	}
	.hhcontent .hhbody .tuijian>div:first-child{
		background: #5CA7FF;
		padding-bottom: 0 !important;
		color: #fff;
		
		margin-bottom: 10px !important;
	}
	.hhcontent .hhbody .tuijian>div:first-child>div{
		text-align: left !important;
		padding-left: 3px;
	}