You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

138 lines
2.0 KiB

  1. .bgm {
  2. width: 100%;
  3. height: 100%;
  4. }
  5. .bgm img {
  6. width: 100%;
  7. height: 100%;
  8. }
  9. .btn {
  10. position: absolute;
  11. left: 50%;
  12. bottom: 1rem;
  13. /* transform: translateX(-50%); */
  14. margin-left: -1.415rem;
  15. width: 2.83rem;
  16. height: .72rem;
  17. background: #E40006;
  18. border-radius: .12rem;
  19. text-align: center;
  20. line-height: .72rem;
  21. color: #fff;
  22. font-size: .36rem;
  23. font-weight: bold;
  24. z-index: 0;
  25. }
  26. .masks {
  27. position: fixed;
  28. left: 0;
  29. top: 0;
  30. background: rgba(0, 0, 0, .6);
  31. width: 100%;
  32. height: 100%;
  33. z-index: 999;
  34. display: none;
  35. }
  36. /*.ruleCont{
  37. position: absolute;
  38. left: 0;
  39. top: 0;
  40. }*/
  41. .title {
  42. position: absolute;
  43. right: 50%;
  44. /* top: .1rem; */
  45. transform: translateX(50%);
  46. /* margin: auto; */
  47. bottom: 0.2rem;
  48. color: white;
  49. font-size: .28rem;
  50. font-weight: bold;
  51. padding-bottom: .05rem;
  52. /*border-bottom: 3px solid #E40006;*/
  53. border-bottom: 3px solid #fff;
  54. }
  55. .ruleText {
  56. display: none;
  57. width: 9.1rem;
  58. height: 5.19rem;
  59. background: url(../img/indexBgm.png) no-repeat;
  60. background-size: 100% 100%;
  61. position: absolute;
  62. left: 50%;
  63. top: 45%;
  64. transform: translate(-50%, -50%);
  65. z-index: 9999;
  66. }
  67. .ruleText ul {
  68. height: 84%;
  69. }
  70. .ruleText ul li {
  71. height: 84%;
  72. width: 96%;
  73. color: #000;
  74. font-size: .26rem;
  75. overflow-y: auto;
  76. margin: 1rem auto 0;
  77. }
  78. .ruleText .line {
  79. width: .03rem;
  80. height: .38rem;
  81. background: #E40006;
  82. position: absolute;
  83. left: 50%;
  84. top: 100%;
  85. transform: translateX(-50%);
  86. }
  87. .ruleText .close {
  88. width: 2.83rem;
  89. height: .72rem;
  90. background: #E40006;
  91. border-radius: .12rem;
  92. text-align: center;
  93. line-height: .72rem;
  94. color: #fff;
  95. font-size: .36rem;
  96. font-weight: bold;
  97. position: absolute;
  98. left: 50%;
  99. top: 107%;
  100. transform: translateX(-50%);
  101. z-index: 9999;
  102. }
  103. .audioImg {
  104. position: absolute;
  105. top: .2rem;
  106. right: 2%;
  107. width: .82rem;
  108. height: .82rem;
  109. z-index: 9999;
  110. font-size: 0;
  111. }
  112. .audioImg img {
  113. width: 100%;
  114. height: 100%;
  115. }
  116. .o-img {
  117. position: absolute;
  118. top: 0;
  119. left: 0;
  120. width: 96%;
  121. height: 96%;
  122. opacity: 0;
  123. z-index: 20;
  124. }