/* component/faultItem/faultItem.wxss */ .item_bg { width: 701rpx; height: 169rpx; background: #ffffff; border-radius: 7rpx; box-shadow: 0px 1rpx 17rpx 0px rgba(0, 0, 0, 0.16); display: flex; flex-direction: row; margin-bottom: 15rpx; margin-top: 15rpx; } .fault_status_wait { width: 134rpx; height: 169rpx; background: #f5a725; border-radius: 7rpx 0px 0px 7rpx; box-shadow: 0px 1rpx 17rpx 0px rgba(0, 0, 0, 0.16); display: flex; justify-content: center; align-items: center; } .fault_status_repair { width: 134rpx; height: 169rpx; background: #64C55A; border-radius: 7rpx 0px 0px 7rpx; box-shadow: 0px 1rpx 17rpx 0rpx rgba(0, 0, 0, 0.16); display: flex; justify-content: center; align-items: center; } .fault_status_over { width: 134rpx; height: 169rpx; background: #CCCCCC; border-radius: 7rpx 0px 0px 7rpx; box-shadow: 0px 1rpx 17rpx 0px rgba(0, 0, 0, 0.16); display: flex; justify-content: center; align-items: center; } .fault_status_text { font-size: 30rpx; font-weight: 400; color: #ffffff; letter-spacing: 0.3rpx; line-height: 42rpx; } .fault_info_layout { height: 139rpx; width: 567rpx; display: flex; flex-direction: column; justify-content: space-between; align-self: center; } .fault_info_layout_item_bg { flex-direction: row; display: flex; justify-content: start; align-items: flex-start; margin-left: 17rpx; } .fault_info_layout_item_icon { width: 25rpx; height: 25rpx; } .fault_info_layout_item_text { margin-left: 19rpx; font-size: 22rpx; font-weight: 400; }