142 lines
2.1 KiB
Plaintext
142 lines
2.1 KiB
Plaintext
|
|
/* 页面整体 */
|
|
.page {
|
|
padding-bottom: 70rpx;
|
|
background-color: #ffffff;
|
|
width: 100%;
|
|
overflow-y: auto;
|
|
height: 100vh;
|
|
}
|
|
|
|
/* 轮播图容器 */
|
|
.swiper {
|
|
width: 100vw;
|
|
height: 48vw;
|
|
}
|
|
|
|
/* 轮播图图片 */
|
|
.swiper-image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* 列表容器 */
|
|
.list {
|
|
padding: 0 26.25rpx;
|
|
}
|
|
|
|
/* 列表项 */
|
|
.list-item {
|
|
padding: 30rpx 18.75rpx;
|
|
background-color: #ffffff;
|
|
border-radius: 18.75rpx;
|
|
box-shadow: 0rpx 0rpx 11.25rpx #00000040;
|
|
}
|
|
.list-item:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* 项目缩略图 */
|
|
.image_2 {
|
|
border-radius: 18.75rpx;
|
|
width: 127.5rpx;
|
|
height: 127.5rpx;
|
|
}
|
|
|
|
/* 项目名称 */
|
|
.font {
|
|
font-size: 30rpx;
|
|
font-family: SourceHanSansCN;
|
|
line-height: 27.75rpx;
|
|
color: #000000;
|
|
}
|
|
|
|
/* 结算周期背景 */
|
|
.text-wrapper {
|
|
padding: 7.5rpx 0;
|
|
background-color: #ffebeb;
|
|
border-radius: 9.38rpx;
|
|
width: 112.5rpx;
|
|
}
|
|
|
|
/* 结算周期文字 */
|
|
.font_2 {
|
|
font-size: 22.5rpx;
|
|
font-family: AlibabaPuHuiTi;
|
|
line-height: 19.93rpx;
|
|
color: #ff3f3f;
|
|
}
|
|
|
|
/* 行高调整 */
|
|
.text {
|
|
line-height: 20.94rpx;
|
|
}
|
|
|
|
/* 最高价标签 */
|
|
.font_4 {
|
|
font-size: 26.25rpx;
|
|
font-family: SourceHanSansCN;
|
|
line-height: 24.43rpx;
|
|
color: #00000080;
|
|
}
|
|
|
|
/* 最高价金额 */
|
|
.font_5 {
|
|
font-size: 26.25rpx;
|
|
font-family: SourceHanSansCN;
|
|
line-height: 19.93rpx;
|
|
color: #e33c64;
|
|
}
|
|
|
|
/* 价格前缀间距 */
|
|
.text_3 {
|
|
margin-left: 3.75rpx;
|
|
}
|
|
|
|
/* 推广人数标签 */
|
|
.font_6 {
|
|
font-size: 26.25rpx;
|
|
font-family: SourceHanSansCN;
|
|
line-height: 24.43rpx;
|
|
color: #e33c64;
|
|
}
|
|
|
|
/* 推广人数行高 */
|
|
.text_4 {
|
|
line-height: 23.96rpx;
|
|
}
|
|
|
|
/* 参与推广按钮背景 */
|
|
.text-wrapper_2 {
|
|
padding: 18.75rpx 0;
|
|
background-color: #a5d63f;
|
|
border-radius: 9.38rpx;
|
|
width: 129.38rpx;
|
|
height: 58.13rpx;
|
|
}
|
|
|
|
/* 参与推广文字 */
|
|
.font_3 {
|
|
font-size: 26.25rpx;
|
|
font-family: SourceHanSansCN;
|
|
line-height: 24.43rpx;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* 参与推广文字行高 */
|
|
.text_2 {
|
|
font-size: 24.38rpx;
|
|
line-height: 22.8rpx;
|
|
}
|
|
|
|
/* 间距 */
|
|
.mt-17 {
|
|
margin-top: 31.88rpx;
|
|
}
|
|
.mt-20 {
|
|
margin-top: 20rpx;
|
|
}
|
|
.promo {
|
|
position: absolute;
|
|
left: 350rpx;
|
|
} |