.nav{
    width:800px;
    height:300px;
    margin:200px auto;
}
.nav li{
    display:inline-block;
    margin:0 1em;
}
.tooltip{
    display:inline-block;
    font-weight:700;
    color:rgba(0,0,0,0.3);
    padding:0.15em 0.25em 0 0;
    position:relative;
    z-index:999;

}

/*qipao */
.tooltip-content{
    position:absolute;
    z-index:9999;
    width:80px;
    height:80px;
    border-radius:50%;
    background:#fff;
    bottom:100%;
    left:50%;
    margin-left:-40px;
    margin-bottom:20px;
    text-align:center;
    padding-top:25px;
    color:#47c9af;
    

}
.tooltip-content ::after{
    display:block;
    content:'';
    width:30px;
    height:20px;
    background:url(../images/tooltip1.svg) no-repeat center center;
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-15px;    
    margin-top:-7px;
}

.tooltip-effect-1 .tooltip-content{
    -webkit-transform:translate3d(0,10px,0) rotate3d(1,1,1,45deg);
    transform:translate3d(0,10px,0) rotate3d(1,1,1,45deg);
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom;
}
.tooltip-effect-1 .tooltip-content i{
    -webkit-transform:scale3d(0,0,1);
    transform:scale3d(0,0,1);
    
}