@charset "utf-8";

.newsBtn a {
    width: 45%;
}

.newsBtn a img {
    width: 100%;
}

.banner-fl {
    max-width: 70%;
    max-height: 218px;

}

.banner-fr {
    max-height: 218px;
}

.app-list{
    display: none;
}

.app-news{
    visibility: hidden;
    height:0px;
}

.container{
    padding: 10px 3%;
}

 #loading {
     position: fixed;
     display: block;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     text-align: center;
     opacity: 0.3;
     background-color: #fff;
     z-index: 99;
 }

#loading-image {
    position: absolute;
    top: 25%;
    left: 45%;
    z-index: 100;
}

.top2 .top2-bom a{
    color: #fff;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 3px;
    background: #a78335;
    text-align: center;
}

.nav.app_menu {
    display: none;
    padding: 15px 10px 0px 10px;
}

@media screen and (max-width: 1199px) {
    body{
        max-width: 990px;
    }
}
@media screen and (max-width: 990px) {
    .logo, .top {
        padding: 0.5rem 3%;
    }

    body{
        width:100%;
        max-width: 680px;
        min-width:680px;
        margin: 0 auto;
    }

    .container {
        padding: 0;
    }

    .banner-fl {
        max-width: 100%;
        max-height: unset;
        height: auto;
    }

    .banner-fl img {
        width: 100%;
        height: auto;
    }

    .content {
        width: 100%;
        max-width: unset;
        margin: 0;
        padding: 5px 10px;
    }

    .logo h1{
        width:100%;
        text-align: center;
    }

     header .logo a{
        text-align: center;
        padding: 0 20%;
    }

    header .logo a img{
        height: 5%;
    }

    .top, .sousuo, .foot,.banner-fr, .nav {
        display: none;
    }

    .nav.app_menu {
        display: inline-block;
        background: unset;
        padding-top: 1rem;
    }

    .nav.app_menu ul li a {
        display: block;
        width: 145px;
        height: 40px;
        border: 2px solid #a78335;
        color: #313131;
        text-align: center;
        line-height: 38px;
        border-radius: 20px;
    }

    .nav.app_menu ul li:hover a {
        background: #a78335;
        border: 2px solid #a78335;
        color: #fff;
    }

    .nav.app_menu ul li.on-h a {
        background: #f59c25;
        border: 2px solid #f59c25;
        color: #fff;
    }

    .nav.app_menu ul li.on-l a {
        background: #288cea;
        border: 2px solid #288cea;
        color: #fff;
    }

    .app-list{
        display: block;
        padding:10px;
    }

    .app-news{
        visibility: visible;
        height:40px;
        line-height: 40px;

    }
    .app-news a{
        color: #666;
        font-size: 18px;
    }

    .app-list.content .app_sousuo{
        display: inline-block;
    }

    .fix:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0;
    }

    ul {
        margin: 0;
        padding: 0;
    }

    ol, ul {
        list-style: none;
    }

    .app-list ul li {
        float: left;
        margin: 5px 5px;
    }

    .app-list ul li a {
        display: block;
        width: 145px;
        height: 40px;
        border: 1px solid #dcdcdc;
        color: #313131;
        text-align: center;
        line-height: 40px;
    }

    .suo-input{
        width:75%;
    }

    .banner_content{
        padding:0;
        margin-top: -1%;
    }

    #app_light .layui-table th{
        display : none;
    }

    .inlineAPPtable{
        width:100%;
        text-align: center;
        max-width:680px;
    }
    .layui-table-cell {
        height : auto;
    }

    .app_ul{
        margin: 0 3%;
    }

    .white_content a.gb {
        float: right;
        margin-top: 3px;
        margin-right: 3px;
    }
}