drip-ui/es/drip-css/tooltip.css

Lightweight Mobile UI Components built on Vue

.risk-desc{height:auto;display:inline-block}.risk-desc-visible{display:none}.risk-desc-wrap{position:relative}.risk-desc-wrap-transition{z-index:2000}.risk-desc-iconSize{display:inline-block;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:relative}.risk-desc-iconSize>img{width:.42667rem;display:inline-block}.risk-desc-icon{left:0;bottom:0;position:absolute;width:0;height:0;border-width:0 .13333rem .13333rem;border-style:solid;border-color:transparent transparent #fff;z-index:2001}.risk-desc-icon-top{top:-.34667rem;left:50%;-webkit-transform:translate3d(-50%,0,0) rotate(180deg);transform:translate3d(-50%,0,0) rotate(180deg)}.risk-desc-icon-right{top:50%;right:-.34667rem;-webkit-transform:translate3d(100%,-50%,0) rotate(-90deg);transform:translate3d(100%,-50%,0) rotate(-90deg);bottom:auto;left:auto}.risk-desc-icon-bottom{bottom:-.34667rem;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.risk-desc-icon-left{top:50%;left:-.42667rem;-webkit-transform:translate3d(0,-50%,0) rotate(90deg);transform:translate3d(0,-50%,0) rotate(90deg);bottom:auto}.risk-desc-container{min-width:2.66667rem;max-width:9.46667rem;height:auto;background:#fff;position:absolute;bottom:0;left:0;box-shadow:0 0 .26667rem 0 rgba(0,0,0,.1);box-sizing:border-box;z-index:2000;border-radius:.10667rem;overflow:hidden}.risk-desc-container-text{width:100%;position:relative}.risk-desc-container-top{top:-.34667rem;left:50%;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}.risk-desc-container-right{top:50%;right:-.34667rem;-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0);bottom:auto}.risk-desc-container-bottom{bottom:-.34667rem;left:50%;-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.risk-desc-container-left{top:50%;left:-.34667rem;-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0);bottom:auto}.risk-desc .tooltip-enter-active,.risk-desc .tooltip-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.risk-desc .tooltip-enter,.risk-desc .tooltip-leave-to{opacity:0}