@nutui/nutui-react-taro/dist/style.css

京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序

:root,page{--nutui-brand-1: #ffeae8;--nutui-brand-2: #fec3be;--nutui-brand-3: #fd9d94;--nutui-brand-4: #fc776b;--nutui-brand-5: #fb5142;--nutui-brand-6: #fa2c19;--nutui-brand-7: #cf1f0f;--nutui-brand-8: #a31508;--nutui-brand-9: #780d03;--nutui-brand-10: #4d0004;--nutui-brand-stop-1: #f53d4d;--nutui-brand-stop-2: #fa2c19;--nutui-secondary-1: #14cc33;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-brand-3);--nutui-color-primary-text: #ffffff;--nutui-color-primary-light: var(--nutui-brand-1);--nutui-color-primary-light-pressed: var(--nutui-brand-2);--nutui-color-text-link: #396acc;--nutui-gray-1: #ffffff;--nutui-gray-2: #f8f8f8;--nutui-gray-3: #f6f6f6;--nutui-gray-4: #bfbfbf;--nutui-gray-5: #8c8c8c;--nutui-gray-6: #595959;--nutui-gray-7: #1a1a1a;--nutui-black-1: rgba(0, 0, 0, 0);--nutui-black-2: rgba(0, 0, 0, .02);--nutui-black-3: rgba(0, 0, 0, .06);--nutui-black-4: rgba(0, 0, 0, .1);--nutui-black-5: rgba(0, 0, 0, .2);--nutui-black-6: rgba(0, 0, 0, .3);--nutui-black-7: rgba(0, 0, 0, .4);--nutui-black-8: rgba(0, 0, 0, .5);--nutui-black-9: rgba(0, 0, 0, .6);--nutui-black-10: rgba(0, 0, 0, .7);--nutui-black-11: rgba(0, 0, 0, .8);--nutui-black-12: rgba(0, 0, 0, .9);--nutui-black-13: rgba(0, 0, 0, 1);--nutui-white-1: rgba(255, 255, 255, 0);--nutui-white-2: rgba(255, 255, 255, .02);--nutui-white-3: rgba(255, 255, 255, .06);--nutui-white-4: rgba(255, 255, 255, .1);--nutui-white-5: rgba(255, 255, 255, .2);--nutui-white-6: rgba(255, 255, 255, .3);--nutui-white-7: rgba(255, 255, 255, .4);--nutui-white-8: rgba(255, 255, 255, .5);--nutui-white-9: rgba(255, 255, 255, .6);--nutui-white-10: rgba(255, 255, 255, .7);--nutui-white-11: rgba(255, 255, 255, .8);--nutui-white-12: rgba(255, 255, 255, .9);--nutui-white-13: rgba(255, 255, 255, 1);--nutui-color-info: #1988fa;--nutui-color-text-disabled: var(--nutui-gray-4);--nutui-font-size-1: 10px;--nutui-font-size-2: 12px;--nutui-font-size-3: 14px;--nutui-font-size-4: 16px;--nutui-font-size-5: 18px;--nutui-font-size-6: 20px;--nutui-font-size-7: 22px;--nutui-font-size-8: 24px;--nutui-font-size-9: 26px;--nutui-font-size-10: 28px;--nutui-font-weight: 400;--nutui-font-weight-bold: 500;--nutui-line-height-base: 1.5;--nutui-spacing-1: 2px;--nutui-spacing-2: 4px;--nutui-spacing-3: 6px;--nutui-spacing-4: 8px;--nutui-spacing-5: 10px;--nutui-spacing-6: 12px;--nutui-spacing-7: 14px;--nutui-spacing-8: 16px;--nutui-spacing-9: 18px;--nutui-spacing-10: 20px;--nutui-radius-1: 0px;--nutui-radius-2: 2px;--nutui-radius-3: 4px;--nutui-radius-4: 6px;--nutui-radius-5: 8px;--nutui-radius-6: 10px;--nutui-radius-7: 12px;--nutui-radius-8: 14px;--nutui-radius-9: 16px;--nutui-radius-10: 18px}.nut-col{float:left;box-sizing:border-box;word-break:break-all;margin-bottom:var(--nutui-col-default-margin-bottom, 15px)}.nut-col.nut-col-gutter:last-child{padding-right:0!important}.nut-col.nut-col-gutter:first-child{padding-left:0!important}[dir=rtl] .nut-col,.nut-rtl .nut-col{float:right}[dir=rtl] .nut-col.nut-col-gutter:last-child,.nut-rtl .nut-col.nut-col-gutter:last-child{padding-right:0!important;padding-left:0!important}[dir=rtl] .nut-col.nut-col-gutter:first-child,.nut-rtl .nut-col.nut-col-gutter:first-child{padding-left:0!important;padding-right:0!important}.nut-col-offset-1{margin-left:calc(4.1666666667 * 1 * 1%)}[dir=rtl] .nut-col-offset-1,.nut-rtl .nut-col-offset-1{margin-left:0;margin-right:calc(4.1666666667 * 1 * 1%)}.nut-col-1{width:calc(4.1666666667 * 1 * 1%)}.nut-col-offset-2{margin-left:calc(4.1666666667 * 2 * 1%)}[dir=rtl] .nut-col-offset-2,.nut-rtl .nut-col-offset-2{margin-left:0;margin-right:calc(4.1666666667 * 2 * 1%)}.nut-col-2{width:calc(4.1666666667 * 2 * 1%)}.nut-col-offset-3{margin-left:calc(4.1666666667 * 3 * 1%)}[dir=rtl] .nut-col-offset-3,.nut-rtl .nut-col-offset-3{margin-left:0;margin-right:calc(4.1666666667 * 3 * 1%)}.nut-col-3{width:calc(4.1666666667 * 3 * 1%)}.nut-col-offset-4{margin-left:calc(4.1666666667 * 4 * 1%)}[dir=rtl] .nut-col-offset-4,.nut-rtl .nut-col-offset-4{margin-left:0;margin-right:calc(4.1666666667 * 4 * 1%)}.nut-col-4{width:calc(4.1666666667 * 4 * 1%)}.nut-col-offset-5{margin-left:calc(4.1666666667 * 5 * 1%)}[dir=rtl] .nut-col-offset-5,.nut-rtl .nut-col-offset-5{margin-left:0;margin-right:calc(4.1666666667 * 5 * 1%)}.nut-col-5{width:calc(4.1666666667 * 5 * 1%)}.nut-col-offset-6{margin-left:calc(4.1666666667 * 6 * 1%)}[dir=rtl] .nut-col-offset-6,.nut-rtl .nut-col-offset-6{margin-left:0;margin-right:calc(4.1666666667 * 6 * 1%)}.nut-col-6{width:calc(4.1666666667 * 6 * 1%)}.nut-col-offset-7{margin-left:calc(4.1666666667 * 7 * 1%)}[dir=rtl] .nut-col-offset-7,.nut-rtl .nut-col-offset-7{margin-left:0;margin-right:calc(4.1666666667 * 7 * 1%)}.nut-col-7{width:calc(4.1666666667 * 7 * 1%)}.nut-col-offset-8{margin-left:calc(4.1666666667 * 8 * 1%)}[dir=rtl] .nut-col-offset-8,.nut-rtl .nut-col-offset-8{margin-left:0;margin-right:calc(4.1666666667 * 8 * 1%)}.nut-col-8{width:calc(4.1666666667 * 8 * 1%)}.nut-col-offset-9{margin-left:calc(4.1666666667 * 9 * 1%)}[dir=rtl] .nut-col-offset-9,.nut-rtl .nut-col-offset-9{margin-left:0;margin-right:calc(4.1666666667 * 9 * 1%)}.nut-col-9{width:calc(4.1666666667 * 9 * 1%)}.nut-col-offset-10{margin-left:calc(4.1666666667 * 10 * 1%)}[dir=rtl] .nut-col-offset-10,.nut-rtl .nut-col-offset-10{margin-left:0;margin-right:calc(4.1666666667 * 10 * 1%)}.nut-col-10{width:calc(4.1666666667 * 10 * 1%)}.nut-col-offset-11{margin-left:calc(4.1666666667 * 11 * 1%)}[dir=rtl] .nut-col-offset-11,.nut-rtl .nut-col-offset-11{margin-left:0;margin-right:calc(4.1666666667 * 11 * 1%)}.nut-col-11{width:calc(4.1666666667 * 11 * 1%)}.nut-col-offset-12{margin-left:calc(4.1666666667 * 12 * 1%)}[dir=rtl] .nut-col-offset-12,.nut-rtl .nut-col-offset-12{margin-left:0;margin-right:calc(4.1666666667 * 12 * 1%)}.nut-col-12{width:calc(4.1666666667 * 12 * 1%)}.nut-col-offset-13{margin-left:calc(4.1666666667 * 13 * 1%)}[dir=rtl] .nut-col-offset-13,.nut-rtl .nut-col-offset-13{margin-left:0;margin-right:calc(4.1666666667 * 13 * 1%)}.nut-col-13{width:calc(4.1666666667 * 13 * 1%)}.nut-col-offset-14{margin-left:calc(4.1666666667 * 14 * 1%)}[dir=rtl] .nut-col-offset-14,.nut-rtl .nut-col-offset-14{margin-left:0;margin-right:calc(4.1666666667 * 14 * 1%)}.nut-col-14{width:calc(4.1666666667 * 14 * 1%)}.nut-col-offset-15{margin-left:calc(4.1666666667 * 15 * 1%)}[dir=rtl] .nut-col-offset-15,.nut-rtl .nut-col-offset-15{margin-left:0;margin-right:calc(4.1666666667 * 15 * 1%)}.nut-col-15{width:calc(4.1666666667 * 15 * 1%)}.nut-col-offset-16{margin-left:calc(4.1666666667 * 16 * 1%)}[dir=rtl] .nut-col-offset-16,.nut-rtl .nut-col-offset-16{margin-left:0;margin-right:calc(4.1666666667 * 16 * 1%)}.nut-col-16{width:calc(4.1666666667 * 16 * 1%)}.nut-col-offset-17{margin-left:calc(4.1666666667 * 17 * 1%)}[dir=rtl] .nut-col-offset-17,.nut-rtl .nut-col-offset-17{margin-left:0;margin-right:calc(4.1666666667 * 17 * 1%)}.nut-col-17{width:calc(4.1666666667 * 17 * 1%)}.nut-col-offset-18{margin-left:calc(4.1666666667 * 18 * 1%)}[dir=rtl] .nut-col-offset-18,.nut-rtl .nut-col-offset-18{margin-left:0;margin-right:calc(4.1666666667 * 18 * 1%)}.nut-col-18{width:calc(4.1666666667 * 18 * 1%)}.nut-col-offset-19{margin-left:calc(4.1666666667 * 19 * 1%)}[dir=rtl] .nut-col-offset-19,.nut-rtl .nut-col-offset-19{margin-left:0;margin-right:calc(4.1666666667 * 19 * 1%)}.nut-col-19{width:calc(4.1666666667 * 19 * 1%)}.nut-col-offset-20{margin-left:calc(4.1666666667 * 20 * 1%)}[dir=rtl] .nut-col-offset-20,.nut-rtl .nut-col-offset-20{margin-left:0;margin-right:calc(4.1666666667 * 20 * 1%)}.nut-col-20{width:calc(4.1666666667 * 20 * 1%)}.nut-col-offset-21{margin-left:calc(4.1666666667 * 21 * 1%)}[dir=rtl] .nut-col-offset-21,.nut-rtl .nut-col-offset-21{margin-left:0;margin-right:calc(4.1666666667 * 21 * 1%)}.nut-col-21{width:calc(4.1666666667 * 21 * 1%)}.nut-col-offset-22{margin-left:calc(4.1666666667 * 22 * 1%)}[dir=rtl] .nut-col-offset-22,.nut-rtl .nut-col-offset-22{margin-left:0;margin-right:calc(4.1666666667 * 22 * 1%)}.nut-col-22{width:calc(4.1666666667 * 22 * 1%)}.nut-col-offset-23{margin-left:calc(4.1666666667 * 23 * 1%)}[dir=rtl] .nut-col-offset-23,.nut-rtl .nut-col-offset-23{margin-left:0;margin-right:calc(4.1666666667 * 23 * 1%)}.nut-col-23{width:calc(4.1666666667 * 23 * 1%)}.nut-col-offset-24{margin-left:calc(4.1666666667 * 24 * 1%)}[dir=rtl] .nut-col-offset-24,.nut-rtl .nut-col-offset-24{margin-left:0;margin-right:calc(4.1666666667 * 24 * 1%)}.nut-col-24{width:calc(4.1666666667 * 24 * 1%)}.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-6, #595959));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider-center:before,.nut-divider-left:before,.nut-divider-right:before{margin-right:var(--nutui-divider-spacing, 8px)}.nut-divider-center:after,.nut-divider-left:after,.nut-divider-right:after{margin-left:var(--nutui-divider-spacing, 8px)}.nut-divider-left:before{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-right:after{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-hairline:before,.nut-divider-hairline:after{transform:scaleY(.5)}.nut-divider-vertical{display:inline-block;width:auto;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:var(--nutui-divider-vertical-margin, 0 8px);vertical-align:middle}[dir=rtl] .nut-divider-center:before,[dir=rtl] .nut-divider-left:before,[dir=rtl] .nut-divider-right:before,.nut-rtl .nut-divider-center:before,.nut-rtl .nut-divider-left:before,.nut-rtl .nut-divider-right:before{margin-right:0;margin-left:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-center:after,[dir=rtl] .nut-divider-left:after,[dir=rtl] .nut-divider-right:after,.nut-rtl .nut-divider-center:after,.nut-rtl .nut-divider-left:after,.nut-rtl .nut-divider-right:after{margin-left:0;margin-right:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-vertical,.nut-rtl .nut-divider-vertical{border-left:none;border-right:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-grid{display:flex;flex-wrap:wrap;border:0 solid var(--nutui-grid-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-grid-border{border-top-width:1px;border-left-width:1px}[dir=rtl] .nut-grid-border,.nut-rtl .nut-grid-border{border-left-width:0;border-right-width:1px}.nut-grid-item{position:relative;box-sizing:border-box;color:var(--nutui-grid-item-text-color, var(--nutui-gray-7, #1a1a1a))}.nut-grid-item-text{color:var(--nutui-grid-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-grid-item-text-font-size, var(--nutui-font-size-2, 12px));line-height:1.5;word-break:break-all;margin:var(--nutui-grid-item-text-margin, 8px) 0 0 0}.nut-grid-item-content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--nutui-grid-item-content-padding, 16px 8px);background:var(--nutui-grid-item-content-bg-color, #ffffff);border:0 solid var(--nutui-grid-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-grid-item-content-border{border-right-width:1px;border-bottom-width:1px}.nut-grid-item-content-surround{border-top-width:1px;border-left-width:1px}.nut-grid-item-content-center{align-items:center;justify-content:center}.nut-grid-item-content-square{position:absolute;top:0;right:0;left:0}.nut-grid-item-content-reverse{flex-direction:column-reverse}.nut-grid-item-content-reverse .nut-grid-item-text{margin:0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item-content-horizontal{flex-direction:row}.nut-grid-item-content-horizontal .nut-grid-item-text{margin:0 0 0 var(--nutui-grid-item-text-margin, 8px)}.nut-grid-item-content-horizontal.nut-grid-item-content-reverse{flex-direction:row-reverse}.nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text{margin:0 var(--nutui-grid-item-text-margin, 8px) 0 0}.nut-grid-item-content-clickable{cursor:pointer}.nut-grid-item-content-clickable:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border:inherit;border-color:var(--nutui-black-10, rgba(0, 0, 0, .7));border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-grid-item-content-clickable:active:before{opacity:.1}[dir=rtl] .nut-grid-item-content-border,.nut-rtl .nut-grid-item-content-border{border-right-width:0;border-left-width:1px}[dir=rtl] .nut-grid-item-content-surround,.nut-rtl .nut-grid-item-content-surround{border-left-width:0;border-right-width:1px}[dir=rtl] .nut-grid-item-content-horizontal .nut-grid-item-text,.nut-rtl .nut-grid-item-content-horizontal .nut-grid-item-text{margin:0 var(--nutui-grid-item-text-margin, 8px) 0 0}[dir=rtl] .nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text,.nut-rtl .nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text{margin:0 0 0 var(--nutui-grid-item-text-margin, 8px)}[dir=rtl] .nut-grid-item-content-clickable:before,.nut-rtl .nut-grid-item-content-clickable:before{left:auto;right:50%;transform:translate(50%,-50%)}.nut-row{width:100%;overflow:hidden}.nut-row:after{display:block;height:0;clear:both;visibility:hidden;content:""}.nut-row-flex{display:flex}.nut-row-flex:after{display:none}.nut-row-flex .nut-col{float:none}.nut-row-justify-center{justify-content:center}.nut-row-justify-end{justify-content:flex-end}.nut-row-justify-space-between{justify-content:space-between;align-items:center}.nut-row-justify-space-around{justify-content:space-around}.nut-row-align-flex-start{align-items:flex-start}.nut-row-align-center{align-items:center}.nut-row-align-flex-end{align-items:flex-end}.nut-row-flex-wrap{flex-wrap:wrap}.nut-row-flex-nowrap{flex-wrap:nowrap}.nut-row-flex-reverse{flex-wrap:wrap-reverse}.nut-space{display:flex}.nut-space-item{flex:none}.nut-space-vertical{flex-direction:column}.nut-space-vertical>.nut-space-item{margin-bottom:var(--nutui-space-gap, 8px)}.nut-space-vertical>.nut-space-item:last-child{margin-bottom:0}.nut-space-horizontal{flex-direction:row}.nut-space-horizontal>.nut-space-item{margin-right:var(--nutui-space-gap, 8px)}.nut-space-horizontal>.nut-space-item:last-child{margin-right:0}.nut-space-horizontal.nut-space-wrap{flex-wrap:wrap;margin-bottom:calc(var(--nutui-space-gap, 8px) * -1)}.nut-space-horizontal.nut-space-wrap>.nut-space-item{padding-bottom:var(--nutui-space-gap, 8px)}.nut-space-align-center{align-items:center}.nut-space-align-start{align-items:flex-start}.nut-space-align-end{align-items:flex-end}.nut-space-align-baseline{align-items:baseline}.nut-space-justify-center{justify-content:center}.nut-space-justify-start{justify-content:flex-start}.nut-space-justify-end{justify-content:flex-end}.nut-space-justify-between{justify-content:space-between}.nut-space-justify-around{justify-content:space-around}.nut-space-justify-evenly{justify-content:space-evenly}.nut-space-justify-stretch{justify-content:stretch}[dir=rtl] .nut-space-horizontal>.nut-space-item,.nut-rtl .nut-space-horizontal>.nut-space-item{margin-right:0;margin-left:var(--nutui-space-gap, 8px)}[dir=rtl] .nut-space-horizontal>.nut-space-item:last-child,.nut-rtl .nut-space-horizontal>.nut-space-item:last-child{margin-right:0;margin-left:0}.nut-sticky-fixed{position:fixed}.nut-safe-area{display:block;width:100%}.nut-safe-area-position-top{padding-top:calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1))}.nut-safe-area-position-bottom{padding-bottom:calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1))}.nut-backtop{display:none;position:fixed}.nut-backtop.show{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);border:1px solid var(--nutui-backtop-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-radius:50%}.nut-backtop.show:active{background:var(--nutui-gray-3, #f6f6f6)}.nut-backtop-main{transition:all .2s ease-in-out;color:var(--nutui-gray-7, #1a1a1a)}.nut-fixednav{position:fixed;z-index:var(--nutui-fixednav-index, 900);display:inline-block;height:50px;right:0}.nut-fixednav.active .nut-fixednav-btn .nut-icon{transform:rotate(180deg)}.nut-fixednav.active .nut-fixednav-list{transform:translate(0)!important}.nut-fixednav.active.left .nut-icon{transform:rotate(0)!important}.nut-fixednav-btn{box-sizing:border-box;position:absolute;right:0;z-index:var(--nutui-fixednav-index, 900);width:70px;height:100%;background:var(--nutui-fixednav-button-background, var(--nutui-color-primary, #fa2c19));border-radius:45px 0 0 45px;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center}.nut-fixednav-btn .text{width:24px;line-height:13px;font-size:var(--nutui-font-size-2, 12px);color:#fff;flex-shrink:0}.nut-fixednav-btn .nut-icon{margin-right:5px;transform:rotate(0);transition:all .3s}.nut-fixednav-list{position:absolute;right:0;transform:translate(100%);transition:all .5s;z-index:var(--nutui-fixednav-index, 900);flex-shrink:0;height:100%;background:var(--nutui-fixednav-background-color, #ffffff);display:flex;justify-content:space-between;border-radius:25px 0 0 25px;box-shadow:2px 2px 8px #0003;padding-left:20px;padding-right:80px}.nut-fixednav-list-item{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:50px;flex-shrink:0;color:var(--nutui-fixednav-color, #1a1a1a)}.nut-fixednav-list-item img{width:20px;height:20px;margin-bottom:2px}.nut-fixednav-list-item .nut-fixednav-list-text{font-size:10px}.nut-fixednav-list-item .b{position:absolute;right:0;top:1px;height:14px;line-height:14px;font-size:10px;padding:0 3px;color:#fff;background:var(--nutui-color-primary, #fa2c19);border-radius:7px;text-align:center;min-width:12px}.nut-fixednav.left{right:auto;left:0}.nut-fixednav.left .nut-fixednav-btn{flex-direction:row-reverse;right:auto;left:0;border-radius:0 45px 45px 0}.nut-fixednav.left .nut-fixednav-btn .nut-icon{transform:rotate(180deg);margin-right:0;margin-left:5px}.nut-fixednav.left .nut-fixednav-list{transform:translate(-100%);right:auto;border-radius:0 25px 25px 0;padding-left:80px;padding-right:20px;margin:0}[dir=rtl] .nut-fixednav,.nut-rtl .nut-fixednav{right:auto;left:0}[dir=rtl] .nut-fixednav.active .nut-icon,.nut-rtl .nut-fixednav.active .nut-icon{transform:rotate(-180deg)}[dir=rtl] .nut-fixednav-btn,.nut-rtl .nut-fixednav-btn{right:auto;left:0;border-radius:0 45px 45px 0}[dir=rtl] .nut-fixednav-btn .nut-icon,.nut-rtl .nut-fixednav-btn .nut-icon{margin-right:0;margin-left:5px;transform:rotate(180deg)}[dir=rtl] .nut-fixednav-list,.nut-rtl .nut-fixednav-list{right:auto;left:0;transform:translate(-100%);border-radius:0 25px 25px 0;box-shadow:-2px 2px 8px #0003;padding-right:20px;padding-left:80px}[dir=rtl] .nut-fixednav-list-item .b,.nut-rtl .nut-fixednav-list-item .b{right:auto;left:0}[dir=rtl] .nut-fixednav.left,.nut-rtl .nut-fixednav.left{left:auto;right:0}[dir=rtl] .nut-fixednav.left .nut-fixednav-btn,.nut-rtl .nut-fixednav.left .nut-fixednav-btn{left:auto;right:0;border-radius:45px 0 0 45px}[dir=rtl] .nut-fixednav.left .nut-fixednav-btn .nut-icon,.nut-rtl .nut-fixednav.left .nut-fixednav-btn .nut-icon{transform:rotate(0);margin-right:5px;margin-left:0}[dir=rtl] .nut-fixednav.left .nut-fixednav-list,.nut-rtl .nut-fixednav.left .nut-fixednav-list{transform:translate(100%);right:auto;left:auto;border-radius:25px 0 0 25px;padding-right:80px;padding-left:20px}.nut-drag .nut-fixednav{position:relative}.nut-navbar{width:var(--nutui-navbar-width, 100%);position:relative;display:flex;align-items:center;height:var(--nutui-navbar-height, 44px);box-sizing:border-box;background:var(--nutui-navbar-background, var(--nutui-gray-3, #f6f6f6));box-shadow:var(--nutui-navbar-box-shadow, 0px);font-size:var(--nutui-navbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-navbar-color, var(--nutui-gray-7, #1a1a1a));margin-bottom:var(--nutui-navbar-margin-bottom, 20px);overflow:hidden}.nut-navbar-fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar-placeholder{display:inline-block;width:100%}.nut-navbar-title{min-width:53%;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:var(--nutui-navbar-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-navbar-title-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-navbar-title-font-color, var(--nutui-gray-7, #1a1a1a))}.nut-navbar-title .nut-tabs-titles{background:transparent}.nut-navbar-title .nut-tabs-titles-item-text{color:var(--nutui-gray-7, #1a1a1a)}.nut-navbar-title .nut-tabpane{display:none}.nut-navbar-title ::-webkit-scrollbar{display:none}.nut-navbar-left,.nut-navbar-right{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;padding:0 14px}.nut-navbar-left .nut-icon,.nut-navbar-left .nutui-iconfont,.nut-navbar-right .nut-icon,.nut-navbar-right .nutui-iconfont{width:20px;height:20px;font-size:20px}.nut-navbar-left{left:0}.nut-navbar-left-back{display:flex;align-items:center;justify-content:center;margin-right:10px}.nut-navbar-right{right:0}.nut-navbar-right .nut-icon{margin-left:12px}.nut-navbar-right .nut-icon:first-child{margin-left:0}.nut-navbar-title-align-left{padding-left:14px}.nut-navbar-title-align-left .nut-navbar-left{position:static;padding:0}.nut-navbar-title-align-left .nut-navbar-left .nut-icon{margin-left:12px}.nut-navbar-title-align-left .nut-navbar-left .nut-icon:first-child{margin-left:0}.nut-navbar-title-align-left .nut-navbar-right{position:static;display:inline-flex;white-space:nowrap;padding-left:0}.nut-navbar-title-align-left .nut-navbar-left-back{margin-right:0}.nut-navbar-title-align-left .nut-navbar-title{min-width:0;margin:0;flex:1;justify-content:flex-start;padding:0 8px;text-align:left}[dir=rtl] .nut-navbar-fixed,.nut-rtl .nut-navbar-fixed,[dir=rtl] .nut-navbar-left,.nut-rtl .nut-navbar-left{left:auto;right:0}[dir=rtl] .nut-navbar-left .nut-icon-ArrowLeft,.nut-rtl .nut-navbar-left .nut-icon-ArrowLeft{transform:rotateY(180deg)}[dir=rtl] .nut-navbar-left-back,.nut-rtl .nut-navbar-left-back{margin-right:0;margin-left:10px}[dir=rtl] .nut-navbar-right,.nut-rtl .nut-navbar-right{right:auto;left:0}[dir=rtl] .nut-navbar-right .nut-icon,.nut-rtl .nut-navbar-right .nut-icon{margin-left:0;margin-right:12px}[dir=rtl] .nut-navbar-right .nut-icon:first-child,.nut-rtl .nut-navbar-right .nut-icon:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-navbar-title-align-left .nut-navbar-left .nut-icon-ArrowLeft,.nut-rtl .nut-navbar-title-align-left .nut-navbar-left .nut-icon-ArrowLeft{margin-left:0;margin-right:12px}[dir=rtl] .nut-navbar-title-align-left .nut-navbar-left .nut-icon-ArrowLeft:first-child,.nut-rtl .nut-navbar-title-align-left .nut-navbar-left .nut-icon-ArrowLeft:first-child{margin-left:0;margin-right:0}[dir=rtl] .nut-navbar-title-align-left .nut-navbar-left-back,.nut-rtl .nut-navbar-title-align-left .nut-navbar-left-back{margin-right:0;margin-left:0}.nut-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar-title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar-content{position:relative;display:block}.nut-sidenavbar-list.sidenavbar-show .nut-sidenavbar-content{height:auto;overflow:inherit}.nut-sidenavbar-list.sidenavbar-hide .nut-sidenavbar-content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}[dir=rtl] .nut-sidenavbar .arrow-icon,.nut-rtl .nut-sidenavbar .arrow-icon{right:auto;left:16px}[dir=rtl] .nut-sidenavbar .nut-subsidenavbar-border-bt:after,.nut-rtl .nut-sidenavbar .nut-subsidenavbar-border-bt:after{left:auto;right:0}.nut-subsidenavbar-item{height:var(--nutui-sidenavbar-item-height, 40px);color:var(--nutui-sidenavbar-sub-item-color, var(--nutui-gray-6, #595959));padding:var(--nutui-sidenavbar-sub-item-padding, 10px 8px 10px 55px);box-sizing:border-box}.nut-subsidenavbar-list{background-color:var(--nutui-sidenavbar-sub-list-background, #ffffff);color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-6, #595959))}.nut-subsidenavbar-title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-sub-title-padding, 10px 8px 10px 35px);background-color:var(--nutui-sidenavbar-sub-title-background, var(--nutui-gray-2, #f8f8f8));color:var(--nutui-sidenavbar-sub-title-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box}.nut-subsidenavbar-list.sidenavbar-show .nut-subsidenavbar-content{height:auto;overflow:inherit}.nut-subsidenavbar-list.sidenavbar-hide .nut-subsidenavbar-content{height:0;overflow:hidden}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 1px solid #eee);border-top:var(--nutui-tabbar-border-top, 1px solid #eee);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--nutui-gray-1, #ffffff)}.nut-tabbar-wrap{width:100%;height:var(--nutui-tabbar-height, 50px);display:flex;flex-direction:row;justify-content:center;align-items:center}.nut-tabbar:last-child{border-right:0}.nut-tabbar-fixed{position:fixed;bottom:0;left:0}.nut-tabbar-safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}[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-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-7, #1a1a1a));height:100%}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.nut-tabbar-item-icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px);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, #fa2c19))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator-list{display:block;position:relative;top:0;overflow:hidden;font-size:var(--nutui-elevator-list-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-elevator-list-color, var(--nutui-gray-7, #1a1a1a))}.nut-elevator-list-inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-bg-color, #ffffff);overflow:auto}.nut-elevator-list-item{display:block}.nut-elevator-list-item-code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-item-code-color, var(--nutui-gray-7, #1a1a1a));padding:var(--nutui-elevator-list-item-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));background-color:var(--nutui-elevator-list-item-code-background-color, inherit)}.nut-elevator-list-item-name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator-list-item-name-highcolor{color:var(--nutui-color-primary, #fa2c19)}.nut-elevator-list-fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 500));background-color:var(--nutui-elevator-list-fixed-bg-color, #ffffff);box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator-code-current{position:absolute;right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-bars-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator-bars{position:absolute;right:var(--nutui-elevator-bars-right, 10px);top:var(--nutui-elevator-bars-top, 50%);color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-elevator-bars-font-size, var(--nutui-font-size-2, 12px));transform:var(--nutui-elevator-bars-transform, translateY(-50%));padding:var(--nutui-elevator-bars-padding, 15px 0);background-color:var(--nutui-elevator-bars-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:var(--nutui-elevator-bars-border-radius, 6px);text-align:center;z-index:var(--nutui-elevator-bars-z-index, 1)}.nut-elevator-bars-inner-item{display:block;padding:var(--nutui-elevator-bars-inner-item-padding, 3px);cursor:pointer}.nut-elevator-bars-inner-item-active{font-weight:var(--nutui-font-weight-bold, 500);color:var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #fa2c19))}[dir=rtl] .nut-elevator-list-fixed,.nut-rtl .nut-elevator-list-fixed{left:auto;right:0}[dir=rtl] .nut-elevator-code-current,.nut-rtl .nut-elevator-code-current{right:auto;left:var(--nutui-elevator-list-item-code-current-right, 60px)}[dir=rtl] .nut-elevator-bars,.nut-rtl .nut-elevator-bars{right:auto;left:var(--nutui-elevator-bars-right, 10px)}.nut-address-elevator{display:flex;margin-top:20px}.nut-address-exist{display:block;padding:15px 20px 0;height:279px;overflow-y:auto;box-sizing:border-box}.nut-address-exist-item{display:flex;align-items:center;margin-bottom:20px;font-size:var(--nutui-font-size-2, 12px);line-height:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a)}.nut-address-exist-item.active{font-weight:var(--nutui-font-weight-bold, 500)}.nut-address-exist-item-info{margin-left:9px}.nut-address-footer{width:100%;height:54px;padding:6px 0 0;border-top:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-address-footer-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:21px;font-size:15px;color:var(--nutui-color-primary-text, #ffffff)}[dir=rtl] .nut-address-exist-item-info,.nut-rtl .nut-address-exist-item-info{margin-left:0;margin-right:9px}.nut-calendar-viewmode{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px));background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);overflow:hidden;height:100%}.nut-calendar-viewmode.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px))}.nut-calendar-viewmode .nut-calendar-taro{height:60vh}.nut-calendar-viewmode .popup-box{height:100%}.nut-calendar-viewmode ::-webkit-scrollbar{display:none}.nut-calendar-viewmode-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-viewmode-title{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-calendar-title-font-weight, var(--nutui-font-weight-bold, 500));line-height:50px}.nut-calendar-viewmode-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-3, 14px))}.nut-calendar-viewmode-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-viewmode-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-viewmode-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-calendar-viewmode-panel{display:flex;flex-direction:column;text-align:center}.nut-calendar-viewmode-panel-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-viewmode-item{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-panel-item-width, 24.85%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold, 500));margin-bottom:4px}.nut-calendar-viewmode-item-info-curr,.nut-calendar-viewmode-item-info{position:absolute;bottom:5px;width:100%;font-size:var(--nutui-font-size-2, 12px);line-height:14px}.nut-calendar-viewmode-item.active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-color-primary-text, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-viewmode-item.active .nut-calendar-day-info{color:var(--nutui-color-primary-text, #ffffff)}.nut-calendar-viewmode-item-prev,.nut-calendar-viewmode-item-next{color:var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #bfbfbf))!important}.nut-calendar-viewmode-item-prev .nut-calendar-day-info-curr,.nut-calendar-viewmode-item-next .nut-calendar-day-info-curr{display:none}.nut-calendar-viewmode-footer{display:flex;width:100%;flex-direction:column;background-color:#fff}.nut-calendar-viewmode-footer .calendar-confirm-btn{height:44px;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);color:var(--nutui-color-primary-text, #ffffff);text-align:center;line-height:44px}.nut-calendar{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px));background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);overflow:hidden;height:100%}.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-title{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-calendar-title-font-weight, var(--nutui-font-weight-bold, 500));line-height:50px}.nut-calendar-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-3, 14px))}.nut-calendar-header-buttons{height:var(--nutui-calendar-header-height, 24px)}.nut-calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar-weeks-shrink{padding-left:17%}.nut-calendar-week-item:first-of-type,.nut-calendar-week-item:last-of-type{color:var(--nutui-color-primary, #fa2c19)}.nut-calendar-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-weeknumber{width:35%}.nut-calendar-weeknumber-index{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-font-weight, 400);font-size:var(--nutui-font-size-3, 14px);margin-bottom:4px;color:var(--nutui-gray-5, #8c8c8c)}.nut-calendar-days{overflow:hidden}.nut-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold, 500));margin-bottom:4px}.nut-calendar-day:nth-child(7n),.nut-calendar-day:nth-child(7n+1){color:var(--nutui-color-primary, #fa2c19)}.nut-calendar-day-info-curr,.nut-calendar-day-info{position:absolute;bottom:5px;width:100%;font-size:12px;line-height:14px}.nut-calendar-day-info-top{position:absolute;width:100%;top:5px}.nut-calendar-day-info-bottom{position:absolute;width:100%;bottom:5px}.nut-calendar-day-active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-color-primary-text, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active .nut-calendar-day-info{color:var(--nutui-color-primary-text, #ffffff)}.nut-calendar-day-disabled{color:var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #bfbfbf))!important}.nut-calendar-day-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose{background-color:var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-calendar-choose-color, var(--nutui-color-primary, #fa2c19))}.nut-calendar-day-choose-disabled{background-color:var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, .09));color:var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #bfbfbf))!important}.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar .shrink{display:flex}.nut-calendar-footer{display:flex;width:100%;flex-direction:column;background-color:#fff}.nut-calendar-footer .calendar-confirm-btn{height:44px;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);color:var(--nutui-color-primary-text, #ffffff);text-align:center;line-height:44px}.nut-calendar-popup .nut-popup-title-right{top:7px!important}[dir=rtl] .nut-calendar-day,.nut-rtl .nut-calendar-day{float:right}[dir=rtl] .nut-calendar-day-active.active-start,.nut-rtl .nut-calendar-day-active.active-start{border-top-left-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:0;border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}[dir=rtl] .nut-calendar-day-active.active-end,.nut-rtl .nut-calendar-day-active.active-end{border-top-right-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:0;border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard{background:var(--nutui-gray-1, #ffffff);border-radius:12px;overflow:hidden;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-4, 16px));color:var(--nutui-gray-7, #1a1a1a)}.nut-calendarcard-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:400}.nut-calendarcard-header-left,.nut-calendarcard-header-right{display:flex;flex-direction:row;cursor:pointer;margin:16px;line-height:1}.nut-calendarcard-header-left .left,.nut-calendarcard-header-right .left{margin-left:8px}.nut-calendarcard-header-left .right,.nut-calendarcard-header-right .right{margin-right:8px}.nut-calendarcard-days{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.nut-calendarcard-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:var(--nutui-calendar-day-width, 14.28%);height:48px;cursor:pointer;margin-bottom:4px;text-align:center}.nut-calendarcard-day.header{cursor:auto}.nut-calendarcard-day-top,.nut-calendarcard-day-bottom{width:100%;height:12px;font-size:12px;line-height:12px}.nut-calendarcard-day.weekend{color:var(--nutui-calendar-choose-color, var(--nutui-color-primary, #fa2c19))}.nut-calendarcard-day.active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-color-primary-text, #ffffff);border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.start,.nut-calendarcard-day.end{background-color:var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #fa2c19));color:var(--nutui-color-primary-text, #ffffff)}.nut-calendarcard-day.start{border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.end{border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendarcard-day.mid{background-color:var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-calendar-choose-color, var(--nutui-color-primary, #fa2c19))}.nut-calendarcard-day .nut-calendar-day-info{color:var(--nutui-color-primary-text, #ffffff)}.nut-calendarcard-day.prev,.nut-calendarcard-day.next,.nut-calendarcard-day.disabled{color:var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}[dir=rtl] .nut-calendarcard-header-left .left,[dir=rtl] .nut-calendarcard-header-right .left,.nut-rtl .nut-calendarcard-header-left .left,.nut-rtl .nut-calendarcard-header-right .left{margin-left:0;margin-right:8px}[dir=rtl] .nut-calendarcard-header-left .right,[dir=rtl] .nut-calendarcard-header-right .right,.nut-rtl .nut-calendarcard-header-left .right,.nut-rtl .nut-calendarcard-header-right .right{margin-right:0;margin-left:8px}[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowLeft,[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowRight,[dir=rtl] .nut-calendarcard-header-left svg,[dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowLeft,[dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowRight,[dir=rtl] .nut-calendarcard-header-right svg,.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowLeft,.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowRight,.nut-rtl .nut-calendarcard-header-left svg,.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowLeft,.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowRight,.nut-rtl .nut-calendarcard-header-right svg{transform:rotate(180deg)}[dir=rtl] .nut-calendarcard-day.start,[dir=rtl] .nut-calendarcard-day.end,.nut-rtl .nut-calendarcard-day.start,.nut-rtl .nut-calendarcard-day.end{border-radius:0}[dir=rtl] .nut-calendarcard-day.start,.nut-rtl .nut-calendarcard-day.start{border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}[dir=rtl] .nut-calendarcard-day.end,.nut-rtl .nut-calendarcard-day.end{border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-backgroundColor, #fff);color:var(--nutui-gray-7, #1a1a1a);padding:var(--nutui-tabs-tabpane-padding, 24px 20px);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, 44px);-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6));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, 12px);height:var(--nutui-tabs-titles-height, 44px);line-height:var(--nutui-tabs-titles-height, 44px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item .nut-icon{color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #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-gray-7, #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, 2px);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, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-text{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.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, #fa2c19))}.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, #bfbfbf)}.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-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item{padding:0 10px}.nut-tabs-titles-button .nut-