.main {
  background: url(../img/main.jpg) no-repeat center top;
  overflow: hidden;
}

.module1 {
  background: url(../img/module1.jpg) no-repeat center top;
  height: 867px;
  overflow: hidden;
}

.module1 .award {
  margin: 0 auto;
  width: 1200px;
}

.module1 .award .content {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

.module1 .award .content .index {
  position: absolute;
  top: 30px;
  right: 0px;
}

.module1 .award .content .loginBox {
  width: 100%;
  position: absolute;
  top: 600px;
  text-align: center;
  color: #fff;
  line-height: 24px;
  font-size: 16px;
}

.module1 .award .content .loginBox span {
  margin: 0 5px;
}

.module1 .award .content .islogin {
  color: #e4e4e4;
  margin-left: 20px;
  cursor: pointer;
}

.module1 .award .content .loginBox .hov {
  color: #fff;
  cursor: pointer;
}

.module1 .award .content .loginBox .hov:hover {
  color: red;
}

.module2 {
  text-align: center;
  background: url(../img/module2.jpg) no-repeat center top;
  height: 463px;
  overflow: hidden;
  color: #fff;
}

.module2 .award {
  margin: 0 auto;
  width: 1200px;
}

.module2 .award .headline {
  margin-top: 50px;
}

.module2 .award .award {
  margin-top: 30px;
  height: 160px;
}

.module2 .award .award ul {
  width: 976px;
  height: 80px;
  margin: 0 auto;
}

.module2 .award .award ul li {
  background: url(../img/module3_award_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module3_award_bg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module3_award_bg.jpg', sizingMethod='scale')";
  display: inline-block;
  width: 228px;
  height: 145px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  position: relative;
}

.module2 .award .award ul li img {
  position: absolute;
  top: -30px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.module2 .award .award ul li p {
  width: 234px;
  line-height: 35px;
  color: #fff;
  position: absolute;
  top: 105px;
}

.module2 .award .award ul li p span {
  display: block;
  text-align: center;
  line-height: 17.5px;
}

.module2 button {
  margin-top: 30px;
  width: 160px;
  line-height: 35px;
  font-size: 17px;
}

.module2 .explain {
  width: 976px;
  margin: 0 auto;
  text-align: left;
  margin-top: 15px;
  color: #abafae;
}

.module2 .explain .rule {
  font-size: 16px;
  color: #f8eb0f;
}

.module3 {
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: url(../img/module3.jpg) no-repeat center top;
  height: 467px;
  overflow: hidden;
}

.module3 .award {
  margin: 0 auto;
  width: 1200px;
}

.module3 .award .headline {
  margin-top: 50px;
}

.module3 .award .explain {
  color: #abafae;
  margin-top: 10px;
}

.module3 .award .explain .num {
  margin-top: 10px;
}

.module3 .award .explain .num span {
  color: #f8eb0f;
}

.module3 .award .award {
  margin-top: 30px;
  height: 160px;
}

.module3 .award .award ul {
  width: 976px;
  height: 80px;
  margin: 0 auto;
}

.module3 .award .award ul li {
  background: url(../img/module3_award_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module3_award_bg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module3_award_bg.jpg', sizingMethod='scale')";
  display: inline-block;
  width: 228px;
  height: 145px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  position: relative;
}

.module3 .award .award ul li img {
  position: absolute;
  top: -30px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.module3 .award .award ul li p {
  width: 234px;
  line-height: 35px;
  color: #fff;
  position: absolute;
  top: 105px;
}

.module3 .award .award ul li p span {
  display: block;
  text-align: center;
  line-height: 17.5px;
}

.module3 button {
  margin-top: 30px;
  width: 160px;
  line-height: 35px;
  font-size: 17px;
}

.module4 {
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: url(../img/module4.jpg) no-repeat center top;
  height: 613px;
  overflow: hidden;
}

.module4 .award {
  margin: 0 auto;
  width: 1200px;
}

.module4 .award .headline {
  margin-top: 50px;
}

.module4 .award .explain {
  color: #abafae;
  margin-top: 15px;
}

.module4 .award .explain .ps {
  color: #f8eb0f;
}

.module4 .award .activity {
  margin: 0 auto;
  margin-top: 50px;
  width: 774px;
}

.module4 .award .activity ul li {
  background: url(../img/module4_task_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module4_task_bg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module4_task_bg.jpg', sizingMethod='scale')";
  display: inline-block;
  width: 337px;
  height: 166px;
  float: left;
  margin-left: 25px;
  margin-right: 25px;
  text-align: center;
  margin-bottom: 30px;
  color: #fff;
  text-align: left;
}

.module4 .award .activity ul li p {
  line-height: 25px;
  width: 250px;
  margin: 0 auto;
}

.module4 .award .activity ul li p .leftp {
  float: left;
  color: #fff739;
}

.module4 .award .activity ul li p .rightp {
  float: right;
}

.module4 .award .activity ul li p .rightp em {
  color: red;
}

.module4 .award .activity ul li .taskname {
  color: #fff739;
  font-size: 16px;
  margin-top: 45px;
}

.module5 {
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: url(../img/module5.jpg) no-repeat center top;
  height: 467px;
  overflow: hidden;
}

.module5 .award {
  margin: 0 auto;
  width: 1200px;
}

.module5 .award .headline {
  margin-top: 50px;
}

.module5 .award .explain {
  color: #fff;
  margin-top: 10px;
}

.module5 .award .explain .num {
  margin-top: 25px;
  text-align: left;
  margin-left: 150px;
}

.module5 .award .explain .num span {
  color: yellow;
}

.module5 .award .award {
  margin-top: 30px;
  height: 160px;
}

.module5 .award .award ul {
  width: 1190px;
  height: 80px;
  margin: 0 auto;
}

.module5 .award .award ul li {
  background: url(../img/module3_award_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module3_award_bg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module3_award_bg.jpg', sizingMethod='scale')";
  display: inline-block;
  width: 228px;
  height: 145px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  position: relative;
}

.module5 .award .award ul li img {
  position: absolute;
  top: -30px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.module5 .award .award ul li p {
  width: 234px;
  line-height: 35px;
  color: #fff;
  position: absolute;
  top: 105px;
}

.module5 .award .award ul li p span {
  display: block;
  text-align: center;
  line-height: 17.5px;
}

.module5 .award .award ul li button {
  margin-top: 165px;
  width: 160px;
  line-height: 35px;
  font-size: 17px;
}

.module6 {
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: url(../img/module6.jpg) no-repeat center top;
  height: 1145px;
  overflow: hidden;
}

.module6 .num {
  margin-top: 25px;
  text-align: left;
  margin-left: 150px;
}

.module6 .num span {
  color: yellow;
}

.module6 .award {
  margin: 0 auto;
  width: 1200px;
}

.module6 .award .headline {
  margin-top: 50px;
}

.module6 .award .explain {
  color: #abafae;
  margin-top: 15px;
}

.module6 .award .limit {
  width: 987px;
  margin: 0 auto;
  margin-top: 30px;
}

.module6 .award .limit ul li {
  position: relative;
  background: url(../img/module5_award_bg.png) no-repeat center top;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module5_award_bg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module5_award_bg.jpg', sizingMethod='scale')";
  display: inline-block;
  width: 269px;
  height: 208px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  color: #decfc1;
  padding: 15px;
  cursor: pointer;
}

.module6 .award .limit ul li p {
  position: relative;
}

.module6 .award .limit ul li p span {
  background: url(../img/tag.png) no-repeat center top;
  position: absolute;
  display: block;
  width: 78px;
  height: 52px;
  top: -15px;
  right: -15px;
  display: none;
}

.module6 .award .limit ul li img {
  margin-top: 50px;
  margin-bottom: 20px;
}

.module6 .award .limit ul li .name {
  color: #fff;
  font-size: 15px;
  margin-top: 17px;
}

.module6 .award .limit ul li button {
  margin-top: 30px;
  width: 130px;
  line-height: 30px;
  font-size: 16px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  bottom: 30px;
}

.module6 .nolimit {
  overflow: hidden;
  padding: 0px 100px 0px 100px;
}

.module6 .nolimit ul li {
  position: relative;
  background: url(../img/module5_award_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module5_award_bg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/module5_award_bg.jpg', sizingMethod='scale')";
  display: inline-block;
  width: 190px;
  height: 228px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  color: #decfc1;
  padding: 15px;
}

.module6 .nolimit ul li p {
  position: relative;
}

.module6 .nolimit ul li p span {
  background: url(../img/warn.png) no-repeat center top;
  position: absolute;
  display: block;
  width: 74px;
  height: 77px;
  top: -15px;
  right: -15px;
}

.module6 .nolimit ul li p .span1 {
  background: url(../img/warn1.png) no-repeat center top;
}

.module6 .nolimit ul li p .span3 {
  background: url(../img/warn3.png) no-repeat center top;
}

.module6 .nolimit ul li p .span10 {
  background: url(../img/warn10.png) no-repeat center top;
}

.module6 .nolimit ul li p .spanN {
  background: url(../img/warnN.png) no-repeat center top;
}

.module6 .nolimit ul li img {
  margin-top: 20px;
  margin-bottom: 20px;
}

.module6 .nolimit ul li .name {
  color: #fff;
  font-size: 15px;
}

.module6 .nolimit ul li button {
  margin-top: 25px;
  width: 130px;
  line-height: 30px;
  font-size: 16px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  bottom: 30px;
}

.on {
  background: url(../img/onbt.png) no-repeat center top;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/onbt.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/onbt.png', sizingMethod='scale')";
  color: #fff;
  border: 1px solid transparent;
  outline: none;
  cursor: pointer;
}

.no {
  background: url(../img/nobt.png) no-repeat center top;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/nobt.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/nobt.png', sizingMethod='scale')";
  color: #000;
  border: 1px solid transparent;
  outline: none;
  cursor: not-allowed;
}
