zx_bms_uni/pages/device/device1.css

/* pages/device/device.wxss */

.shop-container {
    width: 60vw;
    height: 100vh;
    background: #fff;
}
.xxxxx {
    background-color: blue;
}

.show-shop-btn {
    position: fixed;
    bottom: 60rpx;
    left: 0rpx;
    background-color: #2d8cf0;
    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; */
}
.selectedTitle {
    color: #2d8cf0;
}

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

.list-group {
    margin-top: 10px;
    padding: 0 18rpx;
    font-size: 24rpx;
}
.list-item {
    margin-bottom: 12px;
    background-color: #fff;
    padding: 0 10px;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
}
.list-item-head {
    padding: 8px 0;
    border-bottom: solid 1px #f8f8f8;
}
.shop-name {
    color: #2d8cf0;
}
.form-item {
    padding: 5px 0;
}
.form-value {
    color: #999;
}
.pay-money {
    color: #f56c6c;
}
.list-item-body {
    padding-bottom: 5px;
}
.list-item-footer {
    border-top: solid 1px #f8f8f8;
    padding: 10px 0;
}
.op-btn {
    background-color: #67c23a;
    color: #fff;
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 12px;
    /* box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); */
    border: solid 1px rgb(95, 179, 53);
}

.car-icon {
    width: 40rpx;
    height: 40rpx;
    margin-right: 10rpx;
}
.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;
}

/* battery item */
.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: 109rpx;
    height: 94rpx;
}
.battery-icon {
}
.battery-info {
    width: 100%;
    margin-left: 29rpx;
}
.battery-name {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
}
.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: 26rpx;
    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-color: #fff;
    border-radius: 8rpx;
    box-shadow: 0px 6rpx 10rpx 0px rgba(192, 192, 192, 0.16);
    margin-bottom: 20rpx;
}
.batter-info-group {
    padding: 35rpx 16rpx;
}
.op-group {
    border-top: solid 1rpx #f8f8f8;
    padding: 35rpx 0;
}
.op-icon {
    width: 38rpx;
    height: 38rpx;
}
.op-des {
    font-size: 28rpx;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-left: 9rpx;
}
.batterylist-container {
    padding: 22rpx 18rpx;
}
/* battery item end */