bottom.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. #bottom{
  2. position: relative;
  3. width: 100%;
  4. height: 19.5rem;
  5. background: #17181D;
  6. opacity: 1;
  7. border-width: 0;
  8. margin:0;
  9. }
  10. .decoration{
  11. position:absolute;
  12. /* top:255rem; */
  13. top:-18.1rem;
  14. right:0;
  15. }
  16. .decoration img{
  17. width:70.6rem;
  18. }
  19. #fdage{
  20. width:12rem;
  21. height:3.2rem;
  22. }
  23. .info{
  24. position:absolute;
  25. left:12.7rem;
  26. top:7.7rem;
  27. font-size: 0.7rem;
  28. font-family: Microsoft YaHei;
  29. font-weight: 400;
  30. line-height: 19px;
  31. color: #FFFFFF;
  32. opacity: 0.7;
  33. }
  34. .support{
  35. position:absolute;
  36. left:0;
  37. margin-top:1rem;
  38. }
  39. .bottom-qrcode{
  40. position:absolute;
  41. top:8.2rem;
  42. left:31.9rem;
  43. display: inline-block;
  44. display: flex;
  45. justify-content: space-between;
  46. width:10.1rem;
  47. height:4.5rem;
  48. opacity:1;
  49. }
  50. .aboutus{
  51. position:absolute;
  52. top:5.6rem;
  53. left:45.7rem;
  54. }
  55. .line{
  56. position:absolute;
  57. top:7.2rem;
  58. left:45.7rem;
  59. width:42.2rem;
  60. border:solid #4B4B4B 1px;
  61. }
  62. .box{
  63. height:6rem;
  64. margin-top:0.9rem;
  65. display: flex;
  66. flex-direction: column;
  67. justify-content:space-around;
  68. }
  69. .box-extra1{
  70. height:4.3rem;
  71. }
  72. .box-extra2{
  73. height:2.7rem;
  74. }
  75. .info div:nth-child(1){
  76. margin-bottom:0.4rem;
  77. font-size: 0.8rem;
  78. }
  79. .operation{
  80. position:absolute;
  81. top:5.6rem;
  82. left:67.4rem;
  83. }
  84. .explore{
  85. position:absolute;
  86. top:5.6rem;
  87. left:82.6rem;
  88. }