.coupon>ul{border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;position: relative;background-color: #f5f5f5}
.coupon>ul:before{height: 100%;position: absolute;left: 0;top: 0;width: 100%;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;content: "";z-index: 1}
.coupon>ul>li{float: left;width: 170px;text-align: center;height: 42px;line-height: 40px;cursor: pointer;border-right: 1px solid #e9e9e9;position: relative;z-index: 10}
.coupon>ul>li.checked{border-top: 3px solid #c7000b;background-color: #ffffff;color: #c7000b}
.coupon>.tab-body{border: 1px solid #e9e9e9;border-top: none;min-height: 450px;padding: 20px 15px;}
.ticket>li{float: left;border: 1px solid #c7000b;background: rgba(199,0,11,0.2);padding: 25px 0 25px 10px;width: 260px;position: relative;border-radius: 5px;margin-left: 10px;margin-bottom: 10px;}
.ticket>li>h3{font-size: 14px;color: #c7000b;margin-top: 0;margin-bottom: 5px;}
.ticket>li>p{font-size: 12px;color: #c7000b;margin: 0}
.ticket>li>button{width: 80px;height: 22px;line-height: 22px;background-color: #c7000b;border-radius: 15px;border: none;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;color: #ffffff;font-size: 12px;}
.coupon>.tab-body>div{display: none}
.coupon>.tab-body>div:first-child{display: block}
.ticket.used>li{background-color: #e9e9e9;border: none}
.ticket.used>li>h3{color: #999}
.ticket.used>li>p{color: #999}
.ticket.used>li>button{background-color: #CCCCCC;cursor: default}
@media (max-width: 767px) {
    .coupon{margin-top: 30px;}
    .ticket>li{margin-left: 5%;width: 90%;}
    .coupon>ul>li{width: 33.33%}
}