.book{padding:20px;}
.book li{float:left;width:48%;margin:1% 1% 0;border-bottom:1px solid #ccc;padding-bottom:10px;}
.book li a{display:flex;}
/*
.book li .imgbox{position: relative;display: block;height: 0;width: 100%;padding-top: 56.25%;overflow:hidden;}
.book li .imgbox img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: auto;}
*/
.book li .imgbox{width:110px;height:150px;padding:5px;background:#ccc;overflow:hidden;}
.book li .imgbox img{width:100%;height:100%;display:block;margin:0 auto;object-fit:cover;}
.book li .titbox{width:calc(100% - 130px);padding-left:10px;}
.book li .titbox h3{margin:10px 0 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.book li .titbox p{font-size:16px;line-height:2;color:#666;}
.book li:hover .imgbox{background:#A61930;}

@media screen and (max-width: 768px) {
    .book li {width: 98%;padding-top:10px;}
}


/*
css1:1行3列
.flex {display: flex;}
.imged {position: relative;padding-bottom: 65%;width: 100%;display: block;overflow: hidden;transition: 0.5s;background-size: cover !important;}
.imged img {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%;transition: all 0.5s ease 0s;object-fit: cover;display: none;}
.scale {overflow: hidden;}
.xyfg ul {flex-wrap: wrap;}
.xyfg li {width: 29.3%;padding: 0 18px;margin-bottom: 20px;list-style: none;margin-top: 20px;}
.xyfg li a {display: block;position: relative;z-index: 1;padding: 15px 15px 0;}
.xyfg li a::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #dcdcdc;background: #fff;z-index: -1;}
.xyfg li h3 {font-size: 16px;color: #000;line-height: 1.5;text-align: center;height: 30px;transition: 0.5s;padding: 8px 0;}
.xyfg li:hover h3 {color: #9b1b2f;}
.xyfg li .scale .imged {padding-bottom: 70%;}
.img_vsb_content{vertical-align: middle;width: 18px;height: 18px;}

@media screen and (max-width: 1024px) {
    .xyfg li {padding: 0 10px;margin-bottom: 20px;}
    .xyfg li a::after {left: 0;right: 0;}
    .xyfg li h3 {height: 20px;text-overflow: ellipsis;width: 100%;overflow: hidden;word-break: keep-all;}
}

@media screen and (max-width: 768px) {
    .xyfg li {width: 44%;}
    .xyfg li:last-child {display: none;}
    .position {position: static;}
}

@media screen and (max-width: 560px) {
    .xyfg li h3 {font-size: 14px;}
}
*/
.mgt-24 img,.mgt-16 img{vertical-align: middle;width: 18px;height: 18px;}