body{
	color: #212121;
	background-color: #f7f7f7;
}
.banner{
	position: relative;
}
.banner p{
	position: absolute;
	bottom: .4rem;
	left: .6rem;
	font-size: .48rem;
	color: #fff;
}
.project section{
	padding: .6rem .6rem .4rem;
	margin-bottom: .2rem;
	background-color: #fff;
}
.project section p{
	font-size: .48rem;
	margin-bottom: .4rem;
}
.project section .price{
	color: #949494;
}
.project section .price span{
	font-size: .6rem;
	color: #d33439;
}
.project section .price i{
	font-size: .96rem;
	font-weight: bold;
	color: #d33439;
}
.project section h4{
	font-size: .6rem;
	padding-bottom: .2rem;
}
.project section .crowd span,.project section .discount span{
	display: inline-block;
	width: 3rem;
	color: #949494;
}
.project section .discount em{
	display: inline-block;
	color: #ffb627;
	padding: .1rem .2rem;
	border: 1px solid #ffb627;
}
.project section .region,.project section .time{
	padding-left: 1.2rem;
	padding-top: .1rem;
	padding-bottom: .1rem;
}
.project section .region{
	background: url(images/icon5.png) no-repeat left center;
	background-size: .62rem;
}
.project section .time{
	background: url(images/icon6.png) no-repeat left .1rem;
	background-size: .62rem;
}
.project a{
	display: block;
	font-size: .56rem;
	color: #fff;
	line-height: 1.2rem;
	background-color: #ff4455;
	margin: .4rem .6rem;
	border-radius: .6rem;
	text-align: center;
}
.project-detail .tabs{
	padding-left: .6rem;
	background-color: #fff;
	margin-bottom: .2rem;
}
.project-detail .tabs.active{
	position: fixed;
	top: 1.8rem;
	left: 0;
	right: 0;
	box-shadow: 0 .1rem .2rem rgba(0,0,0,.1);
	z-index: 10;
}
.project-detail .tabs li{
	display: inline-block;
	font-size: .48rem;
	width: 1.8rem;
	line-height: 1.6rem;
	margin-right: .6rem;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.project-detail .tabs li:after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 0;
	height: .1rem;
	background-color: #0871ff;
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
	-ms-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
}
.project-detail .tabs li.active:after{
	width: 100%;
}
.project-detail .details li{
	padding-top: .6rem;
	background-color: #fff;
	margin-bottom: .2rem;
}
.project-detail .details li h4{
	display: inline-block;
	font-size: .6rem;
	color: #fff;
	padding: .1rem .3rem .1rem .8rem;
	margin-bottom: .7rem;
	background-color: #398dff;
}
.project-detail .details li section{
	font-size: .48rem;
	padding-left: .6rem;
	padding-right: .6rem;
	padding-bottom: .6rem;
}
.project-detail .details li.harvest p{
	position: relative;
	margin-left: .6rem;
	margin-bottom: .3rem;
}
.project-detail .details li.harvest p:before{
	position: absolute;
	content: '';
	left: -.6rem;
	top: .2rem;
	width: .2rem;
	height: .2rem;
	background-color: #0871ff;
	border-radius: 50%;
}
.project-detail .details li.highlight section>div{
	padding-bottom: .8rem;
	margin-bottom: .8rem;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.project-detail .details li.highlight section>div:last-of-type{
	padding-bottom: .2rem;
	margin-bottom: 0;
	border: none;
}
.project-detail .details li.highlight h5{
	font-size: .56rem;
	padding-left: 1.8rem;
	margin-bottom: .4rem;
	min-height: 1.2rem;
}
.project-detail .details li.highlight h5 p{
	font-weight: normal;
	font-size: .48rem;
}
.project-detail .details li.highlight section>div:first-of-type h5{
	background: url(images/icon1.png) no-repeat left .1rem;
	background-size: 1.2rem;
}
.project-detail .details li.highlight section>div:nth-of-type(2) h5{
	background: url(images/icon2.png) no-repeat left .1rem;
	background-size: 1.2rem;
}
.project-detail .details li.highlight section>div:nth-of-type(3) h5{
	background: url(images/icon3.png) no-repeat left .1rem;
	background-size: 1.2rem;
}
.project-detail .details li.highlight div>p{
	padding-left: 1.8rem;
	background: url(images/icon4.png) no-repeat left .3rem;
	background-size: .9rem;
}
.project-detail .details li.trip section:first-of-type span,.project-detail .details li.trip section:nth-of-type(2)>span{
	font-size: .6rem;
	display: block;
	line-height: 1.08rem;
	padding-left: 1.2rem;
	margin-bottom: .6rem;
}
.project-detail .details li.trip section:first-of-type span{
	background: url(images/icon7.png) no-repeat left top;
	background-size: 1.08rem;
}
.project-detail .details li.trip section:first-of-type em{
	display: block;
	width: 12rem;
	font-size: .56rem;
	color: #fff;
	margin-left: 1.2rem;
	margin-bottom: .2rem;
	background-color: #0871ff;
	vertical-align: top;
	padding: .2rem .4rem;
}
.project-detail .details li.trip section:nth-of-type(2)>span{
	background: url(images/icon8.png) no-repeat left top;
	background-size: 1.08rem;
	margin-top: .4rem;
}
.project-detail .details li.trip section>div{
	padding-bottom: 1.2rem;
	position: relative;
}
.project-detail .details li.trip section>div:after{
	position: absolute;
	content: '';
	bottom: 0;
	top: 1.4rem;
	left: .5rem;
	width: 1px;
	background-color: rgba(0,0,0,.2);
}
.project-detail .details li.trip section>div>span{
	font-size: .96rem;
	display: inline-block;
	width: 2rem;
	line-height: 1.4rem;
	background-color: #fff;
	vertical-align: top;
}
.project-detail .details li.trip section>div>p{
	width: 11rem;
	display: inline-block;
	margin-left: .6rem;
	vertical-align: top;
}
.project-detail .details li.trip section>div p span{
	display: block;
	font-weight: bold;
	padding-bottom: .2rem;
}
.project-detail .details li.trip section>div>p:nth-of-type(2),.project-detail .details li.trip section>div>p:nth-of-type(3),.project-detail .details li.trip section>div.br>p{
	margin-left: 2.8rem;
}
.project-detail .details li.trip section>div>p em{
	display: block;
	font-size: .6rem;
	font-weight: bold;
	color: #0871ff;
	padding-bottom: .4rem;
	padding-top: .2rem;
}
.project-detail .details li.trip .tips{
	background-color: #f6f6f6;
	padding: .3rem .5rem;
	margin-top: .4rem;
}
.project-detail .details li.trip section .trip-img{
	width: 10rem;
	position: relative;
	margin-top: .8rem;
	margin-left: 2.8rem;
}
.project-detail .details li.trip section .trip-img i{
	position: absolute;
	left: 0;
	top: 0;
	font-size: .48rem;
	color: #fff;
	padding: .06rem .4rem .06rem .06rem;
	border-radius: 0 0 .4rem 0;
	background-color: rgba(0,0,0,.5);
}
.project-detail .details li.fee span{
	font-size: .6rem;
	line-height: 1.08rem;
	display: inline-block;
	padding-left: 1.2rem;
	margin-bottom: .6rem;
}
.project-detail .details li.fee section:first-of-type span{
	background: url(images/icon9.png) no-repeat left top;
	background-size: 1.08rem;
}
.project-detail .details li.fee section:nth-of-type(2) span{
	background: url(images/icon10.png) no-repeat left top;
	background-size: 1.08rem;
}
.project-detail .details li.fee section:nth-of-type(2){
	padding-top: .8rem;
	position: relative;
}
.project-detail .details li.fee section:nth-of-type(2):before{
	position: absolute;
	content: '';
	left: .6rem;
	right: .6rem;
	top: 0;
	height: 1px;
	background-color: rgba(0,0,0,.1);
}
.project-detail .details li.share .share-img img,.project-detail .details li.share .share-img p{
	display: inline-block;
	width: 7.76rem;
	height: 4.88rem;
	vertical-align: middle;
}
.project-detail .details li.share .share-img:first-of-type{
	margin-bottom: .8rem;
}
.project-detail .details li.share .share-img p{
	width: 5rem;
	font-size: .4rem;
	height: auto;
	padding-left: 0.64rem;
	vertical-align: middle;
}
.project-detail .details li.fee a,.project-detail .details li.share a{
	display: block;
	width: 4.8rem;
	line-height: 1.2rem;
	font-size: .56rem;
	color: #fff;
	text-align: center;
	border-radius: .6rem;
	background-color: #0871ff;
	margin: .8rem auto 0;
}
.project-detail .details li.recommend>div{
	display: inline-block;
	position: relative;
	width: 6.4rem;
	margin-right: 1rem;
	margin-bottom: 0.6rem;
	vertical-align: top;
}
.project-detail .details li.recommend>div:nth-of-type(2n-1){
	margin-left: .6rem;
}
.project-detail .details li.recommend>div:nth-of-type(2n){
	margin-right: 0;
}
.recommend a{
	display: block;
	color: #212121;
}
.recommend  span{    
	position: absolute;
    top: 0;
    left: 0;
    font-size: .4rem;
    color: #fff;
    padding: .2rem .6rem .2rem .4rem;
    border-radius: 0 0 .6rem 0;
    background-color: rgba(29,29,29,.7);
}
.recommend p{
	font-size: .48rem;
	padding: .4rem;
}
