html,body{
    height: 100%;
    background: #F0F0F0;
}
.my-header{
    background: #fff;
    padding: .426667rem .32rem .533333rem .32rem;
}
.my .my-header-title{
    font-size:20px;
    font-weight:bold;
    line-height:28px;
    margin-bottom: .426667rem;
}
.my .my-header-info{
    font-size:14px;
    font-weight:400;
    line-height:20px;
    color: #707070;
}
.my .my-header-info .fr span{
    color: #CCCCCC;
}
.my .my-header-info .fr img{
    width: .533333rem;
    min-width: 20px;
    height: .533333rem;
    min-height: 20px;
}
.my .mylist-item{
    display: flex;
    height: 1.386667rem;
    align-items: center;
    justify-content: space-between;
    padding-left: .32rem;
    background: #fff;
}
.my .mylist-item .left-img{
    margin-right: .426667rem;
    width: .533333rem;
}
.my .mylist-item div{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: .426667rem;
    color: #333;
    height: 1.386667rem;
    padding-right: .32rem;
}
.first-list{
    margin-bottom: .213333rem;
}
.border-list div{
    border-bottom: 1px solid rgba(204,204,204,0.4);
}
.edit-btns{
    font-size: .32rem;
    color: #FF8827;
}
.edit-btns img{
    margin-left: .213333rem;
    display: inline-flex;
    align-items: center;
}
.my .my-loginout{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .8rem auto;
    width:5.333333rem;
    height: 1.066667rem;
    font-size:.48rem;
    background: #FF8827;
    color: #fff;
}
#homeTop{
    margin-top: .213333rem;
}
.more_img{
    width: .213333rem;
    height: .373333rem;
}