/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-income-uikit/lib/components/image/index.css ***!
  \************************************************************************************************************************************************************************************************************************/
img[src=""],
img:not([src]) {
  opacity: 0;
}
img.lazyload {
  transition: opacity 0.6s ease-in-out;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/@music/mobile-toast/dist/index.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
/* 中间显示toast */
.mrc-toast,
.m-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  transform: translate(-50%, -50%);
  min-width: 70px;
  min-height: 30px;
  text-align: center;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all 200ms linear;
  /* 动画设置 */
  /* 页面顶部显示toast */
}
.mrc-toast.toast-entering,
.m-toast.toast-entering {
  opacity: 0;
}
.mrc-toast.toast-entered,
.m-toast.toast-entered {
  opacity: 1;
}
.mrc-toast.toast-exiting,
.m-toast.toast-exiting {
  opacity: 1;
}
.mrc-toast.toast-exited,
.m-toast.toast-exited {
  opacity: 0;
}
.mrc-toast .text,
.m-toast .text {
  padding: 10px 15px;
  line-height: 30px;
  font-size: 15px;
  color: #fff;
}
.mrc-toast-center,
.m-toast-center {
  margin-top: -100px;
  width: 180px;
  min-height: 116px;
  border-radius: 6px;
}
.mrc-toast-center .icn,
.m-toast-center .icn {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 25px 0 6px;
}
.mrc-toast-center .text,
.m-toast-center .text {
  line-height: 20px;
  padding: 0 15px 10px;
}
.mrc-toast-top,
.m-toast-top {
  top: calc(15px + constant(safe-area-inset-top));
  top: calc(15px + env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  min-width: 70px;
  height: 30px;
  padding: 0 15px;
  line-height: 30px;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.6);
}
.mrc-toast-top .text,
.m-toast-top .text {
  padding: 0;
  line-height: 30px;
}
.mrc-toast-top .icn,
.m-toast-top .icn {
  display: none;
  margin: 0;
}
.mrc-toast-top.toast-entering,
.m-toast-top.toast-entering {
  transform: translate(-50%, -100%);
  opacity: 0.5;
}
.mrc-toast-top.toast-entered,
.m-toast-top.toast-entered {
  transform: translate(-50%, 0);
  opacity: 1;
}
.mrc-toast-top.toast-exiting,
.m-toast-top.toast-exiting {
  transform: translate(-50%, 0);
  opacity: 0.5;
}
.mrc-toast-top.toast-exited,
.m-toast-top.toast-exited {
  transform: translate(-50%, -100%);
  opacity: 0.01;
}
.mrc-toast-loading,
.m-toast-loading {
  margin-top: -100px;
  width: 180px;
  min-height: 116px;
  border-radius: 6px;
}
.mrc-toast-loading .icn,
.m-toast-loading .icn {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 27px 0 6px;
  background: url("//p3.music.126.net/C9tJEnwLhYm4dvTdsukD0g==/19106213556354168.jpg") no-repeat;
  background-size: 30px 240px;
  background-position: 0 0;
  animation: toastload 0.72s infinite step-start;
}
.mrc-toast-loading .text,
.m-toast-loading .text {
  line-height: 20px;
  padding: 0 15px 10px;
}
.mrc-toast-iconmiddle .icn,
.m-toast-iconmiddle .icn {
  margin-top: 43px;
}
@keyframes toastload {
  0% {
    background-position-y: 0;
  }
  14.28% {
    background-position-y: -30px;
  }
  28.56% {
    background-position-y: -60px;
  }
  42.84% {
    background-position-y: -90px;
  }
  57.12% {
    background-position-y: -120px;
  }
  71.4% {
    background-position-y: -150px;
  }
  85.68% {
    background-position-y: -180px;
  }
  100% {
    background-position-y: -210px;
  }
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-mobile-vip-activity-common/lib/index.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.test {
  font-size: 16px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-mobile-vip-activity-common/node_modules/@music/ct-income-uikit/lib/components/image/index.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
img[src=""],
img:not([src]) {
  opacity: 0;
}
img.lazyload {
  transition: opacity 0.6s ease-in-out;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-mobile-vip-activity-common/node_modules/@music/ct-income-uikit/lib/components/layer/index.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.layer-container {
  position: fixed;
  z-index: 1000;
  pointer-events: none;
}
.layer-container .mask {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
}
.layer-container button.close {
  border-radius: 50%;
  position: relative;
}
.layer-container button.close:active {
  opacity: 0.8;
}
.layer-container button.close::after {
  content: '';
  position: absolute;
  background-size: cover;
}
.layer-container .content {
  position: relative;
  z-index: 1000;
}
.layer-container.modal {
  align-items: center;
  justify-content: center;
}
.layer-container.modal .layer {
  opacity: 0;
  margin-bottom: 72px;
}
.layer-container.modal button.close {
  width: 32px;
  height: 32px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -72px;
  backdrop-filter: blur(20px);
  background-color: #999;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .layer-container.modal button.close {
    background-color: rgba(255, 255, 255, 0.36);
  }
}
.layer-container.modal button.close::after {
  background-image: url("data:image/svg+xml,%3Csvg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M21.913 10.087c.26.26.26.68 0 .94L16.94 16l4.974 4.973a.665.665 0 1 1-.94.94L16 16.942l-4.973 4.973a.665.665 0 0 1-.94-.94L15.058 16l-4.972-4.972a.665.665 0 1 1 .94-.94L16 15.06l4.972-4.973c.26-.26.681-.26.94 0z\" fill=\"%23fff\"/%3E%3C/svg%3E");
}
.layer-container.sheet {
  justify-content: flex-end;
}
.layer-container.sheet .layer {
  transform: translateY(100%);
}
.layer-container.sheet .content {
  position: relative;
  border-radius: 20px 20px 0 0;
  background: #fff;
  padding-bottom: var(--safe-area-inset-bottom);
}
.layer-container.sheet button.close {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 11px;
  right: 16px;
  background-color: rgba(0, 0, 0, 0.05);
}
.layer-container.sheet button.close::after {
  background-image: url("data:image/svg+xml,%3Csvg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M8.838 8.838a1 1 0 0 1 1.415 0l3.746 3.746 3.748-3.746a1 1 0 0 1 1.498 1.32l-.083.095-3.748 3.746 3.748 3.748.083.095a1 1 0 0 1-1.498 1.32L14 15.414l-3.746 3.748a1 1 0 0 1-1.498-1.32l.083-.095L12.584 14l-3.746-3.746-.083-.095a1 1 0 0 1 .083-1.32z\" fill=\"%23666\"/%3E%3C/svg%3E");
}
.layer-container .mask,
.layer-container .layer {
  transition: all 0s ease-out;
  transition-duration: inherit;
}
.layer-container.show {
  pointer-events: initial;
}
.layer-container.show .mask {
  background-color: rgba(0, 0, 0, 0.2);
}
.layer-container.show.modal .layer {
  opacity: 1;
}
.layer-container.show.sheet .layer {
  transform: translateY(0);
}
.layer-container,
.layer-container .mask,
.layer-container button.close::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layer-container,
.layer-container .layer,
.layer-container .content {
  display: flex;
  flex-direction: column;
}
.keyboard-active .layer-container.sheet .content {
  padding-bottom: 0;
}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-mobile-vip-activity-common/lib/components/vip-days/index.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.vip-days-container {
  position: absolute;
  left: 214px;
  top: 141px;
  width: 100px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: #fff7ca;
}
.vip-days-container .day-text {
  font-family: 'Outfit', sans-serif;
  font-size: 37px;
  font-weight: bold;
}
.vip-days-container .day-unit {
  font-size: 17px;
  font-family: 'FZLanTingHeiS-H-GB', sans-serif;
  font-weight: 400;
  margin-bottom: 5px;
  margin-left: 2px;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-mobile-vip-activity-common/lib/components/redenvelop-modal/index.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.red-envelope-receive-modal.layer-container.modal button.close {
  bottom: -52px;
}
.red-envelope-receive-modal.layer-container.show .mask {
  background-color: rgba(0, 0, 0, 0.7);
}
.red-envelope-receive-modal .red-envelope-receive-container {
  position: relative;
  box-sizing: border-box;
  width: 343px;
  height: 365px;
  padding: 20px;
}
.red-envelope-receive-modal .red-envelope-receive-container .action {
  position: absolute;
  left: 50px;
  bottom: 37px;
  width: 253px;
  height: 45px;
}
.red-envelope-receive-modal .red-envelope-receive-container .red-envelope-vipdays {
  top: 157px;
  left: 50%;
  transform: translateX(-50%);
  color: #ea2323;
}
.red-envelope-receive-modal .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  object-position: top;
}
.red-envelope-receive-modal .background[src=''],
.red-envelope-receive-modal .background:not([src]) {
  opacity: 0;
}
.exception-modal.layer-container.modal button.close {
  bottom: -52px;
}
.exception-modal .exception-container {
  position: relative;
  width: 328px;
  padding: 44px;
  height: 328px;
  display: flex;
  flex-direction: column;
}
.exception-modal .exception-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  object-position: top;
}
.exception-modal .exception-container img[src=''],
.exception-modal .exception-container img:not([src]) {
  opacity: 0;
}
.exception-modal .action {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-mobile-vip-activity-common/lib/components/count-down/index.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.countdown-text {
  font-size: 13px;
  color: #ffdadb;
  text-align: center;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-mobile-vip-activity-common/lib/components/marketing-modal/index.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.marketing-modal.layer-container.show .mask {
  background-color: rgba(0, 0, 0, 0.7);
}
.marketing-modal .container {
  width: 375px;
  position: relative;
}
.marketing-modal .container .background {
  width: 375px;
  height: auto;
}
.marketing-modal .container .title {
  position: absolute;
  width: 375px;
  top: 0;
}
.marketing-modal .container .title .textline {
  font-family: 'FZLanTingHeiS-H-GB', sans-serif;
  font-size: 30px;
  color: #fff7ca;
  line-height: 38px;
  text-align: center;
}
.marketing-modal .container .vip-day-wrap {
  position: absolute;
  left: 229px;
  top: 154px;
  width: 95px;
  height: 46px;
  color: #ea2323;
}
.marketing-modal .container .vip-day-wrap .day-text {
  font-size: 36px;
}
.marketing-modal .container .vip-day-wrap .day-unit {
  font-size: 21px;
}
.marketing-modal .container .action {
  position: absolute;
  bottom: 0;
  width: 240px;
  height: 50px;
  left: 50%;
  transform: translateX(-50%);
}
.marketing-modal .time-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #ffdadb;
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/tms/main.module.less ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'FZLanTingHeiS-H-GB';
  src: url(https://d2.music.126.net/dmusic/obj/w5zCg8OAw6HDjzjDgMK_/10712419377/1c0e/cc94/0e99/34d211b807682118d8cb560b214cb021.ttf);
}
.actm-ActivityModal {
  width: 100%;
  height: 100%;
}
.container--ZAratfoB {
  position: relative;
  width: 100%;
  height: 100%;
}
.content--wvxSb0BW {
  width: 100%;
  height: 100%;
}
.bg--oHVeWy9j {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-income-uikit/lib/components/layer/index.css ***!
  \************************************************************************************************************************************************************************************************************************/
.layer-container {
  position: fixed;
  z-index: 1000;
  pointer-events: none;
}
.layer-container .mask {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
}
.layer-container button.close {
  border-radius: 50%;
  position: relative;
}
.layer-container button.close:active {
  opacity: 0.8;
}
.layer-container button.close::after {
  content: '';
  position: absolute;
  background-size: cover;
}
.layer-container .content {
  position: relative;
  z-index: 1000;
}
.layer-container.modal {
  align-items: center;
  justify-content: center;
}
.layer-container.modal .layer {
  opacity: 0;
  margin-bottom: 72px;
}
.layer-container.modal button.close {
  width: 32px;
  height: 32px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -72px;
  backdrop-filter: blur(20px);
  background-color: #999;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .layer-container.modal button.close {
    background-color: rgba(255, 255, 255, 0.36);
  }
}
.layer-container.modal button.close::after {
  background-image: url("data:image/svg+xml,%3Csvg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M21.913 10.087c.26.26.26.68 0 .94L16.94 16l4.974 4.973a.665.665 0 1 1-.94.94L16 16.942l-4.973 4.973a.665.665 0 0 1-.94-.94L15.058 16l-4.972-4.972a.665.665 0 1 1 .94-.94L16 15.06l4.972-4.973c.26-.26.681-.26.94 0z\" fill=\"%23fff\"/%3E%3C/svg%3E");
}
.layer-container.sheet {
  justify-content: flex-end;
}
.layer-container.sheet .layer {
  transform: translateY(100%);
}
.layer-container.sheet .content {
  position: relative;
  border-radius: 20px 20px 0 0;
  background: #fff;
  padding-bottom: var(--safe-area-inset-bottom);
}
.layer-container.sheet button.close {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 11px;
  right: 16px;
  background-color: rgba(0, 0, 0, 0.05);
}
.layer-container.sheet button.close::after {
  background-image: url("data:image/svg+xml,%3Csvg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M8.838 8.838a1 1 0 0 1 1.415 0l3.746 3.746 3.748-3.746a1 1 0 0 1 1.498 1.32l-.083.095-3.748 3.746 3.748 3.748.083.095a1 1 0 0 1-1.498 1.32L14 15.414l-3.746 3.748a1 1 0 0 1-1.498-1.32l.083-.095L12.584 14l-3.746-3.746-.083-.095a1 1 0 0 1 .083-1.32z\" fill=\"%23666\"/%3E%3C/svg%3E");
}
.layer-container .mask,
.layer-container .layer {
  transition: all 0s ease-out;
  transition-duration: inherit;
}
.layer-container.show {
  pointer-events: initial;
}
.layer-container.show .mask {
  background-color: rgba(0, 0, 0, 0.2);
}
.layer-container.show.modal .layer {
  opacity: 1;
}
.layer-container.show.sheet .layer {
  transform: translateY(0);
}
.layer-container,
.layer-container .mask,
.layer-container button.close::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layer-container,
.layer-container .layer,
.layer-container .content {
  display: flex;
  flex-direction: column;
}
.keyboard-active .layer-container.sheet .content {
  padding-bottom: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/tms/components/Layer/index.module.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.container--H3_awu9c {
  width: 93.33333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.container--H3_awu9c.inviteContainer--jMY_diDT {
  width: 76.8vw;
}
.container--H3_awu9c.inviteContainer--jMY_diDT .action--K6Otf352 {
  left: 0;
  right: 0;
  width: 100%;
  height: 26.66667vw;
}
.container--H3_awu9c .background--qlg9Nu_M {
  position: relative;
  width: 100%;
  min-height: 73.33333vw;
  height: auto;
}
.container--H3_awu9c .background--qlg9Nu_M.aniBg--SjjaizrT {
  opacity: 0;
  will-change: opacity;
  animation: fadeInBg--VeKa4WGp 0.3s linear 0.95s forwards;
}
.container--H3_awu9c .titleBg--oAHMDOo_ {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}
.container--H3_awu9c .title--oAyw95oN {
  position: absolute;
  top: 0;
  width: 100%;
}
.container--H3_awu9c .title--oAyw95oN .textline--_13DoJbA {
  font-size: 6.93333vw;
  color: #FFEFCE;
  line-height: 10.13333vw;
  text-align: center;
  font-weight: 800;
}
.container--H3_awu9c .title--oAyw95oN .textline1--IHjQAP1n {
  font-size: 6.4vw;
  color: #FFEFCE;
  line-height: 10.13333vw;
  text-align: center;
  font-weight: 800;
  letter-spacing: -0.53333vw;
}
.container--H3_awu9c .action--K6Otf352 {
  position: absolute;
  bottom: 4vw;
  left: 13.33333vw;
  width: 80vw;
  height: 18.66667vw;
}
.container--H3_awu9c .cardWrap--H0sZbtpH {
  position: absolute;
  top: 0;
  transform: translateY(100%);
  width: 100%;
  will-change: transform;
  animation: moveToTop--gISvstFh 0.25s linear 0.75s forwards;
}
.container--H3_awu9c .cardWrap--H0sZbtpH .cardInner--rmBxmRPH {
  position: relative;
  margin: 0 auto;
  padding-top: 4.26667vw;
  padding-left: 5.33333vw;
  width: 76.8vw;
  height: 34.66667vw;
  will-change: transform, opacity;
  animation: fadeIn--RoamK0bN 250ms linear forwards;
  transform: translateZ(0);
}
.container--H3_awu9c .cardWrap--H0sZbtpH .cardInner--rmBxmRPH.fail--xLLz2WvE {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container--H3_awu9c .cardWrap--H0sZbtpH .light--TdOvG18R {
  position: absolute;
  top: -32.53333vw;
  left: -11.46667vw;
  width: 99.73333vw;
  height: 99.73333vw;
  will-change: transform;
  animation: rotate--F8ug17U_ 5s linear infinite;
  transform: translateZ(0);
}
.container--H3_awu9c .cardWrap--H0sZbtpH .card--Ln8AuZ0q {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.container--H3_awu9c .cardWrap--H0sZbtpH .user--BgKIUSuA {
  position: relative;
  display: flex;
  align-items: center;
  height: 6.4vw;
  color: #fff;
}
.container--H3_awu9c .cardWrap--H0sZbtpH .user--BgKIUSuA .avatar--hUioNDzK {
  width: 6.4vw;
  height: 6.4vw;
  margin-right: 1.6vw;
  border-radius: 50%;
  border: 1px solid #fff8d4;
}
.container--H3_awu9c .cardWrap--H0sZbtpH .user--BgKIUSuA .txt--yl5Tb7yA {
  font-size: 3.2vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container--H3_awu9c .cardWrap--H0sZbtpH .failTitle--RV85I5KQ {
  position: relative;
  font-size: 3.73333vw;
  font-weight: 600;
  line-height: 5.06667vw;
  color: #fff;
}
.container--H3_awu9c .cardWrap--H0sZbtpH .msg--qtCUfFqP {
  position: relative;
  max-width: 34.66667vw;
  margin-top: 1.6vw;
  font-size: 2.66667vw;
  color: #B6B6B6;
  line-height: 3.73333vw;
}
.countdown--t2oHrFKz {
  font-size: 3.46667vw;
  color: #FFDADB;
  text-align: center;
}
@keyframes fadeInBg--VeKa4WGp {
  to {
    opacity: 1;
  }
}
@keyframes moveToTop--gISvstFh {
  to {
    transform: translateY(0) translateZ(0);
  }
}
@keyframes fadeIn--RoamK0bN {
  0% {
    transform: scale(0.6) translateZ(0);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateZ(0);
    opacity: 1;
  }
}
@keyframes rotate--F8ug17U_ {
  from {
    transform: rotate(0deg) translateZ(0);
  }
  to {
    transform: rotate(360deg) translateZ(0);
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/tms/components/Layer/indexnew.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.market-act-modal.show .mask {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/@music/ct-ksong-guide/dist/index.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.m-guide-mask {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.m-guide-wrap {
  box-sizing: border-box;
  position: absolute;
  width: 234px;
  height: 80px;
  background-image: url(https://s7.music.126.net/6603e3b7c04a52e5522e098c/76a694e090b43eca8a2b.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 10px;
  right: 12px;
  padding-left: 37px;
  padding-top: 22px;
}
.m-guide-wrap p {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}
.guidemask-enter {
  opacity: 0.1;
}
.guidemask-enter.guidemask-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-out;
}
.guidemask-appear {
  opacity: 0.1;
}
.guidemask-appear.guidemask-appear-active {
  opacity: 1;
  transition: opacity 300ms ease-out;
}
.guidemask-exit {
  opacity: 1;
}
.guidemask-exit.guidemask-exit-active {
  opacity: 0;
  transition: opacity 300ms ease-out;
}

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-ksong-guide/dist/index.css ***!
  \*******************************************************************************************************************************************************************************************************/
.m-guide-mask {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.m-guide-wrap {
  box-sizing: border-box;
  position: absolute;
  width: 234px;
  height: 80px;
  background-image: url(https://s7.music.126.net/6603e3b7c04a52e5522e098c/76a694e090b43eca8a2b.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: 10px;
  right: 12px;
  padding-left: 37px;
  padding-top: 22px;
}
.m-guide-wrap p {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}
.guidemask-enter {
  opacity: 0.1;
}
.guidemask-enter.guidemask-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-out;
}
.guidemask-appear {
  opacity: 0.1;
}
.guidemask-appear.guidemask-appear-active {
  opacity: 1;
  transition: opacity 300ms ease-out;
}
.guidemask-exit {
  opacity: 1;
}
.guidemask-exit.guidemask-exit-active {
  opacity: 0;
  transition: opacity 300ms ease-out;
}

/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/ct-income-uikit/lib/base.css ***!
  \******************************************************************************************************************************************************************************************************/
.flex {
  display: flex;
  align-items: center;
}
.flex.column {
  flex-direction: column;
}
.flex.center {
  justify-content: center;
}
.fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hairline-x,
.hairline-y {
  display: block;
  background-color: rgba(0, 0, 0, 0.1);
}
.hairline-x {
  height: 1px;
}
.hairline-y {
  width: 1px;
}
.hairline-border::after {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transform-origin: top left;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: inherit;
}
button {
  outline: none;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  --safe-area-inset-top: 0;
  --safe-area-inset-bottom: 0;
}
html.ios {
  --safe-area-inset-top: constant(safe-area-inset-top);
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: constant(safe-area-inset-bottom);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
}
@media only screen and (device-width: 375px) and (device-height: 812px) {
  html.ios {
    --safe-area-inset-top: 44px;
    --safe-area-inset-bottom: 34px;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2.88) {
  html.ios {
    --safe-area-inset-top: 50px;
    --safe-area-inset-bottom: 34px;
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) {
  html.ios {
    --safe-area-inset-top: 48px;
    --safe-area-inset-bottom: 34px;
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  html.ios {
    --safe-area-inset-top: 44px;
    --safe-area-inset-bottom: 34px;
  }
}
@media only screen and (device-width: 390px) and (device-height: 844px) {
  html.ios {
    --safe-area-inset-top: 47px;
    --safe-area-inset-bottom: 34px;
  }
}
@media only screen and (device-width: 428px) and (device-height: 926px) {
  html.ios {
    --safe-area-inset-top: 47px;
    --safe-area-inset-bottom: 34px;
  }
}
@media only screen and (device-width: 393px) and (device-height: 852px) {
  html.ios {
    --safe-area-inset-top: 59px;
    --safe-area-inset-bottom: 34px;
  }
}
@media only screen and (device-width: 430px) and (device-height: 932px) {
  html.ios {
    --safe-area-inset-top: 59px;
    --safe-area-inset-bottom: 34px;
  }
}