@import "./mixins";
@import "./variables";
@import "./animations";
@import "../components/purecss/v0.5.0/base.css";
@import "../components/purecss/v0.5.0/grids.css";

/*css hack大全*/
/* Opera */
html:first-child #opera {
  display: block;
}

/* IE 7 */
html > body #ie7 {
  *display: block;
}

/* IE 6 */
body #ie6 {
  _display: block;
}

/* Firefox 1 - 2 */
body:empty #firefox12 {
  display: block;
}

/* Firefox */
@-moz-document url-prefix() {
  .prize_copy_btn {
    position: relative;
    top: -20px;
  }
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #safari {
    display: block;
  }
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
  head ~ body #opera {
    display: block;
  }
}

/*chrome hack*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .container {
    margin: 0 auto;
  }
}

.bottom, .content, .content-div, .copy-box {
  overflow: hidden
}

.bottom-text, .btn-div p, .download, .h1-text, .input-box, .p-text, a {
  text-align: center
}

a, body, div, h1, h2, h3, h4, h5, html, li, p, ul {
  margin: 0;
  padding: 0
}

.input-box input, .input-code {
  background: #d5cbc8;
  padding: 0 5px;
  line-height: 24px;
}

.box, .btn, .content {
  margin: 0 auto;
}

.btn, .download, .pop-reg-btn {
  font-family: "宋体";
}

li, ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.hide {
  display: none !important;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: ".";
  visibility: hidden;
  height: 0;
}

.clearfloat {
  zoom: 1;
}

.indent {
  @include block();
  width: 60px;
}

.error-msg{
  color: red;
}

body {
  width: 100%;
  padding: 0 0;
  margin: 0 0;
  font-size: 12px;
  overflow-x: hidden;
  position: relative;
  font-family: "微软雅黑";
}

.huodongzi {
  position: absolute;
  color: #2f2b28;
  font-size: 18px;
  top: 295px;
  left: 308px;
}

.section1 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: url(images/bg_outer1.jpg) top center no-repeat;
  z-index: 1;
}

.section1 .content {
  position: relative;
  width: 1000px;
  height: 1500px;
  margin: 0 auto;
  background: url(images/bg_inner1.jpg) top center no-repeat;
  overflow: visible;
}

.section2 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: url(images/bg_outer2.jpg) top center no-repeat;
  z-index: 1;
}

.section2 .content {
  position: relative;
  width: 1000px;
  height: 1500px;
  margin: 0 auto;
  background: url(images/bg_inner2.jpg) top center no-repeat;
  overflow: visible;
}
