@charset "utf-8";

.coupon-list .single_coupon {
	position: relative;
	margin: 0 1%;
	width: 98%;
	height: 135px;
	background: url(https://img11.360buyimg.com/jdphoto/s730x270_jfs/t1/58533/6/14440/1950/5db995b2Ee9fbe4d1/2b9e1e53346a152e.png) no-repeat;
	background-size: 100% 100%;
}
.coupon-list .single_coupon .left {
    position: absolute;
    left: calc((36% - 100px)/2);
    top: 16px;
    width: 36%;
    height: 100px;
    border-radius: 3px;
}
.coupon-list .single_coupon .left img {
    width: 100px;
    height: 100px;
}
.coupon-list .single_coupon .right {
    position: absolute;
    top: 0;
    left: 36%;
    width: 60%;
    height: 100%;

}
.coupon-list .single_coupon .right .inner {
    padding: 16px 12px 12px;
}
.coupon-list .single_coupon .right .inner .coupon_title {
    padding-top: 8px;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.coupon-list .single_coupon .right .inner .coupon_desc{
	padding-top: 2px;
    font-size: 12px;
    color: #777;
}
.coupon-list .single_coupon .right .inner .dis_wrap {
    position: absolute;
    left: 14px;
    bottom: 20px;
    max-width: 128px;
    line-height: 18px;
    color: #f5686d;
}
.coupon-list .single_coupon .right .inner .dis_s {
    font-family: JDZhengHei-01-Bold;
    font-size: 14px;
    margin-right: -3px;
}
.coupon-list .single_coupon .right .inner .dis_v {
    font-weight: bold;
    font-size: 22px;
}
.coupon-list .single_coupon .right .inner .dis_d {
    display: inline-block;
    font-size: 13px;
    vertical-align: 1px;
}
.coupon-list .single_coupon .right .inner .btn {
	position: absolute;
    background-image: -webkit-linear-gradient(257deg,#F95D10,#FE2401);
    background-image: linear-gradient(-167deg,#F95D10,#FE2401);
    width: 70px;
    height: 25px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 25px;
    right: 0px;
    bottom: 18px;
}
.coupon-list .single_coupon .right .inner .btn.ended{
	background-image: linear-gradient(-167deg,#bdbbb9,#ada6a4);
}