.lotto {
    display: none;
    position: fixed;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1;
}
.wrapper {
  position: relative;
  height: 400px;  /* 原200px放大一倍 */
  width: 400px;   /* 原200px放大一倍 */
  padding: 40px;  /* 原20px放大一倍 */
  margin: 150px auto 20px;
  background-color: #ff5555;
  box-shadow: #000000 0px 0px 10px;
  border-radius: 50%;
  box-sizing: unset !important;

}
.light {
  position: absolute;
  height: 20px;   /* 原10px放大一倍 */
  width: 20px;    /* 原10px放大一倍 */
  border-radius: 50%;
  top: 10px;      /* 原5px放大一倍 */
  left: 230px;    /* 原115px放大一倍 */
  transform-origin: 10px 230px;  /* 原5px 115px放大一倍 */
}
.light-twinkling {
  animation: 1s twinkling 3, 100ms 3s twinkling 3;
}
.light:nth-child(2n) {
  background-color: #fafce7;
}
.light:nth-child(2n+1) {
  background-color: #ffe58b;
}
.light:nth-child(2) {
  transform: rotate(36deg);
}
.light:nth-child(3) {
  transform: rotate(72deg);
}
.light:nth-child(4) {
  transform: rotate(108deg);
}
.light:nth-child(5) {
  transform: rotate(144deg);
}
.light:nth-child(6) {
  transform: rotate(180deg);
}
.light:nth-child(7) {
  transform: rotate(216deg);
}
.light:nth-child(8) {
  transform: rotate(252deg);
}
.light:nth-child(9) {
  transform: rotate(288deg);
}
.light:nth-child(10) {
  transform: rotate(324deg);
}
.panel {
  position: relative;
  height: 400px;  /* 原200px放大一倍 */
  width: 400px;   /* 原200px放大一倍 */
  background-color: #b7b7b7;
  border-radius: 50%;
  box-sizing: unset !important;
}
.sector {
  position: absolute;
  left: 200px;    /* 原100px放大一倍 */
  top: 0px;
  width: 200px;   /* 原100px放大一倍 */
  height: 400px;  /* 原200px放大一倍 */
  font-size: 28px; /* 原14px放大一倍 */
  border-radius: 0px 200px 200px 0;  /* 原100px放大一倍 */
  overflow: hidden;
  transform-origin: left center;
}
.sector:nth-child(1) {
  transform: rotate(-18deg);
}
.sector:nth-child(2) {
  transform: rotate(18deg);
}
.sector:nth-child(3) {
  transform: rotate(54deg);
}
.sector:nth-child(4) {
  transform: rotate(90deg);
}
.sector:nth-child(5) {
  transform: rotate(126deg);
}
.sector:nth-child(6) {
  transform: rotate(162deg);
}
.sector:nth-child(7) {
  transform: rotate(198deg);
}
.sector:nth-child(8) {
  transform: rotate(234deg);
}
.sector:nth-child(9) {
  transform: rotate(270deg);
}
.sector:nth-child(10) {
  transform: rotate(306deg);
}
.sector:nth-child(2n+1) .sector-inner {
  background: #fef6e0;
}
.sector:nth-child(2n) .sector-inner {
  background: #ffffff;
}
.sector-inner {
  text-align: center;
  display: block;
  width: 80px;    /* 原40px放大一倍 */
  padding: 10px 6px 0 114px;  /* 原5px 3px 0 57px放大一倍 */
  height: 390px;  /* 原195px放大一倍 */
  transform: translateX(-200px) rotate(36deg);  /* 原translateX(-100px)放大一倍 */
  transform-origin: right center;
  border-radius: 200px 0 0 200px;  /* 原100px放大一倍 */
  box-sizing: unset !important;
}
.sector-inner span {
  display: block;
  transform-origin: center;
  transform: rotate(-19deg);
  color: #d46854;
}
.pointer {
  position: absolute;
  left: 158px;    /* 原79px放大一倍 */
  top: 158px;     /* 原79px放大一倍 */
  z-index: 10;
  height: 60px;   /* 原30px放大一倍 */
  width: 60px;    /* 原30px放大一倍 */
  padding: 12px;  /* 原6px放大一倍 */
  color: #fff899;
  line-height: 30px;  /* 原15px放大一倍 */
  font-size: 24px;    /* 原12px放大一倍 */
  text-align: center;
  background-color: #ff5350;
  border-radius: 50%;
  border: 1px solid #ff5350;
  transition: transform 3s cubic-bezier(.2,.93,.43,1);
  cursor: pointer;
  box-sizing: unset !important;
}
.pointer::after {
  content: '';
  position: absolute;
  left: 28px;     /* 原14px放大一倍 */
  top: -48px;     /* 原-24px放大一倍 */
  border-width: 24px 12px;  /* 原12px 6px放大一倍 */
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #ff5350;
  transform-origin: center;
}
.result {
    margin: 20px auto;
    text-align: center;
    font-size: 38px;
    color: #ff6b69;
    background: #fef6e0;
    padding: 5px;
    width: 420px;
    border-radius: 240px;
}

.lotto-close {
    color: #fff;
    position: absolute;
    top: 150px;
    right: 38%;
    font-size: 28px !important;
    text-align: center;
    cursor: pointer;
    
}

@keyframes twinkling {
  50% { background: transparent; }
}