html {
    background: #f0f0f0;
}

.media-panel {
    background: #fff;
    border-bottom: .1rem solid #efefef;
}

.media-panel:last-child {
    border-bottom: none;
}

.list-cell {
    padding: .3rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-cell:last-child {
    border-bottom: none;
}

.cell_hd {
    font-size: .28rem;
    color: #333;
    width: 1.75rem;
}

.cell_bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: .28rem;
    color: #999;
    text-align: right;
}

.cell_bd img {
    width: .16rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: .1rem;
}

.logout {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .92rem;
    line-height: .92rem;
    text-align: center;
    font-size: .3rem;
    color: #fff;
    background: linear-gradient(to right bottom, #37b6fc, #349ffe);
}