/* 基础计算与转换工具 */
.yz-calc-tool {
    padding-top: 2px;
    padding-bottom: 28px;
}

.yz-calc-tool .layui-card {
    overflow: hidden;
    margin-bottom: 16px;
    border: 1px solid #dce6ee;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(30, 68, 104, .035);
}

.yz-calc-tool .layui-card-header {
    box-sizing: content-box;
    height: auto;
    min-height: 24px;
    padding: 14px 18px;
    border-bottom: 1px solid #e2e9ef;
    color: #29465e;
    line-height: 24px;
}

.yz-calc-tool .layui-card-header.box__tit {
    position: relative;
    padding-left: 29px;
    font-size: 17px;
}

.yz-calc-tool .layui-card-header.box__tit::before {
    position: absolute;
    top: 18px;
    left: 17px;
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background: #f39932;
    content: "";
}

.yz-calc-tool .layui-card-body {
    padding: 20px;
    color: #4b6276;
    line-height: 1.85;
}

.yz-calc-title {
    padding: 22px 24px 20px !important;
    background: linear-gradient(120deg, #edf7ff, #fff 72%);
    text-align: left !important;
}

.yz-calc-title h1 {
    margin: 0;
    color: #203d56;
    font-size: 26px;
    line-height: 1.4;
}

.yz-calc-title p {
    margin: 7px 0 0;
    color: #718697;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

.yz-calc-primary > .layui-card-body {
    padding: 24px;
}

.yz-calc-tool .layui-input,
.yz-calc-tool .layui-textarea {
    border-color: #cbd9e4;
    border-radius: 4px;
}

.yz-calc-tool .layui-input {
    height: 42px;
}

.yz-calc-tool .layui-input:focus,
.yz-calc-tool .layui-textarea:focus {
    border-color: #268ace !important;
    box-shadow: 0 0 0 3px rgba(31, 135, 201, .08);
}

.yz-calc-tool .layui-input-group {
    width: 100%;
}

.yz-calc-tool .layui-input-prefix {
    border-color: #cbd9e4;
    background: #f5f9fc;
    color: #38566e;
    font-weight: 600;
}

.yz-calc-tool .layui-input-suffix:not(.layui-input-prefix) {
    border-color: #1787cf;
    background: #1787cf;
    color: #fff;
}

.yz-calc-tool .layui-input-suffix:not(.layui-input-prefix):hover {
    background: #0876b9;
}

.yz-calc-tool .layui-input-suffix + .layui-input-suffix {
    border-color: #d8e1e8;
    background: #f1f5f8;
    color: #526a7d;
}

.yz-calc-tool .layui-textarea {
    min-height: 105px;
    margin-top: 8px;
    padding: 13px 14px;
    color: #304b61;
    line-height: 1.8;
}

.yz-calc-tool .layui-btn {
    border: 0;
    border-radius: 4px;
    background: #1787cf;
}

.yz-calc-tool .layui-btn:hover {
    background: #0876b9;
}

.yz-calc-tool .layui-table {
    color: #405970;
}

.yz-calc-tool .layui-table th,
.yz-calc-tool .layui-table td {
    padding: 10px 12px;
    border-color: #dfe7ee;
}

.yz-calc-tool .layui-table thead th {
    background: #f2f7fb !important;
    color: #2e4c64 !important;
    font-weight: 700;
}

.yz-calc-tool .texts {
    color: #536a7e;
    line-height: 1.9;
}

.yz-calc-side .layui-card-body {
    font-size: 14px;
}

.yz-calc-side .layui-card-body p {
    margin-bottom: 10px;
}

.yz-calc-unit > .m-tb-sm > .layui-card:not(:first-child) > .layui-card-body {
    background: #fff;
}

.yz-calc-unit .layui-card-body > .layui-row {
    padding: 3px 0;
}

.yz-calc-unit .layui-input-group {
    display: flex;
}

.yz-calc-unit .layui-input-prefix {
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-shrink: 0;
}

.yz-calc-unit .layui-input-group .layui-input {
    width: 0;
    flex: 1 1 auto;
    min-width: 0;
}

.yz-calc-unit .layui-input-suffix {
    flex: 0 0 auto;
}

@media (min-width: 768px) {
    .yz-calc-unit-main .layui-card-body > .layui-row > .layui-col-md4 {
        width: 50%;
    }
}

.yz-calc-statistics #textarea {
    box-sizing: border-box;
    min-height: 280px;
    resize: vertical;
}

.yz-calc-statistics .layui-btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}

.yz-calc-statistics .layui-btn-container .layui-btn {
    margin: 0;
}

.yz-calc-statistics .layui-table th:first-child {
    background: #1787cf !important;
}

.yz-calc-calculator #jisuan {
    overflow-x: auto;
    padding: 16px 0 5px;
}

.yz-calc-calculator .calculator_main {
    margin-right: auto;
    margin-left: auto;
}

.yz-calc-calculator .qiehuankuang_1 {
    margin-top: 16px;
}

.yz-calc-rmb .layui-card-body,
.yz-calc-unit .layui-card-body {
    overflow-x: auto;
}

/* 用车、房贷与贷款计算 */
.yz-calc-finance .yz-calc-primary > .layui-card-body {
    overflow-x: auto;
}

.yz-calc-finance .texts {
    margin-bottom: 18px;
    padding: 13px 16px;
    border-left: 3px solid #f39932;
    background: #f7fafc;
}

.yz-calc-finance .layui-form-item {
    margin-bottom: 15px;
}

.yz-calc-finance .layui-form-label {
    color: #34536b;
    font-weight: 600;
}

.yz-calc-finance select,
.yz-calc-finance .inpt,
.yz-calc-finance .sel {
    box-sizing: border-box;
    height: 40px;
    border: 1px solid #cbd9e4;
    border-radius: 4px;
    background: #fff;
    color: #304b61;
}

.yz-calc-finance .inpt {
    width: 180px;
    padding: 0 10px;
    text-indent: 0;
}

.yz-calc-finance input[type="radio"],
.yz-calc-finance input[type="checkbox"] {
    accent-color: #1787cf;
}

.yz-calc-finance .layui-table {
    background: #fff;
}

.yz-calc-finance .layui-table td:first-child,
.yz-calc-finance .layui-table th:first-child {
    color: #35536b;
}

.yz-calc-finance #repayplan,
.yz-calc-finance #DataList {
    min-width: 650px;
}

.yz-calc-qtrip .layui-card-body > .layui-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.yz-calc-qtrip .layui-card-body > .layui-row > div {
    left: auto !important;
}

.yz-calc-qtrip #qtrip {
    min-width: 92px;
    height: 42px;
}

.yz-calc-qtrip .stext a {
    color: #3c5d76;
}

.yz-calc-qtrip .stext a:hover {
    color: #1787cf;
}

.yz-calc-loan #hkfs {
    width: 100% !important;
    height: 42px !important;
    padding: 0 10px;
    border-color: #cbd9e4 !important;
}

.yz-calc-loan #bxmx {
    overflow-x: auto;
}

.yz-calc-loan #expect-profit,
.yz-calc-loan #tzjexs,
.yz-calc-loan #tzqxxs,
.yz-calc-loan #lxsy,
.yz-calc-loan #bxhj {
    color: #e45d38 !important;
}

.yz-calc-loans .daikuan_bg,
.yz-calc-loans .daikuan_Calculator,
.yz-calc-loans #HouseLoanCalculator {
    width: 100%;
    max-width: 100%;
}

.yz-calc-loans #Background > #HouseLoanCalculator > form > div {
    overflow-x: auto;
}

.yz-calc-prepayment .layui-form {
    max-width: 720px;
    margin: 20px auto 0;
}

.yz-calc-prepayment .layui-form > .layui-form-item,
.yz-calc-mortgage .layui-form {
    padding: 0 12px;
}

.yz-calc-mortgage .layui-form {
    margin-top: 18px;
}

.yz-calc-gongjijin .layui-table,
.yz-calc-ershoufang .layui-table {
    min-width: 620px;
}

.yz-calc-gongjijin .layui-table th,
.yz-calc-ershoufang .layui-table th {
    background: #f3f8fb;
    font-weight: 600;
}

.yz-calc-car-insurance .counter {
    border-radius: 6px !important;
    background: linear-gradient(120deg, #177fca, #319ee1) !important;
}

.yz-calc-car-insurance .insu_tab .insu_on {
    border-color: #1787cf !important;
    background: #1787cf !important;
}

.yz-calc-car-insurance .table {
    min-width: 720px;
}

.yz-calc-car-insurance .yz-calc-primary > .layui-card-body > table {
    min-width: 720px;
}

.yz-calc-car-insurance .high_light {
    background: #f3f8fc !important;
}

/* 装修材料计算 */
.yz-calc-decoration .yz-calc-primary > .layui-card-body {
    overflow-x: auto;
}

.yz-calc-decoration .text-light.layui-font-16 {
    margin: 6px 0 14px;
    padding: 8px 12px;
    border-left: 3px solid #1787cf;
    background: #f3f8fc;
    color: #2e5069 !important;
    font-weight: 600;
}

.yz-calc-decoration .layui-form-item {
    max-width: 660px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
}

.yz-calc-decoration .layui-form-label {
    box-sizing: border-box;
    width: 150px;
    color: #35536b;
    font-weight: 600;
}

.yz-calc-decoration .layui-input-inline {
    width: 260px;
}

.yz-calc-decoration .layui-form-mid {
    color: #778b9b;
}

.yz-calc-decoration .layui-btn-container,
.yz-calc-decoration .text-center {
    margin-top: 18px;
}

.yz-calc-decoration-budget #dataListInp {
    min-width: 760px;
    border-collapse: collapse;
}

.yz-calc-decoration-budget .dataList th,
.yz-calc-decoration-budget .dataList td {
    border-color: #dce6ee !important;
}

.yz-calc-decoration-budget .dataList .til th {
    background: #eef6fb !important;
    color: #2f5069;
}

.yz-calc-decoration-budget .dataList input {
    box-sizing: border-box;
    min-width: 55px;
    height: 32px;
    border: 1px solid #cbd9e4;
    border-radius: 3px;
}

.yz-calc-decoration-budget .dataListbot {
    min-width: 760px;
    padding-top: 8px;
}

/* 金融、税费与存款计算 */
.yz-calc-finance-tool .yz-calc-primary > .layui-card-body,
.yz-calc-finance-tool .layui-card-body > form {
    overflow-x: auto;
}

.yz-calc-finance-tool .layui-form-item {
    margin-bottom: 15px;
}

.yz-calc-finance-tool .layui-form-label {
    box-sizing: border-box;
    color: #35536b;
    font-weight: 600;
}

.yz-calc-finance-tool input[type="text"],
.yz-calc-finance-tool input[type="number"],
.yz-calc-finance-tool select {
    box-sizing: border-box;
    border-color: #cbd9e4 !important;
    border-radius: 4px;
}

.yz-calc-finance-tool input[type="radio"],
.yz-calc-finance-tool input[type="checkbox"] {
    accent-color: #1787cf;
}

.yz-calc-finance-tool .layui-table,
.yz-calc-finance-tool table {
    color: #405970;
}

.yz-calc-finance-tool .layui-table th,
.yz-calc-finance-tool table th {
    background: #f1f7fb;
    color: #2e4e66;
}

.yz-calc-finance-tool .layui-font-red,
.yz-calc-finance-tool .red {
    color: #e15d3a !important;
}

.yz-calc-finance-tool .layui-btn-primary {
    border: 1px solid #cbd9e4;
    background: #fff;
    color: #476276;
}

.yz-calc-finance-tool .layui-btn-primary:hover {
    border-color: #1787cf;
    background: #f4f9fc;
    color: #1787cf;
}

.yz-calc-wuxianyijin .yz-calc-primary table,
.yz-calc-susongfei .yz-calc-primary table,
.yz-calc-grsds .yz-calc-primary table,
.yz-calc-nzjgrsds .yz-calc-primary table {
    min-width: 680px;
}

.yz-calc-fuli .layui-form,
.yz-calc-lixi .layui-form,
.yz-calc-zhinajin .layui-form,
.yz-calc-zhengcunlingqu .layui-form,
.yz-calc-lingcunzhengqu .layui-form,
.yz-calc-zhengcunzhengqu .layui-form {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
}

.yz-calc-percentage .yz-calc-primary .layui-card {
    border-color: #e2e9ef;
    box-shadow: none;
}

.yz-calc-percentage .yz-calc-primary .layui-card-header {
    background: #f5f9fc;
    font-weight: 600;
}

/* 数学与工程计算 */
.yz-calc-math .yz-calc-primary > .layui-card-body {
    overflow-x: auto;
}

.yz-calc-math .layui-form-item {
    margin-bottom: 15px;
}

.yz-calc-math .layui-form-label {
    box-sizing: border-box;
    color: #35536b;
    font-weight: 600;
}

.yz-calc-math input[type="text"],
.yz-calc-math input[type="number"],
.yz-calc-math select,
.yz-calc-math textarea {
    box-sizing: border-box;
    border-color: #cbd9e4 !important;
    border-radius: 4px;
}

.yz-calc-math input[type="radio"],
.yz-calc-math input[type="checkbox"] {
    accent-color: #1787cf;
}

.yz-calc-math .layui-table th,
.yz-calc-math table th {
    background: #f2f7fb;
    color: #2f5068;
}

.yz-calc-math .layui-font-red,
.yz-calc-math .red {
    color: #e15d3a !important;
}

.yz-calc-math .layui-form,
.yz-calc-math .calc-form {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
}

.yz-calc-relative .yz-calc-primary .layui-card,
.yz-calc-relative .yz-calc-primary .panel {
    border-color: #e0e8ef !important;
    box-shadow: none !important;
}

.yz-calc-relative .layui-btn,
.yz-calc-relative button {
    border-radius: 4px;
}

.yz-calc-variance textarea,
.yz-calc-jjjsq textarea,
.yz-calc-subtraction textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 12px;
    resize: vertical;
}

.yz-calc-aquarium .yz-calc-primary table,
.yz-calc-relative .yz-calc-primary table,
.yz-calc-modulo .yz-calc-primary table {
    min-width: 620px;
}

@media (max-width: 767px) {
    .yz-calc-tool {
        padding-bottom: 18px;
    }

    .yz-calc-title {
        padding: 18px 16px !important;
    }

    .yz-calc-title h1 {
        font-size: 22px;
    }

    .yz-calc-primary > .layui-card-body,
    .yz-calc-tool .layui-card-body {
        padding: 15px;
    }

    .yz-calc-tool .layui-input-group {
        display: flex;
        flex-wrap: wrap;
    }

    .yz-calc-rmb .yz-calc-primary .layui-input-prefix,
    .yz-calc-usd .yz-calc-primary .layui-input-prefix {
        width: 100% !important;
        border-right: 1px solid #cbd9e4;
        border-bottom: 0;
    }

    .yz-calc-rmb .yz-calc-primary .layui-input,
    .yz-calc-usd .yz-calc-primary .layui-input {
        flex: 1;
        min-width: 0;
    }

    .yz-calc-unit .layui-input-group {
        flex-wrap: nowrap;
        min-width: 0;
    }

    .yz-calc-unit .layui-input-prefix {
        flex: 0 0 140px;
        width: 140px !important;
    }

    .yz-calc-statistics .layui-card-body {
        overflow-x: auto;
    }

    .yz-calc-statistics .layui-table {
        min-width: 680px;
    }

    .yz-calc-calculator #jisuan {
        margin: 0 -8px;
    }

    .yz-calc-finance .layui-form-label {
        box-sizing: border-box;
        width: 96px;
        padding-right: 10px;
        padding-left: 0;
        text-align: left;
    }

    .yz-calc-finance .layui-input-inline {
        width: calc(100% - 126px);
        margin-right: 5px;
    }

    .yz-calc-finance .layui-form-mid {
        padding-right: 0 !important;
    }

    .yz-calc-qtrip .layui-card-body > .layui-row {
        display: block;
    }

    .yz-calc-qtrip .layui-input-group {
        flex-wrap: nowrap;
        margin-bottom: 10px;
    }

    .yz-calc-qtrip .layui-input-prefix {
        flex: 0 0 88px;
        width: 88px;
    }

    .yz-calc-qtrip #qtrip {
        width: 100%;
        margin: 2px 0 10px;
    }

    .yz-calc-qtrip .layui-table,
    .yz-calc-gongjijin .layui-table,
    .yz-calc-ershoufang .layui-table {
        min-width: 560px;
    }

    .yz-calc-car-insurance .counter {
        min-width: 680px;
    }

    .yz-calc-decoration .layui-form-label {
        width: 104px;
        padding-right: 10px;
        padding-left: 0;
        text-align: left;
    }

    .yz-calc-decoration .layui-input-inline {
        width: calc(100% - 142px);
        margin-right: 5px;
    }

    .yz-calc-decoration .layui-form-mid {
        padding-right: 0 !important;
    }

    .yz-calc-finance-tool .layui-form-label {
        width: 104px;
        padding-right: 10px;
        padding-left: 0;
        text-align: left;
    }

    .yz-calc-finance-tool .layui-input-inline {
        width: calc(100% - 142px);
        margin-right: 5px;
    }

    .yz-calc-finance-tool .layui-form-mid {
        padding-right: 0 !important;
    }

    .yz-calc-math .layui-form-label {
        width: 104px;
        padding-right: 10px;
        padding-left: 0;
        text-align: left;
    }

    .yz-calc-math .layui-input-inline {
        width: calc(100% - 142px);
        margin-right: 5px;
    }

    .yz-calc-math .layui-form-mid {
        padding-right: 0 !important;
    }
}