dlstatic / static-wappnr · Commits

Commit 95fdc3296e090eefbee0bc13cecf43aebe4bb899

Authored by dlstatic
1 parent 0ca3ad15

Add new file.

Inline Side-by-side
Showing 20 changed files with 1386 additions and 3174 deletions

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

To preserve performance only 20 of 257 files are displayed.

css/style/add-activity.less 0 → 100644
  View file @95fdc32
  1 +/*zzf*/
  2 +// @import "./m-public";/*基类*/
  3 +// @import "./m_form";/*列表*/
  4 +// @import "./m_table_view";/*列表*/
  5 +@import "m/var";
  6 +@import "m/m-imguploader";
  7 +
  8 +
  9 +
  10 +span.icon-more {
  11 + background: url("../../images/icon.png") -31px -236px repeat;
  12 + width: 9px;
  13 + height: 16px;
  14 + display: inline-block;
  15 + background-size: 150px;
  16 + vertical-align: middle;
  17 +}
  18 +.m-table-view {
  19 + .txt {
  20 + font-size: 14px;
  21 + color: #999;
  22 + margin-right: 15px;
  23 + }
  24 +
  25 + .m-select{
  26 + margin-right:15px;
  27 + }
  28 +}
  29 +.send-view {
  30 + border-bottom: 1px solid @br-ddd;
  31 + border-top: 1px solid @br-ddd;
  32 + margin-top: 10px;
  33 + background: @bg-fff;
  34 + padding: 15px;
  35 + textarea {
  36 + // width: 100%;
  37 + // margin: 0px;
  38 + // padding: 0px;
  39 + border: 1px solid @br-ddd;
  40 + min-height: 100px;
  41 + }
  42 + .upload {
  43 + margin-top: 5px;
  44 + img {
  45 + width: 65px;
  46 + height: 65px;
  47 + }
  48 + ul {
  49 + float: left;
  50 + li {
  51 + float: left;
  52 + margin-right: 5px;
  53 + }
  54 + }
  55 + .add {
  56 + width: 65px;
  57 + height: 65px;
  58 + float: left;
  59 + border: 1px dashed #ddd;
  60 + cursor: pointer;
  61 + position: relative;
  62 + overflow: hidden;
  63 + .icon-add {
  64 + background: url("../../images/upload.png") -121px 0px repeat;
  65 + width: 30px;
  66 + height: 30px;
  67 + display: inline-block;
  68 + background-size: 75px;
  69 + margin: 17px;
  70 + }
  71 + }
  72 + input{
  73 + position: absolute;
  74 + left: 0;
  75 + right: 0;
  76 + top: 0;
  77 + bottom: 0;
  78 + opacity: 0;
  79 + }
  80 + }
  81 +}
  82 +
  83 +
  84 +
... ...
css/style/appeal.css 0 → 100644
  View file @95fdc32
  1 +.m-header {
  2 + background-color: #23ac38;
  3 +}
  4 +.appeal {
  5 + box-sizing: border-box;
  6 + background: #f5f5f5;
  7 + font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
  8 + font-weight: normal;
  9 +}
  10 +.appealing .section-form label {
  11 + margin: 0;
  12 + box-sizing: border-box;
  13 + display: block;
  14 + height: 40px;
  15 + padding: 0 15px;
  16 + padding-top: 16px;
  17 + padding-bottom: 10px;
  18 + font-size: 14px;
  19 + line-height: 14px;
  20 + color: #666;
  21 + background: #f5f5f5;
  22 + font-weight: lighter;
  23 +}
  24 +.appealing .section-form .form-content {
  25 + padding: 15px;
  26 + border-top: 1px solid #ddd;
  27 + background: #fff;
  28 +}
  29 +.appealing .section-form .content {
  30 + display: block;
  31 + width: 100%;
  32 + height: 90px;
  33 + font-size: 14px;
  34 + line-height: 20px;
  35 + overflow: auto;
  36 +}
  37 +.appealing .section-form .desc {
  38 + color: #666;
  39 + line-height: 20px;
  40 +}
  41 +.appealing .section-form .upload-img-list {
  42 + margin-top: 15px;
  43 + margin-left: -10px;
  44 +}
  45 +.appealing .upload-img-list .item {
  46 + width: 65px;
  47 + height: 65px;
  48 + float: left;
  49 + margin-left: 10px;
  50 + position: relative;
  51 +}
  52 +.appealing .upload-img-list .btn-upload {
  53 + width: 65px;
  54 + height: 65px;
  55 + position: absolute;
  56 + left: 0;
  57 + top: 0;
  58 + opacity: 0;
  59 + filter: alpha(opacity=0);
  60 +}
  61 +.appealing .upload-img-list img {
  62 + max-width: 100%;
  63 +}
  64 +.appealing .upload-img-list .remove {
  65 + position: absolute;
  66 + width: 24px;
  67 + height: 24px;
  68 + right: -8px;
  69 + top: -8px;
  70 + border-radius: 100%;
  71 + background: rgba(0, 0, 0, 0.4);
  72 + cursor: pointer;
  73 +}
  74 +.appealing .upload-img-list .remove:before,
  75 +.appealing .upload-img-list .remove:after {
  76 + position: absolute;
  77 + content: '';
  78 + left: 50%;
  79 + top: 50%;
  80 + width: 16px;
  81 + height: 2px;
  82 + margin: -1px 0 0 -8px;
  83 + background-color: #fff;
  84 + -webkit-transform: rotate(45deg);
  85 + -ms-transform: rotate(45deg);
  86 + -o-transform: rotate(45deg);
  87 + transform: rotate(45deg);
  88 +}
  89 +.appealing .upload-img-list .remove:after {
  90 + height: 16px;
  91 + width: 2px;
  92 + margin: -8px 0 0 -1px;
  93 +}
... ...
css/style/appeal_success.css 0 → 100644
  View file @95fdc32
  1 +.appeal_success {
  2 + font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
  3 + font-weight:normal;
  4 +}
  5 +.bg-img {
  6 + background:url(../../images/icon/icon.png)no-repeat;
  7 + background-size:150px
  8 +}
  9 +.appeal_success {
  10 + background-color:#F5F5F5
  11 +}
  12 +.appeal_success .m-header {
  13 + background-color:#23ac38;
  14 + color:#FFF
  15 +}
  16 +.appeal_success .m-content {
  17 + padding-bottom:70px;
  18 + text-align:center;
  19 + width:290px;
  20 + margin:0 auto
  21 +}
  22 +.appeal_success .m-content img {
  23 + width:150px;
  24 + height:150px;
  25 + margin-top:30px
  26 +}
  27 +.appeal_success .m-content h4 {
  28 + margin:18px 0;
  29 + font-size:18px;
  30 + line-height:18px;
  31 + color:#333;
  32 + font-weight:400
  33 +}
  34 +.appeal_success .m-content p {
  35 + font-size:14px;
  36 + color:#999;
  37 + margin-bottom:20px;
  38 + line-height:20px;
  39 + width:270px;
  40 + text-indent:42px;
  41 +}
  42 +.appeal_success .m-content p span {
  43 + color:#23ac38
  44 +}
  45 +.appeal_success .m-content .btn-success {
  46 + display:block
  47 +}
  48 +.appeal_success .btn-success{
  49 + background:#23ac38
  50 +}
0 51 \ No newline at end of file
... ...
css/style/auth_enterprise.css 0 → 100644
  View file @95fdc32
  1 +/***************************************************
  2 +* feature : 变量配置;
  3 +* update : 2015/02/05;
  4 +* use : ;
  5 +* extend : ;
  6 +* example : ;
  7 +* desc : ;
  8 +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
  9 +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
  10 +****************************************************/
  11 +.bg-img {
  12 + background: url('../../images/icon/icon.png') no-repeat;
  13 + background-size: 150px;
  14 +}
  15 +.authEnterprisePage .m-tab li {
  16 + width: 50%;
  17 + padding: 0;
  18 +}
  19 +.authEnterprisePage .m-table-view .cell {
  20 + padding: 0 10px 0 95px;
  21 +}
  22 +.authEnterprisePage .m-table-view .cell .title {
  23 + margin-left: -85px;
  24 + line-height: 42px;
  25 + min-width: 70px;
  26 + color: #666;
  27 + text-align: left;
  28 +}
  29 +.authEnterprisePage .m-table-view .cell .m-input {
  30 + margin-left: -10px;
  31 + float: left;
  32 + width: 100%;
  33 +}
  34 +.authEnterprisePage .m-table-view .cell .text {
  35 + line-height: 42px;
  36 + position: relative;
  37 +}
  38 +.authEnterprisePage .m-table-view .cell.on .text .tips {
  39 + visibility: hidden;
  40 +}
  41 +.authEnterprisePage .m-table-view .cell .pic {
  42 + position: absolute;
  43 + left: 0;
  44 + top: 0;
  45 + width: 100%;
  46 + height: 100%;
  47 + opacity: 0;
  48 + z-index: 1;
  49 +}
  50 +.authEnterprisePage .m-table-view .cell .preview {
  51 + position: absolute;
  52 + width: 36px;
  53 + height: 36px;
  54 + right: 15px;
  55 + top: 3px;
  56 + background-position: center center;
  57 + background-repeat: no-repeat;
  58 +}
... ...
css/style/auth_enterprise.less 0 → 100644
  View file @95fdc32
  1 +@import "m/var";
  2 +.authEnterprisePage{
  3 + .m-tab{
  4 + li{
  5 + width: 50%;
  6 + padding: 0;
  7 + }
  8 + }
  9 + .m-table-view{
  10 + .cell{
  11 + padding: 0 10px 0 95px;
  12 + .title{
  13 + margin-left: -85px;
  14 + line-height: 42px;
  15 + min-width: 70px;
  16 + color: #666;
  17 + text-align: left;
  18 + }
  19 + .m-input{
  20 + margin-left: -10px;
  21 + float: left;
  22 + width: 100%;
  23 + }
  24 +
  25 + .text{
  26 + line-height: 42px;
  27 + position: relative;
  28 + }
  29 + &.on{
  30 + .text .tips{
  31 + visibility: hidden;
  32 + }
  33 + }
  34 + .pic{
  35 + position: absolute;
  36 + left: 0;
  37 + top: 0;
  38 + width: 100%;
  39 + height: 100%;
  40 + opacity: 0;
  41 + z-index: 1;
  42 + }
  43 + .preview{
  44 + position: absolute;
  45 + width: 36px;
  46 + height: 36px;
  47 + right: 15px;
  48 + top: 3px;
  49 + background-position: center center;
  50 + background-repeat: no-repeat;
  51 + }
  52 + }
  53 + }
  54 +}
0 55 \ No newline at end of file
... ...
css/style/auth_person.css 0 → 100644
  View file @95fdc32
  1 +/***************************************************
  2 +* feature : 变量配置;
  3 +* update : 2015/02/05;
  4 +* use : ;
  5 +* extend : ;
  6 +* example : ;
  7 +* desc : ;
  8 +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
  9 +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
  10 +****************************************************/
  11 +.bg-img {
  12 + background: url('../../images/icon/icon.png') no-repeat;
  13 + background-size: 150px;
  14 +}
  15 +.authPersonPage .m-table-view .cell {
  16 + padding: 0 10px 0 85px;
  17 +}
  18 +.authPersonPage .m-table-view .cell .title {
  19 + margin-left: -75px;
  20 + line-height: 42px;
  21 + width: 60px;
  22 + color: #666;
  23 +}
  24 +.authPersonPage .m-table-view .cell .m-input {
  25 + margin-left: -10px;
  26 + float: left;
  27 + width: 100%;
  28 +}
... ...
css/style/auth_person.less 0 → 100644
  View file @95fdc32
  1 +@import "m/var";
  2 +.authPersonPage{
  3 + .m-table-view{
  4 + .cell{
  5 + padding: 0 10px 0 85px;
  6 + .title{
  7 + margin-left: -75px;
  8 + line-height: 42px;
  9 + width: 60px;
  10 + color: #666;
  11 + }
  12 + .m-input{
  13 + margin-left: -10px;
  14 + float: left;
  15 + width: 100%;
  16 + }
  17 + }
  18 + }
  19 +}
0 20 \ No newline at end of file
... ...
css/style/charge.css 0 → 100644
  View file @95fdc32
  1 +/**
  2 + * 充值
  3 + */
  4 +/***************************************************
  5 +* feature : 变量配置;
  6 +* update : 2015/02/05;
  7 +* use : ;
  8 +* extend : ;
  9 +* example : ;
  10 +* desc : ;
  11 +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
  12 +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
  13 +****************************************************/
  14 +.bg-img {
  15 + background: url('../../images/icon/icon.png') no-repeat;
  16 + background-size: 150px;
  17 +}
  18 +.orange {
  19 + color: #ff9d2c;
  20 +}
  21 +.green {
  22 + color: #23ac38;
  23 +}
  24 +.red {
  25 + color: #fa4535;
  26 +}
  27 +.yahei {
  28 + font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", SimHei, tahoma, sans-serif;
  29 +}
  30 +.m-icon {
  31 + width: 15px;
  32 + height: 15px;
  33 + display: inline-block;
  34 + vertical-align: middle;
  35 + text-align: left;
  36 + text-indent: -999em;
  37 + overflow: hidden;
  38 +}
  39 +.m-icon.icon-charge {
  40 + background: url("../../images/icon-1-3.png") -161px -171px no-repeat;
  41 + background-size: 250px 230px;
  42 +}
  43 +body {
  44 + font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", SimHei, tahoma, sans-serif;
  45 +}
  46 +body .m-header {
  47 + background-color: #23ac38;
  48 +}
  49 +#charge .section-form label {
  50 + margin: 0;
  51 + box-sizing: border-box;
  52 + display: block;
  53 + height: 45px;
  54 + padding: 0 15px;
  55 + padding-top: 20px;
  56 + padding-bottom: 10px;
  57 + font-size: 14px;
  58 + line-height: 14px;
  59 + color: #999;
  60 + background: #f5f5f5;
  61 + font-weight: lighter;
  62 + border-bottom: 1px solid #ddd;
  63 +}
  64 +#charge input::-webkit-input-placeholder,
  65 +#charge textarea::-webkit-input-placeholder {
  66 + color: #bbb;
  67 +}
  68 +#charge .btn-box {
  69 + padding: 0 15px;
  70 + padding-top: 15px;
  71 +}
  72 +#charge .btn-box .btn-warning {
  73 + width: 100%;
  74 + height: 45px;
  75 + font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", SimHei, tahoma, sans-serif;
  76 + font-size: 18px;
  77 + color: #fff;
  78 + background-color: #faaf19;
  79 + border-radius: 3px;
  80 +}
  81 +#charge .section-form .form-content {
  82 + width: 100%;
  83 + height: 50px;
  84 + line-height: 50px;
  85 + padding: 0 15px;
  86 + border-bottom: 1px solid #ddd;
  87 + background: #fff;
  88 + color: #333333;
  89 +}
  90 +#charge .section-form .form-content .sub-label {
  91 + font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", SimHei, tahoma, sans-serif;
  92 + font-size: 16px;
  93 + color: #333;
  94 + margin-right: 10px;
  95 + font-weight: bold;
  96 + vertical-align: middle;
  97 +}
  98 +#charge-status .row {
  99 + padding: 0 15px;
  100 +}
  101 +#charge-status .msg-box {
  102 + box-sizing: border-box;
  103 + min-height: 138px;
  104 + *height: 138px;
  105 + padding-top: 25px;
  106 + text-align: center;
  107 + background-color: #fff;
  108 + border-bottom: 1px solid #ddd;
  109 +}
  110 +#charge-status .icon-succ {
  111 + background: url('../../images/icon-1-3.png') no-repeat -219px -151px;
  112 + background-size: 250px 230px;
  113 + width: 30px;
  114 + height: 30px;
  115 +}
  116 +#charge-status .icon-fail {
  117 + background: url('../../images/icon-1-3.png') no-repeat -161px -187px;
  118 + background-size: 250px 230px;
  119 + width: 30px;
  120 + height: 30px;
  121 +}
  122 +#charge-status .icon-warn {
  123 + background: url('../../images/icon-1-3.png') no-repeat -192px -187px;
  124 + background-size: 250px 230px;
  125 + width: 30px;
  126 + height: 30px;
  127 +}
  128 +#charge-status .desc {
  129 + margin-top: 10px;
  130 + color: #333;
  131 + font-size: 18px;
  132 + line-height: 18px;
  133 +}
  134 +#charge-status .desc p {
  135 + margin-bottom: 8px;
  136 +}
  137 +#charge-status .btn-box {
  138 + padding: 0 15px;
  139 + padding-top: 15px;
  140 +}
  141 +#charge-status .btn-box .btn-warning {
  142 + box-sizing: border-box;
  143 + width: 100%;
  144 + height: 45px;
  145 + font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", SimHei, tahoma, sans-serif;
  146 + font-size: 18px;
  147 + color: #fff;
  148 + background-color: #faaf19;
  149 + border-radius: 3px;
  150 +}
... ...
css/style/charge.less 0 → 100644
  View file @95fdc32
  1 +/**
  2 + * 充值
  3 + */
  4 +@import "m/var";
  5 +
  6 +@green : #23ac38;
  7 +// color
  8 +.orange{
  9 + color:#ff9d2c;
  10 +}
  11 +.green{
  12 + color:@green;
  13 +}
  14 +.red{
  15 + color:#fa4535;
  16 +}
  17 +// font
  18 +.yahei{
  19 + font-family:"Microsoft YaHei","WenQuanYi Micro Hei",SimHei,tahoma,sans-serif;
  20 +}
  21 +
  22 +// icon
  23 +.m-icon{
  24 + width: 15px;
  25 + height: 15px;
  26 + display: inline-block;
  27 + vertical-align: middle;
  28 + text-align: left;
  29 + text-indent: -999em;
  30 + overflow: hidden;
  31 + &.icon-charge{
  32 + background: url("@{imgURI}icon-1-3.png") -161px -171px no-repeat;
  33 + background-size: 250px 230px;
  34 + }
  35 +}
  36 +
  37 +body{
  38 + .yahei;
  39 + .m-header{
  40 + background-color:@green;
  41 + }
  42 +}
  43 +
  44 +// 充值
  45 +#charge{
  46 + .section-form label {
  47 + margin: 0;
  48 + box-sizing: border-box;
  49 + display: block;
  50 + height: 45px;
  51 + padding: 0 15px;
  52 + padding-top: 20px;
  53 + padding-bottom: 10px;
  54 + font-size: 14px;
  55 + line-height: 14px;
  56 + color: #999;
  57 + background: #f5f5f5;
  58 + font-weight: lighter;
  59 + border-bottom:1px solid #ddd;
  60 + }
  61 + input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  62 + color: #bbb;
  63 + }
  64 + .btn-box{
  65 + padding:0 15px;
  66 + padding-top:15px;
  67 + .btn-warning{
  68 + width:100%;
  69 + height:45px;
  70 + .yahei;
  71 + font-size:18px;
  72 + color:#fff;
  73 + background-color:#faaf19;
  74 + border-radius:3px;
  75 + }
  76 + }
  77 +
  78 + .section-form .form-content {
  79 + width:100%;
  80 + height:50px;
  81 + line-height:50px;
  82 + padding:0 15px;
  83 + border-bottom: 1px solid #ddd;
  84 + background: #fff;
  85 + color:#333333;
  86 + .sub-label{
  87 + .yahei;
  88 + font-size:16px;
  89 + color:#333;
  90 + margin-right:10px;
  91 + font-weight:bold;
  92 + vertical-align:middle;
  93 + }
  94 + }
  95 +}
  96 +
  97 +//充值状态
  98 +#charge-status{
  99 + .row{
  100 + padding:0 15px;
  101 + }
  102 + .msg-box{
  103 + box-sizing: border-box;
  104 + min-height:138px;
  105 + *height:138px;
  106 + padding-top:25px;
  107 + text-align:center;
  108 + background-color:#fff;
  109 + border-bottom:1px solid #ddd;
  110 + }
  111 + .icon-succ{
  112 + background: url('@{imgURI}icon-1-3.png') no-repeat -219px -151px;
  113 + background-size: 250px 230px;
  114 + width: 30px;
  115 + height: 30px;
  116 + }
  117 + .icon-fail{
  118 + background: url('@{imgURI}icon-1-3.png') no-repeat -161px -187px;
  119 + background-size: 250px 230px;
  120 + width: 30px;
  121 + height: 30px;
  122 + }
  123 + .icon-warn{
  124 + background: url('@{imgURI}icon-1-3.png') no-repeat -192px -187px;
  125 + background-size: 250px 230px;
  126 + width: 30px;
  127 + height: 30px;
  128 + }
  129 + .desc{
  130 + margin-top:10px;
  131 + color:#333;
  132 + font-size:18px;
  133 + line-height:18px;
  134 + p{
  135 + margin-bottom:8px;
  136 + }
  137 + }
  138 + .btn-box{
  139 + padding:0 15px;
  140 + padding-top:15px;
  141 + .btn-warning{
  142 + box-sizing: border-box;
  143 + width:100%;
  144 + height:45px;
  145 + .yahei;
  146 + font-size:18px;
  147 + color:#fff;
  148 + background-color:#faaf19;
  149 + border-radius:3px;
  150 + }
  151 + }
  152 +}
0 153 \ No newline at end of file
... ...
css/style/checkin.less 0 → 100644
  View file @95fdc32
  1 +/**
  2 + * name : zzf
  3 + * info :
  4 + */
  5 +@import "m/var";
  6 +
  7 +#check_in {
  8 + background: #f44f4c;
  9 + img {
  10 + width: 100%;
  11 + }
  12 + .check-btn {
  13 + text-align: center;
  14 + font-size: 20px;
  15 + color: #fff;
  16 + line-height: 30px;
  17 + margin-top: 10px;
  18 + span {
  19 + font-weight: bold;
  20 + margin: 0 5px;
  21 + font-size: 30px;
  22 + }
  23 + .btn {
  24 + background: url("../../images/icon-1-3.png") center center no-repeat;
  25 + display: inline-block;
  26 + background-size: 270px;
  27 + background-position: -1px -59px;
  28 + width: 230px;
  29 + height: 60px;
  30 + line-height: 60px;
  31 + color: #f44f4c;
  32 + font-size: 24px;
  33 + margin-top: 20px;
  34 + &:focus, &:active, &:hover {
  35 + background-position: -1px -0px;
  36 + color: #fff;
  37 + }
  38 + }
  39 + }
  40 + .winning {
  41 + margin: 20px 15px;
  42 + background: rgba(255, 255, 255, 0.2);
  43 + border-radius: 4px;
  44 + padding: 10px;
  45 + font-size: 15px;
  46 + color: #ddd;
  47 + p {
  48 + margin-bottom: 10px;
  49 + }
  50 + }
  51 + .intro {
  52 + span {
  53 + background: url("../../images/icon-1-3.png") center center no-repeat;
  54 + display: inline-block;
  55 + background-size: 250px;
  56 + background-position: -1px -170px;
  57 + width: 87px;
  58 + height: 40px;
  59 + text-align: center;
  60 + line-height: 45px;
  61 + color: #fff;
  62 + }
  63 + p {
  64 + margin: 5px 15px;
  65 + font-size: 14px;
  66 + color: #fff;
  67 + }
  68 + }
  69 +}
0 70 \ No newline at end of file
... ...
css/style/comment_list.css
  View file @95fdc32
... ... @@ -12,6 +12,6 @@
12 12 background: url('../../images/icon/icon.png') no-repeat;
13 13 background-size: 150px;
14 14 }
15   -.commentList .comment {
16   - border-top: 1px solid #ddd;
  15 +.commentList .m-page {
  16 + padding-bottom: 0;
17 17 }
... ...
css/style/comment_list.less 0 → 100644
  View file @95fdc32
  1 +@import "m/var";
  2 +
  3 +.commentList {
  4 + .comment {
  5 + // border-top: 1px solid #ddd;
  6 + }
  7 + .m-page{
  8 + padding-bottom: 0;
  9 + }
  10 +}
0 11 \ No newline at end of file
... ...
css/style/comment_new.less 0 → 100644
  View file @95fdc32
  1 +@import "m/var";
  2 +
  3 +.commentNew {
  4 + background-color: #F5F5F5;
  5 + .comment {
  6 + }
  7 + .m-table-view{
  8 + margin-top: 0;
  9 + border: none;
  10 + }
  11 + .product-item{
  12 + margin-bottom: 10px;
  13 + background: #fff;
  14 + border: 1px solid #ddd;
  15 + border-width: 1px 0;
  16 + }
  17 + .star{
  18 + padding: 15px;
  19 + overflow: hidden;
  20 + .title, .text{
  21 + float: left;
  22 + font-size: 14px;
  23 + color: #333;
  24 + line-height: 25px;
  25 + }
  26 +
  27 + .text{
  28 + font-size: 12px;
  29 + line-height: 22px;
  30 + color: #BBB;
  31 + margin: 3px 0 0 10px;
  32 + }
  33 + }
  34 + .text-box{
  35 + padding: 0 15px 10px;
  36 + .m-textarea{
  37 + margin-top: 0;
  38 + border: 1px solid #ccc;
  39 + min-height: 60px;
  40 + padding: 10px;
  41 + }
  42 + }
  43 + .m-footer{
  44 + text-align: center;
  45 + .m-btn{
  46 + display: inline-block;
  47 + width: 145px;
  48 + }
  49 + }
  50 +}
0 51 \ No newline at end of file
... ...
css/style/common.css
  View file @95fdc32
... ... @@ -16,19 +16,11 @@
16 16 * feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
17 17 * - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
18 18 ****************************************************/
19   -/***************************************************
20   -* feature : 变量配置;
21   -* update : 2015/02/05;
22   -* use : ;
23   -* extend : ;
24   -* example : ;
25   -* desc : ;
26   -* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
27   -* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
28   -****************************************************/
29   -.bg-img {
30   - background: url('../../images/icon/icon.png') no-repeat;
31   - background-size: 150px;
  19 +@import "m/jquery.mobile.custom.structure.min.css";
  20 +* {
  21 + -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  22 + -o-tap-highlight-color: rgba(0, 0, 0, 0);
  23 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
32 24 }
33 25 html {
34 26 height: 100%;
... ... @@ -113,6 +105,7 @@ body {
113 105 background-color: #F5F5F5;
114 106 position: relative;
115 107 min-height: 100%;
  108 + overflow-x: hidden;
116 109 }
117 110 article,
118 111 aside,
... ... @@ -171,6 +164,10 @@ a {
171 164 vertical-align: baseline;
172 165 background: transparent;
173 166 }
  167 +a:active,
  168 +a:visited {
  169 + color: #333;
  170 +}
174 171 input,
175 172 img {
176 173 border: 0;
... ... @@ -179,7 +176,6 @@ img {
179 176 textarea,
180 177 input,
181 178 a {
182   - -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
183 179 -webkit-tap-highlight-color: transparent;
184 180 }
185 181 /* 清除浮动 */
... ... @@ -213,6 +209,20 @@ a {
213 209 line-height: 0px;
214 210 }
215 211 /***************************************************
  212 +* feature : 变量配置;
  213 +* update : 2015/02/05;
  214 +* use : ;
  215 +* extend : ;
  216 +* example : ;
  217 +* desc : ;
  218 +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
  219 +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
  220 +****************************************************/
  221 +.bg-img {
  222 + background: url('../../images/icon/icon.png') no-repeat;
  223 + background-size: 150px;
  224 +}
  225 +/***************************************************
216 226 * feature : 全局头部，提供默认 深色(绿底白字) & 浅色(白底黑字)主题;
217 227 * update : 2015/02/03;
218 228 * use : .m-header;
... ... @@ -237,7 +247,7 @@ a {
237 247 .m-header {
238 248 z-index: 5;
239 249 color: #FFF;
240   - background-color: #6c2;
  250 + background-color: #2caa3f;
241 251 position: relative;
242 252 }
243 253 .m-header.header-light {
... ... @@ -522,6 +532,33 @@ a {
522 532 background-image: url("../../images/icon/call_white@2x.png");
523 533 background-size: 25px;
524 534 }
  535 +.m-icon.icon-about {
  536 + background-image: url("../../images/icon-1-3.png");
  537 + background-position: 0px -111px;
  538 + width: 60px;
  539 + height: 60px;
  540 + background-size: 250px;
  541 +}
  542 +.m-icon.icon-use {
  543 + background-image: url("../../images/icon-1-3.png");
  544 + background-position: -61px -110px;
  545 + width: 60px;
  546 + height: 60px;
  547 + background-size: 250px;
  548 +}
  549 +.m-icon.icon-overdue {
  550 + background-image: url("../../images/icon-1-3.png");
  551 + background-position: -123px -110px;
  552 + width: 60px;
  553 + height: 60px;
  554 + background-size: 250px;
  555 +}
  556 +.m-icon.icon-arrows {
  557 + background-image: url("../../images/zhixiang.png");
  558 + width: 30px;
  559 + height: 20px;
  560 + background-size: 30px;
  561 +}
525 562 .remove-icon {
526 563 display: inline-block;
527 564 width: 16px;
... ... @@ -632,14 +669,14 @@ a {
632 669 }
633 670 .m-btn.btn-success {
634 671 color: #FFF;
635   - background-color: #6C2;
  672 + background-color: #23ac38;
636 673 border: none;
637 674 }
638 675 .m-btn.btn-success.reverse {
639 676 background-color: #FFF;
640   - color: #6C2;
  677 + color: #23ac38;
641 678 line-height: 43px;
642   - border: 1px solid #6C2;
  679 + border: 1px solid #23ac38;
643 680 }
644 681 .m-btn.btn-warning {
645 682 color: #FFF;
... ... @@ -653,8 +690,8 @@ a {
653 690 }
654 691 .m-btn.btn-text {
655 692 background: none;
656   - border: 1px solid #6c2;
657   - color: #6c2;
  693 + border: 1px solid #23ac38;
  694 + color: #23ac38;
658 695 width: 65px;
659 696 font-size: 12px;
660 697 text-align: center;
... ... @@ -664,6 +701,10 @@ a {
664 701 border-radius: 2px;
665 702 margin-top: -2px;
666 703 }
  704 +.m-btn.disabled {
  705 + background-color: #ddd;
  706 + border-color: #ddd;
  707 +}
667 708 /***************************************************
668 709 * feature : 表单组件类集合，提供input、textarea等样式;
669 710 * update : 2015/02/03;
... ... @@ -756,10 +797,12 @@ a {
756 797 width: 1px;
757 798 margin: -7px 0 0;
758 799 }
759   -.m-radio {
  800 +input.m-radio {
760 801 background: url("../../images/icon.png") -90px -236px repeat;
761 802 width: 20px;
762 803 -webkit-appearance: none;
  804 + -moz-appearance: none;
  805 + -o-appearance: none;
763 806 appearance: none;
764 807 height: 20px;
765 808 display: inline-block;
... ... @@ -768,8 +811,13 @@ a {
768 811 cursor: pointer;
769 812 margin: 0px;
770 813 position: relative;
  814 + outline: none;
771 815 }
772   -.m-radio:checked {
  816 +input.m-radio:focus {
  817 + outline: 0;
  818 + outline: none;
  819 +}
  820 +input.m-radio:checked {
773 821 background: url("../../images/icon.png") -60px -236px repeat;
774 822 background-size: 150px;
775 823 }
... ... @@ -841,9 +889,10 @@ a {
841 889 background: rgba(0, 0, 0, 0.5);
842 890 z-index: 10;
843 891 overflow: hidden;
844   - -webkit-transition: all 0.15s ease-in-out;
845   - -o-transition: all 0.15s ease-in-out;
846   - transition: all 0.15s ease-in-out;
  892 + -webkit-transition: opacity 0.05s ease-in-out;
  893 + -moz-transition: opacity 0.05s ease-in-out;
  894 + -o-transition: opacity 0.05s ease-in-out;
  895 + transition: opacity 0.05s ease-in-out;
847 896 }
848 897 /***************************************************
849 898 * feature : popup;
... ... @@ -865,9 +914,16 @@ a {
865 914 background: rgba(255, 255, 255, 0.9);
866 915 border-radius: 4px;
867 916 z-index: 20;
868   - -webkit-transition: all ease-in-out 0.2s;
869   - -o-transition: all ease-in-out 0.2s;
870   - transition: all ease-in-out 0.2s;
  917 + -webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
  918 + -moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
  919 + -o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
  920 + transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
  921 +}
  922 +.m-popup.popup-large {
  923 + left: 25px;
  924 + right: 25px;
  925 + width: auto;
  926 + margin-left: 0;
871 927 }
872 928 .m-popup .popup-head h1 {
873 929 font-size: 14px;
... ... @@ -992,7 +1048,8 @@ a {
992 1048 float: left;
993 1049 margin-left: -50px;
994 1050 text-align: right;
995   - width: 36px;
  1051 + width: 70px;
  1052 + margin-right: 15px;
996 1053 }
997 1054 .m-stat li .progress {
998 1055 display: block;
... ... @@ -1212,7 +1269,7 @@ a {
1212 1269 padding-right: 0;
1213 1270 }
1214 1271 .m-tab .on a {
1215   - color: #6c2;
  1272 + color: #2caa3f;
1216 1273 display: block;
1217 1274 position: relative;
1218 1275 }
... ... @@ -1223,10 +1280,10 @@ a {
1223 1280 left: 0;
1224 1281 right: 0;
1225 1282 height: 1px;
1226   - background-color: #6c2;
  1283 + background-color: #2caa3f;
1227 1284 }
1228 1285 .m-tab.tab-col-2 li {
1229   - width: 50%;
  1286 + width: 50% !important;
1230 1287 }
1231 1288 /***************************************************
1232 1289 * feature : 表格视图, 提供类ios UITableView风格布局;
... ... @@ -1278,12 +1335,12 @@ a {
1278 1335 position: relative;
1279 1336 }
1280 1337 .m-table-view .acc-icon .text {
1281   - margin-right: 15px;
  1338 + padding-right: 15px;
1282 1339 }
1283 1340 .m-table-view .acc-icon:after {
1284 1341 content: '';
1285 1342 position: absolute;
1286   - right: 15px;
  1343 + right: 10px;
1287 1344 top: 50%;
1288 1345 width: 10px;
1289 1346 height: 15px;
... ... @@ -1395,7 +1452,7 @@ a {
1395 1452 color: #000;
1396 1453 font-size: 12px;
1397 1454 font-weight: 700;
1398   - width: 60px;
  1455 + width: 70px;
1399 1456 padding: 0 15px 0 0;
1400 1457 box-sizing: content-box;
1401 1458 }
... ... @@ -1418,11 +1475,16 @@ a {
1418 1475 left: 10px;
1419 1476 right: 10px;
1420 1477 bottom: 0;
1421   - margin-bottom: 10px;
  1478 + padding-bottom: 10px;
1422 1479 z-index: 20;
1423   - -webkit-transition: all ease-in-out 0.25s;
1424   - -o-transition: all ease-in-out 0.25s;
1425   - transition: all ease-in-out 0.25s;
  1480 + -webkit-transform: translate(0, 100%) translateZ(0);
  1481 + -ms-transform: translate(0, 100%) translateZ(0);
  1482 + -o-transform: translate(0, 100%) translateZ(0);
  1483 + transform: translate(0, 100%) translateZ(0);
  1484 + -webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.15s;
  1485 + -moz-transition: -moz-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.15s;
  1486 + -o-transition: -o-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.15s;
  1487 + transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.15s;
1426 1488 }
1427 1489 .m-actionsheet ul {
1428 1490 list-style: none;
... ... @@ -1585,6 +1647,11 @@ a {
1585 1647 opacity: 0;
1586 1648 z-index: -1;
1587 1649 }
  1650 +.m-hidden {
  1651 + visibility: hidden;
  1652 + opacity: 0;
  1653 + z-index: -1;
  1654 +}
1588 1655 .m-show {
1589 1656 display: block !important;
1590 1657 visibility: visible;
... ... @@ -1598,7 +1665,8 @@ a {
1598 1665 color: #666;
1599 1666 overflow: visible;
1600 1667 }
1601   -.m-more {
  1668 +.m-more,
  1669 +a.m-more {
1602 1670 display: block;
1603 1671 font-size: 12px;
1604 1672 text-align: center;
... ... @@ -1607,28 +1675,40 @@ a {
1607 1675 background-color: #FFF;
1608 1676 }
1609 1677 .m-animate-hide {
1610   - -webkit-transform: translateY(100%);
1611   - -ms-transform: translateY(100%);
1612   - -o-transform: translateY(100%);
1613   - transform: translateY(100%);
  1678 + -webkit-transform: translate(0, 100%) translateZ(0) !important;
  1679 + -ms-transform: translate(0, 100%) translateZ(0) !important;
  1680 + -o-transform: translate(0, 100%) translateZ(0) !important;
  1681 + transform: translate(0, 100%) translateZ(0) !important;
  1682 +}
  1683 +.m-animate-show {
  1684 + -webkit-transform: translate(0, 0) translateZ(0) !important;
  1685 + -ms-transform: translate(0, 0) translateZ(0) !important;
  1686 + -o-transform: translate(0, 0) translateZ(0) !important;
  1687 + transform: translate(0, 0) translateZ(0) !important;
1614 1688 }
1615 1689 .hidden {
1616   - visibility: hidden;
1617 1690 opacity: 0;
1618 1691 z-index: -1;
1619 1692 }
  1693 +.font-red {
  1694 + color: #fa4535 !important;
  1695 +}
  1696 +.font-green {
  1697 + color: #6c2 !important;
  1698 +}
1620 1699 /**
1621 1700 m/m_bar
1622 1701 左下角工具条
1623 1702 */
1624 1703 .m-bar {
1625 1704 position: absolute;
  1705 + z-index: 10;
1626 1706 }
1627 1707 .m-bar-bg {
1628 1708 position: fixed;
1629 1709 left: 0;
1630 1710 top: 0;
1631   - z-index: 999;
  1711 + z-index: 5;
1632 1712 width: 100%;
1633 1713 height: 100%;
1634 1714 background: rgba(0, 0, 0, 0.6);
... ... @@ -1636,7 +1716,7 @@ a {
1636 1716 }
1637 1717 .m-bar-content {
1638 1718 position: fixed;
1639   - z-index: 1000;
  1719 + z-index: 10;
1640 1720 left: 20px;
1641 1721 bottom: 65px;
1642 1722 text-align: center;
... ... @@ -1659,12 +1739,29 @@ a {
1659 1739 position: absolute;
1660 1740 width: 50px;
1661 1741 height: 50px;
  1742 + left: 0;
  1743 + top: 0;
  1744 + display: block;
1662 1745 background: #ffffff;
1663 1746 border-radius: 100%;
1664 1747 font-size: 12px;
1665 1748 color: #666;
1666   - display: none;
1667   - overflow: hidden;
  1749 + -webkit-transform: translate(0, 0) translateZ(0);
  1750 + -moz-transform: translate(0, 0) translateZ(0);
  1751 + -o-transform: translate(0, 0) translateZ(0);
  1752 + transform: translate(0, 0) translateZ(0);
  1753 + -webkit-transition: -webkit-transform ease-out 0.25s;
  1754 + -moz-transition: -moz-transform ease-out 0.25s;
  1755 + -ms-transition: -ms-transform ease-out 0.25s;
  1756 + -o-transition: -o-transform ease-out 0.25s;
  1757 + transition: transform ease-out 0.25s;
  1758 + backface-visibility: hidden;
  1759 + -webkit-backface-visibility: hidden;
  1760 + /* Chrome 和 Safari */
  1761 + -moz-backface-visibility: hidden;
  1762 + /* Firefox */
  1763 + -ms-backface-visibility: hidden;
  1764 + /* Internet Explorer */
1668 1765 }
1669 1766 .m-bar-content p {
1670 1767 line-height: normal;
... ... @@ -1688,3126 +1785,12 @@ a {
1688 1785 .m-bar-content .icon-order {
1689 1786 background-position: -48px -309px;
1690 1787 }
1691   -.m-bar.open .m-bar-content a {
1692   - display: block;
1693   -}
1694   -.m-bar.open .m-bar-content .bar-home {
1695   - animation: as1 0.3s;
1696   - -moz-animation: as1 0.3s;
1697   - /* Firefox */
1698   - -webkit-animation: as1 0.3s;
1699   - /* Safari 和 Chrome */
1700   - -o-animation: as1 0.3s;
1701   - /* Opera */
1702   - left: 0;
1703   - top: -70px;
1704   -}
1705   -.m-bar.open .m-bar-content .bar-me {
1706   - animation: as2 0.3s;
1707   - -moz-animation: as2 0.3s;
1708   - /* Firefox */
1709   - -webkit-animation: as2 0.3s;
1710   - /* Safari 和 Chrome */
1711   - -o-animation: as2 0.3s;
1712   - /* Opera */
1713   - top: -52px;
1714   - left: 60px;
1715   -}
1716   -.m-bar.open .m-bar-content .bar-order {
1717   - animation: as3 0.3s;
1718   - -moz-animation: as3 0.3s;
1719   - /* Firefox */
1720   - -webkit-animation: as3 0.3s;
1721   - /* Safari 和 Chrome */
1722   - -o-animation: as3 0.3s;
1723   - /* Opera */
1724   - bottom: -10px;
1725   - left: 70px;
1726   -}
1727   -.open-home from {
1728   - top: 0;
1729   -}
1730   -.open-home to {
1731   - top: -70px;
1732   -}
1733   -@keyframes as1 {
1734   - from {
1735   - top: 0;
1736   - }
1737   - to {
1738   - top: -70px;
1739   - }
1740   -}
1741   -@-moz-keyframes as1 {
1742   - from {
1743   - top: 0;
1744   - }
1745   - to {
1746   - top: -70px;
1747   - }
1748   -}
1749   -@-webkit-keyframes as1 {
1750   - from {
1751   - top: 0;
1752   - }
1753   - to {
1754   - top: -70px;
1755   - }
1756   -}
1757   -@-o-keyframes as1 {
1758   - from {
1759   - top: 0;
1760   - }
1761   - to {
1762   - top: -70px;
1763   - }
1764   -}
1765   -.open-me from {
1766   - top: 0;
1767   - left: 0;
1768   -}
1769   -.open-me to {
1770   - top: -52px;
1771   - left: 60px;
1772   -}
1773   -@keyframes as2 {
1774   - from {
1775   - top: 0;
1776   - left: 0;
1777   - }
1778   - to {
1779   - top: -52px;
1780   - left: 60px;
1781   - }
1782   -}
1783   -@-moz-keyframes as2 {
1784   - from {
1785   - top: 0;
1786   - left: 0;
1787   - }
1788   - to {
1789   - top: -52px;
1790   - left: 60px;
1791   - }
1792   -}
1793   -@-webkit-keyframes as2 {
1794   - from {
1795   - top: 0;
1796   - left: 0;
1797   - }
1798   - to {
1799   - top: -52px;
1800   - left: 60px;
1801   - }
1802   -}
1803   -@-o-keyframes as2 {
1804   - from {
1805   - top: 0;
1806   - left: 0;
1807   - }
1808   - to {
1809   - top: -52px;
1810   - left: 60px;
1811   - }
1812   -}
1813   -.open-order from {
1814   - bottom: 0;
1815   - left: 0;
1816   -}
1817   -.open-order to {
1818   - bottom: -10px;
1819   - left: 70px;
1820   -}
1821   -@keyframes as3 {
1822   - from {
1823   - bottom: 0;
1824   - left: 0;
1825   - }
1826   - to {
1827   - bottom: -10px;
1828   - left: 70px;
1829   - }
1830   -}
1831   -@-moz-keyframes as3 {
1832   - from {
1833   - bottom: 0;
1834   - left: 0;
1835   - }
1836   - to {
1837   - bottom: -10px;
1838   - left: 70px;
1839   - }
1840   -}
1841   -@-webkit-keyframes as3 {
1842   - from {
1843   - bottom: 0;
1844   - left: 0;
1845   - }
1846   - to {
1847   - bottom: -10px;
1848   - left: 70px;
1849   - }
1850   -}
1851   -@-o-keyframes as3 {
1852   - from {
1853   - bottom: 0;
1854   - left: 0;
1855   - }
1856   - to {
1857   - bottom: -10px;
1858   - left: 70px;
1859   - }
1860   -}
1861   -.m-bar.close .m-bar-content a {
1862   - display: block;
1863   -}
1864   -.m-bar.close .m-bar-content .bar-home {
1865   - animation: as1-1 0.3s;
1866   - -moz-animation: as1-1 0.3s;
1867   - /* Firefox */
1868   - -webkit-animation: as1-1 0.3s;
1869   - /* Safari 和 Chrome */
1870   - -o-animation: as1-1 0.3s;
1871   - /* Opera */
1872   - left: 0;
1873   - top: 0;
1874   -}
1875   -.m-bar.close .m-bar-content .bar-me {
1876   - animation: as2-1 0.3s;
1877   - -moz-animation: as2-1 0.3s;
1878   - /* Firefox */
1879   - -webkit-animation: as2-1 0.3s;
1880   - /* Safari 和 Chrome */
1881   - -o-animation: as2-1 0.3s;
1882   - /* Opera */
1883   - left: 0;
1884   - top: 0;
1885   -}
1886   -.m-bar.close .m-bar-content .bar-order {
1887   - animation: as3-1 0.3s;
1888   - -moz-animation: as3-1 0.3s;
1889   - /* Firefox */
1890   - -webkit-animation: as3-1 0.3s;
1891   - /* Safari 和 Chrome */
1892   - -o-animation: as3-1 0.3s;
1893   - /* Opera */
1894   - left: 0;
1895   - top: 0;
1896   -}
1897   -.close-home from {
1898   - top: -70px;
1899   -}
1900   -.close-home to {
1901   - top: 0;
1902   -}
1903   -@keyframes as1-1 {
1904   - from {
1905   - top: -70px;
1906   - }
1907   - to {
1908   - top: 0;
1909   - }
1910   -}
1911   -@-moz-keyframes as1-1 {
1912   - from {
1913   - top: -70px;
1914   - }
1915   - to {
1916   - top: 0;
1917   - }
1918   -}
1919   -@-webkit-keyframes as1-1 {
1920   - from {
1921   - top: -70px;
1922   - }
1923   - to {
1924   - top: 0;
1925   - }
1926   -}
1927   -@-o-keyframes as1-1 {
1928   - from {
1929   - top: -70px;
1930   - }
1931   - to {
1932   - top: 0;
1933   - }
1934   -}
1935   -.close-me from {
1936   - bottom: -10px;
1937   - left: 70px;
1938   -}
1939   -.close-me to {
1940   - bottom: 0;
1941   - left: 0;
1942   -}
1943   -@keyframes as2-1 {
1944   - from {
1945   - bottom: -10px;
1946   - left: 70px;
1947   - }
1948   - to {
1949   - bottom: 0;
1950   - left: 0;
1951   - }
1952   -}
1953   -@-moz-keyframes as2-1 {
1954   - from {
1955   - bottom: -10px;
1956   - left: 70px;
1957   - }
1958   - to {
1959   - bottom: 0;
1960   - left: 0;
1961   - }
1962   -}
1963   -@-webkit-keyframes as2-1 {
1964   - from {
1965   - bottom: -10px;
1966   - left: 70px;
1967   - }
1968   - to {
1969   - bottom: 0;
1970   - left: 0;
1971   - }
1972   -}
1973   -@-o-keyframes as2-1 {
1974   - from {
1975   - bottom: -10px;
1976   - left: 70px;
1977   - }
1978   - to {
1979   - bottom: 0;
1980   - left: 0;
1981   - }
1982   -}
1983   -.close-order from {
1984   - bottom: -10px;
1985   - left: 70px;
1986   -}
1987   -.close-order to {
1988   - bottom: 0;
1989   - left: 0;
1990   -}
1991   -@keyframes as3-1 {
1992   - from {
1993   - bottom: -10px;
1994   - left: 70px;
1995   - }
1996   - to {
1997   - bottom: 0;
1998   - left: 0;
1999   - }
2000   -}
2001   -@-moz-keyframes as3-1 {
2002   - from {
2003   - bottom: -10px;
2004   - left: 70px;
2005   - }
2006   - from {
2007   - bottom: -10px;
2008   - left: 70px;
2009   - }
2010   - to {
2011   - bottom: 0;
2012   - left: 0;
2013   - }
2014   -}
2015   -@-webkit-keyframes as3-1 {
2016   - from {
2017   - bottom: -10px;
2018   - left: 70px;
2019   - }
2020   - to {
2021   - bottom: 0;
2022   - left: 0;
2023   - }
2024   -}
2025   -@-o-keyframes as3-1 {
2026   - from {
2027   - bottom: -10px;
2028   - left: 70px;
2029   - }
2030   - to {
2031   - bottom: 0;
2032   - left: 0;
2033   - }
2034   -}
2035   -@charset "UTF-8";
2036   -.animated {
2037   - -webkit-animation-duration: 1s;
2038   - animation-duration: 1s;
2039   - -webkit-animation-fill-mode: both;
2040   - animation-fill-mode: both;
2041   -}
2042   -.animated.infinite {
2043   - -webkit-animation-iteration-count: infinite;
2044   - animation-iteration-count: infinite;
2045   -}
2046   -.animated.hinge {
2047   - -webkit-animation-duration: 2s;
2048   - animation-duration: 2s;
2049   -}
2050   -@-webkit-keyframes bounce {
2051   - 0%,
2052   - 20%,
2053   - 53%,
2054   - 80%,
2055   - 100% {
2056   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2057   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2058   - -webkit-transform: translate3d(0, 0, 0);
2059   - transform: translate3d(0, 0, 0);
2060   - }
2061   - 40%,
2062   - 43% {
2063   - -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
2064   - transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
2065   - -webkit-transform: translate3d(0, -30px, 0);
2066   - transform: translate3d(0, -30px, 0);
2067   - }
2068   - 70% {
2069   - -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
2070   - transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
2071   - -webkit-transform: translate3d(0, -15px, 0);
2072   - transform: translate3d(0, -15px, 0);
2073   - }
2074   - 90% {
2075   - -webkit-transform: translate3d(0, -4px, 0);
2076   - transform: translate3d(0, -4px, 0);
2077   - }
2078   -}
2079   -@keyframes bounce {
2080   - 0%,
2081   - 20%,
2082   - 53%,
2083   - 80%,
2084   - 100% {
2085   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2086   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2087   - -webkit-transform: translate3d(0, 0, 0);
2088   - transform: translate3d(0, 0, 0);
2089   - }
2090   - 40%,
2091   - 43% {
2092   - -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
2093   - transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
2094   - -webkit-transform: translate3d(0, -30px, 0);
2095   - transform: translate3d(0, -30px, 0);
2096   - }
2097   - 70% {
2098   - -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
2099   - transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
2100   - -webkit-transform: translate3d(0, -15px, 0);
2101   - transform: translate3d(0, -15px, 0);
2102   - }
2103   - 90% {
2104   - -webkit-transform: translate3d(0, -4px, 0);
2105   - transform: translate3d(0, -4px, 0);
2106   - }
2107   -}
2108   -.bounce {
2109   - -webkit-animation-name: bounce;
2110   - animation-name: bounce;
2111   - -webkit-transform-origin: center bottom;
2112   - -ms-transform-origin: center bottom;
2113   - transform-origin: center bottom;
2114   -}
2115   -@-webkit-keyframes flash {
2116   - 0%,
2117   - 50%,
2118   - 100% {
2119   - opacity: 1;
2120   - }
2121   - 25%,
2122   - 75% {
2123   - opacity: 0;
2124   - }
2125   -}
2126   -@keyframes flash {
2127   - 0%,
2128   - 50%,
2129   - 100% {
2130   - opacity: 1;
2131   - }
2132   - 25%,
2133   - 75% {
2134   - opacity: 0;
2135   - }
2136   -}
2137   -.flash {
2138   - -webkit-animation-name: flash;
2139   - animation-name: flash;
2140   -}
2141   -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2142   -@-webkit-keyframes pulse {
2143   - 0% {
2144   - -webkit-transform: scale3d(1, 1, 1);
2145   - transform: scale3d(1, 1, 1);
2146   - }
2147   - 50% {
2148   - -webkit-transform: scale3d(1.05, 1.05, 1.05);
2149   - transform: scale3d(1.05, 1.05, 1.05);
2150   - }
2151   - 100% {
2152   - -webkit-transform: scale3d(1, 1, 1);
2153   - transform: scale3d(1, 1, 1);
2154   - }
2155   -}
2156   -@keyframes pulse {
2157   - 0% {
2158   - -webkit-transform: scale3d(1, 1, 1);
2159   - transform: scale3d(1, 1, 1);
2160   - }
2161   - 50% {
2162   - -webkit-transform: scale3d(1.05, 1.05, 1.05);
2163   - transform: scale3d(1.05, 1.05, 1.05);
2164   - }
2165   - 100% {
2166   - -webkit-transform: scale3d(1, 1, 1);
2167   - transform: scale3d(1, 1, 1);
2168   - }
2169   -}
2170   -.pulse {
2171   - -webkit-animation-name: pulse;
2172   - animation-name: pulse;
2173   -}
2174   -@-webkit-keyframes rubberBand {
2175   - 0% {
2176   - -webkit-transform: scale3d(1, 1, 1);
2177   - transform: scale3d(1, 1, 1);
2178   - }
2179   - 30% {
2180   - -webkit-transform: scale3d(1.25, 0.75, 1);
2181   - transform: scale3d(1.25, 0.75, 1);
2182   - }
2183   - 40% {
2184   - -webkit-transform: scale3d(0.75, 1.25, 1);
2185   - transform: scale3d(0.75, 1.25, 1);
2186   - }
2187   - 50% {
2188   - -webkit-transform: scale3d(1.15, 0.85, 1);
2189   - transform: scale3d(1.15, 0.85, 1);
2190   - }
2191   - 65% {
2192   - -webkit-transform: scale3d(0.95, 1.05, 1);
2193   - transform: scale3d(0.95, 1.05, 1);
2194   - }
2195   - 75% {
2196   - -webkit-transform: scale3d(1.05, 0.95, 1);
2197   - transform: scale3d(1.05, 0.95, 1);
2198   - }
2199   - 100% {
2200   - -webkit-transform: scale3d(1, 1, 1);
2201   - transform: scale3d(1, 1, 1);
2202   - }
2203   -}
2204   -@keyframes rubberBand {
2205   - 0% {
2206   - -webkit-transform: scale3d(1, 1, 1);
2207   - transform: scale3d(1, 1, 1);
2208   - }
2209   - 30% {
2210   - -webkit-transform: scale3d(1.25, 0.75, 1);
2211   - transform: scale3d(1.25, 0.75, 1);
2212   - }
2213   - 40% {
2214   - -webkit-transform: scale3d(0.75, 1.25, 1);
2215   - transform: scale3d(0.75, 1.25, 1);
2216   - }
2217   - 50% {
2218   - -webkit-transform: scale3d(1.15, 0.85, 1);
2219   - transform: scale3d(1.15, 0.85, 1);
2220   - }
2221   - 65% {
2222   - -webkit-transform: scale3d(0.95, 1.05, 1);
2223   - transform: scale3d(0.95, 1.05, 1);
2224   - }
2225   - 75% {
2226   - -webkit-transform: scale3d(1.05, 0.95, 1);
2227   - transform: scale3d(1.05, 0.95, 1);
2228   - }
2229   - 100% {
2230   - -webkit-transform: scale3d(1, 1, 1);
2231   - transform: scale3d(1, 1, 1);
2232   - }
2233   -}
2234   -.rubberBand {
2235   - -webkit-animation-name: rubberBand;
2236   - animation-name: rubberBand;
2237   -}
2238   -@-webkit-keyframes shake {
2239   - 0%,
2240   - 100% {
2241   - -webkit-transform: translate3d(0, 0, 0);
2242   - transform: translate3d(0, 0, 0);
2243   - }
2244   - 10%,
2245   - 30%,
2246   - 50%,
2247   - 70%,
2248   - 90% {
2249   - -webkit-transform: translate3d(-10px, 0, 0);
2250   - transform: translate3d(-10px, 0, 0);
2251   - }
2252   - 20%,
2253   - 40%,
2254   - 60%,
2255   - 80% {
2256   - -webkit-transform: translate3d(10px, 0, 0);
2257   - transform: translate3d(10px, 0, 0);
2258   - }
2259   -}
2260   -@keyframes shake {
2261   - 0%,
2262   - 100% {
2263   - -webkit-transform: translate3d(0, 0, 0);
2264   - transform: translate3d(0, 0, 0);
2265   - }
2266   - 10%,
2267   - 30%,
2268   - 50%,
2269   - 70%,
2270   - 90% {
2271   - -webkit-transform: translate3d(-10px, 0, 0);
2272   - transform: translate3d(-10px, 0, 0);
2273   - }
2274   - 20%,
2275   - 40%,
2276   - 60%,
2277   - 80% {
2278   - -webkit-transform: translate3d(10px, 0, 0);
2279   - transform: translate3d(10px, 0, 0);
2280   - }
2281   -}
2282   -.shake {
2283   - -webkit-animation-name: shake;
2284   - animation-name: shake;
2285   -}
2286   -@-webkit-keyframes swing {
2287   - 20% {
2288   - -webkit-transform: rotate3d(0, 0, 1, 15deg);
2289   - transform: rotate3d(0, 0, 1, 15deg);
2290   - }
2291   - 40% {
2292   - -webkit-transform: rotate3d(0, 0, 1, -10deg);
2293   - transform: rotate3d(0, 0, 1, -10deg);
2294   - }
2295   - 60% {
2296   - -webkit-transform: rotate3d(0, 0, 1, 5deg);
2297   - transform: rotate3d(0, 0, 1, 5deg);
2298   - }
2299   - 80% {
2300   - -webkit-transform: rotate3d(0, 0, 1, -5deg);
2301   - transform: rotate3d(0, 0, 1, -5deg);
2302   - }
2303   - 100% {
2304   - -webkit-transform: rotate3d(0, 0, 1, 0deg);
2305   - transform: rotate3d(0, 0, 1, 0deg);
2306   - }
2307   -}
2308   -@keyframes swing {
2309   - 20% {
2310   - -webkit-transform: rotate3d(0, 0, 1, 15deg);
2311   - transform: rotate3d(0, 0, 1, 15deg);
2312   - }
2313   - 40% {
2314   - -webkit-transform: rotate3d(0, 0, 1, -10deg);
2315   - transform: rotate3d(0, 0, 1, -10deg);
2316   - }
2317   - 60% {
2318   - -webkit-transform: rotate3d(0, 0, 1, 5deg);
2319   - transform: rotate3d(0, 0, 1, 5deg);
2320   - }
2321   - 80% {
2322   - -webkit-transform: rotate3d(0, 0, 1, -5deg);
2323   - transform: rotate3d(0, 0, 1, -5deg);
2324   - }
2325   - 100% {
2326   - -webkit-transform: rotate3d(0, 0, 1, 0deg);
2327   - transform: rotate3d(0, 0, 1, 0deg);
2328   - }
2329   -}
2330   -.swing {
2331   - -webkit-transform-origin: top center;
2332   - -ms-transform-origin: top center;
2333   - transform-origin: top center;
2334   - -webkit-animation-name: swing;
2335   - animation-name: swing;
2336   -}
2337   -@-webkit-keyframes tada {
2338   - 0% {
2339   - -webkit-transform: scale3d(1, 1, 1);
2340   - transform: scale3d(1, 1, 1);
2341   - }
2342   - 10%,
2343   - 20% {
2344   - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
2345   - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
2346   - }
2347   - 30%,
2348   - 50%,
2349   - 70%,
2350   - 90% {
2351   - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
2352   - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
2353   - }
2354   - 40%,
2355   - 60%,
2356   - 80% {
2357   - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
2358   - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
2359   - }
2360   - 100% {
2361   - -webkit-transform: scale3d(1, 1, 1);
2362   - transform: scale3d(1, 1, 1);
2363   - }
2364   -}
2365   -@keyframes tada {
2366   - 0% {
2367   - -webkit-transform: scale3d(1, 1, 1);
2368   - transform: scale3d(1, 1, 1);
2369   - }
2370   - 10%,
2371   - 20% {
2372   - -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
2373   - transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
2374   - }
2375   - 30%,
2376   - 50%,
2377   - 70%,
2378   - 90% {
2379   - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
2380   - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
2381   - }
2382   - 40%,
2383   - 60%,
2384   - 80% {
2385   - -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
2386   - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
2387   - }
2388   - 100% {
2389   - -webkit-transform: scale3d(1, 1, 1);
2390   - transform: scale3d(1, 1, 1);
2391   - }
2392   -}
2393   -.tada {
2394   - -webkit-animation-name: tada;
2395   - animation-name: tada;
2396   -}
2397   -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2398   -@-webkit-keyframes wobble {
2399   - 0% {
2400   - -webkit-transform: none;
2401   - transform: none;
2402   - }
2403   - 15% {
2404   - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
2405   - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
2406   - }
2407   - 30% {
2408   - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
2409   - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
2410   - }
2411   - 45% {
2412   - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
2413   - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
2414   - }
2415   - 60% {
2416   - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
2417   - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
2418   - }
2419   - 75% {
2420   - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
2421   - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
2422   - }
2423   - 100% {
2424   - -webkit-transform: none;
2425   - transform: none;
2426   - }
2427   -}
2428   -@keyframes wobble {
2429   - 0% {
2430   - -webkit-transform: none;
2431   - transform: none;
2432   - }
2433   - 15% {
2434   - -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
2435   - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
2436   - }
2437   - 30% {
2438   - -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
2439   - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
2440   - }
2441   - 45% {
2442   - -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
2443   - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
2444   - }
2445   - 60% {
2446   - -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
2447   - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
2448   - }
2449   - 75% {
2450   - -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
2451   - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
2452   - }
2453   - 100% {
2454   - -webkit-transform: none;
2455   - transform: none;
2456   - }
2457   -}
2458   -.wobble {
2459   - -webkit-animation-name: wobble;
2460   - animation-name: wobble;
2461   -}
2462   -@-webkit-keyframes bounceIn {
2463   - 0%,
2464   - 20%,
2465   - 40%,
2466   - 60%,
2467   - 80%,
2468   - 100% {
2469   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2470   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2471   - }
2472   - 0% {
2473   - opacity: 0;
2474   - -webkit-transform: scale3d(0.3, 0.3, 0.3);
2475   - transform: scale3d(0.3, 0.3, 0.3);
2476   - }
2477   - 20% {
2478   - -webkit-transform: scale3d(1.1, 1.1, 1.1);
2479   - transform: scale3d(1.1, 1.1, 1.1);
2480   - }
2481   - 40% {
2482   - -webkit-transform: scale3d(0.9, 0.9, 0.9);
2483   - transform: scale3d(0.9, 0.9, 0.9);
2484   - }
2485   - 60% {
2486   - opacity: 1;
2487   - -webkit-transform: scale3d(1.03, 1.03, 1.03);
2488   - transform: scale3d(1.03, 1.03, 1.03);
2489   - }
2490   - 80% {
2491   - -webkit-transform: scale3d(0.97, 0.97, 0.97);
2492   - transform: scale3d(0.97, 0.97, 0.97);
2493   - }
2494   - 100% {
2495   - opacity: 1;
2496   - -webkit-transform: scale3d(1, 1, 1);
2497   - transform: scale3d(1, 1, 1);
2498   - }
2499   -}
2500   -@keyframes bounceIn {
2501   - 0%,
2502   - 20%,
2503   - 40%,
2504   - 60%,
2505   - 80%,
2506   - 100% {
2507   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2508   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2509   - }
2510   - 0% {
2511   - opacity: 0;
2512   - -webkit-transform: scale3d(0.3, 0.3, 0.3);
2513   - transform: scale3d(0.3, 0.3, 0.3);
2514   - }
2515   - 20% {
2516   - -webkit-transform: scale3d(1.1, 1.1, 1.1);
2517   - transform: scale3d(1.1, 1.1, 1.1);
2518   - }
2519   - 40% {
2520   - -webkit-transform: scale3d(0.9, 0.9, 0.9);
2521   - transform: scale3d(0.9, 0.9, 0.9);
2522   - }
2523   - 60% {
2524   - opacity: 1;
2525   - -webkit-transform: scale3d(1.03, 1.03, 1.03);
2526   - transform: scale3d(1.03, 1.03, 1.03);
2527   - }
2528   - 80% {
2529   - -webkit-transform: scale3d(0.97, 0.97, 0.97);
2530   - transform: scale3d(0.97, 0.97, 0.97);
2531   - }
2532   - 100% {
2533   - opacity: 1;
2534   - -webkit-transform: scale3d(1, 1, 1);
2535   - transform: scale3d(1, 1, 1);
2536   - }
2537   -}
2538   -.bounceIn {
2539   - -webkit-animation-name: bounceIn;
2540   - animation-name: bounceIn;
2541   - -webkit-animation-duration: .75s;
2542   - animation-duration: .75s;
2543   -}
2544   -@-webkit-keyframes bounceInDown {
2545   - 0%,
2546   - 60%,
2547   - 75%,
2548   - 90%,
2549   - 100% {
2550   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2551   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2552   - }
2553   - 0% {
2554   - opacity: 0;
2555   - -webkit-transform: translate3d(0, -3000px, 0);
2556   - transform: translate3d(0, -3000px, 0);
2557   - }
2558   - 60% {
2559   - opacity: 1;
2560   - -webkit-transform: translate3d(0, 25px, 0);
2561   - transform: translate3d(0, 25px, 0);
2562   - }
2563   - 75% {
2564   - -webkit-transform: translate3d(0, -10px, 0);
2565   - transform: translate3d(0, -10px, 0);
2566   - }
2567   - 90% {
2568   - -webkit-transform: translate3d(0, 5px, 0);
2569   - transform: translate3d(0, 5px, 0);
2570   - }
2571   - 100% {
2572   - -webkit-transform: none;
2573   - transform: none;
2574   - }
2575   -}
2576   -@keyframes bounceInDown {
2577   - 0%,
2578   - 60%,
2579   - 75%,
2580   - 90%,
2581   - 100% {
2582   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2583   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2584   - }
2585   - 0% {
2586   - opacity: 0;
2587   - -webkit-transform: translate3d(0, -3000px, 0);
2588   - transform: translate3d(0, -3000px, 0);
2589   - }
2590   - 60% {
2591   - opacity: 1;
2592   - -webkit-transform: translate3d(0, 25px, 0);
2593   - transform: translate3d(0, 25px, 0);
2594   - }
2595   - 75% {
2596   - -webkit-transform: translate3d(0, -10px, 0);
2597   - transform: translate3d(0, -10px, 0);
2598   - }
2599   - 90% {
2600   - -webkit-transform: translate3d(0, 5px, 0);
2601   - transform: translate3d(0, 5px, 0);
2602   - }
2603   - 100% {
2604   - -webkit-transform: none;
2605   - transform: none;
2606   - }
2607   -}
2608   -.bounceInDown {
2609   - -webkit-animation-name: bounceInDown;
2610   - animation-name: bounceInDown;
2611   -}
2612   -@-webkit-keyframes bounceInLeft {
2613   - 0%,
2614   - 60%,
2615   - 75%,
2616   - 90%,
2617   - 100% {
2618   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2619   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2620   - }
2621   - 0% {
2622   - opacity: 0;
2623   - -webkit-transform: translate3d(-3000px, 0, 0);
2624   - transform: translate3d(-3000px, 0, 0);
2625   - }
2626   - 60% {
2627   - opacity: 1;
2628   - -webkit-transform: translate3d(25px, 0, 0);
2629   - transform: translate3d(25px, 0, 0);
2630   - }
2631   - 75% {
2632   - -webkit-transform: translate3d(-10px, 0, 0);
2633   - transform: translate3d(-10px, 0, 0);
2634   - }
2635   - 90% {
2636   - -webkit-transform: translate3d(5px, 0, 0);
2637   - transform: translate3d(5px, 0, 0);
2638   - }
2639   - 100% {
2640   - -webkit-transform: none;
2641   - transform: none;
2642   - }
2643   -}
2644   -@keyframes bounceInLeft {
2645   - 0%,
2646   - 60%,
2647   - 75%,
2648   - 90%,
2649   - 100% {
2650   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2651   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2652   - }
2653   - 0% {
2654   - opacity: 0;
2655   - -webkit-transform: translate3d(-3000px, 0, 0);
2656   - transform: translate3d(-3000px, 0, 0);
2657   - }
2658   - 60% {
2659   - opacity: 1;
2660   - -webkit-transform: translate3d(25px, 0, 0);
2661   - transform: translate3d(25px, 0, 0);
2662   - }
2663   - 75% {
2664   - -webkit-transform: translate3d(-10px, 0, 0);
2665   - transform: translate3d(-10px, 0, 0);
2666   - }
2667   - 90% {
2668   - -webkit-transform: translate3d(5px, 0, 0);
2669   - transform: translate3d(5px, 0, 0);
2670   - }
2671   - 100% {
2672   - -webkit-transform: none;
2673   - transform: none;
2674   - }
2675   -}
2676   -.bounceInLeft {
2677   - -webkit-animation-name: bounceInLeft;
2678   - animation-name: bounceInLeft;
2679   -}
2680   -@-webkit-keyframes bounceInRight {
2681   - 0%,
2682   - 60%,
2683   - 75%,
2684   - 90%,
2685   - 100% {
2686   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2687   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2688   - }
2689   - 0% {
2690   - opacity: 0;
2691   - -webkit-transform: translate3d(3000px, 0, 0);
2692   - transform: translate3d(3000px, 0, 0);
2693   - }
2694   - 60% {
2695   - opacity: 1;
2696   - -webkit-transform: translate3d(-25px, 0, 0);
2697   - transform: translate3d(-25px, 0, 0);
2698   - }
2699   - 75% {
2700   - -webkit-transform: translate3d(10px, 0, 0);
2701   - transform: translate3d(10px, 0, 0);
2702   - }
2703   - 90% {
2704   - -webkit-transform: translate3d(-5px, 0, 0);
2705   - transform: translate3d(-5px, 0, 0);
2706   - }
2707   - 100% {
2708   - -webkit-transform: none;
2709   - transform: none;
2710   - }
2711   -}
2712   -@keyframes bounceInRight {
2713   - 0%,
2714   - 60%,
2715   - 75%,
2716   - 90%,
2717   - 100% {
2718   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2719   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2720   - }
2721   - 0% {
2722   - opacity: 0;
2723   - -webkit-transform: translate3d(3000px, 0, 0);
2724   - transform: translate3d(3000px, 0, 0);
2725   - }
2726   - 60% {
2727   - opacity: 1;
2728   - -webkit-transform: translate3d(-25px, 0, 0);
2729   - transform: translate3d(-25px, 0, 0);
2730   - }
2731   - 75% {
2732   - -webkit-transform: translate3d(10px, 0, 0);
2733   - transform: translate3d(10px, 0, 0);
2734   - }
2735   - 90% {
2736   - -webkit-transform: translate3d(-5px, 0, 0);
2737   - transform: translate3d(-5px, 0, 0);
2738   - }
2739   - 100% {
2740   - -webkit-transform: none;
2741   - transform: none;
2742   - }
2743   -}
2744   -.bounceInRight {
2745   - -webkit-animation-name: bounceInRight;
2746   - animation-name: bounceInRight;
2747   -}
2748   -@-webkit-keyframes bounceInUp {
2749   - 0%,
2750   - 60%,
2751   - 75%,
2752   - 90%,
2753   - 100% {
2754   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2755   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2756   - }
2757   - 0% {
2758   - opacity: 0;
2759   - -webkit-transform: translate3d(0, 3000px, 0);
2760   - transform: translate3d(0, 3000px, 0);
2761   - }
2762   - 60% {
2763   - opacity: 1;
2764   - -webkit-transform: translate3d(0, -20px, 0);
2765   - transform: translate3d(0, -20px, 0);
2766   - }
2767   - 75% {
2768   - -webkit-transform: translate3d(0, 10px, 0);
2769   - transform: translate3d(0, 10px, 0);
2770   - }
2771   - 90% {
2772   - -webkit-transform: translate3d(0, -5px, 0);
2773   - transform: translate3d(0, -5px, 0);
2774   - }
2775   - 100% {
2776   - -webkit-transform: translate3d(0, 0, 0);
2777   - transform: translate3d(0, 0, 0);
2778   - }
2779   -}
2780   -@keyframes bounceInUp {
2781   - 0%,
2782   - 60%,
2783   - 75%,
2784   - 90%,
2785   - 100% {
2786   - -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2787   - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
2788   - }
2789   - 0% {
2790   - opacity: 0;
2791   - -webkit-transform: translate3d(0, 3000px, 0);
2792   - transform: translate3d(0, 3000px, 0);
2793   - }
2794   - 60% {
2795   - opacity: 1;
2796   - -webkit-transform: translate3d(0, -20px, 0);
2797   - transform: translate3d(0, -20px, 0);
2798   - }
2799   - 75% {
2800   - -webkit-transform: translate3d(0, 10px, 0);
2801   - transform: translate3d(0, 10px, 0);
2802   - }
2803   - 90% {
2804   - -webkit-transform: translate3d(0, -5px, 0);
2805   - transform: translate3d(0, -5px, 0);
2806   - }
2807   - 100% {
2808   - -webkit-transform: translate3d(0, 0, 0);
2809   - transform: translate3d(0, 0, 0);
2810   - }
2811   -}
2812   -.bounceInUp {
2813   - -webkit-animation-name: bounceInUp;
2814   - animation-name: bounceInUp;
2815   -}
2816   -@-webkit-keyframes bounceOut {
2817   - 20% {
2818   - -webkit-transform: scale3d(0.9, 0.9, 0.9);
2819   - transform: scale3d(0.9, 0.9, 0.9);
2820   - }
2821   - 50%,
2822   - 55% {
2823   - opacity: 1;
2824   - -webkit-transform: scale3d(1.1, 1.1, 1.1);
2825   - transform: scale3d(1.1, 1.1, 1.1);
2826   - }
2827   - 100% {
2828   - opacity: 0;
2829   - -webkit-transform: scale3d(0.3, 0.3, 0.3);
2830   - transform: scale3d(0.3, 0.3, 0.3);
2831   - }
2832   -}
2833   -@keyframes bounceOut {
2834   - 20% {
2835   - -webkit-transform: scale3d(0.9, 0.9, 0.9);
2836   - transform: scale3d(0.9, 0.9, 0.9);
2837   - }
2838   - 50%,
2839   - 55% {
2840   - opacity: 1;
2841   - -webkit-transform: scale3d(1.1, 1.1, 1.1);
2842   - transform: scale3d(1.1, 1.1, 1.1);
2843   - }
2844   - 100% {
2845   - opacity: 0;
2846   - -webkit-transform: scale3d(0.3, 0.3, 0.3);
2847   - transform: scale3d(0.3, 0.3, 0.3);
2848   - }
2849   -}
2850   -.bounceOut {
2851   - -webkit-animation-name: bounceOut;
2852   - animation-name: bounceOut;
2853   - -webkit-animation-duration: .75s;
2854   - animation-duration: .75s;
2855   -}
2856   -@-webkit-keyframes bounceOutDown {
2857   - 20% {
2858   - -webkit-transform: translate3d(0, 10px, 0);
2859   - transform: translate3d(0, 10px, 0);
2860   - }
2861   - 40%,
2862   - 45% {
2863   - opacity: 1;
2864   - -webkit-transform: translate3d(0, -20px, 0);
2865   - transform: translate3d(0, -20px, 0);
2866   - }
2867   - 100% {
2868   - opacity: 0;
2869   - -webkit-transform: translate3d(0, 2000px, 0);
2870   - transform: translate3d(0, 2000px, 0);
2871   - }
2872   -}
2873   -@keyframes bounceOutDown {
2874   - 20% {
2875   - -webkit-transform: translate3d(0, 10px, 0);
2876   - transform: translate3d(0, 10px, 0);
2877   - }
2878   - 40%,
2879   - 45% {
2880   - opacity: 1;
2881   - -webkit-transform: translate3d(0, -20px, 0);
2882   - transform: translate3d(0, -20px, 0);
2883   - }
2884   - 100% {
2885   - opacity: 0;
2886   - -webkit-transform: translate3d(0, 2000px, 0);
2887   - transform: translate3d(0, 2000px, 0);
2888   - }
2889   -}
2890   -.bounceOutDown {
2891   - -webkit-animation-name: bounceOutDown;
2892   - animation-name: bounceOutDown;
2893   -}
2894   -@-webkit-keyframes bounceOutLeft {
2895   - 20% {
2896   - opacity: 1;
2897   - -webkit-transform: translate3d(20px, 0, 0);
2898   - transform: translate3d(20px, 0, 0);
2899   - }
2900   - 100% {
2901   - opacity: 0;
2902   - -webkit-transform: translate3d(-2000px, 0, 0);
2903   - transform: translate3d(-2000px, 0, 0);
2904   - }
2905   -}
2906   -@keyframes bounceOutLeft {
2907   - 20% {
2908   - opacity: 1;
2909   - -webkit-transform: translate3d(20px, 0, 0);
2910   - transform: translate3d(20px, 0, 0);
2911   - }
2912   - 100% {
2913   - opacity: 0;
2914   - -webkit-transform: translate3d(-2000px, 0, 0);
2915   - transform: translate3d(-2000px, 0, 0);
2916   - }
2917   -}
2918   -.bounceOutLeft {
2919   - -webkit-animation-name: bounceOutLeft;
2920   - animation-name: bounceOutLeft;
2921   -}
2922   -@-webkit-keyframes bounceOutRight {
2923   - 20% {
2924   - opacity: 1;
2925   - -webkit-transform: translate3d(-20px, 0, 0);
2926   - transform: translate3d(-20px, 0, 0);
2927   - }
2928   - 100% {
2929   - opacity: 0;
2930   - -webkit-transform: translate3d(2000px, 0, 0);
2931   - transform: translate3d(2000px, 0, 0);
2932   - }
2933   -}
2934   -@keyframes bounceOutRight {
2935   - 20% {
2936   - opacity: 1;
2937   - -webkit-transform: translate3d(-20px, 0, 0);
2938   - transform: translate3d(-20px, 0, 0);
2939   - }
2940   - 100% {
2941   - opacity: 0;
2942   - -webkit-transform: translate3d(2000px, 0, 0);
2943   - transform: translate3d(2000px, 0, 0);
2944   - }
2945   -}
2946   -.bounceOutRight {
2947   - -webkit-animation-name: bounceOutRight;
2948   - animation-name: bounceOutRight;
2949   -}
2950   -@-webkit-keyframes bounceOutUp {
2951   - 20% {
2952   - -webkit-transform: translate3d(0, -10px, 0);
2953   - transform: translate3d(0, -10px, 0);
2954   - }
2955   - 40%,
2956   - 45% {
2957   - opacity: 1;
2958   - -webkit-transform: translate3d(0, 20px, 0);
2959   - transform: translate3d(0, 20px, 0);
2960   - }
2961   - 100% {
2962   - opacity: 0;
2963   - -webkit-transform: translate3d(0, -2000px, 0);
2964   - transform: translate3d(0, -2000px, 0);
2965   - }
2966   -}
2967   -@keyframes bounceOutUp {
2968   - 20% {
2969   - -webkit-transform: translate3d(0, -10px, 0);
2970   - transform: translate3d(0, -10px, 0);
2971   - }
2972   - 40%,
2973   - 45% {
2974   - opacity: 1;
2975   - -webkit-transform: translate3d(0, 20px, 0);
2976   - transform: translate3d(0, 20px, 0);
2977   - }
2978   - 100% {
2979   - opacity: 0;
2980   - -webkit-transform: translate3d(0, -2000px, 0);
2981   - transform: translate3d(0, -2000px, 0);
2982   - }
2983   -}
2984   -.bounceOutUp {
2985   - -webkit-animation-name: bounceOutUp;
2986   - animation-name: bounceOutUp;
2987   -}
2988   -@-webkit-keyframes fadeIn {
2989   - 0% {
2990   - opacity: 0;
2991   - }
2992   - 100% {
2993   - opacity: 1;
2994   - }
2995   -}
2996   -@keyframes fadeIn {
2997   - 0% {
2998   - opacity: 0;
2999   - }
3000   - 100% {
3001   - opacity: 1;
3002   - }
3003   -}
3004   -.fadeIn {
3005   - -webkit-animation-name: fadeIn;
3006   - animation-name: fadeIn;
3007   -}
3008   -@-webkit-keyframes fadeInDown {
3009   - 0% {
3010   - opacity: 0;
3011   - -webkit-transform: translate3d(0, -100%, 0);
3012   - transform: translate3d(0, -100%, 0);
3013   - }
3014   - 100% {
3015   - opacity: 1;
3016   - -webkit-transform: none;
3017   - transform: none;
3018   - }
3019   -}
3020   -@keyframes fadeInDown {
3021   - 0% {
3022   - opacity: 0;
3023   - -webkit-transform: translate3d(0, -100%, 0);
3024   - transform: translate3d(0, -100%, 0);
3025   - }
3026   - 100% {
3027   - opacity: 1;
3028   - -webkit-transform: none;
3029   - transform: none;
3030   - }
3031   -}
3032   -.fadeInDown {
3033   - -webkit-animation-name: fadeInDown;
3034   - animation-name: fadeInDown;
3035   -}
3036   -@-webkit-keyframes fadeInDownBig {
3037   - 0% {
3038   - opacity: 0;
3039   - -webkit-transform: translate3d(0, -2000px, 0);
3040   - transform: translate3d(0, -2000px, 0);
3041   - }
3042   - 100% {
3043   - opacity: 1;
3044   - -webkit-transform: none;
3045   - transform: none;
3046   - }
3047   -}
3048   -@keyframes fadeInDownBig {
3049   - 0% {
3050   - opacity: 0;
3051   - -webkit-transform: translate3d(0, -2000px, 0);
3052   - transform: translate3d(0, -2000px, 0);
3053   - }
3054   - 100% {
3055   - opacity: 1;
3056   - -webkit-transform: none;
3057   - transform: none;
3058   - }
3059   -}
3060   -.fadeInDownBig {
3061   - -webkit-animation-name: fadeInDownBig;
3062   - animation-name: fadeInDownBig;
3063   -}
3064   -@-webkit-keyframes fadeInLeft {
3065   - 0% {
3066   - opacity: 0;
3067   - -webkit-transform: translate3d(-100%, 0, 0);
3068   - transform: translate3d(-100%, 0, 0);
3069   - }
3070   - 100% {
3071   - opacity: 1;
3072   - -webkit-transform: none;
3073   - transform: none;
3074   - }
3075   -}
3076   -@keyframes fadeInLeft {
3077   - 0% {
3078   - opacity: 0;
3079   - -webkit-transform: translate3d(-100%, 0, 0);
3080   - transform: translate3d(-100%, 0, 0);
3081   - }
3082   - 100% {
3083   - opacity: 1;
3084   - -webkit-transform: none;
3085   - transform: none;
3086   - }
3087   -}
3088   -.fadeInLeft {
3089   - -webkit-animation-name: fadeInLeft;
3090   - animation-name: fadeInLeft;
3091   -}
3092   -@-webkit-keyframes fadeInLeftBig {
3093   - 0% {
3094   - opacity: 0;
3095   - -webkit-transform: translate3d(-2000px, 0, 0);
3096   - transform: translate3d(-2000px, 0, 0);
3097   - }
3098   - 100% {
3099   - opacity: 1;
3100   - -webkit-transform: none;
3101   - transform: none;
3102   - }
3103   -}
3104   -@keyframes fadeInLeftBig {
3105   - 0% {
3106   - opacity: 0;
3107   - -webkit-transform: translate3d(-2000px, 0, 0);
3108   - transform: translate3d(-2000px, 0, 0);
3109   - }
3110   - 100% {
3111   - opacity: 1;
3112   - -webkit-transform: none;
3113   - transform: none;
3114   - }
3115   -}
3116   -.fadeInLeftBig {
3117   - -webkit-animation-name: fadeInLeftBig;
3118   - animation-name: fadeInLeftBig;
3119   -}
3120   -@-webkit-keyframes fadeInRight {
3121   - 0% {
3122   - opacity: 0;
3123   - -webkit-transform: translate3d(100%, 0, 0);
3124   - transform: translate3d(100%, 0, 0);
3125   - }
3126   - 100% {
3127   - opacity: 1;
3128   - -webkit-transform: none;
3129   - transform: none;
3130   - }
3131   -}
3132   -@keyframes fadeInRight {
3133   - 0% {
3134   - opacity: 0;
3135   - -webkit-transform: translate3d(100%, 0, 0);
3136   - transform: translate3d(100%, 0, 0);
3137   - }
3138   - 100% {
3139   - opacity: 1;
3140   - -webkit-transform: none;
3141   - transform: none;
3142   - }
3143   -}
3144   -.fadeInRight {
3145   - -webkit-animation-name: fadeInRight;
3146   - animation-name: fadeInRight;
3147   -}
3148   -@-webkit-keyframes fadeInRightBig {
3149   - 0% {
3150   - opacity: 0;
3151   - -webkit-transform: translate3d(2000px, 0, 0);
3152   - transform: translate3d(2000px, 0, 0);
3153   - }
3154   - 100% {
3155   - opacity: 1;
3156   - -webkit-transform: none;
3157   - transform: none;
3158   - }
3159   -}
3160   -@keyframes fadeInRightBig {
3161   - 0% {
3162   - opacity: 0;
3163   - -webkit-transform: translate3d(2000px, 0, 0);
3164   - transform: translate3d(2000px, 0, 0);
3165   - }
3166   - 100% {
3167   - opacity: 1;
3168   - -webkit-transform: none;
3169   - transform: none;
3170   - }
3171   -}
3172   -.fadeInRightBig {
3173   - -webkit-animation-name: fadeInRightBig;
3174   - animation-name: fadeInRightBig;
3175   -}
3176   -@-webkit-keyframes fadeInUp {
3177   - 0% {
3178   - opacity: 0;
3179   - -webkit-transform: translate3d(0, 100%, 0);
3180   - transform: translate3d(0, 100%, 0);
3181   - }
3182   - 100% {
3183   - opacity: 1;
3184   - -webkit-transform: none;
3185   - transform: none;
3186   - }
3187   -}
3188   -@keyframes fadeInUp {
3189   - 0% {
3190   - opacity: 0;
3191   - -webkit-transform: translate3d(0, 100%, 0);
3192   - transform: translate3d(0, 100%, 0);
3193   - }
3194   - 100% {
3195   - opacity: 1;
3196   - -webkit-transform: none;
3197   - transform: none;
3198   - }
3199   -}
3200   -.fadeInUp {
3201   - -webkit-animation-name: fadeInUp;
3202   - animation-name: fadeInUp;
3203   -}
3204   -@-webkit-keyframes fadeInUpBig {
3205   - 0% {
3206   - opacity: 0;
3207   - -webkit-transform: translate3d(0, 2000px, 0);
3208   - transform: translate3d(0, 2000px, 0);
3209   - }
3210   - 100% {
3211   - opacity: 1;
3212   - -webkit-transform: none;
3213   - transform: none;
3214   - }
3215   -}
3216   -@keyframes fadeInUpBig {
3217   - 0% {
3218   - opacity: 0;
3219   - -webkit-transform: translate3d(0, 2000px, 0);
3220   - transform: translate3d(0, 2000px, 0);
3221   - }
3222   - 100% {
3223   - opacity: 1;
3224   - -webkit-transform: none;
3225   - transform: none;
3226   - }
3227   -}
3228   -.fadeInUpBig {
3229   - -webkit-animation-name: fadeInUpBig;
3230   - animation-name: fadeInUpBig;
3231   -}
3232   -@-webkit-keyframes fadeOut {
3233   - 0% {
3234   - opacity: 1;
3235   - }
3236   - 100% {
3237   - opacity: 0;
3238   - }
3239   -}
3240   -@keyframes fadeOut {
3241   - 0% {
3242   - opacity: 1;
3243   - }
3244   - 100% {
3245   - opacity: 0;
3246   - }
3247   -}
3248   -.fadeOut {
3249   - -webkit-animation-name: fadeOut;
3250   - animation-name: fadeOut;
3251   -}
3252   -@-webkit-keyframes fadeOutDown {
3253   - 0% {
3254   - opacity: 1;
3255   - }
3256   - 100% {
3257   - opacity: 0;
3258   - -webkit-transform: translate3d(0, 100%, 0);
3259   - transform: translate3d(0, 100%, 0);
3260   - }
3261   -}
3262   -@keyframes fadeOutDown {
3263   - 0% {
3264   - opacity: 1;
3265   - }
3266   - 100% {
3267   - opacity: 0;
3268   - -webkit-transform: translate3d(0, 100%, 0);
3269   - transform: translate3d(0, 100%, 0);
3270   - }
3271   -}
3272   -.fadeOutDown {
3273   - -webkit-animation-name: fadeOutDown;
3274   - animation-name: fadeOutDown;
3275   -}
3276   -@-webkit-keyframes fadeOutDownBig {
3277   - 0% {
3278   - opacity: 1;
3279   - }
3280   - 100% {
3281   - opacity: 0;
3282   - -webkit-transform: translate3d(0, 2000px, 0);
3283   - transform: translate3d(0, 2000px, 0);
3284   - }
3285   -}
3286   -@keyframes fadeOutDownBig {
3287   - 0% {
3288   - opacity: 1;
3289   - }
3290   - 100% {
3291   - opacity: 0;
3292   - -webkit-transform: translate3d(0, 2000px, 0);
3293   - transform: translate3d(0, 2000px, 0);
3294   - }
3295   -}
3296   -.fadeOutDownBig {
3297   - -webkit-animation-name: fadeOutDownBig;
3298   - animation-name: fadeOutDownBig;
3299   -}
3300   -@-webkit-keyframes fadeOutLeft {
3301   - 0% {
3302   - opacity: 1;
3303   - }
3304   - 100% {
3305   - opacity: 0;
3306   - -webkit-transform: translate3d(-100%, 0, 0);
3307   - transform: translate3d(-100%, 0, 0);
3308   - }
3309   -}
3310   -@keyframes fadeOutLeft {
3311   - 0% {
3312   - opacity: 1;
3313   - }
3314   - 100% {
3315   - opacity: 0;
3316   - -webkit-transform: translate3d(-100%, 0, 0);
3317   - transform: translate3d(-100%, 0, 0);
3318   - }
3319   -}
3320   -.fadeOutLeft {
3321   - -webkit-animation-name: fadeOutLeft;
3322   - animation-name: fadeOutLeft;
3323   -}
3324   -@-webkit-keyframes fadeOutLeftBig {
3325   - 0% {
3326   - opacity: 1;
3327   - }
3328   - 100% {
3329   - opacity: 0;
3330   - -webkit-transform: translate3d(-2000px, 0, 0);
3331   - transform: translate3d(-2000px, 0, 0);
3332   - }
3333   -}
3334   -@keyframes fadeOutLeftBig {
3335   - 0% {
3336   - opacity: 1;
3337   - }
3338   - 100% {
3339   - opacity: 0;
3340   - -webkit-transform: translate3d(-2000px, 0, 0);
3341   - transform: translate3d(-2000px, 0, 0);
3342   - }
3343   -}
3344   -.fadeOutLeftBig {
3345   - -webkit-animation-name: fadeOutLeftBig;
3346   - animation-name: fadeOutLeftBig;
3347   -}
3348   -@-webkit-keyframes fadeOutRight {
3349   - 0% {
3350   - opacity: 1;
3351   - }
3352   - 100% {
3353   - opacity: 0;
3354   - -webkit-transform: translate3d(100%, 0, 0);
3355   - transform: translate3d(100%, 0, 0);
3356   - }
3357   -}
3358   -@keyframes fadeOutRight {
3359   - 0% {
3360   - opacity: 1;
3361   - }
3362   - 100% {
3363   - opacity: 0;
3364   - -webkit-transform: translate3d(100%, 0, 0);
3365   - transform: translate3d(100%, 0, 0);
3366   - }
3367   -}
3368   -.fadeOutRight {
3369   - -webkit-animation-name: fadeOutRight;
3370   - animation-name: fadeOutRight;
3371   -}
3372   -@-webkit-keyframes fadeOutRightBig {
3373   - 0% {
3374   - opacity: 1;
3375   - }
3376   - 100% {
3377   - opacity: 0;
3378   - -webkit-transform: translate3d(2000px, 0, 0);
3379   - transform: translate3d(2000px, 0, 0);
3380   - }
3381   -}
3382   -@keyframes fadeOutRightBig {
3383   - 0% {
3384   - opacity: 1;
3385   - }
3386   - 100% {
3387   - opacity: 0;
3388   - -webkit-transform: translate3d(2000px, 0, 0);
3389   - transform: translate3d(2000px, 0, 0);
3390   - }
3391   -}
3392   -.fadeOutRightBig {
3393   - -webkit-animation-name: fadeOutRightBig;
3394   - animation-name: fadeOutRightBig;
3395   -}
3396   -@-webkit-keyframes fadeOutUp {
3397   - 0% {
3398   - opacity: 1;
3399   - }
3400   - 100% {
3401   - opacity: 0;
3402   - -webkit-transform: translate3d(0, -100%, 0);
3403   - transform: translate3d(0, -100%, 0);
3404   - }
3405   -}
3406   -@keyframes fadeOutUp {
3407   - 0% {
3408   - opacity: 1;
3409   - }
3410   - 100% {
3411   - opacity: 0;
3412   - -webkit-transform: translate3d(0, -100%, 0);
3413   - transform: translate3d(0, -100%, 0);
3414   - }
3415   -}
3416   -.fadeOutUp {
3417   - -webkit-animation-name: fadeOutUp;
3418   - animation-name: fadeOutUp;
3419   -}
3420   -@-webkit-keyframes fadeOutUpBig {
3421   - 0% {
3422   - opacity: 1;
3423   - }
3424   - 100% {
3425   - opacity: 0;
3426   - -webkit-transform: translate3d(0, -2000px, 0);
3427   - transform: translate3d(0, -2000px, 0);
3428   - }
3429   -}
3430   -@keyframes fadeOutUpBig {
3431   - 0% {
3432   - opacity: 1;
3433   - }
3434   - 100% {
3435   - opacity: 0;
3436   - -webkit-transform: translate3d(0, -2000px, 0);
3437   - transform: translate3d(0, -2000px, 0);
3438   - }
3439   -}
3440   -.fadeOutUpBig {
3441   - -webkit-animation-name: fadeOutUpBig;
3442   - animation-name: fadeOutUpBig;
3443   -}
3444   -@-webkit-keyframes flip {
3445   - 0% {
3446   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
3447   - transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
3448   - -webkit-animation-timing-function: ease-out;
3449   - animation-timing-function: ease-out;
3450   - }
3451   - 40% {
3452   - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
3453   - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
3454   - -webkit-animation-timing-function: ease-out;
3455   - animation-timing-function: ease-out;
3456   - }
3457   - 50% {
3458   - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
3459   - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
3460   - -webkit-animation-timing-function: ease-in;
3461   - animation-timing-function: ease-in;
3462   - }
3463   - 80% {
3464   - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
3465   - transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
3466   - -webkit-animation-timing-function: ease-in;
3467   - animation-timing-function: ease-in;
3468   - }
3469   - 100% {
3470   - -webkit-transform: perspective(400px);
3471   - transform: perspective(400px);
3472   - -webkit-animation-timing-function: ease-in;
3473   - animation-timing-function: ease-in;
3474   - }
3475   -}
3476   -@keyframes flip {
3477   - 0% {
3478   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
3479   - transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
3480   - -webkit-animation-timing-function: ease-out;
3481   - animation-timing-function: ease-out;
3482   - }
3483   - 40% {
3484   - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
3485   - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
3486   - -webkit-animation-timing-function: ease-out;
3487   - animation-timing-function: ease-out;
3488   - }
3489   - 50% {
3490   - -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
3491   - transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
3492   - -webkit-animation-timing-function: ease-in;
3493   - animation-timing-function: ease-in;
3494   - }
3495   - 80% {
3496   - -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
3497   - transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
3498   - -webkit-animation-timing-function: ease-in;
3499   - animation-timing-function: ease-in;
3500   - }
3501   - 100% {
3502   - -webkit-transform: perspective(400px);
3503   - transform: perspective(400px);
3504   - -webkit-animation-timing-function: ease-in;
3505   - animation-timing-function: ease-in;
3506   - }
3507   -}
3508   -.animated.flip {
3509   - -webkit-backface-visibility: visible;
3510   - backface-visibility: visible;
3511   - -webkit-animation-name: flip;
3512   - animation-name: flip;
3513   -}
3514   -@-webkit-keyframes flipInX {
3515   - 0% {
3516   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3517   - transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3518   - -webkit-transition-timing-function: ease-in;
3519   - transition-timing-function: ease-in;
3520   - opacity: 0;
3521   - }
3522   - 40% {
3523   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3524   - transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3525   - -webkit-transition-timing-function: ease-in;
3526   - transition-timing-function: ease-in;
3527   - }
3528   - 60% {
3529   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
3530   - transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
3531   - opacity: 1;
3532   - }
3533   - 80% {
3534   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
3535   - transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
3536   - }
3537   - 100% {
3538   - -webkit-transform: perspective(400px);
3539   - transform: perspective(400px);
3540   - }
3541   -}
3542   -@keyframes flipInX {
3543   - 0% {
3544   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3545   - transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3546   - -webkit-transition-timing-function: ease-in;
3547   - transition-timing-function: ease-in;
3548   - opacity: 0;
3549   - }
3550   - 40% {
3551   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3552   - transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3553   - -webkit-transition-timing-function: ease-in;
3554   - transition-timing-function: ease-in;
3555   - }
3556   - 60% {
3557   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
3558   - transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
3559   - opacity: 1;
3560   - }
3561   - 80% {
3562   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
3563   - transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
3564   - }
3565   - 100% {
3566   - -webkit-transform: perspective(400px);
3567   - transform: perspective(400px);
3568   - }
3569   -}
3570   -.flipInX {
3571   - -webkit-backface-visibility: visible !important;
3572   - backface-visibility: visible !important;
3573   - -webkit-animation-name: flipInX;
3574   - animation-name: flipInX;
3575   -}
3576   -@-webkit-keyframes flipInY {
3577   - 0% {
3578   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
3579   - transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
3580   - -webkit-transition-timing-function: ease-in;
3581   - transition-timing-function: ease-in;
3582   - opacity: 0;
3583   - }
3584   - 40% {
3585   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
3586   - transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
3587   - -webkit-transition-timing-function: ease-in;
3588   - transition-timing-function: ease-in;
3589   - }
3590   - 60% {
3591   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
3592   - transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
3593   - opacity: 1;
3594   - }
3595   - 80% {
3596   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
3597   - transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
3598   - }
3599   - 100% {
3600   - -webkit-transform: perspective(400px);
3601   - transform: perspective(400px);
3602   - }
3603   -}
3604   -@keyframes flipInY {
3605   - 0% {
3606   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
3607   - transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
3608   - -webkit-transition-timing-function: ease-in;
3609   - transition-timing-function: ease-in;
3610   - opacity: 0;
3611   - }
3612   - 40% {
3613   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
3614   - transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
3615   - -webkit-transition-timing-function: ease-in;
3616   - transition-timing-function: ease-in;
3617   - }
3618   - 60% {
3619   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
3620   - transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
3621   - opacity: 1;
3622   - }
3623   - 80% {
3624   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
3625   - transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
3626   - }
3627   - 100% {
3628   - -webkit-transform: perspective(400px);
3629   - transform: perspective(400px);
3630   - }
3631   -}
3632   -.flipInY {
3633   - -webkit-backface-visibility: visible !important;
3634   - backface-visibility: visible !important;
3635   - -webkit-animation-name: flipInY;
3636   - animation-name: flipInY;
3637   -}
3638   -@-webkit-keyframes flipOutX {
3639   - 0% {
3640   - -webkit-transform: perspective(400px);
3641   - transform: perspective(400px);
3642   - }
3643   - 30% {
3644   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3645   - transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3646   - opacity: 1;
3647   - }
3648   - 100% {
3649   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3650   - transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3651   - opacity: 0;
3652   - }
3653   -}
3654   -@keyframes flipOutX {
3655   - 0% {
3656   - -webkit-transform: perspective(400px);
3657   - transform: perspective(400px);
3658   - }
3659   - 30% {
3660   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3661   - transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
3662   - opacity: 1;
3663   - }
3664   - 100% {
3665   - -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3666   - transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
3667   - opacity: 0;
3668   - }
3669   -}
3670   -.flipOutX {
3671   - -webkit-animation-name: flipOutX;
3672   - animation-name: flipOutX;
3673   - -webkit-animation-duration: .75s;
3674   - animation-duration: .75s;
3675   - -webkit-backface-visibility: visible !important;
3676   - backface-visibility: visible !important;
3677   -}
3678   -@-webkit-keyframes flipOutY {
3679   - 0% {
3680   - -webkit-transform: perspective(400px);
3681   - transform: perspective(400px);
3682   - }
3683   - 30% {
3684   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
3685   - transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
3686   - opacity: 1;
3687   - }
3688   - 100% {
3689   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
3690   - transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
3691   - opacity: 0;
3692   - }
3693   -}
3694   -@keyframes flipOutY {
3695   - 0% {
3696   - -webkit-transform: perspective(400px);
3697   - transform: perspective(400px);
3698   - }
3699   - 30% {
3700   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
3701   - transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
3702   - opacity: 1;
3703   - }
3704   - 100% {
3705   - -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
3706   - transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
3707   - opacity: 0;
3708   - }
3709   -}
3710   -.flipOutY {
3711   - -webkit-backface-visibility: visible !important;
3712   - backface-visibility: visible !important;
3713   - -webkit-animation-name: flipOutY;
3714   - animation-name: flipOutY;
3715   - -webkit-animation-duration: .75s;
3716   - animation-duration: .75s;
3717   -}
3718   -@-webkit-keyframes lightSpeedIn {
3719   - 0% {
3720   - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
3721   - transform: translate3d(100%, 0, 0) skewX(-30deg);
3722   - opacity: 0;
3723   - }
3724   - 60% {
3725   - -webkit-transform: skewX(20deg);
3726   - transform: skewX(20deg);
3727   - opacity: 1;
3728   - }
3729   - 80% {
3730   - -webkit-transform: skewX(-5deg);
3731   - transform: skewX(-5deg);
3732   - opacity: 1;
3733   - }
3734   - 100% {
3735   - -webkit-transform: none;
3736   - transform: none;
3737   - opacity: 1;
3738   - }
3739   -}
3740   -@keyframes lightSpeedIn {
3741   - 0% {
3742   - -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
3743   - transform: translate3d(100%, 0, 0) skewX(-30deg);
3744   - opacity: 0;
3745   - }
3746   - 60% {
3747   - -webkit-transform: skewX(20deg);
3748   - transform: skewX(20deg);
3749   - opacity: 1;
3750   - }
3751   - 80% {
3752   - -webkit-transform: skewX(-5deg);
3753   - transform: skewX(-5deg);
3754   - opacity: 1;
3755   - }
3756   - 100% {
3757   - -webkit-transform: none;
3758   - transform: none;
3759   - opacity: 1;
3760   - }
3761   -}
3762   -.lightSpeedIn {
3763   - -webkit-animation-name: lightSpeedIn;
3764   - animation-name: lightSpeedIn;
3765   - -webkit-animation-timing-function: ease-out;
3766   - animation-timing-function: ease-out;
3767   -}
3768   -@-webkit-keyframes lightSpeedOut {
3769   - 0% {
3770   - opacity: 1;
3771   - }
3772   - 100% {
3773   - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
3774   - transform: translate3d(100%, 0, 0) skewX(30deg);
3775   - opacity: 0;
3776   - }
3777   -}
3778   -@keyframes lightSpeedOut {
3779   - 0% {
3780   - opacity: 1;
3781   - }
3782   - 100% {
3783   - -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
3784   - transform: translate3d(100%, 0, 0) skewX(30deg);
3785   - opacity: 0;
3786   - }
3787   -}
3788   -.lightSpeedOut {
3789   - -webkit-animation-name: lightSpeedOut;
3790   - animation-name: lightSpeedOut;
3791   - -webkit-animation-timing-function: ease-in;
3792   - animation-timing-function: ease-in;
3793   -}
3794   -@-webkit-keyframes rotateIn {
3795   - 0% {
3796   - -webkit-transform-origin: center;
3797   - transform-origin: center;
3798   - -webkit-transform: rotate3d(0, 0, 1, -200deg);
3799   - transform: rotate3d(0, 0, 1, -200deg);
3800   - opacity: 0;
3801   - }
3802   - 100% {
3803   - -webkit-transform-origin: center;
3804   - transform-origin: center;
3805   - -webkit-transform: none;
3806   - transform: none;
3807   - opacity: 1;
3808   - }
3809   -}
3810   -@keyframes rotateIn {
3811   - 0% {
3812   - -webkit-transform-origin: center;
3813   - transform-origin: center;
3814   - -webkit-transform: rotate3d(0, 0, 1, -200deg);
3815   - transform: rotate3d(0, 0, 1, -200deg);
3816   - opacity: 0;
3817   - }
3818   - 100% {
3819   - -webkit-transform-origin: center;
3820   - transform-origin: center;
3821   - -webkit-transform: none;
3822   - transform: none;
3823   - opacity: 1;
3824   - }
3825   -}
3826   -.rotateIn {
3827   - -webkit-animation-name: rotateIn;
3828   - animation-name: rotateIn;
3829   -}
3830   -@-webkit-keyframes rotateInDownLeft {
3831   - 0% {
3832   - -webkit-transform-origin: left bottom;
3833   - transform-origin: left bottom;
3834   - -webkit-transform: rotate3d(0, 0, 1, -45deg);
3835   - transform: rotate3d(0, 0, 1, -45deg);
3836   - opacity: 0;
3837   - }
3838   - 100% {
3839   - -webkit-transform-origin: left bottom;
3840   - transform-origin: left bottom;
3841   - -webkit-transform: none;
3842   - transform: none;
3843   - opacity: 1;
3844   - }
3845   -}
3846   -@keyframes rotateInDownLeft {
3847   - 0% {
3848   - -webkit-transform-origin: left bottom;
3849   - transform-origin: left bottom;
3850   - -webkit-transform: rotate3d(0, 0, 1, -45deg);
3851   - transform: rotate3d(0, 0, 1, -45deg);
3852   - opacity: 0;
3853   - }
3854   - 100% {
3855   - -webkit-transform-origin: left bottom;
3856   - transform-origin: left bottom;
3857   - -webkit-transform: none;
3858   - transform: none;
3859   - opacity: 1;
3860   - }
3861   -}
3862   -.rotateInDownLeft {
3863   - -webkit-animation-name: rotateInDownLeft;
3864   - animation-name: rotateInDownLeft;
3865   -}
3866   -@-webkit-keyframes rotateInDownRight {
3867   - 0% {
3868   - -webkit-transform-origin: right bottom;
3869   - transform-origin: right bottom;
3870   - -webkit-transform: rotate3d(0, 0, 1, 45deg);
3871   - transform: rotate3d(0, 0, 1, 45deg);
3872   - opacity: 0;
3873   - }
3874   - 100% {
3875   - -webkit-transform-origin: right bottom;
3876   - transform-origin: right bottom;
3877   - -webkit-transform: none;
3878   - transform: none;
3879   - opacity: 1;
3880   - }
3881   -}
3882   -@keyframes rotateInDownRight {
3883   - 0% {
3884   - -webkit-transform-origin: right bottom;
3885   - transform-origin: right bottom;
3886   - -webkit-transform: rotate3d(0, 0, 1, 45deg);
3887   - transform: rotate3d(0, 0, 1, 45deg);
3888   - opacity: 0;
3889   - }
3890   - 100% {
3891   - -webkit-transform-origin: right bottom;
3892   - transform-origin: right bottom;
3893   - -webkit-transform: none;
3894   - transform: none;
3895   - opacity: 1;
3896   - }
3897   -}
3898   -.rotateInDownRight {
3899   - -webkit-animation-name: rotateInDownRight;
3900   - animation-name: rotateInDownRight;
3901   -}
3902   -@-webkit-keyframes rotateInUpLeft {
3903   - 0% {
3904   - -webkit-transform-origin: left bottom;
3905   - transform-origin: left bottom;
3906   - -webkit-transform: rotate3d(0, 0, 1, 45deg);
3907   - transform: rotate3d(0, 0, 1, 45deg);
3908   - opacity: 0;
3909   - }
3910   - 100% {
3911   - -webkit-transform-origin: left bottom;
3912   - transform-origin: left bottom;
3913   - -webkit-transform: none;
3914   - transform: none;
3915   - opacity: 1;
3916   - }
3917   -}
3918   -@keyframes rotateInUpLeft {
3919   - 0% {
3920   - -webkit-transform-origin: left bottom;
3921   - transform-origin: left bottom;
3922   - -webkit-transform: rotate3d(0, 0, 1, 45deg);
3923   - transform: rotate3d(0, 0, 1, 45deg);
3924   - opacity: 0;
3925   - }
3926   - 100% {
3927   - -webkit-transform-origin: left bottom;
3928   - transform-origin: left bottom;
3929   - -webkit-transform: none;
3930   - transform: none;
3931   - opacity: 1;
3932   - }
3933   -}
3934   -.rotateInUpLeft {
3935   - -webkit-animation-name: rotateInUpLeft;
3936   - animation-name: rotateInUpLeft;
3937   -}
3938   -@-webkit-keyframes rotateInUpRight {
3939   - 0% {
3940   - -webkit-transform-origin: right bottom;
3941   - transform-origin: right bottom;
3942   - -webkit-transform: rotate3d(0, 0, 1, -90deg);
3943   - transform: rotate3d(0, 0, 1, -90deg);
3944   - opacity: 0;
3945   - }
3946   - 100% {
3947   - -webkit-transform-origin: right bottom;
3948   - transform-origin: right bottom;
3949   - -webkit-transform: none;
3950   - transform: none;
3951   - opacity: 1;
3952   - }
3953   -}
3954   -@keyframes rotateInUpRight {
3955   - 0% {
3956   - -webkit-transform-origin: right bottom;
3957   - transform-origin: right bottom;
3958   - -webkit-transform: rotate3d(0, 0, 1, -90deg);
3959   - transform: rotate3d(0, 0, 1, -90deg);
3960   - opacity: 0;
3961   - }
3962   - 100% {
3963   - -webkit-transform-origin: right bottom;
3964   - transform-origin: right bottom;
3965   - -webkit-transform: none;
3966   - transform: none;
3967   - opacity: 1;
3968   - }
3969   -}
3970   -.rotateInUpRight {
3971   - -webkit-animation-name: rotateInUpRight;
3972   - animation-name: rotateInUpRight;
3973   -}
3974   -@-webkit-keyframes rotateOut {
3975   - 0% {
3976   - -webkit-transform-origin: center;
3977   - transform-origin: center;
3978   - opacity: 1;
3979   - }
3980   - 100% {
3981   - -webkit-transform-origin: center;
3982   - transform-origin: center;
3983   - -webkit-transform: rotate3d(0, 0, 1, 200deg);
3984   - transform: rotate3d(0, 0, 1, 200deg);
3985   - opacity: 0;
3986   - }
3987   -}
3988   -@keyframes rotateOut {
3989   - 0% {
3990   - -webkit-transform-origin: center;
3991   - transform-origin: center;
3992   - opacity: 1;
3993   - }
3994   - 100% {
3995   - -webkit-transform-origin: center;
3996   - transform-origin: center;
3997   - -webkit-transform: rotate3d(0, 0, 1, 200deg);
3998   - transform: rotate3d(0, 0, 1, 200deg);
3999   - opacity: 0;
4000   - }
4001   -}
4002   -.rotateOut {
4003   - -webkit-animation-name: rotateOut;
4004   - animation-name: rotateOut;
4005   -}
4006   -@-webkit-keyframes rotateOutDownLeft {
4007   - 0% {
4008   - -webkit-transform-origin: left bottom;
4009   - transform-origin: left bottom;
4010   - opacity: 1;
4011   - }
4012   - 100% {
4013   - -webkit-transform-origin: left bottom;
4014   - transform-origin: left bottom;
4015   - -webkit-transform: rotate3d(0, 0, 1, 45deg);
4016   - transform: rotate3d(0, 0, 1, 45deg);
4017   - opacity: 0;
4018   - }
4019   -}
4020   -@keyframes rotateOutDownLeft {
4021   - 0% {
4022   - -webkit-transform-origin: left bottom;
4023   - transform-origin: left bottom;
4024   - opacity: 1;
4025   - }
4026   - 100% {
4027   - -webkit-transform-origin: left bottom;
4028   - transform-origin: left bottom;
4029   - -webkit-transform: rotate3d(0, 0, 1, 45deg);
4030   - transform: rotate3d(0, 0, 1, 45deg);
4031   - opacity: 0;
4032   - }
4033   -}
4034   -.rotateOutDownLeft {
4035   - -webkit-animation-name: rotateOutDownLeft;
4036   - animation-name: rotateOutDownLeft;
4037   -}
4038   -@-webkit-keyframes rotateOutDownRight {
4039   - 0% {
4040   - -webkit-transform-origin: right bottom;
4041   - transform-origin: right bottom;
4042   - opacity: 1;
4043   - }
4044   - 100% {
4045   - -webkit-transform-origin: right bottom;
4046   - transform-origin: right bottom;
4047   - -webkit-transform: rotate3d(0, 0, 1, -45deg);
4048   - transform: rotate3d(0, 0, 1, -45deg);
4049   - opacity: 0;
4050   - }
4051   -}
4052   -@keyframes rotateOutDownRight {
4053   - 0% {
4054   - -webkit-transform-origin: right bottom;
4055   - transform-origin: right bottom;
4056   - opacity: 1;
4057   - }
4058   - 100% {
4059   - -webkit-transform-origin: right bottom;
4060   - transform-origin: right bottom;
4061   - -webkit-transform: rotate3d(0, 0, 1, -45deg);
4062   - transform: rotate3d(0, 0, 1, -45deg);
4063   - opacity: 0;
4064   - }
4065   -}
4066   -.rotateOutDownRight {
4067   - -webkit-animation-name: rotateOutDownRight;
4068   - animation-name: rotateOutDownRight;
4069   -}
4070   -@-webkit-keyframes rotateOutUpLeft {
4071   - 0% {
4072   - -webkit-transform-origin: left bottom;
4073   - transform-origin: left bottom;
4074   - opacity: 1;
4075   - }
4076   - 100% {
4077   - -webkit-transform-origin: left bottom;
4078   - transform-origin: left bottom;
4079   - -webkit-transform: rotate3d(0, 0, 1, -45deg);
4080   - transform: rotate3d(0, 0, 1, -45deg);
4081   - opacity: 0;
4082   - }
4083   -}
4084   -@keyframes rotateOutUpLeft {
4085   - 0% {
4086   - -webkit-transform-origin: left bottom;
4087   - transform-origin: left bottom;
4088   - opacity: 1;
4089   - }
4090   - 100% {
4091   - -webkit-transform-origin: left bottom;
4092   - transform-origin: left bottom;
4093   - -webkit-transform: rotate3d(0, 0, 1, -45deg);
4094   - transform: rotate3d(0, 0, 1, -45deg);
4095   - opacity: 0;
4096   - }
4097   -}
4098   -.rotateOutUpLeft {
4099   - -webkit-animation-name: rotateOutUpLeft;
4100   - animation-name: rotateOutUpLeft;
4101   -}
4102   -@-webkit-keyframes rotateOutUpRight {
4103   - 0% {
4104   - -webkit-transform-origin: right bottom;
4105   - transform-origin: right bottom;
4106   - opacity: 1;
4107   - }
4108   - 100% {
4109   - -webkit-transform-origin: right bottom;
4110   - transform-origin: right bottom;
4111   - -webkit-transform: rotate3d(0, 0, 1, 90deg);
4112   - transform: rotate3d(0, 0, 1, 90deg);
4113   - opacity: 0;
4114   - }
4115   -}
4116   -@keyframes rotateOutUpRight {
4117   - 0% {
4118   - -webkit-transform-origin: right bottom;
4119   - transform-origin: right bottom;
4120   - opacity: 1;
4121   - }
4122   - 100% {
4123   - -webkit-transform-origin: right bottom;
4124   - transform-origin: right bottom;
4125   - -webkit-transform: rotate3d(0, 0, 1, 90deg);
4126   - transform: rotate3d(0, 0, 1, 90deg);
4127   - opacity: 0;
4128   - }
4129   -}
4130   -.rotateOutUpRight {
4131   - -webkit-animation-name: rotateOutUpRight;
4132   - animation-name: rotateOutUpRight;
4133   -}
4134   -@-webkit-keyframes hinge {
4135   - 0% {
4136   - -webkit-transform-origin: top left;
4137   - transform-origin: top left;
4138   - -webkit-animation-timing-function: ease-in-out;
4139   - animation-timing-function: ease-in-out;
4140   - }
4141   - 20%,
4142   - 60% {
4143   - -webkit-transform: rotate3d(0, 0, 1, 80deg);
4144   - transform: rotate3d(0, 0, 1, 80deg);
4145   - -webkit-transform-origin: top left;
4146   - transform-origin: top left;
4147   - -webkit-animation-timing-function: ease-in-out;
4148   - animation-timing-function: ease-in-out;
4149   - }
4150   - 40%,
4151   - 80% {
4152   - -webkit-transform: rotate3d(0, 0, 1, 60deg);
4153   - transform: rotate3d(0, 0, 1, 60deg);
4154   - -webkit-transform-origin: top left;
4155   - transform-origin: top left;
4156   - -webkit-animation-timing-function: ease-in-out;
4157   - animation-timing-function: ease-in-out;
4158   - opacity: 1;
4159   - }
4160   - 100% {
4161   - -webkit-transform: translate3d(0, 700px, 0);
4162   - transform: translate3d(0, 700px, 0);
4163   - opacity: 0;
4164   - }
4165   -}
4166   -@keyframes hinge {
4167   - 0% {
4168   - -webkit-transform-origin: top left;
4169   - transform-origin: top left;
4170   - -webkit-animation-timing-function: ease-in-out;
4171   - animation-timing-function: ease-in-out;
4172   - }
4173   - 20%,
4174   - 60% {
4175   - -webkit-transform: rotate3d(0, 0, 1, 80deg);
4176   - transform: rotate3d(0, 0, 1, 80deg);
4177   - -webkit-transform-origin: top left;
4178   - transform-origin: top left;
4179   - -webkit-animation-timing-function: ease-in-out;
4180   - animation-timing-function: ease-in-out;
4181   - }
4182   - 40%,
4183   - 80% {
4184   - -webkit-transform: rotate3d(0, 0, 1, 60deg);
4185   - transform: rotate3d(0, 0, 1, 60deg);
4186   - -webkit-transform-origin: top left;
4187   - transform-origin: top left;
4188   - -webkit-animation-timing-function: ease-in-out;
4189   - animation-timing-function: ease-in-out;
4190   - opacity: 1;
4191   - }
4192   - 100% {
4193   - -webkit-transform: translate3d(0, 700px, 0);
4194   - transform: translate3d(0, 700px, 0);
4195   - opacity: 0;
4196   - }
4197   -}
4198   -.hinge {
4199   - -webkit-animation-name: hinge;
4200   - animation-name: hinge;
4201   -}
4202   -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
4203   -@-webkit-keyframes rollIn {
4204   - 0% {
4205   - opacity: 0;
4206   - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
4207   - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
4208   - }
4209   - 100% {
4210   - opacity: 1;
4211   - -webkit-transform: none;
4212   - transform: none;
4213   - }
4214   -}
4215   -@keyframes rollIn {
4216   - 0% {
4217   - opacity: 0;
4218   - -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
4219   - transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
4220   - }
4221   - 100% {
4222   - opacity: 1;
4223   - -webkit-transform: none;
4224   - transform: none;
4225   - }
4226   -}
4227   -.rollIn {
4228   - -webkit-animation-name: rollIn;
4229   - animation-name: rollIn;
4230   -}
4231   -/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
4232   -@-webkit-keyframes rollOut {
4233   - 0% {
4234   - opacity: 1;
4235   - }
4236   - 100% {
4237   - opacity: 0;
4238   - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
4239   - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
4240   - }
4241   -}
4242   -@keyframes rollOut {
4243   - 0% {
4244   - opacity: 1;
4245   - }
4246   - 100% {
4247   - opacity: 0;
4248   - -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
4249   - transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
4250   - }
4251   -}
4252   -.rollOut {
4253   - -webkit-animation-name: rollOut;
4254   - animation-name: rollOut;
4255   -}
4256   -@-webkit-keyframes zoomIn {
4257   - 0% {
4258   - opacity: 0;
4259   - -webkit-transform: scale3d(0.3, 0.3, 0.3);
4260   - transform: scale3d(0.3, 0.3, 0.3);
4261   - }
4262   - 50% {
4263   - opacity: 1;
4264   - }
4265   -}
4266   -@keyframes zoomIn {
4267   - 0% {
4268   - opacity: 0;
4269   - -webkit-transform: scale3d(0.3, 0.3, 0.3);
4270   - transform: scale3d(0.3, 0.3, 0.3);
4271   - }
4272   - 50% {
4273   - opacity: 1;
4274   - }
4275   -}
4276   -.zoomIn {
4277   - -webkit-animation-name: zoomIn;
4278   - animation-name: zoomIn;
4279   -}
4280   -@-webkit-keyframes zoomInDown {
4281   - 0% {
4282   - opacity: 0;
4283   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
4284   - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
4285   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4286   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4287   - }
4288   - 60% {
4289   - opacity: 1;
4290   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
4291   - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
4292   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4293   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4294   - }
4295   -}
4296   -@keyframes zoomInDown {
4297   - 0% {
4298   - opacity: 0;
4299   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
4300   - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
4301   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4302   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4303   - }
4304   - 60% {
4305   - opacity: 1;
4306   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
4307   - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
4308   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4309   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4310   - }
4311   -}
4312   -.zoomInDown {
4313   - -webkit-animation-name: zoomInDown;
4314   - animation-name: zoomInDown;
4315   -}
4316   -@-webkit-keyframes zoomInLeft {
4317   - 0% {
4318   - opacity: 0;
4319   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
4320   - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
4321   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4322   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4323   - }
4324   - 60% {
4325   - opacity: 1;
4326   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
4327   - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
4328   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4329   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4330   - }
4331   -}
4332   -@keyframes zoomInLeft {
4333   - 0% {
4334   - opacity: 0;
4335   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
4336   - transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
4337   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4338   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4339   - }
4340   - 60% {
4341   - opacity: 1;
4342   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
4343   - transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
4344   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4345   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4346   - }
4347   -}
4348   -.zoomInLeft {
4349   - -webkit-animation-name: zoomInLeft;
4350   - animation-name: zoomInLeft;
4351   -}
4352   -@-webkit-keyframes zoomInRight {
4353   - 0% {
4354   - opacity: 0;
4355   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
4356   - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
4357   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4358   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4359   - }
4360   - 60% {
4361   - opacity: 1;
4362   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
4363   - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
4364   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4365   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4366   - }
4367   -}
4368   -@keyframes zoomInRight {
4369   - 0% {
4370   - opacity: 0;
4371   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
4372   - transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
4373   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4374   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4375   - }
4376   - 60% {
4377   - opacity: 1;
4378   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
4379   - transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
4380   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4381   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4382   - }
4383   -}
4384   -.zoomInRight {
4385   - -webkit-animation-name: zoomInRight;
4386   - animation-name: zoomInRight;
4387   -}
4388   -@-webkit-keyframes zoomInUp {
4389   - 0% {
4390   - opacity: 0;
4391   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
4392   - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
4393   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4394   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4395   - }
4396   - 60% {
4397   - opacity: 1;
4398   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
4399   - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
4400   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4401   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4402   - }
4403   -}
4404   -@keyframes zoomInUp {
4405   - 0% {
4406   - opacity: 0;
4407   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
4408   - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
4409   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4410   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4411   - }
4412   - 60% {
4413   - opacity: 1;
4414   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
4415   - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
4416   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4417   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4418   - }
4419   -}
4420   -.zoomInUp {
4421   - -webkit-animation-name: zoomInUp;
4422   - animation-name: zoomInUp;
4423   -}
4424   -@-webkit-keyframes zoomOut {
4425   - 0% {
4426   - opacity: 1;
4427   - }
4428   - 50% {
4429   - opacity: 0;
4430   - -webkit-transform: scale3d(0.3, 0.3, 0.3);
4431   - transform: scale3d(0.3, 0.3, 0.3);
4432   - }
4433   - 100% {
4434   - opacity: 0;
4435   - }
4436   -}
4437   -@keyframes zoomOut {
4438   - 0% {
4439   - opacity: 1;
4440   - }
4441   - 50% {
4442   - opacity: 0;
4443   - -webkit-transform: scale3d(0.3, 0.3, 0.3);
4444   - transform: scale3d(0.3, 0.3, 0.3);
4445   - }
4446   - 100% {
4447   - opacity: 0;
4448   - }
4449   -}
4450   -.zoomOut {
4451   - -webkit-animation-name: zoomOut;
4452   - animation-name: zoomOut;
4453   -}
4454   -@-webkit-keyframes zoomOutDown {
4455   - 40% {
4456   - opacity: 1;
4457   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
4458   - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
4459   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4460   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4461   - }
4462   - 100% {
4463   - opacity: 0;
4464   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
4465   - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
4466   - -webkit-transform-origin: center bottom;
4467   - transform-origin: center bottom;
4468   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4469   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4470   - }
4471   -}
4472   -@keyframes zoomOutDown {
4473   - 40% {
4474   - opacity: 1;
4475   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
4476   - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
4477   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4478   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4479   - }
4480   - 100% {
4481   - opacity: 0;
4482   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
4483   - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
4484   - -webkit-transform-origin: center bottom;
4485   - transform-origin: center bottom;
4486   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4487   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4488   - }
4489   -}
4490   -.zoomOutDown {
4491   - -webkit-animation-name: zoomOutDown;
4492   - animation-name: zoomOutDown;
4493   -}
4494   -@-webkit-keyframes zoomOutLeft {
4495   - 40% {
4496   - opacity: 1;
4497   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
4498   - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
4499   - }
4500   - 100% {
4501   - opacity: 0;
4502   - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
4503   - transform: scale(0.1) translate3d(-2000px, 0, 0);
4504   - -webkit-transform-origin: left center;
4505   - transform-origin: left center;
4506   - }
4507   -}
4508   -@keyframes zoomOutLeft {
4509   - 40% {
4510   - opacity: 1;
4511   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
4512   - transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
4513   - }
4514   - 100% {
4515   - opacity: 0;
4516   - -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
4517   - transform: scale(0.1) translate3d(-2000px, 0, 0);
4518   - -webkit-transform-origin: left center;
4519   - transform-origin: left center;
4520   - }
4521   -}
4522   -.zoomOutLeft {
4523   - -webkit-animation-name: zoomOutLeft;
4524   - animation-name: zoomOutLeft;
4525   -}
4526   -@-webkit-keyframes zoomOutRight {
4527   - 40% {
4528   - opacity: 1;
4529   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
4530   - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
4531   - }
4532   - 100% {
4533   - opacity: 0;
4534   - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
4535   - transform: scale(0.1) translate3d(2000px, 0, 0);
4536   - -webkit-transform-origin: right center;
4537   - transform-origin: right center;
4538   - }
4539   -}
4540   -@keyframes zoomOutRight {
4541   - 40% {
4542   - opacity: 1;
4543   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
4544   - transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
4545   - }
4546   - 100% {
4547   - opacity: 0;
4548   - -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
4549   - transform: scale(0.1) translate3d(2000px, 0, 0);
4550   - -webkit-transform-origin: right center;
4551   - transform-origin: right center;
4552   - }
4553   -}
4554   -.zoomOutRight {
4555   - -webkit-animation-name: zoomOutRight;
4556   - animation-name: zoomOutRight;
4557   -}
4558   -@-webkit-keyframes zoomOutUp {
4559   - 40% {
4560   - opacity: 1;
4561   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
4562   - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
4563   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4564   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4565   - }
4566   - 100% {
4567   - opacity: 0;
4568   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
4569   - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
4570   - -webkit-transform-origin: center bottom;
4571   - transform-origin: center bottom;
4572   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4573   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4574   - }
4575   -}
4576   -@keyframes zoomOutUp {
4577   - 40% {
4578   - opacity: 1;
4579   - -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
4580   - transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
4581   - -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4582   - animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
4583   - }
4584   - 100% {
4585   - opacity: 0;
4586   - -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
4587   - transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
4588   - -webkit-transform-origin: center bottom;
4589   - transform-origin: center bottom;
4590   - -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4591   - animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
4592   - }
4593   -}
4594   -.zoomOutUp {
4595   - -webkit-animation-name: zoomOutUp;
4596   - animation-name: zoomOutUp;
4597   -}
4598   -@-webkit-keyframes slideInDown {
4599   - 0% {
4600   - -webkit-transform: translateY(-100%);
4601   - transform: translateY(-100%);
4602   - visibility: visible;
4603   - }
4604   - 100% {
4605   - -webkit-transform: translateY(0);
4606   - transform: translateY(0);
4607   - }
4608   -}
4609   -@keyframes slideInDown {
4610   - 0% {
4611   - -webkit-transform: translateY(-100%);
4612   - transform: translateY(-100%);
4613   - visibility: visible;
4614   - }
4615   - 100% {
4616   - -webkit-transform: translateY(0);
4617   - transform: translateY(0);
4618   - }
4619   -}
4620   -.slideInDown {
4621   - -webkit-animation-name: slideInDown;
4622   - animation-name: slideInDown;
4623   -}
4624   -@-webkit-keyframes slideInLeft {
4625   - 0% {
4626   - -webkit-transform: translateX(-100%);
4627   - transform: translateX(-100%);
4628   - visibility: visible;
4629   - }
4630   - 100% {
4631   - -webkit-transform: translateX(0);
4632   - transform: translateX(0);
4633   - }
4634   -}
4635   -@keyframes slideInLeft {
4636   - 0% {
4637   - -webkit-transform: translateX(-100%);
4638   - transform: translateX(-100%);
4639   - visibility: visible;
4640   - }
4641   - 100% {
4642   - -webkit-transform: translateX(0);
4643   - transform: translateX(0);
4644   - }
4645   -}
4646   -.slideInLeft {
4647   - -webkit-animation-name: slideInLeft;
4648   - animation-name: slideInLeft;
4649   -}
4650   -@-webkit-keyframes slideInRight {
4651   - 0% {
4652   - -webkit-transform: translateX(100%);
4653   - transform: translateX(100%);
4654   - visibility: visible;
4655   - }
4656   - 100% {
4657   - -webkit-transform: translateX(0);
4658   - transform: translateX(0);
4659   - }
4660   -}
4661   -@keyframes slideInRight {
4662   - 0% {
4663   - -webkit-transform: translateX(100%);
4664   - transform: translateX(100%);
4665   - visibility: visible;
4666   - }
4667   - 100% {
4668   - -webkit-transform: translateX(0);
4669   - transform: translateX(0);
4670   - }
4671   -}
4672   -.slideInRight {
4673   - -webkit-animation-name: slideInRight;
4674   - animation-name: slideInRight;
4675   -}
4676   -@-webkit-keyframes slideInUp {
4677   - 0% {
4678   - -webkit-transform: translateY(100%);
4679   - transform: translateY(100%);
4680   - visibility: visible;
4681   - }
4682   - 100% {
4683   - -webkit-transform: translateY(0);
4684   - transform: translateY(0);
4685   - }
4686   -}
4687   -@keyframes slideInUp {
4688   - 0% {
4689   - -webkit-transform: translateY(100%);
4690   - transform: translateY(100%);
4691   - visibility: visible;
4692   - }
4693   - 100% {
4694   - -webkit-transform: translateY(0);
4695   - transform: translateY(0);
4696   - }
4697   -}
4698   -.slideInUp {
4699   - -webkit-animation-name: slideInUp;
4700   - animation-name: slideInUp;
4701   -}
4702   -@-webkit-keyframes slideOutDown {
4703   - 0% {
4704   - -webkit-transform: translateY(0);
4705   - transform: translateY(0);
4706   - }
4707   - 100% {
4708   - visibility: hidden;
4709   - -webkit-transform: translateY(100%);
4710   - transform: translateY(100%);
4711   - }
4712   -}
4713   -@keyframes slideOutDown {
4714   - 0% {
4715   - -webkit-transform: translateY(0);
4716   - transform: translateY(0);
4717   - }
4718   - 100% {
4719   - visibility: hidden;
4720   - -webkit-transform: translateY(100%);
4721   - transform: translateY(100%);
4722   - }
4723   -}
4724   -.slideOutDown {
4725   - -webkit-animation-name: slideOutDown;
4726   - animation-name: slideOutDown;
4727   -}
4728   -@-webkit-keyframes slideOutLeft {
4729   - 0% {
4730   - -webkit-transform: translateX(0);
4731   - transform: translateX(0);
4732   - }
4733   - 100% {
4734   - visibility: hidden;
4735   - -webkit-transform: translateX(-100%);
4736   - transform: translateX(-100%);
4737   - }
4738   -}
4739   -@keyframes slideOutLeft {
4740   - 0% {
4741   - -webkit-transform: translateX(0);
4742   - transform: translateX(0);
4743   - }
4744   - 100% {
4745   - visibility: hidden;
4746   - -webkit-transform: translateX(-100%);
4747   - transform: translateX(-100%);
4748   - }
4749   -}
4750   -.slideOutLeft {
4751   - -webkit-animation-name: slideOutLeft;
4752   - animation-name: slideOutLeft;
4753   -}
4754   -@-webkit-keyframes slideOutRight {
4755   - 0% {
4756   - -webkit-transform: translateX(0);
4757   - transform: translateX(0);
4758   - }
4759   - 100% {
4760   - visibility: hidden;
4761   - -webkit-transform: translateX(100%);
4762   - transform: translateX(100%);
4763   - }
4764   -}
4765   -@keyframes slideOutRight {
4766   - 0% {
4767   - -webkit-transform: translateX(0);
4768   - transform: translateX(0);
4769   - }
4770   - 100% {
4771   - visibility: hidden;
4772   - -webkit-transform: translateX(100%);
4773   - transform: translateX(100%);
4774   - }
4775   -}
4776   -.slideOutRight {
4777   - -webkit-animation-name: slideOutRight;
4778   - animation-name: slideOutRight;
4779   -}
4780   -@-webkit-keyframes slideOutUp {
4781   - 0% {
4782   - -webkit-transform: translateY(0);
4783   - transform: translateY(0);
4784   - }
4785   - 100% {
4786   - visibility: hidden;
4787   - -webkit-transform: translateY(-100%);
4788   - transform: translateY(-100%);
4789   - }
4790   -}
4791   -@keyframes slideOutUp {
4792   - 0% {
4793   - -webkit-transform: translateY(0);
4794   - transform: translateY(0);
4795   - }
4796   - 100% {
4797   - visibility: hidden;
4798   - -webkit-transform: translateY(-100%);
4799   - transform: translateY(-100%);
4800   - }
4801   -}
4802   -.slideOutUp {
4803   - -webkit-animation-name: slideOutUp;
4804   - animation-name: slideOutUp;
4805   -}
4806 1788 * {
4807 1789 margin: 0;
4808 1790 padding: 0;
4809 1791 border: none;
4810 1792 -webkit-text-size-adjust: none;
  1793 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
4811 1794 }
4812 1795 ul {
4813 1796 list-style: none;
... ... @@ -4833,13 +1816,14 @@ ul {
4833 1816 font-size: 14px;
4834 1817 }
4835 1818 .s-page {
4836   - position: absolute;
  1819 + position: fixed;
4837 1820 left: 0;
4838 1821 top: 0;
4839 1822 width: 100%;
4840 1823 min-height: 100%;
4841 1824 background: #f5f5f5;
4842 1825 display: none;
  1826 + z-index: 99;
4843 1827 }
4844 1828 .transition-wrapper {
4845 1829 height: 100%;
... ... @@ -4936,14 +1920,14 @@ ul {
4936 1920 .to-app-box .app-close {
4937 1921 width: 18px;
4938 1922 height: 19px;
4939   - background: url("../../images/icon.png") -38px -343px no-repeat;
4940   - background-size: 150px;
  1923 + background: url("../../images/icon/d-x.png") 0 0 no-repeat;
  1924 + background-size: 18px;
4941 1925 }
4942 1926 .to-app-box .app-logo {
4943 1927 width: 35px;
4944   - height: 36px;
4945   - background: url("../../images/icon.png") 0 -343px no-repeat;
4946   - background-size: 150px;
  1928 + height: 35px;
  1929 + background: url("../../images/icon/d-logo.png") 0 0 no-repeat;
  1930 + background-size: 35px;
4947 1931 }
4948 1932 .to-app-box .app-info {
4949 1933 color: #fff;
... ... @@ -4956,6 +1940,33 @@ ul {
4956 1940 width: 89px;
4957 1941 height: 36px;
4958 1942 margin-top: 3px;
4959   - background: url("../../images/icon.png") -61px -343px no-repeat;
4960   - background-size: 150px;
  1943 + background: url("../../images/icon/d-btn.png") 0 0 no-repeat;
  1944 + background-size: 87px;
  1945 +}
  1946 +/*重置按钮*/
  1947 +.clear-view {
  1948 + text-align: center;
  1949 + padding-top: 10px;
  1950 +}
  1951 +.clear-view .m-btn {
  1952 + padding: 0 30px;
  1953 + line-height: 40px;
  1954 +}
  1955 +.ui-loader-default {
  1956 + width: 4.125em;
  1957 + height: 4.125em;
  1958 + margin-left: -2.0625em;
  1959 + margin-top: -2.0625em;
  1960 + filter: alpha(opacity=100);
  1961 + opacity: 1;
  1962 +}
  1963 +.ui-loader .ui-icon-loading {
  1964 + width: 4em;
  1965 + height: 4em;
  1966 + border-radius: 0;
  1967 + background-color: transparent;
  1968 +}
  1969 +.ui-icon-loading {
  1970 + background: url(../../images/ajax-loader.gif) center center no-repeat;
  1971 + background-size: 4.125em 4.125em;
4961 1972 }
... ...
css/style/common.less 0 → 100644
  View file @95fdc32
  1 +/***************************************************
  2 +* feature : 零散的ui组件的集合;
  3 +* update : 2015/02/03;
  4 +* use : import 本文件;
  5 +* desc : 仅需在HTML Page引入本文件，即可调用到 reset、通用UI样式;
  6 +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
  7 +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
  8 +****************************************************/
  9 +
  10 +
  11 +
  12 +//具体UI组件
  13 +@import "m/m_reset";
  14 +@import "m/var";
  15 +@import "m/m_header";
  16 +@import "m/m_footer";
  17 +@import "m/m_icon";
  18 +@import "m/m_segment";
  19 +@import "m/m_table";
  20 +@import "m/m_btn";
  21 +@import "m/m_form";
  22 +@import "m/m_mask";
  23 +@import "m/m_popup";
  24 +@import "m/m_slider";
  25 +@import "m/m_stat";
  26 +@import "m/m_like";
  27 +@import "m/m_step";
  28 +@import "m/m_message";
  29 +@import "m/m_tips";
  30 +@import "m/m_tab";
  31 +@import "m/m_table_view";
  32 +@import "m/m_actionsheet";
  33 +@import "m/m_dropdown";
  34 +@import "m/utilities";
  35 +@import "m/m_bar";
  36 +@import "m/jquery.mobile.custom.structure.min.css";
  37 +// @import "m/animation";
  38 +
  39 +
  40 +//extend & patch
  41 +
  42 +
  43 +//dev 临时重置方案
  44 +*{
  45 + margin: 0;
  46 + padding: 0;
  47 + border: none;
  48 + -webkit-text-size-adjust: none;
  49 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  50 +}
  51 +ul{
  52 + list-style: none;
  53 +}
  54 +
  55 +.m-page{
  56 + padding-bottom: 80px;
  57 + // background-color: #FFF;
  58 +}
  59 +
  60 +
  61 +.m-list-text{
  62 + background-color: #FFF;
  63 + border-top: 1px solid #ddd;
  64 + li{
  65 + padding: 15px;
  66 + border-bottom: 1px solid #ddd;
  67 + }
  68 + .author{
  69 + float: right;
  70 + font-size: 12px;
  71 + color: #999;
  72 + }
  73 + p{
  74 + color: #666;
  75 + font-size: 14px;
  76 + }
  77 +}
  78 +
  79 +//搜索
  80 +.s-page{
  81 + position: fixed;
  82 + left: 0;
  83 + top:0;
  84 + width: 100%;
  85 + min-height: 100%;
  86 + background: #f5f5f5;
  87 + display: none;
  88 + z-index: 99;
  89 +}
  90 +
  91 +
  92 +
  93 +//页面切换交互
  94 +.transition-wrapper{
  95 + height: 100%;
  96 + width: 100%;
  97 + overflow: hidden;
  98 + .m-page{
  99 + height: 100%;
  100 + overflow-x:hidden;
  101 + overflow-y:auto;
  102 + }
  103 + body{
  104 + height: 100%;
  105 + width: 100%;
  106 + overflow: hidden;
  107 + position: relative;
  108 + }
  109 +}
  110 +.transition-up{
  111 + background: #F5F5F5;
  112 + width: 100%;
  113 + height: 100%;
  114 + position: absolute;
  115 + top: 0;
  116 + left: 0;
  117 + z-index: 999;
  118 + overflow-x: hidden;
  119 + overflow-y: auto;
  120 + padding-bottom: 20px;
  121 + -webkit-transform: translate3d(0px,100%,0px);
  122 + -moz-transform: translate3d(0px,100%,0px);
  123 + transform: translate3d(0px,100%,0px);
  124 + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
  125 + -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
  126 + -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
  127 + transition: transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
  128 + // display: none;
  129 + .transition-content{
  130 + min-height: 100%;
  131 + overflow-x: hidden;
  132 + overflow-y: auto;
  133 + }
  134 + &.show{
  135 + // display: block;
  136 + -webkit-transform: translate3d(0px,0%,0px);
  137 + -moz-transform: translate3d(0px,0%,0px);
  138 + transform: translate3d(0px,0%,0px);
  139 + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
  140 + -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
  141 + -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
  142 + transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
  143 + }
  144 +}
  145 +
  146 + // 没有数据
  147 + .m-no-data{
  148 + margin-top: 50px;
  149 + text-align: center;
  150 + font-size: 18px;
  151 + color:#666;
  152 + .no-data-icon{
  153 + height: 150px;
  154 + background:url("@{imgURI}no-data.png") center center no-repeat;
  155 + background-size: 150px;
  156 + margin-bottom: 20px;
  157 + }
  158 + }
  159 +
  160 +
  161 +// 城市选择
  162 +
  163 +.m-city{
  164 + white-space: nowrap;
  165 + overflow: hidden;
  166 + text-overflow: ellipsis;
  167 + max-width: 70%;
  168 + display: inline-block;
  169 + vertical-align: middle;
  170 +}
  171 +
  172 +
  173 +// app download
  174 +
  175 +.to-app-box{
  176 + position: fixed;
  177 + bottom: -100%;
  178 + left: 0;
  179 + width: 100%;
  180 + .ll{
  181 + float: left;
  182 + }
  183 + .rr{
  184 + float: right;
  185 + }
  186 + .to-app-bg{
  187 + padding: 10px;
  188 + background: rgba(0, 0, 0, 0.70);
  189 + }
  190 + .app-close,
  191 + .app-logo,
  192 + .app-info{
  193 + display: inline-block;
  194 + vertical-align: middle;
  195 + margin-right: 10px;
  196 + }
  197 + .app-close{
  198 + width: 18px;
  199 + height: 19px;
  200 + background: url("../../images/icon/d-x.png") 0 0 no-repeat;
  201 + background-size: 18px;
  202 + }
  203 + .app-logo{
  204 + width: 35px;
  205 + height: 35px;
  206 + background: url("../../images/icon/d-logo.png") 0 0 no-repeat;
  207 + background-size: 35px;
  208 + }
  209 + .app-info{
  210 + color: #fff;
  211 + font-size: 15px;
  212 + p{
  213 + font-size: 12px;
  214 + }
  215 + }
  216 + .app-download{
  217 + width: 89px;
  218 + height: 36px;
  219 + margin-top: 3px;
  220 + background: url("../../images/icon/d-btn.png") 0 0 no-repeat;
  221 + background-size: 87px;
  222 + }
  223 +}
  224 +
  225 +/*重置按钮*/
  226 +.clear-view {
  227 + text-align: center;
  228 + padding-top: 10px;
  229 + .m-btn {
  230 + padding: 0 30px;
  231 + line-height: 40px;
  232 + }
  233 +}
  234 +
  235 +.ui-loader-default{
  236 + width: 4.125em;
  237 + height: 4.125em;
  238 + margin-left: -2.0625em;
  239 + margin-top: -2.0625em;
  240 + filter: Alpha(Opacity=100);
  241 + opacity: 1;
  242 +}
  243 +
  244 +.ui-loader .ui-icon-loading{
  245 + width: 4em;
  246 + height: 4em;
  247 + border-radius: 0;
  248 + background-color: transparent;
  249 +}
  250 +
  251 +.ui-icon-loading {
  252 + background: url(../../images/ajax-loader.gif) center center no-repeat;
  253 + background-size: 4.125em 4.125em;
  254 +}
  255 +
  256 +
... ...
css/style/coupons.less 0 → 100644
  View file @95fdc32
  1 +/**
  2 + * name : zzf
  3 + * info :
  4 + */
  5 +@import "m/m_coupons";
  6 +
  7 +
  8 +.m-tab {
  9 + height: 45px;
  10 + padding: 0px;
  11 + li {
  12 + width: 29.3%;
  13 + padding: 0 2%;
  14 + line-height: 43px;
  15 + }
  16 + li.on a:after {
  17 + height : 2px;
  18 + background-color: #2caa3f;
  19 + }
  20 +}
  21 +.hint {
  22 + height: 40px;
  23 + background: #faaf19;
  24 + position: fixed;
  25 + bottom: 0px;
  26 + width: 100%;
  27 + font-size: 16px;
  28 + text-align: center;
  29 + color: #fff;
  30 + line-height: 40px;
  31 + a {
  32 + margin-left: 10px;
  33 + color: #fff;
  34 + border: 1px solid #fff;
  35 + padding: 5px 10px;
  36 + }
  37 +}
  38 +
  39 +#add_coupons {
  40 + p {
  41 + height: 45px;
  42 + line-height: 45px;
  43 + margin: 0 15px;
  44 + font-size: 14px;
  45 + color: #999;
  46 + }
  47 + .input-view {
  48 + height: 50px;
  49 + background: #fff;
  50 + border-top: 1px solid #ddd;
  51 + border-bottom: 1px solid #ddd;
  52 + line-height: 50px;
  53 + input {
  54 + color: #bbb;
  55 + font-size: 16px;
  56 + height: 50px;
  57 + width: 100%;
  58 + padding-left: 15px;
  59 + &:focus {
  60 + color: #333;
  61 + }
  62 + }
  63 + }
  64 + .m-btn {
  65 + display: block;
  66 + margin: 15px;
  67 + background: #faaf19;
  68 + color: #fff;
  69 + }
  70 +}
0 71 \ No newline at end of file
... ...
css/style/credit_status.css 0 → 100644
  View file @95fdc32
  1 +.creditStatusPage .m-table-view {
  2 + margin-top: 0;
  3 +}
  4 +.creditStatusPage .tips {
  5 + color: #999;
  6 + font-size: 12px;
  7 + padding: 10px 15px 5px;
  8 +}
... ...
css/style/credit_status.less 0 → 100644
  View file @95fdc32
  1 +.creditStatusPage{
  2 + .m-table-view{
  3 + margin-top: 0;
  4 + }
  5 + .tips{
  6 + color: #999;
  7 + font-size: 12px;
  8 + padding: 10px 15px 5px;
  9 + }
  10 +}
0 11 \ No newline at end of file
... ...
css/style/feedback.less 0 → 100644
  View file @95fdc32
  1 +@import "m/var";
  2 +.feedbackPage{
  3 + .m-textarea{
  4 + margin-top: 0;
  5 + }
  6 +}
0 7 \ No newline at end of file
... ...
css/style/idangerous.swiper.css
  View file @95fdc32
... ... @@ -122,3 +122,37 @@ Pagination Styles
122 122 /* Specific visible button style: */
123 123  
124 124 }
  125 +.swiper-pagination {
  126 + position: absolute;
  127 + text-align: center;
  128 + -webkit-transition: 300ms;
  129 + -moz-transition: 300ms;
  130 + -o-transition: 300ms;
  131 + transition: 300ms;
  132 + -webkit-transform: translate3d(0, 0, 0);
  133 + -ms-transform: translate3d(0, 0, 0);
  134 + -o-transform: translate3d(0, 0, 0);
  135 + transform: translate3d(0, 0, 0);
  136 + z-index: 10
  137 +}
  138 +.swiper-pagination {
  139 + bottom: 10px;
  140 + left: 0;
  141 + width: 100%
  142 +}
  143 +.swiper-pagination .swiper-pagination-switch {
  144 + margin: 0 5px
  145 +}
  146 +.swiper-pagination-switch {
  147 + width: 8px;
  148 + height: 8px;
  149 + display: inline-block;
  150 + background: #FFF;
  151 + border-radius: 100%;
  152 + opacity: .6
  153 +}
  154 +.swiper-active-switch {
  155 + opacity: 1;
  156 + background: #66cc22
  157 +}
  158 +
... ...