.main-panel{ 
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    margin-left: -380px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    display:none;

     }
     .top_user{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
     }
     .panel{
        width:70% !important;
        background-color: #fff;
        color: #000 !important;
        display:block !important;
     }
     .right{
        width:30%;
        background: #ffffff26;
        height: 100%;
        float:right;
     }
    
     p{
         font-size:15px;
         margin: 12px 17px 12px 15px !important;
         word-break: break-word;
     }
     .top-content{
       /* height: 80px;
        background: var(--theme_color);*/
        color:var(--btn_color);
        padding: 12px 12px 0px;
     }
     span{
    font-size: 18px;
     }
     .logout{
        margin-top: 13px;
        width: 100%;
     }
     .btn{
        color: var(--btn_color);
    border: 2px solid var(--btn_color);
    font-size: 19px;
    width: 100%;
    height: 32px;
    background: none;
     }
     .address p{
        font-size: 15px !important;
     }
     .close {
  color:#000;
  float: right;
  font-size: 25px;
  margin-top: -17px;
}
.knowbutton{
    background: var(--btn_bg_color) !important;
    max-width: 98px;
    height: 29px;
    color: var(--btn_color);
    font-size: 14px !important;
    border: none;
    border-radius: 4px;
    width: auto;
    float: none;
   margin:8px;
}
.main-panel .active-state{
    background-color: rgba(0,0,0,.1) !important;
}