.badge { width: 260rpx; height: 180rpx; } .pd { padding: 70rpx 40rpx; } .bg-red { background-color: #FF6666; } .bg-red2 { background-color: #FF5758; } .t1 { font-family: '微软雅黑'; font-size: 60rpx; font-weight: bold; color: white; } .t2 { font-size: 28rpx; font-weight: bold; color: rgba(255,255,255,.6); } .money::before { content: '¥'; font-size: 22rpx; } .active { color: white; font-weight: bold; } .tab-head { color: rgba(255,255,255,.5); } .tab-head-item { position: relative; } .tab-head-item.active::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border: 12rpx solid; border-color: transparent transparent #ffffff transparent; } .avatar, .avatar2 { border-radius: 50%; background-color: #eee; } .avatar { width: 140rpx; height: 140rpx; } .avatar2 { width: 120rpx; height: 120rpx; } .arrow-r::after { font-family: iconfont; content: '\e61f'; position: absolute; right: 20rpx; color: #ccc; } .bdb { border-bottom: 20rpx solid #f0f0f0; } .badge2-container { /* margin: auto; */ width: 56rpx; text-align: center; font-size: 32rpx; /* box-sizing: border-box; */ } .badge2 { width: 56rpx; height: 76rpx; position: relative; } .badge2::after { content: attr(data-num); color: white; font-weight: bold; text-align: center; position: absolute; left: 0; top: 26rpx; right: 0; bottom: 0; } .noMore { padding: 20rpx; color: #bbb; text-align: center; font-size: 26rpx; /* background-color: #f4f4f4; */ }