@media (max-width: 768px) {
   
    .sub-title {
        font-weight: 700;
        font-size: .16rem;
        color: #222;
        display: flex;
        align-items: center;
        margin: .24rem 0;
        position: relative;
    }

    .sub-title img {
        width: .17rem;
        height: .17rem;
        margin-right: .14rem;
        object-fit: contain;
    }

    .yxjj-content {
        height: 1.1rem;
        text-indent: 2em;
        font-size: .16rem;
        color: #606266;
        line-height: 1.8;
        text-align: justify;
        overflow: hidden;
    }

    .about {
        font-size: .15rem;
        color: rgb(243, 104, 29);
        text-align: center;
        margin-top: .03rem;
    }

    .yxjj {
        display: flex;
        justify-content: space-between;
        margin-top: .11rem;
    }

    .yxjj div {
        width: .9rem;
        background: #f7f7f7;
        border-radius: .06rem;
        padding: .09rem .11rem;
        margin-right: .08rem;
    }

    .yxjj div p {
        font-size: .13rem;
        color: #9f9f9f;
        margin-bottom: .13rem;
    }

    .yxjj div span {
        font-weight: 700;
        font-size: .17rem;
        color: #2d2d2d;
    }

    .ash-bar {
        position: relative;
        left: -0.13rem;
        width: calc(100% + .26rem);
        height: .09rem;
        background: #f3f3f3;
        margin: .23rem 0;
    }

    .map-card {
        background: #fff;
        box-shadow: 0rem .01rem .11rem 0rem hsla(0, 0%, 78.8%, .58);
        border-radius: .09rem;
        position: relative;
    }

    .map-card ul {
        width: 100%;
        position: absolute;
        top: 1.65rem;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        overflow-y: auto;
        padding: .05rem;
        z-index: 99;
        box-sizing: border-box;
    }

    .map-card ul li {
        font-size: .12rem;
        margin-right: .1rem;
        padding: 0 .05rem;
        width: .61rem;
        text-align: center;
        white-space: nowrap;
    }

    .map-card ul li span {
        font-size: .12rem;

    }

    .map-card ul li img {
        width: .2rem;
        display: block;
        margin: 0 auto;
    }

    .map-card .map {
        height: 1.98rem !important;
        background-color: #f3f3f3;
    }

    .map-card .map-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .2rem .16rem;
    }

    .map-card .map-wrapper span {
        font-size: .13rem;
        color: #111;
    }

    .map-card .map-wrapper div {
        padding: .09rem .14rem;
        font-size: .12rem;
        color: #fff;
        background: linear-gradient(90deg, #ff723b, #ff9b59);
        border-radius: .14rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .map-card ul .ac {
        border-radius: .05rem;
        background: #f5f6f7;
    }

    .select-t {
        position: relative;

    }

    .select-t p {
        font-size: .12rem;
        width: .6rem;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .select-t ul {
        display: block;
        position: absolute;
        top: .36rem;
        left: 0;
        width: 100%;
        max-height: 1.5rem;
        border: .01rem solid #ff7840;
        background: #FFFFFF;
        width: 100%;
        color: #424242;
        list-style: none;
        font-weight: 400;
        border-radius: .05rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        overflow: auto;
        transition: max-height .3s ease-in-out;
        z-index: 999;
        overflow: auto;
    }

    .select-t ul li {
        cursor: pointer;
        border-bottom: .01rem solid #e2e2e2;
        width: 100%;
        padding: .05rem 0;
        margin-right: 0;
    }

    .select-t ul li:last-child {
        border-bottom: none !important;
    }

    .desc {
        text-align: justify;
        font-weight: 400;
        font-size: .13rem;
        color: #626262;
        line-height: .28rem;
        margin-bottom: .27rem;
        margin-top: .22rem;
    }

    .desc p {
        display: initial;
        font-size: .13rem;
    }

    .desc span {
        color: #ff8045;
        font-size: .13rem;

    }

    .BMap_stdMpZoom .BMap_button_new {
        display: none;
    }

    .num-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .num-list div {
        text-align: center;
        font-size: .13rem;
        color: #5b5b5b;
        width: 25%;
        margin-bottom: .13rem;
        margin-right: 0;
        height: auto;
    }

    .num-list div img {
        width: .32rem;
        height: .32rem;
        background: #fff1e4;
        display: block;
        margin: 0 auto .11rem;
    }

   

    .xkpg-list span {
        display: inline-block;
        border-radius: .04rem;
        border: .01rem solid #f27039;
        padding: .09rem .17rem;
        font-size: .12rem;
        color: #f27039;
        margin: 0rem .14rem .14rem 0;
    }
    .table-nav{
        margin-bottom: .16rem;
    }
    .table-nav div {
        font-size: .13rem;
        color: #000;
        line-height: .19rem;
        padding-bottom: .12rem;
        display: inline-block;
        vertical-align: top;
        margin-right: .3rem;
    }

    .table-nav .ac {
        color: #eb5718;
        border-bottom: .02rem solid #eb5718;
    }

    .query-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .query-wrapper .query-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 30%;
        height: .38rem;
        border-radius: .05rem;
        font-size: .13rem;
    }
    .el-input__inner{
           border: .01rem solid #d2d2d2; 
    }
    .btn-warpper {
        display: flex;
        justify-content: space-between;
        margin: .14rem 0 .18rem;
    }

    .btn-warpper div {
        /* width: 1.85rem; */
        width: 48%;
        height: .38rem;
        background: #ff7940;
        border-radius: .05rem;
        font-size: .13rem;
        color: #fff;
        text-align: center;
        line-height: .38rem;
    }

    .btn-warpper div:last-child {
        border: .01rem solid #ff7940;
        color: #f76121;
        background: #fff;
    }


}