wechat.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. @font-face
  2. {
  3. font-family: "SourceHanSerifCN Bold";
  4. src: url('../font/SourceHanSerifCN-Bold.otf');
  5. }
  6. @font-face
  7. {
  8. font-family: "SourceHanSerifCN Regular";
  9. src: url('../font/SourceHanSerifCN-Regular.otf');
  10. }
  11. /* 设置滚动条的样式 */
  12. ::-webkit-scrollbar {
  13. width:4px;
  14. }
  15. /* 滚动槽 */
  16. ::-webkit-scrollbar-track {
  17. border-radius:2px;
  18. background:url(../img/line-bg.jpg)center/2px 100% no-repeat;
  19. }
  20. /* 滚动条滑块 */
  21. ::-webkit-scrollbar-thumb {
  22. width:4px;
  23. border-radius:4px;
  24. background:#890d12;
  25. }
  26. /* ::-webkit-scrollbar-thumb:window-inactive {
  27. background: #890d02;
  28. } */
  29. * {
  30. margin:0;
  31. padding:0;
  32. }
  33. .ui {
  34. }
  35. .top-name {
  36. position:absolute;
  37. z-index:22;
  38. width:100%;
  39. text-align:center;
  40. font-family: "SourceHanSerifCN Bold";
  41. font-size:5.6vw;
  42. color:#890d12;
  43. margin:2vh auto;
  44. }
  45. .bottom-description {
  46. position:absolute;
  47. z-index:22;
  48. left:0;
  49. right:0;
  50. bottom:5vh;
  51. margin:auto;
  52. width:94.67vw;
  53. height:44.53vw;
  54. background:url(../img/info-bg.png)center/100% no-repeat;
  55. padding:5vw 8vw 5vw 10vw;
  56. box-sizing:border-box;
  57. }
  58. .bottom-description .inner {
  59. height:100%;
  60. overflow-y: scroll;
  61. padding-right:4vw;
  62. }
  63. .bottom-description p {
  64. font-size:2.53vw;
  65. line-height:6vw;
  66. color:#151c2c;
  67. }.bottom-description .item p#info {
  68. width:58vw;
  69. text-align:justify;
  70. }
  71. .bottom-description .item {
  72. display:flex;
  73. align-items: flex-start;
  74. }
  75. .bottom-description .item span {
  76. display:block;
  77. width:15vw;
  78. font-size:2.53vw;
  79. font-family: "SourceHanSerifCN Regular";
  80. line-height:6vw;
  81. }
  82. .audio {
  83. position:absolute;
  84. z-index:22;
  85. top:10vh;
  86. right:2vw;
  87. width:12.26vw;
  88. height:19.33vw;
  89. background:url(../img/music-on.png)center/100% no-repeat;
  90. }
  91. .audio.on {
  92. background:url(../img/music-off.png)center/100% no-repeat;
  93. }
  94. #companyText {
  95. position:absolute;
  96. z-index:22;
  97. width:100%;
  98. bottom:10px;
  99. text-align:center;
  100. font-size:10px;
  101. color:rgb(255 255 255 / 0.5);
  102. }