.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-dialog { overflow: hidden; width: var(--td-dialog-width, 622rpx); border-radius: var(--td-border-radius, 16rpx); background-color: var(--td-bg-color-block, #fff); } .t-dialog__close-btn { position: absolute; top: 16rpx; right: 16rpx; color: var(--td-dialog-close-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4))); } .t-dialog__content { padding: var(--td-spacer-4, 64rpx) var(--td-spacer-3, 48rpx) 0; max-height: var(--td-dialog-body-max-height, 912rpx); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; font-size: var(--td-font-size-m, 32rpx); line-height: var(--td-text-line-height, 1.5); } .t-dialog__header { text-align: center; font-weight: bold; font-size: var(--td-dialog-title-font-size, 36rpx); line-height: var(--td-dialog-title-line-height, 52rpx); color: var(--td-dialog-title-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))); } .t-dialog__header + .t-dialog__body { margin-top: 16rpx; } .t-dialog__body { overflow-y: scroll; text-align: center; -webkit-overflow-scrolling: touch; font-size: var(--td-dialog-content-font-size, 32rpx); color: var(--td-dialog-content-color, var(--td-font-gray-2, rgba(0, 0, 0, 0.6))); line-height: var(--td-dialog-content-line-height, 48rpx); } .t-dialog__body-text { word-wrap: break-word; } .t-dialog__body--left { text-align: left; } .t-dialog__body--right { text-align: right; } .t-dialog__footer { display: flex; padding: 48rpx; } .t-dialog__footer--column { flex-flow: column-reverse; } .t-dialog__footer--column .t-dialog__button { width: 100%; } .t-dialog__footer--full { padding: 64rpx 0 0; } .t-dialog-button { border-radius: 0 !important; } .t-dialog-button:after { border-radius: 0; } .t-dialog__button { position: relative; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .t-dialog__button--horizontal + .t-dialog__button--horizontal { margin-left: 24rpx; } .t-dialog__button--vertical + .t-dialog__button--vertical { margin-bottom: 24rpx; } .t-dialog__button--text { flex: 1; --td-button-medium-height: 112rpx; border-radius: 0; } .t-dialog__button--text:before { content: ' '; position: absolute; box-sizing: border-box; top: 0; left: 0; border-top: 1px solid var(--td-border-color, #e7e7e7); border-left: 1px solid var(--td-border-color, #e7e7e7); transform: scale(0.5); transform-origin: 0 0; width: 200%; height: 200%; border-radius: 0; }