86 lines
1.4 KiB
Plaintext
86 lines
1.4 KiB
Plaintext
|
.search{
|
||
|
|
width: 720rpx;
|
||
|
|
height: 50rpx;
|
||
|
|
margin: 10rpx auto;
|
||
|
|
border-radius: 5rpx;
|
||
|
|
padding: 0 10rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
color: #ddd;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
}
|
||
|
|
swiper{height: 200rpx;}
|
||
|
|
.swiper-box{
|
||
|
|
width: 100%;
|
||
|
|
padding: 0 30rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border-bottom: 5px solid #ddd;
|
||
|
|
}
|
||
|
|
.swiper-scroll{
|
||
|
|
display: flex;
|
||
|
|
width: 100%;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
align-content: flex-start;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.swiper-part{
|
||
|
|
width: 158rpx;
|
||
|
|
height: 60rpx;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
align-self: flex-start;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #5E5E5E;
|
||
|
|
background: #CBCBCB;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
border-radius: 35rpx;
|
||
|
|
}
|
||
|
|
.venue-list{
|
||
|
|
width: 690rpx;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding-bottom: 20rpx;
|
||
|
|
}
|
||
|
|
.venue-box{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 15rpx;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
margin-top: 20rpx;
|
||
|
|
}
|
||
|
|
.venue-pic{
|
||
|
|
width: 35%;
|
||
|
|
height: 180rpx;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.venue-img{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.venue-info{
|
||
|
|
width: 63%;
|
||
|
|
}
|
||
|
|
.venue-title{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.venue-name{
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 32rpx;
|
||
|
|
}
|
||
|
|
.venue-pay{
|
||
|
|
background: green;
|
||
|
|
color: #fff;
|
||
|
|
display: inline-block;
|
||
|
|
width: 50rpx;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 36rpx;
|
||
|
|
}
|
||
|
|
.venue-address{
|
||
|
|
font-size: 30rpx;
|
||
|
|
color: #888;
|
||
|
|
margin-top: 20rpx;
|
||
|
|
}
|