.container { background-color: #efefef; } .evaluateBtn { background-color: #3e6ffd; color: #fff; font-size: 32rpx; text-align: center; margin: 26rpx 100rpx; padding: 30rpx 20rpx; border-radius: 10rpx; } .itemBox { background-color: #ffffff; margin: 26rpx 20rpx; padding: 30rpx 20rpx; border-radius: 10rpx; } .itemHeader { color: #000006; font-weight: bold; margin-bottom: 30rpx; font-size: 34rpx; } .itemBody { line-height: 48rpx; color: #333333; font-size: 28rpx; } .noneBox { text-align: center; } .noneImg { width: 190rpx; height: 180rpx; margin-bottom: 10rpx; } .noneText { display: block; color: #999999; font-size: 28rpx; } .infoItemBox { font-size: 28rpx; line-height: 60rpx; } .infoLable { width: 160rpx; display: inline-block; vertical-align: top; color: #666666; } .infoText { width: calc(100% - 160rpx); display: inline-block; vertical-align: top; color: #333333; word-break: break-all; } .infoContent { margin-top: 10rpx; } .photoListBox { width: calc(100%); line-height: 2; } .photoItemBox { width: calc(30% - 2rpx); height: 160rpx; position: relative; display: inline-block; border: 2rpx #E5E5E5 solid; margin-right: 3%; } .photoItemImg { width: 100%; height: 160rpx; } .vioceBox { display: inline-block; margin-right: 10rpx; height: 100%; } .vioceListBox { height: 100%; } .vioceItemBox { height: 100%; width: calc(100%); } .vioceItemImgBox { display: inline-block; vertical-align: middle; width: 100rpx; padding: 6rpx 20rpx; background-color: #fff; color: #999999; border: 2rpx #ccc solid; border-radius: 10rpx; text-align: left; position: relative; } .vioceItemBG { background-color: #bfbfbf; width: 0; position: absolute; left: 0; top: 0; height: 44rpx; border-radius: 10rpx; z-index: 0; } .isPlay { background-color: #F6F7F8; color: #000; } .vioceItemImg { width: 32rpx; height: 32rpx; display: inline-block; vertical-align: middle; margin-right: 20rpx; position: relative; z-index: 99; } .vioceItemDuration { color: #515151; display: inline-block; vertical-align: middle; position: relative; z-index: 99; } .fileListBox { padding: 10rpx 10rpx 20rpx; } .fileItemBox { display: flex; justify-content: space-between; align-items: center; width: 100%; } .fileItemBox + .fileItemBox { margin-top: 30rpx; } .fileName { width: calc(100%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #53d4fc; }