.header + .bodyer {
    padding-top: 10px;
}

.etxt {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pagination {
    display: flex;
    justify-content: center;
    font-size: 16px;
}

    .pagination li {
        padding: 0px 5px;
        color: #007dff;
        margin: 0 5px;
    }

        .pagination li.active {
            color: #7c7a7a;
        }

.message-unread .msgicon {
    width: 24px;
    height: 18px;
}

.toplogout {
    position: absolute;
    top: 62px;
    right: 0;
    color: #fff;
    background: #80a0db;
    padding: 2px;
    border-radius: 3px;
}

/*统一提示文本样式*/
.txt-tips {
    background-color: #eff3f8;
    color: #333;
    padding: 10px;
    font-size: 12px;
    display: flex;
}

    .txt-tips .fa {
        display: inline-block;
        color: #0064c8;
        margin-top: 5px;
        margin-right: 5px;
    }

    .txt-tips span {
        display: inline-block
    }


.layui-form-select dl dd {
    text-align: left;
}


.floatweixinqr {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -160px;
    bottom: 0;
    right: 0;
}

.floatweixinqr-main {
    display: none;
    width: 150px;
    height: 180px;
    background: #fff;
    box-shadow: 0 0 12px 3px rgba(174,189,236,.5);
    border-radius: 6px;
    padding: 10px 10px 16px;
    box-sizing: border-box;
}

    .floatweixinqr-main img {
        width: 95%;
    }

    .floatweixinqr-main span {
        display: block;
        padding-top: 10px;
    }

    .floatweixinqr-main .popper-arrow {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        filter: drop-shadow(0 2px 12px rgba(174,189,236,.5));
        right: -29px;
        top: 50%;
        margin-top: -10px
    }

.chat-wrap {
    z-index: 1;
    right: 33px;
}

.chat-phone-value {
    font-size: 20px;
}

.chat-wx:first-child:hover .floatweixinqr,
.chat-wx:first-child:hover .floatweixinqr-main {
    display: block;
}

.chat-switch {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    background-color: #687b99;
    top: -10px;
    right: -7px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chat-wrap i {
    font-size: 20px;
    color: #fff;
}

.chat-switch:hover i {
    color: #00ff51;
}

.chat-main {
    transition: height 0.28s;
    height: 317px;
    /*height: auto;*/
}

.chat-wrap.hide .chat-main {
    height: 0px;
    overflow: hidden;
}

.chat-switch-circle {
    transition: width 0.28s;
    /*transition: transform 0.5s;*/
    /*transform: scale(0);*/
    width: 0px;
    height: 50px;
    border-radius: 25px;
    position: fixed;
    overflow: hidden;
    background-color: #fff;
    top: 52px;
    right: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .chat-switch-circle p {
        display: none;
        font-size: 14px;
        color: #2e93c8;
        width: 100%;
        text-align: center;
    }

    .chat-switch-circle i {
        display: none;
        color: #2e93c8;
        font-size: 26px;
        padding-left: 0px;
    }

.chat-wrap.hide .chat-switch {
    display: none;
}

.chat-wrap.hide .chat-switch-circle {
    /*transform: scale(1);*/
    width: 100px;
    box-shadow: 0 1px 12px 3px rgb(131 169 223);
    padding: 0px 5px;
}

    .chat-wrap.hide .chat-switch-circle p,
    .chat-wrap.hide .chat-switch-circle i {
        display: inline-block;
    }

.chat-phone-tips {
    font-size: 14px;
    color: #525252;
}

.initHide {
    display: none;
}

.js_qrcode {
    border: 1px solid #bbb;
    padding: 5px;
}

/*富文本样式*/

* [data-indent='1'] {
    margin-left: 0 !important;
    text-indent: 30px;
}

* [data-indent='2'] {
    margin-left: 0 !important;
    text-indent: 60px;
}

* [data-indent='3'] {
    margin-left: 0 !important;
    text-indent: 90px;
}

* [data-indent='4'] {
    margin-left: 0 !important;
    text-indent: 120px;
}

* [data-indent='5'] {
    margin-left: 0 !important;
    text-indent: 150px;
}

* [data-indent='6'] {
    margin-left: 0 !important;
    text-indent: 180px;
}

* [data-indent='7'] {
    margin-left: 0 !important;
    text-indent: 210px;
}