.coupon-toolbar {
    display: inline-block;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 0 20px;
    background: #f5f5f5;
}
.coupon-toolbar li{float: left;height: 30px;width: 80px;color:#333;text-align: center;margin-left: 15px;}
.coupon-toolbar li .btn{height: 20px;line-height: 20px;margin-top: 5px;}
.coupon-list li{
    height: 60px;
    width: 200px;
    float: left;
    background: url("../images/coupon-bg.png") no-repeat;background-size: 100%;background-position: 50%;
    margin-right: 32px;
    margin-bottom: 32px;
    position: relative;
}
.coupon-clist li{
    height: 60px;
    width: 200px;
    background: url("../images/coupon-bg.png") no-repeat;background-size: 100%;background-position: 50%;
    margin-bottom: 16px;
    position: relative;
}
.coupon-name-item,.coupon-info-item{
    height: 30px;
    width: 180px;
    padding:5px;
    position: relative;
}

.coupon-money-item{height: 100%;font-size: 12px;color:#9d2124;width: 89px;}
.fen-line{width: 1px;height: 30px;background: red;margin-top: 15px;}
.coupon-desc-item{height: 100%;font-size: 12px;color:#9d2124;width:90px;}
.coupon-limit-desc{width: 100%;height:10px;line-height: 10px;font-size: 12px;text-align: center;}
.coupon-title{width: 100%;height: 18px;line-height: 18px;font-size: 13px;text-align: center;color:#fff;}
.coupon-detail{position: absolute;bottom: 10px;left: 10px;line-height: 1;color: #fff;width: 240px;font-size: 12px;padding-left: 10px;}
.coupon-num{width: 50px;height: 60px;line-height: 60px;position: absolute;right: 14px;top:28px;font-size: 26px;text-align: center;color:#fff;}
.key-detail{height: 16px;line-height: 16px;white-space: nowrap;overflow: hidden;color: #fff;margin-bottom: 5px;}
.discount-or-money{height: 20px;font-size: 16px;font-weight: bolder;color:#fff;line-height: 20px;position: relative;text-align: center; }
.allow-text{height: 10px;width: 100%;color: #999;font-size: 12px;line-height: 10px;text-align: center;}
.limit-desc{height: 15px;line-height: 15px;overflow: hidden;color:#999;font-size: 12px;border: 1px solid #ddd;float: left;margin-bottom: 0;margin-left: 3px; padding: 1px 2px;}
.overdue-icon{height: 80px;width: 80px;background: url("../images/overdue-coupon.png") no-repeat;background-size: 100%;background-position: 50%;position: absolute;top:44px;left:120px;}
.used-icon{height: 80px;width: 80px;background: url("../images/used-coupon.png") no-repeat;background-size: 100%;background-position: 50%;position: absolute;top:44px;left:120px;}
.recieve-icon{height: 80px;width: 80px;background: url("../images/recieve-coupon.png") no-repeat;background-size: 100%;background-position: 50%;position: absolute;top:44px;left:120px;}
.to-use{z-index: 10;height: 32px;width: 234px;color: #ddd;position: absolute;left: 45px;top: 80px;text-align: center;border-bottom: 0;line-height: 30px;font-size: 18px;background: url(../images/coupon-re-btn.png) no-repeat;cursor: pointer;color:#9d2124;cursor: pointer;letter-spacing: 1px;}