Rebuild commit without histroy commits. (38119163) | Commits | dlstatic / logistic-html5

Browse Code »

Commit 381191634ac9a97e3f7f83c73885f57f8daabe1c

Authored by dlstatic 2016-02-03 10:05:03 +0800

0 parents

build: skipped

Rebuild commit without histroy commits.

Inline Side-by-side

Showing 19 changed files with 4756 additions and 0 deletions

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

To preserve performance only 19 of 508 files are displayed.

.gitignore 0 → 100644

View file @3811916

		1	+++ a/.gitignore
		1	+node_modules
		2	+*.swp
		3	+*.swp~
		4	+npm-debug.log
		5	+*.codekit

Gruntfile.js 0 → 100644

View file @3811916

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

Node.gitignore 0 → 100644

View file @3811916

		1	+++ a/Node.gitignore
		1	+# Logs
		2	+logs
		3	+*.log
		4	+
		5	+# Runtime data
		6	+pids
		7	+*.pid
		8	+*.seed
		9	+
		10	+# Directory for instrumented libs generated by jscoverage/JSCover
		11	+lib-cov
		12	+
		13	+# Coverage directory used by tools like istanbul
		14	+coverage
		15	+
		16	+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
		17	+.grunt
		18	+
		19	+# node-waf configuration
		20	+.lock-wscript
		21	+
		22	+# Compiled binary addons (http://nodejs.org/api/addons.html)
		23	+build/Release
		24	+
		25	+# Dependency directory
		26	+# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
		27	+node_modules

README.md 0 → 100644

View file @3811916

		1	+++ a/README.md
		1	+[![logistic-html5](http://static.nong12.com/static/newStatic/logistics2.0/images/logo.png)](http://git3.diligrp.com/dlstatic/logistic-html5)
		2	+
		3	+
		4	+# This branch is dev.
		5	+You can control the step with develop as you like,
		6	+and in the end of one stage, merge it to the master branch.
		7	+
		8	+
		9	+# Introduction
		10	+
		11	+Logistic html5 static page, maybe now it's just only for show the UI
		12	+construction.
		13	+
		14	+# Installation
		15	+
		16	+npm start
		17	+
		18	+npm install
		19	+
		20	+# Examples
		21	+
		22	+Just see the html directory, All static page in it.
		23	+

css/addr_section.css 0 → 100644

View file @3811916

		1	+++ a/css/addr_section.css
		1	+html,
		2	+body {
		3	+ height: 100%;
		4	+}
		5	+.addr-page {
		6	+ position: absolute;
		7	+ top: 20%;
		8	+ bottom: 0;
		9	+ left: 0;
		10	+ width: 100%;
		11	+ z-index: 20;
		12	+ display: none;
		13	+ background-color: #fff;
		14	+ overflow: hidden;
		15	+ -webkit-transform: translateY(100%);
		16	+ -ms-transform: translateY(100%);
		17	+ -o-transform: translateY(100%);
		18	+ transform: translateY(100%);
		19	+ -webkit-transition: all 0.3s ease-in-out;
		20	+ -o-transition: all 0.3s ease-in-out;
		21	+ transition: all 0.3s ease-in-out;
		22	+}
		23	+.addr-page .m-header {
		24	+ background-color: #F8F8F8;
		25	+}
		26	+.addr-page .m-header .head h1 {
		27	+ font-size: 15px;
		28	+}
		29	+.addr-page .border-1px-full:after {
		30	+ border-width: 0 1px 1px 0;
		31	+ border-color: #ddd;
		32	+}
		33	+.addr-page .m-content {
		34	+ height: 100%;
		35	+ box-sizing: border-box;
		36	+ padding-top: 44px;
		37	+ overflow: hidden;
		38	+ margin-top: -44px;
		39	+}
		40	+.addr-page i {
		41	+ font-style: normal;
		42	+}
		43	+.addr-page .cell-radio {
		44	+ background-color: #FFF;
		45	+ margin-bottom: 0;
		46	+}
		47	+.addr-section {
		48	+ overflow-x: hidden;
		49	+ overflow-y: scroll;
		50	+ height: 100%;
		51	+ -webkit-overflow-scrolling: touch;
		52	+ position: relative;
		53	+}
		54	+.addr-section .m-table-view {
		55	+ margin: 0;
		56	+}
		57	+.province {
		58	+ width: 125px;
		59	+ float: left;
		60	+}
		61	+.province .cell {
		62	+ background-color: #f8f8f8;
		63	+}
		64	+.province .cell.selected {
		65	+ background-color: #FFF;
		66	+}
		67	+.province .cell.selected:after {
		68	+ border-width: 0 0 1px 0;
		69	+}
		70	+.city {
		71	+ margin-left: 135px;
		72	+}
		73	+.city .m-table-view {
		74	+ padding-right: 10px;
		75	+}
		76	+.city .cell {
		77	+ padding: 0;
		78	+}

css/addr_section.less 0 → 100644

View file @3811916

		1	+++ a/css/addr_section.less
		1	+html, body{
		2	+ height: 100%;
		3	+}
		4	+.addr-page{
		5	+ // display: none;
		6	+ position: absolute;
		7	+ // position: fixed;
		8	+ top: 20%;
		9	+ bottom:0;
		10	+ left: 0;
		11	+ width: 100%;
		12	+ // bottom: 0;
		13	+ z-index: 20;
		14	+ display: none;
		15	+ background-color: #fff;
		16	+ overflow: hidden;
		17	+ -webkit-transform: translateY(100%);
		18	+ -ms-transform: translateY(100%);
		19	+ -o-transform: translateY(100%);
		20	+ transform: translateY(100%);
		21	+ -webkit-transition: all .3s ease-in-out;
		22	+ -o-transition: all .3s ease-in-out;
		23	+ transition: all .3s ease-in-out;
		24	+ .m-header{
		25	+ background-color: #F8F8F8;
		26	+ .head h1{
		27	+ font-size: 15px;
		28	+ }
		29	+ }
		30	+ .border-1px-full{
		31	+ &:after {
		32	+ border-width: 0 1px 1px 0;
		33	+ border-color: #ddd;
		34	+ }
		35	+ }
		36	+ .m-content{
		37	+ height: 100%;
		38	+ box-sizing: border-box;
		39	+ padding-top: 44px;
		40	+ overflow: hidden;
		41	+ margin-top: -44px;
		42	+ }
		43	+ i{
		44	+ font-style: normal;
		45	+ }
		46	+ .cell-radio{
		47	+ background-color: #FFF;
		48	+ margin-bottom: 0;
		49	+ }
		50	+}
		51	+
		52	+.addr-section{
		53	+ overflow-x: hidden;
		54	+ // overflow: hidden;
		55	+ overflow-y: scroll;
		56	+ height: 100%;
		57	+ -webkit-overflow-scrolling: touch;
		58	+ position: relative;
		59	+ .m-table-view{
		60	+ margin: 0;
		61	+ }
		62	+}
		63	+.province{
		64	+ width: 125px;
		65	+ float: left;
		66	+ .cell{
		67	+ background-color: #f8f8f8;
		68	+ &.selected{
		69	+ background-color: #FFF;
		70	+ &:after {
		71	+ border-width: 0 0 1px 0;
		72	+ }
		73	+ }
		74	+ }
		75	+}
		76	+.city{
		77	+ margin-left: 135px;
		78	+ .m-table-view{
		79	+ padding-right: 10px;
		80	+ }
		81	+ .cell{
		82	+ padding:0;
		83	+ }
		84	+}

css/badge.css 0 → 100644

View file @3811916

		1	+++ a/css/badge.css
		1	+/*
		2	+LESS variables are information about icon's compiled state, stored under its original file name
		3	+
		4	+.icon-home {
		5	+ width: @icon-home-width;
		6	+}
		7	+
		8	+The large array-like variables contain all information about a single icon
		9	+@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
		10	+
		11	+At the bottom of this section, we provide information about the spritesheet itself
		12	+@spritesheet: width height image @spritesheet-sprites;
		13	+*/
		14	+/*
		15	+The provided classes are intended to be used with the array-like variables
		16	+
		17	+.icon-home {
		18	+ .sprite-width(@icon-home);
		19	+}
		20	+.icon-email {
		21	+ .sprite(@icon-email);
		22	+}
		23	+*/
		24	+/*
		25	+The `.sprites` mixin generates identical output to the CSS template
		26	+ but can be overridden inside of LESS
		27	+
		28	+This must be run when you have at least 2 sprites.
		29	+ If run with a single sprite, then there will be reference errors.
		30	+
		31	+.sprites(@spritesheet-sprites);
		32	+*/
		33	+.m-icon {
		34	+ display: inline-block;
		35	+ vertical-align: middle;
		36	+}
		37	+.icon-arrow {
		38	+ background-image: url(../images/dest/sprite.png);
		39	+ background-position: -992px -880px;
		40	+ background-position: -496px -440px;
		41	+ width: 32px;
		42	+ width: 16px;
		43	+ height: 32px;
		44	+ height: 16px;
		45	+ background-size: 571px;
		46	+}
		47	+.icon-choose {
		48	+ background-image: url(../images/dest/sprite.png);
		49	+ background-position: -778px -300px;
		50	+ background-position: -389px -150px;
		51	+ width: 46px;
		52	+ width: 23px;
		53	+ height: 46px;
		54	+ height: 23px;
		55	+ background-size: 571px;
		56	+}
		57	+.icon-choose_H {
		58	+ background-image: url(../images/dest/sprite.png);
		59	+ background-position: -824px -300px;
		60	+ background-position: -412px -150px;
		61	+ width: 46px;
		62	+ width: 23px;
		63	+ height: 46px;
		64	+ height: 23px;
		65	+ background-size: 571px;
		66	+}
		67	+.icon-delete {
		68	+ background-image: url(../images/dest/sprite.png);
		69	+ background-position: -186px -1000px;
		70	+ background-position: -93px -500px;
		71	+ width: 46px;
		72	+ width: 23px;
		73	+ height: 46px;
		74	+ height: 23px;
		75	+ background-size: 571px;
		76	+}
		77	+.icon-drop_down {
		78	+ background-image: url(../images/dest/sprite.png);
		79	+ background-position: -858px -580px;
		80	+ background-position: -429px -290px;
		81	+ width: 16px;
		82	+ width: 8px;
		83	+ height: 16px;
		84	+ height: 8px;
		85	+ background-size: 571px;
		86	+}
		87	+.icon-fenxiang_duanxin {
		88	+ background-image: url(../images/dest/sprite.png);
		89	+ background-position: -1030px -412px;
		90	+ background-position: -515px -206px;
		91	+ width: 100px;
		92	+ width: 50px;
		93	+ height: 100px;
		94	+ height: 50px;
		95	+ background-size: 571px;
		96	+}
		97	+.icon-guide_dan {
		98	+ background-image: url(../images/dest/sprite.png);
		99	+ background-position: -1110px -956px;
		100	+ background-position: -555px -478px;
		101	+ width: 32px;
		102	+ width: 16px;
		103	+ height: 32px;
		104	+ height: 16px;
		105	+ background-size: 571px;
		106	+}
		107	+.icon-guide_shuang {
		108	+ background-image: url(../images/dest/sprite.png);
		109	+ background-position: -1102px -724px;
		110	+ background-position: -551px -362px;
		111	+ width: 32px;
		112	+ width: 16px;
		113	+ height: 32px;
		114	+ height: 16px;
		115	+ background-size: 571px;
		116	+}
		117	+.icon-help {
		118	+ background-image: url(../images/dest/sprite.png);
		119	+ background-position: -630px -300px;
		120	+ background-position: -315px -150px;
		121	+ width: 50px;
		122	+ width: 25px;
		123	+ height: 50px;
		124	+ height: 25px;
		125	+ background-size: 571px;
		126	+}
		127	+.icon-home_jiedan {
		128	+ background-image: url(../images/dest/sprite.png);
		129	+ background-position: 0px 0px;
		130	+ width: 290px;
		131	+ width: 145px;
		132	+ height: 350px;
		133	+ height: 175px;
		134	+ background-size: 571px;
		135	+}
		136	+.icon-home_jiedan_H {
		137	+ background-image: url(../images/dest/sprite.png);
		138	+ background-position: -290px 0px;
		139	+ background-position: -145px 0px;
		140	+ width: 290px;
		141	+ width: 145px;
		142	+ height: 350px;
		143	+ height: 175px;
		144	+ background-size: 571px;
		145	+}
		146	+.icon-home_jiedanzhong {
		147	+ background-image: url(../images/dest/sprite.png);
		148	+ background-position: -320px -880px;
		149	+ background-position: -160px -440px;
		150	+ width: 112px;
		151	+ width: 56px;
		152	+ height: 112px;
		153	+ height: 56px;
		154	+ background-size: 571px;
		155	+}
		156	+.icon-home_kefu {
		157	+ background-image: url(../images/dest/sprite.png);
		158	+ background-position: -580px -760px;
		159	+ background-position: -290px -380px;
		160	+ width: 290px;
		161	+ width: 145px;
		162	+ height: 110px;
		163	+ height: 55px;
		164	+ background-size: 571px;
		165	+}
		166	+.icon-home_kefu_H {
		167	+ background-image: url(../images/dest/sprite.png);
		168	+ background-position: -580px -650px;
		169	+ background-position: -290px -325px;
		170	+ width: 290px;
		171	+ width: 145px;
		172	+ height: 110px;
		173	+ height: 55px;
		174	+ background-size: 571px;
		175	+}
		176	+.icon-home_shenhezhong {
		177	+ background-image: url(../images/dest/sprite.png);
		178	+ background-position: -544px -880px;
		179	+ background-position: -272px -440px;
		180	+ width: 112px;
		181	+ width: 56px;
		182	+ height: 112px;
		183	+ height: 56px;
		184	+ background-size: 571px;
		185	+}
		186	+.icon-home_weijiedan {
		187	+ background-image: url(../images/dest/sprite.png);
		188	+ background-position: -656px -880px;
		189	+ background-position: -328px -440px;
		190	+ width: 112px;
		191	+ width: 56px;
		192	+ height: 112px;
		193	+ height: 56px;
		194	+ background-size: 571px;
		195	+}
		196	+.icon-home_weitongguo {
		197	+ background-image: url(../images/dest/sprite.png);
		198	+ background-position: -768px -880px;
		199	+ background-position: -384px -440px;
		200	+ width: 112px;
		201	+ width: 56px;
		202	+ height: 112px;
		203	+ height: 56px;
		204	+ background-size: 571px;
		205	+}
		206	+.icon-home_wo {
		207	+ background-image: url(../images/dest/sprite.png);
		208	+ background-position: -290px -650px;
		209	+ background-position: -145px -325px;
		210	+ width: 290px;
		211	+ width: 145px;
		212	+ height: 230px;
		213	+ height: 115px;
		214	+ background-size: 571px;
		215	+}
		216	+.icon-home_wo_H {
		217	+ background-image: url(../images/dest/sprite.png);
		218	+ background-position: -300px -350px;
		219	+ background-position: -150px -175px;
		220	+ width: 290px;
		221	+ width: 145px;
		222	+ height: 230px;
		223	+ height: 115px;
		224	+ background-size: 571px;
		225	+}
		226	+.icon-home_yirenzheng {
		227	+ background-image: url(../images/dest/sprite.png);
		228	+ background-position: -1030px 0px;
		229	+ background-position: -515px 0px;
		230	+ width: 112px;
		231	+ width: 56px;
		232	+ height: 112px;
		233	+ height: 56px;
		234	+ background-size: 571px;
		235	+}
		236	+.icon-home_yundan {
		237	+ background-image: url(../images/dest/sprite.png);
		238	+ background-position: -590px -350px;
		239	+ background-position: -295px -175px;
		240	+ width: 290px;
		241	+ width: 145px;
		242	+ height: 230px;
		243	+ height: 115px;
		244	+ background-size: 571px;
		245	+}
		246	+.icon-home_yundan_H {
		247	+ background-image: url(../images/dest/sprite.png);
		248	+ background-position: 0px -650px;
		249	+ background-position: 0px -325px;
		250	+ width: 290px;
		251	+ width: 145px;
		252	+ height: 230px;
		253	+ height: 115px;
		254	+ background-size: 571px;
		255	+}
		256	+.icon-img {
		257	+ background-image: url(../images/dest/sprite.png);
		258	+ background-position: -160px -880px;
		259	+ background-position: -80px -440px;
		260	+ width: 160px;
		261	+ width: 80px;
		262	+ height: 120px;
		263	+ height: 60px;
		264	+ background-size: 571px;
		265	+}
		266	+.icon-img_H {
		267	+ background-image: url(../images/dest/sprite.png);
		268	+ background-position: 0px -880px;
		269	+ background-position: 0px -440px;
		270	+ width: 160px;
		271	+ width: 80px;
		272	+ height: 120px;
		273	+ height: 60px;
		274	+ background-size: 571px;
		275	+}
		276	+.icon-jiedan_baozhengjin {
		277	+ background-image: url(../images/dest/sprite.png);
		278	+ background-position: -352px -1000px;
		279	+ background-position: -176px -500px;
		280	+ width: 40px;
		281	+ width: 20px;
		282	+ height: 40px;
		283	+ height: 20px;
		284	+ background-size: 571px;
		285	+}
		286	+.icon-label_renzheng {
		287	+ background-image: url(../images/dest/sprite.png);
		288	+ background-position: -432px -880px;
		289	+ background-position: -216px -440px;
		290	+ width: 112px;
		291	+ width: 56px;
		292	+ height: 112px;
		293	+ height: 56px;
		294	+ background-size: 571px;
		295	+}
		296	+.icon-label_zanting {
		297	+ background-image: url(../images/dest/sprite.png);
		298	+ background-position: -880px -880px;
		299	+ background-position: -440px -440px;
		300	+ width: 112px;
		301	+ width: 56px;
		302	+ height: 112px;
		303	+ height: 56px;
		304	+ background-size: 571px;
		305	+}
		306	+.icon-percentage_1 {
		307	+ background-image: url(../images/dest/sprite.png);
		308	+ background-position: -734px -580px;
		309	+ background-position: -367px -290px;
		310	+ width: 62px;
		311	+ width: 31px;
		312	+ height: 62px;
		313	+ height: 31px;
		314	+ background-size: 571px;
		315	+}
		316	+.icon-percentage_2 {
		317	+ background-image: url(../images/dest/sprite.png);
		318	+ background-position: -796px -580px;
		319	+ background-position: -398px -290px;
		320	+ width: 62px;
		321	+ width: 31px;
		322	+ height: 62px;
		323	+ height: 31px;
		324	+ background-size: 571px;
		325	+}
		326	+.icon-phone {
		327	+ background-image: url(../images/dest/sprite.png);
		328	+ background-position: -1030px -684px;
		329	+ background-position: -515px -342px;
		330	+ width: 72px;
		331	+ width: 36px;
		332	+ height: 72px;
		333	+ height: 36px;
		334	+ background-size: 571px;
		335	+}
		336	+.icon-phone_H {
		337	+ background-image: url(../images/dest/sprite.png);
		338	+ background-position: -1030px -612px;
		339	+ background-position: -515px -306px;
		340	+ width: 72px;
		341	+ width: 36px;
		342	+ height: 72px;
		343	+ height: 36px;
		344	+ background-size: 571px;
		345	+}
		346	+.icon-phone_x {
		347	+ background-image: url(../images/dest/sprite.png);
		348	+ background-position: -730px -300px;
		349	+ background-position: -365px -150px;
		350	+ width: 48px;
		351	+ width: 24px;
		352	+ height: 48px;
		353	+ height: 24px;
		354	+ background-size: 571px;
		355	+}
		356	+.icon-public_jia {
		357	+ background-image: url(../images/dest/sprite.png);
		358	+ background-position: -362px -580px;
		359	+ background-position: -181px -290px;
		360	+ width: 62px;
		361	+ width: 31px;
		362	+ height: 62px;
		363	+ height: 31px;
		364	+ background-size: 571px;
		365	+}
		366	+.icon-public_jia_H {
		367	+ background-image: url(../images/dest/sprite.png);
		368	+ background-position: -300px -580px;
		369	+ background-position: -150px -290px;
		370	+ width: 62px;
		371	+ width: 31px;
		372	+ height: 62px;
		373	+ height: 31px;
		374	+ background-size: 571px;
		375	+}
		376	+.icon-public_quxiao1 {
		377	+ background-image: url(../images/dest/sprite.png);
		378	+ background-position: -486px -580px;
		379	+ background-position: -243px -290px;
		380	+ width: 62px;
		381	+ width: 31px;
		382	+ height: 62px;
		383	+ height: 31px;
		384	+ background-size: 571px;
		385	+}
		386	+.icon-public_quxiao1_H {
		387	+ background-image: url(../images/dest/sprite.png);
		388	+ background-position: -548px -580px;
		389	+ background-position: -274px -290px;
		390	+ width: 62px;
		391	+ width: 31px;
		392	+ height: 62px;
		393	+ height: 31px;
		394	+ background-size: 571px;
		395	+}
		396	+.icon-qidian {
		397	+ background-image: url(../images/dest/sprite.png);
		398	+ background-position: -1102px -612px;
		399	+ background-position: -551px -306px;
		400	+ width: 40px;
		401	+ width: 20px;
		402	+ height: 40px;
		403	+ height: 20px;
		404	+ background-size: 571px;
		405	+}
		406	+.icon-score {
		407	+ background-image: url(../images/dest/sprite.png);
		408	+ background-position: -680px -300px;
		409	+ background-position: -340px -150px;
		410	+ width: 50px;
		411	+ width: 25px;
		412	+ height: 50px;
		413	+ height: 25px;
		414	+ background-size: 571px;
		415	+}
		416	+.icon-score_H {
		417	+ background-image: url(../images/dest/sprite.png);
		418	+ background-position: -580px -300px;
		419	+ background-position: -290px -150px;
		420	+ width: 50px;
		421	+ width: 25px;
		422	+ height: 50px;
		423	+ height: 25px;
		424	+ background-size: 571px;
		425	+}
		426	+.icon-search {
		427	+ background-image: url(../images/dest/sprite.png);
		428	+ background-position: -1102px -652px;
		429	+ background-position: -551px -326px;
		430	+ width: 32px;
		431	+ width: 16px;
		432	+ height: 32px;
		433	+ height: 16px;
		434	+ background-size: 571px;
		435	+}
		436	+.icon-share_QQ {
		437	+ background-image: url(../images/dest/sprite.png);
		438	+ background-position: -1030px -312px;
		439	+ background-position: -515px -156px;
		440	+ width: 100px;
		441	+ width: 50px;
		442	+ height: 100px;
		443	+ height: 50px;
		444	+ background-size: 571px;
		445	+}
		446	+.icon-share_baidu {
		447	+ background-image: url(../images/dest/sprite.png);
		448	+ background-position: -1030px -212px;
		449	+ background-position: -515px -106px;
		450	+ width: 100px;
		451	+ width: 50px;
		452	+ height: 100px;
		453	+ height: 50px;
		454	+ background-size: 571px;
		455	+}
		456	+.icon-share_weixin {
		457	+ background-image: url(../images/dest/sprite.png);
		458	+ background-position: -1030px -112px;
		459	+ background-position: -515px -56px;
		460	+ width: 100px;
		461	+ width: 50px;
		462	+ height: 100px;
		463	+ height: 50px;
		464	+ background-size: 571px;
		465	+}
		466	+.icon-share_xinlang {
		467	+ background-image: url(../images/dest/sprite.png);
		468	+ background-position: -1030px -512px;
		469	+ background-position: -515px -256px;
		470	+ width: 100px;
		471	+ width: 50px;
		472	+ height: 100px;
		473	+ height: 50px;
		474	+ background-size: 571px;
		475	+}
		476	+.icon-state_1 {
		477	+ background-image: url(../images/dest/sprite.png);
		478	+ background-position: -1030px -956px;
		479	+ background-position: -515px -478px;
		480	+ width: 80px;
		481	+ width: 40px;
		482	+ height: 40px;
		483	+ height: 20px;
		484	+ background-size: 571px;
		485	+}
		486	+.icon-state_2 {
		487	+ background-image: url(../images/dest/sprite.png);
		488	+ background-position: -1030px -916px;
		489	+ background-position: -515px -458px;
		490	+ width: 100px;
		491	+ width: 50px;
		492	+ height: 40px;
		493	+ height: 20px;
		494	+ background-size: 571px;
		495	+}
		496	+.icon-state_3 {
		497	+ background-image: url(../images/dest/sprite.png);
		498	+ background-position: -1030px -876px;
		499	+ background-position: -515px -438px;
		500	+ width: 100px;
		501	+ width: 50px;
		502	+ height: 40px;
		503	+ height: 20px;
		504	+ background-size: 571px;
		505	+}
		506	+.icon-state_4 {
		507	+ background-image: url(../images/dest/sprite.png);
		508	+ background-position: -1030px -836px;
		509	+ background-position: -515px -418px;
		510	+ width: 100px;
		511	+ width: 50px;
		512	+ height: 40px;
		513	+ height: 20px;
		514	+ background-size: 571px;
		515	+}
		516	+.icon-state_5 {
		517	+ background-image: url(../images/dest/sprite.png);
		518	+ background-position: -1030px -796px;
		519	+ background-position: -515px -398px;
		520	+ width: 100px;
		521	+ width: 50px;
		522	+ height: 40px;
		523	+ height: 20px;
		524	+ background-size: 571px;
		525	+}
		526	+.icon-state_6 {
		527	+ background-image: url(../images/dest/sprite.png);
		528	+ background-position: -1030px -756px;
		529	+ background-position: -515px -378px;
		530	+ width: 110px;
		531	+ width: 55px;
		532	+ height: 40px;
		533	+ height: 20px;
		534	+ background-size: 571px;
		535	+}
		536	+.icon-state_bao {
		537	+ background-image: url(../images/dest/sprite.png);
		538	+ background-position: -880px -734px;
		539	+ background-position: -440px -367px;
		540	+ width: 142px;
		541	+ width: 71px;
		542	+ height: 142px;
		543	+ height: 71px;
		544	+ background-size: 571px;
		545	+}
		546	+.icon-state_suo {
		547	+ background-image: url(../images/dest/sprite.png);
		548	+ background-position: -880px -592px;
		549	+ background-position: -440px -296px;
		550	+ width: 142px;
		551	+ width: 71px;
		552	+ height: 142px;
		553	+ height: 71px;
		554	+ background-size: 571px;
		555	+}
		556	+.icon-state_wei {
		557	+ background-image: url(../images/dest/sprite.png);
		558	+ background-position: -880px 0px;
		559	+ background-position: -440px 0px;
		560	+ width: 150px;
		561	+ width: 75px;
		562	+ height: 150px;
		563	+ height: 75px;
		564	+ background-size: 571px;
		565	+}
		566	+.icon-state_xianlu {
		567	+ background-image: url(../images/dest/sprite.png);
		568	+ background-position: -880px -450px;
		569	+ background-position: -440px -225px;
		570	+ width: 142px;
		571	+ width: 71px;
		572	+ height: 142px;
		573	+ height: 71px;
		574	+ background-size: 571px;
		575	+}
		576	+.icon-state_yanzheng {
		577	+ background-image: url(../images/dest/sprite.png);
		578	+ background-position: -880px -150px;
		579	+ background-position: -440px -75px;
		580	+ width: 150px;
		581	+ width: 75px;
		582	+ height: 150px;
		583	+ height: 75px;
		584	+ background-size: 571px;
		585	+}
		586	+.icon-state_zanting {
		587	+ background-image: url(../images/dest/sprite.png);
		588	+ background-position: 0px -350px;
		589	+ background-position: 0px -175px;
		590	+ width: 300px;
		591	+ width: 150px;
		592	+ height: 300px;
		593	+ height: 150px;
		594	+ background-size: 571px;
		595	+}
		596	+.icon-state_zhaohuo {
		597	+ background-image: url(../images/dest/sprite.png);
		598	+ background-position: -580px 0px;
		599	+ background-position: -290px 0px;
		600	+ width: 300px;
		601	+ width: 150px;
		602	+ height: 300px;
		603	+ height: 150px;
		604	+ background-size: 571px;
		605	+}
		606	+.icon-state_zhong {
		607	+ background-image: url(../images/dest/sprite.png);
		608	+ background-position: -880px -300px;
		609	+ background-position: -440px -150px;
		610	+ width: 150px;
		611	+ width: 75px;
		612	+ height: 150px;
		613	+ height: 75px;
		614	+ background-size: 571px;
		615	+}
		616	+.icon-title_fanhui {
		617	+ background-image: url(../images/dest/sprite.png);
		618	+ background-position: -610px -580px;
		619	+ background-position: -305px -290px;
		620	+ width: 62px;
		621	+ width: 31px;
		622	+ height: 62px;
		623	+ height: 31px;
		624	+ background-size: 571px;
		625	+}
		626	+.icon-title_fanhui_H {
		627	+ background-image: url(../images/dest/sprite.png);
		628	+ background-position: -424px -580px;
		629	+ background-position: -212px -290px;
		630	+ width: 62px;
		631	+ width: 31px;
		632	+ height: 62px;
		633	+ height: 31px;
		634	+ background-size: 571px;
		635	+}
		636	+.icon-title_quxiao {
		637	+ background-image: url(../images/dest/sprite.png);
		638	+ background-position: -124px -1000px;
		639	+ background-position: -62px -500px;
		640	+ width: 62px;
		641	+ width: 31px;
		642	+ height: 62px;
		643	+ height: 31px;
		644	+ background-size: 571px;
		645	+}
		646	+.icon-title_quxiao_H {
		647	+ background-image: url(../images/dest/sprite.png);
		648	+ background-position: 0px -1000px;
		649	+ background-position: 0px -500px;
		650	+ width: 62px;
		651	+ width: 31px;
		652	+ height: 62px;
		653	+ height: 31px;
		654	+ background-size: 571px;
		655	+}
		656	+.icon-title_shouye {
		657	+ background-image: url(../images/dest/sprite.png);
		658	+ background-position: -62px -1000px;
		659	+ background-position: -31px -500px;
		660	+ width: 62px;
		661	+ width: 31px;
		662	+ height: 62px;
		663	+ height: 31px;
		664	+ background-size: 571px;
		665	+}
		666	+.icon-title_shouye_H {
		667	+ background-image: url(../images/dest/sprite.png);
		668	+ background-position: -672px -580px;
		669	+ background-position: -336px -290px;
		670	+ width: 62px;
		671	+ width: 31px;
		672	+ height: 62px;
		673	+ height: 31px;
		674	+ background-size: 571px;
		675	+}
		676	+.icon-user_1 {
		677	+ background-image: url(../images/dest/sprite.png);
		678	+ background-position: -432px -1000px;
		679	+ background-position: -216px -500px;
		680	+ width: 40px;
		681	+ width: 20px;
		682	+ height: 40px;
		683	+ height: 20px;
		684	+ background-size: 571px;
		685	+}
		686	+.icon-user_2 {
		687	+ background-image: url(../images/dest/sprite.png);
		688	+ background-position: -472px -1000px;
		689	+ background-position: -236px -500px;
		690	+ width: 40px;
		691	+ width: 20px;
		692	+ height: 40px;
		693	+ height: 20px;
		694	+ background-size: 571px;
		695	+}
		696	+.icon-user_3 {
		697	+ background-image: url(../images/dest/sprite.png);
		698	+ background-position: -512px -1000px;
		699	+ background-position: -256px -500px;
		700	+ width: 40px;
		701	+ width: 20px;
		702	+ height: 40px;
		703	+ height: 20px;
		704	+ background-size: 571px;
		705	+}
		706	+.icon-user_4 {
		707	+ background-image: url(../images/dest/sprite.png);
		708	+ background-position: -552px -1000px;
		709	+ background-position: -276px -500px;
		710	+ width: 40px;
		711	+ width: 20px;
		712	+ height: 40px;
		713	+ height: 20px;
		714	+ background-size: 571px;
		715	+}
		716	+.icon-user_5 {
		717	+ background-image: url(../images/dest/sprite.png);
		718	+ background-position: -592px -1000px;
		719	+ background-position: -296px -500px;
		720	+ width: 40px;
		721	+ width: 20px;
		722	+ height: 40px;
		723	+ height: 20px;
		724	+ background-size: 571px;
		725	+}
		726	+.icon-user_6 {
		727	+ background-image: url(../images/dest/sprite.png);
		728	+ background-position: -272px -1000px;
		729	+ background-position: -136px -500px;
		730	+ width: 40px;
		731	+ width: 20px;
		732	+ height: 40px;
		733	+ height: 20px;
		734	+ background-size: 571px;
		735	+}
		736	+.icon-user_7 {
		737	+ background-image: url(../images/dest/sprite.png);
		738	+ background-position: -312px -1000px;
		739	+ background-position: -156px -500px;
		740	+ width: 40px;
		741	+ width: 20px;
		742	+ height: 40px;
		743	+ height: 20px;
		744	+ background-size: 571px;
		745	+}
		746	+.icon-user_8 {
		747	+ background-image: url(../images/dest/sprite.png);
		748	+ background-position: -232px -1000px;
		749	+ background-position: -116px -500px;
		750	+ width: 40px;
		751	+ width: 20px;
		752	+ height: 40px;
		753	+ height: 20px;
		754	+ background-size: 571px;
		755	+}
		756	+.icon-user_9 {
		757	+ background-image: url(../images/dest/sprite.png);
		758	+ background-position: -392px -1000px;
		759	+ background-position: -196px -500px;
		760	+ width: 40px;
		761	+ width: 20px;
		762	+ height: 40px;
		763	+ height: 20px;
		764	+ background-size: 571px;
		765	+}
		766	+.icon-zhongdian {
		767	+ background-image: url(../images/dest/sprite.png);
		768	+ background-position: -1102px -684px;
		769	+ background-position: -551px -342px;
		770	+ width: 40px;
		771	+ width: 20px;
		772	+ height: 40px;
		773	+ height: 20px;
		774	+ background-size: 571px;
		775	+}
		776	+.icon-cert {
		777	+ background-image: url(../images/dest/sprite.png);
		778	+ background-position: -880px -150px;
		779	+ background-position: -440px -75px;
		780	+ width: 150px;
		781	+ width: 75px;
		782	+ height: 150px;
		783	+ height: 75px;
		784	+ background-size: 571px;
		785	+}
		786	+.icon-certing {
		787	+ background-image: url(../images/dest/sprite.png);
		788	+ background-position: -880px -300px;
		789	+ background-position: -440px -150px;
		790	+ width: 150px;
		791	+ width: 75px;
		792	+ height: 150px;
		793	+ height: 75px;
		794	+ background-size: 571px;
		795	+}
		796	+.icon-certinvalid {
		797	+ background-image: url(../images/dest/sprite.png);
		798	+ background-position: -880px 0px;
		799	+ background-position: -440px 0px;
		800	+ width: 150px;
		801	+ width: 75px;
		802	+ height: 150px;
		803	+ height: 75px;
		804	+ background-size: 571px;
		805	+}
		806	+.icon-amount {
		807	+ background-image: url(../images/dest/sprite.png);
		808	+ background-position: -880px -734px;
		809	+ background-position: -440px -367px;
		810	+ width: 142px;
		811	+ width: 71px;
		812	+ height: 142px;
		813	+ height: 71px;
		814	+ background-size: 571px;
		815	+}
		816	+.icon-lock {
		817	+ background-image: url(../images/dest/sprite.png);
		818	+ background-position: -880px -592px;
		819	+ background-position: -440px -296px;
		820	+ width: 142px;
		821	+ width: 71px;
		822	+ height: 142px;
		823	+ height: 71px;
		824	+ background-size: 571px;
		825	+}
		826	+.icon-road {
		827	+ background-image: url(../images/dest/sprite.png);
		828	+ background-position: -880px -450px;
		829	+ background-position: -440px -225px;
		830	+ width: 142px;
		831	+ width: 71px;
		832	+ height: 142px;
		833	+ height: 71px;
		834	+ background-size: 571px;
		835	+}
		836	+.icon-state_zhaohuo {
		837	+ background: url(../images/s.gif) no-repeat 0 0;
		838	+ background-size: 150px 150px;
		839	+}
		840	+.m-badge {
		841	+ position: absolute;
		842	+ display: inline-block;
		843	+ width: 56px;
		844	+ height: 56px;
		845	+ left: 0;
		846	+ top: 0;
		847	+}
		848	+.m-badge.badge-pause {
		849	+ background-image: url(../images/dest/sprite.png);
		850	+ background-position: -880px -880px;
		851	+ background-position: -440px -440px;
		852	+ width: 112px;
		853	+ width: 56px;
		854	+ height: 112px;
		855	+ height: 56px;
		856	+ background-size: 571px;
		857	+}
		858	+.m-badge.badge-cert {
		859	+ background-image: url(../images/dest/sprite.png);
		860	+ background-position: -432px -880px;
		861	+ background-position: -216px -440px;
		862	+ width: 112px;
		863	+ width: 56px;
		864	+ height: 112px;
		865	+ height: 56px;
		866	+ background-size: 571px;
		867	+}

css/badge.less 0 → 100644

View file @3811916

		1	+++ a/css/badge.less
		1	+@import "icon";
		2	+.m-badge{
		3	+ position: absolute;
		4	+ display: inline-block;
		5	+ width: 56px;
		6	+ height: 56px;
		7	+ left: 0;
		8	+ top: 0;
		9	+ //已暂停
		10	+ &.badge-pause{
		11	+ .icon-label_zanting;
		12	+ }
		13	+ //未认证
		14	+ &.badge-cert{
		15	+ .icon-label_renzheng;
		16	+ }
		17	+}
0	\ No newline at end of file	18	\ No newline at end of file

css/btn.css 0 → 100644

View file @3811916

		1	+++ a/css/btn.css
		1	+/***************************************************
		2	+* feature : 按钮，默认提供3种样式;
		3	+* update : 2015/02/03;
		4	+* use : .m-btn;
		5	+* extend : .btn-*;
		6	+* example : ;
		7	+* desc : ;
		8	+* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
		9	+* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
		10	+****************************************************/
		11	+.m-btn,
		12	+a.m-btn {
		13	+ display: inline-block;
		14	+ padding: 0 15px;
		15	+ line-height: 35px;
		16	+ font-size: 15px;
		17	+ color: #FFF;
		18	+ text-align: center;
		19	+ background-color: #1c69a3;
		20	+ border-radius: 3px;
		21	+ -webkit-border-radius: 3px;
		22	+ -moz-border-radius: 3px;
		23	+ cursor: pointer;
		24	+ vertical-align: middle;
		25	+ min-width: 68px;
		26	+ position: relative;
		27	+ border: none;
		28	+}
		29	+.m-btn:after,
		30	+a.m-btn:after {
		31	+ content: '';
		32	+ position: absolute;
		33	+ top: 0;
		34	+ left: 0;
		35	+ border: 1px solid #1c69a3;
		36	+ -webkit-box-sizing: border-box;
		37	+ box-sizing: border-box;
		38	+ width: 200%;
		39	+ height: 200%;
		40	+ -webkit-transform: scale(0.5);
		41	+ transform: scale(0.5);
		42	+ -webkit-transform-origin: left top;
		43	+ transform-origin: left top;
		44	+ border-radius: 6px;
		45	+ -webkit-border-radius: 6px;
		46	+ -moz-border-radius: 6px;
		47	+}
		48	+.m-btn.btn-large,
		49	+a.m-btn.btn-large {
		50	+ font-size: 19px;
		51	+ line-height: 43px;
		52	+}
		53	+.m-btn.btn-default,
		54	+a.m-btn.btn-default {
		55	+ color: #333;
		56	+ background-color: #FFF;
		57	+}
		58	+.m-btn.btn-default:after,
		59	+a.m-btn.btn-default:after {
		60	+ border-color: #e2e2e2;
		61	+}
		62	+.m-btn.btn-success,
		63	+a.m-btn.btn-success {
		64	+ color: #FFF;
		65	+ background-color: #6C2;
		66	+ border: none;
		67	+}
		68	+.m-btn.btn-success.reverse,
		69	+a.m-btn.btn-success.reverse {
		70	+ background-color: #FFF;
		71	+ color: #6C2;
		72	+ line-height: 43px;
		73	+}
		74	+.m-btn.btn-success.reverse:after,
		75	+a.m-btn.btn-success.reverse:after {
		76	+ border-color: #6C2;
		77	+}
		78	+.m-btn.btn-warning,
		79	+a.m-btn.btn-warning {
		80	+ color: #FFF;
		81	+ background-color: #ff9d2c;
		82	+ border: none;
		83	+}
		84	+.m-btn.btn-danger,
		85	+a.m-btn.btn-danger {
		86	+ color: #FFF;
		87	+ background-color: #fa4535;
		88	+ border: none;
		89	+}
		90	+.m-btn.btn-text,
		91	+a.m-btn.btn-text {
		92	+ background: none;
		93	+ border: 1px solid #6c2;
		94	+ color: #6c2;
		95	+ width: 65px;
		96	+ font-size: 12px;
		97	+ text-align: center;
		98	+ line-height: 23px;
		99	+ padding: 0;
		100	+ float: right;
		101	+ border-radius: 2px;
		102	+ margin-top: -2px;
		103	+}
		104	+.m-btn.disabled,
		105	+a.m-btn.disabled {
		106	+ background-color: #e2e2e2;
		107	+ color: #999;
		108	+}
		109	+.m-btn.disabled:after,
		110	+a.m-btn.disabled:after {
		111	+ border-color: #e2e2d2;
		112	+}

css/btn.less 0 → 100644

View file @3811916

		1	+++ a/css/btn.less
		1	+/***************************************************
		2	+* feature : 按钮，默认提供3种样式;
		3	+* update : 2015/02/03;
		4	+* use : .m-btn;
		5	+* extend : .btn-*;
		6	+* example : ;
		7	+* desc : ;
		8	+* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
		9	+* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
		10	+****************************************************/
		11	+
		12	+.m-btn,
		13	+a.m-btn {
		14	+ display: inline-block;
		15	+ padding: 0 15px;
		16	+ line-height: 35px;
		17	+ font-size: 15px;
		18	+ color: #FFF;
		19	+ text-align: center;
		20	+ border: none;
		21	+ background-color: #1c69a3;
		22	+ border-radius: 3px;
		23	+ -webkit-border-radius: 3px;
		24	+ -moz-border-radius: 3px;
		25	+ cursor: pointer;
		26	+ vertical-align: middle;
		27	+ min-width: 68px;
		28	+ position: relative;
		29	+ // border: 1px solid #1c69a3;
		30	+ border:none;
		31	+ &:after {
		32	+ content: '';
		33	+ position: absolute;
		34	+ top: 0;
		35	+ left: 0;
		36	+ border: 1px solid #1c69a3;
		37	+ -webkit-box-sizing: border-box;
		38	+ box-sizing: border-box;
		39	+ width: 200%;
		40	+ height: 200%;
		41	+ -webkit-transform: scale(0.5);
		42	+ transform: scale(0.5);
		43	+ -webkit-transform-origin: left top;
		44	+ transform-origin: left top;
		45	+ border-radius: 6px;
		46	+ -webkit-border-radius: 6px;
		47	+ -moz-border-radius: 6px;
		48	+ }
		49	+ &.btn-large {
		50	+ font-size: 19px;
		51	+ line-height: 43px;
		52	+ }
		53	+ &.btn-default {
		54	+ color: #333;
		55	+ background-color: #FFF;
		56	+ // border-color: #e2e2e2;
		57	+ &:after {
		58	+ border-color: #e2e2e2;
		59	+ }
		60	+ }
		61	+ &.btn-success {
		62	+ color: #FFF;
		63	+ background-color: #6C2;
		64	+ border: none;
		65	+ &.reverse {
		66	+ background-color: #FFF;
		67	+ color: #6C2;
		68	+ line-height: 43px;
		69	+ // border: 1px solid #6C2;
		70	+ &:after {
		71	+ border-color: #6C2;
		72	+ }
		73	+ }
		74	+ }
		75	+ &.btn-warning {
		76	+ color: #FFF;
		77	+ background-color: #ff9d2c;
		78	+ border: none;
		79	+
		80	+ }
		81	+ &.btn-danger {
		82	+ color: #FFF;
		83	+ background-color: #fa4535;
		84	+ border: none;
		85	+ }
		86	+ &.btn-text {
		87	+ background: none;
		88	+ border: 1px solid #6c2;
		89	+ color: #6c2;
		90	+ width: 65px;
		91	+ font-size: 12px;
		92	+ text-align: center;
		93	+ line-height: 23px;
		94	+ padding: 0;
		95	+ float: right;
		96	+ border-radius: 2px;
		97	+ margin-top: -2px;
		98	+ }
		99	+ &.disabled {
		100	+ background-color: #e2e2e2;
		101	+ color: #999;
		102	+ // border-color: #e2e2d2;
		103	+ &:after {
		104	+ border-color: #e2e2d2;
		105	+ }
		106	+ }
		107	+}

css/circle.css 0 → 100644

View file @3811916

		1	+++ a/css/circle.css
		1	+.m-circle {
		2	+ display: inline-block;
		3	+ vertical-align: middle;
		4	+ text-align: center;
		5	+}
		6	+.m-circle canvas {
		7	+ width: 100%;
		8	+ height: 100%;
		9	+}

css/circle.less 0 → 100644

View file @3811916

		1	+++ a/css/circle.less
		1	+.m-circle{
		2	+ display: inline-block;
		3	+ vertical-align: middle;
		4	+ text-align: center;
		5	+ canvas{
		6	+ width: 100%;
		7	+ height: 100%;
		8	+ }
		9	+}
0	\ No newline at end of file	10	\ No newline at end of file

css/comment.css 0 → 100644

View file @3811916

		1	+++ a/css/comment.css
		1	+.commentPage .m-table-view {
		2	+ margin-bottom: 15px;
		3	+}
		4	+.commentPage .submit-wrap {
		5	+ padding: 0 10px;
		6	+ box-sizing: border-box;
		7	+}
		8	+.commentPage .submit {
		9	+ width: 100%;
		10	+}
		11	+.commentPage .m-footer {
		12	+ background: none;
		13	+}
		14	+.commentPage .m-footer a {
		15	+ font-size: 15px;
		16	+}

css/comment.less 0 → 100644

View file @3811916

		1	+++ a/css/comment.less
		1	+.commentPage{
		2	+ .m-table-view{
		3	+ margin-bottom: 15px;
		4	+ }
		5	+ .submit-wrap{
		6	+ padding: 0 10px;
		7	+ box-sizing: border-box;
		8	+ }
		9	+ .submit{
		10	+ width: 100%;
		11	+ }
		12	+ .m-footer{
		13	+ background: none;
		14	+ a{
		15	+ font-size: 15px;
		16	+ }
		17	+ }
		18	+}
0	\ No newline at end of file	19	\ No newline at end of file

css/common.css 0 → 100644

View file @3811916

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

css/common.less 0 → 100644

View file @3811916

		1	+++ a/css/common.less
		1	+//common component
		2	+@import "reset";
		3	+@import "tips";
		4	+@import "badge";
		5	+@import "btn";
		6	+@import "one-border";
		7	+@import "form";
		8	+@import "circle";
		9	+@import "icon";
		10	+@import "star";
		11	+@import "table";
		12	+@import "slide_btn";
		13	+@import "segment";
		14	+@import "table_view";
		15	+@import "mask";
		16	+@import "message";
		17	+@import "popup";
		18	+@import "header";
		19	+@import "footer";
		20	+@import "utilities";
		21	+
		22	+.m-animate-show {
		23	+ -webkit-transform: translate(0,0) translateZ(0)!important;
		24	+ -ms-transform: translate(0,0) translateZ(0)!important;
		25	+ -o-transform: translate(0,0) translateZ(0)!important;
		26	+ transform: translate(0,0) translateZ(0)!important
		27	+}
		28	+
		29	+.m-state{
		30	+ font-style: normal;
		31	+ font-size: 14px;
		32	+ font-weight: normal;
		33	+ line-height: 20px;
		34	+ padding-right: 5px;
		35	+ // overflow: hidden;
		36	+ display: inline-block;
		37	+ border-radius: 3px;
		38	+ color: #21b563;
		39	+ vertical-align: middle;
		40	+ &:after{
		41	+ border-color: #21b563;
		42	+ }
		43	+ em{
		44	+ float: left;
		45	+ display: inline-block;
		46	+ color: #fff;
		47	+ padding: 0 3px;
		48	+ background-color: #21b563;
		49	+ margin-right: 5px;
		50	+ border-top-left-radius: 3px;
		51	+ border-bottom-left-radius: 3px;
		52	+ }
		53	+}
0	\ No newline at end of file	54	\ No newline at end of file

css/footer.css 0 → 100644

View file @3811916

		1	+++ a/css/footer.css
		1	+.m-footer {
		2	+ position: fixed;
		3	+ left: 0;
		4	+ bottom: 0;
		5	+ right: 0;
		6	+ z-index: 9;
		7	+ padding: 12px 10px;
		8	+ background-color: #FFF;
		9	+ display: block;
		10	+ overflow: hidden;
		11	+}

css/footer.less 0 → 100644

View file @3811916

		1	+++ a/css/footer.less
		1	+.m-footer{
		2	+ position: fixed;
		3	+ left: 0;
		4	+ bottom: 0;
		5	+ right: 0;
		6	+ z-index: 9;
		7	+ // display: table;
		8	+ padding: 12px 10px;
		9	+ // background: rgba(255, 255, 255, .9);
		10	+ background-color: #FFF;
		11	+ // display: table;
		12	+ display: block;
		13	+ // width: 100%;
		14	+ overflow: hidden;
		15	+ .footer-inner{
		16	+ // padding: 0 12px;
		17	+ }
		18	+}
0	\ No newline at end of file	19	\ No newline at end of file

css/form.css 0 → 100644

View file @3811916

		1	+++ a/css/form.css
		1	+/***************************************************
		2	+* feature : 表单组件类集合，提供input、textarea等样式;
		3	+* update : 2015/02/03;
		4	+* use : 按需使用;
		5	+* extend : ;
		6	+* example : ;
		7	+* desc : ;
		8	+* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
		9	+* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
		10	+****************************************************/
		11	+/*
		12	+LESS variables are information about icon's compiled state, stored under its original file name
		13	+
		14	+.icon-home {
		15	+ width: @icon-home-width;
		16	+}
		17	+
		18	+The large array-like variables contain all information about a single icon
		19	+@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
		20	+
		21	+At the bottom of this section, we provide information about the spritesheet itself
		22	+@spritesheet: width height image @spritesheet-sprites;
		23	+*/
		24	+/*
		25	+The provided classes are intended to be used with the array-like variables
		26	+
		27	+.icon-home {
		28	+ .sprite-width(@icon-home);
		29	+}
		30	+.icon-email {
		31	+ .sprite(@icon-email);
		32	+}
		33	+*/
		34	+/*
		35	+The `.sprites` mixin generates identical output to the CSS template
		36	+ but can be overridden inside of LESS
		37	+
		38	+This must be run when you have at least 2 sprites.
		39	+ If run with a single sprite, then there will be reference errors.
		40	+
		41	+.sprites(@spritesheet-sprites);
		42	+*/
		43	+.m-icon {
		44	+ display: inline-block;
		45	+ vertical-align: middle;
		46	+}
		47	+.icon-arrow {
		48	+ background-image: url(../images/dest/sprite.png);
		49	+ background-position: -992px -880px;
		50	+ background-position: -496px -440px;
		51	+ width: 32px;
		52	+ width: 16px;
		53	+ height: 32px;
		54	+ height: 16px;
		55	+ background-size: 571px;
		56	+}
		57	+.icon-choose {
		58	+ background-image: url(../images/dest/sprite.png);
		59	+ background-position: -778px -300px;
		60	+ background-position: -389px -150px;
		61	+ width: 46px;
		62	+ width: 23px;
		63	+ height: 46px;
		64	+ height: 23px;
		65	+ background-size: 571px;
		66	+}
		67	+.icon-choose_H {
		68	+ background-image: url(../images/dest/sprite.png);
		69	+ background-position: -824px -300px;
		70	+ background-position: -412px -150px;
		71	+ width: 46px;
		72	+ width: 23px;
		73	+ height: 46px;
		74	+ height: 23px;
		75	+ background-size: 571px;
		76	+}
		77	+.icon-delete {
		78	+ background-image: url(../images/dest/sprite.png);
		79	+ background-position: -186px -1000px;
		80	+ background-position: -93px -500px;
		81	+ width: 46px;
		82	+ width: 23px;
		83	+ height: 46px;
		84	+ height: 23px;
		85	+ background-size: 571px;
		86	+}
		87	+.icon-drop_down {
		88	+ background-image: url(../images/dest/sprite.png);
		89	+ background-position: -858px -580px;
		90	+ background-position: -429px -290px;
		91	+ width: 16px;
		92	+ width: 8px;
		93	+ height: 16px;
		94	+ height: 8px;
		95	+ background-size: 571px;
		96	+}
		97	+.icon-fenxiang_duanxin {
		98	+ background-image: url(../images/dest/sprite.png);
		99	+ background-position: -1030px -412px;
		100	+ background-position: -515px -206px;
		101	+ width: 100px;
		102	+ width: 50px;
		103	+ height: 100px;
		104	+ height: 50px;
		105	+ background-size: 571px;
		106	+}
		107	+.icon-guide_dan {
		108	+ background-image: url(../images/dest/sprite.png);
		109	+ background-position: -1110px -956px;
		110	+ background-position: -555px -478px;
		111	+ width: 32px;
		112	+ width: 16px;
		113	+ height: 32px;
		114	+ height: 16px;
		115	+ background-size: 571px;
		116	+}
		117	+.icon-guide_shuang {
		118	+ background-image: url(../images/dest/sprite.png);
		119	+ background-position: -1102px -724px;
		120	+ background-position: -551px -362px;
		121	+ width: 32px;
		122	+ width: 16px;
		123	+ height: 32px;
		124	+ height: 16px;
		125	+ background-size: 571px;
		126	+}
		127	+.icon-help {
		128	+ background-image: url(../images/dest/sprite.png);
		129	+ background-position: -630px -300px;
		130	+ background-position: -315px -150px;
		131	+ width: 50px;
		132	+ width: 25px;
		133	+ height: 50px;
		134	+ height: 25px;
		135	+ background-size: 571px;
		136	+}
		137	+.icon-home_jiedan {
		138	+ background-image: url(../images/dest/sprite.png);
		139	+ background-position: 0px 0px;
		140	+ width: 290px;
		141	+ width: 145px;
		142	+ height: 350px;
		143	+ height: 175px;
		144	+ background-size: 571px;
		145	+}
		146	+.icon-home_jiedan_H {
		147	+ background-image: url(../images/dest/sprite.png);
		148	+ background-position: -290px 0px;
		149	+ background-position: -145px 0px;
		150	+ width: 290px;
		151	+ width: 145px;
		152	+ height: 350px;
		153	+ height: 175px;
		154	+ background-size: 571px;
		155	+}
		156	+.icon-home_jiedanzhong {
		157	+ background-image: url(../images/dest/sprite.png);
		158	+ background-position: -320px -880px;
		159	+ background-position: -160px -440px;
		160	+ width: 112px;
		161	+ width: 56px;
		162	+ height: 112px;
		163	+ height: 56px;
		164	+ background-size: 571px;
		165	+}
		166	+.icon-home_kefu {
		167	+ background-image: url(../images/dest/sprite.png);
		168	+ background-position: -580px -760px;
		169	+ background-position: -290px -380px;
		170	+ width: 290px;
		171	+ width: 145px;
		172	+ height: 110px;
		173	+ height: 55px;
		174	+ background-size: 571px;
		175	+}
		176	+.icon-home_kefu_H {
		177	+ background-image: url(../images/dest/sprite.png);
		178	+ background-position: -580px -650px;
		179	+ background-position: -290px -325px;
		180	+ width: 290px;
		181	+ width: 145px;
		182	+ height: 110px;
		183	+ height: 55px;
		184	+ background-size: 571px;
		185	+}
		186	+.icon-home_shenhezhong {
		187	+ background-image: url(../images/dest/sprite.png);
		188	+ background-position: -544px -880px;
		189	+ background-position: -272px -440px;
		190	+ width: 112px;
		191	+ width: 56px;
		192	+ height: 112px;
		193	+ height: 56px;
		194	+ background-size: 571px;
		195	+}
		196	+.icon-home_weijiedan {
		197	+ background-image: url(../images/dest/sprite.png);
		198	+ background-position: -656px -880px;
		199	+ background-position: -328px -440px;
		200	+ width: 112px;
		201	+ width: 56px;
		202	+ height: 112px;
		203	+ height: 56px;
		204	+ background-size: 571px;
		205	+}
		206	+.icon-home_weitongguo {
		207	+ background-image: url(../images/dest/sprite.png);
		208	+ background-position: -768px -880px;
		209	+ background-position: -384px -440px;
		210	+ width: 112px;
		211	+ width: 56px;
		212	+ height: 112px;
		213	+ height: 56px;
		214	+ background-size: 571px;
		215	+}
		216	+.icon-home_wo {
		217	+ background-image: url(../images/dest/sprite.png);
		218	+ background-position: -290px -650px;
		219	+ background-position: -145px -325px;
		220	+ width: 290px;
		221	+ width: 145px;
		222	+ height: 230px;
		223	+ height: 115px;
		224	+ background-size: 571px;
		225	+}
		226	+.icon-home_wo_H {
		227	+ background-image: url(../images/dest/sprite.png);
		228	+ background-position: -300px -350px;
		229	+ background-position: -150px -175px;
		230	+ width: 290px;
		231	+ width: 145px;
		232	+ height: 230px;
		233	+ height: 115px;
		234	+ background-size: 571px;
		235	+}
		236	+.icon-home_yirenzheng {
		237	+ background-image: url(../images/dest/sprite.png);
		238	+ background-position: -1030px 0px;
		239	+ background-position: -515px 0px;
		240	+ width: 112px;
		241	+ width: 56px;
		242	+ height: 112px;
		243	+ height: 56px;
		244	+ background-size: 571px;
		245	+}
		246	+.icon-home_yundan {
		247	+ background-image: url(../images/dest/sprite.png);
		248	+ background-position: -590px -350px;
		249	+ background-position: -295px -175px;
		250	+ width: 290px;
		251	+ width: 145px;
		252	+ height: 230px;
		253	+ height: 115px;
		254	+ background-size: 571px;
		255	+}
		256	+.icon-home_yundan_H {
		257	+ background-image: url(../images/dest/sprite.png);
		258	+ background-position: 0px -650px;
		259	+ background-position: 0px -325px;
		260	+ width: 290px;
		261	+ width: 145px;
		262	+ height: 230px;
		263	+ height: 115px;
		264	+ background-size: 571px;
		265	+}
		266	+.icon-img {
		267	+ background-image: url(../images/dest/sprite.png);
		268	+ background-position: -160px -880px;
		269	+ background-position: -80px -440px;
		270	+ width: 160px;
		271	+ width: 80px;
		272	+ height: 120px;
		273	+ height: 60px;
		274	+ background-size: 571px;
		275	+}
		276	+.icon-img_H {
		277	+ background-image: url(../images/dest/sprite.png);
		278	+ background-position: 0px -880px;
		279	+ background-position: 0px -440px;
		280	+ width: 160px;
		281	+ width: 80px;
		282	+ height: 120px;
		283	+ height: 60px;
		284	+ background-size: 571px;
		285	+}
		286	+.icon-jiedan_baozhengjin {
		287	+ background-image: url(../images/dest/sprite.png);
		288	+ background-position: -352px -1000px;
		289	+ background-position: -176px -500px;
		290	+ width: 40px;
		291	+ width: 20px;
		292	+ height: 40px;
		293	+ height: 20px;
		294	+ background-size: 571px;
		295	+}
		296	+.icon-label_renzheng {
		297	+ background-image: url(../images/dest/sprite.png);
		298	+ background-position: -432px -880px;
		299	+ background-position: -216px -440px;
		300	+ width: 112px;
		301	+ width: 56px;
		302	+ height: 112px;
		303	+ height: 56px;
		304	+ background-size: 571px;
		305	+}
		306	+.icon-label_zanting {
		307	+ background-image: url(../images/dest/sprite.png);
		308	+ background-position: -880px -880px;
		309	+ background-position: -440px -440px;
		310	+ width: 112px;
		311	+ width: 56px;
		312	+ height: 112px;
		313	+ height: 56px;
		314	+ background-size: 571px;
		315	+}
		316	+.icon-percentage_1 {
		317	+ background-image: url(../images/dest/sprite.png);
		318	+ background-position: -734px -580px;
		319	+ background-position: -367px -290px;
		320	+ width: 62px;
		321	+ width: 31px;
		322	+ height: 62px;
		323	+ height: 31px;
		324	+ background-size: 571px;
		325	+}
		326	+.icon-percentage_2 {
		327	+ background-image: url(../images/dest/sprite.png);
		328	+ background-position: -796px -580px;
		329	+ background-position: -398px -290px;
		330	+ width: 62px;
		331	+ width: 31px;
		332	+ height: 62px;
		333	+ height: 31px;
		334	+ background-size: 571px;
		335	+}
		336	+.icon-phone {
		337	+ background-image: url(../images/dest/sprite.png);
		338	+ background-position: -1030px -684px;
		339	+ background-position: -515px -342px;
		340	+ width: 72px;
		341	+ width: 36px;
		342	+ height: 72px;
		343	+ height: 36px;
		344	+ background-size: 571px;
		345	+}
		346	+.icon-phone_H {
		347	+ background-image: url(../images/dest/sprite.png);
		348	+ background-position: -1030px -612px;
		349	+ background-position: -515px -306px;
		350	+ width: 72px;
		351	+ width: 36px;
		352	+ height: 72px;
		353	+ height: 36px;
		354	+ background-size: 571px;
		355	+}
		356	+.icon-phone_x {
		357	+ background-image: url(../images/dest/sprite.png);
		358	+ background-position: -730px -300px;
		359	+ background-position: -365px -150px;
		360	+ width: 48px;
		361	+ width: 24px;
		362	+ height: 48px;
		363	+ height: 24px;
		364	+ background-size: 571px;
		365	+}
		366	+.icon-public_jia {
		367	+ background-image: url(../images/dest/sprite.png);
		368	+ background-position: -362px -580px;
		369	+ background-position: -181px -290px;
		370	+ width: 62px;
		371	+ width: 31px;
		372	+ height: 62px;
		373	+ height: 31px;
		374	+ background-size: 571px;
		375	+}
		376	+.icon-public_jia_H {
		377	+ background-image: url(../images/dest/sprite.png);
		378	+ background-position: -300px -580px;
		379	+ background-position: -150px -290px;
		380	+ width: 62px;
		381	+ width: 31px;
		382	+ height: 62px;
		383	+ height: 31px;
		384	+ background-size: 571px;
		385	+}
		386	+.icon-public_quxiao1 {
		387	+ background-image: url(../images/dest/sprite.png);
		388	+ background-position: -486px -580px;
		389	+ background-position: -243px -290px;
		390	+ width: 62px;
		391	+ width: 31px;
		392	+ height: 62px;
		393	+ height: 31px;
		394	+ background-size: 571px;
		395	+}
		396	+.icon-public_quxiao1_H {
		397	+ background-image: url(../images/dest/sprite.png);
		398	+ background-position: -548px -580px;
		399	+ background-position: -274px -290px;
		400	+ width: 62px;
		401	+ width: 31px;
		402	+ height: 62px;
		403	+ height: 31px;
		404	+ background-size: 571px;
		405	+}
		406	+.icon-qidian {
		407	+ background-image: url(../images/dest/sprite.png);
		408	+ background-position: -1102px -612px;
		409	+ background-position: -551px -306px;
		410	+ width: 40px;
		411	+ width: 20px;
		412	+ height: 40px;
		413	+ height: 20px;
		414	+ background-size: 571px;
		415	+}
		416	+.icon-score {
		417	+ background-image: url(../images/dest/sprite.png);
		418	+ background-position: -680px -300px;
		419	+ background-position: -340px -150px;
		420	+ width: 50px;
		421	+ width: 25px;
		422	+ height: 50px;
		423	+ height: 25px;
		424	+ background-size: 571px;
		425	+}
		426	+.icon-score_H {
		427	+ background-image: url(../images/dest/sprite.png);
		428	+ background-position: -580px -300px;
		429	+ background-position: -290px -150px;
		430	+ width: 50px;
		431	+ width: 25px;
		432	+ height: 50px;
		433	+ height: 25px;
		434	+ background-size: 571px;
		435	+}
		436	+.icon-search {
		437	+ background-image: url(../images/dest/sprite.png);
		438	+ background-position: -1102px -652px;
		439	+ background-position: -551px -326px;
		440	+ width: 32px;
		441	+ width: 16px;
		442	+ height: 32px;
		443	+ height: 16px;
		444	+ background-size: 571px;
		445	+}
		446	+.icon-share_QQ {
		447	+ background-image: url(../images/dest/sprite.png);
		448	+ background-position: -1030px -312px;
		449	+ background-position: -515px -156px;
		450	+ width: 100px;
		451	+ width: 50px;
		452	+ height: 100px;
		453	+ height: 50px;
		454	+ background-size: 571px;
		455	+}
		456	+.icon-share_baidu {
		457	+ background-image: url(../images/dest/sprite.png);
		458	+ background-position: -1030px -212px;
		459	+ background-position: -515px -106px;
		460	+ width: 100px;
		461	+ width: 50px;
		462	+ height: 100px;
		463	+ height: 50px;
		464	+ background-size: 571px;
		465	+}
		466	+.icon-share_weixin {
		467	+ background-image: url(../images/dest/sprite.png);
		468	+ background-position: -1030px -112px;
		469	+ background-position: -515px -56px;
		470	+ width: 100px;
		471	+ width: 50px;
		472	+ height: 100px;
		473	+ height: 50px;
		474	+ background-size: 571px;
		475	+}
		476	+.icon-share_xinlang {
		477	+ background-image: url(../images/dest/sprite.png);
		478	+ background-position: -1030px -512px;
		479	+ background-position: -515px -256px;
		480	+ width: 100px;
		481	+ width: 50px;
		482	+ height: 100px;
		483	+ height: 50px;
		484	+ background-size: 571px;
		485	+}
		486	+.icon-state_1 {
		487	+ background-image: url(../images/dest/sprite.png);
		488	+ background-position: -1030px -956px;
		489	+ background-position: -515px -478px;
		490	+ width: 80px;
		491	+ width: 40px;
		492	+ height: 40px;
		493	+ height: 20px;
		494	+ background-size: 571px;
		495	+}
		496	+.icon-state_2 {
		497	+ background-image: url(../images/dest/sprite.png);
		498	+ background-position: -1030px -916px;
		499	+ background-position: -515px -458px;
		500	+ width: 100px;
		501	+ width: 50px;
		502	+ height: 40px;
		503	+ height: 20px;
		504	+ background-size: 571px;
		505	+}
		506	+.icon-state_3 {
		507	+ background-image: url(../images/dest/sprite.png);
		508	+ background-position: -1030px -876px;
		509	+ background-position: -515px -438px;
		510	+ width: 100px;
		511	+ width: 50px;
		512	+ height: 40px;
		513	+ height: 20px;
		514	+ background-size: 571px;
		515	+}
		516	+.icon-state_4 {
		517	+ background-image: url(../images/dest/sprite.png);
		518	+ background-position: -1030px -836px;
		519	+ background-position: -515px -418px;
		520	+ width: 100px;
		521	+ width: 50px;
		522	+ height: 40px;
		523	+ height: 20px;
		524	+ background-size: 571px;
		525	+}
		526	+.icon-state_5 {
		527	+ background-image: url(../images/dest/sprite.png);
		528	+ background-position: -1030px -796px;
		529	+ background-position: -515px -398px;
		530	+ width: 100px;
		531	+ width: 50px;
		532	+ height: 40px;
		533	+ height: 20px;
		534	+ background-size: 571px;
		535	+}
		536	+.icon-state_6 {
		537	+ background-image: url(../images/dest/sprite.png);
		538	+ background-position: -1030px -756px;
		539	+ background-position: -515px -378px;
		540	+ width: 110px;
		541	+ width: 55px;
		542	+ height: 40px;
		543	+ height: 20px;
		544	+ background-size: 571px;
		545	+}
		546	+.icon-state_bao {
		547	+ background-image: url(../images/dest/sprite.png);
		548	+ background-position: -880px -734px;
		549	+ background-position: -440px -367px;
		550	+ width: 142px;
		551	+ width: 71px;
		552	+ height: 142px;
		553	+ height: 71px;
		554	+ background-size: 571px;
		555	+}
		556	+.icon-state_suo {
		557	+ background-image: url(../images/dest/sprite.png);
		558	+ background-position: -880px -592px;
		559	+ background-position: -440px -296px;
		560	+ width: 142px;
		561	+ width: 71px;
		562	+ height: 142px;
		563	+ height: 71px;
		564	+ background-size: 571px;
		565	+}
		566	+.icon-state_wei {
		567	+ background-image: url(../images/dest/sprite.png);
		568	+ background-position: -880px 0px;
		569	+ background-position: -440px 0px;
		570	+ width: 150px;
		571	+ width: 75px;
		572	+ height: 150px;
		573	+ height: 75px;
		574	+ background-size: 571px;
		575	+}
		576	+.icon-state_xianlu {
		577	+ background-image: url(../images/dest/sprite.png);
		578	+ background-position: -880px -450px;
		579	+ background-position: -440px -225px;
		580	+ width: 142px;
		581	+ width: 71px;
		582	+ height: 142px;
		583	+ height: 71px;
		584	+ background-size: 571px;
		585	+}
		586	+.icon-state_yanzheng {
		587	+ background-image: url(../images/dest/sprite.png);
		588	+ background-position: -880px -150px;
		589	+ background-position: -440px -75px;
		590	+ width: 150px;
		591	+ width: 75px;
		592	+ height: 150px;
		593	+ height: 75px;
		594	+ background-size: 571px;
		595	+}
		596	+.icon-state_zanting {
		597	+ background-image: url(../images/dest/sprite.png);
		598	+ background-position: 0px -350px;
		599	+ background-position: 0px -175px;
		600	+ width: 300px;
		601	+ width: 150px;
		602	+ height: 300px;
		603	+ height: 150px;
		604	+ background-size: 571px;
		605	+}
		606	+.icon-state_zhaohuo {
		607	+ background-image: url(../images/dest/sprite.png);
		608	+ background-position: -580px 0px;
		609	+ background-position: -290px 0px;
		610	+ width: 300px;
		611	+ width: 150px;
		612	+ height: 300px;
		613	+ height: 150px;
		614	+ background-size: 571px;
		615	+}
		616	+.icon-state_zhong {
		617	+ background-image: url(../images/dest/sprite.png);
		618	+ background-position: -880px -300px;
		619	+ background-position: -440px -150px;
		620	+ width: 150px;
		621	+ width: 75px;
		622	+ height: 150px;
		623	+ height: 75px;
		624	+ background-size: 571px;
		625	+}
		626	+.icon-title_fanhui {
		627	+ background-image: url(../images/dest/sprite.png);
		628	+ background-position: -610px -580px;
		629	+ background-position: -305px -290px;
		630	+ width: 62px;
		631	+ width: 31px;
		632	+ height: 62px;
		633	+ height: 31px;
		634	+ background-size: 571px;
		635	+}
		636	+.icon-title_fanhui_H {
		637	+ background-image: url(../images/dest/sprite.png);
		638	+ background-position: -424px -580px;
		639	+ background-position: -212px -290px;
		640	+ width: 62px;
		641	+ width: 31px;
		642	+ height: 62px;
		643	+ height: 31px;
		644	+ background-size: 571px;
		645	+}
		646	+.icon-title_quxiao {
		647	+ background-image: url(../images/dest/sprite.png);
		648	+ background-position: -124px -1000px;
		649	+ background-position: -62px -500px;
		650	+ width: 62px;
		651	+ width: 31px;
		652	+ height: 62px;
		653	+ height: 31px;
		654	+ background-size: 571px;
		655	+}
		656	+.icon-title_quxiao_H {
		657	+ background-image: url(../images/dest/sprite.png);
		658	+ background-position: 0px -1000px;
		659	+ background-position: 0px -500px;
		660	+ width: 62px;
		661	+ width: 31px;
		662	+ height: 62px;
		663	+ height: 31px;
		664	+ background-size: 571px;
		665	+}
		666	+.icon-title_shouye {
		667	+ background-image: url(../images/dest/sprite.png);
		668	+ background-position: -62px -1000px;
		669	+ background-position: -31px -500px;
		670	+ width: 62px;
		671	+ width: 31px;
		672	+ height: 62px;
		673	+ height: 31px;
		674	+ background-size: 571px;
		675	+}
		676	+.icon-title_shouye_H {
		677	+ background-image: url(../images/dest/sprite.png);
		678	+ background-position: -672px -580px;
		679	+ background-position: -336px -290px;
		680	+ width: 62px;
		681	+ width: 31px;
		682	+ height: 62px;
		683	+ height: 31px;
		684	+ background-size: 571px;
		685	+}
		686	+.icon-user_1 {
		687	+ background-image: url(../images/dest/sprite.png);
		688	+ background-position: -432px -1000px;
		689	+ background-position: -216px -500px;
		690	+ width: 40px;
		691	+ width: 20px;
		692	+ height: 40px;
		693	+ height: 20px;
		694	+ background-size: 571px;
		695	+}
		696	+.icon-user_2 {
		697	+ background-image: url(../images/dest/sprite.png);
		698	+ background-position: -472px -1000px;
		699	+ background-position: -236px -500px;
		700	+ width: 40px;
		701	+ width: 20px;
		702	+ height: 40px;
		703	+ height: 20px;
		704	+ background-size: 571px;
		705	+}
		706	+.icon-user_3 {
		707	+ background-image: url(../images/dest/sprite.png);
		708	+ background-position: -512px -1000px;
		709	+ background-position: -256px -500px;
		710	+ width: 40px;
		711	+ width: 20px;
		712	+ height: 40px;
		713	+ height: 20px;
		714	+ background-size: 571px;
		715	+}
		716	+.icon-user_4 {
		717	+ background-image: url(../images/dest/sprite.png);
		718	+ background-position: -552px -1000px;
		719	+ background-position: -276px -500px;
		720	+ width: 40px;
		721	+ width: 20px;
		722	+ height: 40px;
		723	+ height: 20px;
		724	+ background-size: 571px;
		725	+}
		726	+.icon-user_5 {
		727	+ background-image: url(../images/dest/sprite.png);
		728	+ background-position: -592px -1000px;
		729	+ background-position: -296px -500px;
		730	+ width: 40px;
		731	+ width: 20px;
		732	+ height: 40px;
		733	+ height: 20px;
		734	+ background-size: 571px;
		735	+}
		736	+.icon-user_6 {
		737	+ background-image: url(../images/dest/sprite.png);
		738	+ background-position: -272px -1000px;
		739	+ background-position: -136px -500px;
		740	+ width: 40px;
		741	+ width: 20px;
		742	+ height: 40px;
		743	+ height: 20px;
		744	+ background-size: 571px;
		745	+}
		746	+.icon-user_7 {
		747	+ background-image: url(../images/dest/sprite.png);
		748	+ background-position: -312px -1000px;
		749	+ background-position: -156px -500px;
		750	+ width: 40px;
		751	+ width: 20px;
		752	+ height: 40px;
		753	+ height: 20px;
		754	+ background-size: 571px;
		755	+}
		756	+.icon-user_8 {
		757	+ background-image: url(../images/dest/sprite.png);
		758	+ background-position: -232px -1000px;
		759	+ background-position: -116px -500px;
		760	+ width: 40px;
		761	+ width: 20px;
		762	+ height: 40px;
		763	+ height: 20px;
		764	+ background-size: 571px;
		765	+}
		766	+.icon-user_9 {
		767	+ background-image: url(../images/dest/sprite.png);
		768	+ background-position: -392px -1000px;
		769	+ background-position: -196px -500px;
		770	+ width: 40px;
		771	+ width: 20px;
		772	+ height: 40px;
		773	+ height: 20px;
		774	+ background-size: 571px;
		775	+}
		776	+.icon-zhongdian {
		777	+ background-image: url(../images/dest/sprite.png);
		778	+ background-position: -1102px -684px;
		779	+ background-position: -551px -342px;
		780	+ width: 40px;
		781	+ width: 20px;
		782	+ height: 40px;
		783	+ height: 20px;
		784	+ background-size: 571px;
		785	+}
		786	+.icon-cert {
		787	+ background-image: url(../images/dest/sprite.png);
		788	+ background-position: -880px -150px;
		789	+ background-position: -440px -75px;
		790	+ width: 150px;
		791	+ width: 75px;
		792	+ height: 150px;
		793	+ height: 75px;
		794	+ background-size: 571px;
		795	+}
		796	+.icon-certing {
		797	+ background-image: url(../images/dest/sprite.png);
		798	+ background-position: -880px -300px;
		799	+ background-position: -440px -150px;
		800	+ width: 150px;
		801	+ width: 75px;
		802	+ height: 150px;
		803	+ height: 75px;
		804	+ background-size: 571px;
		805	+}
		806	+.icon-certinvalid {
		807	+ background-image: url(../images/dest/sprite.png);
		808	+ background-position: -880px 0px;
		809	+ background-position: -440px 0px;
		810	+ width: 150px;
		811	+ width: 75px;
		812	+ height: 150px;
		813	+ height: 75px;
		814	+ background-size: 571px;
		815	+}
		816	+.icon-amount {
		817	+ background-image: url(../images/dest/sprite.png);
		818	+ background-position: -880px -734px;
		819	+ background-position: -440px -367px;
		820	+ width: 142px;
		821	+ width: 71px;
		822	+ height: 142px;
		823	+ height: 71px;
		824	+ background-size: 571px;
		825	+}
		826	+.icon-lock {
		827	+ background-image: url(../images/dest/sprite.png);
		828	+ background-position: -880px -592px;
		829	+ background-position: -440px -296px;
		830	+ width: 142px;
		831	+ width: 71px;
		832	+ height: 142px;
		833	+ height: 71px;
		834	+ background-size: 571px;
		835	+}
		836	+.icon-road {
		837	+ background-image: url(../images/dest/sprite.png);
		838	+ background-position: -880px -450px;
		839	+ background-position: -440px -225px;
		840	+ width: 142px;
		841	+ width: 71px;
		842	+ height: 142px;
		843	+ height: 71px;
		844	+ background-size: 571px;
		845	+}
		846	+.icon-state_zhaohuo {
		847	+ background: url(../images/s.gif) no-repeat 0 0;
		848	+ background-size: 150px 150px;
		849	+}
		850	+.m-input-wrap {
		851	+ position: relative;
		852	+}
		853	+.m-input-wrap .m-input {
		854	+ padding-right: 40px;
		855	+}
		856	+.m-input-wrap .clear-btn {
		857	+ position: absolute;
		858	+ right: 5px;
		859	+ top: 0;
		860	+ display: block;
		861	+ height: 100%;
		862	+ width: 36px;
		863	+ cursor: pointer;
		864	+}
		865	+.m-input-wrap .clear-btn .m-icon {
		866	+ position: absolute;
		867	+ top: 50%;
		868	+ left: 50%;
		869	+ margin: -15px 0 0 -15px;
		870	+}
		871	+.m-input-wrap.input-search .m-input {
		872	+ padding: 4px 5px 4px 35px;
		873	+ font-size: 13px;
		874	+}
		875	+.m-input-wrap.input-search .m-input:focus {
		876	+ border-color: #e2e2e2;
		877	+}
		878	+.m-input-wrap.input-search .icon-search {
		879	+ position: absolute;
		880	+ left: 10px;
		881	+ top: 50%;
		882	+ margin: -8px 0 0 0;
		883	+}
		884	+.m-input {
		885	+ line-height: 22px;
		886	+ min-height: 22px;
		887	+ margin: 0;
		888	+ padding: 11px 11px 10px;
		889	+ font-size: 17px;
		890	+ color: #333;
		891	+ width: 100%;
		892	+ border: 1px solid #e2e2e2;
		893	+ text-align: left;
		894	+ outline: none;
		895	+ box-shadow: none;
		896	+ background: #FFF;
		897	+ -webkit-box-sizing: border-box;
		898	+ -moz-box-sizing: border-box;
		899	+ box-sizing: border-box;
		900	+ -webkit-border-radius: 3px;
		901	+ -moz-border-radius: 3px;
		902	+ -ms-border-radius: 3px;
		903	+ -o-border-radius: 3px;
		904	+ border-radius: 3px;
		905	+ vertical-align: middle;
		906	+}
		907	+.m-input:focus {
		908	+ border-color: #1c69a3;
		909	+}
		910	+.m-textarea {
		911	+ width: 100%;
		912	+ padding: 8px;
		913	+ box-sizing: border-box;
		914	+ font-size: 15px;
		915	+ color: #333;
		916	+ margin: 0;
		917	+ min-height: 90px;
		918	+ border: none;
		919	+ outline: none;
		920	+ border-radius: 0;
		921	+ box-shadow: none;
		922	+ resize: none;
		923	+ line-height: 1.5;
		924	+ -webkit-appearance: none;
		925	+}
		926	+.m-input-number {
		927	+ display: inline-block;
		928	+ border: 1px solid #ccc;
		929	+ border-radius: 4px;
		930	+ background-color: #FFF;
		931	+ font-size: 0;
		932	+}
		933	+.m-input-number input {
		934	+ line-height: normal;
		935	+ float: left;
		936	+ height: 22px;
		937	+ padding: 5px 5px 6px;
		938	+ font-size: 12px;
		939	+ color: #666;
		940	+ width: 40px;
		941	+ text-align: center;
		942	+}
		943	+.m-input-number span {
		944	+ float: left;
		945	+ position: relative;
		946	+ width: 33px;
		947	+ height: 33px;
		948	+ cursor: pointer;
		949	+}
		950	+.m-input-number span:before,
		951	+.m-input-number span:after {
		952	+ content: '';
		953	+ position: absolute;
		954	+ width: 15px;
		955	+ height: 1px;
		956	+ top: 50%;
		957	+ left: 50%;
		958	+ margin-left: -7px;
		959	+ background-color: #999;
		960	+ font-size: 0;
		961	+ overflow: hidden;
		962	+ cursor: pointer;
		963	+}
		964	+.m-input-number .reduce {
		965	+ border-right: 1px solid #ccc;
		966	+}
		967	+.m-input-number .reduce:after {
		968	+ display: none;
		969	+}
		970	+.m-input-number .add {
		971	+ border-left: 1px solid #ccc;
		972	+}
		973	+.m-input-number .add:after {
		974	+ content: '';
		975	+ position: absolute;
		976	+ height: 15px;
		977	+ width: 1px;
		978	+ margin: -7px 0 0;
		979	+}
		980	+input.m-radio {
		981	+ background-image: url(../images/dest/sprite.png);
		982	+ background-position: -778px -300px;
		983	+ background-position: -389px -150px;
		984	+ width: 46px;
		985	+ width: 23px;
		986	+ height: 46px;
		987	+ height: 23px;
		988	+ background-size: 571px;
		989	+ -webkit-appearance: none;
		990	+ -moz-appearance: none;
		991	+ -o-appearance: none;
		992	+ appearance: none;
		993	+ display: inline-block;
		994	+ border: none;
		995	+ cursor: pointer;
		996	+ margin: 0px;
		997	+ position: relative;
		998	+ outline: none;
		999	+ vertical-align: middle;
		1000	+ background-color: transparent;
		1001	+}
		1002	+input.m-radio:focus {
		1003	+ outline: 0;
		1004	+ outline: none;
		1005	+}
		1006	+input.m-radio:checked {
		1007	+ background-image: url(../images/dest/sprite.png);
		1008	+ background-position: -824px -300px;
		1009	+ background-position: -412px -150px;
		1010	+ width: 46px;
		1011	+ width: 23px;
		1012	+ height: 46px;
		1013	+ height: 23px;
		1014	+ background-size: 571px;
		1015	+}
		1016	+.m-select {
		1017	+ display: inline-block;
		1018	+ border: 1px solid #ddd;
		1019	+ min-width: 170px;
		1020	+ height: 36px;
		1021	+ background-color: #FFF;
		1022	+ line-height: 36px;
		1023	+ font-size: 14px;
		1024	+ color: #333;
		1025	+ font-weight: normal;
		1026	+ padding-left: 10px;
		1027	+ float: left;
		1028	+ overflow: hidden;
		1029	+ position: relative;
		1030	+ height: 22px !ie;
		1031	+ border: 1px solid #fff !ie;
		1032	+ padding-left: 0px !ie;
		1033	+}
		1034	+.m-select:after {
		1035	+ content: '';
		1036	+ position: absolute;
		1037	+ right: 10px;
		1038	+ top: 50%;
		1039	+ margin-top: -2px;
		1040	+ border: 5px solid #ccc;
		1041	+ border-color: #ccc transparent transparent;
		1042	+ width: 0;
		1043	+ height: 0;
		1044	+ font-size: 0;
		1045	+ overflow: hidden;
		1046	+}
		1047	+.m-select select {
		1048	+ width: 110%;
		1049	+ max-width: 110%;
		1050	+ min-width: 110%;
		1051	+ appearance: none;
		1052	+ -webkit-appearance: none;
		1053	+ -moz-appearance: window;
		1054	+ white-space: nowrap;
		1055	+ text-overflow: ellipsis;
		1056	+ overflow: hidden;
		1057	+ font-size: 14px;
		1058	+ font-weight: 400;
		1059	+ background: none;
		1060	+ border: 1px solid #fff;
		1061	+ vertical-align: middle;
		1062	+ color: #333;
		1063	+ outline: none;
		1064	+ padding: 0;
		1065	+ line-height: 1.5;
		1066	+ height: 36px;
		1067	+ height: 20px\0;
		1068	+ line-height: 36px;
		1069	+ width: 100% !ie;
		1070	+}
		1071	+.m-select select:-moz-focusring {
		1072	+ color: transparent;
		1073	+ text-shadow: 0 0 0 #000;
		1074	+}
		1075	+.m-input-date {
		1076	+ position: relative;
		1077	+ display: inline-block;
		1078	+ vertical-align: middle;
		1079	+ min-width: 50px;
		1080	+}
		1081	+.m-input-date .current {
		1082	+ color: #999;
		1083	+ text-align: right;
		1084	+ display: block;
		1085	+ line-height: 21px;
		1086	+}
		1087	+.m-input-date input {
		1088	+ border: 0;
		1089	+ font-size: 14px;
		1090	+ background: none;
		1091	+ outline: none;
		1092	+ position: absolute;
		1093	+ top: 0;
		1094	+ left: 0;
		1095	+ width: 100%;
		1096	+ height: 100%;
		1097	+ opacity: 0;
		1098	+}

dlstatic / logistic-html5 · Commits

GitLab

Rebuild commit without histroy commits.

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

GitLab

Rebuild commit without histroy commits.

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

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