.tiptools {
    position: absolute;
    left: 0;
    top: 0;
    background: #fcfcfc;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    display: none;
    width: 300px;
    border-radius: 4px;
    z-index: 400;
}
.tiptools.active {
    display: inherit;

}
@media (max-width:991px) {
    .tiptools.active {
        display: none;
    }
}
.tiptools .tipcontent {
    padding: 0 15px 20px 15px;
}
.tiptools .tipcontent:before {
    position: absolute;
    content: ' ';
    border-top: 10px;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-bottom-color: #fafafa;
    top: -20px;
    left: 30%;
    margin-left: -10px;
}
.tiptools a {
    text-decoration: none;
    color: #000;
}
.tiptools .date {
    display: none;
}