.com-popover {
    display: inline-block;
    padding: 7px 16px;
    background: #fff;
    color: #333;
    border-radius: 2px;
    position: absolute;
    z-index: 999;
    font-size: 12px;
    display: flex;
    align-items: center;
    top: -44px;
    left: calc(50% - 400px);
}

.com-popover .triangle {
    width: 0px;
    height: 0px;
    border: 7px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -14px;
    left: 17px;
    z-index: -1;
}

.com-popover .icon-info {
    margin-right: 4px;
    width: 18px;
    height: 18px;
}

/* .bottom {
    
}

.bottom .triangle {
    bottom: 30px;
    left: 17px;
    z-index: -1;
    transform: rotate(180deg);
} */