.yqlink {
    display: flex;
    justify-content: center;}

.yqlink li {
float: left;
    width: 14.6%;
    text-align: center;
    border: 1px dashed #9B0C13;
    margin: 0 1%;
    line-height: 40px;
    font-size: 16px;
    margin-bottom: 20px;}

.yqlink li:hover {
    border: 1px dashed #8d141b;
    background: #8d141b;}

.yqlink li:hover a  {

    color:#fff;}

@media screen and (max-width: 1300px) {
.yqlink {
    display: block;}
.yqlink li {
    width: 23%;}

}


@media screen and (max-width: 768px) {
.yqlink li {
    font-size: 14px;}
.yqlink li {
    width: 48%;}

}


 

@media screen and (max-width: 340px) {
.yqlink li {
    width: 98%;}

}





/*123*/