.container { .memberinfo { display: flex; flex-direction: column; &__list { display: flex; flex-direction: column; width: 100%; align-content: center; align-items: center; &__item { display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: space-around; width: 95%; border-bottom: 1px solid #f0f0f0; padding: 10px 0px; &__right { display: flex; flex-direction: column; width: 100%; align-content: center; align-items: center; margin-left: 10px; height: 100%; &__top, &__btm { height: 35px; } &__top, &__mid { display: flex; flex-direction: row; justify-content: start; align-items: center; width: 100%; .goodsname, .username { color: #000000; font-size: 15px; margin-right: 10px; font-weight: bold; } .tag { background-color: #407DB8; padding: 2.5px 10px; border-radius: 10px; color: #fff; font-size: 11px; margin-right: 5px; } } &__mid { height: 100%; } &__btm { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; .mobile, .wechat { font-size: 13px; color: #000; } } } } } } }