water_xcx/pages/t-water/t-water.wxss

/* pages/t-water/t-water.wxss */
page {
  background-color: white;
}

.water-line {
  background-color: #F4F8FB;
  height: 16rpx;
}

.last {
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  height: 96rpx;
  width: 690rpx;
  margin: auto;
  border-bottom: 1rpx solid #e7e7e7;
}

.head-last {
  width: 690rpx;
  margin: auto;
}

.head-title {
  font-size: 28rpx;
  line-height: 48rpx;
  padding: 24rpx 0;
}

.t-checkbox {
  border-top: 1rpx solid #e7e7e7;
  padding: 24rpx 0!important;
}

.t-cell,
.t-input {
  padding: 24rpx 0!important;
}
.t-input {
  padding-right: 10rpx!important;
}

.pannel-base {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.pannel-item .last {
  margin-bottom: -13rpx;
}
.pannel-label {
  width: 160rpx;
  margin-right: 32rpx;
  font-size: 28rpx;
}

.pannel-text {
  flex: 1;
  color: #000;
  opacity: 0.9;
}
.pannel-text.empty {
  font-size: 28rpx;
  opacity: 0.26;
}

.t-cell__title-text, .t-input__label {
  font-size: 28rpx;
  color: #2C2F36;
}

.t-cell__note {
  font-size: 28rpx;
}

.water-item {
  margin: 30rpx;
  color: #2C2F36;
  font-size: 28rpx;
}

.water-item text {
  display: block;
  margin-bottom: 20rpx;
}

.t-textarea__wrapper {
  background-color: rgba(44, 47, 54, 0.05);
}

.container .t-button--base {
  width: 690rpx!important;
  margin: 0 30rpx;
}
.block {
  display: block;
}

.t-cell::after {
  border: none!important;
}

.t-input--bordered::after {
  border: none!important;
}
.card {
  position: relative;
  margin: 32rpx;
  border-radius: 12rpx;
  overflow: hidden;
  box-sizing: border-box;
  border: 3rpx solid #fff;
}

.card--active {
  border-color: #0052d9;
}

.card--active::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  border: 14px solid #0052d9;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.card__icon {
  color: #fff;
  position: absolute;
  left: 1.5px;
  top: 1.5px;
  z-index: 1;
}

/* 横向布局 */
.horizontal-box {
  display: flex;
  align-items: center;
  margin: 32rpx;
}

.horizontal-box .card {
  flex: 1;
  margin: 0;
}

.horizontal-box .card + .card {
  margin-left: 24rpx;
}

.horizontal-box .card::after {
  border-width: 12px;
}

.horizontal-box .card__icon {
  font-size: 12px;
}

.t-checkbox__border {
  border: none!important;
}

.t-checkbox__title {
  font-size: 28rpx;
}