<!--{include file="<!--{$oetplpath}-->widget/block_header.tpl"}--> 
<style type="text/css">
  body{min-width:auto; background:#f7f8fc;}
</style>
<script type="text/javascript">
var USERNAMES = "你正在与 <!--{$chatuser.username}--> 发私信..."
//9.10.22
var MSGCHAT_KEEP = "<!--{intval($config.msgchat_keep)}-->";
<!--{if intval($config.msgchat_timer) <1}-->
var MSGCHAT_TIMER = 1000;
<!--{else}-->
var MSGCHAT_TIMER = <!--{intval($config.msgchat_timer)}-->*1000;
<!--{/if}-->
</script>
<div class="oy" style="height:460px;" id="oe_chat">
  <input type="hidden" name="msgchat_sid" id="msgchat_sid" value="<!--{$sid}-->" />
  <div class="bg_body" id="chat_content">
    <div class="p15 pt1 pb50">
      <ul>
        <li class="mt20 pl60 mb10 pt1 pr" style="min-height:50px;">
          <span class="img_40 pa lt br50per oh bg_f">
            <img class="ob_c" src="<!--{$chatuser.headimg_s}-->" />
          </span>
          <div class="chat_text mt5 bg_f pr p10 mr30 br4 fz14 inline_block" style="min-height:22px;">
            <span class="img_180 pr oh br4" style="z-index:3;margin:-10px;">
              <a target="_blank" href="<!--{$urlpath}-->index.php?c=home&a=detail&id=<!--{$chatuser.userid}-->"><img class="ob_c" src="<!--{$chatuser.headimg_m1}-->" /></a>
            </span>
            
            <h3 class="w160 pt10 color_3 fz15">
              <!--{$chatuser.username}--> <!--{$chatuser.age}-->岁、<!--{area type="text" value=$chatuser.dist2}-->
            </h3>
            
            <p class="w160 pt10 color fz14 color_3">
              我是<!--{hook mod="var" item="astro" type="text" value=$chatuser.astro}-->，很高兴认识你。
            </p>
          </div>
        </li>
        <li class="t_center mt15 mb5 ">
          <span class="lh20 color_f bg_de ptb2 plr15 br3 fz12">
          聊天涉及钱财问题，请保持警惕，避免上当受骗。若发现可疑行为，请及时举报。
          </span>
        </li>
      </ul>  
    </div>

    <div class="p15 pt1 bg_body pb50">
      <div class="ptb10 t_center" f="but_get_msgchatpage" id="but_get_msgchatpage" data-page="" style="display:none;">
        <span class="bg_f color_main br3 ptb4 plr15 cursor">加载下一页<img src="<!--{$userskin}-->images/loading.gif" style="display:none;" /></span>
      </div>
      
      <ul id="chat_log_data">

      </ul>
      <div id="msg_face_bar" style="height:170px;display:none;"></div>
    </div>

  </div>
  <!--{include file="<!--{$uctplpath}-->msgchat_send.tpl"}-->
</div>

<!--//黄色横条提示 -->
<div class="pf ltr z100 bsb ptb10 pl15 pr70" id="help_freelock_box" style="display:none; background: #ffde5c;">
  <span class="fz14 color_f40">该会员没有权限查看您的信件，是否帮TA解锁？</span>
  <div class="pa w60 r15 h30 lh30 bg_f40 color_f fz14 t_center br30 cursor transf_ali_middle" id="but_post_freelock2" f="but_post_freelock" data-sid="<!--{$sid}-->">解锁</div>
</div>

<!--//vip+解锁提示 -->
<div class="pf ltrb bg_tran_5 z2000" style="display:none;" id="both_guide" data-pupop="both">
  <div class="mask"></div>
  <div class="w400 mto bg_f br10 pr bsb ptb20 plr30 dialog" style="top:50%;margin-top:-244.5px;">
    <span class="pr8 pt5 pa rt" f="but_close_pupop" data-box="both">
      <i class="iconfont icon-guanbi cursor color_main fz20 fb"></i>
    </span>
    <div class="fz16 t_center lh28 pb20 bo_bdeb pt10">
      解锁与<span class="color_main mlr3"><!--{$chatuser.username}--></span>的通信<br>
      解锁后即可与TA畅聊<br>
      <span class="color_main">支付<!--{doubleval($config.free_msgchat_fee)}--> <!--{$config.moneyname}--></span>
      <p class="t_center pt10">
        <a href="javascript:;" class="inline_block lh50 bg_main color_f w300" style="border-radius: 50px; box-shadow: 0 5px 15px 0 rgba(255, 67, 67, 0.4);" id="but_post_freelock" f="but_post_freelock" data-sid="<!--{$sid}-->">立即解锁</a>
      </p>
    </div>
    <div class="pt20 t_center fz16 lh28 pb20">
      或开通VIP会员服务，尊享VIP特权<br>
      与会员聊天畅通无阻，获得更高的曝光+成功率！
      <div class="p10 pt20">
        <span class="img_60 mlr10 bsb br3 vam bo_main">
          <i class="iconfont icon-weixin color_main lh60 fz30"></i>
        </span>
        <span class="img_60 mlr10 bsb br3 vam bo_main">
          <i class="iconfont icon-yanjing color_main lh60 fz30"></i>
        </span>
        <span class="img_60 mlr10 bsb br3 vam bo_main">
          <i class="iconfont icon-xinfeng color_main lh60 fz26"></i>
        </span>
      </div>
      <p class="t_center pt10">
        <a href="javascript:;" class="inline_block lh50 bg_main color_f w300" style="border-radius: 50px; box-shadow: 0 5px 15px 0 rgba(255, 67, 67, 0.4);" id="but_post_buyvip2" f="but_post_buyvip" data-sid="<!--{$sid}-->">立即开通</a>
      </p>
    </div>
  </div>
</div>

<!--//vip提示 -->
<div class="pf ltrb bg_tran_5 z2000" style="display:none;" id="buyvip_guide" data-pupop="buyvip">
  <div class="mask"></div>
  <div class="w400 mto bg_f br10 pr bsb ptb20 plr30 dialog" style="top:50%;margin-top:-200px;">
    <span class="pr8 pt5 pa rt" f="but_close_pupop" data-box="buyvip">
      <i class="iconfont icon-guanbi cursor color_main fz20 fb"></i>
    </span>
    <h3 class="t_center fz18 color_main">温馨提示</h3>
    <div class="pt20 t_center fz16 lh28 pb20">
      开通VIP会员服务，尊享VIP特权<br>
      与会员聊天畅通无阻，获得更高的曝光+成功率！
      <div class="p10 pt20">
        <span class="img_60 mlr10 bsb br3 vam bo_main">
          <i class="iconfont icon-weixin color_main lh60 fz30"></i>
        </span>
        <span class="img_60 mlr10 bsb br3 vam bo_main">
          <i class="iconfont icon-yanjing color_main lh60 fz30"></i>
        </span>
        <span class="img_60 mlr10 bsb br3 vam bo_main">
          <i class="iconfont icon-xinfeng color_main lh60 fz26"></i>
        </span>
      </div>
      <p class="t_center pt10">
        <a href="javascript:;" class="inline_block lh50 bg_main color_f w300" style="border-radius: 50px; box-shadow: 0 5px 15px 0 rgba(255, 67, 67, 0.4);" id="but_post_buyvip2" f="but_post_buyvip" data-sid="<!--{$sid}-->">立即开通</a>
      </p>
    </div>
  </div>
</div>

<!--//语音提示 -->
<div class="pf ltrb bg_tran_5 dc z2000" style="display:none;" id="wxvoice_guide" data-pupop="wxvoice">
  <div class="mask"></div>
  <div class="w400 bg_f mto br10 pr bsb ptb20 plr30 dialog" style="top:50%;margin-top:-200px;">
    <span class="pr8 pt5 pa rt" f="but_close_pupop" data-box="wxvoice">
      <i class="iconfont icon-guanbi cursor color_main fz20 fb"></i>
    </span>
    <h3 class="t_center fz24 fb color_3">温馨提示</h3>
    <div class="pt20 t_center fz16 lh28 pb20">
      <p class="lh30 pt10 fz16 color_f40">语音功能仅在微信端开放，请用微信扫码使用</p>
      <p class="pt10"><img class="w250" src="<!--{$config.weixinqr}-->" /></p>
    </div>
  </div>
</div>

<!--{assign var="setips" value=0}-->
<!--{if intval($config.weixin_close) == 0}-->
  <!--{if empty($login.info.weixinid) || intval($login.info.weixintip) == 0}-->
  <!--{assign var="setips" value=1}-->
  <!--{/if}-->
<!--{else}-->
  <!--{if $login.info.emailtip == 0}-->
  <!--{assign var="setips" value=1}-->
  <!--{/if}-->
<!--{/if}-->
<!--{if $setips == 1}-->
<script type="text/javascript">
$(function(){
    var set_tips_val = _getCookie2("set_yindao_tips");
    if (set_tips_val.length == 0) {
        if ($("#set_tips_box").length > 0) {
            setTimeout(function(){
                $("#set_tips_box").show();
            }, 1000);
        }
    }
    //关闭设置提醒
    $(document).on("click", "[f='but_close_set_tips']", function(){
        $("#set_tips_box").hide();
        _setCookie2("set_yindao_tips", "hastips", 1); //1天有效...
    });
    
    //去设置
    $(document).on("click", "[f='but_goto_set']", function(){
        $("#set_tips_box").hide();
    });
    OEUI.modal.info({
        title: '温馨提示',
        text: '开启消息提醒功能，能随时收到好友的新消息。',
        confirmText:'立即设置',
        cancelText:'知道了',
        confirm: function () {
            window.top.location.href = "<!--{$urlpath}-->index.php?m=user&c=set";
        },
        cancel: function () {
            _setCookie2("set_yindao_tips", "hastips", 1); //1天有效...
        }
    });
});
</script>
<!--{/if}-->
<input type="hidden" name="lastid" id="lastid" value="" />
<input type="hidden" name="chat_uid" id="chat_uid" value="<!--{$chatuser.userid}-->" />

<script src="<!--{$urlpath}-->tpl/static/pcui/js/oeui.min.js"></script>
<script src="<!--{$userskin}-->js/msgchat.func.js?v=<!--{$copyright_version}-->"></script>
<script src="<!--{$userskin}-->js/msgchat.js?v=<!--{$copyright_version}-->"></script>
<script type="text/javascript">
$(function(){
  //载入聊天记录
  _getMsgchatPageList(1);
});
</script>
</body>
</html>
