@charset "UTF-8";
* {
  -webkit-tap-highlight-color: transparent;
}

html, body {
  width: 100%;
  margin: 0;
  font-family: helvetica;
  background: white;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

body * {
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: auto;
}

button,
input {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  border: none;
  background: none;
  -webkit-appearance: none;
}

input::-webkit-input-placeholder {
  /* placeholder颜色  */
  color: white;
  /* placeholder字体大小  */
  font-size: 0.32rem;
  /* placeholder位置  */
  text-align: center;
}

button,
input {
  -webkit-appearance: none;
  border-radius: 0;
}

a {
  text-decoration: none;
}

input {
  outline: none;
  vertical-align: middle;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

img {
  vertical-align: middle;
}

h3,
h4,
p {
  margin: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
}

#page {
  max-width: 750px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  background-color: #1a1e2a;
}
#page .home {
  background: url("../image/home-bj.jpg?t=1") no-repeat center;
  background-size: 100% 100%;
  width: 100%;
  height: 16.29333rem;
  position: relative;
}
#page .home .content {
  width: 10rem;
  margin: 0 auto;
  position: relative;
}
#page .home .content .bj {
  background: url("../image/bj.png?t=2.1") no-repeat center;
  background-size: 100% 100%;
  width: 10rem;
  height: 17.86667rem;
}
#page .home .btn-rule, #page .home .btn-home {
  width: 10rem;
  height: 0.90667rem;
  margin: 0 auto;
  position: relative;
  top: 13.06667rem;
}
#page .home .btn-home {
  height: 1.30667rem;
  top: 11.76rem;
}
#page .home .city {
  width: 2.57333rem;
  height: 0.57333rem;
  position: relative;
  top: 12.53333rem;
  left: 5.81333rem;
}
#page .home .city .city_text {
  width: 2rem;
  height: 0.65333rem;
  color: black;
  text-align: center;
  line-height: 0.65333rem;
  font-size: 0.32rem;
}
#page .home .city #area_code {
  width: 2.57333rem;
  height: 0.57333rem;
  position: absolute;
  top: 0;
  opacity: 0;
}
#page .page-info {
  max-width: 750px;
}
#page .page-info img {
  width: 100%;
  display: block;
}
