zx_bms_uni/pages/willExpire/willExpireDevice.css

/* pages/willExpire/willExpireDevice.wxss */
.shop-container {
    width: 80vw;
    height: 100vh;
    background: #f8f8f8;
}

.show-shop-btn {
    position: fixed;
    bottom: 60rpx;
    left: 0rpx;
    background-color: #0cc191;
    color: #fff;
    font-weight: bolder;
    text-align: center;
    height: 60rpx;
    width: 100rpx;
    line-height: 60rpx;
    border-radius: 0 60rpx 60rpx 0;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.collapse-item-title {
    font-size: 12px;
    color: #737373;
    /* font-weight: bold; */
}
.collapse-item {
    padding: 8px 0 8px 24px;
    border-top: 1px solid #f8f8f8;
}

.selectedTitle {
    color: #0cc191;
}

.mov-area {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}

/* battery item */
.i-tag {
    margin-left: 10rpx;
    color: white;
    padding: 0 8rpx;
    font-size: 18rpx;
    border-radius: 6rpx;
}
.i-tag-red {
    background-color: #ed3f14;
}
.i-tag-green {
    background-color: #2d8cf0;
}
.shop-name {
    color: #2d8cf0;
    font-size: 24rpx;
}
.status-container {
    background-color: #fff;
}
.i-status-item {
    padding: 21rpx 12rpx;
    font-weight: 500;
    border-bottom: solid 4rpx #fff;
}
.selected-item {
    border-bottom: solid 4rpx #45c358;
    color: #45c358;
}
.battery-icon-img {
    width: 80rpx;
    height: 80rpx;
}
.battery-icon {
    width: 129rpx;
    height: 129rpx;
    background: rgba(255, 255, 255, 1);
    border: 1rpx solid rgba(208, 208, 208, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8rpx;
}
.battery-info {
    /* width: 100%; */
    margin-left: 29rpx;
}
.battery-name {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
}
.battery-text {
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    margin: 10rpx 0;
}
.battery-info-img {
    width: 22rpx;
    height: 22rpx;
}
.litter-e-quantity {
    font-size: 9px;
    border: solid 1px #cecece;
    background-color: #f8f8f8;
    border-radius: 5px;
    width: 70rpx;
    height: 30rpx;
    line-height: 30rpx;
    text-align: center;
}
.battery-macid {
    font-size: 11px;
    margin-bottom: 5px;
}
.battery-com {
    width: 177rpx;
}
.dianliang-icon-i {
    width: 4rpx;
    height: 14rpx;
    margin-right: 4rpx;
}
.sd-icon {
    width: 12rpx;
    height: 16rpx;
    margin-right: 14rpx;
}
.dianliang-num {
    color: #333333;
    font-weight: 400;
    font-size: 20rpx;
    margin-left: 9rpx;
}
.b-day {
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 14rpx;
}
.b-status {
    width: 137rpx;
    height: 48rpx;
    line-height: 48rpx;
    background: linear-gradient(to right, rgb(64, 187, 85), rgb(114, 217, 130));
    font-weight: 400;
    font-size: 26rpx;
    color: #fff;
    text-align: center;
    border-radius: 24rpx 0 0 24rpx;
}
.b-status-xf {
    background: linear-gradient(to right, rgb(255, 112, 17), rgb(251, 163, 44));
}
.battery-item {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rpx 10rpx 12rpx 0rpx rgba(178, 178, 178, 0.08);
    border-radius: 20rpx;
    margin-bottom: 20rpx;
    position: relative;
    padding: 20rpx 0;
}
.batter-info-group {
    margin: 0 22rpx;
}
.op-group {
    padding-top: 23rpx;
}
.op-item {
    text-align: center;
}
.op-icon {
    width: 36rpx;
    height: 36rpx;
}
.op-des {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
}
.batterylist-container {
    padding: 22rpx 18rpx;
}
.battery-select-container {
    position: absolute;
    top: 10rpx;
    right: 20rpx;
}
.check-icon {
    width: 38rpx;
    height: 38rpx;
    vertical-align: middle;
}
.surplus-days {
    margin-top: 10rpx;
}
.battery-info-left {
    width: 100%;
}
.battery-info-right {
    white-space: nowrap;
}
.battery-info {
    position: absolute;
    margin: 0 22rpx;
    padding: 20rpx 0;
    right: 0;
    top: 0;
}
/* battery item end */

.top-bar-container {
    /* height: 64px; */
    background-color: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.system-stauts-bar,
.system-navigator {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}
.system-stauts-bar {
    height: 42rpx;
    padding: 0 20rpx;
    font-size: 26rpx;
    color: #fff;
    background-color: #0ac38e;
}
.system-navigator {
    height: 98rpx;
    padding: 26rpx 20rpx;
    background-color: #0ac38e;
}
.bar-shop-icon {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    top: 28rpx;
    left: 80rpx;
}
.space-height {
    height: 300rpx;
}
.add-height {
    height: 270rpx;
}
.shop-info-container {
    padding-top: 40rpx;
    text-align: center;
}
.shop-head-icon {
    width: 100rpx;
    height: 100rpx;
    border-radius: 50rpx;
}
.shop-head-name {
    font-size: 24rpx;
    margin-bottom: 30rpx;
}

.def-nav-container {
    padding: 20rpx 30rpx;
    padding-bottom: 20rpx;
    box-shadow: 0px 6rpx 10rpx 0px rgba(192, 192, 192, 0.16);
}
.order-type-container {
}
.order-type-item {
    font-size: 28rpx;
}
.order-type-selected {
    color: #0cc191;
}

.batch-container {
    background-color: #fff;
}
.bath-op {
    margin-top: 22rpx;
}
.batch-transfer-btn,
.batch-alter-btn,
.batch-cancel-btn {
    font-size: 24rpx;
    color: #fff;
    border-radius: 10rpx;
    padding: 8rpx 20rpx;
}
.batch-transfer-btn {
    background-color: #19be6b;
}
.batch-alter-btn {
    background-color: #ff9900;
    margin: 0 20rpx;
}
.batch-cancel-btn {
    background-color: #2b85e4;
}
.search-container {
    white-space: nowrap;
    background-color: #fff;
    padding: 20rpx;
}
.search-control {
    width: 100%;
}
.input-search {
    border: solid 1px #f8f8f8;
    width: 100%;
    margin: 0 20rpx;
    padding: 4rpx 10rpx;
    border-radius: 2px;
}
.btn-search {
    margin: 0 20rpx;
    padding: 4rpx 10rpx;
    color: #0cc191;
}
.return-icon {
    width: 40rpx;
    height: 40rpx;
    padding-right: 24rpx;
    position: absolute;
    top: 28rpx;
    left: 20rpx;
}
.battery-credit {
    height: 48rpx;
    background: rgba(17, 191, 150, 1);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    position: absolute;
    top: 32rpx;
    right: 0;
    padding: 0 20rpx;
    padding-left: 50rpx;
    color: #fff;
}
.group-item {
    padding: 0 20rpx;
}
.group-leaf-icon {
    width: 40rpx;
    height: 40rpx;
    margin-right: 4rpx;
    transition: transform 0.2s ease-in-out;
}
.group-select-icon {
    width: 40rpx;
    height: 40rpx;
    margin-right: 10rpx;
}
.group-text {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 46rpx;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 15rpx 10rpx;
    text-align: left;
}
.group-text::after {
    border: 0;
}
.top-title {
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    width: 100%;
}

.red-text {
    color: #ed3f14;
}