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.
1 line
1.8 KiB
1 line
1.8 KiB
3 years ago
|
.cityselect{width:100%;height:75%;background-color:#fff;z-index:1502;position:relative;padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.cityselect .cityScroll{height:100%}.cityselect .swiper{height:800rpx}.cityselect-header{width:100%;z-index:1}.cityselect-title{width:100%;font-size:30rpx;text-align:center;height:95rpx;line-height:95rpx;position:relative}.cityselect-title:cityselect-title:after{height:1px;position:absolute;z-index:0;bottom:0;left:0;content:"";width:100%;background-image:-webkit-linear-gradient(bottom,#ececec 50%,transparent 0);background-image:linear-gradient(0deg,#ececec 50%,transparent 0)}.cityselect-nav{width:100%;padding-left:20rpx;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.cityselect-nav .item{font-size:26rpx;color:#222;display:block;height:80rpx;line-height:92rpx;padding:0 16rpx;position:relative;margin-right:30rpx;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.cityselect-nav .item.active{color:#f99c10!important;border-bottom:1rpx solid #f99c10}.cityselect-content{height:100%;width:100%}.cityselect-item .cityselect-item-box{display:block;padding:0 40rpx;position:relative;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;text-overflow:ellipsis;line-height:64rpx;max-height:65rpx;font-size:26rpx;color:#333}.cityselect-item .cityselect-item-box:after{content:"";height:1rpx;position:absolute;z-index:0;bottom:0;left:0;width:100%;background-image:-webkit-linear-gradient(bottom,#ececec 50%,transparent 0);background-image:linear-gradient(0deg,#ececec 50%,transparent 0)}
|