.page{padding-top:60px;}
.layui-card-body {
    padding: 15px 7.5px 15px 7.5px;
}

.layui-fluid {
    padding: 15px;
}

.banne {
    min-height: 360px;
    width: 100%;
    background-image: url(/Thems/imgs/lyzqbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.basp {
    height: 110px;
    width: 100%;
}

.scont {
    padding: 15px;
}
.udic {
    height: 60px;
    width: 100%;
    padding: 0 10px 15px 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

    .udic img {
        height: 60px;
        width: 60px;
        border-radius: 30px;
        vertical-align: top;
    }
.unm {
    width: 25%;
    height: 40px;
    display: inline-block;
    padding: 10px;
}

    .unm cite {
        display: block;
    }
.bt {
    padding: 15px 10px;
    font-size: 22px;
    display: block;
}
#dicz{text-align:center;}
#dicz li {
    display: inline-block;
    text-align: center;
    width:100px;
    font-size:18px;
    color:gray;
}


#test-flow-auto li {
    padding: 15px 15px 0 15px;
    border-bottom: 1px solid #eee;
}
.txtdic{font-size:12px;}
.tson {
    height: 150px;
    width: 100%;
}
.gdtimg{width:300px;}

@media screen and (max-width: 768px) {
    .layui-card-body {
        padding: 15px 0 15px 0;
    }

    .layui-fluid {
        padding: 15px 7.5px;
    }

    .btns {
        width: 100%;
    }

    .basp {
        height: 50px;
    }

    .banne {
        min-height: 200px;
    }

    .scont {
        padding: 5px;
    }

    .bt {
        font-size: 18px;
    }
    #test-flow-auto li {
        padding: 5px 5px 0 5px;
    }
    #dicz li {
        width: 20%;
    }
    .tson {
        display: none;
    }
    .gdtimg {
        width: 100%;
    }
}