index.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .main {
  2. /* margin: 0 auto; */
  3. overflow: hidden;
  4. position: relative;
  5. background-color: black;
  6. width: 1920px;
  7. height: 1080px;
  8. margin: 0 auto;
  9. /* background: url('../image/index2/index_border.png') no-repeat center center/ 100% 101%; */
  10. /* display: flex;
  11. flex-wrap: wrap;
  12. justify-content: center;
  13. align-content: space-between; */
  14. /* overflow-x: auto; */
  15. .top-border {
  16. background: url('../image/index/top_title.png') no-repeat center center/ 100% 100%;
  17. width: 100%;
  18. height: 9%;
  19. }
  20. .top-title{
  21. text-align: center;
  22. font-family: Source Han Sans CN;
  23. font-weight: bold;
  24. font-size: 42px;
  25. color: #FFFFFF;
  26. line-height: 70px;
  27. background: linear-gradient(0deg, #FFFFFF 0%, #80C0FF 100%);
  28. -webkit-background-clip: text;
  29. -webkit-text-fill-color: transparent;
  30. letter-spacing: 15px;
  31. }
  32. .right-line{
  33. width: 14px;
  34. height: 14px;
  35. background: #FFFFFF;
  36. border-radius: 50%;
  37. border: 3px solid #126EFE;
  38. margin: auto;
  39. }
  40. .box-border{
  41. background: url('../image/index/left_border.png') no-repeat center center/ 100% 100%;
  42. width: 1269px;
  43. height: 401px;
  44. }
  45. .small-top{
  46. background: url('../image/index/small_title.png') no-repeat center center/ 100% 100%;
  47. width: 100%;
  48. height: 44px;
  49. color: white;
  50. }
  51. .right-small-top{
  52. background: url('../image/index/right_small_title.png') no-repeat center center/ 100% 100%;
  53. width: 100%;
  54. height: 44px;
  55. color: white;
  56. position: relative;
  57. }
  58. .small-title{
  59. font-weight: bold;
  60. padding-top: 5px;
  61. font-size: 19px;
  62. color: #FFFFFF;
  63. background: linear-gradient(0deg, #F1FEFF 0%, #76E2FF 100%);
  64. -webkit-background-clip: text;
  65. -webkit-text-fill-color: transparent;
  66. }
  67. .box-right{
  68. background: url('../image/index/right_border.png') no-repeat center center/ 100% 100%;
  69. width: 591px;
  70. height: 929px;
  71. }
  72. .data-type{
  73. border-radius: 6px;
  74. border: 1px solid #39E6FF;
  75. color: #39E6FF;
  76. padding: 3px 15px;
  77. }
  78. }