body {
  /*font: 10px/1.6 Microsoft Yahei, Arial, Helvetica, sans-serif;*/
  background: url("images/body-2.jpg") 100% 0 no-repeat, url("images/body-x.png") #ffef92 0 0 repeat-x;
}
.lt-ie9 body {
  background: url("images/body-x.png") #ffef92 0 0 repeat-x;
}
.wrapper {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.wrapper:before,
.wrapper:after {
  content: "";
  display: table;
}
.wrapper:after {
  clear: both;
}
.tc {
  text-align: center;
}
.fc-red {
  color: #be0c00!important;
}
.fc-red2 {
  color: #520500!important;
}
.fc-yellow {
  color: #e9dc85!important;
}
.fs-18 {
  font-size: 18px!important;
}
.fs-30 {
  font-size: 30px!important;
}
.el-1 {
  width: 275px;
  height: 390px;
  background: url("images/el-1.png");
  position: absolute;
  top: 0;
  left: -320px;
}
.el-2 {
  width: 497px;
  height: 430px;
  background: url("images/el-2.png");
  position: absolute;
  top: 0;
  right: 0;
}
.el-3 {
  width: 100%;
  height: 481px;
  background: url("images/el-3.png") repeat-x 50% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-animation: cloud 30s linear infinite;
  -moz-animation: cloud 30s linear infinite;
  -o-animation: cloud 30s linear infinite;
  animation: cloud 30s linear infinite;
}
@-webkit-keyframes cloud {
  from {
    background-position: 0% 100%;
  }
  to {
    background-position: 100% 100%;
  }
}
@keyframes cloud {
  from {
    background-position: 0% 100%;
  }
  to {
    background-position: 100% 100%;
  }
}
@keyframes cloud {
  from {
    background-position: 0% 100%;
  }
  to {
    background-position: 100% 100%;
  }
}