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 \ No newline at end of file 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 \ No newline at end of file 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 \ No newline at end of file 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 \ No newline at end of file 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 \ No newline at end of file 70 \ No newline at end of file
css/style/comment_list.css
  View file @95fdc32
@@ -12,6 +12,6 @@ @@ -12,6 +12,6 @@
12 background: url('../../images/icon/icon.png') no-repeat; 12 background: url('../../images/icon/icon.png') no-repeat;
13 background-size: 150px; 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 \ No newline at end of file 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 \ No newline at end of file 51 \ No newline at end of file
css/style/common.css
  View file @95fdc32
@@ -16,19 +16,11 @@ @@ -16,19 +16,11 @@
16 * feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] 16 * feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
17 * - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; 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 html { 25 html {
34 height: 100%; 26 height: 100%;
@@ -113,6 +105,7 @@ body { @@ -113,6 +105,7 @@ body {
113 background-color: #F5F5F5; 105 background-color: #F5F5F5;
114 position: relative; 106 position: relative;
115 min-height: 100%; 107 min-height: 100%;
  108 + overflow-x: hidden;
116 } 109 }
117 article, 110 article,
118 aside, 111 aside,
@@ -171,6 +164,10 @@ a { @@ -171,6 +164,10 @@ a {
171 vertical-align: baseline; 164 vertical-align: baseline;
172 background: transparent; 165 background: transparent;
173 } 166 }
  167 +a:active,
  168 +a:visited {
  169 + color: #333;
  170 +}
174 input, 171 input,
175 img { 172 img {
176 border: 0; 173 border: 0;
@@ -179,7 +176,6 @@ img { @@ -179,7 +176,6 @@ img {
179 textarea, 176 textarea,
180 input, 177 input,
181 a { 178 a {
182 - -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  
183 -webkit-tap-highlight-color: transparent; 179 -webkit-tap-highlight-color: transparent;
184 } 180 }
185 /* 清除浮动 */ 181 /* 清除浮动 */
@@ -213,6 +209,20 @@ a { @@ -213,6 +209,20 @@ a {
213 line-height: 0px; 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 * feature : 全局头部，提供默认 深色(绿底白字) & 浅色(白底黑字)主题; 226 * feature : 全局头部，提供默认 深色(绿底白字) & 浅色(白底黑字)主题;
217 * update : 2015/02/03; 227 * update : 2015/02/03;
218 * use : .m-header; 228 * use : .m-header;
@@ -237,7 +247,7 @@ a { @@ -237,7 +247,7 @@ a {
237 .m-header { 247 .m-header {
238 z-index: 5; 248 z-index: 5;
239 color: #FFF; 249 color: #FFF;
240 - background-color: #6c2; 250 + background-color: #2caa3f;
241 position: relative; 251 position: relative;
242 } 252 }
243 .m-header.header-light { 253 .m-header.header-light {
@@ -522,6 +532,33 @@ a { @@ -522,6 +532,33 @@ a {
522 background-image: url("../../images/icon/call_white@2x.png"); 532 background-image: url("../../images/icon/call_white@2x.png");
523 background-size: 25px; 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 .remove-icon { 562 .remove-icon {
526 display: inline-block; 563 display: inline-block;
527 width: 16px; 564 width: 16px;
@@ -632,14 +669,14 @@ a { @@ -632,14 +669,14 @@ a {
632 } 669 }
633 .m-btn.btn-success { 670 .m-btn.btn-success {
634 color: #FFF; 671 color: #FFF;
635 - background-color: #6C2; 672 + background-color: #23ac38;
636 border: none; 673 border: none;
637 } 674 }
638 .m-btn.btn-success.reverse { 675 .m-btn.btn-success.reverse {
639 background-color: #FFF; 676 background-color: #FFF;
640 - color: #6C2; 677 + color: #23ac38;
641 line-height: 43px; 678 line-height: 43px;
642 - border: 1px solid #6C2; 679 + border: 1px solid #23ac38;
643 } 680 }
644 .m-btn.btn-warning { 681 .m-btn.btn-warning {
645 color: #FFF; 682 color: #FFF;
@@ -653,8 +690,8 @@ a { @@ -653,8 +690,8 @@ a {
653 } 690 }
654 .m-btn.btn-text { 691 .m-btn.btn-text {
655 background: none; 692 background: none;
656 - border: 1px solid #6c2;  
657 - color: #6c2; 693 + border: 1px solid #23ac38;
  694 + color: #23ac38;
658 width: 65px; 695 width: 65px;
659 font-size: 12px; 696 font-size: 12px;
660 text-align: center; 697 text-align: center;
@@ -664,6 +701,10 @@ a { @@ -664,6 +701,10 @@ a {
664 border-radius: 2px; 701 border-radius: 2px;
665 margin-top: -2px; 702 margin-top: -2px;
666 } 703 }
  704 +.m-btn.disabled {
  705 + background-color: #ddd;
  706 + border-color: #ddd;
  707 +}
667 /*************************************************** 708 /***************************************************
668 * feature : 表单组件类集合，提供input、textarea等样式; 709 * feature : 表单组件类集合，提供input、textarea等样式;
669 * update : 2015/02/03; 710 * update : 2015/02/03;
@@ -756,10 +797,12 @@ a { @@ -756,10 +797,12 @@ a {
756 width: 1px; 797 width: 1px;
757 margin: -7px 0 0; 798 margin: -7px 0 0;
758 } 799 }
759 -.m-radio { 800 +input.m-radio {
760 background: url("../../images/icon.png") -90px -236px repeat; 801 background: url("../../images/icon.png") -90px -236px repeat;
761 width: 20px; 802 width: 20px;
762 -webkit-appearance: none; 803 -webkit-appearance: none;
  804 + -moz-appearance: none;
  805 + -o-appearance: none;
763 appearance: none; 806 appearance: none;
764 height: 20px; 807 height: 20px;
765 display: inline-block; 808 display: inline-block;
@@ -768,8 +811,13 @@ a { @@ -768,8 +811,13 @@ a {
768 cursor: pointer; 811 cursor: pointer;
769 margin: 0px; 812 margin: 0px;
770 position: relative; 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 background: url("../../images/icon.png") -60px -236px repeat; 821 background: url("../../images/icon.png") -60px -236px repeat;
774 background-size: 150px; 822 background-size: 150px;
775 } 823 }
@@ -841,9 +889,10 @@ a { @@ -841,9 +889,10 @@ a {
841 background: rgba(0, 0, 0, 0.5); 889 background: rgba(0, 0, 0, 0.5);
842 z-index: 10; 890 z-index: 10;
843 overflow: hidden; 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 * feature : popup; 898 * feature : popup;
@@ -865,9 +914,16 @@ a { @@ -865,9 +914,16 @@ a {
865 background: rgba(255, 255, 255, 0.9); 914 background: rgba(255, 255, 255, 0.9);
866 border-radius: 4px; 915 border-radius: 4px;
867 z-index: 20; 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 .m-popup .popup-head h1 { 928 .m-popup .popup-head h1 {
873 font-size: 14px; 929 font-size: 14px;
@@ -992,7 +1048,8 @@ a { @@ -992,7 +1048,8 @@ a {
992 float: left; 1048 float: left;
993 margin-left: -50px; 1049 margin-left: -50px;
994 text-align: right; 1050 text-align: right;
995 - width: 36px; 1051 + width: 70px;
  1052 + margin-right: 15px;
996 } 1053 }
997 .m-stat li .progress { 1054 .m-stat li .progress {
998 display: block; 1055 display: block;
@@ -1212,7 +1269,7 @@ a { @@ -1212,7 +1269,7 @@ a {
1212 padding-right: 0; 1269 padding-right: 0;
1213 } 1270 }
1214 .m-tab .on a { 1271 .m-tab .on a {
1215 - color: #6c2; 1272 + color: #2caa3f;
1216 display: block; 1273 display: block;
1217 position: relative; 1274 position: relative;
1218 } 1275 }
@@ -1223,10 +1280,10 @@ a { @@ -1223,10 +1280,10 @@ a {
1223 left: 0; 1280 left: 0;
1224 right: 0; 1281 right: 0;
1225 height: 1px; 1282 height: 1px;
1226 - background-color: #6c2; 1283 + background-color: #2caa3f;
1227 } 1284 }
1228 .m-tab.tab-col-2 li { 1285 .m-tab.tab-col-2 li {
1229 - width: 50%; 1286 + width: 50% !important;
1230 } 1287 }
1231 /*************************************************** 1288 /***************************************************
1232 * feature : 表格视图, 提供类ios UITableView风格布局; 1289 * feature : 表格视图, 提供类ios UITableView风格布局;
@@ -1278,12 +1335,12 @@ a { @@ -1278,12 +1335,12 @@ a {
1278 position: relative; 1335 position: relative;
1279 } 1336 }
1280 .m-table-view .acc-icon .text { 1337 .m-table-view .acc-icon .text {
1281 - margin-right: 15px; 1338 + padding-right: 15px;
1282 } 1339 }
1283 .m-table-view .acc-icon:after { 1340 .m-table-view .acc-icon:after {
1284 content: ''; 1341 content: '';
1285 position: absolute; 1342 position: absolute;
1286 - right: 15px; 1343 + right: 10px;
1287 top: 50%; 1344 top: 50%;
1288 width: 10px; 1345 width: 10px;
1289 height: 15px; 1346 height: 15px;
@@ -1395,7 +1452,7 @@ a { @@ -1395,7 +1452,7 @@ a {
1395 color: #000; 1452 color: #000;
1396 font-size: 12px; 1453 font-size: 12px;
1397 font-weight: 700; 1454 font-weight: 700;
1398 - width: 60px; 1455 + width: 70px;
1399 padding: 0 15px 0 0; 1456 padding: 0 15px 0 0;
1400 box-sizing: content-box; 1457 box-sizing: content-box;
1401 } 1458 }
@@ -1418,11 +1475,16 @@ a { @@ -1418,11 +1475,16 @@ a {
1418 left: 10px; 1475 left: 10px;
1419 right: 10px; 1476 right: 10px;
1420 bottom: 0; 1477 bottom: 0;
1421 - margin-bottom: 10px; 1478 + padding-bottom: 10px;
1422 z-index: 20; 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 .m-actionsheet ul { 1489 .m-actionsheet ul {
1428 list-style: none; 1490 list-style: none;
@@ -1585,6 +1647,11 @@ a { @@ -1585,6 +1647,11 @@ a {
1585 opacity: 0; 1647 opacity: 0;
1586 z-index: -1; 1648 z-index: -1;
1587 } 1649 }
  1650 +.m-hidden {
  1651 + visibility: hidden;
  1652 + opacity: 0;
  1653 + z-index: -1;
  1654 +}
1588 .m-show { 1655 .m-show {
1589 display: block !important; 1656 display: block !important;
1590 visibility: visible; 1657 visibility: visible;
@@ -1598,7 +1665,8 @@ a { @@ -1598,7 +1665,8 @@ a {
1598 color: #666; 1665 color: #666;
1599 overflow: visible; 1666 overflow: visible;
1600 } 1667 }
1601 -.m-more { 1668 +.m-more,
  1669 +a.m-more {
1602 display: block; 1670 display: block;
1603 font-size: 12px; 1671 font-size: 12px;
1604 text-align: center; 1672 text-align: center;
@@ -1607,28 +1675,40 @@ a { @@ -1607,28 +1675,40 @@ a {
1607 background-color: #FFF; 1675 background-color: #FFF;
1608 } 1676 }
1609 .m-animate-hide { 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 .hidden { 1689 .hidden {
1616 - visibility: hidden;  
1617 opacity: 0; 1690 opacity: 0;
1618 z-index: -1; 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 m/m_bar 1700 m/m_bar
1622 左下角工具条 1701 左下角工具条
1623 */ 1702 */
1624 .m-bar { 1703 .m-bar {
1625 position: absolute; 1704 position: absolute;
  1705 + z-index: 10;
1626 } 1706 }
1627 .m-bar-bg { 1707 .m-bar-bg {
1628 position: fixed; 1708 position: fixed;
1629 left: 0; 1709 left: 0;
1630 top: 0; 1710 top: 0;
1631 - z-index: 999; 1711 + z-index: 5;
1632 width: 100%; 1712 width: 100%;
1633 height: 100%; 1713 height: 100%;
1634 background: rgba(0, 0, 0, 0.6); 1714 background: rgba(0, 0, 0, 0.6);
@@ -1636,7 +1716,7 @@ a { @@ -1636,7 +1716,7 @@ a {
1636 } 1716 }
1637 .m-bar-content { 1717 .m-bar-content {
1638 position: fixed; 1718 position: fixed;
1639 - z-index: 1000; 1719 + z-index: 10;
1640 left: 20px; 1720 left: 20px;
1641 bottom: 65px; 1721 bottom: 65px;
1642 text-align: center; 1722 text-align: center;
@@ -1659,12 +1739,29 @@ a { @@ -1659,12 +1739,29 @@ a {
1659 position: absolute; 1739 position: absolute;
1660 width: 50px; 1740 width: 50px;
1661 height: 50px; 1741 height: 50px;
  1742 + left: 0;
  1743 + top: 0;
  1744 + display: block;
1662 background: #ffffff; 1745 background: #ffffff;
1663 border-radius: 100%; 1746 border-radius: 100%;
1664 font-size: 12px; 1747 font-size: 12px;
1665 color: #666; 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 .m-bar-content p { 1766 .m-bar-content p {
1670 line-height: normal; 1767 line-height: normal;
@@ -1688,3126 +1785,12 @@ a { @@ -1688,3126 +1785,12 @@ a {
1688 .m-bar-content .icon-order { 1785 .m-bar-content .icon-order {
1689 background-position: -48px -309px; 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 margin: 0; 1789 margin: 0;
4808 padding: 0; 1790 padding: 0;
4809 border: none; 1791 border: none;
4810 -webkit-text-size-adjust: none; 1792 -webkit-text-size-adjust: none;
  1793 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
4811 } 1794 }
4812 ul { 1795 ul {
4813 list-style: none; 1796 list-style: none;
@@ -4833,13 +1816,14 @@ ul { @@ -4833,13 +1816,14 @@ ul {
4833 font-size: 14px; 1816 font-size: 14px;
4834 } 1817 }
4835 .s-page { 1818 .s-page {
4836 - position: absolute; 1819 + position: fixed;
4837 left: 0; 1820 left: 0;
4838 top: 0; 1821 top: 0;
4839 width: 100%; 1822 width: 100%;
4840 min-height: 100%; 1823 min-height: 100%;
4841 background: #f5f5f5; 1824 background: #f5f5f5;
4842 display: none; 1825 display: none;
  1826 + z-index: 99;
4843 } 1827 }
4844 .transition-wrapper { 1828 .transition-wrapper {
4845 height: 100%; 1829 height: 100%;
@@ -4936,14 +1920,14 @@ ul { @@ -4936,14 +1920,14 @@ ul {
4936 .to-app-box .app-close { 1920 .to-app-box .app-close {
4937 width: 18px; 1921 width: 18px;
4938 height: 19px; 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 .to-app-box .app-logo { 1926 .to-app-box .app-logo {
4943 width: 35px; 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 .to-app-box .app-info { 1932 .to-app-box .app-info {
4949 color: #fff; 1933 color: #fff;
@@ -4956,6 +1940,33 @@ ul { @@ -4956,6 +1940,33 @@ ul {
4956 width: 89px; 1940 width: 89px;
4957 height: 36px; 1941 height: 36px;
4958 margin-top: 3px; 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 \ No newline at end of file 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 \ No newline at end of file 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 \ No newline at end of file 7 \ No newline at end of file
css/style/idangerous.swiper.css
  View file @95fdc32
@@ -122,3 +122,37 @@ Pagination Styles @@ -122,3 +122,37 @@ Pagination Styles
122 /* Specific visible button style: */ 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 +