* { margin: 0; padding: 0; } .wrap { box-sizing: border-box; padding: 0 0.3rem; } .nav { width: 100%; height: 0.96rem; display: flex; align-items: center; margin-bottom: 0.2rem; } .nav-inner { width: 33.333%; display: flex; align-items: center; justify-content: center; font-size: 0.24rem; font-weight: 400; } .nav-inner>span { color: rgba(51, 51, 51, 1); box-sizing: border-box; padding-bottom: 0.1rem; border-bottom: 0.04rem solid rgba(255, 126, 50, 0); } .cheak { color: #6FA1FB!important; border-bottom: 0.04rem solid #6FA1FB!important; } .inner-x { width: 100%; height: 2rem; background: url(/Public/vip/images/templateB/coupon1.png); background-size: 100% 100%; color: white; position: relative; margin-bottom: 0.3rem; } .usetype1 { background: url(/Public/vip/images/templateB/coupon1.png); background-size: 100% 100%; } .usetype2 { background: url(/Public/vip/images/templateB/coupon2.png); background-size: 100% 100%; } .usetype3 { background: url(/Public/vip/images/templateB/coupon3.png); background-size: 100% 100%; } .innera { font-size: 0.30rem; font-weight: bold; position: absolute; left: 0.7rem; top: 0.47rem; } .innerb{ position: absolute; left: 0.8rem; top: 1.02rem; font-size: 0.20rem; } .innerc{ position: absolute; left: 2.95rem; top: 0.6rem; font-size: 0.20rem; } .innerd{ position: absolute; left: 2.95rem; top: 1.02rem; font-size: 0.20rem; } .innere{ width: 100%; height: 0.53rem; border-top: 1px dashed white; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 0.18rem; line-height: 0.53rem; } .card_more{ width: 90%; height: 40px; border: 1px solid #6FA1FB; margin: 30px auto; border-radius: 4px; text-align: center; line-height: 40px; color: #6FA1FB; font-size: 0.3rem; }