<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <title>辣個女生</title>
    <script src="lib/fsize.js"></script>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/layer.css">
    <link rel="stylesheet" href="css/daily.css">
    <link rel="stylesheet" href="css/index.css?v=2024060301">
    <link rel="stylesheet" href="css/liMarquee.css">
    <style>
        .layui-layer-shade {
            opacity: 0.7 !important;
        }
        .yourclass5 {
            border-radius: 0rem !important;
            background: rgba(0, 0, 0, 0) !important;
        }
        .yourclass5 .layui-layer-content {
            border-radius: 0rem !important;
        }
    </style>
</head>
<script src="lib/lottie-player.js"></script>
<body style="background: #B1DCFF;">

<div class="bg">
    <div style="display: none;" class="layer-record">
        <ul class="layer-record-ul">
            <!-- <li>
                <img class="record-face" src="images/face.png" alt="">
                <div class="record-like"></div>
                <p class="record-p1">6-1</p>
                <p class="record-p2">主播昵称预留</p>
            </li> -->
    
        </ul>
    </div>
    <div class="top-girls"></div>
    <div style="display: none;" class="layer-rule1"></div>
    <div style="display: none;" class="layer-rule2"></div>
    <img class="ref" src="images/ref.png" alt="">
    <img class="rule-btn" src="images/rule-btn.png" alt="">
    <div class="bg-bottom"></div>
    <div class="bg2"></div>
    <div class="banner"></div>
    <div class="gift-box"></div>
    <div class="task-box">
        <div class="task-top-title">每日驚喜福利</div>
        <img class="question1" src="images/question.png" alt="">
        <div class="task-tips1">(儲值任意金額后福利翻一番!)</div>
        <div class="task-box1">
            <p><i class="en-t1">1.每日簽到(贈</i><span class="normal-text">超讚*5</span>/<span class="hot-text">too hot*5</span>)</p>
            <div class="task1-btn"></div>
        </div>
        <div class="task-box2">
            <p class="task-box2-p1">2.<i class="en-t2">觀看直播20分鐘</i>(<span>--</span>/20<i class="en-t3">分鐘</i>)</p>
            <p class="task-box2-p2">(<i class="en-t4">贈</i><span class="normal-text">超讚*5</span>/<span class="hot-text">too hot*5</span>)</p>
            <div class="task2-btn"></div>
        </div>
        <div class="task-box3">
            <p class="task-box3-p1">3.直播間輸入口令</p>
            <p class="task-box3-p2"></p>
            <p class="task-box3-p3">(<i class="en-t4">贈</i><span class="normal-text">超讚*5</span>/<span class="hot-text">too hot*5</span>)</p>
            <div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" class="task3-btn"></div>
            <span id="target" class="haxi" style="float: left;font-size: 0"></span>
        </div>
        <div class="task-box4">
            <p>4.<i class="en-t5">每日首次儲值</i>(<span style="color: #fffb00;">too hot*10</span>)</p>
            <div class="task4-btn"></div>
        </div>
        <div class="task-box5">
            <p class="task-box5-p1">5.累計每儲值300寶石</p>
            <p class="task-box5-p2">(<i class="en-t4">贈</i><span style="color: #fffb00;">too hot*5</span> <i class="en-t6">可循環獲取)</i></p>
            <div class="task5-btn"></div>
        </div>
    </div>
    <div class="top-box">
        <img class="king1-img1" src="images/king1.png" alt="">
        <img class="king1-img2" src="images/face.png" alt="">
        <div class="king1-like-btn like1"></div>
        <p class="king1-p1">昨日最辣女生</p>
        <p class="king1-p2">暫未產生</p>
        <img class="king2-img1" src="images/king2.png" alt="">
        <img class="king2-img2" src="images/face.png" alt="">
        <div class="king2-like-btn like1"></div>
        <p class="king2-p1">昨日氣質男神</p>
        <p class="king2-p2">暫未產生</p>
    </div>
    <div class="list-bg-box1">
        <img class="question2" src="images/question.png" alt="">
        <div class="list1-btn1">
            <div data-type="0"></div>
            <div data-type="1"></div>
        </div>
        <div class="list-top-box list-top-box1">
            <!-- <div class="list-top1">
                <div class="list-king"></div>
                <img class="list-king-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                <p class="list-top-p1">主播暱稱預留</p>
                <p class="list-top-p2">心動值</p>
                <p class="list-top-p3">513214</p>
            </div>
            <div class="list-top2">
                <div class="list-king"></div>
                <img class="list-king-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                <p class="list-top-p1">主播暱稱預留</p>
                <p class="list-top-p2">心動值</p>
                <p class="list-top-p3">513214</p>
            </div>
            <div class="list-top3">
                <div class="list-king"></div>
                <img class="list-king-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                <p class="list-top-p1">主播暱稱預留</p>
                <p class="list-top-p2">心動值</p>
                <p class="list-top-p3">513214</p>
            </div> -->
        </div>
        <div class="list-ul list-ul1">
            <!-- <li>
                <div class="list-box1">1</div>
                <div class="list-box2">
                    <img class="list-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
                    喊我一聲小志
                </div>
                <div class="list-box3">心動值:123545</div>
            </li>
            <li>
                <div class="list-box1">1</div>
                <div class="list-box2">
                    <img class="list-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
                    喊我一聲小志
                </div>
                <div class="list-box3">心動值:123545</div>
            </li> -->
        </div>
    </div>
    <div class="list-bg-box2">
        <div class="list2-btn1">
            <div data-type="0"></div>
            <div data-type="1"></div>
        </div>
        <div class="list-top-box list-top-box2">
            <!-- <div class="list-top1">
                <div class="list-king"></div>
                <img class="list-king-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                <p class="list-top-p1">主播暱稱預留</p>
                <p class="list-top-p2">心動值</p>
                <p class="list-top-p3">513214</p>
            </div>
            <div class="list-top2">
                <div class="list-king"></div>
                <img class="list-king-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                <p class="list-top-p1">主播暱稱預留</p>
                <p class="list-top-p2">心動值</p>
                <p class="list-top-p3">513214</p>
            </div>
            <div class="list-top3">
                <div class="list-king"></div>
                <img class="list-king-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
                <p class="list-top-p1">主播暱稱預留</p>
                <p class="list-top-p2">心動值</p>
                <p class="list-top-p3">513214</p>
            </div> -->
        </div>
        <div class="list-ul list-ul2">
            <!-- <li>
                <div class="list-box1">1</div>
                <div class="list-box2">
                    <img class="list-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
                    喊我一聲小志
                </div>
                <div class="list-box3">心動值:123545</div>
            </li>
            <li>
                <div class="list-box1">1</div>
                <div class="list-box2">
                    <img class="list-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
                    喊我一聲小志
                </div>
                <div class="list-box3">心動值:123545</div>
            </li> -->
        </div>
    </div>
    <div style="height: 2rem;"></div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='2024060301'"></script>
<script src="lib/clipboard.js"></script>
<script>
if(sessionStorage.lang!=2){
   $(".bg").addClass("bg-en")
   $(".rule-btn").attr("src","images/en/rule-btn.png")
   $(".task-tips1").text('(Bonus doubles with any deposit!)')
   $(".normal-text").text("nice !")
   $(".task-top-title").text("Daily Welfare")
   $(".en-t1").text("1.Daily Sign-in(for ")
   $(".en-t2").text("Watch the live for 20 minutes.")
   $(".en-t3").text("min")
   $(".en-t4").text("for ")
   $(".task-box3-p1").text("3.Enter code in live room.")
   $(".en-t5").text("First recharge of the day.")
   $(".task-box5-p1").text("5.Accumulate every recharge of 300 gems.")
   $(".en-t6").text("Can be completed repeatedly.)")
   $(".king1-p1").text("Yesterday's Hottest")
   $(".king2-p1").text("Yesterday's Man")
   $(".king1-p2").text('Not yet')
   $(".king2-p2").text('Not yet')

//    
}
if(sessionStorage.lang==2)var titleName="辣個女生"
else var titleName="hot&sexy girl"
var obj = {
    "cid": 34,  //修改网页title  居中显示。
    "data": {
        "type": 2,  //1 图片  2文本。 
        "imgTxt": titleName,
    }
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
$(function(){
    $(".rule-btn").on("click",function(){
        window.location.href="rule.html"+location.search
    })
    
    task()
    topMc()
    topList()
    $(".question1").on("click",function(){
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["8.13rem", "6.306rem"],
            content: $(".layer-rule1"),
            end: function () {
                $(".layui-layer-shade").hide()
            }
        })
    })
    $(".question2").on("click",function(){
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["8.13rem", "4.84rem"],
            content: $(".layer-rule2"),
            end: function () {
                $(".layui-layer-shade").hide()
            }
        })
    })
    $(".top-girls").on("click",function(){
        topList()
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["8.133rem", "7.293rem"],
            content: $(".layer-record"),
            end: function () {
                $(".layui-layer-shade").hide()
            }
        })
    })
    function topList(){
        $.ajax({
            url:$ip+'/actThatGirl/getRoomBestSexData.html',
            success:function(data){
                console.log('最辣榜',data)
                var html=[];
                for(var i=0;i<data.result.sexyList.length;i++){
                    var list=data.result.sexyList[i]
                    if(list.roomId==0){
                        html+='<li>';
                        html+='<img class="record-face" src="images/face.png" alt="">';
                        html+='<p class="record-p1">6-'+(i+1)+'</p>';
                        if(sessionStorage.lang==2)html+='<p class="record-p2">暫未產生</p>';
                        else html+='<p class="record-p2">Not yet</p>';
                        html+='</li>';
                        continue;
                    }
                    html+='<li>';
                    html+='<a href="yazhai://_' + list.roomId + '_zone"><img class="record-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_80" alt=""></a>';
                    if(list.isLisk==0)html+='<div data-type="'+list.roomId+'" class="record-like record-like-click"></div>';
                    else html+='<div class="record-like record-like-end"></div>';
                    html+='<p class="record-p1">6-'+(i+1)+'</p>';
                    html+='<p class="record-p2">'+list.nickName+'</p>';
                    html+='</li>';
                }
                $(".layer-record-ul").html(html)
                $(".record-like-click").unbind("click").on("click",function(){
                    var _self=$(this)         
                    $.ajax({
                        url:$ip+'/room/like',
                        data:{
                            roomId:_self.attr("data-type")
                        },
                        success:function(data){
                            if(data.code==1){
                                if(sessionStorage.lang==2)layer.msg("關注成功")
                                else layer.msg("success!")
                                _self.unbind("click").addClass("record-like-end")
                            }else{
                                layer.msg(data.msg)
                            }
                        }
                    })
                })
            }
        })
    }
    function task(){
        $.ajax({
            url:$ip+'/actThatGirl/getTaskData.html',
            success:function(data){
                console.log("每日任務情況",data)
                //是否首充用戶
                if(data.result.isPaid==1){
                    if(sessionStorage.lang==2)$(".task-tips1").text('(尊貴的高級用戶,以為你福利翻一番)')
                    else $(".task-tips1").text('(For VIPs, double rewards!)')
                    $(".hot-text").css("text-decoration","none")
                    $(".normal-text").css("text-decoration","line-through")
                }
                //每日簽到
                if(data.result.todayCheckInTask.status==0){
                    $(".task1-btn").unbind("click").on("click",function(){
                        getTack(1)
                    })
                }else{
                    $(".task1-btn").unbind("click").addClass("task1-btn-end")
                }
                //觀看直播20分鐘
                $(".task-box2-p1 span").text(Math.floor(data.result.todayWatchTask.watchTime/60))
                if(data.result.todayWatchTask.status==0){
                    $(".task2-btn").unbind("click").on("click",function(){
                        if(sessionStorage.lang==2) layer.msg("觀看直播20分鐘即可獲得獎勵")
                        else layer.msg("Watching the live broadcast for 20 minutes will earn you a reward.")
                    })
                }
                else if(data.result.todayWatchTask.status==1){
                    $(".task2-btn").unbind("click").on("click",function(){
                        getTack(2)
                    })
                }else if(data.result.todayWatchTask.status==2){
                    $(".task2-btn").unbind("click").addClass("task-btn-end")
                }
                //直播間輸入口令
                $(".task-box3-p2").text(data.result.todaySpeakTask.speakMsg)
                $("#target").text(data.result.todaySpeakTask.speakMsg)
                if(data.result.todaySpeakTask.status==0){
                    $(".task3-btn").unbind("click").on("click",function(){
                        var targetText=$("#target").text();
                        var clipboard = new Clipboard('#copy_btn');
                        clipboard.on('success', function(e) {
                            console.info('Action:', e.action);
                            console.info('Text:', e.text);
                            console.info('Trigger:', e.trigger);
                            e.clearSelection();
                        });
                        if(sessionStorage.lang==2) layer.msg("已複製,趕緊去直播間發言吧")
                        else layer.msg("Copied, hurry up and go to the live broadcast room to comment!")
                    })
                }
                else if(data.result.todaySpeakTask.status==1){
                    $(".task3-btn").unbind("click").addClass("task-btn-end")
                }
                //是否首充
                if(data.result.todayRechargeTask.status==0){
                    $(".task4-btn").unbind("click").on("click",function(){
                        //去充值
                        window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search
                    })
                }else{
                    $(".task4-btn").unbind("click").addClass("task-btn-end")
                }
                $(".task5-btn").unbind("click").on("click",function(){
                    window.location.href='https://www.footseen.com/footseen/phonepay/applepay.html'+location.search

                })
            }
        })

    }

 
rank(1,0)
rank(2,0)
$(".list1-btn1 div").on("click",function(){
    var _self=$(this)
    if(_self.attr("data-type")==0){
        $(".list1-btn1").removeClass("list1-btn2")
        rank(1,0)
    }else{
        $(".list1-btn1").addClass("list1-btn2")
        rank(1,1)
    }
})
$(".list2-btn1 div").on("click",function(){
    var _self=$(this)
    if(_self.attr("data-type")==0){
        $(".list2-btn1").removeClass("list2-btn2")
        rank(2,0)
    }else{
        $(".list2-btn1").addClass("list2-btn2")
        rank(2,1)
    }
})
    function rank(type,range){
        $.ajax({
            url:$ip+'/actThatGirl/getRankData.html',
            data:{
                rankType:type,
                dateRange:range
            },
            success:function(data){
                console.log("獲取榜單數據",data)
                if(sessionStorage.lang==2)type==1?scoreName='火辣指數' : scoreName='富豪值數'
                else  type==1?scoreName='Hot Index' : scoreName='Rich Index'
                
                if(data.result.rankList[0]==undefined){
                    if(sessionStorage.lang==2)$(".list-top-box"+type+"").html('<h2>暫無數據~</h2>')
                    else $(".list-top-box"+type+"").html('<h2>No list data yet~</h2>')
                    $(".list-ul"+type+"").html('')
                    return;
                }
                var html=[];
                for(var i=0;i<3;i++){
                    if(data.result.rankList[i]==undefined)break;
                    var list=data.result.rankList[i]
                    html+='<div class="list-top'+(i+1)+'">'
                    html+='<a href="yazhai://_' + list.uid + '_zone"><div class="list-king"></div></a>'
                    html+='<img class="list-king-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">'
                    html+='<p class="list-top-p1">'+list.name+'</p>'
                    html+='<p class="list-top-p2">'+scoreName+'</p>'
                    html+='<p class="list-top-p3">'+list.score+'</p>'
                    html+='</div>'
                }
                $(".list-top-box"+type+"").html(html);
                var html=[];
                for(var i=3;i<data.result.rankList.length;i++){
                    var list=data.result.rankList[i]
                    html+='<li>';
                    html+='<div class="list-box1">'+(i+1)+'</div>';
                    html+='<div class="list-box2">';
                    html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_110" alt=""></a>'+list.name+'';
                    html+='</div>';
                    html+='<div class="list-box3">'+scoreName+':'+list.score+'</div>';
                    html+='</li>';
                }
                $(".list-ul"+type+"").html(html)
            }
        })
    }
    function topMc(){
        $.ajax({
            url:$ip+'/actThatGirl/getViewLikeData.html',
            success:function(data){
                console.log('獲取昨日top',data)
                // https://big.bgp.ourpow.com/comm"+data.result.heartbeatData.roomFace+"?x-oss-process=image/resize,w_110
                if(data.result.roomSexData.uid==0){
                    $(".king1-like-btn,.king2-like-btn").hide()
                    return;
                }
                $(".king1-img2").attr("src","https://big.bgp.ourpow.com/comm"+data.result.roomSexData.face+"?x-oss-process=image/resize,w_110")
                $(".king1-p2").text(data.result.roomSexData.nickName)
                $(".king1-img1").unbind("click").on("click",function(){
                    window.location.href='yazhai://_' + data.result.roomSexData.uid + '_zone'
                })
                if(data.result.roomSexData.isLike==1){
                    $(".king1-like-btn").addClass("like2")
                }else{
                    $(".king1-like-btn").removeClass("like2").unbind("click").on("click",function(){
                        likeMc(data.result.roomSexData.uid)
                    })
                }
                $(".king2-img2").attr("src","https://big.bgp.ourpow.com/comm"+data.result.userRichData.face+"?x-oss-process=image/resize,w_110")
                $(".king2-p2").text(data.result.userRichData.nickName)
                $(".king2-img1").unbind("click").on("click",function(){
                    window.location.href='yazhai://_' + data.result.userRichData.uid + '_zone'
                })
                if(data.result.userRichData.isLike==1){
                    $(".king2-like-btn").addClass("like2")
                }else{
                    $(".king2-like-btn").removeClass("like2").unbind("click").on("click",function(){
                        likeMc(data.result.userRichData.uid)
                    })
                }
            }
        })
    }
    function likeMc(e){
        $.ajax({
            url:$ip+'/room/like',
            data:{
                roomId:e
            },
            success:function(data){
                if(data.code==1){
                    if(sessionStorage.lang==2)layer.msg("關注成功")
                    else layer.msg("success!")
                    topMc()
                }else{
                    layer.msg(data.msg)
                }
            }
        })
    }

    function getTack(e){
        $.ajax({
            url:$ip+"/actThatGirl/receiveDailyRewards.html",
            data:{
                taskId:e
            },
            success:function(data){
                console.log('領取每日任務',data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
                if(sessionStorage.lang==2)layer.msg("領取成功")
                else layer.msg("success!")
                task()
            }
        })
    }
})
</script>
</html>