.flex { display: flex; } .flex-column { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .items-center { align-items: center; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .w-full { width: 100%; } .h-full { height: 100%; } .ms-btn { border-radius: 5px; font-size: 16px; width: 136px; } .img-note { width: 300px; margin-top: 10px; margin-left: 0; padding-left: 0; } .img-note p { font-size: 13px; } .encapsulation .upload-icon { width: 144px; height: 144px; background-position: center 50px; margin-bottom: 0; } .encapsulation .upload-icon .text { margin-top: 100px; } .form-group .input-text.radio { width: 180px; display: flex; justify-content: space-between; align-items: start; margin-top: 0; margin-bottom: 0; margin-left: 0px; } .radio-box { width: 230px; height: 88px; position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 500; color: #151515; border: 1px solid #edeff0; margin-bottom: 20px; cursor: pointer; } .radio-box.active { border: 1px solid #157df1; } .radio-box .left { padding-top: 0; padding-right: 30px; border-right: 1px solid #E5E5E5; } .radio-box .left .title { font-size: 14px; color: #8F959F; margin-bottom: 10px; } .radio-box div span { color: #157df1; font-size: 32px; font-weight: 500; } .radio-box .radio-checked { position: absolute; bottom: 0; right: 0; display: none; } .radio-box.active .radio-checked { display: block; } .pay-num{ text-align: left; line-height: 20px; } .pay-num b{ font-size: 32px; font-weight: 500; margin-left: 10px; } .pay-num b span{ font-size: 14px; } .yxq-title{ font-weight: bold; font-size: 16px; margin-bottom: 10px; color: #151515; margin-top: 10px; }