.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-cascader { display: flex; flex-direction: column; background-color: #fff; color: var(--td-cascader-title-color, #000000); border-radius: 24rpx 24rpx 0 0; --td-radio-icon-checked-color: var(--td-cascader-active-color, #0052d9); --td-tab-item-active-color: var(--td-cascader-active-color, #0052d9); --td-tab-track-color: var(--td-cascader-active-color, #0052d9); } .t-cascader__close-btn { right: 16px; top: 12px; position: absolute; } .t-cascader__title { position: relative; font-weight: 700; text-align: center; line-height: 48px; font-size: 16px; } .t-cascader__content { width: 100%; flex: 1; display: flex; flex-direction: column; } .t-cascader__options { width: 100vw; height: 640rpx; } .t-cascader__options-title { margin-top: 40rpx; color: var(--td-cascader-options-title-color, rgba(0, 0, 0, 0.4)); font-size: 28rpx; line-height: 44rpx; padding-left: 16px; } .t-cascader__options-content { flex: 1; height: 100%; overflow: auto; padding-left: 16px; } .t-cascader__options-container { display: flex; transition: all ease 0.3s; } .t-cascader__step { display: flex; align-items: center; height: 88rpx; } .t-cascader__steps { padding: 0 16px; border-bottom: 1px solid var(--td-cascader-border-color, #e6e6e6); } .t-cascader__step-dot { position: relative; width: 16rpx; height: 16rpx; border-radius: 50%; border: 1px solid var(--td-cascader-active-color, #0052d9); box-sizing: border-box; } .t-cascader__step-dot:not(.t-cascader__step-dot--last)::after { content: ''; display: block; position: absolute; left: 50%; top: 30rpx; height: 36rpx; width: 1px; background: var(--td-cascader-active-color, #0052d9); transform: translateX(-50%); } .t-cascader__step-dot--active { background: var(--td-cascader-active-color, #0052d9); border-color: var(--td-cascader-active-color, #0052d9); } .t-cascader__step-label { padding-left: 16px; font-size: 16px; } .t-cascader__step-label--active { color: var(--td-cascader-active-color, #0052d9); font-weight: 600; } .t-cascader__step-arrow { color: var(--td-cascader-step-arrow-color, rgba(0, 0, 0, 0.4)); margin-left: auto; }