@charset "UTF-8";
/*
 * @Descripttion: 社保查询专区
 * @Author: xulei
 * @Date: 2023-10-26 15:52:03
 * @LastEditors: xulei
 * @LastEditTime: 2023-10-27 14:55:12
 */
.banner {
  height: 240px;
  padding-top: 89px;
  background: url(../images/banner.jpg) center no-repeat;
}

.content {
  padding-bottom: 60px;
}

.list {
  min-height: 432px;
  padding-bottom: 1px;
  margin: 40px auto;
  background: #fff;
  -webkit-box-shadow: 0px 2px 30px 0px rgba(161, 179, 197, 0.2);
  box-shadow: 0px 2px 30px 0px rgba(161, 179, 197, 0.2);
  padding: 56px 0 20px;
}

.title {
  height: 60px;
  background: url("../images/list-title.png") no-repeat center;
}

.zone-list {
  padding: 20px 17px 0;
}

.zone-item {
  margin: 16px 20px;
  width: calc(33.33% - 40px);
  height: 82px;
  line-height: 82px;
  background: #f1f8ff;
  border: 1px solid transparent;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.zone-item > a {
  color: #333;
  font-size: 20px;
  display: block;
  height: 100%;
  padding: 0 32px 0 77px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url("../images/icon-item.png") no-repeat 45px center;
}

.zone-item:hover {
  border: 1px solid #0a95fc;
  background: #f1f8ff;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(1, 71, 154, 0.15);
          box-shadow: 0px 4px 20px 0px rgba(1, 71, 154, 0.15);
}