@charset "UTF-8";

/**
 *
 * @authors 唐艳 (tangy@szkingdom.com)
 * @date    2016-04-08 09:26:37
 * @version $1.$
 */

html {
    font-size: 62.5%;
    padding: 0;
    margin: 0;
    /* overflow: hidden; */
    height: 100%;
}

body {
    padding: 0;
    margin: 0;
    word-break: break-all;
    font-size: 1.4rem;
    font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;
    color: #333333;
}

a:hover {
    text-decoration: none;
}

.input-group-addon i.iconfont {
    line-height: .8;
}

a,
a:link,
a:hover,
a:active,
a:visited,
button,
button:hover,
button:active,
button:visited {
    outline: 0 none;
    -webkit-appearance: none;
    text-decoration: none;
}

button,
textarea {
    outline: 0 none;
    -webkit-appearance: none;
}

textarea {
    resize: none;
}

.no-scroll {
    overflow: hidden;
}

.modal .sui-steps .current, .modal .sui-steps .finished{
    background-color: #339BF7;
}
.modal .sui-steps .current .triangle-right{
    border-color: transparent transparent transparent #339BF7;
}
.modal .btn-primary{
    background-color: #339BF7;
    border-color: #339BF7;
}
.modal .btn-primary:hover, .modal .btn-primary:focus{
    background-color: #09AAFA;
    border-color: #09AAFA;
}
.theme-default .btn-primary:hover, .modal .btn-primary:focus{
    background-color: #09AAFA;
    border-color: #09AAFA;
}
.modal .sui-steps .finished .triangle-right{
    border-color: transparent transparent transparent #339BF7;
}
.theme-default .btn-primary{
    background-color: #339BF7;
    border-color: #339BF7;
    color:#fff;
}
/* 字体图标大小规范 */

.icon {
    font-size: 1.6rem;
    /*  默认图标大小 */
}

.ico-12 {
    font-size: 1.2rem;
}

.ico-24 {
    font-size: 2.4rem;
}

.icon.ico-32 {
    font-size: 3.2rem
}

.icon.ico-40 {
    font-size: 4rem;
    line-height: 4rem;
}

.label-gray {
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    color: #333;
}

.budge-danger {
    background: #ff0000;
}

.text-disabled {
    color: #ccc;
}


/*文本两端对齐*/

.text-justify {
    display: block;
    /*兼容IE*/
    padding: 0;
    text-align: justify;
    -webkit-text-align-last: justify;
    /*chrome 20+*/
    -moz-text-align-last: justify;
    /*ff*/
    text-align-last: justify;
    /* ie9*/
    text-justify: distribute-all-lines;
    /*ie6-8*/
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* chrome*/
    .text-justify:after {
        display: inline-block;
        width: 100%;
        height: 0;
        overflow: hidden;
        content: ".";
    }
}


/*文件上传控件*/

.upload-file input {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 100px;
    opacity: 0;
}

.file-upload-panel {
    position: relative;
    background: #fcfcfc;
}

.file-upload-panel .progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    margin-bottom: 0;
}

.file-upload-panel .close {
    margin-right: 5px;
}


/*解决tab页切换看不到图表的问题*/

.slideTxtBox .tab-content>.tab-pane,
.slideTxtBox .pill-content>.pill-pane {
    display: inline-block;
    /* 使display：none不工作*/
    height: 0;
    /* 设置高度为0 */
    overflow-y: hidden;
    /* 设置没有滚动条*/
}

.slideTxtBox .tab-content>.active,
.slideTxtBox .pill-content>.active {
    height: auto;
    /* 高度自适应 */
}

.pg-scroll {
    overflow-y: auto;
}


/*禁用textarea的resize功能*/

textarea {
    resize: none;
}


/*表格工具栏样式*/

.DataTable-toolbar {
    /*position: fixed;*/
    right: 20px;
    margin-right: 10px;
}

.DataTable-toolbar ul li {
    padding: 0 5px;
    font-size: 15px;
    border: 1px solid #aaa;
    border-radius: 3px;
    /*font-weight: bold;*/
}

.DataTable-toolbar ul li a,
.DataTable-toolbar ul li .iconfont {
    color: #666;
}

.DataTable-toolbar ul li:hover {
    background-color: #eee;
}

.DataTable-toolbar ul li:hover a,
.DataTable-toolbar ul li:hover a .iconfont {
    color: #666;
}


/*主导航tab箭头大小控制*/

.J_tabLeft .iconfont,
.J_tabRight .iconfont {
    font-size: 12px;
}


/*解决表格行选中时溢出部分有一小段白色的显示问题*/

.table-striped>tbody>tr.info {
    background-color: #c4e3f3;
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: rgba(217, 237, 247, 0);
}


/*通用样式：警告框，弹出框，确认框，对话框*/

.popup .modal-body {
    position: relative;
    line-height: 20px;
}

.modal-body .no-data {
    position: relative;
    margin-top: 20px;
}

.popup .close {
    position: absolute;
    top: 5px;
    right: 10px;
}

.iconfont.icon-24 {
    position: relative;
    top: 3px;
    display: inline-block;
    padding-right: 0;
    font-size: 24px;
    line-height: 20px;
}

.modal-xlg {
    width: 990px;
}


/*字体图标抗锯齿处理*/

.iconfont {
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
}

.icon.iconfont,
.icon-disable {
    opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}

.icon-disable,
.channel-ico.icon-disable {
    cursor: not-allowed;
    color: #ccc;
}

.icon.iconfont:hover {
    opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
}

.no-data {
    /*margin-top: -20px;
    margin-bottom: 15px;*/
    position: absolute;
    top: 50%;
    margin-top: -64px;
    /*border: 1px solid #d8d8d8;
    background: #fbfbfb;*/
}

.index-md-2>.no-date {
    position: relative;
}

.no-data .iconfont {
    /*margin-top: 2rem;*/
    font-size: 128px;
    line-height: 1;
    color: #ccc;
}

.no-data .iconfont:hover,
.icon-disable:hover {
    opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}

.performHandle-wapper .performHandle-operate{
    height: 35px;
    margin-top: 10px;
}

.performHandle-wapper .performHandle-btn{
    float: right;
    background-color: #339BF7;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    margin-right: 15px;
}

.performHandle-wapper .performHandle-btn:hover{
    background-color: #09AAFA;
}



/*dataTable固定列样式start*/

.fixLayout{
    table-layout: fixed;
}

.fixLayout tbody td{
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    padding: 0px 6px;
}

.table__body-wrapper {
    position: relative;
    /* width: 100%; */
    overflow: hidden;
}

.fixedTable {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    /* width: 100%; */
}

.fixedTable_wapper{
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100%;
}

.fixedTable .clo-hidden {
    visibility: hidden;
}

.fixed-left {
    left: 0px;
    top: 0px;
    bottom: 0px;
}
.fixed-left .fixedTable_wapper{
    overflow-y: hidden;
}
.fixed-right {
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.fixed-right table {
    float: right;
}

.table-wrap {
    position: relative;
    min-height: 250px;
}
.tab-th-w-70 {
    width: 70px;
}

.fixedScroll-right .fixed-left, .fixedScroll-middle .fixed-left {
    box-shadow: 5px 0 10px -3px rgba(0, 0, 0, .12)
}

.fixedScroll-left .fixed-right, .fixedScroll-middle .fixed-right {
    box-shadow: -5px 0 10px -3px rgba(0, 0, 0, .12)
}

.fixedTable table thead tr {
    background-color: #fff;
}

.fixedTable table tbody tr:nth-of-type(even) {
    background-color: #fff;
}
.DataTable-param .table__body-wrapper table tbody .table-fixHover{
    background-color:#f5f5f5;
}
.DataTable-param .fixedTable .table-striped>tbody>tr.info{
    background-color: #c4e3f3;
}
.more__body-wrapper {
    z-index: 9999;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    padding: 10px;
    background-color: #fff;
}

.popper-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e4e7ed;
    top: -10px;
}

.popper-arrow::after {
    content: '';
    position: absolute;
    top: 1px;
    left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
}

.popper-arrow-left {
    border: 10px solid transparent;
    border-left-color: #e4e7ed;
    width: 0;
    height: 0;
    display: inline-block;
    right: -20px;
}

.popper-arrow-left::after {
    content: '';
    position: absolute;
    right: -9px;
    top: -10px;
    border: 10px solid transparent;
    border-left-color: #fff;
}

.popper-arrow-right {
    border-top: 10px solid transparent;
    border-right: 10px solid #e4e7ed;
    border-bottom: 12px solid transparent;
    width: 0;
    height: 0;
    display: inline-block;
    left: -10px;
}

.popper-arrow-right::after {
    content: '';
    position: absolute;
    left: 1px;
    top: -10px;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 12px solid transparent;
}

.more-item input[type=checkbox] {
    vertical-align: top;
    margin-right: 10px;
}

.more-item .more-item-txt {
    vertical-align: top;
    font-weight: normal;
}

.more-btn-wrapper button {
    width: 100%;
    margin-top: 10px;
}


/* .fixedTable table .clo-fix-last{
    border-right:1px solid #ccc;
} */


/*dataTable固定列样式end*/
.datatable-help{
    margin-left: 5px;
    cursor: pointer;
}
.datatable-help svg{
    height: 18px;
    width: 18px;
    vertical-align: middle;
    fill: #339bf7;
}

.handleFlow-wapper{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.handleFlow-item{
    padding: 5px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}
.handleFlow-item:hover{
    background-color: #c1cfe1;
}
.handleFlow-wapper .activeFlow{
    background-color: #339BF7;
    border-color: #339BF7;
    color: #fff;
}

.associatedProcess-wapper{
    position: relative;
}
.associatedProcess-title{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    text-align: center;
}
.associatedProcess-content{
    max-height: 200px;
    overflow-y: auto;
}
.associatedProcess-item{
    margin-bottom: 5px;
}
.associatedProcess-item span{
    cursor: pointer;
}
.associatedProcess-item span:hover{
    color: #339BF7;
}

.associatedSms-wapper{
    position: relative;
}
.associatedSms-title{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    text-align: center;
}
.associatedSms-content{
    max-height: 200px;
    overflow-y: auto;
}
.associatedSms-item{
    margin-bottom: 5px;
}
.associatedSms-item span{
    cursor: pointer;
}
.associatedSms-item span:hover{
    color: #339BF7;
}

.data-loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 1) url(../img/loading.gif) 50% 50% no-repeat;
}


/*.panel-body,
body {
    overflow-x: hidden;
}
*/


/*404,500,503错误页面*/

.iconfont.icon-xxl {
    font-size: 128px;
    line-height: 80px;
}

.iconfont.icon-xxxl {
    font-size: 256px;
    line-height: 24px;
}

.text-light-blue {
    color: #c9ddf6;
}

.bg-light-gray {
    background: #fbfbfb;
}

h1.lg-tit {
    width: 45%;
    margin: 0 auto;
}

.error-desc {
    padding: 20px 50px;
    margin: 60px 0 30px 0;
    line-height: 2;
    color: #898989;
    border-top: 1px solid #d8d8d8;
}

.error-desc .iconfont {
    margin-right: 15px;
    color: #ddd;
}

button.iconfont,
button i.icon.iconfont {
    line-height: .8;
}

a.iconfont {
    cursor: pointer;
}


/*第一部分：首页框架布局样式*/


/*1.1 顶部信息，logo信息，话务条样式*/


/* 招商新首页 */

.panel-title {
    font-weight: 700;
}

.home-process {
    height: 8px;
    border-radius: 16px;
}

.home-scroll-wrap {
    /* position: absolute;
    top: 48px;
    right: 0px;
    bottom: 10px;
    left: 15px;
    overflow-y: auto */
}

.online-status {
    position: absolute;
    top: 0;
    left: 40px;
}

.header nav ul {
    margin-bottom: 0;
}

.header nav ul li,
.header nav ul li a {
    position: relative;
    font-size: .8;
    color: #fff;
}

.header nav ul li .dropdown-menu>li>a:hover {
    background-color: #fff;
}

.header img {
    margin-left: 2px;
}

.userimg {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
}

.header .navbar-nav li:hover {
    background: #0288d1;
}

.header ul.list-unstyled.list-inline {
    line-height: 30px;
    color: #fff;
}

.main-role {
    position: relative;
    /*top: 2px;*/
    /*角色响应式布局*/
    display: inline-block;
    /*内联对象需加*/
    /*max-width: 515px;*/
    overflow: hidden;
    /* 内容超出宽度时隐藏超出部分的内容 */
    line-height: 1;
    white-space: nowrap;
    /* 不换行 */
    text-overflow: ellipsis;
    /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    word-break: keep-all;
    /* 不换行 */
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
    span.main-role {
        width: auto;
        max-width: 515px;
    }
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
    span.main-role {
        width: auto;
        max-width: 600px;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1600px) {
    span.main-role {
        width: auto;
        max-width: 700px;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1921px) {
    span.main-role {
        width: auto;
        max-width: 800px;
    }
}


/*锁屏*/

.exit-system,
.lockscreen {
    top: 40%;
    margin-top: -65px;
}

.pw-control {
    /*width: 250px;*/
    height: 40px;
    /*line-height: 40px;*/
}

.lockscreen .modal-body {
    padding: 30px 0;
}


/*退出系统*/

.exit-system .modal-body {
    padding: 20px;
}

.exit-system strong {
    margin-right: 20px;
    margin-left: 20px;
    color: #f00;
}

.exit-system p {
    margin-bottom: 10px;
}


/*话务条*/

.call-bar {
    margin-bottom: 5px;
}

ul.lampTable {
    display: inline;
    float: left;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

ul.lampTable>li {
    display: inline-block;
    padding-top: 28px;
    /*padding-right: 6px;*/
    /*padding-left: 6px;*/
    padding-right: 10px;
    padding-left: 10px;
    color: #ccc;
}

.lampTable .signIn {
    background: url(../img/callIcons/signIn-unable.png) center 5px no-repeat;
}

.lampTable .signIn.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/signIn-enable.png) center 5px no-repeat;
}

.lampTable .signOut {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/signOut-enable.png) center 5px no-repeat;
}

.lampTable .signOut.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/signOut-enable.png) center 5px no-repeat;
}

.lampTable .signOut.disabled {
    cursor: default;
    color: #c1cfe1;
    background: url(../img/callIcons/signOut-enable.png) center 5px no-repeat;
}

.lampTable .busy {
    background: url(../img/callIcons/busy-unable.png) center 5px no-repeat;
}

.lampTable .busy.enable {
    cursor: pointer;
    /*color: #64D2FF;*/
    color: #1fa01f;
    background: url(../img/callIcons/busy-enable.png) center 5px no-repeat;
}

.lampTable .free {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/free-enable.png) center 5px no-repeat;
}

.lampTable .answer {
    background: url(../img/callIcons/answer-unable.png) center 5px no-repeat;
}

.lampTable .answer.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/answer-enable.gif) center 5px no-repeat;
}

.judge {
    background: url(../img/callIcons/judge-unable.png) center 5px no-repeat;
}

.judge.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/judge-enable.png) center 5px no-repeat;
}

.lampTable .answer.thz {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/Incall-enable.gif) center 5px no-repeat;
}

.lampTable .hangup {
    background: url(../img/callIcons/shutDown-unable.png) center 5px no-repeat;
}

.lampTable .hangup.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/shutDown-enable.png) center 5px no-repeat;
}

.lampTable .hangup.enable2 {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/shutDown-enable.png) center 5px no-repeat;
}

.lampTable .callout {
    background: url(../img/callIcons/callOut-unable.png) center 5px no-repeat;
}

.lampTable .callout.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/callOut-enable.png) center 5px no-repeat;
}

.lampTable .idle {
    background: url(../img/callIcons/waiting-unable.png) center 5px no-repeat;
}

.lampTable .idle.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/waiting-enable.png) center 5px no-repeat;
}

.lampTable .verify {
    background: url(../img/callIcons/verify-unable.png) center 5px no-repeat;
}

.lampTable .verify.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/verify-enable.png) center 5px no-repeat;
}

.lampTable .transfer {
    background: url(../img/callIcons/transfer-unable.png) center 5px no-repeat;
}

.lampTable .transfer.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/transfer-enable.png) center 5px no-repeat;
}

.lampTable .hold {
    background: url(../img/callIcons/keep-unable.png) center 5px no-repeat;
}

.lampTable .hold.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/keep-enable.png) center 5px no-repeat;
}

.lampTable .unhold.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/free-enable.png) center 5px no-repeat;
}

.lampTable .monitor {
    background: url(../img/callIcons/monitor-unable.png) center 5px no-repeat;
}

.lampTable .monitor.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/monitor-enable.png) center 5px no-repeat;
}

.lampTable .register {
    background: url(../img/callIcons/input_s.gif) center 5px no-repeat;
}

.lampTable .register.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/input_y.gif) center 5px no-repeat;
}

.lampTable .mute {
    background: url(../img/callIcons/mute-unable.png) center 5px no-repeat;
}

.lampTable .mute.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/mute-enable.png) center 5px no-repeat;
}

.lampTable .unmute {
    color: #64D2FF;
    background: url(../img/callIcons/mute-enable.png) center 5px no-repeat;
}

.lampTable .unmute.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/mute-unable.png) center 5px no-repeat;
}

.lampTable .await {
    background: url(../img/callIcons/normal-disable.png) center 5px no-repeat;
}

.lampTable .await.online {
    cursor: pointer;
    color: #1fa01f;
    background: url(../img/callIcons/normal-enable.png) center 5px no-repeat;
}

.lampTable .await.offline {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/lock-enable.png) center 5px no-repeat;
}

.lampTable .nocall {
    background: url(../img/callIcons/callIn-unable.png) center 5px no-repeat;
}

.lampTable .nocall.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/callIn-enable.png) center 5px no-repeat;
}

.lampTable .havecall {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/callOut-enable.png) center 5px no-repeat;
}

.lampTable .sendNumber {
    background: url(../img/callIcons/sendNumber.png) center 5px no-repeat;
}

.lampTable .sendNumber.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/sendNumber-enable.png) center 5px no-repeat;
}

.lampTable .unsubscribe {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/subscribe_r.gif) center 5px no-repeat;
}


/******  begin  add by pij 20130817 for uc终端  ******/

.lampTable .ucSignIn {
    background: url(../img/callIcons/signIn-unable.png) center 5px no-repeat;
}

.lampTable .ucSignIn.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/signIn-enable.png) center 5px no-repeat;
}

.lampTable .ucSignOut {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/signOut-unable.png) center 5px no-repeat;
}

.lampTable .ucSignOut.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/signOut-enable.png) center 5px no-repeat;
}

.lampTable .ucSignOut.disabled {
    cursor: default;
    color: #c1cfe1;
    background: url(../img/callIcons/signOut-enable.png) center 5px no-repeat;
}

.lampTable .ucAnswer {
    background: url(../img/callIcons/answer-unable.png) center 5px no-repeat;
}

.lampTable .ucAnswer.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/answer-enable.gif) center 5px no-repeat;
}

.lampTable .ucRelease {
    background: url(../img/callIcons/shutDown-unable.png) center 5px no-repeat;
}

.lampTable .ucRelease.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/shutDown-enable.png) center 5px no-repeat;
}

.lampTable .ucBusy {
    background: url(../img/callIcons/busy-unable.png) center 5px no-repeat;
}

.lampTable .ucBusy.enable {
    cursor: pointer;
    /*color: #64D2FF;*/
    color: #1fa01f;
    background: url(../img/callIcons/busy-enable.png) center 5px no-repeat;
}

.lampTable .ucFree.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/free-enable.png) center 5px no-repeat;
}

.lampTable .ucTransfer {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/transfer-unable.png) center 5px no-repeat;
}

.lampTable .ucTransfer.enable {
    cursor: pointer;
    color: #64D2FF;
    background: url(../img/callIcons/transfer_enable.png) center 5px no-repeat;
}

.chat-type {
    padding: 5px;
    /*margin: 0 5px;*/
    margin: 0 10px;
    color: #4b4b4b;
    border-radius: 3px;
    background: #e1f5fe;
}

.webchat-list {
    float: left;
}

.popover-content>.tab-content {
    border: 0;
}

.indexPage {
    overflow: hidden;
}

.indexPage .popover {
    /*max-width: 600px;*/
}

.indexPage .popover-content {
    padding: 0 14px;
}

.indexPage .popover .nav {
    margin: 9px 0;
}


/*1.2 主页面contabs样式*/

#content-main {
    position: absolute;
    /*top: 129px; 这个定位的是主页的框架，别乱改啦*/
    right: 0;
    /*bottom: 36px;*/
    left: 0;
    height: calc(100% - 150px);
    /*padding: 10px;*/
    /*padding-bottom: 30px;*/
    overflow: hidden;
}

.content-tabs {
    position: relative;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #efefef;
    background: #fafafa;
}

.content-tabs .roll-nav,
.page-tabs-list {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #999;
}

.content-tabs .roll-left {
    /*left: 30PX;*/
    border-right: solid 1px #eee;
}

.content-tabs .roll-right {
    right: 0;
    border-left: solid 1px #eee;
}

.content-tabs button {
    width: 30px;
    height: 30px;
    border: 0;
    outline: 0;
    background: #fff;
}

.content-tabs button:hover {
    background: #fafafa;
}

nav.page-tabs {
    width: 100000px;
    height: 30px;
    margin-left: 30px;
    overflow: hidden;
}

nav.page-tabs .page-tabs-content {
    float: left;
}

.page-tabs-content span.icon-close .iconfont {
    font-size: 10px;
    color: #ccc;
}

.page-tabs-content .icon-close .iconfont:hover {
    color: #898989;
}

nav.page-tabs {
    width: 100000px;
    height: 30px;
    margin-left: 30px;
    overflow: hidden;
}

.page-tabs i.iconfont.icon-cross {
    font-size: 12px;
}

.page-tabs a.active {
    color: #fff;
    background: #409eff;
}

.page-tabs a.active i:hover,
.page-tabs a.active:hover {
    color: #fff;
    background: #339BF7;
    transition: background-color 0.3s ease;
}

nav.page-tabs .page-tabs-content {
    float: left;
    padding: 3px 0px;
    height: 100%;
}

.page-tabs a {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    padding: 0 10px;
    color: #409eff;
    border: solid 1px rgb(216.8, 235.6, 255);
    border-radius: 4px;
    background: rgb(235.9, 245.3, 255);
    margin-left: 5px;
    height: 100%;
    box-sizing: border-box;
}

.page-tabs a i {
    width: 16px;     /* 圆形直径 */
    height: 16px;    /* 圆形直径 */
    display: inline-flex;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* 圆形 */
    transition: background-color 0.3s ease; /* 平滑过渡效果 */
}
.page-tabs a i svg {
    height: 1em;
    width: 1em;
}
.page-tabs a i::before {
    display: inline-block;
    vertical-align: middle; /* 确保图标垂直居中 */
    line-height: 1; /* 重置行高 */
}

.page-tabs a i:hover {
    color: #409eff;
    background-color: #fff;
}

.page-tabs a.active i:hover {
    color: #409eff;
    background-color: rgba(255, 255, 255, .9);
}

.content-tabs .roll-nav:hover{
    
}
.page-tabs a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background: rgb(121.3, 187.1, 255);
    transition: background-color 0.3s ease;
}

.roll-right.J_tabRight {
    right: 80px;
}

.roll-right.btn-group {
    /*right: 60px;*/
    width: 80px;
    padding: 0;
}

.roll-right.btn-group button {
    width: 80px;
}

.roll-right.J_tabExit {
    width: 60px;
    height: 30px;
    outline: 0;
    background: #fff;
}

.dropdown-menu-right {
    left: auto;
}

#content-main {
    height: calc(100% - 129px);
    overflow: hidden;
}


/*1.3 内容主体框布局样式*/

.indexwrap {
    position: relative;
    overflow: hidden;
}

.index-lt-wrap {
    left: 5px;
}

.index-rt-wrap {
    right: 5px;
}

.index-lt-wrap,
.index-md-wrap,
.index-rt-wrap {
    position: absolute;
    top: 5px;
    bottom: 0;
}

.index-lt-1 {
    border: 1px solid #d8d8d8;
}


/*.index-lt-1,
.index-lt-2,
.index-rt-1,
.index-rt-2 {
    position: relative;

    width: 100%;
    height: 50%;
    overflow: hidden;
}*/

.index-lt-1,
.index-rt-1 {
    position: absolute;
    top: 0;
    right: 5px;
    left: 5px;
    height: 335px;
}

.index-lt-2,
.index-rt-2 {
    position: absolute;
    top: 335px;
    right: 5px;
    bottom: -5px;
    left: 5px;
}

.index-rt-2 {
    top: 340px;
}

.index-lt-2 {
    margin-top: 5px;
}

.index-md-1,
.index-md-2,
.index-md-3 {
    position: relative;
    width: 100%;
    height: 33.33333%;
}


/*主页日历*/

.schedule button {
    margin: 0;
    font: inherit;
    color: inherit;
    overflow: visible;
    text-transform: none;
    border: none;
    text-align: center;
}


/* 我的日程 */

/* .today {
    width: 40px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #339BF7;
    color: #ffffff;
    border-radius: 2px;
    float: right;
    margin-right: 30px;
    margin-top: 8px;
    cursor: pointer;
} */

.schedule {
    width: 100%;
}

.dateShow {
    border-bottom: 1px #dbdbdb solid;
    /* padding-bottom: 1.5rem; */
}

table.dates {
    width: 100%;
    margin-top: 8px;
}

table.dates tr td {
    /* padding: 6px 0; */
    cursor: pointer;
}

table.dates tr th button {
    padding: 6px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.issue {
    position: relative;
    bottom: 0;
    left: 0;
}

table.dates tr td button {
    /* width:24px; */
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

#calendar .mark1 {
    /* background: #339BF7 !important;
    color: #fff;
    border-radius: 2px;
    width: 80%; */
}


/* 旧日历 */

#CalendarMain {
    position: relative;
    width: 100%;
    height: 350px;
    margin: 0 auto;
    /*margin-top: 15px;*/
    /*border: 1px solid #d8d8d8;*/
    border-right: 0;
    border-left: 0;
}

#title {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #d8d8d8;
    background-color: #f6f6f6;
}

.selectBtn,
a.selectBtn {
    padding: 0 6px;
    font-size: 14px;
    /*font-weight: 900;*/
    line-height: 30px;
    cursor: pointer;
    text-decoration: none;
    color: #4b4b4b;
}

.selectBtn:hover {
    height: 30px;
    text-decoration: none;
    color: #fff;
    background-color: #339BF7;
}

#CalendarMain .selectYear,
#CalendarMain .selectMonth,
#CalendarMain .month,
#CalendarMain .nextMonth {
    position: relative;
    top: -1px;
    display: inline-block;
}

a.currentDay {
    position: relative;
    top: 0;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 13px;
    /*bottom: 2px;*/
    color: #fff;
    border-radius: 24px;
    background: #aaa;
}

.schedule-timeline {
    position: absolute;
    top: 48%;
    right: 15px;
    bottom: 10px;
    left: 15px;
    overflow-y: auto;
    z-index: 999;
    padding-left: 30px;
    padding-top: 15px
}

.schedule-timeline-m {
    top: 65%;
}

.schedule-timeline li {
    border-left: 1px solid #d8d8d8;
}

.schedule-timeline dl {
    margin-bottom: 0;
    padding-bottom: 13px;
}

.schedule-timeline dt {
    position: relative;
    left: -16px;
    top: -13px
}

.schedule-timeline dt span.ico.iconfont.icon-gongyongdian.icon-32 {
    color: #d8d8d8;
}

.schedule-timeline dd {
    padding-left: 2rem;
    margin-bottom: .5rem;
}

.nextMonth {
    top: -2px;
}

#context {
    width: 100%;
    background-color: #fff;
}

.week {
    float: left;
    width: 100%;
    height: 24px;
    border-bottom: 1px solid #f6f6f6;
}

.week>h3 {
    float: left;
    padding: 0 13px;
    margin: 0;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #808080;
}

.dayItem {
    float: left;
}

.lastItem {
    color: #d8d8d8 !important;
}

.item {
    position: relative;
    float: left;
    /*padding-top: 5px;*/
    margin: 0;
    font-size: 13px;
    line-height: 2rem;
    cursor: pointer;
    /*text-align: center;*/
    color: #333;
    border-bottom: 1px solid #f5f5f3;
    border-right: 1px solid #f5f5f3;
}

.item.lastItem a,
.item.lastItem .dutyCat {
    color: #bbb;
}

.item a {
    position: absolute;
    /*left: 5px;*/
    width: 100%;
    height: 100%;
    padding: 2px;
    text-align: center;
    color: #4b4b4b;
}

.item a:hover {
    text-decoration: none;
}

.item a:hover {
    position: absolute;
    /*left: 5px;*/
    width: 100%;
    padding: 2px;
    text-decoration: none;
    text-align: center;
    /*color: #4b4b4b;*/
    /*-webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;*/
    background-color: #eee;
}

.currentItem>a {
    position: absolute;
    /*left: 5px;*/
    width: 100%;
    height: 100%;
    padding: 2px;
    text-align: center;
    color: #fff;
    /*-webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;*/
    background-color: #339BF7;
}

.currentItem>a:hover {
    background-color: #0288d1;
}

.currentItem>a .dutyCat {
    color: #fff;
}

a.calendar-toggle {
    right: 4px;
    padding-right: 10px;
    line-height: 30px;
    text-decoration: none;
    color: #4b4b4b;
}

.navbar-calendar i.iconfont {
    margin-right: 10px;
}

a.calendar-toggle:hover {
    text-decoration: none;
}

#foots {
    width: 100%;
    height: 35px;
    margin-top: -1px;
    border-top: 1px solid #d8d8d8;
    background-color: #fff;
}

#footNow {
    float: left;
    margin: 6px 0 0 5px;
    color: #009ad6;
}

#Container {
    float: left;
    overflow: hidden;
}

#center {
    width: 100%;
    overflow: hidden;
}

#centerMain {
    width: 300%;
    margin-left: -100%;
}

#selectYearDiv {
    float: left;
    background-color: #fff;
}

#selectYearDiv>div {
    float: left;
    margin-top: -1px;
    margin-left: -1px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: #909090;
    border: 1px solid #d8d8d8;
    border-right: 0;
}

.currentYearSd,
.currentMontSd {
    color: #f40 !important;
}

#selectMonthDiv {
    float: left;
    background-color: #fff;
}

#selectMonthDiv>div {
    float: left;
    margin-top: -1px;
    margin-left: -1px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: #909090;
    border: 1px solid #d8d8d8;
}

#selectYearDiv>div:hover,
#selectMonthDiv>div:hover {
    background-color: #efefef;
}

#centerCalendarMain {
    float: left;
}

.dutyCat {
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    /*line-height: 1;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #888;
}

strong.dutyCat {
    margin-bottom: 5px;
    padding-top: 3px;
    color: #4b4b4b;
}

.dot {
    position: absolute;
    top: 7px;
    right: 7px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 20px;
    background: #f00;
}

.dot-gray {
    position: absolute;
    top: 7px;
    right: 7px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 20px;
    background: #d8d8d8;
}


/*日程弹出框*/

.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .5);
}

.schedule {
    width: 400px;
    margin: 20px auto;
    background: #fff;
}

.schedule .panel-body {
    height: 400px;
    padding: 15px;
    overflow-y: auto;
}

label.finished {
    text-decoration: overline;
}


/*主页小助手*/

.index-rt-wrap .panel-heading {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
}

.index-rt-wrap .panel-body {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    border: 1px solid #d8d8d8;
    border-top: 0;
}

.panel-assistant .badge {
    position: absolute;
    top: 0;
    right: 6px;
    min-width: 26px;
    font-size: 10px;
    color: #fff;
    background: #d0021b;
    height: 20px;
}

.panel-assistant .panel-body .icon {
    display: block;
    padding: 3px 0 0 0;
    font-size: 24px;
    line-height: .8;
    color: #58666e;
}

.panel-assistant a {
    display: inline-block;
    padding: 5px 3px;
    /*margin: 3px 0;*/
}

.panel-assistant a span {
    display: block;
    height: 40px;
    overflow: hidden;
}

.panel-assistant a:hover {
    background: #f7f7f7;
}

.panel-assistant a:link,
.panel-assistant a:link .icon,
.panel-assistant a:visited,
.panel-assistant a:visited .icon {
    text-decoration: none;
    color: #58666e;
}

.panel-assistant a:hover,
.panel-assistant a:hover .icon,
.panel-assistant a:active,
.panel-assistant a:active .icon {
    text-decoration: none;
    color: #0288d1;
}

.slideTxtBox {
    text-align: left;
    border: 1px solid #d8d8d8;
}

.slideTxtBox .hd {
    position: relative;
    height: 30px;
    padding: 0 10px 0 5px;
    line-height: 30px;
    border-bottom: 1px solid #d8d8d8;
    background: #f4f4f4;
}

.slideTxtBox .hd ul {
    position: absolute;
    top: -1px;
    left: 0;
    float: left;
    height: 32px;
}

.slideTxtBox .hd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

.slideTxtBox .hd ul li.on {
    /*height: 31px;*/
    border: 1px solid #d8d8d8;
    border-bottom: 1px solid #fff;
    background: #fff;
}

.slideTxtBox .hd ul li:first-child {
    border-left: 0;
}

.slideTxtBox .bd ul {
    padding: 15px;
    zoom: 1;
}

.slideTxtBox .bd li {
    height: 24px;
    line-height: 24px;
}

.slideTxtBox .bd li .date {
    float: right;
    color: #999;
}

.slideTxtBox .arrow {
    position: absolute;
    top: 0;
    right: 10px;
}

.slideTxtBox .arrow a {
    display: block;
    float: right;
    width: 10px;
    height: 31px;
    margin-left: 8px;
    overflow: hidden;
    cursor: pointer;
    background: url("../img/arrow.png") 0 10px no-repeat;
}

.slideTxtBox .arrow .next {
    background-position: 0 -40px;
}

.slideTxtBox .arrow .prevStop {
    background-position: -60px 0;
}

.slideTxtBox .arrow .nextStop {
    background-position: -60px -50px;
}


/*两层Slidebox使用*/

* {
    padding: 0;
    margin: 0;
    list-style: none;
}


/* 本例子css */

.slideGroup {
    position: relative;
    text-align: left;
    border: 1px solid #d8d8d8;
}

.slideGroup .parHd {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #d8d8d8;
    background: #f4f4f4;
}

.slideGroup .parHd ul {
    position: absolute;
    top: -1px;
    z-index: 1;
    float: left;
    height: 32px;
}

.slideGroup .parHd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

.slideGroup .parHd ul li.on {
    /*height: 30px;*/
    /*margin-left: -1px;*/
    border: 1px solid #d8d8d8;
    border-bottom: 2px solid #fff;
    background: #fff;
}

.slideGroup .parHd ul li:first-child {
    border-left: 0;
}

.slideGroup .slideBox {
    overflow: hidden;
    zoom: 1;
}

.slideGroup .sPrev,
.slideGroup .sNext {
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 999;
    display: block;
    width: 12px;
    height: 20px;
    background: url("../img/arrow.png") 0 0 no-repeat;
}

.slideGroup .sNext {
    right: 5px;
    left: auto;
    background-position: 0 -50px;
}

.slideGroup .prevStop,
.slideGroup .nextStop {
    position: absolute;
    top: 5px;
    right: 15px;
    z-index: 999;
    display: block;
    width: 12px;
    height: 20px;
}

.slideGroup .prevStop {
    background: url("../img/arrow.png") -60px 0 no-repeat;
}

.slideGroup .nextStop {
    right: 5px;
    left: auto;
    background: url("../img/arrow.png") -60px -50px no-repeat;
}

.slideGroup .sPrev:hover,
.slideGroup .sNext:hover {
    border-color: #f60;
}

.slideGroup .parBd {
    right: 0;
    bottom: 5px;
    left: 0;
    padding: 5px 5px 5px 0;
    margin-top: 30px;
    overflow: hidden;
}

.slideGroup .parBd ul {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    zoom: 1;
    /*top:30px;*/
}


/*.slideGroup .parBd ul li .no-data{
    top:15%;
}*/

.slideGroup .parBd ul li {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.slideGroup .parBd ul li .task-panel {
    width: 100%;
}

span.task-name {
    width: 70%;
}

.tasklist-qd .text-overflow {
    margin-bottom: 5px;
}

.tasklist-qd .label {
    padding-top: 3px;
}


/*主页知识库*/

input#index-search.form-control {
    font-size: 13px;
}

.knowledge-search .form-control {
    top: -3px;
    right: -1px;
    height: 26px;
    padding: 0 12px;
    border: 1px solid #d8d8d8;
    border-radius: 15px;
}

.knowledge-search .input-group-addon {
    position: relative;
    top: -3px;
    height: 16px;
    padding: 0 5px 0 5px;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
    border: 1px solid #d8d8d8;
    border-radius: 0 15px 15px 0;
    background: #fff;
}

.index-rt-2 .panel-body {
    top: 31px;
    padding-top: 10px;
    overflow: hidden;
}

.index-rt-2 .nav-tabs {
    background: #fff;
}

#knowledgeContent.tab-content {
    position: absolute;
    top: 35px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
}

#knowledgeContent a.media-body {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #4b4b4b;
    border-bottom: 1px dashed #d8d8d8;
}

#knowledgeContent a.media-body p {
    display: -webkit-box;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /*行数*/
}

#knowledgeContent a.media-body:hover {
    cursor: pointer;
    text-decoration: none;
    color: #0288d1;
    background: #f7f7f7;
}

#knowledgeContent a.media-body h4.text-overflow {
    width: auto;
}

#knowledgeContent a.media-body:hover h4 {
    color: #4b4b4b;
}

#knowledgeContent .media-list .media {
    /*padding-top: 10px;*/
    margin-top: 0;
}


/*主页仪表盘*/

.dashboard {
    /*width: 100%;
    height: 128px;
    margin-top: 15px;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 15px;
    left: 0;
    z-index: 100;
    overflow: hidden;
}

.index-md-3 .col-xs-6 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding-left: 15px;
    overflow: hidden;
}

.index-md-3 .col-xs-6:nth-child(even) {
    left: 50%;
}

.calltimes {
    /*width: 100%;
    height: 180px;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 30px;
    left: 0;
    overflow: hidden;
}

.index-calltimes {
    /*width: 100%;
    height: 180px;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 30px;
    left: 0;
    overflow: hidden;
}

.chart-info {
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    height: 40px;
    overflow: hidden;
}

.knowledge-search .panel-heading i.icon.iconfont {
    font-size: 16px;
}

.index-md-wrap .panel-body {
    position: absolute;
    top: 29px;
    right: 0;
    bottom: 5px;
    left: 0;
    padding: 10px;
    overflow-y: auto;
    border: 1px solid #d8d8d8;
    border-top: 0;
}

.index-md-1 .panel-body,
.index-md-2 .panel-body,
.index-md-3 .panel-body {
    overflow: hidden;
}

.index-md-3 {
    top: 5px;
}


/*修正IE下中间第一个框的间距和其他不对等的问题*/

@media screen\0 {
    .index-md-1 .panel-body,
    .index-md-2 .panel-body {
        bottom: -5px;
    }
}

.index-md-1 .panel-heading,
.index-md-2 .panel-heading,
.index-md-3 .panel-heading,
.index-lt-2 .panel-heading,
.index-rt-1 .panel-heading,
.index-rt-2 .panel-heading {
    border-bottom: 0;
}

.task-process {
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
}

a.icon-24,
a.icon-30 {
    padding-right: 10px;
    font-size: 24px;
    line-height: 45px;
    color: #64D2FF;
}

a.icon-30 {
    font-size: 30px;
}

a.icon-24:hover,
a.icon-30:hover {
    text-decoration: none;
    color: #d0021b;
}

span.task-qty {
    display: inline-block;
    padding-top: 7px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
}

.tasklist-qd {
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fff;
}

.tasklist-qd .iconfont.icon-24.pull-right {
    margin: 10px 7px 0 0;
}

.tasklist-qd .btn {
    margin: 15px 7px 0 0;
}

.task-panel .badge {
    top: 15px;
    margin-right: 15px;
}

.index-lt-2 .panel-body {
    position: absolute;
    top: 35px;
    /*nancy fix scroll-issue 0520*/
    right: 0;
    bottom: 5px;
    left: 0;
    padding: 0;
    /*padding-top: 10px;*/
    overflow-y: auto;
    border: 1px solid #d8d8d8;
    border-top: 0;
}

.index-lt-2 .panel-body .media {
    margin-top: 0;
}

.index-lt-2 .panel-body a.media-body {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #4b4b4b;
    border-bottom: 1px dashed #d8d8d8;
}

.index-lt-2 .panel-body a.media-body p {
    display: -webkit-box;
    margin-bottom: 2px;
    overflow: hidden;
    cursor: pointer;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.index-lt-2 .panel-body a.media-body:hover {
    text-decoration: none;
    color: #0288d1;
    background: #f7f7f7;
}

.index-lt-2 .panel-body a.media-body:hover h4 {
    color: #4b4b4b;
}


/*.my-job-manager {*/


/*margin-top: -18px;*/


/*}*/

.my-job-manager .panel-body {
    bottom: 0;
}


/*管理端首页人员情况*/

.bd-rt {
    border-right: 1px solid #d8d8d8;
}

.service-status-wrap h3 {
    padding-top: 0;
    margin-top: 5px;
    line-height: 26px;
    text-align: center;
    border-radius: 5px;
    background: #eee;
}

.service-status-wrap h3 small {
    color: #4b4b4b;
}

.serviceStatus {
    padding-bottom: 5px;
}

.serviceCat {
    padding: 3px 10px;
    border-radius: 5px;
    background: #eee;
}


/*首页（录入岗）样式*/

.declare-btn {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.video-well {
    position: relative;
}

a.link-abs-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1049;
    margin-top: -60px;
    margin-left: -40px;
    color: #888;
}

a.link-abs-middle:hover {
    color: #444;
}

.iconfont.icon-48 {
    display: block;
    font-size: 48px;
    text-align: center;
}


/*常用语新版开始*/

.commonWord-nav {
    position: absolute;
    background-color: #fbfbfb;
    overflow-x: hidden;
    overflow-y: auto;
    right: 0;
    left: 0;
    height: 400px;
}

.border-left-2 {
    border-left: 2px solid #2497d6;
    border-color: #2497d6 !important;
}


/*常用语新版结束*/


/*营业网点新版开始*/

.stores-nav {
    position: absolute;
    background-color: #fbfbfb;
    overflow-x: hidden;
    overflow-y: auto;
    right: 59%;
    left: 5px;
    height: 400px;
}

.stores-panel {
    position: absolute;
    background-color: #fbfbfb;
    overflow-x: hidden;
    overflow-y: auto;
    left: 41%;
    right: 5px;
    height: 400px;
}

.stores-collectPanel {
    position: absolute;
    background-color: #fbfbfb;
    overflow-x: hidden;
    overflow-y: auto;
    left: 5px;
    right: 5px;
    height: 400px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:active,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
}


/*营业网点新版结束*/


/*营业网点*/

.media.stores {
    /*margin-bottom: 10px;*/
    padding: 10px 5px 10px 15px;
    margin-top: 0;
    border-bottom: 1px dotted #d8d8d8;
}

.media.stores h4 {
    padding: 8px 0;
}

.stores:hover {
    background: #f6f6f6;
}

.stores .btn-favorite {
    margin-right: 10px;
}

.stores .media-heading .iconfont {
    margin-top: 5px;
    font-size: 24px;
}

.no-location-img {
    display: inline-block;
    width: 154px;
    height: 122px;
    font-family: arial;
    font-size: 1.2rem;
    /*font-style: italic;*/
    line-height: 122px;
    text-align: center;
    color: #aaa;
    border: 1px solid #d8d8d8;
    background: #fff;
}

a.no-location-img:hover {
    color: #aaa;
    background: #fff;
}

.map-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.map {
    width: 62%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /*background: #f7f7f7;*/
    /*border:1px solid #ccc;*/
    padding: 20px;
}

.map-store {
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    bottom: 0;
    padding: 20px;
    /*background: #669900*/
}

.map-store .panel {
    border: 0;
    background: #f7f7f7;
    padding: 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.map-store .panel-heading {
    background: none;
    border: 0;
    padding: 15px 0;
    border-bottom: 2px solid #d8d8d8;
    font-weight: bold;
    color: #096dd9;
}

.map-store .panel-title {
    font-size: 24px;
}

.map-store .panel-body {
    position: absolute;
    top: 80px;
    bottom: 0;
    left: 15px;
    right: 15px;
    overflow-y: auto;
}

.map-store .text-primary {
    color: #096dd9;
}

.map-store .panel-body h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.map-store .panel-body p {
    text-indent: 28px;
    line-height: 1
}

.map-store .panel-body .icon {
    margin-right: 10px
}


/*通讯录*/

.addressbook,
.stores-wrap {
    position: absolute;
    top: 70px;
    right: 10px;
    bottom: 0;
    left: 6px;
    overflow: hidden;
}

.stores-phoneArea {
    position: relative;
    top: -25px;
    left: 300px;
}


/*.addressbook .no-data,
.stores-wrap .no-data
{
    position: relative;

    margin-top: 64px;
}*/

.tab-content-address {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.noimg {
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 1rem;
    line-height: 48px;
    text-align: center;
    color: #aaa;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    background: #fff;
}


/*通知公告*/

.notification-list {
    padding: 20px;
}

.notification-list ul {
    margin-bottom: 15px;
}

.notification-list .media-list li {
    padding: 10px;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    background: #fff;
}

.notification-list .media-list li a {
    color: #4b4b4b;
}

.notification-list .media-list {
    margin-top: 15px;
}

.notification-wrap {
    position: absolute;
    top: 45px;
    right: 0;
    bottom: 50px;
    left: 0;
    padding: 0 20px;
    overflow-y: auto;
}

.pagetation-wrap {
    position: absolute;
    right: 20px;
    bottom: -10px;
    left: 20px;
}


/*3.2.1呼入-信息系统*/


/*呼入布局*/

.block-l {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 25%;
    margin-top: 0;
    margin-left: 0;
    background-color: #fff;
}

.user-basic-info {
    padding-left: 55px;
    margin-top: -10px;
}

.close-block {
    width: 0;
}

.block-l-sheet {
    top: 5px;
}

.main-content {
    position: absolute;
    top: 0;
    right: 35px;
    bottom: 0;
    left: 26%;
    /*padding-top: 10px;*/
    /*padding-left: 10px;*/
    border-left: 1px solid #d8d8d8;
}

.main-content .nav-tabs {
    margin-top: -1px;
    margin-left: -1px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.main-content .nav-tabs li {
    margin-left: -1px;
}

.expend-main-content {
    left: 20px;
}


/*呼入同声传译*/

.chat-translate-btn {
    position: fixed;
    top: 48%;
    left: 0;
    width: 30px;
    background: #333;
    color: #fff;
    padding: 5px;
    z-index: 999;
    text-align: center;
    cursor: pointer;
}

.chat-translate-wrap {
    position: fixed;
    left: 0px;
    top: 0;
    bottom: 0;
    right: 0;
    width: 25%;
    background: #f4f4f4;
    box-shadow: 3px 3px 5px #ccc;
    border: 1px solid #ccc;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 998;
}

.chat-translate-collapse {
    right: 100%;
    top: 0;
    bottom: 0;
}

.chat-translate-wrap .media-object {
    margin: 5px;
    width: 32px;
    height: 32px;
}

.bubble-lt {
    position: relative;
    width: auto;
    padding: 8px 15px;
    line-height: 1.2;
    border-radius: 6px;
    background: #ccc;
    margin-right: 15%;
}

.bubble-lt:after {
    position: absolute;
    top: 10px;
    left: -15px;
    content: "";
    border-top: 8px solid transparent;
    border-right: 8px solid #ccc;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
}

.bubble-rt {
    position: relative;
    width: auto;
    padding: 8px 15px;
    color: #fff;
    border-radius: 6px;
    background: #339BF7;
    margin-left: 15%;
}

.bubble-rt:after {
    position: absolute;
    top: 10px;
    right: -15px;
    content: "";
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #339BF7;
}

.bubble-rt .iconfont {
    font-size: 12px;
    color: #fff;
}


/*呼入右边tab标签*/

.main-content-right .onlineQCdiv {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 32%;
    margin-bottom: 0;
    text-align: left;
    border: 1px solid #d8d8d8;
    border-bottom: 0;
}

.main-content-right .onlineQCdiv .hd ul li.on {
    height: 32px;
    margin-left: -1px;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    background: #fff;
}

.main-content-right .onlineQCdiv .hd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

div#main-container {
    position: relative;
    padding: 0;
}

.main-content-right .tab-div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/*呼入-公用样式*/

.text-overflow {
    display: block;
    /*内联对象需加*/
    width: 215px;
    overflow: hidden;
    /* 内容超出宽度时隐藏超出部分的内容 */
    white-space: nowrap;
    /* 不换行 */
    text-overflow: ellipsis;
    /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    word-break: keep-all;
    /* 不换行 */
}

@media screen and (max-width: 1367px) {
    td.text-overflow {
        width: auto;
        max-width: 300px;
    }
}

@media screen and (max-width: 1441px) {
    td.text-overflow {
        width: auto;
        max-width: 350px;
    }
}

@media screen and (max-width: 1921px) {
    td.text-overflow {
        width: auto;
        max-width: 450px;
    }
}

.actived a {
    background: #d8d8d8;
}

.margin-right15 {
    margin-right: 15px;
}


/*呼入-信息系统 覆盖bootstrap样式*/

#bValidation+.popover,
.message+.popover {
    position: fixed;
    padding: 0;
    -webkit-transform: translateZ(0);
}

#bValidation+.popover,
.message-callout+.popover {
    position: fixed;
    padding: 0;
    -webkit-transform: translateZ(0);
}

#bValidation+.popover>.popover-content {
    padding: 0;
}


/*#bValidation + .popover > .popover-content .panel-body {
    overflow: hidden;
}
*/

#bValidation+.popover>.popover-content .panel-body {
    top: 10px;
}

#bValidation+.popover>.popover-content .form-group {
    position: relative;
    margin-left: -80px;
}

#bValidation+.popover>.popover-content .form-group button:nth-child(2) {
    position: absolute;
    top: -43px;
    right: -86px;
}

#bValidation+.popover>.popover-content .form-group button:nth-child(1) {
    position: absolute;
    top: -43px;
    right: 32px;
}

.edit-Content>.form-group {
    margin-bottom: 0;
}

.edit-Content {
    position: absolute;
    top: 110px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: hidden;
}

.edit-Content .form-group {
    margin-bottom: 0;
}

.edit-Content .iconfont {
    font-size: 12px;
}

.edit-Content .ka-form .form-group {
    margin-bottom: 0;
}

.icon-info-popover-xtxx {
    position: absolute;
    top: 15px;
    left: 102px;
}

.message_xtxx {
    position: absolute;
    top: 1%;
    right: 2%;
    width: 24px;
    height: 24px;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    color: #9b9b9b;
    border-radius: 32px;
    background: rgba(155, 155, 155, 1);
}

.btn-danger-bg {
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: #2497d6;
    background-color: #f7f7f9;
}

.btn-success1 {
    position: absolute;
    top: 23px;
    right: 16px;
    z-index: 99999;
    padding: 0;
    color: #f5a827;
    border: 0;
    background-color: #f7f7f9;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    cursor: default;
    color: #339BF7;
    border-bottom: 2px solid #339BF7;
    background-color: #fff;
    /*改过来三遍了，不要再改了，有需求请过来和我沟通 tangy*/
}

.customer-label {
    height: auto;
    padding-right: 0;
    margin-top: 15px;
    overflow: hidden;
}

.customer-label .label {
    display: inline-block;
    padding-right: 0;
    margin: 2px;
}

.close-label {
    padding: 0 3px;
    margin-left: 5px;
}

.close-label:hover {
    cursor: pointer;
    color: #444;
    background: rgba(255, 255, 255, .5);
}

.label-purple {
    background: #9c27b0;
}

.label-green {
    background: #4caf50;
}

.label-orange {
    background: #ff9800;
}

.label-grayblue {
    background: #607d8b;
}

.label-blue {
    background: #2196f3;
}

.label-cyan {
    background: #00bcd4;
}


/*呼入-客户实时查询*/

.customersearch-20 {
    float: left;
    width: 19%;
}

.query-wrap {
    position: relative;
    margin-right: -1px;
    margin-bottom: -1px;
    line-height: 30px;
    border: 1px solid #d8d8d8;
}

.query-title {
    display: inline-block;
    float: left;
    width: 120px;
    padding: 0 5px;
    background: #f7f7f7;
}

.query-value {
    padding: 0 5px;
    margin-left: 120px;
}

.customersearch-80 {
    left: 19%;
    float: left;
    width: 81%;
}

.customer-360-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.customer-360 {
    position: relative;
    /* top: 180px;
    right: 0;
    bottom: 0;
    left: 0; */
    overflow-x: hidden;
    overflow-y: auto;
}

.customer-360 h5 {
    border-left: 5px solid #339BF7;
    padding-left: 1rem;
}

.customer-360 .card {
    box-shadow: 0 0 10px rgba(0, 0, 0, .08);
    padding: 15px;
    cursor: pointer;
    border-radius: 4px;
}

.customer-360 .card:active,
.customer-360 .card:hover,
.customer-360 .card:focus,
.customer-360 .card.active {
    box-shadow: 0 0 10px rgba(151, 30, 36, .08);
    padding: 15px;
    cursor: pointer;
    background: #339BF7;
    color: #ffffff;
}

.customer-360 .card h5 {
    font-weight: 700;
    padding: 0;
    border: 0;
}

.customer-360 .card:active .card-text,
.customer-360 .card:hover .card-text,
.customer-360 .card:focus .card-text {
    color: #ffffff;
}

.customer-360 .card-text {
    color: #999;
    font-size: 13px;
}

.customer-basic-info {
    margin-left: 94px;
    width: 70%;
}

.customer-info-name {
    color: #333333;
    font-size: 2rem;
    font-weight: 700;
}

.customer-basic-info p:nth-child(1) {
    color: #888888;
}

.mot-list li {
    list-style: disc inside;
}

.customer-basic-info span {
    margin-right: 10px
}

.callin-customersearch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*padding: 0 15px 0 10px;*/
    overflow-y: auto;
    border-bottom: #ccc 1px solid;
}

.callin-customersearch .left-nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    border: 0;
    border-top: 0;
}

.callin-customersearch .left-nav .panel-body .padding-l a {
    padding-left: 12px;
}

.callinaccordion1 {
    width: 100%;
    border-right: 1px solid #d8d8d8;
    -moz-border-radius: 4px;
    background: #f5f5f5;
}

.callinaccordion1 .link {
    position: relative;
    display: block;
    padding: 15px 15px 15px 14px;
    cursor: pointer;
    color: #4d4d4d;
}

.callinaccordion1 .link .iconfont-24 {
    display: inline-block;
    width: 20px;
    margin: -10px 5px 5px 0;
    font-family: "iconfont" !important;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    -webkit-text-stroke-width: .2px;
}

.callinaccordion1 .open .link .iconfont-24 {
    display: inline-block;
    width: 20px;
    margin: -10px 5px 5px 0;
    font-family: "iconfont" !important;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    color: #fff;
    -webkit-text-stroke-width: .2px;
}

.callinaccordion1 li:last-child .link {
    border-bottom: 0;
}

.callinaccordion1 li {
    border-bottom: 1px solid #d8d8d8;
}

.callinaccordion1 li i {
    position: absolute;
    top: 16px;
    left: 12px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #595959;
}

.callinaccordion1 li i .icon-gongyongjiantoulightyou {
    right: 12px;
    left: auto;
    font-size: 12px;
}

.callinaccordion1 li.open .link {
    color: #fff;
    background: #339BF7;
}

.callinaccordion1 li.open i {
    color: #fff;
}

.callinaccordion1 li.open i .icon-gongyongjiantoulightyou {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*callinSubmenu*/

.callinsubmenu1 {
    display: none;
    background: #e1f5fe;
}

.callinsubmenu1 li {
    border-bottom: 1px solid #f8f8f8;
}

.callinsubmenu1 a {
    display: block;
    padding: 12px;
    padding-left: 14px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    text-decoration: none;
    color: #333;
}

.callinsubmenu1 .actived {
    color: #2497d6;
    background: #80d8ff;
}

.callinsubmenu1 .actived a {
    color: #fff;
    background: #80d8ff;
}

.callinsubmenu1 a:hover {
    color: #000;
    background: #fff;
}


/*客户实时查询*/

.accordion1 {
    width: 100%;
    -moz-border-radius: 4px;
    background: #f5f5f5;
}

.accordion1 .link {
    position: relative;
    display: block;
    padding: 10px 15px 10px 42px;
    cursor: pointer;
    color: #4d4d4d;
    /* border-top: 1px solid #fff; 去掉左侧菜单栏白边 */
    border-bottom: 1px solid #ccc;
}

.accordion1 .link .iconfont-24 {
    display: inline-block;
    width: 20px;
    margin: -9px 5px 5px 0;
    font-family: "iconfont" !important;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    line-height: 1.8;
    -webkit-text-stroke-width: .2px;
}

.accordion1 .open .link .iconfont-24 {
    display: inline-block;
    width: 20px;
    margin: -10px 5px 5px 0;
    font-family: "iconfont" !important;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    color: #fff;
    -webkit-text-stroke-width: .2px;
}

.accordion1 li:last-child .link {
    border-bottom: 0;
}

.accordion1 li {
    /*border-bottom: 3px solid #fff;*/
}

.accordion1 li i {
    position: absolute;
    top: 11px;
    left: 12px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #595959;
}

.accordion1 li i.icon-gongyongjiantoulightyou {
    right: 12px;
    left: auto;
    font-size: 12px;
}

.accordion1 li.open .link {
    color: #fff;
    /* border-bottom: 2px solid #fff; 去掉左侧菜单栏白边 */
    background: #339BF7;
}

.accordion1 li.open i {
    color: #fff;
}

.accordion1 li.open i.icon-gongyongjiantoulightyou {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*Submenu*/

.submenu1 {
    display: none;
    /*height: 200px;*/
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    background: #fff;
}

.submenu1 li {
    /* border-bottom: 1px solid #f8f8f8; */
    padding: 0;
}

.submenu1 a {
    display: block;
    margin: 0 auto;
    line-height: 35px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    text-decoration: none;
    color: #333;
}

.submenu1 a:hover {
    background: #f6f6f6;
}

.submenu1 .actived {
    color: #333333;
    font-weight: bold;
    background: #D6E4FC;
}

.submenu1 .actived a {
    color: #fff;
    background: #80d8ff;
}

.submenu1 a:hover {
    /*color: #000;*/
    /*background: #fff;*/
}

.submenu1 li p {
    padding: 10px 15px;
    margin-bottom: 0;
    line-height: 1;
}


/*呼入-知识库*/

.callinsearch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    margin-left: -1px;
}

.callinsearch .input-group-addon {
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
    color: #fff;
    background: #339BF7;
}

.callinsearch .input-group-addon:hover {
    color: #fff;
    background: #1f90ca;
}

.search .input-group {
    float: left;
}

.callin-search {
    top: -3px;
    left: 0;
}

.callincollection-tishi {
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    padding: 2px 2px 3px 3px;
    font-weight: normal;
    color: #fff;
    background: #f3750a;
}


/*呼入-信息系统客户信息部分的样式*/

.customer-data {
    position: absolute;
    top: 130px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.customer-info-item {
    /*padding-top: 10px;*/
    padding-left: 5px;
}

span.contro-label-customer {
    display: block;
    /*兼容IE*/
    padding: 0;
    text-align: justify;
    -webkit-text-align-last: justify;
    /*chrome 20+*/
    -moz-text-align-last: justify;
    /*ff*/
    text-align-last: justify;
    /* ie9*/
    text-justify: distribute-all-lines;
    /*ie6-8*/
}

span.contro-label-customer:after {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
    content: "";
}

.customer-info-item .form-control-static {
    min-height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    /*line-height: 1;*/
    /*line-height: 1;*/
    word-break: break-all;
}

.customer-info-item .form-control-label {
    display: inline-block;
    width: 80px;
    padding-right: 15px;
    white-space: nowrap;
}

.customer-info-item .form-control-static {
    display: block;
    /*margin-left: 80px;*/
}

.customer-information {
    /*border: 1px solid #d8d8d8;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50%;
    left: 0;
    border-bottom: 0;
}

.callin-customer-data {
    position: absolute;
    top: 95px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.callin-customer-data .form-control-static {
    padding-top: 0;
}

.customer-information .head-icon {
    margin: 0 10px 0 5px;
    font-size: 1.2rem;
}

.kehugj {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
}

div#khgj.panel-body {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.customer-trajectory {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.customer-communic {
    position: absolute;
    top: 26px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: hidden;
}

.customer-communic .assistant-fixed-btn button {
    width: 100px;
}

.action-icon-active {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 25px;
    text-align: center;
    border-radius: 32px;
    /*background: rgba(155, 155, 155, 1);*/
}


/*提醒图标位置*/

.icontishi-box {
    position: absolute;
    top: 2px;
    right: 5px;
}

.icontishi {
    position: absolute;
    top: -3px;
    right: -6px;
    height: 16px;
    min-width: 16px;
    padding: 2px 2px 3px 3px;
    font-weight: normal;
    color: #fff;
    background: #d0021b;
}
.iconld{
    position: absolute;
    top: 3px;
    right: 0px;
    height: 16px;
    min-width: 16px;
    padding: 2px 2px 3px 3px;
    font-weight: normal;
    color: #fff;
    background: #d0021b;
}

.iconhuihua {
    position: relative;
    top: -18px;
    right: 18px;
    min-width: 16px;
    padding: 2px 2px 3px 3px;
    font-weight: normal;
    color: #fff;
    background: #d0021b;
}

.navbar-nav .icontishi {
    top: 0;
}

.tixingicon {
    position: absolute;
    top: -2px;
    right: 55px;
    cursor: pointer;
    color: #9b9b9b;
}

.khRefresh {
    position: absolute;
    /*top: 7px;*/
    right: 70px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    cursor: pointer;
    color: #339BF7;
    border-radius: 32px;
}

/* .ivr_xtxx {
    position: absolute;
    right: 45px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    cursor: pointer;
    color: #fff;
    border-radius: 32px;
    background: rgba(155, 155, 155, 1);
} */




/*.ivr {
    position: absolute;
    top: 0;
    right: 39px;

    width: 26px;
    height: 26px;

    cursor: pointer;
    text-align: center;

    color: #fff;
    border-radius: 32px;
    background: rgba(155, 155, 155,1);
}*/

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

.tab-content {
    /* margin-top: -1px; */
    /*border: 1px solid #d8d8d8;*/
}

.yanzhengtbg {
    position: absolute;
    top: 46px;
    left: 41px;
    color: green;
}

.callin-yanzhengtbg {
    position: absolute;
    top: 40px;
    left: 38px;
    color: green;
}

.callin-yanzhengtbg .iconfont {
    position: absolute;
    top: -15px;
    left: -5px;
    font-size: 32px;
}

.callin-yanzhengtbg .yz-result {
    margin-top: 20px;
    margin-left: -28px;
    font-weight: 700;
}

.r-tab-content {
    position: absolute;
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    /*width: 69%;*/
    /*border-left: 1px solid #d8d8d8;*/
}

.marginlr16 {
    margin-top: 0;
    margin-right: 16px;
    margin-bottom: 0;
    margin-left: 16px;
}

.icon-info-popover {
    position: absolute;
    top: 44px;
    /* display: inline-block; */
    left: 222px;
}


/*呼入-登记信息的图标位置样式*/

.btn-verifyEditor {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
}


/*呼入-登记信息编辑下来的宽度*/

.customer-data .input-group-btn button {
    min-width: 93px;
}


/*呼入-暂存*/

.callIn-alert {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 999999;
    margin: 0;
}

.toolbar-wrap .tbar-panel-registr label {
    padding-right: 10px;
    font-weight: normal;
}


/*明星排行榜*/

.performance .group_buying {
    position: absolute;
    top: 30px;
    right: 6px;
    bottom: 0;
    left: 6px;
    margin-top: 12px;
}

.group_buying h3 {
    height: 31px;
    padding-left: 10px;
    line-height: 31px;
    color: #333;
    border-bottom: solid 1px #d8d8d8;
}

.group_buying h3 em {
    padding-left: 18px;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #333;
}

.group_buying ul li {
    position: relative;
    padding: 0 10px;
    line-height: 40px;
    border-bottom: 1px dotted #d8d8d8;
}

.group_buying ul li a {
    color: #0e0101;
}

.group_buying ul li img {
    width: 60px;
    height: 60px;
    vertical-align: middle;
}

.group_buying ul li:last-child {
    border-bottom: 0;
}

.group_buying .pic_r {
    position: absolute;
    top: 0;
    left: 130px;
    line-height: 24px;
}

.group_buying .pic_r em {
    display: block;
    font-style: normal;
    color: #c00;
}

.group_buying .pic_r i {
    display: block;
    font-style: normal;
}

.group_buying ul li p {
    height: 30px;
    overflow: hidden;
    clear: both;
}

.group_buying .dis_pi {
    position: absolute;
    top: 10px;
    left: 30px;
    display: none;
}

.group_buying ul .last {
    border-bottom: 0;
}

.group_buying .on {
    position: relative;
    height: 80px;
    line-height: 44px;
    background-color: rgb(255, 255, 255);
}

.group_buying .on .dis_pi {
    display: block;
}

.on .group_hove {
    position: absolute;
    top: 18px;
}

.performance .tilte {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #339BF7;
}

#startab .well {
    min-height: 187px;
}


/*5.1.1个人信息*/


/*个人信息布局*/


/*#personal-info-nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow-y: auto;
}*/

.col-xs-80 {
    left: 20%;
    float: left;
    width: 80%;
}


/*个人中心右侧菜单*/

.flow-wrapper {
    position: absolute;
    top: 50px;
    right: 15px;
    bottom: 0;
    left: 15px;
    width: 98.4%;
    height: 100%;
    border: 0;
}

.flow-wrapper-process {
    position: absolute;
    top: 50px;
    right: 15px;
    bottom: 0;
    left: 15px;
    width: 98%;
    height: 90%;
    overflow: hidden;
    border: 0;
}

.myflow-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.left-nav {
    position: absolute;
    top: 10px;
    right: 20px;
    bottom: 0;
    left: 20px;
    overflow-y: auto;
    /* border: 1px solid #d8d8d8; */
    border-top: 0;
}

.left-nav .panel.panel-default {
    margin-top: 0;
}

.left-nav .panel {
    border-top: 3px solid #fff;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

.left-nav .panel-title {
    font-weight: normal;
}

.left-nav .panel-body .padding-l {
    padding: 13px 0;
    /*border-bottom: 1px solid #d8d8d8;*/
}

.left-nav .panel-body .padding-l a {
    /*padding-left: 40px;*/
    padding: 13px 65px;
    color: #333;
}

.left-nav .panel-body {
    padding: 0;
}

.left-nav .panel-body div {
    /*border-bottom: 1px solid #d8d8d8;*/
}


/*个人资料*/

.contact-info .form-control {
    width: 80%;
    padding: 0 0 0 3px;
    font-size: 13px;
    background-color: #fff;
}

.contact-info label {
    font-weight: normal;
}

.inputSelect {
    padding: 2px 3px 4px 7px;
    /*color: #000;*/
    border: 0;
}

.personalInfo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 0;
}

.nooverflow {
    /*position: absolute;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 0;
}


/*上传头像*/

.img-up {
    /*width: 131px;*/
    /*height: 165px;*/
    /*padding: 5px;*/
    /*margin: 10px;*/
    /*border: 1px solid #d8d8d8;*/
}

.img-up img {
    height: 120px;
    max-width: 200px;
}

.img-up .webuploader-pick,
.img-up .webuploader-pick-hover {
    background: #fff;
}


/*修改密码*/

.form-group lable {
    font-weight: normal;
}


/*对ka组件样式的覆盖*/

.my-process .DataTable-param {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 100px;
    left: 15px;
    overflow: hidden;
}

.my-process .table-footer {
    position: fixed;
    right: 15px;
    bottom: 0;
    left: 10px;
    padding-top: 5px;
}

.my-mission .DataTable-param {
    position: absolute;
    top: 50px;
    right: 15px;
    bottom: 50px;
    left: 15px;
    overflow: hidden;
}

.my-mission .table-footer {
    position: absolute;
    right: 15px;
    bottom: 10px;
    left: 10px;
    padding-top: 5px;
}

.my-mission-workshell .table-footer {
    position: relative
}

.my-work-qc .table-responsive {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 100px;
    left: 0;
    overflow: hidden;
}

.my-work-qc .table-footer {
    position: fixed;
    right: 15px;
    bottom: 60px;
    left: 10px;
    padding-top: 5px;
}

.my-quality .DataTable-param {
    position: absolute;
    top: 10px;
    right: 15px;
    bottom: 50px;
    left: 15px;
    /*overflow: hidden;*/
}

.my-quality .table-footer {
    position: fixed;
    right: 15px;
    bottom: 10px;
    left: 10px;
    padding-top: 5px;
}

.my-quality .table-wrap {
    position: relative;
    min-height: 250px;
    margin-bottom: 50px;
}

.zsk-edit .table-footer {
    left: 26%;
}


/*.repository .my-quality {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: auto;
}
*/

.repository>.my-quality .table-footer {
    position: absolute;
}

.my-altask .table-responsive {
    position: absolute;
    top: 10px;
    right: 15px;
    bottom: 50px;
    left: 15px;
    overflow: hidden;
}

.my-altask .table-footer {
    position: fixed;
    right: 15px;
    bottom: 10px;
    left: 10px;
    padding-top: 5px;
}

.my-query .DataTable-param,
.my-query-cust .DataTable-param {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 40px;
    left: 10px;
}

.my-query .table-responsive {
    /* position: absolute;
    top: 60px; */
    right: 0;
    bottom: 10px;
    left: 0;
}

.my-query-cust .table-responsive {
    /* position: absolute;
    top: 100px; */
    right: 0;
    bottom: 10px;
    left: 0;
}

.my-query .table-footer .pageinfo,
.my-query-cust .table-footer .pageinfo {
    padding-left: 10px;
    margin-top: 7px;
}

.my-query .table-footer,
.my-query-cust .table-footer {
    position: fixed;
    right: 15px;
    bottom: 10px;
    left: 10px;
    padding-top: 5px;
}

.personalInfo-data {
    padding: 5px;
    margin: 10px 5px 15px 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f7f7f7;
}


/*5.1.3我的任务-未完成*/

.tabdetails {
    position: absolute;
    top: 63px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: hidden;
}


/*5.2.7绩效榜*/

.ranking-group {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    width: 31.5%;
    padding: 10px;
    overflow-y: hidden;
    border: 1px solid #e3e3e3;
    background-color: #fafafa;
}

.ranking-centre {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 34.2%;
    width: 31.5%;
    padding: 10px;
    overflow-y: hidden;
    border: 1px solid #e3e3e3;
    background-color: #fafafa;
}

.tabdetails a {
    cursor: pointer;
}

.ranking-all {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 31.5%;
    padding: 10px;
    overflow-y: hidden;
    border: 1px solid #e3e3e3;
    background-color: #fafafa;
}

.performance table tr td {
    border-bottom: 1px dashed #ddd;
}

.time-select-y {
    position: fixed;
    top: 7px;
    right: 15px;
    z-index: 99;
}

.time-select-j {
    position: fixed;
    top: 7px;
    right: 15px;
    z-index: 99;
}

.time-select-n {
    position: fixed;
    top: 7px;
    right: 15px;
    z-index: 99;
}


/*5.3.7权限管理*/

.security-menu {
    position: relative;
}

.security {
    width: 100%;
}

.security li {
    position: static;
}

.security-item {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 10px;
    color: #fff;
    background: #339BF7;
}

.security-part {
    background: #64D2FF;
}

.security-none {
    background: #d8d8d8;
}

.security-on {
    color: #4b4b4b;
    border: 1px solid #d8d8d8;
    border-bottom: 0;
    background: #fff;
}

.security-panel {
    position: absolute;
    top: 62px;
    right: 15px;
    left: 0;
    z-index: 998;
    display: none;
    min-height: 90px;
    padding: 10px;
    color: #4b4b4b;
    border: 1px solid #d8d8d8;
    background: #fff;
}

.security-panel .btn-submit,
.no-role {
    margin-top: 5px;
}

.security li .arrow {
    position: relative;
    bottom: -6px;
    z-index: 999;
    display: block;
    height: 3;
    margin: 0 -15px;
    border-width: 100%;
    border-style: solid;
    border-color: transparent;
    background: #fff;
}

a.security-list-item {
    display: inline-block;
    float: left;
    padding: 5px 10px;
    margin: 5px 10px 5px 0;
    cursor: none;
    text-decoration: none;
    color: #4b4b4b;
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fcfcfc;
}

a.security-list-norole {
    cursor: pointer;
    color: #ccc;
}

a.security-list-norole:hover,
a.security-list-active {
    cursor: pointer;
    color: #64D2FF;
    border: 1px solid #64D2FF;
}

.permissions-menu {
    position: relative;
}

.permissions-role {
    padding: 10px 0;
    border: 1px solid #d8d8d8;
    background-color: #ddd;
}

.security-list-item+.btn-primary {
    margin-top: 7px;
}


/*个人信息导航bootstap覆盖*/

.personal-info-nav {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    padding: 15px;
    overflow: hidden;
    /*解决双滚动条问题*/
    border: 1px solid #d8d8d8;
}

#personal-info-nav .panel a {
    text-decoration: none;
    background: none;
}

#personal-info-nav .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: inherit;
}

#personal-info-nav .panel-body {
    text-align: center;
    border-top: 2px solid #fff;
    background: #e1f5fe;
}

#personal-info-nav .panel-body .actived {
    color: #1a82b7;
    background: #80d8ff;
}

#personal-info-nav .panel-body .actived a {
    color: #000;
    background: none;
}

#personal-info-nav .actived {
    font-weight: 700;
    color: #000;
    background: #e1f5fe;
}


/*今日工作*/

.todayTXTBox {
    text-align: left;
    /* border: 1px solid #d8d8d8; */
}

.todayTXTBox .hd {
    position: relative;
    height: 30px;
    padding: 0 10px 0 5px;
    line-height: 30px;
    border-bottom: 1px solid #d8d8d8;
    background: none;
}

.todayTXTBox .hd ul {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    height: 32px;
}

.todayTXTBox .hd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

.todayTXTBox .hd ul li.on {
    height: 30px;
    border: 1px solid #d8d8d8;
    border-bottom: 2px solid #fff;
    background: #fff;
}

.todayBox .panel-default>.panel-heading {
    color: #333;
    border-color: #ddd;
    /* background-color: #f5f5f5; */
}

.todayBox .panel {
    margin-bottom: 10px;
    border: 0;
    border-radius: 0;
    background-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.todayTXTBox .calltimes {
    position: relative;
    width: 100%;
    height: 250px;
}


/*5.3.3课程详情*/


/*我的流程任务清单弹出窗*/

#clmodal {
    overflow-y: hidden;
}

.modal-dialogDiv {
    top: 25%;
    display: block;
    padding-left: 6px;
    margin-right: 25%;
    margin-left: 25%;
}

.pagination-pd {
    margin: 5px 0;
}

#ckmodal .modal-content {
    height: 430px;
}


/*#khmodal .modal-content {
    height: 430px;
}*/

#yy .nav-pills li {
    margin: 0 5px 5px 0;
    border: 1px solid #d8d8d8;
}

#yy .nav-pills>li>a {
    color: #000;
}

#yy .nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #1ca8f0;
}

#clmodal .modal-content {
    height: 430px;
}


/*我的邮箱*/

.write-email {
    position: absolute;
    top: 10px;
    right: 20px;
}


/*考试详情布局*/


/*考试详情左边*/

.col-xs-75 {
    position: absolute;
    top: 0;
    right: 1%;
    bottom: 0;
    left: 0;
    margin-left: 27%;
}

.col-xs-75 .panel-heading {
    border-bottom: 0;
}

.single-selec-detail {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    font-size: 16px;
    border-top: 0;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}


/*考试详情右边*/

.col-xs-25 {
    float: left;
    width: 25%;
}

.testContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 1%;
    width: 25%;
    border: 1px solid #d8d8d8;
}

.test-cheakbox {
    position: absolute;
    top: -6px;
    right: 10px;
}

.test-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.test-top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 60px;
    left: 0;
    overflow: hidden;
}

.test-bottom {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    /* min-height: 404px; */
    left: 0;
    overflow-y: auto;
}

.test-print {
    position: absolute;
    top: 15px;
    right: 0;
}

.has {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-left: 4px;
    background-color: #888;
}

.did-not {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-left: 4px;
    border: 1px solid #d8d8d8;
    background-color: #ddd;
}

.the-current {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-left: 4px;
    border: 1px solid #2497d6;
    background-color: white;
}

.test-tag {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-left: 4px;
    background-color: #d0021b;
}

.has24 {
    width: 24px;
    height: 24px;
    color: #fff;
    background-color: #888;
    /*background-color: #1ca8f0;*/
}

.did-not24 {
    width: 24px;
    height: 24px;
    /*border: 1px solid #d8d8d8;*/
    background-color: #ddd;
}

.the-current24 {
    width: 24px;
    height: 24px;
    color: #2497d6;
    border: 1px solid #2497d6;
    background-color: white;
}

.test-tag24 {
    width: 24px;
    height: 24px;
    color: #fff;
    background-color: red;
}

.single-selection {
    position: absolute;
    top: 25px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.testContainer .list-inline>li {
    padding-right: 4px;
    padding-bottom: 5px;
    padding-left: 0;
    text-align: center;
}

.testContainer .list-inline {
    padding-left: 5px;
    margin-left: 0;
}

.testContainer .panel-heading {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.trueOrfalse .panel-heading {
    border-bottom: 1px solid #d8d8d8;
}


/*单选题*/

.Multiple-Choice {
    position: absolute;
    top: 25%;
    right: 0;
    bottom: 50%;
    left: 0;
    border: 0;
}


/*判断题*/

.trueOrfalse {
    position: absolute;
    top: 25px;
    right: 0;
    bottom: 75%;
    left: 0;
    overflow-y: auto;
    color: #000;
    border: 0;
    border-top: 1px solid #d8d8d8;
}


/*多选题*/

.multipleChoice {
    position: absolute;
    top: 52%;
    right: 0;
    bottom: 25%;
    left: 0;
    overflow-y: auto;
    color: #000;
    border: 0;
}

.multiple-Choice {
    position: absolute;
    top: 27px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    background-color: #fff;
}


/*问答题*/

.essay-Question {
    position: absolute;
    top: 77%;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    border: 0;
}

.essayQuestion {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.test-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.test-top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 60px;
    left: 0;
    overflow: hidden;
}

.test-bottom {
    position: absolute;
    top: 55px;
    right: 0;
    bottom: 0;
    /* min-height: 404px; */
    left: 0;
    overflow-y: auto;
}


/*8.1在线客服质检详情*/


/*8.1在线客服质检详情布局*/

.col-xs-20 {
    float: left;
    width: 20%;
}

.col-xs-36 {
    float: left;
    width: 36%;
}

.col-xs-40 {
    float: left;
    width: 40%;
}

.phrase {
    position: absolute;
    top: 0;
    left: -7px;
    z-index: 1;
    width: 350px;
    border: 1px solid #ccc;
    background: #f1f1f1;
}

.phrase .pg-scroll {
    position: absolute;
    top: 45px;
    right: 0;
    bottom: 5px;
    left: 0;
    padding: 0 10px;
    overflow: hidden;
}

.phrase .tab-content {
    position: absolute;
    top: 34px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 0 0 10px;
    overflow: hidden;
    border-top: none;
}


/*.zxkfzjxq-yanzhengtb {
    position: absolute;
    top: 40px;
    right: 5px;
    bottom: 0;
}
*/

.reset-password .form-control {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #fff !important;
}

.collapse-btn {
    position: absolute;
    left: 20.5%;
    top: 50%;
    margin-top: -50px;
    z-index: 999;
    cursor: pointer;
    border-radius: 3px;
    width: 20px;
    height: 100px;
    line-height: 100px;
    background: #10a0ea;
    color: #ffffff;
    text-align: center;
}

.expand-btn {
    position: absolute;
    left: 5px;
    top: 50%;
    z-index: 999;
    cursor: pointer;
}

.work-order-detail {
    position: absolute;
    top: 46px;
    bottom: 0;
    left: 10px;
}

.work-order-detail-collapse {
    /*点击折叠客户轨迹第二列样式展示*/
    position: absolute;
    top: 46px;
    bottom: 0;
    left: 25px;
}

.work-order-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 49%;
    left: 0;
}

.work-order-info-0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.worksheet-edit {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 0;
    left: 52.5%;
}

.call-record-wrap {
    position: absolute;
    top: 5px;
    right: 0;
    right: 48%;
    bottom: 0;
    left: 26.2%;
}

.work-order-info .dl-horizontal dt {
    float: left;
    width: 65px;
    padding-bottom: 5px;
    padding-bottom: 10px;
    overflow: hidden;
    clear: left;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.work-order-info .dl-horizontal dd {
    margin-left: 65px;
}

.chatRecord-bottom {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
}

.chatRecord-bottom-0 {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
}

.chatRecord-0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.operationFlow-bottom {
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: 0;
    left: 0;
}

.operationFlow-bottom-0 {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
}

.chatRecord {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 49%;
    left: 0;
}

.chatRecord-0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.webcall-customerinfo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 50%;
    left: 0;
    border-bottom: 0;
}

.img-cut {
    margin-top: 4px;
}


/*.chatInputs img{
    width: 100%;
    height: 100%;
}*/

.my-ui-upload-input {
    width: 24px;
    height: 24px;
}

#operationFlow {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
}

#operationFlow .dl-horizontal dt {
    float: left;
    width: 68px;
    padding-bottom: 5px;
    padding-bottom: 10px;
    overflow: hidden;
    clear: left;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#operationFlow .dl-horizontal dd {
    margin-left: 68px;
}


/*在线客服质检详情--客户轨迹*/

div.onlineArrow-left {
    position: absolute;
    top: 7px;
    left: 14px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #f5f5f5;
    border-bottom: 6px solid transparent;
}

.onlineProcessbox {
    position: relative;
    right: 0;
    left: 0;
    margin-left: 12px;
    border-left: 1px solid #d8d8d8;
}

.onlineTldate {
    position: absolute;
    top: -2px;
    left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #339BF7;
}

.onlineProcessbox .well {
    /*width: 93%;*/
    min-height: 20px;
    padding: 10px;
    border: 0;
    border-radius: 5px;
    background-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*工单流程*/

div.workArrow-left {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #f5f5f5;
    border-bottom: 6px solid transparent;
}

.workProcessbox {
    position: relative;
    right: 0;
    left: 0;
    margin-left: 5px;
    border-left: 1px solid #d8d8d8;
}

.work-tldate {
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: 3px solid #e1f5fe;
    border-radius: 50%;
    background: #339BF7;
    /*-webkit-box-shadow: 0 0 5px rgba(44, 140, 241, .55);*/
}

.workProcessbox .well {
    width: 95%;
    min-height: 20px;
    padding: 10px;
    border: 0;
    border-radius: 5px;
    background-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.process-item-date {
    padding: 0;
    margin-bottom: 10px;
    line-height: 20px;
    border-bottom: 1px solid #d8d8d8;
}

.associated-process {
    display: inline-block;
    margin: 5px;
}

.associated-process a {
    margin-right: 3px;
}


/*聊天记录气泡的宽*/

.chatRecord-chating .media-heading {
    position: relative;
    width: 100%;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #e1f5fe;
}

.chatRecord-media-heading {
    position: relative;
    /* max-width: 96%; */
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #f0f0f0;
}

.dl-horizontal dt {
    float: left;
    width: 85px;
    padding-bottom: 5px;
    padding-bottom: 10px;
    overflow: hidden;
    clear: left;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dl-horizontal dd {
    margin-left: 85px;
}

.operationFlow {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.operationFlow ul {
    padding: 0;
}

.operationFlow ul li {
    border-bottom: 1px solid #d8d8d8;
}

.liaotianjilu {
    position: absolute;
    top: 46px;
    right: 0;
    bottom: 0;
    left: 25.2%;
}

.liaotianjilu-collapse {
    /*点击折叠后第三列宽度和位置调整*/
    position: absolute;
    top: 46px;
    bottom: 0;
    left: 22%;
    width: 40.2%;
}


/*工单登记*/

#work-register {
    position: absolute;
    top: 46px;
    right: 0;
    bottom: 0;
    left: 21.3%;
}

.col-xs-60 {
    float: left;
    width: 60%;
}

.work-score {
    position: absolute;
    top: 46px;
    right: 10px;
    bottom: 0;
    left: 42%;
}

.work-score-top {
    position: absolute;
    top: 0;
    bottom: 0;
}

.work-score-top-new {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.work-score-box {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 10px;
}

.work-score-contain {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

#work-score-register {
    position: absolute;
    top: 5px;
    /* right: 0; */
    bottom: 0;
    left: 21.5%;
    width: 36%;
}

.work-score-record {
    position: absolute;
    top: 5px;
    right: 10px;
    bottom: 0;
    left: 42.3%;
}

.record-btn {
    position: fixed;
    right: 20%;
    /* left: 100px; */
    bottom: 5px;
    width: 8%;
}

.recordandflow-btn {
    position: fixed;
    right: 10%;
    /* left: 100px; */
    bottom: 5px;
    width: 8%;
}

.media-workRecord {
    position: absolute;
    top: 5px;
    right: 10px;
    bottom: 0;
    left: 58.3%;
}

.chat-record {
    position: absolute;
    top: 29px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.zxkfzjxq-tab-content {
    margin-top: -1px;
    border: 1px solid #d8d8d8;
}

.chatRecord-chating {
    position: absolute;
    top: 65px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    overflow: hidden;
}

.chatRecord-chating .media-body {
    padding-right: 5px;
    padding-left: 5px;
}

.chatRecord-chating .media-heading {
    position: relative;
    max-width: 96%;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #e1f5fe;
}

.tooltip.in {
    opacity: .7;
    border-radius: 5px;
    filter: alpha(opacity=70);
}


/*多媒体工单*/

.webchat-khzl {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 10px;
    width: 25%;
}

.webchat-khzl .customer-information {
    top: 0;
}

.work-orderchat {
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 26.7%;
    width: 34%;
}

.work-orderchat .chatRecord {
    bottom: 0;
    margin: 0;
}

.work-orderchat .chating,
.worksheet-edit-web .chating {
    top: 25px;
    bottom: 0;
    overflow: hidden;
}

.worksheet-edit-web {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 61.6%;
    margin: 0;
    overflow: hidden;
}


/*质检左上的tab页*/

.onlineQCtab {
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

.onlineQCmenu {
    height: 28px;
    font-size: 14px;
    border-right: #ccc solid 1px;
}

.onlineQCmenu li {
    float: left;
    width: 99px;
    height: 28px;
    overflow: hidden;
    line-height: 28px;
    cursor: pointer;
    text-align: center;
    color: #666;
    border-bottom: #ccc solid 1px;
    border-left: #ccc solid 1px;
    background: #e0e2eb;
}

.onlineQCmenu li.off {
    font-weight: bold;
    color: #369;
    border-bottom: none;
    background: #fff;
}

.onlineQCmenudiv {
    height: 200px;
    border-top: 0;
    border-right: #ccc solid 1px;
    border-left: #ccc solid 1px;
    background: #fefefe;
}

.onlineQCmenudiv div {
    padding: 15px;
    line-height: 28px;
}

.onlineQCdiv {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    text-align: left;
    border: 1px solid #d8d8d8;
    border-bottom: 0;
}

.onlineQCdiv .panel-body {
    position: absolute;
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
}

.onlineQCdiv .hd {
    position: relative;
    height: 32px;
    padding: 0 20px 0 20px;
    line-height: 32px;
    border-bottom: 1px solid #d8d8d8;
    background: #fff;
}

.onlineQCdiv .hd ul {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    height: 32px;
}

.onlineQCdiv .hd ul li.on {
    height: 32px;
    margin-left: -1px;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    background: #f7f7f9;
}

.onlineQCdiv .hd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

.dl-call dt {
    float: left;
    width: 95px;
    overflow: hidden;
    clear: left;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dl-call dd {
    padding-bottom: 10px;
    margin-left: 95px;
}


/*质检评分*/

.quality-score {
    position: absolute;
    top: 46px;
    right: 40px;
    bottom: 0;
    left: 50.5%;
}

.quality-score-top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* width: 90.5%; */
}

.total-mark {
    display: inline-block;
    margin-right: 5px;
}

.tldate-gdlc {
    position: absolute;
    left: 9px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #339BF7;
    /*-webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35);*/
}

#zjcp {
    position: absolute;
    top: 26px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 5px;
    border: 1px solid #d8d8d8;
}

.qcdetail {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    padding-top: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom: 1px solid #d8d8d8;
}

.qc-reject {
    position: absolute;
    top: 50px;
    padding-top: 5px;
}

.qc-list-item {
    display: inline-block;
    width: 75%;
}

.media-play {
    position: relative;
    /* z-index: 9999;*/
}

#zjcp .list-inline>li {
    display: inline-block;
    /*padding-right: 23px;
    padding-left: 23px;*/
}

.calltldate {
    position: absolute;
    left: 2%;
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #339BF7;
}

.OnlineSQDetails-panel-bottom {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 10px;
    overflow-y: hidden;
}

.OnlineSQDetails-panel-bottom .form-group,
.callinProcessbox .form-group {
    margin-bottom: 0;
}

.OnlineSQDetails-panel-bottom .control-label {
    display: block;
    /*兼容IE*/
    padding: 0;
    margin-bottom: 0;
    font-weight: bold;
    /*text-align: justify;*/
    /*-webkit-text-align-last: justify;/!*chrome 20+*!/*/
    /*-moz-text-align-last: justify;/!*ff*!/*/
    /*text-align-last: justify;/!* ie9*!/*/
    /*text-justify: distribute-all-lines;/!*ie6-8*!/*/
}

.OnlineSQDetails-panel-bottom .control-label:after {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
    content: "";
}


/*任务质检-通话信息*/

.customer-communic .form-control-static {
    min-height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left: 70px;
    word-break: break-all;
}

.OnlineSQDetails-panel-bottom .form-control-static,
.callinProcessbox .form-control-static {
    /*min-width: 16px;*/
    min-height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    /*line-height: 1;*/
    /*margin-left: 80px;*/
    /* margin-left: 90px; */
    word-break: break-all;
}

.OnlineSQDetails-panel-bottom .form-control-label,
.callinProcessbox .form-control-label {
    width: 80px;
    padding-right: 15px;
    white-space: nowrap;
}

.calloutProcessbox .form-control-label,
.workProcessbox .form-control-label {
    display: inline-block;
    width: 100px;
}

.calloutProcessbox .form-control-static,
.workProcessbox .form-control-static {
    margin-left: 100px;
}

#OnlineSQDetails-customer-data {
    position: absolute;
    top: 122px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

.kehuzl-box,
.kehuzl-box-worksheet {
    position: absolute;
    top: 39px;
    bottom: 0;
    left: 10px;
}

.kehuzl-box-collapse {
    /*点击收缩客户轨迹后展示样式*/
    position: absolute;
    top: 39px;
    left: -20%;
    bottom: 0;
}

.kehuzl-box-worksheet {
    top: 5px;
    left: 5px;
    width: 30%;
}

.kehuzl-qipao {
    position: absolute;
    top: 65%;
    right: 0;
    left: 32px;
}

.kehuzl-qipao2 {
    position: absolute;
    top: 33%;
    right: 0;
    left: 32px;
}

.kehuzl-qipao3 {
    position: absolute;
    top: 1%;
    right: 0;
    left: 32px;
}

.OnlineSQdropdown-menu {
    right: 0;
    float: right;
    min-width: 160px;
}

.OnlineSQcheckbox label {
    padding-left: 3px;
}

.gdlc-qp1 {
    position: absolute;
    top: 1%;
    right: 0;
    left: 14%;
}

.gdlc-qp2 {
    position: absolute;
    top: 33%;
    right: 0;
    left: 14%;
}

.gdlc-qp3 {
    position: absolute;
    top: 65%;
    right: 0;
    left: 14%;
}

.qualityDiv {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 220px;
    left: 0;
    overflow: hidden;
}

.qualityDiv .text-overflow {
    display: block;
    width: 105px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.QC-other {
    position: absolute;
    bottom: 0;
    height: 220px;
    border-top: 1px solid #d8d8d8;
}

.QC-other .ka-form .col.col-xs-12 {
    padding: 0;
}

.QC-item {
    position: absolute;
    top: 92px;
    bottom: 0;
    padding-right: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-top: 1px solid #d8d8d8;
}

.small-cat {
    width: 50px;
}

.dropdown-menuSQ .dropdown-menu {
    left: -7%;
}


/*.list-inline > li {
    line-height: 28px;
}
*/

.navbar-nav>li>a {
    line-height: 24px;
}

.navbar {
    margin-bottom: 5px;
}

.input-sm-0 {
    width: 24px;
    height: 26px;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
}


/*申诉弹出窗*/

#ssmodal .modal-content {
    height: 330px;
}


/*8.2外呼质检详情*/

.callOutquestion-evaluation {
    position: absolute;
    top: 54%;
    bottom: 0;
    left: 10px;
    float: left;
    width: 50%;
}

#callOutSQDetails-customer-data {
    position: absolute;
    top: 85px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

.callinDetails-customer-data {
    position: absolute;
    top: 85px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.tabdetails-modal-dialog {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 400px;
    overflow-y: auto;
}


/*外呼质检详情时间轴*/

.callOut-timeline {
    position: relative;
    padding: 5px 0 10px 0;
    list-style: none;
}

.callOut-timeline:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 9px;
    width: 1px;
    content: " ";
    background-color: #eee;
}

.callOut-tldate {
    position: absolute;
    left: -5px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #339BF7;
}

.callOut-tldate .icon {
    margin-bottom: 4px;
}

.callOut-timeline li {
    margin-bottom: 150px;
    text-align: left;
}

.callOut-timeline li:before,
.callOut-timeline li:after {
    display: table;
    content: " ";
}

.callOut-timeline li:after {
    clear: both;
}

.callOut-timeline li:before,
.callOut-timeline li:after {
    display: table;
    content: " ";
}


/** callOut-timeline panels right **/

.callOut-timeline li .callOut-timeline-panel-right {
    float: left;
    width: 46%;
}


/** timeline panels left **/

.callOut-timeline li .callOut-timeline-panel {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 10px 5px 10px;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f6f6f6;
}

.callOut-timeline li .callOut-timeline-panel a {
    text-decoration: none;
}


/** callOut-panel arrows **/

.callOut-timeline li .callOut-timeline-panel:after {
    position: absolute;
    top: 9px;
    right: -14px;
    display: inline-block;
    content: " ";
    border-top: 4px solid transparent;
    border-right: 0 solid #f6f6f6;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #f6f6f6;
}


/*.callOut-timeline li .callOut-timeline-panel.noarrow:before,
.callOut-timeline li .callOut-timeline-panel.noarrow:after {
    top: 0;
    right: 0;

    display: none;

    border: 0;
}*/


/*.callOut-timelinepanel {
    float: right;
}
.callOut-timeline li.callOut-timeline-inverted .callOut-timeline-panel {
    float: right;
}*/


/*.callOut-timeline li.callOut-timeline-inverted .callOut-timeline-panel:before {
    right: auto;
    left: -15px;

    border-right-width: 15px;
    border-left-width: 0;
}*/

.callOut-timeline li.callOut-timeline-inverted .callOut-timeline-panel:after {
    right: auto;
    left: -5px;
    border-top-width: 6px;
    border-right-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 0;
}


/** callOut-timeline circle icons **/

.callOut-timeline li .callOut-tl-circ {
    position: absolute;
    top: 23px;
    left: 49%;
    z-index: 99999;
    width: 42px;
    height: 42px;
    margin-left: -16px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border: 3px solid #90acc7;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: #6a8db3;
}


/** callOut-timeline content **/

.callOut-tl-heading h4 {
    margin: 0;
    color: #c25b4e;
}

.callOut-tl-body p,
.callOut-tl-body ul {
    margin-bottom: 0;
}

.callOut-tl-body>p+p {
    margin-top: 5px;
}

.callOut-timeicon {
    position: absolute;
    top: 0;
    left: 128px;
    font-size: 3.4rem;
    color: #fff;
}

.callOut-tl-heading a {
    color: #666;
}

.callOut-tl-heading p {
    margin-bottom: 5px;
}

.callOut-tp-1 {
    position: absolute;
    top: 1%;
    left: 17%;
}

.hbhf-list,
.hbhf-list i {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    cursor: pointer;
}

.hbhf-list {
    padding: 0 10px 0 5px;
}

.hbhf-list:hover {
    color: #fff;
    background: #339BF7;
}


/*呼入质检详情时间轴*/

.callIn-timeline {
    position: relative;
    padding: 5px 0 10px 0;
    list-style: none;
}

.callIn-timeline:before {
    position: absolute;
    top: 1%;
    bottom: 0;
    left: 6%;
    width: 3px;
    content: " ";
    background-color: #eee;
}

.callIn-tldate {
    position: absolute;
    left: 0;
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #339BF7;
}

.callIn-tldate .icon {
    margin-bottom: 4px;
}

.callIn-timelineli {
    position: relative;
    margin-bottom: 140px;
    text-align: center;
}

.callIn-timeline li {
    margin-bottom: 270px;
    text-align: left;
}

.callIn-timeline li:before,
.callIn-timeline li:after {
    display: table;
    content: " ";
}

.callIn-timeline li:after {
    clear: both;
}


/** callIn-timeline panels right **/

.callIn-timeline li .callIn-timeline-panel-right {
    float: left;
    width: 46%;
}


/** callIn-timeline panels left **/

.callIn-timeline li .callIn-timeline-panel {
    position: relative;
    float: left;
    width: 100%;
    padding: 14px;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f6f6f6;
}


/** callIn-panel arrows **/

.callIn-timeline li .callIn-timeline-panel:after {
    position: absolute;
    top: 9px;
    right: -14px;
    display: inline-block;
    content: " ";
    border-top: 4px solid transparent;
    border-right: 0 solid #f6f6f6;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #f6f6f6;
}

.callIn-timeline li .callIn-timeline-panel.noarrow:before,
.callIn-timeline li .callIn-timeline-panel.noarrow:after {
    top: 0;
    right: 0;
    display: none;
    border: 0;
}

.callIn-timelinepanel {
    float: right;
}

.callIn-timeline li.callIn-timeline-inverted .callIn-timeline-panel {
    float: right;
}

.callIn-timeline li.callIn-timeline-inverted .callIn-timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.callIn-timeline li.callIn-timeline-inverted .callIn-timeline-panel:after {
    right: auto;
    left: -10px;
    border-right-width: 10px;
    border-left-width: 0;
}


/** callIn-timeline circle icons **/

.callIn-timeline li .callIn-tl-circ {
    position: absolute;
    top: 23px;
    left: 49%;
    z-index: 99999;
    width: 42px;
    height: 42px;
    margin-left: -16px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border: 3px solid #90acc7;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: #6a8db3;
}


/** callIn-timeline content **/

.callIn-tl-heading h4 {
    margin: 0;
    color: #c25b4e;
}

.callIn-tl-body p,
.callIn-tl-body ul {
    margin-bottom: 0;
}

.callIn-tl-body>p+p {
    margin-top: 5px;
}

.callIn-timeicon {
    position: absolute;
    top: 0;
    left: 128px;
    font-size: 3.4rem;
    color: #fff;
}

.callIn-tp-1 {
    position: absolute;
    top: 1%;
    left: 17%;
}


/*流程查看开始*/

.modal-scroll .modal-body {
    position: absolute;
    top: 35px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 25px 15px 35px;
    overflow-y: auto;
    line-height: 1.5;
}


/*.workflow-info .control-label,
.workflow-approve .control-label {
    font-weight: 400;
}*/

.modal-scroll .modal-body .process-item,
.modal-dialog .modal-body .process-item {
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
    border-left: 1px solid #d8d8d8;
}

.process-item-squ {
    position: absolute;
    left: -12px;
    z-index: 9;
    width: 24px;
    height: 24px;
    background: #fff url(../img/dot.png) 0 0 no-repeat;
}

.proccess-desc {
    padding: 10px 5px;
    margin-top: 10px;
    line-height: 24px;
    background: #f3f3f3;
}

.process-mid-window-box {
    position: absolute;
    right: 33%;
    left: 25%;
}

.process-mid-window {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 365px;
    padding: 15px 15px 15px 25px;
    overflow-x: hidden;
    overflow-y: auto;
}

.process-mid-window_noab {
    /*position: absolute;*/
    /*top: 30px;*/
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 400px;
    /*height: 650px;*/
    padding: 15px 15px 50px 25px;
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
    overflow: hidden;
}


/*.gd-status a {
    margin-left: 15px;
}
*/

.process-permit {
    line-height: 40px;
}

.bg-gray {
    background: #fcfcfc;
}

.process-mid-window-box {
    position: absolute;
    right: 33%;
    left: 25%;
}

.process-right-window-box {
    position: absolute;
    right: 33%;
    left: 42%;
}

.process-mid-window {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 365px;
    padding: 15px 15px 15px 25px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.process-permit .pull-right {
    margin-left: 10px;
}

.clyj {
    margin-top: 10px;
}

.clyj textarea {
    margin-bottom: 10px;
}

.process-panel {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
}

.workflow-info,
.process-trail,
.workflow-approve {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.workflow-info {
    left: 0;
}

.workflow-approve {
    right: 0;
}

.process-trail,
.process-trail-view {
    right: 33%;
    left: 25%;
    padding: 15px 15px 15px 30px;
}

.process-trail-view {
    left: 42%;
}

.workflow-info .form-control-static {
    min-height: 26px;
    padding: 0;
    color: #666;
}

.workflow-info li {
    padding: 2px 5px;
    margin-bottom: 5px;
    list-style: disc;
    list-style-position: inside;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    background-color: #fff;
}


/*.workflow-approve a {*/


/*text-decoration: underline;*/


/*}*/

.kui-panel .nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    border: #1ca8f0;
}


/*流程查看结束*/


/*表格的行高*/

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    line-height: 1.8;
    height: 43px;
    /* white-space: nowrap; */
    word-break: keep-all;
}


/*呼入-小助手*/

.callIncheckbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    vertical-align: middle;
}

.callin-tbar-panel-main label {
    font-weight: normal;
}

.callin-label-primary {
    display: inline-block;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #333;
    border: 1px solid #d8d8d8;
    background-color: none;
}

.callIn-left-arrow {
    position: absolute;
    top: 50%;
    left: 25.2%;
    z-index: 999;
    cursor: pointer;
}

.extend-arrow {
    left: 5px;
}

.tbar-panel-header .close-panel {
    position: absolute;
    top: auto;
    right: 25px;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 2px;
    margin-top: 10px;
    font-size: .8em;
    line-height: 20px;
    cursor: pointer;
    transition: transform .2s ease-out 0s;
    text-align: center;
    color: #ccc;
    border-radius: 3px;
}

.iconfont.J_felixdt {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    font-size: 12px;
    line-height: 20px;
    cursor: default;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: #ddaca8;
}

.close-panel:hover,
.close-panel:active,
.tbar-panel-header .close-panel:hover,
.tbar-panel-header .close-panel:active,
.iconfont.J_felixdt:hover,
.iconfont.J_felixdt:active {
    color: #fff;
    background: #d04041;
}

.tbar-panel-textarea textarea {
    height: 100%;
    border: 1px solid #ccc;
}

.big-panel-assistant .icon {
    font-size: 24px;
    line-height: .8;
}

.change-password-b {
    /*position: absolute;*/
    /*width: 100%;*/
    height: 10px;
    margin-top: 10px;
    border-radius: 5px;
    background-color: #ccc;
}


/*密码强度的样式*/

.change-password-weak {
    position: absolute;
    left: 0;
    width: 50%;
    height: 10px;
    border-radius: 5px;
    background-color: #666;
}

.change-password-strong {
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background-color: red;
}

.assistant-fixed-btn,
.form-group.assistant-fixed-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    height: 60px;
    padding-top: 15px;
    margin-bottom: 0;
    border-top: 1px solid #d8d8d8;
    background: #f7f7f7;
}


/*======================外呼=======================================*/


/* 公共部分 */

.fixed-container {
    /* position:absolute */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

[v-cloak] {
    display: none;
}

.height-100 {
    height: 100%;
}

.margin-left {
    margin-left: 180px;
}

.margin-left-24 {
    margin-left: 24px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-bottom-1- {
    margin-bottom: -1px;
}

.margin-left-85 {
    margin-left: 85px;
}

.margin-left-120 {
    margin-left: 120px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-5- {
    margin-bottom: -5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-right-0 {
    margin-right: 0;
}

.margin-0 {
    margin: 0;
}

.margin-10 {
    margin: 10px;
}

.margin-tb-5 {
    margin: 0;
}

.border-top-0 {
    border-top: 0;
}

.border-0 {
    border: 0;
}

.border-red {
    border: 1px solid red;
}

.border-bottom-red {
    border-bottom: 1px solid red;
}

.border-top {
    border-top: 1px solid #d8d8d8;
}

.border-bottom {
    border-bottom: 1px #d8d8d8 solid;
}

.border-bottom-0 {
    border-bottom: 0;
}

.border {
    border: 1px solid #d8d8d8;
}

.border-r-0 {
    border-top: 1px #d8d8d8 solid;
    border-right: 0;
    border-bottom: 1px #d8d8d8 solid;
    border-left: 1px #d8d8d8 solid;
}

.pd-4-5 {
    padding: 3px 5px;
}

.pd-tb-10 {
    padding: 10px 0;
}

.pd-tb-5 {
    padding: 5px 0;
}

.pd-tb-3 {
    padding: 3px 0;
}

.pd-tb-50 {
    padding: 50px 0;
}

.pd-lr-15 {
    padding: 0 15px;
}

.pd-lr-20 {
    padding: 0 20px;
}

.pd-right-15 {
    padding-right: 15px;
}

.margin-left-1- {
    margin-left: -1px;
}

.margin-top-1- {
    margin-top: -1px;
}

.border-top-none {
    border-top: none;
}

.margin-left-5 {
    margin-left: -5px;
}

.pd-left-20 {
    padding-left: 20px;
}

.pd-top-20 {
    padding-top: 20px;
}

.pd-r-10 {
    padding-right: 10px;
}

.pd-right-30 {
    padding-right: 30px;
}

.pd-top-10 {
    padding-top: 10px;
}

.pd-top-5 {
    padding-top: 5px;
}

.pd-left-0 {
    padding-left: 0;
}

.pd-left-5 {
    padding-left: 5px;
}

.pd-left-30 {
    padding-left: 30px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-left-23 {
    margin-left: 23px;
}

.margin-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-left-7 {
    margin-left: -7px;
}

.height-28 {
    height: 28px;
}

.top-25 {
    margin-top: 25px;
}

.top-15 {
    margin-top: 15px;
}

.top-15- {
    margin-top: -15px
}

.bottom-5 {
    margin-bottom: 5px
}

.top-10 {
    margin-top: 10px;
}

.top-5 {
    margin-top: 5px;
}

.blue {
    background-color: #10a0ea;
}

.text-lightBlue {
    color: #bde6fb;
}

.iconfont.icon-32 {
    font-size: 32px;
}

.text-blue {
    color: #2497d6;
}

.text-red {
    color: red;
}

.text-red05 {
    color: rgba(255, 0, 0, .5);
}

.text-underline {
    text-decoration: underline;
}

.text-black {
    color: #4b4b4b;
}

.text-gray {
    color: #7f7f7f;
}

.text-grayC {
    color: #ccc;
}

.text-grayD {
    color: #d0d0d0
}

.text-white {
    color: #fff;
}

.text-yellow {
    color: #f4ea2a;
}

.text-yellowD {
    color: #f2bf54;
}

.no-bg {
    background: none;
}

.border-blue {
    border: #339BF7 1px solid;
}

.bg-blue {
    background: #339BF7;
}

.bg-orange {
    background: #f90 !important;
}

.bg-gray30 {
    background: #999;
}

.blue-green {
    background: #4AC8CE;
}

.orange {
    background: orange;
}

.panel-default .head-icon {
    margin: 0;
    font-size: 14px;
}

.iconfont-24 {
    display: inline-block;
    width: 20px;
    font-family: "iconfont" !important;
    font-size: 20px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    -webkit-text-stroke-width: .2px;
}

.iconfont-36 {
    display: inline-block;
    width: 20px;
    font-family: "iconfont" !important;
    font-size: 36px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    -webkit-text-stroke-width: .2px;
}

.lineheight-35 {
    line-height: 37px;
}

.lineheight-30 {
    line-height: 30px;
}

.font-weight-400 {
    font-weight: 400;
}

.seat-center {
    text-align: center;
}


/* 进度条部分 */

.progressheader {
    padding: 8px 40px 8px 16px;
}

.progressheader h3 {
    margin-bottom: 0;
}

.progressheader .text-overflow {
    width: 25%;
}

.progressheader .progress {
    height: 26px;
    /*margin-top: 2px;*/
    margin-bottom: 0;
    /*margin-bottom: 2px;*/
    overflow: hidden;
    line-height: 24px;
    border: 1px #d8d8d8 solid;
    border-radius: 5px;
    background-color: #f6f6f6;
    box-shadow: none;
}

.progress-bar {
    font-size: 1.0rem;
    line-height: 24px;
    color: #666;
    /*background: #339BF7;*/
}

.progress-bar-norm {
    line-height: 2;
}

.no-box-shadow {
    box-shadow: none;
}

.progress-remain {
    color: #333;
    background: #f6f6f6;
    box-shadow: none;
}

.pct {
    line-height: 30px;
}


/*呼入 客户轨迹部分 */

.customer-track {
    position: absolute;
    top: 114px;
    bottom: 0;
    left: 0;
    float: left;
    width: 22.5%;
    margin: 0 16px 0 16px;
    border: 1px #d8d8d8 solid;
}

.customer-track-detail {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

div.arrow-left {
    position: absolute;
    top: 8px;
    left: 19px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #f5f5f5;
    border-bottom: 6px solid transparent;
}

.callinProcessbox {
    position: relative;
    right: 0;
    left: 0;
    margin-left: 15px;
    border-left: 1px solid #d8d8d8;
}

.callinTldate {
    position: absolute;
    top: -1px;
    left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #339BF7;
}

.callinProcessbox .well {
    /*width: 93%;*/
    min-height: 20px;
    padding: 10px;
    margin-bottom: 0;
    border: 0;
    border-radius: 5px;
    background-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.callinProcessbox .well:hover,
.selectedwell .well {
    background: #f0f9ff;
}

.callinProcessbox .well:hover .arrow-left,
.selectedwell .well:hover .arrow-left {
    position: absolute;
    top: 8px;
    left: 19px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #f0f9ff;
    border-bottom: 6px solid transparent;
}

.pathDetails {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 20.7%;
    z-index: 999999;
    display: none;
    padding: 10px;
    /*border: 1px solid #d8d8d8;*/
    background: #f0f9ff;
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 7px rgba(0, 0, 0, .25);
}

.pathDetails .arrow-left {
    position: absolute;
    /*top: 8px;*/
    left: -15px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #f0f9ff;
    border-bottom: 15px solid transparent;
}

.pathDetails .arrow-left:after {
    position: absolute;
    top: -14px;
    right: -10px;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    transform: rotate(90deg);
    transform-origin: bottom;
    border-top: 16px solid #343c99;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}


/*查看聊天记录*/

.viewChat-content {
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: 10%;
}

.chatInfo {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 auto;
    color: #9e9e9e;
    border-radius: 3px;
    background-color: #f7f7f9;
}

.chating .media-list li {
    padding: 5px 2px;
    margin: 5px 0;
}


/*聊天记录详情*/

.chatdetail ul li {
    margin: 10px 0;
    list-style: none;
}

.chatdetail {
    position: absolute;
    top: 40px;
    right: 10px;
    bottom: 0;
    left: 10px;
    overflow-y: auto;
}

#clmodal .modal-content {
    height: 430px;
}


/* 客户360全景图部分 */

.customer-panorama {
    position: absolute;
    top: 114px;
    bottom: 0;
    left: 23.5%;
    float: left;
    width: 26.5%;
    margin-right: 10px;
}

.customer-panorama .media {
    min-height: 85px;
}

.customer-detail-info {
    position: absolute;
    top: 118px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-left: 10px;
    overflow: hidden;
}

.qc-customer-detail-info {
    position: absolute;
    top: 118px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-left: 10px;
    overflow: hidden;
}

.bg-gray-fc {
    background-color: #fcfcfc;
}

.bg-gray {
    background: #f7f7f9;
}

.message {
    position: absolute;
    /*top: 14%;*/
    right: 4%;
    width: 24px;
    height: 24px;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    color: #9b9b9b;
    border-radius: 32px;
    background: rgba(155, 155, 155, 1);
}

.message-callout {
    position: absolute;
    right: 4%;
    width: 24px;
    height: 24px;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    color: #9b9b9b;
    border-radius: 32px;
}

.message-callout i:hover {
    color: #2497d6;
}

.message:hover {
    background: #339BF7;
}

.media .message .messagenumber {
    position: absolute;
    top: -2px;
    right: -7px;
    width: 16px;
    height: 16px;
    padding: 1px 3px 3px 3px;
    font-weight: normal;
    line-height: 14px;
    color: #fff;
    background-color: #d0021b;
}

.user-msg {
    margin-top: -1px;
}

.user-msg .control-label {
    border: 1px solid #d8d8d8;
    border-right: 0;
    background: #f5f5f5;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: nowrap
}

.form-control-box {
    border: 1px solid #d8d8d8;
}

.no-access {
    /* background: url(../img/limited.png) 50% 50% no-repeat; */
    /* height: 300px; */
    text-align: center;
    padding-top: 100px;
}


/* 问卷测评部分 */

.question-evaluation {
    position: absolute;
    top: 114px;
    right: 40px;
    bottom: 0;
    left: 50.2%;
    overflow-y: hidden;
    line-height: 1.4;
}

.question-evaluation .pull-right:hover {
    cursor: pointer;
    color: #339BF7;
}

.question-content {
    /*position: absolute;*/
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    overflow-y: hidden;
    line-height: 24px;
}

.question-content h3 {
    position: relative;
    width: 100%;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
}

.question-content .list-inline>li {
    display: inline-block;
    padding-right: 20px;
    padding-left: 25px;
}

.choose {
    padding-top: 10px;
}

.choose .checkbox-inline {
    padding-left: 10px;
}


/* 任务清单弹出框部分 */

.multicheck {
    margin-left: 20px;
}

.grab {
    font-size: 16px;
    color: #f60;
}

.myt {
    height: 310px;
    min-height: 310px;
    overflow-x: hidden;
    overflow-y: auto;
}

.myc {
    height: 400px;
    min-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.my-modal-header {
    padding: 10px;
    background: #f6f6f6;
}

.myt .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    line-height: 1.8;
}

#mymodal .modal-dialog {
    width: 1000px;
    margin: 30px auto;
}

.pagination-pd {
    margin: 5px 0;
}

#mymodal .modal-content {
    height: 530px;
}

.form-group .control-label {
    /*line-height: 30px;*/
    /*margin-top: 6px;*/
    font-weight: 700;
    color: #333;
}

.profile .header {
    position: relative;
}

.profile .title {
    width: 100%;
    padding-left: 107px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #bcc4d2;
    /*background: url(../img/elements/profile/title-bg.png) repeat-x #ecf1f4;*/
}

.profile .avatar {
    position: absolute;
    top: 0;
    left: 20px;
    /*border: 1px solid #c1c1c1;*/
    border-radius: 2px;
    /*background: #fff;*/
}

.profile .avatar img {
    /*padding-top: 10px;
    padding-bottom: 3px;*/
    box-shadow: 0 2px 1px rgba(0, 0, 0, .08);
}


/*.profile .avatar img,
.profile .avatar a {
    display: block;
    width: 80px;
    padding: 0 10px;
}
*/

.profile .title h2 {
    font-size: 16px;
    font-weight: bold;
    color: #1e2a39;
}

.profile .title h2 {
    padding-top: 30px;
}

.profile .title h3 {
    font-size: 12px;
    color: #84888f;
}

.profile .title h3 {
    margin-top: 25px;
    margin-left: 20px;
}

.profile .title h3.text-warning {
    color: #f00;
}

.profile .title h2,
.profile .title h3 {
    float: left;
    padding: 0;
    /*padding-bottom: 10px;*/
}

.profile ul.info,
.info-label {
    padding-left: 107px;
}

.profile ul.info li:first-child {
    padding: 0;
    margin: 0;
    border: 0;
}

.profile ul.info li {
    display: inline-block;
    padding-left: 15px;
    margin-left: 10px;
    border-left: 1px solid #d3d9e3;
}

.customer-wrap {
    position: relative;
}

.motcont {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    /*left: 0;*/
}

.agile-list li {
    padding: 10px;
    margin: 0 0 10px;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    background: #fff;
}

.widget {
    padding: 16px;
    margin-top: 16px;
    /*margin-right: 16px;*/
    margin-bottom: 16px;
    /*margin-left: 16px;*/
    border-radius: .5rem;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(39, 38, 53, .1);
}

.nav-tabs-sub {
    margin: 20px;
    border-bottom: 1px solid #ececec;
    background: #ffffff;
}

.nav-tabs-sub>li.active>a,
.nav-tabs-sub>li.active>a:focus,
.nav-tabs-sub>li.active>a:hover {
    font-weight: 700;
    cursor: default;
    color: #339BF7;
    border: 0;
    border-bottom: 3px solid #339BF7;
    /*border-bottom-color: transparent;*/
    background-color: #fff;
}


/*==============================小助手部分===============================*/

.line-height-32 {
    line-height: 32px;
}

.J-global-toolbar div a {
    padding: 0;
    margin: 0;
    font: 12px/150% Arial, Verdana;
    color: #666;
}

.toolbar-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 10px;
    z-index: 9999;
    width: 35px;
    height: 100%;
    /*border: 1px solid #d8d8d8;
    background: #f6f6f6;*/
}

.toolbar-wrap a {
    text-decoration: none;
}

.toolbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
}

#callIn_dj_content {
    overflow-x: hidden;
    /*overflow-y: hidden;*/
}

.toolbar-panels {
    position: absolute;
    top: 0;
    left: 35px;
    z-index: 2;
    width: 480px;
    height: calc(100% - 50px);
    /* height: 100%; */
    overflow-x: hidden;
    overflow-y: auto;
    border: 4px #d8d8d8 solid;
    background: #fff none repeat scroll 0 0;
}

.toolbar-panel {
    position: absolute;
    width: 440px;
    height: 100%;
}

.toolbar-panel .nav-tabs {
    background: #fff;
}

.toolbar-panel .table-wrap {
    width: 420px;
}

.tbar-panel-header {
    position: relative;
    width: 420px;
    height: 40px;
    padding: 0;
    margin: 0;
    font-family: "microsoft yahei";
    font-weight: normal;
    line-height: 40px;
    background: #fff none repeat scroll 0 0;
}

.tbar-panel-header .title {
    display: inline-block;
    height: 40px;
    font: 16px/40px;
    color: #545454;
}

.tbar-panel-header i {
    margin-right: 4px;
    margin-left: 10px;
    font-size: 24px;
    line-height: 40px;
}

.tbar-panel-header .title em {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    vertical-align: top;
}

.tbar-panel-main {
    position: absolute;
    top: 50px;
    right: 10px;
    bottom: 60px;
    left: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #666;
}

.tbar-panel-textarea {
    position: absolute;
    top: 0;
    bottom: 0;
}

.tbar-tipbox {
    display: block;
}

.tbar-tipbox .tip-inner {
    padding: 6px 5px;
    text-align: center;
    border: 1px solid #edd28b;
    background: #fffdee none repeat scroll 0 0;
}

.tbar-tipbox .tip-text {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    color: #333;
}

.tbar-tipbox .tip-btn {
    display: inline-block;
    height: 20px;
    padding: 0 5px;
    margin-left: 5px;
    line-height: 20px;
    vertical-align: middle;
    color: #fff;
    background: #0288d1 none repeat scroll 0 0;
}

.tbar-panel-cart .tbar-panel-footer {
    height: 50px;
    padding: 0;
    margin: 0;
    background-color: #eceaea;
}

.tbar-checkout {
    position: relative;
    height: 40px;
    padding: 5px 110px 5px 5px;
}

.tbar-checkout .jtc-number strong {
    font-family: verdana;
    color: #0288d1;
}

.tbar-checkout .jtc-number {
    font: 12px/150% Arial, Verdana;
    line-height: 20px;
    color: #666;
}

.tbar-checkout .jtc-sum {
    font: 12px/150% Arial, Verdana;
    line-height: 20px;
    color: #666;
}

.tbar-checkout .jtc-sum strong {
    font-family: verdana;
    color: #0288d1;
}

.tbar-checkout .jtc-btn {
    position: absolute;
    top: 7px;
    right: 5px;
    width: 110px;
    height: 35px;
    font: 16px/35px;
    text-align: center;
    color: #fff;
    background: #0288d1 none repeat scroll 0 0;
}

.tbar-cart-list {
    width: 100%;
    padding: 0;
    margin: 0;
    font: 12px/150% Arial, Verdana;
    color: #666;
}

.tbar-cart-item {
    padding: 0 5px;
    margin-bottom: 10px;
    background: #fff none repeat scroll 0 0;
}

.jtc-item-promo {
    padding: 12px 0 12px 57px;
    border-bottom: 1px dashed #e1e1e1;
}

.jtc-item-promo .promo-tag {
    position: relative;
    float: left;
    width: 40px;
    height: 20px;
    margin-top: -1px;
    margin-right: 17px;
    margin-left: -57px;
    font: 12px/20px;
    text-align: center;
    color: #fff;
    background-color: #f58813;
}

.jtc-item-promo .promo-text {
    height: 18px;
    overflow: hidden;
    font: 12px/18px verdana;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jtc-item-goods {
    position: relative;
    padding: 10px 0;
    overflow: hidden;
}

.jtc-item-goods .p-img {
    float: left;
    width: 50px;
    height: 50px;
    padding: 0;
    margin-right: 5px;
    border: 1px solid #d8d8d8;
}

.jtc-item-goods .p-img img {
    width: 50px;
    height: 50px;
}

img {
    vertical-align: middle;
    border: 0 none;
}

.jtc-item-goods .p-name {
    height: 32px;
    margin-bottom: 4px;
    overflow: hidden;
    line-height: 16px;
}

.jtc-item-goods .p-name a {
    color: #333;
}

.jtc-item-goods .p-price {
    height: 16px;
    padding-right: 65px;
    overflow: hidden;
    font: 12px/16px verdana;
    color: #666;
}

.jtc-item-goods .p-price strong {
    font-weight: normal;
    color: #0288d1;
}

.jtc-item-goods .p-del {
    position: absolute;
    top: 46px;
    right: 10px;
    display: none;
    width: 35px;
    height: 16px;
    line-height: 16px;
    text-align: right;
    color: #005aa0;
}

.jt-history-wrap {
    width: 235px;
    margin: 0 auto;
}

.tbar-panel-history .jth-item {
    position: relative;
    float: left;
    width: 100px;
    height: 120px;
    padding: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #fff none repeat scroll 0 0;
}

.tbar-panel-history .jth-item .img-wrap {
    display: block;
    width: 100px;
    height: 100px;
    margin-bottom: 5px;
    text-align: center;
}

.tbar-panel-history .jth-item .add-cart-button {
    position: absolute;
    bottom: 25px;
    left: 5px;
    z-index: 3;
    display: none;
    width: 100px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: rgba(28, 25, 28, .8) none repeat scroll 0 0;
}

.tbar-panel-history .jth-item .price {
    color: #0288d1;
}

.tbar-panel-history .history-bottom-more {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #666;
}

.toolbar-header {
    position: absolute;
    top: 0;
    right: -6px;
}

.toolbar-tabs {
    position: absolute;
    top: 30%;
    left: 0;
    width: 35px;
    margin-top: -61px;
}

.toolbar-tabs .icon {
    font-size: 24px;
}

.toolbar-tab {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-bottom: 1px;
    line-height: 35px;
    cursor: pointer;
    color: #fff;
    border-radius: 3px 0 0 3px;
    background: #9b9b9b;
}

.bg-do {
    background: #0288d1;
}

.trust {
    background: #d50e0e;
}

.tbar-tab-done {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-bottom: 1px;
    line-height: 35px;
    cursor: pointer;
    color: #fff;
    border-radius: 3px 0 0 3px;
    background: #64D2FF;
}

.tbar-tab-appointment {
    background: #0288d1;
}

.tbar-tab-register {
    background: #0288d1;
}

.tbar-tab-message {
    background: #0288d1;
}

.tbar-tab-personaSetting {
    background: #0288d1;
}

.tbar-tab-cart {
    background-position: -50px 0;
}

.tbar-tab-follow {
    background-position: -50px -50px;
}

.tbar-tab-history {
    background-position: -50px -100px;
}

.tab-ico {
    position: relative;
    z-index: 2;
    width: 34px;
    height: 35px;
    margin-left: 1px;
    background-color: #9b9b9b;
}

.tab-text {
    position: absolute;
    top: 0;
    left: 35px;
    z-index: 1;
    width: 62px;
    height: 35px;
    padding: 0;
    margin: 0;
    font-style: normal;
    line-height: 35px;
    cursor: pointer;
    transition: left .3s ease-in-out .1s;
    text-align: center;
    color: #fff;
    border-radius: 3px 0 0 3px;
    background-color: #9b9b9b;
}

.toolbar-footer .tab-text {
    background: #0288d1;
}

.done .tab-text {
    background: #64D2FF;
}

.tab-sub {
    position: absolute;
    top: -5px;
    left: 46px;
    z-index: 3;
    height: 12px;
    min-width: 11px;
    padding: 1px 2px;
    overflow: hidden;
    font: 11px/11px verdana;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background-color: #cc6060;
}

.hide {
    display: none;
}

.tbar-tab-top {
    background-position: -50px -250px;
}

.tbar-tab-feedback {
    background-position: -50px -300px;
}

.footer-tab-text {
    position: absolute;
    top: 0;
    left: 35px;
    z-index: 1;
    width: 50px;
    height: 35px;
    padding: 0;
    margin: 0;
    font-style: normal;
    line-height: 35px;
    cursor: pointer;
    transition: left .3s ease-in-out .1s;
    text-align: center;
    color: #fff;
    border-radius: 3px 0 0 3px;
    background-color: #9b9b9b;
}

.tbar-tab-hover {
    left: -60px;
    background-color: #339BF7;
}

.toolbar-footer .tbar-tab-hover {
    left: -60px;
    background-color: #0288d1;
}

.done .tbar-tab-hover {
    left: -60px;
    background-color: #64D2FF;
}

.tbar-tab-footer-hover {
    left: -48px;
    background-color: #0288d1;
}

.tbar-tab-selected {
    background-color: #339BF7;
}

.toolbar-footer .tbar-tab-selected {
    background-color: #0288d1;
}

.done .tbar-tab-selected {
    background-color: #64D2FF;
}

.tbar-tab-selected .tab-sub {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    text-shadow: 1px 0 1px rgba(0, 0, 0, .3);
}

.tbar-tab-click-selected {
    background-color: #0288d1;
}

.toolbar-footer .tbar-tab-click-selected {
    background-color: #1b6d99;
}

.done .tbar-tab-click-selected {
    background-color: #c74403;
}

.tbar-tab-click-selected .tab-sub {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    text-shadow: 1px 0 1px rgba(0, 0, 0, .3);
}

.survey-tab-ico {
    display: none;
}

.survey-tab-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 35px;
    height: 30px;
    padding: 2px 0 3px;
    margin: 0;
    font-style: normal;
    line-height: 15px;
    cursor: pointer;
    transition: left .3s ease-in-out .1s;
    text-align: center;
    color: #fff;
    border-radius: 3px 0 0 3px;
    background: #0288d1 none repeat scroll 0 0;
}

.toolbar-open {
    right: 420px;
}

.J-close:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tbar-panel-history .jth-item .add-cart-button:hover {
    background: rgb(200, 22, 35) none repeat scroll 0 0;
}


/*呼入小助手*/

.tbar-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 35px;
    left: 0;
    overflow-y: auto;
}

.tbar-btn {
    position: absolute;
    bottom: 0;
    text-align: center;
}

.tbar-tab-submit {
    background: #64D2FF;
}

.tbar-tab-staging {
    background: #d50e0e;
}

.staging .tbar-tab-selected {
    background-color: #d50e0e;
}

.toolbar-footer .staging .tbar-tab-click-selected {
    background-color: #d50e0e;
}

.toolbar-footer .staging .tbar-tab-hover {
    left: -60px;
    background-color: #d50e0e;
}

.staging .tbar-tab-footer-hover {
    left: -48px;
    background-color: #d50e0e;
}

.toolbar-footer .staging .tab-text {
    background: #d50e0e;
}

.tbar-tab-registr {
    background: #0288d1;
}

.registr .tbar-tab-selected {
    background-color: #0288d1;
}

.toolbar-footer .registr .tbar-tab-click-selected {
    background-color: #0288d1;
}

.toolbar-footer .registr .tbar-tab-hover {
    left: -60px;
    background-color: #0288d1;
}

.registr .tbar-tab-footer-hover {
    left: -48px;
    background-color: #0288d1;
}

.toolbar-footer .registr .tab-text {
    background: #0288d1;
}

.tbar-tab-warn {
    background: #0288d1;
}

.warn .tbar-tab-selected {
    background-color: #0288d1;
}

.toolbar-footer .warn .tbar-tab-click-selected {
    background-color: #0288d1;
}

.toolbar-footer .warn .tbar-tab-hover {
    left: -60px;
    background-color: #0288d1;
}

.warn .tbar-tab-footer-hover {
    left: -48px;
    background-color: #0288d1;
}

.toolbar-footer .warn .tab-text {
    background: #0288d1;
}


/*潜在客户*/

.text-left-important {
    text-align: left !important;
}


/*===============================在线客服====================================*/


/*在线客服 客户端*/

.callTable th {
    white-space: nowrap;
    background-color: #eee;
}

.callTable td {
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.callTable_th {
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.bluePanel {
    color: #fff;
    border: 1px solid #339BF7;
    background-color: #339BF7;
}

.onlinePanel>.media-list>li {
    padding: 5px 2px;
    margin: 5px 0;
}

.img-48 {
    line-height: 48px;
}

.height-48 {
    height: 48px;
}

.receive-media-heading {
    position: relative;
    max-width: 96%;
    /*margin-bottom: 10px;*/
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #f6f6f6;
}

.send-media-heading {
    position: relative;
    max-width: 96%;
    /*margin-bottom: 10px;*/
    padding: 15px;
    color: #4a4a4a;
    /*border: 1px solid #339BF7;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #e1f5fe;
}

.head-portrait-me-48 {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #339BF7;
}

.arrow-left-onlineCustomer {
    position: absolute;
    top: 18px;
    left: -7px;
    width: 0;
    height: 0;
    content: "\00a0";
    border-width: 5px 7px 5px 0;
    border-style: solid;
    border-color: transparent #e1f5fe transparent transparent;
}

.arrow-right-onlineCustomer {
    position: absolute;
    top: 18px;
    right: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    content: "\00a0";
    border-width: 5px 0 5px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #f6f6f6;
}

.vedio-close {
    padding: 13px 27px;
    border: 0;
    outline: none;
    background: url(../img/vedio-close.png) no-repeat 0 0;
    box-shadow: none;
}

.vedio-open {
    padding: 13px 27px;
    border: 0;
    outline: none;
    background: url(../img/vedio-open.png) no-repeat 0 0;
    box-shadow: none;
}

.cursor-pointer i:hover {
    cursor: pointer;
    color: #2497d6;
}

@-webkit-keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.line-scale-party>div:nth-child(1) {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

.line-scale-party>div:nth-child(2) {
    -webkit-animation-duration: .61s;
    animation-duration: .61s;
    -webkit-animation-delay: .08s;
    animation-delay: .08s;
}

.line-scale-party>div:nth-child(3) {
    -webkit-animation-duration: .83s;
    animation-duration: .83s;
    -webkit-animation-delay: .11s;
    animation-delay: .11s;
}

.line-scale-party>div:nth-child(4) {
    -webkit-animation-duration: .61s;
    animation-duration: .61s;
    -webkit-animation-delay: .37s;
    animation-delay: .37s;
}

.line-scale-party>div {
    display: inline-block;
    width: 3px;
    height: 10px;
    margin: 1px;
    -webkit-animation-name: line-scale-party;
    animation-name: line-scale-party;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 1px;
    background-color: #f90;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#row {
    display: table;
}

.customerFullpage {
    display: table-cell;
    float: none;
    vertical-align: top;
}


/*在线客服 客户端*/

.height-auto {
    height: auto !important;
}

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

.inline-block {
    display: inline-block;
}

.btn-border-radius-5 {
    padding: 3px 25px;
    border-radius: 5px;
}

.btn-right-border-radius-5 {
    padding: 3px 25px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.absolute-bottom {
    position: absolute;
    bottom: 0;
}


/* 左侧排队部分 */

.notify {
    position: absolute;
    top: -10px;
    left: 22px;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #d0021b;
    z-index:101;
}

.notify-tangerine {
    background: #f1690d;
}

.notify-banana {
    background: #f5b430;
}

.notify-left {
    position: absolute;
    top: 5px;
    left: 138px;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #d0021b;
}

.ID-card label {
    padding-top: 8px;
    font-weight: normal;
    text-align: right;
}

.left-name {
    position: absolute;
    right: 0;
    left: 33px;
    width: 100px;
}

.head-portrait .active {
    color: #f00;
}

.channels {
    position: absolute;
    top: 9px;
    left: 30px;
    font-size: 10px;
    color: #339BF7;
}

.waitline {
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #d8d8d8;
}

.ret-position {
    position: relative;
    height: 118px;
    font-size: 14px;
    outline: 0 none;
    -webkit-appearance: none;
}

.topbooter-notify {
    position: absolute;
    top: 2px;
    left: 42px;
    display: inline-block;
    min-width: 20px;
    padding: 0 5px;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 10px;
    background: #d0021b;
}

.line-notify {
    position: absolute;
    top: 9px;
    left: 144px;
    display: inline-block;
    width: 35px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: #339BF7;
    border-radius: 27%;
    background: #fff;
}

.lineup {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    float: left;
    width: 68px;
    /* width: 185px;*/
}

.lineup .top-15 {
    cursor: pointer;
}

.lineup .top-15:hover {
    font-weight: 600;
}

.lineup .panel-footer {
    position: absolute;
    right: 0;
    /* top: 190px; */
    bottom: 0;
    left: 0;
    /*height: 58px;*/
    padding: 5px;
    cursor: pointer;
}

.lineup-html {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    float: left;
    /*width: 68px;*/
    /* width: 185px;*/
    /*设置width响应式布局问题*/
}

.lineup-html .top-15 {
    cursor: pointer;
}

.lineup-html .top-15:hover {
    font-weight: 600;
}

.lineup-html .panel-footer {
    position: absolute;
    right: 0;
    /* top: 190px; */
    bottom: 0;
    left: 0;
    /*height: 58px;*/
    padding: 5px;
    cursor: pointer;
}

.currCustss div.active {
    /*font-weight: bold;*/
    background: #afe3fd;
}

.currCustss div.pd-10:hover {
    background: #eee;
}

.seatsWebchat {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    float: left;
    width: 185px;
}

.seatsWebchat .top-15 {
    cursor: pointer;
}

.seatsWebchat .top-15:hover {
    font-weight: 600;
}

.seatsWebchat .panel-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 38px;
    padding: 5px;
    cursor: pointer;
}

.seatsWebchat2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 190px;
    width: 227px;
}

.seatsWebchat2 .top-15 {
    cursor: pointer;
}

.seatsWebchat2 .top-15:hover {
    font-weight: 600;
}

.seatsWebchat2 .panel-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 38px;
    padding: 5px;
    cursor: pointer;
}

.line-modal {
    position: absolute;
    top: 10px;
    right: 20px;
    bottom: 10px;
    left: 20px;
    width: 80%;
}

.line-modal-tb {
    position: absolute;
    top: 34px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.addPhoneNum {
    cursor: pointer;
}

.currCusts {
    position: absolute;
    top: 38px;
    right: 0;
    bottom: 58px;
    left: 0;
    overflow: hidden;
}

.currCusts div.active,
#currCusts div.active {
    /*font-weight: bold;*/
    background: #afe3fd;
}

.lineup .panel-footer {
    position: absolute;
    right: 0;
    /* top: 190px; */
    bottom: 0;
    left: 0;
    /*height: 58px;*/
    padding: 5px;
    cursor: pointer;
}

.head-portrait {
    position: relative;
    width: 30px;
    height: 30px;
    /*padding-left: 2px;*/
    margin: 6px 0 3px 0;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #339BF7;
}

.border-radius-20 {
    border-radius: 20%;
}

.darkgrey {
    background: darkgrey;
}

#currCusts div.pd-10:hover {
    background: #eee;
}

.channels-active {
    color: #46a4d4;
}

.spread-info {
    line-height: 3;
}


/*在线客服业务办理*/

.accompany {
    padding-bottom: 16%;
    margin-top: 16%;
    font-size: 16px;
    border-bottom: 1px dashed #d8d8d8;
}

.return-home {
    position: absolute;
    top: 5px;
    right: 25px;
    z-index: 9999;
}

.other_reasons {
    z-index: 9999999;
    width: 148px;
    height: 22px;
}

.select-creat .input-group {
    display: inline-block;
}

.select-creat .dropdown-menu {
    min-width: 160px;
}

.password {
    position: relative;
    /*margin: 10px 0 0 0;*/
}

.password .bhselect {
    position: absolute;
    top: 3px;
    right: 15%;
    width: 30%;
    height: 30px;
}

.backId>img,
.frontId>img {
    width: 100%;
    height: auto;
    min-height: 100px;
}

.password .refuse {
    margin: 5px 10px 0 0;
}

.hisct .col-xs-11 {
    width: 97%;
    margin-bottom: 10px;
}

.hisct .border-dot {
    padding-bottom: 15px;
}


/*.video {*/


/*margin: 5px 0 0 0;*/


/*}*/

.video .launch {
    margin: 5px 10px 0 0;
}

.bus_submit {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px 0;
    border-top: 1px solid #d8d8d8;
    background: #fcfcfc;
}

.j_businessTwo {
    margin-bottom: 42px;
}

.radius-10 {
    border-radius: 10px;
}

.margin-t10-b50 {
    margin: 10px 0 50px 0;
}

.bg-transparent {
    background-color: transparent;
}

#submit_success>div,
#submit_error>div {
    width: 300px;
    margin: 0 auto;
}

#submit_success>div:before,
#submit_error>div:before {
    display: block;
    width: 100%;
    height: 200px;
    content: " ";
}

.select-box-ipt {
    width: 150px;
    height: 28px;
    padding: 3px 0 0 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    color: #888;
    border: 1px #ccc solid;
}

.select-box-list {
    position: absolute;
    z-index: 10000;
    width: 150px;
    margin-left: 0;
    border: 1px #ccc solid;
    background: #fff;
}

.select-box-list>li {
    width: 100%;
    padding: 5px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    border-bottom: 1px #ccc solid;
}

.select-box-list>li:last-child {
    padding: 0;
}

.select-box-list>li>input {
    border: 0;
}

.select-box-list li:hover {
    color: #fff;
    background: #f6615b;
}

#turnDownReasons {
    position: absolute;
    top: 4px;
    right: 150px;
    background-color: #fff;
}


/*视频*/

#anyChatWin {
    position: fixed;
    top: 200px;
    left: 300px;
    width: 450px;
    height: 448px;
}

#anyChatWin>div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
}


/* 客户信息部分 */

.customer-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 67px;
    width: 328px;
    background-color: #fff;
}

.customer-info-html {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 84px;
    width: 328px;
    background-color: #fff;
}

.customer-data-top {
    position: absolute;
    top: 81px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.customer-data-top-10 {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.onlineQCdiv .online-body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
}

.customer-trajectory-bottom {
    position: absolute;
    top: 25px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.left-arrow {
    position: absolute;
    top: 51%;
    left: 395px;
    cursor: pointer;
}

.left-arrow-50 {
    position: absolute;
    top: 51%;
    left: 69px;
    cursor: pointer;
}


/* 聊天框部分 */

.two-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 412px;
}

.two-content-spread {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84px;
}

.two-content-spread-gx {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 185px;
}

.head-portrait-me {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #339BF7;
}

.invite-head-portrait {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #3f74b6;
}

.head-color-cus {
    background: #4AC8CE;
}

.chat-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    float: left;
    width: 40%;
}

.chat-panel-seats {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    float: left;
    width: 100%;
}

.chating {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 200px;
    left: 0;
    padding: 15px 5px;
    overflow: hidden;
}

.chating-history {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    left: 0;
    padding: 15px 5px;
    overflow-x: hidden;
    overflow-y: auto;
}

.chat-tools .col-xs-1 {
    width: 15%;
}

.chat-panel .panel-title {
    display: -webkit-box;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: inherit;
}

.chat-panel-seats .panel-title {
    display: -webkit-box;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: inherit;
}

.chat-panel .panel-heading {
    height: 38px;
    color: #fff;
    border: 1px solid #339BF7;
    background-color: #339BF7;
}

.chat-panel-seats .panel-heading {
    height: 38px;
    color: #fff;
    border: 1px solid #339BF7;
    background-color: #339BF7;
}

.chating .media-list .media,
.media-body {
    overflow: visible;
    zoom: 1;
}


/*在线客服聊天右边tab页*/

.customer-view .onlineQCdiv .hd {
    position: relative;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    border-bottom: 1px solid #d8d8d8;
    background: #f7f7f9;
}

.customer-view .onlineQCdiv .panel-body {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
}

.customer-view .onlineQCdiv .hd ul {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    height: 40px;
}

.customer-view .onlineQCdiv .hd ul li.on {
    height: 40px;
    margin-left: -1px;
    border-right: 0;
    border-bottom: 3px solid #0288d1;
    /* border-right: 1px solid #d8d8d8; */
    /* border-left: 1px solid #d8d8d8; */
    border-left: 0;
    background: #f7f7f9;
}


/* 客户账户资料*/

.customer-account {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 50%;
    left: 0;
    overflow-y: auto;
}

.info-title {
    position: fixed;
    top: 0;
    left: 10px;
}

.customer-record {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 1px solid #ddd;
    background-color: #f7f6fb;
}

.customer-record-detail {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.customer-record-tilte {
    position: absolute;
    top: 0;
}

.right-menu {
    position: absolute;
    top: 50px;
    left: 120px;
    z-index: 88;
    padding: 20px 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    background-color: #f7f6fb;
}


/*通话登记*/

.call-Register-box {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*padding: 10px;*/
    /*overflow-y: auto;*/
}

.call-Register {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 26%;
    /* padding: 0 10px; */
    overflow-y: auto;
}

.call-Digest {
    position: absolute;
    top: 74%;
    right: 0;
    bottom: 0;
    /* background-color: #f7f6fb; */
    left: 0;
    overflow-y: auto;
    border-top: 1px solid #ddd;
}

.call-Register .form-group span {
    height: 18px;
}

.call-Register .checkbox-inline {
    padding-top: 0;
}

.call-Register-box .pager {
    position: fixed;
    bottom: 0;
    /* padding: 10px; */
    margin: 0;
    border-top: #f9f2f4 1px solid;
    background: #fff;
}


/*在线客服两色聊天框*/

.CustomerStatu {
    color: green;
    position: absolute;
    right: 0;
    top: 35px;
    display: inline-block;
}

.hr-dashed {
    border-top: 1px dashed #eee;
    margin-top: 5px;
    margin-bottom: 5px;
}

.kh-comment-right {
    padding: 10px;
    position: relative;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.kh-comment-right:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    right: -5px;
    transform: rotate(45deg);
    background-color: #fff;
    border: 1px #e1e1e1;
    border-style: solid solid none none;
}

.kf-comment-left {
    padding: 10px;
    position: relative;
    background-color: #e1f5ff;
    border: 1px solid #99dcfb;
    border-radius: 5px;
}

.kf-comment-left:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    left: -5px;
    transform: rotate(45deg);
    background-color: #e1f5ff;
    border: 1px #99dcfb;
    border-style: none none solid solid;
}

.kh-comment-left {
    padding: 10px;
    position: relative;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

.kh-comment-left:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    left: -5px;
    transform: rotate(45deg);
    background-color: #fff;
    border: 1px #e1e1e1;
    border-style: none none solid solid;
}

.kf-comment-right {
    padding: 10px;
    position: relative;
    background-color: #e1f5ff;
    border: 1px solid #99dcfb;
    border-radius: 5px;
}

.kf-comment-right:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    right: -5px;
    transform: rotate(45deg);
    background-color: #e1f5ff;
    border: 1px #99dcfb;
    border-style: solid solid none none;
}

.bg-comment-border {
    border: 1px solid #2497d6;
    padding: 2px 10px;
    border-radius: 5px;
    background-color: #fff;
    color: #2497d6;
}

.bg-comment-gray {
    padding: 3px 10px;
    background-color: #f4f4f4;
    border-radius: 5px;
}

.bg-lightYellow {
    background-color: #fff3df;
}

.absolute {
    position: absolute;
}

.dubblechat-media-body {
    position: relative;
}

.dubblechat-b {
    position: relative;
    padding: 5px 10px 5px 20px;
    margin: 0 -20px;
    color: #9b9b9b;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #fff;
}

.dubblechat-t {
    position: relative;
    padding: 0 20px;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #339BF7;
}

.dubblechat-t .iconfont-24 {
    font-size: 36px;
    vertical-align: top;
}

.dubble-bubbleright {
    position: absolute;
    top: 13px;
    right: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    content: "\00a0";
    border-width: 5px 0 5px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #339BF7;
}

.dubble-iconline {
    display: inline-block;
    /*padding-right: 20px;*/
    padding-left: 20px;
}


/*在线客服密码重置*/

#Chat-ywbl .password-chage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.chatInfo .vedio-open {
    padding-left: 15px;
    font-weight: bold;
    color: #333;
}

.chating .media-heading,
.record-media-body .media-heading {
    position: relative;
    max-width: 96%;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #e1f5fe;
}


/*.chating .media-body,
.record-media-body {
    padding-right: 5px;
    padding-left: 10px;
}*/

.chating .media img {
    margin-right: 5px;
}

.customer-name {
    margin-bottom: 5px;
    font-size: 10px;
    text-align: left;
}

.sm-bt a:hover {
    cursor: pointer;
    color: #2497d6;
}

.sm-bt i {
    cursor: pointer;
}

.sm-bt a {
    text-decoration: none;
    color: #7f7f7f;
}

.chat-input .icon:hover {
    cursor: pointer;
    color: #2497d6;
}

.kh-media-heading {
    position: relative;
    max-width: 96%;
    padding: 10px;
    margin-bottom: 10px;
    color: #4a4a4a;
    /*border: 1px solid #339BF7;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #f6f6f6;
}

.bubbleleft-blue {
    position: absolute;
    top: 13px;
    left: -7px;
    width: 0;
    height: 0;
    content: "\00a0";
    border-width: 5px 7px 5px 0;
    border-style: solid;
    border-color: transparent #339BF7 transparent transparent;
}

.bubbleleft1 {
    position: absolute;
    top: -5px;
    left: 2px;
    width: 0;
    height: 0;
    content: "\00a0";
    border-width: 5px 7px 5px 0;
    border-style: solid;
    border-color: transparent #f6f6f6 transparent transparent;
}


/*聊天箭头大小*/

.bubbleleft {
    position: absolute;
    top: 13px;
    left: -7px;
    width: 0;
    height: 0;
    content: "\00a0";
    border-width: 5px 7px 5px 0;
    border-style: solid;
    border-color: transparent #f0f0f0 transparent transparent;
}

.bubbleright {
    position: absolute;
    top: 13px;
    right: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    content: "\00a0";
    border-width: 5px 0 5px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #e1f5fe;
}

.chat-input {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: table-cell;
    height: 200px;
    border-top: #ddd 1px solid;
    background: #fff;
}


/*在线客服聊天窗录音*/

.chat-input .btn-record {
    position: absolute;
    top: 6px;
    right: 8px;
}

.chat-input .checkbox {
    position: relative;
    display: inline-block;
    margin: 0;
}

.chat-input .checkbox input {
    position: absolute;
    top: -7px;
    left: 20px;
    z-index: 5;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.chat-input .model-1 .checkbox input:checked+label {
    background: #339BF7;
}

.chat-input .checkbox label {
    position: relative;
    display: inline-block;
    width: 51px;
    height: 22px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 46px;
    background: #ccc;
}

.chat-input .model-1 .checkbox input:checked+label:after {
    z-index: 1;
    background: url("../img/slideBtnOn.png") no-repeat 1px 1px;
    background-size: 21px;
}

.chat-input .checkbox input:checked+label:after {
    left: 29px;
}

.chat-input .checkbox label:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 21px;
    height: 21px;
    content: "";
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 100%;
    background: url("../img/slideBtnOff.png") no-repeat 1px 1px;
    background-size: 21px;
}

.chat-input .noice-record {
    position: absolute;
    top: 45px;
    left: 30%;
    width: 40%;
}

.chat-input .start-record {
    position: relative;
    padding-top: 1px;
}

.botomBtns {
    bottom: 5px;
}

.start-record .left-ld {
    position: absolute;
    top: 0;
    left: 8%;
    margin: 0 auto;
}

.start-record .right-ld {
    position: absolute;
    top: 0;
    right: 8%;
    margin: 0 auto;
}

.noice-record .text-record {
    font-size: .5em;
}

.noice-record i {
    font-size: 2em;
}

.start-record .loading span {
    display: inline-block;
    width: 3px;
    height: 100%;
    -webkit-animation: load .6s ease infinite;
    border-radius: 4px;
    background: #f5a623;
}

@-webkit-keyframes load {
    0%,
    100% {
        height: 5px;
        background: #f5a623;
    }
    50% {
        height: 10px;
        margin: -2.5px 0;
        background: #f5a623;
    }
}

.start-record .loading span:nth-child(2) {
    -webkit-animation-delay: .1s;
}

.start-record .loading span:nth-child(3) {
    -webkit-animation-delay: .2s;
}

.start-record .loading span:nth-child(4) {
    -webkit-animation-delay: .3s;
}

.start-record .loading span:nth-child(5) {
    -webkit-animation-delay: .4s;
}

.start-record .loading span:nth-child(6) {
    -webkit-animation-delay: .5s;
}

.chat-input .vedio-close {
    padding: 13px 27px;
    margin-top: 5px;
    line-height: 1.5;
    border: 0;
    outline: none;
    background: url(../img/vedio-close.png) no-repeat 0 0;
    box-shadow: none;
}

#vedio-btn .btn:active,
.btn.active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.chat-input .vedio-open {
    padding: 13px 27px;
    margin-top: 5px;
    line-height: 1.5;
    border: 0;
    outline: none;
    background: url(../img/vedio-open.png) no-repeat 0 0;
    box-shadow: none;
}

.chat-input .play {
    background: url(../img/play.png) no-repeat 0 0;
}

.chat-input .stop {
    background: url(../img/stop.png) no-repeat 0 0;
}

.chat-input .gif-l {
    position: absolute;
    left: 216px;
}

.chat-input .gif-r {
    position: relative;
    top: -16px;
    left: 40px;
}


/*.chatsent {
    padding-right: 25px;
    padding-left: 25px;
    margin: 10px 10px;
}
*/


/*.closechat {
    padding-right: 25px;
    padding-left: 25px;
    margin: 10px 10px;
} */


/*视频视窗*/

.vedio-box {
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 888;
}

.vedio-top {
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: #4a4a4a;
}

.vedio-bottom {
    line-height: 42px;
    background: #4a4a4a;
}


/* 客户360全景部分 */

.customer-view {
    position: absolute;
    top: 0;
    right: 38px;
    bottom: 0;
    left: 40%;
    margin: 0;
}

.customer-view .tab-content {
    position: absolute;
    top: 34px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    /*padding: 10px 0 0 0;*/
    border-top: none;
}

.customer-view .tab-content .tab-pane {
    height: 100%;
}

.push {
    position: absolute;
    right: 0;
}

.identity-card {
    padding: 20px 0 25px 0;
    /* margin: 10px; */
    background: #f7f7f9;
}

.identity-card .icon {
    font-size: 76px;
    line-height: 80px;
    color: #e1e1e8;
}

.chat-mmcz .btn-default {
    color: #0288d1;
}

#Chat-ywbl .business-submit {
    position: fixed;
    bottom: 0;
    padding: 10px 0;
    border-top: 1px solid #d8d8d8;
    background: #f7f7f9;
}

.identity-card .text-center {
    color: #b3b3b3;
}

.creat :not([class*="col-"]):not(.input-group-btn):not([class*="form-control"]).bootstrap-select {
    width: 120px;
}

.icon-zhankai2 {
    cursor: pointer;
}

.card-type {
    width: 40%;
    line-height: 24px;
}

.witness {
    position: absolute;
    top: 70%;
    bottom: 43px;
    left: 10px;
    width: 96.3%;
    padding: 0;
}

.witness-clicked {
    position: absolute;
    top: 130px;
    left: 10px;
    width: 96.38%;
    padding: 0;
}

.vedio-prtscn {
    width: 120px;
    height: 120px;
    padding-top: 35px;
    margin: 10px;
    text-align: center;
    color: #fff;
    background: url("../img/vedio.jpg") bottom;
}

.vedio-prtscn:hover {
    cursor: pointer;
    border: 1px #8c8c8c solid;
}

.vedio-prtscn .icon {
    font-size: 35px;
}

.vedio-prtscn .delect {
    position: absolute;
    top: 0;
    right: 0;
}

.vedio-prtscn .delect .icon {
    font-size: 20px;
}

#ywbl .vedio-witness {
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.business-submit {
    position: fixed;
    bottom: 10px;
}

.submit {
    position: absolute;
    bottom: 10px;
}

.vedio-ing {
    position: absolute;
    top: 100px;
    left: 50%;
    z-index: 9999;
}

.vedio-ing .icon {
    cursor: pointer;
}

.pd-right-20 {
    padding-right: 20px;
}

.online-ifra {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 0;
}

.chatrecord {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*padding: 10px;*/
    overflow-y: auto;
}

.chatRecord .hd {
    position: relative;
    height: 32px;
    padding: 0 20px 0 20px;
    line-height: 32px;
    border-bottom: 1px solid #d8d8d8;
    background: #fff;
}

.chatRecord .hd ul {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    height: 32px;
}

.chatRecord .hd ul li.on {
    height: 32px;
    margin-left: -1px;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    background: #f7f7f9;
}

.chatRecord .hd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

.customer-record .pager {
    position: fixed;
    bottom: 0;
    /*padding: 10px;*/
    margin: 0;
    border-top: #f9f2f4 1px solid;
    background: #fff;
}

.customer-record .pager li {
    margin: 0;
}

.chatrecord .pager {
    position: fixed;
    bottom: 0;
    padding-top: 10px;
    margin: 0;
    border-top: #f9f2f4 1px solid;
    background: #fff;
}

.chatrecord .pager li {
    margin-right: 10px;
    margin-left: 10px;
}

.record {
    padding: 10px;
}

.record-date {
    margin-top: -8px;
}

.abstract {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: #d8d8d8 1px solid;
}

#recordmodal {
    /*position: absolute;*/
    margin-right: 10px;
}

#recordmodal .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#recordmodal .modal-content {
    position: absolute;
    top: 40px;
    bottom: 0;
    overflow-y: auto;
}

#detailModal {
    /*position: absolute;*/
    margin-right: 10px;
}

#detailModal .modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#detailModal .modal-content {
    position: absolute;
    top: 40px;
    bottom: 0;
    overflow-y: auto;
}

.company-s,
.no-company-s {
    padding: 100px 0;
    margin: 0 10px;
    color: #666;
}

.company-s {
    border-bottom: #979797 1px dotted;
}


/*内部聊天*/

#small-chat {
    position: fixed;
    right: 26px;
    bottom: 30px;
    z-index: 9990;
}

.badge-warning {
    color: #fff;
    background-color: #ff0000;
}

#small-chat .badge {
    position: absolute;
    top: -3px;
    right: -4px;
}

.open-small-chat {
    display: block;
    width: 48px;
    height: 48px;
    padding: 9px 8px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #339BF7;
}

.open-small-chat .iconfont {
    font-size: 24px;
}

.internal-chat-list {
    position: fixed;
    top: 100px;
    right: 0;
    bottom: 0;
    width: 160px;
    /*320*/
    background: #ffffff;
    display: none;
    border: 1px solid #d8d8d8;
    z-index: 3;
    box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(33, 33, 33, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(33, 33, 33, .2);
    -o-box-shadow: 0 0 10px 0 rgba(33, 33, 33, .2);
    -ms-box-shadow: 0 0 10px 0 rgba(33, 33, 33, .2);
}

.internal-search .input-group-addon {
    border: 0;
    background: #ffffff;
}

.internal-search input {
    border: 0;
    width: 300px;
}

.small-chat-box {
    position: fixed;
    right: 160px;
    bottom: 0px;
    display: none;
    width: 500px;
    height: 600px;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(33, 33, 33, 0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(33, 33, 33, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(33, 33, 33, .2);
    -o-box-shadow: 0 0 10px 0 rgba(33, 33, 33, .2);
    -ms-box-shadow: 0 0 10px 0 rgba(33, 33, 33, .2);
}

.small-chat-box .icon.iconfont {
    cursor: pointer;
}

.small-chat-box.ng-small-chat {
    display: block;
}

.body-small .small-chat-box {
    right: 20px;
    bottom: 70px;
}

.small-chat-box.active,
.internal-chat-list.active {
    display: block;
}

.small-chat-box .heading {
    padding: 8px 15px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    background: #2f4050;
}

.small-chat-box .chat-date {
    font-size: 12px;
    font-weight: 400;
    opacity: .6;
}

.small-chat-box .content {
    padding: 15px;
}

.small-chat-box .content .author-name {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 700;
}

.small-chat-box .content>div {
    padding-bottom: 20px;
}

.small-chat-box .content .chat-message {
    max-width: 90%;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 6px;
    background: #f3f3f4;
}

.small-chat-box .content .chat-message.active {
    color: #fff;
    background: #339BF7;
}

.small-chat-box .content .left {
    clear: both;
    text-align: left;
}

.small-chat-box .content .left .chat-message {
    float: left;
}

.small-chat-box .content .right {
    clear: both;
    text-align: right;
}

.small-chat-box .content .right .chat-message {
    float: right;
}

.small-chat-box .form-chat {
    padding: 10px;
    position: absolute;
    bottom: 10px;
}

.slimScrollDiv>* {
    overflow: hidden;
}

.open-small-chat:hover {
    cursor: pointer;
    color: #fff;
}


/*--------------------------------------------
    CHAT API
---------------------------------------------*/

.chat-wrapper {
    overflow: hidden;
    position: relative;
    border-top: 1px solid #d8d8d8;
}

.hideit .search-bar {
    display: none;
}

.search-bar {
    display: inline-block;
}

.search-bar input {
    background-color: rgba(33, 33, 33, 0.1);
    color: #aaaaaa;
    font-size: 14px;
    border: 0px;
    width: 220px;
    margin: 20px 20px 0 20px;
}

.search-bar input:focus,
.search-bar input:hover {
    border: 0px;
}

.group-head {
    color: #9e9e9e;
    padding: 30px 30px 0 30px;
    font-size: 14px;
    margin: 0px 0 15px 0;
    white-space: nowrap;
}

.group-list,
.contact-list {
    padding: 0 15px;
}

.contact-list .user-row {
    display: block;
    padding: 15px;
    margin: 0 0 5px 0;
    position: relative;
    cursor: hand;
    cursor: pointer;
    white-space: nowrap;
}

.group-list .group-row.active,
.group-list .group-row:hover,
.group-list .group-row:active,
.group-list .group-row:focus,
.contact-list .user-row.active,
.contact-list .user-row:hover,
.contact-list .user-row:active,
.contact-list .user-row:focus {
    background-color: rgba(33, 33, 33, 0.1);
}

.contact-list .user-img {
    float: left;
    width: 30px;
    display: inline-block;
    padding: 0px 0 0 0;
}

.contact-list .user-img img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.contact-list .user-status {
    float: right;
    width: 15px;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 15px;
}

.contact-list .user-status i {
    font-size: 10px;
    height: 10px;
    width: 10px;
    float: right;
    margin-right: 0px;
}

.group-list .group-status.available i,
.chatapi-windows .user-window .controlbar .status.available i,
.contact-list .user-status.available i {
    color: #c1e917;
}

.group-list .group-status.busy i,
.chatapi-windows .user-window .controlbar .status.busy i,
.contact-list .user-status.busy i {
    color: #f44336;
}

.group-list .group-status.away i,
.chatapi-windows .user-window .controlbar .status.away i,
.contact-list .user-status.away i {
    color: #ff5f74;
}

.contact-list .user-info {
    padding-left: 45px;
    display: block;
    margin-right: 15px;
}

.group-list .group-info h4,
.contact-list .user-info h4 {
    margin: 0 0 5px 0;
    font-size: 14px;
    display: block;
}

.group-list .group-info h4 a,
.contact-list .user-info h4 a {
    color: #616161;
    display: block;
    text-decoration: none;
}

.contact-list .user-info .status {
    margin: 0 0 0px 0;
    font-size: 10px;
    color: #9e9e9e;
    display: block;
    line-height: 10px;
}

.contact-list .user-info .free {
    color: #1fa01f;
}

.contact-list .user-info .busy {
    color: #64D2FF;
}

.contact-list .user-info .offline {
    color: #616161;
}

.group-list .group-row {
    display: block;
    padding: 10px 15px 5px 0px;
    margin: 0 0 5px 0;
    position: relative;
    cursor: hand;
    cursor: pointer;
    white-space: nowrap;
}

.group-list .group-status {
    float: left;
    margin: 0 10px 0 15px;
}

.group-list .group-status i {
    margin: 0 0 0px 0;
    font-size: 14px;
    color: #aaaaaa;
    display: block;
    line-height: 14px;
}


/*-----------------------------------------------------------
    CHAT API Windows
----------------------------------------------------------*/

.chatapi-windows .user-window {
    display: block;
    min-width: 250px;
    min-height: 300px;
    background-color: #ffffff;
    margin: 0 2px 0 0;
    float: right;
    box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
    -webkit-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
    -moz-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
    -o-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
    -ms-box-shadow: 0 1px 3px rgba(33, 33, 33, .2);
}

.chatapi-windows .user-window .controlbar .tooltip {
    display: none !important;
}

.chatapi-windows .user-window.minimizeit .controlbar .tooltip {
    display: block !important;
}

.chatapi-windows .user-window.minimizeit .controlbar .tooltip .tooltip-inner {
    white-space: nowrap;
}

.chatapi-windows .user-window.minimizeit {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    bottom: 0px;
    top: 260px;
    position: relative;
}

.chatapi-windows .user-window.minimizeit .controlbar .name,
.chatapi-windows .user-window.minimizeit .controlbar i,
.chatapi-windows .user-window.minimizeit .typearea,
.chatapi-windows .user-window.minimizeit .chatarea {
    display: none;
}

.chatapi-windows .user-window.minimizeit .controlbar {
    padding: 10px;
    height: 40px;
}

.chatapi-windows .user-window.minimizeit .controlbar img {
    font-size: 18px;
    color: #999999;
    margin: 0 0 0 0px;
    line-height: 22px;
    cursor: hand;
    cursor: pointer;
}

.chatapi-windows .user-window .controlbar {
    display: block;
    height: 30px;
    padding: 5px 15px;
    background-color: rgba(33, 33, 33, 0.1);
    color: #9e9e9e;
}

.chatapi-windows .user-window .controlbar .name {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    top: -5px;
    position: relative;
}

.chatapi-windows .user-window .controlbar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    margin: 0 5px 0 0;
    display: inline-block;
    top: -5px;
    position: relative;
    cursor: hand;
    cursor: pointer;
}

.chatapi-windows .user-window .controlbar .status {
    float: none;
    display: inline-block;
    margin: 0px 5px 0 0;
}

.chatapi-windows .user-window .controlbar .status i {
    margin: 0px;
    font-size: 8px;
}

.chatapi-windows .user-window .controlbar i {
    font-size: 12px;
    float: right;
    color: #777777;
    margin: 0 0 0 5px;
    line-height: 20px;
    cursor: hand;
    cursor: pointer;
}

.chatapi-windows .user-window .controlbar i:hover {
    color: #aaaaaa;
}

.chatapi-windows .user-window .typearea {
    display: block;
    height: 40px;
    padding: 0px 15px 0px 15px;
    background-color: rgba(33, 33, 33, 0.1);
}

.chatapi-windows .user-window .typearea input {
    background-color: transparent;
    color: #aaaaaa;
    font-size: 14px;
    border: 0px;
    width: 220px;
    margin: 0px 0px;
    height: 40px;
}

.chatapi-windows .user-window .typearea input:focus,
.chatapi-windows .user-window .typearea input:hover {
    border: 0px;
}

.chatapi-windows .user-window .chatarea {
    display: block;
    height: 230px;
    padding: 15px 15px 0 15px;
    background-color: #ffffff;
    color: #616161;
    overflow: hidden;
    position: relative;
    max-width: 250px;
}


/* inner chat discussion*/

.chatmsg {
    display: block;
    padding: 0 5px 15px 5px;
    position: relative;
    max-width: 220px;
}

.chatmsg .name {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #999999;
}

.chatmsg .text {
    display: block;
    font-size: 13px;
    padding-left: 0px;
    color: #616161;
    word-wrap: break-word;
}

.chatmsg .ts {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 10px;
    color: #777777;
}


/*=======================================知识库===============================*/


/* 知识库首页 */

@media (max-width: 1080px) {
    .chaXunFanWei,
    .riQiFanWei,
    .paiXuFangShi,
    .quDao {
        width: 100%;
    }
    .chaXunFanWei {
        margin-bottom: 8px;
    }
    .paiXuFangShi {
        margin-top: 8px;
    }
}

ul.zsk-order {
    margin-left: 10px;
}

ul.zsk-order li a,
ul.zsk-order li a.iconfont {
    text-decoration: none;
    color: #666;
}

ul.zsk-order li a:hover,
ul.zsk-order li a.active {
    font-weight: bold;
    color: #000;
}

ul.zsk-order li a>.iconfont,
ul.zsk-order li a:hover .iconfont {
    color: #bbb;
}

ul.zsk-order li a:hover .iconfont:hover,
ul.zsk-order li a>.iconfont.active {
    color: #f60;
}


/*搜索结果排序*/

ul.zsk-order li {
    position: relative;
    height: 36px;
    padding-right: 25px;
}

.order-up {
    /*升序*/
    position: absolute;
    top: 0;
    right: 5px;
}

.order-down {
    /*降序*/
    position: absolute;
    right: 5px;
    bottom: 0;
}


/*搜索结果过滤条件*/

.search-filter {
    line-height: 30px;
}

.input-daterange .col-xs-10 {
    float: right;
}

.toTop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 999999;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.kb-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.repository {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    width: 25%;
    margin-left: -1px;
    border: 1px solid #d8d8d8;
    border-right: none;
    border-bottom: none;
}

@media screen and (min-width: 1441px) {
    .repository {
        width: 18%;
    }
}

.repository .tab-content {
    position: absolute;
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
}

.ka-tree ul li {
    list-style-type: none;
}


/* .googoose-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 40px;
    left: 0;

    overflow-y: hidden;
} */


/*.ka-tree {
    padding: 20px;

    list-style: none;
}*/

.ka-tree ul {
    padding-left: 10px;
}

.ka-tree a {
    cursor: pointer;
    color: #606060;
}

.ka-tree a:hover {
    text-decoration: none;
    color: #339BF7;
}

.search {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: 25%;
    padding: 15px;
    margin-left: -1px;
    border: 1px solid #d8d8d8;
    border-bottom: none;
}

@media screen and (min-width: 1441px) {
    .search {
        left: 18%;
    }
}

.info-search {
    left: 0;
}

.search .search-button {
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
    color: #fff;
    background: #339BF7;
}

.search .search-button:hover {
    color: #fff;
    background: #1f90ca;
}

.search .input-group {
    float: left;
}

.search .ka-form .radio-inline,
.search .ka-form .checkbox-inline {
    padding-right: 0;
}

.knowledge-foot {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 10px;
    text-align: center;
    border-top: 1px solid #ddd;
    /* margin-top: 10px; */
    background-color: #fff;
}

.knowledgeContent {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 30px;
    left: 10px;
    overflow-y: auto;
}

.knowledge-content {
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.knowledge-content .nav-tabs {
    margin-left: -1px;
    background: #fff;
}

.knowledge-content .tab-content {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
}

.knowledge-content .tab-content .no-data {
    /*margin-top: 30px;*/
}

.knowledge-searchbox .ka-form {
    margin-top: 20px;
}


/*.knowledge-new {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;

    overflow-y: auto;
}
*/

.input-daterange-search {
    min-width: 75% !important;
    margin-top: -8px;
}

.knowledge-list-item {
    padding: 10px;
    border-bottom: 1px dotted #d8d8d8;
}

.knowledge-list-item:hover {
    padding: 0 -15px;
    background: #f6f6f6;
}

.knowledge-list-item h5 {
    padding: 2 0;
}

.knowledge-list-item small {
    margin-bottom: 10px;
}

.knowledge-list-itemh5 a:link {
    color: #4b4b4b;
}

.knowledge-list-item h5 a:visited {
    color: #aaa;
}

.knowledge-list-item h5 a:hover {
    color: #0288d1;
}

.knowledge-list-item h5 a:active {
    color: #0288d1;
}

.details {
    position: absolute;
    top: 110px;
    right: 0;
    bottom: 70px;
    left: 0;
    padding: 0 20px 20px 20px;
    overflow-y: auto;
}

.channel-ico {
    cursor: pointer;
}


/*.channel-ico:hover {
    color: #339BF7;
}
*/

.kb-bottom {
    position: fixed;
    bottom: 20px;
}

.kb-next-page {
    display: flex;
    margin-left: 46%;
}

.advanced-search {
    width: auto;
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
}

#new .edition-details {
    padding: 10px 10px;
    background: #f0f0f0;
}

.edition-details .btn-info {
    padding-right: 10px;
    padding-left: 10px;
    background: #fff;
}

.item-operation {
    position: absolute;
    top: 8px;
    right: 0;
}


/*知识库管理-知识库编辑*/

.knowledge-message-ditch {
    position: relative;
    padding: 30px 20px 20px 20px;
    margin-bottom: 15px;
    clear: both;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #f7f7f7;
}

.article-body {
    padding: 15px;
    border: 1px solid #d8d8d8;
}


/*.article-body table{
    width:100%;
}*/


/*清空知识库样式继承，调整知识库样式与所贴源文档匹配   开始*/

.article-body table th,
.article-body table td {
    text-align: left;
    margin: auto;
    text-indent: 0;
    line-height: auto;
    padding: 0;
    height: auto!important;
}

.article-body table tr {
    height: auto!important;
}

.article-body p {
    text-indent: initial!important;
    margin: auto!important;
}

.article-body p span {
    text-indent: 0;
}


/*清空知识库样式继承，调整知识库样式与所贴源文档匹配   结束*/

.btn-deleteVersion {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    z-index: 999;
    display: block;
    padding: 5px 8px;
    font-size: 12px;
    cursor: pointer;
    color: #777;
    border: 1px solid #e1e1e8;
    border-radius: 0 4px 0 4px;
    background-color: #fff;
}

.version-info {
    padding-top: 15px;
    margin-top: 15px;
    clear: both;
}

.historyVersion a {
    color: #4b4b4b;
}

.historyVersion a:hover {
    text-decoration: underline;
    color: #64D2FF;
}


/* 知识库详情页*/

.twoLine {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.threeLine {
    display: -webkit-box;
    overflow: hidden;
    line-height: 24px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.imessege-edition {
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    min-height: 280px;
}

.imessege {
    position: absolute;
    top: 30px;
    right: 6px;
    bottom: 18px;
    left: 10px;
    overflow-y: auto;
}

.webcall-edition {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    min-height: 280px;
}

#webcall {
    position: absolute;
    top: 30px;
    right: 6px;
    bottom: 18px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.history-edition {
    position: absolute;
    bottom: 0;
    left: 0;
}

.knowledge-tools {
    position: fixed;
    bottom: 0;
}

.circle {
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 3px;
    margin-right: 4px;
    border-radius: 50%;
    background: #dfdfdf;
}

.chat-tools .iconfont {
    font-size: 24px;
    color: #898989;
}

.chat-tools {
    padding: 0 5px;
}

.mg-tab {
    margin: 0;
    /*margin-top: -1px;*/
    margin-left: -1px;
}

#buszsk .mg-tab {
    background: #fff;
}


/*================================技能组渠道图=========================*/

.hr-solid {
    border-top: 1px solid #eee;
    margin-top: 5px;
    margin-bottom: 5px;
}

.li-hr-solid {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.li-hr-solid-light {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}


/*================================监控===============================*/

.border-radius-5 {
    border-radius: 5px;
}

.remoting-panel {
    padding-bottom: 15px;
    border: 0;
}

.remoting-panel .panel-heading {
    margin-top: 15px;
    margin-right: 10px;
    margin-left: 10px;
    background: #fff;
}

.remoting-panel .panel-body {
    border: 0;
}

.area100 {
    display: block;
    height: 210px;
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
    .area100 {
        height: 310px;
    }
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
    .area100 {
        height: 310px;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1600px) {
    .area100 {
        height: 310px;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1921px) {
    .area100 {
        height: 310px;
    }
}


/* 坐席监控 */

.seate-chat-panel .panel-heading {
    height: 38px;
    color: #fff;
    border: 1px solid #339BF7;
    background-color: #339BF7;
}

.seate-chat-panel .panel-title {
    display: -webkit-box;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: inherit;
}

.seate-chating {
    position: relative;
    height: 300px;
    padding: 15px 5px;
    overflow-x: hidden;
    overflow-y: auto;
}

.seate-chating .media-list .media,
.media-body {
    overflow: visible;
    zoom: 1;
}

.seate-chating .media-heading {
    position: relative;
    max-width: 96%;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #e1f5fe;
}

.seate-chating .media img {
    margin-right: 5px;
}

.seate-chating .media-list li {
    padding: 5px 2px;
    margin: 5px 0;
}


/*Submenu*/

.submenu {
    background: #fff;
}

.submenu li {
    padding: 0;
}

.submenu a {
    display: block;
    margin: 0 auto;
    line-height: 15px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    text-align: center;
    text-decoration: none;
    color: #333;
}

.submenu a:hover {
    background: #e1e1e8;
}

.submenu li p {
    padding: 5px 15px;
    margin-bottom: 0;
    line-height: 1;
}

.seating-table {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 25%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.seating-table .panel {
    position: relative;
    height: 24%;
}

.seating-table .panel-body {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
}

.table-contain {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.online-seating {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25.8%;
    width: 74%;
    overflow-y: visible;
    border: 1px #d8d8d8 solid;
}

.line-height-30 {
    line-height: 30px;
}

.notonline {
    float: left;
    width: 89px;
    height: 89px;
    margin: 5px;
    cursor: pointer;
    border: #d8d8d8 1px solid;
    background: #f7f7f9;
}

.iconfont.girl {
    font-size: 48px;
    line-height: 1.3;
    color: #f6b9b9;
}

.iconfont.boy {
    font-size: 48px;
    line-height: 1.3;
    color: #80d8ff;
}

.iconfont.women {
    font-size: 48px;
    color: #f6b9b9;
}

.iconfont.men {
    font-size: 48px;
    color: #80d8ff;
}

.iconfont.noton-women,
.iconfont.noton-men {
    font-size: 48px;
    color: #d8d8d8;
}

.iconfont.ip-call {
    font-size: 48px;
    line-height: 1.3;
    color: #80d8ff;
}

.noton-text {
    color: #d8d8d8;
}

.iconfont.alarm {
    font-size: 24px;
    color: #ff0000;
    position: absolute;
}

.iconfont.noton,
.iconfont.notonline-phone,
.iconfont.notonline-chat,
.iconfont.notonline-video {
    font-size: 28px;
    color: #d8d8d8;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.seating-iconfont {
    font-size: 28px;
    vertical-align: middle;
}

.iconfont.onbusy,
.iconfont.busy-phone,
.iconfont.busy-chat,
.iconfont.busy-video {
    font-size: 28px;
    color: #d0021b;
    cursor: pointer;
    vertical-align: middle;
}

.iconfont.free,
.iconfont.free-phone,
.iconfont.free-chat,
.iconfont.free-video {
    font-size: 28px;
    color: #7ed321;
    cursor: pointer;
    vertical-align: middle;
}

.iconfont.sevice,
.iconfont.sevice-phone,
.iconfont.sevice-chat,
.iconfont.sevice-video {
    font-size: 28px;
    color: #f5a623;
    cursor: pointer;
    vertical-align: middle;
}

.pc-service {
    font-size: 28px;
    color: inherit;
    cursor: pointer;
    vertical-align: middle;
}

.iconfont.in-service,
.in-service-phone,
.in-service-chat,
.in-service-video {
    font-size: 28px;
    color: #4a90e2;
    cursor: pointer;
    vertical-align: middle;
}

.seating-online {
    float: left;
    width: 128px;
    height: 128px;
    margin: 5px;
    line-height: .9;
    cursor: pointer;
    border: #81d4fa 1px solid;
    background: #e1f5fe;
}

.seateMonitorPop .popover {
    position: fixed !important;
}

.seating-onlineB {
    float: left;
    width: 96px;
    height: 96px;
    margin: 5px;
    line-height: 1.2;
    cursor: text;
    border: #d8d8d8 1px solid;
    background: #fff;
}

.seating-onlineB:hover {
    background: #e1f5fe;
    border: #81d4fa 1px solid;
}

.notonline .iconfont {
    font-size: 64px;
}

.seating-online:hover,
.notonline:hover {
    background: #fff;
}

.up15 {
    margin-top: -15px;
}

.notonline .seating-name {
    color: #9b9b9b;
}

.seating-state {
    /*position: inherit;*/
    /*top: 45px;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
}

.seating-action {
    position: relative;
    top: -86px;
    left: 90px;
    display: block;
    width: 480%;
}

.seating-state .popover-content .col-xs-4 .icon {
    font-size: 64px;
    color: #b3b3b3;
}

.seating-state .popover {
    max-width: 420px;
}

.seating-state .popover-content .col-xs-3 {
    width: 23%;
}

.seating-state .bubbleleft {
    border-color: transparent #fff transparent transparent;
}

#monitor_form .ka-form .input-group,
#monitor_form .input-group .select {
    min-width: auto;
}

#monitor_form .ka-form .input-group {
    float: left;
    max-width: 60%;
}

#monitor_form label.control-label {
    float: left;
    max-width: auto;
    margin-right: 10px;
    line-height: 30px;
}

#monitor_form .panel-body {
    padding: 0;
}

.online-seating .panel-heading {
    /*padding-top: 10px;*/
    padding-bottom: 0;
    background: #f7f7f7;
}

.online-seating #monitor_form .form-group {
    margin-bottom: 0;
}


/*监控提醒项开始*/

.msgbox {
    padding: 0;
    margin-top: 15px;
    color: #4a4a4a;
    border-radius: 5px;
    background: rgba(255, 255, 255, .85);
    border: 1px solid #d8d8d8;
}

.msgbox h4 {
    margin: 0;
    font-weight: 700;
    line-height: 32px;
    text-indent: 15px;
    color: #4a4a4a;
    background: rgba(0, 0, 0, .1);
}

.msg-content {
    padding: 15px;
}

.msgbox .close {
    margin-top: 3px;
    margin-right: 5px;
}


/*监控提醒项结束*/


/* bigevents */

#history * {
    padding: 0;
    box-sizing: initial;
    list-style-type: none;
}

a,
img {
    border: 0;
}

.clear {
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

#history {
    position: relative;
    height: 450px;
    margin: 20px 30px 0 auto;
}

#history * {
    box-sizing: content-box;
}

#history .title {
    height: 95px;
    line-height: 95px;
    text-indent: 40px;
}

#history .title h2 {
    font-size: 18px;
    font-weight: 500;
    color: #7c7c7c;
}

#circle {
    position: relative;
    top: -28px;
    /* left: 296px; */
    width: 83px;
    height: 83px;
    margin: 0 auto;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    text-align: center;
    text-indent: 0;
    border: 6px solid rgba(0, 0, 0, .15);
    border-radius: 95px;
}

#circle .cmsk {
    position: absolute;
    top: 0;
    left: 0;
    width: 83px;
    height: 83px;
}

#circle:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    border-color: rgba(0, 0, 0, 0);
}

.clock {
    display: block;
}

.list-inline .clock {
    display: block;
}

#circle:hover {
    border-color: rgba(255, 255, 255, .6);
    background-color: #0288d1;
}

#circle:hover .clock {
    display: block;
}

#circle:hover .circlecontent {
    display: none;
}

#circle span {
    font-size: 18px;
    color: #0288d1;
}

#circle .clock {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 83px;
    height: 83px;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    border-radius: 0;
    background: url(../img/clock.png) no-repeat 0 0;
}

#circle:hover .clock {
    border-radius: 83px;
}

.timeyear {
    font-size: 18px;
    line-height: 20px;
    color: #b0b0b0;
}

.timeblock {
    height: 28px;
    margin-top: 22px;
    margin-left: 5px;
}

.timeblock span {
    display: block;
    float: left;
    width: 18px;
    height: 24px;
    background: url(../img/date.png) no-repeat 0 0;
}

.timeblock .numf {
    background-position: 0 -48px;
}

.timeblock .nums {
    background-position: 0 0;
}

.timeblock .numt {
    background-position: 0 -24px;
}

.timeblock .numfo {
    background-position: 0 -144px;
}

#content {
    height: 355px;
    padding-top: 10px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../img/vertical.png) no-repeat center 0;
}

.list {
    position: relative;
    overflow: hidden;
}

.list li {
    position: relative;
    height: 110px;
    overflow: hidden;
    vertical-align: bottom;
}

.liwrap {
    height: 55px;
    margin-top: 28px;
}

.lileft {
    position: absolute;
    top: 28px;
    /* left: 0; */
    width: 47%;
    height: 55px;
    line-height: 55px;
    text-align: right;
}

.liright {
    position: absolute;
    top: 24px;
    right: 0;
    width: 46%;
    /* left: 378px; */
    /* height: 55px; */
}

.histt {
    height: 35px;
    line-height: 35px;
}

.hisct {
    /* margin-top: 10px; */
    /* font-size: 13px; */
    line-height: 25px;
    color: #333;
}

.hisct label,
#resetPasswordBody label {
    font-weight: normal;
}

.hisct .form-control,
.demo-list .form-control {
    height: 30px;
    background-color: #fff !important;
}

.md {
    font-size: 18px;
    color: #aeaeae;
}

.year {
    margin-right: 10px;
    font-size: 12px;
    color: #aeaeae;
}

.point {
    position: relative;
    top: 0;
    /* left: 315px; */
    width: 55px;
    height: 55px;
    margin: 0 auto;
    /* overflow: hidden; */
    background: url(../img/point.png) no-repeat 0 18px;
}

.point b {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    margin: 17px 0 0 19px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    border: 2px solid #21b1ff;
    border-radius: 18px;
    background: #fff;
}

.thiscur .point b {
    margin: 12px 0 0 14px;
    border: 7px solid rgba(14, 162, 242, .6);
    border-radius: 52px;
}

.thiscur .histt a {
    color: #0ea2f2;
}

.histt a {
    font-size: 24px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    color: #747474;
}

#arrow {
    position: fixed;
    top: 50%;
    right: 30px;
}

* html #arrow {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
    margin-top: 350px;
}

#arrow ul li {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background: url(../img/icons.png) no-repeat 0 0;
}

#arrow ul li:active {
    background-color: #000;
}

#arrow ul .arrow_active {
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
    background-color: #000;
}

#arrow ul .arrowup {
    margin-bottom: 10px;
    background-position: 0 -26px;
}

#arrow ul .arrowdown {
    background-position: 0 0;
}


/*===============================共用部分==========================*/

.font-10 {
    font-size: 10px;
}

.font-13 {
    font-size: 13px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 24px !important;
}

.height30 {
    height: 30px;
    overflow-y: auto;
}

.height32 {
    height: 32px;
}

.bottom-10 {
    margin-bottom: 10px;
}

.top-20 {
    margin-top: 20px;
}

.top-38 {
    top: 38px;
}

.bottom-160 {
    bottom: 160px;
}

.top-100 {
    margin-top: 100px;
}

.pd-5-15 {
    padding: 5px 15px;
}

.pd-10-tb {
    padding: 10px 0;
}

.pd-10-lr {
    padding: 0 10px;
}

.pd-right-10 {
    padding-right: 10px;
}

.pd-right-50 {
    padding-right: 50px;
}

.nav-tabs>li>.pd-tab {
    padding: 6px 20px;
}

.pd-left-10 {
    padding-left: 10px;
}

.pd-bottom-10 {
    padding-bottom: 10px;
}

.pd-left-20 {
    padding-left: 20px;
}

.pd-left-24 {
    padding-left: 24px;
}

.pd-left-40 {
    padding-left: 40px;
}

.pd-left-60 {
    padding-left: 60px;
}

.pd-left-100 {
    padding-left: 100px;
}

.pd-left-110 {
    padding-left: 114px;
}

.pd-left-140 {
    padding-left: 140px;
}

.pd-5 {
    padding: 5px;
}

.pd-10 {
    padding: 10px;
}

.pd-13 {
    padding: 13px;
}

.pd-15 {
    padding: 15px;
}

.pd-20 {
    padding: 20px;
}

.pd-must {
    padding-left: 17px;
}

.margin-left-4 {
    margin-left: 4px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-right-15 {
    margin-right: 15px;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-6 {
    margin-left: -6px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-top-5- {
    margin-top: -5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.around-dis {
    margin-top: 5px;
    margin-bottom: 15px;
}

.mg-20 {
    margin: 20px;
}

.mg-5 {
    margin: 5px;
}

.mg-top-5 {
    margin-top: 5px;
}

.clear-mg {
    margin: 0;
}

.no-mg-top {
    margin-top: 0;
}

.text-red {
    color: #e30000;
}

.text-green {
    color: #1fa01f;
}

.text-orange {
    color: #64D2FF;
}

.commonLanguage-view {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40%;
    z-index: 1;
    display: none;
    width: 300px;
    margin: 0;
    border: 1px solid #d8d8d8;
    background-color: #fff;
}

.commonLanguage-view .tabbable {
    margin: 10px;
    background-color: #fff;
}

.commonLanguage-view .treeOverflow-y {
    position: absolute;
    top: 103px;
    right: 15px;
    bottom: 0;
    left: 15px;
    /*height: 400px;*/
    overflow-y: auto;
}

.hiddenOverflow {
    height: 100%;
    overflow: hidden;
}

.width-100 {
    width: 100% !important;
}

.width-35 {
    width: 35%;
}

.width-65 {
    width: 65%;
}

.width-25 {
    width: 25%;
}

.width-30 {
    width: 30%;
}

.width-40 {
    width: 40%;
}

.media .clear-pd {
    padding: 0;
}

.width-15 {
    width: 15%;
}

.width-10 {
    width: 10%;
}

.width330 {
    width: 320px;
}

.width210 {
    width: 210px;
}

.width212 {
    width: 212px;
}

.word-break {
    word-break: break-all;
}

.clear-pd {
    padding: 0;
}

.clear-bottom {
    padding-bottom: 0;
}

.ka-tree {
    padding: 10px 10px 10px 15px!important;
}

.clear-top {
    padding-top: 0;
}

.clear-mg {
    margin: 0;
}

.clear-pdr {
    padding-right: 0;
}

.border2 {
    border: 2px solid #ccc;
}

.no-bm-border {
    border-bottom: none;
}

.top-46 {
    top: 46px;
}

.img-rounded {
    border-radius: 8px;
}

.container-tab {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.border-dot {
    border-bottom: 1px dotted #d8d8d8;
}

.no-border {
    border: none;
}

.no-radius {
    border-radius: 0;
}

.f-sz-19 {
    font-size: 19px;
}

.bottom-web {
    bottom: 50px;
}

.qc-lable-bg {
    display: inline-block;
    /*background-color: #ddd;*/
    width: 20px;
    height: 20px;
    padding: 4px;
    margin-top: 14px;
    margin-left: 5px;
    font-size: 10px;
    line-height: 10px;
    color: #c20000;
    border: 1px solid #c20000;
    border-radius: 50%;
}


/*常用语 收藏按钮*/

.j_cyy_collect:hover {
    cursor: pointer;
    color: #64D2FF;
}


/*坐席输入框 图片缩放*/

div[name="ChatInput"] img.imgflag {
    width: auto;
    height: auto;
    max-width: 80px;
    max-height: 86px;
}


/*数据导入*/

#perfImpCont .remark {
    position: relative;
    top: 4px;
    left: -18.83%;
}

#zjpyImpCont .remark {
    position: relative;
    top: 4px;
    left: -18.83%;
}

#perfImpCont .ka-form-button {
    position: absolute;
    right: 0;
    width: 50%;
}

#zjpyImpCont .ka-form-button {
    position: absolute;
    right: 0;
    width: 50%;
}

.data-Imp .webuploader-pick {
    position: relative;
    display: inline-block;
    padding: 6px 10px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
}

.data-Imp .webuploader-pick-hover {
    background-color: #e6e6e6;
}

.skin {
    color: #fff;
}

.red {
    background-color: #cb2225;
}

.jinzhengblue {
    background-color: #3f74b6;
}

.checkbox {
    cursor: pointer;
}

.theme-default .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #1ca8f0;
}

.theme-drop {
    cursor: pointer;
}


/*=========================================xx皮肤开始==================================================*/

.theme-red .navbar-inverse {
    border-color: #cb2225;
    background-color: #cb2225;
}

.theme-red .icontishi,
.theme-red .panel-default>.panel-heading .badge.icontishi {
    position: absolute;
    top: -3px;
    right: -6px;
    height: 16px;
    min-width: 16px;
    padding: 2px 2px 3px 3px;
    font-weight: normal;
    color: #fff;
    background: #f60;
}

.theme-red .header .navbar-nav li:hover {
    background: #f60;
}

.theme-red .btn-primary {
    color: #fff;
    border-color: #cb2225;
    background-color: #cb2225;
}

.theme-red .btn-primary:hover {
    color: #fff;
    border-color: #d24749;
    background-color: #d24749;
}

.theme-red .signin-container h2 {
    padding-bottom: 15px;
    margin-bottom: 30px;
    color: #0288d1;
    border-bottom: 1px solid #339BF7;
}

.theme-red .signin-container h2 {
    padding-bottom: 15px;
    margin-bottom: 30px;
    color: #cb2225;
    border-bottom: 1px solid #cb2225;
}

.theme-red .dropdown-menu>.active>a,
.theme-red .dropdown-menu>.active>a:hover,
.theme-red .dropdown-menu>.active>a:focus {
    text-decoration: none;
    color: #fff;
    outline: 0;
    background-color: #cb2225;
}

.theme-red .dropdown-menu>.active>a,
.theme-red .dropdown-menu>.active>a:hover,
.theme-red .dropdown-menu>.active>a:focus {
    text-decoration: none;
    color: #fff;
    outline: 0;
    background-color: #cb2225;
}

.theme-red .page-tabs a.active {
    color: #fff;
    background: #cb2225;
}

.theme-red #yy .nav-pills>li.active>a,
.theme-red .nav-pills>li.active>a:hover,
.theme-red .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #cb2225;
}

.theme-red .security-item {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 10px;
    color: #fff;
    background: #cb2225;
}

.theme-red .search .best_search a {
    color: #c50e0e;
}

.theme-red .search .search-button {
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
    color: #fff;
    background: #cb2225;
}

.theme-red .head-portrait-me {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #cb2225;
}

.theme-red .callinTldate {
    position: absolute;
    top: -1px;
    left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #cb2225;
}

.theme-red .text-blue {
    color: #cb2225;
}

.theme-red .accordion1 li.open .link {
    color: #fff;
    border-bottom: 2px solid #fff;
    background: #cb2225;
}

.theme-red #personal-info-nav .actived,
.theme-red .submenu1 .actived {
    color: #fff;
    background: #fc6c6c;
}

.theme-red .submenu1 {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
    background: #fff;
}

.theme-red .toolbar-footer .registr .tbar-tab-click-selected {
    background-color: #cb2225;
}

.theme-red .tbar-tab-registr {
    background: #cb2225;
}

.theme-red .tbar-tab-appointment {
    background: #cb2225;
}

.theme-red .tbar-tab-register {
    background: #cb2225;
}

.theme-red .tbar-tab-message {
    background: #cb2225;
}

.theme-red .tbar-tab-personaSetting {
    background: #cb2225;
}

.theme-red .nav-pills>li.active>a,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #cb2225;
}

.theme-red .chat-type {
    padding: 5px;
    margin: 0 5px;
    color: #4b4b4b;
    border-radius: 3px;
    background: #faf3fb;
}

.theme-red .alert-info {
    color: #cb2225;
    border-color: #f1bcbc;
    background-color: #f7d9d9;
}

.theme-red .bg-do {
    background: #cb2225;
}

.theme-red .bg-blue {
    background: #cb2225;
}

.theme-red .chat-panel .panel-heading {
    height: 38px;
    color: #fff;
    border: 1px solid #cb2225;
    background-color: #cb2225;
}

.theme-red .message:hover {
    background: #f60;
}

.theme-red .toolbar-footer .tab-text,
.theme-red .currentItem>a {
    background: #cb2225;
}

.theme-red .topbooter-notify {
    background: #f60;
}

.theme-red .onlineTldate {
    position: absolute;
    top: -2px;
    left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #cb2225;
}

.theme-red .currentItem>a,
.theme-red .tbar-tab-warn,
.theme-red .tbar-tab-selected,
.theme-red .tbar-tab-click-selected,
.theme-red .toolbar-footer .warn .tbar-tab-click-selected,
.theme-red .selectBtn:hover,
.theme-red .pika-button:hover,
.theme-red .head-portrait,
.theme-red .work-tldate {
    background: #cb2225;
}

.theme-red .table-hover>tbody>tr>td.info:hover,
.theme-red .table-hover>tbody>tr>th.info:hover,
.theme-red .table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.theme-red #currCusts div.pd-10:hover {
    background-color: #f3c4c4;
}

.theme-red .currentItem>a:hover {
    background-color: #64D2FF;
}

.theme-red .table-hover>tbody>tr:hover {
    background-color: #e3f4ff;
}

.theme-red .bubbleright {
    border-color: transparent transparent transparent #fff4f4;
}

.theme-red .icheckbox_square-blue,
.theme-red .iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url(../img/red.png) no-repeat;
    border: none;
    cursor: pointer;
}

.theme-red .icheckbox_square-blue {
    background-position: 0 0;
}

.theme-red .icheckbox_square-blue.hover {
    background-position: -16px 0;
}

.theme-red .icheckbox_square-blue.checked {
    background-position: -32px 0;
}

.theme-red .icheckbox_square-blue.disabled {
    background-position: -48px 0;
    cursor: default;
}

.theme-red .icheckbox_square-blue.checked.disabled {
    background-position: -64px 0;
}

.theme-red .iradio_square-blue {
    background-position: -80px;
}

.theme-red .iradio_square-blue.hover {
    background-position: -96px 0;
}

.theme-red .iradio_square-blue.checked {
    background-position: -112px 0;
}

.theme-red .iradio_square-blue.disabled {
    background-position: -128px 0;
    cursor: default;
}

.theme-red .iradio_square-blue.checked.disabled {
    background-position: -144px 0;
}


/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 1.25dppx) {
    .theme-red .icheckbox_square-blue,
    .theme-red .iradio_square-blue {
        width: 22px;
        height: 22px;
        background: url(../img/red2.png) no-repeat;
        background-image: url(../img/red@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
    /*原图坐标点*/
    .theme-red .icheckbox_square-blue {
        background-position: 0 0;
    }
    .theme-red .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .theme-red .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .theme-red .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .theme-red .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }
    .theme-red .iradio_square-blue {
        background-position: -120px 0;
    }
    .theme-red .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .theme-red .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .theme-red .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .theme-red .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }
}

.theme-red .table-striped>tbody>tr.info {
    background-color: #f3c4c4;
}

.theme-red .progress-bar {
    color: #fff;
    background-color: #f23b3b;
}

i.theme-red .icon.theme-red .iconfont.theme-red .text-center {
    text-decoration: none;
    color: #cb2225;
}

.theme-red .daterangepicker td.active,
.theme-red .daterangepicker td.active:hover {
    color: #fff;
    border-color: transparent;
    background-color: #cb2225;
}

.theme-red .tbar-tab-hover {
    left: -60px;
    background-color: #cb2225;
}

.theme-red .panel-assistant a:hover,
.theme-red .panel-assistant a:hover .icon,
.theme-red .panel-assistant a:active,
.theme-red .panel-assistant a:active .icon,
.theme-red .knowledge-list-item:hover h5 a {
    color: #d10202;
}

.theme-red .performance .tilte {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #cb2225;
}

.theme-red .chatRecord-chating .media-heading,
.theme-red .chating .media-heading,
.theme-red .record-media-body .media-heading {
    background: #fff4f4;
}

.theme-red .pagination>.active>a,
.theme-red .pagination>.active>span,
.theme-red .pagination>.active>a:hover,
.theme-red .pagination>.active>span:hover,
.theme-red .pagination>.active>a:focus,
.theme-red .pagination>.active>span:focus {
    color: #fff;
    border-color: #cb2225;
    background: #cb2225;
}

.theme-red .pagination>li>a:hover,
.theme-red .pagination>li>span:hover,
.theme-red .pagination>li>a:focus,
.theme-red .pagination>li>span:focus {
    color: #b30c0c;
}


/*.theme-red .pagination > li > a,*/

.theme-red .pagination>li>span,
.theme-red .ka-tree li:not(.notActive)>a:hover,
.theme-red .text-primary {
    color: #f01c1c;
}

.theme-red .ka-tree li.active>a {
    background-color: #f01c1c;
}


/*.theme-red a {*/


/*color: #6c1112;*/


/*}*/

.theme-red .btn-primary:active:hover,
.theme-red .btn-primary.active:hover,
.theme-red .open>.dropdown-toggle.btn-primary:hover,
.theme-red .btn-primary:active:focus,
.btn-primary.active:focus,
.theme-red .open>.dropdown-toggle.btn-primary:focus,
.theme-red .btn-primary:active.focus,
.btn-primary.active.focus,
.theme-red .open>.dropdown-toggle.btn-primary.focus {
    border-color: #cb2225;
    background-color: #cb2225;
}

.theme-red .process-item-squ {
    background: #fff url(../img/dot-red.png) 0 0 no-repeat;
}

.theme-red .channels,
.theme-red .ydwd i,
.theme-red .chat-input .icon:hover,
.theme-red .chat-input .model-1 .checkbox input:checked+label {
    color: #cb2225;
}

.theme-red .currCusts div.active,
.theme-red #currCusts div.active {
    background: #fdafaf;
}

.theme-red .pika-button:hover {
    background: #bd3535!important;
}

.theme-red .form-control:focus {
    border-color: #e96666;
}

.theme-red .done .tbar-tab-hover {
    left: -60px;
    background-color: #f60;
}

.theme-red .done .tab-text {
    background: #f60;
}

.theme-red .done .tbar-tab-selected,
.theme-red .tbar-tab-done {
    background-color: #f60;
}

.theme-red .pagination>li>a,
.theme-red .pagination>li>span {
    position: relative;
    float: left;
    padding: 5px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #f01c1c;
    border: 1px solid #ddd;
    background-color: #fff;
}

.theme-red a:hover,
.theme-red a:focus {
    text-decoration: none;
    color: #b30c0c;
}

.theme-red a {
    text-decoration: none;
    color: #b30c0c;
}

.theme-red .dubblechat-t {
    position: relative;
    padding: 0 20px;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #f23b3b;
}


/*=========================================金证蓝皮肤开始==================================================*/

.theme-jinzhengblue .navbar-inverse {
    border-color: #3f74b6;
    background-color: #3f74b6;
}

.theme-jinzhengblue .icontishi,
.theme-jinzhengblue .panel-default>.panel-heading .badge.icontishi {
    position: absolute;
    top: -3px;
    right: -6px;
    height: 16px;
    min-width: 16px;
    padding: 2px 2px 3px 3px;
    font-weight: normal;
    color: #fff;
    background: #e72027;
}

.theme-jinzhengblue .header .navbar-nav li:hover {
    background: #0288d1;
}

.theme-jinzhengblue .btn-primary {
    color: #fff;
    border-color: #3f74b6;
    background-color: #3f74b6;
}

.theme-jinzhengblue .btn-primary:hover {
    color: #fff;
    border-color: #0288d1;
    background-color: #0288d1;
}

.theme-jinzhengblue .signin-container h2 {
    padding-bottom: 15px;
    margin-bottom: 30px;
    color: #0288d1;
    border-bottom: 1px solid #339BF7;
}

.theme-jinzhengblue .signin-container h2 {
    padding-bottom: 15px;
    margin-bottom: 30px;
    color: #3f74b6;
    border-bottom: 1px solid #3f74b6;
}

.theme-jinzhengblue .dropdown-menu>.active>a,
.theme-jinzhengblue .dropdown-menu>.active>a:hover,
.theme-jinzhengblue .dropdown-menu>.active>a:focus {
    text-decoration: none;
    color: #fff;
    outline: 0;
    background-color: #3f74b6;
}

.theme-jinzhengblue .dropdown-menu>.active>a,
.theme-jinzhengblue .dropdown-menu>.active>a:hover,
.theme-jinzhengblue .dropdown-menu>.active>a:focus {
    text-decoration: none;
    color: #fff;
    outline: 0;
    background-color: #3f74b6;
}

.theme-jinzhengblue .page-tabs a.active {
    color: #fff;
    background: #3f74b6;
}

.theme-jinzhengblue #yy .nav-pills>li.active>a,
.theme-jinzhengblue .nav-pills>li.active>a:hover,
.theme-jinzhengblue .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #3f74b6;
}

.theme-jinzhengblue .security-item {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 10px;
    color: #fff;
    background: #3f74b6;
}

.theme-jinzhengblue .search .search-button {
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
    color: #fff;
    background: #3f74b6;
}

.theme-jinzhengblue .search .search-button:hover {
    color: #fff;
    background: #1f90ca;
}

.theme-jinzhengblue .head-portrait-me {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #3f74b6;
}

.theme-jinzhengblue .callinTldate {
    position: absolute;
    top: -1px;
    left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #3f74b6;
}

.theme-jinzhengblue .text-blue {
    color: #3f74b6;
}

.theme-jinzhengblue .accordion1 li.open .link {
    color: #fff;
    border-bottom: 2px solid #fff;
    background: #3f74b6;
}

.theme-jinzhengblue #personal-info-nav .actived,
.theme-jinzhengblue .submenu1 .actived {
    color: #fff;
    background: #6caffc;
}

.theme-jinzhengblue .submenu1 {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
    background: #fff;
}

.theme-jinzhengblue .toolbar-footer .registr .tbar-tab-click-selected {
    background-color: #3f74b6;
}

.theme-jinzhengblue .tbar-tab-registr {
    background: #3f74b6;
}

.theme-jinzhengblue .tbar-tab-appointment {
    background: #3f74b6;
}

.theme-jinzhengblue .tbar-tab-register {
    background: #3f74b6;
}

.theme-jinzhengblue .tbar-tab-message {
    background: #3f74b6;
}

.theme-jinzhengblue .tbar-tab-personaSetting {
    background: #3f74b6;
}

.theme-jinzhengblue .nav-pills>li.active>a,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #3f74b6;
}

.theme-jinzhengblue .chat-type {
    padding: 5px;
    margin: 0 5px;
    color: #4b4b4b;
    border-radius: 3px;
    background: #faf3fb;
}

.theme-jinzhengblue .alert-info {
    color: #3f74b6;
    border-color: #f1bcbc;
    background-color: #f7d9d9;
}

.theme-jinzhengblue .bg-do {
    background: #3f74b6;
}

.theme-jinzhengblue .bg-blue {
    background: #3f74b6;
}

.theme-jinzhengblue .chat-panel .panel-heading {
    height: 38px;
    color: #fff;
    border: 1px solid #3f74b6;
    background-color: #3f74b6;
}

.theme-jinzhengblue .message:hover {
    background: #e72027;
}

.theme-jinzhengblue .toolbar-footer .tab-text,
.theme-jinzhengblue .currentItem>a {
    background: #3f74b6;
}

.theme-jinzhengblue .topbooter-notify {
    background: #e72027;
}

.theme-jinzhengblue .onlineTldate {
    position: absolute;
    top: -2px;
    left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #3f74b6;
}

.theme-jinzhengblue .currentItem>a,
.theme-jinzhengblue .tbar-tab-warn,
.theme-jinzhengblue .tbar-tab-selected,
.theme-jinzhengblue .tbar-tab-click-selected,
.theme-jinzhengblue .toolbar-footer .warn .tbar-tab-click-selected,
.theme-jinzhengblue .selectBtn:hover,
.theme-jinzhengblue .pika-button:hover,
.theme-jinzhengblue .head-portrait,
.theme-jinzhengblue .work-tldate {
    background: #3f74b6;
}

.theme-jinzhengblue .table-hover>tbody>tr>td.info:hover,
.theme-jinzhengblue .table-hover>tbody>tr>th.info:hover,
.theme-jinzhengblue .table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.theme-jinzhengblue #currCusts div.pd-10:hover {
    background-color: #c4dff3;
}

.theme-jinzhengblue .currentItem>a:hover {
    background-color: #6caffc;
}

.theme-jinzhengblue .table-hover>tbody>tr:hover {
    background-color: #e3f4ff;
}

.theme-jinzhengblue .bubbleright {
    border-color: transparent transparent transparent #e1f5fe;
}

.theme-jinzhengblue .icheckbox_square-blue,
.theme-jinzhengblue .iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url(../img/red.png) no-repeat;
    border: none;
    cursor: pointer;
}

.theme-jinzhengblue .icheckbox_square-blue {
    background-position: 0 0;
}

.theme-jinzhengblue .icheckbox_square-blue.hover {
    background-position: -16px 0;
}

.theme-jinzhengblue .icheckbox_square-blue.checked {
    background-position: -32px 0;
}

.theme-jinzhengblue .icheckbox_square-blue.disabled {
    background-position: -48px 0;
    cursor: default;
}

.theme-jinzhengblue .icheckbox_square-blue.checked.disabled {
    background-position: -64px 0;
}

.theme-jinzhengblue .iradio_square-blue {
    background-position: -80px;
}

.theme-jinzhengblue .iradio_square-blue.hover {
    background-position: -96px 0;
}

.theme-jinzhengblue .iradio_square-blue.checked {
    background-position: -112px 0;
}

.theme-jinzhengblue .iradio_square-blue.disabled {
    background-position: -128px 0;
    cursor: default;
}

.theme-jinzhengblue .iradio_square-blue.checked.disabled {
    background-position: -144px 0;
}


/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 1.25dppx) {
    .theme-jinzhengblue .icheckbox_square-blue,
    .theme-jinzhengblue .iradio_square-blue {
        width: 22px;
        height: 22px;
        background: url(../img/red2.png) no-repeat;
        background-image: url(../img/red@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
    /*原图坐标点*/
    .theme-jinzhengblue .icheckbox_square-blue {
        background-position: 0 0;
    }
    .theme-jinzhengblue .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .theme-jinzhengblue .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .theme-jinzhengblue .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .theme-jinzhengblue .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }
    .theme-jinzhengblue .iradio_square-blue {
        background-position: -120px 0;
    }
    .theme-jinzhengblue .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .theme-jinzhengblue .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .theme-jinzhengblue .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .theme-jinzhengblue .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }
}

.theme-jinzhengblue .table-striped>tbody>tr.info {
    background-color: #c4dff3;
}

.theme-jinzhengblue .progress-bar {
    color: #fff;
    background-color: #f23b3b;
}

i.theme-jinzhengblue .icon.theme-jinzhengblue .iconfont.theme-jinzhengblue .text-center {
    text-decoration: none;
    color: #3f74b6;
}

.theme-jinzhengblue .daterangepicker td.active,
.theme-jinzhengblue .daterangepicker td.active:hover {
    color: #fff;
    border-color: transparent;
    background-color: #3f74b6;
}

.theme-jinzhengblue .tbar-tab-hover {
    left: -60px;
    background-color: #3f74b6;
}

.theme-jinzhengblue .panel-assistant a:hover,
.theme-jinzhengblue .panel-assistant a:hover .icon,
.theme-jinzhengblue .panel-assistant a:active,
.theme-jinzhengblue .panel-assistant a:active .icon,
.theme-jinzhengblue .knowledge-list-item:hover h5 a {
    color: #d10202;
}

.theme-jinzhengblue .performance .tilte {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #3f74b6;
}

.theme-jinzhengblue .chatRecord-chating .media-heading,
.theme-jinzhengblue .chating .media-heading,
.theme-jinzhengblue .record-media-body .media-heading {
    background: #e1f5fe;
}

.theme-jinzhengblue .pagination>.active>a,
.theme-jinzhengblue .pagination>.active>span,
.theme-jinzhengblue .pagination>.active>a:hover,
.theme-jinzhengblue .pagination>.active>span:hover,
.theme-jinzhengblue .pagination>.active>a:focus,
.theme-jinzhengblue .pagination>.active>span:focus {
    color: #fff;
    border-color: #3f74b6;
    background: #3f74b6;
}

.theme-jinzhengblue .pagination>li>a:hover,
.theme-jinzhengblue .pagination>li>span:hover,
.theme-jinzhengblue .pagination>li>a:focus,
.theme-jinzhengblue .pagination>li>span:focus {
    color: #333;
}

.theme-jinzhengblue .pagination>li>a,
.theme-jinzhengblue .pagination>li>span,
.theme-jinzhengblue .ka-tree li:not(.notActive)>a:hover,
.theme-jinzhengblue .text-primary {
    color: #3f74b6;
}

.theme-jinzhengblue .ka-tree li.active>a {
    background-color: #3f74b6;
}


/*.theme-jinzhengblue a {*/


/*color: #6c1112;*/


/*}*/

.theme-jinzhengblue .btn-primary:active:hover,
.theme-jinzhengblue .btn-primary.active:hover,
.theme-jinzhengblue .open>.dropdown-toggle.btn-primary:hover,
.theme-jinzhengblue .btn-primary:active:focus,
.btn-primary.active:focus,
.theme-jinzhengblue .open>.dropdown-toggle.btn-primary:focus,
.theme-jinzhengblue .btn-primary:active.focus,
.btn-primary.active.focus,
.theme-jinzhengblue .open>.dropdown-toggle.btn-primary.focus {
    border-color: #3f74b6;
    background-color: #3f74b6;
}

.theme-jinzhengblue .process-item-squ {
    background: #fff url(../img/dot-red.png) 0 0 no-repeat;
}

.theme-jinzhengblue .channels,
.theme-jinzhengblue .ydwd i,
.theme-jinzhengblue .chat-input .icon:hover,
.theme-jinzhengblue .chat-input .model-1 .checkbox input:checked+label {
    color: #3f74b6;
}

.theme-jinzhengblue .currCusts div.active,
.theme-jinzhengblue #currCusts div.active {
    background: #afe3fd;
}

.theme-jinzhengblue .pika-button:hover {
    background: #bd3535!important;
}

.theme-jinzhengblue .form-control:focus {
    border-color: #3f74b6;
}

.theme-jinzhengblue .done .tbar-tab-hover {
    left: -60px;
    background-color: #e72027;
}

.theme-jinzhengblue .done .tab-text {
    background: #e72027;
}

.theme-jinzhengblue .done .tbar-tab-selected,
.theme-jinzhengblue .tbar-tab-done {
    background-color: #e72027;
}

.jinzhengblue {
    background-color: #3f74b6;
}


/*南京证券默认皮肤开始*/

.theme-nanjingDefault .currentItem>a .dutyCat {
    color: #3c2121;
}

.theme-nanjingDefault .header nav ul li,
.theme-nanjingDefault .header nav ul li a {
    position: relative;
    font-size: .8;
    color: #3c2121;
}

.theme-nanjingDefault .skin {
    color: #3c2121;
}

.theme-nanjingDefault .navbar-inverse {
    border-color: #8febff;
    background-color: #8febff;
}

.theme-nanjingDefault .icontishi,
.theme-nanjingDefault .panel-default>.panel-heading .badge.icontishi {
    position: absolute;
    top: -3px;
    right: -6px;
    height: 16px;
    min-width: 16px;
    padding: 2px 2px 3px 3px;
    font-weight: normal;
    color: #fff;
    background: #e72027;
}

.theme-nanjingDefault .header .navbar-nav li:hover {
    background: #8094dd;
}

.theme-nanjingDefault .btn-primary {
    color: #3c2121;
    border-color: #8febff;
    background-color: #8febff;
}

.theme-nanjingDefault .btn-primary:hover {
    color: #fff;
    border-color: #339BF7;
    background-color: #339BF7;
}

.theme-nanjingDefault .signin-container h2 {
    padding-bottom: 15px;
    margin-bottom: 30px;
    color: #0288d1;
    border-bottom: 1px solid #339BF7;
}

.theme-nanjingDefault .dropdown-menu>.active>a,
.theme-nanjingDefault .dropdown-menu>.active>a:hover,
.theme-nanjingDefault .dropdown-menu>.active>a:focus {
    text-decoration: none;
    color: #3c2121;
    outline: 0;
    background-color: #8febff;
}

.theme-nanjingDefault .dropdown-menu>.active>a,
.theme-nanjingDefault .dropdown-menu>.active>a:hover,
.theme-nanjingDefault .dropdown-menu>.active>a:focus {
    text-decoration: none;
    color: #3c2121;
    outline: 0;
    background-color: #8febff;
}

.theme-nanjingDefault .page-tabs a.active {
    color: #3c2121;
    background: #8febff;
}

.theme-nanjingDefault #yy .nav-pills>li.active>a,
.theme-nanjingDefault .nav-pills>li.active>a:hover,
.theme-nanjingDefault .nav-pills>li.active>a:focus {
    color: #3c2121;
    background-color: #8febff;
}

.theme-nanjingDefault .security-item {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 10px;
    color: #3c2121;
    background: #8febff;
}

.theme-nanjingDefault .search .search-button {
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
    color: #3c2121;
    background: #8febff;
}

.theme-nanjingDefault .search .search-button:hover {
    color: #fff;
    background: #1f90ca;
}

.theme-nanjingDefault .head-portrait-me {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #3c2121;
    border-radius: 50%;
    background: #8febff;
}

.theme-nanjingDefault .callinTldate {
    position: absolute;
    top: -1px;
    left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #3c2121;
    border: none;
    border-radius: 50%;
    background: #8febff;
}

.theme-nanjingDefault .text-blue {
    color: #3f74b6;
}

.theme-nanjingDefault .accordion1 li.open .link {
    color: #fff;
    border-bottom: 2px solid #fff;
    background: #3f74b6;
}

.theme-nanjingDefault #personal-info-nav .actived,
.theme-nanjingDefault .submenu1 .actived {
    color: #fff;
    background: #6caffc;
}

.theme-nanjingDefault .submenu1 {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #f6f6f6;
    border-left: 1px solid #f6f6f6;
    background: #fff;
}

.theme-nanjingDefault .toolbar-footer .registr .tbar-tab-click-selected {
    background-color: #8febff;
}

.theme-nanjingDefault .tbar-tab-registr {
    background: #8febff;
}

.theme-nanjingDefault .tbar-tab-appointment {
    background: #8febff;
}

.theme-nanjingDefault .tbar-tab-register {
    background: #8febff;
}

.theme-nanjingDefault .tbar-tab-message {
    background: #8febff;
}

.theme-nanjingDefault .tbar-tab-personaSetting {
    background: #8febff;
}

.theme-nanjingDefault .nav-pills>li.active>a,
.theme-nanjingDefault nav-pills>li.active>a:focus {
    color: #3c2121;
    background-color: #8febff;
}

.theme-nanjingDefault .chat-type {
    padding: 5px;
    margin: 0 5px;
    color: #4b4b4b;
    border-radius: 3px;
    background: #faf3fb;
}

.theme-nanjingDefault .alert-info {
    color: #3f74b6;
    border-color: #f1bcbc;
    background-color: #f7d9d9;
}

.theme-nanjingDefault .bg-do {
    background: #8febff;
}

.theme-nanjingDefault .bg-blue {
    background: #8febff;
}

.theme-nanjingDefault .chat-panel .panel-heading {
    height: 38px;
    color: #3c2121;
    border: 1px solid #8febff;
    background-color: #8febff;
}

.theme-nanjingDefault .message:hover {
    background: #e72027;
}

.theme-nanjingDefault .toolbar-footer .tab-text,
.theme-nanjingDefault .currentItem>a {
    background: #8febff;
}

.theme-nanjingDefault .topbooter-notify {
    background: #e72027;
}

.theme-nanjingDefault .onlineTldate {
    position: absolute;
    top: -2px;
    left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #3c2121;
    border: none;
    border-radius: 50%;
    background: #8febff;
}

.theme-nanjingDefault .currentItem>a,
.theme-nanjingDefault .tbar-tab-warn,
.theme-nanjingDefault .tbar-tab-selected,
.theme-nanjingDefault .tbar-tab-click-selected,
.theme-nanjingDefault .toolbar-footer .warn .tbar-tab-click-selected,
.theme-nanjingDefault .selectBtn:hover,
.theme-nanjingDefault .pika-button:hover,
.theme-nanjingDefault .head-portrait,
.theme-nanjingDefault .work-tldate {
    background: #8febff;
}

.theme-nanjingDefault .table-hover>tbody>tr>td.info:hover,
.theme-nanjingDefault .table-hover>tbody>tr>th.info:hover,
.theme-nanjingDefault .table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.theme-nanjingDefault #currCusts div.pd-10:hover {
    background-color: #c4dff3;
}

.theme-nanjingDefault .currentItem>a:hover {
    background-color: #6caffc;
}

.theme-nanjingDefault .table-hover>tbody>tr:hover {
    background-color: #e3f4ff;
}

.theme-nanjingDefault .bubbleright {
    border-color: transparent transparent transparent #e1f5fe;
}

.theme-nanjingDefault .icheckbox_square-blue,
.theme-nanjingDefault .iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url(../img/red.png) no-repeat;
    border: none;
    cursor: pointer;
}

.theme-nanjingDefault .icheckbox_square-blue {
    background-position: 0 0;
}

.theme-nanjingDefault .icheckbox_square-blue.hover {
    background-position: -16px 0;
}

.theme-nanjingDefault .icheckbox_square-blue.checked {
    background-position: -32px 0;
}

.theme-nanjingDefault .icheckbox_square-blue.disabled {
    background-position: -48px 0;
    cursor: default;
}

.theme-nanjingDefault .icheckbox_square-blue.checked.disabled {
    background-position: -64px 0;
}

.theme-nanjingDefault .iradio_square-blue {
    background-position: -80px;
}

.theme-nanjingDefault .iradio_square-blue.hover {
    background-position: -96px 0;
}

.theme-nanjingDefault .iradio_square-blue.checked {
    background-position: -112px 0;
}

.theme-nanjingDefault .iradio_square-blue.disabled {
    background-position: -128px 0;
    cursor: default;
}

.theme-nanjingDefault .iradio_square-blue.checked.disabled {
    background-position: -144px 0;
}


/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 1.25dppx) {
    .theme-nanjingDefault .icheckbox_square-blue,
    .theme-nanjingDefault .iradio_square-blue {
        width: 22px;
        height: 22px;
        background: url(../img/red2.png) no-repeat;
        background-image: url(../img/red@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
    /*原图坐标点*/
    .theme-nanjingDefault .icheckbox_square-blue {
        background-position: 0 0;
    }
    .theme-nanjingDefault .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .theme-nanjingDefault .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .theme-nanjingDefault .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .theme-nanjingDefault .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }
    .theme-nanjingDefault .iradio_square-blue {
        background-position: -120px 0;
    }
    .theme-nanjingDefault .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .theme-nanjingDefault .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .theme-nanjingDefault .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .theme-nanjingDefault .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }
}

.theme-nanjingDefault .table-striped>tbody>tr.info {
    background-color: #c4dff3;
}

.theme-nanjingDefault .progress-bar {
    color: #fff;
    background-color: #f23b3b;
}

i.theme-nanjingDefault .icon.theme-nanjingDefault .iconfont.theme-nanjingDefault .text-center {
    text-decoration: none;
    color: #8febff;
}

.theme-nanjingDefault .daterangepicker td.active,
.theme-nanjingDefault .daterangepicker td.active:hover {
    color: #3c2121;
    border-color: transparent;
    background-color: #8febff;
}

.theme-nanjingDefault .tbar-tab-hover {
    left: -60px;
    background-color: #8febff;
}

.theme-nanjingDefault .panel-assistant a:hover,
.theme-nanjingDefault .panel-assistant a:hover .icon,
.theme-nanjingDefault .panel-assistant a:active,
.theme-nanjingDefault .panel-assistant a:active .icon,
.theme-nanjingDefault .knowledge-list-item:hover h5 a {
    color: #0d63a4;
}

.theme-nanjingDefault .performance .tilte {
    height: 30px;
    line-height: 30px;
    color: #3c2121;
    background: #8febff;
}

.theme-nanjingDefault .chatRecord-chating .media-heading,
.theme-nanjingDefault .chating .media-heading,
.theme-nanjingDefault .record-media-body .media-heading {
    background: #e1f5fe;
}

.theme-nanjingDefault .pagination>.active>a,
.theme-nanjingDefault .pagination>.active>span,
.theme-nanjingDefault .pagination>.active>a:hover,
.theme-nanjingDefault .pagination>.active>span:hover,
.theme-nanjingDefault .pagination>.active>a:focus,
.theme-nanjingDefault .pagination>.active>span:focus {
    color: #3c2121;
    border-color: #8febff;
    background: #8febff;
}

.theme-nanjingDefault .pagination>li>a:hover,
.theme-nanjingDefault .pagination>li>span:hover,
.theme-nanjingDefault .pagination>li>a:focus,
.theme-nanjingDefault .pagination>li>span:focus {
    color: #333;
}

.theme-nanjingDefault .pagination>li>a,
.theme-nanjingDefault .pagination>li>span,
.theme-nanjingDefault .ka-tree li:not(.notActive)>a:hover,
.theme-nanjingDefault .text-primary {
    color: #0d63a4;
}

.theme-nanjingDefault .ka-tree li.active>a {
    background-color: #0d63a4;
}


/*.theme-nanjingDefault a {*/


/*color: #6c1112;*/


/*}*/

.theme-nanjingDefault .btn-primary:active:hover,
.theme-nanjingDefault .btn-primary.active:hover,
.theme-nanjingDefault .open>.dropdown-toggle.btn-primary:hover,
.theme-nanjingDefault .btn-primary:active:focus,
.btn-primary.active:focus,
.theme-nanjingDefault .open>.dropdown-toggle.btn-primary:focus,
.theme-nanjingDefault .btn-primary:active.focus,
.btn-primary.active.focus,
.theme-nanjingDefault .open>.dropdown-toggle.btn-primary.focus {
    border-color: #8febff;
    background-color: #8febff;
}

.theme-nanjingDefault .process-item-squ {
    background: #fff url(../img/dot-red.png) 0 0 no-repeat;
}

.theme-nanjingDefault .channels,
.theme-nanjingDefault .ydwd i,
.theme-nanjingDefault .chat-input .icon:hover,
.theme-nanjingDefault .chat-input .model-1 .checkbox input:checked+label {
    color: #8febff;
}

.theme-nanjingDefault .currCusts div.active,
.theme-nanjingDefault #currCusts div.active {
    background: #afe3fd;
}

.theme-nanjingDefault .pika-button:hover {
    background: #bd3535!important;
}

.theme-nanjingDefault .form-control:focus {
    border-color: #8febff;
}

.theme-nanjingDefault .done .tbar-tab-hover {
    left: -60px;
    background-color: #e72027;
}

.theme-nanjingDefault .done .tab-text {
    background: #e72027;
}

.theme-nanjingDefault .done .tbar-tab-selected,
.theme-nanjingDefault .tbar-tab-done {
    background-color: #e72027;
}

.nanjingDefault {
    background-color: #8febff;
}


/*南京证券默认皮肤结束*/

.ywblfont {
    font-size: 15px;
}

.btn-special {
    float: left;
    width: 30%!important;
}

.declare-wj {
    padding-top: 0;
}

.declare-wj h3 {
    margin-bottom: 15px;
    line-height: 2;
    background: #f8f8f8;
}

.video-tempate {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    width: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #d8d8d8;
    background: #fff;
    box-shadow: 2px 2px 10px #aaa;
}

.video-btn button {
    width: 130px;
}

.send-msg-box {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    border: 1px solid #d8d8d8;
}

.video-btn button {
    width: 130px;
}

.calloutBtn {
    position: relative;
    top: -25px;
    left: 125px;
    display: inline-block;
    padding-right: 0;
    font-size: 24px;
    line-height: 20px;
}

.callout-customer-detail-info {
    position: absolute;
    top: 232px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-left: 10px;
    overflow: hidden;
}

@media screen and (min-height: 900px) {
    .callout-customer-detail-info {
        top: 172px;
    }
}


/*通话登记(呼入)*/

.callTable th {
    white-space: nowrap;
    background-color: #eee;
}

.callTable td {
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}


/*权限管理(新版)*/

.authorityManagement table thead th {
    white-space: nowrap;
    background-color: #80d8ff;
}

.td-table,
.authorityManagement table th {
    text-align: center;
    vertical-align: middle !important;
}

.authorityManagement .authority {
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.text-center-important {
    text-align: center;
}

.btn_width {
    width: 20%;
}


/*传统业务办理*/

.border-gray-padding10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 10px;
}

.border-gray-padding10:hover {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    -moz-box-shadow: 0px 0px 10px #f7f7f7;
    box-shadow: 0px 0px 10px #f7f7f7;
    background-color: #f7f7f7;
    color: #888888;
}

.vertical-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.text-100 {
    width: 100%;
}

.titleColor {
    color: #2B2E37;
}

.iconfont.icon-40 {
    display: block;
    font-size: 40px;
    text-align: center;
    color: #64D2FF;
}

.textLeft {
    text-align: left !important;
}

.css-personalInfo .form-group {
    padding-bottom: 5px
}

.css-personalInfo .control-label {
    width: 140px;
}


/**
add by felix 20170805
*/

#slide {
    background-color: #3b3f50;
    width: 55px;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99999
}

#slide dl {
    /*   list-style:none;
    margin:0;
    width:44px;
    position:absolute;
    left:0;
    margin-top:-240px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1rem;
}

#slide dt {
    position: absolute;
    width: auto;
    display: block;
    bottom: 0;
    left: 1px
}

#slide dt a {
    width: 55px;
}

#slide dd {
    border-bottom: 1px solid #184e7e;
    font: normal 12px/normal 'microsoft yahei'
}

#slide a,
#slide a:link,
#slide a:visited {
    text-decoration: none;
    display: block;
    height: 60px;
    background: transparent url(../img/fixed.png) top center no-repeat;
    color: #fff;
    text-align: center;
    line-height: 90px;
    overflow: hidden
}

#slide a:hover {
    background-color: #1c588e
}

#slide a.con {
    background-position: -127px -10px
}

#slide a.close {
    background-color: #c40000;
    background-position: -422px top
}

#slide .popover-content {
    background: #DAF3F5;
}

.popwrap {
    width: 240px;
}

#slide .ui-link a {
    background: none;
    color: #4b4b4b;
    line-height: 35px;
    height: 35px;
    text-align: left;
}

#slide .ui-link a:hover {
    background: #00a2d4;
    color: #fff;
}

#slide .ui-link a:visited {
    background-color: #ff0000;
    background: none;
    color: #4b4b4b;
}

.flow-wrapper-crm {
    height: auto;
    width: 99%
}

.wj-wt {
    position: absolute;
    top: 30px;
    right: 0;
    height: 580px;
    left: 0;
    overflow: hidden;
}

.wj-wt-l {
    position: absolute;
    right: 0;
    height: 95%;
    left: 0;
    overflow: hidden;
}

.wt-da {
    overflow: auto;
}

.tm-modal {
    bottom: 0;
    position: absolute;
    top: 0;
    padding: 10px;
    overflow: auto;
}

.callinProcessbox-new {
    position: relative;
    right: 0;
    left: 0;
    margin-bottom: 10px;
    /*margin-left: 15px;
    border-left: 1px solid #d8d8d8;*/
}

.callinProcessbox-rw {
    position: relative;
    right: 0;
    left: 0;
    /*margin-left: 15px;
    border-left: 1px solid #d8d8d8;*/
}

.callinProcessbox-new .orderico {
    display: none;
}

.callinProcessbox-new:hover .orderico {
    display: block;
}

.ques-color {
    background-color: #f9f9f9;
}

.order-top {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 0.8rem;
    text-align: center;
    width: 24px;
    height: 24px
}

.order-down {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 16px;
}

.order-top i.icon.iconfont,
.order-down i.icon.iconfont {
    font-size: 16px;
    color: #0E3460;
    cursor: pointer;
    line-height: 24px;
}

.order-top:hover,
.order-down:hover {
    border-radius: 3px;
    border: 1px solid #0E3460;
    background: #0b74aa;
}

.order-top:hover i.icon.iconfont,
.order-down:hover i.icon.iconfont {
    color: #ffffff;
}

.order-top-comb {
    position: absolute;
    right: 1px;
    top: -10px;
    font-size: 0.8rem;
    text-align: center;
    width: 24px;
    height: 24px
}

.order-down-comb {
    position: absolute;
    right: 1px;
    top: 7px;
    font-size: 0.8rem;
    text-align: center;
    width: 24px;
    height: 24px;
}

.order-top-comb i.icon.iconfont,
.order-down-comb i.icon.iconfont {
    font-size: 10px;
    color: #0E3460;
    cursor: pointer;
    line-height: 12px;
}


/*.order-top-comb:hover,
.order-down-comb:hover{
    border-radius: 1px;
    border:0px solid #0E3460;
    background: #0b74aa;
}
.order-top-comb:hover i.icon.iconfont,
.order-down-comb:hover i.icon.iconfont{
    color: #ffffff;
}*/

.form-control-tt {
    width: 95%;
    height: 28px;
    padding: 5px 12px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1.4285;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    background-image: none;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-color: black
}

.form-control-tt-jy {
    width: 95%;
    height: 28px;
    padding: 5px 12px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1.4285;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #555;
    border: 0px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    background-image: none;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-color: black
}

.flow-wrapper-crm {
    height: auto;
    width: 99%
}


/*新在线客服坐席端*/

.chatList {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    overflow-y: auto;
}

.chatPanel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15%;
    float: left;
    width: 35%;
}

.customerView {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: 0;
}


/*在线客服聊天右边tab页*/

.customerView>.onlineQCdiv .hd {
    position: relative;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    border-bottom: 1px solid #d8d8d8;
    background: #f7f7f9;
}

.customerView>.onlineQCdiv .panel-body {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
}

.customerView>.onlineQCdiv .hd ul {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    height: 40px;
}

.customerView>.onlineQCdiv .hd ul li.on {
    height: 40px;
    margin-left: -1px;
    border-right: 0;
    border-bottom: 3px solid #0288d1;
    border-left: 0;
    background: #f7f7f9;
}

.head-img {
    width: 40px;
    height: 40px;
}


/*#f5fafc*/

.chatCustomer .active {
    background-color: #f5fafc;
}

.customer-name-right {
    margin-bottom: 5px;
    font-size: 10px;
    text-align: right;
    color: #989898;
}

.badge-red {
    display: inline-block;
    min-width: 10px;
    padding: 2px 2px;
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    border-radius: 10px;
    background-color: #d0021b;
}

.chatList .list-group-item.active,
.chatList .list-group-item.active:hover,
.chatList .list-group-item.active:focus {
    z-index: 2;
    color: white;
    /* border-color: #1ca8f0; */
    background-color: #647b86;
}

.chatList .list-group-item {
    padding: 10px 10px;
    border: none;
    background-color: inherit;
}

.chatList a.list-group-item,
.chatList button.list-group-item {
    color: white;
}

.chatList a.list-group-item:hover,
.chatList button.list-group-item:hover,
.chatList a.list-group-item:focus,
.chatList button.list-group-item:focus {
    background-color: #3f74b6;
    /* border: 1px solid #3f74b6; */
}

.colorAnHeight {
    background-color: #224352;
    height: 100%;
}

.chat-toolbar a {
    padding: 0 5px;
}

.chatHover:hover {
    background: #f6f6f6;
}


/*短信定制*/

#pitch .ka-form .panel-body .form-group:nth-child(odd) {
    background: #fafafa;
}

#pitch .ka-form .panel-body .control-label {
    font-weight: 700;
    color: #666;
}


/*在线客服监控*/

.chatList-seats {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    width: 15%;
    overflow-y: auto;
}

.chatPanel-seats {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 15%;
    float: left;
    width: 35%;
}

.width50 {
    min-width: 50% !important;
    width: 50% !important;
}

.width75 {
    min-width: 75% !important;
    width: 75% !important;
}

.width85 {
    width: 85%
}

.chatPanel-seats .panel-heading {
    height: 38px;
    color: #fff;
    border: 1px solid #339BF7;
    background-color: #339BF7;
}

.chatPanel-seats .panel-title {
    display: -webkit-box;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: inherit;
}

.customerView-seats {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: 0;
}

.navbar-seats {
    line-height: 50px;
    background-color: #2A435A;
    box-shadow: 0 1px 0 0 rgba(102, 102, 102, 0.50);
}

.header-seats nav ul {
    margin-bottom: 0;
}

.header-seats nav ul li,
.header-seats nav ul li a {
    position: relative;
    color: #fff;
}

.header-seats nav ul li .dropdown-menu>li>a:hover {
    background-color: #fff;
}

.header-seats ul.list-unstyled.list-inline {
    line-height: 50px;
    color: #fff;
}

.badge-seats {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    border-radius: 10px;
    background-color: #d0021b;
}

.name-seats {
    display: inline-block;
    min-width: 50px;
    max-width: 70px;
}

.chat-input-new {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: table-cell;
    height: 60px;
    border-top: #ddd 1px solid;
}

.bottom60 {
    bottom: 60px;
}

@media screen and (max-width: 768px) {
    .hidden768 {
        display: none !important;
    }
}

.monitor-seat-detail {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.r-tab-content-wj {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    /*width: 69%;*/
    /*border-left: 1px solid #d8d8d8;*/
}

.r-tab-content-wj-left {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
}


/*.r-tab-content-wj-left a:click {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    left:0;
}*/

.wj-tm-yy {
    background-color: #dddddd;
}

.wj-tm-zh-new {
    float: right;
    margin-right: 70px;
}

.progress-bar-dqzt {
    font-size: 1.0rem;
    line-height: 24px;
    float: none;
    color: #666;
    /*background: #339BF7;*/
}

.cd-panel {
    /*...*/
    visibility: hidden;
    transition: visibility 0s 0.6s;
}

.cd-panel.is-visible {
    visibility: visible;
    transition: visibility 0s 0s;
}

.cd-panel-header {
    /*...*/
    position: fixed;
    top: -50px;
    width: 90%;
    left: 45%;
    height: 50px;
    transition: top 1s 0s;
}

.is-visible .cd-panel-header {
    top: 0;
    left: 45%;
    transition: top 1s 0.3s;
}

.cd-panel-container {
    /*...*/
    position: fixed;
    width: 49.5%;
    height: 90%;
    top: 49px;
    right: 0;
    background-color: #9aafe5;
    transition-property: transform;
    transition-duration: 1.2s;
    transition-delay: 0.1s;
    transform: translate3d(100%, 0, 100px);
}

.is-visible .cd-panel-container {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.8s;
}

.cd-panel-container-btn {
    position: absolute;
    right: 15px;
    top: 1px;
    z-index: 9999
}

.vertical-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.progress-bar-rw-bfb {
    font-size: 12px;
    vertical-align: top;
    line-height: normal;
}

.com-lang-mng {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px solid #d8d8d8;
    background: #fcfcfc
}

.online-weChatComLanguage {
    margin-top: 5px;
}

.j-popover-callIn .popover {
    position: fixed !important;
}

.call-res-check {
    margin: 0 5px;
}


/* 在线客服标签页上面的未读消息提示样式 */

.top-notify {
    margin-left: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #d0021b;
}

.notifyLevel_1 {
    background: #ffc107;
}

.notifyLevel_2 {
    background: #ff9800;
}

.notifyLevel_3 {
    background: #d32f2f;
}


/**/

@media screen and (min-width: 0px) and (max-width: 767px)
/*对应样式hidden-xs*/

{
    /*通讯录、营业网点、知识库在小屏幕下占满栅格*/
    .searchSmall {
        left: 0;
    }
}

.collapsetreeview {
    position: absolute;
    top: -1px;
    bottom: 0;
    right: 0;
    top: 50px;
    width: 320px;
    border: 1px solid #d8d8d8;
    z-index: 999;
    background: #f8f8f8;
    box-shadow: 0 0 3px #aaa;
}

.collapsetreeview .tab-content {
    position: absolute;
    top: 46px;
    right: 0;
    bottom: 0;
    left: 0;
}

.submenu_index {
    background: #333333;
    position: fixed;
    color: #0d8bcb;
    line-height: 2;
}

.submenu_index li:hover {
    background: #666666;
}

.submenu_index li:hover a {
    color: #FFFFFF;
}

.submenu_index li span {
    font-size: 0.8;
}

.nav.side-menu1>li>a span {
    position: relative;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    clear: both;
    font-size: 12px;
}

#seating-pop .popover {
    position: fixed;
}


/*历史会话*/

.history-panel {
    float: left;
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 50%;
    width: 40%;
    z-index: 9;
}

.history-panel .panel-heading {
    height: 38px;
    color: #fff;
    border: 1px solid #339BF7;
    background-color: #339BF7;
}

.theme-red .history-panel .panel-heading {
    height: 38px;
    color: #fff;
    border: 1px solid #cb2225;
    background-color: #cb2225;
}

.theme-jinzhengblue .history-panel .panel-heading {
    height: 38px;
    color: #fff;
    border: 1px solid #3f74b6;
    background-color: #3f74b6;
}

.history-panel .panel-title {
    display: -webkit-box;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: inherit;
}

.history-body {
    position: relative;
    overflow: hidden;
}

.history-body-search {
    position: relative;
    overflow: hidden;
}

.history-body-jrlsh {
    position: relative;
    overflow: hidden;
}

.history-text-red {
    color: #FF5252;
}

.history-text-blue {
    color: #6EC8F6;
}

.history-text-orange {
    color: #F9C063;
}

.history-body-heading {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-bottom: 10px;
}

.history-body-heading .form-control[readonly],
.history-body-heading .input-group-addon {
    background-color: #fff;
}

.chat-box .searchDetail {
    color: #10a0ea;
    float: right;
    cursor: pointer;
}


/*end 历史会话*/


/*单图文、多图文*/

.pic-box li {
    float: left;
}

.vice {
    width: 100%;
    text-align: left
}

.rt-more {
    width: 150px;
    height: 121px;
    text-align: center;
}

.rt-more a {
    display: block;
    width: 100%;
    line-height: 121px;
    height: 121px;
    background: #e8e8e8;
    color: #acacac
}

.rt-more a:hover {
    text-decoration: none;
    background: #c6c6c6
}

.info-top .title {
    width: 242px;
    text-align: left;
    font-size: 14px;
    overflow: hidden;
}

.info-top .title a {
    color: royalblue;
}

.vice {
    line-height: 30px;
    height: 25px;
    text-align: left;
    color: #999999
}

.vice a {
    color: #999999
}

.vice span {
    padding-right: 10px;
    font-size: 12px;
}

.info-img {
    margin-top: 10px;
}

.art-img {
    padding: 5px 5px 5px 0;
}

.art-img img {
    /*width: 242px;*/
    /*height: 121px*/
}


/*单图文、多图文*/

.daterangepicker tr td.date-bg-event {
    background-color: #FFF7A9;
}

.removeChatIcon {
    position: absolute;
    top: 5px;
    right: 3px;
    cursor: pointer;
    display: none;
}

#pointBodyId .tooltip {
    position: fixed;
}

.table-responsive {
    overflow: auto;
}

.robot-content {
    margin-top: 10px;
    min-height: 50px;
}


/* 360客户空白修改 */

.addClass {
    position: relative;
    display: inline-block;
    vertical-align: top!important;
    float: none;
}

.self-adaption-height {
    display: flex;
}

.self-adaption-height-overflow {
    text-overflow: clip!important;
    white-space: normal!important;
}

.exportSpan {
    float: right;
    cursor: pointer;
    position: relative;
    margin-top: -28px;
    margin-right: 5px;
}


/*智能外呼 开始*/

.pg-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.call-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 40%;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.call-details {
    position: absolute;
    top: 40%;
    right: 0;
    bottom: 0;
    left: 0;
}

.basic-info {
    background: #f6f6f6;
    padding: 10px 15px;
    border: 1px solid #d8d8d8;
}

.chat-record {
    position: absolute;
    padding: 15px;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.chat-content {
    margin-left: 10px;
    width: 70%;
}

.chat-content-rt {
    margin-right: 10px;
}

.chatbox {
    background: #1E9FF2;
    color: #fff;
    padding: 10px 15px;
    width: auto;
    margin-bottom: 10px;
    border-radius: 0 10px 10px 10px;
}

.chatbox-lt {
    float: left;
}

.chatbox-rt {
    float: right;
    background: #e7e7e7;
    color: #666;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 10px 0 10px 10px;
    position: relative;
}

.voice {
    position: absolute;
    left: -40px;
}

.chat-options {
    float: left;
    padding: 10px 15px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
}

.chat-options .radio-inline {
    margin-right: 15px
}

.mediaplay {
    margin-top: 15px;
}


/*智能外呼 结束*/


/*新版任务界面开始*/


/*=============取消type="number"的自带箭头开始*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}


/*取消type="number"的自带箭头结束=================*/

.sparkpie {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.taskwrap {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.evaluationwrap {
    position: absolute;
    top: 40px;
    /* right: 60%; */
    bottom: 0;
    left: 10px;
    width:30%;
}

.taskpanel {
    border: 1px solid #d8d8d8;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    left: 0;
    overflow-y: hidden;
}

.rt-area-wrap {
    position: absolute;
    top: 40px;
    right: 0px;
    bottom: 0;
    /* left: 40.5%; */
    width: 34%
}

.taskpanel .tab-content {
    position: absolute;
    top: 35px;
    right: 1px;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    overflow: hidden;
}

.taskpanel .tab-content.rt-cls {
    bottom: 50%;
    overflow-x: hidden;
    overflow-y: auto;
    /*border-bottom: 1px solid #d8d8d8*/
}

.record-wrap {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    border-top: 1px solid #d8d8d8;
}

.record-wrap .panel-body>.form-group {
    margin-bottom: 0;
}

.customer-label {
    /*padding-left: 60px;*/
    clear: both;
}

.customer-label .label {
    padding-right: 5px;
    display: inline-block;
}

.customer-info-list {
    border-top: 1px solid #d8d8d8;
    margin: 0 -10px;
    padding: 10px;
    color: #888;
    margin-top: 5px;
    /*height: 230px;*/
    overflow-y: auto;
    line-height: 2;
}

.label-text {
    width: 120px;
    font-weight: 700;
    color: #4a4a4a;
    background: #eee;
    padding: 0 10px;
    display: inline-block;
    white-space: nowrap;
}

.customer-info-item {
    margin-bottom: 2px;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px dotted #d8d8d8;
}

.radio-inline>label {
    font-weight: normal;
}

.record-item-label {
    float: left;
    width: 60px;
    margin-right: 20px;
}

.record-item {
    padding-bottom: 5px;
    margin-top: 5px;
}

.record-item .btn {
    min-width: 80px;
}

.quetion-list {
    margin: 20px -15px;
}

.quetion-list li {
    list-style: decimal inside;
    border-bottom: 1px dotted #d8d8d8;
    padding: 10px;
}

.quetion-list li:visited {
    background: #E6F7FF;
}

.quetion-list li:hover {
    background: #f8f8f8;
}

.answer-list {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    padding-top: 10px;
    display: block;
}

.nav.task-time-list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #d8d8d8;
    width: 25%;
    padding: 0;
    margin-bottom: 0;
}

.tab-content.tasktime-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 10px;
    left: 25%;
    border: 1px solid #d8d8d8;
    border-top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.taskline-item {
    border-left: 1px solid #d8d8d8;
    padding-left: 20px;
    padding-bottom: 20px;
    position: relative;
    clear: both;
}

.taskline-item::before {
    content: "";
    background: #ffffff;
    border: 2px solid #1890FF;
    border-radius: 20px;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: -5px;
    top: -5px;
}

.call-content {
    background: #f7f7f7;
    padding: 10px;
    margin: 5px 0;
}

.inputselect {
    position: relative;
}

.input-select-menu {
    border: 1px solid #d8d8d8;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    z-index: 99;
    z-index: 998;
}

.input-select-menu li a {
    padding: 0 15px;
    width: 100%;
    line-height: 26px;
    display: block;
}

.input-select-menu li a:hover {
    background: #f5f5f5;
}

.input-select-menu li.active a {
    background: #1ca8f0;
    color: #ffffff;
}

.hbrwTips {
    border-radius: 50%;
    position: absolute;
    top: -3px;
    right: -6px;
    height: 15px;
    min-width: 15px;
    padding: 2px 3px 3px 2px;
    color: #fff;
    background: #d0021b;
    font-size: 0.5em;
    line-height: 1;
}

.cd-panel-container {
    /*...*/
    position: fixed;
    width: 49.5%;
    height: 90%;
    top: 49px;
    right: 0;
    background-color: #9aafe5;
    transition-property: transform;
    transition-duration: 1.2s;
    transition-delay: 0.1s;
    transform: translate3d(100%, 0, 100px);
}


/*新版任务对应质检界面*/

.task-qc {
    position: absolute;
    top: 46px;
    left: 10px;
    width: 50%;
    bottom: 46%;
}

#rwgj.callInQC-rwgj {
    margin: -5px -20px;
    border-bottom: 1px solid #d8d8d8;
    overflow-y: hidden;
    position: absolute;
    width: 100%;
}


/*新版任务界面结束*/


/****** IOBS智能外呼 *******/


/** questionMaintain **/

.noBold {
    font-weight: 400;
}

.fw-bold {
  font-weight: bold;
}

.x_accordion {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    border-bottom: #ccc 1px solid;
}

.x_menuContext {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    padding: 0px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(216, 216, 216);
    border-image: initial;
}

#quesLib>.DataTable {
    height: 550px;
}

.tool-width {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    white-space: normal !important;
}

.tool-width-140 {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    white-space: normal !important;
}

.dzh_taskMaintain .textCenter {
    text-align: center;
}

.form-horizontal .answerMinWidth {
    min-width: 78px;
    text-align: center;
}

.table-progress .progress {
    border-radius: 4px;
    height: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.table-progress .progress .span-only {
    color: #333;
    line-height: 15px;
    margin-left: 10px;
    font-size: 12px;
    display: inline-block;
    width: 35px;
}

html,
body {
    -ms-overflow-style: scrollbar;
}


/****** IOBS智能外呼 end *******/


/*电脑放音去掉下载图标，兼容所有版本的谷歌浏览器*/

audio::-webkit-media-controls {
    overflow: hidden !important
}

/* audio::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
} */

.col_div_equals_h {
    min-height: 180px;
}


/* 长城问题 bootstrap 模态框宽度修改 */

@media (min-width: 1024px) {
    .modal-lg {
        width: 75%;
    }
    .modal-dialog {
        margin: 10px auto;
    }
}


/* bootstrap 模态框宽度修改结束 */

@media (max-height: 900) {
    /* 工单，通话，任务查询页面表格分页不显示修改，并且不影响其他页面 */
    #tableTelphoneCallin .DataTable-param .table-responsive,
    #whzxqkmx .DataTable-param .table-responsive,
    #tableWorkOrder .DataTable-param .table-responsive {
        height: 300px;
    }
}


/* bootstrap 右键菜单添加快捷方式样式 */

#fastDialog {
    padding: 7px 20px;
    border-radius: 5px;
    height: 40px;
    cursor: pointer;
    /* background: #339BF7; */
    color: #1fa01f;
    border: 0;
}


/* bootstrap 右键菜单添加快捷方式样式结束 */


/* 细节调整 bylgm*/

.add-rgstr {
    right: unset;
    width: auto;
    bottom: 60px;
}

#myTreeTabs .nav-tabs>li>a {
    padding: 5px 15px;
}


/* 知识库左侧间距对齐 */


/* 细节调整 bylgm*/


/*新版工作流*/

.process-content {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}

.process-handle-left {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 75%;
    overflow: hidden;
}

.process-handle-middle {
    position: absolute;
    top: 0px;
    left: 25%;
    bottom: 0px;
    right: 45%;
    overflow: hidden;
}

.process-handle-right {
    position: absolute;
    top: 0px;
    left: 55%;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}

.process-view-left {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 50%;
    overflow: hidden;
}

.process-view-right {
    position: absolute;
    top: 0px;
    left: 50%;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}

.process-info-body {
    position: absolute;
    top: 60px;
    left: 0px;
    bottom: 0px;
    right: 0;
    overflow: hidden;
}

.process-trace-body {
    position: absolute;
    top: 35px;
    left: 0px;
    bottom: 0px;
    right: 0;
    overflow: hidden;
}

.process-form-body {
    position: absolute;
    top: 35px;
    left: 0px;
    bottom: 0px;
    right: 0;
    overflow: hidden;
}


/*新版工作流*/

/*zs呼入样式*/

.wrap {
    /* position: absolute;
    top: 0;
    right: 2rem;
    bottom: 3rem;
    left: 2rem;
    z-index: 1; */
}

.lt-coln {
    width: 320px;
    position: absolute;
    top: 2rem;
    bottom: 3rem;
    left: 2rem;
}

.rt-coln {
    position: absolute;
    top: 2rem;
    right: 3.2rem;
    bottom: 3rem;
    left: 360px;
}

.lt-coln-callin {
    width: 315px;
    position: absolute;
    top: 0;
    bottom: 3rem;
    left: 1rem;
    height: 100vh;
    border-right: 1px solid #dedede;
}

.rt-coln-callin {
    position: absolute;
    top: 0;
    right: 660px;
    /* right: 3.2rem; */
    bottom: 3rem;
    left: 325px;
    min-width:calc(100vw - 325px - 769px);
    height: 100vh;
    border-right: 1px solid #dedede;
    border-left: 1px solid #eee;
}

.user-info-wrap .tab-content {
    overflow-x: hidden;
    overflow-y: auto;
}

.lt-coln,
.rt-coln {
    border-top: 5px solid #dedede;
    box-shadow: #dedede 0 0 22px;
}

.new-btn {
    border: 1px dashed #ededed;
    padding: 4px 8px;
}

.timeline-node {
    border-left: 1px solid #d8d8d8;
    position: relative;
    margin-left: 2rem;
    padding-left: 2rem;
    margin-top: 2rem;
}

.call-type {
    position: absolute;
    top: -1rem;
    left: -1.5rem;
    z-index: 33;
    background: #FFFFFF;
    line-height: 3.2rem;
}

.timeline-con li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.timeline-con li span {
    width: 95px;
    text-align: right;
    font-weight: 700;
    padding-right: 10px;
    display: inline-block;
}


/* ZS在线客服样式开始 */

.chat-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    box-shadow: #dedede 0 0 23px;
}

.queue-wrap {
    width: 240px;
    box-shadow: #dedede 0 0 23px;
}

.rtcln-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.chat-list li:hover,
.chat-list li.active {
    background: #f5f5f5;
}

.chat-list .videoChat{
    position: fixed;
    left: 210px;
    margin-top: 20px;
    display:none;
}


.msg-num {
    position: absolute;
    top: 1rem;
    right: -1rem
}

.chat-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 240px;
}

.chat-info-area {
    border-bottom: 1px solid #dedede;
    padding: 7px 0;
}

.msg-area {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 25%;
    left: 0;
    border-bottom: 1px solid #dedede;
    overflow-x: hidden;
    overflow-y: auto;
}

.sendbox {
    position: absolute;
    height: 25%;
    right: 0;
    bottom: 0;
    left: 0;
}

.sendbox .icon.iconfont {
    color: #aaa;
    font-size: 2rem;
}

.sendbox .icon.iconfont:hover {
    color: #666;
}

.unread-msg {
    position: absolute;
    right: 0;
    padding: 4px 8px;
    border: 1px solid #ededed;
    border-right: 0;
    border-radius: 40px 0 0 40px;
    margin-top: 1rem;
}

.msg-box {
    padding: .5rem 1rem;
    background: #e9e9e9;
    border-radius: .5rem;
    float: left;
}

.msg-box  .emotional-tags{
    height: 24px;
    background-color: #ffb59e;
    border-radius: 12px;
    padding: 0px 10px;
    line-height: 24px;
    font-size: 12px;
    color: #764600;
    margin: 5px 5px;
    display: inline-flex;
}

.msg-box  .emotional-tags-svg{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: -8px;
}

.msg-box .emotional-tags-content{
    color: #721b00
}

.msg-left,
.msg-right {
    max-width: 80%;
    min-width: 180px;
    position: relative;
}

.msgbox-wrap-left {
    position: relative;
    left: 0;
    margin-left: 60px;
}

.msgbox-wrap-right {
    position: relative;
    right: 0;
    margin-right: 60px;
}

.robot-assistant {
    /* position: absolute; */
    /*right: -4rem;
    top: 2rem;*/
    margin-left: 10px;
}

.robot-mention {
    position: absolute;
    top: 60px;
    right: 0;
    background: #f5f5f5;
    border-radius: 1rem;
    padding: 1rem 2rem;
    z-index: 999;
    box-shadow: #ccc 0 0 23px;
    display: none;
}

.edit-status {
    position: absolute;
    top: 0;
    left: 160px;
    z-index: 999
}

.edit-status .icon.iconfont {
    font-size: 1.2rem;
}

.msg-alert {
    position: absolute;
    top: 2rem;
    left: -2rem;
    z-index: 999
}

.input-msg-box {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    top: 4rem;
    right: 1.6rem;
    bottom: 4.5rem;
    left: 2rem;
    border: 1px solid #ededed;
}

.input-msg-box:hover {
    border: 1px solid #ccc;
    outline: none;
}

.input-msg-btn {
    position: absolute;
    right: 0;
    bottom: 1.5rem;
    left: 0
}

.bs-docs-sidebar {
    padding-left: 20px;
}

.bs-docs-sidenav {
    margin-top: 20px;
    margin-bottom: 20px;
}

.bs-docs-sidebar>.nav.bs-a>li>a {
    color: #000;
}

.bs-docs-sidebar>.nav.bs-a>li>a,
.nav.bs-a>li>a:focus {
    border-bottom: none;
    color: rgb(151, 30, 26);
}

.bs-docs-sidebar>.nav.bs-a>li.active,
.nav.bs-a>li>a:hover {
    border-bottom: none;
    color: rgb(151, 30, 26);
    border-right: 2px solid rgb(151, 30, 26);
}

.el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 100%;
    height: 120px;
    cursor: pointer;
    line-height: 120px;
    vertical-align: top;
    margin-bottom: 10px;
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: none;
}

.task-ques {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    outline: none;
    margin-bottom: 20px;
    padding: 10px 10px;
}

.task-ques-qd {
    color: white;
    margin: 0 5px;
    padding: 5px;
    background-color: #409EFF;
    font-size: 10px;
    border-radius: 2px;
    opacity: .8;
}

.select-qd {
    background: #fafdfe;  
    height:28px;  
    width:200px;  
    line-height:28px;  
    border:1px solid #9bc0dd;  
    -moz-border-radius:2px;  
    -webkit-border-radius:2px;  
    border-radius:2px;
    margin-left:10px;
    margin-bottom:20px;
    font-size: 12px;
    padding-left:10px;
}

.select-qd option {
    background-color: #fafdfe;
    color: #333;
    font-size: 12px;
    padding:2px;
    border-radius: 0;
}
  
.jumpInput {
    border: 0px;
    border-bottom: 1px solid rgb(151, 30, 26);
    width: 50px;
    text-indent: 20px;
}

.jumpSpan>input:focus {
    border-left: none;
    border-top: none;
    border-right: none;
}

.switch-bg {
    width: 60px;
    height: 25px;
    border-radius: 50px;
    position: relative;
}

.switch-btn {
    width: 26px;
    height: 23px;
    border-radius: 48px;
    position: absolute;
    background: white;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}

.open1 {
    background-color: rgba(0, 184, 0, 0.8);
    color: white;
}

.open2 {
    top: 1px;
    left: 48px;
}

.close1 {
    background-color: rgba(245, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-left: transparent;
    color: #999999;
}

.close2 {
    top: 1px;
    left: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}


/*================================ 客户实时查询 ==============================================*/

div.menuSideBar {
    box-shadow: 0 0 22px #d8d8d8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.content-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

div.menuSideBar li.nav-header {
    font-size: 14px;
    padding: 3px 15px;
}

div.menuSideBar .nav-list>li>a,
div.menuSideBar .dropdown-menu li a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

.tree {
    min-height: 20px;
    margin-bottom: 20px;
}

.tree ul {
    padding: 0;
    margin: 0;
}


/* .tree ul :nth-child(1) {
    padding: 0
} */

.tree li {
    list-style: none;
}

.tree li a:link {
    list-style-type: none;
    padding: 5px 5px 5px 5rem;
    margin: 0 -15px;
    color: #333;
    position: relative;
    display: block;
    font-style: normal;
    text-decoration: none;
    display: block;
    outline: none;
}

.tree li a:focus,
.tree li a:hover,
.tree li a:visited {
    background: #FEE8E8;
    color: #339BF7;
}

.tree li::before,
.tree li::after {
    content: '';
    left: -20px;
    position: absolute;
    right: auto
}

.tree li::before {
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 1px
}

.tree li::after {
    height: 20px;
    top: 25px;
    width: 25px
}

.tree>ul>li::before,
.tree>ul>li::after {
    border: 0
}

.tree li:last-child::before {
    height: 30px
}

.tree li>span {
    padding: 5px 5px 5px 2rem;
    margin: 0 -15px;
    display: block;
}

.tree ul ul span {
    text-indent: 1rem;
}

.tree li>span:hover {
    background: #eee;
    color: #000;
}

.workflow-icon-back {
    background-color: #339BF7;
    margin: 0 10px;
    color: #fff;
    padding: 0 3px;
    border-radius: 50%;
}

.workflow-icon-line {
    margin-left: 98px;
    border-left: 1px solid rgb(216, 216, 216);
    top: -17px;
}

.workflow-desc {
    padding: 10px 5px;
    line-height: 24px;
    width: calc(100% - 90px);
}

.tabColWidth strong{
    width: 11.11111111%;
}

.container-fluid .search{
    width: 80%;
    left: 20%;
}

.container-fluid .repository{
    width: 20%;
}

#lbTree{
    padding: 10px 0px 10px 5px !important;
}

#searchTree{
    padding: 10px 0px 10px 5px !important;
}

#personal .top-5{
    margin-top: 20px;
    margin-bottom: 25px;
}

.scol {
    display: flex;
    height: 30px;
    border: 1px solid gray;
}

.scol .stitle{
    width: 120px;
    background-color: #cccccc;
}

.scol .sval{
    width: 80px;
    border-left: 1px solid gray;
}

.scol p{
    margin: 0;
    padding-left: 5px;
}

.fontWeight{
    font-weight: bold;
}

.white-space-normal {
    white-space: normal;
}

.tag_label{
  line-height: 40px;
}

.tag-group{
  display: flex;
  flex-wrap: wrap;
}
.tag{
  position: relative;
  display: inline-block;
  margin: 4px;
  padding: 6px 12px;
  border-radius: 16px;
  background-color: #09AAFA;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}

.tag-add{
  margin-left: 5px;
  line-height: 40px;
  font-size: 20px!important;
  cursor: pointer;
}

.tag-delete{
  position: absolute;
  top: -10px;
  right: -6px;
  color: red;
  cursor: pointer;
  display: none;
}

.tag:hover .tag-delete{
  display: block;
}


.surveyRule{
    margin-top: 40px;
}

.surveyRule .surveyRule-handle{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-bottom: 15px;
}

.surveyRule .surveyRule-wrapper{
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.surveyRule .condition-cont{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

.surveyRule .condition-cont:last-child{
    margin-bottom: 0px;
}

.surveyRule .condition-wrapper{
    border-radius: 8px;
    padding: 15px;
    background-color: #f1f1f1;
    margin-bottom: 15px;
}

.surveyRule .condition-cont .condition-question{
    flex: 2;
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
}

.surveyRule .condition-cont .condition-answer{
    flex: 2;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}

.surveyRule .condition-cont .condition-delete{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.surveyRule .surveyRule-form-inline{
    display: flex;
    justify-content: flex-start;
    gap: 50px;
    align-items: center;
}

.relatedQuestionnaire .descriptions-item{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 15px;
}

.relatedQuestionnaire .descriptions-item:last-child{
    margin-bottom: 0px;
}

.relatedQuestionnaire .descriptions-left{
    flex: 1;
    text-align: right;
    color: #999;
}

.relatedQuestionnaire .descriptions-right{
    flex: 5;
}

.relatedQuestionnaire .emptyText{
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #999;
}