Commit 44029e45 by libai

测试

parent 0d7fd387
Showing with 1918 additions and 1 deletions
...@@ -38,6 +38,6 @@ User-agent: psbot ...@@ -38,6 +38,6 @@ User-agent: psbot
Disallow: Disallow:
User-agent: * User-agent: *
Disallow: Disallow:
Disallow: /*test* Disallow: /*yazhaiTest*
Sitemap: https://www.footseen.xyz/sitemap.xml Sitemap: https://www.footseen.xyz/sitemap.xml
/*初始化 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{ }
/* 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;
}
.yourclass5 {
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
}
.yourclass5::-webkit-scrollbar{
display:none;
}
.yourclass5 .layui-layer-content {
border-radius: 0rem !important;
}
.layui-layer{
box-shadow: none !important;
}
.layui-layer-ico{
display: none !important;
}
/*版芯*/
.neck-nav {
height: 60px;
width: 100%;
background: #E43985;
position: fixed;
z-index: 500;
}
.neck-nav .neck-nav-content {
width: 1440px;
margin: 0 auto;
height: 60px;
position: relative;
}
.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;
}
}
.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
/*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
.layer-login {
display: none;
width: 470px;
height: 631px;
background-color: #F4F5F8;
background-image: url(http://test.ybact.ishuaji.cn/active2022/footseen/images/login-bg.png);
background-size: 100% 100%;
position: relative;
border-radius: 8px;
}
.layer-login .close {
width: 26px;
position: absolute;
top: 15px;
right: 15px;
}
.login-title {
color: #333333;
font-size: 16px;
font-weight: 700;
text-align: center;
padding-top: 160px;
}
.phone-login-btn {
width: 390px;
height: 70px;
background: url(http://test.ybact.ishuaji.cn/active2022/footseen/images/phone-login-btn.png) no-repeat;
background-size: 100% auto;
background-position-y: -15px;
margin: 0 auto;
margin-top: 40px;
cursor: pointer;
}
.google-login-btn {
width: 390px;
height: 70px;
background: url(http://test.ybact.ishuaji.cn/active2022/footseen/images/google-login-btn.png) no-repeat;
background-size: 100% auto;
background-position-y: -15px;
margin: 0 auto;
margin-top: 0px;
cursor: pointer;
}
.more-login {
text-align: center;
font-size: 0;
margin-top: 70px;
}
.more-login img {
width: 330px;
}
.more-login-box {
text-align: center;
margin: 0 auto;
margin-top: 20px;
}
.more-login-box .more-login-icon {
width: 68px;
display: inline-block;
font-size: 0;
}
.more-login-box .more-login-icon img {
width: 68px;
}
.login-input-area {
position: relative;
width: 330px;
height: 50px;
background: #FFFFFF;
margin: 0 auto;
border-radius: 8px;
margin-top: 28px;
}
.login-input-area .login-area-p1 {
line-height: 50px;
display: inline-block;
width: 95px;
text-align: center;
}
.login-input-area .login-area-p2 {
line-height: 50px;
width: 205px;
text-align: right;
position: absolute;
height: 50px;
right: 40px;
top: 0;
}
.login-input-area .login-area-p2 img {
position: absolute;
top: 19px;
right: -23px;
transition: 0.35s all;
}
.login-input-phone {
position: relative;
width: 330px;
height: 50px;
background: #FFFFFF;
margin: 0 auto;
border-radius: 8px;
margin-top: 15px;
}
.login-input-password {
position: relative;
width: 330px;
height: 50px;
background: #FFFFFF;
margin: 0 auto;
border-radius: 8px;
margin-top: 15px;
}
.login-input-phone-span {
width: 66px;
height: 15px;
line-height: 15px;
text-indent: 2px;
text-align: center;
position: absolute;
top: 17px;
border-right: 2px solid #AAAAAA;
}
.login-input1 {
height: 50px;
width: 250px;
position: absolute;
font-size: 16px;
left: 68px;
text-indent: 10px;
}
.login-input2 {
height: 50px;
width: 250px;
position: absolute;
font-size: 16px;
left: 68px;
text-indent: 10px;
}
.login-submit-btn {
width: 330px;
height: 50px;
background: #E53985;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 50px;
margin: 0 auto;
border-radius: 8px;
margin-top: 60px;
}
.login-submit-btn2 {
width: 330px;
height: 50px;
background: #E53985;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 50px;
margin: 0 auto;
border-radius: 8px;
margin-top: 39px;
}
.login-no-password {
color: #E53985;
font-size: 14px;
position: absolute;
top: 342px;
left: 343px;
}
.login-code-box {
width: 330px;
height: 50px;
margin: 0 auto;
margin-top: 15px;
position: relative;
}
.login-code-input {
width: 215px;
height: 50px;
background: #fff;
border-radius: 8px;
line-height: 50px;
font-size: 16px;
text-indent: 14px;
}
.login-code-btn {
width: 102px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 16px;
border-radius: 8px;
background: #E53985;
position: absolute;
right: 0;
top: 0;
}
.login-code-btn-no {
background: #c8c8c8;
}
.login-new-password1 {
position: relative;
width: 330px;
height: 50px;
background: #FFFFFF;
margin: 0 auto;
margin-top: 15px;
}
.login-new-password1 input {
width: 330px;
height: 50px;
background: #FFFFFF;
border-radius: 8px;
text-align: left;
text-indent: 15px;
font-size: 16px;
}
.login-new-password2 {
position: relative;
width: 330px;
height: 50px;
background: #FFFFFF;
margin: 0 auto;
margin-top: 15px;
}
.login-new-password2 input {
width: 330px;
height: 50px;
background: #FFFFFF;
border-radius: 8px;
font-size: 16px;
text-align: left;
text-indent: 15px;
}
.login-back {
color: #E43884;
position: absolute;
font-size: 16px;
left: 205px;
top: 567px;
}
.layer-register {
width: 940px;
height: 631px;
position: relative;
}
.layer-register-left {
position: absolute;
width: 470px;
left: 0;
top: 0;
height: 631px;
background: #F4F5F8;
}
.login-register-tips {
position: absolute;
top: 459px;
color: #AAAAAA;
left: 160px;
}
.login-register-tips span {
color: #E53985;
}
.layer-register-right {
position: absolute;
width: 470px;
right: 0;
top: 0;
height: 631px;
background: url(http://test.ybact.ishuaji.cn/active2022/footseen/images/layer-register.png) no-repeat;
background-size: 100% 100%;
}
.login-input-ul {
width: 330px;
height: 192px ;
background: #FFFFFF;
z-index: 50;
position: absolute;
left: 70px;
top: 254px;
border-radius: 0 0 8px 8px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
display: none;
}
.login-input-ul li {
height: 32px;
line-height: 32px;
font-size: 14px;
width: 330px;
margin: 0 auto;
border-radius: 8px;
}
.login-input-ul li:hover {
background: #FBE6F1;
color: #E53985;
}
.login-input-ul .input-ul-span1 {
float: left;
margin-left: 15px;
}
.login-input-ul .input-ul-span2 {
float: right;
margin-right: 15px;
}
.layer-register .login-input-ul {
top: 169px;
}
.login-input-ul::-webkit-scrollbar {
width: 0px !important;
}
.login-input-ul::-webkit-scrollbar-track {
background: #FFFFFF !important;
}
.login-input-ul::-webkit-scrollbar-thumb {
background: #E53985 !important;
}
.nav-login-face {
top: 5px;
right: 5px;
position: absolute;
width: 46px;
height: 46px;
border-radius: 50%;
border: 2px solid #fff;
}
.nav-login-more {
display: none;
width: 320px;
height: 382px;
background: #fff;
position: absolute;
border-radius: 8px;
right: 0;
top: 60px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.nav-login-more-jiao {
width: 8px;
height: 8px;
background: #FFFFFF;
position: absolute;
transform: rotate(45deg);
top: -3px;
left: 287px;
pointer-events: none;
}
.nav-login-more-top {
position: relative;
height: 96px;
width: 320px;
border-bottom: 1px solid #E5E5E5;
}
.login-more-top-face {
width: 52px;
height: 52px;
border-radius: 50%;
position: absolute;
left: 20px;
top: 22px;
}
.login-more-top-p1 {
font-size: 14px;
color: #333333;
text-indent: 84px;
padding-top: 24px;
}
.login-more-top-p2 {
padding-top: 8px;
font-size: 12px;
color: #666666;
text-indent: 84px;
}
.login-more-content-box > div {
height: 57px;
text-align: center;
line-height: 57px;
cursor: pointer;
}
.login-more-content-box > div:hover {
background: #F4F5F8;
color: #E53985;
}
.nav-login-btn {
position: absolute;
width: 152px;
height: 52px;
background: #FFFFFF;
border-radius: 50px;
text-align: center;
line-height: 52px;
color: #E53683;
font-size: 18px;
top: 4px;
right: 0;
cursor: pointer;
}
.login-box4 .login-input-ul {
top: 208px;
}
.login-box3 .login-input-ul {
top: 208px;
}
.neck-nav .logo {
position: absolute;
top: 10px;
width: 180px;
}
.nation-search {
position: absolute;
height: 50px;
width: 200px;
background: #FFFFFF;
left: 93px;
z-index: 50;
display: none;
}
.nation-search > input {
position: absolute;
width: 185px;
height: 26px;
background: #F4F5F8;
border-radius: 50px;
left: 0;
top: 12px;
text-indent: 28px;
}
.nation-search > img {
z-index: 50;
position: absolute;
top: 18px;
left: 8px;
}
.layer-login-face {
width: 470px;
height: 631px;
position: relative;
background-color: #F4F5F8;
background-image: url(http://test.ybact.ishuaji.cn/active2022/footseen/images/login-bg.png);
background-size: 100% 100%;
border-radius: 8px;
}
.login-face-tips1 {
font-size: 32px;
color: #E53985;
text-align: center;
font-weight: 700;
padding-top: 125px;
}
.login-face-tips2 {
font-size: 14px;
text-align: center;
margin-top: 38px;
}
.login-face-imgBox {
text-align: center;
margin-top: 40px;
}
.login-face-imgBox > img {
width: 90px;
height: 90px;
border-radius: 50%;
cursor: pointer;
}
.login-face-imgBox > div {
font-size: 12px;
margin-top: 4px;
}
.login-face-input {
text-align: center;
margin-top: 26px;
}
.login-face-input input {
text-align: center;
width: 200px;
height: 40px;
background: none;
border-bottom: 1px solid #333333;
font-size: 14px;
}
.login-face-btn {
width: 330px;
height: 50px;
background: #E53985;
border-radius: 8px;
text-align: center;
line-height: 50px;
margin: 0 auto;
color: #fff;
margin-top: 64px;
}
.login-face-out {
text-align: center;
font-size: 14px;
color: #AAAAAA;
margin-top: 8px;
}
.m-box {
width: 1200px;
margin: 0 auto;
position: relative;
}
.reg-h2 {
font-size: 30px;
font-weight: 700;
height: 70px;
line-height: 70px;
padding-top: 10px;
position: relative;
text-indent: 10px;
}
.reg-h2 .line {
position: absolute;
height: 20px;
width: 4px;
background: #E53985;
border-radius: 20px;
left: 0;
top: 37px;
}
.dew-box {
position: relative;
width: 1200px;
background: #FFFFFF;
min-height: 600px;
border-radius: 8px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
margin-top: 5px;
}
.dew-box-top {
position: relative;
width: 1100px;
height: 150px;
margin: 0 auto;
border-bottom: 1px solid #E5E5E5;
}
.dew-box-top .dew-face {
position: absolute;
width: 88px;
height: 88px;
border: 2px solid #E54189;
border-radius: 50%;
top: 30px;
left: 0;
}
.dew-box-top .dew-top-text1 {
text-indent: 105px;
font-size: 20px;
font-weight: 700;
padding-top: 44px;
}
.dew-box-top .dew-top-text2 {
text-indent: 105px;
font-size: 14px;
padding-top: 8px;
}
.diamond-p {
width: 230px;
height: 30px;
line-height: 30px;
position: absolute;
right: 0;
top: 44px;
}
.diamond-p > img {
vertical-align: middle;
margin-top: -2px;
}
.diamond-p span {
color: #E53985;
}
.dew-p {
width: 230px;
height: 30px;
line-height: 30px;
position: absolute;
right: 0;
top: 80px;
}
.dew-p > img {
vertical-align: middle;
margin-top: -2px;
}
.dew-p span {
color: #BC57FF;
}
.dew-reg {
height: 24px;
width: 54px;
background: #E53985;
font-size: 12px;
color: #fff;
position: absolute;
text-align: center;
line-height: 24px;
border-radius: 6px;
top: 3px;
right: 0;
}
.dew-exc-box {
width: 1100px;
margin: 0 auto;
margin-top: 15px;
}
.dew-exc-box div {
position: relative;
width: 110px;
height: 55px;
float: left;
line-height: 55px;
color: #AAAAAA;
font-size: 26px;
margin-right: 14px;
}
.dew-exc-box .dew-exc-btn-line {
display: none;
position: absolute;
bottom: 0;
left: 4px;
width: 94px;
height: 2px;
background: #E53985;
}
.dew-exc-btn-click {
font-weight: 700;
color: #333333 !important;
}
.dew-exc-btn-click .dew-exc-btn-line {
display: block;
}
.dew-exc-ul {
width: 1100px;
margin: 0 auto;
margin-top: 25px;
min-height: 220px;
}
.dew-exc-ul li {
cursor: pointer;
width: 258px;
height: 88px;
border: 1px solid #E5E5E5;
border-radius: 8px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
}
.dew-exc-ul li .exc-click-icon {
position: absolute;
right: 0;
bottom: 0;
display: none;
}
.dew-exc-ul li p:nth-child(1) {
color: #333333;
font-size: 18px;
font-weight: 700;
text-align: center;
padding-top: 16px;
}
.dew-exc-ul li p:nth-child(1) > img {
vertical-align: middle;
margin-top: -3px;
}
.dew-exc-ul li p:nth-child(2) {
color: #999999;
font-size: 14px;
text-align: center;
padding-top: 6px;
}
.dew-exc-ul .dew-exc-click {
border: 1px solid #E54189;
}
.dew-exc-ul .dew-exc-click .exc-click-icon {
display: block;
}
.dew-exc-ul li:nth-child(4n) {
margin-right: 0;
}
.exc-tips {
font-size: 12px;
color: #999999;
text-align: center;
margin-top: 70px;
}
.exc-btn {
height: 60px;
width: 376px;
background: #E53985;
margin: 0 auto;
border-radius: 50px;
color: #fff;
line-height: 60px;
text-align: center;
margin-top: 15px;
cursor: pointer;
}
.m-box{
width: 1200px;
margin: 0 auto;
position: relative;
}
.reg-h2{
font-size: 30px;
font-weight: 700;
height: 70px;
line-height: 70px;
padding-top: 10px;
position: relative;
text-indent: 10px;
.line{
position: absolute;
height: 20px;
width: 4px;
background: #E53985;
border-radius: 20px;
left: 0;
top: 37px;
}
}
.dew-box{
position: relative;
width: 1200px;
background: #FFFFFF;
min-height: 600px;
border-radius: 8px;
box-shadow: 0 2px 20px rgb(0 0 0 / 5%);
margin-top: 5px;
}
.dew-box-top{
position: relative;
width: 1100px;
height: 150px;
margin: 0 auto;
border-bottom: 1px solid #E5E5E5;
.dew-face{
position: absolute;
width: 88px;
height: 88px;
border: 2px solid #E54189;
border-radius: 50%;
top: 30px;
left: 0;
}
.dew-top-text1{
text-indent: 105px;
font-size: 20px;
font-weight: 700;
padding-top: 44px;
}
.dew-top-text2{
text-indent: 105px;
font-size: 14px;
padding-top: 8px;
}
}
.diamond-p{
width: 230px;
height: 30px;
line-height: 30px;
position: absolute;
right: 0;
top: 44px;
>img{
vertical-align: middle;
margin-top: -2px;
}
span{
color: #E53985;
}
}
.dew-p{
width: 230px;
height: 30px;
line-height: 30px;
position: absolute;
right: 0;
top: 80px;
>img{
vertical-align: middle;
margin-top: -2px;
}
span{
color: #BC57FF;
}
}
.dew-reg{
height: 24px;
width: 54px;
background: #E53985;
font-size: 12px;
color: #fff;
position: absolute;
text-align: center;
line-height: 24px;
border-radius: 6px;
top: 3px;
right: 0;
}
.dew-exc-box{
width: 1100px;
margin: 0 auto;
margin-top: 15px;
div{
position: relative;
width: 110px;
height: 55px;
float: left;
line-height: 55px;
color: #AAAAAA;
font-size: 26px;
margin-right: 14px;
}
.dew-exc-btn-line{
display: none;
position: absolute;
bottom: 0;
left: 4px;
width: 94px;
height: 2px;
background: #E53985;
}
}
.dew-exc-btn-click{
font-weight: 700;
color: #333333 !important;
.dew-exc-btn-line{
display: block;
}
}
.dew-exc-ul{
width: 1100px;
margin: 0 auto;
margin-top: 25px;
min-height: 220px;
li{
cursor: pointer;
width: 258px;
height: 88px;
border: 1px solid #E5E5E5;
border-radius: 8px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
.exc-click-icon{
position: absolute;
right: 0;
bottom: 0;
display: none;
}
p:nth-child(1){
color: #333333;
font-size: 18px;
font-weight: 700;
text-align: center;
padding-top: 16px;
>img{
vertical-align: middle;
margin-top: -3px;
}
}
p:nth-child(2){
color: #999999;
font-size: 14px;
text-align: center;
padding-top: 6px;
}
}
.dew-exc-click{
border: 1px solid #E54189;
.exc-click-icon{
display: block;
}
}
li:nth-child(4n){
margin-right: 0;
}
}
.exc-tips{
font-size: 12px;
color: #999999;
text-align: center;
margin-top: 70px;
}
.exc-btn{
height: 60px;
width: 376px;
background: #E53985;
margin: 0 auto;
border-radius: 50px;
color: #fff;
line-height: 60px;
text-align: center;
margin-top: 15px;
cursor: pointer;
}
\ No newline at end of file
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/default.js"></script>
<script>
</script>
\ No newline at end of file
.bg {
width: 10rem;
height: 21.68rem;
position: relative;
margin: 0 auto;
}
.bg1 {
background: url(../images/bg1.png) no-repeat;
background-size: 100% 100%;
}
.bg2 {
background: url(../images/bg2.png) no-repeat;
background-size: 100% 100%;
}
.bg3 {
background: url(../images/bg3.png) no-repeat;
background-size: 100% 100%;
}
.top {
width: 7.1rem;
position: absolute;
left: 1.45rem;
top: 1rem;
}
.text {
position: absolute;
width: 3.62rem;
left: 3.19rem;
top: 17.8rem;
}
.down-btn {
width: 6.8rem;
height: 1.6rem;
background: url(../images/downBtn.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 1.6rem;
top: 18.8rem;
}
.bg{
width: 10rem;
height: 21.68rem;
position: relative;
margin: 0 auto;
}
.bg1{
background: url(../images/bg1.png)no-repeat;
background-size: 100% 100%
}
.bg2{
background: url(../images/bg2.png)no-repeat;
background-size: 100% 100%
}
.bg3{
background: url(../images/bg3.png)no-repeat;
background-size: 100% 100%
}
.top{
width: 7.1rem;
position: absolute;
left: 1.45rem;
top: 1rem;
}
.text{
position: absolute;
width: 3.62rem;
left: 3.19rem;
top: 17.8rem;
}
.down-btn{
width: 6.8rem;
height: 1.6rem;
background: url(../images/downBtn.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 1.6rem;
top: 18.8rem;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<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="wap-font-scale" content="no">
<title></title>
<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">
<style>
</style>
</head>
<body style="background: #FFFFFF">
<div class="bg bg1">
<img class="top" src="images/top1.png" alt="在線美女互動">
<img class="text" src="images/text1.png" alt="腿控足控天堂">
<div class="down-btn"></div>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/default.js?v='20220407'"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script>
$(function(){
$(".down-btn").on("click",function(){
var ua = window.navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua)) {
layer.msg("ios開發中,請使用安卓手機下載")
} else if (/android/.test(ua)) {
window.location.href=sessionStorage.qd+".apk"
}
})
})
</script>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<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="wap-font-scale" content="no">
<title></title>
<script src="../lib/fsize.js"></script>
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="css/index.css">
<style>
</style>
</head>
<body style="background: #FFFFFF">
<div class="bg bg2">
<img class="top" src="images/top2.png" alt="腿控足控天堂">
<img class="text" src="images/text2.png" alt="更多精彩影片">
<div class="down-btn"></div>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/default.js?v='20220407'"></script>
<script>
$(function(){
$(".down-btn").on("click",function(){
var ua = window.navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua)) {
layer.msg("ios開發中,請使用安卓手機下載")
} else if (/android/.test(ua)) {
window.localStorage.href=sessionStorage.qd+".apk"
}
})
})
</script>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<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="wap-font-scale" content="no">
<title></title>
<script src="../lib/fsize.js"></script>
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="css/index.css">
<style>
</style>
</head>
<body style="background: #FFFFFF">
<div class="bg bg3">
<img class="top" src="images/top3.png" alt="1v1甜蜜約會">
<img class="text" src="images/text1.png" alt="腿控足控天堂">
<div class="down-btn"></div>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/default.js?v='20220407'"></script>
<script>
$(function(){
$(".down-btn").on("click",function(){
var ua = window.navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua)) {
layer.msg("ios開發中,請使用安卓手機下載")
} else if (/android/.test(ua)) {
window.localStorage.href=sessionStorage.qd+".apk"
}
})
})
</script>
</html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
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