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.

276 lines
4.1 KiB

3 years ago
  1. #wrap {
  2. background: url(../img/game4/game4Bgm.png) no-repeat;
  3. background-size: 100% 100%;
  4. overflow: hidden;
  5. position: relative;
  6. }
  7. .tipsNum {
  8. width: 1.45rem;
  9. height: 3.2rem;
  10. position: absolute;
  11. left: 0;
  12. top: 50%;
  13. transform: translateY(-50%);
  14. }
  15. .tipText {
  16. position: absolute;
  17. top: 40%;
  18. transform: translateY(-40%);
  19. right: .65rem;
  20. width: .8rem;
  21. height: 4.32rem;
  22. }
  23. .tipText ul {
  24. display: flex;
  25. }
  26. .tipText ul li {
  27. flex: 1;
  28. text-align: center;
  29. color: #333;
  30. font-size: .26rem;
  31. }
  32. .tipsNum img {
  33. width: 100%;
  34. height: 100%;
  35. }
  36. .titleIcon {
  37. margin-top: .1rem;
  38. margin-left: .1rem;
  39. }
  40. .titleIcon ul {
  41. display: flex;
  42. justify-content: flex-end;
  43. }
  44. .titleIcon ul li {
  45. width: .98rem;
  46. height: 1.24rem;
  47. }
  48. .titleIcon ul li img {
  49. width: 100%;
  50. height: 100%;
  51. }
  52. /*时间*/
  53. .tipList{
  54. width: 90%;
  55. display: flex;
  56. margin-left: 1.55rem;
  57. }
  58. .tipList>ul{
  59. display: flex;
  60. width: 100%;
  61. /*justify-content: space-between;*/
  62. }
  63. .tipList>ul>li{
  64. /*flex: 1;*/
  65. width: 19%;
  66. position: relative;
  67. display: none;
  68. }
  69. .tipList ul li div.time{
  70. width:1.9rem;
  71. height: .56rem;
  72. text-align: center;
  73. font-size: .24rem;
  74. color: #333;
  75. background: url(../img/game4/topIcon1.png) no-repeat;
  76. background-size: 100% 100%;
  77. position: relative;
  78. margin: 0 auto;
  79. /*font-weight: bold;
  80. line-height: .56rem;*/
  81. /*left: 0;
  82. top: 0;*/
  83. }
  84. .tipList ul li div.year{
  85. /*display: flex;*/
  86. width: 1.9rem;
  87. display: none;
  88. position: absolute;
  89. top: 0%;
  90. left: 50%;
  91. transform: translateX(-50%);
  92. }
  93. .tipList ul li div.year span{
  94. display: block;
  95. font-size: .25rem;
  96. font-weight: bold;
  97. position: absolute;
  98. top: .18rem;
  99. }
  100. /*.tipList ul li div.year span:nth-child(1){
  101. }*/
  102. .tipList ul li div.year span:nth-child(1) {
  103. left: 5%;
  104. }
  105. .tipList ul li div.year span:nth-child(2) {
  106. left: 17%;
  107. }
  108. .tipList ul li div.year span:nth-child(3) {
  109. left: 28.5%;
  110. }
  111. .tipList ul li div.year span:nth-child(4) {
  112. left: 41%;
  113. }
  114. .tipList ul li div.year span:nth-child(5) {
  115. left: 63%;
  116. }
  117. .tipList ul li div.year span:nth-child(6) {
  118. left: 76%;
  119. }
  120. .tipList ul li p.timeIcon{
  121. width:100%
  122. height: .63rem;
  123. font-size: 0;
  124. margin: .08rem 0;
  125. }
  126. .tipList ul li p.timeIcon img{
  127. width: 100%;
  128. height: 100%;
  129. }
  130. .tipList ul li p.kuang{
  131. width: 1.87rem;
  132. height: .6rem;
  133. font-size: 0;
  134. margin: 0 auto;
  135. /*margin-left: .25rem;*/
  136. }
  137. .tipList ul li p.kuang img{
  138. width: 100%;
  139. height: 100%;
  140. /*margin-left: 0.2rem;*/
  141. }
  142. .tipList ul li p.text{
  143. background: #F4BA78;
  144. border: 1px solid #D01217;
  145. border-radius: 7px;
  146. width: 85%;
  147. font-size: .18rem;
  148. color: #000;
  149. padding: .21rem .08rem;
  150. margin: .1rem auto 0;
  151. display: none;
  152. }
  153. .tipList ul li p.daAn{
  154. width: 2rem;
  155. height: .8rem;
  156. background: url(../img/game4/titleIcon.png) no-repeat;
  157. background-size: 100% 100%;
  158. position: absolute;
  159. top: 1.25rem;
  160. left: 50%;
  161. transform: translateX(-50%);
  162. text-align: center;
  163. line-height: .8rem;
  164. font-size: .24rem;
  165. color: #fff;
  166. padding-right: .05rem;
  167. display: none;
  168. }
  169. .posTip{
  170. width: 100%;
  171. padding: .31rem 0;
  172. height: .8rem;
  173. /*display: none;*/
  174. }
  175. .posTip p{
  176. width: 100%;
  177. text-align: center;
  178. font-size: .3rem;
  179. line-height: .8rem;
  180. color: #333;
  181. }
  182. .contList{
  183. width: 95%;
  184. height: 1rem;
  185. /* display: flex; */
  186. margin-left: 1.05rem ;
  187. /* position: absolute;
  188. bottom: 5%;
  189. left: 10%; */
  190. }
  191. .contList ul{
  192. width: 100%;
  193. height: 1rem;
  194. /*display: flex;*/
  195. display: none;
  196. position: absolute;
  197. bottom: 0;
  198. right: 50%;
  199. transform: translateX(50%);
  200. }
  201. .contList ul li{
  202. /*flex: 1;*/
  203. width: 16%;
  204. position: absolute;
  205. /* top: 85%; */
  206. bottom : 5%;
  207. }
  208. /* .contList ul li.name1{
  209. left:19% ;
  210. }
  211. .contList ul li.name2{
  212. left: 35%;
  213. }
  214. .contList ul li.name3{
  215. left:51% ;
  216. }
  217. .contList ul li.name4{
  218. left: 67%;
  219. }
  220. .contList ul li.name5{
  221. left: 84%;
  222. } */
  223. .contList ul li p{
  224. width: 100%;
  225. height: .8rem;
  226. background: url(../img/game4/titleIcon.png) no-repeat;
  227. background-size: 100% 100%;
  228. text-align: center;
  229. line-height: .8rem;
  230. font-size: .26rem;
  231. color: #fff;
  232. padding-right: .05rem;
  233. }
  234. .contList ul li.name4 p,
  235. .contList ul li.name5 p{
  236. letter-spacing: -0.02rem;
  237. }
  238. /*手势*/
  239. .mask {
  240. display: block;
  241. }
  242. .shoushi {
  243. position: absolute;
  244. right: -.66rem;
  245. bottom: 0;
  246. }
  247. .shoushi img {
  248. width: 50%;
  249. height: 50%;
  250. }