/* pages/spellGroup/spellGroup.wxss */ page { height: auto; overflow: auto; background: #f89132; 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-box{ height: auto; padding-bottom: 200rpx; } .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{ margin-top: 320rpx; } .content .sepll-list{ width: 690rpx; height: 230rpx; background: #fff; border-radius: 30rpx; margin: 30rpx auto 0; } .content .spell-left{ width: 230rpx; height: 230rpx; float: left; } .content .spell-left image{ width: 180rpx; height: 180rpx; margin: 25rpx; } .content .spell-center{ float: left; 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; } .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: 10rpx; } .content .price01{ display: inline; font-size:50rpx; font-family:PingFang-SC-Medium; font-weight:500; color:rgba(255,50,50,1); 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; } .content .price-unit{ display: inline; font-size:24rpx; margin-right: 10rpx; } .content .spell-right{ float: left; width: 156rpx; } .right-button{ width:120rpx; height:48rpx; font-size:26rpx; background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%); border-radius:24rpx; font-family:PingFang-SC-Medium; font-weight:500; text-align: center; color:rgba(255,255,255,1); line-height:44rpx; margin: 110rpx auto 0; margin-top: 110rpx; } .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; }