/* 超小设备（手机，小于 768px） */
@media (max-width: 768px) {
	/* 优惠券 */
	.coupon {
		position: relative;
		margin: 10px;
		overflow: hidden;
	}
	
	.coupon img {
		position: absolute;
		right: 15px;
		bottom: -20px;
		z-index: 2;
		width: 96px;
	}
	.coupon-invalid img{
		position: absolute;
		right: 0;
		top: 10px;
		bottom:auto;
		z-index: 2;
		width: 72px;
	}
	.coupon .circle-l {
		position: absolute;
		left: 0;
		top: 50%;
		z-index: 3;
		width: 8px;
		height: 16px;
		margin-top: -8px;
		border-radius: 0 20px 20px 0;
		-webkit-border-radius: 0 20px 20px 0;
		-moz-border-radius: 0 20px 20px 0;
		background: #fff;
	}
	
	.coupon .circle-r {
		position: absolute;
		right: 0;
		top: 50%;
		z-index: 3;
		width: 8px;
		height: 16px;
		margin-top: -8px;
		border-radius: 20px 0 0 20px;
		-webkit-border-radius: 20px 0 0 20px;
		-moz-border-radius: 20px 0 0 20px;
		background: #fff;
	}
	
	.coupon-info {
		position: relative;
		padding: 8px 12px;
		background-image: linear-gradient(135deg, #fdddc1, #f6af6e);
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.coupon-amount {
		color: #ea4e45;
		padding-left: 5px;
		padding-top: 5px;
	}
	
	.coupon-amount span {
		font-size: 13px;
	}
	
	.coupon-amount b {
		font-size: 28px;
	}
	
	.coupon-info h6 {
		color: #ae6233;
		font-weight: normal;
		font-size: 15px;
		margin: 5px 0;
		padding-left: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 10px;
	}
	
	.coupon-info p {
		font-size: 13px;
		margin: 5px 0;
		padding-left: 5px;
		color: #e09762;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 10px;
	}
	.coupon-invalid .coupon-info{
		background:#e6e6e6;
	}
	.coupon-invalid .coupon-amount{
		color: #888;
	}
	.coupon-invalid h6{
		color: #aaa;
	}
	.coupon-invalid p{
		color: #aaa;
	}
	.coupon-info a {
		position: absolute;
		right: 12px;
		top: 13px;
		z-index: 4;
		display: inline-block;
		text-align: center;
		padding: 0 15px;
		height: 32px;
		line-height: 32px;
		color: #fdddc1;
		background-color: #ea4e45;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		cursor: pointer;
	}
	
	.coupon-info a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) and (max-width: 1200px) {
	/* 优惠券 */
	.coupon {
		position: relative;
		margin: 10px;
		overflow: hidden;
	}
	
	.coupon img {
		position: absolute;
		right: 15px;
		bottom: -20px;
		z-index: 2;
		width: 64px;
	}
	.coupon-invalid img{
		position: absolute;
		right: 0;
		top: 10px;
		bottom:auto;
		z-index: 2;
		width: 72px;
	}
	.coupon .circle-l {
		position: absolute;
		left: 0;
		top: 50%;
		z-index: 3;
		width: 6px;
		height: 12px;
		margin-top: -6px;
		border-radius: 0 20px 20px 0;
		-webkit-border-radius: 0 20px 20px 0;
		-moz-border-radius: 0 20px 20px 0;
		background: #fff;
	}
	
	.coupon .circle-r {
		position: absolute;
		right: 0;
		top: 50%;
		z-index: 3;
		width: 6px;
		height: 12px;
		margin-top: -6px;
		border-radius: 20px 0 0 20px;
		-webkit-border-radius: 20px 0 0 20px;
		-moz-border-radius: 20px 0 0 20px;
		background: #fff;
	}
	
	.coupon-info {
		position: relative;
		padding: 8px 10px;
		background-image: linear-gradient(135deg, #fdddc1, #f6af6e);
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.coupon-amount {
		color: #ea4e45;
		padding-top: 5px;
	}
	
	.coupon-amount span {
		font-size: 12px;
	}
	
	.coupon-amount b {
		font-size: 20px;
	}
	
	.coupon-info h6 {
		color: #ae6233;
		font-weight: normal;
		font-size: 15px;
		margin: 5px 0;
		padding-left: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 10px;
	}
	
	.coupon-info p {
		font-size: 13px;
		margin: 5px 0;
		padding-left: 5px;
		color: #e09762;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 10px;
	}
	.coupon-invalid .coupon-info{
		background:#e6e6e6;
	}
	.coupon-invalid .coupon-amount{
		color: #888;
	}
	.coupon-invalid h6{
		color: #aaa;
	}
	.coupon-invalid p{
		color: #aaa;
	}
	.coupon-info a {
		position: absolute;
		right: 12px;
		top: 13px;
		z-index: 4;
		display: inline-block;
		text-align: center;
		padding: 0 10px;
		height: 26px;
		line-height: 26px;
		color: #fdddc1;
		font-size: 12px;
		background-color: #ea4e45;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		cursor: pointer;
	}
	
	.coupon-info a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) {
	/* 优惠券 */
	.coupon {
		position: relative;
		margin: 10px;
		overflow: hidden;
	}
	
	.coupon img {
		position: absolute;
		right: 15px;
		bottom: -20px;
		z-index: 2;
		width: 96px;
	}
	.coupon-invalid img{
		position: absolute;
		right: 0;
		top: 10px;
		bottom:auto;
		z-index: 2;
		width: 72px;
	}
	.coupon .circle-l {
		position: absolute;
		left: 0;
		top: 50%;
		z-index: 3;
		width: 8px;
		height: 16px;
		margin-top: -8px;
		border-radius: 0 20px 20px 0;
		-webkit-border-radius: 0 20px 20px 0;
		-moz-border-radius: 0 20px 20px 0;
		background: #fff;
	}
	
	.coupon .circle-r {
		position: absolute;
		right: 0;
		top: 50%;
		z-index: 3;
		width: 8px;
		height: 16px;
		margin-top: -8px;
		border-radius: 20px 0 0 20px;
		-webkit-border-radius: 20px 0 0 20px;
		-moz-border-radius: 20px 0 0 20px;
		background: #fff;
	}
	
	.coupon-info {
		position: relative;
		padding: 8px 12px;
		background-image: linear-gradient(135deg, #fdddc1, #f6af6e);
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.coupon-amount {
		color: #ea4e45;
		padding-left: 5px;
		padding-top: 5px;
	}
	
	.coupon-amount span {
		font-size: 13px;
	}
	
	.coupon-amount b {
		font-size: 28px;
	}
	
	
	.coupon-info h6 {
		color: #ae6233;
		font-weight: normal;
		font-size: 15px;
		margin: 5px 0;
		padding-left: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 10px;
	}
	
	.coupon-info p {
		font-size: 13px;
		margin: 5px 0;
		padding-left: 5px;
		color: #e09762;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 10px;
	}
	.coupon-invalid .coupon-info{
		background:#e6e6e6;
	}
	.coupon-invalid .coupon-amount{
		color: #888;
	}
	.coupon-invalid h6{
		color: #aaa;
	}
	.coupon-invalid p{
		color: #aaa;
	}
	.coupon-info a {
		position: absolute;
		right: 12px;
		top: 13px;
		z-index: 4;
		display: inline-block;
		text-align: center;
		padding: 0 15px;
		height: 32px;
		line-height: 32px;
		color: #fdddc1;
		background-color: #ea4e45;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		cursor: pointer;
	}
	
	.coupon-info a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
}