/*@font-face {font-family: 'syst';src: url('../Fonts/syst.ttf');} */
/*全局样式*/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;touch-action: pan-y;font-weight: normal; }
html {font:10px "syst","微软雅黑";font-weight: normal;-webkit-text-size-adjust: 100%;}
body {position: relative;background: #fff; -webkit-text-size-adjust: none;/*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0); }
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
ul,ul li,li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {color: #333;border-radius: 0;-webkit-border-radius: 0;border:none;}
img{border: none;max-width: 100%;width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;cursor: pointer;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {text-decoration: none;}
a:focus {outline: none;-moz-outline: none;}
input,input:focus,input:active{user-select: text;}
input::-webkit-input-placeholder {color: #47498a;}
.animated{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*自由選擇添加*/
.auto{ margin:0 auto;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}/*清除浮动代码*/
.clearfloat{zoom:1}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.text-underline{text-decoration:underline;}
.pic-web{display: block;}
.pic-wap{display: none;}
.pm-box{overflow: hidden;position: relative;}
i.sg{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( 120deg, transparent,transparent, rgba(255, 244, 227, 0.2), transparent, transparent );transition: all 650ms;-webkit-animation: sg 2s linear infinite;-moz-animation: sg 2s linear infinite;-ms-animation: sg 2s linear infinite;animation: sg 2s linear infinite;}
.arrow-page{position: absolute;content: "";width: 1.6%;bottom: 1%;left: 49.2%;z-index: 3;animation: sx 2s ease-in infinite;}
.red-dot{position: absolute;content: "";width: 1rem;height: 1rem;background: url(../images/red-dot.png)no-repeat center center;background-size: 100% 100%;top: 12%;right: 17%;-o-animation: zt 2s linear infinite;-webkit-animation: zt 2s linear infinite;-moz-animation: zt 2s linear infinite;-ms-animation: zt 2s linear infinite;animation: zt 2s linear infinite;}
.finger{position: absolute;content: "";width: 8%;top: 4%;right: 4%;-o-animation: ztx 2s linear infinite;-webkit-animation: ztx 2s linear infinite;-moz-animation: ztx 2s linear infinite;-ms-animation: ztx 2s linear infinite;animation: ztx 2s linear infinite;}

/*做動畫時使用*/
.wUp,.wzoom,.wfr,.wfi,.wfb{opacity: 0;}
.wUp.animated,.wzoom.animated,.wLeft.animated{opacity: 1;}

/*滾屏翻頁是特效*/
.section{position: relative;}
.section.active{-webkit-animation: scaleA 1s ease both;}
/*.fp-section.fp-table, .fp-slide.fp-table{display:inherit;}*/

/*有背景和文案漸變的按鈕修改*/
.btn{position: relative;background: url(../images/btn.png);background-size: 100% 100%;display: inline-block;padding: 0 3%;}
.btn span{    color: #fff;font-size: 2.4rem;line-height: 5rem;text-align: center;    text-shadow: 0 0 6px #1d1258;}
.btn2{position: relative;background: url(../images/btn2.png);background-size: 100% 100%;display: inline-block;padding: 0 3%;}
.btn2 span{   color: #fff;font-size: 2.4rem;line-height: 5rem;text-align: center;    text-shadow: 0 0 6px #583e12;}
.btn3{position: relative;background: url(../images/btn3.png);background-size: 100% 100%;display: inline-block;padding: 0 3%}
.btn3 span{    background: linear-gradient(#7274db,#353261);-webkit-background-clip: text;color: transparent;font-size: 3.2rem;line-height:7rem;text-align: center;}



.title{ margin: 0 auto;text-align: center;width: 63.2%;}
.title2{text-align: center;color: #fbf2de;font-size:3.2rem;letter-spacing: 0.2rem; }
.auto-1500{max-width: 1500px;margin: 0 auto;width: 78%;}
.zs-deg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.zs-deg i{position: absolute;width:1rem;height: 1rem;top: 0;left: 0;background: url(../images/zs-dot.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,-50%);}
.zs-deg i:nth-child(2){top: 0;left: auto;right: 0;transform: rotateY(180deg) translate(-50%,-50%);}
.zs-deg i:nth-child(3){top: auto;bottom: 0; left: 0;transform: rotateX(180deg) translate(-50%,-50%);}
.zs-deg i:nth-child(4){top: auto;bottom: 0; left:auto;right: 0;transform: rotateX(180deg) rotateY(180deg) translate(-50%,-50%);}
.reward-box{display: none;position: absolute;width: 50%;top: 0;left: 50%;transform: translate(-50%,0);background: rgba(51,62,120,0.85);padding: 2%;color: #fff;font-size: 1.4rem;line-height: 2rem;text-align: center;z-index: 2;    border: 1px #76cbe5d4 solid;}
.reward-box:before{position: absolute;content: "";border: 1px #76cbe536 solid;top: 4px;left: 4px;bottom: 4px;right: 4px;pointer-events: none;}
.reward-box h3{font-size: 2.4rem;line-height: 2.4rem; color: #fee68a;margin-bottom: 4%;}
.store-btn a{display: block;width: 48%;margin-right: 4%; float: left;position: relative;overflow: hidden;border-radius: 5px;}
.store-btn a:nth-child(2){margin-right: 0;}
@media(max-width:1750px){
	html{font-size:9px;}
}
@media(max-width:1600px){
	html{font-size:8.5px;}
}
@media(max-width:1200px){
    .btn span,.btn2 span{font-size: 2rem;line-height: 4.5rem;}
    .reward-box{font-size: 1.2rem;line-height: 1.8rem;}
    .reward-box h3{font-size: 2rem;line-height: 2rem;}
}
@media(max-width:900px){
    html{font-size:10px;}
	.auto-1500{width: 100%;}
    .btn span,.btn2 span{font-size: 1.5rem;line-height: 3.5rem;}
    .reward-box{font-size: 1rem;line-height: 1.5rem;width: 80%;}
    .reward-box h3{font-size: 1.4rem;line-height: 1.4rem;}
    .title2{font-size: 1.8rem;}
    .btn3 span{font-size: 2rem;line-height: 4.5rem;}
}
@media(max-width:540px){
    .zs-deg i{width: 5px;height: 5px;}
    .pic-web{display: none;}
    .pic-wap{display: block;}
    .red-dot{width: 0.6rem;height: 0.6rem;}
    .arrow-page{width: 6%;left: 47%;bottom: 6%;}
    .title{width: 116%;margin-left: -8%;}
    .btn3 span{font-size: 1.8rem;line-height: 4rem;}
    /*.fp-tableCell,.fp-section.fp-table, .fp-slide.fp-table{height: auto!important;}*/
}
@media(max-width:361px){
	html{font-size:9px;}
}

/*页面特定样式*/
.section{padding: 4% 0;}
#section-one{padding: 0;}
#section-two{background: url(../images/bg2.jpg)no-repeat bottom center;background-size:100% 100%;padding-top: 0;}
#section-three{background: url(../images/bg3.jpg)no-repeat bottom center;background-size:100% 100%;}
#section-four{background: url(../images/bg4.jpg)no-repeat center center;background-size: 100% 100%;}
#section-five{background: url(../images/bg5.jpg)no-repeat bottom center;background-size: 100% 100%;}
#section-seven{background: url(../images/bg7.jpg)no-repeat center center;background-size: 100% 100%;}
.star{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 10;pointer-events: none;}
.star i{position: absolute;content: "";width: 8rem;top: 0;left: 0;-o-animation: tx1 3s linear infinite;-webkit-animation: zt1 3s linear infinite;-moz-animation: zt1 3s linear infinite;-ms-animation: zt1 3s linear infinite;animation: zt1 3s linear infinite;}
.sg-box{position: absolute;border-radius: 45%;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden;pointer-events: none;}
@media(max-width:900px){
    .star i{width: 4rem;}
}
@media(max-width:540px){
    .section{padding: 14% 0;}
    
/*    .fp-tableCell,.fp-section.fp-table, .fp-slide.fp-table{height: auto!important;}*/

#section-two{background: url(../images/bg2-wap.jpg)no-repeat bottom center;background-size:100% 100%;}
#section-three{background: url(../images/bg3-wap.jpg)no-repeat bottom center;background-size:100% 100%;}
#section-four{background: url(../images/bg4-wap.jpg)no-repeat center center;background-size: 100% 100%;}
#section-five{background: url(../images/bg5-wap.jpg)no-repeat bottom center;background-size: 100% 100%;margin-top: -2px;}
#section-seven{background: url(../images/bg7-wap.jpg)no-repeat center center;background-size: 100% 100%;}
}







.mid{position: fixed; background: #fff;text-align: left;bottom: 0;width: 80%;left: 50%;z-index: 1000;transform: translate(-50%,0);border-radius: 10rem 10rem 0 0;box-shadow: 0 0 10px #fff;}
.mid .mid-inner{position: relative;width: 88%;margin: 0 auto;    padding-left: 16.5%;}
.mid .mid-inner .mid-inner-left{position: absolute;width: 19%;bottom: 14%;left: 0;}
.mid .mid-inner .mid-inner-left p{float: left;width: 46%;margin-right: 4%;}
.mid .mid-inner .mid-inner-left p.cord{position: relative;background: #fff;padding: 5px;border-radius: 5px;}
.mid .mid-inner .mid-inner-left p.cord:after{position: absolute;content: "";width: 110%;height: 2px; top: 0;left: -5%;background: #fff;border-radius: 50%;box-shadow: 0 0 8px #f18a24;transition: all 650ms;-webkit-animation: sm 4s linear infinite;-moz-animation: sm 4s linear infinite;-ms-animation: sm 4s linear infinite;animation: sm 4s linear infinite;}
.mid .mid-inner p.store{width: 70%;padding: 1% 0;}
.mid .mid-inner p.store a{width: 24%;margin-right:1%;display: inline-block;position: relative;overflow: hidden;}
.mid .mid-inner span{position: absolute;content: "";top: 50%;right: 0;transform: translate(0,-50%);font-size: 2rem;}
.mid .mid-inner span:after{position: absolute;content: "";width:46%;height: 16%;background: url(../images/zs.png)no-repeat center center;background-size: 100% 100%;top: 50%;right: 105%;transform: translate(0,-50%);}
.mid .mid-inner span:hover:after{right: 125%;transition: all 1s ease;}


.bot{position: relative;padding:13% 0 7%;overflow: hidden;margin-top: -1px;}
.bot .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;z-index: -1;}
.bot .title{width: 43%;margin: 0% auto -2%;}
.feature-inner{position: relative; width: 72.9%;margin: 0 auto;}
.feature-inner .swiper-container{padding: 0;margin-bottom: 1%;overflow: hidden;}
.feature-inner .inner{position: relative;}
.feature-inner .pic{position: relative; width: 100%;z-index: 2;}
.feature-inner .word{position: absolute;top: 50%;right:0%;z-index: 1;transform: translate(0,-50%);width: 29%;background: rgb(0 0 0 / 70%);    padding: 8% 0 8% 2%;}
.feature-inner .word h3{position: relative;font-size: 4rem;line-height: 4rem;color: #9f8777;padding: 6% 0;margin-bottom: 5%;font-weight: bold;}
.feature-inner .word h3:before{position: absolute;content: "";width: 100%;top: 0;left: 0;height: 2px;background:#423733;}
.feature-inner .word h3:after{position: absolute;content: "";width: 100%;bottom: 0;left: 0;height: 2px;background:#423733;}
.feature-inner .word p{font-size: 2rem;line-height: 3rem;color: #685751;}
.feature-nav{width: 72.9%;margin: 0 auto;position: relative;}
.gallery-thumbs{overflow: hidden;}
.feature-nav .swiper-button-prev,.feature-nav .swiper-button-next{position: absolute;content: "";width: 7rem;top:50%;height: auto;margin: 0;}
.feature-nav .swiper-button-prev{left: 102%;transform: translate(0,-50%);}
.feature-nav .swiper-button-next{right: 102%;transform: translate(0,-50%) rotateY(180deg);}

.gallery-thumbs .swiper-slide{opacity: 0.7;transform: scale(0.9);}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{opacity: 1;transform: scale(1);}



@media(max-width:540px){
    .banner{width: 175%;position: relative;margin-left: -37%;height: 40vh;}
    .bot .title{width: 59.5%;margin: 15% auto 4%;}
    .feature-inner .word h3{font-size: 1.8rem;line-height: 2rem;}
    .feature-inner .word p{font-size: 1rem;line-height: 2rem;}
    .feature-inner{width: 94.9%;}
    .mid{height: 85px;border-radius: 5rem 5rem 0 0;}
    .mid .mid-inner{margin-top: 1.5%;}
    .mid .mid-inner .mid-inner-left{bottom: 6%;width: 50%;}
    .mid .mid-inner .mid-inner-left p.cord{display: none;}
    .mid .mid-inner p.store{width: 96%;margin-left: 9%;}
    .mid .mid-inner p.store a{width: 44%;}
    .mid .mid-inner span{font-size: 1rem;top: 72%;right: 4%;}
    .mid .mid-inner span:after{width: 36%;}
    .foot{padding: 2% 0 25%!important;}
    .feature-nav{width: 95.9%;margin: 27px auto;}
    .bot{height: 60vh;}
}



.foot{text-align: center;background: #ddd;padding: 2% 0 6%;}
.foot a{display: inline-block;padding: 0 2%;position: relative;font-size: 1.4rem;line-height: 2rem;color: #333;}
.foot a:hover{text-decoration: underline;}
.foot a:after{position: absolute;content: "";width: 1px;height: 50%;background: #999;top: 50%;right: 0;transform: translate(0,-50%);}
.foot a:last-child:after{display: none;}



.popup{max-width: 120rem;width: 75%;min-height:20%;position: fixed!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%)!important;display: none;padding:2%;text-align: left; background: rgba(207,217,243,0.2);border: 1px rgba(255,255,255,0.4) solid;}
.popup:before{position: absolute;content: "";top:4px;left: 4px;bottom: 4px;right: 4px;background: linear-gradient(#eeeefa,#fff);pointer-events: none;z-index: -1;}
.pop-title{position: relative;background:linear-gradient(to right,#0303048f,#030504,#0303048f);padding: 1% 0;min-width: 20rem;margin-bottom: 2%;text-align: center;}
.pop-title span{position: relative;display: inline-block;font-size: 2.8rem;line-height: 3rem;text-align: center;color: #ebe1e6;    letter-spacing: 3px;}
.pop-title span:before,.pop-title span:after{position: absolute;content: "";width:0.6rem;height: 0.6rem;top: 50%;left: 120%;transform: translate(0,-25%) rotate(45deg);border: 2px #2b2c2d  solid;outline: 1px #fff solid;background: #fff;}
.pop-title span:after{left: auto;right: 120%;}
.pop-inner{position: relative; color: #5a5d68;font-size: 1.5rem;line-height: 2.6rem;z-index: 2;max-height: 52rem;overflow: auto;}
.pop-inner span{color: #937551;}
.pop-inner .font-samll{color: #e65c5c;}
.pop-inner a{color:#e65c5c;}
.popup .close{position: absolute;bottom:100%; left: 100%;width: 4rem;height: 4rem; cursor: pointer;-webkit-transition: transform .5s ease-in-out .1s;-o-transition: transform .5s ease-in-out .1s;-moz-transition: transform .5s ease-in-out .1s;transition: transform .5s ease-in-out .1s;z-index: 2;}
.popup .close i{position: absolute;content: "";width: 2px ;height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);background: #fff;}
.popup .close i:nth-child(2){transform: translate(-50%,-50%) rotate(-45deg);}
.popup .close:hover{transform:rotate(360deg);}

.popup-contact{max-width: 60rem;}

.popup h3{font-size: 2.4rem;line-height: 2.8rem; position: relative;display: inline-block;margin-bottom: 1%;}
.popup h3 span{position: relative;display: inline-block;background: linear-gradient(#a55151,#f39d54);-webkit-background-clip: text;color: transparent;}
.popup h5{font-size: 2.2rem;line-height: 3rem;}
.popup input,.popup select{line-height: 4rem;height: 4rem; background:#fff;color:#404972;width: 100%;font-size:1.6rem;}
.popup textarea{color:#404972;width: 100%;font-size:1.6rem;padding: 2%;}
.popup input::-webkit-input-placeholder {color: #404972;}
.popup .btn-group{text-align: center;margin-top: 2%;}
.popup .btn-group a{display: inline-block;margin: 0 2%;}
.pop-inner a.btn,.pop-inner a.btn2{min-width: 16rem;}
.pop-inner a.btn span,.pop-inner a.btn2 span{color: #fff;}


#popup_tip{padding: 2%;min-height:auto;}
#popup_tip 
#popup_tip:after{display: none;}

@media(max-width:1600px){
    .pop-inner{max-height: 45rem;overflow: auto;}}

@media(max-width:900px){
    .pop-title span{font-size: 2rem;line-height: 2.2rem;}
    .popup h3{font-size: 1.5rem;    line-height: 1.8rem;}
    .popup h5{font-size: 1.3rem;line-height:1.5rem;}
    .pop-inner{font-size: 1.1rem;line-height: 1.8rem;max-height: 25rem;}
    .popup input, .popup select{font-size: 1.2rem;line-height: 3.5rem;height: 3.5rem;vertical-align: top;}
    .popup textarea{font-size: 1.1rem;}
    .popup .jg:before,.popup .jg:after{height: 0.6rem;}
    .pop-inner a.btn, .pop-inner a.btn2{min-width: 10rem;}
    }
@media(max-width:540px){
    .popup{width: 88%;}
    .popup:before{ top: 2px;bottom: 2px;left: 2px;right: 2px;}
    .popup .pop-title span:before, .popup .pop-title span:after{width: 50%;}
    .popup h3:before,.popup h3:after{width: 6rem;}
    .popup .close{width: 5%;}
    .pop-inner{max-height: 46rem;} 
}


.term{color: #5a5d68;font-size: 1.3rem;line-height: 2.4rem;    background:#eeeefa; background:url(../images/bg.jpg)no-repeat center center;background-size: 100% 100%;background-attachment: fixed;}
.term-title{position: fixed;background: linear-gradient(to right,#a1bae9,#3b527d,#a1bae9);line-height: 8rem;min-width: 20rem;text-align: center;width: 100%;top: 0;left: 0;}
.term-title h3{position: relative;display: inline-block;font-size: 3rem;line-height: 3rem;text-align: center;color: #fff;letter-spacing: 10px;}
.term-title h3:before,.term-title h3:after{position: absolute;content: "";width:0.6rem;height: 0.6rem;top: 50%;left: 120%;transform: translate(0,-25%) rotate(45deg);border: 2px #34528b  solid;outline: 1px #fff solid;background: #fff;}
.term-title h3:after{left: auto;right: 120%;}
.term .term-inner{width: 70%;margin: 0 auto; background: rgba(255,255,255,0.85);    padding: 12rem 4% 4%;}
.term .term-inner h3{margin: 2% 0 0.2%;color: #0e1c3a;font-weight: bold;font-size: 1.7rem;}
.term .term-inner span{color: #937551;}


.privacy{color: #5a5d68;font-size: 1.3rem;line-height: 2.4rem;  background:url(../images/bg.jpg)no-repeat center center;background-size: 100% 100%;background-attachment: fixed;}
.privacy-title{position: fixed;background: linear-gradient(to right,#a1bae9,#3b527d,#a1bae9);line-height: 8rem;min-width: 20rem;text-align: center;width: 100%;top: 0;left: 0;}
.privacy-title h3{position: relative;display: inline-block;font-size: 3rem;line-height: 3rem;text-align: center;color: #fff;letter-spacing: 10px;}
.privacy-title h3:before,.privacy-title h3:after{position: absolute;content: "";width:0.6rem;height: 0.6rem;top: 50%;left: 120%;transform: translate(0,-25%) rotate(45deg);border: 2px #34528b  solid;outline: 1px #fff solid;background: #fff;}
.privacy-title h3:after{left: auto;right: 120%;}
.privacy .privacy-inner{width: 70%;margin: 0 auto; background: rgba(255,255,255,0.85);    padding: 12rem 4% 4%;}
.privacy .privacy-inner h3{margin: 2% 0 0.2%;color: #0e1c3a;font-weight: bold;font-size: 1.7rem;}
.privacy .privacy-inner span{color: #937551;}



/* 動效   */
@-webkit-keyframes b { 0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); }}
@-moz-keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); }}
@-o-keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) }}
@-ms-keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);
    transform: rotate(0deg)}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) }}
@keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) }}


@-webkit-keyframes b1 { 0% {-o-transform: rotate(0deg) translate(-50%,-50%);-webkit-transform: rotate(0deg) translate(-50%,-50%);-moz-transform: rotate(0deg) translate(-50%,-50%);-ms-transform: rotate(0deg) translate(-50%,-50%);transform: rotate(0deg) translate(-50%,-50%);}
    to { -o-transform: rotate(1turn) translate(-50%,-50%); -webkit-transform: rotate(1turn) translate(-50%,-50%); -moz-transform: rotate(1turn) translate(-50%,-50%); -ms-transform: rotate(1turn) translate(-50%,-50%); transform: rotate(1turn) translate(-50%,-50%); }}


@-webkit-keyframes error-swing {
    0% {-webkit-transform: rotate(1deg)}
    100% {-webkit-transform: rotate(-2deg)}
}
@-moz-keyframes error-swing {
    0% {-moz-transform: rotate(1deg)}
    100% {-moz-transform: rotate(-2deg)}
}
@keyframes error-swing {
    0% {transform: rotate(1deg)}
    100% {transform: rotate(-2deg)}
}


@keyframes sg { from {left:0;}
    to {left:100%;}}
@-webkit-keyframes sg /* Safari 和 Chrome */ { from {left:0;}
    to {left:100%;}}
@-moz-keyframes sg /* Firefox */ { from {left:0;}
    to {left:100%;}}
@-o-keyframes sg /* Opera */ { from {left:0;}
    to {left:100%;}}


@keyframes zt { 0% {transform: scale(0.95);}
                   50% { transform: scale(1);  }
    100% {transform: scale(0.95);}}
@-webkit-keyframes zt /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(0.95);}
                   50% { -webkit-transform: scale(1); }
    100% {-webkit-transform: scale(0.95);}}
@-moz-keyframes zt /* Firefox */ { 0% {-moz-transform: scale(0.95);}
                   50% { -moz-transform: scale(1); }
    100% {-moz-transform: scale(0.95);}}
@-o-keyframes zt /* Opera */ { 0% {-o-transform: scale(0.95);}
                   50% { -o-transform: scale(1); } 
    100% {-o-transform: scale(0.95);}}

@keyframes ztx { 0% {transform: scale(0.8);}
                   50% { transform: scale(1);  }
    100% {transform: scale(0.8);}}
@-webkit-keyframes ztx /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(0.8);}
                   50% { -webkit-transform: scale(1); }
    100% {-webkit-transform: scale(0.8);}}
@-moz-keyframes ztx /* Firefox */ { 0% {-moz-transform: scale(0.8);}
                   50% { -moz-transform: scale(1); }
    100% {-moz-transform: scale(0.8);}}
@-o-keyframes ztx /* Opera */ { 0% {-o-transform: scale(0.8);}
                   50% { -o-transform: scale(1); } 
    100% {-o-transform: scale(0.8);}}


@keyframes zt1 { 0% {transform: scale(0.1);opacity: 0;}
                   50% { transform: scale(1); opacity: 1; }
    100% {transform: scale(0.1);opacity: 0;}}
@-webkit-keyframes zt1 /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(0.1);opacity: 0;}
                   50% { -webkit-transform: scale(1); opacity: 1;}
    100% {-webkit-transform: scale(0.1);opacity: 0;}}
@-moz-keyframes zt1 /* Firefox */ { 0% {-moz-transform: scale(0.1);opacity: 0;}
                   50% { -moz-transform: scale(1); opacity: 1;}
    100% {-moz-transform: scale(0.1);opacity: 0;}}
@-o-keyframes zt1 /* Opera */ { 0% {-o-transform: scale(0.1);opacity: 0;}
                   50% { -o-transform: scale(1);opacity: 1; } 
    100% {-o-transform: scale(0.1);opacity: 0;}}


@keyframes zt2 { 0% {transform: scale(1.15) translate(-50%,0);transform-origin:0 50%;}
                   50% { transform: scale(1) translate(-50%,0); transform-origin:0 50%; }
    100% {transform: scale(1.15) translate(-50%,0);transform-origin:0 50%;}}
@-webkit-keyframes zt2 /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(1.15) translate(-50%,0);-webkit-transform-origin:0 50%;}
                   50% { -webkit-transform: scale(1) translate(-50%,0);-webkit-transform-origin:0 50%; }
    100% {-webkit-transform: scale(1.15) translate(-50%,0);-webkit-transform-origin:0 50%;}}
@-moz-keyframes zt2 /* Firefox */ { 0% {-moz-transform: scale(1.15) translate(-50%,0);-moz-transform-origin:0 50%;}
                   50% { -moz-transform: scale(1) translate(-50%,0);-moz-transform-origin:0 50%; }
    100% {-moz-transform: scale(1.15) translate(-50%,0);-moz-transform-origin:0 50%;}}
@-o-keyframes zt2 /* Opera */ { 0% {-o-transform: scale(1.15) translate(-50%,0);-o-transform-origin:0 50%;}
                   50% { -o-transform: scale(1) translate(-50%,0); -o-transform-origin:0 50%;} 
    100% {-o-transform: scale(1.15) translate(-50%,0);-o-transform-origin:0 50%;}}


@keyframes zt3 { 0% {transform: scale(1.1) translate(0,-50%);}
                   50% { transform: scale(1) translate(0,-50%); }
    100% {transform: scale(1.1) translate(0,-50%);}}
@-webkit-keyframes zt3 /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(1.1) translate(0,-50%);}
                   50% { -webkit-transform: scale(1) translate(0,-50%); }
    100% {-webkit-transform: scale(1.1) translate(0,-50%);}}
@-moz-keyframes zt3 /* Firefox */ { 0% {-moz-transform: scale(1.1) translate(-0,50%);}
                   50% { -moz-transform: scale(1) translate(0,-50%);}
    100% {-moz-transform: scale(1.1) translate(0,-50%);}}
@-o-keyframes zt3 /* Opera */ { 0% {-o-transform: scale(1.1) translate(0,-50%);}
                   50% { -o-transform: scale(1) translate(0,-50%); } 
    100% {-o-transform: scale(1.1) translate(0,-50%);}}




.fadeBig {-webkit-animation-name: fadeBig;animation-name: fadeBig;}
@keyframes fadeBig{ 0% {transform: scale(1.55);-webkit-transform: scale(1.55);opacity: 0;}
	100% {transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
}
@keyframes fadebigsmall{ 0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}


.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@keyframes wobble {
    0% {-webkit-transform: none;transform: none}
    15% {-webkit-transform: translate3d(-6%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-6%, 0, 0) rotate3d(0, 0, 1, -5deg)}
    30% {-webkit-transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg)}
    45% {-webkit-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -3deg)}
    60% {-webkit-transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 2deg)}
    75% {-webkit-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg)}
    100% {-webkit-transform: none;transform: none}
}


@keyframes fz { 0%   {transform: rotateY(0);}
	            25%  {transform: rotateY(145deg);}
	            50%  {transform: rotateY(0);}
	            75%  {transform: rotateY(-145deg);}
	            100% {transform: rotateY(0);}
}


@keyframes glow {
  0% {transform:scale(0.8);}
  50% {transform:scale(1.2);}
  100% {transform:scale(0.8);}
}

@keyframes sm {
  0% {top: 0;}
  50% {top: 100%;}
  100% {top: 0;}
}


@keyframes jump { 0% {transform:  translate(0,0);}
                   50% { transform: translate(0,-6px);  }
    100% {transform: translate(0,0);}}
@-webkit-keyframes jump /* Safari 和 Chrome */ { 0% {-webkit-transform: translate(0,0);}
                   50% { -webkit-transform: translate(0,-6px);; }
    100% {-webkit-transform: translate(0,0);}}
@-moz-keyframes jump /* Firefox */ { 0% {-moz-transform: translate(0,0);}
                   50% { -moz-transform: translate(0,-6px);; }
    100% {-moz-transform: translate(0,0);}}
@-o-keyframes jump /* Opera */ { 0% {-o-transform: translate(0,0);}
                   50% { -o-transform:translate(0,-6px);; } 
    100% {-o-transform:translate(0,0);}}


@keyframes sf { 0% {transform: scale(0);opacity: 1;}
	              75% { transform: scale(0.8);opacity: 1;}
                  100% { transform: scale(1);opacity: 0;}}
@-webkit-keyframes sf { 0% {-webkit-transform: scale(0);opacity: 1;}
	              75% { -webkit-transform: scale(0.8);opacity: 1;}
                  100% { -webkit-transform: scale(1);opacity: 0;}}
@-moz-keyframes sf { 0% {-moz-transform: scale(0);opacity: 1;}
	             75% { -moz-transform: scale(0.8);opacity: 1;}
                  100% { -moz-transform: scale(1);opacity: 0;}}
@-o-keyframes sf { 0% {-o-transform: scale(0);opacity: 1;}
	              75% { -o-transform: scale(0.8);opacity: 1;}
                  100% { -o-transform: scale(1);opacity: 0;}}


.an-de-1{
	animation-delay:0.3s;
}