.swiper-container { width: 100%; } .swiper-slide { background-position: center; background-size: cover; width: 85%; } .top-bg { width: 90%; height: 2.5rem; background: url(../img/guzhi_bg.png) no-repeat; background-size: 100% 100%; margin: .3rem auto; text-align: center; position: relative; } .top-bg .valuation .account { position: absolute; left: 0; color: #FFFFFF; padding: .2rem; text-shadow: 2px 2px 0px #333333; font-size: .3rem; } .top-bg .valuation span { color: #FFFFFF; display: block; margin: .2rem 0; clear: both; } .top-bg .valuation .valuation-txt { font-size: .24rem; padding-top: .2rem; } .top-bg .valuation .valuation-price { font-size: .31rem; } .top-bg .valuation .valuation-rate { font-size: .2rem; } .top-bg .btn { display: flex; justify-content: center; } .top-bg .btn .btn-recharge, .top-bg .btn .btn-withdraw { width: 1.98rem; height: .6rem; background: linear-gradient(90deg, #228cfa 0%, #04b8d3 98%); border-radius: 4px; font-size: .27rem; font-weight: 400; color: #FFFFFF; line-height: .6rem; margin: 0 .2rem; } .top-bg .btn .btn-withdraw { background: linear-gradient(90deg, #ff9d00 0%, #ffcd34 100%); } .coin .coin-item-list { width: 90%; height: 1.39rem; background: #F1F1F1; border-radius: 5px; margin: .2rem auto; } .coin .coin-item-list .coin-kind { display: flex; align-items: center; padding: .2rem; } .coin .coin-item-list .coin-kind .coin-kind-img { width: .51rem; height: .51rem; border-radius: 50%; } .coin .coin-item-list .coin-kind .coin-kind-img img { width: 100%; height: 100%; } .coin .coin-item-list .coin-kind .coin-kind-txt { font-size: .27rem; color: #333333; padding-left: .2rem; } .coin .coin-item-list .coin-situation { display: flex; justify-content: space-between; color: #999999; font-size: .2rem; padding: 0 .2rem; } /*# sourceMappingURL=wallet.css.map */