1 2 3 4 5<!DOCTYPE html> 6<html> 7<head> 8<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 9<link rel="stylesheet" type="text/css" href="/webchat/resources/chat/css/webchat.css?v=20261003003431"> 10 11 12<link rel="stylesheet" type="text/css" href="/webchat/resources/font-awesome-4.3.0/css/font-awesome.css"> 13<link rel="stylesheet" type="text/css" href="/webchat/resources/editor/css/wysiwyg-editor.css?v=20261003003431"> 14 15 <style type="text/css"> 16 html 17 { 18 margin:0; 19 overflow:hidden; 20 _padding:40px 0px 0px 0; 21 _border:0; 22 } 23 body 24 { 25 margin:0; 26 height:100%; 27 /* background-color:#e8e8e8; */ 28 background-color: #E5E6E9; 29 } 30 #content 31 { 32 margin:0; /*å ¬å ±*/ 33 width:100%; 34 /* position:fixed; *//*FF IE7 SF*/ 35 position:absolute; 36 top:60px; 37 bottom:0px; 38 overflow: auto !important; 39 _position: relative;/**IE6***/ 40 _top:0px; 41 _OVERFLOW-Y: auto; 42 _OVERFLOW-X: auto; 43 _height:100%; 44 } 45 #header { 46 /* position:absolute; 47 top:0; 48 left:0; 49 width:100%; 50 height:64px; 51 border-bottom:solid 1px #3c8dbc; 52 background-color:#3c8dbc; 53 overflow:auto !important; 54 _OVERFLOW-Y: auto; 55 _OVERFLOW-X: auto; */ 56 border-top-left-radius: 8px; 57 border-top-right-radius: 8px; 58 border-bottom: 1px solid #ddd; 59 box-sizing: border-box; 60 background-color:#99003a; 61 height:60px; 62 } 63 #header .logo{line-height:40px;} 64 #header .logo img{margin:5px 0 0 5px; vertical-align:middle;} 65 #header .logo span {color: #fff; font-size: 24px; left: 15px; margin: 5px 0 0; position: absolute; top: 4px; } 66 .baw-notice__bar{ 67 width: 100%; 68 height: 30px; 69 background-color: #fdf4f0; 70 border-bottom: 1px solid #ffdcbb; 71 } 72 .notice-animation{ 73 height: 30px;width: calc(100% - 54px); position: relative;overflow: hidden;white-space: nowrap;margin-left: 30px; 74 } 75 .notice-trumpet { 76 position: absolute; 77 left: 10px; 78 top: 9px; 79 } 80 .notice-text{ 81 color: #ff852b; 82 font-size: 12px; 83 height: 30px; 84 line-height: 30px; 85 -webkit-transform: translateX(); 86 transform: translateX(); 87 display: inline-block; 88 } 89 .expand-tabs { 90 height:100%; 91 } 92 .tabs__header{ 93 padding: 0;position: relative; margin: 0 0 15px; 94 } 95 96 .tabs__nav-wrap { 97 padding-left: 10px; 98 overflow: hidden; 99 margin-bottom: -1px; 100 position: relative; 101 } 102 .tabs__nav-wrap:after { 103 content: ""; 104 position: absolute; 105 left: 0; 106 bottom: 0; 107 width: 100%; 108 height: 2px; 109 background-color: #e4e7ed; 110 z-index: 1; 111 } 112 .tabs__nav-scroll{ 113 padding-left:10px; 114 overflow: hidden; 115 } 116 .tabs__nav { 117 white-space: nowrap; 118 position: relative; 119 transition: -webkit-transform .3s; 120 transition: transform .3s; 121 transition: transform .3s,-webkit-transform .3s; 122 float: left; 123 z-index: 2; 124 } 125 .tabs__active-bar{ 126 width: 56px; 127 transform: translateX(0px);position: absolute; 128 bottom: 0; 129 left: 0; 130 height: 2px; 131 background-color: #99003a; 132 z-index: 1; 133 transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); 134 transition: transform .3s cubic-bezier(.645,.045,.355,1); 135 transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); 136 list-style: none; 137 } 138 .tabs--top .tabs__item.is-top:nth-child(2) { 139 padding-left: 0; 140 } 141 .tabs__item { 142 color: #99003a;padding: 0 20px; 143 height: 40px; 144 box-sizing: border-box; 145 line-height: 40px; 146 display: inline-block; 147 list-style: none; 148 font-size: 14px; 149 font-weight: 500;
150 color: #303133; 151 position: relative; 152 } 153 .tabs__item.is-active { 154 color: #99003a; 155 } 156 /* .expand-tabs { 157 overflow: hidden; 158 position: relative; 159 } */ 160 161 .expand-entry__content { 162 width: 240px; 163 margin: 0 auto; 164 height: 100%; 165 } 166 .expand-item { 167 width: 50%; 168 height: 33%; 169 float: left; 170 display: table; 171 } 172 .expand-item__content{ 173 display: table-cell; 174 vertical-align: middle; 175 cursor: pointer; 176 transition: .3s; 177 } 178 .expand-item__icon { 179 width: 50px; 180 height: 50px; 181 margin: auto; 182 } 183 .expand-item__title { 184 text-align: center; 185 color: #333; 186 font-size: 13px; 187 margin-top: 6px; 188 font-weight: bold; 189 /* color: #99003a; */ 190 } 191 .inMsg .avatar{ 192 /* border-radius: 4px; */ 193 float: left; 194 height: 44px; 195 width: 44px; 196 margin-top: 8px; 197 text-align:center; 198 border-radius: 50%; 199 border: 2px solid #fff; 200 /* background-color: transparent; */ 201 background-color: #0e2285; 202 background-repeat: no-repeat; 203 background-position: 50%; 204 background-size: cover; 205 } 206 .outMsg .avatar { 207 float: right; 208 height: 44px; 209 width: 44px; 210 margin-top: 8px; 211 text-align:center; 212 border-radius: 50%; 213 border: 2px solid #fff; 214 background-color: #fb5a3f; 215 background-repeat: no-repeat; 216 background-position: 50%; 217 background-size: cover; 218 } 219 .inMsg .avatar i { 220 font-size:30px; 221 /* color:#99003a; */ 222 color:#42e4e5; 223 padding:5px; 224 } 225 .outMsg .avatar i { 226 font-size:30px; 227 color:#fff; 228 padding:5px; 229 } 230 </style> 231 232 233<title>å¨çº¿å®¢æææ¬è天</title> 234</head> 235<body> 236 237<!-- éèåï¼å®¢æ·idï¼æè½ç»idï¼å®¢æ·å§å --> 238<!-- <div id="parameter" style=""> --> 239 240 241 242<!-- </div> --> 243<div style="width: 100%; 244 height: 100%; 245 line-height: 100%; 246 position: relative;"> 247<div style="width: 72%; 248 height: 89.7%; 249 position: absolute; 250 top: 5.6%; 251 left: 14%; 252 border-radius: 8px; 253 background-color: #fff; 254 box-shadow: 11px 6px 24px rgb(0 0 0 / 41%); 255 min-width: 1000px;"> 256<!-- æ¶æ¯æ示声 --> 257<audio id="dingdongAudio" controls="controls" style="display: none"> 258 <source src="/webchat/resources/chat/media/dingdong.wav" type="audio/wav"> 259 <source src="/webchat/resources/chat/media/dingdong.mp3" type="audio/mpeg"> 260</audio> 261<div id="header"> 262 <!-- <div class="logo"> 263 <span>å¨ çº¿ 客 æ</span> 264 </div> --> 265 <div style="display: inline-block; 266 width: 243px; 267 height: 37px; 268 background-color: transparent; 269 background-repeat: no-repeat; 270 background-position: 50%; 271 margin: 8px 5px 8px 25px; 272 background-size: cover; 273 vertical-align: middle; 274 cursor: pointer;background-image: url(../resources/chat/images/logo_baw.png)"> 275 276 </div> 277</div> 278<div id="content"> 279 <div id="leftChat"> 280 <div class="middleDiv-top" style="display:none;"> 281<!-- <span class="name"><span id="spanName"></span> --> 282 283<!-- <font>Vip客æ·</font> --> 284<!-- </span> --> 285 客æ·ç¼å·ï¼<input type="text" id="consumerId" value="caf46b6c66764c2aa9126294073e2fc6"> 286 287 <input type="text" id="groupId" value="txt_skill_all" style="display: none"> 288 <!-- <input type="text" id="groupId" value="zaixiankefutest" style="display: none"> --> 289 客æ·å§åï¼<input type="text" id="consumerName" value="游客"> 290 291 <div class="mini-panel"> 292 <a class="Transfer" title="è¿æ¥åå¸" onclick="connectAgent()">è¿æ¥åå¸</a> 293 </div> 294 295 296<!-- <span class="tools"> --> 297<!-- <a class="transfer" title="è¿æ¥åå¸" onclick="connectAgent()"></a> --> 298<!-- <a class="assess" title="ä¼è®®" onclick="meeting()"></a> --> 299<!-- <a class="shut" title="ææ" onclick="disconnectAgent()"></a> --> 300<!-- </span> --> 301 </div> 302 <div class="baw-notice__bar"> 303 <div class="notice-animation"> 304 <div class="notice-trumpet"> 305 </div> 306 <div class="notice-text"> 307 欢è¿ä½¿ç¨BAWï¼å ³æ³¨ãåæ±½å¶é ãå°ç¨åºï¼åçå¨è¯¢ãè¯ä¹è¯é©¾ãç»´ä¿®ä¿å »æ´å¤å³æ¶æå¡ï¼æ¬¢è¿æ¨ä½éªã 308 </div> 309 </div> 310 </div> 311 <div class="middleDiv-center" id="scrollDiv"> 312 <div class="evtMsg clearfix" style="display: none">
313 <span> 314 对è¯å·²ç»å»ºç«ï¼å®¢ææ£å¨ä¸ºæ¨æå¡ã 315 </span> 316 </div> 317 318 <div class="inMsg robotMsg clearfix" style="display: none"> 319 320 <div class="avatar"><i class="fa fa-android"></i></div> 321 <div class="message"> 322 <a href="#" class="name">åæ±½å¶é 客æ</a> 323 <span class="datetime">2015-03-22 13:13:20</span> 324 </div> 325 <div class="arrow"></div> 326 <div class="body">msg</div> 327 </div> 328 329 <div class="outMsg clearfix" style="display: none"> 330 331 <div class="avatar"><i class="fa fa-user"></i></div> 332 <div class="message"> 333 <a href="#" class="name">èªå·±</a> 334 <span class="datetime">2015-03-22 13:13:20</span> 335 </div> 336 <div class="arrow"></div> 337 <div class="body">msg</div> 338 </div> 339 340 <!-- è¿æ¥æåæ¶æ¯ --> 341<!-- <li class="im-msg im-msg-success" style="display: none"> --> 342<!-- <i class="im-icon-success"></i> --> 343<!-- <p>客æå·²å å ¥ä¼è¯</p> --> 344<!-- <span class="im-msg-tl"></span> --> 345<!-- <span class="im-msg-tr"></span> --> 346<!-- <span class="im-msg-bl"></span> --> 347<!-- <span class="im-msg-br"></span> --> 348<!-- </li> --> 349 <!-- éç¥æ¶æ¯ --> 350<!-- <li class="im-msg-notice session-end" style="display: none;width: 70%;margin: 0 auto;text-align: center"> --> 351<!-- <i class="im-icon-notice"></i> --> 352<!-- <p>éç¥æ¶æ¯</p> --> 353<!-- <span class="im-msg-tl"></span> --> 354<!-- <span class="im-msg-tr"></span> --> 355<!-- <span class="im-msg-bl"></span> --> 356<!-- <span class="im-msg-br"></span> --> 357<!-- </li> --> 358 359 360 <li class="avator-consumer" style="display: none"></li> 361 <li class="avator-agent" style="display: none"></li> 362 363 </div> 364 365 <div class="m-modal" style="display:none" id="service_evaluation"> 366 <div class="satisfaction-wrap"> 367 <div id="closeEvaluation" class="close"> Ã</div> 368 <form class="m-form-evaluate"> 369 <h2 class="form_tlt">æè°¢æ¨çå¨è¯¢ï¼è¯·å¯¹æ们çæå¡ååºè¯ä»·</h2> 370 <div class="evaWrap"> 371 <ul class="form_item"> 372 <li><label><input name="satisfaction" type="radio" value="A" />é常满æ</label></li> 373 <li><label><input name="satisfaction" type="radio" value="B" />满æ</label></li> 374 <li><label><input name="satisfaction" type="radio" value="C" />ä¸è¬</label></li> 375 <li><label><input name="satisfaction" type="radio" value="D" />ä¸æ»¡æ</label></li> 376 </ul> 377 </div> 378 <div class="form_item itm-remarks"> 379 <textarea id="evaluation_content" name="remarks"></textarea> 380 </div> 381 <div class="form_item itm-btn"> 382 <a id="submit_evaluation_button" class="u-btn u-btn-disabled j-formbtn">ç¡®å®</a> 383 </div> 384 </form> 385 </div> 386 </div> 387 388 389 <div class="middleDiv-footer"> 390 <div id="inputer" class="inputer" style="width: 100%"> 391 <textarea id="editor1" name="editor" placeholder="å¨æ¤è¾å ¥æ¶æ¯"> 392 </textarea> 393 <div style="overflow: hidden;position:relative;"> 394 <span style="font-size:14px;color: #999;padding-left: 10px;line-height: 34px;position:absolute;bottom:-5px;">å¨çº¿äººå·¥æå¡æ¶é´ï¼08:00 - 22:00</span> 395 <div class="button-send"> 396 <input type="text" id="current_hotkey" value="hotkey1" style="display: none;"> 397 398 <button id="sendMsg" > 399 <i class="fa fa-fw fa-mail-forward"></i> <span>åé</span> 400 </button> 401 </div> 402 </div> 403 </div> 404 </div> 405 </div> 406 <div id="rightDiv"> 407 <div class="robot_chat"> 408 409 <div style="margin: 0;padding: 0; border: 0;vertical-align: baseline;"> 410 <div style="height: 146.977px;position:relative;text-align:center;"> 411 <img style="width:100px;height:100px" src="/webchat/resources/chat/images/wximg.jpg"/> 412 <p>å ³æ³¨BAW</p> 413 </div> 414 </div> 415 <div class="expand-tabs tabs tabs--top"> 416 <div class="tabs__header is-top" style=""> 417 <div class="tabs__nav-wrap is-top" > 418 <div class="tabs__nav-scroll"> 419 <div class="tabs__nav is-top" > 420 <div class="tabs__active-bar" > 421 </div> 422 <div id="tab-0" class="tabs__item is-active is-top" style=""> 423 å¿«æ·æå¡ 424 </div> 425 426 </div> 427 </div> 428 </div> 429 </div> 430 <div class="expand-tabs"> 431 <div class="tab-pane" aria-labelledby="tab-0" style="height: 361.023px;">
432 <div class="expand-entry__content"> 433 <div class="expand-item"> 434 435 <div class="expand-item__content"> 436 <div class="expand-item__icon"> 437 <a href="http://www.baw.com.cn/after_service.html" target="_blank"> 438 <img style="width:50px;height:50px;" src="/webchat/resources/chat/images/f1.png"/> 439 </a> 440 </div> 441 <div class="expand-item__title"> 442 å®åæå¡ 443 </div> 444 </div> 445 446 </div> 447 <div class="expand-item"> 448 <div class="expand-item__content"> 449 <div class="expand-item__icon"> 450 <a href="http://www.baw.com.cn/dealer_join.html" target="_blank"> 451 <img style="width:50px;height:50px;" src="/webchat/resources/chat/images/f2.png"/> 452 </a> 453 </div> 454 <div class="expand-item__title"> 455 ç»éåå ç 456 </div> 457 </div> 458 </div> 459 <div class="expand-item"> 460 <div class="expand-item__content"> 461 <div class="expand-item__icon"> 462 <a href="http://www.baw.com.cn/query_dealer.html" target="_blank"> 463 <img style="width:50px;height:50px;" src="/webchat/resources/chat/images/f3.png"/> 464 </a> 465 </div> 466 <div class="expand-item__title"> 467 ç½ç¹æ¥è¯¢ 468 </div> 469 </div> 470 </div> 471 <div class="expand-item"> 472 <div class="expand-item__content"> 473 <div class="expand-item__icon"> 474 <a href="http://www.baw.com.cn/drive.html" target="_blank"> 475 <img style="width:50px;height:50px;" src="/webchat/resources/chat/images/f4.png"/> 476 </a> 477 </div> 478 <div class="expand-item__title"> 479 é¢çº¦è¯é©¾ 480 </div> 481 </div> 482 </div> 483 </div> 484 </div> 485 </div> 486 </div> 487 </div> 488 </div> 489</div> 490</div> 491</div> 492</body>
493<script type="text/javascript"> 494 495var _wp="o50ZxXzsTREiOMn0zK2giAaRoAUFxqgcKjwHJj9gnyfBHQ7k/RbOPU6jBWZ7q6L6zwiE5NYl0V2mlqSCyyA0cTGpkv+lBCQ==",_ep="Qj14X4EPFZTEA+Dxl4hLDGVsLM3lZ0NdayCVj7R0q2H9O6qEHbBfXDl1SMuh4jesCwjVX95ZK"; 496 497</script>
vendor: 2 bytes, line 497
497
498<script type="text/javascript" src="/webchat/resources/jquery/jquery-1.12.3.min.js"></script>
vendor: 2 bytes, line 498
498
499<script type="text/javascript" src="/webchat/resources/scroll/jquery.nicescroll.js"></script>
vendor: 2 bytes, line 499
499
500<script type="text/javascript" src="/webchat/resources/jquery/jquery.hotkeys.js"></script>
vendor: 2 bytes, line 500
500
501<script type="text/javascript" src="/webchat/resources/chat/script/sockjs.min.js"></script>
501 502
502<script type="text/javascript" src="/webchat/resources/chat/script/crypto-js.js"></script>
502 503
504<script type="text/javascript" src="/webchat/resources/chat/script/chat.js?v=20261003003431"></script>
vendor: 2 bytes, line 504
504
505<script type="text/javascript" src="/webchat/resources/chat/script/etalk.js?v=20261003003431"></script>
vendor: 2 bytes, line 505
505
506<script type="text/javascript" src="/webchat/resources/editor/script/wysiwyg-editor.js"></script>
vendor: 2 bytes, line 506
506
507<script type="text/javascript" src="/webchat/resources/editor/script/wysiwyg.js?v=20261003003431"></script>
vendor: 2 bytes, line 507
507
508<script type="text/javascript" src="/webchat/resources/editor/script/myeditor.js?v=20261003003431"></script>
vendor: 2 bytes, line 508
508
509<script> 510 511 $("#scrollDiv").niceScroll({ 512 cursorcolor:"#000", 513 cursoropacitymax:0.15, 514 touchbehavior:false, 515 cursorwidth:"6px", 516 cursorborder:"0", 517 cursorborderradius:"5px" 518 }); 519 </script>
519 520</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.