page { width: 100%; min-height: 100vh; height: auto; } .discussion-detail { width: 100%; height: 100%; background: #f7f7f7; box-sizing: border-box; padding: 20rpx; padding-bottom: 120rpx; } .discussion-detail .bottom { width: 100%; height: 90rpx; background: #fff; padding: 15rpx; box-sizing: border-box; display: flex; align-items: center; position: fixed; bottom: 0; left: 0; } .discussion-detail .reply { width: 490rpx; height: 70rpx; border-radius: 8rpx; background: #F2F2F2; display: flex; align-items: center; } .discussion-detail .reply image { width: 30rpx; height: 30rpx; margin: 0 10rpx 0 25rpx; } .discussion-detail .reply input { height: 100%; width: calc(100% - 65rpx); font-size: 26rpx; } .discussion-detail .reply .placeholder-input { font-size: 26rpx; color: #a8a8a8; } .discussion-detail button { width: 200rpx; height: 70rpx; border-radius: 35rpx; background: linear-gradient(to right, #FFAC00, #FFBF00); color: #fff; font-size: 30rpx; line-height: 70rpx; text-align: center; padding: 0; outline: 0; } .discussion-detail button::after { border: 0; } .discussion-detail .hover-button { background: orange; } /* 底部 */ .fixed { box-sizing: border-box; width: 100%; height: 106rpx; line-height: 106rpx; position: fixed; left: 0; bottom: 0; background: #fff; /* margin-top: 154rpx; */ } .fixed-box { box-sizing: border-box; display: flex; /* justify-content: space-around; */ } .bottomInput{ width: 30rpx; height: 30rpx; vertical-align: middle; margin: 38rpx 10rpx 0 19rpx; } .fixed .text-comment{ color: #BABABA; font-size: 26rpx; width: 200rpx; margin-right: 150rpx; } .fixed .punlish { width: 184rpx; height: 66rpx; line-height: 66rpx; border: 1rpx solid #D3D3D3; border-radius: 33rpx; text-align: center; color: #333333; font-size: 26rpx; vertical-align: middle; margin-top: 20rpx; } .fixed .close{ width: 128rpx; margin-right: 10rpx; } .fixed .punlish image { width: 28rpx; height: 28rpx; vertical-align: middle; margin-right: 8rpx; }