<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Firefly Live-螢火蟲直播官網-See u in Firefly！</title>
<meta name="keywords" content="Firefly,直播福利,螢火蟲直播,直播,uplive,美女秀場,直播軟體,正妹直播,Firelfy官網,螢火蟲直播官網,Firefly直播,美女直播間">
<meta name="description" content="Firefly直播-領先的真人在線直播秀場，全新的視頻交友方式；舉起手機，美顏開播，妳也可以變身人氣主播！超多刺激好玩的直播玩法等妳來挖掘~">
<link rel="stylesheet" href="../css/base.css?v=201909181002">
<link rel="stylesheet" href="../css/layer.css">
<link rel="shortcut icon" type="image/x-icon" href="../images/icon.jpg?v='20180427'" />
<link rel="stylesheet" href="../css/pay.css?v=201909181002">
<style>
.nav-content img{
top: 20px;
}
.layui-layer-setwin .layui-layer-close2{
display: none !important;
}
.layui-layer-page .layui-layer-content{
border-radius: 0.4rem !important;
}
.yourclass2{
border-radius: 0.4rem !important;
}
.pay-money-content{
display: none;
}
.langBottom{
padding: 90px 0 80px;
}
.p4-b-text p {
width: 100%;
text-align: center;
color: #808080;
font-size: 16px;
}
.langBottom span {
margin-right: 55px;
cursor: pointer;
}
.langBottom span.check {
color: #01fcff;
}
.langChange{
padding-bottom: 30px;
}
.langBottom p:last-child{
margin-top: 10px;
}
.pay-btn-box{
width: 100%;
text-align: center;
}
.nav-content ul{
width: auto;
font-size: 12px;
}
.pay-more-content{
height: 200px;
}
.pay-ul li{
position: relative;
cursor: pointer;
}
.pay-ul li:nth-child(n+6){
margin-top: 10px;
}
.pay-ul li span{
width: 100%;
height: 100%;
border-radius: 6px;
background: #FFF;
margin-right: 15px;
text-align: center;
line-height: 55px;
opacity: .06;
border: 1px solid #22234D;
position: absolute;
left: 0;
top: 0;
display: none;
}
.pay-ul li:hover span{
display: block;
}
.money-ul li,.gash-ul li{
position: relative;
}
.nav-content ul{
margin-right: 20px;
}
.money-ul li > span,.gash-ul li > span{
width: 100%;
height: 100%;
border-radius: 6px;
background: #FFF;
margin-right: 15px;
text-align: center;
line-height: 55px;
opacity: .06;
border: 1px solid #22234D;
position: absolute;
left: 0;
top: 0;
display: none;
}
.money-ul li:hover >span,.gash-ul li:hover > span{
display: block;
}
.pay-gash-content ul li :nth-child(2){
text-indent: 0;
}
.pay-more-content h2.L-Ar,.pay-money-content h2.L-Ar{
direction: rtl;
padding-right: 8px;
}
.pay-more-content h2.L-Ar .h2-span,.pay-money-content h2.L-Ar .h2-span{
left: auto;
right: 0;
}
.pay-money-content{
width: 940px;
}
.pay-money-content ul{
width: 940px;
direction: rtl;
}
.pay-ul.L-Ar li{
float: right;
}
.money-ul-ar.money-ul li{
float: right;
}
.L-Ar.h2top img{
left: 14px;
right: auto;
}
.changeLang{
float: right;
margin-top: 22px;
color:rgba(255,255,255,.5);
position: relative;
font-size: 14px;
margin-right: 40px;
cursor: pointer;
height: 40px;
line-height: 30px;
z-index: 1000;
}
.nav-content .changeLang ul{
position: absolute;
left: 0;
top:0;
background-color: #1d4870;
width: 158px;
border-radius: 8px;
font-size: 0;
display: none;
z-index: 1000;
}
.nav-content ul{
width: 260px;
}
.nav-box ul li{
float: right;
}
.changeLang ul li{
color:#6bcbfd;
width: 100%;
text-align: center;
float: initial;
margin-left: 0;
padding: 14px 0;
font-size: 14px;
}
.changeLang ul li.check{
color:#ffffff;
}
.changeLang .cicon{
margin-top: -2px;
vertical-align: middle;
margin-right: 10px;
}
.changeLang .cbottom{
margin-top: -2px;
vertical-align: middle;
margin-left: 10px;
}
.nav-content img.logo{
top:20px;
}
.pay-gash-content ul{
width: 940px;
}
.pay-gash-content ul.L-Ar li{
float: right;
}
.pay-ul li:nth-child(6){
margin-top: 0;
}
.pay-ul li.taobao{
margin-top: 10px;
}
body .layui-layer {
background-color: transparent;
box-shadow: none;
border-radius: 0;
}
body .layui-layer.layui-layer-hui {
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, .6);
}
.payMasking{
background: url(images/maskingbg.png) no-repeat;
background-size: 100% 100%;
width: 728px;
height: 555px;
position: relative;
font-size: 0;
display: none;
}
.closePayMask{
width: 50px;
height: 50px;
position: absolute;
right: 0;
top: 0;
z-index: 20;
}
.payMaskDesc{
position: absolute;
left: 50%;
top: 15px;
height: 525px;
width: 700px;
margin-left: -350px;
border-radius: 30px;
scrollbar-width:none;
-ms-overflow-style: none;
overflow-y: scroll;
}
.payMaskDesc::-webkit-scrollbar{
display: none;
}
.payMaskDesc img{
width: 100%;
}
</style>
</head>
<body>
<div class="nav-box">
<div class="nav-content">
<a href="http://www.firefly.live"><img class="logo" src="../images/logo.png?v=201909171143" alt=""></a>
<div class="changeLang"><img src="images/cicon.png" class="cicon"/><span></span><img src="images/cbottom.png" class="cbottom" />
<ul>
<li>繁體中文</li>
<li>English</li>
<li>العربية</li>
</ul>
</div>
<ul>
<a href="us.html">
<li class="L-Cn">關於我們</li>
<li class="L-En">About</li>
<li class="L-Ar">حول فيرفلي لايف</li>
</a>
<a href="javascript:;">
<li class="L-Cn">儲值</li>
<li class="L-En">Top-up</li>
<li class="L-Ar">الشحن</li>
</a>
<a href="../index.html">
<li class="L-Cn">首頁</li>
<li class="L-En">Home</li>
<li class="L-Ar">الصفحة الرئيسية</li>
</a>
</ul>
</div>
</div>
<div class="pay-content">
<div class="pay-user-content">
<div class="login-no">
<img src="../images/face.png" alt="">
<input class="L-Cn" placeholder="請輸入Firefly ID" type="text">
<input class="L-En" placeholder="Please input FireflyID" type="text">
<input class="L-Ar" placeholder="يرجى إدخال FireflyID" type="text">
<button class="L-Cn">確認</button>
<button class="L-En">Confirm</button>
<button class="L-Ar">تم</button>
</div>
<div class="login-yes">
<img class="login-face" src="../images/face.png" alt="">
<span class="login-name">--</span>
<span class="login-rich L-Cn">剩餘寶石 --<img src="../images/diamond.png" alt=""></span>
<span class="login-rich L-En">Left GEMs --<img src="../images/diamond.png" alt=""></span>
<span class="login-rich L-Ar">رصيد GEMs --<img src="../images/diamond.png" alt=""></span>
<span class="login-out L-Cn">為其他Firefly ID儲值></span>
<span class="login-out L-En">Top-up for other account></span>
<span class="login-out L-Ar">إعادة شحن الحساب الآخر</span>
</div>
</div>
<div class="pay-more-content">
<h2 class="L-Cn"><span class="h2-span"></span>儲值方式</h2>
<h2 class="L-En"><span class="h2-span"></span>Top-up channel</h2>
<h2 class="L-Ar"><span class="h2-span"></span>طريقة الشحن</h2>
<ul class="pay-ul L-Cn">
<li class="alipay">
<span></span>
<img class="L-Cn" src="../images/alipay2.png" alt="">
<i>ALIPAY</i>
</li>
</ul>
<ul class="pay-ul L-En">
<li class="alipay">
<span></span>
<img class="L-En" src="../images/alipay2_en.png" alt="">
<i>ALIPAY</i>
</li>
</ul>
<ul class="pay-ul L-Ar">
<li class="alipay">
<span></span>
<img src="../images/alipay2_en.png" alt="">
<i>ALIPAY</i>
</li>
</ul>
</div>
<div class="pay-gash-content">
<h2 class="L-Cn"><span class="h2-span"></span>選擇方式</h2>
<h2 class="L-En"><span class="h2-span"></span>options</h2>
<ul class="gash-ul L-Cn">
<li class="gash-click"><span></span>GASH點數卡 <i>COPGAM02</i></li>
<li><span></span>GASH會員賬號 <i>COPGAM09</i></li>
<li><span></span>一般3D信用卡 <i>BNK82201</i></li>
<li>
<span></span>
<p>中華電信手機839</p>
<p>（三合一）</p>
<i>TELCHT05</i>
</li>
<li>
<span></span>
<p>中華電信Hinet</p>
<p>（三合一）</p>
<i>TELCHT06</i>
</li>
<li>
<span></span>
<p>中華電信市話</p>
<p>（三合一）</p>
<i>TELCHT07</i>
</li>
<li><span></span>傳遠電信一般型 <i>TELFET01</i></li>
<li><span></span>台灣大哥大一般型 <i>TELTCC01</i></li>
<li><span></span>亞太電信手機 <i>TELSON04</i></li>
</ul>
<ul class="gash-ul L-En">
<li class="gash-click"><span></span>GASH點數卡 <i>COPGAM02</i></li>
<li><span></span>GASH會員賬號 <i>COPGAM09</i></li>
<li><span></span>一般3D信用卡 <i>BNK82201</i></li>
<li>
<span></span>
<p>中華電信手機839</p>
<p>（三合一）</p>
<i>TELCHT05</i>
</li>
<li>
<span></span>
<p>中華電信Hinet</p>
<p>（三合一）</p>
<i>TELCHT06</i>
</li>
<li>
<span></span>
<p>中華電信市話</p>
<p>（三合一）</p>
<i>TELCHT07</i>
</li>
<li><span></span>傳遠電信一般型 <i>TELFET01</i></li>
<li><span></span>台灣大哥大一般型 <i>TELTCC01</i></li>
<li><span></span>亞太電信手機 <i>TELSON04</i></li>
</ul>
<ul class="gash-ul L-Ar">
<li class="gash-click"><span></span>GASH點數卡 <i>COPGAM02</i></li>
<li><span></span>GASH會員賬號 <i>COPGAM09</i></li>
<li><span></span>一般3D信用卡 <i>BNK82201</i></li>
<li>
<span></span>
<p>中華電信手機839</p>
<p>（三合一）</p>
<i>TELCHT05</i>
</li>
<li>
<span></span>
<p>中華電信Hinet</p>
<p>（三合一）</p>
<i>TELCHT06</i>
</li>
<li>
<span></span>
<p>中華電信市話</p>
<p>（三合一）</p>
<i>TELCHT07</i>
</li>
<li><span></span>傳遠電信一般型 <i>TELFET01</i></li>
<li><span></span>台灣大哥大一般型 <i>TELTCC01</i></li>
<li><span></span>亞太電信手機 <i>TELSON04</i></li>
</ul>
</div>
<div class="pay-money-content">
<h2 class="L-Cn"><span class="h2-span"></span>儲值金額</h2>
<h2 class="L-En"><span class="h2-span"></span>Top-up amount</h2>
<h2 class="L-Ar"><span class="h2-span"></span>مبلغ الشحن</h2>
<ul class="clearfix money-ul">
<!--<li class="money-click">-->
<!--<p><img src="../images/diamond.png" alt="">125</p>-->
<!--<p>$ 666</p>-->
<!--</li>-->
</ul>
<div class="pay-btn-box L-Cn">
<p>實付金額 <span>￥6</span></p>
<button class="pay-btn L-Cn">確認支付</button>
<div id=paypal-button-container style=margin-top:50px;></div>
</div>
<div class="pay-btn-box L-En">
<p>Actual pay <span>￥6</span></p>
<button class="pay-btn L-En">Confirm to pay</button>
<div id=paypal-button-container style=margin-top:50px;></div>
</div>
<div class="pay-btn-box L-Ar">
<p>دفع المبلغ الفعلي <span>￥6</span></p>
<button class="pay-btn L-En">متأكد</button>
<div id=paypal-button-container style=margin-top:50px;></div>
</div>
</div>
</div>
<div class="pay-layer-box">
<h2 class="L-Cn h2top"><span class="layer-pay-name">微信</span>支付 <img src="../images/close.png" alt=""></h2>
<div class="pay-layer-content L-Cn">
<p class="pay-layer-tips">請使用<span class="layer-pay-name">微信</span>掃描二維碼進行支付</p>
<p id="qrcode1" class="pay-layer-img"><img src="../images/apple2.png" alt=""></p>
<p class="pay-layer-money">支付金額：<span class="layer-money-span">--元</span></p>
<p class="pay-layer-ps">為確保安全，請盡快完成支付</p>
</div>
<h2 class="L-En h2top"><span class="layer-pay-name">Wechat</span>Pay <img src="../images/close.png" alt=""></h2>
<div class="pay-layer-content L-En">
<p class="pay-layer-tips">Please use<span class="layer-pay-name">Wechat</span>to scan the Qrcode to pay</p>
<p id="qrcode2" class="pay-layer-img"><img src="../images/apple2.png" alt=""></p>
<p class="pay-layer-money">Payment amount：<span class="layer-money-span">¥--</span></p>
<p class="pay-layer-ps">To ensure safety ,please complete payment as soon as possible</p>
</div>
<h2 class="L-Ar h2top"><span class="layer-pay-name">Wechat</span>Pay <img src="../images/close.png" alt=""></h2>
<div class="pay-layer-content L-Ar">
<p class="pay-layer-tips">Please use<span class="layer-pay-name">Wechat</span>to scan the Qrcode to pay</p>
<p id="qrcode3" class="pay-layer-img"><img src="../images/apple2.png" alt=""></p>
<p class="pay-layer-money">مبلغ الشحن<span class="layer-money-span">¥--</span></p>
<p class="pay-layer-ps">يرجى اكمال الدفع في أسرع وقت لضمان أمن الحساب</p>
</div>
</div>
<div id="gashp"></div>
<div class="payMasking">
<img src="images/close.png" class="closePayMask"/>
<div class="payMaskDesc">
<img src="images/maskdesc.png"/>
</div>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/lang.js?v=201909181041"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="js/qrcode.min.js"></script>
<script src="../lib/paypel.js"></script>
<script src="js/alipay.js?v=202007291807"></script>
<script type="text/javascript">
sessionStorage.pay = ''
</script>
</html>