@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 25 kB
CSS
.nut-overlay{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overflow-hidden{overflow:hidden}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-popup{position:fixed;min-height:26%;max-height:100%;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff)));-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-2, 15px)}.nut-popup-title{display:flex;flex-direction:row;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));position:relative}.nut-popup-title-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-popup-title-title{color:var(--nutui-color-title, #0d0d0d);font-weight:var(--nutui-font-weight-bold, 700);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-3, 17px));line-height:var(--nutui-popup-title-font-size, var(--nutui-font-size-3, 17px))}.nut-popup-title-description{color:var(--nutui-color-text, #666666);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-2, 15px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-description-gap{margin-top:var(--nutui-popup-description-spacing, var(--nutui-spacing-base, 8px))}.nut-popup-title-left{position:absolute;top:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-title-right{position:absolute;top:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));right:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));z-index:1;width:var(--nutui-popup-icon-size, var(--nutui-icon-font-size, 16px));height:var(--nutui-popup-icon-size, var(--nutui-icon-font-size, 16px));color:var(--nutui-color-title, #0d0d0d);cursor:pointer}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));bottom:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-center{top:50%;left:50%;min-height:10%;max-width:295px;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px))}.nut-popup-bottom,.nut-popup-top{max-height:87%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) 0 0}.nut-popup-right{top:0;right:0;width:100px;height:100%}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) 0 0 var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px))}.nut-popup-left{top:0;left:0;width:100px;height:100%}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px))}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-none-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-none-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-none-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-popup-bottom,.nut-popup-top{max-height:var(--nutui-popup-max-height, 80%);min-height:var(--nutui-popup-min-height, 36%)}.nut-popup-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup{overflow:hidden}.nut-popup-title{padding:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-title-title{line-height:24px;height:24px}.nut-popup-title-left{left:var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px));color:var(--nutui-color-text, #666666)}.nut-popup-title-right{display:flex;align-items:center;right:var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px));color:var(--nutui-color-text, #666666);height:var(--nutui-popup-title-height, inherit);width:fit-content}.nut-popup-title-right-bottom-right{top:var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px));right:var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px))}.nut-popup-title-right-top-left,.nut-popup-title-right-bottom-left{top:var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px));left:var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px))}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-background-color, #fff);color:var(--nutui-color-title, #0d0d0d);padding:var(--nutui-tabs-tabpane-padding, var(--nutui-spacing-3, 16px));box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 48px);-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden;background:var(--nutui-tabs-titles-background-color, transparent);scrollbar-width:none}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-left .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-right .nut-tabs-titles-item{padding:0 22px}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 var(--nutui-tabs-titles-gap, var(--nutui-spacing-3, 16px));height:var(--nutui-tabs-titles-height, 48px);line-height:var(--nutui-tabs-titles-height, 48px);min-width:var(--nutui-tabs-titles-item-min-width, 34px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 17px));color:var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #0d0d0d));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item .nut-icon{color:var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #0d0d0d))}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{color:var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #0d0d0d))}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";left:50%;transform:translate(-50%);bottom:var(--nutui-tabs-line-bottom, 2px);border-radius:var(--nutui-tabs-line-border-radius, 3px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:20px;width:100%;height:100%}.nut-tabs-titles-item-active .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #006dfc))}.nut-tabs-titles-item-active .nut-tabs-titles-item-text{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #006dfc));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 700))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 28px);height:var(--nutui-tabs-tab-line-height, 4px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #006dfc))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #006dfc))}.nut-tabs-titles-item-disabled,.nut-tabs-titles-item-disabled .nut-icon,.nut-tabs-titles-item-disabled .nut-tabs-titles-item-text{color:var(--nutui-color-text-disabled, #999999)}.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon{color:var(--nutui-color-title, #0d0d0d);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-3, 17px))}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 700);background-color:#fff;border-radius:var(--nutui-radius-2, 12px) var(--nutui-radius-2, 12px) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item{padding:0 10px}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:28px;display:flex;align-items:center;justify-content:center;padding:0 8px}.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background:var(--nutui-color-default-light);color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #006dfc));border-radius:var(--nutui-tabs-button-border-radius, var(--nutui-radius-1, 8px));font-weight:var(--nutui-font-weight-bold, 700);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-background, #e6f0ff));border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #006dfc))}.nut-tabs-titles-divider{border-bottom:1px solid var(--nutui-color-border, #e6e6e6)}.nut-tabs-titles-divider .nut-tabs-titles-item{position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-color-border, #e6e6e6);transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-vertical .nut-tabs-ellipsis{white-space:break-spaces;padding-left:6px;width:90px;line-height:var(--nutui-font-size-2, 15px)}.nut-tabs-vertical .nut-tabs-titles{flex-direction:column;height:100%;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list{flex-direction:column}.nut-tabs-vertical .nut-tabs-titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line-vertical{top:50%}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff)))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, var(--nutui-color-primary, #006dfc)) 0%, var(--nutui-color-primary-light-pressed, var(--nutui-color-primary-background, #e6f0ff)) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-12px;bottom:-2%;left:auto;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;height:var(--nutui-tabs-titles-height, 48px);width:100%;padding:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{flex-direction:row;height:auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%);width:var(--nutui-tabs-tab-line-width, 28px);height:var(--nutui-tabs-tab-line-height, 4px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #006dfc))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}[dir=rtl] .nut-tabs-titles-item-smile,[dir=rtl] .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item:after,.nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item:after{right:auto;left:0}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item{padding-left:0;padding-right:14px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:10px}[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:-12px;right:auto;transform:rotate(-320deg)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:50%;left:auto;transform:translate(50%) rotate(0)}.nut-tabs .nut-tabs-content-no-animate .nut-tabs-content-inactive{display:none}.nut-tabs .nut-tabs-content-no-animate .nut-tabs-content-active{display:block}.nut-tabs .nut-tabs-titles-item-text{height:32px;line-height:32px;display:flex;align-items:center}.nut-tabs .nut-tabs-titles-item-text-icon{margin-right:var(--nutui-spacing-0, 4px)}.nut-tabs .nut-tabs-titles-item-text-icon img{vertical-align:inherit}.nut-tabs .nut-tabs-titles-button{background-color:transparent}.nut-tabs .nut-tabs-titles-button .nut-tabs-titles-item{font-size:var(--nutui-tabs-tab-button-font-size, var(--nutui-font-size-2, 15px));padding:0 6px}.nut-tabs .nut-tabs-titles-button .nut-tabs-titles-item-text{height:var(--nutui-tabs-button-border-radius, 32px);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-background, #f8f8f8));border-radius:var(--nutui-tabs-button-border-radius, var(--nutui-radius-1, 8px));box-sizing:border-box;border:1px solid transparent}.nut-tabs .nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background-color:#fff;border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #006dfc))}.nut-tabs .nut-tabs-titles-button-solid{--nutui-tabs-button-active-border: 1px solid transparent}.nut-tabs .nut-tabs-titles-button-solid .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-background, #e6f0ff))}.nut-tabs-fix-width .nut-tabs-titles-item{flex:none}.nut-tabs-titles-card .nut-tabs-titles-item-active{background-color:var(--nutui-color-primary-light, var(--nutui-color-primary-background, #e6f0ff))}.nut-tabs-titles-divider .nut-tabs-titles-item,.nut-tabs-titles-card .nut-tabs-titles-item{padding:0 var(--nutui-spacing-3, 16px)}.mj-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-2, 15px))}.mj-cascader .nut-tabs-titles{padding:0 6px;background:var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff))}.mj-cascader .nut-tabs-list{border-bottom:.5px solid rgba(0,0,0,.1)}.mj-cascader .nut-tabs-titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.mj-cascader .nut-tabpane{padding:0;background:var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff))}.mj-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, var(--nutui-spacing-1, 8px));height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mj-cascader-item{display:flex;align-items:center;justify-content:center;padding:var(--nutui-cascader-item-padding, var(--nutui-spacing-2, 12px) var(--nutui-spacing-3, 16px));margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-color-border, #e6e6e6));font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-2, 15px));color:var(--nutui-cascader-item-color, var(--nutui-color-title, #0d0d0d));cursor:pointer}.mj-cascader-item.disabled{color:var(--nutui-color-text-disabled, #999999);cursor:not-allowed}.mj-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #006dfc))}.mj-cascader-item.active .mj-cascader-item-icon-check{visibility:visible;color:inherit}.mj-cascader-item-title{flex:1;line-height:1.5;font-weight:var(--nutui-font-weight-bold, 700)}.mj-cascader .icon-selected{font-size:var(--nutui-font-size-4, 20px)}.mj-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, var(--nutui-spacing-2, 12px));visibility:hidden}[dir=rtl] .mj-cascader .nut-icon-checklist,.nut-rtl .mj-cascader .nut-icon-checklist{margin-left:0;margin-right:var(--nutui-cascader-icon-checklist-marginLeft, var(--nutui-spacing-2, 12px))}.cascaderItemContent{display:flex;align-items:center}.cascaderItemContent .prefix{width:12px;margin-right:8px;color:var(--nutui-color-text-disabled, #999999)}