/*HTML5display-roleresetforolderbrowsers*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table th, table td {
    outline: none;
}

* {
    box-sizing: border-box !important;
    font-family: "Noto Sans SC", Lato;

}

img {
    vertical-align: initial !important;
}

input::placeholder {
    color: #b3b3b3 !important;
    font-weight: 300;
}

button {
    border: none !important;
    outline: none;
}

button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    box-shadow: none;
}

.btn.focus, .btn:focus, .btn:hover {
    outline: none;
    color: transparent;
}

/*包含以下四种的链接*/

navigationHead a {
    text-decoration: none;
}

/*正常的未被访问过的链接*/

navigationHead a:link {
    text-decoration: none;
}

/*已经访问过的链接*/

navigationHead a:visited {
    text-decoration: none;
}

/*鼠标划过(停留)的链接*/

navigationHead a:hover {
    text-decoration: none !important;
    color: #fff !important;
}

/* 正在点击的链接*/

navigationHead a:active {
    text-decoration: none;
}

navigationHead a:focus {
    text-decoration: none !important;
    outline: none !important;
    color: #fff !important;
}

.navigation-left {
    width: 140px;
    height: 100%;
    position: fixed;
    background: #0099FF;
    overflow-x: hidden;
}

.navigationHead, .navigationHead1 {
    width: 140px;
    height: 60px;
    /*padding: 18px 18px 0 18px;*/
    padding-left: 18px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.navigationHead {
    display: none;
}

.navigation-span {
    color: #fff;
    font-size: 12px;
    /*transform: translateY(-7px);*/
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
}

.body-right {
    width: 100%;
    height: 100%;
    /*padding-left: 140px;*/
    /*position: fixed;*/
    /*z-index: -1;*/
    background: #fff;
}

.body-center {
    padding: 30px;
    overflow-y: auto;
    min-height: 100vh;
    width: 100%;
    font-family: Noto Sans CJK SC;
}

.index-header {
    background: #F2F2F2;
    height: 60px;
    width: 100%;
    padding: 0 30px;
}

.header-right {
    float: right;
    width: auto;
}

.header-right div {
    float: left;
}

.nav-help, .nav-invite {
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
}

.nav-help img {
    margin-left: 12px;
}

.nav-invite {
    padding-right: 20px;
}

.nav-invite div {
    color: #003366;
}

.nav-invite::after {
    position: absolute;
    content: '';
    border-top: 10px solid #999999;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    right: 0;
}

#xhqUserName {
    padding-top: 16px;
}

#xhqUserName span {
    display: block;
    text-align: right;
    color: #003366;
    height: 14px;
}

#xhqUserName span:first-child {
    font-size: 14px;
    line-height: 14px;
}

#xhqUserName span:last-child {
    font-size: 12px;
    line-height: 12px;
}

iframe {
    width: 100%;
    height: 100%;
}

.index-active {
    background: #0071E6;
}

.hide {
    display: none;
}

.navigationHeadli {
    width: 100%;
    color: #fff;
    font-size: 12px;
    height: 60px;
    padding-left: 36px;
    display: flex;
    align-items: center;
    background: #00AFFF;
}

.Mmodal {
    width: 500px;
    height: 380px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 23px 28px;
    max-height: 80vh;
    overflow-y: auto;
}

.modal-bottom {
    display: flex;
    margin-left: auto;
}

.backgroundBlack {
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    top: 0;
    display: none;
}

.modal-top-index {
    height: 40px;
    width: 100%;
    font-size: 16px;
}

.Mclose {
    float: right;
    margin: -1px -1px 0 0 !important;
    cursor: pointer;
}

.headImgChangeModal {
    width: 612px !important;
    height: 420px !important;
}

.msg-text, .invite-text {
    width: 410px;
    max-height: 186px;
    background-color: #FFFFFF;
    position: fixed;
    top: 60px;
    box-shadow: 0px 1px 4px 0px rgba(0, 153, 255, 0.7);
    border-radius: 4px;
    font-size: 12px;
    display: none;
}

.msg-text {
    right: 172px;
}

.msg-text:after {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    top: -24px;
    right: 33px;
    background: url("../img/floatAngle.png");
}

.invite-text {
    right: 73px;
    padding: 15px;
    overflow-y: auto;
}

.invite-text p img {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.invite-text p, .invite-text ul li {
    padding: 4px 0;
}

.invite-text p, .invite-text ul li, .invite-text p span:nth-child(2) {
    display: flex;
    align-items: center;
}

.invite-text ul li {
    justify-content: space-between;
}

.invite-text p span:first-child, .invite-text ul li span:last-child, .invite-text ul li span:first-child {
    width: 10%;
    text-align: center;
}

.invite-text ul li span:nth-child(2) {
    width: 78%;
}

.invite-text ul li span:last-child {
    color: rgba(51, 51, 51, 0.5);
}

.invite-text ul li span:last-child:hover {
    color: #333333;
}

.msg-text ul {
    width: 371px;
    border-bottom: 1px solid #ECECEC;
    margin: 20px auto 0;
    padding-bottom: 3px;
}

.msg-text ul li {
    position: relative;
    margin-bottom: 12px;
    line-height: 13px;
    padding-left: 17px;
}

.msg-text ul li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: rgba(0, 153, 255, 1);
    border-radius: 50%;
    left: 0;
}

.msg-text ul li > span:nth-child(2) {
    color: #999999;
}

.msg-text ul li, .msg-text > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.msg-text > a {
    color: #0099FF;
    margin: 12px 20px 15px 42px;
}

.msg-text > a:hover {
    color: #0099FF;
    text-decoration: none;
}

.uparea {
    width: 539px;
    height: 173px;
    border: 2px dashed #000;
    margin: 32px auto 15px;
}

.upimgdiv {
    width: 100%;
    margin-top: 34px;
    text-align: center;
}

.upimgwzdiv {
    width: 100%;
    margin-top: 12px;
    text-align: center;
    font-size: 16px;
}

.upimgMs {
    color: #999;
    font-size: 14px;
    width: 539px;
    margin: 0 auto;
}

.upimgBtn {
    width: 539px;
    margin: 15px auto 0;
    text-align: right;
}

.fileheaderInput {
    position: absolute;
    z-index: -1;
}

.blue {
    background: #0099ff !important;
    color: #fff !important;
    font-size: 12px !important;
    width: 100px;
}

/* 头像上传 */

.avatar-view {
    display: block;
    margin: 15% auto 5%;
    height: 220px;
    width: 220px;
    border: 3px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    cursor: pointer;
    overflow: hidden;
}

.avatar-view img {
    width: 100%;
}

.avatar-upload {
    overflow: hidden;
}

.avatar-upload label {
    display: block;
    float: left;
    clear: left;
    width: 100px;
}

.avatar-upload input {
    display: block;
    margin-left: 110px;
}

.modal-body {
    padding: 0 !important;
}

.avater-alert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.avatar-wrapper {
    height: 180px;
    width: 180px;
    margin-top: 15px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .25);
    background-color: #fcfcfc;
    overflow: hidden;
    float: left;
}

.avatar-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}

.avatar-preview {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.avatar-preview:hover {
    border-color: #ccf;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.avatar-preview img {
    width: 100%;
}

.preview-lg {
    height: 150px;
    width: 150px;
    margin-top: 15px;
    border-radius: 50%;
}

.preview-md {
    height: 100px;
    width: 100px;
}

.preview-sm {
    height: 50px;
    width: 50px;
}

@media (min-width: 992px) {
    .avatar-preview {
        float: none;
    }
}

.avatar-btns {
    margin-top: 30px;
    margin-bottom: 15px;
}

.avatar-btns .btn-group {
    margin-right: 5px;
}

.loading {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background: #fff url("../img/loading.gif") no-repeat center center; */
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 20140628;
}

#crop-avatar {
    width: 539px;
    height: 180px;
    padding: 0;
}

.tx2 {
    display: none;
    overflow: hidden;
}

/* 头像上传结束 */

.dataTables_empty {
    text-align: center;
}

.dataTables_length {
    display: none !important;
}

.dataTables_info {
    display: none !important;
}

.paginate_button {
    font-size: 16px;
    font-weight: 700;
}

.dataTables_paginate a {
    float: left;
    margin: 0 5px;
    min-width: 25px;
    height: 25px;
    line-height: 26px;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #999 !important;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 300;
}

.dataTables_paginate.paging_simple_numbers > span > span {
    float: left;
    margin: 0 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    color: #999 !important;
    font-size: 14px;
    text-align: center;
    font-weight: 300;
}

.dataTables_paginate .current {
    float: left;
    margin: 0 5px;
    min-width: 25px;
    height: 25px;
    line-height: 25px;
    background: #0099ff;
    color: #fff !important;
    font-size: 14px;
    border: 1px solid #0099ff;
}

.navigationHead a, .aqyzxSon a {
    line-height: 60px;
    text-decoration: none !important;
    /*display: inline-block;*/
    /*跟随父元素的高度*/
    /*height: inherit;*/
}

/*滚动条样式*/

::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    background: none;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #ECECEC;
    border: 0px solid #fff;
    border-radius: 5px;
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #6685A4;
    border-radius: 5px;
}

.modal_title {
    display: inline-block;
    font-weight: 400;
    transform: translateY(-6px);
}

.hide-div {
    display: none;
}

.weight300 {
    font-weight: 300;
}

.weight400 {
    font-weight: 400;
}

.btn-primary {
    background: #0099ff !important;
}

.jiaobiao {
    position: absolute;
    right: 16px;
    /*top: -24px;*/
}

.Agreement, .Privacy {
    width: 1047px;
    height: 659px;
    background: #fff;
    position: fixed;
    top: 74px;
    border-radius: 4px;
    margin: auto;
    left: 0;
    right: 0;
    box-shadow: 0px -4px 6px 1px #0099ff;
    display: none;
}

.Agreement-top {
    width: 1000px;
    height: 58px;
    margin: 0 19px;
    line-height: 58px;
    border-bottom: 1px solid #000;
    font-size: 16px;
}

.duanluo {
    width: 900px;
    margin: 22px auto;
    text-indent: 2em;
    line-height: 1.5em;
}

.dbiaoti {
    width: 900px;
    margin: 22px auto;
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
    text-indent: 2em;
    color: rgba(51, 51, 51, 1);
}

#checkedAll {
    transform: translateY(3px);
}

.jiajian {
    color: #fff;
    font-size: 12px;
    /*transform: translateY(-7px);*/
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
}

.table th {
    border-bottom: none !important;
}

.notice-show {
    position: relative;
}

.notice-show:after {
    position: absolute;
    content: '';
    top: 9px;
    right: 10px;
    width: 12px;
    height: 12px;
    background: #FF0009;
    border-radius: 50%;
}

/*及时聊天框*/
.msg-aside {
    position: fixed;
    right: 1vw;
    bottom: 54px;
    z-index: 2;
}

.chat-img {
    position: fixed;
    width: 38px;
    bottom: 3em;
    right: 1.5em;
    height: 38px;
    background-color: gray;
    border-radius: 50%;
    cursor: pointer;
    *cursor: hand;
}

.chat-img-off {
    background: url("../../static/img/time-msg-off.png") no-repeat 100%;
}

.chat-img-on {
    background: url("../../static/img/time-msg.png") no-repeat 100%;
}

.chat-img-ing {
    background: url("../../static/img/time-msg-twinkle.png") no-repeat 100%;
}

.chat-info-off > div:not(:last-child) {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: gray(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
}

.msg-info {
    position: absolute;
    right: 5em;
    bottom: 3em;
    height: 500px;
    box-shadow: 0px 1px 4px 0px rgba(0, 153, 255, 0.7);
    z-index: 99;
    background: rgba(255, 255, 255, 1);
    display: none;
}

.msg-info-left {
    height: 500px;
    width: 250px;
}

.msg-info-search {
    height: 45px;
}

.msg-info-search p {
    width: 238px;
    height: 30px;
    border: 1px solid #ECECEC;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin: 15px auto;
}

.msg-info-search p input {
    border: none;
    width: 84%;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding: 0;
}

.msg-info-search p > img:first-child {
    margin: 0 6px 0 13px;
}

.msg-info-search-close {
    margin: 0 4px;
    cursor: pointer;
    *cursor: hand;
}

.msg-info-search p input:focus {
    outline: none;
}

.msg-aside-box, .msg-aside-search, .msg-aside-box1 {
    width: 250px;
    height: 440px;
    /*padding-top: 16px;*/
    border-radius: 4px;
    overflow-y: auto;
    /*display: none;*/
}

.msg-aside-box ul, .msg-aside-search ul, .msg-aside-box1 ul {
    border-bottom: 1px solid #ECECEC;
    padding: 12px 15px;
    margin-bottom: 0;
}

.msg-aside-box ul:hover, .msg-aside-search ul:hover, .msg-aside-box1 ul:hover{
    background: rgba(0, 153, 255, 0.02);
}

.msg-aside-box ul.active, .msg-aside-box1 ul.active, .msg-aside-search ul.active{
    background: rgba(0, 153, 255, 0.05);
    border-left: 2px solid #0099FF;
}

.msg-aside-box ul li, .msg-aside-search ul li, .msg-aside-box1 ul li {
    display: flex;
    align-items: center;
    font-size: 12px;
    width: 100%;
    height: 16px;
    line-height: 16px;
}

.msg-aside-box ul li span, .msg-aside-search ul li span, .msg-aside-box1 ul li span {
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.msg-aside-search {
    position: absolute;
    top: 60px;
    background-color: #FFFFFF;
    z-index: 99;
}

.msg-info-search-close, .msg-aside-search {
    display: none;
}

.msg-aside-box ul .unread, .msg-aside-box1 ul .unread {
    position: relative;
    padding-left: 18px;
}

.msg-aside-box ul .unread span,.msg-aside-box1 ul .unread span {
    max-width: 120px;
}

.msg-aside-box ul .unread::before,.msg-aside-box1 ul .unread::before {
    width: 8px;
    height: 8px;
    background: #FF0009;
    border-radius: 50%;
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.msg-aside-box ul li:nth-child(2), .msg-aside-search ul li:nth-child(2),.msg-aside-box1 ul li:nth-child(2) {
    color: #999999;
    margin-top: 8px;
    margin-bottom: 8px;
}

.msg-aside-box ul li:nth-child(3), .msg-aside-search ul li:nth-child(3),.msg-aside-box1 ul li:nth-child(3) {
    justify-content: space-between;
}

.msg-aside-box ul li:nth-child(4), .msg-aside-search ul li:nth-child(4),.msg-aside-box1 ul li:nth-child(4) {
    margin-top: 6px;
}

.msg-aside-box ul li:nth-child(3) span:nth-child(1), .msg-aside-search ul li:nth-child(3) span:nth-child(1),.msg-aside-box1 ul li:nth-child(3) span:nth-child(1) {
    color: #0099FF;
}

.msg-time {
    text-align: right;
}

.chat-img-unread {
    /*position: relative;*/
}

.chat-img-unread::after {
    position: absolute;
    content: '';
    top: -2px;
    right: 0;
    width: 10px;
    height: 10px;
    background: #FF0009;
    border-radius: 50%;
}

.twinkle {
    animation: twinkling 0.4s linear infinite 0s;
    -webkit-animation: twinkling 0.4s linear infinite 0s;
}

@keyframes twinkling {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes twinkling {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.twinkle2::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #FF0000;
    border-radius: 50%;
    right: 2px;
}

.msg-chat-box, .msg-chat-box-none {
    width: 482px;
    height: 500px;
    background-color: #F2F2F2;
    position: relative;
    font-size: 14px;
}

.msg-chat-box > div {
    padding: 0 20px;
    width: 100%;
}

.msg-chat-box-none {
    position: relative;
    padding: 0 20px;
}

.msg-chat-box-none img {
    position: absolute;
    top: 17px;
    right: 20px;
}

.msg-chat-box {
    display: none;
}

.msg-chat-box .msg-chat-header {
    height: 52px;
    position: absolute;
    top: 0;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: move;
}

.msg-chat-box .msg-chat-header > div:nth-child(1) {
    display: flex;
    align-items: center;
}

.msg-chat-box .msg-chat-header > div:nth-child(1) > div {
    margin-left: 12px;
}

.skip-orderDetail a {
    font-size: 12px;
}

.skip-orderDetail a, .skip-orderDetail a:hover, .skip-orderDetail a:link, .skip-orderDetail a:active, .skip-orderDetail a:focus, .skip-orderDetail a:visited {
    text-decoration: none;
    color: #0099FF;
}

.msg-people {
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
}

.msg-chat-footer div:last-child {
    color: #999999;
}

.msg-chat-box .msg-chat-header > div:nth-child(2) a {
    text-decoration: none;
    color: #0099FF;
}

.msg-chat-box .msg-chat-footer {
    height: 134px;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #DDDDDD;
    background-color: #F2F2F2;
}

.msg-chat-footer div:nth-child(3) {
    text-align: right;
    color: #999999;
    /*margin-top: 6px;*/
}

.msg-chat-footer ul {
    display: flex;
    height: 18px;
    margin: 8px 10px 8px 0;
}

.msg-chat-footer ul li {
    width: 20px;
    height: 18px;
    margin-right: 18px;
    cursor: pointer;
    *cursor: hand;
}

.msg-chat-footer textarea {
    width: 430px;
    height: 70px;
    line-height: 14px;
    font-size: 12px;
    border: none;
    background-color: transparent;
    resize: none;
}

.msg-chat-footer textarea:focus {
    outline: none;
}

.msg-chat-footer .expression {
    /*background: url("/static/img/expression.png") no-repeat 100%;*/
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkJJREFUeNpiTGtdzAAE/4GYkQnGAOI1TDAGEIcABBAjUBlIwB9E/APigyDGRSB+CxBAMCmQKAxcBKsFYpiJaUCsBxBAjFC7lgKxIxBLsQCJX0DMBtVmzQLlPAPiq0DsCtLfCzXDhQFqYDEQSwLxBSA2BgggmKF+UKcqQLUzQHVmATEnE9TWM1Dzn0IV/AbiRSAFIPczQZ0F080PpVmB+Duyx6SgAtZA/AnJ17eA+DUQpwAEEMxNIBAIxFOhDl4GxLGwoGKCKgCZZAM1FRTepUD8A+ohBhZoKIP8fhTJqmdQj4BCjwNkki5UgT7UV7A4ZYAGCTiK1kEFHgPxASj7OZKJUSBFylABEVD4Q9kaSFY/BykygHIcoNaA8HWop0Chng1imEDDYxbUZyAsDcSW0GhZD/LdWSD2gJoAitC7QBwExJeh0cIAEKCN8ldBGIjB+LWWotS1CC5ObkItTrr4Curu4u5cfAZHwdHRB3ASFFyKm/hndXEquLsKJvA7OIqBD0qa5HJfvpxLplpPsFE5kXQnydB7wkkPwYwDjOXSFsgFH8GoxOs/0zHvBXUGdfEZq6ppLYgpEtJZ5iRn+EJiYnI0d6xXU97fgtRJUnavfHulYabwZE3jGgECO5davzkraJyCXsln4LDro9IJglSLBE8UsmB8fb4L/kXENsndBki9I3ixWHr/NlwMBQOSlIsWYraEn5DANGBfElbiKKgIVijtAIzTgT4Qc8FXny7Bzt03g0PFVUUKS65ipVzgy4mp2SJqP5HyifrK4cvRAAAAAElFTkSuQmCC") no-repeat 100%;
}

.msg-chat-footer .expression:hover {
    /*background: url("/static/img/expression_hover.png") no-repeat 100%;*/
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjhJREFUeNpiZJj5nwEIQAQjE4wBxGuYYAwgDgEIIEagMpCAP4j4B8QHQYyLQPwWIIBgUiBRGLgIVgvEMBPTgFgPIIAYoXYtBWJHIJZiARK/gJgNqs2aBcp5BsRXgdgVpL8XaoYLA9TAYiCWBOILQGwMEEAwQ/2gTlWAameA6swCYk4mqK1noOY/hSr4DcSLQApA7meCOgummx9KswLxd2SPSUEFrIH4E5KvbwHxayBOAQggmJtAIBCIp0IdvAyIY2FBxQRVADLJBmoqKLxLgfgH1EMMLNBQBvn9KJJVz6AeAYUeB8gkXagCfaivYHHKAA2SxSBF66ACj4H4AJT9HMnEKJAiZaiACCj8oWwNJKufgxQZQDkOUGtA+DrUU6BQzwYFgTGQsQOIRRlQASjc9oBCHeS7s0DsATUBFKF3gTgIiC9Do4UBIEAbZY+CQBBD4VkVUbQVwRtY6ZZi4RXUxt7eetkzWAqWloKtFxBB7cSf1n7B3lYwD76BYTDwYAlJNnl5mZBMmapuJCeSHiQ5eu/B49Mw5wfOc+kLnAwfwzji9Z8NGaPJoq4l1io1rZnvzELUWRYkZ/iqxLTIUe5Eo4n3tyENksTuje8kWmYKT94U164gsEvU+j04QRcUTCKfg8N+CZVOEaSsYXihkNwwADm+FzGOHOVu/aug9roclidaXIzYoGNTR8TsCT8gqDRcv05iZygbViitiMbo8EAsDF/DzLAP783hkLhqSGFJIS/lAt+JmLovIvsBSMGL9qRhNJsAAAAASUVORK5CYII=") no-repeat 100%;
}

.msg-chat-footer .picture {
    /*background: url("/static/img/msg_file.png") no-repeat 100%;*/
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAFsAR/KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARxJREFUeNpiTGtd0sTAwOAKxJYsQKIWiBmBeANAADECZf6DOExQEQaAAIKLAPF2IOYEYh2QHhC4wIAARwACCKaSAaaVBcYAggMwARhwgAmYAPEcmChAACHbBgP/GdAACwMmYETjb2BiIAKATPoLxAvwqDECCCCQm36jWcsPxJ+QVYGs2wp1BwjrA/FHqONh+CK6wy9B6YNIYvbE+O4/Ub4jOgjQoxIZpMAUGQHxPhyKckDhCBBgoHD6A2Q8w6FQEYjtoIF9EYdBX4F4Hcg2ZiA+B8QJOPz1Hoh9gHghDoNagHgWCwG//4Mm/SI8SUAMV4pDB5OgGBfYAMT+REUJKdHGgJ6DiAQp2Aw6A8QGlLioGYgrsWVZIgEo+TQDAHdfO/RXSBoCAAAAAElFTkSuQmCC") no-repeat 100%;
}

.msg-chat-footer .picture:hover {
    /*background: url("/static/img/msg_file_hover.png") no-repeat 100%;*/
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAFsAR/KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARZJREFUeNpiZJj5v4mBgcEViC0ZgZz/QAYjEG8ACCA4hwkqwgAQQMjS24GYE4h1WBgg4AIDAhwBCCCYSgaYVhYYAwgOwARgwAEmYALEc2CiAAGEbBsM/GdAAywMmIARjb+BiYEIADLpLxAvwKPGCCCAQG76jWYtPxB/QlYFsm4r1B0grA/EH6GOh+GL6A6/BKUPIonZE+O7/0T5juggQI9KZJACU2QExPtwKMoBhSNAgIHC6Q+Q8QyHQkUgtoMG9kUcBn0F4nWwRLARiANw+Os9EP8C4lAcBrUAsTULAb//A+JaIC7CkwTEcKU4dDAJinGBDUDsT1SUkBJtDOg5iEiQgs2gM0BsQImLmoG4EluWJRKAkk8zAMFdQLEDocs4AAAAAElFTkSuQmCC") no-repeat 100%;
}

.msg-chat-box .chat-forbidden {
    background-color: rgba(0, 0, 0, 0.2);
}

.chat-forbidden > * {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: gray(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
    pointer-events: none;
}

#chatPicture {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.msg-chat-box .msg-chat-middle {
    height: 314px;
    margin-top: 52px;
    overflow-y: auto;
    padding: 8px 20px;
}

.system-msg {
    font-size: 10px;
    text-align: center;
    color: #999999;
    margin-bottom: 3px;
}

.system-msg:nth-child(2n+1) {
    margin-bottom: 5px;
    line-height: 24px;
}

.msg-more {
    font-size: 10px;
    color: #0099FF;
    text-align: center;
    cursor: pointer;
    display: none;
    margin-bottom: 10px;
}

.msg-chat-box .msg-chat-middle .msg-item {
    width: 400px;
    margin-bottom: 15px;
    display: flex;
}

.msg-chat-box .msg-chat-middle .msg-item > img {
    margin-top: 6px;
}

.msg-chat-box .msg-chat-middle .msg-item div.textIm, .msg-chat-box .msg-chat-middle .msg-item div.textIm {
    padding: 10px 12px;
    border-radius: 4px;
    min-height: 34px;
    line-height: 14px;
    position: relative;
    max-width: 300px;
    word-break: break-all;
}

.msg-chat-box .msg-chat-middle .msg-item img {
    max-width: 200px;
}

.msg-chat-box .msg-chat-middle .msg-item span {
    color: #B2B2B2;
    display: inline-block;
    margin-bottom: 4px;
    font-size: 10px;
    width: 350px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.msg-chat-box .msg-chat-middle .other-msg p:before, .msg-chat-box .msg-chat-middle .other-msg div.textIm:before {
    position: absolute;
    content: '';
    border-bottom: 8px solid #FFFFFF;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    transform: rotate(45deg);
    left: -10px;
    top: 10px;
}

.msg-chat-box .msg-chat-middle .other-msg p, .msg-chat-box .msg-chat-middle .other-msg div.textIm {
    width: fit-content;
    margin-left: 15px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 4px 0px rgba(51, 51, 51, 0.13);
}

.msg-chat-box .msg-chat-middle .other-msg span {
    margin-left: 15px;
}

.msg-chat-box .msg-chat-middle .my-msg {
    margin-left: 40px;
    justify-content: flex-end;
}

/*.msg-chat-box .msg-chat-middle .my-msg p,*/
.msg-chat-box .msg-chat-middle .my-msg div.textIm {
    width: fit-content;
    float: right;
    text-align: left;
    margin-right: 15px;
    background-color: #E5F3FD;
    box-shadow: 0px 1px 4px 0px rgba(51, 51, 51, 0.13);
}

/*.msg-chat-box .msg-chat-middle .my-msg p:after*/
.msg-chat-box .msg-chat-middle .my-msg div.textIm:after {
    position: absolute;
    content: '';
    border-bottom: 8px solid #E5F3FD;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    transform: rotate(-45deg);
    right: -10px;
    top: 10px;
}

.msg-chat-box .msg-chat-middle .my-msg span {
    margin-right: 15px;
}

.msg-chat-type {
    position: absolute;
    top: -35px;
    left: -185px;
    transform-origin: right bottom;
    transform: rotate(-90deg);
    display: flex;
}
.msg-chat-type li {
    width: 90px;
    height: 35px;
    font-size: 16px;
    background-color: #fff;
    color: #0cc3ff;
    border-radius: 5px;
    border: 1px solid #0cc3ff;
    line-height: 33px;
    text-align: center;
    cursor: pointer;
}
.msg-chat-type li:last-child {
    margin-left: 5px;
}
.msg-chat-type li.active {
   background-color: #0cc3ff;
   color: #fff;
}

#emj {
    position: absolute;
    width: 196px;
    height: 120px;
    top: -120px;
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #C6C6C6;
    box-shadow: 0px 1px 4px 0px #C6C6C6;
    display: none;
}

#emj span {
    cursor: pointer;
}

#emj span img {
    margin: 5px;
}

/*图片预览*/
.imgPrev {
    display: none;
}

.imgPrev, .imgPrev .mask {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.imgPrev img {
    max-width: 80vw;
    max-height: 80vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
}

.disconnection, .detailNotice {
    width: fit-content;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 12px;
    border-radius: 2px;
    /*display: none;*/
}

.disconnection {
    background-color: #FA5151;
    cursor: pointer;
}

.detailNotice {
    background-color: #0099FF;
    display: none;
}

.shocking {
    animation: shock 0.4s linear 1;
}

@keyframes shock {
    0,25%,50%,75%,100%{
        left: 50%;
    }
    12.5%,62.5%{
        left: 45%;
    }
    87.5%,37.5%{
        left: 55%;
    }
}
@-webkit-keyframes shock {
    0,25%,50%,75%,100%{
        left: 50%;
    }
    12.5%,62.5%{
        left: 45%;
    }
    87.5%,37.5%{
        left: 55%;
    }
}
@-o-keyframes shock {
    0,25%,50%,75%,100%{
        left: 50%;
    }
    12.5%,62.5%{
        left: 45%;
    }
    87.5%,37.5%{
        left: 55%;
    }
}
/*右键*/
.menu {
    position: fixed;
    background-color: #FFFFFF;
    min-width: 91px;
    border: 1px solid rgba(236, 236, 236, 1);
    border-radius: 2px;
    display: none;
    z-index: 101;
}

.menu li {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    padding: 0 8px;
    cursor: pointer;
}

.menu li:not(:last-child) {
    border-bottom: 1px solid rgba(236, 236, 236, 1);
}

.system-msg-erp {
    font-size: 10px;
    margin-bottom: 15px;
}

.fullBox {
    width: 100%;
    position: relative;
}

.bubble::before {
    position: absolute;
    content: '';
    border-bottom: 8px solid #E5F3FD;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    transform: rotate(135deg);
    right: 19px;
    top: -7px;
}

.fullBox caption {
    padding-left: 10px;
    background-color: #E5F3FD;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    padding-top: 6px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.system-msg-erp-user {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #F2F2F2;
    color: #B2B2B2;
    padding-bottom: 10px;
    overflow: hidden;
}

.system-msg-erp-user img {
    margin-left: 15px;
}

.fullBox th, .fullBox td {
    text-align: center;
    border: 1px solid;
    vertical-align: middle;
}

.fullBox th, .fullBox .sub-th {
    line-height: 1;
    padding: 6px 4px;
    color: #FFFFFF;
    background-color: #0099FF;
    border-top-color: #0099FF;
    border-bottom-color: #0099FF;
    border-right-color: #B2B2B2;
}

.fullBox th:nth-child(1), .fullBox .sub-th:first-child {
    border-left-color: #0099FF;
}

.fullBox th:last-child, .fullBox .sub-th:last-child {
    border-right-color: #0099FF;
}

.fullBox td:not(.sub-th) {
    color: #333333;
    padding: 8px 4px;
    border-color: #B2B2B2;
    line-height: 1;
    background-color: #FFFFFF;
}

.bg-fff {
    background-color: #FFFFFF;
}

#copyNum {
    position: absolute;
    opacity: 0;
}

.not-send {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: red;
    border-radius: 50%;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
}

.not-send::before, .not-send::after {
    position: absolute;
    content: '';
    background-color: #FFFFFF;
    width: 2px;
    left: 7px;
}

.not-send::before {
    height: 7px;
    top: 3px;
}

.not-send::after {
    top: 11px;
    height: 2px;
    border-radius: 50%;
}

/*及时聊天框*/


/*iframe样式*/
#iframe_box {
    padding-left: 140px;
    /*width: 100vw;*/
    height: calc(100% - 66px);
}

.parentPage {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
}

/*iframe样式*/
.slideLeft {
    animation: slide-left 0.2s ease 1;
    animation-fill-mode: forwards;
}

@keyframes slide-left {
    from {
        width: 140px;
    }
    to {
        width: 54px;
    }
}

@-webkit-keyframes slide-left {
    from {
        width: 140px;
    }
    to {
        width: 54px;
    }
}

.slideRight {
    animation: slide-right 0.2s ease 1;
    animation-fill-mode: forwards;
}

@keyframes slide-right {
    from {
        width: 54px;
    }
    to {
        width: 140px;
    }
}

@-webkit-keyframes slide-right {
    from {
        width: 54px;
    }
    to {
        width: 140px;
    }
}

.slidePaddingLeft {
    animation: slide-padding-left 0.2s ease 1;
    animation-fill-mode: forwards;
}

@keyframes slide-padding-left {
    from {
        padding-left: 140px;
    }
    to {
        padding-left: 54px;
    }
}

@-webkit-keyframes slide-padding-left {
    from {
        padding-left: 140px;
    }
    to {
        padding-left: 54px;
    }
}

.slidePaddingRight {
    animation: slide-padding-right 0.2s ease 1;
    animation-fill-mode: forwards;
}

@keyframes slide-padding-right {
    from {
        padding-left: 54px;
    }
    to {
        padding-left: 140px;
    }
}

@-webkit-keyframes slide-padding-right {
    from {
        padding-left: 54px;
    }
    to {
        padding-left: 140px;
    }
}

/*向上向下箭头*/
.down-arrow, .top-arrow {
    position: absolute;
    top: 30%;
    left: -16px;
    display: inline-block;
    width: 12px;
    height: 16px;
}

.down-arrow::before, .top-arrow::before {
    position: absolute;
    content: '';
    height: 15px;
    width: 2px;
    background-color: #00D2FF;
    left: 5px;
}

.down-arrow::after, .top-arrow::after {
    position: absolute;
    content: '';
    height: 8px;
    width: 8px;
    border-right: 2px solid #00D2FF;
    border-top: 2px solid #00D2FF;
    left: 2px;
}

.down-arrow::after {
    transform: rotate(135deg);
    top: 6px;
}

.top-arrow::after {
    transform: rotate(-45deg);
    top: 0;
}

/*向上向下箭头*/

.hint-words {
    position: relative;
}

.hint-words:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #FF0000;
    border-radius: 50%;
    right: 6px;
}
.adBox {
    position: fixed;
    right: 0;
    bottom: 0;
    width: calc(100vw - 137px);
    height: 120px;
    display: none;
}
.adBox>.left-div {
    flex: 1;
    background: linear-gradient(to right, #002e4e, #0074c3);
}
.adBox>.right-div {
    flex: 1;
    background: linear-gradient(to left, #002e4e, #0074c3);
}
.swipeBox {
    position: relative;
}
.closeAdBox {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f2f2f2;
    color: #666666;
    z-index:999;
    padding: 5px;
    cursor: pointer;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:"";
}
blockquote, q {
    quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
    display: block;
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(/static/img/images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:600px;
    height:120px;
    margin:0 auto;
}

#slider {
    position:relative;
    width:600px;
    height:120px;
    background:url(/static/img/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.nivo-controlNav {
    position:absolute;
    left:260px;
    bottom:-42px;
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(/static/img/images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 -22px;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(/static/img/images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
    clear:both;
}
.nivoSlider {
    position:relative;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
}
/* The slices in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
}
/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    opacity:0.8; /* Overridden by captionOpacity setting */
    width:100%;
    z-index:89;
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:99;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    position:relative;
    z-index:99;
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}
table.dataTable thead tr > .dtfc-fixed-left,
table.dataTable thead tr > .dtfc-fixed-right,
table.dataTable tfoot tr > .dtfc-fixed-left,
table.dataTable tfoot tr > .dtfc-fixed-right {
    top: 0;
    bottom: 0;
    z-index: 3;
    background-color: white;
}
table.dataTable tbody tr > .dtfc-fixed-left,
table.dataTable tbody tr > .dtfc-fixed-right {
    z-index: 1;
    background-color: white;
}

div.dtfc-left-top-blocker,
div.dtfc-right-top-blocker {
    background-color: white;
}

html.dark table.dataTable thead tr > .dtfc-fixed-left,
html.dark table.dataTable thead tr > .dtfc-fixed-right,
html.dark table.dataTable tfoot tr > .dtfc-fixed-left,
html.dark table.dataTable tfoot tr > .dtfc-fixed-right {
    background-color: var(--dt-html-background);
}
html.dark table.dataTable tbody tr > .dtfc-fixed-left,
html.dark table.dataTable tbody tr > .dtfc-fixed-right {
    background-color: var(--dt-html-background);
}
html.dark div.dtfc-left-top-blocker,
html.dark div.dtfc-right-top-blocker {
    background-color: var(--dt-html-background);
}

div.dtfc-right-top-blocker,
div.dtfc-left-top-blocker {
    margin-top: 6px;
    border-bottom: 0px solid #ddd !important;
}

table.dataTable.table-bordered.dtfc-has-left {
    border-left: none;
}

div.dataTables_scroll.dtfc-has-left table.table-bordered {
    border-left: none;
}
table.dataTable thead tr > .dtfc-fixed-left, table.dataTable thead tr > .dtfc-fixed-right, table.dataTable tfoot tr > .dtfc-fixed-left, table.dataTable tfoot tr > .dtfc-fixed-right {
    background-color: #0099ff;
}

table.dataTable tbody tr:nth-of-type(odd) > .dtfc-fixed-left, table.dataTable tbody tr:nth-of-type(odd) > .dtfc-fixed-right {
    background-color: #f9f9f9;
}

div.dataTables_scrollBody {
    border-left: none !important;
}

.updateBox {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 400px;
    padding: 16px;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    display: none;
}

.updateBox .box-header {
    font-size: 16px;
    color: #0099ff;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

.updateBox .box-header h4 {
    display: inline-block;
    font-weight: bold;
}

.updateBox .box-header span {
    float: right;
    cursor: pointer;
}

.updateBox textarea {
    width: 100%;
    height: 200px;
    overflow: auto;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    outline: none;
    margin-top: 16px;
}

#tooltip {
    position: absolute;
    border: 1px solid #333;
    z-index: 99;
    opacity: 0.9;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 6px;
    box-shadow: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);
    padding: 6px 8px;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    display: none;
}