body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table{border-collapse:collapse; border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}a:focus{outline-style:none;}a{text-decoration: none;}html{width: 100%;height:100%;overflow: hidden;}body{width:100%;height: 100%;background: #01163f;color: #fff;font-family: "Microsoft Yahei";}.bg_dot,.bg_dot_d,.bg_line,.bg_net{position: absolute;left: 0;right: 0;top:0;bottom:0;}.bg_dot{background:url("../../../images/special/v6up_ani/ani/bg_dot.png?id=201410111551") ;}.bg_dot_d{background:url("../../../images/special/v6up_ani/ani/bg_dot_d.png?id=201410111551") ;}.bg_line{background:url("../../../images/special/v6up_ani/ani/bg_line.png?id=201410111551") ;}.bg_net{background:url("../../../images/special/v6up_ani/ani/bg_net.png?id=201410111551") ;}.avatar_wrap{  position: fixed;  z-index: 10;  top: 50%;  left:50%;  width: 120px;  height:120px;  margin: -60px 0 0 -60px;  border-radius:50%;   }.avatar_wrap .rotate_face{  width: 112px;  height: 112px;        border:4px solid rgba(255,255,255,.5);  box-shadow: 0 0 10px rgba(0,0,0,0.2);  border-radius: 50%;  -webkit-transform-style: preserve-3d;  -webkit-transform:rotateY(180deg);}.avatar_wrap .avatar{  position: absolute;  z-index: 0;  border-radius:50%;  width: 112px;  height: 112px;  background:url("../../../images/special/v6up_ani/ani/avatar_bg.png?id=201410111551")  center center no-repeat;  -webkit-transform-style: preserve-3d;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}.avatar.avatar_bs{}.avatar_wrap .avatar img{  width: 114px;  height: 114px;  border-radius: 50%;  margin: -1px 0 0 -1px;  overflow: hidden;  -webkit-font-smoothing: antialiased;  -webkit-text-stroke-width: 0.2px;}.avatar_wrap .QR{  position: absolute;  z-index: 4;  width: 112px;  height: 112px;  background: url("../../../images/special/v6up_ani/ani/stage1_qr.png?id=201410111551")  no-repeat;  -webkit-transform:rotateY(180deg);  -webkit-transform-style: preserve-3d;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  border-radius: 50%;}.avatar_wrap .QR img{  padding: 16px 16px 16px 15px;  width: 80px;  height: 80px;}.user .rotate_face{  -webkit-transform-style: preserve-3d;    -webkit-animation:avatar_wrap 4s ease-in-out 1s forwards;}@-webkit-keyframes avatar_wrap{  0%{-webkit-transform:rotateY(180deg);}  16.67%{-webkit-transform:rotateY(180deg);}  26.67%{-webkit-transform:rotateY(0);}  100%{-webkit-transform:rotateY(0);}}.user.avatar_wrap .QR{  -webkit-animation:qr_ani 0.5s ease-in-out 1s forwards;}@-webkit-keyframes qr_ani{  0%{z-index: 4;}  100%{z-index: 0;}}.user.avatar_wrap .avatar{  -webkit-animation:avat_ani 0.5s ease-in-out 1s forwards;}@-webkit-keyframes avat_ani{  0%{z-index: 0;}  100%{z-index: 4;}}.bottom_process{  position: fixed;  z-index: 9999;  bottom: 0;  width: 100%;  height: 50px;  background: rgba(14,9,34,0.7);  text-align: center;  min-width:800px;}.process_bg{  position: relative;  height: 38px;  margin: 12px auto 0;  background: url("../../../images/special/v6up_ani/ie/bottom_logo.png?id=201410111551")  50px 0 no-repeat;}.process_wrap{  position: absolute;  display: block;  text-align:left;  width: 385px;  height: 18px;  background: url("../../../images/special/v6up_ani/ani/process_bg.png?id=201410111551")  0 0 no-repeat;  top: 6px;  left: 50%;  margin-left: -192px;}.process_bar{  display: block;  height: 18px;  background: url("../../../images/special/v6up_ani/ani/process_bg.png?id=201410111551")  0 -20px no-repeat;  -webkit-transition:.3s ease-in all;  font-size: 0;}.update_once{  position: absolute;  border:1px solid #eb7350;  border-radius: 9px;  margin-left: 300px;  padding: 3px 20px;  color: #fff;  font-size: 14px;  text-decoration: none;  left: 50%;  top: 0;}.update_once:hover{  background:#eb7350;  -webkit-transition:all .2s ease-in-out;}.process_bar .stop{  position: absolute;  width: 0px;  height: 0px;  background: #fff;  border-radius: 50%;  padding: 10px;  background-clip: content-box;  opacity: 0;}.process_bar .stop::after{  position: absolute;  content:"";  width: 36px;  height: 36px;  margin: -15px;  background: url("../../../images/special/v6up_ani/ani/process_circle.svg?id=201410111551") ;  background-size: cover;  -webkit-transform:scale(1);  opacity: 1;}.process_bar .stop0{  left: 0;}.process_bar .stop1{  left: 75px;}.process_bar .stop2{  left: 149px;}.process_bar .stop3{  left: 223px;}.process_bar .stop4{  left: 297px;}.process_bar .stop5{  left: 371px;}.state0 .stop0,.state1 .stop1,.state2 .stop2,.state3 .stop3,.state4 .stop4,.state5 .stop5{  -webkit-transition:all .2s ease .3s;  opacity: 1;  width: 6px;  height: 6px;  padding: 4px;}.state0 .stop0::after,.state1 .stop1::after,.state2 .stop2::after,.state3 .stop3::after,.state4 .stop4::after,.state5 .stop5::after{  -webkit-transition: all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .4s;  width: 66px;  height: 66px;  margin: -30px;  opacity: 0;}.state0 .process_bar{  width: 0;}.state1 .process_bar{  width: 89px;}.state2 .process_bar{  width: 163px;}.state3 .process_bar{  width: 237px;}.state4 .process_bar{  width: 311px;}.state5 .process_bar{  width: 385px;}.update_layer{  position: fixed;  top: 50%;  left:50%;  z-index: 101;  -webkit-transform:translate(-50%,-50%);  background:#cb7847;  width: 420px;  height: 225px;  border-radius: 2px;}.update_layer .content{  font-size: 20px;  margin: 70px 0 35px;  text-align: center;}.update_layer .btn_wrap{   margin:0 auto;   width:105px;}.update_layer .go_once{  width: 55px;  padding: 10px 20px;  background: #92481e;  color: #fff;  border-radius: 2px;}.update_layer .close{  position: absolute;  right: 12px;  top: 12px;  width: 15px;  height: 15px;}.update_layer .close .line1{  position: absolute;  width: 19px;  height: 1px;  background: #fff;  -webkit-transform:rotate(45deg);}.update_layer .close .line2{  position: absolute;  width: 19px;  height: 1px;  background: #fff;  -webkit-transform:rotate(-45deg);}.stage_wrap{  -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);  transition:         all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);  position: absolute;  left: 0;  top: 0;  bottom: 0;  right: 0;  -webkit-transform:translateZ(0);}.stage1,.stage2, .stage3,.stage4,.stage5,.stage6{position: absolute;left: 0;top: 0;bottom: 0;right: 0;overflow: hidden;}.stage1{-webkit-transform:translateY(0)}.stage2{-webkit-transform:translateY(100%)}.stage3{-webkit-transform:translateY(200%)}.stage4{-webkit-transform:translateY(300%)}.stage5{-webkit-transform:translateY(400%)}.stage6{-webkit-transform:translateY(500%)}.step1 .stage_wrap,.step1_reverse .stage_wrap{ -webkit-transform:translateY(-100%)}.step2 .stage_wrap,.step2_reverse .stage_wrap{ -webkit-transform:translateY(-200%)}.step3 .stage_wrap,.step3_reverse .stage_wrap{ -webkit-transform:translateY(-300%)}.step4 .stage_wrap,.step4_reverse .stage_wrap{ -webkit-transform:translateY(-400%)}.step5 .stage_wrap,.step5_reverse .stage_wrap{ -webkit-transform:translateY(-500%)}.stage1 .stage1_wrap_bg{  position: absolute;  left: 50%;  top: 50%;  width: 680px;  height: 70%;  -webkit-transform:translate(-50%,-50%);  z-index: 2;}.stage1 .stage1_txt1,.stage1 .stage1_txt2,.stage1 .stage1_txt3{opacity: 0;position: absolute;z-index: 3;left: 50%;background-position: center 0;background-repeat: no-repeat;background-size:100%;background-repeat: no-repeat;-webkit-transform:translateZ(0);}.stage1 .stage1_txt1{margin-left: -274px;width: 548px;height: 56px;background-image: url("../../../images/special/v6up_ani/ani/stage1_txt1.svg?id=201410111551") ;background-size: 548px 56px}.stage1 .stage1_txt2{margin-left: -131px;top: 92px;width:263px;height: 23px;background-image: url("../../../images/special/v6up_ani/ani/stage1_txt2.svg?id=201410111551") ;background-size: 263px 23px}.stage1 .stage1_txt3{opacity: 1;margin-left: -61px;bottom: -21px;width: 122px;height: 14px;background-image: url("../../../images/special/v6up_ani/ani/stage1_txt3.svg?id=201410111551") ;background-size: 122px 14px;}.stage1 .stage1_bottom_bg {  position: absolute;  width: 100%;  height: 50%;  top: 50%;  z-index: 1;  background: url("../../../images/special/v6up_ani/ani/stage1_bg.png?id=201410111551")  center 0;}.stage1 .stage1_shadow{  position: absolute;  top:70px;  left: 50%;  width: 31px;  height: 14px;  background: url("../../../images/special/v6up_ani/ani/stage1_shadow.png?id=201410111551")  center 0;  -webkit-transform:translateX(-50%);}.stage1 .stage1_txt4{  position: absolute;  top:100px;  left: 50%;  width: 75px;  height: 14px;  background: url("../../../images/special/v6up_ani/ani/stage1_txt4.svg?id=201410111551")  0 0 no-repeat;  background-size: 75px 14px;  -webkit-transform:translateX(-50%);}.stage1 .stage1_arrow{  position: absolute;  bottom: 10px;  left: 50%;  margin-left: -11px;  width: 23px;  height: 37px;  background: url("../../../images/special/v6up_ani/ani/stage1_mouse.svg?id=201410111551")  0 0 no-repeat;  background-size: cover;}.ani .stage1_txt1{-webkit-animation:stage1_txt1 4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage1_txt1{  0%{opacity: 0;-webkit-transform:translateY(0);}   1.67%{opacity: 0;-webkit-transform:translateY(0);}     12.67%{opacity: 1;-webkit-transform:translateY(-40px);}   100%{opacity: 1;-webkit-transform:translateY(-40px);} }.ani .stage1_txt2{-webkit-animation:stage1_txt2 4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage1_txt2{  0%{opacity: 0;-webkit-transform:translateY(0);}   1.5%{opacity: 0;-webkit-transform:translateY(0);}     16.67%{opacity: 1;-webkit-transform:translateY(-40px);}   100%{opacity: 1;-webkit-transform:translateY(-40px);} }.stage2_bg_wrap{  width:100%;  height: 100%;}.inner_circle{  background: #fff;  width:105px;  height: 105px;  border-radius: 50%;  position: fixed;  left: 50%;  top: 50%;  margin: -230px 0 0 -52px  }.stage2 .wrap_bg_new{  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;}.stage2_new{  position: absolute;  left: 50%;  top: 50%;  margin: -362px 0 0 -460px;  width: 920px;  height: 730px;  border-radius: 8px;    -webkit-transform:scale(0.72);}.stage2_new_bg{  position: absolute;  width: 920px;  height: 794px;  background:url("../../../images/special/v6up_ani/ani/stage2_new.png?id=201410111551")  no-repeat 30px 260px;  }.black_block{  border-radius: 8px;  background: #fff;  border: 2px solid #fff;}.top_block{  width: 916px;  height:342px;  margin-bottom: 30px;}.left_block{  float: left;  width: 296px;  height:350px;  margin-right: 30px;}.right_block{  float: left;  width: 586px;  height:350px;}.stage2 .wrap_bg_old{  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #f66741;      }.stage2 .bg{  height: 100%;  -webkit-transform:scale(0.72);}.stage2 .stage2_old{  position: absolute;  left: 50%;  top: 50%;  -webkit-transform:translate(-50%,-50%);  background:#fff url("../../../images/special/v6up_ani/ani/stage2_old.png?id=201410111551")  no-repeat;  width: 920px;  height: 720px;  box-shadow: 0 0 6px rgba(0,0,0,0.5);  border-radius: 10px;}.stage2_txt1{  position: absolute;  left: 50%;  top: 50%;  margin: -282px 0 0 -460px;  background: url("../../../images/special/v6up_ani/ani/stage2_txt1.svg?id=201410111551")  no-repeat center;  width: 920px;  height:46px;}.stage2_txt2{  position: absolute;  left: 50%;  top: 50%;  margin: -232px 0 0 -460px;  background: url("../../../images/special/v6up_ani/ani/stage2_txt2.svg?id=201410111551")  no-repeat center;  width: 920px;  height:48px;  background-size: 395px 20px;}.ani .inner_circle{  -webkit-animation:state2_inner_circle 2.4s ease-in-out 1s forwards}@-webkit-keyframes state2_inner_circle{  0%{-webkit-transform:scale(1);opacity: 0.6;}  15%{-webkit-transform:scale(10);opacity: 0;display: none;}  100%{-webkit-transform:scale(10);opacity: 0;display: none;}}.ani .wrap_bg_old{    -webkit-animation:state2_old_safari 2.4s ease-in-out 1s forwards}  @-webkit-keyframes state2_old_safari{    0%{opacity: 1;}      15.75%{opacity: 1;}      75%{opacity: 0;}    100%{opacity: 0;}}.ani .stage2_txt1{  -webkit-animation:stage2_txt1 2.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards;}@-webkit-keyframes stage2_txt1{  0%{opacity: 0;-webkit-transform:translateY(0);}  66.25%{opacity: 0;-webkit-transform:translateY(0);}  81.25%{opacity: 1;-webkit-transform:translateY(-40px);}  100%{opacity: 10;-webkit-transform:translateY(-40px);}}.ani .stage2_txt2{  -webkit-animation:stage2_txt2 2.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards;}@-webkit-keyframes stage2_txt2{  0%{opacity: 0;-webkit-transform:translateY(-20px);}  66.25%{opacity: 0;-webkit-transform:translateY(-20px);}  93.75%{opacity: 1;-webkit-transform:translateY(-40px);}  100%{opacity: 10;-webkit-transform:translateY(-40px);}}.ani .black_block{  -webkit-animation:state2_black_block 2.4s ease-in-out 1s forwards}@-webkit-keyframes state2_black_block{  0%{background: rgba(255,255,255,1)}  58.75%{background: rgba(255,255,255,1)}  81.25%{background: rgba(255,255,255,0.05)}  100%{background: rgba(255,255,255,0.05)}}.ani .stage2_new{  -webkit-animation:stage2_new 2.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage2_new{  0%{-webkit-transform:translateY(0) scale(0.72);}  66.25%{-webkit-transform:translateY(0) scale(0.72);}  93.75%{-webkit-transform:translateY(100px) scale(0.72);}  100%{-webkit-transform:translateY(100px) scale(0.72);}}.ani .stage2_new_bg{  -webkit-animation:stage2_new_bg 2.4s ease-in-out 1s forwards}@-webkit-keyframes stage2_new_bg{  0%{opacity: 1;}  58.75%{opacity: 1;}  81.25%{opacity: 0.2;}  100%{opacity: 0.2;}}.stage3 .stage3_wrap_bg{  position: absolute;  left: 50%;  top: 50%;  height: 580px;  -webkit-transform:translate(-50%,-50%);}.stage3 .stage3_trans {  position: relative;  -webkit-transform: translateY(1300px);}.stage3 .clock{  position: absolute;  top: -40px;  left: 144px;  width: 100px;  height: 100px;  background:rgba(198,94,55,0.3);  border-radius: 50%}.stage3 .clock .clock_inner{  margin: 18px;  width: 65px;  height: 65px;  background: rgba(198,94,55,1);  border-radius: 50%;}.stage3 .clock .hour{  position: absolute;  left: 50%;  top: 50px;  width: 18px;  height: 3px;  border-radius: 2px;  background:#fff;  -webkit-transform:rotate(50deg);  -webkit-transform-origin:left center;}.stage3 .clock .min{  position: absolute;  left: 50%;  top: 50px;  width: 28px;  height: 3px;  border-radius: 2px;  background:#fff;  -webkit-transform:rotate(10deg);  -webkit-transform-origin:left center;}.stage3 .time_line{  position: absolute;  top: 50%;  left: 50%;  -webkit-transform:translateX(-50%) translateY(-1300px);  width: 385px;  height: 1000px;  background: url("../../../images/special/v6up_ani/ani/stage3_timeline.png?id=201410111551")  no-repeat;}.stage3 .time_line .year{  position: absolute;  width: 106px;  height: 106px;  background-image: url("../../../images/special/v6up_ani/ani/stage3_year.png?id=201410111551") ;  background-size:cover;  opacity: 0;}.stage3 .time_line .year2014{  left: 280px;  top: -45px;}.stage3 .time_line .year2013{  left: -10px;  top: 188px;}.stage3 .time_line .year2012{  left: 282px;  top: 305px;}.stage3 .time_line .year2011{  left: -10px;  top: 470px;}.stage3 .time_line .year2010{  left: 282px;  top: 682px;}.stage3 .time_line .year2009{  left: 97px;  top: 900px;  width: 203px;  height:203px;}.stage3 .time_line .time_bar{  position: absolute;  left: 181px;  top: 10px;  width: 30px;  height: 988px;  background: url("../../../images/special/v6up_ani/ani/stage3_time_bar.png?id=201410111551") ;  height: 0;}.stage3 .stage3_txt1{  margin:0 auto 15px;  width: 281px;  height: 41px;  background: url("../../../images/special/v6up_ani/ani/stage3_txt1.svg?id=201410111551")  no-repeat;  opacity: 0;  background-size: cover;}.stage3 .stage3_txt2{  margin:0 auto 120px;  width: 398px;  height: 23px;  opacity: 0;  overflow: hidden;  white-space: nowrap;  font-size: 19px;  text-align: center;  color: #8ab8c4;}.stage3 .stage3_first_feed{  position: relative;  text-align: center;  width: 497px;  padding:50px 40px 22px;  background: #fff;  border-radius: 8px;  box-shadow: 0 0 6px rgba(0,0,0,0.2);  color: #000;  }.stage3 .stage3_avatar_pop{  position: absolute;  left: 50%;  top: -50px;  margin-left:-44px ;  width: 90px;  height: 121px;  background: url("../../../images/special/v6up_ani/ani/stage3_avatar_pop.png?id=201410111551")  no-repeat;  opacity: 0;}.stage3 .feed_content{margin-bottom: 25px;line-height: 22px;}.stage3 .medal{  margin-left: -80px;  margin-bottom: 13px;  background: url("../../../images/special/v6up_ani/ani/stage3_medal.png?id=201410111551")  no-repeat;  width: 657px;  height: 109px;  -webkit-font-smoothing: antialiased;  -webkit-text-stroke-width: 0.2px;}.stage3 .medal img{  width: 96px;  height: 96px;  margin: 8px 0 0 1px;}.stage3 .time{  text-align: center;  color: #808080;  font-size: 12px}.ani .clock{-webkit-animation:state3_clock 5s ease-in-out 0s forwards}@-webkit-keyframes state3_clock{  0%{opacity: 0;-webkit-transform:translateY(0) rotateY(-90deg)}   18%{opacity: 1;-webkit-transform:translateY(0) rotateY(-90deg)}  20%{-webkit-transform:translateY(0)}  22%{-webkit-transform:rotateY(0)}  56%{-webkit-transform:translateY(988px)}  100%{-webkit-transform:translateY(988px)}}.ani .clock .min{-webkit-animation:state3_min 4s ease-in 1s forwards}@-webkit-keyframes state3_min{  0%{-webkit-transform:rotate(0deg)}   53.33%{-webkit-transform:rotate(800deg)}  100%{-webkit-transform:rotate(800deg)}}.ani .clock .hour{-webkit-animation:state3_hour 4s linear 1s forwards}@-webkit-keyframes state3_hour{  0%{-webkit-transform:rotate(60deg)}   53.33%{-webkit-transform:rotate(180deg)}  100%{-webkit-transform:rotate(180deg)}}.ani .year2013{-webkit-animation:state3_year2013 4s linear 1s forwards}@-webkit-keyframes state3_year2013{  0%{display: none;opacity: 0;-webkit-transform:scale(0)}   15%{display: block;opacity: 1;-webkit-transform:scale(0)}  20%{opacity: 1;-webkit-transform:scale(1)}}.ani .year2012{-webkit-animation:state3_year2012 4s linear 1s forwards}@-webkit-keyframes state3_year2012{  0%{display: none;opacity: 0;-webkit-transform:scale(0)}   22.5%{display: block;opacity: 1;-webkit-transform:scale(0)}  27.5%{opacity: 1;-webkit-transform:scale(1)}}.ani .year2011{-webkit-animation:state3_year2011 4s linear 1s forwards}@-webkit-keyframes state3_year2011{  0%{display: none;opacity: 0;-webkit-transform:scale(0)}   25%{display: block;opacity: 1;-webkit-transform:scale(0)}  30%{opacity: 1;-webkit-transform:scale(1)}}.ani .year2010{-webkit-animation:state3_year2010 4s linear 1s forwards}@-webkit-keyframes state3_year2010{  0%{display: none;opacity: 0;-webkit-transform:scale(0)}   26.67%{display: block;opacity: 1;-webkit-transform:scale(0)}  34.16%{opacity: 1;-webkit-transform:scale(1)}}.ani .year2009{-webkit-animation:state3_year2009 4s ease-in 1s forwards}@-webkit-keyframes state3_year2009{  0%{display: none;opacity: 0;-webkit-transform:scale(0)}   42.5%{display: block;opacity: 1;-webkit-transform:scale(0)}  50%{opacity: 1;-webkit-transform:scale(1.5)}  100%{opacity: 1;-webkit-transform:scale(1.5)}}.ani .time_bar{-webkit-animation:state3_time_bar 4s ease-in-out 1s forwards}@-webkit-keyframes state3_time_bar{  0%{height: 0;}   48%{height: 988px;}  100%{height: 988px;}}.ani .time_line{-webkit-animation:state3_time_line 4s ease-in-out 1s forwards}@-webkit-keyframes state3_time_line{  0%{opacity: 1;}   50%{opacity: 1;}  60%{opacity: 0;}  100%{opacity: 0;}}.ani .stage3_txt1{-webkit-animation:stage3_txt1 4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage3_txt1{  0%{display: none;opacity: 0;-webkit-transform:translateX(-40px)}   45.83%{display: block;opacity: 0;-webkit-transform:translateX(-40px)}  53.33%{opacity: 1;-webkit-transform:translateX(0)}  100%{opacity: 1;-webkit-transform:translateX(0)}}.ani .stage3_txt2{-webkit-animation:stage3_txt2 4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage3_txt2{  0%{display: none;opacity: 0;width:60px;-webkit-transform:translateX(40px)}   43.33%{display: block;opacity: 0;width:60px;-webkit-transform:translateX(40px)}  55%{opacity: 1;width:398px;-webkit-transform:translateX(0)}  100%{opacity: 1;width:398px;-webkit-transform:translateX(0)}}.ani .stage3_avatar_pop{-webkit-animation:stage3_avatar_pop 4s ease-in-out 1s forwards}@-webkit-keyframes stage3_avatar_pop{  0%{display: none;opacity: 0;-webkit-transform:rotate(-20deg) scale(0)}   58.33%{display: block;opacity: 0;-webkit-transform:rotate(-20deg) scale(0.9)}  64.16%{opacity: 1;opacity: 1;-webkit-transform:rotate(0) scale(1)}  100%{opacity: 1;opacity: 1;-webkit-transform:rotate(0) scale(1)}}.ani .stage3_trans{-webkit-animation:stage3_trans 4s ease-in-out 1.2s forwards}@-webkit-keyframes stage3_trans{  0%{-webkit-transform:translateY(1300px);}   50%{-webkit-transform:translateY(0)}  100%{-webkit-transform:translateY(0)}}.stage4{}.stage4 .stage4_bg_wrap {  position: absolute;  left: 50%;  top: 50%;  -webkit-transform:translate(-50%,-245px) scale(0.8);}.stage4 .stage4_bg_wrap div{  position: absolute;}.stage4 .stage4_bg_wrap .stage4_card{  position: absolute;  background: #fff;  border-radius: 8px;  width: 612px;  height: 390px;  overflow: hidden;}.stage4 .stage4_bg_wrap .wrap1{  position: relative;  width: 612px;  height: 390px;}.stage4 .avatar{position: absolute;left: 0;top: 0;}.stage4 .avatar{  z-index: 10;  -webkit-transform:translateX(240px) translateY(40px);}.stage4 .stage4_ele1{  -webkit-transform:translateX(140px) translateY(30px);  width: 431px;  height: 100px;  background: url("../../../images/special/v6up_ani/ani/stage4_ele1.png?id=201410111551") ;  opacity: 0;}.stage4 .stage4_ele2{  -webkit-transform:translateX(135px) translateY(160px);  width: 431px;  height: 200px;  background: url("../../../images/special/v6up_ani/ani/stage4_ele2.png?id=201410111551") ;  opacity: 0;}.stage4 .stage4_ele3{  -webkit-transform:translateX(150px) translateY(160px);  -webkit-transform-origin:0 0;  width: 200px;  height: 200px;background: -moz-linear-gradient(top,  rgba(248,140,68,1) 0%, rgba(246,103,65,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,140,68,1)), color-stop(100%,rgba(246,103,65,1)));background: -webkit-linear-gradient(top,  rgba(248,140,68,1) 0%,rgba(246,103,65,1) 100%);background: -o-linear-gradient(top,  rgba(248,140,68,1) 0%,rgba(246,103,65,1) 100%);background: -ms-linear-gradient(top,  rgba(248,140,68,1) 0%,rgba(246,103,65,1) 100%);background: linear-gradient(to bottom,  rgba(248,140,68,1) 0%,rgba(246,103,65,1) 100%);opacity: 0;}.stage4 .stage4_ele4{  -webkit-transform:translateX(252px) translateY(205px);  width: 121px;  height: 20px;  background: url("../../../images/special/v6up_ani/ani/stage4_ele4.png?id=201410111551")  no-repeat;  opacity: 0;}.stage4 .stage4_ele5{  -webkit-transform:translateX(84px) translateY(250px);  width: 450px;  height: 20px;  display:-webkit-flex;  display: -webkit-flex;  display: -ms-flexbox;  display: -moz-box;  display: flex;}.stage4 .stage4_ele5 p{  -webkit-box-flex: 1;  -webkit-flex: 1;  -ms-flex: 1;  flex: 1;  box-flex: 1;  font-size: 28px;  height: 70px;  background: url("../../../images/special/v6up_ani/ani/stage4_ele5_small.png?id=201410111551")  no-repeat left bottom;  opacity: 0;  color: #808080;}.stage4 .avatar .approve{  position: absolute;  margin: 90px 0 0 85px;  border-radius: 50%;  background: #f8d444;  width: 26px;  height: 26px;}.stage4 .stage4_ele6 {  display:-webkit-flex;  display: -webkit-flex;  display: -ms-flexbox;  display: -moz-box;  display: flex;  width:731px;  height: 156px;  margin:10px;}.stage4 .stage4_ele6 div{  position: relative;  -webkit-box-flex: 1;  -webkit-flex: 1;  -ms-flex: 1;  flex: 1;  box-flex: 1;  height: 156px;  margin-right: 10px;  opacity: 0;  text-align: center;}.stage4 .stage4_ele6 div .card_icon{  margin-top: 35px;}.stage4 .stage4_ele6 div:last-child{  margin: 0}.stage4 .stage4_ele6 div .card_icon{  display: inline-block;  width: 70px;  height: 70px;  background: url("../../../images/special/v6up_ani/ani/stage4_ele6.png?id=201410111551") ;  }.stage4 .stage4_ele6 div:nth-child(2) .card_icon{  background-position: -95px 0;}.stage4 .stage4_ele6 div:last-child .card_icon{  width:71px;  background-position: -200px 0;}.stage4 .stage4_ele6 div:first-child{  background: #274257;}.stage4 .stage4_ele6 div:nth-child(2){  background: #573c27;}.stage4 .stage4_ele6 div:last-child{  background: #485727;}.stage4 .txt_wrap{  margin-top: 30px;}.stage4 .stage4_txt1{  width: 612px;  height:24px;  margin-bottom: 45px;  background: url("../../../images/special/v6up_ani/ani/stage4_txt1.png?id=201410111551")  no-repeat 307px 0;  }.stage4 .card_type{  opacity: 0;  position: absolute;   top: -45px;  left: 257px;  height: 100px;  width: 50px;  background: url("../../../images/special/v6up_ani/ani/stage4_card_txt.png?id=201410111551")  no-repeat 0 -155px;  -webkit-mask:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(255,255,255,0) 100%);}.stage4 .stage4_txt2{  width: 612px;  height:45px;  background: url("../../../images/special/v6up_ani/ani/stage4_txt2.svg?id=201410111551")  no-repeat center;  }.stage4 .stage4_txt3{  width: 612px;  height:45px;  background: url("../../../images/special/v6up_ani/ani/stage4_txt3.svg?id=201410111551")  no-repeat center;  }.ani .avatar{-webkit-animation:state4_avatar 7s ease-in-out 1s forwards}@-webkit-keyframes state4_avatar{  0%{-webkit-transform:translateX(240px) translateY(80px);}   7.22%{-webkit-transform:translateX(30px) translateY(30px);}  18.88%{-webkit-transform:translateX(30px) translateY(30px);}  23.3%{-webkit-transform:translateX(240px) translateY(80px);}  38.3%{-webkit-transform:translateX(240px) translateY(80px);}  42.7%{-webkit-transform:translateX(240px) translateY(50px);}  100%{-webkit-transform:translateX(240px) translateY(50px);}}.ani .stage4_ele1{  -webkit-animation:state4_ele1 7s ease-in-out 1s forwards}@-webkit-keyframes state4_ele1{  7.22%{opacity: 0;-webkit-transform:translateX(250px) translateY(30px);}   10.55%{opacity: 1;-webkit-transform:translateX(150px) translateY(30px);}  18.88%{opacity: 1;-webkit-transform:translateX(150px) translateY(30px);}  21.6%{opacity: 0;} }.ani .stage4_ele2{  -webkit-animation:state4_ele2 7s ease-in-out 1s forwards}@-webkit-keyframes state4_ele2{  6.66%{opacity: 0;-webkit-transform:translateX(250px) translateY(160px);}   9.44%{opacity: 1;-webkit-transform:translateX(150px) translateY(160px);}  18.88%{opacity: 1;}  21.6%{opacity: 0;display: none;}   100%{opacity: 0;}}.ani .stage4_ele3{  -webkit-animation:state4_ele3 7s ease-in-out 1s forwards}@-webkit-keyframes state4_ele3{  0%{opacity: 0;}   18.8%{opacity: 0;}   18.9%{opacity: 1;margin: 0;width: 200px;height: 200px;}  23.3%{opacity: 1;width: 510px;height:130px;margin-top: -133px;margin-left: -99px;border-radius: 8px 8px 0 0}  37.2%{opacity: 1;width: 510px;height:130px;margin-top: -133px;margin-left: -99px;border-radius: 8px 8px 0 0}  41.66%{opacity: 1;width: 752px;height:293px;margin-top: -214px;margin-left: -220px;border-radius: 8px}   100%{opacity: 1;width: 752px;height:293px;margin-top: -214px;margin-left: -220px;border-radius: 8px}}.ani .stage4_card{  -webkit-animation:stage4_card 7s ease-in-out 1s forwards}@-webkit-keyframes stage4_card{  0%{margin: 0;}  18.8%{width: 612px;height: 390px;margin: 0;}   21.6%{width: 510px;height: 336px;margin: 27px 0 0 51px}  38.33%{width: 510px;height: 336px;margin: 27px 0 0 51px}  42.77%{width: 750px;height: 498px;margin: -54px 0 0 -70px}  44.44%{width: 750px;height: 175px;margin: 269px 0 0 -70px}  100%{width: 750px;height: 175px;margin: 269px 0 0 -70px}}.ani .stage4_ele4{  -webkit-animation:state4_ele4 7s ease-in-out 1s forwards}@-webkit-keyframes state4_ele4{  0%{opacity: 0;}   21.6%{opacity: 0;-webkit-transform:translateX(242px) translateY(190px);}  21.7%{opacity: 0.66;-webkit-transform:translateX(242px) translateY(200px);}  23.3%{opacity: 1;}  40%{opacity: 1;}  41.1%{opacity:0;}}.ani .stage4_ele5 p:first-child{  -webkit-animation:state4_ele5_fir 7s ease-in-out 1s forwards}.ani .stage4_ele5 p:nth-child(2){  -webkit-animation:state4_ele5_sec 7s ease-in-out 1s forwards}.ani .stage4_ele5 p:last-child{  -webkit-animation:state4_ele5_last 7s ease-in-out 1s forwards}@-webkit-keyframes state4_ele5_fir{  0%{opacity: 0;}  21.66%{opacity: 0;-webkit-transform:translateX(0px) translateY(-20px);}  25%{opacity: 1;-webkit-transform:translateX(0px) translateY(0px);}  40%{opacity: 1;-webkit-transform:translateX(0px) translateY(0px);}  41.11%{opacity: 0;-webkit-transform:translateX(0px) translateY(0px);}  100%{opacity: 0;-webkit-transform:translateX(0px) translateY(0px);}}@-webkit-keyframes state4_ele5_sec{  0%{opacity: 0;}  21.11%{opacity: 0;-webkit-transform:translateX(0px) translateY(-20px);}  24.44%{opacity: 1;-webkit-transform:translateX(0px) translateY(0px);}  40%{opacity: 1;-webkit-transform:translateX(0px) translateY(0px);}  41.11%{opacity: 0;-webkit-transform:translateX(0px) translateY(0px);}  100%{opacity: 0;-webkit-transform:translateX(0px) translateY(0px);}}@-webkit-keyframes state4_ele5_last{  0%{opacity: 0;}  20.55%{opacity: 0;-webkit-transform:translateX(0px) translateY(-20px);}  22.22%{opacity: 1;-webkit-transform:translateX(0px) translateY(0px);}  40%{opacity: 1;-webkit-transform:translateX(0px) translateY(0px);}  41.11%{opacity: 0;-webkit-transform:translateX(0px) translateY(0px);}  100%{opacity: 0;-webkit-transform:translateX(0px) translateY(0px);}}.ani .avatar .approve{  -webkit-animation:state4_approve 7s ease-in-out 1s forwards}@-webkit-keyframes state4_approve{  0%{opacity: 0;}  21.6%{opacity: 0;-webkit-transform:scale(0.6);}   25.5%{opacity: 0.66;-webkit-transform:scale(1);}  27.7%{opacity: 1;-webkit-transform:scale(0.9);}  40%{opacity: 1;-webkit-transform:scale(0.9);}  41.4%{opacity: 0;}  100%{opacity: 0;}}.ani .stage4_ele6 div:nth-child(2){  -webkit-animation:state4_ele6_nth2 7s ease-in-out 1s forwards}@-webkit-keyframes state4_ele6_nth2{  0%{opacity: 0;-webkit-transform:translateY(20px);}  41.66%{opacity: 0;-webkit-transform:translateY(20px);}   44.44%{opacity: 1;-webkit-transform:translateY(0px);}  100%{opacity: 1;-webkit-transform:translateY(0px);}}.ani .stage4_ele6 div:first-child,.ani .stage4_ele6 div:last-child{  -webkit-animation:state4_ele6_other 7s ease-in-out 1s forwards}@-webkit-keyframes state4_ele6_other{  0%{opacity: 0;-webkit-transform:translateY(20px);}  43.33%{opacity: 0;-webkit-transform:translateY(20px);}   46.11%{opacity: 1;-webkit-transform:translateY(0px);}  100%{opacity: 1;-webkit-transform:translateY(0px);}}.ani .stage4_ele6 div:nth-child(2) .card_icon{  -webkit-animation:state4_ele6_nth2_card 7s ease-in-out 1s forwards}@-webkit-keyframes state4_ele6_nth2_card{  0%{opacity: 0;-webkit-transform:scale(0);}  41.33%{opacity: 0;-webkit-transform:scale(0);}   44.11%{opacity: 1;-webkit-transform:scale(1.4);}  48%{opacity: 1;-webkit-transform:scale(1);}  100%{opacity: 1;-webkit-transform:scale(1);}}.ani .stage4_ele6 div:first-child .card_icon,.ani .stage4_ele6 div:last-child .card_icon{  -webkit-animation:state4_ele6_other_card 7s ease-in-out 1s forwards}@-webkit-keyframes state4_ele6_other_card{  0%{opacity: 0;-webkit-transform:scale(0);}  45.11%{opacity: 0;-webkit-transform:scale(0);}   48.11%{opacity: 1;-webkit-transform:scale(1.4);}  52%{opacity: 1;-webkit-transform:scale(1);}  100%{opacity: 1;-webkit-transform:scale(1);}}.ani .stage4_txt1{  -webkit-animation:stage4_txt1 7s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage4_txt1{  0%{opacity: 0;-webkit-transform:translateY(0);}  10%{opacity: 1;-webkit-transform:translateY(70px);}  50%{opacity:1;-webkit-transform:translateY(70px);}  60%{opacity:0;-webkit-transform:translateY(140px);}  100%{opacity:0;}}.ani .stage4_txt1 .card_type{  -webkit-animation:card_type 7s ease-in-out 1s forwards}@-webkit-keyframes card_type{  0%{opacity: 1;background-position: 0 -155px}  18.8%{opacity: 1;background-position: 0 -155px}   21.6%{opacity: 1;background-position: 0 -55px}  38.33%{opacity: 1;background-position: 0 -55px}  42.77%{opacity: 1;background-position: 0 45px}  100%{opacity: 1;background-position: 0 45px}}.ani .stage4_txt2{  -webkit-animation:stage4_txt2 7s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage4_txt2{  0%{opacity: 0;-webkit-transform:translateY(20px);}  55%{opacity: 0;-webkit-transform:translateY(20px);}  60%{opacity: 1;-webkit-transform:translateY(40px);}  100%{opacity: 1;-webkit-transform:translateY(40px);}}.ani .stage4_txt3{  -webkit-animation:stage4_txt3 7s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage4_txt3{  0%{opacity: 0;-webkit-transform:translateY(-140px);}  53%{opacity: 0;-webkit-transform:translateY(-140px);}  56%{opacity: 1;-webkit-transform:translateY(-50px);}  100%{opacity: 1;-webkit-transform:translateY(-50px);}}.stage5{  }.stage5_bg_wrap{  position: absolute;  left: 50%;  top: 50%;  -webkit-transform:translate(-50%,-50%);  width: 704px;  height: 528px;}.stage5 .ipad_bg{  position: absolute;  border:2px solid #fff;  border-radius: 10px;  width: 700px;  height: 524px;}.stage5 .ipad_inner{  position: absolute;  margin: 24px;  width: 649px;  height: 472px;  background: rgba(255,255,255,.2);}.stage5 .avatar{position: absolute;left: 0;top: 0;}.stage5 .avatar{  z-index: 10;  -webkit-transform:translateX(240px) translateY(40px);}.stage5 .stage5_ele1{  position: absolute;  margin: 40px;  width: 620px;  height: 455px;  background: url("../../../images/special/v6up_ani/ani/stage5_ele1.png?id=201410111551") ;  overflow: hidden;}.stage5_ele2{  position: absolute;  width: 338px;  height: 400px;  margin-top: 30px;  background: url("../../../images/special/v6up_ani/ani/stage5_ele2.svg?id=201410111551")  no-repeat;   -webkit-transform:translateX(390px);  opacity: 0;}.avatar_bg{  position: absolute;  z-index: 10;  width: 58px;  height: 58px;  border-radius: 50%;  background: rgba(255,255,255,0.5);  top:30px;  left: 510px;}.ani .ipad_bg{  -webkit-animation:state5_bg 4s ease-in-out 1s forwards}@-webkit-keyframes state5_bg{  0%{-webkit-transform:rotate(0) scale(1)}  20%{-webkit-transform:rotate(0) scale(1)}  28.3%{-webkit-transform:rotate(90deg) translateX(-30px) scale(0.716)}  41.6%{-webkit-transform:rotate(90deg) translateY(240px) translateX(-30px) scale(0.716)}  100%{-webkit-transform:rotate(90deg) translateY(240px) translateX(-30px) scale(0.716)}}.ani .ipad_inner{  -webkit-animation:state5_inner 4s ease-in-out 1s forwards}@-webkit-keyframes state5_inner{  0%{-webkit-transform:rotate(0)}  20%{-webkit-transform:rotate(0)}  20.5%{-webkit-transform:rotate(40deg)}  28.3%{-webkit-transform:rotate(0deg)}  41.6%{-webkit-transform:rotate(0deg)}  100%{-webkit-transform:rotate(0deg)}}.ani .stage5_ele1{  -webkit-animation:state5_ele1 4s ease-in-out 1s forwards;}@-webkit-keyframes state5_ele1{    0%{-webkit-transform:rotate(0);width: 620px;height: 455px;margin:40px;}  20%{-webkit-transform:rotate(0) ;width: 620px;height: 455px;margin:40px;}      28.3%{-webkit-transform:rotate(-90deg) ;width:445px;height: 632px;margin-left:134px;margin-top:-70px}  41.6%{-webkit-transform:rotate(-90deg) ;width:445px;height: 632px;margin-left:134px;margin-top:-70px}  100%{-webkit-transform:rotate(-90deg);width:445px;height: 632px;margin-left:134px;margin-top:-70px}  }.ani .stage5_ele2{  -webkit-animation:stage5_ele2 4s ease-in-out 1s forwards;}@-webkit-keyframes stage5_ele2{  0%{opacity: 0;}  22.5%{opacity:0 ;-webkit-transform:translateX(390px);}  41.6%{opacity: 1;-webkit-transform:translateX(450px);}  100%{opacity: 1;-webkit-transform:translateX(450px);}}.ani .avatar_bg{  -webkit-animation:avatar_bg 4s ease-in-out 1s forwards;}@-webkit-keyframes avatar_bg{  0%{-webkit-transform:scale(0);}  15%{-webkit-transform:scale(1);}  17%{-webkit-transform:scale(1.2);}  19%{-webkit-transform:scale(1);}  100%{-webkit-transform:scale(1);}}.stage6 .space_wrap{  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%);  z-index: 20;  width: 510px;  height: 500px;}.stage6 .space_wrap .mars_circle,.stage6 .space_wrap .venus_circle,.stage6 .space_wrap .halley_circle{  border-radius: 50%;  border: 1px solid rgba(255,255,255,0.7);  box-shadow: 0 0 7px rgba(255,255,255,0.2),inset 0 0 10px rgba(255,255,255,0.2);  transform:rotateX(77deg) rotateY(-10deg) rotateZ(0deg) translateY(1px);}.stage6 .space_wrap .halley_circle{  transform: rotateX(57deg) rotateY(40deg) rotateZ(550deg) translateZ(-150px);}.mars_circle{  left: 50%;  top: 50%;  margin-top: -400px;  margin-left: -400px;    width: 800px;  height: 800px;}.mars{    width: 100%;  height: 100%;  -webkit-animation:planet_circle 5s linear 0 infinite;  }.venus_circle{  left: 50%;  top: 50%;  margin-top: -300px;  margin-left: -300px;    width: 600px;  height: 600px;}.venus{   width: 100%;  height: 100%;  -webkit-animation:planet_circle 3s linear 0 infinite;  }.halley_circle{  left: 50%;  top: 50%;  margin-top: -600px;  margin-left: -600px;    width: 1200px;  height: 1200px;}.halley{    width: 100%;  height: 100%;  -webkit-animation:planet_circle 10s linear 0 infinite;  }.stage6 .space_wrap .sun_wrap{  -webkit-transform-origin:50% bottom;}.stage6 .space_wrap .sun,.stage6 .space_wrap .sun_mask{  -webkit-transform: rotate(-19deg);  position: absolute;  z-index: 9;  border-radius: 50%;  width: 505px;  height: 505px;  background: -webkit-linear-gradient(top, rgba(248,140,68,1) 0%,rgba(246,103,65,1) 100%);}.stage6 .space_wrap .sun_mask{  margin: 0;  -webkit-transform: rotate(0);}.sun_rotate_wrap{  position: absolute;  -webkit-transform: rotate(-19deg);  width: 505px;  height: 505px;  z-index: 12;}.stage6 .space_wrap .sun_mask_wrap{  position: absolute;  z-index: 12;  border-radius: 50% 50% 0 0;  width: 505px;  height: 210px;  overflow: hidden;}.orbit_mars{  position: absolute;  left: -500px;  z-index: 10;  width: 1465px;  height: 542px;  background: url("../../../images/special/v6up_ani/ani/orbit_mars.png?id=201410111551") ;  opacity: 0;}.orbit_venus{  position: absolute;  left: -130px;  top:70px;  z-index: 10;  width: 756px;  height: 285px;  background: url("../../../images/special/v6up_ani/ani/orbit_venus.png?id=201410111551") ;  opacity: 0;}.orbit_halley{  position: absolute;  z-index: 8;  margin:-100px 0 0 -600px;  width: 3000px;  height: 700px;  background: url("../../../images/special/v6up_ani/ani/orbit_halley2.png?id=201410111551")  -500px 0;  -webkit-transform:translate(-150px,110px);  opacity: 0;}.stage6_update_btn{  margin:0 auto;  width: 164px;  height: 164px;  background: url("../../../images/special/v6up_ani/ani/stage6_update_btn.png?id=201410111551") ;  border-radius: 50%;  -webkit-transition:all .2s ease-in;  cursor: pointer;}.stage6_update_btn .login_new{  display: inline-block;  width: 100%;  height: 100%;  border-radius: 50%;  margin-bottom: 45px;  text-decoration: none;  line-height: 164px;  text-align: center;  font-size: 24px;  color: #fff;  cursor: pointer;}.stage6_update_btn .login_new:hover{  box-shadow: 0 0 30px rgba(35,234,226,0.2);  -webkit-animation:forwards;}.stage6_update_btn .refresh_btn{	display: inline-block;	width: 100px;	height: 30px;	color: #8ab8c4;}.stage6_ele1{  position: absolute;  margin-top: 230px;  margin-left: -33px;  z-index: 20;}.stage6_txt1,.stage6_txt2,.stage6_txt3{position: absolute;opacity: 0;}.stage6_txt1{width:573px;height: 45px;background: url("../../../images/special/v6up_ani/ani/stage6_txt1.svg?id=201410111551")  center no-repeat;}.stage6_txt2{width:573px;height: 44px;background: url("../../../images/special/v6up_ani/ani/stage6_txt2.svg?id=201410111551")  center no-repeat;}.stage6_txt3{width:573px;height: 46px;background: url("../../../images/special/v6up_ani/ani/stage6_txt3.png?id=201410111551")  center no-repeat;}.stage6_ele2{color: #4b7d7c;position: relative;z-index: 12;margin-top: 30%;opacity: 0;}.stage6_ele2 .check{display: inline-block;margin-right: 20px;width: 12px;height: 12px;border: 1px solid #32474e;background:#1d202a;border-radius: 2px}.stage6_ele2 .checked{background: url("../../../images/special/v6up_ani/ani/stage6_checked.png?id=201410111551")  right 0 no-repeat;}.stage6_ele2 .ta{margin-top: 45px;text-align: center;}.stage6_ele2 .stage6_update_btn p{position: absolute;width: 300px;left: 50%;margin-left: -150px;text-align: center;}.stage6_ele2 .v_line{margin: 0 20px}.stage6_ele2 .refresh_icon{display: inline-block;margin-right: 10px;width: 12px;height: 12px;background: url("../../../images/special/v6up_ani/ani/refresh_icon.png?id=201410111551") ;}svg{overflow: visible;position: absolute;z-index: 11;}.svg_mars{margin: -195px 0 0 0px}.svg_venus{margin: -58px}.svg_halley{margin: -240px 0 0 -640px;}.svg_mars .planet_mars{	-webkit-transform: scale(0.5);	-webkit-transform-origin: center 0;}.svg_venus .planet_mars{	-webkit-transform: scale(0.8);	-webkit-transform-origin: left 0;}.svg_halley .planet_mars{	-webkit-transform: scale(0.5);}.ani .orbit_venus{  -webkit-animation:state6_venus 11s ease-in-out 0s forwards}@-webkit-keyframes state6_venus{  0%{opacity: 0;-webkit-transform:scale(0.5);}  9.1%{opacity: 0;-webkit-transform:scale(0.5);}  11.51%{opacity: 1;-webkit-transform:scale(1.2);}  13.33%{opacity: 1;-webkit-transform:scale(1);}  73.93%{opacity: 1;-webkit-transform:scale(1);}  75.75%{opacity: 0;-webkit-transform:scale(2);display: none;}  100%{opacity: 0;-webkit-transform:scale(2);display: none;}}.ani .orbit_mars{  -webkit-animation:state6_mars 11s ease-in-out 0s forwards}@-webkit-keyframes state6_mars{  0%{opacity: 0;-webkit-transform:scale(0.5);}  9.0%{opacity: 0;-webkit-transform:scale(0.5);}  9.1%{opacity: 0;-webkit-transform:scale(0.5);}  11.51%{opacity: 0;-webkit-transform:scale(1.2);}  13.33%{opacity: 1;-webkit-transform:scale(1);}  73.93%{opacity: 1;-webkit-transform:scale(1);}  75.75%{opacity: 0;-webkit-transform:scale(2);}  100%{opacity: 0;-webkit-transform:scale(2);display: none;}}.ani .orbit_halley{  -webkit-animation:state6_halley 10s ease-in-out 1s forwards}@-webkit-keyframes state6_halley{  0%{opacity: 0;-webkit-transform:scale(0.5) translate(-150px,110px);}  3.33%{opacity: 0;-webkit-transform:scale(0.5) translate(-150px,110px);}  6.67%{opacity: 1;-webkit-transform:scale(1) translate(-150px,110px);}  71.33%{opacity: 1;-webkit-transform:scale(1) translate(-150px,110px);}  73.33%{opacity: 0;-webkit-transform:scale(1) translate(-150px,110px)}  100%{opacity: 0;-webkit-transform:scale(2) translate(-150px,110px)}}.ani .planet_mars{-webkit-animation:stage6_planet_mars 6s linear 1s 3;}@-webkit-keyframes stage6_planet_mars{  0%{-webkit-transform:scale(0.5);}  25%{-webkit-transform:scale(0.5);}  50%{-webkit-transform:scale(0.5);}  90%{-webkit-transform:scale(0.5);}  100%{-webkit-transform:scale(0.5);}}.ani .planet_venus{-webkit-animation:stage6_planet_venus 3s linear 1s 3;}@-webkit-keyframes stage6_planet_venus{  0%{-webkit-transform:scale(0.8);}  25%{-webkit-transform:scale(0.8);}  50%{-webkit-transform:scale(0.8);}  75%{-webkit-transform:scale(0.8);}  100%{-webkit-transform:scale(0.8);}}.ani .sun_wrap{  -webkit-animation:stage6_sun 0.663s ease-in-out 8.16s forwards}@-webkit-keyframes stage6_sun{  0%{-webkit-transform:scale(1) translateY(0);}  100%{-webkit-transform:scale(3) translateY(-490px);}}.ani .stage6_txt1{  -webkit-animation:stage6_txt1 10s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage6_txt1{  0%{opacity: 0;-webkit-transform:translateY(100px);}  7.33%{opacity: 0;-webkit-transform:translateY(100px);}  16.67%{opacity: 1;-webkit-transform:translateY(0);}  43.33%{opacity: 1;-webkit-transform:translateY(0);}  48.11%{opacity: 0;-webkit-transform:translateY(-100px);}  100%{opacity: 0;-webkit-transform:translateY(-100px);display: none;}}.ani .stage6_txt2{  -webkit-animation:stage6_txt2 10s cubic-bezier(0.645, 0.045, 0.355, 1) 1s forwards}@-webkit-keyframes stage6_txt2{  0%{opacity: 0;-webkit-transform:translateY(100px);}  43.33%{opacity: 0;-webkit-transform:translateY(100px);}  48.33%{opacity: 1;-webkit-transform:translateY(0);}  71.33%{opacity: 1;-webkit-transform:translateY(0) scale(1,1);}  73.33%{opacity: 0;-webkit-transform:translateY(-100px) scale(1.5,1.3);}  100%{opacity: 0;-webkit-transform:translateY(-100px) scale(1.5,1.3);display: none;}}.ani .stage6_txt3{  }@-webkit-keyframes stage6_txt3{  0%{opacity: 0;-webkit-transform:translateY(100px) scale(1,1);}  41.66%{opacity: 0;-webkit-transform:translateY(100px) scale(1,1);}  48.33%{opacity: 1;-webkit-transform:translateY(0) scale(1,1);}  71.33%{opacity: 1;-webkit-transform:translateY(0) scale(1,1);}  73.33%{opacity: 0;-webkit-transform:translateY(-100px) scale(1.5,1.3);}  100%{opacity: 0;-webkit-transform:translateY(-100px) scale(1.5,1.3);display: none;}}.ani .stage6_ele2{  -webkit-animation:stage6_ele2 10s ease-in 1s forwards}@-webkit-keyframes stage6_ele2{  0%{opacity: 0;-webkit-transform:scale(0.66);}  76.66%{opacity: 0;-webkit-transform:scale(0.66);}  81%{opacity: 1;-webkit-transform:scale(1);z-index: 20;}  100%{opacity: 1;-webkit-transform:scale(1);z-index: 20;}}.ani .stage6_update_btn .login_new{  -webkit-animation:breath 4s ease-in-out .2s infinite;  -webkit-transition: all 0.5s ease-in-out;}@-webkit-keyframes breath{  0%{box-shadow: 0 0 0 0 rgba(35,234,226,0.15);}  20%{box-shadow: 0 0 0 0 rgba(35,234,226,0.15);}  50%{box-shadow: 0 0 30px 30px rgba(35,234,226,0.15);}  55%{box-shadow: 0 0 30px 30px rgba(35,234,226,0.15);}  80%{box-shadow: 0 0 0 0 rgba(35,234,226,0.15);}  100%{box-shadow: 0 0 0 0 rgba(35,234,226,0.15);}}.ani .stage6_update_btn .login_new:hover{  box-shadow: 0 0 30px 30px rgba(35,234,226,0.15);  -webkit-animation:forwards;}.avatar_wrap{opacity: 1;}.step0 .avatar_wrap{opacity: 1;}.step1 .avatar_wrap{opacity: 1;-webkit-animation:step1_avatar_wrap 3.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;}@-webkit-keyframes step1_avatar_wrap{  0%{opacity: 1;-webkit-transform:scale(1) translateY(0);}  20%{opacity: 1;-webkit-transform:scale(0.66) translateY(-230px);}  75.25%{opacity: 1;-webkit-transform:scale(0.66) translateY(-230px);}  100%{opacity: 1;-webkit-transform:scale(0.66) translateY(-80px);}}.step2 .avatar_wrap{opacity: 1;-webkit-animation:step2_avatar_wrap 4s ease 0s forwards;}@-webkit-keyframes step2_avatar_wrap{  0%{opacity: 1;-webkit-transform:scale(0.66) translateY(-80px);}  20%{opacity: 1;-webkit-transform:scale(0.66) translateY(-6px) rotateY(0);}  25%{opacity: 0;-webkit-transform:scale(0.66) translateY(-6px) rotateY(90deg);}  78%{opacity: 0;-webkit-transform:scale(0.66) translateY(-148px);background: none}  83.25%{opacity: 1;-webkit-transform:scale(0.7) translateY(-142px);background: none}  89%{opacity: 1;-webkit-transform:scale(0.66) translateY(-148px);background: none}  100%{opacity: 1;-webkit-transform:scale(0.66) translateY(-148px);background: none}}.step3 .avatar_wrap{opacity: 1;-webkit-animation:step3_avatar_wrap 7s ease 0s forwards;}@-webkit-keyframes step3_avatar_wrap{  0%{-webkit-transform:scale(0.66) translateY(-148px);}   21.5%{-webkit-transform:scale(0.66) translateY(-228px);}  24.5%{-webkit-transform:scale(0.66) translateX(-275px) translateY(-228px);}  33.16%{-webkit-transform:scale(0.66) translateX(-275px) translateY(-228px);}  37.58%{-webkit-transform:scale(0.66) translateX(0) translateY(-140px);}  52.6%{-webkit-transform:scale(0.66) translateX(0) translateY(-140px);}  57%{-webkit-transform:scale(0.66) translateX(0) translateY(-180px);}  100%{-webkit-transform:scale(0.66) translateX(0) translateY(-180px);}}.step4 .avatar_wrap{opacity: 0;-webkit-animation:step4_avatar_wrap 4s ease 0s forwards;}@-webkit-keyframes step4_avatar_wrap{  0%{opacity: 1;-webkit-transform:scale(0.66) translateX(0) translateY(-180px);}  40%{opacity: 1;-webkit-transform:scale(0.41) translate(560px,-400px);}  51%{opacity: 0;-webkit-transform:scale(0.41) translate(560px,-400px);}  100%{opacity:0;}}.step5 .avatar_wrap{display: none;}.step0_reverse .avatar_wrap{opacity: 1;-webkit-animation:step0_avatar_reverse 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;}@-webkit-keyframes step0_avatar_reverse{  0%{opacity: 1;-webkit-transform:scale(0.66) translateY(-80px);}  100%{opacity: 1;-webkit-transform:scale(1) translateY(0);} }.step1_reverse .avatar_wrap{opacity: 1;-webkit-animation:step1_avatar_reverse 1s cubic-bezier(0.645, 0.045, 0.355, 1) .2s forwards;}@-webkit-keyframes step1_avatar_reverse{  0%{opacity: 1;-webkit-transform:scale(0.66) translateY(-148px) ;}  100%{opacity: 1;-webkit-transform:scale(0.66) translateY(-80px) ;}}.step2_reverse .avatar_wrap{opacity: 1;-webkit-animation:step2_avatar_reverse 1s cubic-bezier(0.645, 0.045, 0.355, 1) .2s forwards;}@-webkit-keyframes step2_avatar_reverse{  0%{opacity: 1;-webkit-transform:scale(0.66) translateX(0) translateY(-180px) ;}  100%{opacity: 1;-webkit-transform:scale(0.66) translateY(-148px) ;}}.step3_reverse .avatar_wrap{opacity: 1;-webkit-animation:step3_avatar_reverse 1s cubic-bezier(0.645, 0.045, 0.355, 1) .2s forwards;}@-webkit-keyframes step3_avatar_reverse{  0%{opacity:0;}  100%{opacity: 1;-webkit-transform:scale(0.66) translateX(0) translateY(-180px) ;}}.step4_reverse .avatar_wrap{opacity: 0;-webkit-transition:all 1s cubic-bezier(0.645, 0.045, 0.355, 1) .5s;}