You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
6212 lines
120 KiB
6212 lines
120 KiB
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*每个页面公共css */
|
|
/* iconfont */
|
|
.container,
|
|
input {
|
|
font-family: PingFang-Medium,
|
|
PingFangSC-Regular,
|
|
Heiti,
|
|
Heiti SC,
|
|
DroidSans,
|
|
DroidSansFallback,
|
|
sans-serif !important;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
/* image {
|
|
will-change: transform
|
|
} */
|
|
button::after {
|
|
content: none !important;
|
|
}
|
|
.price-font-family {
|
|
font-family: Number-Font !important;
|
|
}
|
|
.tab-container {
|
|
padding-bottom: 96rpx;
|
|
}
|
|
.tab-padding-container {
|
|
padding-bottom: calc(96rpx + 20px);
|
|
}
|
|
.b-f {
|
|
background: #fff;
|
|
}
|
|
.b-0 {
|
|
background: #000000;
|
|
}
|
|
.b-e6 {
|
|
background-color: #f6f6f6;
|
|
}
|
|
.tf-180 {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg);
|
|
}
|
|
.tf-90 {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.dis-block {
|
|
display: block;
|
|
}
|
|
.dis-il-block {
|
|
display: inline-block;
|
|
}
|
|
.dis-flex {
|
|
display: flex !important;
|
|
/* flex-wrap: wrap; */
|
|
}
|
|
.flex-box {
|
|
flex: 1;
|
|
width: 0;
|
|
}
|
|
.flex-shrink {
|
|
flex-shrink: 0;
|
|
}
|
|
.flex-warp {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-dir-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-dir-column {
|
|
flex-direction: column;
|
|
}
|
|
.flex-x-center {
|
|
/* display: flex; */
|
|
justify-content: center;
|
|
}
|
|
.flex-x-between {
|
|
justify-content: space-between;
|
|
}
|
|
.flex-x-around {
|
|
justify-content: space-around;
|
|
}
|
|
.flex-x-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.flex-x-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.flex-y-center {
|
|
align-items: center;
|
|
}
|
|
.flex-y-end {
|
|
align-items: flex-end;
|
|
}
|
|
.flex-y-line {
|
|
align-items: baseline;
|
|
}
|
|
.flex-five {
|
|
box-sizing: border-box;
|
|
flex: 0 0 50%;
|
|
}
|
|
.flex-three {
|
|
float: left;
|
|
width: 33.3%;
|
|
}
|
|
.flex-four {
|
|
box-sizing: border-box;
|
|
flex: 0 0 25%;
|
|
}
|
|
.t-l {
|
|
text-align: left;
|
|
}
|
|
.t-c {
|
|
text-align: center;
|
|
}
|
|
.t-r {
|
|
text-align: right;
|
|
}
|
|
.p-a {
|
|
position: absolute;
|
|
}
|
|
.p-r {
|
|
position: relative;
|
|
}
|
|
.fl {
|
|
float: left;
|
|
}
|
|
.fr {
|
|
float: right;
|
|
}
|
|
.clear::after {
|
|
clear: both;
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.oh {
|
|
overflow: hidden;
|
|
}
|
|
.tb-lr-center {
|
|
display: flex !important;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.f-58 {
|
|
font-size: 58rpx;
|
|
}
|
|
.f-50 {
|
|
font-size: 50rpx;
|
|
}
|
|
.f-48 {
|
|
font-size: 48rpx;
|
|
}
|
|
.f-44 {
|
|
font-size: 44rpx;
|
|
}
|
|
.f-42 {
|
|
font-size: 42rpx;
|
|
}
|
|
.f-40 {
|
|
font-size: 40rpx;
|
|
}
|
|
.f-38 {
|
|
font-size: 38rpx;
|
|
}
|
|
.f-36 {
|
|
font-size: 36rpx;
|
|
}
|
|
.f-34 {
|
|
font-size: 34rpx;
|
|
}
|
|
.f-32 {
|
|
font-size: 32rpx;
|
|
}
|
|
.f-31 {
|
|
font-size: 31rpx;
|
|
}
|
|
.f-30 {
|
|
font-size: 30rpx;
|
|
}
|
|
.f-29 {
|
|
font-size: 29rpx;
|
|
}
|
|
.f-28 {
|
|
font-size: 28rpx;
|
|
}
|
|
.f-26 {
|
|
font-size: 26rpx;
|
|
}
|
|
.f-25 {
|
|
font-size: 25rpx;
|
|
}
|
|
.f-24 {
|
|
font-size: 24rpx;
|
|
}
|
|
.f-22 {
|
|
font-size: 22rpx;
|
|
}
|
|
.f-20 {
|
|
font-size: 20rpx;
|
|
}
|
|
.f-w {
|
|
font-weight: 700;
|
|
}
|
|
.f-n {
|
|
font-weight: 400;
|
|
}
|
|
.col-f {
|
|
color: #fff;
|
|
}
|
|
.col-c {
|
|
color: #CCCCCC;
|
|
}
|
|
.col-a {
|
|
color: #AAAAAA;
|
|
}
|
|
.col-0 {
|
|
color: #000;
|
|
}
|
|
.col-3 {
|
|
color: #333;
|
|
}
|
|
.col-6 {
|
|
color: #666;
|
|
}
|
|
.col-7 {
|
|
color: #777;
|
|
}
|
|
.col-8 {
|
|
color: #888;
|
|
}
|
|
.col-9 {
|
|
color: #999;
|
|
}
|
|
.col-98 {
|
|
color: #989898
|
|
}
|
|
.col-f4 {
|
|
color: #FF4444;
|
|
}
|
|
.color-f02 {
|
|
color: #F02E24;
|
|
}
|
|
.col-gr {
|
|
color: rgb(146, 208, 80);
|
|
}
|
|
.col-917952 {
|
|
color: #917952;
|
|
}
|
|
.col-m {
|
|
color: #FE504F !important;
|
|
}
|
|
.col-s {
|
|
color: #FFD940 !important;
|
|
}
|
|
.col-green {
|
|
color: #0ed339 !important;
|
|
}
|
|
.cont-box {
|
|
padding: 30rpx;
|
|
}
|
|
.cont-bot {
|
|
margin-bottom: 120rpx;
|
|
}
|
|
.padding-box {
|
|
padding: 0 30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.padding-box-all {
|
|
padding: 30rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.padding-box36 {
|
|
padding: 0 36rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.padding-all-box36 {
|
|
padding: 36rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.p-top-10 {
|
|
padding-top: 10rpx;
|
|
}
|
|
.p-top-20 {
|
|
padding-top: 20rpx;
|
|
}
|
|
.p-top-50 {
|
|
padding-top: 50rpx;
|
|
}
|
|
.p-btm-50 {
|
|
padding-bottom: 50rpx;
|
|
}
|
|
.p-top-bom-10 {
|
|
padding: 10rpx 0;
|
|
}
|
|
.p-top-bom-20 {
|
|
padding: 20rpx 0;
|
|
}
|
|
.p-top-bom-30 {
|
|
padding: 30rpx 0;
|
|
}
|
|
.p-top-bom-40 {
|
|
padding: 40rpx 0;
|
|
}
|
|
.p-top-bom-50 {
|
|
padding: 50rpx 0;
|
|
}
|
|
.pl-12 {
|
|
padding-left: 12px;
|
|
}
|
|
.pr-12 {
|
|
padding-right: 12px;
|
|
}
|
|
.p-b-20 {
|
|
padding-bottom: 20rpx;
|
|
}
|
|
.pr-6 {
|
|
padding-right: 6px;
|
|
}
|
|
.m-top4 {
|
|
margin-top: 4rpx;
|
|
}
|
|
.m-top10 {
|
|
margin-top: 10rpx;
|
|
}
|
|
.m-top16 {
|
|
margin-top: 16rpx;
|
|
}
|
|
.m-top20 {
|
|
margin-top: 20rpx;
|
|
}
|
|
.m-top30 {
|
|
margin-top: 30rpx;
|
|
}
|
|
.m-top40 {
|
|
margin-top: 40rpx;
|
|
}
|
|
.m-btm36 {
|
|
margin-bottom: 36rpx;
|
|
}
|
|
.m-btm10 {
|
|
margin-bottom: 10rpx;
|
|
}
|
|
.m-btm20 {
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.m-btm15 {
|
|
margin-bottom: 15rpx;
|
|
}
|
|
.m-btm20 {
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.m-btm30 {
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.m-btm40 {
|
|
margin-bottom: 40rpx;
|
|
}
|
|
.m-btm50 {
|
|
margin-bottom: 50rpx;
|
|
}
|
|
.m-btm60 {
|
|
margin-bottom: 60rpx;
|
|
}
|
|
.m-btm80 {
|
|
margin-bottom: 80rpx;
|
|
}
|
|
.m-btm90 {
|
|
margin-bottom: 90rpx;
|
|
}
|
|
.m-btm100 {
|
|
margin-bottom: 100rpx;
|
|
}
|
|
.m-left10 {
|
|
margin-left: 10rpx;
|
|
}
|
|
.m-left12 {
|
|
margin-left: 12rpx;
|
|
}
|
|
.m-left30 {
|
|
margin-left: 30rpx;
|
|
}
|
|
.m-right10 {
|
|
margin-right: 10rpx;
|
|
}
|
|
.m-right12 {
|
|
margin-right: 12rpx;
|
|
}
|
|
.m-right20 {
|
|
margin-right: 20rpx;
|
|
}
|
|
.m-right30 {
|
|
margin-right: 30rpx;
|
|
}
|
|
.m-right40 {
|
|
margin-right: 40rpx;
|
|
}
|
|
.m-right50 {
|
|
margin-right: 50rpx;
|
|
}
|
|
.m-right70 {
|
|
margin-right: 70rpx;
|
|
}
|
|
.m-top-btm50 {
|
|
margin: 50rpx 0;
|
|
}
|
|
.m-top-btm40 {
|
|
margin: 40rpx 0;
|
|
}
|
|
.m-top-btm30 {
|
|
margin: 30rpx 0;
|
|
}
|
|
.m-top-btm20 {
|
|
margin: 20rpx 0;
|
|
}
|
|
.m-top-btm10 {
|
|
margin: 10rpx 0;
|
|
}
|
|
.m-top-btm6 {
|
|
margin: 6rpx 0;
|
|
}
|
|
.p-top-40 {
|
|
padding-top: 40rpx;
|
|
}
|
|
.p-bottom {
|
|
padding-bottom: 112rpx;
|
|
}
|
|
.p-right-30 {
|
|
padding-right: 30rpx;
|
|
}
|
|
.p-left-right-20 {
|
|
padding: 0 20rpx;
|
|
}
|
|
.p-left-right-28 {
|
|
padding: 0 28rpx;
|
|
}
|
|
.p-left-right-30 {
|
|
padding: 0 30rpx;
|
|
}
|
|
.p-left-right-40 {
|
|
padding: 0 40rpx;
|
|
}
|
|
.m-left-right-6 {
|
|
margin: 0 6rpx;
|
|
}
|
|
.m-left-right-10 {
|
|
margin: 0 10rpx;
|
|
}
|
|
.m-left-right-20 {
|
|
margin: 0 20rpx;
|
|
}
|
|
.m-left-right-30 {
|
|
margin: 0 30rpx;
|
|
}
|
|
.m-left-right-40 {
|
|
margin: 0 40rpx;
|
|
}
|
|
.onelist-hidden {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.twolist-hidden {
|
|
display: -webkit-box;
|
|
word-break: break-all;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
.b-r {
|
|
border-right: 1rpx solid #eee;
|
|
}
|
|
.b-b {
|
|
border-bottom: 1rpx solid #eee;
|
|
}
|
|
.b-t {
|
|
border-top: 1rpx solid #eee;
|
|
}
|
|
.ts-1 {
|
|
transition: all 0.1s;
|
|
}
|
|
.ts-2 {
|
|
transition: all 0.2s;
|
|
}
|
|
.ts-3 {
|
|
transition: all 0.3s;
|
|
}
|
|
.ts-5 {
|
|
transition: all 0.5s;
|
|
}
|
|
/* 字体颜色 */
|
|
.c-ff4444 {
|
|
color: #FF4444;
|
|
}
|
|
/* 无样式button (用于伪submit) */
|
|
.btn-normal {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: normal;
|
|
background: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
border: none;
|
|
font-size: unset;
|
|
text-align: unset;
|
|
overflow: visible;
|
|
}
|
|
.btn-normal:after {
|
|
border: none;
|
|
}
|
|
.btn-normal.button-hover {
|
|
color: inherit;
|
|
}
|
|
/* 模板消息按钮 */
|
|
.report-btn {
|
|
position: absolute !important;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
}
|
|
/* 内容标题直 */
|
|
.module-title {
|
|
color: #333333;
|
|
font-size: 30rpx;
|
|
text-align: center;
|
|
height: 86rpx;
|
|
line-height: 86rpx;
|
|
font-weight: bold;
|
|
position: relative;
|
|
background: #FFFFFF;
|
|
}
|
|
.module-title::after {
|
|
content: " ";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 0;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
width: 40rpx;
|
|
height: 8rpx;
|
|
background: #FFD940;
|
|
border-radius: 20rpx;
|
|
}
|
|
/* 内容标题直弯 */
|
|
.module-title-w {
|
|
color: #333333;
|
|
font-size: 30rpx;
|
|
text-align: center;
|
|
height: 86rpx;
|
|
line-height: 86rpx;
|
|
font-weight: bold;
|
|
position: relative;
|
|
background: #FFFFFF;
|
|
}
|
|
.module-content {
|
|
padding: 30rpx;
|
|
background: #FFFFFF;
|
|
}
|
|
.bor-radius-10 {
|
|
border-radius: 6rpx;
|
|
}
|
|
.bor-radius-10upx {
|
|
border-radius: 10rpx;
|
|
}
|
|
/* loading动画 */
|
|
.ball-clip-rotate-pulse {
|
|
position: absolute;
|
|
top: 36%;
|
|
left: 50%;
|
|
-webkit-transform: scale(1) translateY(-15px);
|
|
transform: scale(1) translateY(-15px);
|
|
}
|
|
.ball-clip-rotate-pulse::after {
|
|
content: "努力加载中...";
|
|
position: absolute;
|
|
top: 50%;
|
|
bottom: 0;
|
|
-webkit-transform: translate(-50%, 3em);
|
|
transform: translate(-50%, 3em);
|
|
font-size: 26rpx;
|
|
line-height: 2em;
|
|
text-align: center;
|
|
width: 10em;
|
|
letter-spacing: 2rpx;
|
|
color: #666666;
|
|
}
|
|
.ball-clip-rotate-pulse>view {
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
border-radius: 100%;
|
|
}
|
|
.ball-clip-rotate-pulse>view:first-child {
|
|
background: #FFD940;
|
|
height: 16px;
|
|
width: 16px;
|
|
top: 7px;
|
|
left: -7px;
|
|
-webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
|
animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
|
}
|
|
.ball-clip-rotate-pulse>view:last-child {
|
|
position: absolute;
|
|
border: 2px solid #FFF;
|
|
width: 30px;
|
|
height: 30px;
|
|
left: -16px;
|
|
top: -2px;
|
|
background: transparent;
|
|
border: 2px solid;
|
|
border-color: #ffe26e transparent #ffe26e transparent;
|
|
-webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
|
animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
}
|
|
@-webkit-keyframes rotate {
|
|
0% {
|
|
-webkit-transform: rotate(0deg) scale(1);
|
|
transform: rotate(0deg) scale(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotate(180deg) scale(0.6);
|
|
transform: rotate(180deg) scale(0.6);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg) scale(1);
|
|
transform: rotate(360deg) scale(1);
|
|
}
|
|
}
|
|
@keyframes rotate {
|
|
0% {
|
|
-webkit-transform: rotate(0deg) scale(1);
|
|
transform: rotate(0deg) scale(1);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotate(180deg) scale(0.6);
|
|
transform: rotate(180deg) scale(0.6);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg) scale(1);
|
|
transform: rotate(360deg) scale(1);
|
|
}
|
|
}
|
|
@-webkit-keyframes scale {
|
|
30% {
|
|
-webkit-transform: scale(0.3);
|
|
transform: scale(0.3);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes scale {
|
|
30% {
|
|
-webkit-transform: scale(0.3);
|
|
transform: scale(0.3);
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.diy-loading {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.loading-image {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.loading-text {
|
|
font-size: 26rpx;
|
|
line-height: 2em;
|
|
text-align: center;
|
|
width: 10em;
|
|
letter-spacing: 2rpx;
|
|
color: #666666;
|
|
}
|
|
/* 0.5px边框 */
|
|
.border-line,
|
|
.border-vertical {
|
|
position: relative;
|
|
}
|
|
.border-line::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-top: 1px solid #EEEEEE;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: scaleY(0.5);
|
|
transform: scaleY(0.5);
|
|
z-index: 2;
|
|
}
|
|
.border-vertical::after {
|
|
content: " ";
|
|
position: absolute;
|
|
border-left: 1px solid #F7F7F7;
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
-webkit-transform: scaleX(0.5);
|
|
transform: scaleX(0.5);
|
|
z-index: 2;
|
|
}
|
|
.border-vertical.border-left::after {
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
.border-line.border-top::after {
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.border-line.border-bottom::after {
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
.diy-nav-list .border-bottom::after {
|
|
left: 30rpx;
|
|
}
|
|
.diy-nav-list .border-bottom.item-icon::after {
|
|
left: 100rpx;
|
|
}
|
|
.diy-nav-list .border-bottom:last-child::after {
|
|
content: none;
|
|
}
|
|
.uni-picker-container {
|
|
z-index: 1003;
|
|
}
|
|
.uni-picker-container .uni-picker {
|
|
z-index: 1003;
|
|
}
|
|
.audio-main {
|
|
position: fixed;
|
|
right: 50rpx;
|
|
top: 10%;
|
|
z-index: 10;
|
|
}
|
|
.audio-bg {
|
|
position: relative;
|
|
}
|
|
.audio-bg .audio-gif {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
background-size: 100rpx 100rpx;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.audio-bg .audio-gif .audio-png {
|
|
position: absolute;
|
|
background-size: 80rpx 80rpx;
|
|
-webkit-animation: rotate2d 1.2s linear infinite;
|
|
animation: rotate2d 1.2s linear infinite;
|
|
z-index: -1;
|
|
width: 80rpx;
|
|
height: 80rpx;
|
|
}
|
|
.audio-bg.stop-audio .audio-gif {
|
|
background: none !important;
|
|
}
|
|
.audio-bg.stop-audio .audio-png {
|
|
-webkit-animation: none;
|
|
animation: none;
|
|
}
|
|
@-webkit-keyframes rotate2d {
|
|
from {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0)
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
@keyframes rotate2d {
|
|
from {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0)
|
|
}
|
|
to {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
@font-face {
|
|
font-family: "new_iconfont";
|
|
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMgAA0AAAAABywAAALMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GVgCCQhEICoIcgXwLCgABNgIkAxAEIAWFCAcxGxgGEZWbbcl+JGSnhZeMumdLbKWaRok38fC8Tv1zJbl5ZQK7gLg1mfqBYQJeiWn16XLXh21UhZqSePDTd43fxyfwvO3ebf8GEihlGaWSQBM309pEk3NaWyAKu2hNisOAohedNrY9bn19e7DXZ33iH5w3HmpLt5K1FgLeu6tvgo8uWtpFO3WgEdogE3K5UCBDRBwlsp29ClwKXh+PikSm1LTAsl2zd5j2fSfqyWurtTYwwHkIQI4cnQSYJBfopNANhULwfadqFezS/gcEiCEAUeBwPw8BP0v8qgwUICGhjMOAAgBpleo3al40y7df0KZyTeR11zZsfGHr8tVXtdpxVaW8u9Jo7eNv171z4Vu1b1YuuO+66++/+94Ho+6BjQGdura7r+XQWnOHA3Ca4x7/xFUNKpN3r/kzrbrt9llpfs0NaX6a9fDD5aar1o5defXTl146tctttw59seeWHkt6Lhm5aHbvy5vf/vrh0///2qF52+pDZ2tmf/n57Cazxqyb3WzVn3/Najpr3rzZr/393PNDh77//pNfpVkzZzq6N69Z1eSGAF94zc3lmv7lM3suBwLB/oYdb97cdNJ/qWGhYS92d/Wl/PEckgwEjTFXgPzy/xqgCKBAwd0ChbIEMjTQAFUALXyOAFobJEBIVgmQqXFQgFxyToBCcocAJQ09g4B6kq8Q0MDAmCFAQy3jGrlIfQxAJ0IzM4hMExuJXDMnwQK9jChp40GinmbeIBqo+Hl8Q33ikAZmEhaehozpUMafnVmjQRiBrlx32vkej/+RvV0oG9znAzx50U+jLeA/tabBm0vsL2+xymlKYgRYifWXTEQFH8MDb6nnMatNpCAUUMFi1KPuSXzCa5oRNVmMCs9CDBzi+9ctKsSwduNvrPILKPlv3/cBJAhNbjgupJxmrFEPFtZ8mfk5GD82KYNgF7hy7h4gIaLRHaseStY=) format('woff2'),
|
|
url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAT8AA0AAAAABywAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE4AAAABoAAAAciLzFRUdERUYAAATAAAAAHgAAAB4AKQAKT1MvMgAAAaAAAABCAAAAVjyKSA5jbWFwAAAB9AAAAD4AAAFCAA/px2dhc3AAAAS4AAAACAAAAAj//wADZ2x5ZgAAAkAAAAEMAAABHLwdyl5oZWFkAAABMAAAAC4AAAA2FpLiAmhoZWEAAAFgAAAAHQAAACQHlAOFaG10eAAAAeQAAAAPAAAAEAwAAKVsb2NhAAACNAAAAAoAAAAKAI4AAG1heHAAAAGAAAAAHwAAACABFgBhbmFtZQAAA0wAAAFJAAACiCnmEVVwb3N0AAAEmAAAAB8AAAAxw4Fw13jaY2BkYGAA4mpu8dx4fpuvDNwsDCBws8dfDk4v/X+SeRsziMvBwASiAP3ZCZIAAHjaY2BkYGBu+N/AEMPCAALM2xgYGVABCwBUeAMiAAAAeNpjYGRgYGBhCGXgYAABJiDmAkIGhv9gPgMAEbsBeAB42mNgZGFgnMDAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PZJ7JMDf8b2CIYW5gaAAKM4LkAN8dDBMAAHjaY2GAABYIXgoAASUAsgB42mNgYGBmgGAZBkYGELAB8hjBfBYGBSDNAoRA/jOZ//8hpORzqEoGRjYGGJOBkQlIMDGgAkaGYQ8AWxUHvAAAAAAAAAAAAAAAjgAAeNo9zLFKw1AUxvFzUs+5oaWxSUtTKDRpxcSKqDQ36aQoFEQQQRChuLn5Fj5C6eAotqDuCjq4q10EJxdBfITqnKs3Iq4f/+8HJlx8T3K3OQAHXPBhCdZgE/ZgH2C+tYJBbMskanY8rLJADl0Mm+VllEmnWuGwZWHDWMdYBuWslV1MsrLyV+L/+DvN6Q37Jo8ob+K2STeMrC75dIAbI/UyCaNoV8aBXS+Kmu85/rWgDyLsUomnROqOnh9w9VVtmdQjNs7YylN6xWJxAY+nNCZNioI2S6SeZu4H6J2rN9Si3EmGjufXRLFuu356wu9sER4yfdKsVvnrMVMb1NNPo08Fi9IjPmjjEH4AfSs82HjafZA9TgMxEIWf8wckEkIgqF1RANr8lCkTKfQIpaNINt6QaNdeeZ1IOQEtFQeg5RgcgBsg0XIKXpZJkyJr7ejzm5nnsQGc4xsK/98l7oQVjvEoXMERMuEq9RfhGvlduI4WPoUb1H+Em7hVA+EWLtQbHVTthLub0m3LCmcYCFdwiifhKvWVcI38KlzHFT6EG9S/hJsY41e4hWtlqQzhYTBBYJxBY4oN4wIxHCySMgbWoTn0ZhLMTE83ehE7mzgbKO9XYpcDHmg554Ap7T23Zr5KJ/5gy4HUmG4eBUu2KY0uInQoG18snNXdqHOw/Z7ttrTYv2uBNcfsUQ1s1Pw92zPSSGwMr5CSNfIyt6QSU49oa6zxu2cp1vNeCIlOvMv0iMeaNHU6925p4sDi5/KMHH20uZI996gcPmNZCHm/3U7EIIpdhj+T2HEZAAAAeNpjYGKAAC4wyciADljAokyMTGzZiXlZmYkAC3YCjAAAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwADAAEABAAAAAIAAAAAeNpjYGBgZACCq0vUOUD0zR5/ORgNADpjBU4AAA==) format('woff');
|
|
}
|
|
.new_iconfont {
|
|
font-family: "new_iconfont" !important;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.icon-kanjia:before {
|
|
content: "\e61c";
|
|
}
|
|
@font-face {
|
|
font-family: "iconfont";
|
|
src: url('https://at.alicdn.com/t/font_453360_ifl5gbn650g.ttf?t=1575942588038') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
|
|
}
|
|
.iconfont {
|
|
font-family: "iconfont" !important;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.icon-appreciate:before {
|
|
content: "\e644";
|
|
}
|
|
.icon-check:before {
|
|
content: "\e645";
|
|
}
|
|
.icon-close:before {
|
|
content: "\e646";
|
|
}
|
|
.icon-edit:before {
|
|
content: "\e649";
|
|
}
|
|
.icon-emoji:before {
|
|
content: "\e64a";
|
|
}
|
|
.icon-favorfill:before {
|
|
content: "\e64b";
|
|
}
|
|
.icon-favor:before {
|
|
content: "\e64c";
|
|
}
|
|
.icon-loading:before {
|
|
content: "\e64f";
|
|
}
|
|
.icon-locationfill:before {
|
|
content: "\e650";
|
|
}
|
|
.icon-location:before {
|
|
content: "\e651";
|
|
}
|
|
.icon-phone:before {
|
|
content: "\e652";
|
|
}
|
|
.icon-roundcheckfill:before {
|
|
content: "\e656";
|
|
}
|
|
.icon-roundcheck:before {
|
|
content: "\e657";
|
|
}
|
|
.icon-roundclosefill:before {
|
|
content: "\e658";
|
|
}
|
|
.icon-roundclose:before {
|
|
content: "\e659";
|
|
}
|
|
.icon-roundrightfill:before {
|
|
content: "\e65a";
|
|
}
|
|
.icon-roundright:before {
|
|
content: "\e65b";
|
|
}
|
|
.icon-search:before {
|
|
content: "\e65c";
|
|
}
|
|
.icon-taxi:before {
|
|
content: "\e65d";
|
|
}
|
|
.icon-timefill:before {
|
|
content: "\e65e";
|
|
}
|
|
.icon-time:before {
|
|
content: "\e65f";
|
|
}
|
|
.icon-unfold:before {
|
|
content: "\e661";
|
|
}
|
|
.icon-warnfill:before {
|
|
content: "\e662";
|
|
}
|
|
.icon-warn:before {
|
|
content: "\e663";
|
|
}
|
|
.icon-camerafill:before {
|
|
content: "\e664";
|
|
}
|
|
.icon-camera:before {
|
|
content: "\e665";
|
|
}
|
|
.icon-commentfill:before {
|
|
content: "\e666";
|
|
}
|
|
.icon-comment:before {
|
|
content: "\e667";
|
|
}
|
|
.icon-likefill:before {
|
|
content: "\e668";
|
|
}
|
|
.icon-like:before {
|
|
content: "\e669";
|
|
}
|
|
.icon-notificationfill:before {
|
|
content: "\e66a";
|
|
}
|
|
.icon-notification:before {
|
|
content: "\e66b";
|
|
}
|
|
.icon-order:before {
|
|
content: "\e66c";
|
|
}
|
|
.icon-samefill:before {
|
|
content: "\e66d";
|
|
}
|
|
.icon-same:before {
|
|
content: "\e66e";
|
|
}
|
|
.icon-deliver:before {
|
|
content: "\e671";
|
|
}
|
|
.icon-evaluate:before {
|
|
content: "\e672";
|
|
}
|
|
.icon-pay:before {
|
|
content: "\e673";
|
|
}
|
|
.icon-send:before {
|
|
content: "\e675";
|
|
}
|
|
.icon-shop:before {
|
|
content: "\e676";
|
|
}
|
|
.icon-ticket:before {
|
|
content: "\e677";
|
|
}
|
|
.icon-wang:before {
|
|
content: "\e678";
|
|
}
|
|
.icon-back:before {
|
|
content: "\e679";
|
|
}
|
|
.icon-cascades:before {
|
|
content: "\e67c";
|
|
}
|
|
.icon-discover:before {
|
|
content: "\e67e";
|
|
}
|
|
.icon-list:before {
|
|
content: "\e682";
|
|
}
|
|
.icon-more:before {
|
|
content: "\e684";
|
|
}
|
|
.icon-scan:before {
|
|
content: "\e689";
|
|
}
|
|
.icon-settings:before {
|
|
content: "\e68a";
|
|
}
|
|
.icon-questionfill:before {
|
|
content: "\e690";
|
|
}
|
|
.icon-question:before {
|
|
content: "\e691";
|
|
}
|
|
.icon-shopfill:before {
|
|
content: "\e697";
|
|
}
|
|
.icon-form:before {
|
|
content: "\e699";
|
|
}
|
|
.icon-wangfill:before {
|
|
content: "\e69a";
|
|
}
|
|
.icon-pic:before {
|
|
content: "\e69b";
|
|
}
|
|
.icon-filter:before {
|
|
content: "\e69c";
|
|
}
|
|
.icon-footprint:before {
|
|
content: "\e69d";
|
|
}
|
|
.icon-top:before {
|
|
content: "\e69e";
|
|
}
|
|
.icon-pulldown:before {
|
|
content: "\e69f";
|
|
}
|
|
.icon-pullup:before {
|
|
content: "\e6a0";
|
|
}
|
|
.icon-right:before {
|
|
content: "\e6a3";
|
|
}
|
|
.icon-refresh:before {
|
|
content: "\e6a4";
|
|
}
|
|
.icon-moreandroid:before {
|
|
content: "\e6a5";
|
|
}
|
|
.icon-deletefill:before {
|
|
content: "\e6a6";
|
|
}
|
|
.icon-refund:before {
|
|
content: "\e6ac";
|
|
}
|
|
.icon-cart:before {
|
|
content: "\e6af";
|
|
}
|
|
.icon-qrcode:before {
|
|
content: "\e6b0";
|
|
}
|
|
.icon-remind:before {
|
|
content: "\e6b2";
|
|
}
|
|
.icon-delete:before {
|
|
content: "\e6b4";
|
|
}
|
|
.icon-profile:before {
|
|
content: "\e6b7";
|
|
}
|
|
.icon-home:before {
|
|
content: "\e6b8";
|
|
}
|
|
.icon-cartfill:before {
|
|
content: "\e6b9";
|
|
}
|
|
.icon-discoverfill:before {
|
|
content: "\e6ba";
|
|
}
|
|
.icon-homefill:before {
|
|
content: "\e6bb";
|
|
}
|
|
.icon-message:before {
|
|
content: "\e6bc";
|
|
}
|
|
.icon-addressbook:before {
|
|
content: "\e6bd";
|
|
}
|
|
.icon-link:before {
|
|
content: "\e6bf";
|
|
}
|
|
.icon-lock:before {
|
|
content: "\e6c0";
|
|
}
|
|
.icon-unlock:before {
|
|
content: "\e6c2";
|
|
}
|
|
.icon-vip:before {
|
|
content: "\e6c3";
|
|
}
|
|
.icon-weibo:before {
|
|
content: "\e6c4";
|
|
}
|
|
.icon-activity:before {
|
|
content: "\e6c5";
|
|
}
|
|
.icon-big:before {
|
|
content: "\e6c7";
|
|
}
|
|
.icon-friendaddfill:before {
|
|
content: "\e6c9";
|
|
}
|
|
.icon-friendadd:before {
|
|
content: "\e6ca";
|
|
}
|
|
.icon-friendfamous:before {
|
|
content: "\e6cb";
|
|
}
|
|
.icon-friend:before {
|
|
content: "\e6cc";
|
|
}
|
|
.icon-goods:before {
|
|
content: "\e6cd";
|
|
}
|
|
.icon-selection:before {
|
|
content: "\e6ce";
|
|
}
|
|
.icon-tmall:before {
|
|
content: "\e6cf";
|
|
}
|
|
.icon-explore:before {
|
|
content: "\e6d2";
|
|
}
|
|
.icon-present:before {
|
|
content: "\e6d3";
|
|
}
|
|
.icon-squarecheckfill:before {
|
|
content: "\e6d4";
|
|
}
|
|
.icon-square:before {
|
|
content: "\e6d5";
|
|
}
|
|
.icon-squarecheck:before {
|
|
content: "\e6d6";
|
|
}
|
|
.icon-round:before {
|
|
content: "\e6d7";
|
|
}
|
|
.icon-roundaddfill:before {
|
|
content: "\e6d8";
|
|
}
|
|
.icon-roundadd:before {
|
|
content: "\e6d9";
|
|
}
|
|
.icon-add:before {
|
|
content: "\e6da";
|
|
}
|
|
.icon-notificationforbidfill:before {
|
|
content: "\e6db";
|
|
}
|
|
.icon-explorefill:before {
|
|
content: "\e6dd";
|
|
}
|
|
.icon-fold:before {
|
|
content: "\e6de";
|
|
}
|
|
.icon-game:before {
|
|
content: "\e6df";
|
|
}
|
|
.icon-redpacket:before {
|
|
content: "\e6e0";
|
|
}
|
|
.icon-selectionfill:before {
|
|
content: "\e6e1";
|
|
}
|
|
.icon-similar:before {
|
|
content: "\e6e2";
|
|
}
|
|
.icon-appreciatefill:before {
|
|
content: "\e6e3";
|
|
}
|
|
.icon-infofill:before {
|
|
content: "\e6e4";
|
|
}
|
|
.icon-info:before {
|
|
content: "\e6e5";
|
|
}
|
|
.icon-tao:before {
|
|
content: "\e6e8";
|
|
}
|
|
.icon-mobiletao:before {
|
|
content: "\e6e9";
|
|
}
|
|
.icon-forwardfill:before {
|
|
content: "\e6ea";
|
|
}
|
|
.icon-forward:before {
|
|
content: "\e6eb";
|
|
}
|
|
.icon-rechargefill:before {
|
|
content: "\e6ec";
|
|
}
|
|
.icon-recharge:before {
|
|
content: "\e6ed";
|
|
}
|
|
.icon-vipcard:before {
|
|
content: "\e6ee";
|
|
}
|
|
.icon-voice:before {
|
|
content: "\e6ef";
|
|
}
|
|
.icon-voicefill:before {
|
|
content: "\e6f0";
|
|
}
|
|
.icon-friendfavor:before {
|
|
content: "\e6f1";
|
|
}
|
|
.icon-wifi:before {
|
|
content: "\e6f2";
|
|
}
|
|
.icon-share:before {
|
|
content: "\e6f3";
|
|
}
|
|
.icon-wefill:before {
|
|
content: "\e6f4";
|
|
}
|
|
.icon-we:before {
|
|
content: "\e6f5";
|
|
}
|
|
.icon-lightauto:before {
|
|
content: "\e6f6";
|
|
}
|
|
.icon-lightforbid:before {
|
|
content: "\e6f7";
|
|
}
|
|
.icon-lightfill:before {
|
|
content: "\e6f8";
|
|
}
|
|
.icon-camerarotate:before {
|
|
content: "\e6f9";
|
|
}
|
|
.icon-light:before {
|
|
content: "\e6fa";
|
|
}
|
|
.icon-barcode:before {
|
|
content: "\e6fb";
|
|
}
|
|
.icon-flashlightclose:before {
|
|
content: "\e6fc";
|
|
}
|
|
.icon-flashlightopen:before {
|
|
content: "\e6fd";
|
|
}
|
|
.icon-searchlist:before {
|
|
content: "\e6fe";
|
|
}
|
|
.icon-service:before {
|
|
content: "\e6ff";
|
|
}
|
|
.icon-sort:before {
|
|
content: "\e700";
|
|
}
|
|
.icon-1212:before {
|
|
content: "\e702";
|
|
}
|
|
.icon-down:before {
|
|
content: "\e703";
|
|
}
|
|
.icon-mobile:before {
|
|
content: "\e704";
|
|
}
|
|
.icon-mobilefill:before {
|
|
content: "\e705";
|
|
}
|
|
.icon-copy:before {
|
|
content: "\e706";
|
|
}
|
|
.icon-countdownfill:before {
|
|
content: "\e707";
|
|
}
|
|
.icon-countdown:before {
|
|
content: "\e708";
|
|
}
|
|
.icon-noticefill:before {
|
|
content: "\e709";
|
|
}
|
|
.icon-notice:before {
|
|
content: "\e70a";
|
|
}
|
|
.icon-qiang:before {
|
|
content: "\e70b";
|
|
}
|
|
.icon-upstagefill:before {
|
|
content: "\e70e";
|
|
}
|
|
.icon-upstage:before {
|
|
content: "\e70f";
|
|
}
|
|
.icon-babyfill:before {
|
|
content: "\e710";
|
|
}
|
|
.icon-baby:before {
|
|
content: "\e711";
|
|
}
|
|
.icon-brandfill:before {
|
|
content: "\e712";
|
|
}
|
|
.icon-brand:before {
|
|
content: "\e713";
|
|
}
|
|
.icon-choicenessfill:before {
|
|
content: "\e714";
|
|
}
|
|
.icon-choiceness:before {
|
|
content: "\e715";
|
|
}
|
|
.icon-clothesfill:before {
|
|
content: "\e716";
|
|
}
|
|
.icon-clothes:before {
|
|
content: "\e717";
|
|
}
|
|
.icon-creativefill:before {
|
|
content: "\e718";
|
|
}
|
|
.icon-creative:before {
|
|
content: "\e719";
|
|
}
|
|
.icon-female:before {
|
|
content: "\e71a";
|
|
}
|
|
.icon-keyboard:before {
|
|
content: "\e71b";
|
|
}
|
|
.icon-male:before {
|
|
content: "\e71c";
|
|
}
|
|
.icon-newfill:before {
|
|
content: "\e71d";
|
|
}
|
|
.icon-new:before {
|
|
content: "\e71e";
|
|
}
|
|
.icon-pullleft:before {
|
|
content: "\e71f";
|
|
}
|
|
.icon-pullright:before {
|
|
content: "\e720";
|
|
}
|
|
.icon-rankfill:before {
|
|
content: "\e721";
|
|
}
|
|
.icon-rank:before {
|
|
content: "\e722";
|
|
}
|
|
.icon-bad:before {
|
|
content: "\e723";
|
|
}
|
|
.icon-cameraadd:before {
|
|
content: "\e724";
|
|
}
|
|
.icon-focus:before {
|
|
content: "\e725";
|
|
}
|
|
.icon-friendfill:before {
|
|
content: "\e726";
|
|
}
|
|
.icon-cameraaddfill:before {
|
|
content: "\e727";
|
|
}
|
|
.icon-rectangle390:before {
|
|
content: "\e600";
|
|
}
|
|
.icon-icon:before {
|
|
content: "\e602";
|
|
}
|
|
.icon-zhuanzhang:before {
|
|
content: "\e603";
|
|
}
|
|
.icon-xinyongqiahuankuan:before {
|
|
content: "\e604";
|
|
}
|
|
.icon-dangmianfu:before {
|
|
content: "\e605";
|
|
}
|
|
.icon-shuidianmei:before {
|
|
content: "\e606";
|
|
}
|
|
.icon-shoujichongzhi:before {
|
|
content: "\e607";
|
|
}
|
|
.icon-qinmifu:before {
|
|
content: "\e608";
|
|
}
|
|
.icon-gupiao:before {
|
|
content: "\e609";
|
|
}
|
|
.icon-youxichongzhi:before {
|
|
content: "\e60a";
|
|
}
|
|
.icon-shoukuan:before {
|
|
content: "\e60b";
|
|
}
|
|
.icon-jipiao:before {
|
|
content: "\e60c";
|
|
}
|
|
.icon-huilvhuansuan:before {
|
|
content: "\e60d";
|
|
}
|
|
.icon-taobao:before {
|
|
content: "\e60e";
|
|
}
|
|
.icon-jizhang:before {
|
|
content: "\e60f";
|
|
}
|
|
.icon-lvyoutehui:before {
|
|
content: "\e610";
|
|
}
|
|
.icon-caipiao:before {
|
|
content: "\e611";
|
|
}
|
|
.icon-aa:before {
|
|
content: "\e612";
|
|
}
|
|
.icon-kuaidi:before {
|
|
content: "\e613";
|
|
}
|
|
.icon-guojihuikuan:before {
|
|
content: "\e614";
|
|
}
|
|
.icon-aixinjuanzeng:before {
|
|
content: "\e615";
|
|
}
|
|
.icon-diandian:before {
|
|
content: "\e616";
|
|
}
|
|
.icon-huafeiqiazhuanrang:before {
|
|
content: "\e617";
|
|
}
|
|
.icon-aliyouxi:before {
|
|
content: "\e618";
|
|
}
|
|
.icon-shoujibaoling:before {
|
|
content: "\e619";
|
|
}
|
|
.icon-tianmaobao:before {
|
|
content: "\e61a";
|
|
}
|
|
.icon-qianbaopengyou:before {
|
|
content: "\e61b";
|
|
}
|
|
.icon-dache:before {
|
|
content: "\e61c";
|
|
}
|
|
.icon-kuaiqiang:before {
|
|
content: "\e61d";
|
|
}
|
|
.icon-suishendai:before {
|
|
content: "\e61f";
|
|
}
|
|
.icon-xiaoyuanyiqiatong:before {
|
|
content: "\e620";
|
|
}
|
|
.icon-zhaocaibao:before {
|
|
content: "\e621";
|
|
}
|
|
.icon-yulebao:before {
|
|
content: "\e622";
|
|
}
|
|
.icon-wodebaozhang:before {
|
|
content: "\e623";
|
|
}
|
|
.icon-huiyuantequan:before {
|
|
content: "\e624";
|
|
}
|
|
.icon-chenggong:before {
|
|
content: "\e625";
|
|
}
|
|
.icon-shibai:before {
|
|
content: "\e626";
|
|
}
|
|
.icon-jingshi:before {
|
|
content: "\e627";
|
|
}
|
|
.icon-tishi:before {
|
|
content: "\e628";
|
|
}
|
|
.icon-bangzhu:before {
|
|
content: "\e629";
|
|
}
|
|
.icon-dengdai:before {
|
|
content: "\e62a";
|
|
}
|
|
.icon-xiangji:before {
|
|
content: "\e62b";
|
|
}
|
|
.icon-shoujitongxunlu:before {
|
|
content: "\e62c";
|
|
}
|
|
.icon-shezhi:before {
|
|
content: "\e62d";
|
|
}
|
|
.icon-wode:before {
|
|
content: "\e62e";
|
|
}
|
|
.icon-sousuo:before {
|
|
content: "\e62f";
|
|
}
|
|
.icon-liebiao:before {
|
|
content: "\e630";
|
|
}
|
|
.icon-bianji:before {
|
|
content: "\e631";
|
|
}
|
|
.icon-shanchu:before {
|
|
content: "\e632";
|
|
}
|
|
.icon-fenxiang:before {
|
|
content: "\e633";
|
|
}
|
|
.icon-ditu:before {
|
|
content: "\e634";
|
|
}
|
|
.icon-tianjia:before {
|
|
content: "\e635";
|
|
}
|
|
.icon-bangzhuxiantiao:before {
|
|
content: "\e636";
|
|
}
|
|
.icon-gengduo:before {
|
|
content: "\e637";
|
|
}
|
|
.icon-saoyisao:before {
|
|
content: "\e638";
|
|
}
|
|
.icon-fukuanma:before {
|
|
content: "\e639";
|
|
}
|
|
.icon-chengshifuwu:before {
|
|
content: "\e63a";
|
|
}
|
|
.icon-jiaoyujiaofei:before {
|
|
content: "\e63b";
|
|
}
|
|
.icon-yangchengtongchongzhi:before {
|
|
content: "\e63c";
|
|
}
|
|
.icon-chengshiyiqiatong:before {
|
|
content: "\e63d";
|
|
}
|
|
.icon-yiban:before {
|
|
content: "\e63e";
|
|
}
|
|
.icon-canyin:before {
|
|
content: "\e63f";
|
|
}
|
|
.icon-gouwu:before {
|
|
content: "\e640";
|
|
}
|
|
.icon-fushi:before {
|
|
content: "\e641";
|
|
}
|
|
.icon-jiaotong:before {
|
|
content: "\e642";
|
|
}
|
|
.icon-yule:before {
|
|
content: "\e643";
|
|
}
|
|
.icon-shejiao:before {
|
|
content: "\e647";
|
|
}
|
|
.icon-jujia:before {
|
|
content: "\e648";
|
|
}
|
|
.icon-tongxun:before {
|
|
content: "\e64d";
|
|
}
|
|
.icon-lingshi:before {
|
|
content: "\e64e";
|
|
}
|
|
.icon-meirong:before {
|
|
content: "\e653";
|
|
}
|
|
.icon-yundong:before {
|
|
content: "\e654";
|
|
}
|
|
.icon-lvxing:before {
|
|
content: "\e655";
|
|
}
|
|
.icon-shuma:before {
|
|
content: "\e660";
|
|
}
|
|
.icon-xuexi:before {
|
|
content: "\e66f";
|
|
}
|
|
.icon-yiliao:before {
|
|
content: "\e670";
|
|
}
|
|
.icon-shuji:before {
|
|
content: "\e674";
|
|
}
|
|
.icon-chongwu:before {
|
|
content: "\e67a";
|
|
}
|
|
.icon-caipiao1:before {
|
|
content: "\e67b";
|
|
}
|
|
.icon-qiche:before {
|
|
content: "\e67d";
|
|
}
|
|
.icon-bangong:before {
|
|
content: "\e67f";
|
|
}
|
|
.icon-zhufang:before {
|
|
content: "\e680";
|
|
}
|
|
.icon-weixiu:before {
|
|
content: "\e681";
|
|
}
|
|
.icon-haizi:before {
|
|
content: "\e683";
|
|
}
|
|
.icon-changbei:before {
|
|
content: "\e685";
|
|
}
|
|
.icon-liwu:before {
|
|
content: "\e686";
|
|
}
|
|
.icon-lijin:before {
|
|
content: "\e687";
|
|
}
|
|
.icon-huankuan:before {
|
|
content: "\e688";
|
|
}
|
|
.icon-juanzeng:before {
|
|
content: "\e68b";
|
|
}
|
|
.icon-licai:before {
|
|
content: "\e68c";
|
|
}
|
|
.icon-gongzi:before {
|
|
content: "\e68d";
|
|
}
|
|
.icon-jianzhi:before {
|
|
content: "\e68e";
|
|
}
|
|
.icon-licaishouyi:before {
|
|
content: "\e68f";
|
|
}
|
|
.icon-qitashouru:before {
|
|
content: "\e692";
|
|
}
|
|
.icon-zidingyileimu:before {
|
|
content: "\e693";
|
|
}
|
|
.icon-tianjialeimu:before {
|
|
content: "\e694";
|
|
}
|
|
.icon-zhifubaoa:before {
|
|
content: "\e695";
|
|
}
|
|
.icon-zhifubaob:before {
|
|
content: "\e696";
|
|
}
|
|
.icon-fuwuchuanga:before {
|
|
content: "\e698";
|
|
}
|
|
.icon-fuwuchuangb:before {
|
|
content: "\e6a1";
|
|
}
|
|
.icon-tansuoa:before {
|
|
content: "\e6a2";
|
|
}
|
|
.icon-tansuob:before {
|
|
content: "\e6a7";
|
|
}
|
|
.icon-caifua:before {
|
|
content: "\e6a8";
|
|
}
|
|
.icon-caifub:before {
|
|
content: "\e6a9";
|
|
}
|
|
.icon-apps:before {
|
|
content: "\e729";
|
|
}
|
|
.icon-paintfill:before {
|
|
content: "\e72a";
|
|
}
|
|
.icon-paint:before {
|
|
content: "\e72b";
|
|
}
|
|
.icon-picfill:before {
|
|
content: "\e72c";
|
|
}
|
|
.icon-refresharrow:before {
|
|
content: "\e72d";
|
|
}
|
|
.icon-markfill:before {
|
|
content: "\e730";
|
|
}
|
|
.icon-mark:before {
|
|
content: "\e731";
|
|
}
|
|
.icon-presentfill:before {
|
|
content: "\e732";
|
|
}
|
|
.icon-repeal:before {
|
|
content: "\e733";
|
|
}
|
|
.icon-album:before {
|
|
content: "\e734";
|
|
}
|
|
.icon-peoplefill:before {
|
|
content: "\e735";
|
|
}
|
|
.icon-people:before {
|
|
content: "\e736";
|
|
}
|
|
.icon-servicefill:before {
|
|
content: "\e737";
|
|
}
|
|
.icon-repair:before {
|
|
content: "\e738";
|
|
}
|
|
.icon-file:before {
|
|
content: "\e739";
|
|
}
|
|
.icon-repairfill:before {
|
|
content: "\e73a";
|
|
}
|
|
.icon-taoxiaopu:before {
|
|
content: "\e73b";
|
|
}
|
|
.icon-attentionfill:before {
|
|
content: "\e73c";
|
|
}
|
|
.icon-attention:before {
|
|
content: "\e73d";
|
|
}
|
|
.icon-commandfill:before {
|
|
content: "\e73e";
|
|
}
|
|
.icon-command:before {
|
|
content: "\e73f";
|
|
}
|
|
.icon-communityfill:before {
|
|
content: "\e740";
|
|
}
|
|
.icon-community:before {
|
|
content: "\e741";
|
|
}
|
|
.icon-read:before {
|
|
content: "\e742";
|
|
}
|
|
.icon-suan:before {
|
|
content: "\e743";
|
|
}
|
|
.icon-hua:before {
|
|
content: "\e744";
|
|
}
|
|
.icon-ju:before {
|
|
content: "\e745";
|
|
}
|
|
.icon-tian:before {
|
|
content: "\e748";
|
|
}
|
|
.icon-calendar:before {
|
|
content: "\e74a";
|
|
}
|
|
.icon-cut:before {
|
|
content: "\e74b";
|
|
}
|
|
.icon-magic:before {
|
|
content: "\e74c";
|
|
}
|
|
.icon-backwardfill:before {
|
|
content: "\e74d";
|
|
}
|
|
.icon-playfill:before {
|
|
content: "\e74f";
|
|
}
|
|
.icon-stop:before {
|
|
content: "\e750";
|
|
}
|
|
.icon-tagfill:before {
|
|
content: "\e751";
|
|
}
|
|
.icon-tag:before {
|
|
content: "\e752";
|
|
}
|
|
.icon-group:before {
|
|
content: "\e753";
|
|
}
|
|
.icon-all:before {
|
|
content: "\e755";
|
|
}
|
|
.icon-backdelete:before {
|
|
content: "\e756";
|
|
}
|
|
.icon-hotfill:before {
|
|
content: "\e757";
|
|
}
|
|
.icon-hot:before {
|
|
content: "\e758";
|
|
}
|
|
.icon-post:before {
|
|
content: "\e759";
|
|
}
|
|
.icon-radiobox:before {
|
|
content: "\e75b";
|
|
}
|
|
.icon-rounddown:before {
|
|
content: "\e75c";
|
|
}
|
|
.icon-upload:before {
|
|
content: "\e75d";
|
|
}
|
|
.icon-writefill:before {
|
|
content: "\e760";
|
|
}
|
|
.icon-write:before {
|
|
content: "\e761";
|
|
}
|
|
.icon-radioboxfill:before {
|
|
content: "\e763";
|
|
}
|
|
.icon-punch:before {
|
|
content: "\e764";
|
|
}
|
|
.icon-shake:before {
|
|
content: "\e765";
|
|
}
|
|
.icon-add1:before {
|
|
content: "\e767";
|
|
}
|
|
.icon-move:before {
|
|
content: "\e768";
|
|
}
|
|
.icon-safe:before {
|
|
content: "\e769";
|
|
}
|
|
.icon-haodian:before {
|
|
content: "\e76d";
|
|
}
|
|
.icon-mao:before {
|
|
content: "\e76e";
|
|
}
|
|
.icon-qi:before {
|
|
content: "\e76f";
|
|
}
|
|
.icon-ye:before {
|
|
content: "\e770";
|
|
}
|
|
.icon-juhuasuan:before {
|
|
content: "\e771";
|
|
}
|
|
.icon-taoqianggou:before {
|
|
content: "\e772";
|
|
}
|
|
.icon-tianmao:before {
|
|
content: "\e773";
|
|
}
|
|
.icon-activityfill:before {
|
|
content: "\e775";
|
|
}
|
|
.icon-crownfill:before {
|
|
content: "\e776";
|
|
}
|
|
.icon-crown:before {
|
|
content: "\e777";
|
|
}
|
|
.icon-goodsfill:before {
|
|
content: "\e778";
|
|
}
|
|
.icon-messagefill:before {
|
|
content: "\e779";
|
|
}
|
|
.icon-profilefill:before {
|
|
content: "\e77a";
|
|
}
|
|
.icon-sound:before {
|
|
content: "\e77b";
|
|
}
|
|
.icon-sponsorfill:before {
|
|
content: "\e77c";
|
|
}
|
|
.icon-sponsor:before {
|
|
content: "\e77d";
|
|
}
|
|
.icon-upblock:before {
|
|
content: "\e77e";
|
|
}
|
|
.icon-weblock:before {
|
|
content: "\e77f";
|
|
}
|
|
.icon-weunblock:before {
|
|
content: "\e780";
|
|
}
|
|
.icon-1111:before {
|
|
content: "\e782";
|
|
}
|
|
.icon-my:before {
|
|
content: "\e78b";
|
|
}
|
|
.icon-myfill:before {
|
|
content: "\e78c";
|
|
}
|
|
.icon-emojifill:before {
|
|
content: "\e78d";
|
|
}
|
|
.icon-emojiflashfill:before {
|
|
content: "\e78e";
|
|
}
|
|
.icon-flashbuyfill-copy:before {
|
|
content: "\e78f";
|
|
}
|
|
.icon-text:before {
|
|
content: "\e791";
|
|
}
|
|
.icon-goodsfavor:before {
|
|
content: "\e794";
|
|
}
|
|
.icon-musicfill:before {
|
|
content: "\e795";
|
|
}
|
|
.icon-musicforbidfill:before {
|
|
content: "\e796";
|
|
}
|
|
.icon-xiamiforbid:before {
|
|
content: "\e797";
|
|
}
|
|
.icon-xiami:before {
|
|
content: "\e798";
|
|
}
|
|
.icon-roundleftfill:before {
|
|
content: "\e799";
|
|
}
|
|
.icon-triangledownfill:before {
|
|
content: "\e79b";
|
|
}
|
|
.icon-triangleupfill:before {
|
|
content: "\e79c";
|
|
}
|
|
.icon-roundleftfill-copy:before {
|
|
content: "\e79e";
|
|
}
|
|
.icon-weixin:before {
|
|
content: "\e6ab";
|
|
}
|
|
.icon-pulldown1:before {
|
|
content: "\e79f";
|
|
}
|
|
.icon-emojilight:before {
|
|
content: "\e7a1";
|
|
}
|
|
.icon-keyboardlight:before {
|
|
content: "\e7a3";
|
|
}
|
|
.icon-recordfill:before {
|
|
content: "\e7a4";
|
|
}
|
|
.icon-recordlight:before {
|
|
content: "\e7a5";
|
|
}
|
|
.icon-record:before {
|
|
content: "\e7a6";
|
|
}
|
|
.icon-roundaddlight:before {
|
|
content: "\e7a7";
|
|
}
|
|
.icon-soundlight:before {
|
|
content: "\e7a8";
|
|
}
|
|
.icon-cardboardfill:before {
|
|
content: "\e7a9";
|
|
}
|
|
.icon-cardboard:before {
|
|
content: "\e7aa";
|
|
}
|
|
.icon-formfill:before {
|
|
content: "\e7ab";
|
|
}
|
|
.icon-coin:before {
|
|
content: "\e7ac";
|
|
}
|
|
.icon-sortlight:before {
|
|
content: "\e7ad";
|
|
}
|
|
.icon-cardboardforbid:before {
|
|
content: "\e7af";
|
|
}
|
|
.icon-circlefill:before {
|
|
content: "\e7b0";
|
|
}
|
|
.icon-circle:before {
|
|
content: "\e7b1";
|
|
}
|
|
.icon-attentionforbid:before {
|
|
content: "\e7b2";
|
|
}
|
|
.icon-attentionforbidfill:before {
|
|
content: "\e7b3";
|
|
}
|
|
.icon-attentionfavorfill:before {
|
|
content: "\e7b4";
|
|
}
|
|
.icon-attentionfavor:before {
|
|
content: "\e7b5";
|
|
}
|
|
.icon-piclight:before {
|
|
content: "\e7b7";
|
|
}
|
|
.icon-shoplight:before {
|
|
content: "\e7b8";
|
|
}
|
|
.icon-voicelight:before {
|
|
content: "\e7b9";
|
|
}
|
|
.icon-attentionfavorfill-copy:before {
|
|
content: "\e7ba";
|
|
}
|
|
.icon-full:before {
|
|
content: "\e7bc";
|
|
}
|
|
.icon-mail:before {
|
|
content: "\e7bd";
|
|
}
|
|
.icon-peoplelist:before {
|
|
content: "\e7be";
|
|
}
|
|
.icon-logo:before {
|
|
content: "\e6aa";
|
|
}
|
|
.icon-daohang1:before {
|
|
content: "\e6ad";
|
|
}
|
|
.icon-goodsnewfill:before {
|
|
content: "\e7bf";
|
|
}
|
|
.icon-goodsnew:before {
|
|
content: "\e7c0";
|
|
}
|
|
.icon-medalfill:before {
|
|
content: "\e7c1";
|
|
}
|
|
.icon-medal:before {
|
|
content: "\e7c2";
|
|
}
|
|
.icon-newsfill:before {
|
|
content: "\e7c3";
|
|
}
|
|
.icon-newshotfill:before {
|
|
content: "\e7c4";
|
|
}
|
|
.icon-newshot:before {
|
|
content: "\e7c5";
|
|
}
|
|
.icon-news:before {
|
|
content: "\e7c6";
|
|
}
|
|
.icon-videofill:before {
|
|
content: "\e7c7";
|
|
}
|
|
.icon-video:before {
|
|
content: "\e7c8";
|
|
}
|
|
.icon-askfill:before {
|
|
content: "\e7c9";
|
|
}
|
|
.icon-ask:before {
|
|
content: "\e7ca";
|
|
}
|
|
.icon-exit:before {
|
|
content: "\e7cb";
|
|
}
|
|
.icon-skinfill:before {
|
|
content: "\e7cc";
|
|
}
|
|
.icon-skin:before {
|
|
content: "\e7cd";
|
|
}
|
|
.icon-moneybagfill:before {
|
|
content: "\e7ce";
|
|
}
|
|
.icon-usefullfill:before {
|
|
content: "\e7cf";
|
|
}
|
|
.icon-usefull:before {
|
|
content: "\e7d0";
|
|
}
|
|
.icon-moneybag:before {
|
|
content: "\e7d1";
|
|
}
|
|
.icon-redpacket_fill:before {
|
|
content: "\e7d3";
|
|
}
|
|
.icon-subscription:before {
|
|
content: "\e7d4";
|
|
}
|
|
.icon-home_light:before {
|
|
content: "\e7d5";
|
|
}
|
|
.icon-my_light:before {
|
|
content: "\e7d6";
|
|
}
|
|
.icon-community_light:before {
|
|
content: "\e7d7";
|
|
}
|
|
.icon-cart_light:before {
|
|
content: "\e7d8";
|
|
}
|
|
.icon-we_light:before {
|
|
content: "\e7d9";
|
|
}
|
|
.icon-home_fill_light:before {
|
|
content: "\e7da";
|
|
}
|
|
.icon-cart_fill_light:before {
|
|
content: "\e7db";
|
|
}
|
|
.icon-community_fill_light:before {
|
|
content: "\e7dc";
|
|
}
|
|
.icon-my_fill_light:before {
|
|
content: "\e7dd";
|
|
}
|
|
.icon-we_fill_light:before {
|
|
content: "\e7de";
|
|
}
|
|
.icon-skin_light:before {
|
|
content: "\e7df";
|
|
}
|
|
.icon-search_light:before {
|
|
content: "\e7e0";
|
|
}
|
|
.icon-scan_light:before {
|
|
content: "\e7e1";
|
|
}
|
|
.icon-people_list_light:before {
|
|
content: "\e7e2";
|
|
}
|
|
.icon-message_light:before {
|
|
content: "\e7e3";
|
|
}
|
|
.icon-close_light:before {
|
|
content: "\e7e4";
|
|
}
|
|
.icon-add_light:before {
|
|
content: "\e7e5";
|
|
}
|
|
.icon-profile_light:before {
|
|
content: "\e7e6";
|
|
}
|
|
.icon-service_light:before {
|
|
content: "\e7e7";
|
|
}
|
|
.icon-friend_add_light:before {
|
|
content: "\e7e8";
|
|
}
|
|
.icon-edit_light:before {
|
|
content: "\e7e9";
|
|
}
|
|
.icon-camera_light:before {
|
|
content: "\e7ea";
|
|
}
|
|
.icon-hot_light:before {
|
|
content: "\e7eb";
|
|
}
|
|
.icon-refresh_light:before {
|
|
content: "\e7ec";
|
|
}
|
|
.icon-back_light:before {
|
|
content: "\e7ed";
|
|
}
|
|
.icon-share_light:before {
|
|
content: "\e7ee";
|
|
}
|
|
.icon-comment_light:before {
|
|
content: "\e7ef";
|
|
}
|
|
.icon-appreciate_light:before {
|
|
content: "\e7f0";
|
|
}
|
|
.icon-favor_light:before {
|
|
content: "\e7f1";
|
|
}
|
|
.icon-appreciate_fill_light:before {
|
|
content: "\e7f2";
|
|
}
|
|
.icon-comment_fill_light:before {
|
|
content: "\e7f3";
|
|
}
|
|
.icon-wang_light:before {
|
|
content: "\e7f4";
|
|
}
|
|
.icon-more_android_light:before {
|
|
content: "\e7f5";
|
|
}
|
|
.icon-friend_light:before {
|
|
content: "\e7f6";
|
|
}
|
|
.icon-more_light:before {
|
|
content: "\e7f7";
|
|
}
|
|
.icon-goods_favor_light:before {
|
|
content: "\e7f8";
|
|
}
|
|
.icon-goods_new_fill_light:before {
|
|
content: "\e7f9";
|
|
}
|
|
.icon-goods_new_light:before {
|
|
content: "\e7fa";
|
|
}
|
|
.icon-goods_light:before {
|
|
content: "\e7fb";
|
|
}
|
|
.icon-medal_fill_light:before {
|
|
content: "\e7fc";
|
|
}
|
|
.icon-medal_light:before {
|
|
content: "\e7fd";
|
|
}
|
|
.icon-news_fill_light:before {
|
|
content: "\e7fe";
|
|
}
|
|
.icon-news_hot_fill_light:before {
|
|
content: "\e7ff";
|
|
}
|
|
.icon-news_hot_light:before {
|
|
content: "\e800";
|
|
}
|
|
.icon-news_light:before {
|
|
content: "\e801";
|
|
}
|
|
.icon-video_fill_light:before {
|
|
content: "\e802";
|
|
}
|
|
.icon-message_fill_light:before {
|
|
content: "\e803";
|
|
}
|
|
.icon-form_light:before {
|
|
content: "\e804";
|
|
}
|
|
.icon-video_light:before {
|
|
content: "\e805";
|
|
}
|
|
.icon-search_list_light:before {
|
|
content: "\e806";
|
|
}
|
|
.icon-form_fill_light:before {
|
|
content: "\e807";
|
|
}
|
|
.icon-global_light:before {
|
|
content: "\e808";
|
|
}
|
|
.icon-global:before {
|
|
content: "\e809";
|
|
}
|
|
.icon-favor_fill_light:before {
|
|
content: "\e80a";
|
|
}
|
|
.icon-delete_light:before {
|
|
content: "\e80b";
|
|
}
|
|
.icon-back_android:before {
|
|
content: "\e80c";
|
|
}
|
|
.icon-back_android_light:before {
|
|
content: "\e80d";
|
|
}
|
|
.icon-down_light:before {
|
|
content: "\e80e";
|
|
}
|
|
.icon-round_close_light:before {
|
|
content: "\e80f";
|
|
}
|
|
.icon-round_close_fill_light:before {
|
|
content: "\e810";
|
|
}
|
|
.icon-expressman:before {
|
|
content: "\e811";
|
|
}
|
|
.icon-punch_light:before {
|
|
content: "\e812";
|
|
}
|
|
.icon-evaluate_fill:before {
|
|
content: "\e813";
|
|
}
|
|
.icon-furniture:before {
|
|
content: "\e814";
|
|
}
|
|
.icon-dress:before {
|
|
content: "\e815";
|
|
}
|
|
.icon-coffee:before {
|
|
content: "\e816";
|
|
}
|
|
.icon-sports:before {
|
|
content: "\e817";
|
|
}
|
|
.icon-group_light:before {
|
|
content: "\e818";
|
|
}
|
|
.icon-location_light:before {
|
|
content: "\e819";
|
|
}
|
|
.icon-attention_light:before {
|
|
content: "\e81a";
|
|
}
|
|
.icon-group_fill_light:before {
|
|
content: "\e81b";
|
|
}
|
|
.icon-group_fill:before {
|
|
content: "\e81c";
|
|
}
|
|
.icon-play_forward_fill:before {
|
|
content: "\e81d";
|
|
}
|
|
.icon-shoucang:before {
|
|
content: "\e86d";
|
|
}
|
|
.icon-guanbijiantou:before {
|
|
content: "\e86e";
|
|
}
|
|
.icon-shoucang1:before {
|
|
content: "\e86f";
|
|
}
|
|
.icon-sousuo1:before {
|
|
content: "\e870";
|
|
}
|
|
.icon-fenxiang1:before {
|
|
content: "\e871";
|
|
}
|
|
.icon-xiaoxi:before {
|
|
content: "\e872";
|
|
}
|
|
.icon-xihuan:before {
|
|
content: "\e873";
|
|
}
|
|
.icon-xihuan1:before {
|
|
content: "\e874";
|
|
}
|
|
.icon-zan:before {
|
|
content: "\e875";
|
|
}
|
|
.icon-zan1:before {
|
|
content: "\e876";
|
|
}
|
|
.icon-huafu:before {
|
|
content: "\e877";
|
|
}
|
|
.icon-lvjing:before {
|
|
content: "\e878";
|
|
}
|
|
.icon-huafu1:before {
|
|
content: "\e879";
|
|
}
|
|
.icon-fanzhuanjingtou:before {
|
|
content: "\e87a";
|
|
}
|
|
.icon-paizhao:before {
|
|
content: "\e87b";
|
|
}
|
|
.icon-shanguangdengdakai:before {
|
|
content: "\e87c";
|
|
}
|
|
.icon-shanguangdengzidong:before {
|
|
content: "\e87d";
|
|
}
|
|
.icon-huafu2:before {
|
|
content: "\e87e";
|
|
}
|
|
.icon-huafu3:before {
|
|
content: "\e87f";
|
|
}
|
|
.icon-shanguangdengguanbi:before {
|
|
content: "\e880";
|
|
}
|
|
.icon-paizhao1:before {
|
|
content: "\e881";
|
|
}
|
|
.icon-kuaitui:before {
|
|
content: "\e882";
|
|
}
|
|
.icon-bianda:before {
|
|
content: "\e883";
|
|
}
|
|
.icon-kuaijin:before {
|
|
content: "\e884";
|
|
}
|
|
.icon-xuanzhuanshouji:before {
|
|
content: "\e885";
|
|
}
|
|
.icon-liangdu:before {
|
|
content: "\e886";
|
|
}
|
|
.icon-yanjingmoshi:before {
|
|
content: "\e887";
|
|
}
|
|
.icon-zanting:before {
|
|
content: "\e888";
|
|
}
|
|
.icon-yinliang:before {
|
|
content: "\e889";
|
|
}
|
|
.icon-vrbofangqi:before {
|
|
content: "\e88a";
|
|
}
|
|
.icon-suoxiao:before {
|
|
content: "\e88b";
|
|
}
|
|
.icon-bofang:before {
|
|
content: "\e88c";
|
|
}
|
|
.icon-yueduxiao:before {
|
|
content: "\e88d";
|
|
}
|
|
.icon-xialajiantouxiao:before {
|
|
content: "\e88e";
|
|
}
|
|
.icon-dingweixiao:before {
|
|
content: "\e88f";
|
|
}
|
|
.icon-vrbofangqi1:before {
|
|
content: "\e890";
|
|
}
|
|
.icon-jingxuan:before {
|
|
content: "\e891";
|
|
}
|
|
.icon-zhekou:before {
|
|
content: "\e892";
|
|
}
|
|
.icon-tishi1:before {
|
|
content: "\e893";
|
|
}
|
|
.icon-shuiguo:before {
|
|
content: "\e894";
|
|
}
|
|
.icon-huiyi:before {
|
|
content: "\e895";
|
|
}
|
|
.icon-youhuiquan:before {
|
|
content: "\e896";
|
|
}
|
|
.icon-jianshen:before {
|
|
content: "\e897";
|
|
}
|
|
.icon-chufang:before {
|
|
content: "\e898";
|
|
}
|
|
.icon-ditu1:before {
|
|
content: "\e899";
|
|
}
|
|
.icon-zanxiao:before {
|
|
content: "\e89a";
|
|
}
|
|
.icon-huiyuanqia:before {
|
|
content: "\e89b";
|
|
}
|
|
.icon-jiesonghuoche:before {
|
|
content: "\e89c";
|
|
}
|
|
.icon-changyongxinxi:before {
|
|
content: "\e89d";
|
|
}
|
|
.icon-fanchengjipiao:before {
|
|
content: "\e89e";
|
|
}
|
|
.icon-chujingchaoshi:before {
|
|
content: "\e89f";
|
|
}
|
|
.icon-jiudian:before {
|
|
content: "\e8a0";
|
|
}
|
|
.icon-shoujian:before {
|
|
content: "\e8a1";
|
|
}
|
|
.icon-shaixuan:before {
|
|
content: "\e8a2";
|
|
}
|
|
.icon-jiesongji:before {
|
|
content: "\e8a3";
|
|
}
|
|
.icon-tupian:before {
|
|
content: "\e8a4";
|
|
}
|
|
.icon-zengjia:before {
|
|
content: "\e8a5";
|
|
}
|
|
.icon-neirong2:before {
|
|
content: "\e8a6";
|
|
}
|
|
.icon-daohang:before {
|
|
content: "\e8a7";
|
|
}
|
|
.icon-wenda:before {
|
|
content: "\e8a8";
|
|
}
|
|
.icon-fujian:before {
|
|
content: "\e8a9";
|
|
}
|
|
.icon-ganxie:before {
|
|
content: "\e8aa";
|
|
}
|
|
.icon-gengduo1:before {
|
|
content: "\e8ab";
|
|
}
|
|
.icon-gouwu1:before {
|
|
content: "\e8ac";
|
|
}
|
|
.icon-ganxie1:before {
|
|
content: "\e8ad";
|
|
}
|
|
.icon-huodongxiangqu:before {
|
|
content: "\e8ae";
|
|
}
|
|
.icon-huidaodingbu:before {
|
|
content: "\e8af";
|
|
}
|
|
.icon-dianhua:before {
|
|
content: "\e8b0";
|
|
}
|
|
.icon-huodongxiangqu1:before {
|
|
content: "\e8b1";
|
|
}
|
|
.icon-jinrujiantou:before {
|
|
content: "\e8b2";
|
|
}
|
|
.icon-jieban:before {
|
|
content: "\e8b3";
|
|
}
|
|
.icon-kefu:before {
|
|
content: "\e8b4";
|
|
}
|
|
.icon-liebiao1:before {
|
|
content: "\e8b5";
|
|
}
|
|
.icon-jingdian:before {
|
|
content: "\e8b6";
|
|
}
|
|
.icon-jingdian1:before {
|
|
content: "\e8b7";
|
|
}
|
|
.icon-mulu:before {
|
|
content: "\e8b8";
|
|
}
|
|
.icon-neirong:before {
|
|
content: "\e8b9";
|
|
}
|
|
.icon-naozhong:before {
|
|
content: "\e8ba";
|
|
}
|
|
.icon-pinglun:before {
|
|
content: "\e8bb";
|
|
}
|
|
.icon-saoyisao1:before {
|
|
content: "\e8bc";
|
|
}
|
|
.icon-qianzheng:before {
|
|
content: "\e8bd";
|
|
}
|
|
.icon-shouqijiantouxiao:before {
|
|
content: "\e8be";
|
|
}
|
|
.icon-toutiao:before {
|
|
content: "\e8bf";
|
|
}
|
|
.icon-shezhi1:before {
|
|
content: "\e8c0";
|
|
}
|
|
.icon-tuichu:before {
|
|
content: "\e8c1";
|
|
}
|
|
.icon-jinnang:before {
|
|
content: "\e8c2";
|
|
}
|
|
.icon-wenda1:before {
|
|
content: "\e8c3";
|
|
}
|
|
.icon-wifi1:before {
|
|
content: "\e8c4";
|
|
}
|
|
.icon-wifidianhuaqia:before {
|
|
content: "\e8c5";
|
|
}
|
|
.icon-changge:before {
|
|
content: "\e8c6";
|
|
}
|
|
.icon-dianpu:before {
|
|
content: "\e8c7";
|
|
}
|
|
.icon-baoxiandingdan:before {
|
|
content: "\e8c8";
|
|
}
|
|
.icon-anquanzhongxin:before {
|
|
content: "\e8c9";
|
|
}
|
|
.icon-dingdanchulizhong:before {
|
|
content: "\e8ca";
|
|
}
|
|
.icon-dingdandaifukuan:before {
|
|
content: "\e8cb";
|
|
}
|
|
.icon-dingdan:before {
|
|
content: "\e8cc";
|
|
}
|
|
.icon-dingdanjihe:before {
|
|
content: "\e8cd";
|
|
}
|
|
.icon-faxian:before {
|
|
content: "\e8ce";
|
|
}
|
|
.icon-chujingyou:before {
|
|
content: "\e8cf";
|
|
}
|
|
.icon-dingdanyichenggong:before {
|
|
content: "\e8d0";
|
|
}
|
|
.icon-gouwu2:before {
|
|
content: "\e8d1";
|
|
}
|
|
.icon-gouwuche:before {
|
|
content: "\e8d2";
|
|
}
|
|
.icon-dujia:before {
|
|
content: "\e8d3";
|
|
}
|
|
.icon-hongbao:before {
|
|
content: "\e8d4";
|
|
}
|
|
.icon-huochepiao:before {
|
|
content: "\e8d5";
|
|
}
|
|
.icon-jihuozhongzhuan:before {
|
|
content: "\e8d6";
|
|
}
|
|
.icon-jiudian1:before {
|
|
content: "\e8d7";
|
|
}
|
|
.icon-licheng:before {
|
|
content: "\e8d8";
|
|
}
|
|
.icon-guojijipiao:before {
|
|
content: "\e8d9";
|
|
}
|
|
.icon-lichengdixian:before {
|
|
content: "\e8da";
|
|
}
|
|
.icon-jipiao1:before {
|
|
content: "\e8db";
|
|
}
|
|
.icon-lichengfanbei:before {
|
|
content: "\e8dc";
|
|
}
|
|
.icon-mudedi:before {
|
|
content: "\e8dd";
|
|
}
|
|
.icon-qichepiao:before {
|
|
content: "\e8de";
|
|
}
|
|
.icon-lubiao:before {
|
|
content: "\e8df";
|
|
}
|
|
.icon-qitadingdan:before {
|
|
content: "\e8e0";
|
|
}
|
|
.icon-rili:before {
|
|
content: "\e8e1";
|
|
}
|
|
.icon-shikebiao:before {
|
|
content: "\e8e2";
|
|
}
|
|
.icon-shoudiantongguan:before {
|
|
content: "\e8e3";
|
|
}
|
|
.icon-shoudiantongkai:before {
|
|
content: "\e8e4";
|
|
}
|
|
.icon-taideng:before {
|
|
content: "\e8e5";
|
|
}
|
|
.icon-shouye:before {
|
|
content: "\e8e6";
|
|
}
|
|
.icon-weilaijiudian:before {
|
|
content: "\e8e7";
|
|
}
|
|
.icon-xiangqing:before {
|
|
content: "\e8e8";
|
|
}
|
|
.icon-wangwang:before {
|
|
content: "\e8e9";
|
|
}
|
|
.icon-wode1:before {
|
|
content: "\e8ea";
|
|
}
|
|
.icon-hangcheng:before {
|
|
content: "\e8eb";
|
|
}
|
|
.icon-yuyuedingdan:before {
|
|
content: "\e8ec";
|
|
}
|
|
.icon-zuche:before {
|
|
content: "\e8ed";
|
|
}
|
|
.icon-zhoubianyou:before {
|
|
content: "\e8ee";
|
|
}
|
|
.icon-yijianfankui:before {
|
|
content: "\e8ef";
|
|
}
|
|
.icon-bangzhu1:before {
|
|
content: "\e8f0";
|
|
}
|
|
.icon-bofang1:before {
|
|
content: "\e8f1";
|
|
}
|
|
.icon-bangdan:before {
|
|
content: "\e8f2";
|
|
}
|
|
.icon-bangdan1:before {
|
|
content: "\e8f3";
|
|
}
|
|
.icon-feiyongbaohan:before {
|
|
content: "\e8f4";
|
|
}
|
|
.icon-ditudingwei:before {
|
|
content: "\e8f5";
|
|
}
|
|
.icon-canyin1:before {
|
|
content: "\e8f6";
|
|
}
|
|
.icon-fanhui:before {
|
|
content: "\e8f7";
|
|
}
|
|
.icon-gantanhao:before {
|
|
content: "\e8f8";
|
|
}
|
|
.icon-feiyongbuhan:before {
|
|
content: "\e8f9";
|
|
}
|
|
.icon-gengduo2:before {
|
|
content: "\e8fa";
|
|
}
|
|
.icon-huiyuan:before {
|
|
content: "\e8fb";
|
|
}
|
|
.icon-jia:before {
|
|
content: "\e8fc";
|
|
}
|
|
.icon-jian:before {
|
|
content: "\e8fd";
|
|
}
|
|
.icon-jingdianwanfa:before {
|
|
content: "\e8fe";
|
|
}
|
|
.icon-jingdianwanfa1:before {
|
|
content: "\e8ff";
|
|
}
|
|
.icon-jiaoxing:before {
|
|
content: "\e900";
|
|
}
|
|
.icon-kuandai:before {
|
|
content: "\e901";
|
|
}
|
|
.icon-qianzheng1:before {
|
|
content: "\e902";
|
|
}
|
|
.icon-shibai1:before {
|
|
content: "\e903";
|
|
}
|
|
.icon-qiehuan:before {
|
|
content: "\e904";
|
|
}
|
|
.icon-shijian:before {
|
|
content: "\e905";
|
|
}
|
|
.icon-shuaxin:before {
|
|
content: "\e906";
|
|
}
|
|
.icon-tingche:before {
|
|
content: "\e907";
|
|
}
|
|
.icon-reshui:before {
|
|
content: "\e908";
|
|
}
|
|
.icon-xiaolian:before {
|
|
content: "\e909";
|
|
}
|
|
.icon-weizhixiangqing:before {
|
|
content: "\e90a";
|
|
}
|
|
.icon-tuikuan:before {
|
|
content: "\e90b";
|
|
}
|
|
.icon-youji:before {
|
|
content: "\e90c";
|
|
}
|
|
.icon-xuanzuo:before {
|
|
content: "\e90d";
|
|
}
|
|
.icon-youji1:before {
|
|
content: "\e90e";
|
|
}
|
|
.icon-zhengque:before {
|
|
content: "\e90f";
|
|
}
|
|
.icon-youyongchi:before {
|
|
content: "\e910";
|
|
}
|
|
.icon-huabeizhangdan:before {
|
|
content: "\e911";
|
|
}
|
|
.icon-guojihuochepiao:before {
|
|
content: "\e912";
|
|
}
|
|
.icon-menpiao:before {
|
|
content: "\e913";
|
|
}
|
|
.icon-shangwu:before {
|
|
content: "\e914";
|
|
}
|
|
.icon-zaocan:before {
|
|
content: "\e915";
|
|
}
|
|
.icon-shaixuan1:before {
|
|
content: "\e916";
|
|
}
|
|
.icon-shaixuan2:before {
|
|
content: "\e917";
|
|
}
|
|
.icon-fanhuijiantou:before {
|
|
content: "\e918";
|
|
}
|
|
.icon-guoneiyou:before {
|
|
content: "\e919";
|
|
}
|
|
.icon-youlun:before {
|
|
content: "\e91a";
|
|
}
|
|
.icon-menpiao1:before {
|
|
content: "\e91b";
|
|
}
|
|
.icon-dangdiwanle:before {
|
|
content: "\e91c";
|
|
}
|
|
.icon-dangdiwanle1:before {
|
|
content: "\e91d";
|
|
}
|
|
.icon-pinglunxiao:before {
|
|
content: "\e91e";
|
|
}
|
|
.icon-jinrujiantouxiao:before {
|
|
content: "\e91f";
|
|
}
|
|
.icon-dingweixiao1:before {
|
|
content: "\e920";
|
|
}
|
|
.icon-guanbixiao:before {
|
|
content: "\e921";
|
|
}
|
|
.icon-shoucangxiao:before {
|
|
content: "\e922";
|
|
}
|
|
.icon-shoucangxiao1:before {
|
|
content: "\e923";
|
|
}
|
|
.icon-gaoxiao:before {
|
|
content: "\e924";
|
|
}
|
|
.icon-lishixiao:before {
|
|
content: "\e925";
|
|
}
|
|
.icon-jiazaixiao:before {
|
|
content: "\e926";
|
|
}
|
|
.icon-lishixiao1:before {
|
|
content: "\e927";
|
|
}
|
|
.icon-duigouxiao:before {
|
|
content: "\e928";
|
|
}
|
|
.icon-dixiao:before {
|
|
content: "\e929";
|
|
}
|
|
.icon-wenxiao:before {
|
|
content: "\e92a";
|
|
}
|
|
.icon-duigouzhong:before {
|
|
content: "\e92b";
|
|
}
|
|
.icon-feijizhong:before {
|
|
content: "\e92c";
|
|
}
|
|
.icon-huanzhong:before {
|
|
content: "\e92d";
|
|
}
|
|
.icon-quzhong:before {
|
|
content: "\e92e";
|
|
}
|
|
.icon-quzhong1:before {
|
|
content: "\e92f";
|
|
}
|
|
.icon-fanzhong:before {
|
|
content: "\e930";
|
|
}
|
|
.icon-biaodankongjianshanchu:before {
|
|
content: "\e931";
|
|
}
|
|
.icon-biaodankongjianlianxiren:before {
|
|
content: "\e932";
|
|
}
|
|
.icon-shanchu1:before {
|
|
content: "\e933";
|
|
}
|
|
.icon-banxiao:before {
|
|
content: "\e934";
|
|
}
|
|
.icon-xiuxiao:before {
|
|
content: "\e935";
|
|
}
|
|
.icon-remendibiaoxiao:before {
|
|
content: "\e936";
|
|
}
|
|
.icon-ditiexiao:before {
|
|
content: "\e937";
|
|
}
|
|
.icon-cuicuxiao:before {
|
|
content: "\e938";
|
|
}
|
|
.icon-duquanjing:before {
|
|
content: "\e939";
|
|
}
|
|
.icon-shangquanxiao:before {
|
|
content: "\e93a";
|
|
}
|
|
.icon-biaodankongjiandanxuan:before {
|
|
content: "\e93b";
|
|
}
|
|
.icon-zantianchongxiao:before {
|
|
content: "\e93c";
|
|
}
|
|
.icon-biaodankongjianfuxuan:before {
|
|
content: "\e93d";
|
|
}
|
|
.icon-biaodankongjianfuxuankong:before {
|
|
content: "\e93e";
|
|
}
|
|
.icon-chaxunfancheng:before {
|
|
content: "\e93f";
|
|
}
|
|
.icon-chaxunchufadaoda:before {
|
|
content: "\e940";
|
|
}
|
|
.icon-wenhaoxiao:before {
|
|
content: "\e941";
|
|
}
|
|
.icon-icon-test:before {
|
|
content: "\e942";
|
|
}
|
|
.icon-xiangxiajiantoucuxiao:before {
|
|
content: "\e943";
|
|
}
|
|
.icon-chufadaodaxiao:before {
|
|
content: "\e944";
|
|
}
|
|
.icon-daxiao:before {
|
|
content: "\e945";
|
|
}
|
|
.icon-bujifapiao:before {
|
|
content: "\e946";
|
|
}
|
|
.icon-gongxianghangbanxiao:before {
|
|
content: "\e947";
|
|
}
|
|
.icon-dijiaqushi:before {
|
|
content: "\e948";
|
|
}
|
|
.icon-tejiajipiaobiaoqian:before {
|
|
content: "\e949";
|
|
}
|
|
.icon-hangbanyanwu:before {
|
|
content: "\e94a";
|
|
}
|
|
.icon-tuijianjipiao:before {
|
|
content: "\e94b";
|
|
}
|
|
.icon-fangxinfei:before {
|
|
content: "\e94c";
|
|
}
|
|
.icon-qiehuanchengshi:before {
|
|
content: "\e94d";
|
|
}
|
|
.icon-tuijianqiche:before {
|
|
content: "\e94e";
|
|
}
|
|
.icon-taocan-suoxiao:before {
|
|
content: "\e94f";
|
|
}
|
|
.icon-wenda2:before {
|
|
content: "\e950";
|
|
}
|
|
.icon-weizhidifang:before {
|
|
content: "\e951";
|
|
}
|
|
.icon-hangliexiao:before {
|
|
content: "\e952";
|
|
}
|
|
.icon-wopu:before {
|
|
content: "\e953";
|
|
}
|
|
.icon-xiugai:before {
|
|
content: "\e954";
|
|
}
|
|
.icon-zhinan:before {
|
|
content: "\e955";
|
|
}
|
|
.icon-zengzhifuwu:before {
|
|
content: "\e956";
|
|
}
|
|
.icon-yingerpiaobuzhichi:before {
|
|
content: "\e957";
|
|
}
|
|
.icon-yingerpiaozhichi:before {
|
|
content: "\e958";
|
|
}
|
|
.icon-jipiaoxiaoxiala:before {
|
|
content: "\e959";
|
|
}
|
|
.icon-jinrujiantouxiao1:before {
|
|
content: "\e95a";
|
|
}
|
|
.icon-lishihangcheng:before {
|
|
content: "\e95b";
|
|
}
|
|
.icon-sousuoxiao:before {
|
|
content: "\e95c";
|
|
}
|
|
.icon-xiangjixiao:before {
|
|
content: "\e95d";
|
|
}
|
|
.icon-xiangshangjiantoucuxiao:before {
|
|
content: "\e95e";
|
|
}
|
|
.icon-huochepiaomianxing:before {
|
|
content: "\e95f";
|
|
}
|
|
.icon-xuzhixiao:before {
|
|
content: "\e960";
|
|
}
|
|
.icon-fenxiangxiao:before {
|
|
content: "\e961";
|
|
}
|
|
.icon-wangfandijia:before {
|
|
content: "\e962";
|
|
}
|
|
.icon-hangbandongtai:before {
|
|
content: "\e963";
|
|
}
|
|
.icon-guanbishixin:before {
|
|
content: "\e964";
|
|
}
|
|
.icon-fanhuijiantouxiangqingye:before {
|
|
content: "\e965";
|
|
}
|
|
.icon-duigou-weigouxuan:before {
|
|
content: "\e966";
|
|
}
|
|
.icon-kouling:before {
|
|
content: "\e967";
|
|
}
|
|
.icon-lianjie:before {
|
|
content: "\e968";
|
|
}
|
|
.icon-subscription_light:before {
|
|
content: "\e81e";
|
|
}
|
|
.icon-deliver_fill:before {
|
|
content: "\e81f";
|
|
}
|
|
.icon-notice_forbid_fill:before {
|
|
content: "\e820";
|
|
}
|
|
.icon-qr_code_light:before {
|
|
content: "\e821";
|
|
}
|
|
.icon-qichebanci:before {
|
|
content: "\e969";
|
|
}
|
|
.icon-chengnianrennan:before {
|
|
content: "\e96a";
|
|
}
|
|
.icon-chengnianrennv:before {
|
|
content: "\e96b";
|
|
}
|
|
.icon-youleyuan:before {
|
|
content: "\e96c";
|
|
}
|
|
.icon-zhifubao:before {
|
|
content: "\e96d";
|
|
}
|
|
.icon-gantanhaozhong:before {
|
|
content: "\e96e";
|
|
}
|
|
.icon-pailie:before {
|
|
content: "\e96f";
|
|
}
|
|
.icon-dibiao:before {
|
|
content: "\e970";
|
|
}
|
|
.icon-woshuohao:before {
|
|
content: "\e971";
|
|
}
|
|
.icon-woshuohao1:before {
|
|
content: "\e972";
|
|
}
|
|
.icon-paihang:before {
|
|
content: "\e973";
|
|
}
|
|
.icon-settings_light:before {
|
|
content: "\e822";
|
|
}
|
|
.icon-lingquanzhongxin:before {
|
|
content: "\e974";
|
|
}
|
|
.icon-xingqiu:before {
|
|
content: "\e975";
|
|
}
|
|
.icon-pdf:before {
|
|
content: "\e976";
|
|
}
|
|
.icon-guojijiudian:before {
|
|
content: "\e977";
|
|
}
|
|
.icon-kezhangongyu:before {
|
|
content: "\e978";
|
|
}
|
|
.icon-youxian:before {
|
|
content: "\e979";
|
|
}
|
|
.icon-dangritui:before {
|
|
content: "\e97a";
|
|
}
|
|
.icon-pick:before {
|
|
content: "\e823";
|
|
}
|
|
.icon-dianhua1:before {
|
|
content: "\e72e";
|
|
}
|
|
.icon-ARsaoyisao:before {
|
|
content: "\e97b";
|
|
}
|
|
.icon-jinrujiantou1:before {
|
|
content: "\e97c";
|
|
}
|
|
.icon-triangledownfill-after::after {
|
|
content: "\e79b";
|
|
position: absolute;
|
|
font-size: 20rpx;
|
|
top: -14rpx;
|
|
right: -50%;
|
|
color: #818181;
|
|
}
|
|
/*
|
|
* 整理自 animate.css
|
|
* animate.css -http://daneden.me/animate
|
|
* Version - 3.7.0
|
|
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
* Copyright (c) 2018 Daniel Eden
|
|
*/
|
|
.grace-animate{-webkit-animation:1s linear;animation:1s linear;}
|
|
@-webkit-keyframes bounce {
|
|
from,
|
|
20%,
|
|
53%,
|
|
80%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
40%,
|
|
43% {
|
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
-webkit-transform: translate3d(0, -30px, 0);
|
|
transform: translate3d(0, -30px, 0);
|
|
}
|
|
70% {
|
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
-webkit-transform: translate3d(0, -15px, 0);
|
|
transform: translate3d(0, -15px, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, -4px, 0);
|
|
transform: translate3d(0, -4px, 0);
|
|
}
|
|
}
|
|
@keyframes bounce {
|
|
from,
|
|
20%,
|
|
53%,
|
|
80%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
40%,
|
|
43% {
|
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
-webkit-transform: translate3d(0, -30px, 0);
|
|
transform: translate3d(0, -30px, 0);
|
|
}
|
|
70% {
|
|
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
-webkit-transform: translate3d(0, -15px, 0);
|
|
transform: translate3d(0, -15px, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, -4px, 0);
|
|
transform: translate3d(0, -4px, 0);
|
|
}
|
|
}
|
|
.bounce {
|
|
-webkit-animation-name: bounce;
|
|
animation-name: bounce;
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
@-webkit-keyframes flash {
|
|
from,
|
|
50%,
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
25%,
|
|
75% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes flash {
|
|
from,
|
|
50%,
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
25%,
|
|
75% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.flash {
|
|
-webkit-animation-name: flash;
|
|
animation-name: flash;
|
|
}
|
|
@-webkit-keyframes pulse {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
transform: scale3d(1.05, 1.05, 1.05);
|
|
}
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
@keyframes pulse {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
|
transform: scale3d(1.05, 1.05, 1.05);
|
|
}
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.pulse {
|
|
-webkit-animation-name: pulse;
|
|
animation-name: pulse;
|
|
}
|
|
@-webkit-keyframes rubberBand {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
30% {
|
|
-webkit-transform: scale3d(1.25, 0.75, 1);
|
|
transform: scale3d(1.25, 0.75, 1);
|
|
}
|
|
40% {
|
|
-webkit-transform: scale3d(0.75, 1.25, 1);
|
|
transform: scale3d(0.75, 1.25, 1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scale3d(1.15, 0.85, 1);
|
|
transform: scale3d(1.15, 0.85, 1);
|
|
}
|
|
65% {
|
|
-webkit-transform: scale3d(0.95, 1.05, 1);
|
|
transform: scale3d(0.95, 1.05, 1);
|
|
}
|
|
75% {
|
|
-webkit-transform: scale3d(1.05, 0.95, 1);
|
|
transform: scale3d(1.05, 0.95, 1);
|
|
}
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
@keyframes rubberBand {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
30% {
|
|
-webkit-transform: scale3d(1.25, 0.75, 1);
|
|
transform: scale3d(1.25, 0.75, 1);
|
|
}
|
|
40% {
|
|
-webkit-transform: scale3d(0.75, 1.25, 1);
|
|
transform: scale3d(0.75, 1.25, 1);
|
|
}
|
|
50% {
|
|
-webkit-transform: scale3d(1.15, 0.85, 1);
|
|
transform: scale3d(1.15, 0.85, 1);
|
|
}
|
|
65% {
|
|
-webkit-transform: scale3d(0.95, 1.05, 1);
|
|
transform: scale3d(0.95, 1.05, 1);
|
|
}
|
|
75% {
|
|
-webkit-transform: scale3d(1.05, 0.95, 1);
|
|
transform: scale3d(1.05, 0.95, 1);
|
|
}
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.rubberBand {
|
|
-webkit-animation-name: rubberBand;
|
|
animation-name: rubberBand;
|
|
}
|
|
@-webkit-keyframes shake {
|
|
from,
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
10%,
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-10px, 0, 0);
|
|
}
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0);
|
|
}
|
|
}
|
|
@keyframes shake {
|
|
from,
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
10%,
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-10px, 0, 0);
|
|
}
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0);
|
|
}
|
|
}
|
|
.shake {
|
|
-webkit-animation-name: shake;
|
|
animation-name: shake;
|
|
}
|
|
@-webkit-keyframes headShake {
|
|
0% {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
6.5% {
|
|
-webkit-transform: translateX(-6px) rotateY(-9deg);
|
|
transform: translateX(-6px) rotateY(-9deg);
|
|
}
|
|
18.5% {
|
|
-webkit-transform: translateX(5px) rotateY(7deg);
|
|
transform: translateX(5px) rotateY(7deg);
|
|
}
|
|
31.5% {
|
|
-webkit-transform: translateX(-3px) rotateY(-5deg);
|
|
transform: translateX(-3px) rotateY(-5deg);
|
|
}
|
|
43.5% {
|
|
-webkit-transform: translateX(2px) rotateY(3deg);
|
|
transform: translateX(2px) rotateY(3deg);
|
|
}
|
|
50% {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
@keyframes headShake {
|
|
0% {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
6.5% {
|
|
-webkit-transform: translateX(-6px) rotateY(-9deg);
|
|
transform: translateX(-6px) rotateY(-9deg);
|
|
}
|
|
18.5% {
|
|
-webkit-transform: translateX(5px) rotateY(7deg);
|
|
transform: translateX(5px) rotateY(7deg);
|
|
}
|
|
31.5% {
|
|
-webkit-transform: translateX(-3px) rotateY(-5deg);
|
|
transform: translateX(-3px) rotateY(-5deg);
|
|
}
|
|
43.5% {
|
|
-webkit-transform: translateX(2px) rotateY(3deg);
|
|
transform: translateX(2px) rotateY(3deg);
|
|
}
|
|
50% {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
.headShake {
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
-webkit-animation-name: headShake;
|
|
animation-name: headShake;
|
|
}
|
|
@-webkit-keyframes swing {
|
|
20% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
|
transform: rotate3d(0, 0, 1, 15deg);
|
|
}
|
|
40% {
|
|
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
|
transform: rotate3d(0, 0, 1, -10deg);
|
|
}
|
|
60% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
|
transform: rotate3d(0, 0, 1, 5deg);
|
|
}
|
|
80% {
|
|
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
|
transform: rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
to {
|
|
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
|
transform: rotate3d(0, 0, 1, 0deg);
|
|
}
|
|
}
|
|
@keyframes swing {
|
|
20% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
|
transform: rotate3d(0, 0, 1, 15deg);
|
|
}
|
|
40% {
|
|
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
|
transform: rotate3d(0, 0, 1, -10deg);
|
|
}
|
|
60% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
|
transform: rotate3d(0, 0, 1, 5deg);
|
|
}
|
|
80% {
|
|
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
|
transform: rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
to {
|
|
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
|
transform: rotate3d(0, 0, 1, 0deg);
|
|
}
|
|
}
|
|
.swing {
|
|
-webkit-transform-origin: top center;
|
|
transform-origin: top center;
|
|
-webkit-animation-name: swing;
|
|
animation-name: swing;
|
|
}
|
|
@-webkit-keyframes tada {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
10%,
|
|
20% {
|
|
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
@keyframes tada {
|
|
from {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
10%,
|
|
20% {
|
|
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
40%,
|
|
60%,
|
|
80% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
to {
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.tada {
|
|
-webkit-animation-name: tada;
|
|
animation-name: tada;
|
|
}
|
|
@-webkit-keyframes wobble {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
15% {
|
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
30% {
|
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
45% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
60% {
|
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes wobble {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
15% {
|
|
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
|
}
|
|
30% {
|
|
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
|
}
|
|
45% {
|
|
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
|
}
|
|
60% {
|
|
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.wobble {
|
|
-webkit-animation-name: wobble;
|
|
animation-name: wobble;
|
|
}
|
|
@-webkit-keyframes jello {
|
|
from,
|
|
11.1%,
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
22.2% {
|
|
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
|
|
transform: skewX(-12.5deg) skewY(-12.5deg);
|
|
}
|
|
33.3% {
|
|
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
|
|
transform: skewX(6.25deg) skewY(6.25deg);
|
|
}
|
|
44.4% {
|
|
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
|
|
transform: skewX(-3.125deg) skewY(-3.125deg);
|
|
}
|
|
55.5% {
|
|
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
|
|
transform: skewX(1.5625deg) skewY(1.5625deg);
|
|
}
|
|
66.6% {
|
|
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
|
transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
|
}
|
|
77.7% {
|
|
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
|
|
transform: skewX(0.390625deg) skewY(0.390625deg);
|
|
}
|
|
88.8% {
|
|
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
|
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
|
}
|
|
}
|
|
@keyframes jello {
|
|
from,
|
|
11.1%,
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
22.2% {
|
|
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
|
|
transform: skewX(-12.5deg) skewY(-12.5deg);
|
|
}
|
|
33.3% {
|
|
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
|
|
transform: skewX(6.25deg) skewY(6.25deg);
|
|
}
|
|
44.4% {
|
|
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
|
|
transform: skewX(-3.125deg) skewY(-3.125deg);
|
|
}
|
|
55.5% {
|
|
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
|
|
transform: skewX(1.5625deg) skewY(1.5625deg);
|
|
}
|
|
66.6% {
|
|
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
|
transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
|
}
|
|
77.7% {
|
|
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
|
|
transform: skewX(0.390625deg) skewY(0.390625deg);
|
|
}
|
|
88.8% {
|
|
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
|
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
|
}
|
|
}
|
|
.jello {
|
|
-webkit-animation-name: jello;
|
|
animation-name: jello;
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
}
|
|
@-webkit-keyframes heartBeat {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
14% {
|
|
-webkit-transform: scale(1.3);
|
|
transform: scale(1.3);
|
|
}
|
|
28% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
42% {
|
|
-webkit-transform: scale(1.3);
|
|
transform: scale(1.3);
|
|
}
|
|
70% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes heartBeat {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
14% {
|
|
-webkit-transform: scale(1.3);
|
|
transform: scale(1.3);
|
|
}
|
|
28% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
42% {
|
|
-webkit-transform: scale(1.3);
|
|
transform: scale(1.3);
|
|
}
|
|
70% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.heartBeat {
|
|
-webkit-animation-name: heartBeat;
|
|
animation-name: heartBeat;
|
|
-webkit-animation-duration: 1.3s;
|
|
animation-duration: 1.3s;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
@-webkit-keyframes bounceIn {
|
|
from,
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
20% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
}
|
|
40% {
|
|
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
|
transform: scale3d(0.9, 0.9, 0.9);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
transform: scale3d(1.03, 1.03, 1.03);
|
|
}
|
|
80% {
|
|
-webkit-transform: scale3d(0.97, 0.97, 0.97);
|
|
transform: scale3d(0.97, 0.97, 0.97);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
@keyframes bounceIn {
|
|
from,
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
20% {
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
}
|
|
40% {
|
|
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
|
transform: scale3d(0.9, 0.9, 0.9);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
|
transform: scale3d(1.03, 1.03, 1.03);
|
|
}
|
|
80% {
|
|
-webkit-transform: scale3d(0.97, 0.97, 0.97);
|
|
transform: scale3d(0.97, 0.97, 0.97);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1, 1, 1);
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
.bounceIn {
|
|
-webkit-animation-duration: 0.75s;
|
|
animation-duration: 0.75s;
|
|
-webkit-animation-name: bounceIn;
|
|
animation-name: bounceIn;
|
|
}
|
|
@-webkit-keyframes bounceInDown {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -3000px, 0);
|
|
transform: translate3d(0, -3000px, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 25px, 0);
|
|
transform: translate3d(0, 25px, 0);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, 5px, 0);
|
|
transform: translate3d(0, 5px, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes bounceInDown {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -3000px, 0);
|
|
transform: translate3d(0, -3000px, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 25px, 0);
|
|
transform: translate3d(0, 25px, 0);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, 5px, 0);
|
|
transform: translate3d(0, 5px, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.bounceInDown {
|
|
-webkit-animation-name: bounceInDown;
|
|
animation-name: bounceInDown;
|
|
}
|
|
@-webkit-keyframes bounceInLeft {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-3000px, 0, 0);
|
|
transform: translate3d(-3000px, 0, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(25px, 0, 0);
|
|
transform: translate3d(25px, 0, 0);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-10px, 0, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(5px, 0, 0);
|
|
transform: translate3d(5px, 0, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes bounceInLeft {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-3000px, 0, 0);
|
|
transform: translate3d(-3000px, 0, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(25px, 0, 0);
|
|
transform: translate3d(25px, 0, 0);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(-10px, 0, 0);
|
|
transform: translate3d(-10px, 0, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(5px, 0, 0);
|
|
transform: translate3d(5px, 0, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.bounceInLeft {
|
|
-webkit-animation-name: bounceInLeft;
|
|
animation-name: bounceInLeft;
|
|
}
|
|
@-webkit-keyframes bounceInRight {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(3000px, 0, 0);
|
|
transform: translate3d(3000px, 0, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-25px, 0, 0);
|
|
transform: translate3d(-25px, 0, 0);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(-5px, 0, 0);
|
|
transform: translate3d(-5px, 0, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes bounceInRight {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(3000px, 0, 0);
|
|
transform: translate3d(3000px, 0, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-25px, 0, 0);
|
|
transform: translate3d(-25px, 0, 0);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(10px, 0, 0);
|
|
transform: translate3d(10px, 0, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(-5px, 0, 0);
|
|
transform: translate3d(-5px, 0, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.bounceInRight {
|
|
-webkit-animation-name: bounceInRight;
|
|
animation-name: bounceInRight;
|
|
}
|
|
@-webkit-keyframes bounceInUp {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 3000px, 0);
|
|
transform: translate3d(0, 3000px, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, -5px, 0);
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes bounceInUp {
|
|
from,
|
|
60%,
|
|
75%,
|
|
90%,
|
|
to {
|
|
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
}
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 3000px, 0);
|
|
transform: translate3d(0, 3000px, 0);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
75% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
90% {
|
|
-webkit-transform: translate3d(0, -5px, 0);
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.bounceInUp {
|
|
-webkit-animation-name: bounceInUp;
|
|
animation-name: bounceInUp;
|
|
}
|
|
@-webkit-keyframes bounceOut {
|
|
20% {
|
|
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
|
transform: scale3d(0.9, 0.9, 0.9);
|
|
}
|
|
50%,
|
|
55% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
}
|
|
@keyframes bounceOut {
|
|
20% {
|
|
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
|
transform: scale3d(0.9, 0.9, 0.9);
|
|
}
|
|
50%,
|
|
55% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
}
|
|
.bounceOut {
|
|
-webkit-animation-duration: 0.75s;
|
|
animation-duration: 0.75s;
|
|
-webkit-animation-name: bounceOut;
|
|
animation-name: bounceOut;
|
|
}
|
|
@-webkit-keyframes bounceOutDown {
|
|
20% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
40%,
|
|
45% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0);
|
|
}
|
|
}
|
|
@keyframes bounceOutDown {
|
|
20% {
|
|
-webkit-transform: translate3d(0, 10px, 0);
|
|
transform: translate3d(0, 10px, 0);
|
|
}
|
|
40%,
|
|
45% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, -20px, 0);
|
|
transform: translate3d(0, -20px, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0);
|
|
}
|
|
}
|
|
.bounceOutDown {
|
|
-webkit-animation-name: bounceOutDown;
|
|
animation-name: bounceOutDown;
|
|
}
|
|
@-webkit-keyframes bounceOutLeft {
|
|
20% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(20px, 0, 0);
|
|
transform: translate3d(20px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0);
|
|
}
|
|
}
|
|
@keyframes bounceOutLeft {
|
|
20% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(20px, 0, 0);
|
|
transform: translate3d(20px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0);
|
|
}
|
|
}
|
|
.bounceOutLeft {
|
|
-webkit-animation-name: bounceOutLeft;
|
|
animation-name: bounceOutLeft;
|
|
}
|
|
@-webkit-keyframes bounceOutRight {
|
|
20% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-20px, 0, 0);
|
|
transform: translate3d(-20px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0);
|
|
}
|
|
}
|
|
@keyframes bounceOutRight {
|
|
20% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(-20px, 0, 0);
|
|
transform: translate3d(-20px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0);
|
|
}
|
|
}
|
|
.bounceOutRight {
|
|
-webkit-animation-name: bounceOutRight;
|
|
animation-name: bounceOutRight;
|
|
}
|
|
@-webkit-keyframes bounceOutUp {
|
|
20% {
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
40%,
|
|
45% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 20px, 0);
|
|
transform: translate3d(0, 20px, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
}
|
|
@keyframes bounceOutUp {
|
|
20% {
|
|
-webkit-transform: translate3d(0, -10px, 0);
|
|
transform: translate3d(0, -10px, 0);
|
|
}
|
|
40%,
|
|
45% {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 20px, 0);
|
|
transform: translate3d(0, 20px, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
}
|
|
.bounceOutUp {
|
|
-webkit-animation-name: bounceOutUp;
|
|
animation-name: bounceOutUp;
|
|
}
|
|
@-webkit-keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.fadeIn {
|
|
-webkit-animation-name: fadeIn;
|
|
animation-name: fadeIn;
|
|
}
|
|
@-webkit-keyframes fadeInDown {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeInDown {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.fadeInDown {
|
|
-webkit-animation-name: fadeInDown;
|
|
animation-name: fadeInDown;
|
|
}
|
|
@-webkit-keyframes fadeInDownBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeInDownBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.fadeInDownBig {
|
|
-webkit-animation-name: fadeInDownBig;
|
|
animation-name: fadeInDownBig;
|
|
}
|
|
@-webkit-keyframes fadeInLeft {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeInLeft {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.fadeInLeft {
|
|
-webkit-animation-name: fadeInLeft;
|
|
animation-name: fadeInLeft;
|
|
}
|
|
@-webkit-keyframes fadeInLeftBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeInLeftBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.fadeInLeftBig {
|
|
-webkit-animation-name: fadeInLeftBig;
|
|
animation-name: fadeInLeftBig;
|
|
}
|
|
@-webkit-keyframes fadeInRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeInRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.fadeInRight {
|
|
-webkit-animation-name: fadeInRight;
|
|
animation-name: fadeInRight;
|
|
}
|
|
@-webkit-keyframes fadeInRightBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeInRightBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.fadeInRightBig {
|
|
-webkit-animation-name: fadeInRightBig;
|
|
animation-name: fadeInRightBig;
|
|
}
|
|
@-webkit-keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeInUp {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.fadeInUp {
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;
|
|
}
|
|
@-webkit-keyframes fadeInUpBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeInUpBig {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.fadeInUpBig {
|
|
-webkit-animation-name: fadeInUpBig;
|
|
animation-name: fadeInUpBig;
|
|
}
|
|
@-webkit-keyframes fadeOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes fadeOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.fadeOut {
|
|
-webkit-animation-name: fadeOut;
|
|
animation-name: fadeOut;
|
|
}
|
|
@-webkit-keyframes fadeOutDown {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutDown {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|
|
.fadeOutDown {
|
|
-webkit-animation-name: fadeOutDown;
|
|
animation-name: fadeOutDown;
|
|
}
|
|
@-webkit-keyframes fadeOutDownBig {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutDownBig {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 2000px, 0);
|
|
transform: translate3d(0, 2000px, 0);
|
|
}
|
|
}
|
|
.fadeOutDownBig {
|
|
-webkit-animation-name: fadeOutDownBig;
|
|
animation-name: fadeOutDownBig;
|
|
}
|
|
@-webkit-keyframes fadeOutLeft {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutLeft {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
.fadeOutLeft {
|
|
-webkit-animation-name: fadeOutLeft;
|
|
animation-name: fadeOutLeft;
|
|
}
|
|
@-webkit-keyframes fadeOutLeftBig {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutLeftBig {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-2000px, 0, 0);
|
|
transform: translate3d(-2000px, 0, 0);
|
|
}
|
|
}
|
|
.fadeOutLeftBig {
|
|
-webkit-animation-name: fadeOutLeftBig;
|
|
animation-name: fadeOutLeftBig;
|
|
}
|
|
@-webkit-keyframes fadeOutRight {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutRight {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
.fadeOutRight {
|
|
-webkit-animation-name: fadeOutRight;
|
|
animation-name: fadeOutRight;
|
|
}
|
|
@-webkit-keyframes fadeOutRightBig {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutRightBig {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(2000px, 0, 0);
|
|
transform: translate3d(2000px, 0, 0);
|
|
}
|
|
}
|
|
.fadeOutRightBig {
|
|
-webkit-animation-name: fadeOutRightBig;
|
|
animation-name: fadeOutRightBig;
|
|
}
|
|
@-webkit-keyframes fadeOutUp {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutUp {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
.fadeOutUp {
|
|
-webkit-animation-name: fadeOutUp;
|
|
animation-name: fadeOutUp;
|
|
}
|
|
@-webkit-keyframes fadeOutUpBig {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
}
|
|
@keyframes fadeOutUpBig {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -2000px, 0);
|
|
transform: translate3d(0, -2000px, 0);
|
|
}
|
|
}
|
|
.fadeOutUpBig {
|
|
-webkit-animation-name: fadeOutUpBig;
|
|
animation-name: fadeOutUpBig;
|
|
}
|
|
@-webkit-keyframes flip {
|
|
from {
|
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
|
|
rotate3d(0, 1, 0, -360deg);
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
|
|
rotate3d(0, 1, 0, -190deg);
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
|
|
rotate3d(0, 1, 0, -190deg);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
50% {
|
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
|
|
rotate3d(0, 1, 0, -170deg);
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
|
|
rotate3d(0, 1, 0, -170deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
|
|
rotate3d(0, 1, 0, 0deg);
|
|
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
|
|
rotate3d(0, 1, 0, 0deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
|
|
rotate3d(0, 1, 0, 0deg);
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
}
|
|
@keyframes flip {
|
|
from {
|
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
|
|
rotate3d(0, 1, 0, -360deg);
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
|
|
rotate3d(0, 1, 0, -190deg);
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
|
|
rotate3d(0, 1, 0, -190deg);
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
50% {
|
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
|
|
rotate3d(0, 1, 0, -170deg);
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
|
|
rotate3d(0, 1, 0, -170deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
|
|
rotate3d(0, 1, 0, 0deg);
|
|
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
|
|
rotate3d(0, 1, 0, 0deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
|
|
rotate3d(0, 1, 0, 0deg);
|
|
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
}
|
|
.flip {
|
|
-webkit-backface-visibility: visible;
|
|
backface-visibility: visible;
|
|
-webkit-animation-name: flip;
|
|
animation-name: flip;
|
|
}
|
|
@-webkit-keyframes flipInX {
|
|
from {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
@keyframes flipInX {
|
|
from {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
.flipInX {
|
|
-webkit-backface-visibility: visible !important;
|
|
backface-visibility: visible !important;
|
|
-webkit-animation-name: flipInX;
|
|
animation-name: flipInX;
|
|
}
|
|
@-webkit-keyframes flipInY {
|
|
from {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
@keyframes flipInY {
|
|
from {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
opacity: 0;
|
|
}
|
|
40% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
60% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
}
|
|
.flipInY {
|
|
-webkit-backface-visibility: visible !important;
|
|
backface-visibility: visible !important;
|
|
-webkit-animation-name: flipInY;
|
|
animation-name: flipInY;
|
|
}
|
|
@-webkit-keyframes flipOutX {
|
|
from {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
30% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes flipOutX {
|
|
from {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
30% {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.flipOutX {
|
|
-webkit-animation-duration: 0.75s;
|
|
animation-duration: 0.75s;
|
|
-webkit-animation-name: flipOutX;
|
|
animation-name: flipOutX;
|
|
-webkit-backface-visibility: visible !important;
|
|
backface-visibility: visible !important;
|
|
}
|
|
@-webkit-keyframes flipOutY {
|
|
from {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
30% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes flipOutY {
|
|
from {
|
|
-webkit-transform: perspective(400px);
|
|
transform: perspective(400px);
|
|
}
|
|
30% {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.flipOutY {
|
|
-webkit-animation-duration: 0.75s;
|
|
animation-duration: 0.75s;
|
|
-webkit-backface-visibility: visible !important;
|
|
backface-visibility: visible !important;
|
|
-webkit-animation-name: flipOutY;
|
|
animation-name: flipOutY;
|
|
}
|
|
@-webkit-keyframes lightSpeedIn {
|
|
from {
|
|
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
opacity: 0;
|
|
}
|
|
60% {
|
|
-webkit-transform: skewX(20deg);
|
|
transform: skewX(20deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
-webkit-transform: skewX(-5deg);
|
|
transform: skewX(-5deg);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes lightSpeedIn {
|
|
from {
|
|
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
|
opacity: 0;
|
|
}
|
|
60% {
|
|
-webkit-transform: skewX(20deg);
|
|
transform: skewX(20deg);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
-webkit-transform: skewX(-5deg);
|
|
transform: skewX(-5deg);
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.lightSpeedIn {
|
|
-webkit-animation-name: lightSpeedIn;
|
|
animation-name: lightSpeedIn;
|
|
-webkit-animation-timing-function: ease-out;
|
|
animation-timing-function: ease-out;
|
|
}
|
|
@-webkit-keyframes lightSpeedOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes lightSpeedOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
transform: translate3d(100%, 0, 0) skewX(30deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.lightSpeedOut {
|
|
-webkit-animation-name: lightSpeedOut;
|
|
animation-name: lightSpeedOut;
|
|
-webkit-animation-timing-function: ease-in;
|
|
animation-timing-function: ease-in;
|
|
}
|
|
@-webkit-keyframes rotateIn {
|
|
from {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
transform: rotate3d(0, 0, 1, -200deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes rotateIn {
|
|
from {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
|
transform: rotate3d(0, 0, 1, -200deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.rotateIn {
|
|
-webkit-animation-name: rotateIn;
|
|
animation-name: rotateIn;
|
|
}
|
|
@-webkit-keyframes rotateInDownLeft {
|
|
from {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes rotateInDownLeft {
|
|
from {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.rotateInDownLeft {
|
|
-webkit-animation-name: rotateInDownLeft;
|
|
animation-name: rotateInDownLeft;
|
|
}
|
|
@-webkit-keyframes rotateInDownRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes rotateInDownRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.rotateInDownRight {
|
|
-webkit-animation-name: rotateInDownRight;
|
|
animation-name: rotateInDownRight;
|
|
}
|
|
@-webkit-keyframes rotateInUpLeft {
|
|
from {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes rotateInUpLeft {
|
|
from {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.rotateInUpLeft {
|
|
-webkit-animation-name: rotateInUpLeft;
|
|
animation-name: rotateInUpLeft;
|
|
}
|
|
@-webkit-keyframes rotateInUpRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
transform: rotate3d(0, 0, 1, -90deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes rotateInUpRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
|
transform: rotate3d(0, 0, 1, -90deg);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.rotateInUpRight {
|
|
-webkit-animation-name: rotateInUpRight;
|
|
animation-name: rotateInUpRight;
|
|
}
|
|
@-webkit-keyframes rotateOut {
|
|
from {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
|
transform: rotate3d(0, 0, 1, 200deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes rotateOut {
|
|
from {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: center;
|
|
transform-origin: center;
|
|
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
|
transform: rotate3d(0, 0, 1, 200deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.rotateOut {
|
|
-webkit-animation-name: rotateOut;
|
|
animation-name: rotateOut;
|
|
}
|
|
@-webkit-keyframes rotateOutDownLeft {
|
|
from {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes rotateOutDownLeft {
|
|
from {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
|
transform: rotate3d(0, 0, 1, 45deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.rotateOutDownLeft {
|
|
-webkit-animation-name: rotateOutDownLeft;
|
|
animation-name: rotateOutDownLeft;
|
|
}
|
|
@-webkit-keyframes rotateOutDownRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes rotateOutDownRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.rotateOutDownRight {
|
|
-webkit-animation-name: rotateOutDownRight;
|
|
animation-name: rotateOutDownRight;
|
|
}
|
|
@-webkit-keyframes rotateOutUpLeft {
|
|
from {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes rotateOutUpLeft {
|
|
from {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: left bottom;
|
|
transform-origin: left bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
|
transform: rotate3d(0, 0, 1, -45deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.rotateOutUpLeft {
|
|
-webkit-animation-name: rotateOutUpLeft;
|
|
animation-name: rotateOutUpLeft;
|
|
}
|
|
@-webkit-keyframes rotateOutUpRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
|
transform: rotate3d(0, 0, 1, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes rotateOutUpRight {
|
|
from {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform-origin: right bottom;
|
|
transform-origin: right bottom;
|
|
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
|
transform: rotate3d(0, 0, 1, 90deg);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.rotateOutUpRight {
|
|
-webkit-animation-name: rotateOutUpRight;
|
|
animation-name: rotateOutUpRight;
|
|
}
|
|
@-webkit-keyframes hinge {
|
|
0% {
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
20%,
|
|
60% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
|
transform: rotate3d(0, 0, 1, 80deg);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
40%,
|
|
80% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
|
transform: rotate3d(0, 0, 1, 60deg);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 700px, 0);
|
|
transform: translate3d(0, 700px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes hinge {
|
|
0% {
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
20%,
|
|
60% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
|
transform: rotate3d(0, 0, 1, 80deg);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
40%,
|
|
80% {
|
|
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
|
transform: rotate3d(0, 0, 1, 60deg);
|
|
-webkit-transform-origin: top left;
|
|
transform-origin: top left;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
animation-timing-function: ease-in-out;
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 700px, 0);
|
|
transform: translate3d(0, 700px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.hinge {
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-name: hinge;
|
|
animation-name: hinge;
|
|
}
|
|
@-webkit-keyframes jackInTheBox {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.1) rotate(30deg);
|
|
transform: scale(0.1) rotate(30deg);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
50% {
|
|
-webkit-transform: rotate(-10deg);
|
|
transform: rotate(-10deg);
|
|
}
|
|
70% {
|
|
-webkit-transform: rotate(3deg);
|
|
transform: rotate(3deg);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
@keyframes jackInTheBox {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.1) rotate(30deg);
|
|
transform: scale(0.1) rotate(30deg);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
}
|
|
50% {
|
|
-webkit-transform: rotate(-10deg);
|
|
transform: rotate(-10deg);
|
|
}
|
|
70% {
|
|
-webkit-transform: rotate(3deg);
|
|
transform: rotate(3deg);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
.jackInTheBox {
|
|
-webkit-animation-name: jackInTheBox;
|
|
animation-name: jackInTheBox;
|
|
}
|
|
@-webkit-keyframes rollIn {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes rollIn {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.rollIn {
|
|
-webkit-animation-name: rollIn;
|
|
animation-name: rollIn;
|
|
}
|
|
@-webkit-keyframes rollOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
}
|
|
}
|
|
@keyframes rollOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
|
}
|
|
}
|
|
.rollOut {
|
|
-webkit-animation-name: rollOut;
|
|
animation-name: rollOut;
|
|
}
|
|
@-webkit-keyframes zoomIn {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes zoomIn {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.zoomIn {
|
|
-webkit-animation-name: zoomIn;
|
|
animation-name: zoomIn;
|
|
}
|
|
@-webkit-keyframes zoomInDown {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
@keyframes zoomInDown {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
.zoomInDown {
|
|
-webkit-animation-name: zoomInDown;
|
|
animation-name: zoomInDown;
|
|
}
|
|
@-webkit-keyframes zoomInLeft {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
@keyframes zoomInLeft {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
.zoomInLeft {
|
|
-webkit-animation-name: zoomInLeft;
|
|
animation-name: zoomInLeft;
|
|
}
|
|
@-webkit-keyframes zoomInRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
@keyframes zoomInRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
.zoomInRight {
|
|
-webkit-animation-name: zoomInRight;
|
|
animation-name: zoomInRight;
|
|
}
|
|
@-webkit-keyframes zoomInUp {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
@keyframes zoomInUp {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
.zoomInUp {
|
|
-webkit-animation-name: zoomInUp;
|
|
animation-name: zoomInUp;
|
|
}
|
|
@-webkit-keyframes zoomOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes zoomOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.3, 0.3, 0.3);
|
|
transform: scale3d(0.3, 0.3, 0.3);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.zoomOut {
|
|
-webkit-animation-name: zoomOut;
|
|
animation-name: zoomOut;
|
|
}
|
|
@-webkit-keyframes zoomOutDown {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
@keyframes zoomOutDown {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
.zoomOutDown {
|
|
-webkit-animation-name: zoomOutDown;
|
|
animation-name: zoomOutDown;
|
|
}
|
|
@-webkit-keyframes zoomOutLeft {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
|
|
transform: scale(0.1) translate3d(-2000px, 0, 0);
|
|
-webkit-transform-origin: left center;
|
|
transform-origin: left center;
|
|
}
|
|
}
|
|
@keyframes zoomOutLeft {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
|
|
transform: scale(0.1) translate3d(-2000px, 0, 0);
|
|
-webkit-transform-origin: left center;
|
|
transform-origin: left center;
|
|
}
|
|
}
|
|
.zoomOutLeft {
|
|
-webkit-animation-name: zoomOutLeft;
|
|
animation-name: zoomOutLeft;
|
|
}
|
|
@-webkit-keyframes zoomOutRight {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
|
|
transform: scale(0.1) translate3d(2000px, 0, 0);
|
|
-webkit-transform-origin: right center;
|
|
transform-origin: right center;
|
|
}
|
|
}
|
|
@keyframes zoomOutRight {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
|
|
transform: scale(0.1) translate3d(2000px, 0, 0);
|
|
-webkit-transform-origin: right center;
|
|
transform-origin: right center;
|
|
}
|
|
}
|
|
.zoomOutRight {
|
|
-webkit-animation-name: zoomOutRight;
|
|
animation-name: zoomOutRight;
|
|
}
|
|
@-webkit-keyframes zoomOutUp {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
@keyframes zoomOutUp {
|
|
40% {
|
|
opacity: 1;
|
|
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
|
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
|
|
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
|
|
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
|
|
-webkit-transform-origin: center bottom;
|
|
transform-origin: center bottom;
|
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
|
|
}
|
|
}
|
|
.zoomOutUp {
|
|
-webkit-animation-name: zoomOutUp;
|
|
animation-name: zoomOutUp;
|
|
}
|
|
@-webkit-keyframes slideInDown {
|
|
from {
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes slideInDown {
|
|
from {
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.slideInDown {
|
|
-webkit-animation-name: slideInDown;
|
|
animation-name: slideInDown;
|
|
}
|
|
@-webkit-keyframes slideInLeft {
|
|
from {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes slideInLeft {
|
|
from {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.slideInLeft {
|
|
-webkit-animation-name: slideInLeft;
|
|
animation-name: slideInLeft;
|
|
}
|
|
@-webkit-keyframes slideInRight {
|
|
from {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes slideInRight {
|
|
from {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.slideInRight {
|
|
-webkit-animation-name: slideInRight;
|
|
animation-name: slideInRight;
|
|
}
|
|
@-webkit-keyframes slideInUp {
|
|
from {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes slideInUp {
|
|
from {
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
visibility: visible;
|
|
}
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.slideInUp {
|
|
-webkit-animation-name: slideInUp;
|
|
animation-name: slideInUp;
|
|
}
|
|
@-webkit-keyframes slideOutDown {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|
|
@keyframes slideOutDown {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|
|
.slideOutDown {
|
|
-webkit-animation-name: slideOutDown;
|
|
animation-name: slideOutDown;
|
|
}
|
|
@-webkit-keyframes slideOutLeft {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes slideOutLeft {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
.slideOutLeft {
|
|
-webkit-animation-name: slideOutLeft;
|
|
animation-name: slideOutLeft;
|
|
}
|
|
@-webkit-keyframes slideOutRight {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes slideOutRight {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
.slideOutRight {
|
|
-webkit-animation-name: slideOutRight;
|
|
animation-name: slideOutRight;
|
|
}
|
|
@-webkit-keyframes slideOutUp {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
@keyframes slideOutUp {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
visibility: hidden;
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
.slideOutUp {
|
|
-webkit-animation-name: slideOutUp;
|
|
animation-name: slideOutUp;
|
|
}
|
|
/* @import './pages/subPages2/grace/graceIcons.css'; */
|
|
/* @import './pages/subPages2/grace/graceUI.css';
|
|
@import './pages/subPages/grace2/graceWeex.css'; */
|
|
|
|
|