ion-header{
  .detail-operation{
    z-index: 99;
    margin-right: 5pt;
    ion-icon{
      margin: 5pt;
      font-size: 18pt;
    }
  }
}
.menu{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0,0.3);
  z-index: 999;
  top: 0;
  //ion-menu{
  //  --width: 95%;
  //}
  .menu-content{
    width: 90%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    --width:90%;
    border-radius: 10pt 0 0 10pt;
    //ion-menu {
      .category-list {
        float: left;
        width: 40%;
        background-color: rgba(0, 0, 0, 0.08);
        height: calc(100vh);
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        .menu-close-btn {
          margin: 20pt 5pt;
          font-size: 25pt;
          color: #a0a0a0;
        }
        .list{
          .item{
            line-height: 25pt;
            padding: 5pt;
            height: 40pt;
            color: var(--ion-color-dark);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
          }
          .active{
            background: var(--ion-color-light);
            color: var(--ion-color-primary);
            font-size: 14pt;
            font-weight: bold;
            border-left: 2pt solid var(--ion-color-primary);
          }
        }
      }
      .content{
        float: left;
        width: 55%;
        margin: 10pt 2.5%;
        .search-content{
          display: flex;
          border-radius: 10pt;
          height: 40pt;
          border: 1pt solid #999999;
          align-items: center;
          padding: 0 5pt;
          ion-icon{
            font-size: 30px;
            color: #a0a0a0;
            text-align: center;
          }
        }
        .list{
          margin-top: 37pt;
          .item{
            color: #999999;
            overflow: hidden;
            margin-bottom: 18pt;
            font-size: 16pt;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }
  //}
}

ion-content{
  .spinner-content{
    width: 100%;
    height: 100%;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    align-self: center;
    display: flex;
    ion-spinner{
      width: 50px;
      height: 50px;
    }
  }
  .time-consuming{
    margin: 5px;
    span{
      color: indianred;
    }
  }
  iframe{
    border: none;
    width: 100%;
    height: 100%;
  }
}