| | |
| | | width: 1920px; |
| | | height: 1080px; |
| | | position: relative; |
| | | background-color: lightblue; |
| | | background-color: #000; |
| | | font-size: 20px; |
| | | font-family: Microsoft YaHei; |
| | | } |
| | | |
| | | .kb_header { |
| | | background-color: #00a79d; |
| | | /*background-color: #000;*/ |
| | | background-color: #123; |
| | | height: 90px; |
| | | line-height: 90px; |
| | | font-size: 40px; |
| | | |
| | | color: #09d8f2; |
| | | } |
| | | .kb_headTime{ |
| | | position: absolute; |
| | | left: 100px; |
| | | width: 300px; |
| | | height: 50px; |
| | | z-index: 10; |
| | | top: 20px; |
| | | font-size: 22px; |
| | | } |
| | | |
| | | .kb_content { |
| | | display: flex; |
| | | position: relative; |
| | | height: 990px; |
| | | } |
| | | |
| | | .kb_left { |
| | | width: 30%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .kb_center { |
| | | width: 40%; |
| | | background-color: #00a79d; |
| | | height: 100%; |
| | | } |
| | | |
| | | .kb_right { |
| | | width: 30%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .flex_c_c { |
| | | display: flex; |
| | |
| | | /*align-content: center;*/ |
| | | } |
| | | |
| | | .kb_block{ |
| | | display: flex; |
| | | align-content: center; |
| | | justify-content: center; |
| | | width: 556px; |
| | | height: 400px; |
| | | line-height: 400px; |
| | | background-image: linear-gradient(to bottom right, red , yellow); |
| | | /*background-image: repeating-radial-gradient(red, yellow 10%, green 15%);*/ |
| | | |
| | | /*background-color: #5a5e66;*/ |
| | | margin: 10px; |
| | | .kb_pd10{ |
| | | padding: 10px; |
| | | } |