/* BASIC css start */
.book-info-box{
    border: 1px solid #DDDDDD;
    padding: 64px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;}
    
.book-list{
    width: 448px;
    text-align: left;}
    
.book-list .list-title{
    padding-bottom: 36px;
    position: relative;
    font-size: 36px;
    font-weight: 800;
    color: #000;
    margin-bottom: 36px;}

.book-list .list-title:after{
    content: "-";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 24px;
    font-size: 0;
    display: block;
    background: #000;}

.book-list .list-title .ic{
    margin-right: 8px;
    margin-top: -8px;}
    
.book-list .list-title em{color:#999}

.book-language{
    font-size: 20px;
    line-height: 31px;
    font-weight: 400;
    color: #000;}

.book-language img{width: 100%;}

.view-more-link{
    gap: 10px;
    display: flex;
    height: 68px;
    width: 430px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 68px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 36px;
    align-items: center;
    justify-content: center;}
/* BASIC css end */