* { margin: 0; padding: 0; } .wrap { box-sizing: border-box; } .banner { width: 100%; height: 4rem; background-image: url(/Public/vip/images/templateB/banner-bg.png); background-size: 100% 100%; position: relative; } .banner-head { display: block; width: 1.5rem; height: 1.5rem; border-radius: 50%; position: absolute; left: 0.3rem; top: 0.96rem; } .banner-name { position: absolute; left: 2.18rem; top: 1.38rem; color: white; font-size: 0.3rem; } .banner-num { position: absolute; left: 2.18rem; top: 1.88rem; font-size: 0.24rem; font-weight: 400; color: rgba(255, 255, 255, 1); } .banner-info { width: 6.60rem; height: 1.70rem; background: rgba(255, 255, 255, 1); box-shadow: 0 0.03rem 0.1rem 0 rgba(0, 0, 0, 0.15); border-radius: 0.1rem; position: absolute; left: 0.3rem; top: 3.21rem; display: flex; align-items: center; } .banner-info-inner { width: 50%; height: 1rem; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; } .banner-info-inner:nth-child(1) { border-right: 0.01rem solid rgba(238, 238, 238, 1); } .banner-info-inner:nth-child(2) { border-left: 0.01rem solid rgba(238, 238, 238, 1); } .banner-info-inner-num { color: #333333; font-size: 0.3rem; font-weight: bold; margin-bottom: 0.1rem; } .banner-info-inner-txt { color: #666; font-size: 0.24rem; } .recharge { display: block; width: 2.50rem; height: 0.80rem; background: #6FA1FB; border-radius: 0.40rem; font-weight: 400; color: rgba(255, 254, 254, 1); font-size: 0.30rem; margin: 1.3rem auto 0.5rem; text-align: center; line-height: 0.8rem; text-decoration: none; } .menu { display: flex; flex-wrap: wrap; } .menu-inner { width: 33.333%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 0.5rem; text-decoration: none; } .menu-inner-img{ width: 1.4rem; height: 1.4rem; background: #6FA1FB; border-radius:0.10rem; margin-bottom: 0.2rem; display: flex; align-items: center; justify-content: center; } .menu-inner-img>img { display: block; width: 1rem; height: 1rem; border-radius:0.1rem; background-color:linear-gradient(-30deg,rgba(141,192,254,0.5),rgba(84,143,246,0.5)); } .menu-inner-txt { color: #333; font-size: 0.20rem; }