/*@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: #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: #999;}
.auto{ margin:0 auto;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.wUp,.wzoom,.wfr,.wfi,.wfb{opacity: 0;}
.wUp.animated,.wzoom.animated,.wLeft.animated{opacity: 1;}
.section{position: relative;overflow: hidden;}
.section.active{-webkit-animation: scaleA 1s ease both;}
/*.fp-section.fp-table, .fp-slide.fp-table{display:inherit;}*/
.text-underline{text-decoration:underline ;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}/*清除浮动代码*/
.clearfloat{zoom:1}
.pic-web{display: block;}
.pic-wap{display: none;}
.text-underline{text-decoration:underline ;}
.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;}
.animated{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.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;}
.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 );animation:animate-wipes 2s linear infinite;z-index: 2;}
.arrow-page{position: absolute;content: "";width: 1.6%;bottom: 1%;left: 49.2%;z-index: 3;animation: sx 2s ease-in infinite;}
.title{ margin: -3% auto;text-align: center;max-width: 32%;margin-bottom: 1%;}
.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;}
.section{position: relative;}
.p2{background: url(../images/bg1.jpg)no-repeat center center;background-size: 100% 100%;}
.p3{background: url(../images/bg2.jpg)no-repeat center center;background-size: 100% 100%;}
#otherBrowser img{max-width: 2.5rem;}
@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;}
    .title{width: 60%;}
    .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: 86%;max-width: inherit;  margin-bottom: 4%;}
    .btn3 span{font-size: 1.8rem;line-height: 4rem;}
    /*.fp-tableCell,.fp-section.fp-table, .fp-slide.fp-table{height: auto!important;}*/
}


.pm-box{overflow: hidden;position: relative;}

.head{position: fixed;top: 2rem;right: 2rem;}
.head a{display: block;width: 6rem;padding: 0.8rem 1.3rem;background: rgba(0,0,0,0.3);position: relative;}
.head a:hover{background:rgba(0,0,0,0.8);transition: all 1s ease;}
.head .nav-left{position: absolute;top: 0;right:0%;width:0%;opacity: 0;}
.head:hover .nav-left{right:0%;opacity: 1;width: 300%;transition: all 0.6s ease;}
.head .nav-left a{float: left;width: 33.33%;}
.head .nav-left a:after{position: absolute;content: "";width: 1px;height: 100%;top: 0;right: 0;background: rgba(255,255,255,0.1);}
.head .nav-bottom{position: absolute;top: 0%;left:0;width: 100%;height: 0;opacity: 0;}
.head:hover .nav-bottom{top:100%;height: auto;opacity: 1;transition: all 0.6s ease;}
.head .nav-bottom a{display: block;padding: 1rem 1.6rem;}
.head .nav-bottom a:after{position: absolute;content: "";width: 100%;height: 1px;top: 0;left: 0;background: rgba(255,255,255,0.1);}

.nav{position: fixed;content: "";top: 50%;right: 0;transform: translate(0,-50%);width: 10%;display: none;}
.nav li{background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1));padding: 1% 0;margin-bottom: 1px;text-align: right;padding-right: 18%;}
.nav li a{position: relative; display: block;line-height: 6rem;color: #fff;font-size: 2rem;}
.nav li a:after{position: absolute;content: "";width: 0.6rem;height: 0.6rem;top: 50%;left: 106%;transform: translate(0,-50%) rotate(45deg);border: 1px #fff solid;}
.nav li a:before{position: absolute;content: "";width: 0.4rem;height: 0.4rem;top: 50%;left: 106%;transform: translate(0,-50%) rotate(45deg);background: #fff;}
.nav li.active{background: linear-gradient(to right,rgba(228,214,111,0),#5a573a);}
.nav li.active a{text-shadow: 0 0 5px #fff;}
/*
.nav li.active a:before{background: #eed35f;}
.nav li.active a:after{border: 1px #eed35f solid;}
*/


.btn-start{position: fixed;bottom: 9%;right: 1%;width: 9%;animation: animate-jump 2s linear infinite;display: none;}

.line{position: fixed;content: "";top: 2rem;bottom: 2rem;left: 2rem;right: 2rem;pointer-events: none;z-index: 0;}
.line span{position: absolute;content: "";width: 1px;height: 100%;top: 0;left: 0;background: rgba(255,255,255,0.2);}
.line span:nth-child(2){width: 1px;height: 100%;top: 0;left:auto;right: 0;background: rgba(255,255,255,0.2);}
.line span:nth-child(2) i{position: absolute;content: "";width: 1px;height: 30%;top: 0;left: 0;background: rgba(255,255,255,0.2);display: none;}
.line span:nth-child(2) i:nth-child(2){top: auto;bottom: 0;}
.line span:nth-child(3){width: 100%;height: 1px;top: 0;left:0;}
.line span:nth-child(4){width: 100%;height: 1px;top: auto;left:auto;right: 0;bottom: 0;}

.sub{position: fixed;bottom: 2rem;left: 2rem;border-radius: 5px 5px 0 0;background:#01040eb3;text-align: center;z-index: 1;margin: 0 0 1px 1px;display: flex;align-items: center;text-wrap: nowrap;}
.sub a{position: relative;display:inline-block;line-height: 4rem;padding: 0 3rem;color: #959595;font-size: 1.4rem;text-align: center;}
.sub a:hover{text-decoration: underline;}
.sub a:after{position: absolute;content: "";width: 1px;height:30%;top:50%;right: 0;transform: translate(0,-50%);background: rgba(255,255,255,0.15);}
.sub a:last-child:after{display: none;}
@media(max-width:1600px){
   
}


#section-one .pic{position: absolute;width: 100%; top: 50%;left: 0;transform: translate(0,-46%); }
.p1 .bgvideo{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%;}
.banner-btn{position: absolute;content: "";width:50%;top: 85%;left:25%;text-align: center; display: flex;justify-content: center;}
.banner-btn .left{margin-right:1rem; }
.banner-btn .left,.banner-btn .right{position: relative;border: 2px rgb(255 255 255 / 30%) solid;border-radius: 5px;}
.banner-btn a{position: relative;display:block;color: #fff;font-size: 1.8rem;line-height: 6rem;background: #000;border-radius: 5px;z-index: 1;font-weight: bold;overflow: hidden;display: flex;align-items: center;}
.banner-btn a span{ background: #0d0d0d;border-radius: 5px 0 0 5px;   padding: 0 1rem;}
.banner-btn a img{max-width: 3rem;}
.banner-btn a b{position: relative;display: inline-block;font-weight: bold;    text-wrap: nowrap;padding: 0 4rem;}
.banner-btn a.more b:after{position: absolute;content: "";width: 0;height: 0;border-width:0 0.6rem 0.8rem;border-style: solid;border-color:transparent transparent #fff;top: 50%;left: 110%;transform: translate(0,-50%);}
.banner-btn .right .right-box{position: absolute;content: "";width: 100%;bottom: 0;opacity: 0;left: 0;z-index: 0;}
.banner-btn .right:hover .right-box{bottom: 100%;opacity:1;transition: all 1s ease;}
.banner-btn .right .right-box a{margin-bottom: 1px;opacity: 0.8;}
.banner-btn .right .right-box a:hover{opacity: 1;}
.banner-btn .right .right-box b{font-weight: normal;font-family: "微软雅黑";}
/*.banner-btn .right{display: inline-block;width: 25%;}*/


.bg{position: absolute;content: "";top: 50%;left: 0;transform: translate(0,-50%);}



.slogan{position: absolute;content: "";width: 44%;top: 10%;left: 50%;transform: translate(-50%,0);display: none;}
audio{position: absolute;top: 10%;left: 4%;}
.btn-audio{position: fixed;width: 4rem; top: 3rem;left: 3rem;border: 1px #fff solid;border-radius: 50%;cursor: pointer;z-index: 10;display: none;}
.btn-audio:after{position: absolute;content: "";width: 2px;height: 100%;background: #fff;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.btn-audio.active{animation:animate-turn 5s linear infinite;}
.btn-audio.active:after{display: none;}

@media(max-width:1200px){
    /*.banner-btn .left, .banner-btn .right{width: 20%;}*/
    .banner-btn a{font-size: 1.4rem;}
}





.sec2,.sec3{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);}






.pic-box{text-align: center;width: 71%;margin: 0 auto;}
.pic-box li{width: 32%;margin-right: 2%;float: left;transform:translate(0,0px);}
.pic-box li:nth-child(3n){margin-right: 0;}
.pic-box li:hover{transform:translate(0,-6px);transition: all 1s ease;}
.btn-box{text-align: center;margin-top: 2%;}
.btn-box a{width: 16%;display: inline-block;}
.btn-box a:hover{transform: scale(1.05);transition: all 1s ease;}






.secpic{position: relative;width: 70%;margin: 0 auto;z-index: 1;}
.secpic .swiper-container {overflow: hidden;padding-bottom: 0;}
.secpic .swiper-slide {position: relative;text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.85);border: 1px #fff solid;   }
.secpic .swiper-slide:before{position: absolute;content: "";top: 5px;left: 5px;bottom: 5px;right: 5px;border: 1px rgba(255,255,255,0.3) solid;}
.secpic .swiper-pagination:before,.secpic .swiper-pagination:after{display: none;}
.secpic .swiper-slide:after{position: absolute;content: ""; top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 2;}
.secpic .swiper-slide-active img{opacity: 1;}
.secpic .swiper-slide-active:after{display: none;}
.secpic .swiper-slide-active,.secpic .swiper-slide-duplicate-active{transform:scale(1);z-index: 9;}
.secpic .swiper-pagination{width: 100%;bottom: -6%!important;}
.secpic .swiper-pagination-bullet {z-index: 2;position: relative;width: 1.2rem;height: 1.2rem;top: 102%; display: inline-block;border-radius: 0; background:none;border: 1px #fff solid;transform: none;transform: rotate(45deg);margin:0 10px!important;opacity: 1;border-radius: 0.6rem;}
.secpic .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 2%;}
.secpic .swiper-pagination-bullet-active{background:#fff; }
.secpic .swiper-button-prev:after,.secpic .swiper-button-next:after{color: #fff;}
.secpic .swiper-button-prev{width: 6rem;height: 6rem;background: url(../images/arrow.png)no-repeat center center;background-size: 100% 100%;transform: rotateY(180deg);    }
.secpic .swiper-button-next{width: 6rem;height: 6rem;background: url(../images/arrow.png)no-repeat center center;background-size: 100% 100%;}





.popup{max-width: 800px;width: 60%;position: fixed!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%)!important;display: none;padding:2%;text-align: center; 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(#f9f8fd,#e0e4eb);pointer-events: none;z-index: -1;}
.pop-title{position: relative;background:linear-gradient(to right,rgba(31,39,78,0),#070a18,rgba(31,39,78,0));padding: 1% 0;min-width: 20rem;margin-bottom: 2%;color: #ebe1e6;}
.pop-title span{position: relative;display: inline-block;font-size: 2.8rem;line-height: 3rem;text-align: center;}
.pop-inner{position: relative; color: #222948;font-size: 1.5rem;line-height: 2.4rem;z-index: 2;max-height: 30rem;overflow: auto;}
.pop-inner h3{font-weight: bold;margin:2% auto 1%;}
.pop-inner p{margin-bottom: 1%;}
.pop-inner p img{width: auto;}

.pop-inner span{color: #937551;}
.pop-inner .font-samll{color: #e65c5c;}
.pop-inner a{color:#e65c5c;}
.popup .close{position: absolute;bottom:101%; left: 101%;width: 4%;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:hover{transform:rotate(360deg);}

.popup-term .pop-inner,.popup-privacy .pop-inner{text-align: left;}
.popup-contact .pop-inner p{text-align: left;}

.popup-pc span.point{    background: #dddde4;padding: 5px 10px;border-radius: 5px;color: #000;display: inline-block;margin: 0 6px;line-height: 1.8rem;}
.pop-store{margin-top: 2%;}
.pop-store a{display: inline-block;width: 24%;}
.pop-store a b{font-size: 22px;    vertical-align: middle;display: inline-block;margin-left: 5px;}

.popup-contact .pop-inner p{text-align: center;}
.popup-contact .pop-inner p a{color: #000;font-weight: bolder;text-decoration: underline;}
@media(max-width:900px){

    .p2{background: url(../images/bg1.jpg)no-repeat left center;background-size: cover;}
    .p3{background: url(../images/bg2.jpg)no-repeat right center;background-size: cover;}
    .slogan{display: none;}
    .p1 .bgvideo{display: none;}
    .line{top: 0.5rem;left: 0.5rem;bottom: 0.5rem;right: 0.5rem;}
    .sub{width: 28%;bottom: 0.5rem;left: 0.5rem;} 
    .sub a{line-height: 3rem;font-size: 1.1rem;padding: 0 5px;}
    .banner-btn .left{display: none;}
    .btn-audio{width: 3rem;top: 1.5rem;left: 1.5rem;display: none;}
    .nav{display: none;}
    .head{top: 1rem;right: 1rem;}
    .head a{width:3.8rem;padding: 0.3rem 0.6rem;}
    .head .nav-bottom a{padding: 0.4rem 0.6rem;}
    .btn-start{bottom: 1%;width: 16%;z-index: 2;}
    .banner-btn{top:77%;padding-right: 0;width: 100%;left: 0;}
    .banner-btn .right{width: 45%;margin: 0;border: none;}
    .banner-btn .right .more{display: none;}
    .banner-btn a img{max-width: 2.5rem;}
    .banner-btn .right .right-box{display: block;position: relative;opacity: 1;}
    .banner-btn .right:hover .right-box{bottom: 0;}
    .banner-btn .right .right-box a{border: 1px #fff6 solid;    display: inline-block;font-size: 1.5rem;line-height: 3.8rem;opacity: 1;   margin-bottom: 1%;}
    .banner-btn a b{padding: 0 1rem}
    .pic-box{width: 84%;}
    
    .secpic{width: 66%;}
    .secpic .swiper-pagination{bottom: -9%!important;}
    .secpic .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem;border-radius: 0.4rem;}
    .secpic .swiper-button-next{right: -8%;width: 3rem;height: 3rem;}
    .secpic .swiper-button-prev{left: -8%;width: 3rem;height: 3rem;}
    .secpic .swiper-button-next:after,.secpic .swiper-button-prev:after{font-size: 3rem;}
    audio{display: none;}
    .popup{width: 86%;}
    .pop-title span{font-size: 2rem;line-height: 2.8rem;}
    .pop-inner{font-size: 1.2rem;line-height: 1.8rem;    max-height: 40rem;}
    .popup-term .pop-inner, .popup-privacy .pop-inner{padding:4%;}
    .popup-term .pop-inner p,.popup-privacy .pop-inner p{text-align: justify;}
    .pop-store a b{font-size: 1.4rem;font-family: "微软雅黑";}
    .pop-store a{width: 38%;margin-bottom: 2%;text-align: left;   }
}
@media(max-width:670px){
    .banner-btn .right{width: 55%;}
}
@media(max-width:520px){
    .banner-btn .right .right-box a{margin-bottom: 0;}
    .banner{display: none;}
    #section-one .pic{    transform: translate(0,-50%);}
    .sub{width: auto;    right: 0.5rem;}
    .banner-btn .right{width: 100%;}
    .pic-box li{width:48%;margin-right: 4%;margin-bottom: 4%;  }
    .pic-box li:nth-child(2n){margin-right: 0%;}
    .pic-box li:nth-child(3){margin-left: 26%;}
    .btn-box a{width: 44%;}
    .secpic{width: 88%;    margin-top: 4%;}
    .secpic .swiper-pagination{bottom: -18%!important;}
}
/* 动效 */

/*动效-转圈*/
/*调用-转圈*/ /*    animation:animate-turn 5s linear infinite;    */
@keyframes animate-turn {  
    0% {transform: rotate(0deg);}
    to {transform: rotate(1turn);}
}

@keyframes animate-pos-turn { 
    0% {transform: rotate(0deg) translate(-50%,-50%);}
    to {transform: rotate(1turn) translate(-50%,-50%);}
}



/*动效-按钮缩放*/
/*调用-按钮缩放*/ /*    animation:animate-zoom 2s linear infinite;    */
@keyframes animate-zoom {
    0% {transform: scale(0.85);}
    50% {transform: scale(1);}
    100% {transform: scale(0.85);}
}

@keyframes animate-zoom1 {
    0% {transform: scale(0.5);}
    50% {transform: scale(1);}
    100% {transform: scale(0.5);}
}

@keyframes animate-pos-zoom { 
    0% {transform: scale(0.85) translate(-50%,0);}
    50% { transform: scale(1) translate(-50%,0);}
    100% {transform: scale(0.85) translate(-50%,0);}
}

@keyframes animate-pos1-zoom { 
    0% {transform: scale(0.85) translate(0,-50%);}
    50% { transform: scale(1) translate(0,-50%);}
    100% {transform: scale(0.85) translate(0,-50%);}
}
@keyframes animate-pos2-zoom { 
    0% {transform: scale(0.85) translate(-50%,-50%);}
    50% { transform: scale(1) translate(-50%,-50%);}
    100% {transform: scale(0.85) translate(-50%,-50%);}
}
    

    
/*动效-光效缩放*/
/*调用-光效缩放*/ /*        animation:animate-lightzoom 2s linear infinite;    */
@keyframes animate-lightzoom { 
    0% {transform: scale(0);opacity: 1;}
	75% { transform: scale(0.8);opacity: 1;}
    100% { transform: scale(1);opacity: 0;}
}

    

/*动效-扫光*/  /*    background: linear-gradient( 120deg, transparent,transparent, rgba(255, 244, 227, 0.4), transparent, transparent );    */
/*调用-扫光*/ /*    animation:animate-wipes 2s linear infinite;    */
@keyframes animate-wipes { 
    from {left:0;}
    to {left:100%;}
}

    

/*动效-左右摇晃*/
/*调用-左右摇晃*/ /*    transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;    */
@keyframes animate-shake {
    0%{transform:none}
	15%{transform:translate3d(-2%,0,0) rotate3d(0,0,1,-2deg);}
	30%{transform:translate3d(1%,0,0) rotate3d(0,0,1,1deg);}
	45%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
	60%{transform:translate3d(1%,0,0) rotate3d(0,0,1,2deg);}
	75%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
	100%{transform:none}
}

    

/*动效-风吹左右摇晃*/
/*调用-风吹左右摇晃*/ /*    transform-origin: center top;animation: animate-wind infinite 1s ease-in-out alternate;    */
@keyframes animate-wind {
    0% {transform: rotate(1deg);}
    100% {transform: rotate(-2deg);}
}


    
/*动效-上下跳动*/
/*调用-上下跳动*/ /*    animation: animate-jump 0.8s linear infinite;    */
@keyframes animate-jump { 
    0% {transform:translate(0,0);}
    50% { transform:translate(0,-6px);}
    100% {transform:translate(0,0);}
}



/*动效-背景逐帧动效*/
/*调用-背景逐帧动效*/ /*    animation: animate-changebg 1s steps(3) infinite;    */
@keyframes animate-changebg {
    from{background-position:0 0;}
	to {background-position: -90px 0;}
}