syshxcx/pages/serve/serve.wxss
dong_bo0602 a1f9e23f6d 0607
2022-06-07 15:43:05 +08:00

217 lines
3.3 KiB
Plaintext

.top-count image{
width: 100%;
}
.settle-btn{
width: 48%;
height: 120rpx;
background: #fff;
border-radius: 10rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 32rpx;
color: #f55054;
}
.swiper-box{
margin-top: -325rpx;
position: relative;
padding: 0 20rpx;
height: 345rpx;
}
.swiper-box swiper{
height: 100%;
border-radius: 30rpx;
overflow: hidden;
}
.swiper-box image{
width: 100%;
}
.serve-org{
padding: 0 20rpx;
margin: 20rpx 0;
}
.serve-title{
font-size: 36rpx;
margin-bottom: 20rpx;
display: flex;
justify-content: space-between;
}
.title{
font-weight: bold;
padding-left: 20rpx;
border-left: 5px solid #f55054;
}
.more{
font-size: 30rpx;
color: #B5B5B5;
}
.org-list{
width: 100%;
}
.org-box{
display: inline-block;
width: 32%;
margin-right: 2%;
text-align: center;
padding: 20rpx;
box-sizing: border-box;
box-shadow: 0 0 10rpx #ccc;
background-color: #fff;
border-radius: 10rpx;
}
.org-box:last-child{
margin-right: 0;
}
.org-box image{
width: 100rpx;
height: 100rpx;
border-radius: 50%;
}
.org-name{
font-size: 32rpx;
font-weight: bold;
margin: 10rpx 0;
}
.org-community{
font-size: 28rpx;
color: #bbb;
}
.serve-join{
padding: 0 20rpx;
}
.serve-join image{
width: 100%;
}
.serve-news{
margin: 20rpx 0;
padding: 0 20rpx;
}
.news-box{
border-radius: 10rpx;
box-shadow: 0 0 10rpx #ccc;
background-color: #fff;
margin-bottom: 20rpx;
}
.news-top{
padding: 20rpx;
border-bottom: 1px solid #DDD;
display: flex;
justify-content: space-between;
}
.news-info{
width: 68%;
}
.news-img{
width: 30%;
height: 150rpx;
}
.news-img image{
height: 100%;
border-radius: 10rpx;
}
.news-title{
font-size: 34rpx;
font-weight: bold;
}
.news-date{
font-size: 26rpx;
color: #bbb;
margin-top: 20rpx;
}
.news-bottom{
padding: 0 20rpx;
line-height: 60rpx;
font-size: 30rpx;
}
.settle-type{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.6);
}
.center{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 710rpx;
}
.type-container{
border-radius: 10rpx;
overflow: hidden;
}
.type-box{
line-height: 80rpx;
text-align: center;
border-bottom: 1px solid #DDD;
font-size: 32rpx;
background-color: #fff;
}
.type-box:last-child{
border-bottom: none;
}
.close-btn{
margin-top: 20rpx;
line-height: 80rpx;
text-align: center;
font-size: 32rpx;
background-color: #fff;
border-radius: 40rpx;
}
.notice{
margin-top: 20rpx;
padding: 20rpx;
background-color: #fff;
}
.notice-title{
font-size: 36rpx;
font-weight: bold;
margin-bottom: 20rpx;
display: flex;
justify-content: space-between;
}
.notice-box{
padding: 20rpx 0;
border-bottom: 1px solid #DDD;
display: flex;
justify-content: space-between;
}
.notice-box:last-child{
border-bottom: none;
}
.title-text{
padding-left: 20rpx;
border-left: 5px solid #f55054;
}
.notice-title-text{
font-size: 34rpx;
}
.notice-more{
font-size: 28rpx;
color: #BBB;
font-weight: normal;
}
.notice-time{
font-size: 28rpx;
color: rgba(16, 16, 16, 0.7);
line-height: 45rpx;
}
.notice-img{
width: 200rpx;
height: 140rpx;
text-align: center;
}
.notice-img image{
height: 100%;
}
.notice-info{
width: 490rpx;
}