@media screen and (min-width:320px){html{font-size:75%}}@media screen and (min-width:360px){html{font-size:84.375%}}@media screen and (min-width:375px){html{font-size:87.890625%}}@media screen and (min-width:414px){html{font-size:97.03125%}}@media screen and (min-width:480px){html{font-size:112.5%}}@media screen and (min-width:540px){html{font-size:126.56%}}@media screen and (min-width:640px){html{font-size:150%}}@media screen and (min-width:720px){html{font-size:168.75%}}@media screen and (min-width:960px){html{font-size:225%}}@media screen and (min-width:1024px){html{font-size:240%}}@media screen and (min-width:1080px){html{font-size:253.125%}}article,aside,body,details,div,figcaption,figure,footer,h1,h2,h3,header,html,img,li,main,nav,p,section,span,summary,ul{padding:0;margin:0;border:0;outline:none}a,a:active,a:hover,a:visited{display:block;-webkit-touch-callout:none;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:hsla(0,0%,100%,0)!important}ul{list-style-type:none}.clear:after{display:block;content:"";clear:both}.left{float:left}.right{float:right}.p_absolute{position:absolute}.p_relative{position:relative}.p_fixed{position:fixed}.center_y{transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0)}.center_x{transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0)}.center{transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0)}#tips_mask{position:fixed;bottom:10px;font-size:1rem;padding:1% 2%;background-color:rgba(49,49,49,.9);color:#fff;border-radius:.4rem;-webkit-border-radius:.4rem;line-height:1.5;text-align:center;left:50%;z-index:1000;transform:translate(-50%,200%);-webkit-transform:translate(-50%,200%);max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#tips_mask.showed{transition:all .5s ease-in-out;transform:translate(-50%,-200%);-webkit-transform:translate(-50%,-200%)}body,html{margin:0;height:100%;width:100%;background-color:#fff;font-family:miui,microsoft yahei}body,div,html,li,p,span,ul{margin:0;padding:0}a,li{text-decoration:none;-webkit-tap-highlight-color:transparent}li,ul{list-style:none}.download,.ellipsis,.hero-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}[v-cloak]{display:none}.container{width:100%;overflow-y:hidden;background:#fff;position:relative;height:100%}.header-wrap{position:fixed;top:0;left:0;width:100%;z-index:500;background-color:#235a8a;height:7.061724691358025rem}.container header{width:100%;height:3.7037rem;position:relative}.container header ul{font-size:0;position:absolute;width:100%;height:100%;top:0;left:0;bottom:0}.container header li{position:relative;text-align:center;display:inline-block;width:14.28571%;height:100%;background-color:#235a8a;color:#fff;line-height:3.7037rem;font-size:0}.container header li span{display:block;box-sizing:border-box;font-size:1.18519rem;line-height:1.2;position:absolute;width:100%;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.container header li span:before{width:1px;height:88%;background:#fff;top:8%;right:0;position:absolute;content:"";box-sizing:border-box;display:block}@media (-webkit-min-device-pixel-ratio:2){.container header li span:before{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateZ(0) scaleX(.5);transform:translateZ(0) scaleX(.5)}}.container header li.active{background:#00b8ff}.container header li.activeprev span:before,.container header li.active span:before{background:none}.container header li:last-child span:before{content:"";display:block;width:0}.wrapper{text-align:center;overflow-y:auto;position:absolute;left:0;bottom:0;width:100%;height:100%}.wrapper:after,.wrapper:before{content:"";display:block}.wrapper:before{height:7.061724691358025rem}.wrapper:after{height:3.45679rem}.list-wrap{background:#fff}.list-wrap ul{width:100%;text-align:center;overflow:hidden;padding-bottom:7.40741%}.list-wrap ul li{float:left;width:20.37037%;margin:5.55556% 0 0 3.7037%}.hero-icon{width:100%;padding-top:100%;position:relative;border-radius:.98765rem;-webkit-border-radius:.98765rem;background:#eee}.hero-icon:active{background:#1388fa;opacity:.4}.hero-icon img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.98765rem;-webkit-border-radius:.98765rem}.hero-name{margin-top:13.63636%;line-height:1.2;font-size:.98765rem;max-width:100%}