人?？头?/title> <style> /*----------------------------------Author:lvzhaohua-----------------------------*/ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{padding:0;margin:0 auto;border:0;} html,body{width:100%;height:100%;font-size:12px;font-family:"microsoft yahei";color:#333;background-color:#fff;overflow-x:hidden;overflow-y:hidden;} ol,ul,li{list-style-type: none;} /*table {border-collapse: collapse;border-spacing: 0;}*/ fieldset,img {border: 0;} img{list-style:none;list-style-type:none;} address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;} caption,th {text-align: left;} h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} h2{font-size:14px;font-weight:bold;} q:before,q:after {content:”;} abbr,acronym { border: 0;} .clearbh:after{height:0;visibility:hidden;display:block;clear:both;content:" ";} .clearbh{ clear:both;font-size:0; height:0; overflow:hidden;display:inline-block;} /* fix IE hack \*/ *html .clearbh{height:1%;} .left{float:left;} .right{float:right;} a.t_link1,a.t_link1:hover,a.t_link1:active{color:/*[text_color]*/#7f1400/*[/text_color]*/;} /*--------------------------------------全局樣式結束------------------------*/ #mainContainer { position: relative; width: 100%; height: 100%; margin: 0 auto; } #headContainer { top: 0px; height: 99px; width: 100%; background: url(images/headWrap_bg.png) left top repeat-x; padding-left: 19px; padding-right: 9px; } .top_right_corner { width: 100%; height: 100%; } #logoDiv { width: 260px; height: 82px; padding: 25px 0 0 20px; float: left; } .logo-slogan { font-size: 12px; width: 98%; line-height: 15px; height: 15px; text-align: center; color: #e8340c; bottom: 25px; padding-top: 63px; } #panelContainer { position: absolute; top: 99px; bottom: 9px; width: 100%; } #leftSpacer { position: absolute; left: 0px; height: 100%; width: 12px; } #leftPanelCon { position: absolute; top: -2px; left: 8px; right: 225px; height: 100%; border: 1px solid /*[border_color]*/#DBDBDB/*[/border_color]*/; background-color: #fff; z-index: 10000; } #outputDiv { position: absolute; top: 0px; bottom: 138px; width: 100%; } #toolbarDiv { bottom: 110px; height: 40px; width: 100%; position: absolute; } #inputDiv { position: absolute; bottom: 0px; height: 110px; width: 100%; background-color: #f2f2f2; border-bottom: 1px solid /*[border_color]*/#DBDBDB/*[/border_color]*/; } #outputArea { position: absolute; top: 20px; bottom: 13px; left: 0px; right: 0px; overflow-x: hidden; overflow-y: scroll; padding: 0; font-size: 11px; color: blue; word-break: break-all; overflow: auto; } .chat-segment { font-family: Arial,'宋體'; font-size: 12px; padding: 0 5px 3px 5px; } #outputArea .ihead { width: 39px; height: 43px; background-image: url(https://smsp.epicc.com.cn/branches/olhelp/images/iRobot.png); } #outputArea .ahead { width: 39px; height: 43px; background-image: url(images/agent.jpg); background-size: 100% 100%; } #outputArea .chead { width: 28px; height: 32px; background-image: url(images/user_03.jpg); } .picc_lcn2,.picc_lcn3,.picc_lcn4,.picc_lcn5,.picc_lcn6,.picc_lcn7,.picc_lcn8,.picc_rcn2,.picc_rcn3,.picc_rcn4,.picc_rcn5,.picc_rcn6,.picc_rcn7,.picc_rcn8,.lenovo_l_title,.lenovo_r_title{width:100%;} .f_l{float:left;} .f_r{float:right;} .picc_lcn1,.picc_rcn1{width:auto;width:100%;} .picc_lcn1{background:#eeeeee url(images/new/grey_left_bg.jpg) left top repeat-y;} .picc_lcn2{background:url(images/new/grey_top_bg.jpg) left top repeat-x;} .picc_lcn3{background:url(images/new/grey_.right_bg.jpg) right top repeat-y;} .picc_lcn4{background:url(images/new/grey_bottom_bg.jpg) left bottom repeat-x;} .picc_lcn5{background:url(images/new/grey_left_top.jpg) left top no-repeat;} .picc_lcn6{background:url(images/new/grey_right_top.jpg) right top no-repeat;} .picc_lcn7{background:url(images/new/grey_right_bottom.jpg) right bottom no-repeat;} .picc_lcn8{background:url(images/new/grey_left_bottom.jpg) left bottom no-repeat;} .picc_lcn9{background:url(images/new/grey_left_arrow.jpg) left top no-repeat;background-position: 0px 10px;} .picc_lcn{padding:18px 15px 18px 17px;} .picc_lcn h2,.picc_rcn h2{font-size:14px;color:#0865c4;text-align:left;width:100%;line-height:22px;border:0px;padding-bottom:5px;} .picc_rcn h2{font-weight:normal;} .picc_rcn1{background:#ffdddd url(images/new/pink_right_bg.jpg) right top repeat-y;} .picc_rcn2{background:url(images/new/pink_bottom_bg.jpg) left bottom repeat-x;} .picc_rcn3{background:url(images/new/pink_left_bg.jpg) left top repeat-y;} .picc_rcn4{background:url(images/new/pink_top_bg.jpg) left top repeat-x;} .picc_rcn5{background:url(images/new/pink_left_top.jpg) left top no-repeat;} .picc_rcn6{background:url(images/new/pink_right_top.jpg) right top no-repeat;} .picc_rcn7{background:url(images/new/pink_right_bottom.jpg) right bottom no-repeat;} .picc_rcn8{background:url(images/new/pink_left_bottom.jpg) left bottom no-repeat;} .picc_rcn9{background:url(images/new/pink_arrow.jpg) right center no-repeat;} .picc_rcn{padding:17px 22px 16px 15px;} #outputArea .userContent { color: #2272bd; padding-left: 15px; } #outputArea .robotContent { padding-left: 15px; } #toolbarDiv { bottom: 110px; height: 40px; width: 100%; position: absolute; } #toolbar { width: 100%; background: #f2f2f2; height: 40px; line-height: 30px; padding: 1px 0; } #toolbar span { float: left; color: /*[text_color_city]*/#f5610b/*[/text_color_city]*/; } #toolbar a { margin-right: 5px; margin-left: 10px; } a.fontbtn { background: url(images/ziti_bg.png) left top no-repeat; } #emoDiv { left: 0px; display: none; width: 325px; background-color: #fff; z-index: 100; border: 1px solid /*[border_color_divwin]*/#f5680e/*[/border_color_divwin]*/; } #fontDiv { position: absolute; left: 0px; display: none; width: 200px; height: 24px; padding: 2px 0 0 2px; background-color: /*[bg_color_divwin]*/#F2FFEB/*[/bg_color_divwin]*/; border: 1px solid /*[border_color_divwin]*/#F5680E/*[/border_color_divwin]*/; } #emoDiv .emo_title { background-color: /*[bg_color_divwin]*/#fff2df/*[/bg_color_divwin]*/; height: 30px; width: 100%; line-height: 30px; } /*a.emobtn, a.fontbtn, a.fontbtn_sel { width: 8px; height: 32px; display: block; text-decoration: none; float: left; padding-left: 8px; }*/ a.emo_close_btn { color: /*[text_color_close]*/#c23b04/*[/text_color_close]*/; float: right; padding-right: 8px; } a.emobtn { background: url(images/icons.gif) no-repeat -18px 0px; } a.fontbtn { background: url(images/icons.gif) no-repeat -34px 0px; } a.satisfaction { background: url(images/icons.gif) no-repeat -98px 0px; } a.imgFile { background: url(images/icons.gif) no-repeat -130px 0px; } .font_size { height: 22px; line-height: 22px; font-size: 12px; color: #333; padding-left: 5px; float: left; } a.t_B, a.t_B_sel, a.t_I, a.t_I_sel, a.t_U, a.t_U_sel, a.t_CL, a.t_CL_sel { width: 20px; height: 22px; display: block; text-decoration: none; float: left; } a.t_B { background: url(images/menu_bold.gif) left top no-repeat; } a.t_I { background: url(images/menu_italic.gif) left top no-repeat; } a.t_U { background: url(images/menu_underline.gif) left top no-repeat; } a.t_CL { background: url(images/menu_color.gif) left top no-repeat; } #inputDiv { position: absolute; bottom: 0px; height: 110px; width: 100%; background-color: #f2f2f2; border-bottom: 1px solid /*[border_color]*/#DBDBDB/*[/border_color]*/; } #inputArea { padding: 6px; width: 73%; height: 70px; font-size: 12px; right: 0px; line-height: 18px; text-align: left; text-indent: 0; overflow: auto; border: 1px solid /*[border_color]*/#DBDBDB/*[/border_color]*/; } #micButtonDiv { height: 20px; padding: 24px 0 0 24px; position: absolute; right: 1500px; bottom: 120px; width: 20px; z-index: 9999; } #inputButtonDiv { position: absolute; width: 26%; height: 82px; right: 0px; top: 0px; float: left; border: 1px solid /*[border_color]*/#DBDBDB/*[/border_color]*/; background-color: #ffffff; } .sendBtn { float: right; position: relative; width: 106px; height: 40px; background: url(images/sendBtn.png) 0px 0px no-repeat; right: 30%; top: 23%; } .sendText { display: inline; zoom: 1; position: absolute; margin-top: 8px; font-size: 18px; color: #fff; text-decoration: none; width: 106px; height: 40px; text-align: center; } #centerSpacer { position: absolute; right: 520px; height: 100%; width: 10px; } #collapseBtn { position: absolute; top: 45%; left: 3px; height: 20px; width: 6px; cursor: pointer; } .collapseBtnImg { border: none; position: absolute; top: 4px; } #rightPanelDiv { position: absolute; top: -2px; right: 9px; width: 220px; height: 100%; } #activityDiv { position: absolute; width: 98%; border: 1px solid /*[border_color]*/#DBDBDB/*[/border_color]*/; background-color: #fff; bottom: 0px; top: 0; left: 10px; } #tab_left { display: none; z-index: 999; position: absolute; left: 0px; top: 8px; color: #E74505; padding: 5px 3px; cursor: pointer; } #tab_right { display: none; z-index: 999; position: absolute; right: 5px; top: 8px; color: #E74505; padding: 5px 3px; cursor: pointer; } #activityTabDiv { position: absolute; top: 0; height: 35px; overflow: hidden; } #activityTabDivMask { position: relative; top: 0; right: 0; overflow: hidden; width: 100%; } #activityTabDiv ul { position: relative; height: 40px; padding: 0 0 5px 2px; float: left; } #activityTabDiv ul li { width: 97.7px; height: 30px; line-height: 24px; text-align: center; color: /*[text_color_tab]*/#000000/*[/text_color_tab]*/; background-color: #f2f2f2; float: left; border-right: 1px solid #DBDBDB; } #activityTabTitle { width: 80px; float: left; cursor: pointer; font-size: 14px; padding-top: 2px; } #activityTabCloseBtn { width: 8px; float: right; padding: 3px 4px 0 0; } #activityPanelDiv { position: absolute; padding: 5px; bottom: 0; top: 35px; left: 2px; right: 1px; } .p4tabs_panel { display: none; width: 100%; height: 500px; clear: both; overflow: hidden; } .p4tabs_panel iframe { width: 100%; height: 92%; border: 0px; } #rightSpacer { position: absolute; right: 0px; height: 100%; width: 9px; } #footerDiv { position: absolute; bottom: 0; height: 9px; width: 100%; font-size: 1px; line-height: 0; } .bottom_left_corner { width: 9px; height: 9px; font-size: 1px; line-height: 0; } .bottom_right_corner { width: 9px; height: 9px; font-size: 1px; line-height: 0; } ol, ul, li { list-style-type: none; } #activityTabDiv ul li.active { color: #ef4024; background: #fff; height: 31px; border-bottom: 0; border-top: 2px solid #ef4024; } .p4tabs_panel.active { display: block; } #emotion_con { position: absolute; top: -125px; display: block; } .iCommon { margin: 10px 10px 5px 0; width: 16px; height: 18px; cursor: pointer; float: left; } .TimeStamp { text-indent: 5px; color:#cccccc; font-size:12px; vertical-align: bottom; padding-bottom:10px; width:63px; } .survey_top_left { background: url(images/top_left.png) no-repeat; width: 8px; height: 28px; } .survey_top_middle { background: url(images/top_middle.gif) repeat-x; font-size: 14px; font-weight: bold; color: #288fc2; } .survey_top_right { background: url(images/top_right.png) no-repeat; width: 15px; height: 28px; } .survey_middle_left { background: url(images/middle_left.png) repeat-y; } .survey_bg { background-color: #fff; } .survey_middle_right { background: url(images/middle_right.png) repeat-y; } .survey_bottom_left { background: url(images/bottom_left.png) no-repeat; width: 8px; height: 16px; } .survey_bottom_middle { background: url(images/bottom_middle.png) repeat-x; } .survey_bottom_right { background: url(images/bottom_right.png) no-repeat; width: 15px; height: 16px; } .survey_btn_normal { background: url(images/btn_bg.gif) no-repeat center; height: 24px; width: 71px; text-align: center; cursor: pointer; line-height:24px; } .surveyUl { margin: 0px; padding: 0px; } .surveyUl li { float: left; width: 80px; } .divLogBar { border-color: rgb(169, 169, 169); border-width: 1px; border-style: solid; padding: 2px; } .systemInfo { margin: 10px 2px; color: #a3a3a3; } .chattop { background: url(images/chatbg.gif) repeat-x 0 -176px; line-height: 24px; height: 24px; padding: 0 10px; color: #7b7b7b; top:0px; } .servicetime { color: #7b7b7b; } .chattop em { float: right; font-style: normal; padding-right: 15px; } #tinybox{position:absolute; display:none; padding:10px; background:#ffffff url(image/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:20000;} #tinymask{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:15000;} #tinycontent{background:#ffffff; font-size:1.1em;} .gac_m { cursor: default; border: 1px solid #90a8c1; /*z-index: 10000;*/ background: #f2f7fe; margin: 0; font-size: 12px; } .gac_b { background:#355fb1; color:#fff } .gac_c { padding-left:3px; white-space:nowrap; overflow:hidden; text-align:left; padding-bottom:1px } .gac_d { padding:0 3px; white-space:nowrap; overflow:hidden; text-align:right; color:green; font-size:0.77em } .gac_e { padding:0 3px 2px; text-decoration:underline; text-align:right; color:#00c; font-size:0.77em; line-height:1.5em } </style> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> </head> <body> <div style="position:fixed;left:-9000px;top:-9000px;"></div> <div id="login_form" style="display:none"> <table align="center"> <tr> <td>用戶ID</td> <td><input type="text" name="userid" size="28" value="test" /></td> </tr> <tr> <td>用戶名稱</td> <td> <input type="text" name="username" size="28" value="abc" /> </td> </tr> </table> <button onclick="join()"> 登錄 </button> </div> <div id="mainContainer" style="display:block"> <div id="headContainer"> <div class="toppart"> <div id="logoDiv"> <a href="#" target="_blank"><img src="images/new_logo.png" style="height: 40px;"></a> </div> <div class="logo-slogan">24小時竭誠為您服務</div> <div id="agentService" style="position:absolute;width: 80px;height:60px;top: 10px;left:87%;display:none" align="center"> <a href="#" style="text-decoration:none;" > <img src="images/user_03.jpg" width="28px" height="32px"/> <div style="clear:both;font-weight:bold;color: #000000;font-size: 13px;">人工客服</div> </a> </div> <div id="continueConsulte" style="position:absolute;width: 80px;height:60px;top: 10px;left:87%;display:none" align="center"> <a href="#" style="text-decoration:none;" > <img src="images/user_03.jpg" width="28px" height="32px"/> <div style="clear:both;font-weight:bold;color: #000000;font-size: 13px;">繼續咨詢</div> </a> </div> <div style="position:absolute;width: 80px;height:60px;top: 10px;left:93%;" align="center"> <a href="#" id="exit" style="text-decoration:none;"> <img src="images/exit_03.jpg" width="28" height="32"/> <div style="clear:both;font-weight:bold;color: #000000;font-size: 13px;" align="center" width="28px" height="32px">結束會話</div> </a> </div> </div> </div> <div id="panelContainer"> <div id="leftSpacer"></div> <div id="leftPanelCon">      <iframe id="TUIChatId" style="height: 100%;" width="100%" heigth="100%" src="https://smsp.epicc.com.cn/branches/webpage/webpage/picc-workwx/chatsmsp/index.html?cmd=cus&channel=2&appName=人?？头? frameborder="0"></iframe> </div> <div id="centerSpacer" style="visibility:hidden;"></div> <div id="rightPanelDiv"> <div id="activityDiv"> <div id="tab_left"><</div> <div id="tab_right">></div> <div id="activityTabDiv"> <div id="activityTabDivMask"> <ul> <li title="熱點問題" idx="2" active="true" order="3" class="active"> <p id="activityTabTitle">熱點問題</p> <p id="activityTabCloseBtn"> <a href="#" onclick="event.cancelBubble=true;return false;" style="display: inline;"> <img style="border:none;" src="images/x.gif" width="8" height="22"> </a> </p> </li> <li title="服務導航" idx="1" active="false" order="2" class=""> <p id="activityTabTitle">服務導航</p> <p id="activityTabCloseBtn"> <a href="#" onclick="event.cancelBubble=true;return false;" style="display: none;"> <img style="border:none;" src="images/x.gif" width="8" height="22"> </a> </p> </li> </ul> </div> </div> <div id="activityPanelDiv"> <div id="熱點問題" isapp="true" class="p4tabs_panel active"> <iframe width="100%" heigth="100%" src="./hotQuestion.htm" scrolling="auto" allowtransparency="true" frameborder="no"></iframe> </div> <div id="服務導航" isapp="true" class="p4tabs_panel "> <iframe width="100%" heigth="100%" src="./srvNavigation.htm" scrolling="auto" allowtransparency="true" frameborder="no"></iframe> </div> </div> </div> </div> <div id="rightSpacer"></div> </div> <div id="showMeaus">  <div id="popsfMain" style="display:none;width: 300px; height: 212px; position: absolute; top: 220px; left: 533px;z-index:10000;"> <table width="100%" border="0" style="border-collapse:collapse;" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="survey_top_left"></td> <td class="survey_top_middle"> <table width="100%" border="0"> <tbody> <tr id="popsfHand" style="cursor: move;"> <td>評價</td> <td><img src="images/popclose.gif" align="right" style="cursor:pointer" onclick="doSurvey('1');"></td> </tr> </tbody> </table> </td> <td class="survey_top_right"></td> </tr> <tr> <td class="survey_middle_left" height="60"></td> <td class="survey_bg"> <table width="90%" border="0" align="center" style=" font-size:12px;border-collapse:separate; border-spacing:0px 10px;"> <tbody> <tr> <td colspan="2"><b>你是否對此次服務滿意？</b></td> </tr> <tr> <td width="37"></td> <td> <ul class="surveyUl"> <li class="survey_btn_normal" style="width:80px;overflow:hidden;white-space:nowrap;border:0px solid #3f97df;" title="非常滿意"><input type="button" value="非常滿意" onclick="submitEval('A')" /></li> <li class="survey_btn_normal" style="width:80px;overflow:hidden;white-space:nowrap;border:0px solid #3f97df;" title="不滿意"><input type="button" value="不滿意" onclick="submitEval('B')" /></li> </ul> </td> </tr> </tbody> </table> </td> <td class="survey_middle_right"></td> </tr> <tr> <td class="survey_bottom_left"></td> <td class="survey_bottom_middle"></td> <td class="survey_bottom_right"></td> </tr> </tbody> </table> </div> </div> </div> </div> <div id="cover_wall" style="z-index:-1;"> </div> <div id="custoption_show" style="position: absolute;z-index: 30000;width:300px;height: 200px;top:30%;left: 33%; border-width:2px;border-color: #FCF3CF;border-style: solid;display:none;"> <table style="height: 99%;width:100%;background-color:#F0FFFF"> <tr style="height: 86%;"> <td> <textarea id="cust_option" maxlength="1000" style="width: 100%;height: 99%;"></textarea> </td> </tr> <tr> <td style="float: right;padding-top:8px;"> 請輸入您的建議，謝謝！ <button style="padding-left: 5px;" onclick="comitOption();">提交</button> <button style="padding-left:3px;" onclick="clearOption();">清空</button> </td> </tr> </table> </div> <a href="http://www.yulinplants.com/">一级性爱视频无码免费,日韩丝袜无码播放,免费鲁丝片无码一级在线观看,亚洲AV无码不卡无码伊人</a> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> <script type="text/javascript" src="http://www.picc.com/login/js/processLogin.js"></script> <script> const iframeTest = document.getElementById('TUIChatId') // console.log(window.iframeTest['name'], '==============>'); window.onload = () => { iframeTest.contentWindow.postMessage({ pageType: 'PICC_Customer