@import '../../homeblock/zhinengselect/zhinengselect.wxss'; @import '../../jiudan/jiudan.wxss'; page{ width: 100%; height: 100%; } .pinglunitem { margin: 41rpx 30rpx; box-sizing: border-box; border-bottom: 1rpx solid #f5f5f5; } .pinglunitemleft { display: flex; align-items: center; } .leftimg { width: 60rpx; height: 60rpx; font-size: 0; border-radius: 50%; } .leftimg image { border-radius: 50%; } .righttop { color: #666; font-size: 28rpx; } .rightbottom { color: #999; font-size: 24rpx; } .pinglunmiddle { color: #1a1a1a; font-size: 28rpx; margin-top: 34rpx; margin-bottom: 34rpx; } .pinglunbottom { display: flex; align-items: center; padding-bottom: 40rpx; } .pingbottomleft { width: 260rpx; height: 114rpx; font-size: 0; } .xinxi { color: #1a1a1a; font-size: 26rpx; font-weight: bold; } .rightbottomimg { width: 36rpx; height: 36rpx; font-size: 0; border-radius: 50%; } .biangjiubottom { display: flex; align-items: center; margin-top: 15rpx; } .rightbottomimg image { border-radius: 50%; } .niangjiutext { color: #666; font-size: 28rpx; margin-left: 16rpx; } .showall { color: #999; font-size: 24rpx; margin-top: 23rpx; text-align: center; } .btnbottom { width:750rpx; display: flex; align-items: center; justify-content: center; position: fixed; bottom:0; left: 0; background: #FFF; padding-bottom: 32rpx; padding-top: 30rpx; } .btnleft { width: 300rpx; height: 80rpx; border: 1px solid rgba(232, 24, 37, 1); border-radius: 40rpx; color: #e81825; font-size: 28rpx; text-align: center; line-height: 80rpx; } .btnright { width: 300rpx; height: 80rpx; background: rgba(232, 24, 37, 1); border-radius: 40rpx; color:#fff; font-size: 28rpx; text-align: center; line-height: 80rpx; margin-left:55rpx; } .top_eidt{ display: flex; align-items: center; justify-content: center; position: relative; height: 88rpx; border-bottom: 2rpx solid #f5f5f5; border-top:2rpx solid #f5f5f5; font-size: 26rpx; } .action{ position: absolute; top: 50%; right: 40rpx; transform: translateY(-50%); color: #999; } .eidt{ border: 1rpx solid #999; width: 36rpx; height: 36rpx; border-radius: 50%; margin-left: auto; -webkit-margin-start: auto; display: flex; align-items: center; justify-content: center; } .eidt image{ display: none; } .eidt.choose image{ display: block; } .pinglunlist{ display: flex; flex-flow: column; height: 100%; width: 100%; } .comment_list{ flex: 1; overflow-y: auto; padding-bottom: 32rpx; } .comment_list.del{ padding-bottom: 160rpx; } .pinglunright{ margin-left: 30rpx; } .pingbottomright{ height: 114rpx; flex: 1; background: #F7F7F7; padding-left: 40rpx; display: flex; flex-direction: column; justify-content: center; } .tab_box { width: 100%; height: 80rpx; white-space: nowrap; overflow: hidden; line-height: 80rpx; display:flex; padding-left: 10rpx } .tab_item { font-size: 26rpx; color: #999; display: inline-block; position: relative; padding: 0 35rpx; height: 100%; text-align: center; } .tab_item.active { color: #E81825; } .tab_item.active::after { content: ""; width: 62rpx; height: 4rpx; background: #169bd5; position: absolute; bottom: -30rpx; left: 50%; transform: translateX(-50%); } .top_tab{ border-top: 1rpx solid #ebebeb; border-bottom: 1rpx solid #ebebeb; } .focus_btn{ display: inline-block; font-size: 26rpx; padding: 8rpx; color: #999; background-color: #ebebeb; } .focus_btn.active{ background: #E81825; color: #FFF; } .img_box{ overflow: auto; border-radius: 0; } .shareAction .more{ margin-right: 0!important; }