body,
html {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.pageBgHeight {
  width: 100%;
  min-height: 100%;
  min-width: 1240px;
  /* background-image: url(../img/bac_header.png), url(../img/bac_footer_short.png), linear-gradient(to bottom, #cfe9e1, #d5ebe4, #fdfefe, #fff); */
  background-image: url(../img/bac_header.png), url(../img/bac_footer_short.png), linear-gradient(to bottom, #cfe9e1, #d5ebe4, #fdfefe);
  background-size: 100% auto, 100% auto;
  background-repeat: no-repeat;
  background-position: left top, left bottom;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.pageBgShort {
  width: 100%;
  min-height: 100%;
  min-width: 1240px;
  /* background-image: url(../img/sy_banner.png), linear-gradient(to bottom, #cfe9e1, #d5ebe4, #fdfefe, #fff); */
  background-image: url(../img/sy_banner.png), linear-gradient(to bottom, #cfe9e1, #d5ebe4, #fdfefe);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
  overflow: hidden;
  z-index: 10;
}

/* 1.学校登录 */
.main {
  width: 1200px;
  margin: 2.5% auto 0;
  padding-bottom: 100px;
}

.main .top {
  width: 1040px;
  margin: 0 auto;
}

.main .top img {
  display: block;
  width: 100%;
}

/* 导航切换 */
.switchNav {
  width: 100%;
  margin-top: 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.switchNav .nav_item {
  width: 15%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #288e83;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 25px;
  cursor: pointer;
  border: 1px solid #288e83;
  box-sizing: border-box;
}
    .switchNav .nav_item_tz {
        width: 15%;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #288e83;
        font-size: 16px;
        letter-spacing: 1px;
        border-radius: 25px;
        cursor: pointer;
        border: 1px solid #288e83;
        box-sizing: border-box;
    }

.switchNav .nav_active {
  color: #fff;
  background-image: linear-gradient(to right, #3caca3, #288e83);
}
.switchNav .nav_item:hover {
  color: #fff;
  background-image: linear-gradient(to right, #3caca3, #288e83);
  border-color: transparent;
}
    .switchNav .nav_item_tz:hover {
        color: #fff;
        background-image: linear-gradient(to right, #3caca3, #288e83);
        border-color: transparent;
    }

/* .switchNav .curHover {
  background-color: #fff;
  color: #1B8CD9;
} */

.mainArea {
  width: 1050px;
  padding: 35px 0px;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 5% auto 0;
  background-color: #fff;
  box-shadow: 0 0 10px 0 #d6dddc;
}

/* 登录 */
.login_content {
  width: 70%;
  margin: 0 auto;
  padding: 20px 36px 15px;
  box-sizing: border-box;
}
.login_content .outerBox {
  width: 100%;
  margin: 0 auto;
}
.content_title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #299085;
  font-weight: bold;
}

.content_title .tips {
  margin: 0 10px;
  letter-spacing: 3px;
  font-size: 24px;
}

.content_title .circle {
  width: 5px;
  height: 5px;
  background-color: #299085;
  border-radius: 50%;
}

.login_area {
  width: 100%;
  margin-top: 45px;
}
.area_item {
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.area_item span {
  width: 80px;
  flex-shrink: 0;
  color: #000;
  font-size: 18px;
  letter-spacing: 2px;
}
.area_item span .hide {
  visibility: hidden;
}

.area_item input {
  width: calc(100% - 80px);
  height: 60px;
  display: block;
  border: none;
  outline: none;
  font-size: 19px;
  color: #333333;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 6px;
  background-color: #eeeeee;
}

.area_item input::placeholder {
  color: #838383;
  font-size: 18px;
  letter-spacing: 1px;
}

.area_item_code {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.area_item_code input {
  width: 74%;
}
.area_item_code .yzmBtn {
  width: 23%;
  height: 60px;
  color: #fff;
  background: linear-gradient(to right, #3caca3, #288e83);
  border-radius: 6px;
  border: none;
  outline: none;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
}
/* .area_item_code .yzmBtn .yzmDisabled{
background: #ccc;
}
.area_item_code .yzmBtn .yzmActive{
  background-image: linear-gradient(to right, #3caca3, #288e83);
} */
/* .area_item_code .yzmBtn:hover {
  background: linear-gradient(to right, #288e83, #3caca3) !important;
} */
/* 提交 */
.subBtn {
  display: block;
  width: 100%;
  height: 65px;
  background-image: linear-gradient(to right, #3caca3, #288e83);
  text-align: center;
  border-radius: 6px;
  border: none;
  outline: none;
  font-size: 22px;
  color: #ffffff;
  line-height: 65px;
  cursor: pointer;
  margin-top: 55px;
  letter-spacing: 1px;
}

.loginMsg {
  width: 100%;
  margin-top: 30px;
  font-size: 17px;
  text-align: center;
  color: #666666;
  letter-spacing: 1px;
}

.footInfo {
  width: 100%;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footInfo .footInfoItem {
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  text-align: center;
  color: #288e83;
  padding: 0px 12px;
  border: 1px solid #288e83;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.footInfo .footInfoItem::before {
  display: block;
  content: attr(data-text);
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.footInfo .footInfoItem::after,
.footInfo .footInfoItem > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.footInfo .footInfoItem::after {
  content: attr(data-text);
  color: #288e83;
  opacity: 0;
  transform: translateY(25%);
}

.footInfo .footInfoItem > span {
  opacity: 1;
  transform: translateY(0);
}
.footInfo .footInfoItem:hover {
  border-color: #288e83;
  background-color: rgba(40, 142, 131, 0.1);
}

.footInfo .footInfoItem:hover::after {
  opacity: 1;
  transform: translateY(0);
}

.footInfo .footInfoItem:hover > span {
  opacity: 0;
  transform: translateY(-25%);
}

/* 登录后 */
.afterLogin_inner {
  width: 100%;
  padding: 0 60px 0 20px;
  box-sizing: border-box;
  min-height: 300px;
  /* background-color: lightblue; */
}

.outLogin {
  width: 100%;
  text-align: right;
  text-decoration: underline;
  letter-spacing: 1px;
  color: #2e9085;
  font-size: 16px;
  cursor: pointer;
}
.outLogin span:hover {
  text-shadow: 0 0 1px #288e83;
}
.chooseIdentity {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 40px;
  padding-left: 40px;
  box-sizing: border-box;
}

.chooseIdentity span {
  width: 120px;
  flex-shrink: 0;
  color: #000;
  font-size: 16px;
  letter-spacing: 2px;
  /* background-color: orange; */
}
.identitySwitch {
  width: calc(100% - 120px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.identitySwitch .switch_item {
  width: 23%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #288e83;
  font-size: 16px;
  letter-spacing: 1px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #288e83;
  box-sizing: border-box;
  font-weight: bold;
}
.identitySwitch .switch_item:hover {
  background-color: #85c8c6bd;
  color: #fff;
  border-color: transparent;
}
.identitySwitch .switch_item_active {
  color: #fff;
  background-image: linear-gradient(to right, #3caca3, #288e83);
}

.contentBox {
  width: 100%;
  margin-top: 65px;
  /* background-color: lightblue; */
}
.contentBox .content_title .tips {
  font-weight: normal;
}
.infoBlock {
  margin-bottom: 60px;
  /* background-color: palegoldenrod; */
}

.titleTop {
  width: 100%;
  padding: 0 10px;
  /* background-color: pink; */
}
.titleTop_text {
  width: 100%;
  text-align: center;
  color: #299085;
  letter-spacing: 3px;
  font-size: 22px;
  /* background-color: orange; */
}
.titleTop_bg {
  width: 140px;
  height: 5px;
  background-color: #349f96;
  margin: 8px auto 0;
}

.titleTips {
  width: 100%;
  text-align: center;
  color: #a6a6a6;
  margin-top: 15px;
  letter-spacing: 1px;
  font-size: 17px;
  padding-left: 20px;
  box-sizing: border-box;
}

.formArea {
  margin-top: 50px;
}
.formTitle {
  width: 100%;
  font-size: 15px;
  color: #299085;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding-left: 40px;
  box-sizing: border-box;
  /* background-color: palegoldenrod; */
}
.formTitle .circle {
  width: 10px;
  height: 10px;
  background-color: #278c81;
  border-radius: 50%;
  margin-right: 14px;
}
.formList {
  margin-top: 30px;
}

.list_con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.pl20 {
  padding-left: 20px;
}
.pl40 {
  padding-left: 40px;
}
.pd20 {
  padding: 20px;
}
.minHeight600 {
  min-height: 600px;
}
.list_con .layui-form-item {
  width: 49%;
  margin-bottom: 0;
  /* background-color: lawngreen; */
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.list_con .layui-form-item-auto {
  width: 100%;
}
.list_con .layui-form-item .layui-form-label {
  width: 120px;
  font-size: 15px;
  padding: 9px 15px 9px 0;
  /* background-color: orange; */
}
.list_con .layui-form-item .layui-form-label .hide {
  visibility: hidden;
}
.list_con .layui-form-item .layui-form-label-auto {
  width: auto;
  flex-shrink: 0;
}
.list_con .layui-form-item .layui-input-block {
  width: calc(100% - 120px);
  flex-shrink: 0;
  margin-left: 0;
  min-height: auto;
}
.list_con .layui-form-item .layui-input-block-auto {
  width: 100%;
}
.list_con .layui-input,
.list_con .layui-select,
.list_con .layui-textarea {
  background-color: #eeeeee;
  border: none;
  outline: none;
  border-radius: 5px;
  height: 42px;
}

/* .list_con .layui-input:hover,
.list_con .layui-textarea:hover {
  border-color: transparent !important;
} */
/* .list_con .layui-input:focus,
.list_con .layui-textarea:focus {
  border-color: transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
} */

.list_con .layui-textarea::placeholder {
  letter-spacing: 1px;
}

.list_con .layui-form-radio {
  margin: 0 20px 0 0;
}
.list_con .layui-input-prefix {
  line-height: 42px;
}
.list_con .layui-input-prefix + .layui-input {
  padding-left: 35px;
}

/* 提交 */
.btn_confirm_outer {
  width: calc(100% -40px);
  margin: 40px 0 20px 40px;
}
.btn_confirm {
  width: 35%;
  height: 55px;
  background-image: linear-gradient(to right, #3caca3, #288e83);
  text-align: center;
  border-radius: 6px;
  font-size: 20px;
  color: #ffffff;
  line-height: 55px;
  cursor: pointer;
  letter-spacing: 1px;
  margin: 0 auto;
}

.btn_confirm:hover {
  background-image: linear-gradient(to right, #288e83, #3caca3);
}

.controlShow {
  margin-top: 80px;
}

/* 2.基地地图 */
.page_map .main {
  padding-bottom: 0;
}
.mapArea {
  width: 100%;
  position: relative;
  margin: 2% auto 0;
  /* 16:9 比例 */
  padding: 56.25% 0 50px;
}
.iframeMap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 50px);
  border: none;
}

/* 内嵌iframe */
.linkMap {
  width: 100%;
  height: 100%;
  min-width: 1240px;
  /* height: 100vh;
    max-height: 100vh; */
  background: url(../img/mapBg.png) no-repeat;
  background-position: left top;
  background-size: cover;
  /* background-repeat: no-repeat; */
  /* background-attachment: fixed; */
  /* overflow-y: auto; */
}
/* .mapTitleOuter{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: palegoldenrod;

} */
.mapTitle {
  width: 20%;
  height: 7%;
  margin: 0 auto;
  font-size: 0.18rem;
  color: #fff;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding-left: 1%; */
  box-sizing: border-box;
  /* background-color: orange; */
}
.mapContainer {
  width: 87%;
  margin: 4% 0 0 5%;
  display: flex;
  /* background-color: palegoldenrod; */
}
.containerLeft {
  width: 70%;
  /* position: relative; */
  /* background-color: lightblue; */
}
.mapInner {
  width: 85%;
  height: 100%;
  /* background: url('../img/chinaMapBg.png') no-repeat; 
    background-position:center center;
    background-size: contain; */
  /* border: 2px solid #ccc; */
  /* transform: scale(1.2); */
  /* color: #23F4F9; */
  position: relative;
}
.baseIcon {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 8%;
  box-sizing: border-box;
  /* background-color: orange; */
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.baseIcon img {
  width: 25px;
  height: auto;
  display: block;
  margin-right: 5px;
}

#container {
  width: 100%;
  height: 100%;
  position: relative;
  /* border: 2px solid red; */
  z-index: 10;
  /* background: url('../img/chinaMapBg.png') no-repeat left top;
  background-position: 10% 10%; */
  /* background-size: contain; */
  /* 根据需要调整背景图大小 */
  /* 为 icon 添加定位 */
  /* background-color: palegoldenrod; */
}

.province-icon {
  position: absolute;
  z-index: 10;
  width: 25px;
  height: 25px;
  cursor: pointer;
  pointer-events: none;
}

.province-text {
  position: absolute;
  z-index: 10;
  width: auto;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  /* background-color: palegoldenrod; */
  text-align: center;
}
.province-text .baseName {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 4px;
}

.province-icon:hover {
  opacity: 1;
}

.baseNumPub {
  width: 310px;
  height: 175px;
  /* min-height: 300px; */
  background: url("../img/hoverPub.png") no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 10;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  /* 新增此行 */
}

/* .baseNumPub img{
  width: 100%;
  height: auto;
  display: block;
} */
.PubTitle {
  font-size: 13px;
  color: #fff;
  letter-spacing: 1px;
}

.baseNumPubContent {
  width: 83%;
  height: 80%;
  margin: 5% auto;
  padding: 20px 0;
  box-sizing: border-box;
  /* border: 1px solid red; */
}

.PubTitle .provinceName {
  color: #29f1fa;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 2px;
  margin-right: 4px;
}

.PubText {
  width: 100%;
  height: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  text-align: justify;
  /* background-color: lightcoral; */
}

.border-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* 允许鼠标事件穿透 */
  z-index: 5;
  /* 确保在地图上方 */
}

.containerRight {
  width: 28%;
  height: 100%;
  margin-left: 2%;
}
.baseNum {
  width: 100%;
  position: relative;
  /* 16:9 比例 */
  padding: 56.25% 0 0;
}

.baseNumInner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/baseNumBg.png) no-repeat;
  background-position: left top;
  background-size: 100% 100%;
}
.baseNumTitle {
  width: 100%;
  height: 16%;
  font-size: 0.08rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  padding-left: 5%;
  box-sizing: border-box;
  /* background-color: orange; */
}
.baseNumContent {
  width: 100%;
  height: 84%;
  padding: 0 5%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.14rem;
  color: #fff;
  font-weight: bold;
  /* background-color: orange; */
}
.baseNumContent .numArea {
  width: 36%;
  /* flex: 1; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.18rem;
  margin: 0 5%;
  flex-shrink: 0;
  /* background-color: lightblue; */
}
.numArea .num_item {
  flex-shrink: 0;
  width: 30%;
  padding: 7% 0;
  box-sizing: border-box;
  text-align: center;
  box-sizing: border-box;
  background: url(../img/singleNumBg.png) no-repeat;
  background-position: left top;
  background-size: 100% 100%;
}

/* 基地类别 */

.baseType {
  width: 100%;
  position: relative;
  /* 4:3 比例 */
  padding: 75% 0 0;
  margin-top: 13%;
}
.baseTypeInner {
  background: url(../img/baseTypeBg.png) no-repeat;
  background-position: left top;
  background-size: 100% 100%;
}
.baseTypeTitle {
  height: 11%;
  /* background: orange; */
}
.baseTypeContent {
  height: 89%;
  display: block;
  position: relative;
  /* background-color: lightblue; */
}

/* 基地介绍 */
.page_province .mapInner {
  /* border: 2px solid #ccc; */
  position: relative;
}

.page_province .containerLeft {
  /* background-color: palegoldenrod; */
}

.base_provinceName {
  position: absolute;
  left: 5%;
  top: 0;
  /* background-color: palegoldenrod; */
}
.base_provinceName img {
  width: 132%;
  height: 100%;
  display: block;
  position: absolute;
  left: -16%;
  top: 0;
}
.base_provinceName span {
  display: block;
  width: auto;
  min-width: 0.5rem;
  height: 0.3rem;
  font-size: 0.11rem;
  color: #24f4f4;
  font-weight: bold;
  letter-spacing: 2px;
  box-sizing: border-box;
  /* margin-left: 15%; */
  /* background-color: orange; */

  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.baseIntro {
  width: 100%;
  position: relative;
  /* 4:3 比例 */
  /* padding: 56.25% 0 0; */
  height: 75vh;
  /* height: 100%; */
}

.baseIntroInner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/baseIntroBg.png) no-repeat;
  background-position: left top;
  background-size: 100% 100%;
}
.baseIntroTitle {
  width: 100%;
  height: 6%;
  font-size: 0.08rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  padding-left: 6%;
  box-sizing: border-box;
  /* background-color: lightcoral; */
}
.baseIntroContent {
  width: 100%;
  height: 94%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* background-color: orange; */
}
.photoArea {
  padding: 5% 4% 6% 5%;
  box-sizing: border-box;
  display: flex;
}
.photoLeft {
  width: 55%;
  flex-shrink: 0;
}
.photoLeft img {
  width: 100%;
  height: auto;
  display: block;
}
.photoRight {
  flex-shrink: 0;
  width: 45%;
  color: #22e1e2;
  font-size: 0.065rem;
  /* font-size: 20px; */
  padding-left: 3%;
  box-sizing: border-box;
}

.photoRight .rightTitle {
  font-weight: bold;
  font-size: 0.08rem;
  letter-spacing: 0.01rem;
}
.detail_item {
  width: 100%;
  display: flex;
  line-height: 1.5;
  margin-top: 3%;
}
.detail_item .item_left {
  width: auto;
  flex-shrink: 0;
  /* background-color: orange; */
}

.introArea {
  width: 100%;
  flex-grow: 1; /* b 填充剩余空间 */
  overflow: auto; /* 防止 b 内容超出时溢出 */
  padding: 0 2% 0% 5%;
  box-sizing: border-box;
  font-size: 0.09rem;
  color: #22e1e2;
  text-indent: 2em;
  line-height: 1.6;
  text-align: justify;
  /* max-height: 50%; */
  cursor: pointer;
  /* background-color: palegoldenrod; */
}
.introArea p {
  font-size: 0.09rem;
  color: #22e1e2;
  text-indent: 2em;
  line-height: 1.6;
  text-align: justify;
}

.scrollArea {
  width: 100%;
  max-height: 97%;
  padding-right: 4%;
  box-sizing: border-box;
  overflow-y: scroll;
  /* background-color: palegoldenrod; */
}

/* 定义滚动条整体 */
.scrollArea::-webkit-scrollbar {
  width: 4px; /* 设置滚动条宽度 */
  height: 4px; /* 设置水平滚动条的高度 */
}

/* 定义滚动条轨道 */
.scrollArea::-webkit-scrollbar-track {
  background-color: transparent; /* 轨道背景色 */
  border-radius: 10px; /* 轨道圆角 */
}

/* 定义滚动条滑块 */
.scrollArea::-webkit-scrollbar-thumb {
  background-color: #11fef8; /* 滑块背景色 */
  border-radius: 10px; /* 滑块圆角 */
}

/* 鼠标悬停时改变滑块颜色 */
.scrollArea::-webkit-scrollbar-thumb:hover {
  background-color: #11fef8;
}

/* 定义水平滚动条样式 */
.scrollArea::-webkit-scrollbar-horizontal {
  height: 8px;
}

.swiperArea {
  width: 100%;
  padding: 5% 4%;
  box-sizing: border-box;
  border-top: 1px solid #11fef8;
  /* background-color: lightblue; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.prevBtn,
.nextBtn {
  width: 6%;
  height: auto;
  background: transparent;
  position: static;
  margin: 0;
  opacity: 1 !important;
  pointer-events: all !important;
}
.prevBtn::before {
  background: none;
  display: none;
}
.nextBtn::after {
  background: none;
  display: none;
}
.prevBtn img,
.nextBtn img {
  width: 100%;
  height: auto;
  display: block;
}
.swiperArea .swiper-container {
  width: 84%;
  margin-top: 0;
}
.swiperArea .swiper-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.swiperArea .swiper-slide {
  width: 32%;
  margin-right: 2%;
  /* border: 1px solid #11FEF8; */
  box-sizing: border-box;
  /* background-color: orange; */
}
.swiperArea .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}

/* echarts柱状图开始 */
#main2d {
  width: 90%;
  height: 100%;
  /* color: #dbdbdec5; */
  position: absolute;
  left: 5%;
  top: 5%;
  /* background-color: palegoldenrod; */
  /* display: none; */
}
.danwei {
  width: 90%;
  position: absolute;
  left: 5%;
  top: 12%;
  color: #dbdbdec5;
  font-size: 12px;
  padding-left: 3%;
  box-sizing: border-box;
  /* background-color: pink; */
}
#main3d {
  width: 90%;
  height: 100%;
  position: absolute;
  left: 5%;
  top: 2%;
  /* background-color: pink; */
}
/* echarts柱状图结束 */
/* 3.通知公告 */
.announceArea {
  margin: 25px auto 0;
}
.announce_title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #299085;
  font-weight: bold;
}

.announce_title .tips {
  margin: 0 10px;
  letter-spacing: 3px;
  font-size: 25px;
}

.announce_title .circle {
  width: 5px;
  height: 5px;
  background-color: #299085;
  border-radius: 50%;
}

.announceList {
  width: 90%;
  min-height: 420px;
  margin: 45px auto 0;
  padding-bottom: 30px;
}

.news_item {
  overflow: hidden;
  margin-bottom: 30px;
  display: flex;
}

.news_item .item_left {
  width: 33%;
  height: 225px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
}
.news_item .item_left .newsImg {
  width: 100%;
  height: 225px;
}
.news_item .item_left .newsImg img {
  width: 100%;
  min-height: 225px;
  display: block;
  transition: all 0.5s linear;
}
.news_item .item_left .newsImg img:hover {
  transform: scale(1.1);
}
.news_item .item_left .dateBox {
  width: 100%;
  height: 225px;
  font-size: 30px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #278c81;
}

.news_item .item_left .dateBox span:nth-child(1) {
  font-size: 50px;
  margin-bottom: 20px;
}

.news_item .item_right {
  width: calc(67% - 40px);
  padding: 35px 40px 15px 30px;
  box-sizing: border-box;
  background-color: #fafafa;
  position: relative;
  margin-left: 40px;
}

.news_item .newsTitle {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

.news_item .item_right:hover .newsTitle {
  color: #278c81;
}
.news_item .item_right:hover {
  background-color: #eef6f5;
}

.news_item .newsInfo {
  width: 100%;
  height: 72px;
  margin-top: 25px;
  color: #646464;
  line-height: 26px;
  font-size: 15px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.newsDetail {
  width: 100%;
  color: #999999;
  font-size: 13px;
  display: flex;
  align-items: center;
  margin-top: 35px;
}

.newsDetail .detail_address {
  margin-right: 20px;
}

.pagenationArea {
  text-align: center;
  padding-bottom: 30px;
}

.pagenationArea .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: linear-gradient(to right, #3ba9a0, #2a9085);
}

/* 4.通知公告详情 */

.announceDetailArea {
  width: 90%;
  min-height: 420px;
  margin: 20px auto 0;
  padding-bottom: 30px;
}

.article_top {
  border-bottom: 1px solid #e7e5e5;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.article_top h3 {
  text-align: center;
  line-height: 25px;
  font-size: 24px;
  font-weight: 500;
}
.article_top .downLoad {
  text-align: right;
  font-size: 16px;
  margin-bottom: 20px;
}
.article_top .article_info {
  color: #939393;
  text-align: center;
  font-size: 15px;
  margin-top: 20px;
}
.article_info .articleTime {
  margin-left: 20px;
}

.article_content {
  margin-top: 30px;
  line-height: 30px;
  font-size: 15px;
}
.article_content h2 {
  font-size: 19px;
  text-indent: 2em;
  margin-left: -6px;
  margin-top: 10px;
}
.article_content p {
  text-indent: 2em;
  font-size: 15px;
  color: #383838;
  line-height: 30px;
  margin-bottom: 10px;
  text-align: justify;
}

.article_content img {
  max-width: 100%;
  display: block;
  margin: 20px auto;
  cursor: pointer;
}

/* 5.交通指南 */
.trafficGuideArea {
  width: 88%;
  min-height: 420px;
  margin: 20px auto 0;
  padding-bottom: 30px;
}

.trafficGuideContent {
  width: 100%;
  margin-top: 30px;
}
.trafficGuideContent h3 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #000;
}
.trafficGuideContent p {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: justify;
  line-height: 32px;
  color: #686868;
  text-indent: 2em;
}

.trafficGuideContent img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 30px auto;
  cursor: pointer;
}

/* 版权 */
.banquan {
  width: 100%;
  /* 
  position: absolute;
  left: 0;
  bottom: 3%;
  z-index: 12; */
  padding-bottom: 50px;
  display: flex;
  justify-content: center;
}

.banquan p:nth-child(2) {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banquan p span {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #2c8f84;
  font-weight: bold;
  text-shadow: 1px 1px 2px #f5f5f5;
}
.banquan p span.mt-30 {
  margin: 0 30px;
}

/* 保留滚动功能 隐藏页面滚动条 */
/* ::-webkit-scrollbar {
  display: none; 
} */

/* 2025.11.4新增登录报送板块  */
.pageEdit .switchNav {
  width: 940px;
  margin: 5% auto 0;
}
.pageEdit .switchNav .nav_item {
  width: auto;
  padding: 0 50px;
  transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

    .pageEdit .switchNav .nav_item_tz {
        width: auto;
        padding: 0 50px;
        transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    }
.fileOperator {
  width: 590px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fileOperator .fileOperatorItem {
  width: calc(50% - 65px);
  aspect-ratio: 1 / 0.8;
  border: 2px dashed #2d958b;
  border-radius: 6px;
  font-size: 19px;
  color: #2d958b;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.fileOperator .fileOperatorItem .icon {
  height: 55px;
  margin-bottom: 20px;
}
.fileOperator .fileOperatorItem .icon img {
  width: auto;
  height: 100%;
  display: block;
  transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.fileOperator .fileOperatorItem .text {
  transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.fileOperator .fileOperatorItem:hover {
  background-color: #e0f7f565;
}
.fileOperator .fileOperatorItem:hover .text {
  transform: translateY(-3px);
}
.fileOperator .fileOperatorItem:hover .icon img {
  transform: translateY(-3px);
}
.fileTips {
  width: 100%;
  /* text-align: center;
  margin-top: 60px; */
  font-size: 14px;
  color: #2d958b;
  letter-spacing: 0.5px;
}
.fileTips .highlight {
  color: #288e83;
  /* font-weight: bold;  */
  font-size: 22px;
  text-decoration: underline;
  margin-right: 10px;
}

.formBtn {
  width: 35%;
  height: 55px;
  background-image: linear-gradient(to right, #3caca3, #288e83);
  text-align: center;
  border-radius: 6px;
  font-size: 20px;
  color: #ffffff;
  line-height: 55px;
  cursor: pointer;
  letter-spacing: 1px;
  margin: 0 auto;
  transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}
.formBtn:hover {
  background-image: linear-gradient(to right, #288e83, #3caca3);
}

.mt-0 {
  margin-top: 0;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-35 {
  margin-top: 35px;
}
.mt-40 {
  margin-top: 40px;
}
.importWorkAppy {
  width: 100%;
  padding: 0 60px 0 20px;
  box-sizing: border-box;
}
.importWorkAppy .titleTop_text {
  color: #278c81;
  letter-spacing: 2px;
}
.fillOrUpload {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fillOrUpload_item {
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #288e83;
  font-size: 16px;
  letter-spacing: 1px;
  cursor: pointer;
  border: 1px solid #288e83;
  box-sizing: border-box;
}
.fillOrUpload_item:nth-child(1) {
  border-top-left-radius: 8px;
}
.fillOrUpload_item:nth-child(2) {
  border-top-right-radius: 8px;
  margin-left: -1px;
}
.fillOrUpload_item.active {
  color: #fff;
  background-color: #278c81;
}

.downloadPlanTableTemplate {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 0 10px;
  /* box-sizing: border-box; */
  margin: 40px auto 0;
}
.downloadPlanTableTemplate a {
  font-size: 18px;
  text-decoration: underline;
  color: red;
  border: none;
  outline: none;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
}
.notOpenTips {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #333;
  padding: 0 10px;
  letter-spacing: 1px;
  margin: 20px auto 40px;
}

.afterLogin-apply .list_con .layui-form-item .layui-form-label {
  color: #676767;
}

.afterLogin-apply .list_con .layui-input,
.afterLogin-apply .list_con .layui-select,
.afterLogin-apply .list_con .layui-textarea {
  border: 1px solid #b1b1b1;
  background-color: transparent;
}

.afterLogin-apply .list_con .layui-input::placeholder,
.afterLogin-apply .list_con .layui-textarea::placeholder {
  color: #aeaeae;
  font-size: 14px;
}

.afterLogin-apply .list_con .layui-input:hover,
.afterLogin-apply .list_con .layui-textarea:hover {
  border-color: #b1b1b1 !important;
}

.afterLogin-apply .list_con .layui-input:focus,
.afterLogin-apply .list_con .layui-textarea:focus {
  border-color: #b1b1b1 !important;
  box-shadow: 0 0 0 0 transparent !important;
}
.minHeight300 {
  min-height: 300px;
}
.importWorkAppy .formTitle {
  font-size: 16px;
}

.titleTop_bg {
  width: 100px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-30 {
  margin-bottom: 30px;
}

.importWorkAppy .fileOperator {
  width: 720px;
}
.importWorkAppy .fileOperator .fileOperatorItem {
  width: calc(30% - 30px);
  aspect-ratio: 1 / 1.1;
}

.accountSetting {
  width: 100%;
  padding: 0 150px;
  box-sizing: border-box;
}
.accountSetting .list_con .layui-form-item .layui-form-label {
  width: 155px;
  flex-shrink: 0;
}

.accountSetting .list_con .layui-form-item .layui-input-block {
  width: calc(100% - 155px);
}
.accountSetting .list_con .layui-form-item .layui-input-block .layui-input.disabled {
  background-color: #efefef;
  cursor: not-allowed;
  color: #707070;
  border: none;
}

.titleTop.specialTips {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.titleTop.specialTips .titleTop_text {
  width: auto;
  position: relative;
}
.titleTop.specialTips .titleTop_text_tips {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  font-size: 14px;
  white-space: nowrap;
}
.layui-input-block-auto {
  width: 100%;
}
.alignSelfStatrt {
  align-self: flex-start;
}
.layui-form-item-money .layui-input {
  width: 155px;
  margin-right: 10px;
}
.layui-form-item-money .layui-input-block {
  display: flex;
  align-items: center;
}

.fileOperatorInner {
  width: 80%;
  margin: 0 auto;
  /* padding-left: 10%; */
  box-sizing: border-box;
  /* background: orange; */
}
.sameBtnWidth {
  width: 120px;
}
.materialTable {
  width: 100%;
}

.materialTable {
  /* margin-top: 30px; */
  width: 100%;
  font-size: 13px;
  background-color: #fff;
  border-collapse: separate;
  border-spacing: 0;
  border-left: 1px solid #b5b5b5;
  border-top: 1px solid #b5b5b5;
}

.materialTable tr td {
  height: 30px;
  color: #434343;
  border: 1px solid #b5b5b5;
  border-top: none;
  border-left: none;
  text-align: center;
  vertical-align: middle;
  padding: 10px 15px;
  box-sizing: border-box;
  line-height: 20px;
}
.materialTable tr:hover {
  background-color: #f9f9f9;
  cursor: pointer;
}

.materialTable tr .addTdHeight {
  height: 40px;
  /* background-color: #a580ac; */
  /* color: #fff; */
  /* border-bottom: none; */
    background-color: #f9f9f9;
  padding: 0px 15px;
  font-weight: bold;
  font-size: 15px;
}

.materialTable .tAlignLeft {
  text-align: left;
}
.materialOperateDiv {
  display: flex;
  align-items: center;
  justify-content: center;
}
.materialOperateBtn {
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 6px;
  padding: 0 12px;
  display: inline-block;
}
.bg_color_view {
  background-color: #009688;
}
.bg_color_danger {
  background-color: #c71d23;
}
.bg_color_save {
  background-color: orange;
  background-image: linear-gradient(to right, rgb(248, 172, 30), orange);
}
.bg_color_save:hover {
  background-image: linear-gradient(to right, orange, rgb(248, 172, 30)) !important;
}
.opacity-0 {
  opacity: 0;
  pointer-events: none;
}

.list_con_special {
  padding-left: 40px;
  box-sizing: border-box;
  /* background-color: palegoldenrod; */
}
.list_con_special .layui-form-item .layui-form-label {
  width: 220px;
  flex-shrink: 0;
  box-sizing: border-box;
  text-align: left;
  /* background-color: orange; */
}

.list_con_special .layui-form-item .layui-form-label .formTitle {
  /* background-color: palegoldenrod; */
  padding-left: 0;
}

.list_con_special .layui-form-item .layui-form-label.label-reason .formTitle {
  color: #676767;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0;
}

.list_con_special .layui-form-item .layui-input-block {
  width: calc(100% - 220px);
}
.formBtnOuter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accountErrorTips {
  width: 100%;
  font-size: 13px;
  letter-spacing: 1px;
  color: red;
}

.materialTable_money tr td input{
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  text-align: center;
  /* background-color: orange; */
}

.warmTips{
  width: 100%;
  font-size: 15px;
  color: red;
  text-align: center;
  margin-top: 20px;
}

.list_con_preview .layui-input-block{
  display: flex;
  align-items: center;
}
.previewExplain{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.list_con_preview .layui-input-block .layui-elem-quote{
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.border-r-none {
    border-right: none !important;
}