@charset "gb2312";
/*景点导航旋转*/
@-webkit-keyframes scenicNav {
    0%{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
    100%{transform: rotate(0deg);-webkit-transform: rotate(0deg)}
}

@-o-keyframes scenicNav {
    0%{transform: rotate(360deg);-o-transform: rotate(360deg)}
    100%{transform: rotate(0deg);-o-transform: rotate(0deg);}
}

@-moz-keyframes scenicNav {
    0%{transform: rotate(360deg);-moz-transform: rotate(360deg);}
    100%{transform: rotate(0deg);-moz-transform: rotate(0deg);}
}

@-ms-keyframes scenicNav {
    0%{transform: rotate(360deg);-ms-transform: rotate(360deg);}
    100%{transform: rotate(0deg);-ms-transform: rotate(0deg)}
}



/*3D旋转*/
@-webkit-keyframes rotate_0{0%{-webkit-transform:rotateY(240deg) translateZ(150px) scale(.85);z-index:1}
12.4%{z-index:1}
12.5%{-webkit-transform:rotateY(285deg) translateZ(150px) scale(.9);z-index:2}
37.5%{-webkit-transform:rotateY(375deg) translateZ(150px) scale(1);z-index:2}
62.5%{-webkit-transform:rotateY(465deg) translateZ(150px) scale(.9);z-index:2}
62.6%{z-index:1}
87.5%{-webkit-transform:rotateY(555deg) translateZ(150px) scale(.8)}
100%{-webkit-transform:rotateY(600deg) translateZ(150px) scale(.85)}
}
@-moz-keyframes rotate_0{0%{-moz-transform:rotateY(240deg) translateZ(150px) scale(.85);z-index:1}
12.4%{z-index:1}
12.5%{-moz-transform:rotateY(285deg) translateZ(150px) scale(.9);z-index:2}
37.5%{-moz-transform:rotateY(375deg) translateZ(150px) scale(1);z-index:2}
62.5%{-moz-transform:rotateY(465deg) translateZ(150px) scale(.9);z-index:2}
62.6%{z-index:1}
87.5%{-moz-transform:rotateY(555deg) translateZ(150px) scale(.8)}
100%{-moz-transform:rotateY(600deg) translateZ(150px) scale(.85)}
}
@-o-keyframes rotate_0{0%{-o-transform:rotateY(240deg) translateZ(150px) scale(.85);z-index:1}
12.4%{z-index:1}
12.5%{-o-transform:rotateY(285deg) translateZ(150px) scale(.9);z-index:2}
37.5%{-o-transform:rotateY(375deg) translateZ(150px) scale(1);z-index:2}
62.5%{-o-transform:rotateY(465deg) translateZ(150px) scale(.9);z-index:2}
62.6%{z-index:1}
87.5%{-o-transform:rotateY(555deg) translateZ(150px) scale(.8)}
100%{-o-transform:rotateY(600deg) translateZ(150px) scale(.85)}
}
@keyframes rotate_0{0%{transform:rotateY(240deg) translateZ(150px) scale(.85);z-index:1}
12.4%{z-index:1}
12.5%{transform:rotateY(285deg) translateZ(150px) scale(.9);z-index:2}
37.5%{transform:rotateY(375deg) translateZ(150px) scale(1);z-index:2}
62.5%{transform:rotateY(465deg) translateZ(150px) scale(.9);z-index:2}
62.6%{z-index:1}
87.5%{transform:rotateY(555deg) translateZ(150px) scale(.8)}
100%{transform:rotateY(600deg) translateZ(150px) scale(.85)}
}
@-webkit-keyframes rotate_1{0%{-webkit-transform:rotateY(0) translateZ(150px) scale(1);z-index:2}
25%{-webkit-transform:rotateY(90deg) translateZ(150px) scale(.9);z-index:2}
25.1%{-webkit-transform:rotateY(91deg) translateZ(150px) scale(.9);z-index:1}
50%{-webkit-transform:rotateY(180deg) translateZ(150px) scale(.8)}
74.9%{-webkit-transform:rotateY(269deg) translateZ(150px) scale(.9);z-index:1}
75%{-webkit-transform:rotateY(270deg) translateZ(150px) scale(.9);z-index:2}
100%{-webkit-transform:rotateY(360deg) translateZ(150px) scale(1);z-index:2}
}
@-moz-keyframes rotate_1{0%{-moz-transform:rotateY(0) translateZ(150px) scale(1);z-index:2}
25%{-moz-transform:rotateY(90deg) translateZ(150px) scale(.9);z-index:2}
25.1%{-moz-transform:rotateY(91deg) translateZ(150px) scale(.9);z-index:1}
50%{-moz-transform:rotateY(180deg) translateZ(150px) scale(.8)}
74.9%{-moz-transform:rotateY(269deg) translateZ(150px) scale(.9);z-index:1}
75%{-moz-transform:rotateY(270deg) translateZ(150px) scale(.9);z-index:2}
100%{-moz-transform:rotateY(360deg) translateZ(150px) scale(1);z-index:2}
}
@-o-keyframes rotate_1{0%{-o-transform:rotateY(0) translateZ(150px) scale(1);z-index:2}
25%{-o-transform:rotateY(90deg) translateZ(150px) scale(.9);z-index:2}
25.1%{-o-transform:rotateY(91deg) translateZ(150px) scale(.9);z-index:1}
50%{-o-transform:rotateY(180deg) translateZ(150px) scale(.8)}
74.9%{-o-transform:rotateY(269deg) translateZ(150px) scale(.9);z-index:1}
75%{-o-transform:rotateY(270deg) translateZ(150px) scale(.9);z-index:2}
100%{-o-transform:rotateY(360deg) translateZ(150px) scale(1);z-index:2}
}
@keyframes rotate_1{0%{transform:rotateY(0) translateZ(150px) scale(1);z-index:2}
25%{transform:rotateY(90deg) translateZ(150px) scale(.9);z-index:2}
25.1%{transform:rotateY(91deg) translateZ(150px) scale(.9);z-index:1}
50%{transform:rotateY(180deg) translateZ(150px) scale(.8)}
74.9%{transform:rotateY(269deg) translateZ(150px) scale(.9);z-index:1}
75%{transform:rotateY(270deg) translateZ(150px) scale(.9);z-index:2}
100%{transform:rotateY(360deg) translateZ(150px) scale(1);z-index:2}
}
@-webkit-keyframes rotate_2{0%{-webkit-transform:rotateY(120deg) translateZ(150px) scale(.85);z-index:1}
12.5%{-webkit-transform:rotateY(165deg) translateZ(150px) scale(.8)}
37.4%{z-index:1}
37.5%{-webkit-transform:rotateY(255deg) translateZ(150px) scale(.9);z-index:2}
62.5%{-webkit-transform:rotateY(345deg) translateZ(150px) scale(1);z-index:2}
87.5%{-webkit-transform:rotateY(435deg) translateZ(150px) scale(.9);z-index:2}
100%{-webkit-transform:rotateY(480deg) translateZ(150px) scale(.85);z-index:1}
}
@-moz-keyframes rotate_2{0%{-moz-transform:rotateY(120deg) translateZ(150px) scale(.85);z-index:1}
12.5%{-moz-transform:rotateY(165deg) translateZ(150px) scale(.8)}
37.4%{z-index:1}
37.5%{-moz-transform:rotateY(255deg) translateZ(150px) scale(.9);z-index:2}
62.5%{-moz-transform:rotateY(345deg) translateZ(150px) scale(1);z-index:2}
87.5%{-moz-transform:rotateY(435deg) translateZ(150px) scale(.9);z-index:2}
100%{-moz-transform:rotateY(480deg) translateZ(150px) scale(.85);z-index:1}
}
@-o-keyframes rotate_2{0%{-o-transform:rotateY(120deg) translateZ(150px) scale(.85);z-index:1}
12.5%{-o-transform:rotateY(165deg) translateZ(150px) scale(.8)}
37.4%{z-index:1}
37.5%{-o-transform:rotateY(255deg) translateZ(150px) scale(.9);z-index:2}
62.5%{-o-transform:rotateY(345deg) translateZ(150px) scale(1);z-index:2}
87.5%{-o-transform:rotateY(435deg) translateZ(150px) scale(.9);z-index:2}
100%{-o-transform:rotateY(480deg) translateZ(150px) scale(.85);z-index:1}
}
@keyframes rotate_2{0%{transform:rotateY(120deg) translateZ(150px) scale(.85);z-index:1}
12.5%{transform:rotateY(165deg) translateZ(150px) scale(.8)}
37.4%{z-index:1}
37.5%{transform:rotateY(255deg) translateZ(150px) scale(.9);z-index:2}
62.5%{transform:rotateY(345deg) translateZ(150px) scale(1);z-index:2}
87.5%{transform:rotateY(435deg) translateZ(150px) scale(.9);z-index:2}
100%{transform:rotateY(480deg) translateZ(150px) scale(.85);z-index:1}}




/*第四屏抖动*/

@-webkit-keyframes tremble{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tremble{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}

/*茶旅发光*/