@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 21 kB
CSS
.nut-overlay{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overflow-hidden{overflow:hidden}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-popup{position:fixed;min-height:26%;max-height:100%;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, var(--nutui-color-white, #ffffff)));-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-2, 15px)}.nut-popup-title{display:flex;flex-direction:row;align-items:center;justify-content:center;border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));position:relative}.nut-popup-title-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-popup-title-title{color:var(--nutui-color-title, #0d0d0d);font-weight:var(--nutui-font-weight-bold, 700);font-size:var(--nutui-popup-title-font-size, var(--nutui-font-size-3, 17px));line-height:var(--nutui-popup-title-font-size, var(--nutui-font-size-3, 17px))}.nut-popup-title-description{color:var(--nutui-color-text, #666666);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-2, 15px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-description-gap{margin-top:var(--nutui-popup-description-spacing, var(--nutui-spacing-base, 8px))}.nut-popup-title-left{position:absolute;top:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-title-right{position:absolute;top:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));right:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));z-index:1;width:var(--nutui-popup-icon-size, var(--nutui-icon-font-size, 16px));height:var(--nutui-popup-icon-size, var(--nutui-icon-font-size, 16px));color:var(--nutui-color-title, #0d0d0d);cursor:pointer}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)));bottom:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-center{top:50%;left:50%;min-height:10%;max-width:295px;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px))}.nut-popup-bottom,.nut-popup-top{max-height:87%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) 0 0}.nut-popup-right{top:0;right:0;width:100px;height:100%}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) 0 0 var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px))}.nut-popup-left{top:0;left:0;width:100px;height:100%}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px)) var(--nutui-popup-border-radius, var(--nutui-radius-3, 16px))}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-none-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-none-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-none-exit-done.nut-popup,.nut-popup-slide-center-exit-done.nut-popup,.nut-popup-slide-left-exit-done.nut-popup,.nut-popup-slide-right-exit-done.nut-popup,.nut-popup-slide-top-exit-done.nut-popup,.nut-popup-slide-bottom-exit-done.nut-popup{display:none}.nut-popup .nut-overflow-hidden{overflow:hidden}[dir=rtl] .nut-popup-title-left,.nut-rtl .nut-popup-title-left{left:auto;right:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}[dir=rtl] .nut-popup-title-right,.nut-rtl .nut-popup-title-right{right:auto;left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}[dir=rtl] .nut-popup-title-right-top-left,.nut-rtl .nut-popup-title-right-top-left,[dir=rtl] .nut-popup-title-right-bottom-left,.nut-rtl .nut-popup-title-right-bottom-left{left:auto;right:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}[dir=rtl] .nut-popup-title-right-bottom-right,.nut-rtl .nut-popup-title-right-bottom-right{right:auto;left:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,.nut-rtl .nut-popup-title .nut-icon-ArrowLeft{transform:rotate(180deg)}[dir=rtl] .nut-popup-center,.nut-rtl .nut-popup-center{left:auto;right:50%;transform:translate(50%,-50%)}[dir=rtl] .nut-popup-bottom,.nut-rtl .nut-popup-bottom,[dir=rtl] .nut-popup-top,.nut-rtl .nut-popup-top{left:auto;right:0}.nut-popup-bottom,.nut-popup-top{max-height:var(--nutui-popup-max-height, 80%);min-height:var(--nutui-popup-min-height, 36%)}.nut-popup-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup{overflow:hidden}.nut-popup-title{padding:var(--nutui-popup-title-padding, var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px)) var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px)))}.nut-popup-title-title{line-height:24px;height:24px}.nut-popup-title-left{left:var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px));color:var(--nutui-color-text, #666666)}.nut-popup-title-right{display:flex;align-items:center;right:var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px));color:var(--nutui-color-text, #666666);height:var(--nutui-popup-title-height, inherit);width:fit-content}.nut-popup-title-right-bottom-right{top:var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px));right:var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px))}.nut-popup-title-right-top-left,.nut-popup-title-right-bottom-left{top:var(--nutui-popup-title-vertical-padding, var(--nutui-spacing-4, 20px));left:var(--nutui-popup-title-horizontal-padding, var(--nutui-spacing-3, 16px))}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover-arrow{position:absolute;width:8px;height:4px}.nut-popover-arrow .nut-icon-ArrowRadius{position:absolute;color:var(--nutui-popover-content-background-color, #ffffff)}.nut-popover-arrow-top{bottom:-4px}.nut-popover-arrow-bottom{top:-4px}.nut-popover-arrow-left{right:-6px;transform-origin:center top}.nut-popover-arrow-left.nut-popover-arrow-left{top:50%;transform:rotate(90deg) translateY(-50%)}.nut-popover-arrow-left.nut-popover-arrow-left-top{top:16px;right:-8px;transform:rotate(90deg) translateY(0)}.nut-popover-arrow-left.nut-popover-arrow-left-bottom{top:auto;bottom:16px;right:-8px;transform:rotate(90deg) translateY(0)}.nut-popover-arrow-right{transform-origin:center top}.nut-popover-arrow-right.nut-popover-arrow-right{top:50%;left:-6px;transform:rotate(-90deg) translateY(-50%)}.nut-popover-arrow-right.nut-popover-arrow-right-top{top:16px;left:-8px;transform:rotate(-90deg) translateY(0)}.nut-popover-arrow-right.nut-popover-arrow-right-bottom{bottom:16px;left:-8px;transform:rotate(-90deg) translateY(0)}.nut-popover .nut-popover-content{position:absolute;background:var(--nutui-popover-content-background-color, #ffffff);border-radius:var(--nutui-popover-border-radius, var(--nutui-radius-2, 12px));font-size:var(--nutui-popover-font-size, var(--nutui-font-size-2, 15px));color:var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, .7)));line-height:28px;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{padding:0 var(--nutui-popover-padding, 8px)}.nut-popover .nut-popover-content .nut-popover-item{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--nutui-popover-divider-color, var(--nutui-color-border, #e6e6e6));max-width:var(--nutui-popover-item-width, 160px);word-wrap:break-word}.nut-popover .nut-popover-content .nut-popover-item:last-child{margin-bottom:0;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-item-icon,.nut-popover .nut-popover-content .nut-popover-item-action-icon{display:flex;justify-content:center;align-items:center;width:var(--nutui-font-size-1, 13px);height:var(--nutui-font-size-1, 13px);font-size:var(--nutui-font-size-1, 13px)}.nut-popover .nut-popover-content .nut-popover-item-icon .nut-icon,.nut-popover .nut-popover-content .nut-popover-item-action-icon .nut-icon{width:var(--nutui-font-size-1, 13px);height:var(--nutui-font-size-1, 13px);font-size:var(--nutui-font-size-1, 13px)}.nut-popover .nut-popover-content .nut-popover-item-icon{margin-right:var(--nutui-spacing-xxs, 4px)}.nut-popover .nut-popover-content .nut-popover-item-name{width:calc(100% - 34px);word-break:keep-all;flex:1}.nut-popover .nut-popover-content .nut-popover-item-action-icon{color:var(--nutui-color-text, #666666);margin-left:var(--nutui-spacing-base, 8px)}.nut-popover .nut-popover-content .nut-popover-item.nut-popover-item-disabled{color:var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #999999));cursor:not-allowed}.nut-popover .nut-popover-content .nut-popover-item.nut-popover-taroitem{display:flex}.nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:50%;transform-origin:center left;transform:rotate(180deg) translate(-50%)}.nut-popover .nut-popover-content-top-right{right:0}.nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right{right:16px;bottom:-3.5px;transform:rotate(180deg) translate(0)}.nut-popover .nut-popover-content-top-left{left:0}.nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left{left:16px;bottom:-3.5px;transform:rotate(180deg) translate(0)}.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:50%;transform:translate(-50%)}.nut-popover .nut-popover-content-bottom-right{right:0}.nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right{right:16px;transform:translate(0)}.nut-popover .nut-popover-content-bottom-left{left:0}.nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left{left:16px;transform:translate(0)}.nut-popover .nut-popover-content-left-bottom{bottom:0}.nut-popover .nut-popover-content-left-top{top:0}.nut-popover .nut-popover-content-right-bottom{bottom:0}.nut-popover .nut-popover-content-right-top{top:0}.nut-popover-dark{background:var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, .7)));color:var(--nutui-popover-content-background-color, #ffffff)}.nut-popover-dark .nut-popover-arrow .nut-icon-ArrowRadius{color:var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, .7)))}.nut-popover-dark .nut-popover-content{background:var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, .7)));color:var(--nutui-popover-content-background-color, #ffffff)}.nut-popover-dark .nut-popover-content .nut-popover-item-action-icon{color:#fffc}[dir=rtl] .nut-popover .nut-popover-content .nut-popover-item-name,.nut-rtl .nut-popover .nut-popover-content .nut-popover-item-name{margin-left:0;margin-right:4px}[dir=rtl] .nut-popover .nut-popover-content .nut-popover-item-action-icon,.nut-rtl .nut-popover .nut-popover-content .nut-popover-item-action-icon{right:auto}[dir=rtl] .nut-popover .nut-popover-content-top .nut-popover-arrow-top,.nut-rtl .nut-popover .nut-popover-content-top .nut-popover-arrow-top{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-popover .nut-popover-content-top-right,.nut-rtl .nut-popover .nut-popover-content-top-right{right:auto;left:0}[dir=rtl] .nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right,.nut-rtl .nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right{right:auto;left:16px}[dir=rtl] .nut-popover .nut-popover-content-top-left,.nut-rtl .nut-popover .nut-popover-content-top-left{left:auto;right:0}[dir=rtl] .nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left,.nut-rtl .nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left{left:auto;right:16px}[dir=rtl] .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom,.nut-rtl .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .nut-popover .nut-popover-content-bottom-right,.nut-rtl .nut-popover .nut-popover-content-bottom-right{right:auto;left:0}[dir=rtl] .nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right,.nut-rtl .nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right{right:auto;left:16px}[dir=rtl] .nut-popover .nut-popover-content-bottom-left,.nut-rtl .nut-popover .nut-popover-content-bottom-left{left:auto;right:0}[dir=rtl] .nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left,.nut-rtl .nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left{left:auto;right:16px}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:transparent;z-index:999}[dir=rtl] .nut-popover-content-bg,.nut-rtl .nut-popover-content-bg{left:auto;right:0}.nut-popover-wrapper{display:inline-block}.nut-popover-content-copy{position:absolute;top:-99999px}.nut-tour-mask{position:fixed;box-shadow:0 0 0 150vh var(--nutui-color-mask, rgba(0, 0, 0, .7));border-radius:var(--nutui-tour-mask-border-radius, 10px);z-index:999}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:var(--nutui-tour-content-padding, 10px 12px);min-width:var(--nutui-tour-content-min-width, 200px);box-sizing:content-box}.nut-tour-content-top{display:block;text-align:end}.nut-tour-content-top-close{--nut-icon-width: 10px;--nut-icon-height: 10px}.nut-tour-content-inner{margin:var(--nutui-tour-content-inner-margin, 10px 0px);font-size:var(--nutui-tour-content-inner-font-size, 14px);white-space:nowrap}.nut-tour-content-bottom{margin-top:var(--nutui-tour-content-bottom-margin-top, 10px);display:flex;justify-content:space-between}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nutui-color-text-disabled, #999999);margin-left:var(--nutui-tour-content-bottom-btn-margin-left, 4px);padding:var(--nutui-tour-content-bottom-btn-padding, 2px 4px);font-size:var(--nutui-tour-content-bottom-btn-font-size, 12px);border-radius:var(--nutui-tour-content-bottom-btn-border-radius, 4px);color:var(--nutui-color-text, #666666);cursor:pointer}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nutui-color-primary, #006dfc)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:1000;top:0;left:0;background:transparent}[dir=rtl] .nut-tour-content-bottom-operate-btn,.nut-rtl .nut-tour-content-bottom-operate-btn{margin-left:0;margin-right:var(--nutui-tour-content-bottom-btn-margin-left, 4px)}[dir=rtl] .nut-tour-masked,.nut-rtl .nut-tour-masked{left:auto;right:0}