.fri-con-tit { /* margin-top: 45px; */ display: flex; justify-content: space-between; align-items: center; /* padding: 15px; */ flex: 1; background: #fff; width: 98%; margin: 0 auto 5px; } .headerimg { width: 78px; height: 78px; border-radius: 100px; border: 3px solid #fff; margin-right: 10px; } .headerimg img { width: 100%; } .fri-con-tit .shop_info { flex: 3; } .fri-con-tit .shop_info p { font-size: 21px; color: #666; font-weight: 300; } .fri-con-tit .shop_info span { font-size: 17px; color: #ce2121; margin-right: 10px; } .fri-con-tit .shop_info .orange { background: rgba(224, 35, 218, 0.68); font-size: 14px; border: 1px solid #ff7900; border-radius: 10px; margin-left: 10px; margin-top: -5px; display: inline-block; width: 30px; height: 20px; text-align: center; line-height: 20px; } .fri-con .row { display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px; position: relative; padding: 0px 7px; width: 98%; margin: 0 auto 5px; flex: 1; } .row label { font-size: 17px; color: #363636; } .row label .lock{ color: #ce2121; } .fri-con { margin-top: 11px; } .fri-share { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 220px; margin: 30px auto; text-align: center; } .fri-share-img { width: 150px; height: 150px; } .fri-share-img img { width: 100%; height: 100%; } .list_row{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; align-content: flex-start; background: #fff; padding-top: 10px; margin-bottom: 7px; } .lock_row{ display: flex; justify-content: space-around; align-items: center; background: #fff; /* padding-top: 10px; */ margin-bottom: 7px; } .lock_row label{ display: inline-block; padding: 10px 5px; font-size: 13px; color: #363636; } .lock_row span{ display: inline-block; font-size: 13px; color: #363636; } .list_row label{ display: inline-block; padding: 0px 8px 10px; width: 20%; font-size: 13px; color: #363636; } .list_row span{ display: inline-block; width: 30%; padding: 0px 8px 10px; font-size: 13px; color: #363636; } /* 烂笔头 */ .con{ } .essay-con{ width: 98%; margin: 0px auto; margin-bottom: 5px; } .essay-con .row{ display:flex ; justify-content: space-between; align-items: center; padding: 10px; background: #eee; /* height: 20px; */ } .essay-con .row .del{ width: 25px; height: 25px; } .essay-con .row .name{ font-size: 15px; } .essay-con .row .del img { width: 100%; height: 100%; } .row_con{ display:flex ; justify-content: space-between; align-items: center; background: #fff; } .row_con_con{ display:flex ; flex-direction: column; justify-content: space-between; align-items: center; padding: 10px; font-size: 15px; } .row_con_con .row_con_con_{ width: 60px; height:60px; padding: 10px; } .row_con_con .row_con_con_ img{ width: 100%; height: 100%; } .essay-con .row .pass { position: relative; } .essay-con .row .pass input{ width:200px; margin: 0px; padding-right: 50px; } .essay-con .row .pass .send{ width:30px ; height: 30px; position: absolute; right: 3px; top: 5px; } .essay-con .row .pass .send img { width: 100%; height: 100%; } .add1{ width: 96%; margin: 35px auto; height: 63px; background:#C9C9C9; border:1px solid #C9C9C9; border-radius: 5px; display:flex; justify-content: center; align-items:center ; /* margin-top: 10px; */ } .addimg{ width: 40px; height: 40px; } .add1 img { /* position: absolute; */ width: 100%; height: 100%; }