.my-boxs, .my-conts { background: #FFFFFF; margin-bottom: 7px; } .imgs { width: 70px; height: 70px; margin: 0 auto; margin-bottom: 10px; } img { width: 100%; height: 100%; border-radius: 50%; } .my-box { position: relative; padding: 30px 0 20px 0; border-bottom: 1px solid rgba(200, 199, 204, 0.2); } .my-box>.my-cont { text-align: center; margin-top: 5px; } .my-box>.my-cont>span { font-size: 14px; } .my-box>.my-cont1>span { color: #999999; } .my-box1>div { display: inline-block; width: 49%; height: 80px; padding: 15px; text-align: center; box-sizing: border-box; } .my-box1>div:first-child { border-right: 1px solid rgba(200, 199, 204, 0.2); } .my-box1>div>span { font-size: 14px; display: block; margin: 0 auto; } .my-box1>div>span:first-child { width: 35px; height: 35px; } .my-box1>div>span img { width: 100%; height: 100%; } .mui-icon { line-height: 1.7; color: rgb(218, 218, 218); } .my-conts { height: 40px; line-height: 42px; padding: 0 20px; } .right { position: absolute; right: 20px; top: 80px; } .my-conts span:first-child { display: inline-block; width: 15px; height: 15px; position: relative; top: 2px; left: -2px; } .conts span:first-child{ width: 17px; height: 17px; left: -5px; } .my-conts span img { width: 100%; height: 100%; border-radius: 0; }