.zui-cell {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: $h-gap-lg $v-gap-md;
	&::after {
		position: absolute; 
		content: '';
		width: 100%;
		left: 0;
		bottom: 0;
		height: 1px;
		background-color: $color-border;
		-webkit-transform: scale(1, 0.5);
		transform: scale(1, 0.5);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}
  overflow: hidden;
  background-color: #fff;
	&--clickable {
		cursor: pointer;
		transition: background-color 150ms;
		&.active {
			background-color: $bg-active;
		}
	}
	&__left-icon, &__right-icon {
		display: flex;
		align-items: center;
		font-size: 42upx;
	}
	&__left-icon {
		margin-left: $v-gap-sm;
	}
	&__right-icon {
		margin-left: $v-gap-sm;
		color: $color-disabled;
	}
	&__title, &__value {
		display: flex;
	}
	&__title {
    flex: auto;
	  flex-direction: column;
	  justify-content: center;
    min-width: 150upx;
    padding-right: 10upx;
    box-sizing: border-box;
	}
	&__value {
    flex: auto;
	  align-items: center;
	  justify-content: flex-end;
		position: relative;
		overflow: hidden;
		color: $color-text-minor;
		text-align: right;
		vertical-align: middle;
		word-wrap: break-word;
	}
	&__label {
		padding-top: $h-gap-sm;
		color: $color-minor;
		font-size: $font-sm;
	}
}