<!DOCTYPE html>
<html style="font-size: 32px;">
<head lang="en">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 <meta name="format-detection" content="telephone=no" />
 <title>腾讯王卡5G版</title>
 <link href="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/head-card.css" rel="stylesheet" />
 <script type="text/javascript" src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/jweixin-1.0.0.js"></script>
</head>
<body class="grey">
<section class="top-img">
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/godking_tab_top_01.jpg" alt="king" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/godking_tab_top_02.jpg" alt="king" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/godking_tab_top_03.jpg" alt="king" />
 <div class="btn-section">
  <div class="btn">
   <div class="cards checked">
    <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/card-left-1.png" class="left1" />
    <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/card-left-2.png" class="left2" style="display:none" />
   </div>
   <div class="cards">
    <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/card-right-2.png" class="left" />
    <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/card-right-1.png" class="left3" style="display:none" />
   </div>
  </div> {{--
    <p class="line"><span class="upgrade">已有腾讯王卡，升级5G &gt;</span></p> --}}
 </div>
</section>
<section class="charges-info">
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/mlb-2.png" alt="detail_01" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/mlb-3.png" alt="detail_01" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/mlb-4.png" alt="detail_02" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/mlb-5.jpg" alt="detail_02" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/mlb-6-1.png" alt="detail_02" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/mlb-6-2.jpg" alt="detail_02" usemap="#planetmap1" />
 <map name="planetmap1" id="planetmap1"> <area id="area1" shape="rect" coords="514.6773333333333,409.21066666666667,756.196,455.616" href="javascript:;"></area> </map>
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/mlb-7.png" alt="detail_02" usemap="#planetmap2" />
 <map name="planetmap2" id="planetmap2"> <area id="area2" shape="rect" coords="568.4653333333333,871.1546666666667,756.196,923.888" href="javascript:;"></area> </map>
</section>
<section class="charges-info" style="display:none">
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_01.jpg" alt="detail_01" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_02.jpg" alt="detail_01" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/jsb-3.png" alt="detail_01" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_05.jpg" alt="detail_01" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_06.jpg" alt="detail_02" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_07.jpg" alt="detail_02" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_08.jpg" alt="detail_02" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_10_01.jpg" alt="detail_02" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_10_02.jpg" alt="detail_02" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_10_03.png" alt="detail_02" usemap="#planetmap3" />
 <map name="planetmap3" id="planetmap3"> <area id="area3" shape="rect" coords="575.848,329.056,754.0866666666667,377.5706666666667" href="javascript:;"></area> </map>
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_12.png" alt="detail_02" />
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/js_tab_desc_13.png" alt="detail_02" usemap="#planetmap4" />
 <map name="planetmap4" id="planetmap4"> <area id="area4" shape="rect" coords="566.356,535.7706666666667,751.9773333333333,570.5746666666666" href="javascript:;"></area> </map>
</section>
<section class="meal-desc" hidden="">
 <div class="close"></div>
 <div class="meal-name">
  <img class="card19" />
  <div class="fee-desc">
   <p class="top"><span class="price">19</span> 元/月 <label class="show-when-5g cost"></label> </p>
   <p class="fee-intro">30GB专属流量 全国接听免费 全国无漫游</p>
  </div>
 </div>
 <div class="separate-line"></div>
 <div class="name-item">
  <p>名称</p>
  <ul>
   <li class="selected" data-type="0">免流版</li>
   <li data-type="1">极速版</li>
  </ul>
 </div>

 <div class="separate-line"></div>
 <div class="product-item">
  <p>套餐</p>
  <ul class="prod-4g">
   <li class="selected" data-prod="19" data-testid="1609180703" data-id="1" data-name="腾讯大王卡">大王卡：30GB专属流量 全国接听免费 全国无漫游</li>
   <li data-prod="39" data-testid="1801120053" data-id="519819" data-name="腾讯地王卡">地王卡：大王卡资费+300分钟国内语音</li>
   <li data-prod="59" data-testid="1702226311" data-id="519818" data-name="腾讯天王卡">天王卡：大王卡资费+800分钟国内语音</li>
  </ul>
  <ul class="prod-5g" hidden="">
   <li data-prod="90" data-cost="129" data-testid="1910288519" data-id="519838" data-name="腾讯王卡5G版-129">129优享版：30GB国内流量 500分钟国内拨打语音</li>
   <li data-prod="139" data-cost="199" data-testid="1910298528" data-id="519839" data-name="腾讯王卡5G版-199元版">199优享版：60GB国内流量 1000分钟国内拨打语音</li>
   <li data-prod="209" data-cost="299" data-testid="1910298529" data-id="519840" data-name="腾讯王卡5G版-299元版">299极速版：100GB国内流量 1500分钟国内拨打语音</li>
  </ul>
 </div>
 <div class="separate-line show-when-5g"></div>
 <div class="btn"></div>
</section>
<div class="tab" style="display:none">
 <span class="left-tab tab-checked"></span>
 <span class="right-tab"></span>
</div>
<div class="mask" hidden=""></div>
<section class="submit">
 <img src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/apply-btn.png" />
</section>
<a id="toTop"></a>
<script type="text/javascript" src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/common-b.js"></script>
<script type="text/javascript" src="{{env('CDN_DOMAIN')}}/static/home/spread/product_show/wangka-5g/head-card.js"></script>

<div style="display: none" class="buttonBox"></div>
<script type="text/javascript" src="{{env('CDN_DOMAIN')}}/static/home/public/assets/js/jquery.min.js"></script>
<script>
 let sku_str = "{{$product->id}}";

 $(function(){

  $('.btn').click(function () {
   $('.buttonBox').click();
  });
  $("#toTop").click(function(){
   $("html,body").animate({scrollTop:"0px"},200);
  });

  $('.buttonBox').on('click', function () {
   let t = $(".product-item ul:visible li.selected");
   let id = t.data("id");
   if(typeof id === "undefined"){
    id = sku_str;
   }
   console.log(id);

   if($('.meal-desc').css('display') !== 'none'){
    location.href = '/home/spread/plat_apply?sid=' + id + '&{!!http_build_query($reqParam)!!}';
   }
  });
 });
</script>
@include('Home.common.uinapp-sdk')
</body>
</html>