/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}

main{display:block}
h1{font-size:2em;margin:.67em 0}

hr{box-sizing:content-box;height:0;overflow:visible}

pre{font-family:monospace,monospace;font-size:1em}

a{background-color:transparent}

abbr[title]{border-bottom:none;text-decoration:underline dotted}

b,strong{font-weight:bolder}

code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template,[hidden]{display:none}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-20%,0,0)}
to{opacity:1;transform:none}
}
*{padding:0;margin:0}
html{width:100%}
.clearfix{zoom:1}
body,.swiper-wrapper{width:100%;height:calc(100vh - 130px);}
.swiper-container{
  height:calc(100vh - 115px);
}
.swiper-slide{
  height:calc(100vh - 70px);
}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
img{vertical-align:middle}
a{text-decoration:none;cursor:pointer}
.link,.phoneCont{
  position:absolute;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0px 2px 10px #9b9b9b33;
  padding: 10px;
  display:none;
  
}
#section1,#section2,#section3,#section4{
  height:calc(100vh - 130px)
}
.title1{
  letter-spacing:10px
}
.chat_logo{
  display:none!important;
}
.phoneCont{
  left:-30px
}
.link{
  right:30px;
  padding:0px;
      width: 590px;
    height: 606px;
    overflow: hidden;
}
.phoneCont{
  left:10px;
  top:60px;
  color:#333;
  letter-spacing: 2px; /* 设置字间距为2像素 */
}
.link>div>img,.phoneCont>div>img{
  width:148px;
  height:148px;
}
.link>p,.phoneCont>p{
  line-height:1.2;
  font-size:14px
}
.link>p>.web{
  color:#FD3459;
}
.swiper-container{min-width:1080px}
.swiper-container .swiper-slide{background-position:50% 50%;position:relative}
.swiper-container .pagination{position:fixed;z-index:100;margin-top:-81.5px;top:50%;right:17px}
.swiper-container .swiper-pagination-switch{width:12px;height:12px;background:#ccc;border-radius:50%;display:block;margin:7px 7px 20px;cursor:pointer}
.swiper-container .swiper-active-switch{background:#000}
.swiper-container .ani3,.ani2,.ani4{opacity:0}
.swiper-container .container{position:relative}
.swiper-container  .nav{position:absolute;top:0;left:0;right:0;height:60px;width:100%;z-index:9999;background-size:100% 100%;background:#f8faff}
.section-btn{width:180px;height:48px;line-height:48px;text-align:left;background:#1a1a1a;border-radius:30px;position:relative;z-index:5;display:inline-block}
.section1{width:1080px;height:500px;min-height:500px;height:calc(100vh - 60px);margin:0 auto;margin-top:60px;position:relative;z-index:1}
.morden .swiper-slide{height:100%;}
/* overflow-x:hidden */
.ie9 .section-btn-inner{transform:translate(0,0)!important;left:0!important}
.ie .ani3,.ie .ani2,.ie .ani4{opacity:1!important}
.ie9 .section-btn{text-align:center!important}
.ie9 .section-btn-ctn{display:none!important}
.ani-slide .ani3-1{opacity:1;-webkit-animation:fadeIn .8s both;animation:fadeIn .8s both}
.ani-slide .ani3-2{opacity:1;-webkit-animation:fadeIn .3s .5s both;animation:fadeIn .3s .5s both}
.ani-slide .ani3-3{opacity:1;-webkit-animation:fadeInUp .6s .8s both;animation:fadeInUp .6s .8s both}
.ani-slide .ani3-4{opacity:1;-webkit-animation:fadeIn .8s 1.4s both;animation:fadeIn .8s 1.4s both}
.ani-slide .ani3-5{opacity:1;-webkit-animation:fadeIn .8s 1.8s both;animation:fadeIn .8s 1.8s both}
.ani-slide .ani3-4-2{-webkit-animation:jump 1.3s ease-in-out infinite none;animation:jump 1.3s ease-in-out infinite none}

.ani4-4-2{-webkit-animation:jump 3.6s ease-in-out infinite none;animation:jump 3.6s ease-in-out infinite none}
.ani-slide .ani2-1{opacity:1;-webkit-animation:fadeIn .8s both;animation:fadeIn .8s both}
.ani-slide .ani2-2{opacity:1;-webkit-animation:fadeIn .6s .4s both;animation:fadeIn .6s .4s both}
.ani-slide .ani4-1{opacity:1;-webkit-animation:fadeIn .8s 1 both;animation:fadeIn .8s 1 both}
.ani-slide .ani4-2{opacity:1;-webkit-animation:showIn .2s 1s 1 both;animation:showIn .2s 1s 1 both}
.ani-slide .ani4-3{-webkit-animation:fadeIn .6s .8s 1 forwards;animation:fadeIn .6s .8s 1 forwards}
.swiper-container  .nav .nav-inner{width:1080px;height:100%;margin:0 auto}
.swiper-container .nav .logo{display:block;float:left;margin-top:10px;margin-left:10px;width:197px;height:22px}
.swiper-container .nav .navbar{height:100%;float:right}
.section-btn .section-btn-ctn{width:100%;height:100%;border-radius:30px;position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;opacity:0;display:inline-block}
.section-btn .section-btn-inner{display:inline-block;position:relative;left:50%;transform:translate(-95%,0);opacity:1;-webkit-animation:goRight .3s linear both;animation:goRight .3s linear both;display:inline-block}
.section-btn .section-btn-inner-a{font-size:16px;color:#fff;display:inline-block}
.section-btn:hover{cursor:pointer}
.swiper-container .nav .logo img{width:100%;}
.swiper-container .nav .navbar .navbar-item{position:relative;float:left;height:100%;line-height:60px;text-align:center;box-sizing:border-box;padding:0 20px}
.section-btn .section-btn-ctn .section-btn-ctn-bg{width:24px;height:24px;position:absolute;right:16px;top:50%;z-index:25;transform:translateY(-50%);background:url("https://p0.ssl.qhimg.com/t01d35fdae980688624.png") no-repeat 0 0;background-size:contain;display:inline-block}
.section-btn:hover>.section-btn-inner{-webkit-animation:goLeft .3s linear both;animation:goLeft .3s linear both}
.section-btn:hover>.section-btn-ctn{background:#f03154;-webkit-animation:fadeIn .3s linear both;animation:fadeIn .3s linear both}
.section-btn:active>.section-btn-ctn{background:#f03154}
.section-btn .section-btn-ctn:active{background:#f03154}
.swiper-container .nav .navbar .navbar-item a{display:block;width:100%;height:40px;margin:10px 0;color:#333;line-height:40px;font-size:14px}
.swiper-container .nav .navbar .navbar-item:first-child{padding:0 25px 0 0}
.swiper-container .nav .navbar .navbar-item a:hover{color:#f03154}
.section3{width:100%;height:684px;min-height:684px;height:calc(100vh - 60px);margin-top:60px;position:relative;z-index:2;background:#f8faff}
.section2{width:1080px;height:610px;min-height:610px;height:calc(100vh - 60px);margin:0 auto;margin-top:60px;position:relative;z-index:3;background:#f8faff}
.section1 .section1-inner{width:100%;height:500px;position:absolute;top:50%;z-index:5;margin-top:-250px}
.section3 .section3-outer{width:1080px;height:100%;margin:0 auto;position:relative;z-index:20}
.section3 .section3-inner{width:100%;height:684px;position:absolute;top:50%;margin-top:-302px;text-align:center}
.section3 .section3-img-bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}
.section2 .section2-inner{width:100%;height:604px;position:absolute;top:50%;z-index:5;margin-top:-302px}
.section3 .section3-inner h1{height:60px;font-size:54px;font-weight:700;color:#111;line-height:60px;margin:0;padding:0}
.section3 .section3-inner p{height:21px;margin:24px 0;font-size:16px;line-height:21px}
.section1 .section1-inner .section1-left{width:380px;height:100%;float:left;margin-left:-50px;background:url("/themes/yuyi_v3/public/wfds/static/img/watchBg1.png") no-repeat 0 0;background-size:contain;position:relative;z-index:5}
.section1 .section1-inner .section1-right{width:680px;height:100%;float:right;position:relative;z-index:-1;margin-left:50px;margin-right:-50px}
.section3 .section3-inner .section3-btn{margin:0 auto}
.section3 .section3-inner .section3-bottom{width:740px;height:454px;margin:53px auto 0;position:relative}
.section2 .section2-inner .section2-top{text-align:center}
.section2 .section2-inner .section2-mid{width:860px;height:280px;margin:65px auto 0;position:relative}
.section2 .section2-inner .section2-btm{width:100%;height:88px;padding:0 20px;box-sizing:border-box;position:relative;z-index:25;display:flex;justify-content: center;}
.section2 .section2-inner .section2-top h1{height:60px;font-size:54px;font-weight:700;color:#111;line-height:60px;margin:0;padding:0}
.section2 .section2-inner .section2-top p{height:21px;font-size:16px;line-height:21px;margin:24px 0}
.section1 .section1-inner .section1-left .section1-text-ctn{width:480px;height:288px;position:absolute;left:60px;top:106px;z-index:80;text-align:left}
.section1 .section1-inner .section1-right .video-section1-star{width:600px;height:500px;position:absolute;top:0;left:70px;z-index:20}
.section1 .section1-inner .section1-right .video-section1-star-ie{width:600px;height:500px;position:absolute;top:0;left:0;z-index:20;display:none}
.section3 .section3-inner .section3-bottom .section3-img-middle{width:100%;height:100%;position:absolute;top:0;left:0;z-index:30}
.section3 .section3-inner .section3-bottom .section3-img-right-ctn{width:100%;height:100%;position:absolute;top:0;left:0;z-index:50}
.section3 .section3-inner .section3-bottom .section3-text-ctn{position:absolute;top:56px;left:140px;z-index:60}
.section2 .section2-inner .section2-top .section2-btn{margin:0 auto}
.section2 .section2-inner .section2-mid .section2-mid-bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10}
.section2 .section2-inner .section2-btm .section2-btm-item{width:128px;height:88px;margin-left:4px;float:left;position:relative}
.section1 .section1-inner .section1-left .section1-text-ctn h1{height:60px;font-size:54px;font-weight:700;color:#111;line-height:60px;margin:0;padding:0}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-p1{height:18px;margin:24px 0 48px;font-size:16px;line-height:18px}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-btn,.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-btn2{width:200px;height:54px;line-height:54px;display:inline-block}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-btn2{text-align:center;border-radius:30px;border:1px solid #111;box-sizing:border-box;margin-left:10px;font-size:18px;color:#111}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-p2{height:16px;margin:24px 0 16px;font-size:12px;color:#666;line-height:16px}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-version{height:21px;line-height:21px}
.section3 .section3-inner .section3-bottom .section3-img-right-ctn .section3-img-right{width:280px;opacity:1;position:absolute;top:10px;right:-16px;z-index:55}
.section3 .section3-inner .section3-bottom .section3-text-ctn .section3-text-h{height:36px;font-size:24px;font-weight:400;color:#111;line-height:36px;margin-bottom:20px}
.section3 .section3-inner .section3-bottom .section3-text-ctn .section3-text-p{height:16px;font-size:12px;line-height:16px;position:relative;padding-left:14px;margin-bottom:8px;text-align:left}
.section2 .section2-inner .section2-btm .section2-btm-item:first-child{margin-left:0}
.section2 .section2-inner .section2-btm .section2-btm-item .section2-btn-item-img{display:inline-block;width:68px;margin:20px 30px 0 30px}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-btn .section-btn-inner{transform:translate(-95%,0);-webkit-animation:goRight .3s linear both;animation:goRight .3s linear both}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-btn .section-btn-inner-a{font-size:18px}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-btn2:hover{background:#f03154;border-color:#f03154;color:#fff}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-btn2:active{background:#2f65c7;border-color:#2f65c7;color:#fff}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-version .section1-text-span{padding:0 12px}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-version .section1-gap{display:inline-block;width:1px;height:16px;background:rgba(151,151,151,.21);position:relative;top:3px}
.section3 .section3-inner .section3-bottom .section3-text-ctn .section3-text-p .roll{display:inline-block;width:6px;height:6px;background:#f03154;border-radius:50%;position:absolute;left:0;top:5px}
.section2 .section2-inner .section2-btm .section2-btm-item:hover .section2-btn-item-img{width:88px;margin:0 20px 20px}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-version .section1-text-span span{color:#333;font-size:16px}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-btn:hover>.section-btn-inner{-webkit-animation:goLeft .3s linear both;animation:goLeft .3s linear both}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-version>.section1-text-span:first-child{padding-left:0}
.section1 .section1-inner .section1-left .section1-text-ctn .section1-text-version>.section1-text-span:hover span{color:#387eec}
.section4{width:1080px;height:677px;min-height:677px;height:calc(100vh - 60px);margin:0 auto;margin-top:60px;position:relative;z-index:4;background:#f8faff}
.copyright{width:100%;text-align:center;position:absolute;left:0;right:0;bottom:80px;z-index:60}
.display-none{display:none!important}
.display-block{display:block!important}
.gifCont{
  width: 71px!important;
  height: 96px!important;
  left: 65px!important;
  top: 12px!important;
}
.jiantou{
  display:none;
}
.linkIcon{
  display:none;
}
.linkContinner,.loadWindow{
  display:none;
}
.linkInner{
  width: 207px;
  background:#fff;
  padding:10px;
  border-radius:12px;
}
.text{
  color:#333!important;
}
.section4 .section4-inner{width:100%;height:680px;position:absolute;top:50%;z-index:5;margin-top:-318px}
.copyright .policy{display:inline-block;font-size:12px;color:#999;line-height:16px}
.copyright .icp{font-size:12px;color:#999;line-height:20px;height:20px;margin-top:4px}
.copyright .icp a{display:inline-block;padding-left:25px;background:url("https://p0.ssl.qhimg.com/t0188a8740d12e2c7ef.png") 0 50% no-repeat;color:#9e9e9e}
.section4 .section4-inner .section4-top{text-align:center}
.section4 .section4-inner .section4-btm{width:100%;height:400px;position:relative;z-index:10;margin-top:60px}
.section4 .section4-inner .section4-top h1{height:60px;font-size:54px;font-weight:700;color:#111;line-height:60px;margin:0;padding:0}
.section4 .section4-inner .section4-top p{height:21px;font-size:16px;line-height:21px;margin:24px 0}
.section2 .section2-inner .section2-btm .section2-mid-top,.section2 .section2-inner .section2-btm .section2-mid-hover{width:250px;height:200px;position:absolute;top:-280px;right:300px;z-index:30}
.section2 .section2-inner .section2-btm .section2-mid-hover{-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.section2 .section2-inner .section2-btm .section2-mid-text{width:180px;position:absolute;top:-200px;left:270px;z-index:30;display:none}
.section2 .section2-inner .section2-btm .section2-text0{display:block;-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.section4 .section4-inner .section4-top .section4-btn{margin:0 auto}
.section4 .section4-inner .section4-btm .section4-video{width:1080px;height:400px}
.section4 .section4-inner .section4-btm .section-btm-left{width:120px;height:300px;position:absolute;left: 210px;top: -40px;z-index:20}
.section4 .section4-inner .section4-btm .secton4-btm-rt{width:340px;position:absolute;left:578px;top:40px;z-index:20}
.section2 .section2-inner .section2-btm .section2-mid-text h3{height:36px;font-size:24px;font-weight:400;color:#111;line-height:36px;margin:0 0 8px;padding:0}
.section2 .section2-inner .section2-btm .section2-mid-text div{width:100%;font-size:12px;line-height:20px}
.section2 .section2-inner .section2-btm .section2-mid-top .section2-mid-top-img{width:100%;height:100%;position:absolute;left:0;top:0;z-index:32}
.section2 .section2-inner .section2-btm .section2-mid-top .section2-mid-top-video,.section2 .section2-inner .section2-btm .section2-mid-top .section2-mid-top-video-ie{width:50px;height:60px;position:absolute;top:48px;left:53px;z-index:35}
.section2 .section2-inner .section2-btm .section2-mid-top .section2-mid-top-video-ie,.section2 .section2-inner .section2-btm .section2-mid-hover .section2-mid-hover-img{display:none}
.section2 .section2-inner .section2-btm .section2-mid-hover .section2-mid-hover-img{width:100%;height:100%}
.section4 .section4-inner .section4-btm .section4-video .section4-video-bg{width:1080px;height:400px}
.section4 .section4-inner .section4-btm .section-btm-left .section4-video-shield,
.section4 .section4-inner .section4-btm .section-btm-left .section4-video-shield-ie{width:120px;height:300px}
/* .section4 .section4-inner .section4-btm .section-btm-left .section4-video-shield-ie{display:none} */
.section4 .section4-inner .section4-btm .secton4-btm-rt .section4-text1{height:60px;font-size:14px;color:#111;line-height:30px}
.section4 .section4-inner .section4-btm .secton4-btm-rt .section4-text3{height:18px;font-size:14px;color:#333;line-height:18px;margin-top:4px}
.section2 .section2-inner .section2-btm .section2-btm-item:hover~.section2-mid-top{display:none;-webkit-animation:fadeOut .4s linear both;animation:fadeOut .4s linear both}
.section2 .section2-inner .section2-btm .section2-btm-item:hover~.section2-text0{display:none;-webkit-animation:fadeOut .4s linear both;animation:fadeOut .4s linear both}
.section2 .section2-inner .section2-btm .section2-item1:hover~.section2-text1,.section2 .section2-inner .section2-btm .section2-item2:hover~.section2-text3,.section2 .section2-inner .section2-btm .section2-item3:hover~.section2-text2,.section2 .section2-inner .section2-btm .section2-item4:hover~.section2-text4,.section2 .section2-inner .section2-btm .section2-item5:hover~.section2-text5,.section2 .section2-inner .section2-btm .section2-item6:hover~.section2-text3,.section2 .section2-inner .section2-btm .section2-item7:hover~.section2-text7,.section2 .section2-inner .section2-btm .section2-item1:hover~.section2-mid-hover .section2-mid-hover-img1{display:block}
.section2 .section2-inner .section2-btm .section2-item1:hover~.section2-text1{-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.section2 .section2-inner .section2-btm .section2-item2:hover~.section2-text3{-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.section2 .section2-inner .section2-btm .section2-item3:hover~.section2-text2{-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.section2 .section2-inner .section2-btm .section2-item4:hover~.section2-text4{-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.section2 .section2-inner .section2-btm .section2-item5:hover~.section2-text5{-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.section2 .section2-inner .section2-btm .section2-item6:hover~.section2-text3{-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.section2 .section2-inner .section2-btm .section2-item7:hover~.section2-text7{-webkit-animation:fadeIn .4s linear both;animation:fadeIn .4s linear both}
.section2 .section2-inner .section2-btm .section2-item2:hover~.section2-mid-hover .section2-mid-hover-img2,.section2 .section2-inner .section2-btm .section2-item3:hover~.section2-mid-hover .section2-mid-hover-img3,.section2 .section2-inner .section2-btm .section2-item4:hover~.section2-mid-hover .section2-mid-hover-img4,.section2 .section2-inner .section2-btm .section2-item5:hover~.section2-mid-hover .section2-mid-hover-img5,.section2 .section2-inner .section2-btm .section2-item6:hover~.section2-mid-hover .section2-mid-hover-img6,.section2 .section2-inner .section2-btm .section2-item7:hover~.section2-mid-hover .section2-mid-hover-img7{display:block}
.section4 .section4-inner .section4-btm .secton4-btm-rt .section4-text1 #section4-num{font-size:60px;font-weight:700;color:#111;line-height:60px;display:inline-block}
@media(max-width: 1360px){.title3,.title2,.title4{height:48px!important;line-height:48px!important;font-size:48px!important;margin-top:20px!important}
.section3-inner p,.section2-inner p,.section4-inner p{margin:16px 0!important}
.section3-bottom,.section2-mid,.section4-btm{margin-top:16px!important}
}
@media(max-height: 680px){.section3-inner,.section4-inner{top:0!important;margin-top:0!important}
}
@media(max-height: 620px){.section2-inner{top:0!important;margin-top:0!important}
}
@media(max-height: 510px){.section1-inner{top:0!important;margin-top:0!important}
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes showIn{0%{display:none}
100%{display:block}
}
@keyframes showIn{0%{display:none}
100%{display:block}
}
@-webkit-keyframes jump{
  0%{top:0}
  50%{top:-6px}
  100%{top:0}
}
@keyframes jump{
  0%{top:0}
  50%{top:-5px}
  100%{top:0}
}
@-webkit-keyframes goLeft{
  0%{
    transform:translate(-50%,0)
  }
  100%{
    transform:translate(-70%,0)
  }
}
@keyframes goLeft{
  0%{
    transform:translate(-50%,0)
  }
  100%{
    transform:translate(-70%,0)
  }
}
@-webkit-keyframes goRight{
  0%{
    transform:translate(-95%,0)
  }
  100%{
    transform:translate(-50%,0)
  }
}
@keyframes goRight{
  0%{
    transform:translate(-95%,0)
  }
  100%{
    transform:translate(-50%,0)
  }
}
<!--��ʱ1759485316.5681��-->