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.

203 lines
3.0 KiB

  1. #wrap {
  2. background: url(../img/game2/game2Bgm.png) no-repeat;
  3. background-size: 100% 100%;
  4. overflow: hidden;
  5. position: relative;
  6. }
  7. .cont_wrap{
  8. /*display: none;*/
  9. }
  10. .tipsNum {
  11. width: 1.45rem;
  12. height: 3.2rem;
  13. position: absolute;
  14. left: 0;
  15. top: 50%;
  16. transform: translateY(-50%);
  17. }
  18. .tipText {
  19. position: absolute;
  20. top: 40%;
  21. transform: translateY(-40%);
  22. right: .65rem;
  23. width: .8rem;
  24. height: 4.32rem;
  25. }
  26. .tipText ul {
  27. display: flex;
  28. }
  29. .tipText ul li {
  30. flex: 1;
  31. text-align: center;
  32. color: #333;
  33. font-size: .26rem;
  34. }
  35. .tipsNum img {
  36. width: 100%;
  37. height: 100%;
  38. }
  39. .titleIcon {
  40. margin-top: .1rem;
  41. margin-left: .1rem;
  42. }
  43. .titleIcon ul {
  44. display: flex;
  45. justify-content: flex-end;
  46. }
  47. .titleIcon ul li {
  48. width: .98rem;
  49. height: 1.24rem;
  50. }
  51. .titleIcon ul li img {
  52. width: 100%;
  53. height: 100%;
  54. }
  55. /*时间*/
  56. .tipList{
  57. width: 90%;
  58. display: flex;
  59. margin-left: 1.35rem;
  60. }
  61. .tipList ul{
  62. display: flex;
  63. width: 100%;
  64. }
  65. .tipList ul li{
  66. width: 18%;
  67. height: 1rem;
  68. margin-right: .15rem;
  69. }
  70. .tipList ul li p{
  71. height: 100%;
  72. width: 2.17rem;
  73. background: url(../img/game2/timeN.png) no-repeat;
  74. background-size: 100% 100%;
  75. font-size: .22rem;
  76. text-align: center;
  77. box-sizing: border-box;
  78. /* padding: .18rem 0rem; */
  79. color: #fff;
  80. display: flex;
  81. line-height: .5rem;
  82. justify-content: center;
  83. padding-top: .18rem;
  84. padding-left: 0rem;
  85. padding-right: 0.1rem;
  86. }
  87. .tipList ul li.active p{
  88. /*box-shadow: -6px 2px 18px #999;*/
  89. background: url(../img/game2/time.png) no-repeat;
  90. background-size: 100% 100%;
  91. /*border-radius:10%;*/
  92. }
  93. .posTip{
  94. width: 100%;
  95. padding: .31rem 0;
  96. height: .8rem;
  97. }
  98. .posTip p{
  99. width: 100%;
  100. text-align: center;
  101. font-size: .3rem;
  102. line-height: .8rem;
  103. color: #333;
  104. }
  105. .contList{
  106. width: 95%;
  107. display: flex;
  108. margin-left: 1.25rem ;
  109. }
  110. .contList ul{
  111. width: 100%;
  112. display: flex;
  113. }
  114. .contList ul li{
  115. width: 18%;
  116. height:1.2rem;
  117. background: #F4BA78;
  118. border: 1px solid #D01217;
  119. border-radius: 7px;
  120. margin-right: .05rem;
  121. font-size: .3rem;
  122. position: relative;
  123. }
  124. .contList ul li:last-child{
  125. margin-right: 0;
  126. }
  127. .contList ul li p.titleText{
  128. border-radius: .1rem;
  129. height: .32rem;
  130. padding: .05rem .1rem;
  131. background: #D01217;
  132. text-align: center;
  133. line-height: .32rem;
  134. color: #fff;
  135. font-size: .22rem;
  136. position: absolute;
  137. left: 50%;
  138. top: -.16rem;
  139. transform: translateX(-50%);
  140. }
  141. .contList ul li p.contImg{
  142. width: 100%;
  143. height: 1.15rem;
  144. margin: .05rem auto;
  145. }
  146. .contList ul li p.contImg img{
  147. width:100%;
  148. height: 100%;
  149. padding: .05rem;
  150. box-sizing: border-box;
  151. }
  152. .contList ul li p.contText{
  153. font-size: .15rem;
  154. margin:0.05rem .05rem 0;
  155. line-height: 0.25rem;
  156. letter-spacing: 0.01rem;
  157. display: none;
  158. }
  159. .contList ul li.active p.tipImg{
  160. background:#D21318;
  161. }
  162. .contList p.tipImg{
  163. width: .36rem;
  164. height: .36rem;
  165. background:#FFD568;
  166. border-radius: 50%;
  167. position: absolute;
  168. left: 50%;
  169. top: -.3rem;
  170. transform: translateX(-50%);
  171. }
  172. /*手势*/
  173. .mask {
  174. display: block;
  175. }
  176. .shoushi {
  177. position: absolute;
  178. right: -4rem;
  179. bottom: 2.1rem;
  180. }
  181. .shoushi img {
  182. width: 50%;
  183. height: 50%;
  184. }