哈巴河天气预报-哈巴河-新疆旅行网手机版

</p><p style="text-align: center;"><iframe height="240" src=" http://flash.weather.com.cn/sk2/shikuang.swf?id=101131402" framewidth="650" name="surf" scrolling="no" /></p></article> <div class="product-ask-container" style="margin-top: 20px;"> <h2 class="ask-title" style="font-size:18px; font-weight:bold; border-left: 4px solid #009688; padding-left: 10px; margin-bottom: 20px;">相关咨询与解答</h2> <div id="ask_dynamic_box_m" data-id="5088" data-classid="294"> <div style="text-align:center; color:#555555; padding:30px; font-size:14px;">正在加载最新问答...</div> </div> <div class="ask-form-box" style="margin-top: 30px;"> <p class="ask-form-title" style="font-weight:bold; margin-bottom:15px;">我有疑问：</p> <form id="p_askform" enctype="multipart/form-data" onsubmit="return false;"> <input type="hidden" name="enews" value="addAskInfoAjax"> <input type="hidden" name="classid" value="294"> <input type="hidden" name="infoid" value="5088"> <input type="text" name="title" id="p_title" required placeholder="请简要描述您的问题标题" class="ask-input"> <textarea name="content" id="p_content" placeholder="补充说明您的详细需求（可选）" class="ask-input" style="height:80px; resize:none;"></textarea> <div style="margin-bottom: 15px;"> <label for="p_askfile" style="font-size:14px; color:#555; display:block; margin-bottom:8px;">上传配图 (可选)：</label> <input type="file" name="file" id="p_askfile" accept="image/*" style="font-size:14px; width:100%;"> </div> <input type="email" name="email" id="p_email" required placeholder="用于接收回复提醒的邮箱" class="ask-input"> <div style="display:flex; align-items:center; gap:12px; margin-bottom:24px;"> <input type="text" name="key" id="p_askkey" required maxlength="4" placeholder="验证码" class="ask-input" style="width:90px; text-align:center; margin-bottom:0;"> <img src="https://www.xjlxw.com/e/ShowKey/?v=askinfo" width="80" height="40" alt="点击刷新验证码" style="cursor:pointer;" onclick="this.src='https://www.xjlxw.com/e/ShowKey/?v=askinfo&time='+Math.random();"> </div> <button type="button" id="p_subBtn" onclick="doSubmitAsk_m()" style="width:100%; padding:16px; background:#006d63; color:#fff; border:none; border-radius:12px; font-weight:bold; font-size:16px; cursor:pointer;">立即提交</button> </form> </div> <script> // ================= 1. 动态拉取问答列表 ================= document.addEventListener('DOMContentLoaded', function() { var askBox = document.getElementById('ask_dynamic_box_m'); if (!askBox) return; var infoid = askBox.getAttribute('data-id'); var classid = askBox.getAttribute('data-classid'); if (!infoid || !classid) return; var xhr = new XMLHttpRequest(); // 访问当前目录下的 get_qa.php xhr.open('GET', '/e/extend/ask/get_qa.php?classid=' + classid + '&infoid=' + infoid + '&t=' + Math.random(), true); xhr.onreadystatechange = function() { if(xhr.readyState === 4 && xhr.status === 200) { askBox.innerHTML = xhr.responseText; } }; xhr.send(); }); // ================= 2. 无刷新表单提交 + 进度条 ================= var p_isAction = true; function doSubmitAsk_m() { if(!p_isAction) return; var title = document.getElementById('p_title'); if (!title.value.trim()) { alert('请输入问题标题'); title.focus(); return; } var email = document.getElementById('p_email'); if (!email.value.trim() || !/^[^s@]+@[^s@]+.[^s@]+$/.test(email.value)) { alert('邮箱格式有误'); email.focus(); return; } var askkey = document.getElementById('p_askkey'); if (!askkey.value.trim()) { alert('请输入验证码'); askkey.focus(); return; } p_isAction = false; var btn = document.getElementById('p_subBtn'); var originalText = btn.innerText; btn.style.background = '#555'; btn.innerText = "准备提交..."; var fd = new FormData(document.getElementById('p_askform')); var xhr = new XMLHttpRequest(); xhr.open("POST", "/e/extend/ask/doajax.php", true); xhr.upload.onprogress = function(event) { if (event.lengthComputable) { var percent = Math.floor((event.loaded / event.total) * 100); if(percent < 100) { btn.innerText = '图片上传中 ' + percent + '%'; } else { btn.innerText = '服务器处理中...'; } } }; xhr.onreadystatechange = function() { if (xhr.readyState == 4) { if (xhr.status == 200) { try { var r = JSON.parse(xhr.responseText); if(r.status == 1) { alert('提交成功！客服已收到您的提醒。'); document.getElementById('p_askform').reset(); location.reload(); } else { alert(r.msg); resetBtn(); } } catch(e) { alert("服务器返回异常"); resetBtn(); } } else { alert("网络请求失败"); resetBtn(); } } }; xhr.send(fd); function resetBtn() { p_isAction = true; btn.style.background = '#009688'; btn.innerText = originalText; document.querySelector('img[alt="点击刷新"]').click(); askkey.value = ''; } } </script> </div> <div class="pagination-block"> <div class="pagination-item"> <span class="pagination-tag tag-next">上一篇</span> <div class="pagination-link"><a href='/hbh/fwzx/'>返回列表</a></div> <svg class="pagination-arrow" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> </svg> </div> <div class="pagination-item"> <span class="pagination-tag tag-prev">下一篇</span> <div class="pagination-link"><a href='/hbh/fwzx/'>返回列表</a></div> <svg class="pagination-arrow" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> </svg> </div> </div> <div class="section-title"> <span>🔥 新疆包车-拼车</span> <a href="/xjxlsy/xjly/bcpc/" class="section-more" aria-label="查看更多新疆包车和拼车线路">更多 ></a> </div> <div class="product-list" style="padding-bottom: 20px;"> <a href="/xjxlsy/xjly/bcpc/1251.html" class="product-card"> <div class="product-img-box"> <img class="lazy" width="200" height="130" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://img.xjlxw.com/d/file/xjxlsy/xjly/bcpc/2f003212a14260bb74b3247915ef48a9.jpg/w300h200" alt="2026·画卷北疆北疆十日春季深度游小车拼车、纯玩无购物！"> <span class="tag">散客拼团</span> </div> <div class="product-info"> <h3 class="product-title">2026·画卷北疆北疆十日春季深度游小车拼车、纯玩无购物！</h3> <div class="product-tagsn"> <span class="p-tag">自驾环湖360°：用一圈车轮丈量“大西洋最后一滴眼泪”的极致蔚蓝。赛湖旅拍：甄选多款风格服饰，9张精修美照，定格赛里木湖绝美瞬间。赛湖坦克300跟车视频：专业摄影师...</span> </div> <div class="product-price-row"> <span class="price"><small>¥</small>4580</span> </div> </div> </a> <a href="/xjxlsy/xjly/bcpc/1248.html" class="product-card"> <div class="product-img-box"> <img class="lazy" width="200" height="130" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://img.xjlxw.com/d/file/xjxlsy/xjly/bcpc/af4caef899ea6399440d40863a081c80.jpg/w300h200" alt="世界旅客的伊犁之约：8天北疆暖心深度游"> <span class="tag">包车拼车</span> </div> <div class="product-info"> <h3 class="product-title">世界旅客的伊犁之约：8天北疆暖心深度游</h3> <div class="product-tagsn"> <span class="p-tag">探秘三大雅丹之首：游览被《中国国家地理》评选为“中国最美的三大雅丹”第一名的克拉玛依魔鬼城。中国第一村：探访仅存的图瓦人最大村落——禾木村，欣赏晨雾与小木...</span> </div> <div class="product-price-row"> <span class="price"><small>¥</small>8500</span> </div> </div> </a> <a href="/xjxlsy/xjly/bcpc/1239.html" class="product-card"> <div class="product-img-box"> <img class="lazy" width="200" height="130" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://img.xjlxw.com/d/file/xjxlsy/xjly/bcpc/9319d802e6efa65c026407ebd0cd8263.jpg/w300h200" alt="2026·春享双湖双湖八日游春季小车拼车、纯玩无购物！"> <span class="tag">包车拼车</span> </div> <div class="product-info"> <h3 class="product-title">2026·春享双湖双湖八日游春季小车拼车、纯玩无购物！</h3> <div class="product-tagsn"> <span class="p-tag">1.阿勒泰网红打卡地：将军山 2.将军山落日缆车，体验雪都风光 3.将军山，夕阳派对，蹦迪party 4.自驾赛里木湖360°环湖 5.二进赛湖随心游，邂逅湖畔日出浪漫...</span> </div> <div class="product-price-row"> <span class="price"><small>¥</small>3380</span> </div> </div> </a> <a href="/xjxlsy/xjly/bcpc/1220.html" class="product-card"> <div class="product-img-box"> <img class="lazy" width="200" height="130" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://img.xjlxw.com/d/file/xjxlsy/xjly/bcpc/048bfe1a4b572a7ff4a03107e755ef51.jpg/w300h200" alt="2026·秘境疆途北疆十日游春季小车拼车、纯玩无购物！"> <span class="tag">包车拼车</span> </div> <div class="product-info"> <h3 class="product-title">2026·秘境疆途北疆十日游春季小车拼车、纯玩无购物！</h3> <div class="product-tagsn"> <span class="p-tag">1.自驾环湖270°，用车轮丈量“大西洋最后一滴眼泪”的极致蔚蓝，让雪山、花海与深邃湖水在转弯间连成自由的画卷。 2.特别赠送那拉提景区3公里内，落地窗三钻民宿 3.那...</span> </div> <div class="product-price-row"> <span class="price"><small>¥</small>4180</span> </div> </div> </a> </div> </div> </main> <div style="max-width: 640px; margin: 0 auto; background-color: #f5f5f5;"> <footer class="site-footer"> <p>©新疆中旅国际旅行社有限公司版权所有</p> <p>许可证号:L-XB-100013</p> <p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#555;text-decoration:none;">ICP备案号:新ICP备19001292号-4</a></p> <p> <a href="https://beian.mps.gov.cn/#/query/webSearch" class="gongan-link"> <img src="https://img.xjlxw.com/skin/style/imgs/wangbei.jpg/wangbei" alt="公网安备图标">新公网安备 65010302000123号 </a> </p> </footer> </div> <div style="height: 20px;"></div> <div class="m_header_search hide" id="J_header-search"> <div class="search_bar"> <div class="search_cancel" onclick="window.location.reload()">取消</div> <div class="search_main"> <div class="search_lanmu">全部</div> <form action="javascript:void(0);" id="search_form" style="flex:1;display:flex;align-items:center;border:none;background:none;margin:0;padding:0"><input type="search" class="J_hs-input" placeholder="请输入关键字" id="keyboard" autocomplete="off"></form> <span class="search_button icon-search4"><button title="点击搜索" type="button">🔍</button></span> <ul id="search-suggestions" class="search-suggestions hide"></ul> </div> </div> <div class="gundong"> <div class="search_lanmu_area"> <div class="title">热门分类</div> <ul class="search_lanmu_list"> <li classid="0" class="active">全部</li> <li classid="8">新疆跟团游</li> <li classid="1578">新疆包车游</li> <li classid="1414">出疆游</li> <li classid="1433">夏令营</li> <li classid="1484">夕阳红</li> <li classid="18">租车</li> <li classid="305,722,723,724,782,791,829,830,831,857,863,869,881,925,926,927,928,929,930,931,932,933,934,935,936,937,938,939,940,1039,6">酒店</li> <li classid="184,185,186,187,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,20">景点</li> <li classid="23,194,191,192,193,797,798,799,779,788,800,801,802,803,804,805,806,807,808,809,810,811,812,813,814,815,816,817,818,819,820">游记</li> </ul> <div class="title">搜索结果</div> </div> <div class="search_pop hide"> <div class="search-result J_hs-result"> <ul class="list"></ul> <div id="schpage"></div> <div class="search-load-btn" id="searchLoadMore" onclick="window.loadMoreSearch()">加载更多</div> </div> </div> </div> </div> <nav class="bottom-nav"> <a href="/" class="tab-item active"> <div class="tab-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/> </svg> </div> <span>首页</span> </a> <div class="tab-item" onclick="window.togglePhone()" style="cursor: pointer;"> <div class="tab-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/> </svg> </div> <span>电话</span> </div> <div class="tab-item" onclick="window.toggleService()" style="cursor: pointer;"> <div class="tab-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l5 5v-5h6c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z"/> </svg> </div> <span>客服</span> </div> <div class="tab-item" onclick="window.toggleCategory()" style="cursor: pointer;"> <div class="tab-icon" style="display: flex; align-items: center; justify-content: center;"> <svg width="26" height="26" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="transform: translateY(3px);"> <rect x="3" y="3" width="8" height="8" rx="1.5"></rect> <rect x="13" y="3" width="8" height="8" rx="1.5"></rect> <rect x="3" y="13" width="8" height="8" rx="1.5"></rect> <rect x="13" y="13" width="8" height="8" rx="1.5"></rect> </svg> </div> <span style="position: relative; top: 2px;">分类</span> </div> <a href="/e/member/cp/" class="tab-item"> <div class="tab-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/> </svg> </div> <span>我的</span> </a> </nav> <div class="chat-mask" id="phoneModal" onclick="window.closePhone()"> <div class="chat-card" onclick="event.stopPropagation()"> <div class="chat-header"> <img src="https://img.xjlxw.com/skin/shu/app/images/logo.jpg/logoe" class="chat-logo" alt="Logo"> <div class="popup-company-name">新疆中旅国际旅行社有限公司</div> </div> <div class="chat-body"> <div class="group-label">全国免费热线</div> <a class="contact-btn highlight J_telConsultBtn" href="tel:4000992065"> <div class="btn-left"> <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" style="color:#0066cc"><path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM11 7H13V13H11V7ZM11 15H13V17H11V15Z" opacity="0"/><path d="M20 15.5C18.75 15.5 17.55 15.3 16.43 14.92C16.08 14.8 15.69 14.89 15.42 15.16L13.21 17.37C10.38 15.93 8.06 13.62 6.64 10.78L8.85 8.57C9.11 8.31 9.21 7.92 9.09 7.57C8.71 6.45 8.5 5.25 8.5 4C8.5 3.45 8.05 3 7.5 3H4C3.45 3 3 3.45 3 4C3 13.39 10.61 21 20 21C20.55 21 21 20.55 21 20V16.5C21 15.95 20.55 15.5 20 15.5Z"/></svg> 官方客服 </div> <span class="phone-num">400-099-2065</span> </a> <div class="group-label">资深定制师 (座机)</div> <a class="contact-btn J_telConsultBtn" href="tel:09912671000"> <div class="btn-left"> <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M20 15.5C18.75 15.5 17.55 15.3 16.43 14.92C16.08 14.8 15.69 14.89 15.42 15.16L13.21 17.37C10.38 15.93 8.06 13.62 6.64 10.78L8.85 8.57C9.11 8.31 9.21 7.92 9.09 7.57C8.71 6.45 8.5 5.25 8.5 4C8.5 3.45 8.05 3 7.5 3H4C3.45 3 3 3.45 3 4C3 13.39 10.61 21 20 21C20.55 21 21 20.55 21 20V16.5C21 15.95 20.55 15.5 20 15.5Z"/></svg> 定制师专线 </div> <span class="phone-num">0991-2671000</span> </a> <a class="contact-btn J_telConsultBtn" href="tel:09912310325"> <div class="btn-left"> <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M20 15.5C18.75 15.5 17.55 15.3 16.43 14.92C16.08 14.8 15.69 14.89 15.42 15.16L13.21 17.37C10.38 15.93 8.06 13.62 6.64 10.78L8.85 8.57C9.11 8.31 9.21 7.92 9.09 7.57C8.71 6.45 8.5 5.25 8.5 4C8.5 3.45 8.05 3 7.5 3H4C3.45 3 3 3.45 3 4C3 13.39 10.61 21 20 21C20.55 21 21 20.55 21 20V16.5C21 15.95 20.55 15.5 20 15.5Z"/></svg> 定制师专线 </div> <span class="phone-num">0991-2310325</span> </a> <a class="contact-btn J_telConsultBtn" href="tel:09912672000"> <div class="btn-left"> <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M20 15.5C18.75 15.5 17.55 15.3 16.43 14.92C16.08 14.8 15.69 14.89 15.42 15.16L13.21 17.37C10.38 15.93 8.06 13.62 6.64 10.78L8.85 8.57C9.11 8.31 9.21 7.92 9.09 7.57C8.71 6.45 8.5 5.25 8.5 4C8.5 3.45 8.05 3 7.5 3H4C3.45 3 3 3.45 3 4C3 13.39 10.61 21 20 21C20.55 21 21 20.55 21 20V16.5C21 15.95 20.55 15.5 20 15.5Z"/></svg> 定制师专线 </div> <span class="phone-num">0991-2672000</span> </a> <div class="group-label">24小时值班 (微信同号)</div> <div class="contact-btn J_telConsultBtn" onclick="window.showActionSheet('18999981856')"> <div class="btn-left"> <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" style="color:#09bb07"><path d="M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z"/></svg> 值班经理 </div> <span class="phone-num">189-9998-1856</span> </div> <div class="contact-btn J_telConsultBtn" onclick="window.showActionSheet('18999832796')"> <div class="btn-left"> <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" style="color:#09bb07"><path d="M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z"/></svg> 旅游管家 </div> <span class="phone-num">189-9983-2796</span> </div> <div class="contact-btn J_telConsultBtn" onclick="window.showActionSheet('18099695348')"> <div class="btn-left"> <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" style="color:#09bb07"><path d="M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z"/></svg> 旅游管家 </div> <span class="phone-num">180-9969-5348</span> </div> </div> </div> </div> <div id="action-sheet-mask" onclick="window.closeActionSheet()"> <div class="action-sheet" onclick="event.stopPropagation()"> <div class="action-title">请选择操作 <span id="current-mobile-display"></span></div> <button class="action-btn" onclick="window.doCall()">拨打电话</button> <button class="action-btn" onclick="window.doCopyWechat()">复制微信号</button> <button class="action-btn action-cancel" onclick="window.closeActionSheet()">取消</button> </div> </div> <div id="category-mask" onclick="window.closeCategory()"></div> <div id="category-popup"> <ul class="menu-list"> <li><a href="/xjxlsy/xjly/"><h3>游新疆</h3></a></li> <li><a href="/dingzhi.html"><h3>定制游</h3></a></li> <li><a href="/xjxlsy/cjlyxl/"><h3>出疆游</h3></a></li> <li><a href="/xjxlsy/xjly/bcdzy/"><h3>包车游</h3></a></li> <li><a href="/xjxlsy/xjly/bcpc/"><h3>拼车游</h3></a></li> <li><a href="/xjxlsy/cjlyxl/xly/"><h3>夏令营</h3></a></li> <li><a href="/xjxlsy/cjlyxl/xyh/"><h3>夕阳红</h3></a></li> <li><a href="/lvyouzuche/"><h3>租车</h3></a></li> <li><a href="/lvyoujingdian/"><h3>景点</h3></a></li> <li><a href="/jdzs/"><h3>酒店</h3></a></li> <li><a href="/fu/"><h3>旅游服务</h3></a></li> <li><a href="/qglyyj/"><h3>精彩游记</h3></a></li> <li><a href="/cybd/"><h3>出游宝典</h3></a></li> <li><a href="/zjxj/"><h3>走进新疆</h3></a></li> <li><a href="/gsjs/"><h3>公司介绍</h3></a></li> <li><a href="/chwl/"><h3>当地玩乐</h3></a></li> <li><a href="/e/member/cp/"><h3>会员中心</h3></a></li> <li><a href="/gsjs/gywm/5255.html"><h3>经营许可证</h3></a></li> <li><a href="/gsjs/fkfs/5254.html"><h3>付款方式</h3></a></li> <li><a href="/gsjs/gywm/5183.html"><h3>联系我们</h3></a></li> </ul> </div> <div id="toast">复制成功，请打开微信添加</div> <div id="backToTop" class="back-to-top-btn"> <div style="display: flex; align-items: center; justify-content: center; height: 100%;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" color="#333" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4L4 12H9V20H15V12H20L12 4Z" /> </svg> </div> </div> <div class="chat-mask" id="serviceModal" onclick="window.closeService()" style="display:none; background: rgba(0,0,0,0.6);"> <div class="service-chat-panel" onclick="event.stopPropagation()" style="position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; max-width: 640px !important; margin: 0 auto !important; top: 15vh !important; width: 100% !important; height: auto !important; background: #fff !important; border-radius: 16px 16px 0 0 !important; display: flex !important; flex-direction: column !important; box-shadow: 0 -5px 25px rgba(0,0,0,0.3) !important; transform: none !important; overflow: hidden !important; animation: none !important;"> <div class="chat-header" style="flex-shrink: 0; display: flex; justify-content: space-between; align-items: center; height: 48px; padding: 0 15px; border-bottom: 1px solid #f0f0f0; background: #fff;"> <div onclick="window.closeService()" style="padding: 10px; margin-right: -10px; cursor: pointer;"> <svg width="20" height="20" viewBox="0 0 24 24" fill="#999"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg> </div> </div> <div class="chat-body" style="flex: 1; overflow: hidden; position: relative; background: #fff;"> <iframe id="serviceIframe" src="" frameborder="0" style="width: 100%; height: 100%; border: none; display: block;">