@charset "utf-8";html,legend{color:#000}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,table,td,textarea,th,ul{margin:0;padding:0}.clearFix,section{display:block}.pr,body,html{position:relative}a,body,header a{color:#bbc5cd}header a.active,header a:focus,header a:hover,header h2{color:#fff}.nav-wrap a:hover,.ui-breadcrumbs a,a,a.active,a:focus,a:hover,header a.active,header a:focus,header a:hover{text-decoration:none}.ani_flipInX,.ani_flipInY{backface-visibility:visible!important}html{background:#FFF}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input{background:0 0;border:none}button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{border:none;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body,html{min-width:320px;font-size:100%;font-family:Arial,Verdana,'microsoft yahei',Helvetica,sans-serif;line-height:1.42857;word-break:break-all;word-wrap:break-word;-webkit-text-size-adjust:none}img{max-width:100%;height:auto;vertical-align:top}.video embed,.video iframe,.video object{width:100%;height:auto}*,:after,:before{-moz-box-sizing:border-box}a{outline:0;-webkit-transition:color .2s ease 0s;transition:color .2s ease 0s}body{background:#0f2a48}.c-iconfont{font-family:h5-iconfont}.text-style-white-space{white-space:pre-wrap!important}.clearFix:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}* html .clearFix{height:1%}.fr{float:right!important}.fl{float:left!important}.maR0{margin-right:0!important}.dim{display:inline-block!important;vertical-align:middle}header .logo,header h2{display:inline-block;vertical-align:middle}.formAlert{border:1px solid red!important}.ui-breadcrumbs,header{border-bottom:1px solid rgba(255,255,255,.1);position:relative}.c-text-overflow{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-wrap{box-shadow:0 2px 10px #000}header{height:71px;background:rgba(18,53,86,.44)}header .logo{height:71px;width:360px;background:url(http://blz.nos.netease.com/1/pepe/resource/logo_h5_2.png) 50% 3px no-repeat;margin-left:30px}header h2{font-size:26px;line-height:71px}header h2 span{color:#ffb529}.ui-breadcrumbs{height:42px;background:rgba(18,53,86,.44);font-size:14px;line-height:42px;padding-left:80px}.ui-breadcrumbs a{color:#bbc5cd}.ui-breadcrumbs a.active,.ui-breadcrumbs a:focus,.ui-breadcrumbs a:hover{color:#fff;text-decoration:none}.ui-breadcrumbs span{padding:0 15px}.nav-wrap a{line-height:67px;font-size:18px}#nav a.active,#nav a:hover{border-bottom-color:#ffb529}#nav a,.m-login a{display:inline-block;border-bottom:2px solid rgba(255,181,41,0)}#nav a{padding:2px 15px 0;-webkit-transition:border-bottom .2s ease 0s;transition:border-bottom .2s ease 0s}.m-login{padding:2px 45px 0 120px}.m-login a{padding:0 10px;-webkit-transition:border-bottom .2s ease 0s;transition:border-bottom .2s ease 0s}.m-login a.active,.m-login a:hover{border-bottom-color:#ffb529}#footer{height:70px;padding:0 20px;max-width:1450px;margin:0 auto;position:relative}#footer .footer_wrap{border-top:1px solid #0a1c30}#footer .footer_box{border-top:1px solid #0e3e62;font-size:14px;line-height:70px;height:70px}#footer .m-opinion{color:#b7c0bc;padding-left:20px}#footer .m-opinion a{color:#01a1da}#footer .m-opinion a:hover{color:#29bcff}#footer .m-copyright{color:#415d74;padding-right:20px}.footer_box a:hover .c-iconfont{color:#29bcff}.footer_box .c-iconfont{vertical-align:middle;color:#01a1da;text-shadow:0 0 3px #0e75c7;font-size:18px;padding-right:5px}.container{min-height:500px}.g-popupmodel{position:absolute;top:0;left:0;z-index:9998;background:rgba(0,0,0,.7);width:100%;height:100%}#playerHolder{background:rgba(0,0,0,.8);max-width:640px;text-align:center;z-index:99999;padding-top:50px;box-sizing:border-box}#video{position:relative;z-index:99997;vertical-align:middle}.video_close{background:url(http://hearthstone.nos.netease.com/3/touch/layout/close.png) 50% 50% no-repeat;display:block;height:30px;position:absolute;right:3px;top:3px;width:30px;z-index:99998}.txtPopHidden{display:none}.popBoxImage img,.popBoxText{display:inline-block;vertical-align:middle}#commonPopText{max-width:640px;position:absolute;top:0;height:100%;width:100%;left:0;background:rgba(0,0,0,.8);z-index:99999;overflow:hidden}.popBoxImage,.popBoxText{width:100%;position:relative}.popBoxImage{height:100%;z-index:1}.popBoxImage img{max-height:100%;width:100%}.popBoxText{padding:0 20px;font-size:30px;color:#fff;max-height:80%;line-height:30px}.popBoxText span{color:#fff}.u-icon-playMusic{display:block;position:fixed;right:5%;height:0;top:4%;width:10%;padding-top:10%;z-index:99999;background:url(http://heroes.nos.netease.com/1/images/common/icon_music.png) top center no-repeat;background-size:100% 100%}.u-icon-playMusic img{width:100%}.J_ani_music_run{-webkit-animation:global_audio_rotate 1.5s linear 0s infinite;animation:global_audio_rotate 1.5s linear 0s infinite}@-webkit-keyframes global_audio_rotate{0%{-webkit-transform:rotate(0)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes global_audio_rotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@font-face{font-family:h5-iconfont;src:url(/css/fonts/jv-common.eot);src:url(/css/fonts/jv-common.eot?#iefix) format('embedded-opentype'),url(/css/fonts/jv-common.ttf) format('truetype')}.suggestion_box{width:750px;height:550px;position:relative;background:#e1e8f0;padding:0 80px}.suggestion_box h3{height:100px;text-align:center;color:#098cc8;font-size:24px;line-height:70px;padding-bottom:30px}.suggestion_table{line-height:40px;color:#143753;font-size:18px}.suggestion_table td{padding:15px 0;vertical-align:top}.suggestion_table td.left{width:90px;text-align:right}.suggestion_table input,.suggestion_table textarea{box-shadow:none;background:#fff;border-radius:5px;color:#000;padding:0 10px;vertical-align:middle;border:1px solid #fff}.input_suggestioin_name{height:40px;width:270px}.input_suggestioin_cont{height:200px;width:500px}.suggestion_box .suggestion_pop_close,.suggestion_box .suggestion_submit{background:#098cc8;border-radius:5px;color:#fff;display:block;font-size:28px;font-weight:700;height:67px;line-height:67px;text-align:center;transition:all .3s ease 0s;width:230px;z-index:2;margin:20px auto}#boxModel,#popBox{display:none;position:absolute}.suggestion_box .suggestion_submit:hover{background:#21b0f1}.suggestion_star{height:40px;width:150px}.suggestion_star li{background:url(http://blz.nos.netease.com/1/pepe/resource/sprite.png) -68px -99px no-repeat;height:40px;width:30px;float:left;cursor:pointer}.suggestion_star li.active{background-position:-4px -99px}.suggestion_pop_success h4{text-align:center;color:#098cc8;font-size:24px;line-height:70px;padding:150px 0}#popBox{z-index:99999}#boxModel{background:rgba(0,0,0,.8);z-index:99998;left:0;top:0}#popBox .closeBtn{display:block;position:absolute;z-index:99999;text-indent:-999px;overflow:hidden;top:10px;right:10px;height:30px;width:30px;background:url(http://blz.nos.netease.com/1/pepe/resource/close.png) no-repeat rgba(0,0,0,0)}#popBox .closeBtn:hover{background-position:0 -30px}.w-suggestion-wrap{position:fixed;z-index:99;top:15px;right:0;border:1px solid #098cc8;width:42px;height:42px;transition:width .3s ease 0s}.w-suggestion-wrap .suggestion_btn{width:100%;height:40px;background:#098cc8;border:1px solid #01628f}.content>section,section#screen_1,section#screen_2,section#screen_3,section#screen_5,section#screen_6,section#screen_7,section#screen_8,section#screen_9{background-repeat:no-repeat}.cover_box,.reload{font-weight:700;border-radius:5px}.w-suggestion-wrap .suggestion_btn a{display:block;width:110px;line-height:38px;color:#fff;font-size:14px}.w-suggestion-wrap .suggestion_btn a .c-iconfont{height:38px;width:40px;color:#fff;font-size:24px;line-height:40px;display:inline-block;vertical-align:middle;text-align:center;-webkit-animation:suggestion_icon 1.5s 0s linear infinite;animation:suggestion_icon 1.5s 0s linear infinite}.w-suggestion-wrap:hover{width:110px}@-webkit-keyframes suggestion_icon{0%{-webkit-transform:rotateX(0)}50%{-webkit-transform:rotateX(20deg) rotateY(-20deg)}100%{-webkit-transform:rotateX(0) rotateY(0)}}@keyframes suggestion_icon{0%{transform:rotateX(0)}50%{transform:rotateX(20deg) rotateY(-20deg)}100%{transform:rotateX(0) rotateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(100px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-100px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(100px)}100%{opacity:0;transform:translateX(0)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100px)}}@-webkit-keyframes fadeOutTop{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px)}}@keyframes fadeOutTop{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100px)}}@-webkit-keyframes fadeOutBottom{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(100px)}}@keyframes fadeOutBottom{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100px)}}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate(-120px,-120px)}100%{opacity:1;-webkit-transform:translate(0,0)}}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate(-120px,-120px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate(120px,-120px)}100%{opacity:1;-webkit-transform:translate(0,0)}}@keyframes fadeInTopRight{0%{opacity:0;transform:translate(120px,-120px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate(-120px,120px)}100%{opacity:1;-webkit-transform:translate(0,0)}}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate(-120px,120px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate(120px,120px)}100%{opacity:1;-webkit-transform:translate(0,0)}}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate(120px,120px)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes fadeInSmall{0%{opacity:0;-webkit-transform:scale(2)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes fadeInSmall{0%{opacity:0;transform:scale(2)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes fadeInBig{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes fadeInBig{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes page_arrow{from{-webkit-transform:translateY(0);opacity:.4}to{-webkit-transform:translateY(-30px);opacity:1}}@keyframes page_arrow{from{transform:translateY(0);opacity:.4}to{transform:translateY(-30px);opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fadeInTop{-webkit-animation-name:fadeInTop;animation-name:fadeInTop}.fadeInBottom{-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.fadeOutTop{-webkit-animation-name:fadeOutTop;animation-name:fadeOutTop}.fadeOutBottom{-webkit-animation-name:fadeOutBottom;animation-name:fadeOutBottom}.fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}.fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}.fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}.fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}.fadeInSmall{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-name:fadeInSmall;animation-name:fadeInSmall}.fadeInBig{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-name:fadeInBig;animation-name:fadeInBig}@-webkit-keyframes ani_shake{0%{opacity:0}50%,60%,70%,80%,90%{opacity:1;-webkit-transform:translateX(-10px)}55%,65%,75%,85%,95%{opacity:1;-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes ani_shake{0%{opacity:0;transform:translateX(0)}100%,45%{opacity:1;transform:translateX(0)}50%,60%,70%,80%,90%{opacity:1;transform:translateX(-10px)}55%,65%,75%,85%,95%{opacity:1;transform:translateX(10px)}}.ani_shake{-webkit-animation-name:ani_shake;animation-name:ani_shake}@-webkit-keyframes ani_bounce{0%{opacity:0;-webkit-transform:translateY(0)}100%,40%,60%,80%{opacity:1;-webkit-transform:translateY(0)}50%,90%{opacity:1;-webkit-transform:translateY(-30px)}70%{opacity:1;-webkit-transform:translateY(-15px)}}@keyframes ani_bounce{0%{opacity:0;transform:translateY(0)}100%,40%,60%,80%{opacity:1;transform:translateY(0)}50%,90%{opacity:1;transform:translateY(-30px)}70%{opacity:1;transform:translateY(-15px)}}@-webkit-keyframes ani_topToDown{0%{opacity:1;-webkit-transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1)}}@keyframes ani_topToDown{0%{opacity:1;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@-webkit-keyframes ani_downToTop{0%{opacity:1;-webkit-transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1)}}@keyframes ani_downToTop{0%{opacity:1;transform:scaleY(0)}100%{opacity:1;transform:scaleY(1)}}@-webkit-keyframes ani_leftToRight{0%{opacity:1;-webkit-transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1)}}@keyframes ani_leftToRight{0%{opacity:1;transform:scaleX(0)}100%{opacity:1;transform:scaleX(1)}}@-webkit-keyframes ani_rightToLeft{0%{opacity:1;-webkit-transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1)}}@keyframes ani_rightToLeft{0%{opacity:1;transform:scaleX(0)}100%{opacity:1;transform:scaleX(1)}}@-webkit-keyframes ani_flipInY{0%{opacity:0;-webkit-transform:perspective(600px) rotateY(90deg)}40%{-webkit-transform:perspective(600px) rotateY(-20deg)}70%{-webkit-transform:perspective(600px) rotateY(20deg)}100%{opacity:1;-webkit-transform:perspective(600px) rotateY(0)}}@keyframes ani_flipInY{0%{opacity:0;transform:perspective(600px) rotateY(90deg)}40%{transform:perspective(600px) rotateY(-20deg)}70%{transform:perspective(600px) rotateY(20deg)}100%{opacity:1;transform:perspective(600px) rotateY(0)}}@-webkit-keyframes ani_flipInX{0%{opacity:0;-webkit-transform:perspective(600px) rotateX(90deg)}40%{-webkit-transform:perspective(600px) rotateX(-20deg)}70%{-webkit-transform:perspective(600px) rotateX(20deg)}100%{opacity:1;-webkit-transform:perspective(600px) rotateX(0)}}@keyframes ani_flipInX{0%{opacity:0;transform:perspective(600px) rotateX(90deg)}40%{transform:perspective(600px) rotateX(-20deg)}70%{transform:perspective(600px) rotateX(20deg)}100%{opacity:1;transform:perspective(600px) rotateX(0)}}@-webkit-keyframes ani_rotateIn{0%{opacity:0;-webkit-transform:rotate(-270deg)}100%{opacity:1;-webkit-transform:rotate(0)}}@keyframes ani_rotateIn{0%{opacity:0;transform:rotate(-270deg)}100%{opacity:1;transform:rotate(0)}}@-webkit-keyframes ani_zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}100%{opacity:1;-webkit-transform:scale(1) translate(0)}}@keyframes ani_zoomInDown{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}100%{opacity:1;transform:scale(1) translate(0)}}@-webkit-keyframes ani_ela_fadeIn{0%{opacity:0;-webkit-transform:scale(0)}60%{opacity:1;-webkit-transform:scale(1.1)}80%{opacity:1;-webkit-transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes ani_ela_fadeIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}80%{opacity:1;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes ani_ela_fadeOut{0%{opacity:0;-webkittransform:scale(2)}50%{opacity:1;-webkittransform:scale(.95)}80%{opacity:1;-webkittransform:scale(1.05)}90%{opacity:1;-webkittransform:scale(.98)}100%{opacity:1;-webkittransform:scale(1)}}@keyframes ani_ela_fadeOut{0%{opacity:0;transform:scale(2)}50%{opacity:1;transform:scale(.95)}80%{opacity:1;transform:scale(1.05)}90%{opacity:1;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}.ani_bounce{-webkit-animation-name:ani_bounce;animation-name:ani_bounce}.ani_topToDown{-webkit-transform-origin:top center 0;transform-origin:top center 0;-webkit-animation-name:ani_topToDown;animation-name:ani_topToDown}.ani_downToTop{-webkit-transform-origin:bottom center 0;transform-origin:bottom center 0;-webkit-animation-name:ani_downToTop;animation-name:ani_downToTop}.ani_leftToRight{-webkit-transform-origin:center left 0;transform-origin:center left 0;-webkit-animation-name:ani_leftToRight;animation-name:ani_leftToRight}.ani_rightToLeft{-webkit-transform-origin:center right 0;transform-origin:center right 0;-webkit-animation-name:ani_rightToLeft;animation-name:ani_rightToLeft}.ani_flipInY{-webkit-animation-name:ani_flipInY;animation-name:ani_flipInY}.ani_flipInX{-webkit-animation-name:ani_flipInX;animation-name:ani_flipInX}.ani_rotateIn{-webkit-animation-name:ani_rotateIn;animation-name:ani_rotateIn;-webkit-transform-origin:center center 0;transform-origin:center center 0;animation-timing-function:linear}.ani_zoomInDown{-webkit-animation-name:ani_zoomInDown;animation-name:ani_zoomInDown}.ani_ela_fadeIn{-webkit-animation-name:ani_ela_fadeIn;animation-name:ani_ela_fadeIn;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.ani_ela_fadeOut{-webkit-animation-name:ani_ela_fadeOut;animation-name:ani_ela_fadeOut;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.ani_0s{-webkit-animation-delay:0s;animation-delay:0s}.ani_200ms{-webkit-animation-delay:.2s;animation-delay:.2s}.ani_400ms{-webkit-animation-delay:.4s;animation-delay:.4s}.ani_600ms{-webkit-animation-delay:.6s;animation-delay:.6s}.ani_800ms{-webkit-animation-delay:.8s;animation-delay:.8s}.ani_1s{-webkit-animation-delay:1s;animation-delay:1s}.animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.animate_1s{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ani_hide{opacity:0}.dn{display:none!important}body,html{overflow-x:hidden;height:100%}.main{height:100%;overflow:hidden;font-size:30px;max-width:640px;margin:0 auto}.content{height:100%;width:100%;position:relative}.content>section,.cover,.demo_icon,.page_arrow,.reload{position:absolute}.content>section{width:100%;display:block;height:100%;top:0;left:0;overflow:hidden;background-size:100%;background-position:top center}section#screen_1{z-index:19}section#screen_2{z-index:18}section#screen_3{z-index:17}section#screen_4{z-index:16;background-repeat:no-repeat}section#screen_5{z-index:15}section#screen_6{z-index:14}section#screen_7{z-index:13}section#screen_8{z-index:12}section#screen_9{z-index:11}section div a,section div a:hover{color:inherit}.page_arrow{width:10%;left:45%;bottom:50px;-webkit-animation:page_arrow 1s 0s ease infinite alternate;animation:page_arrow 1s 0s ease infinite alternate;z-index:99999}.opacity1{opacity:1}.demo_icon{height:3em;width:3em;color:#fff;font-size:2em;line-height:3;text-align:center;z-index:9;opacity:0}.cover_box,.loading_box .loading_num,.reload{text-align:center;color:#000}.pos_1{left:10%;top:20%}.pos_2{right:10%;top:10%}.pos_3{left:30%;top:40%}.pos_4{left:50%;top:60%}.pos_5{left:20%;top:60%}.pos_6{right:10%;top:70%}.cover{z-index:999;height:100%;width:100%;background:#6b8dbb}.cover_box{width:70%;line-height:2;background:#ffc70e;font-size:1.5em;margin:15% auto}.reload{font-size:1em;z-index:998;width:3em;height:2em;line-height:2em;background:#fff}.loading_wrap,.shareHintBox{height:100%;width:100%;left:0;top:0;position:absolute}.shareHintBox{z-index:9999;background:url(http://blz.nos.netease.com/1/pepe/shareHint.png) top center no-repeat rgba(0,0,0,.8);background-size:100% auto}.arrowFlip{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.loading_wrap{z-index:999;background:#fff;opacity:1;visibility:visible;transition:all .3s ease 0s}.loading_box{width:100px;height:110px;position:absolute;z-index:2;left:50%;top:50%;margin:-55px auto auto -50px}.loading_box img{display:block;margin:0 auto}.loading_box .loading_num{font-size:14px;line-height:40px;display:block;margin-top:10px}.loading_num span{font-size:20px;margin-left:5px;margin-right:5px}.loading_wrap.hide{opacity:0;visibility:hidden;-webkit-transform:scale(2);transform:scale(2)}