@charset "UTF-8";
body { font-family: Microsoft YaHei; }

video::-webkit-media-controls-fullscreen-button { display: none; }

a { cursor: pointer; }

.text-center a { text-decoration: none; font-size: 12px; color: #0e56a6; cursor: pointer; }

.text-center { text-align: center; }

.btn-disabled { border: 1px solid #e6e6e6 !important; background-color: #FBFBFB !important; color: #C9C9C9 !important; cursor: not-allowed !important; opacity: 1 !important; }

#chatBox.hide { visibility: hidden; }

@media screen and (max-width: 691px) { .bodyRight, .sendInfo, .long-line { display: none; }
  .btnSend { width: 85px !important; text-align: center !important; padding-left: 0 !important; }
  #chatBox { left: 0px; top: 0px; right: 0px; bottom: 0px; }
  #chatBody { padding-right: 0px; }
  #btnRing { display: none; }
  #facebox { right: 0px; }
  #chatBox #chatBar #headleft { width: 74%; }
  .icon-down { display: none !important; }
  .selectA { color: #326FB3 !important; text-decoration: underline !important; }
  .msg-box .robot-img { max-width: 180px !important; max-height: 180px !important; }
  .msg-box .msg-client .player-con { width: 183px !important; height: 109px !important; }
  .shade { padding: 85% 0 !important; }
  .player-con video { background-color: #000; }
  .player-con video::-webkit-media-controls-play-button { display: none; }
  .player-con video::-webkit-media-controls-timeline { display: none; }
  .player-con video::-webkit-media-controls-current-time-display { display: none; }
  .player-con video::-webkit-media-controls-enclosure { display: none; }
  .player-con video::-webkit-media-controls-controls-enclosure { display: none; }
  .agent-info .service-signimg { width: 100% !important; } }

@media screen and (min-width: 692px) { #chatBox { width: 692px; height: 542px; bottom: 0px; right: 0px; }
  #chatBody { padding-right: 211px; }
  .agent-name { width: 500px; }
  .agent-signature { width: 500px; }
  #facebox { right: 18px; } }

* { box-sizing: border-box; outline: none; margin: 0; padding: 0; }

#chatBox { width: 692px\9; height: 542px\9; position: fixed; }

#chatBox #chatBar { position: absolute; top: 0; right: 0; left: 0; width: 100%; z-index: 3; padding: 0; zoom: 1; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06), 0 2px 0 0 rgba(0, 0, 0, 0.01); height: 60px; }

#chatBox #chatBar .wait { color: #ffffff; top: 20px; left: 20px; display: none; float: left; padding: 19px; }

#chatBox #chatBar #headleft { float: left; cursor: move; }

#chatBox #chatBar #headleft .userImg { position: absolute; top: 10px; left: 14px; width: 40px; height: 40px; border-radius: 50%; user-select: none; }

#chatBox #chatContent { width: 692px; height: 542px; }

.agent-info { color: #fff; margin-left: 64px; }

.agent-info .agent-name { position: relative; margin-top: 12px; font-size: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; user-select: none; }

.agent-info .agent-signature { margin-top: 5px; font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; user-select: none; }

.agent-info .service-signimg { width: 296px; height: 60px; object-fit: contain; }

#headRight { font-size: 12px; color: #fff; float: right; margin: 20px 13px 0 0; }

#headRight #btnCallAgent { cursor: pointer; float: left; height: 22px; line-height: 22px; filter: alpha(opacity=80); opacity: .8; margin-right: 10px; user-select: none; display: none; }

#headRight #btnRing { cursor: pointer; float: left; margin-right: 4px; }

#headRight #btnRing #iconRing { display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; font-size: 16px; }

#headRight #btnHideChat { cursor: pointer; float: left; }

#headRight #btnHideChat > i { display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #fff; font-size: 16px; }

#chatBody { bottom: 0; height: 100%; padding-top: 60px; background-color: #fff; position: absolute; top: 0; right: 0; left: 0; width: 100%; padding-right: 211px\9; }

#chatBody .bodyLeft { position: relative; width: 100%; height: 100%; }

#chatBody .bodyLeft #msgWrapper { position: absolute; top: 0; right: 0; bottom: 142px; left: 0; width: 100%; height: auto; max-height: 100%; overflow-x: hidden; overflow-y: auto; word-wrap: break-word; }

#chatBody .bodyLeft #msgWrapper #msgHolder { height: auto; margin: 14px; }

#chatBody .bodyLeft #msgWrapper #msgHolder .moreHistoryBtn { display: none; margin-bottom: 15px; text-align: center; font-size: 12px; color: #666; cursor: pointer; }

#chatBody .bodyLeft #msgWrapper #msgHolder .loading { display: block; margin-bottom: 15px; text-align: center; font-size: 12px; color: #666; cursor: pointer; }

.msg-box { margin-bottom: 20px; }

.msg-box .chatImg, .msg-box .text-img { cursor: pointer; max-width: 200px; height: auto; margin-top: 4px; }

.msg-box .robot-img { margin-top: 4px; cursor: pointer; max-width: 270px; max-height: 270px; }

.msg-box .msg-client { position: relative; width: 100%; margin-bottom: 20px; }

.msg-box .msg-client:after { display: block; clear: both; content: ''; }

.msg-box .msg-client .date { margin-bottom: 14px; font-size: 12px; line-height: 14px; color: #b2b2b2; width: 100%; }

.msg-box .msg-client .date > span { color: #000; margin-right: 12px; }

.msg-box .msg-client .userData { text-align: right; user-select: none; }

.msg-box .msg-client .otherData { text-align: left; user-select: none; }

.msg-box .msg-client .bubble { width: auto; max-width: 100%; position: relative; border-radius: 2px; padding: 8px 12px; font-size: 13px; line-height: 20px; word-wrap: break-word; color: #333; }

.msg-box .msg-client .bubble > i { cursor: pointer; position: absolute; color: #ff0087; font-size: 16px; top: 10px; left: -26px; }

.msg-box .msg-client .bubble .text:not(.rich_text) a, .msg-box .msg-client .bubble .text:not(.rich_text) span { color: #0E56A6; text-decoration: none; cursor: pointer; }

.msg-box .msg-client .bubble .text:not(.rich_text) a:hover, .msg-box .msg-client .bubble .text:not(.rich_text) span:hover { color: #326FB3; text-decoration: underline; }

.msg-box .msg-client .bubble .text.rich_text span { color: inherit; }

.msg-box .msg-client .bubble .text.rich_text a { color: #0E56A6; text-decoration: none; cursor: pointer; }

.msg-box .msg-client .bubble .text.rich_text a:hover { color: #326FB3; text-decoration: underline; }

.msg-box .msg-client .bubble .state { position: absolute; left: -36px; bottom: -5px; color: #999; }

.msg-box .msg-client .userRecive { float: right; background-color: #9eea6a; }

.msg-box .msg-client .otherRecive { float: left; border: 1px solid #f0f0f0; background-color: #fafafa; }

.msg-box .msg-client .player-con { display: inline-block; width: 300px; height: 180px; background-color: #fafafa; position: relative; }

.msg-box .msg-client .player-con .state { position: absolute; left: -36px; bottom: -5px; color: #999; font-size: 13px; }

.msg-box .msg-bot { position: relative; width: 100%; margin-bottom: 20px; }

.msg-box .msg-bot .name { margin-bottom: 20px; font-size: 12px; line-height: 14px; color: #000; user-select: none; }

.msg-box .msg-bot .name > .date { color: #b2b2b2; margin-left: 12px; }

.msg-box .msg-bot .bubble { background: #fafafa; margin-right: 70px; padding: 12px; color: #000; border: 1px solid #f0f0f0; }

.msg-box .msg-bot .bubble .text { font-size: 12px; line-height: 20px; word-wrap: break-word; }

.msg-box .msg-bot .bubble .text span { color: #0E56A6; text-decoration: none; cursor: pointer; }

.msg-box .msg-bot .bubble .text span:hover { color: #326FB3; text-decoration: underline; }

.msg-box .msg-bot .bubble .menu ol { list-style: none; padding: 0; margin: 6px 0; margin-top: 4px; }

.msg-box .msg-bot .bubble .menu ol li { line-height: 20px; font-size: 12px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.msg-box .msg-bot .bubble .menu ol li .menu-item, .msg-box .msg-bot .bubble .menu ol li .menu-items { color: #0e56a6; cursor: pointer; }

.msg-box .msg-bot .bubble .menu .menu-tips { box-sizing: border-box; padding-left: 12px; padding-right: 12px; color: #666; margin-top: 4px; font-size: 12px; margin-left: -12px; margin-right: -12px; padding-bottom: 6px; }

.msg-box .rating { border-top: 1px solid #fff; margin: 0 -12px; text-align: center; position: relative; top: 6px; bottom: 0px; padding: 5px 0; padding-top: 10px; min-width: 120px; zoom: 1; }

.msg-box .rating:after { content: ''; display: block; clear: both; }

.msg-box .rating a { color: #0e56a6; cursor: pointer; text-decoration: none !important; width: 50%; float: left; font-size: 12px; }

.msg-box .rating span { display: none; font-size: 12px; color: #999; }

.msg-box .msg-evaluation { width: 100%; margin-bottom: 20px; color: #999; text-align: center; font-size: 12px; user-select: none; }

.msg-box .msg-evaluation .evaluation-level { color: #2aa515; }

.leftContent { margin-right: 70px; }

.rightContent { margin-left: 70px; }

.bodyRight { position: absolute; top: 60px; right: 0; z-index: 2; width: 211px; height: 482px; border-left: 1px solid #e8e8e8; padding-bottom: 40px; }

.bodyRight #profile { width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; }

.bodyRight #profile .profile-contact { padding: 14px 14px 14px 12px; min-height: 100%; background-color: #ffffff; }

.bodyRight #profile .profile-contact .content { font-size: 12px; line-height: 22px; }

.bodyRight #profile .profile-contact > ul { list-style: none; }

.bodyRight #profile .profile-contact > ul > li { font-size: 12px; line-height: 22px; }

.bodyRight #profile h5 { margin-bottom: 20px; font-size: 14px; font-weight: normal; padding: 0; text-align: center; }

.bodyRight #profile h5 > span { font-size: 14px; color: red; }

.bodyFoot { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 143px; background-color: #fff; }

.bodyFoot .feature-holder { user-select: none; height: 42px; background: #fafafa; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }

.bodyFoot .feature-holder .featureBtns { padding-top: 10px; }

.bodyFoot .feature-holder .featureBtns::after { content: ""; display: inline-block; clear: both; }

.bodyFoot .feature-holder .featureBtns .emojiBtn { cursor: pointer; float: left; width: 18px; height: 18px; margin-left: 10px; margin-right: 15px; display: inline-block; background: url(//sta.dd373.com/newfile/consult/imgaudio/images/emojiBtn.png) no-repeat center center; background-size: 18px 18px; }

.bodyFoot .feature-holder .featureBtns .photoBtn { cursor: pointer; float: left; width: 18px; height: 18px; display: inline-block; background: url(//sta.dd373.com/newfile/consult/imgaudio/images/photoBtn.png) no-repeat center center; background-size: 18px 18px; }

.bodyFoot .feature-holder .featureBtns .photoBtn #photoFile { visibility: hidden; }

.bodyFoot .feature-holder .featureBtns .appraiseBtn { display: none; float: left; width: 20px; height: 18px; margin-left: 15px; display: inline-block; background: url(//sta.dd373.com/newfile/consult/imgaudio/images/flower.png) no-repeat center center; background-size: 20px 18px; }

.bodyFoot .chatHasEnd { position: absolute; top: 42px; left: 0; z-index: 3; width: 100%; height: 101px; background-color: #fff; text-align: center; line-height: 100px; font-size: 12px; color: #999; }

.bodyFoot .chatHasEnd .btn-restart-chat { cursor: pointer; color: #0e56a6; }

.bodyFoot .chatHasEnd .btn-restart-chat:hover { color: #ff5b01; }

.text-holder { height: 101px; position: relative; }

.text-holder .textarea { display: block; width: 100%; height: 101px; padding: 10px 10px; overflow-x: hidden; overflow-y: auto; resize: none; outline: 0; background-color: #fff; border: 0; word-break: break-all; font-size: 12px; line-height: 17px; -webkit-appearance: none; }

.text-holder .feature-right { font-size: 0; margin-right: 6px; padding: 10px; position: absolute; right: 0px; bottom: 0px; }

.text-holder .feature-right .btnSend { -webkit-user-select: none; user-select: none; display: inline-block; width: 82px; height: 30px; line-height: 30px; font-size: 13px; border: 0; background-color: #ff5b01; border-radius: 2px; cursor: pointer; text-align: left; padding-left: 16px; color: #fff; }

.text-holder .feature-right .btnSend:hover { opacity: 0.8; }

.text-holder .feature-right .sendInfo { -webkit-user-select: none; user-select: none; font-size: 9px; color: #999; margin-right: 10px; }

.text-holder .feature-right .end-dialog { font-size: 13px; color: #333333; margin-right: 10px; display: none; cursor: pointer; }

.text-holder .feature-right > i { position: absolute; top: 24px; right: 17px; cursor: pointer; }

.text-holder .feature-right .icon-arrow-div { position: absolute; width: 22px; height: 28px; bottom: 11px; right: 10px; text-align: center; line-height: 34px; cursor: pointer; }

.text-holder .feature-right .icon-arrow-div .icon-arrow { display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; background: none; }

.text-holder .feature-right .long-line { width: 1px; height: 16px; background-color: #E6E6E6; position: absolute; right: 32px; bottom: 17px; }

.text-holder .feature-right .icon-down { display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #666; }

.text-holder .feature-right .icon-up { display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #666; }

.text-holder .feature-right .icon-down-color { border-top: 4px solid #ffffff; }

.text-holder .feature-right .icon-up-color { border-bottom: 4px solid #ffffff; }

.text-holder .feature-right .feature-type { position: absolute; top: -55px; right: -105px; z-index: 3; background: #ffffff; padding: 6px 10px; border-radius: 4px; box-shadow: 0px 0px 10px 2px #ededed; }

.text-holder .feature-right .feature-type p { line-height: 24px; cursor: pointer; color: #333333; font-size: 12px; }

.text-holder .feature-right .feature-type p i { margin-right: 10px; display: inline-block; width: 15px; height: 12px; position: relative; top: 2px; }

.text-holder .feature-right .feature-type p .icon-tick-big { display: inline-block; width: 15px; height: 12px; background-image: url(//sta.dd373.com/newfile/consult/imgaudio/images/tick-big.png); }

.text-holder .autoComplate { position: absolute; bottom: 111px; left: 18px; right: 32px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.18); overflow: hidden; z-index: 9; }

.text-holder .autoComplate > ul { list-style: none; padding: 0; margin: 0; }

.text-holder .autoComplate > ul > li { border-top: 1px solid #eee; }

.text-holder .autoComplate > ul > li > a { display: block; text-decoration: none; color: #a5a5a5; padding: .85em; font-size: 12px; word-break: break-all; }

.text-holder .autoComplate > ul > li > a .keyWord { color: #0e56a6; }

.text-holder .autoComplate > ul .cheched { background: #0e56a6; }

.text-holder .autoComplate > ul .cheched a { color: #fff; }

.text-holder .autoComplate > ul .cheched a span { color: #fff; }

.comment { width: 680px; margin: 20px auto; position: relative; background: #fff; padding: 20px 50px 50px; border: 1px solid #DDD; border-radius: 5px; }

.comment h3 { height: 28px; line-height: 28px; }

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

.input { width: 99%; height: 60px; border: 1px solid #ccc; }

.com_form p { height: 28px; line-height: 28px; position: relative; margin-top: 10px; }

span.emotion { width: 42px; height: 20px; padding-left: 20px; cursor: pointer; }

span.emotion:hover { background-position: 2px -28px; }

.qqFace { margin-top: 4px; background: #fff; padding: 2px; border-top: 1px #dfe6f6 solid; }

.qqFace table td { padding: 0px; }

.qqFace table td img { cursor: pointer; border: 1px #fff solid; }

.qqFace table td img:hover { border: 1px #0066cc solid; }

#show { width: 770px; margin: 20px auto; background: #fff; padding: 5px; border: 1px solid #DDD; vertical-align: top; }

.sub_btn { position: absolute; right: 0px; top: 0; display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); }

.sub_btn:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); }

.emoji-bg { display: inline-block; width: 25px; height: 25px; cursor: pointer; margin: 0 5px; background-image: url(//sta.dd373.com/newfile/consult/imgaudio/images/emoji/emoji.png); background-size: 25px auto; background-repeat: no-repeat; }

.emj1 { background-position: 0 0; }

.emj2 { background-position: 0 -25px; }

.emj3 { background-position: 0 -50px; }

.emj4 { background-position: 0 -75px; }

.emj5 { background-position: 0 -100px; }

.emj6 { background-position: 0 -125px; }

.emj7 { background-position: 0 -150px; }

.emj8 { background-position: 0 -175px; }

.emj9 { background-position: 0 -200px; }

.emj10 { background-position: 0 -225px; }

.emj11 { background-position: 0 -250px; }

.emj12 { background-position: 0 -275px; }

.emj13 { background-position: 0 -300px; }

.emj14 { background-position: 0 -325px; }

.emj15 { background-position: 0 -350px; }

.emj16 { background-position: 0 -375px; }

.emj17 { background-position: 0 -400px; }

.emj18 { background-position: 0 -425px; }

.emj19 { background-position: 0 -450px; }

.emj20 { background-position: 0 -475px; }

.emj21 { background-position: 0 -500px; }

.emj22 { background-position: 0 -525px; }

.emj23 { background-position: 0 -550px; }

.emj24 { background-position: 0 -575px; }

#facebox { display: none; height: 128px; top: -132px; left: 0px; }

#facebox table { width: 100%; height: 100%; }

#evaluationHolder { position: absolute; display: block; top: 50%; left: 50%; z-index: 6; width: 338px; margin: -125px 0 0 -160px; background-color: #fff; border: 1px solid #ededed; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); top: 50% \9 !important; /*IE8兼容*/ left: 50% \9 !important; /*IE8兼容*/ width: 338px\9 !important; /*IE8兼容*/ margin: -125px 0 0 -160px\9 !important; /*IE8兼容*/ }

#evaluationHolder.evaluation-active-0 #evaluation0, #pageChat #evaluationHolder.evaluation-active-1 #evaluation1, #pageChat #evaluationHolder.evaluation-active-2 #evaluation2, #pageChat .evaluation-body .evaluation-btn:hover { background-color: #fafafa; border-color: #f0f0f0; border-radius: 3px; }

#evaluationHolder.evaluation-active-2 #evaluation2 > span, #pageChat .evaluation-body .evaluation-btn:hover#evaluation2 > span { color: #00ce7d; }

#evaluationHolder.evaluation-active-1 #evaluation1 > span, #pageChat .evaluation-body .evaluation-btn:hover#evaluation1 > span { color: #ffb652; }

#evaluationHolder.evaluation-active-0 #evaluation0 > span, #pageChat .evaluation-body .evaluation-btn:hover#evaluation0 > span { color: #ff5c5e; }

.evaluation-header .intro { margin: 26px 35px 0; text-align: center; font-size: 14px; color: #666; max-height: 6em; overflow: auto; user-select: none; }

#evaluationHide { cursor: pointer; position: absolute; top: 10px; right: 10px; }

#evaluationHide .icon-times { display: block; width: 22px; height: 22px; background-position: 0 -132px; }

.evaluation-body { margin: 10px 24px 0; }

.evaluation-body .evaluation-btn-group { width: 210px; margin: 0 auto 10px; }

.evaluation-body .evaluation-btn { float: left; width: 60px; height: 70px; margin: 0 5px; border: 1px solid #fff; cursor: pointer; }

.evaluation-body .evaluation-btn:hover { background-color: #fafafa; border: 1px solid #f0f0f0; }

.evaluation-body .evaluation-btn:hover span { color: #ff5b01; }

.eb-background { background-color: #fafafa; border: 1px solid #f0f0f0 !important; }

.eb-background span { color: #ff5b01 !important; }

.evaluation-body .evaluation-btn .icon { display: block; width: 30px; height: 30px; margin: 5px auto 0; }

.evaluation-body .evaluation-btn .icon-smile { background-position: -2px -310px; }

.evaluation-body .evaluation-btn .icon-neutral { background-position: -2px -354px; }

.evaluation-body .evaluation-btn .icon-angry { background-position: -2px -398px; }

.evaluation-body .evaluation-btn > span { display: block; margin-top: 5px; text-align: center; font-size: 12px; color: #666; }

.evaluation-body .evaluation-reason { margin-bottom: 22px; }

.evaluation-body .evaluation-reason > label { display: block; margin-bottom: 4px; font-size: 12px; color: #999; }

.evaluation-body #evaluationContent { width: 100%; height: 60px; padding: 10px; overflow-y: auto; resize: none; border: 1px solid #ededed; margin-top: 12px; }

.evaluation-body #evaluationSubmit { cursor: pointer; width: 100%; height: 40px; line-height: 32px; margin-top: 10px; font-size: 14px; border: 0; border-radius: 3px; background: #ff5b01; color: #fff; }

#evaluationMask { position: absolute; display: none; top: 60px; right: 0; bottom: 0; left: 0; z-index: 5; width: 100%; height: auto; background-color: #000000; opacity: 0.35; background-color: #000000\9; /*IE8兼容*/ filter: alpha(opacity=35) \9; /*IE8兼容*/ }

.smile { background: url(//sta.dd373.com/newfile/consult/imgaudio/images/good.png) no-repeat center center; background-size: 26px; }

.neutral { background: url(//sta.dd373.com/newfile/consult/imgaudio/images/just.png) no-repeat center center; background-size: 26px; }

.angry { background: url(//sta.dd373.com/newfile/consult/imgaudio/images/bad.png) no-repeat center center; background-size: 26px; }

#chatClose { z-index: 10; position: fixed; bottom: 0; right: 100px; width: auto; height: auto; padding: 0; margin: 0; border: 0; }

#chatClose .chatInner { height: 40px; line-height: 40px; width: 180px; font-size: 14px; color: #fff; text-align: center; border-left: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.16); cursor: pointer; text-decoration: none; background-color: #ff5c01; border-radius: 10px 10px 0 0; }

#chatClose .chatInner .chatBubble { -webkit-user-select: none; user-select: none; font-size: 14px; color: #fff; background: url(//sta.dd373.com/newfile/consult/imgaudio/images/chatBuble.png) no-repeat 0px 0px; background-size: 14px; }

#chatClose .chatInner .chatText { -webkit-user-select: none; user-select: none; font-size: 14px; color: #fff; margin-left: 4px; }

#chatClose .noSee { position: absolute; right: -10px; top: -10px; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; border: 1px solid #fff; background: red; border-radius: 50%; }

#linePage { bottom: 0; padding-top: 40px; background-color: #fff; position: absolute; top: 60px; right: 0; left: 0; width: 100%; }

#linePage > p { font-size: 12px; margin-bottom: 50px; text-align: center; }

#linePage .lineNumber { margin-left: auto; margin-right: auto; margin-bottom: 36px; width: 260px; height: 200px; background: #f5f5f5; }

#linePage .lineNumber:before { content: ""; display: table; }

#linePage .lineNumber .beforeMan { display: block; margin-top: 50px; font-size: 12px; color: #ff5b01; margin-top: 50px; margin-bottom: 36px; text-align: center; }

#linePage .lineNumber .beforeNumber { text-align: center; display: block; font-size: 60px; color: #ff5b01; }

#linePage .lineButton { margin-left: auto; margin-right: auto; margin-top: 16px; width: 260px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #ff5b01; border-radius: 2px; font-size: 12px; cursor: pointer; display: block; text-decoration: none; }

#tong::after { content: ""; display: block; clear: both; }

#tong img { float: left; }

#light-box-mask { display: none; position: absolute; text-align: center; top: 0px; right: 0px; left: 0px; bottom: 0px; z-index: 5; width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.6); }

#light-box-mask #light-box-content { z-index: 6; height: auto; position: absolute; top: 50%; left: 50%; bottom: 0; right: 0; }

.textarea:empty:before { content: attr(placeholder); color: #bbb; }

.textarea:focus:before { content: none; }

.moxie-shim.moxie-shim-html5 { z-index: -1 !important; }

.rated-text, .pending-text { display: none; }

.line-up { z-index: 1000; }

.menu-list { overflow: hidden; }

.menu-list li { width: 50%; float: left; }

.dn { display: none; }

.sendVideo { background: url("//cdnimg.dd373.com/newfile/usercenter/images/order/b_videoIcon-8e1a05869e.png") no-repeat center center; display: inline-block; width: 18px; height: 18px; opacity: 0.7; margin-left: 15px; }

.sendVideo:hover { opacity: 1; }

.shade { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 99; text-align: center; box-sizing: border-box; padding: 38% 0; }

.shade img { width: 30px; height: 30px; }

.players-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.players-box .players { margin-left: 74px; margin-top: 37px; width: 35px; height: 35px; display: inline-block; background: url("https://sta.dd373.com/newfile/consult/imgaudio/images/player.png") no-repeat 50%; background-size: 100%; }

.full-screen { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: black; z-index: 99; text-align: center; box-sizing: border-box; }

.full-screen video { margin: auto; width: 100%; height: 100%; }

.full-screen .video-close { position: absolute; display: inline-block; bottom: 47px; right: 20px; width: 30px; height: 30px; background: url("https://sta.dd373.com/newfile/consult/imgaudio/images/close-line.png") no-repeat 50%; background-size: 100%; }

#saytext img { max-width: 120px; max-height: 120px; object-fit: cover; }

.msg-box .msg-client .otherRecive:has(.kf-emoji-chat) { border: none !important; background-color: transparent !important; /* 父元素在子元素有.kf-emoji-chat */ }

.msg-box .msg-client .otherRecive.no-bg { border: none !important; background-color: transparent !important; /* 父元素在子元素有.kf-emoji-chat */ }

.msg-box .msg-client .otherRecive .kf-emoji-chat { max-width: 128px; max-height: 128px; }