@charset "UTF-8";
/*
 * apply_guide.scss
 * data: 2019-09-11
 * author: [zhqiang]
 */
.guide-tab-hd {
  padding-top: 28px;
  font-size: 0;
  text-align: center;
  position: relative;
  z-index: 9;
}

.guide-tab-hd:after {
  content: '';
  width: 720px;
  border-top: 3px solid #e0f0ff;
  position: absolute;
  top: 64px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}

.guide-tab-hd li {
  display: inline-block;
  width: 180px;
  vertical-align: top;
  font-size: 16px;
  cursor: pointer;
}

.guide-tab-hd li + li {
  margin-left: 180px;
}

.guide-tab-hd li * {
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.guide-tab-hd li i {
  display: inline-block;
  width: 75px;
  height: 75px;
  padding: 3px;
  border-radius: 50%;
  border: 2px solid #e0f0ff;
  background-color: #e0f0ff;
  background-position: center;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
          box-shadow: inset 0 0 0 3px #fff;
}

.guide-tab-hd li h3 {
  height: 47px;
  margin-top: 6px;
  border: 2px solid #e0f0ff;
  padding: 2px;
  line-height: 39px;
  font-size: 16px;
  color: #257ed7;
  background-color: #e0f0ff;
  background-clip: content-box;
}

.guide-tab-hd li.guide-hd-item1 i {
  background-image: url(../images/guide_hd_item1.png);
}

.guide-tab-hd li.guide-hd-item1:hover i, .guide-tab-hd li.guide-hd-item1.active i {
  border-color: #257ed7;
  background-color: #257ed7;
  background-image: url(../images/guide_hd_item1_active.png);
}

.guide-tab-hd li.guide-hd-item1:hover h3, .guide-tab-hd li.guide-hd-item1.active h3 {
  color: #fff;
  border-color: #257ed7;
  background-color: #257ed7;
}

.guide-tab-hd li.guide-hd-item2 i {
  background-image: url(../images/guide_hd_item2.png);
}

.guide-tab-hd li.guide-hd-item2:hover i, .guide-tab-hd li.guide-hd-item2.active i {
  border-color: #257ed7;
  background-color: #257ed7;
  background-image: url(../images/guide_hd_item2_active.png);
}

.guide-tab-hd li.guide-hd-item2:hover h3, .guide-tab-hd li.guide-hd-item2.active h3 {
  color: #fff;
  border-color: #257ed7;
  background-color: #257ed7;
}

.guide-tab-hd li.guide-hd-item3 i {
  background-image: url(../images/guide_hd_item3.png);
}

.guide-tab-hd li.guide-hd-item3:hover i, .guide-tab-hd li.guide-hd-item3.active i {
  border-color: #257ed7;
  background-color: #257ed7;
  background-image: url(../images/guide_hd_item3_active.png);
}

.guide-tab-hd li.guide-hd-item3:hover h3, .guide-tab-hd li.guide-hd-item3.active h3 {
  color: #fff;
  border-color: #257ed7;
  background-color: #257ed7;
}

.guide-tab-bd {
  padding-bottom: 30px;
}

.guide-type {
  text-align: center;
  height: 70px;
  line-height: 70px;
}

.guide-type > * {
  display: inline-block;
  vertical-align: middle;
}

.guide-type h2 {
  line-height: 1em;
  font-size: 22px;
  font-weight: bold;
  color: #184886;
  margin-left: 250px;
  -webkit-box-reflect: below 0 -webkit-linear-gradient(transparent, transparent 30%, rgba(24, 72, 134, 0.4));
}

/* 项目流程图 */
.view-img-wrap {
  width: 1156px;
  height: 734px;
  padding: 25px 45px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  background: url(../images/flow_bg.png) center top no-repeat;
}

.view-img-wrap img {
  max-width: 100%;
  vertical-align: top;
}

.view-common-tip {
  line-height: 50px;
  text-align: right;
  padding-right: 50px;
  color: #999999;
  font-size: 16px;
}

/* 事项材料清单 */
.step-tab-hd {
  padding: 20px 0;
  text-align: center;
  background-color: #f8fbfc;
}

.step-tab-hd li {
  display: inline-block;
  vertical-align: top;
  height: 92px;
  width: 230px;
  padding-top: 14px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.step-tab-hd li + li {
  margin-left: 4px;
}

.step-tab-hd li:hover {
  -webkit-box-shadow: 0px 5px 9px 1px rgba(0, 61, 152, 0.15);
          box-shadow: 0px 5px 9px 1px rgba(0, 61, 152, 0.15);
}

.step-tab-hd li.active {
  background-color: #e0f0ff;
  -webkit-box-shadow: 0px 5px 9px 1px rgba(0, 61, 152, 0.15);
          box-shadow: 0px 5px 9px 1px rgba(0, 61, 152, 0.15);
}

.step-tab-hd li.active span {
  color: #fff;
  border-color: #fff;
  -webkit-box-shadow: 0 0 0 2px #257ed7;
          box-shadow: 0 0 0 2px #257ed7;
  background-color: #257ed7;
}

.step-tab-hd li span {
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 auto;
  border-radius: 50%;
  border: 2px solid #cdcdcd;
  line-height: 30px;
  font-size: 20px;
  color: #666666;
  font-weight: bold;
}

.step-tab-hd li h3 {
  margin-top: 12px;
  font-size: 16px;
  color: #666666;
  line-height: 1em;
}

.material-tip {
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-size: 16px;
  color: #e40009;
}

.material-section {
  width: 950px;
  border: 1px solid #e0f0ff;
  margin: 0 auto;
}

.material-section > .material-title {
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #123068;
  background-color: #bed3ff;
}

.material-section > .material-title span {
  display: inline-block;
  padding: 0 19px;
  font-weight: bold;
  vertical-align: top;
}

.material-section + .material-section {
  margin-top: 30px;
}

.material-table {
  table-layout: fixed;
  width: 100%;
  text-align: center;
  color: #999999;
}

.material-table tr {
  height: 35px;
}

.material-table tr + tr {
  border-top: 1px solid #e0f0ff;
}

.material-table tr:hover {
  background-color: #ffe5e5;
}

.material-table th {
  text-align: center;
  background-color: #f8f8f8;
}

.material-table a {
  color: #257ed7;
}

.material-table a:hover {
  color: #e50113;
}

/* chosen 复写 */
.select-cover {
  width: 250px;
}

.chosen-container {
  margin-left: 10px;
  text-align: left;
}

.chosen-container.chosen-container-single .chosen-single {
  padding: 0 0 0 8px;
  height: 22px;
  line-height: 20px;
  border: 1px solid #336699;
  border-radius: none;
  background-color: #e0f0ff;
}

.chosen-container.chosen-container-single .chosen-single span {
  color: #153774;
  margin-right: 20px;
}

.chosen-container.chosen-container-single .chosen-single div {
  width: 20px;
}

.chosen-container.chosen-container-single .chosen-single div b {
  background: none;
  position: relative;
}

.chosen-container.chosen-container-single .chosen-single div b:after {
  content: '';
  border: 4px solid transparent;
  border-top-color: #153771;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -4px;
}

.chosen-container.chosen-container-active .chosen-single {
  border: 1px solid #336699;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #257ed7;
  background: #257ed7;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.chosen-container.chosen-container-active.chosen-with-drop .chosen-single span {
  color: #fff;
}

.chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b:after {
  margin-top: -6px;
  border-color: transparent transparent #fff transparent;
}

.chosen-container .chosen-drop {
  border: none;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 3px 7px 0px rgba(226, 226, 226, 0.35);
          box-shadow: 0px 3px 7px 0px rgba(226, 226, 226, 0.35);
  right: 0;
  left: auto;
}

.chosen-container .chosen-results {
  max-height: 210px;
  padding: 0;
  margin: 0;
}

.chosen-container .chosen-results li {
  padding: 0 5px;
  line-height: 30px;
  background-color: #e0f0ff;
}

.chosen-container .chosen-results li.highlighted {
  color: #257ed7;
  background: #e0f0ff;
}