<header id="page-topbar">
<div class="navbar-header">
<div class="navbar-left">
 <div class="dashboard_toggle" id="clickBtn">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H16V3H0V1Z" fill="#C9CDD4"></path><path d="M0 7H16V9H0V7Z" fill="#C9CDD4"></path><path d="M0 13H16V15H0V13Z" fill="#C9CDD4"></path></svg>
</div>
</div>

<div class="navigation-down">
<div id="product" class="nav-down-menu menu-1" style="display: none;" _t_nav="product">
<div class="navigation-down-inner">
<div class="pls-nav-dropdown-content">
  <main class="pls-nav-dropdown-main">
<div class="pls-nav-p-bar">
  <div class="pls-nav-p-search">
<input tabindex="-1" class="pls-nav-p-search-input" id="searchInp2"  placeholder="{$Lang.nothing_keyword}" value="">
<button class="pls-nav-p-search-btn" id="searchIcon2">{$Lang.search}</button></div>
  <div class="pls-nav-p-tags">
<a href="cart">{$Lang.product_yfwq}</a>
<a id="development-a">{$Lang.product_ysql} MySQL</a>
<a id="development-b">{$Lang.product_com}</a>
<a id="development-c">{$Lang.product_oss} oss</a></div>
</div>
<div class="pls-nav-p-menu-grid type-recommend">
  <div class="pls-nav-p-menu-col">
<div class="pls-nav-p-menu-box type-recommend">
  <div class="pls-nav-p-menu-box-hd">
<span href="">{$Lang.product_remen}</span></div>
  <div class="pls-nav-p-menu-box-bd">
<div class="pls-nav-p-rank-wrap">
  <nav class="pls-nav-p-rank-panels">
  {php}
$pge = Db::name('product_groups')->where('hidden',0)->limit(3)->select();
  foreach ($pge as $t) {
{/php}   
<a href="/cart?fid={$t.gid}&gid={$t.id}" class="pls-nav-p-rank-panel">
  <i class="pls-nav-p-rank-panel-order"></i>
  <h3 class="pls-nav-p-rank-panel-title">{$t.name}</h3>
  <div class="pls-nav-p-rank-panel-desc">{$t.tagline}</div></a>
 {php}}{/php}   
  </nav>
  <nav class="pls-nav-p-rank-links">
  {php}
$pge = Db::name('product_first_groups')->where('hidden',0)->limit(7)->select();
  foreach ($pge as $v) {
{/php} 
   <a href="cart?fid={$v.id}" class="pls-nav-p-rank-link">
  <span class="pls-nav-p-rank-link-order"></span>{$v.name}</a>
   {php}}{/php}  
</nav>
</div>
<a  class="pls-nav-p-event">
  <div class="pls-nav-p-event-inner" style="background-image: url(&quot;/themes/clientarea/QRuser/static/images/p-bg.dfd9328c.png&quot;);">
<h3 class="pls-nav-p-event-title">{$Lang.product_php}</h3>
<div class="pls-nav-p-event-desc">{$Setting.company_name}{$Lang.product_phptxt}。</div></div>
</a>
  </div>
</div>
  </div>
  <div class="pls-nav-p-menu-col">
<div class="pls-nav-p-menu-box type-cols">
  <div class="pls-nav-p-menu-box-hd">
<span href="">{$Lang.Quick}</span></div>
  <div class="pls-nav-p-menu-box-bd">
<div class="pls-nav-p-menu-card">
  <a href="{$Setting.web_privacy_url}" class="pls-nav-p-menu-card-hd" >{$Lang.privacy_policy}</a></div>
<div class="pls-nav-p-menu-card">
  <a href="{$Setting.web_tos_url}" class="pls-nav-p-menu-card-hd" target="_blank">{$Lang.terms_service}
<span class="pls-nav-tag new">
  <span class="pls-nav-tag-text">NEW</span></span>
<i class="plat-nav-icon-links"></i>
  </a>
</div>
<div class="pls-nav-p-menu-card">
  <a href="affiliates" class="pls-nav-p-menu-card-hd" >{$Lang.apply_promoter}</a></div>
 {php}
 $pg = Db::name('news_type')->where('status',0)->select();
  foreach ($pg as $n) {
{/php} 
<div class="pls-nav-p-menu-card">
  <a href="news?cate={$n.id}" class="pls-nav-p-menu-card-hd" >{$n.title}</a></div>
 {php}}{/php} 
<div class="pls-nav-p-menu-card">
  <a href="submitticket" class="pls-nav-p-menu-card-hd" >{$Lang.ost_invoice}</a></div>
<div class="pls-nav-p-menu-card">
  <a href="submitticket" class="pls-nav-p-menu-card-hd" >{$Lang.product_jbzx}</a></div>
<div class="pls-nav-p-menu-card">
  <a href="invoicelist" class="pls-nav-p-menu-card-hd" >{$Lang.invoice_application}</a></div>
<div class="pls-nav-p-menu-card">
  <a href="security" class="pls-nav-p-menu-card-hd" >{$Lang.security_center}</a></div>
<div class="pls-nav-p-menu-card">
  <a href="verified" class="pls-nav-p-menu-card-hd" > {$Lang.title_verified}   <span class="pls-nav-tag new">
  <span class="pls-nav-tag-text">NEW</span></span>
<i class="plat-nav-icon-links"></i></a>   
</div>   
<div class="pls-nav-p-menu-card">
  <a href="downloads" class="pls-nav-p-menu-card-hd" >{$Lang.title_downloads}  </a></div>
  </div>
</div>
  </div>
</div>
  </main>
</div>  
</div>
</div>
  </div>   
<div class="d-flex-user">
<div class="dropdown d-inline-block n-right" data-toggle="tooltip" data-original-title="{$Lang.nothing_management}" >
<a href="service">
<svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M11 4a2 2 0 00-1.696.94l-5 8A2 2 0 004 14v28a2 2 0 002 2h36a2 2 0 002-2V14a2 2 0 00-.304-1.06l-5-8A2 2 0 0037 4H11zm27.392 8H9.608l2.5-4h23.784l2.5 4zM8 16h32v10H8V16zm0 14v10h32V30H8zm23-11h6v4h-6v-4zm0 14h6v4h-6v-4z" fill="currentColor"></path></svg>
</a>
</div>
<div class="dropdown d-inline-block n-right" data-toggle="tooltip" data-original-title="{$Lang.on_site_news}({$Setting.unread_num})">
<a href="message">
<svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 3c11.598 0 21 9.402 21 21s-9.402 21-21 21H5.1A2.1 2.1 0 013 42.9V24C3 12.402 12.402 3 24 3zm0 4C14.611 7 7 14.611 7 24v17h17c9.389 0 17-7.611 17-17S33.389 7 24 7zm1 21a1 1 0 011 1v2a1 1 0 01-1 1H15a1 1 0 01-1-1v-2a1 1 0 011-1h10zm8-8a1 1 0 011 1v2a1 1 0 01-1 1H15a1 1 0 01-1-1v-2a1 1 0 011-1h18z" fill="currentColor"/></svg>
<span class="is-blue-dark">{$Setting.unread_num}</span>
</a>
</div>
{if $Userinfo}
<div class="dropdown d-inline-block func-info-row-support web_none">
<a  class="sideafter">
{$Lang.user_support}</a>
 <div class="func-info-support">
 <ul class="menus-lis">
 <span class="fn-sdk-nav-dividing-line"></span>
  <li class="panel__item">
<a href="#"   onclick="narn('log')" ><i class="fa Example of headphones fa-headphones"></i>{$Lang.user_sqzxr}</a></li>
  <li class="panel__item">
<a   href="submitticket" ><i class="ky kyedit"></i>{$Lang.user_shzxr}</a></li>
  <li class="panel__item">
<a   href="supporttickets" ><i class="fa fa-history"></i>{$Lang.number_order}（{$ClientArea.index.ticket_count}）</a></li>
 <span class="fn-sdk-nav-dividing-line"></span>   
  <li class="panel__item">
<a  href="tel:{$Setting.company_phone}" ><i class="ky kyCTIAnalogphone"></i>{$Setting.company_phone}</a></li>
</ul>
 </div>
</div>

<div class="dropdown d-inline-block func-info-row-cost web_none">
<a class="sideafter">
{$Lang.cost}</a>
 <div class="func-info-cost">
  <div class="justify_left">
  <span class="fz-reset">{$Lang.current_balance}</span></div>
<div class="justify-grid_right">
  <a class="text-warning" href="addfunds" >{$Lang.immediately}{$Lang.recharge}</a></div>
  <div class="amount-number">
<span class="amount-number-main">{$Userinfo.user.credit}</span>
<span >{$Lang.element}</span></div>
   <span class="fn-sdk-nav-dividing-line"></span>
<ul class="menus-lis">
  <li class="panel__item">
<a  href="billing" ><i class="ky kyshopCart"></i>{$Lang.ost_order}</a></li>
  <li class="panel__item">
<a   href="transaction" ><i class="ky kyTransfer"></i>{$Lang.ost_detail}</a></li>
  <li class="panel__item">
<a  href="billing" ><i class="ky kydingdan"></i>{$Lang.ost_bill}</a></li>
  <li class="panel__item">
<a   href="invoicelist" ><i class="ky kyfapiao"></i>{$Lang.ost_invoice}</a></li>
<span class="fn-sdk-nav-dividing-line"></span>
   <li class="panel__item">
<a   href="transaction" ><i class="ky kylingshoujia"></i>{$Lang.ost_user}</a></li>
</ul>
</div>
</div>
{else/}{/if}

<div class="dropdown d-inline-block func-info-row-zh" >
<a class="sideafter">
<svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M42.83 23.143l5.079 5.302a.335.335 0 010 .46.305.305 0 01-.22.095H44.4C42.158 38.185 33.875 45 24 45S5.842 38.184 3.599 29h4.148C9.882 35.949 16.351 41 24 41c7.648 0 14.117-5.051 16.253-12H37.31a.318.318 0 01-.311-.325c0-.086.033-.169.091-.23l5.079-5.302a.453.453 0 01.66 0zM26.03 15L33 33h-3.97l-2.232-4.968h-5.716L19.032 33H15l7.02-18h4.01zM.311 19H10.69c.082 0 .162.034.22.095a.336.336 0 01.044.4l-.044.06-5.079 5.302a.452.452 0 01-.587.063l-.073-.063-5.079-5.302a.332.332 0 01.149-.546L.31 19H10.69.31zm23.719-.04L22.115 24h3.746l-1.831-5.04zM24 3c9.875 0 18.158 6.816 20.401 16h-4.148C38.118 12.052 31.649 7 24 7 16.352 7 9.883 12.051 7.747 19H3.6C5.842 9.815 14.125 3 24 3z" fill="currentColor"/></svg>
</a>
 <div class="func-info-box-zh">
{php}
$parse = parse_url(request()->url());
$path=$parse['path'];
$query=$parse['query'];
$query = preg_replace('/&language=[a-zA-Z0-9_-]+/','',$query);
{/php}

{if $path=="/addons"}
{foreach $Language as $key=>$list}
<a href="?{$query}&language={$key}" class="dropdown-item notify-item language" data-lang="zh-cn">
<img src="{$Setting.web_url}/upload/common/country/{$list.display_flag}.png" alt="user-image"
 class="mr-1" height="12"> <span class="align-middle">{$list.display_name}</span>
</a>
{/foreach}
{else/}
{foreach $Language as $key=>$list}
<a href="?language={$key}" class="dropdown-item notify-item language" data-lang="zh-cn">
<img src="{$Setting.web_url}/upload/common/country/{$list.display_flag}.png" alt="user-image"
 class="mr-1" height="12"> <span class="align-middle">{$list.display_name}</span>
</a>
{/foreach}
{/if}
  </div>
  </div>

<div class="dropdown d-inline-block func-info-row">
<span class="text-dark-50">
<font class="d-inline-font" style="vertical-align: inherit;">{$Lang.hello}，</font><span class="waves-span">{if $Userinfo}{$Userinfo.user.username}{else/}<style>.waves-span:after {content: ""!important;font-family: "ky";font-size: 0.6rem;}</style><a href="login">请先登录！</a>{/if}</span><img src="{$qqimage}" width="15px";></span>
{if $Userinfo}
 <div class="func-info-box">
<a class="dropdown-item" href="details">
<i class="bx bxs-user-detail font-size-16 align-middle mr-1"></i>
<span key="t-profile">{$Lang.personal_information}</span>
</a>
<a class="dropdown-item" href="security">
<i class="bx bx-cog font-size-16 align-middle mr-1"></i>
<span key="t-profile">{$Lang.security_center}</span>
</a>
<a class="dropdown-item" href="message">
<i class="bx bxl-messenger font-size-16 align-middle mr-1"></i>
<span key="t-profile">{$Lang.message_center}</span>
</a>
<a class="dropdown-item" href="verified"> 
<i class="bx bxs-id-card font-size-16 align-middle mr-1"></i>
<span key="t-profile">{$Lang.real_name_authentications}</span>
</a>
<a class="dropdown-item text-danger" href="logout"><i
class="bx bx-power-off font-size-16 align-middle mr-1 text-danger"></i> <span
key="t-logout">{$Lang.log_out}</span></a>
   </div> 
   {else/}{/if}
</div>
</div>
</div>

{include file="includes/subtop"}
</header>