body {
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.container-fluid {
    padding: 0!important;
    margin: 0;
}
.lyear-layout-content {
    padding-top:50px;
    padding-left: 160px;
}
.chat_link .input-group {
    margin-top: 10px;
}
.access_code .btn-default,.access_code .btn-info {
    margin-right: 10px;
}
.card-body {
    padding: 0!important;
}
li {
    list-style-type:none;
}
.plugin_install {
    text-align: center;
}
.plugin_install .btn {
    margin-right:0;
    margin-top: 20px;
}
.form-file i {
    font-size: 45px;
    border: 1px solid transparent;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    color: rgba(4, 15, 66, 0.9);
    background-color: #fff;
    border-color: rgba(4, 15, 66, 0.2);
    border-radius: 6px;
    padding: 15px;
}
.set-lists ul {
    padding-left: 0;
}
.set-lists li a {
    font-size: 14px;
    color: rgba(4, 15, 66, 0.9);
}
.set-lists li {
    height: 40px;
    line-height: 40px;
    padding-left: 56px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.example-box .current {
    background-color: #48b0f7!important;
    border-color: #48b0f7!important;
    color: #fff!important;
}
.col-b10 {
    width: 13%;
    padding: 0;
}
.card {
    border:0;
}
.menu-item-selected {
    border-right: 3px solid #1880ff;
}
.menu-item-selected a,.top-menu-selected h4,.set-lists li a:hover {
    color: #1880ff!important;
}
.col-b90 {
    width: 100%;
    background: #eef0f6;
    background-color: #eef0f6;
    overflow: auto;
    padding-top: 15px;
    border-left: 1px solid #e8e8e8;
}
.card-header .h4, .card-header h4 {
    font-size: 15px;
}
.card-header {
    padding: 5px 23px;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.card-header i {
    padding-right: 5px;
    font-size: 17px;
    cursor:pointer;
}
.mdi-chevron-up:before,.mdi-chevron-down:before {
    font-weight: 800;
}
.ant-menu-submenu .ant-menu-sub {
    cursor: initial;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-hidden {
    display: none;
}
.setting-no {
    width: 100%;
    flex: 1 1 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.setting-no img {
    display: inline-block;
    width: 400px;
}
.col-b90 .card {
    flex: 1 1 100%;
    padding: 16px 24px;
    height: 90%;
    display: flex;
    flex-direction: column;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(52, 63, 75, 0.1);
}
.lyear-layout-container,
.lyear-layout-content,
.container-fluid,
.row,.col-b10,
.col-b90,
.card-body,
.lyear-layout-web
{
    height: 100%;
}
.history ul {
    list-style: none;
    padding: 0;
}
.history .card-header {
    padding: 10px 0;
}
.history .item-img img {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 5px;
}
.history {
    background-color: #eef0f6;
    padding-top: 15px;
}
.history .col-lg-2,.history .col-lg-6 {
    padding-right: 0;
}
.history .card {
    padding: 0 15px 15px 15px;
    min-height: 800px;
}
#custlist li,#visilist li {
    height: 45px;
    margin: 10px 0;
    background: #f6f6f6;
    border-radius: 3px;
}
#timelist li.time2 {
    margin: 10px 0;
    background: #f6f6f6;
    font-size: 15px;
    padding: 0px 10px;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
}
#col-record .conversation {
    height: 100%;
}
#timelist li.time3 {
    text-align: right;
    padding-top: 10px;
}
#wrap {
    width: 100%;
    max-height: 730px;
    padding: 0 15px;
    overflow-y: auto;
    border-radius: 3px;
}
.input-group-btn button {
    left: 0!important;
}
.table-bordered .col-lg-12 {
    padding: 0;
}
.td-form-control .form-control {
    width: 100%!important;
    position: initial!important;
}
.conversation {
    list-style: none;
    padding: 12px;
}
.chatmsg {
    margin-bottom: 25px;
    position: relative;
}
.showtime {
    color: #d2d2d2;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: center;
    height: 17px;
}
.chatmsg img {
    max-width: 200px;
    max-height: 200px;
    cursor: pointer;
}
.my-circle {
    border-radius: 30px;
}
.outer-right {
    float: right;
    width: 50%;
    position: relative;
    right: 10%;
    top: 5px;
    clear: both;
    font-size: 14px;
}
.outer-right:before, .outer-right > i {
    width: 0;
    height: 1px;
    border-width: 6px 7px;
    border-style: dashed solid dashed solid;
    border-color: transparent transparent transparent #91d2f5;
    _border-color: #fff #19caa6 #fff #eee;
    font-size: 0;
    line-height: 0;
    content: "";
    position: absolute;
    top: 15px;
    right: -12px;
}
.service {
    margin-left: 10px;
    margin-top: 5px;
    *margin-top: 10px;
    background-color: #91d2f5;
    display: inline-block;
    padding: 10px 10px;
    float: right;
    word-break: break-all;
    word-wrap: break-word;
    color: #fff;
    border-radius: 3px;
    position: relative;
    max-width: 100%;
    min-height: 38px;
}
pre {
    border: 0;
    background: 0;
    white-space: pre-line;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.chatmsg:after, .chatmsg p {
    content: "";
    display: table;
    clear: both;
}
.outer-left {
    float: left;
    width: 50%;
    position: relative;
    left: 10%;
    clear: both;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.outer-left:before, .outer-left > i {
    width: 0;
    height: 1px;
    border-width: 6px 7px;
    border-style: dashed solid dashed solid;
    border-color: transparent #eee transparent transparent;
    _border-color: #fff #fff #fff #eee;
    font-size: 0;
    line-height: 0;
    content: "";
    position: absolute;
    top: 15px;
    left: -12px;
    left: -11px \9;
    *left: -11px;
}
.customer {
    margin-right: 10px;
    margin-top: 5px;
    background-color: #eee;
    display: inline-block;
    padding: 10px 10px;
    float: left;
    word-break: break-all;
    word-wrap: break-word;
    color: #000;
    border-radius: 3px;
    max-width: 450px;
    box-sizing: border-box;
    min-height: 38px;
}
.history .item-img {
    float: left;
}
.history .item-title {
    padding-left: 50px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
}
.right-card-header {
    padding: 5px 15px;
    margin-bottom: 20px;
}
.right-card-header h4 {
    font-size: 18px;
    font-weight: 700;
    float: left;
    border-bottom: 2px solid #1880ff;
    padding-bottom: 10px;
}
.card-toolbar {
    padding: 0 0 0px 15px;
}
.table>thead>tr>th {
    font-weight: 500;
}
.right-card .card-body {
    padding: 20px 0 0px 15px!important;
}
.table-bordered>thead,.table-bordered {
    border: 1px solid #eee!important;
}
.btn-default {
    border: 1px solid transparent;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    color: rgba(4, 15, 66, 0.9);
    background-color: #fff;
    border-color: rgba(4, 15, 66, 0.2);
}
.btn-default:hover, .btn-default:focus {
    color: #409cff;
    background-color: #fff;
    border-color: #409cff;
}
.mt-50 {
    margin-top: 50px;
}
.table-bordered .form-control {
    width: auto;
    position: absolute;
}
.table-bordered button {
    position: absolute;
    left: 315px;
}
.access_code .dropdown-toggle {
    display: block;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid rgba(4, 15, 66, 0.2);
    border-top-width: 1.02px;
    border-radius: 4px;
    outline: none;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    user-select: none;
    position: relative;
    height: 32px;
    line-height: 28px;
    min-width: 200px;
    text-align: left;
    color: rgba(4, 15, 66, 0.9)!important;
    cursor: pointer;
}
.access_code .btn-primary:active,.access_code .btn-primary:focus,.access_code .btn-primary:hover {
    border-color: #409cff!important;
    border-right-width: 1px !important;
    background-color: #ffffff!important;
    box-shadow: 0 0 0 2px rgba(24, 128, 255, 0.2)!important;
}
.caret-toggle {
    float: right;
}
.access_code .dropdown-menu {
    min-width: 200px;
    margin-top: 5px;
    padding: 0;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: 'tnum';
    box-sizing: border-box;
    font-size: 14px;
    font-variant: initial;
    background-color: #fff;
    border-radius: 4px;
    outline: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.access_code .dropdown-menu>li>a {
    color: rgba(4, 15, 66, 0.9);
}
.access_code .dropdown-menu>li>a:hover {
    background-color: #e6f5ff;
}
.access_code h5 {
    margin-bottom: 1rem;
}
.set_general .form-group .col-xs-3 {
    font-size: 15px;
}
.set_general .form-group .col-xs-3 i {
    font-size: 18px;
    margin-right: 6px;
    font-weight: 700;
}
.set_general .form-group span {
    vertical-align: text-bottom;
}
.btn-primary .iconfont {
    font-weight: 700;
}
.set_general input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    opacity: 0;
    cursor: pointer;
    font-size: 50rem;
}
.pointer {
    cursor:pointer;
}
.xingxing-list i {
    font-size: 20px;
    color: #FFC107;
}
.iconfont-delete i {
    font-size: 20px;
    font-weight: bold;
}
.subsubsub {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    font-size: 13px;
    float: left;
    color: #666;
}
.subsubsub li {
    display: inline-block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.subsubsub a.current {
    color: #000;
}
.subsubsub a.current {
    font-weight: 600;
    border: none;
}
.subsubsub a {
    line-height: 2;
    padding: .2em;
    text-decoration: none;
}
.subsubsub a .count, .subsubsub a.current .count {
    color: #555d66;
    font-weight: 400;
}
@media screen and (max-width: 1400px) {
    .history .col-lg-2, .history .col-lg-6 {
        padding-right: 15px;
    }
    .history .card {
        min-height:auto;
        max-height:300px;
    }
    .history ul {
        overflow-y: auto;
        max-height: 228px;
    }
    #custlist li, #visilist li {
        width: 98%;
    }
    .outer-left {
        left: 25%;
        width: 70%;
    }
    .outer-right {
        right: 25%;
        width: 70%;
    }
    body {
        background-color: #eef0f6;
    }
    #wrap {
        padding: 0;
    }
    .col-b10,.col-b90 {
        width: 100%;
        padding: 15px;
        padding-bottom: 0;
    }
    .lyear-layout-container, .lyear-layout-content, .container-fluid, .row, .col-b10, .col-b90, .card-body, .lyear-layout-web {
         height: auto;
    }
    .col-b10 .top-menu,.col-b10 .top-menu-selected {
        background: #fff;
    }
    .ant-menu-submenu .ant-menu-sub {
        display: none;
    }
    .card-header {
        padding: 5px 15px;
    }
    .set-lists li {
        padding-left: 48px;
    }
    .col-b90 .card {
        padding: 6px 5px 20px;
    }
    .set_general .col-xs-3 {
        width: 45%;
    }
    .set_general .col-xs-9 {
        width: 50%;
    }
    .input-group input.form-control {
        width: 200px!important;
    }
    .btn-group, .btn-group-vertical {
        width: 85px!important;
    }
    .modal-body {
        padding: 15px 20px;
    }
    .modal .form-control {
        width: 60%;
    }
    .modal-dialog {
        width: 95%!important;
    }
    .modal label {
        margin-right: 5px;
        width: 38%;
    }
    .modal-open .modal {
        z-index: 99999;
    }
    .modal-footer {
        padding: 0 20px 40px;
    }
    .table-bordered button {
        left: 58%;
    }
    .layui-layer-iframe {
        width: 90%!important;
        left: 5%!important;
        top: 2%!important;
    }
    .set_evaluation .col-xs-3 {
        width: 31%;
    }
    .set_evaluation .col-xs-4 {
        width: 66%;
    }
    .set_evaluation .col-xs-2 {
        width: 30%;
    }
    .set_attachment .col-xs-3 {
        width: 30%;
    }
    .set_attachment .col-xs-6 {
        width: 68%;
    }
    .form-horizontal .form-group {
        margin-right:0;
        margin-left:0;
    }
}
/* 咨询弹窗css */
div.consult{
    padding:0px 15px !important;
}
.consult .selected-box {
    padding: 3px;
    border: #ccc solid 1px;
    height: 56px;
    width: 56px;
    font-size: 0px;
}

.consult .selected-box a {
    height: 20px;
    width: 20px;
    display: inline-block;
    border: #ccc solid 1px;
    background: #efefef;
    margin: 2px;
}

.consult .selected-box a.active {
    background: #1E9FFF;
    border: #1E9FFF solid 1px;
}

.consult .row {
    margin-left: 0;
    margin-right: 0;
}

.consult .selected-box-bg > div {
    float: left;
}

/*.consult .selected-box-bg > div:last-child {
    margin-left: 10px;
}*/

.consult .selected-box-right {
    font-size: 12px;
}

.consult .right-item {
    margin-bottom: 5px;
}

.consult .right-item label {
    width: 40px;
}

.consult .right-item input {
    border-radius: 0;
    border: #ccc solid 1px;
    width: 50px;
}
.consult .upload-avatar ul{
    padding:0px;
}
.consult .upload-avatar li{
    float:left;
    height:80px;
    width:80px;
    padding:3px;
    border:#ccc solid 1px;
    margin-right:10px;
    margin-bottom:10px;
    cursor: pointer;
    position: relative;
}
.consult .upload-avatar li.active {
    border: #1E9FFF solid 3px;
}

.consult .upload-avatar li a{
    position:absolute;
    display:block;
    width:24px;
    height:24px;
    border-radius: 50%;
    background: red;
    color:white;
    top:-10px;
    right:-10px;
    text-align: center;
    font-size:14px;
    font-weight: bold;
    line-height:24px;
    border:white solid 1px;
}

.consult .upload-avatar li img{
    height:100%;
    width:100%;
    border: none;
}