.tooltip{display:inline-block;position:relative;border-bottom:1px dotted #666;text-align:left}.tooltip .top{min-width:200px;max-width:900px;top:-20px;left:50%;transform:translate(-50%,-100%);padding:10px 20px;color:#fff;background-color:#2aa9b0;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;visibility:hidden;opacity:0;transition:opacity .8s}.tooltip:hover .top{visibility:visible;opacity:1}.tooltip .top i{position:absolute;top:100%;left:50%;margin-left:-12px;width:24px;height:12px;overflow:hidden}.tooltip .top i:after{content:'';position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#2aa9b0}