zx_bms_uni/pages/mileage/mileage.css

/* pages/mileage/mileage.wxss */
.mil-chart {
    width: 750rpx;
    height: 380rpx;
}
.text-item {
    padding: 40rpx 28rpx;
}
.item-titie {
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 40rpx;
}
.item-value {
    font-size: 30rpx;
    font-family: DIN;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 40rpx;
}
.top-background {
    width: 100%;
    height: 379rpx;
    margin-top: -160rpx;
}
.top-box {
    width: 717rpx;
    height: 267rpx;
    border-radius: 10rpx;
    margin: 0 auto;
    margin-top: -186rpx;
    background-color: rgba(248, 248, 248, 1);
    margin-bottom: 14rpx;
}
.stat-box {
    text-align: center;
}
.stat-value {
    font-size: 68rpx;
    font-family: DIN;
    font-weight: bold;
    font-style: italic;
    color: rgba(0, 0, 0, 1);
    line-height: 68rpx;
}
.stat-tip {
    font-size: 22rpx;
    font-family: PingFang SC;
    font-weight: 400;
    font-style: italic;
    color: rgba(0, 0, 0, 1);
}
.stat-name {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 52rpx;
}
.name-box {
    padding: 30rpx 28rpx;
    margin-top: -140px;
}
.name-i {
    width: 7rpx;
    height: 26rpx;
    background: rgba(7, 197, 138, 1);
    margin-right: 14rpx;
}
.name-text {
    font-size: 28rpx;
    font-family: DIN;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 48rpx;
}
.info-box {
    margin-top: 20rpx;
}
.info-line {
    height: 180rpx;
}
.info-item {
    text-align: center;
}
.info-value {
    font-size: 60rpx;
    font-family: DIN;
    font-weight: bold;
    font-style: italic;
    color: rgba(7, 197, 138, 1);
    line-height: 60rpx;
}
.info-tip {
    font-size: 22rpx;
    font-family: PingFang SC;
    font-weight: 400;
    font-style: italic;
    color: rgba(0, 0, 0, 1);
    margin-left: 15rpx;
}
.info-name {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(101, 101, 101, 1);
    line-height: 52rpx;
}
.info-img {
    width: 70rpx;
    height: 70rpx;
}
.bottom-box {
    width: 100%;
    height: 100rpx;
    position: fixed;
    bottom: 0;
    background-color: rgba(248, 248, 248, 1);
}
.bottom-item {
    width: 30%;
    text-align: center;
}
.bottom-name {
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    line-height: 50rpx;
}
.bottom-tip {
    width: 40rpx;
    height: 5rpx;
    background: rgba(248, 248, 248, 1);
    border-radius: 3rpx;
    margin: 0 auto;
}
.bottom-select {
    background: rgba(7, 197, 138, 1);
}