.notice-detail { width: 100%; height: 100%; box-sizing: border-box; padding: 20rpx; background: #f7f7f7; } .richContent img{ width: 100%!important; height: auto; } .selfContent { width: 100%; display: table; background: #ffffff; border-radius: 16rpx; box-sizing: border-box; padding: 0 25rpx 38rpx; } .detail-title { font-family: PingFang-SC-Bold; font-size: 48rpx; font-weight: bold; line-height: 68rpx; color: #333333; padding-top: 40rpx; } .detail-subtitle { display: flex; width: 100%; justify-content: space-between; font-size: 22rpx; color: #999999; margin-top:45rpx; } .detail-subtitle .left span:nth-child(1){ margin-right: 32rpx; } .detail-subtitle .right{ display: flex; height: 32rpx; line-height: 32rpx; } .detail-subtitle .right .readNum { /* display: inline-block; */ width: 32rpx; height: 32rpx; margin-right: 10rpx; } .detail-subtitle .right .readNum image{ width: 100%; height: 100%; float:left; object-fit: cover; } .banner { width: 100%; height: 400rpx; margin: 39rpx 0 19rpx 0; } .banner image{ width: 100%; height: 100%; float:left; object-fit: cover; border-radius: 16rpx; overflow: hidden; } .paragraph { font-size: 38rpx; line-height: 58rpx; color: #333333; text-indent: 76rpx; margin-top:22rpx; } .operation { display: flex; justify-content: center; margin-top: 47rpx; } .operation .button { width: 300rpx; height: 84rpx; line-height: 84rpx; border-radius: 42rpx; display:flex; justify-content: center; align-items: center; border: 1px solid #b8b8b8; } .operation .button:nth-child(1) { margin-right: 33rpx; } .operation .button view { width: 40rpx; height: 40rpx; margin-right: 14rpx; } .operation .button view image{ width: 100%; height: 100%; object-fit: cover; float: left; } .operation .button span { display: inline-block; font-size: 24rpx; position: relative; top: 1px; } .default { border: 1px solid #eaeaea; } .default span { color: #999999; } .active { border: 1px solid #ffab00; } .active span { color: #ffb700; }