body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,input{ margin:0; padding:0; list-style:none;}
		body{ color:#666; font-size:14px; font-family:"微软雅黑";}
		a{text-decoration:none;}
		.zd_popup{
			width: 534px;
			height: 176px;
			background:#f1f1f1;
			border-radius: 10px;
			float:left;
			margin-top:30px;
			margin-right:30px;
		}
		.zd_popup .zd_voucher{
			width:154px;
			height: 176px;
			display: block;
			background: url(../images/zd_img_Voucher.png);
			position: absolute;
		}
	
		.zd_popup .zd_money{
			color: #FFFFFF;
			font-size: 24px;
			position: absolute;
			top: 72px;
			left: 10px;
		}
		.zd_popup .zd_quota{
			color: #FFFFFF;
			font-size: 40px;
			position: absolute;
			top: 55px;
			left: 27px;
		}
		.zd_popup .zd_condition{
			position: absolute;
			bottom: 34px;
			left: 33px;
			color: #FFFFFF;
			
		}
		.zd_popup .zd_popup2{
			width: 379px;
			height: 176px;
			margin-left: 154px;
		}
		.zd_popup .zd_border{
			width: 380px;
			height: 100px;
			border-bottom:1px dashed #cccccc ;
			position: absolute;
		}
		.zd_popup .zd_border .zd_title{
			font-size: 16px;
			color: #333333;
			margin-top:15px;
			margin-left:20px;
		}
		.zd_popup .zd_border .zd_term{
			font-size: 12px;
			color: #666666;
			margin-left:20px;
		}

		.zd_popup .zd_border button{
			border:0px;background-color:transparent;background:#ff6633;
			border-radius: 6px;
			color: #FFFFFF;
			width: 84px;
			height: 28px;
			font-size: 12px;
			margin-right:20px;
		}
		.zd_popup .zd_cp_group{
			display:flex;
			display:-webkit-flex;
			margin-top:15px;
		}
		.zd_popup .zd_cp_group .zd_expre_date{
			flex-grow:1;
			-webkit-flex-grow:1;
			color:#e56b14;
		}
		
		.zd_explain{
			width: 380px;
			height: 76px;
			margin-top: 107px;
			font-size: 12px;
			color: #666666;
			position: absolute;
		}
		.zd_explain .zd_Instructions{
			position: absolute;
			top: 5px;
			left: 16px;
		}
		.zd_explain .zd_describe{
			width:278px ;
			height: 28px;
			position: absolute;
			top: 25px;
			left: 16px;
		}
		.zd_explain a{
			width: 	18px;
			height: 18px;
			background: url(../images/zd_details.png);
			background-repeat:no-repeat;
			display: block;
			position: absolute;
			top: 10px;
			right: 280px;
		}
			
			
	<!--已领取状态-->
	
	
	.zd_popup_y{
			width: 534px;
			height: 176px;
			background:#f1f1f1;
			border-radius: 10px;
			float:left;
			margin-top:30px;
			margin-right:30px;
		}
		.zd_popup_y .zd_voucher{
			width:154px;
			height: 176px;
			display: block;
			background: url(../images/zd_img_Voucher1.png);
			position: absolute;
		}
	
		.zd_popup_y .zd_money{
			color: #FFFFFF;
			font-size: 24px;
			position: absolute;
			top: 72px;
			left: 10px;
		}
		.zd_popup_y .zd_quota{
			color: #FFFFFF;
			font-size: 40px;
			position: absolute;
			top: 55px;
			left: 27px;
		}
		.zd_popup_y .zd_condition{
			position: absolute;
			bottom: 34px;
			left: 33px;
			color: #FFFFFF;
			
		}
		.zd_popup_y .zd_popup2{
			width: 379px;
			height: 176px;
			margin-left: 154px;
		}
		.zd_popup_y .zd_border{
			width: 380px;
			height: 100px;
			border-bottom:1px dashed #cccccc ;
			position: absolute;
		}
		.zd_popup_y .zd_border .zd_title{
			font-size: 16px;
			color: #333333;
			position: absolute;
			top: 22px;
			left: 16px;
		}
		.zd_popup_y .zd_border .zd_term{
			font-size: 12px;
			color: #666666;
			position: absolute;
			top: 70px;
			left: 16px;
		}

		.zd_popup_y .zd_border button{
			border:0px;background-color:transparent;background:#ccc;
			border-radius: 6px;
			color: #FFFFFF;
			width: 84px;
			height: 28px;
			font-size: 12px;
			position: absolute;
			right: 16px;
			top: 63px;
		}
		.zd_explain_y{
			width: 380px;
			height: 76px;
			margin-top: 107px;
			font-size: 12px;
			color: #666666;
			position: absolute;
		}
		.zd_explain_y .zd_Instructions{
			position: absolute;
			top: 5px;
			left: 16px;
		}
		.zd_explain_y .zd_describe{
			width:278px ;
			height: 28px;
			position: absolute;
			top: 25px;
			left: 16px;
		}
		.zd_explain_y a{
			width: 	18px;
			height: 18px;
			background: url(../images/zd_details.png);
			background-repeat:no-repeat;
			display: block;
			position: absolute;
			top: 10px;
			right: 280px;
		}
			
				