@nutui/nutui-react
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
1 lines • 296 kB
CSS
@charset "UTF-8";:root,page{--nut-scale-f: 1;--nut-scale-font: var(--nut-scale-f, 1);--nut-scale-icon: var(--nut-scale-f, 1);--nut-icon-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;--nut-icon-width: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;--nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important}@keyframes nutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes nutFadeOut{0%{opacity:1}to{opacity:0}}.nutFade-enter-active,.nutFadeIn,.nutFade-leave-active,.nutFadeOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active,.nutFadeIn{animation-name:nutFadeIn}.nutFade-leave-active,.nutFadeOut{animation-name:nutFadeOut}@keyframes nutZoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active,.nutZoomIn,.nutZoom-leave-active,.nutZoomOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active,.nutZoomIn{animation-name:nutZoomIn}.nutZoom-leave-active,.nutZoomOut{animation-name:nutZoomOut}@keyframes nutEaseIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes nutEaseOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.nutEase-enter-active,.nutEaseIn,.nutEase-leave-active,.nutEaseOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active,.nutEaseIn{animation-name:nutEaseIn}.nutEase-leave-active,.nutEaseOut{animation-name:nutEaseOut}@keyframes nutDropIn{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active,.nutDropIn,.nutDrop-leave-active,.nutDropOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active,.nutDropIn{animation-name:nutDropIn}.nutDrop-leave-active,.nutDropOut{animation-name:nutDropOut}.nutRotate-enter-active,.nutRotateIn,.nutRotate-leave-active,.nutRotateOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active,.nutRotateIn{animation-name:nutRotateIn}.nutRotate-leave-active,.nutRotateOut{animation-name:nutRotateOut}@-webkit-keyframes nutJump{to{transform:scale3d(.8,1,.9) translateY(-10px)}}@keyframes nutJump{to{transform:scale3d(.8,1,.9) translateY(-10px)}}@-webkit-keyframes nutJumpOne{50%{transform:scale3d(.8,1,.9) translateY(-10px)}to{transform:scaleZ(1) translateY(0)}}@keyframes nutJumpOne{50%{transform:scale3d(.8,1,.9) translateY(-10px)}to{transform:scaleZ(1) translateY(0)}}@-webkit-keyframes nutBlink{0%{opacity:0}to{opacity:1}}@keyframes nutBlink{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes nutBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@-webkit-keyframes nutFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes nutFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes nutBounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes nutBounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@-webkit-keyframes nutShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes nutShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}.nut-watermark{position:absolute;z-index:var(--nutui-watermark-z-index, 1200);left:0;right:0;top:0;bottom:0;pointer-events:none;background-repeat:repeat}.nut-watermark-full-page{position:fixed}.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;color:var(--nutui-color-title, #1a1a1a);background:var(--nutui-color-background-overlay, #ffffff);padding:calc(10px * var(--nut-scale-f, 1));margin-right:calc(20px * var(--nut-scale-f, 1))}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;color:var(--nutui-color-title, #1a1a1a);background:var(--nutui-color-background-overlay, #ffffff);border-radius:calc(7px * var(--nut-scale-f, 1));box-shadow:0 calc(1px * var(--nut-scale-f, 1)) calc(6px * var(--nut-scale-f, 1)) 0 #edeef1;margin-top:calc(20px * var(--nut-scale-f, 1));padding:calc(14px * var(--nut-scale-f, 1)) calc(15px * var(--nut-scale-f, 1));font-size:var(--nutui-font-size-m, calc(13px * var(--nut-scale-font, var(--nut-scale-f, 1))));line-height:calc(18px * var(--nut-scale-f, 1));font-family:PingFangSC;font-weight:500}.nut-virtualList-box{overflow:auto}.nut-virtuallist{width:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}.nut-virtuallist-phantom{position:absolute;left:0;top:0;right:0;z-index:-1}.nut-virtuallist-container{position:absolute;left:0;right:0;top:0}.nut-virtuallist-item{overflow:hidden;margin:var(--nutui-list-item-margin, 0 0 calc(10px * var(--nut-scale-f, 1)) 0)}[dir=rtl] .nut-horizontal-items,.nut-rtl .nut-horizontal-items{float:right}[dir=rtl] .nut-horizontal-items li,.nut-rtl .nut-horizontal-items li{float:right;margin-right:0;margin-left:calc(20px * var(--nut-scale-f, 1))}.nut-video{width:100%;height:100%;position:relative;display:flex}.nut-video-player{width:100%;background:#000}.nut-video-player:focus{outline:none}.nut-video video{width:100%;height:100%;object-fit:fill}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader-slot{position:relative}.nut-uploader-upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-color-background, #f2f3f5));width:var(--nutui-uploader-image-width, calc(100px * var(--nut-scale-f, 1)));height:var(--nutui-uploader-image-height, calc(100px * var(--nut-scale-f, 1)));border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, calc(4px * var(--nut-scale-f, 1)))}.nut-uploader-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-color-text-help, #888b94))}.nut-uploader-icon i,.nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-color-text-help, #888b94));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, calc(6px * var(--nut-scale-f, 1)))}.nut-uploader-icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))))}.nut-uploader-input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer;opacity:0}.nut-uploader-input:disabled{cursor:not-allowed}.nut-uploader-upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-color-background, #f2f3f5));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc))}.nut-uploader-upload-disabled .nut-uploader-icon i,.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, calc(6px * var(--nut-scale-f, 1)))}.nut-uploader-preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, calc(10px * var(--nut-scale-f, 1)));margin-bottom:var(--nutui-uploader-preview-margin-bottom, calc(10px * var(--nut-scale-f, 1)));border-radius:var(--nutui-uploader-image-border-radius, calc(4px * var(--nut-scale-f, 1)));box-shadow:0 calc(2px * var(--nut-scale-f, 1)) calc(10px * var(--nut-scale-f, 1)) 0 #0000001a}.nut-uploader-preview-progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, var(--nutui-color-mask, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, calc(4px * var(--nut-scale-f, 1)));z-index:10}.nut-uploader-preview-progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, calc(6px * var(--nut-scale-f, 1)))}.nut-uploader-preview-progress-msg{color:var(--nutui-color-text-help, #888b94);font-size:var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1))))}.nut-uploader-preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:calc(10px * var(--nut-scale-f, 1));box-shadow:0 calc(2px * var(--nut-scale-f, 1)) calc(10px * var(--nut-scale-f, 1)) 0 #00000003}.nut-uploader-preview-list{width:100%;height:calc(32px * var(--nut-scale-f, 1));box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 calc(10px * var(--nut-scale-f, 1));background-color:var(--nutui-color-background-sunken, #f7f8fc)}.nut-uploader-preview-list .nut-uploader-preview-img-file-name{display:flex;align-items:center;-webkit-line-clamp:1;padding:calc(2px * var(--nut-scale-f, 1));height:calc(24px * var(--nut-scale-f, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-uploader-preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader-preview-list .nut-progress .nut-progress-outer{height:calc(2px * var(--nut-scale-f, 1))!important}.nut-uploader-preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader-preview-img{position:relative;width:var(--nutui-uploader-image-width, calc(100px * var(--nut-scale-f, 1)));height:var(--nutui-uploader-image-height, calc(100px * var(--nut-scale-f, 1)));border-radius:var(--nutui-uploader-image-border-radius, calc(4px * var(--nut-scale-f, 1)));overflow:hidden}.nut-uploader-preview-img i{color:var(--nutui-color-title, #1a1a1a)}.nut-uploader-preview-img .tips{position:absolute;bottom:0;left:0;font-size:var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1))));color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, calc(24px * var(--nut-scale-f, 1)));line-height:var(--nutui-uploader-preview-tips-height, calc(24px * var(--nut-scale-f, 1)));border-radius:var(--nutui-uploader-image-border-radius, calc(4px * var(--nut-scale-f, 1)));border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 calc(5px * var(--nut-scale-f, 1)));background:var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader-preview-img-c{display:flex;justify-content:center;align-items:center;height:100%;position:initial;border-radius:var(--nutui-uploader-image-border-radius, calc(4px * var(--nut-scale-f, 1)))}.nut-uploader-preview-img-file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader-preview-img-file-name{display:flex;width:90%;font-size:var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1))));color:var(--nutui-color-text, #505259);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader-preview-img-file-name.error{color:red!important}.nut-uploader-preview-img-file-name.success{color:#1890ff!important}.nut-uploader-preview-img-file-name .nut-icon-Link{flex-shrink:0}[dir=rtl] .nut-uploader-input,.nut-rtl .nut-uploader-input{left:auto;right:0}[dir=rtl] .nut-uploader-preview,.nut-rtl .nut-uploader-preview{margin-right:0;margin-left:var(--nutui-uploader-preview-margin-right, calc(10px * var(--nut-scale-f, 1)))}[dir=rtl] .nut-uploader-preview-progress,.nut-rtl .nut-uploader-preview-progress{left:auto;right:0}[dir=rtl] .nut-uploader-preview.list,.nut-rtl .nut-uploader-preview.list{margin-right:0;margin-left:0}[dir=rtl] .nut-uploader-preview .close,.nut-rtl .nut-uploader-preview .close{right:auto;left:var(--nutui-uploader-preview-close-right, 0px);transform:translate(-50%,-50%)}[dir=rtl] .nut-uploader-preview-img .tips,.nut-rtl .nut-uploader-preview-img .tips{left:auto;right:0}.nut-trendarrow{display:flex;flex-direction:row;align-items:center;color:var(--nutui-color-title, #1a1a1a);font-size:var(--nutui-trendarrow-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))))}.nut-trendarrow-icon-before{margin-right:var(--nutui-trendarrow-icon-margin, calc(4px * var(--nut-scale-f, 1)))}.nut-trendarrow-icon-after{margin-left:var(--nutui-trendarrow-icon-margin, calc(4px * var(--nut-scale-f, 1)))}.nut-trendarrow-rate{vertical-align:middle;display:inline}.nut-trendarrow .nut-icon{vertical-align:middle}[dir=rtl] .nut-trendarrow-icon-before,.nut-rtl .nut-trendarrow-icon-before{margin-right:0;margin-left:var(--nutui-trendarrow-icon-margin, calc(4px * var(--nut-scale-f, 1)))}[dir=rtl] .nut-trendarrow-icon-after,.nut-rtl .nut-trendarrow-icon-after{margin-left:0;margin-right:var(--nutui-trendarrow-icon-margin, calc(4px * var(--nut-scale-f, 1)))}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none;z-index:1300}.nut-toast-overlay-default{--nutui-overlay-bg-color: rgba(0, 0, 0, 0)}.nut-toast-overlay-default-taro{background-color:#0000;--nutui-overlay-bg-color: rgba(0, 0, 0, 0)}.nut-toast-inner{position:absolute;top:var(--nutui-toast-inner-top, 50%);transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:calc(96px * var(--nut-scale-f, 1));max-width:60%;box-sizing:border-box;font-size:var(--nutui-toast-text-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));text-align:var(--nutui-toast-inner-text-align, center);padding:var(--nutui-toast-inner-padding, calc(13px * var(--nut-scale-f, 1)) calc(16px * var(--nut-scale-f, 1)));word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, var(--nutui-radius-xl, calc(12px * var(--nut-scale-f, 1))));color:var(--nutui-toast-font-color, #ffffff)}.nut-toast-inner-descrption{max-width:68.2%}.nut-toast-inner-normal{word-break:normal;word-wrap:normal}.nut-toast-inner-break-word{word-break:normal;word-wrap:break-word}.nut-toast-inner-small{font-size:var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1))))}.nut-toast-inner-large{font-size:var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1))))}.nut-toast-center{top:var(--nutui-toast-inner-top, 48%)}.nut-toast-bottom{top:var(--nutui-toast-inner-top, 80%)}.nut-toast-top{top:var(--nutui-toast-inner-top, 20%)}.nut-toast-text{color:#fff;text-align:var(--nutui-toast-inner-text-align, center);line-height:normal;line-height:calc(20px * var(--nut-scale-f, 1));height:auto}.nut-toast-title{color:#fff;font-size:var(--nutui-toast-title-font-size, var(--nutui-font-size-md, calc(16px * var(--nut-scale-font, var(--nut-scale-f, 1)))));font-weight:600;text-align:var(--nutui-toast-inner-text-align, center);line-height:normal;line-height:calc(22px * var(--nut-scale-f, 1))}.nut-toast .nut-icon{width:calc(24px * var(--nut-scale-f, 1));height:calc(24px * var(--nut-scale-f, 1));color:#fff}.nut-toast-icon-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin:calc(3px * var(--nut-scale-f, 1)) 0 calc(5px * var(--nut-scale-f, 1));color:#fff}.nut-toast-icon-wrapper-icon{width:calc(24px * var(--nut-scale-f, 1));height:calc(24px * var(--nut-scale-f, 1))}.nut-toast-rtl{left:auto;right:0}.nut-toast-rtl-inner{left:auto;right:50%}[dir=rtl] .nut-toast,.nut-rtl .nut-toast{left:auto;right:0}[dir=rtl] .nut-toast-inner,.nut-rtl .nut-toast-inner{left:auto;right:50%}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}.nut-tour-mask{position:fixed;box-shadow:0 0 0 150vh var(--nutui-color-mask, rgba(0, 0, 0, .7));border-radius:var(--nutui-tour-mask-border-radius, calc(10px * var(--nut-scale-f, 1)));z-index:999}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:var(--nutui-tour-content-padding, calc(10px * var(--nut-scale-f, 1)) calc(12px * var(--nut-scale-f, 1)));min-width:var(--nutui-tour-content-min-width, calc(200px * var(--nut-scale-f, 1)));box-sizing:content-box}.nut-tour-content-top{display:block;text-align:end}.nut-tour-content-top-close{width:calc(10px * var(--nut-scale-f, 1));height:calc(10px * var(--nut-scale-f, 1))}.nut-tour-content-inner{margin:var(--nutui-tour-content-inner-margin, calc(10px * var(--nut-scale-f, 1)) 0px);font-size:var(--nutui-tour-content-inner-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));white-space:nowrap}.nut-tour-content-bottom{margin-top:var(--nutui-tour-content-bottom-margin-top, calc(10px * var(--nut-scale-f, 1)));display:flex;justify-content:space-between}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #c2c4cc);margin-left:var(--nutui-tour-content-bottom-btn-margin-left, calc(4px * var(--nut-scale-f, 1)));padding:var(--nutui-tour-content-bottom-btn-padding, calc(2px * var(--nut-scale-f, 1)) calc(4px * var(--nut-scale-f, 1)));font-size:var(--nutui-tour-content-bottom-btn-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))));border-radius:var(--nutui-tour-content-bottom-btn-border-radius, calc(4px * var(--nut-scale-f, 1)));color:var(--nutui-color-text, #505259);cursor:pointer}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nutui-color-primary, #ff0f23)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:1000;top:0;left:0;background:transparent}[dir=rtl] .nut-tour-content-bottom-operate-btn,.nut-rtl .nut-tour-content-bottom-operate-btn{margin-left:0;margin-right:var(--nutui-tour-content-bottom-btn-margin-left, calc(4px * var(--nut-scale-f, 1)))}[dir=rtl] .nut-tour-masked,.nut-rtl .nut-tour-masked{left:auto;right:0}.nut-timeselect{background-color:var(--nutui-color-background-overlay, #ffffff);display:flex;flex-direction:column;height:calc(100% - 50px * var(--nut-scale-f, 1))}.nut-timeselect-content{display:flex;flex:1}.nut-timeselect-content-left{min-width:var(--nutui-timeselect-date-width, calc(140px * var(--nut-scale-f, 1)));height:100%;overflow:auto;background:var(--nutui-color-background-sunken, #f7f8fc)}.nut-timepannel{padding:0 calc(16px * var(--nut-scale-f, 1));height:var(--nutui-timeselect-date-height, calc(40px * var(--nut-scale-f, 1)));line-height:var(--nutui-timeselect-date-height, calc(40px * var(--nut-scale-f, 1)));text-align:start;color:var(--nutui-color-text, #505259);font-size:var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))))}.nut-timepannel.active{background:var(--nutui-color-background-overlay, #ffffff);color:var(--nutui-timeselect-date-active-color, var(--nutui-color-title, #1a1a1a));font-weight:var(--nutui-font-weight-bold, 600)}.nut-timedetail{display:flex;align-content:flex-start;flex:1;min-width:0;flex-wrap:wrap;padding:0 0 calc(50px * var(--nut-scale-f, 1)) calc(12px * var(--nut-scale-f, 1))}.nut-timedetail-item{width:var(--nutui-timeselect-time-width, calc(110px * var(--nut-scale-f, 1)));height:var(--nutui-timeselect-time-height, calc(50px * var(--nut-scale-f, 1)));line-height:var(--nutui-timeselect-time-height, calc(50px * var(--nut-scale-f, 1)));text-align:center;margin:var(--nutui-timeselect-time-margin, 0 calc(10px * var(--nut-scale-f, 1)) calc(10px * var(--nut-scale-f, 1)) 0);background:var(--nutui-timeselect-time-background, var(--nutui-color-background, #f2f3f5));border-radius:calc(5px * var(--nut-scale-f, 1));font-size:var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))));border:calc(1px * var(--nut-scale-f, 1)) solid transparent}.nut-timedetail-item.active{background-color:var(--nutui-color-primary-light-pressed, #ffebf1);border:calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary, #ff0f23);color:var(--nutui-color-primary, #ff0f23);font-weight:var(--nutui-font-weight-bold, 600)}[dir=rtl] .nut-timedetail,.nut-rtl .nut-timedetail{padding:0 calc(12px * var(--nut-scale-f, 1)) calc(50px * var(--nut-scale-f, 1)) 0}.nut-textarea{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box;font-size:var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))));border-radius:var(--nutui-radius-s, calc(6px * var(--nut-scale-f, 1)))}.nut-textarea-container{padding:var(--nutui-textarea-padding, calc(12px * var(--nut-scale-f, 1)));background-color:var(--nutui-color-background-overlay, #ffffff)}.nut-textarea-error{border:calc(.5px * var(--nut-scale-f, 1)) solid var(--nutui-color-danger, #ff0f23);background-color:var(--nutui-color-danger-light, #ffebef)}.nut-textarea-limit{text-align:right;font-size:var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))));line-height:var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))));margin-top:var(--nutui-spacing-base, calc(8px * var(--nut-scale-f, 1)));color:var(--nutui-color-text-help, #888b94)}.nut-textarea-limit-disabled{cursor:not-allowed;color:var(--nutui-color-text-disabled, #c2c4cc)}.nut-textarea-textarea{outline:none;display:block;box-sizing:border-box;width:100%;height:calc(40px * var(--nut-scale-f, 1));min-width:0;margin:0;padding:0;font-size:var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))));color:var(--nutui-textarea-text-color, var(--nutui-color-title, #1a1a1a));caret-color:var(--nutui-textarea-text-curror-color, var(--nutui-color-primary, #ff0f23));text-align:left;background-color:transparent;border:0;resize:none}.nut-textarea-textarea .taro-textarea{color:var(--nutui-textarea-text-color, var(--nutui-color-title, #1a1a1a));background-color:transparent;resize:none}.nut-textarea-textarea::placeholder{color:var(--nutui-color-text-help, #888b94)}.nut-textarea-textarea-disabled{cursor:not-allowed;color:var(--nutui-color-text-disabled, #c2c4cc)}.nut-textarea-textarea-disabled::placeholder{color:var(--nutui-color-text-disabled, #c2c4cc)}.nut-textarea-textarea-disabled .taro-textarea{color:var(--nutui-color-text-disabled, #c2c4cc)}.nut-textarea-textarea-disabled .taro-textarea::placeholder{color:var(--nutui-color-text-disabled, #c2c4cc)}.nut-textarea.nut-textarea-rtl-limit{right:auto;left:calc(15px * var(--nut-scale-f, 1))}.taro-textarea{background-color:transparent;resize:none}.nut-tag{padding:var(--nutui-tag-padding, 0px calc(2px * var(--nut-scale-f, 1)));display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-xxs, calc(10px * var(--nut-scale-font, var(--nut-scale-f, 1)))));border-radius:var(--nutui-tag-border-radius, calc(2px * var(--nut-scale-f, 1)));height:var(--nutui-tag-height, calc(14px * var(--nut-scale-f, 1)));color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, calc(1px * var(--nut-scale-f, 1))) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:calc(4px * var(--nut-scale-f, 1));color:var(--nutui-tag-color, #ffffff)}.nut-tag-text{font-size:var(--nutui-tag-font-size, var(--nutui-font-size-xxs, calc(10px * var(--nut-scale-font, var(--nut-scale-f, 1)))));color:var(--nutui-tag-color, #ffffff)}.nut-tag-text-plain{color:var(--nutui-color-title, #1a1a1a)}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-color-title, #1a1a1a))}.nut-tag-primary{background:#fa2c19}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #0073ff))}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-danger, #ff0f23))}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, #ffbf00))}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, calc(8px * var(--nut-scale-f, 1)))}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 calc(8px * var(--nut-scale-f, 1)) calc(8px * var(--nut-scale-f, 1)) 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:flex;display:inline-flex;align-items:center;justify-content:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-xxs, calc(10px * var(--nut-scale-font, var(--nut-scale-f, 1)))));color:var(--nutui-tag-color, #ffffff);margin-left:calc(4px * var(--nut-scale-f, 1))}.nut-tag-plain{background-color:#fff;border:var(--nutui-tag-border-width, calc(1px * var(--nut-scale-f, 1))) solid var(--nutui-color-title, #1a1a1a)}.nut-tag-close-icon{width:var(--nutui-icon-size-8, calc(8px * var(--nut-scale-icon, var(--nut-scale-f, 1))));height:var(--nutui-icon-size-8, calc(8px * var(--nut-scale-icon, var(--nut-scale-f, 1))))}[dir=rtl] .nut-tag .nut-icon,.nut-rtl .nut-tag .nut-icon{margin-left:0;margin-right:calc(4px * var(--nut-scale-f, 1))}.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, calc(44px * var(--nut-scale-f, 1)));-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-color-background, #f2f3f5));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 calc(22px * var(--nut-scale-f, 1))}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-right .nut-tabs-titles-item{padding:0 calc(22px * var(--nut-scale-f, 1))}.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, calc(12px * var(--nut-scale-f, 1)));height:var(--nutui-tabs-titles-height, calc(44px * var(--nut-scale-f, 1)));line-height:var(--nutui-tabs-titles-height, calc(44px * var(--nut-scale-f, 1)));min-width:var(--nutui-tabs-titles-item-min-width, calc(50px * var(--nut-scale-f, 1)));font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));color:var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item .nut-icon{color:var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a))}.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, #1a1a1a))}.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, 15%);border-radius:var(--nutui-tabs-line-border-radius, calc(2px * var(--nut-scale-f, 1)));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:var(--nutui-font-size-2xl, calc(20px * var(--nut-scale-font, var(--nut-scale-f, 1))));width:100%;height:100%}.nut-tabs-titles-item-smile-icon{width:calc(40px * var(--nut-scale-f, 1));height:calc(20px * var(--nut-scale-f, 1))}.nut-tabs-titles-item-active .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23))}.nut-tabs-titles-item-active .nut-tabs-titles-item-text{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, calc(12px * var(--nut-scale-f, 1)));height:var(--nutui-tabs-tab-line-height, calc(2px * var(--nut-scale-f, 1)));background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:calc(40px * var(--nut-scale-f, 1));height:calc(20px * var(--nut-scale-f, 1))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile .nut-icon{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23))}.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, #c2c4cc)}.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, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1)))))}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 600);background-color:#fff;border-radius:var(--nutui-radius-base, calc(8px * var(--nut-scale-f, 1))) var(--nutui-radius-base, calc(8px * var(--nut-scale-f, 1))) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item{padding:0 calc(10px * var(--nut-scale-f, 1))}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:calc(28px * var(--nut-scale-f, 1));display:flex;align-items:center;justify-content:center;padding:0 calc(8px * var(--nut-scale-f, 1))}.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, #ff0f23));border-radius:var(--nutui-tabs-button-border-radius, calc(50px * var(--nut-scale-f, 1)));font-weight:var(--nutui-font-weight-bold, 600);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));border:var(--nutui-tabs-button-active-border, calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary, #ff0f23))}.nut-tabs-titles-divider{border-bottom:calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-border, rgba(0, 0, 0, .06))}.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:calc(1px * var(--nut-scale-f, 1));background:var(--nutui-color-border, rgba(0, 0, 0, .06));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:calc(12px * var(--nut-scale-f, 1));padding-left:calc(6px * var(--nut-scale-f, 1));width:calc(90px * var(--nut-scale-f, 1));line-height:var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))))}.nut-tabs-vertical .nut-tabs-titles{flex-direction:column;height:100%;width:var(--nutui-tabs-vertical-titles-width, calc(100px * var(--nut-scale-f, 1)));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, calc(40px * var(--nut-scale-f, 1)));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, #ffffff))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:calc(10px * var(--nut-scale-f, 1));width:var(--nutui-tabs-vertical-tab-line-width, calc(3px * var(--nut-scale-f, 1)));height:var(--nutui-tabs-vertical-tab-line-height, calc(12px * var(--nut-scale-f, 1)));background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-light-pressed, #ffebf1) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:calc(-12px * var(--nut-scale-f, 1));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, calc(44px * var(--nut-scale-f, 1)));width:100%;padding:0!important}.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, calc(12px * var(--nut-scale-f, 1)));height:var(--nutui-tabs-tab-line-height, calc(2px * var(--nut-scale-f, 1)));background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:calc(-3px * var(--nut-scale-f, 1));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:calc(14px * var(--nut-scale-f, 1))}[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:calc(10px * var(--nut-scale-f, 1))}[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:calc(-12px * var(--nut-scale-f, 1));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-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-background-color, #fff);color:var(--nutui-color-title, #1a1a1a);padding:var(--nutui-tabs-tabpane-padding, calc(24px * var(--nut-scale-f, 1)) calc(20px * var(--nut-scale-f, 1)));box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-table{overflow:hidden;position:relative;word-wrap:break-word;word-break:break-all}.nut-table-wrapper{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))));color:var(--nutui-color-title, #1a1a1a);overflow-y:auto;overflow-x:hidden;position:relative;border:calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, .06)))}.nut-table-wrapper-sticky{overflow-x:auto}.nut-table-main{display:table;width:max-content;overflow-x:auto;color:var(--nutui-color-title, #1a1a1a);background-color:var(--nutui-color-background-overlay, #ffffff);table-layout:fixed;min-width:100%;position:relative}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-color-background, #f2f3f5))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-color-background, #f2f3f5))}.nut-table-main-head,.nut-table-main-body{background:inherit}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row;background:inherit}.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td,.nut-table-main-body-tr:last-child .nut-table-main-body-tr-td{border-bottom:none}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th{display:table-cell;padding:var(--nutui-table-cols-padding, calc(10px * var(--nut-scale-f, 1)));table-layout:fixed;background:inherit;position:sticky;top:0}.nut-table-main-head-tr-th.nut-table-fixed-left,.nut-table-main-head-tr-th.nut-table-fixed-right,.nut-table-main-body-tr-th.nut-table-fixed-left,.nut-table-main-body-tr-th.nut-table-fixed-right{z-index:4}.nut-table-main-head-tr-th:last-child,.nut-table-main-body-tr-th:last-child{border-right:none}.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, calc(10px * var(--nut-scale-f, 1)));table-layout:fixed;background:inherit}.nut-table-main-head-tr-td:last-child,.nut-table-main-body-tr-td:last-child{border-right:none}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:calc(50px * var(--nut-scale-f, 1));align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border-right:calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, .06)));border-bottom:calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:start}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:end}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-sticky-left,.nut-table-sticky-right{position:absolute;top:0;width:calc(8px * var(--nut-scale-f, 1));bottom:calc(-1px * var(--nut-scale-f, 1));overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none;z-index:3;background:transparent}.nut-table-sticky-left{left:calc(1px * var(--nut-scale-f, 1));box-shadow:var(--nutui-table-sticky-left-shadow, calc(4px * var(--nut-scale-f, 1)) 0 calc(8px * var(--nut-scale-f, 1)) 0 rgba(0, 0, 0, .1))}.nut-table-sticky-right{right:calc(1px * var(--nut-scale-f, 1));box-shadow:var(--nutui-table-sticky-right-shadow, calc(-4px * var(--nut-scale-f, 1)) 0 calc(8px * var(--nut-scale-f, 1)) 0 rgba(0, 0, 0, .1))}.nut-table-fixed-left,.nut-table-fixed-right{position:sticky;z-index:2}.nut-table-fixed-left.h5-div,.nut-table-fixed-right.h5-div{padding:var(--nutui-table-cols-padding, calc(10px * var(--nut-scale-f, 1))) 0}.nut-table-fixed-left-last{border-right:none}.nut-table-summary{color:var(--nutui-color-title, #1a1a1a);background-color:var(--nutui-color-background-overlay, #ffffff);display:flex;align-items:center;justify-content:center;height:calc(30px * var(--nut-scale-f, 1));padding:var(--nutui-table-cols-padding, calc(10px * var(--nut-scale-f, 1)));position:relative;z-index:5}[dir=rtl] .nut-table-main-head-tr-th:last-child,[dir=rtl] .nut-table-main-body-tr-th:last-child,.nut-rtl .nut-table-main-head-tr-th:last-child,.nut-rtl .nut-table-main-body-tr-th:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-td:last-child,[dir=rtl] .nut-table-main-body-tr-td:last-child,.nut-rtl .nut-table-main-head-tr-td:last-child,.nut-rtl .nut-table-main-body-tr-td:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-border,[dir=rtl] .nut-table-main-body-tr-border,.nut-rtl .nut-table-main-head-tr-border,.nut-rtl .nut-table-main-body-tr-border{border-right:none;border-left:calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, .06)))}[dir=rtl] .nut-table-main-head-tr-alignleft,[dir=rtl] .nut-table-main-head-tr-align,[dir=rtl] .nut-table-main-body-tr-alignleft,[dir=rtl] .nut-table-main-body-tr-align,.nut-rtl .nut-table-main-head-tr-alignleft,.nut-rtl .nut-table-main-head-tr-align,.nut-rtl .nut-table-main-body-tr-alignleft,.nut-rtl .nut-table-main-body-tr-align{text-align:right}[dir=rtl] .nut-table-main-head-tr-alignright,[dir=rtl] .nut-table-main-body-tr-alignright,.nut-rtl .nut-table-main-head-tr-alignright,.nut-rtl .nut-table-main-body-tr-alignright{text-align:left}[dir=rtl] .nut-table-sticky-left,.nut-rtl .nut-table-sticky-left{left:auto;right:calc(1px * var(--nut-scale-f, 1));box-shadow:var(--nutui-table-sticky-right-shadow, calc(-4px * var(--nut-scale-f, 1)) 0 calc(8px * var(--nut-scale-f, 1)) 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-sticky-right,.nut-rtl .nut-table-sticky-right{right:auto;left:calc(1px * var(--nut-scale-f, 1));box-shadow:var(--nutui-table-sticky-left-shadow, calc(4px * var(--nut-scale-f, 1)) 0 calc(8px * var(--nut-scale-f, 1)) 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-fixed-left-last,.nut-rtl .nut-table-fixed-left-last{border-right:none;border-left:none}.nut-tabbar-item{display:flex;flex-direction:column;align-items:center;flex:1;padding:calc(6px * var(--nut-scale-f, 1)) 0 calc(2px * var(--nut-scale-f, 1));color:var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));height:100%}.nut-tabbar-item .nut-icon{width:calc(24px * var(--nut-scale-f, 1));height:calc(24px * var(--nut-scale-f, 1));font-size:var(--nutui-font-size-xxl, calc(24px * var(--nut-scale-font, var(--nut-scale-f, 1))));color:var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));color:inherit}.nut-tabbar-item-text{display:block;color:var(--nutui-color-text, #505259);font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xxs, calc(10px * var(--nut-scale-font, var(--nut-scale-f, 1)))));line-height:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xxs, calc(10px * var(--nut-scale-font, var(--nut-scale-f, 1)))));margin-top:var(--nutui-tabbar-text-margin-top, calc(4px * var(--nut-scale-f, 1)))}.nut-tabbar-item .nut-image-default{width:calc(38px * var(--nut-scale-f, 1));height:calc(38px * var(--nut-scale-f, 1));border-radius:calc(38px * var(--nut-scale-f, 1))}.nut-tabbar-item-large{justify-content:center;padding:0}.nut-tabbar-item-large .nut-tabbar-item-text{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1)))));margin-top:0;line-height:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1)))));font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23))}.nut-tabbar-item-active .nut-tabbar-item-text,.nut-tabbar-item-active .nut-icon{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));color:inherit}.nut-tabbar{border:0;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 0);border-top:var(--nutui-tabbar-border-top, 0);width:100%;background:var(--nutui-color-background-overlay, #ffffff)}.nut-tabbar-wrap{height:var(--nutui-tabbar-height, calc(46px * var(--nut-scale-f, 1)));display:flex}.nut-tabbar-wrap-3{padding:0 calc(16px * var(--nut-scale-f, 1))}.nut-tabbar-wrap-2{padding:0 calc(32px * var(--nut-scale-f, 1))}.nut-tabbar-wrap-horizontal{align-items:center}.nut-tabbar-wrap-horizontal .nut-tabbar-item{flex-direction:row;justify-content:center}.nut-tabbar-wrap-horizontal .nut-tabbar-item .nut-icon{width:calc(20px * var(--nut-scale-f, 1));height:calc(20px * var(--nut-scale-f, 1))}.nut-tabbar-wrap-horizontal .nut-tabbar-item .nut-tabbar-item-text{margin:0 calc(4px * var(--nut-scale-f, 1)) 0 calc(6px * var(--nut-scale-f, 1));font-size:var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))))}.nut-tabbar-wrap-horizontal .nut-tabbar-item .nut-badge-sup:after{border:0}.nut-tabbar-fixed{position:fixed;bottom:0;left:0}[dir=rtl] .nut-tabbar:last-child,.nut-rtl .nut-tabbar:last-child{border-right:none;border-left:0}[dir=rtl] .nut-tabbar-fixed,.nut-rtl .nut-tabbar-fixed{left:auto;right:0}.nut-switch{cursor:pointer;position:relative;display:flex;display:inline-flex;flex-direction:row;align-items:center;min-width:var(--nutui-switch-width, calc(46px * var(--nut-scale-f, 1)));height:var(--nutui-switch-height, calc(28px * var(--nut-scale-f, 1)));line-height:var(--nutui-switch-line-height, calc(28px * var(--nut-scale-f, 1)));background-color:var(--nutui-switch-active-background-color, var(--nutui-color-primary, #ff0f23));border-radius:var(--nutui-switch-border-radius, calc(50px * var(--nut-scale-f, 1)));background-size:100% 100%;background-repeat:no-repeat;background-position:center center;flex:0 0 auto}.nut-switch-button{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;height:calc(var(--nutui-switch-height, calc(28px * var(--nut-scale-f, 1))) - var(--nutui-switch-border-width, calc(2px * var(--nut-scale-f, 1))) * 2);width:calc(var(--nutui-switch-height, calc(28px * var(--nut-scale-f, 1))) - var(--nutui-switch-border-width, calc(2px * var(--nut-scale-f, 1))) * 2);border-radius:var(--nutui-switch-inside-border-radius, 50%);background:#fff;transition:left .3s linear;box-shadow:var(--nutui-switch-inside-box-shadow, 0px calc(2px * var(--nut-scale-f, 1)) calc(6px * var(--nut-scale-f, 1)) 0px rgba(0, 0, 0, .1))}.nut-switch-button-open{left:calc(100% - var(--nutui-switch-height, calc(28px * var(--nut-scale-f, 1))) + var(--nutui-switch-border-width, calc(2px * var(--nut-scale-f, 1))))}.nut-switch-button-open-rtl,.nut-switch-button-close{left:var(--nutui-switch-border-width, calc(2px * var(--nut-scale-f, 1)))}.nut-switch-button-close-rtl{left:calc(100% - var(--nutui-switch-height, calc(28px * var(--nut-scale-f, 1))) + var(--nutui-switch-bord