body {
    overscroll-behavior-y: contain;
}

.main {
    min-height: unset;
}

.main_inner {
    min-height: unset;
    min-width: unset;
    border: none;
    border-radius: 0;
}

.box {
    padding-top: 0;
}

/* 禁用所有 tooltip */
.tooltip {
    display: none!important;
}

/* 左侧大菜单 */
.coolchat_left_nav {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 64px;
    z-index: 10;
    display: none;
    padding-top: 40px;
}

.coolchat_left_nav .header .info .display_name {
    display: none;
}

.coolchat_left_nav .system_menu {
    width: 160px;
    margin-left: -16px;
    margin-top: -32px

}


.coolchat_left_nav .myAvatar {
    width: 48px;
    height: 48px;
}

.coolchat_left_nav .user_status {
    margin-left: 44px;
    margin-top: -16px;
}

.coolchat_left_nav .text-length {
    margin: 10px 5px 0;
}

.coolchat_left_nav .messageNum {
    right: 6px;
}

.coolchat_content_nav  .layui-fluid {
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    padding: 0;
}

.coolchat_content_nav #tabCon_0,
.coolchat_content_nav #tabCon_1 {
    width: 100%;
    height: 100%;
}


.coolchat_content_nav .group_details_panel {
    width: 100%;
}
.coolchat_content_nav .group_details_panel .groupDetailSettingRow { 
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.coolchat_content_nav .group_details_panel .groupDetailSettingRow .groupSettingItem_p { 
    flex: 1;
    margin: 0;
}

.coolchat_content_nav .group_details_panel .groupDetailSettingRow #gnotice {
    width: auto;
}

.coolchat_content_nav .group_details_panel .groupDetailSettingRow .groupDetailText,
.coolchat_content_nav .group_details_panel .groupDetailSettingRow .groupDetailSettingImg { 
    margin: 0;
    width: auto;
}

.coolchat_data_panel {
    position: fixed;
    left: 64px;
    top: 0;
    width: calc(100% - 64px);
    height: 100vh;
    z-index: 9;
    display: none;
}

.coolchat_message_panel_div {
    width: auto;
    height: 100%;
    margin-left: 0;
    z-index: 8;
}

.coolchat_message_panel {
    height: 100%;
}

.coolchat_message_panel .message_panel_head,
.coolchat_message_panel_1 .message_panel_head {
    padding-left: 48px;
}

.coolchat_message_panel .panel-body {
    height: calc(100% - 50px)!important;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.coolchat_message_panel .coolchat_message_show_area {
    height: auto!important;
    flex: 1;
}

.coolchat_message_panel .emoji-panel {
    width: calc(100% - 16px);
    left: 8px;
    bottom: 208px;
}

.coolchat_message_panel #emojl-panel:after {
    left: 11px;
}

.coolchat_message_panel #gif-panel:after {
    left: 58px;
}

.float_menu {
    position: fixed;
    left: 12px;
    top: 4px;
    z-index: 11;
}

.float_menu_expend, .float_menu_collapse {
    display: none;
} 

.float_menu_open .float_menu_expend {
    display: block;
}
.float_menu_close .float_menu_collapse {
    display: block;
}

.float_menu_open .coolchat_left_nav {
    display: block!important;
}

.float_menu_open .coolchat_data_panel {
    display: block!important;
}

.float_menu_close .coolchat_left_nav {
    display: none!important;
}

.float_menu_close .coolchat_data_panel {
    display: none!important;
}

.modal-dialog {
    margin: 0;
    padding: 16px;
}