yanglao/addons/service/wxapp/用户端/pages/servers/servers.wxss

/* pages/servers/servers.wxss */
.servers{
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.location_img{
  width: 24rpx;
  height: 24rpx;
}

.more{
  width: 24rpx;
  height: 24rpx;
}

.servers_top{
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.search_box{
  display: flex;
  align-items: center;
  background: #fff;
  width: 686rpx;
  height: 80rpx;
  box-sizing: border-box;
  flex-shrink: 0;
}
.search_img{
  width: 24rpx;
  height: 24rpx;
}


.search{
  width: 95vw;
  margin: 0 auto;
  box-sizing: border-box;
}
.van-cell__left-icon-wrap{
  margin-top: 8rpx;
}

.right-icon{
  color: #fff;
  background-color: #62CB81;
  border-radius: 40rpx;
  width: 90rpx;
  height: 58rpx;
}

.input_box{
  width: 90%;
  color: #999;
}
.scrollbox{
  width: 100vw;
  white-space: nowrap;
  height: 70rpx;
}
.tipsbox{
  display: flex;
  align-items: center;
}
.tipsitem{
  padding: 10rpx 20rpx;
  border-radius: 15rpx;
  font-size: 26rpx;
}
.active{
  font-size: 26rpx;
  padding: 10rpx 20rpx;
  border-radius: 15rpx;
  color: var(--maingreencolor);
}
.active:nth-child(n+2){
  margin-left: 40rpx;
}
.tipsitem:nth-child(n+2){
  margin-left: 40rpx;
}




.servers .van-tabs__scroll {
  background: transparent ;
}


.servers_main{
  flex: 1;
  overflow: hidden;
}
.skill_box{
  height: 100%;
  box-sizing: border-box;
}