@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
1 lines • 191 kB
CSS
:root,page{--nutui-brand-1: #E6F5FF ;--nutui-brand-2: #E6F5FF ;--nutui-brand-3: #006DFC;--nutui-brand-4: #006DFC;--nutui-brand-5: #006DFC;--nutui-brand-6: #006DFC;--nutui-brand-7: #006DFC;--nutui-brand-8: #006DFC;--nutui-brand-9: #006DFC;--nutui-brand-10: #006DFC;--nutui-brand-stop-1: #006DFC;--nutui-brand-stop-2: #006DFC;--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: #006DFC;--nutui-gray-1: #ffffff;--nutui-gray-2: #f8f8f8;--nutui-gray-3: #f8f8f8;--nutui-gray-4: rgba(0,0,0,.4);--nutui-gray-5: rgba(0, 0, 0, .4);--nutui-gray-6: rgba(0, 0, 0, .6);--nutui-gray-7: rgba(0, 0, 0, .9);--nutui-black-1: rgba(0, 0, 0, 0);--nutui-black-2: rgba(0, 0, 0, .02);--nutui-black-3: rgba(0, 0, 0, .1);--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: #006DFC;--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-button{position:relative;display:flex;display:inline-block;justify-content:center;align-items:center;flex-shrink:0;box-sizing:border-box;margin:0;padding:0;height:40px;font-size:17px;font-weight:var(--nutui-font-weight-bold, 700);text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#0009;background:#fff}.nut-button-text{margin-left:var(--nutui-button-text-icon-margin, 4px)}.nut-button-text.right{margin-right:var(--nutui-button-text-icon-margin, 4px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000000b3;border:inherit;border-color:#000000b3;border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button-wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button-wrap .nut-icon{font-size:17px;width:17px;height:17px}.nut-button-loading:before,.nut-button-disabled:before{display:none}.nut-button.nut-button-icononly{width:40px;padding:0}.nut-button-default{padding:0 16px;border:var(--nutui-button-border-width, 1px) solid #c8c8c8}.nut-button-default.nut-button-disabled{color:var(--nutui-button-default-disabled-color, rgba(0, 0, 0, .6));background:transparent}.nut-button-default.nut-button-none{background:transparent}.nut-button-default.nut-button-none.nut-button-disabled{color:var(--nutui-button-default-disabled-color, rgba(0, 0, 0, .6))}.nut-button-default.nut-button-outline,.nut-button-default.nut-button-dashed{background:transparent}.nut-button-default.nut-button-outline.nut-button-disabled,.nut-button-default.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-default-disabled-color, rgba(0, 0, 0, .6));border-color:var(--nutui-button-default-disabled, #c8c8c8)}.nut-button-normal{padding:var(--nutui-button-normal-padding, 0px 16px)}.nut-button-xlarge{height:52px;padding:0 16px;font-size:17px;font-weight:var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 700))}.nut-button-xlarge .nut-icon{font-size:17px;width:17px;height:17px}.nut-button-large{height:48px;padding:0 16px;font-size:17px;font-weight:var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 700))}.nut-button-large .nut-icon{font-size:17px;width:17px;height:17px}.nut-button-small{height:32px;padding:0 16px;font-size:13px}.nut-button-small .nut-icon{font-size:13px;width:13px;height:13px}.nut-button-mini{height:24px;padding:0 16px;font-size:13px}.nut-button-mini .nut-icon{font-size:13px;width:13px;height:13px}.nut-button-primary{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #006DFC) 0%,var(--nutui-color-primary-stop-2, #006DFC) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-primary.nut-button-disabled{background:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC))}.nut-button-primary.nut-button-none{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #006DFC))}.nut-button-primary.nut-button-none.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC))}.nut-button-primary.nut-button-outline{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #006DFC));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-primary-border-color, var(--nutui-color-primary, #006DFC))}.nut-button-primary.nut-button-outline.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC))}.nut-button-primary.nut-button-dashed{background:transparent;color:var(--nutui-button-primary-border-color, var(--nutui-color-primary, #006DFC));border:var(--nutui-button-border-width, 1px) dashed var(--nutui-button-primary-border-color, var(--nutui-color-primary, #006DFC))}.nut-button-primary.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC))}.nut-button-success{color:var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-color-success, #13BF5C);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-success.nut-button-disabled{background:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #13BF5C));border-color:var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #13BF5C))}.nut-button-success.nut-button-outline,.nut-button-success.nut-button-dashed{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #13BF5C));border-color:var(--nutui-button-success-border-color, var(--nutui-color-success, #13BF5C));background:transparent}.nut-button-success.nut-button-outline.nut-button-disabled,.nut-button-success.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC))}.nut-button-success.nut-button-none{color:var(--nutui-button-success-border-color, var(--nutui-color-success, #13BF5C))}.nut-button-info{color:var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-color-info, var(--nutui-color-primary, #006DFC));background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-info.nut-button-disabled{background:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, var(--nutui-color-primary-disabled, #006DFC)));border-color:var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, var(--nutui-color-primary-disabled, #006DFC)))}.nut-button-info.nut-button-outline,.nut-button-info.nut-button-dashed{color:var(--nutui-button-info-border-color, var(--nutui-color-info, var(--nutui-color-primary, #006DFC)));border-color:var(--nutui-button-info-border-color, var(--nutui-color-info, var(--nutui-color-primary, #006DFC)));background:transparent}.nut-button-info.nut-button-outline.nut-button-disabled,.nut-button-info.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC));border-color:var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled, #006DFC))}.nut-button-info.nut-button-none{color:var(--nutui-button-info-border-color, var(--nutui-color-info, var(--nutui-color-primary, #006DFC)))}.nut-button-danger{color:var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-color-danger, #FF4949);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-danger.nut-button-disabled{background:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, #FF4949));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, #FF4949))}.nut-button-danger.nut-button-outline,.nut-button-danger.nut-button-dashed{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #FF4949));border-color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #FF4949));background:transparent}.nut-button-danger.nut-button-outline.nut-button-disabled,.nut-button-danger.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, #FF4949));border-color:var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, #FF4949))}.nut-button-danger.nut-button-none{color:var(--nutui-button-danger-border-color, var(--nutui-color-danger, #FF4949))}.nut-button-warning{color:var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));background:var(--nutui-color-warning, #FF850C);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-warning.nut-button-disabled{background:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #FF850C));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #FF850C))}.nut-button-warning.nut-button-outline,.nut-button-warning.nut-button-dashed{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, #FF850C));border-color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, #FF850C));background:transparent}.nut-button-warning.nut-button-outline.nut-button-disabled,.nut-button-warning.nut-button-dashed.nut-button-disabled{color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #FF850C));border-color:var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #FF850C))}.nut-button-warning.nut-button-none{color:var(--nutui-button-warning-border-color, var(--nutui-color-warning, #FF850C))}.nut-button-block{display:block;width:100%}.nut-button-solid{color:var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #006DFC) 0%,var(--nutui-color-primary-stop-2, #006DFC) 100%);background-origin:border-box;border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button-solid.nut-button-disabled{color:var(--nutui-button-default-disabled-color, rgba(0, 0, 0, .6));background:var(--nutui-button-default-disabled, #c8c8c8)}.nut-button.nut-button-outline,.nut-button.nut-button-dashed{background:transparent}.nut-button.nut-button-none{border-color:transparent;background:transparent}.nut-button-disabled{cursor:not-allowed;color:#fff;background:var(--nutui-button-default-disabled, #c8c8c8);border-color:var(--nutui-button-default-disabled, #c8c8c8)}.nut-button-loading{cursor:default;opacity:.9}.nut-button-round{border-radius:var(--nutui-button-border-radius, 24px)}.nut-button-round.nut-button-xlarge,.nut-button-round.nut-button-large{border-radius:var(--nutui-button-large-border-radius, 24px)}.nut-button-round.nut-button-small{border-radius:var(--nutui-button-small-border-radius, 24px)}.nut-button-round.nut-button-mini{border-radius:var(--nutui-button-mini-border-radius, 24px)}.nut-button-square{border-radius:var(--nutui-button-square-border-radius, 0)}[dir=rtl] .nut-button-text,.nut-rtl .nut-button-text{margin-left:0;margin-right:var(--nutui-button-text-icon-margin, 4px)}[dir=rtl] .nut-button-text.right,.nut-rtl .nut-button-text.right{margin-left:var(--nutui-button-text-icon-margin, 4px)}[dir=rtl] .nut-button:before,.nut-rtl .nut-button:before{left:auto;right:50%;transform:translate(50%,-50%)}.nut-button-disabled{opacity:.4}.nut-button-none{border:transparent!important}.nut-button-dashed{border:var(--nutui-button-border-width, 1px) dashed}.nut-button-solid.nut-button-disabled{color:#fff!important}.mj-button-mini-default,.mj-button-small-default{border-radius:8px!important}.mj-button-normal-default,.mj-button-large-default,.mj-button-xlarge-default{border-radius:12px!important}.nut-cell{position:relative;display:flex;width:100%;line-height:24px;padding:16px;background-color:var(--nutui-cell-background-color, #ffffff);border-radius:8px;box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, 15px);color:var(--nutui-cell-title-color, rgba(0, 0, 0, .95));margin:10px 0;box-sizing:border-box}.nut-cell-left{display:flex;flex-direction:column;flex:1}.nut-cell-description{font-size:var(--nutui-cell-description-font-size, 13px);color:var(--nutui-cell-description-color, rgba(0, 0, 0, .6))}.nut-cell-extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, 15px);color:var(--nutui-cell-extra-color, rgba(0, 0, 0, .6))}.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, rgba(0, 0, 0, .95));font-size:var(--nutui-cell-group-title-font-size, 15px);line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, rgba(0, 0, 0, .6));font-size:var(--nutui-cell-group-description-font-size, 13px);line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{display:inherit;border-radius:8px;overflow:hidden;background-color:var(--nutui-cell-group-background-color, #ffffff);margin:var(--nutui-cell-group-wrap-margin, 10px 0)}.nut-cell-group-wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid rgba(0, 0, 0, .1))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0!important}[dir=rtl] .nut-cell-group-wrap-divider .nut-cell-divider,.nut-rtl .nut-cell-group-wrap-divider .nut-cell-divider{left:var(--nutui-cell-divider-right, 16px);right:var(--nutui-cell-divider-left, 16px)}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f8f8;background-size:100% 100%}[dir=rtl] .nut-image .nut-img-loading,.nut-rtl .nut-image .nut-img-loading,[dir=rtl] .nut-image .nut-img-error,.nut-rtl .nut-image .nut-img-error{left:auto;right:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, rgba(0, 0, 0, .7));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, #ffffff);color:var(--nutui-overlay-content-color, rgba(0, 0, 0, .95))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.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, 15px);color:var(--nutui-divider-text-color, rgba(0, 0, 0, .6));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, rgba(0, 0, 0, .1));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:16px}.nut-divider-center:after,.nut-divider-left:after,.nut-divider-right:after{margin-left:16px}.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{position:relative;top:var(--nutui-divider-vertical-top, 2px);display:inline-block;width:auto;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-border-color, rgba(0, 0, 0, .1));margin:0 16px}[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:16px}[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:16px}[dir=rtl] .nut-divider-vertical,.nut-rtl .nut-divider-vertical{border-left:none;border-right:1px solid var(--nutui-divider-border-color, rgba(0, 0, 0, .1))}.nut-grid{display:flex;flex-wrap:wrap;border:0 solid var(--nutui-grid-border-color, rgba(0, 0, 0, .1))}.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, rgba(0, 0, 0, .95))}.nut-grid-item-text{color:var(--nutui-grid-item-text-color, rgba(0, 0, 0, .95));font-size:var(--nutui-grid-item-text-font-size, 13px);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, rgba(0, 0, 0, .1))}.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:#000000b3;border:inherit;border-color:#000000b3;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:12px}.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:12px}.nut-space-horizontal>.nut-space-item:last-child{margin-right:0}.nut-space-horizontal.nut-space-wrap{flex-wrap:wrap;margin-bottom:-12px}.nut-space-horizontal.nut-space-wrap>.nut-space-item{padding-bottom:12px}.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:12px}[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:#fff;color:#000000f2;border:1px solid var(--nutui-backtop-border-color, rgba(0, 0, 0, .1));border-radius:50%}.nut-backtop.show:active{background:#f8f8f8}.nut-backtop-main{transition:all .2s ease-in-out;color:#000000f2}.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, 13px);color:var(--nutui-elevator-list-color, rgba(0, 0, 0, .95))}.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, 15px);color:var(--nutui-elevator-list-item-code-color, rgba(0, 0, 0, .95));padding:var(--nutui-elevator-list-item-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 700));box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px solid rgba(0, 0, 0, .1));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, #006DFC)}.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, 15px);color:var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #006DFC));font-weight:var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 700));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:#0009;font-size:var(--nutui-elevator-bars-font-size, 13px);transform:var(--nutui-elevator-bars-transform, translateY(-50%));padding:var(--nutui-elevator-bars-padding, 15px 0);background-color:var(--nutui-elevator-bars-background-color, #f8f8f8);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, 700);color:var(--nutui-elevator-bars-active-color, var(--nutui-color-primary, #006DFC))}[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-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, #006DFC));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:13px;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, #006DFC);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, #f8f8f8);box-shadow:var(--nutui-navbar-box-shadow, 0px);font-size:var(--nutui-navbar-font-size, 15px);color:var(--nutui-navbar-color, rgba(0, 0, 0, .95));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-safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar-title{min-width:53%;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:var(--nutui-navbar-title-font-weight, var(--nutui-font-weight-bold, 700));color:var(--nutui-navbar-title-font-color, rgba(0, 0, 0, .95))}.nut-navbar-title .nut-tabs-titles{background:transparent}.nut-navbar-title .nut-tabs-titles-item-text{color:#000000f2}.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 rgba(0,0,0,.6);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid rgba(0,0,0,.6);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, #f8f8f8);color:var(--nutui-sidenavbar-title-color, rgba(0, 0, 0, .95));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, rgba(0, 0, 0, .6));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, rgba(0, 0, 0, .6))}.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, #f8f8f8);color:var(--nutui-sidenavbar-sub-title-color, rgba(0, 0, 0, .95));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:#fff}.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, rgba(0, 0, 0, .95));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:11px;margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, 17px);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, #006DFC))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-backgroundColor, #fff);color:#000000f2;padding:16px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, #f8f8f8)}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;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-scrollable{overflow-x:auto;overflow-y:hidden}.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:17px;color:var(--nutui-tabs-titles-item-color, rgba(0, 0, 0, .95));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:10%;left:50%;transform:translate(-50%);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%;color:var(--nutui-color-primary, #006DFC)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #006DFC));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 700))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:28px;height:4px;background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #006DFC))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:#0006}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:#000000f2;font-size:var(--nutui-tabs-titles-item-active-font-size, 17px)}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{padding:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 700);background-color:#fff;border-radius:12px 12px 0 0}.nut-tabs-titles-button .nut-tabs-titles-item{padding:0 10px}.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text{flex:1;height:28px;display:flex;align-items:center;justify-content:center;padding:0 8px}.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text{background:var(--nutui-color-default-light);color:#0009;border-radius:var(--nutui-tabs-button-border-radius, 50px);font-weight:var(--nutui-font-weight-bold, 700);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light, #E6F5FF));color:var(--nutui-color-primary, #006DFC);border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #006DFC))}.nut-tabs-titles-divider{padding:0;border-bottom:1px solid rgba(0,0,0,.1)}