zx_bms_uni/pages/smsAlarm/smsAlarm.css

/* pages/smsAlarm/smsAlarm.wxss */
.info-group {
    margin: 0 0rpx;
    /* border-bottom:1rpx solid #cccccc; */
    margin-left: 20rpx;
    margin-right: 20rpx;
    /* padding-top: 20rpx;
  padding-bottom: 20rpx; */
}

.list-item {
    padding: 6rpx 0rpx;
    margin-top: 20rpx;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rpx 10rpx 12rpx 0rpx rgba(178, 178, 178, 0.08);
    border-radius: 20rpx;
}

.info-text {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    margin: 10rpx 0;
    /* margin-top: 20rpx;
  margin-bottom: 20rpx; */
}

.top-group {
    margin-top: 20rpx;
    margin-bottom: 20rpx;
}

.info-text-gray {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.38);
    margin: 10rpx 0;
}

.red-text {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #f4516c;
    margin: 10rpx 0;
}

.record-view {
    border-top: 1rpx solid #f2f2f2;
    height: 80rpx;
}

.op_view {
    border-top: 1rpx solid #f2f2f2;
    height: 90rpx;
}

.item_alarm {
    color: #43cea6;
    width: 50%;
    text-align: center;
    height: 90rpx;
    line-height: 90rpx;
    font-size: 28rpx;
}

.item_record {
    color: #43cea6;
    width: 50%;
    border-left: 1rpx solid #f2f2f2;
    text-align: center;
    height: 90rpx;
    line-height: 90rpx;
    font-size: 28rpx;
}

.group-view {
    padding-left: 22rpx;
    padding-right: 22rpx;
}

.top-bar-container {
    background-color: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 80rpx;
    padding-left: 30rpx;
}

.bottom-bar-container {
    background-color: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 120rpx;
}

.config_type_view {
    margin-left: 5%;
    margin-right: 5%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    border-radius: 8rpx;
    background-color: #43cea6;
    color: #ffffff;
    flex: 1;
    font-size: 28rpx;
}

.balance_view {
    margin-left: 5%;
    margin-right: 5%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    border-radius: 8rpx;
    background-color: #f4516c;
    color: #ffffff;
    flex: 1;
    font-size: 28rpx;
}

.notice-img {
    width: 74rpx;
    height: 74rpx;
    position: absolute;
    top: 3rpx;
    right: 30rpx;
}

.modal-group {
    width: 100%;
    height: 100vh;
    background-color: rgba(27, 27, 27, 0.7);
    z-index: 9999;
    position: fixed;
}

.pop_bg_view {
    width: 80%;
    /* height: 500rpx; */
    margin-top: -80rpx;
}

.pop_view {
    width: 100%;
    /* height: 400rpx; */
    background-color: #ffffff;
    border-radius: 10rpx;
    padding-bottom: 40rpx;
}

.avatar_view {
    width: 130rpx;
    height: 130rpx;
    border-radius: 65rpx;
    background-color: #ffffff;
    margin: 0 auto;
    margin-bottom: -70rpx;
}

.avatar_img {
    width: 110rpx;
    height: 110rpx;
    margin-top: 10rpx;
    margin-left: 10rpx;
    border-radius: 50%;
}

.name_text {
    color: #797979;
    font-size: 28rpx;
    text-align: center;
    padding-top: 80rpx;
}

.red_view {
    color: #f4516c;
}

.give_view {
    font-size: 28rpx;
    font-weight: bold;
    margin-top: 25rpx;
    text-align: center;
}

.use_view {
    font-size: 26rpx;
    margin-left: 20rpx;
    margin-right: 20rpx;
    text-align: center;
    margin-top: 25rpx;
}

.use_mark {
    color: rgb(51, 51, 51, 0.38);
}

.get_wallet {
    background-color: #43cea6;
    height: 80rpx;
    line-height: 80rpx;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 28rpx;
    margin-top: 30rpx;
    border-radius: 10rpx;
}