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

<head>
   
    <meta charset="utf-8"/>
    <link rel="canonical" href="https://www.footseen.xyz">
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-3V6KZGW418"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-3V6KZGW418');
    </script>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">  
    <!-- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> -->
    <meta http-equiv="Cache-Control" content="no-cache" /> 
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="telephone=no" name="format-detection">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#fff">
    <meta name="application-name">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title">
    <meta name="wap-font-scale" content="no">
    <meta name="google" content="notranslate"/>
    <title>footseen-腳控足控天堂-超激情美女主播視訊-絲足影片</title>
    <meta name="keywords" content="footseen,foot live,激情美女視訊,激情美女影片,腳控足控,絲足,裸足,美腿,絲襪,黑絲,台灣UU聊天室,swag,視訊聊天室,live173,uplive,vklive,nonolive,foot rub,foot fetish">
    <meta name="description" content="footseen,腳控足控天堂,絲足美腿視訊影片,台灣足控第一高效約會軟體,免費影片立即觀看,在線美女激情互動,成人視訊線上體驗,徹底釋放你的慾望。">
    <script src="../lib/fsize.js"></script>
    <link rel="stylesheet" href="../css/base.css?v=2023050601">
    <link rel="stylesheet" href="../css/layer.css">
    <link rel="stylesheet" href="css/liveRoom.css?v=2023080801">
    <link rel="stylesheet" href="../css/login.css?v=2023051710">
    <link rel="manifest" href="../manifest.webmanifest?v=2023050601" />
    <link rel="stylesheet" href="css/liMarquee.css">
    <script src="../lib/hello.js" async defer></script>
    <script src="https://accounts.google.com/gsi/client" async defer></script>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

    <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;
        }

        .yourclass6{
            border-radius: 0rem !important;
            background: rgba(0, 0, 0, 0) !important;
            position: relative;
            left: 1.4rem !important;
        }
        .layui-layer-close{
            display: none !important;
        }
        .layui-layer{
            box-shadow:none !important;
        }
        .yourclass10{
            border-radius: 0.2rem !important;
        }
    </style>
</head>
<body style="background: rgb(153, 156, 166);overflow: hidden;font-size: 12px;">
    <div class="layer-list-tips1"><img src="images/close-icon.png" alt=""></div>
    <div class="layer-list-tips2"><img src="images/close-icon.png" alt=""></div>

    <div class="layer-ios">
        <div class="layer-ios-close"></div>
    </div>
    <button class="add-button">
        <div class="add-button-close"></div>
    </button>
    <div class="guard-show-box">
        <!-- <img class="guard-show-webp" src="" alt="">
        <img class="guard-show-face" src="https://zhibocdn.yabolive.net/comm/user/img/11136355/8e908aec05c04ea89542943b350958b8.jpg?oversea=1?mainland=1?x-oss-process=image/resize,w_45" alt="">
        <p class="guard-name">用户昵称预留</p>
        <img class="guard-tips" src="images/guard-tips.png" alt=""> -->
    </div>
    <div class="layer-space-box">
        <!-- <img class="layer-space-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_150" alt="">
        <div class="layer-userCard">
            <div class="layer-space">
                <p class="layer-space-p1">主播暱稱預留</p>
                <p class="layer-space-p2">Footseen ID:12345678</p>
                <div class="layer-space-icon">
                    <img class="space-vip" src="https://app.ixiulive.com/static/vip/9.png" alt="">
                    <span class="space-sex-box"><img src="images/sex1.png" alt="">20</span>
                    <img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
                    <img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
                    <img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm/medal/8e93b95d53c24b4ebacac55e6e974cee.gif?x-oss-process=image/resize,w_30">
                </div>
                <div class="layer-space-tag">
                    <span>天蝎座</span>
                    <span>天蝎座</span>
                    <span>天蝎座</span>
                </div>
                <div class="space-text">嗨,我剛加入Footseen,希望和你做朋友,希望能23232323</div>
                <ul class="space-num-ul">
                    <li class="space-num-li1">
                        <p>5</p>
                        <p>追蹤</p>
                    </li>
                    <li class="space-num-li2">
                        <p>103</p>
                        <p>粉絲</p>
                    </li>
                    <li class="space-num-li3">
                        <p><img src="images/diamond.png"> 0</p>
                        <p>送出</p>
                    </li>
                    <li class="space-num-li4">
                        <p><img src="images/fire.png">12345</p>
                        <p>收到</p>
                    </li>
                </ul>
                <div class="space-bottom-box">
                    <ul class="space-bottom-ul">
                        <li>追蹤</li>
                        <li>@他</li>
                        <li>主頁</li>
                    </ul>
                </div>
            </div>
        </div> -->
    </div>

    <div class="room-bg">
        <img class="room-reg-icon wiggle" src="https://zhibocdn.yabolive.net/comm/activity/6e9974026ce34ff382657becfdf2bf86.jpg" alt="">
        <div class="sound-tips"></div>
        <div class="secret-ing-content">
            <img class="room-close" src="images/close.png" alt="">
            <div class="secret-ing-tips">
                <img class="secret-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_150" alt="">
                <div class="secret-ing-p1">TICKET ROOM</div>
                <div class="secret-ing-p2">表演中</div>
                <div class="secret-ing-p3">剩余时间 <span>15:26</span></div>
                <div class="secret-ing-p4">付费可以看我胸口碎大石哦!</div>
                <div class="secret-ing-p5">
                    <img src="images/card.png" alt="">
                    <span><img src="images/diamond.png" alt="">200</span>
                </div>
            </div>
      
        </div>
        <div class="secret-bottom-box">
            <div class="secret-bottom">購票看秀</div>
            <p class="secret-bottom-tips">背包剩餘<img src="images/card.png">5</p>
        </div>
        <img class="play-icon" src="../images/play-icon.png" alt="">
        <div class="touch-box"></div>
        <div  class="layer-shadow"></div>
        <div style="display: none;" class="mc-out-box">
            <img class="room-close" src="images/close.png" alt="">
            <div class="room-out-shadow"></div>
            <div class="mc-out-mcBox">
                <!-- <img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
                <p class="room-mc-name">主播昵称预留</p>
                <div class="room-rich-num"><img src="images/fire.png" alt="">123456</div>
                <img class="like-icon" src="images/like-icon.png" alt=""> -->
            </div>
            <div class="mc-out-tips">
                <img src="images/mc-out-icon.png" alt="">
                <p class="roomLang1">當前主播休息中</p>
            </div>
            <img class="room-out-mc-shadow" src="" alt="">
            <div class="more-mc-recommend">
                <p class="roomLang2">觀看其他精彩直播</p>
                <ul class="more-mc-recommend-ul">
                    <!-- <li>
                        <span class="more-mc-num">3549</span>
                        <img class="more-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
                        <p class="more-mc-p1">主播暱稱預留</p>
                        <p class="more-mc-p2">你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀你好呀</p>
                        <div class="more-shadow"></div>
                    </li> -->
                </ul>
            </div>
        </div>
        <div style="display: none;" class="room-secret">
            <img class="room-close" src="images/close.png" alt="">
            <div class="room-secret-mc">
                <!-- <img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_100" alt="">
                <p>主播昵称预留</p> -->
            </div>
            <div class="room-secret-shadow"></div>
            <div class="room-secret-bg">
                <img src="" alt="">
            </div>
            <div class="secret-diamond-box"><img src="images/diamond.png" alt="">200</div>
            <div class="secret-btn">付費進入直播間</div>
            <p class="secret-tips">主播10分鐘內下播,寶石退回</p>
        </div>

        <div class="room-content">
            <div class="room-content-loading">
                <img class="loading-icon" src="images/loading/loading (1).png" alt="">
            </div>
            <img class="loading-face" src="" alt="">
            <div class="room-top">
                <div class="room-mc-box">
                    <!-- <img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
                    <p class="room-mc-name">主播昵称预留</p>
                    <div class="room-rich-num"><img src="images/fire.png" alt="">123456</div>
                    <img class="like-icon" src="images/like-icon.png" alt=""> -->
                </div>
                <div class="room-user-list">
                    <div class="room-user-ul-box">
                        <ul class="room-user-ul">
                            <!-- <li><img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_78" alt=""></li> -->
                        </ul>
                    </div>
                    <img class="room-close" src="images/close.png" alt="">
                </div>
                <div class="rich-tips-box">
                    <div class="room-hot-box"><img src="images/fire.png" alt=""><span>--</span></div>
                    <div class="hot-list-box"><img src="images/hot-icon.png?v=2023060501" alt=""><i></i> <span>></span></div>
                    <div class="interac-list-box"><img src="images/interac.png?v=2023060501" alt=""><i></i> <span>></span></div>
                    <!-- <div class="guard-btn">守護TA</div> -->
                </div>
                <!-- <div style="display: none;" class="ticketRoom-tips-box"><img src="images/suo.png"> <span>Count</span></div> -->
            </div>
            <div class="room-gift-box">
                <!-- <div class="gift-bar-box">
                    <div class="gift-bar-floor1"><div></div></div><div class="gift-bar-floor2"></div><div class="gift-bar-floor3"></div>
                    <img class="gift-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_60" alt="">
                    <p class="gift-bar-p1">用戶暱稱預留</p>
                    <p class="gift-bar-p2">送 賽博名片</p>
                    <div class="gift-bar-icon-box"><img class="gift-bar-icon" src="https://zhibocdn.yabolive.net/comm/motroing/e01599cbf6964f51b62555540e0d202f.png?x-oss-process=image/resize,w_45" alt=""></div>
                    <div class="gift-bar-num">x9999</div>
                </div> -->
            </div>
            <div class="room-big-giftBox">
                <!-- <div class="room-big-content">
                    <img src="https://zhibocdn.yabolive.net/comm/gift/894443be168e4e0780e18e03f93c8f7e.webp" alt="">
                    <div class="room-big-text-content">
                        <div><img src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_60">用戶暱稱預留 送 旋轉木馬 x1</div>
                    </div>
                </div> -->
       
            </div>
            <div class="video-box">
                <!-- <video muted  autoplay src="http://pull.bsy.ourpow.com/vod/11128395/playlist.m3u8?sign=3690163a49cadadf680746273df3623b&t=6420fe47"> -->
    
            </div>
            <div class="new-msg">新消息 ∨</div>
            <div class="user-msg-box">
                    <div class="user-msg-big">
                        <div class="system-msg one-msg">限制火辣級辣妹、曖昧輔導級正妹、清純普遍級妹妹,你想看的類型應有盡有。撫慰你的心靈,滿足你的慾望,各式互動讓你興奮,追求快感,刺激無限。</div>
                    </div>
                    <!-- <div class="user-msg">
                        <div class="user-msg-content"><span class="user-msg-name">用戶暱稱預留</span><span class="user-msg-level"><span>68</span></span> : 我說了一句話</div>
                    </div> -->
            </div>
            <div class="ticket-box">
                <div class="ticket-box1">
                    <div class="ticket-box1-content1">
                        <div class="circleChart2"></div>
                        <p class="circleChart2-p"><span>0</span>/5</p>
                    </div>
                    <div style="display:none" class="ticket-box1-content2">
                        <div class="ticket-ing">表演中</div>
                    </div>
                </div>
                <div class="ticket-box2">
                    <p class="ticket-box2-p1">Ticket Room <span>04:49</span> 后開始</p>
                    <p class="ticket-box2-p2">付費可以看我胸口碎大石哦!</p>
                </div>
                <div class="ticket-box3">
                    <p class="ticket-box3-p1"><i class="ticketLang22">表演時長</i>: <span>20</span><i class="ticketLang23">分鐘</i></p>
                    <div class="ticket-box3-btn">ticket 1</div>
                </div>
            </div>
            <div class="room-bottom">
                    <img class="gift-btn" src="images/gift-btn2.png" alt="">
                    <img data-type="0" class="sound-btn" src="images/sound-no.png?v=2022111801" alt="">
                    <img class="more-btn" src="images/more-btn.png" alt="">
                    <div class="more-btn-dian"></div>
                    <img class="msg-btn" src="images/msg-btn.png" alt="">
            </div>
          
        </div>
        <div class="ticker-buy-box">
            <div class="ticker-buy-time"><i class="ticketLang22">表演時長</i>: <span>20</span><i class="ticketLang23">分鐘</i></div>
            <div class="ticker-my-card"><i class="roomLang17">背包</i>:<img src="images/card.png" alt=""><span>2</span></div>
            <div class="ticker-buy-content1">
                <div class="circleChart1" ></div>
                <div class="circleChart1-p"><span>-</span>/5</div>
                <p class="ticker-buy-content1-p1">Ticket Room <span>04:49</span>后開始</p>
                <p class="ticker-buy-content1-p2">付費可以看我胸口碎大石哦!</p>
            </div>
            <div class="ticker-buy-content2">
                <ul class="ticker-buy-ul">
                    <li class="ticker-buy-click">
                        <div class="ticker-buy-li1">
                            <img class="ticker-buy-card" src="images/card.png" alt=""> <p>x2</p>
                        </div>
                        <div class="ticker-buy-li2">
                            <img src="images/diamond.png" alt=""> <p>200</p>
                        </div>
                    </li>
                    <li>
                        <div class="ticker-buy-tips">立即開始</div> 
                        <div class="ticker-buy-li1">
                            <img class="ticker-buy-card" src="images/card.png" alt=""> <p>x2</p>
                        </div>
                        <div class="ticker-buy-li2">
                            <img src="images/diamond.png" alt=""> <p>600</p>
                        </div>
                    </li>
                </ul>
                <div class="ticker-buy-btn"><i class="roomJsTxt35">購票看秀</i></div>
            </div>
        </div>
        <div class="hot-list-layer">
                <div class="hot-list-layer-top">
                    <div class="hot-list-top-text1">人氣榜</div>
                    <img class="question-icon" src="images/question-icon.png" alt="">
                    <!-- <div class="hot-list-top-text2">排名: <span>--</span></div> -->
                    <span class="hot-close">X</span>
                </div>
                <ul class="hot-list-ul">
                    <!-- <li>
                        <div class="hot-list-li-box1">1</div>
                        <div class="hot-list-li-box2">
                            <img class="hot-li-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
                            <div class="hot-li-p1">主播暱稱預留</div>
                            <div class="hot-li-p2"><img src="images/hot-icon.png?v=2023060501">203210</div>
                        </div>
                    </li> -->
                </ul>
                <div class="bottom-mc-hot-box">
                    <!-- <div class="bottom-mc-hot-nav1">19</div>
                    <div class="bottom-mc-hot-nav2">
                        <img class="bottom-mc-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_100" alt="">
                        <p class="bottom-mc-p1">主播暱稱預留</p>
                        <p class="bottom-mc-p2"><img src="images/hot-icon.png?v=2023060501" alt="">123456</p>
                    </div> -->
                </div>
        </div>
        <div class="rich-list-layer">
                <div class="rich-list-top">
                    <div class="rich-list-top-text1">
                        <i style="font-style: normal;">收穫羽毛</i> : <span><img src="images/fire.png">--</span>
                    </div>
                    <div class="rich-list-top-text2">
                        <i>排名</i> : <span>--</span>
                    </div>
                    <span class="rich-close">X</span>
                </div>
                <div class="rich-time-box">
                    <ul class="rich-time-ul">
                        <li data-type="1" class="rich-time-click roomLang10">日榜</li>
                        <li data-type="2" class="roomLang11">周榜</li>
                        <li data-type="3" class="roomLang12">月榜</li>
                    </ul>
                </div>
                <ul class="rich-list-ul">
                    <!-- <li>
                        <div class="rich-list-li1"><img src="images/m1.png" alt=""></div>
                        <div class="rich-list-li2">
                            <img class="rich-li-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
                            <div class="rich-li-p1">主播暱稱預留</div>
                            <div class="rich-li-p2"><img src="images/hot-icon.png?v=2023060501">203210</div>
                        </div>
                    </li> -->
                </ul>
        </div>
        <div class="guard-layer">
                <div class="guard-layer-top">
                    <!-- <img class="guard-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/4106446166423916818508c02555a3a647828c50948d55f57692.jpg?x-oss-process=image/resize,w_80" alt="">
                    <p class="guard-top-p1"><img src="images/diamond.png"><span>2300</span>寶石/月</p>
                    <p class="guard-top-p2">守護期剩餘: 23天</p> -->
                </div>
                <div class="guard-layer-content">
                    <div class="guard-layer-btn"></div>
                </div>
        </div>
        <div class="gift-layer">
                <div class="gift-layer-top">
                    <ul class="gift-layer-ul">
                        <li data-type="1" class="gift-layer-click roomLang16">禮物</li>
                        <!-- <li data-type="2">奢華</li> -->
                        <li class="roomLang17" data-type="3">背包</li>
                        <li class="roomLang18" data-type="4">爆獎</li>
                    </ul>
                    <div class="gift-layer-diamond-box"><img class="gift-diamond" src="images/diamond.png" alt=""><img class="gift-add" src="images/add.png" alt=""> <span>-</span></div>
                </div>
                <div class="gift-layer-content">
                    <div class="level-box">
                        <img class="level-icon" src="https://app.ixiulive.com/static/vip/29.png" alt="">
                        <div class="level-bar">
                            <div class="level-bar-content">
                                <div class="level-my-bar"></div>
                            </div>
                        </div>
                    </div>
                    <ul class="gift-ul">
                        <!-- <li>
                            <img src="https://zhibocdn.yabolive.net/comm/gift/fc3464810a5d4924b4c5edaf0f486ac2.png?x-oss-process=image/resize,w_52" alt="">
                            <p class="gift-p1">這是禮物名字</p>
                            <p class="gift-p2"><img src="images/diamond.png" alt="">22</p>
                        </li> -->
                    </ul>
                </div>
        </div>
        <div class="more-layer">
            <div class="more-layer-btn1"><i>任務</i> <div class="more-btn-dian"></div></div>
            <div class="more-layer-btn2">寶石兌換露水</div>
            <div class="more-layer-btn3">露水兌換寶石</div>
        </div>
        <div class="task-layer">
            <div class="task-layer-top">每日任務</div>
            <ul class="task-layer-ul">
                <!-- <li>
                    <p class="task-p1">每日登陸<span>+ <img src="images/dew.png" alt="">1</span></p>
                    <p class="task-p2">每日登陸可領取私信露水瓶</p>
                    <div class="task-get-btn">領取</div>
                </li> -->
            </ul>
        </div>
        <div class="exc-layer">
            <div class="exc-diamond-top">兌換露水</div>
            <span class="exc-btn">確認</span>
            <ul class="exc-ul clearfix">
                <!-- <li class="exc-li-click">
                    <p class="exc-li-p1">全部兌換</p>
                    <p class="exc-li-p2">兌換25844露水</p>
                </li> -->
            </ul>
            <div class="exc-tips">1<img src="images/diamond.png">⇋100<img class="dew-icon" src="images/dew.png"></div>
        </div>
        <div class="exc-diamond-layer">
            <div class="exc-diamond-top">兌換寶石</div>
            <span class="exc-btn">確認</span>
            <ul class="exc-ul clearfix">
                <!-- <li class="exc-li-click">
                    <p class="exc-li-p1">全部兌換</p>
                    <p class="exc-li-p2">兌換25844露水</p>
                </li> -->
            </ul>
            <div class="exc-tips">1<img src="images/diamond.png">⇋100<img class="dew-icon" src="images/dew.png"></div>
        </div>
        <div class="keyboard-box">
            <input style="display: none;" type="text">
            <input enterkeyhint="send" autocomplete="off"  class="keyboard-input" placeholder="和所有人聊天" type="text">
            <div class="keyboard-btn">發送</div>
        </div>
        <div class="login-box">
            <div  class="login-show">
                <span class="login-close">×</span>
                <div class="login-p1">登入/註冊</div>
                <!-- <div class="login-phone-btn"><img src="images/phone-icon2.png">Phone</div> -->
                <div  class="login-google-btn"><img src="../images/google1.png">Google<div id="buttonDiv-big"></div></div>
                <div class="login-twitter-btn twitter_btn" ></div>
                <div class="login-line"></div>
                <div class="login-line-text">其他方式登入</div>
                <ul class="login-more-btn">
                    <li class="line_btn"><img src="../images/d2.png" alt=""></li>
                    <li class="facebook_btn"><img src="../images/d3.png?v=2023111001" alt=""></li>
                    <li class="login-phone-btn"><img src="../images/d5.png" alt=""></li>
                </ul>
            </div>
            <div style="display: none;" class="login1">
                <span class="login-close">×</span>
                <div class="login-p1">登入/註冊</div>
                <div class="login-area">
                    <span>國家/地區</span>
                    <span><span class="area-span">中國</span>></span>
                </div>
                <div class="login-phone">
                    <img src="../images/phone-icon.png" alt="">
                    <input class="login-phone-input" placeholder="請輸入手機號" type="text">
                  
                </div>
                <div class="login-btn">登入</div>
                <p class="login-tips">未註冊的手機將為你免費創建賬號</p>
                <div class="login-line"></div>
                <div class="login-line-text">其他方式登入</div>
                <ul class="login-more-btn">
                    <li><img src="../images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv1"></div></li>
                    <li class="line_btn"><img src="../images/d2.png" alt=""></li>
                    <li class="facebook_btn"><img src="../images/d3.png?v=2023111001" alt=""></li>
                    <li class="twitter_btn"><img src="../images/d4.png" alt=""></li>
                </ul>
            </div>
            <div style="display: none;" class="login2">
                <span class="login-close">×</span>
                <div class="login-p1">登入/註冊</div>
                <div class="login-area">
                    <span>國家/地區</span>
                    <span><span class="area-span">中國</span>></span>
                </div>
                <div class="login-phone">
                    <img src="../images/phone-icon.png" alt="">
                    <input class="login-phone-input" placeholder="請輸入手機號" type="text">
                </div>
                <div class="login-password">
                    <img src="../images/suo-icon.png" alt="">
                    <input class="login-password-input" placeholder="请输入密码" type="password">
                </div>
                <div class="login-btn">登入</div>
                <p class="login-tips">未註冊的手機將為你免費創建賬號</p>
                <!-- <div class="login-line"></div>
                <div class="login-line-text">其他方式登入</div> -->
                <ul class="login-more-btn">
                    <li><img src="../images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv2"></div></li>
                    <li class="line_btn"><img src="../images/d2.png" alt=""></li>
                    <li class="facebook_btn"><img src="../images/d3.png?v=2023111001" alt=""></li>
                    <li class="twitter_btn"><img src="../images/d4.png" alt=""></li>
                </ul>
            </div>
            <div style="display: none;" class="register">
                <span class="login-close">×</span>
                <div class="login-p1">註冊</div>
                <div class="register-area">
                    <span class="register-area-p1">國家/地區</span>
                    <span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span>
                </div>
                <div class="register-phone">
                    <img class="register-phone-icon" src="../images/phone-icon.png" alt="">
                    <span class="register-phone-number">+86</span>
                    <input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text">
                    <span class="register-code-get">驗證碼</span>
                </div>
                <div class="register-code-box">
                    <img class="code-icon" src="../images/code-icon.png" alt="">
                    <input class="register-code-input" placeholder="請輸入驗證碼" type="text">
                </div>
                <div class="register-password-box">
                    <img class="suo-icon" src="../images/suo-icon.png" alt="">
                    <input class="password-input" placeholder="請設置6-16位新密碼" type="text">
                </div>
                <div class="register-change-btn">創建免費賬戶</div>
                <p class="register-tips">通過註冊,即代表您同意使用條款</p>
                <div class="login-line"></div>
                <div class="login-line-text">其他方式登入</div>
                <ul class="login-more-btn">
                    <li><img src="../images/d1.png" alt=""><div class="buttonDiv1" id="buttonDiv3"></div></li>
                    <li class="line_btn"><img src="../images/d2.png" alt=""></li>
                    <li class="facebook_btn"><img src="../images/d3.png?v=2023111001" alt=""></li>
                    <li class="twitter_btn"><img src="../images/d4.png" alt=""></li>
                </ul>
            </div>
            <div style="display: none;" class="reset">
                <span class="login-close">×</span>
                <div class="login-p1">重置密码</div>
                <div class="register-area">
                    <span class="register-area-p1">國家/地區</span>
                    <span class="register-area-p2"><span class="area-span">中國</span> <span>></span></span>
                </div>
                <div class="register-phone">
                    <img class="register-phone-icon" src="../images/phone-icon.png" alt="">
                    <span class="register-phone-number">+86</span>
                    <input class="register-phone-input" placeholder="請輸入您的手機號碼" type="text">
                    <span class="register-code-get">驗證碼</span>
                </div>
                <div class="register-code-box">
                    <img class="code-icon" src="../images/code-icon.png" alt="">
                    <input class="register-code-input" placeholder="請輸入驗證碼" type="text">
                </div>
                <div class="register-password-box">
                    <img class="suo-icon" src="../images/suo-icon.png" alt="">
                    <input class="password-input" placeholder="請設置6-16位新密碼" type="text">
                </div>
                <div class="register-password-box">
                    <img class="suo-icon" src="../images/suo-icon.png" alt="">
                    <input class="password-input" placeholder="請再次輸入新密碼" type="text">
                </div>
                <div class="reset-btn">確定</div>
            </div>
        </div>
        <div class="area-phone-box">
            <div class="area-phone-top">
                <div class="area-phone-title">選擇國家</div>
                <span class="area-close">x</span>
                <div class="area-search">
                    <img class="search-icon" src="../images/search.png" alt="">
                    <input placeholder="搜尋" class="area-search-input" type="text">
                </div>
            </div>
            <div style="height: 2.5rem;"></div>
            <ul class="area-ul">
                <!-- <li>
                    <div class="area-li-box1">Hong Kong(香港)</div>
                    <div class="area-li-box2">+852</div>
                </li> -->
            </ul>
            <div class="search-no-li">暫無該國家地區</div>
        </div>
 



    </div>
    <div class="active-room-shadow"></div>
    <div class="active-room-box">
        <!-- <iframe src="https://activity.yazhaiyabo.com/activeFt/firstCharge/firstChargeFootseen/room.html" frameborder="0"></iframe> -->
    </div>
    <div class="ticker-send-box">
        <div class="ticker-send-title">TICKET ROOM</div>
        <div class="ticker-send-content">
            <p class="ticker-send-p1">僅剩</p>
            <p class="ticker-send-p2">19.26秒</p>
            <p class="ticker-send-p3">開始表演</p>
            <!-- <p class="ticker-send-p4">已有 <img src="images/card.png"> 1</p> -->
            <p class="ticker-send-p4">送出ticket <img style="height: 0.4rem;margin-top: -0.1rem;" src="images/diamond.png"> 200  </p>
            <div class="ticker-send-btn">購票看秀</div>
        </div>
    </div>
    <div class="ticker-tips-box">
        <div class="ticker-tips-title">系統提示</div>
        <div class="ticker-tips-content">
            <p><i class="ticketLang1">當前TICKET ROOM表演剩餘</i> <span class="ticker-tips-span">01:35</span> <i class="ticketLang2">結束,是否確定送出TICKET加入</i></p>
        </div>
        <div class="ticker-tips-no">取消</div>
        <div class="ticker-tips-yes">確定</div>
    </div>
    <div class="ticker-tips2">
        <p class="ticker-tips2-p1"><i class="ticketLang3">集滿</i><img src="images/card.png">5</p>
        <p class="ticker-tips2-p2">達成提前開始條件</p>
        <div class="ticket-tips2-content">
            <img src="images/light.png" alt="">
            <div class="ticker-tips2-num">5</div>
        </div>
        <div class="ticker-tips2-text">Ticket room 表演馬上開始</div>
    </div>
    <div class="ticker-tips3">
        <p class="ticker-tips2-p2">倒計時結束</p>
        <div class="ticket-tips2-content">
            <img src="images/light.png" alt="">
            <div class="ticker-tips2-num">5</div>
        </div>
        <div class="ticker-tips2-text">Ticket room 表演馬上開始</div>
    </div>
    <div class="ticker-tips4">
        <p class="ticker-tips2-p2">表演即將結束</p>
        <div class="ticket-tips2-content">
            <img src="images/light.png" alt="">
            <div class="ticker-tips2-num">5</div>
        </div>
        <div class="ticker-tips2-text">Ticket room 表演即將結束</div>
    </div>
    <div class="reg-tip-layer">
        <p class="room-txt29">寶石不足,是否前往儲值?</p>
        <div class="reg-tips-no room-txt30">取消</div>
        <div class="reg-tips-yes room-txt31">確定</div>
    </div>
    <div style="display: none;" class="layer-gift-box">
        <div class="layer-gift-box1"><img src="images/boy.png" alt=""></div>
        <div class="layer-gift-box2">撩一撩主播</div>
        <div class="layer-gift-box3">本次消費需要支付1寶石,確定支付?</div>
        <div class="layer-gift-btn1">取消</div>
        <div class="layer-gift-btn2">確定</div>
    </div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/spark-md5.min.js"></script>
<script src="../lib/default.js?v=2023051701"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/login.js?v=2023111001"></script>
<script src="../lib/flv.js"></script>
<script src="../index.js?v=2023050601" defer=""></script>
<script src="lib/circleChart.min.js"></script>
<script src="lib/phoneRoomLang.js?v=2023061901"></script>
<script src="lib/liMarquee.js"></script>
<script>
$(function(){
    var dHeight=$(document).height()
    $(".touch-box").css("height",dHeight/2+"px")
    $(".touch-box").css("margin-top",-dHeight/5+"px")
    var topRoomId=0
    var BottomRoomId=0
    var turnNumberOk=true;
    // localStorage.canvasCode="phone"
    // console.log(localStorage.canvasCode)
    var giftMd5=null;
    var loadT=null;
    var newGiftOk=true;
    var startTimer1=null
    var startTimer2=null
    var startTimer3=null
    var turnClock=null 
    //發言條數
    var sendNum=0
    $(".room-bg").css("height",dHeight+'px')
    $(".video-box").css("height",dHeight+'px')
    $(".room-content-loading").css("height",dHeight+'px')
    
    //多語言
    if(sessionStorage.lang!=2){
        $("body").addClass("body-lang"+sessionStorage.lang+"")
        $(".roomLang1").text(langRoom[sessionStorage.lang].room1)
        $(".roomLang2").text(langRoom[sessionStorage.lang].room2)
        $(".secret-btn").text(langRoom[sessionStorage.lang].room3)
        $(".secret-tips").text(langRoom[sessionStorage.lang].room4)
        $(".guard-btn").text(langRoom[sessionStorage.lang].room5)
        $(".new-msg").text(langRoom[sessionStorage.lang].room6)
        $(".hot-list-top-text1").text(langRoom[sessionStorage.lang].room7)
        $(".rich-list-top-text1").text(langRoom[sessionStorage.lang].room8)
        $(".rich-list-top-text2 i").text(langRoom[sessionStorage.lang].room9)
        $(".roomLang10").text(langRoom[sessionStorage.lang].room10)
        $(".roomLang11").text(langRoom[sessionStorage.lang].room11)
        $(".roomLang12").text(langRoom[sessionStorage.lang].room12)
        $(".roomLang16").text(langRoom[sessionStorage.lang].room16)
        $(".roomLang17").text(langRoom[sessionStorage.lang].room17)
        $(".roomLang18").text(langRoom[sessionStorage.lang].room18)
        $(".more-layer-btn1 i").text(langRoom[sessionStorage.lang].room19)
        $(".more-layer-btn2").text(langRoom[sessionStorage.lang].room20)
        $(".more-layer-btn3").text(langRoom[sessionStorage.lang].room21)
        $(".task-layer-top").text(langRoom[sessionStorage.lang].room22)
        $(".exc-layer .exc-diamond-top").text(langRoom[sessionStorage.lang].room23)
        $(".exc-diamond-layer .exc-diamond-top").text(langRoom[sessionStorage.lang].room27)
        $(".exc-btn").text(langRoom[sessionStorage.lang].room24)
        $(".keyboard-input").attr('placeholder',langRoom[sessionStorage.lang].room25)
        $(".keyboard-btn").text(langRoom[sessionStorage.lang].room26)
        $(".one-msg").text(langRoom[sessionStorage.lang].roomJsTxt41)
        $(".ticketLang1").text(langRoom[sessionStorage.lang].ticketLang1)
        $(".ticketLang2").text(langRoom[sessionStorage.lang].ticketLang2)
        $(".ticker-tips-box .ticker-tips-no").text(langRoom[sessionStorage.lang].ticketLang18)
        $(".ticker-tips-box .ticker-tips-yes").text(langRoom[sessionStorage.lang].ticketLang19)
        $(".ticker-tips-title").text(langRoom[sessionStorage.lang].ticketLang20)
        $(".ticketLang3").text(langRoom[sessionStorage.lang].ticketLang3)
        $(".ticker-tips2 .ticker-tips2-p2").text(langRoom[sessionStorage.lang].ticketLang4)
        $(".ticker-tips2-text").text(langRoom[sessionStorage.lang].ticketLang5)
        $(".ticker-tips3 .ticker-tips2-p2").text(langRoom[sessionStorage.lang].ticketLang6)
        $(".ticker-tips4 .ticker-tips2-p2").text(langRoom[sessionStorage.lang].ticketLang7)
        $(".ticker-send-p1").text(langRoom[sessionStorage.lang].ticketLang8)
        $(".ticker-send-p3").text(langRoom[sessionStorage.lang].ticketLang9)
        $(".ticketLang22").text(langRoom[sessionStorage.lang].ticketLang22)
        $(".ticketLang23").text(langRoom[sessionStorage.lang].ticketLang23)
        $(".ticker-send-btn").text(langRoom[sessionStorage.lang].ticketLang27)
        $(".roomJsTxt35").text(langRoom[sessionStorage.lang].ticketLang27)
        $(".ticket-ing").text(langRoom[sessionStorage.lang].ticketLang15)
        $(".room-txt29").text(langRoom[sessionStorage.lang].room29)
        $(".room-txt30").text(langRoom[sessionStorage.lang].room30)
        $(".room-txt31").text(langRoom[sessionStorage.lang].room31)
        $(".secret-ing-p2").text(langRoom[sessionStorage.lang].ticketLang26)
        $(".secret-bottom").text(langRoom[sessionStorage.lang].ticketLang27)
        $(".layer-gift-box2").text(langRoom[sessionStorage.lang].room32)
        $(".layer-gift-box3").text(langRoom[sessionStorage.lang].room33)
        $(".layer-gift-btn1").text(langRoom[sessionStorage.lang].room30)
        $(".layer-gift-btn2").text(langRoom[sessionStorage.lang].room31)
    }
    // hotList()
    liveList(1)
    startLive()
    //进入直播间
    if(localStorage.uid!=undefined){
        newReg()
    }
    function startLive(e){
        $.ajax({
            url:$ip+'room/enterRoom',
            data:{
                uid: localStorage.uid,
                token: localStorage.token,
                roomId: sessionStorage.roomId,
                pageID: localStorage.canvasCode,
                // pass: true,
            },
            success:function(data){
                // console.log('进入直播间', data)
                var html=[]
                $(".room-bg,.video-box").fadeIn(0)
                $("title").text(data.roomBaseInfo.nickname+'的直播間-footseen直播')
                if(data.code==-20060){
                    alert(langRoom[sessionStorage.lang].roomJsTxt1)
                    window.location.href="../index.html"
                    return;
                }
                roomCId=data.ticketRoomInfo.channelId
                roomRId=data.ticketRoomInfo.roundId
                try{

                }catch(e){

                }
                if(data.room.liveState!=1&&data.room.liveScope!=3){
                    $(".room-content").hide()
                    $(".mc-out-box").show()
                    var html=''
                    html+='<img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm'+data.room.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt="">';
                    html+='<p class="room-mc-name">'+data.room.nickName+'</p>';
                    html+='<div class="room-rich-num"><img src="images/man.png" alt="">'+data.room.lookSum+'</div>';
                    if(data.room.isLike==0)html+='<img class="like-icon" data-type="'+data.room.uid+'" src="images/like-icon.png" alt="">';
                    $(".mc-out-mcBox").html(html);
                    $(".room-out-mc-shadow").attr("src","https://zhibocdn.yabolive.net/comm"+data.room.face.split('?')[0]+"?x-oss-process=image/resize,w_300")
                    $(".like-icon").unbind("click").on("click",function(){
                    if(localStorage.uid==undefined){
                        $(".layer-shadow").show()
                        loginPage()
                        return;
                    }
                    var _self=$(this)
                    $.ajax({
                            url:$ip+'room/likeOpt',
                            data:{
                                roomId:_self.attr("data-type"),
                                optType:1,
                                pass: true,
                                uid:localStorage.uid,
                                token:localStorage.token,
                                pageID: localStorage.canvasCode,
                            },
                            success:function(data){
                                //// console.log('關注',data)
                                if(data.code==1){
                                    _self.hide()
                                    layer.msg('關注成功')
                                }else{
                                    layer.msg(data.msg)
                                }
                            }
                        })
                    })
                    moreMc()
                    return;
                }
                $(".room-content-loading").show()
                $(".room-bottom").show()
                $(".user-msg-box").css("opacity","1")
                $(".secret-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.room.face.split('?')[0]+"?x-oss-process=image/resize,w_150")
                $(".loading-face").show().attr("src","https://zhibocdn.yabolive.net/comm"+data.room.face.split('?')[0]+"?x-oss-process=image/resize,w_350")
                var loadNum=1   
                clearInterval(loadT)
                loadT=setInterval(function(){
                    $(".loading-icon").attr("src","images/loading/loading ("+loadNum+").png")
                    loadNum++
                    if(loadNum>21)loadNum=1
                },70)
                var loadOutNum=0
                var ua = window.navigator.userAgent.toLowerCase();
                if (/android/.test(ua)) {
                    loadOutNum=0
                }
                var soundOk=false
                if (/android/.test(ua)) {
                    if(mySound==1||e==1){
                        history.pushState(null,null,'liveRoom.html?roomId='+sessionStorage.roomId+'&v=2023050801'); 
                        $(".sound-btn").attr("data-type",1)
                        $(".sound-btn").attr("src","images/sound-yes.png")
                        $(".gift-btn").attr("src","images/gift-btn.png")
                        $(".video-box video").prop("muted",false)
                        html+='<video id="myVideo"  autoplay webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="object-fit:cover;z-index: 10"  poster="" src=""></video>'
                    }else{
                        html+='<video muted id="myVideo" autoplay webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="object-fit:cover;z-index: 10"  poster="" src=""></video>'
                    
                    }
                }else{
                    $(".sound-tips").show()
                    $(".sound-btn").attr("src","images/sound-no.png")
                    html+='<video muted id="myVideo"  webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="object-fit:cover;z-index: 10"  poster="" src="'+data.pullFlowUrlHLS+'"></video>'
                
                }
                if(data.pullFlowUrlHLS.indexOf('pull.bsy')>-1)videoCdn='bsy'
                else if(data.pullFlowUrlHLS.indexOf('pull.zl')>-1)videoCdn='zl'
                var iosT=null;
                $(".video-box").html(html)
                if(/android/.test(ua)){
                    flvPlay(data.pullFlowUrl)
                    startTime=new Date().getTime()
                    matchNum=Math.floor(Math.random()*100000000)
                    $.ajax({
                        url:$ip+'activeLog/doVideoLoadingCheck',
                        data:{
                            matchid:matchNum,
                            type:1,
                            systemOs:'android',
                            roomid:sessionStorage.roomId,
                            pageID: localStorage.canvasCode,
                            cdn:videoCdn,
                            rating:data.room.rating,
                            ip:sessionStorage.Uip,
                            vUrl:data.pullFlowUrl

                        },
                        success:function(data){
                            // console.log('视频加载检测',data)
                        }
                    })
                }
                else{
                    var player = document.getElementById('myVideo');
                    player.play()
                    startTime=new Date().getTime()
                    matchNum=Math.floor(Math.random()*100000000)
                    $.ajax({
                        url:$ip+'activeLog/doVideoLoadingCheck',
                        data:{
                            matchid:matchNum,
                            type:1,
                            systemOs:'ios',
                            roomid:sessionStorage.roomId,
                            pageID: localStorage.canvasCode,
                            cdn:videoCdn,
                            rating:data.room.rating,
                            ip:sessionStorage.Uip,
                            vUrl:data.pullFlowUrlHLS
                        },
                        success:function(data){
                            // console.log('视频加载检测',data)
                        }
                    })
                }
                $("#myVideo").unbind("click").on("pause",function(){
                    // clearTimeout(iosT)
                    // $(".play-icon").fadeIn(200)
                    // iosT=setTimeout(function(){
                    //     var player = document.getElementById('myVideo');
                    //     player.play()
                    // },500)
                })
                $(".play-icon").unbind("click").on("click",function(){
                    window.location.reload()
                })
                $("#myVideo").unbind("waiting").on("waiting",function(){

                })
                $("#myVideo").unbind("playing").on("playing",function(){
                    $(".play-icon").hide()
                })
                $("#myVideo").unbind("canplay").on("canplay",function(){
                    if(sessionStorage.type!='pwa'){
                        if(localStorage.uid==undefined){
                            if(sessionStorage.lookNum==undefined)sessionStorage.lookNum=1;
                            else sessionStorage.lookNum=Number(sessionStorage.lookNum)+1;
                        }
                    }
                    var ua = window.navigator.userAgent.toLowerCase();
                    if (/iphone|ipad|ipod/.test(ua)) {
                        //视频加载检测
                        var overTime=new Date().getTime()
                        $.ajax({
                            url:$ip+'activeLog/doVideoLoadingCheck',
                            data:{
                                matchid:matchNum,
                                type:2,
                                systemOs:'ios',
                                roomid:sessionStorage.roomId,
                                gap:(overTime-startTime),
                                pageID: localStorage.canvasCode,
                                cdn:videoCdn,
                                rating:data.room.rating,
                                ip:sessionStorage.Uip,
                                vUrl:data.pullFlowUrlHLS
                            },
                            success:function(data){
                                // console.log('视频加载检测',data)
                            }
                        })
                        if(backGo==1)$(".sound-tips").show()
                        if(sessionStorage.lookNum>=3){    
                            clearTimeout(startTimer1)
                            startTimer1=setTimeout(function() {
                              if(localStorage.uid!=undefined)return;
                            //   sessionStorage.lookNum=0
                              $(".layer-shadow").show()
                              loginPage()
                          }, 3000);       
                        }
                    }
                    else if(/android/.test(ua)){
                        //视频加载检测
                        var overTime=new Date().getTime()
                        $.ajax({
                            url:$ip+'activeLog/doVideoLoadingCheck',
                            data:{
                                matchid:matchNum,
                                type:2,
                                systemOs:'android',
                                roomid:sessionStorage.roomId,
                                gap:(overTime-startTime),
                                pageID: localStorage.canvasCode,
                                cdn:videoCdn,
                                rating:data.room.rating,
                                ip:sessionStorage.Uip,
                                vUrl:data.pullFlowUrl
                            },
                            success:function(data){
                                // console.log('视频加载检测',data)
                            }
                        })
                    }
                    clearInterval(iosT)
                    $(".play-icon").hide()
                    clearTimeout(startTimer2)
                    startTimer2=setTimeout(function() {
                        clearInterval(loadT)
                        $(".room-content-loading").fadeOut(100)
                        $(".loading-face").fadeOut(100)    
                    }, loadOutNum);

                    $(".sound-btn").unbind("click").on("click",function(){
                        $(".sound-tips").hide()
                        var _self=$(this)
                        if(_self.attr("data-type")==1){
                            _self.attr("data-type","0")
                            $(".sound-btn").attr("src","images/sound-no.png?v=2022111801")
                            $(".video-box video").prop("muted",true)
                        }else {
                            _self.attr("data-type","1")
                            $(".sound-btn").attr("src","images/sound-yes.png")
                            $(".gift-btn").attr("src","images/gift-btn.png")
                            $(".video-box video").prop("muted",false)
                        
                        }
                    })

                    $("body").unbind("click").on("click",function(){  
                        $(".sound-tips").hide()   
                        if(soundOk==true)return;
                        soundOk=true
                        $(".sound-btn").attr("data-type","1")
                        $(".sound-btn").attr("src","images/sound-yes.png")
                        $(".gift-btn").attr("src","images/gift-btn.png")
                        $(".video-box video").prop("muted",false)
                    })
                
                })
                //付費房
                if(data.room.liveScope==3&&localStorage.uid!=sessionStorage.roomId){
                    TicketRoom(roomCId,roomRId)
                }
                else if(data.room.newPayRegister){
                    if(sessionStorage.newLogin==1&&localStorage.uid!=undefined){
                        sessionStorage.newLogin=0
                        newGift()
                        $.ajax({
                            url:$ip+'room/doGiftGuidelineCheck',
                            data:{
                                roomid:sessionStorage.roomId,
                            },
                            success:function(data){
                                // console.log('送礼引导前检测',data)
                            }
                        })
                        layer.open({
                            type: 1,
                            title: false,
                            shadeClose: false,
                            skin: "yourclass5",
                            area: ["7.47rem","5.35rem"],
                            content: $(".layer-gift-box"),
                            end: function () {
                                $(".layui-layer-shade").hide()
                                layer.closeAll()
                            }
                        })
                        $(".layer-gift-btn1").unbind("click").on("click",function(){
                            layer.closeAll()
                        })
                        $(".layer-gift-btn2").unbind("click").on("click",function(){
                            window.open("https://www.footseen.com/footseen/phonepay/applepay.html?lang="+sessionStorage.lang+"&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&token="+localStorage.token+"&os=h5&appversion=7&osStr=h5")
                        })
                    }else{
                        clearTimeout(startTimer3)
                        startTimer3=setTimeout(function(){
                            newGift()
                            $.ajax({
                                url:$ip+'room/doGiftGuidelineCheck',
                                data:{
                                    roomid:sessionStorage.roomId,
                                },
                                success:function(data){
                                    // console.log('送礼引导前检测',data)
                                }
                            })
                            layer.open({
                                type: 1,
                                title: false,
                                shadeClose: false,
                                skin: "yourclass5",
                                area: ["7.47rem","5.35rem"],
                                content: $(".layer-gift-box"),
                                end: function () {
                                    $(".layui-layer-shade").hide()
                                    layer.closeAll()
                                }
                            })
                            $(".layer-gift-btn1").unbind("click").on("click",function(){
                                layer.closeAll()
                            })
                            if(localStorage.uid==undefined||localStorage.uid=="undefined"){
                                $(".layer-gift-btn2").unbind("click").on("click",function(){
                                    layer.closeAll()
                                    $(".layer-shadow").show()
                                    loginPage()        
                                    sessionStorage.newLogin=1           
                                    return;
                                })
                            }else{
                                $(".layer-gift-btn2").unbind("click").on("click",function(){
                                    window.open("https://www.footseen.com/footseen/phonepay/applepay.html?lang="+sessionStorage.lang+"&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&token="+localStorage.token+"&os=h5&appversion=7&osStr=h5")
                                })
                            }
                        },30000)
                    }


                }
                giftList(1)
                if(localStorage.uid!=undefined){
                    myDiamond()
                }
            
                online()
                WebSocketGo()
                // object-fit:fill

                // // console.log($("#myVideo").css("height"))
                var html=[];
                html+='<img class="room-mc-face" src="https://zhibocdn.yabolive.net/comm'+data.room.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt="">';
                html+='<p class="room-mc-name">'+data.room.nickName+'</p>';
                html+='<div class="room-rich-num"><img src="images/man.png" alt="">'+data.room.lookSum+'</div>';
                if(data.room.isLike==0)html+='<img class="like-icon" data-type="'+data.room.uid+'" src="images/like-icon.png" alt="">';
                $(".room-mc-box").html(html).show();
                if(data.room.isLike!=0)$(".room-mc-box").addClass("room-mc-box2")
                $(".hot-list-box").html('<img src="images/hot-icon.png?v=2023060501" alt=""><i>'+data.roomOtherInfo.popularNum+'</i> <span>&gt;</span>')
                $(".interac-list-box").html('<img src="images/interac.png?v=2023060501" alt=""><i>'+data.roomOtherInfo.interacNum+'</i> <span>&gt;</span>')
                $(".room-hot-box span").text(data.roomOtherInfo.charm)
                $(".rich-tips-box").show()
                $(".room-mc-face").unbind("click").on("click",function(){
                    layer.open({
                        type: 2,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass9",
                        area: ["10rem", dHeight+'px'],
                        content: '../userRoom.html?tid='+data.room.uid+'',
                        end: function () {
                            $(".layui-layer-shade").hide()
                            layer.closeAll()
                        }
                    })
                })
                $(".like-icon").unbind("click").on("click",function(){
                    if(localStorage.uid==undefined){
                        $(".layer-shadow").show()
                        loginPage()                   
                        return;
                    }
                    var _self=$(this)
                    $.ajax({
                        url:$ip+'room/likeOpt',
                        data:{
                            roomId:_self.attr("data-type"),
                            optType:1,
                            pass: true,
                            uid:localStorage.uid,
                            token:localStorage.token,
                            pageID: localStorage.canvasCode,
                        },
                        success:function(data){
                            //// console.log('關注',data)
                            if(data.code==1){
                                _self.hide()
                                layer.msg(langRoom[sessionStorage.lang].roomJsTxt3)
                                $(".room-mc-box").css("transition","0.3s all")
                                $(".room-mc-box").addClass("room-mc-box2")
                                if(sessionStorage.firstReg==1){
                                    $(".active-room-shadow").show()          
                                    $(".active-room-box").show()
                                    var html=[];
                                    html+='<iframe src="https://activity.yazhaiyabo.com/activeFt/newCharge/index.html?uid='+localStorage.uid+'&token='+localStorage.token+'&lang='+sessionStorage.lang+'&roomid='+sessionStorage.roomId+'" frameborder="0"></iframe>'
                                    $(".active-room-box").html(html).css("bottom","0rem")
                                }
                            }else{
                                layer.msg(data.msg)
                            }
                        }
                    })
                })
                if(data.liveState==1){
                    clearInterval(iosT)
                    var html=[];
                    html+='<img class="mc-tv" src="images/mc-tv.png">'
                    html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt4+'</p>'
                    $(".room-content-loading").html(html)
                    $(".room-content-loading").fadeIn(100)
                    $(".loading-face").fadeIn(100)
                    clearInterval(loadT)
                    $(".video-box").hide()
                    var player = document.getElementById('myVideo');
                    player.pause()
                    try{
                        flvPlayer.unload();
                    } 
                    catch (e) {
                    }
                    return;
                }
            }
        })

    }

    $(".reg-tips-yes").on("click",function(){
        window.open("https://www.footseen.com/footseen/phonepay/applepay.html?lang="+sessionStorage.lang+"&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&token="+localStorage.token+"&os=h5&appversion=7&osStr=h5")
        $.ajax({
            url:$ip+'activeLog/webActive',
            data:{
                activeType:4,
                pageID:localStorage.canvasCode,
            },
            async:false,
            success:function(data){

            }
        })
    })
    $(".reg-tips-no").on("click",function(){
        layer.closeAll()
    })
    $(".layer-list-tips1 img,.layer-list-tips2 img").on("click",function(){
        layer.closeAll()
    })
    $(".gift-layer-diamond-box").on("click",function(){
        $.ajax({
            url:$ip+'activeLog/webActive',
            data:{
                activeType:4,
                pageID:localStorage.canvasCode,
            },
            async:false,
            success:function(data){

            }
        })
        window.open("https://www.footseen.com/footseen/phonepay/applepay.html?lang="+sessionStorage.lang+"&gofrom=web&cidStr="+sessionStorage.myCid+"&uid="+localStorage.uid+"&token="+localStorage.token+"&os=h5&appversion=7&osStr=h5")
    })
    $(".layer-ios-close").on("click",function(){
        layer.closeAll()
    })
    $(".msg-btn").on("click",function(){
        if(localStorage.uid==undefined){
            $(".layer-shadow").show()
            loginPage()
            return;
        }
        // $(".room-bg").css("")
        $(".layer-shadow").show()
        $(".keyboard-box").show()
        $(".keyboard-input").focus()
    })
    $(".gift-layer-ul li").on("click",function(){
        var _self=$(this);
        $(".gift-layer-ul li").removeClass("gift-layer-click")
        if(_self.attr("data-type")==1){
            _self.addClass("gift-layer-click")
            giftList(1)
        }
        if(_self.attr("data-type")==2){
            _self.addClass("gift-layer-click")
            giftList(2)
        }
        if(_self.attr("data-type")==3){
            _self.addClass("gift-layer-click")
            backPack()
        }
        if(_self.attr("data-type")==4){
            _self.addClass("gift-layer-click")
            giftList(3)
        }
    })
    $(".room-hot-box").on("click",function(){
        richList(0)
        $(".rich-time-ul li").removeClass("rich-time-click")
        $(".rich-time-ul li").eq(0).addClass("rich-time-click")
       
        $(".rich-list-layer").css("bottom","0rem")
        $(".layer-shadow").show()
    })
    $(".rich-close").on("click",function(){
        $(".rich-list-layer").css("bottom","-9.1rem")
        $(".layer-shadow").hide()
    })
    $(".hot-list-box").on("click",function(){
        $(".hot-list-layer").css("bottom","0rem")
        popular()
        $(".layer-shadow").show()
        $(".hot-list-top-text1").text(langRoom[sessionStorage.lang].room7)
    })
    $(".interac-list-box").on("click",function(){
        $(".hot-list-layer").css("bottom","0rem")
        interac()
        $(".layer-shadow").show()
        $(".hot-list-top-text1").text(langRoom[sessionStorage.lang].roomJsTxt5)
    })
    $(".more-btn").on("click",function(){
        if(localStorage.uid==undefined){
            $(".layer-shadow").show()
            loginPage()
            return;
        }
        $(".more-layer").css("bottom","0rem")
        $(".layer-shadow").show()
    })
    $(".layer-shadow").on("click",function(){
        closePop()
    })
    function closePop(){
        $(".layer-shadow").hide()
        $(".keyboard-box").hide()
        fixScroll()
        $(".login-box").css("transform","translateY(13rem)")
        $(".rich-list-layer").css("bottom","-9.1rem")
        $(".hot-list-layer").css("bottom","-10.9rem")
        $(".more-layer").css("bottom","-4.4rem")
        $(".task-layer").css("bottom",'-8.55rem')
        $(".exc-layer").css("bottom","-6.45rem")
        $(".exc-diamond-layer").css("bottom",'-6.45rem')
        $(".guard-layer").css("bottom","-11.6rem")
        $(".gift-layer").css("bottom","-7.8rem")
        $(".ticker-buy-box").css("bottom","-10rem")
        var ua = window.navigator.userAgent.toLowerCase();
        if (/iphone|ipad|ipod/.test(ua)) {
            $(".user-msg-box").scrollTop(0)
            $(".new-msg").hide()
        }
        else if (/android/.test(ua)) {
            $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height()))
            $(".new-msg").hide()
        }
    }
    $(".hot-close").on("click",function(){
        $(".layer-shadow").hide()
        $(".hot-list-layer").css("bottom","-10.9rem")
    })
    $(".more-layer-btn1").on("click",function(){
        task(1)
        $(".more-btn-dian").remove()
        $(".task-layer").css("bottom","0rem")
        $(".more-layer").css("bottom","-4.4rem")
    })
    $(".more-layer-btn2").on("click",function(){
        $(".exc-layer").css("bottom","0rem")
        $(".more-layer").css("bottom","-4.4rem")
        sellDiamond()
    })
    $(".more-layer-btn3").on("click",function(){
        $(".exc-diamond-layer").css("bottom","0rem")
        $(".more-layer").css("bottom","-4.4rem")
        sellDew()
    })
    $(".guard-btn").on("click",function(){
        if(localStorage.uid==undefined){
            $(".layer-shadow").show()
            loginPage()
            return;
        }
        guard()
        $(".layer-shadow").show()
        $(".guard-layer").css("bottom","0rem")
    })
    $(".gift-btn").on("click",function(){
        if(localStorage.uid==undefined){
            $(".layer-shadow").show()
            loginPage()
            return;
        }
        $(".layer-shadow").show()
        $(".gift-layer").css("bottom","0rem")
    })
    $(".rich-time-ul li").on("click",function(){
        var _self=$(this)
        $(".rich-time-ul li").removeClass("rich-time-click")
        _self.addClass("rich-time-click")
        if(_self.attr("data-type")==1){
            richList(0)
        }
        else if(_self.attr("data-type")==2){
            richList(1)
        }
        else if(_self.attr("data-type")==3){
            richList(2)
        }
    })
    $(".keyboard-btn").on("click",function(){
        if($(".keyboard-input").val()==''){
            setTimeout(function() {
                layer.msg(langRoom[sessionStorage.lang].roomJsTxt6)
            }, 300);
            return;
        }
        msgSend($(".keyboard-input").val())
    })
    $(".keyboard-input").on("keydown",function(){
        if (event.keyCode == "13") {
            if($(".keyboard-input").val()==''){
                setTimeout(function() {
                    layer.msg(langRoom[sessionStorage.lang].roomJsTxt6)
                }, 300);
                return;
            }
            msgSend($(".keyboard-input").val())
            
        }
    })
    $(".room-close").on("click",function(){
        // if(backGo!=0){
        //     history.back(-1)
        // }else{
        //     window.location.href="../index.html"
        // }
        window.location.href="../index.html"
    })
    $(".exc-layer .exc-btn").on("click",function(){
        $.ajax({
            url:$ip+'user/chip/buy',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                pid:excNum,
                pass: true,
                pageID: localStorage.canvasCode
            },
            success:function(data){
                // console.log('宝石兑换露水',data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
    
                layer.msg(langRoom[sessionStorage.lang].roomJsTxt7)
                myDiamond()
                setTimeout(function(){
                    sellDiamond()
                }, 200);
                
            }
        })
    })
    $(".exc-diamond-layer .exc-btn").on("click",function(){
        $.ajax({
            url:$ip+'user/chip/sell',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                pid:excNum,
                pass: true,
                pageID: localStorage.canvasCode
            },
            success:function(data){
                // console.log('宝石兑换露水',data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
    
                layer.msg(langRoom[sessionStorage.lang].roomJsTxt7)
                myDiamond()
                setTimeout(function(){
                    sellDew()
                }, 200);
                
            }
        })
    })
    function flvPlay(e) {                            
        var player = document.getElementById('myVideo');
        var mutedOk=true;
        if (flvjs.isSupported()) {
            flvPlayer = flvjs.createPlayer({
                type: 'flv',
                isLive:true,
                // enableWorker:true,
                // hasAudio:true,
                // hasVideo:true,
                url: e,
                enableWorker: false, //不启用分离线程
                enableStashBuffer: false, //关闭IO隐藏缓冲区
                reuseRedirectedURL: true, //重用301/302重定向url,用于随后的请求,如查找、重新连接等。
                autoCleanupSourceBuffer: true //自动清除缓存
            });
        
            flvPlayer.attachMediaElement(player);
            flvPlayer.load(); //加载
    
        }
    }
    function newReg(){
        $.ajax({
            url:$ip+'setting/activeCenter/queryActivityV2',
            data:{
                roomId:sessionStorage.roomId,
                lang:sessionStorage.lang
            },
            success:function(data){
                // console.log('首充活动',data)
                if(data.dataList.is_show==1){
                    sessionStorage.firstReg=1
                    if(sessionStorage.lang!=2)$(".room-reg-icon").attr("src","https://zhibocdn.yabolive.net/comm"+data.dataList.activitys[0].icon+"")
                    $(".room-reg-icon").fadeIn(350)
                    $(".room-reg-icon").unbind("click").on("click",function(){    
                        $(".active-room-shadow").show()          
                        $(".active-room-box").show()
                        var html=[];
                        html+='<iframe src="https://activity.yazhaiyabo.com/activeFt/newCharge/index.html?uid='+localStorage.uid+'&token='+localStorage.token+'&lang='+sessionStorage.lang+'&roomid='+sessionStorage.roomId+'&pageID='+localStorage.canvasCode+'" frameborder="0"></iframe>'
                        $(".active-room-box").html(html).css("bottom","0rem")
                    })
                    $(".active-room-shadow").unbind("click").on("click",function(){
                        $(".active-room-shadow").hide()  
                        $(".active-room-box").hide() 
                        $(".active-room-box").html(html).css("bottom","-10.4rem")
                   
                        
                    })
                }
            }
        })
    }
    function newGift(){
        $.ajax({
            url:$ip+'gift/getGiftGuidelineInfo',
            success:function(data){
                // console.log('獲取引導禮物',data)
                $(".layer-gift-box1 img").attr("src","https://zhibocdn.yabolive.net/comm"+data.giftInfo.giftIcon+"?x-oss-process=image/resize,w_100")

            }
        })
    }
    var ticketTerval=null
    var sendClockOk=true
    var sendClock=null
    var buyCardOk=false
    function TicketRoom(chId,rId){
        if(localStorage.token==undefined||localStorage.token=="undefined")var mytoken='footseen'
        else var mytoken=localStorage.token
        $.ajax({
            url:$ip+'ticketRoom/getTicketRoomInfo',
            data:{
                roomId:sessionStorage.roomId,
                channelId:chId,
                roundId:rId,
                pageID:localStorage.canvasCode,
                token:mytoken
            },
            success:function(data){
                // console.log('获取TicketRoom信息',data)
                if(localStorage.uid!=undefined&&localStorage.uid!='undefined')myDiamond()
                if(data.progressBar.state>3){
                    $(".user-msg-box").css('bottom','1.4rem')
                    $(".ticket-box").hide()
                    $("#myVideo").css("filter","blur(0px)")
                    $(".new-msg").css("bottom","1.5rem")
                    $(".room-top,.user-msg-box,.new-msg,.room-bottom").show()
                    return
                }
                
                $(".ticket-box2-p2,.ticker-buy-content1-p2").html(data.progressBar.showTopic)
                if(data.progressBar.showTopic.length>=15) $(".ticket-box2-p2,.ticker-buy-content1-p2").liMarquee({
                    drag:true,
                    circular:false,
            
                })
                $(".ticket-box3-p1").show()
                $(".ticket-box3 .ticket-box3-btn").css("margin-top","0rem")
                $(".ticket-box3-p1 span,.ticker-buy-time span").text(Math.floor(data.tollconfig.showTime/60000))
                // $(".ticketRoom-tips-box").show()
                TicketStage=data.progressBar.state
                turnNumberOk=true;
                clearInterval(ticketTerval)
                if(data.progressBar.state==1||data.progressBar.state==2){
                    $(".ticket-box1-content2").hide()
                    $(".circleChart1-p,.circleChart2-p").html('<span>0</span>/5').css("color","#fff")
                    if(sessionStorage.lang==2)$(".ticket-box2-p1,.ticker-buy-content1-p1").html("Ticket Room <span>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span> 后開始")
                    else $(".ticket-box2-p1,.ticker-buy-content1-p1").html("Ticket Room start in <span>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>")
                    // $(".ticketRoom-tips-box span").text('Count '+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'')
                    // $(".ticketRoom-tips-box").css("color","#F0257C")
                    $(".ticket-box").show()
                    $(".user-msg-box").css('bottom','2.9rem')
                    $(".new-msg").css("bottom","3rem")
                    $(".ticket-box2-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'')
                    $(".ticker-buy-content1-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'')
                    $(".ticket-box3-btn").text(langRoom[sessionStorage.lang].ticketLang27)
                    if(data.inBuyTotal==0)$(".circleChart2-p span").text(data.progressBar.succ)
                    else{
                        $(".circleChart2-p").text(langRoom[sessionStorage.lang].ticketLang10).css("color","#24FE90").css("font-size","0.3rem")
                        $(".ticket-box3-btn").text(langRoom[sessionStorage.lang].ticketLang11)
                    } 
                    var valueNum2=data.progressBar.succ*20
                    var valueColor='#FA2081'
                    if(valueNum2==0){
                        valueNum2=1
                        valueColor="#EFEDED"
                    }
                    $(".ticker-send-btn").unbind("click").on("click",function(){
                        buyTicker(chId,rId,1)
                    })
                    $(".circleChart2").circleChart({
                       value: valueNum2,
                       startAngle: 75,
                       speed: 0,
                       animation: "easeInOutCubic",
                       color: valueColor,
                       backgroundColor: "#EFEDED",
                       size: 80,
                       lineCap: "round",
                    });
                
                    ticketTerval=setInterval(function(){
                        data.progressBar.leftTime-=1000;
                        if(data.progressBar.leftTime<=0){
                            // clearInterval(ticketTerval)
                            TicketRoom(chId,rId)
                            return;
                        }
                        if(data.progressBar.leftTime<0)data.progressBar.leftTime=0
                        // if(data.progressBar.leftTime<60000)$(".ticketRoom-tips-box").css("color","#FBD91C")
                        // $(".ticketRoom-tips-box span").text('Count '+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000)))
                        $(".ticket-box2-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'')
                        $(".ticker-buy-content1-p1 span").text(''+add0(Math.floor(data.progressBar.leftTime/60000))+':'+add0(Math.floor(data.progressBar.leftTime%60000/1000))+'')
                        if(data.progressBar.leftTime<6000){
                            if(buyCardOk==false)return;
                            buyCardOk=false
                            turnNumber(2)
                        } 
                        if(data.progressBar.leftTime<20000){
                            if(sendClockOk==false)return;
                            sendClockOk=false
                            if(data.inBuyTotal>0)return;
                            buyCardOk=false
                            if(data.backpack>0)$(".ticker-send-p4").html(''+langRoom[sessionStorage.lang].ticketLang13+' <img src="images/card.png"> '+data.backpack+'')
                            else $(".ticker-send-p4").html(' '+langRoom[sessionStorage.lang].roomJsTxt35+'ticket <img style="height: 0.4rem;margin-top: -0.1rem;" src="images/diamond.png"> '+data.tollconfig.tollPrice+'')
                            layer.open({
                                type: 1,
                                title: false,
                                shadeClose: true,
                                skin: "yourclass5",
                                area: ["5.7rem", "6.5rem"],
                                content: $(".ticker-send-box"),
                                end: function () {
                                    $(".layui-layer-shade").hide()
                                    layer.closeAll()
                                }
                            })
                            var sendClockNum=data.progressBar.leftTime
                            sendClock=setInterval(function(){
                                sendClockNum-=30
                                if(sendClockNum<0){
                                    clearInterval(sendClock)
                                    layer.closeAll()
                                    return;
                                }
                                $(".ticker-send-p2").text(''+Math.floor(sendClockNum%60000/1000)+'.'+add0(Math.floor(sendClockNum%1000/10))+''+langRoom[sessionStorage.lang].ticketLang21+'')
                            },30)
                        }
                    },1000)
                }
                if(data.progressBar.state==3){
                    if(data.inBuyTotal>0){
                        $(".ticker-buy-box").css("bottom","-10rem")
                        $("#myVideo").css("filter","blur(0px)")
                        $('.secret-ing-content').hide()
                        $(".secret-bottom-box").hide()
                        $(".room-top,.user-msg-box,.room-bottom").show()
                        $(".ticket-box").show()
                        $(".ticket-box3-btn").text('ticket '+data.progressBar.succ+'')
                    }else{
                        $(".ticker-buy-box").css("bottom","-10rem")
                        $(".keyboard-box").hide()
                        $(".sound-tips").addClass("sound-tips2")
                        $(".room-top,.user-msg-box,.room-bottom,.new-msg").hide()
                        $('.secret-ing-content').show()
                        $(".secret-bottom-box").show()
                        $(".ticket-box").hide()
                        $("#myVideo").css("filter","blur(14px)")
                    }
                    //5月16日新樣式
                    
                    // $(".ticketRoom-tips-box span").text('ing...')
                    // $(".ticketRoom-tips-box").css("color","#24FE90")
                    //購買按鈕

                    /****5月9日修改样式****/
                    $(".ticket-box3-p1").hide()
                    $(".ticket-box3 .ticket-box3-btn").css("margin-top","0.38rem")
                    // $(".touch-box").unbind("click").on("click",function(){
                    //     if(localStorage.token==undefined||localStorage.token=='undefined'){
                    //         $(".layer-shadow").show()
                    //         loginPage()
                    //         return;
                    //     }
                    //     ticketBackpack(chId,rId)
                    //     $(".ticker-buy-box").css("bottom","0rem")
                    //     $(".layer-shadow").show()
                    // })
                    /****/
                    // $(".ticket-box").show()
                    $(".user-msg-box").css('bottom','2.9rem')
                    $(".new-msg").css("bottom","3rem")
                    $(".ticket-box1-content2").show()
                    $(".secret-ing-p3").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span >"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>")
                    $(".ticket-box2-p1").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span style='color:#24FE90'>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>")
                    ticketTerval=setInterval(function(){
                        data.progressBar.leftTime-=1000
                        if(data.progressBar.leftTime<=0){
                            clearInterval(ticketTerval)
                            $(".user-msg-box").css('bottom','1.4rem')
                            $(".ticket-box").hide()
                            $("#myVideo").css("filter","blur(0px)")
                            $(".new-msg").css("bottom","1.5rem")
                            // $(".ticketRoom-tips-box").hide()
                            $('.secret-ing-content').hide()
                            $(".secret-bottom-box").hide()
                            $(".room-top,.user-msg-box,.room-bottom").show()
                            $(".sound-tips").hide()
                            return;
                        }
                        // $(".ticketRoom-tips-box span").text('ing...')
                        $(".ticker-tips-span").text(add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000)))
                        $(".secret-ing-p3").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span >"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>")
                        $(".ticket-box2-p1").html(""+langRoom[sessionStorage.lang].ticketLang14+" <span style='color:#24FE90'>"+add0(Math.floor(data.progressBar.leftTime/60000))+":"+add0(Math.floor(data.progressBar.leftTime%60000/1000))+"</span>")
                        if(data.progressBar.leftTime<6000){
                            if(sendClockOk==false)return;
                            if(data.inBuyTotal!=0)turnNumber(3)
                        }

                        $(".secret-bottom").unbind("click").on("click",function(){
                            if(localStorage.uid==undefined){
                                $(".layer-shadow").show()
                                loginPage()
                                return;
                            }
                            if(data.progressBar.state==3&&data.progressBar.leftTime<120000){
                                layer.open({
                                    type: 1,
                                    title: false,
                                    shadeClose: true,
                                    skin: "yourclass5",
                                    area: ["7.5rem", "4.8rem"],
                                    content: $(".ticker-tips-box"),
                                    end: function () {
                                        $(".layui-layer-shade").hide()
                                        layer.closeAll()
                                    }
                                })
                                $(".ticker-tips-no").unbind("click").on("click",function(){
                                    layer.closeAll()
                                })
                                $(".ticker-tips-yes").unbind("click").on("click",function(){
                                    buyTicker(chId,rId,1)
                                })
                            
                            }else{
                                buyTicker(chId,rId,1)
                            }
                        })
                    },1000)
                }
                //初始化购票
                $(".circleChart1-p span").text(data.progressBar.succ)
                if(data.progressBar.state==3){
                    // $(".circleChart1-p").html('<div class="ticket-ing2">'+langRoom[sessionStorage.lang].ticketLang15+'</div>')
                     $(".secret-ing-p4").text(data.progressBar.showTopic)
                     if(data.backpack>0){
                        $(".secret-ing-p5 span").html("X1")
                        $(".secret-bottom-tips").show().html(''+langRoom[sessionStorage.lang].ticketLang25+'<img src="images/card.png">'+data.backpack+'')
                     }else{
                        $(".secret-bottom-tips").hide()
                        $(".secret-ing-p5 span").html('<img src="images/diamond.png" alt="">'+data.tollconfig.tollPrice+'')
                     }
                }
                else{
                    var valueNum2=data.progressBar.succ*20
                    var valueColor='#FA2081'
                    if(valueNum2==0){
                        valueNum2=1
                        valueColor="#EFEDED"
                    }
                    $(".circleChart1").circleChart({
                       value: valueNum2,
                       startAngle: 75,
                       speed: 0,
                       animation: "easeInOutCubic",
                       color: valueColor,
                       backgroundColor: "#EFEDED",
                       size: 80,
                       lineCap: "round",
                    });
                }
                $(".ticker-buy-btn").unbind("click").on("click",function(){
                    if(data.progressBar.state==3&&data.progressBar.leftTime<120000){
                        layer.open({
                            type: 1,
                            title: false,
                            shadeClose: true,
                            skin: "yourclass5",
                            area: ["7.5rem", "4.8rem"],
                            content: $(".ticker-tips-box"),
                            end: function () {
                                $(".layui-layer-shade").hide()
                                layer.closeAll()
                            }
                        })
                        $(".ticker-tips-no").unbind("click").on("click",function(){
                            layer.closeAll()
                        })
                        $(".ticker-tips-yes").unbind("click").on("click",function(){
                            buyTicker(chId,rId,1)
                        })
                    
                    }else{
                        buyTicker(chId,rId,n)
                    }
                })
                if(data.backpack>0)$(".ticker-my-card").show()
                else $(".ticker-my-card").hide()
                $(".ticker-my-card span").text(data.backpack)
                var html=[];
                html+='<li data-type="'+1+'" class="ticker-buy-click">';
                html+='<div class="ticker-buy-li1">';
                html+='<img class="ticker-buy-card" src="images/card.png" alt=""> <p>x1</p>';
                html+='</div>';
                html+='<div class="ticker-buy-li2">';
                if(data.backpack>0) html+='<p class="buy-card-p">'+langRoom[sessionStorage.lang].ticketLang16+'<img src="images/card.png" alt="">1</p>';
                else html+='<img src="images/diamond.png" alt=""> <p>'+data.tollconfig.tollPrice+'</p>';
                html+='</div>';
                html+='</li>';
                var allCard=(data.tollconfig.condTotal-data.progressBar.succ)
                html+='<li data-type='+allCard+'>';
                html+='<div class="ticker-buy-tips">'+langRoom[sessionStorage.lang].ticketLang24+'</div> ';
                html+='<div class="ticker-buy-li1">';
                html+='<img class="ticker-buy-card" src="images/card.png" alt=""> <p>x'+(data.tollconfig.condTotal-data.progressBar.succ)+'</p>';
                html+='</div>';
                html+='<div class="ticker-buy-li2">';
    
                if(data.backpack>0){
                    if(allCard<=data.backpack)html+='<p class="buy-card-p">'+langRoom[sessionStorage.lang].ticketLang16+'<img src="images/card.png" alt="">'+allCard+'</p>';
                    else html+='<p style="text-indent: 1.1rem !important;" class="buy-card-p">'+langRoom[sessionStorage.lang].ticketLang16+'<img src="images/card.png" alt="">'+data.backpack+'+<img src="images/diamond.png">'+data.tollconfig.tollPrice*(allCard-data.backpack)+'</p>';
                }
                else html+='<img src="images/diamond.png" alt=""> <p>'+data.tollconfig.tollPrice*allCard+'</p>';
                html+='</div>';
                html+='</li>';
                $(".ticker-buy-ul").html(html);
                var n=1
                $(".ticker-buy-ul li").unbind("click").on("click",function(){
                    var _self=$(this)
                    $(".ticker-buy-ul li").removeClass("ticker-buy-click")
                    _self.addClass("ticker-buy-click")
                    n=_self.attr("data-type")
                })

                $(".ticket-box").unbind("click").on("click",function(){
                    if(data.progressBar.state>2)return;
                    if(localStorage.token==undefined||localStorage.token=='undefined'){
                        $(".layer-shadow").show()
                        loginPage()
                        return;
                    }
                    ticketBackpack(chId,rId)
                    $(".ticker-buy-box").css("bottom","0rem")
                    $(".layer-shadow").show()
                })
                if(data.progressBar.state==3){
                    $(".ticker-buy-ul li").eq(1).hide()
                    $(".ticker-buy-ul li").eq(0).css("margin-top","1.5rem").css("margin-bottom","1.5rem")
                }
            }
        })
    }

    function ticketBackpack(chId,rId){
        $.ajax({
            url:$ip+'ticketRoom/backpack/get',
            data:{
                channelId:chId,
                roundId:rId,
                pageID:localStorage.canvasCode,
                roomId:sessionStorage.roomId,
            },
            success:function(data){
                // console.log('背包拥有剩余票数',data)
                if(data.backpack>0)$(".ticker-my-card").show()
                else $(".ticker-my-card").hide()
                $(".ticker-my-card span").text(data.backpack)
            }
        })
    }  
    function turnNumber(e){
        if(turnNumberOk==false)return;
        turnNumberOk=false
        var turnClock=null 
        if(e==1){
            layer.open({
                type: 1,
                title: false,
                shadeClose: true,
                skin: "yourclass5",
                area: ["5.7rem", "5.5rem"],
                content: $(".ticker-tips2"),
                end: function () {
                    $(".layui-layer-shade").hide()
                    layer.closeAll()
                }
            })
            turnNum=5
            turnClock=setInterval(function(){
                $(".ticker-tips2 .ticker-tips2-num").text(turnNum)
                turnNum--
                if(turnNum<0){
                    layer.closeAll()
                    TicketRoom(roomCId,roomRId)
                    clearInterval(turnClock)
                    setTimeout(function() {
                        $(".ticker-tips2 .ticker-tips2-num").text(5)
                        sendClockOk=true;
                    }, 500);
                  
                }
            },1000)
        }
        if(e==2){
            layer.open({
                type: 1,
                title: false,
                shadeClose: true,
                skin: "yourclass5",
                area: ["5.7rem", "5rem"],
                content: $(".ticker-tips3"),
                end: function () {
                    $(".layui-layer-shade").hide()
                    layer.closeAll()
                }
            })
            turnNum=5
            turnClock=setInterval(function(){
                $(".ticker-tips3 .ticker-tips2-num").text(turnNum)
                turnNum--
                if(turnNum<0){
                    layer.closeAll()
                    clearInterval(turnClock)
                    setTimeout(function() {
                        $(".ticker-tips3 .ticker-tips2-num").text(5)
                        buyCardOk=false;
                    }, 500);
                }
            },1000)
        }
        if(e==3){
            layer.open({
                type: 1,
                title: false,
                shadeClose: true,
                skin: "yourclass5",
                area: ["5.7rem", "5rem"],
                content: $(".ticker-tips4"),
                end: function () {
                    $(".layui-layer-shade").hide()
                    layer.closeAll()
                }
            })
            turnNum=5
            turnClock=setInterval(function(){
                $(".ticker-tips4 .ticker-tips2-num").text(turnNum)
                turnNum--
                if(turnNum<0){
                    layer.closeAll()
                    clearInterval(turnClock)
                    setTimeout(function() {
                        $(".ticker-tips4 .ticker-tips2-num").text(5)
                    }, 500);
                }
            },1000)
        }
    }
    var buyTickerOk=true;
    function buyTicker(chId,rId,n){
        if(localStorage.token==undefined||localStorage.token=='undefined'){
            $(".layer-shadow").show()
            loginPage()
            return;
        }
        if(buyTickerOk==false)return;
        buyTickerOk=false
        $.ajax({
            url:$ip+'ticketRoom/ticket/buy',
            type:'post',
            data:{
                channelId:chId,
                roundId:rId,
                num:n,
                pageID:localStorage.canvasCode,
                roomId:sessionStorage.roomId,
            },
            success:function(data){
                // console.log('用户购票',data)
                if(data.code==-100){
                    layer.open({
                        type: 1,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass5",
                        area: ["7.8rem", "4.6rem"],
                        content: $(".reg-tip-layer"),
                        end: function () {
                            $(".layui-layer-shade").hide()
                            layer.closeAll()
                        }
                    })
                    buyTickerOk=true
                    return;
                }
                if(data.code!=1){
                    layer.msg(data.msg)
                    buyTickerOk=true
                    return;
                }
    
                layer.closeAll()
                if(TicketStage==3){
                    layer.msg(langRoom[sessionStorage.lang].ticketLang17) 
                    setTimeout(function(){
                        window.location.reload() 
                    }, 500);   
                    return;
                }
                layer.msg(langRoom[sessionStorage.lang].ticketLang17) 
                buyTickerOk=true;
                buyCardOk=true;
                $(".ticker-buy-box").css("bottom","-10rem")
                $(".layer-shadow").hide()
                // setTimeout(function(){
                //     window.location.reload() 
                // }, 500);       
                 
            }
        })
    }
    function moreMc(){
        $.ajax({
            url:$ip+'frontPage/queryLiveUsers/v2',
            data:{
                pageNum:1,
                pageSize:3,
                uid:localStorage.uid || '',
                token:localStorage.token || '',
                pageID:localStorage.canvasCode
            },
            success:function(data){
                // console.log('直播列表',data)
                if(data.code==-5008){
                    setTimeout(function() {
                        moreMc()
                    }, 500);
                    return;
                }
                var html='';
                for(var i=0;i<3;i++){
                    if(data.normalRoomList[i]==undefined)break;
                    var list=data.normalRoomList[i]
                    html+='<a href="liveRoom.html?roomId='+list.roomId+'&v=2023050801"><li>';
                    html+='<span class="more-mc-num">'+list.hotnum+'</span>';
                    html+='<img class="more-mc-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_150" alt="">';
                    html+='<p class="more-mc-p1">'+list.nickname+'</p>';
                    html+='<p class="more-mc-p2">'+list.introduce+'</p>';
                    html+='<div class="more-shadow"></div>';
                    html+='</li></a>';
                }
                $(".more-mc-recommend-ul").html(html)
            }
        })
    }
    function liveList(e){
        $.ajax({
            url:$ip+'frontPage/queryLiveUsers/v2',
            data:{
                pageNum:e,
                pageSize:100,
                uid:localStorage.uid || '',
                token:localStorage.token || '',
                pageID:localStorage.canvasCode
            },
            success:function(data){
                // console.log('直播列表',data)
                var newList=''
                newList+='['
                var j=0
                for(var i=0;i<data.normalRoomList.length;i++){
                    var list=data.normalRoomList[i] 
                    if(i%2==0&&i!=0){
                        if(data.vipRoomList[j]!=undefined){
                            list2=data.vipRoomList[j]
                            newList+=(JSON.stringify(list2)+',')
                            j++;
                        }
                    }
                    if(i!=(data.normalRoomList.length-1))newList+=(JSON.stringify(list)+',')
                    else newList+=(JSON.stringify(list))
                }
                if(data.vipRoomList.length>j){
                    for(var i=0;i<data.vipRoomList.length-j;i++){
                        list2=data.vipRoomList[j+i]
                        if(i==0&&data.normalRoomList[i].length==0)newList+=(JSON.stringify(list2))
                        else if(i==0)newList+=(','+JSON.stringify(list2))
                        else if((i+j+1)==data.vipRoomList.length)newList+=(','+JSON.stringify(list2))
                        else newList+=(JSON.stringify(list2)+',')
                    }
         
                }
                newList+="]"
                // console.log(newList)
                newList=JSON.parse(newList)
            
                for(var i=0;i<newList.length;i++){
                    var list=newList[i] 
                    // list.roomId
                    if(list.roomId==sessionStorage.roomId){
                        //最后一个
                        if(i+1==newList.length){
                            BottomRoomId=newList[0].roomId
                        }else{
                            BottomRoomId=newList[i+1].roomId
                        }
                        //第一个
                        if(i==0){
                            topRoomId=newList[newList.length-1].roomId
                        }else{
                            topRoomId=newList[i-1].roomId
                        }
                        //只有一个
                        if(newList.length==1){
                            topRoomId=list.roomId
                            BottomRoomId=list.roomId
                        }
                        
                    }
                }
                if(topRoomId==0){
                    topRoomId=newList[0].roomId
                    BottomRoomId=newList[1].roomId
                }
                // var html=[];
                // html+='<div class="top-bg-box"> <img src="https://zhibocdn.yabolive.net/comm'+data.roomList[topNum].face+'?x-oss-process=image/resize,w_350"> </div>';
                // html+='<div class="bottom-bg-box"> <img src="https://zhibocdn.yabolive.net/comm'+data.roomList[bottomNum].face+'?x-oss-process=image/resize,w_350"> </div>';
                // $(".room-bg").append(html)
  
            }
        })
    }

    function hotList() {
        $.ajax({
            url: $ip + 'room/hot',
            data: {
                roomid: sessionStorage.roomId,
                pageNum: 1,
                pageSize: 99,
                type: 0,
                // pass: true,
                pageID: localStorage.canvasCode
            },
            success: function (data) {
                // console.log("热门榜单", data)
                var html = [];
                if(data.hotResult.score==0)$(".hot-list-top-text2 span").text(langRoom[sessionStorage.lang].roomJsTxt8)
                else $(".hot-list-top-text2 span").text(data.hotResult.rank)
                for (var i = 0; i < data.ranklist.length; i++) {
                    var list = data.ranklist[i]
                    html+='<li>';
                    html+='<div class="hot-list-li-box1">'+(i+1)+'</div>';
                    html+='<div class="hot-list-li-box2">';
                    html+='<a href="liveRoom.html?roomId='+list.uid+'&v=2023050801"><img class="hot-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt=""></a>';
                    html+='<div class="hot-li-p1">'+list.nickname+'</div>';
                    html+='<div class="hot-li-p2"><img src="images/hot-icon.png?v=2023060501">'+list.score+'</div>';
                    html+='</div>';
                    html+='</li>';
                }
                $(".hot-list-ul").html(html)
                $(".hot-li-face").unbind("error").on("error",function(){
                    $(this).attr("src","images/boy.png")
                })
            }
        })
    }
    function popular(){
        $.ajax({
            url:$ip+'rank/popular/list',
            data:{
                pageID: localStorage.canvasCode,
                
            },
            success:function(data){
                // console.log('人氣榜单',data)
                var html=[];
                var myGoing=false
                for(var i=0;i<data.rankList.length;i++){
                    var list=data.rankList[i]
                    html+='<li>';
                    html+='<div class="hot-list-li-box1">'+(i+1)+'</div>';
                    html+='<div class="hot-list-li-box2">';
                    html+='<a href="liveRoom.html?roomId='+list.uid+'&v=2023050801"><img class="hot-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt=""></a>';
                    html+='<div class="hot-li-p1">'+list.nickname+'</div>';
                    html+='<div class="hot-li-p2"><img src="images/hot-icon.png?v=2023060501">'+list.score+'</div>';
                    html+='</div>';
                    html+='</li>';
                    if(list.uid==sessionStorage.roomId){
                        myGoing=true;
                        var html2=[]
                        html2+='<div class="bottom-mc-hot-nav1">'+(i+1)+'</div>';
                        html2+='<div class="bottom-mc-hot-nav2">';
                        html2+='<img class="bottom-mc-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_100" alt="">';
                        html2+='<p class="bottom-mc-p1">'+list.nickname+'</p>';
                        html2+='<p class="bottom-mc-p2"><img src="images/hot-icon.png?v=2023060501" alt="">'+list.score+'</p>';
                        html2+='</div>';
                        $(".bottom-mc-hot-box").show().html(html2)
                    }
                }
                $(".hot-list-ul").html(html)
                $(".bottom-mc-face,.hot-li-face").unbind("error").on("error",function(){
                    $(this).attr("src","images/boy.png")
                })
                if(myGoing==false)$(".hot-list-ul").css("height","9.6rem")
                $(".question-icon").unbind("click").on("click",function(){
                    layer.open({
                        type: 1,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass5",
                        area: ["8.4rem", "auto"],
                        content: $(".layer-list-tips1"),
                        end: function () {
                            $(".layui-layer-shade").hide()
                            layer.closeAll()
                        }
                    })
                })
            }
        })
    }
    function interac(){
        $.ajax({
            url:$ip+'rank/interac/list',
            data:{
                pageID: localStorage.canvasCode
            },
            success:function(data){
                // console.log("互动榜单",data)
                var myGoing=false
                var html=[];
                for(var i=0;i<data.rankList.length;i++){
                    var list=data.rankList[i]
                    html+='<li>';
                    html+='<div class="hot-list-li-box1">'+(i+1)+'</div>';
                    html+='<div class="hot-list-li-box2">';
                    html+='<a href="liveRoom.html?roomId='+list.uid+'&v=2023050801"><img class="hot-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt=""></a>';
                    html+='<div class="hot-li-p1">'+list.nickname+'</div>';
                    html+='<div class="hot-li-p2"><img style="width: 0.45rem;" src="images/interac.png?v=2023060501">'+list.score+'</div>';
                    html+='</div>';
                    html+='</li>';
                    if(list.uid==sessionStorage.roomId){
                        myGoing=true;
                        var html2=[]
                        html2+='<div class="bottom-mc-hot-nav1">'+(i+1)+'</div>';
                        html2+='<div class="bottom-mc-hot-nav2">';
                        html2+='<img class="bottom-mc-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_100" alt="">';
                        html2+='<p class="bottom-mc-p1">'+list.nickname+'</p>';
                        html2+='<p class="bottom-mc-p2"><img style="width: 0.45rem;" src="images/interac.png?v=2023060501" alt="">'+list.score+'</p>';
                        html2+='</div>';
                        $(".bottom-mc-hot-box").show().html(html2)
                    }
                }
                $(".hot-list-ul").html(html)
                $(".bottom-mc-face,.hot-li-face").unbind("error").on("error",function(){
                    $(this).attr("src","images/boy.png")
                })
                if(myGoing==false)$(".hot-list-ul").css("height","9.6rem")
                $(".question-icon").unbind("click").on("click",function(){
                    layer.open({
                        type: 1,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass5",
                        area: ["8.4rem", "auto"],
                        content: $(".layer-list-tips2"),
                        end: function () {
                            $(".layui-layer-shade").hide()
                            layer.closeAll()
                        }
                    })
                })
            }
        })
    }
    function online(){
        $.ajax({
            url:$ip+'room/queryOnlineUser',
            data:{
                roomId:sessionStorage.roomId,
                pageSize:30,
                pageNum:1,
                pass: true,
                pageID: localStorage.canvasCode
            },
            success:function(data){
                // console.log('用戶在線列表',data);
                var html=[];
                var vipNum=0
                var normalNum=0
                for(let i=0;i<10;i++){
                    if(data.dataList[i]==undefined)continue;
                  
                    var list=data.dataList[i]
                    if(list.face=='/user/boy.png')var faceImg='images/boy.png';
                    else var faceImg='https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_78';
                    if(list.isVip==1){
                       
                        if(list.richLevel>10&&list.richLevel<21)var vipImgNum=1
                        else if(list.richLevel>20&&list.richLevel<31)var vipImgNum=2
                        else if(list.richLevel>30&&list.richLevel<41)var vipImgNum=3
                        else if(list.richLevel>40&&list.richLevel<46)var vipImgNum=4
                        else if(list.richLevel>45&&list.richLevel<51)var vipImgNum=5
                        else if(list.richLevel==51)var vipImgNum=6
                        else if(list.richLevel>51)var vipImgNum=7
                        else vipImgNum=0
                        html+='<li class="li-vip" data-type="'+list.uid+'">';
                        if(vipImgNum!=0)html+='<img class="online-king" src="images/v'+vipImgNum+'.png">'
                        html+='<img src="'+faceImg+'" alt="">';
                        html+='</li>';
                        vipNum++
                    }else{
                        html+='<li data-type="'+list.uid+'">';
                        html+='<img src="'+faceImg+'" alt="">';
                        html+='</li>';
                        normalNum++
                    }
         
                }
                var ulNum=vipNum*1.2+normalNum*1
                $(".room-user-ul").css("width",''+ulNum+'rem')
                $(".room-user-ul").html(html);
                $(".room-user-ul li img").unbind("error").on("error",function(){
                    $(this).attr("src","images/boy.png")
                })
                $(".room-user-ul li").unbind("click").on("click",function(){
                    var _self=$(this)
                    if(_self.attr("data-type")<0){
                        layer.msg(langRoom[sessionStorage.lang].roomJsTxt9)
                        return;
                    }
                    cardUp(_self.attr("data-type"))
                })
            }
        })
    }
    function richList(e){
        $.ajax({
            url: $ip + 'rank/guard',
            data: {
                uid: sessionStorage.roomId,
                page: 1,
                type: e,
                // pass: true,
                pageID: localStorage.canvasCode,
            },
            success: function (data) {
                // console.log('萤火榜单', data)
                if(data.code==-7002){
                    $(".rich-list-ul").html('<p>'+langRoom[sessionStorage.lang].roomJsTxt10+'</p>')
                }
                if(data.code!=1){
                    $(".rich-list-top-text1 span").html('<span><img src="images/fire.png">--</span>')
                    $(".rich-list-top-text2 span").html('--')
                    return;
                }
                $(".rich-list-top-text1 span").html('<span><img src="images/fire.png">'+data.myscore+'</span>')
                var html = [];
                for(var i=0;i<30;i++){
                    if(data.ranklist[i]==undefined)break;
                    var list=data.ranklist[i]
                    html+='<li>';
                    if(i<3)html+='<div class="rich-list-li1"><img src="images/m'+(i+1)+'.png" alt=""></div>';
                    else html+='<div class="rich-list-li1">'+(i+1)+'</div>';
                    html+='<div class="rich-list-li2">';
                    html+='<img data-type="'+list.uid+'" class="rich-li-face" src="https://zhibocdn.yabolive.net/comm'+list.face.split('?')[0]+'?x-oss-process=image/resize,w_80" alt="">';
                    html+='<div class="rich-li-p1">'+list.nickname+'</div>';
                    html+='<div class="rich-li-p2"><img style="width: 0.3rem;" src="images/fire.png">'+list.score+'</div>';
                    html+='</div>';
                    html+='</li>';
                }
                $(".rich-list-ul").html(html)
                $(".rich-li-face").unbind("error").on("error",function(){
                    $(this).attr("src","images/boy.png")
                })
                if(data.myrank>0) $(".rich-list-top-text2 span").text(data.myrank)
                else $(".rich-list-top-text2 span").text('暂未上榜')
                $(".rich-li-face").unbind("click").on("click",function(){
                    var _self=$(this)
                    if(_self.attr("data-type")<0){
                        layer.msg("噓,咱們還是不要打擾神秘人的好~")
                        return;
                    }
                    cardUp(_self.attr("data-type"))
                })
            }
        })

    }
    function guard(){
        $.ajax({
            url:$ip+'guard/getRoomGuarders',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                roomid:sessionStorage.roomId,
                index:1,
                pageSize:99,
                pass: true,
                pageID:localStorage.canvasCode
            },
            success:function(data){
                // console.log('主播的守護列表',data)
                var html=[];
                var GuardNum=1
                if(data.isGuard==0){
                    html+='<img class="guard-face" src="'+$(".room-mc-face").attr("src")+'" alt="">';
                    html+='<p class="guard-top-p1"><img src="images/diamond.png"><span>10000</span>'+langRoom[sessionStorage.lang].room13+'</p>';
                    html+='<p class="guard-top-p2">'+langRoom[sessionStorage.lang].roomJsTxt11+'</p>';
                    $(".guard-layer-btn").addClass("guard-layer-btn-no")
                }else{
                    html+='<img class="guard-face" src="'+$(".room-mc-face").attr("src")+'" alt="">';
                    html+='<p class="guard-top-p1"><img src="images/diamond.png"><span>10000</span>'+langRoom[sessionStorage.lang].room13+'</p>';
                    for(var i=0;i<data.result.length;i++){
                        if(data.result[i].uid==localStorage.uid){
                            html+='<p class="guard-top-p2">'+langRoom[sessionStorage.lang].room14+': '+data.result[i].expireDays+''+langRoom[sessionStorage.lang].room15+'</p>';
                        }
                        GuardNum=2
                    }
               
                    $(".guard-layer-btn").addClass("guard-layer-btn-yes")
                }
                $(".guard-layer-top").html(html)
                $(".guard-layer-btn").unbind("click").on("click",function(){
                    openGuard(GuardNum)
                })
            }
        })
    }
    function openGuard(e){
        if(localStorage.token==undefined||localStorage.token=='undefined'){
            $(".layer-shadow").show()
            loginPage()
            return;
        }
        if(localStorage.uid==sessionStorage.roomId){
            layer.msg(langRoom[sessionStorage.lang].roomJsTxt12)
            return;
        }
        $.ajax({
            url:$ip+'guard/openGuard',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                roomid:sessionStorage.roomId,
                pass: true,
                pageID:localStorage.canvasCode,
            },
            success:function(data){
                //// console.log("開通守護",data);
                if(data.code==1){
                    layer.closeAll()
                    if(e==2)layer.msg(langRoom[sessionStorage.lang].roomJsTxt13)
                    else layer.msg(langRoom[sessionStorage.lang].roomJsTxt14)
                    $(".guard-layer").css("bottom","-11.3rem")
                    $(".layer-shadow").hide()
                    myDiamond()
                }else{
                    layer.msg(data.msg)
                }
            }
        })
    }
    function sellDiamond(){
        $.ajax({
            url:$ip+'setting/exchange/chip/buy',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                pageID:localStorage.canvasCode,
                pass: true,
            },
            success:function(data){
                // console.log('露水兑换宝石',data)
                var html=[];
                for(var i=0;i<6;i++){
                    if(data.dataList[i]==undefined)return;
                    var list=data.dataList[i];
                    if(list.point==-1){
                        html+='<li data-type='+list.pid+' class="exc-li-click">';
                        html+='<p class="exc-li-p1">'+langRoom[sessionStorage.lang].roomJsTxt15+'</p>';
                        html+='<p class="exc-li-p2">'+langRoom[sessionStorage.lang].roomJsTxt16+''+sessionStorage.diamond*100+''+langRoom[sessionStorage.lang].roomJsTxt17+'</p>';
                        html+='</li>';
                        excNum=list.pid
                        continue
                    }
                    html+='<li data-type='+list.pid+'>';
                    html+='<p class="exc-li-p1"><img src="images/diamond.png">'+list.expend+'</p>';
                    html+='<p class="exc-li-p2">'+langRoom[sessionStorage.lang].roomJsTxt16+''+list.point+''+langRoom[sessionStorage.lang].roomJsTxt17+'</p>';
                    html+='</li>';
                }
                $(".exc-layer .exc-ul").html(html);
                $(".exc-layer .exc-ul li").on("click",function(){
                    $(".exc-layer .exc-ul li").removeClass("exc-li-click")
                    var _self=$(this)
                    _self.addClass("exc-li-click")   
                    excNum=_self.attr("data-type")
                })
            }
        })
    }
    function sellDew(){
        $.ajax({
            url:$ip+'setting/exchange/chip/sell',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                pageID:localStorage.canvasCode,
                pass: true,
            },
            success:function(data){
                // console.log('宝石兌換露水',data)
                var html=[];
                for(var i=0;i<6;i++){
                    if(data.dataList[i]==undefined)return;
                    var list=data.dataList[i];
                    if(list.point==-1){
                        html+='<li data-type='+list.pid+' class="exc-li-click">';
                        html+='<p class="exc-li-p1">'+langRoom[sessionStorage.lang].roomJsTxt15+'</p>';
                        html+='<p class="exc-li-p2">'+langRoom[sessionStorage.lang].roomJsTxt16+''+Math.floor(sessionStorage.dew/100)+''+langRoom[sessionStorage.lang].roomJsTxt18+'</p>';
                        html+='</li>';
                        excNum=list.pid
                        continue
                    }
                    html+='<li data-type='+list.pid+'>';
                    html+='<p class="exc-li-p1"><img src="images/dew.png">'+list.expend+'</p>';
                    html+='<p class="exc-li-p2">'+langRoom[sessionStorage.lang].roomJsTxt16+''+list.point+''+langRoom[sessionStorage.lang].roomJsTxt18+'</p>';
                    html+='</li>';
                }
                $(".exc-diamond-layer .exc-ul").html(html);
                $(".exc-diamond-layer .exc-ul li").on("click",function(){
                    $(".exc-diamond-layer .exc-ul li").removeClass("exc-li-click")
                    var _self=$(this)
                    _self.addClass("exc-li-click")   
                    excNum=_self.attr("data-type")
                })
            }
        })
    }
    function giftList(e) {
        $.ajax({
            url: $ip + 'gift/getGiftResInfo',
            data: {
                uid:localStorage.uid,
                token:localStorage.token,
                pass: true,
                pageID: localStorage.canvasCode,
            },
            success: function (data) {
                // console.log('禮物面板', data)
                dataObj=data
                giftMd5=data.md5;
            
                if(data.vipInfo!=undefined){
                    var html=[];
                    html+='<img class="level-icon" src="https://app.ixiulive.com/static/vip/'+data.vipInfo.level+'.png" alt="">';
                    html+='<div class="level-bar">';
                    html+='<div class="level-bar-content">';
                    var levelWidth=Math.floor(((data.vipInfo.exp-data.vipInfo.currentLevelExp)/((data.vipInfo.exp+data.vipInfo.nextLevelExp)-data.vipInfo.currentLevelExp))*1000)/10
                    html+='<div style="width:'+levelWidth+'%" class="level-my-bar"></div>';
                    html+='</div>';
                    html+='</div>';
                    $(".level-box").html(html);
                }

                var html=[];
                if(e==1){
                    for(var i=0;i<data.data.length;i++){
                        var list=data.data[i]
                        if(list.currency==4)continue;
                        if(list.currency==5)continue;
                        if(list.currency==6)continue;
                        html+='<li data-type="'+list.gid+'">';             
                        if(list.subimg!=undefined)html+='<img class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_30">'
                        html+='<img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_100" alt="">';
                        html+='<p class="gift-p1">'+list.name+'</p>';
                        html+='<p class="gift-p2"><img src="images/diamond.png" alt="">'+list.price+'</p>';
                        html+='</li>';
                    }
                    $(".gift-ul").html(html);
                }
                if(e==2){
                    for(var i=0;i<data.data.length;i++){
                        var list=data.data[i]
                        if(list.category!=1001)continue;
                        html+='<li data-type="'+list.gid+'">';             
                        if(list.subimg!=undefined)html+='<img  class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_30">'
                        html+='<img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_100" alt="">';
                        html+='<p class="gift-p1">'+list.name+'</p>';
                        html+='<p class="gift-p2"><img src="images/diamond.png" alt="">'+list.price+'</p>';
                        html+='</li>';
                    }
                    $(".gift-ul").html(html);
                }
                if(e==3){
                    for(var i=0;i<data.data.length;i++){
                        var list=data.data[i]
                     
                        if(list.currency!=5)continue;
                        
                        html+='<li data-type="'+list.gid+'">';             
                        if(list.subimg!=undefined)html+='<img style="width:0.45rem" class="subimg" src="https://zhibocdn.yabolive.net/comm'+list.subimg+'?x-oss-process=image/resize,h_30">'
                        html+='<img src="https://zhibocdn.yabolive.net/comm' + list.resource + '?x-oss-process=image/resize,w_100" alt="">';
                        html+='<p class="gift-p1">'+list.name+'</p>';
                        html+='<p class="gift-p2"><img src="images/dew.png" alt=""><i>'+list.price+'</i></p>';
                        html+='</li>';
                    }
                    $(".gift-ul").html(html);
                }
                $(".gift-ul li").unbind("click").on("click",function(){
                    var _self=$(this)
                    giftSend(_self.attr("data-type"),1)
                })
            }
        })

    }
    function backPack(){
        $.ajax({
            url:$ip+'gift/getBackpack',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                roomid:sessionStorage.roomId,
                pass: true,
                pageID: localStorage.canvasCode,
            },
            success:function(data){
                // console.log('背包查询',data)
                var html=[];
                for(var i=0;i<data.data.length;i++){
                    var list=data.data[i]
                    html+='<li data-type="'+list.gid+'">';
                    html+='<img src="https://zhibocdn.yabolive.net/comm'+list.resource+'?x-oss-process=image/resize,w_100" alt="">';
                    html+='<p class="gift-p1">'+list.name+'</p>';
                    html+='<p style="color:#fff" class="gift-p2">x<span>'+list.total+'</span></p>';
                    html+='</li>';
                }
                if(data.data.length==0){
                    html+='<div><img src="images/backpack-no.png"><p>'+langRoom[sessionStorage.lang].roomJsTxt19+'</p></div>'
                }
                $(".gift-ul").html(html);
                $(".gift-ul li").unbind("click").on("click",function(){
                    var _self=$(this)
                    $.ajax({
                        url:$ip+'gift/doBackPackGiftSend',
                        data:{
                            uid:localStorage.uid,
                            token:localStorage.token,
                            fid:sessionStorage.roomId,
                            md5:giftMd5,
                            gift:_self.attr("data-type"),
                            pass: true,
                            num:1,
                            pageID: localStorage.canvasCode,
                        },
                        type:'post',
                        success:function(data){
                            // console.log('用户背包送礼接口',data)
                            if(data.code!=1){
                                layer.msg(data.msg);
                                return
                            }   
                            _self.children(".gift-p2").children("span").text((_self.children(".gift-p2").children("span").text()-1))
                            if(_self.children(".gift-p2").children("span").text()==0){
                                _self.remove()
                            }
                        }
                    })
                })
            }
        })

    }
    function myDiamond(){
        $.ajax({
            url:$ip+'gift/getUserDiamondNum',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                pass: true,
                pageID: localStorage.canvasCode
            },
            success:function(data){
                if(data.code==-1000){
                    layer.msg(data.msg)
                    window.localStorage.removeItem("uid")
                    window.localStorage.removeItem("token")
                    setTimeout(function(){
                        window.location.reload()
                    }, 1000);
                    return;
                }
                // console.log('剩余寶石数',data)
                $(".gift-layer-diamond-box span").text(data.diamond_num)
                sessionStorage.dew=data.chip_num
                sessionStorage.diamond=data.diamond_num
            }
        })
    }
    function giftSend(e,giftNum){
        $.ajax({
            url:$ip+'gift/doGiftSend',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                fid:sessionStorage.roomId,
                md5:giftMd5,
                gift:e,
                pass: true,
                num:giftNum,
                pageID: localStorage.canvasCode,
            },
            type:"post",
            success:function(data){
                //// console.log("贈送禮物",data)
                if(data.code==-201){
                    layer.msg(langRoom[sessionStorage.lang].roomJsTxt20)
                    setTimeout(function(){
                        window.location.reload()
                    },1000)
                    return
                }
                if(data.code==-100){
                    layer.open({
                        type: 1,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass5",
                        area: ["7.8rem", "4.6rem"],
                        content: $(".reg-tip-layer"),
                        end: function () {
                            $(".layui-layer-shade").hide()
                            layer.closeAll()
                        }
                    })
                    return
                }
                if(data.code!=1){
                    layer.msg(data.msg);
                    return
                }         
                var levelWidth=Math.floor(((data.vipInfo.exp-data.vipInfo.currentLevelExp)/((data.vipInfo.exp+data.vipInfo.nextLevelExp)-data.vipInfo.currentLevelExp))*1000)/10
                $(".level-icon").attr("src",'https://app.ixiulive.com/static/vip/'+data.vipInfo.level+'.png')
                $(".level-my-bar").css("width",levelWidth+'%')
                if(localStorage.uid!=undefined&&localStorage.uid!='undefined')myDiamond()
            }
        })
    }
    function newGiftSend(){
        $.ajax({
            url:$ip+'room/doGiftGuidelineCheck',
            data:{
                roomid:sessionStorage.roomId,
                pageID: localStorage.canvasCode
            },
            success:function(data){
                // console.log('送礼引导前检测',data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
                layer.msg(data.isPay)
                if(data.isPay==true){
                    $.ajax({
                        url:$ip+'gift/doGiftGudielineSend',
                        data:{
                            roomid:sessionStorage.roomId,
                            pageID: localStorage.canvasCode
                        },
                        success:function(data){
                            // console.log('执行引导礼物送礼',data)
                            if(data.code!=1){
                                layer.closeAll()
                                layer.msg(data.msg)
                                return;
                            }
                            layer.closeAll()
                        }
                    })
                }
                else if(data.isPay==false){
                    layer.closeAll()
                }
            }
        })
    }
    var systemMsg=true;
    var msgGoTrack=0
    var giftGoId=0
    var guardShowOk=null;
    //socket相關
    var ws;
    var ReconnectionT=null
    var Reconnection=0
    var trackNum=0


    function WebSocketGo() {
        if ("WebSocket" in window) {
            // ws.close()
            // 打开一个 web socket
            if(localStorage.token==undefined||localStorage.token=='undefined')var url = ""+$ws+"ws?uid=" + localStorage.uid + "&token="+localStorage.canvasCode+"&roomid=" + sessionStorage.roomId + "&connType=2&lang="+sessionStorage.lang+"";
            else var url = ""+$ws+"ws?uid=" + localStorage.uid + "&token="+localStorage.token+"&roomid=" + sessionStorage.roomId + "&connType=1&lang="+sessionStorage.lang+"";
            ws = new WebSocket(url);
            ws.onopen = function () {
                typeof tHeart!='undefined'&&typeof tHeart!='null'?clearInterval(tHeart):tHeart=null;
                clearInterval(ReconnectionT)
                // Reconnection=0
                heartbeat()
                tHeart=setInterval(function(){
                    heartbeat()
                }, 5000);
            };
        
            ws.onmessage = function (evt) {
                var obj = JSON.parse(evt.data);
                var myMsg=false
                //用戶開通守護
                if (obj.cid == 2200){
                    clearTimeout(guardShowOk)
                    var list=JSON.parse(obj.content)
                    var html=[];
                    html+='<img class="guard-show-webp" src="images/guard-show.webp?='+Math.random()+'" alt="">';
                    html+='<img class="guard-show-face" src="https://zhibocdn.yabolive.net/comm'+list.content.avatar+'?x-oss-process=image/resize,w_45" alt="">';
                    html+='<p class="guard-name">'+list.content.nickname+'</p>';
                    html+='<img class="guard-tips" src="'+langRoom[sessionStorage.lang].imgSrc1+'" alt="">';
                    $(".guard-show-box").html(html).fadeIn(350);
                    guardShowOk=setTimeout(function()  {
                        $(".guard-show-box").fadeOut(350)
                    }, 3500);
                }
                //购票数据变化通知
                if (obj.cid == 7000){
                    var list=JSON.parse(obj.content)  
                    // console.log('購票數據變化',list)
                    if(list.content.status==1||list.content.status==2){ 
                        TicketRoom(roomCId,roomRId)
                        // $(".ticket-box3-btn").text('Ticker '+list.content.succ+'')
                        // if(list.content.inBuyTotal==0)$(".circleChart2-p span").text(list.content.succ)
                        // else{
                        //     sendClockOk=false
                        //     $(".circleChart2-p").text("已加入").css("color","#24FE90").css("font-size","0.3rem")
                        //     $(".ticket-box3-btn").text("已購票")
                        // } 
                        // var valueNum2=list.content.succ*20
                        // var valueColor='#FA2081'
                        // if(valueNum2==0){
                        //     valueNum2=1
                        //     valueColor="#EFEDED"
                        // }
                        // $(".circleChart2").circleChart({
                        //    value: valueNum2,
                        //    startAngle: 75,
                        //    speed: 0,
                        //    animation: "easeInOutCubic",
                        //    color: valueColor,
                        //    backgroundColor: "#EFEDED",
                        //    size: 80,
                        //    lineCap: "round",
                        // });
                    }
    

                }
                //購票切換狀態
                if(obj.cid == 7001){
                    var list=JSON.parse(obj.content)
                    if(list.content.status==3){
                        if(TicketStage!=list.content.status&&list.content.isPreSaleTimeEnd==false){
                            clearInterval(ticketTerval)
                            turnNumber(1) 
                        }else{
                            sendClockOk=true;
                            setTimeout(function() {
                                TicketRoom(roomCId,roomRId)
                            }, 500);
                            
                        }
                    }
                }
                //充值完成通知
                if (obj.cid == 8000){
                    if(newGiftOk==false)return;
                    newGiftOk=false; 
                    layer.closeAll()
                    setTimeout(function() {
                        layer.open({
                            type: 1,
                            title: false,
                            shadeClose: false,
                            skin: "yourclass5",
                            area: ["7.47rem","5.35rem"],
                            content: $(".layer-gift-box"),
                            end: function () {
                                $(".layui-layer-shade").hide()
                                layer.closeAll()
                            }
                        })
                    }, 500);

                    $(".layer-gift-btn1").unbind("click").on("click",function(){
                        layer.closeAll()
                    })
                    $(".layer-gift-btn2").unbind("click").on("click",function(){
                        newGiftSend()
                    })
                }

                
                if(JSON.parse(obj.content).content.roomid!=sessionStorage.roomId){
                    return;
                }
                //系統消息
                if(obj.cid == 10000){
                    var list=JSON.parse(obj.content)
                    //// console.log('系統消息',list);
                    var html=[];
                    html+='<li class="live-msg-li">'+list.content.msg+'</li>';
                    $(".live-msg-ul").append(html);
                }
                //刷獎送禮
                if(obj.cid == 5300){
                    Reconnection=0;
                    var list=JSON.parse(obj.content)
                    //// console.log('刷獎送禮',list)
                    if(list.content.isBigGift==false){
                        if(list.content.num!=1){
                            if($(".gift-bar-box").hasClass('gift'+list.content.uuid+'')){
                                $('.gift'+list.content.uuid+'').children(".gift-bar-num").text('x'+list.content.num)
                                $('.gift'+list.content.uuid+'').attr("data-type","5000")
                                return;
                            }
                        }
                        giftGoId++
                        var html=[];
                        html+='<div data-type="5000" class="gift-bar-box gift-go'+giftGoId+' gift'+list.content.uuid+' dew-bar-box">';
                        html+='<div class="gift-bar-floor1"><div></div></div><div class="gift-bar-floor2"></div><div class="gift-bar-floor3"></div>';
                        html+='<img class="gift-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_60" alt="">';
                        html+='<p class="gift-bar-p1">'+list.content.userInfo.nickname+'</p>';
                        html+='<p class="gift-bar-p2">'+langRoom[sessionStorage.lang].roomJsTxt21+' '+list.content.giftname+'</p>';
                        html+='<div class="gift-bar-icon-box"><img class="gift-bar-icon" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,w_45" alt=""></div>';
                        html+='<div class="gift-bar-num">x'+list.content.num+'</div>';
                        html+='</div>';
                        $(".room-gift-box").append(html);
                        $('.gift-go'+giftGoId+'').addClass("gift-bar-box-go")
                    }

                }
                //接收直播间礼物
                if (obj.cid == 5200) {
                    Reconnection=0;
                    var list=JSON.parse(obj.content)
                    // console.log('直播间接收礼物',list)
                    if(list.content.isBigGift==false){
                        if(list.content.num!=1){
                            if($(".gift-bar-box").hasClass('gift'+list.content.uuid+'')){
                                $('.gift'+list.content.uuid+'').children(".gift-bar-num").text('x'+list.content.num)
                                $('.gift'+list.content.uuid+'').attr("data-type","5000")
                                return;
                            }
                        }
                        giftGoId++
                        var html=[];
                        html+='<div data-type="5000" class="gift-bar-box gift-go'+giftGoId+' gift'+list.content.uuid+'">';
                        html+='<div class="gift-bar-floor1"><div></div></div><div class="gift-bar-floor2"></div><div class="gift-bar-floor3"></div>';
                        html+='<img class="gift-face" src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_60" alt="">';
                        html+='<p class="gift-bar-p1">'+list.content.userInfo.nickname+'</p>';
                        html+='<p class="gift-bar-p2">'+langRoom[sessionStorage.lang].roomJsTxt21+' '+list.content.giftname+'</p>';
                        html+='<div class="gift-bar-icon-box"><img class="gift-bar-icon" src="https://zhibocdn.yabolive.net/comm'+list.content.icon+'?x-oss-process=image/resize,w_45" alt=""></div>';
                        html+='<div class="gift-bar-num">x'+list.content.num+'</div>';
                        html+='</div>';
                        $(".room-gift-box").append(html);
                        $('.gift-go'+giftGoId+'').addClass("gift-bar-box-go")
                        
                    }
                    if(list.content.isBigGift){
                        giftGoId++
                        var html=[];
                        if(list.content.giftDuration!==0&&list.content.giftDuration!=undefined) html+='<div data-type="'+list.content.giftDuration*1000+'" data-type2="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="room-big-content gift'+list.content.uuid+' big-gift-go'+giftGoId+'">';
                        else html+='<div data-type="5000" data-type2="https://zhibocdn.yabolive.net/comm'+list.content.webp+'" class="room-big-content gift'+list.content.uuid+' big-gift-go'+giftGoId+'">';
                        html+='<img class="gift-webp" src="" alt="">';
                        html+='<div class="room-big-text-content">';
                        html+='<div><img src="https://zhibocdn.yabolive.net/comm'+list.content.userInfo.avatar+'?x-oss-process=image/resize,w_60">'+list.content.userInfo.nickname+' '+langRoom[sessionStorage.lang].roomJsTxt21+' '+list.content.giftname+' x'+list.content.num+'</div></div>';
                        html+='</div>';
                        $(".room-big-giftBox").append(html);
                    }
                }
                //聊天信息
                if (obj.cid == 6200) {
                    Reconnection=0;
                    var list=JSON.parse(obj.content)
                    //进入直播间
                    if(list.content.type==1){
                        var html=[];
                        if(list.content.isrobot==true&&list.content.nickname.indexOf("遊客")==-1)return;
                        //vip用戶
                        if(list.content.lv>0&&list.content.vipInfo.isVip==true){
                            if(list.content.lv>30&&list.content.lv<41)var vipImgNum=2
                            if(list.content.lv>40&&list.content.lv<46)var vipImgNum=3
                            if(list.content.lv>45&&list.content.lv<51)var vipImgNum=4
                            if(list.content.lv>50&&list.content.lv<52)var vipImgNum=5
                            if(list.content.lv>=52)var vipImgNum=5
                            html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name user-name-color'+vipImgNum+'"><img class="user-level-icon" src="https://app.ixiulive.com/static/vip/'+list.content.lv+'.png" alt="">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>'
                            $(".user-msg-big").prepend(html);
                            $(".user-msg-name,.user-name").unbind("click").on("click",function(){
                                var _self=$(this)
                                if(_self.attr("data-type")<0){
                                    return;
                                }
                                cardUp(_self.attr("data-type"))
                            })
                        } 
                        //儲值用戶
                        else if(list.content.lv>0){
                            html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>' 
                            $(".user-msg-big").prepend(html);
                            $(".user-msg-name,.user-name").unbind("click").on("click",function(){
                                var _self=$(this)
                                if(_self.attr("data-type")<0){
                                    return;
                                }
                                cardUp(_self.attr("data-type"))
                            })
                        }
                        //一般用戶
                        else{
                            if(Math.random()>0.9||list.content.uid==localStorage.uid){
                                html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt22+''+list.content.country+'</div>' 
                                $(".user-msg-big").prepend(html);
                                $(".user-msg-name,.user-name").unbind("click").on("click",function(){
                                    var _self=$(this)
                                    if(_self.attr("data-type")<0){
                                        return;
                                    }
                                    cardUp(_self.attr("data-type"))
                                })
                            }
                 
                        } 
                        if(localStorage.uid==list.content.uid){
                            myMsg=true
                        }     
                    }
                    //发言
                    if(list.content.type==2){
                        // console.log('直播间发言',list);
                        var html=[];
                        var richLv=0
                        html+='<div class="user-msg">';

                        if(list.content.vip_lv>0&&list.content.vipInfo.isVip==true){
                            if(list.content.vip_lv>30&&list.content.vip_lv<41)var vipImgNum=2
                            if(list.content.vip_lv>40&&list.content.vip_lv<46)var vipImgNum=3
                            if(list.content.vip_lv>45&&list.content.vip_lv<51)var vipImgNum=4
                            if(list.content.vip_lv>50&&list.content.vip_lv<52)var vipImgNum=5
                            if(list.content.vip_lv>=52)var vipImgNum=5
                            html+='<div data-type="'+list.content.uid+'" class="user-msg-content user-msg-content'+vipImgNum+'"><img class="user-level-icon" src="https://app.ixiulive.com/static/vip/'+list.content.vip_lv+'.png" alt=""><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.uid_nick+'</span>';
                        }  
                        else html+='<div data-type="'+list.content.uid+'" class="user-msg-content"><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.uid_nick+'</span>';
                        if(list.content.live_lv>0)html+='<span class="user-msg-level"><span>'+list.content.live_lv+'</span>';
                        html+='</span> : '+list.content.content+'</div>';
                        html+='</div> ';
                        $(".user-msg-big").prepend(html);
                    }
                    //点亮直播间
                    if(list.content.type==3){
                        var html=[];
                        html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt23+'</div>'
                        $(".user-msg-big").prepend(html);
                    }
                    //追踪
                    if(list.content.type==4){
                        var html=[];
                        html+='<div class="system-msg"><span data-type='+list.content.uid+' class="user-msg-name">'+list.content.nickname+'</span>'+langRoom[sessionStorage.lang].roomJsTxt24+'</div>'
                        $(".user-msg-big").prepend(html);
                    }
                    //送礼信息
                    if(list.content.type==5){
                        var html=[];
                        html+='<div class="system-msg"><span>'+list.content.uid_nick+'</span>送給'+list.content.room_nick+''+list.content.gift_name+'x'+list.content.gift_num+'</div>'
                        $(".user-msg-big").prepend(html);
                    }
                    //打开名片卡
                    $(".name-span").unbind("click").on("click",function(){
                        
                    })
                }
                //主播數據變更
                if (obj.cid == 4200){
                    var list=JSON.parse(obj.content)
                    $(".room-hot-box >span").text(list.content.bonds)
                    // $(".hot-list-box >i").text(list.content.hotnum)
                    // $(".hot-box >span").text(list.content.hotnum)
                    // $(".rich-box >span").text(list.content.bonds)
                    // $(".rich-box").append('<div class="rich-add-box richAddShow-go">+'+list.content.changebonds+'</div>')
                    // setTimeout(function() {
                    //     $(".richAddShow-go").eq(0).remove()
                    // }, 1000);
                }
                //热门值互动值
                if(obj.cid == 4700){
                    var list=JSON.parse(obj.content)
                    if(list.content.popularNum>0)$(".hot-list-box >i").text(list.content.popularNum)
                    if(list.content.interacNum>0)$(".interac-list-box >i").text(list.content.interacNum)
                }
                //主播直播状态
                if (obj.cid == 4300){
                    var list=JSON.parse(obj.content)
                    //// console.log(list)
                    //正常直播
                    if(list.content.state==0){
                        //// console.log("正常直播")
                        window.location.reload()
                    }
                    if(list.content.state==1){
                        //// console.log("暂停直播")
                        layer.msg(langRoom[sessionStorage.lang].roomJsTxt25)
                        var myVideo=document.getElementById('myVideo')
                        myVideo.pause();
                        try{
                            flvPlayer.unload();
                        } 
                        catch (e) {
                        }
                        var html=[];
                        html+='<img class="mc-tv" src="images/mc-tv.png">'
                        html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt4+'</p>'
                        $(".room-content-loading").html(html)
                        $(".room-content-loading").fadeIn(100)
                        $(".loading-face").fadeIn(100)
                        clearInterval(loadT)
                        $(".video-box").hide()
                        var player = document.getElementById('myVideo');
                        player.pause()
                        try{
                            flvPlayer.unload();
                        } 
                        catch (e) {
                        }
                        return;
                    }
                    if(list.content.state==2){
                        //// console.log("下播")
                        window.location.reload()
                    }
                }
                //主播切換付費房
                if (obj.cid == 4400){
                    var list=JSON.parse(obj.content)
                    if(list.content.mode==0){
                        $(".touch-box").unbind("click")
                        $(".user-msg-box").css('bottom','1.4rem')
                        $(".ticket-box").hide()
                        $("#myVideo").css("filter","blur(0px)")
                        $(".new-msg").css("bottom","1.5rem")
                        // $(".ticketRoom-tips-box").hide()
                        sendClockOk=true;
                        clearInterval(ticketTerval)
                        $(".ticker-buy-box").css("bottom","-10rem")
                        $(".layer-shadow").hide()
                        return;
                    }else{
                        roomCId=list.content.channelId
                        roomRId=list.content.roundId
                        clearInterval(sendClock)
                        layer.closeAll()
                        clearInterval(ticketTerval)
                        TicketRoom(list.content.channelId,list.content.roundId)
                    
                    }
                }
                //踢出包房
                if (obj.cid == 2400){
                    window.location.reload()
                }
                var ua = window.navigator.userAgent.toLowerCase();
                if (/iphone|ipad|ipod/.test(ua)) {
                    if(myMsg) $(".user-msg-box").scrollTop(0)

                    if(Math.abs($(".user-msg-box").scrollTop())<130){
                        $(".user-msg-box").scrollTop(0)
                    }else{
                        $(".new-msg").show()
                    }
                }
                else if (/android/.test(ua)) {
                    if(myMsg)$(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height()))

                    if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<80){
                        $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height()))
                    }else{
                        $(".new-msg").show()
                    }
                }
                if($(".user-msg-big >div").length>50){
                    $(".user-msg-big >div").eq(($(".user-msg-big >div").length-1)).remove()
                }

                $(".user-msg-name,.user-name").unbind("click").on("click",function(){
                    var _self=$(this)
                    if(_self.attr("data-type")<0){
                        return;
                    }
                    cardUp(_self.attr("data-type"))
                })
            };
            ws.onclose = function () {
                typeof tHeart!='undefined'&&typeof tHeart!='null'?clearInterval(tHeart):tHeart=null;
                // 关闭 websocket
                //// console.log("连接已关闭...");
                //// console.log(Reconnection)
                clearInterval(ReconnectionT)
                if(Reconnection>=3){
                    clearInterval(ReconnectionT)
                    return;
                }
                // Reconnection++
            
                ReconnectionT=setInterval(function()  {
                    WebSocketGo()
                    Reconnection++
                }, 3000);
            
            };
        }
        else {
            // 浏览器不支持 WebSocket
            //// console.log("您的浏览器不支持 WebSocket!");
        }
    }
    var ua = window.navigator.userAgent.toLowerCase();
    if (/iphone|ipad|ipod/.test(ua)) {
        $(".new-msg").on("click",function(){
                $(".user-msg-box").scrollTop(0)
            })
        $(".user-msg-box").on("scroll",function(){
                if(Math.abs($(".user-msg-box").scrollTop())<50){
                    $(".new-msg").hide()
                }
            })
    } 
    else if (/android/.test(ua)) {
        $(".new-msg").on("click",function(){
            $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height()))
        })
        $(".user-msg-box").on("scroll",function(){
            if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<80){
                $(".new-msg").hide()
            }
        })
    }

    setInterval(function(){
      //普通礼物相关
      for(var i=0;i<4;i++){
        if($(".gift-bar-box").eq(i)==undefined)continue;
        $(".gift-bar-box").eq(i).attr("data-type",$(".gift-bar-box").eq(i).attr("data-type")-500)
        if($(".gift-bar-box").eq(i).attr("data-type")<=0){
            $(".gift-bar-box").eq(i).addClass("gift-bar-box-out")
        }
        if($(".gift-bar-box").eq(i).attr('data-type')<=-500){
            $(".gift-bar-box").eq(i).remove()
        }
      }
      //大礼物
      if($(".room-big-content").eq(0)!=undefined){
        $(".room-big-content").eq(0).fadeIn(350)
        $(".room-big-content").eq(0).attr("data-type",  $(".room-big-content").eq(0).attr("data-type")-500)
        if($(".room-big-content").eq(0).children("img").attr("src")==''){
            $(".room-big-content").eq(0).children("img").attr("src",$(".room-big-content").eq(0).attr("data-type2"))
        }
        if($(".room-big-content").eq(0).attr("data-type")<=0){
            $(".room-big-content").eq(0).fadeOut(350)
        }
        if($(".room-big-content").eq(0).attr("data-type")<=-500){
            $(".room-big-content").eq(0).remove()
        }
      }
    },500)
    function heartbeat(){
        if(ws.readyState == 1){
            var msg=new WsMsg(1000,"ping","");
            // //// console.log('心跳',msg)
            ws.send(JSON.stringify(msg));
        }
    }
    function WsMsg(cid,content,extend) {
        this.time = new Date().getTime();
        this.msgid=Math.random().toString(36).slice(-8);
        this.cid = cid;
        this.content = content;
        this.extend = extend;     
    }
    var taskDian=false
    function task(e){
        $.ajax({
            url:$ip+'task/getcenter',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                type:e,
                pass: true,
                pageID:localStorage.canvasCode
            },
            success:function(data){
                // console.log('獲取任務列表',data)
                if(data.code!=1)return;
                var html=[]
                var taskIconArr=['','','','diamond.png','fire.png','dew.png','pin.png','pin.png']
               
                for(var i=0;i<data.tasks[0].tasklist.length;i++){
                    var list=data.tasks[0].tasklist[i];
                    if(list.state==3&&list.pid!='50007')continue;
                    html+='<li>';
                    html+='<p class="task-p1">'+list.taskName+' <span>+ <img src="images/dew.png" alt="">'+list.award+'</span></p>';
                    if(list.pid!='50007'||list.state!=3)html+='<p class="task-p2">'+list.taskDescription+'</p>';
                    else {
                        var date1 = new Date().getTime()+3600000;
                        html+='<p class="task-p2">'+timeGet(date1)[3]+':00'+langRoom[sessionStorage.lang].roomJsTxt27+'</p>';
                    }
                    if(list.state==0||list.state==1) html+='<div class="task-get-btn task-get-btn1">'+langRoom[sessionStorage.lang].roomJsTxt28+'</div>';
                    else if(list.state==2){
                        html+='<div data-type="'+list.tid+'" data-type2="'+list.award+'" class="task-get-btn task-get-btn2">'+langRoom[sessionStorage.lang].roomJsTxt29+'</div>';
                        taskDian=true;
                    }
                    else if(list.state==3)html+='<div class="task-get-btn task-get-btn3">'+langRoom[sessionStorage.lang].roomJsTxt30+'</div>';
                    html+='</li>';
                }
                for(var i=0;i<data.tasks[1].tasklist.length;i++){
                    var list=data.tasks[1].tasklist[i];
                    if(list.state==3)continue;
                    html+='<li>';
                    html+='<p class="task-p1">'+list.taskName+'<span>+ <img src="images/dew.png" alt="">'+list.award+'</span></p>';
                    html+='<p class="task-p2">'+list.taskDescription+'</p>';
                    if(list.state==0||list.state==1) html+='<div class="task-get-btn task-get-btn1">'+langRoom[sessionStorage.lang].roomJsTxt28+'</div>';
                    else if(list.state==2){
                        html+='<div data-type="'+list.tid+'" data-type2="'+list.award+'" class="task-get-btn task-get-btn2">'+langRoom[sessionStorage.lang].roomJsTxt29+'</div>';
                        taskDian=true;
                    }
                    else if(list.state==3)html+='<div class="task-get-btn task-get-btn3">'+langRoom[sessionStorage.lang].roomJsTxt30+'</div>';
                    html+='</li>';
                }
                $(".task-layer-ul").html(html)
                if(taskDian==true){
                    $(".more-btn-dian").show()
                }
                $(".task-get-btn1").unbind("click").on("click",function(){
                    var _self=$(this)
                    layer.msg(_self.siblings(".task-p2").text())
                })
                $(".task-get-btn2").unbind("click").on("click",function(){
                    var _self=$(this)
                    $.ajax({
                        url:$ip+'task/receive',
                        data:{
                            uid:localStorage.uid,
                            token:localStorage.token,
                            tid:_self.attr('data-type'),
                            pass: true,
                            pageID:localStorage.canvasCode
                        },
                        success:function(data){
                            //// console.log('领取任务奖励',data)
                            if(data.code!=1){
                                layer.msg(data.msg)
                                return;
                            }
                            layer.msg(""+langRoom[sessionStorage.lang].roomJsTxt31+",露水+"+_self.attr("data-type2")+"")
                            _self.addClass("task-get-btn3")
                            if(_self.attr('data-type')!='50007')_self.unbind("click")
                            else{
                                var date1 = new Date().getTime()+3600000;
                                _self.siblings(".task-p2").text(''+timeGet(date1)[3]+':00'+langRoom[sessionStorage.lang].roomJsTxt27+'')
                                _self.unbind("click")
                            } 
                        }
                    })

                })
            }
        })
    }
    function msgSend(e){
        $.ajax({
            url:$ip+'speak/sendSpeak',
            data:{
                uid:localStorage.uid,
                token:localStorage.token,
                roomid:sessionStorage.roomId,
                barrageType:101,
                message:e,
                danmu:0,
                pass: true,
                pageID: localStorage.canvasCode,
            },
            success:function(data){
                //// console.log('发言接口',data)
                if(data.code!=1){
                    setTimeout(function() {
                        layer.msg(data.msg);
                    }, 350);
               
                    return;
                }
                if(data.code==1){
                    sendNum++
                    if(sessionStorage.firstReg==1&&sendNum==3){
                        setTimeout(function() {
                            $(".active-room-shadow").show()          
                            $(".active-room-box").show()
                            var html=[];
                            html+='<iframe src="https://activity.yazhaiyabo.com/activeFt/newCharge/index.html?uid='+localStorage.uid+'&token='+localStorage.token+'&lang='+sessionStorage.lang+'&roomid='+sessionStorage.roomId+'" frameborder="0"></iframe>'
                            $(".active-room-box").html(html).css("bottom","0rem")
                        }, 1000);
              
                    }
                    $(".keyboard-input").val("")
                    var ua = window.navigator.userAgent.toLowerCase();
                    if (/android/.test(ua)) {
                        $(".keyboard-box").hide()
                        fixScroll()
                        $(".layer-shadow").hide()
                        document.activeElement.blur();
                    }
                }
            }
        })
    }
    var lastTouchEnd = 0  //更新手指弹起的时间
    document.documentElement.addEventListener("touchstart", function (event) {
        //多根手指同时按下屏幕,禁止默认行为
        if (event.touches.length > 1) {
          event.preventDefault();
        }
      });
      document.documentElement.addEventListener("touchend", function (event) {
        var now = (new Date()).getTime();
        if (now - lastTouchEnd <= 300) {
         //当两次手指弹起的时间小于300毫秒,认为双击屏幕行为
          event.preventDefault();
        }else{ // 否则重新手指弹起的时间
          lastTouchEnd = now;
        }
      }, false);
      //阻止双指放大页面
      document.documentElement.addEventListener("gesturestart", function (event) {
        event.preventDefault();
      });
      function cardUp(e){
        if(e<0){
            layer.msg("噓,咱們還是不要打擾神秘人的好~")
            return
        }
        $.ajax({
            url:$ip+'zone/userInfo/dataCard',
            data:{
                fid:e,
                pageID: localStorage.canvasCode,
                uid:localStorage.uid,
                token:localStorage.token
            },
            success:function(data){
                // // console.log('用户资料卡',data)
                var html=[];
                //头像
                if(data.zoneInfo.face=='/user/boy.png')var faceImg='images/boy.png';
                else var faceImg='https://zhibocdn.yabolive.net/comm'+data.zoneInfo.face.split('?')[0]+'?x-oss-process=image/resize,w_50';
                //年龄
                if(data.zoneInfo.age!=0)var myAge=data.zoneInfo.age;
                else var myAge=langRoom[sessionStorage.lang].roomJsTxt32
                html+='<img class="layer-space-face" src="'+faceImg+'" alt="">';
                if(data.zoneInfo.level!=0&&data.zoneInfo.privilege.vip==true){
                    console.log(data.zoneInfo.level)
                    if(data.zoneInfo.level>10&&data.zoneInfo.level<21)var vipImgNum=1
                    if(data.zoneInfo.level>20&&data.zoneInfo.level<31)var vipImgNum=2
                    if(data.zoneInfo.level>30&&data.zoneInfo.level<41)var vipImgNum=3
                    if(data.zoneInfo.level>40&&data.zoneInfo.level<46)var vipImgNum=4
                    if(data.zoneInfo.level>45&&data.zoneInfo.level<51)var vipImgNum=5
                    if(data.zoneInfo.level>50&&data.zoneInfo.level<52)var vipImgNum=6
                    if(data.zoneInfo.level>=52)var vipImgNum=7
                    html+='<div class="space-vip-box space-vip-box'+vipImgNum+'"><span>'+data.zoneInfo.level+'</span></div>'
                }
                html+='<div class="layer-space">';
                // html+='<img class="space-close" src="images/close.png" alt="">';
                html+='<p class="layer-space-p1">'+data.zoneInfo.nickname+'</p>';
                html+='<p class="layer-space-p2">Footseen ID:'+data.zoneInfo.uid+'</p>';
                html+='<div class="layer-space-icon">';
                if(data.zoneInfo.level!=0&&data.zoneInfo.privilege.vip==true){
                    html+='<img class="space-vip" src="https://app.ixiulive.com/static/vip/'+data.zoneInfo.level+'.png" alt="">';
               
                }
                if(data.zoneInfo.sex==1)html+='<span class="space-sex-box space-sex-box2"><img src="images/sex1.png" alt="">'+myAge+'</span>';
                else html+='<span class="space-sex-box "><img src="images/sex2.png" alt="">'+myAge+'</span>';
                for(var i=0;i<data.zoneData.medals.length;i++){
                    html+='<img class="space-medals-img" src="https://zhibocdn.yabolive.net/comm'+data.zoneData.medals[i]+'?x-oss-process=image/resize,w_30">';
                }
                html+='</div>';
                html+='<div class="layer-space-tag">';
                html+='<span>'+data.zoneInfo.constellation+'</span>';
                html+='<span>'+data.zoneInfo.culture+'</span>';
                html+='<span>'+data.zoneInfo.work+'</span>';
                html+='</div>';
                html+='<div class="space-text">'+data.zoneInfo.sign.replace("Firefly Live","Footseen")+'</div>';
                html+='<ul class="space-num-ul">';
                html+='<li class="space-num-li1">';
                html+='<p>'+data.zoneData.myfollow+'</p>';
                html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt33+'</p>';
                html+='</li>';
                html+='<li class="space-num-li2">';
                html+='<p>'+data.zoneData.followme+'</p>';
                html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt34+'</p>';
                html+='</li>';
                html+='<li class="space-num-li3">';
                html+='<p><img src="images/diamond.png"> '+data.zoneData.rich+'</p>';
                html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt35+'</p>';
                html+='</li>';
                html+='<li class="space-num-li4">';
                html+='<p><img src="images/fire.png">'+data.zoneData.charm+'</p>';
                html+='<p>'+langRoom[sessionStorage.lang].roomJsTxt36+'</p>';
                html+='</li>';
                html+='</ul>';
                html+='<div class="space-bottom-box">';
                html+='<ul class="space-bottom-ul">';
                if(data.zoneData.isfollow==0)html+='<li data-type="'+data.zoneInfo.uid+'" class="space-btn1">'+langRoom[sessionStorage.lang].roomJsTxt33+'</li>';
                else html+='<li class="space-btn1">已追蹤</li>';
                html+='<li data-type="'+data.zoneInfo.nickname+'" class="space-btn2">'+langRoom[sessionStorage.lang].roomJsTxt38+'</li>';
                html+='<li data-type="'+data.zoneInfo.uid+'" class="space-btn3">'+langRoom[sessionStorage.lang].roomJsTxt37+'</li>';
                html+='</ul>';
                html+='</div>';
                html+='</div>';
                // var richLv=0
                // if(data.zoneInfo.privilege.vip==true){
                //     if(data.zoneInfo.level>=0&&data.zoneInfo.level<11){
                //         richLv=1
                //     }
                //     else if(data.zoneInfo.level>=11&&data.zoneInfo.level<21){
                //         richLv=2
                //     }
                //     else if(data.zoneInfo.level>=21&&data.zoneInfo.level<31){
                //         richLv=3
                //     }
                //     else if(data.zoneInfo.level>=31&&data.zoneInfo.level<41){
                //         richLv=4
                //     }
                //     else if(data.zoneInfo.level>=41&&data.zoneInfo.level<46){
                //         richLv=5
                //     }
                //     else if(data.zoneInfo.level>=46&&data.zoneInfo.level<51){
                //         richLv=6
                //     }
                //     else if(data.zoneInfo.level==51){
                //         richLv=7
                //     }
                //     else if(data.zoneInfo.level==52){
                //         richLv=8
                //     }
                //     if(richLv>1){
                //         html+='<img class="level-bg" src="images/l'+richLv+'.png">'
                //         html+='<div class="vip-frame vip-frame'+(richLv-1)+'"><span>'+data.zoneInfo.level+'</span></div>'
                //     }
              
                // }
                $(".layer-space-box").html(html);
                $(".layer-space-face").unbind("error").on("error",function(){
                    $(this).attr("src","images/boy.png");
                })
                // if(richLv>1)$(".layer-space").css("background","#fff")
                // else{
                //     $(".layer-space").css("background","url(../images/layer-space.png) no-repeat;")
                //     $(".layer-space").css("background-size","100% 100%")
                // }
                $(".space-btn3").unbind("click").on("click",function(){
                    layer.open({
                        type: 2,
                        title: false,
                        shadeClose: true,
                        skin: "yourclass9",
                        area: ["10rem", dHeight+'px'],
                        content: '../userRoom.html?tid='+$(".space-btn3").attr("data-type")+'',
                        end: function () {
                                             
                        }
                    })
                })
                $(".space-close").unbind("click").on("click",function(){
                    layer.closeAll()
                })
                if(data.zoneData.isfollow==0){
                    if(localStorage.uid==$(".space-btn1").attr("data-type")){
                        $(".space-btn1").css("color","#aaa")
                        $(".space-btn2").css("color","#aaa")
                        return;
                    }
                    $(".space-btn1").unbind("click").on("click",function(){
                 
                        if(localStorage.uid==undefined){
                            layer.closeAll()
                            setTimeout(function(){ 
                                $(".layer-shadow").show()
                                loginPage()
                            },300)
                            return
                        }
                        var _self=$(this)
        
                        $.ajax({
                            url:$ip+'room/likeOpt',
                            data:{
                                roomId:_self.attr("data-type"),
                                optType:1,
                                uid:localStorage.uid,
                                token:localStorage.token,
                                pageID: localStorage.canvasCode,
                            },
                            success:function(data){
                                //// console.log('關注',data)
                                if(data.code==1){
                                    _self.text(langRoom[sessionStorage.lang].roomJsTxt39)
                                    _self.unbind("click")
                                    layer.msg(langRoom[sessionStorage.lang].roomJsTxt3)
                                }else{
                                    layer.msg(data.msg)
                                }
                            }
                        })
                    })
                }
          
                $(".space-btn2").unbind("click").on("click",function(){
                    if(localStorage.uid==undefined){
                        layer.closeAll()
                        setTimeout(function(){ 
                            $(".layer-shadow").show()
                            loginPage()
                        },300)
                        return
                    }
                    var _self=$(this)
                    $(".layer-shadow").show()
                    $(".keyboard-box").show()
                    $(".keyboard-input").focus()
                    $(".keyboard-input").val('@'+_self.attr("data-type")+';')
               
                    layer.closeAll()
                })
                
            }
        })
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            skin: "yourclass5",
            area: ["8rem", "9.2rem"],
            content: $(".layer-space-box"),
            end: function () {
                $(".layui-layer-shade").hide()
                layer.closeAll()
            }
        })
    }
    var oneRem=window.innerWidth/10
    var touchX=null;
    var touchY=null;
    var startX=null;
    var startY=null;
    // var goX=null
    // var goY=null
    var degNum=null
    var goDeg=null //滑動角度
    var zwidth=null;//滑動長度
    var angle=null;
    var rightNavShow=false
    var topMoveNumTop=0
    var topMoveNumBottom=0
    var touchOk=true;
    //登录相关
    $(".touch-box").on("touchstart",function(e){
        if(touchOk==false)return;
        startX=e.changedTouches[0].clientX
        startY=e.changedTouches[0].clientY
        zwidth=0
       
   })
    $(".touch-box").on("touchmove",function(e){
        if(topRoomId==0)return;
        if(touchOk==false)return;
        event.preventDefault()
        if(touchX==null){
            touchX=e.changedTouches[0].clientX
            touchY=e.changedTouches[0].clientY
            return;
        }
    
        // if(e.changedTouches[0].clientY-startY>0)return
        var xWidth=Math.abs(startX-e.changedTouches[0].clientX)
        var yWidth=Math.abs(startY-e.changedTouches[0].clientY)
        // zwidth=Math.floor(Math.sqrt(yWidth*yWidth+xWidth*xWidth)/oneRem*100)/100-1
        zwidth=Math.floor(Math.sqrt(yWidth*yWidth+xWidth*xWidth)/oneRem*100)/100
        //左右
        if(startX>e.changedTouches[0].clientX){
            //左
            touchX=e.changedTouches[0].clientX
            goDeg=Math.abs((-90+(asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY))))
        }else if(startX<e.changedTouches[0].clientX){
            //右
            touchX=e.changedTouches[0].clientX
            goDeg=Math.abs((90-asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY))*-1)
        }
        // 上下
        if(touchY>e.changedTouches[0].clientY){
            // // console.log("向上")
            touchY=e.changedTouches[0].clientY
            goDeg=Math.abs((-90+(asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY))))
            if(zwidth<1&topMoveNumBottom==0){
                return;
            }
            if(angle==null){
                angle=Math.abs(goDeg-90)  
            }
            if(angle>30){
                return;
            }
            topMoveNumTop=e.changedTouches[0].clientY-startY
            $(".room-bg,.video-box").css("top",topMoveNumTop+'px')

        }else if(touchY<e.changedTouches[0].clientY){
            // // console.log("向下")
            touchY=e.changedTouches[0].clientY
            goDeg=Math.abs((-90+(asinGo(e.changedTouches[0].clientX-startX,e.changedTouches[0].clientY-startY))))
         
           
            if(zwidth<1&&topMoveNumTop==0){
                return;
            }
            if(angle==null){
                angle=Math.abs(goDeg-90)  
            }
            if(angle>30)return;
            topMoveNumBottom=e.changedTouches[0].clientY-startY
            $(".room-bg,.video-box").css("top",topMoveNumBottom+'px')

   
        }  
   })
    $(".touch-box").on("touchend",function(e){
        if(touchOk==false)return;
        // goX=e.changedTouches[0].clientX-startX
        // goY=e.changedTouches[0].clientY-startY
        
        if(startX>e.changedTouches[0].clientX){
            //向左

        }
        if(startX<e.changedTouches[0].clientX){
            //向右

        }
        if(startY<e.changedTouches[0].clientY){
            //向下
            angle=Math.abs(goDeg-90)  
            if(angle<30&&zwidth>3.5){
                $(".room-bg,.video-box").css("transition","0.35s all")
                $(".room-bg,.video-box").css("top","100vh")    
                $("body").css("pointer-events","none")    
                if(sessionStorage.type!='pwa'){
                    if(localStorage.uid==undefined){
                        if(sessionStorage.lookNum==undefined)sessionStorage.lookNum=1;
                        else sessionStorage.lookNum=Number(sessionStorage.lookNum)+1;
                    }
                }
                sessionStorage.roomId=topRoomId
         
                liveList(1)
        
                setTimeout(function() {
                    $(".room-bg,.video-box").fadeOut(0)
                    startLive(1)
                    layer.closeAll()
                    $("body").css("pointer-events","inherit")  
                    ws.close()
                    closePop()
                    $(".user-msg-box").css('bottom','1.4rem')
                    $(".ticket-box").hide()
                    $("#myVideo").css("filter","blur(0px)")
                    $(".new-msg").css("bottom","1.5rem")
                    // $(".ticketRoom-tips-box").hide()
                    $('.secret-ing-content').hide()
                    $(".secret-bottom-box").hide()
                    $(".room-top,.user-msg-box,.room-bottom").show()
                    $(".sound-tips").hide()
                    $(".sound-tips").removeClass("sound-tips2")
                    $(".room-gift-box,.room-big-giftBox").html('')
                    $(".user-msg-big").html('<div class="system-msg one-msg">'+langRoom[sessionStorage.lang].roomJsTxt41+'</div>')
                    $(".room-content-loading").html('<img class="loading-icon" src="images/loading/loading (1).png" alt="">')
                    $(".room-bg,.video-box").css("transition","0s all")
                    $(".room-bg,.video-box").css("top","0vh")
                    try{
                        flvPlayer.unload();
                        clearInterval(ticketTerval)
                        clearInterval(loadT)
                        clearInterval(ticketTerval)
                        clearInterval(sendClock)
                        clearInterval(turnClock)
                        clearInterval(ReconnectionT)
                        clearInterval(tHeart)
                        var mVideo = document.getElementById('myVideo');
                        mVideo.pause();
                        mVideo.removeAttribute('src');
                        mVideo.load();
                    }catch(e){

                    }
                    history.pushState(null,null,'liveRoom.html?roomId='+sessionStorage.roomId+'&v=2023062602')
                    $(".room-secret,.mc-out-box,.secret-bottom-box,.secret-ing-content,.play-icon,.mc-out-box,.room-secret,.room-content-loading").hide()
                    // window.location.href="liveRoom.html?roomId="+topRoomId+"&sound=1&v=2023050801"
                }, 300);
                return
            }
        }
        if(startY>e.changedTouches[0].clientY){
            //向上
            angle=Math.abs(goDeg-90)
        
            if(angle<30&&zwidth>3.5){
                $(".room-bg,.video-box").css("transition","0.35s all")
                $(".room-bg,.video-box").css("top","-100vh")
                $("body").css("pointer-events","none")  
                // $(".room-bg,.video-box").fadeOut(350)
                sessionStorage.roomId=BottomRoomId
                if(sessionStorage.type!='pwa'){
                    if(localStorage.uid==undefined){
                        if(sessionStorage.lookNum==undefined)sessionStorage.lookNum=1;
                        else sessionStorage.lookNum=Number(sessionStorage.lookNum)+1;
                    }
                }
                liveList(1)
                setTimeout(function() {
                    $(".room-bg,.video-box").fadeOut(0)
                    startLive(1)
                    layer.closeAll()
                    $("body").css("pointer-events","inherit")   
               
                    ws.close()
                    closePop()

                    $(".user-msg-box").css('bottom','1.4rem')
                    $(".ticket-box").hide()
                    $("#myVideo").css("filter","blur(0px)")
                    $(".new-msg").css("bottom","1.5rem")
                    // $(".ticketRoom-tips-box").hide()
                    $('.secret-ing-content').hide()
                    $(".secret-bottom-box").hide()
                    $(".room-top,.user-msg-box,.room-bottom").show()
                    $(".sound-tips").hide()
                    $(".sound-tips").removeClass("sound-tips2")
                    $(".room-gift-box,.room-big-giftBox").html('')
                    $(".user-msg-big").html('<div class="system-msg one-msg">'+langRoom[sessionStorage.lang].roomJsTxt41+'</div>')
                    $(".room-content-loading").html('<img class="loading-icon" src="images/loading/loading (1).png" alt="">')
                    $(".room-bg,.video-box").css("transition","0s all")
                    $(".room-bg,.video-box").css("top","0vh")
                    try{
                        flvPlayer.unload();
                        clearInterval(ticketTerval)
                        clearInterval(loadT)
                        clearInterval(ticketTerval)
                        clearInterval(sendClock)
                        clearInterval(turnClock)
                        clearInterval(ReconnectionT)
                        clearInterval(tHeart)
                        var mVideo = document.getElementById('myVideo');
                        mVideo.pause();
                        mVideo.removeAttribute('src');
                        mVideo.load();
                    }catch(e){

                    }
                    history.pushState(null,null,'liveRoom.html?roomId='+sessionStorage.roomId+'&v=2023062602'); 
                    $(".room-secret,.mc-out-box,.secret-bottom-box,.secret-ing-content,.play-icon,.mc-out-box,.room-secret,.room-content-loading").hide()
                    // window.location.href="liveRoom.html?roomId="+BottomRoomId+"&sound=1&v=2023050801"
                }, 300);
                return
            }
        }

        angle=null
        $(".room-bg,.video-box").css("transition","0.35s all")
        $(".room-bg,.video-box").css("top","0")
        topMoveNumBottom=0
        topMoveNumTop=0
        zwidth=0
        touchOk=false
        setTimeout(function()  {
            $(".room-bg,.video-box").css("transition","none")
            touchOk=true
        }, 350);
   })
    function asinGo(x,y){
        return degNum=Math.round(180*Math.asin(x/Math.sqrt(x*x+y*y))/Math.PI*10)/10     
   }
   function fixScroll() {
    var u = navigator.userAgent;
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if (isiOS) {
     window.scrollTo(0, 0);
    }
   }
})
</script>
</html>