.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: .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: .04267rem solid #006eff;
    border-radius: inherit;
    transform-origin: 0 0;
    transform: scale(.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: .04267rem solid #a2aaad;
    border-radius: inherit;
    transform-origin: 0 0;
    transform: scale(.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: .04267rem solid #fff
}

.tea-checkbox-wrap.tea-checkbox__wrap--outline .tea-checkbox__label {
    margin-left: 0;
    font-size: .59733rem;
    line-height: 1
}

.tea-checkbox-wrap.tea-checkbox__wrap--outline.is-checked {
    border: .04267rem solid #006eff;
    color: #006eff;
    background-color: #ebf4ff
}

.tea-checkbox-wrap .tea-checkbox {
    flex-grow: 0;
    flex-shrink: 0;
    vertical-align: middle;
    width: .85333rem;
    height: .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: .04267rem solid #006eff
}

.tea-checkbox-wrap .tea-checkbox__label {
    font-size: .68267rem;
    margin-left: .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: .59733rem;
    height: .59733rem;
    margin-top: .128rem
}

.tea-checkbox-wrap.tea-checkbox__wrap--agreement .tea-checkbox__label {
    font-size: .512rem;
    margin-left: .17067rem;
    line-height: .85333rem
}

.tea-checkbox-group {
    font-size: 0;
    margin: 0 -.34133rem
}

.tea-checkbox-group.tea-checkbox-group--outline {
    display: flex;
    flex-flow: row wrap;
    word-break: keep-all;
    margin: -.34133rem
}

.tea-checkbox-group.tea-checkbox-group--outline>.tea-checkbox__wrap--outline {
    flex: 1;
    padding: .17067rem .85333rem;
    margin: .34133rem
}

.tea-checkbox-group>.tea-checkbox-wrap {
    margin: 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: .59733rem;
    color: #888;
    padding: .34133rem .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: .34133rem;
    border: .04267rem solid #fff;
    z-index: 1;
    margin-top: -.04267rem
}

.tea-item {
    position: relative;
    display: flex;
    width: 100%;
    height: 2.048rem;
    line-height: 1.5;
    padding: .512rem .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: .29867rem;
    color: #ff584c
}

.tea-item.is-clickable:active {
    background-color: #e4e5e9
}

.tea-item.tea-hairline--bottom::after {
    left: .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: .512rem;
    align-items: center
}

.tea-item__body {
    flex: 1 1 auto
}

.tea-item__title {
    font-size: .68267rem;
    color: #000
}

.tea-item__description {
    font-size: .512rem;
    color: #888
}

.tea-item__title+.tea-item__description {
    margin-top: .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: .68267rem
}

.tea-item__thumb--right {
    margin-left: .68267rem
}

.tea-item__value {
    flex: 1 0 25%;
    font-size: .68267rem;
    color: #888;
    margin-left: .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: -.34133rem;
    align-items: center
}

.tea-item__detail-icon {
    margin-left: auto;
    margin-right: -.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 .3s ease;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(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(.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;
    // overflow: auto;
    height: 100%;
    // height: 100vh;

    > .tea-checkbox-group {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: auto;
        .at-indexes__menu{
            height: 100%;
            position: absolute;
            max-height: 100%;
        }
    }
    .select-all{
        position: sticky;
    }
}