//卡券发放的样式
.CardSend{
	min-height: 100vh;
	background: #F5F2F2;
	
}

.cardhead{
	height:88upx;
	line-height: 88upx;
	background:rgba(255,255,255,1);
	position: relative;
	z-index: 3;
	.tabitems{
		text-align: center;
		
		.titles{
			font-size:30upx;
			font-family:PingFang SC;
			font-weight:500;
			color:rgba(0,0,0,1);
			display: inline-block;
			
		}
		//选中的状态
		&.active{
			.titles{
				border-bottom: 2px solid #FF6900;
			}
		}
	}
}
//tab end


//list
.inoutlist{
	margin: 0 24upx;
	margin-top: 20upx;
	border-radius: 14upx;
	.inputitem{
		border-bottom: 1px solid #f1f1f1;
		height:99upx;
		line-height: 99upx;
		background:rgba(255,255,255,1);
		//border-radius:14upx 14upx 0px 0px;
		padding:0 20upx;
		.names{
			font-size:30upx;
			color:rgba(0,0,0,1);
			min-width: 286upx;
		}
		.inputs{
			height:99upx;
			line-height: 99upx;
			//padding-left: 136upx;
			color:#000000;
			font-size: 30upx;
		}
		.plclass{
			color:#B6B6B6;
		}
	}
	
	.inputitem:nth-child(1){
		border-radius:14upx 14upx 0px 0px;
	}
	.inputitem:nth-last-child(1){
		border: 0;
	}
	
}


//发放范围

.Range{
	background:rgba(255,255,255,1);
	margin: 0 24upx;
	margin-bottom: 0;
	padding: 0 20upx;
	
	//height:165upx;
	
	.title{
		padding-top: 35upx;
		padding-bottom: 35upx;
		font-size:30upx;
		color:rgba(0,0,0,1);
	}
	
	.chilidlistbox{
		margin-bottom: 37upx;
		width: 100%;
		.itemname{
			font-size:28upx;
			color:rgba(178,178,178,1);
		}
		
		.mr_130{
			margin-right: 98upx;
		}
	}
}

.Range1{
	margin-top: 20upx;
	border-bottom: 1px solid #f1f1f1;
}

//时间选择
.timeboxs{
	margin: 20upx 24upx;
	padding: 0 20upx;
	height:99upx;
	background:rgba(255,255,255,1);
	border-radius:0px 0px 14upx 14upx;
	
	.title{
		font-size:30upx;
		color:rgba(0,0,0,1);
	}
	.inputbox{
		position: relative;
		width:250upx;
		height:72upx;
		border:1px solid rgba(181,181,181,1);
		margin-left: 20upx;
		
		.jiantouicon{
			position: absolute;
			top: 12px;
			right: 12px;
			width:34upx;
			height:20upx;
		}
		
		.inputs{
			width:250upx;
			height:72upx;
			line-height: 72upx;
			padding-left:10upx;
			font-size:30upx;
			color:rgba(0,0,0,1);
		}
	}
}

//提交的按钮
.submitbtns{
	margin: 0 24upx;
	margin-top: 60upx;
	margin-bottom: 60upx;
	height:88upx;
	line-height: 88upx;
	text-align: center;
	background:rgba(254,197,156,1);
	border-radius:6upx;
	
	font-size:32upx;
	color:rgba(255,255,255,1);
	
	
}

.submitbtns.active{
	background: #FF6900;
}


//弹窗内容 选择参与优惠的商品bg
.childboxmain{
	background: #FFFFFF;
	padding: 0 24upx;
	padding-bottom: 55upx;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	
	.title{
		font-size:30upx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(0,0,0,1);
	}
	
	.titlebox{
		margin-bottom: 50upx;
		padding-top: 37upx;
		.imgs{
			width:29upx;
			height:29upx;
		}
	}
	
	.chindlist{
		.chilidlistbox{
			.itemlable{
				margin-bottom: 46upx;
				//margin-right: 30upx;
			}
			.itemname{
				font-size:30upx;
				color:rgba(0,0,0,1);
				margin-right: 20upx;
			}
			.checkbox{
				//margin-right: 8upx;
			}
		}
	}
}

//已发的卡券
.yfcardlist{
	margin: 0 24upx;
	margin-top: 20upx;
	padding-bottom: 40upx;

	.yfcardItem{
		height:265upx;
		width:698upx;
		margin-bottom: 20upx;
		.cardleft{
			position: relative;
			width: 500upx;
			background: #EF612E;
			padding-left: 30upx;
			padding-top: 26upx;
		}
		.cardleft:after,.cardright:after{
			content: '';
			display: block;
			width: 15px;
			height: 100%;
			height:265upx;
			background-size: 17px 11px;
			background-repeat: repeat-y;
			background-image: -o-radial-gradient(#F5F2F2 8px, transparent 8px);
			background-image: radial-gradient(#F5F2F2 8px, transparent 8px);
			position: absolute;
			
		}
		
		.cardleft:after{
			top: 0;
			left: -12px;
		}
		
		.cardright:after{
			top: 0;
			right: -12px;
		}
		
		
		.cardright{
			position: relative;
			width: 198upx;
			padding-right: 10upx;
			background: #EF612E;
			border-left:2px dashed #FFFFFF;
			font-weight: bold;
			text-align: center;
			color:#FFFFFF;
			
			.text{
				font-size: 32upx;
				
			}
			.prcie{
				font-size: 60upx;
			}
		}
		
		//优惠券里面的内容
		.kaiguanbox{
			.leftkai{
				.name{
					font-size:32upx;
					font-family:PingFang SC;
					font-weight:bold;
					color:rgba(255,255,255,1);
				}
				.status{
					font-size:22upx;
					color:rgba(255,255,255,1);
				}
			}
			.kaiguan{
				margin-right: 40upx;
				.kgitem{
					font-size:24upx;
					width:97upx;
					height:51upx;
					color:#FFFFFF;
					border:2px solid rgba(255,255,255,1);
					background:#EF612E;
					border-radius:4upx 0px 0px 4upx;
				}
				

				.guan{

					color:rgba(255,255,255,1);
					border:2px solid rgba(255,255,255,1);
					border-radius:0px 4upx 4upx 0px;
				}
				
				.active{
					background:#FFFFFF;
					color:#FF5212;
				}
			}
		}
		
		.quaninfos{
			margin-top: 25upx;
			.text{
				font-size: 26upx;
				color:#FFFFFF;
			}
			.bj{
				color: #FFFFFF;
				margin-right: 30upx;
			}
		}
		
		
		//中间的圆点
		.cardleft:before,.cardright:before{
			content: "";
			width: 60upx;
			height: 60upx;
			border-radius: 50%;
			background: #F5F2F2;
			position: absolute;
			z-index:2;
		}
		
		.cardleft:before{
			right: -15px;
			top:-20px;
		}
		
		.cardright:before{
			left: -17px;
			bottom:-20px;
		}
	}
}