layui 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (123) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +8 -0
  3. data/CODE_OF_CONDUCT.md +74 -0
  4. data/Gemfile +6 -0
  5. data/Gemfile.lock +19 -0
  6. data/LICENSE.txt +21 -0
  7. data/README.md +44 -0
  8. data/Rakefile +2 -0
  9. data/app/assets/fonts/iconfont.eot +0 -0
  10. data/app/assets/fonts/iconfont.svg +554 -0
  11. data/app/assets/fonts/iconfont.ttf +0 -0
  12. data/app/assets/fonts/iconfont.woff +0 -0
  13. data/app/assets/fonts/iconfont.woff2 +0 -0
  14. data/app/assets/images/face/0.gif +0 -0
  15. data/app/assets/images/face/1.gif +0 -0
  16. data/app/assets/images/face/10.gif +0 -0
  17. data/app/assets/images/face/11.gif +0 -0
  18. data/app/assets/images/face/12.gif +0 -0
  19. data/app/assets/images/face/13.gif +0 -0
  20. data/app/assets/images/face/14.gif +0 -0
  21. data/app/assets/images/face/15.gif +0 -0
  22. data/app/assets/images/face/16.gif +0 -0
  23. data/app/assets/images/face/17.gif +0 -0
  24. data/app/assets/images/face/18.gif +0 -0
  25. data/app/assets/images/face/19.gif +0 -0
  26. data/app/assets/images/face/2.gif +0 -0
  27. data/app/assets/images/face/20.gif +0 -0
  28. data/app/assets/images/face/21.gif +0 -0
  29. data/app/assets/images/face/22.gif +0 -0
  30. data/app/assets/images/face/23.gif +0 -0
  31. data/app/assets/images/face/24.gif +0 -0
  32. data/app/assets/images/face/25.gif +0 -0
  33. data/app/assets/images/face/26.gif +0 -0
  34. data/app/assets/images/face/27.gif +0 -0
  35. data/app/assets/images/face/28.gif +0 -0
  36. data/app/assets/images/face/29.gif +0 -0
  37. data/app/assets/images/face/3.gif +0 -0
  38. data/app/assets/images/face/30.gif +0 -0
  39. data/app/assets/images/face/31.gif +0 -0
  40. data/app/assets/images/face/32.gif +0 -0
  41. data/app/assets/images/face/33.gif +0 -0
  42. data/app/assets/images/face/34.gif +0 -0
  43. data/app/assets/images/face/35.gif +0 -0
  44. data/app/assets/images/face/36.gif +0 -0
  45. data/app/assets/images/face/37.gif +0 -0
  46. data/app/assets/images/face/38.gif +0 -0
  47. data/app/assets/images/face/39.gif +0 -0
  48. data/app/assets/images/face/4.gif +0 -0
  49. data/app/assets/images/face/40.gif +0 -0
  50. data/app/assets/images/face/41.gif +0 -0
  51. data/app/assets/images/face/42.gif +0 -0
  52. data/app/assets/images/face/43.gif +0 -0
  53. data/app/assets/images/face/44.gif +0 -0
  54. data/app/assets/images/face/45.gif +0 -0
  55. data/app/assets/images/face/46.gif +0 -0
  56. data/app/assets/images/face/47.gif +0 -0
  57. data/app/assets/images/face/48.gif +0 -0
  58. data/app/assets/images/face/49.gif +0 -0
  59. data/app/assets/images/face/5.gif +0 -0
  60. data/app/assets/images/face/50.gif +0 -0
  61. data/app/assets/images/face/51.gif +0 -0
  62. data/app/assets/images/face/52.gif +0 -0
  63. data/app/assets/images/face/53.gif +0 -0
  64. data/app/assets/images/face/54.gif +0 -0
  65. data/app/assets/images/face/55.gif +0 -0
  66. data/app/assets/images/face/56.gif +0 -0
  67. data/app/assets/images/face/57.gif +0 -0
  68. data/app/assets/images/face/58.gif +0 -0
  69. data/app/assets/images/face/59.gif +0 -0
  70. data/app/assets/images/face/6.gif +0 -0
  71. data/app/assets/images/face/60.gif +0 -0
  72. data/app/assets/images/face/61.gif +0 -0
  73. data/app/assets/images/face/62.gif +0 -0
  74. data/app/assets/images/face/63.gif +0 -0
  75. data/app/assets/images/face/64.gif +0 -0
  76. data/app/assets/images/face/65.gif +0 -0
  77. data/app/assets/images/face/66.gif +0 -0
  78. data/app/assets/images/face/67.gif +0 -0
  79. data/app/assets/images/face/68.gif +0 -0
  80. data/app/assets/images/face/69.gif +0 -0
  81. data/app/assets/images/face/7.gif +0 -0
  82. data/app/assets/images/face/70.gif +0 -0
  83. data/app/assets/images/face/71.gif +0 -0
  84. data/app/assets/images/face/8.gif +0 -0
  85. data/app/assets/images/face/9.gif +0 -0
  86. data/app/assets/javascripts/lay/modules/carousel.js +2 -0
  87. data/app/assets/javascripts/lay/modules/code.js +2 -0
  88. data/app/assets/javascripts/lay/modules/colorpicker.js +2 -0
  89. data/app/assets/javascripts/lay/modules/element.js +2 -0
  90. data/app/assets/javascripts/lay/modules/flow.js +2 -0
  91. data/app/assets/javascripts/lay/modules/form.js +2 -0
  92. data/app/assets/javascripts/lay/modules/jquery.js +5 -0
  93. data/app/assets/javascripts/lay/modules/laydate.js +2 -0
  94. data/app/assets/javascripts/lay/modules/layedit.js +2 -0
  95. data/app/assets/javascripts/lay/modules/layer.js.erb +368 -0
  96. data/app/assets/javascripts/lay/modules/laypage.js +2 -0
  97. data/app/assets/javascripts/lay/modules/laytpl.js +2 -0
  98. data/app/assets/javascripts/lay/modules/mobile.js +2 -0
  99. data/app/assets/javascripts/lay/modules/rate.js +2 -0
  100. data/app/assets/javascripts/lay/modules/slider.js +2 -0
  101. data/app/assets/javascripts/lay/modules/table.js +2 -0
  102. data/app/assets/javascripts/lay/modules/transfer.js +2 -0
  103. data/app/assets/javascripts/lay/modules/tree.js +2 -0
  104. data/app/assets/javascripts/lay/modules/upload.js +2 -0
  105. data/app/assets/javascripts/lay/modules/util.js +2 -0
  106. data/app/assets/javascripts/layui.js +120 -0
  107. data/app/assets/stylesheets/layui.mobile.scss +709 -0
  108. data/app/assets/stylesheets/layui.scss +5613 -0
  109. data/app/assets/stylesheets/modules/code.scss +74 -0
  110. data/app/assets/stylesheets/modules/laydate/default/laydate.css +2 -0
  111. data/app/assets/stylesheets/modules/layer/default/icon-ext.png +0 -0
  112. data/app/assets/stylesheets/modules/layer/default/icon.png +0 -0
  113. data/app/assets/stylesheets/modules/layer/default/layer.scss +948 -0
  114. data/app/assets/stylesheets/modules/layer/default/loading-0.gif +0 -0
  115. data/app/assets/stylesheets/modules/layer/default/loading-1.gif +0 -0
  116. data/app/assets/stylesheets/modules/layer/default/loading-2.gif +0 -0
  117. data/bin/console +14 -0
  118. data/bin/setup +8 -0
  119. data/layui.gemspec +29 -0
  120. data/lib/layui.rb +6 -0
  121. data/lib/layui/engine.rb +10 -0
  122. data/lib/layui/version.rb +3 -0
  123. metadata +167 -0
@@ -0,0 +1,74 @@
1
+ /** layui-v2.5.7 MIT License */
2
+
3
+ html #layuicss-skincodecss {
4
+ display: none;
5
+ position: absolute;
6
+ width: 1989px
7
+ }
8
+
9
+ .layui-code-h3,
10
+ .layui-code-view {
11
+ position: relative;
12
+ font-size: 12px
13
+ }
14
+
15
+ .layui-code-view {
16
+ display: block;
17
+ margin: 10px 0;
18
+ padding: 0;
19
+ border: 1px solid #e2e2e2;
20
+ border-left-width: 6px;
21
+ background-color: #F2F2F2;
22
+ color: #333;
23
+ font-family: Courier New
24
+ }
25
+
26
+ .layui-code-h3 {
27
+ padding: 0 10px;
28
+ height: 32px;
29
+ line-height: 32px;
30
+ border-bottom: 1px solid #e2e2e2
31
+ }
32
+
33
+ .layui-code-h3 a {
34
+ position: absolute;
35
+ right: 10px;
36
+ top: 0;
37
+ color: #999
38
+ }
39
+
40
+ .layui-code-view .layui-code-ol {
41
+ position: relative;
42
+ overflow: auto
43
+ }
44
+
45
+ .layui-code-view .layui-code-ol li {
46
+ position: relative;
47
+ margin-left: 45px;
48
+ line-height: 20px;
49
+ padding: 0 5px;
50
+ border-left: 1px solid #e2e2e2;
51
+ list-style-type: decimal-leading-zero;
52
+ *list-style-type: decimal;
53
+ background-color: #fff
54
+ }
55
+
56
+ .layui-code-view pre {
57
+ margin: 0
58
+ }
59
+
60
+ .layui-code-notepad {
61
+ border: 1px solid #0C0C0C;
62
+ border-left-color: #3F3F3F;
63
+ background-color: #0C0C0C;
64
+ color: #C2BE9E
65
+ }
66
+
67
+ .layui-code-notepad .layui-code-h3 {
68
+ border-bottom: none
69
+ }
70
+
71
+ .layui-code-notepad .layui-code-ol li {
72
+ background-color: #3F3F3F;
73
+ border-left: none
74
+ }
@@ -0,0 +1,2 @@
1
+ /** layui-v2.5.7 MIT License */
2
+ .laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{box-sizing:border-box}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:14px;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:laydate-upbit;animation-name:laydate-upbit}.layui-laydate-main{width:272px}.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}@-webkit-keyframes laydate-upbit{from{-webkit-transform:translate3d(0,20px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes laydate-upbit{from{transform:translate3d(0,20px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}.layui-laydate-header{position:relative;line-height:30px;padding:10px 70px 5px}.laydate-set-ym span,.layui-laydate-header i{padding:0 5px;cursor:pointer}.layui-laydate-header *{display:inline-block;vertical-align:bottom}.layui-laydate-header i{position:absolute;top:10px;color:#999;font-size:18px}.layui-laydate-header i.laydate-prev-y{left:15px}.layui-laydate-header i.laydate-prev-m{left:45px}.layui-laydate-header i.laydate-next-y{right:15px}.layui-laydate-header i.laydate-next-m{right:45px}.laydate-set-ym{width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content td,.layui-laydate-content th{width:36px;height:30px;padding:5px;text-align:center}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark::after{position:absolute;content:'';right:2px;top:2px;width:5px;height:5px;border-radius:50%}.layui-laydate-footer{position:relative;height:46px;line-height:26px;padding:10px 20px}.layui-laydate-footer span{margin-right:15px;display:inline-block;cursor:pointer;font-size:12px}.layui-laydate-footer span:hover{color:#5FB878}.laydate-footer-btns{position:absolute;right:10px;top:10px}.laydate-footer-btns span{height:26px;line-height:26px;margin:0 0 0 -1px;padding:0 10px;border:1px solid #C9C9C9;background-color:#fff;white-space:nowrap;vertical-align:top;border-radius:2px}.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#fff}.layui-laydate-list>li{position:relative;width:33.3%;height:36px;line-height:36px;margin:3px 0;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:33px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px}.layui-laydate-range{width:546px}.layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y{display:none}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5FB878}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{font-weight:400;color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#00F7DE}.laydate-selected:hover{background-color:#00F7DE!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eaeaea;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#FF5722}.laydate-day-mark::after{background-color:#5FB878}.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5FB878}.layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}
@@ -0,0 +1,948 @@
1
+ /** layui-v2.5.7 MIT License */
2
+
3
+ .layui-layer-imgbar,
4
+ .layui-layer-imgtit a,
5
+ .layui-layer-tab .layui-layer-title span,
6
+ .layui-layer-title {
7
+ text-overflow: ellipsis;
8
+ white-space: nowrap
9
+ }
10
+
11
+ html #layuicss-layer {
12
+ display: none;
13
+ position: absolute;
14
+ width: 1989px
15
+ }
16
+
17
+ .layui-layer,
18
+ .layui-layer-shade {
19
+ position: fixed;
20
+ _position: absolute;
21
+ pointer-events: auto
22
+ }
23
+
24
+ .layui-layer-shade {
25
+ top: 0;
26
+ left: 0;
27
+ width: 100%;
28
+ height: 100%;
29
+ _height: expression(document.body.offsetHeight+"px")
30
+ }
31
+
32
+ .layui-layer {
33
+ -webkit-overflow-scrolling: touch;
34
+ top: 150px;
35
+ left: 0;
36
+ margin: 0;
37
+ padding: 0;
38
+ background-color: #fff;
39
+ -webkit-background-clip: content;
40
+ border-radius: 2px;
41
+ box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
42
+ }
43
+
44
+ .layui-layer-close {
45
+ position: absolute
46
+ }
47
+
48
+ .layui-layer-content {
49
+ position: relative
50
+ }
51
+
52
+ .layui-layer-border {
53
+ border: 1px solid #B2B2B2;
54
+ border: 1px solid rgba(0, 0, 0, .1);
55
+ box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
56
+ }
57
+
58
+ .layui-layer-load {
59
+ background: url(loading-1.gif) center center no-repeat #eee
60
+ }
61
+
62
+ .layui-layer-ico {
63
+ background: url(icon.png) no-repeat
64
+ }
65
+
66
+ .layui-layer-btn a,
67
+ .layui-layer-dialog .layui-layer-ico,
68
+ .layui-layer-setwin a {
69
+ display: inline-block;
70
+ *display: inline;
71
+ *zoom: 1;
72
+ vertical-align: top
73
+ }
74
+
75
+ .layui-layer-move {
76
+ display: none;
77
+ position: fixed;
78
+ *position: absolute;
79
+ left: 0;
80
+ top: 0;
81
+ width: 100%;
82
+ height: 100%;
83
+ cursor: move;
84
+ opacity: 0;
85
+ filter: alpha(opacity=0);
86
+ background-color: #fff;
87
+ z-index: 2147483647
88
+ }
89
+
90
+ .layui-layer-resize {
91
+ position: absolute;
92
+ width: 15px;
93
+ height: 15px;
94
+ right: 0;
95
+ bottom: 0;
96
+ cursor: se-resize
97
+ }
98
+
99
+ .layer-anim {
100
+ -webkit-animation-fill-mode: both;
101
+ animation-fill-mode: both;
102
+ -webkit-animation-duration: .3s;
103
+ animation-duration: .3s
104
+ }
105
+
106
+ @-webkit-keyframes layer-bounceIn {
107
+ 0% {
108
+ opacity: 0;
109
+ -webkit-transform: scale(.5);
110
+ transform: scale(.5)
111
+ }
112
+ 100% {
113
+ opacity: 1;
114
+ -webkit-transform: scale(1);
115
+ transform: scale(1)
116
+ }
117
+ }
118
+
119
+ @keyframes layer-bounceIn {
120
+ 0% {
121
+ opacity: 0;
122
+ -webkit-transform: scale(.5);
123
+ -ms-transform: scale(.5);
124
+ transform: scale(.5)
125
+ }
126
+ 100% {
127
+ opacity: 1;
128
+ -webkit-transform: scale(1);
129
+ -ms-transform: scale(1);
130
+ transform: scale(1)
131
+ }
132
+ }
133
+
134
+ .layer-anim-00 {
135
+ -webkit-animation-name: layer-bounceIn;
136
+ animation-name: layer-bounceIn
137
+ }
138
+
139
+ @-webkit-keyframes layer-zoomInDown {
140
+ 0% {
141
+ opacity: 0;
142
+ -webkit-transform: scale(.1) translateY(-2000px);
143
+ transform: scale(.1) translateY(-2000px);
144
+ -webkit-animation-timing-function: ease-in-out;
145
+ animation-timing-function: ease-in-out
146
+ }
147
+ 60% {
148
+ opacity: 1;
149
+ -webkit-transform: scale(.475) translateY(60px);
150
+ transform: scale(.475) translateY(60px);
151
+ -webkit-animation-timing-function: ease-out;
152
+ animation-timing-function: ease-out
153
+ }
154
+ }
155
+
156
+ @keyframes layer-zoomInDown {
157
+ 0% {
158
+ opacity: 0;
159
+ -webkit-transform: scale(.1) translateY(-2000px);
160
+ -ms-transform: scale(.1) translateY(-2000px);
161
+ transform: scale(.1) translateY(-2000px);
162
+ -webkit-animation-timing-function: ease-in-out;
163
+ animation-timing-function: ease-in-out
164
+ }
165
+ 60% {
166
+ opacity: 1;
167
+ -webkit-transform: scale(.475) translateY(60px);
168
+ -ms-transform: scale(.475) translateY(60px);
169
+ transform: scale(.475) translateY(60px);
170
+ -webkit-animation-timing-function: ease-out;
171
+ animation-timing-function: ease-out
172
+ }
173
+ }
174
+
175
+ .layer-anim-01 {
176
+ -webkit-animation-name: layer-zoomInDown;
177
+ animation-name: layer-zoomInDown
178
+ }
179
+
180
+ @-webkit-keyframes layer-fadeInUpBig {
181
+ 0% {
182
+ opacity: 0;
183
+ -webkit-transform: translateY(2000px);
184
+ transform: translateY(2000px)
185
+ }
186
+ 100% {
187
+ opacity: 1;
188
+ -webkit-transform: translateY(0);
189
+ transform: translateY(0)
190
+ }
191
+ }
192
+
193
+ @keyframes layer-fadeInUpBig {
194
+ 0% {
195
+ opacity: 0;
196
+ -webkit-transform: translateY(2000px);
197
+ -ms-transform: translateY(2000px);
198
+ transform: translateY(2000px)
199
+ }
200
+ 100% {
201
+ opacity: 1;
202
+ -webkit-transform: translateY(0);
203
+ -ms-transform: translateY(0);
204
+ transform: translateY(0)
205
+ }
206
+ }
207
+
208
+ .layer-anim-02 {
209
+ -webkit-animation-name: layer-fadeInUpBig;
210
+ animation-name: layer-fadeInUpBig
211
+ }
212
+
213
+ @-webkit-keyframes layer-zoomInLeft {
214
+ 0% {
215
+ opacity: 0;
216
+ -webkit-transform: scale(.1) translateX(-2000px);
217
+ transform: scale(.1) translateX(-2000px);
218
+ -webkit-animation-timing-function: ease-in-out;
219
+ animation-timing-function: ease-in-out
220
+ }
221
+ 60% {
222
+ opacity: 1;
223
+ -webkit-transform: scale(.475) translateX(48px);
224
+ transform: scale(.475) translateX(48px);
225
+ -webkit-animation-timing-function: ease-out;
226
+ animation-timing-function: ease-out
227
+ }
228
+ }
229
+
230
+ @keyframes layer-zoomInLeft {
231
+ 0% {
232
+ opacity: 0;
233
+ -webkit-transform: scale(.1) translateX(-2000px);
234
+ -ms-transform: scale(.1) translateX(-2000px);
235
+ transform: scale(.1) translateX(-2000px);
236
+ -webkit-animation-timing-function: ease-in-out;
237
+ animation-timing-function: ease-in-out
238
+ }
239
+ 60% {
240
+ opacity: 1;
241
+ -webkit-transform: scale(.475) translateX(48px);
242
+ -ms-transform: scale(.475) translateX(48px);
243
+ transform: scale(.475) translateX(48px);
244
+ -webkit-animation-timing-function: ease-out;
245
+ animation-timing-function: ease-out
246
+ }
247
+ }
248
+
249
+ .layer-anim-03 {
250
+ -webkit-animation-name: layer-zoomInLeft;
251
+ animation-name: layer-zoomInLeft
252
+ }
253
+
254
+ @-webkit-keyframes layer-rollIn {
255
+ 0% {
256
+ opacity: 0;
257
+ -webkit-transform: translateX(-100%) rotate(-120deg);
258
+ transform: translateX(-100%) rotate(-120deg)
259
+ }
260
+ 100% {
261
+ opacity: 1;
262
+ -webkit-transform: translateX(0) rotate(0);
263
+ transform: translateX(0) rotate(0)
264
+ }
265
+ }
266
+
267
+ @keyframes layer-rollIn {
268
+ 0% {
269
+ opacity: 0;
270
+ -webkit-transform: translateX(-100%) rotate(-120deg);
271
+ -ms-transform: translateX(-100%) rotate(-120deg);
272
+ transform: translateX(-100%) rotate(-120deg)
273
+ }
274
+ 100% {
275
+ opacity: 1;
276
+ -webkit-transform: translateX(0) rotate(0);
277
+ -ms-transform: translateX(0) rotate(0);
278
+ transform: translateX(0) rotate(0)
279
+ }
280
+ }
281
+
282
+ .layer-anim-04 {
283
+ -webkit-animation-name: layer-rollIn;
284
+ animation-name: layer-rollIn
285
+ }
286
+
287
+ @keyframes layer-fadeIn {
288
+ 0% {
289
+ opacity: 0
290
+ }
291
+ 100% {
292
+ opacity: 1
293
+ }
294
+ }
295
+
296
+ .layer-anim-05 {
297
+ -webkit-animation-name: layer-fadeIn;
298
+ animation-name: layer-fadeIn
299
+ }
300
+
301
+ @-webkit-keyframes layer-shake {
302
+ 0%,
303
+ 100% {
304
+ -webkit-transform: translateX(0);
305
+ transform: translateX(0)
306
+ }
307
+ 10%,
308
+ 30%,
309
+ 50%,
310
+ 70%,
311
+ 90% {
312
+ -webkit-transform: translateX(-10px);
313
+ transform: translateX(-10px)
314
+ }
315
+ 20%,
316
+ 40%,
317
+ 60%,
318
+ 80% {
319
+ -webkit-transform: translateX(10px);
320
+ transform: translateX(10px)
321
+ }
322
+ }
323
+
324
+ @keyframes layer-shake {
325
+ 0%,
326
+ 100% {
327
+ -webkit-transform: translateX(0);
328
+ -ms-transform: translateX(0);
329
+ transform: translateX(0)
330
+ }
331
+ 10%,
332
+ 30%,
333
+ 50%,
334
+ 70%,
335
+ 90% {
336
+ -webkit-transform: translateX(-10px);
337
+ -ms-transform: translateX(-10px);
338
+ transform: translateX(-10px)
339
+ }
340
+ 20%,
341
+ 40%,
342
+ 60%,
343
+ 80% {
344
+ -webkit-transform: translateX(10px);
345
+ -ms-transform: translateX(10px);
346
+ transform: translateX(10px)
347
+ }
348
+ }
349
+
350
+ .layer-anim-06 {
351
+ -webkit-animation-name: layer-shake;
352
+ animation-name: layer-shake
353
+ }
354
+
355
+ @-webkit-keyframes fadeIn {
356
+ 0% {
357
+ opacity: 0
358
+ }
359
+ 100% {
360
+ opacity: 1
361
+ }
362
+ }
363
+
364
+ .layui-layer-title {
365
+ padding: 0 80px 0 20px;
366
+ height: 42px;
367
+ line-height: 42px;
368
+ border-bottom: 1px solid #eee;
369
+ font-size: 14px;
370
+ color: #333;
371
+ overflow: hidden;
372
+ background-color: #F8F8F8;
373
+ border-radius: 2px 2px 0 0
374
+ }
375
+
376
+ .layui-layer-setwin {
377
+ position: absolute;
378
+ right: 15px;
379
+ *right: 0;
380
+ top: 15px;
381
+ font-size: 0;
382
+ line-height: initial
383
+ }
384
+
385
+ .layui-layer-setwin a {
386
+ position: relative;
387
+ width: 16px;
388
+ height: 16px;
389
+ margin-left: 10px;
390
+ font-size: 12px;
391
+ _overflow: hidden
392
+ }
393
+
394
+ .layui-layer-setwin .layui-layer-min cite {
395
+ position: absolute;
396
+ width: 14px;
397
+ height: 2px;
398
+ left: 0;
399
+ top: 50%;
400
+ margin-top: -1px;
401
+ background-color: #2E2D3C;
402
+ cursor: pointer;
403
+ _overflow: hidden
404
+ }
405
+
406
+ .layui-layer-setwin .layui-layer-min:hover cite {
407
+ background-color: #2D93CA
408
+ }
409
+
410
+ .layui-layer-setwin .layui-layer-max {
411
+ background-position: -32px -40px
412
+ }
413
+
414
+ .layui-layer-setwin .layui-layer-max:hover {
415
+ background-position: -16px -40px
416
+ }
417
+
418
+ .layui-layer-setwin .layui-layer-maxmin {
419
+ background-position: -65px -40px
420
+ }
421
+
422
+ .layui-layer-setwin .layui-layer-maxmin:hover {
423
+ background-position: -49px -40px
424
+ }
425
+
426
+ .layui-layer-setwin .layui-layer-close1 {
427
+ background-position: 1px -40px;
428
+ cursor: pointer
429
+ }
430
+
431
+ .layui-layer-setwin .layui-layer-close1:hover {
432
+ opacity: .7
433
+ }
434
+
435
+ .layui-layer-setwin .layui-layer-close2 {
436
+ position: absolute;
437
+ right: -28px;
438
+ top: -28px;
439
+ width: 30px;
440
+ height: 30px;
441
+ margin-left: 0;
442
+ background-position: -149px -31px;
443
+ *right: -18px;
444
+ _display: none
445
+ }
446
+
447
+ .layui-layer-setwin .layui-layer-close2:hover {
448
+ background-position: -180px -31px
449
+ }
450
+
451
+ .layui-layer-btn {
452
+ text-align: right;
453
+ padding: 0 15px 12px;
454
+ pointer-events: auto;
455
+ user-select: none;
456
+ -webkit-user-select: none
457
+ }
458
+
459
+ .layui-layer-btn a {
460
+ height: 28px;
461
+ line-height: 28px;
462
+ margin: 5px 5px 0;
463
+ padding: 0 15px;
464
+ border: 1px solid #dedede;
465
+ background-color: #fff;
466
+ color: #333;
467
+ border-radius: 2px;
468
+ font-weight: 400;
469
+ cursor: pointer;
470
+ text-decoration: none
471
+ }
472
+
473
+ .layui-layer-btn a:hover {
474
+ opacity: .9;
475
+ text-decoration: none
476
+ }
477
+
478
+ .layui-layer-btn a:active {
479
+ opacity: .8
480
+ }
481
+
482
+ .layui-layer-btn .layui-layer-btn0 {
483
+ border-color: #1E9FFF;
484
+ background-color: #1E9FFF;
485
+ color: #fff
486
+ }
487
+
488
+ .layui-layer-btn-l {
489
+ text-align: left
490
+ }
491
+
492
+ .layui-layer-btn-c {
493
+ text-align: center
494
+ }
495
+
496
+ .layui-layer-dialog {
497
+ min-width: 260px
498
+ }
499
+
500
+ .layui-layer-dialog .layui-layer-content {
501
+ position: relative;
502
+ padding: 20px;
503
+ line-height: 24px;
504
+ word-break: break-all;
505
+ overflow: hidden;
506
+ font-size: 14px;
507
+ overflow-x: hidden;
508
+ overflow-y: auto
509
+ }
510
+
511
+ .layui-layer-dialog .layui-layer-content .layui-layer-ico {
512
+ position: absolute;
513
+ top: 16px;
514
+ left: 15px;
515
+ _left: -40px;
516
+ width: 30px;
517
+ height: 30px
518
+ }
519
+
520
+ .layui-layer-ico1 {
521
+ background-position: -30px 0
522
+ }
523
+
524
+ .layui-layer-ico2 {
525
+ background-position: -60px 0
526
+ }
527
+
528
+ .layui-layer-ico3 {
529
+ background-position: -90px 0
530
+ }
531
+
532
+ .layui-layer-ico4 {
533
+ background-position: -120px 0
534
+ }
535
+
536
+ .layui-layer-ico5 {
537
+ background-position: -150px 0
538
+ }
539
+
540
+ .layui-layer-ico6 {
541
+ background-position: -180px 0
542
+ }
543
+
544
+ .layui-layer-rim {
545
+ border: 6px solid #8D8D8D;
546
+ border: 6px solid rgba(0, 0, 0, .3);
547
+ border-radius: 5px;
548
+ box-shadow: none
549
+ }
550
+
551
+ .layui-layer-msg {
552
+ min-width: 180px;
553
+ border: 1px solid #D3D4D3;
554
+ box-shadow: none
555
+ }
556
+
557
+ .layui-layer-hui {
558
+ min-width: 100px;
559
+ background-color: #000;
560
+ filter: alpha(opacity=60);
561
+ background-color: rgba(0, 0, 0, .6);
562
+ color: #fff;
563
+ border: none
564
+ }
565
+
566
+ .layui-layer-hui .layui-layer-content {
567
+ padding: 12px 25px;
568
+ text-align: center
569
+ }
570
+
571
+ .layui-layer-dialog .layui-layer-padding {
572
+ padding: 20px 20px 20px 55px;
573
+ text-align: left
574
+ }
575
+
576
+ .layui-layer-page .layui-layer-content {
577
+ position: relative;
578
+ overflow: auto
579
+ }
580
+
581
+ .layui-layer-iframe .layui-layer-btn,
582
+ .layui-layer-page .layui-layer-btn {
583
+ padding-top: 10px
584
+ }
585
+
586
+ .layui-layer-nobg {
587
+ background: 0 0
588
+ }
589
+
590
+ .layui-layer-iframe iframe {
591
+ display: block;
592
+ width: 100%
593
+ }
594
+
595
+ .layui-layer-loading {
596
+ border-radius: 100%;
597
+ background: 0 0;
598
+ box-shadow: none;
599
+ border: none
600
+ }
601
+
602
+ .layui-layer-loading .layui-layer-content {
603
+ width: 60px;
604
+ height: 24px;
605
+ background: url(loading-0.gif) no-repeat
606
+ }
607
+
608
+ .layui-layer-loading .layui-layer-loading1 {
609
+ width: 37px;
610
+ height: 37px;
611
+ background: url(loading-1.gif) no-repeat
612
+ }
613
+
614
+ .layui-layer-ico16,
615
+ .layui-layer-loading .layui-layer-loading2 {
616
+ width: 32px;
617
+ height: 32px;
618
+ background: url(loading-2.gif) no-repeat
619
+ }
620
+
621
+ .layui-layer-tips {
622
+ background: 0 0;
623
+ box-shadow: none;
624
+ border: none
625
+ }
626
+
627
+ .layui-layer-tips .layui-layer-content {
628
+ position: relative;
629
+ line-height: 22px;
630
+ min-width: 12px;
631
+ padding: 8px 15px;
632
+ font-size: 12px;
633
+ _float: left;
634
+ border-radius: 2px;
635
+ box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
636
+ background-color: #000;
637
+ color: #fff
638
+ }
639
+
640
+ .layui-layer-tips .layui-layer-close {
641
+ right: -2px;
642
+ top: -1px
643
+ }
644
+
645
+ .layui-layer-tips i.layui-layer-TipsG {
646
+ position: absolute;
647
+ width: 0;
648
+ height: 0;
649
+ border-width: 8px;
650
+ border-color: transparent;
651
+ border-style: dashed;
652
+ *overflow: hidden
653
+ }
654
+
655
+ .layui-layer-tips i.layui-layer-TipsB,
656
+ .layui-layer-tips i.layui-layer-TipsT {
657
+ left: 5px;
658
+ border-right-style: solid;
659
+ border-right-color: #000
660
+ }
661
+
662
+ .layui-layer-tips i.layui-layer-TipsT {
663
+ bottom: -8px
664
+ }
665
+
666
+ .layui-layer-tips i.layui-layer-TipsB {
667
+ top: -8px
668
+ }
669
+
670
+ .layui-layer-tips i.layui-layer-TipsL,
671
+ .layui-layer-tips i.layui-layer-TipsR {
672
+ top: 5px;
673
+ border-bottom-style: solid;
674
+ border-bottom-color: #000
675
+ }
676
+
677
+ .layui-layer-tips i.layui-layer-TipsR {
678
+ left: -8px
679
+ }
680
+
681
+ .layui-layer-tips i.layui-layer-TipsL {
682
+ right: -8px
683
+ }
684
+
685
+ .layui-layer-lan[type=dialog] {
686
+ min-width: 280px
687
+ }
688
+
689
+ .layui-layer-lan .layui-layer-title {
690
+ background: #4476A7;
691
+ color: #fff;
692
+ border: none
693
+ }
694
+
695
+ .layui-layer-lan .layui-layer-btn {
696
+ padding: 5px 10px 10px;
697
+ text-align: right;
698
+ border-top: 1px solid #E9E7E7
699
+ }
700
+
701
+ .layui-layer-lan .layui-layer-btn a {
702
+ background: #fff;
703
+ border-color: #E9E7E7;
704
+ color: #333
705
+ }
706
+
707
+ .layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
708
+ background: #C9C5C5
709
+ }
710
+
711
+ .layui-layer-molv .layui-layer-title {
712
+ background: #009f95;
713
+ color: #fff;
714
+ border: none
715
+ }
716
+
717
+ .layui-layer-molv .layui-layer-btn a {
718
+ background: #009f95;
719
+ border-color: #009f95
720
+ }
721
+
722
+ .layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
723
+ background: #92B8B1
724
+ }
725
+
726
+ .layui-layer-iconext {
727
+ background: url(icon-ext.png) no-repeat
728
+ }
729
+
730
+ .layui-layer-prompt .layui-layer-input {
731
+ display: block;
732
+ width: 230px;
733
+ height: 36px;
734
+ margin: 0 auto;
735
+ line-height: 30px;
736
+ padding-left: 10px;
737
+ border: 1px solid #e6e6e6;
738
+ color: #333
739
+ }
740
+
741
+ .layui-layer-prompt textarea.layui-layer-input {
742
+ width: 300px;
743
+ height: 100px;
744
+ line-height: 20px;
745
+ padding: 6px 10px
746
+ }
747
+
748
+ .layui-layer-prompt .layui-layer-content {
749
+ padding: 20px
750
+ }
751
+
752
+ .layui-layer-prompt .layui-layer-btn {
753
+ padding-top: 0
754
+ }
755
+
756
+ .layui-layer-tab {
757
+ box-shadow: 1px 1px 50px rgba(0, 0, 0, .4)
758
+ }
759
+
760
+ .layui-layer-tab .layui-layer-title {
761
+ padding-left: 0;
762
+ overflow: visible
763
+ }
764
+
765
+ .layui-layer-tab .layui-layer-title span {
766
+ position: relative;
767
+ float: left;
768
+ min-width: 80px;
769
+ max-width: 260px;
770
+ padding: 0 20px;
771
+ text-align: center;
772
+ overflow: hidden;
773
+ cursor: pointer
774
+ }
775
+
776
+ .layui-layer-tab .layui-layer-title span.layui-this {
777
+ height: 43px;
778
+ border-left: 1px solid #eee;
779
+ border-right: 1px solid #eee;
780
+ background-color: #fff;
781
+ z-index: 10
782
+ }
783
+
784
+ .layui-layer-tab .layui-layer-title span:first-child {
785
+ border-left: none
786
+ }
787
+
788
+ .layui-layer-tabmain {
789
+ line-height: 24px;
790
+ clear: both
791
+ }
792
+
793
+ .layui-layer-tabmain .layui-layer-tabli {
794
+ display: none
795
+ }
796
+
797
+ .layui-layer-tabmain .layui-layer-tabli.layui-this {
798
+ display: block
799
+ }
800
+
801
+ .layui-layer-photos {
802
+ -webkit-animation-duration: .8s;
803
+ animation-duration: .8s
804
+ }
805
+
806
+ .layui-layer-photos .layui-layer-content {
807
+ overflow: hidden;
808
+ text-align: center
809
+ }
810
+
811
+ .layui-layer-photos .layui-layer-phimg img {
812
+ position: relative;
813
+ width: 100%;
814
+ display: inline-block;
815
+ *display: inline;
816
+ *zoom: 1;
817
+ vertical-align: top
818
+ }
819
+
820
+ .layui-layer-imgbar,
821
+ .layui-layer-imguide {
822
+ display: none
823
+ }
824
+
825
+ .layui-layer-imgnext,
826
+ .layui-layer-imgprev {
827
+ position: absolute;
828
+ top: 50%;
829
+ width: 27px;
830
+ _width: 44px;
831
+ height: 44px;
832
+ margin-top: -22px;
833
+ outline: 0;
834
+ blr: expression(this.onFocus=this.blur())
835
+ }
836
+
837
+ .layui-layer-imgprev {
838
+ left: 10px;
839
+ background-position: -5px -5px;
840
+ _background-position: -70px -5px
841
+ }
842
+
843
+ .layui-layer-imgprev:hover {
844
+ background-position: -33px -5px;
845
+ _background-position: -120px -5px
846
+ }
847
+
848
+ .layui-layer-imgnext {
849
+ right: 10px;
850
+ _right: 8px;
851
+ background-position: -5px -50px;
852
+ _background-position: -70px -50px
853
+ }
854
+
855
+ .layui-layer-imgnext:hover {
856
+ background-position: -33px -50px;
857
+ _background-position: -120px -50px
858
+ }
859
+
860
+ .layui-layer-imgbar {
861
+ position: absolute;
862
+ left: 0;
863
+ bottom: 0;
864
+ width: 100%;
865
+ height: 32px;
866
+ line-height: 32px;
867
+ background-color: rgba(0, 0, 0, .8);
868
+ background-color: #000\9;
869
+ filter: Alpha(opacity=80);
870
+ color: #fff;
871
+ overflow: hidden;
872
+ font-size: 0
873
+ }
874
+
875
+ .layui-layer-imgtit * {
876
+ display: inline-block;
877
+ *display: inline;
878
+ *zoom: 1;
879
+ vertical-align: top;
880
+ font-size: 12px
881
+ }
882
+
883
+ .layui-layer-imgtit a {
884
+ max-width: 65%;
885
+ overflow: hidden;
886
+ color: #fff
887
+ }
888
+
889
+ .layui-layer-imgtit a:hover {
890
+ color: #fff;
891
+ text-decoration: underline
892
+ }
893
+
894
+ .layui-layer-imgtit em {
895
+ padding-left: 10px;
896
+ font-style: normal
897
+ }
898
+
899
+ @-webkit-keyframes layer-bounceOut {
900
+ 100% {
901
+ opacity: 0;
902
+ -webkit-transform: scale(.7);
903
+ transform: scale(.7)
904
+ }
905
+ 30% {
906
+ -webkit-transform: scale(1.05);
907
+ transform: scale(1.05)
908
+ }
909
+ 0% {
910
+ -webkit-transform: scale(1);
911
+ transform: scale(1)
912
+ }
913
+ }
914
+
915
+ @keyframes layer-bounceOut {
916
+ 100% {
917
+ opacity: 0;
918
+ -webkit-transform: scale(.7);
919
+ -ms-transform: scale(.7);
920
+ transform: scale(.7)
921
+ }
922
+ 30% {
923
+ -webkit-transform: scale(1.05);
924
+ -ms-transform: scale(1.05);
925
+ transform: scale(1.05)
926
+ }
927
+ 0% {
928
+ -webkit-transform: scale(1);
929
+ -ms-transform: scale(1);
930
+ transform: scale(1)
931
+ }
932
+ }
933
+
934
+ .layer-anim-close {
935
+ -webkit-animation-name: layer-bounceOut;
936
+ animation-name: layer-bounceOut;
937
+ -webkit-animation-fill-mode: both;
938
+ animation-fill-mode: both;
939
+ -webkit-animation-duration: .2s;
940
+ animation-duration: .2s
941
+ }
942
+
943
+ @media screen and (max-width:1100px) {
944
+ .layui-layer-iframe {
945
+ overflow-y: auto;
946
+ -webkit-overflow-scrolling: touch
947
+ }
948
+ }