/* 轮回活动版块 — 按 mockup 切图排版 (720px) */
.section10 {
  position: relative;
  width: 100%;
  height: 960px;
  margin: 0 auto;
  /* overflow: hidden; */
  top: 380px;
}

.section10-content {
  position: relative;
  width: 720px;
  height: 810px;
  margin: 0 auto;
}

/* 标题 title.png 677×130 */
.s10-title {
  position: absolute;
  top: -105px;
  left: 50%;
  transform: translateX(-50%);
  width: 677px;
  height: 130px;
  background: url(../image/section10/title.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 5;
  pointer-events: none;
}

/* 规则说明 smbtn.png 83×77 */
.s10-help {
  position: absolute;
  top: 28px;
  right: 12px;
  width: 83px;
  height: 77px;
  background: url(../image/section10/smbtn.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 10;
  cursor: pointer;
}

/* 六道轮盘 card-bg.png 720×810 */
.s10-card {
  position: absolute;
  top: 4px;
  left: 3px;
  width: 720px;
  height: 810px;
  background: url(../image/section10/card-bg.png) no-repeat center top;
  background-size: 100% 100%;
  z-index: 1;
  pointer-events: none;
}

/* 二十八宿圆环 ring.png 702×702 */
.s10-ring {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 702px;
  height: 702px;
  background: url(../image/section10/ring.gif) no-repeat center;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 2;
}

/* 中心按钮 go-btn.png 291×291 */
.s10-btn-center {
  position: absolute;
  top: 269px;
  left: 50.6%;
  transform: translateX(-50%);
  width: 291px;
  height: 291px;
  z-index: 4;
  cursor: pointer;
  transition: transform 0.15s ease;
}

.s10-btn-center img {
  display: block;
  width: 100%;
  height: 100%;
}

.s10-btn-center:active {
  transform: translateX(-50%) scale(0.96);
}

/* 规则弹窗 */
.s10-rule-container .s10-rule-content {
  width: 500px;
  height: 414px;
  background: url(../image/pop/rule10.png) no-repeat center;
  background-size: 100% 100%;
  border: none;
  border-radius: 0;
  position: relative;
}

.s10-rule-close {
  position: absolute;
  top: -54px;
  right: -54px;
  width: 48px;
  height: 47px;
  background: url(../image/pop/pop-close.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}

/* 轮回结果弹窗 pop1.png ~ pop6.png */
.s10-lottery-container .s10-lottery-content {
  width: 720px;
  background: no-repeat center top;
  background-size: 100% 100%;
  position: relative;
}

.s10-lottery-container .s10-lottery-content.a1,
.s10-lottery-container .s10-lottery-content.a2,
.s10-lottery-container .s10-lottery-content.a3 {
  height: 827px;
}

.s10-lottery-container .s10-lottery-content.a4 {
  height: 876px;
}

.s10-lottery-container .s10-lottery-content.a5 {
  height: 853px;
}

.s10-lottery-container .s10-lottery-content.a6 {
  height: 841px;
}

.s10-lottery-close {
  position: absolute;
  top: -54px;
  right: 6px;
  width: 48px;
  height: 47px;
  background: url(../image/pop/pop-close.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  z-index: 2;
}

/* 再入轮回 goplay.png 399×108 */
.s10-lottery-goplay {
  position: absolute;
  top: 628px;
  left: 50%;
  transform: translateX(-50%);
  width: 399px;
  height: 108px;
  background: url(../image/section4/goplay.png) no-repeat center;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 2;
}