.lottery-grid {
  width: 100%;
  height: 100%;
}
.lottery-grid .lottery-layout {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lottery-grid .lottery-layout__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(33.33% - 1.067vw);
  height: calc(33.33% - 1.067vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 1.6vw;
  margin-bottom: 1.6vw;
}
.lottery-grid .lottery-layout__item:nth-child(3), .lottery-grid .lottery-layout__item:nth-child(4), .lottery-grid .lottery-layout__item:nth-child(5) {
  margin-right: 0;
}
.lottery-grid .lottery-layout__item:nth-child(5), .lottery-grid .lottery-layout__item:nth-child(6), .lottery-grid .lottery-layout__item:nth-child(7) {
  margin-bottom: 0;
}
.lottery-grid .lottery-layout .prize__img {
  width: 12.8vw;
  height: 12.8vw;
}
.lottery-grid .lottery-layout .prize__name {
  margin-top: -0.533vw;
  line-height: 4.533vw;
  font-size: 3.2vw;
  font-weight: 400;
  color: #c95e02;
}
.lottery-grid .lottery-layout .start-btn {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  border: none;
}
.lottery-grid .lottery-layout .start-btn:active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.lottery-grid--pc .lottery-layout__item {
  margin-right: 12px;
  margin-bottom: 12px;
  width: calc(33.33% - 8px);
  height: calc(33.33% - 8px);
}
.lottery-grid--pc .lottery-layout .prize__img {
  width: 96px;
  height: 96px;
}
.lottery-grid--pc .lottery-layout .prize__name {
  margin-top: 6px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #FF6007;
}
.base-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  font-size: 3.2vw;
  text-align: center;
  max-width: 50%;
  padding: 2.133vw 2.667vw;
  line-height: 4.267vw;
  border-radius: 1.067vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  -webkit-animation: slide-fade 0.25s;
          animation: slide-fade 0.25s;
}
@-webkit-keyframes slide-fade {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) translateY(2.667vw);
            transform: translate3d(-50%, -50%, 0) translateY(2.667vw);
  }
}
@keyframes slide-fade {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) translateY(2.667vw);
            transform: translate3d(-50%, -50%, 0) translateY(2.667vw);
  }
}
.base-toast--icon {
  font-size: 4vw;
  padding: 4vw;
  width: 30vw;
}
.base-toast__icon {
  width: 10vw;
  height: 10vw;
  margin-bottom: 3vw;
}

@media only screen and (min-width: 769px) {
  .base-toast {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 6px;
    max-width: 500px;
  }
  .base-toast--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 120px;
    height: 120px;
    padding: 0;
    font-size: 16px;
  }
  .base-toast__icon {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
}
@charset "UTF-8";
.base-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 32vw;
  height: 32vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10001;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  border-radius: 2.133vw;
  background: rgba(0, 0, 0, 0.6);
  -webkit-animation: fade 0.25s;
          animation: fade 0.25s;
}
@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
}
.base-loading__inner {
  width: 10.667vw;
  height: 10.667vw;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.2); /* 微信品牌绿透明底环 */
  border-top-color: #fff; /* 顶部高亮进度条 */
  -webkit-animation: rotate 1s linear infinite;
          animation: rotate 1s linear infinite;
}

@media only screen and (min-width: 769px) {
  .base-loading {
    width: 100px;
    height: 100px;
    border-radius: 8px;
  }
  .base-loading__inner {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(255, 255, 255, 0.2); /* 微信品牌绿透明底环 */
    border-top-color: #fff; /* 顶部高亮进度条 */
  }
}
.lottery-result {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  padding-top: 8vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lottery-result .title {
  text-align: center;
  line-height: 5.867vw;
  font-size: 4.267vw;
  font-weight: 600;
  color: #c95e02;
  letter-spacing: 0.008vw;
}
.lottery-result .prize {
  margin-top: 3.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
}
.lottery-result .prize__item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lottery-result .prize__item:last-child .prize__line {
  display: none;
}
.lottery-result .prize__line {
  position: absolute;
  right: 0;
  top: 6.4vw;
  height: 17.333vw;
  width: 0.267vw;
  background: rgba(254, 188, 93, 0.22);
}
.lottery-result .prize__img {
  width: 16vw;
  height: 16vw;
}
.lottery-result .prize__name {
  margin: 1.067vw 1.067vw 1.6vw 1.067vw;
  height: 9.067vw;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  color: #c95e02;
}
.lottery-result .prize__receive {
  margin: 0 auto;
  padding: 0;
  width: 21.333vw;
  height: 8vw;
  line-height: 7.467vw;
  font-size: 3.2vw;
  font-weight: 400;
  text-align: center;
  border-radius: 1.067vw;
  color: #fff;
  border: none;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe7e46), to(#ff4e39)) no-repeat center/contain;
  background: linear-gradient(180deg, #fe7e46, #ff4e39) no-repeat center/contain;
}
.lottery-result .prize .fireworks {
  position: absolute;
  top: -26.667vw;
  width: 100vw;
  height: 145.467vw;
  pointer-events: none;
}
.lottery-result .redraw {
  margin: 4.267vw auto;
  padding: 0;
  width: 21.333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 8vw;
  border-radius: 1.067vw;
  font-size: 3.2vw;
  font-weight: 400;
  color: #c95e02;
  border: none;
  cursor: pointer;
  background: #fff;
}
.lottery-result .redraw::after {
  display: none;
}
.lottery-result .redraw--w0, .lottery-result .redraw--w2 {
  width: calc(42.667vw + 50% - 21.333vw);
}
.lottery-result .redraw--w3 {
  width: calc(64vw + (33.33% - 21.333vw) * 2);
}
.lottery-result .not-win {
  margin-top: 5.867vw;
}
.lottery-result .not-win .pic {
  display: block;
  margin: 0 auto;
  width: 32vw;
  height: 32vw;
}
.lottery-result .not-win .tips {
  display: none;
}

.lottery-grid--pc .lottery-result {
  padding: 40px 0 0 0;
}
.lottery-grid--pc .lottery-result .title {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  color: #c95e02;
  line-height: 26px;
  letter-spacing: unset;
}
.lottery-grid--pc .lottery-result .prize {
  margin-top: 44px;
}
.lottery-grid--pc .lottery-result .prize__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;
}
.lottery-grid--pc .lottery-result .prize__item:not(:last-child) {
  margin-right: 16px;
}
.lottery-grid--pc .lottery-result .prize__line {
  position: absolute;
  right: 0;
  top: 28px;
  height: 112px;
  width: 1px;
}
.lottery-grid--pc .lottery-result .prize__img {
  width: 140px;
  height: 140px;
}
.lottery-grid--pc .lottery-result .prize__name {
  margin: 6px 0 30px 0;
  height: 44px;
  font-size: 16px;
  font-weight: 500;
}
.lottery-grid--pc .lottery-result .prize__receive {
  width: 170px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  background: -webkit-gradient(linear, right top, left top, from(#ff5926), to(#ff7d55)) no-repeat center/contain;
  background: linear-gradient(270deg, #ff5926 0%, #ff7d55) no-repeat center/contain;
}
.lottery-grid--pc .lottery-result .prize .fireworks {
  top: -200px;
  width: 100%;
  height: unset;
}
.lottery-grid--pc .lottery-result .redraw {
  margin: 12px auto;
  width: 170px;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
}
.lottery-grid--pc .lottery-result .redraw--w0, .lottery-grid--pc .lottery-result .redraw--w2 {
  width: 356px;
}
.lottery-grid--pc .lottery-result .redraw--w3 {
  width: 542px;
}
.lottery-grid--pc .lottery-result .not-win {
  margin-top: 44px;
}
.lottery-grid--pc .lottery-result .not-win .pic {
  width: 188px;
  height: 188px;
  margin-bottom: 32px;
}
.lottery-grid--pc .lottery-result .not-win .tips {
  display: block;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #c95e02;
}
@charset "UTF-8";
.jd-ecard-receive {
  width: 80.8vw;
  padding-top: 8.533vw;
  overflow: hidden;
  border-radius: 2.133vw;
  background: #fff;
}
.jd-ecard-receive .title {
  margin-bottom: 1.6vw;
  line-height: 6.4vw;
  font-size: 4.533vw;
  font-weight: 600;
  text-align: center;
  color: #202d40;
}
.jd-ecard-receive .desc {
  margin: 0 3.733vw 4.267vw 3.733vw;
  line-height: 5.333vw;
  font-size: 3.733vw;
  font-weight: 400;
  text-align: center;
  color: #626573;
}
.jd-ecard-receive .input {
  position: relative;
  margin: 0 3.733vw;
  height: 11.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.267vw solid #e6e9f0;
  border-radius: 1.067vw;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  background: #ffffff;
}
.jd-ecard-receive .input:not(:last-child) {
  margin-bottom: 4.267vw;
}
.jd-ecard-receive .input__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 0 3.2vw;
  font-size: 3.467vw;
  letter-spacing: 0.007vw;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none; /* Chrome, Safari, Edge */
  -moz-appearance: textfield; /* Firefox */
  appearance: textfield; /* 标准属性，现代浏览器 */
}
.jd-ecard-receive .input__inner::-webkit-outer-spin-button, .jd-ecard-receive .input__inner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.jd-ecard-receive .input__suffix {
  margin-right: 3.2vw;
}
.jd-ecard-receive .input.is-focus {
  border-color: #1871ff;
}
.jd-ecard-receive :deep(.input-placeholder) {
  font-size: 3.467vw;
  color: #b9bbbf;
}
.jd-ecard-receive .send-sms-code {
  font-size: 3.467vw;
  color: #1871ff;
}
.jd-ecard-receive .send-sms-code.is-disabled {
  color: #626573;
}
.jd-ecard-receive .info {
  margin: 0 3.733vw;
  height: 10.667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #edf2fc;
  border-radius: 1.067vw;
}
.jd-ecard-receive .info:not(:last-child) {
  margin-bottom: 4.267vw;
}
.jd-ecard-receive .info__label {
  margin-left: 3.2vw;
  font-size: 3.467vw;
  font-weight: 500;
  color: #202d40;
  letter-spacing: 0.007vw;
}
.jd-ecard-receive .info__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2.933vw;
  font-weight: 500;
  color: #202d40;
  letter-spacing: 0.005vw;
}
.jd-ecard-receive .info__copy {
  line-height: 10.667vw;
  padding: 0 3.2vw;
  font-size: 3.467vw;
  font-weight: 400;
  color: #1871ff;
}
.jd-ecard-receive .footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6.4vw 3.733vw 3.733vw;
}
.jd-ecard-receive .footer .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 10.667vw;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5.6vw;
  font-size: 4.267vw;
  font-weight: 500;
  border: none;
}
.jd-ecard-receive .footer .btn::after {
  display: none;
}
.jd-ecard-receive .footer .btn:not(:last-child) {
  margin-right: 4vw;
}
.jd-ecard-receive .footer .btn--plain {
  color: #1871ff;
  -webkit-box-shadow: inset 0 0 0 0.267vw #1871ff;
          box-shadow: inset 0 0 0 0.267vw #1871ff;
  background: #fff;
}
.jd-ecard-receive .footer .btn--primary {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#1871ff), to(#428bff));
  background: linear-gradient(90deg, #1871ff, #428bff 100%);
}
.jd-ecard-receive .delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 11.467vw;
  border: none;
  border-top: 0.267vw solid #e6e9f0;
  font-size: 3.733vw;
  font-weight: 400;
  color: #1871ff;
  background: none;
}
.jd-ecard-receive .delete::after {
  display: none;
}
.jd-ecard-receive .info__content {
  text-align: left;
}

.jd-ecard-delay-guide-popup {
  color: red;
}
.jd-ecard-delay-guide-popup ::v-deep .base-modal {
  background: -webkit-gradient(linear, left top, left bottom, from(#ebf3ff), to(#ffffff));
  background: linear-gradient(180deg, #ebf3ff, #ffffff 100%);
}

.jd-ecard-delay-guide .desc {
  margin-bottom: 3.2vw;
  font-size: 3.733vw;
  font-weight: 400;
  color: #626573;
  line-height: 5.6vw;
}
.jd-ecard-delay-guide .pic {
  width: 100%;
  height: 35.733vw;
  margin-bottom: 5.867vw;
}
.jd-ecard-delay-guide .confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3.733vw;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  width: 100%;
  height: 10.667vw;
  border: none;
  background: -webkit-gradient(linear, right top, left top, from(#5295ff), to(#1871ff));
  background: linear-gradient(270deg, #5295ff 0%, #1871ff);
  border-radius: 5.333vw;
}
.jd-ecard-delay-guide .confirm::after {
  display: none;
}

.lottery-grid--pc .jd-ecard-receive {
  width: 320px;
  padding-top: 32px;
  border-radius: 8px;
}
.lottery-grid--pc .jd-ecard-receive .title {
  margin-bottom: 8px;
  line-height: 24px;
  font-size: 18px;
}
.lottery-grid--pc .jd-ecard-receive .desc {
  margin: 0 16px 16px;
  line-height: 20px;
  font-size: 14px;
}
.lottery-grid--pc .jd-ecard-receive .input {
  margin: 0 16px;
  height: 40px;
  border: 1px solid #e6e9f0;
  border-radius: 4px;
}
.lottery-grid--pc .jd-ecard-receive .input:not(:last-child) {
  margin-bottom: 12px;
}
.lottery-grid--pc .jd-ecard-receive .input__inner {
  padding: 0 12px;
  font-size: 14px;
  letter-spacing: unset;
}
.lottery-grid--pc .jd-ecard-receive .input__suffix {
  margin-right: 12px;
}
.lottery-grid--pc .jd-ecard-receive .input .send-sms-code {
  font-size: 14px;
}
.lottery-grid--pc .jd-ecard-receive .input.is-focus {
  border-color: #1871ff;
}
.lottery-grid--pc .jd-ecard-receive :deep(.input-placeholder) {
  font-size: 14px;
}
.lottery-grid--pc .jd-ecard-receive .info {
  margin: 0 16px;
  height: 40px;
  border-radius: 4px;
}
.lottery-grid--pc .jd-ecard-receive .info:not(:last-child) {
  margin-bottom: 12px;
}
.lottery-grid--pc .jd-ecard-receive .info__label {
  margin-left: 12px;
  font-size: 14px;
  letter-spacing: unset;
}
.lottery-grid--pc .jd-ecard-receive .info__content {
  font-size: 13px;
  letter-spacing: unset;
}
.lottery-grid--pc .jd-ecard-receive .info__copy {
  line-height: 40px;
  padding: 0 12px;
  font-size: 14px;
}
.lottery-grid--pc .jd-ecard-receive .footer {
  padding: 24px 16px 16px;
}
.lottery-grid--pc .jd-ecard-receive .footer .btn {
  height: 40px;
  border-radius: 20px;
  font-size: 16px;
}
.lottery-grid--pc .jd-ecard-receive .footer .btn:not(:last-child) {
  margin-right: 16px;
}
.lottery-grid--pc .jd-ecard-receive .footer .btn--plain {
  -webkit-box-shadow: inset 0 0 0 1px #1871ff;
          box-shadow: inset 0 0 0 1px #1871ff;
}
.lottery-grid--pc .jd-ecard-receive .delete {
  height: 44px;
  border-top: 1px solid #e6e9f0;
  font-size: 14px;
}
.lottery-grid--pc .jd-ecard-receive .info__content {
  text-align: left;
}
.lottery-grid--pc .jd-ecard-delay-guide .desc {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 22px;
}
.lottery-grid--pc .jd-ecard-delay-guide .pic {
  height: auto;
  margin-bottom: 22px;
}
.lottery-grid--pc .jd-ecard-delay-guide .confirm {
  font-size: 14px;
  height: 40px;
  border-radius: 20px;
}
.base-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.base-popup--ani .base-popup__mask {
  opacity: 0;
}
.base-popup--ani.base-popup--fade .base-popup__content {
  opacity: 0;
}
.base-popup--ani.base-popup--slide-up .base-popup__content {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.base-popup--ani.base-popup--slide-down .base-popup__content {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}
.base-popup--ani.base-popup--slide-left .base-popup__content {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.base-popup--ani.base-popup--slide-right .base-popup__content {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.base-popup--ani.base-popup--scale-in .base-popup__content {
  -webkit-transform: scale3d(0, 0, 1);
          transform: scale3d(0, 0, 1);
}
.base-popup--content-scroll .base-popup__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(var(--vh, 1vh) * 100);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  padding: 16vw 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.base-popup--top .base-popup__content {
  top: 0;
  left: 0;
  right: 0;
}
.base-popup--bottom .base-popup__content {
  bottom: 0;
  left: 0;
  right: 0;
}
.base-popup--left .base-popup__content {
  top: 0;
  bottom: 0;
  left: 0;
}
.base-popup--right .base-popup__content {
  top: 0;
  bottom: 0;
  right: 0;
}
.base-popup--full .base-popup__content {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.base-popup--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.base-popup--center .base-popup__content {
  position: unset;
}
.base-popup--hide {
  display: none;
}
.base-popup__content {
  position: absolute;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.base-popup__mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  background: rgba(0, 0, 0, 0.6);
}
.base-modal {
  position: relative;
  width: 80.8vw;
  border-radius: 2.133vw;
  overflow: hidden;
  background: #fff;
}
.base-modal__close {
  position: absolute;
  top: 5.6vw;
  right: 3.733vw;
  width: 4.267vw;
  height: 4.267vw;
}
.base-modal__title {
  margin: 4.533vw 8vw 5.333vw 8vw;
  line-height: 6.4vw;
  font-size: 4.533vw;
  font-weight: 400;
  text-align: center;
  color: #202d40;
}
.base-modal__content {
  margin: 0 3.733vw 3.733vw 3.733vw;
  min-height: 15.467vw;
  font-size: 3.733vw;
  font-weight: 400;
  text-align: center;
  color: #626573;
  line-height: 5.6vw;
}
.base-modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.267vw solid #e6e9f0;
}
.base-modal__cancel, .base-modal__confirm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  padding: 0;
  height: 14.4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  font-size: 4.267vw;
  font-weight: 600;
  text-align: center;
  border-radius: 0;
  border: none;
}
.base-modal__cancel:active, .base-modal__confirm:active {
  background: #f8f8f8;
}
.base-modal__cancel::after, .base-modal__confirm::after {
  display: none;
}
.base-modal__cancel {
  color: #899099;
  border-right: 0.267vw solid #e6e9f0;
}
.base-modal__confirm {
  color: #1871ff;
}

.base-modal--pc {
  width: 320px;
  border-radius: 8px;
}
.base-modal--pc .base-modal__close {
  top: 20px;
  right: 14px;
  width: 16px;
  height: 16px;
}
.base-modal--pc .base-modal__title {
  margin: 18px 30px 20px;
  line-height: 24px;
  font-size: 18px;
}
.base-modal--pc .base-modal__content {
  margin: 0 14px 14px;
  min-height: 60px;
  font-size: 14px;
  line-height: 22px;
}
.base-modal--pc .base-modal__footer {
  border-top: 1px solid #e6e9f0;
}
.base-modal--pc .base-modal__cancel,
.base-modal--pc .base-modal__confirm {
  height: 52px;
  font-size: 16px;
}
.base-modal--pc .base-modal__cancel {
  border-right: 1px solid #e6e9f0;
}
.jlc-virtual-number .el-dialog__header {
  border-bottom: 1px solid #ddd;
}
.jlc-virtual-number .el-dialog__body {
  padding-top: 10px !important;
}
.jlc-virtual-number .inline {
  display: inline;
}
.jlc-virtual-number .mr5 {
  margin-right: 5px !important;
}
.jlc-virtual-number .plr5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.jlc-virtual-number .ml10 {
  margin-left: 10px !important;
}
.jlc-virtual-number .line17 {
  line-height: 1.7em;
}
.jlc-virtual-number .mt10 {
  margin-top: 10px;
}
.jlc-virtual-number .red {
  color: red;
}
.jlc-virtual-number .btnBox {
  overflow: hidden;
  margin-top: 10px;
  text-align: center;
}
.jlc-virtual-number .w140 {
  width: 140px;
}
.jlc-virtual-number .w-full {
  width: 100%;
}
.jlc-virtual-number .box-bg {
  min-height: 44px;
  background: #f5f7fa;
  border-radius: 2px;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.jlc-virtual-number .text-12 {
  font-size: 12px !important;
}
.jlc-virtual-number .text-14 {
  font-size: 14px !important;
}
.jlc-virtual-number .text-22 {
  font-size: 22px !important;
}
.jlc-virtual-number .text-333 {
  color: #333333 !important;
}
.jlc-virtual-number .text-7F {
  color: #7F7F7F !important;
}
.jlc-virtual-number .mt-15 {
  margin-top: 15px !important;
}
.jlc-virtual-number .text-center {
  text-align: center;
}
.jlc-virtual-number .font-bold {
  font-weight: bold;
}
.jlc-virtual-number .mt-5 {
  margin-top: 5px !important;
}
.jlc-virtual-number .mt-20 {
  margin-top: 20px !important;
}
.jlc-virtual-number .warning-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.jlc-virtual-number .phone-input .el-input__inner {
  font-weight: bold;
  font-size: 22px;
  color: #333333 !important;
}
.jlc-virtual-number .virtual-number-input {
  width: 70%;
}
.jlc-virtual-number .icon {
  display: inline-block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
}
.jlc-virtual-number .tabs {
  margin-bottom: 16px;
  border-bottom: 2px solid #e5e7eb;
}
.jlc-virtual-number .tabs .tabs-item {
  margin-right: 40px;
  margin-bottom: -2px;
  display: inline-block;
  font-size: 14px;
  color: #626573;
  line-height: 40px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.jlc-virtual-number .tabs .tabs-item:last-child {
  margin-right: 0;
}
.jlc-virtual-number .tabs .tabs-item:hover {
  color: #3673fe;
}
.jlc-virtual-number .tabs .tabs-item.activated {
  color: #3673fe;
  font-weight: 600;
  border-bottom: 2px solid #3673fe;
}
.jlc-virtual-number .tabs-content {
  overflow: hidden;
  position: relative;
}
.jlc-virtual-number .network-phone-container {
  padding: 0;
  min-height: 400px;
}
.jlc-virtual-number .agent-info-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  background: #F5F7FA;
  border-radius: 4px;
  margin-bottom: 12px;
}
.jlc-virtual-number .agent-info-section .agent-info-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row:last-child {
  margin-bottom: 0;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .label {
  color: #333;
  margin-right: 4px;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .value {
  color: #333;
  margin-right: 12px;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 24px;
  background-color: rgba(70, 114, 245, 0.09);
  border-radius: 12px;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status .status-text {
  font-size: 12px;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-idle {
  background: rgba(70, 114, 245, 0.09);
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-idle .status-dot {
  background: #4672F5;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-idle .status-text {
  color: #4672F5;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-calling {
  background: rgba(255, 149, 0, 0.12);
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-calling .status-dot {
  background: #FF9500;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-calling .status-text {
  color: #FF9500;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-during {
  background: rgba(2, 181, 42, 0.12);
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-during .status-dot {
  background: #02B52A;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-during .status-text {
  color: #02B52A;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-offline {
  background: rgb(223, 228, 234);
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-offline .status-dot {
  background: #808080;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row .status.status-offline .status-text {
  color: #808080;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row.plain {
  font-size: 12px;
  font-weight: normal;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row.plain .label {
  color: #666;
}
.jlc-virtual-number .agent-info-section .agent-info-left .agent-row.plain .value {
  color: #666;
}
.jlc-virtual-number .agent-info-section .agent-info-right .status-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.jlc-virtual-number .agent-info-section .agent-info-right .status-switch .switch-label {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
.jlc-virtual-number .phone-call-area {
  padding: 70px 0;
  background: #F5F7FA;
  border-radius: 4px;
}
.jlc-virtual-number .phone-display-section {
  text-align: center;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.jlc-virtual-number .phone-display-section .phone-input-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 50px;
}
.jlc-virtual-number .phone-display-section .phone-input-display .phone-show-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.jlc-virtual-number .phone-display-section .phone-input-display .phone-show-mode .phone-number {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  letter-spacing: 1px;
}
.jlc-virtual-number .phone-display-section .phone-input-display .phone-show-mode .edit-icon {
  font-size: 20px;
  color: #409eff;
  cursor: pointer;
  padding: 4px;
}
.jlc-virtual-number .phone-display-section .phone-input-display .phone-show-mode .edit-icon:hover {
  color: #66b1ff;
}
.jlc-virtual-number .phone-display-section .phone-input-display .phone-edit-mode {
  width: 218px;
}
.jlc-virtual-number .phone-display-section .phone-input-display .phone-edit-mode .phone-input .el-input__inner {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  height: 50px;
  border: 1px solid #4672F5;
  border-radius: 4px;
  letter-spacing: 1px;
}
.jlc-virtual-number .phone-display-section .phone-input-display .phone-edit-mode .phone-input .el-input__inner:focus {
  border-color: #4672F5;
  -webkit-box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}
.jlc-virtual-number .phone-display-section .calling-display {
  min-height: 50px;
}
.jlc-virtual-number .phone-display-section .calling-display .calling-text {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
.jlc-virtual-number .phone-display-section .calling-display .calling-number {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  letter-spacing: 1px;
}
.jlc-virtual-number .phone-display-section .connected-display {
  min-height: 50px;
}
.jlc-virtual-number .phone-display-section .connected-display .connected-number {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
.jlc-virtual-number .phone-display-section .connected-display .call-duration {
  font-size: 16px;
  color: #333;
}
.jlc-virtual-number .button-section {
  text-align: center;
}
.jlc-virtual-number .button-section .idle-buttons, .jlc-virtual-number .button-section .calling-buttons, .jlc-virtual-number .button-section .connected-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.jlc-virtual-number .button-section .call-btn .btn-text, .jlc-virtual-number .button-section .hangup-btn .btn-text, .jlc-virtual-number .button-section .mute-btn .btn-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.jlc-virtual-number .button-section .call-btn {
  width: 140px;
  height: 48px;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  background: #02B52A;
  border-color: #02B52A;
  color: #fff;
}
.jlc-virtual-number .button-section .call-btn i {
  margin-right: 6px;
}
.jlc-virtual-number .button-section .call-btn:hover {
  background: #52c41a;
  border-color: #52c41a;
}
.jlc-virtual-number .button-section .call-btn:disabled {
  background: #b7eb8f;
  border-color: #b7eb8f;
  color: #fff;
  opacity: 0.6;
}
.jlc-virtual-number .button-section .hangup-btn {
  width: 140px;
  height: 48px;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  background: #F34C4C;
  border-color: #F34C4C;
  color: #fff;
}
.jlc-virtual-number .button-section .hangup-btn i {
  margin-right: 6px;
}
.jlc-virtual-number .button-section .hangup-btn:hover {
  background: #ff7875;
  border-color: #ff7875;
}
.jlc-virtual-number .button-section .mute-btn {
  width: 140px;
  height: 48px;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  background: #fff;
  border: 1px solid #d6d6d6;
  color: #333;
}
.jlc-virtual-number .button-section .mute-btn i {
  margin-right: 6px;
}
.jlc-virtual-number .button-section .mute-btn:hover {
  border-color: #d6d6d6;
  color: #333;
}
.jlc-virtual-number .button-section .mute-btn.muted {
  border-color: #4672F5;
  color: #4672F5;
}
.jlc-virtual-number .button-section .mute-btn.muted:hover {
  border-color: #4672F5;
  color: #4672F5;
}
.jlc-virtual-number .tips-section {
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
  text-align: center;
}
.jlc-virtual-number .tips-section .tips-text {
  font-size: 12px;
  color: #999;
}
.wechatCustomerDialog .el-dialog__title {
  font-weight: bold;
}
.wechatCustomerDialog .wechat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wechatCustomerDialog .wechat .wechat-phone {
  font-weight: 600;
}
.wechatCustomerDialog .wechat .wechat-time {
  color: #979797;
}
.wechatCustomerDialog .wechat .wechat-time .wechat-text-red {
  color: red;
}
.wechatCustomerDialog .wechat-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.wechatCustomerDialog .wechat-description .wechat-item1 {
  width: 325px;
  margin-right: 10px;
}
.wechatCustomerDialog .wechat-description .wechat-item2 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.wechatCustomerDialog .wechat-description .wechat-title {
  font-size: 16px;
}
.wechatCustomerDialog .wechat-description .wechat-title .wechat-num {
  color: #409eff;
}
.wechatCustomerDialog .wechat-content1 {
  margin-top: 10px;
  line-height: 24px;
}
.wechatCustomerDialog .wechat-content2 {
  height: 200px;
  overflow: auto;
  background-color: #eff4ff;
  border-radius: 4px;
  margin-top: 10px;
  padding: 10px;
}
.wechatCustomerDialog .wechat-content2 .wechat-item {
  line-height: 24px;
}
.wechatCustomerDialog .wechat-w-full {
  width: 100%;
}
.wechatCustomerDialog .wechat-form-item .el-form-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.jlc-img-modal {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-align: center;
  width: 29.6354166667% !important;
}
.jlc-img-modal .el-dialog__header {
  display: none;
}
.jlc-img-modal .el-dialog__body {
  padding: 0 !important;
}
.jlc-img-modal .close-button {
  width: 30px;
  height: 30px;
  margin-top: 18px;
  cursor: pointer;
}
.jlc-img-modal .coupon-banner {
  width: 100%;
  cursor: pointer;
}

.coupon-iframe {
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  overflow: auto;
  pointer-events: auto !important;
}