.m-LiveList-CardTips {
  white-space: nowrap;
  display: flex;
  position: absolute;
  border-radius: 2px;
  left: 10px;
  top: 10px;
  font-size: 11px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6); }
  .m-LiveList-CardTips-card-tag {
    overflow: hidden;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    padding: 0 4px;
    line-height: 16px;
    font-weight: 600; }
  .m-LiveList-CardTips-card-live-tag-dot {
    display: inline-block;
    width: 6PX;
    height: 6PX;
    border-radius: 50%;
    margin-right: 2px;
    background: #fff;
    flex-shrink: 0; }
  .m-LiveList-CardTips-card-live-icon {
    background: linear-gradient(-90deg, #F53D2D 0%, #FF7333 100%); }
  .m-LiveList-CardTips-card-replay-icon {
    background: linear-gradient(270deg, #6C7FA6 0%, #87A0BC 100%); }
  .m-LiveList-CardTips-card-viewers {
    font-weight: 600;
    font-size: 12px;
    display: flex;
    align-items: center; }
  .m-LiveList-CardTips-card-viewers-icon {
    margin-right: 2px;
    width: 12px;
    height: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK6SURBVHgB7ZqBcdswDEXhXgfwBlUnqEfwBs0GyQbNBkknaDewO0G6gdwJnEwgdYJkg1/wSLc615IokqBEH94dTpecRVKfAEhRIFIURVEURVEURVEUpSxWtAAArPmy7v5vtVq1tACyCsRCVHzZsm3YPrhrNXDLG1vr7IXtwPbM4r3RtcCibNm+szVIR8126wQvDxMybF/cg0izY9tSCThhHthekZ+G7ZaWCg/uBmnDKJQnJAy96CTtBrMjm3x9acklXLbf7u9u4l13zCTyT679NfnzyMn8K80JbAL2DacaNi9Necjz/jaujWZCnxXNAWyuGcOI9xgjykD/ZnL2HmNosovkIY6YMBfGUnkIZcazoRx4iFNjBrfmPu8wHno3JImHOPc0I7De9IQ5PAk2OQ51vKWFABveQ2OtKCVuZvposMAt/4hIR6TKj7C746YkcU6MiPSNUmAaGugkz8oQwYhIW4oBw6GVPCHDeqvpM+n2AP0vzTXFMNDwjgSA3fydeEWiYw0net+OP/wFt6fRBkJ550yg8z4fKAK+/76vbQoFlz1IbK8zIFCSyUF/RFQUAqxrNp2G9iSIh0CG4M1eT/vhHtRpOHni7OnHR6BYkbqrWoMCVuK/TBDo9HBBkwa3Wvr89h2VS8UWlA/NVxHfz0olC2SIOoDzoXSBjDh3JEjpAhk+kyDvSRDYzV014ZaQcBFdhUQ/PZvlmMIeeiofpb7lS4dYDnEMFQlxDTlIFGmBclVhtCSEtEDPlAHJWiJpgV5IngMJIi3QT5JnT4KICsSufyDZGW7ZfpEgOVYxyQqLH0upZYwCtgQvNfEHXUvBnb8ckY4GpdYn9oH/j29jxCnnFHAKsJ60Rzg1rs1zLgG/UpUu5gx61sqRWcC/KrFjTyjtYItDc730LhtMOExXFEVRFEVRFEVRFEW5zB91/oCSnxZNYwAAAABJRU5ErkJggg==);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center; }

.shopee-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: transparent; }

.i-check {
  width: 16px;
  height: 16px;
  border-radius: 2px; }
  .i-check.uncheck {
    border: 1px solid #757575; }
  .i-check.check {
    border: 1px solid #EE4D2D;
    background: #EE4D2D; }
  .i-check.prev-check {
    border: 1px solid #FF9472;
    background: #FF9472; }
  .i-check svg {
    fill: #fff; }

.i-coins svg {
  margin: 2px 3px; }

.i-add svg {
  fill: #EE4D2D; }

.i-ban svg {
  width: 25px;
  height: 25px; }

.i-sort svg {
  fill: #555;
  width: 24px;
  height: 24px; }

.i-delete {
  width: 30px;
  height: 30px;
  background: #F5F5F5;
  border-radius: 50%; }
  .i-delete svg {
    fill: #555;
    width: 24px;
    height: 24px; }

.i-arrow-right svg {
  width: 12px;
  height: 12px;
  fill: #512601; }

.i-viewers svg {
  height: 11px;
  width: 11px;
  fill: #fff; }

.i-play svg {
  width: 40px;
  height: 40px;
  fill: #fff; }

.i-time svg {
  width: 30px;
  height: 30px;
  fill: #fff; }

.i-live-end svg {
  width: 48px;
  height: 48px;
  fill: #fff; }

.i-replay svg {
  width: 24px;
  height: 24px;
  fill: #EE4D2D; }

.i-price {
  display: flex;
  flex-direction: column; }
  .i-price svg {
    fill: rgba(0, 0, 0, 0.54); }
  .i-price .active {
    fill: #EE4D2D; }

.i-select {
  display: flex; }
  .i-select svg {
    height: 16px;
    width: 16px;
    fill: #4a4a4a; }

.info-board .live-end svg {
  width: 24px;
  height: 30px;
  fill: #fff; }

.i-like svg {
  width: 30px;
  height: 30px;
  fill: #fff; }

.i-stick-up, .i-product-group {
  width: 24px;
  height: 24px; }
  .i-stick-up svg, .i-product-group svg {
    width: 24px;
    height: 24px; }

.i-copy-link {
  width: 24px;
  height: 24px; }
  .i-copy-link svg {
    width: 24px;
    height: 24px; }

.i-script-tip {
  width: 12px;
  height: 12px; }
  .i-script-tip svg {
    width: 12px;
    height: 12px; }

.app-wrapper {
  background: #FFFFFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px;
  flex-shrink: 0;
  z-index: 10000;
  flex: 1;
  position: fixed;
  top: 0;
  box-sizing: border-box;
  width: 100%; }

.icon-style {
  display: flex;
  flex-direction: row;
  align-items: center; }

.icon-background {
  background-image: linear-gradient(138deg, #F57443 0%, #EE4D2D 100%);
  border-radius: 6.74px;
  border-radius: 6.74px;
  height: 32px;
  width: 32px;
  margin-right: 8px; }

.grid .row {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .grid .row .column {
    width: 100%;
    flex: 1;
    margin: 0 5px; }
    .grid .row .column:first-child {
      margin-left: 0; }
    .grid .row .column:last-child {
      margin-right: 0; }

.grid .placeholder {
  width: 100%;
  height: 18px; }

.m-LiveList-section-empty {
  background: #fff;
  padding: 30px 20px;
  align-items: center;
  display: flex;
  margin-top: 10px; }
  .m-LiveList-section-empty span {
    font-size: 14px;
    color: rgba(81, 38, 1, 0.6);
    line-height: 16px; }
  .m-LiveList-section-empty .shopee-img {
    flex-shrink: 0;
    margin-right: 14px;
    background: transparent; }

.m-LiveList {
  flex-grow: 1;
  padding: 0px 10px 10px;
  --aspect-ratio: 2/3; }
  .m-LiveList-empty-wrapper, .m-LiveList-error-wrapper {
    flex-grow: 1;
    min-height: 140px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .m-LiveList-empty-wrapper--content, .m-LiveList-error-wrapper--content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-bottom: 10%; }
    .m-LiveList-empty-wrapper--img, .m-LiveList-error-wrapper--img {
      height: 74px;
      width: 74px; }
    .m-LiveList-empty-wrapper--title, .m-LiveList-error-wrapper--title {
      font-size: 12px;
      color: rgba(0, 0, 0, 0.54);
      margin-top: 12px; }
  .m-LiveList .loader {
    margin-top: 10px; }
  .m-LiveList .card-current {
    position: relative; }
    .m-LiveList .card-current .current-live-card-info-wrap {
      width: 100%;
      box-sizing: border-box;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 10px; }
  .m-LiveList .section-card {
    background: #fff;
    padding: 0;
    margin-top: 10px;
    border-radius: 4px; }
    .m-LiveList .section-card .shopee-img {
      border-radius: 4px; }
    .m-LiveList .section-card .video-wrap {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      opacity: 0;
      overflow: hidden;
      transition: opacity 1s ease-in-out; }
      .m-LiveList .section-card .video-wrap.video-show {
        opacity: 1; }
      .m-LiveList .section-card .video-wrap.video-hide {
        opacity: 0; }
      .m-LiveList .section-card .video-wrap video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .m-LiveList .section-card .card-dimmer {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 50%;
      width: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 4.75%, rgba(0, 0, 0, 0.3) 45.43%, rgba(0, 0, 0, 0.7) 100%);
      border-radius: 0px 0px 4px 4px; }
    .m-LiveList .section-card .card-coins {
      display: flex;
      position: absolute;
      border-radius: 100px 0px 0px 100px;
      right: -4px;
      top: 10px;
      height: 16px;
      width: 55px;
      color: #fff;
      align-items: center;
      justify-items: center;
      background: linear-gradient(#FC7333, #F53D2D);
      z-index: 1;
      opacity: 1;
      transition: opacity 1s ease-in-out; }
      .m-LiveList .section-card .card-coins.coins-show {
        opacity: 1; }
      .m-LiveList .section-card .card-coins.coins-hide {
        opacity: 0; }
      .m-LiveList .section-card .card-coins .card-coins-icon {
        display: inline-flex;
        margin: 2px 2px; }
      .m-LiveList .section-card .card-coins .card-coins-count {
        margin-right: 2px;
        width: 100%;
        font-weight: 600;
        text-align: center; }
      .m-LiveList .section-card .card-coins .card-angle {
        border-color: #B10000 transparent transparent #B10000;
        border-width: 2px 4px 0px 0px;
        position: absolute;
        right: 0;
        bottom: -2px;
        border-style: solid solid solid solid; }
    .m-LiveList .section-card .card-tips {
      display: flex;
      position: absolute;
      border-radius: 2px;
      overflow: hidden;
      left: 10px;
      top: 10px;
      font-size: 11px;
      color: #fff;
      background: rgba(0, 0, 0, 0.6); }
      .m-LiveList .section-card .card-tips .card-tag {
        overflow: hidden;
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 16px;
        padding: 0 4px;
        line-height: 16px;
        font-weight: 600; }
      .m-LiveList .section-card .card-tips .card-live-tag-dot {
        display: inline-block;
        width: 6PX;
        height: 6PX;
        border-radius: 50%;
        margin-right: 2px;
        background: #fff; }
      .m-LiveList .section-card .card-tips .card-live-icon {
        background: linear-gradient(-90deg, #F53D2D 0%, #FF7333 100%); }
      .m-LiveList .section-card .card-tips .card-replay-icon {
        background: linear-gradient(-90deg, #6C7FA6 0%, #87A0BC 100%); }
      .m-LiveList .section-card .card-tips .card-viewers {
        font-weight: 600;
        font-size: 12px;
        display: flex;
        align-items: center; }
        .m-LiveList .section-card .card-tips .card-viewers .card-viewers-icon {
          margin-right: 2px; }
  @supports (aspect-ratio: 1) {
    .m-LiveList .section-card {
      aspect-ratio: var(--aspect-ratio);
      padding-top: initial; } }
  @supports not (aspect-ratio: 1) {
    .m-LiveList .section-card {
      padding-top: calc((1 / (var(--aspect-ratio))) * 100%); }
      .m-LiveList .section-card .card-cover {
        position: absolute;
        top: 0;
        left: 0; } }

.cover-img {
  position: relative;
  display: block;
  background: #f4f4f4;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 4px; }
  .cover-img .cover, .cover-img .contain, .cover-img .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .cover-img img.none {
    display: none; }
  .cover-img img.visible {
    display: inherit; }

.m-LiveList-CoinsIcon {
  display: flex;
  position: absolute;
  border-radius: 100px 0px 0px 100px;
  right: -4px;
  top: 10px;
  height: 16px;
  color: #fff;
  align-items: center;
  justify-items: center;
  background: linear-gradient(#FC7333, #F53D2D);
  z-index: 1;
  opacity: 1;
  transition: opacity 1s ease-in-out; }
  .m-LiveList-CoinsIcon-card-coins-icon {
    display: inline-flex;
    margin: 2px 3px; }
  .m-LiveList-CoinsIcon-card-coins-count {
    margin-right: 3px;
    width: 100%;
    font-weight: 600;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis; }
  .m-LiveList-CoinsIcon-card-angle {
    border-color: #B10000 transparent transparent #B10000;
    border-width: 2px 4px 0px 0px;
    position: absolute;
    right: 0;
    bottom: -2px;
    border-style: solid solid solid solid; }

.m-LiveList-VoucherSign {
  position: absolute;
  height: 16px;
  right: -4px;
  top: 10px; }
  .m-LiveList-VoucherSign-content {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
    background: linear-gradient(#fc7333, #f53d2d); }
  .m-LiveList-VoucherSign-image {
    height: 10px;
    width: 11px;
    margin-left: 6px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAeCAYAAACiyHcXAAAAAXNSR0IArs4c6QAABMVJREFUSA3FV2toXEUU/mbu3eyjeTRtkr6QSKoxpo+gxlKp1tbiI5QWQvFJCSoFH/ggFSqiqKAgUq1FjfqjlgqxRamFajGoiBJisRIp1VbTmNRWTE1T0+4mm31k753xzOzuzWZ3s7s/Wnfg7D1z7pzzfffOOWfuQkrJSNpJBkj+z6HwFC7TBADsICnW2KpIDBD64mIxINxBRUIWkYCG5sUmoPDNQkjIcT/EyFmIi6MwahaAL6wlT1d2VysGGY3oe8yg8B5v9nUp1rwk7IETCO1+E+LsXxATY+AVc8Gr56H0ubfAyitTQpEaCSP46pMQY36a0C5zA2UvdoDNqZ6+Lm2WMydk4AL8W1qAaDjNDXA1r0bp8zsB9bSJEe58B9HPdkPaNpivFN4H2+G+6+7k7RmvOXMicmgvWCyqnTk9jXFlPVjZbD23+o/BOnbECWyf6sNkd5cmoIwlzbfAfXurcz+XkpOEON0PKYT2V09U/vZ+MBYPJ8cCsIf+jE8sC+F970EM/63nRt018LQ9Pe0txRdm/81JQuq9jTvyqnlaMZtWOpHE+WGtx3q+hnX8Z63z2XPgvecR8JqFzrp8Sk4SrHqB4x/78XvI4BjEufjTqhvGFXWQ/lGED34EOTEORonoWnUnXDetc/wKURQJH8nNJEfTHcxlN4IlSix2/Cf4N98Ke7BPL9M5UteAyIE9sGnb1DDql8F7/6Nw9kxbZ/xReArXxxljYZIfaEJlAFVbznCvWQ/jqkaKbkCGJgBhU+JZRMwHo/F6gKpg8vA3+sqr58Pb9lRm2TrRpikKp0XhKnynvmhyjjp4N93c6Cx3e1H28gcI7doOu/8XArMAspWsboH7jk0Ivv6MbmIocaNkXSvMpc0AJakYHQavrKIS8Tih0pRuhZe0OSSShowrAfgefwGYjFDH/Be8ar7O+sj+DykZe/Vyc8kN8La2Ifp5py5T3Veofxj1S+Hb8iyRcWeETTUkCo76m5Qq/U+SVKQuyKbb/b8iuH0bJekQjLk1mLXtDUQO7UOstxsyTNuWGCpRjWubUPbS++ntW21HQ/JtcAL3kqwiYxdJXgKSWndozw5NgILAXHkbbZEb1oneOAHTpPJcBF5WQT3Ghj3wO6LffZGg5VxUx+tSuApfVUeIpIfkOpK8I/LpLth9lB80eO3V8Gx6GOLMHxAXzsdttF3lOz9xzgtJLT+5bXrB1I/CU7ghRaLgYR09THv+JSSdlJwqxL3+Xp0j1plBJ4a5uBGstByejZsdm6REzTUKJiEpKUOd71Lmj+h4RsNyuNdu0DpPaWoiMKptYuQfBzd53jiGNCV/dSgH+vgKf9wBMfCbdlfJ6L3vMacEjUW1dMRXQgQuwj51EoG2tbRX8edjdOW19Wmw06cFvYlYz1eYPPItcRFQ5WSuWEPNaiqFzOUrYDQ00T1GTS0IQa08mSNweeDZ8MB01LRZzu8JtVaOBxB85Yl4x6RqYFQJpdTA1L6nDnWuBF9rj3+BEQk+qxyc3pDvoa3UdZekLs3Q85LQHtSoZCymVaYaj6skI5A2UMLaQ6ehTldeSV9gdJLmywflVxiJ7JCXzFpQTlwytBkCKRJTRT7DostsHlQkOi4zSL7wHergUnlR1D/E/wGu/KbBYbIylwAAAABJRU5ErkJggg==);
    background-size: contain; }
    @media (max-width: 320px) {
      .m-LiveList-VoucherSign-image {
        display: none; } }
  .m-LiveList-VoucherSign-text {
    font-size: 10px;
    line-height: 16px;
    color: #ffffff;
    align-items: center;
    text-align: center;
    margin-right: 2px;
    margin-left: 4px;
    font-weight: 700; }
  .m-LiveList-VoucherSign-angle {
    border-color: #B10000 transparent transparent #B10000;
    border-width: 2px 4px 0px 0px;
    position: absolute;
    right: 0;
    bottom: -2px;
    border-style: solid solid solid solid; }

.m-LiveList-LiveInfo .card-title {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  line-height: 16px;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word; }

.m-LiveList-LiveInfo .card-views {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 17px;
  margin-bottom: 10px; }

.m-LiveList-LiveInfo .card-profile {
  display: flex;
  align-items: center; }
  .m-LiveList-LiveInfo .card-profile .card-avatar {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    flex-shrink: 0; }
  .m-LiveList-LiveInfo .card-profile .card-name {
    font-size: 15px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.m-LiveList-LiveInfo.dark .card-title {
  color: rgba(0, 0, 0, 0.87); }

.m-LiveList-LiveInfo.dark .card-profile .card-name {
  color: #333; }

.live-card-avatar {
  border-radius: 50%;
  overflow: hidden;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  flex-shrink: 0; }
  .live-card-avatar-image {
    width: 100%;
    height: 100%; }


/*# share.c091a71f.chunk.css.map*/