.tea-checkbox-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  padding: 0.17067rem 0;
  -webkit-margin-end: 10rpx;
  margin-inline-end: 10rpx;
}
.tea-checkbox-wrap.tea-checkbox__wrap--block {
  display: flex;
}
.tea-checkbox-wrap.is-checked .tea-checkbox {
  background-color: #006eff;
}
.tea-checkbox-wrap.is-checked .tea-checkbox.tea-checkbox--square::after,
.tea-checkbox-wrap.is-checked .tea-checkbox::after {
  position: absolute;
  display: block;
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  top: 0;
  left: 0;
  border: 0.04267rem solid #006eff;
  border-radius: inherit;
  transform-origin: 0 0;
  transform: scale(0.5);
}
.tea-checkbox-wrap.is-checked.is-disabled .tea-checkbox {
  background-color: #a2aaad;
}
.tea-checkbox-wrap .tea-checkbox.is-checked::after,
.tea-checkbox-wrap .tea-checkbox.tea-checkbox--square::after,
.tea-checkbox-wrap .tea-checkbox::after,
.tea-checkbox-wrap.is-checked.is-disabled .tea-checkbox::after,
.tea-checkbox-wrap.is-disabled .tea-checkbox::after {
  position: absolute;
  display: block;
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  top: 0;
  left: 0;
  border: 0.04267rem solid #a2aaad;
  border-radius: inherit;
  transform-origin: 0 0;
  transform: scale(0.5);
}
.tea-checkbox-wrap.is-disabled {
  color: #bbb;
}
.tea-checkbox-wrap.is-disabled .tea-checkbox {
  background-color: #f5f5f5;
}
.tea-checkbox-wrap .tea-checkbox,
.tea-checkbox-wrap.tea-checkbox__wrap--outline {
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tea-checkbox-wrap.tea-checkbox__wrap--outline {
  width: 100%;
  height: 1.536rem;
  color: #000;
  border: 0.04267rem solid #fff;
}
.tea-checkbox-wrap.tea-checkbox__wrap--outline .tea-checkbox__label {
  margin-left: 0;
  font-size: 0.59733rem;
  line-height: 1;
}
.tea-checkbox-wrap.tea-checkbox__wrap--outline.is-checked {
  border: 0.04267rem solid #006eff;
  color: #006eff;
  background-color: #ebf4ff;
}
.tea-checkbox-wrap .tea-checkbox {
  flex-grow: 0;
  flex-shrink: 0;
  vertical-align: middle;
  width: 0.85333rem;
  height: 0.85333rem;
  box-sizing: border-box;
  border-radius: 50%;
  flex-direction: row;
  flex-wrap: nowrap;
}
.tea-checkbox-wrap .tea-checkbox.tea-checkbox--square {
  border-radius: 0;
}
.tea-checkbox-wrap .tea-checkbox.is-checked {
  background-color: #006eff;
}
.tea-checkbox-wrap .tea-checkbox.is-checked::after {
  border: 0.04267rem solid #006eff;
}
.tea-checkbox-wrap .tea-checkbox__label {
  font-size: 0.68267rem;
  margin-left: 0.34133rem;
  line-height: 1.5;
}
.tea-checkbox-wrap .tea-checkbox__label:empty {
  margin-left: 0;
}
.tea-checkbox-wrap.tea-checkbox__wrap--agreement {
  align-items: flex-start;
}
.tea-checkbox-wrap.tea-checkbox__wrap--agreement .tea-checkbox {
  width: 0.59733rem;
  height: 0.59733rem;
  margin-top: 0.128rem;
}
.tea-checkbox-wrap.tea-checkbox__wrap--agreement .tea-checkbox__label {
  font-size: 0.512rem;
  margin-left: 0.17067rem;
  line-height: 0.85333rem;
}
.tea-checkbox-group {
  font-size: 0;
  margin: 0 -0.34133rem;
}
.tea-checkbox-group.tea-checkbox-group--outline {
  display: flex;
  flex-flow: row wrap;
  word-break: keep-all;
  margin: -0.34133rem;
}
.tea-checkbox-group.tea-checkbox-group--outline > .tea-checkbox__wrap--outline {
  flex: 1;
  padding: 0.17067rem 0.85333rem;
  margin: 0.34133rem;
}
.tea-checkbox-group > .tea-checkbox-wrap {
  margin: 0 0.34133rem;
}
.tea-checkbox-group > .tea-checkbox__wrap--outline,
.tea-form .tea-form__wrap > .tea-checkbox-group {
  margin: 0;
}
.tea-list__footer,
.tea-list__title {
  font-size: 0.59733rem;
  color: #888;
  padding: 0.34133rem 0.68267rem;
  background-color: #d5d5d6;
  height: 15px;
  line-height: 15px;
  background: #ececec;
  color: #333;
}
.tea-list .tea-list__wrap > .tea-checkbox-group {
  margin: 0;
}
.tea-list-divider {
  position: relative;
  font-size: 0;
  height: 0.34133rem;
  border: 0.04267rem solid #fff;
  z-index: 1;
  margin-top: -0.04267rem;
}
.tea-item {
  position: relative;
  display: flex;
  width: 100%;
  height: 2.048rem;
  line-height: 1.5;
  padding: 0.512rem 0.68267rem;
  background-color: #fff;
  align-items: center;
  box-sizing: border-box;
}
.tea-item.size-lg {
  height: 3.072rem;
}
.tea-item.size-auto {
  height: auto;
  align-items: stretch;
}
.tea-item.is-required:before {
  position: absolute;
  content: "*";
  font-size: inherit;
  left: 0.29867rem;
  color: #ff584c;
}
.tea-item.is-clickable:active {
  background-color: #e4e5e9;
}
.tea-item.tea-hairline--bottom::after {
  left: 0.68267rem;
}
.tea-item.tea-hairline--bottom:last-child::after {
  display: none;
}
.tea-item.tea-hairline--bottom.with-icon::after {
  left: 2.21867rem;
}
.tea-item.tea-hairline--bottom.with-thumb::after {
  left: 4.43733rem;
}
.tea-item__left-icon {
  display: flex;
  margin-right: 0.512rem;
  align-items: center;
}
.tea-item__body {
  flex: 1 1 auto;
}
.tea-item__title {
  font-size: 0.68267rem;
  color: #000;
}
.tea-item__description {
  font-size: 0.512rem;
  color: #888;
}
.tea-item__title + .tea-item__description {
  margin-top: 0.17067rem;
}
.tea-item.size-lg .tea-item__body,
.tea-item.size-lg .tea-item__description,
.tea-item.size-lg .tea-item__title,
.tea-item.size-lg .tea-item__value,
.tea-item.size-md .tea-item__body,
.tea-item.size-md .tea-item__description,
.tea-item.size-md .tea-item__title,
.tea-item.size-md .tea-item__value,
.tea-item.size-sm .tea-item__body,
.tea-item.size-sm .tea-item__description,
.tea-item.size-sm .tea-item__title,
.tea-item.size-sm .tea-item__value {
  width: auto;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tea-item.size-auto .tea-item__body,
.tea-item.size-auto .tea-item__description,
.tea-item.size-auto .tea-item__title {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.tea-item__thumb--left,
.tea-item__thumb--right {
  display: flex;
  width: 3.072rem;
  height: inherit;
  flex: 0 0 auto;
  flex-direction: column;
}
.tea-item__thumb--left .tea-item__thumb,
.tea-item__thumb--right .tea-item__thumb {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.tea-item__thumb--left .tea-item__thumb-image,
.tea-item__thumb--right .tea-item__thumb-image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: auto;
  height: auto;
  max-height: 100%;
}
.tea-item__thumb--left {
  margin-right: 0.68267rem;
}
.tea-item__thumb--right {
  margin-left: 0.68267rem;
}
.tea-item__value {
  flex: 1 0 25%;
  font-size: 0.68267rem;
  color: #888;
  margin-left: 0.34133rem;
  text-align: right;
}
.tea-item__value .tea-icon,
.tea-item__value .tea-switch {
  vertical-align: middle;
}
.tea-item__body:empty,
.tea-item__value:empty {
  display: none;
}
.tea-item__body:empty + .tea-item__value {
  flex: 1;
  margin-left: 0;
}
.tea-item__right-icon {
  display: flex;
  margin-right: -0.34133rem;
  align-items: center;
}
.tea-item__detail-icon {
  margin-left: auto;
  margin-right: -0.34133rem;
}
.tea-item__detail-icon--vertical {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.at-indexes__menu {
  overflow: auto;
  max-height: 100vh;
}
.tea-checkbox-wrap.is-checked .tea-checkbox {
  background-image: url('../assets/images/icon/checked.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px;
}
.tea-backdrop__overlay {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
}
.tea-backdrop.is-shown .tea-backdrop__overlay {
  visibility: visible;
  opacity: 1;
}
.tea-popup .tea-popup__container {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 200;
  display: none;
  transition: all 300ms ease;
}
.tea-popup .tea-popup__container.is-shown {
  display: block;
}
.tea-popup .tea-popup__container.top {
  top: 0;
  transform: translateY(-100%);
}
.tea-popup .tea-popup__container.top.is-expanded {
  transform: translateY(0);
}
.tea-popup .tea-popup__container.center {
  top: 50%;
  border-radius: 0;
  transform: translateY(-50%) scale(0.75);
  opacity: 0;
}
.tea-popup .tea-popup__container.center.is-expanded {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.tea-popup .tea-popup__container.bottom {
  bottom: 0;
  transform: translateY(100%);
}
.tea-popup .tea-popup__container.bottom.is-expanded {
  transform: translateY(0);
}
.taro-scroll-picker {
  position: relative;
  height: 100%;
}
.taro-scroll-picker > .tea-checkbox-group {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.taro-scroll-picker > .tea-checkbox-group .at-indexes__menu {
  height: 100%;
  position: absolute;
  max-height: 100%;
}
.taro-scroll-picker .select-all {
  position: sticky;
}
.index-item .checkBoxItemLeft {
  width: 100%;
}
.index-item .checkBoxItemRight {
  width: 100%;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-right: 40px;
  box-sizing: border-box;
}
.popupPicker .tea-popup__container {
  width: 100%;
  background-color: white;
  z-index: 999;
  max-height: 80%;
  overflow: scroll;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  height: 100%;
}
.popTitle {
  position: relative;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
}
.popTitle img {
  position: absolute;
  left: 15px;
  top: 20px;
  font-size: 10px;
  width: 13px;
  height: 10px;
}
.popTitle .titleName {
  text-align: center;
}
.select-all-text {
  font-size: 10px;
  text-align: right;
  color: #5887f1;
  padding-right: 10px;
  margin-bottom: 10px;
}
.select-all-text .tea-checkbox-wrap .tea-checkbox__label {
  font-size: 13px;
}
.select-all-text .part .tea-checkbox {
  background-image: url('../../assets//images/icon/row.svg');
  background-color: #006eff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}
.select-all-text .all .tea-checkbox {
  background-image: url('../../assets//images/icon/checked.svg');
  background-color: #006eff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}
.select-all-text .empty .tea-checkbox {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
  background-image: none;
  background-color: white;
}
.at-indexes__menu .at-indexes__menu-item {
  font-size: 10px;
}