nutui-taro-upgrade/dist/packages/address/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-elevator{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-elevator__list__item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-elevator__list__item__code{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-elevator__list__fixed{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-elevator{width:100%;display:block;position:relative}.nut-elevator__list{display:block;position:relative;overflow:auto}.nut-elevator__list::-webkit-scrollbar{display:none;width:0}.nut-elevator__list__item{display:block;font-size:var(--nut-elevator-list-item-font-size, 12px);color:var(--nut-elevator-list-item-font-color, #333333)}.nut-elevator__list__item__code{display:flex;position:relative;height:var(--nut-elevator-list-item-code-height, 35px);line-height:var(--nut-elevator-list-item-code-line-height, 35px);font-size:var(--nut-elevator-list-item-code-font-size, 14px);color:var(--nut-elevator-list-item-code-font-color, #1a1a1a);padding:var(--nut-elevator-list-item-code-padding, 0 20px);font-weight:var(--nut-elevator-list-item-code-font-weight, 500);box-sizing:border-box}.nut-elevator__list__item__code::after{content:" ";width:var(--nut-elevator-list-item-code-after-width, 100%);height:var(--nut-elevator-list-item-code-after-height, 1px);position:absolute;left:0;bottom:0;background-color:var(--nut-elevator-list-item-code-after-bg-color, #f5f5f5)}.nut-elevator__list__item__name{display:flex;align-items:center;padding:var(--nut-elevator-list-item-name-padding, 0 20px);height:var(--nut-elevator-list-item-name-height, 30px);line-height:var(--nut-elevator-list-item-name-line-height, 30px)}.nut-elevator__list__item__name--highcolor{color:var(--nut-elevator-list-item-highcolor, var(--nut-primary-color, #fa2c19))}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;padding:var(--nut-elevator-list-item-code-padding, 0 20px);height:var(--nut-elevator-list-item-code-height, 35px);line-height:var(--nut-elevator-list-item-code-line-height, 35px);font-size:var(--nut-elevator-list-item-code-font-size, 14px);color:var(--nut-elevator-list-fixed-color, var(--nut-primary-color, #fa2c19));font-weight:var(--nut-elevator-list-item-code-font-weight, 500);background-color:var(--nut-elevator-list-fixed-bg-color, var(--nut-white, #fff));box-sizing:border-box;box-shadow:var(--nut-elevator-list-fixed-box-shadow, 0 0 10px #eee);z-index:1}.nut-elevator__code--current{position:var(--nut-elevator-list-item-code-current-position, absolute);right:var(--nut-elevator-list-item-code-current-right, 60px);top:var(--nut-elevator-list-item-code-current-top, 50%);transform:var(--nut-elevator-list-item-code-current-transform, translateY(-50%));width:var(--nut-elevator-list-item-code-current-width, 45px);height:var(--nut-elevator-list-item-code-current-height, 45px);line-height:var(--nut-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nut-elevator-list-item-code-current-border-radius, 50%);background:var(--nut-elevator-list-item-code-current-bg-color, #fff);box-shadow:var(--nut-elevator-list-item-code-current-box-shadow, 0 3px 3px 1px rgb(240, 240, 240));text-align:var(--nut-elevator-list-item-code-current-text-align, center)}.nut-elevator__bars{position:var(--nut-elevator-list-item-bars-position, absolute);right:var(--nut-elevator-list-item-bars-right, 8px);top:var(--nut-elevator-list-item-bars-top, 50%);transform:var(--nut-elevator-list-item-bars-transform, translateY(-50%));padding:var(--nut-elevator-list-item-bars-padding, 15px 0);background-color:var(--nut-elevator-list-item-bars-background-color, #eeeff2);border-radius:var(--nut-elevator-list-item-bars-border-radius, 6px);text-align:var(--nut-elevator-list-item-bars-text-align, center);z-index:var(--nut-elevator-list-item-bars-z-index, 1)}.nut-elevator__bars__inner__item{display:block;padding:var(--nut-elevator-list-item-bars-inner-item-padding, 3px);font-size:var(--nut-elevator-list-item-bars-inner-item-font-size, 10px)}.nut-elevator__bars__inner__item.active{color:var(--nut-elevator-list-item-bars-inner-item-active-color, var(--nut-primary-color, #fa2c19))}.nut-theme-dark .nut-address__header{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-address__header__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-address .nut-address__custom .nut-address__region{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-address .nut-address__custom .nut-address__detail .nut-address__detail-list .nut-address__detail-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-group-list .nut-address__exist-group-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-address .nut-address__exist .nut-address__exist-choose{border-top:1px solid var(--nut-dark-background, #131313)}.nut-theme-dark .nut-address-custom-buttom{border-top:1px solid var(--nut-dark-background, #131313)}.nut-address{display:block}.nut-address__header{display:flex;justify-content:space-between;align-items:center;height:68px;padding:0 20px;text-align:center;font-weight:bold;color:#333}.nut-address__header__title{display:block;color:var(--nut-address-header-title-color, #262626);font-size:var(--nut-address-header-title-font-size, 18px)}.nut-address .nut-address__custom{display:block}.nut-address .nut-address__custom .nut-address__region{position:relative;padding:0 20px;display:flex;font-size:var(--nut-address-region-tab-font-size, 13px);color:var(--nut-address-region-tab-color, #1d1e1e)}.nut-address .nut-address__custom .nut-address__region .nut-address__region-item{position:relative;min-width:2px;margin-right:30px;display:block}.nut-address .nut-address__custom .nut-address__region .nut-address__region-item.active{font-weight:var(--nut-address-region-tab-active-item-font-weight, bold)}.nut-address .nut-address__custom .nut-address__region .nut-address__region-item view{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-address .nut-address__custom .nut-address__region .nut-address__region-item span{display:inline-block;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-address .nut-address__custom .nut-address__region .nut-address__region-item .nut-address__region-line--mini{position:absolute;bottom:-10px;left:0px;display:inline-block;margin-top:5px;width:0;height:3px;background:var(--nut-address-region-tab-line, linear-gradient(90deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%));transition:.2s all linear}.nut-address .nut-address__custom .nut-address__region .nut-address__region-item .nut-address__region-line--mini.active{width:26px}.nut-address .nut-address__custom .nut-address__region .nut-address__region-line{position:absolute;bottom:-10px;left:20px;display:inline-block;margin-top:5px;width:26px;height:3px;background:var(--nut-address-region-tab-line, linear-gradient(90deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%));transition:.2s all linear;border-radius:var(--nut-address-region-tab-line-border-radius, 0);opacity:var(--nut-address-region-tab-line-opacity, 1)}.nut-address .nut-address__custom .nut-address__detail{display:block;margin:20px 20px 0}.nut-address .nut-address__custom .nut-address__detail .nut-address__detail-list{padding-top:15px;height:270px;box-sizing:border-box;padding:0}.nut-address .nut-address__custom .nut-address__detail .nut-address__detail-list .nut-address__detail-item{display:flex;align-items:center;font-size:var(--nut-address-region-item-font-size, var(--nut-font-size-1, 12px));color:var(--nut-address-region-item-color, #333)}.nut-address .nut-address__custom .nut-address__detail .nut-address__detail-list .nut-address__detail-item.active{font-weight:bold}.nut-address .nut-address__custom .nut-address__detail .nut-address__detail-list .nut-address__detail-item>div{display:flex;align-items:center;margin:10px 0}.nut-address .nut-address__custom .nut-address__elevator-group{display:flex;margin-top:20px}.nut-address .nut-address__exist{display:block;margin-top:15px}.nut-address .nut-address__exist .nut-address__exist-group{padding:15px 20px 0;height:279px;overflow-y:scroll}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-group-list{box-sizing:border-box;padding:0}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-group-list .nut-address__exist-group-item{display:flex;align-items:center;margin-bottom:20px;font-size:var(--nut-font-size-1, 12px);line-height:14px;color:#333}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-group-list .nut-address__exist-group-item.active{font-weight:bold}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-group-list .nut-address__exist-group-item .exist-item-icon{margin-right:var(--nut-address-item-margin-right, 9px);color:var(--nut-address-icon-color, var(--nut-primary-color, #fa2c19)) !important}.nut-address .nut-address__exist .nut-address__exist-group .nut-address__exist-group-list .nut-address__exist-group-item span{display:inline-block;flex:1}.nut-address .nut-address__exist .nut-address__exist-choose{width:100%;height:54px;padding:6px 0px 0;border-top:1px solid #f2f2f2}.nut-address .nut-address__exist .nut-address__exist-choose .nut-address__exist-choose-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));border-radius:21px;font-size:15px;color:var(--nut-white, #fff)}.nut-address-select-icon{margin-right:var(--nut-address-item-margin-right, 9px);color:var(--nut-address-icon-color, var(--nut-primary-color, #fa2c19)) !important}