.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; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .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; } .price-1 .title { font-size: 30px; font-weight: 700; color: #151515; } .price-tab li:first-of-type { border-radius: 0; } .price-tab li:last-of-type { border-radius: 0; } .price-tab ul li { color: #8f959f; font-size: 18px; margin-right: 0; width: 240px; height: 59px; line-height: 59px; } .price-tab ul li.active { background-color: #e3ecff; color: #2168fb; border: #2168fb; border: 1px solid #2168fb; } .price-tab ul { width: auto; height: auto; display: flex; justify-content: center; margin-bottom: 0; } .price-con .price-common { margin-top: 60px; } .buy-number .price-common .con { border-color: #a8d1ff; } .buy-number .price-common .con .bottom-con .b-price { color: #ff7429; } .buy-number .price-common .con .c-top .num { color: #2168fb; } .buy-number .price-common .con .bottom-con dl { border-color: #C2DCFF; border-width: 2px; } .c-top .text { width: 80px; height: 30px; border-radius: 25px; background-color: #c2dcff; color: #2168fb; line-height: 30px; margin: 0 auto; margin-bottom: 20px; } .help dl .answer .right, .help dl .answer .right span { color: #8f959f !important; } .const-table-bor table.table-bordered>tbody>tr>td, .const-table-bor table.table-bordered>tbody>tr>th, .const-table-bor table.table-bordered>tfoot>tr>td, .const-table-bor table.table-bordered>tfoot>tr>th, .const-table-bor table.table-bordered>thead>tr>td, .const-table-bor table.table-bordered>thead>tr>th { border-width: 2px; border-color: #C2DCFF !important; color: #2D4B73; } .const-table-bor table.table-bordered>tbody>tr:first-child>th:last-child { background-color: #c6e1fa; color: #2168FB; position: relative; } .const-table-bor table.table-bordered>tbody>tr:first-child>th:nth-last-child(2) { background-color: #e2f0ff; color: #2168FB; } .const-table-bor table.table-bordered>tbody>tr:first-child>th:nth-last-child(3) { background-color: #f0f7ff; color: #2168FB; } .price-con .price-common .badge{ background-color: #ff7429; border-radius: 25px; } .tool-classs .con ul li{ width: 360px; height: 318px; background-color: #fff; } .tool-classs .con ul li .t-con{ border: none; } .tool-classs .con{ box-shadow: none; background-color: transparent; } .tool-classs .con ul li:nth-of-type(n+4){ margin-top: 20px; margin-right: 20px; } .tool-classs .con ul li:nth-of-type(3){ margin-left: 20px; } .tool-classs .con ul li:nth-of-type(1){ margin-right: 20px; } .tool-classs .con ul li .tit{ color: #151515; font-size: 20px; font-weight: 700; } .tool-classs .con ul li p{ font-size: 15px; color: #8F959F; } .tool-classs .con ul li .ms-btn{ border: 1px solid #2168fb; border-radius: 5px; height: 36px; padding: 0; text-align: center; font-size: 16px; color: #2168FB; padding: 7px 30px; width: auto; }