| 
							- /* pages/spellGroup/spellGroup.wxss */
 - 
 - .topbg {
 -   /* margin-bottom: 20rpx; */
 -   width:100%;
 -   height:234rpx;
 -   background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%);
 - }
 - .topbg-top{
 -   width:100%;
 -   height: 50%;
 -   display: inline-block
 - }
 - .topbg-btom{
 -   width:84%;
 -   height: 40%;
 -   margin: 0 auto;
 - }
 - .user-avatar {
 -   width: 20%;
 -   height: 100%;
 -   float: left;
 - }
 - .user-box { 
 -   width: 82rpx;
 -   height: 82rpx;
 -   border-radius: 50%;
 -   overflow: hidden;
 -   margin: 26rpx 0 0 60rpx;
 - }
 - .user-avatar image{
 -   display: block;
 -   width: 100%;
 -   height: 100%;
 - }
 - .name{
 -   float: left;
 -   color: #FFFFFF;
 -   font-size:32rpx;
 -   font-family:PingFangSC-Medium;
 -   font-weight:500;
 -   margin:0 20rpx;
 - }
 - .usre_level{
 -   height:32rpx;
 -   background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 -   border-radius:9px 9px 9px 0px;
 -   font-family:PingFangSC-Regular;
 -   font-weight:400;
 -   color:rgba(255,255,255,1);
 -   line-height:28rpx;
 -   float: left;
 -   margin-top: 8rpx;
 - }
 - .chengzhang {
 -   font-size: 24rpx;
 -   font-weight: 400;
 -   color: #FFFFFF;
 -   padding: 0 8rpx;
 - }
 - .myName{
 -   float: left;
 -   font-size: 32rpx;
 -   margin-top:36rpx;
 - }
 - .bot{
 -   display: flex;
 -   flex-direction: column;
 - }
 - .view{
 -   height: 40rpx;
 -   display: block;
 - }
 - progress{
 -   margin: 14rpx 8rpx 0 20rpx;
 -   float: left;
 -   width:230rpx;
 -   border-radius:60rpx;
 -   overflow:hidden;
 - }
 - .msg{
 -   float: left;
 -   font-size:10px!important;
 -   font-family:PingFangSC-Regular;
 -   font-weight:400;
 -   color:rgba(255,255,255,1);
 - }
 - .btoml{
 -   float: left;
 -   height: 100%;
 -   width: 50%;
 - }
 - .jifen{
 -   font-size: 26rpx;
 -   font-weight: 500;
 -   color: #FFFFFF;
 -   height:30rpx;
 -   line-height: 30rpx;
 -   margin-top: 20rpx;
 - }
 - .jifen image{
 -   width: 10rpx;
 -   height: 22rpx;
 -   margin-left: 5rpx;
 - }
 - .topbg .score{
 -   font-size: 40rpx;
 -   font-weight: 500;
 -   float: left;
 -   color: #FFFFFF;
 -   margin-right: 10rpx;
 - }
 - 
 - .qrcode{
 -   width: 84rpx;
 -   height: 84rpx;
 -   float: right;
 -   /* margin-right: 48rpx; */
 - }
 - .qrcode image {
 -   margin: auto;
 -   width: 84rpx;
 - }
 - page { 
 -   height: auto;
 -   overflow: auto; 
 -   background: #f7f7f7;
 -   background-size: cover;
 -   background-repeat: no-repeat;
 - }
 - .content-box{
 -   height: auto;
 -   padding-bottom: 200rpx;
 - }
 - .loading {
 -   text-align: center;
 -   height: 80rpx;
 -   line-height: 80rpx;
 -   font-size: 26rpx;
 -   color: #666;
 - }
 - 
 - .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: 714rpx;
 -   height: 230rpx;
 -   background: #fff;
 -   border-radius: 30rpx;
 -   margin: 0 auto 30rpx;
 - }
 - .content .spell-bot{
 -   width: 674rpx;
 -   float: left;
 -   font-size: 24rpx;
 -   height: 60rpx;
 -   line-height: 60rpx;
 -   border-top: 1rpx #E1E1E1 dashed;
 -   margin: 0 20rpx;
 - }
 - .spell-bot .botMsg{
 -   width: 40%;
 -   height: 100%;
 -   float: left;
 -   /* margin-left: 20rpx; */
 -   color: #A6A6A6;
 -   overflow: hidden;
 -   text-overflow:ellipsis;
 -   white-space: nowrap;
 - }
 - .spell-bot .botNum{
 -   width: 40%;
 -   height: 100%;
 -   float: right;
 -   text-align: right;
 -   margin-right: 24rpx;
 -   color: #FD782D;
 - }
 - .content .spell-left{
 -   width: 170rpx;
 -   height: 170rpx;
 -   float: left;
 - }
 - .content .spell-left image{
 -   width: 120rpx;
 -   height: 120rpx;
 -   margin: 25rpx;
 -   border-radius: 8rpx;
 - }
 - .content .spell-center{
 -   float: left;
 -   width: 380rpx;
 -   height: 170rpx;
 - }
 - .content .tilte{
 -   margin-top: 20rpx;
 -   font-size:32rpx;
 -   font-family:PingFang-SC-Bold;
 -   font-weight:bold;
 -   color:#3C3C3C;
 -   line-height:44rpx;
 -   padding-top: 16rpx;
 -   overflow: hidden;
 -   text-overflow:ellipsis;
 -   white-space: nowrap;
 - }
 - .content .remark{
 -   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;
 - }
 - .content .spell-num{
 -   width: 95rpx;
 -   border:1px solid rgba(255,50,50,1);
 -   border-radius:10rpx;
 -   font-size:24rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:rgba(255,50,50,1);
 -   line-height:30rpx;
 -   margin: 10rpx 0;
 -   text-align: center;
 - }
 - .content .price{
 -   overflow: hidden;
 -   margin-top: 20rpx;
 - }
 - .content .price01{
 -   font-size:40rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:#FD832D;
 -   line-height:44rpx;
 - }
 - .content .price02{
 -   display: inline;
 -   font-size: 24rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   text-decoration:line-through;
 -   color:rgba(140,140,140,1);
 - }
 - .content .price-num{
 -   display: inline;
 - }
 - .more{
 -   display: inline;
 -   margin-left: -10rpx;
 - }
 - .content .price-unit{
 -   display: inline;
 -   font-size:24rpx;
 -   margin-right: 10rpx;
 - }
 - .content .spell-right{
 -   float: right;
 -   width: 156rpx;
 - }
 - .right-button{
 -   width:140rpx;
 -   height:52rpx;
 -   font-size:26rpx;
 -   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:52rpx;
 -   margin: 88rpx 24rpx 0 0;
 -   margin-top: 90rpx;
 - }
 - .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: 690rpx;
 -   height: 85rpx;
 -   position: fixed;
 -   bottom: 26rpx;
 -   left: 30rpx;
 -   /* background:rgba(243,69,58,1); */
 -   border:1px solid rgba(255, 222, 67, 1);
 -   border-radius:40px;
 -   color: #fff;
 -   overflow: hidden;
 - }
 - .bottom-left{
 -   width: 50%;
 -   float: left;
 -   margin-left: -1rpx;
 -   text-align: center;
 -   line-height: 85rpx;
 -   font-size:30rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:rgba(255,253,245,1);
 -   border-right:1px solid rgba(255, 222, 67, 1);
 -   opacity: 1;
 - }
 - .bottom-right{
 -   width: 50%;
 -   float: left;
 -   text-align: center;
 -   line-height: 85rpx;
 -   font-size:30rpx;
 -   font-family:PingFang-SC-Medium;
 -   font-weight:500;
 -   color:rgba(255,253,245,1);
 -   opacity: 1;
 - }
 - .spell-bottom{
 -   overflow: hidden;
 - }
 - .spell-top{
 -   height: auto;
 -   margin: 0 30rpx;
 -   overflow: hidden;
 -   box-sizing: border-box;
 -   border-bottom: 1rpx solid #EEEEEE;
 - }
 - .spell-top-left{
 -   float: left;
 -   width: 60%;
 - }
 - .spell-top-right{
 -   float: left;
 -   width: 40%;
 - }
 - .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 - 160rpx);
 -   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;
 - }
 - .remainInventory{
 -   background: #ccc;
 - }
 - .sort{
 -   width:94%;
 -   height:90rpx;
 -   background:#fff;
 -   margin:0 auto 20rpx;
 -   display: flex;
 -   justify-content: space-between;
 -   align-items: center;
 -   padding: 0 3%
 - }
 - .sort view{
 -   width: 180rpx;
 -   line-height: 60rpx;
 -   color: #fff;
 -   font-size: 28rpx;
 -   text-align: center;
 -   background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
 -   border-radius: 20rpx;
 - }
 - .need{
 -   justify-content: center;/*水平居中*/ 
 -   align-items: center; /*垂直居中*/ 
 -   display: flex;
 - }
 - .need  image{
 -   margin-left:5rpx;
 -   width: 40rpx;
 -   height: 40rpx;
 - }
 - .btn-hover{
 -   position: relative;
 -   top: 3rpx;
 -   box-shadow:0px 0px 8px #999 inset; 
 - }
 
 
  |