.man_left{ border-bottom: 1px solid #eee; display: flex; overflow: hidden; justify-content: space-around; } .con_left, .con_right{ /* border-bottom: 1px solid #eee; */ padding-bottom: 20px; text-align: center; } .con_left span, .con_right span{ display: inline-block; margin-top: 20px; height: 60px; line-height: 60px; width: 60px; border-radius: 50%; text-align: center; border: 3px solid #511b66 } .con_left p:nth-child(2), .con_right p:nth-child(2){ font-size: 18px; color:#511b66; padding-top: 15px; font-weight: bold; } .con_left p:nth-child(3), .con_right p:nth-child(3){ font-size: 16px; padding-top: 15px; color:#999999; } .man_right p{ font-size: 18px; padding: 20px 40px 15px; color: #511b66; font-weight: bold; } .man_right_mom{ display: flex; overflow: hidden; padding: 20px; justify-content: space-around; /* flex-direction: column; */ } .man_right_header{ /* display: flex; */ /* border-bottom: 1px solid #eee; */ /* padding-bottom: 15px; */ } .man_right_mom_list li{ /* width: 20px; */ /* padding-right: 20px; */ line-height: 26px; font-size: 14px; /* width: 48%; */ } .man_right_mom_list h2 { color: #511b66; font-size: 16px; font-weight: bold; margin-bottom: 25px; /* text-align: center; */ } .man_right_mom_list ul { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: column; } .man_right_header.man_right_mom_list { /* padding-bottom: 20px; */ /* margin-bottom: 20px; */ /* border-bottom: 1px dashed #eee; */ } .man_right_header li:nth-child(2){ } .man_right_bottom{ /* display: flex; */ /* padding-top: 15px; */ } /* .man_right_bottom li:nth-child(1){ width: 20px; padding-right: 20px; color:#511b66; font-size:16px; font-weight: bold; } */ .man_right_bottom li:nth-child(2){ width: 270px; padding-top: 25px; line-height: 26px; } .man_right_header li font, .man_right_bottom li font{ color: #999999; } @media only screen and (max-width:640px){ .man_left{ display: block; } .man_right_mom{ display: block; } }