body {
  background: url("../images//policy_consultation/img_bg.png") center top no-repeat;
}

.header {
  height: 304px;
  text-align: center;
}

.header .logo {
  padding-top: 34px;
  display: block;
}

.header .title {
  display: block;
  margin: 79px auto 0;
}

.viewer {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #e1ecf9;
          box-shadow: 0px 0px 20px 0px #e1ecf9;
  border-radius: 10px;
  padding: 16px 22px;
}

.viewer .module > .title {
  height: 59px;
  line-height: 58px;
  font-family: "SourceHanSansCN-Medium";
  font-size: 24px;
  color: #333333;
  padding-left: 37px;
  border-bottom: 1px solid #cfe6f5;
  background-position: left center;
  background-repeat: no-repeat;
}

.viewer .module > .content {
  height: calc(100% - 59px);
}

.hot {
  width: 738px;
  height: 440px;
}

.hot .title {
  background-image: url("../images/policy_consultation/icon_hot_title.png");
}

.hot .hot-list .hot-list-item > a {
  display: block;
  height: 96px;
  border-bottom: 1px solid #e5ebf2;
  position: relative;
}

.hot .hot-list .hot-list-item > a .item-icon {
  width: 53px;
  height: 52px;
  background: url("../images/policy_consultation/img_hot.png") center no-repeat;
  margin-top: 22px;
  margin-right: 16px;
}

.hot .hot-list .hot-list-item > a .item-infos {
  margin-top: 22px;
  width: calc(100% - 53px - 16px);
}

.hot .hot-list .hot-list-item > a .item-infos .item-title {
  font-size: 18px;
  color: #333333;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot .hot-list .hot-list-item > a .item-infos .item-hits,
.hot .hot-list .hot-list-item > a .item-infos .item-time {
  margin-top: 16px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot .hot-list .hot-list-item > a .item-infos .item-hits {
  width: 217px;
}

.hot .hot-list .hot-list-item > a .item-infos .item-time {
  width: calc(100% - 217px);
}

.hot .hot-list .hot-list-item > a::before {
  content: '';
  width: 53px;
  height: 0;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-bottom: 1px solid #ff7e20;
}

.hot .hot-list .hot-list-item > a:hover {
  border-color: #ff7e20;
}

.hot .hot-list .hot-list-item > a:hover .item-title {
  color: #ff7e20;
}

.hot .hot-list .hot-list-item.new .item-icon {
  background: url("../images/policy_consultation/img_new.png") center no-repeat;
  background-size: 100% 100%;
}

.files {
  width: 383px;
  height: 440px;
}

.files .title {
  background-image: url("../images/policy_consultation/icon_files_title.png");
}

.files .files-cells .files-cell {
  height: 45px;
  line-height: 45px;
  margin-top: 27px;
}

.files .files-cells .files-cell .cell-label {
  width: 94px;
  font-size: 18px;
  color: #333333;
}

.files .files-cells .files-cell .cell-val {
  height: 100%;
  width: calc(100% - 94px);
}

.files .files-cells .files-cell .cell-val select {
  opacity: 0;
}

.files .files-cells .files-cell .cell-val > input {
  width: calc(50% - 4px);
}

.files .files-cells .input-tips {
  position: relative;
}

.files .files-cells .input-tips label {
  position: absolute;
  left: 13px;
  height: 45px;
  top: 0;
  line-height: 45px;
  font-size: 16px;
  color: #999999;
}

.files .files-cells .input-tips input {
  width: 100%;
}

.files .files-cells input {
  font-size: 16px;
  /* color: #999999; */
  height: 45px;
  border-radius: 4px;
  border: solid 1px #e5ebf2;
  padding: 0 12px;
}

.files .files-cells .files-cell:first-child {
  margin-top: 19px;
}

.files .files-cells #start-time,
.files .files-cells #end-time {
  background: url("../images/policy_consultation/img_dete.png") right 9px center no-repeat;
}

.files .files-btns {
  text-align: center;
  margin-top: 39px;
}

.files .files-btns button {
  width: 140px;
  height: 45px;
  border-radius: 4px;
  font-size: 18px;
  cursor: pointer;
  margin: 0 8px;
}

.files .files-btns #search {
  color: #fff;
  background-color: #4187e3;
}

.files .files-btns #reset {
  color: #4187e3;
  background-color: #ffffff;
  border: solid 1px #4187e3;
}

.sel .chosen-container-single .chosen-single,
.files-cell .chosen-container-single .chosen-single {
  height: 45px;
  line-height: 43px;
  border-radius: 4px;
  border-color: #e7edf3;
  padding-left: 13px;
}

.sel .chosen-container-single .chosen-single > span,
.files-cell .chosen-container-single .chosen-single > span {
  font-size: 16px;
  color: #999999;
  margin-right: 60px;
}

.sel .chosen-container .chosen-drop,
.sel .chosen-container-active.chosen-with-drop .chosen-single,
.files-cell .chosen-container .chosen-drop,
.files-cell .chosen-container-active.chosen-with-drop .chosen-single {
  border-color: #4187e3;
}

.sel .chosen-container-single.chosen-with-drop .chosen-single span,
.files-cell .chosen-container-single.chosen-with-drop .chosen-single span {
  color: #333333;
}

.sel .active-result,
.files-cell .active-result {
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  background-color: #fff !important;
  padding: 8px 44px 8px 8px !important;
}

.sel .active-result.highlighted,
.files-cell .active-result.highlighted {
  color: #4187e3 !important;
}

.sel .active-result.result-selected,
.files-cell .active-result.result-selected {
  color: #4187e3;
  background: #fff url("../images/policy_consultation/icon_select_checked.png") right 14px center no-repeat;
}

.sel .chosen-container-single .chosen-single div,
.files-cell .chosen-container-single .chosen-single div {
  width: 50px;
}

.sel .chosen-container-single .chosen-single div b,
.files-cell .chosen-container-single .chosen-single div b {
  background: url("../images/policy_consultation/img_file_sel.png") center no-repeat !important;
}

.sel .chosen-container-active.chosen-with-drop .chosen-single div b,
.files-cell .chosen-container-active.chosen-with-drop .chosen-single div b {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

input:focus {
  border-color: #4187e3 !important;
  color: #333333 !important;
}

.tabview .tab-nav {
  cursor: pointer;
}

.tabview .tab-page {
  display: none;
}

.policy-notices {
  margin-top: 54px;
  margin-bottom: 24px;
}

.policy-notices .policy-notice-item {
  height: 105px;
  -webkit-box-shadow: 2px 4px 9px 0px rgba(32, 61, 141, 0.21);
          box-shadow: 2px 4px 9px 0px rgba(32, 61, 141, 0.21);
  border-radius: 4px;
  padding-left: 148px;
  padding-top: 30px;
  width: calc(33.33% - (29px * 2 / 3));
  margin-right: 29px;
  position: relative;
}

.policy-notices .policy-notice-item > .item-name {
  font-family: "SourceHanSansCN-Bold";
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 1px;
  color: #ffffff;
}

.policy-notices .policy-notice-item > .item-ename {
  font-family: "SourceHanSansCN-Medium";
  font-size: 14px;
  line-height: 40px;
  color: #ffffff;
}

.policy-notices .policy-notice-item::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 98px;
  width: 39px;
  height: 24px;
  display: none;
}

.policy-notices .policy-notice-item:last-child {
  margin-right: 0;
}

.policy-notices .policy-notice-item:nth-of-type(1) {
  background: url("../images//policy_consultation/img_policy_notice1.png") center no-repeat;
  background-size: 100% 100%;
}

.policy-notices .policy-notice-item:nth-of-type(1).active::after {
  display: block;
  background: url("../images//policy_consultation/img_policy_notice1_h.png") center no-repeat;
  background-size: 100% 100%;
}

.policy-notices .policy-notice-item:nth-of-type(2) {
  background: url("../images//policy_consultation/img_policy_notice2.png") center no-repeat;
  background-size: 100% 100%;
}

.policy-notices .policy-notice-item:nth-of-type(2).active::after {
  display: block;
  background: url("../images//policy_consultation/img_policy_notice2_h.png") center no-repeat;
  background-size: 100% 100%;
}

.policy-notices .policy-notice-item:nth-of-type(3) {
  background: url("../images//policy_consultation/img_policy_notice3.png") center no-repeat;
  background-size: 100% 100%;
}

.policy-notices .policy-notice-item:nth-of-type(3).active::after {
  display: block;
  background: url("../images//policy_consultation/img_policy_notice3_h.png") center no-repeat;
  background-size: 100% 100%;
}

.policy-notices > .tab-bd {
  height: min-592px;
  margin-top: 34px;
}

.policy-notices > .tab-bd > .tab-page {
  height: 100%;
  padding-top: 14px;
  background-image: linear-gradient(to bottom, #f8f9ff 0%, #fff 76px);
  padding: 14px 20px 0;
}

.policy-notices > .tab-bd > .tab-page .infos-hd {
  height: 62px;
  border-bottom: 1px solid #eff3f7;
}

.policy-notices > .tab-bd > .tab-page .infos-hd .info-type {
      padding: 0px 4px;
    margin-left: 10px;
    font-size: 18px;
    line-height: 61px;
    color: #333333;
    letter-spacing: 1px;
    cursor: pointer;
}

.policy-notices > .tab-bd > .tab-page .infos-hd .info-type.active {
  font-family: "SourceHanSansCN-Bold";
  font-size: 20px;
  position: relative;
}

.policy-notices > .tab-bd > .tab-page .infos-hd .info-type.active::after {
  bottom: -1px;
  left: 0;
  height: 3px;
  background-color: #4187e3;
  content: '';
  position: absolute;
  width: 100%;
}

.policy-notices > .tab-bd > .tab-page .infos-hd .info-type:first-child {
  margin-left: 0;
}

.policy-notices > .tab-bd > .tab-page .infos-hd .keyword {
  width: 248px;
  height: 42px;
  margin-top: 9px;
  position: relative;
}

.policy-notices > .tab-bd > .tab-page .infos-hd .keyword label {
  position: absolute;
  height: 100%;
  top: 0;
  left: 14px;
  font-size: 16px;
  line-height: 42px;
  color: #999999;
}

.policy-notices > .tab-bd > .tab-page .infos-hd .keyword .keyword-input {
  border: solid 1px #e5ebf2;
  border-radius: 4px;
  padding: 0 14px;
  height: 100%;
  padding-right: 46;
  width: 100%;
  font-size: 16px;
  color: #999999;
}

.policy-notices > .tab-bd > .tab-page .infos-hd .keyword .keyword-btn {
  position: absolute;
  right: 1px;
  top: 1px;
  height: 40px;
  width: 46px;
  cursor: pointer;
  background: #fff url("../images/policy_consultation/icon_search.png") center no-repeat;
}

.policy-notices > .tab-bd > .tab-page .infos-hd .sel {
  width: 136px;
  height: 42px;
  margin-right: 14px;
  margin-top: 9px;
}

.list {
  margin-top: 20px;
}

.list .list-item > a {
  display: block;
  padding-left: 20px;
  height: 44px;
  line-height: 44px;
  position: relative;
}

.list .list-item > a .item-name {
  width: calc(100% - 204px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #333333;
}

.list .list-item > a .item-time {
  width: 204px;
  padding-right: 4px;
  font-size: 16px;
  color: #888888;
  text-align: right;
}

.list .list-item > a::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #333;
}

.list .list-item > a:hover .item-name,
.list .list-item > a:hover .item-time {
  color: #ff7e20;
}

.list .list-item > a:hover::before {
  background-color: #ff7e20;
}

.pager {
  margin-top: 30px;
  text-align: center;
}


.chosen-container {
    width: 312px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.chosen-container-single .chosen-single div b {
    width: 28px;
    height: 43px;
    background: url(../images/sel_ico.png) left center no-repeat;
}