@charset "utf-8";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none;word-warp: break-warp;word-break: break-all;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}input[type="number"]{-moz-appearance: textfield;}
select, input, img { vertical-align: middle; outline: none;border:0 }
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #474039;}   
input:-moz-placeholder, textarea:-moz-placeholder {color: #474039;}   
input::-moz-placeholder, textarea::-moz-placeholder {color: #474039;}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #474039;}
textarea{resize: none;}
body {line-height:1.5; font-size: 14px; font-family: Microsoft YaHei; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input, img { vertical-align: middle; outline: none;border:0 }
a { text-decoration: none;  blr: expression(this.onFocus=this.blur());outline: none; }
a:hover {  text-decoration: none; }
a:focus{ outline: none;}
html,body {position: relative;height: 100%;}
body{ min-width: 1366px; overflow: hidden; max-width: 1920px; margin: 0 auto;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
.cl:after { content: ""; display: block; clear: both;visibility: hidden;height: 0 }
.cl { zoom: 1; }
.fl,.f_left { float: left; }
.fr,.f_right { float: right;}
.mb2{margin-bottom: 20px;}

.scroll::-webkit-scrollbar  {width: 6px; height: 6px; background-color: #F5F5F5;}   
.scroll::-webkit-scrollbar-track  {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;  }
.scroll::-webkit-scrollbar-thumb  {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;  } 

.page-container {width: 100%; height: 100%;}
.page-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.area{ position: absolute; left: 0; top:0; width: 100%; height: 100%; overflow: hidden;}
.m2{ background: url(https://jr.games.wanmei.com/images/page1.jpg) no-repeat center top; display: none; }
.m1{ background: url(../images/page2.jpg) no-repeat center top;}
.wrap1214{ width: 1214px; margin: 0 auto; position: relative; height: 100%; min-height: 766px;}

.logo{ display: block; width: 229px; height: 100px; background: url(https://jr.games.wanmei.com/images/logo.png) no-repeat center top; position: fixed; left: 46px; top:16px; z-index: 8;}
.comtop{ width: 574px; position: absolute; right: 42px; top:36px; z-index: 8;}
.comtop .codeImg{ display: none; border: 0px solid #7ea4a5; width: 124px; height: 124px; position: absolute; left: 20px; top:42px; opacity: 1; z-index: 2;}
.music-swift span{ display: inline-block;width: 3px;height: 25px;background: #42a6aa;position: absolute;}
.music-swift .s1{ left: 8px;  bottom: 0; height: 16px;}
.music-swift .s2{ left: 15px; bottom: 0; height: 26px;}
.music-swift .s3{ left: 23px; bottom: 0; height: 20px;}
.music-swift .s4{ left: 31px; bottom: 0; height: 18px;}
.music-swift .s5{ left: 39px; bottom: 0; height: 22px;}
.active .s1{-webkit-animation:wave 0.66s linear infinite;animation:wave 0.66s linear infinite;}
.active .s2{-webkit-animation:wave 0.8s linear infinite;animation:wave 0.8s linear infinite;}
.active .s3{-webkit-animation:wave 0.7s linear infinite;animation:wave 0.7s linear infinite;}
.active .s4{-webkit-animation:wave 0.5s linear infinite;animation:wave 0.5s linear infinite;}
.active .s5{-webkit-animation:wave 0.9s linear infinite;animation:wave 0.9s linear infinite;}

.comtop .wbo{ width: 162px; height: 37px; background: url(https://jr.games.wanmei.com/images/icon-wbo.png) no-repeat; /*transition:all .4s; -webkit-transition: all .4s;*/ float: left; cursor: pointer; position: relative;}
.comtop .wbo:hover{ background: url(https://jr.games.wanmei.com/images/icon-wbo-on.png) no-repeat; height: 170px;}
.comtop .wbo:hover img{ display: block;}
.comtop .wqq{ width: 162px; height: 37px; background: url(https://jr.games.wanmei.com/images/icon-qq.png) no-repeat; float: left; cursor: pointer; position: relative;}
.comtop .wqq:hover{ height: 250px; }
.comtop .wqq:hover img{ display: block;}
.comtop .wxin{ width: 162px; height: 37px; background: url(https://jr.games.wanmei.com/images/icon-wxin.png) no-repeat; float: left; margin: 0 10px; cursor: pointer; position: relative; }
.comtop .wxin:hover{ background: url(https://jr.games.wanmei.com/images/icon-wxin-on.png) no-repeat; height: 170px;}
.comtop .wxin:hover img{ display: block;}
.comtop .music-swift{ width: 51px; height: 37px; display: block; float: left; position: relative; cursor: pointer;}

.comtop .wqq:hover img{ width: 162px; height: 162px; left: 0;}

/**m1**/
.m1 .btnbg{ width:511px; height: 351px; background: url(https://jr.games.wanmei.com/images/btnyy.png) no-repeat center top; position: absolute; left: 356px; top:136px; }
.m1 .btnyy{ width: 250px; height: 100px; position: absolute; cursor: pointer; left: 124px; top:125px; }
.m1 .nextPage{ width: 258px; height: 212px; background: url(https://jr.games.wanmei.com/images/nextPage.png) no-repeat center top; position: absolute;right: -11px; bottom: 120px; cursor: pointer;}
.m1 .nextPage .dot{ position: absolute; left: 195px; top:18px;}
.m1 .loginfater{ position: absolute; right: 420px; top:36px; height: 37px; line-height: 37px; min-width: 100px; font-size: 16px; color: #5c7372; display: none; }
.m1 .logOut{ cursor: pointer; }

/**m2**/
.m2 .silde-tab{ position: absolute; cursor: pointer;}
.m2 .silde-tab img{ width: 100%;}
.m2 .tab1{ width: 145px; top:288px; left: 144px;}
.m2 .tab2{ width: 145px; top:254px; left: 473px;}
.m2 .tab3{ width: 145px; top:560px; left: 535px;}
.m2 .tab4{ width: 145px; top:385px; left: 906px;}
.m2 .sharebox{ width: 460px; height: 37px; position: absolute; top:37px; right: 40px; z-index: 9}
.m2 .btnyy{ display: block; width: 134px; height: 32px; float: left; background: url(https://jr.games.wanmei.com/images/btnyys.png) no-repeat center top; cursor: pointer;}
.m2 .backHome{ display: block; width: 134px; height: 32px; float: left; background: url(https://jr.games.wanmei.com/images/backHome.png) no-repeat center top; margin: 0 8px; cursor: pointer; }
.m2 .codeWrap{ display: none; width: 160px; height: 162px; position: absolute; left: 50%; margin-left: -80px; top:45px; border: 1px solid #718b8c; background: url(https://jr.games.wanmei.com/images/codebg.png) no-repeat center bottom; }
.m2 .codeWrap::before{ content: ''; position: absolute; left: 50%; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #718b8c; top:-10px;}
.m2 .codeWrap img{ width: 150px; height: 150px; border: 1px solid #7ea4a5; display:block; margin: 0 auto; margin-top: 5px; }
.m2 .music-swift{ width: 51px; height: 37px; display: block; float: left; position: absolute; cursor: pointer; right: 0; top:-8px;}
.m2 .share-wbo{ width: 36px; height: 36px; float: left; position: relative; background: url(https://jr.games.wanmei.com/images/sharebox.png) no-repeat 0 0; cursor: pointer; transition:all .4s; -webkit-transition: all .4s;}
.m2 .share-wbo:hover .codeWrap{ display: block;}
.m2 .share-wxin{ width: 36px; height: 36px; float: left; position: relative; margin: 0 8px; background: url(https://jr.games.wanmei.com/images/sharebox.png) no-repeat -39px 0; cursor: pointer;}
.m2 .share-wxin:hover .codeWrap{ display: block;}
.m2 .share-qq{ width: 36px; height: 36px; float: left; position: relative; background: url(https://jr.games.wanmei.com/images/sharebox.png) no-repeat -78px 0; cursor: pointer;}
.m2 .share-qq:hover .codeWrap{ display: block;}


.m2 .tree-left{ display: block; width: 552px; height: 320px; background: url(https://jr.games.wanmei.com/images/tree-left.png) no-repeat center top; position: absolute; left: -10px; top:0;-webkit-animation: goleft 1.6s ease-in-out alternate infinite;-moz-animation: goleft 1.6s ease-in-out alternate infinite;animation: goleft 1.6s ease-in-out alternate infinite;}
.m2 .tree-right{ display: block; width: 643px; height: 320px; background: url(https://jr.games.wanmei.com/images/tree-right.png) no-repeat center top; position: absolute; right: -10px; top:0;-webkit-animation: goright 2s ease-in-out alternate infinite;-moz-animation: goright 2s ease-in-out alternate infinite;animation: goright 2s ease-in-out alternate infinite;}
.m2 .btnSkip{ font-size: 16px; width: 60px; height: 30px; border-radius: 5px; -webkit-border-radius: 5px; color: #5c7372; display: block; position: absolute; z-index: 12; right: 40px; top:30px; text-align: center; line-height: 30px; background: #fbf7f7; cursor: pointer;}
.dot {animation: sploosh 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation: sploosh 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.dot2 {animation: sploosh2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation: sploosh2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.dot3 {animation: sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation: sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.dot,.dot2,.dot3{height: 12px;width: 12px;font-size: 20px;color: #fff;line-height: 100px;text-align: center;border-radius: 100%;position: absolute;z-index: 10;animation-iteration-count:infinite;background: transparent;}
.dot{ position: absolute; left: 50%; margin-left: -28px; bottom: 20px;}
.page2Video{ position: absolute; left: 50%; top:0; margin-left: -960px; width: 1920px; height: 1080px; z-index: 11;}
.layer{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,1); z-index: 12;}
.layer.active{ animation:fadeOut 1s linear 0.2s both; -webkit-animation: fadeOut 1s linear 0.2s both;}

.footer{position: fixed;right: 10px;bottom: 10px;text-align: center;color: #e1e1df;font-size: 12px;}


.prompt{ position: fixed; left: 0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.85); z-index: 999; display: none;}
.prompt_contactus{ background: url(https://jr.games.wanmei.com/images/contactus.png) no-repeat center top;}
.prompt_contactus ul{ text-align: center; padding-top: 466px; position: relative; width: 1230px; margin: 0 auto;}
.prompt_contactus li{ display: inline-block; margin: 0 40px;} 
.prompt_contactus ul::after{ content: ''; width: 100%; height: 296px; background: url(https://jr.games.wanmei.com/images/code-bg.png) no-repeat 10px top; position: absolute; left: 0; top:448px;visibility:inherit;}
.popbox { width: 1323px; height: 745px; position: relative; left: 50%; top:50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); overflow: hidden; z-index: 1001}
.slayer{ position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 1000; }
.prompt_video .popbox{background: url(https://jr.games.wanmei.com/images/vbox.png) no-repeat center top; }
.prompt_view .popbox{ background: url(https://jr.games.wanmei.com/images/popView.png) no-repeat center top;}
.close { display:block; width: 98px; height: 57px; background: url(https://jr.games.wanmei.com/images/close.png) no-repeat center top; position: absolute; right: 10px; top:20px; cursor: pointer; z-index: 9;}
.prompt_view .close,.prompt_detail .close{ background: url(https://jr.games.wanmei.com/images/close.png) no-repeat center top;}
.role-swiper{ height: 745px;}
.role-swiper .roleImg{ width: 1063px; margin-left: 220px; margin-top: 63px; }
.role-swiper .roleImg img{ width: 100%; }
.role-tab{ width: 390px; height: 618px; position: absolute; left: 70px; top:54px; background: url(https://jr.games.wanmei.com/images/role-tab.png) no-repeat -48px center; z-index: 9; }
.role-tab span{ width: 31px; height: 100px; position: absolute; cursor: pointer; display: none; }
.role-tab .btnUp{ background: url(https://jr.games.wanmei.com/images/btnUp.png) no-repeat center top; left: -10px; top:18px;}
.role-tab .btnDown{ background: url(https://jr.games.wanmei.com/images/btnDown.png) no-repeat center top; left: -10px; bottom: 18px; }
.role-tab li{ position: absolute; cursor: pointer;}
.role-tab li.on { background: url(https://jr.games.wanmei.com/images/role-tab-on.png) no-repeat;}
.role-tab .role-item1,.role-tab .role-item5{ width: 170px; height: 160px; left: 38px;}
.role-tab .role-item1.on,.role-tab .role-item5.on{ background-position: -86px 4px;}
.role-tab .role-item2,.role-tab .role-item6{ width: 145px; height: 160px; left: 110px; top:168px;}
.role-tab .role-item2.on,.role-tab .role-item6.on{ background-position: -158px -164px;}
.role-tab .role-item3,.role-tab .role-item7{ width: 154px; height: 156px; left: 10px; top:318px;}
.role-tab .role-item3.on,.role-tab .role-item7.on{ background-position: -58px -314px;}
.role-tab .role-item4,.role-tab .role-item8{ width: 125px; height: 153px; left: 34px; top:460px;}
.role-tab .role-item4.on,.role-tab .role-item8.on{ background-position: -82px -456px;}

.vbox{ width: 758px; height: 464px; margin: 0 auto; background: url(https://jr.games.wanmei.com/images/videobg.png) no-repeat center top; margin-top: 130px; position: relative;}
.vbox video{ width: 706px; height: 400px; position: absolute; left: 26px; top:36px;}
.vbox .tag{ display:inline-block; width: 231px; height: 89px; background: url(https://jr.games.wanmei.com/images/tag.png) no-repeat center top; position: absolute; left: -45px; top:18px;}
.wview{ background: url(https://jr.games.wanmei.com/images/wordView.png) no-repeat center top; margin: 0 auto; display:block; margin-top: 40px; }
.prompt_detail .popbox{ background: url(https://jr.games.wanmei.com/images/popIntro.png) no-repeat center top;}
.role-swiper .swiper-button-next, .role-swiper .swiper-button-prev{ width: 109px; height: 30px; outline: none; border: 0; opacity: 1; filter:alpha(opacity=100); }
.role-swiper .swiper-button-next{ background: url(https://jr.games.wanmei.com/images/btnNext.png) no-repeat center center; }
.role-swiper .swiper-button-prev{ background: url(https://jr.games.wanmei.com/images/btnPrev.png) no-repeat center center; }

.active .s1{-webkit-animation:wave 0.66s linear infinite;animation:wave 0.66s linear infinite;}
.active .s2{-webkit-animation:wave 0.8s linear infinite;animation:wave 0.8s linear infinite;}
.active .s3{-webkit-animation:wave 0.7s linear infinite;animation:wave 0.7s linear infinite;}
.active .s4{-webkit-animation:wave 0.5s linear infinite;animation:wave 0.5s linear infinite;}
.active .s5{-webkit-animation:wave 0.9s linear infinite;animation:wave 0.9s linear infinite;}




/***动画***/
/**树枝摆动**/
@-webkit-keyframes goright {
   0% {
       -webkit-transform: rotate(1deg);
       -webkit-transform-origin: 100% 100%;
       -moz-transform: rotate(1deg);
       -moz-transform-origin: 100% 100%;
       transform: rotate(1deg);
       transform-origin: 100% 100%;
    }
    100% {
       -webkit-transform: rotate(-1deg);
       -webkit-transform-origin: 100% 100%;
       -moz-transform: rotate(-1deg);
       -moz-transform-origin: 100% 100%;
       transform: rotate(-1deg);
       transform-origin: 100% 100%;
    }
}
@keyframes goright {
   0% {
       -webkit-transform: rotate(1deg);
       -webkit-transform-origin: 100% 100%;
       -moz-transform: rotate(1deg);
       -moz-transform-origin: 100% 100%;
       transform: rotate(1deg);
       transform-origin: 100% 100%;
    }
    100% {
       -webkit-transform: rotate(-1deg);
       -webkit-transform-origin: 100% 100%;
       -moz-transform: rotate(-1deg);
       -moz-transform-origin: 100% 100%;
       transform: rotate(-1deg);
       transform-origin: 100% 100%;
    }
}
@-webkit-keyframes goleft {
   0% {
       -webkit-transform: rotate(1deg);
       -webkit-transform-origin: top left;
       -moz-transform: rotate(1deg);
       -moz-transform-origin: top left;
       transform: rotate(1deg);
       transform-origin: top left;
    }
    100% {
       -webkit-transform: rotate(-1deg);
       -webkit-transform-origin: top left;
       -moz-transform: rotate(-1deg);
       -moz-transform-origin: top left;
       transform: rotate(-1deg);
       transform-origin: top left;
    }
}
@keyframes goleft {
   0% {
       -webkit-transform: rotate(1deg);
       -webkit-transform-origin: top left;
       -moz-transform: rotate(1deg);
       -moz-transform-origin: top left;
       transform: rotate(1deg);
       transform-origin: top left;
    }
    100% {
       -webkit-transform: rotate(-1deg);
       -webkit-transform-origin: top left;
       -moz-transform: rotate(-1deg);
       -moz-transform-origin: top left;
       transform: rotate(-1deg);
       transform-origin: top left;
    }
}
/**水波纹**/
@keyframes sploosh {
  0% {
    box-shadow: 0 0 0 0px rgba(155, 249, 235, 0.7);
    background: rgba(155, 249, 235, 0.7);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(155, 249, 235, 0);
    background: rgba(155, 249, 235, 0);
  }
}
@keyframes sploosh2 {
  0% {
    box-shadow: 0 0 0 0px rgba(155, 249, 235, 0.7);
    background: rgba(155, 249, 235, 0.7);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(155, 249, 235, 0);
    background: rgba(155, 249, 235, 0.3);
  }
}
@keyframes sploosh3 {
  0% {
    box-shadow: 0 0 0 0px rgba(155, 249, 235, 0.7);
    background: rgba(155, 249, 235, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(155, 249, 235, 0);
    background: rgba(155, 249, 235, 1);
  }
}
/**音符跳动**/
@-webkit-keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}
@keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}

/**360度旋转**/
@-webkit-keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 0;transform-origin:0 0}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}

/**3d 旋转**/
@keyframes round{
    0%{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
    50%{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
    100%{-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}
}

@-webkit-keyframes round{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}

/**箭头上下飘动**/
@-webkit-keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    50%{opacity:1;-webkit-transform:translateY(6px);transform:translateY(6px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    50%{opacity:1;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeOut{
    0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{
    0%{opacity:1}100%{opacity:0}}

@-webkit-keyframes fadeIn{
    0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{
    0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

/**二维码横线**/
@-webkit-keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
    50%{opacity:1;-webkit-transform:translateY(70px);transform:translateY(70px)}
    100%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    50%{opacity:1;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)}
    100%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}