锦水居民端小程序
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.
 

148 lines
2.9 KiB

page {
width: 100%;
min-height: 100vh;
height: auto;
overflow-y: auto;
background: #f7f7f7;
}
.refuse-or-end {
width: 100%;
height: 100%;
background: #f7f7f7;
box-sizing: border-box;
padding: 15rpx 20rpx 20rpx;
}
.refuse-or-end .top {
width: 100%;
border-radius: 16rpx;
background: #fff;
box-sizing: border-box;
padding: 0 20rpx;
}
.refuse-or-end .top .title {
color: #333333;
font-size: 44rpx;
font-weight: bolder;
padding: 50rpx 0 40rpx;
line-height: 60rpx;
border-bottom: 1rpx solid #EAEAEA;
}
.refuse-or-end .top .endtime {
width: 100%;
border-bottom: 1rpx solid #EAEAEA;
display: flex;
align-items: center;
justify-content: space-between;
height: 100rpx;
}
.refuse-or-end .top .endtime .left {
display: flex;
align-items: center;
height: 100%;
}
.refuse-or-end .top .endtime .left image {
width: 34rpx;
height: 34rpx;
object-fit: cover;
margin-right: 6rpx;
}
.refuse-or-end .top .endtime .left .endtime-tip {
font-size: 32rpx;
color: #999;
}
.refuse-or-end .top .endtime .content {
font-size: 32rpx;
color: #333333;
}
.refuse-or-end .top .activitytime {
width: 100%;
border-bottom: 1rpx solid #EAEAEA;
display: flex;
align-items: center;
justify-content: space-between;
height: 100rpx;
}
.refuse-or-end .top .activitytime .left {
display: flex;
align-items: center;
height: 100%;
}
.refuse-or-end .top .activitytime .left image {
width: 34rpx;
height: 34rpx;
object-fit: cover;
margin-right: 6rpx;
}
.refuse-or-end .top .activitytime .left .activitytime-tip {
font-size: 32rpx;
color: #999;
}
.refuse-or-end .top .activitytime .content {
font-size: 32rpx;
color: #333333;
width: 50%;
text-align: right;
}
.refuse-or-end .bottom {
width: 100%;
border-radius: 16rpx;
background: #fff;
box-sizing: border-box;
padding: 0 20rpx;
margin-top: 15rpx;
min-height: calc(100vh - 15rpx - 15rpx - 15rpx - 450rpx);
position: relative;
overflow: hidden;
}
.refuse-or-end .bottom .reason {
width: 100%;
height: 108rpx;
border-bottom: 1rpx solid #EAEAEA;
display: flex;
align-items: center;
}
.refuse-or-end .bottom .reason image {
width: 38rpx;
height: 38rpx;
object-fit: cover;
margin-right: 6rpx;
}
.refuse-or-end .bottom .reason .tip {
font-size: 34rpx;
color: #333333;
font-weight: bolder;
}
.refuse-or-end .bottom .reason-content {
color: #333;
font-size:34rpx;
line-height: 52rpx;
margin-top: 12rpx;
margin-bottom: 125rpx;
}
.look-detail {
width: 100%;
height: 85rpx;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 20rpx;
left: 0rpx;
}
.look-detail button {
width: 560rpx;
height: 85rpx;
line-height: 85rpx;
text-align:center;
margin: 0rpx;
padding: 0rpx;
color: #fff;
font-size: 36rpx;
border-radius: 16rpx;
background: linear-gradient(to right, #f70e0f, #ff4c4b);
}
.look-detail .hover-button {
background: red;
}