/* pages/journalDetail/journalDetail.wxss */ .container{ /* margin:30rpx; */ background: #fff; border-radius: 10rpx; padding:20rpx; } .baseinfo{ display: flex; margin-bottom:30rpx; position: relative; } .baseinfo .faceimg{ margin-right: 20rpx; } .baseinfo .faceimg image{ width:170rpx; height: 236rpx; box-shadow: 2px 2px 10rpx 1px rgba(0, 0, 0, 0.2); } .baseinfo .tweo view{ margin-bottom:24rpx; font-size: 24rpx; color: #999999; } .baseinfo .tweo .title{ font-size: 32rpx; color:#333333; margin-bottom:40rpx; padding-right: 136rpx; } .baseinfo .gzgzh{ position: absolute; width: 136rpx; height: 48rpx; background: #298EF9; border-radius: 8rpx; font-size:20rpx; color:#ffffff; right: 20rpx; padding:0px; line-height: 48rpx; } .intro text{ font-size: 28rpx; color: #333333; font-weight: 500; } .intro .desc{ margin-top:30rpx; color: #666666; line-height: 45rpx; } .content{ margin-top:48rpx; } .content view{ margin-bottom:28rpx; color: #333333; } .more{ color: #298EF9; display: block; text-align: center; margin-top: 50rpx; } .part{ background: #fff; border-radius: 10rpx; margin-top: 30rpx; padding: 24rpx; } .title{ font-size: 32rpx; color: #333; margin-bottom: 28rpx; } .title navigator{ float: right; color: #3780CD; font-size: 26rpx; } .list{ display: flex; border-bottom: 1px solid #F0F0F0; padding: 28rpx 0; } .list image{ width: 20%; height: 160rpx; } .hd .list image{ width: 30%; height: 140rpx; } .list>view{ width: 80%; vertical-align: middle; padding-left: 20rpx; } .hd .list>view{ width: 70%; } .list .tt{ margin-bottom: 28rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 26rpx; } .list text{ color: #999; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 24rpx; } .list .ly{ font-size: 24rpx; color: #333; margin-bottom: 40rpx; } .hd .list .ly{ color: #999; font-size: 24rpx; margin-bottom: 30rpx; } .hd .tt{ margin-bottom: 16rpx; }