.ui-tip-pop-box{position:fixed;z-index:100;font-size:12px;border-radius:2px;line-height:1;padding:6px 7px 5px;background-color:#333;color:#fff;pointer-events:none;white-space:nowrap}.ui-tip-pop-box.hide{display:none}.ui-tip-pop-box:before{content:"";border:5px solid transparent;position:absolute}.ui-tip-pop-box[data-mode=top]{margin:0 0 4px;transform:translate(-50%)}.ui-tip-pop-box[data-mode=top]:before{top:calc(100% - 1px);left:50%;border-top-color:#333;border-bottom:0;margin-left:-5px}.ui-tip-pop-box[data-mode=bottom]{transform:translate(-50%,4px)}.ui-tip-pop-box[data-mode=bottom]:before{bottom:calc(100% - 1px);left:50%;border-bottom-color:#333;border-top:0;margin-left:-5px}.ui-tip-pop-box[data-mode=bottom-right]{transform:translate(2px,6px)}.ui-tip-pop-box[data-mode=bottom-right]:before{bottom:calc(100% - 1px);left:12px;border-bottom-color:#333;border-top:0;margin-left:-5px}.ui-tip-pop-box[data-mode=left]{transform:translate(calc(-100% - 6px),-50%)}.ui-tip-pop-box[data-mode=left]:before{top:50%;left:calc(100% - 1px);border-left-color:#333;border-right:0;margin-top:-5px}