<div id="js_article" class="rich_media" [ngStyle]="{'margin-bottom':deviceType == '3' ? '68px' : '10px'}">
  <div class="rich_media_inner">
    <div id="page-content" class="rich_media_area_primary">
      <div class="rich_media_area_primary_inner">
        <div id="img-content" class="rich_media_wrp">
          <h2 class="rich_media_title" id="activity-name">
            {{articleInfo?.title}}
          </h2>
          <div id="meta_content" class="rich_media_meta_list">
                        <span class="rich_media_meta rich_media_meta_nickname" id="profileBt" (click)="jumpTo()">
                            <a href="javascript:void(0);" id="js_name">{{articleInfo?.author}}</a>
                        </span>
            <em id="publish_time"
                class="rich_media_meta rich_media_meta_text">{{(articleInfo?.updatedAt).substr(0,10)}}</em>
          </div>
          <div class="agentInfoContainer" *ngIf="agentInfo" style="margin: 0 0 15px 0;">
            <div style="display: flex">
              <div class="portrait">
                <img
                  [src]="agentInfo.headImagePath ? agentInfo.headImagePath : 'assets/images/icons/meng.png'" alt="经纪人头像"
                  class="img-circle">
              </div>
              <div class="agentInfo">
                <p style="font-size: 18px;font-weight: 700; color: #333; letter-spacing: 1px;">{{this.agentInfo.agentName}}</p>
                <p>{{this.agentInfo.insurerBranchName}}</p>
                <p><a href="tel:{{this.agentInfo.mobileNo}}" style="color: #646464;">{{this.agentInfo.mobileNo}}</a></p>
              </div>
            </div>
            <div class="qrcode">
              <img [src]="agentInfo.qrCodePath ? agentInfo.qrCodePath : 'assets/images/online.jpg'" alt="经纪人二维码"
                   class="img-thumbnail">
            </div>
          </div>
          <!-- <div class="rich_media_content " id="js_content" style="visibility: visible;" [ngStyle]="{'min-height':shareCode && !state ? '550px':'inherit'}"> -->
          <div class="rich_media_content " id="js_content" style="visibility: visible;">
            <div [innerHTML]="articleInfo?.fileContent | safeHtml">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--经纪人名片-->
  <div class="agentInfoContainer" *ngIf="agentInfo">
    <div style="display: flex">
      <div class="portrait">
        <img
          [src]="agentInfo.headImagePath ? agentInfo.headImagePath : 'assets/images/icons/meng.png'" alt="经纪人头像"
          class="img-circle">
      </div>
      <div class="agentInfo">
        <p style="font-size: 18px;font-weight: 700; color: #333; letter-spacing: 1px;">{{this.agentInfo.agentName}}</p>
        <p>{{this.agentInfo.insurerBranchName}}</p>
        <p><a href="tel:{{this.agentInfo.mobileNo}}" style="color: #646464;">{{this.agentInfo.mobileNo}}</a></p>
      </div>
    </div>
    <div class="qrcode">
      <img [src]="agentInfo.qrCodePath ? agentInfo.qrCodePath : 'assets/images/online.jpg'" alt="经纪人二维码"
           class="img-thumbnail">
    </div>
  </div>
</div>
<div class="shareCus" (click)="share()" *ngIf="this.lifeCommonService.checkDeviceType() == 3">
  <span style="font-size: 20px;">分享</span>
</div>
<!--分享引导页-->
<div class="shareGuidePage" *ngIf="shareAbled" (click)="shareAbled=false">
  <div class="guideBox">
    <i class="iconfont icon-yindaojiantou"></i>
    <div class="tips">
      <p>请点击右上角菜单</p>
      <p>分享给朋友</p>
    </div>
  </div>
</div>
<div #payForm hidden></div>


