/* 公共样式 */
@import url("public.css");
/* 页头 */
@import url("header.css");
@import url("font.css");
/* 活动创建 */

.ativity-create-info{
		
}
	
.ativity-create-info .title{
}
/* 活动详情 */
.activity-detail{
	background: #FFFFFF;
}

.activity-detail .image-area{
	width: 100%;
	height: 300rpx; 
	}
		
.activity-detail .image-area .image{
		width: 100%;
		height: 100%; 
		border-radius: 30rpx;
		}
.activity-detail .name-category{
	padding:0 30rpx 0 30rpx;
	display: flex; 
	flex-direction: row;
	min-height: 96rpx;
	background-color: #F1F1F1;
	align-items: center;
	}
.activity-detail .name-category .name{
	color: #101010; 
	font-size: 32rpx; 
	display:-webkit-box;
	-webkit-line-clamp:1;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;	
	word-break:break-all;
	flex: 1;
	}
.activity-detail .name-category .category{
	color: #fff; 
	font-size: 24rpx; 
	height:32rpx;
	background-color: #F2BF5C; 
	margin-left: 20rpx;
	padding: 5rpx 10rpx;
	}
	
.activity-detail .item-area{
	margin-top: 20rpx;
}	
.activity-detail .item-area .item-name-mold-money{
	height: 96rpx;
	align-items: center;
	display: flex;
	flex-direction: row;
	background-color: #F1F1F1;
	padding: 0 30rpx 0 30rpx;
	}
.activity-detail .item-area .item-name-mold-money .item-name{
	color: #101010; 
	font-size: 28rpx; 
	flex: 1;
	padding: 0 30rpx 0 30rpx;
	}
.activity-detail .item-area .item-name-mold-money .mold-money{
	margin-left:30rpx;
	color: #ff0000 ; 
	font-size: 24rpx;
	}
.activity-detail .item-area  .item-introduction{
	min-height: auto;
	align-items: center;
	display: flex;
	flex-direction: row;
	padding:30rpx;
}
.activity-detail .introduction{
	min-height: auto;
	align-items: center;
	display: flex;
	flex-direction: row;
	padding:30rpx;
}
.activity-detail .item-area .date-adress{
	display: flex;flex-direction: row;margin-top: 20rpx;margin-left: 30rpx;margin-right: 30rpx;align-items: center;
}
.activity-detail .item-area .date{
	font-size: 30rpx;color: #E3A428 ;
}
.activity-detail .item-area .address{
	color: #666666; font-size: 30rpx;text-align: right;flex: 1;
}
.activity-detail .item-area .address text{
	margin-left: 30rpx;
}
.activity-detail  .line{
	height: 1rpx;
	background-color: #eee;
	flex: 1;
	margin-left: 20rpx;
}
/* 活动块 */
.activity-area{
		display: flex;
		flex-direction: column;
		margin-bottom: 10rpx; 
		padding: 36rpx;
		background: #FFFFFF;
	}
	.activity-area .summary{
		 display: flex;
		 flex-direction: column;
	}
	.activity-area .summary .name-category{
		display: flex; flex-direction: row;
		}
	.activity-area .summary .name-category .name{
		color: #101010; 
		font-size: 32rpx; 
		display:-webkit-box;
		-webkit-line-clamp:1;
		overflow:hidden;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;	
		word-break:break-all;
		flex: 1;
		}
	.activity-area .summary .name-category .category{
		height:32rpx;
		float:right;
		color: #fff; 
		font-size: 20rpx; 
		background-color: #F2BF5C; 
		padding: 5rpx 10rpx;
		}
	.activity-area .summary .enroll{
		color: #898989 ; 
		font-size: 24rpx; 
		margin-top: 20rpx;
		}
		
	.activity-area .image-area{
		width: 100%;
		height: 300rpx; 
		margin-top: 20rpx;
		/* margin-bottom: 20rpx; */
		}
	.activity-area .image-area .image{ 
		width: 100%;
		height: 100%; 
		border-radius: 30rpx;
		}
	.activity-area .image-area .tips{ 
		display: flex; height: 50rpx;width: 100%; margin-top: -80rpx; 
	}
	.activity-area .image-area .tips .icon{ 
		width: 28px;height: 48rpx;margin-left: 30rpx;
		}
	.activity-area .image-area .tips .popularity{ 
		color: #fff; margin-left: 15rpx;flex: 1;
		}
	.activity-area .image-area .tips .enroll-state{
		display: flex;text-align: center; padding: 8rpx 15rpx;color: #FFFFFF; font-size: 28rpx; margin-right:30rpx; border-radius: 10rpx;
		}
	.activity-area .image-area .tips .enroll-no {
		background: #BBBBBB;
	}
	.activity-area .image-area .tips .enroll-yes {
		background: #0081D5;
	}
	.activity-area .item-area{
		display: flex;
		flex-direction: column;
		margin-top:20rpx;
		/* margin-bottom: 10rpx; */
		}
	.activity-area .item-area .item-name-mold-money{
		display: flex;
		flex-direction: row; 
		align-items: center; 
		/* margin-top: 10rpx; */
		}
	.activity-area .item-area .item-name-mold-money .item-name{
		color: #101010; 
		font-size: 28rpx; 
		flex: 1;
		}
	.activity-area .item-area .item-name-mold-money .mold-money{
		color: #ff0000 ; 
		font-size: 24rpx;
		}
	.activity-area .item-area .enroll-amount-date{
		display: flex;
		flex-direction: row; 
		align-items: center; 
		margin-top: 20rpx;
		/* margin-bottom:5rpx */
		}
	.activity-area .item-area .enroll-amount-date text{
		color: #919191; 
		font-size: 24rpx;
		}
	.activity-area .item-area .enroll-amount-date .amount{
		flex: 1;
		}
	.activity-area .item-area .enroll-amount-date .date{
		float: right;
		display: flex;
		text-align: center;
		}

/* 队伍创建及加入块 */
.team-join-nav{
	height: 224rpx;
	width: auto;
	display: flex;
	flex-direction: row;
	background-color: #fff;
	align-items: center;
	padding-left:36rpx;
	padding-right: 36rpx;
}
.team-join-nav .left{
		width: auto;
		height: 120rpx;
		float: left;
		background-color: white;
		vertical-align: middle;
}
.team-join-nav text{
		float: left;
}
.team-join-nav button{
	float: right;
	width: 160rpx;
	height: 60rpx;
	font-size: 26rpx;
	color: #FFFFFF;
	background-color: #F4CE98;
}

.team{
	background-color: #fff;
	margin-bottom: 24rpx;
	display: flex;
	flex-direction: column;
	min-height: 250rpx;
	margin-top: 32rpx;
	border-bottom:10rpx solid #eee;
}
.team .scorll{
	min-height: 180rpx;
}
.team .info{
	height: 100rpx;
	flex-direction: row;
	border-bottom:1rpx solid #eee;
}
.team .info .top{
	width: 100%;
	float: left;
}
.team .info .team-name {
	max-width: 350rpx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 36rpx;
	color: #101010;
}
.team .info .link{
	float: right;
	margin-left:24rpx;
	font-size: 30rpx;
	text-decoration-line: underline;
	color: #E99D42;
}
.team .info .label-list {
	width: 100%;
	float: left;
	flex: 1;
	display: flex;
	flex-direction: row;
}
.team .info .label-list .label {
	height: 32rpx;
	color: #E99D42;
	font-size: 24rpx;
	text-align: center;
	align-items: center;
	margin-top:15rpx;
	margin-right: 25rpx;
}
.team .operation {
	padding-top:20rpx;
	padding-bottom:20rpx;
	flex-direction: column;
	align-items: center;
	text-align: right;
	border-top:1rpx solid #eee;
}

.team .operation text{
	float: right;
	margin-left:24rpx;
	font-size: 30rpx;
	text-decoration-line: underline;
	color: #E99D42;
}

/* 微信授权登录页面 */
.login{
	text-align:center;
}

.login .name-logo{
	width: 500rpx;
	height: 320rpx;
	margin: 0 auto;
	margin-top:140rpx;
}
.login .name-logo image{
	height: 120rpx;
}
.login .name-logo .name{
	float:left;
	width: 310rpx;
}
.login .name-logo .logo{
	width: 160rpx;
	float:left;
	margin-left:30rpx;
}

.login .icons{
	float: none;
	width:540rpx;
	height: 160rpx;
	margin: 0 auto;
	margin-bottom: 70rpx;
}
.login .icons .wx-icon{
	width: 160rpx;
	height: 160rpx;
}
.login .icons .exchange{
	width: 90rpx;
	height: 90rpx;
	margin:35rpx 70rpx;
}
.login .icons .head-image{
	width: 150rpx;
	height: 150rpx;
}