@charset "utf-8";
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;word-warp: break-warp;word-break: break-all;}article,aside,figure,footer,header,nav,section,details,summary{display:block}img{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{-webkit-tap-highlight-color:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input,input:focus{outline:none;-webkit-tap-highlight-color:transparent}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{padding:0;margin:0;outline: none; -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;appearance:none; -moz-appearance: none; background: transparent; border: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}textarea{ outline: none; border: none;resize:none}
img {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;user-select: none;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
.cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
div,p,span,a,ul,li{word-warp: break-warp;word-break: break-all;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a,a:hover{ text-decoration: none;}
img{ display: block; max-width: 100%; margin: 0 auto; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
input,textarea:focus {outline: none; border: 0;}
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.pop{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.3); z-index: 999999}
.pop .popbox{ position: relative; left:50%; top:50%;}
.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;  } 
html,body{font-family: Microsoft Yahei,SimSun,Helvetica;font-size: 20px;}
body{ overflow: hidden; overflow-y:auto; }
.container{ width: 750px; margin: 0 auto; height: 1334px; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/bg.jpg) no-repeat center top; position: relative;}
.fcyx_footer_mb{ width: 750px!important;}
.btnDown{ display: block; width: 75px;height: 140px; position: absolute; left: 624px; top:0; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btnDown.png) no-repeat center top;}
.alogo{ display: block; width: 183px; height: 92px; margin: 0 auto; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/alogo.png) no-repeat center bottom; padding-top: 48px; position: relative; z-index: 3}
.slogan{ display: block; width: 713px; height: 373px; margin: 0 auto; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/slogan.png) no-repeat center bottom; margin-top: -56px; float: right; position: relative; z-index: 3}
.stickBox{ width: 419px; height: 1128px; position: absolute; left: 50%; margin-left: -210px; bottom: 250px;  z-index: 2; }
.shake{ animation:shake .5s linear 0s both; -webkit-animation: shake .5s linear 0s both; }
.stickLeng{ position: absolute; left: 118px; top:1015px; color: #fff; width:630px; font-size: 24px; z-index: 3; display:none; }
.stickLeng .numb{ color: #f4eba0; font-size: 30px; }
.stickLeng .tag{ color: #f4eba0;}
.stick1{ background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/stick1.png) no-repeat center 833px;}
.stick2{ background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/stick2.png) no-repeat center 476px;}
.stick3{ background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/stick3.png) no-repeat center 34px;}
.stick4{ background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/stick4.png) no-repeat center 40px;}
.quit{ display:block; width: 120px;height: 75px; position: absolute; left: 30px; top:25px; line-height: 75px; z-index: 9; color: #fff; font-size: 24px; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/logout.png) no-repeat left center; cursor: pointer; display:none; }
.bg-bot{ width: 750px; height: 215px; position: absolute; left: 0; bottom: 0; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/cloud-bot.png) no-repeat center bottom;}
.bg-mid{ width: 588px; height: 533px; position: absolute; left: 0; bottom: 241px; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/cloud-top.png) no-repeat center top; animation:floatLeft 3s linear 0s infinite; -webkit-animation:floatLeft 3s linear 0s infinite; }
.showPrize{ display: block; width: 68px;height: 168px; position: absolute; z-index: 3; left: 567px; top:976px; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/showPrize.png) no-repeat center top; cursor: pointer;}
.myPrize{ display: block; width: 68px; height: 168px; position: absolute; z-index: 3; left: 643px; top:976px; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/myPrize.png) no-repeat center top; cursor: pointer;}
.ul-btn{ position: absolute; left: 0; width: 100%; height: 130px; bottom: 48px; text-align: center; }
.ul-btn li{ width: 182px; height: 130px; display: inline-block; cursor: pointer; margin: 0 20px;}
.ul-btn .btn1{ background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btn1.png) no-repeat center bottom; animation:float 1.4s linear 0s infinite; -webkit-animation: float 1.4s linear 0s infinite; }
.ul-btn .btn1.on,.ul-btn .btn1.end{ background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btn1-on.png) no-repeat center bottom; animation:none; -webkit-animation: none; }
.ul-btn .btn2{ background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btn2.png) no-repeat center bottom; animation:float 1.4s linear 0s infinite; -webkit-animation: float 1.4s linear 0s infinite; }
.ul-btn .btn2.on,.ul-btn .btn2.end{ background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btn2-on.png) no-repeat center bottom; animation:none; -webkit-animation: none;}
.ul-btn .btn3{ background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btn3.png) no-repeat center bottom; animation:float 1.4s linear 0s infinite; -webkit-animation: float 1.4s linear 0s infinite; }
.ul-btn .btn3.on,.ul-btn .btn3.end{background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btn3-on.png) no-repeat center bottom; animation:none; -webkit-animation: none;}

.prompt{ position: fixed; left: 0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 999; display: none;}
.popbox{ width: 665px; height: 808px; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/com-pop.png) no-repeat center top; position: relative; left: 50%; top:50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); overflow: hidden;}
.pop-img1{ padding-top: 46px; }
.btnContinue{ display:block; width: 346px; height: 78px; margin: 0 auto; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btnContinue.png) no-repeat center top; margin-top: 53px; cursor: pointer;}
.btnContinue:active{ background-position: center -80px; }
.pop-img2{ display:block; width: 353px; margin: 0 auto; padding: 104px 0 38px 0;}
.btnStart{ display:block; width: 342px; height: 78px; margin: 0 auto; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btnStart.png) no-repeat center top; cursor: pointer; }
.btnStart:active{ background-position: center -80px; }
.close,.close1{ display:block; position: absolute; right: 56px; top:33px; width: 50px; height: 48px; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/close.png) no-repeat center 0; cursor: pointer; }
.close:active,.close1:active{ background-position: center -48px; }
.ptit{ padding-top: 20px; display:none;}
.pop-img3{ margin: -40px auto 18px auto;}
.prompt_prize .pbox{ height: 180px; text-align: center; }
.prompt_prize .pbox img{ width: 192px; height: 118px; display:block; margin: 0 auto; margin-bottom: 6px;}
.prompt_prize .pbox span{ display:block; text-align: center; color: #373737; font-size: 24px; }
.btnOK{ display:block; width: 342px; height: 78px; margin: 0 auto; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btnOK.png) no-repeat center top; cursor: pointer;}
.btnOK:active{ background-position: center -80px; }
.prompt_entity .prize{ width: 188px; height: 116px; display:block; margin: 68px auto 20px auto;}
.mess{ width: 550px; height: 140px; margin: 0 auto; overflow: hidden; margin-top: -20px; margin-bottom: 20px; position: relative; z-index: 3;}
.mess input{ background: #bdb5ab; text-align: center; color: #5a5652; font-size: 20px; width: 266px; padding: 10px 0; margin-bottom: 20px; outline: none; border: 0;  overflow: hidden;}
#address { padding: 10px; width: 530px; background: #bdb5ab; font-size: 20px; color: #5a5652; }   
.btnSub{ display:block; width: 342px; height: 78px; margin: 0 auto; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btnSub.png) no-repeat center top; cursor: pointer;}
.btnSub:active{ background-position: center -80px;}
.notice{ font-size: 18px; position: absolute; left: 0; bottom: 114px; width: 100%; text-align: center; }
.invent{ display:block; margin: 0 auto; width: 190px; height: 118px; padding: 77px 0 24px 0;}
.intName{ display:block; color: #a6452f; font-size: 30px; text-align: center; }
.pop-img8{ padding: 40px 0 55px 0;}
.pid{ display:block; text-align: center; position: absolute;left: 50%; top:340px; width: 546px;height: 46px; background: #bdb5ab; font-size: 18px; color: #373737; margin-left: -273px; line-height: 46px; }
.tit5{ padding: 68px 0 50px 0;}
.ul-prize{ width: 460px; height: 394px; overflow: hidden; margin: 0 auto; }
.ul-prize li{ display:inline-block; width: 194px;height: 191px; }
.ul-prize li img{ width: 194px; height: 118px; }
.ul-prize li span{ display:block; height: 50px; line-height: 50px; text-align: center; color: #373737; font-size: 22px; }
.pop-img6{ padding-top:50px;}
.ul-list{ height: 180px; width: 100%; margin: 0 auto; overflow: hidden; text-align: center; margin-top: -40px; }
.ul-list li{ width: 180px;  display:inline-block; margin-bottom: 20px;}
.ul-list li span{ display:block; height: 46px; line-height: 46px; color: #373737; font-size: 20px;}
.ul-list li img{ display:block; margin: 0 auto; width: 170px; height: 106px;}
.ul-sub{ width: 510px; height: 368px; margin: 0 auto; margin-top: 164px; font-size: 24px; }
.ul-sub li{ height: 56px; line-height: 56px; margin-bottom: 46px; text-align: center; background: #bdb5ab; position: relative; overflow: hidden; text-align: center; }
.ul-sub .li-item2{ background: none; }
.ul-sub .li-item1 input{ display:block; position: absolute; left: 0; top:12px; width: 100%; text-align: center; }
.ul-sub .li-item3{ background: none; }
.btnLogin{ display:block; width: 342px; height: 78px; background: url(https://fcyx.games.laohu.com/hd/2103/net/hero/images/btnLogin.png) no-repeat center top; margin: 0 auto; cursor: pointer; }
.btnLogin:active{ background-position: center -80px; }
.ul-sub .tel_code{ position: absolute; left: 0; width: 312px; text-align: center; background: #bdb5ab; padding: 12px 0; }
.ul-sub .get_yzm_tel{ display:block; position: absolute; right: 0; top:0; width: 178px; height: 56px; background: #9a3f2a; color: #fff;}

.popimg{ position: fixed; left: 0; top:0; width: 100%; height: 100%; overflow: hidden; background:rgba(0,0,0,.7); display:none; z-index: 999;}
.popimg img{ width: 94%; position: absolute;left: 50%; top:50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.prompt_mess{ z-index: 1000; }
.prompt_mess p{ text-align: center; font-size: 26px; padding-top: 172px;}
.prompt_login .wake{ text-align: center; padding-top: 20px;}
.prompt_mess .popbox{ height: 404px; background-position: center -88px;}

#wanmeiCaptcha_0{ max-width: 510px!important; height: 56px!important}
#wanmeiCaptcha_0.prepared{ background: #9a3f2a!important; }
#wanmeiCaptcha_0.prepared.readygo{ border-color: #9a3f2a!important; }
#wanmeiCaptcha_0 p{ font-size: 20px!important; line-height: 56px!important; }
.prepared.readygo p.tester-intro{ color: #fff!important;}
.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 shake{
    0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
    20%,40%,60%,80%{-webkit-transform:translateX(5px);transform:translateX(5px)}
}
@keyframes shake{
    0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}
    20%,40%,60%,80%{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}
}

/**音符跳动**/
@-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(10px);transform:translateY(10px)}
    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(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

/**箭头左右飘动**/
@-webkit-keyframes floatLeft{
    0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    50%{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes floatLeft{
    0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    50%{opacity:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(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)}
}