body * {
    box-sizing: border-box;
}

/*弹窗样式*/

.a-chat-popup-container.layui-layer,
.layui-layer-page.layui-layer {
    background: #FFFFFF;
    border-radius: 8px;
}

.a-chat-popup-container .layui-layer-title,
.layui-layer-page .layui-layer-title {
    background: transparent;
    border-bottom: none;
    padding: 30px 30px 15px;
    height: auto;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: bold;
}

.a-chat-popup-container .layui-layer-setwin,
.layui-layer-page .layui-layer-setwin {
    right: 30px;
    top: 32px;
}

.a-chat-popup-container .layui-layer-content,
.layui-layer-page .layui-layer-content {
    /*padding: 0 30px 30px;*/
    height: calc(100% - 63px) !important;
}

.a-chat-popup-container .layui-layer-content .ul-table,
.layui-layer-page .layui-layer-content .ul-table {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.a-chat-popup-container .layui-layer-content .ul-table>li,
.layui-layer-page .layui-layer-content .ul-table>li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.a-chat-popup-container .layui-layer-content .ul-table>li span:first-child,
.layui-layer-page .layui-layer-content .ul-table>li span:first-child {
    color: #414467;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.a-chat-popup-container .layui-layer-content .ul-table>li span:last-child,
.layui-layer-page .layui-layer-content .ul-table>li span:last-child {
    color: #414467;
    font-size: 12px;
}

/*个人信息*/

.a-chat-information-container {
    position: fixed;
    left: 60px;
    top: 20px;
    padding-left: 20px
}

.a-chat-information-container>div {
    width: auto;
    height: 122px;
    min-width: 260px;
    box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 10%);
    background: #FFFFFF;
}

/*访客端样式优化*/

.a-chat-visitor-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.a-chat-visitor-container .a-chat-visitor-main {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    height: calc(100% - 60px);
}

#header.a-chat-visitor-header,
.a-chat-visitor-header {
    height: 60px;
    display: flex;
    flex-direction: row;
    background: #497CF5;
    /*border-radius: 10px 10px 0 0;*/
    padding: 0 20px 0 30px;
    flex-shrink: 0;
    flex-grow: 0;
}

.a-chat-visitor-header .a-chat-visitor-header-middle {
    flex-shrink: 1;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.a-chat-visitor-header .a-chat-visitor-header-middle>div {
    margin-left: 20px;
    margin-right: 20px;
    float: none;
}

.a-chat-visitor-header>img {
    height: 60px;
    /*width: 120px;*/
    flex-shrink: 0;
    flex-grow: 0;
}

.a-chat-visitor-header .a-chat-visitor-header-right {
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #E6EBF5;
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.a-chat-visitor-header .a-chat-visitor-header-right i {
    margin-right: 6px;
}

.a-chat-visitor-header .a-chat-visitor-header-right i:before {}

.a-chat-visitor-main {}

.a-chat-visitor-content {
    position: relative;
    height: 100%;
    width: 100%;
    background: #E3E8F3;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 0 0;
}

.a-chat-visitor-content-left {
    width: calc(100% - 390px);
    height: 100%;
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
    /*margin-right: 30px;*/
}

.a-chat-visitor-content-right {
    width: 360px;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    /*border-radius: 10px 0 0 10px;*/
    background: #FFFFFF;
    overflow: hidden;
    height: calc(100% + 20px);
    margin-top: -20px;
}

.a-chat-visitor-content-right.content-right-hide {
    display: none !important;
}

.a-chat-visitor-content-right>img {
    /*width: 360px;*/
    /*border-radius: 10px 0 0 10px;*/
}

.a-chat-visitor-textarea-container {
    height: 180px;
    border-radius: 10px;
    background: #FFFFFF;
    position: relative;
    width: 100%;
}

.a-chat-visitor-textarea-container.a-chat-visitor {
    height: 200px;
    border-radius: 0;
}

.a-chat-visitor-textarea-container .ke-toolbar {
    background-color: #FFFFFF !important;
    border-radius: 10px 10px 0 0;
}

.a-chat-visitor-textarea-container .ke-container.ke-container-simple {
    border-radius: 10px;
    position: relative;
}

.a-chat-visitor-textarea-container .a-chat-send-btn {
    position: absolute;
    width: 120px;
    height: 40px;
    background: #1D60FF;
    border-radius: 25px;
    font-family: PingFangSC-Bold;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    right: 16px;
    bottom: 20px;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.a-chat-send-btn-container {}

.visitor-chat-box {
    padding-bottom: 20px;
}

.visitor-marquee-bar {
    position: absolute;
    left: 0;
    right: 0;
    height: 25px;
    line-height: 25px;
    background: #F4F1EE;
    font-size: 14px;
    overflow: hidden;
    z-index: 1;
}

.visitor-marquee-bar.visitor-marquee-bar-pc {
    top: -20px;
}

.visitor-marquee-bar.visitor-marquee-bar-mobile {
    top: 50px;
}

.visitor-marquee-bar.visitor-marquee-bar-inside {
    top: 0;
    border-bottom: 1px solid #f7dec7;
}

.visitor-marquee-bar.visitor-marquee-bar-offset-2 {
    margin-left: -2px;
}

.visitor-marquee-bar.visitor-marquee-bar-offset-5 {
    margin-left: -5px;
}

.visitor-marquee-host {
    position: relative;
}

.visitor-marquee-host.visitor-marquee-host-inner {
    padding-top: 25px;
}

.visitor-marquee-bar img {
    position: absolute;
    top: 2px;
    left: 0;
}

.visitor-marquee-viewport {
    position: relative;
    height: 100%;
    margin-left: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.visitor-marquee-track {
    position: absolute;
    top: 0;
    left: 100%;
    display: inline-block;
    height: 100%;
    white-space: nowrap;
    line-height: 25px;
}

.visitor-marquee-text {
    display: inline-block;
    white-space: nowrap;
}

.visitor-chat-box.has-marquee-pc {
    padding-top: 20px;
}

.visitor-chat-box .chatting-right .chat-content,
.visitor-chat-box .chatting-left .chat-content {
    background: #ffffff !important;
    padding: 13px 13px 13px 22px !important;
    border-radius: 10px 10px 0 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    border: none;
    position: relative;
    float: none;
    overflow: visible !important;
}

.visitor-chat-box .chatting-left .chat-content {
    border-radius: 10px 10px 10px 0;
    padding: 13px 22px 13px 13px !important;
    background: #ddd !important;
}

.visitor-chat-box .chatting-right .chat-content:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border: 0px solid transparent;
    border-width: 0 10px 10px 0;
    right: -10px;
    bottom: 0;
    border-bottom-color: #FFFFFF;
    position: absolute;
}

.visitor-chat-box .chatting-left .chat-content:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border: 0px solid transparent;
    border-width: 0 0 10px 10px;
    left: -10px;
    bottom: 0;
    border-bottom-color: #ddd;
    position: absolute;
}

.visitor-chat-box .connect-end:before,
.visitor-chat-box .connect-end:after {
    display: none;
}

.visitor-chat-box .connect-end {
    background: transparent;
}

.visitor-chat-box .connect-end>span {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #000000;
    min-width: 200px;
    height: auto;
    line-height: 32px;
    border-radius: 16px;
    background: #FFFFFF;
    text-align: center;
    padding: 0 15px;
    display: inline-block;
}

.mobile-visitor-chat-box.visitor-chat-box {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mobile-visitor-chat-box.visitor-chat-box.has-marquee {
    margin-top: 30px;
}

.mobile-visitor-chat-box.visitor-chat-box .chat-message {
    padding-right: 15px;
}

.visitor-chat-box .connect-end>span>p a {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
}

.visitor-chat-box>div {
    margin-bottom: 20px;
}

.visitor-chat-box a {
    color: rgb(0, 0, 238);
}

.visitor-chat-box a:hover {
    color: rgb(0, 0, 238);
}

.visitor-chat-box .chat-left {
    float: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

.visitor-chat-box .chat-left .chat-message,
.visitor-chat-box .chat-left .chatting-left {
    margin-left: 15px;
    margin-bottom: 6px;
}

.visitor-chat-box .chat-right .chat-message,
.visitor-chat-box .chat-right .chatting-right {
    margin-right: 15px;
    margin-bottom: 6px;
}

/*.ke-toolbar-icon.ke-toolbar-icon-url.ke-icon-bold,*/

/*.ke-toolbar-icon.ke-toolbar-icon-url.ke-icon-forecolor {*/

/*    opacity: 0;*/

/*}*/

.chat-bottoms .ke-container .ke-toolbar {
    position: relative !important;
    background: transparent !important;
    z-index: 10;
}

.visitor-chat-box .chat-right>div,
.visitor-chat-box .chat-left>div {
    padding-bottom: 5px;
}

.visitor-chat-box>div .user-img {
    width: 48px;
    height: 48px;
    float: none;
    flex-grow: 0;
    flex-shrink: 0;
}

.ukefu-file-desc>a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.visitor-chat-box .chat-right {
    float: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-flow: row-reverse;
    align-items: flex-end;
}

.visitor-chat-box .chat-content.chat-content-file,
.chat-content.chat-content-file {
    width: auto !important;
    height: auto !important;
}

.a-chat-send-tips {
    height: 34px;
    line-height: 34px;
    display: none;
    margin-left: 5px;
}

.visitor-chat-box .chat-left .chat-message .user,
.visitor-chat-box .chat-left .chat-message .time,
.visitor-chat-box .chat-right .chat-message .time,
.visitor-chat-box .chat-right .chat-message {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #9794AE;
    letter-spacing: 0;
    line-height: 12px;
    font-weight: 400;
}

.visitor-chat-box .message.connect-message {
    padding: 0 !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}

.visitor-chat-box .message.connect-message>span {
    background: #fff !important;
    padding: 3px 25px !important;
    border-radius: 16px !important;
}

/* 满意度评价弹窗 */

.a-chat-visitor-popup-container {
    background: #FFFFFF;
    border-radius: 8px;
    border: none;
}

.a-chat-visitor-popup-container .layui-layer-title {
    border-radius: 8px 8px 0 0;
    padding: 22.5px 30px;
}

.a-chat-visitor-popup-container .submitBtn {
    background: #2c6ee5 !important;
}

/*
* 自定义表头样式
*/

.show-thead,
.hide-thead {
    display: flex;
    flex-direction: column;
    width: 200px;
}

.show-thead {
    width: 300px;
}

.show-thead>li {
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.hide-thead>li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.show-thead>li>span.thead-title-content,
.hide-thead>li>span.thead-title-content {
    width: 110px;
    padding-left: 5px;
    color: #212b36;
    cursor: default;
}

.show-thead>li>span,
.hide-thead>li>span {
    color: #4A7CF6;
    cursor: pointer;
}

.set-thead-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 550px;
    align-items: flex-start;
}

.set-thead-content-title {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
}

.show-thead .set-thead-content-title {
    display: block;
}

.set-thead-footer {
    height: 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.set-thead-footer>span {
    padding: 0 18px;
    height: 50px;
    line-height: 50px;
    width: 190px;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #D8DCE7;
    border-radius: 6px;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}

.set-thead-footer>span.set-thead-footer-confirm {
    order: 2;
    margin-left: 10px;
    background-image: linear-gradient(90deg, #5FABFF 1%, #3678FE 100%);
    box-shadow: 0 10px 20px 0 rgb(60 142 254 / 20%);
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}

.chat-list-a .thead-list,
.thead_thead-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.thead_thead-list {
    height: 50px;
}

.chat-list-a .thead-list>td,
.thead_thead-list>td {
    flex-shrink: 1;
    flex-grow: 1;
    display: none;
    height: 100%;
    line-height: 38px;
}

.thead_thead-list>td {
    line-height: 50px;
    overflow: hidden;
}

.chat-list-a .thead-list>td .web-name-container>div {
    height: 24px;
    line-height: 24px;
}

.chat-list-a .thead-list>td .web-name-container {
    align-items: center;
    height: 100%;
}

/* 监控页面样式重构 */

.a-chat-monitor-container {
    overflow: hidden;
    font-size: 13px;
    color: #333;
    height: 100%;
    width: 100%;
    font-family: PingFangSC-Regular;
}

.a-chat-monitor-container>div.a-chat-monitor-content {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.a-chat-monitor-content .a-chat-monitor-left {
    width: 540px;
    height: 100%;
    position: absolute;
}

.a-chat-monitor-left-title {
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.a-chat-monitor-left-title>div {
    width: 50%;
    font-family: PingFangSC-Bold;
    font-size: 16px;
    color: #414467;
    letter-spacing: 0;
    text-align: center;
    line-height: 12px;
    font-weight: 700;
}

.a-chat-monitor-left-tab {
    height: 51px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.a-chat-monitor-left-tab>li {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 51px;
    align-items: center;
    font-size: 16px;
    color: #414467;
    cursor: pointer;
}

.a-chat-monitor-left-tab>li.active {
    background: #FFFFFF;
    border-radius: 10px 10px 0 0;
    color: #497CF5;
}

.a-chat-monitor-left-tab>li>span:first-child {
    font-size: 16px;
    margin-right: 4px;
}

.a-chat-monitor-main {
    height: calc(100% - 121px);
    background: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    padding: 0;
    overflow: auto;
}

.a-chat-monitor-main ul.dialog-list li.chat-list-item {
    height: 40px;
    border-right: none;
    border-bottom: 1px solid #eee;
    padding: 0 !important;
}

.a-chat-monitor-main .grouping-thead {
    height: 40px;
    border-right: none;
    border-bottom: none;
    padding: 0 !important;
    text-align: center;
}

.a-chat-monitor-main .grouping-thead>table {
    width: 100%;
    height: 100%;
    color: black;
    table-layout: fixed;
}

.a-chat-monitor-main ul.dialog-list li.chat-list-item.active {
    background: #D7E0F5 !important;
}

.web-name-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding-right: 10px;
}

.web-name-container>div {
    padding: 0 5px;
    flex-grow: 1;
    flex-shrink: 1;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #497CF5;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #FDFDFE;
    letter-spacing: 0;
    text-align: center;
}

.a-chat-monitor-main-thead {
    height: 50px !important;
    background: #FFFFFF;
    border-radius: 10px 0 10px 10px;
    margin-bottom: 20px;
    text-align: center;
}

.a-chat-monitor-main-thead.right-active {
    border-radius: 0 10px 10px 10px;
}

.main-agentuser .main-agentuser-title {
    line-height: 50px;
    height: 50px;
    position: absolute;
    z-index: 100;
    width: 100%;
    background: #fff;
    padding: 0 20px;
    border-radius: 0 0 10px 10px;
}

.main-agentuser .new-a-chat-message {
    height: calc(100% - 70px);
    margin-top: 70px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

/*对话页面复制过来样式*/

.agentuser_more_mu div span {
    width: auto;
    min-width: 90px;
    padding-right: 25px;
}

.agentuser_more_mu div .talksort .choice {
    right: 15px;
    margin-top: 12px;
}

.mess .layui-colla-title {
    border-top: 1px solid #eee;
    padding: 0;
}

.mess .layui-colla-content {
    padding: 0;
}

.mess .layui-colla-title .layui-icon {
    display: none;
}

ul.dialog-list li a>img {
    top: 13px;
}

.agentuser_more_mu_item::after {
    content: none;
}

.agentuser_more_mu_item_::after {
    position: absolute;
    content: '';
    float: left;
    left: -10px;
    top: 8px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}

.agentuser_more_mu_item_b::after {
    position: absolute;
    content: '';
    float: left;
    left: -10px;
    top: 100px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}

.chat_msg_list .chat-block:last-child {
    margin-bottom: 50px
}

#common-words-list li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

#common-words-list li.active {
    background: #D7E0F5;
}

#common-words-list li:hover {
    background: #D7E0F5;
}

#common-words-list {
    max-height: 125px;
    overflow: scroll;
    z-index: 1000;
    width: 100%;
    box-shadow: 0px 0px 13px 0px rgba(229, 187, 98, 0.25);
    background: #fff;
    /*position: absolute;*/
    /*bottom: 208px;*/
    padding: 0px;
    border-radius: 5px;
    display: none;
}

#common-words-list li {
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*width: 250px;*/
    border-radius: 5px;
}

#main-agentuser {
    display: flex;
    flex-direction: column;
    background: transparent;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background: #E3E8F3 !important;
}

.chat-msg-right-new>li {
    padding-top: 12px !important;
}

#chat_msg_list>div {
    margin-bottom: 20px;
}

.clearfix>.msg-list-new-tips:last-child {
    margin-bottom: 0 !important;
}

#userportraitH span {
    font-size: 12px;
    color: #414467;
    letter-spacing: 0;
    text-align: center;
    line-height: 12px;
}

#userportraitH span.icon-icon_pc_night {
    font-family: 'icomoon' !important;
    font-size: 16px;
}

#userportraitH span.icon-mobile_new {
    font-family: 'icomoon' !important;
    font-size: 24px;
}

.user_trans {
    border-radius: 10px;
    background: #fff;
    margin-top: 20px;
}

.user_trans>ul>li:first-child {
    padding-top: 14px;
}

.user_trans>ul>li {
    padding-bottom: 14px;
    display: flex;
    flex-direction: row;
}

.user_trans>ul {
    padding-left: 22px;
}

.user_trans>ul>li>span:first-child {
    width: 65px;
    flex-shrink: 0;
    flex-grow: 0;
}

.user_trans>ul>li>span:last-child {
    flex-grow: 1;
}

.user_trans>ul>li>span {
    font-family: PingFangSC-Regular !important;
    font-size: 14px;
    color: #9794AE;
    letter-spacing: 0;
    line-height: 14px;
}

.shortcutK .iconfont.icon-dagou {
    margin-top: 14px;
}

.agentEvaluationSend {
    color: #c9c9c9;
    left: 230px;
    top: 7px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.agentEvaluationSend>span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.msg-list-new-tips {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #000000;
    min-width: 200px;
    height: auto;
    line-height: 32px;
    border-radius: 16px;
    background: #FFFFFF;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 15px;
}

.msg-list-new-color,
#chat_msg_list.new-chat-msg-list .user,
#chat_msg_list.new-chat-msg-list .time {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #9794AE;
    letter-spacing: 0;
    text-align: center;
    line-height: 12px;
}

#chat_msg_list.new-chat-msg-list .chatting-right div.chat-content,
#chat_msg_list.new-chat-msg-list .chatting-left div.chat-content {
    background: #ffffff !important;
    padding: 13px 13px 13px 22px;
    border-radius: 10px 10px 0 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    border: none;
    max-width: 80%;
}

#chat_msg_list.new-chat-msg-list .chatting-left div.chat-content {
    background: #F8CBAD !important;
}

#chat_msg_list.new-chat-msg-list .chatting-left div.chat-content {
    border-radius: 10px 10px 10px 0;
    padding: 13px 22px 13px 13px;
}

#chat_msg_list.new-chat-msg-list .chatting-right div.chat-content:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border: 0px solid transparent;
    border-width: 0 10px 10px 0;
    right: -10px;
    bottom: 0;
    border-bottom-color: #FFFFFF;
    position: absolute;
}

#chat_msg_list.new-chat-msg-list .chatting-left div.chat-content:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border: 0px solid transparent;
    border-width: 0 0 10px 10px;
    left: -10px;
    bottom: 0;
    border-bottom-color: #F8CBAD;
    position: absolute;
}

#chat_msg_list.new-chat-msg-list .chat-right .user-img,
#chat_msg_list.new-chat-msg-list .chat-left .user-img {
    margin-top: 45px;
}

#chat_msg_list.new-chat-msg-list .connect-end,
#chat_msg_list.new-chat-msg-list .connect-begin {
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.online-color:before,
.offline-color:before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    background: #04BB64;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.online-color {
    color: #04BB64 !important;
}

.offline-color:before {
    background: #B8B9CF;
}

.offline-color {
    color: #9794AE !important;
}

.offline-table td {
    color: #414467 !important;
}

.offline-table .web-name-container {
    opacity: 0.5;
}

.offline-table .icon-icon_pc_night,
.offline-table .icon-mobile_new {
    color: #9794AE !important;
}

.icon-mobile_new {
    font-size: 24px;
}

.device-info {
    padding: 18px 26px 0 26px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: #FFFFFF;
}

.device-info>div {
    width: 50%;
    height: 16px;
    line-height: 16px;
    display: flex;
    flex-direction: row;
    margin-bottom: 18px;
    justify-content: flex-start;
    align-items: center;
}

.device-info>div>i {
    color: #4A7CF6;
    top: 6px;
    font-size: 16px;
    margin-right: 6px;
}

.history-sessiontype .cascader-input__inner.layui-input {
    height: 36px;
    min-height: 36px !important;
    margin-top: 10px;
    width: 350px;
}

.history-sessiontype .layui-rc-cascader {
    width: 350px;
}

.history-sessiontype .layui-icon-triangle-d {
    display: inline-block;
    transform: none;
    width: 0;
    height: 0;
    border-style: dashed;
    border-color: transparent;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    cursor: pointer;
    border-width: 6px;
    border-top-color: #C2C2C2;
    border-top-style: solid;
    transition: all .3s;
}

.history-form-container {
    overflow: auto;
    top: 65px !important;
    left: 50px !important;
    border-radius: 10px !important;
    padding-bottom: 20px;
}

#customerList .b-tabs-content__chat>li.offline-table.chat-list-a,
.a-chat-monitor-main ul.dialog-list li.chat-list-item.offline-table {
    background: #F4F4F4 !important;
}

#customerList .b-tabs-content__chat>li.ask-time-out.chat-list-a,
.a-chat-monitor-main ul.dialog-list li.chat-list-item.ask-time-out {
    background: #E890AA !important;
}

#customerList .b-tabs-content__chat>li.chat-list-item-red,
#customerList .b-tabs-content__chat>li.chat-list-item-red.chat-list-a,
.a-chat-monitor-main ul.dialog-list li.chat-list-item.chat-list-item-red {
    background: #F5D7D7 !important;
}

#customerList .b-tabs-content__chat>li.active,
#customerList .b-tabs-content__chat>li.active.chat-list-a,
.a-chat-monitor-main ul.dialog-list li.chat-list-item.active {
    background: #B9CCF9 !important;
}

#customerList .b-tabs-content__chat>li.chat-list-item-red:hover,
#customerList .b-tabs-content__chat>li.chat-list-item-red.chat-list-a:hover,
.a-chat-monitor-main ul.dialog-list li.chat-list-item.chat-list-item-red:hover,
#customerList .b-tabs-content__chat>li.offline-table.chat-list-a:hover,
.a-chat-monitor-main ul.dialog-list li.chat-list-item.offline-table:hover,
#customerList .b-tabs-content__chat>li.ask-time-out:hover,
.a-chat-monitor-main ul.dialog-list li.chat-list-item.ask-time-out:hover {
    background: #B9CCF9 !important;
}

.ui-resizable-handle.ui-resizable-w,
.ui-resizable-handle.ui-resizable-e {
    width: 6px !important;
    z-index: 10000 !important;
    height: 100% !important;
    position: absolute !important;
    cursor: col-resize !important;
    top: 0;
}

.ui-resizable-handle.ui-resizable-w:hover,
.ui-resizable-handle.ui-resizable-e:hover {
    background: #2c6ee5 !important;
}

.ui-resizable-handle.ui-resizable-e {
    right: 0;
}

.a-chat-monitor-left .ui-resizable-handle.ui-resizable-e {
    right: -20px;
}

.ui-resizable-handle.ui-resizable-w {
    left: 0;
}

.a-chat-monitor-content .ukefu-chat-prop {
    width: 400px;
    /*left: 0 !important;*/
    left: calc(100% - 420px);
}

.a-chat-monitor-content .main-agentuser {
    width: calc(100% - 420px);
}

.a-chat-monitor-main ul.dialog-list li.offline-table.chat-list-a td {
    color: #000000 !important;
}

.theme-v0512 .history_content .form-modal .b-overlay {
    background: rgba(0, 0, 0, .3) !important;
}

/*数据页面设置表头样式*/

.analyse-set-thead-container {
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    z-index: 19891016;
    background-color: rgba(0, 0, 0, 0.3);
}

.analyse-search-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px
}

.analyse_thead_list {
    text-align: center !important;
    color: #333333 !important;
    font-size: 12px !important;
    height: 50px !important;
    line-height: 50px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.analyse_thead_list th {
    text-align: center !important;
    height: 50px;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 1;
    flex-grow: 1;
}

.analyse-thead {
    text-align: center !important;
    height: 50px !important;
    line-height: 50px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.analyse-thead td {
    text-align: center !important;
    height: 50px;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 1;
    flex-grow: 1;
    word-wrap: break-word;
}

/*输入框内其他标签字体大小和颜色均统一格式*/

.ke-content * {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

body,
.ke-content div,
.ke-content dl,
.ke-content dt,
.ke-content dd,
.ke-content ul,
.ke-content ol,
.ke-content li,
.ke-content h1,
.ke-content h2,
.ke-content h3,
.ke-content h4,
.ke-content h5,
.ke-content h6,
.ke-content pre,
.ke-content code,
.ke-content form,
.ke-content fieldset,
.ke-content legend,
.ke-content input,
.ke-content textarea,
.ke-content p,
.ke-content blockquote,
.ke-content th,
.ke-content td {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
}

.ke-content table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ke-content fieldset,
img {
    border: 0;
}

.ke-content li {
    list-style: none;
}

.ke-content input[type=radio] {
    cursor: pointer
}

.ke-content input[type=checkbox] {
    cursor: pointer
}

.ke-content * {
    box-sizing: border-box;
}

.ke-content a {
    text-decoration: none;
}

/*.a-chat-visitor-textarea-container .layui-form-checkbox[lay-skin=primary] i {*/

/*    background-color: #2c6ee5 !important;*/

/*    color: #2c6ee5 !important;*/

/*    border-color: #2c6ee5 !important;*/

/*}*/

/*.a-chat-visitor-textarea-container .layui-form-checked[lay-skin=primary] i {*/

/*    color: #FFFFFF !important;*/

/*}*/

.a-chat-visitor-textarea-container .layui-form-checkbox {
    background-color: transparent !important;
}

.a-chat-ended-title {
    background: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.a-chat-ended-title .layui-form-radio {
    padding-right: 0px;
}

.quick-assessment-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: calc(100% - 50px);
}

.quick-assessment-content-left {
    width: calc(100% - 300px);
    height: 100%;
}

.quick-assessment-content-right {
    width: 300px;
    height: 100%;
}

.quick-assessment-footer {
    height: 50px;
}

.search-dateTime-content {
    position: absolute;
    top: 38px;
    left: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.search-dateTime-content>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 35px;
    width: 240px;
    margin-right: 20px;
}

.search-dateTime-content>div>input {
    width: 180px;
}

.search-dateTime-content>div>span {
    width: 60px;
}

.a-chat-history-search-container {
    /*display: flex;*/
    /*flex-direction: row;*/
    width: 800px;
}

.a-chat-history-search-container>div {
    width: 165px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}

.a-chat-history-search-container .b-label {
    font-size: 18px;
    color: #666;
}

.a-chat-history-search-container>div:first-child {
    /*display: block !important;*/
    margin-bottom: 0 !important;
    margin-right: 24px !important;
}

.a-chat-history-search-container>div.sessiontype-item {
    width: 354px;
}

.a-chat-history-search-container .search-last-item {
    width: 210px;
}

.a-chat-history-search-container .search-last-item>div:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.a-chat-history-search-container .search-last-item>div:nth-child(2)>div,
.a-chat-history-search-container .search-last-item>div:nth-child(2)>input {
    width: 80px;
}

/*历史页面*/

.a-chat-history-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #E3E8F3 !important;
}

.a-chat-history-header {
    height: 50px;
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.a-chat-history-header-tab {
    /*width: 570px;*/
}

.a-chat-history-header-tab>a.history-header-tab-item {
    width: 285px;
    height: 50px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #414467;
    letter-spacing: 0;
    /*line-height: 12px;*/
    font-weight: 400;
    text-decoration: none !important;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.a-chat-history-header-tab>a.history-header-tab-item.active {
    color: #497CF5;
    background: #FFFFFF;
    border-radius: 10px 10px 0 0;
}

.a-chat-history-header .a-chat-history-header-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.a-chat-history-container div.a-chat-history-content {
    height: calc(100% - 60px);
    width: 100%;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    /*background: #FFFFFF;*/
}

.a-chat-history-container div.a-chat-history-content .b-nav {
    /*height: 70px;*/
    background: #FFFFFF;
    border-radius: 0 10px 10px 10px;
    padding: 15px 0;
    margin-bottom: 20px;
}

.a-chat-history-container div.a-chat-history-content .history_main {}

.a-chat-history-container div.a-chat-history-content .history_table {
    border: none;
    width: 1980px;
}

.a-chat-history-container div.a-chat-history-content .history_table th,
.a-chat-history-container div.a-chat-history-content .history_table td {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #414467;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
    height: 50px !important;
}

.a-chat-history-container div.a-chat-history-content .history_table thead tr {
    height: 50px;
    background: #FFFFFF;
    margin-bottom: 10px;
    border-radius: 10px;
}

.a-chat-history-container div.a-chat-history-content .history_table thead tr>th:nth-child(2) {
    border-radius: 10px 0 0 10px;
}

.a-chat-history-container div.a-chat-history-content .history_table thead tr>th:last-child {
    border-radius: 0 10px 10px 0;
}

.a-chat-history-container div.a-chat-history-content .history_table tbody {
    border-radius: 10px 10px 0 0;
}

.a-chat-history-container div.a-chat-history-content .history_table tbody tr {
    background: #FFFFFF;
    border-bottom: 1px solid #E3E8F3;
}

.a-chat-history-container div.a-chat-history-content .history_table tbody tr td {
    font-size: 12px;
    color: #414467;
    letter-spacing: 0;
    text-align: center;
    line-height: 12px;
    font-weight: 400;
}

.a-chat-history-container div.a-chat-history-content .history_table tbody tr:first-child {
    border-radius: 10px 10px 0 0;
}

.a-chat-history-container div.a-chat-history-content .history_table tbody tr:first-child>td:nth-child(2) {
    border-radius: 10px 0 0 0;
}

.a-chat-history-container div.a-chat-history-content .history_table tbody tr:first-child>td:last-child {
    border-radius: 0 10px 0 0;
}

.history-footer {
    height: 65px;
    background: #FFFFFF;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.history-footer .paging .layui-laypage>a:first-child,
.history-footer .paging .ukefu-product-page .layui-laypage a,
.history-footer .paging .layui-laypage span,
.history-footer .paging .layui-laypage a,
.history-footer .paging .layui-laypage span.layui-laypage-skip input,
.history-footer .layui-laypage select {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
}

.history-footer .layui-laypage-next,
.history-footer .layui-laypage-prev {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.history-footer .layui-laypage select {
    width: 90px;
    line-height: 30px;
}

.history-footer .layui-laypage-limits {
    width: auto !important;
    height: 34px !important;
    line-height: 32px !important;
}

.history-footer .layui-laypage-skip {
    width: auto !important;
}

.history-footer .layui-laypage-limits select {
    height: 34px !important;
    box-sizing: border-box;
    line-height: 32px;
}

.history-footer .paging .layui-laypage span.layui-laypage-skip button {
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
    background: #2c6ee5;
    color: #FFFFFF;
}

.a-chat-tree-container>li>.a-chat-child-tree {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 1035px;
    margin-left: 0;
}

.a-chat-tree-container>li>.a-chat-child-tree>li {
    width: 170px;
    flex-grow: 1;
}

.a-chat-tree-container>li>.a-chat-child-tree>li.auth-dialogue {
    width: 120px;
    flex-grow: 0;
}

.a-chat-tree-container>li>.a-chat-child-tree>li.auth-history {
    width: 170px;
    flex-grow: 0;
}

.a-chat-tree-container>li>.a-chat-child-tree>li.auth-data {
    width: 190px;
}

.a-chat-tree-container>li>.a-chat-child-tree>li.auth-set {
    width: 190px;
}

.a-chat-tree-container .a-chat-child-tree {
    margin-left: 20px;
}

.a-chat-tree-container {}

.a-chat-tree-content {
    height: 38px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.a-chat-tree-content>span {
    margin-right: 10px;
    color: #2c6ee5;
}

.a-chat-tree-content>span:first-child {
    color: #E890AA;
    cursor: pointer;
    height: 16px;
    width: 16px;
    font-size: 26px;
    position: relative;
    top: -5px;
}

.a-chat-tree-content>span:first-child.item-down {
    transform: rotate(180deg);
    top: 5px;
    left: 10px;
}

.a-chat-tree-content>span:nth-child(2) {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #2c6ee5;
    font-size: 12px;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 14px;
    color: #2c6ee5;
    cursor: pointer;
    margin-right: 5px;
    flex-grow: 0;
    flex-shrink: 0;
}

.a-chat-tree-content>span:nth-child(2).icon-icon_checked {
    background: #DAE4FD;
}

.a-chat-tree-content>span:last-child {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    letter-spacing: 0;
    color: #000000;
    font-weight: 600;
}

.no-child>.a-chat-tree-content>span:last-child {
    color: #414467;
    font-weight: 400;
}

.a-chat-child-tree.child-tree-hide {
    display: none !important;
}

.a-chat-cancel {
    background: #FFFFFF !important;
    border: 1px solid #D8DCE7;
    border-radius: 6px;
    font-size: 16px;
    color: #333333 !important;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
    width: 190px;
    height: 50px;
}

.a-chat-submit {
    width: 190px;
    height: 50px;
    background-image: linear-gradient(90deg, #5FABFF 1%, #3678FE 100%);
    box-shadow: 0 10px 20px 0 rgba(60, 142, 254, 0.20);
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
    border-radius: 6px;
}

.a-chat-popup-btn-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    flex-direction: row;
}

.a-chat-layui-form-switch i {
    top: 2px !important;
}

.a-chat-set-right-title {
    height: 76px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E6EBF5;
    margin-bottom: 30px;
}

.a-chat-set-right-title .layui-laypage {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.a-chat-set-right-title .layui-laypage>a {
    width: 40px;
    height: 40px;
    background: rgba(230, 235, 245, 0.5);
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.a-chat-set-right-title .layui-laypage>a i,
.a-chat-set-right-title .layui-laypage>span i {
    color: #000000;
}

.a-chat-set-right-title .layui-laypage>span,
.a-chat-set-right-title .layui-laypage>span .layui-laypage-em {
    width: 40px;
    height: 40px;
    background: #FFFFFF !important;
    border: 1px solid #E6EBF5;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 8px;
}

.a-chat-set-right-title .layui-laypage .layui-laypage-curr em:last-child {
    color: #000000;
    top: 3px;
}

.a-chat-set-right-title .layui-laypage>span .layui-laypage-em {
    margin: 0;
}

.a-chat-set-right-title>span {
    font-size: 16px;
    color: #414467;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 700;
}

.a-chat-set-right-container {
    height: 100%;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 0 30px 30px;
    overflow: auto;
}

.a-chat-website-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.a-chat-website-content {
    width: 280px;
    background: #FFFFFF;
    box-shadow: 0 12px 16px -6px rgba(0, 0, 0, 0.20);
    border-radius: 10px;
    margin-right: 40px;
    margin-bottom: 30px;
    height: 170px;
}

.a-chat-website-content-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 110px;
    border-radius: 10px 10px 0 0;
    padding: 30px 30px 5px;
    justify-content: space-between;
    box-sizing: border-box;
}

.a-chat-website-content-top span:first-child {
    font-family: Helvetica !important;
    font-size: 28px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    line-height: 28px;
}

.a-chat-website-content-top span:last-child {
    opacity: 0.6;
    font-family: Helvetica !important;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}

.a-chat-website-content-bottom {
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
}

.a-chat-website-content-bottom a {
    margin-left: 16px;
}

.a-chat-website-content-bottom a i {
    font-size: 20px;
    color: #9794AE;
}

.add-website {
    background: #E6EBF5;
    border-radius: 10px;
    height: 170px;
    width: 280px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.add-website i {
    font-size: 53px;
    color: #FFFFFF;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background: transparent !important;
}

::-webkit-scrollbar {
    background: transparent !important;
}

.a-chat-data-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.a-chat-data-left {
    width: 200px;
    flex-shrink: 0;
    flex-grow: 0;
    height: 100%;
}

.a-chat-data-right {
    width: calc(100% - 200px);
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 20px;
    height: 100%;
}

.data-right-title {
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.data-right-title>a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #497CF5;
}

.data-right-title>a>i {
    font-size: 25px;
}

.data-right-title>a>span {
    font-size: 14px;
    margin-left: 4px;
    letter-spacing: 0;
    font-weight: 700;
    color: #497CF5;
}

.data-right-content {
    height: calc(100% - 76px);
}

.data-right-content.data-organ-degree {
    height: calc(100% - 56px);
}

.data-right-content-top {
    border-radius: 10px;
    background: #FFFFFF;
    margin-bottom: 20px;
    padding: 20px;
}

.data-right-content-bottom {
    border-radius: 10px;
    background: #FFFFFF;
    padding: 20px;
    height: calc(100% - 440px);
    overflow: auto;
}

.data-organ-degree .data-right-content-bottom {
    height: calc(100% - 115px);
}

.data-right-content-bottom .data-right-table-container {
    width: 100%;
    overflow: auto;
}

.data-right-content-bottom table {
    width: 100%;
}

.data-organ-degree .data-right-content-bottom table {
    min-width: 1300px;
}

.data-organ-degree .data-right-content-bottom.data-right-table-container {
    width: 100%;
    overflow: auto;
}

.data-right-content-bottom table tr:hover {
    background: rgba(239, 244, 248, 0.7);
}

.data-right-content-bottom table tr td {
    font-size: 14px;
    color: #4B5E6F;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    line-height: 20px;
}

.data-right-content-bottom tr td:first-child,
.data-right-content-bottom tr th:first-child {
    border-radius: 10px 0 0 10px;
}

.data-right-content-bottom tr td:last-child,
.data-right-content-bottom tr th:last-child {
    border-radius: 0 10px 10px 0;
}

.data-right-content-bottom thead tr {
    background: #EFF4F8;
    border-radius: 6px;
    height: 50px;
}

.data-right-content-bottom tbody tr {
    height: 50px;
    border-radius: 6px;
    background: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
}

/*.data-right-content-bottom tbody tr:nth-child(even) {*/

/*    background: #EFF4F8;*/

/*    border-radius: 6px;*/

/*}*/

/*.data-right-content-bottom tbody tr:nth-child(odd) {*/

/*}*/

.data-right-content-bottom table tr th {
    font-size: 14px;
    color: #414655;
    letter-spacing: 0;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
}

.a-chat-data-left-title {
    font-size: 16px;
    color: #414467;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 56px;
}

.a-chat-data-left-content {
    height: calc(100% - 61px);
    margin-top: 1px;
    background: #FFFFFF;
    border-radius: 10px;
    background: #FFFFFF;
    overflow: auto;
    padding: 20px 20px 0;
}

.a-chat-data-left-content>div.data-left-menu-item {
    overflow: hidden;
}

.data-left-menu-item>div {
    margin-bottom: 24px;
}

.data-left-menu-item>div:first-child {
    display: flex;
    flex-direction: revert;
    align-items: center;
    justify-content: flex-start;
}

.data-left-menu-item>div:first-child i {
    margin-right: 10px;
}

.data-left-menu-item>div:not(:first-child)>a>span {
    margin-left: 26px;
}

.a-chat-search-container {
    width: 300px;
    height: 40px;
    margin-bottom: 20px;
}

.a-chat-search-container>input {
    padding-right: 30px !important;
    height: 40px;
    border-radius: 6px;
}

.a-chat-search-container>i {
    right: 10px;
    top: 9px;
    color: #c9c9c9;
    font-size: 20px;
    position: absolute;
}

.data-right-content-bottom .data-right-confirm {
    padding: 0 18px;
    height: 40px;
    line-height: 40px;
    width: 120px;
    cursor: pointer;
    border: 1px solid #D8DCE7;
    border-radius: 6px;
    margin-left: 10px;
    background-image: linear-gradient(90deg, #5FABFF 1%, #3678FE 100%);
    box-shadow: 0 10px 20px 0 rgb(60 142 254 / 20%);
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    display: inline-block;
}

.data-right-content-bottom .analyse-search-container {
    align-items: flex-start;
    padding-right: 0;
}

.data-right-search-container {
    display: flex;
}

.data-right-search-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.data-right-search-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-right: 30px;
}

.data-right-search-item>span {
    font-size: 14px;
    color: #4B5E6F;
    letter-spacing: 0;
    line-height: 14px;
    font-weight: 400;
}

.data-right-search-item input,
.data-right-search-item select {
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    font-size: 14px;
    color: #414467;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
}

.data-right-search-item.data-right-select input {
    text-align: left;
}

.data-right-search-item.date-search input {
    width: 330px;
}

.work-log-table-container {
    width: 100%;
}

.data-right-content-bottom .work-log-table-container tbody tr {
    background: #FFFFFF;
}

.data-right-content-bottom .work-log-table-container thead tr {
    background: #EFF4F8;
}

.work-log-table-container .work-log-tr:nth-child(1) {
    background: #EFF4F8;
}

.work-log-tr {
    background: #FFFFFF;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 50px;
    border-radius: 6px;
}

.work-log-tr>span {
    flex-grow: 1;
    width: 16.7%;
}

.work-log-tr>span i {
    cursor: pointer;
}

div.mytest,
div.mytest1,
div.mytest2 {
    width: 2px;
    height: 20px;
    animation: shake 1s;
    animation-name: shanke;
    /*animation-delay:0s;*/
    /*animation-duration:5s;*/
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background: red;
}

div.mytest1 {
    animation-delay: 0.5s;
}

div.mytest2 {
    animation-delay: 1s;
}

@keyframes shanke {
    0% {
        height: 20%;
    }
    25% {
        height: 40%;
    }
    50% {
        height: 60%;
    }
    75% {
        height: 80%;
    }
    100% {
        height: 100%;
    }
}

/*@keyframes shanke1{*/

/*    0%{*/

/*        height:0;*/

/*    }*/

/*    25%{*/

/*        height:25%;*/

/*    }*/

/*    50%{*/

/*        height:50%;*/

/*    }*/

/*    75%{*/

/*        height:75%;*/

/*    }*/

/*    100%{*/

/*        height:100%;*/

/*    }*/

/*}*/

/*@keyframes shanke2{*/

/*    0%{*/

/*        height:0;*/

/*    }*/

/*    25%{*/

/*        height:25%;*/

/*    }*/

/*    50%{*/

/*        height:50%;*/

/*    }*/

/*    75%{*/

/*        height:75%;*/

/*    }*/

/*    100%{*/

/*        height:100%;*/

/*    }*/

/*}*/

.last-row-item .layui-form-select dl {
    top: unset !important;
    bottom: 24px !important;
}

/*new*/

.head_icon_img {
    max-height: 49px;
}