/* 修复：详情层 < 客服层 */
#detailMask.show,
body.hh-detail-open #detailMask{
    z-index:2147482000 !important;
}

/* 真实客服层强制最高 */
#chatPanel.show,
body > #chatPanel.show,
.chat-panel.show,
#frontChatMask,
#frontChatPanel,
#frontChatBox,
#frontChatWindow,
#hhFrontChatMask,
#hhFrontChatPanel,
#hhChatMask,
#hhChatPanel,
#hhChatBox,
.front-chat-mask,
.front-chat-panel,
.front-chat-box,
.hh-front-chat-mask,
.hh-front-chat-panel,
.hh-chat-mask,
.hh-chat-panel,
.hh-chat-box,
.chat-mask,
.chat-panel.show,
.chat-box,
.chat-modal,
.customer-service-panel,
.customer-chat-panel,
.hh-chat-exact-top,
.hh-chat-exact-top-parent{
    z-index:2147483500 !important;
    pointer-events:auto !important;
}

/* chatPanel 必须是 fixed，不要被详情框或底部按钮压住 */
#chatPanel.show{
    display:flex !important;
    position:fixed !important;
    inset:0 !important;
    z-index:2147483500 !important;
    pointer-events:auto !important;
}

#chatPanel.show .chat-box{
    position:relative !important;
    z-index:2147483501 !important;
    pointer-events:auto !important;
}

#chatPanel.show input,
#chatPanel.show textarea,
#chatPanel.show button,
#chatPanel.show a{
    pointer-events:auto !important;
}

/* 底部联系客服、单排双排不能盖住详情和客服 */
.bottom,
.float-chat,
.mode-switch{
    z-index:100004 !important;
}

body.hh-detail-open .bottom,
body.hh-detail-open .float-chat,
body.hh-detail-open .mode-switch{
    z-index:99 !important;
}