
.scrollswiper {
		width: 100%;
		position: relative;
}
.titleFixed {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
		padding-top: 0;
}
.van-nav-bar {
		padding-top: 0!important;
		/* background: #000000!important; */
		/* opacity: 0.2; */
		background:rgba(0,0,0,0.2)!important;
}
.swiper {
		height: 300rpx;
}
.swiper-item {
		display: block;
		height: 100%!important;
		line-height: 300rpx;
		text-align: center;
}
.tip {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
		padding: 36rpx 32rpx;
}
.giveList {
	    padding: 10rpx  12rpx;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
}
.giveItem {
		width: 18%;
		height: 120rpx;
		margin: 10rpx 20rpx;
		/* background-color: #909399 */
}
.active {
		color: #F76260;
}
.typeItem {
		width: 25%;
		display: inline-block;
		text-align: center;
}
.iconClass {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
		        align-items: center;
		-webkit-justify-content: space-around;
		        justify-content: space-around;
}
.hotlItem {
		padding: 22rpx 30rpx;
		border-bottom: 1px solid #EEEEEE;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
}
.bottomButton {
		width: 95%;
		left: 2.5%;
		position: absolute;
		bottom: 0;
}
.titeTop {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		        align-items: center;
		position: absolute;
		top: 10rpx;
		width: 100%;
}
.topleft {
}
.topright {
}
.input-view {
		width: 85%;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		height: 30px;
		border-radius: 15px;
		padding: 0 4%;
		-webkit-flex-wrap: nowrap;
		        flex-wrap: nowrap;
		margin: 7px 0;
		line-height: 30px;
		margin: 24rpx auto;
		background:rgba(0,0,0,1);
		border-radius:15px;
		opacity:0.4;
}
.input-view .uni-icon {
		line-height: 30px !important;
}
.input-view .input {
		height: 30px;
		line-height: 30px;
		width: 94%;
		padding: 0 3%;
}
.activeColor {
		background: #fff!important;
		position: fixed;
		background-color: #fff;
		top: 50rpx;
		z-index: 99;
}
.listType {
}

