123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- .main {
- /* margin: 0 auto; */
- overflow: hidden;
- position: relative;
- background-color: black;
- width: 1920px;
- height: 1080px;
- margin: 0 auto;
- /* background: url('../image/index2/index_border.png') no-repeat center center/ 100% 101%; */
- /* display: flex;
- flex-wrap: wrap;
- justify-content: center;
- align-content: space-between; */
- /* overflow-x: auto; */
- .top-border {
- background: url('../image/index1/top_title.png') no-repeat center center/ 100% 100%;
- width: 100%;
- height: 9%;
- }
- .top-text {
- left: 2%;
- top: 2%;
- position: absolute;
- z-index: 3;
- }
- .top-time{
- font-weight: bold;
- font-size: 24px;
- color: #5A9CD2;
- }
- .top-content{
- font-weight: 400;
- font-size: 24px;
- color: #5F92BC;
- line-height: 50px;
- font-style: italic;
- }
- .top-title{
- text-align: center;
- font-family: Source Han Sans CN;
- font-weight: bold;
- font-size: 42px;
- color: #FFFFFF;
- line-height: 70px;
- background: linear-gradient(0deg, #FFFFFF 0%, #80C0FF 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- letter-spacing: 15px;
- }
- .right-line{
- width: 14px;
- height: 14px;
- background: #FFFFFF;
- border-radius: 50%;
- border: 3px solid #126EFE;
- margin: auto;
- }
- .box-border{
- background: url('../image/index/left_border.png') no-repeat center center/ 100% 100%;
- width: 930px;
- height: 464px;
- }
- .small-top{
- background: url('../image/index1/small_title.png') no-repeat center center/ 100% 100%;
- width: 100%;
- height: 44px;
- color: white;
- }
- .right-small-top{
- background: url('../image/index/right_small_title.png') no-repeat center center/ 100% 100%;
- width: 100%;
- height: 44px;
- color: white;
- position: relative;
- }
- .small-title{
- font-weight: bold;
- font-size: 19px;
- color: #FFFFFF;
- background: linear-gradient(0deg, #F1FEFF 0%, #76E2FF 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
- .box-right{
- background: url('../image/index/right_border.png') no-repeat center center/ 100% 100%;
- width: 930px;
- height: 929px;
- }
- .data-type{
- border-radius: 6px;
- border: 1px solid #39E6FF;
- color: #39E6FF;
- padding: 3px 15px;
- }
- table {
- border-collapse: collapse; /* 合并表格边框 */
- border: 1px solid #35B3CE15; /* 设置表格边框样式和颜色 */
- width: 100%;
- text-align: center;
- }
- tr{
- height: 35px;
- }
- }
|