layer.css 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324
  1. .layermbox{position:relative;z-index:19891014}.layermmain,.laymshade{position:fixed;left:0;top:0;width:100%;height:100%}.layermbtn span,.layermchild{display:inline-block;position:relative}.laymshade{background-color:rgba(0,0,0,.1);pointer-events:auto}.layermmain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layermmain .section{display:table-cell;vertical-align:middle;text-align:center}.layermchild{text-align:left;background-color:#fff;font-size:0.875em;border-radius:0.1875em;box-shadow:0 0 0.5em rgba(0,0,0,.1);pointer-events:auto;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.18s;animation-duration:.18s}.layermborder{border:1px solid #999}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layermanim{animation-name:bounceIn;-webkit-animation-name:bounceIn}.layermbox0 .layermchild{max-width:90%;min-width:9.375em}.layermbox1 .layermchild{border:none;border-radius:0}.layermbox2 .layermchild{width:auto;max-width:16.25em;min-width:2.5em;border:none;background:0 0;box-shadow:none;color:#fff}.layermchild h3{padding:0 2.8125em 0 0.625em;height:3.125em;line-height:3.125em;font-size:1em;font-weight:400;border-radius:0.1875em 0.1875em 0 0;border-bottom:1px solid #EBEBEB}.layermbtn span,.layermchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layermcont{padding:0.3125em 0.3125em;line-height:1.8125em;text-align:center}.layermbox1 .layermcont{padding:0;text-align:left}.layermbox2 .layermcont{text-align:center;padding:0;line-height:0}.layermbox2 .layermcont i{width:20.3125em;height:20.3125em;margin-left:0.5em;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layermbox2 .layermcont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layermbox2 .layermcont i.laymloadtwo{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layermbox2 .layermcont>div{line-height:2.8125em;padding-top:0.4375em;margin-bottom:1.25em;font-size:0.875em}.layermbtn{position:relative;height:2.5em;line-height:2.5em;font-size:0;text-align:center;border-top:1px solid #EBEBEB}.layermbtn span{width:50%;text-align:center;font-size:0.875em;cursor:pointer;border-radius:0 0.1875em 0 0}.layermbtn span:first-child{height:2.4375em;background-color:#fff;border-radius:0 0 0 0.1875em}.layermbtn:before{content:'\20';position:absolute;width:1px;height:2.4375em;left:50%;top:0;background-color:#EBEBEB}.layermend{position:absolute;right:0.4375em;top:0.625em;width:1.875em;height:1.875em;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:1.875em}.layermend::after,.layermend::before{position:absolute;left:0.3125em;top:10.3125em;content:'';width:10.5em;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:0.1875em}.layermend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
  2. .weui_loading {
  3. position: absolute;
  4. width: 0px;
  5. z-index: 1;
  6. left: 50%;
  7. top: 38%;
  8. }
  9. .weui_loading_leaf {
  10. position: absolute;
  11. top: -1px;
  12. opacity: 0.25;
  13. }
  14. .weui_loading_leaf:before {
  15. content: " ";
  16. position: absolute;
  17. width: 8.14px;
  18. height: 3.08px;
  19. background: #d1d1d5;
  20. box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
  21. border-radius: 1px;
  22. -webkit-transform-origin: left 50% 0px;
  23. transform-origin: left 50% 0px;
  24. }
  25. .weui_loading_leaf_0 {
  26. -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
  27. animation: opacity-60-25-0-12 1.25s linear infinite;
  28. }
  29. .weui_loading_leaf_0:before {
  30. -webkit-transform: rotate(0deg) translate(7.92px, 0px);
  31. transform: rotate(0deg) translate(7.92px, 0px);
  32. }
  33. .weui_loading_leaf_1 {
  34. -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
  35. animation: opacity-60-25-1-12 1.25s linear infinite;
  36. }
  37. .weui_loading_leaf_1:before {
  38. -webkit-transform: rotate(30deg) translate(7.92px, 0px);
  39. transform: rotate(30deg) translate(7.92px, 0px);
  40. }
  41. .weui_loading_leaf_2 {
  42. -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
  43. animation: opacity-60-25-2-12 1.25s linear infinite;
  44. }
  45. .weui_loading_leaf_2:before {
  46. -webkit-transform: rotate(60deg) translate(7.92px, 0px);
  47. transform: rotate(60deg) translate(7.92px, 0px);
  48. }
  49. .weui_loading_leaf_3 {
  50. -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
  51. animation: opacity-60-25-3-12 1.25s linear infinite;
  52. }
  53. .weui_loading_leaf_3:before {
  54. -webkit-transform: rotate(90deg) translate(7.92px, 0px);
  55. transform: rotate(90deg) translate(7.92px, 0px);
  56. }
  57. .weui_loading_leaf_4 {
  58. -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
  59. animation: opacity-60-25-4-12 1.25s linear infinite;
  60. }
  61. .weui_loading_leaf_4:before {
  62. -webkit-transform: rotate(120deg) translate(7.92px, 0px);
  63. transform: rotate(120deg) translate(7.92px, 0px);
  64. }
  65. .weui_loading_leaf_5 {
  66. -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
  67. animation: opacity-60-25-5-12 1.25s linear infinite;
  68. }
  69. .weui_loading_leaf_5:before {
  70. -webkit-transform: rotate(150deg) translate(7.92px, 0px);
  71. transform: rotate(150deg) translate(7.92px, 0px);
  72. }
  73. .weui_loading_leaf_6 {
  74. -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
  75. animation: opacity-60-25-6-12 1.25s linear infinite;
  76. }
  77. .weui_loading_leaf_6:before {
  78. -webkit-transform: rotate(180deg) translate(7.92px, 0px);
  79. transform: rotate(180deg) translate(7.92px, 0px);
  80. }
  81. .weui_loading_leaf_7 {
  82. -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
  83. animation: opacity-60-25-7-12 1.25s linear infinite;
  84. }
  85. .weui_loading_leaf_7:before {
  86. -webkit-transform: rotate(210deg) translate(7.92px, 0px);
  87. transform: rotate(210deg) translate(7.92px, 0px);
  88. }
  89. .weui_loading_leaf_8 {
  90. -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
  91. animation: opacity-60-25-8-12 1.25s linear infinite;
  92. }
  93. .weui_loading_leaf_8:before {
  94. -webkit-transform: rotate(240deg) translate(7.92px, 0px);
  95. transform: rotate(240deg) translate(7.92px, 0px);
  96. }
  97. .weui_loading_leaf_9 {
  98. -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
  99. animation: opacity-60-25-9-12 1.25s linear infinite;
  100. }
  101. .weui_loading_leaf_9:before {
  102. -webkit-transform: rotate(270deg) translate(7.92px, 0px);
  103. transform: rotate(270deg) translate(7.92px, 0px);
  104. }
  105. .weui_loading_leaf_10 {
  106. -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
  107. animation: opacity-60-25-10-12 1.25s linear infinite;
  108. }
  109. .weui_loading_leaf_10:before {
  110. -webkit-transform: rotate(300deg) translate(7.92px, 0px);
  111. transform: rotate(300deg) translate(7.92px, 0px);
  112. }
  113. .weui_loading_leaf_11 {
  114. -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
  115. animation: opacity-60-25-11-12 1.25s linear infinite;
  116. }
  117. .weui_loading_leaf_11:before {
  118. -webkit-transform: rotate(330deg) translate(7.92px, 0px);
  119. transform: rotate(330deg) translate(7.92px, 0px);
  120. }
  121. @-webkit-keyframes opacity-60-25-0-12 {
  122. 0% {
  123. opacity: 0.25;
  124. }
  125. 0.01% {
  126. opacity: 0.25;
  127. }
  128. 0.02% {
  129. opacity: 1;
  130. }
  131. 60.01% {
  132. opacity: 0.25;
  133. }
  134. 100% {
  135. opacity: 0.25;
  136. }
  137. }
  138. @-webkit-keyframes opacity-60-25-1-12 {
  139. 0% {
  140. opacity: 0.25;
  141. }
  142. 8.34333% {
  143. opacity: 0.25;
  144. }
  145. 8.35333% {
  146. opacity: 1;
  147. }
  148. 68.3433% {
  149. opacity: 0.25;
  150. }
  151. 100% {
  152. opacity: 0.25;
  153. }
  154. }
  155. @-webkit-keyframes opacity-60-25-2-12 {
  156. 0% {
  157. opacity: 0.25;
  158. }
  159. 16.6767% {
  160. opacity: 0.25;
  161. }
  162. 16.6867% {
  163. opacity: 1;
  164. }
  165. 76.6767% {
  166. opacity: 0.25;
  167. }
  168. 100% {
  169. opacity: 0.25;
  170. }
  171. }
  172. @-webkit-keyframes opacity-60-25-3-12 {
  173. 0% {
  174. opacity: 0.25;
  175. }
  176. 25.01% {
  177. opacity: 0.25;
  178. }
  179. 25.02% {
  180. opacity: 1;
  181. }
  182. 85.01% {
  183. opacity: 0.25;
  184. }
  185. 100% {
  186. opacity: 0.25;
  187. }
  188. }
  189. @-webkit-keyframes opacity-60-25-4-12 {
  190. 0% {
  191. opacity: 0.25;
  192. }
  193. 33.3433% {
  194. opacity: 0.25;
  195. }
  196. 33.3533% {
  197. opacity: 1;
  198. }
  199. 93.3433% {
  200. opacity: 0.25;
  201. }
  202. 100% {
  203. opacity: 0.25;
  204. }
  205. }
  206. @-webkit-keyframes opacity-60-25-5-12 {
  207. 0% {
  208. opacity: 0.270958333333333;
  209. }
  210. 41.6767% {
  211. opacity: 0.25;
  212. }
  213. 41.6867% {
  214. opacity: 1;
  215. }
  216. 1.67667% {
  217. opacity: 0.25;
  218. }
  219. 100% {
  220. opacity: 0.270958333333333;
  221. }
  222. }
  223. @-webkit-keyframes opacity-60-25-6-12 {
  224. 0% {
  225. opacity: 0.375125;
  226. }
  227. 50.01% {
  228. opacity: 0.25;
  229. }
  230. 50.02% {
  231. opacity: 1;
  232. }
  233. 10.01% {
  234. opacity: 0.25;
  235. }
  236. 100% {
  237. opacity: 0.375125;
  238. }
  239. }
  240. @-webkit-keyframes opacity-60-25-7-12 {
  241. 0% {
  242. opacity: 0.479291666666667;
  243. }
  244. 58.3433% {
  245. opacity: 0.25;
  246. }
  247. 58.3533% {
  248. opacity: 1;
  249. }
  250. 18.3433% {
  251. opacity: 0.25;
  252. }
  253. 100% {
  254. opacity: 0.479291666666667;
  255. }
  256. }
  257. @-webkit-keyframes opacity-60-25-8-12 {
  258. 0% {
  259. opacity: 0.583458333333333;
  260. }
  261. 66.6767% {
  262. opacity: 0.25;
  263. }
  264. 66.6867% {
  265. opacity: 1;
  266. }
  267. 26.6767% {
  268. opacity: 0.25;
  269. }
  270. 100% {
  271. opacity: 0.583458333333333;
  272. }
  273. }
  274. @-webkit-keyframes opacity-60-25-9-12 {
  275. 0% {
  276. opacity: 0.687625;
  277. }
  278. 75.01% {
  279. opacity: 0.25;
  280. }
  281. 75.02% {
  282. opacity: 1;
  283. }
  284. 35.01% {
  285. opacity: 0.25;
  286. }
  287. 100% {
  288. opacity: 0.687625;
  289. }
  290. }
  291. @-webkit-keyframes opacity-60-25-10-12 {
  292. 0% {
  293. opacity: 0.791791666666667;
  294. }
  295. 83.3433% {
  296. opacity: 0.25;
  297. }
  298. 83.3533% {
  299. opacity: 1;
  300. }
  301. 43.3433% {
  302. opacity: 0.25;
  303. }
  304. 100% {
  305. opacity: 0.791791666666667;
  306. }
  307. }
  308. @-webkit-keyframes opacity-60-25-11-12 {
  309. 0% {
  310. opacity: 0.895958333333333;
  311. }
  312. 91.6767% {
  313. opacity: 0.25;
  314. }
  315. 91.6867% {
  316. opacity: 1;
  317. }
  318. 51.6767% {
  319. opacity: 0.25;
  320. }
  321. 100% {
  322. opacity: 0.895958333333333;
  323. }
  324. }