@charset "UTF-8";
*, ::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

blockquote, body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, pre, td, textarea, th, ul, button, p {
  padding: 0;
  margin: 0;
}

abbr, acronym, img {
  border: 0;
}

address, caption, cite, code, dfn, em, th, var {
  font-weight: 400;
  font-style: normal;
}

ol, ul {
  list-style: none;
}

button, input, optgroup, option, select, textarea, i {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0;
}

button {
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

input {
  outline: none;
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  resize: none;
}

video {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

body {
  min-width: 13rem;
  font: 13px/1.5 'Microsoft Yahei', Arial, Helvetica, sans-serif;
  color: #fff;
  background: #110a04;
}

/* a { color: inherit; text-decoration: none; } */
a {
  -webkit-transition: color linear .2s;
  -o-transition: color linear .2s;
  transition: color linear .2s;
}

a:link, a:visited {
  text-decoration: none;
}

.unl, a.unl, a.unl:visited, a:hover {
  text-decoration: underline;
}

a:focus {
  outline: 0;
}

a:hover {
  text-decoration: none;
}

.clearfix, .floatG {
  *zoom: 1;
  zoom: 1;
}

.clearfix:after, .floatG:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}

.clearb {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.wrap {
  width: 100%;
  min-width: 13rem;
  overflow: hidden;
  margin: 0 auto;
}

.main_container {
  width: 100%;
  height: 10.8rem;
  background: url(https://p4.ssl.qhimg.com/d/inn/bc2ff83e02af/theme/images/bj.jpg) no-repeat center top/100%;
}

.main-head {
  width: 13rem;
  margin: 0 auto;
  position: relative;
  top: 0.15rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.logo_nav img {
  width: 2.08rem;
}

.header_nav {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header_nav a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.05rem;
  color: #fff;
  position: relative;
  font-weight: bold;
  font-size: 0.16rem;
  border: 1px solid #6a7080;
  border-radius: 0.05rem;
  width: 1.5rem;
  height: 0.4rem;
  line-height: 0.4rem;
}

.header_nav a:hover {
  color: #ea5128;
}

.header_nav i {
  width: 0.27rem;
  height: 0.2rem;
  margin-right: 0.05rem;
}

.header_nav .nav_home i {
  background: url(https://p4.ssl.qhimg.com/d/inn/bc2ff83e02af/theme/images/home.png) no-repeat center/0.21rem;
}

.header_nav .nav_yungame i {
  background: url(https://p4.ssl.qhimg.com/d/inn/bc2ff83e02af/theme/images/game.png) no-repeat center/0.27rem;
}

.header_nav .nav_download i {
  background: url(https://p4.ssl.qhimg.com/d/inn/bc2ff83e02af/theme/images/home.png) no-repeat center/0.2rem;
}

.header_nav .reg-btn i, .header_nav .nav_reg i {
  background: url(https://p4.ssl.qhimg.com/d/inn/bc2ff83e02af/theme/images/reg.png) no-repeat center/0.2rem;
}

.header_nav .nav_reg {
  display: none;
}

.next_tips {
  width: 90px;
  height: 90px;
  cursor: pointer;
  position: absolute;
  top: 400px;
  right: 45px;
  background: url(http://p2.qhimg.com/t0117ef2e5d2667ee10.png) no-repeat center;
  background-size: contain;
}

.next_tips::before {
  content: "";
  width: 97px;
  height: 36px;
  position: absolute;
  left: -60px;
  top: 50%;
  margin-top: -18px;
  background: url(http://p0.qhimg.com/t01332a96d7bc9f8330.png) no-repeat center;
  background-size: contain;
  -webkit-animation: next_tips_animation 1s ease infinite;
          animation: next_tips_animation 1s ease infinite;
}

@-webkit-keyframes next_tips_animation {
  0% {
    left: -60px;
  }
  100% {
    left: -40px;
  }
}

@keyframes next_tips_animation {
  0% {
    left: -60px;
  }
  100% {
    left: -40px;
  }
}

.btn_jump {
  width: 4.37rem;
  height: 1.03rem;
  background: url(https://p4.ssl.qhimg.com/d/inn/bc2ff83e02af/theme/images/btn_jump.png) no-repeat center/100%;
  position: absolute;
  left: 50%;
  top: 3.8rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.btn_jump:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

.warmTips {
  width: 13rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 9.4rem;
  font-size: 0.16rem;
  text-align: center;
}

.warmTips strong {
  color: #ffba00;
  font-weight: bold;
}

.warmTips i {
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-right: 0.1rem;
  background: url(https://p4.ssl.qhimg.com/d/inn/bc2ff83e02af/theme/images/warm.png) no-repeat center/0.2rem;
}

/*1920*1080分辨率*/
/*1680*1050分辨率*/
/*在1600*900分辨率下谷歌浏览器的高度*/
/*这个是适配1366*768分辨率*/
/*# sourceMappingURL=index.css.map */