img{
        max-width:100%;
    }
    .fire_bottom label{
        display: unset;
    }
    .step-bar{
        border-radius: 20px;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
    .step-bar .step-item{
        background: #e1e5ee;
        padding: 8px 0px;
        width: 100%;
        text-align: center;
        border-right: 2px solid #fff;
    }
    .step-bar .step-item a{
        cursor: pointer;
    }
    /*.step-bar .step-item:first-child a.no-pointer{*/
    /*    color:#fff;*/
    /*}*/
    /*.step-bar .step-item a.no-pointer{*/
    /*    color:#000;*/
    /*}*/
    .step-bar .step-item a.no-pointer ,.topStep_list ul li a.no-pointer{
      cursor: default;
    }
    .step-bar .step-item:last-child{
        border: none;
    }
    .step-bar .completed{
        background: #1d61e8;
        color: #fff;
    }
    .step-bar .completed a,.step-bar .active a{
        color: #fff;
    }
    .step-bar .active{
        background: #1d61e8;
        color: #fff;
    }
    .clear{
        clear: both;
    }
    .step_one ul{
        padding: 0;
        margin: 0;
        grid-template-columns: repeat(2,1fr);
        display: grid;
        grid-gap: 30px;
    }
    .step_one ul li{
        list-style-type: none;
        border-radius: 8px;
        box-shadow: 1px 0px 7px 3px #ccc;
        padding: 20px;
        float: left;
        text-align: center;
        margin: 0;
    }
    .step_one ul li h2,.step_one ul li h3{
        margin: 10px 0px;
    }
    .gray_button{
        color: #fff;
        font-weight: bold;
        padding: 10px;
        border-radius: 8px;
        cursor: pointer;
    }
    .blue_button{
        background: #1d61e8;
        color: #fff;
        font-weight: bold;
        padding: 10px;
        border-radius: 8px;
        cursor: pointer;
    }
    .prev_gray_button{
        color: #323232;
        font-weight: bold;
        padding: 10px 20px;
        border-radius: 8px;
        cursor: pointer;
        border: 0;
        background: #ccc;
    }
    .next_blue_button{
        background: #1d61e8;
        color: #fff;
        font-weight: bold;
        padding: 10px 20px;
        border-radius: 8px;
        cursor: pointer;
        border: 0;
    }
    .tips{
        margin: 10px 0px;
        font-size: 14px;
    }
    .box_fix{
        position: fixed;
        top: 0;
        left: 0;
        background: #000000a1;
        height: 100%;
        width: 100%;
        z-index: 99999;
        font-size: 16px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .box_kuang{
        width: 1080px;
        margin: 0 auto;
        padding: 40px;
        background: #fff;
        border-radius: 10px;
        position: relative;
    }
    .step-content{
        margin-top: 25px;
    }
    [v-cloak] {
      display: none;
    }
    .step_one,.step_two,.step_three,.four_step,.five_step,.six_step,.seven_step{
        color: #414141;
    }

    .step_one,.step_two,.four_step,.five_step,.six_step,.seven_step{
        text-align: center;
    }
    .step_top_h2{
        color: #1d61e8;
        margin: 0px;
    }
    .step_two input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .step_two_dsc {
        margin: 10px 0px 20px 0px;
    }
    .number_progress{
        text-align: center;
        font-weight: bold;
        color: #1d61e8;
        font-size: 24px;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    #app .step_two input[type="number"]{
        width: 80px;
    }
    #app .step_two input[type="text"]{
         width: 60px;
    }
    .range_progress{
        width: 800px;
        display: inline-block;
        margin-top: 10px;
    }
    .range_progress_input{
        width: 100%;
    }
    .mark ul{
        margin: 0;
        padding: 0;
        position: relative;
    }
    .mark ul li{
        list-style-type: none;
        font-size: 14px;
    }
    .mark ul li:nth-child(1){
        position: absolute;
        left: -0.6%;
    }
    .mark ul li:nth-child(2){
        position: absolute;
        left: 18.5%;
    }
    .mark ul li:nth-child(3){
        position: absolute;
        left: 38.2%;
    }
    .mark ul li:nth-child(4){
        position: absolute;
        left: 57.1%;
    }
    .mark ul li:nth-child(5){
        position: absolute;
        left: 76.8%;
    }
    .mark ul li:nth-child(6){
        position: absolute;
        right: -2.3%;
    }
    .range_progress_dsc{
        margin-top: 80px;
    }
    .ceil_input{
        width: 50px;
        height: 40px;
        margin: 0px 10px;
    }
    .step-buttons{
        text-align: center;
        margin-top: 20px;
    }
    .step_three{
        text-align: center;
    }
    .appliance_list{
        max-width: 600px;
        display: inline-block;
    }
    .appliance_list ul li{
        list-style-type: none;
        margin: 0;
    }
    #app label{
        margin: 0;
    }
    .appliance_list ul{
        margin: 0px;
        padding: 0px;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        align-content: center;
        justify-content: space-between;
        align-items: center;
        justify-items: start;
        grid-gap: 10px 100px;
    }
    .appliance_list ul.solo_ul{
        grid-template-columns: repeat(1,1fr);
    }
    .MODEL2_list{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-gap: 10px 100px;
    }
    .MODEL2_list label{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .MODEL2_list p{
        margin: 0;
    }
    .none div:nth-child(6){
        display: none;
    }
    .radio-group {
        grid-template-columns: repeat(4,1fr);
        display: grid;
        grid-gap: 20px;
    }
    .radio-group label{
        display: contents;
    }
    .radio-input {
      display: none;
    }
    
    .radio-label {
      border: 2px solid #ccc;
      padding: 10px;
      cursor: pointer;
      opacity: 0.6;
      display: inline-block;
      height: 100%;
    }
    
    .radio-input:checked + .radio-label {
      border-color: #00f;
      opacity: 1;
    }

    .five_list{
        grid-template-columns: repeat(3,1fr);
        display: grid;
        grid-gap: 20px;
        margin-bottom: 30px;
    }
    .fire_list{
        margin-top: 20px;
    }
    .fire_list ul{
        margin: 0;
        padding: 0;
    }
    .fire_list ul li{
        list-style-type: none;
        width: 48%;
        display: inline-block;
    }
    .fire_dsc{
        text-align: left;
        margin: 10px 0px;
    }
    .fire_dsc a{
        cursor: pointer;
        color:#1d61e8;
    }
    .fire_bottom{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
    .fire_bottom_left{
        text-align: left;
    }
    .fire_bottom_left h3{
        margin: 0;
    }
    .fire_bottom_left label input{
        vertical-align: middle;
    }
    .fire_bottom_left{
        padding: 5px 10px;
        font-size: 15px;
    }
    .fire_bottom_right select{
        padding: 5px 10px;
        font-size: 15px;
    }
    .fire_table{
        text-align: center;
    }
    .fire_table table{
        width: 100%;
        text-align: center;
    }
    .action-close{
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .topStep_list ul{
        margin: 25px 0px;
        padding: 0;
        grid-template-columns: repeat(8,1fr);
        display: grid;
        grid-gap: 20px;
    }
    .topStep_list ul li {
        list-style-type: none;
        margin: none;
    }
    .topStep_list ul li a{
        color: #1c61e7;
        border: 2px solid #1c61e7;
        border-radius: 8px;
        float: left;
        cursor: pointer;
        height: 80px;
        font-style: italic;
        font-weight: 700;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        font-size: 10px;
        text-align: center;
    }
    .topStep_list ul li a span{
        text-align: center;
    }
    .four_step,.six_step_box{
        margin-bottom:30px;
    }
    .half_input{
        grid-template-columns: repeat(2,1fr);
        display: grid;
        grid-gap: 6%;
    }
    .half_input p label{
        display: inline-block;
        width: 25%;
    }
    .half_input p input{
        width: 74%;
        padding: 10px;
    }
    .full_input p{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
    }
    .full_input p label{
        display: inline-block;
        width: 25%;
    }
    .full_input p select,.full_input p input,.full_input p textarea{
        width: 74%;
        padding: 10px;
    }
    #estimates_form div label span{
        color:red;
    }
    .fire_table table td{
        padding: 5px 8px;
    }
    #app hr{
        width: auto;
        max-width: unset;
        margin: 10px 0px;
    }
    #estimates_form p{
        margin: 10px 0px;
    }

    @media screen and (max-width: 750px) {
        #app .box_kuang {
            width: 98%;
            padding: 5% 1%;
        }
        #app .step_one ul {
            padding: 0;
            margin: 0;
            grid-template-columns: repeat(1,1fr);
            display: grid;
            grid-gap: 30px;
            align-content: center;
            justify-content: center;
            align-items: center;
            justify-items: center;
        }
        #app .step_one ul li {
            list-style-type: none;
            border-radius: 8px;
            box-shadow: 1px 0px 7px 3px #ccc;
            padding: 20px;
             float: left; 
            text-align: center;
            margin: 0;
            width: 90%;
        }
        h2,h3 {
            margin: 5px 0px;
            line-height: normal;
            font-size: 16px;
        }
        #app p{
            font-size: 14px;
            margin-bottom: 5px;
            line-height: normal;
        }
        #app .blue_button {
            background: #1d61e8;
            color: #fff;
            font-weight: bold;
            padding: 8px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
        }
        .step-bar .step-item a{
            font-size: 12px;
        }
        .topStep_list ul li a{
            height: auto;
        }
        .range_progress {
            width: 360px;
            font-size: 12px;
        }
        .step_two_dsc,.range_progress_dsc{
            line-height: normal;
            font-size: 14px;
        }
        .appliance_list ul {
            grid-gap: 2px 20px;
        }
        

        .topStep_list ul {
            margin: 25px 0px 0px 0px;
            padding: 0;
            /* grid-template-columns: repeat(8,1fr); */
            display: block;
            /* grid-gap: 0px; */
        }
        .topStep_list ul li {
            list-style-type: none;
            display: inline-block;
            margin: 0px 5px;
            
        }
        .topStep_list ul li a{
            padding: 0px 5px;
        }
        .appliance_list ul li{
            font-size: 14px;
        }
        .fire_dsc {
            font-size: 14px;
        }
        .fire_table table {
            font-size: 14px;
        }
        .fire_table table td {
            padding: 3px 8px;
        }
        .half_input p label {
            display: inline-block;
            width: 100%;
        }
        .half_input p input{
            padding: 0px 5px;
        }
        .full_input p select, .full_input p input, .full_input p textarea {
            height: 50px !important;
            min-height: 50px;
        }
    }