@charset "utf-8";
body {
  font-size: 12px;
  font-family: "\5FAE\8F6F\96C5\9ED1", Tahoma, Geneva, sans-serif;
}
.clear {
  clear: both;
  zoom: 1;
}
.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.center {
  width: 1280px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.mr0 {
  margin-right: 0px !important;
}
.main {
  width: 100%;
  height: 1240px;
  background: url(../img/indexbg.jpg) no-repeat center top;
  position: relative;
}
.main .rules_wrap {
  width: 1200px ;
  position: absolute;
  left: 50%;
  background: url(../img/ico01.png) no-repeat 20px center;
  margin-left: -600px;
  bottom: 16px ;
}
.main .rules_wrap .rules {
  padding-left: 78px;
}
.main .rules_wrap p {
  color: #ffecaa;
  font-size: 18px;
  line-height: 31px;
}
.main .rules_wrap p a {
  text-decoration: underline;
  color: #ffffff;
}
.main .steps {
  position: absolute;
  width: 921px;
  left: 50%;
  margin-left: -460px;
  bottom: 210px ;
}
.main .steps a {
  float: left;
}
.main .steps > div {
  position: absolute;
  left: 50%;
  bottom: 120px;
}
.main .steps .step_tip1 {
  margin-left: -367px;
  display: none;
}
.main .steps .step_tip2 {
  display: none;
  margin-left: -185px;
}
.main .steps .step_tip3 {
  display: none;
  margin-left: -24px;
}
.main .steps .step_tip4 {
  display: none;
  margin-left: 140px;
}
.main .steps .step_tip5 {
  display: none;
  margin-left: 310px;
}
.main .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, 0, endColorstr=#7F000000, 0);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  display: none;
}
.main .alert_rules {
  width: 864px;
  height: 679px;
  position: fixed;
  left: 50%;
  top: 50%;
  background: url(../img/alert_rules.png) no-repeat;
  margin-left: -432px;
  margin-top: -339px;
  z-index: 10;
  display: none;
}
.main .alert_rules .close {
  position: absolute;
  right: 45px;
  top: 31px;
  z-index: 10;
}