From 80c457671ef7c2f5b849cff056b424bf68e83497 Mon Sep 17 00:00:00 2001
From: libai <libai@yazhai.co>
Date: Wed, 17 May 2023 19:12:17 +0800
Subject: [PATCH] 测试

---
 mobile/css/login.css             |   4 +++-
 mobile/css/login.less            |   6 ++++--
 mobile/index.html                |   4 ++--
 mobile/lib/default.js            |   1 +
 mobile/lib/login.js              |   6 +++---
 mobile/revise.html               |   2 +-
 mobile/room/css/liveRoom.css     | 133 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 mobile/room/css/liveRoom.less    | 140 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 mobile/room/lib/phoneRoomLang.js |  12 +++++++++---
 mobile/room/liveRoom.html        | 195 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------------------------
 mobile/video.html                |   4 ++--
 mobile/videoPage.html            |   6 +++---
 12 files changed, 423 insertions(+), 90 deletions(-)

diff --git a/mobile/css/login.css b/mobile/css/login.css
index 56bb3bf..a194787 100644
--- a/mobile/css/login.css
+++ b/mobile/css/login.css
@@ -1,13 +1,15 @@
 .login-box {
   width: 10rem;
   position: fixed;
-  bottom: -13rem;
+  bottom: 0;
   height: 12.55rem;
   border-radius: 0.2rem 0.2rem 0 0;
   background: #FBFCFC;
   box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
   z-index: 800;
   transition: 0.35s all;
+  -webkit-transition: 0.35s all;
+  transform: translateY(13rem);
 }
 .login-close {
   color: #999999;
diff --git a/mobile/css/login.less b/mobile/css/login.less
index 4dca0a1..7324575 100644
--- a/mobile/css/login.less
+++ b/mobile/css/login.less
@@ -1,14 +1,16 @@
 .login-box{
     width: 10rem;
     position: fixed;
-    bottom: -13rem;
-    // bottom: 0;
+    // bottom: -13rem;
+    bottom: 0;
     height: 12.55rem;
     border-radius: 0.2rem 0.2rem 0 0;
     background: #FBFCFC;
     box-shadow: 0 0 0.3rem rgba(0,0,0,0.2);
     z-index: 800;
     transition: 0.35s all;
+    -webkit-transition:0.35s all;
+    transform: translateY(13rem);
 }
 .login-close{
     color: #999999;
diff --git a/mobile/index.html b/mobile/index.html
index dfb1f6c..93c075b 100644
--- a/mobile/index.html
+++ b/mobile/index.html
@@ -19,7 +19,7 @@
     <link rel="apple-touch-icon-precomposed" href="icon/fox-icon.png">
     <script src="lib/jquery-3.1.1.min.js"></script>
     <script src="lib/spark-md5.min.js"></script>
-    <script src="lib/default.js?v=2023041801"></script>
+    <script src="lib/default.js?v=2023051701"></script>
     <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta content="telephone=no" name="format-detection">
@@ -402,7 +402,7 @@
 </body>
 <script src="layer-v3.1.0/layer/layer.js"></script>
 <!-- <script src="lib/fingerprint2.js"></script> -->
-<script src="lib/login.js?v=2023050601"></script>
+<script src="lib/login.js?v=2023051702"></script>
 <script src="index.js?v=2022122201" defer=""></script>
 <script src="lib/phoneLang.js?v=2023050602"></script>
 <!-- <script src="lib/mobileLoginLang.js"></script> -->
diff --git a/mobile/lib/default.js b/mobile/lib/default.js
index a5bd6d0..cc025fe 100644
--- a/mobile/lib/default.js
+++ b/mobile/lib/default.js
@@ -13,6 +13,7 @@ else{
     $ip='http://cpapitest.yabolive.net:81/'
     $ip2="http://ceshi.yabolive.tv/web"
     $ws = "ws://47.242.178.187:12308/"
+    // localStorage.canvasCode='phone'
 }
 if(bbb.indexOf("userRoom.html")==-1){
     sessionStorage.lastUrl=bbb
diff --git a/mobile/lib/login.js b/mobile/lib/login.js
index 2b64ba0..889dae7 100644
--- a/mobile/lib/login.js
+++ b/mobile/lib/login.js
@@ -295,13 +295,13 @@ var areaJson={
     }
   }
   $(".login-close").on("click",function(){
-    $(".login-box").css("bottom","-15rem")
+    $(".login-box").css("transform","translateY(13rem)")
     $(".nav-shadow").hide()
     $(".layer-shadow").hide()
 })
 $(".nav-shadow").on("click",function(){
     //關閉所有彈窗
-    $(".login-box").css("bottom","-15rem")
+    $(".login-box").css("transform","translateY(13rem)")
     $(".right-nav").css("right","-8rem")
     $(".nav-shadow").hide()
 })
@@ -571,7 +571,7 @@ function loginPage(){
        }
    })
   $(".right-nav").css("right","-8rem")
-  $(".login-box").css("bottom","0rem") 
+  $(".login-box").css("transform","translateY(0rem)")
   $(".login1,.login2,.register,.reset").hide()
   $(".login-show").show()
   googleLogin()
diff --git a/mobile/revise.html b/mobile/revise.html
index 415228e..f46782e 100644
--- a/mobile/revise.html
+++ b/mobile/revise.html
@@ -35,7 +35,7 @@
     <script async defer src="lib/hello.js"></script>
     <link rel="stylesheet" href="css/base.css">
     <link rel="stylesheet" href="css/layer.css">
-    <link rel="stylesheet" href="css/index.css?v=20222805">
+    <link rel="stylesheet" href="css/index.css?v=2023051701">
     <link rel="stylesheet" href="css/login.css">
     <style>
         .layui-layer-shade {
diff --git a/mobile/room/css/liveRoom.css b/mobile/room/css/liveRoom.css
index 9049365..bbb5588 100644
--- a/mobile/room/css/liveRoom.css
+++ b/mobile/room/css/liveRoom.css
@@ -40,6 +40,10 @@
   background: url(../images/sound-tips-en.png) no-repeat !important;
   background-size: 100% 100% !important;
 }
+.body-lang1 .sound-tips2 {
+  background: url(../images/sound-tips-en2.png) no-repeat !important;
+  background-size: 100% 100% !important;
+}
 .body-lang1 .guard-layer-content {
   background: url(../images/En/guard-layer.png) no-repeat;
   background-size: 100% 100%;
@@ -57,6 +61,14 @@
 .body-lang1 .ticker-buy-tips {
   width: 3.1rem;
 }
+.body-lang1 .guard-layer-btn {
+  background: url(../images/guard-layer-btn-en.png) no-repeat;
+  background-size: 100% 100%;
+}
+.body-lang1 .guard-layer-btn-yes {
+  background: url(../images/guard-layer-btn2-en.png) no-repeat;
+  background-size: 100% 100%;
+}
 .room-top {
   width: 10rem;
   height: 1.85rem;
@@ -1874,6 +1886,8 @@
 .sound-tips2 {
   width: 3.26rem;
   height: 0.96rem;
+  top: 0.2rem;
+  left: 0.2rem;
   background: url(../images/sound-tips2.png) no-repeat;
   background-size: 100% 100%;
 }
@@ -1917,7 +1931,7 @@
   background: rgba(0, 0, 0, 0.55);
   position: absolute;
   bottom: 1.35rem;
-  z-index: 500;
+  z-index: 400;
   display: none;
 }
 .ticket-box1 {
@@ -2036,7 +2050,7 @@
   width: 9.2rem;
   height: 1.95rem;
   border-radius: 0.4rem;
-  border: 2px solid #E63986;
+  border: 1px solid #E63986;
   margin: 0 auto;
   margin-top: 0.23rem;
 }
@@ -2489,3 +2503,118 @@
   bottom: 0.7rem;
   right: 0.6rem;
 }
+.secret-ing-content {
+  width: 100vw;
+  height: 100vh;
+  display: none;
+  position: absolute;
+  z-index: 50;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.1);
+  color: #fff;
+}
+.secret-ing-p1 {
+  font-size: 0.5rem;
+  font-weight: 700;
+  text-align: center;
+}
+.secret-ing-p2 {
+  font-size: 0.4rem;
+  text-align: center;
+}
+.secret-ing-p3 {
+  font-size: 0.4rem;
+  padding-top: 0.45rem;
+  text-align: center;
+}
+.secret-ing-p3 span {
+  font-size: 0.55rem;
+  font-weight: 700;
+  color: #E53985;
+}
+.secret-ing-p4 {
+  font-size: 0.35rem;
+  text-align: center;
+  padding-top: 0.25rem;
+}
+.secret-ing-p5 {
+  width: 4.8rem;
+  height: 1.3rem;
+  background: rgba(255, 255, 255, 0.4);
+  margin: 0 auto;
+  border-radius: 0.2rem;
+  margin-top: 0.4rem;
+  position: relative;
+  line-height: 1.3rem;
+  font-size: 0;
+}
+.secret-ing-p5 > img {
+  vertical-align: middle;
+  width: 0.8rem;
+  margin-left: 0.3rem;
+}
+.secret-ing-p5 > span {
+  font-size: 0.3rem;
+  height: 1.3rem;
+  line-height: 1.3rem;
+  right: 0.3rem;
+  top: 0;
+  position: absolute;
+}
+.secret-ing-p5 > span img {
+  width: 0.4rem;
+  vertical-align: middle;
+  margin-top: -0.1rem;
+  margin-right: 0.1rem;
+}
+.secret-ing-tips {
+  height: 5rem;
+  width: 10rem;
+  position: absolute;
+  top: 50%;
+  margin-top: -2.5rem;
+}
+.secret-face {
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  left: 50%;
+  margin-left: -1rem;
+  top: -3rem;
+  position: absolute;
+}
+.secret-bottom-box {
+  color: #fff;
+  width: 10rem;
+  height: 3rem;
+  position: absolute;
+  bottom: 1.4rem;
+  z-index: 101;
+  display: none;
+}
+.secret-bottom-tips {
+  display: none;
+  font-size: 0.35rem;
+  text-align: center;
+  line-height: 0.6rem;
+  height: 0.6rem;
+  margin-top: 0.3rem;
+}
+.secret-bottom-tips img {
+  vertical-align: middle;
+  margin-top: -0.18rem;
+  width: 0.6rem;
+  margin-left: 0.07rem;
+  margin-right: 0.07rem;
+}
+.secret-bottom {
+  height: 1.1rem;
+  width: 4.8rem;
+  background: #E53985;
+  margin: 0 auto;
+  text-align: center;
+  line-height: 1.1rem;
+  border-radius: 1rem;
+  font-size: 0.4rem;
+}
diff --git a/mobile/room/css/liveRoom.less b/mobile/room/css/liveRoom.less
index 05dd13f..e4b065b 100644
--- a/mobile/room/css/liveRoom.less
+++ b/mobile/room/css/liveRoom.less
@@ -41,6 +41,10 @@
         background: url(../images/sound-tips-en.png)no-repeat !important;
         background-size: 100% 100% !important;
     }
+    .sound-tips2{
+        background: url(../images/sound-tips-en2.png)no-repeat !important;
+        background-size: 100% 100% !important;
+    }
     .guard-layer-content{
         background: url(../images/En/guard-layer.png)no-repeat;
         background-size: 100% 100%;
@@ -58,6 +62,16 @@
     .ticker-buy-tips{
         width: 3.1rem;
     }
+    .guard-layer-btn{
+     
+        background: url(../images/guard-layer-btn-en.png)no-repeat;
+        background-size: 100% 100%;
+
+    }
+    .guard-layer-btn-yes{
+        background: url(../images/guard-layer-btn2-en.png)no-repeat;
+        background-size: 100% 100%;
+    }
 }
 .room-top{
     width: 10rem;
@@ -918,6 +932,7 @@
     width: 10rem;
     left: 0;
     bottom: 3rem;
+
 }
 .room-bg{
     width: 10rem;
@@ -1930,6 +1945,8 @@
 .sound-tips2{
     width: 3.26rem;
     height: 0.96rem;
+    top: 0.2rem;
+    left: 0.2rem;
     background: url(../images/sound-tips2.png) no-repeat;
     background-size: 100% 100%;
 }
@@ -1975,7 +1992,7 @@
     background: rgba(0,0,0,0.55);
     position: absolute;
     bottom: 1.35rem;
-    z-index: 500;
+    z-index: 400;
     display: none;
 }
 .ticket-box1{
@@ -2094,7 +2111,7 @@
         width: 9.2rem;
         height: 1.95rem;
         border-radius: 0.4rem;
-        border: 2px solid #E63986;
+        border: 1px solid #E63986;
         // border: 2px solid #e639872d;
         margin: 0 auto;
         margin-top: 0.23rem;
@@ -2554,4 +2571,123 @@
     border-radius: 1rem;
     bottom: 0.7rem;
     right: 0.6rem;
+}
+.secret-ing-content{
+    width: 100vw;
+    height: 100vh;
+    display: none;
+    position: absolute;
+    z-index: 50;
+    top: 0;
+    left: 0;
+    background: rgba(0,0,0,0.1);
+    color: #fff;
+}
+.secret-ing-p1{
+    font-size: 0.5rem;
+    font-weight: 700;
+    text-align: center;
+}
+.secret-ing-p2{
+    font-size: 0.4rem;
+    text-align: center;
+}
+.secret-ing-p3{
+    font-size: 0.4rem;
+    padding-top: 0.45rem;
+    text-align: center;
+    span{
+        font-size: 0.55rem;
+        font-weight: 700;
+        color:#E53985;
+    }
+}
+.secret-ing-p4{
+    text-align: center;
+    font-size: 0.35rem;
+    text-align: center;
+    padding-top: 0.25rem;
+}
+.secret-ing-p5{
+    width: 4.8rem;
+    height: 1.3rem;
+    background: rgba(255,255,255,0.4);
+    margin: 0 auto;
+    border-radius: 0.2rem;
+    margin-top: 0.4rem;
+    position: relative;
+    line-height: 1.3rem;
+    font-size: 0;
+    >img{
+        vertical-align: middle;
+        width: 0.8rem;
+        margin-left: 0.3rem;
+    }
+    >span{
+        font-size: 0.3rem;
+        height: 1.3rem;
+        line-height: 1.3rem;
+        right: 0.3rem;
+        top: 0;
+        position: absolute;
+        img{
+            width: 0.4rem;
+            vertical-align: middle;
+            margin-top: -0.1rem;
+            margin-right: 0.1rem;
+        }
+    }
+}
+.secret-ing-tips{
+    height: 5rem;
+    width: 10rem;
+    position: absolute;
+    top: 50%;
+    margin-top: -2.5rem;
+
+}
+.secret-face{
+    width: 2rem;
+    height: 2rem;
+    border-radius: 50%;
+    left: 50%;
+    margin-left: -1rem;
+    top: -3rem;     
+    position: absolute;
+}
+.secret-bottom-box{
+    color: #fff;
+    width: 10rem;
+    height: 3rem;
+    position: absolute;
+    bottom: 1.4rem;
+    z-index: 101;
+    display: none;
+}
+.secret-bottom-tips{
+    display: none;
+    font-size: 0.35rem;
+    text-align: center;
+    line-height: 0.6rem;
+    height: 0.6rem;
+    margin-top: 0.3rem;
+    img{
+        vertical-align: middle;
+        margin-top: -0.18rem;
+        width: 0.6rem;
+        margin-left: 0.07rem;
+        margin-right: 0.07rem;
+    }
+ 
+}
+.secret-bottom{
+
+    height: 1.1rem;
+    width: 4.8rem;
+    background: #E53985;
+    margin: 0 auto;
+    text-align: center;
+    line-height: 1.1rem;
+    border-radius: 1rem;
+    font-size: 0.4rem;
 }
\ No newline at end of file
diff --git a/mobile/room/lib/phoneRoomLang.js b/mobile/room/lib/phoneRoomLang.js
index 04bc9f7..43e7615 100644
--- a/mobile/room/lib/phoneRoomLang.js
+++ b/mobile/room/lib/phoneRoomLang.js
@@ -56,7 +56,7 @@ var langRoom=[
         roomJsTxt19:"backpack is empty",
         roomJsTxt20:"Updating gift resources",
         roomJsTxt21:"Send",
-        roomJsTxt22:"come in, come from",
+        roomJsTxt22:"come in, come from ",
         roomJsTxt23:"Light up the live room, pop index +1",
         roomJsTxt24:"Follow broadcaster",
         roomJsTxt25:"The live paused",
@@ -90,16 +90,19 @@ var langRoom=[
         ticketLang12:'Already have',
         ticketLang13:'buy tickets',
         ticketLang14:'Countdown',
-        ticketLang15:'ing',
+        ticketLang15:'show',
         ticketLang16:'consume',
         ticketLang17:'join success',
         ticketLang18:'Cancel',
         ticketLang19:'Sure',
         ticketLang20:'system hint',
         ticketLang21:'s',
-        ticketLang22:'show time',
+        ticketLang22:'Show Time',
         ticketLang23:'min',
         ticketLang24:'Start immediately',
+        ticketLang25:'package remaining',
+        ticketLang26:'in show',
+        ticketLang27:'Join Now',
         imgSrc1:'images/En/guard-tips.png',
     },
     {
@@ -199,6 +202,9 @@ var langRoom=[
         ticketLang22:'表演時長',
         ticketLang23:'分鐘',
         ticketLang24:'立即開始',
+        ticketLang25:'背包剩余',
+        ticketLang26:'表演中',
+        ticketLang27:'購票看秀',
         imgSrc1:'images/guard-tips.png',
     }
 ]
diff --git a/mobile/room/liveRoom.html b/mobile/room/liveRoom.html
index 14dccd0..65a6dd6 100644
--- a/mobile/room/liveRoom.html
+++ b/mobile/room/liveRoom.html
@@ -35,8 +35,8 @@
     <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=2023050604">
-    <link rel="stylesheet" href="../css/login.css?v=2023050601">
+    <link rel="stylesheet" href="css/liveRoom.css?v=2023051714">
+    <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>
@@ -136,8 +136,27 @@
             </div>
         </div> -->
     </div>
-   
+
     <div class="room-bg">
+        <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>
@@ -209,7 +228,7 @@
                     <div class="interac-list-box"><img src="images/interac.png" 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 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">
@@ -259,7 +278,7 @@
                 </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">Ticker 1</div>
+                    <div class="ticket-box3-btn">ticket 1</div>
                 </div>
             </div>
             <div class="room-bottom">
@@ -300,7 +319,7 @@
                         </div>
                     </li>
                 </ul>
-                <div class="ticker-buy-btn"><i class="roomJsTxt35">送出</i></div>
+                <div class="ticker-buy-btn"><i class="roomJsTxt35">購票看秀</i></div>
             </div>
         </div>
         <div class="hot-list-layer">
@@ -433,7 +452,8 @@
             <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 enterkeyhint="send" class="keyboard-input" placeholder="和所有人聊天" type="text">
+            <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">
@@ -591,7 +611,7 @@
             <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 class="ticker-send-btn">購票看秀</div>
         </div>
     </div>
     <div class="ticker-tips-box">
@@ -635,13 +655,13 @@
 </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=20230504"></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=2023032401"></script>
+<script src="../lib/login.js?v=2023051702"></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=2023050601"></script>
+<script src="lib/phoneRoomLang.js?v=202301713"></script>
 <script src="lib/liMarquee.js"></script>
 <script>
 $(function(){
@@ -701,12 +721,14 @@ $(function(){
         $(".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].roomJsTxt35)
-        $(".roomJsTxt35").text(langRoom[sessionStorage.lang].roomJsTxt35)
+        $(".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)
     }
     // hotList()
     liveList(1)
@@ -777,6 +799,7 @@ $(function(){
             $(".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   
             loadT=setInterval(function(){
@@ -1154,7 +1177,6 @@ $(function(){
         // $(".room-bg").css("")
         $(".layer-shadow").show()
         $(".keyboard-box").show()
-        
         $(".keyboard-input").focus()
     })
     $(".gift-layer-ul li").unbind("click").on("click",function(){
@@ -1215,7 +1237,7 @@ $(function(){
         $(".layer-shadow").hide()
         $(".keyboard-box").hide()
         fixScroll()
-        $(".login-box").css("bottom","-15rem")
+        $(".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")
@@ -1399,20 +1421,25 @@ $(function(){
             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()
-                
+                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()
+                // $(".ticketRoom-tips-box").show()
                 TicketStage=data.progressBar.state
                 turnNumberOk=true;
                 clearInterval(ticketTerval)
@@ -1421,14 +1448,14 @@ $(function(){
                     $(".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")
+                    // $(".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('Ticker '+data.progressBar.succ+'')
+                    $(".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")
@@ -1462,8 +1489,8 @@ $(function(){
                             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)))
+                        // 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){
@@ -1492,7 +1519,7 @@ $(function(){
                             })
                             var sendClockNum=data.progressBar.leftTime
                             sendClock=setInterval(function(){
-                                sendClockNum-=20
+                                sendClockNum-=30
                                 if(sendClockNum<0){
                                     clearInterval(sendClock)
                                     layer.closeAll()
@@ -1506,42 +1533,47 @@ $(function(){
                 if(data.progressBar.state==3){
                     if(data.inBuyTotal>0){
                         $(".ticker-buy-box").css("bottom","-10rem")
-                        $(".layer-shadow").hide()
+                        $("#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()
-                    $(".ticker-buy-time").css("font-size","0")
                     $(".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()
-                    })
+                    // $(".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()
+                    // })
                     /****/
-                    $(".ticketRoom-tips-box span").text('ing...')
-                    $(".ticketRoom-tips-box").css("color","#24FE90")
-                    var buyTicket=true;
-                    $(".ticket-box").show()
+                    // $(".ticket-box").show()
                     $(".user-msg-box").css('bottom','2.9rem')
                     $(".new-msg").css("bottom","3rem")
-
-                    if(data.inBuyTotal==0){
-                        $("#myVideo").css("filter","blur(18px)")
-                        $(".ticket-box3-btn").text(langRoom[sessionStorage.lang].ticketLang13)
-                        $(".ticker-buy-box").css("bottom","0rem")
-                        $(".layer-shadow").show()
-                    }
-                    else{
-                        setTimeout(function(){$(".ticket-box").unbind("click")},500)
-                        $(".ticket-box3-btn").text(langRoom[sessionStorage.lang].ticketLang11)
-                    }
                     $(".ticket-box1-content2").show()
-                    $(".ticker-buy-content1-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>")
+                    $(".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
@@ -1551,18 +1583,28 @@ $(function(){
                             $(".ticket-box").hide()
                             $("#myVideo").css("filter","blur(0px)")
                             $(".new-msg").css("bottom","1.5rem")
-                            $(".ticketRoom-tips-box").hide()
+                            // $(".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)))
-                        $(".ticker-buy-content1-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>")
+                        $(".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)
                         }
-                        $(".ticker-buy-btn").unbind("click").on("click",function(){
+
+                        $(".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,
@@ -1584,7 +1626,7 @@ $(function(){
                                 })
                             
                             }else{
-                                buyTicker(chId,rId,n)
+                                buyTicker(chId,rId,1)
                             }
                         })
                     },1000)
@@ -1592,7 +1634,15 @@ $(function(){
                 //初始化购票
                 $(".circleChart1-p span").text(data.progressBar.succ)
                 if(data.progressBar.state==3){
-                    $(".circleChart1-p").html('<div class="ticket-ing2">'+langRoom[sessionStorage.lang].ticketLang15+'</div>')
+                    // $(".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
@@ -1675,6 +1725,7 @@ $(function(){
                 })
 
                 $(".ticket-box").unbind("click").on("click",function(){
+                    if(data.progressBar.state>2)return;
                     if(localStorage.token==undefined||localStorage.token=='undefined'){
                         $(".layer-shadow").show()
                         loginPage()
@@ -1923,7 +1974,8 @@ $(function(){
                 if(data.vipRoomList.length>j){
                     for(var i=0;i<data.vipRoomList.length-j;i++){
                         list2=data.vipRoomList[j+i]
-                        if(i==0)newList+=(','+JSON.stringify(list2))
+                        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)+',')
                     }
@@ -2879,7 +2931,7 @@ $(function(){
                         $(".ticket-box").hide()
                         $("#myVideo").css("filter","blur(0px)")
                         $(".new-msg").css("bottom","1.5rem")
-                        $(".ticketRoom-tips-box").hide()
+                        // $(".ticketRoom-tips-box").hide()
                         sendClockOk=true;
                         clearInterval(ticketTerval)
                         $(".ticker-buy-box").css("bottom","-10rem")
@@ -2904,9 +2956,9 @@ $(function(){
                 if (/iphone|ipad|ipod/.test(ua)) {
                     if(myMsg){
                         $(".user-msg-box").scrollTop(0)
-                        return;
+                        // return;
                     }
-                    if(Math.abs($(".user-msg-box").scrollTop())<50){
+                    if(Math.abs($(".user-msg-box").scrollTop())<80){
                         $(".user-msg-box").scrollTop(0)
                     }else{
                         $(".new-msg").show()
@@ -2914,9 +2966,9 @@ $(function(){
                 } else if (/android/.test(ua)) {
                     if(myMsg){
                         $(".user-msg-box").scrollTop(Math.abs($(".user-msg-box").height()-$(".user-msg-big").height()))
-                        return;
+                        // return;
                     }
-                    if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<50){
+                    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()
@@ -2975,7 +3027,7 @@ $(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())<50){
+            if($(".user-msg-big").height()-(Math.abs($(".user-msg-box").scrollTop())+$(".user-msg-box").height())<80){
                 $(".new-msg").hide()
             }
         })
@@ -3135,11 +3187,15 @@ $(function(){
                     return;
                 }
                 if(data.code==1){
-                    $(".keyboard-box").hide()
-                    fixScroll()
-                    $(".layer-shadow").hide()
+              
                     $(".keyboard-input").val("")
-                    document.activeElement.blur();
+                    var ua = window.navigator.userAgent.toLowerCase();
+                    if (/android/.test(ua)) {
+                        $(".keyboard-box").hide()
+                        fixScroll()
+                        $(".layer-shadow").hide()
+                        document.activeElement.blur();
+                    }
                 }
             }
         })
@@ -3340,6 +3396,7 @@ $(function(){
                         return
                     }
                     var _self=$(this)
+                    $(".layer-shadow").show()
                     $(".keyboard-box").show()
                     $(".keyboard-input").focus()
                     $(".keyboard-input").val('@'+_self.attr("data-type")+';')
diff --git a/mobile/video.html b/mobile/video.html
index 28a17dd..2203b2d 100644
--- a/mobile/video.html
+++ b/mobile/video.html
@@ -25,7 +25,7 @@
     <link rel="stylesheet" href="css2/base.css">
     <link rel="stylesheet" href="css2/layer.css">
     <link rel="stylesheet" href="css2/daily.css">
-    <link rel="stylesheet" href="css2/index.css?v=2022120702">
+    <link rel="stylesheet" href="css2/index.css?v=2023051701">
     <script src="lib/flv.js"></script>
     <style>
         .recommend-swiper{
@@ -142,7 +142,7 @@
 <script src="layer-v3.1.0/layer/layer.js"></script>
 <script src="../lib/keywords.js"></script>
 <script src="lib/spark-md5.min.js"></script>
-<script src="lib/default.js?v=2023041801"></script>
+<script src="lib/default.js?v=2023051701"></script>
 <script>
 
 </script>
diff --git a/mobile/videoPage.html b/mobile/videoPage.html
index 3ca04a8..d557eb3 100644
--- a/mobile/videoPage.html
+++ b/mobile/videoPage.html
@@ -28,7 +28,7 @@
     <link rel="stylesheet" href="css2/base.css">
     <link rel="stylesheet" href="css2/layer.css">
     <link rel="stylesheet" href="css/login.css">
-    <link rel="stylesheet" href="css2/index.css?v=2022121201">
+    <link rel="stylesheet" href="css2/index.css?v=2023051701">
     <script async defer src="lib/hello.js"></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>
@@ -321,8 +321,8 @@
 
 </body>
 <script src="layer-v3.1.0/layer/layer.js"></script>
-<script src="lib/login.js?v=2022111801"></script>
-<script src="lib/phoneLang.js?v=2023050601"></script>
+<script src="lib/login.js?v=2023051701"></script>
+<script src="lib/phoneLang.js?v=2023051701"></script>
 <script>
 $(function(){
     var browserLang = navigator.language
--
libgit2 0.25.0