dlstatic / static-wappnr · Commits

Commit d4af2e82ce6ee0e8c8144925c7b8dc2ce146b272

Authored by bichao.dong
2 parents fdd9a12b b5192469
build: skipped

mrege

Inline Side-by-side
Showing 17 changed files with 1188 additions and 1 deletions

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

To preserve performance only 17 of 161 files are displayed.

.gitignore
  View file @d4af2e8
@@ -3,3 +3,7 @@ node_modules @@ -3,3 +3,7 @@ node_modules
3 *.swp~ 3 *.swp~
4 npm-debug.log 4 npm-debug.log
5 *.codekit 5 *.codekit
  6 +<<<<<<< HEAD
  7 +=======
  8 +*svn*
  9 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
css/style/add-activity.css
  View file @d4af2e8
@@ -13,6 +13,23 @@ @@ -13,6 +13,23 @@
13 background: url('../../images/icon/icon.png') no-repeat; 13 background: url('../../images/icon/icon.png') no-repeat;
14 background-size: 150px; 14 background-size: 150px;
15 } 15 }
  16 +<<<<<<< HEAD
  17 +=======
  18 +/***************************************************
  19 +* feature : 变量配置;
  20 +* update : 2015/02/05;
  21 +* use : ;
  22 +* extend : ;
  23 +* example : ;
  24 +* desc : ;
  25 +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
  26 +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
  27 +****************************************************/
  28 +.bg-img {
  29 + background: url('../../images/icon/icon.png') no-repeat;
  30 + background-size: 150px;
  31 +}
  32 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
16 /* 33 /*
17 @ m-imguploader.less 34 @ m-imguploader.less
18 @ 图片上传组件 35 @ 图片上传组件
@@ -88,6 +105,7 @@ span.icon-more { @@ -88,6 +105,7 @@ span.icon-more {
88 margin-right: 15px; 105 margin-right: 15px;
89 } 106 }
90 .send-view { 107 .send-view {
  108 +<<<<<<< HEAD
91 border-bottom: 1px solid #dddddd; 109 border-bottom: 1px solid #dddddd;
92 border-top: 1px solid #dddddd; 110 border-top: 1px solid #dddddd;
93 margin-top: 10px; 111 margin-top: 10px;
@@ -96,6 +114,16 @@ span.icon-more { @@ -96,6 +114,16 @@ span.icon-more {
96 } 114 }
97 .send-view textarea { 115 .send-view textarea {
98 border: 1px solid #dddddd; 116 border: 1px solid #dddddd;
  117 +=======
  118 + border-bottom: 1px solid #ddd;
  119 + border-top: 1px solid #ddd;
  120 + margin-top: 10px;
  121 + background: #fff;
  122 + padding: 15px;
  123 +}
  124 +.send-view textarea {
  125 + border: 1px solid #ddd;
  126 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
99 min-height: 100px; 127 min-height: 100px;
100 } 128 }
101 .send-view .upload { 129 .send-view .upload {
css/style/addPic.css 0 → 100644
  View file @d4af2e8
  1 +#addPic{
  2 + padding: 44px 0 50px;
  3 + -webkit-box-sizing: border-box;
  4 + -moz-box-sizing: border-box;
  5 + box-sizing: border-box;
  6 +}
  7 +#addPic .m-header{
  8 + margin-top: -44px;
  9 +}
  10 +
  11 +#addPic .m-content{
  12 + height: 100%;
  13 + padding-bottom: 20px;
  14 + -webkit-box-sizing: border-box;
  15 + -moz-box-sizing: border-box;
  16 + box-sizing: border-box;
  17 + overflow: scroll;
  18 + overflow: scroll;
  19 + -webkit-overflow-scrolling: touch;
  20 +}
  21 +
  22 +#addPic .m-footer{
  23 + padding: 0;
  24 +}
  25 +#addPic .uploader{
  26 + padding:15px;
  27 + background:#fff;
  28 + border-bottom: 1px solid #ddd;
  29 +}
  30 +#addPic .summary{
  31 + font-size:14px;
  32 + color:#999;
  33 + margin-bottom: 15px;
  34 +}
  35 +
  36 +#addPic .images{
  37 + margin-left:-10px;
  38 +}
  39 +#addPic .item{
  40 + width:65px;
  41 + float: left;
  42 + margin-left: 10px;
  43 + margin-bottom:15px;
  44 +}
  45 +#addPic .img-box{
  46 + width:100%;
  47 + height: 65px;
  48 + overflow:hidden;
  49 + margin-bottom:10px;
  50 +}
  51 +#addPic .item img{
  52 + max-width:100%;
  53 +}
  54 +#addPic .btn-del{
  55 + display:inline-block;
  56 + width: 100%;
  57 + height:30px;
  58 + border-radius: 3px;
  59 + line-height: 30px;
  60 + font-size: 14px;
  61 + text-align:center;
  62 + border:1px solid #999;
  63 + color:#666;
  64 + background:#fff;
  65 + padding:0px;
  66 + box-sizing: border-box;
  67 +}
  68 +#addPic .btn-finish{
  69 + width:100%;
  70 + line-height:50px;
  71 + font-size: 18px;
  72 + color:#fff;
  73 + background:#1b6ba5;
  74 + text-align: center;
  75 + animation-name:height;
  76 + animation-duration:0.5s;
  77 + animation-timing-function:ease-out;
  78 +}
  79 +#addPic .icon-tupian{
  80 + text-indent:-9999px;
  81 +}
  82 +#addPic .desc{
  83 + box-sizing: border-box;
  84 + height: 54px;
  85 + display:block;
  86 + width: 100%;
  87 + padding:15px;
  88 + line-height:20px;
  89 + margin-top:10px;
  90 + border:none;
  91 + border-top: 1px solid #ddd;
  92 + border-top: 1px solid #ddd;
  93 + border-bottom: 1px solid #ddd;
  94 + font-size:16px;
  95 + background:#fff;
  96 + outline: none;
  97 + resize: none;
  98 +}
  99 +@keyframes height{
  100 + 0%{
  101 + height:0px;
  102 + }
  103 + 100%{
  104 + height:50px;
  105 + }
  106 +}
css/style/appeal.css
  View file @d4af2e8
  1 +<<<<<<< HEAD
1 .m-header { 2 .m-header {
2 background-color: #23ac38; 3 background-color: #23ac38;
3 } 4 }
  5 +=======
  6 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
4 .appeal { 7 .appeal {
5 box-sizing: border-box; 8 box-sizing: border-box;
6 background: #f5f5f5; 9 background: #f5f5f5;
@@ -33,6 +36,11 @@ @@ -33,6 +36,11 @@
33 font-size: 14px; 36 font-size: 14px;
34 line-height: 20px; 37 line-height: 20px;
35 overflow: auto; 38 overflow: auto;
  39 +<<<<<<< HEAD
  40 +=======
  41 + outline: none;
  42 + resize: none;
  43 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
36 } 44 }
37 .appealing .section-form .desc { 45 .appealing .section-form .desc {
38 color: #666; 46 color: #666;
@@ -49,6 +57,28 @@ @@ -49,6 +57,28 @@
49 margin-left: 10px; 57 margin-left: 10px;
50 position: relative; 58 position: relative;
51 } 59 }
  60 +<<<<<<< HEAD
  61 +=======
  62 +.appealing .upload-img-list .item.plus {
  63 + position: relative;
  64 +}
  65 +.appealing .upload-img-list .item.plus:before,
  66 +.appealing .upload-img-list .item.plus:after {
  67 + content: '';
  68 + position: absolute;
  69 + left: 50%;
  70 + top: 50%;
  71 + width: 60%;
  72 + height: 4px;
  73 + margin: -2px 0 0 -30%;
  74 + background-color: #ccc;
  75 +}
  76 +.appealing .upload-img-list .item.plus:after {
  77 + width: 4px;
  78 + height: 60%;
  79 + margin: -30% 0 0 -2px;
  80 +}
  81 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
52 .appealing .upload-img-list .btn-upload { 82 .appealing .upload-img-list .btn-upload {
53 width: 65px; 83 width: 65px;
54 height: 65px; 84 height: 65px;
@@ -91,3 +121,49 @@ @@ -91,3 +121,49 @@
91 width: 2px; 121 width: 2px;
92 margin: -8px 0 0 -1px; 122 margin: -8px 0 0 -1px;
93 } 123 }
  124 +<<<<<<< HEAD
  125 +=======
  126 +#preview {
  127 + width: 200px;
  128 + margin-left: -100px;
  129 + -webkit-transform: translate(0, 100%) translateZ(0);
  130 + -moz-transform: translate(0, 100%) translateZ(0);
  131 + -ms-transform: translate(0, 100%) translateZ(0);
  132 + -o-transform: translate(0, 100%) translateZ(0);
  133 + transform: translate(0, 100%) translateZ(0);
  134 +}
  135 +#preview .remove {
  136 + position: absolute;
  137 + width: 24px;
  138 + height: 24px;
  139 + right: -8px;
  140 + top: -8px;
  141 + border-radius: 100%;
  142 + background: rgba(0, 0, 0, 0.4);
  143 + cursor: pointer;
  144 + display: none;
  145 +}
  146 +#preview .remove:before,
  147 +#preview .remove:after {
  148 + position: absolute;
  149 + content: '';
  150 + left: 50%;
  151 + top: 50%;
  152 + width: 16px;
  153 + height: 2px;
  154 + margin: -1px 0 0 -8px;
  155 + background-color: #fff;
  156 + -webkit-transform: rotate(45deg);
  157 + -ms-transform: rotate(45deg);
  158 + -o-transform: rotate(45deg);
  159 + transform: rotate(45deg);
  160 +}
  161 +#preview .remove:after {
  162 + height: 16px;
  163 + width: 2px;
  164 + margin: -8px 0 0 -1px;
  165 +}
  166 +.m-animate-show#preview .remove {
  167 + display: block;
  168 +}
  169 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
css/style/appeal.less 0 → 100644
  View file @d4af2e8
  1 +.appeal {
  2 + box-sizing: border-box;
  3 + background: #f5f5f5;
  4 + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
  5 + font-weight: normal;
  6 +}
  7 +.appealing .section-form label {
  8 + margin: 0;
  9 + box-sizing: border-box;
  10 + display: block;
  11 + height: 40px;
  12 + padding: 0 15px;
  13 + padding-top: 16px;
  14 + padding-bottom: 10px;
  15 + font-size: 14px;
  16 + line-height: 14px;
  17 + color: #666;
  18 + background: #f5f5f5;
  19 + font-weight: lighter;
  20 +}
  21 +.appealing .section-form .form-content {
  22 + padding: 15px;
  23 + border-top: 1px solid #ddd;
  24 + background: #fff;
  25 +}
  26 +.appealing .section-form .content {
  27 + display: block;
  28 + width: 100%;
  29 + height: 90px;
  30 + font-size: 14px;
  31 + line-height: 20px;
  32 + overflow: auto;
  33 + outline: none;
  34 + resize: none;
  35 +}
  36 +.appealing .section-form .desc {
  37 + color: #666;
  38 + line-height: 20px;
  39 +}
  40 +.appealing .section-form .upload-img-list {
  41 + margin-top: 15px;
  42 + margin-left: -10px;
  43 +}
  44 +.appealing .upload-img-list .item {
  45 + width: 65px;
  46 + height: 65px;
  47 + float: left;
  48 + margin-left: 10px;
  49 + position: relative;
  50 +}
  51 +.appealing .upload-img-list .item.plus {
  52 + position: relative;
  53 +}
  54 +.appealing .upload-img-list .item.plus:before,
  55 +.appealing .upload-img-list .item.plus:after {
  56 + content: '';
  57 + position: absolute;
  58 + left: 50%;
  59 + top: 50%;
  60 + width: 60%;
  61 + height: 4px;
  62 + margin: -2px 0 0 -30%;
  63 + background-color: #ccc;
  64 +}
  65 +.appealing .upload-img-list .item.plus:after {
  66 + width: 4px;
  67 + height: 60%;
  68 + margin: -30% 0 0 -2px;
  69 +}
  70 +.appealing .upload-img-list .btn-upload {
  71 + width: 65px;
  72 + height: 65px;
  73 + position: absolute;
  74 + left: 0;
  75 + top: 0;
  76 + opacity: 0;
  77 + filter: alpha(opacity=0);
  78 +}
  79 +.appealing .upload-img-list img {
  80 + max-width: 100%;
  81 +}
  82 +.appealing .upload-img-list .remove {
  83 + position: absolute;
  84 + width: 24px;
  85 + height: 24px;
  86 + right: -8px;
  87 + top: -8px;
  88 + border-radius: 100%;
  89 + background: rgba(0, 0, 0, 0.4);
  90 + cursor: pointer;
  91 +}
  92 +.appealing .upload-img-list .remove:before,
  93 +.appealing .upload-img-list .remove:after {
  94 + position: absolute;
  95 + content: '';
  96 + left: 50%;
  97 + top: 50%;
  98 + width: 16px;
  99 + height: 2px;
  100 + margin: -1px 0 0 -8px;
  101 + background-color: #fff;
  102 + -webkit-transform: rotate(45deg);
  103 + -ms-transform: rotate(45deg);
  104 + -o-transform: rotate(45deg);
  105 + transform: rotate(45deg);
  106 +}
  107 +.appealing .upload-img-list .remove:after {
  108 + height: 16px;
  109 + width: 2px;
  110 + margin: -8px 0 0 -1px;
  111 +}
  112 +#preview {
  113 + width: 200px;
  114 + margin-left: -100px;
  115 + -webkit-transform: translate(0, 100%) translateZ(0);
  116 + -moz-transform: translate(0, 100%) translateZ(0);
  117 + -ms-transform: translate(0, 100%) translateZ(0);
  118 + -o-transform: translate(0, 100%) translateZ(0);
  119 + transform: translate(0, 100%) translateZ(0);
  120 +}
  121 +#preview .remove {
  122 + position: absolute;
  123 + width: 24px;
  124 + height: 24px;
  125 + right: -8px;
  126 + top: -8px;
  127 + border-radius: 100%;
  128 + background: rgba(0, 0, 0, 0.4);
  129 + cursor: pointer;
  130 + display: none;
  131 +}
  132 +#preview .remove:before,
  133 +#preview .remove:after {
  134 + position: absolute;
  135 + content: '';
  136 + left: 50%;
  137 + top: 50%;
  138 + width: 16px;
  139 + height: 2px;
  140 + margin: -1px 0 0 -8px;
  141 + background-color: #fff;
  142 + -webkit-transform: rotate(45deg);
  143 + -ms-transform: rotate(45deg);
  144 + -o-transform: rotate(45deg);
  145 + transform: rotate(45deg);
  146 +}
  147 +#preview .remove:after {
  148 + height: 16px;
  149 + width: 2px;
  150 + margin: -8px 0 0 -1px;
  151 +}
  152 +.m-animate-show#preview .remove {
  153 + display: block;
  154 +}
0 \ No newline at end of file 155 \ No newline at end of file
css/style/appeal_success.css
  View file @d4af2e8
@@ -43,7 +43,13 @@ @@ -43,7 +43,13 @@
43 color:#23ac38 43 color:#23ac38
44 } 44 }
45 .appeal_success .m-content .btn-success { 45 .appeal_success .m-content .btn-success {
  46 +<<<<<<< HEAD
46 display:block 47 display:block
  48 +=======
  49 + display:block;
  50 + line-height: 44px;
  51 + border-radius: 5px;
  52 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
47 } 53 }
48 .appeal_success .btn-success{ 54 .appeal_success .btn-success{
49 background:#23ac38 55 background:#23ac38
css/style/attr_price.css 0 → 100644
  View file @d4af2e8
  1 +.m-table-form .m-table-view {
  2 + margin-top: 0px;
  3 + margin-bottom: 10px;
  4 + padding: 0 15px;
  5 + border-top: none;
  6 + border-bottom: 1px solid #ddd;
  7 + -webkit-box-sizing: border-box;
  8 + -moz-box-sizing: border-box;
  9 + box-sizing: border-box;
  10 +}
  11 +.m-table-form .m-table-view .cell {
  12 + font-size: 14px;
  13 + padding: 0px;
  14 + background-color: #FFF;
  15 + overflow: hidden;
  16 + position: relative;
  17 + text-align: left;
  18 + border-top: none;
  19 +}
  20 +.m-table-form .m-table-view .cell:last-child {
  21 + border-bottom: none;
  22 +}
  23 +.m-table-form .m-table-view .acc-icon {
  24 + position: relative;
  25 + padding-right: 30px;
  26 +}
  27 +.m-table-form .m-table-view .acc-icon .acc {
  28 + position: absolute;
  29 + right: 0;
  30 + top: 0;
  31 + min-width: 30px;
  32 + height: 100%;
  33 + line-height: 50px;
  34 + text-align: left;
  35 + color: #333;
  36 + text-align: right;
  37 +}
  38 +.m-table-form .m-table-view .acc-icon:after {
  39 + display: none;
  40 +}
  41 +.m-table-form .m-table-view .title {
  42 + font-size: 14px;
  43 + color: #666;
  44 + float: left;
  45 + font-weight: 400;
  46 + line-height: 50px;
  47 + width: 75px;
  48 +}
  49 +.m-table-form .m-table-view .text {
  50 + margin-left: 75px;
  51 + display: block;
  52 + font-size: 14px;
  53 + color: #333;
  54 + line-height: 50px;
  55 + position: relative;
  56 + white-space: nowrap;
  57 + word-break: break-all;
  58 + text-overflow: ellipsis;
  59 + overflow: hidden;
  60 +}
  61 +.m-table-form .m-table-view .text .m-input {
  62 + font-size: 14px;
  63 + display: inline-block;
  64 + width: 100%;
  65 + background: #fff;
  66 +}
  67 +.m-table-form .btn-finish {
  68 + position: fixed;
  69 + width: 100%;
  70 + line-height: 50px;
  71 + font-size: 18px;
  72 + color: #fff;
  73 + background: #1b6ba5;
  74 + text-align: center;
  75 + bottom: 0px;
  76 + border: 0;
  77 +}
  78 +#pm_price .select-unit {
  79 + font-size: 14px;
  80 + outline: none;
  81 +}
  82 +#priceAndAttr {
  83 + padding: 44px 0 50px;
  84 + -webkit-box-sizing: border-box;
  85 + -moz-box-sizing: border-box;
  86 + box-sizing: border-box;
  87 +}
  88 +#priceAndAttr .m-header {
  89 + margin-top: -44px;
  90 +}
  91 +#priceAndAttr .m-content {
  92 + height: 100%;
  93 + padding-bottom: 20px;
  94 + -webkit-box-sizing: border-box;
  95 + -moz-box-sizing: border-box;
  96 + box-sizing: border-box;
  97 + overflow: scroll;
  98 + -webkit-overflow-scrolling: touch;
  99 +}
  100 +#priceAndAttr .c-table-view {
  101 + margin-top: 10px;
  102 +}
  103 +#priceAndAttr .c-table-view .cell {
  104 + font-size: 14px;
  105 + padding: 0 0 0 10px;
  106 + background-color: #FFF;
  107 + overflow: hidden;
  108 + position: relative;
  109 + text-align: left;
  110 +}
  111 +#priceAndAttr .c-table-view .m-input {
  112 + line-height: 22px;
  113 + min-height: 22px;
  114 + margin: 0;
  115 + padding: 11px 11px 10px;
  116 + font-size: 15px;
  117 + color: #333;
  118 + width: 100%;
  119 + border: 1px solid #e2e2e2;
  120 + background: none;
  121 + text-align: left;
  122 + outline: none;
  123 + box-shadow: none;
  124 + background: #FFF;
  125 + -webkit-box-sizing: border-box;
  126 + -moz-box-sizing: border-box;
  127 + box-sizing: border-box;
  128 + -webkit-border-radius: 3px;
  129 + -moz-border-radius: 3px;
  130 + -ms-border-radius: 3px;
  131 + -o-border-radius: 3px;
  132 + border-radius: 3px;
  133 + vertical-align: middle;
  134 +}
  135 +#priceAndAttr .c-table-view .title {
  136 + font-size: 15px;
  137 + color: #999;
  138 + float: left;
  139 + font-weight: 400;
  140 + line-height: 44px;
  141 + min-width: 75px;
  142 + max-width: 150px;
  143 +}
  144 +#priceAndAttr .c-table-view .text {
  145 + margin-left: 75px;
  146 + display: block;
  147 + font-size: 15px;
  148 + color: #333;
  149 + line-height: 44px;
  150 + position: relative;
  151 + white-space: nowrap;
  152 + word-break: break-all;
  153 + text-overflow: ellipsis;
  154 + overflow: hidden;
  155 + padding-right: 10px;
  156 +}
  157 +#priceAndAttr .c-table-view .acc {
  158 + position: absolute;
  159 + right: 10px;
  160 + top: 0;
  161 + min-width: 30px;
  162 + height: 100%;
  163 + line-height: 44px;
  164 + text-align: left;
  165 + color: #999;
  166 + text-align: right;
  167 + pointer-events: none;
  168 +}
  169 +#priceAndAttr .c-table-view .m-select {
  170 + padding-right: 20px;
  171 +}
  172 +#priceAndAttr .c-table-view .m-select .select-text {
  173 + line-height: 44px;
  174 +}
  175 +#priceAndAttr .c-table-view .m-select select {
  176 + height: 100%;
  177 +}
  178 +#priceAndAttr .c-table-view .acc-icon {
  179 + position: relative;
  180 + padding-right: 40px;
  181 + font-size: 15px;
  182 +}
  183 +#priceAndAttr .c-table-view .acc-icon .text {
  184 + padding-right: 0;
  185 +}
  186 +#priceAndAttr .c-table-view .acc-icon .acc .m-icon {
  187 + margin-right: 5px;
  188 +}
  189 +#priceAndAttr .table-header {
  190 + font-size: 14px;
  191 + color: #333;
  192 + line-height: 20px;
  193 + padding: 10px 10px 0;
  194 +}
  195 +#priceAndAttr .m-footer {
  196 + padding: 0;
  197 +}
css/style/attr_price.less 0 → 100644
  View file @d4af2e8
  1 +.m-table-form{
  2 + .m-table-view{
  3 + margin-top:0px;
  4 + margin-bottom:10px;
  5 + padding:0 15px;
  6 + border-top:none;
  7 + border-bottom:1px solid #ddd;
  8 + -webkit-box-sizing: border-box;
  9 + -moz-box-sizing: border-box;
  10 + box-sizing: border-box;
  11 +
  12 + .cell{
  13 + font-size: 14px;
  14 + padding:0px;
  15 + background-color: #FFF;
  16 + overflow: hidden;
  17 + position: relative;
  18 + text-align: left;
  19 + border-top:none;
  20 + }
  21 + .cell:last-child{
  22 + border-bottom:none;
  23 + }
  24 + .acc-icon{
  25 + position: relative;
  26 + padding-right: 30px;
  27 + .acc{
  28 + text-align: right;
  29 + position: absolute;
  30 + right: 0;
  31 + top: 0;
  32 + min-width: 30px;
  33 + height: 100%;
  34 + line-height: 50px;
  35 + text-align: left;
  36 + color: #333;
  37 + text-align: right;
  38 + }
  39 +
  40 + }
  41 + .acc-icon:after{
  42 + display: none;
  43 + }
  44 + .title{
  45 + font-size: 14px;
  46 + color: #666;
  47 + float: left;
  48 + font-weight: 400;
  49 + line-height: 50px;
  50 + width: 75px;
  51 + }
  52 + .text{
  53 + margin-left: 75px;
  54 + display: block;
  55 + font-size: 14px;
  56 + color: #333;
  57 + line-height: 50px;
  58 + position: relative;
  59 + white-space: nowrap;
  60 + word-break:break-all;
  61 + text-overflow: ellipsis;
  62 + overflow: hidden;
  63 + .m-input{
  64 + font-size: 14px;
  65 + display:inline-block;
  66 + width:100%;
  67 + background:#fff;
  68 + }
  69 + }
  70 + }
  71 +
  72 + .m-table-view .acc-icon .acc{
  73 + }
  74 +
  75 +
  76 + .btn-finish{
  77 + position:fixed;
  78 + width:100%;
  79 + line-height:50px;
  80 + font-size: 18px;
  81 + color:#fff;
  82 + background:#1b6ba5;
  83 + text-align: center;
  84 + bottom:0px;
  85 + border: 0;
  86 + }
  87 +}
  88 +#pm_price {
  89 + .select-unit {
  90 + font-size: 14px;
  91 + outline: none;
  92 + }
  93 +}
  94 +
  95 +#priceAndAttr {
  96 + padding: 44px 0 50px;
  97 + -webkit-box-sizing: border-box;
  98 + -moz-box-sizing: border-box;
  99 + box-sizing: border-box;
  100 + .m-header {
  101 + margin-top: -44px;
  102 + }
  103 + .m-content {
  104 + height: 100%;
  105 + padding-bottom: 20px;
  106 + -webkit-box-sizing: border-box;
  107 + -moz-box-sizing: border-box;
  108 + box-sizing: border-box;
  109 + overflow: scroll;
  110 + -webkit-overflow-scrolling: touch;
  111 + }
  112 + .c-table-view {
  113 + margin-top: 10px;
  114 + .cell {
  115 + font-size: 14px;
  116 + padding: 0 0 0 10px;
  117 + background-color: #FFF;
  118 + overflow: hidden;
  119 + position: relative;
  120 + text-align: left;
  121 + }
  122 + .m-input {
  123 + line-height: 22px;
  124 + min-height: 22px;
  125 + margin: 0;
  126 + padding: 11px 11px 10px;
  127 + font-size: 15px;
  128 + color: #333;
  129 + width: 100%;
  130 + border: 1px solid #e2e2e2;
  131 + background: none;
  132 + text-align: left;
  133 + outline: none;
  134 + box-shadow: none;
  135 + background: #FFF;
  136 + -webkit-box-sizing: border-box;
  137 + -moz-box-sizing: border-box;
  138 + box-sizing: border-box;
  139 + -webkit-border-radius: 3px;
  140 + -moz-border-radius: 3px;
  141 + -ms-border-radius: 3px;
  142 + -o-border-radius: 3px;
  143 + border-radius: 3px;
  144 + vertical-align: middle;
  145 + }
  146 + .title {
  147 + font-size: 15px;
  148 + color: #999;
  149 + float: left;
  150 + font-weight: 400;
  151 + line-height: 44px;
  152 + min-width: 75px;
  153 + max-width: 150px;
  154 + }
  155 + .text {
  156 + margin-left: 75px;
  157 + display: block;
  158 + font-size: 15px;
  159 + color: #333;
  160 + line-height: 44px;
  161 + position: relative;
  162 + white-space: nowrap;
  163 + word-break: break-all;
  164 + text-overflow: ellipsis;
  165 + overflow: hidden;
  166 + padding-right: 10px;
  167 + }
  168 + .acc {
  169 + position: absolute;
  170 + right: 10px;
  171 + top: 0;
  172 + min-width: 30px;
  173 + height: 100%;
  174 + line-height: 44px;
  175 + text-align: left;
  176 + color: #999;
  177 + text-align: right;
  178 + pointer-events: none;
  179 + }
  180 + .m-select {
  181 + padding-right: 20px;
  182 + .select-text {
  183 + line-height: 44px;
  184 + }
  185 + select {
  186 + height: 100%;
  187 + }
  188 + }
  189 + .acc-icon {
  190 + position: relative;
  191 + padding-right: 40px;
  192 + font-size: 15px;
  193 + .text {
  194 + padding-right: 0;
  195 + }
  196 + .acc {
  197 + .m-icon {
  198 + margin-right: 5px;
  199 + }
  200 + }
  201 + }
  202 + }
  203 + .table-header {
  204 + font-size: 14px;
  205 + color: #333;
  206 + line-height: 20px;
  207 + padding: 10px 10px 0;
  208 + }
  209 + .m-footer {
  210 + padding: 0;
  211 + }
  212 +}
css/style/auth_enterprise.css
  View file @d4af2e8
  1 +<<<<<<< HEAD
1 /*************************************************** 2 /***************************************************
2 * feature : 变量配置; 3 * feature : 变量配置;
3 * update : 2015/02/05; 4 * update : 2015/02/05;
@@ -56,3 +57,6 @@ @@ -56,3 +57,6 @@
56 background-position: center center; 57 background-position: center center;
57 background-repeat: no-repeat; 58 background-repeat: no-repeat;
58 } 59 }
  60 +=======
  61 +.bg-img{background:url(../../images/icon/icon.png)no-repeat;background-size:150px}.authEnterprisePage .m-tab li{width:50%;padding:0}.authEnterprisePage .m-table-view .cell{padding:0 10px 0 95px}.authEnterprisePage .m-table-view .cell .title{margin-left:-85px;line-height:42px;min-width:70px;color:#666;text-align:left}.authEnterprisePage .m-table-view .cell .m-input{margin-left:-10px;float:left;width:100%;padding:10px 8px;border:none;background:0 0}.authEnterprisePage .m-table-view .cell .text{line-height:42px;position:relative}.authEnterprisePage .m-table-view .cell.on .text .tips{visibility:hidden}.authEnterprisePage .m-table-view .cell .pic{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:1}.authEnterprisePage .m-table-view .cell .preview{position:absolute;width:36px;height:36px;right:15px;top:3px;background-position:center center;background-repeat:no-repeat}
  62 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
css/style/auth_enterprise.less
  View file @d4af2e8
1 @import "m/var"; 1 @import "m/var";
  2 +<<<<<<< HEAD
2 .authEnterprisePage{ 3 .authEnterprisePage{
3 .m-tab{ 4 .m-tab{
4 li{ 5 li{
@@ -51,4 +52,61 @@ @@ -51,4 +52,61 @@
51 } 52 }
52 } 53 }
53 } 54 }
54 -}  
55 \ No newline at end of file 55 \ No newline at end of file
  56 +}
  57 +=======
  58 +.authEnterprisePage {
  59 + .m-tab {
  60 + li {
  61 + width: 50%;
  62 + padding: 0;
  63 + }
  64 + }
  65 + .m-table-view {
  66 + .cell {
  67 + padding: 0 10px 0 95px;
  68 + .title {
  69 + margin-left: -85px;
  70 + line-height: 42px;
  71 + min-width: 70px;
  72 + color: #666;
  73 + text-align: left;
  74 + }
  75 + .m-input {
  76 + margin-left: -10px;
  77 + float: left;
  78 + width: 100%;
  79 + padding: 10px 8px;
  80 + border: none;
  81 + background: none;
  82 + }
  83 + .text {
  84 + line-height: 42px;
  85 + position: relative;
  86 + }
  87 + &.on {
  88 + .text .tips {
  89 + visibility: hidden;
  90 + }
  91 + }
  92 + .pic {
  93 + position: absolute;
  94 + left: 0;
  95 + top: 0;
  96 + width: 100%;
  97 + height: 100%;
  98 + opacity: 0;
  99 + z-index: 1;
  100 + }
  101 + .preview {
  102 + position: absolute;
  103 + width: 36px;
  104 + height: 36px;
  105 + right: 15px;
  106 + top: 3px;
  107 + background-position: center center;
  108 + background-repeat: no-repeat;
  109 + }
  110 + }
  111 + }
  112 +}
  113 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
css/style/auth_person.css
  View file @d4af2e8
  1 +<<<<<<< HEAD
1 /*************************************************** 2 /***************************************************
2 * feature : 变量配置; 3 * feature : 变量配置;
3 * update : 2015/02/05; 4 * update : 2015/02/05;
@@ -26,3 +27,6 @@ @@ -26,3 +27,6 @@
26 float: left; 27 float: left;
27 width: 100%; 28 width: 100%;
28 } 29 }
  30 +=======
  31 +.bg-img{background:url(../../images/icon/icon.png)no-repeat;background-size:150px}.authPersonPage .m-table-view .cell{padding:0 10px 0 85px}.authPersonPage .m-table-view .cell .title{margin-left:-75px;line-height:42px;width:60px;color:#666}.authPersonPage .m-table-view .cell .m-input{margin-left:-10px;float:left;width:100%;padding:10px 8px;border:none;background:0 0}
  32 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
css/style/auth_person.less
  View file @d4af2e8
@@ -13,6 +13,12 @@ @@ -13,6 +13,12 @@
13 margin-left: -10px; 13 margin-left: -10px;
14 float: left; 14 float: left;
15 width: 100%; 15 width: 100%;
  16 +<<<<<<< HEAD
  17 +=======
  18 + padding: 10px 8px;
  19 + border: none;
  20 + background: none;
  21 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
16 } 22 }
17 } 23 }
18 } 24 }
css/style/category.css
  View file @d4af2e8
@@ -8,16 +8,23 @@ @@ -8,16 +8,23 @@
8 bottom: 0; 8 bottom: 0;
9 left: 0; 9 left: 0;
10 width: 100%; 10 width: 100%;
  11 +<<<<<<< HEAD
11 z-index: 20; 12 z-index: 20;
  13 +=======
  14 + z-index: 10;
  15 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
12 background-color: #fff; 16 background-color: #fff;
13 overflow: hidden; 17 overflow: hidden;
14 } 18 }
15 .categoryPage .addr-page .m-header { 19 .categoryPage .addr-page .m-header {
16 background-color: #F8F8F8; 20 background-color: #F8F8F8;
17 } 21 }
  22 +<<<<<<< HEAD
18 .categoryPage .addr-page .m-header .head h1 { 23 .categoryPage .addr-page .m-header .head h1 {
19 font-size: 15px; 24 font-size: 15px;
20 } 25 }
  26 +=======
  27 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
21 .categoryPage .addr-page .m-table-view { 28 .categoryPage .addr-page .m-table-view {
22 border: none; 29 border: none;
23 } 30 }
@@ -29,13 +36,33 @@ @@ -29,13 +36,33 @@
29 text-align: left; 36 text-align: left;
30 border: none; 37 border: none;
31 } 38 }
  39 +<<<<<<< HEAD
  40 +=======
  41 +.categoryPage .addr-page .m-table-view .cell.selected {
  42 + background-color: #FFF;
  43 +}
  44 +.categoryPage .addr-page .m-table-view .cell.selected .title {
  45 + color: #23AC38;
  46 +}
  47 +.categoryPage .addr-page .m-table-view .cell.selected:after {
  48 + border-right: 1px solid #fff !important;
  49 +}
  50 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
32 .categoryPage .addr-page .m-table-view .title { 51 .categoryPage .addr-page .m-table-view .title {
33 font-size: 15px; 52 font-size: 15px;
34 color: #999; 53 color: #999;
35 float: left; 54 float: left;
36 font-weight: 400; 55 font-weight: 400;
37 line-height: 44px; 56 line-height: 44px;
  57 +<<<<<<< HEAD
38 width: 75px; 58 width: 75px;
  59 +=======
  60 + width: 100%;
  61 + white-space: nowrap;
  62 + overflow: hidden;
  63 + text-overflow: ellipsis;
  64 + text-align: left;
  65 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
39 } 66 }
40 .categoryPage .addr-page .m-table-view .text { 67 .categoryPage .addr-page .m-table-view .text {
41 margin-left: 75px; 68 margin-left: 75px;
@@ -83,6 +110,14 @@ @@ -83,6 +110,14 @@
83 .categoryPage .province { 110 .categoryPage .province {
84 width: 125px; 111 width: 125px;
85 float: left; 112 float: left;
  113 +<<<<<<< HEAD
  114 +=======
  115 + background-color: #f8f8f8;
  116 +}
  117 +.categoryPage .province .m-table-view {
  118 + position: relative;
  119 + z-index: 2;
  120 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
86 } 121 }
87 .categoryPage .province .cell { 122 .categoryPage .province .cell {
88 background-color: #f8f8f8; 123 background-color: #f8f8f8;
@@ -96,9 +131,12 @@ @@ -96,9 +131,12 @@
96 .categoryPage .city { 131 .categoryPage .city {
97 margin-left: 135px; 132 margin-left: 135px;
98 } 133 }
  134 +<<<<<<< HEAD
99 .categoryPage .city .m-table-view { 135 .categoryPage .city .m-table-view {
100 padding-right: 10px; 136 padding-right: 10px;
101 } 137 }
  138 +=======
  139 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
102 .categoryPage .city .cell { 140 .categoryPage .city .cell {
103 padding: 0; 141 padding: 0;
104 } 142 }
css/style/category.less
  View file @d4af2e8
@@ -8,13 +8,21 @@ @@ -8,13 +8,21 @@
8 left: 0; 8 left: 0;
9 width: 100%; 9 width: 100%;
10 // bottom: 0; 10 // bottom: 0;
  11 +<<<<<<< HEAD
11 z-index: 20; 12 z-index: 20;
  13 +=======
  14 + z-index: 10;
  15 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
12 background-color: #fff; 16 background-color: #fff;
13 overflow: hidden; 17 overflow: hidden;
14 .m-header{ 18 .m-header{
15 background-color: #F8F8F8; 19 background-color: #F8F8F8;
16 .head h1{ 20 .head h1{
  21 +<<<<<<< HEAD
17 font-size: 15px; 22 font-size: 15px;
  23 +=======
  24 + // font-size: 15px;
  25 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
18 } 26 }
19 } 27 }
20 .m-table-view{ 28 .m-table-view{
@@ -27,6 +35,18 @@ @@ -27,6 +35,18 @@
27 position: relative; 35 position: relative;
28 text-align: left; 36 text-align: left;
29 border: none; 37 border: none;
  38 +<<<<<<< HEAD
  39 +=======
  40 + &.selected{
  41 + background-color: #FFF;
  42 + .title{
  43 + color: #23AC38;
  44 + }
  45 + &:after{
  46 + border-right: 1px solid #fff !important;
  47 + }
  48 + }
  49 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
30 } 50 }
31 .title{ 51 .title{
32 font-size: 15px; 52 font-size: 15px;
@@ -34,7 +54,15 @@ @@ -34,7 +54,15 @@
34 float: left; 54 float: left;
35 font-weight: 400; 55 font-weight: 400;
36 line-height: 44px; 56 line-height: 44px;
  57 +<<<<<<< HEAD
37 width: 75px; 58 width: 75px;
  59 +=======
  60 + width: 100%;
  61 + white-space: nowrap;
  62 + overflow: hidden;
  63 + text-overflow: ellipsis;
  64 + text-align: left;
  65 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
38 } 66 }
39 .text{ 67 .text{
40 margin-left: 75px; 68 margin-left: 75px;
@@ -88,6 +116,14 @@ @@ -88,6 +116,14 @@
88 .province{ 116 .province{
89 width: 125px; 117 width: 125px;
90 float: left; 118 float: left;
  119 +<<<<<<< HEAD
  120 +=======
  121 + background-color: #f8f8f8;
  122 + .m-table-view{
  123 + position: relative;
  124 + z-index: 2;
  125 + }
  126 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
91 .cell{ 127 .cell{
92 background-color: #f8f8f8; 128 background-color: #f8f8f8;
93 &.selected{ 129 &.selected{
@@ -101,7 +137,11 @@ @@ -101,7 +137,11 @@
101 .city{ 137 .city{
102 margin-left: 135px; 138 margin-left: 135px;
103 .m-table-view{ 139 .m-table-view{
  140 +<<<<<<< HEAD
104 padding-right: 10px; 141 padding-right: 10px;
  142 +=======
  143 + // padding-right: 10px;
  144 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
105 } 145 }
106 .cell{ 146 .cell{
107 padding:0; 147 padding:0;
css/style/collection.css
  View file @d4af2e8
@@ -6,7 +6,94 @@ @@ -6,7 +6,94 @@
6 * name : zzf 6 * name : zzf
7 * info : 7 * info :
8 */ 8 */
  9 +<<<<<<< HEAD
9 .supply-list { 10 .supply-list {
  11 +=======
  12 +.product-filter {
  13 + padding-bottom: 75px;
  14 + position: relative;
  15 +}
  16 +.product-filter .m-list-view {
  17 + margin-top: 0;
  18 +}
  19 +.product-filter .m-list-view .cell {
  20 + padding: 15px;
  21 +}
  22 +.product-filter .m-list-view .acc-icon .acc {
  23 + right: 10px;
  24 + height: auto;
  25 +}
  26 +.product-filter .m-list-view .text {
  27 + display: inline-block;
  28 + margin-left: 0;
  29 + font-size: 14px;
  30 + line-height: 30px;
  31 + vertical-align: middle;
  32 +}
  33 +.product-filter .m-list-view .filed {
  34 + line-height: 20px;
  35 + margin-bottom: 10px;
  36 +}
  37 +.product-filter .m-list-view .separate {
  38 + display: inline-block;
  39 + width: 30px;
  40 + text-align: center;
  41 + line-height: 30px;
  42 +}
  43 +.product-filter .m-list-view .btn-group {
  44 + margin: -10px 0 0 -10px;
  45 +}
  46 +.product-filter .m-list-view .btn-group .m-btn {
  47 + float: left;
  48 + margin: 10px 0 0 10px;
  49 +}
  50 +.product-filter .m-list-view .btn-group .m-btn:nth-child(6) ~ span {
  51 + display: none;
  52 +}
  53 +.product-filter .m-list-view .btn-group.show .m-btn {
  54 + display: block !important;
  55 +}
  56 +.product-filter .pop-foot {
  57 + position: absolute;
  58 + bottom: 0;
  59 + left: 0;
  60 + right: 0;
  61 +}
  62 +.product-filter .pop-foot .m-btn {
  63 + float: left;
  64 + box-sizing: border-box;
  65 + width: 50%;
  66 +}
  67 +#product-filter-popup {
  68 + top: 0;
  69 + left: 45px;
  70 + right: 0;
  71 + margin: 0;
  72 + border-radius: 0;
  73 + background-color: #FFF;
  74 + width: auto;
  75 +}
  76 +#product-filter-popup {
  77 + -webkit-transform: translate(100%, 0) translateZ(0);
  78 + -ms-transform: translate(100%, 0) translateZ(0);
  79 + -o-transform: translate(100%, 0) translateZ(0);
  80 + transform: translate(100%, 0) translateZ(0);
  81 +}
  82 +#product-filter-popup .icon-lsjt {
  83 + transition: transform 300ms ease-out;
  84 +}
  85 +#product-filter-popup .icon-lsjt.off {
  86 + -webkit-transform: rotate(90deg);
  87 + -ms-transform: rotate(90deg);
  88 + -o-transform: rotate(90deg);
  89 + transform: rotate(90deg);
  90 +}
  91 +#product-filter-popup .product-filter .m-list-view .btn-group .m-btn:nth-child(6) ~ span {
  92 + display: inline-block;
  93 +}
  94 +.supply-list {
  95 + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
  96 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
10 padding: 10px; 97 padding: 10px;
11 } 98 }
12 .supply-list a { 99 .supply-list a {
@@ -23,6 +110,7 @@ @@ -23,6 +110,7 @@
23 padding: 0px; 110 padding: 0px;
24 background: #fff; 111 background: #fff;
25 } 112 }
  113 +<<<<<<< HEAD
26 .supply-list div.text { 114 .supply-list div.text {
27 text-align: left; 115 text-align: left;
28 display: box; 116 display: box;
@@ -42,6 +130,36 @@ @@ -42,6 +130,36 @@
42 box-flex: 1; 130 box-flex: 1;
43 -webkit-box-flex: 1; 131 -webkit-box-flex: 1;
44 -moz-box-flex: 1; 132 -moz-box-flex: 1;
  133 +=======
  134 +.supply-list .auth {
  135 + position: absolute;
  136 + right: 10px;
  137 + top: 0;
  138 + padding: 0 5px;
  139 + line-height: 20px;
  140 + font-size: 12px;
  141 +}
  142 +.supply-list div.text {
  143 + text-align: left;
  144 + position: relative;
  145 + display: block;
  146 + padding-left: 110px;
  147 + box-sizing: border-box;
  148 +}
  149 +.supply-list div.text label {
  150 + width: 100px;
  151 + display: inline-block;
  152 + position: relative;
  153 + color: #999;
  154 + vertical-align: middle;
  155 + margin: 0 0 0 -110px;
  156 +}
  157 +.supply-list div.text div {
  158 + color: #666666;
  159 + display: inline-block;
  160 + vertical-align: middle;
  161 + max-width: 100%;
  162 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
45 } 163 }
46 .supply-list .orso { 164 .supply-list .orso {
47 height: 40px; 165 height: 40px;
@@ -60,17 +178,73 @@ @@ -60,17 +178,73 @@
60 color: #ff6600; 178 color: #ff6600;
61 font-size: 14px; 179 font-size: 14px;
62 } 180 }
  181 +<<<<<<< HEAD
  182 +=======
  183 +.supply-list .orso .presell-time {
  184 + font-size: 14px;
  185 + color: red;
  186 +}
  187 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
63 .supply-list p { 188 .supply-list p {
64 text-align: left; 189 text-align: left;
65 border-bottom: 1px solid #ddd; 190 border-bottom: 1px solid #ddd;
66 padding-bottom: 10px; 191 padding-bottom: 10px;
67 } 192 }
  193 +<<<<<<< HEAD
  194 +#supplyList .m-tab {
  195 + padding: 0px;
  196 +=======
  197 +.supply-list .m-no-data p {
  198 + text-align: center;
  199 + border: 0px solid #ddd;
  200 +}
  201 +#supplyList {
  202 + min-height: 100%;
  203 +}
  204 +#supplyList .head {
  205 + padding-top: 5px;
  206 +}
  207 +#supplyList .content {
  208 + min-height: 100%;
  209 + position: relative;
  210 + padding-top: 40px;
  211 +}
  212 +#supplyList .content .filter {
  213 + position: absolute;
  214 + width: 100%;
  215 + top: 0px;
  216 + z-index: 3;
  217 + background: #fff;
  218 +}
  219 +#supplyList .content .select-pop {
  220 + height: 300px;
  221 + overflow: auto;
  222 + padding: 0 10px;
  223 + margin-top: 0px;
  224 +}
  225 +#supplyList .content .m-mask {
  226 + z-index: 2;
  227 +}
  228 +#supplyList .content .icon-arrow-d-x {
  229 + margin-left: 5px;
  230 +}
68 #supplyList .m-tab { 231 #supplyList .m-tab {
69 padding: 0px; 232 padding: 0px;
  233 + border: 1px solid #ddd;
  234 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
70 } 235 }
71 #supplyList .m-tab li { 236 #supplyList .m-tab li {
72 padding: 0px; 237 padding: 0px;
73 width: 50%; 238 width: 50%;
  239 +<<<<<<< HEAD
  240 +=======
  241 + line-height: 40px;
  242 +}
  243 +#supplyList .m-tab li a {
  244 + font-size: 14px;
  245 + color: #333;
  246 + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
  247 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
74 } 248 }
75 #collection .m-tab { 249 #collection .m-tab {
76 padding: 0 10px; 250 padding: 0 10px;
css/style/common-2.0.css
  View file @d4af2e8
  1 +<<<<<<< HEAD
1 /*************************************************** 2 /***************************************************
2 * feature : 零散的ui组件的集合; 3 * feature : 零散的ui组件的集合;
3 * update : 2015/02/03; 4 * update : 2015/02/03;
@@ -2845,3 +2846,6 @@ ul { @@ -2845,3 +2846,6 @@ ul {
2845 background: url(../../images/ajax-loader.gif) center center no-repeat; 2846 background: url(../../images/ajax-loader.gif) center center no-repeat;
2846 background-size: 4.125em 4.125em; 2847 background-size: 4.125em 4.125em;
2847 } 2848 }
  2849 +=======
  2850 +@charset "UTF-8";@import "m2.0/jquery.mobile.custom.structure.min.css";*{-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}html{height:100%}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}body{font:12px/1.5 sans-serif;background-color:#F5F5F5;position:relative;color:#333;min-height:100%;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}nav ul{list-style:none}li{list-style:none}em{font-style:normal}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0}input,select{vertical-align:middle}button:focus,input:focus{outline:0}a{color:#333;text-decoration:none;margin:0;padding:0;vertical-align:baseline;background:0 0}a:active,a:visited{color:#333}img,input{border:0;vertical-align:middle}a,input,textarea{-webkit-tap-highlight-color:transparent}.clear,.clearfix{display:inline-table;zoom:1}* html .clear,* html .clearfix{height:1%}* html .clear,* html .clearfix{zoom:1}.clear,.clearfix{display:block}.clear{clear:both}.clear:after,.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;line-height:0}.m-icon{display:inline-block;vertical-align:middle}.icon-arrow-d-x{background-image:url(../../images/dist/sprite.png);background-position:-272px -370px;background-position:-136px -185px;width:22px;width:11px;height:13px;height:6.5px;background-size:280px}.icon-arrow-down{background-image:url(../../images/dist/sprite.png);background-position:-246px -370px;background-position:-123px -185px;width:26px;width:13px;height:14px;height:7px;background-size:280px}.icon-back-top{background-image:url(../../images/dist/sprite.png);background-position:-350px -100px;background-position:-175px -50px;width:80px;width:40px;height:80px;height:40px;background-size:280px}.icon-back{background-image:url(../../images/dist/sprite.png);background-position:-500px -270px;background-position:-250px -135px;width:20px;width:10px;height:34px;height:17px;background-size:280px}.icon-call{background-image:url(../../images/dist/sprite.png);background-position:-520px -338px;background-position:-260px -169px;width:32px;width:16px;height:33px;height:16.5px;background-size:280px}.icon-cdzg{background-image:url(../../images/dist/sprite.png);background-position:-100px -130px;background-position:-50px -65px;width:100px;width:50px;height:100px;height:50px;background-size:280px}.icon-circle-back{background-image:url(../../images/dist/sprite.png);background-position:-450px -140px;background-position:-225px -70px;width:70px;width:35px;height:70px;height:35px;background-size:280px}.icon-circle-call-c{background-image:url(../../images/dist/sprite.png);background-position:-221px -444px;background-position:-110.5px -222px;width:44px;width:22px;height:44px;height:22px;background-size:280px}.icon-circle-more{background-image:url(../../images/dist/sprite.png);background-position:-350px -250px;background-position:-175px -125px;width:70px;width:35px;height:70px;height:35px;background-size:280px}.icon-circle-star-h{background-image:url(../../images/dist/sprite.png);background-position:-450px -70px;background-position:-225px -35px;width:70px;width:35px;height:70px;height:35px;background-size:280px}.icon-circle-star{background-image:url(../../images/dist/sprite.png);background-position:-450px 0;background-position:-225px 0;width:70px;width:35px;height:70px;height:35px;background-size:280px}.icon-circle-video{background-image:url(../../images/dist/sprite.png);background-position:-350px -180px;background-position:-175px -90px;width:70px;width:35px;height:70px;height:35px;background-size:280px}.icon-ddgl{background-image:url(../../images/dist/sprite.png);background-position:-429px -444px;background-position:-214.5px -222px;width:40px;width:20px;height:40px;height:20px;background-size:280px}.icon-dgys{background-image:url(../../images/dist/sprite.png);background-position:-450px -320px;background-position:-225px -160px;width:50px;width:25px;height:50px;height:25px;background-size:280px}.icon-dou-jiao{background-image:url(../../images/dist/sprite.png);background-position:-130px 0;background-position:-65px 0;width:120px;width:60px;height:120px;height:60px;background-size:280px}.icon-down-on{background-image:url(../../images/dist/sprite.png);background-position:-206px -370px;background-position:-103px -185px;width:20px;width:10px;height:24px;height:12px;background-size:280px}.icon-dwtb{background-image:url(../../images/dist/sprite.png);background-position:-89px -444px;background-position:-44.5px -222px;width:44px;width:22px;height:44px;height:22px;background-size:280px}.icon-fanhui{background-image:url(../../images/dist/sprite.png);background-position:-420px -180px;background-position:-210px -90px;width:24px;width:12px;height:40px;height:20px;background-size:280px}.icon-fiter{background-image:url(../../images/dist/sprite.png);background-position:-469px -444px;background-position:-234.5px -222px;width:40px;width:20px;height:40px;height:20px;background-size:280px}.icon-gouxuan{background-image:url(../../images/dist/sprite.png);background-position:-520px -271px;background-position:-260px -135.5px;width:34px;width:17px;height:34px;height:17px;background-size:280px}.icon-gqxx{background-image:url(../../images/dist/sprite.png);background-position:-200px -230px;background-position:-100px -115px;width:100px;width:50px;height:100px;height:50px;background-size:280px}.icon-have-point{background-image:url(../../images/dist/sprite.png);background-position:-474px -370px;background-position:-237px -185px;width:24px;width:12px;height:24px;height:12px;background-size:280px}.icon-information{background-image:url(../../images/dist/sprite.png);background-position:-206px -330px;background-position:-103px -165px;width:120px;width:60px;height:40px;height:20px;background-size:280px}.icon-jhd{background-image:url(../../images/dist/sprite.png);background-position:-100px -230px;background-position:-50px -115px;width:100px;width:50px;height:100px;height:50px;background-size:280px}.icon-jrjhd{background-image:url(../../images/dist/sprite.png);background-position:-520px -234px;background-position:-260px -117px;width:36px;width:18px;height:37px;height:18.5px;background-size:280px}.icon-logo-app{background-image:url(../../images/dist/sprite.png);background-position:-300px -230px;background-position:-150px -115px;width:50px;width:25px;height:50px;height:25px;background-size:280px}.icon-lsjt{background-image:url(../../images/dist/sprite.png);background-position:-520px -464px;background-position:-260px -232px;width:30px;width:15px;height:20px;height:10px;background-size:280px}.icon-medal-gold{background-image:url(../../images/dist/sprite.png);background-position:-416px -330px;background-position:-208px -165px;width:22px;width:11px;height:30px;height:15px;background-size:280px}.icon-medal-sliver{background-image:url(../../images/dist/sprite.png);background-position:-420px -281px;background-position:-210px -140.5px;width:22px;width:11px;height:30px;height:15px;background-size:280px}.icon-new{background-image:url(../../images/dist/sprite.png);background-position:-50px -394px;background-position:-25px -197px;width:60px;width:30px;height:34px;height:17px;background-size:280px}.icon-nhzy{background-image:url(../../images/dist/sprite.png);background-position:0 -230px;background-position:0 -115px;width:100px;width:50px;height:100px;height:50px;background-size:280px}.icon-no-point{background-image:url(../../images/dist/sprite.png);background-position:-450px -370px;background-position:-225px -185px;width:24px;width:12px;height:24px;height:12px;background-size:280px}.icon-pfsc{background-image:url(../../images/dist/sprite.png);background-position:-250px -100px;background-position:-125px -50px;width:100px;width:50px;height:100px;height:50px;background-size:280px}.icon-phone{background-image:url(../../images/dist/sprite.png);background-position:-420px -220px;background-position:-210px -110px;width:29px;width:14.5px;height:29px;height:14.5px;background-size:280px}.icon-pro-more-large{background-image:url(../../images/dist/sprite.png);background-position:-309px -444px;background-position:-154.5px -222px;width:40px;width:20px;height:40px;height:20px;background-size:280px}.icon-pro-more{background-image:url(../../images/dist/sprite.png);background-position:-450px -210px;background-position:-225px -105px;width:60px;width:30px;height:60px;height:30px;background-size:280px}.icon-qtzl{background-image:url(../../images/dist/sprite.png);background-position:0 -394px;background-position:0 -197px;width:50px;width:25px;height:50px;height:25px;background-size:280px}.icon-right-x{background-image:url(../../images/dist/sprite.png);background-position:-520px -305px;background-position:-260px -152.5px;width:34px;width:17px;height:33px;height:16.5px;background-size:280px}.icon-scl{background-image:url(../../images/dist/sprite.png);background-position:-200px -180px;background-position:-100px -90px;width:50px;width:25px;height:50px;height:25px;background-size:280px}.icon-sdrz{background-image:url(../../images/dist/sprite.png);background-position:-326px -330px;background-position:-163px -165px;width:90px;width:45px;height:30px;height:15px;background-size:280px}.icon-search-w{background-image:url(../../images/dist/sprite.png);background-position:-110px -394px;background-position:-55px -197px;width:25px;width:12.5px;height:26px;height:13px;background-size:280px}.icon-search{background-image:url(../../images/dist/sprite.png);background-position:-420px -250px;background-position:-210px -125px;width:30px;width:15px;height:31px;height:15.5px;background-size:280px}.icon-sgl{background-image:url(../../images/dist/sprite.png);background-position:-300px -280px;background-position:-150px -140px;width:50px;width:25px;height:50px;height:25px;background-size:280px}.icon-spfl{background-image:url(../../images/dist/sprite.png);background-position:-200px -130px;background-position:-100px -65px;width:50px;width:25px;height:50px;height:25px;background-size:280px}.icon-star-ot{background-image:url(../../images/dist/sprite.png);background-position:-520px -197px;background-position:-260px -98.5px;width:38px;width:19px;height:37px;height:18.5px;background-size:280px}.icon-star-outline_h{background-image:url(../../images/dist/sprite.png);background-position:-520px -160px;background-position:-260px -80px;width:38px;width:19px;height:37px;height:18.5px;background-size:280px}.icon-star{background-image:url(../../images/dist/sprite.png);background-position:-520px -433px;background-position:-260px -216.5px;width:33px;width:16.5px;height:31px;height:15.5px;background-size:280px}.icon-store-like{background-image:url(../../images/dist/sprite.png);background-position:-520px -402px;background-position:-260px -201px;width:33px;width:16.5px;height:31px;height:15.5px;background-size:280px}.icon-store-liked{background-image:url(../../images/dist/sprite.png);background-position:-520px -371px;background-position:-260px -185.5px;width:33px;width:16.5px;height:31px;height:15.5px;background-size:280px}.icon-switch{background-image:url(../../images/dist/sprite.png);background-position:-104px -330px;background-position:-52px -165px;width:102px;width:51px;height:64px;height:32px;background-size:280px}.icon-switch_on{background-image:url(../../images/dist/sprite.png);background-position:0 -330px;background-position:0 -165px;width:104px;width:52px;height:64px;height:32px;background-size:280px}.icon-sxsj{background-image:url(../../images/dist/sprite.png);background-position:-250px -200px;background-position:-125px -100px;width:90px;width:45px;height:30px;height:15px;background-size:280px}.icon-szgl{background-image:url(../../images/dist/sprite.png);background-position:-520px -80px;background-position:-260px -40px;width:40px;width:20px;height:40px;height:20px;background-size:280px}.icon-talking{background-image:url(../../images/dist/sprite.png);background-position:0 -444px;background-position:0 -222px;width:45px;width:22.5px;height:45px;height:22.5px;background-size:280px}.icon-tcls{background-image:url(../../images/dist/sprite.png);background-position:0 -130px;background-position:0 -65px;width:100px;width:50px;height:100px;height:50px;background-size:280px}.icon-tkgl{background-image:url(../../images/dist/sprite.png);background-position:-389px -444px;background-position:-194.5px -222px;width:40px;width:20px;height:40px;height:20px;background-size:280px}.icon-tupian{background-image:url(../../images/dist/sprite.png);background-position:0 0;width:130px;width:65px;height:130px;height:65px;background-size:280px}.icon-up-down{background-image:url(../../images/dist/sprite.png);background-position:-226px -370px;background-position:-113px -185px;width:20px;width:10px;height:24px;height:12px;background-size:280px}.icon-up-on{background-image:url(../../images/dist/sprite.png);background-position:-498px -370px;background-position:-249px -185px;width:20px;width:10px;height:24px;height:12px;background-size:280px}.icon-wdnf{background-image:url(../../images/dist/sprite.png);background-position:-250px 0;background-position:-125px 0;width:100px;width:50px;height:100px;height:50px;background-size:280px}.icon-wdsc{background-image:url(../../images/dist/sprite.png);background-position:-520px -40px;background-position:-260px -20px;width:40px;width:20px;height:40px;height:20px;background-size:280px}.icon-white-jt-back{background-image:url(../../images/dist/sprite.png);background-position:-430px -100px;background-position:-215px -50px;width:20px;width:10px;height:30px;height:15px;background-size:280px}.icon-white-jt{background-image:url(../../images/dist/sprite.png);background-position:-430px -130px;background-position:-215px -65px;width:20px;width:10px;height:30px;height:15px;background-size:280px}.icon-wlfw{background-image:url(../../images/dist/sprite.png);background-position:-450px -270px;background-position:-225px -135px;width:50px;width:25px;height:50px;height:25px;background-size:280px}.icon-wsc{background-image:url(../../images/dist/sprite.png);background-position:-45px -444px;background-position:-22.5px -222px;width:44px;width:22px;height:44px;height:22px;background-size:280px}.icon-xiaye{background-image:url(../../images/dist/sprite.png);background-position:-500px -320px;background-position:-250px -160px;width:20px;width:10px;height:32px;height:16px;background-size:280px}.icon-xk-no{background-image:url(../../images/dist/sprite.png);background-position:-265px -444px;background-position:-132.5px -222px;width:44px;width:22px;height:44px;height:22px;background-size:280px}.icon-xk-yes{background-image:url(../../images/dist/sprite.png);background-position:-177px -444px;background-position:-88.5px -222px;width:44px;width:22px;height:44px;height:22px;background-size:280px}.icon-xuanze_1{background-image:url(../../images/dist/sprite.png);background-position:-520px 0;background-position:-260px 0;width:40px;width:20px;height:40px;height:20px;background-size:280px}.icon-xuanze_2{background-image:url(../../images/dist/sprite.png);background-position:-520px -120px;background-position:-260px -60px;width:40px;width:20px;height:40px;height:20px;background-size:280px}.icon-xxgl{background-image:url(../../images/dist/sprite.png);background-position:-349px -444px;background-position:-174.5px -222px;width:40px;width:20px;height:40px;height:20px;background-size:280px}.icon-yjt{background-image:url(../../images/dist/sprite.png);background-position:0 -489px;background-position:0 -244.5px;width:17px;width:8.5px;height:30px;height:15px;background-size:280px}.icon-yqxx{background-image:url(../../images/dist/sprite.png);background-position:-350px 0;background-position:-175px 0;width:100px;width:50px;height:100px;height:50px;background-size:280px}.icon-ysc{background-image:url(../../images/dist/sprite.png);background-position:-133px -444px;background-position:-66.5px -222px;width:44px;width:22px;height:44px;height:22px;background-size:280px}.icon-arrow{background-image:url(../../images/dist/sprite.png);background-position:0 -489px;background-position:0 -244.5px;width:17px;width:8.5px;height:30px;height:15px;background-size:280px}.bg-img{background:url(../../images/icon/icon.png)no-repeat;background-size:150px}.head{height:44px;box-sizing:border-box;text-align:center}.logo{width:25px;background:url(../../images/icon/icon.png)no-repeat;background-size:150px;background-position:-125px 11px;margin:0 15px}.m-header{z-index:5;color:#FFF;color:#fff;background-color:#23AC38;position:relative}.m-header .head{padding:0 50px;box-sizing:border-box}.m-header .head h1{display:inline-block;vertical-align:middle;line-height:44px;font-weight:400;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-header .lt-bar,.m-header .rt-bar{position:absolute;left:0;top:0;bottom:0;min-width:44px;line-height:44px;height:100%;text-align:center;cursor:pointer;z-index:1}.m-header .lt-bar{float:left}.m-header .lt-bar.text{padding-left:10px;text-align:left}.m-header .rt-bar{float:right;left:auto;right:0}.m-header .rt-bar.text{padding-right:10px;text-align:right}.m-header .text{text-align:center;line-height:44px;font-size:15px;color:#FFF}.m-header.header-search .head{padding:7px 44px}.m-header.header-search .search-box{line-height:30px;font-size:14px;padding:0 8px;background-color:#158F28;color:#eee;cursor:text;display:block;color:#999;text-align:left}.m-header.header-search .icon-search{margin-top:7px}.m-header.header-search .icon-search-w{margin-top:8px}.m-header.header-search .input-wrap{display:block;overflow:hidden;padding-left:8px;box-sizing:border-box}.m-header.header-search .m-input{float:left;width:98%;display:block;padding:4px 0;color:#FFF;border:none;background:0 0}.m-header.header-search .m-input::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.m-header.header-search .m-dropdown{float:left}.m-header.header-search #search-btn{background:0 0;color:#fff;font-size:14px}.m-header.header-home .head{position:relative;padding:7px 10px 7px 44px;margin-right:0}.m-header.header-home .search-box{background-color:#158F28;color:#FFF}.m-header.header-light{background-color:#FFF;color:#666}.m-header.header-light .text{color:#666}.m-header.header-light .m-input{color:#333}.m-header.header-light .m-input::-webkit-input-placeholder{color:#999}.m-footer{position:fixed!important;left:0;right:0;bottom:0;padding:12px 10px;background:rgba(255,255,255,.9);z-index:1}.m-footer .m-btn{line-height:44px}.m-segment{overflow:hidden;vertical-align:middle}.m-segment li{width:50%;line-height:30px;text-align:center;float:left;background-color:#FFF;color:#23AC38;border:1px solid #23AC38;border-right:none;box-sizing:border-box}.m-segment li:last-child{border-right:1px solid #23AC38}.m-segment li .segment-text{display:block;color:#23AC38;line-height:30px;font-size:14px}.m-segment .on{color:#FFF;background-color:#23AC38}.m-segment .on .segment-text{color:#FFF}.m-segment.tab-col-2 li{width:50%!important}.m-segment.tab-col-3 li{width:33.3%!important}.m-segment.tab-col-4 li{padding-right:0;width:25%!important}.m-segment.tab-col-5 li{padding-right:0;width:20%!important}.m-table{border-collapse:collapse;width:100%;font-size:14px;background-color:#FFF}.m-table thead tr{background-color:#f4f7fa}.m-table td,.m-table th{font-size:14px;color:#333;padding:6px 15px;border:1px solid #dfe5e7;font-weight:400;vertical-align:middle}.m-table td{color:#999}.m-btn,a.m-btn{display:inline-block;padding:0 15px;min-width:43px;line-height:28px;font-size:14px;color:#666;text-align:center;border:none;background-color:#FFF;cursor:pointer;vertical-align:middle;border:1px solid #EEE;background-color:#EEE}.m-btn.btn-success,a.m-btn.btn-success{color:#FFF;background-color:#23AC38;border-color:#23AC38}.m-btn.btn-success.reverse,a.m-btn.btn-success.reverse{background-color:#FFF;color:#23ac38;line-height:43px;border:1px solid #23ac38}.m-btn.btn-large,a.m-btn.btn-large{font-size:16px;line-height:48px}.m-btn.btn-default,a.m-btn.btn-default{background-color:#FFF;color:#666;border-color:#ddd}.m-btn.btn-primary,a.m-btn.btn-primary{background-color:#1b6ba5;border-color:#1b6ba5;color:#FFF}.m-btn.btn-warning,a.m-btn.btn-warning{color:#FFF;background-color:#ff9d2c;border-color:#ff9d2c}.m-btn.btn-danger,a.m-btn.btn-danger{color:#FFF;background-color:#FA4535;border-color:#FA4535}.m-btn.btn-text,a.m-btn.btn-text{background-color:#FFF;color:#23AC38;border-color:#23AC38}.m-btn.disabled,a.m-btn.disabled{color:#999;background-color:#ddd;border-color:#ddd}.m-input{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:normal;line-height:22px;min-height:22px;padding:3px;background:0 0;font-size:14px;color:#000;border:1px solid #ddd;text-align:left;outline:0;background-color:#f5f5f5;border-radius:0;box-shadow:none;vertical-align:middle}.m-input.input-small{width:47px}.m-input.input-large{width:92px}.m-input:focus{background-color:#fff;border-color:#23AC38}.m-textarea{-moz-appearance:none;appearance:none;width:100%;padding:8px;box-sizing:border-box;font-size:14px;min-height:90px;border:1px solid #ddd;border-width:1px 0;margin-top:10px;outline:0;border-radius:0;box-shadow:none;resize:none;-webkit-appearance:none}.m-input-number{display:inline-block;border:1px solid #ccc;border-radius:4px;background-color:#FFF;font-size:0}.m-input-number input{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:normal;float:left;height:22px;padding:5px 5px 6px;font-size:12px;color:#666;width:40px;text-align:center}.m-input-number span{float:left;position:relative;width:33px;height:33px;cursor:pointer}.m-input-number span:after,.m-input-number span:before{content:'';position:absolute;width:15px;height:1px;top:50%;left:50%;margin-left:-7px;background-color:#999;font-size:0;overflow:hidden;cursor:pointer}.m-input-number .reduce{border-right:1px solid #ccc}.m-input-number .reduce:after{display:none}.m-input-number .add{border-left:1px solid #ccc}.m-input-number .add:after{content:'';position:absolute;height:15px;width:1px;margin:-7px 0 0}input.m-checkbox,input.m-radio{background-image:url(../../images/dist/sprite.png);background-position:-265px -444px;background-position:-132.5px -222px;width:44px;width:22px;height:44px;height:22px;background-size:280px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;display:inline-block;border:none;cursor:pointer;margin:0;position:relative;outline:0}input.m-checkbox:focus,input.m-radio:focus{outline:0;outline:0}input.m-checkbox:checked,input.m-radio:checked{background-image:url(../../images/dist/sprite.png);background-position:-177px -444px;background-position:-88.5px -222px;width:44px;width:22px;height:44px;height:22px;background-size:280px}input.m-checkbox{background-image:url(../../images/dist/sprite.png);background-position:-520px 0;background-position:-260px 0;width:40px;width:20px;height:40px;height:20px;background-size:280px}input.m-checkbox:checked{background-image:url(../../images/dist/sprite.png);background-position:-520px -120px;background-position:-260px -60px;width:40px;width:20px;height:40px;height:20px;background-size:280px}.m-select{position:relative;display:inline-block;vertical-align:middle;min-width:50px}.m-select .select-text{color:#999;text-align:right;display:block;line-height:21px}.m-select select{border:0;font-size:14px;background:0 0;outline:0;-webkit-appearance:none;position:absolute;top:0;left:0;width:100%;opacity:0}.m-input-date{position:relative;display:inline-block;vertical-align:middle;min-width:50px}.m-input-date .current{color:#999;text-align:right;display:block;line-height:21px}.m-input-date input{border:0;font-size:14px;background:0 0;outline:0;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.m-mask{position:absolute;bottom:0;left:0;top:0;right:0;opacity:1;background:rgba(0,0,0,.5);z-index:10;overflow:hidden;-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.m-popup{position:fixed;right:0;left:50%;bottom:0;width:270px;margin-left:-135px;background:rgba(255,255,255,.9);border-radius:4px;z-index:20;-webkit-transition:-webkit-transform cubic-bezier(.22,.61,.36,1).2s;-moz-transition:-moz-transform cubic-bezier(.22,.61,.36,1).2s;-o-transition:-o-transform cubic-bezier(.22,.61,.36,1).2s;transition:transform cubic-bezier(.22,.61,.36,1).2s;overflow:auto;-webkit-overflow-scrolling:touch;display:none}.m-popup.popup-large{left:25px;right:25px;width:auto;margin-left:0}.m-popup .popup-head h1{font-size:14px;color:#000;line-height:50px;text-align:center;font-weight:400}.m-popup .popup-cont .title{color:#666}.m-popup .popup-cont .m-table-view{margin-top:0;background:0 0}.m-popup .popup-foot .m-btn{float:left;width:50%;background:0 0;color:#027aff;box-sizing:border-box;border-radius:0;border:none;line-height:44px;font-size:16px}.m-popup .popup-foot .m-btn:first-child{border-right:1px solid #ddd}.m-slider{position:relative;height:220px;width:100%;color:#333;text-align:center;line-height:23px;font-size:14px}.m-slider .slider-wrap{width:100%;overflow:hidden;height:100%;position:relative}.m-slider .slider-wrap div{position:relative;float:left;width:100%;height:100%;background-size:cover}.m-slider .page-contrl{float:left;position:absolute;width:100%;left:0;bottom:-16px;text-align:center}.m-slider .page-contrl li{display:inline-block;width:5px;height:5px;background:#d3d3d3;border-radius:50%;margin-right:4px}.m-slider .page-contrl li:last-child{margin-right:0}.m-slider .page-contrl li.on{background:#00b4af}.m-stat{padding:12px 0 12px 90px;background-color:#fff}.m-stat .rate{font-size:12px;color:#666;text-align:center;float:left;margin-left:-58px;margin-top:0}.m-stat .rate em{font-style:normal;font-size:18px;color:#FF9D2C}.m-stat ul{width:100%}.m-stat li{width:100%;font-size:10px;color:#666;box-sizing:border-box;padding:0 50px;overflow:hidden;position:relative}.m-stat li .text{float:left;margin-left:-50px;text-align:right;width:70px;margin-right:15px}.m-stat li .progress{display:block;background-color:#ddd;height:10px;font-size:0;margin-top:3px}.m-stat li .progress span{display:block;height:100%;background-color:#ff9d2c}.m-stat li .percent{position:absolute;right:4px;top:0;text-align:left;width:36px;margin-left:10px}.m-star{width:75px;height:14px;display:inline-block;vertical-align:middle;background:url(../../images/icon/star@2x.png)left center repeat-x;background-size:15px}.m-star span{display:block;width:0;height:100%;background:url(../../images/icon/star_ht@2x.png)left center repeat-x;background-size:15px}.m-like{float:left;height:25px}.m-like span{float:left;width:25px;height:25px;padding:0 1px;background:url(../../images/icon/star@2x.png)left center no-repeat;background-size:25px;cursor:pointer}.m-like .on{background-image:url(../../images/icon/star_ht@2x.png);background-size:25px}.m-step{overflow:hidden;position:relative;padding:11px 0}.m-step:after{left:auto;right:-4px;border:8px solid #ddd;border-color:transparent transparent transparent #ddd;background:0 0;width:0;height:0;margin-top:-7px;font-size:0}.m-step li{float:left;text-align:left;padding:0 5px;position:relative;min-width:85px;box-sizing:border-box}.m-step .desc,.m-step .price{font-size:14px;color:#6c2;display:block;padding-bottom:8px}.m-step .price{font-size:18px;font-style:normal;padding:0;line-height:1.1}.m-list-view{margin-top:10px}.m-list-view .cell{font-size:14px;padding:0 0 0 15px;background-color:#FFF;overflow:hidden;position:relative;text-align:left}.m-list-view .cell-header{background-color:#f8f8f8;padding:0 10px}.m-list-view .cell-header .title{font-size:13px;color:#333;line-height:35px;width:auto}.m-list-view .cell-header .text{font-size:13px;line-height:35px;float:right;color:#9e9e9e;text-align:right;margin:0}.m-list-view .cell-basic{padding:11px 10px}.m-list-view .cell-basic .text,.m-list-view .cell-basic .title{float:none;display:inline-block;vertical-align:middle;margin:0 10px 0 0;line-height:1.5}.m-list-view .cell-basic .sub-title{padding-top:10px;font-size:13px;color:#999}.m-list-view .cell-radio{text-align:right;padding:0 10px;margin-bottom:10px;background-color:#eee}.m-list-view .cell-radio .title{color:#333;width:auto;text-align:left}.m-list-view .cell-radio .text{float:none;text-align:right}.m-list-view .cell-radio .m-radio{margin-left:8px}.m-list-view .cell-radio .m-table-view{margin:0 -10px}.m-list-view .cell-radio .m-table-view .cell-radio{margin:0;background-color:#FFF}.m-list-view .cell-block{padding:8px 10px}.m-list-view .cell-block h3{font-size:16px;font-weight:400;padding-right:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-list-view .cell-block p{font-size:14px;color:#666}.m-list-view .cell-block .bottom{margin-top:10px;padding-top:8px;line-height:30px}.m-list-view .cell-extend .m-table-view{margin:0 0 0 45px}.m-list-view .cell-extend .m-table-view .cell{padding:0}.m-list-view .cell-extend .m-table-view .text{margin-left:0}.m-list-view .cell-pic{padding:15px}.m-list-view .cell-pic .pic{float:left}.m-list-view .cell-pic .cont{margin-left:90px}.m-list-view .cell-pic h3{font-size:14px;font-weight:400}.m-list-view .cell-pic em{font-size:16px;font-weight:400}.m-list-view .cell-pic p{color:#9b9b9b;font-size:12px}.m-list-view .acc-icon{position:relative;padding-right:30px}.m-list-view .acc-icon .acc{position:absolute;right:0;top:0;min-width:30px;height:100%;line-height:44px;text-align:left;color:#999;text-align:right}.m-list-view .acc-icon .acc .m-icon{margin-right:4px}.m-list-view .title{font-size:15px;color:#999;float:left;font-weight:400;line-height:44px}.m-list-view .text{display:block;font-size:15px;color:#333;line-height:44px;position:relative;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;overflow:hidden}.m-list-view .text .m-input{font-size:15px}.m-message{position:fixed;left:0;right:0;top:0;bottom:0;background:0 0;text-align:center;z-index:9999}.m-message .text{margin-top:20%;display:inline-block;vertical-align:middle;color:#FFF;background:rgba(0,0,0,.7);border-radius:4px;font-size:14px;padding:15px 45px}.m-tips{padding:20px 15px;min-height:70px}.m-tips .pic{float:left;width:70px;height:70px;margin-right:10px}.m-tips h3{font-size:16px;color:#FF9D2C;margin-bottom:8px;font-weight:400}.m-tips p{font-size:12px;color:#999}.m-tab{width:100%;background-color:#FFF;font-size:14px;color:#999;border-width:1px 0;overflow:hidden;box-sizing:border-box;padding:0 15px}.m-tab a{color:#999}.m-tab li{float:left;min-width:32px;padding-right:18px;line-height:40px;text-align:center;position:relative}.m-tab li:last-child{padding-right:0}.m-tab .on a{color:#2caa3f;display:block;position:relative}.m-tab .on a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#23AC38}.m-tab.tab-col-2 li{width:50%!important}.m-tab.tab-col-3 li{width:33.33%!important;padding-right:0}.m-tab.tab-col-4 li{padding-right:0;width:25%!important}.m-tab.tab-col-5 li{padding-right:0;width:20%!important}.m-tab.tab-blue .on a{color:#1b6ba5}.m-tab.tab-blue .on a:after{background-color:#1b6ba5}.m-table-view-old{background-color:#fff}.m-table-view-old li{padding:15px}.m-table-view-old .pic{float:left;width:60px;height:60px;margin-right:13px}.m-table-view-old h3{font-size:14px;color:#FA4535;margin-bottom:4px}.m-table-view-old p{color:#999;font-size:12px}.m-table-view{width:100%;background-color:#FFF;border-top:1px solid #ddd;margin-top:10px}.m-table-view .cell{font-size:14px;padding:11px 15px;text-align:right;border-bottom:1px solid #ddd;overflow:hidden;position:relative}.m-table-view .acc-icon{position:relative}.m-table-view .acc-icon .text{padding-right:15px}.m-table-view .acc-icon:after{content:'';position:absolute;right:10px;top:50%;width:10px;height:15px;background:url(../../images/icon/arrow_rt@2x.png)center center no-repeat;background-size:10px;margin-top:-7.5px}.m-table-view .title{font-size:14px;color:#333;float:left;font-weight:400}.m-table-view .text{display:inline-block;font-size:14px;color:#999}.m-table-view .cell-extend{padding:11px 45px 11px 110px;text-align:left}.m-table-view .cell-extend .m-icon{margin-right:10px}.m-table-view .cell-extend .title{line-height:36px;margin-left:-95px;display:inline-block;float:none;vertical-align:middle}.m-table-view .cell-extend .text{display:inline-block;text-align:left;padding:0 10px;font-size:12px;width:100%;box-sizing:border-box;color:#999;vertical-align:middle}.m-table-view .cell-extend .acc{position:absolute;top:50%;right:15px;margin-top:-10px;float:right;width:20px;height:20px}.m-table-view .cell-extend-pic{padding:11px 45px 11px 110px;padding:15px 85px;text-align:left;font-size:12px}.m-table-view .cell-extend-pic .m-icon{margin-right:10px}.m-table-view .cell-extend-pic .title{line-height:36px;margin-left:-95px;display:inline-block;float:none;vertical-align:middle}.m-table-view .cell-extend-pic .text{display:inline-block;text-align:left;padding:0 10px;font-size:12px;width:100%;box-sizing:border-box;color:#999;vertical-align:middle}.m-table-view .cell-extend-pic .acc{position:absolute;top:50%;right:15px;margin-top:-10px;float:right;width:20px;height:20px}.m-table-view .cell-extend-pic .title{margin-left:0;font-size:12px;text-align:left;margin:0 0 5px;line-height:1.5}.m-table-view .cell-extend-pic .detail{color:#999;font-size:12px}.m-table-view .cell-extend-pic .pic{width:60px;height:60px;float:left;margin-left:-70px}.m-table-view .cell-extend-pic .text{position:absolute;right:0;top:15px;text-align:right;color:#000;font-size:12px;font-weight:700;width:70px;padding:0 15px 0 0;box-sizing:content-box}.m-table-view .cell-extend-pic .text em{display:block;font-style:normal}.m-actionsheet{position:fixed;left:10px;right:10px;bottom:0;padding-bottom:10px;z-index:20;-webkit-transform:translate(0,100%) translateZ(0);-ms-transform:translate(0,100%) translateZ(0);-o-transform:translate(0,100%) translateZ(0);transform:translate(0,100%) translateZ(0);-webkit-transition:-webkit-transform cubic-bezier(.22,.61,.36,1).15s;-moz-transition:-moz-transform cubic-bezier(.22,.61,.36,1).15s;-o-transition:-o-transform cubic-bezier(.22,.61,.36,1).15s;transition:transform cubic-bezier(.22,.61,.36,1).15s}.m-actionsheet ul{list-style:none}.m-actionsheet li{line-height:50px;text-align:center;background:rgba(255,255,255,.95);border-top:1px solid #ddd}.m-actionsheet li:first-child{border-top-left-radius:8px;border-top-right-radius:8px;border:none}.m-actionsheet li:last-child{margin-top:10px;border-radius:8px;border:none}.m-actionsheet li.last-item{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.m-actionsheet li a{display:block;color:#027aff;font-size:16px;font-weight:700;text-decoration:none}.m-dropdown{display:inline-block;line-height:30px;overflow:visible}.m-dropdown .current{font-size:14px;color:#FFF;position:relative;display:inline-block;padding:0 25px 0 10px;cursor:pointer}.m-dropdown .current:after{content:'';position:absolute;right:7px;top:50%;width:11px;height:7px;cursor:pointer;margin-top:-3px;background:url(../../images/icon.png)-121px -206px no-repeat;background-size:150px}.m-dropdown .dropdown-items{background:rgba(0,0,0,.8);position:absolute;top:40px;border-radius:3px;min-width:85px;display:none}.m-dropdown .dropdown-items:before{content:'';position:absolute;top:-16px;left:17px;width:0;height:0;font-size:0;overflow:hidden;border:8px solid rgba(0,0,0,.8);border-color:transparent transparent rgba(0,0,0,.8) transparent}.m-dropdown .dropdown-items .item{display:block;line-height:45px;border-bottom:1px solid #666;text-align:left;color:#EEE}.m-dropdown .dropdown-items .item a{padding:0 15px;font-size:14px;display:inline-block;color:#EEE}.m-dropdown .dropdown-items .item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.m-dropdown .dropdown-items .item:last-child{border:none;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.m-dropdown .dropdown-items .item .m-icon{margin-right:5px}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-nowrap{white-space:nowrap!important}.text-overflow{overflow:hidden;text-overflow:ellipsis}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-indent{text-indent:-999em}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.display-block{display:block!important}.clearfix:after{content:'';display:block;height:0;overflow:hidden;font-size:0;clear:both}.m-hide{display:none!important;visibility:hidden;opacity:0;z-index:-1}.m-hidden{visibility:hidden;opacity:0;z-index:-1}.m-show{display:block!important;visibility:visible}.m-separate{position:relative;width:100%;line-height:50px;text-align:center;font-size:12px;color:#666;overflow:visible}.m-more,a.m-more{display:block;font-size:12px;text-align:center;color:#999;line-height:45px;background-color:#FFF}.m-animate-hide{-webkit-transform:translate(0,100%) translateZ(0)!important;-ms-transform:translate(0,100%) translateZ(0)!important;-o-transform:translate(0,100%) translateZ(0)!important;transform:translate(0,100%) translateZ(0)!important}.m-animate-show{-webkit-transform:translate(0,0) translateZ(0)!important;-ms-transform:translate(0,0) translateZ(0)!important;-o-transform:translate(0,0) translateZ(0)!important;transform:translate(0,0) translateZ(0)!important}.hidden{opacity:0;z-index:-1}.mask-hidden{opacity:0}.font-white{color:#FFF!important}.font-white-opacity{color:rgba(255,255,255,.8)!important}.font-gray{color:#666!important}.font-light{color:#999!important}.font-yellow{color:#FF9D2C!important}.font-orange{color:#FF6B00!important}.font-red{color:#fa4535!important}.font-green{color:#23ac38!important}.background-gray{background-color:#666!important}.background-yellow{background-color:#FF9D2C!important}.background-orange{background-color:#FF6B00!important}.background-red{background-color:#fa4535!important}.background-green{background-color:#23ac38!important}.position-relative{position:relative}.z-index2{z-index:2}.width-auto{width:auto!important}.no-border{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;border:none!important}.no-margin{margin:0!important}.m-bar{position:absolute;z-index:10}.m-bar-bg{position:fixed;left:0;top:0;z-index:5;width:100%;height:100%;background:rgba(0,0,0,.6);display:none}.m-bar-content{position:fixed;z-index:10;left:20px;bottom:65px;text-align:center}.m-bar-content .m-bar-btn{position:relative;width:46px;height:46px;border-radius:100%;background-color:#23AC38;border:2px #fff solid;z-index:1001}.m-bar-content .m-bar-icon{margin:0;display:inline-block;height:100%}.m-bar-content a{position:absolute;width:50px;height:50px;left:0;top:0;display:block;background:#fff;border-radius:100%;font-size:12px;color:#666;-webkit-transform:translate(0,0) translateZ(0);-moz-transform:translate(0,0) translateZ(0);-o-transform:translate(0,0) translateZ(0);transform:translate(0,0) translateZ(0);-webkit-transition:-webkit-transform ease-out .25s;-moz-transition:-moz-transform ease-out .25s;-ms-transition:-ms-transform ease-out .25s;-o-transition:-o-transform ease-out .25s;transition:transform ease-out .25s;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.m-bar-content p{line-height:normal;margin-top:-2px}.m-bar-content .icon{display:inline-block;width:18px;height:18px;line-height:normal;margin-top:5px;background:url(../../images/icon/icon.png)no-repeat;background-size:150px}.m-bar-content .icon-home{background-position:0 -309px}.m-bar-content .icon-me{background-position:-23px -309px}.m-bar-content .icon-order{background-position:-48px -309px}.border-1px{position:relative}.border-1px:after,.border-1px:before{border-top:1px solid #e2e2e2;content:'';display:block;width:100%;position:absolute;left:0;z-index:1}.border-1px:before{top:0}.border-1px:after{bottom:0}.border-1px.border-top:after{display:none}.border-1px.border-bottom:before{display:none}.border-1px-full{position:relative}.border-1px-full:after{content:'';position:absolute;top:0;left:0;z-index:1;border:1px solid #e2e2e2;-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top}@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){.border-1px::after,.border-1px::before{-webkit-transform:scaleY(.7);-webkit-transform-origin:0 0;transform:scaleY(.7)}.border-1px::after{-webkit-transform-origin:left bottom}}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.border-1px::after,.border-1px::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.transition-wrapper .ui-page-active{height:100%;overflow:hidden}*{margin:0;padding:0;border:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}ul{list-style:none}.m-list-text{background-color:#FFF;border-top:1px solid #ddd}.m-list-text li{padding:15px;border-bottom:1px solid #ddd}.m-list-text .author{float:right;font-size:12px;color:#999}.m-list-text p{color:#666;font-size:14px}.s-page{position:absolute;left:0;top:0;width:100%;min-height:100%;background:#f5f5f5;display:block;z-index:99}.transition-wrapper{height:100%;width:100%;overflow:hidden}.transition-wrapper .m-page{height:100%;overflow-x:hidden;overflow-y:auto}.transition-wrapper body{height:100%;width:100%;overflow:hidden;position:relative}.transition-up{background:#F5F5F5;width:100%;height:100%;position:absolute;top:0;left:0;z-index:999;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);-moz-transition:-moz-transform .3s cubic-bezier(.55,.055,.675,.19);-o-transition:-o-transform .3s cubic-bezier(.55,.055,.675,.19);transition:transform .3s cubic-bezier(.55,.055,.675,.19)}.transition-up .transition-content{min-height:100%;overflow-x:hidden;overflow-y:auto}.transition-up.show{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform .3s cubic-bezier(.165,.84,.44,1);-o-transition:-o-transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1)}.m-no-data{margin-top:50px;text-align:center;font-size:18px;color:#666}.m-no-data .no-data-icon{height:150px;background:url(../../images/no-data.png)center center no-repeat;background-size:150px;margin-bottom:20px}.m-city{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%;display:inline-block;vertical-align:middle}.to-app-box{position:fixed;bottom:-100%;left:0;width:100%;z-index:5}.to-app-box .ll{float:left}.to-app-box .rr{float:right}.to-app-box .to-app-bg{padding:10px;background:rgba(0,0,0,.7)}.to-app-box .app-close,.to-app-box .app-info,.to-app-box .app-logo{display:inline-block;vertical-align:middle;margin-right:10px}.to-app-box .app-close{width:18px;height:19px;background:url(../../images/icon/d-x.png)0 0 no-repeat;background-size:18px}.to-app-box .app-logo{width:35px;height:35px;background:url(../../images/icon/d-logo.png)0 0 no-repeat;background-size:35px}.to-app-box .app-info{color:#fff;font-size:15px}.to-app-box .app-info p{font-size:12px}.to-app-box .app-download{width:89px;height:36px;margin-top:3px;background:url(../../images/icon/d-btn.png)0 0 no-repeat;background-size:87px}.clear-view{text-align:center;padding-top:10px}.clear-view .m-btn{padding:0 30px;line-height:40px}.ui-loader-default{filter:alpha(opacity=100);opacity:1;left:0;top:0!important;height:100%;width:100%;margin:0}.ui-loader-default h1{display:none}.ui-loader .ui-icon-loading{width:50px;height:50px;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;border-radius:0;background-color:transparent}.ui-icon-loading{background:url(../../images/ajax-loader.gif)center center no-repeat;background-size:50px}.ui-loader-textonly{color:#FFF;background:rgba(0,0,0,.7);border-radius:4px;font-size:14px}
  2851 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
css/style/common-2.0.less
  View file @d4af2e8
@@ -9,10 +9,17 @@ @@ -9,10 +9,17 @@
9 9
10 //具体UI组件 10 //具体UI组件
11 @import "m2.0/m_reset"; 11 @import "m2.0/m_reset";
  12 +<<<<<<< HEAD
12 @import "m2.0/var"; 13 @import "m2.0/var";
13 @import "m2.0/m_header"; 14 @import "m2.0/m_header";
14 @import "m2.0/m_footer"; 15 @import "m2.0/m_footer";
15 @import "m2.0/m_icon"; 16 @import "m2.0/m_icon";
  17 +=======
  18 +@import "m2.0/m_icon";
  19 +@import "m2.0/var";
  20 +@import "m2.0/m_header";
  21 +@import "m2.0/m_footer";
  22 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
16 @import "m2.0/m_segment"; 23 @import "m2.0/m_segment";
17 @import "m2.0/m_table"; 24 @import "m2.0/m_table";
18 @import "m2.0/m_btn"; 25 @import "m2.0/m_btn";
@@ -34,8 +41,18 @@ @@ -34,8 +41,18 @@
34 @import "m2.0/m_bar"; 41 @import "m2.0/m_bar";
35 @import "m2.0/one-border"; 42 @import "m2.0/one-border";
36 @import "m2.0/jquery.mobile.custom.structure.min.css"; 43 @import "m2.0/jquery.mobile.custom.structure.min.css";
  44 +<<<<<<< HEAD
37 // @import "m/animation"; 45 // @import "m/animation";
38 46
  47 +=======
  48 +@import "m/animation";
  49 +.transition-wrapper{
  50 + .ui-page-active{
  51 + height: 100%;
  52 + overflow: hidden;
  53 + }
  54 +}
  55 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
39 56
40 //extend & patch 57 //extend & patch
41 58
@@ -53,7 +70,11 @@ ul{ @@ -53,7 +70,11 @@ ul{
53 } 70 }
54 71
55 .m-page{ 72 .m-page{
  73 +<<<<<<< HEAD
56 padding-bottom: 80px; 74 padding-bottom: 80px;
  75 +=======
  76 + // padding-bottom: 80px;
  77 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
57 // background-color: #FFF; 78 // background-color: #FFF;
58 } 79 }
59 80
@@ -78,13 +99,21 @@ ul{ @@ -78,13 +99,21 @@ ul{
78 99
79 //搜索 100 //搜索
80 .s-page{ 101 .s-page{
  102 +<<<<<<< HEAD
81 position: fixed; 103 position: fixed;
  104 +=======
  105 + position: absolute;
  106 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
82 left: 0; 107 left: 0;
83 top:0; 108 top:0;
84 width: 100%; 109 width: 100%;
85 min-height: 100%; 110 min-height: 100%;
86 background: #f5f5f5; 111 background: #f5f5f5;
  112 +<<<<<<< HEAD
87 display: none; 113 display: none;
  114 +=======
  115 + display: block;
  116 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
88 z-index: 99; 117 z-index: 99;
89 } 118 }
90 119
@@ -177,7 +206,11 @@ ul{ @@ -177,7 +206,11 @@ ul{
177 bottom: -100%; 206 bottom: -100%;
178 left: 0; 207 left: 0;
179 width: 100%; 208 width: 100%;
  209 +<<<<<<< HEAD
180 z-index: 1; 210 z-index: 1;
  211 +=======
  212 + z-index: 5;
  213 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
181 .ll{ 214 .ll{
182 float: left; 215 float: left;
183 } 216 }
@@ -234,6 +267,7 @@ ul{ @@ -234,6 +267,7 @@ ul{
234 } 267 }
235 268
236 .ui-loader-default{ 269 .ui-loader-default{
  270 +<<<<<<< HEAD
237 width: 4.125em; 271 width: 4.125em;
238 height: 4.125em; 272 height: 4.125em;
239 margin-left: -2.0625em; 273 margin-left: -2.0625em;
@@ -245,11 +279,53 @@ ul{ @@ -245,11 +279,53 @@ ul{
245 .ui-loader .ui-icon-loading{ 279 .ui-loader .ui-icon-loading{
246 width: 4em; 280 width: 4em;
247 height: 4em; 281 height: 4em;
  282 +=======
  283 + // width: 4.125em;
  284 + // height: 4.125em;
  285 + // margin-left: -2.0625em;
  286 + // margin-top: -2.0625em;
  287 + filter: Alpha(Opacity=100);
  288 + opacity: 1;
  289 + // position: absolute;
  290 + left: 0;
  291 + top: 0 !important;
  292 + height: 100%;
  293 + width: 100%;
  294 + margin: 0;
  295 + // background: rgba(0, 0, 0, .7);
  296 + h1{
  297 + display: none;
  298 + }
  299 +}
  300 +
  301 +.ui-loader .ui-icon-loading{
  302 + width: 50px;
  303 + height: 50px;
  304 + position: absolute;
  305 + left: 50%;
  306 + top: 50%;
  307 + margin: -25px 0 0 -25px;
  308 + // width: 4em;
  309 + // height: 4em;
  310 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa
248 border-radius: 0; 311 border-radius: 0;
249 background-color: transparent; 312 background-color: transparent;
250 } 313 }
251 314
252 .ui-icon-loading { 315 .ui-icon-loading {
253 background: url(../../images/ajax-loader.gif) center center no-repeat; 316 background: url(../../images/ajax-loader.gif) center center no-repeat;
  317 +<<<<<<< HEAD
254 background-size: 4.125em 4.125em; 318 background-size: 4.125em 4.125em;
255 } 319 }
  320 +=======
  321 + // background-size: 4.125em 4.125em;
  322 + background-size: 50px;
  323 +}
  324 +
  325 +.ui-loader-textonly{
  326 + color: #FFF;
  327 + background: rgba(0, 0, 0, .7);
  328 + border-radius: 4px;
  329 + font-size: 14px;
  330 +}
  331 +>>>>>>> b51924697e7ffdccee5d9d41bd2be4b3b02828fa