.scroll-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;overflow:scroll}.scroll-wrapper .scroll-content{width:100vw;position:relative}.scroll-wrapper .scroll-content .top-bar{width:100%;height:16vw;background-color:#fff;display:flex;justify-content:space-around}.scroll-wrapper .scroll-content .top-bar img{height:6vw;width:6vw;position:relative;top:50%;transform:translateY(-50%)}.scroll-wrapper .scroll-content .top-bar button{width:25vw;height:8vw;position:relative;top:50%;transform:translateY(-50%);border-radius:8vw}.scroll-wrapper .scroll-content .content{width:100%;position:relative;top:4vw;background-color:#fff}.scroll-wrapper .scroll-content .content .summarize{width:100%;position:relative;top:2vw;border-bottom:.1vw solid rgba(0,0,0,.1)}.scroll-wrapper .scroll-content .content .summarize .summarize-top{width:90%;position:relative;left:50%;transform:translateX(-50%);display:flex}.scroll-wrapper .scroll-content .content .summarize .summarize-top .time{margin-right:6vw;height:12vw}.scroll-wrapper .scroll-content .content .summarize .summarize-top .time span:nth-child(1){font-size:8vw;font-weight:600;color:#444}.scroll-wrapper .scroll-content .content .summarize .summarize-top .time span:nth-child(2){font-weight:600;color:#444}.scroll-wrapper .scroll-content .content .summarize .summarize-top .total{height:12vw}.scroll-wrapper .scroll-content .content .summarize .summarize-top .total span{position:relative;top:5vw}.scroll-wrapper .scroll-content .content .summarize .summarize-bottom{width:90%;position:relative;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between}.scroll-wrapper .scroll-content .content .summarize .summarize-bottom .item{height:10vw;line-height:10vw;margin-right:4vw;display:flex}.scroll-wrapper .scroll-content .content .summarize .summarize-bottom .item .wangxin{height:5vw;width:5vw;margin:2.5vw 1vw 0 1vw}.scroll-wrapper .scroll-content .content .summarize .summarize-bottom .item span:nth-child(3){font-size:4.5vw}.scroll-wrapper .scroll-content .content .summarize .summarize-bottom .item:last-child span{font-weight:600;font-size:6vw}.scroll-wrapper .scroll-content .content .record-list{position:relative}.scroll-wrapper .scroll-content .content .record-list .list-item{width:100%;display:flex;position:relative;justify-content:space-between;padding-top:6vw}.scroll-wrapper .scroll-content .content .record-list .list-item .avatar{height:11vw;width:11vw;border-radius:50%;margin-left:6vw;box-shadow:0 0 .5vw rgba(0,0,0,.2)}.scroll-wrapper .scroll-content .content .record-list .list-item .trade-records{display:flex;justify-content:space-between;width:80vw;border-bottom:.1vw solid rgba(0,0,0,.1)}.scroll-wrapper .scroll-content .content .record-list .list-item .trade-records .record-left{width:50vw}.scroll-wrapper .scroll-content .content .record-list .list-item .trade-records .record-left .trade-comment{font-size:4.5vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-wrapper .scroll-content .content .record-list .list-item .trade-records .trade-amount{line-height:12vw;font-size:6vw;margin-right:9vw}.scroll-wrapper .scroll-content .content .record-list .list-item:last-child{height:25vw;padding-bottom:5vw}.scroll-wrapper .scroll-content .content .record-list .list-item:last-child .trade-records{border:none}.back-btn{position:fixed;bottom:10vw;right:0;border-radius:50%}.back-btn div{background-color:rgba(0,0,0,.3);width:16vw;border-radius:10vw 0 0 10vw;box-shadow:0 0 1vw rgba(0,0,0,.2)}.back-btn div img{width:10vw;height:10vw;position:relative;top:.8vw;left:1vw;border-radius:50%;box-shadow:0 0 1vw rgba(41,98,255,.6)}.is-active{background-color:#0084ff;color:#fff}