#hint {
    left: calc((100% - 400px) / 2);
    top: calc((100% - 100px) / 2);
    width: 400px;
    height: 100px;
    /* background-color: #fff; */
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#hintUp {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 25px;
}
#hintUp .hintClose {
    float: right;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #646464;
    border-top-right-radius: 10px;
    cursor: pointer;
}
#hintDown p {
    margin-left: 10px;
    margin-right: 5px;
    height: 65px;
    font-size: 14px;
    /* background-color: red; */
    overflow-y: scroll;
    user-select: text;
    cursor: default;
}
#hintDown p::selection {
    background-color: rgba(30, 120, 235,0.15);
}