nutui-taro-upgrade/dist/packages/tour/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover .nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0)}.nut-popover .nut-popover-arrow-top{bottom:0;border-top-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-bottom-width:0;margin-bottom:-8px}.nut-popover .nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-top-width:0;margin-top:-8px}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translateX(-50%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-left{right:0px;border-left-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-right-width:0;margin-right:-8px}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right{left:0px;border-right-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-left-width:0;margin-left:-8px}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-content{position:absolute;z-index:9999;background:#fff;border-radius:5px;font-size:14px;font-weight:normal;color:#333;box-shadow:0 2px 12px rgba(50,50,51,.1215686275);opacity:1;transition:opacity .15s,transform .15s;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{display:flex;align-items:center;padding:8px;border-bottom:1px solid var(--nut-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover .nut-popover-content .nut-popover-menu-item:first-child{margin-top:15px}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-item-img{vertical-align:top;margin-right:3px}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-menu-item-name{width:100%;text-align:center;word-break:keep-all}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nut-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover .nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translateX(-50%)}.nut-popover .nut-popover-content--top-end{right:0}.nut-popover .nut-popover-content--top-end .nut-popover-arrow--top-end{right:16px;transform:translateX(0%)}.nut-popover .nut-popover-content--top-start{left:0}.nut-popover .nut-popover-content--top-start .nut-popover-arrow--top-start{left:16px;transform:translateX(0%)}.nut-popover .nut-popover-content--bottom-end{right:0}.nut-popover .nut-popover-content--left-end{bottom:0}.nut-popover .nut-popover-content--left-start{top:0}.nut-popover .nut-popover-content--right-end{bottom:0}.nut-popover .nut-popover-content--right-start{top:0}.nut-popover--dark .nut-popover-content{background:var(--nut-popover-dark-background-color, rgb(75, 76, 77));color:var(--nut-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark .nut-popover-content--bottom .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-end .nut-popover-arrow{border-bottom-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--top .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-end .nut-popover-arrow{border-top-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--left .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-end .nut-popover-arrow{border-left-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--right .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-end .nut-popover-arrow{border-right-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(0.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:rgba(0,0,0,0);z-index:1999}.nut-popover-wrapper{display:inline-block}.nut-tour-mask{position:fixed;width:100px;height:50px;box-shadow:0px 0px 0px 150vh rgba(0,0,0,.5);border-radius:10px;z-index:1002}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:10px 12px;min-width:200px}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{width:10px;height:10px}.nut-tour-content-inner{margin:10px 0px;font-size:14px}.nut-tour-content-bottom{margin-top:10px;display:flex;justify-content:space-between}.nut-tour-content-bottom-init{margin-left:10px}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nut-disable-color, #cccccc);margin-left:4px;padding:2px 4px;font-size:12px;border-radius:4px;color:var(--nut-text-color, #808080)}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nut-primary-color, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:2000;top:0;left:0;background:rgba(0,0,0,0)}