@charset "UTF-8"; /** * uni-app内置的常用样式变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .shlist.data-v-140b7c62 { width: 100%; background: #FFFFFF; border-radius: 14rpx; padding: 0 24rpx 24rpx; margin-bottom: 24rpx; } .shlist .tittop.data-v-140b7c62 { padding: 20rpx 24rpx; border-bottom: 2rpx solid #E6E6E6; } .shlist .tittop .tsbtn.data-v-140b7c62 { min-width: 90rpx; height: 36rpx; border-radius: 4rpx; padding: 0 12rpx; box-sizing: border-box; font-size: 24rpx; line-height: 36rpx; } .shlist .tittop .tsbtn.co1.data-v-140b7c62 { background: #FFEDDF; color: #E19301; } .shlist .tittop .tsbtn.co2.data-v-140b7c62 { background: #D3F7E5; color: #24D725; } .shlist .tittop .tsbtn.co3.data-v-140b7c62 { background: #FDE2E3; color: #EC1134; } .shlist .list .btn.data-v-140b7c62 { min-width: 106rpx; height: 46rpx; border-radius: 14rpx; display: flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: 26rpx; margin-left: 20rpx; } .shlist .list .btn.btn1.data-v-140b7c62 { background: #1f57e6; color: #FFFFFF; } .shlist .list .btn.btn2.data-v-140b7c62 { border: 1px solid #4775EA; color: #4775EA; } .shlist .list .btn.btn3.data-v-140b7c62 { border: 1px solid red; color: red; } .dtlist.data-v-140b7c62 { width: 100%; margin-top: 24rpx; background: #FFFFFF; border-radius: 8rpx; padding: 28rpx 30rpx; box-sizing: border-box; } .dtlist .listl.data-v-140b7c62 { width: 60rpx; height: 60rpx; margin-right: 20rpx; flex: 0 0 auto; border-radius: 50%; } .dtlist .listr.data-v-140b7c62 { flex: 1; } .dtlist .listr .top.data-v-140b7c62 { min-height: 60rpx; display: flex; align-items: center; margin-bottom: 10rpx; } .dtlist .listr .imgs.data-v-140b7c62 { display: flex; flex-wrap: wrap; padding-bottom: 16rpx; } .dtlist .listr .imgs image.data-v-140b7c62 { width: 180rpx; height: 180rpx; margin-bottom: 24rpx; margin-right: 10rpx; } .dtlist .listr .imgs image.data-v-140b7c62:nth-of-type(3n) { margin-right: 0; } .dtlist .listr .imgs image.img1.data-v-140b7c62 { width: 100%; height: 290rpx; } .dtlist .listr .trsta .trstal.data-v-140b7c62 { width: 40rpx; height: 32rpx; display: flex; align-items: center; justify-content: center; position: relative; margin-left: 20rpx; } .dtlist .listr .trsta .trstal .cir.data-v-140b7c62 { min-width: 20rpx; height: 24rpx; line-height: 24rpx; font-size: 20rpx; color: #FFFFFF; background: #DF1616; border: 2rpx solid #FFFFFF; border-radius: 6rpx; position: absolute; right: -50%; top: -50%; text-align: center; padding: 0 4rpx; box-sizing: border-box; } .dtlist .listr .trsta image.data-v-140b7c62 { width: 26rpx; height: 26rpx; } .dtlist .delbox.data-v-140b7c62 { display: flex; align-items: center; font-size: 26rpx; color: #718DD4; } .dtlist .delbox image.data-v-140b7c62 { width: 24rpx; height: 25rpx; margin-right: 12rpx; } .dtlist .trcom.data-v-140b7c62 { width: 100%; background: #ECECEC; } .dtlist .trcom .trcomz.data-v-140b7c62 { padding: 24rpx 8rpx 8rpx 24rpx; border-bottom: 2rpx solid #DADADA; } .dtlist .trcom .trcomz .trcomr.data-v-140b7c62 { display: flex; align-items: center; flex-wrap: wrap; } .dtlist .trcom .trcomz .trcomr image.data-v-140b7c62 { width: 40rpx; height: 40rpx; margin: 0 16rpx 16rpx 0; border-radius: 50%; } .dtlist .trcom .trcomp.data-v-140b7c62 { padding: 24rpx 0 0 24rpx; } .dtlist .trcom .trcomp .trcompr.data-v-140b7c62 { padding: 0 24rpx 12rpx 0; border-bottom: 2rpx solid #DADADA; margin-bottom: 12rpx; } .dtlist .trcom .trcomp .trcompr.data-v-140b7c62:last-of-type { border-bottom: none; } .dtlist .trcom .trcomp .trcompr .listl.data-v-140b7c62 { width: 40rpx; height: 40rpx; margin-right: 12rpx; border-radius: 50%; flex: 0 0 auto; } .dtlist .trcom .trcoml.data-v-140b7c62 { flex: 0 0 auto; margin-right: 12rpx; width: 40rpx; height: 40rpx; display: flex; align-items: center; } .dtlist .trcom .trcoml image.data-v-140b7c62 { width: 26rpx; height: 26rpx; }