|
|
@@ -1,7 +1,47 @@ |
|
|
|
.under_line{ |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.scrollY { |
|
|
|
width: 139rpx; |
|
|
|
position: fixed; |
|
|
|
left: 0; |
|
|
|
top: 0; |
|
|
|
border-right: 1rpx solid #efefef; |
|
|
|
} |
|
|
|
|
|
|
|
.left { |
|
|
|
border-top: 1rpx solid #efefef; |
|
|
|
border-right: 1rpx solid #efefef; |
|
|
|
} |
|
|
|
|
|
|
|
.text-style { |
|
|
|
width: 139rpx; |
|
|
|
height: 120rpx; |
|
|
|
line-height: 140rpx; |
|
|
|
text-align: center; |
|
|
|
font-size: 34rpx; |
|
|
|
font-family: PingFangSC-Semibold; |
|
|
|
color: rgba(51, 51, 51, 1); |
|
|
|
} |
|
|
|
|
|
|
|
.active1 { |
|
|
|
color: #00c0ff; |
|
|
|
} |
|
|
|
|
|
|
|
.active { |
|
|
|
display: block; |
|
|
|
width: 50rpx; |
|
|
|
height: 6rpx; |
|
|
|
background: #00c0ff; |
|
|
|
position: relative; |
|
|
|
left: 43rpx; |
|
|
|
bottom: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.posi { |
|
|
|
position: relative; |
|
|
|
width: 92%; |
|
|
|
margin: 0 auto; |
|
|
|
width: 610rpx; |
|
|
|
float: right; |
|
|
|
} |
|
|
|
|
|
|
|
.posi>view:nth-child(2) { |
|
|
@@ -23,11 +63,13 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.posi_logo { |
|
|
|
width: 100%; |
|
|
|
width: 90%; |
|
|
|
display: flex; |
|
|
|
padding: 20rpx 0; |
|
|
|
background: #fff; |
|
|
|
height: 100rpx; |
|
|
|
padding-left:5%; |
|
|
|
padding-right:5%; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
@@ -53,17 +95,22 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.posi_logo view:nth-child(2) text:nth-child(1) { |
|
|
|
width: 400rpx; |
|
|
|
overflow: hidden; |
|
|
|
font-size: 32rpx; |
|
|
|
color: #333; |
|
|
|
letter-spacing: 0; |
|
|
|
height: 40rpx; |
|
|
|
line-height: 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.posi_logo view:nth-child(2) text:nth-child(2) { |
|
|
|
width: 400rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #b8b8b8; |
|
|
|
padding-top: 3rpx; |
|
|
|
width: 450rpx; |
|
|
|
height: 36rpx; |
|
|
|
line-height: 36rpx; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.tel { |
|
|
@@ -73,4 +120,228 @@ |
|
|
|
margin: auto; |
|
|
|
width: 50rpx; |
|
|
|
height: 50rpx; |
|
|
|
} |
|
|
|
page { |
|
|
|
padding: 0 0 30rpx; |
|
|
|
} |
|
|
|
.tabTit { |
|
|
|
height: 90rpx; |
|
|
|
line-height: 82rpx; |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
width: 750rpx; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
|
|
|
|
.tabTit > view:nth-of-type(1) { |
|
|
|
border-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.tabTit > view:nth-of-type(4) { |
|
|
|
border-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tabTit .active image { |
|
|
|
transform: rotate(180deg); |
|
|
|
background: none; |
|
|
|
} |
|
|
|
|
|
|
|
.tabTit image { |
|
|
|
width: 18rpx; |
|
|
|
height: 9rpx; |
|
|
|
vertical-align: middle; |
|
|
|
margin-left: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
.tabLayer { |
|
|
|
width: 750rpx; |
|
|
|
overflow: hidden; |
|
|
|
position: fixed; |
|
|
|
top: 90rpx; |
|
|
|
z-index: 1; |
|
|
|
background: #fff; |
|
|
|
padding-bottom: 26rpx; |
|
|
|
box-shadow:2px 9px 10px rgba(0, 0, 0, 0.05); |
|
|
|
bottom: 0; |
|
|
|
border-top:1px solid #eee; |
|
|
|
} |
|
|
|
|
|
|
|
.tabLayer a { |
|
|
|
float: left; |
|
|
|
width: 210rpx; |
|
|
|
height: 80rpx; |
|
|
|
line-height: 80rpx; |
|
|
|
margin: 30rpx 0 0 26rpx; |
|
|
|
text-align: center; |
|
|
|
color: #888; |
|
|
|
font-size: 30rpx; |
|
|
|
background: rgba(255, 255, 255, 1); |
|
|
|
border: 1px solid rgba(234, 234, 234, 1); |
|
|
|
border-radius: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.tabLayer .active { |
|
|
|
text-align: center; |
|
|
|
height: 80rpx; |
|
|
|
background: rgba(255, 255, 255, 1); |
|
|
|
border: 1px solid rgba(101, 158, 246, 1); |
|
|
|
border-radius: 10rpx; |
|
|
|
color: #659ef6; |
|
|
|
} |
|
|
|
.tabTit .active { |
|
|
|
background: #fff; |
|
|
|
font-size: 32prx; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(101, 158, 246, 1); |
|
|
|
} |
|
|
|
/*弹性盒模型*/ |
|
|
|
|
|
|
|
.box { |
|
|
|
background: #fff; |
|
|
|
border-bottom:1px solid #eee; |
|
|
|
} |
|
|
|
|
|
|
|
.flex1 { |
|
|
|
overflow: hidden; |
|
|
|
width: 25%; |
|
|
|
display: block; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.flex1 text,.text { |
|
|
|
font-size: 30rpx; |
|
|
|
} |
|
|
|
.text{ |
|
|
|
display: block; |
|
|
|
width: 25%; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
/* 日期选择 */ |
|
|
|
|
|
|
|
.picker_group { |
|
|
|
height: 85rpx; |
|
|
|
line-height: 85rpx; |
|
|
|
justify-content: center; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #888; |
|
|
|
} |
|
|
|
|
|
|
|
.picker_group picker { |
|
|
|
height: 55rpx; |
|
|
|
line-height: 55rpx; |
|
|
|
margin: 0 2%; |
|
|
|
padding: 2% 5%; |
|
|
|
border-bottom: 1px solid #eee; |
|
|
|
} |
|
|
|
|
|
|
|
.view view:nth-of-type(1) { |
|
|
|
font-size: 28rpx; |
|
|
|
color: #888; |
|
|
|
} |
|
|
|
|
|
|
|
.list { |
|
|
|
width: 644rpx; |
|
|
|
border-radius: 16rpx; |
|
|
|
padding: 32rpx; |
|
|
|
margin: 40rpx auto; |
|
|
|
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1); |
|
|
|
} |
|
|
|
|
|
|
|
.list >view { |
|
|
|
height: 60rpx; |
|
|
|
line-height: 60rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.txt1 { |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(85, 85, 85, 1); |
|
|
|
} |
|
|
|
|
|
|
|
.txt2 { |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(255, 106, 106, 1); |
|
|
|
} |
|
|
|
|
|
|
|
.money { |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(85, 85, 85, 1); |
|
|
|
font-size: 26rpx; |
|
|
|
/* width: 123rpx; */ |
|
|
|
padding-right: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.time { |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(125, 125, 125, 1); |
|
|
|
} |
|
|
|
|
|
|
|
.status1 { |
|
|
|
color: #659ef6; |
|
|
|
} |
|
|
|
|
|
|
|
.status2 { |
|
|
|
color: #eea959; |
|
|
|
} |
|
|
|
|
|
|
|
.status3 { |
|
|
|
color: #ff6a6a; |
|
|
|
} |
|
|
|
|
|
|
|
.status4 { |
|
|
|
color: #8aaa6b; |
|
|
|
} |
|
|
|
|
|
|
|
.btn { |
|
|
|
float: right; |
|
|
|
height: 52rpx; |
|
|
|
line-height: 52rpx; |
|
|
|
background: rgba(101, 158, 246, 1); |
|
|
|
border-radius: 10rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 500; |
|
|
|
padding: 0 25rpx; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
} |
|
|
|
|
|
|
|
/* .active1 { |
|
|
|
opacity: 0.6; |
|
|
|
} */ |
|
|
|
|
|
|
|
.btns { |
|
|
|
width:137rpx; |
|
|
|
margin-top: 21rpx; |
|
|
|
background: #52a0fd; |
|
|
|
border-radius: 8rpx; |
|
|
|
color: #fff; |
|
|
|
font-size: 26rpx; |
|
|
|
height: 64rpx; |
|
|
|
line-height: 64rpx; |
|
|
|
} |
|
|
|
.active2{ |
|
|
|
border: 1px solid #52a0fd!important; |
|
|
|
color: #52a0fd!important; |
|
|
|
} |
|
|
|
.recond{ |
|
|
|
text-align: center; |
|
|
|
font-size: 30rpx; |
|
|
|
margin-top: 60rpx; |
|
|
|
} |
|
|
|
.active3{ |
|
|
|
color: #659ef6; |
|
|
|
} |
|
|
|
.loading{ |
|
|
|
text-align: center; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #999; |
|
|
|
/* padding: 20rpx 0 40rpx; */ |
|
|
|
} |
|
|
|
.mr{ |
|
|
|
margin-top: 200rpx!important; |
|
|
|
} |