Skip to content

libai / footseen-large-website

Go to a project
Commit d0dac7c5 by dawei
Options

feat: 更新

parent fcc6526a
Expand all
Inline Side-by-side
Showing with 1877 additions and 0 deletions
footseen/css/base.css 0 → 100644
/*初始化 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
footseen/css/base2.css 0 → 100644
@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: "微软雅黑"; background:#fff; overflow:visible; color:#666666;}
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: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;
}
::-webkit-scrollbar {display:none}
input {-webkit-appearance:none; /*去除input默认样式*/}
.ellipsis{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hide{display: none;}
footseen/css/daily.css 0 → 100644
.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;
}
}
footseen/css/inedx.css 0 → 100644
.main {
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
font-size: 0;
}
.logo{
position: absolute;
left: 4.386rem;
top: 0.453rem;
width: 1.52rem;
height: 1.026rem;
z-index: 10;
}
.langTitle {
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2.5rem;
z-index: 100;
font-size: 0.4rem;
color: #FFF;
}
.langTitle img {
width: 0.2rem;
height: 0.173rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList {
position: absolute;
left: 0.4rem;
top: 1.573rem;
width: 3.546rem;
height: 3.84rem;
background: rgba(255, 255, 255, .9);
z-index: 50;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
display: none;
}
.langList p {
width: 100%;
font-size: 0.4rem;
color: #333;
margin-top: 0.6rem;
text-indent: 0.426rem;
line-height: 1.1;
}
.langList p.check{
color:#D82F66;
}
.topUp {
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color: #FFF;
}
.swiper-container{
width: 10rem;
height: 17.786rem;
}
.androidSwiper.swiper-container{
width: 10rem;
height: 23.5rem;
overflow: hidden;
}
.swiper-slide{
position: relative;
width: 10rem;
}
.androidSwiper.swiper-container .swiper-slide{
height: 23.5rem;
}
.swiper-slide img{
width: 10rem;
height: 17.786rem;
}
.androidSwiper.swiper-container .swiper-slide img{
width: 10rem;
height: 28rem;
}
.live{
position: absolute;
width: 2.44rem;
height: 0.786rem;
z-index: 10;
left: 50%;
bottom: 1.306rem;
margin-left: -1.22rem;
}
.iosDown,.anBtn{
position: absolute;
left: 50%;
background: url(https://www.footseen.com/img/button.png) no-repeat;
background-size: 100% 100%;
width: 7.173rem;
height: 1.333rem;
line-height: 1.333rem;
text-align: center;
font-size: 0.64rem;
color:#D82F66;
z-index: 20;
margin-left: -3.586rem;
top: 13.48rem;
}
.heartbeat {
animation-name: heartbeat;
-webkit-animation-name: heartbeat;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible!important;
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.swiper-container{
--swiper-theme-color: #ff6600;
--swiper-pagination-color: #00ff33;/* 两种都可以 */
}
.swiper-pagination{
z-index: 20;
width: 10rem;
height: 0.213rem;
position: absolute;
left: 0;
text-align: center;
top: 13.04rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
width: 0.213rem;
height: 0.213rem;
background: #FFF;
opacity: .5;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
opacity: 1;
}
.andoridDesc{
position: absolute;
width: 8.933rem;
height: 7.506rem;
left: 50%;
top: 14.093rem;
margin-left: -4.466rem;
background-color: rgba(191,40,91,1);
border-radius: 0.426rem;
-webkit-border-radius: 0.426rem;
-moz-border-radius: 0.426rem;
-ms-border-radius: 0.426rem;
-o-border-radius: 0.426rem;
z-index: 15;
}
.andoridDescTitle{
position: relative;
margin: 0 0.52rem;
padding-top: 1.426rem;
font-size: 0.506rem;
font-weight: bold;
color:#F4CDBA;
}
.andoridDescTitle img{
width: 0.506rem;
height: 0.506rem;
vertical-align: middle;
margin: -.12rem 0.253rem 0 0;
position: relative;
display: inline-block;
}
.andoridDescText1{
margin: 0.133rem 0.493rem 0 0.493rem;
font-size: 0.32rem;
color:#F4CDBA;
}
.andoridDescText.andoridDescText1{
margin-top: 0.84rem;
}
.andoridDescText2{
margin: 0.133rem 0.493rem 0 0.493rem;
font-size: 0.32rem;
color:#F4CDBA;
}
.andoridDescText.andoridDescText2{
margin-top: 0.84rem;
}
.andoridBottom{
width: 2.44rem;
height: 0.786rem;
position: absolute;
background: url(https://www.footseen.com/img/live.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
margin-left: -1.22rem;
top: 22.173rem;
z-index: 20;
}
.L_Ar .andoridDesc p{
direction: rtl;
}
.L_Ar .androidSwiper.swiper-container{
height: 18.986rem;
}
.L_Ar .androidSwiper.swiper-container .swiper-slide{
height: 18.986rem;
}
.L_Ar .androidSwiper.swiper-container .swiper-slide img{
height: 18.986rem;
}
.L_Ar .arBottom{
position: relative;
width: 10rem;
height: 4.514rem;
font-size: 0;
background-color: #E64E8B;
}
.L_Ar .andoridDescTitle img{
margin: -.12rem 0 0 .523rem;
}
footseen/css/iosNew.css 0 → 100644
.main {
margin: 0 auto;
width: 10rem;
height: 100%;
position: relative;
font-size: 0;
background: url(../img/new2/bg.png) repeat-y;
background-size: 100% auto;
}
.langTitle {
position: absolute;
top: 0.6rem;
left: 0.4rem;
width: 2.5rem;
z-index: 100;
font-size: 0.4rem;
color: #FFF;
}
.langTitle img {
width: 0.2rem;
height: 0.173rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList {
position: absolute;
left: 0.4rem;
top: 1.573rem;
width: 3.546rem;
height: 3.84rem;
background: rgba(255, 255, 255, .9);
z-index: 50;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
display: none;
}
.langList p {
width: 100%;
font-size: 0.4rem;
color: #333;
margin-top: 0.6rem;
text-indent: 0.426rem;
line-height: 1.1;
}
.langList p.check {
color: #D82F66;
}
.topUp {
position: absolute;
top: 0.6rem;
right: 0.653rem;
z-index: 100;
font-size: 0.373rem;
color: #FFF;
}
.mTextImg {
width: 4.32rem;
height: 0.48rem;
position: absolute;
left: 50%;
margin-left: -2.16rem;
bottom: 4.16rem;
}
.iosDown2 {
background: url(../img/new2/dbutton1.png) no-repeat;
background-size: 100% 100%;
width: 7.173rem;
height: 1.333rem;
line-height: 1.333rem;
font-size: 0.64rem;
color: #D82F66;
text-align: center;
position: absolute;
left: 50%;
bottom: 2.32rem;
margin-left: -3.586rem;
}
.iosDown1 {
background: url(../img/new2/button2.png) no-repeat;
background-size: 100% 100%;
width: 7.173rem;
height: 1.333rem;
line-height: 1.333rem;
font-size: 0.64rem;
color: #D82F66;
text-align: center;
position: absolute;
left: 50%;
bottom: 5.32rem;
margin-left: -3.586rem;
}
.guide1{
width: 2rem;
font-size: 0.373rem;
color: #fff;
text-align: center;
position: absolute;
left: 50%;
bottom: 4.32rem;
border-bottom: 1px solid #fff;
margin-left: -1rem;
}
.guide1bg{
width: 10rem;
height: 42.333rem;
background: url(../img/new2/guide1.png) no-repeat;
background-size: contain;
margin: 0 auto;
position: relative;
padding-bottom: 2.133rem;
}
.guide2{
width: 2rem;
font-size: 0.373rem;
color: #fff;
text-align: center;
position: absolute;
left: 50%;
bottom: 1.32rem;
border-bottom: 1px solid #fff;
margin-left: -1rem;
}
.guide2bg{
width: 10rem;
height: 53.907rem;
background: url(../img/new2/guide2.png) no-repeat;
background-size: contain;
margin: 0 auto;
position: relative;
padding-bottom: 2.133rem;
}
.goBack{
width: 10rem;
height: 2.133rem;
position: fixed;
bottom: 0;
background-color: #ea277d;
}
.backBtn{
width: 7.173rem;
height: 1.333rem;
line-height: 1.333rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url(../img/new2/button.png);
background-size: 100% 100%;
text-align: center;
font-size: 0.56rem;
color: #ea277d;
}
.layer-box {
width: 7.2rem;
height: 6.973rem;
background: url(https://www.footseen.com/img/phonembg.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.layui-layer-close2 {
display: none !important;
}
.layui-layer {
border-radius: 0.5rem !important;
}
.layui-layer-page .layui-layer-content {
border-radius: 0.5rem !important;
}
.googleDown, .apkDown {
background: url(https://www.footseen.com/img/btngp.png) no-repeat;
background-size: 100% 100%;
width: 4.813rem;
height: 1.2rem;
line-height: 1.2rem;
position: absolute;
top: 1.733rem;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
text-align: center;
font-size: 0.426rem;
color: #FFF;
}
.apkDown {
top: 3.933rem;
}
.googleDown img, .apkDown img {
width: 0.373rem;
height: 0.413rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.133rem;
}
a:hover {
color: #FFF;
}
.heartbeat {
animation-name: heartbeat;
-webkit-animation-name: heartbeat;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible!important;
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
\ No newline at end of file
footseen/css/layer.css 0 → 100644
.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
footseen/css/liMarquee.css 0 → 100644
/*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
footseen/css/neck.css 0 → 100644
.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;
}
footseen/css/neck.less 0 → 100644
.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
footseen/css/new/common.css 0 → 100644
body,ul,p,h1,h2,h3,h4,ol,li,table,tr,td{padding: 0;margin: 0;font-family: "微软雅黑"; color: #666 }
h1,h2,h3,h4{font-weight: normal}
ul,li,ol{list-style: none;}
a{text-decoration: none;color:#666;}
a:active{text-decoration: none;color:#666;}
.dis{display:none}
img{border:0px;}
footseen/css/new/index.css 0 → 100644
/*页面公共区域*/
body {
background: #bb2677;
}
#pro {
position: relative;
width: 10rem;
height: 100%;
overflow: hidden;
background: #bb2677;
margin: 0 auto;
}
.page {
width: 10rem;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.page0 {
width: 10rem;
height: 100%;
position: relative;
overflow: hidden;
background: url(../../img/new3/bg1.png) no-repeat;
background-size: cover;
background-position: center;
}
.page1 {
width: 10rem;
height: 100%;
position: relative;
overflow: hidden;
background: url(../../img/new3/bg2.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.page2 {
width: 10rem;
height: 100%;
position: relative;
overflow-y: scroll;
background: url(../../img/new3/bg3.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.mPhone {
/* width: 30vh;
height: 60vh; */
width: 6.28rem;
height: 12.467rem;
position: absolute;
top: 2.68rem;
left: 50%;
transform: translateX(-50%);
z-index: 10;
background: url(../../img/new3/phone.png) no-repeat;
background-size: contain;
}
.phoneBorder {
width: 100%;
height: 100%;
/* background: url(../../img/new3/phone.png) no-repeat;
background-size: contain; */
position: absolute;
top: 0;
left: 0;
}
.videoCon {
/* border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.8rem;
border-bottom-right-radius: 0.8rem; */
border-radius: 0.68rem;
-moz-border-radius: 0.68rem;
-webkit-border-radius: 0.68rem;
overflow: hidden;
width: 5.76rem;
height: 12.1rem;
box-sizing: border-box;
position: absolute;
bottom: 0.18rem;
left: 50%;
transform: translateX(-50%);
background: url(../../img/new3/phoneVideo.png) no-repeat;
background-size: contain;
/* top: 0.36rem;
left: 0.36rem;
bottom: 0.36rem;
right: 0.36rem; */
z-index: 1;
}
/* #video {
width: 5.4rem;
height: 9.6rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} */
.mTitle {
width: 8rem;
text-align: center;
position: absolute;
top: 1.32rem;
left: 50%;
transform: translateX(-50%);
}
.mTitle>span {
font-size: 0.6rem;
padding: 0 0.2rem;
color: #fff;
}
.mIcon {
display: inline-block;
vertical-align: middle;
width: 0.28rem;
height: 0.28rem;
background: url(../../img/new3/mIcon.png) no-repeat;
background-size: 100% 100%;
}
.bubble1 {
width: 2.293rem;
height: 2.24rem;
background: url(../../img/new3/bubble1.png) no-repeat;
background-size: contain;
position: absolute;
top: 2rem;
left: -0.4rem;
animation: mBreath 8s linear infinite;
}
.bubble2 {
width: 1.64rem;
height: 1.667rem;
background: url(../../img/new3/bubble2.png) no-repeat;
background-size: contain;
position: absolute;
top: 1.2rem;
left: 8rem;
animation: mBreath 6s linear infinite;
}
.bubble3 {
width: 2.293rem;
height: 2.24rem;
background: url(../../img/new3/bubble3.png) no-repeat;
background-size: contain;
position: absolute;
top: 8rem;
right: -0.8rem;
animation: mBreath 10s linear infinite;
}
.bubble4 {
width: 2.96rem;
height: 3.053rem;
background: url(../../img/new3/bubble4.png) no-repeat;
background-size: contain;
position: absolute;
top: 13.2rem;
left: -0.3rem;
animation: mBreath 7s linear infinite;
}
.btnPage2 {
background: url(https://www.footseen.com/img/new/button.png) no-repeat;
background-size: 100% 100%;
width: 7.173rem;
height: 1.333rem;
line-height: 1.333rem;
font-size: 0.64rem;
color: #D82F66;
text-align: center;
position: absolute;
left: 50%;
bottom: 0.4rem;
margin-left: -3.586rem;
z-index: 99;
}
@keyframes mBreath {
0% {
transform: scale(1);
}
50% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
.voiceBg {
width: 1.4rem;
height: 0.619rem;
border-radius: 0.4rem;
position: absolute;
bottom: 1.2rem;
right: 0.4rem;
background: rgba(255, 255, 255, 0.5);
z-index: 50;
}
.voiceBtn {
width: 0.72rem;
height: 0.619rem;
background: url(../../img/new3/voice.png) no-repeat;
background-size: contain;
margin: 0 auto;
transform: scale(0.7);
}
.muted {
background: url(../../img/new3/muted.png) no-repeat;
background-size: contain;
}
.recommendBox {
width: 100%;
position: absolute;
top: 2.68rem;
left: 0rem;
overflow-y: scroll;
}
.rVideos {
width: 100%;
}
.rRow {
width: 100%;
margin-bottom: 0.1rem;
}
.youtubeVideos {
width: 8rem;
height: 4rem;
margin: 0 auto;
position: relative;
border-radius: 0.267rem;
-webkit-border-radius: 0.267rem;
-moz-border-radius: 0.267rem;
overflow: hidden;
background: url(../../img/new3/videoBg.png) no-repeat;
background-size: 100% 100%;
}
.elementor-video-iframe {
max-width: 100%;
width: 100%;
border: none;
height: 100%;
position: absolute;
border-radius: 0.267rem;
-webkit-border-radius: 0.267rem;
-moz-border-radius: 0.267rem;
overflow: hidden;
}
.rInfo {
line-height: 1rem;
color: #fff;
font-size: 0.347rem;
}
.rTime {
margin-left: 1rem;
}
.rName {
margin-left: 0.8rem;
}
.downloadBtn2 {
width: 1.627rem;
height: 1.72rem;
background: url(../../img/new3/download.png) no-repeat;
background-size: contain;
position: fixed;
bottom: 4rem;
right: 0.2rem;
animation: upWard2 1s linear 0s infinite alternate;
-webkit-animation: upWard 1s linear 0s infinite alternate;
display: none;
z-index: 99;
}
.wipeUp {
width: 1.227rem;
height: 1.173rem;
background: url("../../img/new3/imageSprites.png") no-repeat;
background-size: 100% 100%;
position: fixed;
bottom: 4rem;
left: 92%;
animation: upWard 1s linear 0s infinite alternate;
-webkit-transform: translateX(-50%);
-webkit-animation: upWard 1s linear 0s infinite alternate;
}
@-webkit-keyframes upWard {
from {
bottom: 4rem;
}
to {
bottom: 3.6rem;
}
}
@-webkit-keyframes upWard2 {
from {
top: 10rem;
}
to {
top: 10.4rem;
}
}
.langList {
height: 4.84rem;
}
#insShare {
position: absolute;
top: -100rem;
left: -100rem;
}
\ No newline at end of file
footseen/css/newIndex.css 0 → 100644
.main {
margin: 0 auto;
width: 10rem;
height: 100%;
position: relative;
font-size: 0;
background: url(https://www.footseen.com/img/new/bg2.png) repeat-y;
background-size: 100% auto;
}
.langTitle {
position: absolute;
top: 0.6rem;
left: 0.4rem;
width: 2.5rem;
z-index: 100;
font-size: 0.4rem;
color: #FFF;
}
.langTitle img {
width: 0.2rem;
height: 0.173rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList {
position: absolute;
left: 0.4rem;
top: 1.573rem;
width: 3.546rem;
height: 3.84rem;
background: rgba(255, 255, 255, .9);
z-index: 50;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
display: none;
}
.langList p {
width: 100%;
font-size: 0.4rem;
color: #333;
margin-top: 0.6rem;
text-indent: 0.426rem;
line-height: 1.1;
}
.langList p.check{
color:#D82F66;
}
.topUp {
position: absolute;
top: 0.6rem;
right: 0.653rem;
z-index: 100;
font-size:0.373rem;
color: #FFF;
}
.mTextImg{
width: 4.32rem;
height: 0.48rem;
position: absolute;
left: 50%;
margin-left: -2.16rem;
bottom: 4.16rem;
}
.iosDown{
background: url(https://www.footseen.com/img/new/button.png) no-repeat;
background-size: 100% 100%;
width: 7.173rem;
height: 1.333rem;
line-height: 1.333rem;
font-size: 0.64rem;
color: #D82F66;
text-align: center;
position: absolute;
left: 50%;
bottom: 2.32rem;
margin-left: -3.586rem;
}
.layer-box{
width: 7.2rem;
height: 6.973rem;
background: url(https://www.footseen.com/img/phonembg.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.layui-layer-close2{
display: none !important;
}
.layui-layer{
border-radius: 0.5rem !important;
}
.layui-layer-page .layui-layer-content{
border-radius: 0.5rem !important;
}
.googleDown,.apkDown{
background: url(https://www.footseen.com/img/btngp.png) no-repeat;
background-size: 100% 100%;
width: 4.813rem;
height: 1.2rem;
line-height: 1.2rem;
position: absolute;
top: 1.733rem;
left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
text-align: center;
font-size: 0.426rem;
color:#FFF;
}
.apkDown{
top: 3.933rem;
}
.googleDown img,.apkDown img{
width: 0.373rem;
height: 0.413rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.133rem;
}
a:hover{
color:#FFF;
}
.heartbeat {
animation-name: heartbeat;
-webkit-animation-name: heartbeat;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible!important;
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.only18{
width: 0.96rem;
height: 0.96rem;
position: absolute;
bottom: 0.8rem;
left: 50%;
transform: translate(-50%,0);
background: url(../img/18.png) no-repeat;
background-size: 100% 100%;
}
\ No newline at end of file
footseen/js/swiper.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment