.coupon-banner { margin-top: 38px; border-radius: 10px; overflow: hidden; padding: 8px; box-sizing: border-box; background: #fff; } 
.coupon-width { width: 1200px; margin: auto; } 
.coupon-title { margin-top: 65px; text-align: center; margin-bottom: 62px; font-size: 24px; font-weight: 900; } 
.coupon-title span { vertical-align: middle; } 
.coupon-title_icon { width: 16px; height: 20px; display: inline-block; vertical-align: middle; } 
.coupon-title_icon-left { margin-right: 10px; background: url(titleiconl.png) no-repeat center; background-size: 100%; } 
.coupon-title_icon-right { margin-left: 10px; background: url(titleiconr.png) no-repeat center; background-size: 100%; } 
.coupon-list ul { margin-right: -30px; } 
.coupon-list li { float: left; width: 33.33%; margin-bottom: 30px; } 
.coupon-list li .coupon-list_item { margin-right: 30px; background: #fff; height: 200px; box-sizing: border-box; border-radius: 10px; overflow: hidden; position: relative; } 
.coupon-list_item-box { position: absolute; top: 44px; width: 100%; left: 0; padding-left: 18px; padding-right: 18px; box-sizing: border-box; height: 200px; transition: 0.3s; } 
.coupon-list_item-top { display: flex; flex-direction: row; justify-content: space-between; } 
.item-top_img { width: 108px; height: 118px; overflow: hidden; border-radius: 10px; margin-right: 20px; } 
.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: 24px; font-weight: 900; color: #F33B3B; height: 48px; margin-bottom: 10px; line-height: 48px; } 
.item-top_info-price_label { width: 54px; height: 48px; background: url(get.png) no-repeat center; background-size: 100%; display: none; } 
.item-top_info-condition span { line-height: 20px; font-size: 14px; color: #F33B3B; background: #FFF4EC; padding: 0 15px; border-radius: 4px; height: 20px; display: inline-block; } 
.item-top_info-price span font { font-size: 44px; } 
.item-top_info-tips { margin-top: 15px; font-size: 14px; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } 
.coupon-list_item-bottom { height: 44px; line-height: 44px; position: absolute; width: 100%; text-align: center; left: 0; bottom: 0; background: linear-gradient(180deg, #FD3333 0%, #EE504F 100%); color: #fff; font-size: 14px; letter-spacing: 1px;cursor: pointer; } 
.coupon-list_item-bottom::before,.coupon-list_item-bottom::after { content: ''; position: absolute; width: 24px; height: 24px; border-radius: 24px; background: #fffaf7; top: -12px; display: none; } 
.coupon-list_item-bottom::before { left:-15px; } 
.coupon-list_item-bottom::after { right:-15px; } 
.coupon-list_item:hover .coupon-list_item-box { top:0px; padding-top: 20px; } 
.get-coupon .coupon-list_item-bottom { background: #999999;cursor: auto; } 
.get-coupon .item-top_info-price { color: #999999; } 
.get-coupon .item-top_info-condition span { background:#F4F8FB; color: #999; } 
.get-coupon .item-top_info-price_label { display: block; } 
.coupon-list_item:hover .coupon-list_item-bottom::before,.coupon-list_item:hover .coupon-list_item-bottom::after { display: block; } 
.school-coupon1 { position: absolute; right: 10px; top: 10px; background: #62b2f0; color: #fff; padding: 2px 5px; border-radius: 3px; } 
.school-coupon0 { display: none; }