icon sprite (04271adc) | Commits | dlstatic / static-wappnr

Browse Code »

Commit 04271adc07707ed3fbe09cd310b577229829ac0e

Authored by bichao.dong 2015-08-26 11:45:31 +0800

1 parent 9e46ed75

icon sprite

Inline Side-by-side

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 22 of 143 files are displayed.

2.0/index.html

View file @04271ad

1	<!DOCTYPE html>	1	<!DOCTYPE html>
2	<html>	2	<html>
3	-<head lang="en">
4	- <meta charset="UTF-8">
5	- <title></title>	3	+<head>
		4	+ <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
		5	+ <meta content="telephone=no" name="format-detection" />
		6	+ <meta content="black" name="apple-mobile-web-app-status-bar-style" />
		7	+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		8	+ <title>农丰网</title>
		9	+ <!-- css -->
		10	+ <link rel="stylesheet" type="text/css" href="../css/style/common.css">
6	</head>	11	</head>
7	<body>	12	<body>
		13	+<!-- 主体 -->
		14	+<div class="m-page" data-role="page" id="indexPage">
		15	+ <!-- private css -->
		16	+ <link rel="stylesheet" href="../css/style/idangerous.swiper.css">
		17	+ <link rel="stylesheet" href="../css/style/index.css">
8		18
		19	+ <header class="m-header header-search header-home">
		20	+ <div class="head">
		21	+ <span class="lt-bar"><i class="m-icon icon-logo"></i></span>
		22	+ <div class="search-box h-search">
		23	+ <i class="m-icon icon-search"></i>请输入关键字
		24	+ </div>
		25	+ </div>
		26	+ </header>
		27	+
		28	+ <div class="banner" id="banner">
		29	+ <!-- Swiper -->
		30	+ <div class="swiper-container">
		31	+ <div class="swiper-wrapper">
		32	+ <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner1.png) center center no-repeat; background-size:100%;"></a>
		33	+ <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner2.png) center center no-repeat; background-size:100%;"></a>
		34	+ <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner3.png) center center no-repeat; background-size:100%;"></a>
		35	+ <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner4.png) center center no-repeat; background-size:100%;"></a>
		36	+ </div>
		37	+ <!-- Add Pagination -->
		38	+ <div class="swiper-pagination"></div>
		39	+ </div>
		40	+ </div>
		41	+
		42	+ <ul class="menu">
		43	+ <li><a href="#"><i class="m-icon icon-pfsc"></i>批发市场</a></li>
		44	+ <li><a href="#"><i class="m-icon icon-cdzg"></i>产地直供</a></li>
		45	+ <li><a href="#"><i class="m-icon icon-tcls"></i>同城零售</a></li>
		46	+ <li><a href="#"><i class="m-icon icon-nhzy"></i>农户自营</a></li>
		47	+
		48	+ <li><a href="#"><i class="m-icon icon-gqxx"></i>供求信息</a></li>
		49	+ <li><a href="#"><i class="m-icon icon-yqxx"></i>预售信息</a></li>
		50	+ <li><a href="#"><i class="m-icon icon-jhd"></i>进货单</a></li>
		51	+ <li><a href="#"><i class="m-icon icon-wdnf"></i>我的农丰</a></li>
		52	+ </ul>
		53	+
		54	+ <div class="category">
		55	+ <p class="title">热门采购</p>
		56	+ <ul class="clearfix"></ul>
		57	+ </div>
		58	+
		59	+ <!-- 搜索 -->
		60	+ <div class="s-page">
		61	+ <header class="m-header header-search">
		62	+ <div class="head">
		63	+ <span class="lt-bar m-icon icon-back white"></span>
		64	+ <span class="m-dropdown">
		65	+ <span class="search-type-box current">商品</span>
		66	+ <ul class="dropdown-items">
		67	+ <li class="item"><a href="javascript:;"><i class="m-icon icon-bag"></i>商品</a></li>
		68	+ <li class="item"><a href="javascript:;"><i class="m-icon icon-shop"></i>店铺</a></li>
		69	+ </ul>
		70	+ </span>
		71	+ <div class="search-box">
		72	+ <div class="input-wrap">
		73	+ <input type="text" id="search-val" class="m-input" placeholder="请输入关键字" autocomplete="off">
		74	+ </div>
		75	+ </div>
		76	+ <a href="/goods/searchByKeyword.do" ohref="/shop/getByKey.do" class="rt-bar text" id="search-btn">搜索</a>
		77	+ </div>
		78	+ </header>
		79	+ <div class="content search-list" id="cotent">
		80	+ <!-- 搜索历史开始 -->
		81	+ <ul class="m-table-view"></ul>
		82	+ <!-- 搜索历史结束 -->
		83	+ <div class="m-no-data m-hide">
		84	+ <div class="no-data-icon"></div>
		85	+ <p>未查找到相关数据</p>
		86	+ </div>
		87	+ <div class="clear-history m-hide">
		88	+ <span class="m-btn">清空历史记录</span>
		89	+ </div>
		90	+
		91	+ </div>
		92	+ </div>
		93	+
		94	+
		95	+ <!-- app download -->
		96	+ <div class="to-app-box">
		97	+ <div class="to-app-bg clearfix">
		98	+ <div class="ll">
		99	+ <span class="app-close"></span><span class="app-logo"></span><div class="app-info">下载农丰网APP<p>随时随地做生意</p></div>
		100	+ </div>
		101	+ <span class="app-download rr" id="applink"></span>
		102	+ </div>
		103	+ </div>
		104	+
		105	+ <script type="text/template" id="productCategorysTmpl">
		106	+ <%_.each(productCategorys, function(item){%>
		107	+ <li>
		108	+ <a href="/category/getSecondCategory.do?id=<%=item.Id%>">
		109	+ <img src="<%=item.imgUrl%>"><div class="desc">
		110	+ <%=item.Name%><p><%=descText[item.Name] \|\| '提供'+item.Name+'商品等'%></p>
		111	+ </div>
		112	+ </a>
		113	+ </li>
		114	+ <%})%>
		115	+ </script>
		116	+
		117	+ <script>
		118	+ // seajs.use(['/js/javascript/index/index']);
		119	+ </script>
		120	+</div>
9	</body>	121	</body>
10	</html>	122	</html>
11	\ No newline at end of file	123	\ No newline at end of file

Gruntfile.js 0 → 100755

View file @04271ad

		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	+ expand: true,
		10	+ cwd: 'css',
		11	+ src: ['*.less'],
		12	+ dest: 'css',
		13	+ ext: '.css'
		14	+ }]
		15	+ }
		16	+ },
		17	+ sprite:{
		18	+ all: {
		19	+ // 待合并的文件
		20	+ src : 'images/src/*.png',
		21	+ // 合并后输出的文件
		22	+ dest : 'images/dist/sprite.png',
		23	+ // 输出对应雪碧图的样式
		24	+ destCss : 'css/style/m/sprite.less',
		25	+ // 可选: 手动指定样式里引用图片的路径
		26	+ imgPath : '../../images/dist/sprite.png',
		27	+ cssVarMap: function(sprite) {
		28	+ sprite.name = sprite.name.replace(/^\s{1}/, ''); //去除文件名前空白
		29	+ sprite.name = sprite.name.replace('@2x', '');
		30	+ sprite.name = sprite.name.replace(/^\d\./, '');
		31	+ sprite.name = 'icon-' + sprite.name;
		32	+ },
		33	+ // 可选: 指定算法 (top-down, left-right, diagonal,alt-diagonal, binary-tree )等
		34	+ // 默认是top-down,二叉树合并出来的图体积最小
		35	+ algorithm : 'binary-tree',
		36	+ // 可选: 指定CSS格式 (默认根据destCSS中的后缀设置格式)
		37	+ // (stylus, scss, scss_maps, sass, less, json, json_array, css)
		38	+ cssFormat : 'less'
		39	+ }
		40	+ },
		41	+ watch: {
		42	+ options: {
		43	+ nospawn: true
		44	+ },
		45	+ css: {
		46	+ files: [
		47	+ 'css/*.less'
		48	+ ],
		49	+ tasks: ['less'],
		50	+ options: {
		51	+ livereload: true
		52	+ }
		53	+ }
		54	+ }
		55	+ });
		56	+
		57	+ grunt.loadNpmTasks( "grunt-contrib-less" );
		58	+ grunt.loadNpmTasks( "grunt-contrib-watch" );
		59	+ grunt.loadNpmTasks('grunt-spritesmith');
		60	+
		61	+ grunt.registerTask('default', [
		62	+ 'sprite'
		63	+ ]);
		64	+};

Node.gitignore 0 → 100755

View file @04271ad

		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

css/less/add-activity.less deleted 100644 → 0

View file @9e46ed7

1	-/zzf/
2	-// @import "./m-public";/基类/
3	-// @import "./m_form";/列表/
4	-// @import "./m_table_view";/列表/
5	-@import "m/var";
6	-@import "m/m-imguploader";
7	-
8	-
9	-
10	-span.icon-more {
11	- background: url("../../images/icon.png") -31px -236px repeat;
12	- width: 9px;
13	- height: 16px;
14	- display: inline-block;
15	- background-size: 150px;
16	- vertical-align: middle;
17	-}
18	-.m-table-view {
19	- .txt {
20	- font-size: 14px;
21	- color: #999;
22	- margin-right: 15px;
23	- }
24	-
25	- .m-select{
26	- margin-right:15px;
27	- }
28	-}
29	-.send-view {
30	- border-bottom: 1px solid @br-ddd;
31	- border-top: 1px solid @br-ddd;
32	- margin-top: 10px;
33	- background: @bg-fff;
34	- padding: 15px;
35	- textarea {
36	- // width: 100%;
37	- // margin: 0px;
38	- // padding: 0px;
39	- border: 1px solid @br-ddd;
40	- min-height: 100px;
41	- }
42	- .upload {
43	- margin-top: 5px;
44	- img {
45	- width: 65px;
46	- height: 65px;
47	- }
48	- ul {
49	- float: left;
50	- li {
51	- float: left;
52	- margin-right: 5px;
53	- }
54	- }
55	- .add {
56	- width: 65px;
57	- height: 65px;
58	- float: left;
59	- border: 1px dashed #ddd;
60	- cursor: pointer;
61	- position: relative;
62	- overflow: hidden;
63	- .icon-add {
64	- background: url("../../images/upload.png") -121px 0px repeat;
65	- width: 30px;
66	- height: 30px;
67	- display: inline-block;
68	- background-size: 75px;
69	- margin: 17px;
70	- }
71	- }
72	- input{
73	- position: absolute;
74	- left: 0;
75	- right: 0;
76	- top: 0;
77	- bottom: 0;
78	- opacity: 0;
79	- }
80	- }
81	-}
82	-
83	-
84	-

css/less/comment_list.less deleted 100644 → 0

View file @9e46ed7

1	-@import "m/var";
2	-
3	-.commentList {
4	- .comment {
5	- border-top: 1px solid #ddd;
6	- }
7	-}
8	\ No newline at end of file	0	\ No newline at end of file

css/less/comment_new.less deleted 100644 → 0

View file @9e46ed7

1	-@import "m/var";
2	-
3	-.commentNew {
4	- background-color: #F5F5F5;
5	- .comment {
6	- }
7	- .m-table-view{
8	- margin-top: 0;
9	- border: none;
10	- }
11	- .product-item{
12	- margin-bottom: 10px;
13	- background: #fff;
14	- border: 1px solid #ddd;
15	- border-width: 1px 0;
16	- }
17	- .star{
18	- padding: 15px;
19	- overflow: hidden;
20	- .title, .text{
21	- float: left;
22	- font-size: 14px;
23	- color: #333;
24	- line-height: 25px;
25	- }
26	-
27	- .text{
28	- font-size: 12px;
29	- line-height: 22px;
30	- color: #BBB;
31	- margin: 3px 0 0 10px;
32	- }
33	- }
34	- .text-box{
35	- padding: 0 15px 10px;
36	- .m-textarea{
37	- margin-top: 0;
38	- border: 1px solid #ccc;
39	- min-height: 60px;
40	- padding: 10px;
41	- }
42	- }
43	- .m-footer{
44	- text-align: center;
45	- .m-btn{
46	- display: inline-block;
47	- width: 145px;
48	- }
49	- }
50	-}
51	\ No newline at end of file	0	\ No newline at end of file

css/less/common.less deleted 100644 → 0

View file @9e46ed7

1	-/***************************************************
2	-* feature : 零散的ui组件的集合;
3	-* update : 2015/02/03;
4	-* use : import 本文件;
5	-* desc : 仅需在HTML Page引入本文件，即可调用到 reset、通用UI样式;
6	-* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
7	-* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
8	-****************************************************/
9	-
10	-
11	-
12	-//具体UI组件
13	-@import "m/m_reset";
14	-@import "m/var";
15	-@import "m/m_header";
16	-@import "m/m_footer";
17	-@import "m/m_icon";
18	-@import "m/m_segment";
19	-@import "m/m_table";
20	-@import "m/m_btn";
21	-@import "m/m_form";
22	-@import "m/m_mask";
23	-@import "m/m_popup";
24	-@import "m/m_slider";
25	-@import "m/m_stat";
26	-@import "m/m_like";
27	-@import "m/m_step";
28	-@import "m/m_message";
29	-@import "m/m_tips";
30	-@import "m/m_tab";
31	-@import "m/m_table_view";
32	-@import "m/m_actionsheet";
33	-@import "m/m_dropdown";
34	-@import "m/utilities";
35	-@import "m/m_bar";
36	-@import "m/animation";
37	-
38	-
39	-//extend & patch
40	-
41	-
42	-//dev 临时重置方案
43	-*{
44	- margin: 0;
45	- padding: 0;
46	- border: none;
47	- -webkit-text-size-adjust: none;
48	-}
49	-
50	-
51	-ul{
52	- list-style: none;
53	-}
54	-
55	-.m-page{
56	- padding-bottom: 80px;
57	- // background-color: #FFF;
58	-}
59	-
60	-
61	-.m-list-text{
62	- background-color: #FFF;
63	- border-top: 1px solid #ddd;
64	- li{
65	- padding: 15px;
66	- border-bottom: 1px solid #ddd;
67	- }
68	- .author{
69	- float: right;
70	- font-size: 12px;
71	- color: #999;
72	- }
73	- p{
74	- color: #666;
75	- font-size: 14px;
76	- }
77	-}
78	-
79	-//搜索
80	-.s-page{
81	- position: absolute;
82	- left: 0;
83	- top:0;
84	- width: 100%;
85	- min-height: 100%;
86	- background: #f5f5f5;
87	- display: none;
88	-}
89	-
90	-
91	-
92	-//页面切换交互
93	-.transition-wrapper{
94	- height: 100%;
95	- width: 100%;
96	- overflow: hidden;
97	- .m-page{
98	- height: 100%;
99	- overflow-x:hidden;
100	- overflow-y:auto;
101	- }
102	- body{
103	- height: 100%;
104	- width: 100%;
105	- overflow: hidden;
106	- position: relative;
107	- }
108	-}
109	-.transition-up{
110	- background: #F5F5F5;
111	- width: 100%;
112	- height: 100%;
113	- position: absolute;
114	- top: 0;
115	- left: 0;
116	- z-index: 999;
117	- overflow-x: hidden;
118	- overflow-y: auto;
119	- padding-bottom: 20px;
120	- -webkit-transform: translate3d(0px,100%,0px);
121	- -moz-transform: translate3d(0px,100%,0px);
122	- transform: translate3d(0px,100%,0px);
123	- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
124	- -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
125	- -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
126	- transition: transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
127	- // display: none;
128	- .transition-content{
129	- min-height: 100%;
130	- overflow-x: hidden;
131	- overflow-y: auto;
132	- }
133	- &.show{
134	- // display: block;
135	- -webkit-transform: translate3d(0px,0%,0px);
136	- -moz-transform: translate3d(0px,0%,0px);
137	- transform: translate3d(0px,0%,0px);
138	- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
139	- -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
140	- -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
141	- transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
142	- }
143	-}
144	-
145	- // 没有数据
146	- .m-no-data{
147	- margin-top: 50px;
148	- text-align: center;
149	- font-size: 18px;
150	- color:#666;
151	- .no-data-icon{
152	- height: 150px;
153	- background:url("@{imgURI}no-data.png") center center no-repeat;
154	- background-size: 150px;
155	- margin-bottom: 20px;
156	- }
157	- }
158	-
159	-
160	-// 城市选择
161	-
162	-.m-city{
163	- white-space: nowrap;
164	- overflow: hidden;
165	- text-overflow: ellipsis;
166	- max-width: 70%;
167	- display: inline-block;
168	- vertical-align: middle;
169	-}
170	-
171	-
172	-// app download
173	-
174	-.to-app-box{
175	- position: fixed;
176	- bottom: -100%;
177	- left: 0;
178	- width: 100%;
179	- .ll{
180	- float: left;
181	- }
182	- .rr{
183	- float: right;
184	- }
185	- .to-app-bg{
186	- padding: 10px;
187	- background: rgba(0, 0, 0, 0.70);
188	- }
189	- .app-close,
190	- .app-logo,
191	- .app-info{
192	- display: inline-block;
193	- vertical-align: middle;
194	- margin-right: 10px;
195	- }
196	- .app-close{
197	- width: 18px;
198	- height: 19px;
199	- background: url("../../images/icon.png") -38px -343px no-repeat;
200	- background-size: 150px;
201	- }
202	- .app-logo{
203	- width: 35px;
204	- height: 36px;
205	- background: url("../../images/icon.png") 0 -343px no-repeat;
206	- background-size: 150px;
207	- }
208	- .app-info{
209	- color: #fff;
210	- font-size: 15px;
211	- p{
212	- font-size: 12px;
213	- }
214	- }
215	- .app-download{
216	- width: 89px;
217	- height: 36px;
218	- margin-top: 3px;
219	- background: url("../../images/icon.png") -61px -343px no-repeat;
220	- background-size: 150px;
221	- }
222	-}
223	-
224	-
225	-
226	-
227	-
228	-
229	-

css/less/feedback.less deleted 100644 → 0

View file @9e46ed7

1	-@import "m/var";
2	-.feedbackPage{
3	- .m-textarea{
4	- margin-top: 0;
5	- }
6	-}
7	\ No newline at end of file	0	\ No newline at end of file

css/less/index.less deleted 100644 → 0

View file @9e46ed7

1	-@import "m/var";
2	-
3	-// @import "m_header_search";/搜索/
4	-// // @import "./location";/市场定位/
5	-@import "./searchIndex";/搜索/
6	-// body{
7	-// width: 100%;
8	-// height: 100%;
9	-// overflow: hidden;
10	-// position: relative;
11	-// }
12	-.banner{
13	- height: 120px;
14	- position: relative;
15	- overflow: hidden;
16	- a{
17	- display: block;
18	- height: 100%;
19	- }
20	- img{
21	- width: 100%;
22	- height: 100%;
23	- }
24	- .pagination{
25	- position: absolute;
26	- bottom: 10px;
27	- left: 0;
28	- width: 100%;
29	- text-align: center;
30	- line-height: 9px;
31	- .swiper-pagination-switch {
32	- display: inline-block;
33	- width: 9px;
34	- height: 9px;
35	- background: rgba(255, 255, 255, 0.60);
36	- border-radius: 100%;
37	- margin:0 4px;
38	- }
39	- .swiper-active-switch{
40	- background: #66cc22;
41	- }
42	- }
43	-}
44	-
45	-
46	-
47	-.p-page{
48	- // position: absolute;
49	- // width: 100%;
50	- // left: 0;
51	- // top: 100%;
52	- width: 100%;
53	- min-height: 100%;
54	- position: absolute;
55	- top: 0;
56	- left: 0;
57	- z-index: 999;
58	- overflow-x: hidden;
59	- overflow-y: auto;
60	- padding-bottom: 20px;
61	- -webkit-transform: translate3d(0px,100%,0px);
62	- -moz-transform: translate3d(0px,100%,0px);
63	- transform: translate3d(0px,100%,0px);
64	- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
65	- -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
66	- -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
67	- transition: transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
68	-}
69	-.p-page.show{
70	- // animation: pageshow 0.5s;
71	- // -moz-animation: pageshow 0.5s; /* Firefox */
72	- // -webkit-animation: pageshow 0.5s; /* Safari 和 Chrome */
73	- // -o-animation: pageshow 0.5s; /* Opera */
74	- // top: 0;
75	- -webkit-transform: translate3d(0px,0%,0px);
76	- -moz-transform: translate3d(0px,0%,0px);
77	- transform: translate3d(0px,0%,0px);
78	- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
79	- -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
80	- -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
81	- transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
82	-}
83	-.p-page .page-content{
84	- display: none;
85	-}
86	-.page-content.show{
87	- display: block;
88	-}
89	-
90	-
91	- @border-ddd:1px #ddd solid;
92	-
93	-.menu{
94	- padding: 15px 10px;
95	- text-align: center;
96	- background-color: #fff;
97	- border-bottom: @border-ddd;
98	- overflow: hidden;
99	- li{
100	- float: left;
101	- width: 25%;
102	- text-align: center;
103	- }
104	- a{
105	- display: inline-block;
106	- font-size: 12px;
107	- }
108	- .menu-icon{
109	- display: block;
110	- background: url('@{iconURI}icon.png') no-repeat;
111	- background-size: 150px;
112	- width:55px;
113	- height: 55px;
114	- margin-bottom: 5px;
115	- }
116	- #mi2{
117	- background-position: -55px 0;
118	- }
119	- #mi3{
120	- background-position: 0 -55px;
121	- }
122	- #mi4{
123	- background-position: -55px -55px;
124	- }
125	-}
126	-
127	-
128	-
129	-
130	-
131	-.category{
132	- background: #fff;
133	- margin-top: 10px;
134	- border-top:@border-ddd;
135	- border-bottom: @border-ddd;
136	-
137	- .title{
138	- height: 40px;
139	- line-height: 40px;
140	- padding-left: 15px;
141	- font-size: 14px;
142	- }
143	- li{
144	- border-top:@border-ddd;
145	- border-left: @border-ddd;
146	- margin-left: -1px;
147	- padding: 10px 0;
148	- float: left;
149	- width: 50%;
150	- a{
151	- display: block;
152	- }
153	- .desc{
154	- display: inline-block;
155	- vertical-align: middle;
156	- font-size: 14px;
157	- overflow: hidden;
158	- text-overflow: ellipsis;
159	- white-space: nowrap;
160	- padding-left: 60px;
161	- margin-left: -60px;
162	- box-sizing: border-box;
163	- width: 100%;
164	- p{
165	- color: #999;
166	- font-size: 12px;
167	- overflow: hidden;
168	- text-overflow: ellipsis;
169	- white-space: nowrap;
170	- }
171	- }
172	- img{
173	- display: inline-block;
174	- width: 40px;
175	- height: 40px;
176	- margin: 0 10px;
177	- float: left;
178	- }
179	- }
180	-}
181	-
182	-.m-slider{
183	- height: 100px;
184	-}

css/less/invalidList.less deleted 100644 → 0

View file @9e46ed7

1	-@import "m/var";
2	-
3	-.invalidList{
4	- .m-table-view{
5	- padding: 0 10px;
6	- margin: 0;
7	- box-sizing: border-box;
8	- border-top: none;
9	- border-bottom: 1px solid #ddd;
10	- li:last-child{
11	- border-bottom: none;
12	- }
13	- }
14	- .cell-extend-pic{
15	- padding-left: 110px;
16	- .text{
17	- padding-right: 0;
18	- }
19	- }
20	- .invalid{
21	- float: left;
22	- background-color: #aaa;
23	- border-radius: 2px;
24	- margin-left: -110px;
25	- line-height: 20px;
26	- text-align: center;
27	- padding: 0 3px;
28	- color: #FFF;
29	- margin-top: 20px;
30	- }
31	-}
32	\ No newline at end of file	0	\ No newline at end of file

css/less/location.less deleted 100644 → 0

View file @9e46ed7

1	-// @import "m-public";
2	-// @import "m_icon";
3	-// @import "m_header";
4	-// @import "./m-list-view";/列表显示类/
5	-
6	-@import "m/var";
7	-
8	-h2{
9	- font-size: 14px;
10	- color: #666;
11	- height: 30px;
12	- line-height: 30px;
13	- background: #eee;
14	- padding-left: 15px;
15	- font-weight: normal;
16	-}
17	-.icon-location{
18	- margin-right: 8px;
19	-}
20	-.as-block{
21	- padding-left: 15px;
22	- font-size: 14px;
23	-}
24	-
25	-.m-table-view{
26	- margin: 0;
27	-}
28	\ No newline at end of file	0	\ No newline at end of file

css/less/login.less deleted 100644 → 0

View file @9e46ed7

1	-/zzf/
2	-@import "m/var";
3	-
4	-.m-table-view {
5	- background-color: #FFF;
6	- .cell {
7	- padding: 1px 15px 1px 38px;
8	- }
9	- .title {
10	- line-height: 42px;
11	- margin-left: -28px;
12	- color: #333;
13	- }
14	- .text {
15	- line-height: 42px;
16	- }
17	- .m-input {
18	- float: left;
19	- width: 100%;
20	- padding: 10px 0;
21	- color: #bbb;
22	- }
23	- .ver-code {
24	- padding-right: 110px;
25	- position: relative;
26	- .m-btn {
27	- position: absolute;
28	- right: 10px;
29	- top: 50%;
30	- margin-top: -12px;
31	- width: 90px;
32	- }
33	- a.gray-btn {
34	- color: #ccc;
35	- border:1px solid #ccc;
36	- }
37	- }
38	-}
39	-
40	-.btn-bar{
41	- text-align: center;
42	- padding: 10px;
43	- .m-btn{
44	- display: block;
45	- }
46	-}
47	-
48	-.phone-num{
49	- margin: 15px;
50	- font-size: 14px;
51	-}
52	-
53	-.tips{
54	- font-size: 12px;
55	- color: #999;
56	- margin: 5px 15px 0;
57	-}
58	-
59	-.btns{
60	- overflow: hidden;
61	- margin-bottom: 5px;
62	- .m-btn{
63	- float: left;
64	- width: 113px;
65	- &:last-child{
66	- width: 115px;
67	- float: right;
68	- }
69	- }
70	-}
71	-
72	-.forgot-pwd{
73	- text-align: right;
74	- display: block;
75	- padding-right: 10px;
76	- font-size: 14px;
77	- color: #6EC6EC;
78	-}
79	-
80	-.license{
81	- font-size: 13px;
82	- color: #999;
83	- margin: 15px;
84	-}
85	-
86	-.m-tab{
87	- padding: 0;
88	- li{
89	- width: 50%;
90	- box-sizing: border-box;
91	- padding: 0;
92	- a{
93	- &:before{
94	- content: '';
95	- position: absolute;
96	- right: 0;
97	- top: 50%;
98	- height: 30px;
99	- width: 1px;
100	- font-size: 0;
101	- margin-top: -15px;
102	- overflow: hidden;
103	- background-color: #DDD;
104	- }
105	- }
106	- &:last-child{
107	- a{
108	- &:before{
109	- display: none;
110	- }
111	- }
112	- }
113	- }
114	-}
115	-.tip {
116	- color: #999;
117	- margin-left: 15px;
118	- margin-top: 10px;
119	- font-size: 12px;
120	-}
121	-.user-name, .user-phone {
122	- .cell {
123	- padding-left: 15px;
124	- }
125	-}

css/less/m/animation.less deleted 100644 → 0

View file @9e46ed7

1	-@charset "UTF-8";
2	-.animated {
3	- -webkit-animation-duration: 1s;
4	- animation-duration: 1s;
5	- -webkit-animation-fill-mode: both;
6	- animation-fill-mode: both;
7	-}
8	-
9	-.animated.infinite {
10	- -webkit-animation-iteration-count: infinite;
11	- animation-iteration-count: infinite;
12	-}
13	-
14	-.animated.hinge {
15	- -webkit-animation-duration: 2s;
16	- animation-duration: 2s;
17	-}
18	-
19	-@-webkit-keyframes bounce {
20	- 0%, 20%, 53%, 80%, 100% {
21	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
22	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
23	- -webkit-transform: translate3d(0,0,0);
24	- transform: translate3d(0,0,0);
25	- }
26	-
27	- 40%, 43% {
28	- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
29	- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
30	- -webkit-transform: translate3d(0, -30px, 0);
31	- transform: translate3d(0, -30px, 0);
32	- }
33	-
34	- 70% {
35	- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
36	- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
37	- -webkit-transform: translate3d(0, -15px, 0);
38	- transform: translate3d(0, -15px, 0);
39	- }
40	-
41	- 90% {
42	- -webkit-transform: translate3d(0,-4px,0);
43	- transform: translate3d(0,-4px,0);
44	- }
45	-}
46	-
47	-@keyframes bounce {
48	- 0%, 20%, 53%, 80%, 100% {
49	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
50	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
51	- -webkit-transform: translate3d(0,0,0);
52	- transform: translate3d(0,0,0);
53	- }
54	-
55	- 40%, 43% {
56	- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
57	- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
58	- -webkit-transform: translate3d(0, -30px, 0);
59	- transform: translate3d(0, -30px, 0);
60	- }
61	-
62	- 70% {
63	- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
64	- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
65	- -webkit-transform: translate3d(0, -15px, 0);
66	- transform: translate3d(0, -15px, 0);
67	- }
68	-
69	- 90% {
70	- -webkit-transform: translate3d(0,-4px,0);
71	- transform: translate3d(0,-4px,0);
72	- }
73	-}
74	-
75	-.bounce {
76	- -webkit-animation-name: bounce;
77	- animation-name: bounce;
78	- -webkit-transform-origin: center bottom;
79	- -ms-transform-origin: center bottom;
80	- transform-origin: center bottom;
81	-}
82	-
83	-@-webkit-keyframes flash {
84	- 0%, 50%, 100% {
85	- opacity: 1;
86	- }
87	-
88	- 25%, 75% {
89	- opacity: 0;
90	- }
91	-}
92	-
93	-@keyframes flash {
94	- 0%, 50%, 100% {
95	- opacity: 1;
96	- }
97	-
98	- 25%, 75% {
99	- opacity: 0;
100	- }
101	-}
102	-
103	-.flash {
104	- -webkit-animation-name: flash;
105	- animation-name: flash;
106	-}
107	-
108	-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
109	-
110	-@-webkit-keyframes pulse {
111	- 0% {
112	- -webkit-transform: scale3d(1, 1, 1);
113	- transform: scale3d(1, 1, 1);
114	- }
115	-
116	- 50% {
117	- -webkit-transform: scale3d(1.05, 1.05, 1.05);
118	- transform: scale3d(1.05, 1.05, 1.05);
119	- }
120	-
121	- 100% {
122	- -webkit-transform: scale3d(1, 1, 1);
123	- transform: scale3d(1, 1, 1);
124	- }
125	-}
126	-
127	-@keyframes pulse {
128	- 0% {
129	- -webkit-transform: scale3d(1, 1, 1);
130	- transform: scale3d(1, 1, 1);
131	- }
132	-
133	- 50% {
134	- -webkit-transform: scale3d(1.05, 1.05, 1.05);
135	- transform: scale3d(1.05, 1.05, 1.05);
136	- }
137	-
138	- 100% {
139	- -webkit-transform: scale3d(1, 1, 1);
140	- transform: scale3d(1, 1, 1);
141	- }
142	-}
143	-
144	-.pulse {
145	- -webkit-animation-name: pulse;
146	- animation-name: pulse;
147	-}
148	-
149	-@-webkit-keyframes rubberBand {
150	- 0% {
151	- -webkit-transform: scale3d(1, 1, 1);
152	- transform: scale3d(1, 1, 1);
153	- }
154	-
155	- 30% {
156	- -webkit-transform: scale3d(1.25, 0.75, 1);
157	- transform: scale3d(1.25, 0.75, 1);
158	- }
159	-
160	- 40% {
161	- -webkit-transform: scale3d(0.75, 1.25, 1);
162	- transform: scale3d(0.75, 1.25, 1);
163	- }
164	-
165	- 50% {
166	- -webkit-transform: scale3d(1.15, 0.85, 1);
167	- transform: scale3d(1.15, 0.85, 1);
168	- }
169	-
170	- 65% {
171	- -webkit-transform: scale3d(.95, 1.05, 1);
172	- transform: scale3d(.95, 1.05, 1);
173	- }
174	-
175	- 75% {
176	- -webkit-transform: scale3d(1.05, .95, 1);
177	- transform: scale3d(1.05, .95, 1);
178	- }
179	-
180	- 100% {
181	- -webkit-transform: scale3d(1, 1, 1);
182	- transform: scale3d(1, 1, 1);
183	- }
184	-}
185	-
186	-@keyframes rubberBand {
187	- 0% {
188	- -webkit-transform: scale3d(1, 1, 1);
189	- transform: scale3d(1, 1, 1);
190	- }
191	-
192	- 30% {
193	- -webkit-transform: scale3d(1.25, 0.75, 1);
194	- transform: scale3d(1.25, 0.75, 1);
195	- }
196	-
197	- 40% {
198	- -webkit-transform: scale3d(0.75, 1.25, 1);
199	- transform: scale3d(0.75, 1.25, 1);
200	- }
201	-
202	- 50% {
203	- -webkit-transform: scale3d(1.15, 0.85, 1);
204	- transform: scale3d(1.15, 0.85, 1);
205	- }
206	-
207	- 65% {
208	- -webkit-transform: scale3d(.95, 1.05, 1);
209	- transform: scale3d(.95, 1.05, 1);
210	- }
211	-
212	- 75% {
213	- -webkit-transform: scale3d(1.05, .95, 1);
214	- transform: scale3d(1.05, .95, 1);
215	- }
216	-
217	- 100% {
218	- -webkit-transform: scale3d(1, 1, 1);
219	- transform: scale3d(1, 1, 1);
220	- }
221	-}
222	-
223	-.rubberBand {
224	- -webkit-animation-name: rubberBand;
225	- animation-name: rubberBand;
226	-}
227	-
228	-@-webkit-keyframes shake {
229	- 0%, 100% {
230	- -webkit-transform: translate3d(0, 0, 0);
231	- transform: translate3d(0, 0, 0);
232	- }
233	-
234	- 10%, 30%, 50%, 70%, 90% {
235	- -webkit-transform: translate3d(-10px, 0, 0);
236	- transform: translate3d(-10px, 0, 0);
237	- }
238	-
239	- 20%, 40%, 60%, 80% {
240	- -webkit-transform: translate3d(10px, 0, 0);
241	- transform: translate3d(10px, 0, 0);
242	- }
243	-}
244	-
245	-@keyframes shake {
246	- 0%, 100% {
247	- -webkit-transform: translate3d(0, 0, 0);
248	- transform: translate3d(0, 0, 0);
249	- }
250	-
251	- 10%, 30%, 50%, 70%, 90% {
252	- -webkit-transform: translate3d(-10px, 0, 0);
253	- transform: translate3d(-10px, 0, 0);
254	- }
255	-
256	- 20%, 40%, 60%, 80% {
257	- -webkit-transform: translate3d(10px, 0, 0);
258	- transform: translate3d(10px, 0, 0);
259	- }
260	-}
261	-
262	-.shake {
263	- -webkit-animation-name: shake;
264	- animation-name: shake;
265	-}
266	-
267	-@-webkit-keyframes swing {
268	- 20% {
269	- -webkit-transform: rotate3d(0, 0, 1, 15deg);
270	- transform: rotate3d(0, 0, 1, 15deg);
271	- }
272	-
273	- 40% {
274	- -webkit-transform: rotate3d(0, 0, 1, -10deg);
275	- transform: rotate3d(0, 0, 1, -10deg);
276	- }
277	-
278	- 60% {
279	- -webkit-transform: rotate3d(0, 0, 1, 5deg);
280	- transform: rotate3d(0, 0, 1, 5deg);
281	- }
282	-
283	- 80% {
284	- -webkit-transform: rotate3d(0, 0, 1, -5deg);
285	- transform: rotate3d(0, 0, 1, -5deg);
286	- }
287	-
288	- 100% {
289	- -webkit-transform: rotate3d(0, 0, 1, 0deg);
290	- transform: rotate3d(0, 0, 1, 0deg);
291	- }
292	-}
293	-
294	-@keyframes swing {
295	- 20% {
296	- -webkit-transform: rotate3d(0, 0, 1, 15deg);
297	- transform: rotate3d(0, 0, 1, 15deg);
298	- }
299	-
300	- 40% {
301	- -webkit-transform: rotate3d(0, 0, 1, -10deg);
302	- transform: rotate3d(0, 0, 1, -10deg);
303	- }
304	-
305	- 60% {
306	- -webkit-transform: rotate3d(0, 0, 1, 5deg);
307	- transform: rotate3d(0, 0, 1, 5deg);
308	- }
309	-
310	- 80% {
311	- -webkit-transform: rotate3d(0, 0, 1, -5deg);
312	- transform: rotate3d(0, 0, 1, -5deg);
313	- }
314	-
315	- 100% {
316	- -webkit-transform: rotate3d(0, 0, 1, 0deg);
317	- transform: rotate3d(0, 0, 1, 0deg);
318	- }
319	-}
320	-
321	-.swing {
322	- -webkit-transform-origin: top center;
323	- -ms-transform-origin: top center;
324	- transform-origin: top center;
325	- -webkit-animation-name: swing;
326	- animation-name: swing;
327	-}
328	-
329	-@-webkit-keyframes tada {
330	- 0% {
331	- -webkit-transform: scale3d(1, 1, 1);
332	- transform: scale3d(1, 1, 1);
333	- }
334	-
335	- 10%, 20% {
336	- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
337	- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
338	- }
339	-
340	- 30%, 50%, 70%, 90% {
341	- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
342	- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
343	- }
344	-
345	- 40%, 60%, 80% {
346	- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
347	- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
348	- }
349	-
350	- 100% {
351	- -webkit-transform: scale3d(1, 1, 1);
352	- transform: scale3d(1, 1, 1);
353	- }
354	-}
355	-
356	-@keyframes tada {
357	- 0% {
358	- -webkit-transform: scale3d(1, 1, 1);
359	- transform: scale3d(1, 1, 1);
360	- }
361	-
362	- 10%, 20% {
363	- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
364	- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
365	- }
366	-
367	- 30%, 50%, 70%, 90% {
368	- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
369	- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
370	- }
371	-
372	- 40%, 60%, 80% {
373	- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
374	- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
375	- }
376	-
377	- 100% {
378	- -webkit-transform: scale3d(1, 1, 1);
379	- transform: scale3d(1, 1, 1);
380	- }
381	-}
382	-
383	-.tada {
384	- -webkit-animation-name: tada;
385	- animation-name: tada;
386	-}
387	-
388	-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
389	-
390	-@-webkit-keyframes wobble {
391	- 0% {
392	- -webkit-transform: none;
393	- transform: none;
394	- }
395	-
396	- 15% {
397	- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
398	- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
399	- }
400	-
401	- 30% {
402	- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
403	- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
404	- }
405	-
406	- 45% {
407	- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
408	- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
409	- }
410	-
411	- 60% {
412	- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
413	- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
414	- }
415	-
416	- 75% {
417	- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
418	- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
419	- }
420	-
421	- 100% {
422	- -webkit-transform: none;
423	- transform: none;
424	- }
425	-}
426	-
427	-@keyframes wobble {
428	- 0% {
429	- -webkit-transform: none;
430	- transform: none;
431	- }
432	-
433	- 15% {
434	- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
435	- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
436	- }
437	-
438	- 30% {
439	- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
440	- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
441	- }
442	-
443	- 45% {
444	- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
445	- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
446	- }
447	-
448	- 60% {
449	- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
450	- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
451	- }
452	-
453	- 75% {
454	- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
455	- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
456	- }
457	-
458	- 100% {
459	- -webkit-transform: none;
460	- transform: none;
461	- }
462	-}
463	-
464	-.wobble {
465	- -webkit-animation-name: wobble;
466	- animation-name: wobble;
467	-}
468	-
469	-@-webkit-keyframes bounceIn {
470	- 0%, 20%, 40%, 60%, 80%, 100% {
471	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
472	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
473	- }
474	-
475	- 0% {
476	- opacity: 0;
477	- -webkit-transform: scale3d(.3, .3, .3);
478	- transform: scale3d(.3, .3, .3);
479	- }
480	-
481	- 20% {
482	- -webkit-transform: scale3d(1.1, 1.1, 1.1);
483	- transform: scale3d(1.1, 1.1, 1.1);
484	- }
485	-
486	- 40% {
487	- -webkit-transform: scale3d(.9, .9, .9);
488	- transform: scale3d(.9, .9, .9);
489	- }
490	-
491	- 60% {
492	- opacity: 1;
493	- -webkit-transform: scale3d(1.03, 1.03, 1.03);
494	- transform: scale3d(1.03, 1.03, 1.03);
495	- }
496	-
497	- 80% {
498	- -webkit-transform: scale3d(.97, .97, .97);
499	- transform: scale3d(.97, .97, .97);
500	- }
501	-
502	- 100% {
503	- opacity: 1;
504	- -webkit-transform: scale3d(1, 1, 1);
505	- transform: scale3d(1, 1, 1);
506	- }
507	-}
508	-
509	-@keyframes bounceIn {
510	- 0%, 20%, 40%, 60%, 80%, 100% {
511	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
512	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
513	- }
514	-
515	- 0% {
516	- opacity: 0;
517	- -webkit-transform: scale3d(.3, .3, .3);
518	- transform: scale3d(.3, .3, .3);
519	- }
520	-
521	- 20% {
522	- -webkit-transform: scale3d(1.1, 1.1, 1.1);
523	- transform: scale3d(1.1, 1.1, 1.1);
524	- }
525	-
526	- 40% {
527	- -webkit-transform: scale3d(.9, .9, .9);
528	- transform: scale3d(.9, .9, .9);
529	- }
530	-
531	- 60% {
532	- opacity: 1;
533	- -webkit-transform: scale3d(1.03, 1.03, 1.03);
534	- transform: scale3d(1.03, 1.03, 1.03);
535	- }
536	-
537	- 80% {
538	- -webkit-transform: scale3d(.97, .97, .97);
539	- transform: scale3d(.97, .97, .97);
540	- }
541	-
542	- 100% {
543	- opacity: 1;
544	- -webkit-transform: scale3d(1, 1, 1);
545	- transform: scale3d(1, 1, 1);
546	- }
547	-}
548	-
549	-.bounceIn {
550	- -webkit-animation-name: bounceIn;
551	- animation-name: bounceIn;
552	- -webkit-animation-duration: .75s;
553	- animation-duration: .75s;
554	-}
555	-
556	-@-webkit-keyframes bounceInDown {
557	- 0%, 60%, 75%, 90%, 100% {
558	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
559	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
560	- }
561	-
562	- 0% {
563	- opacity: 0;
564	- -webkit-transform: translate3d(0, -3000px, 0);
565	- transform: translate3d(0, -3000px, 0);
566	- }
567	-
568	- 60% {
569	- opacity: 1;
570	- -webkit-transform: translate3d(0, 25px, 0);
571	- transform: translate3d(0, 25px, 0);
572	- }
573	-
574	- 75% {
575	- -webkit-transform: translate3d(0, -10px, 0);
576	- transform: translate3d(0, -10px, 0);
577	- }
578	-
579	- 90% {
580	- -webkit-transform: translate3d(0, 5px, 0);
581	- transform: translate3d(0, 5px, 0);
582	- }
583	-
584	- 100% {
585	- -webkit-transform: none;
586	- transform: none;
587	- }
588	-}
589	-
590	-@keyframes bounceInDown {
591	- 0%, 60%, 75%, 90%, 100% {
592	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
593	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
594	- }
595	-
596	- 0% {
597	- opacity: 0;
598	- -webkit-transform: translate3d(0, -3000px, 0);
599	- transform: translate3d(0, -3000px, 0);
600	- }
601	-
602	- 60% {
603	- opacity: 1;
604	- -webkit-transform: translate3d(0, 25px, 0);
605	- transform: translate3d(0, 25px, 0);
606	- }
607	-
608	- 75% {
609	- -webkit-transform: translate3d(0, -10px, 0);
610	- transform: translate3d(0, -10px, 0);
611	- }
612	-
613	- 90% {
614	- -webkit-transform: translate3d(0, 5px, 0);
615	- transform: translate3d(0, 5px, 0);
616	- }
617	-
618	- 100% {
619	- -webkit-transform: none;
620	- transform: none;
621	- }
622	-}
623	-
624	-.bounceInDown {
625	- -webkit-animation-name: bounceInDown;
626	- animation-name: bounceInDown;
627	-}
628	-
629	-@-webkit-keyframes bounceInLeft {
630	- 0%, 60%, 75%, 90%, 100% {
631	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
632	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
633	- }
634	-
635	- 0% {
636	- opacity: 0;
637	- -webkit-transform: translate3d(-3000px, 0, 0);
638	- transform: translate3d(-3000px, 0, 0);
639	- }
640	-
641	- 60% {
642	- opacity: 1;
643	- -webkit-transform: translate3d(25px, 0, 0);
644	- transform: translate3d(25px, 0, 0);
645	- }
646	-
647	- 75% {
648	- -webkit-transform: translate3d(-10px, 0, 0);
649	- transform: translate3d(-10px, 0, 0);
650	- }
651	-
652	- 90% {
653	- -webkit-transform: translate3d(5px, 0, 0);
654	- transform: translate3d(5px, 0, 0);
655	- }
656	-
657	- 100% {
658	- -webkit-transform: none;
659	- transform: none;
660	- }
661	-}
662	-
663	-@keyframes bounceInLeft {
664	- 0%, 60%, 75%, 90%, 100% {
665	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
666	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
667	- }
668	-
669	- 0% {
670	- opacity: 0;
671	- -webkit-transform: translate3d(-3000px, 0, 0);
672	- transform: translate3d(-3000px, 0, 0);
673	- }
674	-
675	- 60% {
676	- opacity: 1;
677	- -webkit-transform: translate3d(25px, 0, 0);
678	- transform: translate3d(25px, 0, 0);
679	- }
680	-
681	- 75% {
682	- -webkit-transform: translate3d(-10px, 0, 0);
683	- transform: translate3d(-10px, 0, 0);
684	- }
685	-
686	- 90% {
687	- -webkit-transform: translate3d(5px, 0, 0);
688	- transform: translate3d(5px, 0, 0);
689	- }
690	-
691	- 100% {
692	- -webkit-transform: none;
693	- transform: none;
694	- }
695	-}
696	-
697	-.bounceInLeft {
698	- -webkit-animation-name: bounceInLeft;
699	- animation-name: bounceInLeft;
700	-}
701	-
702	-@-webkit-keyframes bounceInRight {
703	- 0%, 60%, 75%, 90%, 100% {
704	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
705	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
706	- }
707	-
708	- 0% {
709	- opacity: 0;
710	- -webkit-transform: translate3d(3000px, 0, 0);
711	- transform: translate3d(3000px, 0, 0);
712	- }
713	-
714	- 60% {
715	- opacity: 1;
716	- -webkit-transform: translate3d(-25px, 0, 0);
717	- transform: translate3d(-25px, 0, 0);
718	- }
719	-
720	- 75% {
721	- -webkit-transform: translate3d(10px, 0, 0);
722	- transform: translate3d(10px, 0, 0);
723	- }
724	-
725	- 90% {
726	- -webkit-transform: translate3d(-5px, 0, 0);
727	- transform: translate3d(-5px, 0, 0);
728	- }
729	-
730	- 100% {
731	- -webkit-transform: none;
732	- transform: none;
733	- }
734	-}
735	-
736	-@keyframes bounceInRight {
737	- 0%, 60%, 75%, 90%, 100% {
738	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
739	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
740	- }
741	-
742	- 0% {
743	- opacity: 0;
744	- -webkit-transform: translate3d(3000px, 0, 0);
745	- transform: translate3d(3000px, 0, 0);
746	- }
747	-
748	- 60% {
749	- opacity: 1;
750	- -webkit-transform: translate3d(-25px, 0, 0);
751	- transform: translate3d(-25px, 0, 0);
752	- }
753	-
754	- 75% {
755	- -webkit-transform: translate3d(10px, 0, 0);
756	- transform: translate3d(10px, 0, 0);
757	- }
758	-
759	- 90% {
760	- -webkit-transform: translate3d(-5px, 0, 0);
761	- transform: translate3d(-5px, 0, 0);
762	- }
763	-
764	- 100% {
765	- -webkit-transform: none;
766	- transform: none;
767	- }
768	-}
769	-
770	-.bounceInRight {
771	- -webkit-animation-name: bounceInRight;
772	- animation-name: bounceInRight;
773	-}
774	-
775	-@-webkit-keyframes bounceInUp {
776	- 0%, 60%, 75%, 90%, 100% {
777	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
778	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
779	- }
780	-
781	- 0% {
782	- opacity: 0;
783	- -webkit-transform: translate3d(0, 3000px, 0);
784	- transform: translate3d(0, 3000px, 0);
785	- }
786	-
787	- 60% {
788	- opacity: 1;
789	- -webkit-transform: translate3d(0, -20px, 0);
790	- transform: translate3d(0, -20px, 0);
791	- }
792	-
793	- 75% {
794	- -webkit-transform: translate3d(0, 10px, 0);
795	- transform: translate3d(0, 10px, 0);
796	- }
797	-
798	- 90% {
799	- -webkit-transform: translate3d(0, -5px, 0);
800	- transform: translate3d(0, -5px, 0);
801	- }
802	-
803	- 100% {
804	- -webkit-transform: translate3d(0, 0, 0);
805	- transform: translate3d(0, 0, 0);
806	- }
807	-}
808	-
809	-@keyframes bounceInUp {
810	- 0%, 60%, 75%, 90%, 100% {
811	- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
812	- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
813	- }
814	-
815	- 0% {
816	- opacity: 0;
817	- -webkit-transform: translate3d(0, 3000px, 0);
818	- transform: translate3d(0, 3000px, 0);
819	- }
820	-
821	- 60% {
822	- opacity: 1;
823	- -webkit-transform: translate3d(0, -20px, 0);
824	- transform: translate3d(0, -20px, 0);
825	- }
826	-
827	- 75% {
828	- -webkit-transform: translate3d(0, 10px, 0);
829	- transform: translate3d(0, 10px, 0);
830	- }
831	-
832	- 90% {
833	- -webkit-transform: translate3d(0, -5px, 0);
834	- transform: translate3d(0, -5px, 0);
835	- }
836	-
837	- 100% {
838	- -webkit-transform: translate3d(0, 0, 0);
839	- transform: translate3d(0, 0, 0);
840	- }
841	-}
842	-
843	-.bounceInUp {
844	- -webkit-animation-name: bounceInUp;
845	- animation-name: bounceInUp;
846	-}
847	-
848	-@-webkit-keyframes bounceOut {
849	- 20% {
850	- -webkit-transform: scale3d(.9, .9, .9);
851	- transform: scale3d(.9, .9, .9);
852	- }
853	-
854	- 50%, 55% {
855	- opacity: 1;
856	- -webkit-transform: scale3d(1.1, 1.1, 1.1);
857	- transform: scale3d(1.1, 1.1, 1.1);
858	- }
859	-
860	- 100% {
861	- opacity: 0;
862	- -webkit-transform: scale3d(.3, .3, .3);
863	- transform: scale3d(.3, .3, .3);
864	- }
865	-}
866	-
867	-@keyframes bounceOut {
868	- 20% {
869	- -webkit-transform: scale3d(.9, .9, .9);
870	- transform: scale3d(.9, .9, .9);
871	- }
872	-
873	- 50%, 55% {
874	- opacity: 1;
875	- -webkit-transform: scale3d(1.1, 1.1, 1.1);
876	- transform: scale3d(1.1, 1.1, 1.1);
877	- }
878	-
879	- 100% {
880	- opacity: 0;
881	- -webkit-transform: scale3d(.3, .3, .3);
882	- transform: scale3d(.3, .3, .3);
883	- }
884	-}
885	-
886	-.bounceOut {
887	- -webkit-animation-name: bounceOut;
888	- animation-name: bounceOut;
889	- -webkit-animation-duration: .75s;
890	- animation-duration: .75s;
891	-}
892	-
893	-@-webkit-keyframes bounceOutDown {
894	- 20% {
895	- -webkit-transform: translate3d(0, 10px, 0);
896	- transform: translate3d(0, 10px, 0);
897	- }
898	-
899	- 40%, 45% {
900	- opacity: 1;
901	- -webkit-transform: translate3d(0, -20px, 0);
902	- transform: translate3d(0, -20px, 0);
903	- }
904	-
905	- 100% {
906	- opacity: 0;
907	- -webkit-transform: translate3d(0, 2000px, 0);
908	- transform: translate3d(0, 2000px, 0);
909	- }
910	-}
911	-
912	-@keyframes bounceOutDown {
913	- 20% {
914	- -webkit-transform: translate3d(0, 10px, 0);
915	- transform: translate3d(0, 10px, 0);
916	- }
917	-
918	- 40%, 45% {
919	- opacity: 1;
920	- -webkit-transform: translate3d(0, -20px, 0);
921	- transform: translate3d(0, -20px, 0);
922	- }
923	-
924	- 100% {
925	- opacity: 0;
926	- -webkit-transform: translate3d(0, 2000px, 0);
927	- transform: translate3d(0, 2000px, 0);
928	- }
929	-}
930	-
931	-.bounceOutDown {
932	- -webkit-animation-name: bounceOutDown;
933	- animation-name: bounceOutDown;
934	-}
935	-
936	-@-webkit-keyframes bounceOutLeft {
937	- 20% {
938	- opacity: 1;
939	- -webkit-transform: translate3d(20px, 0, 0);
940	- transform: translate3d(20px, 0, 0);
941	- }
942	-
943	- 100% {
944	- opacity: 0;
945	- -webkit-transform: translate3d(-2000px, 0, 0);
946	- transform: translate3d(-2000px, 0, 0);
947	- }
948	-}
949	-
950	-@keyframes bounceOutLeft {
951	- 20% {
952	- opacity: 1;
953	- -webkit-transform: translate3d(20px, 0, 0);
954	- transform: translate3d(20px, 0, 0);
955	- }
956	-
957	- 100% {
958	- opacity: 0;
959	- -webkit-transform: translate3d(-2000px, 0, 0);
960	- transform: translate3d(-2000px, 0, 0);
961	- }
962	-}
963	-
964	-.bounceOutLeft {
965	- -webkit-animation-name: bounceOutLeft;
966	- animation-name: bounceOutLeft;
967	-}
968	-
969	-@-webkit-keyframes bounceOutRight {
970	- 20% {
971	- opacity: 1;
972	- -webkit-transform: translate3d(-20px, 0, 0);
973	- transform: translate3d(-20px, 0, 0);
974	- }
975	-
976	- 100% {
977	- opacity: 0;
978	- -webkit-transform: translate3d(2000px, 0, 0);
979	- transform: translate3d(2000px, 0, 0);
980	- }
981	-}
982	-
983	-@keyframes bounceOutRight {
984	- 20% {
985	- opacity: 1;
986	- -webkit-transform: translate3d(-20px, 0, 0);
987	- transform: translate3d(-20px, 0, 0);
988	- }
989	-
990	- 100% {
991	- opacity: 0;
992	- -webkit-transform: translate3d(2000px, 0, 0);
993	- transform: translate3d(2000px, 0, 0);
994	- }
995	-}
996	-
997	-.bounceOutRight {
998	- -webkit-animation-name: bounceOutRight;
999	- animation-name: bounceOutRight;
1000	-}
1001	-
1002	-@-webkit-keyframes bounceOutUp {
1003	- 20% {
1004	- -webkit-transform: translate3d(0, -10px, 0);
1005	- transform: translate3d(0, -10px, 0);
1006	- }
1007	-
1008	- 40%, 45% {
1009	- opacity: 1;
1010	- -webkit-transform: translate3d(0, 20px, 0);
1011	- transform: translate3d(0, 20px, 0);
1012	- }
1013	-
1014	- 100% {
1015	- opacity: 0;
1016	- -webkit-transform: translate3d(0, -2000px, 0);
1017	- transform: translate3d(0, -2000px, 0);
1018	- }
1019	-}
1020	-
1021	-@keyframes bounceOutUp {
1022	- 20% {
1023	- -webkit-transform: translate3d(0, -10px, 0);
1024	- transform: translate3d(0, -10px, 0);
1025	- }
1026	-
1027	- 40%, 45% {
1028	- opacity: 1;
1029	- -webkit-transform: translate3d(0, 20px, 0);
1030	- transform: translate3d(0, 20px, 0);
1031	- }
1032	-
1033	- 100% {
1034	- opacity: 0;
1035	- -webkit-transform: translate3d(0, -2000px, 0);
1036	- transform: translate3d(0, -2000px, 0);
1037	- }
1038	-}
1039	-
1040	-.bounceOutUp {
1041	- -webkit-animation-name: bounceOutUp;
1042	- animation-name: bounceOutUp;
1043	-}
1044	-
1045	-@-webkit-keyframes fadeIn {
1046	- 0% {opacity: 0;}
1047	- 100% {opacity: 1;}
1048	-}
1049	-
1050	-@keyframes fadeIn {
1051	- 0% {opacity: 0;}
1052	- 100% {opacity: 1;}
1053	-}
1054	-
1055	-.fadeIn {
1056	- -webkit-animation-name: fadeIn;
1057	- animation-name: fadeIn;
1058	-}
1059	-
1060	-@-webkit-keyframes fadeInDown {
1061	- 0% {
1062	- opacity: 0;
1063	- -webkit-transform: translate3d(0, -100%, 0);
1064	- transform: translate3d(0, -100%, 0);
1065	- }
1066	-
1067	- 100% {
1068	- opacity: 1;
1069	- -webkit-transform: none;
1070	- transform: none;
1071	- }
1072	-}
1073	-
1074	-@keyframes fadeInDown {
1075	- 0% {
1076	- opacity: 0;
1077	- -webkit-transform: translate3d(0, -100%, 0);
1078	- transform: translate3d(0, -100%, 0);
1079	- }
1080	-
1081	- 100% {
1082	- opacity: 1;
1083	- -webkit-transform: none;
1084	- transform: none;
1085	- }
1086	-}
1087	-
1088	-.fadeInDown {
1089	- -webkit-animation-name: fadeInDown;
1090	- animation-name: fadeInDown;
1091	-}
1092	-
1093	-@-webkit-keyframes fadeInDownBig {
1094	- 0% {
1095	- opacity: 0;
1096	- -webkit-transform: translate3d(0, -2000px, 0);
1097	- transform: translate3d(0, -2000px, 0);
1098	- }
1099	-
1100	- 100% {
1101	- opacity: 1;
1102	- -webkit-transform: none;
1103	- transform: none;
1104	- }
1105	-}
1106	-
1107	-@keyframes fadeInDownBig {
1108	- 0% {
1109	- opacity: 0;
1110	- -webkit-transform: translate3d(0, -2000px, 0);
1111	- transform: translate3d(0, -2000px, 0);
1112	- }
1113	-
1114	- 100% {
1115	- opacity: 1;
1116	- -webkit-transform: none;
1117	- transform: none;
1118	- }
1119	-}
1120	-
1121	-.fadeInDownBig {
1122	- -webkit-animation-name: fadeInDownBig;
1123	- animation-name: fadeInDownBig;
1124	-}
1125	-
1126	-@-webkit-keyframes fadeInLeft {
1127	- 0% {
1128	- opacity: 0;
1129	- -webkit-transform: translate3d(-100%, 0, 0);
1130	- transform: translate3d(-100%, 0, 0);
1131	- }
1132	-
1133	- 100% {
1134	- opacity: 1;
1135	- -webkit-transform: none;
1136	- transform: none;
1137	- }
1138	-}
1139	-
1140	-@keyframes fadeInLeft {
1141	- 0% {
1142	- opacity: 0;
1143	- -webkit-transform: translate3d(-100%, 0, 0);
1144	- transform: translate3d(-100%, 0, 0);
1145	- }
1146	-
1147	- 100% {
1148	- opacity: 1;
1149	- -webkit-transform: none;
1150	- transform: none;
1151	- }
1152	-}
1153	-
1154	-.fadeInLeft {
1155	- -webkit-animation-name: fadeInLeft;
1156	- animation-name: fadeInLeft;
1157	-}
1158	-
1159	-@-webkit-keyframes fadeInLeftBig {
1160	- 0% {
1161	- opacity: 0;
1162	- -webkit-transform: translate3d(-2000px, 0, 0);
1163	- transform: translate3d(-2000px, 0, 0);
1164	- }
1165	-
1166	- 100% {
1167	- opacity: 1;
1168	- -webkit-transform: none;
1169	- transform: none;
1170	- }
1171	-}
1172	-
1173	-@keyframes fadeInLeftBig {
1174	- 0% {
1175	- opacity: 0;
1176	- -webkit-transform: translate3d(-2000px, 0, 0);
1177	- transform: translate3d(-2000px, 0, 0);
1178	- }
1179	-
1180	- 100% {
1181	- opacity: 1;
1182	- -webkit-transform: none;
1183	- transform: none;
1184	- }
1185	-}
1186	-
1187	-.fadeInLeftBig {
1188	- -webkit-animation-name: fadeInLeftBig;
1189	- animation-name: fadeInLeftBig;
1190	-}
1191	-
1192	-@-webkit-keyframes fadeInRight {
1193	- 0% {
1194	- opacity: 0;
1195	- -webkit-transform: translate3d(100%, 0, 0);
1196	- transform: translate3d(100%, 0, 0);
1197	- }
1198	-
1199	- 100% {
1200	- opacity: 1;
1201	- -webkit-transform: none;
1202	- transform: none;
1203	- }
1204	-}
1205	-
1206	-@keyframes fadeInRight {
1207	- 0% {
1208	- opacity: 0;
1209	- -webkit-transform: translate3d(100%, 0, 0);
1210	- transform: translate3d(100%, 0, 0);
1211	- }
1212	-
1213	- 100% {
1214	- opacity: 1;
1215	- -webkit-transform: none;
1216	- transform: none;
1217	- }
1218	-}
1219	-
1220	-.fadeInRight {
1221	- -webkit-animation-name: fadeInRight;
1222	- animation-name: fadeInRight;
1223	-}
1224	-
1225	-@-webkit-keyframes fadeInRightBig {
1226	- 0% {
1227	- opacity: 0;
1228	- -webkit-transform: translate3d(2000px, 0, 0);
1229	- transform: translate3d(2000px, 0, 0);
1230	- }
1231	-
1232	- 100% {
1233	- opacity: 1;
1234	- -webkit-transform: none;
1235	- transform: none;
1236	- }
1237	-}
1238	-
1239	-@keyframes fadeInRightBig {
1240	- 0% {
1241	- opacity: 0;
1242	- -webkit-transform: translate3d(2000px, 0, 0);
1243	- transform: translate3d(2000px, 0, 0);
1244	- }
1245	-
1246	- 100% {
1247	- opacity: 1;
1248	- -webkit-transform: none;
1249	- transform: none;
1250	- }
1251	-}
1252	-
1253	-.fadeInRightBig {
1254	- -webkit-animation-name: fadeInRightBig;
1255	- animation-name: fadeInRightBig;
1256	-}
1257	-
1258	-@-webkit-keyframes fadeInUp {
1259	- 0% {
1260	- opacity: 0;
1261	- -webkit-transform: translate3d(0, 100%, 0);
1262	- transform: translate3d(0, 100%, 0);
1263	- }
1264	-
1265	- 100% {
1266	- opacity: 1;
1267	- -webkit-transform: none;
1268	- transform: none;
1269	- }
1270	-}
1271	-
1272	-@keyframes fadeInUp {
1273	- 0% {
1274	- opacity: 0;
1275	- -webkit-transform: translate3d(0, 100%, 0);
1276	- transform: translate3d(0, 100%, 0);
1277	- }
1278	-
1279	- 100% {
1280	- opacity: 1;
1281	- -webkit-transform: none;
1282	- transform: none;
1283	- }
1284	-}
1285	-
1286	-.fadeInUp {
1287	- -webkit-animation-name: fadeInUp;
1288	- animation-name: fadeInUp;
1289	-}
1290	-
1291	-@-webkit-keyframes fadeInUpBig {
1292	- 0% {
1293	- opacity: 0;
1294	- -webkit-transform: translate3d(0, 2000px, 0);
1295	- transform: translate3d(0, 2000px, 0);
1296	- }
1297	-
1298	- 100% {
1299	- opacity: 1;
1300	- -webkit-transform: none;
1301	- transform: none;
1302	- }
1303	-}
1304	-
1305	-@keyframes fadeInUpBig {
1306	- 0% {
1307	- opacity: 0;
1308	- -webkit-transform: translate3d(0, 2000px, 0);
1309	- transform: translate3d(0, 2000px, 0);
1310	- }
1311	-
1312	- 100% {
1313	- opacity: 1;
1314	- -webkit-transform: none;
1315	- transform: none;
1316	- }
1317	-}
1318	-
1319	-.fadeInUpBig {
1320	- -webkit-animation-name: fadeInUpBig;
1321	- animation-name: fadeInUpBig;
1322	-}
1323	-
1324	-@-webkit-keyframes fadeOut {
1325	- 0% {opacity: 1;}
1326	- 100% {opacity: 0;}
1327	-}
1328	-
1329	-@keyframes fadeOut {
1330	- 0% {opacity: 1;}
1331	- 100% {opacity: 0;}
1332	-}
1333	-
1334	-.fadeOut {
1335	- -webkit-animation-name: fadeOut;
1336	- animation-name: fadeOut;
1337	-}
1338	-
1339	-@-webkit-keyframes fadeOutDown {
1340	- 0% {
1341	- opacity: 1;
1342	- }
1343	-
1344	- 100% {
1345	- opacity: 0;
1346	- -webkit-transform: translate3d(0, 100%, 0);
1347	- transform: translate3d(0, 100%, 0);
1348	- }
1349	-}
1350	-
1351	-@keyframes fadeOutDown {
1352	- 0% {
1353	- opacity: 1;
1354	- }
1355	-
1356	- 100% {
1357	- opacity: 0;
1358	- -webkit-transform: translate3d(0, 100%, 0);
1359	- transform: translate3d(0, 100%, 0);
1360	- }
1361	-}
1362	-
1363	-.fadeOutDown {
1364	- -webkit-animation-name: fadeOutDown;
1365	- animation-name: fadeOutDown;
1366	-}
1367	-
1368	-@-webkit-keyframes fadeOutDownBig {
1369	- 0% {
1370	- opacity: 1;
1371	- }
1372	-
1373	- 100% {
1374	- opacity: 0;
1375	- -webkit-transform: translate3d(0, 2000px, 0);
1376	- transform: translate3d(0, 2000px, 0);
1377	- }
1378	-}
1379	-
1380	-@keyframes fadeOutDownBig {
1381	- 0% {
1382	- opacity: 1;
1383	- }
1384	-
1385	- 100% {
1386	- opacity: 0;
1387	- -webkit-transform: translate3d(0, 2000px, 0);
1388	- transform: translate3d(0, 2000px, 0);
1389	- }
1390	-}
1391	-
1392	-.fadeOutDownBig {
1393	- -webkit-animation-name: fadeOutDownBig;
1394	- animation-name: fadeOutDownBig;
1395	-}
1396	-
1397	-@-webkit-keyframes fadeOutLeft {
1398	- 0% {
1399	- opacity: 1;
1400	- }
1401	-
1402	- 100% {
1403	- opacity: 0;
1404	- -webkit-transform: translate3d(-100%, 0, 0);
1405	- transform: translate3d(-100%, 0, 0);
1406	- }
1407	-}
1408	-
1409	-@keyframes fadeOutLeft {
1410	- 0% {
1411	- opacity: 1;
1412	- }
1413	-
1414	- 100% {
1415	- opacity: 0;
1416	- -webkit-transform: translate3d(-100%, 0, 0);
1417	- transform: translate3d(-100%, 0, 0);
1418	- }
1419	-}
1420	-
1421	-.fadeOutLeft {
1422	- -webkit-animation-name: fadeOutLeft;
1423	- animation-name: fadeOutLeft;
1424	-}
1425	-
1426	-@-webkit-keyframes fadeOutLeftBig {
1427	- 0% {
1428	- opacity: 1;
1429	- }
1430	-
1431	- 100% {
1432	- opacity: 0;
1433	- -webkit-transform: translate3d(-2000px, 0, 0);
1434	- transform: translate3d(-2000px, 0, 0);
1435	- }
1436	-}
1437	-
1438	-@keyframes fadeOutLeftBig {
1439	- 0% {
1440	- opacity: 1;
1441	- }
1442	-
1443	- 100% {
1444	- opacity: 0;
1445	- -webkit-transform: translate3d(-2000px, 0, 0);
1446	- transform: translate3d(-2000px, 0, 0);
1447	- }
1448	-}
1449	-
1450	-.fadeOutLeftBig {
1451	- -webkit-animation-name: fadeOutLeftBig;
1452	- animation-name: fadeOutLeftBig;
1453	-}
1454	-
1455	-@-webkit-keyframes fadeOutRight {
1456	- 0% {
1457	- opacity: 1;
1458	- }
1459	-
1460	- 100% {
1461	- opacity: 0;
1462	- -webkit-transform: translate3d(100%, 0, 0);
1463	- transform: translate3d(100%, 0, 0);
1464	- }
1465	-}
1466	-
1467	-@keyframes fadeOutRight {
1468	- 0% {
1469	- opacity: 1;
1470	- }
1471	-
1472	- 100% {
1473	- opacity: 0;
1474	- -webkit-transform: translate3d(100%, 0, 0);
1475	- transform: translate3d(100%, 0, 0);
1476	- }
1477	-}
1478	-
1479	-.fadeOutRight {
1480	- -webkit-animation-name: fadeOutRight;
1481	- animation-name: fadeOutRight;
1482	-}
1483	-
1484	-@-webkit-keyframes fadeOutRightBig {
1485	- 0% {
1486	- opacity: 1;
1487	- }
1488	-
1489	- 100% {
1490	- opacity: 0;
1491	- -webkit-transform: translate3d(2000px, 0, 0);
1492	- transform: translate3d(2000px, 0, 0);
1493	- }
1494	-}
1495	-
1496	-@keyframes fadeOutRightBig {
1497	- 0% {
1498	- opacity: 1;
1499	- }
1500	-
1501	- 100% {
1502	- opacity: 0;
1503	- -webkit-transform: translate3d(2000px, 0, 0);
1504	- transform: translate3d(2000px, 0, 0);
1505	- }
1506	-}
1507	-
1508	-.fadeOutRightBig {
1509	- -webkit-animation-name: fadeOutRightBig;
1510	- animation-name: fadeOutRightBig;
1511	-}
1512	-
1513	-@-webkit-keyframes fadeOutUp {
1514	- 0% {
1515	- opacity: 1;
1516	- }
1517	-
1518	- 100% {
1519	- opacity: 0;
1520	- -webkit-transform: translate3d(0, -100%, 0);
1521	- transform: translate3d(0, -100%, 0);
1522	- }
1523	-}
1524	-
1525	-@keyframes fadeOutUp {
1526	- 0% {
1527	- opacity: 1;
1528	- }
1529	-
1530	- 100% {
1531	- opacity: 0;
1532	- -webkit-transform: translate3d(0, -100%, 0);
1533	- transform: translate3d(0, -100%, 0);
1534	- }
1535	-}
1536	-
1537	-.fadeOutUp {
1538	- -webkit-animation-name: fadeOutUp;
1539	- animation-name: fadeOutUp;
1540	-}
1541	-
1542	-@-webkit-keyframes fadeOutUpBig {
1543	- 0% {
1544	- opacity: 1;
1545	- }
1546	-
1547	- 100% {
1548	- opacity: 0;
1549	- -webkit-transform: translate3d(0, -2000px, 0);
1550	- transform: translate3d(0, -2000px, 0);
1551	- }
1552	-}
1553	-
1554	-@keyframes fadeOutUpBig {
1555	- 0% {
1556	- opacity: 1;
1557	- }
1558	-
1559	- 100% {
1560	- opacity: 0;
1561	- -webkit-transform: translate3d(0, -2000px, 0);
1562	- transform: translate3d(0, -2000px, 0);
1563	- }
1564	-}
1565	-
1566	-.fadeOutUpBig {
1567	- -webkit-animation-name: fadeOutUpBig;
1568	- animation-name: fadeOutUpBig;
1569	-}
1570	-
1571	-@-webkit-keyframes flip {
1572	- 0% {
1573	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1574	- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1575	- -webkit-animation-timing-function: ease-out;
1576	- animation-timing-function: ease-out;
1577	- }
1578	-
1579	- 40% {
1580	- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1581	- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1582	- -webkit-animation-timing-function: ease-out;
1583	- animation-timing-function: ease-out;
1584	- }
1585	-
1586	- 50% {
1587	- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1588	- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1589	- -webkit-animation-timing-function: ease-in;
1590	- animation-timing-function: ease-in;
1591	- }
1592	-
1593	- 80% {
1594	- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1595	- transform: perspective(400px) scale3d(.95, .95, .95);
1596	- -webkit-animation-timing-function: ease-in;
1597	- animation-timing-function: ease-in;
1598	- }
1599	-
1600	- 100% {
1601	- -webkit-transform: perspective(400px);
1602	- transform: perspective(400px);
1603	- -webkit-animation-timing-function: ease-in;
1604	- animation-timing-function: ease-in;
1605	- }
1606	-}
1607	-
1608	-@keyframes flip {
1609	- 0% {
1610	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1611	- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1612	- -webkit-animation-timing-function: ease-out;
1613	- animation-timing-function: ease-out;
1614	- }
1615	-
1616	- 40% {
1617	- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1618	- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1619	- -webkit-animation-timing-function: ease-out;
1620	- animation-timing-function: ease-out;
1621	- }
1622	-
1623	- 50% {
1624	- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1625	- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1626	- -webkit-animation-timing-function: ease-in;
1627	- animation-timing-function: ease-in;
1628	- }
1629	-
1630	- 80% {
1631	- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1632	- transform: perspective(400px) scale3d(.95, .95, .95);
1633	- -webkit-animation-timing-function: ease-in;
1634	- animation-timing-function: ease-in;
1635	- }
1636	-
1637	- 100% {
1638	- -webkit-transform: perspective(400px);
1639	- transform: perspective(400px);
1640	- -webkit-animation-timing-function: ease-in;
1641	- animation-timing-function: ease-in;
1642	- }
1643	-}
1644	-
1645	-.animated.flip {
1646	- -webkit-backface-visibility: visible;
1647	- backface-visibility: visible;
1648	- -webkit-animation-name: flip;
1649	- animation-name: flip;
1650	-}
1651	-
1652	-@-webkit-keyframes flipInX {
1653	- 0% {
1654	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1655	- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1656	- -webkit-transition-timing-function: ease-in;
1657	- transition-timing-function: ease-in;
1658	- opacity: 0;
1659	- }
1660	-
1661	- 40% {
1662	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1663	- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1664	- -webkit-transition-timing-function: ease-in;
1665	- transition-timing-function: ease-in;
1666	- }
1667	-
1668	- 60% {
1669	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1670	- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1671	- opacity: 1;
1672	- }
1673	-
1674	- 80% {
1675	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1676	- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1677	- }
1678	-
1679	- 100% {
1680	- -webkit-transform: perspective(400px);
1681	- transform: perspective(400px);
1682	- }
1683	-}
1684	-
1685	-@keyframes flipInX {
1686	- 0% {
1687	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1688	- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1689	- -webkit-transition-timing-function: ease-in;
1690	- transition-timing-function: ease-in;
1691	- opacity: 0;
1692	- }
1693	-
1694	- 40% {
1695	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1696	- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1697	- -webkit-transition-timing-function: ease-in;
1698	- transition-timing-function: ease-in;
1699	- }
1700	-
1701	- 60% {
1702	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1703	- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1704	- opacity: 1;
1705	- }
1706	-
1707	- 80% {
1708	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1709	- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1710	- }
1711	-
1712	- 100% {
1713	- -webkit-transform: perspective(400px);
1714	- transform: perspective(400px);
1715	- }
1716	-}
1717	-
1718	-.flipInX {
1719	- -webkit-backface-visibility: visible !important;
1720	- backface-visibility: visible !important;
1721	- -webkit-animation-name: flipInX;
1722	- animation-name: flipInX;
1723	-}
1724	-
1725	-@-webkit-keyframes flipInY {
1726	- 0% {
1727	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1728	- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1729	- -webkit-transition-timing-function: ease-in;
1730	- transition-timing-function: ease-in;
1731	- opacity: 0;
1732	- }
1733	-
1734	- 40% {
1735	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1736	- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1737	- -webkit-transition-timing-function: ease-in;
1738	- transition-timing-function: ease-in;
1739	- }
1740	-
1741	- 60% {
1742	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1743	- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1744	- opacity: 1;
1745	- }
1746	-
1747	- 80% {
1748	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1749	- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1750	- }
1751	-
1752	- 100% {
1753	- -webkit-transform: perspective(400px);
1754	- transform: perspective(400px);
1755	- }
1756	-}
1757	-
1758	-@keyframes flipInY {
1759	- 0% {
1760	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1761	- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1762	- -webkit-transition-timing-function: ease-in;
1763	- transition-timing-function: ease-in;
1764	- opacity: 0;
1765	- }
1766	-
1767	- 40% {
1768	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1769	- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1770	- -webkit-transition-timing-function: ease-in;
1771	- transition-timing-function: ease-in;
1772	- }
1773	-
1774	- 60% {
1775	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1776	- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1777	- opacity: 1;
1778	- }
1779	-
1780	- 80% {
1781	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1782	- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1783	- }
1784	-
1785	- 100% {
1786	- -webkit-transform: perspective(400px);
1787	- transform: perspective(400px);
1788	- }
1789	-}
1790	-
1791	-.flipInY {
1792	- -webkit-backface-visibility: visible !important;
1793	- backface-visibility: visible !important;
1794	- -webkit-animation-name: flipInY;
1795	- animation-name: flipInY;
1796	-}
1797	-
1798	-@-webkit-keyframes flipOutX {
1799	- 0% {
1800	- -webkit-transform: perspective(400px);
1801	- transform: perspective(400px);
1802	- }
1803	-
1804	- 30% {
1805	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1806	- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1807	- opacity: 1;
1808	- }
1809	-
1810	- 100% {
1811	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1812	- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1813	- opacity: 0;
1814	- }
1815	-}
1816	-
1817	-@keyframes flipOutX {
1818	- 0% {
1819	- -webkit-transform: perspective(400px);
1820	- transform: perspective(400px);
1821	- }
1822	-
1823	- 30% {
1824	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1825	- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1826	- opacity: 1;
1827	- }
1828	-
1829	- 100% {
1830	- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1831	- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1832	- opacity: 0;
1833	- }
1834	-}
1835	-
1836	-.flipOutX {
1837	- -webkit-animation-name: flipOutX;
1838	- animation-name: flipOutX;
1839	- -webkit-animation-duration: .75s;
1840	- animation-duration: .75s;
1841	- -webkit-backface-visibility: visible !important;
1842	- backface-visibility: visible !important;
1843	-}
1844	-
1845	-@-webkit-keyframes flipOutY {
1846	- 0% {
1847	- -webkit-transform: perspective(400px);
1848	- transform: perspective(400px);
1849	- }
1850	-
1851	- 30% {
1852	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1853	- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1854	- opacity: 1;
1855	- }
1856	-
1857	- 100% {
1858	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1859	- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1860	- opacity: 0;
1861	- }
1862	-}
1863	-
1864	-@keyframes flipOutY {
1865	- 0% {
1866	- -webkit-transform: perspective(400px);
1867	- transform: perspective(400px);
1868	- }
1869	-
1870	- 30% {
1871	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1872	- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1873	- opacity: 1;
1874	- }
1875	-
1876	- 100% {
1877	- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1878	- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1879	- opacity: 0;
1880	- }
1881	-}
1882	-
1883	-.flipOutY {
1884	- -webkit-backface-visibility: visible !important;
1885	- backface-visibility: visible !important;
1886	- -webkit-animation-name: flipOutY;
1887	- animation-name: flipOutY;
1888	- -webkit-animation-duration: .75s;
1889	- animation-duration: .75s;
1890	-}
1891	-
1892	-@-webkit-keyframes lightSpeedIn {
1893	- 0% {
1894	- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1895	- transform: translate3d(100%, 0, 0) skewX(-30deg);
1896	- opacity: 0;
1897	- }
1898	-
1899	- 60% {
1900	- -webkit-transform: skewX(20deg);
1901	- transform: skewX(20deg);
1902	- opacity: 1;
1903	- }
1904	-
1905	- 80% {
1906	- -webkit-transform: skewX(-5deg);
1907	- transform: skewX(-5deg);
1908	- opacity: 1;
1909	- }
1910	-
1911	- 100% {
1912	- -webkit-transform: none;
1913	- transform: none;
1914	- opacity: 1;
1915	- }
1916	-}
1917	-
1918	-@keyframes lightSpeedIn {
1919	- 0% {
1920	- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1921	- transform: translate3d(100%, 0, 0) skewX(-30deg);
1922	- opacity: 0;
1923	- }
1924	-
1925	- 60% {
1926	- -webkit-transform: skewX(20deg);
1927	- transform: skewX(20deg);
1928	- opacity: 1;
1929	- }
1930	-
1931	- 80% {
1932	- -webkit-transform: skewX(-5deg);
1933	- transform: skewX(-5deg);
1934	- opacity: 1;
1935	- }
1936	-
1937	- 100% {
1938	- -webkit-transform: none;
1939	- transform: none;
1940	- opacity: 1;
1941	- }
1942	-}
1943	-
1944	-.lightSpeedIn {
1945	- -webkit-animation-name: lightSpeedIn;
1946	- animation-name: lightSpeedIn;
1947	- -webkit-animation-timing-function: ease-out;
1948	- animation-timing-function: ease-out;
1949	-}
1950	-
1951	-@-webkit-keyframes lightSpeedOut {
1952	- 0% {
1953	- opacity: 1;
1954	- }
1955	-
1956	- 100% {
1957	- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1958	- transform: translate3d(100%, 0, 0) skewX(30deg);
1959	- opacity: 0;
1960	- }
1961	-}
1962	-
1963	-@keyframes lightSpeedOut {
1964	- 0% {
1965	- opacity: 1;
1966	- }
1967	-
1968	- 100% {
1969	- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1970	- transform: translate3d(100%, 0, 0) skewX(30deg);
1971	- opacity: 0;
1972	- }
1973	-}
1974	-
1975	-.lightSpeedOut {
1976	- -webkit-animation-name: lightSpeedOut;
1977	- animation-name: lightSpeedOut;
1978	- -webkit-animation-timing-function: ease-in;
1979	- animation-timing-function: ease-in;
1980	-}
1981	-
1982	-@-webkit-keyframes rotateIn {
1983	- 0% {
1984	- -webkit-transform-origin: center;
1985	- transform-origin: center;
1986	- -webkit-transform: rotate3d(0, 0, 1, -200deg);
1987	- transform: rotate3d(0, 0, 1, -200deg);
1988	- opacity: 0;
1989	- }
1990	-
1991	- 100% {
1992	- -webkit-transform-origin: center;
1993	- transform-origin: center;
1994	- -webkit-transform: none;
1995	- transform: none;
1996	- opacity: 1;
1997	- }
1998	-}
1999	-
2000	-@keyframes rotateIn {
2001	- 0% {
2002	- -webkit-transform-origin: center;
2003	- transform-origin: center;
2004	- -webkit-transform: rotate3d(0, 0, 1, -200deg);
2005	- transform: rotate3d(0, 0, 1, -200deg);
2006	- opacity: 0;
2007	- }
2008	-
2009	- 100% {
2010	- -webkit-transform-origin: center;
2011	- transform-origin: center;
2012	- -webkit-transform: none;
2013	- transform: none;
2014	- opacity: 1;
2015	- }
2016	-}
2017	-
2018	-.rotateIn {
2019	- -webkit-animation-name: rotateIn;
2020	- animation-name: rotateIn;
2021	-}
2022	-
2023	-@-webkit-keyframes rotateInDownLeft {
2024	- 0% {
2025	- -webkit-transform-origin: left bottom;
2026	- transform-origin: left bottom;
2027	- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2028	- transform: rotate3d(0, 0, 1, -45deg);
2029	- opacity: 0;
2030	- }
2031	-
2032	- 100% {
2033	- -webkit-transform-origin: left bottom;
2034	- transform-origin: left bottom;
2035	- -webkit-transform: none;
2036	- transform: none;
2037	- opacity: 1;
2038	- }
2039	-}
2040	-
2041	-@keyframes rotateInDownLeft {
2042	- 0% {
2043	- -webkit-transform-origin: left bottom;
2044	- transform-origin: left bottom;
2045	- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2046	- transform: rotate3d(0, 0, 1, -45deg);
2047	- opacity: 0;
2048	- }
2049	-
2050	- 100% {
2051	- -webkit-transform-origin: left bottom;
2052	- transform-origin: left bottom;
2053	- -webkit-transform: none;
2054	- transform: none;
2055	- opacity: 1;
2056	- }
2057	-}
2058	-
2059	-.rotateInDownLeft {
2060	- -webkit-animation-name: rotateInDownLeft;
2061	- animation-name: rotateInDownLeft;
2062	-}
2063	-
2064	-@-webkit-keyframes rotateInDownRight {
2065	- 0% {
2066	- -webkit-transform-origin: right bottom;
2067	- transform-origin: right bottom;
2068	- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2069	- transform: rotate3d(0, 0, 1, 45deg);
2070	- opacity: 0;
2071	- }
2072	-
2073	- 100% {
2074	- -webkit-transform-origin: right bottom;
2075	- transform-origin: right bottom;
2076	- -webkit-transform: none;
2077	- transform: none;
2078	- opacity: 1;
2079	- }
2080	-}
2081	-
2082	-@keyframes rotateInDownRight {
2083	- 0% {
2084	- -webkit-transform-origin: right bottom;
2085	- transform-origin: right bottom;
2086	- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2087	- transform: rotate3d(0, 0, 1, 45deg);
2088	- opacity: 0;
2089	- }
2090	-
2091	- 100% {
2092	- -webkit-transform-origin: right bottom;
2093	- transform-origin: right bottom;
2094	- -webkit-transform: none;
2095	- transform: none;
2096	- opacity: 1;
2097	- }
2098	-}
2099	-
2100	-.rotateInDownRight {
2101	- -webkit-animation-name: rotateInDownRight;
2102	- animation-name: rotateInDownRight;
2103	-}
2104	-
2105	-@-webkit-keyframes rotateInUpLeft {
2106	- 0% {
2107	- -webkit-transform-origin: left bottom;
2108	- transform-origin: left bottom;
2109	- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2110	- transform: rotate3d(0, 0, 1, 45deg);
2111	- opacity: 0;
2112	- }
2113	-
2114	- 100% {
2115	- -webkit-transform-origin: left bottom;
2116	- transform-origin: left bottom;
2117	- -webkit-transform: none;
2118	- transform: none;
2119	- opacity: 1;
2120	- }
2121	-}
2122	-
2123	-@keyframes rotateInUpLeft {
2124	- 0% {
2125	- -webkit-transform-origin: left bottom;
2126	- transform-origin: left bottom;
2127	- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2128	- transform: rotate3d(0, 0, 1, 45deg);
2129	- opacity: 0;
2130	- }
2131	-
2132	- 100% {
2133	- -webkit-transform-origin: left bottom;
2134	- transform-origin: left bottom;
2135	- -webkit-transform: none;
2136	- transform: none;
2137	- opacity: 1;
2138	- }
2139	-}
2140	-
2141	-.rotateInUpLeft {
2142	- -webkit-animation-name: rotateInUpLeft;
2143	- animation-name: rotateInUpLeft;
2144	-}
2145	-
2146	-@-webkit-keyframes rotateInUpRight {
2147	- 0% {
2148	- -webkit-transform-origin: right bottom;
2149	- transform-origin: right bottom;
2150	- -webkit-transform: rotate3d(0, 0, 1, -90deg);
2151	- transform: rotate3d(0, 0, 1, -90deg);
2152	- opacity: 0;
2153	- }
2154	-
2155	- 100% {
2156	- -webkit-transform-origin: right bottom;
2157	- transform-origin: right bottom;
2158	- -webkit-transform: none;
2159	- transform: none;
2160	- opacity: 1;
2161	- }
2162	-}
2163	-
2164	-@keyframes rotateInUpRight {
2165	- 0% {
2166	- -webkit-transform-origin: right bottom;
2167	- transform-origin: right bottom;
2168	- -webkit-transform: rotate3d(0, 0, 1, -90deg);
2169	- transform: rotate3d(0, 0, 1, -90deg);
2170	- opacity: 0;
2171	- }
2172	-
2173	- 100% {
2174	- -webkit-transform-origin: right bottom;
2175	- transform-origin: right bottom;
2176	- -webkit-transform: none;
2177	- transform: none;
2178	- opacity: 1;
2179	- }
2180	-}
2181	-
2182	-.rotateInUpRight {
2183	- -webkit-animation-name: rotateInUpRight;
2184	- animation-name: rotateInUpRight;
2185	-}
2186	-
2187	-@-webkit-keyframes rotateOut {
2188	- 0% {
2189	- -webkit-transform-origin: center;
2190	- transform-origin: center;
2191	- opacity: 1;
2192	- }
2193	-
2194	- 100% {
2195	- -webkit-transform-origin: center;
2196	- transform-origin: center;
2197	- -webkit-transform: rotate3d(0, 0, 1, 200deg);
2198	- transform: rotate3d(0, 0, 1, 200deg);
2199	- opacity: 0;
2200	- }
2201	-}
2202	-
2203	-@keyframes rotateOut {
2204	- 0% {
2205	- -webkit-transform-origin: center;
2206	- transform-origin: center;
2207	- opacity: 1;
2208	- }
2209	-
2210	- 100% {
2211	- -webkit-transform-origin: center;
2212	- transform-origin: center;
2213	- -webkit-transform: rotate3d(0, 0, 1, 200deg);
2214	- transform: rotate3d(0, 0, 1, 200deg);
2215	- opacity: 0;
2216	- }
2217	-}
2218	-
2219	-.rotateOut {
2220	- -webkit-animation-name: rotateOut;
2221	- animation-name: rotateOut;
2222	-}
2223	-
2224	-@-webkit-keyframes rotateOutDownLeft {
2225	- 0% {
2226	- -webkit-transform-origin: left bottom;
2227	- transform-origin: left bottom;
2228	- opacity: 1;
2229	- }
2230	-
2231	- 100% {
2232	- -webkit-transform-origin: left bottom;
2233	- transform-origin: left bottom;
2234	- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2235	- transform: rotate3d(0, 0, 1, 45deg);
2236	- opacity: 0;
2237	- }
2238	-}
2239	-
2240	-@keyframes rotateOutDownLeft {
2241	- 0% {
2242	- -webkit-transform-origin: left bottom;
2243	- transform-origin: left bottom;
2244	- opacity: 1;
2245	- }
2246	-
2247	- 100% {
2248	- -webkit-transform-origin: left bottom;
2249	- transform-origin: left bottom;
2250	- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2251	- transform: rotate3d(0, 0, 1, 45deg);
2252	- opacity: 0;
2253	- }
2254	-}
2255	-
2256	-.rotateOutDownLeft {
2257	- -webkit-animation-name: rotateOutDownLeft;
2258	- animation-name: rotateOutDownLeft;
2259	-}
2260	-
2261	-@-webkit-keyframes rotateOutDownRight {
2262	- 0% {
2263	- -webkit-transform-origin: right bottom;
2264	- transform-origin: right bottom;
2265	- opacity: 1;
2266	- }
2267	-
2268	- 100% {
2269	- -webkit-transform-origin: right bottom;
2270	- transform-origin: right bottom;
2271	- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2272	- transform: rotate3d(0, 0, 1, -45deg);
2273	- opacity: 0;
2274	- }
2275	-}
2276	-
2277	-@keyframes rotateOutDownRight {
2278	- 0% {
2279	- -webkit-transform-origin: right bottom;
2280	- transform-origin: right bottom;
2281	- opacity: 1;
2282	- }
2283	-
2284	- 100% {
2285	- -webkit-transform-origin: right bottom;
2286	- transform-origin: right bottom;
2287	- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2288	- transform: rotate3d(0, 0, 1, -45deg);
2289	- opacity: 0;
2290	- }
2291	-}
2292	-
2293	-.rotateOutDownRight {
2294	- -webkit-animation-name: rotateOutDownRight;
2295	- animation-name: rotateOutDownRight;
2296	-}
2297	-
2298	-@-webkit-keyframes rotateOutUpLeft {
2299	- 0% {
2300	- -webkit-transform-origin: left bottom;
2301	- transform-origin: left bottom;
2302	- opacity: 1;
2303	- }
2304	-
2305	- 100% {
2306	- -webkit-transform-origin: left bottom;
2307	- transform-origin: left bottom;
2308	- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2309	- transform: rotate3d(0, 0, 1, -45deg);
2310	- opacity: 0;
2311	- }
2312	-}
2313	-
2314	-@keyframes rotateOutUpLeft {
2315	- 0% {
2316	- -webkit-transform-origin: left bottom;
2317	- transform-origin: left bottom;
2318	- opacity: 1;
2319	- }
2320	-
2321	- 100% {
2322	- -webkit-transform-origin: left bottom;
2323	- transform-origin: left bottom;
2324	- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2325	- transform: rotate3d(0, 0, 1, -45deg);
2326	- opacity: 0;
2327	- }
2328	-}
2329	-
2330	-.rotateOutUpLeft {
2331	- -webkit-animation-name: rotateOutUpLeft;
2332	- animation-name: rotateOutUpLeft;
2333	-}
2334	-
2335	-@-webkit-keyframes rotateOutUpRight {
2336	- 0% {
2337	- -webkit-transform-origin: right bottom;
2338	- transform-origin: right bottom;
2339	- opacity: 1;
2340	- }
2341	-
2342	- 100% {
2343	- -webkit-transform-origin: right bottom;
2344	- transform-origin: right bottom;
2345	- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2346	- transform: rotate3d(0, 0, 1, 90deg);
2347	- opacity: 0;
2348	- }
2349	-}
2350	-
2351	-@keyframes rotateOutUpRight {
2352	- 0% {
2353	- -webkit-transform-origin: right bottom;
2354	- transform-origin: right bottom;
2355	- opacity: 1;
2356	- }
2357	-
2358	- 100% {
2359	- -webkit-transform-origin: right bottom;
2360	- transform-origin: right bottom;
2361	- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2362	- transform: rotate3d(0, 0, 1, 90deg);
2363	- opacity: 0;
2364	- }
2365	-}
2366	-
2367	-.rotateOutUpRight {
2368	- -webkit-animation-name: rotateOutUpRight;
2369	- animation-name: rotateOutUpRight;
2370	-}
2371	-
2372	-@-webkit-keyframes hinge {
2373	- 0% {
2374	- -webkit-transform-origin: top left;
2375	- transform-origin: top left;
2376	- -webkit-animation-timing-function: ease-in-out;
2377	- animation-timing-function: ease-in-out;
2378	- }
2379	-
2380	- 20%, 60% {
2381	- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2382	- transform: rotate3d(0, 0, 1, 80deg);
2383	- -webkit-transform-origin: top left;
2384	- transform-origin: top left;
2385	- -webkit-animation-timing-function: ease-in-out;
2386	- animation-timing-function: ease-in-out;
2387	- }
2388	-
2389	- 40%, 80% {
2390	- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2391	- transform: rotate3d(0, 0, 1, 60deg);
2392	- -webkit-transform-origin: top left;
2393	- transform-origin: top left;
2394	- -webkit-animation-timing-function: ease-in-out;
2395	- animation-timing-function: ease-in-out;
2396	- opacity: 1;
2397	- }
2398	-
2399	- 100% {
2400	- -webkit-transform: translate3d(0, 700px, 0);
2401	- transform: translate3d(0, 700px, 0);
2402	- opacity: 0;
2403	- }
2404	-}
2405	-
2406	-@keyframes hinge {
2407	- 0% {
2408	- -webkit-transform-origin: top left;
2409	- transform-origin: top left;
2410	- -webkit-animation-timing-function: ease-in-out;
2411	- animation-timing-function: ease-in-out;
2412	- }
2413	-
2414	- 20%, 60% {
2415	- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2416	- transform: rotate3d(0, 0, 1, 80deg);
2417	- -webkit-transform-origin: top left;
2418	- transform-origin: top left;
2419	- -webkit-animation-timing-function: ease-in-out;
2420	- animation-timing-function: ease-in-out;
2421	- }
2422	-
2423	- 40%, 80% {
2424	- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2425	- transform: rotate3d(0, 0, 1, 60deg);
2426	- -webkit-transform-origin: top left;
2427	- transform-origin: top left;
2428	- -webkit-animation-timing-function: ease-in-out;
2429	- animation-timing-function: ease-in-out;
2430	- opacity: 1;
2431	- }
2432	-
2433	- 100% {
2434	- -webkit-transform: translate3d(0, 700px, 0);
2435	- transform: translate3d(0, 700px, 0);
2436	- opacity: 0;
2437	- }
2438	-}
2439	-
2440	-.hinge {
2441	- -webkit-animation-name: hinge;
2442	- animation-name: hinge;
2443	-}
2444	-
2445	-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2446	-
2447	-@-webkit-keyframes rollIn {
2448	- 0% {
2449	- opacity: 0;
2450	- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2451	- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2452	- }
2453	-
2454	- 100% {
2455	- opacity: 1;
2456	- -webkit-transform: none;
2457	- transform: none;
2458	- }
2459	-}
2460	-
2461	-@keyframes rollIn {
2462	- 0% {
2463	- opacity: 0;
2464	- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2465	- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2466	- }
2467	-
2468	- 100% {
2469	- opacity: 1;
2470	- -webkit-transform: none;
2471	- transform: none;
2472	- }
2473	-}
2474	-
2475	-.rollIn {
2476	- -webkit-animation-name: rollIn;
2477	- animation-name: rollIn;
2478	-}
2479	-
2480	-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2481	-
2482	-@-webkit-keyframes rollOut {
2483	- 0% {
2484	- opacity: 1;
2485	- }
2486	-
2487	- 100% {
2488	- opacity: 0;
2489	- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2490	- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2491	- }
2492	-}
2493	-
2494	-@keyframes rollOut {
2495	- 0% {
2496	- opacity: 1;
2497	- }
2498	-
2499	- 100% {
2500	- opacity: 0;
2501	- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2502	- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2503	- }
2504	-}
2505	-
2506	-.rollOut {
2507	- -webkit-animation-name: rollOut;
2508	- animation-name: rollOut;
2509	-}
2510	-
2511	-@-webkit-keyframes zoomIn {
2512	- 0% {
2513	- opacity: 0;
2514	- -webkit-transform: scale3d(.3, .3, .3);
2515	- transform: scale3d(.3, .3, .3);
2516	- }
2517	-
2518	- 50% {
2519	- opacity: 1;
2520	- }
2521	-}
2522	-
2523	-@keyframes zoomIn {
2524	- 0% {
2525	- opacity: 0;
2526	- -webkit-transform: scale3d(.3, .3, .3);
2527	- transform: scale3d(.3, .3, .3);
2528	- }
2529	-
2530	- 50% {
2531	- opacity: 1;
2532	- }
2533	-}
2534	-
2535	-.zoomIn {
2536	- -webkit-animation-name: zoomIn;
2537	- animation-name: zoomIn;
2538	-}
2539	-
2540	-@-webkit-keyframes zoomInDown {
2541	- 0% {
2542	- opacity: 0;
2543	- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2544	- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2545	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2546	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2547	- }
2548	-
2549	- 60% {
2550	- opacity: 1;
2551	- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2552	- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2553	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2554	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2555	- }
2556	-}
2557	-
2558	-@keyframes zoomInDown {
2559	- 0% {
2560	- opacity: 0;
2561	- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2562	- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2563	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2564	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2565	- }
2566	-
2567	- 60% {
2568	- opacity: 1;
2569	- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2570	- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2571	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2572	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2573	- }
2574	-}
2575	-
2576	-.zoomInDown {
2577	- -webkit-animation-name: zoomInDown;
2578	- animation-name: zoomInDown;
2579	-}
2580	-
2581	-@-webkit-keyframes zoomInLeft {
2582	- 0% {
2583	- opacity: 0;
2584	- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2585	- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2586	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2587	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2588	- }
2589	-
2590	- 60% {
2591	- opacity: 1;
2592	- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2593	- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2594	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2595	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2596	- }
2597	-}
2598	-
2599	-@keyframes zoomInLeft {
2600	- 0% {
2601	- opacity: 0;
2602	- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2603	- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2604	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2605	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2606	- }
2607	-
2608	- 60% {
2609	- opacity: 1;
2610	- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2611	- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2612	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2613	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2614	- }
2615	-}
2616	-
2617	-.zoomInLeft {
2618	- -webkit-animation-name: zoomInLeft;
2619	- animation-name: zoomInLeft;
2620	-}
2621	-
2622	-@-webkit-keyframes zoomInRight {
2623	- 0% {
2624	- opacity: 0;
2625	- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2626	- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2627	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2628	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2629	- }
2630	-
2631	- 60% {
2632	- opacity: 1;
2633	- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2634	- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2635	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2636	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2637	- }
2638	-}
2639	-
2640	-@keyframes zoomInRight {
2641	- 0% {
2642	- opacity: 0;
2643	- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2644	- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2645	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2646	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2647	- }
2648	-
2649	- 60% {
2650	- opacity: 1;
2651	- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2652	- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2653	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2654	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2655	- }
2656	-}
2657	-
2658	-.zoomInRight {
2659	- -webkit-animation-name: zoomInRight;
2660	- animation-name: zoomInRight;
2661	-}
2662	-
2663	-@-webkit-keyframes zoomInUp {
2664	- 0% {
2665	- opacity: 0;
2666	- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2667	- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2668	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2669	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2670	- }
2671	-
2672	- 60% {
2673	- opacity: 1;
2674	- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2675	- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2676	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2677	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2678	- }
2679	-}
2680	-
2681	-@keyframes zoomInUp {
2682	- 0% {
2683	- opacity: 0;
2684	- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2685	- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2686	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2687	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2688	- }
2689	-
2690	- 60% {
2691	- opacity: 1;
2692	- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2693	- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2694	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2695	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2696	- }
2697	-}
2698	-
2699	-.zoomInUp {
2700	- -webkit-animation-name: zoomInUp;
2701	- animation-name: zoomInUp;
2702	-}
2703	-
2704	-@-webkit-keyframes zoomOut {
2705	- 0% {
2706	- opacity: 1;
2707	- }
2708	-
2709	- 50% {
2710	- opacity: 0;
2711	- -webkit-transform: scale3d(.3, .3, .3);
2712	- transform: scale3d(.3, .3, .3);
2713	- }
2714	-
2715	- 100% {
2716	- opacity: 0;
2717	- }
2718	-}
2719	-
2720	-@keyframes zoomOut {
2721	- 0% {
2722	- opacity: 1;
2723	- }
2724	-
2725	- 50% {
2726	- opacity: 0;
2727	- -webkit-transform: scale3d(.3, .3, .3);
2728	- transform: scale3d(.3, .3, .3);
2729	- }
2730	-
2731	- 100% {
2732	- opacity: 0;
2733	- }
2734	-}
2735	-
2736	-.zoomOut {
2737	- -webkit-animation-name: zoomOut;
2738	- animation-name: zoomOut;
2739	-}
2740	-
2741	-@-webkit-keyframes zoomOutDown {
2742	- 40% {
2743	- opacity: 1;
2744	- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2745	- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2746	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2747	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2748	- }
2749	-
2750	- 100% {
2751	- opacity: 0;
2752	- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2753	- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2754	- -webkit-transform-origin: center bottom;
2755	- transform-origin: center bottom;
2756	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2757	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2758	- }
2759	-}
2760	-
2761	-@keyframes zoomOutDown {
2762	- 40% {
2763	- opacity: 1;
2764	- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2765	- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2766	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2767	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2768	- }
2769	-
2770	- 100% {
2771	- opacity: 0;
2772	- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2773	- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2774	- -webkit-transform-origin: center bottom;
2775	- transform-origin: center bottom;
2776	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2777	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2778	- }
2779	-}
2780	-
2781	-.zoomOutDown {
2782	- -webkit-animation-name: zoomOutDown;
2783	- animation-name: zoomOutDown;
2784	-}
2785	-
2786	-@-webkit-keyframes zoomOutLeft {
2787	- 40% {
2788	- opacity: 1;
2789	- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2790	- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2791	- }
2792	-
2793	- 100% {
2794	- opacity: 0;
2795	- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2796	- transform: scale(.1) translate3d(-2000px, 0, 0);
2797	- -webkit-transform-origin: left center;
2798	- transform-origin: left center;
2799	- }
2800	-}
2801	-
2802	-@keyframes zoomOutLeft {
2803	- 40% {
2804	- opacity: 1;
2805	- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2806	- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2807	- }
2808	-
2809	- 100% {
2810	- opacity: 0;
2811	- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2812	- transform: scale(.1) translate3d(-2000px, 0, 0);
2813	- -webkit-transform-origin: left center;
2814	- transform-origin: left center;
2815	- }
2816	-}
2817	-
2818	-.zoomOutLeft {
2819	- -webkit-animation-name: zoomOutLeft;
2820	- animation-name: zoomOutLeft;
2821	-}
2822	-
2823	-@-webkit-keyframes zoomOutRight {
2824	- 40% {
2825	- opacity: 1;
2826	- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2827	- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2828	- }
2829	-
2830	- 100% {
2831	- opacity: 0;
2832	- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2833	- transform: scale(.1) translate3d(2000px, 0, 0);
2834	- -webkit-transform-origin: right center;
2835	- transform-origin: right center;
2836	- }
2837	-}
2838	-
2839	-@keyframes zoomOutRight {
2840	- 40% {
2841	- opacity: 1;
2842	- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2843	- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2844	- }
2845	-
2846	- 100% {
2847	- opacity: 0;
2848	- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2849	- transform: scale(.1) translate3d(2000px, 0, 0);
2850	- -webkit-transform-origin: right center;
2851	- transform-origin: right center;
2852	- }
2853	-}
2854	-
2855	-.zoomOutRight {
2856	- -webkit-animation-name: zoomOutRight;
2857	- animation-name: zoomOutRight;
2858	-}
2859	-
2860	-@-webkit-keyframes zoomOutUp {
2861	- 40% {
2862	- opacity: 1;
2863	- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2864	- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2865	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2866	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2867	- }
2868	-
2869	- 100% {
2870	- opacity: 0;
2871	- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2872	- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2873	- -webkit-transform-origin: center bottom;
2874	- transform-origin: center bottom;
2875	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2876	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2877	- }
2878	-}
2879	-
2880	-@keyframes zoomOutUp {
2881	- 40% {
2882	- opacity: 1;
2883	- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2884	- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2885	- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2886	- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2887	- }
2888	-
2889	- 100% {
2890	- opacity: 0;
2891	- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2892	- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2893	- -webkit-transform-origin: center bottom;
2894	- transform-origin: center bottom;
2895	- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2896	- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2897	- }
2898	-}
2899	-
2900	-.zoomOutUp {
2901	- -webkit-animation-name: zoomOutUp;
2902	- animation-name: zoomOutUp;
2903	-}
2904	-
2905	-@-webkit-keyframes slideInDown {
2906	- 0% {
2907	- -webkit-transform: translateY(-100%);
2908	- transform: translateY(-100%);
2909	- visibility: visible;
2910	- }
2911	-
2912	- 100% {
2913	- -webkit-transform: translateY(0);
2914	- transform: translateY(0);
2915	- }
2916	-}
2917	-
2918	-@keyframes slideInDown {
2919	- 0% {
2920	- -webkit-transform: translateY(-100%);
2921	- transform: translateY(-100%);
2922	- visibility: visible;
2923	- }
2924	-
2925	- 100% {
2926	- -webkit-transform: translateY(0);
2927	- transform: translateY(0);
2928	- }
2929	-}
2930	-
2931	-.slideInDown {
2932	- -webkit-animation-name: slideInDown;
2933	- animation-name: slideInDown;
2934	-}
2935	-
2936	-@-webkit-keyframes slideInLeft {
2937	- 0% {
2938	- -webkit-transform: translateX(-100%);
2939	- transform: translateX(-100%);
2940	- visibility: visible;
2941	- }
2942	-
2943	- 100% {
2944	- -webkit-transform: translateX(0);
2945	- transform: translateX(0);
2946	- }
2947	-}
2948	-
2949	-@keyframes slideInLeft {
2950	- 0% {
2951	- -webkit-transform: translateX(-100%);
2952	- transform: translateX(-100%);
2953	- visibility: visible;
2954	- }
2955	-
2956	- 100% {
2957	- -webkit-transform: translateX(0);
2958	- transform: translateX(0);
2959	- }
2960	-}
2961	-
2962	-.slideInLeft {
2963	- -webkit-animation-name: slideInLeft;
2964	- animation-name: slideInLeft;
2965	-}
2966	-
2967	-@-webkit-keyframes slideInRight {
2968	- 0% {
2969	- -webkit-transform: translateX(100%);
2970	- transform: translateX(100%);
2971	- visibility: visible;
2972	- }
2973	-
2974	- 100% {
2975	- -webkit-transform: translateX(0);
2976	- transform: translateX(0);
2977	- }
2978	-}
2979	-
2980	-@keyframes slideInRight {
2981	- 0% {
2982	- -webkit-transform: translateX(100%);
2983	- transform: translateX(100%);
2984	- visibility: visible;
2985	- }
2986	-
2987	- 100% {
2988	- -webkit-transform: translateX(0);
2989	- transform: translateX(0);
2990	- }
2991	-}
2992	-
2993	-.slideInRight {
2994	- -webkit-animation-name: slideInRight;
2995	- animation-name: slideInRight;
2996	-}
2997	-
2998	-@-webkit-keyframes slideInUp {
2999	- 0% {
3000	- -webkit-transform: translateY(100%);
3001	- transform: translateY(100%);
3002	- visibility: visible;
3003	- }
3004	-
3005	- 100% {
3006	- -webkit-transform: translateY(0);
3007	- transform: translateY(0);
3008	- }
3009	-}
3010	-
3011	-@keyframes slideInUp {
3012	- 0% {
3013	- -webkit-transform: translateY(100%);
3014	- transform: translateY(100%);
3015	- visibility: visible;
3016	- }
3017	-
3018	- 100% {
3019	- -webkit-transform: translateY(0);
3020	- transform: translateY(0);
3021	- }
3022	-}
3023	-
3024	-.slideInUp {
3025	- -webkit-animation-name: slideInUp;
3026	- animation-name: slideInUp;
3027	-}
3028	-
3029	-@-webkit-keyframes slideOutDown {
3030	- 0% {
3031	- -webkit-transform: translateY(0);
3032	- transform: translateY(0);
3033	- }
3034	-
3035	- 100% {
3036	- visibility: hidden;
3037	- -webkit-transform: translateY(100%);
3038	- transform: translateY(100%);
3039	- }
3040	-}
3041	-
3042	-@keyframes slideOutDown {
3043	- 0% {
3044	- -webkit-transform: translateY(0);
3045	- transform: translateY(0);
3046	- }
3047	-
3048	- 100% {
3049	- visibility: hidden;
3050	- -webkit-transform: translateY(100%);
3051	- transform: translateY(100%);
3052	- }
3053	-}
3054	-
3055	-.slideOutDown {
3056	- -webkit-animation-name: slideOutDown;
3057	- animation-name: slideOutDown;
3058	-}
3059	-
3060	-@-webkit-keyframes slideOutLeft {
3061	- 0% {
3062	- -webkit-transform: translateX(0);
3063	- transform: translateX(0);
3064	- }
3065	-
3066	- 100% {
3067	- visibility: hidden;
3068	- -webkit-transform: translateX(-100%);
3069	- transform: translateX(-100%);
3070	- }
3071	-}
3072	-
3073	-@keyframes slideOutLeft {
3074	- 0% {
3075	- -webkit-transform: translateX(0);
3076	- transform: translateX(0);
3077	- }
3078	-
3079	- 100% {
3080	- visibility: hidden;
3081	- -webkit-transform: translateX(-100%);
3082	- transform: translateX(-100%);
3083	- }
3084	-}
3085	-
3086	-.slideOutLeft {
3087	- -webkit-animation-name: slideOutLeft;
3088	- animation-name: slideOutLeft;
3089	-}
3090	-
3091	-@-webkit-keyframes slideOutRight {
3092	- 0% {
3093	- -webkit-transform: translateX(0);
3094	- transform: translateX(0);
3095	- }
3096	-
3097	- 100% {
3098	- visibility: hidden;
3099	- -webkit-transform: translateX(100%);
3100	- transform: translateX(100%);
3101	- }
3102	-}
3103	-
3104	-@keyframes slideOutRight {
3105	- 0% {
3106	- -webkit-transform: translateX(0);
3107	- transform: translateX(0);
3108	- }
3109	-
3110	- 100% {
3111	- visibility: hidden;
3112	- -webkit-transform: translateX(100%);
3113	- transform: translateX(100%);
3114	- }
3115	-}
3116	-
3117	-.slideOutRight {
3118	- -webkit-animation-name: slideOutRight;
3119	- animation-name: slideOutRight;
3120	-}
3121	-
3122	-@-webkit-keyframes slideOutUp {
3123	- 0% {
3124	- -webkit-transform: translateY(0);
3125	- transform: translateY(0);
3126	- }
3127	-
3128	- 100% {
3129	- visibility: hidden;
3130	- -webkit-transform: translateY(-100%);
3131	- transform: translateY(-100%);
3132	- }
3133	-}
3134	-
3135	-@keyframes slideOutUp {
3136	- 0% {
3137	- -webkit-transform: translateY(0);
3138	- transform: translateY(0);
3139	- }
3140	-
3141	- 100% {
3142	- visibility: hidden;
3143	- -webkit-transform: translateY(-100%);
3144	- transform: translateY(-100%);
3145	- }
3146	-}
3147	-
3148	-.slideOutUp {
3149	- -webkit-animation-name: slideOutUp;
3150	- animation-name: slideOutUp;
3151	-}

css/less/m/m-activity.less deleted 100644 → 0

View file @9e46ed7

css/less/m/m-btn.less deleted 100644 → 0

View file @9e46ed7

1	-/*
2	- * button css
3	- * Code at 2015/01/27
4	- * by van
5	- */
6	-
7	-// @btn-666: #666;
8	-// @btn-6c2: #6c2;
9	-// @btn-5b2: #5b2;
10	-// @btn-fon: #6acb3b;
11	-// @btn-fff: #fff;
12	-// @btn-f9d: #ff9d2c;
13	-// @btn-fa4: #fa4535;
14	-@import "var";
15	-
16	-.display-as-inline () {
17	- display: inline-block;
18	- *display: inline;
19	- *zoom: 1;
20	-}
21	-
22	-.btn-white,
23	-.btn-white-f,
24	-.btn-white-fb,
25	-.btn-white-fb18,
26	-.btn-red,
27	-.btn-green-f,
28	-.btn-orange-f {
29	- .display-as-inline;
30	-}
31	-.btn-red,
32	-.btn-white,
33	-.btn-grey,
34	-.btn-white-f,
35	-.btn-white-fb,
36	-.btn-white-fb18,
37	-.btn-green-f,
38	-.btn-orange-f {
39	- border: 1px solid #ddd;
40	- border-radius: 5px;
41	- -webkit-border-radius: 5px;
42	- -moz-border-radius: 5px;
43	- background: #fff;
44	- height: 45px;
45	- line-height: 44px;
46	- padding: 0 40px;
47	- margin: 10px 0;
48	- cursor: pointer;
49	- vertical-align: middle;
50	-}
51	-.btn-grey,
52	-.btn-white {
53	- color: @btn-666;
54	- height: 39px;
55	- line-height: 39px;
56	-}
57	-.btn-white-fb,
58	-.btn-white-fb18 {
59	- border-color: @btn-fon;
60	-}
61	-.btn-white-f,
62	-.btn-white-fb,
63	-.btn-white-fb18 {
64	- color: @btn-fon;
65	-}
66	-.btn-green-f {
67	- border-color: @btn-6c2;
68	- background: @btn-6c2;
69	-}
70	-.btn-orange-f {
71	- border-color: @btn-f9d;
72	- background: @btn-f9d;
73	-}
74	-.btn-red,
75	-.btn-green-f,
76	-.btn-orange-f {
77	- color: @btn-fff;
78	-}
79	-.btn-red,
80	-.btn-green-f,
81	-.btn-orange-f,
82	-.btn-white-fb18 {
83	- font-size: 18px;
84	-}
85	-.btn-red {
86	- border: 1px solid @btn-fa4;
87	- background: @btn-fa4;
88	-}
89	-.btn-grey {
90	- border-color: #ccc;
91	- color: #d6d6d6;
92	-}
93	-

css/less/m/m-form.less deleted 100644 → 0

View file @9e46ed7

1	-/zzf/
2	-@import "var";
3	-
4	-.m-form {
5	- input {
6	- height: 35px;
7	- color: #666;
8	- padding-left: 5px;
9	- border: 1px solid #ccc;
10	- }
11	- input[type='number'] {
12	- width: 45px;
13	- }
14	- input[type="text"] {
15	- width: 100%;
16	- border: none;
17	- font-size: 14px;
18	- color: #888;
19	- }
20	-}
21	-// input[type='radio'] {
22	-// background: url("../../images/icon.png") -88px -236px repeat;
23	-// width: 22px;
24	-// -webkit-appearance: none;
25	-// appearance: none;
26	-// height: 22px;
27	-// display: inline-block;
28	-// background-size: 150px;
29	-// border: none;
30	-// cursor: pointer;
31	-// margin: 0px;
32	-// position: relative;
33	-// }
34	-// input[type='radio']:checked::after {
35	-// background: url("../../images/icon.png") -60px -236px repeat;
36	-// width: 26px;
37	-// height: 22px;
38	-// display: inline-block;
39	-// background-size: 150px;
40	-// content: '';
41	-// position: absolute;
42	-// left: 2px;
43	-// }

css/less/m/m-imguploader.less deleted 100644 → 0

View file @9e46ed7

1	-
2	-@import "var";
3	-/*
4	- @ m-imguploader.less
5	- @ 图片上传组件
6	-*/
7	-
8	-.img-upload-button {
9	- // display: inline-block;
10	- /or inline-block/
11	- // width: 62px;
12	- // height: 62px;
13	- padding: 0;
14	- text-align: center;
15	- cursor: pointer;
16	- z-index: 1;
17	- overflow: hidden;
18	- //background: url("@{imgURI}upload.png") -121px 0px no-repeat;
19	- width: 63px;
20	- height: 63px;
21	- float: left;
22	- border: 1px dashed #ddd;
23	- // background-size: 75px;
24	- // margin: 17px;
25	-}
26	-.img-upload-disabled{
27	- display: none;
28	-}
29	-.img-upload-button span {
30	- // display: none !important;
31	- background: url("@{imgURI}upload.png") -48px 0px no-repeat;
32	- width: 30px;
33	- height: 30px;
34	- overflow: hidden;
35	- display: inline-block;
36	- text-indent: -9990px;
37	- background-size: 75px;
38	- margin: 17px;
39	-}
40	-
41	-.img-upload-list {
42	- list-style: none;
43	- display: inline-table;
44	-}
45	-.img-upload-list:after {
46	- // content: ".";
47	- // display: block;
48	- // height: 0;
49	- // clear: both;
50	- // visibility: hidden;
51	-}
52	-
53	-.img-upload-list {
54	- // position: absolute;
55	- // z-index: 0;
56	- // // width: 45px;
57	- // // height: 45px;
58	- // left: 0;
59	- // top: 0;
60	- float: left;
61	- li{
62	- position: relative;
63	- }
64	-}
65	-.img-upload-list img {
66	- width: 62px;
67	- height: 62px;
68	-}
69	-.img-upload-list .img-upload-remove {
70	- position: absolute;
71	- top: 0px;
72	- right: 0px;
73	- display: block;
74	- width: 22px;
75	- height: 22px;
76	- z-index: 99;
77	- background: url("../../images/upload.png") -13px -12px no-repeat;
78	- background-size: 75px;
79	-}
80	-
81	-.img-upload-error {
82	- font-size: 12px;
83	- color: #ff0000;
84	-}

css/less/m/m-list-view.less deleted 100644 → 0

View file @9e46ed7

1	-/*
2	- * list css
3	- * Code at 2015/01/27
4	- * by van
5	- */
6	-
7	-@import "var";
8	-
9	-.list-view {
10	- border-top: 1px solid #ddd;
11	-}
12	-.list-view li {
13	- border-bottom: 1px solid #ddd;
14	- padding: 13px 0;
15	- background: #fff;
16	-}
17	-.list-view li.on {
18	- background: #eee;
19	-}
20	-.list-view .in-block {
21	- display: inline-block;
22	- vertical-align: middle;
23	-}
24	-.list-view .as-block {
25	- display: block;
26	-}
27	-/* 普通类表内容样式 */
28	-
29	-.list-view img {
30	- width: 80px;
31	- height: 80px;
32	- margin: 0 15px;
33	-}
34	-.list-view .info {
35	- height: 36px;
36	- overflow: hidden;
37	- margin: 0 10px 25px 0;
38	-}
39	-.from, .price {
40	- margin-right: 15px;
41	-}
42	-.price {
43	- color: #fa4545;
44	- font-size: 16px;
45	- float: left;
46	-}
47	-.from {
48	- color: #999;
49	- font-size: 12px;
50	- float: right;
51	-}
52	-.img-link {
53	- float: left;
54	-}
55	-.go-kinds, .go-detail {
56	- display: block;
57	- width: 50px;
58	- padding: 51px 20px;
59	- position: absolute;
60	- top: 0;
61	- right: 0;
62	- text-align: right;
63	- i {
64	- display: inline-block;
65	- width: 10px;
66	- height: 16px;
67	- background-position: -31px -236px;
68	- }
69	-}
70	\ No newline at end of file	0	\ No newline at end of file

css/less/m/m-tab.less deleted 100644 → 0

View file @9e46ed7

1	-@import "var";
2	-
3	-.m-tab {
4	- width: 70%;
5	-}
6	-.m-tab-one {
7	- width: 100%;
8	-}
9	-.m-tab li {
10	- width: 50%;
11	- float: left;
12	- border: 0;
13	-}
14	-.m-tab .on {
15	- border-bottom: 1px solid #6c2;
16	-}
17	-.filter-view span,
18	-.m-tab a {
19	- display: block;
20	- margin: 7px 0;
21	- border-left: 1px solid #ddd;
22	- margin-left: -1px;
23	- color: #999;
24	-}
25	-.m-tab .on a {
26	- color: #6c2;
27	-}
28	-.filter-view {
29	- width: 30%;
30	- float: right;
31	- cursor: default;
32	-}
33	-.m-tab li,
34	-.filter-view {
35	- border-bottom: 1px solid transparent;
36	- background: #fff;
37	- text-align: center;
38	-}
39	-.filter-view span {
40	- margin-left: 0;
41	-}
42	-.bar-one {
43	- .m-tab {
44	- width: 50%;
45	-
46	- li {
47	- width: 100%;
48	- }
49	- }
50	- .filter-view {
51	- width: 50%;
52	- }
53	-}

css/less/m/m_actionsheet.less deleted 100644 → 0

View file @9e46ed7

1	-/***************************************************
2	-* feature : actionSheet组件，模拟IOS actionSheet外观;
3	-* update : 2015/02/03;
4	-* use : .m-actionsheet;
5	-* extend : .actionsheet-*;
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	-@import "var";
12	-.m-actionsheet{
13	- position: fixed;
14	- left: 10px;
15	- right: 10px;
16	- bottom: 0;
17	- margin-bottom: 10px;
18	- z-index: 20;
19	- -webkit-transition: all ease-in-out .25s;
20	- -o-transition: all ease-in-out .25s;
21	- transition: all ease-in-out .25s;
22	- ul{
23	- list-style: none;
24	- }
25	- li{
26	- line-height: 50px;
27	- text-align: center;
28	- background: rgba(255, 255, 255, .95);
29	- border-top: 1px solid #ddd;
30	- &:first-child{
31	- border-top-left-radius: 8px;
32	- border-top-right-radius: 8px;
33	- border: none;
34	- }
35	- &:last-child{
36	- margin-top: 10px;
37	- border-radius: 8px;
38	- border: none;
39	- }
40	- &.last-item{
41	- border-bottom-left-radius: 8px;
42	- border-bottom-right-radius: 8px;
43	- }
44	- a{
45	- display: block;
46	- color: #027aff;
47	- font-size: 16px;
48	- font-weight: 700;
49	- text-decoration: none;
50	- }
51	- }
52	-}
53	\ No newline at end of file	0	\ No newline at end of file

css/less/m/m_bar.less deleted 100644 → 0

View file @9e46ed7

1	-@import "var";
2	-
3	-/**
4	- m/m_bar
5	- 左下角工具条
6	-*/
7	-.m-bar{
8	- position: absolute;
9	-}
10	-.m-bar-bg{
11	- position: fixed;
12	- left: 0;
13	- top:0;
14	- z-index: 999;
15	- width: 100%;
16	- height: 100%;
17	- background: rgba(0, 0, 0, 0.6);
18	- display: none;
19	-}
20	-
21	-.m-bar-content{
22	- position: fixed;
23	- z-index: 1000;
24	- left: 20px;
25	- bottom: 65px;
26	- text-align: center;
27	- .m-bar-btn{
28	- position: relative;
29	- width: 46px;
30	- height: 46px;
31	- border-radius: 100%;
32	- background: @hbg-color;
33	- border: 2px #fff solid;
34	- z-index: 1001;
35	- }
36	- .m-bar-icon{
37	- margin: 0;
38	- display: inline-block;
39	- height: 100%;
40	- }
41	- a{
42	- position: absolute;
43	- width: 50px;
44	- height: 50px;
45	- background: @bg-fff;
46	- border-radius: 100%;
47	- font-size: 12px;
48	- color: #666;
49	- display: none;
50	- overflow: hidden;
51	- }
52	- p{
53	- line-height: normal;
54	- margin-top: -2px;
55	- }
56	- .icon{
57	- display: inline-block;
58	- width: 18px;
59	- height: 18px;
60	- line-height: normal;
61	- margin-top: 5px;
62	- .bg-img;
63	- }
64	- .icon-home{
65	- background-position: 0 -309px;
66	- }
67	- .icon-me{
68	- background-position: -23px -309px;
69	- }
70	- .icon-order{
71	- background-position: -48px -309px;
72	- }
73	-}
74	-
75	-.m-bar.open{
76	- .m-bar-content{
77	-
78	- a{
79	- display: block;
80	- }
81	- .bar-home{
82	- animation: as1 0.3s;
83	- -moz-animation: as1 0.3s; /* Firefox */
84	- -webkit-animation: as1 0.3s; /* Safari 和 Chrome */
85	- -o-animation: as1 0.3s; /* Opera */
86	- left: 0;
87	- top:-70px;
88	- }
89	-
90	- .bar-me{
91	- animation: as2 0.3s;
92	- -moz-animation: as2 0.3s; /* Firefox */
93	- -webkit-animation: as2 0.3s; /* Safari 和 Chrome */
94	- -o-animation: as2 0.3s; /* Opera */
95	- top: -52px;
96	- left:60px;
97	- }
98	- .bar-order{
99	- animation: as3 0.3s;
100	- -moz-animation: as3 0.3s; /* Firefox */
101	- -webkit-animation: as3 0.3s; /* Safari 和 Chrome */
102	- -o-animation: as3 0.3s; /* Opera */
103	- bottom: -10px;
104	- left:70px;
105	- }
106	- }
107	-}
108	-// .bar-home
109	-.open-home{
110	- from {top:0;}
111	- to {top:-70px;}
112	-}
113	-@keyframes as1
114	-{
115	- .open-home
116	-}
117	-
118	-@-moz-keyframes as1
119	-{
120	- .open-home
121	-}
122	-
123	-@-webkit-keyframes as1
124	-{
125	- .open-home
126	-}
127	-
128	-@-o-keyframes as1
129	-{
130	- .open-home
131	-}
132	-// .bar-me
133	-.open-me{
134	- from {top:0;left: 0}
135	- to {top: -52px;left:60px;}
136	-}
137	-@keyframes as2
138	-{
139	- .open-me
140	-}
141	-
142	-@-moz-keyframes as2
143	-{
144	- .open-me
145	-}
146	-
147	-@-webkit-keyframes as2
148	-{
149	- .open-me
150	-}
151	-
152	-@-o-keyframes as2
153	-{
154	- .open-me
155	-}
156	-
157	-// .bar-order
158	-.open-order{
159	- from {bottom:0;left: 0}
160	- to {bottom: -10px;left:70px;}
161	-}
162	-@keyframes as3
163	-{
164	- .open-order
165	-}
166	-
167	-@-moz-keyframes as3
168	-{
169	- .open-order
170	-}
171	-
172	-@-webkit-keyframes as3
173	-{
174	- .open-order
175	-}
176	-
177	-@-o-keyframes as3
178	-{
179	- .open-order
180	-}
181	-
182	-.m-bar.close{
183	-
184	- .m-bar-content{
185	- a{
186	- display: block;
187	- }
188	- .bar-home{
189	- animation: as1-1 0.3s;
190	- -moz-animation: as1-1 0.3s; /* Firefox */
191	- -webkit-animation: as1-1 0.3s; /* Safari 和 Chrome */
192	- -o-animation: as1-1 0.3s; /* Opera */
193	- left: 0;
194	- top:0;
195	- }
196	-
197	- .bar-me{
198	- animation: as2-1 0.3s;
199	- -moz-animation: as2-1 0.3s; /* Firefox */
200	- -webkit-animation: as2-1 0.3s; /* Safari 和 Chrome */
201	- -o-animation: as2-1 0.3s; /* Opera */
202	- left: 0;
203	- top:0;
204	- }
205	- .bar-order{
206	- animation: as3-1 0.3s;
207	- -moz-animation: as3-1 0.3s; /* Firefox */
208	- -webkit-animation: as3-1 0.3s; /* Safari 和 Chrome */
209	- -o-animation: as3-1 0.3s; /* Opera */
210	- left: 0;
211	- top:0;
212	- }
213	- }
214	-}
215	-
216	-// .bar-home
217	-.close-home{
218	- from {top:-70px;}
219	- to {top:0;}
220	-}
221	-@keyframes as1-1
222	-{
223	- .close-home
224	-}
225	-
226	-@-moz-keyframes as1-1
227	-{
228	- .close-home
229	-}
230	-
231	-@-webkit-keyframes as1-1
232	-{
233	- .close-home
234	-}
235	-
236	-@-o-keyframes as1-1
237	-{
238	- .close-home
239	-}
240	-// .bar-me
241	-.close-me{
242	- from {bottom: -10px;left:70px;}
243	- to {bottom:0;left: 0}
244	-}
245	-@keyframes as2-1
246	-{
247	- .close-me
248	-}
249	-
250	-@-moz-keyframes as2-1
251	-{
252	- .close-me
253	-}
254	-
255	-@-webkit-keyframes as2-1
256	-{
257	- .close-me
258	-}
259	-
260	-@-o-keyframes as2-1
261	-{
262	- .close-me
263	-}
264	-
265	-// .bar-order
266	-.close-order{
267	- from {bottom: -10px;left:70px;}
268	- to {bottom:0;left: 0}
269	-}
270	-@keyframes as3-1
271	-{
272	- .close-order
273	-
274	-}
275	-
276	-@-moz-keyframes as3-1
277	-{
278	- from {bottom: -10px;left:70px;}
279	- .close-order
280	-}
281	-
282	-@-webkit-keyframes as3-1
283	-{
284	- .close-order
285	-}
286	-
287	-@-o-keyframes as3-1
288	-{
289	- .close-order
290	-}
291	\ No newline at end of file	0	\ No newline at end of file

css/less/m/m_btn.less deleted 100644 → 0

View file @9e46ed7

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	-@import "var";
12	-
13	-.m-btn{
14	- display: inline-block;
15	- padding: 0 15px;
16	- // margin: 10px 0;
17	- line-height: 45px;
18	- font-size: 18px;
19	- color: #666;
20	- text-align: center;
21	- border: none;
22	- background-color: #FFF;
23	- border-radius: 5px;
24	- -webkit-border-radius: 5px;
25	- -moz-border-radius: 5px;
26	- cursor: pointer;
27	- vertical-align: middle;
28	- border: 1px solid #ddd;
29	- &.btn-success{
30	- color: #FFF;
31	- background-color: #6C2;
32	- border: none;
33	- &.reverse{
34	- background-color: #FFF;
35	- color: #6C2;
36	- line-height: 43px;
37	- border: 1px solid #6C2;
38	- }
39	- }
40	-
41	- &.btn-warning{
42	- color: #FFF;
43	- background-color: #ff9d2c;
44	- border: none;
45	- }
46	-
47	- &.btn-danger{
48	- color: #FFF;
49	- background-color: #fa4535;
50	- border: none;
51	- }
52	-
53	- &.btn-text{
54	- background: none;
55	- border: 1px solid #6c2;
56	- color: #6c2;
57	- width: 65px;
58	- font-size: 12px;
59	- text-align: center;
60	- line-height: 23px;
61	- padding: 0;
62	- float: right;
63	- border-radius: 2px;
64	- margin-top: -2px;
65	- }
66	-}
67	\ No newline at end of file	0	\ No newline at end of file

dlstatic / static-wappnr · Commits

GitLab

icon sprite

Too many changes to show.
Reload with full diff Plain diff Email patch

GitLab

icon sprite

Too many changes to show. Reload with full diff Plain diff Email patch

Too many changes to show.
Reload with full diff Plain diff Email patch