|  |  |  | 
|---|
|  |  |  | .text-content { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | font-size: 16px; | 
|---|
|  |  |  | /* background-color: aliceblue;    */ | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .swiper-head { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 10%; | 
|---|
|  |  |  | background-color: #000000; | 
|---|
|  |  |  | display: grid; | 
|---|
|  |  |  | grid-template-columns: 1fr 1fr 1fr; | 
|---|
|  |  |  | background-color: rgba(54, 94, 226, 0.5); | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */ | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .swiper-body { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 90%; | 
|---|
|  |  |  | background-color: #aa0000; | 
|---|
|  |  |  | /* background-color: #aa0000; */ | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .swiper-body-main { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | background-color: #00a8ff; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /* background-color: #00a8ff; */ | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .swiper-item { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | /* display: grid; */ | 
|---|
|  |  |  | /* align-items: center; */ | 
|---|
|  |  |  | /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */ | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .swiper-item:nth-child(2n-1) { | 
|---|
|  |  |  | background-color: rgba(255, 255, 255, .1); | 
|---|
|  |  |  | } | 
|---|