.event-detail-panel.event-detail-panel--lottery-czcj {
  width: max-content;
  max-width: min(100%, calc(100vw - 32px));
  max-height: none;
  overflow: visible;
  margin: 0;
  justify-self: center;
}
#eventLotteryCzcjRoot {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  overflow: visible;
}
.event-lottery-czcj-slot {
  position: relative;
  display: block;
  margin: 0 auto;
  overflow: visible;
  line-height: 0;
  box-sizing: border-box;
}
.event-lottery-czcj {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  transform-origin: top left;
  line-height: normal;
  -webkit-tap-highlight-color: transparent;
}
.event-lottery-czcj .czcj-bg {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  pointer-events: none;
  user-select: none;
}
.event-lottery-czcj .czcj-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.event-lottery-czcj .czcj-prize-label {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .35);
}
.event-lottery-czcj .czcj-prize-label--yuan {
  color: #e62828;
}
.event-lottery-czcj .czcj-prize-label--score {
  color: #c41e12;
  font-size: 18px;
}
.event-lottery-czcj .czcj-mask {
  position: absolute;
  width: 17.7778%;
  height: auto;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  transition: opacity .12s ease;
}
.event-lottery-czcj .czcj-mask.is-on {
  opacity: 1;
}
.event-lottery-czcj .czcj-ticker {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}
.event-lottery-czcj .czcj-ticker-vtrack {
  will-change: transform;
  animation: czcj-ticker-v 22s linear infinite;
}
.event-lottery-czcj .czcj-ticker-line {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 700;
  color: #8f4a10;
  letter-spacing: 0.3px;
}
@keyframes czcj-ticker-v {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
.event-lottery-czcj .czcj-spin-count {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
  text-align: center;
  width: 28%;
}
.event-lottery-czcj .czcj-spin-count .czcj-spin-num {
  display: block;
  color: #fff;
  font-weight: 800;
  font-size: 20px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 2px rgba(120, 40, 0, .5);
  white-space: nowrap;
}
.event-lottery-czcj .czcj-start-wrap {
  position: absolute;
  z-index: 4;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  transform: translate(-50%, 0);
  line-height: 0;
}
.event-lottery-czcj .czcj-start-wrap:disabled,
.event-lottery-czcj .czcj-start-wrap.is-busy {
  cursor: not-allowed;
  opacity: 1;
}
.event-lottery-czcj .czcj-start-img {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  pointer-events: none;
}
.event-lottery-czcj .czcj-x10 {
  position: absolute;
  right: 8%;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 2px rgba(90, 20, 0, .85);
  pointer-events: none;
}
.event-lottery-czcj .czcj-x10[hidden] {
  display: none !important;
}
html.is-desktop .event-lottery-czcj .czcj-ticker-line {
  font-size: 15px;
}
html.is-desktop .event-lottery-czcj .czcj-spin-count .czcj-spin-num {
  font-size: 22px;
}
html:not(.is-desktop) .event-detail-mask.event-detail-mask--lottery-czcj {
  overflow: auto;
}