| @@ -0,0 +1,871 @@ | |||
| @import "../../../app.wxss"; | |||
| page { | |||
| background: #F4F5F9; | |||
| } | |||
| button::after { | |||
| border: none; | |||
| } | |||
| .coupons { | |||
| width: 100%; | |||
| position: relative; | |||
| overflow: hidden; | |||
| padding-bottom: 170rpx; | |||
| background: #F4F5F9; | |||
| } | |||
| .banner { | |||
| position: relative; | |||
| width: 750rpx; | |||
| height: 454rpx; | |||
| } | |||
| .banner swiper { | |||
| width: 750rpx; | |||
| height: 454rpx; | |||
| } | |||
| .banner image { | |||
| width: 100%; | |||
| height: 454rpx; | |||
| } | |||
| .dots { | |||
| position: absolute; | |||
| left: 0; | |||
| right: 0; | |||
| bottom: 50rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| } | |||
| .dot { | |||
| margin: 0 8rpx; | |||
| width: 14rpx; | |||
| height: 14rpx; | |||
| background: #fff; | |||
| border-radius: 8rpx; | |||
| transition: all 0.6s; | |||
| } | |||
| .dot.active { | |||
| width: 24rpx; | |||
| background: #f80; | |||
| } | |||
| .refound { | |||
| border: 1rpx solid red; | |||
| padding: 3rpx 0; | |||
| display: block; | |||
| width: 130rpx; | |||
| text-align: center; | |||
| margin-left: 14rpx; | |||
| } | |||
| .coupons_info { | |||
| width: 92%; | |||
| padding: 0 4%; | |||
| background: #fff; | |||
| border-top-left-radius: 20rpx; | |||
| border-top-right-radius: 20rpx; | |||
| /* margin-top: -25rpx; */ | |||
| } | |||
| .fenxiang { | |||
| position: absolute; | |||
| right: 28rpx; | |||
| top: 27rpx; | |||
| width: 108rpx; | |||
| } | |||
| .fenxiang image { | |||
| width:48rpx; | |||
| height: 48rpx; | |||
| position: absolute; | |||
| top: 0; | |||
| right: 16rpx; | |||
| } | |||
| .gift{ | |||
| color: #3C3C3C; | |||
| font-size: 20rpx; | |||
| position: absolute; | |||
| top: 50rpx; | |||
| right: 0; | |||
| } | |||
| .user-motto { | |||
| width: 270rpx; | |||
| border: 0; | |||
| background: none; | |||
| height: 260rpx; | |||
| color: #fff; | |||
| position: fixed; | |||
| } | |||
| .user-motto::after { | |||
| border: none; | |||
| } | |||
| .title { | |||
| display: block; | |||
| font-weight: bold; | |||
| font-size: 32rpx; | |||
| color: #3C3C3C; | |||
| letter-spacing: 1.09rpx; | |||
| line-height: 45rpx; | |||
| width: 542rpx; | |||
| overflow: hidden; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| padding-top: 30rpx; | |||
| } | |||
| .subTitle { | |||
| display: block; | |||
| width: 588rpx; | |||
| /* height: 37rpx; */ | |||
| font-size: 26rpx; | |||
| color: #A6A6A6; | |||
| letter-spacing: 1.16rpx; | |||
| overflow: hidden; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| padding: 6rpx 0; | |||
| } | |||
| .rest { | |||
| font-size: 24rpx; | |||
| color: #919191; | |||
| letter-spacing: 0; | |||
| height: 50rpx; | |||
| line-height: 50rpx; | |||
| /* 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: #A6A6A6; | |||
| letter-spacing: 0; | |||
| line-height: 33rpx; | |||
| display: inline-block; | |||
| } | |||
| .txt01 { | |||
| font-size: 24rpx; | |||
| color: #919191; | |||
| letter-spacing: 0; | |||
| } | |||
| .price { | |||
| font-size: 24rpx; | |||
| color: #999; | |||
| letter-spacing: 0; | |||
| } | |||
| .salePriceStr { | |||
| font-size: 24rpx; | |||
| color: #999; | |||
| letter-spacing: 0; | |||
| } | |||
| .salePriceStr .rmb{ | |||
| color: #FD782D; | |||
| font-size: 24rpx; | |||
| float: left; | |||
| } | |||
| .salePriceStr .pri01 { | |||
| font-size: 40rpx; | |||
| color: #FD782D; | |||
| letter-spacing: 0; | |||
| line-height: 40rpx; | |||
| float: left; | |||
| } | |||
| .salePriceStr .pri01Hr { | |||
| font-size: 24rpx!important; | |||
| } | |||
| .use { | |||
| color: #FD782D; | |||
| margin-left: 10rpx; | |||
| } | |||
| .salePriceStr .yuan { | |||
| font-size: 24rpx; | |||
| color: #FD782D; | |||
| letter-spacing: 0; | |||
| } | |||
| .price text { | |||
| font-size: 24rpx; | |||
| color: #333; | |||
| letter-spacing: 0; | |||
| } | |||
| .throgh { | |||
| text-decoration: line-through; | |||
| margin-left: 10rpx; | |||
| color: #999 !important; | |||
| } | |||
| .fl { | |||
| float: left; | |||
| color: #FD782D; | |||
| } | |||
| .fr { | |||
| float: right; | |||
| } | |||
| .posi { | |||
| position: relative; | |||
| width: 100%; | |||
| background: #FFF; | |||
| margin: 18rpx 0 18rpx; | |||
| } | |||
| /* .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 { | |||
| position: relative; | |||
| width: 92%; | |||
| display: flex; | |||
| padding: 20rpx 0; | |||
| background: #fff; | |||
| z-index: 10; | |||
| margin: 0 auto; | |||
| } | |||
| .posi_logo view:nth-child(1) { | |||
| /* width: 100rpx; *//* margin-right: 16rpx; */ | |||
| border-radius: 16rpx; | |||
| /* height: 100rpx; */ | |||
| } | |||
| .posi_logo view:nth-child(1) image { | |||
| display: block; | |||
| width: 100rpx; | |||
| height: 100rpx; | |||
| border-radius: 16rpx; | |||
| margin-right: 16rpx; | |||
| border: 1px solid #e5e5e5; | |||
| } | |||
| .posi_logo view:nth-child(2) { | |||
| /* display: flex; *//* flex-direction: column; *//* flex: 8; */ | |||
| height: 100rpx; | |||
| /* padding-left: 30rpx; */ | |||
| } | |||
| .posi_logo view:nth-child(2) view:nth-child(1) { | |||
| font-size: 32rpx; | |||
| color: #333; | |||
| width: 90%; | |||
| letter-spacing: 0; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| } | |||
| .shopVoList { | |||
| display: flex !important; | |||
| padding-left: 0 !important; | |||
| flex-direction: row !important; | |||
| } | |||
| .shopVoList text { | |||
| font-size: 20rpx !important; | |||
| display: inline-block !important; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| color: #b8b8b8 !important; | |||
| } | |||
| .notes view:nth-child(1) { | |||
| height: 87rpx; | |||
| line-height: 87rpx; | |||
| background: #fff; | |||
| border-top: 1px solid #f9f9f9; | |||
| } | |||
| .notes { | |||
| width:100%; | |||
| background: #FFF; | |||
| } | |||
| .active { | |||
| opacity: 0.6; | |||
| } | |||
| .notes view:nth-child(1) text { | |||
| color: #333; | |||
| letter-spacing: 0; | |||
| font-size: 30rpx; | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| } | |||
| .notes view:nth-child(1) { | |||
| width: 92%; | |||
| margin: 0 auto; | |||
| } | |||
| .notes view:nth-child(2) { | |||
| display: flex; | |||
| flex-direction: column; | |||
| width: 92%; | |||
| margin: 0 auto; | |||
| } | |||
| .notes view:nth-child(2)>text { | |||
| font-size: 24rpx; | |||
| color: #919191; | |||
| letter-spacing: 0; | |||
| line-height: 42rpx; | |||
| } | |||
| .buy-view { | |||
| /* background: #fff; */ | |||
| height: 92rpx; | |||
| bottom: 0; | |||
| left: 0; | |||
| right: 0; | |||
| padding-bottom: 22rpx; | |||
| padding-top: 22rpx; | |||
| } | |||
| .buy { | |||
| position: relative; | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| height: 94rpx; | |||
| width: 560rpx; | |||
| margin: 0 auto 30rpx; | |||
| color: #fff; | |||
| font-size: 36rpx; | |||
| line-height: 94rpx; | |||
| border-radius: 61rpx; | |||
| } | |||
| .buyHr{ | |||
| background: #CECECE!important; | |||
| } | |||
| .goback { | |||
| position: relative; | |||
| float: left; | |||
| width: 132rpx !important; | |||
| height: 96rpx; | |||
| background: rgba(255, 255, 255, 1)!important; | |||
| line-height: 95rpx; | |||
| border-radius: 32rpx; | |||
| margin-left: 20rpx; | |||
| } | |||
| .goback image { | |||
| position: absolute; | |||
| width:52rpx; | |||
| height: 50rpx; | |||
| left: 0; | |||
| right: 0; | |||
| top: 0; | |||
| bottom:0; | |||
| margin:10rpx auto; | |||
| } | |||
| .tel { | |||
| position: absolute; | |||
| right: 0; | |||
| top: 0; | |||
| bottom: 0; | |||
| margin: auto; | |||
| width: 50rpx; | |||
| height: 50rpx; | |||
| } | |||
| .txt { | |||
| margin-right: 30rpx; | |||
| } | |||
| .distance { | |||
| border: none; | |||
| border-radius: 16rpx; | |||
| width: 600rpx; | |||
| padding: 16rpx 6rpx 0 0; | |||
| } | |||
| .distance .txt01 { | |||
| display: block; | |||
| font-size: 26rpx; | |||
| color: #ff4949; | |||
| } | |||
| .clock { | |||
| width: 116rpx !important; | |||
| vertical-align: middle; | |||
| margin-right: 10rpx; | |||
| margin-top: -4rpx; | |||
| } | |||
| .qiang { | |||
| position: inline-block; | |||
| width: 60rpx; | |||
| height: 40rpx; | |||
| line-height: 40rpx; | |||
| color: #ff4949; | |||
| text-align: center; | |||
| font-size: 28rpx; | |||
| margin-right: 10rpx; | |||
| } | |||
| .times { | |||
| display: inline-block; | |||
| color: #ff4949; | |||
| font-weight: bold; | |||
| font-size: 26rpx; | |||
| text-align: center; | |||
| } | |||
| .timess{ | |||
| color: #FD782D; | |||
| } | |||
| .times text { | |||
| display: inline-block; | |||
| margin: 6rpx; | |||
| height: 56rpx; | |||
| padding: 0 6rpx; | |||
| text-align: center; | |||
| font-size: 28rpx; | |||
| line-height: 60rpx; | |||
| border-radius: 12rpx; | |||
| color: #fff; | |||
| font-weight: bold; | |||
| background: #ff4949; | |||
| } | |||
| .b1 { | |||
| position: fixed; | |||
| top: 0px; | |||
| bottom: 0px; | |||
| left: 0px; | |||
| right: 0px; | |||
| background: rgba(0, 0, 0, 0.8); | |||
| overflow: hidden; | |||
| z-index: 10; | |||
| } | |||
| .con { | |||
| position: absolute; | |||
| top: 35rpx; | |||
| right: 0; | |||
| bottom: 0; | |||
| left: 0; | |||
| margin: auto; | |||
| width: 587rpx; | |||
| } | |||
| .con .image { | |||
| display: block; | |||
| width: 100%; | |||
| } | |||
| .img { | |||
| margin-top: -50rpx; | |||
| } | |||
| .question { | |||
| display: block; | |||
| width: 587rpx; | |||
| background: #fff; | |||
| border-bottom-left-radius: 22rpx; | |||
| border-bottom-right-radius: 22rpx; | |||
| overflow: hidden; | |||
| } | |||
| .ques { | |||
| display: block; | |||
| width: 511rpx; | |||
| margin: 0 auto; | |||
| height: 95rpx; | |||
| line-height: 95rpx; | |||
| font-size: 30rpx; | |||
| color: #333; | |||
| border-bottom: 1rpx solid #eee; | |||
| } | |||
| .titles { | |||
| width: 511rpx; | |||
| display: block; | |||
| text-align: center; | |||
| height: 50rpx; | |||
| margin: 0 auto; | |||
| padding-top: 10rpx; | |||
| padding-bottom: 20rpx; | |||
| font-size: 32rpx; | |||
| font-weight: bold; | |||
| line-height: 41rpx; | |||
| border-bottom: 1rpx solid #eee; | |||
| } | |||
| .quessss >view:last-child { | |||
| border-bottom: 0; | |||
| } | |||
| .wmclose { | |||
| position: relative; | |||
| z-index: 10000; | |||
| display: block; | |||
| width: 70rpx; | |||
| } | |||
| .ques_gou { | |||
| position: absolute; | |||
| width: 20rpx; | |||
| top: 160rpx; | |||
| left: 23rpx; | |||
| } | |||
| .btnss { | |||
| color: #f8755b; | |||
| font-weight: bold; | |||
| font-size: 30rpx !important; | |||
| text-align: center !important; | |||
| } | |||
| .radios { | |||
| display: block; | |||
| font-size: 28rpx; | |||
| height: 95rpx; | |||
| line-height: 95rpx; | |||
| color: #333; | |||
| text-indent: 0.5em; | |||
| } | |||
| .elecard { | |||
| display: inline-block; | |||
| margin-left: 6rpx; | |||
| color: #af6e34; | |||
| border: 1px solid #af6e34; | |||
| border-radius: 8rpx; | |||
| font-style: normal; | |||
| font-size: 30rpx; | |||
| line-height: 40rpx; | |||
| padding: 0 6rpx; | |||
| } | |||
| .applyshop { | |||
| font-size: 30rpx; | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| color: #333; | |||
| text-indent: 1em; | |||
| } | |||
| .btns { | |||
| /* padding: 0 33rpx; */ | |||
| position: fixed; | |||
| left: 0; | |||
| right: 0; | |||
| bottom: 0; | |||
| padding-bottom: 22rpx; | |||
| padding-top: 22rpx; | |||
| z-index: 12; | |||
| /* background: #fff; */ | |||
| } | |||
| .btnTxt{ | |||
| width: 50rpx; | |||
| height: 30rpx; | |||
| line-height: 50rpx; | |||
| color: #FD782D; | |||
| font-size: 20rpx; | |||
| position: absolute; | |||
| right:42rpx ; | |||
| bottom: 15rpx; | |||
| } | |||
| .btns .fr,.btns .fl { | |||
| width: 277rpx; | |||
| height: 95rpx; | |||
| border-radius: 48rpx; | |||
| text-align: center; | |||
| } | |||
| .btns .fl { | |||
| margin-left: 20rpx; | |||
| color: #fff; | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| /* box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32); */ | |||
| } | |||
| .btns .fl text { | |||
| display: block; | |||
| font-size: 30rpx; | |||
| line-height: 34rpx; | |||
| } | |||
| .btns .fl text:nth-of-type(1) { | |||
| margin-top: 12rpx; | |||
| } | |||
| .btns .fr { | |||
| font-size: 30rpx; | |||
| color: #fff; | |||
| margin-right: 20rpx; | |||
| line-height: 95rpx; | |||
| background: linear-gradient(90deg,rgba(40,179,255,1) 0%,rgba(48,103,255,1) 100%); | |||
| /* box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); */ | |||
| } | |||
| .support-tansfer { | |||
| width: 60%; | |||
| border-radius: 50rpx; | |||
| margin-top: 30rpx; | |||
| /* background: #02c0ff !important; */ | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| } | |||
| .shaddow { | |||
| z-index: 100; | |||
| position: fixed; | |||
| width: 100%; | |||
| height: 100%; | |||
| top: 0px; | |||
| background: rgba(0, 0, 0, 0.8); | |||
| overflow: hidden; | |||
| } | |||
| .alert-box { | |||
| position: fixed; | |||
| top: 200rpx; | |||
| left: 10%; | |||
| width: 80%; | |||
| height: auto; | |||
| padding-bottom: 20rpx; | |||
| background: #fff; | |||
| z-index: 200; | |||
| border-radius: 20rpx; | |||
| } | |||
| .user-img { | |||
| position: absolute; | |||
| top: -50rpx; | |||
| left: 250rpx; | |||
| /* margin-left: -50rpx; */ | |||
| width: 100rpx; | |||
| height: 100rpx; | |||
| z-index: 300; | |||
| border-radius: 50rpx; | |||
| background: #fff; | |||
| overflow: hidden; | |||
| } | |||
| .user-img image { | |||
| width: 100rpx; | |||
| height: 100rpx; | |||
| } | |||
| .close { | |||
| position: absolute; | |||
| z-index: 300; | |||
| right: 0; | |||
| top: 0; | |||
| width: 100rpx; | |||
| height: 100rpx; | |||
| overflow: hidden; | |||
| } | |||
| .close image { | |||
| display: block; | |||
| width: 26rpx; | |||
| height: 26rpx; | |||
| margin: 20rpx 0 0 52rpx; | |||
| } | |||
| .a-title { | |||
| text-align: center; | |||
| margin-top: 76rpx; | |||
| font-size: 36rpx; | |||
| font-family: PingFang-SC-Medium; | |||
| font-weight: 500; | |||
| color: rgba(51, 51, 51, 1); | |||
| line-height: 44rpx; | |||
| } | |||
| .a-img { | |||
| position: relative; | |||
| width: 80%; | |||
| border-radius: 20rpx; | |||
| height: 294rpx; | |||
| overflow: hidden; | |||
| text-align: center; | |||
| margin: 30rpx auto 0; | |||
| } | |||
| .a-received { | |||
| position: absolute; | |||
| width: 100%; | |||
| height: 294rpx; | |||
| top: 0; | |||
| left: 0; | |||
| text-align: center; | |||
| line-height: 294rpx; | |||
| z-index: 320; | |||
| background: rgba(255, 255, 255, 1); | |||
| border: 0px solid rgba(151, 57, 117, 1); | |||
| opacity: 0.91; | |||
| font-size: 36rpx; | |||
| color: rgba(255, 51, 50, 1); | |||
| font-family: PingFang-SC-Medium; | |||
| } | |||
| .a-img image { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .bottom { | |||
| text-align: center; | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| color: #999; | |||
| font-size: 32rpx; | |||
| } | |||
| .presslimit { | |||
| width: 300rpx; | |||
| height: 34rpx; | |||
| line-height: 34rpx; | |||
| margin-top: 8rpx; | |||
| margin-left: 12rpx; | |||
| color: #FD782D; | |||
| font-size: 20rpx; | |||
| letter-spacing: 1.16rpx; | |||
| overflow: hidden; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| } | |||
| .presslimit text{ | |||
| margin-left: 22rpx; | |||
| background:rgba(201,201,201,0.1); | |||
| } | |||
| checkbox-group, radio-group { | |||
| height: 400rpx; | |||
| overflow-y: scroll; | |||
| } | |||
| .detailImg { | |||
| width: 100%; | |||
| background: #FFF; | |||
| margin: auto; | |||
| } | |||
| .detailImg image { | |||
| display: block; | |||
| width: 92%; | |||
| padding: 0 4% 0 4%; | |||
| margin-bottom: 20rpx; | |||
| } | |||
| .content { | |||
| margin: 0; | |||
| padding: 0; | |||
| width: 100%; | |||
| height: 100%; | |||
| background: #f3f3f3; | |||
| position: relative; | |||
| } | |||
| .poster{ | |||
| width: 100%; | |||
| height: 100%; | |||
| padding: 20rpx; | |||
| position: absolute; | |||
| top: 0; | |||
| left: 0; | |||
| } | |||
| .bottomsave { | |||
| width: 100%; | |||
| height: 140rpx; | |||
| line-height: 140rpx; | |||
| margin: auto 0; | |||
| bottom:0; | |||
| left: 0; | |||
| right: 0; | |||
| border-top: 1px solid #ccc; | |||
| box-shadow: 0 0rpx 150rpx #ccc; | |||
| background: #fff; | |||
| } | |||
| .saveposter { | |||
| color: #fff; | |||
| width: 380rpx; | |||
| height: 80rpx; | |||
| border-radius: 50rpx; | |||
| background: #f08f04; | |||
| margin-top: 30rpx; | |||
| font-size: 32rpx; | |||
| } | |||
| .modal { | |||
| width: 100%; | |||
| height: 100%; | |||
| position: fixed; | |||
| top: 0; | |||
| left: 0; | |||
| background: rgba(0, 0, 0, 0.5); | |||
| overflow: hidden; | |||
| z-index: 10000; | |||
| color: #fff; | |||
| } | |||
| .modal-content { | |||
| width: 540rpx; | |||
| height: 233rpx; | |||
| line-height: 60rpx; | |||
| overflow: hidden; | |||
| position: fixed; | |||
| top: 50%; | |||
| left: 0; | |||
| z-index: 11; | |||
| background: #f9f9f9; | |||
| margin: -130rpx 105rpx; | |||
| border-radius: 36rpx; | |||
| display: flex; | |||
| } | |||
| .modal-content view { | |||
| display: inline-block; | |||
| flex: 1; | |||
| text-align: center; | |||
| } | |||
| .modal-content view>text { | |||
| color: #000; | |||
| display: block; | |||
| font-size: 30rpx; | |||
| } | |||
| .modal-content view>image { | |||
| margin-top: 40rpx; | |||
| width: 90rpx; | |||
| height: 90rpx; | |||
| } | |||
| .wx-swiper-dots{ | |||
| margin-bottom: 30rpx; | |||
| } | |||
| .quan{ | |||
| float: left; | |||
| margin:18rpx 15rpx 0 0; | |||
| width: 12rpx; | |||
| height: 12rpx; | |||
| background: #E1E1E1; | |||
| border-radius: 50%; | |||
| } | |||