/* pages/writeReading/components/readingInfo/index.wxss */

.wrapper {
    margin-left: 20rpx;
    margin-right: 20rpx;  
    margin-top: 20rpx;
    background-color: white;
}

.bodyTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--deep-green);
    padding: 32rpx 20rpx;
    border-radius: 20rpx 20rpx 0 0;
    box-sizing: border-box;
    color: white;
}

.bodyTitle .text {
    font-size: 40rpx;
    font-weight: 800;
}

.bodyTitle .time {
    font-size: 30rpx;
}

.contentWrapper {
    padding: 0 20rpx;
    margin-bottom: 30rpx;
}

.currentMeter {
    margin-top: 24rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 32rpx;
}

.currentMeter .address {
    color: var(--deep-green);
    font-size: 36rpx;
}

.change {
   margin-top: 20rpx;
   margin-bottom: 20rpx;
   display: flex;
   justify-content: space-between; 
}

.readingNumber {
    display: flex;
    justify-content: space-between;
}

.readingNumber .title {
    font-size: 32rpx;
}

.readingNumber .number {
    font-size: 42rpx;
    font-weight: 800;
    margin-top: 12rpx;
}
.readingNumber .lastTime {
    font-size: 32rpx;
}

.nextReadingNumber {
    display: flex;
    align-items: bottom;
}

.nextReadingNumber .title {
    font-size: 32rpx;
}

.nextReadingNumber .number {
    margin-top: 12rpx;
}

.currentNumber {
    flex: 1;
}

.calc {
    margin-top: 24rpx;
}

.rightNumber {
    font-size: 38rpx;
    font-weight: 700;
    margin-top: 12rpx;
    color: #73d13d;
}

.wrongNumber {
    font-size: 38rpx;
    font-weight: 700;
    margin-top: 12rpx;
    color: #ff4d4f;
}

.operate {
    margin-top: 24rpx;
    display: flex;
    padding-bottom: 30rpx;
}