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.
40 lines
4.7 KiB
40 lines
4.7 KiB
page{position:relative;overflow-y:hidden;height:100%;}
|
|
/* .search-container{position:relative;z-index:3;overflow:hidden;width:100%;height:100%;background:#fff;}
|
|
.search-tip-bar{display:flex;height:60rpx;border-bottom:2rpx solid #e5e5e5;justify-content:space-between;}
|
|
.search-tip-item{width:33.333333%;height:60rpx;text-align:center;font-size:28rpx;line-height:60rpx;}
|
|
.search-tip-item:after{display:inline-block;margin:-2rpx 0 0 6rpx;width:0;height:0;border-top:8rpx solid #666;border-right:8rpx solid transparent;border-left:8rpx solid transparent;content:"";vertical-align:middle;}
|
|
.search-tip-item.active:after{border-top:0;border-right:8rpx solid transparent;border-bottom:8rpx solid #666;border-left:8rpx solid transparent;} */
|
|
.scroll-view{position:absolute;top:80rpx;right:0;bottom:0;left:0;z-index:4;}
|
|
.list-container{width:100%;background:#fff;}
|
|
.list-wrap{box-sizing:border-box;padding:0 30rpx;width:100%;}
|
|
.list-item{position:relative;margin-top:40rpx; width:100%;box-shadow: rgba(0,0,0,.1) 0 0 20rpx;border-radius:10rpx;}
|
|
.list-item .item-pic{margin:0;width:100%;height:350rpx;border-radius:10rpx 10rpx 0 0;}
|
|
.list-item .item-info .bt{overflow:hidden;padding:10px 2% 15px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:14px;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
|
|
.item-city{position:absolute;top:10px;right:10px;padding:8rpx 15rpx;border:2rpx solid rgba(255,194,48,1);border-radius:25rpx 0 20rpx 0rpx;background:rgba(255,194,48,1);color:#510202;font-size:24rpx;}
|
|
.item-city text{margin:auto 5px;}
|
|
.item-title{position:absolute;top:80px;overflow:hidden;margin-left:5%;width:90%;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
|
|
|
|
.hd_wp_2{/* position:absolute; bottom: 0;background:linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0)); */ padding: 20rpx 0; width: 100%;}
|
|
.hd_bt{color:#333;font-size:30rpx; padding-left: 20rpx; font-weight: 700; padding-bottom: 10rpx;text-overflow:ellipsis;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden; position: relative; }
|
|
.hd_bt:before{ content: ''; display: inline-block; width: 6rpx; height: 24rpx; border-radius: 50%; background: rgb(22, 119, 255); vertical-align: middle; position: absolute; left: 0rpx; top:10rpx }
|
|
.hd_time{color:#999; font-size: 28rpx;padding-left: 20rpx;}
|
|
|
|
/* .item-desc{position:absolute;top:140px;bottom:20rpx;display:block;overflow:hidden;padding:20rpx 0;width:100%;border-bottom-right-radius:10rpx;border-bottom-left-radius:10rpx;background:linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0));color:#fff;text-indent:30rpx;text-overflow:ellipsis;text-shadow:1px 2px 5px #000;text-shadow:0 0 10rpx rgba(0,0,0,.5);white-space:nowrap;font-weight:600;font-size:32rpx;}
|
|
.item-eventdate{position:absolute;top:175px;overflow:hidden;margin-left:5%;width:90%;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:25rpx;opacity:.6;} */
|
|
.sort-page{position:absolute;top:62rpx;right:0;bottom:0;left:0;z-index:10;background:rgba(0,0,0,.5);}
|
|
.sort-group{background:#fff;}
|
|
.sort-item{position:relative;padding:0 30rpx;height:78rpx;border-bottom:2rpx solid #e5e5e5;color:#666;font-size:28rpx;line-height:78rpx;}
|
|
.sort-item-active{color:#1677ff;}
|
|
.sort-item-active:after{position:absolute;top:50%;right:20rpx;display:inline-block;margin-top:-14rpx;width:22rpx;height:18rpx;background:url("") center no-repeat;background-size:contain;content:"";}
|
|
.filter-page{position:absolute;top:62rpx;right:0;bottom:0;left:0;z-index:10;background:#fff;}
|
|
.filter-box{position:absolute;top:0;right:0;bottom:108rpx;left:0;display:-webkit-box;}
|
|
.filter-hd{width:220rpx;height:100%;background:#f2f6f9;}
|
|
.filter-hd-item{position:relative;padding:0 20rpx;height:80rpx;font-size:28rpx;line-height:80rpx;}
|
|
.filter-bd-item-active,.filter-hd-item-active{background:#fff;color:#1677ff;}
|
|
.filter-bd-item-active:after{position:absolute;top:50%;right:20rpx;display:inline-block;margin-top:-14rpx;width:22rpx;height:18rpx;background:url("") center no-repeat;background-size:contain;content:"";}
|
|
.filter-bd{padding:0 20rpx;height:100%;-webkit-box-flex:1;}
|
|
.filter-bd-item{position:relative;padding:0 20rpx;height:78rpx;border-bottom:2rpx solid #e5e5e5;font-size:28rpx;line-height:78rpx;}
|
|
.control-bar-block{position:absolute;right:0;bottom:0;left:0;display:-webkit-box;padding:14rpx 20rpx;height:80rpx;background:#fafafa;}
|
|
.control-back-btn{margin-right:20rpx;width:170rpx;height:76rpx;border:2rpx solid #b8b8b8;border-radius:10rpx;color:#8a8a8a;text-align:center;font-size:26rpx;line-height:76rpx;}
|
|
.control-confirm-btn{height:80rpx;border-radius:10rpx;background:#1677ff;color:#fff;text-align:center;font-size:30rpx;line-height:80rpx;-webkit-box-flex:1;}
|
|
.goTop{position:fixed;right:30rpx;bottom:50rpx;width:80rpx;height:80rpx;border-radius:50%;}
|
|
|