/*优惠券入口*/
.receive-div .receive-ul{ width: 94%; margin: 0 auto;border-top: 1px solid #d7d7d7;padding: 5px 0;position: relative;}
.receive-div .receive-ul:after{content:"";position:absolute;right:3%;top:50%;width:7px;height:7px; margin-top: -4px;border-top:1px solid #999;
border-right:1px solid #999;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.receive-div .receive-ul li{ line-height: 28px; color: #333;font-size: 14px;}
.receive-div .receive-ul li	i{ color: #ff3366; padding-right: 5px;}

/*优惠券弹层*/
#quanDialog{ background: #fff;color: #333; z-index: 1000; display: none; width: 100%; position: fixed; bottom: 0; left: 0;}
#quanDialog .qd_1{ padding:15px 3% 20px;}
#quanDialog .qd_1 h3{ text-align: center; font-size: 16px;}
#quanDialog .qd_1 li{ position: relative; line-height: 20px; padding: 8px 0; border-bottom: 1px solid #e1e1e1;}
#quanDialog .qd_1 li:last-child{ border-bottom: 0;}
#quanDialog .qd_1 li p{ color: #ff3366;}
#quanDialog .qd_1 li p i{ font-size:16px; }
#quanDialog .qd_1 li h4{ color: #333;}
#quanDialog .qd_1 li span{ color: #999; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8);}
#quanDialog .qd_1 li .qd-get{ width: 65px; color: #ff3366; border:1px solid #ff3366; border-radius: 20px;line-height: 25px; text-align:center;position: absolute; right: 3%; top: 50%; margin-top: -13px; }
#quanDialog .qd_1 .closeY{position:absolute; right: 0; top: 0; width: 50px; height:40px;
background:url(/order/img/M-receive/09_close.png) no-repeat center center; background-size:15px auto;}
#quanDialog .qd_2{ color: #666; border-top: 1px solid #e1e1e1; line-height: 45px; text-align: center;}

.showInDown{animation:showInDown 0.8s; -webkit-animation:showInDown 0.8s; }
.showOutUp{animation:showOutUp 0.8s; -webkit-animation:showOutUp 0.8s;} 

/* 预约看店 弹层效果 */
@-webkit-keyframes showInDown {
	from{
		opacity: 0;
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
	}
	to{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes showInDown {
	from{
		opacity: 0;
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
	}
	to{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes showOutUp {
	0{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	30%{
		opacity:.8;
		-webkit-transform: translateY(300px);
		transform: translateY(300px);
	}
	60%{
		opacity:.6;
		-webkit-transform: translateY(600px);
		transform: translateY(600px);
	}
	100%{
		opacity:0;
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
	}
}

@keyframes showOutUp {
	0{
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	30%{
		opacity:.8;
		-webkit-transform: translateY(300px);
		transform: translateY(300px);
	}
	60%{
		opacity:.6;
		-webkit-transform: translateY(600px);
		transform: translateY(600px);
	}
	100%{
		opacity:0;
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
	}
}