├── src
    ├── components
    │   ├── Me
    │   │   ├── index.scss
    │   │   └── index.js
    │   ├── Card
    │   │   ├── index.scss
    │   │   └── index.js
    │   ├── Cinema
    │   │   ├── index.scss
    │   │   └── index.js
    │   ├── ComingSoon
    │   │   ├── index.scss
    │   │   └── index.js
    │   ├── Detail
    │   │   ├── index.scss
    │   │   └── index.js
    │   ├── Film
    │   │   ├── index.scss
    │   │   └── index.js
    │   ├── Home
    │   │   ├── index.scss
    │   │   └── index.js
    │   ├── NowPlaying
    │   │   ├── index.scss
    │   │   └── index.js
    │   └── App
    │   │   ├── index.scss
    │   │   └── index.js
    ├── assets
    │   └── iconfont
    │   │   ├── iconfont.eot
    │   │   ├── iconfont.ttf
    │   │   ├── iconfont.woff
    │   │   ├── iconfont.css
    │   │   ├── demo.css
    │   │   ├── demo_fontclass.html
    │   │   ├── demo_unicode.html
    │   │   ├── demo_symbol.html
    │   │   └── iconfont.svg
    ├── index.js
    └── router.js
├── screenshot
    ├── 1.png
    ├── 2.png
    ├── 3.png
    └── 4.png
├── .gitattributes
├── index.html
├── package.json
├── LICENSE
├── webpack.config.js
└── README.md


/src/components/Me/index.scss:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/src/components/Card/index.scss:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/src/components/Cinema/index.scss:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/src/components/ComingSoon/index.scss:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/screenshot/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liupeijun/react-router-v4-maizuo/HEAD/screenshot/1.png


--------------------------------------------------------------------------------
/screenshot/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liupeijun/react-router-v4-maizuo/HEAD/screenshot/2.png


--------------------------------------------------------------------------------
/screenshot/3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liupeijun/react-router-v4-maizuo/HEAD/screenshot/3.png


--------------------------------------------------------------------------------
/screenshot/4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liupeijun/react-router-v4-maizuo/HEAD/screenshot/4.png


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liupeijun/react-router-v4-maizuo/HEAD/src/assets/iconfont/iconfont.eot


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liupeijun/react-router-v4-maizuo/HEAD/src/assets/iconfont/iconfont.ttf


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liupeijun/react-router-v4-maizuo/HEAD/src/assets/iconfont/iconfont.woff


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | *.h linguist-language=JavaScript
2 | *.m linguist-language=JavaScript
3 | *.java linguist-language=JavaScript
4 | *.html linguist-language=JavaScript


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import router from "./router";
4 | ReactDOM.render(router,document.getElementById("box"));


--------------------------------------------------------------------------------
/src/components/Detail/index.scss:
--------------------------------------------------------------------------------
 1 | .detailContent{
 2 | 	img{
 3 | 		width: 100%;
 4 | 	}
 5 | 	h3{
 6 | 		text-align: center;
 7 | 	}
 8 | 	p{
 9 | 	    text-overflow: ellipsis;
10 | 	    margin-bottom: 80px;
11 | 	    padding-left: 20px;
12 | 	    padding-right: 20px;
13 | 	    color: #333;
14 | 	    font-family: 'Microsoft YaHei', Tahoma, Helvetica, Arial, sans-serif;
15 | 	}
16 | }


--------------------------------------------------------------------------------
/src/components/Card/index.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import "./index.scss";
 3 | 
 4 | class App extends Component {
 5 |    
 6 |     constructor(props) {
 7 |         super(props);
 8 |     }
 9 | 
10 |     render() {
11 |         return (
12 |         	<div>
13 |         	   卖座卡相关内容
14 | 
15 |         	</div>
16 |         );
17 |     }
18 | }
19 | 
20 | export default App;
21 | 


--------------------------------------------------------------------------------
/src/components/Me/index.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import "./index.scss";
 3 | 
 4 | class App extends Component {
 5 |    
 6 |     constructor(props) {
 7 |         super(props);
 8 |     }
 9 | 
10 |     render() {
11 |         return (
12 |             <div>
13 |                我的相关内容
14 | 
15 |             </div>
16 |         );
17 |     }
18 | }
19 | 
20 | export default App;
21 | 


--------------------------------------------------------------------------------
/src/components/Cinema/index.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import "./index.scss";
 3 | 
 4 | class App extends Component {
 5 |    
 6 |     constructor(props) {
 7 |         super(props);
 8 |     }
 9 | 
10 |     render() {
11 |         return (
12 |             <div>
13 |                影院的相关内容
14 | 
15 |             </div>
16 |         );
17 |     }
18 | }
19 | 
20 | export default App;
21 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>kerwintest</title>
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
 7 |     <!-- <link rel="stylesheet" type="text/css" href=""> -->
 8 |   </head>
 9 |   <body>
10 |     <div id="box"></div>
11 |     <script src="/dist/index.bundle.js"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/src/components/ComingSoon/index.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import "./index.scss";
 3 | 
 4 | class App extends Component {
 5 |    
 6 |     constructor(props) {
 7 |         super(props);
 8 |     }
 9 | 
10 |     render() {
11 |         return (
12 |             <div>
13 |                参考正在热映,把列表中的Item做出组件，进行复用
14 | 
15 |             </div>
16 |         );
17 |     }
18 | }
19 | 
20 | export default App;
21 | 


--------------------------------------------------------------------------------
/src/components/Film/index.scss:
--------------------------------------------------------------------------------
 1 | .filmselected{
 2 | 	border-bottom:3px solid red;
 3 | 	color:#fe6e00!important;
 4 | }
 5 | 
 6 | .filmnav{
 7 | 	display:flex;
 8 | 	padding:0px 10px;
 9 | 	li{
10 | 		flex:1;
11 | 		height: 40px;
12 | 		line-height: 40px;
13 | 		text-align: center;
14 | 		list-style: none;
15 | 
16 | 		a{
17 | 			text-decoration: none;
18 | 			display: inline-block;
19 | 			width: 100%;
20 | 			height: 100%;
21 | 			
22 | 			&:visited{
23 | 				color:#6a6a6a;
24 | 			}
25 | 
26 | 			&:link{
27 | 				color:#6a6a6a;
28 | 			}
29 | 		}
30 | 	}
31 | }
32 | 
33 | 


--------------------------------------------------------------------------------
/src/components/Home/index.scss:
--------------------------------------------------------------------------------
 1 | .homeplayinglist{
 2 | 	margin-top:17px;
 3 | 	li{
 4 | 		list-style: none;
 5 | 		margin: 0 17px 17px 17px;
 6 | 	    background-color: #f9f9f9;
 7 | 	    -webkit-box-shadow: 0.5px 0.5px 1px #a8a8a8;
 8 | 	    -moz-box-shadow: 0.5px 0.5px 1px #a8a8a8;
 9 | 	    box-shadow: 0.5px 0.5px 1px #a8a8a8;
10 | 	    cursor: pointer;
11 | 		img{
12 | 			width: 100%;
13 | 		}
14 | 
15 | 		h3{
16 | 			font-size: 12px;
17 |    			 line-height: 15px;
18 | 		}
19 | 
20 | 		p{
21 | 			    font-size: 8px;
22 | 			    color: #9a9a9a;
23 | 			    line-height: 15px;
24 | 		}
25 | 		&:active{
26 | 
27 | 		}
28 | 	}
29 | }


--------------------------------------------------------------------------------
/src/components/NowPlaying/index.scss:
--------------------------------------------------------------------------------
 1 | .playinglist{
 2 | 	li{
 3 | 		padding:10px;
 4 | 		overflow: hidden;
 5 | 		border-bottom: dashed 1px #c9c9c9;
 6 | 		img{
 7 | 				float:left;
 8 | 				width: 60px;
 9 | 		}
10 | 		.content{
11 | 			overflow: hidden;
12 | 			padding:10px;
13 | 			h3{
14 | 				font-size: 16px;
15 | 			    line-height: 32px;
16 | 			    color: #000;
17 | 			}
18 | 			p{
19 | 				height: 24px;
20 | 			    line-height: 24px;
21 | 			    color: #8e8e8e;
22 | 			    font-size: 12px;
23 | 			    overflow: hidden;
24 | 			    text-overflow: ellipsis;
25 | 			    white-space: nowrap;
26 | 			    width: 100%;
27 | 			}
28 | 		}
29 | 		
30 | 	}
31 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "test",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "webpack.config.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1",
 8 |     "dev": "webpack-dev-server --inline --hot --open",
 9 |     "build": " webpack --progress --hide-modules"
10 |   },
11 |   "author": "",
12 |   "license": "ISC",
13 |   "devDependencies": {
14 |     "axios": "^0.16.1",
15 |     "babel-core": "^6.23.1",
16 |     "babel-loader": "^6.4.0",
17 |     "babel-preset-es2015": "^6.22.0",
18 |     "babel-preset-react": "^6.23.0",
19 |     "css-loader": "^0.26.2",
20 |     "file-loader": "^0.10.1",
21 |     "node-sass": "^4.5.2",
22 |     "react": "^15.4.2",
23 |     "react-dom": "^15.4.2",
24 |     "react-router": "^4.1.1",
25 |     "react-router-dom": "^4.1.1",
26 |     "react-swipe": "^5.0.8",
27 |     "sass-loader": "^6.0.3",
28 |     "style-loader": "^0.13.2",
29 |     "webpack": "^2.2.1",
30 |     "webpack-dev-server": "^2.4.1"
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/src/components/Detail/index.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import React, { Component } from 'react';
 3 | import "./index.scss";
 4 | import axios from "axios";
 5 | class App extends Component {
 6 |    
 7 |     constructor(props) {
 8 |         super(props);
 9 |         this.state={
10 |             info:null
11 |         }
12 |     }
13 | 
14 |     componentWillMount() {
15 |         axios.get(`/v4/api/film/${this.props.match.params.kerwinId}`).then(res=>{
16 |             this.setState({
17 |                 info:res.data.data.film
18 |             })
19 |         })
20 | 
21 |     }
22 | 
23 |     render() {
24 |         return (
25 |             <div>
26 |                 {
27 |                     this.state.info
28 |                     ?<div className="detailContent">
29 |                         <img src={this.state.info.cover.origin}/>
30 |                         <h3>{this.state.info.name}</h3>
31 |                         <p>{this.state.info.synopsis}</p>
32 |                       </div>
33 |                     :null
34 |                 }
35 |             </div>
36 |         );
37 |     }
38 | }
39 | 
40 | export default App;
41 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Kerwin
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/components/Film/index.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import "./index.scss";
 3 | import NowPlaying from "../NowPlaying/index"; 
 4 | import ComingSoon from "../ComingSoon/index"; 
 5 | import {
 6 |   NavLink
 7 | } from 'react-router-dom'
 8 | class App extends Component {
 9 |    
10 |     constructor(props) {
11 |         super(props);
12 |     }
13 | 
14 | 
15 |     componentWillMount() {
16 |       
17 |     }
18 | 
19 |     render() {
20 |         return (
21 |             <div>
22 |                 <ul className="filmnav">
23 |                      <li><NavLink
24 |                               to="/film/now-playing"
25 |                               activeClassName="filmselected"
26 |                             >正在热映</NavLink>
27 |                      </li>
28 |                      <li><NavLink
29 |                               to="/film/coming-soon"
30 |                               activeClassName="filmselected"
31 |                             >即将上映</NavLink>
32 |                      </li>
33 |                 </ul>
34 | 
35 |                {this.props.children}
36 |             </div>
37 |         );
38 |     }
39 | }
40 | 
41 | export default App;
42 | 


--------------------------------------------------------------------------------
/src/components/App/index.scss:
--------------------------------------------------------------------------------
  1 | *{
  2 | 	margin:0px;
  3 | 	padding:0px;
  4 | 	box-sizing:border-box;
  5 | }
  6 | 
  7 | html,body{
  8 | 	height:100%;
  9 | 	width:100%;
 10 | }
 11 | 
 12 | header {
 13 | 	color:white;
 14 | 	height:50px;
 15 | 	line-height:50px;
 16 | 	background:#282828;
 17 | 	position:fixed;
 18 | 	left:0px;
 19 | 	top:0px;
 20 | 	width:100%;
 21 | 	z-index:10;
 22 | 	.left{
 23 | 		float:left;
 24 | 
 25 | 	}
 26 | 
 27 | 	i{
 28 | 		padding:0px 10px;
 29 | 		height: 100%;
 30 | 		display: inline-block;
 31 | 		&:active{
 32 | 			background:#383636;
 33 | 		}
 34 | 	}
 35 | 	.right{
 36 | 		float:right;
 37 | 		
 38 | 	}
 39 | }
 40 | 
 41 | section{
 42 | 	padding-top:50px;
 43 | }
 44 | 
 45 | nav{
 46 | 	position:absolute;
 47 | 	left:0px;
 48 | 	width:50%;
 49 | 	height:100%;
 50 | 	top:0px;
 51 | 	background:#282828;
 52 | 	padding-top:50px;
 53 | 	z-index:2;
 54 | 	li{
 55 | 	
 56 | 		a{
 57 | 			text-decoration: none;
 58 | 			display: inline-block;
 59 | 			width: 100%;
 60 | 			height: 100%;
 61 | 			padding:10px;
 62 | 			&:visited{
 63 | 				color:white;
 64 | 			}
 65 | 
 66 | 			&:link{
 67 | 				color:white;
 68 | 			}
 69 | 		}
 70 | 	}
 71 | }
 72 | 
 73 | 
 74 | .show{
 75 | 	animation:kerwinshow 0.5s 1 both;
 76 | }
 77 | 
 78 | @keyframes kerwinshow{
 79 | 	from{
 80 | 		transform:translateX(-100%);
 81 | 		opacity: 0;
 82 | 	}
 83 | 
 84 | 	to{
 85 | 		transform:translateX(0%);
 86 | 		opacity:1;
 87 | 	}
 88 | }
 89 | 
 90 | .hide{
 91 | 	animation:kerwinhide 0.5s 1 both;
 92 | }
 93 | 
 94 | @keyframes kerwinhide{
 95 | 	from{
 96 | 		transform:translateX(0%);
 97 | 		opacity: 1;
 98 | 	}
 99 | 
100 | 	to{
101 | 		transform:translateX(-100%);
102 | 		opacity:0;
103 | 	}
104 | }
105 | 
106 | .selected{
107 | 	background:#383636;
108 | }


--------------------------------------------------------------------------------
/src/components/NowPlaying/index.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import "./index.scss";
 3 | import axios from "axios";
 4 | class App extends Component {
 5 |    
 6 |     constructor(props) {
 7 |         super(props);
 8 | 
 9 |         this.state={
10 |             datalist:[]
11 |         }
12 |     }
13 | 
14 |     componentWillMount() {
15 |         axios.get("/v4/api/film/now-playing",{
16 |             params:{
17 |                 page:1,
18 |                 count:7
19 |             }
20 |         }).then(res=>{
21 |             console.log(res.data);
22 |             this.setState({
23 |                 datalist:res.data.data.films
24 |             })
25 |         })
26 |     }
27 | 
28 |     componentDidMount() {
29 |         window.onscroll = function(){
30 |             console.log("准备无限加载判断");
31 |         }
32 |     }
33 |    
34 |     componentWillUnmount() {
35 |         //在这里可以cancelToken ,取消请求
36 |         window.onscroll = null;
37 | 
38 |     }
39 | 
40 |     render() {
41 |         return (
42 |             <div>
43 |                 <ul className="playinglist">
44 |                     {this.state.datalist.map((item,index)=>
45 |                         <li key={item.id} onClick={()=>{
46 |                             this.props.history.push(`/detail/${item.id}`)
47 |                         }}>
48 |                             <img src={item.poster.thumbnail}/>
49 |                             <div className="content">
50 |                                 <h3>{item.name}</h3>
51 |                                 <p>{item.intro}</p>
52 |                             </div>
53 |                         </li>
54 |                     )}
55 |                 </ul>
56 |             </div>
57 |         );
58 |     }
59 | }
60 | 
61 | export default App;
62 | 


--------------------------------------------------------------------------------
/src/router.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import {
 3 |   BrowserRouter as Router,
 4 |   Route,
 5 |   Link,
 6 |   Redirect,
 7 |   Switch
 8 | } from 'react-router-dom'
 9 | 
10 | import App from "./components/App/index"; 
11 | import Home from "./components/Home/index"; 
12 | import Cinema from "./components/Cinema/index"; 
13 | import Me from "./components/Me/index"; 
14 | import Card from "./components/Card/index"; 
15 | import Film from "./components/Film/index"; 
16 | import NowPlaying from "./components/NowPlaying/index"; 
17 | import ComingSoon from "./components/ComingSoon/index"; 
18 | import Detail from "./components/Detail/index"; 
19 | const router = (
20 |   <Router>
21 |     <App>
22 |       <Switch> {/*Renders the first child <Route> or <Redirect> that matches the location.*/}
23 |       <Route path="/home" component={Home} />
24 |       <Route path="/film" render={()=>
25 |         <Film>
26 |           <Switch>{/*Renders the first child <Route> or <Redirect> that matches the location.*/}
27 |              <Route path="/film/now-playing" component={NowPlaying}/>
28 |              <Route path="/film/coming-soon" component={ComingSoon}/>
29 |              <Redirect from="/film" to="/film/now-playing"/> {/*重定向*/}
30 |           </Switch>
31 |         </Film>
32 |       }>
33 |       </Route>
34 |       <Route path="/cinema" component={Cinema}>
35 |       </Route>
36 |       <Route path="/me" component={Me}>
37 |       </Route>
38 |       <Route path="/card" component={Card} >
39 |       </Route>
40 |       <Route path="/detail/:kerwinId" render={props=>
41 |           <Detail {...props} kerwin="OK"/>
42 |       }>
43 |       </Route>
44 |       <Redirect from="/" to="/home"/> {/*重定向*/}
45 | 
46 |       </Switch>
47 |     </App>
48 |   </Router>
49 | ) 
50 | 
51 | export default router; 


--------------------------------------------------------------------------------
/src/components/Home/index.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import "./index.scss";
 3 | import ReactSwipe from 'react-swipe';
 4 | import axios from "axios";
 5 | class App extends Component {
 6 |    
 7 |     constructor(props) {
 8 |         super(props);
 9 |         this.state={
10 |             datalist:[],
11 |             playinglist:[]
12 |         }
13 |     }
14 | 
15 |     componentWillMount() {
16 |         console.log(this.state.datalist.length)
17 |         axios.get("/v4/api/billboard/home").then(res=>{
18 |             //接口错误排除
19 |             if(res.data.data.billboards){
20 |                 this.setState({
21 |                     datalist:res.data.data.billboards
22 |                 })
23 |             }
24 |             
25 |         })
26 |         axios.get("/v4/api/film/now-playing").then(res=>{
27 |             this.setState({
28 |                 playinglist:res.data.data.films
29 |             })
30 | 
31 |         })         
32 |     }
33 | 
34 |     render() {
35 |         return (
36 |             <div className="home">
37 |                <ReactSwipe className="carousel" swipeOptions={{continuous: true,auto: 3000,
38 | }} key={this.state.datalist.length}>
39 |                 {
40 |                     this.state.datalist.map((item)=>
41 |                         <div key={item.id} >
42 |                             <img src={item.imageUrl} style={{width:"100%"}}/>
43 |                         </div>
44 |                     )
45 |                 }
46 | 
47 |                 
48 |                </ReactSwipe>
49 |                <ul className="homeplayinglist">
50 |                     {
51 |                         this.state.playinglist.map((item,index)=>
52 |                         <li key={item.id} onClick={()=>{
53 |                             this.props.history.push(`/detail/${item.id}`);
54 |                         }}>
55 |                             <img src={item.cover.origin}/>
56 |                             <h3>{item.name}</h3>
57 |                             <p>{item.cinemaCount+"家影院上映  "+item.watchCount+"人购票"}</p>
58 |                         </li>
59 |                         )
60 |                     }
61 |                 </ul>
62 |             </div>
63 |         );
64 |     }
65 | }
66 | 
67 | export default App;
68 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | var webpack =require("webpack");
 2 | 
 3 | module.exports = {
 4 |     devtool:"source-map",
 5 |     entry: {
 6 |         index:__dirname + "/src/index.js"
 7 |     }, //已多次提及的唯一入口文件
 8 |     output: {
 9 |         path: __dirname + "/dist", //打包后的文件存放的地方
10 |         filename: "[name].bundle.js",//打包后输出文件的文件名
11 |         publicPath:"/dist/"   //webpack output is served from
12 | 
13 |     },
14 | 
15 |     devServer: {
16 |         inline:true,
17 |         contentBase: "./",  //content not from webpack is serverd
18 |         port: '8088',
19 | 
20 |         historyApiFallback: true,
21 | 
22 |             //配置服务器
23 |         proxy:{
24 |            '/v4/api/*': {
25 |                   target: 'http://m.maizuo.com',
26 |                   host: 'm.maizuo.com',
27 |                   changeOrigin:true
28 |               }
29 |         }
30 | 
31 |         /*
32 |           在前端 发起 /v4/api/billboard/home请求
33 | 
34 |                 转发到  http://m.maizuo.com/v4/api/billboard/home
35 |          */
36 |     },
37 | 
38 | 
39 |     module:{
40 |         loaders:[
41 |          
42 |             {
43 |                 test: /\.css$/,
44 |                 loader: 'style-loader!css-loader'//添加对样式表的处理,内联样式
45 |             },
46 | 
47 |             {
48 |                 test:/\.js$/, //随便起的test 名字
49 |                 exclude: /node_modules/, //排除一个
50 |                 // exclude: /(node_modules|src)/, //*****排除多个怎么写？？？
51 |                 loader:'babel-loader',
52 |                 query:{
53 |                     presets:['es2015','react']
54 |                 }
55 |                 
56 |             },
57 | 
58 |             {
59 |                 test: /\.scss$/,
60 |                 loader:'style-loader!css-loader!sass-loader'
61 |             },
62 | 
63 |             {
64 |                 test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
65 |                 loader: 'file-loader',
66 |                 options: {
67 |                   name: 'fonts/[name].[ext]?[hash]' //目标文件夹
68 |                 }
69 |             }, //添加对字体文件的支持。
70 | 
71 |             {
72 |                 test: /\.(png|jpg|gif|svg)$/,
73 |                 loader: 'file-loader',
74 |                 options: {
75 |                   name: 'img/[name].[ext]'
76 |                 }
77 |                  //(1)将代码中依赖的图片资源复制到目标文件夹img/文件夹下面
78 |                  //(2)自动更新静态url地址(根据publicPath)。
79 |             }
80 |             
81 |         ]
82 |     },
83 | 
84 |     plugins:[
85 |         // new webpack.optimize.UglifyJsPlugin({
86 |         //   output: {
87 |         //     comments: false,  // 移除所有的注释
88 |         //   },
89 |         //   compress: {
90 |         //     warnings: false
91 |         //   }
92 |         // })
93 |     ]    
94 | }
95 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # react-router-v4-maizuo
 2 | 
 3 | ### React Router V4 正式版发布，该版本相较于前面三个版本有根本性变化，遵循 Just Component 的 API 设计理念。此项目是正是基于react router-v4.0的最佳实践
 4 | 
 5 | 
 6 | 
 7 | # 说明 
 8 | 
 9 | >  这个项目是关于 react+react-router-4.0版本+ES6+webapck 单页面应用实战
10 | 
11 | >  webpack-dev-server的反向代理配置,解决前端跨域问题.
12 | 
13 | >  如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^
14 | 
15 | >  或者您可以 "follow" 一下，我会继续开源项目
16 | 
17 | >  如有问题请在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍
18 | 
19 | 
20 | # 项目运行（nodejs 6.0+）
21 | 
22 | ``` bash
23 | # 1. git clone git@github.com:liupeijun/react-router-v4-maizuo.git
24 | 
25 | # 2. 进入 目录, 安装依赖, 启动webpack dev server
26 | 
27 | cd react-router-v4-maizuo 
28 | 
29 | cnpm install(******因为使用了sass，为了顺利完成安装，最好使用cnpm install******)
30 | 
31 | npm run dev  (开发环境)
32 | 
33 | ```
34 | 
35 | # 效果演示
36 | <p>
37 |   <img src="https://github.com/liupeijun/react-router-v4-maizuo/blob/master/screenshot/1.png" width="200" float="left"/>
38 |   <img src="https://github.com/liupeijun/react-router-v4-maizuo/blob/master/screenshot/2.png" width="200" float="left"/>
39 |   <img src="https://github.com/liupeijun/react-router-v4-maizuo/blob/master/screenshot/3.png" width="200" float="left"/>
40 |   <img src="https://github.com/liupeijun/react-router-v4-maizuo/blob/master/screenshot/4.png" width="200" float="left"/>
41 | </p>
42 | 
43 | 
44 | # 路由配置
45 | ``` bash
46 |     const router = (
47 |       <Router>
48 |         <App>
49 |           <Switch> {/*Renders the first child <Route> or <Redirect> that matches the location.*/}
50 |           <Route path="/home" component={Home} />
51 |           <Route path="/film" render={()=>
52 |             <Film>
53 |               <Switch>{/*Renders the first child <Route> or <Redirect> that matches the location.*/}
54 |                  <Route path="/film/now-playing" component={NowPlaying}/>
55 |                  <Route path="/film/coming-soon" component={ComingSoon}/>
56 |                  <Redirect from="/film" to="/film/now-playing"/> {/*重定向*/}
57 |               </Switch>
58 |             </Film>
59 |           }>
60 |           </Route>
61 |           <Route path="/cinema" component={Cinema}>
62 |           </Route>
63 |           <Route path="/me" component={Me}>
64 |           </Route>
65 |           <Route path="/card" component={Card} >
66 |           </Route>
67 |           <Route path="/detail/:kerwinId" render={props=>
68 |               <Detail {...props}/>
69 |           }>
70 |           </Route>
71 |           <Redirect from="/" to="/home"/> {/*重定向*/}
72 |           </Switch>
73 |         </App>
74 |       </Router>
75 |     )
76 | 
77 | ```
78 | 
79 | # 待办事项
80 | 
81 | >  其他页面完善
82 | >  引入redux管理状态
83 | 
84 | ## License
85 | 
86 | [MIT](http://opensource.org/licenses/MIT)
87 | 
88 | Copyright (c) 2016-present, Kerwin Liu
89 | 
90 | 


--------------------------------------------------------------------------------
/src/components/App/index.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import "./index.scss";
 3 | import "../../assets/iconfont/iconfont.css";
 4 | import {
 5 |  NavLink
 6 | } from 'react-router-dom'
 7 | class App extends Component {
 8 |    
 9 |     constructor(props) {
10 |         super(props);
11 |         this.state={
12 |             isShow:false,
13 |             firstShow:true
14 |         }
15 |     }
16 | 
17 |     render() {
18 |         return (
19 |         	<div>
20 |         	   <header>
21 | 	        	   	<div className="left">
22 | 	        	   		<i className="icon-category iconfont" onClick={()=>{
23 |                             this.setState({
24 |                                 isShow:!this.state.isShow,
25 |                                 firstShow:false
26 |                             })
27 |                         }}></i> 
28 | 	        	   		<span>卖座电影</span>
29 | 	        	   	</div>
30 | 	        	   	<div className="right">
31 | 	        	   		
32 | 	        	   		<span>青岛</span>
33 | 	        	   		<i className="icon-account iconfont"></i>
34 | 	        	   	</div>
35 |         	   </header>
36 | 
37 |                 <nav className={this.state.isShow?'show':'hide'} style={{display:this.state.firstShow?'none':'block'}}>
38 |                     <ul onClick={()=>{
39 |                          this.setState({
40 |                                 isShow:!this.state.isShow
41 |                          })
42 |                     }}>
43 |                         <li><NavLink
44 |                               to="/home"
45 |                               activeClassName="selected"
46 |                             >主页</NavLink>
47 |                         </li>
48 |                          <li><NavLink
49 |                               to="/film"
50 |                               activeClassName="selected"
51 |                             >影片</NavLink>
52 |                         </li>
53 |                          <li><NavLink
54 |                               to="/cinema"
55 |                               activeClassName="selected"
56 |                             >影院</NavLink>
57 |                         </li>
58 |                          <li><NavLink
59 |                               to="/me"
60 |                               activeClassName="selected"
61 |                             >我的</NavLink>
62 |                         </li>
63 |                          <li><NavLink
64 |                               to="/card"
65 |                               activeClassName="selected"
66 |                             >卖座卡</NavLink>
67 |                         </li>
68 |                     </ul>
69 | 
70 |                 </nav>
71 | 
72 |         	   <section>
73 |         	       {this.props.children}
74 |         	   </section>
75 | 
76 |         	</div>
77 |         );
78 |     }
79 | }
80 | 
81 | export default App;
82 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.css:
--------------------------------------------------------------------------------
  1 | 
  2 | @font-face {font-family: "iconfont";
  3 |   src: url('iconfont.eot?t=1493196342498'); /* IE9*/
  4 |   src: url('iconfont.eot?t=1493196342498#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5 |   url('iconfont.woff?t=1493196342498') format('woff'), /* chrome, firefox */
  6 |   url('iconfont.ttf?t=1493196342498') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  7 |   url('iconfont.svg?t=1493196342498#iconfont') format('svg'); /* iOS 4.1- */
  8 | }
  9 | 
 10 | .iconfont {
 11 |   font-family:"iconfont" !important;
 12 |   font-size:16px;
 13 |   font-style:normal;
 14 |   -webkit-font-smoothing: antialiased;
 15 |   -moz-osx-font-smoothing: grayscale;
 16 | }
 17 | 
 18 | .icon-all:before { content: "\e696"; }
 19 | 
 20 | .icon-back:before { content: "\e697"; }
 21 | 
 22 | .icon-cart:before { content: "\e698"; }
 23 | 
 24 | .icon-category:before { content: "\e699"; }
 25 | 
 26 | .icon-close:before { content: "\e69a"; }
 27 | 
 28 | .icon-comments:before { content: "\e69b"; }
 29 | 
 30 | .icon-cry:before { content: "\e69c"; }
 31 | 
 32 | .icon-delete:before { content: "\e69d"; }
 33 | 
 34 | .icon-edit:before { content: "\e69e"; }
 35 | 
 36 | .icon-email:before { content: "\e69f"; }
 37 | 
 38 | .icon-favorite:before { content: "\e6a0"; }
 39 | 
 40 | .icon-folder:before { content: "\e6a1"; }
 41 | 
 42 | .icon-form:before { content: "\e6a2"; }
 43 | 
 44 | .icon-help:before { content: "\e6a3"; }
 45 | 
 46 | .icon-information:before { content: "\e6a4"; }
 47 | 
 48 | .icon-less:before { content: "\e6a5"; }
 49 | 
 50 | .icon-moreunfold:before { content: "\e6a6"; }
 51 | 
 52 | .icon-more:before { content: "\e6a7"; }
 53 | 
 54 | .icon-pic:before { content: "\e6a8"; }
 55 | 
 56 | .icon-qrcode:before { content: "\e6a9"; }
 57 | 
 58 | .icon-refresh:before { content: "\e6aa"; }
 59 | 
 60 | .icon-rfq:before { content: "\e6ab"; }
 61 | 
 62 | .icon-search:before { content: "\e6ac"; }
 63 | 
 64 | .icon-selected:before { content: "\e6ad"; }
 65 | 
 66 | .icon-set:before { content: "\e6ae"; }
 67 | 
 68 | .icon-smile:before { content: "\e6af"; }
 69 | 
 70 | .icon-success:before { content: "\e6b1"; }
 71 | 
 72 | .icon-survey:before { content: "\e6b2"; }
 73 | 
 74 | .icon-training:before { content: "\e6b3"; }
 75 | 
 76 | .icon-viewgallery:before { content: "\e6b4"; }
 77 | 
 78 | .icon-viewlist:before { content: "\e6b5"; }
 79 | 
 80 | .icon-warning:before { content: "\e6b6"; }
 81 | 
 82 | .icon-wrong:before { content: "\e6b7"; }
 83 | 
 84 | .icon-account:before { content: "\e6b8"; }
 85 | 
 86 | .icon-add:before { content: "\e6b9"; }
 87 | 
 88 | .icon-atm:before { content: "\e6ba"; }
 89 | 
 90 | .icon-clock:before { content: "\e6bb"; }
 91 | 
 92 | .icon-remind:before { content: "\e6bc"; }
 93 | 
 94 | .icon-calendar:before { content: "\e6bf"; }
 95 | 
 96 | .icon-attachment:before { content: "\e6c0"; }
 97 | 
 98 | .icon-3column:before { content: "\e6c3"; }
 99 | 
100 | .icon-4column:before { content: "\e6c4"; }
101 | 
102 | .icon-discount:before { content: "\e6c5"; }
103 | 
104 | .icon-service:before { content: "\e6c7"; }
105 | 
106 | .icon-print:before { content: "\e6c9"; }
107 | 
108 | .icon-box:before { content: "\e6cb"; }
109 | 
110 | .icon-process:before { content: "\e6ce"; }
111 | 
112 | .icon-bags:before { content: "\e6d1"; }
113 | 
114 | .icon-beauty:before { content: "\e6d2"; }
115 | 
116 | .icon-electrical:before { content: "\e6d4"; }
117 | 
118 | .icon-electronics:before { content: "\e6da"; }
119 | 
120 | .icon-gifts:before { content: "\e6db"; }
121 | 
122 | .icon-apparel:before { content: "\e6dc"; }
123 | 
124 | .icon-atmaway:before { content: "\e6e9"; }
125 | 
126 | .icon-rfq1:before { content: "\e6eb"; }
127 | 
128 | .icon-scanning:before { content: "\e6ec"; }
129 | 
130 | .icon-filter:before { content: "\e6f1"; }
131 | 
132 | .icon-pin:before { content: "\e6f2"; }
133 | 
134 | .icon-history:before { content: "\e6f3"; }
135 | 
136 | .icon-productfeatures:before { content: "\e6f4"; }
137 | 
138 | .icon-supplierfeatures:before { content: "\e6f5"; }
139 | 
140 | .icon-similarproduct:before { content: "\e6f6"; }
141 | 
142 | .icon-link:before { content: "\e6f7"; }
143 | 
144 | .icon-cut:before { content: "\e6f8"; }
145 | 
146 | .icon-navlist:before { content: "\e6fa"; }
147 | 
148 | .icon-imagetext:before { content: "\e6fb"; }
149 | 
150 | .icon-text:before { content: "\e6fc"; }
151 | 
152 | .icon-move:before { content: "\e6fd"; }
153 | 
154 | .icon-subtract:before { content: "\e6fe"; }
155 | 
156 | .icon-dollar:before { content: "\e702"; }
157 | 
158 | .icon-raw:before { content: "\e704"; }
159 | 
160 | .icon-office:before { content: "\e705"; }
161 | 
162 | .icon-agriculture:before { content: "\e707"; }
163 | 
164 | .icon-machinery:before { content: "\e709"; }
165 | 
166 | .icon-assessedbadge:before { content: "\e70a"; }
167 | 
168 | .icon-gerenzhongxin:before { content: "\e70b"; }
169 | 
170 | .icon-jifen:before { content: "\e70c"; }
171 | 
172 | .icon-operation:before { content: "\e70e"; }
173 | 
174 | .icon-remind1:before { content: "\e713"; }
175 | 
176 | .icon-icondownload:before { content: "\e714"; }
177 | 
178 | .icon-map:before { content: "\e715"; }
179 | 
180 | .icon-good:before { content: "\e717"; }
181 | 
182 | .icon-skip:before { content: "\e718"; }
183 | 
184 | .icon-iconfontplay2:before { content: "\e719"; }
185 | 
186 | .icon-iconfontstop:before { content: "\e71a"; }
187 | 
188 | .icon-compass:before { content: "\e71b"; }
189 | 
190 | .icon-security:before { content: "\e71c"; }
191 | 
192 | .icon-share:before { content: "\e71d"; }
193 | 
194 | .icon-store:before { content: "\e722"; }
195 | 
196 | .icon-rejectedorder:before { content: "\e724"; }
197 | 
198 | .icon-phone:before { content: "\e725"; }
199 | 
200 | .icon-bussinessman:before { content: "\e726"; }
201 | 
202 | .icon-mobilephone:before { content: "\e72a"; }
203 | 
204 | .icon-emailfilling:before { content: "\e72d"; }
205 | 
206 | .icon-favoritesfilling:before { content: "\e730"; }
207 | 
208 | .icon-accountfilling:before { content: "\e732"; }
209 | 
210 | .icon-creditlevelfilling:before { content: "\e736"; }
211 | 
212 | .icon-exl:before { content: "\e73f"; }
213 | 
214 | .icon-pdf:before { content: "\e740"; }
215 | 
216 | .icon-zip:before { content: "\e741"; }
217 | 
218 | .icon-sorting:before { content: "\e743"; }
219 | 
220 | .icon-copy:before { content: "\e744"; }
221 | 
222 | .icon-hot:before { content: "\e756"; }
223 | 
224 | .icon-trade:before { content: "\e758"; }
225 | 
226 | .icon-component:before { content: "\e75e"; }
227 | 
228 | .icon-color:before { content: "\e760"; }
229 | 
230 | .icon-color-filling:before { content: "\e7cd"; }
231 | 
232 | .icon-favorites:before { content: "\e7ce"; }
233 | 
234 | .icon-RFQ:before { content: "\e803"; }
235 | 
236 | .icon-originalimage:before { content: "\e806"; }
237 | 
238 | .icon-logistic:before { content: "\e811"; }
239 | 
240 | .icon-video:before { content: "\e820"; }
241 | 
242 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/demo.css:
--------------------------------------------------------------------------------
  1 | *{margin: 0;padding: 0;list-style: none;}
  2 | /*
  3 | KISSY CSS Reset
  4 | 理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
  5 | 2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
  6 | 3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
  7 | 特色：1. 适应中文；2. 基于最新主流浏览器。
  8 | 维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
  9 |  */
 10 | 
 11 | /** 清除内外边距 **/
 12 | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
 13 | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
 14 | pre, /* text formatting elements 文本格式元素 */
 15 | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
 16 | th, td /* table elements 表格元素 */ {
 17 |   margin: 0;
 18 |   padding: 0;
 19 | }
 20 | 
 21 | /** 设置默认字体 **/
 22 | body,
 23 | button, input, select, textarea /* for ie */ {
 24 |   font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
 25 | }
 26 | h1, h2, h3, h4, h5, h6 { font-size: 100%; }
 27 | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
 28 | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
 29 | small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
 30 | 
 31 | /** 重置列表元素 **/
 32 | ul, ol { list-style: none; }
 33 | 
 34 | /** 重置文本格式元素 **/
 35 | a { text-decoration: none; }
 36 | a:hover { text-decoration: underline; }
 37 | 
 38 | 
 39 | /** 重置表单元素 **/
 40 | legend { color: #000; } /* for ie6 */
 41 | fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
 42 | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
 43 | /* 注：optgroup 无法扶正 */
 44 | 
 45 | /** 重置表格元素 **/
 46 | table { border-collapse: collapse; border-spacing: 0; }
 47 | 
 48 | /* 清除浮动 */
 49 | .ks-clear:after, .clear:after {
 50 |   content: '\20';
 51 |   display: block;
 52 |   height: 0;
 53 |   clear: both;
 54 | }
 55 | .ks-clear, .clear {
 56 |   *zoom: 1;
 57 | }
 58 | 
 59 | .main {
 60 |   padding: 30px 100px;
 61 | width: 960px;
 62 | margin: 0 auto;
 63 | }
 64 | .main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
 65 | 
 66 | .helps{margin-top:40px;}
 67 | .helps pre{
 68 |   padding:20px;
 69 |   margin:10px 0;
 70 |   border:solid 1px #e7e1cd;
 71 |   background-color: #fffdef;
 72 |   overflow: auto;
 73 | }
 74 | 
 75 | .icon_lists{
 76 |   width: 100% !important;
 77 | 
 78 | }
 79 | 
 80 | .icon_lists li{
 81 |   float:left;
 82 |   width: 100px;
 83 |   height:180px;
 84 |   text-align: center;
 85 |   list-style: none !important;
 86 | }
 87 | .icon_lists .icon{
 88 |   font-size: 42px;
 89 |   line-height: 100px;
 90 |   margin: 10px 0;
 91 |   color:#333;
 92 |   -webkit-transition: font-size 0.25s ease-out 0s;
 93 |   -moz-transition: font-size 0.25s ease-out 0s;
 94 |   transition: font-size 0.25s ease-out 0s;
 95 | 
 96 | }
 97 | .icon_lists .icon:hover{
 98 |   font-size: 100px;
 99 | }
100 | 
101 | 
102 | 
103 | .markdown {
104 |   color: #666;
105 |   font-size: 14px;
106 |   line-height: 1.8;
107 | }
108 | 
109 | .highlight {
110 |   line-height: 1.5;
111 | }
112 | 
113 | .markdown img {
114 |   vertical-align: middle;
115 |   max-width: 100%;
116 | }
117 | 
118 | .markdown h1 {
119 |   color: #404040;
120 |   font-weight: 500;
121 |   line-height: 40px;
122 |   margin-bottom: 24px;
123 | }
124 | 
125 | .markdown h2,
126 | .markdown h3,
127 | .markdown h4,
128 | .markdown h5,
129 | .markdown h6 {
130 |   color: #404040;
131 |   margin: 1.6em 0 0.6em 0;
132 |   font-weight: 500;
133 |   clear: both;
134 | }
135 | 
136 | .markdown h1 {
137 |   font-size: 28px;
138 | }
139 | 
140 | .markdown h2 {
141 |   font-size: 22px;
142 | }
143 | 
144 | .markdown h3 {
145 |   font-size: 16px;
146 | }
147 | 
148 | .markdown h4 {
149 |   font-size: 14px;
150 | }
151 | 
152 | .markdown h5 {
153 |   font-size: 12px;
154 | }
155 | 
156 | .markdown h6 {
157 |   font-size: 12px;
158 | }
159 | 
160 | .markdown hr {
161 |   height: 1px;
162 |   border: 0;
163 |   background: #e9e9e9;
164 |   margin: 16px 0;
165 |   clear: both;
166 | }
167 | 
168 | .markdown p,
169 | .markdown pre {
170 |   margin: 1em 0;
171 | }
172 | 
173 | .markdown > p,
174 | .markdown > blockquote,
175 | .markdown > .highlight,
176 | .markdown > ol,
177 | .markdown > ul {
178 |   width: 80%;
179 | }
180 | 
181 | .markdown ul > li {
182 |   list-style: circle;
183 | }
184 | 
185 | .markdown > ul li,
186 | .markdown blockquote ul > li {
187 |   margin-left: 20px;
188 |   padding-left: 4px;
189 | }
190 | 
191 | .markdown > ul li p,
192 | .markdown > ol li p {
193 |   margin: 0.6em 0;
194 | }
195 | 
196 | .markdown ol > li {
197 |   list-style: decimal;
198 | }
199 | 
200 | .markdown > ol li,
201 | .markdown blockquote ol > li {
202 |   margin-left: 20px;
203 |   padding-left: 4px;
204 | }
205 | 
206 | .markdown code {
207 |   margin: 0 3px;
208 |   padding: 0 5px;
209 |   background: #eee;
210 |   border-radius: 3px;
211 | }
212 | 
213 | .markdown pre {
214 |   border-radius: 6px;
215 |   background: #f7f7f7;
216 |   padding: 20px;
217 | }
218 | 
219 | .markdown pre code {
220 |   border: none;
221 |   background: #f7f7f7;
222 |   margin: 0;
223 | }
224 | 
225 | .markdown strong,
226 | .markdown b {
227 |   font-weight: 600;
228 | }
229 | 
230 | .markdown > table {
231 |   border-collapse: collapse;
232 |   border-spacing: 0px;
233 |   empty-cells: show;
234 |   border: 1px solid #e9e9e9;
235 |   width: 95%;
236 |   margin-bottom: 24px;
237 | }
238 | 
239 | .markdown > table th {
240 |   white-space: nowrap;
241 |   color: #333;
242 |   font-weight: 600;
243 | 
244 | }
245 | 
246 | .markdown > table th,
247 | .markdown > table td {
248 |   border: 1px solid #e9e9e9;
249 |   padding: 8px 16px;
250 |   text-align: left;
251 | }
252 | 
253 | .markdown > table th {
254 |   background: #F7F7F7;
255 | }
256 | 
257 | .markdown blockquote {
258 |   font-size: 90%;
259 |   color: #999;
260 |   border-left: 4px solid #e9e9e9;
261 |   padding-left: 0.8em;
262 |   margin: 1em 0;
263 |   font-style: italic;
264 | }
265 | 
266 | .markdown blockquote p {
267 |   margin: 0;
268 | }
269 | 
270 | .markdown .anchor {
271 |   opacity: 0;
272 |   transition: opacity 0.3s ease;
273 |   margin-left: 8px;
274 | }
275 | 
276 | .markdown .waiting {
277 |   color: #ccc;
278 | }
279 | 
280 | .markdown h1:hover .anchor,
281 | .markdown h2:hover .anchor,
282 | .markdown h3:hover .anchor,
283 | .markdown h4:hover .anchor,
284 | .markdown h5:hover .anchor,
285 | .markdown h6:hover .anchor {
286 |   opacity: 1;
287 |   display: inline-block;
288 | }
289 | 
290 | .markdown > br,
291 | .markdown > p > br {
292 |   clear: both;
293 | }
294 | 
295 | 
296 | .hljs {
297 |   display: block;
298 |   background: white;
299 |   padding: 0.5em;
300 |   color: #333333;
301 |   overflow-x: auto;
302 | }
303 | 
304 | .hljs-comment,
305 | .hljs-meta {
306 |   color: #969896;
307 | }
308 | 
309 | .hljs-string,
310 | .hljs-variable,
311 | .hljs-template-variable,
312 | .hljs-strong,
313 | .hljs-emphasis,
314 | .hljs-quote {
315 |   color: #df5000;
316 | }
317 | 
318 | .hljs-keyword,
319 | .hljs-selector-tag,
320 | .hljs-type {
321 |   color: #a71d5d;
322 | }
323 | 
324 | .hljs-literal,
325 | .hljs-symbol,
326 | .hljs-bullet,
327 | .hljs-attribute {
328 |   color: #0086b3;
329 | }
330 | 
331 | .hljs-section,
332 | .hljs-name {
333 |   color: #63a35c;
334 | }
335 | 
336 | .hljs-tag {
337 |   color: #333333;
338 | }
339 | 
340 | .hljs-title,
341 | .hljs-attr,
342 | .hljs-selector-id,
343 | .hljs-selector-class,
344 | .hljs-selector-attr,
345 | .hljs-selector-pseudo {
346 |   color: #795da3;
347 | }
348 | 
349 | .hljs-addition {
350 |   color: #55a532;
351 |   background-color: #eaffea;
352 | }
353 | 
354 | .hljs-deletion {
355 |   color: #bd2c00;
356 |   background-color: #ffecec;
357 | }
358 | 
359 | .hljs-link {
360 |   text-decoration: underline;
361 | }
362 | 
363 | pre{
364 |   background: #fff;
365 | }
366 | 
367 | 
368 | 
369 | 
370 | 
371 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/demo_fontclass.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html>
  4 | <head>
  5 |     <meta charset="utf-8"/>
  6 |     <title>IconFont</title>
  7 |     <link rel="stylesheet" href="demo.css">
  8 |     <link rel="stylesheet" href="iconfont.css">
  9 | </head>
 10 | <body>
 11 |     <div class="main markdown">
 12 |         <h1>IconFont 图标</h1>
 13 |         <ul class="icon_lists clear">
 14 |             
 15 |                 <li>
 16 |                 <i class="icon iconfont icon-all"></i>
 17 |                     <div class="name">all</div>
 18 |                     <div class="fontclass">.icon-all</div>
 19 |                 </li>
 20 |             
 21 |                 <li>
 22 |                 <i class="icon iconfont icon-back"></i>
 23 |                     <div class="name">back</div>
 24 |                     <div class="fontclass">.icon-back</div>
 25 |                 </li>
 26 |             
 27 |                 <li>
 28 |                 <i class="icon iconfont icon-cart"></i>
 29 |                     <div class="name">cart</div>
 30 |                     <div class="fontclass">.icon-cart</div>
 31 |                 </li>
 32 |             
 33 |                 <li>
 34 |                 <i class="icon iconfont icon-category"></i>
 35 |                     <div class="name">Category</div>
 36 |                     <div class="fontclass">.icon-category</div>
 37 |                 </li>
 38 |             
 39 |                 <li>
 40 |                 <i class="icon iconfont icon-close"></i>
 41 |                     <div class="name">close</div>
 42 |                     <div class="fontclass">.icon-close</div>
 43 |                 </li>
 44 |             
 45 |                 <li>
 46 |                 <i class="icon iconfont icon-comments"></i>
 47 |                     <div class="name">comments</div>
 48 |                     <div class="fontclass">.icon-comments</div>
 49 |                 </li>
 50 |             
 51 |                 <li>
 52 |                 <i class="icon iconfont icon-cry"></i>
 53 |                     <div class="name">cry</div>
 54 |                     <div class="fontclass">.icon-cry</div>
 55 |                 </li>
 56 |             
 57 |                 <li>
 58 |                 <i class="icon iconfont icon-delete"></i>
 59 |                     <div class="name">delete</div>
 60 |                     <div class="fontclass">.icon-delete</div>
 61 |                 </li>
 62 |             
 63 |                 <li>
 64 |                 <i class="icon iconfont icon-edit"></i>
 65 |                     <div class="name">edit</div>
 66 |                     <div class="fontclass">.icon-edit</div>
 67 |                 </li>
 68 |             
 69 |                 <li>
 70 |                 <i class="icon iconfont icon-email"></i>
 71 |                     <div class="name">email</div>
 72 |                     <div class="fontclass">.icon-email</div>
 73 |                 </li>
 74 |             
 75 |                 <li>
 76 |                 <i class="icon iconfont icon-favorite"></i>
 77 |                     <div class="name">favorite</div>
 78 |                     <div class="fontclass">.icon-favorite</div>
 79 |                 </li>
 80 |             
 81 |                 <li>
 82 |                 <i class="icon iconfont icon-folder"></i>
 83 |                     <div class="name">folder</div>
 84 |                     <div class="fontclass">.icon-folder</div>
 85 |                 </li>
 86 |             
 87 |                 <li>
 88 |                 <i class="icon iconfont icon-form"></i>
 89 |                     <div class="name">form</div>
 90 |                     <div class="fontclass">.icon-form</div>
 91 |                 </li>
 92 |             
 93 |                 <li>
 94 |                 <i class="icon iconfont icon-help"></i>
 95 |                     <div class="name">help</div>
 96 |                     <div class="fontclass">.icon-help</div>
 97 |                 </li>
 98 |             
 99 |                 <li>
100 |                 <i class="icon iconfont icon-information"></i>
101 |                     <div class="name">information</div>
102 |                     <div class="fontclass">.icon-information</div>
103 |                 </li>
104 |             
105 |                 <li>
106 |                 <i class="icon iconfont icon-less"></i>
107 |                     <div class="name">less</div>
108 |                     <div class="fontclass">.icon-less</div>
109 |                 </li>
110 |             
111 |                 <li>
112 |                 <i class="icon iconfont icon-moreunfold"></i>
113 |                     <div class="name">more_unfold</div>
114 |                     <div class="fontclass">.icon-moreunfold</div>
115 |                 </li>
116 |             
117 |                 <li>
118 |                 <i class="icon iconfont icon-more"></i>
119 |                     <div class="name">more</div>
120 |                     <div class="fontclass">.icon-more</div>
121 |                 </li>
122 |             
123 |                 <li>
124 |                 <i class="icon iconfont icon-pic"></i>
125 |                     <div class="name">pic</div>
126 |                     <div class="fontclass">.icon-pic</div>
127 |                 </li>
128 |             
129 |                 <li>
130 |                 <i class="icon iconfont icon-qrcode"></i>
131 |                     <div class="name">QRCode</div>
132 |                     <div class="fontclass">.icon-qrcode</div>
133 |                 </li>
134 |             
135 |                 <li>
136 |                 <i class="icon iconfont icon-refresh"></i>
137 |                     <div class="name">refresh</div>
138 |                     <div class="fontclass">.icon-refresh</div>
139 |                 </li>
140 |             
141 |                 <li>
142 |                 <i class="icon iconfont icon-rfq"></i>
143 |                     <div class="name">RFQ</div>
144 |                     <div class="fontclass">.icon-rfq</div>
145 |                 </li>
146 |             
147 |                 <li>
148 |                 <i class="icon iconfont icon-search"></i>
149 |                     <div class="name">search</div>
150 |                     <div class="fontclass">.icon-search</div>
151 |                 </li>
152 |             
153 |                 <li>
154 |                 <i class="icon iconfont icon-selected"></i>
155 |                     <div class="name">selected</div>
156 |                     <div class="fontclass">.icon-selected</div>
157 |                 </li>
158 |             
159 |                 <li>
160 |                 <i class="icon iconfont icon-set"></i>
161 |                     <div class="name">set</div>
162 |                     <div class="fontclass">.icon-set</div>
163 |                 </li>
164 |             
165 |                 <li>
166 |                 <i class="icon iconfont icon-smile"></i>
167 |                     <div class="name">Smile</div>
168 |                     <div class="fontclass">.icon-smile</div>
169 |                 </li>
170 |             
171 |                 <li>
172 |                 <i class="icon iconfont icon-success"></i>
173 |                     <div class="name">success</div>
174 |                     <div class="fontclass">.icon-success</div>
175 |                 </li>
176 |             
177 |                 <li>
178 |                 <i class="icon iconfont icon-survey"></i>
179 |                     <div class="name">survey</div>
180 |                     <div class="fontclass">.icon-survey</div>
181 |                 </li>
182 |             
183 |                 <li>
184 |                 <i class="icon iconfont icon-training"></i>
185 |                     <div class="name">training</div>
186 |                     <div class="fontclass">.icon-training</div>
187 |                 </li>
188 |             
189 |                 <li>
190 |                 <i class="icon iconfont icon-viewgallery"></i>
191 |                     <div class="name">ViewGallery</div>
192 |                     <div class="fontclass">.icon-viewgallery</div>
193 |                 </li>
194 |             
195 |                 <li>
196 |                 <i class="icon iconfont icon-viewlist"></i>
197 |                     <div class="name">Viewlist</div>
198 |                     <div class="fontclass">.icon-viewlist</div>
199 |                 </li>
200 |             
201 |                 <li>
202 |                 <i class="icon iconfont icon-warning"></i>
203 |                     <div class="name">warning</div>
204 |                     <div class="fontclass">.icon-warning</div>
205 |                 </li>
206 |             
207 |                 <li>
208 |                 <i class="icon iconfont icon-wrong"></i>
209 |                     <div class="name">wrong</div>
210 |                     <div class="fontclass">.icon-wrong</div>
211 |                 </li>
212 |             
213 |                 <li>
214 |                 <i class="icon iconfont icon-account"></i>
215 |                     <div class="name">account</div>
216 |                     <div class="fontclass">.icon-account</div>
217 |                 </li>
218 |             
219 |                 <li>
220 |                 <i class="icon iconfont icon-add"></i>
221 |                     <div class="name">add</div>
222 |                     <div class="fontclass">.icon-add</div>
223 |                 </li>
224 |             
225 |                 <li>
226 |                 <i class="icon iconfont icon-atm"></i>
227 |                     <div class="name">atm</div>
228 |                     <div class="fontclass">.icon-atm</div>
229 |                 </li>
230 |             
231 |                 <li>
232 |                 <i class="icon iconfont icon-clock"></i>
233 |                     <div class="name">clock</div>
234 |                     <div class="fontclass">.icon-clock</div>
235 |                 </li>
236 |             
237 |                 <li>
238 |                 <i class="icon iconfont icon-remind"></i>
239 |                     <div class="name">remind</div>
240 |                     <div class="fontclass">.icon-remind</div>
241 |                 </li>
242 |             
243 |                 <li>
244 |                 <i class="icon iconfont icon-calendar"></i>
245 |                     <div class="name">calendar</div>
246 |                     <div class="fontclass">.icon-calendar</div>
247 |                 </li>
248 |             
249 |                 <li>
250 |                 <i class="icon iconfont icon-attachment"></i>
251 |                     <div class="name">attachment</div>
252 |                     <div class="fontclass">.icon-attachment</div>
253 |                 </li>
254 |             
255 |                 <li>
256 |                 <i class="icon iconfont icon-3column"></i>
257 |                     <div class="name">3column</div>
258 |                     <div class="fontclass">.icon-3column</div>
259 |                 </li>
260 |             
261 |                 <li>
262 |                 <i class="icon iconfont icon-4column"></i>
263 |                     <div class="name">4column</div>
264 |                     <div class="fontclass">.icon-4column</div>
265 |                 </li>
266 |             
267 |                 <li>
268 |                 <i class="icon iconfont icon-discount"></i>
269 |                     <div class="name">discount</div>
270 |                     <div class="fontclass">.icon-discount</div>
271 |                 </li>
272 |             
273 |                 <li>
274 |                 <i class="icon iconfont icon-service"></i>
275 |                     <div class="name">service</div>
276 |                     <div class="fontclass">.icon-service</div>
277 |                 </li>
278 |             
279 |                 <li>
280 |                 <i class="icon iconfont icon-print"></i>
281 |                     <div class="name">print</div>
282 |                     <div class="fontclass">.icon-print</div>
283 |                 </li>
284 |             
285 |                 <li>
286 |                 <i class="icon iconfont icon-box"></i>
287 |                     <div class="name">box</div>
288 |                     <div class="fontclass">.icon-box</div>
289 |                 </li>
290 |             
291 |                 <li>
292 |                 <i class="icon iconfont icon-process"></i>
293 |                     <div class="name">process</div>
294 |                     <div class="fontclass">.icon-process</div>
295 |                 </li>
296 |             
297 |                 <li>
298 |                 <i class="icon iconfont icon-bags"></i>
299 |                     <div class="name">bags</div>
300 |                     <div class="fontclass">.icon-bags</div>
301 |                 </li>
302 |             
303 |                 <li>
304 |                 <i class="icon iconfont icon-beauty"></i>
305 |                     <div class="name">beauty</div>
306 |                     <div class="fontclass">.icon-beauty</div>
307 |                 </li>
308 |             
309 |                 <li>
310 |                 <i class="icon iconfont icon-electrical"></i>
311 |                     <div class="name">electrical</div>
312 |                     <div class="fontclass">.icon-electrical</div>
313 |                 </li>
314 |             
315 |                 <li>
316 |                 <i class="icon iconfont icon-electronics"></i>
317 |                     <div class="name">electronics</div>
318 |                     <div class="fontclass">.icon-electronics</div>
319 |                 </li>
320 |             
321 |                 <li>
322 |                 <i class="icon iconfont icon-gifts"></i>
323 |                     <div class="name">gifts</div>
324 |                     <div class="fontclass">.icon-gifts</div>
325 |                 </li>
326 |             
327 |                 <li>
328 |                 <i class="icon iconfont icon-apparel"></i>
329 |                     <div class="name">apparel</div>
330 |                     <div class="fontclass">.icon-apparel</div>
331 |                 </li>
332 |             
333 |                 <li>
334 |                 <i class="icon iconfont icon-atmaway"></i>
335 |                     <div class="name">atm-away</div>
336 |                     <div class="fontclass">.icon-atmaway</div>
337 |                 </li>
338 |             
339 |                 <li>
340 |                 <i class="icon iconfont icon-rfq1"></i>
341 |                     <div class="name">rfq</div>
342 |                     <div class="fontclass">.icon-rfq1</div>
343 |                 </li>
344 |             
345 |                 <li>
346 |                 <i class="icon iconfont icon-scanning"></i>
347 |                     <div class="name">scanning</div>
348 |                     <div class="fontclass">.icon-scanning</div>
349 |                 </li>
350 |             
351 |                 <li>
352 |                 <i class="icon iconfont icon-filter"></i>
353 |                     <div class="name">filter</div>
354 |                     <div class="fontclass">.icon-filter</div>
355 |                 </li>
356 |             
357 |                 <li>
358 |                 <i class="icon iconfont icon-pin"></i>
359 |                     <div class="name">pin</div>
360 |                     <div class="fontclass">.icon-pin</div>
361 |                 </li>
362 |             
363 |                 <li>
364 |                 <i class="icon iconfont icon-history"></i>
365 |                     <div class="name">history</div>
366 |                     <div class="fontclass">.icon-history</div>
367 |                 </li>
368 |             
369 |                 <li>
370 |                 <i class="icon iconfont icon-productfeatures"></i>
371 |                     <div class="name">product-features</div>
372 |                     <div class="fontclass">.icon-productfeatures</div>
373 |                 </li>
374 |             
375 |                 <li>
376 |                 <i class="icon iconfont icon-supplierfeatures"></i>
377 |                     <div class="name">supplier-features</div>
378 |                     <div class="fontclass">.icon-supplierfeatures</div>
379 |                 </li>
380 |             
381 |                 <li>
382 |                 <i class="icon iconfont icon-similarproduct"></i>
383 |                     <div class="name">similar-product</div>
384 |                     <div class="fontclass">.icon-similarproduct</div>
385 |                 </li>
386 |             
387 |                 <li>
388 |                 <i class="icon iconfont icon-link"></i>
389 |                     <div class="name">link</div>
390 |                     <div class="fontclass">.icon-link</div>
391 |                 </li>
392 |             
393 |                 <li>
394 |                 <i class="icon iconfont icon-cut"></i>
395 |                     <div class="name">cut</div>
396 |                     <div class="fontclass">.icon-cut</div>
397 |                 </li>
398 |             
399 |                 <li>
400 |                 <i class="icon iconfont icon-navlist"></i>
401 |                     <div class="name">nav-list</div>
402 |                     <div class="fontclass">.icon-navlist</div>
403 |                 </li>
404 |             
405 |                 <li>
406 |                 <i class="icon iconfont icon-imagetext"></i>
407 |                     <div class="name">image-text</div>
408 |                     <div class="fontclass">.icon-imagetext</div>
409 |                 </li>
410 |             
411 |                 <li>
412 |                 <i class="icon iconfont icon-text"></i>
413 |                     <div class="name">text</div>
414 |                     <div class="fontclass">.icon-text</div>
415 |                 </li>
416 |             
417 |                 <li>
418 |                 <i class="icon iconfont icon-move"></i>
419 |                     <div class="name">move</div>
420 |                     <div class="fontclass">.icon-move</div>
421 |                 </li>
422 |             
423 |                 <li>
424 |                 <i class="icon iconfont icon-subtract"></i>
425 |                     <div class="name">subtract</div>
426 |                     <div class="fontclass">.icon-subtract</div>
427 |                 </li>
428 |             
429 |                 <li>
430 |                 <i class="icon iconfont icon-dollar"></i>
431 |                     <div class="name">dollar</div>
432 |                     <div class="fontclass">.icon-dollar</div>
433 |                 </li>
434 |             
435 |                 <li>
436 |                 <i class="icon iconfont icon-raw"></i>
437 |                     <div class="name">raw</div>
438 |                     <div class="fontclass">.icon-raw</div>
439 |                 </li>
440 |             
441 |                 <li>
442 |                 <i class="icon iconfont icon-office"></i>
443 |                     <div class="name">office</div>
444 |                     <div class="fontclass">.icon-office</div>
445 |                 </li>
446 |             
447 |                 <li>
448 |                 <i class="icon iconfont icon-agriculture"></i>
449 |                     <div class="name">agriculture</div>
450 |                     <div class="fontclass">.icon-agriculture</div>
451 |                 </li>
452 |             
453 |                 <li>
454 |                 <i class="icon iconfont icon-machinery"></i>
455 |                     <div class="name">machinery</div>
456 |                     <div class="fontclass">.icon-machinery</div>
457 |                 </li>
458 |             
459 |                 <li>
460 |                 <i class="icon iconfont icon-assessedbadge"></i>
461 |                     <div class="name">assessed-Badge</div>
462 |                     <div class="fontclass">.icon-assessedbadge</div>
463 |                 </li>
464 |             
465 |                 <li>
466 |                 <i class="icon iconfont icon-gerenzhongxin"></i>
467 |                     <div class="name">personal-center</div>
468 |                     <div class="fontclass">.icon-gerenzhongxin</div>
469 |                 </li>
470 |             
471 |                 <li>
472 |                 <i class="icon iconfont icon-jifen"></i>
473 |                     <div class="name">integral</div>
474 |                     <div class="fontclass">.icon-jifen</div>
475 |                 </li>
476 |             
477 |                 <li>
478 |                 <i class="icon iconfont icon-operation"></i>
479 |                     <div class="name">operation</div>
480 |                     <div class="fontclass">.icon-operation</div>
481 |                 </li>
482 |             
483 |                 <li>
484 |                 <i class="icon iconfont icon-remind1"></i>
485 |                     <div class="name">remind</div>
486 |                     <div class="fontclass">.icon-remind1</div>
487 |                 </li>
488 |             
489 |                 <li>
490 |                 <i class="icon iconfont icon-icondownload"></i>
491 |                     <div class="name">download</div>
492 |                     <div class="fontclass">.icon-icondownload</div>
493 |                 </li>
494 |             
495 |                 <li>
496 |                 <i class="icon iconfont icon-map"></i>
497 |                     <div class="name">map</div>
498 |                     <div class="fontclass">.icon-map</div>
499 |                 </li>
500 |             
501 |                 <li>
502 |                 <i class="icon iconfont icon-good"></i>
503 |                     <div class="name">good</div>
504 |                     <div class="fontclass">.icon-good</div>
505 |                 </li>
506 |             
507 |                 <li>
508 |                 <i class="icon iconfont icon-skip"></i>
509 |                     <div class="name">skip</div>
510 |                     <div class="fontclass">.icon-skip</div>
511 |                 </li>
512 |             
513 |                 <li>
514 |                 <i class="icon iconfont icon-iconfontplay2"></i>
515 |                     <div class="name">play</div>
516 |                     <div class="fontclass">.icon-iconfontplay2</div>
517 |                 </li>
518 |             
519 |                 <li>
520 |                 <i class="icon iconfont icon-iconfontstop"></i>
521 |                     <div class="name">stop</div>
522 |                     <div class="fontclass">.icon-iconfontstop</div>
523 |                 </li>
524 |             
525 |                 <li>
526 |                 <i class="icon iconfont icon-compass"></i>
527 |                     <div class="name">compass</div>
528 |                     <div class="fontclass">.icon-compass</div>
529 |                 </li>
530 |             
531 |                 <li>
532 |                 <i class="icon iconfont icon-security"></i>
533 |                     <div class="name">security</div>
534 |                     <div class="fontclass">.icon-security</div>
535 |                 </li>
536 |             
537 |                 <li>
538 |                 <i class="icon iconfont icon-share"></i>
539 |                     <div class="name">share</div>
540 |                     <div class="fontclass">.icon-share</div>
541 |                 </li>
542 |             
543 |                 <li>
544 |                 <i class="icon iconfont icon-store"></i>
545 |                     <div class="name">store</div>
546 |                     <div class="fontclass">.icon-store</div>
547 |                 </li>
548 |             
549 |                 <li>
550 |                 <i class="icon iconfont icon-rejectedorder"></i>
551 |                     <div class="name">rejected-order</div>
552 |                     <div class="fontclass">.icon-rejectedorder</div>
553 |                 </li>
554 |             
555 |                 <li>
556 |                 <i class="icon iconfont icon-phone"></i>
557 |                     <div class="name">phone</div>
558 |                     <div class="fontclass">.icon-phone</div>
559 |                 </li>
560 |             
561 |                 <li>
562 |                 <i class="icon iconfont icon-bussinessman"></i>
563 |                     <div class="name">bussiness-man</div>
564 |                     <div class="fontclass">.icon-bussinessman</div>
565 |                 </li>
566 |             
567 |                 <li>
568 |                 <i class="icon iconfont icon-mobilephone"></i>
569 |                     <div class="name">Mobile-phone</div>
570 |                     <div class="fontclass">.icon-mobilephone</div>
571 |                 </li>
572 |             
573 |                 <li>
574 |                 <i class="icon iconfont icon-emailfilling"></i>
575 |                     <div class="name">email-filling</div>
576 |                     <div class="fontclass">.icon-emailfilling</div>
577 |                 </li>
578 |             
579 |                 <li>
580 |                 <i class="icon iconfont icon-favoritesfilling"></i>
581 |                     <div class="name">favorites-filling</div>
582 |                     <div class="fontclass">.icon-favoritesfilling</div>
583 |                 </li>
584 |             
585 |                 <li>
586 |                 <i class="icon iconfont icon-accountfilling"></i>
587 |                     <div class="name">account-filling</div>
588 |                     <div class="fontclass">.icon-accountfilling</div>
589 |                 </li>
590 |             
591 |                 <li>
592 |                 <i class="icon iconfont icon-creditlevelfilling"></i>
593 |                     <div class="name">credit-level-filling</div>
594 |                     <div class="fontclass">.icon-creditlevelfilling</div>
595 |                 </li>
596 |             
597 |                 <li>
598 |                 <i class="icon iconfont icon-exl"></i>
599 |                     <div class="name">exl</div>
600 |                     <div class="fontclass">.icon-exl</div>
601 |                 </li>
602 |             
603 |                 <li>
604 |                 <i class="icon iconfont icon-pdf"></i>
605 |                     <div class="name">pdf</div>
606 |                     <div class="fontclass">.icon-pdf</div>
607 |                 </li>
608 |             
609 |                 <li>
610 |                 <i class="icon iconfont icon-zip"></i>
611 |                     <div class="name">zip</div>
612 |                     <div class="fontclass">.icon-zip</div>
613 |                 </li>
614 |             
615 |                 <li>
616 |                 <i class="icon iconfont icon-sorting"></i>
617 |                     <div class="name">sorting</div>
618 |                     <div class="fontclass">.icon-sorting</div>
619 |                 </li>
620 |             
621 |                 <li>
622 |                 <i class="icon iconfont icon-copy"></i>
623 |                     <div class="name">copy</div>
624 |                     <div class="fontclass">.icon-copy</div>
625 |                 </li>
626 |             
627 |                 <li>
628 |                 <i class="icon iconfont icon-hot"></i>
629 |                     <div class="name">hot</div>
630 |                     <div class="fontclass">.icon-hot</div>
631 |                 </li>
632 |             
633 |                 <li>
634 |                 <i class="icon iconfont icon-trade"></i>
635 |                     <div class="name">trade</div>
636 |                     <div class="fontclass">.icon-trade</div>
637 |                 </li>
638 |             
639 |                 <li>
640 |                 <i class="icon iconfont icon-component"></i>
641 |                     <div class="name">component</div>
642 |                     <div class="fontclass">.icon-component</div>
643 |                 </li>
644 |             
645 |                 <li>
646 |                 <i class="icon iconfont icon-color"></i>
647 |                     <div class="name">color</div>
648 |                     <div class="fontclass">.icon-color</div>
649 |                 </li>
650 |             
651 |                 <li>
652 |                 <i class="icon iconfont icon-color-filling"></i>
653 |                     <div class="name">color-filling</div>
654 |                     <div class="fontclass">.icon-color-filling</div>
655 |                 </li>
656 |             
657 |                 <li>
658 |                 <i class="icon iconfont icon-favorites"></i>
659 |                     <div class="name">favorites</div>
660 |                     <div class="fontclass">.icon-favorites</div>
661 |                 </li>
662 |             
663 |                 <li>
664 |                 <i class="icon iconfont icon-RFQ"></i>
665 |                     <div class="name">RFQ</div>
666 |                     <div class="fontclass">.icon-RFQ</div>
667 |                 </li>
668 |             
669 |                 <li>
670 |                 <i class="icon iconfont icon-originalimage"></i>
671 |                     <div class="name">original-image</div>
672 |                     <div class="fontclass">.icon-originalimage</div>
673 |                 </li>
674 |             
675 |                 <li>
676 |                 <i class="icon iconfont icon-logistic"></i>
677 |                     <div class="name">logistic</div>
678 |                     <div class="fontclass">.icon-logistic</div>
679 |                 </li>
680 |             
681 |                 <li>
682 |                 <i class="icon iconfont icon-video"></i>
683 |                     <div class="name">video</div>
684 |                     <div class="fontclass">.icon-video</div>
685 |                 </li>
686 |             
687 |         </ul>
688 | 
689 |         <h2 id="font-class-">font-class引用</h2>
690 |         <hr>
691 | 
692 |         <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
693 |         <p>与unicode使用方式相比，具有如下特点：</p>
694 |         <ul>
695 |         <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
696 |         <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
697 |         <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
698 |         <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
699 |         </ul>
700 |         <p>使用步骤如下：</p>
701 |         <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>
702 | 
703 | 
704 |         <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
705 |         <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
706 |         <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
707 |         <blockquote>
708 |         <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
709 |         </blockquote>
710 |     </div>
711 | </body>
712 | </html>
713 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/demo_unicode.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html>
  4 | <head>
  5 |     <meta charset="utf-8"/>
  6 |     <title>IconFont</title>
  7 |     <link rel="stylesheet" href="demo.css">
  8 | 
  9 |     <style type="text/css">
 10 | 
 11 |         @font-face {font-family: "iconfont";
 12 |           src: url('iconfont.eot'); /* IE9*/
 13 |           src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
 14 |           url('iconfont.woff') format('woff'), /* chrome, firefox */
 15 |           url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 16 |           url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
 17 |         }
 18 | 
 19 |         .iconfont {
 20 |           font-family:"iconfont" !important;
 21 |           font-size:16px;
 22 |           font-style:normal;
 23 |           -webkit-font-smoothing: antialiased;
 24 |           -webkit-text-stroke-width: 0.2px;
 25 |           -moz-osx-font-smoothing: grayscale;
 26 |         }
 27 | 
 28 |     </style>
 29 | </head>
 30 | <body>
 31 |     <div class="main markdown">
 32 |         <h1>IconFont 图标</h1>
 33 |         <ul class="icon_lists clear">
 34 |             
 35 |                 <li>
 36 |                 <i class="icon iconfont">&#xe696;</i>
 37 |                     <div class="name">all</div>
 38 |                     <div class="code">&amp;#xe696;</div>
 39 |                 </li>
 40 |             
 41 |                 <li>
 42 |                 <i class="icon iconfont">&#xe697;</i>
 43 |                     <div class="name">back</div>
 44 |                     <div class="code">&amp;#xe697;</div>
 45 |                 </li>
 46 |             
 47 |                 <li>
 48 |                 <i class="icon iconfont">&#xe698;</i>
 49 |                     <div class="name">cart</div>
 50 |                     <div class="code">&amp;#xe698;</div>
 51 |                 </li>
 52 |             
 53 |                 <li>
 54 |                 <i class="icon iconfont">&#xe699;</i>
 55 |                     <div class="name">Category</div>
 56 |                     <div class="code">&amp;#xe699;</div>
 57 |                 </li>
 58 |             
 59 |                 <li>
 60 |                 <i class="icon iconfont">&#xe69a;</i>
 61 |                     <div class="name">close</div>
 62 |                     <div class="code">&amp;#xe69a;</div>
 63 |                 </li>
 64 |             
 65 |                 <li>
 66 |                 <i class="icon iconfont">&#xe69b;</i>
 67 |                     <div class="name">comments</div>
 68 |                     <div class="code">&amp;#xe69b;</div>
 69 |                 </li>
 70 |             
 71 |                 <li>
 72 |                 <i class="icon iconfont">&#xe69c;</i>
 73 |                     <div class="name">cry</div>
 74 |                     <div class="code">&amp;#xe69c;</div>
 75 |                 </li>
 76 |             
 77 |                 <li>
 78 |                 <i class="icon iconfont">&#xe69d;</i>
 79 |                     <div class="name">delete</div>
 80 |                     <div class="code">&amp;#xe69d;</div>
 81 |                 </li>
 82 |             
 83 |                 <li>
 84 |                 <i class="icon iconfont">&#xe69e;</i>
 85 |                     <div class="name">edit</div>
 86 |                     <div class="code">&amp;#xe69e;</div>
 87 |                 </li>
 88 |             
 89 |                 <li>
 90 |                 <i class="icon iconfont">&#xe69f;</i>
 91 |                     <div class="name">email</div>
 92 |                     <div class="code">&amp;#xe69f;</div>
 93 |                 </li>
 94 |             
 95 |                 <li>
 96 |                 <i class="icon iconfont">&#xe6a0;</i>
 97 |                     <div class="name">favorite</div>
 98 |                     <div class="code">&amp;#xe6a0;</div>
 99 |                 </li>
100 |             
101 |                 <li>
102 |                 <i class="icon iconfont">&#xe6a1;</i>
103 |                     <div class="name">folder</div>
104 |                     <div class="code">&amp;#xe6a1;</div>
105 |                 </li>
106 |             
107 |                 <li>
108 |                 <i class="icon iconfont">&#xe6a2;</i>
109 |                     <div class="name">form</div>
110 |                     <div class="code">&amp;#xe6a2;</div>
111 |                 </li>
112 |             
113 |                 <li>
114 |                 <i class="icon iconfont">&#xe6a3;</i>
115 |                     <div class="name">help</div>
116 |                     <div class="code">&amp;#xe6a3;</div>
117 |                 </li>
118 |             
119 |                 <li>
120 |                 <i class="icon iconfont">&#xe6a4;</i>
121 |                     <div class="name">information</div>
122 |                     <div class="code">&amp;#xe6a4;</div>
123 |                 </li>
124 |             
125 |                 <li>
126 |                 <i class="icon iconfont">&#xe6a5;</i>
127 |                     <div class="name">less</div>
128 |                     <div class="code">&amp;#xe6a5;</div>
129 |                 </li>
130 |             
131 |                 <li>
132 |                 <i class="icon iconfont">&#xe6a6;</i>
133 |                     <div class="name">more_unfold</div>
134 |                     <div class="code">&amp;#xe6a6;</div>
135 |                 </li>
136 |             
137 |                 <li>
138 |                 <i class="icon iconfont">&#xe6a7;</i>
139 |                     <div class="name">more</div>
140 |                     <div class="code">&amp;#xe6a7;</div>
141 |                 </li>
142 |             
143 |                 <li>
144 |                 <i class="icon iconfont">&#xe6a8;</i>
145 |                     <div class="name">pic</div>
146 |                     <div class="code">&amp;#xe6a8;</div>
147 |                 </li>
148 |             
149 |                 <li>
150 |                 <i class="icon iconfont">&#xe6a9;</i>
151 |                     <div class="name">QRCode</div>
152 |                     <div class="code">&amp;#xe6a9;</div>
153 |                 </li>
154 |             
155 |                 <li>
156 |                 <i class="icon iconfont">&#xe6aa;</i>
157 |                     <div class="name">refresh</div>
158 |                     <div class="code">&amp;#xe6aa;</div>
159 |                 </li>
160 |             
161 |                 <li>
162 |                 <i class="icon iconfont">&#xe6ab;</i>
163 |                     <div class="name">RFQ</div>
164 |                     <div class="code">&amp;#xe6ab;</div>
165 |                 </li>
166 |             
167 |                 <li>
168 |                 <i class="icon iconfont">&#xe6ac;</i>
169 |                     <div class="name">search</div>
170 |                     <div class="code">&amp;#xe6ac;</div>
171 |                 </li>
172 |             
173 |                 <li>
174 |                 <i class="icon iconfont">&#xe6ad;</i>
175 |                     <div class="name">selected</div>
176 |                     <div class="code">&amp;#xe6ad;</div>
177 |                 </li>
178 |             
179 |                 <li>
180 |                 <i class="icon iconfont">&#xe6ae;</i>
181 |                     <div class="name">set</div>
182 |                     <div class="code">&amp;#xe6ae;</div>
183 |                 </li>
184 |             
185 |                 <li>
186 |                 <i class="icon iconfont">&#xe6af;</i>
187 |                     <div class="name">Smile</div>
188 |                     <div class="code">&amp;#xe6af;</div>
189 |                 </li>
190 |             
191 |                 <li>
192 |                 <i class="icon iconfont">&#xe6b1;</i>
193 |                     <div class="name">success</div>
194 |                     <div class="code">&amp;#xe6b1;</div>
195 |                 </li>
196 |             
197 |                 <li>
198 |                 <i class="icon iconfont">&#xe6b2;</i>
199 |                     <div class="name">survey</div>
200 |                     <div class="code">&amp;#xe6b2;</div>
201 |                 </li>
202 |             
203 |                 <li>
204 |                 <i class="icon iconfont">&#xe6b3;</i>
205 |                     <div class="name">training</div>
206 |                     <div class="code">&amp;#xe6b3;</div>
207 |                 </li>
208 |             
209 |                 <li>
210 |                 <i class="icon iconfont">&#xe6b4;</i>
211 |                     <div class="name">ViewGallery</div>
212 |                     <div class="code">&amp;#xe6b4;</div>
213 |                 </li>
214 |             
215 |                 <li>
216 |                 <i class="icon iconfont">&#xe6b5;</i>
217 |                     <div class="name">Viewlist</div>
218 |                     <div class="code">&amp;#xe6b5;</div>
219 |                 </li>
220 |             
221 |                 <li>
222 |                 <i class="icon iconfont">&#xe6b6;</i>
223 |                     <div class="name">warning</div>
224 |                     <div class="code">&amp;#xe6b6;</div>
225 |                 </li>
226 |             
227 |                 <li>
228 |                 <i class="icon iconfont">&#xe6b7;</i>
229 |                     <div class="name">wrong</div>
230 |                     <div class="code">&amp;#xe6b7;</div>
231 |                 </li>
232 |             
233 |                 <li>
234 |                 <i class="icon iconfont">&#xe6b8;</i>
235 |                     <div class="name">account</div>
236 |                     <div class="code">&amp;#xe6b8;</div>
237 |                 </li>
238 |             
239 |                 <li>
240 |                 <i class="icon iconfont">&#xe6b9;</i>
241 |                     <div class="name">add</div>
242 |                     <div class="code">&amp;#xe6b9;</div>
243 |                 </li>
244 |             
245 |                 <li>
246 |                 <i class="icon iconfont">&#xe6ba;</i>
247 |                     <div class="name">atm</div>
248 |                     <div class="code">&amp;#xe6ba;</div>
249 |                 </li>
250 |             
251 |                 <li>
252 |                 <i class="icon iconfont">&#xe6bb;</i>
253 |                     <div class="name">clock</div>
254 |                     <div class="code">&amp;#xe6bb;</div>
255 |                 </li>
256 |             
257 |                 <li>
258 |                 <i class="icon iconfont">&#xe6bc;</i>
259 |                     <div class="name">remind</div>
260 |                     <div class="code">&amp;#xe6bc;</div>
261 |                 </li>
262 |             
263 |                 <li>
264 |                 <i class="icon iconfont">&#xe6bf;</i>
265 |                     <div class="name">calendar</div>
266 |                     <div class="code">&amp;#xe6bf;</div>
267 |                 </li>
268 |             
269 |                 <li>
270 |                 <i class="icon iconfont">&#xe6c0;</i>
271 |                     <div class="name">attachment</div>
272 |                     <div class="code">&amp;#xe6c0;</div>
273 |                 </li>
274 |             
275 |                 <li>
276 |                 <i class="icon iconfont">&#xe6c3;</i>
277 |                     <div class="name">3column</div>
278 |                     <div class="code">&amp;#xe6c3;</div>
279 |                 </li>
280 |             
281 |                 <li>
282 |                 <i class="icon iconfont">&#xe6c4;</i>
283 |                     <div class="name">4column</div>
284 |                     <div class="code">&amp;#xe6c4;</div>
285 |                 </li>
286 |             
287 |                 <li>
288 |                 <i class="icon iconfont">&#xe6c5;</i>
289 |                     <div class="name">discount</div>
290 |                     <div class="code">&amp;#xe6c5;</div>
291 |                 </li>
292 |             
293 |                 <li>
294 |                 <i class="icon iconfont">&#xe6c7;</i>
295 |                     <div class="name">service</div>
296 |                     <div class="code">&amp;#xe6c7;</div>
297 |                 </li>
298 |             
299 |                 <li>
300 |                 <i class="icon iconfont">&#xe6c9;</i>
301 |                     <div class="name">print</div>
302 |                     <div class="code">&amp;#xe6c9;</div>
303 |                 </li>
304 |             
305 |                 <li>
306 |                 <i class="icon iconfont">&#xe6cb;</i>
307 |                     <div class="name">box</div>
308 |                     <div class="code">&amp;#xe6cb;</div>
309 |                 </li>
310 |             
311 |                 <li>
312 |                 <i class="icon iconfont">&#xe6ce;</i>
313 |                     <div class="name">process</div>
314 |                     <div class="code">&amp;#xe6ce;</div>
315 |                 </li>
316 |             
317 |                 <li>
318 |                 <i class="icon iconfont">&#xe6d1;</i>
319 |                     <div class="name">bags</div>
320 |                     <div class="code">&amp;#xe6d1;</div>
321 |                 </li>
322 |             
323 |                 <li>
324 |                 <i class="icon iconfont">&#xe6d2;</i>
325 |                     <div class="name">beauty</div>
326 |                     <div class="code">&amp;#xe6d2;</div>
327 |                 </li>
328 |             
329 |                 <li>
330 |                 <i class="icon iconfont">&#xe6d4;</i>
331 |                     <div class="name">electrical</div>
332 |                     <div class="code">&amp;#xe6d4;</div>
333 |                 </li>
334 |             
335 |                 <li>
336 |                 <i class="icon iconfont">&#xe6da;</i>
337 |                     <div class="name">electronics</div>
338 |                     <div class="code">&amp;#xe6da;</div>
339 |                 </li>
340 |             
341 |                 <li>
342 |                 <i class="icon iconfont">&#xe6db;</i>
343 |                     <div class="name">gifts</div>
344 |                     <div class="code">&amp;#xe6db;</div>
345 |                 </li>
346 |             
347 |                 <li>
348 |                 <i class="icon iconfont">&#xe6dc;</i>
349 |                     <div class="name">apparel</div>
350 |                     <div class="code">&amp;#xe6dc;</div>
351 |                 </li>
352 |             
353 |                 <li>
354 |                 <i class="icon iconfont">&#xe6e9;</i>
355 |                     <div class="name">atm-away</div>
356 |                     <div class="code">&amp;#xe6e9;</div>
357 |                 </li>
358 |             
359 |                 <li>
360 |                 <i class="icon iconfont">&#xe6eb;</i>
361 |                     <div class="name">rfq</div>
362 |                     <div class="code">&amp;#xe6eb;</div>
363 |                 </li>
364 |             
365 |                 <li>
366 |                 <i class="icon iconfont">&#xe6ec;</i>
367 |                     <div class="name">scanning</div>
368 |                     <div class="code">&amp;#xe6ec;</div>
369 |                 </li>
370 |             
371 |                 <li>
372 |                 <i class="icon iconfont">&#xe6f1;</i>
373 |                     <div class="name">filter</div>
374 |                     <div class="code">&amp;#xe6f1;</div>
375 |                 </li>
376 |             
377 |                 <li>
378 |                 <i class="icon iconfont">&#xe6f2;</i>
379 |                     <div class="name">pin</div>
380 |                     <div class="code">&amp;#xe6f2;</div>
381 |                 </li>
382 |             
383 |                 <li>
384 |                 <i class="icon iconfont">&#xe6f3;</i>
385 |                     <div class="name">history</div>
386 |                     <div class="code">&amp;#xe6f3;</div>
387 |                 </li>
388 |             
389 |                 <li>
390 |                 <i class="icon iconfont">&#xe6f4;</i>
391 |                     <div class="name">product-features</div>
392 |                     <div class="code">&amp;#xe6f4;</div>
393 |                 </li>
394 |             
395 |                 <li>
396 |                 <i class="icon iconfont">&#xe6f5;</i>
397 |                     <div class="name">supplier-features</div>
398 |                     <div class="code">&amp;#xe6f5;</div>
399 |                 </li>
400 |             
401 |                 <li>
402 |                 <i class="icon iconfont">&#xe6f6;</i>
403 |                     <div class="name">similar-product</div>
404 |                     <div class="code">&amp;#xe6f6;</div>
405 |                 </li>
406 |             
407 |                 <li>
408 |                 <i class="icon iconfont">&#xe6f7;</i>
409 |                     <div class="name">link</div>
410 |                     <div class="code">&amp;#xe6f7;</div>
411 |                 </li>
412 |             
413 |                 <li>
414 |                 <i class="icon iconfont">&#xe6f8;</i>
415 |                     <div class="name">cut</div>
416 |                     <div class="code">&amp;#xe6f8;</div>
417 |                 </li>
418 |             
419 |                 <li>
420 |                 <i class="icon iconfont">&#xe6fa;</i>
421 |                     <div class="name">nav-list</div>
422 |                     <div class="code">&amp;#xe6fa;</div>
423 |                 </li>
424 |             
425 |                 <li>
426 |                 <i class="icon iconfont">&#xe6fb;</i>
427 |                     <div class="name">image-text</div>
428 |                     <div class="code">&amp;#xe6fb;</div>
429 |                 </li>
430 |             
431 |                 <li>
432 |                 <i class="icon iconfont">&#xe6fc;</i>
433 |                     <div class="name">text</div>
434 |                     <div class="code">&amp;#xe6fc;</div>
435 |                 </li>
436 |             
437 |                 <li>
438 |                 <i class="icon iconfont">&#xe6fd;</i>
439 |                     <div class="name">move</div>
440 |                     <div class="code">&amp;#xe6fd;</div>
441 |                 </li>
442 |             
443 |                 <li>
444 |                 <i class="icon iconfont">&#xe6fe;</i>
445 |                     <div class="name">subtract</div>
446 |                     <div class="code">&amp;#xe6fe;</div>
447 |                 </li>
448 |             
449 |                 <li>
450 |                 <i class="icon iconfont">&#xe702;</i>
451 |                     <div class="name">dollar</div>
452 |                     <div class="code">&amp;#xe702;</div>
453 |                 </li>
454 |             
455 |                 <li>
456 |                 <i class="icon iconfont">&#xe704;</i>
457 |                     <div class="name">raw</div>
458 |                     <div class="code">&amp;#xe704;</div>
459 |                 </li>
460 |             
461 |                 <li>
462 |                 <i class="icon iconfont">&#xe705;</i>
463 |                     <div class="name">office</div>
464 |                     <div class="code">&amp;#xe705;</div>
465 |                 </li>
466 |             
467 |                 <li>
468 |                 <i class="icon iconfont">&#xe707;</i>
469 |                     <div class="name">agriculture</div>
470 |                     <div class="code">&amp;#xe707;</div>
471 |                 </li>
472 |             
473 |                 <li>
474 |                 <i class="icon iconfont">&#xe709;</i>
475 |                     <div class="name">machinery</div>
476 |                     <div class="code">&amp;#xe709;</div>
477 |                 </li>
478 |             
479 |                 <li>
480 |                 <i class="icon iconfont">&#xe70a;</i>
481 |                     <div class="name">assessed-Badge</div>
482 |                     <div class="code">&amp;#xe70a;</div>
483 |                 </li>
484 |             
485 |                 <li>
486 |                 <i class="icon iconfont">&#xe70b;</i>
487 |                     <div class="name">personal-center</div>
488 |                     <div class="code">&amp;#xe70b;</div>
489 |                 </li>
490 |             
491 |                 <li>
492 |                 <i class="icon iconfont">&#xe70c;</i>
493 |                     <div class="name">integral</div>
494 |                     <div class="code">&amp;#xe70c;</div>
495 |                 </li>
496 |             
497 |                 <li>
498 |                 <i class="icon iconfont">&#xe70e;</i>
499 |                     <div class="name">operation</div>
500 |                     <div class="code">&amp;#xe70e;</div>
501 |                 </li>
502 |             
503 |                 <li>
504 |                 <i class="icon iconfont">&#xe713;</i>
505 |                     <div class="name">remind</div>
506 |                     <div class="code">&amp;#xe713;</div>
507 |                 </li>
508 |             
509 |                 <li>
510 |                 <i class="icon iconfont">&#xe714;</i>
511 |                     <div class="name">download</div>
512 |                     <div class="code">&amp;#xe714;</div>
513 |                 </li>
514 |             
515 |                 <li>
516 |                 <i class="icon iconfont">&#xe715;</i>
517 |                     <div class="name">map</div>
518 |                     <div class="code">&amp;#xe715;</div>
519 |                 </li>
520 |             
521 |                 <li>
522 |                 <i class="icon iconfont">&#xe717;</i>
523 |                     <div class="name">good</div>
524 |                     <div class="code">&amp;#xe717;</div>
525 |                 </li>
526 |             
527 |                 <li>
528 |                 <i class="icon iconfont">&#xe718;</i>
529 |                     <div class="name">skip</div>
530 |                     <div class="code">&amp;#xe718;</div>
531 |                 </li>
532 |             
533 |                 <li>
534 |                 <i class="icon iconfont">&#xe719;</i>
535 |                     <div class="name">play</div>
536 |                     <div class="code">&amp;#xe719;</div>
537 |                 </li>
538 |             
539 |                 <li>
540 |                 <i class="icon iconfont">&#xe71a;</i>
541 |                     <div class="name">stop</div>
542 |                     <div class="code">&amp;#xe71a;</div>
543 |                 </li>
544 |             
545 |                 <li>
546 |                 <i class="icon iconfont">&#xe71b;</i>
547 |                     <div class="name">compass</div>
548 |                     <div class="code">&amp;#xe71b;</div>
549 |                 </li>
550 |             
551 |                 <li>
552 |                 <i class="icon iconfont">&#xe71c;</i>
553 |                     <div class="name">security</div>
554 |                     <div class="code">&amp;#xe71c;</div>
555 |                 </li>
556 |             
557 |                 <li>
558 |                 <i class="icon iconfont">&#xe71d;</i>
559 |                     <div class="name">share</div>
560 |                     <div class="code">&amp;#xe71d;</div>
561 |                 </li>
562 |             
563 |                 <li>
564 |                 <i class="icon iconfont">&#xe722;</i>
565 |                     <div class="name">store</div>
566 |                     <div class="code">&amp;#xe722;</div>
567 |                 </li>
568 |             
569 |                 <li>
570 |                 <i class="icon iconfont">&#xe724;</i>
571 |                     <div class="name">rejected-order</div>
572 |                     <div class="code">&amp;#xe724;</div>
573 |                 </li>
574 |             
575 |                 <li>
576 |                 <i class="icon iconfont">&#xe725;</i>
577 |                     <div class="name">phone</div>
578 |                     <div class="code">&amp;#xe725;</div>
579 |                 </li>
580 |             
581 |                 <li>
582 |                 <i class="icon iconfont">&#xe726;</i>
583 |                     <div class="name">bussiness-man</div>
584 |                     <div class="code">&amp;#xe726;</div>
585 |                 </li>
586 |             
587 |                 <li>
588 |                 <i class="icon iconfont">&#xe72a;</i>
589 |                     <div class="name">Mobile-phone</div>
590 |                     <div class="code">&amp;#xe72a;</div>
591 |                 </li>
592 |             
593 |                 <li>
594 |                 <i class="icon iconfont">&#xe72d;</i>
595 |                     <div class="name">email-filling</div>
596 |                     <div class="code">&amp;#xe72d;</div>
597 |                 </li>
598 |             
599 |                 <li>
600 |                 <i class="icon iconfont">&#xe730;</i>
601 |                     <div class="name">favorites-filling</div>
602 |                     <div class="code">&amp;#xe730;</div>
603 |                 </li>
604 |             
605 |                 <li>
606 |                 <i class="icon iconfont">&#xe732;</i>
607 |                     <div class="name">account-filling</div>
608 |                     <div class="code">&amp;#xe732;</div>
609 |                 </li>
610 |             
611 |                 <li>
612 |                 <i class="icon iconfont">&#xe736;</i>
613 |                     <div class="name">credit-level-filling</div>
614 |                     <div class="code">&amp;#xe736;</div>
615 |                 </li>
616 |             
617 |                 <li>
618 |                 <i class="icon iconfont">&#xe73f;</i>
619 |                     <div class="name">exl</div>
620 |                     <div class="code">&amp;#xe73f;</div>
621 |                 </li>
622 |             
623 |                 <li>
624 |                 <i class="icon iconfont">&#xe740;</i>
625 |                     <div class="name">pdf</div>
626 |                     <div class="code">&amp;#xe740;</div>
627 |                 </li>
628 |             
629 |                 <li>
630 |                 <i class="icon iconfont">&#xe741;</i>
631 |                     <div class="name">zip</div>
632 |                     <div class="code">&amp;#xe741;</div>
633 |                 </li>
634 |             
635 |                 <li>
636 |                 <i class="icon iconfont">&#xe743;</i>
637 |                     <div class="name">sorting</div>
638 |                     <div class="code">&amp;#xe743;</div>
639 |                 </li>
640 |             
641 |                 <li>
642 |                 <i class="icon iconfont">&#xe744;</i>
643 |                     <div class="name">copy</div>
644 |                     <div class="code">&amp;#xe744;</div>
645 |                 </li>
646 |             
647 |                 <li>
648 |                 <i class="icon iconfont">&#xe756;</i>
649 |                     <div class="name">hot</div>
650 |                     <div class="code">&amp;#xe756;</div>
651 |                 </li>
652 |             
653 |                 <li>
654 |                 <i class="icon iconfont">&#xe758;</i>
655 |                     <div class="name">trade</div>
656 |                     <div class="code">&amp;#xe758;</div>
657 |                 </li>
658 |             
659 |                 <li>
660 |                 <i class="icon iconfont">&#xe75e;</i>
661 |                     <div class="name">component</div>
662 |                     <div class="code">&amp;#xe75e;</div>
663 |                 </li>
664 |             
665 |                 <li>
666 |                 <i class="icon iconfont">&#xe760;</i>
667 |                     <div class="name">color</div>
668 |                     <div class="code">&amp;#xe760;</div>
669 |                 </li>
670 |             
671 |                 <li>
672 |                 <i class="icon iconfont">&#xe7cd;</i>
673 |                     <div class="name">color-filling</div>
674 |                     <div class="code">&amp;#xe7cd;</div>
675 |                 </li>
676 |             
677 |                 <li>
678 |                 <i class="icon iconfont">&#xe7ce;</i>
679 |                     <div class="name">favorites</div>
680 |                     <div class="code">&amp;#xe7ce;</div>
681 |                 </li>
682 |             
683 |                 <li>
684 |                 <i class="icon iconfont">&#xe803;</i>
685 |                     <div class="name">RFQ</div>
686 |                     <div class="code">&amp;#xe803;</div>
687 |                 </li>
688 |             
689 |                 <li>
690 |                 <i class="icon iconfont">&#xe806;</i>
691 |                     <div class="name">original-image</div>
692 |                     <div class="code">&amp;#xe806;</div>
693 |                 </li>
694 |             
695 |                 <li>
696 |                 <i class="icon iconfont">&#xe811;</i>
697 |                     <div class="name">logistic</div>
698 |                     <div class="code">&amp;#xe811;</div>
699 |                 </li>
700 |             
701 |                 <li>
702 |                 <i class="icon iconfont">&#xe820;</i>
703 |                     <div class="name">video</div>
704 |                     <div class="code">&amp;#xe820;</div>
705 |                 </li>
706 |             
707 |         </ul>
708 |         <h2 id="unicode-">unicode引用</h2>
709 |         <hr>
710 | 
711 |         <p>unicode是字体在网页端最原始的应用方式，特点是：</p>
712 |         <ul>
713 |         <li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
714 |         <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
715 |         <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
716 |         </ul>
717 |         <blockquote>
718 |         <p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
719 |         </blockquote>
720 |         <p>unicode使用步骤如下：</p>
721 |         <h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
722 |         <pre><code class="lang-js hljs javascript">@font-face {
723 |   font-family: <span class="hljs-string">'iconfont'</span>;
724 |   src: url(<span class="hljs-string">'iconfont.eot'</span>);
725 |   src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
726 |   url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
727 |   url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
728 |   url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
729 | }
730 | </code></pre>
731 |         <h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
732 |         <pre><code class="lang-js hljs javascript">.iconfont{
733 |   font-family:<span class="hljs-string">"iconfont"</span> !important;
734 |   font-size:<span class="hljs-number">16</span>px;font-style:normal;
735 |   -webkit-font-smoothing: antialiased;
736 |   -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
737 |   -moz-osx-font-smoothing: grayscale;
738 | }
739 | </code></pre>
740 |         <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
741 |         <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
742 | 
743 |         <blockquote>
744 |         <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
745 |         </blockquote>
746 |     </div>
747 | 
748 | 
749 | </body>
750 | </html>
751 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/demo_symbol.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html>
  4 | <head>
  5 |     <meta charset="utf-8"/>
  6 |     <title>IconFont</title>
  7 |     <link rel="stylesheet" href="demo.css">
  8 |     <script src="iconfont.js"></script>
  9 | 
 10 |     <style type="text/css">
 11 |         .icon {
 12 |           /* 通过设置 font-size 来改变图标大小 */
 13 |           width: 1em; height: 1em;
 14 |           /* 图标和文字相邻时，垂直对齐 */
 15 |           vertical-align: -0.15em;
 16 |           /* 通过设置 color 来改变 SVG 的颜色/fill */
 17 |           fill: currentColor;
 18 |           /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
 19 |              normalize.css 中也包含这行 */
 20 |           overflow: hidden;
 21 |         }
 22 | 
 23 |     </style>
 24 | </head>
 25 | <body>
 26 |     <div class="main markdown">
 27 |         <h1>IconFont 图标</h1>
 28 |         <ul class="icon_lists clear">
 29 |             
 30 |                 <li>
 31 |                     <svg class="icon" aria-hidden="true">
 32 |                         <use xlink:href="#icon-all"></use>
 33 |                     </svg>
 34 |                     <div class="name">all</div>
 35 |                     <div class="fontclass">#icon-all</div>
 36 |                 </li>
 37 |             
 38 |                 <li>
 39 |                     <svg class="icon" aria-hidden="true">
 40 |                         <use xlink:href="#icon-back"></use>
 41 |                     </svg>
 42 |                     <div class="name">back</div>
 43 |                     <div class="fontclass">#icon-back</div>
 44 |                 </li>
 45 |             
 46 |                 <li>
 47 |                     <svg class="icon" aria-hidden="true">
 48 |                         <use xlink:href="#icon-cart"></use>
 49 |                     </svg>
 50 |                     <div class="name">cart</div>
 51 |                     <div class="fontclass">#icon-cart</div>
 52 |                 </li>
 53 |             
 54 |                 <li>
 55 |                     <svg class="icon" aria-hidden="true">
 56 |                         <use xlink:href="#icon-category"></use>
 57 |                     </svg>
 58 |                     <div class="name">Category</div>
 59 |                     <div class="fontclass">#icon-category</div>
 60 |                 </li>
 61 |             
 62 |                 <li>
 63 |                     <svg class="icon" aria-hidden="true">
 64 |                         <use xlink:href="#icon-close"></use>
 65 |                     </svg>
 66 |                     <div class="name">close</div>
 67 |                     <div class="fontclass">#icon-close</div>
 68 |                 </li>
 69 |             
 70 |                 <li>
 71 |                     <svg class="icon" aria-hidden="true">
 72 |                         <use xlink:href="#icon-comments"></use>
 73 |                     </svg>
 74 |                     <div class="name">comments</div>
 75 |                     <div class="fontclass">#icon-comments</div>
 76 |                 </li>
 77 |             
 78 |                 <li>
 79 |                     <svg class="icon" aria-hidden="true">
 80 |                         <use xlink:href="#icon-cry"></use>
 81 |                     </svg>
 82 |                     <div class="name">cry</div>
 83 |                     <div class="fontclass">#icon-cry</div>
 84 |                 </li>
 85 |             
 86 |                 <li>
 87 |                     <svg class="icon" aria-hidden="true">
 88 |                         <use xlink:href="#icon-delete"></use>
 89 |                     </svg>
 90 |                     <div class="name">delete</div>
 91 |                     <div class="fontclass">#icon-delete</div>
 92 |                 </li>
 93 |             
 94 |                 <li>
 95 |                     <svg class="icon" aria-hidden="true">
 96 |                         <use xlink:href="#icon-edit"></use>
 97 |                     </svg>
 98 |                     <div class="name">edit</div>
 99 |                     <div class="fontclass">#icon-edit</div>
100 |                 </li>
101 |             
102 |                 <li>
103 |                     <svg class="icon" aria-hidden="true">
104 |                         <use xlink:href="#icon-email"></use>
105 |                     </svg>
106 |                     <div class="name">email</div>
107 |                     <div class="fontclass">#icon-email</div>
108 |                 </li>
109 |             
110 |                 <li>
111 |                     <svg class="icon" aria-hidden="true">
112 |                         <use xlink:href="#icon-favorite"></use>
113 |                     </svg>
114 |                     <div class="name">favorite</div>
115 |                     <div class="fontclass">#icon-favorite</div>
116 |                 </li>
117 |             
118 |                 <li>
119 |                     <svg class="icon" aria-hidden="true">
120 |                         <use xlink:href="#icon-folder"></use>
121 |                     </svg>
122 |                     <div class="name">folder</div>
123 |                     <div class="fontclass">#icon-folder</div>
124 |                 </li>
125 |             
126 |                 <li>
127 |                     <svg class="icon" aria-hidden="true">
128 |                         <use xlink:href="#icon-form"></use>
129 |                     </svg>
130 |                     <div class="name">form</div>
131 |                     <div class="fontclass">#icon-form</div>
132 |                 </li>
133 |             
134 |                 <li>
135 |                     <svg class="icon" aria-hidden="true">
136 |                         <use xlink:href="#icon-help"></use>
137 |                     </svg>
138 |                     <div class="name">help</div>
139 |                     <div class="fontclass">#icon-help</div>
140 |                 </li>
141 |             
142 |                 <li>
143 |                     <svg class="icon" aria-hidden="true">
144 |                         <use xlink:href="#icon-information"></use>
145 |                     </svg>
146 |                     <div class="name">information</div>
147 |                     <div class="fontclass">#icon-information</div>
148 |                 </li>
149 |             
150 |                 <li>
151 |                     <svg class="icon" aria-hidden="true">
152 |                         <use xlink:href="#icon-less"></use>
153 |                     </svg>
154 |                     <div class="name">less</div>
155 |                     <div class="fontclass">#icon-less</div>
156 |                 </li>
157 |             
158 |                 <li>
159 |                     <svg class="icon" aria-hidden="true">
160 |                         <use xlink:href="#icon-moreunfold"></use>
161 |                     </svg>
162 |                     <div class="name">more_unfold</div>
163 |                     <div class="fontclass">#icon-moreunfold</div>
164 |                 </li>
165 |             
166 |                 <li>
167 |                     <svg class="icon" aria-hidden="true">
168 |                         <use xlink:href="#icon-more"></use>
169 |                     </svg>
170 |                     <div class="name">more</div>
171 |                     <div class="fontclass">#icon-more</div>
172 |                 </li>
173 |             
174 |                 <li>
175 |                     <svg class="icon" aria-hidden="true">
176 |                         <use xlink:href="#icon-pic"></use>
177 |                     </svg>
178 |                     <div class="name">pic</div>
179 |                     <div class="fontclass">#icon-pic</div>
180 |                 </li>
181 |             
182 |                 <li>
183 |                     <svg class="icon" aria-hidden="true">
184 |                         <use xlink:href="#icon-qrcode"></use>
185 |                     </svg>
186 |                     <div class="name">QRCode</div>
187 |                     <div class="fontclass">#icon-qrcode</div>
188 |                 </li>
189 |             
190 |                 <li>
191 |                     <svg class="icon" aria-hidden="true">
192 |                         <use xlink:href="#icon-refresh"></use>
193 |                     </svg>
194 |                     <div class="name">refresh</div>
195 |                     <div class="fontclass">#icon-refresh</div>
196 |                 </li>
197 |             
198 |                 <li>
199 |                     <svg class="icon" aria-hidden="true">
200 |                         <use xlink:href="#icon-rfq"></use>
201 |                     </svg>
202 |                     <div class="name">RFQ</div>
203 |                     <div class="fontclass">#icon-rfq</div>
204 |                 </li>
205 |             
206 |                 <li>
207 |                     <svg class="icon" aria-hidden="true">
208 |                         <use xlink:href="#icon-search"></use>
209 |                     </svg>
210 |                     <div class="name">search</div>
211 |                     <div class="fontclass">#icon-search</div>
212 |                 </li>
213 |             
214 |                 <li>
215 |                     <svg class="icon" aria-hidden="true">
216 |                         <use xlink:href="#icon-selected"></use>
217 |                     </svg>
218 |                     <div class="name">selected</div>
219 |                     <div class="fontclass">#icon-selected</div>
220 |                 </li>
221 |             
222 |                 <li>
223 |                     <svg class="icon" aria-hidden="true">
224 |                         <use xlink:href="#icon-set"></use>
225 |                     </svg>
226 |                     <div class="name">set</div>
227 |                     <div class="fontclass">#icon-set</div>
228 |                 </li>
229 |             
230 |                 <li>
231 |                     <svg class="icon" aria-hidden="true">
232 |                         <use xlink:href="#icon-smile"></use>
233 |                     </svg>
234 |                     <div class="name">Smile</div>
235 |                     <div class="fontclass">#icon-smile</div>
236 |                 </li>
237 |             
238 |                 <li>
239 |                     <svg class="icon" aria-hidden="true">
240 |                         <use xlink:href="#icon-success"></use>
241 |                     </svg>
242 |                     <div class="name">success</div>
243 |                     <div class="fontclass">#icon-success</div>
244 |                 </li>
245 |             
246 |                 <li>
247 |                     <svg class="icon" aria-hidden="true">
248 |                         <use xlink:href="#icon-survey"></use>
249 |                     </svg>
250 |                     <div class="name">survey</div>
251 |                     <div class="fontclass">#icon-survey</div>
252 |                 </li>
253 |             
254 |                 <li>
255 |                     <svg class="icon" aria-hidden="true">
256 |                         <use xlink:href="#icon-training"></use>
257 |                     </svg>
258 |                     <div class="name">training</div>
259 |                     <div class="fontclass">#icon-training</div>
260 |                 </li>
261 |             
262 |                 <li>
263 |                     <svg class="icon" aria-hidden="true">
264 |                         <use xlink:href="#icon-viewgallery"></use>
265 |                     </svg>
266 |                     <div class="name">ViewGallery</div>
267 |                     <div class="fontclass">#icon-viewgallery</div>
268 |                 </li>
269 |             
270 |                 <li>
271 |                     <svg class="icon" aria-hidden="true">
272 |                         <use xlink:href="#icon-viewlist"></use>
273 |                     </svg>
274 |                     <div class="name">Viewlist</div>
275 |                     <div class="fontclass">#icon-viewlist</div>
276 |                 </li>
277 |             
278 |                 <li>
279 |                     <svg class="icon" aria-hidden="true">
280 |                         <use xlink:href="#icon-warning"></use>
281 |                     </svg>
282 |                     <div class="name">warning</div>
283 |                     <div class="fontclass">#icon-warning</div>
284 |                 </li>
285 |             
286 |                 <li>
287 |                     <svg class="icon" aria-hidden="true">
288 |                         <use xlink:href="#icon-wrong"></use>
289 |                     </svg>
290 |                     <div class="name">wrong</div>
291 |                     <div class="fontclass">#icon-wrong</div>
292 |                 </li>
293 |             
294 |                 <li>
295 |                     <svg class="icon" aria-hidden="true">
296 |                         <use xlink:href="#icon-account"></use>
297 |                     </svg>
298 |                     <div class="name">account</div>
299 |                     <div class="fontclass">#icon-account</div>
300 |                 </li>
301 |             
302 |                 <li>
303 |                     <svg class="icon" aria-hidden="true">
304 |                         <use xlink:href="#icon-add"></use>
305 |                     </svg>
306 |                     <div class="name">add</div>
307 |                     <div class="fontclass">#icon-add</div>
308 |                 </li>
309 |             
310 |                 <li>
311 |                     <svg class="icon" aria-hidden="true">
312 |                         <use xlink:href="#icon-atm"></use>
313 |                     </svg>
314 |                     <div class="name">atm</div>
315 |                     <div class="fontclass">#icon-atm</div>
316 |                 </li>
317 |             
318 |                 <li>
319 |                     <svg class="icon" aria-hidden="true">
320 |                         <use xlink:href="#icon-clock"></use>
321 |                     </svg>
322 |                     <div class="name">clock</div>
323 |                     <div class="fontclass">#icon-clock</div>
324 |                 </li>
325 |             
326 |                 <li>
327 |                     <svg class="icon" aria-hidden="true">
328 |                         <use xlink:href="#icon-remind"></use>
329 |                     </svg>
330 |                     <div class="name">remind</div>
331 |                     <div class="fontclass">#icon-remind</div>
332 |                 </li>
333 |             
334 |                 <li>
335 |                     <svg class="icon" aria-hidden="true">
336 |                         <use xlink:href="#icon-calendar"></use>
337 |                     </svg>
338 |                     <div class="name">calendar</div>
339 |                     <div class="fontclass">#icon-calendar</div>
340 |                 </li>
341 |             
342 |                 <li>
343 |                     <svg class="icon" aria-hidden="true">
344 |                         <use xlink:href="#icon-attachment"></use>
345 |                     </svg>
346 |                     <div class="name">attachment</div>
347 |                     <div class="fontclass">#icon-attachment</div>
348 |                 </li>
349 |             
350 |                 <li>
351 |                     <svg class="icon" aria-hidden="true">
352 |                         <use xlink:href="#icon-3column"></use>
353 |                     </svg>
354 |                     <div class="name">3column</div>
355 |                     <div class="fontclass">#icon-3column</div>
356 |                 </li>
357 |             
358 |                 <li>
359 |                     <svg class="icon" aria-hidden="true">
360 |                         <use xlink:href="#icon-4column"></use>
361 |                     </svg>
362 |                     <div class="name">4column</div>
363 |                     <div class="fontclass">#icon-4column</div>
364 |                 </li>
365 |             
366 |                 <li>
367 |                     <svg class="icon" aria-hidden="true">
368 |                         <use xlink:href="#icon-discount"></use>
369 |                     </svg>
370 |                     <div class="name">discount</div>
371 |                     <div class="fontclass">#icon-discount</div>
372 |                 </li>
373 |             
374 |                 <li>
375 |                     <svg class="icon" aria-hidden="true">
376 |                         <use xlink:href="#icon-service"></use>
377 |                     </svg>
378 |                     <div class="name">service</div>
379 |                     <div class="fontclass">#icon-service</div>
380 |                 </li>
381 |             
382 |                 <li>
383 |                     <svg class="icon" aria-hidden="true">
384 |                         <use xlink:href="#icon-print"></use>
385 |                     </svg>
386 |                     <div class="name">print</div>
387 |                     <div class="fontclass">#icon-print</div>
388 |                 </li>
389 |             
390 |                 <li>
391 |                     <svg class="icon" aria-hidden="true">
392 |                         <use xlink:href="#icon-box"></use>
393 |                     </svg>
394 |                     <div class="name">box</div>
395 |                     <div class="fontclass">#icon-box</div>
396 |                 </li>
397 |             
398 |                 <li>
399 |                     <svg class="icon" aria-hidden="true">
400 |                         <use xlink:href="#icon-process"></use>
401 |                     </svg>
402 |                     <div class="name">process</div>
403 |                     <div class="fontclass">#icon-process</div>
404 |                 </li>
405 |             
406 |                 <li>
407 |                     <svg class="icon" aria-hidden="true">
408 |                         <use xlink:href="#icon-bags"></use>
409 |                     </svg>
410 |                     <div class="name">bags</div>
411 |                     <div class="fontclass">#icon-bags</div>
412 |                 </li>
413 |             
414 |                 <li>
415 |                     <svg class="icon" aria-hidden="true">
416 |                         <use xlink:href="#icon-beauty"></use>
417 |                     </svg>
418 |                     <div class="name">beauty</div>
419 |                     <div class="fontclass">#icon-beauty</div>
420 |                 </li>
421 |             
422 |                 <li>
423 |                     <svg class="icon" aria-hidden="true">
424 |                         <use xlink:href="#icon-electrical"></use>
425 |                     </svg>
426 |                     <div class="name">electrical</div>
427 |                     <div class="fontclass">#icon-electrical</div>
428 |                 </li>
429 |             
430 |                 <li>
431 |                     <svg class="icon" aria-hidden="true">
432 |                         <use xlink:href="#icon-electronics"></use>
433 |                     </svg>
434 |                     <div class="name">electronics</div>
435 |                     <div class="fontclass">#icon-electronics</div>
436 |                 </li>
437 |             
438 |                 <li>
439 |                     <svg class="icon" aria-hidden="true">
440 |                         <use xlink:href="#icon-gifts"></use>
441 |                     </svg>
442 |                     <div class="name">gifts</div>
443 |                     <div class="fontclass">#icon-gifts</div>
444 |                 </li>
445 |             
446 |                 <li>
447 |                     <svg class="icon" aria-hidden="true">
448 |                         <use xlink:href="#icon-apparel"></use>
449 |                     </svg>
450 |                     <div class="name">apparel</div>
451 |                     <div class="fontclass">#icon-apparel</div>
452 |                 </li>
453 |             
454 |                 <li>
455 |                     <svg class="icon" aria-hidden="true">
456 |                         <use xlink:href="#icon-atmaway"></use>
457 |                     </svg>
458 |                     <div class="name">atm-away</div>
459 |                     <div class="fontclass">#icon-atmaway</div>
460 |                 </li>
461 |             
462 |                 <li>
463 |                     <svg class="icon" aria-hidden="true">
464 |                         <use xlink:href="#icon-rfq1"></use>
465 |                     </svg>
466 |                     <div class="name">rfq</div>
467 |                     <div class="fontclass">#icon-rfq1</div>
468 |                 </li>
469 |             
470 |                 <li>
471 |                     <svg class="icon" aria-hidden="true">
472 |                         <use xlink:href="#icon-scanning"></use>
473 |                     </svg>
474 |                     <div class="name">scanning</div>
475 |                     <div class="fontclass">#icon-scanning</div>
476 |                 </li>
477 |             
478 |                 <li>
479 |                     <svg class="icon" aria-hidden="true">
480 |                         <use xlink:href="#icon-filter"></use>
481 |                     </svg>
482 |                     <div class="name">filter</div>
483 |                     <div class="fontclass">#icon-filter</div>
484 |                 </li>
485 |             
486 |                 <li>
487 |                     <svg class="icon" aria-hidden="true">
488 |                         <use xlink:href="#icon-pin"></use>
489 |                     </svg>
490 |                     <div class="name">pin</div>
491 |                     <div class="fontclass">#icon-pin</div>
492 |                 </li>
493 |             
494 |                 <li>
495 |                     <svg class="icon" aria-hidden="true">
496 |                         <use xlink:href="#icon-history"></use>
497 |                     </svg>
498 |                     <div class="name">history</div>
499 |                     <div class="fontclass">#icon-history</div>
500 |                 </li>
501 |             
502 |                 <li>
503 |                     <svg class="icon" aria-hidden="true">
504 |                         <use xlink:href="#icon-productfeatures"></use>
505 |                     </svg>
506 |                     <div class="name">product-features</div>
507 |                     <div class="fontclass">#icon-productfeatures</div>
508 |                 </li>
509 |             
510 |                 <li>
511 |                     <svg class="icon" aria-hidden="true">
512 |                         <use xlink:href="#icon-supplierfeatures"></use>
513 |                     </svg>
514 |                     <div class="name">supplier-features</div>
515 |                     <div class="fontclass">#icon-supplierfeatures</div>
516 |                 </li>
517 |             
518 |                 <li>
519 |                     <svg class="icon" aria-hidden="true">
520 |                         <use xlink:href="#icon-similarproduct"></use>
521 |                     </svg>
522 |                     <div class="name">similar-product</div>
523 |                     <div class="fontclass">#icon-similarproduct</div>
524 |                 </li>
525 |             
526 |                 <li>
527 |                     <svg class="icon" aria-hidden="true">
528 |                         <use xlink:href="#icon-link"></use>
529 |                     </svg>
530 |                     <div class="name">link</div>
531 |                     <div class="fontclass">#icon-link</div>
532 |                 </li>
533 |             
534 |                 <li>
535 |                     <svg class="icon" aria-hidden="true">
536 |                         <use xlink:href="#icon-cut"></use>
537 |                     </svg>
538 |                     <div class="name">cut</div>
539 |                     <div class="fontclass">#icon-cut</div>
540 |                 </li>
541 |             
542 |                 <li>
543 |                     <svg class="icon" aria-hidden="true">
544 |                         <use xlink:href="#icon-navlist"></use>
545 |                     </svg>
546 |                     <div class="name">nav-list</div>
547 |                     <div class="fontclass">#icon-navlist</div>
548 |                 </li>
549 |             
550 |                 <li>
551 |                     <svg class="icon" aria-hidden="true">
552 |                         <use xlink:href="#icon-imagetext"></use>
553 |                     </svg>
554 |                     <div class="name">image-text</div>
555 |                     <div class="fontclass">#icon-imagetext</div>
556 |                 </li>
557 |             
558 |                 <li>
559 |                     <svg class="icon" aria-hidden="true">
560 |                         <use xlink:href="#icon-text"></use>
561 |                     </svg>
562 |                     <div class="name">text</div>
563 |                     <div class="fontclass">#icon-text</div>
564 |                 </li>
565 |             
566 |                 <li>
567 |                     <svg class="icon" aria-hidden="true">
568 |                         <use xlink:href="#icon-move"></use>
569 |                     </svg>
570 |                     <div class="name">move</div>
571 |                     <div class="fontclass">#icon-move</div>
572 |                 </li>
573 |             
574 |                 <li>
575 |                     <svg class="icon" aria-hidden="true">
576 |                         <use xlink:href="#icon-subtract"></use>
577 |                     </svg>
578 |                     <div class="name">subtract</div>
579 |                     <div class="fontclass">#icon-subtract</div>
580 |                 </li>
581 |             
582 |                 <li>
583 |                     <svg class="icon" aria-hidden="true">
584 |                         <use xlink:href="#icon-dollar"></use>
585 |                     </svg>
586 |                     <div class="name">dollar</div>
587 |                     <div class="fontclass">#icon-dollar</div>
588 |                 </li>
589 |             
590 |                 <li>
591 |                     <svg class="icon" aria-hidden="true">
592 |                         <use xlink:href="#icon-raw"></use>
593 |                     </svg>
594 |                     <div class="name">raw</div>
595 |                     <div class="fontclass">#icon-raw</div>
596 |                 </li>
597 |             
598 |                 <li>
599 |                     <svg class="icon" aria-hidden="true">
600 |                         <use xlink:href="#icon-office"></use>
601 |                     </svg>
602 |                     <div class="name">office</div>
603 |                     <div class="fontclass">#icon-office</div>
604 |                 </li>
605 |             
606 |                 <li>
607 |                     <svg class="icon" aria-hidden="true">
608 |                         <use xlink:href="#icon-agriculture"></use>
609 |                     </svg>
610 |                     <div class="name">agriculture</div>
611 |                     <div class="fontclass">#icon-agriculture</div>
612 |                 </li>
613 |             
614 |                 <li>
615 |                     <svg class="icon" aria-hidden="true">
616 |                         <use xlink:href="#icon-machinery"></use>
617 |                     </svg>
618 |                     <div class="name">machinery</div>
619 |                     <div class="fontclass">#icon-machinery</div>
620 |                 </li>
621 |             
622 |                 <li>
623 |                     <svg class="icon" aria-hidden="true">
624 |                         <use xlink:href="#icon-assessedbadge"></use>
625 |                     </svg>
626 |                     <div class="name">assessed-Badge</div>
627 |                     <div class="fontclass">#icon-assessedbadge</div>
628 |                 </li>
629 |             
630 |                 <li>
631 |                     <svg class="icon" aria-hidden="true">
632 |                         <use xlink:href="#icon-gerenzhongxin"></use>
633 |                     </svg>
634 |                     <div class="name">personal-center</div>
635 |                     <div class="fontclass">#icon-gerenzhongxin</div>
636 |                 </li>
637 |             
638 |                 <li>
639 |                     <svg class="icon" aria-hidden="true">
640 |                         <use xlink:href="#icon-jifen"></use>
641 |                     </svg>
642 |                     <div class="name">integral</div>
643 |                     <div class="fontclass">#icon-jifen</div>
644 |                 </li>
645 |             
646 |                 <li>
647 |                     <svg class="icon" aria-hidden="true">
648 |                         <use xlink:href="#icon-operation"></use>
649 |                     </svg>
650 |                     <div class="name">operation</div>
651 |                     <div class="fontclass">#icon-operation</div>
652 |                 </li>
653 |             
654 |                 <li>
655 |                     <svg class="icon" aria-hidden="true">
656 |                         <use xlink:href="#icon-remind1"></use>
657 |                     </svg>
658 |                     <div class="name">remind</div>
659 |                     <div class="fontclass">#icon-remind1</div>
660 |                 </li>
661 |             
662 |                 <li>
663 |                     <svg class="icon" aria-hidden="true">
664 |                         <use xlink:href="#icon-icondownload"></use>
665 |                     </svg>
666 |                     <div class="name">download</div>
667 |                     <div class="fontclass">#icon-icondownload</div>
668 |                 </li>
669 |             
670 |                 <li>
671 |                     <svg class="icon" aria-hidden="true">
672 |                         <use xlink:href="#icon-map"></use>
673 |                     </svg>
674 |                     <div class="name">map</div>
675 |                     <div class="fontclass">#icon-map</div>
676 |                 </li>
677 |             
678 |                 <li>
679 |                     <svg class="icon" aria-hidden="true">
680 |                         <use xlink:href="#icon-good"></use>
681 |                     </svg>
682 |                     <div class="name">good</div>
683 |                     <div class="fontclass">#icon-good</div>
684 |                 </li>
685 |             
686 |                 <li>
687 |                     <svg class="icon" aria-hidden="true">
688 |                         <use xlink:href="#icon-skip"></use>
689 |                     </svg>
690 |                     <div class="name">skip</div>
691 |                     <div class="fontclass">#icon-skip</div>
692 |                 </li>
693 |             
694 |                 <li>
695 |                     <svg class="icon" aria-hidden="true">
696 |                         <use xlink:href="#icon-iconfontplay2"></use>
697 |                     </svg>
698 |                     <div class="name">play</div>
699 |                     <div class="fontclass">#icon-iconfontplay2</div>
700 |                 </li>
701 |             
702 |                 <li>
703 |                     <svg class="icon" aria-hidden="true">
704 |                         <use xlink:href="#icon-iconfontstop"></use>
705 |                     </svg>
706 |                     <div class="name">stop</div>
707 |                     <div class="fontclass">#icon-iconfontstop</div>
708 |                 </li>
709 |             
710 |                 <li>
711 |                     <svg class="icon" aria-hidden="true">
712 |                         <use xlink:href="#icon-compass"></use>
713 |                     </svg>
714 |                     <div class="name">compass</div>
715 |                     <div class="fontclass">#icon-compass</div>
716 |                 </li>
717 |             
718 |                 <li>
719 |                     <svg class="icon" aria-hidden="true">
720 |                         <use xlink:href="#icon-security"></use>
721 |                     </svg>
722 |                     <div class="name">security</div>
723 |                     <div class="fontclass">#icon-security</div>
724 |                 </li>
725 |             
726 |                 <li>
727 |                     <svg class="icon" aria-hidden="true">
728 |                         <use xlink:href="#icon-share"></use>
729 |                     </svg>
730 |                     <div class="name">share</div>
731 |                     <div class="fontclass">#icon-share</div>
732 |                 </li>
733 |             
734 |                 <li>
735 |                     <svg class="icon" aria-hidden="true">
736 |                         <use xlink:href="#icon-store"></use>
737 |                     </svg>
738 |                     <div class="name">store</div>
739 |                     <div class="fontclass">#icon-store</div>
740 |                 </li>
741 |             
742 |                 <li>
743 |                     <svg class="icon" aria-hidden="true">
744 |                         <use xlink:href="#icon-rejectedorder"></use>
745 |                     </svg>
746 |                     <div class="name">rejected-order</div>
747 |                     <div class="fontclass">#icon-rejectedorder</div>
748 |                 </li>
749 |             
750 |                 <li>
751 |                     <svg class="icon" aria-hidden="true">
752 |                         <use xlink:href="#icon-phone"></use>
753 |                     </svg>
754 |                     <div class="name">phone</div>
755 |                     <div class="fontclass">#icon-phone</div>
756 |                 </li>
757 |             
758 |                 <li>
759 |                     <svg class="icon" aria-hidden="true">
760 |                         <use xlink:href="#icon-bussinessman"></use>
761 |                     </svg>
762 |                     <div class="name">bussiness-man</div>
763 |                     <div class="fontclass">#icon-bussinessman</div>
764 |                 </li>
765 |             
766 |                 <li>
767 |                     <svg class="icon" aria-hidden="true">
768 |                         <use xlink:href="#icon-mobilephone"></use>
769 |                     </svg>
770 |                     <div class="name">Mobile-phone</div>
771 |                     <div class="fontclass">#icon-mobilephone</div>
772 |                 </li>
773 |             
774 |                 <li>
775 |                     <svg class="icon" aria-hidden="true">
776 |                         <use xlink:href="#icon-emailfilling"></use>
777 |                     </svg>
778 |                     <div class="name">email-filling</div>
779 |                     <div class="fontclass">#icon-emailfilling</div>
780 |                 </li>
781 |             
782 |                 <li>
783 |                     <svg class="icon" aria-hidden="true">
784 |                         <use xlink:href="#icon-favoritesfilling"></use>
785 |                     </svg>
786 |                     <div class="name">favorites-filling</div>
787 |                     <div class="fontclass">#icon-favoritesfilling</div>
788 |                 </li>
789 |             
790 |                 <li>
791 |                     <svg class="icon" aria-hidden="true">
792 |                         <use xlink:href="#icon-accountfilling"></use>
793 |                     </svg>
794 |                     <div class="name">account-filling</div>
795 |                     <div class="fontclass">#icon-accountfilling</div>
796 |                 </li>
797 |             
798 |                 <li>
799 |                     <svg class="icon" aria-hidden="true">
800 |                         <use xlink:href="#icon-creditlevelfilling"></use>
801 |                     </svg>
802 |                     <div class="name">credit-level-filling</div>
803 |                     <div class="fontclass">#icon-creditlevelfilling</div>
804 |                 </li>
805 |             
806 |                 <li>
807 |                     <svg class="icon" aria-hidden="true">
808 |                         <use xlink:href="#icon-exl"></use>
809 |                     </svg>
810 |                     <div class="name">exl</div>
811 |                     <div class="fontclass">#icon-exl</div>
812 |                 </li>
813 |             
814 |                 <li>
815 |                     <svg class="icon" aria-hidden="true">
816 |                         <use xlink:href="#icon-pdf"></use>
817 |                     </svg>
818 |                     <div class="name">pdf</div>
819 |                     <div class="fontclass">#icon-pdf</div>
820 |                 </li>
821 |             
822 |                 <li>
823 |                     <svg class="icon" aria-hidden="true">
824 |                         <use xlink:href="#icon-zip"></use>
825 |                     </svg>
826 |                     <div class="name">zip</div>
827 |                     <div class="fontclass">#icon-zip</div>
828 |                 </li>
829 |             
830 |                 <li>
831 |                     <svg class="icon" aria-hidden="true">
832 |                         <use xlink:href="#icon-sorting"></use>
833 |                     </svg>
834 |                     <div class="name">sorting</div>
835 |                     <div class="fontclass">#icon-sorting</div>
836 |                 </li>
837 |             
838 |                 <li>
839 |                     <svg class="icon" aria-hidden="true">
840 |                         <use xlink:href="#icon-copy"></use>
841 |                     </svg>
842 |                     <div class="name">copy</div>
843 |                     <div class="fontclass">#icon-copy</div>
844 |                 </li>
845 |             
846 |                 <li>
847 |                     <svg class="icon" aria-hidden="true">
848 |                         <use xlink:href="#icon-hot"></use>
849 |                     </svg>
850 |                     <div class="name">hot</div>
851 |                     <div class="fontclass">#icon-hot</div>
852 |                 </li>
853 |             
854 |                 <li>
855 |                     <svg class="icon" aria-hidden="true">
856 |                         <use xlink:href="#icon-trade"></use>
857 |                     </svg>
858 |                     <div class="name">trade</div>
859 |                     <div class="fontclass">#icon-trade</div>
860 |                 </li>
861 |             
862 |                 <li>
863 |                     <svg class="icon" aria-hidden="true">
864 |                         <use xlink:href="#icon-component"></use>
865 |                     </svg>
866 |                     <div class="name">component</div>
867 |                     <div class="fontclass">#icon-component</div>
868 |                 </li>
869 |             
870 |                 <li>
871 |                     <svg class="icon" aria-hidden="true">
872 |                         <use xlink:href="#icon-color"></use>
873 |                     </svg>
874 |                     <div class="name">color</div>
875 |                     <div class="fontclass">#icon-color</div>
876 |                 </li>
877 |             
878 |                 <li>
879 |                     <svg class="icon" aria-hidden="true">
880 |                         <use xlink:href="#icon-color-filling"></use>
881 |                     </svg>
882 |                     <div class="name">color-filling</div>
883 |                     <div class="fontclass">#icon-color-filling</div>
884 |                 </li>
885 |             
886 |                 <li>
887 |                     <svg class="icon" aria-hidden="true">
888 |                         <use xlink:href="#icon-favorites"></use>
889 |                     </svg>
890 |                     <div class="name">favorites</div>
891 |                     <div class="fontclass">#icon-favorites</div>
892 |                 </li>
893 |             
894 |                 <li>
895 |                     <svg class="icon" aria-hidden="true">
896 |                         <use xlink:href="#icon-RFQ"></use>
897 |                     </svg>
898 |                     <div class="name">RFQ</div>
899 |                     <div class="fontclass">#icon-RFQ</div>
900 |                 </li>
901 |             
902 |                 <li>
903 |                     <svg class="icon" aria-hidden="true">
904 |                         <use xlink:href="#icon-originalimage"></use>
905 |                     </svg>
906 |                     <div class="name">original-image</div>
907 |                     <div class="fontclass">#icon-originalimage</div>
908 |                 </li>
909 |             
910 |                 <li>
911 |                     <svg class="icon" aria-hidden="true">
912 |                         <use xlink:href="#icon-logistic"></use>
913 |                     </svg>
914 |                     <div class="name">logistic</div>
915 |                     <div class="fontclass">#icon-logistic</div>
916 |                 </li>
917 |             
918 |                 <li>
919 |                     <svg class="icon" aria-hidden="true">
920 |                         <use xlink:href="#icon-video"></use>
921 |                     </svg>
922 |                     <div class="name">video</div>
923 |                     <div class="fontclass">#icon-video</div>
924 |                 </li>
925 |             
926 |         </ul>
927 | 
928 | 
929 |         <h2 id="symbol-">symbol引用</h2>
930 |         <hr>
931 | 
932 |         <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
933 |         这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
934 |         <ul>
935 |           <li>支持多色图标了，不再受单色限制。</li>
936 |           <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
937 |           <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
938 |           <li>浏览器渲染svg的性能一般，还不如png。</li>
939 |         </ul>
940 |         <p>使用步骤如下：</p>
941 |         <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
942 |         <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
943 |         <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
944 |         <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
945 | .icon {
946 |    width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
947 |    vertical-align: <span class="hljs-number">-0.15</span>em;
948 |    fill: currentColor;
949 |    overflow: hidden;
950 | }
951 | &lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
952 |         <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
953 |         <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
954 |   &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
955 | </span>&lt;<span class="hljs-regexp">/svg&gt;
956 |         </span></code></pre>
957 |     </div>
958 | </body>
959 | </html>
960 | 


--------------------------------------------------------------------------------
/src/assets/iconfont/iconfont.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
  3 | <svg xmlns="http://www.w3.org/2000/svg">
  4 | <metadata>
  5 | Created by FontForge 20120731 at Wed Apr 26 16:45:42 2017
  6 |  By admin
  7 | </metadata>
  8 | <defs>
  9 | <font id="iconfont" horiz-adv-x="1024" >
 10 |   <font-face 
 11 |     font-family="iconfont"
 12 |     font-weight="500"
 13 |     font-stretch="normal"
 14 |     units-per-em="1024"
 15 |     panose-1="2 0 6 3 0 0 0 0 0 0"
 16 |     ascent="896"
 17 |     descent="-128"
 18 |     x-height="792"
 19 |     bbox="0 -140.981 1143 896.133"
 20 |     underline-thickness="0"
 21 |     underline-position="0"
 22 |     unicode-range="U+0078-E820"
 23 |   />
 24 | <missing-glyph 
 25 |  />
 26 |     <glyph glyph-name=".notdef" 
 27 |  />
 28 |     <glyph glyph-name=".notdef" 
 29 |  />
 30 |     <glyph glyph-name=".null" horiz-adv-x="0" 
 31 |  />
 32 |     <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
 33 |  />
 34 |     <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
 35 | d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
 36 | t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
 37 | t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
 38 |     <glyph glyph-name="all" unicode="&#xe696;" 
 39 | d="M461 410h25v25v218q0 101 -71 172t-172 71t-172 -71t-71 -172t71 -172t172 -71h218zM51 652.5q0 79.5 56.5 136t136 56.5t135.5 -56.5t56 -135.5v-218l26 26h-218q-79 0 -135.5 56t-56.5 135.5zM461 307l-26 26v-218q0 -79 -56 -135.5t-135.5 -56.5t-136 56.5t-56.5 136
 40 | t56.5 135.5t135.5 56h218zM0 115q0 -101 71 -172t172 -71t172 71t71 172v218v25h-25h-218q-101 0 -172 -71t-71 -172zM563 461l26 -26v218q0 79 56 135.5t135.5 56.5t136 -56.5t56.5 -136t-56.5 -135.5t-135.5 -56h-218zM1024 653q0 101 -71 172t-172 71t-172 -71t-71 -172
 41 | v-218v-25h25h218q101 0 172 71t71 172zM1024 115q0 101 -71 172t-172 71h-218h-25v-25v-218q0 -101 71 -172t172 -71q57 0 107 25q10 5 13.5 15t-1.5 19.5t-15 13t-19 -1.5q-40 -20 -85 -20q-80 0 -136 56.5t-56 135.5v218l-26 -26h218q79 0 135.5 -56t56.5 -136
 42 | q0 -28 -8 -54q-3 -10 2 -19.5t15 -12.5t19.5 2t12.5 15q10 34 10 69z" />
 43 |     <glyph glyph-name="back" unicode="&#xe697;" 
 44 | d="M364 423q-20 -18 -20 -44t21 -44l309 -271q7 -6 15.5 -5.5t14.5 7.5t5.5 15.5t-7.5 14.5l-309 271q-14 12 -1 24l310 281q7 6 7.5 15t-5.5 15.5t-15 7t-15 -5.5z" />
 45 |     <glyph glyph-name="cart" unicode="&#xe698;" 
 46 | d="M235 197q9 -27 35 -46t55 -19h537h18l6 19l123 429q9 32 -9 56.5t-51 24.5h-524q-11 0 -18 -7.5t-7 -18t7 -18t18 -7.5h524q17 0 12 -16l-123 -429l24 18h-537q-13 0 -26 9t-17 21l-208 619q-4 10 -13 15t-19 1.5t-14.5 -13t-1.5 -19.5zM400 -6q0 42 -29.5 71.5t-71 29.5
 47 | t-70.5 -29.5t-29 -71.5t29 -71.5t70.5 -29.5t71 29.5t29.5 71.5zM250 -6q0 21 14.5 35.5t35 14.5t35.5 -14.5t15 -35.5t-15 -35.5t-35.5 -14.5t-35 14.5t-14.5 35.5zM924 -6q0 42 -29 71.5t-70.5 29.5t-71 -29.5t-29.5 -71.5t29.5 -71.5t71 -29.5t70.5 29.5t29 71.5zM774 -6
 48 | q0 21 15 35.5t35.5 14.5t35 -14.5t14.5 -35.5t-14.5 -35.5t-35 -14.5t-35.5 14.5t-15 35.5z" />
 49 |     <glyph glyph-name="category" unicode="&#xe699;" 
 50 | d="M134 640q10 0 17 6t7 15t-7 15.5t-17 6.5h-97q-11 0 -18 -6.5t-7 -15.5t7 -15t18 -6h97zM134 363q10 0 17 6t7 15t-7 15t-17 6h-97q-11 0 -18 -6t-7 -15t7 -15t18 -6h97zM134 85q10 0 17 6.5t7 15.5t-7 15t-17 6h-97q-11 0 -18 -6t-7 -15t7 -15.5t18 -6.5h97zM987 640
 51 | q11 0 18 6t7 15t-7 15.5t-18 6.5h-707q-10 0 -17 -6.5t-7 -15.5t7 -15t17 -6h707zM994 363q10 0 17 6t7 15t-7 15t-17 6h-708q-10 0 -17 -6t-7 -15t7 -15t17 -6h708zM997 85q10 0 17 6.5t7 15.5t-7 15t-17 6h-707q-11 0 -18 -6t-7 -15t7 -15.5t18 -6.5h707z" />
 52 |     <glyph glyph-name="close" unicode="&#xe69a;" 
 53 | d="M177 79q-6 -7 -6 -15.5t6.5 -14.5t15 -6t14.5 6l619 640q6 7 6 15.5t-6.5 14.5t-15.5 6t-15 -6zM795 49q6 -6 15 -6t15.5 6t6.5 14.5t-6 15.5l-619 640q-6 6 -14.5 6t-15 -6t-6.5 -14.5t6 -15.5z" />
 54 |     <glyph glyph-name="comments" unicode="&#xe69b;" 
 55 | d="M131 107q-32 0 -55 23.5t-23 56.5v640l-27 -27h867q32 0 55 -23.5t23 -56.5v-640l27 27h-473h-8l-6 -5l-225 -151q-9 -6 -11.5 -16.5t3.5 -20t17 -11.5t20 4l225 151l-15 -5h473h26v27v640q0 55 -38.5 94t-92.5 39h-867h-26v-26v-640q0 -56 38.5 -95t92.5 -39h137
 56 | q11 0 18.5 8t7.5 19t-7.5 19t-18.5 8h-137zM368 453.5q0 44.5 -31 75.5t-74.5 31t-74 -31t-30.5 -75.5t30.5 -75.5t74 -31t74.5 31t31 75.5zM210 453q0 22 15.5 38t37 16t37 -16t15.5 -38t-15.5 -37.5t-37 -15.5t-37 15.5t-15.5 37.5zM630 453.5q0 44.5 -30.5 75.5t-74 31
 57 | t-74.5 -31t-31 -75.5t31 -75.5t74.5 -31t74 31t30.5 75.5zM473 453q0 22 15 38t37 16t37.5 -16t15.5 -38t-15.5 -37.5t-37.5 -15.5t-37 15.5t-15 37.5zM893 453.5q0 44.5 -31 75.5t-74.5 31t-74 -31t-30.5 -75.5t30.5 -75.5t74 -31t74.5 31t31 75.5zM735 453q0 22 15.5 38
 58 | t37 16t37 -16t15.5 -38t-15.5 -37.5t-37 -15.5t-37 15.5t-15.5 37.5z" />
 59 |     <glyph glyph-name="cry" unicode="&#xe69c;" 
 60 | d="M1024 384q0 139 -68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5q179 0 319 111q8 7 9 17t-5.5 18.5t-16.5 9.5t-18 -6q-126 -100 -288 -100q-94 0 -179.5 36.5t-147.5 98.5t-98.5 147.5t-36.5 179.5
 61 | t36.5 179.5t98.5 147.5t147.5 98.5t179.5 36.5t179.5 -36.5t147.5 -98.5t98.5 -147.5t36.5 -179.5q0 -132 -70 -244q-5 -9 -2.5 -19t11 -15.5t18.5 -3t16 11.5q77 123 77 270zM337 396q26 0 44.5 18.5t18.5 44.5t-18.5 44t-44.5 18t-44 -18t-18 -44t18 -44.5t44 -18.5z
 62 | M712 396q26 0 44 18.5t18 44.5t-18 44t-44 18t-44.5 -18t-18.5 -44t18.5 -44.5t44.5 -18.5zM353 191q69 56 171.5 56t171.5 -56q36 -28 51 -58q4 -9 1 -19t-12.5 -14.5t-19 -1.5t-14.5 13q-2 4 -8 11q-12 17 -29 30q-56 45 -140.5 45t-140.5 -45q-17 -13 -29 -30
 63 | q-6 -7 -8 -11q-5 -10 -14.5 -13t-19 1.5t-12.5 14.5t1 19q15 30 51 58z" />
 64 |     <glyph glyph-name="delete" unicode="&#xe69d;" 
 65 | d="M973 687q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5l-941 2q-10 0 -18 -8t-8 -19t8 -18.5t18 -7.5zM180 -96v-27h27l626 7h26v26v697q0 11 -7.5 18.5t-18.5 7.5t-18.5 -7.5t-7.5 -18.5v-697l26 27l-627 -7l27 -26v709q0 11 -7.5 19t-18.5 8t-19 -8t-8 -19v-709zM656 49
 66 | q0 -11 8 -18.5t19 -7.5t18.5 7.5t7.5 18.5v475q0 11 -7.5 18.5t-18.5 7.5t-19 -7.5t-8 -18.5v-475zM341 49q0 -11 8 -18.5t18.5 -7.5t18.5 7.5t8 18.5v475q0 11 -8 18.5t-18.5 7.5t-18.5 -7.5t-8 -18.5v-475zM499 49q0 -11 7.5 -18.5t18.5 -7.5t18.5 7.5t7.5 18.5v475
 67 | q0 11 -7.5 18.5t-18.5 7.5t-18.5 -7.5t-7.5 -18.5v-475zM392 779q0 11 7.5 19t18.5 8h205q11 0 18.5 -8t7.5 -19v-55h53v55q0 33 -23 56t-56 23h-205q-32 0 -55 -23t-23 -56v-48h52v48z" />
 68 |     <glyph glyph-name="edit" unicode="&#xe69e;" 
 69 | d="M34 665h-25v-25v-598q0 -52 36.5 -89t88.5 -37h794h25v25v484q0 10 -7.5 17.5t-17.5 7.5t-17.5 -7.5t-7.5 -17.5v-484l25 25h-794q-31 0 -53 22.5t-22 53.5v598l-25 -25h565q10 0 17.5 7t7.5 17.5t-7.5 18t-17.5 7.5h-565zM437 302l-5 -6v-9l-4 -149l-1 -36l34 12l144 51
 70 | l7 3l4 6l387 511l16 20l-21 16l-129 97l-19 15l-15 -20zM840 778l128 -98l-4 36l-387 -511l11 8l-143 -52l33 -24l4 149l-6 -15l398 511zM891 585l29 41l-112 82l-29 -41z" />
 71 |     <glyph glyph-name="email" unicode="&#xe69f;" 
 72 | d="M973 -38l25 25h-870q-32 0 -54.5 23t-22.5 55v720l-25 -26h870q32 0 54.5 -22.5t22.5 -54.5v-65q0 -10 7.5 -17.5t18 -7.5t18 7.5t7.5 17.5v65q0 53 -37.5 91t-90.5 38h-870h-26v-26v-720q0 -54 37.5 -91.5t90.5 -37.5h870h26v26v476q0 11 -7.5 18.5t-18 7.5t-18 -7.5
 73 | t-7.5 -18.5v-476zM513 329q13 -10 27 -2l463 255q9 5 12 15.5t-2 20t-15.5 12.5t-19.5 -3l-463 -255l27 -1l-348 248q-9 7 -19.5 5t-16.5 -10.5t-4 -19t10 -16.5z" />
 74 |     <glyph glyph-name="favorite" unicode="&#xe6a0;" 
 75 | d="M472 812q10 23 17 22.5t17 -22.5l114 -265q4 -9 13.5 -13t19 0t13.5 13.5t0 19.5l-113 264q-23 53 -63 53t-64 -52l-119 -260q-5 -10 -1 -19.5t13.5 -13.5t19 -0.5t14.5 13.5zM946 488q25 -3 27.5 -9.5t-16.5 -22.5l-221 -188q-8 -7 -9 -17t6 -18t17.5 -8.5t18.5 5.5
 76 | l221 188q44 37 32 75t-70 44l-289 31q-11 1 -19 -5.5t-9 -17t5.5 -18.5t16.5 -9zM789 -62q5 -24 -0.5 -28t-27.5 8l-250 149q-9 5 -19 2.5t-15.5 -11t-3 -18.5t11.5 -16l250 -148q50 -30 83 -7t21 79l-60 279q-2 11 -10.5 16.5t-19 3.5t-16 -11t-3.5 -19zM233 -79
 77 | q-22 -13 -27.5 -8.5t-0.5 28.5l67 279q2 10 -3.5 18.5t-15.5 11t-19 -3t-12 -15.5l-66 -279q-13 -56 19 -79.5t83 5.5l252 142q9 5 12 14.5t-2.5 18.5t-15.5 12t-19 -2zM130 383q-48 42 -88 78q-8 7 -18 6.5t-17 -8.5t-6.5 -18t7.5 -17q40 -34 88 -78l128 -114q8 -6 18 -5.5
 78 | t17 8t6.5 17.5t-7.5 17v0l-1 1h-1v1l-1 1h-1l-1 1v1h-1l-1 1v0l-1 1v0l-1 1h-1v1l-1 1v0l-1 1h-1v1h-1v1h-1v0l-1 1v0l-1 1v0l-1 1v0l-1 1v0l-1 1v0l-1 1v0h-1v1h-1v1h-1v1h-1v0l-1 1v0l-1 1v0l-1 1v0l-1 1v0h-1v1h-1v1h-1v1h-1v1h-1v0l-1 1v0l-1 1v0l-1 1h-1v1h-1v1h-1v1
 79 | h-1v1h-1v1h-1l-1 1v0l-1 1v0l-1 1v0l-1 1h-1v1h-1v1h-1l-1 1v0l-1 1l-1 1v0l-1 1v0l-1 1h-1v1l-1 1h-1v1h-1l-1 1v1h-1l-1 1v0l-1 1l-1 1h-1v1l-1 1h-1v1h-1l-1 1l-1 1v0l-1 1l-1 1h-1v1l-1 1h-1l-1 1v1h-1l-1 1l-1 1l-1 1v0l-1 1l-1 1h-1l-1 1v1l-1 1h-1l-1 1l-1 1v1h-1
 80 | l-1 1l-1 1l-1 1h-1l-1 1v1l-1 1h-1l-1 1l-1 1l-1 1l-1 1h-1l-1 1v1l-1 1l-1 1h-1l-1 1l-1 1l-1 1l-1 1h-1l-1 1l-1 1l-1 1l-1 1v1l-1 1h-1l-1 1l-1 1l-1 1l-1 1l-1 1l-1 1h-1l-1 1l-1 1l-1 1l-2 2v0zM180 502q15 1 31 3q37 4 76 8q13 2 24 3q6 1 9 1q10 1 16.5 9.5t5.5 18.5
 81 | t-9.5 16.5t-18.5 4.5q-3 0 -9 -1q-11 -1 -23 -2q-40 -5 -76 -9q-16 -2 -31 -3q-31 -3 -56 -5q-10 -1 -17 -9t-6 -18t9 -16.5t18 -6.5q25 3 57 6z" />
 82 |     <glyph glyph-name="folder" unicode="&#xe6a1;" 
 83 | d="M1024 550q0 52 -36.5 88.5t-88.5 36.5h-375l18 -7l-127 124l-7 7h-10h-348h-25v-25v-678q0 -52 36.5 -88.5t87.5 -36.5h738q11 0 18 7t7 17.5t-7 18t-18 7.5h-738q-30 0 -52 22t-22 53v678l-25 -25h348l-17 7l126 -124l7 -7h10h375q31 0 53 -22t22 -53v-443
 84 | q0 -10 7 -17.5t17.5 -7.5t18 7.5t7.5 17.5v443zM1016 410v50h-988v-50h988z" />
 85 |     <glyph glyph-name="form" unicode="&#xe6a2;" 
 86 | d="M836 847q30 0 52 -21.5t22 -51.5v-713l7 17l-162 -165l18 8h-585q-30 0 -52 21.5t-22 51.5v878l-25 -25h747zM64 896v-24v-878q0 -51 36.5 -86.5t87.5 -35.5h585h11l7 7l162 165l7 7v10v713q0 51 -36.5 86.5t-87.5 35.5h-747h-25zM736 189q-31 0 -53 -21.5t-22 -51.5
 87 | v-146q0 -11 7.5 -18t18 -7t17.5 7t7 18v146q0 10 7.5 17t17.5 7h112q10 0 17.5 7t7.5 17.5t-7.5 17.5t-17.5 7h-112zM775 677q10 0 17.5 7t7.5 17t-7.5 17t-17.5 7h-512q-10 0 -17.5 -7t-7.5 -17t7.5 -17t17.5 -7h512zM775 530q10 0 17.5 7.5t7.5 17.5t-7.5 17t-17.5 7h-512
 88 | q-10 0 -17.5 -7t-7.5 -17t7.5 -17.5t17.5 -7.5h512zM775 360q10 0 17.5 7t7.5 17t-7.5 17t-17.5 7h-512q-10 0 -17.5 -7t-7.5 -17t7.5 -17t17.5 -7h512z" />
 89 |     <glyph glyph-name="help" unicode="&#xe6a3;" 
 90 | d="M1024 384q0 139 -68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5q179 0 319 111q8 7 9 17t-5.5 18.5t-16.5 9.5t-18 -6q-126 -100 -288 -100q-94 0 -179.5 36.5t-147.5 98.5t-98.5 147.5t-36.5 179.5
 91 | t36.5 179.5t98.5 147.5t147.5 98.5t179.5 36.5t179.5 -36.5t147.5 -98.5t98.5 -147.5t36.5 -179.5q0 -132 -70 -244q-5 -9 -2.5 -19t11 -15.5t18.5 -3t16 11.5q77 123 77 270zM533 205q14 0 24 -10t10 -25v-9q0 -14 -10 -24t-24 -10v0q-14 0 -24 10t-10 24v9q0 15 10 25
 92 | t24 10v0zM375 477q0 -2 1 -6t8.5 -10.5t19 -6.5t18.5 6t8 11l2 6q-2 58 24.5 85t80.5 24q73 -8 75 -81q-5 -33 -54 -85q-65 -65 -65 -117v-35q1 -3 2 -6.5t8 -9t17.5 -5.5t17.5 5t8 10l2 6v24q0 44 62 104q64 59 64 109q-5 136 -142 141q-157 3 -157 -169z" />
 93 |     <glyph glyph-name="information" unicode="&#xe6a4;" 
 94 | d="M1024 384q0 139 -68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5q179 0 319 111q8 7 9 17t-5.5 18.5t-16.5 9.5t-18 -6q-126 -100 -288 -100q-94 0 -179.5 36.5t-147.5 98.5t-98.5 147.5t-36.5 179.5
 95 | t36.5 179.5t98.5 147.5t147.5 98.5t179.5 36.5t179.5 -36.5t147.5 -98.5t98.5 -147.5t36.5 -179.5q0 -132 -70 -244q-5 -9 -2.5 -19t11 -15.5t18.5 -3t16 11.5q77 123 77 270zM500 153q0 -10 7 -17.5t17.5 -7.5t17.5 7.5t7 17.5v318q0 11 -7 18t-17.5 7t-17.5 -7t-7 -18
 96 | v-318zM500 578q0 -11 7 -18t17.5 -7t17.5 7t7 18v43q0 11 -7 18t-17.5 7t-17.5 -7t-7 -18v-43z" />
 97 |     <glyph glyph-name="less" unicode="&#xe6a5;" 
 98 | d="M510 509q12 14 25 0l270 -310q6 -6 15 -7t15.5 5t7 15t-5.5 15l-270 310q-18 20 -44 20.5t-45 -20.5l-280 -309q-6 -7 -6 -16t7 -14.5t15.5 -5.5t14.5 7z" />
 99 |     <glyph glyph-name="moreunfold" unicode="&#xe6a6;" 
100 | d="M478 252q19 -20 45 -20t44 21l270 309q6 7 5.5 15.5t-7 14.5t-15.5 5.5t-15 -7.5l-270 -309q-13 -14 -25 -1l-281 310q-6 7 -14.5 7.5t-15.5 -5.5t-7 -15t6 -15z" />
101 |     <glyph glyph-name="more" unicode="&#xe6a7;" 
102 | d="M642 391q14 -12 0 -24l-309 -271q-7 -6 -7.5 -14.5t5 -15.5t14.5 -7.5t16 5.5l309 271q21 18 21 44t-20 44l-310 281q-7 6 -15.5 5.5t-14.5 -7t-5.5 -15.5t6.5 -15z" />
103 |     <glyph glyph-name="pic" unicode="&#xe6a8;" 
104 | d="M475 320l-35 -4l228 -144l16 -11l15 12l313 231l12 9v14v260q0 60 -41.5 102.5t-100.5 42.5h-854h-28v-29v-722q0 -60 41.5 -102.5t100.5 -42.5h854h28v29v260q0 12 -8.5 20.5t-20 8.5t-20 -8.5t-8.5 -20.5v-260l29 29h-854q-35 0 -60 25.5t-25 61.5v722l-29 -29h854
105 | q35 0 60 -25.5t25 -61.5v-260l12 24l-313 -231l32 1l-228 144l-19 12l-16 -16l-228 -231q-8 -9 -8 -21t8.5 -20t20 -8t20.5 8zM341 557.5q0 41.5 -29 71.5t-70 30t-70.5 -30t-29.5 -71.5t29.5 -71.5t70.5 -30t70 30t29 71.5zM199 557q0 18 12.5 31t30 13t30 -13t12.5 -31
106 | t-12.5 -30.5t-30 -12.5t-30 12.5t-12.5 30.5z" />
107 |     <glyph glyph-name="qrcode" unicode="&#xe6a9;" 
108 | d="M390 826l-24 24v-342l24 24h-341l24 -24v342l-24 -24h341zM24 875v-25v-342v-25h25h341h24v25v342v25h-24h-341h-25zM390 239l-24 24v-342l24 24h-292q-10 0 -17.5 7.5t-7.5 17.5v293l-24 -24h341zM24 288v-25v-293q0 -30 21.5 -52t52.5 -22h292h24v25v342v25h-24h-341
109 | h-25zM926 826q10 0 17.5 -7.5t7.5 -17.5v-293l24 24h-341l24 -24v342l-24 -24h292zM610 875v-25v-342v-25h24h341h25v25v293q0 31 -21.5 52.5t-52.5 21.5h-292h-24zM975 239l-24 24v-342l24 24h-341l24 -24v342l-24 -24h341zM610 288v-25v-342v-25h24h341h25v25v342v25h-25
110 | h-341h-24zM488 508q0 -11 7 -18t17 -7t17 7t7 18v269q0 10 -7 17t-17 7t-17 -7t-7 -17v-269zM585 215q0 10 -7 17t-17 7t-17.5 -7t-7.5 -17v-294q0 -10 7.5 -17.5t17.5 -7.5t17 7.5t7 17.5v294zM488 117q0 10 -7.5 17t-17.5 7t-17 -7t-7 -17v-196q0 -10 7 -17.5t17 -7.5
111 | t17.5 7.5t7.5 17.5v196zM1000 361q10 0 17 7t7 17.5t-7 17.5t-17 7h-976q-10 0 -17 -7t-7 -17.5t7 -17.5t17 -7h976z" />
112 |     <glyph glyph-name="refresh" unicode="&#xe6aa;" 
113 | d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5q123 0 231 54.5t180 151t93 216.5q3 17 5 34q1 11 -5.5 19t-16.5 9t-18.5 -5.5t-9.5 -16.5q-1 -16 -4 -31q-29 -165 -158 -273t-297 -108q-94 0 -179.5 36.5t-147.5 98.5
114 | t-98.5 147.5t-36.5 179.5t36.5 179.5t98.5 147.5t147.5 98.5t179.5 36.5q139 0 254.5 -76t169.5 -203q4 -9 14 -13t19.5 0t13 14t-0.5 19q-60 140 -188 224.5t-282 84.5zM958 546l25 25h-259q-10 0 -17.5 -7.5t-7.5 -18t7.5 -17.5t17.5 -7h259q11 0 18 7t7 18v275
115 | q0 10 -7 17.5t-17.5 7.5t-18 -7.5t-7.5 -17.5v-275z" />
116 |     <glyph glyph-name="rfq" unicode="&#xe6ab;" 
117 | d="M798 404l-37 1l191 -236l18 39h-119h-24v-24v-264l24 23h-167l24 -23v166q0 10 -7 17t-17 7t-17 -7t-7 -17v-166v-24h24h167h24v24v264l-24 -24h119h50l-31 39l-190 236l-18 22l-19 -21l-209 -238q-7 -7 -6.5 -17t8 -16.5t17.5 -6t16 8.5zM154 -33q-35 0 -60 26t-25 63
118 | v816l-24 -24h703q35 0 60 -25.5t25 -62.5v-427h48v427q0 56 -39 96t-94 40h-703h-24v-24v-816q0 -57 39 -96.5t94 -39.5h533v47h-533zM735 515q10 0 17 7t7 17t-7 17t-17 7h-546q-9 0 -16 -7t-7 -17t7 -17t16 -7h546zM738 658q10 0 17 7t7 17t-7 16.5t-17 6.5h-546
119 | q-10 0 -17 -6.5t-7 -16.5t7 -17t17 -7h546z" />
120 |     <glyph glyph-name="search" unicode="&#xe6ac;" 
121 | d="M1002 -96q-2 5 -3 7l-4 6q-3 4 -10 11q-10 12 -31 34q-26 27 -96 98q-69 70 -95 97q-20 21 -30 32q-5 6 -7 8q1 -1 3 -5q1 -6 0 -9t-7 -16q62 60 95.5 139.5t33.5 167.5q0 114 -55.5 211.5t-151 154t-208 56.5t-208.5 -56.5t-151.5 -154t-55.5 -212t55.5 -212t151.5 -154
122 | t208 -56.5q8 0 16 1q5 0 15 1q17 2 23 2q13 0 47 10l8 2q13 3 26 7q7 3 11 4q10 3 15 12.5t2 19.5t-12.5 15t-19.5 2q-4 -2 -11 -4q-13 -4 -24 -7l-8 -2q-28 -8 -34 -8q-9 0 -28 -2q-9 -1 -13 -1q-7 -1 -13 -1q-99 0 -183 50t-132.5 135.5t-48.5 186t48.5 186t132.5 135.5
123 | t183 50t183 -50t133 -135.5t49 -185.5q0 -78 -29.5 -147.5t-84.5 -122.5q-7 -13 -8 -16.5t1 -9.5q2 -4 3 -7q1 -2 4 -5q3 -5 9 -11q11 -12 31 -34q26 -27 95.5 -97.5t95.5 -97.5q20 -21 30 -32q5 -6 7 -8q-1 2 -2 6q-2 6 -1 9t9 16q-8 -7 -9 -17.5t6 -18.5t17 -9t18 6
124 | q8 13 9 16.5t0 9.5z" />
125 |     <glyph glyph-name="selected" unicode="&#xe6ad;" 
126 | d="M464 219q8 -7 18 -7t17 8l300 309q7 7 7 17.5t-7.5 17.5t-18 7t-17.5 -7l-300 -310l35 1l-181 167q-8 7 -18.5 6.5t-17.5 -8t-6.5 -18t8.5 -17.5z" />
127 |     <glyph glyph-name="set" unicode="&#xe6ae;" 
128 | d="M826 248l-7 -12l8 -12l78 -116l4 31l-139 -135l29 3l-128 76l-10 6l-11 -4q-13 -5 -25 -10l-13 -4l-3 -14l-28 -131l24 19h-197l24 -18l-34 137l-3 13l-12 4q-11 4 -22 10l-12 5l-11 -7l-120 -77l30 -3l-139 136l4 -31l78 125l7 11l-6 11l-10 26l-4 13l-14 2l-135 28
129 | l20 -24v191l-19 -23l141 33l12 3l5 11q5 13 12 25l6 13l-8 12l-73 110l-3 -30l138 136l-30 -3l123 -75l10 -6l12 5l20 8l12 4l3 13l33 133l-23 -19h196l-24 20l29 -136l3 -13l13 -5q15 -6 30 -13l12 -6l11 7l114 72l-30 3l140 -135l-4 31l-76 -120l-7 -11l5 -12
130 | q6 -12 10 -25l5 -12l13 -4l134 -31l-19 24v-192l20 24l-142 -29l-13 -2l-5 -12q-4 -11 -9 -22zM858 260l5 -24l141 29l20 4v20v192v19l-19 4l-134 32l-6 -24l23 8q-5 15 -11 29l-22 -10l20 -13l77 120l10 17l-14 13l-140 135l-14 13l-16 -10l-114 -71l13 -21l11 22
131 | q-17 8 -34 15l-9 -23l24 5l-29 136l-4 19h-20h-196h-19l-5 -19l-33 -133l24 -5l-8 23q-12 -4 -23 -9l9 -23l13 21l-123 74l-16 10l-14 -13l-138 -137l-14 -14l11 -17l73 -110l21 13l-22 11q-7 -14 -13 -28l23 -9l-6 23l-141 -33l-19 -4v-20v-191v-20l20 -4l134 -27l5 24
132 | l-23 -9q5 -14 12 -28l22 10l-21 12l-78 -124l-10 -17l14 -13l139 -136l14 -13l16 10l120 77l-13 20l-10 -22l24 -10l9 22l-23 -5l34 -138l4 -19h19h197h20l4 20l28 131l-24 5l7 -23q15 5 28 11l-9 22l-12 -21l127 -76l16 -9l14 13l139 135l14 14l-11 17l-78 116l-21 -13
133 | l22 -11q6 12 11 24zM731 396q0 86 -60.5 146.5t-146.5 60.5t-146.5 -60.5t-60.5 -146.5t60.5 -146.5t146.5 -60.5q44 0 84 18q9 4 13 13.5t0 18.5t-13.5 12.5t-19.5 -0.5q-30 -13 -64 -13q-65 0 -111.5 46.5t-46.5 112t46.5 112t112 46.5t112 -46.5t46.5 -112.5
134 | q0 -17 -4 -34q-2 -10 3.5 -18.5t15 -10.5t18 3.5t11.5 15.5q4 22 4 44z" />
135 |     <glyph glyph-name="smile" unicode="&#xe6af;" 
136 | d="M1024 384q0 139 -68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5q179 0 319 111q8 7 9 17t-5.5 18.5t-16.5 9.5t-18 -6q-126 -100 -288 -100q-94 0 -179.5 36.5t-147.5 98.5t-98.5 147.5t-36.5 179.5
137 | t36.5 179.5t98.5 147.5t147.5 98.5t179.5 36.5t179.5 -36.5t147.5 -98.5t98.5 -147.5t36.5 -179.5q0 -132 -70 -244q-5 -9 -2.5 -19t11 -15.5t18.5 -3t16 11.5q77 123 77 270zM337 396q26 0 44.5 18.5t18.5 44.5t-18.5 44t-44.5 18t-44 -18t-18 -44t18 -44.5t44 -18.5z
138 | M712 396q26 0 44 18.5t18 44.5t-18 44t-44 18t-44.5 -18t-18.5 -44t18.5 -44.5t44.5 -18.5zM353 127q69 -55 171.5 -55t171.5 55q36 29 51 59q4 9 1 18.5t-12.5 14.5t-19 1.5t-14.5 -12.5q-2 -4 -8 -12q-12 -16 -29 -30q-56 -44 -140.5 -44t-140.5 44q-17 14 -29 30
139 | q-6 8 -8 12q-5 9 -14.5 12.5t-19 -1.5t-12.5 -14.5t1 -18.5q15 -30 51 -59z" />
140 |     <glyph glyph-name="success" unicode="&#xe6b1;" 
141 | d="M464 219q8 -7 18 -7t17 8l300 309q7 7 7 17.5t-7.5 17.5t-18 7t-17.5 -7l-300 -310l35 1l-181 167q-8 7 -18.5 6.5t-17.5 -8t-6.5 -18t8.5 -17.5zM1024 384q0 139 -68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5
142 | t257 -68.5q179 0 319 111q8 7 9 17t-5.5 18.5t-16.5 9.5t-18 -6q-126 -100 -288 -100q-94 0 -179.5 36.5t-147.5 98.5t-98.5 147.5t-36.5 179.5t36.5 179.5t98.5 147.5t147.5 98.5t179.5 36.5t179.5 -36.5t147.5 -98.5t98.5 -147.5t36.5 -179.5q0 -132 -70 -244
143 | q-5 -9 -2.5 -19t11 -15.5t18.5 -3t16 11.5q77 123 77 270z" />
144 |     <glyph glyph-name="survey" unicode="&#xe6b2;" 
145 | d="M722 849q29 0 49.5 -20t20.5 -49v-342l7 16l-397 -403l17 7h-281q-29 0 -49.5 20.5t-20.5 49.5v745l-23 -24h677zM21 896v-23v-745q0 -48 34.5 -82t82.5 -34h281h9l7 7l397 402l7 7v10v342q0 48 -34 82t-83 34h-677h-24zM776 307l-17 -16l17 -17l93 -93l17 -16l16 16
146 | l70 70l17 17l-17 16l-93 93l-17 17l-16 -17zM846 344l93 -93v33l-70 -70h33l-93 93v-33l70 70h-33zM519 51l-5 -5l-2 -7l-23 -116l-7 -34l35 7l116 23l7 1l5 5l257 256l17 17l-17 16l-93 93l-17 17l-16 -17zM776 274l93 -93v33l-257 -256l12 7l-117 -24l28 -27l23 116
147 | l-6 -12l257 256h-33zM427 298q13 0 22 -9t9 -22v-9q0 -13 -9 -22.5t-22 -9.5v0q-14 0 -23 9.5t-9 22.5v9q0 13 9 22t23 9v0zM278 552q1 -2 2 -5.5t8 -10t17.5 -6.5t17 5.5t8.5 11.5l1 5q-2 54 23 79t76 23q67 -8 70 -76q-5 -30 -51 -79q-60 -61 -60 -109v-33q0 -2 1 -5.5
148 | t7.5 -9t16.5 -5.5q4 0 8 1.5t6.5 3t4.5 3.5t3 4l2 4t1 3v1v23q0 40 58 96q61 56 61 102q-5 127 -133 132q-148 2 -148 -158z" />
149 |     <glyph glyph-name="training" unicode="&#xe6b3;" 
150 | d="M887 773q30 0 51.5 -21.5t21.5 -52.5v-467l24 25h-847q-30 0 -51.5 21.5t-21.5 52.5v467l-24 -25h847zM16 822v-24v-467q0 -51 35.5 -87t85.5 -36h847h24v24v467q0 51 -35.5 87t-85.5 36h-847h-24zM196 -69q-7 -7 -6.5 -17.5t7.5 -17t17 -6.5t17 8l219 242q7 8 6.5 18
151 | t-7.5 17t-17 6.5t-17 -8.5zM798 -102q7 -8 17 -8t17.5 6.5t8 17t-6.5 17.5l-219 242q-7 8 -17 8.5t-17.5 -6.5t-8 -17t6.5 -18zM442 792q0 -8 7 -13.5t17 -5.5t17 5.5t7 13.5v85q0 8 -7 13.5t-17 5.5t-17 -5.5t-7 -13.5v-85zM515 589q10 0 17 7t7 17.5t-7 17.5t-17 7h-356
152 | q-10 0 -17.5 -7t-7.5 -17.5t7.5 -17.5t17.5 -7h356zM515 431q10 0 17 7t7 17.5t-7 17.5t-17 7h-356q-10 0 -17.5 -7t-7.5 -17.5t7.5 -17.5t17.5 -7h356zM680 344q78 61 78 174v161q0 10 -7 17.5t-17 7.5t-17 -7.5t-7 -17.5v-161q0 -89 -59 -136q-19 -14 -41 -23
153 | q-11 -4 -18 -5q-9 -2 -15 -10.5t-4 -18.5t10.5 -16t18.5 -4q39 8 78 39zM753 663q6 8 5 18.5t-8.5 17t-17.5 5.5t-17 -9l-109 -135q-7 -8 -6 -18t9 -16.5t18 -5.5t16 9zM753 695q-7 8 -17 9t-17.5 -5.5t-8.5 -17t5 -18.5l110 -134q6 -8 16 -9t18 5.5t9 16.5t-6 18z" />
154 |     <glyph glyph-name="viewgallery" unicode="&#xe6b4;" 
155 | d="M147 846h202q31 0 53 -22t22 -53v-224q0 -32 -22 -54t-53 -22h-202q-31 0 -53 22t-22 54v224q0 31 22 53t53 22zM21 547q0 -52 37 -89t89 -37h202q52 0 88.5 37t36.5 89v224q0 52 -36.5 88.5t-88.5 36.5h-202q-52 0 -89 -36.5t-37 -88.5v-224zM675 846h202q31 0 53 -22
156 | t22 -53v-224q0 -32 -22 -54t-53 -22h-202q-31 0 -53 22t-22 54v224q0 31 22 53t53 22zM550 547q0 -52 36.5 -89t88.5 -37h202q52 0 89 37t37 89v224q0 52 -37 88.5t-89 36.5h-202q-52 0 -88.5 -36.5t-36.5 -88.5v-224zM147 297h202q31 0 53 -22t22 -54v-224q0 -31 -22 -53
157 | t-53 -22h-202q-31 0 -53 22t-22 53v224q0 32 22 54t53 22zM21 -3q0 -52 37 -88.5t89 -36.5h202q52 0 88.5 36.5t36.5 88.5v224q0 52 -36.5 89t-88.5 37h-202q-52 0 -89 -37t-37 -89v-224zM875 -78h-7h-23h-69h-101q-31 0 -53 22t-22 53v224q0 32 22 54t53 22h202
158 | q31 0 53 -22t22 -53v-195v-30q0 -10 7.5 -17.5t18 -7.5t18 7.5t7.5 17.5v30v195q0 51 -37 88t-89 37h-202q-52 0 -88.5 -37t-36.5 -89v-224q0 -52 36.5 -88.5t88.5 -36.5h101h69h23h7h1q11 0 18.5 7.5t7.5 17.5t-7.5 17.5t-17.5 7.5h-2z" />
159 |     <glyph glyph-name="viewlist" unicode="&#xe6b5;" 
160 | d="M147 846h200q31 0 53 -22t22 -53v-224q0 -32 -22 -54t-53 -22h-200q-32 0 -54 22t-22 54v224q0 31 22 53t54 22zM21 547q0 -52 37 -89t89 -37h200q52 0 89 37t37 89v224q0 52 -37 88.5t-89 36.5h-200q-52 0 -89 -36.5t-37 -88.5v-224zM147 297h200q31 0 53 -22t22 -54
161 | v-224q0 -31 -22 -53t-53 -22h-200q-32 0 -54 22t-22 53v224q0 32 22 54t54 22zM21 -3q0 -52 37 -88.5t89 -36.5h200q52 0 89 36.5t37 88.5v224q0 52 -37 89t-89 37h-200q-52 0 -89 -37t-37 -89v-224zM999 746q10 0 17.5 7.5t7.5 17.5t-7.5 17.5t-17.5 7.5h-426
162 | q-11 0 -18 -7.5t-7 -17.5t7 -17.5t18 -7.5h426zM999 621q10 0 17.5 7.5t7.5 18t-7.5 17.5t-17.5 7h-426q-11 0 -18 -7t-7 -17.5t7 -18t18 -7.5h426zM999 496q10 0 17.5 7.5t7.5 18t-7.5 17.5t-17.5 7h-426q-11 0 -18 -7t-7 -17.5t7 -18t18 -7.5h426zM999 222q10 0 17.5 7
163 | t7.5 17.5t-7.5 18t-17.5 7.5h-426q-11 0 -18 -7.5t-7 -18t7 -17.5t18 -7h426zM999 97q10 0 17.5 7t7.5 17.5t-7.5 18t-17.5 7.5h-426q-11 0 -18 -7.5t-7 -18t7 -17.5t18 -7h426zM999 -28q10 0 17.5 7.5t7.5 17.5t-7.5 17.5t-17.5 7.5h-426q-11 0 -18 -7.5t-7 -17.5t7 -17.5
164 | t18 -7.5h426z" />
165 |     <glyph glyph-name="warning" unicode="&#xe6b6;" 
166 | d="M598 738q-40 64 -100 64t-100 -64l-373 -602q-40 -65 -12.5 -116.5t103.5 -52.5h775q78 -2 105 40.5t-13 107.5q-1 4 -11 18l-8 13q-6 9 -16 11.5t-18.5 -3t-11 -15.5t2.5 -19v0l1 -1l1 -2v-1h1v-1l1 -1v-1h1v-1l1 -1v-1l1 -1v0l1 -2v0v0l2 -2l1 -2l1 -2l1 -2l1 -2l1 -1
167 | l1 -1l1 -1v-2h1v-1l1 -1l1 -2v0q23 -38 11.5 -55t-60.5 -16h-775q-47 1 -61 26.5t11 65.5l373 602q26 41 58.5 41t57.5 -41l301 -472q6 -9 16 -11t18.5 3.5t11 16t-3.5 18.5zM475 276q0 -10 7 -17.5t17.5 -7.5t17.5 7.5t7 17.5v320q0 11 -7 18t-17.5 7t-17.5 -7t-7 -18v-320
168 | zM474 119q1 -10 8 -17.5t17.5 -7.5t17.5 7.5t7 18.5v64q0 10 -7.5 17.5t-18 7t-17.5 -7.5t-7 -18v-64z" />
169 |     <glyph glyph-name="wrong" unicode="&#xe6b7;" 
170 | d="M1024 384q0 139 -68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5q179 0 319 111q8 7 9 17t-5.5 18.5t-16.5 9.5t-18 -6q-126 -100 -288 -100q-94 0 -179.5 36.5t-147.5 98.5t-98.5 147.5t-36.5 179.5
171 | t36.5 179.5t98.5 147.5t147.5 98.5t179.5 36.5t179.5 -36.5t147.5 -98.5t98.5 -147.5t36.5 -179.5q0 -132 -70 -244q-5 -9 -2.5 -19t11 -15.5t18.5 -3t16 11.5q77 123 77 270zM332 232q-7 -7 -7 -17.5t7.5 -17.5t17.5 -7t17 7l350 357q8 7 8 17.5t-7.5 17.5t-18 7t-17.5 -7z
172 | M682 197q7 -7 17.5 -7t18 7t7.5 17.5t-8 17.5l-350 357q-7 7 -17 7t-17.5 -7t-7.5 -17.5t7 -17.5z" />
173 |     <glyph glyph-name="account" unicode="&#xe6b8;" 
174 | d="M794 579q0 122 -86.5 209t-208.5 87t-208 -87t-86 -209t86 -209t208 -87t208.5 87t86.5 209zM256 579q0 101 71 172.5t172 71.5t172 -71.5t71 -172.5t-71 -172.5t-172 -71.5t-172 71.5t-71 172.5zM0 -102v-26h26h460h512h26v26q0 85 -41.5 165.5t-111 140t-164 95.5
175 | t-195.5 36q-25 0 -49 -2q-7 -1 6 -9q17 -11 17 -19q8 1 13 -10.5t13 -11.5q91 0 176.5 -32t147.5 -85t99.5 -123.5t37.5 -144.5l25 25h-512h-460l25 -25q0 102 60 190t164 141q10 4 13 14.5t-1.5 20t-14.5 12.5t-20 -1q-116 -59 -184 -159.5t-68 -217.5z" />
176 |     <glyph glyph-name="add" unicode="&#xe6b9;" 
177 | d="M853 363q9 0 15.5 6t6.5 15t-6.5 15t-15.5 6h-682q-9 0 -15.5 -6t-6.5 -15t6.5 -15t15.5 -6h682zM491 43q0 -9 6 -15.5t15 -6.5t15 6.5t6 15.5v682q0 9 -6 15.5t-15 6.5t-15 -6.5t-6 -15.5v-682z" />
178 |     <glyph glyph-name="atm" unicode="&#xe6ba;" 
179 | d="M786.5 248q15.5 0 26.5 29.5t11 71t-11 71t-26.5 29.5t-26.5 -29.5t-11 -71t11 -71t26.5 -29.5zM462.5 198q15.5 0 26.5 25.5t11 62t-11 62t-26.5 25.5t-26.5 -25.5t-11 -62t11 -62t26.5 -25.5zM0 323q0 -92 40.5 -175.5t109.5 -144t163.5 -96t198.5 -35.5t198.5 35.5
180 | t163.5 96t109.5 144t40.5 175.5t-40.5 176t-109.5 144t-163.5 95.5t-198.5 35.5h5q-3 2 -11 10q-26 23 -47 37q-85 54 -222 54q-10 0 -17.5 -7.5t-7.5 -18t7.5 -17.5t17.5 -7q123 0 195 -47q3 -2 21 -16.5t34.5 -26t24.5 -11.5q126 0 232.5 -53.5t168 -146t61.5 -201
181 | t-61.5 -201t-168 -146.5t-232.5 -54t-232.5 54t-168 146.5t-61.5 200.5q0 109 63 202.5t172 146.5q9 5 12.5 15t-1 19t-14.5 12.5t-19 -1.5q-121 -59 -192 -164.5t-71 -229.5z" />
182 |     <glyph glyph-name="clock" unicode="&#xe6bb;" 
183 | d="M1024 384q0 139 -68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5q172 0 309 104q8 6 9.5 16t-4.5 18t-16 9.5t-18 -4.5q-124 -94 -280 -94q-94 0 -180 36.5t-148 98.5t-98.5 148t-36.5 180t36.5 180t98.5 148
184 | t148 98.5t180 36.5t180 -36.5t148 -98.5t98.5 -148t36.5 -180q0 -144 -81 -262q-5 -8 -3.5 -18t10 -15.5t18.5 -4t16 10.5q89 130 89 289zM488 286q0 -10 7 -17t17 -7t17 7t7 17v366q0 10 -7 17.5t-17 7.5t-17 -7.5t-7 -17.5v-366zM482 424q-7 8 -17 8.5t-17.5 -6
185 | t-8.5 -16.5t6 -18l171 -195q6 -7 16 -8t18 6t8.5 17t-6.5 17z" />
186 |     <glyph glyph-name="remind" unicode="&#xe6bc;" 
187 | d="M0 461v-175q0 -26 18.5 -45t45.5 -19h165l-15 6l255 -256q23 -22 45 -13t22 41v747q0 32 -22 41t-45 -14l-255 -256l15 7h-165q-27 0 -45.5 -19t-18.5 -45zM229 482h9l6 6l255 256q3 3 5 4q-3 -1 -7 0.5t-5 4.5q1 -2 1 -6v-747q0 -4 -1 -6q1 3 5 4.5t7 0.5q-2 0 -5 3
188 | l-255 256l-6 7h-9h-165q-9 0 -15 6t-6 15v175q0 9 6 15t15 6h165zM821 360.5q0 89.5 -59.5 153t-143.5 63.5q-9 0 -15 -6.5t-6 -15.5t6 -15t15 -6q66 0 113 -51t47 -123t-47 -122.5t-113 -50.5q-9 0 -15 -6.5t-6 -15.5t6 -15t15 -6q84 0 143.5 63.5t59.5 153zM1003 369
189 | q0 117 -67.5 215t-179.5 147q-8 3 -16 0t-11.5 -11t-0.5 -16.5t11 -11.5q101 -44 161 -131.5t60 -191.5q0 -100 -54.5 -184t-147.5 -131q-8 -4 -10.5 -12t1.5 -16t12 -11t16 1q104 52 165 146.5t61 206.5z" />
190 |     <glyph glyph-name="calendar" unicode="&#xe6bf;" 
191 | d="M128 -33q-32 0 -54.5 22.5t-22.5 55.5v700l-25 -26h870q32 0 54.5 -23t22.5 -55v-584q0 -10 7.5 -18t18 -8t18 8t7.5 18v584q0 54 -37.5 92t-90.5 38h-870q-11 0 -18.5 -7.5t-7.5 -18.5v-700q0 -54 37.5 -92t90.5 -38h755q11 0 18.5 7.5t7.5 18t-7.5 18.5t-18.5 8h-755z
192 | M282 641q0 -11 7.5 -18.5t18 -7.5t18 7.5t7.5 18.5v195q0 10 -7.5 18t-18 8t-18 -8t-7.5 -18v-195zM717 654q0 -11 7.5 -18.5t18 -7.5t18 7.5t7.5 18.5v195q0 10 -7.5 18t-18 8t-18 -8t-7.5 -18v-195zM333 485q10 0 17.5 8t7.5 18.5t-7.5 18t-17.5 7.5h-141
193 | q-11 0 -18.5 -7.5t-7.5 -18t7.5 -18.5t18.5 -8h141zM614 485q11 0 18.5 8t7.5 18.5t-7.5 18t-18.5 7.5h-140q-11 0 -18.5 -7.5t-7.5 -18t7.5 -18.5t18.5 -8h140zM870 485q11 0 18.5 8t7.5 18.5t-7.5 18t-18.5 7.5h-140q-11 0 -18.5 -7.5t-7.5 -18t7.5 -18.5t18.5 -8h140z
194 | M333 330q10 0 17.5 7.5t7.5 18t-7.5 18.5t-17.5 8h-141q-11 0 -18.5 -8t-7.5 -18.5t7.5 -18t18.5 -7.5h141zM614 330q11 0 18.5 7.5t7.5 18t-7.5 18.5t-18.5 8h-140q-11 0 -18.5 -8t-7.5 -18.5t7.5 -18t18.5 -7.5h140zM870 330q11 0 18.5 7.5t7.5 18t-7.5 18.5t-18.5 8h-140
195 | q-11 0 -18.5 -8t-7.5 -18.5t7.5 -18t18.5 -7.5h140zM333 174q10 0 17.5 7.5t7.5 18.5t-7.5 18.5t-17.5 7.5h-141q-11 0 -18.5 -7.5t-7.5 -18.5t7.5 -18.5t18.5 -7.5h141zM614 174q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-140q-11 0 -18.5 -7.5t-7.5 -18.5t7.5 -18.5
196 | t18.5 -7.5h140zM870 174q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-140q-11 0 -18.5 -7.5t-7.5 -18.5t7.5 -18.5t18.5 -7.5h140z" />
197 |     <glyph glyph-name="attachment" unicode="&#xe6c0;" 
198 | d="M472 777l-379 -399q-72 -75 -71.5 -181.5t74.5 -180.5l3 -4q74 -75 178.5 -75.5t178.5 73.5l500 499q59 59 60 143.5t-56 144.5l-19 -17l-18 -18l4 -4l19 17l18 18q-58 61 -140 60.5t-140 -62.5l-474 -508q-29 -31 -27.5 -73t32.5 -70l11 -11q31 -29 73 -27.5t70 32.5
199 | l369 395q7 8 7 18.5t-8 17.5t-18.5 6.5t-17.5 -7.5l-369 -396q-14 -15 -35 -15.5t-36 13.5l-12 11q-15 14 -15.5 35t13.5 36l474 509q43 45 103 45.5t103 -44.5q11 -11 25 -7t18 16.5t-6 25.5l-4 4q-11 12 -25 7.5t-18 -17t6 -25.5q44 -45 43 -109t-46 -108l-500 -499
200 | q-59 -59 -142.5 -58.5t-142.5 59.5l-3 4q-59 60 -60 145.5t57 146.5l380 399q7 7 7 17.5t-8 18t-18.5 7t-17.5 -7.5v0z" />
201 |     <glyph glyph-name="3column" unicode="&#xe6c3;" 
202 | d="M307 794v-858h51v858h-51v0zM640 794v-858h51v858h-51v0zM896 -13h-768q-32 0 -54.5 22.5t-22.5 54.5v742l-25 -25h870q32 0 54.5 -22.5t22.5 -54.5v-655q0 -10 7.5 -17.5t18 -7.5t18 7.5t7.5 17.5v655q0 53 -37.5 90.5t-90.5 37.5h-870q-11 0 -18.5 -7.5t-7.5 -18.5
203 | v-742q0 -53 37.5 -90.5t90.5 -37.5h768q11 0 18.5 7.5t7.5 18t-7.5 18t-18.5 7.5v0z" />
204 |     <glyph glyph-name="4column" unicode="&#xe6c4;" 
205 | d="M896 -13h-768q-32 0 -54.5 22.5t-22.5 54.5v742l-25 -25h870q32 0 54.5 -22.5t22.5 -54.5v-655q0 -10 7.5 -17.5t18 -7.5t18 7.5t7.5 17.5v655q0 53 -37.5 90.5t-90.5 37.5h-870q-11 0 -18.5 -7.5t-7.5 -18.5v-742q0 -53 37.5 -90.5t90.5 -37.5h768q11 0 18.5 7.5t7.5 18
206 | t-7.5 18t-18.5 7.5v0zM230 794v-858h52v858h-52v0zM486 794v-858h52v858h-52v0zM742 794v-858h52v858h-52v0z" />
207 |     <glyph glyph-name="discount" unicode="&#xe6c5;" 
208 | d="M856 335l-399 -372q-22 -21 -54 -21t-54 22l-262 254q-22 21 -22 51t21 52l480 491l-17 -7h329q30 0 51.5 -21.5t21.5 -52.5v-317q0 -10 7 -17t17 -7t17.5 7t7.5 17v317q0 51 -36 86.5t-86 35.5h-329q-11 0 -18 -7l-480 -491q-35 -36 -34.5 -86.5t36.5 -85.5l262 -254
209 | q36 -35 87.5 -35.5t87.5 33.5l399 372q8 7 8 17t-7 17.5t-17 7.5t-17 -6v0zM744 488q45 0 77 32t32 77.5t-32 77.5t-77.5 32t-77.5 -32t-32 -77.5t32 -77.5t78 -32v0zM744 536q-26 0 -43.5 18t-17.5 43.5t17.5 43t43 17.5t43.5 -17.5t18 -43t-18 -43.5t-43 -18v0z" />
210 |     <glyph glyph-name="service" unicode="&#xe6c7;" 
211 | d="M538 323q97 0 165.5 69.5t68.5 167.5t-68.5 167.5t-166 69.5t-166 -69.5t-68.5 -167.5t68.5 -167.5t166.5 -69.5v0zM538 366q-80 0 -136 56.5t-56 137t56 137.5t135.5 57t136 -57t56.5 -137.5t-56.5 -137t-135.5 -56.5v0zM1002 -128q0 100 -39 191.5t-104.5 157.5
212 | t-156 105.5t-190 39.5t-190 -39.5t-156 -105.5t-104 -157.5t-38.5 -191.5h42q0 92 35.5 175.5t95 144t142.5 96t173.5 35.5t173.5 -35.5t142.5 -96t95 -144t35.5 -175.5h43v0zM234 323q36 0 61.5 25.5t25.5 62t-25.5 62t-61.5 25.5t-61.5 -25.5t-25.5 -62t25.5 -62
213 | t61.5 -25.5v0zM234 366q-19 0 -32 13t-13 31.5t13 32t31.5 13.5t31.5 -13.5t13 -32t-13 -31.5t-31 -13v0zM831 376q3 1 17.5 5.5t21.5 7.5q1 0 2 1q16 5 35 12l15 5l14 5v15v187v13l-12 6q-4 2 -11 5q-13 7 -24 13q-2 1 -4 1q-13 7 -21 12q-4 2 -6 4q2 -2 4 -7
214 | q-44 103 -135.5 169t-194.5 66q-96 0 -177 -47.5t-128 -129.5t-47 -178q0 -35 6 -69l42 8q-6 30 -6 61q0 129 91 221t219 92q90 0 171 -59t120 -151q3 -7 9.5 -11t33.5 -18q1 -1 3 -2q12 -6 25 -13q7 -3 12 -5l-12 19v-187l14 20q-6 -2 -16 -5q-18 -7 -34 -12q-1 -1 -3 -1
215 | q-21 -8 -33 -13q-7 -3 -11 -4q-3 -2 -5 -3q-1 -1 -4 -2q-15 -8 -7 -24q5 -9 19 -9.5t17 2.5z" />
216 |     <glyph glyph-name="print" unicode="&#xe6c9;" 
217 | d="M24 630h878q30 0 51.5 -21.5t21.5 -51.5v-440l25 24h-147l25 -24v97v25h-25h-682h-25v-25v-97l25 24h-49q-30 0 -51.5 21.5t-21.5 52.5v440l-25 -25v0zM24 679h-24v-24v-440q0 -51 35.5 -87t86.5 -36h49h24v25v97l-24 -24h682l-24 24v-97v-25h24h147h24v25v440
218 | q0 50 -35.5 86t-86.5 36h-878v0zM756 -104l24 25h-536l24 -25v224q0 10 -7 17t-17 7t-17.5 -7t-7.5 -17v-224q0 -10 7.5 -17t17.5 -7h536q10 0 17.5 7t7.5 17v224q0 10 -7.5 17t-17.5 7t-17 -7t-7 -17v-224zM207 459h317v49h-317v-49v0zM219 655v195l-24 -24h634l-24 24
219 | v-195h48v195v25h-24h-634h-24v-25v-195h48v0z" />
220 |     <glyph glyph-name="box" unicode="&#xe6cb;" 
221 | d="M58 634l432 -244q12 -7 24 0l431 244q13 8 12.5 22.5t-13.5 21.5l-431 215q-11 6 -22 0l-432 -215q-13 -7 -13.5 -21.5t12.5 -22.5v0zM82 677l-1 -43l432 216h-22l431 -216l-1 43l-431 -245h24l-432 245v0zM477 391v-470q0 -14 12.5 -21t24.5 0l460 260q13 7 13 21v317
222 | q0 10 -7.5 17t-17.5 7t-17 -7t-7 -17v-317l12 21l-460 -259l36 -22v470q0 10 -7 17.5t-17 7.5t-17.5 -7.5t-7.5 -17.5v0zM514 -58l-431 260l12 -21v460q0 11 -7.5 18t-17.5 7t-17 -7t-7 -18v-460q0 -14 12 -21l431 -260q9 -5 19 -2.5t15 11t2.5 18.5t-11.5 15v0zM173 448
223 | l144 -87q8 -5 18 -2.5t15 11.5t2.5 18.5t-10.5 14.5l-144 87q-9 5 -18.5 2.5t-15 -11t-3 -18.5t11.5 -15v0z" />
224 |     <glyph glyph-name="process" unicode="&#xe6ce;" horiz-adv-x="1028" 
225 | d="M965 354q-7 152 -105 268t-245 150q-10 2 -18.5 -3.5t-11 -15.5t3 -19t15.5 -11q131 -30 217.5 -133.5t93.5 -237.5q1 -11 8.5 -18t18 -6.5t17.5 8.5t6 18v0zM387 765q-144 -42 -235 -162.5t-91 -271.5q0 -67 19 -129q3 -10 12 -15t19 -2t15 12t2 19q-17 56 -17 115
226 | q0 134 81 241.5t209 144.5q10 3 15 12t2 19t-12 15t-19 2v0zM196 8q64 -62 146 -96t172 -34q96 0 183.5 39t152.5 111q7 7 6 17.5t-8.5 17.5t-18 6.5t-17.5 -8.5q-57 -63 -134.5 -98t-163.5 -35q-80 0 -153 30t-129 86q-8 7 -18.5 7t-17.5 -7.5t-7 -18t7 -17.5v0zM498 611
227 | q55 0 93.5 38.5t38.5 93t-38.5 93.5t-93 39t-93.5 -39t-39 -93.5t39 -93t93 -38.5v0zM498 661q-34 0 -58 24t-24 58t24 58t58 24t58 -24t24 -58t-24 -58t-58 -24v0zM132 -30q55 0 93.5 38.5t38.5 93t-38.5 93.5t-93.5 39t-93.5 -39t-38.5 -93.5t38.5 -93t93.5 -38.5v0z
228 | M132 20q-34 0 -58 24t-24 57.5t24 57.5t58 24t58 -24t24 -57.5t-24 -57.5t-58 -24v0zM895 0q55 0 93.5 39t38.5 93.5t-38.5 93t-93 38.5t-93.5 -38.5t-39 -93t39 -93.5t93 -39v0zM895 50q-34 0 -58 24t-24 58t24 58t58 24t58 -24t24 -58t-24 -58t-58 -24v0z" />
229 |     <glyph glyph-name="bags" unicode="&#xe6d1;" 
230 | d="M91 360q0 90 64.5 154.5t155.5 64.5h390q91 0 155 -64t64 -155v-415q0 -10 -7 -17t-17 -7h-780q-10 0 -17.5 7t-7.5 17v415v0zM43 360v-415q0 -30 21.5 -51.5t51.5 -21.5h780q30 0 51.5 21.5t21.5 51.5v415q0 111 -78.5 189.5t-189.5 78.5h-390q-111 0 -189.5 -78.5
231 | t-78.5 -189.5v0zM286 433q0 10 7.5 17t17.5 7t17 -7t7 -17v-73q0 -10 -7 -17.5t-17 -7.5t-17.5 7t-7.5 18v73v0zM238 433v-73q0 -31 21 -52.5t51.5 -21.5t52 21.5t21.5 52.5v73q0 30 -21.5 51.5t-52 21.5t-51.5 -21.5t-21 -51.5v0zM652 433q0 10 7 17t17.5 7t17.5 -7t7 -17
232 | v-73q0 -10 -7 -17.5t-17.5 -7.5t-17.5 7t-7 18v73v0zM603 433v-73q0 -31 21.5 -52.5t52 -21.5t52 21.5t21.5 52.5v73q0 30 -21.5 51.5t-52 21.5t-52 -21.5t-21.5 -51.5v0zM335 482v195q0 70 50 120t121 50t121 -50t50 -120v-195h48v195q0 90 -64 154.5t-155 64.5
233 | t-155.5 -64.5t-64.5 -154.5v-195h49v0zM79 43h683q10 0 17 7t7 17t-7 17t-17 7h-683q-10 0 -17 -7t-7 -17t7 -17t17 -7v0z" />
234 |     <glyph glyph-name="beauty" unicode="&#xe6d2;" 
235 | d="M744 384v-488l24 25h-366q-30 0 -51.5 21.5t-21.5 51.5v390l-24 -24h268q10 0 17 7t7 17t-7 17t-17 7h-268h-25v-24v-390q0 -51 36 -86.5t86 -35.5h366h24v24v488q0 10 -7 17t-17 7t-17 -7t-7 -17v0zM670 506v268q-2 27 -12 53q-28 64 -88 57q-7 -1 -14 -3
236 | q-42 -11 -89 -59q-18 -18 -35 -40q-8 -11 -13 -19l-5 -6v-7v-257h49v257l-4 -14q4 6 12 16q15 20 31 36q38 38 66 46q4 1 8 1q24 3 37 -28q4 -11 7 -24q1 -7 2 -11v-266h48v0zM774 412l-85 98q-7 8 -19 8h-280q-12 0 -19 -9l-85 -110q-7 -8 -5.5 -18t9.5 -16t18 -5t16 9
237 | l85 110l-19 -10h280l-18 9l85 -98q7 -7 17 -8t17.5 5.5t8.5 17t-6 17.5v0z" />
238 |     <glyph glyph-name="electrical" unicode="&#xe6d4;" 
239 | d="M371 125h300l-25 25v-100l25 25h-300l25 -25v100l-25 -25v0zM371 175h-25v-25v-100v-25h25h300h25v25v100v25h-25h-300v0zM271 650v200l-25 -25h150l-25 25v-200h50v200v25h-25h-150h-25v-25v-200h50v0zM671 650v200l-25 -25h150l-25 25v-200h50v200v25h-25h-150h-25v-25
240 | v-200h50v0zM518 612h402l3 1q11 1 15 -1t5 -7q5 -19 -8 -60q-21 -69 -61 -132q-19 -31 -60 -75q-17 -20 -38 -42q-38 -38 -84 -80q-14 -13 -27 -25q-7 -6 -11 -9l17 6h-150v-50h150h9l7 6q4 3 11 9q13 13 28 26q46 43 85 82q22 23 41 43q43 48 65 83q42 67 66 143
241 | q17 55 8 87q-6 24 -25.5 36t-47.5 9h2h-402v-50v0zM520 662h-402h2q-28 3 -47.5 -9t-25.5 -36q-9 -32 8 -87q24 -76 66 -143q23 -35 65 -83q19 -20 41 -43q39 -39 85 -82q15 -13 28 -26q7 -6 11 -9l7 -6h9h175v50h-175l17 -6q-4 3 -11 9q-13 12 -27 25q-46 42 -84 80
242 | q-21 22 -38 42q-41 44 -60 75q-40 63 -61 132q-13 41 -8 60q1 5 5 7t15 1l3 -1h402v50v0zM396 38v-137q0 -11 7.5 -18t17.5 -7t17.5 7t7.5 18v137q0 10 -7.5 17.5t-17.5 7.5t-17.5 -7.5t-7.5 -17.5v0zM596 38v-137q0 -11 7 -18t17.5 -7t18 7t7.5 18v137q0 10 -7.5 17.5
243 | t-18 7.5t-17.5 -7.5t-7 -17.5v0z" />
244 |     <glyph glyph-name="electronics" unicode="&#xe6da;" 
245 | d="M66 742h798q29 0 49.5 -20.5t20.5 -49.5v-540l24 24h-798q-29 0 -49.5 20.5t-20.5 49.5v540l-24 -24v0zM66 789h-23v-23v-540q0 -48 34 -82.5t83 -34.5h798h23v23v540q0 49 -34 83t-83 34h-798v0zM408 130l-70 -164q-4 -9 -0.5 -18t12.5 -13t18 -0.5t13 12.5l70 164
246 | q4 9 0.5 18t-12.5 13t-18 0.5t-13 -12.5v0zM587 47l82 -105q6 -8 16 -9t17.5 5t8.5 15.5t-4 17.5l-83 105q-6 8 -15.5 9t-17 -5t-9 -15.5t4.5 -17.5v0zM242 -79h563q10 0 17 7t7 16.5t-7 16.5t-17 7h-563q-10 0 -16.5 -7t-6.5 -16.5t6.5 -16.5t16.5 -7v0z" />
247 |     <glyph glyph-name="gifts" unicode="&#xe6db;" 
248 | d="M151 340v-328q0 -27 19.5 -46t46.5 -19h568q27 0 46 19t19 46v317h-44v-317q0 -9 -6 -15.5t-15 -6.5h-568q-9 0 -15.5 6.5t-6.5 15.5v328h-44v0zM544 -31v622h-43v-622h43v0zM86 569h742q27 0 46.5 -19t19.5 -46v-153l21 22h-742q-27 0 -46 19t-19 46v153l-22 -22v0z
249 | M86 613h-22v-22v-153q0 -45 32 -77t77 -32h742h22v22v153q0 45 -32 77t-77 32h-742v0zM457 635h131l-22 21v-65l22 22h-131l22 -22v65l-22 -21v0zM457 678h-22v-22v-65v-22h22h131h22v22v65v22h-22h-131v0zM552 645q1 2 5 7q6 10 14 21q23 34 45 63q13 16 24 30
250 | q20 24 36.5 39t20.5 15q26 0 64 -24t60 -54q9 -12 -10 -53q-4 -8 -1 -16.5t11.5 -12.5t17 -1t11.5 11q31 65 6 98q-29 39 -75.5 67.5t-83.5 28.5q-32 0 -91 -70q-12 -15 -25 -32q-22 -29 -46 -64q-8 -11 -15 -22q-3 -5 -5 -8q-5 -7 -3 -16t9.5 -14t16.5 -3t14 10v0zM538 668
251 | q-2 3 -5 8q-7 11 -15 22q-24 35 -46 64q-13 17 -25 32q-59 70 -91 70q-37 0 -83.5 -28.5t-75.5 -67.5q-25 -33 5 -97q9 -19 23 -41q12 -19 26 -38q7 -9 12 -15l33 28q-4 5 -10 14q-13 17 -24 34q-13 20 -20 37q-19 40 -10 52q22 30 60 54t64 24q4 0 20.5 -15t36.5 -39
252 | q11 -14 24 -30q22 -29 45 -63q8 -11 14 -21q4 -5 5 -7l37 23v0z" />
253 |     <glyph glyph-name="apparel" unicode="&#xe6dc;" 
254 | d="M590 474l-221 3q-8 0 -14 -5.5t-6 -14t6 -14.5t14 -6l220 -3q8 0 14 6t6 14t-5.5 14t-13.5 6v0zM746 838l-73 -374l-1 -7l3 -6l289 -538l18 30h-921l18 -30l303 537l4 7l-2 8l-85 374l-19 -24h85l-17 9q1 -2 4 -6l10 -14q18 -24 37 -44q63 -66 120 -67h3q57 1 118 67
255 | q18 20 34 44q9 12 14 20l-18 -9h95l-19 23v0zM785 831l5 24h-25h-95h-11l-6 -10q-4 -7 -11 -18q-16 -22 -32 -40q-49 -53 -89 -54h-2q-39 1 -91 55q-17 18 -34 40q-8 10 -12 17l-6 10h-11h-85h-25l5 -25l85 -374l2 14l-303 -537l-17 -30h34h921h33l-16 29l-289 538l2 -14
256 | l73 375v0z" />
257 |     <glyph glyph-name="atmaway" unicode="&#xe6e9;" 
258 | d="M784 257v0q-15 0 -26 29.5t-11 71t11 70.5t26.5 29t26.5 -29t11 -70.5t-11 -71t-27 -29.5v0zM507 218v0q-16 0 -27 25.5t-11 62t11 62t26.5 25.5t26.5 -25.5t11 -62t-11 -62t-26 -25.5v0zM298 713q-112 -55 -179.5 -152t-70.5 -211v-11q0 -10 7 -17t16.5 -7t16.5 7t7 17
259 | v10q3 100 63 186t161 136q9 4 12 13.5t-1 18t-13.5 12t-18.5 -1.5v0zM496 -88q20 -2 40 -2q132 0 244.5 57t178 156t65.5 216t-65.5 215.5t-178 155.5t-244.5 57h4q-2 2 -10 9q-24 22 -45 35q-81 52 -211 52q-10 0 -17 -7t-7 -17t7 -17t17 -7q117 0 186 -44q2 -2 19.5 -16
260 | t33.5 -24.5t23 -10.5q120 0 221.5 -51.5t160 -139t58.5 -190.5t-58.5 -191t-160 -139t-221.5 -51q-19 0 -37 1q-10 1 -17.5 -5.5t-8 -16.5t6 -17.5t16.5 -7.5v0zM238 -138q99 0 168.5 70t69.5 168.5t-69.5 168.5t-168.5 70t-168.5 -70t-69.5 -168.5t69.5 -168.5t168.5 -70v0
261 | zM238 -90q-79 0 -134.5 56t-55.5 135t55.5 134.5t134.5 55.5t135 -55.5t56 -134.5t-56 -135t-135 -56v0zM214 205v-142q0 -10 7 -17t17 -7t17 7t7 17v142q0 10 -7 17t-17 7t-17 -7t-7 -17v0zM304 50l-67 76q-6 7 -16 8t-17.5 -5.5t-8 -16.5t5.5 -18l67 -76q6 -7 16 -7.5
262 | t17.5 6t8 16t-5.5 17.5v0z" />
263 |     <glyph glyph-name="rfq1" unicode="&#xe6eb;" 
264 | d="M96 554q107 -372 246 -568l31 -40q-35 56 -44 159q-16 165 37 306q-55 48 -123.5 84t-105 47.5t-41.5 11.5zM154 494q95 -38 167 -95q-38 -116 -34 -246q-68 141 -133 341zM643 681q-284 -221 -251 -575q9 -97 34 -143.5t55 -46.5h-16q47 0 96.5 46.5t92 126.5t82 174
265 | t72.5 200.5t56.5 193t41.5 165.5q-145 -50 -263 -141zM480 -123q-12 1 -24 4.5t-29 17.5t-30.5 37t-25.5 66t-18 100q-8 96 6 183t43.5 153.5t74 126t91 101.5t100.5 78t95.5 57.5t83 38.5t57 22t23.5 7l31 8l-7 -31q-52 -240 -134 -479q-168 -490 -335 -490h-2z" />
266 |     <glyph glyph-name="scanning" unicode="&#xe6ec;" 
267 | d="M910 477q-9 0 -15 6t-6 15v259q0 13 -9.5 22.5t-22.5 9.5q-236 0 -258 -1q-8 0 -14.5 5t-8.5 13q-1 9 4 16t14 9q6 1 263 1q31 0 53 -22t22 -53v-259q0 -9 -6.5 -15t-15.5 -6v0zM85 477q-8 0 -14.5 6t-6.5 15v259q0 31 22 53t53 22q257 0 263 -1q9 -2 14 -9t4 -16
268 | q-2 -8 -8.5 -13t-14.5 -5q-22 1 -258 1q-13 0 -22.5 -9.5t-9.5 -22.5v-259q0 -9 -6.5 -15t-15.5 -6v0zM857 -78q-257 0 -263 1q-9 2 -14 9t-4 16q2 8 8.5 13t14.5 5q22 -1 258 -1q13 0 22.5 9.5t9.5 22.5v259q0 9 6 15t15 6t15.5 -6t6.5 -15v-259q0 -31 -22 -53t-53 -22v0z
269 | M139 -78q-31 0 -53 22t-22 53v259q0 9 6.5 15t15 6t15 -6t6.5 -15v-259q0 -13 9.5 -22.5t22.5 -9.5q236 0 258 1q8 0 14.5 -5t8.5 -13q1 -9 -4 -16t-14 -9q-6 -1 -263 -1v0zM984 362h-941q-9 0 -15.5 6.5t-6.5 15.5t6.5 15t15.5 6h941q8 0 14.5 -6t6.5 -15t-6.5 -15.5
270 | t-14.5 -6.5v0z" />
271 |     <glyph glyph-name="filter" unicode="&#xe6f1;" 
272 | d="M1024 776.5q0 -49.5 -35 -84.5l-323 -308v-486q0 -11 -7.5 -18.5t-18.5 -7.5t-18.5 7.5t-7.5 18.5v497q0 12 8 19l331 315q20 19 20 47.5t-20 48.5t-49 20h-784q-29 0 -49 -20t-20 -49q0 -28 20 -48l305 -315q8 -7 8 -18v-369q0 -11 -7.5 -18.5t-18 -7.5t-18 7.5
273 | t-7.5 18.5v358l-298 308q-35 35 -35 84.5t35 84.5t85 35h784q50 0 85 -35t35 -84.5z" />
274 |     <glyph glyph-name="pin" unicode="&#xe6f2;" horiz-adv-x="1025" 
275 | d="M51 -128q-21 0 -36 15q-13 14 -14.5 32.5t9.5 33.5l213 289l-167 167q-12 12 -14 29.5t6 32.5l7.5 10t15 17t23 20t32 18t41 13.5t51 4t60.5 -7.5q2 -1 8 -1q13 -1 21 -2q24 -4 63 13.5t76 49.5q36 30 57 62.5t21 57.5v23v35.5t8 39.5t24 38q31 32 75 34t78 -26
276 | q1 -1 3 -2v0q110 -108 279 -279q34 -33 34 -80.5t-34 -81.5q-16 -16 -38 -24t-40 -8h-35q-16 1 -23 1q-48 0 -104 -61q-37 -40 -59.5 -86.5t-20.5 -72.5q3 -25 4 -31q8 -30 8 -58.5t-4.5 -50t-14 -40.5t-18.5 -31t-19.5 -23t-16 -15t-10.5 -7q-15 -9 -32.5 -7t-30.5 14
277 | l-178 179q-7 7 -7 18t7.5 18.5t18 7.5t17.5 -8l179 -178q3 2 6.5 5t11.5 10.5t14.5 17t13 24t9.5 30.5t2.5 38t-6.5 46q-1 5 -4 36q-4 39 22.5 95.5t69.5 103.5q71 77 142 77q8 0 24 -1q29 -1 46.5 2t29.5 15q19 19 19 45t-19 45q-261 261 -279 278q-18 15 -42.5 13.5
278 | t-41.5 -18.5q-12 -12 -15 -29.5t-2 -45.5q1 -16 1 -25q0 -36 -26 -78.5t-71 -80.5q-42 -36 -91 -58.5t-89 -16.5q-7 1 -17 2q-6 0 -10 1q-3 0 -7 1q-31 6 -53.5 7t-42.5 -5.5t-32.5 -13t-23 -16.5t-14.5 -15t-7 -9l183 -182q16 -15 2 -33l-226 -306l239 174q8 7 18.5 5
279 | t17 -10.5t4.5 -19t-10 -16.5l-239 -174q-13 -10 -30 -10z" />
280 |     <glyph glyph-name="history" unicode="&#xe6f3;" 
281 | d="M66 510q-9 0 -15.5 6.5t-6.5 15.5v256q0 8 6.5 14.5t15.5 6.5t15 -6.5t6 -14.5v-256q0 -9 -6 -15.5t-15 -6.5zM300 510h-234q-9 0 -15.5 6.5t-6.5 15t6.5 15t15.5 6.5h234q9 0 15.5 -6.5t6.5 -15t-6.5 -15t-15.5 -6.5zM514 276q-9 0 -15.5 6t-6.5 15v384q0 9 6.5 15
282 | t15.5 6t15 -6t6 -15v-384q0 -9 -6 -15t-15 -6zM635 211q-10 0 -16 7l-186 213q-6 6 -5 15t7.5 15t15.5 5t14 -7l186 -213q6 -6 5.5 -15t-7.5 -15q-6 -5 -14 -5zM513.5 -87q-95.5 0 -182 37t-149.5 100t-100.5 150t-37.5 182q0 9 6.5 15.5t15.5 6.5t15 -6.5t6 -15.5
283 | q0 -115 57 -213.5t155.5 -155.5t214 -57t214 57t155.5 155.5t57 214t-57 214t-155.5 155.5t-213.5 57q-130 0 -237.5 -72t-157.5 -192q-3 -8 -11 -11.5t-16.5 0t-12 11.5t0.5 16q54 132 172.5 211.5t261.5 79.5q95 0 182 -37.5t150 -100.5t100 -149.5t37 -182t-37 -182.5
284 | t-100 -150t-150 -100t-182.5 -37z" />
285 |     <glyph glyph-name="productfeatures" unicode="&#xe6f4;" horiz-adv-x="1025" 
286 | d="M302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM459 -125q10 -3 19 2q-9 -5 -19 -2zM302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM302 391
287 | l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19
288 | t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM478 -123q-9 -5 -19 -2q10 -3 19 2zM857.5 -73q-10.5 0 -18 7.5t-7.5 18.5v192q0 11 8 19l127 121
289 | q6 6 6 15t-6.5 15t-14.5 6h-310q-9 0 -15.5 -6t-6.5 -15t7 -16l117 -121q8 -8 8 -18v-142q0 -10 -7.5 -17.5t-18.5 -7.5t-18.5 7.5t-7.5 17.5v132l-110 114q-21 21 -21 51t21.5 51.5t51.5 21.5h310q30 0 51 -21.5t21 -51.5t-21 -52l-120 -114v-181q0 -11 -7.5 -18.5
290 | t-18 -7.5zM920 630q8 5 11 16q2 17 -14 25l-440 220q-11 6 -23 0l-440 -220q-14 -9 -14 -37v-470q0 -14 12 -21q431 -261 438 -264q18 -9 32 -2l144 83q9 6 11.5 16t-2.5 19q-5 10 -15.5 12.5t-19.5 -2.5l-99 -58v1l-10 -6v442l389 221zM440 384v-441l-390 235v428zM466 428
291 | l-388 219l388 194l387 -194z" />
292 |     <glyph glyph-name="supplierfeatures" unicode="&#xe6f5;" 
293 | d="M463 340q-115 0 -196.5 81.5t-81.5 196.5t81.5 196.5t196.5 81.5t196.5 -81.5t81.5 -196.5t-81.5 -196.5t-196.5 -81.5zM463 845q-94 0 -160.5 -66.5t-66.5 -160.5t66.5 -160.5t160.5 -66.5t160.5 66.5t66.5 160.5t-66.5 160.5t-160.5 66.5zM34 -24q-3 0 -6 1
294 | q-10 2 -15.5 11t-3.5 19q20 92 73 169.5t131 130.5q9 6 19.5 4t16.5 -11t4 -19t-11 -16q-70 -48 -117.5 -117.5t-65.5 -151.5q-2 -9 -9 -14.5t-16 -5.5zM609 -24h-575q-11 0 -18 7.5t-7 18t7 18t18 7.5h575q11 0 18.5 -7.5t7.5 -18t-7.5 -18t-18.5 -7.5zM854.5 -128
295 | q-10.5 0 -18 7.5t-7.5 17.5v191q0 11 8 19l127 120q6 6 6 15t-6.5 15.5t-15.5 6.5h-307q-9 0 -15.5 -6.5t-6.5 -15.5t6 -15l117 -121q8 -8 8 -18v-140q0 -11 -7.5 -18.5t-18 -7.5t-18 7.5t-7.5 18.5v130l-110 113q-21 21 -21 51t21.5 51t51.5 21h307q30 0 51.5 -21t21.5 -51
296 | t-22 -51l-119 -114v-180q0 -10 -7.5 -17.5t-18 -7.5z" />
297 |     <glyph glyph-name="similarproduct" unicode="&#xe6f6;" horiz-adv-x="1025" 
298 | d="M302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM459 -125q10 -3 19 2q-9 -5 -19 -2zM302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM302 391
299 | l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19
300 | t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM302 391l-147 88q-8 6 -18 3.5t-15.5 -11.5t-3 -19t11.5 -15l147 -89q9 -5 19 -2.5t15 11.5t2.5 19t-11.5 15zM478 -123q-9 -5 -19 -2q10 -3 19 2zM491 -58v442l389 221l40 25q8 5 11 16q2 17 -14 25l-440 220
301 | q-11 6 -23 0l-440 -220q-14 -9 -14 -37v-470q0 -14 12 -21q431 -261 438 -264q18 -9 32 -2l144 83q9 6 11.5 16t-2.5 19q-5 10 -15.5 12.5t-19.5 -2.5l-99 -58v1zM440 384v-441l-390 235v428zM466 428l-388 219l388 194l387 -194zM813 -21l202 121q9 6 9 17v222q0 11 -12 16
302 | l-5 3h-2h1l-196 98q-8 4 -17 0l-196 -98q-18 -7 -18 -24v-217q0 -11 9 -17q201 -120 202 -120q0 -1 3.5 -2.5t8.5 -2t11 3.5zM782 28l-165 99v179l165 -93v-185zM802 246l-161 91l161 81l160 -81zM986 127l-165 -99v185l165 93v-179z" />
303 |     <glyph glyph-name="link" unicode="&#xe6f7;" horiz-adv-x="1025" 
304 | d="M331.5 564.5q-8.5 -8.5 -8.5 -20t9 -20.5l321 -321q9 -9 20.5 -9t20 8.5t8.5 20t-8 20.5l-322 322q-9 8 -20.5 8t-20 -8.5zM96 836l-36 -36q-60 -60 -60 -145t60 -145l127 -127q46 -46 110.5 -56.5t120.5 16.5q1 0 1 0.5t1 0.5h1v0q4 2 7 6q9 8 9 20t-9 20q-14 15 -33 6
305 | v0q-42 -20 -90 -12t-82 43l-120 119q-45 45 -45 109t45 109l29 29q45 45 109 45t109 -45l119 -120q35 -35 43 -83.5t-13 -91.5v0v0v0q-7 -18 6 -31q9 -8 21 -8t20 8q4 4 6 8v0q28 57 18 122t-57 112l-127 127q-60 60 -145 60t-145 -60zM963 -31l-36 -36q-60 -60 -144.5 -60
306 | t-144.5 60l-127 126q-47 47 -57.5 111.5t17.5 120.5v0.5t0.5 1t0.5 1.5v0q2 4 5 7q8 8 20 8t21 -8q14 -15 5 -33v0q-20 -42 -11.5 -90t42.5 -82l120 -120q45 -45 108.5 -45t108.5 45l29 29q45 45 45 108.5t-45 108.5l-119 120q-35 35 -84 43t-91 -13v0v0v0q-18 -7 -31 6
307 | q-9 8 -9 20t9 21q4 3 7 5v0q57 29 122.5 18.5t112.5 -57.5l126 -127q60 -60 60 -144.5t-60 -144.5z" />
308 |     <glyph glyph-name="cut" unicode="&#xe6f8;" 
309 | d="M996 57h-100v483q0 12 -8.5 20.5t-20 8.5t-20 -8.5t-8.5 -20.5v-483h-614l705 705q9 8 9 20t-8.5 20.5t-20.5 8.5t-20 -9l-705 -705v614h469q12 0 20.5 8.5t8.5 20t-8.5 20t-20.5 8.5h-469v100q0 11 -8.5 19.5t-20 8.5t-20 -8.5t-8.5 -19.5v-100h-100q-11 0 -19.5 -8.5
310 | t-8.5 -20t8.5 -20t19.5 -8.5h100v-683q0 -11 8.5 -19.5t19.5 -8.5h683v-100q0 -11 8.5 -19.5t20 -8.5t20 8.5t8.5 19.5v100h100q11 0 19.5 8.5t8.5 20t-8.5 20t-19.5 8.5z" />
311 |     <glyph glyph-name="navlist" unicode="&#xe6fa;" 
312 | d="M284 778h712q11 0 19.5 8.5t8.5 20t-8.5 20t-19.5 8.5h-712q-11 0 -19.5 -8.5t-8.5 -20t8.5 -20t19.5 -8.5zM125 835h-97q-11 0 -19.5 -8.5t-8.5 -20t8.5 -20t19.5 -8.5h97q12 0 20.5 8.5t8.5 20t-8.5 20t-20.5 8.5zM996 553h-712q-11 0 -19.5 -8t-8.5 -20t8.5 -20.5
313 | t19.5 -8.5h712q11 0 19.5 8.5t8.5 20.5t-8.5 20t-19.5 8zM125 553h-97q-11 0 -19.5 -8t-8.5 -20t8.5 -20.5t19.5 -8.5h97q12 0 20.5 8.5t8.5 20.5t-8.5 20t-20.5 8zM586 -10h-302q-11 0 -19.5 -8.5t-8.5 -20t8.5 -20t19.5 -8.5h302q12 0 20 8.5t8 20t-8 20t-20 8.5zM125 -10
314 | h-97q-11 0 -19.5 -8.5t-8.5 -20t8.5 -20t19.5 -8.5h97q12 0 20.5 8.5t8.5 20t-8.5 20t-20.5 8.5zM586 272h-302q-11 0 -19.5 -8.5t-8.5 -20.5t8.5 -20t19.5 -8h302q12 0 20 8t8 20t-8 20.5t-20 8.5zM125 272h-97q-11 0 -19.5 -8.5t-8.5 -20.5t8.5 -20t19.5 -8h97
315 | q12 0 20.5 8t8.5 20t-8.5 20.5t-20.5 8.5zM996 166h-123v123q0 12 -8 20t-20 8t-20.5 -8t-8.5 -20v-123h-122q-12 0 -20 -8t-8 -20t8 -20t20 -8h122v-123q0 -12 8.5 -20t20.5 -8t20 8t8 20v123h123q11 0 19.5 8t8.5 20t-8.5 20t-19.5 8z" />
316 |     <glyph glyph-name="imagetext" unicode="&#xe6fb;" 
317 | d="M608 603q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18t17.5 -7.5h141v0zM864 603q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18t17.5 -7.5h141v0zM608 447q11 0 18.5 7.5t7.5 18.5
318 | t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -7.5t-7.5 -18.5t7.5 -18.5t17.5 -7.5h141v0zM864 447q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -7.5t-7.5 -18.5t7.5 -18.5t17.5 -7.5h141v0zM608 291q11 0 18.5 8t7.5 18.5t-7.5 18t-18.5 7.5h-141
319 | q-10 0 -17.5 -7.5t-7.5 -18t7.5 -18.5t17.5 -8h141v0zM864 291q11 0 18.5 8t7.5 18.5t-7.5 18t-18.5 7.5h-141q-10 0 -17.5 -7.5t-7.5 -18t7.5 -18.5t17.5 -8h141v0zM864 291zM608 136q11 0 18.5 7.5t7.5 18t-7.5 18.5t-18.5 8h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18
320 | t17.5 -7.5h141v0zM864 136q11 0 18.5 7.5t7.5 18t-7.5 18.5t-18.5 8h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18t17.5 -7.5h141v0zM864 136zM882 832h-854h-28v-29v-722q0 -60 41.5 -102.5t100.5 -42.5h854h28v29v260q0 12 -8.5 20.5t-20 8.5t-20 -8.5t-8.5 -20.5v-231h-825
321 | q-35 0 -60 25.5t-25 61.5v693h825q35 0 60 -25.5t25 -61.5v-260q1 -11 9 -19t19.5 -8t20 8t8.5 19v260q0 60 -41.5 102.5t-100.5 42.5zM142 557.5q0 -41.5 29.5 -71.5t70.5 -30t70 30t29 71.5t-29 71.5t-70 30t-70.5 -30t-29.5 -71.5zM284 557q0 -18 -12.5 -30.5t-30 -12.5
322 | t-30 12.5t-12.5 30.5t12.5 31t30 13t30 -13t12.5 -31z" />
323 |     <glyph glyph-name="text" unicode="&#xe6fc;" 
324 | d="M608 603q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18t17.5 -7.5h141v0zM864 603q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18t17.5 -7.5h141v0zM608 447q11 0 18.5 7.5t7.5 18.5
325 | t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -7.5t-7.5 -18.5t7.5 -18.5t17.5 -7.5h141v0zM864 447q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -7.5t-7.5 -18.5t7.5 -18.5t17.5 -7.5h141v0zM608 291q11 0 18.5 8t7.5 18.5t-7.5 18t-18.5 7.5h-141
326 | q-10 0 -17.5 -7.5t-7.5 -18t7.5 -18.5t17.5 -8h141v0zM864 291q11 0 18.5 8t7.5 18.5t-7.5 18t-18.5 7.5h-141q-10 0 -17.5 -7.5t-7.5 -18t7.5 -18.5t17.5 -8h141v0zM864 291zM608 136q11 0 18.5 7.5t7.5 18t-7.5 18.5t-18.5 8h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18
327 | t17.5 -7.5h141v0zM864 136q11 0 18.5 7.5t7.5 18t-7.5 18.5t-18.5 8h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18t17.5 -7.5h141v0zM864 136zM352 603q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18t17.5 -7.5h141v0zM352 447
328 | q11 0 18.5 7.5t7.5 18.5t-7.5 18.5t-18.5 7.5h-141q-10 0 -17.5 -7.5t-7.5 -18.5t7.5 -18.5t17.5 -7.5h141v0zM352 291q11 0 18.5 8t7.5 18.5t-7.5 18t-18.5 7.5h-141q-10 0 -17.5 -7.5t-7.5 -18t7.5 -18.5t17.5 -8h141v0zM608 291zM352 136q11 0 18.5 7.5t7.5 18t-7.5 18.5
329 | t-18.5 8h-141q-10 0 -17.5 -8t-7.5 -18.5t7.5 -18t17.5 -7.5h141v0zM608 136zM882 832h-854h-28v-29v-722q0 -60 41.5 -102.5t100.5 -42.5h854h28v29v260q0 12 -8.5 20.5t-20 8.5t-20 -8.5t-8.5 -20.5v-231h-825q-35 0 -60 25.5t-25 61.5v693h825q35 0 60 -25.5t25 -61.5
330 | v-260q1 -11 9 -19t19.5 -8t20 8t8.5 19v260q0 60 -41.5 102.5t-100.5 42.5z" />
331 |     <glyph glyph-name="move" unicode="&#xe6fd;" 
332 | d="M501 -126q11 -4 22 0q5 2 9 6v0l159 159q8 9 8 20.5t-8 20t-20 8.5t-20 -9l-111 -110v335q0 12 -8 20.5t-20 8.5t-20 -8.5t-8 -20.5v-335l-111 110q-8 9 -20 9t-20 -8.5t-8 -20t8 -20.5l159 -159l1 -0.5t2 -1.5q4 -3 6 -4zM523 894q-11 4 -22 0q-5 -2 -9 -6v0l-159 -159
333 | q-8 -9 -8 -20.5t8 -20t20 -8.5t20 9l111 110v-335q0 -12 8 -20.5t20 -8.5t20 8.5t8 20.5v335l111 -110q8 -9 20 -9t20 8.5t8 20.5t-8 20l-159 159l-1 0.5t-2 1.5q-4 3 -6 4zM1022 373q4 11 0 22q-2 5 -6 9v0l-159 159q-9 8 -20.5 8t-20 -8t-8.5 -20t9 -20l110 -111h-335
334 | q-12 0 -20.5 -8t-8.5 -20t8.5 -20t20.5 -8h335l-110 -111q-9 -8 -9 -20t8.5 -20t20.5 -8t20 8l159 159l0.5 1t1.5 2q3 4 4 6zM2 395q-4 -11 0 -22q2 -5 6 -9v0l159 -159q9 -8 20.5 -8t20 8t8.5 20t-9 20l-110 111h335q12 0 20.5 8t8.5 20t-8.5 20t-20.5 8h-335l110 111
335 | q9 8 9 20t-8.5 20t-20.5 8t-20 -8l-159 -159l-0.5 -1t-1.5 -2q-3 -4 -4 -6z" />
336 |     <glyph glyph-name="subtract" unicode="&#xe6fe;" 
337 | d="M853 363q9 0 15.5 6t6.5 15t-6.5 15t-15.5 6h-682q-9 0 -15.5 -6t-6.5 -15t6.5 -15t15.5 -6h682z" />
338 |     <glyph glyph-name="dollar" unicode="&#xe702;" 
339 | d="M819 296q-25 46 -67 74q-45 30 -97 44q-56 14 -131 17v327q40 -1 77 -11q44 -11 76 -36q31 -25 49 -63t18 -94q0 -11 7.5 -18.5t18 -7.5t18 7.5t7.5 18.5q0 67 -23 116t-63 81q-40 31 -95 46q-43 11 -90 13v48q0 10 -7.5 17.5t-18 7.5t-18 -7.5t-7.5 -17.5v-48
340 | q-38 -2 -70 -10q-47 -11 -84.5 -33.5t-58.5 -51t-32.5 -57.5t-12.5 -58q-1 -18 0.5 -36t10.5 -44.5t25.5 -48.5t48.5 -42.5t75 -31.5q48 -12 98 -16v-375q-43 4 -80 15q-53 16 -91 49q-39 32 -61 79t-23 111q-1 10 -8.5 17.5t-18.5 6.5q-10 0 -17.5 -7.5t-7.5 -18.5
341 | q2 -73 29 -131q27 -57 74 -96q46 -39 109 -59q46 -14 95 -17v-69q0 -11 7.5 -18t18.5 -7t18 7t7 18v68q46 1 97 10q58 11 107 38q49 28 81 74q34 48 34 120q0 54 -24 100zM473 433q-44 3 -85 14q-38 9 -64 26.5t-38.5 39t-17 42t-2.5 42.5q0 10 2 21t11.5 32t24 38.5t44 35
342 | t67.5 26.5q26 7 58 8v-325zM767 105q-25 -36 -65 -59q-41 -23 -90 -32q-45 -8 -88 -9v374q67 -2 118 -15q43 -10 81 -36q32 -21 51 -56q18 -34 18 -76q0 -56 -25 -91z" />
343 |     <glyph glyph-name="raw" unicode="&#xe704;" 
344 | d="M539 425q31 0 53.5 22t22.5 53t-22.5 53t-53.5 22t-53 -22t-22 -53t22 -53t53 -22v0zM539 475q-10 0 -17.5 7.5t-7.5 17.5t7.5 17.5t18 7.5t17.5 -7.5t7 -17.5t-7 -17.5t-18 -7.5v0zM435 667q-141 -27 -232.5 -137.5t-91.5 -254.5q0 -108 54 -200t146.5 -145.5
345 | t202.5 -53.5t202.5 53.5t146.5 145.5t54 200q0 135 -85 243t-217 143l-13 -48q116 -31 190.5 -125.5t74.5 -212.5q0 -95 -47.5 -175.5t-128.5 -127t-177 -46.5t-177.5 46.5t-128.5 127t-47 175.5q0 126 80.5 222.5t203.5 120.5l-10 49v0zM363 250q41 0 71 29.5t30 71
346 | t-30 70.5t-71.5 29t-71 -29t-29.5 -70.5t29.5 -71t71.5 -29.5v0zM363 300q-21 0 -36 14.5t-15 35.5t15 35.5t36 14.5t35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5v0zM118 282q30 -28 84 -55q107 -53 232 -53q106 0 205 38q4 2 13.5 5.5t18 7t9.5 3.5q21 9 35 13
347 | q29 8 56 5q10 -1 18.5 5.5t9.5 16.5t-5.5 18.5t-16.5 9.5q-37 4 -76 -7q-17 -5 -40 -14q-1 -1 -9.5 -4t-17.5 -7t-13 -5q-91 -35 -187 -35q-113 0 -209 48q-30 15 -55 32q-11 9 -17 14q-7 7 -17.5 7t-18 -7.5t-7 -18t7.5 -17.5v0zM465 619v132v25h-25h-72l25 -25v89l-25 -25
348 | h286l-26 25v-91l26 25l-64 2h-26v-25v-138h50v138l-26 -25l65 -2l26 -1v26v91v25h-25h-286h-25v-25v-89v-25h25h72l-25 25v-132h50v0z" />
349 |     <glyph glyph-name="office" unicode="&#xe705;" 
350 | d="M335 712q91 2 135 -43q13 -12 20 -28q4 -6 4 -10v6v-440q0 6 10 10q9 4 13 1l-16 -20l20 16q-13 18 -45 33q-58 29 -148 29t-141 -28q-30 -17 -40 -37l23 -11l-19 17q5 6 17 1q11 -4 11 -11v300v140l-3 -13q3 5 9 13q13 17 29 31q53 46 121 44v0zM335 764q-86 1 -154 -57
351 | q-33 -28 -50 -58l-3 -5v-7v-140v-300q0 -28 21.5 -36.5t39.5 12.5l3 3l1 3q3 5 19 14q39 22 116 22q78 0 125 -24q21 -10 27 -18l2 -2l2 -2q21 -17 41 -8t20 36v440l-1 5q-7 33 -38 64q-59 59 -171 58v0zM0 506v-478q0 -28 20.5 -36.5t40.5 9.5l2 2q4 5 13 13q19 16 43 30
352 | q77 45 173 45q94 0 156 -51q19 -16 33 -35q6 -9 9 -14q5 -10 15 -13t19.5 1.5t13 14.5t-1.5 19q-16 34 -55 66q-76 63 -189 63q-110 0 -199 -52q-45 -26 -68 -53l19 -17l-17 19q4 4 14 0q10 -5 10 -11v478q0 11 -7.5 18.5t-18 7.5t-18 -7.5t-7.5 -18.5v0zM697 764
353 | q-113 1 -172 -58q-31 -31 -38 -64l-1 -5v-440q0 -27 20.5 -36t40.5 8l2 2l2 2q6 8 27 18q47 24 125 24q77 0 117 -22q15 -9 18 -14l2 -3l2 -3q19 -21 40 -12.5t21 36.5v300v140v7l-3 5q-17 30 -50 58q-67 58 -154 57h1zM697 712q67 2 120 -44q16 -14 29 -31q7 -8 10 -13
354 | l-4 13v-140v-300q0 7 11 11q12 5 17 -1l-19 -17l23 11q-10 20 -40 37q-51 28 -141 28t-148 -29q-32 -15 -45 -33l21 -16l-17 20q4 3 14 -1t10 -10v440l-1 -6q1 4 4 10q7 16 20 28q44 45 135 43h1zM973 506v-478q0 6 10 11q10 4 14 0l-17 -19l19 17q-23 27 -68 53
355 | q-89 52 -199 52q-113 0 -189 -66q-38 -34 -54 -69q-5 -10 -1 -19.5t13.5 -14t19.5 -1t14 13.5l9 15q14 20 33 36q61 54 155 54q96 0 173 -45q24 -14 43 -30q9 -8 13 -13l2 -2q20 -18 40.5 -9.5t20.5 36.5v478q0 11 -7.5 18.5t-18 7.5t-18 -7.5t-7.5 -18.5v0z" />
356 |     <glyph glyph-name="agriculture" unicode="&#xe707;" 
357 | d="M694 469q49 50 62 103.5t-18 85.5q-35 30 -89.5 15t-103 -64.5t-62 -103t18.5 -85.5q34 -30 88.5 -15t103.5 64v0zM658 503q-34 -34 -71.5 -48t-49.5 0q-15 12 -2.5 48.5t47 71t71.5 48.5t50 0q15 -12 2 -49t-47 -71v0zM720 290q49 49 62.5 102.5t-18.5 85.5
358 | q-34 30 -88.5 15t-103.5 -64t-62.5 -102.5t18.5 -85.5q34 -30 88.5 -15.5t103.5 64.5v0zM684 323q-34 -34 -71.5 -47.5t-49.5 0.5q-15 11 -2 48t47 71.5t71.5 48t49.5 -0.5q15 -11 2 -48t-47 -72v0zM650 8q38 18 70 51q49 49 62.5 102.5t-18.5 85.5q-34 30 -88.5 15
359 | t-103.5 -64t-62.5 -102.5t18.5 -85.5q8 -7 18 -7t17.5 7t7 17.5t-7.5 17.5q-15 11 -2 48t47 71.5t71.5 48t49.5 -0.5q15 -11 2 -48t-47 -72q-26 -26 -56 -41q-9 -5 -12.5 -14.5t1.5 -18.5t14.5 -12t18.5 2v0zM319 503q-35 34 -47.5 71t2.5 49q12 14 49.5 0t71.5 -48.5
360 | t47 -71t-2 -48.5q-12 -14 -49.5 0t-71.5 48v0zM283 469q48 -49 103 -64t89 15q31 32 18 85.5t-62 103t-103.5 64.5t-88.5 -15q-32 -32 -18.5 -85.5t62.5 -103.5v0zM435 731q0 48 16.5 82t36.5 34t36.5 -34t16.5 -82t-16.5 -82.5t-36.5 -34.5t-36.5 34.5t-16.5 82.5v0z
361 | M385 731q0 -69 29 -117t74 -48t74 48t29 116.5t-29 117t-74 48.5t-74 -48.5t-29 -116.5v0zM345 323q-34 35 -47 72t2 48q12 14 49.5 0.5t71.5 -48t47 -71.5t-2 -48q-12 -14 -49.5 -0.5t-71.5 47.5v0zM309 290q49 -50 103.5 -64.5t88.5 15.5q32 32 18.5 85.5t-62.5 102.5
362 | t-103.5 64t-88.5 -15q-32 -32 -18.5 -85.5t62.5 -102.5v0zM345 92q-34 35 -47 72t2 48q12 14 49.5 0.5t71.5 -48t47 -71.5t-2 -48q-12 -14 -49.5 -0.5t-71.5 47.5v0zM309 59q49 -50 103.5 -64.5t88.5 15.5q32 32 18.5 85.5t-62.5 102.5t-103.5 64t-88.5 -15
363 | q-32 -32 -18.5 -85.5t62.5 -102.5v0zM526 -97v681q0 10 -7 17t-17.5 7t-18 -7t-7.5 -17v-681q0 -10 7.5 -17.5t18 -7.5t17.5 7.5t7 17.5v0z" />
364 |     <glyph glyph-name="machinery" unicode="&#xe709;" 
365 | d="M1013 125l4 257l1 19l-19 5l-87 24l18 -25v369v25h-24l-355 4h-20l-4 -20l-72 -329l24 19h-101h-18l-5 -16l-141 -401l-12 -33h35h168q10 0 17.5 7t7.5 17.5t-7.5 18t-17.5 7.5h-168l23 -34l142 401l-24 -17h101h20l5 20l72 330l-25 -20l354 -4l-24 25v-369v-19l18 -5
366 | l87 -23l-18 24l-4 -257q-1 -10 6.5 -17.5t17.5 -7.5t17.5 7t7.5 18v0zM489 -43q46 0 79 33t33 80t-33 80t-79.5 33t-79 -33t-32.5 -80t32.5 -80t79.5 -33v0zM489 8q-26 0 -44.5 18t-18.5 44t18.5 44.5t44 18.5t44 -18.5t18.5 -44.5t-18.5 -44t-43.5 -18v0zM787 -43
367 | q47 0 80 33t33 80t-33 80t-79.5 33t-79.5 -33t-33 -80t33 -80t79 -33v0zM787 8q-25 0 -43.5 18t-18.5 44t18.5 44.5t44 18.5t44 -18.5t18.5 -44.5t-18.5 -44t-44.5 -18v0zM363 788l-255 -710l27 16l-104 18q-10 2 -18.5 -4t-10.5 -16t4 -18.5t16 -10.5l105 -18l20 -4l7 20
368 | l256 710q4 10 -0.5 19t-14 13t-19 -0.5t-13.5 -14.5v0zM584 429h240h24l-1 23l-10 230l-1 22h-22l-188 -3h-18l-4 -18l-42 -228l-5 -26h27v0zM584 474l22 -27l42 228l-21 -19l188 3l-23 21l10 -230l22 24h-240v0zM283 204l-94 27l-14 -48l94 -27l14 48v0zM591 33h123v50
369 | h-123v-50v0z" />
370 |     <glyph glyph-name="assessedbadge" unicode="&#xe70a;" horiz-adv-x="1026" 
371 | d="M705 555q0 -5 -5 -13l-183 -341q-14 -28 -49 -28q-28 0 -41 19l-100 115q-6 7 -6 17q0 11 8 19.5t19 8.5q5 0 13 -4l92 -49l200 273q11 10 24 10q11 -1 19.5 -8.5t8.5 -18.5zM512.5 853q34.5 0 57.5 -23l90 -90h126q34 0 58.5 -24t24.5 -59v-126l89 -89q24 -24 24 -59
372 | t-24 -59l-89 -89v-126q0 -34 -24.5 -58.5t-58.5 -24.5h-126l-90 -90q-25 -21 -57 -21q-35 0 -58 23l-90 90h-126q-34 0 -58.5 24t-24.5 59v126l-89 89q-24 24 -24 59t24 59l89 89v126q0 34 24 57.5t59 23.5h126l90 90q23 23 57.5 23zM513 896q-55 0 -88 -36l-77 -77h-109
373 | q-51 0 -88 -36.5t-37 -89.5v-109l-77 -77q-37 -36 -37 -88t37 -89l77 -76v-109q0 -52 36.5 -89t88.5 -37h109l77 -77q38 -34 88 -34q51 0 87 36l77 77h109q51 0 88 36.5t37 89.5v109l77 77q37 36 37 88t-37 89l-77 76v109q0 52 -36.5 89t-88.5 37h-109l-77 77q-34 34 -87 34
374 | v0z" />
375 |     <glyph glyph-name="gerenzhongxin" unicode="&#xe70b;" horiz-adv-x="1025" 
376 | d="M690 533.5q0 74.5 -52 126.5t-126 52t-126.5 -52t-52.5 -126.5t52.5 -127t126.5 -52.5t126 52.5t52 127zM376 533.5q0 56.5 40 96.5t96 40t95.5 -40t39.5 -96.5t-39.5 -96.5t-95.5 -40t-96 40t-40 96.5zM197 121v-15h638v15q0 52 -24 103.5t-65 90.5t-99.5 61.5
377 | t-122.5 17.5q-5 0 -17 -4.5t-17 -5.5q-4 0 4 -6q10 -6 10 -10q5 0 8 -7t8 -7q111 0 187 -66t76 -158l15 15h-286l-279 -1l16 -16q0 56 40.5 106.5t96.5 85.5q5 3 6.5 11t-1.5 12q-9 12 -28 6q-61 -20 -113.5 -89.5t-52.5 -138.5zM512 882q-104 0 -198.5 -40.5t-163.5 -108.5
378 | t-109.5 -163t-40.5 -199t40.5 -198.5t109.5 -163t163.5 -109t198.5 -40.5q179 0 319 111q8 7 9.5 17t-5 18t-17 9.5t-18.5 -5.5q-126 -100 -288 -100q-94 0 -179.5 36.5t-147.5 98.5t-98.5 147t-36.5 179t36.5 179.5t98.5 147.5t147.5 98.5t179.5 36.5t180 -36.5
379 | t147.5 -98.5t98 -147.5t36.5 -179.5q0 -132 -69 -243q-6 -9 -3.5 -19t11.5 -15.5t19 -3t15 10.5q77 124 77 270q0 104 -40.5 199t-109 163t-163.5 108.5t-199 40.5z" />
380 |     <glyph glyph-name="jifen" unicode="&#xe70c;" 
381 | d="M512.5 390q142.5 0 259 28.5t182.5 78t66 110.5t-66 111t-182.5 78.5t-259 28.5t-259 -28.5t-182.5 -78.5t-66 -111t66 -110.5t182.5 -78t259 -28.5zM512.5 770q96.5 0 182.5 -14.5t144 -38t92 -52.5t34 -57.5t-34 -57.5t-92 -52.5t-144 -38t-182.5 -14.5t-182.5 14.5
382 | t-144 38t-92 52.5t-34 57.5t34 57.5t92 52.5t144 38t182.5 14.5zM512.5 160q142.5 0 258.5 28t181.5 77.5t65.5 110.5q0 47 -43 90h-0.5h-0.5v0.5v0.5v0q-8 6 -17 6q-10 0 -17.5 -7t-7.5 -18q0 -10 8 -18v0q26 -26 26 -54q0 -29 -34 -58.5t-92 -53t-144.5 -38t-183 -14.5
383 | t-183 14.5t-144.5 38t-92 53t-34 58.5q0 31 26 55h1l1 1v0v0q6 7 6 17t-7 17.5t-17.5 7.5t-17.5 -8h-1q-43 -42 -43 -90q0 -61 65.5 -110.5t181.5 -77.5t258.5 -28zM975 237l-1 1v0q-7 6 -17 6t-17.5 -7t-7.5 -18q0 -10 9 -18h-1q26 -26 26 -54q0 -29 -33.5 -58.5t-92 -53
384 | t-145 -38t-183 -14.5t-183 14.5t-144.5 38t-92 53t-34 58.5q0 31 27 54v1h0.5t0.5 0.5v0.5v0q7 7 7 17t-7.5 17t-18 7t-17.5 -7v0q-44 -42 -44 -90q0 -61 66 -110.5t182 -77.5t258 -28t258 28t181.5 77.5t65.5 110.5q0 47 -43 90v0v0z" />
385 |     <glyph glyph-name="operation" unicode="&#xe70e;" 
386 | d="M549 424q-5 4 -12 7l-140 87l89 -139q2 -6 7 -11l1 -2h1q11 -11 27.5 -11t28 11.5t11.5 28t-12 27.5l1 1zM521 699v0h-13l1 -152v0q1 -10 8.5 -17t17.5 -7q11 0 18.5 7.5t7.5 18.5v1l1 96q97 -14 157 -83t61 -169q0 -110 -73.5 -183t-184.5 -73q-110 -1 -182 72.5
387 | t-73 183.5q0 114 77 190v0l2 2q5 6 4 14t-8 14q-5 5 -15.5 4.5t-15.5 -4.5v0v0l-2 -2v0q-44 -43 -68 -99.5t-23 -119.5q0 -126 90 -215t216 -88.5t215 90t88.5 216t-90.5 215.5t-216 88zM512 885q-102 0 -194.5 -39.5t-160 -107t-107 -160t-39.5 -194.5t39.5 -194.5
388 | t107 -160t160 -107t194.5 -39.5q175 0 312 109q8 6 9 16t-5.5 18t-16.5 9.5t-18 -5.5q-123 -98 -281 -98q-92 0 -175.5 36t-144 96.5t-96.5 144t-36 175.5t36 175.5t96.5 144t144 96.5t175.5 36t175.5 -36t144 -96.5t96.5 -144t36 -175.5q0 -129 -68 -239q-5 -8 -3 -18
389 | t10.5 -15.5t18.5 -3t15 10.5q76 121 76 265q0 102 -39.5 194.5t-107 160t-160 107t-194.5 39.5z" />
390 |     <glyph glyph-name="remind1" unicode="&#xe713;" 
391 | d="M539 -127h-7q-28 1 -50 12.5t-35.5 28.5t-20.5 33t-10 31q-1 9 4 16t14 8.5t16 -3.5t9 -14q1 -3 2 -8t6.5 -16t13 -20t22 -16.5t31.5 -8.5q18 -1 32 6t22 16t14 21t7.5 17.5t2.5 9.5q1 9 8.5 14t16.5 3t14 -9.5t3 -16.5q-3 -15 -11 -31.5t-21 -33.5t-35 -28t-48 -11v0v0z
392 | M57 74v0q1 -2 2 -3q4 -5 19 -5h873q13 0 16 3l-1 4v43l1 3q2 31 -66 93q-66 62 -108 198t-42 259q0 25 -11 46t-28 35t-40 25.5t-42.5 17.5t-39.5 10t-28.5 5t-12.5 1h-76h-1q-7 0 -17.5 -2t-37 -7.5t-49 -16t-46 -25t-37 -38t-13.5 -51.5q0 -73 -14.5 -157.5t-49 -170
393 | t-80.5 -129.5q-69 -64 -71 -96v-1v-41v0v0zM78 23q-35 0 -52 20q-14 15 -12 35v31q-8 49 84 135q58 54 94.5 181t36.5 244q0 33 13 61t32.5 46t46.5 32.5t50 22.5t48 13.5t35 6.5t17 2h9v25q0 7 5 12t12 5h22q7 0 12 -5t5 -12v-25h15q7 -1 17.5 -2t35.5 -6.5t48 -13.5
394 | t50 -22.5t46.5 -32.5t33 -46t13.5 -61q0 -115 38.5 -243t96.5 -182q93 -85 79 -136v-29q4 -20 -7 -35q-15 -21 -51 -21h-873z" />
395 |     <glyph glyph-name="icondownload" unicode="&#xe714;" 
396 | d="M996 -140h-968q-11 0 -19.5 8.5t-8.5 19.5v0q0 12 8.5 20t19.5 8h968q11 0 19.5 -8t8.5 -20v0q0 -11 -8.5 -19.5t-19.5 -8.5zM927 508v0q-8 7 -21 7t-20 -7l-348 -346v694q0 12 -7.5 20t-18.5 8t-18.5 -8t-7.5 -20v-694l-348 346q-7 7 -20 7t-20.5 -7.5t-7.5 -19.5t7 -21
397 | l395 -395q2 -2 5 -2l2 -3q12 -3 23 0l3 3l5 2l394 395q10 9 10.5 21t-7.5 20z" />
398 |     <glyph glyph-name="map" unicode="&#xe715;" 
399 | d="M452 -98q20 -23 49.5 -23t49.5 23q5 5 15 16q19 21 39 45q64 76 117 150q58 81 97 152q77 137 77 229q0 109 -53 201.5t-143.5 146.5t-198 54t-198.5 -54t-143.5 -146.5t-52.5 -201.5q0 -92 77 -230q39 -70 97 -151q53 -74 117 -150q20 -24 39 -45q10 -11 15 -17v1z
400 | M487 -65q-5 5 -14 16q-19 20 -38 43q-63 75 -116 148q-56 78 -94 146q-70 127 -70 206q0 96 46 177.5t126 128.5t174.5 47t174 -47t126 -128.5t46.5 -177.5q0 -79 -70 -205q-38 -68 -94 -147q-53 -73 -116 -147q-19 -24 -38 -44q-9 -10 -14 -16q-6 -7 -14.5 -7.5t-14.5 6.5
401 | v1zM715 429q14 37 14 77q0 91 -63.5 155t-152.5 64t-152 -64t-63 -155t63 -155.5t152 -64.5q54 0 101 26q9 5 12 14.5t-1.5 18.5t-14 12t-18.5 -2q-37 -20 -79 -20q-69 0 -118 50t-49 121t49 121t118.5 50t118.5 -50t49 -121q0 -31 -11 -60q-3 -9 1 -18.5t13 -13t18 1
402 | t13 13.5v0z" />
403 |     <glyph glyph-name="good" unicode="&#xe717;" 
404 | d="M743 -90h-316q-10 0 -17 7t-7 16.5t7 16.5t17 7h316q82 0 115 67q1 1 2 5q8 39 40 78q16 19 18 44t-3 48q-3 22 -4 33q-1 22 2.5 39.5t8.5 26.5l15 27q6 9 10 16q24 42 -2 88q-16 26 -43 41t-60 15q-16 0 -34 -0.5t-34 -0.5t-31 -0.5t-27.5 -0.5t-22 -0.5t-15 -0.5h-5.5
405 | q-11 0 -18.5 8t-5.5 19t8 45.5t14 94t8 90.5q0 26 -8.5 43t-22 24.5t-24.5 10t-23 2.5q-27 0 -46.5 -25.5t-19.5 -62.5q0 -50 -5 -71.5t-27 -52.5q-117 -161 -189 -161h-39v-512q0 -10 -7 -17t-16 -7h-134q-37 0 -63 26t-26 62v406q0 36 26 62t63 26h196q21 0 63 39.5
406 | t88 102.5q16 23 19.5 37.5t3.5 59.5q0 57 33 95.5t80 38.5q50 0 87.5 -31t37.5 -95q0 -63 -26 -210q81 2 142 2q45 0 83 -21t60 -58q19 -32 19.5 -67.5t-16.5 -66.5q-4 -6 -11 -17q-13 -21 -16.5 -32.5t-2.5 -34.5q0 -8 3 -29q4 -26 4.5 -41t-6 -40.5t-23.5 -45.5
407 | q-25 -30 -30 -58q-2 -10 -5 -16q-23 -45 -63.5 -69.5t-94.5 -24.5v0zM118 446q-18 0 -30 -12.5t-12 -29.5v-406q0 -17 12 -29t30 -12h110v489h-110v0zM118 446z" />
408 |     <glyph glyph-name="skip" unicode="&#xe718;" 
409 | d="M1011 409q0 15 -11 26l-394 340q-11 9 -24 9q-14 0 -24.5 -10.5t-10.5 -25.5v-150q-226 -37 -372.5 -189t-161.5 -366q1 -9 7.5 -15t15.5 -6q7 0 13 4v0q73 51 132 83q100 55 258 84v0q12 0 19.5 8t7.5 19.5t-7.5 19.5t-19.5 8q-5 0 -9 -2q-216 -42 -362 -147
410 | q100 371 512 448v0q11 2 18 10.5t7 19.5v1v0v115l332 -284l-329 -281h-2v138v0q-1 12 -9.5 20.5t-20.5 8.5t-20.5 -9t-8.5 -21v0v0v-57v-75v-64q0 -15 10.5 -25.5t24.5 -10.5q12 0 23 8l394 341v0q12 10 12 27z" />
411 |     <glyph glyph-name="iconfontplay2" unicode="&#xe719;" 
412 | d="M512 896q-138 0 -256 -69t-187 -187t-69 -256t69 -256t187 -187t256 -69q178 0 320 110q8 6 9.5 16t-4.5 20q-6 8 -16 9.5t-20 -4.5q-123 -100 -289 -100q-94 0 -179.5 36.5t-147 98t-98 147t-36.5 179.5t36.5 179.5t98 147t147 98t179.5 36.5t179.5 -36.5t147 -98
413 | t98 -147t36.5 -179.5q0 -129 -69 -243q-6 -10 -3.5 -19.5t10.5 -13.5q10 -6 20 -3.5t14 10.5q76 119 76 272q1 102 -39 196.5t-108.5 163t-163 109t-198.5 40.5zM714 438q-8 7 -69.5 62.5t-119 107.5l-57.5 52q-7 8 -17 7t-18 -9t-8 -18v0v-512q0 -12 7 -19t18.5 -7t15.5 8
414 | q1 1 56 48.5t115 99t70 59.5q33 30 33 64q3 32 -26 57zM681 361q-3 -2 -54.5 -46.5t-101 -87t-49.5 -43.5v400q187 -167 202 -182q14 -14 15 -21.5t-12 -19.5z" />
415 |     <glyph glyph-name="iconfontstop" unicode="&#xe71a;" 
416 | d="M512 896q-138 0 -256 -69t-187 -187t-69 -256t69 -256t187 -187t256 -69q178 0 320 110q8 6 9.5 16t-4.5 20q-6 8 -16 9.5t-20 -4.5q-123 -100 -289 -100q-94 0 -179.5 36.5t-147 98t-98 147t-36.5 179.5t36.5 179.5t98 147t147 98t179.5 36.5t179.5 -36.5t147 -98
417 | t98 -147t36.5 -179.5q0 -129 -69 -243q-6 -10 -3.5 -19.5t10.5 -13.5q10 -6 20 -3.5t14 10.5q76 119 76 272q1 102 -39 196.5t-108.5 163t-163 109t-198.5 40.5zM686 589h-348q-14 0 -22.5 -8.5t-8.5 -22.5v-348q0 -14 8.5 -22.5t22.5 -8.5h348q14 0 22.5 8.5t8.5 22.5v348
418 | q0 14 -8.5 22.5t-22.5 8.5zM666 238q0 -8 -8 -8h-292q-8 0 -8 8v292q0 8 8 8h292q8 0 8 -8v-292z" />
419 |     <glyph glyph-name="compass" unicode="&#xe71b;" 
420 | d="M512 -128q-138 0 -256 69t-187 187t-69 256t69 256t187 187t256 69t256 -69t187 -187t69 -256t-69 -256t-187 -187t-256 -69zM512 853q-95 0 -182 -37t-150 -100t-100 -150t-37 -182t37 -182t100 -150t150 -100t182 -37t182 37t150 100t100 150t37 182t-37 182t-100 150
421 | t-150 100t-182 37zM267 117q-9 0 -15 7q-11 10 -5 23l139 352q3 10 13 13l352 139q15 4 23 -5q11 -10 5 -23l-139 -352q-3 -8 -11.5 -12t-16.5 -1t-12 11.5t-1 16.5l122 307l-296 -117l-118 -297l218 86q8 3 16 -1t12 -12q3 -9 -0.5 -17t-12.5 -11l-263 -105q-6 -2 -10 -2z
422 | M476 384q0 -15 10.5 -25.5t25.5 -10.5t25.5 10.5t10.5 25.5t-10.5 25.5t-25.5 10.5t-25.5 -10.5t-10.5 -25.5z" />
423 |     <glyph glyph-name="security" unicode="&#xe71c;" 
424 | d="M516 -128h-8q-94 0 -179 36t-146 97.5t-97.5 146.5t-36.5 179v446q0 9 6 15t15 6h107q131 0 254 60l72 36q10 3 20 0l72 -36q123 -60 254 -60h107q9 0 15 -6t6 -15.5t-6 -15.5t-15 -6h-107q-145 0 -273 64l-64 32l-62 -32q-128 -64 -273 -64h-85v-424q0 -114 55.5 -209.5
425 | t151 -151t209.5 -55.5h8q113 0 208.5 55.5t151.5 151t56 209.5v298l-405 -390q-6 -6 -15 -6t-15 6l-200 200q-7 7 -7 15.5t6.5 15t15 6.5t14.5 -7l186 -185l427 409q10 11 23 4.5t13 -19.5v-347q0 -94 -36.5 -179t-97.5 -146.5t-146 -97.5t-179 -36v0z" />
426 |     <glyph glyph-name="share" unicode="&#xe71d;" 
427 | d="M697 473h151q28 0 47.5 -19.5t19.5 -47.5v-423v-89l23 23h-90h-629q-28 0 -47.5 19.5t-19.5 46.5v423v40v14v35l-23 -22h36h14h40h135q10 0 16.5 6.5t6.5 16t-6.5 16t-16.5 6.5h-135h-40h-14h-36q-9 0 -15.5 -6.5t-6.5 -16.5v-35v-14v-40v-423q0 -46 32.5 -78.5
428 | t79.5 -32.5h629h90q9 0 15.5 6.5t6.5 15.5v89v423q0 46 -33 79t-79 33h-151q-9 0 -15.5 -6.5t-6.5 -16t6.5 -16t15.5 -6.5v0zM348 613l201 224h-34l201 -220q6 -7 15.5 -7.5t16 5.5t7 15.5t-5.5 16.5l-200 219l-17 19l-17 -19l-201 -223q-6 -7 -5.5 -16t7.5 -15.5t16.5 -6
429 | t15.5 7.5v0zM511 818v-704q0 -9 6.5 -16t15.5 -7t16 7t7 16v704q0 9 -6.5 15.5t-16 6.5t-16 -6.5t-6.5 -15.5v0z" />
430 |     <glyph glyph-name="store" unicode="&#xe722;" 
431 | d="M958 725q-2 45 -34 76t-77 31h-2h-2h-760q-8 0 -15 -6q-6 -13 -6 -15v-762v0q1 -47 34 -80t79 -33h2h2h363q30 0 30 21v384h173v-382q0 -8 8 -17q6 -6 15 -6h169q8 0 14.5 6t6.5 15v0v2v764v2zM915 721v0v-134q0 -33 -25 -54t-60 -21q-34 0 -58.5 20.5t-24.5 52.5v2v0
432 | v202h-43v-202v0v-2q-2 -33 -27.5 -53t-59.5 -20q-35 0 -59.5 20.5t-24.5 52.5v2v0v202h-42v-202v0v-2q-2 -33 -27.5 -53t-60.5 -20q-34 0 -57.5 20t-25.5 53v204h-43v-204q-1 -33 -26.5 -53t-60.5 -20q-36 0 -59.5 21t-23.5 54v202h736h2h4q26 0 46 -20.5t20 -47.5zM105 49
433 | v450q36 -30 85 -30q69 0 107 52q37 -52 106 -52t107 52q37 -52 106.5 -52t106.5 52q38 -52 107 -52q51 0 87 30v-520h-128v384q0 9 -5.5 15t-15.5 6h-213q-10 0 -16 -6t-6 -15v0v0v-384h-354h-2h-2q-28 0 -49 21t-21 49z" />
434 |     <glyph glyph-name="rejectedorder" unicode="&#xe724;" 
435 | d="M797 -111q-82 0 -139.5 57.5t-57.5 139.5t57.5 139t139 57t139 -57.5t57.5 -138.5q-1 -82 -58.5 -139.5t-137.5 -57.5zM797 238q-64 0 -109 -45t-45 -109t45 -109t108.5 -45t108.5 45t45 109q-1 64 -46 109t-107 45zM885 60q9 0 16 7t7 17q0 9 -6.5 16.5t-16.5 7.5h-175
436 | q-10 0 -17 -7t-7 -17q0 -9 7 -16.5t17 -7.5h175v0zM761 545h-559q-10 0 -17 -7t-7 -17t7 -16.5t17 -6.5h559q9 0 16 6.5t7 16.5t-7 17t-16 7zM910 748q0 57 -40.5 97.5t-96.5 40.5h-719h-23v-24v-836q0 -58 39.5 -98.5t96.5 -40.5h418v0q10 1 16 8t6 17t-6.5 17t-15.5 8v0
437 | h-420q-36 0 -61.5 26.5t-25.5 63.5v810h695q36 0 61.5 -27t25.5 -64v-406v0v0q0 -10 7.5 -17.5t17.5 -7.5t17 7.5t7 17.5v0v0v408h1zM763 691h-559q-10 0 -17 -7t-7 -16.5t7 -16.5t17 -7h559q9 0 16 7t7 17q2 10 -5 16.5t-18 6.5z" />
438 |     <glyph glyph-name="phone" unicode="&#xe725;" 
439 | d="M942 158q-40 37 -77 61q-52 37 -85 51q-51 26 -70 26q-28 0 -52 -30q-13 -20 -23 -45t-18 -34q-21 6 -70 38q-57 41 -105 85q-36 37 -85 105q-33 49 -38 70q4 2 34 18q33 13 45 23q30 22 30 52q0 23 -26 70q-12 26 -51 85q-26 37 -61 77q-41 41 -67 41q-47 0 -114 -87
440 | q-14 -18 -27 -39t-26.5 -56.5t-13.5 -64.5q0 -70 75 -194q71 -116 177 -225l21 -21v0q114 -111 225 -177q29 -20 78 -43v0q5 -2 11 -2q11 0 19 8t8 19q0 20 -17 26q-28 13 -71 39q-108 66 -213 169l-21 21q-103 106 -169 213q-67 106 -67 164q0 53 54 124q30 38 45 51
441 | q20 18 27 18q11 -5 34.5 -29.5t52.5 -69.5q32 -46 45 -74q18 -32 18 -43q-4 -5 -10 -9q-4 -2 -15.5 -7t-16.5 -8q-19 -8 -41 -19q-28 -18 -28 -46q0 -33 49 -104q46 -68 92 -113v0q50 -49 113 -92q74 -49 105 -49v0q26 0 45 28q3 4 6 10.5t7 16t6 14.5q8 20 15 31q7 5 11 7
442 | v0q11 0 43 -18q53 -30 74 -45q44 -31 69.5 -54.5t29.5 -32.5q-6 -12 -18 -28q-17 -22 -51 -45q-47 -34 -87 -47v0q-17 -7 -17 -25q0 -12 8 -20t19 -8q4 0 6 2v0q3 0 5 2v0q50 17 102 55q27 20 57 53.5t30 62.5q0 28 -40 68z" />
443 |     <glyph glyph-name="bussinessman" unicode="&#xe726;" 
444 | d="M497 -60l-107 100l39 221h130l30 -222zM433 60l62 -59l55 57l-22 162h-70zM642 330q70 39 112 108t42 152q0 123 -86.5 210t-208 87t-207.5 -87t-86 -210.5t86 -210t208 -86.5h10h2q116 0 219 -50t167 -133t73 -178h-487h-433q8 96 67 176.5t155 131.5q10 4 13 14
445 | t-2.5 19.5t-15 12.5t-18.5 -2q-117 -57 -184.5 -157.5t-67.5 -219.5v-26h26h460h512h26v26q0 146 -109 265t-273 158zM256 590q0 101 71.5 172.5t172.5 71.5t172 -71t71 -172t-71.5 -172.5t-172 -71.5t-172 71t-71.5 172z" />
446 |     <glyph glyph-name="mobilephone" unicode="&#xe72a;" 
447 | d="M850 -78h-553q-32 0 -54 22t-22 53v874l-25 -25h553q31 0 53 -22t22 -53v-752q0 -10 7.5 -17.5t18 -7.5t18 7.5t7.5 17.5v752q0 52 -37 88.5t-89 36.5h-553h-25v-25v-874q0 -52 36.5 -88.5t89.5 -36.5h553q10 0 17.5 7.5t7.5 17.5t-7.5 17.5t-17.5 7.5v0zM325 718
448 | q0 10 7.5 16.5t16.5 6.5h338q10 0 17 -6.5t7 -16.5v-575q0 -9 -7 -16t-17 -7h-338q-9 0 -16.5 7t-7.5 16v575v0zM277 718v-575q0 -29 21.5 -50t50.5 -21h338q30 0 51 21t21 50v575q0 29 -21 50t-51 21h-338q-29 0 -50.5 -21t-21.5 -50v0zM523 -53q20 0 35 14.5t15 35.5
449 | t-15 35.5t-35.5 14.5t-35.5 -14.5t-15 -35.5t15 -35.5t36 -14.5v0zM523 -3v0v0v0v0v0z" />
450 |     <glyph glyph-name="emailfilling" unicode="&#xe72d;" 
451 | d="M1024 653v51q0 44 -31.5 75.5t-75.5 31.5h-912v-751q0 -44 31.5 -75.5t75.5 -31.5h912v645l-480 -264q-15 -8 -29 1l-364 260q-9 6 -11 17t4.5 20t17.5 11t20 -5l350 -250q7 4 10 6q151 83 482 259z" />
452 |     <glyph glyph-name="favoritesfilling" unicode="&#xe730;" 
453 | d="M340 555l129 282q17 38 40.5 37.5t39.5 -38.5l130 -281h-339zM679 556l285 -31q41 -5 48 -27t-24 -49l-216 -220zM772 232l58 -281q9 -41 -10 -54.5t-54 8.5l-248 144zM517 50l-249 -144q-36 -20 -55 -6t-9 54l65 282zM270 235l-241 214q-31 27 -24 49t48 27l286 28
454 | l-3 -10l3 12h341l91 -323l-253 -183l-248 186v0z" />
455 |     <glyph glyph-name="accountfilling" unicode="&#xe732;" 
456 | d="M622 308q66 37 106 105.5t40 151.5q0 120 -78 204t-188.5 84t-188.5 -84t-78 -204q0 -83 40 -152t107 -105q-74 -19 -135.5 -54t-102.5 -77.5t-69 -92t-41 -97.5t-13 -94h465h517q0 141 -109 260.5t-272 154.5z" />
457 |     <glyph glyph-name="creditlevelfilling" unicode="&#xe736;" 
458 | d="M1003 512l-190 265l-90 -265h280zM363 469l149 -433l147 433h-296zM678 512l94 299h-520l96 -299h330zM535 -38l3 -3l463 510h-293zM209 779l-188 -267h280zM21 469l465 -514v9l-170 505h-295z" />
459 |     <glyph glyph-name="exl" unicode="&#xe73f;" 
460 | d="M905 717q-10 10 -22 21q-36 33 -67 62q-3 2 -5 4q-45 41 -71 63q-16 13 -25 19q-6 5 -11 7q-6 3 -13 3q-10 0 -17.5 -7.5t-7.5 -18.5v-51v-52v-102v-25h25h205l-26 25v-767l26 25h-666q-31 0 -53.5 22.5t-22.5 54.5v870l-26 -26h461q10 0 17.5 7.5t7.5 18t-7.5 18
461 | t-17.5 7.5h-461h-26v-25v-870q0 -53 37.5 -90.5t90.5 -37.5h666h26v26v767v26h-26h-205l26 -26v102v52v51q0 -10 -7.5 -17.5t-17.5 -7.5q-5 0 -9 2l2 -2q7 -5 22 -17q25 -22 69 -62q3 -2 5 -4q31 -28 67 -62q12 -10 22 -20q6 -5 8 -8q8 -7 18.5 -7t18 8t7 18.5t-7.5 17.5
462 | q-4 3 -9 8zM102 435h-102v-435h512h512v435h-870v0h-52v0zM349 223h-119v-90h140v-40h-191v291h189v-41h-138v-80h119v-40zM511 279l61 105h59l-88 -144l90 -147h-59l-63 107l-63 -107h-59l91 147l-89 144h59zM721 133h132v-40h-183v291h51v-251z" />
463 |     <glyph glyph-name="pdf" unicode="&#xe740;" 
464 | d="M905 717q-10 10 -22 21q-36 33 -67 62q-3 2 -5 4q-45 41 -71 63q-16 13 -25 19q-6 5 -11 7q-6 3 -13 3q-10 0 -17.5 -7.5t-7.5 -18.5v-51v-52v-102v-25h25h205l-26 25v-767l26 25h-666q-31 0 -53.5 22.5t-22.5 54.5v870l-26 -26h461q10 0 17.5 7.5t7.5 18t-7.5 18
465 | t-17.5 7.5h-461h-26v-25v-870q0 -53 37.5 -90.5t90.5 -37.5h666h26v26v767v26h-26h-205l26 -26v102v52v51q0 -10 -7.5 -17.5t-17.5 -7.5q-5 0 -9 2l2 -2q7 -5 22 -17q25 -22 69 -62q3 -2 5 -4q31 -28 67 -62q12 -10 22 -20q6 -5 8 -8q8 -7 18.5 -7t18 8t7 18.5t-7.5 17.5
466 | q-4 3 -9 8zM102 435h-102v-435h512h512v435h-870v0h-52v0zM208 185v-108h-50v291h111q49 0 77.5 -25.5t28.5 -67.5t-28 -66t-79 -24h-60zM208 226h61q27 0 41 12.5t14 36.5t-14 38t-40 14h-62v-101zM419 77v291h86q39 0 69 -17t46.5 -49t16.5 -72v-15q0 -41 -16.5 -72.5
467 | t-47 -48.5t-70.5 -17h-84zM470 327v-210h33q40 0 61 25t22 72v16q0 47 -20.5 72t-60.5 25h-35zM855 200h-117v-123h-51v291h185v-41h-134v-86h117v-41z" />
468 |     <glyph glyph-name="zip" unicode="&#xe741;" 
469 | d="M905 717q-10 10 -22 21q-36 33 -67 62q-3 2 -5 4q-45 41 -71 63q-16 13 -25 19q-6 5 -11 7q-6 3 -13 3q-10 0 -17.5 -7.5t-7.5 -18.5v-51v-52v-102v-25h25h205l-26 25v-767l26 25h-666q-31 0 -53.5 22.5t-22.5 54.5v870l-26 -26h461q10 0 17.5 7.5t7.5 18t-7.5 18
470 | t-17.5 7.5h-461h-26v-25v-870q0 -53 37.5 -90.5t90.5 -37.5h666h26v26v767v26h-26h-205l26 -26v102v52v51q0 -10 -7.5 -17.5t-17.5 -7.5q-5 0 -9 2l2 -2q7 -5 22 -17q25 -22 69 -62q3 -2 5 -4q31 -28 67 -62q12 -10 22 -20q6 -5 8 -8q8 -7 18.5 -7t18 8t7 18.5t-7.5 17.5
471 | q-4 3 -9 8zM102 435h-102v-435h512h512v435h-870v0h-52v0zM282 117h156v-40h-217v33l150 217h-149v41h211v-32zM534 77h-50v291h50v-291zM647 185v-108h-50v291h111q49 0 77.5 -25.5t28.5 -67.5t-28 -66t-79 -24h-60zM647 226h61q27 0 41 12.5t14 36.5t-14 38t-40 14h-62
472 | v-101z" />
473 |     <glyph glyph-name="sorting" unicode="&#xe743;" 
474 | d="M281 621l176 175q-1 -1 -3 -2q-9 -3 -18 1t-12 12q-1 2 -1 3v-870q0 -13 9 -22t21.5 -9t21 9t8.5 22v870q0 31 -23.5 40.5t-44.5 -11.5l-177 -175q-9 -8 -9 -20.5t9 -21.5t21.5 -9t21.5 8v0z" />
475 |     <glyph glyph-name="copy" unicode="&#xe744;" 
476 | d="M747 198zM926 607l-3 3l-4 4q-3 2 -5.5 4.5t-6.5 6t-6 6.5q-29 26 -56 51q-2 1 -3 2l-2 2q-37 33 -59 52q-13 11 -20 16q-5 4 -9 6q-5 2 -11 2q-9 0 -15 -6.5t-6 -15.5v-42v-43v-85v-21h21h149v-595h-531q-27 0 -45.5 19t-18.5 45v701h361q9 0 15 6.5t6 15t-6 15t-15 6.5
477 | h-382h-22v-22v-657h-52q-25 0 -42.5 17t-17.5 41v683h566q25 0 42.5 -17t17.5 -41v-4h40v4q0 40 -29 68.5t-71 28.5h-586h-20v-20v-702q0 -40 29 -68.5t71 -28.5h52v-26q0 -44 31.5 -75t75.5 -31h552h21v21v637v22v0q0 9 -6 15zM762 592v63v43v0q12 -10 50 -44l2 -2l2 -2
478 | q39 -35 56 -50l8 -8h-118zM817 460h-410q-8 0 -14 -5.5t-6 -14t6 -14t14 -5.5h410q8 0 14 5.5t6 14t-6 14t-14 5.5zM817 343h-410q-8 0 -14 -5.5t-6 -14t6 -14t14 -5.5h410q8 0 14 5.5t6 14t-6 14t-14 5.5zM817 207h-410q-8 0 -14 -5.5t-6 -14t6 -14t14 -5.5h410q8 0 14 5.5
479 | t6 14t-6 14t-14 5.5z" />
480 |     <glyph glyph-name="hot" unicode="&#xe756;" 
481 | d="M890 352q-61 148 -33 266q3 11 6 19q0 2 1.5 5.5t1.5 4.5l15 49l-48 -20q-1 0 -6 -2q-4 -2 -7 -4q-10 -4 -19 -10q-26 -15 -47 -37q-41 -43 -62 -113q-21 -69 -19 -162q1 -25 0 -30q1 6 8 10t15 1q-7 3 -20 32q-25 60 -39 188q-16 143 8 252q4 20 9 36q2 7 4 11l21 48
482 | l-51 -15q-21 -7 -50 -25q-57 -36 -104 -95q-41 -52 -71 -119q-35 -78 -50 -139q-5 -22 -9 -44q-1 -8 -2 -17q0 -1 -1 -7t-1 -7q-3 -22 -11 -30q10 9 18 4q-4 2 -9 10q-18 27 -24 77q-4 29 -4 88q1 35 2 78q1 15 1 29q1 7 1 11l4 68l-47 -50q-1 -2 -4 -6q-6 -6 -13 -14
483 | q-20 -23 -37 -45q-8 -11 -16 -21q-35 -50 -63 -115q-70 -165 -39 -324q40 -200 180 -273q47 -24 99 -33.5t130 -9.5q34 0 83 8q80 12 135 39q9 5 12.5 14.5t-1 18.5t-14.5 12.5t-19 -1.5q-48 -24 -121 -35q-44 -7 -75 -7q-71 0 -118 8t-89 30q-118 62 -154 239
484 | q-29 144 36 295q26 60 58 105q7 10 15 20q16 21 35 43q10 12 16 19l-42 17q0 -4 -1 -11q0 -14 -1 -29q-1 -44 -2 -80q0 -62 4 -94q6 -43 21.5 -78t35.5 -47t40 4q13 12 18.5 24.5t8.5 35.5q7 56 18 95.5t41 104.5q27 61 65 109q41 52 91 83q15 10 29 16q7 3 10 4l-30 33
485 | q-8 -19 -16 -55q-26 -117 -9 -268q27 -236 91 -260q16 -7 27.5 1.5t14.5 25.5q2 9 1 38q-2 86 17 146q18 59 51 95q14 15 26 23t36 18l-9 22l-24 7l-9 -30q-32 -134 35 -297q29 -69 23 -146t-44 -126q-6 -8 -5 -18t9 -16t18 -5t17 9q46 60 53.5 150.5t-26.5 170.5z" />
486 |     <glyph glyph-name="trade" unicode="&#xe758;" 
487 | d="M1024 384q0 139 -68.5 257t-186.5 186.5t-257 68.5t-257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5q173 0 310 105q8 5 9 14.5t-4.5 16.5t-14.5 8.5t-17 -4.5q-125 -95 -283 -95q-95 0 -181.5 37t-149 99.5t-99.5 149t-37 181.5t37 181.5
488 | t99.5 149t149 99.5t181.5 37t181.5 -37t149 -99.5t99.5 -149t37 -181.5q0 -132 -68 -243q-4 -8 -2 -17t10 -14t17 -2.5t13 10.5q75 122 75 266zM552 52q0 -2 -0.5 -4.5t-6.5 -7.5t-15.5 -5t-16.5 4.5t-8 8.5l-2 4v77q-133 14 -170 125q-1 1 -1.5 2.5t-1 6.5t0.5 9.5t5 9
489 | t11 7.5q13 3 21.5 0t13.5 -8l4 -6q31 -84 117 -91v185q-93 22 -120.5 58t-27.5 79q0 116 148 141v66q5 17 23 17q8 0 14.5 -4.5t8.5 -8.5l3 -4v-66q117 -11 154 -105q0 -21 -19 -26q-10 -2 -18 -0.5t-12 5.5l-5 3q-22 65 -100 70v-170q164 -30 164 -149q0 -51 -37.5 -94.5
490 | t-126.5 -51.5v-77zM503 594q-41 -3 -65.5 -25t-24.5 -55q0 -66 90 -83v163zM552 184q48 2 75.5 26.5t27.5 59.5q0 73 -103 88v-174z" />
491 |     <glyph glyph-name="component" unicode="&#xe75e;" 
492 | d="M632 107h-301q-26 0 -44 18q-19 19 -19 44l1 73q4 21 19 31q20 16 49 -1l4 -2l6 -2q21 -10 44 -1q11 4 18 11.5t12 18.5q4 10 4 21.5t-4 21.5q-5 11 -12 18q-11 10 -19 12q-21 9 -44 -1l-5 -2l-15 -7q-11 -5 -20 -5h-4q-16 1 -26 16q-7 10 -8 30v65q0 26 18.5 44.5
493 | t44.5 18.5h57q-6 18 -6 37q0 26 10 46q8 21 25 38q15 15 38 25q45 21 92 0q21 -8 37 -25q15 -15 26 -38q10 -23 10 -46q0 -18 -6 -37h19q26 0 44 -19q18 -18 18 -44v-42q42 16 84 -2q20 -9 36 -25q16 -15 25 -37q9 -21 9 -45t-9 -45q-9 -22 -24.5 -37t-36.5 -25
494 | q-42 -18 -84 -2v-37q0 -26 -18 -44q-20 -18 -45 -18zM314 234v-64q0 -7 5 -12t13 -5h300q7 0 12.5 5t5.5 12v125l37 -32q10 -8 22 -13q24 -10 52 1q13 5 22 15q10 10 16 22q5 12 5 27.5t-5 26.5q-5 13 -15 23q-9 9 -23 15q-27 11 -51 1q-13 -5 -22 -13l-38 -32v131
495 | q0 7 -5 12.5t-12 5.5h-108l32 37q16 20 16 45q0 14 -6 28q-5 13 -15.5 23.5t-23.5 15.5q-28 12 -55 0q-13 -5 -23.5 -15.5t-15.5 -23.5q-6 -14 -6 -28q0 -13 4 -24q5 -14 12 -21l29 -37h-142q-8 0 -12 -5q-5 -6 -5 -12v-63q1 0 3.5 1.5t3.5 1.5q1 1 4.5 2.5t4.5 1.5
496 | q38 18 78 0q19 -8 32.5 -21.5t21.5 -32.5t8 -40t-8 -39q-7 -18 -22 -32q-13 -13 -32 -22q-41 -17 -80 2q-4 1 -14 7zM1022 382q0 104 -40.5 198.5t-109 163t-163 108.5t-197.5 40q-104 0 -198.5 -40t-163 -108.5t-108.5 -163t-40 -198.5t40 -198.5t108.5 -162.5t163 -108.5
497 | t198.5 -40.5q168 0 307 104q6 6 6 15q0 10 -6.5 16.5t-16 6.5t-16.5 -7q-122 -90 -273 -90q-94 0 -179.5 36.5t-147.5 98.5t-98.5 147.5t-36.5 179.5t36.5 179.5t98.5 147.5t147.5 98.5t179.5 36.5t179.5 -36.5t147.5 -98.5t98.5 -147.5t36.5 -179.5q0 -118 -52 -216v-1
498 | q-2 -4 -2 -6q0 -10 7 -16.5t16 -6.5q16 0 21 15q57 114 57 234z" />
499 |     <glyph glyph-name="color" unicode="&#xe760;" horiz-adv-x="1026" 
500 | d="M812 567q-43 0 -72.5 -29t-29.5 -72t29.5 -72.5t72.5 -29.5t72 29.5t29 72.5q1 43 -28.5 72t-72.5 29zM812 404q-27 0 -44.5 17.5t-17.5 44t17.5 44.5t44 18t44.5 -18t18 -44.5t-17.5 -44t-44.5 -17.5zM211 567q-43 0 -72 -29t-29 -72t29 -72.5t72 -29.5t72.5 29.5
501 | t29.5 72.5t-29.5 72t-72.5 29zM211.5 404q-26.5 0 -44.5 17.5t-18 44t18 44.5t44.5 18t44.5 -18t18 -44.5t-18 -44t-44.5 -17.5zM750 685q0 43 -29 72t-72 29t-72.5 -29t-29.5 -72t29.5 -72.5t72.5 -29.5q42 0 71.5 29.5t29.5 72.5zM648 622q-26 0 -44 18t-18 44.5t18 44.5
502 | t44.5 18t44 -18t17.5 -44.5t-17.5 -44.5t-44.5 -18zM375 786q-43 0 -72 -29t-29 -72t29 -72.5t72 -29.5t72.5 29.5t29.5 72.5t-29.5 72t-72.5 29zM375.5 622q-26.5 0 -44.5 18t-18 44.5t18 44.5t44.5 18t44.5 -18t18 -44.5t-18 -44.5t-44.5 -18zM272 -26l63 -28
503 | q84 -34 177 -34q27 0 44.5 18t17.5 44q0 24 -15 41q-28 28 -28 68q0 43 29 72.5t72 29.5h99q105 0 179 74t74 179q0 113 -63 209.5t-172 152t-237 55.5q-96 1 -183.5 -36.5t-150.5 -100.5t-100.5 -150.5t-37.5 -183.5q0 -184 122 -317q2 -11 -2.5 -18t-14.5 -8q-4 0 -8.5 2
504 | t-7.5 4l-3 2l-4 4q-2 3 -6.5 8t-6.5 7q-109 141 -109 316q0 104 40.5 198.5t109 163t163 109t198.5 40.5t198.5 -36t163 -97.5t109 -146t40.5 -177.5q0 -121 -85.5 -207t-207.5 -86h-97q-26 0 -44 -18t-18 -44q0 -24 16 -41q28 -28 28 -69q0 -42 -29.5 -71.5t-72.5 -29.5
505 | q-138 0 -256 68q0 1 -1.5 3.5t-2.5 7.5t0 9.5t6 8.5t14 5z" />
506 |     <glyph glyph-name="color-filling" unicode="&#xe7cd;" 
507 | d="M21 384q0 -100 39 -190.5t104.5 -156.5t156.5 -105t191 -39q41 0 69 28.5t28 69.5q0 39 -27 65q-15 16 -15 39q0 26 17.5 43t42.5 17h94q117 0 199.5 82.5t82.5 199.5q0 89 -39 170t-105 139.5t-156.5 93.5t-190.5 35t-191 -39t-156.5 -105t-104.5 -156.5t-39 -190.5z
508 | M224 363q22 0 37.5 15.5t15.5 37.5t-15.5 37.5t-37.5 15.5t-37.5 -15.5t-15.5 -37.5t15.5 -37.5t37.5 -15.5zM224 320q-40 0 -68 28t-28 68t28 68t68 28t68 -28t28 -68t-28 -68t-68 -28zM373 576q22 0 38 15.5t16 37.5t-16 38t-38 16t-37.5 -16t-15.5 -38t15.5 -37.5
509 | t37.5 -15.5zM373.5 533q-39.5 0 -68 28.5t-28.5 68t28.5 67.5t68 28t67.5 -28t28 -67.5t-28 -68t-67.5 -28.5zM651 576q22 0 37.5 15.5t15.5 37.5t-15.5 38t-37.5 16t-38 -16t-16 -38t16 -37.5t38 -15.5zM650.5 533q-39.5 0 -67.5 28.5t-28 68t28 67.5t67.5 28t68 -28
510 | t28.5 -67.5t-28.5 -68t-68 -28.5zM800 363q22 0 37.5 15.5t15.5 37.5t-15.5 37.5t-37.5 15.5t-37.5 -15.5t-15.5 -37.5t15.5 -37.5t37.5 -15.5zM800 320q-40 0 -68 28t-28 68t28 68t68 28t68 -28t28 -68t-28 -68t-68 -28z" />
511 |     <glyph glyph-name="favorites" unicode="&#xe7ce;" horiz-adv-x="1143" 
512 | d="M841 888q-121 0 -208 -83q-9 -8 -9 -20q0 -10 7 -17.5t17.5 -7.5t18.5 8v0q73 70 174 70q104 0 178 -74t74 -178q0 -102 -70 -175l-451 -451l-452 451q-29 30 -49.5 81t-20.5 93v1q0 104 74 178t178 74q100 0 173 -69l151 -151q7 -7 17.5 -7t17.5 7.5t7 17.5t-7 18
513 | l-149 149v0q-36 35 -97.5 60t-111.5 25h-1q-125 0 -213.5 -88.5t-88.5 -213.5q0 -122 85 -210l487 -487l487 487q35 36 59.5 97.5t24.5 111.5v1q0 125 -88.5 213.5t-213.5 88.5v0z" />
514 |     <glyph glyph-name="RFQ" unicode="&#xe803;" 
515 | d="M929 703l-5 1q-202 55 -412 55t-412 -55l-5 -1q-42 -12 -68.5 -46.5t-26.5 -77.5v-390q0 -43 26.5 -77.5t68.5 -46.5l5 -1q202 -55 412 -55t412 55l5 1q9 3 13.5 10.5t2 16t-10 13t-16.5 1.5l-5 -1q-197 -54 -401 -54t-401 54l-5 1q-28 8 -45.5 31t-17.5 52v390
516 | q0 29 17.5 52t45.5 30l5 2q197 54 401 54t401 -54l5 -2q28 -7 45.5 -30t17.5 -52v-390q0 -9 6.5 -15t15.5 -6t15 6t6 15v390q0 43 -26.5 77.5t-68.5 46.5zM445 348h109q12 -60 60 -99t110 -39q13 0 26 2v71q-13 -3 -26 -3v0q-43 0 -74 30.5t-31 74t31 74t74 30.5t74 -30.5
517 | t31 -73.5q0 -14 -3 -27h71q2 13 2 26v1q0 72 -51.5 123t-123.5 51q-67 0 -117 -45v45h-232v-325l-84 106q27 14 43.5 41t16.5 59v3q0 48 -34 82t-82 34h-136v-349h70v116h47l84 -116h94v0h51v138zM445 489h140q-27 -35 -33 -77h-107v77zM281 437q0 -19 -13.5 -33t-33.5 -14
518 | h-65v99h65q20 0 33.5 -13.5t13.5 -32.5v-6zM851 156v101h101l-64 65h-75l-76 76q-5 5 -13 5t-13 -5.5t-5 -13t5 -12.5l76 -76v-75z" />
519 |     <glyph glyph-name="originalimage" unicode="&#xe806;" 
520 | d="M988 -83q-1 4 -2.5 6.5t-3.5 5.5q-4 5 -9 11q-12 13 -31 32q-23 24 -93 96q-72 72 -92 94q-23 24 -30 31q-5 6 -7 8q1 -1 3 -5q1 -6 0 -9t-7 -15q60 58 93 135.5t33 163.5q0 111 -54 206t-147 150t-202.5 55t-202.5 -55t-147 -150t-54 -206.5t54 -206t147 -149.5t202 -55
521 | h16q11 1 14 1q16 2 23 2q12 0 46 10q2 0 8 2q11 3 24 7q3 1 6.5 2t4.5 2q10 3 14.5 12t1.5 19t-12 14.5t-18 1.5q-1 0 -4.5 -1t-6.5 -2q-11 -4 -24 -7q-6 -2 -7 -2q-28 -8 -33 -8q-8 0 -28 -2q-10 -1 -13 -1q-6 -1 -12 -1q-96 0 -178 48.5t-129.5 132t-47.5 181.5t47.5 181
522 | t129.5 131.5t178.5 48.5t178 -48.5t129 -131.5t47.5 -181q0 -75 -29 -143.5t-82 -119.5q-6 -13 -7 -16t1 -9q1 -4 2.5 -6.5t3.5 -5.5q4 -5 9 -11q11 -12 31 -32q21 -23 93 -95q66 -68 92 -95q23 -24 30 -31q5 -7 6 -8q-1 1 -2 5q-2 6 -1 9.5t9 15.5q-8 -6 -8.5 -16.5
523 | t6 -18.5t16.5 -9t18 6q7 13 8 16t-1 10v0zM436 243q96 0 163.5 67.5t67.5 163.5t-67.5 164t-163.5 68t-164 -68t-68 -164t68 -163.5t164 -67.5zM435.5 289q-76.5 0 -131 54.5t-54.5 131t54.5 131t131 54.5t131 -54.5t54.5 -131t-54.5 -131t-131 -54.5z" />
524 |     <glyph glyph-name="logistic" unicode="&#xe811;" 
525 | d="M723.5 896q-62.5 0 -107 -44.5t-44.5 -106.5q0 -75 138 -278l13 -19q6 9 16.5 23.5t36.5 55.5t46 77t36.5 76.5t16.5 64.5q0 62 -44.5 106.5t-107 44.5zM723 704q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5t45.5 -18.5t18.5 -45.5t-19 -45.5t-45 -18.5zM800 576
526 | q0 -2 -2 -2zM887 649q-3 -8 -10.5 -23t-10.5 -22q3 -5 8.5 -14.5t8.5 -13.5h-32q-17 -30 -25 -43h79q27 -67 34 -149h-171q0 17 -4 55q-5 -4 -5 -6l-36 -49h-211v149h109q-9 13 -26 43h-83v209q3 -1 9.5 -2t9.5 -2q8 41 22 66q-43 4 -62 4q-100 0 -191 -38.5t-156.5 -104
527 | t-104.5 -156t-39 -189.5q0 -100 39 -191t104.5 -156.5t156.5 -104.5t190.5 -39t190.5 39t157 104.5t104.5 156.5t38.5 191q-3 158 -94 286zM386 796q-46 -32 -83 -89t-60 -131h-145q45 82 120.5 139.5t167.5 80.5zM77 533h156q-17 -70 -20 -149h-170q6 82 34 149zM43 341
528 | h170q3 -78 20 -149h-156q-28 67 -34 149zM96 149h147q46 -155 143 -222q-93 23 -169 81t-121 141zM469 -62q-56 10 -104 66.5t-77 144.5h181v-211zM469 192h-192q-19 84 -19 149h213v-149h-2zM469 384h-213q3 79 19 149h192v-149h2zM469 576h-179q29 88 76.5 144t102.5 65
529 | v-209zM512 341h211q-3 -78 -19 -149h-192v149zM512 149h179q-29 -88 -76.5 -144.5t-102.5 -66.5v211zM593 -73q97 67 143 222h147q-45 -83 -120.5 -141t-169.5 -81zM747 192q16 71 19 149h171q-4 -78 -32 -149h-158zM753 501q0 -2 -2 -2z" />
530 |     <glyph glyph-name="video" unicode="&#xe820;" 
531 | d="M50 697h609q28 -8 42 -25q11 -14 11 -25v-214l263 168v-415l-263 169v-148v-1q0 -10 7.5 -17.5t17.5 -7.5t17.5 7.5t7.5 17.5v1v62l262 -174v597l-262 -168v123q0 29 -23 56q-24 31 -71 43l-3 1h-665v-609l1 -3q6 -23 19 -45q31 -49 80 -49h637q10 0 17 7.5t7 17.5t-7 17
532 | t-17 8h-637q-21 0 -37 26q-9 13 -13 27v553v0zM206 572v-1q0 -20 -13.5 -33.5t-33 -13.5t-33 13.5t-13.5 33.5v1q0 18 14 31.5t32.5 13.5t32.5 -13.5t14 -31.5v0z" />
533 |   </font>
534 | </defs></svg>
535 | 


--------------------------------------------------------------------------------