测试

mTest/css/index.css

@@ -47,9 +47,10 @@
   width: 10rem;
   width: 10rem;
   background: linear-gradient(to right, #EB3588, #EA34BD);
   background: linear-gradient(to right, #EB3588, #EA34BD);
   position: fixed;
   position: fixed;
-  left: 0;
+  left: 50%;
   top: 0;
   top: 0;
   z-index: 800;
   z-index: 800;
+  margin-left: -5rem;
 }
 }
 .top-box-ul li {
 .top-box-ul li {
   height: 1.2rem;
   height: 1.2rem;

mTest/css/index.less

@@ -49,9 +49,10 @@
   width: 10rem;
   width: 10rem;
   background:linear-gradient(to right,#EB3588,#EA34BD);
   background:linear-gradient(to right,#EB3588,#EA34BD);
   position: fixed;
   position: fixed;
-  left: 0;
+  left:50%;
   top: 0;
   top: 0;
   z-index: 800;
   z-index: 800;
+  margin-left: -5rem;
 }
 }
 .top-box-ul{
 .top-box-ul{
   li{
   li{

mTest/index.html

@@ -13,6 +13,9 @@
       gtag('js', new Date());
       gtag('js', new Date());
       gtag('config', 'G-3V6KZGW418');
       gtag('config', 'G-3V6KZGW418');
     </script> -->
     </script> -->
+    <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-capable" content="yes">
     <link rel="apple-touch-icon-precomposed" href="icon/fox-icon.png">
     <link rel="apple-touch-icon-precomposed" href="icon/fox-icon.png">
     <script src="lib/jquery-3.1.1.min.js"></script>
     <script src="lib/jquery-3.1.1.min.js"></script>
@@ -403,7 +406,8 @@
 
 
 <script>
 <script>
 $(function(){
 $(function(){
-
+    var ua = window.navigator.userAgent.toLowerCase();
+    layer.msg(ua)
     var dHeight=$(document).height()
     var dHeight=$(document).height()
     $(".right-nav").css("height",$(document).height())
     $(".right-nav").css("height",$(document).height())
     var noUser=false;
     var noUser=false;
@@ -444,7 +448,6 @@ $(function(){
             }
             }
         })
         })
     }
     }
-
     $(".zone-top-btn").on("click",function(){
     $(".zone-top-btn").on("click",function(){
         window.location.href="revise.html"
         window.location.href="revise.html"
     })
     })

mTest/room/css/liveRoom.css

@@ -460,7 +460,7 @@
   margin-right: 0.1rem;
   margin-right: 0.1rem;
 }
 }
 .guard-layer {
 .guard-layer {
-  height: 11.3rem;
+  height: 11.6rem;
   width: 10rem;
   width: 10rem;
   position: fixed;
   position: fixed;
   bottom: -11.3rem;
   bottom: -11.3rem;
@@ -470,7 +470,7 @@
 }
 }
 .guard-layer-content {
 .guard-layer-content {
   width: 10rem;
   width: 10rem;
-  height: 10.54rem;
+  height: 11.6rem;
   background: url(../images/guard-layer.png) no-repeat;
   background: url(../images/guard-layer.png) no-repeat;
   background-size: 100% 100%;
   background-size: 100% 100%;
   position: absolute;
   position: absolute;
@@ -486,15 +486,16 @@
   z-index: 5;
   z-index: 5;
   left: 50%;
   left: 50%;
   margin-left: -3.835rem;
   margin-left: -3.835rem;
+  top: 0.5rem;
 }
 }
 .guard-layer-btn {
 .guard-layer-btn {
-  width: 4.41rem;
-  height: 1rem;
+  width: 9rem;
+  height: 1.21rem;
   background: url(../images/guard-layer-btn.png) no-repeat;
   background: url(../images/guard-layer-btn.png) no-repeat;
   background-size: 100% 100%;
   background-size: 100% 100%;
   position: absolute;
   position: absolute;
   left: 50%;
   left: 50%;
-  margin-left: -2.205rem;
+  margin-left: -4.5rem;
   bottom: 1rem;
   bottom: 1rem;
 }
 }
 .guard-layer-btn-yes {
 .guard-layer-btn-yes {

mTest/room/css/liveRoom.less

@@ -473,7 +473,7 @@
     }
     }
 }
 }
 .guard-layer{
 .guard-layer{
-    height: 11.3rem;
+    height: 11.6rem;
     width: 10rem;
     width: 10rem;
     // background: pink;
     // background: pink;
     position: fixed;
     position: fixed;
@@ -484,7 +484,7 @@
 }
 }
 .guard-layer-content{
 .guard-layer-content{
     width: 10rem;
     width: 10rem;
-    height: 10.54rem;
+    height: 11.6rem;
     background: url(../images/guard-layer.png)no-repeat;
     background: url(../images/guard-layer.png)no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
     position: absolute;
     position: absolute;
@@ -500,15 +500,16 @@
     z-index: 5;
     z-index: 5;
     left: 50%;
     left: 50%;
     margin-left: -3.835rem;
     margin-left: -3.835rem;
+    top: 0.5rem;
 }
 }
 .guard-layer-btn{
 .guard-layer-btn{
-    width: 4.41rem; 
-    height: 1rem;
+    width: 9rem; 
+    height: 1.21rem;
     background: url(../images/guard-layer-btn.png)no-repeat;
     background: url(../images/guard-layer-btn.png)no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
     position: absolute;
     position: absolute;
     left: 50%;
     left: 50%;
-    margin-left: -2.205rem;
+    margin-left: -4.5rem;
     bottom: 1rem;
     bottom: 1rem;
 }
 }
 .guard-layer-btn-yes{
 .guard-layer-btn-yes{

mTest/room/liveRoom.html

@@ -960,7 +960,7 @@ $(function(){
         $(".task-layer").css("bottom",'-8.55rem')
         $(".task-layer").css("bottom",'-8.55rem')
         $(".exc-layer").css("bottom","-6.45rem")
         $(".exc-layer").css("bottom","-6.45rem")
         $(".exc-diamond-layer").css("bottom",'-6.45rem')
         $(".exc-diamond-layer").css("bottom",'-6.45rem')
-        $(".guard-layer").css("bottom","-11.3rem")
+        $(".guard-layer").css("bottom","-11.6rem")
         $(".gift-layer").css("bottom","-7.8rem")
         $(".gift-layer").css("bottom","-7.8rem")
     })
     })
     $(".hot-close").on("click",function(){
     $(".hot-close").on("click",function(){