@charset "UTF-8";
body {
  font-family: '微软雅黑';
  background: #000;
}

html, body {
  overflow-x: hidden;
}

.sevenRoadTop, .sevenRoadBlackFooter, .wrapper {
  position: relative;
}

.wrapper {
  width: 1920px;
  height: 1015px;
  left: 50%;
  margin-left: -960px;
}

.wrapper.page {
  background: url(../images/index/bg-index.jpg);
}

.flash {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.logo {
  cursor: pointer;
  position: absolute;
  left: 430px;
  top: 30px;
  width: 200px;
  height: 90px;
  background: url(../images/logo.png);
}

.homePage {
  cursor: pointer;
  position: absolute;
  left: 1250px;
  top: 12px;
  width: 120px;
  height: 42px;
  background: url(../images/btn-top.png);
}

#cover {
  display: none;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#alert {
  display: none;
  width: 1258px;
  height: 603px;
  background: url(../images/alert.png);
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  margin: -250px 0 0 -629px;
}

#close {
  position: absolute;
  cursor: pointer;
  width: 75px;
  height: 75px;
  right: 151px;
  top: 33px;
}

.jpg {
  width: 386px;
  height: 268px;
  position: absolute;
  top: 186px;
  left: 229px;
}

.font {
  position: absolute;
  top: 14px;
  height: 56px;
  background: url(../images/font.png);
}

#_1 .font {
  width: 100px;
  left: 588px;
  background-position-x: 0;
}

#_2 .font {
  width: 149px;
  left: 564px;
  background-position-x: -100px;
}

#_3 .font {
  width: 200px;
  left: 533px;
  background-position-x: -249px;
}

.content {
  text-indent: 40px;
  line-height: 30px;
  color: #844d12;
  font-size: 19px;
  font-weight: bold;
  width: 390px;
  position: absolute;
  top: 200px;
  left: 645px;
}

#_1 {
  display: none;
}

#_2 {
  display: none;
}

#_3 {
  display: none;
}