.tooltip{display:inline-block;position:relative;border-bottom:1px dotted #3d3d3d;font-family:verdana,helvetica,sans-serif;font-size:12px;text-align:left}.tooltip .top{min-width:200px;top:-20px;left:50%;transform:translate(-50%,-100%);padding:10px 20px;color:#3d3d3d;background-color:#F8F8FF;font-family:verdana,helvetica,sans-serif;font-weight:400;font-size:12px;text-align:center;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.5);visibility:hidden;opacity:0;transition:opacity 0.4s}.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:#F8F8FF;box-shadow:0 1px 8px rgba(0,0,0,.5)}