.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-toast { position: fixed; right: -50%; left: 50%; transform: translate(-50%, -50%); z-index: 12001; opacity: 1; transition: opacity 300ms ease; background-color: rgba(0, 0, 0, 0.6); border-radius: 8rpx; font-size: 28rpx; color: white; max-width: 374rpx; width: fit-content; box-sizing: border-box; } .t-toast--column { padding: 48rpx; min-width: 272rpx; min-height: 260rpx; border-radius: 16rpx; } .t-toast__content { align-items: center; line-height: 44rpx; } .t-toast__content--row { display: flex; text-align: left; padding: 28rpx 44rpx; } .t-toast__content--column { display: flex; flex-direction: column; justify-content: center; align-items: center; } .t-toast__icon--row { display: flex; } .t-toast__text { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } .t-toast__text--column { margin-top: 24rpx; } .t-toast__text--row { margin-left: 12rpx; } .t-toast.t-fade-enter, .t-toast.t-fade-leave-to { opacity: 0; }