测试

index.html

@@ -424,7 +424,6 @@ $(function(){
                     html+='<div class="like-no-box"><img src="images/front/no-icon.png"><p>暫無追蹤的在線主播</p></div>'
                 }
                 $(".like-ul").html(html);
-                console.log(likeMcArr)
                 if(liveNum<5){
                     $(".other-like-mc").show()
                     setTimeout(function(){

lib/login.js

@@ -929,7 +929,7 @@ function loginGo(){
                     return;
                     codeOk=true;
                 }
-                layer.msg("验证码发送成功，请查看")
+                layer.msg("驗證碼發送成功，請查看")
                 $(".layer-register .login-code-btn").addClass("login-code-btn-no")
                 $(".layer-register .login-code-btn").text(''+codeTime+'s后获取')
                 codeT=setInterval(function()  {

mTest/css/base.css

+/*初始化  reset*/
+@charset "utf-8";
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,font,em,i,b,strong,button{margin:0;padding:0;}
+body{ margin:0;font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;background:#fff; overflow:visible; color:#333333;}
+html, body { height: 100%;}
+input,select{font-size:12px;line-height:16px; border:0 none; vertical-align:middle;}
+button{ border:0 none;}
+.clear{clear:both;padding:0px;margin:0px;}
+img{border:0;}
+a {outline: none;}
+a:active {star:expression(this.onFocus=this.blur());}
+a:focus { outline:0; }
+input,button,select,textarea{outline:none}
+ul,li{list-style-type:none;_list-style:outside;}
+a{ text-decoration:none; color:#333;}
+a:hover{ color:#ff6600;}
+/* new clearfix清除浮动 */
+.clearfix:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+}
+.clearfix { display: block;zoom:1 }
+* html .clearfix {height: 1%; zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+html[xmlns] .clearfix { display: block; zoom:1}
+/*清除浮动-end*/
+h1,h2,h3,h4,h5,h6{font-weight: normal}
+
+/*这一句是用来解决在安卓上的点击出现篮框问题*/
+body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
+/*下面是解决ios上去除微信点击蓝色边框 */
+a:focus,
+input:focus,
+p:focus,
+div:focus{
+ -webkit-tap-highlight-color:rgba(0,0,0,0);
+ -webkit-user-modify:read-only;
+}
+/*清除浮动*/
+.w{
+ width: 1200px;
+ margin: 0 auto;
+}
+button{
+ cursor: pointer;
+ outline:none;
+}
+input[type=number] {
+ -moz-appearance:textfield;
+}
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+/*版芯*/
+::-webkit-scrollbar{
+ display:none;
+} 
+.yourclass9{
+    overflow: auto !important;
+    -webkit-overflow-scrolling: touch !important;
+}
+.layui-layer-close{
+    display: none !important;
+}
\ No newline at end of file

mTest/css/daily.css

+.overflowS {
+    overflow: scroll;
+    -webkit-overflow-scrolling: touch;
+}
+.overflowDot {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.marginC {
+    margin: 0 auto;
+}
+
+.wiggle{
+    animation-name: wiggle;
+    -webkit-animation-name: wiggle;
+    animation-duration: 2s;
+    -webkit-animation-duration: 2s;
+    animation-iteration-count: infinite;
+    -webkit-animation-iteration-count: infinite;
+}
+@-webkit-keyframes wiggle {
+    10% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    20% {
+        -webkit-transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    30% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    40% {
+        -webkit-transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    50% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    60% {
+        -webkit-transform: rotate(-3deg) scale(1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    70% {
+        -webkit-transform: rotate(0deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(0deg) scale(1);
+    }
+    to {
+        -webkit-transform: rotate(0deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(0deg) scale(1);
+    }
+}
+@keyframes wiggle {
+    10% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    20% {
+        -webkit-transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    30% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    40% {
+        -webkit-transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    50% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    60% {
+        -webkit-transform: rotate(-3deg) scale(1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    70% {
+        -webkit-transform: rotate(0deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(0deg) scale(1);
+    }
+    to {
+        -webkit-transform: rotate(0deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(0deg) scale(1);
+    }
+}
+.rotateGo{
+    animation: rotateGo 3s linear infinite;
+}
+@keyframes rotateGo{
+0%{
+    transform: rotate(0deg);
+}
+100%{
+    transform: rotate(360deg);
+}
+}
+
+.layui-layer-ico {
+    display: none !important;
+}
+.layui-layer {
+    box-shadow: none !important;
+}
+.yourclass {
+    background: rgba(0, 0, 0, 0) !important;
+    border-radius: 0rem !important;
+}
+.layui-layer-page .layui-layer-content {
+    /*border-radius: 0.4rem !important;*/
+}
+.yourclass2 {
+    border-radius: 0rem !important;
+    background: rgba(0, 0, 0, 0) !important;
+}
+.yourclass2 .layui-layer-content {
+    border-radius: 0rem !important;
+}
+.layui-layer-page .layui-layer-content{
+    overflow: inherit !important;
+}
+
+@keyframes line {
+    0% {
+        height: 0.3rem;
+    }
+    50% {
+        height: 0.1rem;
+    }
+    100% {
+        height: 0.3rem;
+    }
+}

mTest/css/layer.css

+.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file

mTest/css/liMarquee.css

+/*Plugin CSS*/
+.str_wrap {
+	overflow:hidden;
+	//zoom:1;
+	width:100%;
+	font-size:12px;
+	line-height:16px;
+	position:relative;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	user-select: none;
+	white-space:nowrap;
+}
+
+.str_wrap.str_active {
+	background:#f1f1f1;
+}
+.str_move { 
+	white-space:nowrap;
+	position:absolute; 
+	top:0; 
+	left:0;
+	cursor:move;
+}
+.str_move_clone {
+	display:inline-block;
+	//display:inline;
+	//zoom:1;
+	vertical-align:top;
+	position:absolute; 
+	left:100%;
+	top:0;
+}
+.str_vertical .str_move_clone {
+	left:0;
+	top:100%;
+}
+.str_down .str_move_clone {
+	left:0;
+	bottom:100%;
+}
+.str_vertical .str_move,
+.str_down .str_move {
+	white-space:normal;
+	width:100%;
+}
+.str_static .str_move,
+.no_drag .str_move,
+.noStop .str_move{
+	cursor:inherit;
+}
+.str_wrap img {
+	max-width:none !important;	
+}
\ No newline at end of file

mTest/css/login.css

+.login-box {
+  width: 10rem;
+  position: fixed;
+  bottom: -15rem;
+  height: 14.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;
+}
+.login-close {
+  color: #999999;
+  font-size: 1rem;
+  line-height: 1rem;
+  position: absolute;
+  top: 0.4rem;
+  right: 0.5rem;
+}
+.login-p1 {
+  height: 1rem;
+  font-size: 0.6rem;
+  color: #242424;
+  line-height: 1rem;
+  margin-top: 0.45rem;
+  text-indent: 0.4rem;
+}
+.login-area {
+  width: 9.2rem;
+  height: 1.3rem;
+  margin: 0 auto;
+  background: #F8F8F8;
+  border-radius: 1rem;
+  margin-top: 1.05rem;
+  line-height: 1.3rem;
+}
+.login-area > span {
+  color: #313131;
+  font-size: 0.37rem;
+}
+.login-area span:nth-child(1) {
+  margin-left: 0.3rem;
+}
+.login-area span:nth-child(2) {
+  float: right;
+  margin-right: 0.45rem;
+}
+.login-phone {
+  width: 9.2rem;
+  height: 1.3rem;
+  line-height: 1.3rem;
+  margin: 0 auto;
+  background: #F8F8F8;
+  border-radius: 1rem;
+  margin-top: 0.4rem;
+  position: relative;
+}
+.login-phone > img {
+  width: 0.34rem;
+  position: absolute;
+  top: 0.4rem;
+  left: 0.4rem;
+}
+.login-password {
+  width: 9.2rem;
+  height: 1.3rem;
+  line-height: 1.3rem;
+  margin: 0 auto;
+  background: #F8F8F8;
+  border-radius: 1rem;
+  margin-top: 0.4rem;
+  position: relative;
+}
+.login-password > img {
+  width: 0.34rem;
+  position: absolute;
+  top: 0.4rem;
+  left: 0.4rem;
+}
+.login-password-input {
+  height: 1.3rem;
+  position: relative;
+  width: 7rem;
+  left: 1.2rem;
+  background: #F8F8F8;
+  font-size: 0.35rem;
+}
+.login-phone-input {
+  height: 1.3rem;
+  position: relative;
+  width: 7rem;
+  left: 1.2rem;
+  background: #F8F8F8;
+  font-size: 0.35rem;
+}
+.login-btn {
+  width: 8.9rem;
+  height: 1.1rem;
+  background: linear-gradient(to right, #E43984, #E538C1);
+  border-radius: 1rem;
+  margin: 0 auto;
+  margin-top: 0.55rem;
+  line-height: 1.1rem;
+  text-align: center;
+  font-size: 0.45rem;
+  color: #fff;
+  font-weight: 700;
+}
+.login-tips {
+  color: #C6C6C6;
+  font-size: 0.3rem;
+  text-align: center;
+  margin-top: 0.2rem;
+}
+.login-phone-btn {
+  width: 6.4rem;
+  height: 1.3rem;
+  background: linear-gradient(to right, #E43984, #E538C1);
+  border-radius: 1rem;
+  text-align: center;
+  position: relative;
+  color: #fff;
+  line-height: 1.3rem;
+  font-size: 0.4rem;
+  margin: 0 auto;
+  margin-top: 1.8rem;
+}
+.login-phone-btn > img {
+  width: 0.4rem;
+  position: absolute;
+  left: 0.6rem;
+  top: 0.32rem;
+}
+.login-google-btn {
+  position: relative;
+  width: 6.4rem;
+  height: 1.3rem;
+  line-height: 1.3rem;
+  background: #FEE5F0;
+  border-radius: 1rem;
+  border: 1px solid #DA196E;
+  margin: 0 auto;
+  margin-top: 0.5rem;
+  text-align: center;
+  font-size: 0.4rem;
+  color: #DC2376;
+}
+.login-google-btn > img {
+  width: 0.72rem;
+  position: absolute;
+  left: 0.4rem;
+  top: 0.32rem;
+}
+.login-line {
+  width: 6.4rem;
+  height: 0.01rem;
+  background: #CECFCE;
+  margin: 0 auto;
+  margin-top: 1.7rem;
+}
+.login-line-text {
+  text-align: center;
+  font-size: 0.3rem;
+  color: #BCBCBC;
+  width: 2.6rem;
+  background: #FBFCFC;
+  margin: 0 auto;
+  position: absolute;
+  top: 7.9rem;
+  left: 3.7rem;
+}
+.login-more-btn {
+  width: 8.1rem;
+  margin: 0 auto;
+  margin-top: 1rem;
+}
+.login-more-btn li {
+  width: 2.7rem;
+  height: 1.2rem;
+  line-height: 1.2rem;
+  float: left;
+  text-align: center;
+}
+.login-more-btn li > img {
+  width: 1.18rem;
+  vertical-align: middle;
+}
+.login1 .login-line-text {
+  text-align: center;
+  font-size: 0.3rem;
+  color: #BCBCBC;
+  width: 2.6rem;
+  background: #FBFCFC;
+  margin: 0 auto;
+  position: absolute;
+  top: 9.23rem;
+  left: 3.7rem;
+}
+.login1 .login-more-btn {
+  width: 8.8rem;
+}
+.login1 .login-more-btn li {
+  width: 2.2rem;
+}
+.login2 .login-line-text {
+  text-align: center;
+  font-size: 0.3rem;
+  color: #BCBCBC;
+  width: 2.6rem;
+  background: #FBFCFC;
+  margin: 0 auto;
+  position: absolute;
+  top: 10.9rem;
+  left: 3.7rem;
+}
+.login2 .login-more-btn {
+  width: 8.8rem;
+}
+.login2 .login-more-btn li {
+  width: 2.2rem;
+}
+.register-area {
+  width: 9.2rem;
+  height: 1.3rem;
+  background: #F7F7F7;
+  border-radius: 1rem;
+  margin: 0 auto;
+  margin-top: 0.85rem;
+}
+.register-area-p1 {
+  height: 1.3rem;
+  line-height: 1.3rem;
+  font-size: 0.35rem;
+  margin-left: 0.5rem;
+}
+.register-area-p2 {
+  height: 1.3rem;
+  line-height: 1.3rem;
+  font-size: 0.35rem;
+  display: inline-block;
+  float: right;
+  margin-right: 0.5rem;
+}
+.register-area-p2 > span {
+  display: inline-block;
+  transform: scaleY(1.5);
+}
+.register-phone {
+  width: 9.2rem;
+  height: 1.3rem;
+  background: #F7F7F7;
+  border-radius: 1rem;
+  margin: 0 auto;
+  margin-top: 0.4rem;
+  position: relative;
+}
+.register-phone-icon {
+  width: 0.4rem;
+  position: absolute;
+  top: 0.35rem;
+  left: 0.5rem;
+}
+.register-phone-number {
+  height: 1.3rem;
+  line-height: 1.3rem;
+  font-size: 0.35rem;
+  position: absolute;
+  left: 1.1rem;
+}
+.register-phone-input {
+  width: 5.5rem;
+  height: 1.3rem;
+  background: #F7F7F7;
+  position: absolute;
+  left: 2rem;
+  top: 0;
+  font-size: 0.33rem;
+}
+.register-code-get {
+  position: absolute;
+  color: #E03C85;
+  font-size: 0.35rem;
+  height: 1.3rem;
+  line-height: 1.3rem;
+  width: 2.2rem;
+  text-align: center;
+  right: 0;
+  top: 0;
+}
+.register-code-box {
+  width: 9.2rem;
+  height: 1.3rem;
+  background: #F7F7F7;
+  border-radius: 1rem;
+  margin: 0 auto;
+  margin-top: 0.4rem;
+  position: relative;
+}
+.code-icon {
+  width: 0.4rem;
+  position: absolute;
+  top: 0.45rem;
+  left: 0.5rem;
+}
+.register-code-input {
+  width: 5.5rem;
+  height: 1.3rem;
+  background: #F7F7F7;
+  position: absolute;
+  left: 1.2rem;
+  font-size: 0.33rem;
+}
+.register-password-box {
+  width: 9.2rem;
+  height: 1.3rem;
+  background: #F7F7F7;
+  border-radius: 1rem;
+  margin: 0 auto;
+  margin-top: 0.4rem;
+  position: relative;
+}
+.register-password-box .suo-icon {
+  position: absolute;
+  width: 0.4rem;
+  top: 0.42rem;
+  left: 0.5rem;
+}
+.register-password-box .password-input {
+  width: 5.5rem;
+  height: 1.3rem;
+  background: #F7F7F7;
+  position: absolute;
+  left: 1.2rem;
+  font-size: 0.33rem;
+}
+.register-change-btn {
+  width: 8.85rem;
+  height: 1.05rem;
+  background: linear-gradient(to right, #E43984, #E538C1);
+  border-radius: 1rem;
+  color: #fff;
+  font-weight: 700;
+  font-size: 0.45rem;
+  margin: 0 auto;
+  margin-top: 0.4rem;
+  text-align: center;
+  line-height: 1.05rem;
+}
+.register-tips {
+  text-align: center;
+  font-size: 0.3rem;
+  color: #BCBCBC;
+  margin-top: 0.3rem;
+}
+.register .login-line {
+  margin-top: 1rem;
+}
+.register .login-line-text {
+  top: 11.65rem;
+}
+.register .login-more-btn {
+  width: 8.8rem;
+  margin-top: 0.8rem;
+}
+.register .login-more-btn li {
+  width: 2.2rem;
+}
+.reset-btn {
+  width: 8.8rem;
+  height: 1.1rem;
+  line-height: 1.1rem;
+  background: linear-gradient(to right, #E43984, #E538C1);
+  border-radius: 1rem;
+  margin: 0 auto;
+  margin-top: 0.55rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.5rem;
+  font-weight: 700;
+}
+.area-phone-box {
+  width: 10rem;
+  height: 100vh;
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+  position: fixed;
+  z-index: 1000;
+  bottom: -100vh;
+  left: 0;
+  background: #FFFFFF;
+  transition: 0.35s all;
+  display: none;
+}
+.area-phone-top {
+  width: 10rem;
+  height: 2.5rem;
+  background: #FFFFFF;
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+}
+.area-phone-title {
+  font-size: 0.45rem;
+  font-weight: 700;
+  color: #1D1D1D;
+  position: absolute;
+  left: 0.35rem;
+  top: 0.35rem;
+}
+.area-close {
+  font-size: 0.7rem;
+  line-height: 0.7rem;
+  position: absolute;
+  top: 0.3rem;
+  right: 0.35rem;
+  transform: scaleX(1.2);
+  color: #A8A8A8;
+}
+.area-search {
+  width: 9.25rem;
+  height: 0.72rem;
+  background: #F5F5F5;
+  margin: 0 auto;
+  border-radius: 1rem;
+  margin-top: 1.55rem;
+  position: relative;
+}
+.area-search .search-icon {
+  width: 0.3rem;
+  position: absolute;
+  top: 0.21rem;
+  left: 0.2rem;
+}
+.area-search-input {
+  height: 0.72rem;
+  width: 7.7rem;
+  background: #F5F5F5;
+  position: absolute;
+  left: 0.8rem;
+  top: 0;
+  font-size: 0.3rem;
+}
+.area-ul {
+  width: 9.6rem;
+  margin-left: 0.4rem;
+}
+.area-ul li {
+  width: 9.6rem;
+  height: 1.1rem;
+  border-bottom: 1px solid #EEEEEE;
+}
+.area-ul .area-li-box1 {
+  width: 7.9rem;
+  height: 1.1rem;
+  float: left;
+  line-height: 1.1rem;
+  font-size: 0.35rem;
+  color: #656565;
+}
+.area-ul .area-li-box2 {
+  width: 1.3rem;
+  height: 1.1rem;
+  line-height: 1.1rem;
+  float: left;
+  text-align: right;
+  font-size: 0.35rem;
+  color: #8A8A8A;
+}
+.search-no-li {
+  width: 10rem;
+  color: #656565;
+  top: 4rem;
+  z-index: 50;
+  position: absolute;
+  text-align: center;
+  font-size: 0.45rem;
+  display: none;
+}
+.area-span {
+  transform: scale(1) !important;
+}

mTest/css/login.less

+.login-box{
+    width: 10rem;
+    position: fixed;
+    bottom: -15rem;
+    // bottom: 0;
+    height: 14.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;
+}
+.login-close{
+    color: #999999;
+    font-size: 1rem;
+    line-height: 1rem;
+    position: absolute;
+    top: 0.4rem;
+    right: 0.5rem;
+  }
+  .login-p1{
+    height: 1rem;
+    font-size: 0.6rem;
+    color: #242424;
+    line-height: 1rem;
+    margin-top: 0.45rem;
+    text-indent: 0.4rem;
+  }
+  .login-area{
+    width: 9.2rem;
+    height: 1.3rem;
+    margin: 0 auto;
+    background: #F8F8F8;
+    border-radius: 1rem;
+    margin-top: 1.05rem;
+    line-height: 1.3rem;
+    >span{
+        color: #313131;
+        font-size: 0.37rem;
+    }
+    span:nth-child(1){
+        margin-left: 0.3rem;
+    }
+    span:nth-child(2){
+        float: right;
+        margin-right: 0.45rem;
+    }
+  }
+  .login-phone{
+    width: 9.2rem;
+    height: 1.3rem;
+    line-height: 1.3rem;
+    margin: 0 auto;
+    background: #F8F8F8;
+    border-radius: 1rem;
+    margin-top: 0.4rem;
+    position: relative;
+    >img{
+        width: 0.34rem;
+        position: absolute;
+        top: 0.4rem;
+        left: 0.4rem;
+    }
+  }
+  .login-password{
+    width: 9.2rem;
+    height: 1.3rem;
+    line-height: 1.3rem;
+    margin: 0 auto;
+    background: #F8F8F8;
+    border-radius: 1rem;
+    margin-top: 0.4rem;
+    position: relative;
+    >img{
+        width: 0.34rem;
+        position: absolute;
+        top: 0.4rem;
+        left: 0.4rem;
+    }
+  }
+  .login-password-input{
+    height: 1.3rem;
+    position: relative;
+    width: 7rem;
+    left: 1.2rem;
+    background: #F8F8F8;
+    font-size: 0.35rem;
+  }
+  .login-phone-input{
+    height: 1.3rem;
+    position: relative;
+    width: 7rem;
+    left: 1.2rem;
+    background: #F8F8F8;
+    font-size: 0.35rem;
+  }
+  .login-btn{
+    width: 8.9rem;
+    height: 1.1rem;
+    background:linear-gradient(to right,#E43984,#E538C1);
+    border-radius: 1rem;
+    margin: 0 auto;
+    margin-top: 0.55rem;
+    line-height: 1.1rem;
+    text-align: center;
+    font-size: 0.45rem;
+    color: #fff;
+    font-weight: 700;
+  }
+  .login-tips{
+    color: #C6C6C6;
+    font-size: 0.3rem;
+    text-align: center;
+    margin-top: 0.2rem;
+  }
+  .login-phone-btn{
+    width: 6.4rem;
+    height: 1.3rem;
+    background:linear-gradient(to right,#E43984,#E538C1);
+    border-radius: 1rem;
+    text-align: center;
+    position: relative;
+    color: #fff;
+    line-height: 1.3rem;
+    font-size: 0.4rem;
+    margin: 0 auto;
+    margin-top: 1.8rem;
+    >img{
+      width: 0.4rem;
+      position: absolute;
+      left: 0.6rem;
+      top: 0.32rem;
+    }
+  }
+  .login-google-btn{
+    position: relative;
+    width: 6.4rem;
+    height: 1.3rem;
+    line-height: 1.3rem;
+    border-radius: 1rem;
+    background:#FEE5F0;
+    text-align: center;
+    border-radius: 1rem;
+    border: 1px solid #DA196E;
+    margin: 0 auto;
+    margin-top: 0.5rem;
+    text-align: center;
+    font-size: 0.4rem;
+    color: #DC2376;
+    >img{
+      width: 0.72rem;
+      position: absolute;
+      left: 0.4rem;
+      top: 0.32rem;
+    }
+  }
+  .login-line{
+    width: 6.4rem;
+    height: 0.01rem;
+    background: #CECFCE;
+    margin: 0 auto;
+    margin-top: 1.7rem;
+  }
+  .login-line-text{
+    text-align: center;
+    font-size: 0.3rem;
+    color: #BCBCBC;
+    width: 2.6rem;
+    background: #FBFCFC;
+    margin: 0 auto;
+    position: absolute;
+    top: 7.9rem;
+    left: 3.7rem;
+  }
+  .login-more-btn{
+    width: 8.1rem;
+    margin: 0 auto;
+    margin-top: 1rem;
+    li{
+      width: 2.7rem;
+      height: 1.2rem;
+      line-height: 1.2rem;
+      float: left;
+      text-align: center;
+      >img{
+        width: 1.18rem;
+        vertical-align: middle;
+      }
+    }
+  }
+  .login1{
+    .login-line-text{
+      text-align: center;
+      font-size: 0.3rem;
+      color: #BCBCBC;
+      width: 2.6rem;
+      background: #FBFCFC;
+      margin: 0 auto;
+      position: absolute;
+      top: 9.23rem;
+      left: 3.7rem;
+    }
+    .login-more-btn{
+      width: 8.8rem;
+      li{
+        width: 2.2rem;
+      }
+    }
+  }
+  .login2{
+    .login-line-text{
+      text-align: center;
+      font-size: 0.3rem;
+      color: #BCBCBC;
+      width: 2.6rem;
+      background: #FBFCFC;
+      margin: 0 auto;
+      position: absolute;
+      top: 10.9rem;
+      left: 3.7rem;
+    }
+    .login-more-btn{
+      width: 8.8rem;
+      li{
+        width: 2.2rem;
+      }
+    }
+  }
+  .register-area{
+    width: 9.2rem;
+    height: 1.3rem;
+    background: #F7F7F7;
+    border-radius: 1rem;
+    margin: 0 auto;
+    margin-top: 0.85rem;
+  }
+  .register-area-p1{
+    height: 1.3rem;
+    line-height: 1.3rem;
+    font-size: 0.35rem;
+    margin-left: 0.5rem;
+  }
+  .register-area-p2{
+    height: 1.3rem;
+    line-height: 1.3rem;
+    font-size: 0.35rem;
+    display: inline-block;
+    float: right;
+    margin-right: 0.5rem;
+    >span{
+      display: inline-block;
+      transform: scaleY(1.5);
+    }
+  }
+  .register-phone{
+    width: 9.2rem;
+    height: 1.3rem;
+    background: #F7F7F7;
+    border-radius: 1rem;
+    margin: 0 auto;
+    margin-top: 0.4rem;
+    position: relative;
+  }
+  .register-phone-icon{
+    width: 0.4rem;
+    position: absolute;
+    top: 0.35rem;
+    left: 0.5rem;
+  }
+  .register-phone-number{
+    height: 1.3rem;
+    line-height: 1.3rem;
+    font-size: 0.35rem;
+    position: absolute;
+    left: 1.1rem;
+  }
+  .register-phone-input{
+    width: 5.5rem;
+    height: 1.3rem;
+    background: #F7F7F7;
+    position: absolute;
+    left: 2rem;
+    top: 0;
+    font-size: 0.33rem;
+  }
+  .register-code-get{
+    position: absolute;
+    color: #E03C85;
+    font-size: 0.35rem;
+    height: 1.3rem;
+    line-height: 1.3rem;
+    width: 2.2rem;
+    text-align: center;
+    right: 0;
+    top: 0;
+  }
+  .register-code-box{
+    width: 9.2rem;
+    height: 1.3rem;
+    background: #F7F7F7;
+    border-radius: 1rem;
+    margin: 0 auto;
+    margin-top: 0.4rem;
+    position: relative;
+  }
+  .code-icon{
+    width: 0.4rem;
+    position: absolute;
+    top: 0.45rem;
+    left: 0.5rem;
+  }
+  .register-code-input{
+    width: 5.5rem;
+    height: 1.3rem;
+    background: #F7F7F7;
+    position: absolute;
+    left: 1.2rem;
+    font-size: 0.33rem;
+  
+  }
+  .register-password-box{
+    width: 9.2rem;
+    height: 1.3rem;
+    background: #F7F7F7;
+    border-radius: 1rem;
+    margin: 0 auto;
+    margin-top: 0.4rem;
+    position: relative;
+    .suo-icon{
+      position: absolute;
+      width: 0.4rem;
+      top: 0.42rem;
+      left: 0.5rem;
+    }
+    .password-input{
+      width: 5.5rem;
+      height: 1.3rem;
+      background: #F7F7F7;
+      position: absolute;
+      left: 1.2rem;
+      font-size: 0.33rem; 
+    }
+  }
+  .register-change-btn{
+    width: 8.85rem;
+    height: 1.05rem;
+    background:linear-gradient(to right,#E43984,#E538C1);
+    border-radius: 1rem;
+    color: #fff;
+    font-weight: 700;
+    font-size: 0.45rem;
+    margin: 0 auto;
+    margin-top: 0.4rem;
+    text-align: center;
+    line-height: 1.05rem;
+  }
+  .register-tips{
+    text-align: center;
+    font-size: 0.3rem;
+    color: #BCBCBC;
+    margin-top: 0.3rem;
+  }
+  .register{
+    .login-line{
+      margin-top: 1rem;
+    }
+    .login-line-text{
+      top: 11.65rem;
+    }
+    .login-more-btn{
+      width: 8.8rem;
+      margin-top: 0.8rem;
+      li{
+        width: 2.2rem;
+      }
+    }
+  }
+  .reset-btn{
+    width: 8.8rem;
+    height: 1.1rem;
+    line-height: 1.1rem;
+    background:linear-gradient(to right,#E43984,#E538C1);
+    border-radius: 1rem;
+    margin: 0 auto;
+    margin-top: 0.55rem;
+    text-align: center;
+    color: #fff;
+    font-size: 0.5rem;
+    font-weight: 700;
+  }
+  .area-phone-box{
+    width: 10rem;
+    height: 100vh;
+    overflow: scroll;
+    -webkit-overflow-scrolling: touch;
+    position: fixed;
+    z-index: 1000;
+    bottom: -100vh;
+    left: 0;
+    background: #FFFFFF;
+    transition: 0.35s all;
+    display: none;
+  }
+  .area-phone-top{
+    width: 10rem;
+    height: 2.5rem;
+    background: #FFFFFF;
+    position: absolute;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+
+  }
+  .area-phone-title{
+    font-size: 0.45rem;
+    font-weight: 700;
+    color: #1D1D1D;
+    position: absolute;
+    left: 0.35rem;
+    top: 0.35rem;
+  }
+  .area-close{
+    font-size: 0.7rem;
+    line-height: 0.7rem;
+    position: absolute;
+    top: 0.3rem;
+    right: 0.35rem;
+    transform:scaleX(1.2);
+    color: #A8A8A8;
+  }
+  .area-search{
+    width: 9.25rem;
+    height: 0.72rem;
+    background: #F5F5F5;
+    margin: 0 auto;
+    border-radius: 1rem;
+    margin-top: 1.55rem;
+    position: relative;
+    .search-icon{
+      width: 0.3rem;
+      position: absolute;
+      top: 0.21rem;
+      left: 0.2rem;
+    }
+  }
+  .area-search-input{
+    height: 0.72rem;
+    width: 7.7rem;
+    background: #F5F5F5;
+    position: absolute;
+    left: 0.8rem;
+    top: 0;
+    font-size: 0.3rem;
+  }
+  .area-ul{
+    width: 9.6rem;
+    margin-left: 0.4rem;
+    li{
+      width: 9.6rem;
+      height: 1.1rem;
+      border-bottom: 1px solid #EEEEEE;
+    }
+    .area-li-box1{
+      width: 7.9rem;
+      height: 1.1rem;
+      float: left;
+      line-height: 1.1rem;
+      font-size: 0.35rem;
+      color: #656565;
+    }
+    .area-li-box2{
+      width: 1.3rem;
+      height: 1.1rem;
+      line-height: 1.1rem;
+      float: left;
+      text-align: right;
+      font-size: 0.35rem;
+      color: #8A8A8A;
+    }
+  }
+  .search-no-li{
+    width: 10rem;
+    color: #656565;
+    top: 4rem;
+    z-index: 50;
+    position: absolute;
+    text-align: center;
+    font-size: 0.45rem;
+    display: none;
+  }
+  .area-span{
+    transform: scale(1) !important;
+  }
\ No newline at end of file

mTest/css/neck.css

+.neck-nav {
+  height: 80px;
+  width: 100%;
+  background: #E43985;
+  position: fixed;
+  z-index: 500;
+}
+.m-box {
+  width: 1440px;
+  margin: 0 auto;
+}
+.neck-nav-content {
+  width: 1440px;
+  margin: 0 auto;
+  height: 80px;
+  position: relative;
+}
+.logo {
+  position: absolute;
+  top: 15px;
+}
+.box-title {
+  height: 70px;
+  line-height: 70px;
+  margin-top: 10px;
+  font-size: 0;
+}
+.box-title > img {
+  vertical-align: middle;
+  width: 72px;
+  margin-top: -22px;
+}
+.box-title span {
+  font-size: 34px;
+  font-weight: 700;
+  color: #333333;
+}
+.live-box-ul {
+  width: 1440px;
+  border-top: 1px solid #C3C3C4;
+  margin-bottom: 15px;
+}
+.live-box-ul li {
+  width: 268px;
+  height: 300px;
+  margin-top: 24px;
+  float: left;
+  margin-right: 25px;
+}
+.live-box-ul li:nth-child(5n) {
+  margin-right: 0;
+}
+.live-box-ul .live-top-box {
+  width: 268px;
+  height: 268px;
+  background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368) no-repeat;
+  background-size: cover;
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+}
+.live-box-ul .live-top-shadow {
+  width: 268px;
+  height: 50px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
+  pointer-events: none;
+}
+.live-box-ul .live-icon {
+  position: absolute;
+  z-index: 2;
+  width: 73px;
+  right: 10px;
+  bottom: 12px;
+}
+.live-box-ul .live-name-box {
+  line-height: 24px;
+  font-size: 18px;
+  text-align: center;
+  margin-top: 8px;
+}
+.video-box-ul {
+  width: 1440px;
+  border-top: 1px solid #C3C3C4;
+  margin-bottom: 15px;
+}
+.video-box-ul li {
+  width: 342px;
+  height: 258px;
+  margin-top: 18px;
+  margin-right: 24px;
+  float: left;
+  border-radius: 8px;
+  background: #FFFFFF;
+  overflow: hidden;
+}
+.video-box-ul li:nth-child(4n) {
+  margin-right: 0;
+}
+.video-box-ul .video-top-box {
+  height: 193px;
+  width: 342px;
+  background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368) no-repeat;
+  background-size: cover;
+  position: relative;
+}
+.video-box-ul .video-top-shadow {
+  width: 342px;
+  height: 50px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
+}
+.video-box-ul .video-time {
+  color: #fff;
+  font-size: 16px;
+  position: absolute;
+  z-index: 2;
+  right: 8px;
+  bottom: 10px;
+}
+.video-box-ul .video-name-box {
+  position: relative;
+  height: 65px;
+  width: 342px;
+}
+.video-box-ul .video-face {
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  left: 6px;
+  top: 10px;
+}
+.video-box-ul .video-title {
+  color: #333333;
+  font-size: 14px;
+  text-indent: 56px;
+  padding-top: 10px;
+}
+.video-box-ul .video-tag-box {
+  margin-left: 54px;
+  margin-top: 4px;
+}
+.video-box-ul .video-tag-box > div {
+  width: 42px;
+  height: 18px;
+  background: #FFE8F1;
+  color: #E53985;
+  font-size: 12px;
+  line-height: 18px;
+  text-align: center;
+  border-radius: 4px;
+  float: left;
+  margin-right: 4px;
+  margin-bottom: 30px;
+}
+.side-nav {
+  position: fixed;
+  z-index: 500;
+  top: 80px;
+  width: 165px;
+  height: 890px;
+  background: #fff;
+  border-radius: 0 0 8px 8px;
+}
+.side-nav-top-box {
+  height: 360px;
+  margin-top: 20px;
+}
+.side-nav-top-box .side-nav-sort {
+  height: 60px;
+  width: 159px;
+  font-size: 0;
+  line-height: 60px;
+  text-indent: 38px;
+  position: relative;
+}
+.side-nav-top-box .side-nav-sort .side-icon {
+  vertical-align: middle;
+  margin-top: -9px;
+  margin-right: 15px;
+}
+.side-nav-top-box .side-nav-sort span {
+  font-size: 14px;
+  color: #333333;
+}
+.side-right-box {
+  width: 6px;
+  height: 800px;
+  right: 0;
+  top: 0;
+  position: absolute;
+  background: linear-gradient(to bottom, #F1C6E6, #fff);
+}
+.side-nav-bg {
+  display: none;
+  position: absolute;
+  z-index: -1;
+  left: -22px;
+  top: -15px;
+}
+.side-nav-sort-click span {
+  color: #fff !important;
+}
+.side-nav-sort-click .side-nav-bg {
+  display: block;
+}
+.tag-title {
+  text-align: center;
+  font-size: 0;
+  width: 159px;
+}
+.side-tag-ul {
+  width: 150px;
+  height: 450px;
+  margin-left: 5px;
+  margin-top: 6px;
+  overflow-y: scroll;
+}
+.side-tag-ul li {
+  width: 135px;
+  height: 34px;
+  line-height: 34px;
+  position: relative;
+  margin-left: 6px;
+}
+.side-tag-ul li .tag-span1 {
+  font-size: 16px;
+  display: inline-block;
+  width: 80px;
+  float: left;
+  text-indent: 6px;
+}
+.side-tag-ul li .tag-span2 {
+  font-size: 16px;
+  display: inline-block;
+  width: 50px;
+  float: left;
+  text-align: right;
+  margin-right: 5px;
+}

mTest/css/neck.less

+.neck-nav{
+  height: 80px;
+  width: 100%;
+  background: #E43985;
+  position: fixed;
+  z-index: 500;
+}
+.m-box{
+  width: 1440px;
+  margin: 0 auto;
+}
+.neck-nav-content{
+  width: 1440px;
+  margin: 0 auto;
+  height: 80px;
+  position: relative;
+}
+.logo{
+  position: absolute;
+  top: 15px;
+}
+.box-title{
+  height: 70px;
+  line-height: 70px;
+  margin-top: 10px;
+  font-size: 0;
+  >img{
+    vertical-align:middle;
+    width: 72px;
+    margin-top: -22px;
+  }
+  span{
+    font-size: 34px;
+    font-weight: 700;
+    color: #333333;
+  }
+}
+.live-box-ul{
+  width: 1440px;
+  border-top: 1px solid #C3C3C4;
+  margin-bottom: 15px;
+  li{
+    width: 268px;
+    height: 300px;
+    margin-top: 24px;
+    float: left;
+    margin-right: 25px;
+  }
+  li:nth-child(5n){
+    margin-right: 0;
+  }
+  .live-top-box{
+    width: 268px;
+    height: 268px;
+    background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368)no-repeat;
+    background-size: cover;
+    border-radius: 8px;
+    overflow: hidden;
+    position: relative;
+  }
+  .live-top-shadow{
+    width: 268px;
+    height: 50px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background:linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0));
+    pointer-events: none;
+  }
+  .live-icon{
+    position: absolute;
+    z-index: 2;
+    width: 73px;
+    right: 10px;
+    bottom: 12px;
+  }
+  .live-name-box{
+    line-height: 24px;
+    font-size: 18px;
+    text-align: center;
+    margin-top: 8px;
+  }
+}
+.video-box-ul{
+  width: 1440px;
+  border-top: 1px solid #C3C3C4;
+  margin-bottom: 15px;
+  li{
+    width: 342px;
+    height: 258px;
+    margin-top: 18px;
+    margin-right: 24px;
+    float: left;
+    border-radius: 8px;
+    background: #FFFFFF;
+    overflow: hidden;
+  }
+  li:nth-child(4n){
+    margin-right: 0;
+  }
+  .video-top-box{
+    height: 193px;
+    width: 342px;
+    background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368)no-repeat;
+    background-size: cover;
+    position: relative;
+  }
+  .video-top-shadow{
+    width: 342px;
+    height: 50px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background:linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0));
+  }
+  .video-time{
+    color: #fff;
+    font-size: 16px;
+    position: absolute;
+    z-index: 2;
+    right: 8px;
+    bottom: 10px;
+  }
+  .video-name-box{
+    position: relative;
+    height: 65px;
+    width: 342px;
+  }
+  .video-face{
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    left: 6px;
+    top: 10px;
+  }
+  .video-title{
+    color: #333333;
+    font-size: 14px;
+    text-indent: 56px;
+    padding-top: 10px;
+  }
+  .video-tag-box{
+    margin-left: 54px;
+    margin-top: 4px;
+    >div{
+      width: 42px;
+      height: 18px;
+      background: #FFE8F1;
+      color: #E53985;
+      font-size: 12px;
+      line-height: 18px;
+      text-align: center;
+      border-radius: 4px;
+      float: left;
+      margin-right: 4px;
+      margin-bottom: 30px;
+    }
+  }
+}
+.side-nav{
+  position: fixed;
+  z-index: 500;
+  top: 80px;
+  width: 165px;
+  height: 890px;
+  background: #fff;
+  border-radius: 0 0 8px 8px;
+}
+.side-nav-top-box{
+  height: 360px;
+  margin-top: 20px;
+  .side-nav-sort{
+    height: 60px;
+    width: 159px;
+    font-size: 0;
+    line-height: 60px;
+    text-indent: 38px;
+    position: relative;
+    .side-icon{
+      vertical-align: middle;
+      margin-top: -9px;
+      margin-right: 15px;
+    }
+    span{
+      font-size: 14px;
+      color: #333333;
+    }
+  }
+}
+.side-right-box{
+  width: 6px;
+  height: 800px;
+  right: 0;
+  top: 0;
+  position: absolute;
+  background:linear-gradient(to bottom,#F1C6E6,#fff);
+}
+.side-nav-bg{
+  display: none;
+  position: absolute;
+  z-index: -1;
+  left: -22px;
+  top: -15px;
+}
+.side-nav-sort-click{
+
+  span{
+    color: #fff !important;
+  }
+  .side-nav-bg{
+    display: block;
+  }
+}
+.tag-title{
+  text-align: center;
+  font-size: 0;
+  width: 159px;
+  img{
+
+  }
+}
+.side-tag-ul{
+  width: 150px;
+  height: 450px;
+  margin-left: 5px;
+  margin-top: 6px;
+  overflow-y: scroll;
+
+  li{
+    width: 135px;
+    height: 34px;
+    line-height: 34px;
+    position: relative;
+    margin-left: 6px;
+    .tag-span1{
+      font-size: 16px;
+      display: inline-block;
+      width: 80px;
+      float: left;
+      text-indent: 6px;
+    }
+    .tag-span2{
+      font-size: 16px;
+      display: inline-block;
+      width: 50px;
+      float: left;
+      text-align: right;
+      margin-right: 5px;
+    }
+  }
+}
\ No newline at end of file

mTest/css2/base.css

+/*初始化  reset*/
+@charset "utf-8";
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,font,em,i,b,strong,button{margin:0;padding:0;}
+body{ margin:0;font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;background:#fff; overflow:visible; color:#333333;}
+html, body { height: 100%;}
+input,select{font-size:12px;line-height:16px; border:0 none; vertical-align:middle;}
+button{ border:0 none;}
+.clear{clear:both;padding:0px;margin:0px;}
+img{border:0;}
+a {outline: none;}
+a:active {star:expression(this.onFocus=this.blur());}
+a:focus { outline:0; }
+input,button,select,textarea{outline:none}
+ul,li{list-style-type:none;_list-style:outside;}
+a{ text-decoration:none; color:#333;}
+a:hover{ color:#ff6600;}
+/* new clearfix清除浮动 */
+.clearfix:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+}
+.clearfix { display: block;zoom:1 }
+* html .clearfix {height: 1%; zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+html[xmlns] .clearfix { display: block; zoom:1}
+/*清除浮动-end*/
+h1,h2,h3,h4,h5,h6{font-weight: normal}
+
+/*这一句是用来解决在安卓上的点击出现篮框问题*/
+body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
+/*下面是解决ios上去除微信点击蓝色边框 */
+a:focus,
+input:focus,
+p:focus,
+div:focus{
+ -webkit-tap-highlight-color:rgba(0,0,0,0);
+ -webkit-user-modify:read-only;
+}
+/*清除浮动*/
+.w{
+ width: 1200px;
+ margin: 0 auto;
+}
+button{
+ cursor: pointer;
+ outline:none;
+}
+input[type=number] {
+ -moz-appearance:textfield;
+}
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+/*版芯*/
+::-webkit-scrollbar{
+ display:none;
+}
+   
\ No newline at end of file

mTest/css2/daily.css

+.overflowS {
+    overflow: scroll;
+    -webkit-overflow-scrolling: touch;
+}
+.overflowDot {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.marginC {
+    margin: 0 auto;
+}
+
+.wiggle{
+    animation-name: wiggle;
+    -webkit-animation-name: wiggle;
+    animation-duration: 2s;
+    -webkit-animation-duration: 2s;
+    animation-iteration-count: infinite;
+    -webkit-animation-iteration-count: infinite;
+}
+@-webkit-keyframes wiggle {
+    10% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    20% {
+        -webkit-transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    30% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    40% {
+        -webkit-transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    50% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    60% {
+        -webkit-transform: rotate(-3deg) scale(1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    70% {
+        -webkit-transform: rotate(0deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(0deg) scale(1);
+    }
+    to {
+        -webkit-transform: rotate(0deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(0deg) scale(1);
+    }
+}
+@keyframes wiggle {
+    10% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    20% {
+        -webkit-transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    30% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    40% {
+        -webkit-transform: rotate(-3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    50% {
+        -webkit-transform: rotate(3deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(3deg) scale(1.1);
+    }
+    60% {
+        -webkit-transform: rotate(-3deg) scale(1.1);
+        transform: rotate(-3deg) scale(1.1);
+    }
+    70% {
+        -webkit-transform: rotate(0deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(0deg) scale(1);
+    }
+    to {
+        -webkit-transform: rotate(0deg) scale3d(1.1, 1.1, 1.1);
+        transform: rotate(0deg) scale(1);
+    }
+}
+.rotateGo{
+    animation: rotateGo 3s linear infinite;
+}
+@keyframes rotateGo{
+0%{
+    transform: rotate(0deg);
+}
+100%{
+    transform: rotate(360deg);
+}
+}
+
+.layui-layer-ico {
+    display: none !important;
+}
+.layui-layer {
+    box-shadow: none !important;
+}
+.yourclass {
+    background: rgba(0, 0, 0, 0) !important;
+    border-radius: 0rem !important;
+}
+.layui-layer-page .layui-layer-content {
+    /*border-radius: 0.4rem !important;*/
+}
+.yourclass2 {
+    border-radius: 0rem !important;
+    background: rgba(0, 0, 0, 0) !important;
+}
+.yourclass2 .layui-layer-content {
+    border-radius: 0rem !important;
+}
+.layui-layer-page .layui-layer-content{
+    overflow: inherit !important;
+}
+
+@keyframes line {
+    0% {
+        height: 0.3rem;
+    }
+    50% {
+        height: 0.1rem;
+    }
+    100% {
+        height: 0.3rem;
+    }
+}

mTest/css2/layer.css

+.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file

mTest/css2/liMarquee.css

+/*Plugin CSS*/
+.str_wrap {
+	overflow:hidden;
+	//zoom:1;
+	width:100%;
+	font-size:12px;
+	line-height:16px;
+	position:relative;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	user-select: none;
+	white-space:nowrap;
+}
+
+.str_wrap.str_active {
+	background:#f1f1f1;
+}
+.str_move { 
+	white-space:nowrap;
+	position:absolute; 
+	top:0; 
+	left:0;
+	cursor:move;
+}
+.str_move_clone {
+	display:inline-block;
+	//display:inline;
+	//zoom:1;
+	vertical-align:top;
+	position:absolute; 
+	left:100%;
+	top:0;
+}
+.str_vertical .str_move_clone {
+	left:0;
+	top:100%;
+}
+.str_down .str_move_clone {
+	left:0;
+	bottom:100%;
+}
+.str_vertical .str_move,
+.str_down .str_move {
+	white-space:normal;
+	width:100%;
+}
+.str_static .str_move,
+.no_drag .str_move,
+.noStop .str_move{
+	cursor:inherit;
+}
+.str_wrap img {
+	max-width:none !important;	
+}
\ No newline at end of file

mTest/css2/neck.css

+.neck-nav {
+  height: 80px;
+  width: 100%;
+  background: #E43985;
+  position: fixed;
+  z-index: 500;
+}
+.m-box {
+  width: 1440px;
+  margin: 0 auto;
+}
+.neck-nav-content {
+  width: 1440px;
+  margin: 0 auto;
+  height: 80px;
+  position: relative;
+}
+.logo {
+  position: absolute;
+  top: 15px;
+}
+.box-title {
+  height: 70px;
+  line-height: 70px;
+  margin-top: 10px;
+  font-size: 0;
+}
+.box-title > img {
+  vertical-align: middle;
+  width: 72px;
+  margin-top: -22px;
+}
+.box-title span {
+  font-size: 34px;
+  font-weight: 700;
+  color: #333333;
+}
+.live-box-ul {
+  width: 1440px;
+  border-top: 1px solid #C3C3C4;
+  margin-bottom: 15px;
+}
+.live-box-ul li {
+  width: 268px;
+  height: 300px;
+  margin-top: 24px;
+  float: left;
+  margin-right: 25px;
+}
+.live-box-ul li:nth-child(5n) {
+  margin-right: 0;
+}
+.live-box-ul .live-top-box {
+  width: 268px;
+  height: 268px;
+  background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368) no-repeat;
+  background-size: cover;
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+}
+.live-box-ul .live-top-shadow {
+  width: 268px;
+  height: 50px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
+  pointer-events: none;
+}
+.live-box-ul .live-icon {
+  position: absolute;
+  z-index: 2;
+  width: 73px;
+  right: 10px;
+  bottom: 12px;
+}
+.live-box-ul .live-name-box {
+  line-height: 24px;
+  font-size: 18px;
+  text-align: center;
+  margin-top: 8px;
+}
+.video-box-ul {
+  width: 1440px;
+  border-top: 1px solid #C3C3C4;
+  margin-bottom: 15px;
+}
+.video-box-ul li {
+  width: 342px;
+  height: 258px;
+  margin-top: 18px;
+  margin-right: 24px;
+  float: left;
+  border-radius: 8px;
+  background: #FFFFFF;
+  overflow: hidden;
+}
+.video-box-ul li:nth-child(4n) {
+  margin-right: 0;
+}
+.video-box-ul .video-top-box {
+  height: 193px;
+  width: 342px;
+  background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368) no-repeat;
+  background-size: cover;
+  position: relative;
+}
+.video-box-ul .video-top-shadow {
+  width: 342px;
+  height: 50px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
+}
+.video-box-ul .video-time {
+  color: #fff;
+  font-size: 16px;
+  position: absolute;
+  z-index: 2;
+  right: 8px;
+  bottom: 10px;
+}
+.video-box-ul .video-name-box {
+  position: relative;
+  height: 65px;
+  width: 342px;
+}
+.video-box-ul .video-face {
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  left: 6px;
+  top: 10px;
+}
+.video-box-ul .video-title {
+  color: #333333;
+  font-size: 14px;
+  text-indent: 56px;
+  padding-top: 10px;
+}
+.video-box-ul .video-tag-box {
+  margin-left: 54px;
+  margin-top: 4px;
+}
+.video-box-ul .video-tag-box > div {
+  width: 42px;
+  height: 18px;
+  background: #FFE8F1;
+  color: #E53985;
+  font-size: 12px;
+  line-height: 18px;
+  text-align: center;
+  border-radius: 4px;
+  float: left;
+  margin-right: 4px;
+  margin-bottom: 30px;
+}
+.side-nav {
+  position: fixed;
+  z-index: 500;
+  top: 80px;
+  width: 165px;
+  height: 890px;
+  background: #fff;
+  border-radius: 0 0 8px 8px;
+}
+.side-nav-top-box {
+  height: 360px;
+  margin-top: 20px;
+}
+.side-nav-top-box .side-nav-sort {
+  height: 60px;
+  width: 159px;
+  font-size: 0;
+  line-height: 60px;
+  text-indent: 38px;
+  position: relative;
+}
+.side-nav-top-box .side-nav-sort .side-icon {
+  vertical-align: middle;
+  margin-top: -9px;
+  margin-right: 15px;
+}
+.side-nav-top-box .side-nav-sort span {
+  font-size: 14px;
+  color: #333333;
+}
+.side-right-box {
+  width: 6px;
+  height: 800px;
+  right: 0;
+  top: 0;
+  position: absolute;
+  background: linear-gradient(to bottom, #F1C6E6, #fff);
+}
+.side-nav-bg {
+  display: none;
+  position: absolute;
+  z-index: -1;
+  left: -22px;
+  top: -15px;
+}
+.side-nav-sort-click span {
+  color: #fff !important;
+}
+.side-nav-sort-click .side-nav-bg {
+  display: block;
+}
+.tag-title {
+  text-align: center;
+  font-size: 0;
+  width: 159px;
+}
+.side-tag-ul {
+  width: 150px;
+  height: 450px;
+  margin-left: 5px;
+  margin-top: 6px;
+  overflow-y: scroll;
+}
+.side-tag-ul li {
+  width: 135px;
+  height: 34px;
+  line-height: 34px;
+  position: relative;
+  margin-left: 6px;
+}
+.side-tag-ul li .tag-span1 {
+  font-size: 16px;
+  display: inline-block;
+  width: 80px;
+  float: left;
+  text-indent: 6px;
+}
+.side-tag-ul li .tag-span2 {
+  font-size: 16px;
+  display: inline-block;
+  width: 50px;
+  float: left;
+  text-align: right;
+  margin-right: 5px;
+}

mTest/css2/neck.less

+.neck-nav{
+  height: 80px;
+  width: 100%;
+  background: #E43985;
+  position: fixed;
+  z-index: 500;
+}
+.m-box{
+  width: 1440px;
+  margin: 0 auto;
+}
+.neck-nav-content{
+  width: 1440px;
+  margin: 0 auto;
+  height: 80px;
+  position: relative;
+}
+.logo{
+  position: absolute;
+  top: 15px;
+}
+.box-title{
+  height: 70px;
+  line-height: 70px;
+  margin-top: 10px;
+  font-size: 0;
+  >img{
+    vertical-align:middle;
+    width: 72px;
+    margin-top: -22px;
+  }
+  span{
+    font-size: 34px;
+    font-weight: 700;
+    color: #333333;
+  }
+}
+.live-box-ul{
+  width: 1440px;
+  border-top: 1px solid #C3C3C4;
+  margin-bottom: 15px;
+  li{
+    width: 268px;
+    height: 300px;
+    margin-top: 24px;
+    float: left;
+    margin-right: 25px;
+  }
+  li:nth-child(5n){
+    margin-right: 0;
+  }
+  .live-top-box{
+    width: 268px;
+    height: 268px;
+    background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368)no-repeat;
+    background-size: cover;
+    border-radius: 8px;
+    overflow: hidden;
+    position: relative;
+  }
+  .live-top-shadow{
+    width: 268px;
+    height: 50px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background:linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0));
+    pointer-events: none;
+  }
+  .live-icon{
+    position: absolute;
+    z-index: 2;
+    width: 73px;
+    right: 10px;
+    bottom: 12px;
+  }
+  .live-name-box{
+    line-height: 24px;
+    font-size: 18px;
+    text-align: center;
+    margin-top: 8px;
+  }
+}
+.video-box-ul{
+  width: 1440px;
+  border-top: 1px solid #C3C3C4;
+  margin-bottom: 15px;
+  li{
+    width: 342px;
+    height: 258px;
+    margin-top: 18px;
+    margin-right: 24px;
+    float: left;
+    border-radius: 8px;
+    background: #FFFFFF;
+    overflow: hidden;
+  }
+  li:nth-child(4n){
+    margin-right: 0;
+  }
+  .video-top-box{
+    height: 193px;
+    width: 342px;
+    background: url(https://zhibocdn.yabolive.net/comm/stscli/prod/883221/1648095196207/498F890F-33A1-4EE9-9854-9D39A6905E85.jpeg?x-oss-process=image/resize,w_368)no-repeat;
+    background-size: cover;
+    position: relative;
+  }
+  .video-top-shadow{
+    width: 342px;
+    height: 50px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background:linear-gradient(to top,rgba(0,0,0,0.4),rgba(0,0,0,0));
+  }
+  .video-time{
+    color: #fff;
+    font-size: 16px;
+    position: absolute;
+    z-index: 2;
+    right: 8px;
+    bottom: 10px;
+  }
+  .video-name-box{
+    position: relative;
+    height: 65px;
+    width: 342px;
+  }
+  .video-face{
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    left: 6px;
+    top: 10px;
+  }
+  .video-title{
+    color: #333333;
+    font-size: 14px;
+    text-indent: 56px;
+    padding-top: 10px;
+  }
+  .video-tag-box{
+    margin-left: 54px;
+    margin-top: 4px;
+    >div{
+      width: 42px;
+      height: 18px;
+      background: #FFE8F1;
+      color: #E53985;
+      font-size: 12px;
+      line-height: 18px;
+      text-align: center;
+      border-radius: 4px;
+      float: left;
+      margin-right: 4px;
+      margin-bottom: 30px;
+    }
+  }
+}
+.side-nav{
+  position: fixed;
+  z-index: 500;
+  top: 80px;
+  width: 165px;
+  height: 890px;
+  background: #fff;
+  border-radius: 0 0 8px 8px;
+}
+.side-nav-top-box{
+  height: 360px;
+  margin-top: 20px;
+  .side-nav-sort{
+    height: 60px;
+    width: 159px;
+    font-size: 0;
+    line-height: 60px;
+    text-indent: 38px;
+    position: relative;
+    .side-icon{
+      vertical-align: middle;
+      margin-top: -9px;
+      margin-right: 15px;
+    }
+    span{
+      font-size: 14px;
+      color: #333333;
+    }
+  }
+}
+.side-right-box{
+  width: 6px;
+  height: 800px;
+  right: 0;
+  top: 0;
+  position: absolute;
+  background:linear-gradient(to bottom,#F1C6E6,#fff);
+}
+.side-nav-bg{
+  display: none;
+  position: absolute;
+  z-index: -1;
+  left: -22px;
+  top: -15px;
+}
+.side-nav-sort-click{
+
+  span{
+    color: #fff !important;
+  }
+  .side-nav-bg{
+    display: block;
+  }
+}
+.tag-title{
+  text-align: center;
+  font-size: 0;
+  width: 159px;
+  img{
+
+  }
+}
+.side-tag-ul{
+  width: 150px;
+  height: 450px;
+  margin-left: 5px;
+  margin-top: 6px;
+  overflow-y: scroll;
+
+  li{
+    width: 135px;
+    height: 34px;
+    line-height: 34px;
+    position: relative;
+    margin-left: 6px;
+    .tag-span1{
+      font-size: 16px;
+      display: inline-block;
+      width: 80px;
+      float: left;
+      text-indent: 6px;
+    }
+    .tag-span2{
+      font-size: 16px;
+      display: inline-block;
+      width: 50px;
+      float: left;
+      text-align: right;
+      margin-right: 5px;
+    }
+  }
+}
\ No newline at end of file

mTest/index.js

+
+
+// Register service worker to control making site work offline
+
+if ('serviceWorker' in navigator) {
+  navigator.serviceWorker
+    .register('/active2022/footseenH5/sw.js')
+    .then(() => { console.log('Service Worker Registered'); });
+}
+
+// Code to handle install prompt on desktop
+
+let deferredPrompt;
+const addBtn = document.querySelector('.add-button');
+addBtn.style.display = 'none';
+window.addEventListener('beforeinstallprompt', (e) => {
+  // 防止 Chrome 67 及更早版本自动显示安装提示
+  e.preventDefault();
+  // 稍后再触发此事件
+  deferredPrompt = e;
+  // 更新 UI 以提醒用户可以将 App 安装到桌面
+  addBtn.style.display = 'block';
+
+  addBtn.addEventListener('click', (e) => {
+    // 隐藏显示 A2HS 按钮的界面
+    addBtn.style.display = 'none';
+    // 显示安装提示
+    deferredPrompt.prompt();
+    // 等待用户反馈
+    deferredPrompt.userChoice.then((choiceResult) => {
+        if (choiceResult.outcome === 'accepted') {
+          console.log('User accepted the A2HS prompt');
+        } else {
+          console.log('User dismissed the A2HS prompt');
+        }
+        deferredPrompt = null;
+      });
+  });
+});
\ No newline at end of file

mTest/layer-v3.1.0/layer.css

+.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file

mTest/layer-v3.1.0/layer/mobile/layer.js

+/*! layer mobile-v2.0.0 Web弹层组件 MIT License  http://layer.layui.com/mobile  By 贤心 */
+ ;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);
\ No newline at end of file

mTest/layer-v3.1.0/layer/mobile/need/layer.css

+.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file

mTest/lib/default.js

+/**
+ * Created by webshow on 2019/11/22.
+ */
+ var bbb = location.href;
+ if (bbb.indexOf("footseen.xyz") > -1) {
+    $ip = "https://cpapi.footseen.xyz/";
+    $ip2="https://webserver.yabolive.net"
+    $ws = "wss://websocket.footseen.xyz:12308/"
+    checkIp()
+}
+else{
+    $ip='http://cpapitest.yabolive.net:81/'
+    $ip2="http://ceshi.yabolive.tv/web"
+    $ws = "ws://47.242.178.187:12308/"
+
+}
+if(bbb.indexOf("userRoom.html")==-1){
+    sessionStorage.lastUrl=bbb
+}
+
+ var bbb = location.href;
+ var data = url_get_params(bbb)
+sessionStorage.roomId = data.roomId;
+sessionStorage.tid=data.tid;
+sessionStorage.topicId=data.topicId
+if(data.tag==undefined)data.tag=''
+sessionStorage.tag=data.tag
+sessionStorage.qd=data.qd
+ if(sessionStorage.open==undefined)sessionStorage.open=1
+ var ua = window.navigator.userAgent.toLowerCase();
+ try {
+     if (/iphone|ipad|ipod/.test(ua)) {
+         sessionStorage.os='ios'
+     } else if (/android/.test(ua)) {
+         sessionStorage.os='android'
+     }
+ } catch (e) {
+ }
+ function url_get_params(url_path) {
+     var url = url_path;
+     var theRequest = new Object();
+     if (url.indexOf("?") != -1) {
+         var str = url.substr(url.indexOf("?") + 1);
+         strs = str.split("&");
+         for (var i = 0; i < strs.length; i++) {
+             theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
+         }
+     }
+     return theRequest;
+ }
+ if (bbb.indexOf("http://localhost:63342") > -1) {
+     sessionStorage.bbb = 23871190;
+     sessionStorage.kkk = 'debug'
+     sessionStorage.roomId=23864554
+ }
+//  if (bbb.indexOf("file:///") > -1) {
+//     localStorage.uid= 155100;
+//     localStorage.token = 'debug'
+//     // sessionStorage.roomId=210101
+//  }
+ $.ajaxSetup({
+    global: false,
+    type: 'get',
+    data: {
+        lang:2,
+        os:'pc_web',
+        cid:'ftsweb',
+        webVersion:'1000'
+    },
+    dataType: "JSON"
+})
+ function checkIp() {
+    $.ajax({
+        url:"https://webserver.yabolive.net/user/checkIpIsChina.html",
+        async: false,
+        success: function (res) {
+            var result = JSON.parse(res);
+            if (result.code === 1) {
+                if (result.checkResult) {
+                    window.location.hash = "no-back";
+                    window.location.hash = "Again-No-back-button";
+                    window.onhashchange = function () { window.location.hash = "no-back"; }
+                    window.location.href = 'https://www.footseen.xyz/content.html?ip=' + result.ip;
+                }
+            }
+        }
+    })
+}
+ //ajax设置默认参数
+ $.ajaxSetup({
+     global: false,
+     type: 'get',
+     data: {
+         uid: localStorage.uid,
+         token: localStorage.token,
+     },
+     dataType: "JSON"
+ })
+
+ //点击刷新
+ $(".ref").on("click", function () {
+     sessionStorage.jump=undefined;
+     window.location.reload()
+ })
+ $(".callKf").on("click",function(){
+    callFK()
+})
+ function btnHref(e){
+     var myJson = {
+         "cid": 12,
+         "reqCode": new Date().getTime(),
+         "data": {
+             "msg":'跳转页面',
+             "jump": e,
+         }
+     }
+     var obj=JSON.stringify(myJson);
+     appCollaboration(obj)
+ }
+ //与客户端交互
+ function appCollaboration(msg) {
+     var ua = window.navigator.userAgent.toLowerCase();
+     try {
+         if (/iphone|ipad|ipod/.test(ua)) {
+             window.webkit.messageHandlers.appCollaboration.postMessage(msg);
+         } else if (/android/.test(ua)) {
+             window.yazhai.appCollaboration(msg);
+         }
+     } catch (e) {
+     }
+ }
+ //处理时间倒计时的函数
+ function timeDeal(e,time){
+     var endTime=e;
+     var newTime=time;
+     var Remain=Math.floor((endTime-newTime)/1000);
+    //  if(Remain<=0)window.location.reload();
+     var day=Math.floor(Remain/86400);
+     var hour=add0(Math.floor(Remain%86400/3600));
+     if(hour>99)hour=99;
+     var min=add0(Math.floor(Remain%3600/60));
+     var sceond=add0(Math.floor(Remain%60));
+     var timeArr=[day,hour,min,sceond];
+     return timeArr;
+ }
+ function timeDeal2(e,time){
+     var endTime=e;
+     var newTime=time;
+     var Remain=Math.floor((endTime-newTime)/1000);
+     if(Remain<=0)Remain=0
+     var bbb = location.href;
+     if (bbb.indexOf("https://activity.ishuaji.cn/") > -1) {
+        if(Remain<=0)window.location.reload();
+     }
+     var day=add0(Math.floor(Remain/86400));
+     var hour=add0(Math.floor(Remain/3600));
+     if(hour>99)hour=99;
+     var min=add0(Math.floor(Remain%3600/60));
+     var sceond=add0(Math.floor(Remain%100));
+     var timeArr=[day,hour,min,sceond];
+     return timeArr;
+ }
+ function getMyTime(){
+     $.ajax({
+         url:$ip+'activesys/getSysTimeStamp',
+         async:false,
+         success:function(data){
+             myTime=data.timestamp
+             return myTime
+         }
+     })
+ }
+ //时间戳转具体 年月日时分秒
+ function timeGet(e){
+     var time = new Date(Number(e));
+     var y = time.getFullYear();
+     var m = time.getMonth()+1;
+     var d = time.getDate();
+     var h = time.getHours();
+     var mm = time.getMinutes();
+     var s = time.getSeconds();
+     var timeArr=[y,m,d,add0(h),add0(mm),s]
+     return timeArr
+ }
+ function callFK(){
+    var obj2 = {
+        "cid": 4,
+        "reqCode": new Date().getTime(),
+        "data": {
+            "msg": "请求客服",
+        }
+    }
+    var obj = JSON.stringify(obj2);
+    appCollaboration(obj)
+}
+ //一位数前面加0
+ function add0(m) {
+     return m < 10 ? '0' + m : m
+ }
+ function add00(m){
+     if(m<10){
+         return '00'+m
+     }else if(m>10&&m<100){
+         return '0'+m
+     }else{
+         return m
+     }
+ }
+ function imgAdd(m){
+     if(String(m).length > 5) return m;
+     return (Array(5).join(0) + m).slice(-5);
+ }
+ //一万以上省略
+ function addw(e){
+     if(e>=100000000){
+         return Math.floor((e/100000000).toFixed(2)*10)/10+'億';
+     }
+     else if(e>=10000){
+         return Math.floor((e/10000).toFixed(2)*10)/10+'萬';
+     }else{
+         return Math.ceil(e);
+     }
+ }
+ function loadImageGo(name,sNum,eNum) {
+    var imgList = [];
+    var num = sNum;
+    loadImage()
+    function loadImage() {
+        var img = new Image();
+        img.addEventListener("load", loadHandler);
+        img.src = "images/" + name + "/1_" + imgAdd(num) + ".png";
+    }
+    function loadHandler() {
+        imgList.push(this.cloneNode());
+        num++;
+        if (num > eNum) { return; }
+        this.src = "images/" + name + "/1_" + imgAdd(num)  + ".png";
+    }
+}  
+function loadImageGo3(name,sNum,eNum) {
+    var imgList = [];
+    var num = sNum;
+    loadImage()
+    function loadImage() {
+        var img = new Image();
+        img.addEventListener("load", loadHandler);
+        img.src = "images/" + name + "/(" + num + ").png";
+    }
+    function loadHandler() {
+        imgList.push(this.cloneNode());
+        num++;
+        if (num > eNum) { return; }
+        this.src = "images/" + name + "/(" + num + ").png";
+    }
+}   
+ function addDoc(e){
+     if(e%1==0){
+         return e+'.0';
+     }else return e
+ }
+ //跳转充值页面
+ function goReg(){
+     if(sessionStorage.pkg=='qingliang'){
+         var ua = window.navigator.userAgent.toLowerCase();
+         if (/iphone|ipad|ipod/.test(ua)) {
+             window.location.href='yazhai://_recharge';
+         }else{
+             window.location.href='http://web.yazhai.co/milkRecharge/index.html?uid='+sessionStorage.bbb+'&token='+sessionStorage.kkk+'&pkg=qingliang';
+         }
+     } else if(sessionStorage.pkg=='qiezi'){
+         var ua = window.navigator.userAgent.toLowerCase();
+         if (/iphone|ipad|ipod/.test(ua)) {
+             window.location.href='yazhai://_recharge';
+         }else{
+             window.location.href='http://web.yazhai.co/guodongRecharge/index.html?uid='+sessionStorage.bbb+'&token='+sessionStorage.kkk+'&pkg=qingliang';
+         }
+     }
+     else{
+         window.location.href='http://web.yazhai.co/recharge/index.html?uid='+sessionStorage.bbb+'&token='+sessionStorage.kkk+'&pkg=yabo';
+     }
+ }
+ function scrollTo(element,speed) {
+     if(!speed){
+         speed = 300;
+     }
+     if(!element){
+         $("html,body").animate({scrollTop:0},speed);
+     }else{
+         if(element.length>0){
+             $("html,body").animate({scrollTop:$(element).offset().top},speed);
+         }
+     }
+ }
+ 
+ //var betEnd = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), new Date().getHours(), 59, 59).getTime();
\ No newline at end of file

mTest/lib/fsize.js

+/*function setRemFontSize(baseSize, baseWidth) {
+ var baseSize = baseSize || 37.5,
+ baseWidth = baseWidth || 375,
+ clientWidth = document.documentElement.clientWidth <= 480 ? document.documentElement.clientWidth : 480;
+ document.getElementsByTagName('html')[0].style.fontSize = clientWidth * baseSize / baseWidth + 'px'
+ }
+ setRemFontSize();
+ window.addEventListener("resize", function() {
+ setTimeout(function() {
+ setRemFontSize();
+ }, 200)
+ });*/
+!function(e,t){function i(){var t=n.getBoundingClientRect().width;t/m>540&&(t=540*m);var i=t/10;n.style.fontSize=i+"px",d.rem=e.rem=i}var a,r=e.document,n=r.documentElement,o=r.querySelector('meta[name="viewport"]'),l=r.querySelector('meta[name="flexible"]'),m=0,s=0,d=t.flexible||(t.flexible={});if(o){console.warn("将根据已有的meta标签来设置缩放比例");var p=o.getAttribute("content").match(/initial\-scale=([\d\.]+)/);p&&(s=parseFloat(p[1]),m=parseInt(1/s))}else if(l){var c=l.getAttribute("content");if(c){var u=c.match(/initial\-dpr=([\d\.]+)/),f=c.match(/maximum\-dpr=([\d\.]+)/);u&&(m=parseFloat(u[1]),s=parseFloat((1/m).toFixed(2))),f&&(m=parseFloat(f[1]),s=parseFloat((1/m).toFixed(2)))}}if(!m&&!s){var v=(e.navigator.appVersion.match(/android/gi),e.navigator.appVersion.match(/iphone/gi)),h=e.devicePixelRatio;m=v?h>=3&&(!m||m>=3)?3:h>=2&&(!m||m>=2)?2:1:1,s=1/m}if(n.setAttribute("data-dpr",m),!o)if(o=r.createElement("meta"),o.setAttribute("name","viewport"),o.setAttribute("content","initial-scale="+s+", maximum-scale="+s+", minimum-scale="+s+", user-scalable=no"),n.firstElementChild)n.firstElementChild.appendChild(o);else{var x=r.createElement("div");x.appendChild(o),r.write(x.innerHTML)}e.addEventListener("resize",function(){clearTimeout(a),a=setTimeout(i,300)},!1),e.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(a),a=setTimeout(i,300))},!1),"complete"===r.readyState?r.body.style.fontSize=12*m+"px":r.addEventListener("DOMContentLoaded",function(e){r.body.style.fontSize=12*m+"px"},!1),i(),d.dpr=e.dpr=m,d.refreshRem=i,d.rem2px=function(e){var t=parseFloat(e)*this.rem;return"string"==typeof e&&e.match(/rem$/)&&(t+="px"),t},d.px2rem=function(e){var t=parseFloat(e)/this.rem;return"string"==typeof e&&e.match(/px$/)&&(t+="rem"),t}}(window,window.lib||(window.lib={}));
\ No newline at end of file

mTest/lib/inobounce.js

+/*! iNoBounce - v0.2.0
+* https://github.com/lazd/iNoBounce/
+* Copyright (c) 2013 Larry Davis <lazdnet@gmail.com>; Licensed BSD */
+(function(global) {
+	// Stores the Y position where the touch started
+	var startY = 0;
+
+	// Store enabled status
+	var enabled = false;
+
+	var supportsPassiveOption = false;
+	try {
+		var opts = Object.defineProperty({}, 'passive', {
+			get: function() {
+				supportsPassiveOption = true;
+			}
+		});
+		window.addEventListener('test', null, opts);
+	} catch (e) {}
+
+	var handleTouchmove = function(evt) {
+		// Get the element that was scrolled upon
+		var el = evt.target;
+
+		// Allow zooming
+		var zoom = window.innerWidth / window.document.documentElement.clientWidth;
+		if (evt.touches.length > 1 || zoom !== 1) {
+			return;
+		}
+
+		// Check all parent elements for scrollability
+		while (el !== document.body && el !== document) {
+			// Get some style properties
+			var style = window.getComputedStyle(el);
+
+			if (!style) {
+				// If we've encountered an element we can't compute the style for, get out
+				break;
+			}
+
+			// Ignore range input element
+			if (el.nodeName === 'INPUT' && el.getAttribute('type') === 'range') {
+				return;
+			}
+
+			var scrolling = style.getPropertyValue('-webkit-overflow-scrolling');
+			var overflowY = style.getPropertyValue('overflow-y');
+			var height = parseInt(style.getPropertyValue('height'), 10);
+
+			// Determine if the element should scroll
+			var isScrollable = scrolling === 'touch' && (overflowY === 'auto' || overflowY === 'scroll');
+			var canScroll = el.scrollHeight > el.offsetHeight;
+
+			if (isScrollable && canScroll) {
+				// Get the current Y position of the touch
+				var curY = evt.touches ? evt.touches[0].screenY : evt.screenY;
+
+				// Determine if the user is trying to scroll past the top or bottom
+				// In this case, the window will bounce, so we have to prevent scrolling completely
+				var isAtTop = (startY <= curY && el.scrollTop === 0);
+				var isAtBottom = (startY >= curY && el.scrollHeight - el.scrollTop === height);
+
+				// Stop a bounce bug when at the bottom or top of the scrollable element
+				if (isAtTop || isAtBottom) {
+					evt.preventDefault();
+				}
+
+				// No need to continue up the DOM, we've done our job
+				return;
+			}
+
+			// Test the next parent
+			el = el.parentNode;
+		}
+
+		// Stop the bouncing -- no parents are scrollable
+		evt.preventDefault();
+	};
+
+	var handleTouchstart = function(evt) {
+		// Store the first Y position of the touch
+		startY = evt.touches ? evt.touches[0].screenY : evt.screenY;
+	};
+
+	var enable = function() {
+		// Listen to a couple key touch events
+		window.addEventListener('touchstart', handleTouchstart, supportsPassiveOption ? { passive : false } : false);
+		window.addEventListener('touchmove', handleTouchmove, supportsPassiveOption ? { passive : false } : false);
+		enabled = true;
+	};
+
+	var disable = function() {
+		// Stop listening
+		window.removeEventListener('touchstart', handleTouchstart, false);
+		window.removeEventListener('touchmove', handleTouchmove, false);
+		enabled = false;
+	};
+
+	var isEnabled = function() {
+		return enabled;
+	};
+
+	// Enable by default if the browser supports -webkit-overflow-scrolling
+	// Test this by setting the property with JavaScript on an element that exists in the DOM
+	// Then, see if the property is reflected in the computed style
+	var testDiv = document.createElement('div');
+	document.documentElement.appendChild(testDiv);
+	testDiv.style.WebkitOverflowScrolling = 'touch';
+	var isScrollSupported = 'getComputedStyle' in window && window.getComputedStyle(testDiv)['-webkit-overflow-scrolling'] === 'touch';
+	document.documentElement.removeChild(testDiv);
+
+	if (isScrollSupported) {
+		enable();
+	}
+
+	// A module to support enabling/disabling iNoBounce
+	var iNoBounce = {
+		enable: enable,
+		disable: disable,
+		isEnabled: isEnabled,
+		isScrollSupported: isScrollSupported
+	};
+
+	if (typeof module !== 'undefined' && module.exports) {
+		// Node.js Support
+		module.exports = iNoBounce;
+	}
+	if (typeof global.define === 'function') {
+		// AMD Support
+		(function(define) {
+			define('iNoBounce', [], function() { return iNoBounce; });
+		}(global.define));
+	}
+	else {
+		// Browser support
+		global.iNoBounce = iNoBounce;
+	}
+}(this));
\ No newline at end of file

mTest/manifest.webmanifest

+{
+  "background_color": "purple",
+  "description": "Shows random fox pictures. Hey, at least it isn't cats.",
+  "display": "fullscreen",
+  "icons": [
+    {
+      "src": "images/boy.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "name": "Awesome fox pictures",
+  "short_name": "Foxes",
+  "start_url": "/active2022/footseenH5/index.html"
+}
\ No newline at end of file

mTest/revise.html

+<!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> -->
+    <script src="lib/jquery-3.1.1.min.js"></script>
+    <script src="lib/default.js?v='20220418'"></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-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <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-capable" content="yes">
+    <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">
+    <link rel="stylesheet" href="css/layer.css">
+    <link rel="stylesheet" href="css/index.css?v=20220615">
+    <link rel="stylesheet" href="css/login.css">
+    <style>
+        .layui-layer-shade {
+            opacity: 0.7 !important;
+        }
+
+        .yourclass5 {
+            border-radius: 0rem !important;
+            background: rgba(0, 0, 0, 0) !important;
+        } 
+        .yourclass5 .layui-layer-content {
+            border-radius: 0rem !important;
+        }
+        .yourclass6{
+            border-radius: 0rem !important;
+            background: rgba(0, 0, 0, 0) !important;
+            position: relative;
+            left: 1.4rem !important;
+        }
+        .yourclass6 .layui-layer-content {
+            border-radius: 0rem !important;
+        }
+    </style>
+</head>
+<body style="background: #F3F3F3">
+    <div class="revise-top"><span>&lt;</span>管理個人資料</div>
+    <div class="revise-face-box">
+        <img class="revise-face" src="https://zhibocdn.yabolive.net/comm/stscli/prod/210101/1619077767204/C443AB7E-5DB8-439B-914B-1C880E3011D5.jpeg?x-oss-process=image/resize,w_120" alt="">
+        <p>點擊更換頭像</p>
+    </div>
+    <div class="revise-content">
+        <div>
+            <span class="revise-p1">暱稱</span>
+            <span class="revise-p2">主播暱稱預留<span>></span></span>
+        </div>
+        <div>
+            <span class="revise-p1">ID</span>
+            <span class="revise-p2">215561</span>
+        </div>
+        <div>
+            <span class="revise-p1">性別</span>
+            <span class="revise-p2">男<span>></span></span>
+        </div>
+        <div>
+            <span class="revise-p1">生日</span>
+            <span class="revise-p2">未知<span>></span></span>
+        </div>
+        <div>
+            <span class="revise-p1">身高</span>
+            <span class="revise-p2">未知<span>></span></span>
+        </div>
+        <div>
+            <span class="revise-p1">體重</span>
+            <span class="revise-p2">未知<span>></span></span>
+        </div>
+        <div>
+            <span class="revise-p1">學歷</span>
+            <span class="revise-p2">幼稚園<span>></span></span>
+        </div>
+        <div>
+            <span class="revise-p1">職業</span>
+            <span class="revise-p2">老司機<span>></span></span>
+        </div>
+        <div>
+            <span class="revise-p1">簽名</span>
+            <span class="revise-p2">好爸爸<span>></span></span>
+        </div>
+    </div>
+    <div class="revise-layer">
+        <div class="revise-input-title"><span>&lt;</span> 暱稱</div>
+        <div class="revise-input-box"></div>
+    </div>
+</body>
+<script src="layer-v3.1.0/layer/layer.js"></script>
+<!-- <script src="lib/fingerprint2.js"></script> -->
+<script src="lib/login.js"></script>
+<script>
+$(function(){
+    $.ajax({
+        url:$ip+'room/enterRoom',
+        data:{
+            uid: localStorage.uid,
+            token: localStorage.token,
+            roomId: localStorage.uid,
+            pageID: localStorage.canvasCode,
+        },
+        success:function(data){
+            console.log("用戶資料",data)
+            $(".revise-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.roomBaseInfo.face+"?x-oss-process=image/resize,w_120")
+            var html=[]
+            html+='<div>';
+            html+='<span class="revise-p1">暱稱</span>';
+            html+='<span class="revise-p2">' + data.roomBaseInfo.nickname + '<span>></span></span>';
+            html+='</div>';
+            html+='<div>';
+            html+='<span class="revise-p1">ID</span>';
+            html+='<span class="revise-p2">' + data.roomBaseInfo.uid + '</span>';
+            html+='</div>';
+            html+='<div>';
+            html+='<span class="revise-p1">性別</span>';
+            if(data.roomBaseInfo.sex==1)html+='<span class="revise-p2">男<span>></span></span>';
+            else html+='<span class="revise-p2">女<span>></span></span>';
+            html+='</div>';
+            html+='<div>';
+            html+='<span class="revise-p1">身高</span>';
+            if(data.roomBaseInfo.height=='')html+='<span class="revise-p2">秘密<span>></span></span>';
+            else html+='<span class="revise-p2">' + data.roomBaseInfo.height + 'cm<span>></span></span>';
+            html+='</div>';
+            html+='<div>';
+            html+='<span class="revise-p1">體重</span>';
+            if(data.roomBaseInfo.weight=='')html+='<span class="revise-p2">秘密<span>></span></span>';
+            else html+='<span class="revise-p2">'+data.roomBaseInfo.weight+'<span>></span></span>';
+            html+='</div>';
+            html+='<div>';
+            html+='<span class="revise-p1">學歷</span>';
+            html+='<span class="revise-p2">' + data.roomBaseInfo.culture + '<span>></span></span>';
+            html+='</div>';
+            html+='<div>';
+            html+='<span class="revise-p1">職業</span>';
+            html+='<span class="revise-p2">' + data.roomBaseInfo.work + '<span>></span></span>';
+            html+='</div>';
+            html+='<div>';
+            html+='<span class="revise-p1">簽名</span>';
+            html+='<span class="revise-p2">'+data.roomBaseInfo.sign.replace("Firefly Live","Footseen")+'<span>></span></span>';
+            html+='</div>';
+            $(".revise-content").html(html)
+        }
+    })
+})
+</script>
+</html>
\ No newline at end of file