1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- .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-footer {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-start;
- }
- .t-footer__text {
- font-size: var(--td-footer-text-font-size, var(--td-font-size-s, 24rpx));
- line-height: var(--td-footer-text-line-height, 40rpx);
- color: var(--td-footer-text-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
- }
- .t-footer__link-list + .t-footer__text:not(:empty) {
- margin-top: var(--td-footer-text-margin-top, 8rpx);
- }
- .t-footer__link-list {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .t-footer__link-item {
- color: var(--td-footer-link-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
- font-size: var(--td-footer-link-font-size, var(--td-font-size-s, 24rpx));
- line-height: var(--td-footer-link-line-height, 40rpx);
- text-decoration: underline;
- }
- .t-footer__link-line {
- font-size: 24rpx;
- color: var(--td-footer-link-dividing-line-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
- display: inline-block;
- padding: 0 var(--td-footer-link-dividing-line-padding, var(--td-spacer-1, 24rpx));
- }
- .t-footer__logo {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .t-footer__icon {
- width: var(--td-footer-logo-icon-width, 48rpx);
- height: var(--td-footer-logo-icon-height, 48rpx);
- margin-right: var(--td-footer-logo-icon-margin-right, var(--td-spacer, 16rpx));
- }
- .t-footer__title {
- font-weight: bold;
- font-size: var(--td-footer-logo-title-font-size, var(--td-font-size-m, 32rpx));
- line-height: var(--td-footer-logo-title-line-height, 48rpx);
- font-style: italic;
- }
- .t-footer__title-url {
- width: var(--td-footer-logo-title-url-width, 256rpx);
- }
|