.tips {
    position: absolute;
    top: 40px;
    width: inherit;
    z-index: 3;

    .rectangle {
        width: 100%;
        height: 35px;
        background: #379ed6;
        color: #fff;
        padding-left: 10px;
        line-height: 35px;
        font-size: 12px;
        font-weight: bold;
        position: absolute;
    }

    .triangle {
        position: absolute;
        left: 12px;
        width: 0;
        height: 0;
        border-width: 5px;
        top: -10px;
        border-style: solid dashed dashed;
        border-color: transparent transparent #379ed6;
    }
}