5871 lines
108 KiB
CSS
5871 lines
108 KiB
CSS
|
|
/*! LiveApp - v1.0.0 -
|
|||
|
|
* 2014-09-13
|
|||
|
|
* http://www.liveapp.cn
|
|||
|
|
* Copyright (c) 2014 Charles */
|
|||
|
|
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html {
|
|||
|
|
font-family:sans-serif;
|
|||
|
|
-ms-text-size-adjust:100%;
|
|||
|
|
-webkit-text-size-adjust:100%
|
|||
|
|
}
|
|||
|
|
body {
|
|||
|
|
margin:0
|
|||
|
|
}
|
|||
|
|
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
audio,canvas,progress,video {
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:baseline
|
|||
|
|
}
|
|||
|
|
audio:not([controls]) {
|
|||
|
|
display:none;
|
|||
|
|
height:0
|
|||
|
|
}
|
|||
|
|
[hidden],template {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
a {
|
|||
|
|
background:0 0
|
|||
|
|
}
|
|||
|
|
a:active,a:hover {
|
|||
|
|
outline:0
|
|||
|
|
}
|
|||
|
|
abbr[title] {
|
|||
|
|
border-bottom:1px dotted
|
|||
|
|
}
|
|||
|
|
b,strong {
|
|||
|
|
font-weight:700
|
|||
|
|
}
|
|||
|
|
dfn {
|
|||
|
|
font-style:italic
|
|||
|
|
}
|
|||
|
|
h1 {
|
|||
|
|
font-size:2em;
|
|||
|
|
margin:.67em 0
|
|||
|
|
}
|
|||
|
|
mark {
|
|||
|
|
background:#ff0;
|
|||
|
|
color:#000
|
|||
|
|
}
|
|||
|
|
small {
|
|||
|
|
font-size:80%
|
|||
|
|
}
|
|||
|
|
sub,sup {
|
|||
|
|
font-size:75%;
|
|||
|
|
line-height:0;
|
|||
|
|
position:relative;
|
|||
|
|
vertical-align:baseline
|
|||
|
|
}
|
|||
|
|
sup {
|
|||
|
|
top:-.5em
|
|||
|
|
}
|
|||
|
|
sub {
|
|||
|
|
bottom:-.25em
|
|||
|
|
}
|
|||
|
|
img {
|
|||
|
|
border:0
|
|||
|
|
}
|
|||
|
|
svg:not(:root) {
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
figure {
|
|||
|
|
margin:1em 40px
|
|||
|
|
}
|
|||
|
|
hr {
|
|||
|
|
-moz-box-sizing:content-box;
|
|||
|
|
box-sizing:content-box;
|
|||
|
|
height:0
|
|||
|
|
}
|
|||
|
|
pre {
|
|||
|
|
overflow:auto
|
|||
|
|
}
|
|||
|
|
code,kbd,pre,samp {
|
|||
|
|
font-family:monospace,monospace;
|
|||
|
|
font-size:1em
|
|||
|
|
}
|
|||
|
|
button,input,optgroup,select,textarea {
|
|||
|
|
color:inherit;
|
|||
|
|
font:inherit;
|
|||
|
|
margin:0
|
|||
|
|
}
|
|||
|
|
button {
|
|||
|
|
overflow:visible
|
|||
|
|
}
|
|||
|
|
button,select {
|
|||
|
|
text-transform:none
|
|||
|
|
}
|
|||
|
|
button,html input[type=button],input[type=reset],input[type=submit] {
|
|||
|
|
-webkit-appearance:button;
|
|||
|
|
cursor:pointer
|
|||
|
|
}
|
|||
|
|
button[disabled],html input[disabled] {
|
|||
|
|
cursor:default
|
|||
|
|
}
|
|||
|
|
button::-moz-focus-inner,input::-moz-focus-inner {
|
|||
|
|
border:0;
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
input {
|
|||
|
|
line-height:normal
|
|||
|
|
}
|
|||
|
|
input[type=checkbox],input[type=radio] {
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
|
|||
|
|
height:auto
|
|||
|
|
}
|
|||
|
|
input[type=search] {
|
|||
|
|
-webkit-appearance:textfield;
|
|||
|
|
-moz-box-sizing:content-box;
|
|||
|
|
-webkit-box-sizing:content-box;
|
|||
|
|
box-sizing:content-box
|
|||
|
|
}
|
|||
|
|
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
|
|||
|
|
-webkit-appearance:none
|
|||
|
|
}
|
|||
|
|
fieldset {
|
|||
|
|
border:1px solid silver;
|
|||
|
|
margin:0 2px;
|
|||
|
|
padding:.35em .625em .75em
|
|||
|
|
}
|
|||
|
|
legend {
|
|||
|
|
border:0;
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
textarea {
|
|||
|
|
overflow:auto
|
|||
|
|
}
|
|||
|
|
optgroup {
|
|||
|
|
font-weight:700
|
|||
|
|
}
|
|||
|
|
table {
|
|||
|
|
border-collapse:collapse;
|
|||
|
|
border-spacing:0
|
|||
|
|
}
|
|||
|
|
td,th {
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
body,html {
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background-color:#515363
|
|||
|
|
}
|
|||
|
|
body {
|
|||
|
|
font-size:14px;
|
|||
|
|
color:#333;
|
|||
|
|
font-family:'微软雅黑','宋体';
|
|||
|
|
background-color:#000;
|
|||
|
|
letter-spacing:1px;
|
|||
|
|
box-shadow:0 0 160px 0 #5C99E7;
|
|||
|
|
-webkit-user-select:none;
|
|||
|
|
-ms-user-select:none;
|
|||
|
|
-moz-user-select:none;
|
|||
|
|
-khtml-user-select:none;
|
|||
|
|
user-select:none
|
|||
|
|
}
|
|||
|
|
a {
|
|||
|
|
font-family:'微软雅黑','宋体'
|
|||
|
|
}
|
|||
|
|
a,button,form,input,select,textarea {
|
|||
|
|
-webkit-tap-highlight-color:transparent
|
|||
|
|
}
|
|||
|
|
.app {
|
|||
|
|
width:640px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
-webkit-transition:all .5s
|
|||
|
|
}
|
|||
|
|
.app-header {
|
|||
|
|
position:fixed;
|
|||
|
|
top:0;
|
|||
|
|
width:640px;
|
|||
|
|
z-index:100
|
|||
|
|
}
|
|||
|
|
.app-content {
|
|||
|
|
position:relative;
|
|||
|
|
width:640px;
|
|||
|
|
height:100%;
|
|||
|
|
overflow:hidden;
|
|||
|
|
box-sizing:border-box
|
|||
|
|
}
|
|||
|
|
.app-footer {
|
|||
|
|
position:fixed;
|
|||
|
|
bottom:0;
|
|||
|
|
width:640px;
|
|||
|
|
z-index:100
|
|||
|
|
}
|
|||
|
|
.app-pages .page {
|
|||
|
|
position:relative;
|
|||
|
|
height:1000px
|
|||
|
|
}
|
|||
|
|
.app {
|
|||
|
|
background-size:cover
|
|||
|
|
}
|
|||
|
|
/*.app.appBg1 {
|
|||
|
|
background:url(img/appBg1.jpg)
|
|||
|
|
}
|
|||
|
|
.app.appBg2 {
|
|||
|
|
background:url(img/appBg2.jpg)
|
|||
|
|
}
|
|||
|
|
*/.page {
|
|||
|
|
border:0;
|
|||
|
|
position:absolute;
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
background-color:#000;
|
|||
|
|
background-position:top center;
|
|||
|
|
background-size:cover;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
-webkit-box-orient:vertical;
|
|||
|
|
overflow:hidden;
|
|||
|
|
z-index:0;
|
|||
|
|
display:none;
|
|||
|
|
-webkit-transform-origin:center center
|
|||
|
|
}
|
|||
|
|
.page.z-active {
|
|||
|
|
z-index:2;
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.page.z-current {
|
|||
|
|
z-index:1;
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.page-header {
|
|||
|
|
height:60px;
|
|||
|
|
background-color:#183d61;
|
|||
|
|
overflow:hidden;
|
|||
|
|
-webkit-box-flex:0
|
|||
|
|
}
|
|||
|
|
.page-header h2 {
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:32px;
|
|||
|
|
font-weight:400;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0 0 0 30px;
|
|||
|
|
height:70px;
|
|||
|
|
line-height:70px
|
|||
|
|
}
|
|||
|
|
.page-content {
|
|||
|
|
overflow:hidden;
|
|||
|
|
-webkit-box-flex:100
|
|||
|
|
}
|
|||
|
|
.page.z-actived {
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.app-loading {
|
|||
|
|
position:fixed;
|
|||
|
|
top:50%;
|
|||
|
|
left:50%;
|
|||
|
|
margin:-48px auto auto -48px;
|
|||
|
|
width:95px;
|
|||
|
|
height:95px;
|
|||
|
|
display:block;
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transition:all .5s;
|
|||
|
|
z-index:99999
|
|||
|
|
}
|
|||
|
|
.app-loading.z-hide,.app-loading2.z-hide {
|
|||
|
|
opacity:0;
|
|||
|
|
visibility:hidden
|
|||
|
|
}
|
|||
|
|
.app-loading .cycleWrap,.app-loading .lineWrap {
|
|||
|
|
position:absolute;
|
|||
|
|
width:94px;
|
|||
|
|
height:85px
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle,.app-loading .line {
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
background:#6eae44
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle {
|
|||
|
|
z-index:10;
|
|||
|
|
width:18px;
|
|||
|
|
height:18px;
|
|||
|
|
border-radius:50%;
|
|||
|
|
-webkit-transform:scale(0);
|
|||
|
|
-moz-transform:scale(0);
|
|||
|
|
transform:scale(0)
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle-1 {
|
|||
|
|
right:0;
|
|||
|
|
bottom:0
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle-2 {
|
|||
|
|
left:0;
|
|||
|
|
bottom:0
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle-3 {
|
|||
|
|
left:50%;
|
|||
|
|
top:0;
|
|||
|
|
margin-left:-9px
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle-4 {
|
|||
|
|
right:18px;
|
|||
|
|
top:50%;
|
|||
|
|
margin-top:-8px
|
|||
|
|
}
|
|||
|
|
.app-loading .line {
|
|||
|
|
z-index:9;
|
|||
|
|
height:5px;
|
|||
|
|
border-radius:3px
|
|||
|
|
}
|
|||
|
|
.app-loading .line-1 {
|
|||
|
|
right:9px;
|
|||
|
|
bottom:6px;
|
|||
|
|
width:78px;
|
|||
|
|
-webkit-transform:scale(0,1);
|
|||
|
|
-moz-transform:scale(0,1);
|
|||
|
|
transform:scale(0,1);
|
|||
|
|
-webkit-transform-origin:0;
|
|||
|
|
-moz-transform-origin:0;
|
|||
|
|
transform-origin:0
|
|||
|
|
}
|
|||
|
|
.app-loading .line-2 {
|
|||
|
|
left:8px;
|
|||
|
|
bottom:4px;
|
|||
|
|
width:80px;
|
|||
|
|
-webkit-transform:rotate(-60deg) scale(0,1);
|
|||
|
|
-moz-transform:rotate(-60deg) scale(0,1);
|
|||
|
|
transform:rotate(-60deg) scale(0,1);
|
|||
|
|
-webkit-transform-origin:0;
|
|||
|
|
-moz-transform-origin:0;
|
|||
|
|
transform-origin:0
|
|||
|
|
}
|
|||
|
|
.app-loading .line-3 {
|
|||
|
|
left:47px;
|
|||
|
|
top:7px;
|
|||
|
|
width:40px;
|
|||
|
|
-webkit-transform:rotate(60deg) scale(0,1);
|
|||
|
|
-moz-transform:rotate(60deg) scale(0,1);
|
|||
|
|
transform:rotate(60deg) scale(0,1);
|
|||
|
|
-webkit-transform-origin:0;
|
|||
|
|
-moz-transform-origin:0;
|
|||
|
|
transform-origin:0
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle-1 {
|
|||
|
|
-webkit-animation:cycleChange 3s infinite ease-in-out;
|
|||
|
|
moz-animation:cycleChange 3s infinite ease-in-out;
|
|||
|
|
animation:cycleChange 3s infinite ease-in-out
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle-2 {
|
|||
|
|
-webkit-animation:cycleChange 3s .525s infinite ease-in-out;
|
|||
|
|
moz-animation:cycleChange 3s .525s infinite ease-in-out;
|
|||
|
|
animation:cycleChange 3s .525s infinite ease-in-out
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle-3 {
|
|||
|
|
-webkit-animation:cycleChange 3s 1.05s infinite ease-in-out;
|
|||
|
|
moz-animation:cycleChange 3s 1.05s infinite ease-in-out;
|
|||
|
|
animation:cycleChange 3s 1.05s infinite ease-in-out
|
|||
|
|
}
|
|||
|
|
.app-loading .cycle-4 {
|
|||
|
|
-webkit-animation:cycleChange 3s 1.575s infinite ease-in-out;
|
|||
|
|
moz-animation:cycleChange 3s 1.575s infinite ease-in-out;
|
|||
|
|
animation:cycleChange 3s 1.575s infinite ease-in-out
|
|||
|
|
}
|
|||
|
|
.app-loading .line-1 {
|
|||
|
|
-webkit-animation:lineChange01 3s infinite ease-in-out;
|
|||
|
|
moz-animation:lineChange01 3s infinite ease-in-out;
|
|||
|
|
animation:lineChange01 3s infinite ease-in-out
|
|||
|
|
}
|
|||
|
|
.app-loading .line-2 {
|
|||
|
|
-webkit-animation:lineChange02 3s .525s infinite ease-in-out;
|
|||
|
|
moz-animation:lineChange02 3s .525s infinite ease-in-out;
|
|||
|
|
animation:lineChange02 3s .525s infinite ease-in-out
|
|||
|
|
}
|
|||
|
|
.app-loading .line-3 {
|
|||
|
|
-webkit-animation:lineChange03 3s 1.05s infinite ease-in-out;
|
|||
|
|
moz-animation:lineChange03 3s 1.05s infinite ease-in-out;
|
|||
|
|
animation:lineChange03 3s 1.05s infinite ease-in-out
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes cycleChange {
|
|||
|
|
0%,100%,24% {
|
|||
|
|
-webkit-transform:scale(0)
|
|||
|
|
}
|
|||
|
|
9% {
|
|||
|
|
-webkit-transform:scale(1.2)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes cycleChange {
|
|||
|
|
0%,100%,24% {
|
|||
|
|
-moz-transform:scale(0)
|
|||
|
|
}
|
|||
|
|
9% {
|
|||
|
|
-moz-transform:scale(1.2)
|
|||
|
|
}
|
|||
|
|
}@keyframes cycleChange {
|
|||
|
|
0%,100%,24% {
|
|||
|
|
transform:scale(0)
|
|||
|
|
}
|
|||
|
|
9% {
|
|||
|
|
transform:scale(1.2)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes lineChange01 {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translate(76px,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
18.75% {
|
|||
|
|
-webkit-transform:translate(0,0) scale(1,1)
|
|||
|
|
}
|
|||
|
|
100%,37.5% {
|
|||
|
|
-webkit-transform:translate(0,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes lineChange01 {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translate(76px,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
18.75% {
|
|||
|
|
-webkit-transform:translate(0,0) scale(1,1)
|
|||
|
|
}
|
|||
|
|
100%,37.5% {
|
|||
|
|
-webkit-transform:translate(,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
}@keyframes lineChange01 {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translate(76px,0) scale(0,1) scale(0,1)
|
|||
|
|
}
|
|||
|
|
18.75% {
|
|||
|
|
-webkit-transform:translate(0,0) scale(1,1) scale(1,1)
|
|||
|
|
}
|
|||
|
|
100%,37.5% {
|
|||
|
|
-webkit-transform:translate(0,0) scale(0,1) scale(0,1)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes lineChange02 {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:rotate(-60deg) translate(0,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
18.75% {
|
|||
|
|
-webkit-transform:rotate(-60deg) translate(0,0) scale(1,1)
|
|||
|
|
}
|
|||
|
|
100%,37.5% {
|
|||
|
|
-webkit-transform:rotate(-60deg) translate(78px,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes lineChange02 {
|
|||
|
|
0% {
|
|||
|
|
w-webkit-transform:rotate(-60deg) translate(0,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
18.75% {
|
|||
|
|
-webkit-transform:rotate(-60deg) translate(0,0) scale(1,1)
|
|||
|
|
}
|
|||
|
|
100%,37.5% {
|
|||
|
|
-webkit-transform:rotate(-60deg) translate(78px,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
}@keyframes lineChange02 {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:rotate(-60deg) translate(0,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
18.75% {
|
|||
|
|
-webkit-transform:rotate(-60deg) translate(0,0) scale(1,1)
|
|||
|
|
}
|
|||
|
|
100%,37.5% {
|
|||
|
|
-webkit-transform:rotate(-60deg) translate(78px,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes lineChange03 {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:rotate(60deg) translate(0,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
18.75% {
|
|||
|
|
-webkit-transform:rotate(60deg) translate(0,0) scale(1,1)
|
|||
|
|
}
|
|||
|
|
100%,37.5% {
|
|||
|
|
-webkit-transform:rotate(60deg) translate(40px,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes lineChange03 {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:rotate(60deg) translate(0,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
18.75% {
|
|||
|
|
-webkit-transform:rotate(60deg) translate(0,0) scale(1,1)
|
|||
|
|
}
|
|||
|
|
100%,37.5% {
|
|||
|
|
-webkit-transform:rotate(60deg) translate(40px,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
}@keyframes lineChange03 {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:rotate(60deg) translate(0,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
18.75% {
|
|||
|
|
-webkit-transform:rotate(60deg) translate(0,0) scale(1,1)
|
|||
|
|
}
|
|||
|
|
100%,37.5% {
|
|||
|
|
-webkit-transform:rotate(60deg) translate(40px,0) scale(0,1)
|
|||
|
|
}
|
|||
|
|
}.app-loading2 {
|
|||
|
|
background:url(img/app-loading.png) no-repeat;
|
|||
|
|
position:fixed;
|
|||
|
|
top:50%;
|
|||
|
|
left:50%;
|
|||
|
|
margin:-48px auto auto -48px;
|
|||
|
|
width:95px;
|
|||
|
|
height:95px;
|
|||
|
|
display:block;
|
|||
|
|
-webkit-animation:rotataZ 1s linear infinite;
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transition:all .5s;
|
|||
|
|
z-index:99999
|
|||
|
|
}
|
|||
|
|
.a-bounce,.a-flash,.a-flip,.a-ring,.a-shake,.a-swing,.a-wobble {
|
|||
|
|
-webkit-animation:1s ease;
|
|||
|
|
-moz-animation:1s ease;
|
|||
|
|
-ms-animation:1s ease;
|
|||
|
|
animation:1s ease
|
|||
|
|
}
|
|||
|
|
.a-bouncein,.a-bounceinB,.a-bounceinL,.a-bounceinR,.a-bounceinT,.a-fadein,.a-fadeinB,.a-fadeinL,.a-fadeinR,.a-fadeinT,.a-flipin,.a-flipinX,.a-flipinY,.a-rotatein,.a-rotateinLB,.a-rotateinLT,.a-rotateinRB,.a-rotateinRT {
|
|||
|
|
-webkit-animation:1s ease-out backwards;
|
|||
|
|
-moz-animation:1s ease-out backwards;
|
|||
|
|
-ms-animation:1s ease-out backwards;
|
|||
|
|
animation:1s ease-out backwards
|
|||
|
|
}
|
|||
|
|
.a-bounceout,.a-bounceoutB,.a-bounceoutL,.a-bounceoutR,.a-bounceoutT,.a-fadeout,.a-fadeoutB,.a-fadeoutL,.a-fadeoutR,.a-fadeoutT,.a-flipout,.a-flipoutX,.a-flipoutY,.a-rotateout,.a-rotateoutLB,.a-rotateoutLT,.a-rotateoutRB,.a-rotateoutRT {
|
|||
|
|
-webkit-animation:1s ease-in forwards;
|
|||
|
|
-moz-animation:1s ease-in forwards;
|
|||
|
|
-ms-animation:1s ease-in forwards;
|
|||
|
|
animation:1s ease-in forwards
|
|||
|
|
}
|
|||
|
|
.a-fadein {
|
|||
|
|
-webkit-animation-name:fadein;
|
|||
|
|
-moz-animation-name:fadein;
|
|||
|
|
-ms-animation-name:fadein;
|
|||
|
|
animation-name:fadein
|
|||
|
|
}
|
|||
|
|
.a-fadeinT {
|
|||
|
|
-webkit-animation-name:fadeinT;
|
|||
|
|
-moz-animation-name:fadeinT;
|
|||
|
|
-ms-animation-name:fadeinT;
|
|||
|
|
animation-name:fadeinT
|
|||
|
|
}
|
|||
|
|
.a-fadeinR {
|
|||
|
|
-webkit-animation-name:fadeinR;
|
|||
|
|
-moz-animation-name:fadeinR;
|
|||
|
|
-ms-animation-name:fadeinR;
|
|||
|
|
animation-name:fadeinR
|
|||
|
|
}
|
|||
|
|
.a-fadeinB {
|
|||
|
|
-webkit-animation-name:fadeinB;
|
|||
|
|
-moz-animation-name:fadeinB;
|
|||
|
|
-ms-animation-name:fadeinB;
|
|||
|
|
animation-name:fadeinB
|
|||
|
|
}
|
|||
|
|
.a-fadeinL {
|
|||
|
|
-webkit-animation-name:fadeinL;
|
|||
|
|
-moz-animation-name:fadeinL;
|
|||
|
|
-ms-animation-name:fadeinL;
|
|||
|
|
animation-name:fadeinL
|
|||
|
|
}
|
|||
|
|
.a-fadeout {
|
|||
|
|
-webkit-animation-name:fadeout;
|
|||
|
|
-moz-animation-name:fadeout;
|
|||
|
|
-ms-animation-name:fadeout;
|
|||
|
|
animation-name:fadeout
|
|||
|
|
}
|
|||
|
|
.a-fadeoutT {
|
|||
|
|
-webkit-animation-name:fadeoutT;
|
|||
|
|
-moz-animation-name:fadeoutT;
|
|||
|
|
-ms-animation-name:fadeoutT;
|
|||
|
|
animation-name:fadeoutT
|
|||
|
|
}
|
|||
|
|
.a-fadeoutR {
|
|||
|
|
-webkit-animation-name:fadeoutR;
|
|||
|
|
-moz-animation-name:fadeoutR;
|
|||
|
|
-ms-animation-name:fadeoutR;
|
|||
|
|
animation-name:fadeoutR
|
|||
|
|
}
|
|||
|
|
.a-fadeoutB {
|
|||
|
|
-webkit-animation-name:fadeoutB;
|
|||
|
|
-moz-animation-name:fadeoutB;
|
|||
|
|
-ms-animation-name:fadeoutB;
|
|||
|
|
animation-name:fadeoutB
|
|||
|
|
}
|
|||
|
|
.a-fadeoutL {
|
|||
|
|
-webkit-animation-name:fadeoutL;
|
|||
|
|
-moz-animation-name:fadeoutL;
|
|||
|
|
-ms-animation-name:fadeoutL;
|
|||
|
|
animation-name:fadeoutL
|
|||
|
|
}
|
|||
|
|
.a-bounce {
|
|||
|
|
-webkit-animation-name:bounce;
|
|||
|
|
-moz-animation-name:bounce;
|
|||
|
|
-ms-animation-name:bounce;
|
|||
|
|
animation-name:bounce
|
|||
|
|
}
|
|||
|
|
.a-bouncein {
|
|||
|
|
-webkit-animation-name:bouncein;
|
|||
|
|
-moz-animation-name:bouncein;
|
|||
|
|
-ms-animation-name:bouncein;
|
|||
|
|
animation-name:bouncein
|
|||
|
|
}
|
|||
|
|
.a-bounceinT {
|
|||
|
|
-webkit-animation-name:bounceinT;
|
|||
|
|
-moz-animation-name:bounceinT;
|
|||
|
|
-ms-animation-name:bounceinT;
|
|||
|
|
animation-name:bounceinT
|
|||
|
|
}
|
|||
|
|
.a-bounceinR {
|
|||
|
|
-webkit-animation-name:bounceinR;
|
|||
|
|
-moz-animation-name:bounceinR;
|
|||
|
|
-ms-animation-name:bounceinR;
|
|||
|
|
animation-name:bounceinR
|
|||
|
|
}
|
|||
|
|
.a-bounceinB {
|
|||
|
|
-webkit-animation-name:bounceinB;
|
|||
|
|
-moz-animation-name:bounceinB;
|
|||
|
|
-ms-animation-name:bounceinB;
|
|||
|
|
animation-name:bounceinB
|
|||
|
|
}
|
|||
|
|
.a-bounceinL {
|
|||
|
|
-webkit-animation-name:bounceinL;
|
|||
|
|
-moz-animation-name:bounceinL;
|
|||
|
|
-ms-animation-name:bounceinL;
|
|||
|
|
animation-name:bounceinL
|
|||
|
|
}
|
|||
|
|
.a-bounceout {
|
|||
|
|
-webkit-animation-name:bounceout;
|
|||
|
|
-moz-animation-name:bounceout;
|
|||
|
|
-ms-animation-name:bounceout;
|
|||
|
|
animation-name:bounceout
|
|||
|
|
}
|
|||
|
|
.a-bounceoutT {
|
|||
|
|
-webkit-animation-name:bounceoutT;
|
|||
|
|
-moz-animation-name:bounceoutT;
|
|||
|
|
-ms-animation-name:bounceoutT;
|
|||
|
|
animation-name:bounceoutT
|
|||
|
|
}
|
|||
|
|
.a-bounceoutR {
|
|||
|
|
-webkit-animation-name:bounceoutR;
|
|||
|
|
-moz-animation-name:bounceoutR;
|
|||
|
|
-ms-animation-name:bounceoutR;
|
|||
|
|
animation-name:bounceoutR
|
|||
|
|
}
|
|||
|
|
.a-bounceoutB {
|
|||
|
|
-webkit-animation-name:bounceoutB;
|
|||
|
|
-moz-animation-name:bounceoutB;
|
|||
|
|
-ms-animation-name:bounceoutB;
|
|||
|
|
animation-name:bounceoutB
|
|||
|
|
}
|
|||
|
|
.a-bounceoutL {
|
|||
|
|
-webkit-animation-name:bounceoutL;
|
|||
|
|
-moz-animation-name:bounceoutL;
|
|||
|
|
-ms-animation-name:bounceoutL;
|
|||
|
|
animation-name:bounceoutL
|
|||
|
|
}
|
|||
|
|
.a-rotatein {
|
|||
|
|
-webkit-animation-name:rotatein;
|
|||
|
|
-moz-animation-name:rotatein;
|
|||
|
|
-ms-animation-name:rotatein;
|
|||
|
|
animation-name:rotatein
|
|||
|
|
}
|
|||
|
|
.a-rotateinLT {
|
|||
|
|
-webkit-animation-name:rotateinLT;
|
|||
|
|
-moz-animation-name:rotateinLT;
|
|||
|
|
-ms-animation-name:rotateinLT;
|
|||
|
|
animation-name:rotateinLT
|
|||
|
|
}
|
|||
|
|
.a-rotateinLB {
|
|||
|
|
-webkit-animation-name:rotateinLB;
|
|||
|
|
-moz-animation-name:rotateinLB;
|
|||
|
|
-ms-animation-name:rotateinLB;
|
|||
|
|
animation-name:rotateinLB
|
|||
|
|
}
|
|||
|
|
.a-rotateinRT {
|
|||
|
|
-webkit-animation-name:rotateinRT;
|
|||
|
|
-moz-animation-name:rotateinRT;
|
|||
|
|
-ms-animation-name:rotateinRT;
|
|||
|
|
animation-name:rotateinRT
|
|||
|
|
}
|
|||
|
|
.a-rotateinRB {
|
|||
|
|
-webkit-animation-name:rotateinRB;
|
|||
|
|
-moz-animation-name:rotateinRB;
|
|||
|
|
-ms-animation-name:rotateinRB;
|
|||
|
|
animation-name:rotateinRB
|
|||
|
|
}
|
|||
|
|
.a-rotateout {
|
|||
|
|
-webkit-animation-name:rotateout;
|
|||
|
|
-moz-animation-name:rotateout;
|
|||
|
|
-ms-animation-name:rotateout;
|
|||
|
|
animation-name:rotateout
|
|||
|
|
}
|
|||
|
|
.a-rotateoutLT {
|
|||
|
|
-webkit-animation-name:rotateoutLT;
|
|||
|
|
-moz-animation-name:rotateoutLT;
|
|||
|
|
-ms-animation-name:rotateoutLT;
|
|||
|
|
animation-name:rotateoutLT
|
|||
|
|
}
|
|||
|
|
.a-rotateoutLB {
|
|||
|
|
-webkit-animation-name:rotateoutLB;
|
|||
|
|
-moz-animation-name:rotateoutLB;
|
|||
|
|
-ms-animation-name:rotateoutLB;
|
|||
|
|
animation-name:rotateoutLB
|
|||
|
|
}
|
|||
|
|
.a-rotateoutRT {
|
|||
|
|
-webkit-animation-name:rotateoutRT;
|
|||
|
|
-moz-animation-name:rotateoutRT;
|
|||
|
|
-ms-animation-name:rotateoutRT;
|
|||
|
|
animation-name:rotateoutRT
|
|||
|
|
}
|
|||
|
|
.a-rotateoutRB {
|
|||
|
|
-webkit-animation-name:rotateoutRB;
|
|||
|
|
-moz-animation-name:rotateoutRB;
|
|||
|
|
-ms-animation-name:rotateoutRB;
|
|||
|
|
animation-name:rotateoutRB
|
|||
|
|
}
|
|||
|
|
.a-flip {
|
|||
|
|
-webkit-animation-name:flip;
|
|||
|
|
-moz-animation-name:flip;
|
|||
|
|
-ms-animation-name:flip;
|
|||
|
|
animation-name:flip
|
|||
|
|
}
|
|||
|
|
.a-flipinX {
|
|||
|
|
-webkit-animation-name:flipinX;
|
|||
|
|
-moz-animation-name:flipinX;
|
|||
|
|
-ms-animation-name:flipinX;
|
|||
|
|
animation-name:flipinX
|
|||
|
|
}
|
|||
|
|
.a-flipin,.a-flipinY {
|
|||
|
|
-webkit-animation-name:flipinY;
|
|||
|
|
-moz-animation-name:flipinY;
|
|||
|
|
-ms-animation-name:flipinY;
|
|||
|
|
animation-name:flipinY
|
|||
|
|
}
|
|||
|
|
.a-flipoutX {
|
|||
|
|
-webkit-animation-name:flipoutX;
|
|||
|
|
-moz-animation-name:flipoutX;
|
|||
|
|
-ms-animation-name:flipoutX;
|
|||
|
|
animation-name:flipoutX
|
|||
|
|
}
|
|||
|
|
.a-flipout,.a-flipoutY {
|
|||
|
|
-webkit-animation-name:flipoutY;
|
|||
|
|
-moz-animation-name:flipoutY;
|
|||
|
|
-ms-animation-name:flipoutY;
|
|||
|
|
animation-name:flipoutY
|
|||
|
|
}
|
|||
|
|
.a-flash {
|
|||
|
|
-webkit-animation-name:flash;
|
|||
|
|
-moz-animation-name:flash;
|
|||
|
|
-ms-animation-name:flash;
|
|||
|
|
animation-name:flash
|
|||
|
|
}
|
|||
|
|
.a-shake {
|
|||
|
|
-webkit-animation-name:shake;
|
|||
|
|
-moz-animation-name:shake;
|
|||
|
|
-ms-animation-name:shake;
|
|||
|
|
animation-name:shake
|
|||
|
|
}
|
|||
|
|
.a-swing {
|
|||
|
|
-webkit-animation-name:swing;
|
|||
|
|
-moz-animation-name:swing;
|
|||
|
|
-ms-animation-name:swing;
|
|||
|
|
animation-name:swing
|
|||
|
|
}
|
|||
|
|
.a-wobble {
|
|||
|
|
-webkit-animation-name:wobble;
|
|||
|
|
-moz-animation-name:wobble;
|
|||
|
|
-ms-animation-name:wobble;
|
|||
|
|
animation-name:wobble
|
|||
|
|
}
|
|||
|
|
.a-ring {
|
|||
|
|
-webkit-animation-name:ring;
|
|||
|
|
-moz-animation-name:ring;
|
|||
|
|
-ms-animation-name:ring;
|
|||
|
|
animation-name:ring
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes fadein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@keyframes fadein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes fadeinT {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadeinT {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadeinT {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes fadeinT {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes fadeinR {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadeinR {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadeinR {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes fadeinR {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes fadeinB {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadeinB {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadeinB {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes fadeinB {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes fadeinL {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadeinL {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadeinL {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes fadeinL {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes fadeout {
|
|||
|
|
0% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadeout {
|
|||
|
|
0% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadeout {
|
|||
|
|
0% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes fadeout {
|
|||
|
|
0% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes fadeoutT {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadeoutT {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadeoutT {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
}@keyframes fadeoutT {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes fadeoutR {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadeoutR {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadeoutR {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
}@keyframes fadeoutR {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes fadeoutB {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadeoutB {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadeoutB {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
}@keyframes fadeoutB {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes fadeoutL {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes fadeoutL {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes fadeoutL {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
}@keyframes fadeoutL {
|
|||
|
|
0% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounce {
|
|||
|
|
0%,100%,20%,50%,80% {
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-webkit-transform:translateY(-30px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-webkit-transform:translateY(-15px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounce {
|
|||
|
|
0%,100%,20%,50%,80% {
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-moz-transform:translateY(-30px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-moz-transform:translateY(-15px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounce {
|
|||
|
|
0%,100%,20%,50%,80% {
|
|||
|
|
-ms-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-ms-transform:translateY(-30px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-ms-transform:translateY(-15px)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounce {
|
|||
|
|
0%,100%,20%,50%,80% {
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
transform:translateY(-30px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
transform:translateY(-15px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bouncein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:scale(0.3)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:scale(1.05)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
-webkit-transform:scale(0.9)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bouncein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:scale(0.3)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:scale(1.05)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
-moz-transform:scale(0.9)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bouncein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:scale(0.3)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:scale(1.05)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
-ms-transform:scale(0.9)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
}@keyframes bouncein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:scale(0.3)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:scale(1.05)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
transform:scale(0.9)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:scale(1)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounceinT {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-webkit-transform:translateY(-10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounceinT {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-moz-transform:translateY(-10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounceinT {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateY(30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-ms-transform:translateY(-10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounceinT {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
transform:translateY(-10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounceinR {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(-30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-webkit-transform:translateX(10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounceinR {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(-30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-moz-transform:translateX(10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounceinR {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateX(-30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-ms-transform:translateX(10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounceinR {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(-30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
transform:translateX(10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounceinB {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(-30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-webkit-transform:translateY(10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounceinB {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(-30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-moz-transform:translateY(10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounceinB {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateY(-30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-ms-transform:translateY(10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounceinB {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(-30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
transform:translateY(10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounceinL {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-webkit-transform:translateX(-10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounceinL {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-moz-transform:translateX(-10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounceinL {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateX(30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-ms-transform:translateX(-10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounceinL {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(30px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
transform:translateX(-10px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounceout {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
-webkit-transform:scale(0.95)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:scale(1.1)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:scale(0.3)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounceout {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
-moz-transform:scale(0.95)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:scale(1.1)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:scale(0.3)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounceout {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
-ms-transform:scale(0.95)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:scale(1.1)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:scale(0.3)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounceout {
|
|||
|
|
0% {
|
|||
|
|
transform:scale(1)
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
transform:scale(0.95)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:scale(1.1)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:scale(0.3)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounceoutT {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounceoutT {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounceoutT {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateY(20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounceoutT {
|
|||
|
|
0% {
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(-100px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounceoutR {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(-20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounceoutR {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(-20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounceoutR {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateX(-20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounceoutR {
|
|||
|
|
0% {
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(-20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(100px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounceoutB {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(-20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounceoutB {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(-20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounceoutB {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateY(-20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounceoutB {
|
|||
|
|
0% {
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(-20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(100px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes bounceoutL {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes bounceoutL {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes bounceoutL {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:translateX(20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:translateX(-100px)
|
|||
|
|
}
|
|||
|
|
}@keyframes bounceoutL {
|
|||
|
|
0% {
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(20px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(-200px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotatein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:rotate(-200deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:rotate(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotatein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:rotate(-200deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:rotate(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotatein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-ms-transform:rotate(-200deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
-ms-transform:rotate(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes rotatein {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:rotate(-200deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:rotate(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotateinLT {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform-origin:left bottom;
|
|||
|
|
-webkit-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform-origin:left bottom;
|
|||
|
|
-webkit-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotateinLT {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform-origin:left bottom;
|
|||
|
|
-moz-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform-origin:left bottom;
|
|||
|
|
-moz-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotateinLT {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform-origin:left bottom;
|
|||
|
|
-ms-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform-origin:left bottom;
|
|||
|
|
-ms-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@keyframes rotateinLT {
|
|||
|
|
0% {
|
|||
|
|
transform-origin:left bottom;
|
|||
|
|
transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform-origin:left bottom;
|
|||
|
|
transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotateineftB {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform-origin:left bottom;
|
|||
|
|
-webkit-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform-origin:left bottom;
|
|||
|
|
-webkit-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotateineftB {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform-origin:left bottom;
|
|||
|
|
-moz-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform-origin:left bottom;
|
|||
|
|
-moz-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotateineftB {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform-origin:left bottom;
|
|||
|
|
-ms-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform-origin:left bottom;
|
|||
|
|
-ms-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@keyframes rotateineftB {
|
|||
|
|
0% {
|
|||
|
|
transform-origin:left bottom;
|
|||
|
|
transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform-origin:left bottom;
|
|||
|
|
transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotateinRT {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform-origin:right bottom;
|
|||
|
|
-webkit-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform-origin:right bottom;
|
|||
|
|
-webkit-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotateinRT {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform-origin:right bottom;
|
|||
|
|
-moz-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform-origin:right bottom;
|
|||
|
|
-moz-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotateinRT {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform-origin:right bottom;
|
|||
|
|
-ms-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform-origin:right bottom;
|
|||
|
|
-ms-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@keyframes rotateinRT {
|
|||
|
|
0% {
|
|||
|
|
transform-origin:right bottom;
|
|||
|
|
transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform-origin:right bottom;
|
|||
|
|
transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotateinRB {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform-origin:right bottom;
|
|||
|
|
-webkit-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform-origin:right bottom;
|
|||
|
|
-webkit-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotateinRB {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform-origin:right bottom;
|
|||
|
|
-moz-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform-origin:right bottom;
|
|||
|
|
-moz-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotateinRB {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform-origin:right bottom;
|
|||
|
|
-ms-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform-origin:right bottom;
|
|||
|
|
-ms-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@keyframes rotateinRB {
|
|||
|
|
0% {
|
|||
|
|
transform-origin:right bottom;
|
|||
|
|
transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform-origin:right bottom;
|
|||
|
|
transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotateout {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform-origin:center center;
|
|||
|
|
-webkit-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform-origin:center center;
|
|||
|
|
-webkit-transform:rotate(200deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotateout {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform-origin:center center;
|
|||
|
|
-moz-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform-origin:center center;
|
|||
|
|
-moz-transform:rotate(200deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotateout {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform-origin:center center;
|
|||
|
|
-ms-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform-origin:center center;
|
|||
|
|
-ms-transform:rotate(200deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes rotateout {
|
|||
|
|
0% {
|
|||
|
|
transform-origin:center center;
|
|||
|
|
transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform-origin:center center;
|
|||
|
|
transform:rotate(200deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotateoutLT {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform-origin:left bottom;
|
|||
|
|
-webkit-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform-origin:left bottom;
|
|||
|
|
-webkit-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotateoutLT {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform-origin:left bottom;
|
|||
|
|
-moz-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform-origin:left bottom;
|
|||
|
|
-moz-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotateoutLT {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform-origin:left bottom;
|
|||
|
|
-ms-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform-origin:left bottom;
|
|||
|
|
-ms-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes rotateoutLT {
|
|||
|
|
0% {
|
|||
|
|
transform-origin:left bottom;
|
|||
|
|
transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform-origin:left bottom;
|
|||
|
|
transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotateoutLB {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform-origin:left bottom;
|
|||
|
|
-webkit-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform-origin:left bottom;
|
|||
|
|
-webkit-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotateoutLB {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform-origin:left bottom;
|
|||
|
|
-moz-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform-origin:left bottom;
|
|||
|
|
-moz-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotateoutLB {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform-origin:left bottom;
|
|||
|
|
-ms-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform-origin:left bottom;
|
|||
|
|
-ms-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes rotateoutLB {
|
|||
|
|
0% {
|
|||
|
|
transform-origin:left bottom;
|
|||
|
|
transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform-origin:left bottom;
|
|||
|
|
transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotateoutRT {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform-origin:right bottom;
|
|||
|
|
-webkit-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform-origin:right bottom;
|
|||
|
|
-webkit-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotateoutRT {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform-origin:right bottom;
|
|||
|
|
-moz-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform-origin:right bottom;
|
|||
|
|
-moz-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotateoutRT {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform-origin:right bottom;
|
|||
|
|
-ms-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform-origin:right bottom;
|
|||
|
|
-ms-transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes rotateoutRT {
|
|||
|
|
0% {
|
|||
|
|
transform-origin:right bottom;
|
|||
|
|
transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform-origin:right bottom;
|
|||
|
|
transform:rotate(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotateoutBR {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform-origin:right bottom;
|
|||
|
|
-webkit-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform-origin:right bottom;
|
|||
|
|
-webkit-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes rotateoutBR {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform-origin:right bottom;
|
|||
|
|
-moz-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform-origin:right bottom;
|
|||
|
|
-moz-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes rotateoutBR {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform-origin:right bottom;
|
|||
|
|
-ms-transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform-origin:right bottom;
|
|||
|
|
-ms-transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes rotateoutBR {
|
|||
|
|
0% {
|
|||
|
|
transform-origin:right bottom;
|
|||
|
|
transform:rotate(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform-origin:right bottom;
|
|||
|
|
transform:rotate(-90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes flip {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateY(0);
|
|||
|
|
-webkit-animation-timing-function:ease-out
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
|
|||
|
|
-webkit-animation-timing-function:ease-out
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|||
|
|
-webkit-animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);
|
|||
|
|
-webkit-animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:perspective(400px) scale(1);
|
|||
|
|
-webkit-animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes flip {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:perspective(400px) rotateY(0);
|
|||
|
|
-moz-animation-timing-function:ease-out
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
|
|||
|
|
-moz-animation-timing-function:ease-out
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|||
|
|
-moz-animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-moz-transform:perspective(400px) rotateY(360deg) scale(0.95);
|
|||
|
|
-moz-animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:perspective(400px) scale(1);
|
|||
|
|
-moz-animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes flip {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:perspective(400px) rotateY(0);
|
|||
|
|
-ms-animation-timing-function:ease-out
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg);
|
|||
|
|
-ms-animation-timing-function:ease-out
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|||
|
|
-ms-animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-ms-transform:perspective(400px) rotateY(360deg) scale(0.95);
|
|||
|
|
-ms-animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:perspective(400px) scale(1);
|
|||
|
|
-ms-animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
}@keyframes flip {
|
|||
|
|
0% {
|
|||
|
|
transform:perspective(400px) rotateY(0);
|
|||
|
|
animation-timing-function:ease-out
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
transform:perspective(400px) translateZ(150px) rotateY(170deg);
|
|||
|
|
animation-timing-function:ease-out
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
|
|||
|
|
animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
transform:perspective(400px) rotateY(360deg) scale(0.95);
|
|||
|
|
animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:perspective(400px) scale(1);
|
|||
|
|
animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes flipinX {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateX(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateX(-10deg)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateX(10deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateX(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes flipinX {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:perspective(400px) rotateX(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-moz-transform:perspective(400px) rotateX(-10deg)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
-moz-transform:perspective(400px) rotateX(10deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:perspective(400px) rotateX(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes flipinX {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:perspective(400px) rotateX(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-ms-transform:perspective(400px) rotateX(-10deg)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
-ms-transform:perspective(400px) rotateX(10deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:perspective(400px) rotateX(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@keyframes flipinX {
|
|||
|
|
0% {
|
|||
|
|
transform:perspective(400px) rotateX(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
transform:perspective(400px) rotateX(-10deg)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
transform:perspective(400px) rotateX(10deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:perspective(400px) rotateX(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes flipinY {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateY(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateY(-10deg)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateY(10deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateY(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes flipinY {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:perspective(400px) rotateY(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-moz-transform:perspective(400px) rotateY(-10deg)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
-moz-transform:perspective(400px) rotateY(10deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:perspective(400px) rotateY(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes flipinY {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:perspective(400px) rotateY(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-ms-transform:perspective(400px) rotateY(-10deg)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
-ms-transform:perspective(400px) rotateY(10deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:perspective(400px) rotateY(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@keyframes flipinY {
|
|||
|
|
0% {
|
|||
|
|
transform:perspective(400px) rotateY(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
transform:perspective(400px) rotateY(-10deg)
|
|||
|
|
}
|
|||
|
|
70% {
|
|||
|
|
transform:perspective(400px) rotateY(10deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:perspective(400px) rotateY(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes flipoutX {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateX(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateX(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes flipoutX {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:perspective(400px) rotateX(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:perspective(400px) rotateX(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes flipoutX {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:perspective(400px) rotateX(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:perspective(400px) rotateX(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes flipoutX {
|
|||
|
|
0% {
|
|||
|
|
transform:perspective(400px) rotateX(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:perspective(400px) rotateX(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes flipoutY {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateY(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:perspective(400px) rotateY(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes flipoutY {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:perspective(400px) rotateY(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:perspective(400px) rotateY(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes flipoutY {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:perspective(400px) rotateY(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:perspective(400px) rotateY(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes flipoutY {
|
|||
|
|
0% {
|
|||
|
|
transform:perspective(400px) rotateY(0);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:perspective(400px) rotateY(90deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes flash {
|
|||
|
|
0%,100%,50% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
25%,75% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes flash {
|
|||
|
|
0%,100%,50% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
25%,75% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes flash {
|
|||
|
|
0%,100%,50% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
25%,75% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes flash {
|
|||
|
|
0%,100%,50% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
25%,75% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes shake {
|
|||
|
|
0%,100% {
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
10%,30%,50%,70%,90% {
|
|||
|
|
-webkit-transform:translateX(-10px)
|
|||
|
|
}
|
|||
|
|
20%,40%,60%,80% {
|
|||
|
|
-webkit-transform:translateX(10px)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes shake {
|
|||
|
|
0%,100% {
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
10%,30%,50%,70%,90% {
|
|||
|
|
-moz-transform:translateX(-10px)
|
|||
|
|
}
|
|||
|
|
20%,40%,60%,80% {
|
|||
|
|
-moz-transform:translateX(10px)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes shake {
|
|||
|
|
0%,100% {
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
10%,30%,50%,70%,90% {
|
|||
|
|
-ms-transform:translateX(-10px)
|
|||
|
|
}
|
|||
|
|
20%,40%,60%,80% {
|
|||
|
|
-ms-transform:translateX(10px)
|
|||
|
|
}
|
|||
|
|
}@keyframes shake {
|
|||
|
|
0%,100% {
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
10%,30%,50%,70%,90% {
|
|||
|
|
transform:translateX(-10px)
|
|||
|
|
}
|
|||
|
|
20%,40%,60%,80% {
|
|||
|
|
transform:translateX(10px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes swing {
|
|||
|
|
20% {
|
|||
|
|
-webkit-transform:rotate(15deg)
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-webkit-transform:rotate(-10deg)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-webkit-transform:rotate(5deg)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-webkit-transform:rotate(-5deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:rotate(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes swing {
|
|||
|
|
20% {
|
|||
|
|
-moz-transform:rotate(15deg)
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-moz-transform:rotate(-10deg)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-moz-transform:rotate(5deg)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-moz-transform:rotate(-5deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:rotate(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes swing {
|
|||
|
|
20% {
|
|||
|
|
-ms-transform:rotate(15deg)
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
-ms-transform:rotate(-10deg)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-ms-transform:rotate(5deg)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-ms-transform:rotate(-5deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:rotate(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes swing {
|
|||
|
|
20% {
|
|||
|
|
transform:rotate(15deg)
|
|||
|
|
}
|
|||
|
|
40% {
|
|||
|
|
transform:rotate(-10deg)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
transform:rotate(5deg)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
transform:rotate(-5deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:rotate(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes wobble {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
15% {
|
|||
|
|
-webkit-transform:translateX(-100px) rotate(-5deg)
|
|||
|
|
}
|
|||
|
|
30% {
|
|||
|
|
-webkit-transform:translateX(80px) rotate(3deg)
|
|||
|
|
}
|
|||
|
|
45% {
|
|||
|
|
-webkit-transform:translateX(-65px) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-webkit-transform:translateX(40px) rotate(2deg)
|
|||
|
|
}
|
|||
|
|
75% {
|
|||
|
|
-webkit-transform:translateX(-20px) rotate(-1deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes wobble {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
15% {
|
|||
|
|
-moz-transform:translateX(-100px) rotate(-5deg)
|
|||
|
|
}
|
|||
|
|
30% {
|
|||
|
|
-moz-transform:translateX(80px) rotate(3deg)
|
|||
|
|
}
|
|||
|
|
45% {
|
|||
|
|
-moz-transform:translateX(-65px) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-moz-transform:translateX(40px) rotate(2deg)
|
|||
|
|
}
|
|||
|
|
75% {
|
|||
|
|
-moz-transform:translateX(-20px) rotate(-1deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes wobble {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
15% {
|
|||
|
|
-ms-transform:translateX(-100px) rotate(-5deg)
|
|||
|
|
}
|
|||
|
|
30% {
|
|||
|
|
-ms-transform:translateX(80px) rotate(3deg)
|
|||
|
|
}
|
|||
|
|
45% {
|
|||
|
|
-ms-transform:translateX(-65px) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-ms-transform:translateX(40px) rotate(2deg)
|
|||
|
|
}
|
|||
|
|
75% {
|
|||
|
|
-ms-transform:translateX(-20px) rotate(-1deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes wobble {
|
|||
|
|
0% {
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
15% {
|
|||
|
|
transform:translateX(-100px) rotate(-5deg)
|
|||
|
|
}
|
|||
|
|
30% {
|
|||
|
|
transform:translateX(80px) rotate(3deg)
|
|||
|
|
}
|
|||
|
|
45% {
|
|||
|
|
transform:translateX(-65px) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
transform:translateX(40px) rotate(2deg)
|
|||
|
|
}
|
|||
|
|
75% {
|
|||
|
|
transform:translateX(-20px) rotate(-1deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes ring {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
10%,20% {
|
|||
|
|
-webkit-transform:scale(0.9) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
30%,50%,70%,90% {
|
|||
|
|
-webkit-transform:scale(1.1) rotate(3deg)
|
|||
|
|
}
|
|||
|
|
40%,60%,80% {
|
|||
|
|
-webkit-transform:scale(1.1) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:scale(1) rotate(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes ring {
|
|||
|
|
0% {
|
|||
|
|
-moz-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
10%,20% {
|
|||
|
|
-moz-transform:scale(0.9) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
30%,50%,70%,90% {
|
|||
|
|
-moz-transform:scale(1.1) rotate(3deg)
|
|||
|
|
}
|
|||
|
|
40%,60%,80% {
|
|||
|
|
-moz-transform:scale(1.1) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-moz-transform:scale(1) rotate(0)
|
|||
|
|
}
|
|||
|
|
}@-ms-keyframes ring {
|
|||
|
|
0% {
|
|||
|
|
-ms-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
10%,20% {
|
|||
|
|
-ms-transform:scale(0.9) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
30%,50%,70%,90% {
|
|||
|
|
-ms-transform:scale(1.1) rotate(3deg)
|
|||
|
|
}
|
|||
|
|
40%,60%,80% {
|
|||
|
|
-ms-transform:scale(1.1) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-ms-transform:scale(1) rotate(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes ring {
|
|||
|
|
0% {
|
|||
|
|
transform:scale(1)
|
|||
|
|
}
|
|||
|
|
10%,20% {
|
|||
|
|
transform:scale(0.9) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
30%,50%,70%,90% {
|
|||
|
|
transform:scale(1.1) rotate(3deg)
|
|||
|
|
}
|
|||
|
|
40%,60%,80% {
|
|||
|
|
transform:scale(1.1) rotate(-3deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform:scale(1) rotate(0)
|
|||
|
|
}
|
|||
|
|
}.u-globalAudio {
|
|||
|
|
color:#fff;
|
|||
|
|
text-decoration:none;
|
|||
|
|
font-size:24px;
|
|||
|
|
position:fixed;
|
|||
|
|
left:50%;
|
|||
|
|
margin-left:248px;
|
|||
|
|
bottom:28px;
|
|||
|
|
display:block;
|
|||
|
|
z-index:9999
|
|||
|
|
}
|
|||
|
|
.u-globalAudio span {
|
|||
|
|
position:absolute;
|
|||
|
|
left:-60px;
|
|||
|
|
top:10px;
|
|||
|
|
text-shadow:1px 1px 1px #000;
|
|||
|
|
letter-spacing:2px;
|
|||
|
|
-webkit-transition:all .2s linear;
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(-20px)
|
|||
|
|
}
|
|||
|
|
.u-globalAudio .icon-music {
|
|||
|
|
width:54px;
|
|||
|
|
height:54px;
|
|||
|
|
background:url(img/units-icons.png);
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.u-globalAudio.z-play .icon-music {
|
|||
|
|
-webkit-animation:reverseRotataZ 1.2s linear infinite
|
|||
|
|
}
|
|||
|
|
.u-globalAudio span.z-show {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(0px)
|
|||
|
|
}
|
|||
|
|
.u-globalAudio .coffee-steam-box {
|
|||
|
|
-webkit-transform:translate(-40px,-40px)
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes reverseRotataZ {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:rotateZ(0deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:rotateZ(-360deg)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes rotataZ {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:rotateZ(0deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:rotateZ(360deg)
|
|||
|
|
}
|
|||
|
|
}.u-guideTop {
|
|||
|
|
width:40px;
|
|||
|
|
height:50px;
|
|||
|
|
background:url(img/units-icons.png) -67px 0;
|
|||
|
|
position:absolute;
|
|||
|
|
left:50%;
|
|||
|
|
bottom:50px;
|
|||
|
|
margin-left:-20px;
|
|||
|
|
display:block;
|
|||
|
|
z-index:9998
|
|||
|
|
}
|
|||
|
|
.u-guideTop.z-move {
|
|||
|
|
-webkit-animation:guideTop 1.5s infinite
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes guideTop {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translateY(42px);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
-webkit-transform:translateY(12px);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateY(0px);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}.u-guideNext,.u-guidePrev {
|
|||
|
|
text-decoration:none;
|
|||
|
|
position:absolute;
|
|||
|
|
top:40%;
|
|||
|
|
z-index:9998;
|
|||
|
|
background:url(img/units-icons.png) -116px 0;
|
|||
|
|
display:block;
|
|||
|
|
width:28px;
|
|||
|
|
height:48px;
|
|||
|
|
text-indent:9999px
|
|||
|
|
}
|
|||
|
|
.u-guidePrev {
|
|||
|
|
left:18px
|
|||
|
|
}
|
|||
|
|
.u-guideNext {
|
|||
|
|
right:18px;
|
|||
|
|
-webkit-transform:rotateZ(180deg)
|
|||
|
|
}
|
|||
|
|
.u-guidePrev.z-move {
|
|||
|
|
-webkit-animation:guidePrev 1.5s infinite
|
|||
|
|
}
|
|||
|
|
.u-guideNext.z-move {
|
|||
|
|
-webkit-animation:guideNext 1.5s infinite
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes guidePrev {
|
|||
|
|
0%,20% {
|
|||
|
|
-webkit-transform:translateX(0px)
|
|||
|
|
}
|
|||
|
|
35% {
|
|||
|
|
-webkit-transform:translateX(12px)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
-webkit-transform:translateX(-20px)
|
|||
|
|
}
|
|||
|
|
65% {
|
|||
|
|
-webkit-transform:translateX(0px)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-webkit-transform:translateX(-12px)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateX(0px)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes guideNext {
|
|||
|
|
0%,20% {
|
|||
|
|
-webkit-transform:translateX(0px) rotateZ(180deg)
|
|||
|
|
}
|
|||
|
|
35% {
|
|||
|
|
-webkit-transform:translateX(-12px) rotateZ(180deg)
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
-webkit-transform:translateX(20px) rotateZ(180deg)
|
|||
|
|
}
|
|||
|
|
65% {
|
|||
|
|
-webkit-transform:translateX(0px) rotateZ(180deg)
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
-webkit-transform:translateX(12px) rotateZ(180deg)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateX(0px) rotateZ(180deg)
|
|||
|
|
}
|
|||
|
|
}.u-maskLayer {
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:0;
|
|||
|
|
right:0;
|
|||
|
|
bottom:0;
|
|||
|
|
background-color:rgba(0,0,0,.7);
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transition:all .5s;
|
|||
|
|
z-index:9999
|
|||
|
|
}
|
|||
|
|
.u-maskLayer.z-show,.u-maskLayer.z-showing {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
.u-maskLayer-close {
|
|||
|
|
width:100px;
|
|||
|
|
height:100px;
|
|||
|
|
background:rgba(255,0,0,.6);
|
|||
|
|
border-radius:50%;
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
top:-30px;
|
|||
|
|
right:-30px;
|
|||
|
|
-webkit-transition:all .6s;
|
|||
|
|
-webkit-transform:translate(100%,-100%);
|
|||
|
|
z-index:99999
|
|||
|
|
}
|
|||
|
|
.u-maskLayer-close::after,.u-maskLayer-close::before {
|
|||
|
|
width:42px;
|
|||
|
|
height:4px;
|
|||
|
|
background-color:#fff;
|
|||
|
|
border-radius:2px;
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:35px;
|
|||
|
|
left:15px
|
|||
|
|
}
|
|||
|
|
.u-maskLayer-close::after {
|
|||
|
|
-webkit-transform:rotateZ(45deg)
|
|||
|
|
}
|
|||
|
|
.u-maskLayer-close::before {
|
|||
|
|
-webkit-transform:rotateZ(-45deg)
|
|||
|
|
}
|
|||
|
|
.u-maskLayer.z-show .u-maskLayer-close {
|
|||
|
|
-webkit-transform:translate(0%,0)
|
|||
|
|
}
|
|||
|
|
.u-tip {
|
|||
|
|
background:rgba(0,0,0,.8);
|
|||
|
|
text-align:center;
|
|||
|
|
position:fixed;
|
|||
|
|
z-index:99999;
|
|||
|
|
padding:15px 30px;
|
|||
|
|
border-radius:6px;
|
|||
|
|
top:45%;
|
|||
|
|
left:50%;
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:24px;
|
|||
|
|
font-family:'微软雅黒';
|
|||
|
|
font-weight:400;
|
|||
|
|
line-height:28px
|
|||
|
|
}
|
|||
|
|
.u-tip i {
|
|||
|
|
float:left;
|
|||
|
|
display:inline-block;
|
|||
|
|
width:24px;
|
|||
|
|
height:24px;
|
|||
|
|
background:#0CF;
|
|||
|
|
border-radius:50%;
|
|||
|
|
margin:3px 10px 3px 0
|
|||
|
|
}
|
|||
|
|
.u-tip.z-info i {
|
|||
|
|
background:#0CF
|
|||
|
|
}
|
|||
|
|
.u-tip.z-success i {
|
|||
|
|
background:#0F3
|
|||
|
|
}
|
|||
|
|
.u-tip.z-error i {
|
|||
|
|
background:red
|
|||
|
|
}
|
|||
|
|
.u-tip.z-warning i {
|
|||
|
|
background:#FFC200
|
|||
|
|
}
|
|||
|
|
.u-tip p,.u-tip.z-info p {
|
|||
|
|
margin:0;
|
|||
|
|
display:inline-block;
|
|||
|
|
max-width:530px;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
text-align:left
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap {
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
bottom:0;
|
|||
|
|
top:12%;
|
|||
|
|
background:#fff;
|
|||
|
|
box-shadow:0 0 500px 100px #333;
|
|||
|
|
-webkit-transition:all .5s;
|
|||
|
|
-webkit-transform:translateY(0%);
|
|||
|
|
z-index:9999;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap.z-hide {
|
|||
|
|
-webkit-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap {
|
|||
|
|
width:640px;
|
|||
|
|
height:100%;
|
|||
|
|
-webkit-transform:scale(1.8)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .BMap_bubble_title {
|
|||
|
|
font-weight:700;
|
|||
|
|
border-bottom:1px dashed #999;
|
|||
|
|
padding-bottom:5px;
|
|||
|
|
font-size:16px
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .BMap_bubble_content {
|
|||
|
|
margin-top:8px;
|
|||
|
|
font-size:14px;
|
|||
|
|
line-height:25px
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .BMap_bubble_content a {
|
|||
|
|
color:#1686C5
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .navigationButtons {
|
|||
|
|
margin:12px 0;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .navigationButtons a {
|
|||
|
|
font-size:18px;
|
|||
|
|
border:1px solid #666;
|
|||
|
|
padding:2px 12px;
|
|||
|
|
background:#07A326;
|
|||
|
|
color:#fff;
|
|||
|
|
text-decoration:none;
|
|||
|
|
margin:0
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(1) {
|
|||
|
|
background:rgba(3,151,221,.8);
|
|||
|
|
border-radius:5px 0 0 5px
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(2) {
|
|||
|
|
background:rgba(221,81,3,.8);
|
|||
|
|
border-left:none
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(3) {
|
|||
|
|
background:rgba(7,163,38,.8);
|
|||
|
|
border-left:none;
|
|||
|
|
border-radius:0 5px 5px 0
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(1):active {
|
|||
|
|
background:#0397DD
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(2):active {
|
|||
|
|
background:#DD5103
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(3):active {
|
|||
|
|
background:#07A326
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .BMap_noprint {
|
|||
|
|
-webkit-transform:scale(0.8)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .baiduMap .BMap_cpyCtrl {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar {
|
|||
|
|
font-size:24px;
|
|||
|
|
padding-right:12px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
height:65px;
|
|||
|
|
line-height:65px;
|
|||
|
|
background:rgba(255,255,255,.7);
|
|||
|
|
box-shadow:0 1px 5px 0 #ccc;
|
|||
|
|
z-index:1;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar a {
|
|||
|
|
text-decoration:none;
|
|||
|
|
color:#333;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar a.closeMap {
|
|||
|
|
float:left;
|
|||
|
|
display:inline-block;
|
|||
|
|
height:65px;
|
|||
|
|
width:80px;
|
|||
|
|
margin-right:-80px;
|
|||
|
|
font-size:28px;
|
|||
|
|
background:rgba(255,60,60,.7);
|
|||
|
|
color:#fff
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar a.closeMap:active {
|
|||
|
|
background:rgba(255,0,0,.7)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationControl,.u-yunlaiMap .mapToolBar .navigationTip {
|
|||
|
|
float:right;
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationTip i {
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:sub;
|
|||
|
|
width:24px;
|
|||
|
|
height:24px;
|
|||
|
|
margin-right:6px
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationTip i.icon-loading {
|
|||
|
|
background:url(img/yunlaiMap-loading.gif);
|
|||
|
|
width:27px;
|
|||
|
|
height:29px
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationTip i.icon-info {
|
|||
|
|
background:url(img/yunlaiMap-info.png)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationTip i.icon-success {
|
|||
|
|
background:url(img/yunlaiMap-success.png)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationTip i.icon-error {
|
|||
|
|
background:url(img/yunlaiMap-error.png)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationControl a {
|
|||
|
|
height:45px;
|
|||
|
|
line-height:45px;
|
|||
|
|
border:1px solid #999;
|
|||
|
|
border-left-width:0;
|
|||
|
|
padding:0 15px;
|
|||
|
|
display:inline-block;
|
|||
|
|
background:rgba(252,255,229,.6)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationControl a:first-child {
|
|||
|
|
border-radius:5px 0 0 5px;
|
|||
|
|
border-left-width:1px
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationControl a:last-child {
|
|||
|
|
border-radius:0 5px 5px 0
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationControl a.z-current {
|
|||
|
|
background:rgba(0,151,0,.7);
|
|||
|
|
color:#fff
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationControl a:nth-child(1).z-current {
|
|||
|
|
background:rgba(3,151,221,.7)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapToolBar .navigationControl a:nth-child(2).z-current {
|
|||
|
|
background:rgba(221,81,3,.7)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapRoutePanel {
|
|||
|
|
position:absolute;
|
|||
|
|
top:65px;
|
|||
|
|
bottom:0;
|
|||
|
|
left:0;
|
|||
|
|
width:480px;
|
|||
|
|
background:#fff;
|
|||
|
|
border-right:1px solid #DBDBDB;
|
|||
|
|
box-shadow:0 2px 4px 0 #ccc;
|
|||
|
|
z-index:1;
|
|||
|
|
-webkit-transition:all .5s;
|
|||
|
|
-webkit-transform:translateX(-480px)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapRoutePanel .routeResult {
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
overflow:auto
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapRoutePanel .routeResult table td {
|
|||
|
|
font-size:22px;
|
|||
|
|
line-height:28px!important
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapRoutePanel .noRouteInfo {
|
|||
|
|
margin:50px 0;
|
|||
|
|
text-align:center;
|
|||
|
|
font-size:28px;
|
|||
|
|
color:#ccc
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapRoutePanel .toggle {
|
|||
|
|
display:block;
|
|||
|
|
width:30px;
|
|||
|
|
height:54px;
|
|||
|
|
background:url(img/yunlaiMap-icons.png) 0 -30px;
|
|||
|
|
position:absolute;
|
|||
|
|
right:-30px;
|
|||
|
|
top:45%
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapRoutePanel.z-show {
|
|||
|
|
-webkit-transform:translateX(0px)
|
|||
|
|
}
|
|||
|
|
.u-yunlaiMap .mapRoutePanel.z-show .toggle {
|
|||
|
|
background-position:-30px -30px
|
|||
|
|
}
|
|||
|
|
.f-mb-15 {
|
|||
|
|
margin-bottom:15px
|
|||
|
|
}
|
|||
|
|
.f-mb-22 {
|
|||
|
|
margin-bottom:22px
|
|||
|
|
}
|
|||
|
|
.f-t-l {
|
|||
|
|
text-align:left
|
|||
|
|
}
|
|||
|
|
.f-t-c {
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.f-t-r {
|
|||
|
|
text-align:right
|
|||
|
|
}
|
|||
|
|
.f-hide {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.f-fixed {
|
|||
|
|
position:fixed;
|
|||
|
|
top:0;
|
|||
|
|
bottom:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0
|
|||
|
|
}
|
|||
|
|
.f-fixedTop {
|
|||
|
|
position:fixed;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
z-index:1
|
|||
|
|
}
|
|||
|
|
.f-fixedBottom {
|
|||
|
|
position:fixed;
|
|||
|
|
bottom:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
z-index:1
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg {
|
|||
|
|
height:100%;
|
|||
|
|
/*background:url(img/animationCloudBg/bg.jpg);*/
|
|||
|
|
position:relative;
|
|||
|
|
top:0;
|
|||
|
|
bottom:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
z-index:0;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i {
|
|||
|
|
width:640px;
|
|||
|
|
height:300px;
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
opacity:0;
|
|||
|
|
z-index:0!important
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(1) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud1.png);*/
|
|||
|
|
top:50px;
|
|||
|
|
left:-100px;
|
|||
|
|
-webkit-animation:animationCloudBg 1s linear infinite;
|
|||
|
|
-webkit-animation-delay:2s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(2) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud2.png);*/
|
|||
|
|
top:100px;
|
|||
|
|
left:-50px;
|
|||
|
|
-webkit-animation:animationCloudBg 2s linear infinite;
|
|||
|
|
-webkit-animation-delay:1s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(3) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud3.png);*/
|
|||
|
|
top:150px;
|
|||
|
|
left:0;
|
|||
|
|
-webkit-animation:animationCloudBg 4s linear infinite;
|
|||
|
|
-webkit-animation-delay:0s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(4) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud4.png);*/
|
|||
|
|
top:200px;
|
|||
|
|
left:50px;
|
|||
|
|
-webkit-animation:animationCloudBg 2s linear infinite;
|
|||
|
|
-webkit-animation-delay:2s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(5) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud5.png);*/
|
|||
|
|
top:250px;
|
|||
|
|
left:-50px;
|
|||
|
|
-webkit-animation:animationCloudBg 1.2s linear infinite;
|
|||
|
|
-webkit-animation-delay:3s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(6) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud6.png);*/
|
|||
|
|
top:300px;
|
|||
|
|
left:20px;
|
|||
|
|
-webkit-animation:animationCloudBg 3s linear infinite;
|
|||
|
|
-webkit-animation-delay:1s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(7) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud1.png);*/
|
|||
|
|
top:350px;
|
|||
|
|
left:80px;
|
|||
|
|
-webkit-animation:animationCloudBg 4.5s linear infinite;
|
|||
|
|
-webkit-animation-delay:0s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(8) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud2.png);*/
|
|||
|
|
top:400px;
|
|||
|
|
left:-10px;
|
|||
|
|
-webkit-animation:animationCloudBg 2.8s linear infinite;
|
|||
|
|
-webkit-animation-delay:1s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(9) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud3.png);*/
|
|||
|
|
top:350px;
|
|||
|
|
left:80px;
|
|||
|
|
-webkit-animation:animationCloudBg 1.6s linear infinite;
|
|||
|
|
-webkit-animation-delay:2s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(10) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud4.png);*/
|
|||
|
|
top:20px;
|
|||
|
|
left:-100px;
|
|||
|
|
-webkit-animation:animationCloudBg 4s linear infinite;
|
|||
|
|
-webkit-animation-delay:1s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(11) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud5.png);*/
|
|||
|
|
top:60px;
|
|||
|
|
left:0;
|
|||
|
|
-webkit-animation:animationCloudBg 2.5s linear infinite;
|
|||
|
|
-webkit-animation-delay:2s
|
|||
|
|
}
|
|||
|
|
.m-animationCloudBg i:nth-child(12) {
|
|||
|
|
/*background:url(img/animationCloudBg/cloud6.png);*/
|
|||
|
|
top:0;
|
|||
|
|
left:-50px;
|
|||
|
|
-webkit-animation:animationCloudBg 3.2s linear infinite;
|
|||
|
|
-webkit-animation-delay:0s
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes animationCloudBg {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:scale(0.5) translate(-300px,300px) rotateX(0deg) rotateY(0deg);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
33% {
|
|||
|
|
-webkit-transform:scale(1) translate(-80px,80px) rotateX(20deg) rotateY(-20deg);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
66% {
|
|||
|
|
-webkit-transform:scale(1.5) translate(100px,-100px) rotateX(30deg) rotateY(-10deg);
|
|||
|
|
opacity:.8
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:scale(1.8) translate(300px,-300px) rotateX(0deg) rotateY(0deg);
|
|||
|
|
opacity:.6
|
|||
|
|
}
|
|||
|
|
}.m-meteorShower {
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
background:url(img/meteorShower/bg.jpg)
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .star {
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
width:46px;
|
|||
|
|
height:46px;
|
|||
|
|
background:url(img/meteorShower/meteor.png);
|
|||
|
|
-webkit-animation:star 1s linear infinite
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .star.style1 {
|
|||
|
|
width:20px;
|
|||
|
|
height:20px;
|
|||
|
|
background-position:0 -137px
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .star.style2 {
|
|||
|
|
width:43px;
|
|||
|
|
height:43px;
|
|||
|
|
background-position:-20px -137px
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .star.style3 {
|
|||
|
|
width:42px;
|
|||
|
|
height:42px;
|
|||
|
|
background-position:-63px -137px
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .star.style4 {
|
|||
|
|
width:50px;
|
|||
|
|
height:50px;
|
|||
|
|
background-position:-105px -137px
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .meteor {
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
width:255px;
|
|||
|
|
height:50px;
|
|||
|
|
background:url(img/meteorShower/meteor.png);
|
|||
|
|
-webkit-animation:meteor 1s linear infinite
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .meteor.style1 {
|
|||
|
|
width:100px;
|
|||
|
|
height:20px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .meteor.style2 {
|
|||
|
|
width:150px;
|
|||
|
|
height:29px;
|
|||
|
|
background-position:0 -20px
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .meteor.style3 {
|
|||
|
|
width:200px;
|
|||
|
|
height:39px;
|
|||
|
|
background-position:0 -49px
|
|||
|
|
}
|
|||
|
|
.m-meteorShower .meteor.style4 {
|
|||
|
|
width:256px;
|
|||
|
|
height:50px;
|
|||
|
|
background-position:0 -88px
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes star {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:scale(0.5)
|
|||
|
|
}
|
|||
|
|
60% {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:scale(0.5)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes meteor {
|
|||
|
|
0% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:rotate(40deg) translateX(0px) scale(0.2)
|
|||
|
|
}
|
|||
|
|
20% {
|
|||
|
|
opacity:.7
|
|||
|
|
}
|
|||
|
|
80% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:rotate(40deg) translateX(500px) scale(1)
|
|||
|
|
}
|
|||
|
|
}.m-foregroundImg {
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
z-index:9997
|
|||
|
|
}
|
|||
|
|
.m-header {
|
|||
|
|
width:100%;
|
|||
|
|
height:72px;
|
|||
|
|
background-color:#43c9cb
|
|||
|
|
}
|
|||
|
|
.m-header i {
|
|||
|
|
width:46px;
|
|||
|
|
height:46px;
|
|||
|
|
margin:16px 5px 0 22px;
|
|||
|
|
background:url(img/page-icons.png) -196px -248px;
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.m-header i.icon-refresh {
|
|||
|
|
background-position:-192px -248px
|
|||
|
|
}
|
|||
|
|
.m-header i.icon-calculator {
|
|||
|
|
background-position:-237px -248px
|
|||
|
|
}
|
|||
|
|
.m-header i.icon-more {
|
|||
|
|
background-position:-285px -248px
|
|||
|
|
}
|
|||
|
|
.m-header h2 {
|
|||
|
|
line-height:72px;
|
|||
|
|
margin:0;
|
|||
|
|
font-size:32px;
|
|||
|
|
color:#fff;
|
|||
|
|
font-family:'微软雅黑';
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.m-panorama .teletextImg {
|
|||
|
|
width:640px;
|
|||
|
|
height:300px;
|
|||
|
|
position:absolute;
|
|||
|
|
-webkit-transition:all .6s
|
|||
|
|
}
|
|||
|
|
.m-panorama .panoramaImg {
|
|||
|
|
height:668px;
|
|||
|
|
background-size:auto 100%;
|
|||
|
|
position:absolute;
|
|||
|
|
-webkit-animation:horizontalMove 23s linear infinite;
|
|||
|
|
-webkit-transition:all .6s;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-panorama .panoramaImg img {
|
|||
|
|
height:100%;
|
|||
|
|
-webkit-transition:all .5s
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-center .teletextImg {
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
bottom:auto;
|
|||
|
|
-webkit-transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-center .panoramaImg {
|
|||
|
|
left:16px;
|
|||
|
|
right:16px;
|
|||
|
|
bottom:0;
|
|||
|
|
top:auto;
|
|||
|
|
-webkit-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-center .panoramaImg.z-fullScreen {
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
height:960px
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-left .teletextImg {
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
bottom:auto;
|
|||
|
|
-webkit-transform:translateX(100%)
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-left .panoramaImg {
|
|||
|
|
left:0;
|
|||
|
|
right:190px;
|
|||
|
|
bottom:0;
|
|||
|
|
top:auto;
|
|||
|
|
-webkit-transform:translateX(-100%)
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-left .panoramaImg.z-fullScreen {
|
|||
|
|
right:0;
|
|||
|
|
height:960px
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-left .panoramaImg .m-bg {
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-right .teletextImg {
|
|||
|
|
top:auto;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
bottom:0;
|
|||
|
|
-webkit-transform:translateX(-100%)
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-right .panoramaImg {
|
|||
|
|
left:190px;
|
|||
|
|
right:0;
|
|||
|
|
bottom:auto;
|
|||
|
|
top:0;
|
|||
|
|
-webkit-transform:translateX(100%)
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-right .panoramaImg.z-fullScreen {
|
|||
|
|
left:0;
|
|||
|
|
height:960px
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-right .panoramaImg .m-bg {
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
.m-panorama.z-viewArea .panoramaImg,.m-panorama.z-viewArea .teletextImg {
|
|||
|
|
-webkit-transform:translate(0%,0)
|
|||
|
|
}
|
|||
|
|
.m-teletextPop {
|
|||
|
|
width:100%;
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
.m-teletextPop .linkOpen {
|
|||
|
|
width:88px;
|
|||
|
|
height:88px;
|
|||
|
|
background:url(img/page-icons.png) 0 -250px;
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
left:65px;
|
|||
|
|
bottom:85px;
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
-webkit-transition:all .6s linear;
|
|||
|
|
-webkit-transform:translateX(-160px) rotate(-360deg)
|
|||
|
|
}
|
|||
|
|
.m-teletextPop.z-viewArea .linkOpen {
|
|||
|
|
-webkit-transform:translateX(0px) rotate(0deg)
|
|||
|
|
}
|
|||
|
|
.m-teletextPop textarea {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.m-houseTypeList {
|
|||
|
|
margin:0;
|
|||
|
|
width:100%;
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
.m-houseTypeList ul {
|
|||
|
|
list-style:none;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
width:9999px;
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
.m-houseTypeList ul li {
|
|||
|
|
width:640px;
|
|||
|
|
height:100%;
|
|||
|
|
float:left;
|
|||
|
|
position:relative;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-houseTypeList ul li img {
|
|||
|
|
width:640px;
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
.m-houseTypeList ul li a {
|
|||
|
|
width:88px;
|
|||
|
|
height:88px;
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:85px;
|
|||
|
|
background:url(img/page-icons.png) 0 -250px;
|
|||
|
|
display:block;
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
-webkit-transition:all .6s linear;
|
|||
|
|
-webkit-transform:translateX(-160px) rotate(-360deg)
|
|||
|
|
}
|
|||
|
|
.m-houseTypeList ul li a.linkDetail {
|
|||
|
|
left:65px
|
|||
|
|
}
|
|||
|
|
.m-houseTypeList ul li a.linkCalculator {
|
|||
|
|
right:65px;
|
|||
|
|
background-position:-88px -250px;
|
|||
|
|
-webkit-transform:translateX(160px) rotate(360deg)
|
|||
|
|
}
|
|||
|
|
.m-houseTypeList.z-viewArea ul li a {
|
|||
|
|
-webkit-transform:translateX(0px) rotate(0deg)
|
|||
|
|
}
|
|||
|
|
.m-houseTypeList textarea {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.m-articlePop .m-articleWrapper {
|
|||
|
|
position:absolute;
|
|||
|
|
left:16px;
|
|||
|
|
right:16px;
|
|||
|
|
top:64px;
|
|||
|
|
bottom:0;
|
|||
|
|
padding-bottom:20px;
|
|||
|
|
background:#fff;
|
|||
|
|
border-radius:10px 10px 0 0;
|
|||
|
|
-webkit-transition:.5s;
|
|||
|
|
-webkit-transform:translateY(100%);
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-articlePop .m-articleWrapper article {
|
|||
|
|
font-size:24px;
|
|||
|
|
color:#6d635c;
|
|||
|
|
padding:28px 16px
|
|||
|
|
}
|
|||
|
|
.m-articlePop.z-show .m-articleWrapper {
|
|||
|
|
-webkit-transform:translateY(0%)
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator {
|
|||
|
|
background-color:#f2e9e4;
|
|||
|
|
-webkit-transition:all .5s
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator.z-edit1 {
|
|||
|
|
-webkit-transform:translateY(-40%)
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain {
|
|||
|
|
width:600px;
|
|||
|
|
margin:36px auto 0
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain dl {
|
|||
|
|
margin:0 0 16px;
|
|||
|
|
font-size:26px;
|
|||
|
|
color:#6e645c;
|
|||
|
|
overflow:hidden;
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain dl dd {
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain dl.formRow1 dt,.m-mortgageCalculator .calculatorMain dl.formRow2 dt {
|
|||
|
|
width:130px;
|
|||
|
|
height:72px;
|
|||
|
|
line-height:72px;
|
|||
|
|
font-size:28px;
|
|||
|
|
font-weight:700;
|
|||
|
|
color:#a36234;
|
|||
|
|
text-align:center;
|
|||
|
|
background-color:#fffaf7;
|
|||
|
|
box-shadow:2px 0 4px 0 #ccc;
|
|||
|
|
float:left;
|
|||
|
|
position:relative;
|
|||
|
|
z-index:1
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain dl.formRow1 dd,.m-mortgageCalculator .calculatorMain dl.formRow2 dd {
|
|||
|
|
float:right;
|
|||
|
|
width:470px;
|
|||
|
|
min-height:72px;
|
|||
|
|
margin:0;
|
|||
|
|
padding-top:8px
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain dl.formRow2 dd {
|
|||
|
|
width:165px;
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain dl.formRow2 dd:nth-child(2) {
|
|||
|
|
margin-right:10px
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain dl.formRow3 {
|
|||
|
|
background-color:#fff
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain dl.formRow3 dt {
|
|||
|
|
width:600px;
|
|||
|
|
height:42px;
|
|||
|
|
line-height:42px;
|
|||
|
|
font-size:28px;
|
|||
|
|
text-align:center;
|
|||
|
|
color:#f2e9e4;
|
|||
|
|
font-weight:700;
|
|||
|
|
background-color:#8f7764
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain dl.formRow3 dd {
|
|||
|
|
min-height:50px;
|
|||
|
|
line-height:50px;
|
|||
|
|
background-color:#fffcfa;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain form.z-commercialLoans .commercialLoansRow,.m-mortgageCalculator .calculatorMain form.z-fundLoans .fundLoansRow,.m-mortgageCalculator .calculatorMain form.z-portfolioLoans .portfolioLoansRow {
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch1 {
|
|||
|
|
display:-webkit-box;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch1 label {
|
|||
|
|
height:55px;
|
|||
|
|
line-height:55px;
|
|||
|
|
font-size:26px;
|
|||
|
|
color:#f2e9e4;
|
|||
|
|
text-align:center;
|
|||
|
|
background:#8f7764;
|
|||
|
|
display:list-item;
|
|||
|
|
list-style:none;
|
|||
|
|
-webkit-box-flex:1;
|
|||
|
|
cursor:pointer
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch1 label:nth-child(even) {
|
|||
|
|
background-color:#827061
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch1 input {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch1 label.z-current {
|
|||
|
|
background:#43c9cc;
|
|||
|
|
box-shadow:0 0 5px 0 #000;
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .interestRateEditor .interestRate {
|
|||
|
|
color:#43c9cc;
|
|||
|
|
font-weight:700;
|
|||
|
|
font-size:36px;
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .interestRateEditor .interestRate input {
|
|||
|
|
width:120px;
|
|||
|
|
text-align:right;
|
|||
|
|
margin-left:100px;
|
|||
|
|
border:1px solid #ccc;
|
|||
|
|
background-color:#fffcfa
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .interestRateEditor .interestRate input:disabled {
|
|||
|
|
border:0
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .interestRateEditor .linkEdit {
|
|||
|
|
width:36px;
|
|||
|
|
height:36px;
|
|||
|
|
margin:7px 18px 0 0;
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
background:url(img/page-icons.png) -200px -295px;
|
|||
|
|
float:right;
|
|||
|
|
display:inline-block
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .tab {
|
|||
|
|
width:100%
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .tab header {
|
|||
|
|
display:-webkit-box;
|
|||
|
|
overflow:hidden;
|
|||
|
|
padding-bottom:4px;
|
|||
|
|
background-color:#43c9cc
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .tab header label {
|
|||
|
|
height:55px;
|
|||
|
|
line-height:55px;
|
|||
|
|
font-size:26px;
|
|||
|
|
color:#f2e9e4;
|
|||
|
|
text-align:center;
|
|||
|
|
background:#8f7764;
|
|||
|
|
display:list-item;
|
|||
|
|
list-style:none;
|
|||
|
|
-webkit-box-flex:1;
|
|||
|
|
cursor:pointer
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .tab header label:nth-child(even) {
|
|||
|
|
background:#827061
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .tab header label input {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .tab header label.z-current {
|
|||
|
|
background:#43c9cc;
|
|||
|
|
box-shadow:0 -5px 5px 0 #000;
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .tab section {
|
|||
|
|
background-color:#fff;
|
|||
|
|
font-size:26px;
|
|||
|
|
color:#6e645c
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .textbox {
|
|||
|
|
width:230px;
|
|||
|
|
border:0;
|
|||
|
|
border-bottom:1px solid #f2e9e4
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch2 {
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:middle;
|
|||
|
|
height:55px;
|
|||
|
|
line-height:55px;
|
|||
|
|
width:260px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background-color:#dfccc1;
|
|||
|
|
border:1px solid #A7A7A7;
|
|||
|
|
box-sizing:border-box
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch2 label {
|
|||
|
|
width:200px;
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch2 ul {
|
|||
|
|
list-style:none;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
overflow:hidden;
|
|||
|
|
width:9999px
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch2 ul li {
|
|||
|
|
float:left;
|
|||
|
|
font-size:26px;
|
|||
|
|
width:120px;
|
|||
|
|
text-align:center;
|
|||
|
|
background-color:#dfccc1;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
overflow:hidden;
|
|||
|
|
text-overflow:ellipsis
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch2 ul li:nth-child(even) {
|
|||
|
|
background-color:#bfa89c
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch2 ul li.z-current {
|
|||
|
|
background-color:#43c9cc;
|
|||
|
|
color:#fff
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .switch2 input {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain .panel {
|
|||
|
|
background-color:#fff;
|
|||
|
|
padding:0!important;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain .panelRow {
|
|||
|
|
line-height:52px;
|
|||
|
|
padding:0 22px 0 32px;
|
|||
|
|
margin:10px 0
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .calculatorMain input[type=submit] {
|
|||
|
|
width:520px;
|
|||
|
|
height:72px;
|
|||
|
|
line-height:72px;
|
|||
|
|
border:0;
|
|||
|
|
border-radius:6px;
|
|||
|
|
margin-top:12px;
|
|||
|
|
background-color:#43c9cc;
|
|||
|
|
font-size:32px;
|
|||
|
|
font-weight:700;
|
|||
|
|
color:#fff
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .m-calculatorResult {
|
|||
|
|
width:528px;
|
|||
|
|
margin:16% auto 0
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .m-calculatorResult .m-header h2 {
|
|||
|
|
padding-left:32px
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .m-calculatorResult>section {
|
|||
|
|
background-color:#f2e9e4;
|
|||
|
|
min-height:600px
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .m-calculatorResult dl {
|
|||
|
|
background-color:#f2e9e4;
|
|||
|
|
height:88px;
|
|||
|
|
line-height:88px;
|
|||
|
|
font-size:32px;
|
|||
|
|
color:#a36234;
|
|||
|
|
margin:0;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .m-calculatorResult dd,.m-mortgageCalculator .m-calculatorResult dt {
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .m-calculatorResult dt {
|
|||
|
|
text-align:right;
|
|||
|
|
width:232px
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .m-calculatorResult dd {
|
|||
|
|
width:296px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
text-overflow:ellipsis;
|
|||
|
|
white-space:nowrap
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .m-calculatorResult dl:nth-child(even) {
|
|||
|
|
background-color:#ebe2dc
|
|||
|
|
}
|
|||
|
|
.m-mortgageCalculator .m-calculatorResult dl strong {
|
|||
|
|
font-size:42px
|
|||
|
|
}
|
|||
|
|
.m-panorama3D {
|
|||
|
|
width:100%;
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext {
|
|||
|
|
width:640px;
|
|||
|
|
list-style:none;
|
|||
|
|
padding:0;
|
|||
|
|
margin:0;
|
|||
|
|
position:relative;
|
|||
|
|
box-sizing:border-box
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext * {
|
|||
|
|
overflow:hidden!important
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li {
|
|||
|
|
padding:0;
|
|||
|
|
margin:0;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:0;
|
|||
|
|
right:0;
|
|||
|
|
bottom:0;
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li:nth-child(1) {
|
|||
|
|
display:block;
|
|||
|
|
z-index:3
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li:nth-child(2) {
|
|||
|
|
display:block;
|
|||
|
|
z-index:2
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li:nth-child(3) {
|
|||
|
|
display:block;
|
|||
|
|
z-index:1
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li img {
|
|||
|
|
width:580px;
|
|||
|
|
border-radius:2px;
|
|||
|
|
box-shadow:0 0 13px 0 #B8B8B8;
|
|||
|
|
-webkit-transition:all .3s;
|
|||
|
|
position:absolute;
|
|||
|
|
left:50%;
|
|||
|
|
top:30px;
|
|||
|
|
right:0;
|
|||
|
|
bottom:30px;
|
|||
|
|
margin-left:-290px
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext.z-viewArea li:nth-child(1) img {
|
|||
|
|
-webkit-transform:rotateZ(0deg)
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext.z-viewArea li:nth-child(2) img {
|
|||
|
|
-webkit-transform:rotateZ(1.6deg)
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext.z-viewArea li:nth-child(3) img {
|
|||
|
|
-webkit-transform:rotateZ(3.2deg)
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li p {
|
|||
|
|
font-size:26px;
|
|||
|
|
color:#fff;
|
|||
|
|
padding:12px 20px;
|
|||
|
|
margin:0;
|
|||
|
|
line-height:32px;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
background-color:rgba(0,0,0,.6);
|
|||
|
|
-webkit-transition:all .3s;
|
|||
|
|
-webkit-transition-delay:.1s;
|
|||
|
|
-webkit-transform:translateY(100%);
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
bottom:0;
|
|||
|
|
right:0;
|
|||
|
|
visibility:hidden
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li:nth-child(1) p {
|
|||
|
|
z-index:3;
|
|||
|
|
visibility:visible
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li:nth-child(2) p {
|
|||
|
|
z-index:2
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li:nth-child(3) p {
|
|||
|
|
z-index:1
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li.z-current p {
|
|||
|
|
-webkit-transform:translateY(0%)
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li.z-hideToLeft img {
|
|||
|
|
-webkit-animation:cascadingTeletext_hideToLeft .3s linear
|
|||
|
|
}
|
|||
|
|
.m-cascadingTeletext li.z-hideToLeft p,.m-cascadingTeletext li.z-hideToRight p {
|
|||
|
|
-webkit-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes cascadingTeletext_hideToLeft {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translateX(0%)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateX(-100%);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}.m-cascadingTeletext li.z-hideToRight img {
|
|||
|
|
-webkit-animation:cascadingTeletext_hideToRight .3s linear
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes cascadingTeletext_hideToRight {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:translateX(0%)
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:translateX(100%);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}.m-link {
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
bottom:172px;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.m-link .textLink {
|
|||
|
|
width:580px;
|
|||
|
|
height:98px;
|
|||
|
|
line-height:98px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:35px;
|
|||
|
|
text-align:center;
|
|||
|
|
text-decoration:none;
|
|||
|
|
background:#43c9cb;
|
|||
|
|
border-radius:5px;
|
|||
|
|
display:inline-block;
|
|||
|
|
-webkit-transition:all .3s
|
|||
|
|
}
|
|||
|
|
.m-link .textLink:active {
|
|||
|
|
background:#17babc
|
|||
|
|
}
|
|||
|
|
.m-link .imgLink {
|
|||
|
|
text-decoration:none;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.m-weixinShareLayer {
|
|||
|
|
text-align:center;
|
|||
|
|
padding-top:30px
|
|||
|
|
}
|
|||
|
|
.page-link .z-hide {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.m-btnPlay {
|
|||
|
|
display:block;
|
|||
|
|
width:77px;
|
|||
|
|
height:77px;
|
|||
|
|
position:absolute;
|
|||
|
|
left:50%;
|
|||
|
|
top:50%;
|
|||
|
|
margin:-34px;
|
|||
|
|
z-index:1
|
|||
|
|
}
|
|||
|
|
.m-btnPlay div,.m-btnPlay i {
|
|||
|
|
display:block;
|
|||
|
|
width:77px;
|
|||
|
|
height:77px;
|
|||
|
|
border-radius:50%;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:0
|
|||
|
|
}
|
|||
|
|
.m-btnPlay i {
|
|||
|
|
background:url(img/page-icons.png) 0 -96px;
|
|||
|
|
z-index:1;
|
|||
|
|
-webkit-transform:scale(1.5)
|
|||
|
|
}
|
|||
|
|
.m-btnPlay i.icon-video {
|
|||
|
|
background-position:0 -96px
|
|||
|
|
}
|
|||
|
|
.m-btnPlay i.icon-panorama3D {
|
|||
|
|
background-position:0 -173px
|
|||
|
|
}
|
|||
|
|
.m-btnPlay div {
|
|||
|
|
width:116px;
|
|||
|
|
height:116px;
|
|||
|
|
left:-19px;
|
|||
|
|
top:-19px;
|
|||
|
|
background:rgba(255,255,255,.6);
|
|||
|
|
-webkit-animation:video_btnPlay 1s linear infinite;
|
|||
|
|
opacity:0;
|
|||
|
|
z-index:0
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes video_btnPlay {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform:scale(1);
|
|||
|
|
opacity:.8
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
-webkit-transform:scale(2);
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}.m-youkuVideo {
|
|||
|
|
width:640px;
|
|||
|
|
height:460px;
|
|||
|
|
margin-top:260px;
|
|||
|
|
background-color:#000
|
|||
|
|
}
|
|||
|
|
.m-youkuVideo .videoBody {
|
|||
|
|
background-color:rgba(0,0,0,.7);
|
|||
|
|
display:none;
|
|||
|
|
-webkit-transition:all .8s;
|
|||
|
|
position:absolute;
|
|||
|
|
z-index:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
top:0;
|
|||
|
|
bottom:0
|
|||
|
|
}
|
|||
|
|
.m-youkuVideo .videoBody>* {
|
|||
|
|
width:640px!important;
|
|||
|
|
height:480px!important;
|
|||
|
|
margin-top:40%;
|
|||
|
|
margin-bottom:36%
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints {
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
top:0;
|
|||
|
|
bottom:0
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul {
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
list-style:none;
|
|||
|
|
padding:0;
|
|||
|
|
margin:0;
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li {
|
|||
|
|
position:absolute;
|
|||
|
|
left:50%;
|
|||
|
|
top:50%;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li h3 {
|
|||
|
|
margin:5px 0;
|
|||
|
|
padding:2px 6px;
|
|||
|
|
border-radius:20px;
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:26px;
|
|||
|
|
font-weight:400;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
background:rgba(0,0,0,.3)
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li::after {
|
|||
|
|
content:'';
|
|||
|
|
display:inline-block;
|
|||
|
|
width:51px;
|
|||
|
|
height:60px;
|
|||
|
|
background:url(img/page-icons.png) -96px -96px no-repeat
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(1)::after {
|
|||
|
|
background-position:-96px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(2)::after {
|
|||
|
|
background-position:-159px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(3)::after {
|
|||
|
|
background-position:-222px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(4)::after {
|
|||
|
|
background-position:-285px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(5)::after {
|
|||
|
|
background-position:-96px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(6)::after {
|
|||
|
|
background-position:-159px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(7)::after {
|
|||
|
|
background-position:-222px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(8)::after {
|
|||
|
|
background-position:-285px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(9)::after {
|
|||
|
|
background-position:-96px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(10)::after {
|
|||
|
|
background-position:-159px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(11)::after {
|
|||
|
|
background-position:-222px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(12)::after {
|
|||
|
|
background-position:-285px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(13)::after {
|
|||
|
|
background-position:-96px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(14)::after {
|
|||
|
|
background-position:-159px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(15)::after {
|
|||
|
|
background-position:-222px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(16)::after {
|
|||
|
|
background-position:-285px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(17)::after {
|
|||
|
|
background-position:-96px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(18)::after {
|
|||
|
|
background-position:-159px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(19)::after {
|
|||
|
|
background-position:-222px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(20)::after {
|
|||
|
|
background-position:-285px -96px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li a {
|
|||
|
|
display:inline-block;
|
|||
|
|
width:63px;
|
|||
|
|
height:76px;
|
|||
|
|
background:url(img/page-icons.png) -90px -165px no-repeat;
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:-3px;
|
|||
|
|
-webkit-animation:distributedPoints_a 1s infinite
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(1) a {
|
|||
|
|
background-position:-90px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(2) a {
|
|||
|
|
background-position:-153px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(3) a {
|
|||
|
|
background-position:-216px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(4) a {
|
|||
|
|
background-position:-279px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(5) a {
|
|||
|
|
background-position:-90px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(6) a {
|
|||
|
|
background-position:-153px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(7) a {
|
|||
|
|
background-position:-216px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(8) a {
|
|||
|
|
background-position:-279px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(9) a {
|
|||
|
|
background-position:-90px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(10) a {
|
|||
|
|
background-position:-153px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(11) a {
|
|||
|
|
background-position:-216px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(12) a {
|
|||
|
|
background-position:-279px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(13) a {
|
|||
|
|
background-position:-90px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(14) a {
|
|||
|
|
background-position:-153px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(15) a {
|
|||
|
|
background-position:-216px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(16) a {
|
|||
|
|
background-position:-279px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(17) a {
|
|||
|
|
background-position:-90px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(18) a {
|
|||
|
|
background-position:-153px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(19) a {
|
|||
|
|
background-position:-216px -165px
|
|||
|
|
}
|
|||
|
|
.m-distributedPoints ul li:nth-child(20) a {
|
|||
|
|
background-position:-279px -165px
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes distributedPoints_a {
|
|||
|
|
0% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}.m-contactInfo {
|
|||
|
|
width:582px;
|
|||
|
|
border-radius:2px;
|
|||
|
|
background-color:#fff;
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:360px;
|
|||
|
|
left:50%;
|
|||
|
|
margin-left:-291px
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl {
|
|||
|
|
height:138px;
|
|||
|
|
line-height:138px;
|
|||
|
|
border-bottom:1px solid #3b3b46;
|
|||
|
|
width:500px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl:last-child {
|
|||
|
|
border-bottom:none
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl dt {
|
|||
|
|
width:112px;
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
float:left;
|
|||
|
|
line-height:48px
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl dd,.m-contactInfo dl dt {
|
|||
|
|
margin:0
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl dt::after {
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
width:48px;
|
|||
|
|
height:48px;
|
|||
|
|
background:url(img/page-icons.png);
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl dt.icon-email::after {
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl dt.icon-tel::after {
|
|||
|
|
background-position:-48px 0
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl dt.icon-weixin::after {
|
|||
|
|
background-position:-96px 0
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl dd {
|
|||
|
|
padding-left:22px;
|
|||
|
|
float:left;
|
|||
|
|
width:366px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
text-overflow:ellipsis
|
|||
|
|
}
|
|||
|
|
.m-contactInfo dl dd a {
|
|||
|
|
text-decoration:none;
|
|||
|
|
font-size:32px;
|
|||
|
|
color:#000
|
|||
|
|
}
|
|||
|
|
.m-contactUs {
|
|||
|
|
width:100%;
|
|||
|
|
text-align:center;
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:200px
|
|||
|
|
}
|
|||
|
|
.m-contactUs a {
|
|||
|
|
text-decoration:none;
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.m-contactForm {
|
|||
|
|
width:582px;
|
|||
|
|
border-radius:2px;
|
|||
|
|
background:rgba(255,255,255,.9);
|
|||
|
|
margin:0;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-contactForm h2 {
|
|||
|
|
font-size:30px;
|
|||
|
|
font-weight:400;
|
|||
|
|
width:495px;
|
|||
|
|
border:2px solid #44c9c8;
|
|||
|
|
border-top:0;
|
|||
|
|
margin:75px auto 0;
|
|||
|
|
height:2px;
|
|||
|
|
padding-top:3px;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.m-contactForm h2 span {
|
|||
|
|
-webkit-transform:translateY(-45px);
|
|||
|
|
display:inline-block
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl {
|
|||
|
|
width:495px;
|
|||
|
|
min-height:50px;
|
|||
|
|
margin:28px auto 0;
|
|||
|
|
font-size:28px;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd,.m-contactForm dl dt {
|
|||
|
|
float:left;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt {
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
width:58px;
|
|||
|
|
line-height:4px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt::after {
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
width:48px;
|
|||
|
|
height:48px;
|
|||
|
|
background:url(img/page-icons.png) 0 -48px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt.icon-name::after {
|
|||
|
|
background-position:0 -48px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt.icon-sex::after {
|
|||
|
|
background-position:-48px -48px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt.icon-tel::after {
|
|||
|
|
background-position:-96px -48px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt.icon-company::after {
|
|||
|
|
background-position:-144px -48px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt.icon-job::after {
|
|||
|
|
background-position:0 -48px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt.icon-type::after {
|
|||
|
|
background-position:-144px -48px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt.icon-time::after {
|
|||
|
|
background-position:-192px -48px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dt.icon-email::after {
|
|||
|
|
background-position:-240px -48px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd {
|
|||
|
|
width:436px;
|
|||
|
|
line-height:49px;
|
|||
|
|
border-bottom:1px solid #9b9b9b
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd input[type=tel],.m-contactForm dl dd input[type=text],.m-contactForm dl dd textarea {
|
|||
|
|
vertical-align:bottom;
|
|||
|
|
width:96%;
|
|||
|
|
height:36px;
|
|||
|
|
border:0;
|
|||
|
|
background:0 0;
|
|||
|
|
outerline:none
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd input[type=number] {
|
|||
|
|
vertical-align:bottom;
|
|||
|
|
width:96%;
|
|||
|
|
height:36px;
|
|||
|
|
border:0;
|
|||
|
|
background:0 0
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd input.z-error {
|
|||
|
|
color:#f85c5d
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd label {
|
|||
|
|
margin:0 40px 0 20px
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd input[type=radio] {
|
|||
|
|
border:3px solid #858585;
|
|||
|
|
-webkit-appearance:none;
|
|||
|
|
display:inline-block;
|
|||
|
|
width:20px;
|
|||
|
|
height:20px;
|
|||
|
|
line-height:9px;
|
|||
|
|
margin-right:8px;
|
|||
|
|
border-radius:50%;
|
|||
|
|
background:0 0;
|
|||
|
|
padding:2px;
|
|||
|
|
-webkit-transform:scale(1.5) translateY(1px)
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd input[type=radio]::before {
|
|||
|
|
content:'\2022';
|
|||
|
|
font-size:30px;
|
|||
|
|
display:table;
|
|||
|
|
padding:0;
|
|||
|
|
border:none;
|
|||
|
|
color:transparent
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd input[type=radio]:checked {
|
|||
|
|
border-color:#43c9ca
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd input[type=radio]:checked::before {
|
|||
|
|
color:#43c9ca
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl dd select {
|
|||
|
|
border:none;
|
|||
|
|
background:0 0;
|
|||
|
|
width:100%;
|
|||
|
|
outline:0
|
|||
|
|
}
|
|||
|
|
.m-contactForm dl textarea {
|
|||
|
|
width:482px;
|
|||
|
|
float:right;
|
|||
|
|
height:100px;
|
|||
|
|
border:1px solid #9b9b9b
|
|||
|
|
}
|
|||
|
|
.m-contactForm .btn-submit {
|
|||
|
|
display:block;
|
|||
|
|
width:100%;
|
|||
|
|
height:98px;
|
|||
|
|
background-color:#43c9cc;
|
|||
|
|
border:none;
|
|||
|
|
border-top:1px solid #d4d8db;
|
|||
|
|
border-radius:0;
|
|||
|
|
margin:38px 0 0;
|
|||
|
|
line-height:98px;
|
|||
|
|
font-size:35px;
|
|||
|
|
color:#fff;
|
|||
|
|
letter-spacing:2px
|
|||
|
|
}
|
|||
|
|
.m-contactForm .btn-submit:disabled {
|
|||
|
|
background-color:#9e9fa1!important
|
|||
|
|
}
|
|||
|
|
.m-contactForm .btn-submit:active {
|
|||
|
|
background-color:#2FAEB1
|
|||
|
|
}
|
|||
|
|
.m-contactForm .successTipLayer p {
|
|||
|
|
width:498px;
|
|||
|
|
background:#55e224;
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:30px;
|
|||
|
|
border-radius:5px;
|
|||
|
|
line-height:36px;
|
|||
|
|
padding:32px 20px;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
margin:30% auto 0
|
|||
|
|
}
|
|||
|
|
.m-contactForm .failedTipLayer p {
|
|||
|
|
width:498px;
|
|||
|
|
background:#FF6C6C;
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:30px;
|
|||
|
|
border-radius:5px;
|
|||
|
|
line-height:36px;
|
|||
|
|
padding:32px 20px;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
margin:30% auto 0
|
|||
|
|
}
|
|||
|
|
.m-contactFormLayer>div {
|
|||
|
|
width:582px;
|
|||
|
|
padding:1px 1px 15px;
|
|||
|
|
margin:auto
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd {
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
background:rgba(0,0,0,.6);
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd a {
|
|||
|
|
background:url(img/bg-lightAppAd.jpg) no-repeat;
|
|||
|
|
display:block;
|
|||
|
|
width:560px;
|
|||
|
|
height:90px;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd a.m-lightAppAd-link-guide,.m-lightAppAd-body {
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:0;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
-webkit-transition:all .6s
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd a.m-lightAppAd-link-guide {
|
|||
|
|
width:640px;
|
|||
|
|
height:50px;
|
|||
|
|
background-position:0 -149px;
|
|||
|
|
box-shadow:0 0 18px 0 #000
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd-body {
|
|||
|
|
background-color:#f5f5f5;
|
|||
|
|
height:450px;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
-webkit-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd-title {
|
|||
|
|
background:url(img/bg-lightAppAd.jpg) no-repeat;
|
|||
|
|
width:640px;
|
|||
|
|
height:149px
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd a.m-lightAppAd-link-get {
|
|||
|
|
background-position:0 -199px;
|
|||
|
|
margin-top:22px
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd a.m-lightAppAd-link-tel {
|
|||
|
|
background-position:0 -289px;
|
|||
|
|
margin-top:42px
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd.z-showBody {
|
|||
|
|
top:0
|
|||
|
|
}
|
|||
|
|
.m-lightAppAd.z-showBody .m-lightAppAd-body {
|
|||
|
|
-webkit-transform:translateY(0%)
|
|||
|
|
}
|
|||
|
|
.m-moreAppList {
|
|||
|
|
overflow:hidden;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
right:0;
|
|||
|
|
top:72px;
|
|||
|
|
bottom:0
|
|||
|
|
}
|
|||
|
|
.m-moreAppList ul {
|
|||
|
|
width:608px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
padding:0;
|
|||
|
|
list-style:none;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-moreAppList ul li {
|
|||
|
|
background-color:rgba(255,255,255,.85);
|
|||
|
|
margin:24px 0;
|
|||
|
|
position:relative;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.m-moreAppList ul li a {
|
|||
|
|
font-size:24px;
|
|||
|
|
color:#3a2d23;
|
|||
|
|
text-decoration:none;
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.m-moreAppList ul li img {
|
|||
|
|
width:608px;
|
|||
|
|
height:260px
|
|||
|
|
}
|
|||
|
|
.m-moreAppList ul li h3 {
|
|||
|
|
margin:5px 0 5px 22px;
|
|||
|
|
width:480px;
|
|||
|
|
font-size:32px
|
|||
|
|
}
|
|||
|
|
.m-moreAppList ul li p {
|
|||
|
|
margin:10px 0 10px 22px;
|
|||
|
|
width:480px
|
|||
|
|
}
|
|||
|
|
.m-moreAppList ul li i {
|
|||
|
|
width:66px;
|
|||
|
|
height:66px;
|
|||
|
|
line-height:66px;
|
|||
|
|
border-radius:50%;
|
|||
|
|
text-align:center;
|
|||
|
|
font-size:40px;
|
|||
|
|
color:#fff;
|
|||
|
|
background-color:#43c9cb;
|
|||
|
|
position:absolute;
|
|||
|
|
right:32px;
|
|||
|
|
bottom:26px;
|
|||
|
|
display:block;
|
|||
|
|
font-style:normal
|
|||
|
|
}
|
|||
|
|
.page-content {
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
.page-link .m-link {
|
|||
|
|
-webkit-animation:flipinX 1s ease-out backwards;
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.page-link.z-current .m-link {
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.page-panorama3D .m-btnPlay {
|
|||
|
|
-webkit-animation:bouncein 1s ease-out backwards;
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.page-panorama3D.z-current .m-btnPlay {
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.page-video .m-btnPlay {
|
|||
|
|
-webkit-animation:bouncein 1s ease-out backwards;
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.page-video.z-current .m-btnPlay {
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.page-map .m-distributedPoints ul li {
|
|||
|
|
visibility:hidden
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li {
|
|||
|
|
visibility:visible;
|
|||
|
|
-webkit-animation:bouncein 1s ease-out backwards
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(1) {
|
|||
|
|
-webkit-animation-delay:.2s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(2) {
|
|||
|
|
-webkit-animation-delay:.4s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(3) {
|
|||
|
|
-webkit-animation-delay:.6s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(4) {
|
|||
|
|
-webkit-animation-delay:.8s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(5) {
|
|||
|
|
-webkit-animation-delay:1s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(6) {
|
|||
|
|
-webkit-animation-delay:1.2s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(7) {
|
|||
|
|
-webkit-animation-delay:1.4s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(8) {
|
|||
|
|
-webkit-animation-delay:1.6s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(9) {
|
|||
|
|
-webkit-animation-delay:1.8s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(10) {
|
|||
|
|
-webkit-animation-delay:2s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(11) {
|
|||
|
|
-webkit-animation-delay:2.2s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(12) {
|
|||
|
|
-webkit-animation-delay:2.4s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(13) {
|
|||
|
|
-webkit-animation-delay:2.6s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(14) {
|
|||
|
|
-webkit-animation-delay:2.8s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(15) {
|
|||
|
|
-webkit-animation-delay:3s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(16) {
|
|||
|
|
-webkit-animation-delay:3.2s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(17) {
|
|||
|
|
-webkit-animation-delay:3.4s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(18) {
|
|||
|
|
-webkit-animation-delay:3.6s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(19) {
|
|||
|
|
-webkit-animation-delay:3.8s
|
|||
|
|
}
|
|||
|
|
.page-map.z-current .m-distributedPoints ul li:nth-child(20) {
|
|||
|
|
-webkit-animation-delay:4s
|
|||
|
|
}
|
|||
|
|
.page-form .m-contactInfo,.page-form .m-contactUs {
|
|||
|
|
-webkit-animation:bounceinT 1s ease-out backwards;
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.page-form.z-current .m-contactInfo,.page-form.z-current .m-contactUs {
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.page-form .u-maskLayer .m-contactForm {
|
|||
|
|
-webkit-transition:-webkit-transform .5s;
|
|||
|
|
-webkit-transform:translateY(-120%)
|
|||
|
|
}
|
|||
|
|
.page-form .u-maskLayer.z-show .m-contactForm,.page-form .u-maskLayer.z-showing .m-contactForm {
|
|||
|
|
-webkit-transform:translateY(0%)
|
|||
|
|
}
|
|||
|
|
.dwbg {
|
|||
|
|
-webkit-transform:scale(1.8) translate(-8px,60px)
|
|||
|
|
}
|
|||
|
|
.dw,.dwo {
|
|||
|
|
-webkit-tap-highlight-color:transparent
|
|||
|
|
}
|
|||
|
|
.dw {
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
z-index:1001;
|
|||
|
|
font-size:12px;
|
|||
|
|
text-shadow:none;
|
|||
|
|
-webkit-backface-visibility:hidden;
|
|||
|
|
-webkit-box-sizing:border-box;
|
|||
|
|
-webkit-user-select:none;
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
-moz-user-select:none;
|
|||
|
|
-ms-user-select:none;
|
|||
|
|
-ms-touch-action:none;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
user-select:none;
|
|||
|
|
touch-action:none
|
|||
|
|
}
|
|||
|
|
.dwi {
|
|||
|
|
position:static;
|
|||
|
|
display:inline-block
|
|||
|
|
}
|
|||
|
|
.dwwr {
|
|||
|
|
padding:0 2px;
|
|||
|
|
border-radius:3px;
|
|||
|
|
-webkit-border-radius:3px;
|
|||
|
|
min-width:170px;
|
|||
|
|
zoom:1;
|
|||
|
|
overflow:hidden;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.dw-bottom .dwwr,.dw-top .dwwr {
|
|||
|
|
-moz-border-radius:0;
|
|||
|
|
-webkit-border-radius:0;
|
|||
|
|
border-radius:0
|
|||
|
|
}
|
|||
|
|
.dw-persp,.dwo {
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
z-index:1001
|
|||
|
|
}
|
|||
|
|
.dwo {
|
|||
|
|
background:#000;
|
|||
|
|
background:rgba(0,0,0,.7);
|
|||
|
|
filter:Alpha(Opacity=70)
|
|||
|
|
}
|
|||
|
|
.dw-bubble .dw {
|
|||
|
|
margin:20px 0
|
|||
|
|
}
|
|||
|
|
.dw-bubble .dw-arrw {
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
width:100%
|
|||
|
|
}
|
|||
|
|
.dw-bubble-top .dw-arrw {
|
|||
|
|
bottom:-36px
|
|||
|
|
}
|
|||
|
|
.dw-bubble-bottom .dw-arrw {
|
|||
|
|
top:-36px
|
|||
|
|
}
|
|||
|
|
.dw-bubble .dw-arrw-i {
|
|||
|
|
margin:0 30px;
|
|||
|
|
position:relative;
|
|||
|
|
height:36px
|
|||
|
|
}
|
|||
|
|
.dw-bubble .dw-arr {
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.dw-arr {
|
|||
|
|
display:none;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
width:0;
|
|||
|
|
height:0;
|
|||
|
|
border-width:18px;
|
|||
|
|
border-style:solid;
|
|||
|
|
margin-left:-18px
|
|||
|
|
}
|
|||
|
|
.dw-bubble-bottom .dw-arr {
|
|||
|
|
top:0;
|
|||
|
|
border-color:transparent transparent #fff
|
|||
|
|
}
|
|||
|
|
.dw-bubble-top .dw-arr {
|
|||
|
|
bottom:0;
|
|||
|
|
border-color:#fff transparent transparent
|
|||
|
|
}
|
|||
|
|
.dwc {
|
|||
|
|
vertical-align:middle;
|
|||
|
|
padding:26px 2px 4px;
|
|||
|
|
display:inline-block
|
|||
|
|
}
|
|||
|
|
.dwl {
|
|||
|
|
left:0;
|
|||
|
|
text-align:center;
|
|||
|
|
line-height:30px;
|
|||
|
|
height:30px;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
position:absolute;
|
|||
|
|
top:-30px;
|
|||
|
|
width:100%
|
|||
|
|
}
|
|||
|
|
.dwv {
|
|||
|
|
padding:7px 0;
|
|||
|
|
margin:0 -2px;
|
|||
|
|
font-size:14px
|
|||
|
|
}
|
|||
|
|
.dwi .dwv {
|
|||
|
|
margin:0 2px;
|
|||
|
|
-webkit-border-radius:3px;
|
|||
|
|
border-radius:3px
|
|||
|
|
}
|
|||
|
|
.dw .dwwr .dw-hidden,.dw-hidden {
|
|||
|
|
width:0;
|
|||
|
|
height:0;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
border:0;
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.dwrc {
|
|||
|
|
-webkit-border-radius:3px;
|
|||
|
|
border-radius:3px
|
|||
|
|
}
|
|||
|
|
.dwwc {
|
|||
|
|
margin:0;
|
|||
|
|
padding:0 2px;
|
|||
|
|
position:relative;
|
|||
|
|
background:#000;
|
|||
|
|
zoom:1
|
|||
|
|
}
|
|||
|
|
.dwwl {
|
|||
|
|
margin:4px 2px;
|
|||
|
|
padding:0 2px;
|
|||
|
|
position:relative;
|
|||
|
|
z-index:5
|
|||
|
|
}
|
|||
|
|
.dwww {
|
|||
|
|
position:relative;
|
|||
|
|
padding:1px
|
|||
|
|
}
|
|||
|
|
.dww {
|
|||
|
|
overflow:hidden;
|
|||
|
|
position:relative;
|
|||
|
|
z-index:2
|
|||
|
|
}
|
|||
|
|
.dw-moz .dww {
|
|||
|
|
opacity:.99
|
|||
|
|
}
|
|||
|
|
.dwsc .dwwl {
|
|||
|
|
background:#888;
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35,#333),color-stop(0.5,#888),color-stop(0.65,#333),to(#000));
|
|||
|
|
background:-webkit-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%);
|
|||
|
|
background:-moz-linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%);
|
|||
|
|
background:linear-gradient(#000 0,#333 35%,#888 50%,#333 65%,#000 100%)
|
|||
|
|
}
|
|||
|
|
.dwsc .dww {
|
|||
|
|
color:#fff;
|
|||
|
|
background:#444;
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45,#444),color-stop(0.55,#444),to(#000));
|
|||
|
|
background:-webkit-linear-gradient(#000 0,#444 45%,#444 55%,#000 100%);
|
|||
|
|
background:-moz-linear-gradient(#000 0,#444 45%,#444 55%,#000 100%);
|
|||
|
|
background:linear-gradient(#000 0,#444 45%,#444 55%,#000 100%)
|
|||
|
|
}
|
|||
|
|
.dw-bf {
|
|||
|
|
-webkit-perspective:1000;
|
|||
|
|
-webkit-backface-visibility:hidden
|
|||
|
|
}
|
|||
|
|
.dw-ul {
|
|||
|
|
position:relative;
|
|||
|
|
z-index:2
|
|||
|
|
}
|
|||
|
|
.dw-li {
|
|||
|
|
padding:0 5px;
|
|||
|
|
display:block;
|
|||
|
|
text-align:center;
|
|||
|
|
line-height:40px;
|
|||
|
|
font-size:26px;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
text-shadow:0 1px 1px #000;
|
|||
|
|
vertical-align:bottom;
|
|||
|
|
opacity:.3;
|
|||
|
|
filter:Alpha(Opacity=30)
|
|||
|
|
}
|
|||
|
|
.dw-li.dw-hl {
|
|||
|
|
background:#fff;
|
|||
|
|
background:rgba(255,255,255,.3)
|
|||
|
|
}
|
|||
|
|
.dw-li.dw-v {
|
|||
|
|
opacity:1;
|
|||
|
|
filter:Alpha(Opacity=100)
|
|||
|
|
}
|
|||
|
|
.dw-li.dw-h {
|
|||
|
|
visibility:hidden
|
|||
|
|
}
|
|||
|
|
.dw-i {
|
|||
|
|
position:relative;
|
|||
|
|
height:100%;
|
|||
|
|
overflow:hidden;
|
|||
|
|
text-overflow:ellipsis
|
|||
|
|
}
|
|||
|
|
.dwwb {
|
|||
|
|
position:absolute;
|
|||
|
|
z-index:4;
|
|||
|
|
left:0;
|
|||
|
|
cursor:pointer;
|
|||
|
|
width:100%;
|
|||
|
|
height:40px;
|
|||
|
|
text-align:center;
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transition:opacity .2s linear;
|
|||
|
|
transition:opacity .2s linear
|
|||
|
|
}
|
|||
|
|
.dwa .dwwb {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
.dwpm .dwwbp {
|
|||
|
|
top:0;
|
|||
|
|
-webkit-border-radius:3px 3px 0 0;
|
|||
|
|
border-radius:3px 3px 0 0;
|
|||
|
|
font-size:40px
|
|||
|
|
}
|
|||
|
|
.dwpm .dwwbm {
|
|||
|
|
bottom:0;
|
|||
|
|
-webkit-border-radius:0 0 3px 3px;
|
|||
|
|
border-radius:0 0 3px 3px;
|
|||
|
|
font-size:32px;
|
|||
|
|
font-weight:700
|
|||
|
|
}
|
|||
|
|
.dwpm .dwwl {
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
.dwpm .dw-li {
|
|||
|
|
text-shadow:none
|
|||
|
|
}
|
|||
|
|
.dwpm .dwwol {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.dwwo {
|
|||
|
|
position:absolute;
|
|||
|
|
z-index:3;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52,rgba(44,44,44,0)),color-stop(0.48,rgba(44,44,44,0)),to(#000));
|
|||
|
|
background:-webkit-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);
|
|||
|
|
background:-moz-linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);
|
|||
|
|
background:linear-gradient(#000 0,rgba(44,44,44,0) 52%,rgba(44,44,44,0) 48%,#000 100%);
|
|||
|
|
pointer-events:none
|
|||
|
|
}
|
|||
|
|
.dwwol {
|
|||
|
|
position:absolute;
|
|||
|
|
z-index:1;
|
|||
|
|
top:50%;
|
|||
|
|
left:0;
|
|||
|
|
width:100%;
|
|||
|
|
height:0;
|
|||
|
|
margin-top:-1px;
|
|||
|
|
border-top:1px solid #333;
|
|||
|
|
border-bottom:1px solid #555;
|
|||
|
|
pointer-events:none
|
|||
|
|
}
|
|||
|
|
.dwbg .dwb {
|
|||
|
|
cursor:pointer;
|
|||
|
|
overflow:hidden;
|
|||
|
|
display:block;
|
|||
|
|
height:40px;
|
|||
|
|
line-height:40px;
|
|||
|
|
padding:0 15px;
|
|||
|
|
margin:0 2px;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-weight:700;
|
|||
|
|
text-decoration:none;
|
|||
|
|
text-shadow:0 -1px 1px #000;
|
|||
|
|
color:#fff;
|
|||
|
|
background:#000;
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#000),color-stop(0.5,#6e6e6e));
|
|||
|
|
background:-webkit-linear-gradient(#6e6e6e 50%,#000 50%);
|
|||
|
|
background:-moz-linear-gradient(#6e6e6e 50%,#000 50%);
|
|||
|
|
background:linear-gradient(#6e6e6e 50%,#000 50%);
|
|||
|
|
white-space:nowrap;
|
|||
|
|
text-overflow:ellipsis;
|
|||
|
|
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
|
|||
|
|
-webkit-border-radius:5px;
|
|||
|
|
-webkit-backface-visibility:hidden;
|
|||
|
|
border-radius:5px;
|
|||
|
|
box-shadow:0 1px 3px rgba(0,0,0,.5)
|
|||
|
|
}
|
|||
|
|
.dwbc {
|
|||
|
|
display:table;
|
|||
|
|
width:100%;
|
|||
|
|
padding-bottom:4px;
|
|||
|
|
text-align:center;
|
|||
|
|
-webkit-box-sizing:border-box;
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
box-sizing:border-box
|
|||
|
|
}
|
|||
|
|
.dwbw {
|
|||
|
|
display:table-cell;
|
|||
|
|
position:relative;
|
|||
|
|
z-index:5
|
|||
|
|
}
|
|||
|
|
.dwhl {
|
|||
|
|
padding-top:4px
|
|||
|
|
}
|
|||
|
|
.dwhl .dwl {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.dwms .dwwms .dw-li {
|
|||
|
|
padding:0 40px;
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.dw-hsel {
|
|||
|
|
position:absolute;
|
|||
|
|
height:1px;
|
|||
|
|
width:1px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
clip:rect(1px,1px,1px,1px)
|
|||
|
|
}
|
|||
|
|
.dwms .dw-msel:after {
|
|||
|
|
width:40px;
|
|||
|
|
text-align:center;
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
content:'✔'
|
|||
|
|
}
|
|||
|
|
.dwbg .dwwr {
|
|||
|
|
background:#fff;
|
|||
|
|
color:#000;
|
|||
|
|
font-family:arial,verdana,sans-serif
|
|||
|
|
}
|
|||
|
|
.dwbg .dwv {
|
|||
|
|
background-color:#dfdfdf
|
|||
|
|
}
|
|||
|
|
.dwbg .dwpm .dwwl {
|
|||
|
|
background:#fff
|
|||
|
|
}
|
|||
|
|
.dwbg .dwpm .dww {
|
|||
|
|
color:#000;
|
|||
|
|
background:#fff;
|
|||
|
|
-webkit-border-radius:3px
|
|||
|
|
}
|
|||
|
|
.dwbg .dwwb {
|
|||
|
|
background:#ccc;
|
|||
|
|
color:#888;
|
|||
|
|
font-weight:400;
|
|||
|
|
text-decoration:none;
|
|||
|
|
text-shadow:0 -1px 1px #333;
|
|||
|
|
box-shadow:0 0 5px #333;
|
|||
|
|
-webkit-box-shadow:0 0 5px #333
|
|||
|
|
}
|
|||
|
|
.dwbg .dwwbp {
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
|
|||
|
|
background:-webkit-linear-gradient(#f7f7f7,#bdbdbd);
|
|||
|
|
background:-moz-linear-gradient(#f7f7f7,#bdbdbd);
|
|||
|
|
background:linear-gradient(#f7f7f7,#bdbdbd)
|
|||
|
|
}
|
|||
|
|
.dwbg .dwwbm {
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
|
|||
|
|
background:-webkit-linear-gradient(#bdbdbd,#f7f7f7);
|
|||
|
|
background:-moz-linear-gradient(#bdbdbd,#f7f7f7);
|
|||
|
|
background:linear-gradient(#bdbdbd,#f7f7f7)
|
|||
|
|
}
|
|||
|
|
.dwbg .dwbc {
|
|||
|
|
font-size:0
|
|||
|
|
}
|
|||
|
|
.dwbg .dwb-a {
|
|||
|
|
background:#3c7500;
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#3c7500),color-stop(0.5,#94c840));
|
|||
|
|
background:-webkit-linear-gradient(#94c840 50%,#3c7500 50%);
|
|||
|
|
background:-moz-linear-gradient(#94c840 50%,#3c7500 50%);
|
|||
|
|
background:linear-gradient(#94c840 50%,#3c7500 50%)
|
|||
|
|
}
|
|||
|
|
.dwbg .dwwl .dwb-a {
|
|||
|
|
background:#3c7500;
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
|
|||
|
|
background:-webkit-linear-gradient(#94c840,#3c7500);
|
|||
|
|
background:-moz-linear-gradient(#94c840,#3c7500);
|
|||
|
|
background:linear-gradient(#94c840,#3c7500)
|
|||
|
|
}
|
|||
|
|
.android-ics .dw .dwb,.android-ics .dw .dwpm .dww,.android-ics .dw .dww,.android-ics .dw .dwwc,.android-ics .dw .dwwl {
|
|||
|
|
background:0 0
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwr {
|
|||
|
|
padding:0;
|
|||
|
|
background:#292829;
|
|||
|
|
color:#31b6e7
|
|||
|
|
}
|
|||
|
|
.android-ics .dwc {
|
|||
|
|
padding:30px 10px 1px
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwc {
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
.android-ics .dwhl {
|
|||
|
|
padding:1px 10px
|
|||
|
|
}
|
|||
|
|
.android-ics .dwv {
|
|||
|
|
background:0 0;
|
|||
|
|
line-height:36px;
|
|||
|
|
padding:0;
|
|||
|
|
margin:0;
|
|||
|
|
border-bottom:2px solid #31b6e7;
|
|||
|
|
font-size:18px;
|
|||
|
|
-webkit-border-radius:0;
|
|||
|
|
border-radius:0
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwl {
|
|||
|
|
margin:0 2px
|
|||
|
|
}
|
|||
|
|
.android-ics .dw .dwpm .dww,.android-ics .dw .dwpm .dwwl,.android-ics .dww {
|
|||
|
|
border:0
|
|||
|
|
}
|
|||
|
|
.android-ics .dww .dw-li {
|
|||
|
|
color:#fff;
|
|||
|
|
font-size:18px;
|
|||
|
|
text-shadow:none
|
|||
|
|
}
|
|||
|
|
.android-ics .dww .dw-li.dw-hl {
|
|||
|
|
background:#31b6e7;
|
|||
|
|
background:rgba(49,182,231,.5)
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwo {
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52,rgba(40,40,40,0)),color-stop(0.48,rgba(40,40,40,0)),to(#282828));
|
|||
|
|
background:-webkit-linear-gradient(#282828 0,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828 100%);
|
|||
|
|
background:-moz-linear-gradient(#282828 0,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828 100%);
|
|||
|
|
background:linear-gradient(#282828 0,rgba(40,40,40,0) 52%,rgba(40,40,40,0) 48%,#282828 100%)
|
|||
|
|
}
|
|||
|
|
.android-ics .dw .dwwb {
|
|||
|
|
background:#292829;
|
|||
|
|
-webkit-box-shadow:none;
|
|||
|
|
box-shadow:none
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwb span {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwb:after {
|
|||
|
|
position:absolute;
|
|||
|
|
top:50%;
|
|||
|
|
left:50%;
|
|||
|
|
margin-top:-8px;
|
|||
|
|
margin-left:-8px;
|
|||
|
|
color:#7e7e7e;
|
|||
|
|
width:0;
|
|||
|
|
height:0;
|
|||
|
|
border-width:8px;
|
|||
|
|
border-style:solid;
|
|||
|
|
content:''
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwbm {
|
|||
|
|
top:0;
|
|||
|
|
bottom:auto
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwbp {
|
|||
|
|
bottom:0;
|
|||
|
|
top:auto
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwbm:after {
|
|||
|
|
border-color:transparent transparent #7e7e7e
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwbp:after {
|
|||
|
|
border-color:#7e7e7e transparent transparent
|
|||
|
|
}
|
|||
|
|
.android-ics .dw .dwwl .dwb-a {
|
|||
|
|
background:#292829
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwbm.dwb-a:after {
|
|||
|
|
border-color:transparent transparent #319abd
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwbp.dwb-a:after {
|
|||
|
|
border-color:#319abd transparent transparent
|
|||
|
|
}
|
|||
|
|
.android-ics .dw .dwwol {
|
|||
|
|
width:60%;
|
|||
|
|
left:20%;
|
|||
|
|
height:36px;
|
|||
|
|
border-top:2px solid #31b6e7;
|
|||
|
|
border-bottom:2px solid #31b6e7;
|
|||
|
|
margin-top:-20px;
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.android-ics .dwbw .dwb {
|
|||
|
|
border-left:1px solid #424542
|
|||
|
|
}
|
|||
|
|
.android-ics .dwbw:first-child .dwb {
|
|||
|
|
border-left:0
|
|||
|
|
}
|
|||
|
|
.android-ics .dw .dwbc {
|
|||
|
|
border-top:1px solid #424542;
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
.android-ics .dw .dwb {
|
|||
|
|
height:36px;
|
|||
|
|
line-height:36px;
|
|||
|
|
padding:0;
|
|||
|
|
margin:0;
|
|||
|
|
font-weight:400;
|
|||
|
|
text-shadow:none;
|
|||
|
|
-webkit-border-radius:0;
|
|||
|
|
-webkit-box-shadow:none;
|
|||
|
|
box-shadow:none;
|
|||
|
|
border-radius:0
|
|||
|
|
}
|
|||
|
|
.android-ics .dw .dwb-a {
|
|||
|
|
background:#29799c
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwms .dwwol {
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwms .dw-li {
|
|||
|
|
padding-left:5px;
|
|||
|
|
padding-right:36px
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwms .dw-li:after {
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:50%;
|
|||
|
|
left:auto;
|
|||
|
|
right:10px;
|
|||
|
|
width:14px;
|
|||
|
|
height:14px;
|
|||
|
|
margin-top:-9px;
|
|||
|
|
color:#31b6e7;
|
|||
|
|
line-height:14px;
|
|||
|
|
border:1px solid #424542;
|
|||
|
|
text-shadow:0 0 5px #29799c
|
|||
|
|
}
|
|||
|
|
.android-ics .dwwms .dw-msel:after {
|
|||
|
|
content:'✔'
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dwwr {
|
|||
|
|
background:#f5f5f5
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dww .dw-li {
|
|||
|
|
color:#000
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dwbw .dwb {
|
|||
|
|
border-left:1px solid #dbdbdb
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dwbw:first-child .dwb {
|
|||
|
|
border-left:0
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dwwo {
|
|||
|
|
background:-webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52,rgba(245,245,245,0)),color-stop(0.48,rgba(245,245,245,0)),to(#f5f5f5));
|
|||
|
|
background:-webkit-linear-gradient(#f5f5f5 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5 100%);
|
|||
|
|
background:-moz-linear-gradient(#f5f5f5 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5 100%);
|
|||
|
|
background:linear-gradient(#f5f5f5 0,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#f5f5f5 100%)
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dw .dwwb {
|
|||
|
|
background:#f5f5f5;
|
|||
|
|
color:#f5f5f5
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dwbc {
|
|||
|
|
border-top:1px solid #dbdbdb
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dwb {
|
|||
|
|
color:#000
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dwb-a {
|
|||
|
|
color:#fff
|
|||
|
|
}
|
|||
|
|
.android-ics .dw-bubble-bottom .dw-arr {
|
|||
|
|
border-color:transparent transparent #292829
|
|||
|
|
}
|
|||
|
|
.android-ics .dw-bubble-top .dw-arr {
|
|||
|
|
border-color:#292829 transparent transparent
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dw-bubble-bottom .dw-arr {
|
|||
|
|
border-color:transparent transparent #f5f5f5
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dw-bubble-top .dw-arr {
|
|||
|
|
border-color:#f5f5f5 transparent transparent
|
|||
|
|
}
|
|||
|
|
.android-ics.light .dwwms .dw-li:after {
|
|||
|
|
text-shadow:0 0 5px #31b6e7
|
|||
|
|
}
|
|||
|
|
.dw-trans .dw-persp {
|
|||
|
|
overflow:hidden;
|
|||
|
|
-webkit-perspective:1000px;
|
|||
|
|
-moz-perspective:1000px;
|
|||
|
|
perspective:1000px
|
|||
|
|
}
|
|||
|
|
.dw-trans .dwwb,.dw-trans .dwwo {
|
|||
|
|
-webkit-backface-visibility:hidden
|
|||
|
|
}
|
|||
|
|
.dw-in,.dw-out {
|
|||
|
|
-webkit-animation-duration:350ms;
|
|||
|
|
-moz-animation-duration:350ms;
|
|||
|
|
animation-duration:350ms
|
|||
|
|
}
|
|||
|
|
.dw-in {
|
|||
|
|
-webkit-animation-timing-function:ease-out;
|
|||
|
|
-moz-animation-timing-function:ease-out;
|
|||
|
|
animation-timing-function:ease-out
|
|||
|
|
}
|
|||
|
|
.dw-out {
|
|||
|
|
-webkit-animation-timing-function:ease-in;
|
|||
|
|
-moz-animation-timing-function:ease-in;
|
|||
|
|
animation-timing-function:ease-in
|
|||
|
|
}
|
|||
|
|
.dw-fade,.dw-flip,.dw-slidedown,.dw-slidehorizontal,.dw-slideup,.dw-slidevertical,.dw-swing {
|
|||
|
|
-webkit-backface-visibility:hidden;
|
|||
|
|
-webkit-transform:translateX(0);
|
|||
|
|
-moz-backface-visibility:hidden;
|
|||
|
|
-moz-transform:translateX(0);
|
|||
|
|
backface-visibility:hidden;
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
.dw-fade,.dw-slidedown,.dw-slidehorizontal,.dw-slideup,.dw-slidevertical,.dw-swing {
|
|||
|
|
-webkit-transform-origin:0 0;
|
|||
|
|
-moz-transform-origin:0 0;
|
|||
|
|
transform-origin:0 0
|
|||
|
|
}
|
|||
|
|
.dw-flip,.dw-pop {
|
|||
|
|
-webkit-transform-origin:50% 50%;
|
|||
|
|
-moz-transform-origin:50% 50%;
|
|||
|
|
transform-origin:50% 50%
|
|||
|
|
}
|
|||
|
|
.dw-pop.dw-in {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-animation-name:dw-p-in;
|
|||
|
|
-webkit-transform:scale(1);
|
|||
|
|
-moz-animation-name:dw-p-in;
|
|||
|
|
-moz-transform:scale(1);
|
|||
|
|
transform:scale(1);
|
|||
|
|
animation-name:dw-p-in
|
|||
|
|
}
|
|||
|
|
.dw-pop.dw-out {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-animation-name:dw-p-out;
|
|||
|
|
-moz-animation-name:dw-p-out;
|
|||
|
|
animation-name:dw-p-out
|
|||
|
|
}
|
|||
|
|
.dw-flip.dw-in {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-animation-name:dw-fl-in;
|
|||
|
|
-webkit-transform:scale(1);
|
|||
|
|
-moz-animation-name:dw-fl-in;
|
|||
|
|
-moz-transform:scale(1);
|
|||
|
|
animation-name:dw-fl-in;
|
|||
|
|
transform:scale(1)
|
|||
|
|
}
|
|||
|
|
.dw-flip.dw-out {
|
|||
|
|
opacity:0;
|
|||
|
|
animation-name:dw-fl-out;
|
|||
|
|
-webkit-animation-name:dw-fl-out;
|
|||
|
|
-moz-animation-name:dw-fl-out
|
|||
|
|
}
|
|||
|
|
.dw-swing.dw-in {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-animation-name:dw-sw-in;
|
|||
|
|
-webkit-transform:scale(1);
|
|||
|
|
-moz-animation-name:dw-sw-in;
|
|||
|
|
-moz-transform:scale(1);
|
|||
|
|
transform:scale(1);
|
|||
|
|
animation-name:dw-sw-in
|
|||
|
|
}
|
|||
|
|
.dw-swing.dw-out {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-animation-name:dw-sw-out;
|
|||
|
|
-moz-animation-name:dw-sw-out;
|
|||
|
|
animation-name:dw-sw-out
|
|||
|
|
}
|
|||
|
|
.dw-slidehorizontal.dw-in {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-animation-name:dw-sh-in;
|
|||
|
|
-webkit-transform:scale(1);
|
|||
|
|
-moz-animation-name:dw-sh-in;
|
|||
|
|
-moz-transform:scale(1);
|
|||
|
|
transform:scale(1);
|
|||
|
|
animation-name:dw-sh-in
|
|||
|
|
}
|
|||
|
|
.dw-slidehorizontal.dw-out {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-animation-name:dw-sh-out;
|
|||
|
|
-moz-animation-name:dw-sh-out;
|
|||
|
|
animation-name:dw-sh-out
|
|||
|
|
}
|
|||
|
|
.dw-slidevertical.dw-in {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-animation-name:dw-dw-sv-in;
|
|||
|
|
-webkit-transform:scale(1);
|
|||
|
|
-moz-animation-name:dw-dw-sv-in;
|
|||
|
|
-moz-transform:scale(1);
|
|||
|
|
animation-name:dw-dw-sv-in;
|
|||
|
|
transform:scale(1)
|
|||
|
|
}
|
|||
|
|
.dw-slidevertical.dw-out {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-animation-name:dw-sv-out;
|
|||
|
|
-moz-animation-name:dw-sv-out;
|
|||
|
|
animation-name:dw-sv-out
|
|||
|
|
}
|
|||
|
|
.dw-slidedown.dw-in {
|
|||
|
|
-webkit-animation-name:dw-sd-in;
|
|||
|
|
-webkit-transform:scale(1);
|
|||
|
|
-moz-animation-name:dw-sd-in;
|
|||
|
|
-moz-transform:scale(1);
|
|||
|
|
animation-name:dw-sd-in;
|
|||
|
|
transform:scale(1)
|
|||
|
|
}
|
|||
|
|
.dw-slidedown.dw-out {
|
|||
|
|
animation-name:dw-sd-out;
|
|||
|
|
-webkit-animation-name:dw-sd-out;
|
|||
|
|
-webkit-transform:translateY(-100%);
|
|||
|
|
-moz-animation-name:dw-sd-out;
|
|||
|
|
-moz-transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
.dw-slideup.dw-in {
|
|||
|
|
-webkit-animation-name:dw-su-in;
|
|||
|
|
-webkit-transform:scale(1);
|
|||
|
|
-moz-animation-name:dw-su-in;
|
|||
|
|
-moz-transform:scale(1);
|
|||
|
|
transform:scale(1);
|
|||
|
|
animation-name:dw-su-in
|
|||
|
|
}
|
|||
|
|
.dw-slideup.dw-out {
|
|||
|
|
animation-name:dw-su-out;
|
|||
|
|
-webkit-animation-name:dw-su-out;
|
|||
|
|
-webkit-transform:translateY(100%);
|
|||
|
|
-moz-animation-name:dw-su-out;
|
|||
|
|
-moz-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
.dw-fade.dw-in {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-animation-name:dw-f-in;
|
|||
|
|
-moz-animation-name:dw-f-in;
|
|||
|
|
animation-name:dw-f-in
|
|||
|
|
}
|
|||
|
|
.dw-fade.dw-out {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-animation-name:dw-f-out;
|
|||
|
|
-moz-animation-name:dw-f-out;
|
|||
|
|
animation-name:dw-f-out
|
|||
|
|
}
|
|||
|
|
@keyframes dw-f-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-f-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-f-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-f-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-f-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-f-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-p-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:scale(0.8)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:scale(1)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-p-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:scale(0.8)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-p-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:scale(0.8)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-p-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:scale(1)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:scale(0.8)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-p-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:scale(0.8)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-p-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:scale(1)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:scale(0.8)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-fl-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:rotateY(90deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:rotateY(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-fl-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:rotateY(90deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:rotateY(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-fl-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:rotateY(90deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:rotateY(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-fl-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:rotateY(0deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:rotateY(-90deg)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-fl-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:rotateY(0deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:rotateY(-90deg)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-fl-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:rotateY(0deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:rotateY(-90deg)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-sw-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:rotateY(-90deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:rotateY(0deg)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-sw-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:rotateY(-90deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:rotateY(0deg)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-sw-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:rotateY(-90deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:rotateY(0deg)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-sw-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:rotateY(0deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:rotateY(-90deg)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-sw-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:rotateY(0deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:rotateY(-90deg)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-sw-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:rotateY(0deg)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:rotateY(-90deg)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-sh-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(-100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-sh-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(-100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-sh-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(-100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-sh-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateX(100%)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-sh-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateX(100%)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-sh-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateX(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateX(100%)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-dw-sv-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-dw-sv-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-dw-sv-in {
|
|||
|
|
from {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-sv-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-sv-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-webkit-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-sv-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:0;
|
|||
|
|
-moz-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-sd-in {
|
|||
|
|
from {
|
|||
|
|
transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-sd-in {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-sd-in {
|
|||
|
|
from {
|
|||
|
|
-moz-transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-sd-out {
|
|||
|
|
from {
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-sd-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-sd-out {
|
|||
|
|
from {
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
-moz-transform:translateY(-100%)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-su-in {
|
|||
|
|
from {
|
|||
|
|
transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-su-in {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-su-in {
|
|||
|
|
from {
|
|||
|
|
-moz-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
}@keyframes dw-su-out {
|
|||
|
|
from {
|
|||
|
|
transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
}@-webkit-keyframes dw-su-out {
|
|||
|
|
from {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
}@-moz-keyframes dw-su-out {
|
|||
|
|
from {
|
|||
|
|
-moz-transform:translateY(0)
|
|||
|
|
}
|
|||
|
|
to {
|
|||
|
|
-moz-transform:translateY(100%)
|
|||
|
|
}
|
|||
|
|
}
|