.coupon-time {
	font-size:12px;
	font-weight:400;
	color:#ddd
}
.have .coupon-time {
	color:#eee
}
.coupon-for {
	font-size:13px
}
.coupon-condition {
	color:#fafafa
}
.coupon-item {
	width:96%;
	margin:15px auto
}
.coupon-item .coupon-money {
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	font-size:1.2rem;
	align-items:center;
	color:#fff
}
.coupon-item .coupon-money em {
	font-size:46px;
	font-style:normal;
	font-weight:600
}
.coupon-item .coupon-money .lay:last-child {
	flex:1;
	padding:0 3%;
	line-height:1.66rem
}
.coupon-get,.coupon-my {
	width:100%;
	height:8rem;
	position:relative;
	margin:5% 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#fff;
	border:1px solid #e5004f
}
.coupon-get .get-btn:after {
	content:"";
	width:1.2rem;
	position:absolute;
	top:0;
	bottom:0;
	right:23.9%;
	display:block;
	z-index:9;
	background-color:#fff;
	background-position:100% 35%;
	background-size:2rem .66rem;
	background-image:linear-gradient(-45deg,#e5004f 25%,transparent 25%,transparent),linear-gradient(-135deg,#e5004f 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#e5004f 75%),linear-gradient(-135deg,transparent 75%,#e5004f 75%)
}
.coupon-get .get-btn,.coupon-my .get-btn {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	align-items:center;
	justify-content:center;
	width:24%;
	height:8rem;
	text-align:center;
	color:#fff;
	font-size:1.5rem;
	line-height:1.35;
	background-color:#e5004f;
	position:relative
}
.coupon-blue.coupon-get {
	background-color:#378ae8;
	border:0;
	color:#fff
}
.coupon-red.coupon-get {
	background-color:#e5004f;
	border:0;
	color:#fff
}
.coupon-yellow.coupon-get {
	background-color:#983a8f;
	border:0;
	color:#fff
}
.coupon-get:before {
	content:"";
	position:absolute;
	left:-.66rem;
	width:2.4rem;
	height:2.8rem;
	top:50%;
	-webkit-transform:translate(-30%,-50%);
	transform:translate(-30%,-50%);
	-webkit-box-shadow:3px 0 0 #aeadad;
	box-shadow:3px 0 0 #aeadad;
	-webkit-border-radius:80%;
	border-radius:80%;
	background-color:#f5f5f5
}
.coupon-get .get-btn:after {
	left:0;
	background-image:linear-gradient(-45deg,#fff 25%,#378ae8 25%,#378ae8)
}
.coupon-blue.coupon-get .get-btn:after {
	left:0;
	background-image:linear-gradient(-45deg,#fff 25%,#378ae8 25%,#378ae8)
}
.coupon-red.coupon-get .get-btn:after {
	left:0;
	background-image:linear-gradient(-45deg,#fff 25%,#e5004f 25%,#e5004f)
}
.coupon-yellow.coupon-get .get-btn:after {
	left:0;
	background-image:linear-gradient(-45deg,#fff 25%,#983a8f 25%,#983a8f)
}
.coupon-blue.coupon-get .get-btn span {
	color:#378ae8
}
.coupon-red.coupon-get .get-btn span {
	color:#e5004f
}
.coupon-yellow.coupon-get .get-btn span {
	color:#983a8f
}
.coupon-get .info-box,.coupon-my .info-box {
	-webkit-box:1;
	-webkit-flex:1;
	flex:1;
	padding:0 3% 0 10%;
	position:relative
}
.coupon-get .get-btn span {
	width:4rem;
	font-size:1.8rem;
	word-break:break-all
}
.coupon-my .get-btn span {
	width:2rem;
	font-size:1.8rem;
	word-break:break-all
}
.coupon-get .get-btn {
	width:34%;
	background-color:#fff
}
.coupon-my .get-btn {
	width:28%;
	background-color:#fff
}
.coupon-get .get-btn span:after {
	content:"V";
	font-size:1.6rem;
	display:block
}
.coupon-my.coupon-blue {
	background-color:#378ae8;
	border:0
}
.coupon-my.coupon-red {
	background-color:#e5004f;
	border:0
}
.coupon-my.coupon-yellow {
	background-color:#983a8f;
	border:0
}
.coupon-my:after,.coupon-my:before {
	content:"";
	height:.5rem;
	position:absolute;
	left:0;
	right:0;
	display:block;
	z-index:9;
	background-image:linear-gradient(-45deg,#f5f5f5 25%,transparent 25%,transparent),linear-gradient(-135deg,#f5f5f5 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#f5f5f5 75%),linear-gradient(-135deg,transparent 75%,#f5f5f5 75%);
	background-size:1rem 1rem;
	background-repeat:repeat-x,repeat-x
}
.coupon-my:after {
	top:-.12rem
}
.coupon-my:before {
	bottom:-.12rem;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.coupon-my.coupon-blue .get-btn span {
	color:#378ae8;
	font-size:1.2em
}
.coupon-my.coupon-red .get-btn span {
	color:#e5004f;
	font-size:1.2em
}
.coupon-my.coupon-yellow .get-btn span {
	color:#983a8f;
	font-size:1.2em
}
.coupon-get.have {
	background-color:#c1c1c1;
	border:0
}
.coupon-get.have .get-btn span,.coupon-my.have .get-btn span {
	width:1.6rem;
	padding:1.36rem 0;
	font-size:1.6rem
}
.coupon-get.have .get-btn:after {
	background-image:linear-gradient(-45deg,#fff 25%,#c1c1c1 25%,#c1c1c1)
}
.coupon-get.have .get-btn span,.coupon-my.have .get-btn span {
	color:#767676;
	font-size:1.6rem
}
.coupon-get.have .get-btn span:after,.coupon-my.have .get-btn span:after {
	content:""
}
.coupon-my.have {
	background-color:#c1c1c1
}
.coupon-my.have .of,.coupon-my.have .tit,.coupon-my.have .coupon-for {
	color:#fff
}
.coupon-my.have span {
	font-size:1.6rem;
	color:rgba(189,189,189,1)
}