grid布局移动端

* {
   
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.main {
   
    width: 100%;
    padding: .72rem;
}
.item {
   
    width: 100%;
    height: 2.533333rem;
    /* background: skyblue; */
    display: grid;
    grid-template-columns: .413333rem auto .866667rem;
    align-items: center;
    border-bottom: .026667rem solid rgba(235, 235,235 ,1 );
}
.item img {
   
    width: 100%;
}
.item .right {
   
    font-style: .36rem;
    text-align: center;
    font-weight: 400;
    color: rgba(123, 122,124 ,1 );
}
.middleBottom {
   
    font-style: .48rem;
    font-weight: 400;
    line-height: .533333rem;
    color: rgba(123, 122,124 ,1 );
}
.middleTop {
   
    font-style: .60rem;
    font-weight: 800;
    line-height: .693333rem;
    color: rgba(123, 122,124 ,1 );
}
.middle