body,
button,
html,
input,
pre,
textarea {
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.f12,
body,
html {
    font-size: 14px
}

.h,
body,
html {
    height: 100%
}

.w,
body,
html {
    width: 100%
}

.chatPanel .msg,
.contact span,
.text {
    word-wrap: break-word
}

.text:focus,
a {
    outline: 0
}

#faceGroupTarea .groupChildren,
.zc-noSelect {
    moz-user-select: -moz-none;
    -khtml-user-select: none
}

body,
h1,
h2,
h3,
h4,
html,
img,
li,
p,
pre,
ul {
    margin: 0;
    padding: 0;
    border: 0
}

body,
html {
    border: 0;
    overflow: hidden
}

body {
    background: #fff;
    -webkit-text-size-adjust: none
}

h1,
h2,
h3,
h4 {
    font-weight: 400
}

ul {
    list-style: none
}

a {
    text-decoration: none
}

.chatPanel a:hover,
.contact a:hover {
    text-decoration: underline
}

img {
    border: none
}

textarea {
    overflow: auto
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both
}

.hide {
    display: none
}

.fl,
.fr {
    display: inline
}

.pa {
    position: absolute
}

.header,
.pr {
    position: relative
}

.fl {
    float: left
}

.fr {
    float: right
}

.activehide,
.systemBox {
    display: none
}

.pt3 {
    padding-top: 3px
}

.pt12 {
    padding-top: 12px
}

.mt5 {
    margin-top: 5px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt15 {
    margin-top: 15px
}

.mt35 {
    margin-top: 35px
}

.mt50 {
    margin-top: 50px
}

.mb35 {
    margin-bottom: 35px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr35 {
    margin-right: 35px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml18 {
    margin-left: 18px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml35 {
    margin-left: 35px
}

.ml50 {
    margin-left: 55px
}

.ml60 {
    margin-left: 60px
}

.tr {
    text-align: right
}

#online-loading,
.cent,
.footer-off .block,
.pow,
.send-btn,
.tc {
    text-align: center
}

.f13 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f24 {
    font-size: 24px
}

.fb {
    font-weight: 700
}

.white {
    color: #fff
}

.grey9 {
    color: #999
}

.grey6 {
    color: #858282
}

.lh20 {
    line-height: 20px
}

.lh24 {
    line-height: 24px
}

.bgCli {
    background: #c4e0fd
}

.bgSer {
    background: #f0f0f0
}

.bgNot {
    background: #FBF8EA;
    color: #999
}

.h20 {
    height: 20px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h80 {
    height: 105px
}

.h280 {
    height: 280px
}

.lh50 {
    line-height: 50px
}

.w40 {
    width: 40px
}

.w90 {
    width: 90px
}

.bgGrey {
    background: #edeff2
}

.img-sm {
    max-width: 200px;
    max-height: 200px;
    *width: 200px;
    *height: 200px;
    cursor: pointer;
    vertical-align: bottom
}

.face-md,
.footer-off .block,
.head-md {
    vertical-align: middle
}

.header {
    z-index: 99
}

.systemBox {
    width: 100%;
    height: 30px;
    background: #ddecfc
}

.footer-off .block,
.footer-on {
    height: 100%;
    box-sizing: border-box
}

.cent {
    font-size: 12px;
    color: #258efa;
    padding-top: 7px
}

.colorder {
    color: #e60d0d
}

.footer-off .endEvaluate:hover .block-text,
.footer-off .endleaveMessage:hover .block-text,
.footer-off .endnewMessage:hover .block-text {
    color: #8a9699
}

.footer {
    display: block;
    border-top: 1px solid #ebeff0;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #fff;
    z-index: 100
}

.footer-on {
    position: relative;
    width: 100%;
    display: inline-block;
    *margin-bottom: 10px
}

.footer-off {
    display: none;
    width: 100%;
    min-height: 82px;
    box-sizing: border-box
}

.footer-off .block {
    width: 33.3%;
    float: left;
    cursor: pointer
}

.blocks-one .block {
    width: 100%
}

.blocks-two .block {
    width: 50%
}

.blocks-three .block {
    width: 33.33333333%
}

.footer-off .block span {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.footer-off .block .block-img {
    width: 40px;
    height: 34px;
    margin: 10px auto 0;
    padding: 0;
    background: url(../img/leaveMsg/bgGroup.png)
}

.footer-off .block .satisfactionend {
    background-position: -984px 8px
}

.footer-off .endEvaluate:hover .satisfactionend {
    background-position: -1040px 8px
}

.footer-off .block .newMessage {
    background-position: -1095px 8px
}

.footer-off .endnewMessage:hover .newMessage {
    background-position: -1151px 8px
}

.footer-off .block .leaveMessageend {
    background-position: -1207px 8px
}

.footer-off .endleaveMessage:hover .leaveMessageend {
    background-position: -1263px 8px
}

.footer-off .block .block-text {
    color: #b8c9cc
}

#online-loading {
    top: 50%;
    height: 16px;
    margin-top: -8px;
    display: none
}

#online-loading img {
    border: 0
}

.face-md {
    width: 24px;
    height: 24px
}

.head-md {
    width: 42px;
    height: 42px;
    border-radius: 50%
}

.head-big {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.chatPanel::-webkit-scrollbar {
    width: 6px
}

.chatPanel::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.text::-webkit-scrollbar {
    width: 6px
}

.text::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.chatPanel {
    color: #333;
    overflow-y: auto;
    overflow-x: hidden;
    height: 466px;
    width: 100%;
    padding: 0;
    background: #fafdff;
    position: relative
}

.chatPanel a {
    color: #4298ba
}

.chatPanel a:hover {
    color: #0088ad
}

.chatPanel .msg-img-con {
    padding: 2px;
    font-size: 0
}

.chatPanel .msg-con,
.infoBarName .titleName {
    position: relative;
    display: inline-block;
    font-size: 14px
}

.chatPanel .cli-msg .msg-con {
    border-bottom-right-radius: 0
}

.chatPanel .img-con {
    min-width: 120px;
    min-height: 30px;
    _width: 100px;
    _height: 20px
}

.chatPanel .msg {
    margin-top: 5px;
    word-break: break-all;
    *overflow: hidden
}

.chatPanel .ser-msg {
    margin-left: 10px
}

.chatPanel .cli-msg {
    margin-right: 10px
}

.chatPanel .msg-con {
    margin-right: 10px;
    max-width: 80%;
    min-width: 20px;
    min-height: 18px;
    color: #5f5e5e;
    padding: 8px 10px;
    border-radius: 2px;
    line-height: 22px;
    *top: 3px;
    *min-width: 18px;
    *width: 350px
}

.infoBarName .inputIng,
.infoBarName .titleName {
    vertical-align: middle;
    line-height: 24px;
    max-width: 160px;
    color: #fff
}

.infoBar {
    padding: 10px 0;
    margin-left: 12px
}

.infoBarText {
    float: left;
    margin-left: 16px
}

.infoBar .infoBarLogo {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    vertical-align: middle;
    float: left
}

.infoBarName .titleName {
    z-index: 101;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.infoBarCompany,
.infoBarName .inputIng {
    font-size: 12px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.infoBarName .icon-contact {
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -8px;
    cursor: pointer
}

.infoBarName .inputIng {
    display: none;
    margin-left: 0;
    opacity: .6
}

.infoBarName .inputIngActive {
    display: inline-block
}

.infoBarCompany {
    display: block;
    max-width: 260px;
    word-break: normal;
    line-height: 20px;
    *width: 140px
}

.arrow-tc {
    position: absolute;
    height: 0;
    width: 0;
    font-size: 0;
    bottom: -10px;
    right: -22px;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 101;
    display: none
}

.zcChat {
    height: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #d9d9d9
}

.zcChat .arrow-tc {
    *border-left: 10px solid #00c8ab;
    *border-right: 10px solid #00c8ab
}

.contact {
    position: absolute;
    top: 30px;
    right: -130px;
    width: 200px;
    padding: 5px 0;
    z-index: 100;
    color: #666;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    display: none;
    *border: 1px solid #efefef;
    border: 1px solid #efefef
}

.text,
.textareaPre {
    padding: 0 82px 0 10px;
    white-space: pre;
    box-sizing: border-box
}

.contact a {
    position: relative;
    display: block;
    margin: 5px 18px;
    line-height: 20px;
    color: #3a7ea5;
    cursor: pointer
}

.contact i {
    position: absolute;
    top: 2px;
    left: 0;
    _position: static
}

.contact span {
    display: block;
    _display: inline-block;
    margin-left: 24px;
    _margin-left: 0;
    word-break: break-all
}

.text-layout {
    position: relative;
    background: #fff
}

.textArea {
    overflow: hidden;
    position: relative;
    margin-bottom: 4px;
    max-height: 500px
}

.text {
    overflow: hidden;
    width: 100%;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    white-space: pre-wrap;
    font-size: 12px;
    resize: none;
    border: none;
    font-family: "Microsoft Yahei"
}

.text[placeholder]:empty:before {
    content: attr(placeholder);
    color: #c8cccc
}

.textareaPre,
.textareaSpan {
    width: 100%;
    height: 100%;
    max-height: 160px;
    color: #999;
    font-size: 12px;
    font-family: "Microsoft Yahei";
    border: none;
    word-wrap: break-word;
    clear: both
}

.textareaPre {
    float: left;
    min-height: 34px;
    white-space: pre-wrap;
    visibility: hidden
}

.textareaSpan {
    display: block;
    overflow: hidden;
    white-space: pre;
    white-space: pre-wrap
}

.ft-btns {
    position: relative;
    height: 40px;
    padding: 0 10px;
    overflow: hidden
}

#paste_img,
.face-con,
.send-btn {
    position: absolute
}

.ft-btns a {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    overflow: hidden
}

.send-btn {
    right: 11px;
    bottom: 0;
    z-index: 101;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: none;
    width: 42px;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    background: #e0e9e8
}

.face-con {
    width: 300px;
    height: 102px;
    left: 0;
    top: -105px;
    background: #fff;
    overflow-y: auto;
    display: none;
    box-shadow: 0 0 8px #1ABC9C;
    border: 1px solid #CCC
}

.face-con ul {
    margin: 0 6px
}

.face-con li {
    float: left;
    margin: 3px
}

.emoji-face {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-repeat: no-repeat
}

.mini-emoji-face {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-size: 72px 180px;
    background-repeat: no-repeat;
    background-position: -1px -1px;
    vertical-align: top
}

#paste_img {
    top: -100%;
    left: -100%;
    width: 1px;
    height: 1px;
    z-index: 999;
    overflow: hidden
}

.funcPanel {
    line-height: 22px;
    height: 22px;
    position: relative;
    z-index: 2;
    padding: 10px 0 10px 10px
}

.funcPanel .upImg {
    float: left;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../img/leaveMsg/bgGroup.png)
}

.funcPanel .addFace,
.funcPanel .capture,
.funcPanel .evaluate,
.funcPanel .leaveMessage,
.funcPanel .zhichiClose {
    float: left;
    display: inline-block;
    margin: 4px 10px 4px 0;
    width: 18px;
    height: 18px;
    background-image: url(../img/leaveMsg/bgGroup.png)
}

.funcPanel .capture {
    background-position: -3631px 0
}

.funcPanel .leaveMessage {
    background-position: -278px 0
}

.funcPanel .leaveMessage:hover {
    background-position: -324px 0
}

.funcPanel .evaluate {
    background-position: -184px 0
}

.funcPanel .evaluate:hover {
    background-position: -231px 0
}

.funcPanel .zhichiClose {
    background-position: -370px 0
}

.funcPanel .zhichiClose:hover {
    background-position: -416px 0
}

.funcPanel .addFace {
    background-position: 0 0
}

.funcPanel .addFace:hover {
    background-position: -46px 0
}

.funcPanel .upImg {
    background-position: -91px 0
}

.funcPanel .upImg:hover {
    background-position: -22px 0
}

.funcPanel .upload {
    width: 22px;
    height: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20
}

.funcPanel .uploadFile {
    float: left;
    position: relative;
    overflow: hidden;
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin: 4px 10px 4px 0
}

.funcPanel .chatSwitch,
.funcPanel .voiceCalls {
    color: #258efa;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.pow,
.pow a {
    color: #d1dcde
}

.funcPanel .chatSwitch {
    margin-right: 10px;
    padding: 10px 0
}

.powBox {
    clear: both;
    width: 100%;
    height: 24px;
    background: #f5f9fa
}

.pow {
    margin: 4px auto;
    width: 100%;
    font-size: 12px;
    float: left
}

.pow a {
    text-decoration: none
}

.pow a:hover {
    color: #acbcbf
}

.header .headBtn {
    position: absolute;
    width: 80px;
    right: 5px;
    top: 10px;
    text-align: right
}

.header .headBtn a {
    width: 11px;
    height: 11px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 5px
}

.header .headBtn .zhichiVoice {
    background-position: -581px 0
}

.header .headBtn .zhichiMax,
.header .headBtn .zhichiMin {
    background-position: -661px 0
}

.header .headBtn .closeForm {
    background-position: -2474px 0
}

.chatPanelList {
    width: auto;
    overflow: auto;
    overflow-x: hidden;
    min-height: 296px;
    background: #fafdff;
    margin: 0;
    padding: 0 20px 10px;
    box-sizing: border-box;
    font-size: 12px
}

.chatPanelList .systemMsg {
    text-align: center;
    line-height: 26px;
    margin: 2px 0
}

.chatPanelList .systemMsg .systemMsgText {
    display: inline-block;
    padding: 0 10px;
    border-radius: 10px;
    background-color: #f0f4f5;
    color: #8a9699
}

.chatPanelList .systemMsg span {
    display: inline-block;
    padding: 0 10px;
    border-radius: 10px;
    background-color: #F5F5F5;
    color: #B1B5B5
}

.chatPanelList .systemMsg p {
    display: inline-block
}

.chatPanelList .systemMsg .colorder {
    margin: 0 3px;
    padding: 0
}

.chatPanelList .msgData,
.historyTrigger {
    margin: 10px 0;
    text-align: center;
    font-size: 12px
}

.chatPanelList .systemMsg a {
    text-decoration: none;
    line-height: 26px
}

.chatPanelList .stripe {
    color: #8f8f8f;
    display: inline-block
}

.historyTrigger {
    color: #b1b6b4;
    cursor: pointer
}

.chatPanelList .msgData {
    color: #8a9699
}

.chatPanelList .msgData2 {
    text-align: center;
    font-size: 12px;
    margin: 15px 0 10px;
    color: #b1b6b4;
    border-top: 1px #ccc dashed
}

.chatPanelList .msgData2 span {
    z-index: 999;
    margin-top: -7px;
    display: inline-block;
    background: #fff;
    padding: 0 10px
}

.chatPanelList li img {
    max-width: 100% !important;
    height: auto !important
}

.chatPanelList li .webchat_img_upload {
    width: auto;
    height: auto;
    max-height: 260px;
    font-size: 12px;
    cursor: pointer;
    vertical-align: middle
}

.chatPanelList li .fr {
    color: #3b3a38
}

.chatPanelList li .bgCli a {
    color: #fff;
    text-decoration: none
}

.loader {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    left: 0;
    top: 0
}

.loader img {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px
}

.singlePage {
    max-height: 100%;
    height: 100%
}

.singlePage .mainBox {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    background: #f7fafa;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25);
    border: 1px solid #ebeff0 \9
}

.magBox {
    margin: 14px 0;
    position: relative
}

.magBox .leftName {
    width: 100%;
    font-size: 12px;
    color: #b6bebf;
    margin-bottom: 2px
}

.magBox .msgDiv {
    position: relative;
    padding: 10px;
    background-color: #e9f0ef;
    border-radius: 2px;
    display: inline-block;
    max-width: 80%;
    min-height: 20px;
    width: auto
}

.magBox .msgDiv p {
    line-height: 20px;
    padding: 0;
    margin: 0
}

.magBox .msgDiv .zc-face {
    display: inline-block;
    outline-width: medium;
    margin: 0;
    vertical-align: middle;
    width: auto;
    height: 23px !important
}

.magBox .msgDiv .msgText {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    display: inline-block
}

.magBox .msgDiv .msgText p {
    padding: 0
}

.magBox .msgDiv .msgText .multiGuide .guideEle {
    float: left;
    width: 100%;
    display: -webkit-flex;
    min-width: 126px;
    background: #fff;
    margin-bottom: 1px;
    align-items: center
}

.magBox .msgDiv .msgText .multiGuide .guideEle:hover {
    background: #f8f8f8
}

.magBox .msgDiv .msgText .multiGuide .guideEle i {
    float: right;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background: url(../img/leaveMsg/bgGroup.png) -3757px 4px
}

.magBox .msgDiv .msgText .multiGuide .guideEle .multiAnswerBtn {
    float: left;
    width: 90%;
    color: #333;
    line-height: 22px;
    margin: 10px;
    cursor: pointer;
    text-decoration: none
}

.magBox .msgDiv .stionsList {
    padding: 0;
    margin-top: 10px;
    list-style: none
}

.magBox .msgDiv .stionsList li {
    padding: 0 10px
}

.magBox .msgDiv .stionsList li a {
    color: #4db2f7;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5em
}

.magBox .msgDiv .stripe {
    color: #8b898f;
    font-size: 14px
}

.rightMsg {
    text-align: right
}

.rightMsg .msgDiv {
    float: right;
    color: #f0f0f0;
    position: relative;
    text-align: left
}

.leftMsg .msgDiv:before,
.rightMsg .msgDiv:before {
    width: 0;
    position: absolute;
    top: 12px;
    border-style: solid;
    border-color: transparent #f0f0f0;
    content: ""
}

.rightMsg .msgDiv:before {
    right: -12px;
    border-width: 0 0 12px 12px
}

.rightMsg .msgDiv a:active,
.rightMsg .msgDiv a:hover,
.rightMsg .msgDiv a:link,
.rightMsg .msgDiv a:visited {
    color: #fea
}

.leftMsg .msgDiv:before {
    left: -12px;
    border-width: 0 12px 12px 0
}

.shadow-layer,
.zc-shadow-layer {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute
}

.leftMsg .msgDiv p {
    word-wrap: break-word
}

.shadow-layer {
    background: #ccc;
    opacity: .3;
    filter: alpha(opacity=30);
    /**! background: rgba(0, 0, 0, .3);*/
    left: 0;
    z-index: 102
}

.zc-shadow-layer {
    left: 0;
    z-index: 1001;
    background-color: rgba(31, 48, 51, .5)
}

.bootbox .modal-dialog {
    width: 322px;
    min-height: 332px;
    background: #fff;
    border-radius: 2px
}

.bootbox .modal-dialog .modal-content .modal-body {
    height: 240px;
    background: #f5f9fa;
    margin-bottom: 25px
}

.bootbox.modal.fade.in {
    opacity: 0
}

.modal-alert-content p {
    font-size: 17px;
    font-weight: 700
}

.modal-alert-content p.large {
    font-size: 20px
}

.modal-alert-content p.large img {
    max-width: 233px;
    max-height: 240px
}

.dialogBox {
    display: none
}

.bootbox .modal-dialog .modal-content {
    position: relative;
    border-radius: 1px
}

.bootbox .modal-dialog .modal-header {
    position: relative;
    height: 70px;
    background-color: #fff;
    padding-top: 20px
}

.bootbox .modal-dialog .modal-header .modal-title {
    line-height: 16px;
    font-size: 16px;
    margin: 0;
    padding: 30px;
    color: #565656;
    text-align: center;
    font-family: "microsoft yahei"
}

.bootbox .modal-dialog .modal-header .bootbox-close-button {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    line-height: 18px;
    color: #c9d7d8;
    opacity: 1;
    cursor: pointer;
    font-size: 18px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -775px 1px
}

.bootbox .modal-dialog .modal-header .bootbox-close-button:hover {
    background-position: -815px 1px
}

.bootbox .modal-dialog .modal-body {
    padding: 0;
    text-align: center
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox {
    padding: 52px 54px;
    font-family: "微软雅黑"
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .waitClass .th2 {
    width: 23%
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fl {
    float: left
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fl .ls-light-green-btn {
    background-color: #eff5f5;
    width: 128px;
    height: 33px;
    border-left: 1px solid #eff5f5;
    border-right: 1px solid #eff5f5;
    border-top: 3px solid #eff5f5;
    border-bottom: 1px solid #eff5f5;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    color: #999;
    padding: 0;
    margin: 0;
    outline: 0
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fl .ls-red-btn {
    background-color: #09aeb0;
    width: 128px;
    height: 34px;
    border: 1px solid #09aeb0;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #fff;
    padding: 0;
    margin: 0 20px 0 0;
    font-weight: 400;
    outline: 0
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fr {
    float: right;
    margin-top: 10px
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqMenuBox .fr .reaRefBtn {
    padding-left: 20px;
    width: 50px;
    height: 20px;
    display: inline-block;
    background: url(../img/reqRefNow.png) no-repeat;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
    color: #09b1af
}

.bootbox .modal-dialog .modal-body .bootbox-body .reqTableBox .reqTableTh {
    width: 100%;
    height: 52px;
    border-top: 1px solid #ccc;
    font-family: "微软雅黑"
}

.bootbox .modal-dialog .modal-footer {
    padding-left: 37px;
    padding-bottom: 25px
}

.bootbox .modal-dialog .modal-footer .btn {
    width: 104px;
    height: 36px;
    line-height: 36px;
    border: none;
    border: 0;
    background: #ebeff0;
    color: #8b9797;
    border-radius: 3px;
    margin-left: 14px;
    font-size: 16px;
    cursor: pointer
}

.layer,
.modeDialog {
    top: 0;
    height: 100%;
    position: absolute
}

.layer {
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 120
}

.modeDialog {
    right: 0;
    width: 360px;
    text-align: center;
    background: #fff;
    z-index: 121;
    border-radius: 2px
}

.modeDialog .close {
    overflow: hidden
}

.modeDialog .close_button {
    width: 14px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    display: inline-block;
    color: #c0c5c8;
    cursor: pointer
}

.modeDialog .h1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: left;
    padding-left: 10px;
    font-size: 15px;
    color: #333;
    border: 1px solid #ebf3f5
}

.fileMagBox .msgDiv,
.imgMagBox .msgDiv {
    padding: 2px
}

.modeDialog .wether {
    overflow: hidden;
    width: 60%;
    margin: 16px auto 22px
}

.modeDialog .wether span:first-child {
    margin-left: 0
}

.modeDialog .wether span {
    display: inline-block;
    float: left;
    height: 44px;
    line-height: 44px;
    border: 1px solid #c5cecb;
    border-radius: 4px;
    margin-left: 10%;
    width: 40%;
    cursor: pointer
}

.modeDialog .wether span.active {
    color: #fff;
    border: 1px solid #13c9cb;
    background: #13c9cb
}

.model-body-extendTwo {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 100%
}

.white-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2000;
    background-color: #fff;
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-position: center center
}

.cutoff {
    margin: auto;
    width: 320px;
    color: #acbcbf;
    text-align: center
}

.cutoff span {
    display: block;
    width: 90px;
    height: 18px;
    background-image: url(../img/leaveMsg/bgGroup.png)
}

.cutoff .cutleft {
    float: left;
    background-position: -1329px 9px
}

.cutoff .cutright {
    float: right;
    background-position: -1447px 9px
}

.msgStatus {
    position: absolute;
    left: -24px;
    top: 12px;
    z-index: 1;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    cursor: pointer
}

.imgMagBox .uploadImgLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 48, 51, .5)
}

.imgMagBox .uploadImgLayer:hover {
    background: rgba(31, 48, 51, .7)
}

.imgMagBox .uploadImgLayer .cancelUploadImg {
    display: none;
    margin: 75% auto auto;
    width: 50px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.queueing,
.unread {
    line-height: 28px;
    position: absolute
}

.fileMagBox .msgText .fileSize,
.fileMagBox .msgText .sizeAfter {
    color: #8a9699;
    font-size: 12px;
    float: left
}

.imgMagBox .uploadImgLayer:hover .cancelUploadImg {
    display: block
}

.fileMagBox .msgDiv .msgText {
    display: block;
    width: 220px;
    height: 40px;
    background: #fff;
    padding: 10px
}

.fileMagBox .msgText .msgFileIco {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 3px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-repeat: no-repeat
}

.fileMagBox .msgText .fileRar {
    background-position: -2605px 0
}

.fileMagBox .msgText .fileTxt {
    background-position: -2660px 0
}

.fileMagBox .msgText .fileDoc {
    background-position: -2884px 0
}

.fileMagBox .msgText .filePdf {
    background-position: -2716px 0
}

.fileMagBox .msgText .filePpt {
    background-position: -2772px 0
}

.fileMagBox .msgText .fileXls {
    background-position: -2828px 0
}

.fileMagBox .msgText .fileOther {
    background-position: -2995px 0
}

.fileMagBox .msgText .msgFileDetail {
    float: left;
    margin-left: 9px;
    font-size: 12px
}

.fileMagBox .msgText .uploadFileProcess {
    display: inline-block;
    width: 80px;
    height: 6px;
    background: #e0e9e8
}

.fileMagBox .msgText .uploadFileProcess .processSpan {
    display: block;
    width: 0;
    height: 6px;
    margin-right: 10px;
    background: #5ce09a
}

.msgsendError,
.msgsending,
.pulldown-loading {
    background-repeat: no-repeat
}

.fileMagBox .msgText .sizeAfter {
    margin: 0 5px
}

.fileMagBox .msgText .filename {
    width: 170px;
    height: 20px;
    color: #555556;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    font-size: 12px
}

.chatPanelBody .noticeInner-ellipsis-5,
.header .noticeInner-ellipsis-5 {
    white-space: normal !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word
}

.fileMagBox .msgText .filecancel {
    margin-left: 10px;
    color: #28a7dc;
    font-size: 12px;
    cursor: pointer
}

.fileMagBox .msgText .filecanceled {
    display: none;
    margin-left: 10px;
    color: #8a9699;
    font-size: 12px
}

.fileMagBox .msgText .filefail {
    display: none;
    margin-left: 10px;
    color: #ed5c5c;
    font-size: 12px;
    cursor: pointer
}

.fileMagBox .msgText .filedownload {
    display: none;
    color: #28a7dc !important;
    font-size: 12px;
    cursor: pointer
}

.fileMagBox .msgText .filedownload:hover {
    text-decoration: none
}

.msgsending {
    background-image: url(../img/sending.gif)
}

.msgsendError {
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -1911px 0
}

.pulldown-loading {
    display: none;
    width: 18px;
    height: 18px;
    margin: auto;
    background-image: url(../img/sending.gif)
}

.queueing {
    z-index: 100;
    top: 60px;
    left: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    font-size: 12px;
    color: #889699;
    box-shadow: 0 0 8px 0 rgba(15, 66, 76, .1)
}

.queueing a {
    color: #28a8d9
}

.unread {
    display: none;
    width: auto;
    height: 28px;
    right: 0;
    top: 80px;
    z-index: 1000;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background: #b8c9cc;
    color: #fff;
    padding: 0 13px;
    cursor: pointer
}

.showTip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: auto;
    padding: 10px;
    background: #566465;
    border-radius: 6px
}

.showTip .showTipText {
    width: auto;
    line-height: 22px;
    text-align: center;
    color: #fff
}

.chatMain,
.chatPanelBody {
    width: 100%;
    height: 100%
}

.list-paddingleft-2 {
    padding-left: 20px
}

.chatPanelBody {
    float: left
}

.header .openUrl,
.msgChatEvaluate,
.msgChatSwitch,
.msgChatSwitchNo {
    height: 20px;
    cursor: pointer
}

.msgBottomArea {
    margin-top: 8px;
    width: 82%;
    max-height: 20px
}

.msgEvaluate {
    font-size: 12px;
    color: #b6bebf;
    text-align: right
}

.msgChatSwitch {
    float: left;
    display: block;
    width: 72px;
    line-height: 20px;
    border-radius: 2px;
    color: #28a7dc;
    text-align: center;
    border: 1px solid #28a7dc
}

.msgChatEvaluate {
    display: inline-block;
    width: 37px;
    color: #7AC9F0;
    text-align: left;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-repeat: no-repeat;
    font-size: 14px
}

.header .noticeInner,
.noticeInner,
.openNotice {
    line-height: 20px;
    font-size: 12px;
    font-family: "微软雅黑"
}

.msgEvaluate {
    display: none
}

.msgEvaluateNo {
    float: right;
    margin-left: 18px;
    background-position: -3128px 0
}

.msgEvaluateNo:hover {
    color: #23A5E6;
    background-position: -3174px 0
}

.msgEvaluateOk {
    float: right;
    background-position: -3036px 0
}

.msgEvaluateOk:hover {
    color: #23A5E6;
    background-position: -3082px 0
}

.msgChatSwitchNo {
    float: left;
    display: block;
    width: 100%;
    margin-top: 10px
}

.msgChatSwitch:hover {
    background: #28a7dc;
    color: #fff
}

.header .noticeMsg {
    display: none;
    overflow: hidden;
    position: absolute;
    width: 448px;
    top: 60px;
    left: 0;
    padding: 10px 12px 10px 28px;
    background: #fdf6d7
}

.header .noticeInner-ellipsis-5 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-height: 60px
}

.header .noticeInner {
    float: left;
    color: #807773;
    max-height: 221px;
    overflow-y: scroll;
    cursor: pointer
}

.header .openUrl {
    display: none;
    position: absolute;
    right: 20px;
    top: 13px;
    width: 10px;
    background: url(../img/evaluateicon.png) -105px 0 no-repeat
}

.header .openUrlShow {
    display: block
}

.chatPanelBody .noticeMsg {
    display: none;
    position: relative;
    overflow: hidden;
    padding: 10px 12px 10px 28px;
    background: #fdf6d7
}

.closeEvaluate,
.closeLayer,
.noticeVoice,
.openNotice {
    position: absolute
}

.noticeMsg .closeActive,
.noticeMsg .openActive,
.noticeVoice {
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-repeat: no-repeat
}

.chatPanelBody .noticeInner-ellipsis-5 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    max-height: 102px
}

.noticeVoice {
    display: block;
    float: left;
    left: 10px;
    top: 15px;
    width: 20px;
    height: 100%;
    background-position: -2320px 0
}

.openNotice {
    display: none;
    width: 40px;
    height: 20px;
    right: 18px;
    bottom: 10px;
    cursor: pointer;
    color: #ef7f1d
}

.noticeMsg .openActive {
    background-position: -2332px 8px
}

.noticeMsg .closeActive {
    background-position: -2369px 8px
}

.noticeInner {
    float: left;
    color: #807773
}

.noticeInner img {
    max-height: 60px
}

.closeLayer {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(31, 48, 51, .5);
    z-index: 120
}

.closeEvaluate {
    width: 320px;
    top: 155px;
    z-index: 121;
    background: #fff;
    border-radius: 4px;
    padding-bottom: 10px
}

#closeStar li,
.closeEvaBtn {
    background-image: url(../img/leaveMsg/bgGroup.png);
    cursor: pointer
}

.closeEvaTitle {
    color: #555556;
    margin: 40px 0 30px;
    font-size: 16px;
    text-align: center;
    font-family: "微软雅黑"
}

#closeStar {
    position: relative;
    width: 100%;
    margin: 16px 0 22px;
    text-align: center
}

#closeStar ul {
    margin: auto;
    width: 225px;
    overflow: hidden;
    display: inline-block
}

#closeStar li {
    float: left;
    width: 45px;
    height: 35px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: -853px 0
}

#closeStar li.on {
    background-position: -921px 0
}

.noEvaluate {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0 30px;
    font-size: 12px;
    color: #acbcbf;
    cursor: pointer
}

.noEvaluate:hover {
    color: #555556
}

.closeEvaBtn {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 20px;
    display: inline-block;
    color: #c0c5c8;
    background-position: -776px 1px
}

.closeEvaBtn:hover {
    background-position: -816px 1px
}

.closeEvaluate .toSideEvaluate {
    width: 100%;
    text-align: center;
    color: #28a7dc;
    margin: 0 0 20px;
    cursor: pointer
}

.closeEvaluate .commit {
    width: 180px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto 15px;
    background: #13c9cb;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.robotChose .evaluateno i,
.robotChose .evaluateok i {
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-repeat: no-repeat
}

.robotChose span {
    float: left;
    display: block;
    position: relative;
    width: 55px;
    height: 30px;
    line-height: 30px;
    color: #8a9699;
    padding-left: 40px;
    text-align: left;
    cursor: pointer
}

.robotChose span i {
    position: absolute;
    left: 15px;
    top: 8px;
    width: 20px;
    height: 20px
}

.robotChose .evaluateok {
    color: #13cacb;
    border: 1px solid #13cacb;
    border-radius: 2px;
    margin-right: 15px
}

.robotChose .evaluateok i {
    background-position: -1605px 0
}

.robotChose .evaluateno {
    color: #8e9fa6;
    border: 1px solid #ddd;
    border-radius: 2px
}

.robotChose .evaluateno i {
    background-position: -1651px 0
}

.robotChose span:hover {
    background: #f5f9fa
}

.robotChose .noactive i,
.robotChose .okactive i {
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-repeat: no-repeat
}

.robotChose {
    width: 218px;
    margin: 0 auto 20px;
    overflow: hidden
}

.closeEvaluate .btnGroup {
    clear: both
}

.robotChose .okactive {
    color: #1dc3a6
}

.robotChose .okactive i {
    background-position: -1607px 0
}

.robotChose .noactive {
    color: #eb7054
}

.robotChose .noactive i {
    background-position: -1695px 0
}

.msgevaluateArea {
    display: inline-block;
    float: right
}

.textArea .inputPlaceholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    color: #adb1b1;
    box-sizing: border-box;
    padding: 0 82px 0 10px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 12px;
    resize: none;
    border: none;
    font-family: "Microsoft Yahei"
}

.capture-outer h5,
.capture-outer ol,
.capture-outer ol h6 {
    color: #3D4966;
    line-height: 20px
}

.inputPlacShow {
    display: block
}

.capture-outer {
    width: 360px;
    background-color: #fff;
    padding: 27px 20px;
    box-sizing: border-box;
    text-align: left
}

.capture-outer h5 {
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.capture-outer ol {
    font-size: 14px;
    padding: 0;
    margin: 14px 0 0 15px;
    list-style-position: outside
}

.capture-outer ol li {
    margin-top: 14px
}

.capture-outer ol li:first-child {
    margin-top: 0
}

.capture-outer ol h6 {
    font-size: 14px;
    margin: 0
}

.capture-outer ol .capture-text {
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #8B98AD;
    margin-top: 7px
}

.capture-outer ol .capture-text a {
    color: #4D9DFE
}

.magBox .msgDiv .msgText .sessionTmp0 {
    width: 100%;
}

.magBox .noneClick {
/*/ / background: #f2f2f2 !important*/
}

.magBox .noneClick .tmp0InnerList, .magBox .noneClick .tmp1InnerList, .magBox .noneClick .tmp2InnerList, .magBox .noneClick .tmp3InnerList {
    background: #f2f2f2 !important;
    cursor: auto !important;
    list-style: none
}

.magBox .noneClick .tmp1InnerList .innerEle {
    background: #f2f2f2 !important;
    cursor: auto !important
}

.magBox .msgDiv .msgText .sessionTmp0 .beginLan {
    width: 100%;
    color: #333;
    margin-bottom: 10px
}

.magBox .msgDiv .msgText .sessionTmp0 .interfaceRetListArea {
    overflow: hidden;
    max-height: 274px;
    margin-top: 0
}

.magBox .msgDiv .msgText .sessionTmp0 .tranMultiGroup {
    float: right;
    background: #fff;
    border-radius: 15px;
    width: 70px;
    height: 26px;
    padding-left: 20px;
    line-height: 26px;
    color: #0daeaf;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer
}

.magBox .msgDiv .msgText .sessionTmp0 .tranMultiGroup span {
    float: left
}

.magBox .msgDiv .msgText .sessionTmp0 .tranMultiGroup i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/leaveMsg/bgGroup.png) -3787px 7px
}

.magBox .msgDiv .msgText .tmp0InnerList {
    width: 95%;
    min-width: 180px;
    background: #fff;
    padding: 5px;
    max-width: 400px;
    border: 1px solid #d6dbe5;
    border-bottom: none;
    cursor: pointer
}

.magBox .msgDiv .msgText .tmp0InnerList .viewImg {
    width: 22%;
    max-height: 80px;
    height: 80px !important;
    float: left
}

.magBox .msgDiv .msgText .tmp0InnerList .viewImg img {
    height: 80px !important;
    width: 100%
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight {
    float: left;
    width: 72%;
    margin-left: 10px
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightTop {
    float: left;
    width: 100%;
/ / min-width: 150 px;
    margin-top: 2px
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightTop .title {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    font-weight: 700;
    white-space: nowrap;
    color: #3D4966
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightTop .mark3 {
    float: right;
    color: #b6bebf
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightMid {
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 13px
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightMid .mark1 {
    color: #8B98AD;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightBottom {
/ / clear: both;
    float: left;
    width: 100%;
    height: 20px
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightBottom .mark2 {
    float: left;
    font-size: 16px;
    max-width: 48%;
    color: #F6A623;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap
}

.magBox .msgDiv .msgText .tmp0InnerList .innerRight .rightBottom .mark4 {
    float: right;
    color: #8B98AD;
    max-width: 48%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap
}

.magBox .msgDiv .msgText .sessionTmp1 {
    width: 100%
}

.magBox .msgDiv .msgText .sessionTmp1 .multiHide {
    display: none
}

.magBox .msgDiv .msgText .sessionTmp1 .multiMore {
    float: right;
    width: 90px;
    border-radius: 15px;
    color: #0daeaf;
    text-align: center;
    background: #fff;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 8px
}

.magBox .msgDiv .msgText .sessionTmp1 .multiMore span {
    display: inline-block;
    height: 26px;
    line-height: 26px
}

.magBox .msgDiv .msgText .sessionTmp1 .multiMore i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/leaveMsg/bgGroup.png) -3817px 12px
}

.magBox .msgDiv .msgText .sessionTmp1 .multiMore .pull {
    background: url(../img/leaveMsg/bgGroup.png) -3846px 12px
}

.magBox .msgDiv .msgText .sessionTmp1 .beginLan {
    width: 100%;
    color: #333;
    margin-bottom: 10px
}

.magBox .msgDiv .msgText .sessionTmp1 .tmp1InnerList {
    width: 100%;
    background: #fff;
    cursor: pointer
}

.magBox .msgDiv .msgText .sessionTmp1 .tmp1InnerList .innerEle {
    float: left;
    list-style: none;
    text-align: center;
    background: #fff;
    border: 1px solid #d6dbe5;
    border-radius: 2px;
    width: 138px;
    height: 29px;
    line-height: 29px;
    margin: 3px 0 3px 6px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    color: #3D4966
}

.magBox .msgDiv .msgText .sessionTmp1 .tmp1InnerList .innerEle a {
    color: #3D4966
}

.magBox .msgDiv .msgText .sessionTmp2 {
    width: 100%
}

.magBox .msgDiv .msgText .sessionTmp2 .multiHide {
    display: none
}

.magBox .msgDiv .msgText .sessionTmp2 .multiMore {
    float: right;
    width: 90px;
    border-radius: 15px;
    color: #0daeaf;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
    background: #fff;
    cursor: pointer
}

.magBox .msgDiv .msgText .sessionTmp2 .multiMore span {
    display: inline-block;
    height: 26px;
    line-height: 26px
}

.magBox .msgDiv .msgText .sessionTmp2 .multiMore i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/leaveMsg/bgGroup.png) -3817px 12px
}

.magBox .msgDiv .msgText .sessionTmp2 .multiMore .pull {
    background: url(../img/leaveMsg/bgGroup.png) -3846px 12px
}

.magBox .msgDiv .msgText .sessionTmp2 .beginLan {
    width: 100%;
    color: #333;
    margin-bottom: 10px
}

.magBox .msgDiv .msgText .tmp2InnerList {
    width: 92%;
    max-width: 400px;
    min-width: 180px;
    background: #fff;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #d6dbe5;
    border-bottom: none
}

.magBox .msgDiv .msgText .tmp2InnerList .viewImg {
    width: 12%;
    height: 44px !important;
    float: left;
    margin-right: 10px
}

.magBox .msgDiv .msgText .tmp2InnerList .innerTop {
    float: left;
    width: 82%
}

.magBox .msgDiv .msgText .tmp2InnerList .innerTop .title {
    float: left;
    width: 68%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    color: #3D4966
}

.magBox .msgDiv .msgText .tmp2InnerList .innerTop .tag {
    float: right;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    text-align: right;
    color: #8B98AD
}

.magBox .msgDiv .msgText .sessionTmp3 .inner .summary, .magBox .msgDiv .msgText .tmp2InnerList .innerBottom .summary {
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: normal;
    text-overflow: ellipsis
}

.magBox .msgDiv .msgText .tmp2InnerList .innerBottom {
    float: left;
    width: 82%;
    margin-top: 5px
}

.magBox .msgDiv .msgText .tmp2InnerList .innerBottom .summary {
    max-height: 102px;
    color: #8B98AD
}

.magBox .msgDiv .msgText .sessionTmp3 {
    width: 100%
}

.magBox .msgDiv .msgText .sessionTmp3 .viewParent {
    max-width: 268px !important
}

.magBox .msgDiv .msgText .sessionTmp3 .viewImg {
    width: 100%;
    float: left;
    max-height: 134px !important
}

.magBox .msgDiv .msgText .sessionTmp3 .inner {
    float: left;
    width: 94%;
    padding: 3%;
    background: #fff
}

.magBox .msgDiv .msgText .sessionTmp3 .inner .title {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 7px;
    color: #3d4966
}

.magBox .msgDiv .msgText .sessionTmp3 .inner .summary {
    max-height: 102px;
    color: #3d4966
}

.magBox .msgDiv .msgText .sessionTmp3 .inner .more {
    display: inline-block;
    width: 100%;
    text-align: right;
    border-top: 1px solid #e9f0ef;
    padding-top: 4px;
    font-size: 14px;
    color: #4D9DFE;
    margin-top: 10px
}

#faceGroupTarea .groupChildren li, .GroupTab li {
    text-align: center;
    float: left;
    cursor: pointer;
    list-style: none
}

.magBox .msgDiv .msgText .sessionTmp4 {
    width: 100%
}

.magBox .msgDiv .msgText .sessionTmp4 .inner {
    float: left;
    width: 90%;
    max-width: 240px !important;
    padding: 10px;
    background: #fff
}

.magBox .msgDiv .msgText .sessionTmp4 .inner .title {
    font-size: 14px;
    font-weight: 700;
    padding: 4px 0;
    color: #3d4966
}

.magBox .msgDiv .msgText .cyclicSessionError {
    overflow: hidden;
    background: #fff;
    padding: 10px;
    border-radius: 2px;
    max-width: 100%
}

.magBox .msgDiv .msgText .cyclicSessionError .icn {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 42px;
    height: 42px;
    background: url(../img/leaveMsg/bgGroup.png) -3670px 0
}

.magBox .msgDiv .msgText .cyclicSessionError .errorP {
    float: left;
    font-size: 14px;
    color: #b6bebf;
    max-width: 75%
}

.footer .respInfoList {
    width: 100%;
    background: #fff;
    padding: 10px 0;
    position: absolute;
    top: 0;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25);
    border: 1px solid #ebeff0 \9
}

.zc-emoji, .zc-face, .zc-noSelect {
    width: 24px;
    height: 24px;
    border: none
}

.footer .respInfoList li {
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    word-break: normal;
    white-space: nowrap
}

.footer .respInfoList li:hover {
    background: #EFF3FA
}

div, h1, img, p, ul {
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-user-drag: none
}

.zc-noSelect {
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

#faceGroupTarea {
    position: absolute;
    top: -132px;
    left: 0;
    z-index: 1000;
    width: 225px;
    height: 130px;
    border: 1px solid #e7e7e7;
    border-top: none;
    box-shadow: 0 3px 6.5px #d9e2e7
}

.GroupTab, .GroupTab li {
    border: 1px solid #e7e7e7
}

.GroupTab {
    width: 390px;
    height: 28px;
    background: #f2f4f5;
    margin-left: -1px
}

.GroupTab li {
    padding: 4px 15px;
    color: #929292;
    border-right: none;
    border-top: 1px solid #f2f4f5;
    font-size: 12px
}

.GroupTab li.active {
    background: #fff;
    color: #383a3b;
    border-bottom: #fff 2px solid;
    margin-bottom: -1px
}

.GroupTab li:first-child {
    border-left: none
}

#faceGroupTarea .groupChildren {
    float: left;
    padding: 6px;
    background: #fff;
    height: 118px;
    width: 213px;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#faceGroupTarea .groupChildren li .faceIco {
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px
}

.leaveMsg, .leaveMsglayer {
    height: 100%;
    position: absolute;
    top: 0
}

#faceGroupTarea .groupChildren li:hover {
    background: #edeff0
}

.leaveMsg .leaveMsgBody .zc-scroll::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.leaveMsg .leaveMsgBody .zc-scroll::-webkit-scrollbar {
    width: 6px
}

.leaveMsglayer {
    display: none;
    width: 100%;
    background-color: rgba(99, 99, 99, 0);
    z-index: 999;
    left: 0
}

.leaveMsg {
    width: 100%;
    z-index: 1000;
    right: -390px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.leaveMsg .leaveMsgDetailTip {
    margin-top: 0
}

.leaveMsg .leaveMsgHeader {
    position: relative;
    z-index: 1000000;
    border-bottom: 1px solid #ebf3f5;
    height: 60px;
    background: #fff;
    box-sizing: border-box;
}

.leaveMsg .leaveMsgHeader .title {
    font-size: 15px;
    color: #555556;
    height: 60px;
    line-height: 60px;
    margin-left: 20px

}

.leaveMsg .leaveMsgHeader .close {
    display: block;
    width: 14px;
    height: 14px;
    color: #c9d6d9;
    position: absolute;
    z-index: 1002;
    right: 11px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -775px 1px
}

.leaveMsg .leaveMsgHeader .close:hover {
    background-position: -815px 1px
}

.leaveMsg .leaveMsgBody {
    overflow-y: scroll;
    overflow-x: hidden
}

.leaveMsgBody::-webkit-scrollbar {
    width: 6px
}

.leaveMsgBody::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.leaveMsg .leaveMsgBody .guide {
    margin: auto;
    width: 88%;
    line-height: 24px;
    color: #8a9699;
    padding: 12px 0
}

.leaveMsg .leaveMsgBody .guide p, .leaveMsg .leaveMsgBody .guide span, .leaveMsg .leaveMsgBody .guide strong {
    white-space: pre-wrap;
    word-wrap: break-word
}

.leaveMsg .leaveMsgBody .dropdown-menus {
    display: none;
    width: 180px;
    border: 1px solid #e1e6f5;
    border-radius: 0;
    list-style: none;
    padding: 5px 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 0;
    max-width: 100%;
    max-height: 200px;
    box-shadow: none;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 1000;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background: #fff
}

.leaveMsg .leaveMsgBody .dropdown-menus li {
    position: relative;
    width: 88px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    color: #4E5A75;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .dropdown-menus li a {
    clear: both;
    display: block;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #4E5A75;
    padding: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none
}

.leaveMsg .leaveMsgBody .dropdown-menus li a:hover, .leaveMsg .leaveMsgBody .dropdown-menus li:hover {
    background: #eff3fa
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed {
    display: none;
    width: 276px;
    overflow: hidden;
    position: absolute;
    top: 63px;
    left: 0;
    z-index: 1000000;
    background: #FFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitleIcn {
    background-position: -3279px 0
}

.leaveMsg .leaveMsgBody .questionClassify .openActive {
    display: block
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router {
    width: 257px;
    padding: 12px 0 12px 20px;
    background: #fff;
    border-bottom: 1px solid #EFF3FA
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerDeep {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #BDC3D1;
    font-size: 12px;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum1 {
    max-width: 240px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum2 {
    max-width: 220px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum3 {
    max-width: 110px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum4 {
    max-width: 72px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router .routerNum5 {
    max-width: 55px !important
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed .router span.active {
    color: #0DAEAF
}

.leaveMsg .leaveMsgBody .questionClassify .classDropdownArea {
    overflow: hidden;
    width: 276px;
    min-width: 0;
    max-height: 230px;
    margin-left: 0;
    padding: 10px 0
}

.leaveMsg .leaveMsgBody .classDropListArea {
    position: absolute;
    left: 0;
    top: 98%;
    z-index: 10000
}

.leaveMsg .leaveMsgBody .classDropdown-menus {
    float: left;
    width: 276px;
    background-color: #fff;
    list-style: none;
    padding: 0;
    min-width: 0;
    max-width: 100%;
    max-height: 206px;
    box-shadow: none;
    margin: 0;
    font-size: 14px;
    text-align: left;
    background-clip: padding-box;
    overflow: auto
}

.leaveMsg .leaveMsgBody .openActive {
    display: block
}

.leaveMsg .leaveMsgBody .classDropdown-menus li {
    position: relative;
    padding: 0 37px 0 20px;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    color: #4E5A75;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .classDropdown-menus li a {
    clear: both;
    display: block;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #4E5A75;
    padding: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none
}

.leaveMsg .leaveMsgBody .classDropdown-menus li a:hover, .leaveMsg .leaveMsgBody .classDropdown-menus li:hover {
    background: #eff3fa
}

.leaveMsg .leaveMsgBody .questionClassify .firstIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 13px;
    right: 0;
    background: url(../img/leaveMsg/bgGroup.png) -3353px 0 no-repeat
}

.leaveMsg .leaveMsgBody .questionClassify {
    position: relative;
    z-index: 12000;
    margin-left: 20px
}

.leaveMsg .leaveMsgBody .questionClassify .classText {
    width: 200px;
    font-size: 14px;
    color: #8B98AD;
    margin-bottom: 7px
}

.leaveMsg .leaveMsgBody .questionClassify .classText .icon {
    display: block;
    float: left;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #F9676F
}

.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea {
    border-radius: 2px;
    width: 180px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    outline: 0;
    background: #eff3fa;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitle {
    float: left;
    width: 140px;
    text-align: left;
    padding-left: 10px;
    font-size: 14px;
    color: #3D4966
}

.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitleIcn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/leaveMsg/bgGroup.png) -3279px 13px no-repeat
}

.leaveMsg .leaveMsgBody .definedFields .definedArea {
    clear: both;
    margin-left: 20px
}

.leaveMsg .leaveMsgBody .definedFields .definedDropListArea {
    position: relative
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .title {
    width: 200px;
    font-size: 14px;
    color: #8B98AD;
    margin-bottom: 7px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .title .icon {
    float: left;
    display: block;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #F9676F
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropList {
    border-radius: 2px;
    width: 180px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    outline: 0;
    background: #eff3fa;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropList .definedDropListTitle {
    float: left;
    width: 140px;
    text-align: left;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 14px;
    color: #3D4966
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropList .dropListTitleIcn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/leaveMsg/bgGroup.png) -3279px 13px no-repeat
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropListUl {
    display: none;
    position: absolute;
    width: 180px;
    max-height: 170px;
    top: 62px;
    left: 0;
    z-index: 1100;
    background: #FFF;
    overflow-y: scroll;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .openActive {
    display: block
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropListUl li {
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding: 0 8px;
    font-size: 14px;
    color: #3D4966;
    cursor: pointer;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedDropListUl li:hover {
    background: #EFF3FA
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi {
    width: 300px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .definedCheckedLiIcn {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    margin-top: 2px;
    background: url(../img/leaveMsg/bgGroup.png) -3520px 0 no-repeat
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .definedCheckedLiText {
    width: 270px;
    float: left;
    line-height: 20px;
    font-size: 14px;
    color: #3D4966;
    letter-spacing: 0;
    white-space: pre-wrap;
    word-wrap: break-word
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .userCheck:hover .definedCheckedLiIcn {
    background: url(../img/leaveMsg/bgGroup.png) -3560px 0 no-repeat
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .userCheckIcoActive {
    background: url(../img/leaveMsg/bgGroup.png) -3600px 0 no-repeat
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .userOpts {
    overflow: hidden;
    float: left;
    margin-right: 15px;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .userOptIco {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    margin-top: 2px;
    background: url(../img/leaveMsg/bgGroup.png) -3400px 0 no-repeat
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .userOpt:hover .userOptIco {
    background: url(../img/leaveMsg/bgGroup.png) -3440px 0 no-repeat
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .userOptIcoActive {
    background: url(../img/leaveMsg/bgGroup.png) -3480px 0 no-repeat
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedOptionUl .definedOptionLi {
    clear: both;
    margin-top: 2px;
    width: 300px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedOptionUl .definedOptionLi .definedOptionLiText {
    width: 270px;
    float: left;
    line-height: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 14px;
    color: #3D4966;
    letter-spacing: 0
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedInput:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: dotted thin \9
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedInput {
    width: 300px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #3D4966;
    padding-left: 6px;
    background: #FFF;
    border: 1px solid #E2E9E8;
    border-radius: 2px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTextarea {
    width: 286px;
    height: 114px;
    padding: 10px;
    font-size: 14px;
    color: #3D4966;
    resize: none;
    background: #FFF;
    border: 1px solid #E2E9E8;
    border-radius: 2px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTextarea:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: dotted thin \9
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropList {
    float: left;
    position: relative;
    background: #EFF3FA;
    border-radius: 2px;
    width: 80px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeText {
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 0 6px;
    color: #3D4966
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropList .dropListTitleIcn {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../img/leaveMsg/bgGroup.png) -3279px 13px no-repeat
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeInput {
    float: left;
    width: 48px;
    height: 34px;
    line-height: 34px;
    color: #3D4966;
    outline: 0;
    border: none;
    text-align: center;
    font-size: 14px;
    background: #EFF3FA
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropListUl {
    display: none;
    clear: both;
    position: absolute;
    width: 70px;
    height: 170px;
    overflow-y: scroll;
    top: 36px;
    left: 0;
    z-index: 1000;
    padding-left: 10px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.chatBeforeForm, .evaluateDialog, .group-outer {
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropListUl li {
    font-size: 14px;
    color: #3D4966;
    line-height: 34px
}

.leaveMsg .leaveMsgBody .definedFields .definedArea .definedTimeDropListUl li:hover {
    background: #EFF3FA;
    cursor: pointer
}

.leaveMsg .leaveMsgBody .infoArea {
    clear: both;
    margin-left: 20px;
    position: relative
}

.leaveMsg .leaveMsgBody .infoArea .infoAreaTitle {
    width: 200px;
    font-size: 14px;
    color: #8B98AD;
    margin-bottom: 7px
}

.leaveMsg .leaveMsgBody .email, .leaveMsg .leaveMsgBody .telephone {
    line-height: 34px;
    width: calc(100% - 40px);
    border: 1px solid #e0e9e8;
    background: #fff;
    padding-left: 10px;
    outline: 0;
    height: 34px
}

.leaveMsg .leaveMsgBody .infoArea .infoAreaTitle .icon {
    display: block;
    float: left;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #F9676F
}

.leaveMsg .leaveMsgBody .email {
    border-radius: 2px
}

.leaveMsg .leaveMsgBody .telephone {
    border-radius: 2px
}

.leaveMsg .leaveMsgBody .emailplaceholder, .leaveMsg .leaveMsgBody .teleplaceholder {
    width: auto;
    font-size: 13px;
    left: 23px;
    z-index: 2;
    word-wrap: break-word;
    display: block;
    color: #B1B5B5
}

.leaveMsg .leaveMsgBody .detail {
    clear: both;
    position: relative;
    margin: 10px 6% 0
}

.leaveMsg .leaveMsgBody .emailplaceholder {
    position: absolute;
    top: 14px
}

.leaveMsg .leaveMsgBody .teleplaceholder {
    position: absolute;
    top: 15px
}

.leaveMsg .leaveMsgBody .leaveMsgDetail {
    width: calc(100% - 10px);
    height: 125px;
    padding: 4px 0 0 3%;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 19px;
    font-size: 14px;
    border: 1px solid #e0e9e8;
    border-radius: 2px;
    resize: none;
    outline: 0
}

.barMain .barInfo .headname, .barMenu li span, .leaveMsgUpload .leaveMsgFileName {
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: normal
}

.leaveMsg .leaveMsgBody .leaveMsgDetail:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: dotted thin \9
}

.leaveMsg .submitArea {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    height: 60px;
    background: #f5f9fa
}

.leaveMsg .submitArea .submit {
    margin: 12px auto auto;
    display: block;
    width: 50%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #e0e9e8;
    color: #fff;
    border-radius: 2px;
    cursor: pointer
}

.leaveMsgUpload {
    clear: both;
    width: 100%;
    margin: 0 0 10px
}

.leaveMsgUpload .btnarea {
    position: relative;
    z-index: 1001
}

.leaveMsgUpload .btnareaele {
    position: relative;
    z-index: 10000
}

.leaveMsgUpload .btnarea .btareatxt1 {
    display: inline-block;
    color: #28a7dc;
    font-size: 12px;
    margin-left: 40px
}

.leaveMsgUpload .btnarea .btnareaIcon {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10001;
    width: 20px;
    height: 17px;
    font-size: 12px;
    margin-left: 20px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -3234px 1px;
    background-repeat: no-repeat
}

.leaveMsgUpload .btnarea span.btareatxt {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    color: #b6bebf
}

.leaveMsgUpload .btnarea input {
    width: 100px;
    height: 18px;
    padding-left: 40px;
    padding-left: 0 \9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.leaveMsgUpload .leaveMsgFileStyle {
    overflow: hidden;
    background: #f0f4f5;
    margin: 6px 12px;
    padding: 5px 0 3px 7px
}

.leaveMsgUpload .leaveMsgProcessWidely {
    float: left;
    width: 80px;
    height: 6px;
    background: #e0e9e8;
    border-radius: 10px;
    margin-top: 6px;
    margin-left: 4px
}

.leaveMsgUpload .leaveMsgProcess {
    float: left;
    width: 0;
    display: inline-block;
    height: 100%;
    background: #5ce09a;
    border-radius: 10px
}

.leaveMsgUpload .leaveMsgFilesize {
    float: left;
    color: #bac2c3;
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
    font-size: 12px
}

.leaveMsgUpload .leaveMsgFileName {
    float: left;
    max-width: 140px;
    overflow: hidden;
    color: #8a9699;
    font-size: 12px
}

.leaveMsgUpload .leaveMsgFileClose {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -775px 4px;
    background-repeat: no-repeat;
    cursor: pointer
}

.leaveMsgUpload .leaveMsgFileClose:hover {
    background-position: -815px 4px
}

.leaveMsgUpload .fileTip {
    display: none
}

.leaveMsgUpload .fileTipShow {
    float: left;
    display: inline-block;
    font-size: 12px;
    color: #ed5c5c;
    margin-left: 3px;
    height: 20px;
    line-height: 20px
}

.evaluate-body-widely textarea:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: dotted thin \9
}

.evaluatelayer {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(31, 48, 51, .5);
    z-index: 120
}

.evaluate .situation i, .evaluate .situation span, .evaluateDialog .close_button, .evaluateDialog .wether span {
    display: inline-block;
    cursor: pointer
}

.evaluate-body-widely::-webkit-scrollbar {
    width: 6px
}

.evaluate-body-widely::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.evaluateDialog {
    position: absolute;
    left: 200px;
    top: 0;
    width: 360px;
    text-align: center;
    background: #fff;
    z-index: 121;
    border-radius: 2px
}

.evaluateDialog .close {
    overflow: hidden
}

.evaluateDialog .close_button {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 20px;
    color: #c0c5c8
}

.evaluateDialog .h1 {
    width: 100%;
    height: 59px;
    line-height: 60px;
    text-align: left;
    padding-left: 10px;
    font-size: 15px;
    color: #333;
    border-bottom: 1px solid #ebf3f5
}

.evaluateDialog .wether {
    overflow: hidden;
    width: 60%;
    margin: 16px auto 22px
}

.evaluateDialog .wether span:first-child {
    margin-left: 0
}

.evaluateDialog .wether span {
    float: left;
    height: 44px;
    line-height: 44px;
    border: 1px solid #c5cecb;
    border-radius: 4px;
    margin-left: 10%;
    width: 40%
}

.evaluateDialog .wether span.active {
    color: #fff;
    border: 1px solid #13c9cb;
    background: #13c9cb
}

.model-body-commit {
    width: 100%
}

.evaluate .h2 {
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #555556;
    margin: 8px 0 20px
}

.evaluate .situation {
    width: 300px;
    margin: auto auto 10px
}

.evaluate .situation span {
    float: left;
    position: relative;
    color: #8b98ad;
    border-radius: 5px;
    width: 142px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    margin-bottom: 20px;
    font-size: 1rem;
    border: 1px solid #e0e9e8;
    text-align: center
}

.evaluate .situation i {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 6px;
    top: 6px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -1741px 0
}

:-moz-placeholder {
    color: #bdc3d1;
    opacity: 1
}

::-moz-placeholder {
    color: #bdc3d1;
    opacity: 1
}

.evaluate textarea:-ms-input-placeholder {
    color: #bdc3d1;
    opacity: 1
}

.evaluate textarea::-webkit-input-placeholder {
    color: #bdc3d1;
    opacity: 1
}

.evaluate textarea {
    resize: none;
    width: 280px;
    height: 54px;
    margin: auto auto 16px;
    font-size: 14px;
    color: #8b98ad;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #e0e9e8
}

.evaluateWether .operateType {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.evaluateWether .operateType .operateTypeBtn {
    overflow: hidden;
    width: 240px;
    margin: auto
}

.evaluateWether .operateType .solve {
    float: left;
    width: 84px;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    font-size: 14px;
    color: #8b98ad;
    text-align: right;
    border: 1px solid #d6dbe5;
    border-radius: 4px;
    cursor: pointer
}

.evaluateWether .operateType .solved span, .evaluateWether .operateType .unSolved span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    margin-top: 8px;
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    float: left
}

.evaluateWether .operateType .solved span {
    background-position: -19px 0
}

.evaluateWether .operateType .unSolved span {
    background-position: -80px 0
}

.evaluateWether .operateType .defaultSolveActive {
    color: #0daeaf;
    border: 1px solid #d6dbe5
}

.evaluateWether .operateType .defaultSolveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: -40px 0
}

.evaluateWether .operateType .solveActive {
    color: #fff
}

.evaluateWether .operateType .solveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.evaluateWether .operateType .unsolveActive {
    background: #0daeaf;
    color: #fff;
    border: 1px solid #0daeaf
}

.evaluateWether .evaluateno i, .evaluateWether .evaluateok i, .evaluateWether .operateType .unsolveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat
}

.evaluateWether .operateType .unsolveActive span {
    background-position: -60px 0
}

.evaluateWether .operateType .operateTypeTitle {
    width: 100%;
    text-align: center;
    margin: 30px 0;
    color: #555556;
    font-size: 15px
}

.evaluateWether .evaluateTitle {
    clear: both;
    margin: 30px 0;
    color: #555556;
    font-size: 15px
}

.evaluateWether .evaluateTip {
    font-size: 14px;
    color: #faba4a;
    text-align: center
}

.evaluateWether .evaluate-btn {
    float: left;
    display: block;
    position: relative;
    width: 78px;
    height: 30px;
    line-height: 30px;
    color: #8a9699;
    padding-left: 25px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px
}

.evaluateWether span i {
    position: absolute;
    left: 20px;
    top: 8px;
    width: 20px;
    height: 20px
}

.evaluateWether .evaluateok {
    margin-right: 20px
}

.evaluateWether .evaluateok i {
    background-position: -19px 0
}

.evaluateWether .evaluateno i {
    background-position: -79px 0
}

.evaluateWether .btnGroup {
    width: 234px;
    margin: auto auto 12px;
    overflow: hidden
}

.evaluateWether .okactive {
    color: #fff;
    border-radius: 4px;
    background: #0daeaf;
    border: 1px solid #0daeaf
}

.evaluateWether .okactive i {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat;
    background-position: 0 0
}

.evaluateWether .defaultOkactive {
    color: #0daeaf;
    background: #fff;
    border: 1px solid #ddd
}

.evaluateWether .defaultOkactive i, .evaluateWether .noactive i {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat
}

.evaluateWether .defaultOkactive i {
    background-position: -40px 0
}

.evaluateWether .noactive {
    color: #fff;
    border-radius: 4px;
    font-size: 1rem
}

.evaluateWether .noactive i {
    background-position: -60px 0
}

.evaluateSubmitArea {
    width: 100%
}

.evaluateSubmitArea .nosubmit, .evaluateSubmitArea .submit {
    display: block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.evaluateSubmitArea .submit {
    margin: 23px auto;
    font-size: 1em;
    color: #fff;
    border-radius: 4px;
    background: #e0e9e8
}

.evaluateSubmitArea .nosubmit {
    margin: 0 auto 10px;
    font-size: 14px;
    color: rgba(189, 195, 208, .98)
}

#star {
    position: relative;
    width: 100%;
    margin: 16px 0 20px;
    text-align: center
}

#star ul {
    list-style: none;
    margin: auto;
    width: 225px;
    overflow: hidden;
    display: inline-block
}

#star li {
    float: left;
    width: 45px;
    height: 35px;
    cursor: pointer;
    text-indent: -9999px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -853px 0
}

#star li.on {
    background-position: -921px 0
}

.evamsg {
    position: absolute;
    z-index: 1000;
    width: 200px;
    height: 40px;
    background: #000;
    opacity: .7;
    border-radius: 6px
}

.evamsg p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.group-layer, .group-outer {
    top: 0;
    height: 100%;
    position: absolute
}

.group-layer {
    width: 100%;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    right: 0;
    z-index: 1001
}

.group-outer {
    overflow: hidden;
    right: -390px;
    width: 360px;
    background: #fff;
    z-index: 1002
}

.close_button {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 16px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -775px 1px
}

.close_button:hover {
    background-position: -815px 1px
}

.group-title {
    width: 97%;
    position: relative;
    color: #555556;
    font-size: 15px;
    padding-left: 10px;
    height: 56px;
    line-height: 56px;
    text-align: left;
    border: 1px solid #ebf3f5
}

.barMenu li, .group-footer .group-commit, .group-main ul li {
    text-align: center;
    cursor: pointer
}

.group-main {
    height: 75%;
    overflow-y: scroll;
    margin: 30px 0
}

.group-main::-webkit-scrollbar {
    width: 6px
}

.group-main::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.group-main ul {
    margin: 0 10px 0 20px
}

.group-main ul li {
    float: left;
    width: 128px;
    height: 42px;
    line-height: 42px;
    margin-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #e0e9e8;
    color: #535656;
    background: #fff;
    border-radius: 2px
}

.group-main ul li:hover {
    border: 1px solid #ced6d5
}

.group-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 60px;
    background: #f5f9fa
}

.group-footer .group-commit {
    margin: 12px auto auto;
    width: 180px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    background: #e0e9e8
}

@media (max-height: 750px) {
    .group-main {
        height: 70%
    }
}

@media (max-height: 680px) {
    .group-main {
        height: 68%
    }
}

.rightBar {
    float: right;
    background: #f5f9fa;
    height: 100%;
    border-left: 1px solid #ebeff0
}

.barMenuWidely {
    float: left;
    width: 80%;
    height: 40px;
    overflow: hidden;
    background: #e5f1ee
}

.barMenu {
    height: 40px;
    margin-left: 0
}

.barMenu li {
    float: left;
    line-height: 40px;
    height: 40px;
    background: #e6f0ef;
    color: #8a9699;
    border-left: 1px solid #fff
}

.barMenu li:first-child {
    border-left: none
}

.barMenu li.barMenuActive, .barMenu li:hover {
    color: #555556;
    background: #f5f9fa
}

.barMenu li span {
    display: block;
    width: auto;
    padding: 0 7px;
    overflow: hidden;
    font-size: 12px
}

.menuBtn {
    display: block;
    float: left;
    width: 20px;
    height: 40px;
    background-color: #e6efef;
    background-image: url(../img/leaveMsg/bgGroup.png);
    cursor: pointer
}

.barMain dd, .barMain dt, .barMain span {
    display: inline-block
}

.hoverBtn:hover {
    background-color: #f5faf9
}

.menuLeftBtn {
    background-position: -2022px 15px
}

.rightBar .noAbleLeftBtn {
    background-position: -2058px 15px
}

.menuRightBtn {
    background-position: -2093px 15px;
    border-left: 1px solid #fff
}

.rightBar .noAbleRightBtn {
    background-position: -2129px 15px
}

.barMain {
    width: 100%;
    clear: both;
    float: left;
    height: 100%;
    margin-top: 20px
}

.barMain .barInfo {
    overflow: hidden;
    margin-left: 20px;
    margin-bottom: 40px
}

.barMain .barInfo .headimage {
    float: left;
    width: 84px;
    height: 84px;
    border-radius: 50px;
    border: 2px solid #ecf3f3
}

.barMain .barInfo .headname {
    width: auto;
    max-width: 47%;
    float: left;
    margin-left: 10px;
    margin-top: 35px;
    color: #555556;
    overflow: hidden
}

.barInner, .barMain dd, .barMain span, .chatBeforeForm .chatBeforeFormBody .guide p, .chatBeforeForm .chatBeforeFormBody .guide span, .chatBeforeForm .chatBeforeFormBody .guide strong {
    white-space: pre-wrap;
    word-wrap: break-word
}

.barInformation {
    clear: both;
    width: 87%;
    margin-left: 20px
}

.inforLi {
    margin-bottom: 20px
}

.inforLi label {
    font-weight: 700;
    margin-right: 9px
}

.barMain span {
    width: 73%;
    color: #555556
}

.barMain dt {
    width: auto;
    float: left;
    padding: 0;
    margin: 0 8px 0 0;
    font-weight: 700
}

.barMain dd {
    width: 63%;
    padding: 0;
    margin: 0;
    color: #555556
}

.barInner {
    display: none;
    height: 100%;
    overflow: auto
}

.barInner::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.barInner::-webkit-scrollbar-thumb {
    width: 6px;
    height: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.barInner iframe {
    height: 100%;
    width: 100%;
    position: relative
}

.barInner1 {
    display: block
}

.barInner2 {
    padding: 10px;
    overflow-y: scroll;
    overflow-x: scroll
}

.barInner2::-webkit-scrollbar {
    width: 6px
}

.barInner2::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.barInner2 img {
    cursor: pointer
}

.chatPanelList .systemMsg .systemMsgPushEva {
    display: inline-block
}

.pushEvaluate {
    width: 340px;
    border-radius: 4px;
    background-color: #fff;
    color: #8a9699;
    border: 1px solid #ebeff0
}

.pushEvaluate .operateType {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.pushEvaluate .operateType .operateTypeBtn {
    overflow: hidden;
    width: 240px;
    margin: auto
}

.pushEvaluate .operateType .solve {
    display: inline-block;
    width: 84px;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    font-size: 14px;
    color: #8b98ad;
    text-align: right;
    border: 1px solid #d6dbe5;
    border-radius: 4px;
    cursor: pointer
}

.pushEvaluate .operateType .solved span, .pushEvaluate .operateType .unSolved span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 16px;
    margin-top: 8px;
    padding: 0;
    border-radius: 0;
    float: left
}

.pushEvaluate .operateType .solved span {
    background: url(../img/evaluateicon.png) -19px 0 no-repeat
}

.pushEvaluate .operateType .unSolved span {
    background: url(../img/evaluateicon.png) -80px 0 no-repeat
}

.pushEvaluate .operateType .defaultSolveActive span, .pushEvaluate .operateType .solveActive span, .pushEvaluate .operateType .unsolveActive span {
    background-image: url(../img/evaluateicon.png);
    background-repeat: no-repeat
}

.pushEvaluate .operateType .defaultSolveActive {
    color: #0daeaf;
    border: 1px solid #d6dbe5
}

.pushEvaluate .operateType .solveActive, .pushEvaluate .operateType .unsolveActive {
    color: #fff
}

.pushEvaluate .operateType .defaultSolveActive span {
    background-position: -40px 0
}

.pushEvaluate .operateType .solveActive span {
    background-position: 0 0
}

.pushEvaluate .operateType .unsolveActive span {
    background-position: -60px 0
}

.pushEvaluate .operateType .operateTypeTitle {
    width: 100%;
    text-align: center;
    margin: 10px 0 15px;
    color: #555556;
    font-size: 15px
}

.pushEvaluate .operateType .operateTypeTitle .aname {
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis
}

.chatPanelList .systemMsg .systemMsgPushEva .moregood {
    display: block;
    color: rgba(138, 152, 172, .98);
    font-size: 14px;
    margin: 4px 0 15px;
    text-align: center
}

.systemMsgPushEva .pushEvaTitle {
    color: #3d4966;
    margin: 15px 0 0;
    font-size: 18px;
    text-align: center;
    font-family: "微软雅黑"
}

.systemMsgPushEva .pushEvaTitle .aname {
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis
}

.systemMsgPushEva #pushStar {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 15px;
    height: 30px;
    text-align: center
}

.systemMsgPushEva #pushStar ul {
    margin: auto;
    width: 172px;
    overflow: hidden;
    display: inline-block
}

.systemMsgPushEva #pushStar li {
    float: left;
    width: 34px;
    height: 27px;
    cursor: pointer;
    text-indent: -9999px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-repeat: no-repeat;
    background-position: -2204px 0
}

.systemMsgPushEva #pushStar li.on {
    background-position: -2262px 0
}

.systemMsgPushEva span.noEvaluate {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0 20px;
    font-size: 12px;
    color: #acbcbf;
    background-color: #fff;
    border-radius: 0;
    cursor: pointer
}

.systemMsgPushEva span.noEvaluate:hover {
    color: #555556
}

.systemMsgPushEva .pushEvaBtn {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 20px;
    display: inline-block;
    color: #c0c5c8;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -776px 1px;
    cursor: pointer
}

.systemMsgPushEva .pushEvaBtn:hover {
    background-position: -816px 1px
}

.systemMsgPushEva span.toSideEvaluate {
    width: 100%;
    text-align: center;
    color: #28a7dc;
    margin: 0 0 20px;
    line-height: 16px;
    background: #fff;
    padding: 0;
    border-radius: 0;
    cursor: pointer
}

.systemMsgPushEva span.commit, .systemMsgPushEva span.commited {
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
}

.systemMsgPushEva span.commit {
    width: 84px;
    background: #e0e9e8;
    color: #fff
}

.systemMsgPushEva span.commited {
    width: 240px;
    color: #8a9699;
    background: 0 0;
    padding: 0
}

.datepicker, .datepicker td, .datepicker th {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.systemMsgPushEva .commitedIco {
    display: inline-block;
    width: 16px;
    height: 20px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -2165px 12px
}

.systemMsgPushEva .btnGroup {
    clear: both
}

/*!
* Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * https: //www.apache.org/licenses/LICENSE-2.0
* */
.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    border-radius: 4px
}

.datepicker > div {
    display: none
}

.datepicker table {
    width: 100%;
    margin: 0
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px
}

.datepicker td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker td.day.disabled {
    color: #eee
}

.datepicker td.new,
.datepicker td.old {
    color: #999
}

.datepicker td.active,
.datepicker td.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0daeaf), to(#0daeaf));
    background-image: -webkit-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: -o-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: linear-gradient(to bottom, #0daeaf, #0daeaf);
    background-repeat: repeat-x;
    border-color: #0daeaf #0daeaf #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #0daeaf;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td.active.active,
.datepicker td.active.disabled,
.datepicker td.active:active,
.datepicker td.active:focus,
.datepicker td.active:hover,
.datepicker td.active:hover.active,
.datepicker td.active:hover.disabled,
.datepicker td.active:hover:active,
.datepicker td.active:hover:focus,
.datepicker td.active:hover:hover,
.datepicker td.active:hover[disabled],
.datepicker td.active[disabled] {
    color: #fff;
    background-color: #0daeaf;
    *background-color: #003bb3
}

.datepicker td.active.active,
.datepicker td.active:active,
.datepicker td.active:hover.active,
.datepicker td.active:hover:active {
    background-color: #039 \9
}

.datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker td span:hover {
    background: #eee
}

.datepicker td span.active {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0daeaf), to(#0daeaf));
    background-image: -webkit-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: -o-linear-gradient(top, #0daeaf, #0daeaf);
    background-image: linear-gradient(to bottom, #0daeaf, #0daeaf);
    background-repeat: repeat-x;
    border-color: #0daeaf #0daeaf #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    *background-color: #0daeaf;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active:active,
.datepicker td span.active:focus,
.datepicker td span.active:hover,
.datepicker td span.active[disabled] {
    color: #fff;
    background-color: #0daeaf;
    *background-color: #003bb3
}

.datepicker td span.active.active,
.datepicker td span.active:active {
    background-color: #039 \9
}

.datepicker td span.old {
    color: #999
}

.datepicker th.switch {
    width: 145px
}

.datepicker th.next,
.datepicker th.prev {
    font-size: 21px
}

.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover {
    background: #eee
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.chatBeforeForm .chatBeforeFormBody .zc-scroll::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.chatBeforeForm .chatBeforeFormBody .zc-scroll::-webkit-scrollbar {
    width: 6px
}

.chatBeforeFormlayer {
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgba(99, 99, 99, 0);
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0
}

.chatBeforeForm {
    width: 360px;
    height: 100%;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: -390px;
    background: #fff
}

.chatBeforeForm .chatBeforeFormDetailTip {
    margin-top: 0
}

.chatBeforeForm .chatBeforeFormHeader {
    position: relative;
    z-index: 1000000;
    border-bottom: 1px solid #ebf3f5;
    height: 60px;
    background: #fff
}

.chatBeforeForm .chatBeforeFormHeader .title {
    font-size: 15px;
    color: #555556;
    height: 60px;
    line-height: 60px;
    margin-left: 20px
}

.chatBeforeForm .chatBeforeFormHeader .close {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 16px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -775px 1px
}

.chatBeforeForm .chatBeforeFormBody {
    overflow-y: scroll;
    overflow-x: hidden
}

.chatBeforeFormBody::-webkit-scrollbar {
    width: 6px
}

.chatBeforeFormBody::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #d2e0e1;
    border-radius: 4px
}

.chatBeforeForm .chatBeforeFormBody .guide {
    margin: auto;
    width: 88%;
    line-height: 24px;
    color: #3D4966;
    padding: 20px 0
}

.chatBeforeForm .chatBeforeFormBody .dropdown-menus {
    display: none;
    width: 180px;
    border: 1px solid #e1e6f5;
    border-radius: 0;
    list-style: none;
    padding: 5px 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 0;
    max-width: 100%;
    max-height: 200px;
    box-shadow: none;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 1000;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background: #fff
}

.chatBeforeForm .chatBeforeFormBody .dropdown-menus li {
    position: relative;
    width: 88px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    color: #4E5A75;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .dropdown-menus li a {
    clear: both;
    display: block;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    color: #4E5A75;
    padding: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none
}

.chatBeforeForm .chatBeforeFormBody .dropdown-menus li a:hover,
.chatBeforeForm .chatBeforeFormBody .dropdown-menus li:hover {
    background: #eff3fa
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea {
    clear: both;
    margin-left: 20px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .title {
    width: 310px;
    font-size: 14px;
    color: #8B98AD;
    margin-bottom: 7px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .title .icon {
    float: left;
    display: block;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #F9676F
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropList {
    border-radius: 2px;
    width: 180px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    outline: 0;
    background: #eff3fa;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropList .definedDropListTitle {
    float: left;
    width: 140px;
    text-align: left;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 14px;
    color: #3D4966
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropList .dropListTitleIcn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/leaveMsg/bgGroup.png) -3279px 13px no-repeat
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropListUl {
    display: none;
    position: absolute;
    width: 180px;
    max-height: 170px;
    top: 35px;
    left: 0;
    z-index: 1100;
    background: #FFF;
    overflow-y: scroll;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropListUl li {
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding: 0 8px;
    font-size: 14px;
    color: #3D4966;
    cursor: pointer;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedDropListUl li:hover {
    background: #EFF3FA
}

.chatBeforeForm .chatBeforeFormBody .definedFields .dropdownList {
    position: relative;
    float: left
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropList {
    float: left;
    border-radius: 2px;
    width: 90px;
    height: 34px;
    line-height: 34px;
    margin-right: 10px;
    text-align: center;
    outline: 0;
    background: #eff3fa;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropList .cityDropListTitle {
    float: left;
    width: 45px;
    text-align: left;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 14px;
    color: #3D4966
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropList .dropListTitleIcn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/leaveMsg/bgGroup.png) -3279px 13px no-repeat
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropListUl {
    display: none;
    position: absolute;
    width: 96px;
    max-height: 170px;
    top: 35px;
    left: 0;
    z-index: 1100;
    background: #FFF;
    overflow-y: scroll;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropListUl li {
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding: 0 8px;
    font-size: 14px;
    color: #3D4966;
    cursor: pointer;
    overflow: hidden;
    vertical-align: bottom;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .cityDropListUl li:hover {
    background: #EFF3FA
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .openActive {
    display: block
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi {
    width: 300px;
    clear: both;
    margin-top: 2px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .definedCheckedLiIcn {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    margin-top: 3px;
    background: url(../img/leaveMsg/bgGroup.png) -3520px 0 no-repeat
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .definedCheckedLiText {
    width: 270px;
    float: left;
    line-height: 20px;
    font-size: 14px;
    color: #3D4966;
    letter-spacing: 0;
    white-space: pre-wrap;
    word-wrap: break-word
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .userCheck:hover .definedCheckedLiIcn {
    background: url(../img/leaveMsg/bgGroup.png) -3560px 0 no-repeat
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedCheckedUl .definedCheckedLi .userCheckIcoActive {
    background: url(../img/leaveMsg/bgGroup.png) -3600px 0 no-repeat
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .userOpts {
    overflow: hidden;
    float: left;
    margin-right: 15px;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .userOptIco {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    margin-top: 3px;
    background: url(../img/leaveMsg/bgGroup.png) -3400px 0 no-repeat
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .userOpt:hover .userOptIco {
    background: url(../img/leaveMsg/bgGroup.png) -3440px 0 no-repeat
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .userOptIcoActive {
    background: url(../img/leaveMsg/bgGroup.png) -3480px 0 no-repeat
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedOptionUl .definedOptionLi {
    clear: both;
    margin-top: 2px;
    width: 300px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedOptionUl .definedOptionLi .definedOptionLiText {
    width: 270px;
    float: left;
    font-size: 14px;
    color: #3D4966;
    line-height: 20px;
    letter-spacing: 0;
    white-space: pre-wrap;
    word-wrap: break-word
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedInput:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: dotted thin \9
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedInput {
    width: 300px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #3D4966;
    padding-left: 6px;
    background: #FFF;
    border: 1px solid #E2E9E8;
    border-radius: 2px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTextarea {
    width: 286px;
    height: 114px;
    padding: 10px;
    font-size: 14px;
    color: #3D4966;
    resize: none;
    background: #FFF;
    border: 1px solid #E2E9E8;
    border-radius: 2px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTextarea:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: dotted thin \9
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropList {
    float: left;
    position: relative;
    background: #EFF3FA;
    border-radius: 2px;
    width: 80px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeText {
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 0 6px;
    color: #3D4966
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropList .dropListTitleIcn {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    background: url(../img/leaveMsg/bgGroup.png) -3279px 13px no-repeat
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeInput {
    float: left;
    width: 48px;
    height: 34px;
    line-height: 34px;
    color: #3D4966;
    outline: 0;
    border: none;
    text-align: center;
    font-size: 14px;
    background: #EFF3FA
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropListUl {
    display: none;
    clear: both;
    position: absolute;
    width: 70px;
    height: 170px;
    overflow-y: scroll;
    top: 36px;
    left: 0;
    z-index: 1000;
    padding-left: 10px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(61, 73, 102, .2)
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropListUl li {
    font-size: 14px;
    color: #3D4966;
    line-height: 34px
}

.chatBeforeForm .chatBeforeFormBody .definedFields .definedArea .definedTimeDropListUl li:hover {
    background: #EFF3FA;
    cursor: pointer
}

.chatBeforeForm .chatBeforeFormBody .email,
.chatBeforeForm .chatBeforeFormBody .telephone {
    height: 34px;
    line-height: 34px;
    border: 1px solid #e0e9e8;
    background: #fff;
    padding-left: 10px;
    outline: 0
}

.chatBeforeForm .chatBeforeFormBody .infoArea {
    clear: both;
    margin-left: 10px;
    position: relative
}

.chatBeforeForm .chatBeforeFormBody .infoArea .infoAreaTitle {
    width: 200px;
    font-size: 14px;
    color: #8B98AD;
    margin-bottom: 7px
}

.chatBeforeForm .chatBeforeFormBody .infoArea .infoAreaTitle .icon {
    display: block;
    float: left;
    padding-top: 1px;
    margin: 0 3px;
    font-size: 16px;
    color: #F9676F
}

.chatBeforeForm .chatBeforeFormBody .email {
    width: 300px;
    border-radius: 2px
}

.errorTip {
    float: left;
    visibility: hidden;
    width: 91%;
    color: #ed5c5c;
    margin: 3px 0;
    font-size: 12px
}

.chatBeforeForm .chatBeforeFormBody .telephone {
    width: 300px;
    border-radius: 2px
}

.chatBeforeForm .chatBeforeFormBody .detail {
    clear: both;
    position: relative;
    width: 100%;
    margin: 10px 3% 0
}

.txt-tip {
    width: 90%;
    color: #B1B5B5;
    font-size: 14px;
    display: block;
    position: absolute;
    top: 31px;
    left: 12px;
    z-index: 2;
    word-wrap: break-word
}

.chatBeforeForm .chatBeforeFormBody .emailplaceholder,
.chatBeforeForm .chatBeforeFormBody .teleplaceholder {
    width: auto;
    color: #B1B5B5;
    font-size: 13px;
    left: 23px;
    z-index: 2;
    word-wrap: break-word;
    position: absolute;
    display: block
}

.chatBeforeForm .chatBeforeFormBody .emailplaceholder {
    top: 14px
}

.chatBeforeForm .chatBeforeFormBody .teleplaceholder {
    top: 15px
}

.chatBeforeForm .chatBeforeFormBody .chatBeforeFormDetail {
    width: 300px;
    height: 125px;
    padding: 4px 0 0 3%;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 19px;
    font-size: 14px;
    border: 1px solid #e0e9e8;
    border-radius: 2px;
    resize: none;
    outline: 0
}

.chatBeforeForm .chatBeforeFormBody .chatBeforeFormDetail:focus {
    border-color: #acbbbf;
    outline: 0;
    outline: dotted thin \9
}

.chatBeforeForm .submitArea {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10000;
    width: 100%;
    height: 60px;
    background: #f5f9fa
}

.sureWindow,
.sureWindowlayer {
    z-index: 9999;
    position: absolute;
    opacity: 0
}

.chatBeforeForm .submitArea .submit {
    margin: 12px auto auto;
    display: block;
    width: 50%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #e0e9e8;
    color: #fff;
    border-radius: 2px;
    cursor: pointer
}

.sureWindow {
    display: none;
    top: 155px;
    right: 50px;
    width: 260px;
    height: 140px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(15, 66, 76, .25)
}

.sureWindow .closetitle {
    width: 100%;
    height: 20px
}

.sureWindow .close {
    display: block;
    width: 14px;
    height: 14px;
    color: #c9d6d9;
    position: absolute;
    z-index: 1002;
    right: 8px;
    top: 7px;
    font-size: 20px;
    cursor: pointer;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -775px 1px
}

.sureWindow .close:hover {
    background-position: -815px 1px
}

.sureWindow .title {
    font-size: 15px;
    color: #555556;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.sureWindow .btngroup span {
    float: left;
    display: block;
    width: 105px;
    height: 35px;
    margin-left: 10px;
    line-height: 35px;
    background: #ebeff0;
    color: #8a9699;
    text-align: center;
    border-radius: 2px;
    cursor: pointer
}

.sureWindow .btngroup .leavesure {
    margin-left: 20px
}

.sureWindowlayer {
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .5);
    top: 0;
    left: 0
}

.popup-captcha-pc {
    position: absolute
}

.show {
    display: block
}

.chatBeforeFormUpload {
    clear: both;
    width: 100%;
    margin: 0 0 10px
}

.chatBeforeFormUpload .btnarea {
    position: relative;
    z-index: 1001
}

.chatBeforeFormUpload .btnareaele {
    position: relative;
    z-index: 10000
}

.chatBeforeFormUpload .btnarea .btareatxt1 {
    display: inline-block;
    color: #28a7dc;
    font-size: 12px;
    margin-left: 30px
}

.chatBeforeFormUpload .btnarea .btnareaIcon {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10001;
    width: 20px;
    height: 17px;
    font-size: 12px;
    margin-left: 10px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -3234px 1px;
    background-repeat: no-repeat
}

.chatBeforeFormUpload .btnarea span.btareatxt {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    color: #b6bebf
}

.chatBeforeFormUpload .btnarea input {
    width: 100px;
    height: 18px;
    padding-left: 30px;
    padding-left: 0 \9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.chatBeforeFormUpload .chatBeforeFormFileStyle {
    overflow: hidden;
    background: #f0f4f5;
    margin: 6px 12px;
    padding: 5px 0 3px 7px
}

.chatBeforeFormUpload .chatBeforeFormProcessWidely {
    float: left;
    width: 80px;
    height: 6px;
    background: #e0e9e8;
    border-radius: 10px;
    margin-top: 6px;
    margin-left: 4px
}

.chatBeforeFormUpload .chatBeforeFormProcess {
    float: left;
    width: 0;
    display: inline-block;
    height: 100%;
    background: #5ce09a;
    border-radius: 10px
}

.chatBeforeFormUpload .chatBeforeFormFilesize {
    float: left;
    color: #bac2c3;
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
    font-size: 12px
}

.chatBeforeFormUpload .chatBeforeFormFileName {
    float: left;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    white-space: nowrap;
    color: #8a9699;
    font-size: 12px
}

.chatBeforeFormUpload .chatBeforeFormFileClose {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/leaveMsg/bgGroup.png);
    background-position: -775px 4px;
    background-repeat: no-repeat;
    cursor: pointer
}

.chatBeforeFormUpload .chatBeforeFormFileClose:hover {
    background-position: -815px 4px
}

.chatBeforeFormUpload .fileTip {
    display: none
}

.chatBeforeFormUpload .fileTipShow {
    float: left;
    display: inline-block;
    font-size: 12px;
    color: #ed5c5c;
    margin-left: 3px;
    height: 20px;
    line-height: 20px
}

.ie-uploadLoading {
    display: inline-block;
    font-size: 12px;
    float: left;
    color: #8a9699
}

.gt_holder.gt_popup {
    z-index: 9999
}

.gt_holder.gt_popup .gt_mask {
    z-index: 99999
}