.book-detail-wrap {
   position: relative;
    
}
.book-information {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-radius: 6px;display: flex;
    background:white;
}
.book-information .book-img {
    width: 180px;
    height: 240px;
    margin: 20px 20px 0;
    border: none;
}
.book-img .default, .book-img a {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-shadow: 0 1px 6px rgba(0,0,0,.3), 0 0 5px #f9f2e9 inset;
}
.book-information .book-info {
    position: relative;
    z-index: 1;
    min-height: 246px;
    margin-top: 14px;
    margin-right: 20px;
    text-align: justify;
    flex: 1;
}
.book-information .book-info .book-update {
    font: 14px/38px PingFangSC-Regular,'-apple-system',Simsun;
    display: flex;
    overflow: hidden;
    height: 38px;
    margin-bottom: 8px;
    align-items: baseline;
}
.book-information .book-info .book-update .book-title {
    font: 700 28px/38px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
    margin-right: 6px;
}
.book-information .book-info p.intro {
    overflow: hidden;
}
.book-information .book-info .btn > a {
    font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
    position: relative;
    display: inline-block;
    overflow: visible;
    height: 34px;
    margin-right: 20px;
    padding: 0 16px;
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}
.content-nav-wrap .nav-wrap li.act {
    margin-bottom: -1px;
    border-bottom: 2px solid var(--color-primary);
}
.content-nav-wrap {
   background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    -border-bottom: 1px solid #e6e6e6;
}
.nav-wrap ul li{font-size: 20px;
    font-weight: bold;}
.volume {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 20px;
}
.volume h3 {
    font: 700 18px/24px PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;
    overflow: hidden;
    height: 24px;
    padding-bottom: 11px;
    border-bottom: 1px solid #e6e6e6;
}
.volume ul {
    overflow: hidden;
}
.volume li {
    font: 14px/40px PingFangSC-Regular,'-apple-system',Simsun;
    float: left;
    overflow: hidden;
    width:calc(100% / 4);
    height: 40px;
    padding-right: 60px;
    border-top: 1px solid #ebebeb;
}
.volume li a{color:#333}

@media only screen and (max-width:768px){
    .volume li {
    width:100%;padding-right: 0;
}
.book-information{display:block;padding-top: 20px;}
.book-information .book-img{margin: 0px auto 20px;}
.book-information .book-info{padding: 15px;margin-right: 0;}

.book-detail-wrap{padding-bottom: 0;min-height: auto;}
.book-information .book-info{min-height: auto;}
.sbsb{flex-wrap: wrap;}
}
#topcontrol{z-index: 9;}
.book-info .btn{padding: 0;}
.sbsb{display:flex;margin-top: 20px;align-items: center;}
.sbsb li a{display: flex;
    justify-content: center;
    align-items: center;color:#333}
    .sbsb li{margin:0 15px;}
.sbsb li:last-child{margin-right:20px;}
.sbsb li img{width:34px;margin-right:2px;}
.book-detail-wrap .nav-tabs {
    border-bottom: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border: 0!important;
    color: #ff970b!important;}
.nav > li > a{color: #333!important;}
.nav-tabs > li {
    margin-bottom: 0!important;
}
.nav > li > a:hover, .nav > li > a:focus{border-color: #fff!important;background:none!important;}
.sb_t img{width:60px;height:60px;border-radius:50% 50%;margin-right:10px;}
.sb_t{align-items: center;display: flex;}
.sb_s span{display:block;font-size: 12px;
    color: #999;}
    .sb_sb{border-bottom:1px solid #ebebeb;margin-bottom: 15px;    padding-bottom: 10px;}
  .sbsb .article-donate a{display: flex;
    justify-content: center;
    align-items: center;padding: 5px;}
    
    #postcomment{margin-top:30px;}
 #postcomment h3 small{line-height: 20px;vertical-align: middle;margin-left: 5px;}   
  #postcomment h3{margin-bottom:15px;}  
    .csda {display: block!important;}
     .csda .sbsb{ margin-top: 10px!important;}
  #commentlist dl dt img{width:70px;}  
  #commentlist dl dt{margin-right: 15px;width:70px;}
     #commentlist dl{display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #ededed;margin-bottom: 20px;padding-bottom: 20px;}