.project-container { position: relative; box-sizing: border-box; min-height: 100vh; padding-bottom: 222rpx; background-color: #f5f5f5; } .project-container .a-shared-checkbox { width: 44rpx; height: 44rpx; } .project-container .project-head { width: 100%; height: 184rpx; background: linear-gradient(180deg, #1677ff 54%, rgba(22, 119, 255, 0) 86%); } .project-container .project-content { margin-top: -160rpx; padding: 0 24rpx; } .project-container .project-content .content-out { box-sizing: border-box; margin-bottom: 24rpx; padding: 24rpx; background-color: #fff; border-radius: 16rpx; } .project-container .project-content .content-out .title { padding-bottom: 24rpx; color: #333; font-weight: 600; font-size: 30rpx; } .project-container .project-content .project-person { display: flex; flex-direction: column; } .project-container .project-content .project-person .person-name { display: flex; align-items: center; justify-content: space-between; } .project-container .project-content .project-person .person-name .person-name-left { display: flex; flex-wrap: wrap; align-items: center; } .project-container .project-content .project-person .person-name .person-name-left .name { margin-right: 16rpx; color: #333; font-weight: 600; font-size: 34rpx; } .project-container .project-content .project-person .person-name .person-name-left .mark { box-sizing: border-box; height: 30rpx; margin-right: 8rpx; padding: 0 10rpx; color: #1677ff; font-weight: 400; font-size: 20rpx; line-height: 30rpx; background-color: #fff; border: 2rpx solid rgba(22, 119, 255, 0.3); border-radius: 4rpx; } .project-container .project-content .project-person .person-name .person-name-left .mark-grey { color: #666; border: 2rpx solid rgba(102, 102, 102, 0.3); } .project-container .project-content .project-person .person-other { margin: 16rpx 0 32rpx; color: #666; font-weight: 400; font-size: 24rpx; } .project-container .project-content .project-person .person-hospital { display: flex; align-items: center; justify-content: space-between; color: #999; font-weight: 400; font-size: 28rpx; } .project-container .project-content .project-person .person-hospital .hospital { color: #333; } .project-container .project-content .project-select .project-select-label { width: 100%; margin-bottom: 16rpx; } .project-container .project-content .project-select .project-select-item { display: flex; align-items: flex-start; justify-content: space-between; padding: 24rpx 20rpx 24rpx 24rpx; background-color: #f8f8f8; border-radius: 16rpx; } .project-container .project-content .project-select .project-select-item .radio { display: flex; align-items: center; justify-content: center; padding-top: 10rpx; margin-right: 32rpx; } .project-container .project-content .project-select .project-select-item .item-left { display: flex; align-items: flex-start; font-weight: 400; } .project-container .project-content .project-select .project-select-item .item-left .name { color: #333; font-size: 34rpx; } .project-container .project-content .project-select .project-select-item .item-left .detail { color: #666; font-size: 24rpx; } .project-container .project-content .project-select .project-select-item .item-right { margin-left: 10rpx; color: #ff6430; font-weight: 700; font-size: 36rpx; white-space: nowrap; } .project-container .project-content .project-select .project-select-label:last-child { margin-bottom: 0; } .project-container .project-content .project-table .project-form { padding-top: 26rpx; font-weight: 400; border-top: 2rpx solid #e5e5e5; } .project-container .project-content .project-table .project-form .form-section { margin-bottom: 48rpx; } .project-container .project-content .project-table .project-form .form-section .form-section-title { color: #333; font-size: 30rpx; line-height: 42rpx; } .project-container .project-content .project-table .project-form .form-section .content-item { display: flex; align-items: center; margin-top: 32rpx; } .project-container .project-content .project-table .project-form .form-section .form-section-radio { display: flex; flex-direction: column; } .project-container .project-content .project-table .project-form .form-section .form-section-radio .radio-text { margin-left: 16rpx; padding-top: 5rpx; color: #333; font-size: 30rpx; } .project-container .project-content .project-table .project-form .form-section:last-child { margin-bottom: 0; } .project-container .project-button { width: 100%; position: fixed; right: 0; left: 0; bottom: 1rpx; box-sizing: border-box; height: 180rpx; padding: 16rpx 24rpx; background-color: #fff; } .project-container .project-button .project-button-out { display: flex; align-items: center; justify-content: space-between; } .project-container .project-button .project-button-out .title-out { display: flex; align-items: flex-end; justify-content: center; } .project-container .project-button .project-button-out .title { padding-bottom: 6rpx; color: #333; font-weight: 400; font-size: 26rpx; } .project-container .project-button .project-button-out .money { margin-left: 8rpx; color: #ff6430; font-weight: bold; font-size: 48rpx; } .project-container .project-button .project-button-out .button { width: 335rpx; color: #fff; font-weight: 400; font-size: 34rpx; background-color: #1677ff; } .project-container .project-button .project-button-out .a-button-primary.a-button-disabled { opacity: 0.4; } .result .am-page-result { height: 50vh !important; } .result .am-page-result .am-page-result-pic{ margin: calc(30vh - 200px) auto 0 !important; }