| 
							- /* pages/spellGroup/spellGroup.wxss */
 - page { 
 -   height: auto;
 -   overflow: auto; 
 -   background: #F4F5F9;
 -   /* background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'); */
 -   background-size: cover;
 -   background-repeat: no-repeat;
 - }
 - .content{
 -   height: auto;
 -   overflow: hidden;
 - }
 - .content-box{
 -   height: auto;
 -   padding: 0 16rpx 200rpx;
 - }
 - .loading {
 -   text-align: center;
 -   height: 80rpx;
 -   line-height: 80rpx;
 -   font-size: 26rpx;
 -   color: #fff;
 - }
 - 
 - .loading image {
 -   width: 60rpx;
 -   height: 60rpx;
 -   vertical-align: middle;
 -   margin-right: 10rpx;
 - }
 - .banner{
 -   margin-bottom: 20rpx;
 -   background: none;
 -   border-radius: 16rpx;
 - }
 - .banner .bg {
 -     display: block;
 -     width: 100%;
 - }
 - image{
 -   padding: 0;
 -   margin: 0;
 - }
 - .banner .bannerbg image{
 -   display: none!important;
 -   height: 0;
 -   overflow: hidden;
 - }
 - .bannerimg {
 -     display: block;
 -     width: 710rpx;
 -     height: 260rpx;
 -     border-radius: 15rpx;
 -     margin: -132rpx auto 0;
 - }
 - .banner .index-slide-view {
 -   margin: -132rpx auto 0;
 - }
 - .top{
 -   position: absolute;
 -   top: 30rpx;
 -   width: 710rpx;
 -   height: 260rpx;
 -   background: #fff;
 -   left: 20rpx;
 -   border-radius: 16rpx;
 -   overflow: hidden;
 - }
 - 
 - .content .sepll-list{
 -   width: 346rpx;
 -   /* height: 432rpx; */
 -   background: #fff;
 -   border-radius: 30rpx;
 -   margin-top: 20rpx;
 -   margin-bottom: 20rpx;
 -   overflow: hidden;
 - }
 - .content >view:nth-of-type(2n){
 -   float: right;
 - }
 - .content>view:nth-of-type(2n+1){
 -   float: left;
 - }
 - .content .spell-left{
 -   width: 100%;
 -   height: 196rpx;
 -   overflow: hidden;
 - }
 - .content .spell-left image{
 -   width: 300rpx;
 -   height: 176rpx;
 -   margin: 20rpx;
 -   border-radius: 20rpx;
 - }
 - .content .spell-center{
 -   padding: 0 20rpx;
 -   width: 304rpx;
 -   height: 100%;
 - }
 - 
 - 
 - .content .tilte{
 -   font-size:30rpx;
 -   font-family:PingFang-SC-Bold;
 -   font-weight:bold;
 -   color:rgba(51,51,51,1);
 -   line-height:44rpx;
 -   padding-top: 16rpx;
 -   overflow: hidden;
 -   text-overflow:ellipsis;
 -   white-space: nowrap;
 -   width: 90%;
 -   margin: 0 auto;
 - }
 - .content .remark{
 -   height: 44rpx;
 -   /* width:304rpx; */
 -   font-size:24rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:rgba(140,140,140,1);
 -   line-height:44rpx;
 -   overflow: hidden;
 -   text-overflow:ellipsis;
 -   white-space: nowrap;
 -   width: 90%;
 -   margin: 0 auto;
 - }
 - .content .numBox{
 -   display: flex;
 -   justify-content: space-between;
 - 
 - }
 - .content .spell-num{
 -   width: 80rpx;
 -   height: 32rpx;
 -   border:1px solid #FD782D;
 -   border-radius:10rpx;
 -   font-size:24rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:#FD782D;
 -   line-height:32rpx;
 -   margin: 10rpx 0;
 -   text-align: center;
 - }
 - .content .price{
 -   margin-bottom: 20rpx;
 -   display: flex;
 -   justify-content: space-between;
 -   
 - }
 - .spell-centerH {
 -   padding: 0 10rpx;
 - }
 - .spell-centerHr {
 -   padding: 0 10rpx;
 - }
 - .spell-centerH .price01{
 -   font-size:50rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:#FD782D;
 -   line-height:44rpx;
 -   width: 50%;
 -   overflow: hidden;
 -   white-space: nowrap;
 -   text-overflow: ellipsis;
 - }
 - .spell-centerHr .price01{
 -   font-size:50rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:#FD782D;
 -   line-height:44rpx;
 - }
 - .spell-centerH .price02{
 -   font-size: 24rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   text-decoration:line-through;
 -   color:rgba(140,140,140,1);
 -   line-height: 44rpx;
 -   margin-top: 15rpx;
 - }
 - .spell-centerH .price-num{
 -   display: inline-block;
 -   font-size: 32rpx;
 -   width: 95rpx;
 -   overflow:hidden;
 -   text-overflow:ellipsis;
 -   white-space:nowrap;
 -   line-height: 30rpx;
 -   color:#FD782D;
 - }
 - .spell-centerHr .price-num{
 -   display: inline-block;
 -   font-size: 32rpx;
 -   width: 100rpx;
 -   overflow:hidden;
 -   text-overflow:ellipsis;
 -   white-space:nowrap;
 -   line-height: 30rpx;
 -   color:#FD782D;
 - }
 - .price-text{
 -   color:#FD782D;
 - }
 - .spell-centerH .price-numHr{
 -   font-size:32rpx;
 -   line-height: 44rpx;
 - }
 - .content .price-unit{
 -   font-size:24rpx;
 - }
 - .right-button{
 -   width:100rpx;
 -   height:50rpx;
 -   font-size:24rpx;
 -   background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 -   border-radius:20rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   text-align: center;
 -   color:rgba(255,255,255,1);
 -   line-height:50rpx;
 - }
 - .right-text{
 -   font-size:22rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:rgba(140,140,140,1);
 -   line-height:60rpx;
 -   text-align: center;
 - }
 - .bottom{
 -   width:100%;
 -   height:100rpx;
 -   position:fixed;
 -   bottom:0;
 -   left: 0;
 -   color:#fff;
 -   overflow:hidden;
 - }
 - .bottom-left{
 -   width: 50%;
 -   height: 100%;
 -   float: left;
 -   margin-left: -1rpx;
 -   text-align: center;
 -   line-height: 100rpx;
 -   font-size:30rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:rgba(255,253,245,1);
 -   background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 -   opacity: 1;
 - }
 - .bottom-leftN{
 -   width: 50%;
 -   height: 100%;
 -   float: left;
 -   margin-left: -1rpx;
 -   text-align: center;
 -   line-height: 100rpx;
 -   font-size:30rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:#3C3C3C;
 -   background:#FFF;
 -   opacity: 1;
 - }
 - .spell-bottom{
 -   overflow: hidden;
 - }
 - .spell-top{
 -   height: auto;
 -   margin: 0 20rpx;
 -   overflow: hidden;
 -   box-sizing: border-box;
 -   border-bottom: 1rpx solid #EEEEEE;
 - }
 - .spell-top-left{
 -   float: left;
 -   width: 60%;
 -   overflow:hidden;
 -   text-overflow:ellipsis;
 -   white-space:nowrap;
 - }
 - .spell-top-right{
 -   float: right;
 -   width: 40%;
 -   overflow:hidden;
 -   text-overflow:ellipsis;
 -   white-space:nowrap;
 - }
 - .top-title{
 -   display: inline;
 -   font-size:24rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:rgba(51,51,51,1);
 -   line-height:64rpx;
 - }
 - .top-num{
 -   display: inline;
 -   font-size:24rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:#FF3232;
 -   line-height:64rpx;
 -   padding-left: 8rpx;
 - }
 - .spell-top-right{
 -   text-align: right;
 -   font-size:26rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:rgba(255,50,50,1);
 -   line-height:64rpx;
 - }
 - .no-data01{
 -   width: 690rpx;
 -   padding-top: 174rpx;
 -   height: calc(100vh - 460rpx);
 -   background: #fff;
 -   margin: 0 auto;
 -   border-radius:15rpx;
 -   box-sizing: border-box;
 -   margin-top: 20rpx;
 - }
 - .no-data{
 -   width: 690rpx;
 -   padding-top: 174rpx;
 -   height: calc(100vh - 300rpx);
 -   background: #fff;
 -   margin: 0 auto;
 -   border-radius:15rpx;
 -   box-sizing: border-box;
 -   margin-top:20rpx;
 - }
 - .no-data01 image{
 -   width: 261rpx;
 -   height: 272rpx;
 -   display: block;
 -   margin: 0 auto;
 - }
 - .no-data image{
 -   width: 261rpx;
 -   height: 272rpx;
 -   display: block;
 -   margin: 0 auto;
 - }
 - .no-data-text{
 -   text-align: center;
 -   font-size:34rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:rgba(0,0,0,1);
 - }
 - button::after{ border: none; }
 - .goback{
 -   position: fixed;
 -   right: 50rpx;
 -   bottom: 60rpx;
 -   width:100rpx!important;
 -   height:100rpx;
 -   z-index: 100;
 -   background:rgba(255,255,255,1);
 -   line-height: 95rpx;
 -   border:1rpx solid rgba(227,227,227,1);
 -   border-radius:50%;
 - }
 - .goback image{
 -   position: absolute;
 -   width: 60rpx;
 -   left: 0;
 -   right: 0;
 -   top: 0;
 -   bottom: 0;
 -   margin: auto;
 - }
 - .frImg{
 -   height: 78rpx;
 -   width: 78rpx;
 -   position: absolute;
 -   right: 0;
 -   top: 0;
 - }
 - .frImg text{
 -   height: 78rpx;
 -   width: 78rpx;
 -   transform: rotate(45deg);
 -   color: #FFFFFF;
 -   font-size: 16rpx;
 -   position: absolute;
 -   text-align: center;
 -   line-height: 53rpx;
 -   top: 0;
 -   left: 0;
 - }
 
 
  |