#qa { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 100rpx; } .qa-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 28rpx 32rpx 0; position: relative; } .qa-content .qa-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; height: 200rpx; } .qa-content .qa-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 26rpx; } .qa-content .avatar { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70rpx; height: 70rpx; } .qa-content .avatar image { width: 100%; height: 100%; border-radius: 50%; } .qa-content .msg-wrapper { width: 100%; margin-left: 15rpx; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .q-name-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .qa-content .q-name { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 10rpx; font-size: 30rpx; color: #214a93; } #qa .teacher { color: #fd6826; } #qa .qa-content .time { -webkit-box-flex: 0; -ms-flex: 0 0 160rpx; flex: 0 0 160rpx; font-size: 26rpx; color: #a1a1a1; margin: 0; } .qa-content .question { margin-top: 5rpx; font-size: 30rpx; } .qa-content .features { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50rpx; color: #a1a1a1; margin-top: 15rpx; margin-right: 30rpx; margin-bottom: 10rpx; } .feature-item { width: 150rpx; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 10rpx; height: 50rpx; } .share-wrapper { width: 50rpx; height: 50rpx; } .feature-item view { display: inline-block; width: 50rpx; height: 50rpx; margin-right: 4rpx; } .feature-item button { outline: none; border: 0; display: inline-block; width: 50rpx; height: 50rpx; padding: 0; } .feature-item text { display: inline-block; height: 50rpx; font-size: 30rpx; line-height: 50rpx; padding-top: 5rpx; -webkit-box-sizing: border-box; box-sizing: border-box; } .praise-icon{ background: url('https://efunimgs.ai160.com/resource/wechat/live/good.png') no-repeat center/90%; } .praised-icon{ background: url('https://efunimgs.ai160.com/resource/wechat/live/better.png') no-repeat center/90%; } .answer-icon{ background: url('https://efunimgs.ai160.com/resource/wechat/live/comment.png') no-repeat center/90%; } .collection-icon{ background: url('https://efunimgs.ai160.com/resource/wechat/live/collect.png') no-repeat center/90%; } .collected-icon{ background: url('https://efunimgs.ai160.com/resource/wechat/live/collected.png') no-repeat center/90%; } .share-icon{ background: url('https://efunimgs.ai160.com/resource/wechat/subject/schedule/share.png') no-repeat center/80%; } .answer-wrapper{ font-size: 30rpx; line-height: 50rpx; } .answer-wrapper .name{ color: #214a93; } .no-info { position: absolute; left: 50%; top: 40%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }