.tui-card { margin: 0 30rpx; font-size: 28rpx; background: #fff; border-radius: 10rpx; box-shadow: 0 0 10rpx #eee; box-sizing: border-box; overflow: hidden; } .tui-card-full{ margin: 0 !important; border-radius: 0 !important; } .tui-card-full::after{ border-radius: 0 !important; } .tui-card-border { position: relative; box-shadow: none !important } .tui-card-border::after { content: ' '; position: absolute; height: 200%; width: 200%; border: 1px solid #ddd; transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(0.5); transform: scale(0.5); left: 0; top: 0; border-radius: 20rpx; box-sizing: border-box; } .tui-card-header { width: 100%; padding: 20rpx; display: flex; align-items: center; justify-content: space-between; position: relative; box-sizing: border-box; overflow: hidden; border-top-left-radius: 10rpx; border-top-right-radius: 10rpx; } .tui-card-header::after { content: ''; position: absolute; border-bottom: 1rpx solid #eaeef1; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); bottom: 0; right: 0; left: 0; } .tui-header-line::after { border-bottom: 0 !important; } .tui-header-thumb { height: 60rpx; width: 60rpx; vertical-align: middle; margin-right: 20rpx; border-radius: 6rpx; } .tui-thumb-circle { border-radius: 50% !important; } .tui-header-title { display: inline-block; font-size: 30rpx; color: #7a7a7a; vertical-align: middle; max-width: 460rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tui-header-right { font-size: 24rpx; color: #b2b2b2; } .tui-card-body { font-size: 32rpx; color: #262b3a; box-sizing: border-box; } .tui-card-footer { font-size: 28rpx; color: #596d96; border-bottom-left-radius: 10rpx; border-bottom-right-radius: 10rpx; box-sizing: border-box; }