/* pages/mountingsDetail/mountingsDetail.wxss */ page{ background-color: #F1F1F1; } image{ display: block; } view{ -webkit-overflow-scrolling: touch; } /* .main{ height: calc(100vh - 120rpx); } */ .banner-group{ position: relative; width: 750rpx; height: 556rpx; } .newImages9-test2{ width: 100%; height: 100%; } .newImages9-2{ position: absolute; top: 165rpx; right: 3rpx; width: 87rpx; height: 88rpx; } .goods-price{ position: absolute; left: 0; bottom: 0; width: 750rpx; height: 111rpx; } .newImages9-14{ width: 100%; height: 100%; } .price-detail{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding:0 30rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .goods-name{ font-size:30rpx; font-family:MHeiPRC; font-weight:bold; color:rgba(255,255,255,1); line-height:32rpx; margin-bottom: 18rpx; } .after-discount{ font-size:20rpx; font-family:MHeiPRC; font-weight:bold; color:rgba(255,65,5,1); line-height:27rpx; height:27rpx; padding:0 10rpx; background-color: white; border-radius: 5rpx; } .original-price{ line-height:27rpx; font-size:18rpx; font-family:MHeiPRC; font-weight:500; color:rgba(255,255,255,1); margin-left: 10rpx; text-decoration: line-through; } .surplus-time{ font-size:37rpx; font-family:MHeiPRC; font-weight:bold; color:rgba(35,24,21,1); line-height:37rpx; margin-top: 50rpx; margin-bottom: 35rpx; display: flex; align-items: center; justify-content: center; } .time-group{ padding-left: 22rpx; padding-right: 15rpx; display: flex; align-items: center; justify-content: center; font-size:26rpx; } .time-block{ width:39rpx; height:39rpx; background-color: black; border-radius: 8rpx; font-family:MHeiPRC; font-weight:bold; color:rgba(255,255,255,1); line-height:39rpx; text-align: center; } .bargain-group{ width:694rpx; padding-bottom:30rpx; border-radius: 20rpx; margin: 0 auto; background-color: white; box-sizing: border-box; } .bargain-num{ font-size:28rpx; font-family:MHeiPRC; font-weight:bold; color:rgba(89,87,87,1); text-align: center; padding-top: 51rpx; } .bargain-bar{ position: relative; width:576rpx; height:36rpx; border: 2rpx solid #4296CB; border-radius: 20rpx; margin: 0 auto; margin-top: 36rpx; margin-bottom: 28rpx; overflow: hidden; } .bar-num{ position: absolute; top: 50%; transform: translateY(-50%); left: 3rpx; background-image: linear-gradient(to right,#209BDB,#2278CC); max-width: 570rpx; width:0%; height:30rpx; border-radius: 20rpx; display: flex; align-items: center; justify-content: flex-end; } .bar-text{ line-height: 30rpx; font-size:18rpx; font-family:NissanBrand; font-weight:400; color:rgba(255,255,255,1); } .newImages9-15{ width: 15rpx; height: 15rpx; margin-right: 20rpx; margin-left: 5rpx; } .bar-surplus{ position: absolute; top: 0; right: 15rpx; line-height: 36rpx; font-size:18rpx; font-family:NissanBrand; font-weight:400; color:rgba(35,24,21,1); } .newImages9-16{ position: relative; width: 589rpx; height: 84rpx; margin: 0 auto; } .bargain-record{ width:694rpx; background-image: linear-gradient(to right,#209BDB,#2278CC); margin: 0 auto; border-radius: 20rpx; overflow: hidden; } .record-title{ position: relative; width: 100%; height: 94rpx; display: flex; align-items: center; font-size:30rpx; font-family:MHeiPRC; font-weight:500; color:rgba(255,255,255,1); line-height: 94rpx; } .title-text{ position: relative; width: 50%; text-align: center; } .title-line{ position: absolute; left: 50%; top: 50%; width: 2rpx; height: 45rpx; transform: translate(-50%,-50%); background-color: white; } .white-triangle{ position: absolute; left: 50%; transform: translateX(-50%); bottom: -3rpx; width: 0; height: 0; border: 20rpx solid transparent; border-bottom-color: white; } .help-group{ background-color: white; width:694rpx; height:183rpx; display: flex; align-items: center; justify-content:space-between; padding:0 30rpx; box-sizing: border-box; } .head-group{ border-radius: 50%; border: 2rpx solid #355483; width: 79rpx; height: 79rpx; overflow: hidden; margin-right: 15rpx; } .head-img{ width: 100%; height: 100%; } .friend-name{ line-height: 30rpx; font-size:30rpx; font-family:NissanBrand; font-weight:bold; color:rgba(89,87,87,1); } .reason{ margin-top: 13rpx; line-height: 24rpx; font-size:24rpx; font-family:MHeiPRC; font-weight:500; color:rgba(89,87,87,1); } .newImages9-17{ width: 52rpx; height: 43rpx; } .minus-num{ line-height: 30rpx; font-size:30rpx; font-family:MHeiPRC; font-weight:500; color:rgba(53,84,131,1); } .ruleFrame{ position: absolute; left: 0; top: 0; width: 100%; height: calc(100vh - 120rpx); background-color: white; overflow: auto; padding-bottom: 130rpx; box-sizing: border-box; } .titleText{ width: 682rpx; margin: 0 auto; margin-top: 78rpx; margin-bottom: 28rpx; line-height: 39rpx; font-size:39rpx; font-family:PingFangSC; font-weight:bold; color:rgba(0,77,149,1); } .lineSty{ width: 682rpx; height:2rpx; background-color: #B6B6B6; margin: 0 auto; margin-bottom: 45rpx; } .closeXieyi{ position: absolute; right: 48rpx; top: 38rpx; width: 42rpx; height: 42rpx; } .newImages9-12{ width: 641rpx; height: 1037rpx; margin: 0 auto; margin-top: 40rpx; } .newImages9-test3{ width:247rpx; height: 75rpx; } .btns{ position: absolute; left: 0; bottom: 0; opacity: 0; } .maskFrame{ position: fixed; left: 0; top: 0; width: 100%; height: calc(100vh - 120rpx); background-color: rgba(000, 000, 000, 0.5); display: flex; align-items: center; justify-content: center; } .maskGroup{ position: relative; width: 603rpx; height: 500rpx; } .newImages9-19{ width: 100%; height: 100%; } .help-confirm{ position: absolute; left: 50%; transform: translateX(-50%); top: 372rpx; width: 347rpx; height: 62rpx; } .newImages9-20{ position: absolute; top: -18rpx; right: -19rpx; width: 38rpx; height: 36rpx; } .dicker-money{ position: absolute; left: 0; top: 260rpx; width: 100%; text-align: center; font-size:36rpx; font-family:PingFangSC; font-weight:400; color:rgba(52,84,128,1); line-height:36rpx; } .bottom-cushion{ width: 100%; height: 120rpx; } .wx-swiper-dots{ margin-bottom: 110rpx; }