H5_module/merchant/nearby/nearby.css

/* pages/nearby/nearby.wxss */
page{padding-bottom: 30rpx;}
.ssbox{padding: 30rpx; justify-content: center; align-items: center;}
.search{background: #fff;height: 70rpx;border-radius: 35rpx;padding: 0 30rpx;font-size: 26rpx;color: #B3B3B3;}
.search-text{justify-content: center;}
.search image{width: 30rpx;height: 30rpx;margin-right: 13rpx;}
.search input{margin-right: 13rpx;color: #333;}
.placeholder{color: #B3B3B3;}
.tits{font-size: 24rpx;color: #666;margin: 40rpx 30rpx 20rpx;}
.list .li{background: #fff; margin-bottom: 30rpx;border-radius: 20rpx;position: relative;box-sizing: border-box;padding: 25rpx 0 30rpx 30rpx;}
.list .li .cont{border-bottom: 2rpx solid #f4f4f4;overflow: hidden;align-items: center;padding: 35rpx 30rpx;}
.list .li.active{border: 1rpx solid #009AFF;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.07);}
.dangqian{width: 64rpx;height: 56rpx;z-index: 1;position: absolute;right: 0;bottom: 0;border-radius: 0 0 20rpx 0;}
.li-l{border-right: 1rpx solid #f5f5f5;padding-right: 30rpx;}
.name{align-items: center;font-size: 30rpx;color: #333;}
.name image{width: 40rpx;height: 40rpx;border-radius: 50%;margin-right: 10rpx;}
.dizhi{font-size: 24rpx;color: #999;line-height: 36rpx;margin-top: 8rpx;}
.li-r{width: 205rpx;padding: 0 30rpx;box-sizing: border-box;}
.yue{font-size: 24rpx;color: #999;text-align: center;}
.yue text{color: #009AFF;}
.btn{justify-content: space-between;margin-top: 32rpx;}
.btn image{width: 60rpx;height: 60rpx;background: #F8F8F8;border-radius: 50%;}
.sta{margin-top: 10rpx;}
.sta text{display: block;height: 40rpx;border: 1rpx solid #009AFF;border-radius: 5rpx;font-size: 24rpx;color: #009AFF;line-height: 40rpx;padding: 0 9rpx;margin-right: 15rpx;}
.sta text.rest{color: #999;border-color: #999;}
.d-type{position: absolute;right: 0;top: 0;height: 42rpx;background: var(--mina);border-radius: 0 20rpx 0 20rpx;font-size: 20rpx;color: #fff;padding: 0 22rpx;line-height: 42rpx;}

.gray{color: #999;}
.picker{justify-content: center;align-items: center;}
.picker image{width: 18rpx; height: 10rpx; margin-left: 10rpx;}
.section{border-right: 1rpx solid #999999; margin-right: 10rpx;}
.sousuo{margin-left: 34rpx; font-size: 28rpx;}
.shibai{width: 26rpx;height: 26rpx;border-radius: 50%;background-color: #FD0418;color: #fff;text-align: center;margin: 7rpx;font-size: 19rpx;}
.dwsb{color: red;}
.bottom{padding: 20rpx 30rpx; justify-content: space-between;}
.bottom_left image{width: 54rpx;height: 54rpx;}
.bottom_right{align-items: center; font-size: 26rpx; color: #999999;}
.bottom_right image{width: 28rpx; height: 28rpx; margin-left: 10rpx;}
.kjpop{position: fixed;top: 50%;transform: translateY(-50%);left: 85rpx;right: 85rpx;background: #fff;border-radius: 20rpx;z-index: 100;overflow: hidden;}
.top {height: 100rpx;}
.top image{width: 100%;height: 100rpx;}
.kjpop .cont{padding: 40rpx 44rpx;}
.kjpop .cont text{font-size:24rpx ; color: #707070;}
.kjpop .cont .title{text-align: center; font-size: 28rpx;color: #DC1515; font-weight: bold;margin-top: 48rpx;margin-bottom: 50rpx;}
.kjpop .cont .btn{width: 430rpx; height: 60rpx;border-radius: 40rpx;border: 2rpx solid #DE1F20; color: #DE1E1F; font-size: 28rpx;text-align: center; line-height: 60rpx;margin: 0 auto;}