Commit afbc2b811aa8f0fe030f3522535522f0dbca8d85

Authored by bichao.dong
1 parent a7e2e493

icon update

2.0/buy.html
... ... @@ -7,7 +7,7 @@
7 7 <meta content="black" name="apple-mobile-web-app-status-bar-style" />
8 8 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
9 9 <title>我要买货</title>
10   - <link rel="stylesheet" href="../css/style/common.css">
  10 + <link rel="stylesheet" href="../css/style/common-2.0.css">
11 11 </head>
12 12  
13 13 <body class="categoryPage">
... ...
2.0/infolist.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>我的信息管理</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/infolist.css">
13 13 <!-- base seajs -->
14 14 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
... ... @@ -18,15 +18,15 @@
18 18 <body>
19 19 <div data-role="page" id="infolist">
20 20 <header class="m-header header-light">
  21 + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a>
21 22 <div class="head">
22   - <a href="#" class="lt-bar"><i class="m-icon icon-back white"></i></a>
23   - <ul class="m-segment">
24   - <li class="on"><a href="#" data-ajax="false" class="text">供应</a></li>
25   - <li><a href="#" data-ajax="false" class="text">求购</a></li>
26   - <li><a href="#" data-ajax="false" class="text">预售</a></li>
  23 + <ul class="m-segment tab-col-3">
  24 + <li class="on"><a href="#" data-ajax="false" class="segment-text">供应</a></li>
  25 + <li><a href="#" data-ajax="false" class="segment-text">求购</a></li>
  26 + <li><a href="#" data-ajax="false" class="segment-text">预售</a></li>
27 27 </ul>
28   - <a href="#" class="rt-bar text btn-edit">编辑</a>
29 28 </div>
  29 + <a href="#" class="rt-bar text btn-edit">编辑</a>
30 30 </header>
31 31  
32 32 <ul class="m-tab status">
... ...
2.0/infolist_edit.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>我的信息管理</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/infolist.css">
13 13 <!-- base seajs -->
14 14 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
... ... @@ -20,10 +20,10 @@
20 20 <header class="m-header header-light">
21 21 <div class="head">
22 22 <a href="#" class="lt-bar"><i class="m-icon icon-back white"></i></a>
23   - <ul class="m-segment">
24   - <li class="on"><a href="#" data-ajax="false" class="text">供应</a></li>
25   - <li><a href="#" data-ajax="false" class="text">求购</a></li>
26   - <li><a href="#" data-ajax="false" class="text">预售</a></li>
  23 + <ul class="m-segment tab-col-3">
  24 + <li class="on"><a href="#" data-ajax="false" class="segment-text">供应</a></li>
  25 + <li><a href="#" data-ajax="false" class="segment-text">求购</a></li>
  26 + <li><a href="#" data-ajax="false" class="segment-text">预售</a></li>
27 27 </ul>
28 28 <a href="#" class="rt-bar text btn-edit">完成</a>
29 29 </div>
... ... @@ -103,8 +103,9 @@
103 103 </div>
104 104 </div>
105 105  
106   - <footer class="m-footer">
107   - <a href="#" class="btn-cancel ">取消</a><a href="#" class="btn-ok ">立即删除</a>
  106 + <footer class="m-footer border-1px border-top">
  107 + <a href="#" class="m-btn btn-large">取消</a>
  108 + <a href="#" class="m-btn btn-danger btn-large">立即删除</a>
108 109 </footer>
109 110 </div>
110 111 </body>
... ...
2.0/position-search.html
... ... @@ -15,7 +15,7 @@
15 15 <link rel="stylesheet" href="../css/style/position.css">
16 16 <div class="m-page" data-role="page" id="positionPage">
17 17 <!-- header -->
18   - <header class="m-header header-light header-search border-1px border-bottom">
  18 + <header class="m-header header-search header-light border-1px border-bottom">
19 19 <div class="head">
20 20 <span class="lt-bar"><i class="m-icon icon-back"></i></span>
21 21 <label class="search-box">
... ...
2.0/searchtab01.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>带tab的 搜索01</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/searchtab.css">
13 13  
14 14 <!-- base seajs -->
... ...
2.0/searchtab02.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>带tab的 搜索02(带搜索结果)</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/searchtab.css">
13 13  
14 14 <!-- base seajs -->
... ...
2.0/storedetail.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>店铺详情</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/storedetail.css">
13 13 <!-- base seajs -->
14 14 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
... ... @@ -49,13 +49,13 @@
49 49 <ul class="clearfix">
50 50 <li>
51 51 <a href="#">
52   - <span class="m-icon icon-wsc white"></span>
  52 + <span class="m-icon icon-star white"></span>
53 53 <span>收藏店铺</span>
54 54 </a>
55 55 </li>
56 56 <li class="br">
57 57 <a href="tel:1300000000">
58   - <span class="m-icon icon-fav white"></span>
  58 + <span class="m-icon icon-phone white"></span>
59 59 <span>联系卖家</span>
60 60 </a>
61 61 </li>
... ... @@ -63,10 +63,10 @@
63 63 </div>
64 64 </div>
65 65 <div class="tabs clearfix">
66   - <ul class="m-segment">
67   - <li class="on"><a href="#" data-ajax="false" class="text">全部商品</a>
  66 + <ul class="m-segment tab-col-2">
  67 + <li class="on"><a href="#" data-ajax="false" class="segment-text">全部商品</a>
68 68 </li>
69   - <li><a href="#" data-ajax="false" class="text">按销量</a>
  69 + <li><a href="#" data-ajax="false" class="segment-text">按销量</a>
70 70 </li>
71 71 </ul>
72 72 </div>
... ...
2.0/storefinfo.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>店铺资料</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/storefinfo.css">
13 13 <!-- base seajs -->
14 14 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
... ...
2.0/storelist.html
1 1 <!DOCTYPE html>
2 2 <html lang="en">
  3 +
3 4 <head>
4 5 <meta charset="UTF-8">
5 6 <meta name="format-detection" content="telephone=no" />
... ... @@ -8,106 +9,120 @@
8 9 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 10 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 11 <title>店铺列表</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  12 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 13 <link rel="stylesheet" href="../css/style/storelist.css">
13   -
14 14 <!-- base seajs -->
15 15 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
16 16 <!-- base jquery -->
17 17 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>
18 18 </head>
19   - <body>
20   - <div data-role="page" id="storelist">
21   - <header class="m-header header-light">
  19 +
  20 +<body>
  21 + <div data-role="page" id="storelist">
  22 + <!-- <header class="m-header header-search header-light">
22 23 <div class="head">
23 24 <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a>
24 25 <div class="search-box h-search">
25   - <i class="m-icon icon-search"></i>
  26 + <i class="m-icon icon-search-w"></i>
26 27 <input type="text" placeholder="输入城市名称或拼音搜索">
27 28 </div>
28 29 <a href="#" class="rt-bar"><i class="m-icon icon-fiter"></i></a>
29 30 </div>
30   - </header>
31   - <section class="m-content">
32   - <ul class="m-tab">
33   - <li class="on"><a href="javascript:;" data-ajax="false">综合排序</a></li>
34   - <li><a href="javascript:;" data-ajax="false">产地</a></li>
35   - <li><a href="javascript:;" data-ajax="false">市场</a></li>
36   - <li><a href="javascript:;" data-ajax="false">同城</a></li>
37   - <li><a href="javascript:;" data-ajax="false">农户</a></li>
38   - </ul>
39   - <ul class="m-table-view">
40   - <li class="cell cell-extend-pic">
41   - <a class="display-block" href="#">
42   - <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
43   - <h3 class="title">
  31 + </header> -->
  32 + <!-- header -->
  33 + <header class="m-header header-search header-light border-1px border-bottom">
  34 + <div class="head">
  35 + <span class="lt-bar"><i class="m-icon icon-back"></i></span>
  36 + <label class="search-box">
  37 + <i class="m-icon icon-search float-left"></i>
  38 + <span class="input-wrap">
  39 + <input type="text" class="m-input" placeholder="输入城市名称或拼音搜索" autocomplete="off">
  40 + </span>
  41 + </label>
  42 + <a href="#" class="rt-bar"><i class="m-icon icon-fiter"></i></a>
  43 + </div>
  44 + </header>
  45 + <section class="m-content">
  46 + <ul class="m-tab">
  47 + <li class="on"><a href="javascript:;" data-ajax="false">综合排序</a></li>
  48 + <li><a href="javascript:;" data-ajax="false">产地</a></li>
  49 + <li><a href="javascript:;" data-ajax="false">市场</a></li>
  50 + <li><a href="javascript:;" data-ajax="false">同城</a></li>
  51 + <li><a href="javascript:;" data-ajax="false">农户</a></li>
  52 + </ul>
  53 + <ul class="m-table-view">
  54 + <li class="cell cell-extend-pic">
  55 + <a class="display-block" href="#">
  56 + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
  57 + <h3 class="title">
44 58 <i class="m-icon icon-medal-gold"></i>
45 59 寿光合作社
46   - </h3>
47   - <p class="main-cate">
48   - <span class="key">
  60 + </h3>
  61 + <p class="main-cate">
  62 + <span class="key">
49 63 主营产品
50 64 </span>
51   - <span class="value">水果<span class="value-red">(售)</span></span>
52   - </p>
53   - <p class="localtion">
54   - 四川 成都
55   - </p>
56   - <p class="order-numbers">
57   - 成交量0笔
58   - </p>
59   - <p class="text from-label">产地直供</p>
60   - <i class="m-icon icon-sdrz store-label"></i>
61   - </a>
62   - </li>
63   - <li class="cell cell-extend-pic">
64   - <a class="display-block" href="#">
65   - <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
66   - <h3 class="title">
  65 + <span class="value">水果<span class="value-red">(售)</span></span>
  66 + </p>
  67 + <p class="localtion">
  68 + 四川 成都
  69 + </p>
  70 + <p class="order-numbers">
  71 + 成交量0笔
  72 + </p>
  73 + <p class="text from-label">产地直供</p>
  74 + <i class="m-icon icon-sdrz store-label"></i>
  75 + </a>
  76 + </li>
  77 + <li class="cell cell-extend-pic">
  78 + <a class="display-block" href="#">
  79 + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
  80 + <h3 class="title">
67 81 <i class="m-icon icon-medal-gold"></i>
68 82 寿光合作社
69   - </h3>
70   - <p class="main-cate">
71   - <span class="key">
  83 + </h3>
  84 + <p class="main-cate">
  85 + <span class="key">
72 86 主营产品
73 87 </span>
74   - <span class="value">水果<span class="value-blue">(购)</span></span>
75   - </p>
76   - <p class="localtion">
77   - 四川 成都
78   - </p>
79   - <p class="order-numbers">
80   - 成交量0笔
81   - </p>
82   - <p class="text from-label">产地直供</p>
83   - <i class="m-icon icon-sdrz store-label"></i>
84   - </a>
85   - </li>
86   - <li class="cell cell-extend-pic">
87   - <a class="display-block" href="#">
88   - <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
89   - <h3 class="title">
90   - <i class="m-icon icon-medal-gold"></i>
  88 + <span class="value">水果<span class="value-blue">(购)</span></span>
  89 + </p>
  90 + <p class="localtion">
  91 + 四川 成都
  92 + </p>
  93 + <p class="order-numbers">
  94 + 成交量0笔
  95 + </p>
  96 + <p class="text from-label">产地直供</p>
  97 + <i class="m-icon icon-sdrz store-label"></i>
  98 + </a>
  99 + </li>
  100 + <li class="cell cell-extend-pic">
  101 + <a class="display-block" href="#">
  102 + <img src="http://img7.nong12.com/images/i3/e5f60bde9834492bab6c98f169ba4aad.jpeg" width="80" height="80" alt="" class="pic">
  103 + <h3 class="title">
  104 + <i class="m-icon icon-medal-sliver"></i>
91 105 寿光合作社
92   - </h3>
93   - <p class="main-cate">
94   - <span class="key">
  106 + </h3>
  107 + <p class="main-cate">
  108 + <span class="key">
95 109 主营产品
96 110 </span>
97   - <span class="value">水果<span class="value-blue">(购)</span></span>
98   - </p>
99   - <p class="localtion">
100   - 四川 成都
101   - </p>
102   - <p class="order-numbers">
103   - 成交量0笔
104   - </p>
105   - <p class="text from-label">产地直供</p>
106   - <i class="m-icon icon-sxsj store-label"></i>
107   - </a>
108   - </li>
109   - </ul>
110   - </section>
111   - </div>
112   - </body>
113   -</html>
114 111 \ No newline at end of file
  112 + <span class="value">水果<span class="value-blue">(购)</span></span>
  113 + </p>
  114 + <p class="localtion">
  115 + 四川 成都
  116 + </p>
  117 + <p class="order-numbers">
  118 + 成交量0笔
  119 + </p>
  120 + <p class="text from-label">产地直供</p>
  121 + <i class="m-icon icon-sxsj store-label"></i>
  122 + </a>
  123 + </li>
  124 + </ul>
  125 + </section>
  126 + </div>
  127 +</body>
  128 +
  129 +</html>
... ...
2.0/transit.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>物流商户列表</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/transit.css">
13 13 <!-- base seajs -->
14 14 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
... ...
2.0/transitstore.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>物流店铺</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/transitstore.css">
13 13 <!-- base seajs -->
14 14 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
... ... @@ -45,13 +45,13 @@
45 45 <ul class="clearfix">
46 46 <li>
47 47 <a href="#" >
48   - <span class="m-icon icon-wsc white"></span>
  48 + <span class="m-icon icon-star white"></span>
49 49 <span>收藏店铺</span>
50 50 </a>
51 51 </li>
52 52 <li class="br">
53 53 <a href="tel:1300000000">
54   - <span class="m-icon icon-fav white"></span>
  54 + <span class="m-icon icon-phone white"></span>
55 55 <span>联系卖家</span>
56 56 </a>
57 57 </li>
... ...
2.0/transitstorelinks.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>物流店铺-运输线路</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/transitstore.css">
13 13 <!-- base seajs -->
14 14 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
... ...
2.0/trucklist.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>车辆信息</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/trucklist.css">
13 13 <!-- base seajs -->
14 14 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
... ...
2.0/userhome.html
... ... @@ -8,7 +8,7 @@
8 8 <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
9 9 <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
10 10 <title>个人中心</title>
11   - <link rel="stylesheet" href="../css/style/common.css">
  11 + <link rel="stylesheet" href="../css/style/common-2.0.css">
12 12 <link rel="stylesheet" href="../css/style/userhome.css">
13 13 <!-- base seajs -->
14 14 <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
... ... @@ -18,6 +18,7 @@
18 18 <body>
19 19 <div data-role="page" id="userhome">
20 20 <header class="m-header header-light">
  21 + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a>
21 22 <div class="head">
22 23 <h1>个人中心</h1>
23 24 </div>
... ...
css/style/common-2.0.css
... ... @@ -311,18 +311,18 @@ a {
311 311 color: #FFF;
312 312 }
313 313 .m-header.header-search .head {
314   - padding: 7px 58px 7px 42px;
  314 + padding: 7px 44px;
315 315 }
316 316 .m-header.header-search .search-box {
317 317 line-height: 30px;
318 318 font-size: 14px;
319 319 padding: 0 8px;
320 320 background-color: #55bb22;
321   - border-radius: 3px;
322   - height: 30px;
323 321 color: #eee;
324 322 cursor: text;
325 323 display: block;
  324 + background-color: #F5F5F5;
  325 + color: #999;
326 326 text-align: left;
327 327 }
328 328 .m-header.header-search .icon-search {
... ... @@ -362,6 +362,10 @@ a {
362 362 padding: 7px 10px 7px 44px;
363 363 margin-right: 0;
364 364 }
  365 +.m-header.header-home .search-box {
  366 + background-color: #55bb22;
  367 + color: #eee;
  368 +}
365 369 /***************************************************
366 370 * feature : 全局底部;
367 371 * update : 2015/02/03;
... ... @@ -439,8 +443,8 @@ This must be run when you have at least 2 sprites.
439 443 }
440 444 .icon-logo-app {
441 445 background-image: url(../../images/dist/sprite.png);
442   - background-position: -630px -260px;
443   - background-position: -315px -130px;
  446 + background-position: -630px -160px;
  447 + background-position: -315px -80px;
444 448 width: 50px;
445 449 width: 25px;
446 450 height: 50px;
... ... @@ -449,8 +453,8 @@ This must be run when you have at least 2 sprites.
449 453 }
450 454 .icon-fiter {
451 455 background-image: url(../../images/dist/sprite.png);
452   - background-position: -660px -517px;
453   - background-position: -330px -258.5px;
  456 + background-position: -440px -360px;
  457 + background-position: -220px -180px;
454 458 width: 40px;
455 459 width: 20px;
456 460 height: 40px;
... ... @@ -459,8 +463,8 @@ This must be run when you have at least 2 sprites.
459 463 }
460 464 .icon-have-point {
461 465 background-image: url(../../images/dist/sprite.png);
462   - background-position: -672px -310px;
463   - background-position: -336px -155px;
  466 + background-position: -668px -453px;
  467 + background-position: -334px -226.5px;
464 468 width: 24px;
465 469 width: 12px;
466 470 height: 24px;
... ... @@ -479,8 +483,8 @@ This must be run when you have at least 2 sprites.
479 483 }
480 484 .icon-no-point {
481 485 background-image: url(../../images/dist/sprite.png);
482   - background-position: -668px -409px;
483   - background-position: -334px -204.5px;
  486 + background-position: -513px -480px;
  487 + background-position: -256.5px -240px;
484 488 width: 24px;
485 489 width: 12px;
486 490 height: 24px;
... ... @@ -509,8 +513,8 @@ This must be run when you have at least 2 sprites.
509 513 }
510 514 .icon-white-jt {
511 515 background-image: url(../../images/dist/sprite.png);
512   - background-position: -670px -130px;
513   - background-position: -335px -65px;
  516 + background-position: -680px -210px;
  517 + background-position: -340px -105px;
514 518 width: 20px;
515 519 width: 10px;
516 520 height: 30px;
... ... @@ -529,8 +533,8 @@ This must be run when you have at least 2 sprites.
529 533 }
530 534 .icon-gqxx {
531 535 background-image: url(../../images/dist/sprite.png);
532   - background-position: -240px -360px;
533   - background-position: -120px -180px;
  536 + background-position: -480px -100px;
  537 + background-position: -240px -50px;
534 538 width: 100px;
535 539 width: 50px;
536 540 height: 100px;
... ... @@ -539,8 +543,8 @@ This must be run when you have at least 2 sprites.
539 543 }
540 544 .icon-jhd {
541 545 background-image: url(../../images/dist/sprite.png);
542   - background-position: -480px -300px;
543   - background-position: -240px -150px;
  546 + background-position: -480px -200px;
  547 + background-position: -240px -100px;
544 548 width: 100px;
545 549 width: 50px;
546 550 height: 100px;
... ... @@ -549,8 +553,8 @@ This must be run when you have at least 2 sprites.
549 553 }
550 554 .icon-nhzy {
551 555 background-image: url(../../images/dist/sprite.png);
552   - background-position: -480px -200px;
553   - background-position: -240px -100px;
  556 + background-position: -480px -300px;
  557 + background-position: -240px -150px;
554 558 width: 100px;
555 559 width: 50px;
556 560 height: 100px;
... ... @@ -559,8 +563,8 @@ This must be run when you have at least 2 sprites.
559 563 }
560 564 .icon-pfsc {
561 565 background-image: url(../../images/dist/sprite.png);
562   - background-position: -480px -100px;
563   - background-position: -240px -50px;
  566 + background-position: 0px -480px;
  567 + background-position: 0px -240px;
564 568 width: 100px;
565 569 width: 50px;
566 570 height: 100px;
... ... @@ -579,8 +583,8 @@ This must be run when you have at least 2 sprites.
579 583 }
580 584 .icon-wdnf {
581 585 background-image: url(../../images/dist/sprite.png);
582   - background-position: -340px -360px;
583   - background-position: -170px -180px;
  586 + background-position: -240px -360px;
  587 + background-position: -120px -180px;
584 588 width: 100px;
585 589 width: 50px;
586 590 height: 100px;
... ... @@ -589,8 +593,8 @@ This must be run when you have at least 2 sprites.
589 593 }
590 594 .icon-yqxx {
591 595 background-image: url(../../images/dist/sprite.png);
592   - background-position: 0px -480px;
593   - background-position: 0px -240px;
  596 + background-position: -340px -360px;
  597 + background-position: -170px -180px;
594 598 width: 100px;
595 599 width: 50px;
596 600 height: 100px;
... ... @@ -599,8 +603,8 @@ This must be run when you have at least 2 sprites.
599 603 }
600 604 .icon-cao-mei {
601 605 background-image: url(../../images/dist/sprite.png);
602   - background-position: -120px -360px;
603   - background-position: -60px -180px;
  606 + background-position: -240px -240px;
  607 + background-position: -120px -120px;
604 608 width: 120px;
605 609 width: 60px;
606 610 height: 120px;
... ... @@ -609,8 +613,8 @@ This must be run when you have at least 2 sprites.
609 613 }
610 614 .icon-da-suan {
611 615 background-image: url(../../images/dist/sprite.png);
612   - background-position: 0px -360px;
613   - background-position: 0px -180px;
  616 + background-position: -360px 0px;
  617 + background-position: -180px 0px;
614 618 width: 120px;
615 619 width: 60px;
616 620 height: 120px;
... ... @@ -619,8 +623,8 @@ This must be run when you have at least 2 sprites.
619 623 }
620 624 .icon-dou-jiao {
621 625 background-image: url(../../images/dist/sprite.png);
622   - background-position: -360px -240px;
623   - background-position: -180px -120px;
  626 + background-position: -360px -120px;
  627 + background-position: -180px -60px;
624 628 width: 120px;
625 629 width: 60px;
626 630 height: 120px;
... ... @@ -629,8 +633,8 @@ This must be run when you have at least 2 sprites.
629 633 }
630 634 .icon-hua-cai {
631 635 background-image: url(../../images/dist/sprite.png);
632   - background-position: -360px -120px;
633   - background-position: -180px -60px;
  636 + background-position: -360px -240px;
  637 + background-position: -180px -120px;
634 638 width: 120px;
635 639 width: 60px;
636 640 height: 120px;
... ... @@ -639,8 +643,8 @@ This must be run when you have at least 2 sprites.
639 643 }
640 644 .icon-luo-bo {
641 645 background-image: url(../../images/dist/sprite.png);
642   - background-position: -360px 0px;
643   - background-position: -180px 0px;
  646 + background-position: 0px -360px;
  647 + background-position: 0px -180px;
644 648 width: 120px;
645 649 width: 60px;
646 650 height: 120px;
... ... @@ -649,8 +653,8 @@ This must be run when you have at least 2 sprites.
649 653 }
650 654 .icon-mo-gu {
651 655 background-image: url(../../images/dist/sprite.png);
652   - background-position: -240px -240px;
653   - background-position: -120px -120px;
  656 + background-position: -120px -360px;
  657 + background-position: -60px -180px;
654 658 width: 120px;
655 659 width: 60px;
656 660 height: 120px;
... ... @@ -659,8 +663,7 @@ This must be run when you have at least 2 sprites.
659 663 }
660 664 .icon-ping-guo {
661 665 background-image: url(../../images/dist/sprite.png);
662   - background-position: -240px -120px;
663   - background-position: -120px -60px;
  666 + background-position: 0px 0px;
664 667 width: 120px;
665 668 width: 60px;
666 669 height: 120px;
... ... @@ -669,8 +672,8 @@ This must be run when you have at least 2 sprites.
669 672 }
670 673 .icon-pro-more2 {
671 674 background-image: url(../../images/dist/sprite.png);
672   - background-position: -580px -517px;
673   - background-position: -290px -258.5px;
  675 + background-position: -620px -477px;
  676 + background-position: -310px -238.5px;
674 677 width: 40px;
675 678 width: 20px;
676 679 height: 40px;
... ... @@ -679,8 +682,8 @@ This must be run when you have at least 2 sprites.
679 682 }
680 683 .icon-pu-tao {
681 684 background-image: url(../../images/dist/sprite.png);
682   - background-position: -120px -120px;
683   - background-position: -60px -60px;
  685 + background-position: 0px -240px;
  686 + background-position: 0px -120px;
684 687 width: 120px;
685 688 width: 60px;
686 689 height: 120px;
... ... @@ -689,8 +692,8 @@ This must be run when you have at least 2 sprites.
689 692 }
690 693 .icon-tao-zi {
691 694 background-image: url(../../images/dist/sprite.png);
692   - background-position: 0px -120px;
693   - background-position: 0px -60px;
  695 + background-position: -240px -120px;
  696 + background-position: -120px -60px;
694 697 width: 120px;
695 698 width: 60px;
696 699 height: 120px;
... ... @@ -699,8 +702,8 @@ This must be run when you have at least 2 sprites.
699 702 }
700 703 .icon-tu-dou {
701 704 background-image: url(../../images/dist/sprite.png);
  705 + background-position: -240px 0px;
702 706 background-position: -120px 0px;
703   - background-position: -60px 0px;
704 707 width: 120px;
705 708 width: 60px;
706 709 height: 120px;
... ... @@ -709,8 +712,8 @@ This must be run when you have at least 2 sprites.
709 712 }
710 713 .icon-xiang-jiao {
711 714 background-image: url(../../images/dist/sprite.png);
712   - background-position: -240px 0px;
713   - background-position: -120px 0px;
  715 + background-position: -120px -120px;
  716 + background-position: -60px -60px;
714 717 width: 120px;
715 718 width: 60px;
716 719 height: 120px;
... ... @@ -719,8 +722,8 @@ This must be run when you have at least 2 sprites.
719 722 }
720 723 .icon-xue-li {
721 724 background-image: url(../../images/dist/sprite.png);
722   - background-position: -120px -240px;
723   - background-position: -60px -120px;
  725 + background-position: 0px -120px;
  726 + background-position: 0px -60px;
724 727 width: 120px;
725 728 width: 60px;
726 729 height: 120px;
... ... @@ -729,8 +732,8 @@ This must be run when you have at least 2 sprites.
729 732 }
730 733 .icon-yang-cong {
731 734 background-image: url(../../images/dist/sprite.png);
732   - background-position: 0px -240px;
733   - background-position: 0px -120px;
  735 + background-position: -120px -240px;
  736 + background-position: -60px -120px;
734 737 width: 120px;
735 738 width: 60px;
736 739 height: 120px;
... ... @@ -739,7 +742,8 @@ This must be run when you have at least 2 sprites.
739 742 }
740 743 .icon-ying-tao {
741 744 background-image: url(../../images/dist/sprite.png);
742   - background-position: 0px 0px;
  745 + background-position: -120px 0px;
  746 + background-position: -60px 0px;
743 747 width: 120px;
744 748 width: 60px;
745 749 height: 120px;
... ... @@ -748,8 +752,8 @@ This must be run when you have at least 2 sprites.
748 752 }
749 753 .icon-dgys {
750 754 background-image: url(../../images/dist/sprite.png);
751   - background-position: -640px -40px;
752   - background-position: -320px -20px;
  755 + background-position: -580px -160px;
  756 + background-position: -290px -80px;
753 757 width: 50px;
754 758 width: 25px;
755 759 height: 50px;
... ... @@ -758,8 +762,8 @@ This must be run when you have at least 2 sprites.
758 762 }
759 763 .icon-qtzl {
760 764 background-image: url(../../images/dist/sprite.png);
761   - background-position: -580px -160px;
762   - background-position: -290px -80px;
  765 + background-position: -640px -40px;
  766 + background-position: -320px -20px;
763 767 width: 50px;
764 768 width: 25px;
765 769 height: 50px;
... ... @@ -768,8 +772,8 @@ This must be run when you have at least 2 sprites.
768 772 }
769 773 .icon-scl {
770 774 background-image: url(../../images/dist/sprite.png);
771   - background-position: -630px -160px;
772   - background-position: -315px -80px;
  775 + background-position: -580px -210px;
  776 + background-position: -290px -105px;
773 777 width: 50px;
774 778 width: 25px;
775 779 height: 50px;
... ... @@ -778,8 +782,8 @@ This must be run when you have at least 2 sprites.
778 782 }
779 783 .icon-sgl_20150825111731 {
780 784 background-image: url(../../images/dist/sprite.png);
781   - background-position: -580px -210px;
782   - background-position: -290px -105px;
  785 + background-position: -630px -210px;
  786 + background-position: -315px -105px;
783 787 width: 50px;
784 788 width: 25px;
785 789 height: 50px;
... ... @@ -788,8 +792,8 @@ This must be run when you have at least 2 sprites.
788 792 }
789 793 .icon-spfl {
790 794 background-image: url(../../images/dist/sprite.png);
791   - background-position: -630px -210px;
792   - background-position: -315px -105px;
  795 + background-position: -580px -260px;
  796 + background-position: -290px -130px;
793 797 width: 50px;
794 798 width: 25px;
795 799 height: 50px;
... ... @@ -798,8 +802,8 @@ This must be run when you have at least 2 sprites.
798 802 }
799 803 .icon-wlfw {
800 804 background-image: url(../../images/dist/sprite.png);
801   - background-position: -580px -260px;
802   - background-position: -290px -130px;
  805 + background-position: -630px -260px;
  806 + background-position: -315px -130px;
803 807 width: 50px;
804 808 width: 25px;
805 809 height: 50px;
... ... @@ -808,8 +812,8 @@ This must be run when you have at least 2 sprites.
808 812 }
809 813 .icon-ddgl {
810 814 background-image: url(../../images/dist/sprite.png);
811   - background-position: -620px -517px;
812   - background-position: -310px -258.5px;
  815 + background-position: -580px -517px;
  816 + background-position: -290px -258.5px;
813 817 width: 40px;
814 818 width: 20px;
815 819 height: 40px;
... ... @@ -818,8 +822,8 @@ This must be run when you have at least 2 sprites.
818 822 }
819 823 .icon-szgl {
820 824 background-image: url(../../images/dist/sprite.png);
821   - background-position: -440px -360px;
822   - background-position: -220px -180px;
  825 + background-position: -620px -517px;
  826 + background-position: -310px -258.5px;
823 827 width: 40px;
824 828 width: 20px;
825 829 height: 40px;
... ... @@ -828,8 +832,8 @@ This must be run when you have at least 2 sprites.
828 832 }
829 833 .icon-tkgl {
830 834 background-image: url(../../images/dist/sprite.png);
831   - background-position: -580px -477px;
832   - background-position: -290px -238.5px;
  835 + background-position: -660px -477px;
  836 + background-position: -330px -238.5px;
833 837 width: 40px;
834 838 width: 20px;
835 839 height: 40px;
... ... @@ -838,8 +842,8 @@ This must be run when you have at least 2 sprites.
838 842 }
839 843 .icon-wdsc {
840 844 background-image: url(../../images/dist/sprite.png);
841   - background-position: -620px -477px;
842   - background-position: -310px -238.5px;
  845 + background-position: -660px -517px;
  846 + background-position: -330px -258.5px;
843 847 width: 40px;
844 848 width: 20px;
845 849 height: 40px;
... ... @@ -848,8 +852,8 @@ This must be run when you have at least 2 sprites.
848 852 }
849 853 .icon-xxgl {
850 854 background-image: url(../../images/dist/sprite.png);
851   - background-position: -660px -477px;
852   - background-position: -330px -238.5px;
  855 + background-position: -580px -477px;
  856 + background-position: -290px -238.5px;
853 857 width: 40px;
854 858 width: 20px;
855 859 height: 40px;
... ... @@ -868,8 +872,8 @@ This must be run when you have at least 2 sprites.
868 872 }
869 873 .icon-dwtb {
870 874 background-image: url(../../images/dist/sprite.png);
871   - background-position: -624px -433px;
872   - background-position: -312px -216.5px;
  875 + background-position: -580px -389px;
  876 + background-position: -290px -194.5px;
873 877 width: 44px;
874 878 width: 22px;
875 879 height: 44px;
... ... @@ -878,8 +882,8 @@ This must be run when you have at least 2 sprites.
878 882 }
879 883 .icon-lsjt {
880 884 background-image: url(../../images/dist/sprite.png);
881   - background-position: -668px -389px;
882   - background-position: -334px -194.5px;
  885 + background-position: -668px -433px;
  886 + background-position: -334px -216.5px;
883 887 width: 30px;
884 888 width: 15px;
885 889 height: 20px;
... ... @@ -888,8 +892,8 @@ This must be run when you have at least 2 sprites.
888 892 }
889 893 .icon-wsc {
890 894 background-image: url(../../images/dist/sprite.png);
891   - background-position: -580px -433px;
892   - background-position: -290px -216.5px;
  895 + background-position: -624px -389px;
  896 + background-position: -312px -194.5px;
893 897 width: 44px;
894 898 width: 22px;
895 899 height: 44px;
... ... @@ -898,8 +902,8 @@ This must be run when you have at least 2 sprites.
898 902 }
899 903 .icon-xk-no {
900 904 background-image: url(../../images/dist/sprite.png);
901   - background-position: -625px -344px;
902   - background-position: -312.5px -172px;
  905 + background-position: -580px -433px;
  906 + background-position: -290px -216.5px;
903 907 width: 44px;
904 908 width: 22px;
905 909 height: 44px;
... ... @@ -908,8 +912,8 @@ This must be run when you have at least 2 sprites.
908 912 }
909 913 .icon-xk-yes {
910 914 background-image: url(../../images/dist/sprite.png);
911   - background-position: -580px -389px;
912   - background-position: -290px -194.5px;
  915 + background-position: -625px -344px;
  916 + background-position: -312.5px -172px;
913 917 width: 44px;
914 918 width: 22px;
915 919 height: 44px;
... ... @@ -918,8 +922,8 @@ This must be run when you have at least 2 sprites.
918 922 }
919 923 .icon-ysc {
920 924 background-image: url(../../images/dist/sprite.png);
921   - background-position: -624px -389px;
922   - background-position: -312px -194.5px;
  925 + background-position: -624px -433px;
  926 + background-position: -312px -216.5px;
923 927 width: 44px;
924 928 width: 22px;
925 929 height: 44px;
... ... @@ -928,8 +932,8 @@ This must be run when you have at least 2 sprites.
928 932 }
929 933 .icon-sdrz {
930 934 background-image: url(../../images/dist/sprite.png);
931   - background-position: -580px -130px;
932   - background-position: -290px -65px;
  935 + background-position: -580px -100px;
  936 + background-position: -290px -50px;
933 937 width: 90px;
934 938 width: 45px;
935 939 height: 30px;
... ... @@ -938,8 +942,8 @@ This must be run when you have at least 2 sprites.
938 942 }
939 943 .icon-sxsj {
940 944 background-image: url(../../images/dist/sprite.png);
941   - background-position: -580px -100px;
942   - background-position: -290px -50px;
  945 + background-position: -580px -130px;
  946 + background-position: -290px -65px;
943 947 width: 90px;
944 948 width: 45px;
945 949 height: 30px;
... ... @@ -1016,10 +1020,40 @@ This must be run when you have at least 2 sprites.
1016 1020 height: 18.5px;
1017 1021 background-size: 350px;
1018 1022 }
1019   -.icon-search-w {
  1023 +.icon-medal-gold {
  1024 + background-image: url(../../images/dist/sprite.png);
  1025 + background-position: -670px -130px;
  1026 + background-position: -335px -65px;
  1027 + width: 22px;
  1028 + width: 11px;
  1029 + height: 30px;
  1030 + height: 15px;
  1031 + background-size: 350px;
  1032 +}
  1033 +.icon-medal-sliver {
  1034 + background-image: url(../../images/dist/sprite.png);
  1035 + background-position: -672px -310px;
  1036 + background-position: -336px -155px;
  1037 + width: 22px;
  1038 + width: 11px;
  1039 + height: 30px;
  1040 + height: 15px;
  1041 + background-size: 350px;
  1042 +}
  1043 +.icon-phone {
1020 1044 background-image: url(../../images/dist/sprite.png);
1021 1045 background-position: -670px -100px;
1022 1046 background-position: -335px -50px;
  1047 + width: 29px;
  1048 + width: 14.5px;
  1049 + height: 29px;
  1050 + height: 14.5px;
  1051 + background-size: 350px;
  1052 +}
  1053 +.icon-search-w {
  1054 + background-image: url(../../images/dist/sprite.png);
  1055 + background-position: -668px -389px;
  1056 + background-position: -334px -194.5px;
1023 1057 width: 25px;
1024 1058 width: 12.5px;
1025 1059 height: 26px;
... ... @@ -1036,10 +1070,20 @@ This must be run when you have at least 2 sprites.
1036 1070 height: 15.5px;
1037 1071 background-size: 350px;
1038 1072 }
  1073 +.icon-star {
  1074 + background-image: url(../../images/dist/sprite.png);
  1075 + background-position: -480px -480px;
  1076 + background-position: -240px -240px;
  1077 + width: 33px;
  1078 + width: 16.5px;
  1079 + height: 31px;
  1080 + height: 15.5px;
  1081 + background-size: 350px;
  1082 +}
1039 1083 .icon-up-down {
1040 1084 background-image: url(../../images/dist/sprite.png);
1041   - background-position: -680px -260px;
1042   - background-position: -340px -130px;
  1085 + background-position: -560px -400px;
  1086 + background-position: -280px -200px;
1043 1087 width: 20px;
1044 1088 width: 10px;
1045 1089 height: 24px;
... ... @@ -1048,8 +1092,8 @@ This must be run when you have at least 2 sprites.
1048 1092 }
1049 1093 .icon-yjt {
1050 1094 background-image: url(../../images/dist/sprite.png);
1051   - background-position: -680px -210px;
1052   - background-position: -340px -105px;
  1095 + background-position: -680px -260px;
  1096 + background-position: -340px -130px;
1053 1097 width: 17px;
1054 1098 width: 8.5px;
1055 1099 height: 30px;
... ... @@ -1058,8 +1102,8 @@ This must be run when you have at least 2 sprites.
1058 1102 }
1059 1103 .icon-arrow {
1060 1104 background-image: url(../../images/dist/sprite.png);
1061   - background-position: -680px -210px;
1062   - background-position: -340px -105px;
  1105 + background-position: -680px -260px;
  1106 + background-position: -340px -130px;
1063 1107 width: 17px;
1064 1108 width: 8.5px;
1065 1109 height: 30px;
... ... @@ -1110,6 +1154,9 @@ This must be run when you have at least 2 sprites.
1110 1154 .m-segment.tab-col-2 li {
1111 1155 width: 50% !important;
1112 1156 }
  1157 +.m-segment.tab-col-3 li {
  1158 + width: 33.3% !important;
  1159 +}
1113 1160 .m-segment.tab-col-4 li {
1114 1161 padding-right: 0;
1115 1162 width: 25% !important;
... ... @@ -1203,8 +1250,8 @@ a.m-btn.btn-warning {
1203 1250 .m-btn.btn-danger,
1204 1251 a.m-btn.btn-danger {
1205 1252 color: #FFF;
1206   - background-color: #fa4535;
1207   - border: none;
  1253 + background-color: #FA4535;
  1254 + border-color: #FA4535;
1208 1255 }
1209 1256 .m-btn.btn-text,
1210 1257 a.m-btn.btn-text {
... ... @@ -1332,15 +1379,19 @@ a.m-btn.disabled {
1332 1379 margin: -7px 0 0;
1333 1380 }
1334 1381 input.m-radio {
1335   - background: url("../../images/icon.png") -90px -236px repeat;
1336   - width: 20px;
  1382 + background-image: url(../../images/dist/sprite.png);
  1383 + background-position: -580px -433px;
  1384 + background-position: -290px -216.5px;
  1385 + width: 44px;
  1386 + width: 22px;
  1387 + height: 44px;
  1388 + height: 22px;
  1389 + background-size: 350px;
1337 1390 -webkit-appearance: none;
1338 1391 -moz-appearance: none;
1339 1392 -o-appearance: none;
1340 1393 appearance: none;
1341   - height: 20px;
1342 1394 display: inline-block;
1343   - background-size: 150px;
1344 1395 border: none;
1345 1396 cursor: pointer;
1346 1397 margin: 0px;
... ... @@ -1352,8 +1403,14 @@ input.m-radio:focus {
1352 1403 outline: none;
1353 1404 }
1354 1405 input.m-radio:checked {
1355   - background: url("../../images/icon.png") -60px -236px repeat;
1356   - background-size: 150px;
  1406 + background-image: url(../../images/dist/sprite.png);
  1407 + background-position: -625px -344px;
  1408 + background-position: -312.5px -172px;
  1409 + width: 44px;
  1410 + width: 22px;
  1411 + height: 44px;
  1412 + height: 22px;
  1413 + background-size: 350px;
1357 1414 }
1358 1415 .m-select {
1359 1416 position: relative;
... ...
css/style/infolist.css
... ... @@ -3,27 +3,7 @@
3 3 position: relative;
4 4 }
5 5 #infolist .m-segment {
6   - border-right: 1px solid #23ac38;
7   - display: inline-block;
8   - margin-top: 7px;
9   -}
10   -#infolist .m-segment li {
11   - width: auto;
12   - border-radius: 0px;
13   - border: 1px solid #23ac38;
14   - border-right: 0px solid #ccc;
15   -}
16   -#infolist .m-segment li a {
17   - width: 65px;
18   - height: 30px;
19   - line-height: 30px;
20   - color: #666;
21   -}
22   -#infolist .m-segment li.on {
23   - background-color: #23ac38;
24   -}
25   -#infolist .m-segment li.on a {
26   - color: #fff;
  6 + padding-top: 6px;
27 7 }
28 8 #infolist .btn-edit {
29 9 font-size: 16px;
... ... @@ -114,24 +94,10 @@
114 94 -webkit-transition: height 0.3s;
115 95 transition: height 0.3s;
116 96 }
117   -#infolist .m-footer a {
118   - display: inline-block;
119   - height: 50px;
120   - line-height: 50px;
  97 +#infolist .m-footer .m-btn {
  98 + float: left;
121 99 width: 50%;
122   - text-align: center;
123   - font-size: 16px;
124   - color: #666;
125   - font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
126   - font-weight: lighter;
127   -}
128   -#infolist .m-footer .btn-ok {
129   - color: #fff;
130   - background: #fa4535;
131   -}
132   -#infolist .m-footer .btn-cancel {
133   - color: #666;
134   - background: #fff;
  100 + box-sizing: border-box;
135 101 }
136 102 #infolist.panel-open .pusher-panel {
137 103 -webkit-transform: translate3d(50px, 0, 0);
... ...
css/style/infolist.less
... ... @@ -2,28 +2,31 @@
2 2 font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
3 3 position:relative;
4 4 .m-segment{
5   - border-right:1px solid #23ac38;
6   - display: inline-block;
7   - margin-top:7px;
8   - }
9   - .m-segment li{
10   - width:auto;
11   - border-radius:0px;
12   - border:1px solid #23ac38;
13   - border-right:0px solid #ccc;
14   - }
15   - .m-segment li a{
16   - width:65px;
17   - height:30px;
18   - line-height:30px;
19   - color:#666;
20   - }
21   - .m-segment li.on{
22   - background-color:#23ac38;
23   - }
24   - .m-segment li.on a{
25   - color:#fff;
26   - }
  5 + padding-top: 6px;
  6 + }
  7 + // .m-segment{
  8 + // border-right:1px solid #23ac38;
  9 + // display: inline-block;
  10 + // margin-top:7px;
  11 + // }
  12 + // .m-segment li{
  13 + // width:auto;
  14 + // border-radius:0px;
  15 + // border:1px solid #23ac38;
  16 + // border-right:0px solid #ccc;
  17 + // }
  18 + // .m-segment li a{
  19 + // width:65px;
  20 + // height:30px;
  21 + // line-height:30px;
  22 + // color:#666;
  23 + // }
  24 + // .m-segment li.on{
  25 + // background-color:#23ac38;
  26 + // }
  27 + // .m-segment li.on a{
  28 + // color:#fff;
  29 + // }
27 30  
28 31 .btn-edit{
29 32 font-size:16px;
... ... @@ -120,25 +123,11 @@
120 123 overflow:hidden;
121 124 -webkit-transition: height 0.3s;
122 125 transition: height 0.3s;
123   - }
124   - .m-footer a{
125   - display:inline-block;
126   - height:50px;
127   - line-height:50px;
128   - width:50%;
129   - text-align:center;
130   - font-size: 16px;
131   - color:#666;
132   - font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
133   - font-weight:lighter;
134   - }
135   - .m-footer .btn-ok{
136   - color:#fff;
137   - background: #fa4535;
138   - }
139   - .m-footer .btn-cancel{
140   - color:#666;
141   - background:#fff;
  126 + .m-btn{
  127 + float: left;
  128 + width: 50%;
  129 + box-sizing: border-box;
  130 + }
142 131 }
143 132 }
144 133  
... ...
css/style/m2.0/m_btn.less
... ... @@ -54,8 +54,8 @@
54 54  
55 55 &.btn-danger{
56 56 color: #FFF;
57   - background-color: #fa4535;
58   - border: none;
  57 + background-color: #FA4535;
  58 + border-color: #FA4535;
59 59 }
60 60  
61 61 &.btn-text{
... ...
css/style/m2.0/m_form.less
... ... @@ -111,15 +111,12 @@
111 111 }
112 112  
113 113 input.m-radio {
114   - background: url("../../images/icon.png") -90px -236px repeat;
115   - width: 20px;
  114 + .icon-xk-no;
116 115 -webkit-appearance: none;
117 116 -moz-appearance: none;
118 117 -o-appearance: none;
119 118 appearance: none;
120   - height: 20px;
121 119 display: inline-block;
122   - background-size: 150px;
123 120 border: none;
124 121 cursor: pointer;
125 122 margin: 0px;
... ... @@ -130,14 +127,7 @@ input.m-radio {
130 127 outline: none;
131 128 }
132 129 &:checked {
133   - background: url("../../images/icon.png") -60px -236px repeat;
134   - // width: 26px;
135   - // height: 22px;
136   - // display: inline-block;
137   - background-size: 150px;
138   - // content: '';
139   - // position: absolute;
140   - // left: 2px;
  130 + .icon-xk-yes;
141 131 }
142 132 }
143 133  
... ...
css/style/m2.0/m_header.less
... ... @@ -105,19 +105,19 @@
105 105 }
106 106 &.header-search{
107 107 .head{
108   - padding: 7px 58px 7px 42px;
  108 + padding: 7px 44px;
109 109 }
110 110 .search-box{
111 111 line-height: 30px;
112 112 font-size: 14px;
113 113 padding: 0 8px;
114 114 background-color: #55bb22;
115   - border-radius: 3px;
116   - height: 30px;
117 115 color: #eee;
118 116 cursor: text;
119 117 display: block;
120 118 // text-align: center;
  119 + background-color: #F5F5F5;
  120 + color: #999;
121 121 text-align: left;
122 122 }
123 123 .icon-search{
... ... @@ -159,7 +159,10 @@
159 159 padding: 7px 10px 7px 44px;
160 160 margin-right: 0;
161 161 }
162   -
  162 + .search-box{
  163 + background-color: #55bb22;
  164 + color: #eee;
  165 + }
163 166 }
164 167 }
165 168  
... ...
css/style/m2.0/m_segment.less
... ... @@ -46,6 +46,11 @@
46 46 width: 50% !important;
47 47 }
48 48 }
  49 + &.tab-col-3{
  50 + li{
  51 + width: 33.3% !important;
  52 + }
  53 + }
49 54 &.tab-col-4{
50 55 li{
51 56 padding-right: 0;
... ...
css/style/m2.0/sprite.less
... ... @@ -24,37 +24,37 @@ At the bottom of this section, we provide information about the spritesheet itse
24 24 @icon-information: 580px 0px -580px 0px 120px 40px 700px 580px '../../images/dist/sprite.png' icon-information;
25 25 @icon-logo-app-name: icon-logo-app;
26 26 @icon-logo-app-x: 630px;
27   -@icon-logo-app-y: 260px;
  27 +@icon-logo-app-y: 160px;
28 28 @icon-logo-app-offset-x: -630px;
29   -@icon-logo-app-offset-y: -260px;
  29 +@icon-logo-app-offset-y: -160px;
30 30 @icon-logo-app-width: 50px;
31 31 @icon-logo-app-height: 50px;
32 32 @icon-logo-app-total-width: 700px;
33 33 @icon-logo-app-total-height: 580px;
34 34 @icon-logo-app-image: '../../images/dist/sprite.png';
35   -@icon-logo-app: 630px 260px -630px -260px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-logo-app;
  35 +@icon-logo-app: 630px 160px -630px -160px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-logo-app;
36 36 @icon-fiter-name: icon-fiter;
37   -@icon-fiter-x: 660px;
38   -@icon-fiter-y: 517px;
39   -@icon-fiter-offset-x: -660px;
40   -@icon-fiter-offset-y: -517px;
  37 +@icon-fiter-x: 440px;
  38 +@icon-fiter-y: 360px;
  39 +@icon-fiter-offset-x: -440px;
  40 +@icon-fiter-offset-y: -360px;
41 41 @icon-fiter-width: 40px;
42 42 @icon-fiter-height: 40px;
43 43 @icon-fiter-total-width: 700px;
44 44 @icon-fiter-total-height: 580px;
45 45 @icon-fiter-image: '../../images/dist/sprite.png';
46   -@icon-fiter: 660px 517px -660px -517px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-fiter;
  46 +@icon-fiter: 440px 360px -440px -360px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-fiter;
47 47 @icon-have-point-name: icon-have-point;
48   -@icon-have-point-x: 672px;
49   -@icon-have-point-y: 310px;
50   -@icon-have-point-offset-x: -672px;
51   -@icon-have-point-offset-y: -310px;
  48 +@icon-have-point-x: 668px;
  49 +@icon-have-point-y: 453px;
  50 +@icon-have-point-offset-x: -668px;
  51 +@icon-have-point-offset-y: -453px;
52 52 @icon-have-point-width: 24px;
53 53 @icon-have-point-height: 24px;
54 54 @icon-have-point-total-width: 700px;
55 55 @icon-have-point-total-height: 580px;
56 56 @icon-have-point-image: '../../images/dist/sprite.png';
57   -@icon-have-point: 672px 310px -672px -310px 24px 24px 700px 580px '../../images/dist/sprite.png' icon-have-point;
  57 +@icon-have-point: 668px 453px -668px -453px 24px 24px 700px 580px '../../images/dist/sprite.png' icon-have-point;
58 58 @icon-new-name: icon-new;
59 59 @icon-new-x: 580px;
60 60 @icon-new-y: 310px;
... ... @@ -67,16 +67,16 @@ At the bottom of this section, we provide information about the spritesheet itse
67 67 @icon-new-image: '../../images/dist/sprite.png';
68 68 @icon-new: 580px 310px -580px -310px 60px 34px 700px 580px '../../images/dist/sprite.png' icon-new;
69 69 @icon-no-point-name: icon-no-point;
70   -@icon-no-point-x: 668px;
71   -@icon-no-point-y: 409px;
72   -@icon-no-point-offset-x: -668px;
73   -@icon-no-point-offset-y: -409px;
  70 +@icon-no-point-x: 513px;
  71 +@icon-no-point-y: 480px;
  72 +@icon-no-point-offset-x: -513px;
  73 +@icon-no-point-offset-y: -480px;
74 74 @icon-no-point-width: 24px;
75 75 @icon-no-point-height: 24px;
76 76 @icon-no-point-total-width: 700px;
77 77 @icon-no-point-total-height: 580px;
78 78 @icon-no-point-image: '../../images/dist/sprite.png';
79   -@icon-no-point: 668px 409px -668px -409px 24px 24px 700px 580px '../../images/dist/sprite.png' icon-no-point;
  79 +@icon-no-point: 513px 480px -513px -480px 24px 24px 700px 580px '../../images/dist/sprite.png' icon-no-point;
80 80 @icon-pro-more-name: icon-pro-more;
81 81 @icon-pro-more-x: 580px;
82 82 @icon-pro-more-y: 40px;
... ... @@ -100,16 +100,16 @@ At the bottom of this section, we provide information about the spritesheet itse
100 100 @icon-talking-image: '../../images/dist/sprite.png';
101 101 @icon-talking: 580px 344px -580px -344px 45px 45px 700px 580px '../../images/dist/sprite.png' icon-talking;
102 102 @icon-white-jt-name: icon-white-jt;
103   -@icon-white-jt-x: 670px;
104   -@icon-white-jt-y: 130px;
105   -@icon-white-jt-offset-x: -670px;
106   -@icon-white-jt-offset-y: -130px;
  103 +@icon-white-jt-x: 680px;
  104 +@icon-white-jt-y: 210px;
  105 +@icon-white-jt-offset-x: -680px;
  106 +@icon-white-jt-offset-y: -210px;
107 107 @icon-white-jt-width: 20px;
108 108 @icon-white-jt-height: 30px;
109 109 @icon-white-jt-total-width: 700px;
110 110 @icon-white-jt-total-height: 580px;
111 111 @icon-white-jt-image: '../../images/dist/sprite.png';
112   -@icon-white-jt: 670px 130px -670px -130px 20px 30px 700px 580px '../../images/dist/sprite.png' icon-white-jt;
  112 +@icon-white-jt: 680px 210px -680px -210px 20px 30px 700px 580px '../../images/dist/sprite.png' icon-white-jt;
113 113 @icon-cdzg-name: icon-cdzg;
114 114 @icon-cdzg-x: 480px;
115 115 @icon-cdzg-y: 0px;
... ... @@ -122,49 +122,49 @@ At the bottom of this section, we provide information about the spritesheet itse
122 122 @icon-cdzg-image: '../../images/dist/sprite.png';
123 123 @icon-cdzg: 480px 0px -480px 0px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-cdzg;
124 124 @icon-gqxx-name: icon-gqxx;
125   -@icon-gqxx-x: 240px;
126   -@icon-gqxx-y: 360px;
127   -@icon-gqxx-offset-x: -240px;
128   -@icon-gqxx-offset-y: -360px;
  125 +@icon-gqxx-x: 480px;
  126 +@icon-gqxx-y: 100px;
  127 +@icon-gqxx-offset-x: -480px;
  128 +@icon-gqxx-offset-y: -100px;
129 129 @icon-gqxx-width: 100px;
130 130 @icon-gqxx-height: 100px;
131 131 @icon-gqxx-total-width: 700px;
132 132 @icon-gqxx-total-height: 580px;
133 133 @icon-gqxx-image: '../../images/dist/sprite.png';
134   -@icon-gqxx: 240px 360px -240px -360px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-gqxx;
  134 +@icon-gqxx: 480px 100px -480px -100px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-gqxx;
135 135 @icon-jhd-name: icon-jhd;
136 136 @icon-jhd-x: 480px;
137   -@icon-jhd-y: 300px;
  137 +@icon-jhd-y: 200px;
138 138 @icon-jhd-offset-x: -480px;
139   -@icon-jhd-offset-y: -300px;
  139 +@icon-jhd-offset-y: -200px;
140 140 @icon-jhd-width: 100px;
141 141 @icon-jhd-height: 100px;
142 142 @icon-jhd-total-width: 700px;
143 143 @icon-jhd-total-height: 580px;
144 144 @icon-jhd-image: '../../images/dist/sprite.png';
145   -@icon-jhd: 480px 300px -480px -300px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-jhd;
  145 +@icon-jhd: 480px 200px -480px -200px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-jhd;
146 146 @icon-nhzy-name: icon-nhzy;
147 147 @icon-nhzy-x: 480px;
148   -@icon-nhzy-y: 200px;
  148 +@icon-nhzy-y: 300px;
149 149 @icon-nhzy-offset-x: -480px;
150   -@icon-nhzy-offset-y: -200px;
  150 +@icon-nhzy-offset-y: -300px;
151 151 @icon-nhzy-width: 100px;
152 152 @icon-nhzy-height: 100px;
153 153 @icon-nhzy-total-width: 700px;
154 154 @icon-nhzy-total-height: 580px;
155 155 @icon-nhzy-image: '../../images/dist/sprite.png';
156   -@icon-nhzy: 480px 200px -480px -200px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-nhzy;
  156 +@icon-nhzy: 480px 300px -480px -300px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-nhzy;
157 157 @icon-pfsc-name: icon-pfsc;
158   -@icon-pfsc-x: 480px;
159   -@icon-pfsc-y: 100px;
160   -@icon-pfsc-offset-x: -480px;
161   -@icon-pfsc-offset-y: -100px;
  158 +@icon-pfsc-x: 0px;
  159 +@icon-pfsc-y: 480px;
  160 +@icon-pfsc-offset-x: 0px;
  161 +@icon-pfsc-offset-y: -480px;
162 162 @icon-pfsc-width: 100px;
163 163 @icon-pfsc-height: 100px;
164 164 @icon-pfsc-total-width: 700px;
165 165 @icon-pfsc-total-height: 580px;
166 166 @icon-pfsc-image: '../../images/dist/sprite.png';
167   -@icon-pfsc: 480px 100px -480px -100px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-pfsc;
  167 +@icon-pfsc: 0px 480px 0px -480px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-pfsc;
168 168 @icon-tcls-name: icon-tcls;
169 169 @icon-tcls-x: 100px;
170 170 @icon-tcls-y: 480px;
... ... @@ -177,313 +177,313 @@ At the bottom of this section, we provide information about the spritesheet itse
177 177 @icon-tcls-image: '../../images/dist/sprite.png';
178 178 @icon-tcls: 100px 480px -100px -480px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-tcls;
179 179 @icon-wdnf-name: icon-wdnf;
180   -@icon-wdnf-x: 340px;
  180 +@icon-wdnf-x: 240px;
181 181 @icon-wdnf-y: 360px;
182   -@icon-wdnf-offset-x: -340px;
  182 +@icon-wdnf-offset-x: -240px;
183 183 @icon-wdnf-offset-y: -360px;
184 184 @icon-wdnf-width: 100px;
185 185 @icon-wdnf-height: 100px;
186 186 @icon-wdnf-total-width: 700px;
187 187 @icon-wdnf-total-height: 580px;
188 188 @icon-wdnf-image: '../../images/dist/sprite.png';
189   -@icon-wdnf: 340px 360px -340px -360px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-wdnf;
  189 +@icon-wdnf: 240px 360px -240px -360px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-wdnf;
190 190 @icon-yqxx-name: icon-yqxx;
191   -@icon-yqxx-x: 0px;
192   -@icon-yqxx-y: 480px;
193   -@icon-yqxx-offset-x: 0px;
194   -@icon-yqxx-offset-y: -480px;
  191 +@icon-yqxx-x: 340px;
  192 +@icon-yqxx-y: 360px;
  193 +@icon-yqxx-offset-x: -340px;
  194 +@icon-yqxx-offset-y: -360px;
195 195 @icon-yqxx-width: 100px;
196 196 @icon-yqxx-height: 100px;
197 197 @icon-yqxx-total-width: 700px;
198 198 @icon-yqxx-total-height: 580px;
199 199 @icon-yqxx-image: '../../images/dist/sprite.png';
200   -@icon-yqxx: 0px 480px 0px -480px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-yqxx;
  200 +@icon-yqxx: 340px 360px -340px -360px 100px 100px 700px 580px '../../images/dist/sprite.png' icon-yqxx;
201 201 @icon-cao-mei-name: icon-cao-mei;
202   -@icon-cao-mei-x: 120px;
203   -@icon-cao-mei-y: 360px;
204   -@icon-cao-mei-offset-x: -120px;
205   -@icon-cao-mei-offset-y: -360px;
  202 +@icon-cao-mei-x: 240px;
  203 +@icon-cao-mei-y: 240px;
  204 +@icon-cao-mei-offset-x: -240px;
  205 +@icon-cao-mei-offset-y: -240px;
206 206 @icon-cao-mei-width: 120px;
207 207 @icon-cao-mei-height: 120px;
208 208 @icon-cao-mei-total-width: 700px;
209 209 @icon-cao-mei-total-height: 580px;
210 210 @icon-cao-mei-image: '../../images/dist/sprite.png';
211   -@icon-cao-mei: 120px 360px -120px -360px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-cao-mei;
  211 +@icon-cao-mei: 240px 240px -240px -240px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-cao-mei;
212 212 @icon-da-suan-name: icon-da-suan;
213   -@icon-da-suan-x: 0px;
214   -@icon-da-suan-y: 360px;
215   -@icon-da-suan-offset-x: 0px;
216   -@icon-da-suan-offset-y: -360px;
  213 +@icon-da-suan-x: 360px;
  214 +@icon-da-suan-y: 0px;
  215 +@icon-da-suan-offset-x: -360px;
  216 +@icon-da-suan-offset-y: 0px;
217 217 @icon-da-suan-width: 120px;
218 218 @icon-da-suan-height: 120px;
219 219 @icon-da-suan-total-width: 700px;
220 220 @icon-da-suan-total-height: 580px;
221 221 @icon-da-suan-image: '../../images/dist/sprite.png';
222   -@icon-da-suan: 0px 360px 0px -360px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-da-suan;
  222 +@icon-da-suan: 360px 0px -360px 0px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-da-suan;
223 223 @icon-dou-jiao-name: icon-dou-jiao;
224 224 @icon-dou-jiao-x: 360px;
225   -@icon-dou-jiao-y: 240px;
  225 +@icon-dou-jiao-y: 120px;
226 226 @icon-dou-jiao-offset-x: -360px;
227   -@icon-dou-jiao-offset-y: -240px;
  227 +@icon-dou-jiao-offset-y: -120px;
228 228 @icon-dou-jiao-width: 120px;
229 229 @icon-dou-jiao-height: 120px;
230 230 @icon-dou-jiao-total-width: 700px;
231 231 @icon-dou-jiao-total-height: 580px;
232 232 @icon-dou-jiao-image: '../../images/dist/sprite.png';
233   -@icon-dou-jiao: 360px 240px -360px -240px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-dou-jiao;
  233 +@icon-dou-jiao: 360px 120px -360px -120px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-dou-jiao;
234 234 @icon-hua-cai-name: icon-hua-cai;
235 235 @icon-hua-cai-x: 360px;
236   -@icon-hua-cai-y: 120px;
  236 +@icon-hua-cai-y: 240px;
237 237 @icon-hua-cai-offset-x: -360px;
238   -@icon-hua-cai-offset-y: -120px;
  238 +@icon-hua-cai-offset-y: -240px;
239 239 @icon-hua-cai-width: 120px;
240 240 @icon-hua-cai-height: 120px;
241 241 @icon-hua-cai-total-width: 700px;
242 242 @icon-hua-cai-total-height: 580px;
243 243 @icon-hua-cai-image: '../../images/dist/sprite.png';
244   -@icon-hua-cai: 360px 120px -360px -120px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-hua-cai;
  244 +@icon-hua-cai: 360px 240px -360px -240px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-hua-cai;
245 245 @icon-luo-bo-name: icon-luo-bo;
246   -@icon-luo-bo-x: 360px;
247   -@icon-luo-bo-y: 0px;
248   -@icon-luo-bo-offset-x: -360px;
249   -@icon-luo-bo-offset-y: 0px;
  246 +@icon-luo-bo-x: 0px;
  247 +@icon-luo-bo-y: 360px;
  248 +@icon-luo-bo-offset-x: 0px;
  249 +@icon-luo-bo-offset-y: -360px;
250 250 @icon-luo-bo-width: 120px;
251 251 @icon-luo-bo-height: 120px;
252 252 @icon-luo-bo-total-width: 700px;
253 253 @icon-luo-bo-total-height: 580px;
254 254 @icon-luo-bo-image: '../../images/dist/sprite.png';
255   -@icon-luo-bo: 360px 0px -360px 0px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-luo-bo;
  255 +@icon-luo-bo: 0px 360px 0px -360px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-luo-bo;
256 256 @icon-mo-gu-name: icon-mo-gu;
257   -@icon-mo-gu-x: 240px;
258   -@icon-mo-gu-y: 240px;
259   -@icon-mo-gu-offset-x: -240px;
260   -@icon-mo-gu-offset-y: -240px;
  257 +@icon-mo-gu-x: 120px;
  258 +@icon-mo-gu-y: 360px;
  259 +@icon-mo-gu-offset-x: -120px;
  260 +@icon-mo-gu-offset-y: -360px;
261 261 @icon-mo-gu-width: 120px;
262 262 @icon-mo-gu-height: 120px;
263 263 @icon-mo-gu-total-width: 700px;
264 264 @icon-mo-gu-total-height: 580px;
265 265 @icon-mo-gu-image: '../../images/dist/sprite.png';
266   -@icon-mo-gu: 240px 240px -240px -240px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-mo-gu;
  266 +@icon-mo-gu: 120px 360px -120px -360px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-mo-gu;
267 267 @icon-ping-guo-name: icon-ping-guo;
268   -@icon-ping-guo-x: 240px;
269   -@icon-ping-guo-y: 120px;
270   -@icon-ping-guo-offset-x: -240px;
271   -@icon-ping-guo-offset-y: -120px;
  268 +@icon-ping-guo-x: 0px;
  269 +@icon-ping-guo-y: 0px;
  270 +@icon-ping-guo-offset-x: 0px;
  271 +@icon-ping-guo-offset-y: 0px;
272 272 @icon-ping-guo-width: 120px;
273 273 @icon-ping-guo-height: 120px;
274 274 @icon-ping-guo-total-width: 700px;
275 275 @icon-ping-guo-total-height: 580px;
276 276 @icon-ping-guo-image: '../../images/dist/sprite.png';
277   -@icon-ping-guo: 240px 120px -240px -120px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-ping-guo;
  277 +@icon-ping-guo: 0px 0px 0px 0px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-ping-guo;
278 278 @icon-pro-more2-name: icon-pro-more2;
279   -@icon-pro-more2-x: 580px;
280   -@icon-pro-more2-y: 517px;
281   -@icon-pro-more2-offset-x: -580px;
282   -@icon-pro-more2-offset-y: -517px;
  279 +@icon-pro-more2-x: 620px;
  280 +@icon-pro-more2-y: 477px;
  281 +@icon-pro-more2-offset-x: -620px;
  282 +@icon-pro-more2-offset-y: -477px;
283 283 @icon-pro-more2-width: 40px;
284 284 @icon-pro-more2-height: 40px;
285 285 @icon-pro-more2-total-width: 700px;
286 286 @icon-pro-more2-total-height: 580px;
287 287 @icon-pro-more2-image: '../../images/dist/sprite.png';
288   -@icon-pro-more2: 580px 517px -580px -517px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-pro-more2;
  288 +@icon-pro-more2: 620px 477px -620px -477px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-pro-more2;
289 289 @icon-pu-tao-name: icon-pu-tao;
290   -@icon-pu-tao-x: 120px;
291   -@icon-pu-tao-y: 120px;
292   -@icon-pu-tao-offset-x: -120px;
293   -@icon-pu-tao-offset-y: -120px;
  290 +@icon-pu-tao-x: 0px;
  291 +@icon-pu-tao-y: 240px;
  292 +@icon-pu-tao-offset-x: 0px;
  293 +@icon-pu-tao-offset-y: -240px;
294 294 @icon-pu-tao-width: 120px;
295 295 @icon-pu-tao-height: 120px;
296 296 @icon-pu-tao-total-width: 700px;
297 297 @icon-pu-tao-total-height: 580px;
298 298 @icon-pu-tao-image: '../../images/dist/sprite.png';
299   -@icon-pu-tao: 120px 120px -120px -120px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-pu-tao;
  299 +@icon-pu-tao: 0px 240px 0px -240px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-pu-tao;
300 300 @icon-tao-zi-name: icon-tao-zi;
301   -@icon-tao-zi-x: 0px;
  301 +@icon-tao-zi-x: 240px;
302 302 @icon-tao-zi-y: 120px;
303   -@icon-tao-zi-offset-x: 0px;
  303 +@icon-tao-zi-offset-x: -240px;
304 304 @icon-tao-zi-offset-y: -120px;
305 305 @icon-tao-zi-width: 120px;
306 306 @icon-tao-zi-height: 120px;
307 307 @icon-tao-zi-total-width: 700px;
308 308 @icon-tao-zi-total-height: 580px;
309 309 @icon-tao-zi-image: '../../images/dist/sprite.png';
310   -@icon-tao-zi: 0px 120px 0px -120px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-tao-zi;
  310 +@icon-tao-zi: 240px 120px -240px -120px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-tao-zi;
311 311 @icon-tu-dou-name: icon-tu-dou;
312   -@icon-tu-dou-x: 120px;
  312 +@icon-tu-dou-x: 240px;
313 313 @icon-tu-dou-y: 0px;
314   -@icon-tu-dou-offset-x: -120px;
  314 +@icon-tu-dou-offset-x: -240px;
315 315 @icon-tu-dou-offset-y: 0px;
316 316 @icon-tu-dou-width: 120px;
317 317 @icon-tu-dou-height: 120px;
318 318 @icon-tu-dou-total-width: 700px;
319 319 @icon-tu-dou-total-height: 580px;
320 320 @icon-tu-dou-image: '../../images/dist/sprite.png';
321   -@icon-tu-dou: 120px 0px -120px 0px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-tu-dou;
  321 +@icon-tu-dou: 240px 0px -240px 0px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-tu-dou;
322 322 @icon-xiang-jiao-name: icon-xiang-jiao;
323   -@icon-xiang-jiao-x: 240px;
324   -@icon-xiang-jiao-y: 0px;
325   -@icon-xiang-jiao-offset-x: -240px;
326   -@icon-xiang-jiao-offset-y: 0px;
  323 +@icon-xiang-jiao-x: 120px;
  324 +@icon-xiang-jiao-y: 120px;
  325 +@icon-xiang-jiao-offset-x: -120px;
  326 +@icon-xiang-jiao-offset-y: -120px;
327 327 @icon-xiang-jiao-width: 120px;
328 328 @icon-xiang-jiao-height: 120px;
329 329 @icon-xiang-jiao-total-width: 700px;
330 330 @icon-xiang-jiao-total-height: 580px;
331 331 @icon-xiang-jiao-image: '../../images/dist/sprite.png';
332   -@icon-xiang-jiao: 240px 0px -240px 0px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-xiang-jiao;
  332 +@icon-xiang-jiao: 120px 120px -120px -120px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-xiang-jiao;
333 333 @icon-xue-li-name: icon-xue-li;
334   -@icon-xue-li-x: 120px;
335   -@icon-xue-li-y: 240px;
336   -@icon-xue-li-offset-x: -120px;
337   -@icon-xue-li-offset-y: -240px;
  334 +@icon-xue-li-x: 0px;
  335 +@icon-xue-li-y: 120px;
  336 +@icon-xue-li-offset-x: 0px;
  337 +@icon-xue-li-offset-y: -120px;
338 338 @icon-xue-li-width: 120px;
339 339 @icon-xue-li-height: 120px;
340 340 @icon-xue-li-total-width: 700px;
341 341 @icon-xue-li-total-height: 580px;
342 342 @icon-xue-li-image: '../../images/dist/sprite.png';
343   -@icon-xue-li: 120px 240px -120px -240px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-xue-li;
  343 +@icon-xue-li: 0px 120px 0px -120px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-xue-li;
344 344 @icon-yang-cong-name: icon-yang-cong;
345   -@icon-yang-cong-x: 0px;
  345 +@icon-yang-cong-x: 120px;
346 346 @icon-yang-cong-y: 240px;
347   -@icon-yang-cong-offset-x: 0px;
  347 +@icon-yang-cong-offset-x: -120px;
348 348 @icon-yang-cong-offset-y: -240px;
349 349 @icon-yang-cong-width: 120px;
350 350 @icon-yang-cong-height: 120px;
351 351 @icon-yang-cong-total-width: 700px;
352 352 @icon-yang-cong-total-height: 580px;
353 353 @icon-yang-cong-image: '../../images/dist/sprite.png';
354   -@icon-yang-cong: 0px 240px 0px -240px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-yang-cong;
  354 +@icon-yang-cong: 120px 240px -120px -240px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-yang-cong;
355 355 @icon-ying-tao-name: icon-ying-tao;
356   -@icon-ying-tao-x: 0px;
  356 +@icon-ying-tao-x: 120px;
357 357 @icon-ying-tao-y: 0px;
358   -@icon-ying-tao-offset-x: 0px;
  358 +@icon-ying-tao-offset-x: -120px;
359 359 @icon-ying-tao-offset-y: 0px;
360 360 @icon-ying-tao-width: 120px;
361 361 @icon-ying-tao-height: 120px;
362 362 @icon-ying-tao-total-width: 700px;
363 363 @icon-ying-tao-total-height: 580px;
364 364 @icon-ying-tao-image: '../../images/dist/sprite.png';
365   -@icon-ying-tao: 0px 0px 0px 0px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-ying-tao;
  365 +@icon-ying-tao: 120px 0px -120px 0px 120px 120px 700px 580px '../../images/dist/sprite.png' icon-ying-tao;
366 366 @icon-dgys-name: icon-dgys;
367   -@icon-dgys-x: 640px;
368   -@icon-dgys-y: 40px;
369   -@icon-dgys-offset-x: -640px;
370   -@icon-dgys-offset-y: -40px;
  367 +@icon-dgys-x: 580px;
  368 +@icon-dgys-y: 160px;
  369 +@icon-dgys-offset-x: -580px;
  370 +@icon-dgys-offset-y: -160px;
371 371 @icon-dgys-width: 50px;
372 372 @icon-dgys-height: 50px;
373 373 @icon-dgys-total-width: 700px;
374 374 @icon-dgys-total-height: 580px;
375 375 @icon-dgys-image: '../../images/dist/sprite.png';
376   -@icon-dgys: 640px 40px -640px -40px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-dgys;
  376 +@icon-dgys: 580px 160px -580px -160px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-dgys;
377 377 @icon-qtzl-name: icon-qtzl;
378   -@icon-qtzl-x: 580px;
379   -@icon-qtzl-y: 160px;
380   -@icon-qtzl-offset-x: -580px;
381   -@icon-qtzl-offset-y: -160px;
  378 +@icon-qtzl-x: 640px;
  379 +@icon-qtzl-y: 40px;
  380 +@icon-qtzl-offset-x: -640px;
  381 +@icon-qtzl-offset-y: -40px;
382 382 @icon-qtzl-width: 50px;
383 383 @icon-qtzl-height: 50px;
384 384 @icon-qtzl-total-width: 700px;
385 385 @icon-qtzl-total-height: 580px;
386 386 @icon-qtzl-image: '../../images/dist/sprite.png';
387   -@icon-qtzl: 580px 160px -580px -160px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-qtzl;
  387 +@icon-qtzl: 640px 40px -640px -40px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-qtzl;
388 388 @icon-scl-name: icon-scl;
389   -@icon-scl-x: 630px;
390   -@icon-scl-y: 160px;
391   -@icon-scl-offset-x: -630px;
392   -@icon-scl-offset-y: -160px;
  389 +@icon-scl-x: 580px;
  390 +@icon-scl-y: 210px;
  391 +@icon-scl-offset-x: -580px;
  392 +@icon-scl-offset-y: -210px;
393 393 @icon-scl-width: 50px;
394 394 @icon-scl-height: 50px;
395 395 @icon-scl-total-width: 700px;
396 396 @icon-scl-total-height: 580px;
397 397 @icon-scl-image: '../../images/dist/sprite.png';
398   -@icon-scl: 630px 160px -630px -160px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-scl;
  398 +@icon-scl: 580px 210px -580px -210px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-scl;
399 399 @icon-sgl-20150825111731-name: icon-sgl_20150825111731;
400   -@icon-sgl-20150825111731-x: 580px;
  400 +@icon-sgl-20150825111731-x: 630px;
401 401 @icon-sgl-20150825111731-y: 210px;
402   -@icon-sgl-20150825111731-offset-x: -580px;
  402 +@icon-sgl-20150825111731-offset-x: -630px;
403 403 @icon-sgl-20150825111731-offset-y: -210px;
404 404 @icon-sgl-20150825111731-width: 50px;
405 405 @icon-sgl-20150825111731-height: 50px;
406 406 @icon-sgl-20150825111731-total-width: 700px;
407 407 @icon-sgl-20150825111731-total-height: 580px;
408 408 @icon-sgl-20150825111731-image: '../../images/dist/sprite.png';
409   -@icon-sgl-20150825111731: 580px 210px -580px -210px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-sgl_20150825111731;
  409 +@icon-sgl-20150825111731: 630px 210px -630px -210px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-sgl_20150825111731;
410 410 @icon-spfl-name: icon-spfl;
411   -@icon-spfl-x: 630px;
412   -@icon-spfl-y: 210px;
413   -@icon-spfl-offset-x: -630px;
414   -@icon-spfl-offset-y: -210px;
  411 +@icon-spfl-x: 580px;
  412 +@icon-spfl-y: 260px;
  413 +@icon-spfl-offset-x: -580px;
  414 +@icon-spfl-offset-y: -260px;
415 415 @icon-spfl-width: 50px;
416 416 @icon-spfl-height: 50px;
417 417 @icon-spfl-total-width: 700px;
418 418 @icon-spfl-total-height: 580px;
419 419 @icon-spfl-image: '../../images/dist/sprite.png';
420   -@icon-spfl: 630px 210px -630px -210px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-spfl;
  420 +@icon-spfl: 580px 260px -580px -260px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-spfl;
421 421 @icon-wlfw-name: icon-wlfw;
422   -@icon-wlfw-x: 580px;
  422 +@icon-wlfw-x: 630px;
423 423 @icon-wlfw-y: 260px;
424   -@icon-wlfw-offset-x: -580px;
  424 +@icon-wlfw-offset-x: -630px;
425 425 @icon-wlfw-offset-y: -260px;
426 426 @icon-wlfw-width: 50px;
427 427 @icon-wlfw-height: 50px;
428 428 @icon-wlfw-total-width: 700px;
429 429 @icon-wlfw-total-height: 580px;
430 430 @icon-wlfw-image: '../../images/dist/sprite.png';
431   -@icon-wlfw: 580px 260px -580px -260px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-wlfw;
  431 +@icon-wlfw: 630px 260px -630px -260px 50px 50px 700px 580px '../../images/dist/sprite.png' icon-wlfw;
432 432 @icon-ddgl-name: icon-ddgl;
433   -@icon-ddgl-x: 620px;
  433 +@icon-ddgl-x: 580px;
434 434 @icon-ddgl-y: 517px;
435   -@icon-ddgl-offset-x: -620px;
  435 +@icon-ddgl-offset-x: -580px;
436 436 @icon-ddgl-offset-y: -517px;
437 437 @icon-ddgl-width: 40px;
438 438 @icon-ddgl-height: 40px;
439 439 @icon-ddgl-total-width: 700px;
440 440 @icon-ddgl-total-height: 580px;
441 441 @icon-ddgl-image: '../../images/dist/sprite.png';
442   -@icon-ddgl: 620px 517px -620px -517px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-ddgl;
  442 +@icon-ddgl: 580px 517px -580px -517px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-ddgl;
443 443 @icon-szgl-name: icon-szgl;
444   -@icon-szgl-x: 440px;
445   -@icon-szgl-y: 360px;
446   -@icon-szgl-offset-x: -440px;
447   -@icon-szgl-offset-y: -360px;
  444 +@icon-szgl-x: 620px;
  445 +@icon-szgl-y: 517px;
  446 +@icon-szgl-offset-x: -620px;
  447 +@icon-szgl-offset-y: -517px;
448 448 @icon-szgl-width: 40px;
449 449 @icon-szgl-height: 40px;
450 450 @icon-szgl-total-width: 700px;
451 451 @icon-szgl-total-height: 580px;
452 452 @icon-szgl-image: '../../images/dist/sprite.png';
453   -@icon-szgl: 440px 360px -440px -360px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-szgl;
  453 +@icon-szgl: 620px 517px -620px -517px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-szgl;
454 454 @icon-tkgl-name: icon-tkgl;
455   -@icon-tkgl-x: 580px;
  455 +@icon-tkgl-x: 660px;
456 456 @icon-tkgl-y: 477px;
457   -@icon-tkgl-offset-x: -580px;
  457 +@icon-tkgl-offset-x: -660px;
458 458 @icon-tkgl-offset-y: -477px;
459 459 @icon-tkgl-width: 40px;
460 460 @icon-tkgl-height: 40px;
461 461 @icon-tkgl-total-width: 700px;
462 462 @icon-tkgl-total-height: 580px;
463 463 @icon-tkgl-image: '../../images/dist/sprite.png';
464   -@icon-tkgl: 580px 477px -580px -477px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-tkgl;
  464 +@icon-tkgl: 660px 477px -660px -477px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-tkgl;
465 465 @icon-wdsc-name: icon-wdsc;
466   -@icon-wdsc-x: 620px;
467   -@icon-wdsc-y: 477px;
468   -@icon-wdsc-offset-x: -620px;
469   -@icon-wdsc-offset-y: -477px;
  466 +@icon-wdsc-x: 660px;
  467 +@icon-wdsc-y: 517px;
  468 +@icon-wdsc-offset-x: -660px;
  469 +@icon-wdsc-offset-y: -517px;
470 470 @icon-wdsc-width: 40px;
471 471 @icon-wdsc-height: 40px;
472 472 @icon-wdsc-total-width: 700px;
473 473 @icon-wdsc-total-height: 580px;
474 474 @icon-wdsc-image: '../../images/dist/sprite.png';
475   -@icon-wdsc: 620px 477px -620px -477px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-wdsc;
  475 +@icon-wdsc: 660px 517px -660px -517px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-wdsc;
476 476 @icon-xxgl-name: icon-xxgl;
477   -@icon-xxgl-x: 660px;
  477 +@icon-xxgl-x: 580px;
478 478 @icon-xxgl-y: 477px;
479   -@icon-xxgl-offset-x: -660px;
  479 +@icon-xxgl-offset-x: -580px;
480 480 @icon-xxgl-offset-y: -477px;
481 481 @icon-xxgl-width: 40px;
482 482 @icon-xxgl-height: 40px;
483 483 @icon-xxgl-total-width: 700px;
484 484 @icon-xxgl-total-height: 580px;
485 485 @icon-xxgl-image: '../../images/dist/sprite.png';
486   -@icon-xxgl: 660px 477px -660px -477px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-xxgl;
  486 +@icon-xxgl: 580px 477px -580px -477px 40px 40px 700px 580px '../../images/dist/sprite.png' icon-xxgl;
487 487 @icon-back-top-name: icon-back-top;
488 488 @icon-back-top-x: 480px;
489 489 @icon-back-top-y: 400px;
... ... @@ -496,93 +496,93 @@ At the bottom of this section, we provide information about the spritesheet itse
496 496 @icon-back-top-image: '../../images/dist/sprite.png';
497 497 @icon-back-top: 480px 400px -480px -400px 80px 80px 700px 580px '../../images/dist/sprite.png' icon-back-top;
498 498 @icon-dwtb-name: icon-dwtb;
499   -@icon-dwtb-x: 624px;
500   -@icon-dwtb-y: 433px;
501   -@icon-dwtb-offset-x: -624px;
502   -@icon-dwtb-offset-y: -433px;
  499 +@icon-dwtb-x: 580px;
  500 +@icon-dwtb-y: 389px;
  501 +@icon-dwtb-offset-x: -580px;
  502 +@icon-dwtb-offset-y: -389px;
503 503 @icon-dwtb-width: 44px;
504 504 @icon-dwtb-height: 44px;
505 505 @icon-dwtb-total-width: 700px;
506 506 @icon-dwtb-total-height: 580px;
507 507 @icon-dwtb-image: '../../images/dist/sprite.png';
508   -@icon-dwtb: 624px 433px -624px -433px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-dwtb;
  508 +@icon-dwtb: 580px 389px -580px -389px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-dwtb;
509 509 @icon-lsjt-name: icon-lsjt;
510 510 @icon-lsjt-x: 668px;
511   -@icon-lsjt-y: 389px;
  511 +@icon-lsjt-y: 433px;
512 512 @icon-lsjt-offset-x: -668px;
513   -@icon-lsjt-offset-y: -389px;
  513 +@icon-lsjt-offset-y: -433px;
514 514 @icon-lsjt-width: 30px;
515 515 @icon-lsjt-height: 20px;
516 516 @icon-lsjt-total-width: 700px;
517 517 @icon-lsjt-total-height: 580px;
518 518 @icon-lsjt-image: '../../images/dist/sprite.png';
519   -@icon-lsjt: 668px 389px -668px -389px 30px 20px 700px 580px '../../images/dist/sprite.png' icon-lsjt;
  519 +@icon-lsjt: 668px 433px -668px -433px 30px 20px 700px 580px '../../images/dist/sprite.png' icon-lsjt;
520 520 @icon-wsc-name: icon-wsc;
521   -@icon-wsc-x: 580px;
522   -@icon-wsc-y: 433px;
523   -@icon-wsc-offset-x: -580px;
524   -@icon-wsc-offset-y: -433px;
  521 +@icon-wsc-x: 624px;
  522 +@icon-wsc-y: 389px;
  523 +@icon-wsc-offset-x: -624px;
  524 +@icon-wsc-offset-y: -389px;
525 525 @icon-wsc-width: 44px;
526 526 @icon-wsc-height: 44px;
527 527 @icon-wsc-total-width: 700px;
528 528 @icon-wsc-total-height: 580px;
529 529 @icon-wsc-image: '../../images/dist/sprite.png';
530   -@icon-wsc: 580px 433px -580px -433px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-wsc;
  530 +@icon-wsc: 624px 389px -624px -389px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-wsc;
531 531 @icon-xk-no-name: icon-xk-no;
532   -@icon-xk-no-x: 625px;
533   -@icon-xk-no-y: 344px;
534   -@icon-xk-no-offset-x: -625px;
535   -@icon-xk-no-offset-y: -344px;
  532 +@icon-xk-no-x: 580px;
  533 +@icon-xk-no-y: 433px;
  534 +@icon-xk-no-offset-x: -580px;
  535 +@icon-xk-no-offset-y: -433px;
536 536 @icon-xk-no-width: 44px;
537 537 @icon-xk-no-height: 44px;
538 538 @icon-xk-no-total-width: 700px;
539 539 @icon-xk-no-total-height: 580px;
540 540 @icon-xk-no-image: '../../images/dist/sprite.png';
541   -@icon-xk-no: 625px 344px -625px -344px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-xk-no;
  541 +@icon-xk-no: 580px 433px -580px -433px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-xk-no;
542 542 @icon-xk-yes-name: icon-xk-yes;
543   -@icon-xk-yes-x: 580px;
544   -@icon-xk-yes-y: 389px;
545   -@icon-xk-yes-offset-x: -580px;
546   -@icon-xk-yes-offset-y: -389px;
  543 +@icon-xk-yes-x: 625px;
  544 +@icon-xk-yes-y: 344px;
  545 +@icon-xk-yes-offset-x: -625px;
  546 +@icon-xk-yes-offset-y: -344px;
547 547 @icon-xk-yes-width: 44px;
548 548 @icon-xk-yes-height: 44px;
549 549 @icon-xk-yes-total-width: 700px;
550 550 @icon-xk-yes-total-height: 580px;
551 551 @icon-xk-yes-image: '../../images/dist/sprite.png';
552   -@icon-xk-yes: 580px 389px -580px -389px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-xk-yes;
  552 +@icon-xk-yes: 625px 344px -625px -344px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-xk-yes;
553 553 @icon-ysc-name: icon-ysc;
554 554 @icon-ysc-x: 624px;
555   -@icon-ysc-y: 389px;
  555 +@icon-ysc-y: 433px;
556 556 @icon-ysc-offset-x: -624px;
557   -@icon-ysc-offset-y: -389px;
  557 +@icon-ysc-offset-y: -433px;
558 558 @icon-ysc-width: 44px;
559 559 @icon-ysc-height: 44px;
560 560 @icon-ysc-total-width: 700px;
561 561 @icon-ysc-total-height: 580px;
562 562 @icon-ysc-image: '../../images/dist/sprite.png';
563   -@icon-ysc: 624px 389px -624px -389px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-ysc;
  563 +@icon-ysc: 624px 433px -624px -433px 44px 44px 700px 580px '../../images/dist/sprite.png' icon-ysc;
564 564 @icon-sdrz-name: icon-sdrz;
565 565 @icon-sdrz-x: 580px;
566   -@icon-sdrz-y: 130px;
  566 +@icon-sdrz-y: 100px;
567 567 @icon-sdrz-offset-x: -580px;
568   -@icon-sdrz-offset-y: -130px;
  568 +@icon-sdrz-offset-y: -100px;
569 569 @icon-sdrz-width: 90px;
570 570 @icon-sdrz-height: 30px;
571 571 @icon-sdrz-total-width: 700px;
572 572 @icon-sdrz-total-height: 580px;
573 573 @icon-sdrz-image: '../../images/dist/sprite.png';
574   -@icon-sdrz: 580px 130px -580px -130px 90px 30px 700px 580px '../../images/dist/sprite.png' icon-sdrz;
  574 +@icon-sdrz: 580px 100px -580px -100px 90px 30px 700px 580px '../../images/dist/sprite.png' icon-sdrz;
575 575 @icon-sxsj-name: icon-sxsj;
576 576 @icon-sxsj-x: 580px;
577   -@icon-sxsj-y: 100px;
  577 +@icon-sxsj-y: 130px;
578 578 @icon-sxsj-offset-x: -580px;
579   -@icon-sxsj-offset-y: -100px;
  579 +@icon-sxsj-offset-y: -130px;
580 580 @icon-sxsj-width: 90px;
581 581 @icon-sxsj-height: 30px;
582 582 @icon-sxsj-total-width: 700px;
583 583 @icon-sxsj-total-height: 580px;
584 584 @icon-sxsj-image: '../../images/dist/sprite.png';
585   -@icon-sxsj: 580px 100px -580px -100px 90px 30px 700px 580px '../../images/dist/sprite.png' icon-sxsj;
  585 +@icon-sxsj: 580px 130px -580px -130px 90px 30px 700px 580px '../../images/dist/sprite.png' icon-sxsj;
586 586 @icon-back-name: icon-back;
587 587 @icon-back-x: 680px;
588 588 @icon-back-y: 160px;
... ... @@ -660,17 +660,50 @@ At the bottom of this section, we provide information about the spritesheet itse
660 660 @icon-jrjhd-total-height: 580px;
661 661 @icon-jrjhd-image: '../../images/dist/sprite.png';
662 662 @icon-jrjhd: 440px 400px -440px -400px 36px 37px 700px 580px '../../images/dist/sprite.png' icon-jrjhd;
  663 +@icon-medal-gold-name: icon-medal-gold;
  664 +@icon-medal-gold-x: 670px;
  665 +@icon-medal-gold-y: 130px;
  666 +@icon-medal-gold-offset-x: -670px;
  667 +@icon-medal-gold-offset-y: -130px;
  668 +@icon-medal-gold-width: 22px;
  669 +@icon-medal-gold-height: 30px;
  670 +@icon-medal-gold-total-width: 700px;
  671 +@icon-medal-gold-total-height: 580px;
  672 +@icon-medal-gold-image: '../../images/dist/sprite.png';
  673 +@icon-medal-gold: 670px 130px -670px -130px 22px 30px 700px 580px '../../images/dist/sprite.png' icon-medal-gold;
  674 +@icon-medal-sliver-name: icon-medal-sliver;
  675 +@icon-medal-sliver-x: 672px;
  676 +@icon-medal-sliver-y: 310px;
  677 +@icon-medal-sliver-offset-x: -672px;
  678 +@icon-medal-sliver-offset-y: -310px;
  679 +@icon-medal-sliver-width: 22px;
  680 +@icon-medal-sliver-height: 30px;
  681 +@icon-medal-sliver-total-width: 700px;
  682 +@icon-medal-sliver-total-height: 580px;
  683 +@icon-medal-sliver-image: '../../images/dist/sprite.png';
  684 +@icon-medal-sliver: 672px 310px -672px -310px 22px 30px 700px 580px '../../images/dist/sprite.png' icon-medal-sliver;
  685 +@icon-phone-name: icon-phone;
  686 +@icon-phone-x: 670px;
  687 +@icon-phone-y: 100px;
  688 +@icon-phone-offset-x: -670px;
  689 +@icon-phone-offset-y: -100px;
  690 +@icon-phone-width: 29px;
  691 +@icon-phone-height: 29px;
  692 +@icon-phone-total-width: 700px;
  693 +@icon-phone-total-height: 580px;
  694 +@icon-phone-image: '../../images/dist/sprite.png';
  695 +@icon-phone: 670px 100px -670px -100px 29px 29px 700px 580px '../../images/dist/sprite.png' icon-phone;
663 696 @icon-search-w-name: icon-search-w;
664   -@icon-search-w-x: 670px;
665   -@icon-search-w-y: 100px;
666   -@icon-search-w-offset-x: -670px;
667   -@icon-search-w-offset-y: -100px;
  697 +@icon-search-w-x: 668px;
  698 +@icon-search-w-y: 389px;
  699 +@icon-search-w-offset-x: -668px;
  700 +@icon-search-w-offset-y: -389px;
668 701 @icon-search-w-width: 25px;
669 702 @icon-search-w-height: 26px;
670 703 @icon-search-w-total-width: 700px;
671 704 @icon-search-w-total-height: 580px;
672 705 @icon-search-w-image: '../../images/dist/sprite.png';
673   -@icon-search-w: 670px 100px -670px -100px 25px 26px 700px 580px '../../images/dist/sprite.png' icon-search-w;
  706 +@icon-search-w: 668px 389px -668px -389px 25px 26px 700px 580px '../../images/dist/sprite.png' icon-search-w;
674 707 @icon-search-name: icon-search;
675 708 @icon-search-x: 669px;
676 709 @icon-search-y: 344px;
... ... @@ -682,32 +715,43 @@ At the bottom of this section, we provide information about the spritesheet itse
682 715 @icon-search-total-height: 580px;
683 716 @icon-search-image: '../../images/dist/sprite.png';
684 717 @icon-search: 669px 344px -669px -344px 30px 31px 700px 580px '../../images/dist/sprite.png' icon-search;
  718 +@icon-star-name: icon-star;
  719 +@icon-star-x: 480px;
  720 +@icon-star-y: 480px;
  721 +@icon-star-offset-x: -480px;
  722 +@icon-star-offset-y: -480px;
  723 +@icon-star-width: 33px;
  724 +@icon-star-height: 31px;
  725 +@icon-star-total-width: 700px;
  726 +@icon-star-total-height: 580px;
  727 +@icon-star-image: '../../images/dist/sprite.png';
  728 +@icon-star: 480px 480px -480px -480px 33px 31px 700px 580px '../../images/dist/sprite.png' icon-star;
685 729 @icon-up-down-name: icon-up-down;
686   -@icon-up-down-x: 680px;
687   -@icon-up-down-y: 260px;
688   -@icon-up-down-offset-x: -680px;
689   -@icon-up-down-offset-y: -260px;
  730 +@icon-up-down-x: 560px;
  731 +@icon-up-down-y: 400px;
  732 +@icon-up-down-offset-x: -560px;
  733 +@icon-up-down-offset-y: -400px;
690 734 @icon-up-down-width: 20px;
691 735 @icon-up-down-height: 24px;
692 736 @icon-up-down-total-width: 700px;
693 737 @icon-up-down-total-height: 580px;
694 738 @icon-up-down-image: '../../images/dist/sprite.png';
695   -@icon-up-down: 680px 260px -680px -260px 20px 24px 700px 580px '../../images/dist/sprite.png' icon-up-down;
  739 +@icon-up-down: 560px 400px -560px -400px 20px 24px 700px 580px '../../images/dist/sprite.png' icon-up-down;
696 740 @icon-yjt-name: icon-yjt;
697 741 @icon-yjt-x: 680px;
698   -@icon-yjt-y: 210px;
  742 +@icon-yjt-y: 260px;
699 743 @icon-yjt-offset-x: -680px;
700   -@icon-yjt-offset-y: -210px;
  744 +@icon-yjt-offset-y: -260px;
701 745 @icon-yjt-width: 17px;
702 746 @icon-yjt-height: 30px;
703 747 @icon-yjt-total-width: 700px;
704 748 @icon-yjt-total-height: 580px;
705 749 @icon-yjt-image: '../../images/dist/sprite.png';
706   -@icon-yjt: 680px 210px -680px -210px 17px 30px 700px 580px '../../images/dist/sprite.png' icon-yjt;
  750 +@icon-yjt: 680px 260px -680px -260px 17px 30px 700px 580px '../../images/dist/sprite.png' icon-yjt;
707 751 @spritesheet-width: 700px;
708 752 @spritesheet-height: 580px;
709 753 @spritesheet-image: '../../images/dist/sprite.png';
710   -@spritesheet-sprites: @icon-information @icon-logo-app @icon-fiter @icon-have-point @icon-new @icon-no-point @icon-pro-more @icon-talking @icon-white-jt @icon-cdzg @icon-gqxx @icon-jhd @icon-nhzy @icon-pfsc @icon-tcls @icon-wdnf @icon-yqxx @icon-cao-mei @icon-da-suan @icon-dou-jiao @icon-hua-cai @icon-luo-bo @icon-mo-gu @icon-ping-guo @icon-pro-more2 @icon-pu-tao @icon-tao-zi @icon-tu-dou @icon-xiang-jiao @icon-xue-li @icon-yang-cong @icon-ying-tao @icon-dgys @icon-qtzl @icon-scl @icon-sgl-20150825111731 @icon-spfl @icon-wlfw @icon-ddgl @icon-szgl @icon-tkgl @icon-wdsc @icon-xxgl @icon-back-top @icon-dwtb @icon-lsjt @icon-wsc @icon-xk-no @icon-xk-yes @icon-ysc @icon-sdrz @icon-sxsj @icon-back @icon-call @icon-circle-back @icon-circle-more @icon-circle-star @icon-circle-video @icon-jrjhd @icon-search-w @icon-search @icon-up-down @icon-yjt;
  754 +@spritesheet-sprites: @icon-information @icon-logo-app @icon-fiter @icon-have-point @icon-new @icon-no-point @icon-pro-more @icon-talking @icon-white-jt @icon-cdzg @icon-gqxx @icon-jhd @icon-nhzy @icon-pfsc @icon-tcls @icon-wdnf @icon-yqxx @icon-cao-mei @icon-da-suan @icon-dou-jiao @icon-hua-cai @icon-luo-bo @icon-mo-gu @icon-ping-guo @icon-pro-more2 @icon-pu-tao @icon-tao-zi @icon-tu-dou @icon-xiang-jiao @icon-xue-li @icon-yang-cong @icon-ying-tao @icon-dgys @icon-qtzl @icon-scl @icon-sgl-20150825111731 @icon-spfl @icon-wlfw @icon-ddgl @icon-szgl @icon-tkgl @icon-wdsc @icon-xxgl @icon-back-top @icon-dwtb @icon-lsjt @icon-wsc @icon-xk-no @icon-xk-yes @icon-ysc @icon-sdrz @icon-sxsj @icon-back @icon-call @icon-circle-back @icon-circle-more @icon-circle-star @icon-circle-video @icon-jrjhd @icon-medal-gold @icon-medal-sliver @icon-phone @icon-search-w @icon-search @icon-star @icon-up-down @icon-yjt;
711 755 @spritesheet: 700px 580px '../../images/dist/sprite.png' @spritesheet-sprites;
712 756  
713 757 /*
... ...
css/style/position.css
  1 +#positionPage .header-search .head {
  2 + padding: 7px 58px 7px 42px;
  3 +}
1 4 #positionPage .header-search .search-box {
2 5 background-color: #F5F5F5;
3 6 color: #999;
... ...
css/style/position.less
1 1 #positionPage{
2 2 .header-search{
  3 + .head{
  4 + padding:7px 58px 7px 42px;
  5 + }
3 6 .search-box{
4 7 background-color: #F5F5F5;
5 8 color: #999;
... ...
css/style/storelist.css
... ... @@ -2,22 +2,6 @@
2 2 font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
3 3 background: #fff;
4 4 }
5   -#storelist .search-box {
6   - margin-top: 6px;
7   - background: #f5f5f5;
8   - text-align: left;
9   - float: left;
10   - height: 30px;
11   - line-height: 30px;
12   - padding-left: 10px;
13   - width: 100%;
14   - border-radius: 3px;
15   -}
16   -#storelist .search-box input {
17   - height: 30px;
18   - line-height: 30px;
19   - background: transparent;
20   -}
21 5 #storelist .m-table-view {
22 6 border-top: 0px solid #ddd;
23 7 }
... ...
css/style/storelist.less
1 1 #storelist{
2 2 font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
3 3 background:#fff;
4   - .search-box{
5   - margin-top:6px;
6   - background:#f5f5f5;
7   - text-align:left;
8   - float:left;
9   - height:30px;
10   - line-height:30px;
11   - padding-left:10px;
12   - width:100%;
13   - border-radius:3px;
14   - input{
15   - height:30px;
16   - line-height:30px;
17   - background:transparent;
18   - }
19   - }
  4 + // .search-box{
  5 + // margin-top:6px;
  6 + // background:#f5f5f5;
  7 + // text-align:left;
  8 + // float:left;
  9 + // height:30px;
  10 + // line-height:30px;
  11 + // padding-left:10px;
  12 + // width:100%;
  13 + // border-radius:3px;
  14 + // input{
  15 + // height:30px;
  16 + // line-height:30px;
  17 + // background:transparent;
  18 + // }
  19 + // }
20 20  
21 21 .m-table-view{
22 22 border-top: 0px solid #ddd;
... ...
css/style/transitstore.css
... ... @@ -9,7 +9,7 @@
9 9 background-size: 150px;
10 10 }
11 11 #transitstore .top {
12   - background: url(../../images/user-home.png) center center no-repeat;
  12 + background: url(../../images/dist/wuliu-bg.png) center center no-repeat;
13 13 background-size: cover;
14 14 }
15 15 #transitstore .m-page {
... ...
css/style/transitstore.less
... ... @@ -9,7 +9,7 @@
9 9 }
10 10  
11 11 .top {
12   - background: url(../../images/user-home.png)center center no-repeat;
  12 + background: url(../../images/dist/wuliu-bg.png)center center no-repeat;
13 13 background-size: cover;
14 14 }
15 15  
... ...
images/dist/sprite.png

282 KB | W: | H:

285 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/dist/9.wuliu-bg.png renamed to images/dist/wuliu-bg.png

247 KB

images/src/medal-gold.png 0 → 100644

1.05 KB

images/src/medal-sliver.png 0 → 100644

929 Bytes

images/src/phone.png 0 → 100644

816 Bytes

images/src/star.png 0 → 100644

830 Bytes