@import "colorui/main.wxss";
@import "colorui/icon.wxss";

.no_more {
  width: 100%;
  color: #3f4245;
  text-align: center;
  padding: 10rpx 0;
}

.bg-lw-header {
  background-color: #e60012;
  color: white;
}

.lw-red {
  background-color: #e60012 !important;
  color: white;
}

/* 搜索框 */
.lw-search {
  width: 624rpx;
  height: 60rpx;
  border: 2rpx solid #dfe3ea;
  display: flex;
  align-items: center;
  border-radius: 40rpx;
  margin-left: 63rpx;
  overflow: hidden;
}

.lw-search .action {
  text-align: center;
  width: 102rpx;
  padding-left: 8rpx;
  background-color: white;
  height: 60rpx;
  line-height: 60rpx;
}

.lw-search .search-form {
  width: 442rpx;
  background-color: #dfe3ea;
  height: 60rpx;
  display: flex;
  align-items: center;
}

.lw-search .search-form input {
  padding-left: 30rpx;
  width: 100%;
}

.lw-search .search-form .placeholder {
  color: #687a9c;
}

.lw-search .search-icon {
  background-color: #dfe3ea;
  width: 80rpx;
  height: 60rpx;
  padding-left: 20rpx;
  display: flex;
  align-items: center;
}

/* 列表 */
.lw-list {
  background-color: #efefef;
}

.lw-list .lw-item {
  background-color: white;
  margin: 10rpx;
  border: 2rpx solid #cccccc;
  border-radius: 10rpx;
  box-shadow: 0 0 4rpx #e8e8e8;
  padding: 10rpx 22rpx 0 22rpx;
}

.lw-list .lw-item .title {
  font-size: 28rpx;
  color: #221815;
}

.lw-list .lw-item .content {
  height: 150rpx;
  display: flex;
  margin: 20rpx 0;
}

.lw-list .lw-item .content>image {
  width: 284rpx;
  height: 150rpx;
  border-radius: 6rpx;
}

.lw-list .lw-item .content .desc {
  width: 400rpx;
  margin-left: 20rpx;
}

.lw-list .lw-item .content .desc .text-content {
  color: #858585;
  font-size: 22rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 36rpx;
  height: 72rpx;
}

.lw-list .lw-item .content .desc .text-join {
  color: #858585;
  font-size: 22rpx;
  height: 46rpx;
  line-height: 40rpx;
}

/* 站点 */
.site-list {
  background-color: #efefef;
}

.site-list .site-item {
  background-color: white;
  margin: 10rpx;
  border: 2rpx solid #cccccc;
  border-radius: 10rpx;
  box-shadow: 0 0 4rpx #e8e8e8;
  display: flex;
  padding: 20rpx 10rpx;
}

.site-item .main_image {
  width: 280rpx;
  height: 190rpx;
  margin-right: 20rpx;
}

.site-item .content {
  width: 430rpx;
}

.site-list .site-item .site-name {
  color: #221815;
  font-size: 28rpx;
  height: 80rpx;
}

.site-list .site-item .site-address {
  height: 40rpx;
  display: flex;
  align-items: center;
  color: #858585;
  font-size: 22rpx;
}

.site-item .content .site-address .address {
  width: 390rpx;
}

.site-list .site-item .site-address image {
  width: 30rpx;
  height: 30rpx;
  margin-right: 10rpx;
}

.site-list .site-item .site-mobile {
  margin-top: 40rpx;
  display: flex;
  align-items: center;
  color: #858585;
  font-size: 22rpx;
}

.site-list .site-item .site-mobile image {
  width: 40rpx;
  height: 30rpx;
  margin-right: 10rpx;
}