|
- /* pages/spellGroup/mySpellGroup/index.wxss */
- .top-img{
- width: 100%;
- height: 533rpx;
- z-index: 1;
- }
- .top-img image{
- width: 100%;
- height: 533rpx;
- }
- .content-box{
- box-sizing: content-box;
- height: auto;
- overflow: hidden;
- }
- .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;
- }
- .content{
- position: relative;
- width: 100%;
- height: auto;
- background: #fff;
- overflow: hidden;
- padding-bottom: 130rpx;
- }
- .text{
- padding: 0 30rpx;
- }
- .title{
- position: relative;
- background-color: #fff;
- z-index: 100;
- width: 750rpx;
- padding-top: 30rpx;
- padding-left: 30rpx;
- line-height: 50rpx;
- border-radius:20rpx 20rpx 0px 0px;
- margin-top: -25rpx;
- opacity: 1;
- font-size:32rpx;
- font-family:PingFang-SC-Bold;
- font-weight:bold;
- color:rgba(51,51,51,1);
- box-sizing: border-box;
- }
- .remark{
- font-size:24rpx;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- color:rgba(134,134,134,1);
- line-height: 48rpx;
- }
- .des{
- width: 100%;
- height: auto;
- padding-top: 6rpx;
- background: #FFF;
- padding: 0 30rpx 0 0;
- color: #FD782D
- }
- .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: 160rpx; */
- float: left;
- padding-left: 80rpx;
- color: #F74812;
- }
- .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 8rpx 0 0;
- text-align: center;
- line-height: 38rpx;
- }
- .status04{
- float: left;
- width: 163rpx;
- }
- .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:32rpx;
- font-family:PingFang-SC-Bold;
- 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-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-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-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;
- }
- .applyshop{
- font-size:32rpx;
- font-family:PingFang-SC-Bold;
- font-weight:bold;
- 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;
- background: #fff;
- 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: 76rpx;
- height: 76rpx;
- }
- .j-f{
- font-size:28rpx;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- color:rgba(51,51,51,1);
- margin-top: 20rpx;
- }
- .j-t{
- font-size:28rpx;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- color:rgba(51,51,51,1);
- line-height: 44rpx;
- }
- button::after{ border: none; }
- .j-time{
- display: inline;
- font-size:26rpx;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- color:rgba(255,53,53,1);
- line-height: 44rpx;
- }
- .goback {
- float:left;
- width:132rpx!important;
- height:96rpx;
- background:#fff!important;
- line-height:96rpx;
- border-radius:32rpx;
- margin-right:25rpx;
- border: 0!important;
- box-sizing: border-box;
- }
- .goback image{
- position: absolute;
- width:52rpx;
- height: 50rpx;
- left: 0;
- right: 0;
- top: 0;
- bottom:0;
- margin:10rpx auto;
- }
- .rest {
- font-size: 24rpx;
- color: #919191;
- letter-spacing: 0;
- height: 70rpx;
- line-height: 70rpx;
- /* border-bottom: 1px solid #eee; */
- border-bottom: 1px solid #f9f9f9;
- }
-
- .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;
- }
- .edit{
- position:fixed;
- bottom:0;
- left:0;
- right:0;
- padding:20rpx 22rpx;
- /* background:#fff; */
- }
- .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;
- }
- .al-bg{
- position: fixed;
- width: 100%;
- height: 100vh;
- top: 0;
- left: 0;
- background:rgba(0,0,0,1);
- opacity:0.65;
- z-index: 200;
- }
- .al-content{
- background: #fff;
- position: fixed;
- width: 545rpx;
- z-index: 300;
- top: 300rpx;
- left: 102rpx;
- border-radius: 15rpx;
- }
- .al-top{
- width: 100%;
- }
- .al-top image{
- position: relative;
- height: 298rpx;
- margin-top: -96rpx;
- width: 545rpx;
- }
- .al-center{
- padding: 80rpx 30rpx;
- font-size:30rpx;
- font-family:PingFang-SC-Regular;
- font-weight:400;
- color:rgba(51,51,51,1);
- }
- .al-bottom{
- width:462rpx;
- height:95rpx;
- background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%);
- border-radius:47rpx;
- font-size:30rpx;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- color:rgba(255,255,255,1);
- text-align: center;
- line-height: 95rpx;
- margin: 0 auto 43rpx;
- }
- .btnTxt{
- width: 50rpx;
- height: 30rpx;
- line-height: 50rpx;
- color: #FD782D;
- font-size: 20rpx;
- position: absolute;
- right:42rpx ;
- bottom: 15rpx;
- }
- .des-peoplenum{
- display: inline;
- font-size:24rpx;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- line-height:44rpx;
- margin-right: 15rpx;
- }
- .des-saleprice{
- display: inline;
- font-size:40rpx;
- font-family:PingFang-SC-Medium;
- font-weight:500;
- }
- .quan{
- float: left;
- margin:28rpx 15rpx 0 0;
- width: 12rpx;
- height: 12rpx;
- background: #E1E1E1;
- border-radius: 50%;
- }
|