@font-face {font-family: 'syst';src: url('../font/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: #000; -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: #8c69c2;}
.animated{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.pm-box{overflow: hidden;position: relative;}
@media(max-width:1750px){
	html{font-size:9px;}
}
@media(max-width:1600px){
	html{font-size:8.5px;}
}
@media(max-width:900px){
    html{font-size:10px;}
}
@media(max-width:361px){
	html{font-size:9px;}
}

.header{position: fixed;line-height: 4rem;font-size: 22px; z-index:100;top: 0;left: 0;width: 100%;background: #8c69c2db;color: #fff;display: flex;justify-content: space-between;padding: 1rem 6%;}
.header .nav{display: flex;margin-right: 3rem;}
.header .nav a{position: relative; color: #fff;display: block;padding: 0 2rem;font-size: 18px;}
.header .nav a:after{display:none;position: absolute; content: "";width: 60%;height: 2px;background: #fff;bottom: 0;left: 50%;transform: translate(-50%,0)}
.header .nav a.active:after,.header .nav a:hover:after{display: block;}
.content{display: flex;font-size: 1.8rem;}
.content .surplus{display: flex;}
.content .surplus a{    margin-right: 2rem;color: #ffa312;}
.content .login-inner{display: flex;}
.content .login-inner a{margin: 0 1rem;    color: #fff;}
.content .login-inner a:nth-child(1){     color: #fff;background: #f59600de;padding: 0.2rem 1rem;border-radius: 5px;}
.content .login-inner a:nth-child(2){ color: #ffa312;}

.banner{padding:8rem 3rem 3rem;}
.banner .pic{position: relative;}
.banner .pic .zs{position: absolute;width: 100%;height: 100%;content: "";top: 0;left: 0;display: none;}
.banner .pic .zs i{position: absolute;width: 1rem;height: 1rem;content: "";top:1rem;left: 1rem;background: #000;}
.banner .pic .zs i:nth-child(2){position: absolute;width: 1rem;height: 1rem;content: "";top:1rem;left:auto;right: 1rem;background: #000;}
.banner .pic .zs i:nth-child(3){position: absolute;width: 1rem;height: 1rem;content: "";top:auto;bottom:1rem;left: 1rem;background: #000;}
.banner .pic .zs i:nth-child(4){position: absolute;width: 1rem;height: 1rem;content: "";top:auto;bottom:1rem;left:auto;right: 1rem;background: #000;}
.banner:hover .pic .zs{display: block;}
.profile{position: relative;    padding: 4% 0 5%;}
.profile-inner{width:73%;margin: 0 auto;text-align: center; }
.profile:before{position: absolute;content: "";width: 15%;height: 88%;top: 0;left: 0;background: url(../images/zs-left.png)no-repeat center center;background-size: 100% 100%;}
.profile:after{position: absolute;content: "";width: 15%;height: 88%;top: 0;right: 0;background: url(../images/zs-right.png)no-repeat center center;background-size: 100% 100%;}
.profile .title{font-size: 6.6rem; line-height: 9rem;color: #8c69c2;text-transform: uppercase;    margin-bottom: 3%;}
.profile .slogan{font-size: 3rem; line-height: 5rem;color: #fff;    margin-bottom: 2%;}
.profile .slogan span{position: relative;display: inline-block;}
.profile .slogan span:before{position: absolute;content: "";width: 2rem;height: 2rem;top: 0;right: 104%;transform: translate(0,-20%);background:url(../images/zs-dh.png)no-repeat center center;background-size: contain; }
.profile .slogan span:after{position: absolute;content: "";width: 2rem;height: 2rem;bottom: 0;left: 104%;transform: translate(0,20%) rotate(180deg);background:url(../images/zs-dh.png)no-repeat center center;background-size: contain; }
.profile .detile{font-size: 2rem; line-height: 4rem;color: #7a649b;}

.privacy{color: #5a5d68;font-size: 1.3rem;line-height: 2.4rem;    background:#000;}
.privacy:before{position: absolute;content: "";width: 15%;height: 12%;top: 0;left: 0;background: url(../images/zs-left.png)no-repeat center center;background-size: 100% 100%;}
.privacy:after{position: absolute;content: "";width: 15%;height: 12%;top: 0;right: 0;background: url(../images/zs-right.png)no-repeat center center;background-size: 100% 100%;}
.privacy-title{position: fixed;background: #000;line-height: 8rem;min-width: 20rem;text-align: center;width: 100%;top: 0;left: 0;z-index: 1;}
.privacy-title h3{position: relative;display: inline-block;text-align: center;letter-spacing: 10px;font-size: 4.6rem;line-height: 9rem;color: #8c69c2;text-transform: uppercase;}
.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 #2b2c2d solid;outline: 1px #8c69c2 solid;background: #8c69c2;}
.privacy-title h3:after{left: auto;right: 120%;}
.privacy .privacy-inner{width: 80%;margin: 0 auto; color: #7a649b; padding: 12rem 4% 4%;position: relative;background: #000;font-size: 1.5rem;}
.privacy .privacy-inner h3{margin: 2% 0 0.2%;color: #8d65cb;font-weight: bold;font-size: 1.8rem;}
.privacy .privacy-inner span{color: #515993;}
.privacy .privacy-inner p img{width: 60%;}
.foot{display: flex;width: 73%;margin: 0 auto;justify-content: space-between;color: #96949b;font-size: 1.6rem;line-height: 3rem;padding: 1% 0;}

.term{color: #5a5d68;font-size: 1.3rem;line-height: 2.4rem;    background:#000;}
.term:before{position: absolute;content: "";width: 15%;height: 7%;top: 0;left: 0;background: url(../images/zs-left.png)no-repeat center center;background-size: 100% 100%;}
.term:after{position: absolute;content: "";width: 15%;height: 6%;top: 2%;right: 0;background: url(../images/zs-right.png)no-repeat center center;background-size: 100% 100%;}
.term-title{position: fixed;background: #000;line-height: 8rem;min-width: 20rem;text-align: center;width: 100%;top: 0;left: 0;z-index: 1;}
.term-title h3{position: relative;display: inline-block;text-align: center;letter-spacing: 10px;font-size: 4.6rem;line-height: 9rem;color: #8c69c2;text-transform: uppercase;}
.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 #2b2c2d solid;outline: 1px #8c69c2 solid;background: #8c69c2;}
.term-title h3:after{left: auto;right: 120%;}
.term .term-inner{width: 80%;margin: 0 auto; color: #7a649b; padding: 12rem 4% 4%;position: relative;background: #000;font-size: 1.5rem;}
.term .term-inner h3{margin: 2% 0 0.2%;color: #8d65cb;font-weight: bold;font-size: 1.8rem;}
.term .term-inner span{color: #515993;}
.foot{display: flex;width: 73%;margin: 0 auto;justify-content: space-between;color: #96949b;font-size: 1.6rem;line-height: 3rem;padding: 1% 0;}


.mess{position: relative;padding: 4% 0;}
.mess:before{position: absolute;content: "";width: 50%;height: 100%;background: #1f1736;top: 0;left: 0;z-index: -1; }
.mess:after{position: absolute;content: "";width: 50%;height: 100%;background: #241d43;top: 0;right: 0;z-index: -1; }
.mess-inner{display: flex;width:73%;margin: 0 auto;}
.mess .left{width: 50%;}
.mess .right{width: 50%;     padding-left: 4%;}
.mess .title{position: relative;display: flex;align-items: center;font-size: 2.4rem;color: #7a649b;}
.mess .icon{width: 2.4rem;    margin-right: 1rem;}
.mess .title b{font-size: 3rem;color: rgba(67,54,103,0.3);position: absolute;top: 0;left: 3rem;transform: translate(0,-50%);text-transform: uppercase;}
.mess .inner{font-size: 2.4rem;color:#fff; margin-left: 3rem;margin-top: 2%;background: #fff;color: transparent;-webkit-background-clip: text;    background: linear-gradient(#fff,#fff);
    -webkit-background-clip: text;
    color: transparent;}

/*.box-contact .mess-inner{flex-direction: column;text-align: center;}*/
.box-contact .mess{margin-top: 10%;padding: 12% 0;}

.product .title{font-size: 6.6rem; line-height: 9rem;color: #8c69c2;text-transform: uppercase; text-align: center;   margin-bottom: -2%;}
.product dl{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;    padding: 5% 6% 2%;}
.product dd{width: 49%;margin-bottom: 2%;position: relative;}
.product dd span{font-family: "微软雅黑"; position: absolute;content: "";width: 100%;bottom: 0;left: 0;background: rgba(0,0,0,0.5);line-height: 30px;color: #fff;padding:2% 0;font-size: 24px;text-align: center;}
.product dd a{overflow: hidden;display: block;}
.product dd a img{transition: all 1s ease;}
.product dd a:hover img{transform: scale(1.1);transform-origin:center; }
.product dd p{overflow: hidden;display: block;}
.product dd p img{transition: all 1s ease;}
.product dd p:hover img{transform: scale(1.1);transform-origin:center; }
.product dd:nth-child(4){display: none}
.product dd:nth-child(5){display: none}
.product dd:nth-child(6){display: none}
.product dd:nth-child(7){display: none}
.product dd:nth-child(8){display: none}
.product dd:nth-child(9){display: none}
.product dd:nth-child(10){display: none}
.product .center{text-align: center;margin-bottom: 4%;}
.product .center a{color: #fff;font-size: 16px;padding: 0 10px;line-height: 34px;display: inline-block;}
.product .center a:hover{color: #fff;background: #8c69c2;}

.comic{padding: 15rem 31rem 6rem;}
.comic .title{color: #fff;font-size: 2.2rem;margin-bottom: 4rem;}
.comic a{font-size: 1.5rem;color: #7a649b;width: 30%;display: inline-block;padding: 2.5rem 2rem;border: 1px #75757563 solid;margin: 1%;}
.comic a:hover{color: #7a649b;background: #1f1736;}

.comic-content{padding: 11rem 60rem 6rem;}
.comic2{padding: 11rem 40rem 6rem;}
.comic-content .title{color: #fff;font-size: 2.2rem;margin-bottom: 4rem;}
.comic-content .choose{display: flex;justify-content: space-between;}
.comic-content .choose a{font-size: 1.8rem;color: #fff;margin-top: 2%;}


.foot{width: 73%;margin: 0 auto;justify-content: space-between;color: #96949b;font-size: 1.3rem;line-height: 2.4rem;padding: 2% 0;text-align: center;}
.foot a{color: #96949b; padding-right: 1rem;}
.foot a:hover{color: #8c69c2;}


.popup{position: fixed!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%)!important;display: none;background: #241d43;padding: 0% 3% 2% 3%;border-radius: 10px;    width: 22%;}
.pop-title{font-size: 2rem;text-align: center;margin: 9% auto;color: #fff;}
.pop-inner{display: flex;flex-direction: column;}
.pop-inner .mid{display: flex;flex-direction: column;}
.pop-inner .mid input{color: #8c69c2;width: 100%;line-height: 4rem;height: 4rem;background-color: #0000005c!important;padding-left: 2%;margin: 1rem 0;}
.pop-inner .mid a{font-size: 1.5rem;text-align: center;background: #8c69c2;padding: 3%;margin: 1rem 0;color: #fff;}
.pop-inner .word{display: flex;justify-content: space-between;font-size: 1.4rem;margin-top: 2rem;}
.pop-inner .word a:nth-child(1){color: #8c69c2;}
.pop-inner .word a:nth-child(2){color: #96949b;}
.pact{display: flex;align-items: center;font-size: 1.3rem;color: #96949b;margin: 0.5rem 0;}
.pact span.radio{position:relative;width: 1rem;height: 1rem;border: 1px #96949b solid;border-radius: 50%;margin-right: 0.3rem;}
.pact span.radio.active:before{position: absolute;content: "";width: 55%;height: 55%;top: 51%;left: 50%;border-radius: 50%;background: #96949b;transform: translate(-50%,-50%)}
.pop-inner a.btn-pact{font-size: 1.3rem;text-align: initial;background: none;padding: 0;margin: 0;color: #96949b;text-decoration: underline;}

@media(max-width:1000px){
    .banner{padding: 1rem;}
    .banner .pic img{width: 180%;max-width: inherit;margin-left: -40%;}
    .profile .title{font-size: 4.6rem; line-height: 6rem;    margin-bottom: 7%;}
    .profile .slogan{font-size: 2rem; line-height: 3rem;    margin-bottom: 4%;}
    .profile .detile{font-size: 1.5rem; line-height: 3rem;}
    .mess .title{font-size: 1.6rem;}
    .mess .inner{font-size: 2rem;}
    .mess .title b{font-size: 2rem;line-height: 2rem;}
    .mess .icon{width: 1.6rem;}
    .foot{font-size: 1.2rem;}
}
@media(max-width:540px){
    .header{font-size:14px;}
    .header .slogan{display: none;}
    .header .nav {flex:1;justify-content: center;}
    .header .nav a{font-size:14px;padding: 0 2rem;}

    .profile{padding: 15% 0 20%;}
    .profile-inner{width: 90%;}
    .profile .title{font-size:3.2rem; line-height: 6rem;    margin-bottom: 7%;}
    .profile .slogan{font-size: 1.5rem;}
    .profile .detile{font-size: 1.1rem;line-height: 2rem;text-align: left;}
    .profile:before,.profile:after{display: none;}
    .mess-inner{width: 100%;display: block;}
    .mess{padding: 0;}
    .mess .left{width:100%;    padding: 3rem 0 3rem 5%;background: #1f1736;}
    .mess .right{width:100%;    padding: 3rem 0 3rem 5%;background: #241d43;}
    .foot{width: 90%;    line-height: 5rem;}

    .privacy .privacy-inner h3{margin: 3% 0 1.2%;font-size: 1.5rem;}
    .privacy-title{line-height: 5rem;}
    .privacy-title h3{font-size: 2rem;line-height: 7rem;}
    .privacy .privacy-inner{width: 88%;padding: 7rem 4% 4%;font-size: 1.2rem;}
    .privacy{font-size: 1.2rem;line-height: 2.2rem;}
    .privacy:before{width: 19%;height: 2%;}
    .privacy:after{width: 13%;height: 1.2%;top: 1%}

    .term .term-inner h3{margin: 3% 0 1.2%;font-size: 1.5rem;}
    .term-title{line-height: 5rem;}
    .term-title h3{font-size: 2rem;line-height: 7rem;}
    .term .term-inner{width: 88%;padding: 7rem 4% 4%;font-size: 1.2rem;}
    .term{font-size: 1.2rem;line-height: 2.2rem;}
    .term:before{width: 19%;height: 1%;}
    .term:after{width: 13%;height: 1%;top: 0.5%;}
    .foot{width: 90%; font-size: 1rem;   line-height: 1.8rem;padding: 5% 0;}

    .product .title{     font-size: 3.6rem;letter-spacing: 12px; line-height: 4rem;  margin-bottom: 0%;}
    .product dd{width: 100%;    margin-bottom: 5%;}
    .product dd span{      line-height: 22px;  font-size: 16px;}
    .product .center a{font-size: 14px;}
}


















/* 動效   */
@-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;
}