@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; outline:0 none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/1.5 "Arial","Hiragino Sans GB","Microsoft YaHei",'\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;background:#fff;color:#000;}
a{outline:0 none;cursor:pointer;text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
img{border:0 none;}
em,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
.fl, .fr { display: inline; float: left; }

.fr { float: right; } 

.pr{ position:relative; }

.pa{ position:absolute; }

.pf{ position: fixed;}
[class*="btn"]{ display: block; background-repeat: no-repeat; background-size: 100% 100%}

.bg{ background-repeat: no-repeat; background-size: 100% 100%;}

.df{ display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center;}

@font-face {
      font-family: 'UB';     
      src: url("../images/fonts/94023_UB.TTF") format('truetype');
      font-weight: normal;
      font-style: normal;
 }

.wrapper{ font-size: .16rem; font-family: microsoft yahei; color: #3a3a3a; }
.nav{ margin: 0 auto; width: 9.7rem; line-height: .88rem; font-size: .24rem; font-family: 'UB'; color: #B0B0B0; font-weight: bold; -webkit-justify-content: space-between; justify-content: space-between; }
.nav ul{ position: relative; right: -1rem; width: 9.37rem; -webkit-justify-content: start;  justify-content: start; }
.nav ul li{ padding: .2rem 0; width: 33%; text-align: center; box-sizing: border-box; }
.nav ul li a{ display: block; width: 100%; border-right: .02rem #D8D8D8 solid; color: #B0B0B0; line-height: .37rem; }
.nav ul li a:hover,
.nav ul li a.active{ color: #3a3a3a;}
.nav ul li:last-of-type a{ border-right: 0; }

.banner{ width: 100%; height: 5.37rem; overflow: hidden;}
.banner img{ width: 100%; object-fit: cover; }

.content{ padding: .4rem 0 .5rem; margin: 0 auto; width: 9.7rem;}
.game-name{ -webkit-justify-content: flex-start; justify-content: flex-start; }
.game-name .ico{ margin-right: .2rem; width: .61rem;}
.game-name .name{ height: .36rem;}
.game-detail{ margin: .2rem 0; word-break: break-word;line-height: 2;}
.btn-tap{ width: 2.25rem; height: .63rem; background-image: url("../images/btn_tap.png");}

.title{ margin-bottom: .28rem; font-family: 'UB'; font-size: .46rem; color: #3a3a3a; font-weight: bold; letter-spacing: .02rem; }
.text{ margin-bottom: .2rem; color: #9C9C9C;}

.content .list{ margin: .65rem auto 2rem; -webkit-justify-content: flex-start; justify-content: flex-start;  }
.content .list li{ margin-right: .65rem; width: 1.39rem; text-align: center; font-size: .26rem; letter-spacing: .01rem; }
.content .list li img{ display: block; margin-bottom: .15rem; width: 1.39rem;}

.contact{ margin: 1rem 0;}
.contact-ico{ margin-bottom: .3rem; }
.contact-ico img{ width: 1.41rem; }
.center{ text-align: center;}

.footer{ padding: .2rem 0; background: #393939; font-size: .16rem; color: #fff; line-height: 1.5; }
.footer .content{ padding: 0;}