.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-back-top { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: transparent; overflow: hidden; box-sizing: border-box; transition: height 0.2s; height: auto; } .t-back-top--fixed { position: fixed; right: var(--td-spacer, 16rpx); bottom: var(--td-spacer-2, 32rpx); } .t-back-top--round, .t-back-top--round-dark { width: 96rpx; height: 96rpx; border-radius: var(--td-back-top-round-border-radius, var(--td-radius-circle, 50%)); } .t-back-top--round, .t-back-top--half-round { color: var(--td-back-top-round-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))); border: 1rpx solid var(--td-back-top-round-border-color, var(--td-gray-color-4, #dcdcdc)); background-color: var(--td-back-top-round-bg-color, var(--td-white-color-1, #fff)); } .t-back-top--round-dark, .t-back-top--half-round-dark { color: var(--td-back-top-round-dark-color, var(--td-font-white-1, #ffffff)); background-color: var(--td-back-top-round-dark-bg-color, var(--td-gray-color-14, #181818)); } .t-back-top--half-round, .t-back-top--half-round-dark { width: 120rpx; height: 80rpx; border-radius: var(--td-back-top-half-round-border-radius, var(--td-radius-round, 999px)) 0 0 var(--td-back-top-half-round-border-radius, var(--td-radius-round, 999px)); flex-direction: row; right: 0; } .t-back-top__text--round, .t-back-top__text--round-dark, .t-back-top__text--half-round, .t-back-top__text--half-round-dark { font-size: var(--td-font-size, 20rpx); line-height: 24rpx; } .t-back-top__text--half-round, .t-back-top__text--half-round-dark { width: 2em; } .t-back-top__icon:not(:empty) + .t-back-top__text--half-round, .t-back-top__icon:not(:empty) + .t-back-top__text--half-round-dark { margin-left: 8rpx; } .t-back-top__icon { display: flex; justify-content: center; align-items: center; font-size: 44rpx; }