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,strong,th,var{font-style:normal;font-weight:400}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}img{vertical-align:top}html,body{margin:0;padding:0}html{font-size:62.5%}body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;line-height:170%;color:#fff}i{font-style:normal}a{color:#fff;text-decoration:none}a:active{-webkit-tap-highlight-color:rgba(0,0,0,0)}.fltL{float:left}.fltR{float:right}.fixR{position:absolute;top:0;right:0}.setCenter{margin:0 auto}.clrB{clear:both}.clrL{clear:left}.clrR{clear:right}.clrN{clear:none}.g-clr{zoom:1}.g-clr:after{display:block;clear:both;height:0;content:"\0020"}html,body{position:relative;width:100%;height:100%;overflow:hidden;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/main-bg1_2f0a20a.jpg) 50% 0 no-repeat;-webkit-background-size:100% auto;background-size:100% auto}.bd{position:absolute;left:0;top:0;width:73%;height:220px;top:226px;left:5%}.topbar{position:fixed;left:0;top:0;z-index:10;width:100%;height:50px;overflow:hidden;background-color:#0d3447;background:rgba(32,32,37,.6)}.topbar .logo{float:left;width:14%;height:100%}.topbar .logo img{width:35px;height:35px;margin-top:8px;margin-left:20px}.topbar span{float:left;text-align:center;font-size:18px;color:#fff;height:100%;width:74%;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center}.topbar .btn-web{display:block;float:right;width:12%;height:100%}.topbar .btn-web img{width:25px;height:23px;margin-top:13px}.fix-topbar{position:fixed;left:0;top:0;z-index:3;width:100%}.wrap{position:relative;top:0;width:100%;height:100%;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s}.section{position:relative;width:100%;height:667px;overflow:hidden}.section.page4{background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/page4-bg1_a1a66b1.jpg) no-repeat 50% 100%;-webkit-background-size:100% auto;background-size:100% auto}.container{position:absolute;top:60%;width:100%;height:100%;-webkit-transform:translate(0,-55%);transform:translate(0,-55%)}.subtitle{width:141px;height:40px}.page1 .subtitle-1{position:absolute;top:-60px;left:0;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/subtitle-1_e69fe47.png) 0 0 no-repeat;-webkit-background-size:141px 40px;background-size:141px 40px}.page1 .btn{position:absolute;top:50%;left:50%;margin-left:-130px;width:260px;height:170px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.page1 .btn-dld{display:block;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/btn-dl_da69dca.png) 0 0 no-repeat;width:260px;height:48px;-webkit-background-size:260px 48px;background-size:260px 48px;margin-bottom:10px}.page1 .btn-welfare{display:block;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/btn-welfare_7a628c1.png) 0 0 no-repeat;width:260px;height:48px;-webkit-background-size:260px 48px;background-size:260px 48px;margin-bottom:10px}.page1 .btn-guide{display:inline-block;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/btn-guide_fbb3ea5.png) 0 0 no-repeat;width:125px;height:38px;-webkit-background-size:125px 38px;background-size:125px 38px;margin-bottom:10px}.page1 .btn-issue{display:inline-block;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/btn-issue_04aebdf.png) 0 0 no-repeat;width:125px;height:38px;-webkit-background-size:125px 38px;background-size:125px 38px;margin:0 0 10px 6px}.center-box{position:absolute;bottom:5px;left:50%;margin-left:-130px;width:260px;height:40px}.page1 .subtitle-2{position:absolute;bottom:0;left:0;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/subtitle-2_dbb30ca.png) 0 0 no-repeat;-webkit-background-size:141px 40px;background-size:141px 40px}.page2 .subtitle-2{position:absolute;top:-60px;left:0;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/subtitle-2_dbb30ca.png) 0 0 no-repeat;-webkit-background-size:141px 40px;background-size:141px 40px}.page2 .skill{position:absolute;top:50%;left:50%;margin-left:-130px;width:260px;height:170px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.page2 .swiper-container{height:180px}.page2 .skill-icon{float:left;width:50px;height:50px;margin-right:10px}.page2 .skill-icon img{width:50px;height:50px}.page2 .skill-explain{float:left;width:200px;height:160px}.page2 .martial{display:block;font-size:18px;color:#229cd6;font-weight:700;width:100%;height:22px;line-height:22px}.page2 .attribute{display:block;font-size:12px;color:#229cd6;width:100%;height:20px;line-height:20px}.page2 .recommend{display:block;font-size:10px;color:#229cd6;width:100%;height:18px;line-height:18px}.page2 .jn{display:block;font-size:12px;color:#bc2d2d;font-weight:700;width:100%;height:22px;line-height:22px}.page2 .icon{width:100%}.page2 .icon .img{float:left;width:50px;height:50px;margin-right:5px}.page2 .icon .img img{float:left;width:50px;height:50px;margin-right:5px}.page2 .icon p{float:left;width:140px;height:50px;line-height:16px;font-size:10px;color:#313030}.page2 .icon p span{display:block;width:100%;height:18px;line-height:18px;color:#313030;font-size:12px}.page2 .arrows-jt{position:absolute;width:16px;height:16px;bottom:0;right:34px;display:none}.page2 .arrows-jt img{width:16px;height:16px}.page2 .subtitle-3{position:absolute;bottom:0;left:0;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/subtitle-3_022912c.png) 0 0 no-repeat;-webkit-background-size:141px 40px;background-size:141px 40px}.page3 .subtitle-3{position:absolute;top:-60px;left:0;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/subtitle-3_022912c.png) 0 0 no-repeat;-webkit-background-size:141px 40px;background-size:141px 40px}.page3 .flow{position:absolute;top:50%;left:50%;margin-left:-130px;width:260px;height:170px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.page3 .flow .flow1{float:left;width:76px;height:200px;text-align:center;margin-right:16px}.page3 .flow .flow2{float:left;width:76px;height:200px;text-align:center;margin-right:16px}.page3 .flow .flow3{float:left;width:76px;height:200px;text-align:center}.page3 .flow span{display:block;width:76px;height:28px;line-height:28px;border-radius:8px;font-size:12px;font-weight:700;background-color:#229cd6;color:#fff;margin-bottom:6px}.page3 .flow .flow1 span{display:block;width:76px;height:28px;line-height:28px;border-radius:8px;font-size:12px;font-weight:700;background-color:#229cd6;color:#fff;margin-bottom:8px}.page3 .flow .flow1 ul li{width:78px;height:31px}.page3 .flow .flow1 ul li a{display:block;width:78px;height:31px;line-height:31px;color:#000;font-size:12px}.page3 .flow .flow1 ul:after{position:absolute;top:0;left:84px;content:'';display:block;clear:both;width:1px;height:182px;background-color:#84c7e7}.page3 .flow .flow2 ul li{width:78px;height:52px}.page3 .flow .flow2 ul li a{display:block;width:78px;height:52px;color:#000;font-size:12px}.page3 .flow .flow2 ul li img{width:29px;height:29px;vertical-align:top}.page3 .flow .flow2 ul li p{display:block;width:100%;height:16px;line-height:16px;text-align:center;color:#000}.page3 .flow .flow2 ul:after{position:absolute;top:0;left:176px;content:'';display:block;clear:both;width:1px;height:182px;background-color:#84c7e7}.page3 .flow .flow3 ul li{width:78px;height:50px}.page3 .flow .flow3 ul li a{display:block;width:78px;height:50px;color:#000;font-size:12px}.page3 .flow .flow3 ul li img{width:33px;height:33px;vertical-align:top}.page3 .flow .flow3 ul li p{display:block;width:100%;height:16px;line-height:16px;text-align:center}.page3 .subtitle-4{position:absolute;bottom:0;left:0;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/subtitle-4_514d3a2.png) 0 0 no-repeat;-webkit-background-size:141px 40px;background-size:141px 40px}.page4 .subtitle-4{position:absolute;top:0;left:0;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/subtitle-4_514d3a2.png) 0 0 no-repeat;-webkit-background-size:141px 40px;background-size:141px 40px}.page4 .btn{position:absolute;top:50%;left:50%;margin-left:-130px;width:260px;height:300px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);overflow:hidden}.page4 .btn .link1{width:270px;position:absolute;top:50px;left:0}.page4 .btn .link2{width:270px;position:absolute;top:124px;left:0}.page4 .btn ul li{float:left;width:82px;height:35px;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/btn-assign_de9e88f.jpg) 0 0 no-repeat;-webkit-background-size:82px 35px;background-size:82px 35px;margin:0 6px 10px 0}.page4 .btn ul li a{display:block;width:82px;height:35px;line-height:35px;font-size:15px;color:#fff;text-align:center}.page4 .btn em{display:block;height:32px;line-height:32px;font-size:18px;color:#1f80ae}.pagination{position:absolute;left:0;text-align:center;bottom:0;width:100%}.pagination .swiper-pagination-bullet{display:inline-block;width:15px;height:15px;border-radius:100%;background:#7dcafe;margin:0 5px;cursor:pointer;vertical-align:middle;opacity:1}.pagination .swiper-pagination-bullet-active{;background:#ff7d1e;width:15px;height:15px}.btn-rollup{width:100%;height:36px;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/arrows_6080584.png) 50% 50% no-repeat;background-size:36px 36px;-webkit-background-size:36px 36px;position:absolute;bottom:84px;-webkit-animation:fadeOutDown 2s .4s ease both infinite;-moz-animation:fadeOutDown 2s .4s ease both infinite;z-index:10}@-webkit-keyframes fadeOutDown{0%{opacity:0;-webkit-transform:translateY(-6px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeOutDown{0%{opacity:0;-moz-transform:translateY(-6px)}100%{opacity:1;-moz-transform:translateY(0)}}.share{width:260px;height:30px;position:absolute;left:0;bottom:8px;color:#333;font-size:12px}.share .text{width:55px;height:17px;line-height:17px;position:absolute;left:0;top:-20px;color:#5b5c5c}.share a{display:block;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/share_5cd2b2f.png?=d20150326) 0 0 no-repeat;-webkit-background-size:258px 17px;background-size:258px 17px}.share a.sharelink{float:left;display:block;width:53px;height:17px;background-position:-210px 0}#yx_share{float:left;width:53px;height:17px;background-position:0 0}#sina_share{float:left;width:80px;height:17px;background-position:-53px 0}#qzone_share{float:left;width:72px;height:17px;background-position:-133px 0}@media screen and (max-height:416px) and (max-width:320px) and (orientation:portrait){.wrap{top:48px}.center-box{display:none}}#lateralTips{display:none;position:absolute;z-index:98;left:0;top:0;width:100%;height:100%;background-color:#333643;color:#fff;text-align:center;font-size:2rem;-webkit-box-pack:center;-webkit-box-align:center}#lateralTips p{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);line-height:2.56rem}.dialog{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.8);display:none;z-index:10}.sharepop{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.sharepop .shareimg{position:absolute;right:1rem;top:1rem;width:29.5rem;height:8.6rem;background:url(http://my.res.netease.com/zt/2015/xinshou/m/images/share-img_5db853c.png) no-repeat;background-size:100%}.pagination .swiper-pagination-switch{display:inline-block;width:15px;height:15px;border-radius:100%;background:#7dcafe;margin:0 5px;cursor:pointer;vertical-align:middle}.pagination .swiper-active-switch{background:#ff7d1e;width:15px;height:15px}