.header{
    position: relative;
    padding:0 15px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    height:48px;
    line-height:48px;
}
.about_coins{
    padding:5px 16px;
    display:flex;
    justify-content: space-around;
    align-items: center;
    margin-top:30px;
    flex-wrap:wrap;

}
.item{
    text-align: center;
    width:50%;
}
.about_coins .coin_name{
    color:#979797;
}
.about_coins .coin_amount{
    font-size:1.5rem;
    margin:0;
}
#toUp{
    width:80%;
    display:flex;
    justify-content:center;
    align-items:center;
    height:40px;
    background-color:#fd0252;
    color:#fff;
    border:none;
    border-radius:30px;
    font-size:1.2rem;
    cursor:pointer;
    margin-top:25px;

}
.menu-list {
    margin: 20px 10px;
    background-color: #1c1c1e;
    border-radius: 10px;
    margin-bottom:60px;
    margin-top:60px;
}
.menu-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #2c2c2e;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}
.menu-item:last-child {
    border-bottom: none;
}
.menu-item svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    margin-right: 15px;
}
.menu-item .menu-text {
    flex: 1;
    font-size: 16px;
    color: #fff;
}
.menu-item .version {
    color: #8e8e93;
    font-size: 14px;
    margin-right: 10px;
}
.menu-item .menu-arrow {
    width: 16px;
    height: 16px;
    fill: #8e8e93;
}
.history-record{
    position: fixed;
    /* width:100%; */
    top:0;
    height:100vh;
    left:0;
    right:0;
    background-color:#000;
    padding:30px;
    bottom:0;
    display:none;
}
.list_item{
    margin-bottom:10px;
    font-size:14.4px;
    padding:5px 16px;
    border-radius:10px;
    background-color:#1c1c1e;
}
.item_content{
    display:flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
}
.channel{
    width:15%;
}
.order_info{
    width:60%;
}
.right{
    width:25%;
    display:flex;
    align-items:center;
    text-align:right;
    justify-content:flex-end;
}
.expiredTime{
    margin-bottom:0;
}
.text-success{
    margin-top:5px;
    color:#129f78;
}
.order_title,.productName{
    margin-bottom:0;
    font-size:1.2rem;
}
.Cancel_Subscription{
    text-align:center;
    margin:10px auto;
    padding:5px 10px;
    border-radius:15px;
    background-color:#fd0252;
    color:#fff;
    width:50%;

}
.Cancel{
    width:95%;
    margin:0 auto;
    position:fixed;
    left:2.5%;
    bottom:20px;
    background-color: #1c1c1e;
    color:#fff;
    border:none;
    border-radius:15px;
    font-size:1.2rem;
    cursor:pointer;
    /* padding:10px 20px; */
    padding:10px 0;
}
.Cancel p{
    text-align:center;
    width:90%;
    margin:10px auto;
}
.goCancel{
    width:90%;
    padding:8px 10px;
    border-radius:15px;
    background-color:#fd0252;
    color:#fff;
    border:none;
    font-size:1.2rem;
    cursor:pointer;
    margin:20px auto;
    text-align:center;
}
.Cancel_mask{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.5);
    display:none;
}