.loading-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(100%, -100%);
    z-index: 9999;
    display: none;
}

.body_wrap {
    background-color: #F4F7FE;
    position: relative;
}

.tool-guide-wrapper {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}

.select-spirites {
    display: block;
    background-image: url("../../product/static/image/selectionnew_sprites.png");
    background-repeat: no-repeat;
}


.selection-wrapper {
    font-size: .14rem;
    position: relative;
}

.select-form-wrapper {
    box-sizing: border-box;
    width: 22%;
    padding: .35rem 1.2% .3rem 1.2%;
    max-width: 400px;
    float: left;
    color: #595757;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.select-result-wrapper {
    box-sizing: border-box;
    width: 77%;
    max-width: 1350px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    float: right;
    background-color: #ffffff;
    padding: .2rem 1.5%;
    border-radius: 8px;
    color: #646467;
}

.select-result-wrapper.select-result-wrapper-show {
    width: 100%;
    max-width: none;
    padding: .2rem 2.5%;
}

.select-type {
    width: 100%;
    text-align: center;
}



.select-type a {
    display: inline-block;
    text-align: center;
    padding: .08rem 0;
    border-radius: 5px;
    color: #ffffff;
    width: 45%;
    cursor: pointer;
    font-size: .14rem;
    font-weight: bold;
    background-image: linear-gradient(#9D9D9D, #BFBFBF);
    text-align: center;
    position: relative;
    max-width: 200px;
}

.select-type a input {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    cursor: pointer;
}

.select-type a p {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
}

.select-type form {
    margin-bottom: 0;
}

.select-type a.selected-type {
    background-image: linear-gradient(var(--primary-color), var(--primary-color-light));
}

.select-type a:nth-child(1) {
    margin-right: 2%;
}

.select-type a .select-spirites {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3%;
    vertical-align: top;
}

.select-type a:nth-child(1) .select-spirites {
    width: 20px;
    height: 20px;
    background-position: 50.99% 33.33%;
    background-size: 1600%;
}

.select-type a:nth-child(2) .select-spirites {
    width: 20px;
    height: 20px;
    background-position: 60.26% 33.33%;
    background-size: 1600%;
}

.type-tips {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #979797;
    margin-top: .15rem;
    margin-bottom: .15rem;
}

.product-types-c {
    width: 100%;
    font-size: .16rem;
    color: #444444;
    text-align: center;
    height: 25px;
    position: relative;
    margin-bottom: .1rem;
}

.product-types-c .select-spirites {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: 69.53% 33.33%;
    margin-right: 3%;
    vertical-align: top;
    background-size: 1500%;
}

.product-types-c p {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    vertical-align: top;
}

.product-types-c::before {
    content: "";
    width: 25%;
    height: 12.5px;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 1px solid #DFDFDF;
}

.product-types-c::after {
    content: "";
    width: 25%;
    height: 12.5px;
    position: absolute;
    right: 0;
    top: 0;
    border-bottom: 1px solid #DFDFDF;
}

.product-types a {
    display: inline-block;
    padding: .1rem 0;
    border: 1px solid #DEDDDD;
    color: #595757;
    width: 48%;
    font-size: .13rem;
    text-align: center;
    margin: .04rem 0;
    cursor: pointer;
}

.product-types a.selected-product-type {
    border: 1px solid #66B3E0;
    position: relative;
}

.product-types a.selected-product-type::after {
    content: "";
    width: 23px;
    height: 18px;
    background-image: url("../../product/static/image/selected.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.row-wrapper label {
    font-size: .13rem;
}

.row-wrapper {
    width: 100%;
    margin-bottom: .08rem;
    position: relative;
}

.vout-row .row-wrapper {
    margin-bottom: .1rem;
}

.input-wrapper {
    white-space: nowrap;
    position: relative;
}

.star-font::before {
    content: "*";
    color: #0181CC;
    position: absolute;
    left: -10px;
    top: 5px;
}

.star-font.star-font-red::before {
    color: red;
}

.input-wrapper label,
.input-wrapper input {
    display: inline-block;
}

.row-wrapper input {
    font-size: .13rem;
    color: #454545;
    text-align: center;
}

.row-wrapper input::-webkit-input-placeholder {
    color: #cccccc;
    font-size: .13rem;
}

.row-wrapper input::-moz-placeholder {
    color: #cccccc;
    font-size: .13rem;
}

.row-wrapper input:-ms-input-placeholder {
    color: #cccccc;
    font-size: .13rem;
}

.row-wrapper input::-webkit-input-placeholder {
    color: #cccccc;
    font-size: .13rem;
}

.row-wrapper input::placeholder {
    color: #cccccc;
    font-size: .13rem;
}

.row-wrapper input#used,
.row-wrapper input#otherdemand,
.row-wrapper input#yourname,
.row-wrapper input#yourtel,
.row-wrapper input#yourcompany,
.row-wrapper .select_pro input {
    text-align: left;
}


.row-wrapper input[name='VoutOne'],
.row-wrapper input[name='VoutTwo'],
.row-wrapper input[name='VoutThree'],
.row-wrapper input[name='VoutFour'] {
    width: 45% !important;
}


.row-wrapper.submit-row input {
    color: #ffffff;
    ;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.row-wrapper label {
    float: left;
}

.row-wrapper .unit {
    float: right;
    vertical-align: top;
}

.intelligent-type form {
    display: none;
}

.intelligent-type .selection-form {
    margin-top: .12rem;
    display: block;
}

.form-type-wrapper input::-ms-input-placeholder {
    text-align: center;
}

.form-type-wrapper input::-webkit-input-placeholder {
    text-align: center;
}

.form-type-wrapper input::input-placeholder {
    text-align: center;
}

.row-wrapper input,
.row-wrapper label,
.row-wrapper p {
    height: .25rem;
    line-height: .25rem;
}

.package-wrapper {
    width: 100%;
    margin-top: .03rem;
}

.package-type {
    border: 1px solid #D5D5D5;
    position: relative;
    background-color: #ffffff;
    float: left;
    padding: .05rem .2rem;
    margin-right: .05rem;
    margin-bottom: .05rem;
    font-size: 12px;
    line-height: 14px;

}


.radio-wrapper input {
    cursor: pointer;
}

.selected-style {
    color: #1F8CCC !important;
    border: 1px solid #4EA8DD !important;
    position: relative;
}

.selected-style::after {
    content: "";
    width: 23px;
    height: 18px;
    background-image: url("../../product/static/image/selected.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.package-type.selected-style {
    background-color: #CCE6F5 !important;
    border: 1px solid #4EA8DD;
}


.package-type input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.package-type img {
    display: block;
    margin: 0 auto;
    width: .4rem;
    height: .4rem;
}

.package-type p {
    display: block;
    text-align: center;
    font-size: 12px;
    height: auto;
    line-height: 14px;
}

.freatures-wrapper {
    margin-top: .03rem;
}

.freature-type {
    padding: .05rem .15rem;
    float: left;
    position: relative;
    border: 1px solid #D5D5D5;
    margin-right: .05rem;
    margin-bottom: .05rem;
    cursor: pointer;
}

.freature-type p {
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    height: auto;
}

.freature-type input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.submit-row {
    width: 100%;
    color: #ffffff;
    text-align: center;
}

.button-search {
    display: inline-block;
    width: 30%;
    line-height: .3rem;
    height: .3rem;
    background-color: var(--primary-color);
    color: #ffffff;
    cursor: pointer;
    border-radius: 3px;
    margin: .1rem;
    max-width: 150px;
}

.submit-row input[type="reset"] {
    display: inline-block;
    width: 30%;
    height: .3rem;
    line-height: .3rem;
    background-color: #6E6E6E;
    color: #ffffff;
    cursor: pointer;
    margin: .1rem;
    max-width: 150px;
}

.add-row {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0px;
    top: 6px;
    border: 2px solid #FF2E30;
    font-size: 12px;
    color: #FF2E30;
    font-weight: bolder;
    line-height: 8px;
    text-align: center;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
}

.cut-row {
    width: 14px;
    height: 14px;
    line-height: 8px;
    position: absolute;
    right: 0px;
    top: 6px;
    border: 2px solid #FF2E30;
    font-size: 12px;
    color: #FF2E30;
    font-weight: bolder;
    text-align: center;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
}

.selected-num {
    display: inline-block;
    text-align: left;
    color: #656262;
    background-color: #FFF0DB;
    padding: .02rem .2rem;
    margin-top: .1rem;
}

.selected-num i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: 42.48% 15%;
    background-size: 2000%;
    vertical-align: top;
}

.selected-num p {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    vertical-align: top;
}

.result .tips {
    display: inline-block;
    width: auto;
    float: right;
}

.page_btns {
    padding-top: .2rem;
    padding-bottom: .15rem;
}

.selection-list {
    border-top: 1px solid #D8D8D8;
}

.result {
    margin-top: 0;
}

.result .tb_1 {
    border-top: none;
}

.result .scroll_box {
    width: 100%;
    width: 100%;
    overflow-y: none;
    overflow-x: none;
    position: relative;
}

.result .tb_2 {
    max-height: none;
    overflow-y: hidden;
    position: relative;
    border-bottom: none;
}

.table_field {
    background-color: #EFF4F8;
}

.part-img {
    cursor: pointer;
}

.part-img img {
    width: .4rem;
    height: .4rem;
}

.isolation-wrapper {
    margin-top: .03rem;
}

.isolation-type {
    box-sizing: border-box;
    padding: .05rem .15rem;
    float: left;
    position: relative;
    border: 1px solid #D5D5D5;
    margin-right: .05rem;
    margin-bottom: .05rem;
    cursor: pointer;
}

.isolation-type p {
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    height: auto;
}

.isolation-type input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.isolation-type.isolation-checked {
    border: 1px solid #4EA8DD;
}

.isolation-type.isolation-checked::after {
    content: "";
    width: 23px;
    height: 18px;
    background-image: url("../../product/static/image/selected.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.checkbox-wrapper input[type='checkbox'] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.artificial-type .border-input {
    width: 100%;
    border: 1px solid #D5D5D5;
    margin-top: .05rem;
    height: .3rem;
    line-height: .3rem;
}

.artificial-type .star-font::before {
    color: red;
}

.select_pro {
    width: 49%;
    margin-right: 1%;
}

.select_pro input {
    height: .3rem;
    border: 1px solid #D5D5D5;
    cursor: pointer;
}


.select_pro .options {
    top: .3rem;
}

.select_pro .options li {
    height: auto;
    white-space: normal;
    font-size: .13rem;
    margin-bottom: .08rem;
}


.add-rows-tips {
    margin-top: -.08rem;
    margin-bottom: .1rem
}

.add-rows-tips p {
    background-color: #E5F2FA;
    color: #83B6E0;
    font-size: 12px;
    display: inline-block;
    float: right;
    padding: 0 10px;
    height: auto;
    line-height: 20px;
}

#province,
#city {
    display: block;
}

.hide-wrapper {
    background-color: var(--primary-color);
    color: #ffffff;
    margin-bottom: .25rem;
    padding: 3px 0 3px 10px;
    width: 60px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 25px 5px 0 25px;
    cursor: pointer;
}

.hide-wrapper .select-spirites {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -185px -10px;
    background-position: 23.5% 15%;
    background-size: 3200%;
}


.hide-wrapper p {
    display: inline-block;
}


.show-wrapper {
    font-size: .13rem;
    position: absolute;
    left: 0;
    top: 1rem;
    background-image: linear-gradient(#0082cd, #35a7ed);
    z-index: 1;
    padding: .2rem .1rem .2rem 0;
    color: #ffffff;
    cursor: pointer;
    border-radius: 5px;
    display: none;
}

.show-wrapper span {
    display: block;
    padding: 5px 10px 5px 10px;
    /* width: 45px; */
    border-radius: 0 25px 25px 0;
    background-image: linear-gradient(#F7A460, #E99C5C);
}

.show-wrapper span .select-spirites {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: 29.5% 15%;
    background-size: 3200%;
}

.show-wrapper span p {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    font-size: 13px;
    margin-right: 5px;
}

.show-wrapper div {
    text-align: center;
    margin-top: .15rem;
}

.show-wrapper div .select-spirites {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-position: 99% 50%;
    background-size: 1200%;
    margin-bottom: .05rem;
}

.show-wrapper div p {}

.radio-style {
    display: inline-block;
    padding: 0;
}

.radio-style label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding-left: 5px;
}

.radio-style span {
    vertical-align: top;
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #888888;
    border-radius: 50px;
    margin-top: 3px;
    float: left;
}

.radio-style span i {
    display: block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    margin: 4px;
    background-color: #fff;
    border: 1px solid #888888;
}


.radio-style span input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.radio-style.selected-style-radio span {
    border: 1px solid #4EA8DD;
}

.radio-style.selected-style-radio span i {
    background-color: #4EA8DD;
    border: 1px solid #4EA8DD;
}

.outsearch-box thead {
    background-color: #EFF4F8;
}


.result table tr th {
    padding: .08rem .05rem;
    max-height: 60px;
}

.result table tr td {
    min-width: 45px;
}

.result .tb_1,
.result .tb_2 {
    width: 100%;
}

.other-wrapper {}

.other-wrapper ul {
    width: 100%;
}

.class_nav {
    margin-bottom: .25rem;
}

.class_nav h3 {
    margin-bottom: .1rem;
    border-left: 5px solid var(--primary-color);
    padding-left: .2rem;
    font-size: .18rem;
    line-height: .2rem;
}

.class_nav h3 a {
    color: #0381CC;
}

.class_nav ul {
    border-top: 1px solid #D8D8D8;

}

.class_nav ul li {
    float: left;
    box-sizing: border-box;
    border: 1px solid #dedede;
    border-radius: 3px;
    background-color: #fcfcfc;
    vertical-align: top;
    width: 2.99rem;
    height: 1.27rem;
    margin-top: .19rem;
    margin-right: .19rem;
    margin-right: .12rem\9;
    position: relative;
    overflow: hidden;
    transition: border .25s linear;
}

.class_nav ul li:hover {
    border: 1px solid #3A9ED7;
}

.class_nav ul li.go-store-li {
    border: none;
    background-color: #ffffff;
}

.class_nav ul li.go-store-li a {
    width: 100%;
    text-align: center;
}

.class_nav ul li.go-store-li a img {
    width: 100%;
    max-width: 299px;
}

.class_nav ul li a {
    display: inline-block;
    text-align: left;
    width: 2.99rem;
    height: 1.27rem;
    vertical-align: top;

}

.pro-class-wrap {
    box-sizing: border-box;
    width: 2.99rem;
    height: 1.27rem;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: .1rem;
}

.class_nav_img {
    width: 1rem;
    height: 1rem;
    position: relative;
    display: table-cell;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #F2F2F2;
    transition: background-color .25s linear;
}

.class_nav ul li:hover .class_nav_img {
    background-color: #DAECF8;
}


.class_nav_con {
    display: inline-block;
    margin-left: .15rem;
    max-width: 1.6rem;
    vertical-align: middle;
}

.class_nav_con .goods-name {
    display: block;
    text-align: left;
    color: #2a2a2a;
    font-size: .16rem;
    margin-bottom: .1rem;
}


.class_nav_con .goods-family {
    display: inline-block;
    color: #a4a1a1;
    font-size: .14rem;
    text-align: left;
    padding-left: 0;
    margin-bottom: 2px;
}



.class_nav_img img {
    width: .93rem;
    height: .68rem;
    float: left;
    position: relative;
}

.goods-brief {
    color: #888888;
    font-size: .12rem;
    line-height: .2rem;
    white-space: normal;
}

.goods-brief p {
    color: #888888;
    font-size: .12rem;
    line-height: .2rem;
    white-space: normal;
    padding: 0;
    margin: 0;
}


@-webkit-keyframes li_scale {
    0% {
        -webkit-transform: scale(1);
        -webkit-opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.5);
        -webkit-opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1.1);
        -webkit-opacity: 1;
    }
}

@-moz-keyframes li_scale {
    0% {
        -moz-transform: scale(1);
        -moz-opacity: 1;
    }

    50% {
        -moz-transform: scale(0.5);
        -moz-opacity: 0.5;
    }

    100% {
        -moz-transform: scale(1.1);
        -moz-opacity: 1;
    }
}

@-o-keyframes li_scale {
    0% {
        -o-transform: scale(1);
        -o-opacity: 1;
    }

    50% {
        -o-transform: scale(0.5);
        -o-opacity: 0.5;
    }

    100% {
        -o-transform: scale(1.1);
        -o-opacity: 1;
    }
}

@-ms-keyframes li_scale {
    0% {
        -ms-transform: scale(1);
        -ms-opacity: 1;
    }

    50% {
        -ms-transform: scale(0.5);
        -ms-opacity: 0.5;
    }

    100% {
        -ms-transform: scale(1.1);
        -ms-opacity: 1;
    }
}

@keyframes li_scale {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.1);
        opacity: 1;
    }
}




.li_center {
    margin-left: .19rem;
    margin-right: .19rem;
}

.class_nav ul {
    width: 100%;
    text-align: left;
    white-space: normal;
}

.class_nav ul li:hover a span p.goods-name {
    -webkit-animation: p_drop .3s linear;
    -moz-animation: p_drop .3s linear;
    -o-animation: p_drop .3s linear;
    -ms-animation: p_drop .3s linear;
    animation: p_drop .3s linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    color: #2690c5 !important;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;
    transition: .3s linear;
}

@-webkit-keyframes p_drop {
    0% {
        top: -.8rem;
        -webkit-opacity: 0;
    }

    100% {
        top: 0;
        -webkit-opacity: 1;
    }
}

@-moz-keyframes p_drop {
    0% {
        top: -.8rem;
        -webkit-opacity: 0;
    }

    100% {
        top: 0;
        -webkit-opacity: 1;
    }
}

@-o-keyframes p_drop {
    0% {
        top: -.8rem;
        -webkit-opacity: 0;
    }

    100% {
        top: 0;
        -webkit-opacity: 1;
    }
}

@-ms-keyframes p_drop {
    0% {
        top: -.8rem;
        -webkit-opacity: 0;
    }

    100% {
        top: 0;
        -webkit-opacity: 1;
    }
}

@keyframes p_drop {
    0% {
        top: -.8rem;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

.class_nav ul li:hover a span div.goods-brief {
    -webkit-animation: p_up .3s linear;
    -moz-animation: p_up .3s linear;
    -o-animation: p_up .3s linear;
    animation: p_up .3s linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes p_up {
    0% {
        bottom: -.8rem;
        -webkit-opacity: 0;
    }

    100% {
        bottom: 0;
        -webkit-opacity: 1;
    }
}

@-moz-keyframes p_up {
    0% {
        bottom: -.8rem;
        -moz-opacity: 0;
    }

    100% {
        bottom: 0;
        -moz-opacity: 1;
    }
}

@-o-keyframes p_up {
    0% {
        bottom: -.8rem;
        -o-opacity: 0;
    }

    100% {
        bottom: 0;
        -o-opacity: 1;
    }
}

@-ms-keyframes p_up {
    0% {
        bottom: -.8rem;
        -ms-opacity: 0;
    }

    100% {
        bottom: 0;
        -ms-opacity: 1;
    }
}

@keyframes p_up {
    0% {
        bottom: -.8rem;
        opacity: 0;
    }

    100% {
        bottom: 0;
        opacity: 1;
    }
}

.class_nav ul li a img {
    transition: transform .2s ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.465rem;
    margin-top: -.34rem;
}

/* .class_nav ul li:not(.go-store-li):hover a img {
    -webkit-animation: img_move .3s linear;
    -moz-animation: img_move .3s linear;
    -o-animation: img_move .3s linear;
    -ms-animation: img_move .3s linear;
    animation: img_move .3s linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
} */
@-webkit-keyframes img_move {
    0% {
        left: -1.5rem;
        -webkit-opacity: 0;
    }

    100% {
        left: 0;
        -webkit-opacity: 1;
    }
}

@-moz-keyframes img_move {
    0% {
        left: -1.5rem;
        -moz-opacity: 0;
    }

    100% {
        left: 0;
        -moz-opacity: 1;
    }
}

@-o-keyframes img_move {
    0% {
        left: -1.5rem;
        -o-opacity: 0;
    }

    100% {
        left: 0;
        -o-opacity: 1;
    }
}

@-ms-keyframes img_move {
    0% {
        left: -1.5rem;
        -ms-opacity: 0;
    }

    100% {
        left: 0;
        -ms-opacity: 1;
    }
}

@keyframes img_move {
    0% {
        left: -1.5rem;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}

.class_nav h3 {
    display: block;
}

/* .form-type-wrapper{
    padding-bottom: .2rem;
} */

.float-part-img {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.2rem;
    height: 1.2rem;
    max-width: 120px;
    max-height: 120px;
    background-color: #ffffff;
    text-align: center;
    border: 2px solid #5e9fd9;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.1);
    display: none;
}

.float-part-img img {
    width: 100%;
    border-radius: 5px;
    display: block;
    transform: scale(1.2);
}

.slide_p:hover {
    background-color: #e6eef6;
}

.no-result {
    width: 100%;
    text-align: center;
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.no-result a {
    color: var(--primary-color);
}

.other-ul {
    width: 100%;
    margin-top: .2rem;
}

.other-ul li {
    display: block;
    width: 100%;
    margin-bottom: .08rem;
}

.other-ul li a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    color: #595757;
    position: relative;
    padding-left: .15rem;
}

.other-ul li a::before {
    content: "";
    display: block;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background-color: #9D9D9D;
    position: absolute;
    left: 0;
    top: .05rem;
}

.other-ul li a:hover {
    color: var(--primary-color);
}

.other-ul li a.other-a-hover {
    color: var(--primary-color);
}

.other-ul li a:hover::before {
    background-color: var(--primary-color);
}


.other-ul li a.other-a-hover::before {
    background-color: var(--primary-color);
}

.params-selection {
    width: 100%;
    position: relative;
    padding-bottom: .1rem;

    /* overflow-y: scroll;
    height: 1.5rem; */

}

.params-selection .isolation-wrapper {
    position: absolute;
    left: 0;
    top: 85%;
    /* bottom: -.05rem; */
    background-color: #ffffff;
    z-index: 2;
    box-sizing: border-box;
    padding: .1rem 5% .2rem 5%;
    /* border: 1px solid #4EA8DD  ;  */
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2);
    /* box-shadow: 1px 2px 10px  2px rgba(78, 168, 221, 0.4); */
    border-radius: 5px;
    display: none;
}

.params-selection span {
    display: block;
    width: 100%;
    height: 100%;
    height: .35rem;
}

.selected-params {
    box-sizing: border-box;
    width: 100%;
    color: #555;
    position: relative;
    border: 1px solid #DEDDDD;
    font-size: .13rem;
    padding: .03rem;
    cursor: pointer;
}

.selected-params span,
.selected-params p {
    /* display: inline-block;
    float: left; */
}

.selected-params p {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    white-space: normal;
    word-break: break-all;
    padding-right: .25rem;
    height: auto;
    line-height: .20rem;
    min-height: .20rem;
    font-size: .12rem;
}

.fangdajing {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    background-image: url("../../product/static/image/fangdajing.png");
    background-size: contain;
    margin-top: .025rem;
    position: absolute;
    right: .03rem;
    top: .02rem;
}



/* .params-selection .isolation-wrapper .isolation-type{
    width: 100%;
} */


@media screen and (max-width:1440px) {

    /* .show-wrapper{
        left: -1%;
    } */
    .select-result-wrapper.select-result-wrapper-show {
        max-width: 1320px;
        width: 95%;
    }

}

/* @media screen and (min-width:1280px) {
    .class_nav ul li:nth-child(3n) {
        margin-right: 0;
    }
} */

@media screen and (max-width:1280px) {
    .select-result-wrapper.select-result-wrapper-show {
        max-width: 1170px;
    }
}




@media screen and (max-width:1200px) {

    .select-result-wrapper {
        width: 100%;
        margin-top: .3rem;
    }

    .hide-wrapper {
        display: none;
    }

    .select-form-wrapper {
        padding: .2rem 6% 0 6%;
        width: 100%;
    }
}


@media screen and (max-width:1200px) {
    .form-type-wrapper {
        width: 80%;
        margin: 0 auto;
    }

    .select-form-wrapper {
        width: 100%;
        max-width: none;
    }

    .select-type span {
        width: 30%;
    }

    .product-types {
        text-align: center;
    }

    .product-types a {
        width: 20%;
    }
}

@media screen and (max-width:935px) {
    .loading-wrapper {
        transform: translate(-50%, -50%);
    }

    .result table tr td.feature-td {
        width: auto;
        height: 49px;
    }

    .result .fixed_col table tr td {
        height: 49px;
    }

    .result .tb_1 tr td,
    .result table tr th {
        white-space: nowrap;
        background-color: #EFF4F8;
    }

    table tr th {
        padding: .2rem 0.1rem !important;
    }

    .result .tb_2 {
        overflow-x: scroll;
    }
}


@media screen and (max-width:750px) {
    .form-type-wrapper {
        width: 95%;
    }

    .select-type span {
        width: 48%;
    }

    .product-types a {
        width: 48%;
    }

    .class_nav ul {
        text-align: center;
    }

    .class_nav ul li {
        width: 100%;
    }

    .class_nav ul li a {
        width: 100%;
    }

    .class_nav.pro_center ul li a span p {
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }

    .result .tips {
        float: none;
        text-align: left;
    }

}