/* pages/knowDetail/knowDetail.wxss */ page{ overflow-x: hidden } .know_page{ padding: 32rpx 0rpx 32rpx 32rpx; border-bottom: solid 16rpx #FCF8F7; } .know_con{ display:flex; justify-content: center; } .know_title{ padding-bottom: 26rpx; color: #000000; font-size: 40rpx; text-align: center; font-weight: 500; } .know_con{ width: 685rpx; margin: 0 auto; color: #252729; font-size: 30rpx; line-height: 56rpx; /* text-indent: 62rpx; */ } .know_line{ display: flex; /* justify-content: center; */ align-items: center; height: 80rpx; padding-left: 36rpx; color: #292525; font-size: 32rpx; border-bottom: solid 1rpx #EBEBEB; } .know_tab{ display: flex; align-items: center; justify-content: center; height: 75rpx; overflow-x: scroll; white-space: nowrap } .know_name{ position: relative; display: flex; align-items: center; justify-content: center; height: 75rpx; margin: 0 32rpx; color: #97A0A8; font-size: 32rpx; /* width:200rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } .active{ color: #FD8779; } .active text{ position: absolute; bottom: 0; left: 50%; width: 76rpx; height: 4rpx; background: #FC7E65; transform: translateX(-50%); } .know_list{ padding: 30rpx; } .know_person{ display: flex; align-items: center; justify-content: flex-start; } .know_img{ width: 80rpx; height: 80rpx; border-radius: 50%; } .know_img image{ width: 100%; height: 100%; border-radius: 50%; } .know_info{ padding-left: 20rpx; } .know_mother{ padding-bottom: 12rpx; color: #000000; font-size: 30rpx; } .know_state{ color: #999999; font-size: 24rpx; } .know_content{ width: 592rpx; padding: 25rpx 23rpx; margin-top: 32rpx; margin-left: 82rpx; color: #252729; font-size: 28rpx; line-height: 44rpx; background: #FCF8F7; box-sizing: border-box; border-radius: 10rpx 10rpx 80rpx 10rpx; } .know_doctor{ padding: 60rpx 30rpx; } .doctor_box{ display: flex; align-items: center; justify-content: flex-end; } .doctor_img{ width: 80rpx; height: 80rpx; border-radius: 50%; } .doctor_img image{ width: 100%; height: 100%; border-radius: 50%; } .doctor_info{ padding-right: 20rpx; text-align: right; } .doctor_name{ padding-bottom: 16rpx; color: #000000; font-size: 30rpx; } .doctor_post{ color: #999999; font-size: 24rpx; } .doctor_con{ width: 592rpx; padding: 25rpx 32rpx; margin-top: 50rpx; color: #252729; font-size: 28rpx; background: #FCF8F7; box-sizing: border-box; border-radius: 10rpx 10rpx 10rpx 60rpx; } .list_none{ padding: 36rpx; font-size: 26rpx; }