


安全
109 |国家AAA信用平台
银行资金托管
上市公司背景保证
权威
114 | 中央电视台推荐
互联网百强企业
标准起草单位
省心
119 | 100元起投
用户利益保障机制
保险公司承保
├── .editorconfig
├── .gitattributes
├── .gitignore
├── CHANGELOG.md
├── LICENSE.txt
├── README.md
├── dist
├── css
│ ├── combined-103215463b.css
│ └── combined-dbb0bb1391.css
├── img
│ ├── ad001-l.png
│ ├── ad001-m.png
│ ├── ad001.png
│ ├── ad002-l.png
│ ├── ad002-m.png
│ ├── ad002.png
│ ├── ad003-l.png
│ ├── ad003-m.png
│ ├── ad003.png
│ ├── app-l.png
│ ├── app-l@2x.png
│ ├── app-m.png
│ ├── app-m@2x.png
│ ├── app.png
│ ├── app@2x.png
│ ├── cert1.png
│ ├── cert2.png
│ ├── login-bg.jpg
│ ├── logo.psd
│ ├── logo@1x.png
│ ├── logo@2x.png
│ ├── next.png
│ └── prev.png
├── index.html
└── js
│ └── combined-1868f28117.js
├── gulpfile.js
├── package.json
└── src
├── 404.html
├── css
├── index.css
├── login.css
└── myreset.css
├── favicon.ico
├── humans.txt
├── img
├── ad001-l.png
├── ad001-m.png
├── ad001.png
├── ad002-l.png
├── ad002-m.png
├── ad002.png
├── ad003-l.png
├── ad003-m.png
├── ad003.png
├── app-l.png
├── app-l@2x.png
├── app-m.png
├── app-m@2x.png
├── app.png
├── app@2x.png
├── cert1.png
├── cert2.png
├── login-bg.jpg
├── logo.psd
├── logo@1x.png
├── logo@2x.png
├── next.png
└── prev.png
├── index.html
├── js
├── index.js
├── login.js
├── main.js
└── vendor
│ ├── OwlCarousel2
│ ├── assets
│ │ ├── ajax-loader.gif
│ │ ├── owl.carousel.css
│ │ ├── owl.carousel.min.css
│ │ ├── owl.theme.default.css
│ │ ├── owl.theme.default.min.css
│ │ ├── owl.theme.green.css
│ │ ├── owl.theme.green.min.css
│ │ └── owl.video.play.png
│ ├── owl.carousel.js
│ └── owl.carousel.min.js
│ └── picturefill.min.js
├── login.html
└── robots.txt
/.editorconfig:
--------------------------------------------------------------------------------
1 | # For more information about the properties used in
2 | # this file, please see the EditorConfig documentation:
3 | # http://editorconfig.org/
4 |
5 | root = true
6 |
7 | [*]
8 | charset = utf-8
9 | end_of_line = lf
10 | indent_size = 4
11 | indent_style = space
12 | insert_final_newline = true
13 | trim_trailing_whitespace = true
14 |
15 | [*.md]
16 | trim_trailing_whitespace = false
17 |
18 | [{.travis.yml,package.json}]
19 | # The indent size used in the `package.json` file cannot be changed
20 | # https://github.com/npm/npm/pull/3180#issuecomment-16336516
21 | indent_size = 2
22 | indent_style = space
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 |
4 | # Custom for Visual Studio
5 | *.cs diff=csharp
6 |
7 | # Standard to msysgit
8 | *.doc diff=astextplain
9 | *.DOC diff=astextplain
10 | *.docx diff=astextplain
11 | *.DOCX diff=astextplain
12 | *.dot diff=astextplain
13 | *.DOT diff=astextplain
14 | *.pdf diff=astextplain
15 | *.PDF diff=astextplain
16 | *.rtf diff=astextplain
17 | *.RTF diff=astextplain
18 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | archive
2 | .idea
3 | node_modules
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | ### HEAD
2 |
3 | * Tell users that IE 8 and 9 are outdated
4 | ([#1747](https://github.com/h5bp/html5-boilerplate/issues/1747)).
5 | * Removed IE8 Support (upgrades jQuery and normalize.css to latest)
6 | ([#1524](https://github.com/h5bp/html5-boilerplate/issues/1524)).
7 | * Fix print styles for Internet Explorer 11
8 | ([#1799](https://github.com/h5bp/html5-boilerplate/issues/1799)).
9 | * Update doc links to https
10 | ([#1889](https://github.com/h5bp/html5-boilerplate/issues/1889)).
11 | * Delete crossdomain.xml
12 | ([#1881](https://github.com/h5bp/html5-boilerplate/issues/1881)).
13 | * Adds pre-wrap to PRE
14 | ([#1742](https://github.com/h5bp/html5-boilerplate/issues/1742)).
15 | * Change license format to SPDX format
16 | ([#1814](https://github.com/h5bp/html5-boilerplate/pull/1814)).
17 | * Simplify the Google Analytics snippet using `async` & `defer` ([#1660](https://github.com/h5bp/html5-boilerplate/pull/1660#issuecomment-89285678)).
18 |
19 | ### 5.3.0 (January 12, 2016)
20 |
21 | * Update jQuery to `v1.12.0`.
22 | * Fetch `jQuery` from jQuery's CDN instead of Google's
23 | ([#1737](https://github.com/h5bp/html5-boilerplate/issues/1737),
24 | [#1739](https://github.com/h5bp/html5-boilerplate/issues/1739)).
25 | * Change print color for `:first-letter` and `:first-line`
26 | pseudo-elements
27 | ([#1715](https://github.com/h5bp/html5-boilerplate/pull/1715)).
28 |
29 | ### 5.2.0 (May 1, 2015)
30 |
31 | * Update jQuery to `v1.11.3`
32 | ([#1699](https://github.com/h5bp/html5-boilerplate/issues/1699)).
33 | * Deprecate protocol-relative URLs
34 | ([#1694](https://github.com/h5bp/html5-boilerplate/issues/1694)).
35 | * Update high resolution media query
36 | ([#1474](https://github.com/h5bp/html5-boilerplate/issues/1474)).
37 | * Update Apache Server Configs to `v2.14.0`.
38 |
39 | ### 5.1.0 (April 1, 2015)
40 |
41 | * Update Normalize.css to `v3.0.3`.
42 | * Use `https://` in the Google Universal Analytics snippet
43 | ([eee759b](https://github.com/h5bp/html5-boilerplate/commit/eee759bfe175e850bbc8e4ad0682ec4fe4bd05d6)).
44 | * Remove the `visibility: hidden` declaration from `.hidden`
45 | ([#1663](https://github.com/h5bp/html5-boilerplate/issues/1663)).
46 | * Use ``
47 | instead of ``
48 | ([#1656](https://github.com/h5bp/html5-boilerplate/issues/1656)).
49 | * Update Apache Server Configs to `v2.13.0`.
50 |
51 | ### 5.0.0 (February 1, 2015)
52 |
53 | * Update to jQuery 1.11.2.
54 | * Update Apache Server Configs to v2.11.0.
55 | * Rename Apple touch icon to `apple-touch-icon.png` and add
56 | `` in `index.html`
57 | ([#1622](https://github.com/h5bp/html5-boilerplate/issues/1622)).
58 | * Add vertical centering for `iframe`
59 | ([#1613](https://github.com/h5bp/html5-boilerplate/issues/1613)).
60 | * Change the outdated browser prompt classname to `browserupgrade`
61 | ([#1608](https://github.com/h5bp/html5-boilerplate/issues/1608)).
62 | * Update to Normalize.css 3.0.2.
63 | ([#1050](https://github.com/h5bp/html5-boilerplate/issues/1050)).
64 | * Update `apple-touch-icon-precomposed.png` and the _"Apple touch
65 | icons"_ related documentation
66 | ([#1599](https://github.com/h5bp/html5-boilerplate/pull/1599)).
67 | * Add pseudo-elements to universal selector in print media query
68 | ([#1585](https://github.com/h5bp/html5-boilerplate/pull/1585)).
69 | * Update to Modernizr 2.8.3.
70 | * Remove need to readjust margins in `404.html`
71 | ([#1567](https://github.com/h5bp/html5-boilerplate/pull/1567)).
72 | * Add `/.editorconfig` file
73 | ([#1561](https://github.com/h5bp/html5-boilerplate/issues/1561),
74 | [#1564](https://github.com/h5bp/html5-boilerplate/issues/1564)).
75 | * Add `auto` to the Google Universal Analytics tracker create method
76 | ([#1562](https://github.com/h5bp/html5-boilerplate/issues/1562)).
77 | * Add `timeline` and `timelineEnd` to the list of `console` methods
78 | ([#1559](https://github.com/h5bp/html5-boilerplate/issues/1559)).
79 | * Add `lang=""` to ``
80 | ([#1542](https://github.com/h5bp/html5-boilerplate/issues/1542)).
81 | * Use `` instead of ``
82 | ([#1522](https://github.com/h5bp/html5-boilerplate/issues/1522)).
83 | * Add `/browserconfig.xml` file and tile images
84 | ([#1481](https://github.com/h5bp/html5-boilerplate/issues/1481)).
85 | * Add `Disallow:` to `robots.txt`
86 | ([#1487](https://github.com/h5bp/html5-boilerplate/issues/1487)).
87 | * Remove default foreground color from form elements
88 | ([#1390](https://github.com/h5bp/html5-boilerplate/issues/1390)).
89 | * Remove default margin from print styles
90 | ([#1477](https://github.com/h5bp/html5-boilerplate/issues/1477)).
91 | * Remove image replacement helper class `.ir`
92 | ([#1472](https://github.com/h5bp/html5-boilerplate/issues/1472),
93 | [#1475](https://github.com/h5bp/html5-boilerplate/issues/1475)).
94 | * Add vertical centering for `svg`
95 | ([#1453](https://github.com/h5bp/html5-boilerplate/issues/1453)).
96 | * Redesign 404 page
97 | ([#1443](https://github.com/h5bp/html5-boilerplate/pull/1443)).
98 | * Remove IE 6/7 hacks from `main.css`
99 | ([#1050](https://github.com/h5bp/html5-boilerplate/issues/1050)).
100 | * Remove IE conditional classes
101 | ([#1187](https://github.com/h5bp/html5-boilerplate/issues/1187),
102 | [#1290](https://github.com/h5bp/html5-boilerplate/issues/1290)).
103 |
104 | ### 4.3.0 (September 10, 2013)
105 |
106 | * Use one `apple-touch-icon` instead of six
107 | ([#1367](https://github.com/h5bp/html5-boilerplate/issues/1367)).
108 | * Move font-related declarations from `body` to `html`
109 | ([#1411](https://github.com/h5bp/html5-boilerplate/issues/1411)).
110 | * Update to Apache Server Configs 1.1.0.
111 | * Add `initial-scale=1` to the viewport `meta`
112 | ([#1398](https://github.com/h5bp/html5-boilerplate/pull/1398)).
113 | * Vertical centering for audio-, canvas- and video-tags
114 | ([#1326](https://github.com/h5bp/html5-boilerplate/issues/1326)).
115 | * Remove Google Chrome Frame related code
116 | ([#1379](https://github.com/h5bp/html5-boilerplate/pull/1379),
117 | [#1396](https://github.com/h5bp/html5-boilerplate/pull/1396)).
118 | * Update to Google Universal Analytics
119 | ([#1347](https://github.com/h5bp/html5-boilerplate/issues/1347)).
120 | * Update to jQuery 1.10.2.
121 | * Update to Normalize.css 1.1.3.
122 |
123 | ### 4.2.0 (April 8, 2013)
124 |
125 | * Remove Google Analytics protocol check
126 | ([#1319](https://github.com/h5bp/html5-boilerplate/pull/1319)).
127 | * Update to Normalize.css 1.1.1.
128 | * Update Apache configurations to include the latest changes in the
129 | canonical [`.htaccess`](https://github.com/h5bp/server-configs-apache)
130 | file.
131 | * Use a protocol relative URL for the 404 template script.
132 | * Update to jQuery 1.9.1.
133 |
134 | ### 4.1.0 (January 21, 2013)
135 |
136 | * Update to Normalize.css 1.1.0.
137 | * Update to jQuery 1.9.0.
138 |
139 | ### 4.0.3 (January 12, 2013)
140 |
141 | * Use 32x32 favicon.ico
142 | ([#1286](https://github.com/h5bp/html5-boilerplate/pull/1286)).
143 | * Remove named function expression in plugins.js
144 | ([#1280](https://github.com/h5bp/html5-boilerplate/pull/1280)).
145 | * Adjust CSS image-replacement code
146 | ([#1239](https://github.com/h5bp/html5-boilerplate/issues/1239)).
147 | * Update HiDPI example media query
148 | ([#1127](https://github.com/h5bp/html5-boilerplate/issues/1127)).
149 |
150 | ### 4.0.2 (December 9, 2012)
151 |
152 | * Update placeholder icons.
153 | * Update to Normalize.css 1.0.2.
154 | * Update to jQuery 1.8.3.
155 |
156 | ### 4.0.1 (October 20, 2012)
157 |
158 | * Further improvements to `console` method stubbing
159 | ([#1206](https://github.com/h5bp/html5-boilerplate/issues/1206),
160 | [#1229](https://github.com/h5bp/html5-boilerplate/pull/1229)).
161 | * Update to jQuery 1.8.2.
162 | * Update to Modernizr 2.6.2.
163 | * Minor additions to the documentation.
164 |
165 | ### 4.0.0 (August 28, 2012)
166 |
167 | * Improve the Apache compression configuration
168 | ([#1012](https://github.com/h5bp/html5-boilerplate/issues/1012),
169 | [#1173](https://github.com/h5bp/html5-boilerplate/issues/1173)).
170 | * Add a HiDPI example media query
171 | ([#1127](https://github.com/h5bp/html5-boilerplate/issues/1127)).
172 | * Add bundled docs
173 | ([#1154](https://github.com/h5bp/html5-boilerplate/issues/1154)).
174 | * Add MIT license
175 | ([#1139](https://github.com/h5bp/html5-boilerplate/issues/1139)).
176 | * Update to Normalize.css 1.0.1.
177 | * Separate Normalize.css from the rest of the CSS
178 | ([#1160](https://github.com/h5bp/html5-boilerplate/issues/1160)).
179 | * Improve `console.log` protection
180 | ([#1107](https://github.com/h5bp/html5-boilerplate/issues/1107)).
181 | * Replace hot pink text selection color with a neutral color.
182 | * Change image replacement technique
183 | ([#1149](https://github.com/h5bp/html5-boilerplate/issues/1149)).
184 | * Code format and consistency changes
185 | ([#1112](https://github.com/h5bp/html5-boilerplate/issues/1112)).
186 | * Rename CSS file and rename JS files and subdirectories.
187 | * Update to jQuery 1.8
188 | ([#1161](https://github.com/h5bp/html5-boilerplate/issues/1161)).
189 | * Update to Modernizr 2.6.1
190 | ([#1086](https://github.com/h5bp/html5-boilerplate/issues/1086)).
191 | * Remove uncompressed jQuery
192 | ([#1153](https://github.com/h5bp/html5-boilerplate/issues/1153)).
193 | * Remove superfluous inline comments
194 | ([#1150](https://github.com/h5bp/html5-boilerplate/issues/1150)).
195 |
196 | ### 3.0.2 (February 19, 2012)
197 |
198 | * Update to Modernizr 2.5.3.
199 |
200 | ### 3.0.1 (February 08, 2012).
201 |
202 | * Update to Modernizr 2.5.2 (includes html5shiv 3.3).
203 |
204 | ### 3.0.0 (February 06, 2012)
205 |
206 | * Improvements to `.htaccess`.
207 | * Improve 404 design.
208 | * Simplify JS folder structure.
209 | * Change `html` IE class names changed to target ranges rather than
210 | specific versions of IE.
211 | * Update CSS to include latest normalize.css changes and better
212 | typographic defaults
213 | ([#825](https://github.com/h5bp/html5-boilerplate/issues/825)).
214 | * Update to Modernizr 2.5 (includes yepnope 1.5 and html5shiv 3.2).
215 | * Update to jQuery 1.7.1.
216 | * Revert to async snippet for the Google Analytics script.
217 | * Remove the ant build script
218 | ([#826](https://github.com/h5bp/html5-boilerplate/issues/826)).
219 | * Remove Respond.js
220 | ([#816](https://github.com/h5bp/html5-boilerplate/issues/816)).
221 | * Remove the `demo/` directory
222 | ([#808](https://github.com/h5bp/html5-boilerplate/issues/808)).
223 | * Remove the `test/` directory
224 | ([#808](https://github.com/h5bp/html5-boilerplate/issues/808)).
225 | * Remove Google Chrome Frame script for IE6 users; replace with links
226 | to Chrome Frame and options for alternative browsers.
227 | * Remove `initial-scale=1` from the viewport `meta`
228 | ([#824](https://github.com/h5bp/html5-boilerplate/issues/824)).
229 | * Remove `defer` from all scripts to avoid legacy IE bugs.
230 | * Remove explicit Site Speed tracking for Google Analytics. It's now
231 | enabled by default.
232 |
233 | ### 2.0.0 (August 10, 2011)
234 |
235 | * Change starting CSS to be based on normalize.css instead of reset.css
236 | ([#500](https://github.com/h5bp/html5-boilerplate/issues/500)).
237 | * Add Respond.js media query polyfill.
238 | * Add Google Chrome Frame script prompt for IE6 users.
239 | * Simplify the `html` conditional comments for modern browsers and add
240 | an `oldie` class.
241 | * Update clearfix to use "micro clearfix".
242 | * Add placeholder CSS MQs for mobile-first approach.
243 | * Add `textarea { resize: vertical; }` to only allow vertical resizing.
244 | * Add `img { max-width: 100%; }` to the print styles; prevents images
245 | being truncated.
246 | * Add Site Speed tracking for Google Analytics.
247 | * Update to jQuery 1.6.2 (and use minified by default).
248 | * Update to Modernizr 2.0 Complete, Production minified (includes
249 | yepnope, html5shiv, and Respond.js).
250 | * Use `Modernizr.load()` to load the Google Analytics script.
251 | * Much faster build process.
252 | * Add build script options for CSSLint, JSLint, JSHint tools.
253 | * Build script now compresses all images in subfolders.
254 | * Build script now versions files by SHA hash.
255 | * Many `.htaccess` improvements including: disable directory browsing,
256 | improved support for all versions of Apache, more robust and extensive
257 | HTTP compression rules.
258 | * Remove `handheld.css` as it has very poor device support.
259 | * Remove touch-icon `link` elements from the HTML and include improved
260 | touch-icon support.
261 | * Remove the cache-busting query paramaters from files references in
262 | the HTML.
263 | * Remove IE6 PNGFix.
264 |
265 | ### 1.0.0 (March 21, 2011)
266 |
267 | * Rewrite build script to make it more customizable and flexible.
268 | * Add a humans.txt.
269 | * Numerous `.htaccess` improvements (including inline documentation).
270 | * Move the alternative server configurations to the H5BP server configs
271 | repo.
272 | * Use a protocol-relative url to reference jQuery and prevent mixed
273 | content warnings.
274 | * Optimize the Google Analytics snippet.
275 | * Use Eric Meyer's recent CSS reset update and the HTML5 Doctor reset.
276 | * More robust `sub`/`sup` CSS styles.
277 | * Add keyboard `.focusable` helper class that extends `.visuallyhidden`.
278 | * Print styles no longer print hash or JavaScript links.
279 | * Add a print reset for IE's proprietary filters.
280 | * Remove IE9-specific conditional class on the `html` element.
281 | * Remove margins from lists within `nav` elements.
282 | * Remove YUI profiling.
283 |
--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
1 | Copyright (c) HTML5 Boilerplate
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of
4 | this software and associated documentation files (the "Software"), to deal in
5 | the Software without restriction, including without limitation the rights to
6 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
7 | of the Software, and to permit persons to whom the Software is furnished to do
8 | so, subject to the following conditions:
9 |
10 | The above copyright notice and this permission notice shall be included in all
11 | copies or substantial portions of the Software.
12 |
13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19 | SOFTWARE.
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 👉 GitHub: https://github.com/bxm0927/licaibao-responsive
2 |
3 | 👉 项目演示地址: https://bxm0927.github.io/licaibao-responsive/src/
4 |
5 | 这是一个基于 **CSS 媒体查询**的响应式理财网站,以一个实际上线的互联网金融网站为案例,实际演示响应式网页的成型过程。
6 |
7 | 
8 |
9 |
10 | ## 技术栈
11 |
12 | - HTML:实现基本的 HTML 结构
13 | - CSS:渐进增强 or 优雅降级;自己整理的 reset.css 来统一页面初始样式;相对单位 rem;媒体查询;清除浮动等
14 | - JS:增加了一些特效,通过特效来改进用户体验;解决了一些浏览器兼容性问题;用 eslint 做 js 代码校验
15 | - OwlCarousel2.js:响应式轮播图插件
16 | - Gulp:自动化构建工具,使用Gulp进行自动化打包发布
17 | - Node.js:同步异步编程方式的区别,包管理器NPM的使用,package.json 如何配置,http-server 的使用等知识
18 |
19 |
20 | ## 收获
21 |
22 | 1. 对常见的响应式布局方法(CSS Media Query、Flex 弹性布局、Bootstrap 栅格系统)有了更深的认识
23 | 2. 加深了对 css3 的一些特性的掌握,如 border-radius、transition 等
24 | 3. 能够快速掌握并使用一个简易 JS 插件
25 | 4. 熟悉了Node.js的基本知识、包管理器npm的使用、httpserver的使用
26 | 5. 熟悉了自动化构建工具 Gulp 的基本流程
27 |
--------------------------------------------------------------------------------
/dist/css/combined-103215463b.css:
--------------------------------------------------------------------------------
1 | @charset "utf-8";blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none}q:after,q:before{content:''}img{border:0}legend{color:#000}button,textarea{font-size:100%;border:0}table{border-collapse:collapse;border-spacing:0}.fl{float:left}.fr{float:right}.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}.clearfix{zoom:1}::selection{background-color:#b3d4fc;text-shadow:none}.browser-up{padding:1rem;background:#ccc;text-align:center}html{font-size:62.5%;font-family:sans-serif;color:#222}body{font-size:1.2rem;line-height:1.5;background-color:#f7f7f7}.header-box{width:100%}.header-nav-top{line-height:36px;line-height:3rem;padding:0 1.5rem;color:#fff;background:#555;border-bottom:1px solid #ecc000}.header-nav-top ul{text-align:right}.header-nav-top ul li{display:inline-block}.header-nav-top ul li+li{border-left:1px solid #999;margin-left:-4px}.header-nav-top ul li a{display:inline-block;padding:0 1.5rem;color:#fff}.header-nav-top ul li a:hover{color:#0ae;text-decoration:underline}.header-nav-main .logo-box{float:left;padding:1rem 1.5rem}.header-nav-main .logo{width:150px;height:35px;background:url(../img/logo@1x.png);background-size:150px 35px;text-indent:-9999px;overflow:hidden}.header-nav-main ul{float:right}.header-nav-main ul li{display:inline-block;border-left:1px solid #f0ede9}.header-nav-main ul li a{display:inline-block;line-height:5.5rem;font-size:1.6rem;font-weight:700;padding:0 3rem;color:#7c7a65}.header-nav-main ul li a:active,.header-nav-main ul li a:hover{color:#ffb300;background-color:#f8f6f1}.main-box{width:100%}.main-transaction{width:100%;background:#7c7365}.trans-content{max-width:90%;margin:0 auto;font-size:1.5rem}.trans-data{float:left;padding:1rem;text-align:left}.trans-data span,.trans-report a{display:inline-block;line-height:3rem;color:#fff}span.trans-money{font-size:2.2rem;color:#f90;letter-spacing:3px;margin:0 1rem;padding:0 1rem;border-radius:3px;background-color:rgba(255,255,255,.9);box-shadow:1px 2px 1px #333 inset}.trans-report{text-align:right}.trans-report a{padding:1rem}.main-ad{margin:0 auto}.ad-item,.main-ad{width:100%}.main-ad img{display:block;width:100%;max-width:100%}.main-feature{width:90%;margin:2rem auto;font-size:0}.feature-item,.main-notice{font-size:1.4rem;background-color:#fff}.feature-item{display:inline-block;width:calc(33.33% - 3rem);padding:1rem;box-shadow:0 0 4px}.feature-item+.feature-item{margin-left:1.5rem}.feature-item h3{width:40%;vertical-align:top;text-align:center;font-size:3.3rem;color:#f90}.feature-item p{width:55%;color:#999}.main-notice{width:90%;margin:2rem auto;line-height:3rem;box-shadow:0 0 4px #ccc}.feature-item h3,.feature-item p,.main-notice a{display:inline-block}.main-notice a:first-child{margin-left:2rem;width:70%;color:#666;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-notice a:first-child:before{content:"最新公告:\00a0\00a0";color:#aaa}.main-notice a span{color:#999;font-size:1.2rem;margin-right:2rem}.notice-more{color:#f90;margin-right:2rem}.main-product{width:90%;margin:2rem auto;font-size:1.4rem;border-top:2px solid #f90;background-color:#f5f9fa;box-shadow:0 0 4px #ccc}.product-title{float:left;width:20%}.product-title h2{margin-top:3rem;text-align:center;font-size:2.4rem;font-weight:400;color:#635c51}.product-title h2 em{display:block;margin-top:1rem;font-size:1.6rem}.product-title h2 em:first-child{margin-top:4rem}.product-content{float:right;width:79%;border-left:1px solid #eee;background-color:#fff}.product-item{width:100%}.product-item+.product-item{border-top:1px solid #eee}.product-item h3{float:left;width:30%;margin-top:2.6rem;font-size:1.4rem;font-weight:400;text-align:center}.product-item h3 span{margin-right:.5rem;font-size:3.6rem;font-style:normal;color:#8b999d}.product-item h3 i{display:block;font-size:1.2rem;font-style:normal;color:#999}.product-info{float:left;width:48%;padding:1rem;border-left:1px solid #eee;border-right:1px solid #eee;font-size:1.4rem}.product-info p{float:left;display:inline-block;text-align:center;width:56%;padding-top:1.5rem;padding-bottom:1.5rem}.product-info p:last-child{width:40%}.product-info .money,.product-info .year-rate{display:block;font-size:2.4rem;color:#f90}.product-info .money i,.product-info .year-rate i{font-size:1.2rem;font-style:normal;color:#999}.buy-btn{float:left;padding:1rem;width:calc(22% - 4.4rem)}.buy-btn a{display:block;width:90%;margin:1.8rem auto;max-width:12rem;line-height:4rem;text-align:center;color:#fff;background-color:#f90;border-radius:5px}.buy-btn a:hover{background-color:red;animation:transform-4 1s ease;transform:perspective(400px) rotateY(0deg)}@keyframes transform-4{0%{transform:perspective(400px) rotateY(0deg)}to{transform:perspective(400px) rotateY(360deg)}}.buy-btn a.disabled{background-color:#ccc;cursor:not-allowed}.main-business{padding:3rem 0;border-top:2px solid #eee;width:100%;background-color:#fff}.business-content{width:90%;margin:0 auto}.business-logo{-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);float:left;width:20%;margin-top:4rem;height:35px;background:url(../img/logo@1x.png) no-repeat;background-size:150px 35px}.business-content ul{text-align:center;float:left;width:16%}.business-content ul li{font-size:1.5rem;line-height:2.4rem}.business-content ul li:first-child{font-size:1.8rem;line-height:3rem}.business-content ul li a{color:#666}.business-content ul li a:hover{color:#0ae;text-decoration:underline}.footer-box{width:100%;padding:3rem 0 5rem;background-color:#ededed}.footer-box ul{text-align:center;margin-bottom:2rem}.footer-box ul li{display:inline-block}.footer-box .footer-icon{display:inline-block;margin-right:1.5rem;background:url(../img/cert1.png);background-size:466px 447px;text-indent:-9999px;overflow:hidden}.footer-box .footer-icon-1{width:38px;height:27px;background-position:-369px -45px}.footer-box .footer-icon-2{width:78px;height:27px;background-position:-110px -96px}.footer-box .footer-icon-3,.footer-box .footer-icon-4{width:36px;height:27px;background-position:-426px -90px}.footer-box .footer-icon-5{width:75px;height:27px;background-position:0 -320px}.footer-box .footer-icon-6,.footer-box .footer-icon-7{width:78px;height:27px;background-position:-110px -96px}.footer-box p{text-align:center;color:#999}@media only screen and (max-width:50em){.header-nav-top ul li a{padding:0 1rem}.header-nav-main .logo-box{float:none}.header-nav-main .logo{margin:1.5rem auto .5rem}.header-nav-main ul{float:none;text-align:center}.header-nav-main ul li{border:0}.header-nav-main ul li a{padding:0 1.5rem}.trans-data{padding:1rem .5rem}.trans-data span,.trans-report a{font-size:1.2rem}span.trans-money{font-size:1.6rem;margin:0;padding:0;letter-spacing:inherit;background-color:transparent;box-shadow:none}.product-content,.product-title{float:none;width:100%}.product-title h2{margin-top:2rem;font-size:2.2rem}.product-title h2 em{display:inline-block;font-size:1.2rem}.product-title h2 em:first-child{margin-top:0}.product-item h3 span{font-size:2.4rem}.product-info{padding:0;font-size:1.2rem}.product-info .money,.product-info .year-rate{font-size:2rem}.buy-btn{padding:0 0 0 2rem}.buy-btn a{margin:1.5rem auto}.business-logo{display:none}.business-content ul{float:left;width:20%}.business-content ul li{text-align:center;font-size:1.2rem;line-height:2rem}.business-content ul li:first-child{font-size:1.5rem;line-height:2.5rem}}@media only screen and (min-width:30em) and (max-width:50em){.feature-item h3,.feature-item p{display:block;width:100%;font-size:2.6rem}.feature-item p{font-size:1.2rem;text-align:center}}@media only screen and (max-width:30em){.header-nav-top .tel,.header-nav-top ul li:nth-child(3),.header-nav-top ul li:nth-child(4){display:none}.header-nav-main ul li{line-height:3rem}.header-nav-main ul li:first-child{display:none}.header-nav-main ul li a{padding:0 .5rem}.trans-content{padding:.5rem 0}.trans-data{float:none;padding:0}.trans-data,.trans-report{text-align:center}.trans-report a{padding:0}.main-feature{width:96%;margin:1rem auto}.feature-item{display:block;width:auto}.feature-item+.feature-item{margin:1rem 0 0}.main-notice{width:96%;margin:1rem auto;font-size:1.2rem}.main-notice a{margin-left:1rem}.main-notice a:first-child{width:60%}.main-notice a:first-child:before{content:"公告:";color:#aaa}.main-notice a span{display:none}.main-product{width:96%}.product-title h2{margin-top:.5rem}.product-title h2 span{display:block}.product-item h3 span{margin-right:0;font-size:2rem}.product-info{width:70%;float:right;padding:1rem 0;border:0}.product-info .money,.product-info .year-rate{font-size:1.8rem}.buy-btn{float:none;clear:both;padding:0 0 2rem;width:100%}.buy-btn a{max-width:26rem;margin:0 auto}.business-content{width:98%;margin:0 auto}.business-content ul li{text-align:center;font-size:1.2rem;line-height:2rem}.business-content ul li:first-child{font-size:1.4rem;line-height:2.5rem}}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
--------------------------------------------------------------------------------
/dist/css/combined-dbb0bb1391.css:
--------------------------------------------------------------------------------
1 | @charset "utf-8";blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}ol,ul{list-style:none}a{text-decoration:none}q:after,q:before{content:''}img{border:0}legend{color:#000}button,textarea{font-size:100%;border:0}table{border-collapse:collapse;border-spacing:0}.fl{float:left}.fr{float:right}.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}.clearfix{zoom:1}::selection{background-color:#b3d4fc;text-shadow:none}.browser-up{padding:1rem;background:#ccc;text-align:center}html{font-size:62.5%;font-family:sans-serif;color:#222}body{font-size:1.2rem;line-height:1.5;background-color:#f7f7f7}.header-box{width:100%}.header-nav-top{line-height:36px;line-height:3rem;padding:0 1.5rem;color:#fff;background:#555;border-bottom:1px solid #ecc000}.header-nav-top ul{text-align:right}.header-nav-top ul li{display:inline-block}.header-nav-top ul li+li{border-left:1px solid #999;margin-left:-4px}.header-nav-top ul li a{display:inline-block;padding:0 1.5rem;color:#fff}.header-nav-top ul li a:hover{color:#0ae;text-decoration:underline}.header-nav-main .logo-box{float:left;padding:1rem 1.5rem}.header-nav-main .logo{width:150px;height:35px;background:url(../img/logo@1x.png);background-size:150px 35px;text-indent:-9999px;overflow:hidden}.header-nav-main ul{float:right}.header-nav-main ul li{display:inline-block;border-left:1px solid #f0ede9}.header-nav-main ul li a{display:inline-block;line-height:5.5rem;font-size:1.6rem;font-weight:700;padding:0 3rem;color:#7c7a65}.header-nav-main ul li a:active,.header-nav-main ul li a:hover{color:#ffb300;background-color:#f8f6f1}.main-box{width:100%}.main-transaction{width:100%;background:#7c7365}.trans-content{max-width:90%;margin:0 auto;font-size:1.5rem}.trans-data{float:left;padding:1rem;text-align:left}.trans-data span,.trans-report a{display:inline-block;line-height:3rem;color:#fff}span.trans-money{font-size:2.2rem;color:#f90;letter-spacing:3px;margin:0 1rem;padding:0 1rem;border-radius:3px;background-color:rgba(255,255,255,.9);box-shadow:1px 2px 1px #333 inset}.trans-report{text-align:right}.trans-report a{padding:1rem}.main-ad{margin:0 auto}.ad-item,.main-ad{width:100%}.main-ad img{display:block;width:100%;max-width:100%}.main-feature{width:90%;margin:2rem auto;font-size:0}.feature-item,.main-notice{font-size:1.4rem;background-color:#fff}.feature-item{display:inline-block;width:calc(33.33% - 3rem);padding:1rem;box-shadow:0 0 4px}.feature-item+.feature-item{margin-left:1.5rem}.feature-item h3{width:40%;vertical-align:top;text-align:center;font-size:3.3rem;color:#f90}.feature-item p{width:55%;color:#999}.main-notice{width:90%;margin:2rem auto;line-height:3rem;box-shadow:0 0 4px #ccc}.feature-item h3,.feature-item p,.main-notice a{display:inline-block}.main-notice a:first-child{margin-left:2rem;width:70%;color:#666;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-notice a:first-child:before{content:"最新公告:\00a0\00a0";color:#aaa}.main-notice a span{color:#999;font-size:1.2rem;margin-right:2rem}.notice-more{color:#f90;margin-right:2rem}.main-product{width:90%;margin:2rem auto;font-size:1.4rem;border-top:2px solid #f90;background-color:#f5f9fa;box-shadow:0 0 4px #ccc}.product-title{float:left;width:20%}.product-title h2{margin-top:3rem;text-align:center;font-size:2.4rem;font-weight:400;color:#635c51}.product-title h2 em{display:block;margin-top:1rem;font-size:1.6rem}.product-title h2 em:first-child{margin-top:4rem}.product-content{float:right;width:79%;border-left:1px solid #eee;background-color:#fff}.product-item{width:100%}.product-item+.product-item{border-top:1px solid #eee}.product-item h3{float:left;width:30%;margin-top:2.6rem;font-size:1.4rem;font-weight:400;text-align:center}.product-item h3 span{margin-right:.5rem;font-size:3.6rem;font-style:normal;color:#8b999d}.product-item h3 i{display:block;font-size:1.2rem;font-style:normal;color:#999}.product-info{float:left;width:48%;padding:1rem;border-left:1px solid #eee;border-right:1px solid #eee;font-size:1.4rem}.product-info p{float:left;display:inline-block;text-align:center;width:56%;padding-top:1.5rem;padding-bottom:1.5rem}.product-info p:last-child{width:40%}.product-info .money,.product-info .year-rate{display:block;font-size:2.4rem;color:#f90}.product-info .money i,.product-info .year-rate i{font-size:1.2rem;font-style:normal;color:#999}.buy-btn{float:left;padding:1rem;width:calc(22% - 4.4rem)}.buy-btn a{display:block;width:90%;margin:1.8rem auto;max-width:12rem;line-height:4rem;text-align:center;color:#fff;background-color:#f90;border-radius:5px}.buy-btn a:hover{background-color:red;animation:transform-4 1s ease;transform:perspective(400px) rotateY(0deg)}@keyframes transform-4{0%{transform:perspective(400px) rotateY(0deg)}to{transform:perspective(400px) rotateY(360deg)}}.buy-btn a.disabled{background-color:#ccc;cursor:not-allowed}.main-business{padding:3rem 0;border-top:2px solid #eee;width:100%;background-color:#fff}.business-content{width:90%;margin:0 auto}.business-logo{-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);float:left;width:20%;margin-top:4rem;height:35px;background:url(../img/logo@1x.png) no-repeat;background-size:150px 35px}.business-content ul{text-align:center;float:left;width:16%}.business-content ul li{font-size:1.5rem;line-height:2.4rem}.business-content ul li:first-child{font-size:1.8rem;line-height:3rem}.business-content ul li a{color:#666}.business-content ul li a:hover{color:#0ae;text-decoration:underline}.footer-box{width:100%;padding:3rem 0 5rem;background-color:#ededed}.footer-box ul{text-align:center;margin-bottom:2rem}.footer-box ul li{display:inline-block}.footer-box .footer-icon{display:inline-block;margin-right:1.5rem;background:url(../img/cert1.png);background-size:466px 447px;text-indent:-9999px;overflow:hidden}.footer-box .footer-icon-1{width:38px;height:27px;background-position:-369px -45px}.footer-box .footer-icon-2{width:78px;height:27px;background-position:-110px -96px}.footer-box .footer-icon-3,.footer-box .footer-icon-4{width:36px;height:27px;background-position:-426px -90px}.footer-box .footer-icon-5{width:75px;height:27px;background-position:0 -320px}.footer-box .footer-icon-6,.footer-box .footer-icon-7{width:78px;height:27px;background-position:-110px -96px}.footer-box p{text-align:center;color:#999}@media only screen and (max-width:50em){.header-nav-top ul li a{padding:0 1rem}.header-nav-main .logo-box{float:none}.header-nav-main .logo{margin:1.5rem auto .5rem}.header-nav-main ul{float:none;text-align:center}.header-nav-main ul li{border:0}.header-nav-main ul li a{padding:0 1.5rem}.trans-data{padding:1rem .5rem}.trans-data span,.trans-report a{font-size:1.2rem}span.trans-money{font-size:1.6rem;margin:0;padding:0;letter-spacing:inherit;background-color:transparent;box-shadow:none}.product-content,.product-title{float:none;width:100%}.product-title h2{margin-top:2rem;font-size:2.2rem}.product-title h2 em{display:inline-block;font-size:1.2rem}.product-title h2 em:first-child{margin-top:0}.product-item h3 span{font-size:2.4rem}.product-info{padding:0;font-size:1.2rem}.product-info .money,.product-info .year-rate{font-size:2rem}.buy-btn{padding:0 0 0 2rem}.buy-btn a{margin:1.5rem auto}.business-logo{display:none}.business-content ul{float:left;width:20%}.business-content ul li{text-align:center;font-size:1.2rem;line-height:2rem}.business-content ul li:first-child{font-size:1.5rem;line-height:2.5rem}}@media only screen and (min-width:30em) and (max-width:50em){.feature-item h3,.feature-item p{display:block;width:100%;font-size:2.6rem}.feature-item p{font-size:1.2rem;text-align:center}}@media only screen and (max-width:30em){.header-nav-top .tel,.header-nav-top ul li:nth-child(3),.header-nav-top ul li:nth-child(4){display:none}.header-nav-main ul li{line-height:3rem}.header-nav-main ul li:first-child{display:none}.header-nav-main ul li a{padding:0 .5rem}.trans-content{padding:.5rem 0}.trans-data{float:none;padding:0}.trans-data,.trans-report{text-align:center}.trans-report a{padding:0}.main-feature{width:96%;margin:1rem auto}.feature-item{display:block;width:auto}.feature-item+.feature-item{margin:1rem 0 0}.main-notice{width:96%;margin:1rem auto;font-size:1.2rem}.main-notice a{margin-left:1rem}.main-notice a:first-child{width:60%}.main-notice a:first-child:before{content:"公告:";color:#aaa}.main-notice a span{display:none}.main-product{width:96%}.product-title h2{margin-top:.5rem}.product-title h2 span{display:block}.product-item h3 span{margin-right:0;font-size:2rem}.product-info{width:70%;float:right;padding:1rem 0;border:0}.product-info .money,.product-info .year-rate{font-size:1.8rem}.buy-btn{float:none;clear:both;padding:0 0 2rem;width:100%}.buy-btn a{max-width:26rem;margin:0 auto}.business-content{width:98%;margin:0 auto}.business-content ul li{text-align:center;font-size:1.2rem;line-height:2rem}.business-content ul li:first-child{font-size:1.4rem;line-height:2.5rem}}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
--------------------------------------------------------------------------------
/dist/img/ad001-l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/ad001-l.png
--------------------------------------------------------------------------------
/dist/img/ad001-m.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/ad001-m.png
--------------------------------------------------------------------------------
/dist/img/ad001.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/ad001.png
--------------------------------------------------------------------------------
/dist/img/ad002-l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/ad002-l.png
--------------------------------------------------------------------------------
/dist/img/ad002-m.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/ad002-m.png
--------------------------------------------------------------------------------
/dist/img/ad002.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/ad002.png
--------------------------------------------------------------------------------
/dist/img/ad003-l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/ad003-l.png
--------------------------------------------------------------------------------
/dist/img/ad003-m.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/ad003-m.png
--------------------------------------------------------------------------------
/dist/img/ad003.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/ad003.png
--------------------------------------------------------------------------------
/dist/img/app-l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/app-l.png
--------------------------------------------------------------------------------
/dist/img/app-l@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/app-l@2x.png
--------------------------------------------------------------------------------
/dist/img/app-m.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/app-m.png
--------------------------------------------------------------------------------
/dist/img/app-m@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/app-m@2x.png
--------------------------------------------------------------------------------
/dist/img/app.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/app.png
--------------------------------------------------------------------------------
/dist/img/app@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/app@2x.png
--------------------------------------------------------------------------------
/dist/img/cert1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/cert1.png
--------------------------------------------------------------------------------
/dist/img/cert2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/cert2.png
--------------------------------------------------------------------------------
/dist/img/login-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/login-bg.jpg
--------------------------------------------------------------------------------
/dist/img/logo.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/logo.psd
--------------------------------------------------------------------------------
/dist/img/logo@1x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/logo@1x.png
--------------------------------------------------------------------------------
/dist/img/logo@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/logo@2x.png
--------------------------------------------------------------------------------
/dist/img/next.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/next.png
--------------------------------------------------------------------------------
/dist/img/prev.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/dist/img/prev.png
--------------------------------------------------------------------------------
/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
国家AAA信用平台
银行资金托管
上市公司背景保证
中央电视台推荐
互联网百强企业
标准起草单位
100元起投
用户利益保障机制
保险公司承保
\r bootstrap/\r ├── css/\r │ ├── bootstrap.css\r │ ├── bootstrap.css.map\r │ ├── bootstrap.min.css\r │ ├── bootstrap.min.css.map\r │ ├── bootstrap-theme.css\r │ ├── bootstrap-theme.css.map\r │ ├── bootstrap-theme.min.css\r │ └── bootstrap-theme.min.css.map\r ├── js/\r │ ├── bootstrap.js\r │ └── bootstrap.min.js\r └── fonts/\r ├── glyphicons-halflings-regular.eot\r ├── glyphicons-halflings-regular.svg\r ├── glyphicons-halflings-regular.ttf\r ├── glyphicons-halflings-regular.woff\r └── glyphicons-halflings-regular.woff2\r", 5 | "main": "index.js", 6 | "directories": { 7 | "doc": "doc", 8 | "test": "test" 9 | }, 10 | "scripts": { 11 | "test": "echo \"Error: no test specified\" && exit 1" 12 | }, 13 | "author": "", 14 | "license": "ISC", 15 | "dependencies": {}, 16 | "devDependencies": { 17 | "gulp": "^3.9.1", 18 | "gulp-csso": "^3.0.0", 19 | "gulp-filter": "^5.0.0", 20 | "gulp-rev": "^7.1.2", 21 | "gulp-rev-replace": "^0.4.3", 22 | "gulp-uglify": "^2.1.2", 23 | "gulp-useref": "^3.1.2" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /src/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
Sorry, but the page you were trying to view does not exist.
48 | 49 | 50 | -------------------------------------------------------------------------------- /src/css/index.css: -------------------------------------------------------------------------------- 1 | /* 页面基本样式 */ 2 | html { 3 | /* 方便em与px相互转换,1em = 16px*62.5% = 10px */ 4 | font-size: 62.5%; 5 | font-family: sans-serif; 6 | color: #222; 7 | } 8 | body { 9 | /* 1.2rem = 12px */ 10 | font-size: 1.2rem; 11 | line-height: 1.5; 12 | background-color: #f7f7f7; 13 | } 14 | 15 | 16 | /* 顶部导航区 */ 17 | .header-box { 18 | width: 100%; 19 | } 20 | .header-nav-top { 21 | line-height: 36px; 22 | line-height: 3rem; 23 | padding: 0 1.5rem; 24 | color: #fff; 25 | background: #555; 26 | border-bottom: 1px solid #ecc000; 27 | } 28 | .header-nav-top .tel { 29 | 30 | } 31 | .header-nav-top ul { 32 | text-align: right; 33 | } 34 | .header-nav-top ul li { 35 | display: inline-block; 36 | } 37 | .header-nav-top ul li + li { 38 | border-left: 1px solid #999; 39 | /* 取消 li 之间的间隙 */ 40 | margin-left: -4px; 41 | } 42 | .header-nav-top ul li a { 43 | display: inline-block; 44 | padding: 0 1.5rem; 45 | color: #fff; 46 | } 47 | .header-nav-top ul li a:hover { 48 | color: #0ae; 49 | text-decoration: underline; 50 | } 51 | 52 | .header-nav-main { 53 | 54 | } 55 | .header-nav-main .logo-box{ 56 | float: left; 57 | padding: 1rem 1.5rem; 58 | } 59 | .header-nav-main .logo { 60 | width: 150px; 61 | height: 35px; 62 | background: url('../img/logo@1x.png'); 63 | background-size: 150px 35px; 64 | text-indent: -9999px; 65 | overflow: hidden; 66 | } 67 | .header-nav-main ul { 68 | float: right; 69 | } 70 | .header-nav-main ul li { 71 | display: inline-block; 72 | border-left: 1px solid #f0ede9; 73 | } 74 | .header-nav-main ul li a { 75 | display: inline-block; 76 | line-height: 5.5rem; 77 | font-size: 1.6rem; 78 | font-weight: bold; 79 | padding: 0 3rem; 80 | color: #7c7a65; 81 | } 82 | .header-nav-main ul li a:hover, 83 | .header-nav-main ul li a:active { 84 | color: #ffb300; 85 | background-color: #f8f6f1; 86 | } 87 | 88 | 89 | /* 主要内容区 */ 90 | .main-box { 91 | width: 100%; 92 | } 93 | 94 | .main-transaction { 95 | width: 100%; 96 | background: #7c7365; 97 | } 98 | .trans-content { 99 | max-width: 90%; 100 | margin: 0 auto; 101 | font-size: 1.5rem; 102 | } 103 | .trans-data { 104 | float: left; 105 | padding: 1rem; 106 | text-align: left; 107 | } 108 | .trans-data span { 109 | display: inline-block; 110 | line-height: 3rem; 111 | color: #fff; 112 | } 113 | span.trans-money { 114 | font-size: 2.2rem; 115 | color: #ff9900; 116 | letter-spacing: 3px; 117 | margin: 0 1rem; 118 | padding: 0 1rem; 119 | border-radius: 3px; 120 | background-color: rgba(255, 255, 255, 0.9); 121 | box-shadow: 1px 2px 1px #333 inset; 122 | } 123 | .trans-report { 124 | text-align: right; 125 | } 126 | .trans-report a { 127 | display: inline-block; 128 | color: #fff; 129 | padding: 1rem; 130 | line-height: 3rem; 131 | } 132 | 133 | .main-ad { 134 | width: 100%; 135 | margin: 0 auto; 136 | } 137 | .ad-item { 138 | width: 100%; 139 | } 140 | .main-ad img { 141 | display: block; 142 | width: 100%; 143 | max-width: 100%; 144 | } 145 | 146 | .main-feature { 147 | width: 90%; 148 | margin: 2rem auto; 149 | font-size: 0; 150 | } 151 | .feature-item { 152 | display: inline-block; 153 | width: calc(33.33% - 3rem); 154 | padding: 1rem; 155 | font-size: 1.4rem; 156 | background-color: #fff; 157 | box-shadow: 0 0 4px; 158 | } 159 | .feature-item + .feature-item { 160 | margin-left: 1.5rem; 161 | } 162 | .feature-item h3 { 163 | display: inline-block; 164 | width: 40%; 165 | vertical-align: top; 166 | text-align: center; 167 | font-size: 3.3rem; 168 | color: #ff9900; 169 | } 170 | .feature-item p { 171 | display: inline-block; 172 | width: 55%; 173 | color: #999; 174 | } 175 | 176 | .main-notice { 177 | width: 90%; 178 | margin: 2rem auto; 179 | font-size: 1.4rem; 180 | line-height: 3rem; 181 | background-color: #fff; 182 | box-shadow: 0 0 4px #ccc; 183 | } 184 | .main-notice a { 185 | display: inline-block; 186 | } 187 | .main-notice a:first-child { 188 | margin-left: 2rem; 189 | width: 70%; 190 | color: #666; 191 | -ms-text-overflow: ellipsis; 192 | text-overflow: ellipsis; 193 | overflow: hidden; 194 | white-space: nowrap; 195 | } 196 | .main-notice a:first-child:before { 197 | content: "最新公告:\00a0\00a0"; 198 | color: #aaa; 199 | } 200 | .main-notice a span { 201 | color: #999; 202 | font-size: 1.2rem; 203 | margin-right: 2rem; 204 | } 205 | .notice-more { 206 | color: #ff9900; 207 | margin-right: 2rem; 208 | } 209 | 210 | .main-product { 211 | width: 90%; 212 | margin: 2rem auto; 213 | font-size: 1.4rem; 214 | border-top: 2px solid #ff9900; 215 | background-color: #f5f9fa; 216 | box-shadow: 0 0 4px #ccc; 217 | } 218 | .product-title { 219 | float: left; 220 | width: 20%; 221 | } 222 | .product-title h2 { 223 | margin-top: 3rem; 224 | text-align: center; 225 | font-size: 2.4rem; 226 | font-weight: normal; 227 | color: #635c51; 228 | } 229 | .product-title h2 em { 230 | display: block; 231 | margin-top: 1rem; 232 | font-size: 1.6rem; 233 | } 234 | .product-title h2 em:first-child { 235 | margin-top: 4rem; 236 | } 237 | .product-content { 238 | float: right; 239 | width: 79%; 240 | border-left: 1px solid #eee; 241 | background-color: #fff; 242 | } 243 | .product-item { 244 | width: 100%; 245 | } 246 | .product-item + .product-item { 247 | border-top: 1px solid #eee; 248 | } 249 | .product-item h3 { 250 | float: left; 251 | width: 30%; 252 | margin-top: 2.6rem; 253 | font-size: 1.4rem; 254 | font-weight: normal; 255 | text-align: center; 256 | } 257 | .product-item h3 span { 258 | margin-right: 0.5rem; 259 | font-size: 3.6rem; 260 | font-style: normal; 261 | color: #8b999d; 262 | } 263 | .product-item h3 i { 264 | display: block; 265 | font-size: 1.2rem; 266 | font-style: normal; 267 | color: #999; 268 | } 269 | .product-info { 270 | float: left; 271 | width: 48%; 272 | padding: 1rem; 273 | border-left: 1px solid #eee; 274 | border-right: 1px solid #eee; 275 | font-size: 1.4rem; 276 | } 277 | .product-info p { 278 | float: left; 279 | display: inline-block; 280 | text-align: center; 281 | width: 56%; 282 | padding-top: 1.5rem; 283 | padding-bottom: 1.5rem; 284 | } 285 | .product-info p:last-child { 286 | width: 40%; 287 | } 288 | .product-info .year-rate, 289 | .product-info .money { 290 | display: block; 291 | font-size: 2.4rem; 292 | color: #ff9900; 293 | } 294 | .product-info .year-rate i, 295 | .product-info .money i { 296 | font-size: 1.2rem; 297 | font-style: normal; 298 | color: #999; 299 | } 300 | .buy-btn { 301 | float: left; 302 | padding: 1rem; 303 | width: calc(22% - 4.4rem); 304 | } 305 | .buy-btn a { 306 | display: block; 307 | width: 90%; 308 | margin: 1.8rem auto; 309 | max-width: 12rem; 310 | line-height: 4rem; 311 | text-align: center; 312 | color: #fff; 313 | background-color: #ff9900; 314 | border-radius: 5px; 315 | } 316 | .buy-btn a:hover { 317 | background-color: #ff0000; 318 | /* transition: all 0.5s ease; */ 319 | animation: transform-4 1s ease; 320 | transform:perspective(400px) rotateY(0deg); 321 | } 322 | @keyframes transform-4{ 323 | from{transform:perspective(400px) rotateY(0deg)} 324 | to{transform:perspective(400px) rotateY(360deg)} 325 | } 326 | .buy-btn a.disabled { 327 | background-color: #ccc; 328 | cursor: not-allowed; 329 | } 330 | 331 | .main-business { 332 | padding: 3rem 0; 333 | border-top: 2px solid #eee; 334 | width: 100%; 335 | background-color: #fff; 336 | } 337 | .business-content { 338 | width: 90%; 339 | margin: 0 auto; 340 | } 341 | .business-logo { 342 | /* 滤镜图片变黑白 */ 343 | -webkit-filter: grayscale(100%); 344 | -o-filter: grayscale(100%); 345 | filter: grayscale(100%); 346 | 347 | float: left; 348 | width: 20%; 349 | margin-top: 4rem; 350 | height: 35px; 351 | background: url('../img/logo@1x.png') no-repeat; 352 | background-size: 150px 35px; 353 | } 354 | .business-content ul { 355 | text-align: center; 356 | float: left; 357 | width: 16%; 358 | } 359 | .business-content ul li { 360 | font-size: 1.5rem; 361 | line-height: 2.4rem; 362 | } 363 | .business-content ul li:first-child { 364 | font-size: 1.8rem; 365 | line-height: 3rem; 366 | } 367 | .business-content ul li a { 368 | color: #666; 369 | } 370 | .business-content ul li a:hover { 371 | color: #0ae; 372 | text-decoration: underline; 373 | } 374 | 375 | 376 | /* 底部版权区 */ 377 | .footer-box { 378 | width: 100%; 379 | padding: 3rem 0 5rem; 380 | background-color: #ededed; 381 | } 382 | .footer-box ul { 383 | text-align: center; 384 | margin-bottom: 2rem; 385 | } 386 | .footer-box ul li { 387 | display: inline-block; 388 | } 389 | .footer-box .footer-icon { 390 | display: inline-block; 391 | margin-right: 1.5rem; 392 | background: url('../img/cert1.png'); 393 | background-size: 466px 447px; 394 | text-indent: -9999px; 395 | overflow: hidden; 396 | } 397 | .footer-box .footer-icon-1 { 398 | width: 38px; 399 | height: 27px; 400 | background-position: -369px -45px; 401 | } 402 | .footer-box .footer-icon-2 { 403 | width: 78px; 404 | height: 27px; 405 | background-position: -110px -96px; 406 | } 407 | .footer-box .footer-icon-3 { 408 | width: 36px; 409 | height: 27px; 410 | background-position: -426px -90px; 411 | } 412 | .footer-box .footer-icon-4 { 413 | width: 36px; 414 | height: 27px; 415 | background-position: -426px -90px; 416 | } 417 | .footer-box .footer-icon-5 { 418 | width: 75px; 419 | height: 27px; 420 | background-position: 0 -320px; 421 | } 422 | .footer-box .footer-icon-6 { 423 | width: 78px; 424 | height: 27px; 425 | background-position: -110px -96px; 426 | } 427 | .footer-box .footer-icon-7 { 428 | width: 78px; 429 | height: 27px; 430 | background-position: -110px -96px; 431 | } 432 | .footer-box p { 433 | text-align: center; 434 | color: #999; 435 | } 436 | 437 | 438 | /** 439 | * 响应式样式: 440 | * 响应式的级别很高,rem基于浏览器默认的font-size,即1rem = 16px 441 | * 响应式单位推荐使用em,和rem效果一样,但兼容性更好 442 | */ 443 | @media only screen and (max-width: 50em) { 444 | /* 顶部导航区 */ 445 | .header-nav-top ul li a { 446 | padding: 0 1rem; 447 | } 448 | .header-nav-main .logo-box{ 449 | float: none; 450 | } 451 | .header-nav-main .logo{ 452 | margin: 1.5rem auto 0.5rem; 453 | } 454 | .header-nav-main ul { 455 | float: none; 456 | text-align: center; 457 | } 458 | .header-nav-main ul li { 459 | border: none; 460 | } 461 | .header-nav-main ul li a { 462 | padding: 0 1.5rem; 463 | } 464 | 465 | 466 | /* 主要内容区 */ 467 | .trans-data { 468 | padding: 1rem 0.5rem; 469 | } 470 | .trans-data span { 471 | font-size: 1.2rem; 472 | } 473 | span.trans-money { 474 | font-size: 1.6rem; 475 | margin: 0; 476 | padding: 0; 477 | letter-spacing: inherit; 478 | background-color: transparent; 479 | box-shadow: none; 480 | } 481 | .trans-report a { 482 | font-size: 1.2rem; 483 | } 484 | 485 | .product-title { 486 | float: none; 487 | width: 100%; 488 | } 489 | .product-title h2 { 490 | margin-top: 2rem; 491 | font-size: 2.2rem; 492 | } 493 | .product-title h2 em { 494 | display: inline-block; 495 | font-size: 1.2rem; 496 | } 497 | .product-title h2 em:first-child { 498 | margin-top: 0rem; 499 | } 500 | .product-content { 501 | float: none; 502 | width: 100%; 503 | } 504 | .product-item h3 span { 505 | font-size: 2.4rem; 506 | } 507 | .product-info { 508 | padding: 0; 509 | font-size: 1.2rem; 510 | } 511 | .product-info .year-rate, 512 | .product-info .money { 513 | font-size: 2rem; 514 | } 515 | .buy-btn { 516 | padding: 0 0 0 2rem; 517 | } 518 | .buy-btn a { 519 | margin: 1.5rem auto; 520 | } 521 | 522 | .business-logo { 523 | display: none; 524 | } 525 | .business-content ul { 526 | float: left; 527 | width: 20%; 528 | } 529 | .business-content ul li { 530 | text-align: center; 531 | font-size: 1.2rem; 532 | line-height: 2rem; 533 | } 534 | .business-content ul li:first-child { 535 | font-size: 1.5rem; 536 | line-height: 2.5rem; 537 | } 538 | } 539 | 540 | /* 不被继承到小屏幕的样式 */ 541 | @media only screen and (min-width: 30em) and (max-width: 50em) { 542 | /* 顶部导航区 */ 543 | 544 | 545 | /* 主要内容区 */ 546 | .feature-item h3 { 547 | display: block; 548 | width: 100%; 549 | font-size: 2.6rem; 550 | } 551 | .feature-item p { 552 | display: block; 553 | width: 100%; 554 | font-size: 1.2rem; 555 | text-align: center; 556 | } 557 | } 558 | 559 | @media only screen and (max-width: 30em) { 560 | /* 顶部导航区 */ 561 | .header-nav-top .tel, 562 | .header-nav-top ul li:nth-child(3), 563 | .header-nav-top ul li:nth-child(4) { 564 | display: none; 565 | } 566 | .header-nav-main ul li { 567 | line-height: 3rem; 568 | } 569 | .header-nav-main ul li:first-child { 570 | display: none; 571 | } 572 | .header-nav-main ul li a { 573 | padding: 0 0.5rem; 574 | } 575 | 576 | 577 | /* 主要内容区 */ 578 | .trans-content { 579 | padding: 0.5rem 0; 580 | } 581 | .trans-data { 582 | float: none; 583 | padding: 0rem; 584 | text-align: center; 585 | } 586 | .trans-report { 587 | text-align: center; 588 | } 589 | .trans-report a { 590 | padding: 0rem; 591 | } 592 | 593 | .main-feature { 594 | width: 96%; 595 | margin: 1rem auto; 596 | } 597 | .feature-item { 598 | display: block; 599 | width: auto; 600 | } 601 | .feature-item + .feature-item { 602 | margin: 1rem 0 0; 603 | } 604 | 605 | .main-notice { 606 | width: 96%; 607 | margin: 1rem auto; 608 | font-size: 1.2rem; 609 | } 610 | .main-notice a { 611 | margin-left: 1rem; 612 | } 613 | .main-notice a:first-child { 614 | width: 60%; 615 | } 616 | .main-notice a:first-child:before { 617 | content: "公告:"; 618 | color: #aaa; 619 | } 620 | .main-notice a span { 621 | display: none; 622 | } 623 | 624 | .main-product { 625 | width: 96%; 626 | } 627 | .product-title h2 { 628 | margin-top: 0.5rem; 629 | } 630 | .product-title h2 span { 631 | display: block; 632 | } 633 | .product-item h3 span { 634 | margin-right: 0rem; 635 | font-size: 2rem; 636 | } 637 | .product-info { 638 | width: 70%; 639 | float: right; 640 | padding: 1rem 0; 641 | border: none; 642 | } 643 | .product-info .year-rate, 644 | .product-info .money { 645 | font-size: 1.8rem; 646 | } 647 | .buy-btn { 648 | float: none; 649 | clear: both; 650 | padding: 0 0 2rem; 651 | width: 100%; 652 | } 653 | .buy-btn a { 654 | max-width: 26rem; 655 | margin: 0rem auto; 656 | } 657 | 658 | .business-content { 659 | width: 98%; 660 | margin: 0 auto; 661 | } 662 | .business-content ul li { 663 | text-align: center; 664 | font-size: 1.2rem; 665 | line-height: 2rem; 666 | } 667 | .business-content ul li:first-child { 668 | font-size: 1.4rem; 669 | line-height: 2.5rem; 670 | } 671 | } -------------------------------------------------------------------------------- /src/css/login.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/css/login.css -------------------------------------------------------------------------------- /src/css/myreset.css: -------------------------------------------------------------------------------- 1 | /** 2 | * 作品:myreset.css 3 | * 维护:白小明 4 | * 更新:2017年5月15日 5 | * 理念:清除和重置是紧密不可分的 6 | * 特色:适应中文,基于最新主流浏览器 7 | */ 8 | 9 | /* 清除内外边距 */ 10 | @charset "utf-8"; 11 | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 12 | pre,dl, dt, dd, ul, ol, li, 13 | fieldset, lengend, button, input, textarea, 14 | th, td { margin: 0; padding: 0; } 15 | 16 | /* 重置格式元素 */ 17 | ul, ol { list-style: none; } 18 | a { text-decoration: none; } 19 | q:before, q:after { content: ''; } 20 | img { border: 0; } 21 | 22 | /* 重置表单元素 */ 23 | legend { color: #000; } /* for ie6 */ 24 | button, textarea { font-size: 100%; border: 0; } /* 使得表单元素在 ie 下能继承字体大小 */ 25 | 26 | /* 重置表格元素 */ 27 | table { border-collapse: collapse; border-spacing: 0; } 28 | 29 | /* 清除浮动 */ 30 | .fl { float: left; } 31 | .fr { float: right; } 32 | .clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } 33 | .clearfix { zoom: 1; } 34 | 35 | /* 文字选中效果 */ 36 | ::selection { 37 | background-color: #b3d4fc; 38 | text-shadow: none; 39 | } 40 | 41 | /* 浏览器升级 */ 42 | .browser-up { 43 | padding: 1rem; 44 | background: #ccc; 45 | text-align: center; 46 | } -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/favicon.ico -------------------------------------------------------------------------------- /src/humans.txt: -------------------------------------------------------------------------------- 1 | # humanstxt.org/ 2 | # The humans responsible & technology colophon 3 | 4 | # TEAM 5 | 6 | 你在该项目的职位:你的名字 7 | 8 | 网站:电子邮件,联系表格链接 9 | 10 | Twitter:你的Twitter用户名称 11 | 12 | 地点: 城市,社区,国家 13 | 14 | 15 | # THANKS 16 | 17 | 名称: 名称或网址 18 | 19 | 20 | # SITE 21 | 22 | 最后更新: 年 /月 /天 23 | 24 | 标准: HTML5, CSS3,.. 25 | 26 | 组件: Modernizr, jQuery, etc. 27 | 28 | 软件:用于开发网站的软件。 29 | 30 | 31 | # TECHNOLOGY COLOPHON 32 | 33 | CSS3, HTML5 34 | Apache Server Configs, jQuery, Modernizr, Normalize.css -------------------------------------------------------------------------------- /src/img/ad001-l.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/ad001-l.png -------------------------------------------------------------------------------- /src/img/ad001-m.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/ad001-m.png -------------------------------------------------------------------------------- /src/img/ad001.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/ad001.png -------------------------------------------------------------------------------- /src/img/ad002-l.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/ad002-l.png -------------------------------------------------------------------------------- /src/img/ad002-m.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/ad002-m.png -------------------------------------------------------------------------------- /src/img/ad002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/ad002.png -------------------------------------------------------------------------------- /src/img/ad003-l.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/ad003-l.png -------------------------------------------------------------------------------- /src/img/ad003-m.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/ad003-m.png -------------------------------------------------------------------------------- /src/img/ad003.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/ad003.png -------------------------------------------------------------------------------- /src/img/app-l.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/app-l.png -------------------------------------------------------------------------------- /src/img/app-l@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/app-l@2x.png -------------------------------------------------------------------------------- /src/img/app-m.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/app-m.png -------------------------------------------------------------------------------- /src/img/app-m@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/app-m@2x.png -------------------------------------------------------------------------------- /src/img/app.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/app.png -------------------------------------------------------------------------------- /src/img/app@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/app@2x.png -------------------------------------------------------------------------------- /src/img/cert1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/cert1.png -------------------------------------------------------------------------------- /src/img/cert2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/cert2.png -------------------------------------------------------------------------------- /src/img/login-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/login-bg.jpg -------------------------------------------------------------------------------- /src/img/logo.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/logo.psd -------------------------------------------------------------------------------- /src/img/logo@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/logo@1x.png -------------------------------------------------------------------------------- /src/img/logo@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/logo@2x.png -------------------------------------------------------------------------------- /src/img/next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/next.png -------------------------------------------------------------------------------- /src/img/prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bxm0927/licaibao-responsive/5f5ae63f04a5059bc717449218c804340376d4de/src/img/prev.png -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |国家AAA信用平台
银行资金托管
上市公司背景保证
中央电视台推荐
互联网百强企业
标准起草单位
100元起投
用户利益保障机制
保险公司承保