.integral-details .header{background-color:var(--themeColor);width:100%;height:3.2rem;font-size:.5rem;color:#fff;padding:.31rem 0 .45rem 0;text-align:center;font-family:GuildfordProBook\ 5;font-weight:500}.integral-details .header .currentScore{font-size:.3rem;color:hsla(0,0%,100%,.8);text-align:center;margin-bottom:.05rem}.integral-details .header .top-up-btn{display:inline-block;width:1.31rem;height:.39rem;line-height:.39rem;font-size:.3rem;font-family:Source Han Sans CN;font-weight:500;color:#fff;background:linear-gradient(0deg,#f31,#ff8f57);border-radius:.17rem}.integral-details .header .line{width:.6rem;height:.03rem;background-color:#fff;margin:.2rem auto 0 auto}.integral-details .header .nav{font-size:.22rem;color:hsla(0,0%,100%,.8);flex:1;-webkit-flex:1;-o-flex:1;-ms-flex:1;margin-top:.35rem}.integral-details .header .nav .item{width:33.33%;text-align:center}.integral-details .header .nav .item .num{color:#fff;font-size:.4rem}.integral-card-exchange{flex:1;width:9rem;margin:-.96rem auto 0 auto;background-color:#f7f7f7;font-size:.3rem;color:#bbb;border-radius:.2rem;box-shadow:0 .8vw 1px 0 rgba(10,2,4,.14);padding:1rem}.integral-card-exchange .item .title{width:100%;height:.5rem;line-height:.5rem;font-size:.35rem;font-family:Source Han Sans CN;font-weight:400;color:#5e5e5e;margin:2.667vw 0}.integral-card-exchange .item input{width:100%;height:.8rem;background:#fff;padding:0 .2rem;border:1px solid #d8a875;border-radius:.1rem}.integral-card-exchange .top-up-btn{text-align:center;width:3rem;height:.7rem;line-height:.7rem;font-size:.4rem;font-family:Source Han Sans CN;font-weight:500;color:#fff;background:linear-gradient(0deg,#f31,#d8a875);border-radius:.3rem;margin:.5rem auto 0}