/* pages/kj/info/index.wxss */
.top-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  margin-bottom: 20rpx;
}
.content {
  padding: 20rpx 30rpx;
  font-size: 26rpx;
}
page {
  background: #E14135;
}
.top-info image{
  width: 80rpx;
  height: 80rpx;
  background: #F2F2F2;
  border-radius: 50%;
  margin-right: 28rpx;
  flex-shrink: 0;
}
.time-tip {
  width: 30rpx;
  text-align: center;
}
.time-box {
  width: 50rpx;
  line-height: 50rpx;
  background: #FFFFFF;
  border-radius: 10rpx;
  text-align: center;
  color: #333;
}
.time-tip1 {
  flex:1;
  width:300rpx;
  text-align:left;
  margin-left: 20rpx;
}
.rule-box {
  width: 140rpx;
  line-height: 50rpx;
  background: #BF261B;
  text-align:center;
  color: #fff;
  border-radius: 25rpx;
}
.info-box {
  border-radius: 20rpx;
  position: relative;
  background: white;
  overflow: hidden;
}
.info-box image {
  width: 100%;
  height: 340rpx;
  display: block;
}
.info-tip {
  width: 320rpx;
  line-height: 40rpx;
  background: #FF9124;
  border-radius: 0 0 20rpx 20rpx;
  text-align: center;
  color:#fff;
  position: absolute;
  left: 50%;
  margin-left: -160rpx;
  top: 0;
  z-index: 1;
}
.info {
  padding: 0 30rpx;
  padding-bottom: 50rpx;
}
.info-top {
  display: flex;
  padding: 20rpx 0;
  justify-content: space-between;
  border-bottom: 1rpx solid #d8d8d8;
}
.info-top-left {
  flex: 1;
  font-size: 30rpx;
  line-height: 42rpx;
  font-weight: bold;
}
.info-top-right {
  flex-shrink: 0;
  margin-left: 20rpx;
}
.info-num {
  color: #666666;
}
.info-more {
  font-size: 24rpx;
  color: #FF9124;
  margin-bottom: 10rpx;
}
.info-price {
  color: #E14135;
  margin-top: 10rpx;
}
.info-progress {
  text-align: center;
  font-size: 30rpx;
  padding-top: 20rpx;
  padding-bottom: 40rpx;
}
.info-progress-num {
  color: #E14135;
  font-size: 36rpx;
  font-weight: bold;
}
.info-progress-num1 {
  font-weight: bold;
  margin-right: 20rpx;
}
.info-progress-bg {
  position: relative;
  margin-top: 20rpx;
  width: 630rpx;
  height: 30rpx;
  background: #FFD6D3;
  border-radius: 15rpx;
}
.info-progress-top {
  position: absolute;
  left: 0;
  top: 0;
  height: 30rpx;
  background: linear-gradient(90deg, #E14135, #FF9124);
  border-radius: 15rpx;
  min-width: 30rpx;
}
.info-btns {
  margin: 0 15rpx;
  display: flex;
  line-height: 80rpx;
  background: #FFFFFF;
  border: 2rpx solid #CCCCCC;
  border-radius: 40rpx;
  box-sizing: border-box;
  height: 80rpx;
  text-align: center;
  font-weight: bold;
}
.info-btn-kan {
  width: 600rpx;
  border-radius: 40rpx;
  line-height: 80rpx;
  background: linear-gradient(0deg, #E14135, #FF9124);
  color: #fff;
  font-size: 30rpx;
  padding: 0;
}
.info-disable-btn {
  width: 360rpx;
  background: linear-gradient(0deg, #8F8F8F, #C1C1C1);
  border-radius: 40rpx;
  color: #fff;
  font-size: 30rpx;
}
.info-btn {
  width: 240rpx;
  color: #E14135;
}
.kanjia-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10rpx 0;
}
.kanjia-his {
  padding: 0 20rpx;
  border-radius: 20rpx;
  background: white;
  font-size: 24rpx;
  margin-top: 20rpx;
  padding-bottom: 36rpx;
}
.kanjia-line {
  width: 6rpx;
  height: 26rpx;
  background: linear-gradient(0deg, #E14135, #FF9124);
  border-radius: 3rpx;
}
.kanjia-title {
  font-size: 30rpx;
  font-weight: 500;
  color: #333;
  margin: 0 14rpx;
  flex: 1;
}
.kanjia-tip {
  color: #FF9124;
}
.kanjia-list {
  display: flex;
  overflow-x: auto;
}
.kanjia-item {
  flex-shrink: 0;
  margin-right: 30rpx;
  width: 120rpx;
  text-align: center;
}
.kanjia-item image {
  display: block;
  width: 80rpx;
  height: 80rpx;
  background: #F2F2F2;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 10rpx;
}
.kanjia-item view {
  white-space: nowrap;
  width: 120rpx;
  overflow: hidden;
  text-overflow: ellipsis;
}
.userprice {
  color: #E14135;
}
.faqi-tip {
  margin-top: 14rpx;
  color: #999;
  font-size: 24rpx;
  text-align: center;
  line-height: 30rpx;
}
.buy-tip {
  font-size: 26rpx;
  font-weight: bold;
  margin-top: 30rpx;
  color: #E14135;
  text-align: center;
}
.share-img-box {
  /* width: 551rpx; */
  position: static;
  background: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.share-img {
  display: block;
  width: 551rpx;
}
.share-tips {
  width: 426rpx;
  height: 150rpx;
  background: #FFFFFF;
  border-radius: 25rpx;
  margin-top: 25rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 65rpx;
  color: #999;
  font-size: 24rpx;
  text-align: center;
  line-height: 40rpx;
}
.share-tips .img {
  display: block;
  width: 55rpx;
  margin: 0 auto;
  margin-bottom: 4rpx;
}
.tipimg {
  position: absolute;
  left: 50%;
  margin-left: 16rpx;
  width: 24rpx;
  height: 24rpx;
  background: #D62828;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 34rpx;
}
.tipimg image {
  width: 21rpx;
  display: block;
  
}
.save-btn {
  width: 403rpx;
  line-height: 77rpx;
  background: #D62828;
  border-radius: 39rpx;
  text-align: center;
  color: #fff;
  font-size: 31rpx;
  font-weight: 500;
  margin-top: 50rpx;
}