/*!static/css/base.css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {margin: 0;padding: 0;}
body {color: #767676;font-family:"open sans",Helvetica,"Microsoft YaHei", Arial, Open Sans, Segoe UI !important;-webkit-text-size-adjust: none; max-height: 100%;font-size: 14px;overflow-y:hidden;}
ul, li {list-style-type: none;}
img {border:none;-ms-interpolation-mode: bicubic;}
a:hover,a{text-decoration: none;cursor: pointer;}
table{ border-collapse:collapse;}
html,body{height:100%;}
.page-container{position: absolute;height:100%;width: 100%;overflow-y: hidden;overflow-x:hidden;}
input:focus,textarea:focus{border:1px solid #51b6fd;outline:none;}
button:focus{outline:none;}
input,button,textarea,select,select[size="0"]{font-family:Helvetica,"Microsoft YaHei", Arial, Open Sans, Segoe UI !important;border:1px solid #ebebeb;}
body button{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;text-indent:0;cursor: pointer;padding: 7px 16px;border:none;}
input{text-indent: 4px;}
i{font-style:normal;}
#index{width:100%;height:100%;}
/*文字居中*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.disBlock{ display:block;}
.ft12{font-size:12px;}
.ftW{ font-weight:bold;}
.ml-14{margin-left:22px;}
/*清除浮动*/
.fl{float: left;}
.fr{float: right;display: inline;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;clear:none;}
.base-more{color:#8c8c8c;font-size:11px;}
.color-time-default{color:#999;margin: 0;line-height: 1.4;}
.color-time-active{color:#7cc7fb;margin: 0;line-height: 1.4;}
.color3{color:#333;}
.color9{color:#8c8c8c}
.more,.aProcess,.eReceive,.rowBack,.editOrFulfill,.aDetail{color:#4cb5fe;cursor: pointer;}
.more:hover,.aProcess:hover,.eReceive:hover,.rowBack:hover,.editOrFulfill:hover,.aDetail:hover{color:#89cbfe;}
.no-top-border {border-top: 0 !important;}
.redNum{color:#fe5e3a;font-style:normal;font-size: 16px;margin: 0 3px;font-weight: 600;}
/* 按钮样式*/
.btn4{height: 28px;line-height: 28px; text-align: center;padding: 0 15px;margin-right: 10px;border: 1px solid #AEC0C2;background: #fff;}
.btn3{height: 28px;line-height: 28px;text-align: center;background: #4cb5fe;color: #fff;border: none;padding: 0 15px;margin-right: 10px;}
.btn2{height: 28px;line-height: 28px;text-align: center; background: #AEC0C2;color: #fff;border: none;padding: 0 15px;margin-right: 10px;}
.inputtext{border: 1px solid #F2F1EF;position: relative;text-indent: 5px;font-size: 15px; }
.inputErr{border:1px solid red;}

/*!*滚动条整体*!*/
::-webkit-scrollbar{height:6px !important;width:6px !important; /*滚动条宽度*/}
/*滚动条按钮*/
::-webkit-scrollbar-button {border-radius: 25px;}
::-webkit-scrollbar-track{background-color:#eee;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;cursor: pointer;}
::-webkit-scrollbar-track-piece{background-color:#eee;-webkit-border-radius:25px;-moz-border-radius: 25px;cursor: pointer;}
::-webkit-scrollbar-thumb{background-color:#c9c9c9;border:none;border-radius:25px !important;-webkit-border-radius: 25px !important;-moz-border-radius: 25px !important;height:12px !important;}
.msgbox-cont::-webkit-scrollbar {height:12px;}
/*横竖滚动条交角*/
::-webkit-scrollbar-corner {background-color: #F3F3F3;cursor: pointer;}
/*横竖滚动条交角图案*/
::-webkit-resizer {background-repeat: no-repeat;background-position: bottom right;}
/*鼠标滑过滑动条*/
::-webkit-scrollbar-thumb:hover{background-color:#c5c3c3;cursor: pointer;}
::-webkit-scrollbar-track-piece{border-radius: 25px;}

/*媒体查询*/
@media screen and (min-width: 1366px) and (max-width: 1439px) {
    html {
        font-size: 71.1458333px;
    }
    .orderDetailLeft{padding: 20px 10px !important;width: 27% !important;}
    .orderDetailRight{padding: 20px 10px !important;}
    .orderProcess-btn span select{width:110px !important;;}
    .callDetail-info{padding: 20px 12px !important;width: 24% !important;}
    .callDetail-right{padding: 20px 12px !important;width: 70% !important;}
    .create_order_con .list li span{width: 32% !important;}
    .create_order_con .list li span.calendar_icon:after{right:4px !important;}
    .orderDetailRight .follow-cont .msg-bot{max-width: 82%;margin-top: 20px;}
    .top{top:1% !important;}
    .register-section .form-bd{padding: 20px 30px !important;}
    .main-section.register-section{height:515px !important;}
    .top-navbar .tdcenter{width: 35%;}
    .top-navbar .tdright{width: 33%;min-width: 450px}
    .call_con{min-height:574px;height:705px;}
    .tableBtn .selectTmpl{width:79px;}
    .tableBtn .inputTmpl{width: 98px;}
    .history-right-top #taskNameId {width: 110px;}
    #index .callTaskProgress{width: calc(100% - 150px);}
    #index .datatable .datatable_tr{height:2.6em;}
    #index .preview-info,#index .preview-msgBox{margin-top: 20px;}
    #index .webchat-setting .access-intro .access-intro-codes{width: 100%;}
}
@media screen and (min-width: 1440px) and (max-width: 1599px) {
    html {
        font-size: 72.9166667px;
    }
    .orderDetailLeft{padding: 20px 12px !important;width: 22% !important;}
    .callDetail-info{padding: 20px 12px !important;width: 24% !important;}
    .callDetail-right{padding: 20px 12px !important;width: 70% !important;}
    .create_order_con .list li span{width: 28% !important;}
    .create_order_con .list li span .visitbackTime, .create_order_con .list li span .deadlineTime{width: 63% !important;;}
    .create_order_con .list li span.calendar_icon:after{right:2px !important;}
    .top-navbar .tdright{width: 30%;min-width: 450px}
    .call_con{min-height:574px;height:705px;}
    .datatable .datatable_tr{height:0.66rem;}
    .historyDetailTable .taskHistoryDetail-table .detail_tr{height:0.5rem;}
    #index .orderTop-center{width:38%;}
    #index .orderTop-right2{width:16%;}
    #index .callTaskProgress{width: calc(100% - 150px);}
}
@media screen and (min-width: 1600px) and (max-width: 1919px) {
    html {
        font-size: 83.3333333px;
    }
    .callDetail-right{padding: 20px 12px !important;}
    .create_order_con .list li span.calendar_icon:after{right:2px !important;}
    .call_con{min-height:574px;height:886px;}
    .datatable .datatable_tr{height:0.6rem;}
    .historyDetailTable .taskHistoryDetail-table .detail_tr{height:0.5rem;}
}
@media screen and (min-width: 1920px) and (max-width: 2500px) {
    html {
        font-size: 100px;
    }
    .datatable .datatable_tr{height:0.66rem;}
    #index .webchat-setting .access-place div.option{width: 178px;}
    #index .webchat-setting .theme-color .color-option{margin-right: 30px;}
    #index .webchat-setting{width: 50%;}
}
@media (max-width: 1365px) and (min-width: 1281px){
    .top-navbar .tdcenter{width: 34%;}
    .top-navbar .tdright{width: 35%;min-width: 450px}
    .historyDetailTable .taskHistoryDetail-table .detail_tr{height:0.4rem;}
    .datatable .datatable_tr{height:2.5em;}
    #index .createOrderCon .list li{margin-bottom:1.5rem;}/*来自onlinecons第343行*/
    #index .createOrderCon .list .errorTip{top: 33px;left: 70px;}
}
@media (max-width: 1280px) and (min-width: 720px){
    body{font-size: 12px !important;}
    .left-sidebar .logo{width: 49px;}/*来自common.css第24行*/
    #index .contactUsIcon{left: 0px;-webkit-transform: scale(0.8);}/*来自common.css第27行*/
    #index .menu-root,.call-left{width: 120px;}/*来自common.css第34行*/
    #index .menu-root ul li {text-align: center;margin: 0 auto;padding: 0;height: 42px;line-height: 42px;}/*来自common.css第35行*/
    #index .template-right{width: calc(100% - 123px);}/*来自common.css第40行*/
    #index .left-sidebar.menu-compact{width: 48px;}  /*来自common.css第48行*/
    #index .left-sidebar.menu-compact:before{width: 48px;}/*来自common.css第52行*/
    #index .left-sidebar.menu-compact .sidebar-menu{width: 48px;}/*来自common.css第51行*/
    #index .left-sidebar .sidebar-menu a{padding-left: 9px;}/*来自common.css第57行*/
    #index .left-sidebar .sidebar-menu li.active>a,#index .left-sidebar .sidebar-menu li:hover>a{padding-left: 5px;}/*来自common.css第60行*/
    #index .phoneUpdate, #index .phoneInstall{margin-right: 58px;}/*来自common.css第157行*/
    #index .top-navbar-right ul{right: 4px;}/*来自common.css第97行*/
    #index .left-sidebar .sidebar-menu a span{display: none}/*来自common.css第58行*/
    #index .page-cont.menu-compact{margin-left: 48px;}/*来自common.css第67行*/
    #index .top-navbar .tdright{min-width:330px;}/*来自common.css第133行*/
    #index .navbar-input .inputcall{width: 194px;}/*来自common.css第75行*/
    #index .navbar-input{margin-right: 92px;}
    #index .call-right-cont thead .datatable_th{white-space: nowrap;}
    #index .datatable_container .datatable_tr{height: 2.5rem;}/*来自common.css第352行*/
    #index .icon-newBar.icon-handup{margin-left: 50px;}/*来自common.css第125行*/
    #index .reportGroup .selectTex{width:85%;}
    #index .tableBtn span{margin-left:0px;width:13%;position:relative;display: inline-block;cursor: pointer;margin-bottom:5px;}/*来自common.css第307行*/
    #index .tableBtn span.searchBtn{width:20%;}
    #index .detail-title.tableBtn span{width:20%;}
    #index .tableBtn span:nth-last-child(1){width:221px}/*来自common.css第307行*/
    #index .inputTmpl{width:100%;position: relative;top: -1px;}/*来自common.css第307行*/
    #index .curTaskTerm .inputTmpl{width:calc(100% - 66px);}
    #index .inputTmpl[name="recordListCont"]{width:calc(100% - 142px);}
    #index .selectTmpl{width:100%;}
    #index .webchat-channel-access div.content .webchat-setting{width: 382px;}/*来自settingManager.css第307行*/
    #index .webchat-channel-access div.content .webchat-preview{width: calc(100% - 383px);}/*来自settingManager.css第307行*/
    #index .webchat-preview .preview-url input{width: 82%;}/*来自settingManager.css第307行*/
    #index .webchat-setting span.title{width: 66px;}/*来自settingManager.css第307行*/
    #index .webchat-setting .icon-style .style-option{margin-right: 18px;}/*来自settingManager.css第307行*/
    #index .webchat-setting .doc-input{width: 264px;}/*来自settingManager.css第307行*/
    #index .webchat-setting .access-intro .access-intro-code{width: 258px;}/*来自settingManager.css第307行*/
    #index .top-navbar-center ul li{padding:5px;}/*来自common.css第123行*/
    #index .breadcrumb-left-calling{text-indent:0;width: 62px;background: url("/static/images/calling.gif") 44px 20px no-repeat;}
    #index .advisory-list{width:240px;}/*来自onlinecons第5行*/
    #index .convright{width: calc(100% - 243px);}/*来自onlinecons第471行*/
    #index .template-wide>.other-info{width: 306px;}/*来自onlinecons第171行*/
    #index .create_order_call{width: calc(100% - 307px);}/*来自onlinecons第364行*/
    #index .createOrderCon .list li label{width: 58px;}/*来自onlinecons第374行*/
    #index .createOrderCon .list li span .text_list{width: calc(100% - 72px);}/*来自onlinecons第378行*/
    #index .createOrderCon .list li .textareaOrder,#index .createOrderCon .list li .text_order{width: calc(100% - 74px);}/*来自onlinecons第375行*/
    #index .advisory-list-tab span{width: 79.01px;}/*来自onlinecons第7行*/
    #index .createOrderCon .list li input[type=checkbox]{left: 65px;}
    #index .serviceManagement:after{top:11px;}/*来自setManager第129行*/
    #index .detail-title .rowBack{width: 20px!important;}
    #index .taskHistoryDetail-table .detail_tr{height:1.6rem;}
    #index #historyTable .datatable_sort{width:11%;}
    #index .history-right-top .input-prepend{width:18%;}
    #index .speechSearch .inputTmpl{width: 80%;}/*针对话术的样式修改*/
    #index .reportDaterangepicker{left:400px;}
    #index .orderTop-center{width:36%;}
    #index .TaskOutCallUploadResult table thead tr{height: 1.4rem;}
    #index .curTaskTab form[name="createTaskNew"] .curTaskTabContNew{width:calc(100% - 20px); height: calc(100% - 20px);padding:10px;}
    #index .curTaskTab form[name="createTaskNew"] .curTaskTabContNew .inputTmpl{width: calc(100% - 97px);}
    #index .speechField{padding:10px 5px;height: calc(100% - 95px);}
    #index .datatable_container{margin-top:5px;}
    #index .speechCreate{padding: 20px 30px 20px;width: calc(100% - 375px);}
    #index .speechCreateList .inputTmpl1{width: calc(100% - 92px);}
    #index .speechListDefault,#index .speechListAddIRecord{margin-left: 90px;}
    #index .speechListAddIRecord .inputExample{width: 88px;}
    #index .speechListAddIRecord .inputTmpl4{width: calc(100% - 125px);}
    #index .checkbox-hzq-signle span.checkbox-hzq-span{width: 78%;position: relative;top: -2px;}
    #index .checkbox-hzq-input{margin-top: 4px;}
    #index .createOrderCon .list li{margin-bottom:1.5rem;}/*来自onlinecons第343行*/
    #index .createOrderCon .list .errorTip{top: 33px;left: 70px;}
}
/*外边距*/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml20{margin-left:20px;}
.mb20{margin-bottom: 20px;}

/*图片路径*/
.confirm-delete-class-new {background: url("/static/images/delete.png") no-repeat !important;}
.confirm-confirm-class-new {background: url("/static/images/confirm.png") no-repeat}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
/*!static/css/common.css*/
/*此文件夹样式主要是左边导航、头部和拨打电话状态样式*/
@font-face {
    font-family: 'myfont';
    src:  url('/static/fonts/myfont.eot?wahijy');
    src:  url('/static/fonts/myfont.eot?wahijy#iefix') format('embedded-opentype'),
    url('/static/fonts/myfont.svg?wahijy#myfont') format('svg'),
    url('/static/fonts/myfont.ttf?wahijy') format('truetype'),
    url('/static/fonts/myfont.woff?wahijy') format('woff');
    font-weight: normal;
    font-style: normal;
}
.myfont {
    font-family: 'myfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.asterisk{color: red;position: relative;top: 3px;}
.asterisk2{color: red !important;}
.logo{position: absolute;height: 64px;width: 129px;z-index: 100;background: #1066ba;text-align: center;vertical-align: middle;}
.logo img{padding:11px 0;}
.page-center{position:relative;margin: 12px;height: calc(100% - 90px);z-index: 0;}
.contactUsIcon{position: absolute;bottom: 2px;z-index: 10;left: 35px;cursor: pointer;}
/**菜单模块组件框架样式**/
.template-cont{padding:0 18px;height: calc(100% - 43px);}
.template-right ul li{padding:15px 48px;cursor: pointer;}
.template-right ul li:hover,.template-right ul li.selected{background: #eceff0;}
.template-right ul li a{color:#333;}
.menu-root-title{height: 42px;line-height: 42px;border-bottom: 1px solid #d7d7d7;text-align: center;font-size: 16px;}
.menu-root,.call-left{float: left;width: 213px;color: #333;background: #fff;height: 100%;border-right: 1px solid #d7d7d7;}
.menu-root ul li { list-style-type: none; padding: 15px 10px; cursor: pointer;text-align: center;}
.menu-root ul li:hover, .menu-root ul li.selected { background: #eceff0;}
.menu-root .menu-root-title-more { margin-left: 10px; width: 21px; height: 21px; display: inline-block; cursor: pointer;background: url("/static/images/icon2.png") -176px 5px;}
.menu-root-title {height: 42px;line-height: 42px;border-bottom: 1px solid #d7d7d7;text-align: center;font-size: 16px;}
.menu-root .menu-root-title-secondul { display: none;}
.template-right{width: calc(100% - 218px);height: 100%;border-left: none !important;position: relative;}
.template-right-title{height: 42px;line-height: 42px;border-bottom: 1px solid #d7d7d7;padding-left: 18px;}
.template-right-title span.current{cursor: pointer;color: #0096fa;background: url("/static/images/new_iconsmall.png") -4px -98px no-repeat;padding-left: 30px;font-size: 16px;}
.template-right-title span.downExcel{cursor: pointer;color: #0096fa;background: url("/static/images/new_iconsmall.png") -4px -298px no-repeat;padding-left: 30px;font-size: 16px;position: absolute;top: 0;right: 28px;}
.down-list{position: absolute;background: #fff;border: 1px solid #e8e8e8;border-radius: 4px;top: 37px;width: 370px;max-height: 590px;min-height: 120px;right: 0;z-index: 100;cursor: default;padding-bottom: 20px;overflow-y: scroll;}
.down-list::before{content: '';position: absolute;left: 74%;top: -8px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 8px solid #dcdcdc;z-index: 1;}
.down-list .list-info{
    padding-top:13px; 
    background: url("/static/images/know-icon.png") 0 -406px no-repeat;
    height: 40px;
    padding-left: 39px;
    display: flex;
  
}
.down-list .list-zip{
    background: url("/static/images/know-icon.png") 0 -406px no-repeat;
    height: 40px;
    padding-left: 39px;
    display: flex;
    position: relative;
}
.down-list .list-zip a{
   color: rgb(41, 182, 246);
}
.down-list .list-zip a::hover{
    color: rgb(51, 122, 183);
 }
.down-list .list-box{
    margin-bottom: 10px;
    position: relative;
}
.reportName{
    font-size: 14px;
    width:253px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.down-list .list-tip{
    position: absolute;
    top: 36px;
    left: 39px;
    font-size: 12px;
    width: 308px;
    color:#b5b5b5;
}
.down-list .list-progress{position: absolute; top: 36px;
    left: 39px;background:#0096fa;height: 10px;}

/*每个大模块必须要定义高度为100%*/
#callManager,.css-call,.workordermodel,.css-workOrder,#customerManager,.css-customer,#settingManager,.css-setting-manager,#callDetail,.OrderDetailInfo,#reportManager,.css-report,#robotOutbound,.css_robotOutbound{height:100%;}
.template-wide{background:#fff;height:100%;border: 1px solid #d7d7d7;position:relative;}
body:before{content: "";display: block;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background-color: #f4f3f3;}
.left-sidebar{background: #fff;position: fixed;top: 0;bottom: 0;width: 128px; display: block;z-index: 1;border-right: 1px solid #dedede;}
.left-sidebar.menu-compact{width: 128px;}
.left-sidebar.menu-compact .sidebar-menu{width: 128px;margin-top: 100px;}
.left-sidebar.menu-compact:before{width: 128px;}
.left-sidebar:before{content: "";position: fixed;display: block;width: 128px;bottom: 0;top: 0;background-color: #fff;border-right: 1px solid #dedede;z-index: 1;}
.sidebar-menu:before{content: "";display: table;}
.left-sidebar.menu-compact .sidebar-menu>li>a .menu-text {display: none;position: absolute;left: 65px;top: 13px;width: 91px;height: 36px;line-height: 36px;background: url("static/images/icon_ts.png") left center no-repeat;z-index: 121;text-align-last: center;color: #fff;border-radius:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.left-sidebar .sidebar-menu li {display: block;margin-bottom:16px;position: relative;}
.left-sidebar.menu-compact .sidebar-menu>li>a {position: relative;z-index: 123;color:#333;}
.left-sidebar .sidebar-menu li.active>a,
.left-sidebar .sidebar-menu li:hover>a{display: block;content: "";border-left: 4px solid #1976d2;padding-left: 18px;}
.left-sidebar .sidebar-menu a {display: block;height: 40px;line-height: 40px;margin: 0;text-decoration: none;z-index: 123;padding-left: 22px;}
.left-sidebar .sidebar-menu a i{width:32px;height:32px;display:inline-block;background: url("/static/images/icon_new.png") no-repeat;}
.left-sidebar .sidebar-menu a span{display: inline-block;position: relative;top: -6px;left: 5px;}
.left-sidebar .sidebar-menu a .online-cons{background-position: 0 3px;}
.left-sidebar .sidebar-menu a .call{background-position: 0 -38px;}
.left-sidebar .sidebar-menu a .report{background-position: 0 -205px;}
.left-sidebar .sidebar-menu a .work-manger{background-position: 0 -83px;}
.left-sidebar .sidebar-menu a .customer-manger{background-position: 0 -122px;}
.left-sidebar .sidebar-menu a .system{background-position: 0 -162px;}
.consult-top{position: absolute;top: 0;left: 0px;z-index: 100;cursor: pointer;}
.consult-enter{position: absolute;bottom: 0;left: 11px;z-index: 100;cursor: pointer;}
.page-cont.menu-compact{margin-left: 129px;}
.top-navbar{position: relative;min-height: 64px;line-height: 64px;padding: 0;display: block;z-index: 1;background: #1976d2;color: #fff;}
.page-cont{height:100%;display: block;margin-right: 0;margin-top: 0;min-height: 300px;padding: 0;background: #f4f3f3;}
.top-navbar-left{width:100%;}
.top-navbar-left .placard{padding-left:18px;}
.top-navbar-center{width:100%;}
.top-navbar-right{width:100%;}
.navbar-input{margin-left: 20px;position: relative;margin-right:130px;}
.navbar-input .inputcall{width:301px;height: 30px;line-height: 30px;background: #aed7ff;border:1px solid #3394f4;position: relative;text-indent: 5px;font-size: 15px;border-right:none;color:#008ddc;border-radius: 0;}
.icon-nav{width: 26px;height:24px;display: inline-block;cursor: pointer;background: url("/static/images/new_call.png") 0 0 no-repeat;margin-top:21px;margin-right:10px;}
.navbar-input .icon-keyboard{position: absolute;right:30px;top: 0px;background-position: -2px 0;cursor: pointer;}
.navbar-input .dialpad{width:260px;height:219px;border:1px solid #c5e1fa;background: #e3f1fe;z-index: 200;position: absolute;top: 47px;border-right: none;left: 1px;}
.navbar-input .dialpad table{border-collapse: collapse;}
.navbar-input .dialpad table tr{height:43px;line-height: 43px;}
.navbar-input .dialpad table tr td{text-align: center;width: 33.33%;font-size: 20px;color: #4292dd;border-right: 1px solid #c5e1fa;border-bottom: 1px solid #c5e1fa;cursor: pointer;}
.navbar-input .dialpad table tr td:hover{background: #d4e9fc;}
.navbar-input .dialpad table tr td.td-call{background: #65e044;}
.navbar-input .dialpad table tr td.td-call:hover{background: #73b240;}
.navbar-input .dialpad table tr td .icon-dia{background-position: 0 -24px;margin: 0;position: relative;top:3px;}
.navbar-input .dialpad table tr td .icon-del{background-position: 0 -51px;margin: 0;}
.icon-nav.icon-call1{background:#1e8efd url("/static/images/new_call.png") 6px -21px no-repeat;width:40px;height:32px;margin-top: 16px;position: absolute;top: 0;right: -11px;}
.navbarStatus{position: absolute;right: -14px;top: 27px;z-index: 10;display: inline-block;}
.navbarStatus .state{display: inline-block;position: absolute;top: 0px;}
.navbarStatus .sx{width:11px;height:11px;background: #7aeb5b;border-radius: 50%;display: inline-block;position: absolute;top: 0px;}
.navbarStatus .sm{width:16px;height:16px;background:url("/static/images/new_iconsmall.png") -9px -50px no-repeat;border-radius: 0;}
.navbarStatus .hhcl{width:16px;height:16px;background:url("/static/images/new_iconsmall.png") -7px -8px no-repeat;border-radius: 0;}
.top-navbar-right ul{position: absolute;top: 0;right: 20px;zoom: 1;filter: alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;list-style: none;margin-bottom: 0;display: inline-block;}
.top-navbar-right ul li{position: relative;float: left;}
.top-navbar-right ul li a{position: relative;min-width: 30px;display: inline-block;color: #525252;}
.top-navbar-right ul li a .state{width:16px;height:16px;background: #7aeb5b;border-radius: 50%;display: inline-block;position: relative;top: 2px;}
.top-navbar-right ul li a .sx{width:12px;height:12px;background: #7aeb5b;border-radius: 50%;display: inline-block;position: relative;top: 2px;}
.top-navbar-right ul li a .sm{width:16px;height:16px;background:url("/static/images/new_iconsmall.png") -7px -48px no-repeat;border-radius: 0;}
.top-navbar-right ul li a .hhcl{width:16px;height:16px;background:url("/static/images/new_iconsmall.png") -7px -8px no-repeat;border-radius: 0;}
.agentState,
.top-navbar-right ul li .dropdown-menu{position: absolute;top:34px;width:134px;height:84px;box-shadow: 0 1px 6px rgba(4,0,0,0.3);background: #fff;border-radius: 5px;right:-68px;padding: 23px 0;}
.agentState{height: 105px;padding: 12px 0;}
.agentState:before,
.top-navbar-right ul li .dropdown-menu:before{content:"";border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;position: absolute;left:50%;margin-left:-3px;top:-6px;}
.agentState span{display: block;color:#525252;margin-right: 10px;line-height: 0;height: 42px;margin-left: 28px;}
.agentState span.selected .sx_se{width:16px;height:16px;background:url("/static/images/new_iconsmall.png") -7px -72px no-repeat;display: inline-block;margin-left: -16px;position: relative;left: 20px;}
.agentState span .sx_icon{width:12px;height:12px;background: #7aeb5b;border-radius: 50%;display: inline-block;position: relative;top: 2px;right: 6px;}
.agentState span .sm_icon{width:16px;height:16px;background:url("/static/images/new_iconsmall.png") -7px -48px no-repeat;display: inline-block;position: relative;left: -7px;top:3px;}
.agentState span .hhcl_icon{width:16px;height:16px;background:url("/static/images/new_iconsmall.png") -7px -8px no-repeat;display: inline-block;position: relative;left: -7px;top:3px;}
.top-navbar-right ul li a .head-photo{width: 50px;height:50px;background: url("/static/images/user_photo.png") 0 0 no-repeat;display: inline-block;border-radius: 50%;margin: 6px auto;}
.top-navbar-right ul li a .user-name{color: #8c9ea7;font-style: normal;position: relative;top: -9px;text-decoration: none;}
.top-navbar-right ul li a .icon-arrow,
.breadcrumbs-left .icon-arrow,
.table2 .icon-arrow,
.work-order-lable span i.icon-arrow{width: 16px;height: 16px;background: url("/static/images/icon2.png") -180px -6px;display: inline-block;position: relative;top: 0px;cursor: pointer;}
.top-navbar-right ul li a .badge{width:16px;height:16px;line-height: 16px;border-radius: 50%;text-align: center;display: inline-block;background: #31aaff;position: absolute;top: 7px;right:22px;color: #fff;font-size: 10px;}
.color-service{background: #26ce95 !important;}
.color-order{background: #f8ac59 !important;}
.top-navbar-right ul li .dropdown-menu{top: 62px;right: -16px;}
.top-navbar-right ul li .dropdown-menu:before{margin-left:20px;}
.top-navbar-right ul li .dropdown-menu li{display:block;float: left;width: 100%;height:40px;line-height:40px;text-align: center;}
.top-navbar-right ul li .dropdown-menu li:hover{background: #eceff0;}
.top-navbar-center ul li{float: left;padding:10px;height:44px;cursor: pointer;line-height: 44px;}
.icon-newBar{width:36px;height:36px;display: inline-block;background: url("/static/images/new_iconbar.png") 0 0 no-repeat;margin-top: 3px;}
.icon-newBar.icon-answer{background-position: 0 -256px;margin-left: 96px;}
.icon-newBar.icon-handup{background-position: 0 -44px;margin-left: 115px;}
.icon-newBar.icon-callford{background-position: 0 0px;}
.icon-newBar.icon-mute{background-position: 0 -139px;}
.icon-newBar.icon-unmute{background-position: 0 -91px !important;}
.icon-newBar.icon-satisfaction{background-position: 0 -192px !important;}
.top-navbar table{width: 100%}
.top-navbar .tdleft{width: 24%}
.top-navbar .tdcenter{width: 50%}
.top-navbar .tdright{width: 30%;min-width: 450px}
.gphoneError,.audioError{margin-right:88px;}
.gphoneError i,.audioError i,.phoneUpdate i{background: url("/static/images/new_iconsmall.png") 0 -835px no-repeat;padding-right:30px;}
.gphoneError a,.audioError a{color:#73bcf4;}
.net-status{
    top: 26px;
    position: absolute;
    width: 21px;
    height: 14px;
    overflow: hidden;
    right: 80px;
}
.net-status img{
    display: none;
}

.gphoneError{margin-right:88px;}
.gphoneError i,.phoneUpdate i,.phoneInstall i{background: url("/static/images/new_iconsmall.png") 0 -835px no-repeat;padding-right:30px;}
.gphoneError a{color:#73bcf4;}
.phoneUpdate,.phoneInstall{margin-right:88px;}
.phoneUpdate a,.phoneInstall a{color:#73bcf4;}
.phoneUpdate a:hover,.phoneInstall a:hover{color:#89cbfe;}
/*Gphone启动失败的动画效果*/
.gphoneErrorLoading{margin-right:88px;}
.spinner {
    width: 18px;
    height: 18px;
    position: relative;
    right: 10px;
    top: 23px;
}
.container1 > div, .container2 > div, .container3 > div {
    width: 6px;
    height: 6px;
    background-color: #a8cadf;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}
.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}
/*拨打状态*/
.page-breadcrumbs{height: 50px;padding:12px 25px;position: relative;z-index: 0;background: #fff;}
.breadcrumbs-left{float: left;margin-top: 13px;position:relative;}
.breadcrumbs-left-input{width:150px;position:relative;}
.breadcrumbs-left input{position:relative;width: 140px;height: 28px;line-height: 28px;border: 1px solid #b9b9b9;background: none;font-size: 15px;text-indent:6px;}
.breadcrumb-left-calling {background: url("/static/images/calling.gif") 83px 20px no-repeat;color: #fff;width: 115px; height: 30px;line-height: 48px;text-indent: 36px;position: absolute;}
.breadcrumbs-left .icon-arrow{top: 6px;right: 25px;cursor: pointer;}
.breadcrumbs-left .breadcrumbs-left-text{color:#999;margin-left: -12px;margin-top: 6px;font-size:12px;}
.breadcrumbs-left-notice{width: 38%;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#73b8e7;margin-left: 16px;margin-top: 16px;}
.breadcrumbs-right ul li{float: left;padding:0 10px;font-size: 12px;text-align: center;}
.breadcrumbs-right ul li span{display: block;cursor: pointer;}
.breadcrumbs-right ul li .myfont{width:36px;height:36px;display: inline-block;font-size:36px;}
.breadcrumbs-right ul li .icon-mid.icon-answer:before{content:"\e90e";}
.breadcrumbs-right ul li:focus .icon-mid.icon-answer,.breadcrumbs-right ul li.active .icon-mid.icon-answer{color:#26ce95;}
.breadcrumbs-right ul li .icon-mid.icon-answer.icon-answergif{color:#26ce95;}
.breadcrumbs-right ul li:focus .icon-mid.icon-answer,.breadcrumbs-right ul li.active .icon-mid.icon-answer{color:#26ce95;}
.breadcrumbs-right ul li .icon-mid.icon-callford:before{content:"\e914";}
.breadcrumbs-right ul li.active .icon-mid.icon-callford ,.breadcrumbs-right ul li:focus .icon-mid.icon-callford{color:#35abfe;}
.breadcrumbs-right ul li .icon-mid.icon-mute:before{content:"\e912";}
.breadcrumbs-right ul li .icon-mid.icon-unmute:before{content:"\e90f";}
.breadcrumbs-right ul li:focus .icon-mid.icon-unmute,.breadcrumbs-right ul li.active .icon-mid.icon-unmute{color:#35abfe;}
.breadcrumbs-right ul li .icon-mid.icon-handup:before{content:"\e90b";}
.breadcrumbs-right ul li:focus .icon-mid.icon-handup,.breadcrumbs-right ul li.active .icon-mid.icon-handup{color:#f85d59;}

/*电话接听应答弹窗*/
.answerPopGlobel{width:400px;height:200px;border:1px solid #f0eeee;border-radius:0 0 5px 5px;position:fixed;top:120px;left:50%;margin-left:-200px;z-index:111;background:#fff;}
.answerPopGlobel_top{height:36px;background:#51b6fd url("static/images/phone_icon.png") no-repeat 10px center;padding-left:40px;}
.answerPopGlobel_top p{font-size:14px;color:#fff;line-height:36px;}
.answerPopGlobel_top .closeAnswerPop{font-size:20px;color: #fff;font-weight: bold;line-height: 36px;margin-right: 10px;}
.answerPopGlobel_con{padding:30px 0;height:20px;font-size:14px;color:#333;line-height:20px;text-align:center;}
.subCloseAnswer{width:120px;height:36px;background:#51b6fd;border-radius:5px;margin:20px auto 0 auto;font-size:16px;color:#fff;line-height:36px;text-align:center;}
/** 公共提示框 **/
.tipinfo{    position: absolute;  top: 10px;  left: 45%;  padding: 5px 10px;  background: #26CE95;  border-radius: 5px;  color: #fff;}
.errorinfo{ position: absolute;  top: 10px;  left: 45%;  padding: 5px 10px;  background: #f85d59;  border-radius: 5px;  color: #fff;}

/** 弹框组件样式 **/
.dialogbox{width:528px;min-height:244px;max-height:244px;background: #fff;box-shadow: 1px 0 10px #b0b0b0;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius: 3px;z-index:1002;}
.dialogcont{width:100%;height: 100%;position: relative;}
.dialogtit{width:100%;height:42px;line-height: 42px;border-bottom:1px solid #d7d7d7;color:#5f5f5f;background: #f4f4f4;}
.dialogtit .title{padding:0 10px;}
.dialogtit .dialogclose{font-size:14px;padding:0 10px;color:#585858;}
.dialogmian{text-align: center; vertical-align: middle;margin: 0px auto;justify-content: center;display: -webkit-flex;align-items: center;padding: 0 20px;}
.dialogBtns{text-align: center;height:40px;padding-bottom:20px;}
.dialogBtns .dialogConfirm,.dialogBtns1 a{background: #4cb5fe;color:#fff;padding:10px 43px;cursor: pointer;display: inline-block;border-radius: 3px;margin-right:10px;}
.dialogConfirm:hover,.dialogCancel:hover{color:#fff;}
.dialogBtns1{text-align:center;height:40px;padding-bottom:20px;}
.dialogBtns1 .dialogCancel{background: #b0bfc6;}
.dialogConfirm:hover,.btn-search:hover{background: #42abf4;}
.dialogCancel:hover,.tableBtn button.btn-reset:hover{background: #a4b4bb;}
.dialogbox .transferSeat{text-align: left;line-height: 0;width:75%}
.dialogbox .transferSeat input{height: 30px; line-height: 30px;  width: 88%;  margin-top: 5px;  border: 1px solid #e0e0e0;}
.dialogbox .seatselect{display: inline-block;}
#maskLayer{  width: 100%;  height: 100%;  background-color: #000000;  opacity: 0.5;  -moz-opacity: 0.5;  filter: alpha(opacity=50);  position: absolute;  top: 0;  left: 0;  z-index: 1000;  }

/*下拉框组件样式**/
.selectlist{border:1px solid #e0e0e0;font-size:12px;position:relative;}
.selectlist-select{ display: inline-block;text-decoration: none;color: #767676;font-size:12px;font-family: "Microsoft YaHei";width:100%;}
.selectlist-input{float:left;padding-left:5px;}
.selectlist-icon{width: 16px; height: 16px;  background: url("/static/images/icon2.png") -182px 0 no-repeat;  float: right;  margin: 3px;}
.selectlist-list{    position: absolute;  width: 100%;  z-index: 200;  max-height: 126px;    border: 1px solid #e0e0e0;  background: #fff;left:-1px;overflow-x:hidden;overflow-y: auto;  top: 31px;  border-top: none;}
.selectlist-options{width:100%;height:100%;padding:0;margin:0;}
.selectlist-options li{text-align:left;padding:0px 10px;cursor: pointer;}
.selectlist-options li a{text-decoration: none;color:#333;}
.selectlist-options li:hover{background: #c5c5c5;color: #fff;}

/**公共表格框架样式*/
.sort-up{float:left;border-width:4px;border-top-width:0;border-style:solid;border-bottom-color:gray;border-left-color:transparent;border-right-color:transparent}
.sort-down{float:left;border-width:4px;border-bottom-width:0;border-style:solid;border-top-color:gray;border-left-color:transparent;border-right-color:transparent}
.sort-up.active{border-bottom-color: #42abf4;}
.sort-down.active{border-top-color: #42abf4;}
.sort{width: 10px;position: absolute;top:10px;cursor: pointer;}
.sort .sort-up{margin-bottom:2px}
.input-radio{position: relative;top:2px;}
.info-base-cont table .inputAdd{margin-left:30px;}
.info-base-cont table tr td input:focus{border:1px solid #e5e5e5;}
.btn-info{padding: 5px 14px;border: none;background: #0096fa;border-radius: 3px;text-align: center;white-space: nowrap;font-size: 12px;color: #fff;margin-left: 10px;}
.btn-info:hover{color:#fff;}
.border-red{border-color:red;}
.close,.add{width: 16px;height: 16px;background: url("/static/images/icon2.png") -224px 0px no-repeat;display: inline-block;float: right;margin-top: 5px;cursor: pointer;margin-right: 5px;}
.add{ background-position: -361px 0px;}
.customer-right-cont{height:100%;}
.datatable_container{width:100%;margin-top: 20px;overflow-y: auto;height:100%;}
.tableBtn span{vertical-align: bottom;display: inline-block;cursor: pointer;position: relative;}
.tableBtn span:first-child{margin-left:0;}
.odd{background-color:#fff}
.even{background:#f5f5f5;}
.odd{background-color: #fff;}
.datatable {table-layout:fixed;border-collapse: collapse;width: 100%;}
.datatable_th {position: relative;height:32px; text-align: center;color: #000;font-weight:400;}
.datatable_tr{height:0.50rem;}
.datatable_td {color: #767676;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;text-align: center;font-size:12px;}
.pagination{position: absolute;bottom: 0px;word-break: keep-all;white-space: nowrap;overflow: hidden;padding: 5px 0px;width:98%;font-family: "Microsoft YaHei" ! important;font-size:12px;}
.pagination_left{display:inline-block; width: 25%;line-height: 30px;}
.pagination_left span {margin-left: 10px;margin-right: 20px;}
.pagination_center{display: inline-block; width: 50%; text-align: center;}
.pagination_center a {text-decoration: none;color:#767676;}
.pagination_center a, .pagination_center span {display: inline-block; padding: 2px 7px; margin-right: 7px;}
.pagination_center .current {background: #70c2fb;color: #fff;border-radius:2px;}
.pagination_center .current.prev, .pagination_center .current.next{color:#999; border-color:#999;background:none;}
.pagination_right{display: inline-block;width: 25%;text-align: right;}
.pagination_right span {margin: 0px 10px;}
.pagination_right button{border: 1px solid #A9A9A9;color: #777570;padding: 2px 3px;cursor: pointer;}
.pagination_right input{padding: 0px;width: 24px;}
.inputTmpl{height: 24px;line-height:24px;width:105px;position: relative;z-index: 2;background: none;color: #767676;}
.selectTmpl{text-indent:0;height: 26px;line-height:26px;width: 90px;border:1px solid #ebebeb;color: #767676;}
.tableBtn button{height:26px;line-height:25px;text-align: center;background: #35abfe;color:#fff;border:none;padding:0 15px;margin-left:6px;}
.customer-right-cont .tableBtn button{margin-right:0;}
.tableBtn button.btn-reset{background: #b0bfc6;}
.tableBtn span.btn-record-download{float: right;}
.tableBtn span.btn-record-download button{display: none}
.icon-table{width:20px;height: 20px;background: url("/static/images/new_iconsmall.png") -7px -251px no-repeat;display: inline-block;margin-left:18px;position: relative;top: 3px;cursor: pointer;}
.icon-msg{background-position:-23px 0;}
.icon-play{background-position:-49px 0;}
.icon-down{background-position:-7px -310px;top:-2px;}
.calendarIcon{width:20px;height:20px;display: inline-block;background: url("/static/images/icon2.png") -410px -2px no-repeat;position: absolute;right: 1px;top: 5px;}
.smsBox{width:276px;height:92px;resize: none;margin: 0 auto;padding-top: 5px;}
/**验证码*/
.code .span1{display: inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.code .span2{display: inline-block;transform: rotate(25deg);-webkit-transform: rotate(25deg);-moz-transform: rotate(25deg);-ms-transform: rotate(25deg);-o-transform: rotate(25deg);}
.code .span3{display: inline-block;transform: rotate(-25deg);-webkit-transform: rotate(-25deg);-moz-transform: rotate(-25deg);-ms-transform: rotate(-25deg);-o-transform: rotate(-25deg);}
.code .span4{display: inline-block;transform: rotate(-55deg);-webkit-transform: rotate(-55deg);-moz-transform: rotate(-55deg);-ms-transform: rotate(-55deg);-o-transform: rotate(-55deg);}
.code.next{width:60px;text-align: center;color:#26ce95;margin: 0 auto;font-size:14px;display: inline-block;}
.smsBox{width:276px;height:92px;resize: none;margin: 0 auto;padding-top: 5px;}
/*录音样式*/
.audioplayer{height:30px;color:#44b3ff;position:relative;z-index:1;font-size:62.5%;font-weight:bold;}
.audioplayer-mini{width:2em; margin:0 auto;}
.audioplayer > div{position:absolute;}
.audioplayer-playpause{width:2em;height:2em;background:#44b3ff;border-radius:1em;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0;}
.audioplayer-mini .audioplayer-playpause{width:100%;}
.audioplayer-playpause a{display:block;}
.audioplayer-stopped .audioplayer-playpause a{width:0;height:0;border:0.5em solid transparent;border-right:none;border-left-color:#fff;content:'';position:absolute;top:50%;left:50%;margin:-0.5em 0 0 -0.25em;}
.audioplayer-playing .audioplayer-playpause a{width:0.75em;height:0.75em;position:absolute;top:50%;left:50%;margin:-0.375em 0 0 -0.375em;}
.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after{width:30%;height:100%;background-color:#fff;content:'';position:absolute;top:0;}
.audioplayer-playing .audioplayer-playpause a:before{left:0;}
.audioplayer-playing .audioplayer-playpause a:after{right:0;}
.audioplayer-time{width:2.375em;height:100%;line-height:30px;text-align:center;z-index:2;top:18px;}
.audioplayer-time-current{right:6.1em;}
.audioplayer-time-duration{right:3em;}
.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0;}
.audioplayer-bar{height:8px;background-color:#76c9ff;cursor:pointer;z-index:1;top:50%;right:2.2em;left:2.7em;margin-top:-0.42em;}
.audioplayer-novolume .audioplayer-bar{right:4.375em;}
.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0;}
.audioplayer-bar-loaded{background-color:#76c9ff;z-index:1;}
.audioplayer-bar-played{background:#44b3ff;z-index:2;transition:all .1s;}
.audioplayer-bar-played:after{content:'';width:12px;height:12px;background:#44b3ff;box-shadow:0 0 4px #44b3ff;border-radius:6px;position:absolute;top:-2px;right:-8px;}
.audioplayer-volume{width:2em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0;}
.audioplayer-volume-button{width:100%;height:100%;}
.audioplayer-volume-button a{width:0.313em;height:0.375em;background-color:#44b3ff;display:block;position:relative;z-index:1;top:40%;left:35%;}
.audioplayer-volume-button a:before,.audioplayer-volume-button a:after{content:'';position:absolute;}
.audioplayer-volume-button a:before{width:0;height:0;border:0.5em solid transparent;border-left:none;border-right-color:#44b3ff;z-index:2;top:50%;right:-0.25em;margin-top:-0.5em;}
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after{width:0.313em;height:0.313em;border:0.25em double #44b3ff;border-width:0.25em 0.25em 0 0;left:0.563em;top:-0.063em;
    -webkit-border-radius:0 0.938em 0 0;
    moz-border-radius:0 0.938em 0 0;
    border-radius:0 0.938em 0 0;
    -webkit-transform:rotate( 45deg );
    -moz-transform:rotate( 45deg );
    -ms-transform:rotate( 45deg );
    -o-transform:rotate( 45deg );transform:rotate( 45deg );}
.audioplayer-volume-adjust{height:6.25em;cursor:default;position:absolute;left:0;right:-1px;top:-9999px;}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0;}
.audioplayer-volume:hover .audioplayer-volume-adjust{top:-64px;left:1px;}
.audioplayer-volume-adjust > div{width:28%;height:80%;background-color:#007fd1;cursor:pointer;position:relative;z-index:1;margin:30% auto 0;}
.audioplayer-volume-adjust div div{width:100%;position:absolute;bottom:0;left:0;background:#007fd1;}
.audioplayer-novolume .audioplayer-volume{display:none;}
.audioplayer-volume-adjust div div{
    background:-webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
    background:-webkit-linear-gradient( bottom, #007fd1, #c600ff );
    background:-moz-linear-gradient( bottom, #007fd1, #c600ff );
    background:-ms-radial-gradient( bottom, #007fd1, #c600ff );
    background:-o-linear-gradient( bottom, #007fd1, #c600ff );
    background:linear-gradient( to top, #007fd1, #c600ff );
}
.audioplayer-bar,.audioplayer-bar div,.audioplayer-volume-adjust div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.audioplayer{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.audioplayer-volume-adjust{-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px; -moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px;}
.audioplayer_min{width: 0px;height:0px;visibility: hidden;}
.audioPlayer{width: 0px;height:0px;visibility: hidden;}
.icon_audiopleyer .audioplayer-playpause{width:16px;height:16px;background: #44b3ff;left:28px;top:9px;border-radius: 50%;}
.icon_audiopleyer .audioplayer-stopped .audioplayer-playpause a{border: 5px solid transparent;border-left-color: #FFF;margin: -5px 0 0 -2px;}
.icon_audiopleyer .audioplayer-playing .audioplayer-playpause a:before,.icon_audiopleyer .audioplayer-playing .audioplayer-playpause a:after{background: #fff;}
.priority{padding: 0 5px;height:18px;line-height: 18px;text-align: center;border-radius: 3px;display: inline-block;color:#fff;}
.priority.high{background: #fe5e3a;}
.priority.mide{background: #f49915;}
.priority.low{background: #e5bf25;}
.checkbox{width: 16px;height: 16px;margin-top: 5px;}
.icon_audiopleyer{width:6px;}
/*-------------------------new audio control------*/
.audio-control{color:#44b3ff;position:relative;z-index:1;font-size:62.5%;font-weight:bold;width: 32px;float:left;}
.audio-control > div{position:absolute;}
.audio-control.audio-control-playing .audio-control-playpause{width:16px;height:16px;background:url("/static/images/icon_voice.png") -9px -6px no-repeat;display: inline-block;position: absolute;}
.audio-control .audio-control-playpause{width:16px;height:16px;background:url("/static/images/icon_voice.png") -9px -6px no-repeat;display: inline-block;position: absolute;}
.audio-control.audio-control-stopped .audio-control-playpause{background:url("/static/images/icon_voice.png") -9px -41px no-repeat;}
.audio-control-playpause{width:2em;height:2em;background:#44b3ff;border-radius:1em;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0;}
.icon-audio-control .audio-control-stopped .audio-control-playpause a{border: 5px solid transparent;border-left-color: #FFF;margin: -5px 0 0 -2px;}
.icon-audio-control .audio-control-playing .audio-control-playpause a:before,.icon_audiopleyer .audioplayer-playing .audioplayer-playpause a:after{background: #fff;}

/*自动补全框*/
.autoComplete{position:absolute;border: 1px solid #ebebeb;background: #FFF;min-height: 24px;    max-height: 150px;overflow-y: auto;}
.row{cursor: default;padding:5px;font-size:12px;}
.row:hover{background:#e6e6e6;}
/*tooltip提示*/
#pos_h_cread{position: fixed;z-index: 9999999;border-radius: 5px;width: 200px;padding:5px;background:rgba(176, 191, 198,1);}
#pos_h_cread span{border-color: transparent transparent rgba(176, 191, 198,1) transparent;border-style: solid;border-width: 0px 10px 10px 10px;height: 0px;width: 0px;position:absolute;top:-10px;left:50px;}
#pos_h_cread p{color:#fff;font-size:12px;line-height:18px;}
/*多选下拉空空间样式*/
.checkbox-hzq{position: absolute;border: 0.5px solid #4CB5FE;border-top: 1px solid #b9b9b9;background-color: #fff;z-index: 2;}
.checkbox-hzq-input{margin-left: 6px;}
.checkbox-hzq-signle{height: 19px;text-align: left;vertical-align: middle;}
.checkbox-hzq-signle2{height: 25px;text-align: left;vertical-align: middle;}
.checkbox-hzq-signle:hover{color: #fff;background-color: #4CB5FE;}
.checkbox-hzq-btn{margin-top: 3px;margin-left: 3px;}
#pos_h_cread p{  color:#fff;font-size:12px;line-height:18px;  }
/*空白页*/
.blank{position: absolute;top: 50%;left: 50%;margin-top: -70px;margin-left: -45px;width: 90px;height: 70px;}
.blank_img{background: url("/static/images/icon_blank.png") no-repeat;width: 100px;height: 70px;}
.blank_text {width: 90px;  text-align: center;color:#c2c2c2;}
.blank_session{ background-position: 18px 0px;}
.blank_conv{background-position: 8px -613px;}
.blank_cust{background-position: 8px -526px;}
.blank_history{background-position: 8px -710px;}
/*来电弹屏*/
.callScreen{width:320px;height:420px;line-height: 30px;background: #fff;box-shadow: 0 -1px 6px rgba(4,0,0,0.3);text-align: center;position:absolute;top:50%;left:50%;
margin-left: -160px;margin-top:-210px;border-radius: 5px;-webkit-animation-name:slideOutUp;animation-name:slideOutUp;z-index: 1002;}
.callNum{font-size:26px;color:#000;padding-top:60px;}
.callOutNum{font-size:26px;color:#000;margin: 20px 0px 20px 0px}
.callAdress{font-size:16px;color:#585858;padding-top:10px;}
.callPhotoDefault{width:90px;height:90px;display: inline-block;background: url("/static/images/user_img.png") -2px -3px no-repeat;margin-top: 25px;margin-bottom: 5px;}
.callPhotoDefault.callPhotoMan{background-position:-2px -227px;}
.callPhotoDefault.callPhotoWoman{background-position:-2px -116px;}
.callName{color:inherit;}
.callStatus{text-align: center;margin-top:20px;}
.callStatus span{width:64px;height:64px;display: inline-block;background:url("/static/images/call_status.png") -1px 0 no-repeat;cursor: pointer;text-align: center;padding-top:64px;}
.callStatus .callHandUp{background-position: -82px 0;}
.callOutStatus{text-align: center;margin-top:20px;}
.callOutStatus span{width:64px;height:64px;display: inline-block;background:url("/static/images/call_status.png") -1px 0 no-repeat;cursor: pointer;padding-top: 64px;text-align: center;}
.callOutStatus .callOutHandUp{background-position: -82px 0;}
.callOutStatus .callOutAnswer,.callStatus .callAnswer{margin-left: 65px;}
.outboundCallScreen .waitTime{margin: 10px 0px 10px 0px}
.outboundCallScreen .callPhotoDefault{width:90px;height:90px;display: inline-block;background: url("/static/images/user_img.png") -2px -3px no-repeat;margin-top: 0px;margin-bottom: 5px;}
/**座席选择**/
.template-title .close{float: right;padding-right: 6px;margin-top: 10px;}
.surgeryConfigCont{z-index:1001;width: 664px;height: 400px;position: absolute;background: #fff;overflow: hidden;border:1px solid #ccc;top:0;left:0;right:0;bottom:0;margin:auto;}
.surgeryConfigCont .template-title{text-indent: 8px;}
.surgeryConfig{width:610px;height:348px;margin:5px auto;}
.surgeryConfig_left,.surgeryConfig_right{width:270px;}
.surgeryConfig_seats{border:1px solid #e5e5e5;position: relative;overflow: auto;height:238px;margin-top: 10px;padding:10px;}
.surgeryConfig_seats ul .group{padding-bottom:6px;}
.surgeryConfig_seats .listGroup{padding:6px 10px;}
.surgeryConfig_seats .listGroup li{line-height:1.8;}
.surgeryConfig_seats input[type="checkbox"]{visibility:hidden;}
.checkboxStyle{width:25px;position: relative;margin-right: 5px;}
.groupTitle{position: relative;}
.checkboxStyle label{width: 12px;height: 12px;cursor: pointer;position: absolute;top: 3px;left: 0;border: 1px solid #d7d7d7;}
.checkboxStyle label:after{
    content: '';
    width: 8px;
    height: 4px;
    position: absolute;
    top: 2px;
    left: 2px;
    border: 1px solid #4cb5fe;
    border-top: none;
    border-right: none;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.checkboxStyle input[type=checkbox]:checked +label{border:1px solid #4cb5fe;}
.checkboxStyle input[type=checkbox]:checked +label:after{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;}
.icon_checkExpend{cursor:pointer;width:14px;height:14px;background: url("/static/images/icon_expand.png") 0 -1px no-repeat;display:inline-block;position:absolute;top:3px;right:0px;}
.icon_contraction{background-position:0 -27px;}
.icon_shrink{background-position: 0 -1px;}
.configArrow{width:34px;height:26px;background: url("/static/images/configArrow.png") 0 0 no-repeat;margin-top:105px;margin-left: 14px;margin-right: 14px;}
.surgeryConfig_name{margin:5px auto;}
.surgeryConfig_name span{cursor: pointer;width:57px;display:inline-block;position: relative;height:22px;line-height: 22px;text-align: center;margin-right:5px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.surgeryConfig_name .deleteSeat{background: #ff786b;color: #fff;border-radius: 2px;width:60px;height:22px;line-height: 22px;display: none;position: absolute;top: 0;left: 0;text-align: center;margin-right:5px;}
.surgeryConfig_name span:hover .deleteSeat{display: block;}
.seatBtn{text-align: center;margin: 0 auto;}
.seatBtn button{padding: 10px 36px;margin-left:5px;}
.cancel{background: #fff;border: 1px solid #d7d7d7;margin-top: 10px;color: #767676;}
.cancel:hover{border:1px solid #4cb5fe;color:#4cb5fe;}
.loading {height: 100%; width: 100%; background: url("/static/images/loading.gif")  50% 50% no-repeat;cursor:wait}

/*判断是否为谷歌浏览器*/
.mask{width:100%;height:100%;background: rgba(0,0,0,0.4);position: absolute;z-index:200;}
.isChromeClose,.isGhphoneClose,.isRefreshClose{width:46px;height:46px;background: url("/static/images/other_avatar.png") 0 -68px no-repeat;position: absolute;right:-18px;top:-25px;cursor: pointer;}
.isChromeBox,.isGphoneBox{width:643px;height:334px;background: url("/static/images/infoBox.png") 0 0 no-repeat;position: absolute;left:0;right:0;top:0;bottom: 0;margin: auto;z-index: 10;}
.isChromeBox p,.isGphoneBox p{font-size:18px;color:#209bef;text-align: center;}
.isChromeBox .p2,.isGphoneBox .p2{font-size:14px;}
.isChromeBox .p1,.isGphoneBox .p1{padding-top:90px;padding-bottom:10px;}
.chromeIcon{width:105px;height:105px;background: url("/static/images/softIcon.png") 0 0 no-repeat;text-align: center;margin: 30px auto;position: relative;}
.chromeDown,.gphoneDown,.refreshIcon{position: absolute;width:76px;height:27px;line-height: 27px;color: #fff;background:#87c9f3;border-radius: 15px;bottom:-6px;right:13px;cursor: pointer;}
.gphoneIcon{width:105px;height:105px;background: url("/static/images/softIcon.png") 0 -138px no-repeat;text-align: center;margin: 30px auto;position: relative;}
.refreshBox{width:450px;height:252px;background: #c0e4fa;border-radius: 3px;position: absolute;left:0;right:0;top:0;bottom: 0;margin: auto;z-index: 10;}
.refreshBox .p1{text-align: center;font-size:18px;color:#209bef;    padding-top: 40px;}
.smile{width:74px;height:74px;background: url("/static/images/softIcon.png") -20px -273px no-repeat;position: absolute;left:8%;top:42%;}
.smileRight{position: absolute;left:78%;top:31%;transform: rotate(45deg);}
.refreshIcon{text-align: center;bottom: 42px;left:41%;}
.gphoneIcon a:hover,.chromeIcon a:hover{color:#003eff;}

/*浏览器加载页*/
.loadPage{background:rgba(221,241,255,0.5);width:100%;height:100%;position: fixed;z-index: 100;}
.loadPageCont{width:209px;height:175px;position: absolute;left:0;right:0;top:0;bottom:0;margin: auto;text-align: center;}
.loadEarth{width:144px;height:144px;background: url("/static/images/earth.png") 0 0 no-repeat;position: relative;z-index: 1;margin: 0 auto;}
.loadYunLeft,.loadYunRight{width:69px;height:39px;background: url("/static/images/yun.png") 0 0 no-repeat;left: -18px;top: 88px;background-size: 100%;position: absolute;}
.loadYunRight{width:97px;height:56px;left:154px;top:20px;z-index:0;}
.loadPhone{width:90px;height:76px;background: url("/static/images/phone.png") 0 0 no-repeat;position: absolute;left: 61px;top: 34px;z-index: 2;}
.loadPhoneTop{width:88px;height:39px;background: url("/static/images/phoneTop.png") 0 0 no-repeat;position: absolute;left: 3px;top: -6px;z-index: 3;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-animation: tail-end 10s 0s cubic-bezier(0.645, 0.045, 0.355, 1) both infinite;
    animation: tail-end 10s 0s cubic-bezier(0.645, 0.045, 0.355, 1) both infinite;
}
.loadingText{color:#007fd1;font-size:16px;padding-top:10px;}
.animationStop{animation-play-state: paused;-webkit-animation-play-state: paused;}
@-webkit-keyframes tail-end {
    0% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    7.69231% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    15.38462% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    23.07692% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    30.76923% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    46.15385% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    53.84615% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    61.53846% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    69.23077% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    100% {
        -webkit-transform: scale(0.9) rotate(-12deg);
        transform: scale(0.9) rotate(-12deg);
    }
    3.84615% {
        -webkit-transform: scale(0.9) rotate(9deg);
        transform: scale(0.9) rotate(9deg);
    }
    11.53846% {
        -webkit-transform: scale(0.9) rotate(9deg);
        transform: scale(0.9) rotate(9deg);
    }
    19.23077% {
        -webkit-transform: scale(0.9) rotate(9deg);
        transform: scale(0.9) rotate(9deg);
    }
    26.92308% {
        -webkit-transform: scale(0.9) rotate(9deg);
        transform: scale(0.9) rotate(9deg);
    }
    50% {
        -webkit-transform: scale(0.9) rotate(9deg);
        transform: scale(0.9) rotate(9deg);
    }
    57.69231% {
        -webkit-transform: scale(0.9) rotate(9deg);
        transform: scale(0.9) rotate(9deg);
    }
    65.38462% {
        -webkit-transform: scale(0.9) rotate(9deg);
        transform: scale(0.9) rotate(9deg);
    }
    73.07692% {
        -webkit-transform: scale(0.9) rotate(9deg);
        transform: scale(0.9) rotate(9deg);
    }
    33.84615% {
        -webkit-transform: scale(0.9) rotate(10deg);
        transform: scale(0.9) rotate(10deg);
    }
    35.38462% {
        -webkit-transform: scale(0.9) rotate(-4deg);
        transform: scale(0.9) rotate(-4deg);
    }
    38.46154% {
        -webkit-transform: scale(0.9) rotate(-4deg);
        transform: scale(0.9) rotate(-4deg);
    }
    41.53846% {
        -webkit-transform: scale(0.9) rotate(-4deg);
        transform: scale(0.9) rotate(-4deg);
    }
    36.92308% {
        -webkit-transform: scale(0.9) rotate(12deg);
        transform: scale(0.9) rotate(12deg);
    }
    40% {
        -webkit-transform: scale(0.9) rotate(12deg);
        transform: scale(0.9) rotate(12deg);
    }
    43.07692% {
        -webkit-transform: scale(0.9) rotate(12deg);
        transform: scale(0.9) rotate(12deg);
    }
    76.92308% {
        -webkit-transform: scale(0.9) rotate(7deg);
        transform: scale(0.9) rotate(7deg);
    }
    81.53846% {
        -webkit-transform: scale(0.9) rotate(-10deg);
        transform: scale(0.9) rotate(-10deg);
    }
    84.61538% {
        -webkit-transform: scale(0.9) rotate(-10deg);
        transform: scale(0.9) rotate(-10deg);
    }
    87.69231% {
        -webkit-transform: scale(0.9) rotate(-10deg);
        transform: scale(0.9) rotate(-10deg);
    }
    90.76923% {
        -webkit-transform: scale(0.9) rotate(-10deg);
        transform: scale(0.9) rotate(-10deg);
    }
    83.07692% {
        -webkit-transform: scale(0.9) rotate(2deg);
        transform: scale(0.9) rotate(2deg);
    }
    86.15385% {
        -webkit-transform: scale(0.9) rotate(2deg);
        transform: scale(0.9) rotate(2deg);
    }
    89.23077% {
        -webkit-transform: scale(0.9) rotate(2deg);
        transform: scale(0.9) rotate(2deg);
    }
    92.30769% {
        -webkit-transform: scale(0.9) rotate(2deg);
        transform: scale(0.9) rotate(2deg);
    }
}

@-webkit-keyframes chest {
    0% {
        -webkit-transform:  translateY(0);
        transform:  translateY(0);
    }
    30.76923% {
        -webkit-transform:  translateY(0);
        transform:  translateY(0);
    }
    100% {
        -webkit-transform:  translateY(0);
        transform:  translateY(0);
    }
    34.61538% {
        -webkit-transform:  rotate(-2deg) translateY(2%);
        transform:  rotate(-2deg) translateY(2%);
    }
    38.46154% {
        -webkit-transform:  rotate(2deg) translateY(-2%);
        transform:  rotate(2deg) translateY(-2%);
    }
    69.23077% {
        -webkit-transform:  translateY(0);
        transform:  translateY(0);
    }
    76.92308% {
        -webkit-transform:  translateY(2%);
        transform:  translateY(2%);
    }
    84.61538% {
        -webkit-transform:  translateY(0);
        transform:  translateY(0);
    }
}
/*时间控件*/
.form-control,.form-controlTask{height:24px;line-height:24px;color: #767676;width:100%;}
.dropdown-menu{
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.175);
    font-size: 14px;
    list-style: none;
    float: left;
    min-width: 160px;
    display: none;
}
.daterangepicker_start_input,.daterangepicker_end_input{display:none;}
.cancelBtn{padding: 7px 20px;background-color: #B0BFC6;color: #fff;border: none;border-radius: 3px;}
.applyBtn{padding: 7px 20px;background-color: #4CB5FE;color: #fff;border: none;border-radius: 3px;}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td{
    padding:4px;
}
.daterangepicker .ranges .range_inputs .cancelBtn{margin-bottom:10px;}
.calendar-date .fa-arrow-left{content:"";width:18px;height:18px;background: url("/static/images/new_iconsmall.png") -8px -984px no-repeat;display: inline-block;}
.calendar-date .fa-arrow-right{content:"";width:18px;height:18px;background: url("/static/images/new_iconsmall.png") -8px -984px no-repeat;display: inline-block;transform: rotate(180deg);}

.btn{text-align: center; background: #4cb5fe;  color: #fff; border: none;}
.btn:hover{background: #42abf4;}
/******表单公共样式*****/
.xm-checkbox{width:25px;position: relative;margin-right: 5px;}
.xm-checkbox input[type="checkbox"]{visibility:hidden;}
.xm-checkbox label{width: 12px;height: 12px;cursor: pointer;position: absolute;top: 3px;left: 0;border: 1px solid #d7d7d7;}
.xm-checkbox label:after{content: '';width: 8px;height: 4px;position: absolute;top: 2px;left: 2px;
    border: 1px solid #4cb5fe;border-top: none;border-right: none;background: transparent;opacity: 0;
    -moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.xm-checkbox input.xm-disable + label{background: #d6d6d6;cursor:default;}
.xm-checkbox input[type=checkbox]:checked +label{border:1px solid #4cb5fe;}
.xm-checkbox input[type=checkbox]:checked +label:after{opacity: 1;}
.xm-input{width:250px;height: 25px; border: 1px solid #E5E5E5;  border-radius: 2px;  line-height: 25px;}
.xm-input:focus{  border: 1px solid #0096fa;  }
.xm-input.error{border:1px solid red;}
.xm-default{width: 86%;height: 26px;margin: 0 auto;border-radius: 2px;line-height: 26px;color: #a92f4f;text-indent: 5px;}
.xm-default.error-tip{background: #f89fb6;}
/******下拉树*****/
.xmtree-list-item{position:relative;display:inline-block;  width: calc(100% - 10px);  padding: 5px;font-size:14px;white-space: nowrap;}
.xmtree-indent{ margin-left: 5px;  margin-right: 5px;  display: inline-block;}
.xmtree-fold-icon{width:16px;height:16px;display:inline-block}
.xmtree-expand-icon{background:url(/static/images/new_iconsmall.png) -11px -806px no-repeat;transform:rotate(-90deg)}
.xmtree-collapse-icon{background:url(/static/images/new_iconsmall.png) -8px -803px no-repeat;}
.xmtree-icon{display:inline-block;}
.xmtree{width:100%;height:100%; border: 1px solid #ddd; background-color: #fff; max-height: 249px;  overflow-y: auto;}

.browser-container{width:100%;height:100%;background: rgba(0,0,0,0.4);position: absolute;z-index:200;}
.browser-close{width:46px;height:46px;background: url("/static/images/other_avatar.png") 0 -68px no-repeat;position: absolute;right:-18px;top:-25px;cursor: pointer;}
.browser-box{width:643px;height:334px;background: url("/static/images/infoBox.png") 0 0 no-repeat;position: absolute;left:0;right:0;top:0;bottom: 0;margin: auto;z-index: 10;}
.browser-box p{font-size:18px;color:#209bef;text-align: center;}
.browser-box .p2{font-size:14px;}
.browser-box .p1{padding-top:90px;padding-bottom:10px;}
.browser-chrome{width:105px;height:105px;background: url("/static/images/softIcon.png") 0 0 no-repeat;text-align: center;margin: 30px auto;position: relative;}
.browser-down{position: absolute;width:76px;height:27px;line-height: 27px;color: #fff;background:#87c9f3;border-radius: 15px;bottom:-6px;right:13px;cursor: pointer;}