ssj_book/parents/pages/book_detail/book_detail.wxss

/* parents/pages/book_detail/book_detail.wxss */
@import '../../../templates/loading/loading.wxss'; 
page{
  background: #fff;
}
.header {
  position: relative;
  top: 400rpx;
  margin: 0 40rpx;
}
.header-one{
  text-align: center;
  color: #41414C;
  font-size: 32rpx;
}
.header-one-imgs{
  position: relative;
}
.header-one-imgs-big{
  width:100%;
  height:266rpx;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background:rgba(65,65,76,0.7);
}
.header-one-imgs-big-items{
  width:100%;
  height:266rpx;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}
.header-one-imgs-small{
  width:210rpx;
  height:220rpx;
  border-radius:10rpx;
  position: absolute;
  top: 154rpx;
  left: 36%;
  z-index: 1000;
  box-shadow:0px 0px 8rpx 0px rgba(204,204,204,1);
}
.header-one-name{
  margin: 0 150rpx;
  font-weight: bold;
  line-height: 35rpx;
}
.header-one-info{
  display: flex;
  justify-content: space-between;
  margin: 30rpx 28% 68rpx 28%;
  font-size: 24rpx;
  text-align: center;
}
.header-one-info-left{
  color: #20A3E0;
  padding: 9rpx 15rpx;
  background:rgba(226,243,251,1);
  border-radius:20rpx;
  font-weight: 400
}
.header-one-info-right{
  background:rgba(254,246,223,1);
  border-radius:20rpx;
  color: #D59F10;
  padding: 9rpx 15rpx;
  font-weight: 400
}
.detail{
  margin: 40rpx 0;
  padding: 0 30rpx 30rpx 30rpx;
  background:rgba(246,245,251,1);
  border-radius:18rpx;
  color: #6C6C80;
  font-size: 28rpx;
  font-weight: 500
}
.detail-title{
  width:160rpx;
  height:68rpx;
  line-height: 68rpx;
  font-size:30rpx;
  text-align: center;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(255,255,255,1);
  margin: 0 auto;
  background:rgba(255,128,168,1);
  border-radius:0px 0px 36rpx 36rpx;
  margin-bottom: 36rpx;
}