.microcommentdetails { text-align: center; padding-bottom: 128rpx; } .microcommentdetails #hoid { padding: 10rpx; width: 51.2rpx; position: fixed; z-index: 2; } .microcommentdetails #cart { padding: 10rpx; width: 51.2rpx; position: fixed; z-index: 2; box-sizing: content-box; } .microcommentdetails #member { padding: 10rpx; width: 51.2rpx; position: fixed; z-index: 2; box-sizing: content-box; } .microcommentdetails #cart { right: 0; } .microcommentdetails #member { right: 64rpx; } .microcommentdetails #hoid.hoet { transition: 0.1s; background: rgba(0, 0, 0, 0.2); width: 100%; } .microcommentdetails #back { width: 51.2rpx; height: 51.2rpx; border-radius: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; overflow: hidden; } .microcommentdetails #back icon { margin-bottom: 5rpx; } .microcommentdetails .hoet #back { transition: 0.1s; background-color: rgba(237, 237, 237, 0); } .microcommentdetails .banner { background-color: #fff; position: relative; min-height: 18px; } .microcommentdetails .banner .centerbanner image { width: 100%; } .microcommentdetails .banner .bannerindex { width: 72rpx; height: 60.16rpx; background-color: rgba(0, 0, 0, 0.5); border-radius: 19.2rpx; font-size: 28.16rpx; line-height: 60.16rpx; color: #fff; position: absolute; bottom: 20.16rpx; right: 20.16rpx; } .microcommentdetails .details_show { background-color: #fff; } .microcommentdetails .details_show .user_message { display: flex; justify-content: space-between; padding-top: 24rpx; padding-left: 24rpx; padding-right: 24rpx; } .microcommentdetails .details_show .user_message .user_left { display: flex; align-items: center; } .microcommentdetails .details_show .user_message .user_left .pic { width: 80rpx; height: 80rpx; background-color: #f2f2f2; margin-right: 22.08rpx; } .microcommentdetails .details_show .user_message .user_left .pic image { border-radius: 50%; width: 100%; height: 100%; } .microcommentdetails .details_show .user_message .user_left .name_right .name { font-size: 28.16rpx; line-height: 30.08rpx; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 256rpx; text-align: left; margin-bottom: 14.08rpx; padding-top: 6.08rpx; } .microcommentdetails .details_show .user_message .user_left .name_right .createdata { font-size: 24rpx; line-height: 24rpx; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 256rpx; text-align: left; } .microcommentdetails .details_show .user_message .uset_right { display: flex; align-items: center; } .microcommentdetails .details_show .user_message .uset_right .attention { width: 108.16rpx; height: 52.16rpx; background-color: #fff; border-radius: 25.92rpx; border: solid 1.92rpx #f15353; line-height: 52.16rpx; color: #f84b4b; font-size: 28.16rpx; margin-right: 32rpx; } .microcommentdetails .details_show .user_message .uset_right .more { width: 40rpx; height: 40rpx; } .microcommentdetails .details_show .user_message .uset_right .more image { width: 100%; height: 100%; } .microcommentdetails .details_show .article { padding-top: 22.08rpx; padding-left: 24.96rpx; padding-right: 24.96rpx; font-size: 28.16rpx; line-height: 36.16rpx; color: #333; text-align: left; margin-bottom: 37.12rpx; } .microcommentdetails .details_show .article text { display: block; } .microcommentdetails .details_show .article_title { padding-top: 22.08rpx; padding-left: 24.96rpx; padding-right: 24.96rpx; font-size: 30rpx; line-height: 36.16rpx; color: #333; text-align: left; font-weight: 700; } .microcommentdetails .details_show .article_label { padding-left: 24rpx; padding-right: 24rpx; padding-bottom: 16rpx; } .microcommentdetails .details_show .article_label .ul { display: flex; flex-wrap: wrap; } .microcommentdetails .details_show .article_label .ul .li { height: 48rpx; background-color: #f2f2f2; border-radius: 24rpx; line-height: 48rpx; font-size: 24rpx; color: #1c96fe; padding-left: 22.08rpx; padding-right: 22.08rpx; margin-right: 25.6rpx; margin-bottom: 20.16rpx; } .microcommentdetails .details_show .loca_information { display: flex; justify-content: space-between; padding-left: 31.04rpx; padding-right: 26.88rpx; padding-bottom: 16rpx; } .microcommentdetails .details_show .loca_information .localeft { display: flex; align-items: center; } .microcommentdetails .details_show .loca_information .localeft .letimg { width: 26.88rpx; height: 26.88rpx; margin-right: 14.08rpx; } .microcommentdetails .details_show .loca_information .localeft .letimg image { width: 100%; height: 100%; } .microcommentdetails .details_show .loca_information .localeft .addressname { font-size: 28.16rpx; line-height: 36.16rpx; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 480rpx; text-align: left; } .microcommentdetails .details_show .loca_information .locaright { font-size: 28.16rpx; line-height: 36.16rpx; color: #999; text-align: left; } .microcommentdetails .details_show .showmessage { padding-left: 24rpx; padding-right: 24rpx; padding-bottom: 32.96rpx; } .microcommentdetails .details_show .showmessage .content { background-color: #fafafa; border-radius: 12.16rpx; padding: 20.16rpx; } .microcommentdetails .details_show .showmessage .content .shopshow { display: flex; align-items: center; margin-bottom: 40rpx; } .microcommentdetails .details_show .showmessage .content .shopshow .leftimg { background: #fff; width: 96rpx; height: 96rpx; border: 1.92rpx solid #eee; /* border-radius: 25.6rpx; */ margin-right: 21.12rpx; } .microcommentdetails .details_show .showmessage .content .shopshow .leftimg image { width: 100%; height: 100%; } .microcommentdetails .details_show .showmessage .content .shopshow .shopright .name { font-size: 26.88rpx; line-height: 32rpx; max-width: 256rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; padding-top: 6.4rpx; } .microcommentdetails .details_show .showmessage .content .shopshow .shopright .start_1 { text-align: left; } .microcommentdetails .details_show .showmessage .content .shopshow .shopright .start_1 image { width: 12.16rpx; height: 12.16rpx; } .microcommentdetails .details_show .showmessage .content .shopshow .shopright .fobottom { color: #999; font-size: 24rpx; } .microcommentdetails .details_show .showmessage .content .goodsshow { display: flex; align-items: center; } .microcommentdetails .details_show .showmessage .content .goodsshow .leftimg { background: #fff; width: 96rpx; height: 96rpx; border: 1.92rpx solid #eee; border-radius: 25.6rpx; margin-right: 21.12rpx; } .microcommentdetails .details_show .showmessage .content .goodsshow .leftimg image { width: 100%; height: 100%; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright { flex: 1; overflow: hidden; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright .goodsname { display: flex; justify-content: space-between; align-items: center; line-height: 32rpx; margin-bottom: 24rpx; padding-top: 6rpx; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright .goodsname .good-title { font-size: 28rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; flex: 1; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright .goodsname .do-btn { padding: 0 16rpx; color: #f9ac00; border: 1rpx solid #f9ac00; border-radius: 32rpx; font-size: 10px; height: 36rpx; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright .fobottom { display: flex; align-items: center; justify-content: space-between; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright .fobottom .foleft { display: flex; align-items: center; height: 32rpx; line-height: 32rpx; margin-right: 54.08rpx; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright .fobottom .foleft .pic { color: #f15353; font-size: 28.16rpx; margin-right: 18.88rpx; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright .fobottom .foleft .delpic { color: #999; font-size: 24rpx; text-decoration: line-through; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright .fobottom .foright { display: flex; align-items: center; height: 32rpx; line-height: 32rpx; } .microcommentdetails .details_show .showmessage .content .goodsshow .goodright .fobottom .foright .sold { color: #999; font-size: 24rpx; } .microcommentdetails .details_show .comment_display .comment_top { padding-left: 25.92rpx; padding-right: 25.92rpx; padding-bottom: 41.92rpx; } .microcommentdetails .details_show .comment_display .comment_top .title { font-size: 24rpx; line-height: 24rpx; color: #666; text-align: left; padding-bottom: 21.12rpx; } .microcommentdetails .details_show .comment_display .comment_top .reply { display: flex; align-items: center; } .microcommentdetails .details_show .comment_display .comment_top .reply .reply_left { width: 64rpx; height: 64rpx; margin-right: 23.04rpx; } .microcommentdetails .details_show .comment_display .comment_top .reply .reply_left image { border-radius: 50%; width: 100%; height: 100%; } .microcommentdetails .details_show .comment_display .comment_top .reply .reply_right { width: 615.04rpx; height: 60.16rpx; line-height: 60.16rpx; background-color: #f2f2f2; border-radius: 30.08rpx; font-size: 28.16rpx; color: #999; text-align: left; padding-left: 20.16rpx; } .microcommentdetails .details_show .comment_display .comment_bottom { padding-left: 25.92rpx; padding-right: 25.92rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li { display: flex; margin-top: 12rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentleft { width: 64rpx; height: 64rpx; border-radius: 50%; margin-right: 23.04rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentleft image { width: 100%; height: 100%; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright { flex: 1; padding-bottom: 22.08rpx; border-bottom: 1.92rpx solid #eee; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content { display: flex; justify-content: space-between; margin-bottom: 12.8rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .master_content_left { text-align: left; flex: 1; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .master_content_left .name { font-size: 28.16rpx; line-height: 36.16rpx; color: #1c96fe; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 320rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .master_content_left .createdata { font-size: 24rpx; line-height: 36.16rpx; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 320rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .master_content_left .review_content { font-size: 28.16rpx; line-height: 36.16rpx; color: #333; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .master_content_right { display: flex; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .master_content_right .reward-box { margin-right: 28rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .master_content_right .reward-box image { width: 40rpx; height: 40rpx; display: block; margin: 0; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .thumb_up { display: flex; align-items: center; flex-direction: column; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .thumb_up .thumb_img { width: 30.08rpx; height: 30.08rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .thumb_up .thumb_img image { width: 100%; height: 100%; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .master_content .thumb_up .thumb_num { font-size: 20.16rpx; line-height: 36.16rpx; color: #333; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment { display: flex; margin-bottom: 12.8rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_left { width: 48rpx; height: 48rpx; border-radius: 50%; margin-right: 13.12rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_left image { width: 100%; height: 100%; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right { flex: 1; display: flex; justify-content: space-between; text-align: left; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right .deputy_message { flex: 1; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right .deputy_message .name { font-size: 24rpx; line-height: 36.16rpx; color: #1c96fe; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 320rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right .deputy_message .createdata { font-size: 20.16rpx; line-height: 36.16rpx; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 320rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right .deputy_message .review_content { font-size: 28.16rpx; line-height: 36.16rpx; color: #333; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right .deputy_message .review_content .selecolor { color: #1c96fe; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right .thumb_up { display: flex; align-items: center; flex-direction: column; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right .thumb_up .thumb_img { width: 30.08rpx; height: 30.08rpx; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right .thumb_up .thumb_img image { width: 100%; height: 100%; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li .maincommentright .deputy_comment .deputy_comment_right .thumb_up .thumb_num { font-size: 20.16rpx; line-height: 36.16rpx; color: #333; } .microcommentdetails .details_show .comment_display .comment_bottom .maincomment .li:last-of-type .maincommentright { border-bottom: none; } .microcommentdetails .details_show .comment_display .multiple_comments { padding-top: 25.92rpx; padding-bottom: 25.92rpx; font-size: 28.16rpx; color: #1c96fe; border-top: 1.92rpx solid #eee; } .microcommentdetails .bottom_operation { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background-color: #fff; text-align: left; } .microcommentdetails .bottom_operation .content { display: flex; align-items: center; height: 97.92rpx; margin: 0 12px; } .microcommentdetails .bottom_operation .content .reply { flex: 1; display: flex; align-items: center; width: 280rpx; height: 60.16rpx; line-height: 60.16rpx; background-color: #f2f2f2; border-radius: 30.08rpx; font-size: 28.16rpx; color: #999; } .microcommentdetails .bottom_operation .content .reply .reply_left { white-space: nowrap; height: 38.4rpx; margin-left: 24rpx; margin-right: 16.96rpx; } .microcommentdetails .bottom_operation .content .reply .reply_left image { width: 100%; height: 100%; } .microcommentdetails .bottom_operation .content .appreciate { display: flex; align-items: center; margin-left: 24.96rpx; } .microcommentdetails .bottom_operation .content .appreciate .appreciateimg { width: 41.92rpx; height: 41.92rpx; } .microcommentdetails .bottom_operation .content .appreciate .appreciateimg image { width: 100%; height: 100%; } .microcommentdetails .bottom_operation .content .appreciate .appreciatenum { font-size: 12px; line-height: 24rpx; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 4px; } .microcommentdetails .bottom_operation .content .thumbup { display: flex; align-items: center; margin-left: 24.96rpx; } .microcommentdetails .bottom_operation .content .thumbup .thumbupimg { width: 40.96rpx; height: 41.92rpx; } .microcommentdetails .bottom_operation .content .thumbup .thumbupimg image { width: 100%; height: 100%; } .microcommentdetails .bottom_operation .content .thumbup .thumbupnum { font-size: 28.16rpx; line-height: 24rpx; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 12.8rpx; } .microcommentdetails .bottom_operation .content .comment { display: flex; align-items: center; margin-left: 24.96rpx; } .microcommentdetails .bottom_operation .content .comment .commentimg { width: 40.96rpx; height: 41.92rpx; } .microcommentdetails .bottom_operation .content .comment .commentimg image { width: 100%; height: 100%; } .microcommentdetails .bottom_operation .content .comment .commentnum { font-size: 28.16rpx; line-height: 24rpx; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 12.8rpx; } .microcommentdetails .replyMainComment { display: flex; align-items: center; padding-top: 25.6rpx; /* padding-bottom: 25.6rpx; */ padding-left: 32rpx; } .microcommentdetails .replyMainComment .left { width: 580.16rpx; background-color: #f5f5f5; border-radius: 30.08rpx; } .microcommentdetails .replyMainComment .left textarea { border: none; width: 100%; line-height: 18px; padding: 0 28rpx; margin: 18rpx 0; text-align: left; box-sizing: border-box; font-size: 16px; } .microcommentdetails .replyMainComment .replyMainComment-img { margin: 0 18rpx 18rpx; } .microcommentdetails .replyMainComment .replyMainComment-img .comment-img-child, .microcommentdetails .replyMainComment .replyMainComment-img .comment-img-child image { width: 80rpx; } .microcommentdetails .replyMainComment .right { width: 96rpx; height: 60.16rpx; font-size: 30.08rpx; line-height: 60.16rpx; color: #333; } .microcommentdetails .replyComment { padding: 32rpx 0 0 0; } .microcommentdetails .replyComment .top { margin-bottom: 16rpx; } .microcommentdetails .replyComment .top .left { font-size: 28.16rpx; line-height: 36.16rpx; color: #333; text-align: left; padding-left: 32rpx; } .microcommentdetails .replyComment .top .left .selcolor { color: #1c96fe; } .microcommentdetails .replyComment .bottom { height: 256rpx; background-color: #f5f5f5; border-radius: 30.08rpx; position: relative; padding: 16rpx; } .microcommentdetails .replyComment .bottom textarea { height: 192rpx; width: 100%; overflow: auto; background-color: #f5f5f5; border: none; text-align: left; } .microcommentdetails .replyComment .bottom .replysubmit { position: absolute; bottom: 16rpx; right: 32rpx; width: 81.92rpx; height: 32rpx; line-height: 32rpx; font-size: 28.16rpx; } .microcommentdetails .adminOperation { background-color: #f2f2f2; } .microcommentdetails .adminOperation .recommend, .microcommentdetails .adminOperation .top_set, .microcommentdetails .adminOperation .delete { display: flex; justify-content: center; align-items: center; background-color: #fff; height: 110.08rpx; border-bottom: 1.92rpx solid #eee; } .microcommentdetails .adminOperation .delete { border-bottom: none; margin-bottom: 20.16rpx; } .microcommentdetails .adminOperation .recommend_left, .microcommentdetails .adminOperation .top_set_left, .microcommentdetails .adminOperation .delete_left { height: 39.04rpx; width: 39.04rpx; } .microcommentdetails .adminOperation .recommend_left image, .microcommentdetails .adminOperation .top_set_left image, .microcommentdetails .adminOperation .delete_left image { width: 100%; height: 100%; } .microcommentdetails .adminOperation .recommend_right, .microcommentdetails .adminOperation .top_set_right, .microcommentdetails .adminOperation .delete_right { font-size: 32rpx; color: #333; margin-left: 8.96rpx; } .microcommentdetails .adminOperation .cancel { height: 110.08rpx; background: #fff; color: #333; font-size: 32rpx; line-height: 110.08rpx; } .microcommentdetails .releaseOperation { background-color: #f2f2f2; } .microcommentdetails .releaseOperation .re_edit, .microcommentdetails .adminOperation .re_edit, .microcommentdetails .releaseOperation .delete { display: flex; justify-content: center; align-items: center; background-color: #fff; height: 110.08rpx; border-bottom: 1.92rpx solid #eee; } .microcommentdetails .releaseOperation .re_edit_left, .microcommentdetails .adminOperation .re_edit_left, .microcommentdetails .releaseOperation .delete_left { height: 39.04rpx; width: 39.04rpx; } .microcommentdetails .releaseOperation .re_edit_left image, .microcommentdetails .adminOperation .re_edit_left image, .microcommentdetails .releaseOperation .delete_left image { width: 100%; height: 100%; } .microcommentdetails .releaseOperation .re_edit_right, .microcommentdetails .adminOperation .re_edit_right, .microcommentdetails .releaseOperation .delete_right { font-size: 32rpx; color: #333; margin-left: 8.96rpx; } .microcommentdetails .releaseOperation .delete { border-bottom: none; margin-bottom: 20.16rpx; } .microcommentdetails .releaseOperation .cancel { height: 110.08rpx; background: #fff; color: #333; font-size: 32rpx; line-height: 110.08rpx; } .microcommentdetails .amountReward { position: relative; padding-left: 24rpx; padding-right: 24rpx; padding-top: 40rpx; padding-bottom: 41.92rpx; } .microcommentdetails .amountReward .close { top: 31.04rpx; right: 32.96rpx; position: absolute; width: 26.88rpx; height: 26.88rpx; } .microcommentdetails .amountReward .close image { width: 100%; height: 100%; } .microcommentdetails .amountReward .usermessage { display: flex; flex-direction: column; align-items: center; margin-bottom: 39.04rpx; } .microcommentdetails .amountReward .usermessage .top { width: 120rpx; height: 120rpx; border-radius: 50%; margin-bottom: 22.08rpx; } .microcommentdetails .amountReward .usermessage .top image { width: 100%; height: 100%; } .microcommentdetails .amountReward .usermessage .name { font-size: 32rpx; color: #333; line-height: 32rpx; font-weight: bold; } .microcommentdetails .amountReward .listAmounts .title { text-align: left; font-size: 28.16rpx; color: #333; font-weight: bold; margin-bottom: 30.08rpx; } .microcommentdetails .amountReward .listAmounts .ul { display: flex; flex-wrap: wrap; } .microcommentdetails .amountReward .listAmounts .ul .li { position: relative; margin-right: 20rpx; width: 216rpx; height: 76.16rpx; background-color: #fff; border-radius: 8rpx; border: solid 1.92rpx #e5e5e5; line-height: 76.16rpx; margin-bottom: 21.12rpx; font-size: 28.16rpx; color: #333; } .microcommentdetails .amountReward .listAmounts .ul .li .selimg { position: absolute; width: 58.88rpx; height: 38.08rpx; top: 0; right: 0; } .microcommentdetails .amountReward .listAmounts .ul .li .selimg image { display: block; width: 100%; height: 100%; } .microcommentdetails .amountReward .listAmounts .ul .li.sel { border-color: #f15353; color: #f15353; } .microcommentdetails .amountReward .listAmounts .ul .li:nth-of-type(3n) { margin-right: 0; } .microcommentdetails .amountReward .custom_amount { margin-bottom: 98.88rpx; } .microcommentdetails .amountReward .custom_amount .top { text-align: left; font-size: 28.16rpx; color: #333; font-weight: bold; margin-bottom: 30.08rpx; } .microcommentdetails .amountReward .custom_amount .bottom { height: 77.12rpx; background-color: #fff; border-radius: 8rpx; border: solid 1.92rpx #e5e5e5; } .microcommentdetails .amountReward .custom_amount .bottom input { width: 100%; height: 100%; padding-left: 12.8rpx; border: none; text-align: left; } .microcommentdetails .amountReward .confirmReward { width: 320rpx; height: 80rpx; background-color: #f15353; border-radius: 8rpx; line-height: 80rpx; font-size: 32rpx; color: #fff; margin: 0 auto; } .microcommentdetails .rewardPay { background-color: #f2f2f2; } .microcommentdetails .rewardPay .content { background-color: #fff; text-align: left; padding: 19.2rpx; min-height: 110.08rpx; font-size: 25.6rpx; line-height: 32rpx; width: 100%; white-space: normal; word-break: break-all; word-wrap: break-word; } .microcommentdetails .rewardPay .content .span { color: #1c96fe; } .microcommentdetails .rewardPay .payMode .ul .li { background-color: #fff; height: 110.08rpx; border-bottom: 1.92rpx solid #eee; font-size: 32rpx; color: #333; line-height: 110.08rpx; } .microcommentdetails .rewardPay .payMode .ul .li:last-of-type { border-bottom: none; margin-bottom: 22.08rpx; } .microcommentdetails .rewardPay .cancel { background-color: #fff; height: 110.08rpx; border-bottom: 1.92rpx solid #eee; font-size: 32rpx; color: #333; line-height: 110.08rpx; } .pay-psw-info { overflow-y: scroll; width: 100vw; height: auto; background: #fff; max-height: 80vh; padding-top: 20rpx; } .pay_content_title { text-align: center; width: 100vw; height: 60rpx; line-height: 60rpx; margin-bottom: 20rpx; font-size: 36rpx; } .pay_content { width: 100vw; height: 100rpx; margin-bottom: 20rpx; } .pay_content_view { width: 100vw; height: 100rpx; border-bottom: 2rpx solid #ddd; border-top: 2rpx solid #ddd; border-right: 2rpx solid #ddd; display: flex; flex-wrap: wrap; box-sizing: border-box; overflow: hidden; } .ipt_pay { width: 16.27%; height: 100rpx; text-align: center; border-left: 2rpx solid #ddd; display: flex; align-items: center; justify-content: center; } .ipt_pay_p { line-height: 50rpx; height: 50rpx; font-size: 40rpx; } .footer { width: 100vw; font-weight: 600; } .pay_btn { border-top: 2rpx solid #ddd; width: 100vw; height: auto; display: flex; flex-wrap: wrap; } .pay_btn .li { width: 33%; height: 96rpx; line-height: 96rpx; text-align: center; background: #fff; font-size: 28rpx; border-right: 2rpx solid #ddd; border-bottom: 2rpx solid #ddd; } .pay_btn .li.b9:active { background: #fff; } .pay_btn .li.b9 { background: #c2c2c2; } .comment-img { display: flex; flex-wrap: wrap; } .comment-img .comment-img-child { margin-right: 16rpx; margin-top: 16rpx; background: #fbfbfb; overflow: hidden; position: relative; } .comment-img .comment-img-child image { object-fit: contain; width: 96rpx; height: 96rpx; margin: 0; display: block; } .comment-img .comment-img-child .icon-guanbi { position: absolute; right: 0; top: 0; font-size: 10px; display: flex; height: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; width: 15px; color: #fff; background-color: rgba(0, 0, 0, 1); overflow: hidden; } .operate-boxs { display: flex; padding: 0 32rpx 16rpx; } .operate-boxs .operate-btn { margin-right: 16rpx; } .operate-boxs .operate-btn i { font-size: 20px; }