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.
115 lines
1.8 KiB
115 lines
1.8 KiB
/* pages/activity/artfestival/index.wxss */
|
|
.main-img {
|
|
display: block;
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.menus {
|
|
display: flex;
|
|
margin: 0 30rpx;
|
|
margin-top: 354rpx;
|
|
margin-bottom: 46rpx;
|
|
justify-content: space-between;
|
|
}
|
|
.menu {
|
|
position: relative;
|
|
width: 153rpx;
|
|
line-height: 53rpx;
|
|
font-size: 32rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
.menu image {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 153rpx;
|
|
height: 53rpx;
|
|
}
|
|
.menu.active {
|
|
font-weight: 500;
|
|
color: #C9161E;
|
|
}
|
|
.menu view {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
page {
|
|
background: url(https://m.cloud.sz-trip.com/static/images/activity/artfestival/bg.png);
|
|
background-size: 100%;
|
|
background-repeat: repeat-y;
|
|
}
|
|
.list {
|
|
margin: 0 30rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
min-height: 100rpx;
|
|
}
|
|
.list-left {
|
|
width: 330rpx;
|
|
}
|
|
.list-item {
|
|
position: relative;
|
|
padding: 13rpx;
|
|
background: #FEE5C6;
|
|
margin-bottom: 33rpx;
|
|
}
|
|
.list-item image {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.img-text {
|
|
line-height: 46rpx;
|
|
font-size: 27rpx;
|
|
color: #fff;
|
|
padding: 0 15rpx;
|
|
position: absolute;
|
|
left: 13rpx;
|
|
right: 13rpx;
|
|
bottom: 40rpx;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
}
|
|
.testimg {
|
|
position: absolute;
|
|
width: 304rpx;
|
|
opacity: 0;
|
|
z-index: -1;
|
|
display: block;
|
|
}
|
|
.bottomimg {
|
|
display: block;
|
|
width: 356rpx;
|
|
margin: 40rpx auto;
|
|
}
|
|
.btnimg {
|
|
position: fixed;
|
|
right: 30rpx;
|
|
bottom: 70rpx;
|
|
width: 84rpx;
|
|
display: block;
|
|
z-index: 2;
|
|
}
|
|
.nomore {
|
|
text-align: center;
|
|
margin-top: 30rpx;
|
|
font-size: 26rpx;
|
|
color: #ddd;
|
|
}
|
|
.vr-box {
|
|
width: 240rpx;
|
|
text-align: center;
|
|
line-height: 56rpx;
|
|
font-size: 25rpx;
|
|
border-radius: 29rpx;
|
|
border: 1px solid #fff;
|
|
color: #fff;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -120rpx;
|
|
z-index: 1;
|
|
top: 236rpx;
|
|
box-sizing: border-box;
|
|
}
|