/* pages/spellGroup/mySpellGroup/index.wxss */
.top-img{
  width: 100%;
  height: 533rpx;
  z-index: 1;
}
.top-img image{
  width: 100%;
  height: 533rpx;
}
.content-box{
  box-sizing: content-box;
  height: auto;
  overflow: hidden;
}
.edit-right{
  float: right;
  width: 268rpx;
  height: 96rpx;
  line-height: 46rpx;
  background:linear-gradient(90deg,rgba(40,179,255,1) 0%,rgba(48,103,255,1) 100%);
  border-radius:32rpx;
}
.content{
  position: relative;
  width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
  padding-bottom: 130rpx;
}
.text{
  padding: 0 30rpx;
}
.title{
  position: relative;
  background-color: #fff;
  z-index: 100;
  width: 750rpx;
  padding-top: 30rpx;
  padding-left: 30rpx;
  line-height: 50rpx;
  border-radius:20rpx 20rpx 0px 0px;
  margin-top: -25rpx;
  opacity: 1;
  font-size:32rpx;
  font-family:PingFang-SC-Bold;
  font-weight:bold;
  color:rgba(51,51,51,1);
  box-sizing: border-box;
}
.remark{
  font-size:24rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(134,134,134,1);
  line-height: 48rpx;
}
.des{
  width: 100%;
  height: auto;
  padding-top: 6rpx;
  background: #FFF;
  padding: 0 30rpx 0 0;
  color: #FD782D
}
.status{
  width: 100%;
  border-radius: 15rpx;
  background:rgba(255,235,229,1);
  margin: 30rpx 0;
  overflow: hidden;
}
.status01{
  float: left;
  width: 130rpx;
  height: 130rpx;
}
.status01 image{
  width: 90rpx;
  height: 90rpx;
  border-radius: 45rpx;
  margin: 20rpx 0 0 20rpx;
}
.status02{
  margin-top: 20rpx;
  float: left;
  width: 140rpx;
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(51,51,51,1);
}
.r-p-num{
  display: inline;
  color: #FF3535;
}
.status03{
  /* width: 160rpx; */
  float: left;
  padding-left: 80rpx;
  color: #F74812;
}
.hh,.mm,.ss{
  display: inline-block;
  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,255,255,1);
  height: 38rpx;
  width: 38rpx;
  background: #F74812;
  border-radius:10rpx;
  margin: 46rpx 8rpx 0 0;
  text-align: center;
  line-height: 38rpx;
}
.status04{
  float: left;
  width: 163rpx;
}
.s-button{
  background:#ED3D2E;
  width: 120rpx;
  height: 48rpx;
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,255,255,1);
  text-align: center;
  line-height: 48rpx;
  border-radius: 24rpx;
  margin: 40rpx auto 0;
}
.p-title{
  font-size:32rpx;
  font-family:PingFang-SC-Bold;
  color:rgba(51,51,51,1);
  margin: 10rpx 0 20rpx 0;
}
.p-list{
  font-size:24rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height:50rpx;
}
.edit-left-top{
  height: 46rpx;
  text-align: center;
  line-height:65rpx;
}
.price{
  display: inline;
  font-size:32rpx;
  line-height: 32rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(254,254,254,1);
}
.price-unit{
  display: inline;
  font-size:27rpx;
  line-height: 27rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(254,254,254,1);
}

.edit-left-bottom{
  text-align: center;
  font-size:30rpx;
  line-height: 40rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(254,254,254,1);
}
.edit-left{
  float: left;
  width: 268rpx;
  height: 96rpx;
  background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  border-radius:32rpx;
}
.edit-right-top{
  line-height: 32rpx;
  text-align: center;
  margin-top: 13rpx;
}
.real-price{
  display: inline;
  font-size:32rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(254,254,254,1);
}
.real-price-unit{
  display: inline;
  font-size:27rpx;
  line-height: 27rpx;
  font-weight:500;
  color:rgba(254,254,254,1);
}
.edit-right-bottom{
  text-align: center;
  font-size:30rpx;
  line-height: 40rpx;
  font-weight:500;
  color:rgba(254,254,254,1);
}
.posi {
  position: relative;
}
.applyshop{
  font-size:32rpx;
  font-family:PingFang-SC-Bold;
  font-weight:bold;
  color:rgba(51,51,51,1);
  margin: 10rpx 0 20rpx 0;
}

.posi>view:nth-child(2) {
  width: 100%;
  height: 87rpx;
  display: flex;
  justify-content: space-between;
  line-height: 87rpx;
}

.posi>view:nth-child(2) text:nth-child(1) {
  font-size: 30rpx;
  color: #a9a9a9;
}

.posi>view:nth-child(2) text:nth-child(2) {
  font-size: 30rpx;
  color: #a9a9a9;
}

.posi_logo {
  width: 100%;
  display: flex;
  padding: 20rpx 0;
  background: #fff;
  height: 100rpx;
  margin-bottom: 20rpx;
}

.posi_logo view:nth-child(1) {
  width: 100rpx;
  height: 100rpx;
  border-radius: 16rpx;
}

.posi_logo view:nth-child(1) image {
  display: block;
  width: 100rpx;
  height: 100rpx;
  border-radius: 16rpx;
  border: 1px solid #e5e5e5;
}

.posi_logo view:nth-child(2) {
  display: flex;
  flex-direction: column;
  flex: 8;
  padding-left: 30rpx;
}

.posi_logo view:nth-child(2) text:nth-child(1) {
  font-size: 32rpx;
  color: #333;
  letter-spacing: 0;
}

.posi_logo view:nth-child(2) text:nth-child(2) {
  font-size: 24rpx;
  color: #b8b8b8;
  padding-top: 3rpx;
  width: 450rpx;
  height: 36rpx;
  overflow: hidden;
}
.tel {
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 76rpx;
  height: 76rpx;
}
.j-f{
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(51,51,51,1);
  margin-top: 20rpx;
}
.j-t{
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height: 44rpx;
}
button::after{ border: none; } 
.j-time{
  display: inline;
  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,53,53,1);
  line-height: 44rpx;
}
.goback {
  float:left;
  width:132rpx!important;
  height:96rpx;
  background:#fff!important;
  line-height:96rpx;
  border-radius:32rpx;
  margin-right:25rpx;
  border: 0!important;
  box-sizing: border-box;
}
.goback image{
  position: absolute;
  width:52rpx;
  height: 50rpx;
  left: 0;
  right: 0;
  top: 0;
  bottom:0;
  margin:10rpx  auto;
}
.rest {
  font-size: 24rpx;
  color: #919191;
  letter-spacing: 0;
  height: 70rpx;
  line-height: 70rpx;
  /* border-bottom: 1px solid #eee; */
  border-bottom: 1px solid #f9f9f9;
}

.restNum {
  font-size: 24rpx;
  color: #999;
  letter-spacing: 1.16rpx;
  text-align: right;
}

.time {
  font-size: 24rpx;
  color: #333;
  letter-spacing: 0;
  line-height: 33rpx;
  display: inline-block;
}

.txt01 {
  font-size: 24rpx;
  color: #919191;
  letter-spacing: 0;
}
.edit{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding:20rpx 22rpx;
  /* background:#fff; */
}
.times {
  display: inline-block;
  color: #ff4949;
  font-weight: bold;
  font-size: 26rpx;
  text-align: center;
}

.times text {
  display: inline-block;
  margin: 6rpx;
  width: 46rpx;
  height: 56rpx;
  text-align: center;
  font-size: 28rpx;
  line-height: 60rpx;
  border-radius: 12rpx;
  color: #fff;
  font-weight: bold;
  background: #ff4949;
}
.al-bg{
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background:rgba(0,0,0,1);
  opacity:0.65;
  z-index: 200;
}
.al-content{
  background: #fff;
  position: fixed;
  width: 545rpx;
  z-index: 300;
  top: 300rpx;
  left: 102rpx;
  border-radius: 15rpx;
}
.al-top{
  width: 100%;
}
.al-top image{
  position: relative;
  height: 298rpx;
  margin-top: -96rpx;
  width: 545rpx;
}
.al-center{
  padding: 80rpx 30rpx;
  font-size:30rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.al-bottom{
  width:462rpx;
  height:95rpx;
  background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%);
  border-radius:47rpx;
  font-size:30rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,255,255,1);
  text-align: center;
  line-height: 95rpx;
  margin: 0 auto 43rpx;
}
.btnTxt{
  width: 50rpx;
  height: 30rpx;
  line-height: 50rpx;
  color: #FD782D;
  font-size: 20rpx;
  position: absolute;
  right:42rpx ;
  bottom: 15rpx;
}
.des-peoplenum{
  display: inline;
  font-size:24rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  line-height:44rpx;
  margin-right: 15rpx;
}
.des-saleprice{
  display: inline;
  font-size:40rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
}
.quan{
  float: left;
  margin:28rpx 15rpx 0 0;
  width: 12rpx;
  height: 12rpx;
  background: #E1E1E1;
  border-radius: 50%;
}