page{
  height: 100%;
}
.container{
  height: 100%;
  padding-bottom: calc(env(safe-area-inset-bottom) / 2 + 100rpx);
}
/*screen*/

.tui-header-screen {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  position: fixed;
  z-index: 1000;
}

.tui-search-model {
  width: 100%;
  position: absolute;
  background: #fff;
  border-bottom-left-radius: 24rpx;
  border-bottom-right-radius: 24rpx;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 10rpx;
  padding-bottom: 26rpx;
  left: 0;
  top: 88rpx;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  z-index: 999;
}

.tui-search-model-show {
  visibility: visible;
}

.tui-search-model-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.tui-mask-show {
  opacity: 1;
  visibility: visible;
}

.tui-search-model-item {
  color: #333;
  font-size: 28rpx;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}

.tui-attr-btnbox {
  width: 100%;
  box-sizing: border-box;
  padding: 0 30rpx;
  background: #fff;
}

.tui-attr-safearea {
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.tui-safearea-bottom {
  width: 100%;
}

.tui-attr-btnbox::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-top: 1rpx solid #eaeef1;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.tui-drawer-btn {
  width: 47%;
  text-align: center;
  height: 60rpx;
  border-radius: 30rpx;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.tui-drawerbtn-black {
  border: 1rpx solid #555;
}

.tui-drawerbtn-primary {
  background: #e41f19;
  color: #fff;
}

	.tui-line-cell {
		width: 100%;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.tui-title {
		font-size: 24rpx;
		line-height: 24rpx;
		flex-shrink: 0;
	}

	.tui-input {
		font-size: 24rpx;
		color: #333;
		padding-left: 20rpx;
		flex: 1;
	}
	.phcolor{
		font-size: 24rpx;
  }
  
	.tui-top-item {
		height: 28rpx;
		line-height: 28rpx;
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 16rpx;
	}
/**list**/

.store-grid{
  margin-top: 200rpx;
}
.store-list-row{
  display: flex;
  align-items: center;
  position: relative;
}
.store-list-row .store-name{
  font-weight: 600;
}

.store-list-row .store-mobile{
  font-size:24rpx;
  color:#999;
}

.store-list-row .store-img{
  float:right;
  flex-direction: column;
  align-items: center;
  height:100rpx;
  width:100rpx;
}
.store-list-row .store-img image{
  height:100rpx;
  width:100rpx;
}