newXLSC/unpackage/dist/dev/mp-weixin/components/lee-select-city/lee-select-city.wxss

@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
.lee-select-city {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #ffffff;
}
.swiper {
  flex: 1;
  width: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
}
.swiper-wrapper {
  width: 300%;
  height: 100%;
  display: flex;
  position: relative;
}
.swiper-item {
  width: calc(100% / 3);
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.swiper-content {
  position: relative;
  box-sizing: border-box;
  padding: 30rpx;
}
.swiper-content > .caption {
  color: #999;
  font-size: 28rpx;
  margin-bottom: 30rpx;
}
.swiper-content > .caption > .action {
  float: right;
}
.lee-select-display {
  padding: 30rpx;
  box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.15);
}
.lee-select-display-item {
  height: 80rpx;
  line-height: 80rpx;
  box-sizing: border-box;
  padding: 0 30rpx;
  font-size: 28rpx;
  border-left: 1px solid #5dbc7c;
  position: relative;
}
.lee-select-display-item.active {
  color: #5dbc7c;
}
.lee-select-display-item::before {
  content: '';
  top: 0;
  left: -4rpx;
  width: 8rpx;
  height: 50%;
  background-color: #ffffff;
  position: absolute;
  display: none;
}
.lee-select-display-item:first-child::before, .lee-select-display-item:last-child::before {
  display: block;
}
.lee-select-display-item:last-child::before {
  top: 50%;
}
.lee-select-display-item::after {
  top: 50%;
  left: 0;
  content: '';
  width: 14rpx;
  height: 14rpx;
  border-radius: 50%;
  position: absolute;
  background-color: #5dbc7c;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lee-select-display-item:last-child::after {
  background-color: #999;
}
.gird {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 30rpx;
}
.gird-item {
  width: 20%;
  height: 80rpx;
  box-sizing: border-box;
  padding: 10rpx;
}
.gird-item > view {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28rpx;
  background-color: #f1f1f1;
  border-radius: 8rpx;
}
.current-position {
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  font-size: 28rpx;
  margin-bottom: 30rpx;
  color: #5dbc7c;
  background-color: #edf8f1;
  border-radius: 8rpx;
}