.all {
  padding: .29rem;
}

.book-detail {
  display: flex;
  background-color: #fff;
  width: 8.9733rem;
  height: 3.4rem;
  padding: .28rem .24rem;
  border-radius: .16rem;
}

.book-detail-img {
  width: 2.36rem;
  height: 3.4rem;
  background: #E5E5E5;
  border-radius: .16rem;
  margin-right: .3067rem;
}

.book-detail-infor {
  display: flex;
  flex-direction: column;
  margin-top: .16rem;
  font-size: .3733rem;
  color: #333333;
}

.book-detail-name {
  width: 6rem;
  font-size: .4267rem;
  margin-bottom: .3rem;
}

.book-detail-edition {
  width: 6rem;
  margin-bottom: .35rem;
}

.book-time {
  color: #666666;
  margin-bottom: .38rem;
}

.book-price {
  color: #FF3311;
}

.surplus {
  margin-left: .2533rem;
}

.pay-text {
  margin: .5867rem 0 .2667rem .2133rem;
  font-size: .3733rem;
  color: #333333;
}

.pay-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 9.4267rem;
  height: 1.24rem;
  background: #FFF;
  border-radius: .16rem;
  color: #A8A8A8;
  font-size: .3733rem;
}

.pay-type img {
  width: .4533rem;
  height: .4533rem;
  margin-left: .24rem;
  margin-right: .3733rem;
}

.wx-pay {
  margin-top: 2px;
  color: #333333;
}

.tips {
  margin: .57rem 0 .29rem .1rem;
  font-size: .3733rem;
  color: #FFD43F;
}

.con {
  margin-left: .1rem;
  font-size: .3733rem;
  color: #666666;
  padding-bottom: 0.3rem;
}
.diandu-tip{
  padding-bottom: 2rem;
}
.youhui {
  width: 9.4267rem;
  background: #FFF;
  border-radius: .16rem;
  margin-top: .2933rem;
  display: none;
}

.youhui-item,
.level-item {
  display: none;
  width: 9rem;
  margin: 0 auto;
  border-bottom: .0133rem solid #f3f3f3;
  align-items: center;
  padding: .36rem 0;
  font-size: .3733rem;
  color: #333333;
}

.youhui-name,
.level-name {
  width: 5rem;
}

.youhui-jian,
.level-jian {
  width: 3rem;
  text-align: right;
}

.youhui-item img,
.level-item img {
  width: .4533rem;
  height: .4533rem;
  margin-right: .3733rem;
}

.youhui-jian,
.level-jian {
  font-size: .32rem;
  color: #FF3311;
}

.jian {
  display: none;
  color: #333333;
  font-size: .3733rem;
  width: 9.2rem;
  text-align: right;
  padding: .36rem 0;
}
#partentPay {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 9.4267rem;
  height: 1.24rem;
  background: #FFF;
  border-radius: .16rem;
  font-size: .3733rem;
  margin-top: 2px;
}
.payWxImg2 {
  width: .4533rem;
  height: .4533rem;
  margin-left: .24rem;
  margin-right: .3733rem;
}
.bold{
  font-weight: bold;
  color: #333;
}