test-nut-ui/dist/style.css

<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>

:root,page{--nutui-brand-color: #2c68ff;--nutui-brand-color-start: #63a2ff;--nutui-brand-color-end: #2c68ff;--nutui-brand-link-color: #2c68ff;--nutui-brand-color-opacity: rgba(250, 44, 25, .5);--nutui-brand-text-color: #ffffff;--nutui-gray-0: #262626;--nutui-gray-1: #595959;--nutui-gray-2: #757575;--nutui-gray-3: #e5e5e5;--nutui-gray-4: #f5f5f5;--nutui-gray-5: #ffffff;--nutui-gray-6: #ffffff;--nutui-gray-7: rgba(0, 0, 0, .65);--nutui-gray-8: rgba(0, 0, 0, .45);--nutui-gray-9: rgba(0, 0, 0, .85);--nutui-gray-10: rgba(0, 0, 0, .04);--nutui-font-size-0: 10px;--nutui-font-size-1: 12px;--nutui-font-size-2: 14px;--nutui-font-size-3: 16px;--nutui-font-size-4: 18px;--nutui-font-weight-bold: 400;--nutui-line-height-base: 1.5;--nsui-brand-color: #2c68ff;--nsui-sub-color-1: #17c5a2;--nsui-sub-color-2: #fe385c;--nsui-sub-color-3: #385080;--nsui-sub-color-4: #17c5a2;--nsui-gray-color-1: #ffffff;--nsui-gray-color-2: #f5f5f5;--nsui-gray-color-3: #f0f0f0;--nsui-gray-color-4: #e5e5e5;--nsui-gray-color-5: #d9d9d9;--nsui-gray-color-6: #bfbfbf;--nsui-gray-color-7: #8c8c8c;--nsui-gray-color-8: #595959;--nsui-gray-color-9: #262626;--nsui-gray-color-10: #000000;--nsui-white-color-1: #ffffff;--nsui-white-color-2: rgba(255, 255, 255, .85);--nsui-white-color-3: rgba(255, 255, 255, .65);--nsui-white-color-4: rgba(255, 255, 255, .45);--nsui-white-color-5: rgba(255, 255, 255, .25);--nsui-gray-percent-color-1: #ffffff;--nsui-gray-percent-color-2: rgba(0, 0, 0, .04);--nsui-gray-percent-color-3: rgba(0, 0, 0, .06);--nsui-gray-percent-color-4: rgba(0, 0, 0, .1);--nsui-gray-percent-color-5: rgba(0, 0, 0, .15);--nsui-gray-percent-color-6: rgba(0, 0, 0, .25);--nsui-gray-percent-color-7: rgba(0, 0, 0, .45);--nsui-gray-percent-color-8: rgba(0, 0, 0, .65);--nsui-gray-percent-color-9: rgba(38, 38, 38, .85);--nsui-gray-percent-color-10: #000000;--nsui-font-size-0: 10px;--nsui-font-size-1: 11px;--nsui-font-size-2: 12px;--nsui-font-size-3: 13px;--nsui-font-size-4: 14px;--nsui-font-size-5: 16px;--nsui-font-size-6: 18px;--nsui-font-size-7: 20px;--nsui-font-size-8: 24px;--nsui-font-size-9: 28px;--nsui-font-size-10: 32px;--nsui-line-height-0: 16px;--nsui-line-height-1: 18px;--nsui-line-height-2: 18px;--nsui-line-height-3: 20px;--nsui-line-height-4: 22px;--nsui-line-height-5: 24px;--nsui-line-height-6: 28px;--nsui-line-height-7: 30px;--nsui-line-height-8: 36px;--nsui-line-height-9: 42px;--nsui-line-height-10: 48px;--nsui-font-weight-bold-0: 400;--nsui-font-weight-bold-1: 500;--nsui-font-weight-bold-2: 600;--nsui-line-height-base: 1.5;--nsui-border-radius-0: 4px;--nsui-border-radius-1: 8px;--nsui-border-radius-2: 12px;--nsui-border-radius-4: 32px;--nsui-line-space-0: 4px;--nsui-line-space-1: 8px;--nsui-line-space-2: 12px;--nsui-line-space-3: 16px}.nut-col{float:left;box-sizing:border-box;word-break:break-all;margin-bottom:var(--nutui-col-default-margin-bottom, 15px)}.nut-col-gutter:last-child{padding-right:0!important}.nut-col-gutter:first-child{padding-left:0!important}.nut-col-shrink{max-width:26px}.nut-col-offset-1{margin-left:calc((100 / 24) * 1 * 1%)}.nut-col-1{width:calc((100 / 24) * 1 * 1%)}.nut-col-offset-2{margin-left:calc((100 / 24) * 2 * 1%)}.nut-col-2{width:calc((100 / 24) * 2 * 1%)}.nut-col-offset-3{margin-left:calc((100 / 24) * 3 * 1%)}.nut-col-3{width:calc((100 / 24) * 3 * 1%)}.nut-col-offset-4{margin-left:calc((100 / 24) * 4 * 1%)}.nut-col-4{width:calc((100 / 24) * 4 * 1%)}.nut-col-offset-5{margin-left:calc((100 / 24) * 5 * 1%)}.nut-col-5{width:calc((100 / 24) * 5 * 1%)}.nut-col-offset-6{margin-left:calc((100 / 24) * 6 * 1%)}.nut-col-6{width:calc((100 / 24) * 6 * 1%)}.nut-col-offset-7{margin-left:calc((100 / 24) * 7 * 1%)}.nut-col-7{width:calc((100 / 24) * 7 * 1%)}.nut-col-offset-8{margin-left:calc((100 / 24) * 8 * 1%)}.nut-col-8{width:calc((100 / 24) * 8 * 1%)}.nut-col-offset-9{margin-left:calc((100 / 24) * 9 * 1%)}.nut-col-9{width:calc((100 / 24) * 9 * 1%)}.nut-col-offset-10{margin-left:calc((100 / 24) * 10 * 1%)}.nut-col-10{width:calc((100 / 24) * 10 * 1%)}.nut-col-offset-11{margin-left:calc((100 / 24) * 11 * 1%)}.nut-col-11{width:calc((100 / 24) * 11 * 1%)}.nut-col-offset-12{margin-left:calc((100 / 24) * 12 * 1%)}.nut-col-12{width:calc((100 / 24) * 12 * 1%)}.nut-col-offset-13{margin-left:calc((100 / 24) * 13 * 1%)}.nut-col-13{width:calc((100 / 24) * 13 * 1%)}.nut-col-offset-14{margin-left:calc((100 / 24) * 14 * 1%)}.nut-col-14{width:calc((100 / 24) * 14 * 1%)}.nut-col-offset-15{margin-left:calc((100 / 24) * 15 * 1%)}.nut-col-15{width:calc((100 / 24) * 15 * 1%)}.nut-col-offset-16{margin-left:calc((100 / 24) * 16 * 1%)}.nut-col-16{width:calc((100 / 24) * 16 * 1%)}.nut-col-offset-17{margin-left:calc((100 / 24) * 17 * 1%)}.nut-col-17{width:calc((100 / 24) * 17 * 1%)}.nut-col-offset-18{margin-left:calc((100 / 24) * 18 * 1%)}.nut-col-18{width:calc((100 / 24) * 18 * 1%)}.nut-col-offset-19{margin-left:calc((100 / 24) * 19 * 1%)}.nut-col-19{width:calc((100 / 24) * 19 * 1%)}.nut-col-offset-20{margin-left:calc((100 / 24) * 20 * 1%)}.nut-col-20{width:calc((100 / 24) * 20 * 1%)}.nut-col-offset-21{margin-left:calc((100 / 24) * 21 * 1%)}.nut-col-21{width:calc((100 / 24) * 21 * 1%)}.nut-col-offset-22{margin-left:calc((100 / 24) * 22 * 1%)}.nut-col-22{width:calc((100 / 24) * 22 * 1%)}.nut-col-offset-23{margin-left:calc((100 / 24) * 23 * 1%)}.nut-col-23{width:calc((100 / 24) * 23 * 1%)}.nut-col-offset-24{margin-left:calc((100 / 24) * 24 * 1%)}.nut-col-24{width:calc((100 / 24) * 24 * 1%)}.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-0, 10px));color:var(--nutui-divider-text-color, var(--nsui-gray-color-7, #8C8C8C));line-height:var(--nutui-divider-text-line-height, 16px);margin:var(--nutui-divider-margin, 16px 0);border:0 solid currentColor;width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:var(--nutui-divider-line-color, var(--nsui-gray-percent-color-2, rgba(0, 0, 0, .04)));border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider__align--left:after{margin-right:var(--nutui-divider-after-margin-right, 16px)}.nut-divider__align--right:before{margin-left:var(--nutui-divider-before-margin-left, 16px)}.nut-divider__align--center:before{margin-left:var(--nutui-divider-before-margin-left, 16px)}.nut-divider__align--center:after{margin-right:var(--nutui-divider-after-margin-right, 16px)}.nut-divider__center:before,.nut-divider__left:before,.nut-divider__right:before{margin-right:var(--nutui-divider-before-margin-right, 12px)}.nut-divider__center:after,.nut-divider__left:after,.nut-divider__right:after{margin-left:var(--nutui-divider-after-margin-left, 12px)}.nut-divider__left:before{max-width:var(--nutui-divider-before-after-width, 16px)}.nut-divider__right:after{max-width:var(--nutui-divider-before-after-width, 16px)}.nut-divider__hairline:before,.nut-divider__hairline:after{transform:scaleY(.5)}.nut-divider__vertical{position:relative;display:inline-block;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-line-color, var(--nsui-gray-percent-color-2, rgba(0, 0, 0, .04)));margin:var(--nutui-divider-vertical-margin, 0 12px);width:auto}.nut-grid{position:relative}.nut-grid__scroll{padding:var(--nutui-grid-scroll-padding, 0px 16px 0px 0px)}.nut-grid__scroll .nut-grid__container{flex-wrap:nowrap}.nut-grid__container{position:relative;display:flex;flex-wrap:wrap;border:0 solid var(--nutui-grid-border-color, #f5f6f7);overflow-y:auto}.nut-grid__container::-webkit-scrollbar{height:0;background-color:transparent}.nut-grid__container::-webkit-scrollbar-thumb{background-color:transparent}.nut-grid__container::-webkit-scrollbar-track{background-color:transparent}.nut-grid__container--mp-scroll{overflow:hidden;width:fit-content}.nut-grid__container--mp-scroll .nut-grid-item{flex:1}.nut-grid__scroll--screen{width:var(--nutui-grid-scroll-screen-width, 7px);height:var(--nutui-grid-scroll-screen-height, 68px);position:absolute;top:50%;right:var(--nutui-grid-scroll-screen-right, 8px);transform:translateY(-50%);opacity:var(--nutui-grid-scroll-screen-opacity, .4);background:#FFFFFF;box-shadow:var(--nutui-grid-scroll-screen-box-shadow, -1px 0px 7px 0px rgba(0, 0, 0, .3));z-index:2}.nut-grid__scroll--block{position:absolute;top:0;right:0;width:var(--nutui-grid-block-width, 16px);height:100%;background-color:var(--nutui-grid-block-background, var(--nsui-white-color-1, #FFFFFF));z-index:3}.nut-grid__border{border-top-width:1px;border-left-width:1px}.nut-grid-item{position:relative;box-sizing:border-box;flex-shrink:0;color:var(--nutui-grid-item-text-color, var(--nutui-gray-0, #262626))}.nut-grid-item__text{color:var(--nutui-grid-item-text-color, var(--nutui-gray-0, #262626));font-size:var(--nutui-grid-item-text-font-size, 13px);line-height:var(--nutui-grid-item-text-line-height, 20px);word-break:break-all;margin:var(--nutui-grid-item-text-margin, 4px) 0 0 0;padding:0 var(--nutui-grid-item-text-padding, 4px);text-align:center}.nut-grid-item__desc{color:var(--nutui-grid-item-desc-color, var(--nsui-gray-color-7, #8C8C8C));font-size:var(--nutui-grid-item-desc-font-size, 11px);line-height:var(--nutui-grid-item-desc-line-height, 16px);word-break:break-all;margin:var(--nutui-grid-item-desc-margin, 0px) 0 0 0;padding:0 var(--nutui-grid-item-desc-padding, 4px);text-align:center}.nut-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--nutui-grid-item-content-padding, 16px 4px);background:var(--nutui-grid-item-content-bg-color, var(--nutui-gray-6, #ffffff));border:0 solid var(--nutui-grid-border-color, #f5f6f7)}.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:var(--nutui-grid-item-content-align-items, center);justify-content:var(--nutui-grid-item-content-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, 4px)}.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, 4px);text-align:left}.nut-grid-item__content--horizontal .nut-grid-item__desc{margin:0 0 0 var(--nutui-grid-item-desc-margin-horizontal, 4px);text-align:left}.nut-grid-item__content--has-desc{padding:var(--nutui-grid-item-content-padding, 18px 4px)}.nut-grid-item__content--horizontal.nut-grid-item__content--has-desc{align-items:flex-start}.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, 4px) 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-gray-0, #262626);border:inherit;border-color:var(--nutui-gray-0, #262626);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-grid-item__content--clickable:active:before{opacity:.1}.nut-row{width:100%;overflow:hidden;padding:var(--nutui-row-padding, 0 16px);box-sizing:border-box}.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-align-stretch{align-items:stretch}.nut-row-flex-wrap{flex-wrap:wrap}.nut-row-flex-nowrap{flex-wrap:nowrap}.nut-row-flex-reverse{flex-wrap:wrap-reverse}.nut-sticky--fixed{position:fixed}.nut-sticky--box-fixed{width:100%;right:0;padding:var(--nutui-tabs-titles-padding, 0)}.nut-backtop{display:none;position:fixed}.nut-backtop.show{width:40px;height:40px;background:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #595959);border:1px solid var(--nutui-backtop-border-color, #e0e0e0);border-radius:50%;display:flex;align-items:center;justify-content:center}.nut-backtop.show :active{background:rgba(0,0,0,.1)}.nut-backtop-main{transition:all .2s ease-in-out}.nut-fixednav{position:fixed;z-index:var(--nutui-fixednav-index, 201);display:inline-block;height:50px;right:0}.nut-fixednav.active .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, 201);width:80px;padding-left:12px;height:100%;background:linear-gradient(135deg,var(--nutui-brand-color, #2C68FF) 0%,var(--nutui-brand-color-end, #2C68FF) 100%);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:10px;color:var(--nutui-fixednav-bg-color, var(--nsui-white-color-1, #FFFFFF));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, 201);flex-shrink:0;height:100%;background:var(--nutui-fixednav-bg-color, var(--nsui-white-color-1, #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}.nut-fixednav__list-item img{width:20px;height:20px;margin-bottom:2px}.nut-fixednav__list-item .nut-fixednav__list-text{font-size:10px;color:var(--nutui-fixednav-font-color, var(--nsui-gray-color-10, #000000))}.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-brand-color, #2C68FF);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)}.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}.nut-drag .nut-fixednav{position:inherit}.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;padding:var(--nutui-navbar-padding, 0px 16px);background:var(--nutui-navbar-background, var(--nutui-gray-6, #ffffff));font-size:var(--nutui-navbar-font-size, 18px);font-weight:var(--nutui-navbar-font-weight, 500);color:var(--nutui-navbar-color, var(--nsui-gray-color-9, #262626));margin-bottom:var(--nutui-navbar-margin-bottom, 24px);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:var(--nutui-navbar-title-min-width, 53%);margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:var(--nutui-navbar-title-justify-content, center);padding:var(--nutui-navbar-title-padding, 0px 16px);font-size:var(--nutui-navbar-title-font-size, 18px);font-weight:var(--nutui-navbar-title-font-weight, 500);color:var(--nutui-navbar-title-font-color, var(--nsui-gray-color-9, #262626))}.nut-navbar__title .nut-tabs__titles{background:var(--nutui-gray-6, #ffffff)}.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}.nut-navbar__left{left:0;padding:var(--nutui-navbar-left-padding, 0px 16px 0px 12px)}.nut-navbar__left__back{display:flex;align-items:center;justify-content:center}.nut-navbar__right{right:0;padding:var(--nutui-navbar-right-padding, 0px 16px)}.nut-navbar__divider{position:absolute;left:0;bottom:-2px;margin:0}.nut-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, var(--nutui-gray-6, #ffffff));padding:var(--nutui-sidenavbar-padding, 16px 0 0 0);box-sizing:border-box}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .prefix-icon{margin-right:12px}.nut-sidenavbar__title{height:var(--nutui-sidenavbar-item-height, 50px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-4, #f5f5f5));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-1, #595959));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}.nut-subsidenavbar__item{height:var(--nutui-sidenavbar-item-height, 50px);color:var(--nutui-sidenavbar-sub-item-color, var(--nsui-gray-color-7, #8C8C8C));padding:var(--nutui-sidenavbar-sub-item-padding, 10px 8px 10px 55px);box-sizing:border-box;display:flex;align-items:center}.nut-subsidenavbar__list{background-color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-6, #ffffff));color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-2, #757575))}.nut-subsidenavbar__title{height:var(--nutui-sidenavbar-item-height, 50px);padding:var(--nutui-sidenavbar-sub-title-padding, 0 16px);background-color:var(--nutui-sidenavbar-sub-title-background, var(--nutui-gray-5, #ffffff));color:var(--nutui-sidenavbar-sub-title-color, var(--nsui-gray-color-9, #262626));font-size:var(--nutui-sidenavbar-sub-title-font-size, 14px);box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;position:relative}.nut-subsidenavbar__list.sidenavbar-show .nut-subsidenavbar__content{height:auto;overflow:inherit}.nut-subsidenavbar__list.sidenavbar-hide .nut-subsidenavbar__content{height:0;overflow:hidden}.arrow-custom-down{transform:rotate(90deg)}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--nutui-gray-6, #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:0px;left:0px}.nut-tabbar__safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.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(--nsui-gray-color-8, #595959));height:100%}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nsui-brand-color-guide, #2C68FF))}.nut-tabbar-item__icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item__icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-0, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 2px)}.nut-tabbar-item__icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-3, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px)}.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator__list{display:block;position:relative;overflow:hidden}.nut-elevator__list__inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-inner-bg-color, var(--nutui-gray-6, #ffffff));overflow:auto}.nut-elevator__list__item{display:block;font-size:var(--nutui-elevator-list-item-font-size, 12px);color:var(--nutui-elevator-list-item-font-color, var(--nutui-gray-1, #595959))}.nut-elevator__list__item__code{display:flex;align-items:center;position:relative;height:var(--nutui-elevator-list-item-code-height, 32px);line-height:var(--nutui-elevator-list-item-code-line-height, 32px);font-size:var(--nutui-elevator-list-item-code-font-size, 12px);color:var(--nutui-elevator-list-item-code-font-color, var(--nsui-gray-color-7, #8C8C8C));padding:var(--nutui-elevator-list-item-code-padding, 0 16px);font-weight:var(--nutui-elevator-list-item-code-font-weight, 400);box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px) solid var(--nutui-elevator-list-item-code-border-bottom-color, var(--nsui-gray-color-2, #F5F5F5));background:var(--nutui-elevator-list-item-code-background, var(--nsui-gray-color-2, #F5F5F5))}.nut-elevator__list__item__code--active{font-weight:var(--nutui-elevator-list-item-code-active-font-weight, 500);color:var(--nutui-elevator-list-item-code-font-active-color, var(--nsui-brand-color-guide, #2C68FF))}.nut-elevator__list__item__name{position:relative;align-items:center;font-size:var(--nutui-elevator-list-item-name-font-size, 14px);color:var(--nutui-elevator-list-item-name-color, var(--nsui-gray-color-9, #262626));padding:var(--nutui-elevator-list-item-name-padding, 0 16px);height:var(--nutui-elevator-list-item-name-height, 40px);line-height:var(--nutui-elevator-list-item-name-line-height, 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-elevator__list__item__name--highcolor{color:var(--nutui-elevator-list-item-highcolor, var(--nutui-brand-color, #2C68FF))}.nut-elevator__list__item__name--divider{position:absolute;bottom:0px;left:var(--nutui-elevator-list-item-name-divider-left, 16px);right:var(--nutui-elevator-list-item-name-divider-right, 36px);height:1px;background:var(--nutui-elevator-list-item-name-divider-color, var(--nsui-gray-color-4, #E5E5E5));transform:scaleY(.5)}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-code-padding, 0 16px);height:var(--nutui-elevator-list-item-code-height, 32px);line-height:var(--nutui-elevator-list-item-code-line-height, 32px);font-size:var(--nutui-elevator-list-item-code-font-size, 12px);color:var(--nutui-elevator-list-fixed-color, var(--nutui-brand-color, #2C68FF));font-weight:var(--nutui-elevator-list-item-code-active-font-weight, 500);background-color:var(--nutui-elevator-list-fixed-bg-color, var(--nsui-gray-color-2, #F5F5F5));box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, none)}.nut-elevator__code--current{position:var(--nutui-elevator-list-item-code-current-position, absolute);right:var(--nutui-elevator-list-item-code-current-right, 36px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-list-item-code-current-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 44px);height:var(--nutui-elevator-list-item-code-current-height, 44px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 44px);font-size:var(--nutui-elevator-list-item-code-current-font-size, 18px);font-weight:var(--nutui-elevator-list-item-code-current-font-weight, 500);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);color:var(--nutui-elevator-list-item-code-current-color, var(--nsui-gray-color-1, #ffffff));background:var(--nutui-elevator-list-item-code-current-bg-color, var(--nsui-gray-color-6, #BFBFBF));box-shadow:var(--nutui-elevator-list-item-code-current-box-shadow, none);text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator__code--current .nut-icon{font-size:var(--nutui-elevator-list-item-code-current-icon-size, 16px)!important;width:var(--nutui-elevator-list-item-code-current-icon-size, 16px)!important;height:var(--nutui-elevator-list-item-code-current-icon-size, 16px)!important}.nut-elevator__bars{position:var(--nutui-elevator-list-item-bars-position, absolute);right:var(--nutui-elevator-list-item-bars-right, 0px);top:var(--nutui-elevator-list-item-bars-top, 50%);transform:var(--nutui-elevator-list-item-bars-transform, translateY(-50%));width:var(--nutui-elevator-list-item-bars-width, 24px);padding:var(--nutui-elevator-list-item-bars-padding, 15px 0);background-color:var(--nutui-elevator-list-item-bars-background-color, transparent);border-radius:var(--nutui-elevator-list-item-bars-border-radius, 6px);text-align:var(--nutui-elevator-list-item-bars-text-align, center);z-index:var(--nutui-elevator-list-item-bars-z-index, 1)}.nut-elevator__bars__inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-elevator__bars__inner__item{display:flex;justify-content:center;align-items:center;width:var(--nutui-elevator-list-item-bars-inner-item-width, 16px);height:var(--nutui-elevator-list-item-bars-inner-item-height, 16px);line-height:var(--nutui-elevator-list-item-bars-inner-item-height, 16px);padding:var(--nutui-elevator-list-item-bars-inner-item-padding, 0px);font-size:var(--nutui-elevator-list-item-bars-inner-item-font-size, 12px);color:var(--nutui-elevator-list-item-bars-inner-item-color, var(--nsui-gray-color-7, #8C8C8C));border-radius:var(--nutui-elevator-list-item-bars-inner-item-border-radius, 50%);background-color:var(--nutui-elevator-list-item-bars-inner-item-background-color, transparent);cursor:pointer}.nut-elevator__bars__inner__item--active{color:var(--nutui-elevator-list-item-bars-inner-item-active-color, var(--nsui-white-color-1, #FFFFFF));background-color:var(--nutui-elevator-list-item-bars-inner-item-active-background-color, var(--nutui-brand-color, #2C68FF))}.nut-elevator__bars__inner__item--large{width:var(--nutui-elevator-list-item-bars-inner-item-width-large, 28px);border-radius:var(--nutui-elevator-list-item-bars-inner-item-border-radius-large, 8px);font-size:var(--nutui-elevator-list-item-bars-inner-item-font-size-small, 10px)}.nut-elevator__bars__inner__item--large-fix{transform:scale(.83333)}.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-1, 12px);line-height:14px;color:var(--nutui-gray-1, #595959)}.nut-address-exist-item.active{font-weight:500}.nut-address-exist-item-info{margin-left:9px}.nut-address-footer{width:100%;height:54px;padding:6px 0 0;border-top:1px solid #f2f2f2}.nut-address-footer-btn{width:90%;height:42px;line-height:42px;margin:auto;text-align:center;background:var(--nutui-button-primary-background-color, var(--nutui-brand-color, #2C68FF));border-radius:21px;font-size:15px;color:var(--nutui-brand-text-color, #ffffff)}.nut-theme-dark .nut-tabpane{background:#0a0a0a}.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #595959);padding:var(--nutui-tabpane-padding, 24px 20px);box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex;background:var(--nutui-tabs-titles-background-color, var(--nsui-gray-color-1, #ffffff));border-radius:var(--nutui-tabs-titles-border-radius, 0);padding:var(--nutui-tabs-titles-padding, 0);overflow:hidden;position:relative}.nut-tabs--menu{overflow:visible;z-index:9}.nut-tabs__scroll--screen{width:var(--nutui-tabs-scroll-screen-width, 7px);height:var(--nutui-tabs-scroll-screen-height, var(--nutui-tabs-horizontal-titles-height, 50px));position:absolute;top:0;right:var(--nutui-tabs-scroll-screen-right, 8px);transform:scaleY(.6);opacity:var(--nutui-tabs-scroll-screen-opacity, .4);background:#FFFFFF;box-shadow:var(--nutui-tabs-scroll-screen-box-shadow, -1px 0px 7px 0px rgba(0, 0, 0, .3));z-index:2}.nut-tabs__scroll--screen.scroll--screen_menu{width:50px;right:0}.nut-tabs__scroll--block{position:absolute;top:0;right:-1px;display:flex;align-items:center;justify-content:center;width:var(--nutui-tabs-block-width, 16px);height:var(--nutui-tabs-scroll-block-height, var(--nutui-tabs-scroll-screen-height, var(--nutui-tabs-horizontal-titles-height, 50px)));background-color:var(--nutui-tabs-block-background, var(--nsui-white-color-1, #FFFFFF));z-index:3}.nut-tabs__scroll--block.scroll--block_menu{width:50px}.nut-tabs__scroll--block-icon-up{transition:all .2s linear;transform:rotate(180deg)}.nut-tabs__scroll--block-icon-down{transition:all .2s linear}.nut-tabs__extra-title{position:absolute;top:var(--nutui-tabs-horizontal-titles-height, 50px);left:0;overflow:hidden;box-sizing:border-box;z-index:2;padding:16px 0 0;background-color:#fff}.nut-radiogroup .nut-radio.nut-tabs__extra-title-radio{margin-bottom:16px!important}.nut-tabs__divider--horizontal{top:var(--nutui-tabs-horizontal-titles-height, 50px);transform:translateY(-2px);z-index:1}.nut-tabs__divider--vertical{transform:translate(-2px);left:var(--nutui-tabs-vertical-titles-width, 100px);z-index:1}.nut-tabs__titles{box-sizing:border-box;height:var(--nutui-tabs-horizontal-titles-height, 50px);display:flex;user-select:none;flex-shrink:0;overflow:hidden;background:var(--nutui-tabs-titles-item-background-color, var(--nsui-gray-color-1, #ffffff));z-index:1}.nut-tabs__titles--shadow-horizontal{box-shadow:0 2px 16px #0000000a}.nut-tabs__titles--shadow-vertical{box-shadow:2px 0 16px #0000000a}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs__titles--left{justify-content:flex-start;padding:var(--nutui-tabs-titles-scrollable-padding, 0 8px)}.nut-tabs__titles--right{justify-content:flex-end}.nut-tabs__titles--scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles--scrollable .nut-tabs__titles-item{width:auto;padding:var(--nutui-tabs-horizontal-titles-item-pading, 0 8px 0 8px);box-sizing:border-box}.nut-tabs__titles-item{position:relative;min-width:var(--nutui-tabs-horizontal-titles-item-min-width, 50px);display:flex;flex:1;align-items:center;justify-content:center;margin:0 var(--nutui-tabs-title-gap, 0);font-size:var(--nutui-tabs-titles-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-tabs-titles-item-color, var(--nsui-gray-color-7, #8C8C8C));line-height:var(--nutui-tabs-titles-item-line-height, 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item--left,.nut-tabs__titles-item--right{flex:none}.nut-tabs--horizontal.nut-tabs--normal .nut-tabs__titles-item__text{transform:translateY(-2px)}.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;margin-top:1px;content:" ";bottom:var(--nutui-tabs-horizontal-line-bottom, 28%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-horizontal-line-border-radius, 2px);opacity:var(--nutui-tabs-horizontal-tab-line-opacity, 1);overflow:hidden}.nut-tabs__titles-item__smile{bottom:-20%}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nutui-tabs-tab-smile-color, var(--nutui-brand-color, #2C68FF))}.nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nsui-gray-color-9, #262626));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 500)}.nut-tabs__titles-item--active .nut-tabs__titles-item__smile{overflow:unset;bottom:-2%;width:40px;height:20px}.nut-tabs__titles-item--active .nut-tabs__titles-item__line{overflow:unset;content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 14px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, var(--nutui-brand-color, #2C68FF))}.nut-tabs__titles-item--active .nut-tabs__titles-item__line.nut-tabs__titles-item__line-full{position:absolute;height:var(--nutui-tabs-horizontal-titles-item-active-line-full-height, 2px);bottom:0}.nut-tabs__titles-item--disabled{color:var(--nutui-gray-3, #e5e5e5)}.nut-tabs--horizontal{flex-direction:column}.nut-tabs--vertical{flex-direction:row;width:100%}.nut-tabs--vertical .nut-tabs__titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs--vertical .nut-tabs__titles--scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs--vertical .nut-tabs__titles-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs--vertical .nut-tabs__titles-item--next{border-top-right-radius:var(--nutui-tabs-titles-item-next-border-top-right-radius, 0px)}.nut-tabs--vertical .nut-tabs__titles-item--last{border-bottom-right-radius:var(--nutui-tabs-titles-item-last-border-bottom-right-radius, 0px)}.nut-tabs--vertical .nut-tabs__titles-item__smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs--vertical .nut-tabs__titles-item__line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease;bottom:15%}.nut-tabs--vertical .nut-tabs__titles-item--active{background-color:var(--nutui-tabs-horizontal-titles-item-active-background-color, var(--nsui-gray-color-1, #ffffff))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:10px;width:var(--nutui-tabs-vertical-titles-item-active-line-width, 3px);height:var(--nutui-tabs-vertical-titles-item-active-line-height, 14px);background:var(--nutui-tabs-vertical-tab-line-color, var(--nutui-brand-color, #2C68FF))}.nut-tabs--vertical .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{right:-5px;bottom:2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-horizontal-titles-height, 50px)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__content{flex-direction:row}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active{background-color:initial}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__line{left:50%;transform:translate(-50%)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles-item--active .nut-tabs__titles-item__smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs--vertical .nut-tabs__content{flex-direction:column;height:100%}.nut-tabs--vertical .nut-tabs__content__wrap{flex:1}.nut-tabs--vertical .nut-tabs__content .nut-tabpane{height:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active{color:var(--nutui-tabs-titles-item-active-color, var(--nsui-gray-color-9, #262626));font-weight:var(--nutui-tabs-titles-item-active-font-weight, 500)}.nut-tabs--vertical .nut-tabs--horizontal .nut-tabs__titles .nut-tabs__titles-item--active .nut-tabs__titles-item__line{content:" ";width:var(--nutui-tabs-horizontal-titles-item-active-line-width, 14px);height:var(--nutui-tabs-horizontal-titles-item-active-line-height, 3px);background:var(--nutui-tabs-horizontal-tab-line-color, var(--nutui-brand-color, #2C68FF))}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs__content__wrap{overflow:hidden}.nut-tabs--tag{display:inline-block;border-radius:var(--nutui-tabs-tag-border-radius, 32px);padding:var(--nutui-tabs-titles-tag-padding, 0 0 0 0)}.nut-tabs--tag .nut-tabs__titles{height:var(--nutui-tabs-titles-tag-height, 32px);position:relative}.nut-tabs--tag .nut-tabs__titles .nut-tabs__titles-tag-item{padding:var(--nutui-tabs__titles-tag-item-padding, 0 16px 0 16px);flex:auto;z-index:1;transition:color .3s ease}.nut-tabs--tag .nut-tabs__titles .nut-tabs__titles-tag-item.nut-tabs__titles-tag-item--active{color:var(--nutui-tabs__titles-tag-item--active-color, var(--nsui-gray-color-1, #ffffff))}.nut-tabs--tag .nut-tabs__titles .nut-tabs__titles-item--active-line{position:absolute;left:0;transition:left .3s ease,width .3s ease;height:var(--nutui-tabs__titles-item--active-line-height, var(--nutui-tabs-titles-tag-height, 32px));border-radius:var(--nutui-tabs__titles-item--active-line-border-radius, var(--nutui-tabs-titles-tag-height, 32px));background:var(--nutui-tabs__titles-item--active-line-background, var(--nutui-brand-color, #2C68FF));width:var(--nutui-tabs__titles-item--active-line-width, 0)}.nut-tabs--slider{padding:var(--nutui-tabs-titles-slider-padding, 0 0 0 0)}.nut-tabs--slider .nut-tabs__titles{height:var(--nutui-tabs-titles-slider-height, 28px);background:var(--nutui-tabs-titles-slider-background, #f2f2f2);position:relative}.nut-tabs--slider .nut-tabs__titles .nut-tabs__titles-slider-item{color:var(--nutui-tabs__titles-slider-item--active-color, #757575);z-index:1;transition:color .3s ease}.nut-tabs--slider .nut-tabs__titles .nut-tabs__titles-slider-item.nut-tabs__titles-slider-item--active{color:var(--nutui-tabs__titles-slider-item--active-color, #212121)}.nut-tabs--slider .nut-tabs__titles .nut-tabs__titles-item--active-line{position:absolute;left:0;transition:left .3s ease,width .3s ease;height:var(--nutui-tabs__titles-item--active-slider-line-height, calc(var(--nutui-tabs-titles-slider-height, 28px) - var(--nutui-tabs__titles-item--active-slider-line-transy, 2px) - var(--nutui-tabs__titles-item--active-slider-line-transy, 2px)));border-radius:var(--nutui-tabs__titles-item--active-slider-line-border-radius, 2px);background:var(--nutui-tabs__titles-item--active-slider-line-background, var(--nsui-gray-color-1, #ffffff));transform:translate(var(--nutui-tabs__titles-item--active-slider-line-transx, 2px),var(--nutui-tabs__titles-item--active-slider-line-transy, 2px));width:var(--nutui-tabs__titles-item--active-slider-line-width, calc(var(--nutui-tabs__titles-item--active-line-width, 0) - var(--nutui-tabs__titles-item--active-slider-line-transx, 2px) - var(--nutui-tabs__titles-item--active-slider-line-transx, 2px)))}.nut-tabs--slider-middle .nut-tabs__titles{width:var(--nutui-tabs--slider-middle-width, 160px);margin:0 auto}.nut-tabs--slider-middle .nut-tabs__titles .nut-tabs__titles-slider-item{flex:auto}.nut-tabs--card{padding:var(--nutui-tabs-titles-card-padding, 16px 16px 0 16px)}.nut-tabs--card .nut-tabs__titles{height:var(--nutui-tabs-titles-card-height, 38px);box-sizing:content-box;border:var(--nutui-tabs-titles-card-border, 1px solid var(--nutui-brand-color, #2C68FF))}.nut-tabs--card .nut-tabs__titles .nut-tabs__titles-card-item{color:var(--nutui-tabs__titles-card-item--active-color, var(--nutui-brand-color, #2C68FF));z-index:1}.nut-tabs--card .nut-tabs__titles .nut-tabs__titles-card-item+.nut-tabs__titles-card-item{border-left:var(--nutui-tabs-titles-card-border, 1px solid var(--nutui-brand-color, #2C68FF))}.nut-tabs--card .nut-tabs__titles .nut-tabs__titles-card-item.nut-tabs__titles-card-item--active{background-color:var(--nutui-tabs__titles-card-item--active-background, var(--nutui-brand-color, #2C68FF));color:var(--nutui-tabs__titles-card-item--active-color, var(--nsui-gray-color-1, #ffffff))}.nut-tabs--radio .nut-tabs__titles{padding:var(--nutui-tabs-titles-radio-padding, 0 16px)}.nut-tabs--radio-group{flex-wrap:nowrap!important}.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cascader-line-height, 22px)}.nut-cascader-popup .nut-popup-title{justify-content:flex-start;font-weight:500;font-size:18px;color:#262626}.nut-cascader .nut-tabs__titles{padding:var(--nutui-cascader-tabs-item-padding, 0 10px);background:var(--nutui-gray-6, #ffffff)}.nut-cascader .nut-tabs__titles-item{flex:initial;min-width:auto;width:auto;padding:var(--nutui-cascader-tabs-item-padding, 0 10px);white-space:nowrap}.nut-cascader .nut-tabpane{padding:0}.nut-cascader-pane{display:block;width:100%;height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;height:var(--nutui-cascader-item-height, 40px);padding:var(--nutui-cascader-item-padding, 10px 20px);margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid #ddd);font-size:var(--nutui-cascader-item-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cascader-item-color, var(--nutui-gray-1, #595959));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-brand-color, #2C68FF));font-weight:var(--nutui-cascader-item-active-font-weight, 500)}.nut-cascader-item.active .nut-cascader-item__icon-check{visibility:visible;color:inherit}.nut-cascader-item__title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}.nut-checkbox{display:flex;align-items:center;box-sizing:border-box}.nut-checkbox--reverse{flex-direction:row-reverse}.nut-checkbox--reverse .nut-checkbox__label{margin-right:var(--nutui-radio-label-margin-left, 4px)!important;margin-left:0!important}.nut-checkbox__button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 4px 16px);font-size:var(--nutui-radio-button-font-size, 14px);line-height:var(--nutui-radio-button-font-line-height, 22px);background:var(--nutui-radio-button-background, var(--nsui-gray-color-2, #F5F5F5));border-radius:var(--nutui-radio-button-border-radius, 16px);color:var(--nutui-radio-label-font-color, var(--nsui-gray-color-8, #595959));box-sizing:border-box;border:1px solid var(--nutui-radio-button-background, var(--nsui-gray-color-2, #F5F5F5))}.nut-checkbox__button--active{background:var(--nutui-radio-label-button-background, #F4F7FF);color:var(--nutui-radio-label-font-active-color, var(--nsui-brand-color-guide, #2C68FF));border:1px solid var(--nutui-radio-label-button-border-color, var(--nsui-brand-color-guide, #2C68FF))}.nut-checkbox__button--disabled{background:var(--nutui-radio-button-background, var(--nsui-gray-color-4, #E5E5E5));color:var(--nutui-radio-label-disable-color, var(--nsui-gray-color-6, #BFBFBF));border:1px solid var(--nutui-radio-button-background, var(--nsui-gray-color-4, #E5E5E5))}.nut-checkbox .nut-checkbox__button--active.nut-checkbox__button--disabled{background:var(--nutui-radio-button-disabled-active-background, #F4F7FF);color:var(--nutui-radio-button-disabled-active-color, #A3C6FF);border:1px solid var(--nutui-radio-button-disabled-active-border-color, #A3C6FF)}.nut-checkbox__label{margin-left:var(--nutui-radio-label-margin-left, 4px);font-size:var(--nutui-radio-label-font-size, 16px);color:var(--nutui-radio-label-font-color, var(--nsui-gray-color-8, #595959))}.nut-checkbox__label--disabled{color:var(--nutui-radio-label-disable-color, var(--nsui-gray-color-6, #BFBFBF))}.nut-checkbox__icon{color:var(--nutui-brand-color, #2C68FF);font-size:var(--nutui-radio-icon-font-size, 18px);transition-duration:.3s;transition-property:color,border-color,background-color}.nut-checkbox__icon--unchecked{color:var(--nutui-radio-icon-unchecked-color, var(--nsui-gray-color-5, #D9D9D9));font-size:var(--nutui-radio-icon-font-size, 18px)}.nut-checkbox__icon--indeterminate{color:var(--nutui-brand-color, #2C68FF);font-size:var(--nutui-radio-icon-font-size, 18px)}.nut-checkbox__icon--disable{color:var(--nutui-radio-icon-disable-color, var(--nsui-gray-color-3, #F0F0F0));font-size:var(--nutui-radio-icon-font-size, 18px)}.nut-checkbox--small .nut-checkbox__label{font-size:var(--nutui-radio-label-font-size-small, 14px);line-height:var(--nutui-radio-label-font-line-height-small, 22px)}.nut-checkbox--small .nut-checkbox__button{padding:var(--nutui-radio-button-padding-small, 2px 12px);font-size:var(--nutui-radio-button-font-size-small, 12px);line-height:var(--nutui-radio-button-font-line-height-small, 18px);border-radius:var(--nutui-radio-button-border-radius, 16px)}.nut-checkboxgroup{display:flex;flex-wrap:wrap}.nut-checkboxgroup .nut-checkbox{margin:var(--nutui-radiogroup-radio-margin, 0 16px 16px 0)}.nut-checkboxgroup .nut-checkbox__label{margin:var(--nutui-radiogroup-radio-label-margin, 0 0 0 4px)}.nut-checkboxgroup--vertical .nut-checkbox.nut-checkbox--reverse{width:100%;justify-content:space-between}.nut-checkboxgroup--horizontal .nut-checkbox{display:inline-flex}.nut-form--divider__hidden .nut-cell__divider{display:none}.form-layout-right .nut-form-item__label{text-align:right;white-space:nowrap}.form-layout-left .nut-form-item__label{text-align:left;white-space:nowrap}.form-layout-top .nut-form-item{flex-direction:column;align-items:flex-start;white-space:nowrap}.form-layout-top .nut-form-item__label{padding-bottom:4px;display:block;font-size:14px;padding-right:24px}.form-layout-top .nut-form-item__body{margin-left:0}.nut-form-item{display:flex}.nut-form-item:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, #FF2C33);transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item__label{color:var(--nutui-form-item-label-color, var(--nsui-gray-color-8, #595959));font-size:var(--nutui-form-item-label-font-size, 14px);font-weight:400;width:var(--nutui-form-item-label-width, 56px);margin:var(--nutui-form-item-label-margin, 0px 16px 0px 0px);flex:none!important;display:flex!important;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item__label .required{display:inline-block;transform:translateY(3px);font-size:var(--nutui-form-item-required-margin-right, 16px);color:var(--nutui-form-item-required-color, #FF2C33);margin-right:var(--nutui-form-item-required-margin-right, 0px)}.nut-form-item__body{flex:1;display:flex!important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{padding:0;border:0}.nut-form-item__body__slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, 14px);text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-0, #262626);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0!important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, 12px);color:var(--nutui-form-item-error-message-color, #FF2C33);margin:var(--nutui-form-item-error-message-margin, 4px 0px 0px);line-height:var(--nutui-form-item-error-message-line-height, 18px)}.nut-input{position:relative;display:flex;align-items:center;flex:1;width:100%;padding:var(--nutui-input-padding, 14px 16px);line-height:24px;background:var(--nutui-gray-6, #ffffff);font-size:var(--nutui-input-font-size, var(--nutui-font-size-2, 14px));box-sizing:border-box;border-bottom:var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, #eaf0fb)}.nut-input input{color:var(--nutui-input-color, var(--nsui-gray-color-9, #262626));caret-color:var(--nutui-input-caret-color, var(--nsui-brand-color-guide, #2C68FF));height:var(--nutui-input-height, 22px)}.nut-input input::placeholder{color:var(--nutui-input-placeholder-color, var(--nsui-gray-color-6, #BFBFBF))!important}.nut-input input ::placeholder{color:var(--nutui-input-placeholder-color, var(--nsui-gray-color-6, #BFBFBF))!important}.nut-input .nut-icon{color:#c8c9cc}.nut-input .nut-input-native{width:100%;flex:1;padding:0;border:0;outline:0 none;font:inherit;text-decoration:none}.nut-input-disabled{color:var(--nutui-input-disabled-color, var(--nsui-gray-color-6, #BFBFBF))!important}.nut-input-disabled input{background:none;color:var(--nutui-input-disabled-color, var(--nsui-gray-color-6, #BFBFBF))!important;cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--nutui-input-disabled-color, var(--nsui-gray-color-6, #BFBFBF))}.nut-input-clear{margin:var(--nutui-input-clear-icon-margin, 0px 0px 0px 4px)}.nut-input-placeholder{color:var(--nutui-input-placeholder-color, var(--nsui-gray-color-6, #BFBFBF))}.nut-inputnumber{display:var(--nutui-inputnumber-display, flex);align-items:center}.nut-inputnumber .nut-input-minus,.nut-inputnumber .nut-input-add{display:flex;justify-content:center;align-items:center;width:var(--nutui-