#content {
    width: 1200px;
    border: 1px solid black;
    margin-top: 20px;
}

.on {
    color: red
}

.off {
    color: black
}
.q ul {
    padding: 5px 0px 10px 10px;
}
.q ul li {
    color: red;
}
.q ul li img {
    width: 290px;
    height: 400px;
    border: 1px dashed #dee2e6;
    margin-top: 20px;
    text-align: center;
}
#pagenum{
    text-align: center;
    font-size: 20px;
}
input{
    text-align: center;
    font-size: 20px;
    padding: 5px 0px 5px 10px;
    border: 1px solid black;
    color:#17a2b8;
    border-radius: 5px;

}

span {
    font-size: 20px;
    color: royalblue;

}


.sk_bdd ul li img{
    width:  250px;
    height: 285px;
    border: 1px  dashed #dee2e6;
    margin-top: 10px;
    text-align: center;
 }


 /** 鼠标移动到时放大1.2倍 **/
.sk_bdd ul li:hover img{
    transform: scale(1);
 }
.sk_bdd h3{
    font-size: 15px;
    margin: 2px ;
    text-align: center;

}
.sk_bdd h3:hover{
    color: #c81523;
    transform: scale(0.8);

}

.sk_bdd ul li{
    float: left;
    margin: 5px 20px 2px 20px;
    overflow: hidden;
    width:  250px;
    height: 350px;
    border: 1px solid transparent;
}
.sk_bdd ul li:nth-child(4n){
    margin-right: 0;
}