.t-float-left { float: left; } .t-float-right { float: right; } @keyframes tdesign-fade-out { from { opacity: 1; } to { opacity: 0; } } .hotspot-expanded.relative { position: relative; } .hotspot-expanded::after { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scale(1.5); } .t-cell-group { position: relative; } .t-cell-group__title { font-family: PingFangSC-Regular; font-size: var(--td-cell-group-title-font-size, 28rpx); color: var(--td-cell-group-title-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))); text-align: left; line-height: var(--td-cell-group-title-line-height, 90rpx); background-color: var(--td-cell-group-title-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3))); padding-left: var(--td-cell-group-title-padding-left, 32rpx); } .t-cell-group--bordered::before { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 0; left: 0; top: 0; border-top: 1px solid var(--td-cell-group-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7))); transform: scaleY(0.5); z-index: 1; } .t-cell-group--bordered::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 0; left: 0; bottom: 0; border-bottom: 1px solid var(--td-cell-group-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7))); transform: scaleY(0.5); z-index: 1; } .t-cell-group--card { margin: 0 32rpx; border-radius: var(--td-radius-large, 18rpx); overflow: hidden; }