html, body{
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body{
    max-width: 640px;
    margin: auto;
}
.pink-font{ color: #ff3399;}
.top-img{
    width: 100%;
}
.top-info{
    width: 100%;
    background-color: #fff;
    margin-bottom: 7px;
	margin-top: -3px;
    padding-bottom: 10px;
}
.info-title{
    margin: auto;
    height: 30px;
    width: 94%;
    border-bottom: 1px solid #f2f2f2;
    display: -webkit-box;
}
.info-title h2{
    display: -webkit-box;
    -webkit-box-flex: 1;
    line-height: 30px;
    font-size: 13px;
    color: #373737;
}
.info-title a{
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    color: #dc4d3e;
}
.top-info >div:last-child{
    margin: auto;
    width: 94%;
}
.act-content{
    width: 100%;
    margin: 4px auto 3px;
    font-size: 13px;
    color: #5d5d5d;
    line-height: 18px;
}
.rule-wrapper{
    width: 94%;
    margin: 10px auto 0;
}
.rule-title{
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    color: #f37c5c;
    margin: 4px auto;
    line-height: 15px;
}
.rule-wrapper >div{
    width: 100%;
    margin-bottom: 15px;
}
.rule-wrapper >div:last-child{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.share-btn{
    text-align: right;
}
.orange-span{
    height: 20px;
    line-height: 20px;
    background-color: #dc4d3e;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 4px;
}
.family-group{
    width: 94%;
    margin: auto;
}
.family-group ul{
    display: -webkit-box;
    margin: 10px 0 0;
	font-size: 0;
}
.family-group ul li{
    width: 32%;
	display: inline-block;
	margin-bottom: 10px;
}
.family-group ul li:nth-child(3n-1){ margin: 0 2%}
.family-group ul li .li-a{ 
	display: block;
	width: 100%;
}
.family-group ul li>div, .li-a >div{
	position: relative;
	width: 100%;
}
.family-group ul li >div> img, .li-a>div >img{
    width: 100%;
}
.family-group ul li>div >p, .li-a>div>p{
	width: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.li-p{
    font-size: 12px;
    color: #dc4d3e;
    line-height: 20px;
    text-align: center;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.family-group ul li >p:nth-child(3), .flower-title{
	font-size: 10px;
    color: #ccc;
    line-height: 13px;
    text-align: center;
}
.flower-a{
	display: block;
	width: 100%;
    font-size: 11px;
    color: #373737;
    line-height: 18px;
    text-align: center;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}