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;outline: none;}
input,textarea,select{*font-size:100%}
a {text-decoration: none;outline: none;}
.q:after {content:""; display:block; height:0; clear:both; overflow:hidden;}
html{font-size: 100px;font-family:'\5FAE\8F6F\96C5\9ED1';}
button{font-family:'\5FAE\8F6F\96C5\9ED1';}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,select{border-radius: 0;}
select{appearance: none;-webkit-appearance:none;-moz-appearance:none;}
.fr{float: right;}
.fl{float: left;}
.css1{background:url(//game.gtimg.cn/images/speedm/cp/a20180416blzm/css_sprites1.png) no-repeat;background-size:  22rem 11.25rem; }
.css2{background:url(//game.gtimg.cn/images/speedm/cp/a20180416blzm/css_sprites2.png) no-repeat;background-size:  18.9rem 14.17rem; }
/*通用样式*/

body{padding-top: 1.2rem;background: #0a1946;}
.foot{font-size: .23rem;text-align: center;background: #0a1946;height: 1.1rem;box-sizing: border-box;padding-top: .27rem;color: #435193;}
.banner{background: url(//game.gtimg.cn/images/speedm/cp/a20180416blzm/banner.jpg) no-repeat;background-size: cover;height: 4.58rem;}

/*top*/
.top{width: 7.50rem;height: 1.20rem;position:fixed;background-color: #202645;z-index: 999;top:0;}
.logo{width: 3.24rem;height: 1.20rem;margin-laeft: .2rem;}
.logo a{position: absolute;display:inline-block; width:3.5rem;height:1.22rem;z-index: 9;}
.logo a img{display: block;width: 0.8rem;height: 0.8rem;margin: .2rem 0 0 .4rem;}
.logo h1,.fl h2{position: absolute;color: #fff;}
.logo h1{left: 1.42rem;top:.15rem;font-size: .3rem;}
.logo h2{left: 1.42rem;top:.65rem;font-size: .25rem;}
.top .btn{display: block; width: 1.76rem;height: .6rem;background-position: -10.19rem -3.13rem;margin: .3rem .3rem 0 0;font-size: .24rem;color: #fff;font-weight: bold;text-align: center;vertical-align: middle;line-height: .6rem;}

/*列表页框*/
.coverlist{background: url(//game.gtimg.cn/images/speedm/cp/a20180416blzm/coverlist.png) no-repeat;width: 7.06rem;height: 5.14rem;background-size: cover;margin: 0 auto 1.03rem;}
.coverlist h5{height: .87rem;font-size:.2rem;text-align: center;box-sizing: border-box;padding-top: .1rem;}
.coverlist h5 strong{font-weight: bold;font-size: .32rem;color: #4bd9ff;display: block;}
.coverlist h5 span{color: #1fd6fb;font-size: .22rem;}
.coverlist a{width: 6.57rem;height: 3.59rem;border: 1px solid #1eddff;margin:.32rem 0 0 .21rem;display: block;}
.coverlist a img{width: 100%;height: 100%;}

.codes{margin: 1rem 0 0 .33rem;padding-bottom: .73rem;box-sizing: border-box;}
.codes li{float: left;box-sizing: border-box;color: #b0baee;font-size: .23rem;text-align: center;margin-right: .26rem;}
.codes li div a{width: 100%;height: 100%;display: block;}
.codes li div{width: 1.5rem;height: 1.5rem;border: .04rem solid #457af1;background: #0e104a;padding-top: .38rem;box-sizing: border-box;margin-bottom: .15rem;}
.codes li:nth-of-type(3) div{padding-top: .45rem;}
.codes li div img{width: .7rem;}

.centerpage{font-size: .24rem;text-align: center;margin:.6rem 0 1.2rem 0;display: none;}
.pages{font-size:.24rem;display: inline-block;}
.pages .prev,.pages .next{background-position:-16.22rem -7.55rem;width: 1.54rem;height: .55rem;text-align: center;line-height: .55rem;color: #b5e6ff;display:inline-block;float: left;}
.pageul{float: left;margin: 0 .2rem;}
.pageul li{width: .53rem;height: .53rem;line-height: .53rem;text-align: center;border: 1px solid #3ca6f8;float: left;}
.pageul li.active{background: #0d3f9c;}
.pageul li a{display: block;color: #b5e6ff;}


.shadow{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.8);left: 0;top: 0;z-index: 99;display: none;}
.pa{position: fixed;margin: auto;left: 0;top: 0;right: 0;bottom: 0;}
#showcode{width: 3rem;height: 3rem;display: none;}
#showcode1{width: 2.8rem;height: 2.8rem;display: none;}
#showcode img,#showcode1 img{width: 100%;}