.border-b { border-bottom: 1px solid #ccc; } .relative { position: relative; } .absolute { position: absolute; } .d-flex { display: flex; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .flex-column { flex-direction: column; } .flex-column-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .justify-center { justify-content: center; } .justify-space-between { justify-content: space-between; } .align-center { align-items: center; } .flex-1 { display: flex; flex: 1; } .flex-2 { display: flex; flex: 2; } .flex-3 { display: flex; flex: 3; } .pointer { cursor: pointer; } .ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .fz22 { font-size: 30px; } .border-bottom { border-bottom: 1px solid #dfe6ec; } .borderNone { border-bottom: none; } .common-picker { position: absolute; bottom: 0; left: 0; right: 0; z-index: 999; } .common-button { width: 200px; margin: 0 auto; margin-bottom: 20px; } .common-slider { width: 90%; display: flex; align-items: center; flex-direction: column; position: relative; margin: 40px 0 20px; } .common-slider .van-stepper--round { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; } .common-slider .van-stepper--round .van-stepper__minus { width: 30px; height: 30px; color: #7690e5; border-color: #7690e5; } .common-slider .van-stepper--round .van-stepper__plus { width: 30px; height: 30px; background-color: #7690e5; } .common-slider .van-stepper--round .van-stepper__input { position: absolute; left: 50%; right: 50%; transform: translate(-50%, -50%); bottom: 5px; background: #7690e5; border-radius: 6px; font-size: 24px; font-family: OPPOSans, OPPOSans-Bold; font-weight: 700; text-align: center; color: #ffffff; padding: 10px 0; width: 100px; margin-bottom: 10px; display: none; } .common-slider .common-slider-slider { width: 80%; position: absolute; bottom: 6px; height: 16px; background: #e4edff; border-radius: 8px; } .common-slider .common-slider-slider .van-slider__button-wrapper { width: 30px; height: 30px; background: #7690e5; border-radius: 50%; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); } .common-slider .common-slider-slider .ant-input-number { position: absolute; left: 50%; right: 50%; bottom: 20px; transform: translate(-50%, -50%); font-size: 24px; font-family: OPPOSans, OPPOSans-Bold; font-weight: 700; height: auto; padding: 4px 0; text-align: center; background: #7690e5; border-radius: 6px; color: #fff; } .common-slider .common-slider-slider .ant-input-number .ant-input-number-input { text-align: center; } .common-slider .common-slider-slider .ant-input-number .ant-input-number-handler-wrap { display: none; } .common-slider .common-slider-slider .slider-icon { position: absolute; top: -23px; left: 2px; color: #7690e5; font-size: 26px; } .ant-form .ant-form-item-label { text-align: left; } .ant-form label { font-size: 26px !important; font-weight: 500; color: #565e6f; } .ant-form .ant-form-item { margin-bottom: 18px !important; box-sizing: border-box; } .ant-form .ant-form-item:not(:last-child) { /* border-bottom: 1px solid #dfe6ec; */ padding-bottom: 18px; } .ant-form .dose-item { margin-bottom: 40px !important; } .ant-form .mb0 { margin-bottom: 0px !important; } .ant-form .borderNone { border-bottom: none !important; } .ant-form .ant-radio-button-wrapper { padding: 0 18px; height: 40px; line-height: 40px; font-size: 18px !important; margin-right: 20px; margin-bottom: 10px; background: #f8f8f9; border: 0.5px solid #a3acbf; border-radius: 6px; vertical-align: middle; } .ant-form .ant-radio-button-wrapper:before, .ant-form .ant-radio-button-wrapper .ant-radio-button-wrapper-checked:before { display: none !important; } .ant-form .ant-radio-button-wrapper:first-child, .ant-form .ant-radio-button-wrapper:last-child { border-radius: 6px !important; } .ant-form .ant-radio-button-wrapper:last-child { margin-right: 0; } .ant-form .ant-form-item-control { text-align: left; margin-left: 10px; } .solid .ant-checkbox-wrapper { background: #f8f8f9; border: 0.5px solid #a3acbf; border-radius: 6px; vertical-align: middle; margin-right: 20px; margin-bottom: 10px; font-size: 1.2vw !important; line-height: 40px; padding: 0 18px; height: 40px; } .solid .ant-checkbox-wrapper.ant-checkbox-wrapper-checked { background: #7690e5; color: #fff; } .solid .ant-checkbox-wrapper .ant-checkbox { display: none; } .ant-tabs-nav-container .ant-tabs-tab { font-size: 20px; font-family: Source Han Sans CN, Source Han Sans CN-Medium; font-weight: 500; text-align: left; color: #70798c; } .ant-tabs-nav-container .ant-tabs-tab-active { font-weight: 700; font-family: Source Han Sans CN, Source Han Sans CN-Bold; color: #393d4e !important; } .ant-tabs-nav-container .ant-tabs-ink-bar { background: #7690e5 !important; } .ant-form .ant-form-item-label label{ font-size: 18px; color: #222; }