| 
							- /* 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;
 - }
 
 
  |