
.page-community-home{
	background-color:#b11b1c;
	background-image: url("https://business.coffunity.cn/upload/sqbg.png");
	background-repeat: repeat-x;
	width:100vw;
	min-height:100vh; 
	display: flex;
	padding-bottom: 100px;
	
	.community-top{
		background-image: url("https://business.coffunity.cn/upload/sqbg2.png");
		background-repeat: no-repeat; 
		width:100%;
		height:100%; 
		display: flex;
		flex-direction: column;
		margin-top: 50px;
		
		.section1{
			display: flex; 
			width:100%;
			flex-direction: column;
			justify-content: space-between;
			margin-top:50px;
			font-size:12px;
			.caption{
				color:#FFF;
				display: flex;
				flex-direction: row; 
				justify-content: space-between;
				margin-left:10px;
				margin-right: 10px;
			}
			.more{
				text-align:center;
				height:20px;
				line-height: 30px;
				color:#FFF;
				font-size:12px;
			}
		}
		
		.section2{
			margin-left:10px;
			margin-right: 10px;
			margin-top:10px; 
			.title{
				font-size:12px;
				color:#FFF;
			}
			.contents{ 
			  height:100px;
			  width: 100%;
			  display:flex;
			  flex-direction: row;
			  overflow-x: auto;
			  .list{
			    height:80px;
			    display:flex;
			    flex-direction: row;
			    .content{
			      display: flex;
			      width:80px;
				  height: 80px;
			      border-radius: 5px;
				  overflow: hidden;
			      margin-top: 10px;
			      margin-right: 10px;
			      .icon{
			        width:100%;
			        height:100%;
			      }
			    }
			  }
			}
		} 
		.data-select{
			
			margin-right: 10px;
			color: #666666;
			width: 100px;
			
			
		}


		.uni-easyinput{
			
			margin-left: 10px;
			color: #333333;
			width: 100px;

		}
		.section3{
			margin-left:10px;
			margin-right: 10px;
			min-height: 100px;
			background:#FFF;
			
			border-radius: 10px;
			overflow: hidden;
			.title{
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-left:10px;
				margin-right: 10px;
				height:50px;
				font-size:12px;  
			}
			 
			
			.selection{
				margin:10px 0px;
				display:flex;
				flex-direction: row;
				
				color: #333333;
				width: 95%;
				margin-left:10px;
				margin-right: 10px;
				
			}
			
			.events-list{
				display:flex;
				flex-direction: column;
				
			}
			
			.plan-bg{
					background:#E0E0E0;
					height: 110px;
					padding-top: 10px;
			}
			
		
		}
		
	}
	
}