/**
 * communique
 * date: 2025-10-14
 * author: xhz;
 */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}

body {
  background: #DEF6FF url(../images/body-bg.png) no-repeat top center;
}

.main-container {
  margin: 0 auto;
  width: 1140px;
}

.communique {
  padding-top: 90px;
  padding-bottom: 60px;
}

.communique * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.communique-area {
  position: relative;
  min-height: 1691px;
  padding-top: 109px;
  padding-bottom: 40px;
  background: #0263B7;
}

.communique-area::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -44px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 128px;
  height: 128px;
  background: url("../images/icon-logo.png") center no-repeat;
  background-size: 100% 100%;
}

.communique-name {
  font-weight: 900;
  font-size: 40px;
  color: #ffffff;
  line-height: 60px;
  text-align: center;
}

.communique-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 52px;
  margin-top: 2px;
}

.communique-subtitle {
  font-weight: 400;
  font-size: 24px;
  color: #FFCD22;
  line-height: 36px;
  text-align: center;
}

.communique .btn-prev,
.communique .btn-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 150px;
  height: 52px;
  padding-left: 54px;
  cursor: pointer;
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
  line-height: 24px;
  letter-spacing: 2px;
  text-align: left;
}

.communique .btn-prev::before,
.communique .btn-next::before {
  content: "";
  position: absolute;
  left: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background: url("../images/icon-perv.png") center no-repeat;
  background-size: 25px 25px;
}

.communique .btn-prev {
  left: 0;
  background: linear-gradient(90deg, rgba(31, 136, 211, 0.43) 4.85%, #1F88D3 74.36%);
  border-radius: 0 90px 90px 0;
}

.communique .btn-next {
  right: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding-left: unset;
  padding-right: 54px;
  margin-left: 10px;
  border-radius: 90px 0px 0 90px;
  background: linear-gradient(90deg, rgba(31, 136, 211, 0.43) 4.85%, #1F88D3 74.36%);
}

.communique .btn-next p {
  position: absolute;
  width: 100%;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.communique .btn-next::before {
  content: none;
  width: 0;
}

.communique .btn-next::after {
  content: "";
  position: absolute;
  right: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background: url("../images/icon-next.png") center right no-repeat;
  background-size: 25px 25px;
}

.communique-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1108px;
  height: 1398px;
  padding-bottom: 60px;
  margin: 0 auto;
  margin-top: 31px;
  background: url("../images/content-bg.png") center bottom no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-size: cover;
}

.communique-bd-left {
  width: 396px;
  height: 100%;
}

.communique-bd-left>div {
  overflow: hidden;
  height: 100%;
  border-radius: 0 49px 0 0;
}

.communique-bd-left .left-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
}

.communique-bd-left .search-module {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.communique-bd-right {
  width: 704px;
  height: 100%;
}

.communique .module {
  padding-top: 45px;
}

.communique .module-name {
  display: inline-block;
  padding: 8px 28px;
  /* height: 48px; */
  margin-left: 20px;
  background: url("../images/title-bg.png") center left no-repeat;
  background-size: 100% 100%;
  font-family: SourceHanSerifCN;
  font-weight: bold;
  font-size: 22px;
  color: #fff;
  line-height: 28px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  text-stroke: 0px #b48a59;
  font-style: normal;
  text-transform: none;
  -webkit-text-stroke: 0px #b48a59;
}

.enter-module .module-name {
  width: 162px;
  background-size: cover;
}

.communique .module-bd {
  /* min-height: 100px; */
  padding-left: 20px;
  padding-right: 24px;
  padding-top: 20px;
}

.communique .module-bd .link img {
  width: 100%;
}

.communique .directory-module {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  height: 100%;
}

.communique .directory-module .module-bd {
  max-height: 644px;
  height: calc(100% - 54px);
  padding-right: 0;
  overflow: hidden;
}

.communique .directory-module .directory-list {
  padding-bottom: 20px;
  padding-right: 24px;
}

.communique .directory-list {
  font-family: OPPOSans;
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
}

.communique .directory-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 18px;
  margin-top: 28px;
}

.communique .directory-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #98accb;
  border-radius: 50%;
  z-index: 99;
}

.communique .directory-list li:hover {
  color: #015293;
}

.communique .directory-list li:hover::before {
  left: 2px;
  background: #015293;
}

.communique .directory-list li:hover::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #c3d4e4;
  border-radius: 50%;
  z-index: 9;
}

.take-btn-box {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.take-btn {
  padding: 8px 15px;
  background: rgba(203, 222, 244, 0.3);
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.take-btn img {
  width: 30px;
  height: 30px;
  margin-right: 6px;
}

.search-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 10px 24px;
  padding-right: 0;
  padding-bottom: 0;
  overflow: hidden;
  border-radius: 49px 0 0 0;
}

.article-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 10px 28px;
  padding-right: 0;
  padding-bottom: 0;
  overflow: hidden;
  border-radius: 49px 0 0 0;
}

.article-area .top-bar,
.article-area .article-detail-area {
  padding-right: 28px;
}

.top-bar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 6px;
  padding-right: 24px;
}

.top-bar .btn-back {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px;
  margin: 4px 0;
  margin-left: 8px;
  height: 36px;
  border: 1px solid #0263B7;
  cursor: pointer;
  z-index: 9999;
}

.top-bar .btn-back img {
  max-width: 22px;
  max-height: 22px;
  margin-right: 6px;
}

.top-bar .btn-back span {
  font-family: OPPOSans;
  font-weight: 400;
  font-size: 16px;
  color: #0263B7;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btn-info img {
  max-width: 24px;
  max-height: 24px;
  margin-right: 4px;
}

.btn-info span {
  font-family: OPPOSans;
  font-weight: 500;
  font-size: 16px;
  color: #0263B7;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.layui-layer-shade {
  opacity: 0.2 !important;
}

.inset-shadow-top {
  position: relative;
}

.inset-shadow-top::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: calc(100% - 4px);
  height: 40px;
  border-radius: 0 49px 0 0;
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(24%, #fff), to(#fff));
  background: linear-gradient(to top, transparent, #fff 24%, #fff);
  background: -webkit-gradient(linear, 0% 100%, 0% 50%, from(rgba(255, 255, 255, 0.1)), to(#fff));
  z-index: 999;
  pointer-events: none;
}

.inset-shadow-top.shadow2::before {
  left: unset;
  right: 0;
  border-radius: 49px 0 0 0;
}

.inset-shadow-bottom {
  position: relative;
}

.inset-shadow-bottom::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(24%, #fff), to(#fff));
  background: linear-gradient(to bottom, transparent, #fff 24%, #fff);
  background: -webkit-gradient(linear, 0% 100%, 0% 50%, from(#fff), to(rgba(255, 255, 255, 0.1)));
  pointer-events: none;
}

.search-list-area {
  height: 100%;
  padding-right: 24px;
}

.search-list-area .search-type {
  padding: 10px 0;
  font-family: SourceHanSerifCN;
  font-weight: bold;
  font-size: 24px;
  color: #333;
  line-height: 40px;
  border-bottom: 1px solid #d6d6d6;
}

.search-list-area .search-article-list {
  padding-bottom: 40px;
}

.search-list-area .article-item {
  position: relative;
  padding-left: 18px;
  margin-top: 18px;
  font-weight: 400;
  font-size: 20px;
  color: #333;
  line-height: 30px;
  cursor: pointer;
}

.search-list-area .article-item:first-child {
  margin-top: 16px;
}

.search-list-area .article-item::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 12px;
  width: 6px;
  height: 6px;
  background: #98accb;
  border-radius: 50%;
  z-index: 99;
}

.search-list-area .article-item:hover {
  color: #015293;
}

.search-list-area .article-item:hover::before {
  left: 2px;
  background: #015293;
}

.search-list-area .article-item:hover::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background: #c3d4e4;
  border-radius: 50%;
  z-index: 9;
}

.article {
  padding-top: 20px;
  margin: 0 auto;
  text-align: center;
}

.article-name {
  text-align: center;
  font-family: SourceHanSerifCN;
  font-weight: bold;
  font-size: 28px;
  color: #333;
  line-height: 38px;
}

.article-tool {
  width: 100%;
  min-height: 48px;
  margin-top: 20px;
  border-bottom: 1px solid #b5b5b5;
}

.article-tool>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 48px;
}

.article-tool-info>li {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: #676d77;
  line-height: 40px;
}

.article-tool>ul>li.noprint {
  padding-left: 30px;
}

.article-tool-info li::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #A9AEB6;
}

.article-tool-info li:last-child::after {
  content: none;
}

.article-tool-info>li>.name {
  float: left;
  height: 100%;
}

.article-tool-info>li>.text {
  float: left;
  height: 100%;
  padding-right: 34px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.article-tool-info>li>.text.short-num {
  width: 80px;
  min-width: 80px;
}

.article-tool-btn {
  min-height: 48px;
  margin-bottom: 20px;
}

.article-tool-btn>li {
  min-height: 40px;
}

.article-tool-btn>li>.btn {
  position: relative;
  min-height: 40px;
  padding: 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 500px;
  height: 40px;
  margin: 0 8px;
  background: rgba(255, 255, 255, 0.1);
}

/* .article-tool-btn>li>.btn .btn-tip {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 39px;
  z-index: 9999;
  height: auto;
}

.article-tool-btn>li>.btn .btn-tip .btn-tip-area {
  position: relative;
  width: auto;
  min-width: 116px;
  padding: 9px;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  z-index: 9999;
}

.article-tool-btn>li>.btn .btn-tip::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: 5px;
  width: 8px;
  height: 8px;
  border: 4px solid rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.article-tool-btn>li>.btn .btn-tip .pop-btn {
  display: block;
  max-width: 200px;
  padding: 0 4px;
  margin-bottom: 6px;
  font-family: 'OPPOSans';
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  height: 20px;
  border-radius: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.article-tool-btn>li>.btn .btn-tip .pop-btn:last-child {
  margin-bottom: 0px;
}


.article-tool-btn>li>.btn .btn-tip-area .pop-btn:hover {
  color: rgba(0, 0, 0, 0.65);
}

.article-tool-btn>li>.btn:hover .btn-tip {
  display: block;
  padding-top: 9px;
  transition: all 0.3s;
}*/

.article-tool-btn>li>.btn .btn-info {
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-tool-btn .download {
  max-width: 200px;
  height: 40px;
  border: none;
}

.article-tool-btn .download img {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.article-tool-btn .download span {
  line-height: 20px;
}

.article-tool>ul .long {
  width: 67%;
}

.article-tool>ul .short {
  width: 32%;
}

.article-tool .font-size {
  max-width: 300px;
  min-width: 150px;
}

.article-tool .change-font {
  cursor: pointer;
}

.article-tool .change-font.active {
  color: #015293;
}

.article-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-top: 28px;
  text-align: justify;
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 30px;
}

.article-content[font=big] {
  font-size: 18px;
}

.article-content[font=middle] {
  font-size: 16px;
}

.article-content[font=small] {
  font-size: 14px;
}

.article-content .part {
  width: 100%;
  margin-bottom: 10px;
  text-indent: 2em;
  text-align: justify;
}

.article-content .part:last-child {
  margin-bottom: 0;
}

.article-content .part-l {
  text-indent: 0em;
}

.article-content .part-m {
  text-indent: 0em;
  text-align: center;
}

.article-content img {
  max-width: 100%;
  margin: 24px auto;
}

.article-content img:last-child {
  margin-bottom: 0;
}

.article-bd {
  width: 100%;
  min-height: 500px;
  padding: 0 4px;
  margin-bottom: 30px;
}

.article-bd>.sign,
.article-bd>.date {
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.article-bd>.sign:last-child,
.article-bd>.date:last-child {
  margin-bottom: 0;
}

.article-bd>.date {
  margin-bottom: 20px;
}

.article .link {
  color: #666;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
}

.article .link a {
  color: #0896fc;
  font-size: 18px;
}

.article-attach {
  margin-top: 14px;
  color: #666;
  font-size: 20px;
  line-height: 40px;
}

.article-attach>p {
  margin-bottom: 8px;
}

.article-attach a {
  display: block;
  margin-bottom: 16px;
  color: #4e5463;
  font-size: 18px;
  line-height: 21px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.article-attach a:last-child {
  margin-bottom: 0;
}

.article-attach a:hover {
  color: #0896fc;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.article-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  padding: 16px 24px;
  margin-bottom: 24px;
  background: #fff;
  border: 1px solid #d6d6d6;
}

.article-info .info {
  width: 50%;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.article-audio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.area-nicescroll .mCSB_scrollTools {
  right: 8px;
}

.directory-module .mCSB_scrollTools {
  right: 10px;
}

.directory-module-nicescroll,
.area-nicescroll,
.article-area {
  overflow: auto;
}


.image-container {
  position: relative;
  display: inline-block;
  width: 134px;
  height: 46px;
  border: 1px solid rgba(163, 54, 57, 0.2);
  padding: 8px 16px;
  border-radius: 4px;
  text-align: center;
  margin-left: 15px;
}

.image-container:hover {
  background: rgba(232, 98, 102, 0.1);
}

.image-container a {
  font-family: OPPOSans;
  font-weight: 500;
  font-size: 16px;
  color: #a33639;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hover-image {
  position: absolute;
  top: 45px;
  left: 0;
  opacity: 0;
}

.image-container:hover .hover-image {
  opacity: 1;
}

.change-font.disable {
  opacity: 0.3;
  cursor: not-allowed;
}

select+.ui-select {
  display: none !important;
}

.hidden {
  display: none;
}

.select>select {
  height: 48px;
  width: 100%;
  border-color: #B5B5B5;
  outline: none;
  padding: 14px 12px;
  font-size: 18px;
  line-height: 20px;
  color: #999;
}

.content-top-link {
  border: 1px solid #0263B7;
  padding: 6px 16px;
  font-size: 16px;
  line-height: 24px;
  color: #0263B7;
  display: flex;
  align-items: center;
}

.content-top-link img {
  margin-right: 8px;
}

.btn-handle {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background: rgba(44, 157, 255, 0.12);
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #0263B7;
  display: none;
}

.btn-handle.show {
  display: inline-block;
}

.key-list-bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 10px 24px;
  padding-right: 0;
  padding-bottom: 0;
  overflow: hidden;
  border-radius: 49px 0 0 0;
}

.key-list-top-bar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 30px;
  padding-right: 28px;
}

.key-list-hd {
  padding-left: 18px;
  font-family: OPPOSans;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  line-height: 20px;
}

.key-list-hd .list-num {
  margin: 0 8px;
  font-family: OPPOSans;
  font-weight: 800;
  font-size: 24px;
  color: #0066cc;
  line-height: 24px;
}

.key-list-area {
  height: calc(100% - 160px);
  padding-right: 24px;
  overflow: hidden;
  overflow: auto;
}

.key-list-area .search-article-list {
  padding-bottom: 40px;
}

.key-list-area .article-item {
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 18px;
  font-weight: 500;
  font-size: 20px;
  color: #333;
  line-height: 30px;
  cursor: pointer;
}

.key-list-area .article-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 18px);
  height: 1px;
  background: #d6d6d6;
}

.key-list-area .article-item-name {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.key-list-area .article-item .highlight {
  color: #0066cc;
}

.key-list-area .article-item-remark {
  height: 48px;
}

.key-list-area .article-item-remark,
.key-list-area .article-item-info {
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #666;
  line-height: 24px;
}

.key-list-area .article-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.key-list-area .article-item-info .info {
  min-width: 207px;
  width: 32%;
}

.key-list-area .article-item:first-child {
  margin-top: 16px;
}

.key-list-area .article-item:hover {
  color: #0066cc;
}

.mylayer-content-box {
  background: #fff;
  padding-bottom: 50px;
}

.detail-box {
  padding: 30px 66px 5px 66px;
}

.select-row {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.gbyjx .select-row {
  align-items: flex-start;
}

.select-row:last-child {
  margin-bottom: 36px;
}

.row-title {
  display: inline-block;
  width: 80px;
  text-align: right;
  font-size: 16px;
  line-height: 20px;
  color: #333;
}

.gbyjx .row-title {
  width: 100px;
  line-height: 48px;
}

.row-content {
  width: calc(100% - 94px);
  margin-left: 14px;
}

.row-content input,
.row-content textarea,
.row-content select {
  padding: 12px 14px;
  border: 1px solid #B5B5B5;
  border-radius: 2px;
  outline: none;
}

.row-content textarea {
  width: 100%;
  height: 120px;
}

.row-content input {
  height: 48px;
  width: 100%;
}

.row-content select {
  height: 48px;
  width: 100%;
}

.p3 .row-content {
  width: calc(100% - 216px);
}

.row-content .text {
  height: 48px;
}

.row-btn {
  width: 122px;
  margin-left: 16px;
  color: #fff;
  background: #0066CC;
}

.btn {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0066CC;
  cursor: pointer;
}

.detail-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.detail-btn .reset,
.detail-btn .edit {
  width: 128px;
  color: #0066CC;
}

.detail-btn .subscription,
.detail-btn .submit,
.detail-btn .canceltake {
  width: 94px;
  color: #fff;
  background: #0066CC;
}

.layer-note-skin .layui-layer-title {
  margin-bottom: -1px;
}

.layui-layer-dialog {
  background-color: #fff;
}

.module-bd-text {
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}

.flex {
  display: flex;
}

.mt-22 {
  margin-top: 22px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-28 {
  margin-top: 28px;
}

.hidden {
  display: none;
}


.chosen-container-multi .chosen-choices {
  border: none;
  height: 100%;
}

/* 分页样式 */
.m-pagination {
  padding-top: 24px;
  text-align: center;
}

.m-pagination .m-pagination-jump {
  width: auto;
  height: 34px;
}

.m-pagination .m-pagination-jump .m-pagination-group {
  height: 100%;
  padding-left: 0;
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 14px;
}

.m-pagination .m-pagination-jump .m-pagination-group>input {
  width: 32px;
  height: 32px;
  border: 0.5px solid #d5e0f1;
}

.m-pagination .m-pagination-jump .m-pagination-group>button {
  width: 72px;
  height: 34px;
}

.m-pagination .m-pagination-page>li>a,
.m-pagination .m-pagination-size>select,
.m-pagination .m-pagination-group>input,
.m-pagination .m-pagination-group>button {
  border: 0.5px solid #D5E0F1;
  border-radius: 0px;
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 14px;
}

.m-pagination .m-pagination-jump-txt {
  font-size: 16px;
  color: #333;
  line-height: 34px;
}

.m-pagination .m-pagination-page>li>a {
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  padding: 0;
  text-align: center;
}

.m-pagination .m-pagination-page>li.active>a {
  color: #0263B7;
  background-color: transparent;
  border-color: #0263B7;
}

.m-pagination .m-pagination-page>li:first-child>a,
.m-pagination .m-pagination-page>li:last-child>a {
  border-radius: 0px;
}

.m-pagination .m-pagination-size>select {
  /* min-width: 100px; */
  height: 34px;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 56px;
}

.m-pagination .m-pagination-size>select::-ms-expand {
  display: none;
}

.m-pagination .m-pagination-size {
  position: relative;
}

.m-pagination .m-pagination-size::after {
  position: absolute;
  top: 0;
  right: 25px;
  content: '条/页';
  font-size: 16px;
  line-height: 32px;
}

.m-pagination .m-pagination-jump .m-pagination-group>button {
  height: 34px;
  margin-left: 8px;

}

.m-pagination #data-page-txt {
  margin: 0 8px;
}

.m-pagination .page-jump-text {
  float: left;
  font-size: 16px;
  color: #333;
  line-height: 34px;
}

.m-pagination .m-pagination-page li .pager-cut-btn {
  background: url(../images/icon-cut.png) no-repeat center center;
}

.m-pagination .m-pagination-page li:first-child .pager-cut-btn {
  transform: rotate(180deg);
}

/* 滚动条轨道 */
*::-webkit-scrollbar-track {
  background: transparent; /* 轨道背景色 */
  border-radius: 4px; /* 轨道圆角 */
}

/* 滚动条滑块（拖动部分） */
*::-webkit-scrollbar-thumb {
  background: #C5D1DB; /* 滑块背景色 */
  border-radius: 4px; /* 滑块圆角 */
  transition: background 0.3s; /* hover过渡效果 */
}

/* 滑块hover状态 */
*::-webkit-scrollbar-thumb:hover {
  background: #C5D1DB; /* hover时的滑块颜色 */
}

/* 滚动条两端的按钮（上下箭头） */
*::-webkit-scrollbar-button {
  display: none; /* 隐藏默认按钮（可选） */
}

/* Firefox 滚动条样式 */
* {
  scrollbar-width: thin; /* 滚动条宽度：auto | thin | none */
  scrollbar-color:#C5D1DB transparent; /* 滑块颜色 轨道颜色 */
}

@media (max-width: 980px) {
  .communique-area {
    width: 100%;
  }

  .communique-bd {
    width: 100%;
    justify-content: flex-start;
  }

  .communique-bd-left {
    width: 35%;
  }

  .communique-bd-right {
    flex: 1;
  }

  .btn-area .btn {
    padding: 0;
  }

  .take-btn-box {
    max-width: 450px;
  }

  .header,
  .navigation {
    display: none;
  }

}