| | |
| | | margin-top: 10%; |
| | | } |
| | | #kuyuan { |
| | | width: 100%; |
| | | width: 87%; |
| | | height: 100%; |
| | | border-radius: 50%; |
| | | background: conic-gradient(#ff5733 0% 20%, #33ff57 20% 60%, #3399ff 60% 100%); |
| | |
| | | content: ""; |
| | | position: absolute; |
| | | top: 50%; |
| | | left: 50%; |
| | | width: 70%; |
| | | left: 44%; |
| | | width: 62%; |
| | | height: 70%; |
| | | border-radius: 50%; |
| | | background: rgb(255, 255, 255); |
| | |
| | | line-height: 240%; |
| | | } |
| | | #kongwei { |
| | | background-image: url("../imgs/kongwei.webp"); |
| | | background-image: url("../imgs/kongwei.jpg"); |
| | | background-size: 85%; |
| | | background-repeat: no-repeat; |
| | | background-position: 50% 50%; |
| | | opacity: 0.8; |
| | | } |
| | | #mantong { |
| | | background-image: url("../imgs/mantong.webp"); |
| | | background-image: url("../imgs/mantong.jpg"); |
| | | background-size: 70%; |
| | | background-repeat: no-repeat; |
| | | background-position: 50% 50%; |
| | |
| | | width: 40%; |
| | | height: 20%; |
| | | float: left; |
| | | font-size: 70px; |
| | | font-size: 60px; |
| | | font-weight: 600; |
| | | margin-top: 8%; |
| | | margin-top: 6%; |
| | | } |
| | | .sti { |
| | | width: 40%; |
| | |
| | | } |
| | | #zhu { |
| | | width: 100%; |
| | | height: 150vh; |
| | | height: 200vh; |
| | | float: left; |
| | | margin-top: 1%; |
| | | position: relative; |