.f16-w500-c151515 { font-size: 16px !important; font-weight: 500 !important; color: #151515 !important; } .w500-c15 { font-weight: 500 !important; color: #151515 !important; } .line10 { height: 10px !important; background: rgb(242, 242, 245) } .w194-h34 { width: 194px !important; height: 34px !important; } .btn-20-7-radio4 { padding: 7px 20px; border-radius: 4px; } /* 单选框相关 */ .radio-container { position: relative; display: inline-block; height: 20px; margin-right: 10px; padding-left: 23px !important; } .radio-container input[type="radio"] { opacity: 0; position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 2; } .radio-container .radio-custom { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: #fff; border: 2px solid #ccc; border-radius: 10px; transition: all 0.3s ease; z-index: 1; } .radio-container input[type="radio"]:checked + .radio-custom { background-color: #1b81ff; border-color: #1b81ff; } .radio-container input[type="radio"]:checked + .radio-custom::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: #fff; border-radius: 50%; } .radio-container input[type="radio"]:focus + .radio-custom { box-shadow: 0 0 5px rgba(27, 129, 255, 0.5); } .apps-tit { font-size: 16px !important; font-weight: 500 !important; color: #151515 !important; margin-right: 5px } .apps-titbox { text-align: left; } .apps-num { font-size: 32px !important; font-weight: 500 !important; color: #151515 !important; display: block; } .apps-numbox { height: 80px; text-align: left; display: flex; align-items: end; padding-bottom: 5px; } .apps-numbox-n { height: 80px; text-align: left; display: flex; } .apps-right-line { position: absolute; top: 30px; right: 0; background-color: #e5e5e5; width: 1px; height: 60px; } .apps-buyBtn { width: 100px !important; height: 36px; font-size: 16px !important; font-weight: 500 !important; margin-top: 40px !important; } .apps-buyBtn-font { transform: translate(1px, 3px); display: inline-block; } .app-bloder-btn{ width: 70px; height: 34px; display: inline-block; margin-left: 10px; background-color: #fff; color: #2168F8; border: 1px solid #2168F8; border-radius: 4px; text-align: center; line-height: 32px; font-weight: 500; cursor: pointer; } .app-bloder-btn::before{ content: '' !important; } .price-type { display: block !important; font-size: 14px !important; font-weight: 500; text-align: center !important; } .price-btn { border-radius: 4px; height: 40px !important; width: 96px !important; padding: 10px 24px; font-size: 16px; font-weight: 500; } .fz-step-box { display: flex; background-color: #fff; border-radius: 3px; border: 1px solid #e5e5e5; height: 140px; padding: 40px 60px; } .fz-step-box li { width: 31px; position: relative; } .active .fz-step-circle { color: #fff; background-color: #2168fb; } .fz-step-circle { width: 31px; height: 31px; display: inline-block; border-radius: 50%; background-color: #f5f6f7; border: 1px solid #e8eaec; color: #8f959f; font-size: 16px !important; font-weight: 500 !important; line-height: 30px; text-align: center; } .fz-step-line { flex: 1; height: 1px; background-color: #E8EAEC; margin-top: 15px; } .active .fz-step-font { color: #2168fb; } .fz-step-font { position: absolute; top: 40px; color: #8F959F !important; font-weight: 500 !important; font-size: 16px !important; width: 64px; left: -16px; }