@charset "UTF-8";
/*
 * description: 子页公用
 * autor: lyaohui
 * date: 2022-05-20
 */
body {
  background-color: #f0f1f4;
}

/* subpage-banner */
.subpage-banner {
  height: 438px;
  color: #fff;
  background: url("../images/subpage_banner.jpg") bottom no-repeat;
}

.subpage-banner-cont {
  padding-top: 140px;
}

.subpage-name {
  margin-top: 92px;
  line-height: 72px;
  font-size: 72px;
  font-weight: 600;
  font-size: 48px;
  color: #152b5d;
}

.subpage-name-vertical {
  position: relative;
  line-height: 45px;
  font-size: 30px;
  margin-top: -7px;
  color: #152b5d;
}

/* 面包屑 */
.location {
  padding-left: 23px;
  line-height: 56px;
  font-size: 16px;
  background: url("../images/local_ico.png") left center no-repeat;
}

.location a {
  color: #333;
}

.location span {
  color: #1f96f8;
}

/* 左侧垂直菜单导航 */
.left-nav {
  border-radius: 5px;
  padding-top: 37px;
  width: 230px;
  height: 544px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.left-nav-title {
  padding: 0 27px;
  height: 20px;
  line-height: 20px;
  font-weight: 600;
  font-size: 20px;
  color: #181818;
}

.left-nav-list1 {
  margin-top: 27px;
  height: calc(100% - 84px);
  overflow: auto;
}

.left-nav-item1.hasChild .left-nav-li1:after {
  background-image: url("../images/tree_down_ico.png");
}

.left-nav-item1.hasChild .left-nav-li1:hover:after {
  background-image: url("../images/tree_down_icoh.png");
}

.left-nav-item1.current .left-nav-list2 {
  display: block;
}

.left-nav-item1.current .left-nav-li1 {
  color: #4a87ff;
  background: #fff;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.left-nav-item1.current .left-nav-li1:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #4a87ff;
}

.left-nav-item1.current .left-nav-li1:after {
  background-image: url("../images/tree_r_icoh.png");
}

.left-nav-item1.current.hasChild .left-nav-li1:after {
  background-image: url("../images/tree_up_icoh.png");
}

.left-nav-li1 {
  display: block;
  position: relative;
  padding: 0 90px 0 27px;
  height: 52px;
  line-height: 52px;
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  cursor: pointer;
}

.left-nav-li1 a {
  color: #181818;
}

.left-nav-li1:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 140px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: url("../images/tree_r_ico.png") center no-repeat;
}

.left-nav-li1:hover {
  color: #4a87ff;
  background: #fff;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.left-nav-li1:hover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #4a87ff;
}

.left-nav-li1:hover:after {
  background-image: url("../images/tree_r_icoh.png");
}

.left-nav-list2 {
  display: none;
  padding: 12px 0 8px 0;
  background: rgba(255, 255, 255, 0.3);
}

.left-nav-item2.current .left-nav-li2,
.left-nav-item2:hover .left-nav-li2 {
  color: #4a87ff;
}

.left-nav-li2 {
  display: block;
  padding: 0 27px;
  font-size: 18px;
  height: 37px;
  line-height: 37px;
  color: #181818;
}

/* 右侧 */
.right-wrap {
  width: calc(100% - 251px);
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 右侧头部 */
.label {
  border-bottom: 1px solid rgba(22, 100, 255, 0.2);
  padding: 18px 0 22px 0;
}

.label-name {
  width: 106px;
  height: 32px;
  line-height: 32px;
  text-align: right;
  font-size: 16px;
  color: #181818;
}

.label-items {
  width: calc(100% - 114px);
}

.label-item {
  margin-left: 15px;
  border-radius: 5px;
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #181818;
  cursor: pointer;
}

.label-item:first-child {
  margin-left: 0;
}

.label-item.active {
  color: #fff;
  background: #4a87ff;
}

.label-custom {
  margin: 0 15px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #181818;
}

.label-laydate {
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  padding: 0 28px 0 7px;
  width: 95px;
  height: 30px;
  background: url("../images/laydate_icon.png") 109px no-repeat;
}

.label-laydate:first-child {
  margin-right: 15px;
}

.label-laydate::-webkit-input-placeholder {
  color: #d6d6d6;
}

.label-laydate::-moz-placeholder {
  color: #d6d6d6;
}

.label-laydate:-moz-placeholder {
  color: #d6d6d6;
}

.label-laydate:-ms-input-placeholder {
  color: #d6d6d6;
}

.label-line {
  margin-top: 16px;
}

.label-search {
  margin-left: 8px;
  border-radius: 5px;
  border: 1px solid #4a87ff;
  overflow: hidden;
}

.label-input {
  padding-left: 10px;
  width: 147px;
  height: 30px;
}

.label-input::-webkit-input-placeholder {
  font-weight: 200;
  color: #181818;
}

.label-input::-moz-placeholder {
  font-weight: 200;
  color: #181818;
}

.label-input:-moz-placeholder {
  font-weight: 200;
  color: #181818;
}

.label-input:-ms-input-placeholder {
  font-weight: 200;
  color: #181818;
}

.label-btn {
  width: 53px;
  height: 30px;
  background: url("../images/see_ico.png") center no-repeat;
  cursor: pointer;
}

.label-sure, .label-reset {
  border-radius: 5px;
  width: 72px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

.label-sure {
  margin-left: 23px;
  background: #ff9a3d;
}

.label-reset {
  margin-left: 9px;
  background: #4a87ff;
}