﻿.SearWhole {
    float: left;
    width: 100%;
    margin: 100px 0;
}

    .SearWhole .maxwidth {
        width: 1400px;
        margin: 0 auto;
        padding: 0 30px;
    }


    .SearWhole .Quantiity {
        font-size: 16px;
        line-height: 30px;
        color: #333;
        margin-bottom: 55px;
    }
@media  screen and (max-width: 1629px){
.SearWhole .Quantiity {
        margin-bottom: 30px;
    }
}
    .SearWhole em {
        color: #FF0000;
        /*font-weight: bold;*/
    }

    .SearWhole .ResuTit {
        font-size: 18px;
        color: #333333;
        font-weight: bold;
        width: 100%;
        padding-bottom: 16px;
        border-bottom: 1px solid #E9E9E9;
        margin-bottom: 26px;
    }

    .SearWhole .Resucont {
        margin-bottom: 45px;
        float: left;
        width: 100%;
    }

        /*.SearWhole .Resucont a {
            line-height: 46px;
            color: #555555;
            padding: 0 45px;
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 50%;
            float: left;
            font-size: 16px;
        }

            .SearWhole .Resucont a:hover {
                background: #F4F4F4;
            }

            .SearWhole .Resucont a:after {
                content: "";
                height: 6px;
                width: 6px;
                border-radius: 50%;
                background-color: #535353;
                position: absolute;
                top: 50%;
                transform: translate(0, -50%);
                left: 20px;
            }*/

    .SearWhole .NotYet {
        font-size: 16px;
        color: #555555;
    }

    .SearWhole .ResulitList .Resucont:last-child {
        margin-bottom: 0;
    }

@media screen and (max-width:1500px) {
    .SearWhole .maxwidth {
        width: 82.5%;
    }
}

@media screen and (max-width:768px) {
    .SearWhole .maxwidth {
        width: 100%;
        padding: 0 15px;
    }

    .SearWhole {
        float: left;
        width: 100%;
        margin: 30px 0!important;
    }

        .SearWhole .Quantiity {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 25px;
        }

        .SearWhole .ResuTit {
            font-size: 16px;
            padding-bottom: 12px;
            margin-bottom: 15px;
        }

        .SearWhole .Resucont {
            margin-bottom: 20px;
            white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;
        }
        .SearWhole .Resucont::-webkit-scrollbar{ display: none;}
         .SearWhole .Resucont .p-t-titile,
         .SearWhole .Resucont .p-d-list{width: 1000px;}
         .Resucont .p-t-titile dd em{white-space:normal;}



            /*.SearWhole .Resucont a {
                line-height: 34px;
                padding: 0 16px;
                width: 100%;
                font-size: 14px;
            }

                .SearWhole .Resucont a:after {
                    height: 4px;
                    width: 4px;
                    left: 6px;
                }*/

        .SearWhole .NotYet {
            font-size: 14px;
        }
}




.Resucont .p-t-titile{float: left; width: 100%; border-top:1px solid #eee; border-left: 1px solid #eee; height: 100px; background: #005bac;}
.Resucont .p-t-titile dl{display: flex; height: 100%;}
.Resucont .p-t-titile dd{display: flex; justify-content:center; align-items:center;height: 100%;flex-direction:column; color:#fff; line-height: 24px; width:8.57%; border-right: 1px solid #eee; padding: 0 }
.Resucont .p-t-titile dd:first-child{width: 10.5%;}
.Resucont .p-t-titile dd:nth-child(6){width: 11.2%;}
.Resucont .p-t-titile dd:nth-child(7){width: 12%;}
.Resucont .p-t-titile dd:last-child{width: 6.3%; border-right: 0;}
.Resucont .p-t-titile dd:last-child span{margin-top: 0;min-height: 72px;}
.Resucont .p-t-titile dd:first-child span{ font-size: 16px; margin-top: 0;min-height: 72px;}
.Resucont .p-t-titile dd span{font-size: 14px; margin-top: 20px;}
.Resucont .p-t-titile dd em{ color:#fefefe; font-size: 14px; min-height: 72px;padding: 0 10px;}
.Resucont .p-t-titile dd .table{vertical-align: middle; display: table-cell;}

.Resucont .p-d-list{float: left; width: 100%;border:1px solid #d2d2d2;}
.Resucont .p-d-list dd{float: left;width: 100%;border-bottom: 1px solid #d2d2d2;}
.Resucont .p-d-list dd:last-child{border-bottom: 0;}
.Resucont .p-d-list dd span{float: left; width: 8.57%; text-align: center; line-height: 30px; padding: 13px 0; color:#222; font-size: 14px; border-right: 1px solid #d2d2d2}
.Resucont .p-d-list dd span:first-child{width: 10.5%;}
.Resucont .p-d-list dd span:nth-child(6){width: 11.2%;}
.Resucont .p-d-list dd span:nth-child(7){width: 12%;}
.Resucont .p-d-list dd span:last-child{width: 6.3%; border-right: 0;}
.Resucont .p-d-list dd span img{vertical-align: middle; margin-top: -3px;}
.Resucont .p-d-list dd:hover{background: rgba(0,91,172,0.05)}


@media  screen and (max-width: 1429px){

    .Resucont{margin-top: 20px;}
    .Resucont .p-t-titile{height: 100px;}
    .Resucont .p-t-titile dd:first-child span{font-size: 14px;}
    .Resucont .p-t-titile dd em{font-size: 12px;}
    .Resucont .p-t-titile dd span{font-size: 12px; margin-top: 15px;}
    .Resucont .p-d-list dd span{font-size:12px;}
    .SearWhole{margin: 60px 0;}
}

@media  screen and (max-width: 1229px){
    .Resucont{margin-top: 70px;}
}

@media  screen and (max-width: 991px){
    .Resucont{margin-top: 60px;width: 962px;}
    .Resucont .p-t-titile dd em{font-size: 11px;}
}
@media  screen and (max-width: 767px){
    .Resucont{margin-top: 30px;}
}

