| | |
| | | } |
| | | |
| | | .gradient-box { |
| | | position: fixed; |
| | | position: absolute; |
| | | right: 0; |
| | | top: 50%; |
| | | transform: translateY(-50%); |
| | | background: linear-gradient(to right, #6a1b9a, #e040fb); |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 12px 8px; |
| | | border-radius: 12px 0px 0px 12px; |
| | | top: 60%; |
| | | } |
| | | |
| | | .aiBox { |
| | |
| | | &-btn { |
| | | color: #1A6FB8; |
| | | width: 30px; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | } |
| | |
| | | display: flex; |
| | | gap: 24px; |
| | | margin-top: 16px; |
| | | cursor: pointer; |
| | | |
| | | &-tabsItem { |
| | | display: flex; |
| | |
| | | &-title { |
| | | width: 140px; |
| | | font-family: DingTalk; |
| | | font-size: 22px; |
| | | font-size: 30px; |
| | | } |
| | | |
| | | &-img { |
| | |
| | | // display: 'flex', background: linear-gradient(to right, #6a1b9a, #e040fb) |
| | | display: flex; |
| | | background: linear-gradient(to right, #E8F7FF, #9FD4FD); |
| | | flex: 1; |
| | | padding: 12px 16px 16px 16px; |
| | | justify-content: center; |
| | | |
| | | } |
| | | |
| | | .bottomTab2 { |
| | | display: flex; |
| | | background: linear-gradient(to right, #FFF7E6, #FFD591); |
| | | padding: 12px 16px 16px 16px; |
| | | flex: 1; |
| | | justify-content: center; |
| | | |
| | | } |
| | | |