page{
}

/* 容器样式 */
.container {
    display: flex;
    flex-direction: column;
    padding-bottom: 200rpx;
}

/* 滑动 Tab 栏样式 */
.tab-scroll {
    white-space: nowrap;
    /* 禁止换行 */
    background-color: #f7f8fa;
    padding: 10px 0;
}

.tab-item {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #333;
}


/* 内容区域样式 */
.content-scroll {
    white-space: nowrap;
    /* 禁止换行 */
    height: 300px;
    /* 设置内容区域高度 */
}

.content-item {
    display: inline-block;
    width: 100vw;
    /* 每个内容项占满屏幕宽度 */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-bottom: 1px solid #eee;
}


.tab-item.active {
    font-weight: bold;
    font-size: 32rpx;
    color: #222222;
    position: relative;
}

.tab-item.active::after {
    content: '';
    width: 127rpx;
    height: 10rpx;
    background: #FF512A;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;

}

.tab-item.active::before {
    content: '';
    width: 127rpx;
    height: 10rpx;
    background: #FF5D73;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.deviceInfo {
    padding: 30rpx 20rpx;
}

.deviceInfo_Tit {
    font-weight: bold;
    font-size: 32rpx;
    color: #222222;
    margin-bottom: 30rpx;
}

.deviceInfo_Item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20rpx;
}

.deviceInfo_Item_ask {
    font-weight: 400;
    font-size: 26rpx;
    color: #999999;
    margin-right: 30rpx;
    min-width: 110rpx;
}

.deviceInfo_Item_con {
    font-weight: 400;
    font-size: 26rpx;
    color: #222222;
}

.btnList {
    display: flex;
    align-items: center;
    margin-top: 40rpx;
    color: #fff;
    justify-content: space-between;
    padding: 0 82rpx;
}

.btn {
    width: 150rpx;
    height: 50rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn1 {
    background: #FF512A;
}

.btn2 {
    background: #999999;
}

.btn3 {
    background: #D5AC66;
}

.filter_Info {
    padding: 30rpx 20rpx;
}

.lifetime-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30rpx;
}

.progress-name {
    font-weight: 400;
    font-size: 26rpx;
    color: #999999;
    width: 20%;
    white-space: nowrap;
}

.van-progress {
    width: 366rpx;
    margin-right: 19rpx;
    margin-top: 10rpx;
}

.progress {
    font-weight: 400;
    font-size: 26rpx;
    color: #FFFFFF;
    width: 90rpx;
    height: 36rpx;
    background: #FF512A;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owner{
    padding: 30rpx 20rpx;

}