index.module.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .A4base {
  2. position: relative;
  3. top: 50%;
  4. left: 50%;
  5. transform: translate(-50%, -50%);
  6. z-index: 99999;
  7. width: 100%;
  8. height: 100%;
  9. transition: all 0.5s;
  10. background: url('./image/bg.png') repeat center center;
  11. background-size: 100% 101%;
  12. > div {
  13. position: absolute;
  14. top: 50%;
  15. left: 50%;
  16. img {
  17. object-fit: contain;
  18. width: 100%;
  19. height: 100%;
  20. }
  21. }
  22. :global {
  23. .A4base-title3 {
  24. transform: translate(-50%, -89%);
  25. width: 900px;
  26. height: 340px;
  27. }
  28. .A4base-logo {
  29. transform: translate(-233%, -271%);
  30. width: 400px;
  31. height: 162px;
  32. }
  33. .A4base-content {
  34. width: 1150px;
  35. height: 500px;
  36. display: flex;
  37. flex-direction: column;
  38. justify-content: center;
  39. align-items: center;
  40. transform: translate(-50%, -280px);
  41. .A4base-title2 {
  42. width: 68%;
  43. height: 100%;
  44. }
  45. .A4base-title1 {
  46. width: 100%;
  47. height: 100%;
  48. }
  49. .A4base-other {
  50. width: 78%;
  51. height: 100%;
  52. }
  53. }
  54. .A4base-pic1 {
  55. transform: translate(-178%, 43%);
  56. width: 530px;
  57. height: 304px;
  58. }
  59. .A4base-pic2 {
  60. transform: translate(48%, -321%);
  61. width: 621px;
  62. height: 140px;
  63. }
  64. .A4base-time {
  65. transform: translate(207%, 115%);
  66. width: 322px;
  67. height: 206px;
  68. }
  69. .A4base-button {
  70. transform: translate(-50%, 264%);
  71. width: 224px;
  72. height: 120px;
  73. cursor: pointer;
  74. }
  75. }
  76. }