index.module.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .B1exhibit {
  2. padding-bottom: 120px;
  3. overflow-y: auto;
  4. :global {
  5. .B1top {
  6. width: 100%;
  7. height: auto;
  8. position: relative;
  9. img {
  10. object-fit: fill !important;
  11. }
  12. .B1topBack {
  13. position: absolute;
  14. pointer-events: auto;
  15. top: 30px;
  16. left: 34px;
  17. }
  18. }
  19. .B1tit {
  20. font-size: 24px;
  21. font-weight: 700;
  22. color: var(--themeColor);
  23. margin: 10px 0 24px;
  24. text-align: center;
  25. }
  26. .B1txt {
  27. padding: 0 30px;
  28. color: #303030;
  29. font-size: 16px;
  30. letter-spacing: 3px;
  31. line-height: 24px;
  32. }
  33. .B1btn {
  34. position: absolute;
  35. bottom: 0;
  36. left: 50%;
  37. transform: translateX(-50%);
  38. max-width: 500px;
  39. width: 100%;
  40. height: 100px;
  41. background-color: #fff;
  42. display: flex;
  43. align-items: center;
  44. justify-content: space-between;
  45. padding: 0 30px;
  46. & > div {
  47. height: 54px;
  48. line-height: 54px;
  49. text-align: center;
  50. font-size: 20px;
  51. font-weight: 700;
  52. border-radius: 5px;
  53. background-color: var(--themeColor);
  54. width: 30%;
  55. color: #fff;
  56. }
  57. .B1btn2 {
  58. background-color: var(--themeColor2);
  59. }
  60. .B1btn3 {
  61. background-color: var(--themeColor3);
  62. }
  63. }
  64. }
  65. }