/* pages/spellGroup/mySpellGroup/index.wxss */

.refound {
  border: 1rpx solid red;
  padding: 3rpx 0;
  display: block;
  width: 130rpx;
  text-align: center;
  margin-left: 26rpx;
  color: red!important;
}
page{
  background: #F4F5F9;
}
.top-img{
  width: 100%;
  height: 533rpx;
  z-index: 1;
}
.top-img image{
  width: 100%;
  height: 533rpx;
}
.goback {
  float:left;
  width:132rpx!important;
  height:96rpx;
  background:rgba(255,255,255,1);
  line-height:96rpx;
  border-radius:32rpx;
  margin-right:25rpx;
}
.timess{
  color: #af6e34;
}
.wx-swiper-dots{
  margin-bottom: 30rpx;
}
button::after{ border: none; } 
.goback image{
  position: absolute;
  width:52rpx;
  height: 50rpx;
  left: 0;
  right: 0;
  top: 0;
  bottom:0;
  margin:10rpx  auto;
}
.content-box{
  box-sizing: content-box;
  height: auto;
  overflow: hidden;
}
.content{
  position: relative;
  width: 100%;
  height: auto;
  /* background: #F4F5F9; */
  overflow: hidden;
  padding-bottom: 130rpx;
}
.text{
  position: relative;
  /* padding: 0 30rpx; */
}
.title{
  position: relative;
  background-color: #fff;
  z-index: 10;
  width: 750rpx;
  padding-top: 30rpx;
  padding-left: 30rpx;
  line-height: 50rpx;
  opacity: 1;
  font-size:32rpx;
  font-weight:bold;
  color:rgba(51,51,51,1);
  box-sizing: border-box;
}
.remark{
  background: #FFF;
  font-size:24rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(134,134,134,1);
  line-height: 48rpx;
  padding: 0 80rpx 0 30rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.des{
  width: 100%;
  height: auto;
  padding-top: 6rpx;
  background: #FFF;
  padding: 0 30rpx;
  color: #FD782D;
  display: flex;
}
.des-peoplenum{
  display: inline;
  font-size:24rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  line-height:70rpx;
}
.des-saleprice{
  display: inline;
  font-size:40rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
}
.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: 264rpx;
  float: left;
  padding-left: 10rpx;
  color: #F74812;
  box-sizing: border-box;
}
.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 0 0 0;
  text-align: center;
  line-height: 38rpx;
}
.day-box{
  width: 40rpx;
  text-align: center;
}
.mao{
  display: inline-block;
  width: 20rpx;
  text-align: center;
}
.status04{
  float: left;
  width: 146rpx;
}
.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:30rpx;
  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{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding:20rpx 22rpx;
  background:transparent!important;
}
.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{
  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;
}
.btnTxt{
  width: 50rpx;
  height: 30rpx;
  line-height: 50rpx;
  color: #FD782D;
  font-size: 20rpx;
  position: absolute;
  right:42rpx ;
  bottom: 15rpx;
}
.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-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;
  background: #FFF;
  margin-top: 18rpx;
  padding: 15rpx 30rpx 
}
.applyshop{
  font-size:32rpx;
  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;
  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: 50rpx;
  height: 50rpx;
}
.rest {
  font-size: 24rpx;
  color: #919191;
  letter-spacing: 0;
  height: 70rpx;
  line-height: 70rpx;
  /* border-bottom: 1px solid #eee; */
  border-bottom: 1px solid #f9f9f9;
  background: #FFF;
  padding: 0 30rpx;
}
.right-text{
  float: right;
}
.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;
}

.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;
}
.fenxiang {
  position:absolute;
  right:0;
  top:-55rpx;
  width:108rpx;
  z-index:10;
  display: flex;
  flex-direction: column;
}

.fenxiang image {
  width:48rpx;
  height: 48rpx;
  z-index: 10;
  margin: 0 auto;
}
.gift{
  color: #3C3C3C;
  font-size: 20rpx;
  margin: 0 auto;
}
.user-motto {
  width: 270rpx;
  border: 0;
  background: none;
  height: 260rpx;
  color: #fff;
  position: fixed;
}
.user-motto::after {
  border: none;
}

.notes view:nth-child(1) {
  height: 87rpx;
  line-height: 87rpx;
  border-top: 1px solid #f9f9f9;
}

.notes {
  margin-top: 18rpx;
  background: #FFF;
  width: calc(100vw-60rpx);
  padding: 0 30rpx;
}

.notes view:nth-child(1) text {
  color: #333;
  letter-spacing: 0;
  font-size: 30rpx;
  height: 70rpx;
  line-height: 70rpx;
}

.notes view:nth-child(2) {
  background: #fff;
  display: flex;
  flex-direction: column;
}

.notes view:nth-child(2)>text {
  font-size: 24rpx;
  color: #919191;
  letter-spacing: 0;
  line-height: 42rpx;
}

.banner {
  position: relative;
  width: 750rpx;
  height: 454rpx;
}

.banner swiper {
  width: 750rpx;
  height: 454rpx;
}

.banner image {
  width: 100%;
  height: 100%;
}

.dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50rpx;
  display: flex;
  justify-content: center;
}

.dot {
  margin: 0 8rpx;
  width: 14rpx;
  height: 14rpx;
  background: #fff;
  border-radius: 8rpx;
  transition: all 0.6s;
}

.dot.active {
  width: 24rpx;
  background: #f80;
}

.detailImg {
  width: calc(100vw-60rpx);
  background: #FFF;
  padding: 0 30rpx;
}

.detailImg image {
  display: block;
  width: 100%;
  margin-bottom: 20rpx;
}
.poster{
  width: 100%;
height: 100%;
padding: 20rpx;
position: absolute;
top: 0;
left: 0;
}
.bottomsave {
width: 100%;
height: 140rpx;
line-height: 140rpx;
margin: auto 0;
bottom:0;
left: 0;
right: 0;
border-top: 1px solid #ccc;
box-shadow: 0 0rpx 150rpx #ccc;
background: #fff;
}
.saveposter {
color: #fff;
width: 380rpx;
height: 80rpx;
border-radius: 50rpx;
background: #f08f04;
margin-top: 30rpx;
font-size: 32rpx;
}
.modal {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
z-index: 10000;
color: #fff;
}

.modal-content {
width: 540rpx;
height: 233rpx;
line-height: 60rpx;
overflow: hidden;
position: fixed;
top: 50%;
left: 0;
z-index: 11;
background: #f9f9f9;
margin: -130rpx 105rpx;
border-radius: 36rpx;
display: flex;
}

.modal-content view {
display: inline-block;
flex: 1;
text-align: center;
}

.modal-content view>text {
color: #000;
display: block;
font-size: 30rpx;
height: 80rpx;
line-height: 80rpx;
}

.modal-content view>image {
margin-top: 30rpx;
width: 90rpx;
height: 90rpx;
}

.b1 .con {
  position: absolute;
  top: 35rpx;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 587rpx;
}

.b1 .con .image {
  display: block;
  width: 100%;
}

.b1 .img {
  margin-top: -50rpx;
}

.b1 .question {
  display: block;
  width: 587rpx;
  background: #fff;
  border-bottom-left-radius: 22rpx;
  border-bottom-right-radius: 22rpx;
  overflow: hidden;
}

.b1 .ques {
  display: block;
  width: 511rpx;
  margin: 0 auto;
  height: 95rpx;
  line-height: 95rpx;
  font-size: 30rpx;
  color: #333;
  border-bottom: 1rpx solid #eee;
}

.b1 .titles {
  width: 511rpx;
  display: block;
  text-align: center;
  height: 50rpx;
  margin: 0 auto;
  padding-top: 10rpx;
  padding-bottom: 20rpx;
  font-size: 32rpx;
  font-weight: bold;
  line-height: 41rpx;
  border-bottom: 1rpx solid #eee;
}

.b1 .quessss >view:last-child {
  border-bottom: 0;
}

.b1 .wmclose {
  position: relative;
  z-index: 10000;
  display: block;
  width: 70rpx;
}

.b1 .ques_gou {
  position: absolute;
  width: 20rpx;
  top: 160rpx;
  left: 23rpx;
}

.b1 .btnss {
  color: #f8755b;
  font-weight: bold;
  font-size: 30rpx !important;
  text-align: center !important;
}

.b1 .radios {
  display: block;
  font-size: 28rpx;
  height: 95rpx;
  line-height: 95rpx;
  color: #333;
  text-indent: 0.5em;
}

.b1 .elecard {
  display: inline-block;
  margin-left: 6rpx;
  color: #af6e34;
  border: 1px solid #af6e34;
  border-radius: 8rpx;
  font-style: normal;
  font-size: 30rpx;
  line-height: 40rpx;
  padding: 0 6rpx;
}

.b1 .applyshop {
  font-size: 30rpx;
  height: 70rpx;
  line-height: 70rpx;
  color: #333;
  text-indent: 1em;
}

.b1 .btns {
  /* padding: 0 33rpx; */
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 37rpx;
  padding-top: 37rpx;
  z-index: 100;
  background: #fff;
}

.b1 .btns .fr,.btns .fl {
  width: 277rpx;
  height: 95rpx;
  border-radius: 48rpx;
  text-align: center;
}

.b1 .btns .fl {
  margin-left: 20rpx;
  color: #fff;
  background: rgba(255, 169, 2, 1);
  box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32);
}

.b1 .btns .fl text {
  display: block;
  font-size: 30rpx;
  line-height: 34rpx;
}

.b1 .btns .fl text:nth-of-type(1) {
  margin-top: 12rpx;
}

.b1 .btns .fr {
  font-size: 30rpx;
  color: #fff;
  margin-right: 20rpx;
  line-height: 95rpx;
  background: rgba(236, 59, 45, 1);
  box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32);
}

.b1 .support-tansfer {
  width: 60%;
  border-radius: 50rpx;
  margin-top: 30rpx;
  background: #02c0ff !important;
}

.b1 .shaddow {
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
}

.b1 .alert-box {
  position: fixed;
  top: 200rpx;
  left: 10%;
  width: 80%;
  height: auto;
  padding-bottom: 20rpx;
  background: #fff;
  z-index: 200;
  border-radius: 20rpx;
}

.b1 .user-img {
  position: absolute;
  top: -50rpx;
  left: 250rpx;
  /* margin-left: -50rpx; */
  width: 100rpx;
  height: 100rpx;
  z-index: 300;
  border-radius: 50rpx;
  background: #fff;
  overflow: hidden;
}

.b1 .user-img image {
  width: 100rpx;
  height: 100rpx;
}

.b1 .close {
  position: absolute;
  z-index: 300;
  right: 0;
  top: 0;
  width: 100rpx;
  height: 100rpx;
  overflow: hidden;
}

.b1 .close image {
  display: block;
  width: 26rpx;
  height: 26rpx;
  margin: 20rpx 0 0 52rpx;
}

.b1 .a-title {
  text-align: center;
  margin-top: 76rpx;
  font-size: 36rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 44rpx;
}

.b1 .a-img {
  position: relative;
  width: 80%;
  border-radius: 20rpx;
  height: 294rpx;
  overflow: hidden;
  text-align: center;
  margin: 30rpx auto 0;
}

.b1 .a-received {
  position: absolute;
  width: 100%;
  height: 294rpx;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 294rpx;
  z-index: 320;
  background: rgba(255, 255, 255, 1);
  border: 0px solid rgba(151, 57, 117, 1);
  opacity: 0.91;
  font-size: 36rpx;
  color: rgba(255, 51, 50, 1);
  font-family: PingFang-SC-Medium;
}

.b1 .a-img image {
  width: 100%;
  height: 100%;
}

.b1 .bottom {
  text-align: center;
  height: 70rpx;
  line-height: 70rpx;
  color: #999;
  font-size: 32rpx;
}

.b1 .presslimit {
  color: red;
  font-size: 26rpx;
  letter-spacing: 1.16rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.b1 checkbox-group, radio-group {
  height: 400rpx;
  overflow-y: scroll;
}

.b1 .detailImg {
  width: 92%;
  margin: 10rpx auto 0;
}

.b1 .detailImg image {
  display: block;
  width: 100%;
  margin-bottom: 20rpx;
}
.b1 .content {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  position: relative;
}
.b1 .poster{
    width: 100%;
  height: 100%;
 padding: 20rpx;
 position: absolute;
 top: 0;
 left: 0;
}
.b1 .bottomsave {
  width: 100%;
  height: 140rpx;
  line-height: 140rpx;
  margin: auto 0;
  bottom:0;
  left: 0;
  right: 0;
  border-top: 1px solid #ccc;
  box-shadow: 0 0rpx 150rpx #ccc;
  background: #fff;
}
.b1 .saveposter {
  color: #fff;
  width: 380rpx;
  height: 80rpx;
  border-radius: 50rpx;
  background: #f08f04;
  margin-top: 30rpx;
  font-size: 32rpx;
}
.b1 .modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  z-index: 10000;
  color: #fff;
}

.b1 .modal-content {
  width: 540rpx;
  height: 233rpx;
  line-height: 60rpx;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 11;
  background: #f9f9f9;
  margin: -130rpx 105rpx;
  border-radius: 36rpx;
  display: flex;
}

.b1 .modal-content view {
  display: inline-block;
  flex: 1;
  text-align: center;
}

.b1 .modal-content view>text {
  color: #000;
  display: block;
  font-size: 30rpx;
}

.b1 .modal-content view>image {
  margin-top: 40rpx;
  width: 90rpx;
  height: 90rpx;
}
.b1 .wx-swiper-dots{
  margin-bottom: 30rpx;
}
.quan{
  float: left;
  margin:28rpx 15rpx 0 0;
  width: 12rpx;
  height: 12rpx;
  background: #E1E1E1;
  border-radius: 50%;
}
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{
margin-bottom: 2rpx;
}
.swiper-box .wx-swiper-dot{
width:40rpx;
display: inline-flex;
height: 6rpx;
margin-left: 10rpx;
border-radius:6rpx; 
justify-content:space-between;
}
.swiper-box .wx-swiper-dot::before{
content: '';
flex-grow: 1;
background: #ccc8c8;
}
.swiper-box .wx-swiper-dot-active::before{
background:#f6792b;
}
.yj{
  text-decoration: line-through;
  color: #CCC;
  font-size: 26rpx;
  line-height: 70rpx;
  margin-left: 10rpx;
}