body{
    background-color: rgba(246, 246, 246, 1);
}
.calculator-header-banner{
    height: calc(var(--base-font) * 700);
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
}
.calculator-header-banner .title-info{
    margin: calc(var(--base-font) * 225) 0 0 calc(var(--base-font) * 340);
    width: calc(var(--base-font) * 440);
}
.calculator-header-banner .img1{
    width: calc(var(--base-font) * 187);
    height: calc(var(--base-font) * 65);
    margin-left: calc(var(--base-font) * 270);
}
.calculator-header-banner .t1{
    font-size: calc(var(--base-font) * 48);
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
    line-height: calc(var(--base-font) * 48);
}
.calculator-header-banner .t1 .s1{color: #FFE400;}
.calculator-header-banner .t1 .s2{color: #FFFFFF;}
.calculator-header-banner .t2 {
  color: rgba(255, 255, 255, 1);
    font-size: calc(var(--base-font) * 30);
    font-family: MicrosoftYaHei;
    text-align: right;
    white-space: nowrap;
    line-height: calc(var(--base-font) * 30);
    margin-top: calc(var(--base-font) * 35);
}


.content .title{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: calc(var(--base-font) * 42);
    color: #333333;
    line-height: calc(var(--base-font) * 24);
    text-align: center;
    padding-top: calc(var(--base-font) * 90);
}
.section_1 {
    width: calc(var(--base-font) * 1342);
    height: calc(var(--base-font) * 475);
    margin: calc(var(--base-font) * 79) 0 0 0;
}
.image_3 {
    width: calc(var(--base-font) * 497);
    height: calc(var(--base-font) * 401);
    margin-top: calc(var(--base-font) * 53);
}
.grid_1 {
    width: calc(var(--base-font) * 840);
    height: calc(var(--base-font) * 475);
    flex-wrap: wrap;
    justify-content: space-between;
}
.list-items {
    width: calc(var(--base-font) * 410);
    height: calc(var(--base-font) * 145);
    justify-content: flex-center;
    margin: 0 0 calc(var(--base-font) * 20) 0;
    background: linear-gradient(0deg, #FFE9DD, #FFF9F5);
    border-radius: calc(var(--base-font) * 10);
    
}
.list-items.items1{background: linear-gradient(0deg, #FFE9DD, #FFF9F5);}
.list-items.items2{background: linear-gradient(0deg, #E5F5FB, #F7FCFF);}
.list-items.items3{background: linear-gradient(0deg, #E9E6FE, #F8F7FF);}
.list-items.items4{background: linear-gradient(0deg, #D9F8D8, #F5FEF4);}
.list-items.items5{background: linear-gradient(0deg, #FFF2CA, #FFFDF5);}
.list-items.items6{background: linear-gradient(0deg, #FFDED7, #FFF0ED);}
.list-items .iconfont{font-size: calc(var(--base-font) * 26);margin-right: 0.33rem;font-weight: 600;}
.box_3-0 {
    width: calc(var(--base-font) * 83);
    height: calc(var(--base-font) * 25);
    margin: calc(var(--base-font) * 30) 0 0 calc(var(--base-font) * 40);
}
.label_2-0 {
    width: calc(var(--base-font) * 24);
    height: calc(var(--base-font) * 24);
    margin-top: 1px;
}
.text_5-0 {
    width: calc(var(--base-font) * 172);
    height: calc(var(--base-font) * 25);
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: calc(var(--base-font) * 24);
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: calc(var(--base-font) * 24);
}
.text_6-0 {
    width: calc(var(--base-font) * 336);
    height: calc(var(--base-font) * 40);
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: calc(var(--base-font) * 16);
    font-family: MicrosoftYaHei;
    text-align: left;
    line-height: calc(var(--base-font) * 24);
    margin: calc(var(--base-font) * 2) 0 calc(var(--base-font) * 30) calc(var(--base-font) * 40);
}

.section3{
    background-color: #FFFFFF;
    border-radius: 0.33rem;
    width: calc(var(--base-font) * 1400);
    height: calc(var(--base-font) * 584);
    margin-top: calc(var(--base-font) * 50);
}
.form-box{padding:calc(var(--base-font) * 50);}
.form-box .form-group{
    width: calc(var(--base-font) * 420);
    margin: 0 auto;
    display: flex;
    align-items: center;
    border-radius: calc(var(--base-font) * 50);
    border: 1px solid #EEEEEE;
    justify-content: space-between;
    padding: calc(var(--base-font) * 8) calc(var(--base-font) * 13);
    margin-top: calc(var(--base-font) * 20);
    
}
.form-box .form-group .iconfont{
    font-size: calc(var(--base-font) * 22);
    color: #E7814D;
}
.form-box input,.form-box select{
        border: none;
    background: #FFF;
    width: 100%;
    flex: 1;
    padding-left: calc(var(--base-font) * 5);
    height: calc(var(--base-font) * 30);
    line-height: calc(var(--base-font) * 30);
    margin-left: calc(var(--base-font) * 15);
    font-size: calc(var(--base-font) * 16);
}
.form-box .sendCodeBtn{
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: calc(var(--base-font) * 16);
    color: #2391D7;
    cursor: pointer;
}
.form-box .tiaokuan{
    width: 100%;
    margin: calc(var(--base-font) * 15) calc(var(--base-font) * 15) calc(var(--base-font) * 10);
    text-align: left;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: calc(var(--base-font) * 14);
    color: #999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-box .tiaokuan .checked{
    width: calc(var(--base-font) * 16);
    height: calc(var(--base-font) * 16);
    display: inline-block;
    border:1px solid #999999;
    cursor: pointer;
    margin-right: calc(var(--base-font) * 10);
    border-radius: calc(var(--base-font) * 4);
    padding: calc(var(--base-font) * 4) calc(var(--base-font) * 3);
}
.form-box .tiaokuan .checked .iconfont{display:none;color:#FFF;font-size: calc(var(--base-font) * 7);}
.form-box .tiaokuan .checked.active{background: #079FFF;border: none;}
.form-box .tiaokuan .checked.active .iconfont{display:block}
.form-box .tiaokuan a{color:#999999}
.form-box .formSubmitBtn{
    background: #E88756;
    width: calc(var(--base-font) * 420);
    height: calc(var(--base-font) * 50);
    border-radius: calc(var(--base-font) * 50);
    margin: 0 auto;
    line-height: calc(var(--base-font) * 50);
    font-weight: bold;
    font-size: calc(var(--base-font) * 18);
    color: #FFFFFF;
    text-align: center;
    margin-top: calc(var(--base-font) * 40);
    cursor: pointer;
}