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