You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
.page {
|
|
|
|
|
width: 100vw;
|
|
|
|
|
min-height: 3000rpx;
|
|
|
|
|
.page-img {
|
|
|
|
|
width: 100vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.swiper-item{
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.page-click1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 206rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 300rpx;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
// background-color: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-click2 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 886rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 306rpx;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-click3 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 1200rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 400rpx;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
// background-color: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-click4 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 1600rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 550rpx;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
// background-color: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-click5 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 2150rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 850rpx;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
// background-color: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-click6 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 3032rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 416rpx;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
// background-color: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-click7 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 3512rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 325rpx;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
// background-color: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.page-click8 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 3883rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
height: 281rpx;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
// background-color: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tabbar {
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
width: 100vw;
|
|
|
|
|
padding-bottom: 20rpx;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
.tabbar-img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.tabbar-wrap {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
.tabbar-click {
|
|
|
|
|
flex: 1;
|
|
|
|
|
height: 220rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.float1 {
|
|
|
|
|
position: fixed;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
bottom: 248rpx;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%);
|
|
|
|
|
width: 256rpx;
|
|
|
|
|
height: 122rpx;
|
|
|
|
|
}
|