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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
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%}
.clearfix:after{content: '.'; display: block; height: 0; overflow: hidden; clear: both;}
.clearfix{*zoom: 1;}
.fl{float: left;}
.fr{float: right;}
.pa{position: absolute;}
.db{display: block;text-indent: -999em;}
*{-webkit-text-size-adjust: none;padding: 0;margin: 0;}
body{font-family: "\5FAE\8F6F\96C5\9ED1";font-family:'Microsoft Yahei';font-size: 0.24rem;line-height:0.36rem;color: #060606;}
body a{color: #060606;text-decoration: none;}
.spr {background: url(//game.gtimg.cn/images/seiya/m/m201803/spr.png) no-repeat;}

/*topNav*/
header.topNav{width: 100%;height: 1.2rem;background: url(//game.gtimg.cn/images/seiya/m/m201803/bg-topNav.png);position: absolute;top: 0;left: 0;z-index: 99;background-size: 100% 100%;}
header .nav-logo{width: 0.88rem;margin-left: .26rem;margin-top: .14rem;float: left;}
header .nav-title{float: left;margin-top: .22rem;margin-left: .18rem;font-size: .3rem;color: #fff;font-weight: 700;line-height: .38rem;}
header .span-tit{font-weight: normal;font-size: .28rem;}
header .link-navOrder{display: block;width: 2rem;float: right;margin-right: 0.9rem;margin-top: .25rem;}
header img{max-width: 100%;display: block;}
/*footer*/
footer .vfoot{position: relative;width: 100%;overflow: hidden;background: url("//game.gtimg.cn/images/seiya/m/m201803/bg-vfoot.jpg");background-size: 100% auto;height: 2.5rem;}
footer .vfoot li{float: left;width: 1.9rem;margin: 0.36rem .3rem;height: 1.8rem;}
footer .vfoot a{width: 100%;height: 100%;display: block; text-indent: -999rem;}
footer .f-msg{background-color: #000;color: #949393;font-size: .18rem;line-height: 0.32rem;text-align: center;padding: .36rem 0;}
footer .btn-toTop{width: 100%;text-align:center;padding-bottom: .3rem;padding-top: .6rem;color: #573b23;display: block;background: #d0aa5d;position: relative;}
footer .btn-toTop em{width: 0.28rem;height: 0.25rem;left: 50%;margin-left: -0.14rem;top: 0.38rem;background-size: 1.1rem auto;background-position: top right;}
#afooter .vfoot .wxblog.font-y{color: #e3b452;}
#afooter a{color: #fff;}

.topNav .btn-nav{position: absolute;right: .16rem;top: 50%;display: block;width: .6rem;height: .6rem;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.topNav .draw,.topNav .draw:before,.topNav .draw:after{position: absolute;display: block;outline: none;width: .6rem;height: .046rem;border-radius: .01rem;background-color: #feb88c;overflow: visible;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;background: linear-gradient(to right, #eabf5b 0%,#d69a51 100%);}
.topNav .draw{top: .27rem;}
.topNav .draw:before{content: '';top: -.2rem;}
.topNav .draw:after{content: '';top: .2rem;}
.navBox{position: absolute;top: 1.2rem;display: block;width: 100%;font-size: .36rem;color: #898989;background: rgba(0,0,0,.6);text-align: center;z-index: 9999;transform-origin: right top;-webkit-transform: scale3d(0,0,0);transform: scale3d(0,0,0);-webkit-transition: all .5s;transition: all .5s;}
.nav-open{-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.navBox a{display: block;width: 100%;line-height: 1.3rem;color: #fff;text-decoration: none;border-bottom: 1px dashed #5d5a55;}
.topNav .c-close .draw{background: transparent;}
.topNav .c-close .draw:before{top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.topNav .c-close .draw:after{top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#afooter{width: 100%; }
#afooter .foot{background-color: #323232; color: #fff; font-size: .18rem;line-height: 0.32rem; text-align: center; padding: .2rem 0; background-color: #000;}
#afooter .vfoot .wxblog.font-y{color: #e3b452;}