#page>footer,
#page #contact-panel,
#page #contact-panel #phone-icon,
#page #contact-panel #phone-massage,
#page #contact-panel #phone-number {
    display: flex;
    align-items: center;
}

#page>footer {
    background-color: #f7f7f7;
    border-top: 2px solid #e1e1e1;
    width: 100%;
    min-height: 100px;
    justify-content: space-between;
}


/* IE不居中的兼容处理 */

#page>footer:after {
    /* content: ''; */ /* 取消IE兼容，该样式会导致chrome无法两边贴边对齐 */
    min-height: inherit;
}

#page #contact-panel {
    color: #888888;
    margin-left: 80px;
}

#page #contact-panel #phone-icon {
    font-size: 3rem;
    cursor: default;
}

#page #contact-panel>div {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
}

#page #contact-panel #phone-massage {
    /* 视觉效果微调 */
    margin-top: 6px;
    margin-bottom: 3px;
}

#page #contact-panel #phone-number,
#page #contact-panel #phone-number * {
    display: inline;
    background-color: rgba(255, 255, 0, 0);
    -webkit-transition: background-color 1000ms ease-in-out 500ms;
    -moz-transition: background-color 1000ms ease-in-out 500ms;
    -ms-transition: background-color 1000ms ease-in-out 500ms;
    -o-transition: background-color 1000ms ease-in-out 500ms;
    transition: background-color 1000ms ease-in-out 500ms
}

#page #contact-panel #phone-number.highlight {
    background-color: rgba(255, 255, 0, 1);
}

#page #contact-panel #phone-number {
    color: #333;
    padding-top: 3px;
    padding-bottom: 3px;
}

#page #version-panel {
    color: #888888;
    margin-right: 80px;
}