.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-collapse-panel { overflow: hidden; transition: height 200ms ease-in-out; position: relative; background-color: #fff; } .t-collapse-panel::after { content: ''; display: block; position: absolute; top: unset; bottom: 0; left: unset; right: unset; background-color: var(--td-collapse-border-color, var(--td-border-color, #e7e7e7)); } .t-collapse-panel::after { height: 1px; left: 0; right: 0; transform: scaleY(0.5); } .t-collapse-panel--active { height: auto; } .t-collapse-panel--disabled { pointer-events: none; } .t-collapse-panel--disabled .t-collapse-panel__content, .t-collapse-panel--disabled .t-collapse-panel__header { opacity: 0.3; } .t-collapse-panel__header { display: flex; justify-content: space-between; align-items: center; padding-left: var(--td-collapse-horizontal-padding, 32rpx); height: var(--td-collapse-header-height, 96rpx); color: var(--td-collapse-header-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))); position: relative; } .t-collapse-panel__header::after { content: ''; display: block; position: absolute; top: unset; bottom: 0; left: unset; right: unset; background-color: var(--td-collapse-border-color, var(--td-border-color, #e7e7e7)); } .t-collapse-panel__header::after { height: 1px; left: 0; right: 0; transform: scaleY(0.5); } .t-collapse-panel__header:after { left: 32rpx; } .t-collapse-panel__header-right { display: inline-flex; align-items: center; height: 100%; } .t-collapse-panel__header-icon { height: 100%; padding-left: 8px; width: 44px; padding-right: 8px; color: var(--td-collapse-icon-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))); } .t-collapse-panel__extra { font-size: var(--td-collapse-extra-font-size, var(--td-font-size-m, 32rpx)); } .t-collapse-panel__body { position: relative; } .t-collapse-panel__body::after { content: ''; display: block; position: absolute; top: unset; bottom: 0; left: unset; right: unset; background-color: var(--td-collapse-border-color, var(--td-border-color, #e7e7e7)); } .t-collapse-panel__body::after { height: 1px; left: 0; right: 0; transform: scaleY(0.5); } .t-collapse-panel__wrapper { transition: height 200ms ease-in-out; } .t-collapse-panel__content { color: var(--td-collapse-content-text-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))); font-size: var(--td-collapse-content-font-size, var(--td-font-size-base, 28rpx)); padding: var(--td-collapse-content-padding, 32rpx); line-height: var(--td-collapse-content-line-height, 1.5); } .class-title { font-size: var(--td-collapse-title-font-size, var(--td-font-size-m, 32rpx)); } .class-title--disabled { color: var(--td-text-disabled-color, rgba(0, 0, 0, 0.26)); } .class-note--disabled { color: var(--td-text-disabled-color, rgba(0, 0, 0, 0.26)) !important; } .class-right-icon--disabled { color: var(--td-text-disabled-color, rgba(0, 0, 0, 0.26)) !important; }