html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: 400;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
body {
  min-width: 1000px;
  font:
    14px / 24px "Microsoft YaHei",
    Arial;
  color: #a08b62;
}
.wrap {
  background: #24170f;
  text-align: center;
}
.main {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.part1 {
  background: url("../img/p1.jpg") no-repeat center top;
  height: 729px;
}
.logo {
  position: absolute;
  left: 10px;
  top: 5px;
}
.time {
  position: absolute;
  left: 140px;
  top: 160px;
  font-size: 16px;
  color: #fdf4b4;
  letter-spacing: 2px;
  padding: 0 8px 0 10px;
  text-align: justify;
}
.time::after,
.time::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  background: #fcf2ab;
  transform: rotate(45deg);
}
.time::before {
  left: 0;
}
.time::after {
  right: 0;
}
.topRt {
  position: absolute;
  top: 30px;
  right: -230px;
}
.topRt a {
  border: 1px solid #fece89;
  color: #fece89;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  float: left;
  margin-left: 12px;
  padding: 0 22px;
  border-radius: 21px;
}
.topRt a:hover {
  text-decoration: underline;
}
.part2 {
  background: url("../img/p2.jpg") no-repeat center top;
  height: 477px;
}
.intro {
  padding-top: 96px;
}
.outName {
  font-size: 18px;
  font-weight: bold;
  color: #c99e59;
  text-align: left;
  margin: 50px 0 0 100px;
  height: 35px;
}
.activeTime {
  height: 97px;
  margin-left: 99px;
  margin-top: 58px;
}
.activeTime span {
  width: 97px;
  height: 97px;
  line-height: 97px;
  color: #d0aa77;
  font-weight: bold;
  font-size: 53px;
  margin-right: 51px;
  float: left;
  background: linear-gradient(#fde5c1, #c9a16e, #fde5c1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activeTime .people {
  margin-left: 34px;
  width: 177px;
}
.part3 {
  background: url("../img/p3.jpg") no-repeat center top;
  height: 627px;
}
.coupon {
  margin: 56px auto 10px;
  display: flex;
  justify-content: center;
}
.coupon li {
  background: url("../img/coupon_bg.png") no-repeat center top;
  width: 145px;
  height: 266px;
  margin: 0 10px;
  overflow: hidden;
  color: #37e820;
}
.coupon .ico {
  width: 70px;
  height: 90px;
  margin: 14px auto 28px;
  display: block;
}
.coupon .tit {
  font-size: 18px;
  color: #d0aa77;
  background: linear-gradient(#fbe2be, #c9a16e, #fbe2be);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.coupon .cont {
  font-size: 16px;
  margin-top: 8px;
}
.coupon .btn_lq,
.coupon .btn_ylq {
  font-size: 16px;
  color: #111111;
  background: linear-gradient(to bottom, #ffbc4d, #ffe296);
  width: 65px;
  height: 24px;
  margin: 6px auto 0;
  cursor: pointer;
}
.coupon .btn_ylq {
  background: #ccc;
  color: #333;
}
.money {
  color: #37e820;
}
.part3 .rule {
  text-align: left;
  margin-top: 50px;
}
.part4 {
  background: url("../img/p4.jpg") no-repeat center top;
  height: 1005px;
}
.part4 .intro {
  height: 76px;
}
.server_rank {
  background: url("../img/rank_bg.png") no-repeat center top;
  width: 416px;
  height: 568px;
  margin: 0 auto;
  overflow: hidden;
}
.server_rank_list {
  margin-top: 200px;
  margin-left: 32px;
}
.server_rank_list li {
  margin-bottom: 38px;
  display: flex;
}
.server_rank_list span {
  color: #d3a787;
  font-size: 14px;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
.rank_noun {
  width: 48px;
}
.rank_clothes {
  width: 98px;
}
.rank_name {
  width: 140px;
}
.rank_money {
  width: 70px;
}
.part4 .rule {
  text-align: left;
  margin-top: 40px;
}
.part5 {
  background: url("../img/p5.jpg") no-repeat center top;
  height: 1833px;
}
.part5 .intro {
  height: 76px;
}
.ranking_tab {
  width: 694px;
  height: 90px;
  margin: 0 auto;
  position: relative;
}
.ranking_tab span {
  background: url("../img/ranking_tab.png") no-repeat;
  display: block;
  height: 90px;
  position: absolute;
  top: 0;
  font-size: 0;
  width: 255px;
  cursor: pointer;
}
.ranking_tab .t1 {
  left: 0;
  background-position: 0 0;
}
.ranking_tab .t2 {
  left: 234px;
  background-position: -265px 0;
  z-index: 9;
}
.ranking_tab .t3 {
  right: 0;
  background-position: -501px 0;
}
.ranking_tab .t1.cur {
  background-position: 0 -93px;
}
.ranking_tab .t2.cur {
  background-position: -265px -93px;
}
.ranking_tab .t3.cur {
  background-position: -501px -93px;
}
.ranking_list {
  margin-top: 400px;
}
.ranking_list .item,
.bz_list .item {
  position: relative;
  display: none;
}
.ranking_list .rt {
  height: 198px;
  position: relative;
}
.one,
.two,
.three {
  position: absolute;
  top: 0;
  width: 268px;
  color: #c09650;
  font-size: 16px;
  font-weight: bold;
}
.one {
  left: 345px;
  top: 48px;
  width: 288px;
}
.two {
  left: 72px;
}
.three {
  right: 64px;
}
.ranking_other {
  height: 280px;
  margin-left: 53px;
}
.ranking_other li {
  border: 1px solid #563212;
  width: 25px;
  height: 210px;
  color: #a08b62;
  padding: 10px 6px 0 6px;
  line-height: 18px;
  font-size: 15px;
  margin-right: 13px;
  float: left;
}
.ranking_gift {
  width: 1000px;
  height: 462px;
  margin: 0 auto;
}
.part5 .rule {
  text-align: left;
  margin: 40px 0 0 35px;
}
.part6 {
  background: url("../img/p6.jpg") no-repeat center top;
  height: 645px;
}
.part6 .intro {
  padding-top: 105px;
}
.bz_tab {
  margin: 54px 0 45px;
  text-align: center;
}
.bz_tab span {
  cursor: pointer;
  display: inline-block;
  margin: 0 8px;
  width: 160px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #3e2212;
  text-shadow: 1px 1px 0px #e1d184;
  background: url("../img/bz_tab.jpg") no-repeat;
}
.bz_tab span.cur {
  background-position: right top;
}
.bz_list {
  margin-bottom: 34px;
}
.bz_list ul {
  display: flex;
  justify-content: center;
}
.bz_list li {
  display: inline-block;
  margin: 0 40px;
  width: 157px;
  height: 246px;
  background: url("../img/bz.png") no-repeat;
  color: #e6b075;
}
.bz_list .ico {
  height: 124px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
}

.twpop {
  z-index: 100;
  position: relative;
}
.twpop .twpop-main {
  background-color: #591111;
  color: #f7c47b;
  border: 2px solid #87100b;
  border-radius: 0;
}
.twpop .twpop-btn {
  color: #fece91;
  border-color: #ff8225;
  border-radius: 0;
  background: #d63304;
  background: -webkit-gradient(linear, top, from(#d63304), to(#d63d02));
  background: linear-gradient(#d63304, #d63d02);
}
.twpop .twpop-from-bd {
  background-color: #fff;
}
.twpop .twpop-title {
  border-color: #6e2d2a;
}
.twpop .twpop-close {
  background-image: url("../img/close.png");
  background-size: 20px;
}
.yybtn {
  width: 257px;
  height: 83px;
  margin: 80px auto 0;
  background: url("../img/yybtn.png") no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
}