|
|
@@ -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%; |
|
|
|
} |