@font-face {
  font-family: 'Text-Regular';
  src: url("./SF-UI-Text-Regular.otf"); }
.max {
  width: 10rem;
  font-family: Text-Regular; }
  .max .header {
    height: 1.4933333333rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 0.4266666667rem; }
    .max .header span {
      width: 0.64rem;
      height: 0.64rem; }
      .max .header span.back {
        background: url("../images/backwhite.png") no-repeat;
        background-size: 100% 100%; }
    .max .header p {
      font-size: 0.4266666667rem;
      color: #3C3C3C; }
  .max .app-logo {
    height: 1.7066666667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0.4266666667rem;
    box-shadow: 0px 0.08rem 0.08rem 0px rgba(232, 232, 232, 0.5); }
    .max .app-logo p {
      width: 3.7333333333rem;
      height: 0.8533333333rem;
      background: url("../images/logo.png?v=1") no-repeat;
      background-size: 100% 100%; }
    .max .app-logo span {
      font-family: Text-Regular;
      text-align: center;
      font-size: 0.32rem;
      height: 0.8533333333rem;
      width: 3.2rem;
      line-height: 0.8533333333rem;
      border-radius: 0.4266666667rem;
      color: #3C3C3C;
      background: linear-gradient(270deg, #18e9c0 0%, #bef278 100%); }
  .max .user {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.7466666667rem; }
    .max .user .user_detail {
      display: flex;
      align-items: center;
      height: 2.1333333333rem;
      display: flex;
      align-items: center; }
      .max .user .user_detail img {
        width: 1.0666666667rem;
        border-radius: 50%; }
      .max .user .user_detail p {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 0.2666666667rem;
        font-style: italic; }
        .max .user .user_detail p span {
          color: #3C3C3C;
          font-size: 0.3733333333rem;
          line-height: 0.48rem; }
          .max .user .user_detail p span:last-child {
            color: #acacac;
            font-size: 0.32rem; }
    .max .user .live-img {
      width: 8.5333333333rem;
      height: 8.5333333333rem;
      position: relative;
      border-radius: 0.5333333333rem;
      overflow: hidden; }
      .max .user .live-img img {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0; }
      .max .user .live-img p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 2.1333333333rem;
        height: 2.1333333333rem;
        background: url("../images/play.png") no-repeat;
        background-size: contain; }
  .max .open {
    width: 8.5333333333rem;
    height: 1.0666666667rem;
    line-height: 1.0666666667rem;
    font-size: 0.32rem;
    text-align: center;
    border-radius: 0.5333333333rem;
    margin: 0.5333333333rem auto 0;
    color: #3C3C3C;
    background: linear-gradient(270deg, #18e9c0 0%, #bef278 100%); }

.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  font-family: Text-Regular;
  display: none; }
  .popup .content {
    width: 8.5333333333rem;
    height: 5.3333333333rem;
    border-radius: 0.4266666667rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff; }
    .popup .content p {
      font-size: 0.3733333333rem;
      color: #3C3C3C;
      text-align: center;
      line-height: 0.5866666667rem;
      padding: 1.3333333333rem 1.2266666667rem;
      box-sizing: border-box; }
    .popup .content div {
      display: flex;
      justify-content: space-between;
      box-sizing: border-box;
      padding: 0 0.4266666667rem; }
      .popup .content div span {
        width: 3.6266666667rem;
        height: 1.0666666667rem;
        border-radius: 0.5333333333rem;
        text-align: center;
        line-height: 1.0666666667rem;
        font-size: 0.32rem;
        color: #3C3C3C; }
        .popup .content div span.cancel {
          background: rgba(78, 189, 122, 0.16);
          color: #4EBD7A; }
        .popup .content div span.sure {
          background: linear-gradient(270deg, #18e9c0 0%, #bef278 100%); }

/*# sourceMappingURL=index.css.map */