.coupon-banner { margin-top:0.5rem; overflow: hidden; padding: 0.5rem; box-sizing: border-box; background: #fff; } 
.coupon-title { margin-top: 1rem; text-align: center; margin-bottom:2.5rem; font-size: 1rem; font-weight: 900;letter-spacing: 1px; } 
.coupon-title span { vertical-align: middle; } 
.coupon-title_icon { width: 0.8rem; height: 0.5rem; display: inline-block; vertical-align: middle; } 
.coupon-title_icon-left { background: url(../images/titleiconl.png) no-repeat center; background-size:auto 100%; } 
.coupon-title_icon-right { background: url(../images/titleiconr.png) no-repeat center; background-size:auto 100%; } 
.coupon-list li { margin: 0 0.5rem 1.7rem; } 
.coupon-list li .coupon-list_item { height: 5rem; background: #fff; box-sizing: border-box; border-radius: 0.25rem; position: relative; padding-right: 2.25rem; } 
.coupon-list_item-box { padding-left: 0.5rem; box-sizing: border-box; } 
.coupon-list_item-top { display: flex; flex-direction: row; justify-content: space-between; position: relative; top: -1.1rem; } 
.item-top_img { width: 4.5rem; height: 5rem; overflow: hidden; border-radius: 0.25rem; margin-right:0.5rem; } 
.item-top_img img { width: 100%; height: 100%; object-fit: cover; } 
.item-top_info { flex: 1; } 
.item-top_info-price { display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; font-weight: 900; color: #F33B3B; height: 1.5rem; margin-bottom: 0.5rem; line-height: 1.5rem; margin-top: 0.4rem; } 
.item-top_info-condition span { line-height: 1rem; font-size: 0.6rem; color: #F33B3B; background: #FFF4EC; padding: 0 0.25rem; border-radius: 0.02rem; height: 1rem; display: inline-block; } 
.item-top_info-price span font { font-size: 1.3rem; } 
.item-top_info-tips { margin-top: 0.5rem; font-size: 0.5rem; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1rem; } 
.coupon-list_item-bottom { height: 100%; line-height: 100%; position: absolute; width: 2.25rem; text-align: center; right: 0; bottom: 0; background: linear-gradient(180deg, #FD3333 0%, #EE504F 100%); color: #fff; font-size: 0.7rem; letter-spacing: 1px; border-radius: 0 0.25rem 0.25rem 0; display: flex; justify-content:center; align-items: center; } 
.coupon-list_item-bottom span { padding: 0 0.7rem; line-height: 1rem; box-sizing: border-box; width: 100%; } 
.coupon-list_item-bottom::before,.coupon-list_item-bottom::after { content: ''; position: absolute; width: 1rem; height: 1rem; border-radius: 1rem; background: #f5f6fa; left: -0.5rem; } 
.coupon-list_item-bottom::before { top:-0.7rem; } 
.coupon-list_item-bottom::after { bottom:-0.7rem; } 
.get-coupon .coupon-list_item-bottom { display: none; } 
.get-coupon .item-top_info-price { color: #999999; } 
.get-coupon .item-top_info-condition span { background:#F4F8FB; color: #999; } 
.coupon-list li .get-coupon { padding-right: 3.25rem; } 
.item-top_info-price_label { width: 2.5rem; height: 2rem; background: url(../images/get.png) no-repeat center; background-size: auto 100%; display: none; right: 0.25rem; position: absolute; top: 50%; margin-top: -1rem; } 
.get-coupon .item-top_info-price_label { display: block; }