.memberInfoDetailModal { .react-draggable { .ant-modal-content { border-radius: 16px; .ant-modal-body { padding: 0; height: 800px; overflow-y: auto; overflow: hidden; .ant-form { .modalTop { width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D5D8DE; box-sizing: border-box; padding-bottom: 10px; box-sizing: border-box; padding: 30px 20px; .modalTopLeft { display: flex; align-items: center; .memberIcon { width: 18px; height: 18px; margin-right: 5px; } .modalTitle { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 18px; color: rgba(0, 0, 0, 0.85); line-height: 18px; text-align: left; font-style: normal; } } .modalTopRight { width: 18px; height: 18px; .memberIcon { width: 18px; height: 18px; cursor: pointer; } } } .topDetail { width: 100%; display: flex; box-sizing: border-box; padding: 30px 28px; .topDetailLeft { width: 120px; height: 120px; margin-right: 28px; .headerImage { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; } } .topDetailRight { width: calc(100% - 148px); height: 120px; box-sizing: border-box; padding: 8px 0; .topDetailRightTop { .detailName { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 20px; color: #333333; line-height: 14px; text-align: left; font-style: normal; } .detailSex { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 20px; color: #333333; line-height: 14px; text-align: left; font-style: normal; margin-left: 8px; } .memberType { font-family: PingFangSC, PingFang SC; font-size: 14px; color: #fff; line-height: 14px; text-align: left; font-style: normal; padding: 2px 8px; background: linear-gradient(0deg, #A13B00 0%, #D7AB0E 100%); border-radius: 4px; } } .topDetailItem { width: 100%; margin-top: 16px; .ant-row { .memberInfoDetailItem { .ant-form-item { margin-bottom: 12px; } } } } } } .carNavBox { width: calc(100% - 42px); background-color: #F3F4F8; border-radius: 8px; display: flex; align-items: center; margin-left: 21px; box-sizing: border-box; padding: 12px 16px; margin-bottom: 12px; .carNavIcon { width: 30px; height: 26px; margin-right: 8px; } .carNavTitle { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 16px; color: #333333; line-height: 12px; text-align: left; font-style: normal; padding: 0 10px; cursor: pointer; } .selectCarNavTitle { position: relative; } .selectCarNavTitle::after { content: ""; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 2rem; height: 2px; background-color: #2B7CF0; } } .bottomDetailBox { width: calc(100% - 42px); margin-left: 30px; box-sizing: border-box; margin-top: 26px; } } } .ant-modal-body::-webkit-scrollbar { width: 0; display: none; } } } }