Commit 381191634ac9a97e3f7f83c73885f57f8daabe1c
0 parents
Rebuild commit without histroy commits.
Showing
19 changed files
with
4756 additions
and
0 deletions
Too many changes to show.
To preserve performance only 19 of 508 files are displayed.
.gitignore
0 → 100644
Gruntfile.js
0 → 100644
1 | +++ a/Gruntfile.js | |
1 | +'use strict'; | |
2 | + | |
3 | +module.exports = function (grunt) { | |
4 | + grunt.initConfig({ | |
5 | + pkg: grunt.file.readJSON('package.json'), | |
6 | + less: { | |
7 | + dist: { | |
8 | + files: | |
9 | + [ | |
10 | + { | |
11 | + expand: true, | |
12 | + cwd: 'css', | |
13 | + src: ['*.less'], | |
14 | + dest: 'css', | |
15 | + ext: '.css' | |
16 | + }, | |
17 | + { | |
18 | + expand: true, | |
19 | + cwd: 'css_an', | |
20 | + src: ['*.less'], | |
21 | + dest: 'css_an', | |
22 | + ext: '.css' | |
23 | + } | |
24 | + ] | |
25 | + } | |
26 | + }, | |
27 | + sprite:{ | |
28 | + all: { | |
29 | + // 待合并的文件 | |
30 | + src : 'images/src_an/*.png', | |
31 | + // 合并后输出的文件 | |
32 | + dest : 'images/dest/sprite_an.png', | |
33 | + // 输出对应雪碧图的样式 | |
34 | + destCss : 'css_an/sprite.less', | |
35 | + // 可选: 手动指定样式里引用图片的路径 | |
36 | + imgPath : '../images/dest/sprite_an.png', | |
37 | + cssVarMap: function(sprite) { | |
38 | + sprite.name = sprite.name.replace(/^\s{1}/, ''); //去除文件名前空白 | |
39 | + sprite.name = sprite.name.replace('@2x', ''); | |
40 | + sprite.name = 'icon-' + sprite.name; | |
41 | + }, | |
42 | + // 可选: 指定算法 (top-down, left-right, diagonal,alt-diagonal, binary-tree )等 | |
43 | + // 默认是top-down,二叉树合并出来的图体积最小 | |
44 | + algorithm : 'binary-tree', | |
45 | + // 可选: 指定CSS格式 (默认根据destCSS中的后缀设置格式) | |
46 | + // (stylus, scss, scss_maps, sass, less, json, json_array, css) | |
47 | + cssFormat : 'less' | |
48 | + } | |
49 | + }, | |
50 | + watch: { | |
51 | + options: { | |
52 | + nospawn: true | |
53 | + }, | |
54 | + css: { | |
55 | + files: [ | |
56 | + 'css/*.less', | |
57 | + 'css_an/*.less' | |
58 | + ], | |
59 | + tasks: ['less'], | |
60 | + options: { | |
61 | + livereload: true | |
62 | + } | |
63 | + } | |
64 | + } | |
65 | + }); | |
66 | + | |
67 | + grunt.loadNpmTasks( "grunt-contrib-less" ); | |
68 | + grunt.loadNpmTasks( "grunt-contrib-watch" ); | |
69 | + grunt.loadNpmTasks('grunt-spritesmith'); | |
70 | + | |
71 | + grunt.registerTask('default', [ | |
72 | + 'sprite' | |
73 | + ]); | |
74 | +}; | |
75 | + | ... | ... |
Node.gitignore
0 → 100644
1 | +++ a/Node.gitignore | |
1 | +# Logs | |
2 | +logs | |
3 | +*.log | |
4 | + | |
5 | +# Runtime data | |
6 | +pids | |
7 | +*.pid | |
8 | +*.seed | |
9 | + | |
10 | +# Directory for instrumented libs generated by jscoverage/JSCover | |
11 | +lib-cov | |
12 | + | |
13 | +# Coverage directory used by tools like istanbul | |
14 | +coverage | |
15 | + | |
16 | +# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) | |
17 | +.grunt | |
18 | + | |
19 | +# node-waf configuration | |
20 | +.lock-wscript | |
21 | + | |
22 | +# Compiled binary addons (http://nodejs.org/api/addons.html) | |
23 | +build/Release | |
24 | + | |
25 | +# Dependency directory | |
26 | +# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git | |
27 | +node_modules | ... | ... |
README.md
0 → 100644
1 | +++ a/README.md | |
1 | +[![logistic-html5](http://static.nong12.com/static/newStatic/logistics2.0/images/logo.png)](http://git3.diligrp.com/dlstatic/logistic-html5) | |
2 | + | |
3 | + | |
4 | +# This branch is dev. | |
5 | +You can control the step with develop as you like, | |
6 | +and in the end of one stage, merge it to the master branch. | |
7 | + | |
8 | + | |
9 | +# Introduction | |
10 | + | |
11 | +Logistic html5 static page, maybe now it's just only for show the UI | |
12 | +construction. | |
13 | + | |
14 | +# Installation | |
15 | + | |
16 | +npm start | |
17 | + | |
18 | +npm install | |
19 | + | |
20 | +# Examples | |
21 | + | |
22 | +Just see the html directory, All static page in it. | |
23 | + | ... | ... |
css/addr_section.css
0 → 100644
1 | +++ a/css/addr_section.css | |
1 | +html, | |
2 | +body { | |
3 | + height: 100%; | |
4 | +} | |
5 | +.addr-page { | |
6 | + position: absolute; | |
7 | + top: 20%; | |
8 | + bottom: 0; | |
9 | + left: 0; | |
10 | + width: 100%; | |
11 | + z-index: 20; | |
12 | + display: none; | |
13 | + background-color: #fff; | |
14 | + overflow: hidden; | |
15 | + -webkit-transform: translateY(100%); | |
16 | + -ms-transform: translateY(100%); | |
17 | + -o-transform: translateY(100%); | |
18 | + transform: translateY(100%); | |
19 | + -webkit-transition: all 0.3s ease-in-out; | |
20 | + -o-transition: all 0.3s ease-in-out; | |
21 | + transition: all 0.3s ease-in-out; | |
22 | +} | |
23 | +.addr-page .m-header { | |
24 | + background-color: #F8F8F8; | |
25 | +} | |
26 | +.addr-page .m-header .head h1 { | |
27 | + font-size: 15px; | |
28 | +} | |
29 | +.addr-page .border-1px-full:after { | |
30 | + border-width: 0 1px 1px 0; | |
31 | + border-color: #ddd; | |
32 | +} | |
33 | +.addr-page .m-content { | |
34 | + height: 100%; | |
35 | + box-sizing: border-box; | |
36 | + padding-top: 44px; | |
37 | + overflow: hidden; | |
38 | + margin-top: -44px; | |
39 | +} | |
40 | +.addr-page i { | |
41 | + font-style: normal; | |
42 | +} | |
43 | +.addr-page .cell-radio { | |
44 | + background-color: #FFF; | |
45 | + margin-bottom: 0; | |
46 | +} | |
47 | +.addr-section { | |
48 | + overflow-x: hidden; | |
49 | + overflow-y: scroll; | |
50 | + height: 100%; | |
51 | + -webkit-overflow-scrolling: touch; | |
52 | + position: relative; | |
53 | +} | |
54 | +.addr-section .m-table-view { | |
55 | + margin: 0; | |
56 | +} | |
57 | +.province { | |
58 | + width: 125px; | |
59 | + float: left; | |
60 | +} | |
61 | +.province .cell { | |
62 | + background-color: #f8f8f8; | |
63 | +} | |
64 | +.province .cell.selected { | |
65 | + background-color: #FFF; | |
66 | +} | |
67 | +.province .cell.selected:after { | |
68 | + border-width: 0 0 1px 0; | |
69 | +} | |
70 | +.city { | |
71 | + margin-left: 135px; | |
72 | +} | |
73 | +.city .m-table-view { | |
74 | + padding-right: 10px; | |
75 | +} | |
76 | +.city .cell { | |
77 | + padding: 0; | |
78 | +} | ... | ... |
css/addr_section.less
0 → 100644
1 | +++ a/css/addr_section.less | |
1 | +html, body{ | |
2 | + height: 100%; | |
3 | +} | |
4 | +.addr-page{ | |
5 | + // display: none; | |
6 | + position: absolute; | |
7 | + // position: fixed; | |
8 | + top: 20%; | |
9 | + bottom:0; | |
10 | + left: 0; | |
11 | + width: 100%; | |
12 | + // bottom: 0; | |
13 | + z-index: 20; | |
14 | + display: none; | |
15 | + background-color: #fff; | |
16 | + overflow: hidden; | |
17 | + -webkit-transform: translateY(100%); | |
18 | + -ms-transform: translateY(100%); | |
19 | + -o-transform: translateY(100%); | |
20 | + transform: translateY(100%); | |
21 | + -webkit-transition: all .3s ease-in-out; | |
22 | + -o-transition: all .3s ease-in-out; | |
23 | + transition: all .3s ease-in-out; | |
24 | + .m-header{ | |
25 | + background-color: #F8F8F8; | |
26 | + .head h1{ | |
27 | + font-size: 15px; | |
28 | + } | |
29 | + } | |
30 | + .border-1px-full{ | |
31 | + &:after { | |
32 | + border-width: 0 1px 1px 0; | |
33 | + border-color: #ddd; | |
34 | + } | |
35 | + } | |
36 | + .m-content{ | |
37 | + height: 100%; | |
38 | + box-sizing: border-box; | |
39 | + padding-top: 44px; | |
40 | + overflow: hidden; | |
41 | + margin-top: -44px; | |
42 | + } | |
43 | + i{ | |
44 | + font-style: normal; | |
45 | + } | |
46 | + .cell-radio{ | |
47 | + background-color: #FFF; | |
48 | + margin-bottom: 0; | |
49 | + } | |
50 | +} | |
51 | + | |
52 | +.addr-section{ | |
53 | + overflow-x: hidden; | |
54 | + // overflow: hidden; | |
55 | + overflow-y: scroll; | |
56 | + height: 100%; | |
57 | + -webkit-overflow-scrolling: touch; | |
58 | + position: relative; | |
59 | + .m-table-view{ | |
60 | + margin: 0; | |
61 | + } | |
62 | +} | |
63 | +.province{ | |
64 | + width: 125px; | |
65 | + float: left; | |
66 | + .cell{ | |
67 | + background-color: #f8f8f8; | |
68 | + &.selected{ | |
69 | + background-color: #FFF; | |
70 | + &:after { | |
71 | + border-width: 0 0 1px 0; | |
72 | + } | |
73 | + } | |
74 | + } | |
75 | +} | |
76 | +.city{ | |
77 | + margin-left: 135px; | |
78 | + .m-table-view{ | |
79 | + padding-right: 10px; | |
80 | + } | |
81 | + .cell{ | |
82 | + padding:0; | |
83 | + } | |
84 | +} | ... | ... |
css/badge.css
0 → 100644
1 | +++ a/css/badge.css | |
1 | +/* | |
2 | +LESS variables are information about icon's compiled state, stored under its original file name | |
3 | + | |
4 | +.icon-home { | |
5 | + width: @icon-home-width; | |
6 | +} | |
7 | + | |
8 | +The large array-like variables contain all information about a single icon | |
9 | +@icon-home: x y offset_x offset_y width height total_width total_height image_path name; | |
10 | + | |
11 | +At the bottom of this section, we provide information about the spritesheet itself | |
12 | +@spritesheet: width height image @spritesheet-sprites; | |
13 | +*/ | |
14 | +/* | |
15 | +The provided classes are intended to be used with the array-like variables | |
16 | + | |
17 | +.icon-home { | |
18 | + .sprite-width(@icon-home); | |
19 | +} | |
20 | +.icon-email { | |
21 | + .sprite(@icon-email); | |
22 | +} | |
23 | +*/ | |
24 | +/* | |
25 | +The `.sprites` mixin generates identical output to the CSS template | |
26 | + but can be overridden inside of LESS | |
27 | + | |
28 | +This must be run when you have at least 2 sprites. | |
29 | + If run with a single sprite, then there will be reference errors. | |
30 | + | |
31 | +.sprites(@spritesheet-sprites); | |
32 | +*/ | |
33 | +.m-icon { | |
34 | + display: inline-block; | |
35 | + vertical-align: middle; | |
36 | +} | |
37 | +.icon-arrow { | |
38 | + background-image: url(../images/dest/sprite.png); | |
39 | + background-position: -992px -880px; | |
40 | + background-position: -496px -440px; | |
41 | + width: 32px; | |
42 | + width: 16px; | |
43 | + height: 32px; | |
44 | + height: 16px; | |
45 | + background-size: 571px; | |
46 | +} | |
47 | +.icon-choose { | |
48 | + background-image: url(../images/dest/sprite.png); | |
49 | + background-position: -778px -300px; | |
50 | + background-position: -389px -150px; | |
51 | + width: 46px; | |
52 | + width: 23px; | |
53 | + height: 46px; | |
54 | + height: 23px; | |
55 | + background-size: 571px; | |
56 | +} | |
57 | +.icon-choose_H { | |
58 | + background-image: url(../images/dest/sprite.png); | |
59 | + background-position: -824px -300px; | |
60 | + background-position: -412px -150px; | |
61 | + width: 46px; | |
62 | + width: 23px; | |
63 | + height: 46px; | |
64 | + height: 23px; | |
65 | + background-size: 571px; | |
66 | +} | |
67 | +.icon-delete { | |
68 | + background-image: url(../images/dest/sprite.png); | |
69 | + background-position: -186px -1000px; | |
70 | + background-position: -93px -500px; | |
71 | + width: 46px; | |
72 | + width: 23px; | |
73 | + height: 46px; | |
74 | + height: 23px; | |
75 | + background-size: 571px; | |
76 | +} | |
77 | +.icon-drop_down { | |
78 | + background-image: url(../images/dest/sprite.png); | |
79 | + background-position: -858px -580px; | |
80 | + background-position: -429px -290px; | |
81 | + width: 16px; | |
82 | + width: 8px; | |
83 | + height: 16px; | |
84 | + height: 8px; | |
85 | + background-size: 571px; | |
86 | +} | |
87 | +.icon-fenxiang_duanxin { | |
88 | + background-image: url(../images/dest/sprite.png); | |
89 | + background-position: -1030px -412px; | |
90 | + background-position: -515px -206px; | |
91 | + width: 100px; | |
92 | + width: 50px; | |
93 | + height: 100px; | |
94 | + height: 50px; | |
95 | + background-size: 571px; | |
96 | +} | |
97 | +.icon-guide_dan { | |
98 | + background-image: url(../images/dest/sprite.png); | |
99 | + background-position: -1110px -956px; | |
100 | + background-position: -555px -478px; | |
101 | + width: 32px; | |
102 | + width: 16px; | |
103 | + height: 32px; | |
104 | + height: 16px; | |
105 | + background-size: 571px; | |
106 | +} | |
107 | +.icon-guide_shuang { | |
108 | + background-image: url(../images/dest/sprite.png); | |
109 | + background-position: -1102px -724px; | |
110 | + background-position: -551px -362px; | |
111 | + width: 32px; | |
112 | + width: 16px; | |
113 | + height: 32px; | |
114 | + height: 16px; | |
115 | + background-size: 571px; | |
116 | +} | |
117 | +.icon-help { | |
118 | + background-image: url(../images/dest/sprite.png); | |
119 | + background-position: -630px -300px; | |
120 | + background-position: -315px -150px; | |
121 | + width: 50px; | |
122 | + width: 25px; | |
123 | + height: 50px; | |
124 | + height: 25px; | |
125 | + background-size: 571px; | |
126 | +} | |
127 | +.icon-home_jiedan { | |
128 | + background-image: url(../images/dest/sprite.png); | |
129 | + background-position: 0px 0px; | |
130 | + width: 290px; | |
131 | + width: 145px; | |
132 | + height: 350px; | |
133 | + height: 175px; | |
134 | + background-size: 571px; | |
135 | +} | |
136 | +.icon-home_jiedan_H { | |
137 | + background-image: url(../images/dest/sprite.png); | |
138 | + background-position: -290px 0px; | |
139 | + background-position: -145px 0px; | |
140 | + width: 290px; | |
141 | + width: 145px; | |
142 | + height: 350px; | |
143 | + height: 175px; | |
144 | + background-size: 571px; | |
145 | +} | |
146 | +.icon-home_jiedanzhong { | |
147 | + background-image: url(../images/dest/sprite.png); | |
148 | + background-position: -320px -880px; | |
149 | + background-position: -160px -440px; | |
150 | + width: 112px; | |
151 | + width: 56px; | |
152 | + height: 112px; | |
153 | + height: 56px; | |
154 | + background-size: 571px; | |
155 | +} | |
156 | +.icon-home_kefu { | |
157 | + background-image: url(../images/dest/sprite.png); | |
158 | + background-position: -580px -760px; | |
159 | + background-position: -290px -380px; | |
160 | + width: 290px; | |
161 | + width: 145px; | |
162 | + height: 110px; | |
163 | + height: 55px; | |
164 | + background-size: 571px; | |
165 | +} | |
166 | +.icon-home_kefu_H { | |
167 | + background-image: url(../images/dest/sprite.png); | |
168 | + background-position: -580px -650px; | |
169 | + background-position: -290px -325px; | |
170 | + width: 290px; | |
171 | + width: 145px; | |
172 | + height: 110px; | |
173 | + height: 55px; | |
174 | + background-size: 571px; | |
175 | +} | |
176 | +.icon-home_shenhezhong { | |
177 | + background-image: url(../images/dest/sprite.png); | |
178 | + background-position: -544px -880px; | |
179 | + background-position: -272px -440px; | |
180 | + width: 112px; | |
181 | + width: 56px; | |
182 | + height: 112px; | |
183 | + height: 56px; | |
184 | + background-size: 571px; | |
185 | +} | |
186 | +.icon-home_weijiedan { | |
187 | + background-image: url(../images/dest/sprite.png); | |
188 | + background-position: -656px -880px; | |
189 | + background-position: -328px -440px; | |
190 | + width: 112px; | |
191 | + width: 56px; | |
192 | + height: 112px; | |
193 | + height: 56px; | |
194 | + background-size: 571px; | |
195 | +} | |
196 | +.icon-home_weitongguo { | |
197 | + background-image: url(../images/dest/sprite.png); | |
198 | + background-position: -768px -880px; | |
199 | + background-position: -384px -440px; | |
200 | + width: 112px; | |
201 | + width: 56px; | |
202 | + height: 112px; | |
203 | + height: 56px; | |
204 | + background-size: 571px; | |
205 | +} | |
206 | +.icon-home_wo { | |
207 | + background-image: url(../images/dest/sprite.png); | |
208 | + background-position: -290px -650px; | |
209 | + background-position: -145px -325px; | |
210 | + width: 290px; | |
211 | + width: 145px; | |
212 | + height: 230px; | |
213 | + height: 115px; | |
214 | + background-size: 571px; | |
215 | +} | |
216 | +.icon-home_wo_H { | |
217 | + background-image: url(../images/dest/sprite.png); | |
218 | + background-position: -300px -350px; | |
219 | + background-position: -150px -175px; | |
220 | + width: 290px; | |
221 | + width: 145px; | |
222 | + height: 230px; | |
223 | + height: 115px; | |
224 | + background-size: 571px; | |
225 | +} | |
226 | +.icon-home_yirenzheng { | |
227 | + background-image: url(../images/dest/sprite.png); | |
228 | + background-position: -1030px 0px; | |
229 | + background-position: -515px 0px; | |
230 | + width: 112px; | |
231 | + width: 56px; | |
232 | + height: 112px; | |
233 | + height: 56px; | |
234 | + background-size: 571px; | |
235 | +} | |
236 | +.icon-home_yundan { | |
237 | + background-image: url(../images/dest/sprite.png); | |
238 | + background-position: -590px -350px; | |
239 | + background-position: -295px -175px; | |
240 | + width: 290px; | |
241 | + width: 145px; | |
242 | + height: 230px; | |
243 | + height: 115px; | |
244 | + background-size: 571px; | |
245 | +} | |
246 | +.icon-home_yundan_H { | |
247 | + background-image: url(../images/dest/sprite.png); | |
248 | + background-position: 0px -650px; | |
249 | + background-position: 0px -325px; | |
250 | + width: 290px; | |
251 | + width: 145px; | |
252 | + height: 230px; | |
253 | + height: 115px; | |
254 | + background-size: 571px; | |
255 | +} | |
256 | +.icon-img { | |
257 | + background-image: url(../images/dest/sprite.png); | |
258 | + background-position: -160px -880px; | |
259 | + background-position: -80px -440px; | |
260 | + width: 160px; | |
261 | + width: 80px; | |
262 | + height: 120px; | |
263 | + height: 60px; | |
264 | + background-size: 571px; | |
265 | +} | |
266 | +.icon-img_H { | |
267 | + background-image: url(../images/dest/sprite.png); | |
268 | + background-position: 0px -880px; | |
269 | + background-position: 0px -440px; | |
270 | + width: 160px; | |
271 | + width: 80px; | |
272 | + height: 120px; | |
273 | + height: 60px; | |
274 | + background-size: 571px; | |
275 | +} | |
276 | +.icon-jiedan_baozhengjin { | |
277 | + background-image: url(../images/dest/sprite.png); | |
278 | + background-position: -352px -1000px; | |
279 | + background-position: -176px -500px; | |
280 | + width: 40px; | |
281 | + width: 20px; | |
282 | + height: 40px; | |
283 | + height: 20px; | |
284 | + background-size: 571px; | |
285 | +} | |
286 | +.icon-label_renzheng { | |
287 | + background-image: url(../images/dest/sprite.png); | |
288 | + background-position: -432px -880px; | |
289 | + background-position: -216px -440px; | |
290 | + width: 112px; | |
291 | + width: 56px; | |
292 | + height: 112px; | |
293 | + height: 56px; | |
294 | + background-size: 571px; | |
295 | +} | |
296 | +.icon-label_zanting { | |
297 | + background-image: url(../images/dest/sprite.png); | |
298 | + background-position: -880px -880px; | |
299 | + background-position: -440px -440px; | |
300 | + width: 112px; | |
301 | + width: 56px; | |
302 | + height: 112px; | |
303 | + height: 56px; | |
304 | + background-size: 571px; | |
305 | +} | |
306 | +.icon-percentage_1 { | |
307 | + background-image: url(../images/dest/sprite.png); | |
308 | + background-position: -734px -580px; | |
309 | + background-position: -367px -290px; | |
310 | + width: 62px; | |
311 | + width: 31px; | |
312 | + height: 62px; | |
313 | + height: 31px; | |
314 | + background-size: 571px; | |
315 | +} | |
316 | +.icon-percentage_2 { | |
317 | + background-image: url(../images/dest/sprite.png); | |
318 | + background-position: -796px -580px; | |
319 | + background-position: -398px -290px; | |
320 | + width: 62px; | |
321 | + width: 31px; | |
322 | + height: 62px; | |
323 | + height: 31px; | |
324 | + background-size: 571px; | |
325 | +} | |
326 | +.icon-phone { | |
327 | + background-image: url(../images/dest/sprite.png); | |
328 | + background-position: -1030px -684px; | |
329 | + background-position: -515px -342px; | |
330 | + width: 72px; | |
331 | + width: 36px; | |
332 | + height: 72px; | |
333 | + height: 36px; | |
334 | + background-size: 571px; | |
335 | +} | |
336 | +.icon-phone_H { | |
337 | + background-image: url(../images/dest/sprite.png); | |
338 | + background-position: -1030px -612px; | |
339 | + background-position: -515px -306px; | |
340 | + width: 72px; | |
341 | + width: 36px; | |
342 | + height: 72px; | |
343 | + height: 36px; | |
344 | + background-size: 571px; | |
345 | +} | |
346 | +.icon-phone_x { | |
347 | + background-image: url(../images/dest/sprite.png); | |
348 | + background-position: -730px -300px; | |
349 | + background-position: -365px -150px; | |
350 | + width: 48px; | |
351 | + width: 24px; | |
352 | + height: 48px; | |
353 | + height: 24px; | |
354 | + background-size: 571px; | |
355 | +} | |
356 | +.icon-public_jia { | |
357 | + background-image: url(../images/dest/sprite.png); | |
358 | + background-position: -362px -580px; | |
359 | + background-position: -181px -290px; | |
360 | + width: 62px; | |
361 | + width: 31px; | |
362 | + height: 62px; | |
363 | + height: 31px; | |
364 | + background-size: 571px; | |
365 | +} | |
366 | +.icon-public_jia_H { | |
367 | + background-image: url(../images/dest/sprite.png); | |
368 | + background-position: -300px -580px; | |
369 | + background-position: -150px -290px; | |
370 | + width: 62px; | |
371 | + width: 31px; | |
372 | + height: 62px; | |
373 | + height: 31px; | |
374 | + background-size: 571px; | |
375 | +} | |
376 | +.icon-public_quxiao1 { | |
377 | + background-image: url(../images/dest/sprite.png); | |
378 | + background-position: -486px -580px; | |
379 | + background-position: -243px -290px; | |
380 | + width: 62px; | |
381 | + width: 31px; | |
382 | + height: 62px; | |
383 | + height: 31px; | |
384 | + background-size: 571px; | |
385 | +} | |
386 | +.icon-public_quxiao1_H { | |
387 | + background-image: url(../images/dest/sprite.png); | |
388 | + background-position: -548px -580px; | |
389 | + background-position: -274px -290px; | |
390 | + width: 62px; | |
391 | + width: 31px; | |
392 | + height: 62px; | |
393 | + height: 31px; | |
394 | + background-size: 571px; | |
395 | +} | |
396 | +.icon-qidian { | |
397 | + background-image: url(../images/dest/sprite.png); | |
398 | + background-position: -1102px -612px; | |
399 | + background-position: -551px -306px; | |
400 | + width: 40px; | |
401 | + width: 20px; | |
402 | + height: 40px; | |
403 | + height: 20px; | |
404 | + background-size: 571px; | |
405 | +} | |
406 | +.icon-score { | |
407 | + background-image: url(../images/dest/sprite.png); | |
408 | + background-position: -680px -300px; | |
409 | + background-position: -340px -150px; | |
410 | + width: 50px; | |
411 | + width: 25px; | |
412 | + height: 50px; | |
413 | + height: 25px; | |
414 | + background-size: 571px; | |
415 | +} | |
416 | +.icon-score_H { | |
417 | + background-image: url(../images/dest/sprite.png); | |
418 | + background-position: -580px -300px; | |
419 | + background-position: -290px -150px; | |
420 | + width: 50px; | |
421 | + width: 25px; | |
422 | + height: 50px; | |
423 | + height: 25px; | |
424 | + background-size: 571px; | |
425 | +} | |
426 | +.icon-search { | |
427 | + background-image: url(../images/dest/sprite.png); | |
428 | + background-position: -1102px -652px; | |
429 | + background-position: -551px -326px; | |
430 | + width: 32px; | |
431 | + width: 16px; | |
432 | + height: 32px; | |
433 | + height: 16px; | |
434 | + background-size: 571px; | |
435 | +} | |
436 | +.icon-share_QQ { | |
437 | + background-image: url(../images/dest/sprite.png); | |
438 | + background-position: -1030px -312px; | |
439 | + background-position: -515px -156px; | |
440 | + width: 100px; | |
441 | + width: 50px; | |
442 | + height: 100px; | |
443 | + height: 50px; | |
444 | + background-size: 571px; | |
445 | +} | |
446 | +.icon-share_baidu { | |
447 | + background-image: url(../images/dest/sprite.png); | |
448 | + background-position: -1030px -212px; | |
449 | + background-position: -515px -106px; | |
450 | + width: 100px; | |
451 | + width: 50px; | |
452 | + height: 100px; | |
453 | + height: 50px; | |
454 | + background-size: 571px; | |
455 | +} | |
456 | +.icon-share_weixin { | |
457 | + background-image: url(../images/dest/sprite.png); | |
458 | + background-position: -1030px -112px; | |
459 | + background-position: -515px -56px; | |
460 | + width: 100px; | |
461 | + width: 50px; | |
462 | + height: 100px; | |
463 | + height: 50px; | |
464 | + background-size: 571px; | |
465 | +} | |
466 | +.icon-share_xinlang { | |
467 | + background-image: url(../images/dest/sprite.png); | |
468 | + background-position: -1030px -512px; | |
469 | + background-position: -515px -256px; | |
470 | + width: 100px; | |
471 | + width: 50px; | |
472 | + height: 100px; | |
473 | + height: 50px; | |
474 | + background-size: 571px; | |
475 | +} | |
476 | +.icon-state_1 { | |
477 | + background-image: url(../images/dest/sprite.png); | |
478 | + background-position: -1030px -956px; | |
479 | + background-position: -515px -478px; | |
480 | + width: 80px; | |
481 | + width: 40px; | |
482 | + height: 40px; | |
483 | + height: 20px; | |
484 | + background-size: 571px; | |
485 | +} | |
486 | +.icon-state_2 { | |
487 | + background-image: url(../images/dest/sprite.png); | |
488 | + background-position: -1030px -916px; | |
489 | + background-position: -515px -458px; | |
490 | + width: 100px; | |
491 | + width: 50px; | |
492 | + height: 40px; | |
493 | + height: 20px; | |
494 | + background-size: 571px; | |
495 | +} | |
496 | +.icon-state_3 { | |
497 | + background-image: url(../images/dest/sprite.png); | |
498 | + background-position: -1030px -876px; | |
499 | + background-position: -515px -438px; | |
500 | + width: 100px; | |
501 | + width: 50px; | |
502 | + height: 40px; | |
503 | + height: 20px; | |
504 | + background-size: 571px; | |
505 | +} | |
506 | +.icon-state_4 { | |
507 | + background-image: url(../images/dest/sprite.png); | |
508 | + background-position: -1030px -836px; | |
509 | + background-position: -515px -418px; | |
510 | + width: 100px; | |
511 | + width: 50px; | |
512 | + height: 40px; | |
513 | + height: 20px; | |
514 | + background-size: 571px; | |
515 | +} | |
516 | +.icon-state_5 { | |
517 | + background-image: url(../images/dest/sprite.png); | |
518 | + background-position: -1030px -796px; | |
519 | + background-position: -515px -398px; | |
520 | + width: 100px; | |
521 | + width: 50px; | |
522 | + height: 40px; | |
523 | + height: 20px; | |
524 | + background-size: 571px; | |
525 | +} | |
526 | +.icon-state_6 { | |
527 | + background-image: url(../images/dest/sprite.png); | |
528 | + background-position: -1030px -756px; | |
529 | + background-position: -515px -378px; | |
530 | + width: 110px; | |
531 | + width: 55px; | |
532 | + height: 40px; | |
533 | + height: 20px; | |
534 | + background-size: 571px; | |
535 | +} | |
536 | +.icon-state_bao { | |
537 | + background-image: url(../images/dest/sprite.png); | |
538 | + background-position: -880px -734px; | |
539 | + background-position: -440px -367px; | |
540 | + width: 142px; | |
541 | + width: 71px; | |
542 | + height: 142px; | |
543 | + height: 71px; | |
544 | + background-size: 571px; | |
545 | +} | |
546 | +.icon-state_suo { | |
547 | + background-image: url(../images/dest/sprite.png); | |
548 | + background-position: -880px -592px; | |
549 | + background-position: -440px -296px; | |
550 | + width: 142px; | |
551 | + width: 71px; | |
552 | + height: 142px; | |
553 | + height: 71px; | |
554 | + background-size: 571px; | |
555 | +} | |
556 | +.icon-state_wei { | |
557 | + background-image: url(../images/dest/sprite.png); | |
558 | + background-position: -880px 0px; | |
559 | + background-position: -440px 0px; | |
560 | + width: 150px; | |
561 | + width: 75px; | |
562 | + height: 150px; | |
563 | + height: 75px; | |
564 | + background-size: 571px; | |
565 | +} | |
566 | +.icon-state_xianlu { | |
567 | + background-image: url(../images/dest/sprite.png); | |
568 | + background-position: -880px -450px; | |
569 | + background-position: -440px -225px; | |
570 | + width: 142px; | |
571 | + width: 71px; | |
572 | + height: 142px; | |
573 | + height: 71px; | |
574 | + background-size: 571px; | |
575 | +} | |
576 | +.icon-state_yanzheng { | |
577 | + background-image: url(../images/dest/sprite.png); | |
578 | + background-position: -880px -150px; | |
579 | + background-position: -440px -75px; | |
580 | + width: 150px; | |
581 | + width: 75px; | |
582 | + height: 150px; | |
583 | + height: 75px; | |
584 | + background-size: 571px; | |
585 | +} | |
586 | +.icon-state_zanting { | |
587 | + background-image: url(../images/dest/sprite.png); | |
588 | + background-position: 0px -350px; | |
589 | + background-position: 0px -175px; | |
590 | + width: 300px; | |
591 | + width: 150px; | |
592 | + height: 300px; | |
593 | + height: 150px; | |
594 | + background-size: 571px; | |
595 | +} | |
596 | +.icon-state_zhaohuo { | |
597 | + background-image: url(../images/dest/sprite.png); | |
598 | + background-position: -580px 0px; | |
599 | + background-position: -290px 0px; | |
600 | + width: 300px; | |
601 | + width: 150px; | |
602 | + height: 300px; | |
603 | + height: 150px; | |
604 | + background-size: 571px; | |
605 | +} | |
606 | +.icon-state_zhong { | |
607 | + background-image: url(../images/dest/sprite.png); | |
608 | + background-position: -880px -300px; | |
609 | + background-position: -440px -150px; | |
610 | + width: 150px; | |
611 | + width: 75px; | |
612 | + height: 150px; | |
613 | + height: 75px; | |
614 | + background-size: 571px; | |
615 | +} | |
616 | +.icon-title_fanhui { | |
617 | + background-image: url(../images/dest/sprite.png); | |
618 | + background-position: -610px -580px; | |
619 | + background-position: -305px -290px; | |
620 | + width: 62px; | |
621 | + width: 31px; | |
622 | + height: 62px; | |
623 | + height: 31px; | |
624 | + background-size: 571px; | |
625 | +} | |
626 | +.icon-title_fanhui_H { | |
627 | + background-image: url(../images/dest/sprite.png); | |
628 | + background-position: -424px -580px; | |
629 | + background-position: -212px -290px; | |
630 | + width: 62px; | |
631 | + width: 31px; | |
632 | + height: 62px; | |
633 | + height: 31px; | |
634 | + background-size: 571px; | |
635 | +} | |
636 | +.icon-title_quxiao { | |
637 | + background-image: url(../images/dest/sprite.png); | |
638 | + background-position: -124px -1000px; | |
639 | + background-position: -62px -500px; | |
640 | + width: 62px; | |
641 | + width: 31px; | |
642 | + height: 62px; | |
643 | + height: 31px; | |
644 | + background-size: 571px; | |
645 | +} | |
646 | +.icon-title_quxiao_H { | |
647 | + background-image: url(../images/dest/sprite.png); | |
648 | + background-position: 0px -1000px; | |
649 | + background-position: 0px -500px; | |
650 | + width: 62px; | |
651 | + width: 31px; | |
652 | + height: 62px; | |
653 | + height: 31px; | |
654 | + background-size: 571px; | |
655 | +} | |
656 | +.icon-title_shouye { | |
657 | + background-image: url(../images/dest/sprite.png); | |
658 | + background-position: -62px -1000px; | |
659 | + background-position: -31px -500px; | |
660 | + width: 62px; | |
661 | + width: 31px; | |
662 | + height: 62px; | |
663 | + height: 31px; | |
664 | + background-size: 571px; | |
665 | +} | |
666 | +.icon-title_shouye_H { | |
667 | + background-image: url(../images/dest/sprite.png); | |
668 | + background-position: -672px -580px; | |
669 | + background-position: -336px -290px; | |
670 | + width: 62px; | |
671 | + width: 31px; | |
672 | + height: 62px; | |
673 | + height: 31px; | |
674 | + background-size: 571px; | |
675 | +} | |
676 | +.icon-user_1 { | |
677 | + background-image: url(../images/dest/sprite.png); | |
678 | + background-position: -432px -1000px; | |
679 | + background-position: -216px -500px; | |
680 | + width: 40px; | |
681 | + width: 20px; | |
682 | + height: 40px; | |
683 | + height: 20px; | |
684 | + background-size: 571px; | |
685 | +} | |
686 | +.icon-user_2 { | |
687 | + background-image: url(../images/dest/sprite.png); | |
688 | + background-position: -472px -1000px; | |
689 | + background-position: -236px -500px; | |
690 | + width: 40px; | |
691 | + width: 20px; | |
692 | + height: 40px; | |
693 | + height: 20px; | |
694 | + background-size: 571px; | |
695 | +} | |
696 | +.icon-user_3 { | |
697 | + background-image: url(../images/dest/sprite.png); | |
698 | + background-position: -512px -1000px; | |
699 | + background-position: -256px -500px; | |
700 | + width: 40px; | |
701 | + width: 20px; | |
702 | + height: 40px; | |
703 | + height: 20px; | |
704 | + background-size: 571px; | |
705 | +} | |
706 | +.icon-user_4 { | |
707 | + background-image: url(../images/dest/sprite.png); | |
708 | + background-position: -552px -1000px; | |
709 | + background-position: -276px -500px; | |
710 | + width: 40px; | |
711 | + width: 20px; | |
712 | + height: 40px; | |
713 | + height: 20px; | |
714 | + background-size: 571px; | |
715 | +} | |
716 | +.icon-user_5 { | |
717 | + background-image: url(../images/dest/sprite.png); | |
718 | + background-position: -592px -1000px; | |
719 | + background-position: -296px -500px; | |
720 | + width: 40px; | |
721 | + width: 20px; | |
722 | + height: 40px; | |
723 | + height: 20px; | |
724 | + background-size: 571px; | |
725 | +} | |
726 | +.icon-user_6 { | |
727 | + background-image: url(../images/dest/sprite.png); | |
728 | + background-position: -272px -1000px; | |
729 | + background-position: -136px -500px; | |
730 | + width: 40px; | |
731 | + width: 20px; | |
732 | + height: 40px; | |
733 | + height: 20px; | |
734 | + background-size: 571px; | |
735 | +} | |
736 | +.icon-user_7 { | |
737 | + background-image: url(../images/dest/sprite.png); | |
738 | + background-position: -312px -1000px; | |
739 | + background-position: -156px -500px; | |
740 | + width: 40px; | |
741 | + width: 20px; | |
742 | + height: 40px; | |
743 | + height: 20px; | |
744 | + background-size: 571px; | |
745 | +} | |
746 | +.icon-user_8 { | |
747 | + background-image: url(../images/dest/sprite.png); | |
748 | + background-position: -232px -1000px; | |
749 | + background-position: -116px -500px; | |
750 | + width: 40px; | |
751 | + width: 20px; | |
752 | + height: 40px; | |
753 | + height: 20px; | |
754 | + background-size: 571px; | |
755 | +} | |
756 | +.icon-user_9 { | |
757 | + background-image: url(../images/dest/sprite.png); | |
758 | + background-position: -392px -1000px; | |
759 | + background-position: -196px -500px; | |
760 | + width: 40px; | |
761 | + width: 20px; | |
762 | + height: 40px; | |
763 | + height: 20px; | |
764 | + background-size: 571px; | |
765 | +} | |
766 | +.icon-zhongdian { | |
767 | + background-image: url(../images/dest/sprite.png); | |
768 | + background-position: -1102px -684px; | |
769 | + background-position: -551px -342px; | |
770 | + width: 40px; | |
771 | + width: 20px; | |
772 | + height: 40px; | |
773 | + height: 20px; | |
774 | + background-size: 571px; | |
775 | +} | |
776 | +.icon-cert { | |
777 | + background-image: url(../images/dest/sprite.png); | |
778 | + background-position: -880px -150px; | |
779 | + background-position: -440px -75px; | |
780 | + width: 150px; | |
781 | + width: 75px; | |
782 | + height: 150px; | |
783 | + height: 75px; | |
784 | + background-size: 571px; | |
785 | +} | |
786 | +.icon-certing { | |
787 | + background-image: url(../images/dest/sprite.png); | |
788 | + background-position: -880px -300px; | |
789 | + background-position: -440px -150px; | |
790 | + width: 150px; | |
791 | + width: 75px; | |
792 | + height: 150px; | |
793 | + height: 75px; | |
794 | + background-size: 571px; | |
795 | +} | |
796 | +.icon-certinvalid { | |
797 | + background-image: url(../images/dest/sprite.png); | |
798 | + background-position: -880px 0px; | |
799 | + background-position: -440px 0px; | |
800 | + width: 150px; | |
801 | + width: 75px; | |
802 | + height: 150px; | |
803 | + height: 75px; | |
804 | + background-size: 571px; | |
805 | +} | |
806 | +.icon-amount { | |
807 | + background-image: url(../images/dest/sprite.png); | |
808 | + background-position: -880px -734px; | |
809 | + background-position: -440px -367px; | |
810 | + width: 142px; | |
811 | + width: 71px; | |
812 | + height: 142px; | |
813 | + height: 71px; | |
814 | + background-size: 571px; | |
815 | +} | |
816 | +.icon-lock { | |
817 | + background-image: url(../images/dest/sprite.png); | |
818 | + background-position: -880px -592px; | |
819 | + background-position: -440px -296px; | |
820 | + width: 142px; | |
821 | + width: 71px; | |
822 | + height: 142px; | |
823 | + height: 71px; | |
824 | + background-size: 571px; | |
825 | +} | |
826 | +.icon-road { | |
827 | + background-image: url(../images/dest/sprite.png); | |
828 | + background-position: -880px -450px; | |
829 | + background-position: -440px -225px; | |
830 | + width: 142px; | |
831 | + width: 71px; | |
832 | + height: 142px; | |
833 | + height: 71px; | |
834 | + background-size: 571px; | |
835 | +} | |
836 | +.icon-state_zhaohuo { | |
837 | + background: url(../images/s.gif) no-repeat 0 0; | |
838 | + background-size: 150px 150px; | |
839 | +} | |
840 | +.m-badge { | |
841 | + position: absolute; | |
842 | + display: inline-block; | |
843 | + width: 56px; | |
844 | + height: 56px; | |
845 | + left: 0; | |
846 | + top: 0; | |
847 | +} | |
848 | +.m-badge.badge-pause { | |
849 | + background-image: url(../images/dest/sprite.png); | |
850 | + background-position: -880px -880px; | |
851 | + background-position: -440px -440px; | |
852 | + width: 112px; | |
853 | + width: 56px; | |
854 | + height: 112px; | |
855 | + height: 56px; | |
856 | + background-size: 571px; | |
857 | +} | |
858 | +.m-badge.badge-cert { | |
859 | + background-image: url(../images/dest/sprite.png); | |
860 | + background-position: -432px -880px; | |
861 | + background-position: -216px -440px; | |
862 | + width: 112px; | |
863 | + width: 56px; | |
864 | + height: 112px; | |
865 | + height: 56px; | |
866 | + background-size: 571px; | |
867 | +} | ... | ... |
css/badge.less
0 → 100644
1 | +++ a/css/badge.less | |
1 | +@import "icon"; | |
2 | +.m-badge{ | |
3 | + position: absolute; | |
4 | + display: inline-block; | |
5 | + width: 56px; | |
6 | + height: 56px; | |
7 | + left: 0; | |
8 | + top: 0; | |
9 | + //已暂停 | |
10 | + &.badge-pause{ | |
11 | + .icon-label_zanting; | |
12 | + } | |
13 | + //未认证 | |
14 | + &.badge-cert{ | |
15 | + .icon-label_renzheng; | |
16 | + } | |
17 | +} | |
0 | 18 | \ No newline at end of file | ... | ... |
css/btn.css
0 → 100644
1 | +++ a/css/btn.css | |
1 | +/*************************************************** | |
2 | +* feature : 按钮,默认提供3种样式; | |
3 | +* update : 2015/02/03; | |
4 | +* use : .m-btn; | |
5 | +* extend : .btn-*; | |
6 | +* example : ; | |
7 | +* desc : ; | |
8 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
9 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
10 | +****************************************************/ | |
11 | +.m-btn, | |
12 | +a.m-btn { | |
13 | + display: inline-block; | |
14 | + padding: 0 15px; | |
15 | + line-height: 35px; | |
16 | + font-size: 15px; | |
17 | + color: #FFF; | |
18 | + text-align: center; | |
19 | + background-color: #1c69a3; | |
20 | + border-radius: 3px; | |
21 | + -webkit-border-radius: 3px; | |
22 | + -moz-border-radius: 3px; | |
23 | + cursor: pointer; | |
24 | + vertical-align: middle; | |
25 | + min-width: 68px; | |
26 | + position: relative; | |
27 | + border: none; | |
28 | +} | |
29 | +.m-btn:after, | |
30 | +a.m-btn:after { | |
31 | + content: ''; | |
32 | + position: absolute; | |
33 | + top: 0; | |
34 | + left: 0; | |
35 | + border: 1px solid #1c69a3; | |
36 | + -webkit-box-sizing: border-box; | |
37 | + box-sizing: border-box; | |
38 | + width: 200%; | |
39 | + height: 200%; | |
40 | + -webkit-transform: scale(0.5); | |
41 | + transform: scale(0.5); | |
42 | + -webkit-transform-origin: left top; | |
43 | + transform-origin: left top; | |
44 | + border-radius: 6px; | |
45 | + -webkit-border-radius: 6px; | |
46 | + -moz-border-radius: 6px; | |
47 | +} | |
48 | +.m-btn.btn-large, | |
49 | +a.m-btn.btn-large { | |
50 | + font-size: 19px; | |
51 | + line-height: 43px; | |
52 | +} | |
53 | +.m-btn.btn-default, | |
54 | +a.m-btn.btn-default { | |
55 | + color: #333; | |
56 | + background-color: #FFF; | |
57 | +} | |
58 | +.m-btn.btn-default:after, | |
59 | +a.m-btn.btn-default:after { | |
60 | + border-color: #e2e2e2; | |
61 | +} | |
62 | +.m-btn.btn-success, | |
63 | +a.m-btn.btn-success { | |
64 | + color: #FFF; | |
65 | + background-color: #6C2; | |
66 | + border: none; | |
67 | +} | |
68 | +.m-btn.btn-success.reverse, | |
69 | +a.m-btn.btn-success.reverse { | |
70 | + background-color: #FFF; | |
71 | + color: #6C2; | |
72 | + line-height: 43px; | |
73 | +} | |
74 | +.m-btn.btn-success.reverse:after, | |
75 | +a.m-btn.btn-success.reverse:after { | |
76 | + border-color: #6C2; | |
77 | +} | |
78 | +.m-btn.btn-warning, | |
79 | +a.m-btn.btn-warning { | |
80 | + color: #FFF; | |
81 | + background-color: #ff9d2c; | |
82 | + border: none; | |
83 | +} | |
84 | +.m-btn.btn-danger, | |
85 | +a.m-btn.btn-danger { | |
86 | + color: #FFF; | |
87 | + background-color: #fa4535; | |
88 | + border: none; | |
89 | +} | |
90 | +.m-btn.btn-text, | |
91 | +a.m-btn.btn-text { | |
92 | + background: none; | |
93 | + border: 1px solid #6c2; | |
94 | + color: #6c2; | |
95 | + width: 65px; | |
96 | + font-size: 12px; | |
97 | + text-align: center; | |
98 | + line-height: 23px; | |
99 | + padding: 0; | |
100 | + float: right; | |
101 | + border-radius: 2px; | |
102 | + margin-top: -2px; | |
103 | +} | |
104 | +.m-btn.disabled, | |
105 | +a.m-btn.disabled { | |
106 | + background-color: #e2e2e2; | |
107 | + color: #999; | |
108 | +} | |
109 | +.m-btn.disabled:after, | |
110 | +a.m-btn.disabled:after { | |
111 | + border-color: #e2e2d2; | |
112 | +} | ... | ... |
css/btn.less
0 → 100644
1 | +++ a/css/btn.less | |
1 | +/*************************************************** | |
2 | +* feature : 按钮,默认提供3种样式; | |
3 | +* update : 2015/02/03; | |
4 | +* use : .m-btn; | |
5 | +* extend : .btn-*; | |
6 | +* example : ; | |
7 | +* desc : ; | |
8 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
9 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
10 | +****************************************************/ | |
11 | + | |
12 | +.m-btn, | |
13 | +a.m-btn { | |
14 | + display: inline-block; | |
15 | + padding: 0 15px; | |
16 | + line-height: 35px; | |
17 | + font-size: 15px; | |
18 | + color: #FFF; | |
19 | + text-align: center; | |
20 | + border: none; | |
21 | + background-color: #1c69a3; | |
22 | + border-radius: 3px; | |
23 | + -webkit-border-radius: 3px; | |
24 | + -moz-border-radius: 3px; | |
25 | + cursor: pointer; | |
26 | + vertical-align: middle; | |
27 | + min-width: 68px; | |
28 | + position: relative; | |
29 | + // border: 1px solid #1c69a3; | |
30 | + border:none; | |
31 | + &:after { | |
32 | + content: ''; | |
33 | + position: absolute; | |
34 | + top: 0; | |
35 | + left: 0; | |
36 | + border: 1px solid #1c69a3; | |
37 | + -webkit-box-sizing: border-box; | |
38 | + box-sizing: border-box; | |
39 | + width: 200%; | |
40 | + height: 200%; | |
41 | + -webkit-transform: scale(0.5); | |
42 | + transform: scale(0.5); | |
43 | + -webkit-transform-origin: left top; | |
44 | + transform-origin: left top; | |
45 | + border-radius: 6px; | |
46 | + -webkit-border-radius: 6px; | |
47 | + -moz-border-radius: 6px; | |
48 | + } | |
49 | + &.btn-large { | |
50 | + font-size: 19px; | |
51 | + line-height: 43px; | |
52 | + } | |
53 | + &.btn-default { | |
54 | + color: #333; | |
55 | + background-color: #FFF; | |
56 | + // border-color: #e2e2e2; | |
57 | + &:after { | |
58 | + border-color: #e2e2e2; | |
59 | + } | |
60 | + } | |
61 | + &.btn-success { | |
62 | + color: #FFF; | |
63 | + background-color: #6C2; | |
64 | + border: none; | |
65 | + &.reverse { | |
66 | + background-color: #FFF; | |
67 | + color: #6C2; | |
68 | + line-height: 43px; | |
69 | + // border: 1px solid #6C2; | |
70 | + &:after { | |
71 | + border-color: #6C2; | |
72 | + } | |
73 | + } | |
74 | + } | |
75 | + &.btn-warning { | |
76 | + color: #FFF; | |
77 | + background-color: #ff9d2c; | |
78 | + border: none; | |
79 | + | |
80 | + } | |
81 | + &.btn-danger { | |
82 | + color: #FFF; | |
83 | + background-color: #fa4535; | |
84 | + border: none; | |
85 | + } | |
86 | + &.btn-text { | |
87 | + background: none; | |
88 | + border: 1px solid #6c2; | |
89 | + color: #6c2; | |
90 | + width: 65px; | |
91 | + font-size: 12px; | |
92 | + text-align: center; | |
93 | + line-height: 23px; | |
94 | + padding: 0; | |
95 | + float: right; | |
96 | + border-radius: 2px; | |
97 | + margin-top: -2px; | |
98 | + } | |
99 | + &.disabled { | |
100 | + background-color: #e2e2e2; | |
101 | + color: #999; | |
102 | + // border-color: #e2e2d2; | |
103 | + &:after { | |
104 | + border-color: #e2e2d2; | |
105 | + } | |
106 | + } | |
107 | +} | ... | ... |
css/circle.css
0 → 100644
css/circle.less
0 → 100644
css/comment.css
0 → 100644
1 | +++ a/css/comment.css | |
1 | +.commentPage .m-table-view { | |
2 | + margin-bottom: 15px; | |
3 | +} | |
4 | +.commentPage .submit-wrap { | |
5 | + padding: 0 10px; | |
6 | + box-sizing: border-box; | |
7 | +} | |
8 | +.commentPage .submit { | |
9 | + width: 100%; | |
10 | +} | |
11 | +.commentPage .m-footer { | |
12 | + background: none; | |
13 | +} | |
14 | +.commentPage .m-footer a { | |
15 | + font-size: 15px; | |
16 | +} | ... | ... |
css/comment.less
0 → 100644
1 | +++ a/css/comment.less | |
1 | +.commentPage{ | |
2 | + .m-table-view{ | |
3 | + margin-bottom: 15px; | |
4 | + } | |
5 | + .submit-wrap{ | |
6 | + padding: 0 10px; | |
7 | + box-sizing: border-box; | |
8 | + } | |
9 | + .submit{ | |
10 | + width: 100%; | |
11 | + } | |
12 | + .m-footer{ | |
13 | + background: none; | |
14 | + a{ | |
15 | + font-size: 15px; | |
16 | + } | |
17 | + } | |
18 | +} | |
0 | 19 | \ No newline at end of file | ... | ... |
css/common.css
0 → 100644
1 | +++ a/css/common.css | |
1 | +/*************************************************** | |
2 | +* feature : 全局样式重置; | |
3 | +* update : 2015/02/03; | |
4 | +* use : ; | |
5 | +* extend : ; | |
6 | +* example : ; | |
7 | +* desc : ; | |
8 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
9 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
10 | +****************************************************/ | |
11 | +* { | |
12 | + -moz-tap-highlight-color: rgba(0, 0, 0, 0); | |
13 | + -o-tap-highlight-color: rgba(0, 0, 0, 0); | |
14 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
15 | +} | |
16 | +html { | |
17 | + height: 100%; | |
18 | +} | |
19 | +html, | |
20 | +body, | |
21 | +div, | |
22 | +span, | |
23 | +object, | |
24 | +iframe, | |
25 | +h1, | |
26 | +h2, | |
27 | +h3, | |
28 | +h4, | |
29 | +h5, | |
30 | +h6, | |
31 | +p, | |
32 | +blockquote, | |
33 | +pre, | |
34 | +abbr, | |
35 | +address, | |
36 | +cite, | |
37 | +code, | |
38 | +del, | |
39 | +dfn, | |
40 | +em, | |
41 | +img, | |
42 | +ins, | |
43 | +kbd, | |
44 | +q, | |
45 | +samp, | |
46 | +small, | |
47 | +strong, | |
48 | +sub, | |
49 | +sup, | |
50 | +var, | |
51 | +b, | |
52 | +i, | |
53 | +dl, | |
54 | +dt, | |
55 | +dd, | |
56 | +ol, | |
57 | +ul, | |
58 | +li, | |
59 | +fieldset, | |
60 | +form, | |
61 | +label, | |
62 | +legend, | |
63 | +table, | |
64 | +caption, | |
65 | +tbody, | |
66 | +tfoot, | |
67 | +thead, | |
68 | +tr, | |
69 | +th, | |
70 | +td, | |
71 | +article, | |
72 | +aside, | |
73 | +canvas, | |
74 | +details, | |
75 | +figcaption, | |
76 | +figure, | |
77 | +footer, | |
78 | +header, | |
79 | +menu, | |
80 | +nav, | |
81 | +section, | |
82 | +summary, | |
83 | +time, | |
84 | +mark, | |
85 | +audio, | |
86 | +video { | |
87 | + margin: 0; | |
88 | + padding: 0; | |
89 | + border: 0; | |
90 | + outline: 0; | |
91 | + vertical-align: baseline; | |
92 | + background: transparent; | |
93 | +} | |
94 | +body { | |
95 | + font: 13px/1.5 normal SimSun, "宋体", sans-serif, Arial, "华文细黑", "Microsoft YaHei", "微软雅黑", Tahoma, STXihei; | |
96 | + color: #333; | |
97 | + background-color: #f1f2f7; | |
98 | + min-height: 100%; | |
99 | +} | |
100 | +article, | |
101 | +aside, | |
102 | +details, | |
103 | +figcaption, | |
104 | +figure, | |
105 | +footer, | |
106 | +header, | |
107 | +menu, | |
108 | +nav, | |
109 | +section { | |
110 | + display: block; | |
111 | +} | |
112 | +nav ul { | |
113 | + list-style: none; | |
114 | +} | |
115 | +li { | |
116 | + list-style: none; | |
117 | +} | |
118 | +ins { | |
119 | + background-color: #ff9; | |
120 | + color: #000; | |
121 | + text-decoration: none; | |
122 | +} | |
123 | +mark { | |
124 | + background-color: #ff9; | |
125 | + color: #000; | |
126 | + font-style: italic; | |
127 | + font-weight: bold; | |
128 | +} | |
129 | +table { | |
130 | + border-collapse: collapse; | |
131 | + border-spacing: 0; | |
132 | +} | |
133 | +hr { | |
134 | + display: block; | |
135 | + height: 1px; | |
136 | + border: 0; | |
137 | + border-top: 1px solid #cccccc; | |
138 | + margin: 0; | |
139 | + padding: 0; | |
140 | +} | |
141 | +em { | |
142 | + font-style: normal; | |
143 | +} | |
144 | +input, | |
145 | +select { | |
146 | + vertical-align: middle; | |
147 | +} | |
148 | +input:focus, | |
149 | +button:focus { | |
150 | + outline: none; | |
151 | +} | |
152 | +a { | |
153 | + color: #333; | |
154 | + text-decoration: none; | |
155 | + margin: 0; | |
156 | + padding: 0; | |
157 | + vertical-align: baseline; | |
158 | + background: transparent; | |
159 | +} | |
160 | +a:active, | |
161 | +a:visited { | |
162 | + color: #333; | |
163 | +} | |
164 | +input, | |
165 | +img { | |
166 | + border: 0; | |
167 | + vertical-align: middle; | |
168 | +} | |
169 | +textarea, | |
170 | +input, | |
171 | +a { | |
172 | + -webkit-tap-highlight-color: transparent; | |
173 | +} | |
174 | +/* 清除浮动 */ | |
175 | +.clearfix, | |
176 | +.clear { | |
177 | + display: inline-table; | |
178 | + zoom: 1; | |
179 | +} | |
180 | +* html .clearfix, | |
181 | +* html .clear { | |
182 | + height: 1%; | |
183 | +} | |
184 | +* html .clearfix, | |
185 | +* html .clear { | |
186 | + zoom: 1; | |
187 | +} | |
188 | +.clearfix, | |
189 | +.clear { | |
190 | + display: block; | |
191 | +} | |
192 | +.clear { | |
193 | + clear: both; | |
194 | +} | |
195 | +.clearfix:after, | |
196 | +.clear:after { | |
197 | + content: " "; | |
198 | + display: block; | |
199 | + height: 0; | |
200 | + clear: both; | |
201 | + visibility: hidden; | |
202 | + line-height: 0px; | |
203 | +} | |
204 | +.m-tips { | |
205 | + background-color: #fff391; | |
206 | + color: #f47163; | |
207 | + line-height: 35px; | |
208 | + font-size: 15px; | |
209 | + font-weight: normal; | |
210 | + text-align: center; | |
211 | + opacity: 0; | |
212 | + margin-top: -35px; | |
213 | + -webkit-transition: all 0.3s ease-in-out; | |
214 | + -o-transition: all 0.3s ease-in-out; | |
215 | + transition: all 0.3s ease-in-out; | |
216 | +} | |
217 | +.m-tips.animate { | |
218 | + opacity: 1; | |
219 | + margin-top: 0; | |
220 | +} | |
221 | +.m-badge { | |
222 | + position: absolute; | |
223 | + display: inline-block; | |
224 | + width: 56px; | |
225 | + height: 56px; | |
226 | + left: 0; | |
227 | + top: 0; | |
228 | +} | |
229 | +.m-badge.badge-pause { | |
230 | + background-image: url(../images/dest/sprite.png); | |
231 | + background-position: -880px -880px; | |
232 | + background-position: -440px -440px; | |
233 | + width: 112px; | |
234 | + width: 56px; | |
235 | + height: 112px; | |
236 | + height: 56px; | |
237 | + background-size: 571px; | |
238 | +} | |
239 | +.m-badge.badge-cert { | |
240 | + background-image: url(../images/dest/sprite.png); | |
241 | + background-position: -432px -880px; | |
242 | + background-position: -216px -440px; | |
243 | + width: 112px; | |
244 | + width: 56px; | |
245 | + height: 112px; | |
246 | + height: 56px; | |
247 | + background-size: 571px; | |
248 | +} | |
249 | +/*************************************************** | |
250 | +* feature : 按钮,默认提供3种样式; | |
251 | +* update : 2015/02/03; | |
252 | +* use : .m-btn; | |
253 | +* extend : .btn-*; | |
254 | +* example : ; | |
255 | +* desc : ; | |
256 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
257 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
258 | +****************************************************/ | |
259 | +.m-btn, | |
260 | +a.m-btn { | |
261 | + display: inline-block; | |
262 | + padding: 0 15px; | |
263 | + line-height: 35px; | |
264 | + font-size: 15px; | |
265 | + color: #FFF; | |
266 | + text-align: center; | |
267 | + background-color: #1c69a3; | |
268 | + border-radius: 3px; | |
269 | + -webkit-border-radius: 3px; | |
270 | + -moz-border-radius: 3px; | |
271 | + cursor: pointer; | |
272 | + vertical-align: middle; | |
273 | + min-width: 68px; | |
274 | + position: relative; | |
275 | + border: none; | |
276 | +} | |
277 | +.m-btn:after, | |
278 | +a.m-btn:after { | |
279 | + content: ''; | |
280 | + position: absolute; | |
281 | + top: 0; | |
282 | + left: 0; | |
283 | + border: 1px solid #1c69a3; | |
284 | + -webkit-box-sizing: border-box; | |
285 | + box-sizing: border-box; | |
286 | + width: 200%; | |
287 | + height: 200%; | |
288 | + -webkit-transform: scale(0.5); | |
289 | + transform: scale(0.5); | |
290 | + -webkit-transform-origin: left top; | |
291 | + transform-origin: left top; | |
292 | + border-radius: 6px; | |
293 | + -webkit-border-radius: 6px; | |
294 | + -moz-border-radius: 6px; | |
295 | +} | |
296 | +.m-btn.btn-large, | |
297 | +a.m-btn.btn-large { | |
298 | + font-size: 19px; | |
299 | + line-height: 43px; | |
300 | +} | |
301 | +.m-btn.btn-default, | |
302 | +a.m-btn.btn-default { | |
303 | + color: #333; | |
304 | + background-color: #FFF; | |
305 | +} | |
306 | +.m-btn.btn-default:after, | |
307 | +a.m-btn.btn-default:after { | |
308 | + border-color: #e2e2e2; | |
309 | +} | |
310 | +.m-btn.btn-success, | |
311 | +a.m-btn.btn-success { | |
312 | + color: #FFF; | |
313 | + background-color: #6C2; | |
314 | + border: none; | |
315 | +} | |
316 | +.m-btn.btn-success.reverse, | |
317 | +a.m-btn.btn-success.reverse { | |
318 | + background-color: #FFF; | |
319 | + color: #6C2; | |
320 | + line-height: 43px; | |
321 | +} | |
322 | +.m-btn.btn-success.reverse:after, | |
323 | +a.m-btn.btn-success.reverse:after { | |
324 | + border-color: #6C2; | |
325 | +} | |
326 | +.m-btn.btn-warning, | |
327 | +a.m-btn.btn-warning { | |
328 | + color: #FFF; | |
329 | + background-color: #ff9d2c; | |
330 | + border: none; | |
331 | +} | |
332 | +.m-btn.btn-danger, | |
333 | +a.m-btn.btn-danger { | |
334 | + color: #FFF; | |
335 | + background-color: #fa4535; | |
336 | + border: none; | |
337 | +} | |
338 | +.m-btn.btn-text, | |
339 | +a.m-btn.btn-text { | |
340 | + background: none; | |
341 | + border: 1px solid #6c2; | |
342 | + color: #6c2; | |
343 | + width: 65px; | |
344 | + font-size: 12px; | |
345 | + text-align: center; | |
346 | + line-height: 23px; | |
347 | + padding: 0; | |
348 | + float: right; | |
349 | + border-radius: 2px; | |
350 | + margin-top: -2px; | |
351 | +} | |
352 | +.m-btn.disabled, | |
353 | +a.m-btn.disabled { | |
354 | + background-color: #e2e2e2; | |
355 | + color: #999; | |
356 | +} | |
357 | +.m-btn.disabled:after, | |
358 | +a.m-btn.disabled:after { | |
359 | + border-color: #e2e2d2; | |
360 | +} | |
361 | +.border-1px { | |
362 | + position: relative; | |
363 | +} | |
364 | +.border-1px:before, | |
365 | +.border-1px:after { | |
366 | + border-top: 1px solid #e2e2e2; | |
367 | + content: ''; | |
368 | + display: block; | |
369 | + width: 100%; | |
370 | + position: absolute; | |
371 | + left: 0; | |
372 | + z-index: 1; | |
373 | +} | |
374 | +.border-1px:before { | |
375 | + top: 0; | |
376 | +} | |
377 | +.border-1px:after { | |
378 | + bottom: 0; | |
379 | +} | |
380 | +.border-1px.border-top:after { | |
381 | + display: none; | |
382 | +} | |
383 | +.border-1px.border-bottom:before { | |
384 | + display: none; | |
385 | +} | |
386 | +.border-1px-full { | |
387 | + position: relative; | |
388 | +} | |
389 | +.border-1px-full:after { | |
390 | + content: ''; | |
391 | + position: absolute; | |
392 | + top: 0; | |
393 | + left: 0; | |
394 | + z-index: 1; | |
395 | + border: 1px solid #e2e2e2; | |
396 | + -webkit-box-sizing: border-box; | |
397 | + box-sizing: border-box; | |
398 | + width: 200%; | |
399 | + height: 200%; | |
400 | + -webkit-transform: scale(0.5); | |
401 | + transform: scale(0.5); | |
402 | + -webkit-transform-origin: left top; | |
403 | + transform-origin: left top; | |
404 | + border-radius: 3px; | |
405 | + -webkit-border-radius: 3px; | |
406 | + -moz-border-radius: 3px; | |
407 | +} | |
408 | +@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { | |
409 | + .border-1px::after, | |
410 | + .border-1px::before { | |
411 | + -webkit-transform: scaleY(0.7); | |
412 | + -webkit-transform-origin: 0 0; | |
413 | + transform: scaleY(0.7); | |
414 | + } | |
415 | + .border-1px::after { | |
416 | + -webkit-transform-origin: left bottom; | |
417 | + } | |
418 | +} | |
419 | +@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { | |
420 | + .border-1px::after, | |
421 | + .border-1px::before { | |
422 | + -webkit-transform: scaleY(0.5); | |
423 | + transform: scaleY(0.5); | |
424 | + } | |
425 | +} | |
426 | +/*************************************************** | |
427 | +* feature : 表单组件类集合,提供input、textarea等样式; | |
428 | +* update : 2015/02/03; | |
429 | +* use : 按需使用; | |
430 | +* extend : ; | |
431 | +* example : ; | |
432 | +* desc : ; | |
433 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
434 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
435 | +****************************************************/ | |
436 | +.m-input-wrap { | |
437 | + position: relative; | |
438 | +} | |
439 | +.m-input-wrap .m-input { | |
440 | + padding-right: 40px; | |
441 | +} | |
442 | +.m-input-wrap .clear-btn { | |
443 | + position: absolute; | |
444 | + right: 5px; | |
445 | + top: 0; | |
446 | + display: block; | |
447 | + height: 100%; | |
448 | + width: 36px; | |
449 | + cursor: pointer; | |
450 | +} | |
451 | +.m-input-wrap .clear-btn .m-icon { | |
452 | + position: absolute; | |
453 | + top: 50%; | |
454 | + left: 50%; | |
455 | + margin: -15px 0 0 -15px; | |
456 | +} | |
457 | +.m-input-wrap.input-search .m-input { | |
458 | + padding: 4px 5px 4px 35px; | |
459 | + font-size: 13px; | |
460 | +} | |
461 | +.m-input-wrap.input-search .m-input:focus { | |
462 | + border-color: #e2e2e2; | |
463 | +} | |
464 | +.m-input-wrap.input-search .icon-search { | |
465 | + position: absolute; | |
466 | + left: 10px; | |
467 | + top: 50%; | |
468 | + margin: -8px 0 0 0; | |
469 | +} | |
470 | +.m-input { | |
471 | + line-height: 22px; | |
472 | + min-height: 22px; | |
473 | + margin: 0; | |
474 | + padding: 11px 11px 10px; | |
475 | + font-size: 17px; | |
476 | + color: #333; | |
477 | + width: 100%; | |
478 | + border: 1px solid #e2e2e2; | |
479 | + text-align: left; | |
480 | + outline: none; | |
481 | + box-shadow: none; | |
482 | + background: #FFF; | |
483 | + -webkit-box-sizing: border-box; | |
484 | + -moz-box-sizing: border-box; | |
485 | + box-sizing: border-box; | |
486 | + -webkit-border-radius: 3px; | |
487 | + -moz-border-radius: 3px; | |
488 | + -ms-border-radius: 3px; | |
489 | + -o-border-radius: 3px; | |
490 | + border-radius: 3px; | |
491 | + vertical-align: middle; | |
492 | +} | |
493 | +.m-input:focus { | |
494 | + border-color: #1c69a3; | |
495 | +} | |
496 | +.m-textarea { | |
497 | + width: 100%; | |
498 | + padding: 8px; | |
499 | + box-sizing: border-box; | |
500 | + font-size: 15px; | |
501 | + color: #333; | |
502 | + margin: 0; | |
503 | + min-height: 90px; | |
504 | + border: none; | |
505 | + outline: none; | |
506 | + border-radius: 0; | |
507 | + box-shadow: none; | |
508 | + resize: none; | |
509 | + line-height: 1.5; | |
510 | + -webkit-appearance: none; | |
511 | +} | |
512 | +.m-input-number { | |
513 | + display: inline-block; | |
514 | + border: 1px solid #ccc; | |
515 | + border-radius: 4px; | |
516 | + background-color: #FFF; | |
517 | + font-size: 0; | |
518 | +} | |
519 | +.m-input-number input { | |
520 | + line-height: normal; | |
521 | + float: left; | |
522 | + height: 22px; | |
523 | + padding: 5px 5px 6px; | |
524 | + font-size: 12px; | |
525 | + color: #666; | |
526 | + width: 40px; | |
527 | + text-align: center; | |
528 | +} | |
529 | +.m-input-number span { | |
530 | + float: left; | |
531 | + position: relative; | |
532 | + width: 33px; | |
533 | + height: 33px; | |
534 | + cursor: pointer; | |
535 | +} | |
536 | +.m-input-number span:before, | |
537 | +.m-input-number span:after { | |
538 | + content: ''; | |
539 | + position: absolute; | |
540 | + width: 15px; | |
541 | + height: 1px; | |
542 | + top: 50%; | |
543 | + left: 50%; | |
544 | + margin-left: -7px; | |
545 | + background-color: #999; | |
546 | + font-size: 0; | |
547 | + overflow: hidden; | |
548 | + cursor: pointer; | |
549 | +} | |
550 | +.m-input-number .reduce { | |
551 | + border-right: 1px solid #ccc; | |
552 | +} | |
553 | +.m-input-number .reduce:after { | |
554 | + display: none; | |
555 | +} | |
556 | +.m-input-number .add { | |
557 | + border-left: 1px solid #ccc; | |
558 | +} | |
559 | +.m-input-number .add:after { | |
560 | + content: ''; | |
561 | + position: absolute; | |
562 | + height: 15px; | |
563 | + width: 1px; | |
564 | + margin: -7px 0 0; | |
565 | +} | |
566 | +input.m-radio { | |
567 | + background-image: url(../images/dest/sprite.png); | |
568 | + background-position: -778px -300px; | |
569 | + background-position: -389px -150px; | |
570 | + width: 46px; | |
571 | + width: 23px; | |
572 | + height: 46px; | |
573 | + height: 23px; | |
574 | + background-size: 571px; | |
575 | + -webkit-appearance: none; | |
576 | + -moz-appearance: none; | |
577 | + -o-appearance: none; | |
578 | + appearance: none; | |
579 | + display: inline-block; | |
580 | + border: none; | |
581 | + cursor: pointer; | |
582 | + margin: 0px; | |
583 | + position: relative; | |
584 | + outline: none; | |
585 | + vertical-align: middle; | |
586 | + background-color: transparent; | |
587 | +} | |
588 | +input.m-radio:focus { | |
589 | + outline: 0; | |
590 | + outline: none; | |
591 | +} | |
592 | +input.m-radio:checked { | |
593 | + background-image: url(../images/dest/sprite.png); | |
594 | + background-position: -824px -300px; | |
595 | + background-position: -412px -150px; | |
596 | + width: 46px; | |
597 | + width: 23px; | |
598 | + height: 46px; | |
599 | + height: 23px; | |
600 | + background-size: 571px; | |
601 | +} | |
602 | +.m-select { | |
603 | + display: inline-block; | |
604 | + border: 1px solid #ddd; | |
605 | + min-width: 170px; | |
606 | + height: 36px; | |
607 | + background-color: #FFF; | |
608 | + line-height: 36px; | |
609 | + font-size: 14px; | |
610 | + color: #333; | |
611 | + font-weight: normal; | |
612 | + padding-left: 10px; | |
613 | + float: left; | |
614 | + overflow: hidden; | |
615 | + position: relative; | |
616 | + height: 22px !ie; | |
617 | + border: 1px solid #fff !ie; | |
618 | + padding-left: 0px !ie; | |
619 | +} | |
620 | +.m-select:after { | |
621 | + content: ''; | |
622 | + position: absolute; | |
623 | + right: 10px; | |
624 | + top: 50%; | |
625 | + margin-top: -2px; | |
626 | + border: 5px solid #ccc; | |
627 | + border-color: #ccc transparent transparent; | |
628 | + width: 0; | |
629 | + height: 0; | |
630 | + font-size: 0; | |
631 | + overflow: hidden; | |
632 | +} | |
633 | +.m-select select { | |
634 | + width: 110%; | |
635 | + max-width: 110%; | |
636 | + min-width: 110%; | |
637 | + appearance: none; | |
638 | + -webkit-appearance: none; | |
639 | + -moz-appearance: window; | |
640 | + white-space: nowrap; | |
641 | + text-overflow: ellipsis; | |
642 | + overflow: hidden; | |
643 | + font-size: 14px; | |
644 | + font-weight: 400; | |
645 | + background: none; | |
646 | + border: 1px solid #fff; | |
647 | + vertical-align: middle; | |
648 | + color: #333; | |
649 | + outline: none; | |
650 | + padding: 0; | |
651 | + line-height: 1.5; | |
652 | + height: 36px; | |
653 | + height: 20px\0; | |
654 | + line-height: 36px; | |
655 | + width: 100% !ie; | |
656 | +} | |
657 | +.m-select select:-moz-focusring { | |
658 | + color: transparent; | |
659 | + text-shadow: 0 0 0 #000; | |
660 | +} | |
661 | +.m-input-date { | |
662 | + position: relative; | |
663 | + display: inline-block; | |
664 | + vertical-align: middle; | |
665 | + min-width: 50px; | |
666 | +} | |
667 | +.m-input-date .current { | |
668 | + color: #999; | |
669 | + text-align: right; | |
670 | + display: block; | |
671 | + line-height: 21px; | |
672 | +} | |
673 | +.m-input-date input { | |
674 | + border: 0; | |
675 | + font-size: 14px; | |
676 | + background: none; | |
677 | + outline: none; | |
678 | + position: absolute; | |
679 | + top: 0; | |
680 | + left: 0; | |
681 | + width: 100%; | |
682 | + height: 100%; | |
683 | + opacity: 0; | |
684 | +} | |
685 | +.m-circle { | |
686 | + display: inline-block; | |
687 | + vertical-align: middle; | |
688 | + text-align: center; | |
689 | +} | |
690 | +.m-circle canvas { | |
691 | + width: 100%; | |
692 | + height: 100%; | |
693 | +} | |
694 | +/* | |
695 | +LESS variables are information about icon's compiled state, stored under its original file name | |
696 | + | |
697 | +.icon-home { | |
698 | + width: @icon-home-width; | |
699 | +} | |
700 | + | |
701 | +The large array-like variables contain all information about a single icon | |
702 | +@icon-home: x y offset_x offset_y width height total_width total_height image_path name; | |
703 | + | |
704 | +At the bottom of this section, we provide information about the spritesheet itself | |
705 | +@spritesheet: width height image @spritesheet-sprites; | |
706 | +*/ | |
707 | +/* | |
708 | +The provided classes are intended to be used with the array-like variables | |
709 | + | |
710 | +.icon-home { | |
711 | + .sprite-width(@icon-home); | |
712 | +} | |
713 | +.icon-email { | |
714 | + .sprite(@icon-email); | |
715 | +} | |
716 | +*/ | |
717 | +/* | |
718 | +The `.sprites` mixin generates identical output to the CSS template | |
719 | + but can be overridden inside of LESS | |
720 | + | |
721 | +This must be run when you have at least 2 sprites. | |
722 | + If run with a single sprite, then there will be reference errors. | |
723 | + | |
724 | +.sprites(@spritesheet-sprites); | |
725 | +*/ | |
726 | +.m-icon { | |
727 | + display: inline-block; | |
728 | + vertical-align: middle; | |
729 | +} | |
730 | +.icon-arrow { | |
731 | + background-image: url(../images/dest/sprite.png); | |
732 | + background-position: -992px -880px; | |
733 | + background-position: -496px -440px; | |
734 | + width: 32px; | |
735 | + width: 16px; | |
736 | + height: 32px; | |
737 | + height: 16px; | |
738 | + background-size: 571px; | |
739 | +} | |
740 | +.icon-choose { | |
741 | + background-image: url(../images/dest/sprite.png); | |
742 | + background-position: -778px -300px; | |
743 | + background-position: -389px -150px; | |
744 | + width: 46px; | |
745 | + width: 23px; | |
746 | + height: 46px; | |
747 | + height: 23px; | |
748 | + background-size: 571px; | |
749 | +} | |
750 | +.icon-choose_H { | |
751 | + background-image: url(../images/dest/sprite.png); | |
752 | + background-position: -824px -300px; | |
753 | + background-position: -412px -150px; | |
754 | + width: 46px; | |
755 | + width: 23px; | |
756 | + height: 46px; | |
757 | + height: 23px; | |
758 | + background-size: 571px; | |
759 | +} | |
760 | +.icon-delete { | |
761 | + background-image: url(../images/dest/sprite.png); | |
762 | + background-position: -186px -1000px; | |
763 | + background-position: -93px -500px; | |
764 | + width: 46px; | |
765 | + width: 23px; | |
766 | + height: 46px; | |
767 | + height: 23px; | |
768 | + background-size: 571px; | |
769 | +} | |
770 | +.icon-drop_down { | |
771 | + background-image: url(../images/dest/sprite.png); | |
772 | + background-position: -858px -580px; | |
773 | + background-position: -429px -290px; | |
774 | + width: 16px; | |
775 | + width: 8px; | |
776 | + height: 16px; | |
777 | + height: 8px; | |
778 | + background-size: 571px; | |
779 | +} | |
780 | +.icon-fenxiang_duanxin { | |
781 | + background-image: url(../images/dest/sprite.png); | |
782 | + background-position: -1030px -412px; | |
783 | + background-position: -515px -206px; | |
784 | + width: 100px; | |
785 | + width: 50px; | |
786 | + height: 100px; | |
787 | + height: 50px; | |
788 | + background-size: 571px; | |
789 | +} | |
790 | +.icon-guide_dan { | |
791 | + background-image: url(../images/dest/sprite.png); | |
792 | + background-position: -1110px -956px; | |
793 | + background-position: -555px -478px; | |
794 | + width: 32px; | |
795 | + width: 16px; | |
796 | + height: 32px; | |
797 | + height: 16px; | |
798 | + background-size: 571px; | |
799 | +} | |
800 | +.icon-guide_shuang { | |
801 | + background-image: url(../images/dest/sprite.png); | |
802 | + background-position: -1102px -724px; | |
803 | + background-position: -551px -362px; | |
804 | + width: 32px; | |
805 | + width: 16px; | |
806 | + height: 32px; | |
807 | + height: 16px; | |
808 | + background-size: 571px; | |
809 | +} | |
810 | +.icon-help { | |
811 | + background-image: url(../images/dest/sprite.png); | |
812 | + background-position: -630px -300px; | |
813 | + background-position: -315px -150px; | |
814 | + width: 50px; | |
815 | + width: 25px; | |
816 | + height: 50px; | |
817 | + height: 25px; | |
818 | + background-size: 571px; | |
819 | +} | |
820 | +.icon-home_jiedan { | |
821 | + background-image: url(../images/dest/sprite.png); | |
822 | + background-position: 0px 0px; | |
823 | + width: 290px; | |
824 | + width: 145px; | |
825 | + height: 350px; | |
826 | + height: 175px; | |
827 | + background-size: 571px; | |
828 | +} | |
829 | +.icon-home_jiedan_H { | |
830 | + background-image: url(../images/dest/sprite.png); | |
831 | + background-position: -290px 0px; | |
832 | + background-position: -145px 0px; | |
833 | + width: 290px; | |
834 | + width: 145px; | |
835 | + height: 350px; | |
836 | + height: 175px; | |
837 | + background-size: 571px; | |
838 | +} | |
839 | +.icon-home_jiedanzhong { | |
840 | + background-image: url(../images/dest/sprite.png); | |
841 | + background-position: -320px -880px; | |
842 | + background-position: -160px -440px; | |
843 | + width: 112px; | |
844 | + width: 56px; | |
845 | + height: 112px; | |
846 | + height: 56px; | |
847 | + background-size: 571px; | |
848 | +} | |
849 | +.icon-home_kefu { | |
850 | + background-image: url(../images/dest/sprite.png); | |
851 | + background-position: -580px -760px; | |
852 | + background-position: -290px -380px; | |
853 | + width: 290px; | |
854 | + width: 145px; | |
855 | + height: 110px; | |
856 | + height: 55px; | |
857 | + background-size: 571px; | |
858 | +} | |
859 | +.icon-home_kefu_H { | |
860 | + background-image: url(../images/dest/sprite.png); | |
861 | + background-position: -580px -650px; | |
862 | + background-position: -290px -325px; | |
863 | + width: 290px; | |
864 | + width: 145px; | |
865 | + height: 110px; | |
866 | + height: 55px; | |
867 | + background-size: 571px; | |
868 | +} | |
869 | +.icon-home_shenhezhong { | |
870 | + background-image: url(../images/dest/sprite.png); | |
871 | + background-position: -544px -880px; | |
872 | + background-position: -272px -440px; | |
873 | + width: 112px; | |
874 | + width: 56px; | |
875 | + height: 112px; | |
876 | + height: 56px; | |
877 | + background-size: 571px; | |
878 | +} | |
879 | +.icon-home_weijiedan { | |
880 | + background-image: url(../images/dest/sprite.png); | |
881 | + background-position: -656px -880px; | |
882 | + background-position: -328px -440px; | |
883 | + width: 112px; | |
884 | + width: 56px; | |
885 | + height: 112px; | |
886 | + height: 56px; | |
887 | + background-size: 571px; | |
888 | +} | |
889 | +.icon-home_weitongguo { | |
890 | + background-image: url(../images/dest/sprite.png); | |
891 | + background-position: -768px -880px; | |
892 | + background-position: -384px -440px; | |
893 | + width: 112px; | |
894 | + width: 56px; | |
895 | + height: 112px; | |
896 | + height: 56px; | |
897 | + background-size: 571px; | |
898 | +} | |
899 | +.icon-home_wo { | |
900 | + background-image: url(../images/dest/sprite.png); | |
901 | + background-position: -290px -650px; | |
902 | + background-position: -145px -325px; | |
903 | + width: 290px; | |
904 | + width: 145px; | |
905 | + height: 230px; | |
906 | + height: 115px; | |
907 | + background-size: 571px; | |
908 | +} | |
909 | +.icon-home_wo_H { | |
910 | + background-image: url(../images/dest/sprite.png); | |
911 | + background-position: -300px -350px; | |
912 | + background-position: -150px -175px; | |
913 | + width: 290px; | |
914 | + width: 145px; | |
915 | + height: 230px; | |
916 | + height: 115px; | |
917 | + background-size: 571px; | |
918 | +} | |
919 | +.icon-home_yirenzheng { | |
920 | + background-image: url(../images/dest/sprite.png); | |
921 | + background-position: -1030px 0px; | |
922 | + background-position: -515px 0px; | |
923 | + width: 112px; | |
924 | + width: 56px; | |
925 | + height: 112px; | |
926 | + height: 56px; | |
927 | + background-size: 571px; | |
928 | +} | |
929 | +.icon-home_yundan { | |
930 | + background-image: url(../images/dest/sprite.png); | |
931 | + background-position: -590px -350px; | |
932 | + background-position: -295px -175px; | |
933 | + width: 290px; | |
934 | + width: 145px; | |
935 | + height: 230px; | |
936 | + height: 115px; | |
937 | + background-size: 571px; | |
938 | +} | |
939 | +.icon-home_yundan_H { | |
940 | + background-image: url(../images/dest/sprite.png); | |
941 | + background-position: 0px -650px; | |
942 | + background-position: 0px -325px; | |
943 | + width: 290px; | |
944 | + width: 145px; | |
945 | + height: 230px; | |
946 | + height: 115px; | |
947 | + background-size: 571px; | |
948 | +} | |
949 | +.icon-img { | |
950 | + background-image: url(../images/dest/sprite.png); | |
951 | + background-position: -160px -880px; | |
952 | + background-position: -80px -440px; | |
953 | + width: 160px; | |
954 | + width: 80px; | |
955 | + height: 120px; | |
956 | + height: 60px; | |
957 | + background-size: 571px; | |
958 | +} | |
959 | +.icon-img_H { | |
960 | + background-image: url(../images/dest/sprite.png); | |
961 | + background-position: 0px -880px; | |
962 | + background-position: 0px -440px; | |
963 | + width: 160px; | |
964 | + width: 80px; | |
965 | + height: 120px; | |
966 | + height: 60px; | |
967 | + background-size: 571px; | |
968 | +} | |
969 | +.icon-jiedan_baozhengjin { | |
970 | + background-image: url(../images/dest/sprite.png); | |
971 | + background-position: -352px -1000px; | |
972 | + background-position: -176px -500px; | |
973 | + width: 40px; | |
974 | + width: 20px; | |
975 | + height: 40px; | |
976 | + height: 20px; | |
977 | + background-size: 571px; | |
978 | +} | |
979 | +.icon-label_renzheng { | |
980 | + background-image: url(../images/dest/sprite.png); | |
981 | + background-position: -432px -880px; | |
982 | + background-position: -216px -440px; | |
983 | + width: 112px; | |
984 | + width: 56px; | |
985 | + height: 112px; | |
986 | + height: 56px; | |
987 | + background-size: 571px; | |
988 | +} | |
989 | +.icon-label_zanting { | |
990 | + background-image: url(../images/dest/sprite.png); | |
991 | + background-position: -880px -880px; | |
992 | + background-position: -440px -440px; | |
993 | + width: 112px; | |
994 | + width: 56px; | |
995 | + height: 112px; | |
996 | + height: 56px; | |
997 | + background-size: 571px; | |
998 | +} | |
999 | +.icon-percentage_1 { | |
1000 | + background-image: url(../images/dest/sprite.png); | |
1001 | + background-position: -734px -580px; | |
1002 | + background-position: -367px -290px; | |
1003 | + width: 62px; | |
1004 | + width: 31px; | |
1005 | + height: 62px; | |
1006 | + height: 31px; | |
1007 | + background-size: 571px; | |
1008 | +} | |
1009 | +.icon-percentage_2 { | |
1010 | + background-image: url(../images/dest/sprite.png); | |
1011 | + background-position: -796px -580px; | |
1012 | + background-position: -398px -290px; | |
1013 | + width: 62px; | |
1014 | + width: 31px; | |
1015 | + height: 62px; | |
1016 | + height: 31px; | |
1017 | + background-size: 571px; | |
1018 | +} | |
1019 | +.icon-phone { | |
1020 | + background-image: url(../images/dest/sprite.png); | |
1021 | + background-position: -1030px -684px; | |
1022 | + background-position: -515px -342px; | |
1023 | + width: 72px; | |
1024 | + width: 36px; | |
1025 | + height: 72px; | |
1026 | + height: 36px; | |
1027 | + background-size: 571px; | |
1028 | +} | |
1029 | +.icon-phone_H { | |
1030 | + background-image: url(../images/dest/sprite.png); | |
1031 | + background-position: -1030px -612px; | |
1032 | + background-position: -515px -306px; | |
1033 | + width: 72px; | |
1034 | + width: 36px; | |
1035 | + height: 72px; | |
1036 | + height: 36px; | |
1037 | + background-size: 571px; | |
1038 | +} | |
1039 | +.icon-phone_x { | |
1040 | + background-image: url(../images/dest/sprite.png); | |
1041 | + background-position: -730px -300px; | |
1042 | + background-position: -365px -150px; | |
1043 | + width: 48px; | |
1044 | + width: 24px; | |
1045 | + height: 48px; | |
1046 | + height: 24px; | |
1047 | + background-size: 571px; | |
1048 | +} | |
1049 | +.icon-public_jia { | |
1050 | + background-image: url(../images/dest/sprite.png); | |
1051 | + background-position: -362px -580px; | |
1052 | + background-position: -181px -290px; | |
1053 | + width: 62px; | |
1054 | + width: 31px; | |
1055 | + height: 62px; | |
1056 | + height: 31px; | |
1057 | + background-size: 571px; | |
1058 | +} | |
1059 | +.icon-public_jia_H { | |
1060 | + background-image: url(../images/dest/sprite.png); | |
1061 | + background-position: -300px -580px; | |
1062 | + background-position: -150px -290px; | |
1063 | + width: 62px; | |
1064 | + width: 31px; | |
1065 | + height: 62px; | |
1066 | + height: 31px; | |
1067 | + background-size: 571px; | |
1068 | +} | |
1069 | +.icon-public_quxiao1 { | |
1070 | + background-image: url(../images/dest/sprite.png); | |
1071 | + background-position: -486px -580px; | |
1072 | + background-position: -243px -290px; | |
1073 | + width: 62px; | |
1074 | + width: 31px; | |
1075 | + height: 62px; | |
1076 | + height: 31px; | |
1077 | + background-size: 571px; | |
1078 | +} | |
1079 | +.icon-public_quxiao1_H { | |
1080 | + background-image: url(../images/dest/sprite.png); | |
1081 | + background-position: -548px -580px; | |
1082 | + background-position: -274px -290px; | |
1083 | + width: 62px; | |
1084 | + width: 31px; | |
1085 | + height: 62px; | |
1086 | + height: 31px; | |
1087 | + background-size: 571px; | |
1088 | +} | |
1089 | +.icon-qidian { | |
1090 | + background-image: url(../images/dest/sprite.png); | |
1091 | + background-position: -1102px -612px; | |
1092 | + background-position: -551px -306px; | |
1093 | + width: 40px; | |
1094 | + width: 20px; | |
1095 | + height: 40px; | |
1096 | + height: 20px; | |
1097 | + background-size: 571px; | |
1098 | +} | |
1099 | +.icon-score { | |
1100 | + background-image: url(../images/dest/sprite.png); | |
1101 | + background-position: -680px -300px; | |
1102 | + background-position: -340px -150px; | |
1103 | + width: 50px; | |
1104 | + width: 25px; | |
1105 | + height: 50px; | |
1106 | + height: 25px; | |
1107 | + background-size: 571px; | |
1108 | +} | |
1109 | +.icon-score_H { | |
1110 | + background-image: url(../images/dest/sprite.png); | |
1111 | + background-position: -580px -300px; | |
1112 | + background-position: -290px -150px; | |
1113 | + width: 50px; | |
1114 | + width: 25px; | |
1115 | + height: 50px; | |
1116 | + height: 25px; | |
1117 | + background-size: 571px; | |
1118 | +} | |
1119 | +.icon-search { | |
1120 | + background-image: url(../images/dest/sprite.png); | |
1121 | + background-position: -1102px -652px; | |
1122 | + background-position: -551px -326px; | |
1123 | + width: 32px; | |
1124 | + width: 16px; | |
1125 | + height: 32px; | |
1126 | + height: 16px; | |
1127 | + background-size: 571px; | |
1128 | +} | |
1129 | +.icon-share_QQ { | |
1130 | + background-image: url(../images/dest/sprite.png); | |
1131 | + background-position: -1030px -312px; | |
1132 | + background-position: -515px -156px; | |
1133 | + width: 100px; | |
1134 | + width: 50px; | |
1135 | + height: 100px; | |
1136 | + height: 50px; | |
1137 | + background-size: 571px; | |
1138 | +} | |
1139 | +.icon-share_baidu { | |
1140 | + background-image: url(../images/dest/sprite.png); | |
1141 | + background-position: -1030px -212px; | |
1142 | + background-position: -515px -106px; | |
1143 | + width: 100px; | |
1144 | + width: 50px; | |
1145 | + height: 100px; | |
1146 | + height: 50px; | |
1147 | + background-size: 571px; | |
1148 | +} | |
1149 | +.icon-share_weixin { | |
1150 | + background-image: url(../images/dest/sprite.png); | |
1151 | + background-position: -1030px -112px; | |
1152 | + background-position: -515px -56px; | |
1153 | + width: 100px; | |
1154 | + width: 50px; | |
1155 | + height: 100px; | |
1156 | + height: 50px; | |
1157 | + background-size: 571px; | |
1158 | +} | |
1159 | +.icon-share_xinlang { | |
1160 | + background-image: url(../images/dest/sprite.png); | |
1161 | + background-position: -1030px -512px; | |
1162 | + background-position: -515px -256px; | |
1163 | + width: 100px; | |
1164 | + width: 50px; | |
1165 | + height: 100px; | |
1166 | + height: 50px; | |
1167 | + background-size: 571px; | |
1168 | +} | |
1169 | +.icon-state_1 { | |
1170 | + background-image: url(../images/dest/sprite.png); | |
1171 | + background-position: -1030px -956px; | |
1172 | + background-position: -515px -478px; | |
1173 | + width: 80px; | |
1174 | + width: 40px; | |
1175 | + height: 40px; | |
1176 | + height: 20px; | |
1177 | + background-size: 571px; | |
1178 | +} | |
1179 | +.icon-state_2 { | |
1180 | + background-image: url(../images/dest/sprite.png); | |
1181 | + background-position: -1030px -916px; | |
1182 | + background-position: -515px -458px; | |
1183 | + width: 100px; | |
1184 | + width: 50px; | |
1185 | + height: 40px; | |
1186 | + height: 20px; | |
1187 | + background-size: 571px; | |
1188 | +} | |
1189 | +.icon-state_3 { | |
1190 | + background-image: url(../images/dest/sprite.png); | |
1191 | + background-position: -1030px -876px; | |
1192 | + background-position: -515px -438px; | |
1193 | + width: 100px; | |
1194 | + width: 50px; | |
1195 | + height: 40px; | |
1196 | + height: 20px; | |
1197 | + background-size: 571px; | |
1198 | +} | |
1199 | +.icon-state_4 { | |
1200 | + background-image: url(../images/dest/sprite.png); | |
1201 | + background-position: -1030px -836px; | |
1202 | + background-position: -515px -418px; | |
1203 | + width: 100px; | |
1204 | + width: 50px; | |
1205 | + height: 40px; | |
1206 | + height: 20px; | |
1207 | + background-size: 571px; | |
1208 | +} | |
1209 | +.icon-state_5 { | |
1210 | + background-image: url(../images/dest/sprite.png); | |
1211 | + background-position: -1030px -796px; | |
1212 | + background-position: -515px -398px; | |
1213 | + width: 100px; | |
1214 | + width: 50px; | |
1215 | + height: 40px; | |
1216 | + height: 20px; | |
1217 | + background-size: 571px; | |
1218 | +} | |
1219 | +.icon-state_6 { | |
1220 | + background-image: url(../images/dest/sprite.png); | |
1221 | + background-position: -1030px -756px; | |
1222 | + background-position: -515px -378px; | |
1223 | + width: 110px; | |
1224 | + width: 55px; | |
1225 | + height: 40px; | |
1226 | + height: 20px; | |
1227 | + background-size: 571px; | |
1228 | +} | |
1229 | +.icon-state_bao { | |
1230 | + background-image: url(../images/dest/sprite.png); | |
1231 | + background-position: -880px -734px; | |
1232 | + background-position: -440px -367px; | |
1233 | + width: 142px; | |
1234 | + width: 71px; | |
1235 | + height: 142px; | |
1236 | + height: 71px; | |
1237 | + background-size: 571px; | |
1238 | +} | |
1239 | +.icon-state_suo { | |
1240 | + background-image: url(../images/dest/sprite.png); | |
1241 | + background-position: -880px -592px; | |
1242 | + background-position: -440px -296px; | |
1243 | + width: 142px; | |
1244 | + width: 71px; | |
1245 | + height: 142px; | |
1246 | + height: 71px; | |
1247 | + background-size: 571px; | |
1248 | +} | |
1249 | +.icon-state_wei { | |
1250 | + background-image: url(../images/dest/sprite.png); | |
1251 | + background-position: -880px 0px; | |
1252 | + background-position: -440px 0px; | |
1253 | + width: 150px; | |
1254 | + width: 75px; | |
1255 | + height: 150px; | |
1256 | + height: 75px; | |
1257 | + background-size: 571px; | |
1258 | +} | |
1259 | +.icon-state_xianlu { | |
1260 | + background-image: url(../images/dest/sprite.png); | |
1261 | + background-position: -880px -450px; | |
1262 | + background-position: -440px -225px; | |
1263 | + width: 142px; | |
1264 | + width: 71px; | |
1265 | + height: 142px; | |
1266 | + height: 71px; | |
1267 | + background-size: 571px; | |
1268 | +} | |
1269 | +.icon-state_yanzheng { | |
1270 | + background-image: url(../images/dest/sprite.png); | |
1271 | + background-position: -880px -150px; | |
1272 | + background-position: -440px -75px; | |
1273 | + width: 150px; | |
1274 | + width: 75px; | |
1275 | + height: 150px; | |
1276 | + height: 75px; | |
1277 | + background-size: 571px; | |
1278 | +} | |
1279 | +.icon-state_zanting { | |
1280 | + background-image: url(../images/dest/sprite.png); | |
1281 | + background-position: 0px -350px; | |
1282 | + background-position: 0px -175px; | |
1283 | + width: 300px; | |
1284 | + width: 150px; | |
1285 | + height: 300px; | |
1286 | + height: 150px; | |
1287 | + background-size: 571px; | |
1288 | +} | |
1289 | +.icon-state_zhaohuo { | |
1290 | + background-image: url(../images/dest/sprite.png); | |
1291 | + background-position: -580px 0px; | |
1292 | + background-position: -290px 0px; | |
1293 | + width: 300px; | |
1294 | + width: 150px; | |
1295 | + height: 300px; | |
1296 | + height: 150px; | |
1297 | + background-size: 571px; | |
1298 | +} | |
1299 | +.icon-state_zhong { | |
1300 | + background-image: url(../images/dest/sprite.png); | |
1301 | + background-position: -880px -300px; | |
1302 | + background-position: -440px -150px; | |
1303 | + width: 150px; | |
1304 | + width: 75px; | |
1305 | + height: 150px; | |
1306 | + height: 75px; | |
1307 | + background-size: 571px; | |
1308 | +} | |
1309 | +.icon-title_fanhui { | |
1310 | + background-image: url(../images/dest/sprite.png); | |
1311 | + background-position: -610px -580px; | |
1312 | + background-position: -305px -290px; | |
1313 | + width: 62px; | |
1314 | + width: 31px; | |
1315 | + height: 62px; | |
1316 | + height: 31px; | |
1317 | + background-size: 571px; | |
1318 | +} | |
1319 | +.icon-title_fanhui_H { | |
1320 | + background-image: url(../images/dest/sprite.png); | |
1321 | + background-position: -424px -580px; | |
1322 | + background-position: -212px -290px; | |
1323 | + width: 62px; | |
1324 | + width: 31px; | |
1325 | + height: 62px; | |
1326 | + height: 31px; | |
1327 | + background-size: 571px; | |
1328 | +} | |
1329 | +.icon-title_quxiao { | |
1330 | + background-image: url(../images/dest/sprite.png); | |
1331 | + background-position: -124px -1000px; | |
1332 | + background-position: -62px -500px; | |
1333 | + width: 62px; | |
1334 | + width: 31px; | |
1335 | + height: 62px; | |
1336 | + height: 31px; | |
1337 | + background-size: 571px; | |
1338 | +} | |
1339 | +.icon-title_quxiao_H { | |
1340 | + background-image: url(../images/dest/sprite.png); | |
1341 | + background-position: 0px -1000px; | |
1342 | + background-position: 0px -500px; | |
1343 | + width: 62px; | |
1344 | + width: 31px; | |
1345 | + height: 62px; | |
1346 | + height: 31px; | |
1347 | + background-size: 571px; | |
1348 | +} | |
1349 | +.icon-title_shouye { | |
1350 | + background-image: url(../images/dest/sprite.png); | |
1351 | + background-position: -62px -1000px; | |
1352 | + background-position: -31px -500px; | |
1353 | + width: 62px; | |
1354 | + width: 31px; | |
1355 | + height: 62px; | |
1356 | + height: 31px; | |
1357 | + background-size: 571px; | |
1358 | +} | |
1359 | +.icon-title_shouye_H { | |
1360 | + background-image: url(../images/dest/sprite.png); | |
1361 | + background-position: -672px -580px; | |
1362 | + background-position: -336px -290px; | |
1363 | + width: 62px; | |
1364 | + width: 31px; | |
1365 | + height: 62px; | |
1366 | + height: 31px; | |
1367 | + background-size: 571px; | |
1368 | +} | |
1369 | +.icon-user_1 { | |
1370 | + background-image: url(../images/dest/sprite.png); | |
1371 | + background-position: -432px -1000px; | |
1372 | + background-position: -216px -500px; | |
1373 | + width: 40px; | |
1374 | + width: 20px; | |
1375 | + height: 40px; | |
1376 | + height: 20px; | |
1377 | + background-size: 571px; | |
1378 | +} | |
1379 | +.icon-user_2 { | |
1380 | + background-image: url(../images/dest/sprite.png); | |
1381 | + background-position: -472px -1000px; | |
1382 | + background-position: -236px -500px; | |
1383 | + width: 40px; | |
1384 | + width: 20px; | |
1385 | + height: 40px; | |
1386 | + height: 20px; | |
1387 | + background-size: 571px; | |
1388 | +} | |
1389 | +.icon-user_3 { | |
1390 | + background-image: url(../images/dest/sprite.png); | |
1391 | + background-position: -512px -1000px; | |
1392 | + background-position: -256px -500px; | |
1393 | + width: 40px; | |
1394 | + width: 20px; | |
1395 | + height: 40px; | |
1396 | + height: 20px; | |
1397 | + background-size: 571px; | |
1398 | +} | |
1399 | +.icon-user_4 { | |
1400 | + background-image: url(../images/dest/sprite.png); | |
1401 | + background-position: -552px -1000px; | |
1402 | + background-position: -276px -500px; | |
1403 | + width: 40px; | |
1404 | + width: 20px; | |
1405 | + height: 40px; | |
1406 | + height: 20px; | |
1407 | + background-size: 571px; | |
1408 | +} | |
1409 | +.icon-user_5 { | |
1410 | + background-image: url(../images/dest/sprite.png); | |
1411 | + background-position: -592px -1000px; | |
1412 | + background-position: -296px -500px; | |
1413 | + width: 40px; | |
1414 | + width: 20px; | |
1415 | + height: 40px; | |
1416 | + height: 20px; | |
1417 | + background-size: 571px; | |
1418 | +} | |
1419 | +.icon-user_6 { | |
1420 | + background-image: url(../images/dest/sprite.png); | |
1421 | + background-position: -272px -1000px; | |
1422 | + background-position: -136px -500px; | |
1423 | + width: 40px; | |
1424 | + width: 20px; | |
1425 | + height: 40px; | |
1426 | + height: 20px; | |
1427 | + background-size: 571px; | |
1428 | +} | |
1429 | +.icon-user_7 { | |
1430 | + background-image: url(../images/dest/sprite.png); | |
1431 | + background-position: -312px -1000px; | |
1432 | + background-position: -156px -500px; | |
1433 | + width: 40px; | |
1434 | + width: 20px; | |
1435 | + height: 40px; | |
1436 | + height: 20px; | |
1437 | + background-size: 571px; | |
1438 | +} | |
1439 | +.icon-user_8 { | |
1440 | + background-image: url(../images/dest/sprite.png); | |
1441 | + background-position: -232px -1000px; | |
1442 | + background-position: -116px -500px; | |
1443 | + width: 40px; | |
1444 | + width: 20px; | |
1445 | + height: 40px; | |
1446 | + height: 20px; | |
1447 | + background-size: 571px; | |
1448 | +} | |
1449 | +.icon-user_9 { | |
1450 | + background-image: url(../images/dest/sprite.png); | |
1451 | + background-position: -392px -1000px; | |
1452 | + background-position: -196px -500px; | |
1453 | + width: 40px; | |
1454 | + width: 20px; | |
1455 | + height: 40px; | |
1456 | + height: 20px; | |
1457 | + background-size: 571px; | |
1458 | +} | |
1459 | +.icon-zhongdian { | |
1460 | + background-image: url(../images/dest/sprite.png); | |
1461 | + background-position: -1102px -684px; | |
1462 | + background-position: -551px -342px; | |
1463 | + width: 40px; | |
1464 | + width: 20px; | |
1465 | + height: 40px; | |
1466 | + height: 20px; | |
1467 | + background-size: 571px; | |
1468 | +} | |
1469 | +.icon-cert { | |
1470 | + background-image: url(../images/dest/sprite.png); | |
1471 | + background-position: -880px -150px; | |
1472 | + background-position: -440px -75px; | |
1473 | + width: 150px; | |
1474 | + width: 75px; | |
1475 | + height: 150px; | |
1476 | + height: 75px; | |
1477 | + background-size: 571px; | |
1478 | +} | |
1479 | +.icon-certing { | |
1480 | + background-image: url(../images/dest/sprite.png); | |
1481 | + background-position: -880px -300px; | |
1482 | + background-position: -440px -150px; | |
1483 | + width: 150px; | |
1484 | + width: 75px; | |
1485 | + height: 150px; | |
1486 | + height: 75px; | |
1487 | + background-size: 571px; | |
1488 | +} | |
1489 | +.icon-certinvalid { | |
1490 | + background-image: url(../images/dest/sprite.png); | |
1491 | + background-position: -880px 0px; | |
1492 | + background-position: -440px 0px; | |
1493 | + width: 150px; | |
1494 | + width: 75px; | |
1495 | + height: 150px; | |
1496 | + height: 75px; | |
1497 | + background-size: 571px; | |
1498 | +} | |
1499 | +.icon-amount { | |
1500 | + background-image: url(../images/dest/sprite.png); | |
1501 | + background-position: -880px -734px; | |
1502 | + background-position: -440px -367px; | |
1503 | + width: 142px; | |
1504 | + width: 71px; | |
1505 | + height: 142px; | |
1506 | + height: 71px; | |
1507 | + background-size: 571px; | |
1508 | +} | |
1509 | +.icon-lock { | |
1510 | + background-image: url(../images/dest/sprite.png); | |
1511 | + background-position: -880px -592px; | |
1512 | + background-position: -440px -296px; | |
1513 | + width: 142px; | |
1514 | + width: 71px; | |
1515 | + height: 142px; | |
1516 | + height: 71px; | |
1517 | + background-size: 571px; | |
1518 | +} | |
1519 | +.icon-road { | |
1520 | + background-image: url(../images/dest/sprite.png); | |
1521 | + background-position: -880px -450px; | |
1522 | + background-position: -440px -225px; | |
1523 | + width: 142px; | |
1524 | + width: 71px; | |
1525 | + height: 142px; | |
1526 | + height: 71px; | |
1527 | + background-size: 571px; | |
1528 | +} | |
1529 | +.icon-state_zhaohuo { | |
1530 | + background: url(../images/s.gif) no-repeat 0 0; | |
1531 | + background-size: 150px 150px; | |
1532 | +} | |
1533 | +.m-like { | |
1534 | + padding: 30px 10px; | |
1535 | + text-align: center; | |
1536 | + font-size: 0; | |
1537 | +} | |
1538 | +.m-like i { | |
1539 | + margin-right: 15px; | |
1540 | +} | |
1541 | +.m-like i:last-child { | |
1542 | + margin-right: 0; | |
1543 | +} | |
1544 | +.m-table { | |
1545 | + border-collapse: collapse; | |
1546 | + width: 100%; | |
1547 | + font-size: 15px; | |
1548 | + color: #333; | |
1549 | + text-align: left; | |
1550 | +} | |
1551 | +.m-table thead tr { | |
1552 | + background-color: transparent; | |
1553 | +} | |
1554 | +.m-table thead th { | |
1555 | + padding: 5px 10px; | |
1556 | + font-size: 13px; | |
1557 | + color: #999; | |
1558 | +} | |
1559 | +.m-table tbody, | |
1560 | +.m-table tfoot { | |
1561 | + background-color: #fff; | |
1562 | +} | |
1563 | +.m-table th, | |
1564 | +.m-table td { | |
1565 | + padding: 10px; | |
1566 | + border-bottom: 1px solid #e2e2e2; | |
1567 | + line-height: 24px; | |
1568 | + font-weight: normal; | |
1569 | +} | |
1570 | +.m-table td { | |
1571 | + color: #333; | |
1572 | +} | |
1573 | +.m-slide-btn { | |
1574 | + border: 1px solid #e2e2e2; | |
1575 | + border-radius: 17px; | |
1576 | + overflow: hidden; | |
1577 | +} | |
1578 | +.m-slide-btn li { | |
1579 | + width: 33.3%; | |
1580 | + line-height: 1.5; | |
1581 | + text-align: center; | |
1582 | + float: left; | |
1583 | + border-right: none; | |
1584 | + box-sizing: border-box; | |
1585 | +} | |
1586 | +.m-slide-btn li .text { | |
1587 | + display: block; | |
1588 | + color: #333; | |
1589 | + font-size: 15px; | |
1590 | + padding: 5px 0; | |
1591 | + -webkit-transition: all 0.3s ease-in-out; | |
1592 | + -o-transition: all 0.3s ease-in-out; | |
1593 | + transition: all 0.3s ease-in-out; | |
1594 | +} | |
1595 | +.m-slide-btn li.on .text { | |
1596 | + color: #FFF !important; | |
1597 | +} | |
1598 | +.m-segment { | |
1599 | + overflow: hidden; | |
1600 | +} | |
1601 | +.m-segment li { | |
1602 | + width: 33.3%; | |
1603 | + line-height: 1; | |
1604 | + text-align: center; | |
1605 | + float: left; | |
1606 | + background-color: #FFF; | |
1607 | + box-sizing: border-box; | |
1608 | + position: relative; | |
1609 | +} | |
1610 | +.m-segment li:after { | |
1611 | + position: absolute; | |
1612 | + content: ''; | |
1613 | + border-right: 1px solid #e2e2e2; | |
1614 | + display: block; | |
1615 | + height: 200%; | |
1616 | + width: 0; | |
1617 | + top: 0; | |
1618 | + right: -1px; | |
1619 | + z-index: 1; | |
1620 | + -webkit-transform: scale(0.5); | |
1621 | + transform: scale(0.5); | |
1622 | + -webkit-transform-origin: left top; | |
1623 | + transform-origin: left top; | |
1624 | +} | |
1625 | +.m-segment li .text { | |
1626 | + display: block; | |
1627 | + color: #333; | |
1628 | + font-size: 15px; | |
1629 | + padding: 7px 0; | |
1630 | +} | |
1631 | +.m-segment li .subtext { | |
1632 | + line-height: 1; | |
1633 | + padding-top: 5px; | |
1634 | +} | |
1635 | +.m-segment li:first-child { | |
1636 | + border-top-left-radius: 3px; | |
1637 | + border-bottom-left-radius: 3px; | |
1638 | +} | |
1639 | +.m-segment li:last-child { | |
1640 | + border-top-right-radius: 3px; | |
1641 | + border-bottom-right-radius: 3px; | |
1642 | +} | |
1643 | +.m-segment li:last-child:after { | |
1644 | + display: none; | |
1645 | +} | |
1646 | +.m-segment .on { | |
1647 | + color: #FFF; | |
1648 | + background-color: #69b8dc; | |
1649 | +} | |
1650 | +.m-segment .on:after { | |
1651 | + border-color: #69b8dc; | |
1652 | +} | |
1653 | +.m-segment .on .text { | |
1654 | + color: #FFF; | |
1655 | +} | |
1656 | +.m-segment .on .text .font-gray { | |
1657 | + color: #FFF !important; | |
1658 | +} | |
1659 | +.m-table-view { | |
1660 | + margin-top: 10px; | |
1661 | +} | |
1662 | +.m-table-view .cell { | |
1663 | + font-size: 14px; | |
1664 | + padding: 0 0 0 10px; | |
1665 | + background-color: #FFF; | |
1666 | + overflow: hidden; | |
1667 | + position: relative; | |
1668 | + text-align: left; | |
1669 | +} | |
1670 | +.m-table-view .cell-header { | |
1671 | + background-color: #f8f8f8; | |
1672 | + padding: 0 10px; | |
1673 | +} | |
1674 | +.m-table-view .cell-header .title { | |
1675 | + font-size: 13px; | |
1676 | + color: #333; | |
1677 | + line-height: 35px; | |
1678 | + width: auto; | |
1679 | +} | |
1680 | +.m-table-view .cell-header .text { | |
1681 | + font-size: 13px; | |
1682 | + line-height: 35px; | |
1683 | + float: right; | |
1684 | + color: #9e9e9e; | |
1685 | + text-align: right; | |
1686 | + margin: 0; | |
1687 | +} | |
1688 | +.m-table-view .cell-basic { | |
1689 | + padding: 11px 10px; | |
1690 | +} | |
1691 | +.m-table-view .cell-basic .title, | |
1692 | +.m-table-view .cell-basic .text { | |
1693 | + float: none; | |
1694 | + display: inline-block; | |
1695 | + vertical-align: middle; | |
1696 | + margin: 0 10px 0 0; | |
1697 | + line-height: 1.5; | |
1698 | +} | |
1699 | +.m-table-view .cell-basic .sub-title { | |
1700 | + padding-top: 10px; | |
1701 | + font-size: 13px; | |
1702 | + color: #999; | |
1703 | +} | |
1704 | +.m-table-view .cell-radio { | |
1705 | + text-align: right; | |
1706 | + padding: 0 10px; | |
1707 | + margin-bottom: 10px; | |
1708 | + background-color: #eee; | |
1709 | +} | |
1710 | +.m-table-view .cell-radio .title { | |
1711 | + color: #333; | |
1712 | + width: auto; | |
1713 | + text-align: left; | |
1714 | +} | |
1715 | +.m-table-view .cell-radio .text { | |
1716 | + float: none; | |
1717 | + text-align: right; | |
1718 | +} | |
1719 | +.m-table-view .cell-radio .m-radio { | |
1720 | + margin-left: 8px; | |
1721 | +} | |
1722 | +.m-table-view .cell-radio .m-table-view { | |
1723 | + margin: 0 -10px; | |
1724 | +} | |
1725 | +.m-table-view .cell-radio .m-table-view .cell-radio { | |
1726 | + margin: 0; | |
1727 | + background-color: #FFF; | |
1728 | +} | |
1729 | +.m-table-view .cell-extend .m-table-view { | |
1730 | + margin: 0 0 0 45px; | |
1731 | +} | |
1732 | +.m-table-view .cell-extend .m-table-view .cell { | |
1733 | + padding: 0; | |
1734 | +} | |
1735 | +.m-table-view .cell-extend .m-table-view .text { | |
1736 | + margin-left: 0; | |
1737 | +} | |
1738 | +.m-table-view .acc-icon { | |
1739 | + position: relative; | |
1740 | + padding-right: 30px; | |
1741 | +} | |
1742 | +.m-table-view .acc-icon .acc { | |
1743 | + position: absolute; | |
1744 | + right: 0; | |
1745 | + top: 0; | |
1746 | + min-width: 30px; | |
1747 | + height: 100%; | |
1748 | + line-height: 44px; | |
1749 | + text-align: left; | |
1750 | + color: #999; | |
1751 | + text-align: right; | |
1752 | +} | |
1753 | +.m-table-view .acc-icon .acc .m-icon { | |
1754 | + margin-right: 5px; | |
1755 | +} | |
1756 | +.m-table-view .title { | |
1757 | + font-size: 15px; | |
1758 | + color: #999; | |
1759 | + float: left; | |
1760 | + font-weight: 400; | |
1761 | + line-height: 44px; | |
1762 | + width: 75px; | |
1763 | +} | |
1764 | +.m-table-view .text { | |
1765 | + margin-left: 75px; | |
1766 | + display: block; | |
1767 | + font-size: 15px; | |
1768 | + color: #333; | |
1769 | + line-height: 44px; | |
1770 | + position: relative; | |
1771 | + white-space: nowrap; | |
1772 | + word-break: break-all; | |
1773 | + text-overflow: ellipsis; | |
1774 | + overflow: hidden; | |
1775 | +} | |
1776 | +.m-table-view .text .m-input { | |
1777 | + font-size: 15px; | |
1778 | +} | |
1779 | +.m-mask { | |
1780 | + position: absolute; | |
1781 | + left: 0; | |
1782 | + top: 0; | |
1783 | + width: 100%; | |
1784 | + height: 100%; | |
1785 | + opacity: 1; | |
1786 | + background: rgba(0, 0, 0, 0.5); | |
1787 | + z-index: 10; | |
1788 | + overflow: hidden; | |
1789 | + -webkit-transition: opacity 0.05s ease-in-out; | |
1790 | + -moz-transition: opacity 0.05s ease-in-out; | |
1791 | + -o-transition: opacity 0.05s ease-in-out; | |
1792 | + transition: opacity 0.05s ease-in-out; | |
1793 | +} | |
1794 | +.m-message { | |
1795 | + position: fixed; | |
1796 | + left: 0; | |
1797 | + right: 0; | |
1798 | + top: 0; | |
1799 | + bottom: 0; | |
1800 | + background: none; | |
1801 | + text-align: center; | |
1802 | + z-index: 9999; | |
1803 | +} | |
1804 | +.m-message .text { | |
1805 | + margin-top: 20%; | |
1806 | + display: inline-block; | |
1807 | + vertical-align: middle; | |
1808 | + color: #FFF; | |
1809 | + background: rgba(0, 0, 0, 0.7); | |
1810 | + border-radius: 4px; | |
1811 | + font-size: 14px; | |
1812 | + padding: 15px 45px; | |
1813 | +} | |
1814 | +/*************************************************** | |
1815 | +* feature : popup; | |
1816 | +* update : 2015/02/03; | |
1817 | +* use : .m-popup; | |
1818 | +* extend : ; | |
1819 | +* example : ; | |
1820 | +* desc : ; | |
1821 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
1822 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
1823 | +****************************************************/ | |
1824 | +.m-popup { | |
1825 | + position: fixed; | |
1826 | + right: 0; | |
1827 | + left: 50%; | |
1828 | + bottom: -100%; | |
1829 | + width: 250px; | |
1830 | + margin-left: -125px; | |
1831 | + background-color: #fff; | |
1832 | + border-radius: 6px; | |
1833 | + z-index: 20; | |
1834 | + -webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; | |
1835 | + -moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; | |
1836 | + -o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; | |
1837 | + transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; | |
1838 | +} | |
1839 | +.m-popup.popup-large { | |
1840 | + left: 25px; | |
1841 | + right: 25px; | |
1842 | + width: auto; | |
1843 | + margin-left: 0; | |
1844 | +} | |
1845 | +.m-popup .popup-head h1 { | |
1846 | + font-size: 15px; | |
1847 | + color: #333; | |
1848 | + line-height: 45px; | |
1849 | + text-align: center; | |
1850 | + font-weight: normal; | |
1851 | +} | |
1852 | +.m-popup .popup-cont { | |
1853 | + padding: 15px 10px; | |
1854 | + font-size: 13px; | |
1855 | + color: #999; | |
1856 | +} | |
1857 | +.m-popup .popup-cont .title { | |
1858 | + color: #666; | |
1859 | +} | |
1860 | +.m-popup .popup-foot { | |
1861 | + padding: 15px; | |
1862 | + background-color: #f8f8f8; | |
1863 | + border-bottom-left-radius: 6px; | |
1864 | + border-bottom-right-radius: 6px; | |
1865 | +} | |
1866 | +.head { | |
1867 | + height: 44px; | |
1868 | + box-sizing: border-box; | |
1869 | + text-align: center; | |
1870 | +} | |
1871 | +.m-header { | |
1872 | + z-index: 5; | |
1873 | + position: relative; | |
1874 | + background: rgba(255, 255, 255, 0.8); | |
1875 | + color: #333; | |
1876 | + box-shadow: inset 0 0 1px #ddd; | |
1877 | +} | |
1878 | +.m-header .text { | |
1879 | + font-style: normal; | |
1880 | + color: #666; | |
1881 | +} | |
1882 | +.m-header .head { | |
1883 | + padding: 0 50px; | |
1884 | + box-sizing: border-box; | |
1885 | +} | |
1886 | +.m-header .head h1 { | |
1887 | + display: inline-block; | |
1888 | + vertical-align: middle; | |
1889 | + line-height: 44px; | |
1890 | + font-weight: normal; | |
1891 | + font-size: 19px; | |
1892 | + white-space: nowrap; | |
1893 | + text-overflow: ellipsis; | |
1894 | + overflow: hidden; | |
1895 | +} | |
1896 | +.m-header .lt-bar, | |
1897 | +.m-header .rt-bar { | |
1898 | + position: absolute; | |
1899 | + left: 0; | |
1900 | + top: 0; | |
1901 | + bottom: 0; | |
1902 | + min-width: 44px; | |
1903 | + line-height: 44px; | |
1904 | + height: 100%; | |
1905 | + text-align: center; | |
1906 | + cursor: pointer; | |
1907 | + z-index: 1; | |
1908 | +} | |
1909 | +.m-header .lt-bar { | |
1910 | + float: left; | |
1911 | +} | |
1912 | +.m-header .lt-bar.text { | |
1913 | + padding-left: 10px; | |
1914 | + text-align: left; | |
1915 | +} | |
1916 | +.m-header .rt-bar { | |
1917 | + float: right; | |
1918 | + left: auto; | |
1919 | + right: 0; | |
1920 | +} | |
1921 | +.m-header .rt-bar.text { | |
1922 | + padding-right: 10px; | |
1923 | + text-align: right; | |
1924 | +} | |
1925 | +.m-header .text { | |
1926 | + text-align: center; | |
1927 | + line-height: 44px; | |
1928 | + font-size: 15px; | |
1929 | + color: #4a90e2; | |
1930 | +} | |
1931 | +.m-footer { | |
1932 | + position: fixed; | |
1933 | + left: 0; | |
1934 | + bottom: 0; | |
1935 | + right: 0; | |
1936 | + z-index: 9; | |
1937 | + padding: 12px 10px; | |
1938 | + background-color: #FFF; | |
1939 | + display: block; | |
1940 | + overflow: hidden; | |
1941 | +} | |
1942 | +/*************************************************** | |
1943 | +* feature : 工具类class,提供浮动清除、文本对齐、显示隐藏等; | |
1944 | +* update : 2015/02/03; | |
1945 | +* use : 按需使用对应class即可; | |
1946 | +* desc : ; | |
1947 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
1948 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
1949 | +****************************************************/ | |
1950 | +.text-left { | |
1951 | + text-align: left !important; | |
1952 | +} | |
1953 | +.text-center { | |
1954 | + text-align: center !important; | |
1955 | +} | |
1956 | +.text-right { | |
1957 | + text-align: right !important; | |
1958 | +} | |
1959 | +.text-nowrap { | |
1960 | + white-space: nowrap !important; | |
1961 | +} | |
1962 | +.text-lowercase { | |
1963 | + text-transform: lowercase; | |
1964 | +} | |
1965 | +.text-uppercase { | |
1966 | + text-transform: uppercase; | |
1967 | +} | |
1968 | +.text-capitalize { | |
1969 | + text-transform: capitalize; | |
1970 | +} | |
1971 | +.text-indent { | |
1972 | + text-indent: -999em; | |
1973 | +} | |
1974 | +.float-left { | |
1975 | + float: left !important; | |
1976 | +} | |
1977 | +.float-right { | |
1978 | + float: right !important; | |
1979 | +} | |
1980 | +.float-none { | |
1981 | + float: none !important; | |
1982 | +} | |
1983 | +.display-block { | |
1984 | + display: block !important; | |
1985 | +} | |
1986 | +.no-border { | |
1987 | + -webkit-border-radius: 0; | |
1988 | + -moz-border-radius: 0; | |
1989 | + -ms-border-radius: 0; | |
1990 | + -o-border-radius: 0; | |
1991 | + border-radius: 0; | |
1992 | + border: none !important; | |
1993 | +} | |
1994 | +.no-margin { | |
1995 | + margin: 0 !important; | |
1996 | +} | |
1997 | +.clearfix:after { | |
1998 | + content: ''; | |
1999 | + display: block; | |
2000 | + height: 0; | |
2001 | + overflow: hidden; | |
2002 | + font-size: 0; | |
2003 | + clear: both; | |
2004 | +} | |
2005 | +.m-hide { | |
2006 | + display: none !important; | |
2007 | + visibility: hidden; | |
2008 | + opacity: 0; | |
2009 | + z-index: -1; | |
2010 | +} | |
2011 | +.m-hidden { | |
2012 | + visibility: hidden; | |
2013 | + opacity: 0; | |
2014 | + z-index: -1; | |
2015 | +} | |
2016 | +.m-show { | |
2017 | + display: block !important; | |
2018 | + visibility: visible; | |
2019 | +} | |
2020 | +.m-separate { | |
2021 | + position: relative; | |
2022 | + width: 100%; | |
2023 | + line-height: 50px; | |
2024 | + text-align: center; | |
2025 | + font-size: 12px; | |
2026 | + color: #666; | |
2027 | + overflow: visible; | |
2028 | +} | |
2029 | +.m-more, | |
2030 | +a.m-more { | |
2031 | + display: block; | |
2032 | + font-size: 12px; | |
2033 | + text-align: center; | |
2034 | + color: #999; | |
2035 | + line-height: 45px; | |
2036 | + background-color: #FFF; | |
2037 | +} | |
2038 | +.m-animate-hide { | |
2039 | + -webkit-transform: translate(0, 100%) translateZ(0) !important; | |
2040 | + -ms-transform: translate(0, 100%) translateZ(0) !important; | |
2041 | + -o-transform: translate(0, 100%) translateZ(0) !important; | |
2042 | + transform: translate(0, 100%) translateZ(0) !important; | |
2043 | +} | |
2044 | +.m-animate-show { | |
2045 | + -webkit-transform: translate(0, 0) translateZ(0) !important; | |
2046 | + -ms-transform: translate(0, 0) translateZ(0) !important; | |
2047 | + -o-transform: translate(0, 0) translateZ(0) !important; | |
2048 | + transform: translate(0, 0) translateZ(0) !important; | |
2049 | +} | |
2050 | +.hidden { | |
2051 | + opacity: 0; | |
2052 | + z-index: -1; | |
2053 | +} | |
2054 | +.font-red { | |
2055 | + color: #f47163 !important; | |
2056 | +} | |
2057 | +.font-green { | |
2058 | + color: #21b563 !important; | |
2059 | +} | |
2060 | +.font-white { | |
2061 | + color: #FFF !important; | |
2062 | +} | |
2063 | +.font-gray { | |
2064 | + color: #999 !important; | |
2065 | +} | |
2066 | +.font-black { | |
2067 | + color: #333 !important; | |
2068 | +} | |
2069 | +.mr40 { | |
2070 | + margin-right: 40px; | |
2071 | +} | |
2072 | +.mr10 { | |
2073 | + margin-right: 10px; | |
2074 | +} | |
2075 | +.mr15 { | |
2076 | + margin-right: 15px; | |
2077 | +} | |
2078 | +.font-blue { | |
2079 | + color: #71bcde !important; | |
2080 | +} | |
2081 | +.m-animate-show { | |
2082 | + -webkit-transform: translate(0, 0) translateZ(0) !important; | |
2083 | + -ms-transform: translate(0, 0) translateZ(0) !important; | |
2084 | + -o-transform: translate(0, 0) translateZ(0) !important; | |
2085 | + transform: translate(0, 0) translateZ(0) !important; | |
2086 | +} | |
2087 | +.m-state { | |
2088 | + font-style: normal; | |
2089 | + font-size: 14px; | |
2090 | + font-weight: normal; | |
2091 | + line-height: 20px; | |
2092 | + padding-right: 5px; | |
2093 | + display: inline-block; | |
2094 | + border-radius: 3px; | |
2095 | + color: #21b563; | |
2096 | + vertical-align: middle; | |
2097 | +} | |
2098 | +.m-state:after { | |
2099 | + border-color: #21b563; | |
2100 | +} | |
2101 | +.m-state em { | |
2102 | + float: left; | |
2103 | + display: inline-block; | |
2104 | + color: #fff; | |
2105 | + padding: 0 3px; | |
2106 | + background-color: #21b563; | |
2107 | + margin-right: 5px; | |
2108 | + border-top-left-radius: 3px; | |
2109 | + border-bottom-left-radius: 3px; | |
2110 | +} | ... | ... |
css/common.less
0 → 100644
1 | +++ a/css/common.less | |
1 | +//common component | |
2 | +@import "reset"; | |
3 | +@import "tips"; | |
4 | +@import "badge"; | |
5 | +@import "btn"; | |
6 | +@import "one-border"; | |
7 | +@import "form"; | |
8 | +@import "circle"; | |
9 | +@import "icon"; | |
10 | +@import "star"; | |
11 | +@import "table"; | |
12 | +@import "slide_btn"; | |
13 | +@import "segment"; | |
14 | +@import "table_view"; | |
15 | +@import "mask"; | |
16 | +@import "message"; | |
17 | +@import "popup"; | |
18 | +@import "header"; | |
19 | +@import "footer"; | |
20 | +@import "utilities"; | |
21 | + | |
22 | +.m-animate-show { | |
23 | + -webkit-transform: translate(0,0) translateZ(0)!important; | |
24 | + -ms-transform: translate(0,0) translateZ(0)!important; | |
25 | + -o-transform: translate(0,0) translateZ(0)!important; | |
26 | + transform: translate(0,0) translateZ(0)!important | |
27 | +} | |
28 | + | |
29 | +.m-state{ | |
30 | + font-style: normal; | |
31 | + font-size: 14px; | |
32 | + font-weight: normal; | |
33 | + line-height: 20px; | |
34 | + padding-right: 5px; | |
35 | + // overflow: hidden; | |
36 | + display: inline-block; | |
37 | + border-radius: 3px; | |
38 | + color: #21b563; | |
39 | + vertical-align: middle; | |
40 | + &:after{ | |
41 | + border-color: #21b563; | |
42 | + } | |
43 | + em{ | |
44 | + float: left; | |
45 | + display: inline-block; | |
46 | + color: #fff; | |
47 | + padding: 0 3px; | |
48 | + background-color: #21b563; | |
49 | + margin-right: 5px; | |
50 | + border-top-left-radius: 3px; | |
51 | + border-bottom-left-radius: 3px; | |
52 | + } | |
53 | +} | |
0 | 54 | \ No newline at end of file | ... | ... |
css/footer.css
0 → 100644
css/footer.less
0 → 100644
1 | +++ a/css/footer.less | |
1 | +.m-footer{ | |
2 | + position: fixed; | |
3 | + left: 0; | |
4 | + bottom: 0; | |
5 | + right: 0; | |
6 | + z-index: 9; | |
7 | + // display: table; | |
8 | + padding: 12px 10px; | |
9 | + // background: rgba(255, 255, 255, .9); | |
10 | + background-color: #FFF; | |
11 | + // display: table; | |
12 | + display: block; | |
13 | + // width: 100%; | |
14 | + overflow: hidden; | |
15 | + .footer-inner{ | |
16 | + // padding: 0 12px; | |
17 | + } | |
18 | +} | |
0 | 19 | \ No newline at end of file | ... | ... |
css/form.css
0 → 100644
1 | +++ a/css/form.css | |
1 | +/*************************************************** | |
2 | +* feature : 表单组件类集合,提供input、textarea等样式; | |
3 | +* update : 2015/02/03; | |
4 | +* use : 按需使用; | |
5 | +* extend : ; | |
6 | +* example : ; | |
7 | +* desc : ; | |
8 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
9 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
10 | +****************************************************/ | |
11 | +/* | |
12 | +LESS variables are information about icon's compiled state, stored under its original file name | |
13 | + | |
14 | +.icon-home { | |
15 | + width: @icon-home-width; | |
16 | +} | |
17 | + | |
18 | +The large array-like variables contain all information about a single icon | |
19 | +@icon-home: x y offset_x offset_y width height total_width total_height image_path name; | |
20 | + | |
21 | +At the bottom of this section, we provide information about the spritesheet itself | |
22 | +@spritesheet: width height image @spritesheet-sprites; | |
23 | +*/ | |
24 | +/* | |
25 | +The provided classes are intended to be used with the array-like variables | |
26 | + | |
27 | +.icon-home { | |
28 | + .sprite-width(@icon-home); | |
29 | +} | |
30 | +.icon-email { | |
31 | + .sprite(@icon-email); | |
32 | +} | |
33 | +*/ | |
34 | +/* | |
35 | +The `.sprites` mixin generates identical output to the CSS template | |
36 | + but can be overridden inside of LESS | |
37 | + | |
38 | +This must be run when you have at least 2 sprites. | |
39 | + If run with a single sprite, then there will be reference errors. | |
40 | + | |
41 | +.sprites(@spritesheet-sprites); | |
42 | +*/ | |
43 | +.m-icon { | |
44 | + display: inline-block; | |
45 | + vertical-align: middle; | |
46 | +} | |
47 | +.icon-arrow { | |
48 | + background-image: url(../images/dest/sprite.png); | |
49 | + background-position: -992px -880px; | |
50 | + background-position: -496px -440px; | |
51 | + width: 32px; | |
52 | + width: 16px; | |
53 | + height: 32px; | |
54 | + height: 16px; | |
55 | + background-size: 571px; | |
56 | +} | |
57 | +.icon-choose { | |
58 | + background-image: url(../images/dest/sprite.png); | |
59 | + background-position: -778px -300px; | |
60 | + background-position: -389px -150px; | |
61 | + width: 46px; | |
62 | + width: 23px; | |
63 | + height: 46px; | |
64 | + height: 23px; | |
65 | + background-size: 571px; | |
66 | +} | |
67 | +.icon-choose_H { | |
68 | + background-image: url(../images/dest/sprite.png); | |
69 | + background-position: -824px -300px; | |
70 | + background-position: -412px -150px; | |
71 | + width: 46px; | |
72 | + width: 23px; | |
73 | + height: 46px; | |
74 | + height: 23px; | |
75 | + background-size: 571px; | |
76 | +} | |
77 | +.icon-delete { | |
78 | + background-image: url(../images/dest/sprite.png); | |
79 | + background-position: -186px -1000px; | |
80 | + background-position: -93px -500px; | |
81 | + width: 46px; | |
82 | + width: 23px; | |
83 | + height: 46px; | |
84 | + height: 23px; | |
85 | + background-size: 571px; | |
86 | +} | |
87 | +.icon-drop_down { | |
88 | + background-image: url(../images/dest/sprite.png); | |
89 | + background-position: -858px -580px; | |
90 | + background-position: -429px -290px; | |
91 | + width: 16px; | |
92 | + width: 8px; | |
93 | + height: 16px; | |
94 | + height: 8px; | |
95 | + background-size: 571px; | |
96 | +} | |
97 | +.icon-fenxiang_duanxin { | |
98 | + background-image: url(../images/dest/sprite.png); | |
99 | + background-position: -1030px -412px; | |
100 | + background-position: -515px -206px; | |
101 | + width: 100px; | |
102 | + width: 50px; | |
103 | + height: 100px; | |
104 | + height: 50px; | |
105 | + background-size: 571px; | |
106 | +} | |
107 | +.icon-guide_dan { | |
108 | + background-image: url(../images/dest/sprite.png); | |
109 | + background-position: -1110px -956px; | |
110 | + background-position: -555px -478px; | |
111 | + width: 32px; | |
112 | + width: 16px; | |
113 | + height: 32px; | |
114 | + height: 16px; | |
115 | + background-size: 571px; | |
116 | +} | |
117 | +.icon-guide_shuang { | |
118 | + background-image: url(../images/dest/sprite.png); | |
119 | + background-position: -1102px -724px; | |
120 | + background-position: -551px -362px; | |
121 | + width: 32px; | |
122 | + width: 16px; | |
123 | + height: 32px; | |
124 | + height: 16px; | |
125 | + background-size: 571px; | |
126 | +} | |
127 | +.icon-help { | |
128 | + background-image: url(../images/dest/sprite.png); | |
129 | + background-position: -630px -300px; | |
130 | + background-position: -315px -150px; | |
131 | + width: 50px; | |
132 | + width: 25px; | |
133 | + height: 50px; | |
134 | + height: 25px; | |
135 | + background-size: 571px; | |
136 | +} | |
137 | +.icon-home_jiedan { | |
138 | + background-image: url(../images/dest/sprite.png); | |
139 | + background-position: 0px 0px; | |
140 | + width: 290px; | |
141 | + width: 145px; | |
142 | + height: 350px; | |
143 | + height: 175px; | |
144 | + background-size: 571px; | |
145 | +} | |
146 | +.icon-home_jiedan_H { | |
147 | + background-image: url(../images/dest/sprite.png); | |
148 | + background-position: -290px 0px; | |
149 | + background-position: -145px 0px; | |
150 | + width: 290px; | |
151 | + width: 145px; | |
152 | + height: 350px; | |
153 | + height: 175px; | |
154 | + background-size: 571px; | |
155 | +} | |
156 | +.icon-home_jiedanzhong { | |
157 | + background-image: url(../images/dest/sprite.png); | |
158 | + background-position: -320px -880px; | |
159 | + background-position: -160px -440px; | |
160 | + width: 112px; | |
161 | + width: 56px; | |
162 | + height: 112px; | |
163 | + height: 56px; | |
164 | + background-size: 571px; | |
165 | +} | |
166 | +.icon-home_kefu { | |
167 | + background-image: url(../images/dest/sprite.png); | |
168 | + background-position: -580px -760px; | |
169 | + background-position: -290px -380px; | |
170 | + width: 290px; | |
171 | + width: 145px; | |
172 | + height: 110px; | |
173 | + height: 55px; | |
174 | + background-size: 571px; | |
175 | +} | |
176 | +.icon-home_kefu_H { | |
177 | + background-image: url(../images/dest/sprite.png); | |
178 | + background-position: -580px -650px; | |
179 | + background-position: -290px -325px; | |
180 | + width: 290px; | |
181 | + width: 145px; | |
182 | + height: 110px; | |
183 | + height: 55px; | |
184 | + background-size: 571px; | |
185 | +} | |
186 | +.icon-home_shenhezhong { | |
187 | + background-image: url(../images/dest/sprite.png); | |
188 | + background-position: -544px -880px; | |
189 | + background-position: -272px -440px; | |
190 | + width: 112px; | |
191 | + width: 56px; | |
192 | + height: 112px; | |
193 | + height: 56px; | |
194 | + background-size: 571px; | |
195 | +} | |
196 | +.icon-home_weijiedan { | |
197 | + background-image: url(../images/dest/sprite.png); | |
198 | + background-position: -656px -880px; | |
199 | + background-position: -328px -440px; | |
200 | + width: 112px; | |
201 | + width: 56px; | |
202 | + height: 112px; | |
203 | + height: 56px; | |
204 | + background-size: 571px; | |
205 | +} | |
206 | +.icon-home_weitongguo { | |
207 | + background-image: url(../images/dest/sprite.png); | |
208 | + background-position: -768px -880px; | |
209 | + background-position: -384px -440px; | |
210 | + width: 112px; | |
211 | + width: 56px; | |
212 | + height: 112px; | |
213 | + height: 56px; | |
214 | + background-size: 571px; | |
215 | +} | |
216 | +.icon-home_wo { | |
217 | + background-image: url(../images/dest/sprite.png); | |
218 | + background-position: -290px -650px; | |
219 | + background-position: -145px -325px; | |
220 | + width: 290px; | |
221 | + width: 145px; | |
222 | + height: 230px; | |
223 | + height: 115px; | |
224 | + background-size: 571px; | |
225 | +} | |
226 | +.icon-home_wo_H { | |
227 | + background-image: url(../images/dest/sprite.png); | |
228 | + background-position: -300px -350px; | |
229 | + background-position: -150px -175px; | |
230 | + width: 290px; | |
231 | + width: 145px; | |
232 | + height: 230px; | |
233 | + height: 115px; | |
234 | + background-size: 571px; | |
235 | +} | |
236 | +.icon-home_yirenzheng { | |
237 | + background-image: url(../images/dest/sprite.png); | |
238 | + background-position: -1030px 0px; | |
239 | + background-position: -515px 0px; | |
240 | + width: 112px; | |
241 | + width: 56px; | |
242 | + height: 112px; | |
243 | + height: 56px; | |
244 | + background-size: 571px; | |
245 | +} | |
246 | +.icon-home_yundan { | |
247 | + background-image: url(../images/dest/sprite.png); | |
248 | + background-position: -590px -350px; | |
249 | + background-position: -295px -175px; | |
250 | + width: 290px; | |
251 | + width: 145px; | |
252 | + height: 230px; | |
253 | + height: 115px; | |
254 | + background-size: 571px; | |
255 | +} | |
256 | +.icon-home_yundan_H { | |
257 | + background-image: url(../images/dest/sprite.png); | |
258 | + background-position: 0px -650px; | |
259 | + background-position: 0px -325px; | |
260 | + width: 290px; | |
261 | + width: 145px; | |
262 | + height: 230px; | |
263 | + height: 115px; | |
264 | + background-size: 571px; | |
265 | +} | |
266 | +.icon-img { | |
267 | + background-image: url(../images/dest/sprite.png); | |
268 | + background-position: -160px -880px; | |
269 | + background-position: -80px -440px; | |
270 | + width: 160px; | |
271 | + width: 80px; | |
272 | + height: 120px; | |
273 | + height: 60px; | |
274 | + background-size: 571px; | |
275 | +} | |
276 | +.icon-img_H { | |
277 | + background-image: url(../images/dest/sprite.png); | |
278 | + background-position: 0px -880px; | |
279 | + background-position: 0px -440px; | |
280 | + width: 160px; | |
281 | + width: 80px; | |
282 | + height: 120px; | |
283 | + height: 60px; | |
284 | + background-size: 571px; | |
285 | +} | |
286 | +.icon-jiedan_baozhengjin { | |
287 | + background-image: url(../images/dest/sprite.png); | |
288 | + background-position: -352px -1000px; | |
289 | + background-position: -176px -500px; | |
290 | + width: 40px; | |
291 | + width: 20px; | |
292 | + height: 40px; | |
293 | + height: 20px; | |
294 | + background-size: 571px; | |
295 | +} | |
296 | +.icon-label_renzheng { | |
297 | + background-image: url(../images/dest/sprite.png); | |
298 | + background-position: -432px -880px; | |
299 | + background-position: -216px -440px; | |
300 | + width: 112px; | |
301 | + width: 56px; | |
302 | + height: 112px; | |
303 | + height: 56px; | |
304 | + background-size: 571px; | |
305 | +} | |
306 | +.icon-label_zanting { | |
307 | + background-image: url(../images/dest/sprite.png); | |
308 | + background-position: -880px -880px; | |
309 | + background-position: -440px -440px; | |
310 | + width: 112px; | |
311 | + width: 56px; | |
312 | + height: 112px; | |
313 | + height: 56px; | |
314 | + background-size: 571px; | |
315 | +} | |
316 | +.icon-percentage_1 { | |
317 | + background-image: url(../images/dest/sprite.png); | |
318 | + background-position: -734px -580px; | |
319 | + background-position: -367px -290px; | |
320 | + width: 62px; | |
321 | + width: 31px; | |
322 | + height: 62px; | |
323 | + height: 31px; | |
324 | + background-size: 571px; | |
325 | +} | |
326 | +.icon-percentage_2 { | |
327 | + background-image: url(../images/dest/sprite.png); | |
328 | + background-position: -796px -580px; | |
329 | + background-position: -398px -290px; | |
330 | + width: 62px; | |
331 | + width: 31px; | |
332 | + height: 62px; | |
333 | + height: 31px; | |
334 | + background-size: 571px; | |
335 | +} | |
336 | +.icon-phone { | |
337 | + background-image: url(../images/dest/sprite.png); | |
338 | + background-position: -1030px -684px; | |
339 | + background-position: -515px -342px; | |
340 | + width: 72px; | |
341 | + width: 36px; | |
342 | + height: 72px; | |
343 | + height: 36px; | |
344 | + background-size: 571px; | |
345 | +} | |
346 | +.icon-phone_H { | |
347 | + background-image: url(../images/dest/sprite.png); | |
348 | + background-position: -1030px -612px; | |
349 | + background-position: -515px -306px; | |
350 | + width: 72px; | |
351 | + width: 36px; | |
352 | + height: 72px; | |
353 | + height: 36px; | |
354 | + background-size: 571px; | |
355 | +} | |
356 | +.icon-phone_x { | |
357 | + background-image: url(../images/dest/sprite.png); | |
358 | + background-position: -730px -300px; | |
359 | + background-position: -365px -150px; | |
360 | + width: 48px; | |
361 | + width: 24px; | |
362 | + height: 48px; | |
363 | + height: 24px; | |
364 | + background-size: 571px; | |
365 | +} | |
366 | +.icon-public_jia { | |
367 | + background-image: url(../images/dest/sprite.png); | |
368 | + background-position: -362px -580px; | |
369 | + background-position: -181px -290px; | |
370 | + width: 62px; | |
371 | + width: 31px; | |
372 | + height: 62px; | |
373 | + height: 31px; | |
374 | + background-size: 571px; | |
375 | +} | |
376 | +.icon-public_jia_H { | |
377 | + background-image: url(../images/dest/sprite.png); | |
378 | + background-position: -300px -580px; | |
379 | + background-position: -150px -290px; | |
380 | + width: 62px; | |
381 | + width: 31px; | |
382 | + height: 62px; | |
383 | + height: 31px; | |
384 | + background-size: 571px; | |
385 | +} | |
386 | +.icon-public_quxiao1 { | |
387 | + background-image: url(../images/dest/sprite.png); | |
388 | + background-position: -486px -580px; | |
389 | + background-position: -243px -290px; | |
390 | + width: 62px; | |
391 | + width: 31px; | |
392 | + height: 62px; | |
393 | + height: 31px; | |
394 | + background-size: 571px; | |
395 | +} | |
396 | +.icon-public_quxiao1_H { | |
397 | + background-image: url(../images/dest/sprite.png); | |
398 | + background-position: -548px -580px; | |
399 | + background-position: -274px -290px; | |
400 | + width: 62px; | |
401 | + width: 31px; | |
402 | + height: 62px; | |
403 | + height: 31px; | |
404 | + background-size: 571px; | |
405 | +} | |
406 | +.icon-qidian { | |
407 | + background-image: url(../images/dest/sprite.png); | |
408 | + background-position: -1102px -612px; | |
409 | + background-position: -551px -306px; | |
410 | + width: 40px; | |
411 | + width: 20px; | |
412 | + height: 40px; | |
413 | + height: 20px; | |
414 | + background-size: 571px; | |
415 | +} | |
416 | +.icon-score { | |
417 | + background-image: url(../images/dest/sprite.png); | |
418 | + background-position: -680px -300px; | |
419 | + background-position: -340px -150px; | |
420 | + width: 50px; | |
421 | + width: 25px; | |
422 | + height: 50px; | |
423 | + height: 25px; | |
424 | + background-size: 571px; | |
425 | +} | |
426 | +.icon-score_H { | |
427 | + background-image: url(../images/dest/sprite.png); | |
428 | + background-position: -580px -300px; | |
429 | + background-position: -290px -150px; | |
430 | + width: 50px; | |
431 | + width: 25px; | |
432 | + height: 50px; | |
433 | + height: 25px; | |
434 | + background-size: 571px; | |
435 | +} | |
436 | +.icon-search { | |
437 | + background-image: url(../images/dest/sprite.png); | |
438 | + background-position: -1102px -652px; | |
439 | + background-position: -551px -326px; | |
440 | + width: 32px; | |
441 | + width: 16px; | |
442 | + height: 32px; | |
443 | + height: 16px; | |
444 | + background-size: 571px; | |
445 | +} | |
446 | +.icon-share_QQ { | |
447 | + background-image: url(../images/dest/sprite.png); | |
448 | + background-position: -1030px -312px; | |
449 | + background-position: -515px -156px; | |
450 | + width: 100px; | |
451 | + width: 50px; | |
452 | + height: 100px; | |
453 | + height: 50px; | |
454 | + background-size: 571px; | |
455 | +} | |
456 | +.icon-share_baidu { | |
457 | + background-image: url(../images/dest/sprite.png); | |
458 | + background-position: -1030px -212px; | |
459 | + background-position: -515px -106px; | |
460 | + width: 100px; | |
461 | + width: 50px; | |
462 | + height: 100px; | |
463 | + height: 50px; | |
464 | + background-size: 571px; | |
465 | +} | |
466 | +.icon-share_weixin { | |
467 | + background-image: url(../images/dest/sprite.png); | |
468 | + background-position: -1030px -112px; | |
469 | + background-position: -515px -56px; | |
470 | + width: 100px; | |
471 | + width: 50px; | |
472 | + height: 100px; | |
473 | + height: 50px; | |
474 | + background-size: 571px; | |
475 | +} | |
476 | +.icon-share_xinlang { | |
477 | + background-image: url(../images/dest/sprite.png); | |
478 | + background-position: -1030px -512px; | |
479 | + background-position: -515px -256px; | |
480 | + width: 100px; | |
481 | + width: 50px; | |
482 | + height: 100px; | |
483 | + height: 50px; | |
484 | + background-size: 571px; | |
485 | +} | |
486 | +.icon-state_1 { | |
487 | + background-image: url(../images/dest/sprite.png); | |
488 | + background-position: -1030px -956px; | |
489 | + background-position: -515px -478px; | |
490 | + width: 80px; | |
491 | + width: 40px; | |
492 | + height: 40px; | |
493 | + height: 20px; | |
494 | + background-size: 571px; | |
495 | +} | |
496 | +.icon-state_2 { | |
497 | + background-image: url(../images/dest/sprite.png); | |
498 | + background-position: -1030px -916px; | |
499 | + background-position: -515px -458px; | |
500 | + width: 100px; | |
501 | + width: 50px; | |
502 | + height: 40px; | |
503 | + height: 20px; | |
504 | + background-size: 571px; | |
505 | +} | |
506 | +.icon-state_3 { | |
507 | + background-image: url(../images/dest/sprite.png); | |
508 | + background-position: -1030px -876px; | |
509 | + background-position: -515px -438px; | |
510 | + width: 100px; | |
511 | + width: 50px; | |
512 | + height: 40px; | |
513 | + height: 20px; | |
514 | + background-size: 571px; | |
515 | +} | |
516 | +.icon-state_4 { | |
517 | + background-image: url(../images/dest/sprite.png); | |
518 | + background-position: -1030px -836px; | |
519 | + background-position: -515px -418px; | |
520 | + width: 100px; | |
521 | + width: 50px; | |
522 | + height: 40px; | |
523 | + height: 20px; | |
524 | + background-size: 571px; | |
525 | +} | |
526 | +.icon-state_5 { | |
527 | + background-image: url(../images/dest/sprite.png); | |
528 | + background-position: -1030px -796px; | |
529 | + background-position: -515px -398px; | |
530 | + width: 100px; | |
531 | + width: 50px; | |
532 | + height: 40px; | |
533 | + height: 20px; | |
534 | + background-size: 571px; | |
535 | +} | |
536 | +.icon-state_6 { | |
537 | + background-image: url(../images/dest/sprite.png); | |
538 | + background-position: -1030px -756px; | |
539 | + background-position: -515px -378px; | |
540 | + width: 110px; | |
541 | + width: 55px; | |
542 | + height: 40px; | |
543 | + height: 20px; | |
544 | + background-size: 571px; | |
545 | +} | |
546 | +.icon-state_bao { | |
547 | + background-image: url(../images/dest/sprite.png); | |
548 | + background-position: -880px -734px; | |
549 | + background-position: -440px -367px; | |
550 | + width: 142px; | |
551 | + width: 71px; | |
552 | + height: 142px; | |
553 | + height: 71px; | |
554 | + background-size: 571px; | |
555 | +} | |
556 | +.icon-state_suo { | |
557 | + background-image: url(../images/dest/sprite.png); | |
558 | + background-position: -880px -592px; | |
559 | + background-position: -440px -296px; | |
560 | + width: 142px; | |
561 | + width: 71px; | |
562 | + height: 142px; | |
563 | + height: 71px; | |
564 | + background-size: 571px; | |
565 | +} | |
566 | +.icon-state_wei { | |
567 | + background-image: url(../images/dest/sprite.png); | |
568 | + background-position: -880px 0px; | |
569 | + background-position: -440px 0px; | |
570 | + width: 150px; | |
571 | + width: 75px; | |
572 | + height: 150px; | |
573 | + height: 75px; | |
574 | + background-size: 571px; | |
575 | +} | |
576 | +.icon-state_xianlu { | |
577 | + background-image: url(../images/dest/sprite.png); | |
578 | + background-position: -880px -450px; | |
579 | + background-position: -440px -225px; | |
580 | + width: 142px; | |
581 | + width: 71px; | |
582 | + height: 142px; | |
583 | + height: 71px; | |
584 | + background-size: 571px; | |
585 | +} | |
586 | +.icon-state_yanzheng { | |
587 | + background-image: url(../images/dest/sprite.png); | |
588 | + background-position: -880px -150px; | |
589 | + background-position: -440px -75px; | |
590 | + width: 150px; | |
591 | + width: 75px; | |
592 | + height: 150px; | |
593 | + height: 75px; | |
594 | + background-size: 571px; | |
595 | +} | |
596 | +.icon-state_zanting { | |
597 | + background-image: url(../images/dest/sprite.png); | |
598 | + background-position: 0px -350px; | |
599 | + background-position: 0px -175px; | |
600 | + width: 300px; | |
601 | + width: 150px; | |
602 | + height: 300px; | |
603 | + height: 150px; | |
604 | + background-size: 571px; | |
605 | +} | |
606 | +.icon-state_zhaohuo { | |
607 | + background-image: url(../images/dest/sprite.png); | |
608 | + background-position: -580px 0px; | |
609 | + background-position: -290px 0px; | |
610 | + width: 300px; | |
611 | + width: 150px; | |
612 | + height: 300px; | |
613 | + height: 150px; | |
614 | + background-size: 571px; | |
615 | +} | |
616 | +.icon-state_zhong { | |
617 | + background-image: url(../images/dest/sprite.png); | |
618 | + background-position: -880px -300px; | |
619 | + background-position: -440px -150px; | |
620 | + width: 150px; | |
621 | + width: 75px; | |
622 | + height: 150px; | |
623 | + height: 75px; | |
624 | + background-size: 571px; | |
625 | +} | |
626 | +.icon-title_fanhui { | |
627 | + background-image: url(../images/dest/sprite.png); | |
628 | + background-position: -610px -580px; | |
629 | + background-position: -305px -290px; | |
630 | + width: 62px; | |
631 | + width: 31px; | |
632 | + height: 62px; | |
633 | + height: 31px; | |
634 | + background-size: 571px; | |
635 | +} | |
636 | +.icon-title_fanhui_H { | |
637 | + background-image: url(../images/dest/sprite.png); | |
638 | + background-position: -424px -580px; | |
639 | + background-position: -212px -290px; | |
640 | + width: 62px; | |
641 | + width: 31px; | |
642 | + height: 62px; | |
643 | + height: 31px; | |
644 | + background-size: 571px; | |
645 | +} | |
646 | +.icon-title_quxiao { | |
647 | + background-image: url(../images/dest/sprite.png); | |
648 | + background-position: -124px -1000px; | |
649 | + background-position: -62px -500px; | |
650 | + width: 62px; | |
651 | + width: 31px; | |
652 | + height: 62px; | |
653 | + height: 31px; | |
654 | + background-size: 571px; | |
655 | +} | |
656 | +.icon-title_quxiao_H { | |
657 | + background-image: url(../images/dest/sprite.png); | |
658 | + background-position: 0px -1000px; | |
659 | + background-position: 0px -500px; | |
660 | + width: 62px; | |
661 | + width: 31px; | |
662 | + height: 62px; | |
663 | + height: 31px; | |
664 | + background-size: 571px; | |
665 | +} | |
666 | +.icon-title_shouye { | |
667 | + background-image: url(../images/dest/sprite.png); | |
668 | + background-position: -62px -1000px; | |
669 | + background-position: -31px -500px; | |
670 | + width: 62px; | |
671 | + width: 31px; | |
672 | + height: 62px; | |
673 | + height: 31px; | |
674 | + background-size: 571px; | |
675 | +} | |
676 | +.icon-title_shouye_H { | |
677 | + background-image: url(../images/dest/sprite.png); | |
678 | + background-position: -672px -580px; | |
679 | + background-position: -336px -290px; | |
680 | + width: 62px; | |
681 | + width: 31px; | |
682 | + height: 62px; | |
683 | + height: 31px; | |
684 | + background-size: 571px; | |
685 | +} | |
686 | +.icon-user_1 { | |
687 | + background-image: url(../images/dest/sprite.png); | |
688 | + background-position: -432px -1000px; | |
689 | + background-position: -216px -500px; | |
690 | + width: 40px; | |
691 | + width: 20px; | |
692 | + height: 40px; | |
693 | + height: 20px; | |
694 | + background-size: 571px; | |
695 | +} | |
696 | +.icon-user_2 { | |
697 | + background-image: url(../images/dest/sprite.png); | |
698 | + background-position: -472px -1000px; | |
699 | + background-position: -236px -500px; | |
700 | + width: 40px; | |
701 | + width: 20px; | |
702 | + height: 40px; | |
703 | + height: 20px; | |
704 | + background-size: 571px; | |
705 | +} | |
706 | +.icon-user_3 { | |
707 | + background-image: url(../images/dest/sprite.png); | |
708 | + background-position: -512px -1000px; | |
709 | + background-position: -256px -500px; | |
710 | + width: 40px; | |
711 | + width: 20px; | |
712 | + height: 40px; | |
713 | + height: 20px; | |
714 | + background-size: 571px; | |
715 | +} | |
716 | +.icon-user_4 { | |
717 | + background-image: url(../images/dest/sprite.png); | |
718 | + background-position: -552px -1000px; | |
719 | + background-position: -276px -500px; | |
720 | + width: 40px; | |
721 | + width: 20px; | |
722 | + height: 40px; | |
723 | + height: 20px; | |
724 | + background-size: 571px; | |
725 | +} | |
726 | +.icon-user_5 { | |
727 | + background-image: url(../images/dest/sprite.png); | |
728 | + background-position: -592px -1000px; | |
729 | + background-position: -296px -500px; | |
730 | + width: 40px; | |
731 | + width: 20px; | |
732 | + height: 40px; | |
733 | + height: 20px; | |
734 | + background-size: 571px; | |
735 | +} | |
736 | +.icon-user_6 { | |
737 | + background-image: url(../images/dest/sprite.png); | |
738 | + background-position: -272px -1000px; | |
739 | + background-position: -136px -500px; | |
740 | + width: 40px; | |
741 | + width: 20px; | |
742 | + height: 40px; | |
743 | + height: 20px; | |
744 | + background-size: 571px; | |
745 | +} | |
746 | +.icon-user_7 { | |
747 | + background-image: url(../images/dest/sprite.png); | |
748 | + background-position: -312px -1000px; | |
749 | + background-position: -156px -500px; | |
750 | + width: 40px; | |
751 | + width: 20px; | |
752 | + height: 40px; | |
753 | + height: 20px; | |
754 | + background-size: 571px; | |
755 | +} | |
756 | +.icon-user_8 { | |
757 | + background-image: url(../images/dest/sprite.png); | |
758 | + background-position: -232px -1000px; | |
759 | + background-position: -116px -500px; | |
760 | + width: 40px; | |
761 | + width: 20px; | |
762 | + height: 40px; | |
763 | + height: 20px; | |
764 | + background-size: 571px; | |
765 | +} | |
766 | +.icon-user_9 { | |
767 | + background-image: url(../images/dest/sprite.png); | |
768 | + background-position: -392px -1000px; | |
769 | + background-position: -196px -500px; | |
770 | + width: 40px; | |
771 | + width: 20px; | |
772 | + height: 40px; | |
773 | + height: 20px; | |
774 | + background-size: 571px; | |
775 | +} | |
776 | +.icon-zhongdian { | |
777 | + background-image: url(../images/dest/sprite.png); | |
778 | + background-position: -1102px -684px; | |
779 | + background-position: -551px -342px; | |
780 | + width: 40px; | |
781 | + width: 20px; | |
782 | + height: 40px; | |
783 | + height: 20px; | |
784 | + background-size: 571px; | |
785 | +} | |
786 | +.icon-cert { | |
787 | + background-image: url(../images/dest/sprite.png); | |
788 | + background-position: -880px -150px; | |
789 | + background-position: -440px -75px; | |
790 | + width: 150px; | |
791 | + width: 75px; | |
792 | + height: 150px; | |
793 | + height: 75px; | |
794 | + background-size: 571px; | |
795 | +} | |
796 | +.icon-certing { | |
797 | + background-image: url(../images/dest/sprite.png); | |
798 | + background-position: -880px -300px; | |
799 | + background-position: -440px -150px; | |
800 | + width: 150px; | |
801 | + width: 75px; | |
802 | + height: 150px; | |
803 | + height: 75px; | |
804 | + background-size: 571px; | |
805 | +} | |
806 | +.icon-certinvalid { | |
807 | + background-image: url(../images/dest/sprite.png); | |
808 | + background-position: -880px 0px; | |
809 | + background-position: -440px 0px; | |
810 | + width: 150px; | |
811 | + width: 75px; | |
812 | + height: 150px; | |
813 | + height: 75px; | |
814 | + background-size: 571px; | |
815 | +} | |
816 | +.icon-amount { | |
817 | + background-image: url(../images/dest/sprite.png); | |
818 | + background-position: -880px -734px; | |
819 | + background-position: -440px -367px; | |
820 | + width: 142px; | |
821 | + width: 71px; | |
822 | + height: 142px; | |
823 | + height: 71px; | |
824 | + background-size: 571px; | |
825 | +} | |
826 | +.icon-lock { | |
827 | + background-image: url(../images/dest/sprite.png); | |
828 | + background-position: -880px -592px; | |
829 | + background-position: -440px -296px; | |
830 | + width: 142px; | |
831 | + width: 71px; | |
832 | + height: 142px; | |
833 | + height: 71px; | |
834 | + background-size: 571px; | |
835 | +} | |
836 | +.icon-road { | |
837 | + background-image: url(../images/dest/sprite.png); | |
838 | + background-position: -880px -450px; | |
839 | + background-position: -440px -225px; | |
840 | + width: 142px; | |
841 | + width: 71px; | |
842 | + height: 142px; | |
843 | + height: 71px; | |
844 | + background-size: 571px; | |
845 | +} | |
846 | +.icon-state_zhaohuo { | |
847 | + background: url(../images/s.gif) no-repeat 0 0; | |
848 | + background-size: 150px 150px; | |
849 | +} | |
850 | +.m-input-wrap { | |
851 | + position: relative; | |
852 | +} | |
853 | +.m-input-wrap .m-input { | |
854 | + padding-right: 40px; | |
855 | +} | |
856 | +.m-input-wrap .clear-btn { | |
857 | + position: absolute; | |
858 | + right: 5px; | |
859 | + top: 0; | |
860 | + display: block; | |
861 | + height: 100%; | |
862 | + width: 36px; | |
863 | + cursor: pointer; | |
864 | +} | |
865 | +.m-input-wrap .clear-btn .m-icon { | |
866 | + position: absolute; | |
867 | + top: 50%; | |
868 | + left: 50%; | |
869 | + margin: -15px 0 0 -15px; | |
870 | +} | |
871 | +.m-input-wrap.input-search .m-input { | |
872 | + padding: 4px 5px 4px 35px; | |
873 | + font-size: 13px; | |
874 | +} | |
875 | +.m-input-wrap.input-search .m-input:focus { | |
876 | + border-color: #e2e2e2; | |
877 | +} | |
878 | +.m-input-wrap.input-search .icon-search { | |
879 | + position: absolute; | |
880 | + left: 10px; | |
881 | + top: 50%; | |
882 | + margin: -8px 0 0 0; | |
883 | +} | |
884 | +.m-input { | |
885 | + line-height: 22px; | |
886 | + min-height: 22px; | |
887 | + margin: 0; | |
888 | + padding: 11px 11px 10px; | |
889 | + font-size: 17px; | |
890 | + color: #333; | |
891 | + width: 100%; | |
892 | + border: 1px solid #e2e2e2; | |
893 | + text-align: left; | |
894 | + outline: none; | |
895 | + box-shadow: none; | |
896 | + background: #FFF; | |
897 | + -webkit-box-sizing: border-box; | |
898 | + -moz-box-sizing: border-box; | |
899 | + box-sizing: border-box; | |
900 | + -webkit-border-radius: 3px; | |
901 | + -moz-border-radius: 3px; | |
902 | + -ms-border-radius: 3px; | |
903 | + -o-border-radius: 3px; | |
904 | + border-radius: 3px; | |
905 | + vertical-align: middle; | |
906 | +} | |
907 | +.m-input:focus { | |
908 | + border-color: #1c69a3; | |
909 | +} | |
910 | +.m-textarea { | |
911 | + width: 100%; | |
912 | + padding: 8px; | |
913 | + box-sizing: border-box; | |
914 | + font-size: 15px; | |
915 | + color: #333; | |
916 | + margin: 0; | |
917 | + min-height: 90px; | |
918 | + border: none; | |
919 | + outline: none; | |
920 | + border-radius: 0; | |
921 | + box-shadow: none; | |
922 | + resize: none; | |
923 | + line-height: 1.5; | |
924 | + -webkit-appearance: none; | |
925 | +} | |
926 | +.m-input-number { | |
927 | + display: inline-block; | |
928 | + border: 1px solid #ccc; | |
929 | + border-radius: 4px; | |
930 | + background-color: #FFF; | |
931 | + font-size: 0; | |
932 | +} | |
933 | +.m-input-number input { | |
934 | + line-height: normal; | |
935 | + float: left; | |
936 | + height: 22px; | |
937 | + padding: 5px 5px 6px; | |
938 | + font-size: 12px; | |
939 | + color: #666; | |
940 | + width: 40px; | |
941 | + text-align: center; | |
942 | +} | |
943 | +.m-input-number span { | |
944 | + float: left; | |
945 | + position: relative; | |
946 | + width: 33px; | |
947 | + height: 33px; | |
948 | + cursor: pointer; | |
949 | +} | |
950 | +.m-input-number span:before, | |
951 | +.m-input-number span:after { | |
952 | + content: ''; | |
953 | + position: absolute; | |
954 | + width: 15px; | |
955 | + height: 1px; | |
956 | + top: 50%; | |
957 | + left: 50%; | |
958 | + margin-left: -7px; | |
959 | + background-color: #999; | |
960 | + font-size: 0; | |
961 | + overflow: hidden; | |
962 | + cursor: pointer; | |
963 | +} | |
964 | +.m-input-number .reduce { | |
965 | + border-right: 1px solid #ccc; | |
966 | +} | |
967 | +.m-input-number .reduce:after { | |
968 | + display: none; | |
969 | +} | |
970 | +.m-input-number .add { | |
971 | + border-left: 1px solid #ccc; | |
972 | +} | |
973 | +.m-input-number .add:after { | |
974 | + content: ''; | |
975 | + position: absolute; | |
976 | + height: 15px; | |
977 | + width: 1px; | |
978 | + margin: -7px 0 0; | |
979 | +} | |
980 | +input.m-radio { | |
981 | + background-image: url(../images/dest/sprite.png); | |
982 | + background-position: -778px -300px; | |
983 | + background-position: -389px -150px; | |
984 | + width: 46px; | |
985 | + width: 23px; | |
986 | + height: 46px; | |
987 | + height: 23px; | |
988 | + background-size: 571px; | |
989 | + -webkit-appearance: none; | |
990 | + -moz-appearance: none; | |
991 | + -o-appearance: none; | |
992 | + appearance: none; | |
993 | + display: inline-block; | |
994 | + border: none; | |
995 | + cursor: pointer; | |
996 | + margin: 0px; | |
997 | + position: relative; | |
998 | + outline: none; | |
999 | + vertical-align: middle; | |
1000 | + background-color: transparent; | |
1001 | +} | |
1002 | +input.m-radio:focus { | |
1003 | + outline: 0; | |
1004 | + outline: none; | |
1005 | +} | |
1006 | +input.m-radio:checked { | |
1007 | + background-image: url(../images/dest/sprite.png); | |
1008 | + background-position: -824px -300px; | |
1009 | + background-position: -412px -150px; | |
1010 | + width: 46px; | |
1011 | + width: 23px; | |
1012 | + height: 46px; | |
1013 | + height: 23px; | |
1014 | + background-size: 571px; | |
1015 | +} | |
1016 | +.m-select { | |
1017 | + display: inline-block; | |
1018 | + border: 1px solid #ddd; | |
1019 | + min-width: 170px; | |
1020 | + height: 36px; | |
1021 | + background-color: #FFF; | |
1022 | + line-height: 36px; | |
1023 | + font-size: 14px; | |
1024 | + color: #333; | |
1025 | + font-weight: normal; | |
1026 | + padding-left: 10px; | |
1027 | + float: left; | |
1028 | + overflow: hidden; | |
1029 | + position: relative; | |
1030 | + height: 22px !ie; | |
1031 | + border: 1px solid #fff !ie; | |
1032 | + padding-left: 0px !ie; | |
1033 | +} | |
1034 | +.m-select:after { | |
1035 | + content: ''; | |
1036 | + position: absolute; | |
1037 | + right: 10px; | |
1038 | + top: 50%; | |
1039 | + margin-top: -2px; | |
1040 | + border: 5px solid #ccc; | |
1041 | + border-color: #ccc transparent transparent; | |
1042 | + width: 0; | |
1043 | + height: 0; | |
1044 | + font-size: 0; | |
1045 | + overflow: hidden; | |
1046 | +} | |
1047 | +.m-select select { | |
1048 | + width: 110%; | |
1049 | + max-width: 110%; | |
1050 | + min-width: 110%; | |
1051 | + appearance: none; | |
1052 | + -webkit-appearance: none; | |
1053 | + -moz-appearance: window; | |
1054 | + white-space: nowrap; | |
1055 | + text-overflow: ellipsis; | |
1056 | + overflow: hidden; | |
1057 | + font-size: 14px; | |
1058 | + font-weight: 400; | |
1059 | + background: none; | |
1060 | + border: 1px solid #fff; | |
1061 | + vertical-align: middle; | |
1062 | + color: #333; | |
1063 | + outline: none; | |
1064 | + padding: 0; | |
1065 | + line-height: 1.5; | |
1066 | + height: 36px; | |
1067 | + height: 20px\0; | |
1068 | + line-height: 36px; | |
1069 | + width: 100% !ie; | |
1070 | +} | |
1071 | +.m-select select:-moz-focusring { | |
1072 | + color: transparent; | |
1073 | + text-shadow: 0 0 0 #000; | |
1074 | +} | |
1075 | +.m-input-date { | |
1076 | + position: relative; | |
1077 | + display: inline-block; | |
1078 | + vertical-align: middle; | |
1079 | + min-width: 50px; | |
1080 | +} | |
1081 | +.m-input-date .current { | |
1082 | + color: #999; | |
1083 | + text-align: right; | |
1084 | + display: block; | |
1085 | + line-height: 21px; | |
1086 | +} | |
1087 | +.m-input-date input { | |
1088 | + border: 0; | |
1089 | + font-size: 14px; | |
1090 | + background: none; | |
1091 | + outline: none; | |
1092 | + position: absolute; | |
1093 | + top: 0; | |
1094 | + left: 0; | |
1095 | + width: 100%; | |
1096 | + height: 100%; | |
1097 | + opacity: 0; | |
1098 | +} | ... | ... |