.all{

    background: url(../img/bgquery_02.jpg);

    background-size: cover;

}

.content{

    padding: 155px 0 180px;

}

.st{

    text-align: center;

}

.st a{
    display: block;
    width: 670px;
    
    margin: auto;
}
.st a div{
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    color: #999999;
    background-color: white;
    transition: 0.5s;
    border-radius: 5px;
    margin-bottom: 25px;

}

.st a:hover div{

    transition: 0.5s;
    background-color: #375ba4;
    color: white;
}
.st a:hover svg path{
    transition: 0.5s;
    fill:#ffffff;
}





.query{

    border-radius: 5px;

    display: block;

    line-height: 54px;

    color: white;

    text-align: center;

    background-color: #3c60a9; /* 浏览器不支持时显示 */

    background-image: linear-gradient(#5d80c7, #395da6);

}

.xiala{

    display: none;

    position: absolute;

    z-index: 99;

    background-color: white;

    width: 100%;

    margin-top: 1px;

    background-color: white;

}

.xiala a{

    padding:0 20px;

    display: block;

    color: #aaaaaa;

    line-height: 30px;

}

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

    .content{

        padding: 60px 0 80px;

    }

    .ipt {

        margin: 60px auto 0;

    }

}

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

   

    .content {

        padding: 40px 0 60px;

    }

    .st{

        overflow: scroll;

    }

    .st a{
        width: 80%;
    }

}