Commit 381191634ac9a97e3f7f83c73885f57f8daabe1c

Authored by dlstatic
0 parents

Rebuild commit without histroy commits.

Too many changes to show.

To preserve performance only 19 of 508 files are displayed.

.gitignore 0 → 100644
  1 +++ a/.gitignore
  1 +node_modules
  2 +*.swp
  3 +*.swp~
  4 +npm-debug.log
  5 +*.codekit
... ...
Gruntfile.js 0 → 100644
  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
  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
  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
  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
  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
  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
  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 18 \ No newline at end of file
... ...
css/btn.css 0 → 100644
  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
  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
  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
  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 10 \ No newline at end of file
... ...
css/comment.css 0 → 100644
  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
  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 19 \ No newline at end of file
... ...
css/common.css 0 → 100644
  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
  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 54 \ No newline at end of file
... ...
css/footer.css 0 → 100644
  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
  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 19 \ No newline at end of file
... ...
css/form.css 0 → 100644
  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 +}
... ...