ssj_book/president/pages/book_classification/book_classification.wxss

/* parents//pages/book_classification/book_classification.wxss */
@import '../../../templates/loading/loading.wxss';
@import '../../../templates/nodata/nodata.wxss';
page{
  background: #fff;
}
.li{
  padding: 10rpx 40rpx;
}
.li-book{
  color: #41414C;
  margin-bottom:100rpx;
}
.li-book-title{
  font-size: 36rpx;
  margin:  0rpx 0rpx 28rpx 0rpx;
  font-family:PingFangSC;
  font-weight:600;
  color:rgba(65,65,76,1);
}
.li-book-items{
  margin: 0;
  text-align: left;
}
.li-book-item{
  margin: 15rpx 10rpx 15rpx 10rpx;
  width:314rpx;
  height:88rpx;
  background:rgba(246,245,251,1);
  border-radius:14rpx;
  display: inline-block;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(65,65,76,1);
  font-size: 32rpx;
  text-align: center;
  line-height: 88rpx;
}
.li-theme{
  padding: 10rpx 0 40rpx 0;
  display: flex;
  white-space: nowrap;
}
.li-theme-item{
  background:rgba(246,245,251,1);
  border-radius:29rpx;
  padding: 12rpx 40rpx;
  text-align: center;
  color: #41414C;
  font-size: 28rpx;
  border:1rpx solid transparent;
  margin-right: 30rpx;
}
.li-theme-active{
  background:rgba(255,255,255,1);
  border:1rpx solid rgba(79,187,254,1);
  color: #4FBBFE;
}.footer-box{
  height:5%;
}
.footer-box-btn{
  color:#333333;
  width:167rpx;
  height:66rpx;
  line-height:66rpx;
  padding:10rpx;
  border-radius:44rpx;
  position:absolute;
  right:10%;
  text-align:center;
  background: #FFD76C;

}
.li-circles {
  position:absolute;
  left:10%;
  color:#333333;
}
.li-circle {
  width: 40rpx;
  height: 40rpx;
  margin: 40rpx 30rpx;
}
.li-circle-label {
  font-size: 30rpx;
  color: #ccc;
  margin-right: 30rpx;
}
.list-item-booksize{
width:107rpx;
height:56rpx;
background:rgba(255,100,100,1);
opacity:0.7;
border-radius:10rpx;
font-size:28rpx;
font-family:PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
line-height:56rpx;
text-align:center;
position:absolute;
bottom:0rpx;
}
.list-item-img{
  position:relative;
  width: 210rpx;
  height: 220rpx;
}
.list-item-infoList{
  margin:15rpx 0;
  padding:20rpx;
  background:rgba(246,245,251,1);
  border-radius:10rpx;
  font-size:28rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(108,108,128,1);
  line-height:44rpx;
}