- page{height:100%}.content{height:100%;display:flex;flex-direction:column}.detail-cont{flex:1;padding:40rpx;overflow-y:auto}.detail-cont .title{font-size:40rpx;font-family:PingFang SC;color:#222;line-height:70rpx}.detail-cont .info{display:flex;align-items:center;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:48rpx;margin:23rpx 0}.detail-cont .info .reads{margin-right:30rpx}.detail-cont .full-text{font-size:36rpx;font-family:PingFang SC;color:#222;line-height:60rpx}.recent-reads{flex-shrink:0;box-sizing:border-box;height:121rpx;background:#FFFFFF;border-top:1px solid #F0F0F0;padding:0 40rpx 0 37rpx;display:flex;align-items:center;justify-content:space-between}.recent-reads .left{display:flex;align-items:center}.recent-reads .left .label{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:1;margin-right:20rpx}.recent-reads .left .peop-box{display:flex;align-items:center}.recent-reads .left .peop-box .head-box{margin-right:28rpx;display:flex;align-items:center}.recent-reads .left .peop-box .head-box .head{width:48rpx;height:48rpx;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #fff;margin-right:-10rpx}.recent-reads .left .peop-box .head-box .head image{width:100%;height:100%}.recent-reads .left .peop-box .arrow{width:13rpx;height:23rpx}.recent-reads .share-btn{position:relative;width:240rpx;height:80rpx;line-height:80rpx;font-size:30rpx;font-family:PingFang SC;font-weight:500;color:#fff;background:#C39A58;border-radius:40rpx;display:flex;align-items:center;justify-content:center}.recent-reads .share-btn image{width:32rpx;height:32rpx;margin-right:15rpx}.recent-reads .share-btn .share{position:absolute;width:100%;height:100%;opacity:0}.inquiry{width:131rpx;height:131rpx;position:fixed;right:22rpx;bottom:193rpx;z-index:99}.inquiry .content{position:relative}.inquiry .content image{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9}.inquiry .content .text{position:absolute;top:70rpx;left:50%;transform:translate(-50%);z-index:10;font-size:22rpx;font-family:PingFang SC;font-weight:700;color:#c39a58;line-height:1}.contact-btn{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:9999}
|
