/* 购买会员 */ .member-center .my-integral { width: 1200px; margin: 40px auto; background: #fff; display: flex; align-items: center; box-sizing: border-box; padding: 20px; } .member-center .my-integral .my-img { width: 60px; height: 60px; font-size: 0; margin-left: 30px; } .member-center .my-integral .my-img img { width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 2px 3px rgba(0,0,0,.08); } .member-center .my-integral .item { padding: 0 50px; border-right: 1px solid #eee; color: #999; text-align: center; } .member-center .my-integral .item .number { font-family: arial; font-size: 22px; margin: 5px 0; } .member-center .my-integral .item.current .number { color: #000; } .member-center .my-integral .item.current .text { padding-left: 19px; background: url(../images/memberPic/my-integral.png) no-repeat left center; background-size: 14px; display: inline-block; } .member-center .my-integral .record { margin-left: 50px; color: #999; display: flex; align-items: center; } .member-center .my-integral .record .icon { width: 18px; height: 23px; background: url(../images/memberPic/record-icon.png) no-repeat center; background-position: 0 0; margin-right: 10px; } .member-center .my-integral .record .arr { font-family: Consolas; margin-left: 5px; } .member-center .my-integral .record:hover { color: #e1251b; } .member-center .my-integral .record:hover .icon { background-position: -23px 0; } /* 购买会员 end */