page{ background: #fff; } .content{ padding-bottom: 120rpx; } .rich,.article{ border-bottom: 20rpx solid #eee; } .content .article,.content .rich{ padding: 20rpx; overflow: hidden; } .content .article image{ width: 100%; } .content .title{ display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 20rpx; border-bottom: 2rpx solid rgba(0,0,0,.15); margin: 40rpx 20rpx 20rpx; } .content .title .leftTitle{ font-size: 34rpx; font-weight: 700; padding: 0 10rpx; border-left: 8rpx solid #ee3a43; } .content .title .rightBtn{ font-size: 30rpx; color: #ff5c5d; } .imagelist{ border: 0; } .content .imagelist .img{ margin-bottom: 20rpx; } .content .btn{ width: calc(100% - 20rpx); position: fixed; bottom: 0; box-shadow: 0 -4rpx 5rpx rgba(0,0,0,.2); display: flex; flex-direction: row; padding: 10rpx; background: #fff; justify-content: space-around; } .content .btn button{ /* width: 100%; */ color: #fff; border-radius: 0; border: 0; line-height: 2.2; border-radius: 10rpx; } /* 主题 */ /* 红色 */ .redContent button{background-image: linear-gradient(to right, #ee3a43, #ff8483)} /* 蓝色 */ .blueContent button{background-image: linear-gradient(to right, #509cd3, #bfdfe7)} /* 绿色 */ .greenContent button{background-image: linear-gradient(to right, #698b36, #95b06a)}