You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
187 lines
2.9 KiB
187 lines
2.9 KiB
.front {
|
|
background-color: #fff;
|
|
margin-bottom: 20rpx;
|
|
padding: 20rpx 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.front .title {
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
}
|
|
.van-popup{
|
|
height: 1000rpx;
|
|
}
|
|
._row{
|
|
margin-top: 20rpx;
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
._row button::after {
|
|
border: none !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
._row button {
|
|
background-color: transparent !important;
|
|
padding: 0 !important;
|
|
line-height: inherit !important;
|
|
margin: 0 !important;
|
|
width: auto !important;
|
|
font-weight: 500 !important;
|
|
border-radius: none !important;
|
|
}
|
|
|
|
|
|
|
|
._block {
|
|
background: #fff;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
._block ._title {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
color: #181818;
|
|
padding: 30rpx;
|
|
}
|
|
|
|
._block ._title ._icon {
|
|
width: 8rpx;
|
|
height: 36rpx;
|
|
background: #FF446B;
|
|
border-radius: 4rpx;
|
|
margin: 0 20rpx 0 0;
|
|
}
|
|
|
|
._block ._flex {
|
|
display: flex;
|
|
white-space: nowrap;
|
|
margin: 0 30rpx;
|
|
width: 690rpx;
|
|
}
|
|
|
|
._block ._text {
|
|
padding: 0 48rpx 30rpx 68rpx;
|
|
font-size: 28rpx;
|
|
color: #363636;
|
|
}
|
|
|
|
._block ._flex ._img {
|
|
border-radius: 8rpx;
|
|
width: 540rpx;
|
|
height: 360rpx;
|
|
margin: 0 10rpx;
|
|
}
|
|
|
|
._block .img1 {
|
|
margin: 0 30rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
._block .img1 .img1_list {
|
|
width: 690rpx;
|
|
vertical-align: top;
|
|
margin-top: -1rpx;
|
|
}
|
|
|
|
._block .img1 .roll {
|
|
text-align: center;
|
|
margin: 20rpx 0;
|
|
font-size: 24rpx;
|
|
color: #1394F2;
|
|
}
|
|
|
|
._bottom {
|
|
display: flex;
|
|
align-items: center;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 128rpx;
|
|
background: #FFFFFF;
|
|
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
._tip {
|
|
font-size: 28rpx;
|
|
|
|
color: #181818;
|
|
flex: 1;
|
|
margin: 0 40rpx;
|
|
}
|
|
|
|
._button {
|
|
|
|
margin: 0 40rpx;
|
|
}
|
|
|
|
.disabled_ {
|
|
background: #D0D0D0 !important;
|
|
}
|
|
|
|
.pop_title {
|
|
font-size: 32rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
margin: 30rpx;
|
|
}
|
|
|
|
.pop_row {
|
|
display: flex;
|
|
}
|
|
|
|
._month {
|
|
font-size: 24rpx;
|
|
color: #181818;
|
|
margin: 5rpx 10rpx 0 20rpx;
|
|
width: 42rpx;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
._city {
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
color: #181818;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 3rpx 10rpx 0 10rpx;
|
|
}
|
|
|
|
.dot {
|
|
width: 4rpx;
|
|
height: 4rpx;
|
|
background: #D8D8D8;
|
|
margin: 5rpx;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
._content {
|
|
flex: 1;
|
|
margin: 0 10rpx;
|
|
font-size: 24rpx;
|
|
color: #181818;
|
|
}
|
|
|
|
.pop_button{
|
|
width: 128rpx;
|
|
height: 44rpx;
|
|
line-height: 44rpx;
|
|
background: linear-gradient(90deg, #FF4284 0%, #FF1D42 100%);
|
|
border-radius: 44rpx;
|
|
font-size: 20rpx;
|
|
color: #FFFFFF;
|
|
margin: 0 20rpx 0 20rpx;
|
|
}
|
|
|