
.page-movie{
	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: 20px;
	.movie-bg{
		background-image: url("https://business.coffunity.cn/upload/sqbg2.png");
		background-repeat: no-repeat; 
		width:100%;
		height:100%; 
		display: flex;
		flex-direction: column;
		
		.move-content{
			margin-left:10px;
			margin-right: 10px;
			background:#FFF;
			border-radius: 10px;
			margin-top:100px;
			margin-bottom: 50px;
		 
			.section1{
				margin-left:10px;
				margin-right:10px;
				margin-top:10px;
				margin-bottom: 20px;
				display: flex;
				flex-direction: row;
				
				.movie-img{
					width:20%;
					overflow: hidden;
					.img{
						width:70px;
						height:70px;
						border-radius: 10px;;
					}
					
				}
				.intro{
					width:60%;
					margin-left: 10px;
					.title{
						font-size:18px;
						font-weight: bold;
						color:#000;
						
					}
					.tips{
						font-size:12px;
						color:#333;
						padding-bottom:5px;
						padding-top:5px;
						height:20px;
						line-height:18px;
						overflow: hidden;
						margin-top:5px;
					}
					.tags{
						.uni-tag{
							margin-right:10px;
						}
					}
					
				}
				.price{
					width:20%;
					color:#b11b1c;
					font-size:18px;
					display: flex;
					justify-content: center;
					align-items: flex-start;
					font-weight: bold; 
					.sign{
						font-size:12px;
						margin-top:6px;
					}
				}
			}
			
			
			.section2{
				margin-left:10px;
				margin-right:10px;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: flex-start;
				margin-top:5px;
				.address{  
					.part{
						display: flex;
						height:25px;
						flex-direction: row;
						justify-content: flex-start;
						align-items: center;
						color:#000;
						font-size:12px; 
						// border:1px solid red;
						line-height: 25px;
						overflow: hidden;
						.icon{
							height:100%;
							width:20px;
							display: flex;
							justify-content: center;
							align-items: center;
							 margin-right: 5px;
							.img{ 
								height:14px; 
								margin-top:5px;
							}
						}
						.text{
							// border:1px solid red;
							height:100%;
							
						}
					}
				}
				.customer{
					display: flex;
					height:100%;
				 
					justify-content: center;
					align-items: center;
					flex-direction: column;
					margin-right: 10px;
					.icon{
						height:30px;
						width:30px;
						display: flex;
						justify-content: center;
						align-items: center;
						.img{
							height:15px
						}
					}
					 
					.name{
						font-size:12px;
					}
				}
			}
			
			.section3{
				margin-top:10px;
			}
			
			
			.section4{ 
				display:flex;
				flex-direction: row;
				margin-top:5px;  
				padding:10px;
				height:80px;
				background:#f9f9f9;
				.spare{
					width:80%;
					display:flex;
					flex-direction: column;
					height:30px;
				
				
					.status{
						display: flex;
						flex-direction: row;
						font-size:12px;
						line-height: 25px;
						.txt{
							font-weight: bold;							
						}
						.status1{
							margin-left:5px;
							background:#edcdcd;
							border-radius: 3px;
							color:#333;
							padding:0px 5px;
						}
						.status2{
							background:#333;
							border-radius: 3px;
							color:#efefef;
							margin-left:5px;
							padding:0px 5px;
						}
						
					}
					.time{
						display:flex;
						flex-direction: column;
						.part{
							height:20px;
							display:flex;
							justify-content: space-between;
							font-size:12px;
							align-items: center;
							margin-right:20px;
							
						}
					
					}
				}
				.btns{
					width:20%;
					.btn-share{
						background:#b11b1c;
						font-size:12px;
						color:#FFF;
						border-radius: 10px;
					}
				}
			}
			.section5{
				margin-left:10px;
				margin-right:10px;
				.header-list{
					height:50px;
					display:flex;
					flex-direction: row;
					.user{
						width:40px;
						height:40px;
						margin-right: 10px;
						.img{
							height:40px;
							width:40px;
							border-radius: 50%;
						}
					}
				}
			}
			
			.section6{
				margin-left:10px;
				margin-right: 10px; 
				.title{
					font-size:14px;
					font-weight: bold;
				}
				.users{
					width:100%;
					display:flex;
					flex-direction: row;
					.user{
						width:60px;
						overflow: hidden;
						margin-right:10px;
						.img{
							width:60px;
							height:60px;
							.icon{
								width:60px;
								height:60px;
							}
						}
						.name{
							height:20px;
							line-height:20px;
							text-align:center;
							font-size:12px;
						}
					}
				}
				
			}
			
			.section7{
				margin-left:10px;
				margin-right: 10px;
				font-size:12px;
				padding-bottom: 60px;
				margin-top:10px;
				.title{
					font-size:14px;
					font-weight: bold;
					margin-top:30px;
				}
				.content{
					width: 100%;
					padding:5px 0px;
					line-height: 22px;
					font-size: 12px;
					overflow-x:hidden;
					
					 

				}
				.content img {
				  max-width: 100% !important;
				  height: auto !important;
				}
				.content image {
				  max-width: 100% !important;
				  height: auto !important;
				}
				  
				.content span{
					
					line-height: 22px;
					font-size: 12px;
				}
				
			}
			
			
			
			
			
			
		}
		
		.footer{
			position:fixed;
			bottom:0px;
			left:0px;
			width:100%;
			height:80px;
			 background:#FFF; 
			 border-top:1px solid #CCC;
			 display:flex;
			 flex-direction: row;
			 .footer-left{
				 width:70%;
				 display:flex;
				 flex-direction: column;
				 justify-content: center;
				 align-items: center;
				 .step-qty{
					 font-size:12px;
					 color:#b11b1c;
				 }
				 .intro{
					 font-size:12px;
					 color:#b11b1c;
				 }
			 }
			 .right{
				 width:30%;
				 display:flex;
				 justify-content: center;
				 align-items: center;
				 color:#b11b1c;
				 font-size:14px;
				 font-weight:bold;
				 margin-bottom: 15px;
				 
				 .text{
					 background:#aa0000;
					 color:#FFF;
					 border-radius: 10px;
					 font-size:12px;
					 padding:5px 10px;
				 }
			 }
		}
		
	}
	
	.times{
		background:#FFF;
		.calender-box{
			padding:10px;
		}
	}
	
	.yyform-item{
		background:#FFF;
		padding:10px;
		font-size:12px;
		min-height: 250px;
		
		.item{
			margin-top:10px;
			.caption{
				height:30px;
			}
			.btn{
				font-size:12px;
				color:#FFF;
				background:#aa0000;
				border-radius: 10px;
			}
		}
		
	}
}