hlt_gis_admin/public/static/css/portal.css

* {
  box-sizing: border-box;
  font-family: 微软雅黑;
  font-weight: 300;
  font-size: 14px;
}

a,
a:hover {
  text-decoration: none;
}

@media (max-width: 979px) {
  body {
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  body {
    padding: 0 !important;
  }
}

body {
  min-width: 1200px !important;
}

body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

div[simpleTemplate] {
  display: none;
}

.hideElement {
  display: none !important;
}
/*  */
.header {
  width: 100%;
  /* height: 95px; */
  background: #242a37;
}
.header-box {
  width: 100%;
  /* height: 95px; */
  background: #242a37;
}

.header-container {
  width: var(--gw);
  margin: auto;
  height: 95px;
  /* position: relative; */
  /* border-bottom: 1px rgba(222,225,233,.4) solid; */
}

.header-top {
  width: 100%;
  /* padding-bottom: 11px; */
  position: relative;
  height: 55px;
}

.header-container-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.nav-logo {
  background-image: url("../images/newPortal/标题.png");
  width: 463px;
  height: 30px;
  font-size: 26px;
  margin-top: 20px;
  line-height: 110px;
  background-repeat: no-repeat;
}

.header-float {
  /* position: relative;
    float: right;
    top: -82px; */
}

.header-help,
.header-login {
  /* height: 40px;
    line-height: 40px;
    float: right;
    color: var(--c1);
    background-repeat: no-repeat;
    background-position: 0px center;
    text-indent: 32px;
    margin-left: 64px;
    background-size: 20px; */
}

.header-help {
  display: none;
}

.header-help a,
.header-login a {
  color: #00a3ff;
  font-family: 黑体, monospace;
  padding: 2px 15px;
}

.header-float * {
  text-decoration: none;
}

.header-login {
  /* background-image: url("../images/portal/login.png"); */
  display: flex;
  padding-top: 20px;
  align-items: center;
}
.header-login p {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #dee1e9;
  color: rgba(222, 225, 233, 0.5);
  margin: 0;
  padding-right: 20px;
  border-right: 1px #dee1e9 solid;
}

.header-help {
  background-image: url("../images/portal/help.png");
}

.login-container {
  overflow: visible;
  display: flex;
  align-items: center;
  padding-top: 15px;
}

.login-container a {
  text-decoration: none;
}

.login-container a:focus,
.login-container a:hover,
.header-login a:focus,
.header-login a:hover {
  color: var(--c1);
  text-decoration: none;
}

.login-container:hover > .login-menu {
  display: block;
}

.login-name {
  float: left;
  display: block;
  line-height: 32px;
  /* background-image: url(../images/portal/login.png); */
  color: rgba(222, 225, 233, 0.5);
  font-family: 黑体, monospace;
  background-repeat: no-repeat;
  background-position: 0px center;
  background-size: 20px;
  padding-left: 24px;
  cursor: default !important;
}

#link_manage {
  float: left;
  /* display: block; */
  line-height: 21px;
  color: #bab1b1;
  font-family: 黑体, monospace;
  /* padding-left: 15px; */
  /* padding-right: 32px; */
  border: 1px solid;
  border-radius: 3px;
  padding: 0px 8px;
}

#link_logout {
  color: #bab1b1;
  font-family: 黑体, monospace;
  float: left;
  border: solid 1px;
  border-radius: 4px;
  padding: 0 8px;
  margin-left: 10px;
}

.login-menu {
  height: auto;
  float: right;
  background: #fff;
  z-index: 99999;
  border-radius: 6px;
  border: 1px solid #eee;
  opacity: 0.7;
  display: none;
  width: 150px;
}

.login-menu a,
.login-menu a:visited,
.login-menu a:active {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: right;
  color: var(--c1);
  text-indent: 0px;
  margin-left: 32px;
  float: left;
}

.login-menu a:hover {
  text-decoration: underline;
}

.header-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px rgba(222, 225, 233, 0.4) solid;
  height: 40px;
}

.header-menu-container {
  width: 100%;
  height: 100%;
}

.header-menu-container .menu {
  /* width: var(--gw); */
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999;
  display: flex;
  padding-top: 10px !important;
}

.nav-item {
  display: flex;
  cursor: pointer;
  float: left;
  margin-right: 44px;
  list-style-type: none;
  padding: 0 0px 5px 0px;
  align-items: center;
  border-bottom: 2px solid transparent;
}
.nav-item a {
  opacity: 0.5;
}

.nav-item.actived {
  color: #dee1e9;
  opacity: 1;
  border-bottom: 2px solid #00a4ff;
}

.nav-item:hover {
  color: #dee1e9;
  opacity: 1;
}
.nav-item span {
  font-weight: 400;
  color: #dee1e9;
  font-size: 16px;
  /* height: 18px; */
}
.nav-item:hover {
  border-bottom: 2px solid #00a4ff;
}
.nav-item:hover > a {
  opacity: 1;
}

.nav-icon {
  width: 10px;
  height: 6px;
  background-image: url(../images/newPortal/箭头b.png);
  background-position: center;
}
.slideshow-icon-box {
  position: absolute;
  left: 88px;
  bottom: 30px;
  z-index: 20;
  display: flex;
}

.slideshow-icon-item {
  width: 29px;
  height: 4px;
  box-sizing: border-box;
  background-color: #dddddd;
  margin-right: 9px;
  transition: all 0.3s;
}

.slideshow-icon-item:hover {
  cursor: pointer;
  background-color: #00a3ff;
}

.slideshow-icon-box .slideshow-icon-item:first-of-type {
  background-color: #00a3ff;
}

.second-menu {
  position: absolute;
  width: 100%;
  top: 93px;
  left: 0;
  height: 0px;
  padding: 0;
  background-color: rgb(51, 55, 64);
  z-index: 99999;
  overflow: hidden;
  transition: all 0.4s;
}

.second-menu-box {
  box-sizing: border-box;
  width: 1200px;
  margin: 0 auto;
  /* height: 473px; */
  position: relative;
  /* display: flex; */
  /* flex-wrap: wrap; */
  padding-top: 20px;
}
.second-menu-box li {
  width: 18%;
  height: 25px;
  cursor: auto;
  float: left;
  margin: 0 0 20px;
}

.second-menu-box li a {
  display: inline !important;
}
.second-menu-box a:hover {
  color: #ffffff;
  opacity: 1;
}

.search-box {
  width: 40px;
  height: 32px;
  background-color: rgba(56, 62, 77, 0);
  border-radius: 16px;
  display: flex;
  align-items: center;
  border-radius: 16px;
  overflow: hidden;
  /* margin-top: -7px; */
  padding: 0 8px;
  transition: all 0.3s;
  justify-content: flex-end;
}
.search-input {
  width: 0px;
  transition: all 0.3s;
}
.search-input input[type="text"] {
  width: 110px;
  height: 32px;
  background-color: rgba(56, 62, 77, 0);
  outline: none;
  border: none;
  color: #ffffff;
}
.search-btn {
  width: 21px;
  height: 22px;
  background-image: url(../images/newPortal/搜索.png);
  background-position: center;
}
.search-btn:hover {
  cursor: pointer;
}
.search-btn img {
  width: 100%;
  height: 22px;
}

.close-btn {
  position: absolute;
  bottom: 50px;
  right: 0;
  background-image: url(../images/newPortal/二级菜单-关闭a.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}
.close-btn:hover {
  background-image: url(../images/newPortal/二级菜单-关闭b.png);
}

.header-menu-container .menu a,
.header-menu-container .menu a:visited,
.header-menu-container .menu a:active,
.header-menu-container .menu a:hover {
  color: var(--c0);
  text-decoration: none;
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-right: 2px;
}

.header-menu-container .menu a span {
  padding: 0 3px;
}

/* 选中的高亮
.header-menu-container .menu a:active{
    opacity: 1;
} */

.current-nav {
  border-bottom: 2px solid #00a4ff;
}

.current-nav > a {
  opacity: 1;
}

.current-second-nav > a {
  opacity: 1;
}

.header-menu-container .menu .icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  position: relative;
  top: 6px;
}

.menu-item .menu a em {
  display: none !important;
}

.menu-item .menu {
  display: none;
  opacity: 0.75;
  height: auto;
  width: 100%;
  position: relative;
}

.menu-item .menu .menu-item:hover {
  background-color: var(--c1);
  border: none;
  border-image: none;
}

.icon_0 {
  background-image: url("../images/portal/icon_menu_index.png");
}

.icon_1 {
  background-image: url("../images/portal/icon_menu_reses.png");
}

.icon_2 {
  background-image: url("../images/portal/bigdata.png");
}

.icon_3 {
  background-image: url("../images/portal/icon_menu_apps.png");
}

.icon_4 {
  background-image: url("../images/portal/icon_menu_dev.png");
}

.icon_5 {
  background-image: url("../images/portal/icon_menu_penson.png");
}

#header_menu .hover {
  /*background-color: var(--c2);*/
  /*border-left: 1px solid var(--c1);*/
  /*border-right: 2px solid var(--c1);*/
  /*border-bottom-width: 6px;*/
  /*border-bottom-color: var(--c4);*/
  /*border-bottom-style: solid;*/
  /*border-image: none;*/
  background-color: var(--c2);
  border-bottom-width: 6px;
  border-bottom-style: solid;
  border-image: -webkit-linear-gradient(var(--c1), var(--c4)) 1 0;
  border-image: -o-linear-gradient(var(--c1), var(--c4)) 1 0;
  border-image: -moz-linear-gradient(var(--c1), var(--c4)) 1 0;
  border-image: linear-gradient(var(--c1), var(--c4)) 1 0;
}

.footer {
  float: left;
  height: 100px;
  width: 100%;
  /* background: var(--c1); */
  background: #2b303b;
}

.footer-container {
  width: var(--gw);
  margin: 0 auto;
  height: 100%;
}

.footer-info,
.footer-link,
.footer-copyright {
  float: left;
  width: 100%;
  color: var(--c0);
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 16px;
}
.footer-info {
  display: none;
}

.footer-link a,
.footer-link a:hover {
  color: var(--c0) !important;
}

/* new footer */
.footer-box {
  width: 100%;
  height: 174px;
  background: #2b303b;
  border-top: 1px solid #424653;
}
.footer-box-content {
  width: 640px;
  height: 90px;
  margin: 35px auto;
  text-align: center;
}
.footer-box-content span {
  width: 636px;
  height: 86px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  opacity: 0.85;
}
.footer-box-content span a {
  color: #ffffff;
  font-size: 12px;
}

.indexBanner {
  width: 100%;
  height: 320px;
  background-image: -webkit-linear-gradient(90deg, var(--g1_0), var(--g1_1));
  background-image: -o-linear-gradient(90deg, var(--g1_0), var(--g1_1));
  background-image: -moz-linear-gradient(90deg, var(--g1_0), var(--g1_1));
  background-image: linear-gradient(90deg, var(--g1_0), var(--g1_1));
  overflow: hidden;
}

.indexBanner-container {
  height: 100%;
  width: var(--gw);
  margin: 0 auto;
  background-image: url("../images/portal/banner_bg.png");
  background-position: top right;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.search-result-container {
  width: var(--gw);
  height: 100%;
  display: none;
  margin: 0 auto;
  padding: 32px 0;
}

.search-result {
  border-radius: 4px;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  background: var(--c1);
}

search-result-title {
  float: left;
  width: 100%;
  height: 48px;
}

.search-result-type.active,
.search-result-type:hover {
  /*border-bottom: 4px solid var(--c0);*/
  background-color: var(--c0);
  color: var(--c1);
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.search-result-type {
  display: none;
  height: 100%;
  width: 100%;
  float: left;
  height: 48px;
  width: 100px;
  text-align: center;
  line-height: 48px;
  color: var(--c0);
  cursor: pointer;
}

.search-back {
  background-image: url("../images/portal/back.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  float: left;
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  color: var(--c0);
  cursor: pointer;
  font-family: 微软雅黑;
  font-size: 24px;
}

@keyframes myfirst {
  from {
    border-bottom: 0px solid var(--c1);
  }
  to {
    border-bottom: 48px solid var(--c1);
  }
}

.search-result-list {
  /* border-radius: 4px; */
  height: 100%;
  width: 100%;
  float: left;
  height: calc(100% - 48px);
  background: var(--c0);
  padding: 32px;
  overflow-y: scroll;
}

.search-container {
  width: 504px;
  height: 54px;
  border: 1px solid rgba(40, 78, 176, 1);
  border-radius: 4px;
  position: relative;
  top: 112px;
  background: 440px center url("../images/portal/search.png") no-repeat,
    linear-gradient(
      90deg,
      var(--c0) 0px,
      var(--c0) 408px,
      var(--c1) 408px,
      var(--c1)
    );
}

.search-container .search-button,
.search-container .search-input {
  float: left;
  border: none;
  background: transparent;
}

.search-container .search-input {
  width: 408px;
  height: 52px;
  text-indent: 16px;
  font-size: 16px;
}

.search-container .search-button {
  height: 52px;
  width: 94px;
  padding: 0;
}

.hotkey-container {
  width: 504px;
  height: 26px;
  padding-left: 24px;
  position: relative;
  top: 136px;
  background-image: url("../images/portal/hot.png");
  background-position: center left;
  background-repeat: no-repeat;
}

.hotkey-container .hotkey-item {
  float: left;
  width: auto;
  height: 26px;
  background: var(--c6);
  border-radius: 13px;
  margin-left: 8px;
  padding: 0 8px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  margin-bottom: 10px;
}

.hotkey-container .hotkey-item:hover {
  background: var(--c4);
  color: rgba(255, 255, 255, 1);
}

.index-count {
  width: 100%;
  height: 70px;
  border-bottom: 1px solid var(--c7);
}

.index-count-container {
  width: var(--gw);
  height: 70px;
  margin: 0 auto;
}

.index-count .count-item {
  width: calc(100% / 5);
  height: 70px;
  float: left;
  border-left: 1px solid;
  border-image: -webkit-linear-gradient(
      rgb(255, 255, 255, 0),
      rgb(255, 255, 255, 0) 20px,
      var(--c7) 20px,
      var(--c7) 50px,
      rgb(255, 255, 255, 0) 60px,
      rgb(255, 255, 255, 0)
    )
    1 10 1;
  border-image: -o-linear-gradient(
      rgb(255, 255, 255, 0),
      rgb(255, 255, 255, 0) 20px,
      var(--c7) 20px,
      var(--c7) 50px,
      rgb(255, 255, 255, 0) 60px,
      rgb(255, 255, 255, 0)
    )
    1 10 1;
  border-image: -moz-linear-gradient(
      rgb(255, 255, 255, 0),
      rgb(255, 255, 255, 0) 20px,
      var(--c7) 20px,
      var(--c7) 50px,
      rgb(255, 255, 255, 0) 60px,
      rgb(255, 255, 255, 0)
    )
    1 10 1;
  border-image: linear-gradient(
      rgb(255, 255, 255, 0),
      rgb(255, 255, 255, 0) 20px,
      var(--c7) 20px,
      var(--c7) 50px,
      rgb(255, 255, 255, 0) 60px,
      rgb(255, 255, 255, 0)
    )
    1 10 1;
}

.index-count .count-item:first-child {
  border-left: none;
}

.index-count .count-item .count-item-container {
  width: calc(100% - 16px);
  height: 56px;
  margin: 7px auto;
}

.index-count .count-item .icon-count-datas,
.index-count .count-item .icon-count-reses,
.index-count .count-item .icon-count-widget,
.index-count .count-item .icon-count-map,
.index-count .count-item .icon-count-resource {
  float: left;
  height: 56px;
  width: 56px;
}

.index-count .count-item .icon-count-datas {
  background: center url("../images/portal/icon_datas.png") no-repeat;
}

.index-count .count-item .icon-count-reses {
  background: center url("../images/portal/icon_reses.png") no-repeat;
}

.index-count .count-item .icon-count-widget {
  background: center url("../images/portal/icon_widget.png") no-repeat;
}

.index-count .count-item .icon-count-map {
  background: center url("../images/portal/icon_map.png") no-repeat;
}

.index-count .count-item .icon-count-resource {
  background: center url("../images/portal/icon_resource.png") no-repeat;
}

.index-count .count-item .label {
  color: var(--tc1);
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  font-weight: normal;
  font-family: 微软雅黑;
  padding: 0 12px 0 12px !important;
  background-color: transparent !important;
  margin: 0 !important;
  float: left;
}

.index-count .count-item .count {
  color: var(--c4);
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  font-weight: bold;
  font-family: 微软雅黑;
  float: left;
}

.index-datas {
  width: 100%;
  height: 600px;
}

.index-datas-container {
  width: var(--gw);
  height: 100%;
  margin: 0 auto;
  padding: 32px 0 0 0;
}

.datas-title {
  width: 192px;
  margin: 0px auto 16px auto;
  height: 52px;
  font-size: 28px;
  font-family: 黑体;
  font-weight: bold;
  text-indent: 64px;
  line-height: 52px;
  color: var(--c1);
  background: 0px center url("../images/portal/datas.png") no-repeat;
}

.down-arr {
  width: calc(100% - 720px);
  height: 8px;
  margin: 0 auto;
  background: center center url("../images/portal/down_arr.png") no-repeat;
}

.datas-description {
  margin: 0 auto 32px auto;
  text-align: center;
  width: 100%;
  line-height: 32px;
  font-size: 16px;
  font-family: 黑体;
  color: var(--tc2);
}

.datas-block-item {
  text-decoration: none !important;
  transition: none !important;
  display: block;
  border-radius: 4px;
  border: 1px solid var(--c1);
  padding: 32px 16px;
  height: 396px;
  width: 264px;
  float: left;
  margin-left: 48px;
  cursor: pointer;
  background: center 180px url("../images/portal/block_bg_0.png") no-repeat,
    center center url("../images/portal/datas_bg_0.png") no-repeat;
}

.datas-block-item:first-child {
  margin-left: 0px;
}

.data-bg-0,
.data-bg-1,
.data-bg-2,
.data-bg-3,
.data-bg-4 {
}

.data-bg-0 {
  background: center 180px url("../images/portal/block_bg_0.png") no-repeat,
    center center url("../images/portal/datas_bg_0.png") no-repeat;
}

.data-bg-1 {
  background: center 180px url("../images/portal/block_bg_0.png") no-repeat,
    center center url("../images/portal/datas_bg_1.png") no-repeat;
}

.data-bg-2 {
  background: center 180px url("../images/portal/block_bg_0.png") no-repeat,
    center center url("../images/portal/datas_bg_2.png") no-repeat;
}

.data-bg-3 {
  background: center 180px url("../images/portal/block_bg_0.png") no-repeat,
    center center url("../images/portal/datas_bg_3.png") no-repeat;
}

.data-bg-4 {
  background: center 180px url("../images/portal/block_bg_0.png") no-repeat,
    center center url("../images/portal/datas_bg_4.png") no-repeat;
}

.data-icon-0,
.data-icon-1,
.data-icon-2,
.data-icon-3 {
  height: 160px;
  width: 160px;
  margin: 0 auto;
}

.data-icon-0 {
  background: 10px center url("../images/portal/icon_dat.png") no-repeat;
}

.data-icon-1 {
  background: 10px center url("../images/portal/icon_pla.png") no-repeat;
}

.data-icon-2 {
  background: 10px center url("../images/portal/icon_man.png") no-repeat;
}

.data-icon-3 {
  background: 10px center url("../images/portal/icon_res.png") no-repeat;
}

.data-name {
  width: 100%;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  font-family: 黑体;
  margin: 72px auto 0 auto;
  height: 32px;
  line-height: 32px;
  text-align: center;
}

.data-detail1 {
  width: 100%;
  text-align: center;
  margin: 8px auto;
}

.data-detail1 .sp1 {
  display: block;
  color: var(--tc2);
  font-size: 16px;
  line-height: 32px;
  font-family: 微软雅黑;
}

.data-detail1 .sp1 .c1 {
  color: var(--c4);
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
}

.data-detail2 {
  width: 100%;
  text-align: left;
  margin: 8px auto;
  display: none;
}

.data-detail2 .sp1 {
  display: block;
  color: var(--c3);
  font-size: 16px;
  line-height: 32px;
  font-family: 微软雅黑;
  font-weight: bold;
  text-align: center;
}

.data-detail2 .sp2 {
  display: block;
  color: var(--c3);
  font-size: 14px;
  line-height: 24px;
  text-indent: 28px;
  font-family: 微软雅黑;
}

.data-detail2 .sp2 .c1 {
  color: var(--c4);
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
}

.data-detail2 .sp1 .c1 {
  color: var(--c4) !important;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
}

.data-detail2 .sp2 .c2 {
  color: var(--c4);
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
}

.datas-block-item:hover {
  border: 1px solid var(--c4);
  background: none;
}

.datas-block-item:hover > .data-name {
  margin-top: 16px;
  color: var(--c3);
}

.datas-block-item:hover > .data-detail2 {
  display: block;
}

.datas-block-item:hover > .data-detail1 {
  display: none;
}

.index-widgets {
  width: 100%;
  height: 760px;
  margin: 32px 0;
  background-color: var(--bc1);
}

.index-widgets-container {
  width: var(--gw);
  height: 100%;
  margin: 0 auto;
  padding: 32px 0 0 0;
}

.widgets-title {
  width: 192px;
  margin: 0px auto 16px auto;
  height: 52px;
  font-size: 28px;
  font-family: 黑体;
  font-weight: bold;
  text-indent: 64px;
  line-height: 52px;
  color: var(--c1);
  background: 0px center url("../images/portal/widgets.png") no-repeat;
}

.widgets-description {
  margin: 0 auto 32px auto;
  text-align: center;
  width: 100%;
  line-height: 32px;
  font-size: 16px;
  font-family: 黑体;
  color: var(--tc2);
}

.widgets-left,
.widgets-right {
  float: left;
  overflow: hidden;
}

.widgets-left {
  width: 328px;
  height: 393px;
}

.widgets-left a {
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 20px;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-family: 黑体, monospace;
  font-size: 26px;
  font-weight: 400;
}

.widgets-left a:hover,
.widgets-left a:link,
.widgets-left a:visited,
.widgets-left a:active {
  color: white;
  text-decoration: none !important;
}

.widgets-left .onemap {
  height: 111px;
  width: 328;
  background: url("../images/portal/bg.png") no-repeat;
}

.widgets-left .dmap {
  width: 328px;
  height: 280px;
  margin-top: 8px;
  background: url("../images/portal/3dsys.png") no-repeat;
}

.widgets-right {
  width: 872px;
  height: 393px;
}

.widget-block {
  width: 428px;
  height: 196px;
  background: var(--c0);
  float: left;
  margin: 0 0 8px 8px;
}

.widget-block:nth-child(even) {
}

.wicon {
  height: 196px;
  float: left;
  padding: 40px 28px 0;
}

.wicon > div {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: contain;
}
.wicon1 {
  background-image: url("../images/portal/wicon1.png");
}
.wicon2 {
  background-image: url("../images/portal/wicon2.png");
}
.wicon3 {
  background-image: url("../images/portal/wicon3.png");
}
.wicon4 {
  background-image: url("../images/portal/wicon4.png");
}
.wicon-bdc {
}

.wicon-hyst {
  background-image: url("../images/portal/icon_hyst.png");
}

.wicon-bdc {
  background-image: url("../images/portal/icon_bdc.png");
}

.wicon-sd {
  background-image: url("../images/portal/icon_sd.png");
}

.wicon-sw {
  background-image: url("../images/portal/icon_sw.png");
}

.wicon-tdcb {
  background-image: url("../images/portal/icon_tdcb.png");
}

.wicon-gb {
  background-image: url("../images/portal/icon_gb.png");
}

.wicon-lygh {
  background-image: url("../images/portal/icon_lygh.png");
}

.wicon-zzy {
  background-image: url("../images/portal/icon_zzy.png");
}

.wicon-tdly {
  background-image: url("../images/portal/icon_tdly.png");
}

.wicon-zfjc {
  background-image: url("../images/portal/icon_zfjc.png");
}

.wicon-dghy {
  background-image: url("../images/portal/icon_dghy.png");
}

.wtext {
  float: left;
  height: 196px;
  width: 328px;
  padding: 40px 16px 0 0;
}

.wtitle > div {
  font-size: 20px !important;
  font-family: 黑体 !important;
  height: 38px;
  line-height: 28px;
  color: var(--c1);
}

.wtitle a,
.wtitle a:hover,
.wtitle a:visited,
.wtitle a:active {
  color: var(--c1) !important;
  text-decoration: none;
}

.wcontent {
  font-family: 黑体;
  font-size: 14px;
  color: var(--tc1);
}

.widgets-bottom {
  height: 162px;
  width: 100%;
  clear: both;
  margin-top: 8px;
}

.wscroll-container {
  width: 100%;
  height: 100%;
}

.wscroll-item {
  float: left;
  height: 100%;
  width: 200px;
  display: block;
  border-radius: 16px;
  border: 16px solid var(--bc1);
}

.wscroll-item:hover {
  background-color: var(--c7);
}

.wscroll-item div {
  display: inline;
}

.wscroll-container a > div,
.wscroll-container a:hover > div,
.wscroll-container a:active > div,
.wscroll-container a:visited > div {
  display: block;
  bottom: 0px;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  font-family: 黑体;
  color: var(--tc3);
  text-align: center;
  margin-top: 88px;
}

.wicon-s-0,
.wicon-s-1,
.wicon-s-2,
.wicon-s-3,
.wicon-s-4,
.wicon-s-5 {
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: 64px 64px;
}

.wicon-s-0 {
  background-image: url("../images/portal/cx.png");
}

.wicon-s-1 {
  background-image: url("../images/portal/pufx.png");
}

.wicon-s-2 {
  background-image: url("../images/portal/dsjfx.png");
}

.wicon-s-3 {
  background-image: url("../images/portal/ztzs.png");
}

.wicon-s-4 {
  background-image: url("../images/portal/tj.png");
}

.wicon-s-5 {
  background-image: url("../images/portal/qt.png");
}

.index-services {
  width: 100%;
  height: 510px;
}

.index-services-container {
  width: var(--gw);
  height: 100%;
  margin: 0 auto;
  padding: 32px 0 0 0;
}

.services-title {
  width: 192px;
  margin: 0px auto 16px auto;
  height: 52px;
  font-size: 28px;
  font-family: 黑体;
  font-weight: bold;
  text-indent: 64px;
  line-height: 52px;
  color: var(--c1);
  background: 0px center url("../images/portal/services.png") no-repeat;
}

.services-description {
  margin: 0 auto 32px auto;
  text-align: center;
  width: 100%;
  line-height: 32px;
  font-size: 16px;
  font-family: 黑体;
  color: var(--tc2);
}

.services-block {
  height: 318px;
  width: 584px;
  float: left;
  background-color: var(--bc1);
}

.services-block:nth-child(even) {
  margin-left: 32px;
}

.services-block-title {
  height: 118px;
  width: 100%;
  font-size: 34px;
  line-height: 118px;
  font-family: 黑体;
  font-weight: bold;
  text-align: center;
  color: var(--c0);
}

.service-bg-0 {
  background-image: url("../images/portal/service_bg_0.png");
}

.service-bg-1 {
  background-image: url("../images/portal/service_bg_1.png");
}

.services-block-items {
  height: 200px;
  width: 100%;
  padding: 16px 0;
}

.services-item {
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  border-radius: 16px;
  text-align: center;
  padding: 0 16px;
  float: left;
  margin: 0 0 16px 16px;
  color: var(--tc2);
  border: 1px solid var(--tc2);
}

.scroll-left {
  width: 29px;
  height: 42px;
  background-image: url(../images/portal/scroll_arr.png);
  top: -214px;
  position: relative;
  left: 8px;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.scroll-right {
  width: 29px;
  height: 42px;
  background-image: url(../images/portal/scroll_arr.png);
  transform: scaleX(-1);
  position: relative;
  top: -255px;
  left: 843px;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*--------------------------loading--------------------*/
.loading {
  width: 80px;
  height: 40px;
  margin: 0 auto;
  margin-top: 100px;
  opacity: 0.5;
}

.loading span {
  display: inline-block;
  width: 8px;
  height: 100%;
  border-radius: 4px;
  background: var(--c1);
  -webkit-animation: load 1s ease infinite;
}

@-webkit-keyframes load {
  0%,
  100% {
    height: 40px;
    background: var(--c1);
  }
  50% {
    height: 70px;
    margin: -15px 0;
    background: var(--c3);
  }
}

.loading span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
}

.loading span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
}

.loading span:nth-child(4) {
  -webkit-animation-delay: 0.6s;
}

.loading span:nth-child(5) {
  -webkit-animation-delay: 0.8s;
}

/*---------------------datacenter----------------------*/

.ztree li span.button.ico_open {
  background-image: url(../images/zTree/1o.png) !important;
  background-position: center !important;
  background-size: cover;
  width: 20px !important;
  height: 15px !important;
  margin: 0 7px;
  display: none;
}

.ztree li span.button.ico_close {
  background-image: url(../images/zTree/1.png) !important;
  background-position: center !important;
  background-size: cover;
  width: 16px !important;
  height: 14px !important;
  margin: 0 7px;
  display: none;
}

.ztree li[haschild="1"] {
  /* padding: 3px 0 !important; */
  padding: 0px 0 !important;
}

.ztree .ico_open + span,
.ico_close + span {
  color: #5e5d5e;
  font-family: 微软雅黑;
  font-size: 14px !important;
  padding: 0 8px;
}

.ztree li span.button.ico_docu {
  background-image: url(../images/zTree/f.png) !important;
  background-position: center !important;
  background-size: cover;
  width: 16px !important;
  height: 14px !important;
  margin: 0 7px;
  display: none;
}

.ztree .ico_docu + span {
  color: #888;
  font-family: 微软雅黑;
  font-size: 14px !important;
  padding: 0 8px;
}

.ztree li a.curSelectedNode {
  background-color: transparent !important;
  border: none !important;
}

.ztree li a.curSelectedNode span {
  color: #00a3ff !important;
}

.ztree li span.button.roots_open,
.ztree li span.button.bottom_open,
.ztree li span.button.center_open {
  background-image: url(../images/zTree/ji.png) !important;
  background-position: center !important;
}

.ztree li span.button.roots_close,
.ztree li span.button.bottom_close,
.ztree li span.button.center_close {
  background-image: url(../images/zTree/j.png) !important;
  background-position: center !important;
}

.ztree li a {
  padding: 0 !important;
}

.ztree {
  padding: 15px !important;
}

.ztree li a {
  height: 25px !important;
}

.ztree * {
  font-size: 12px;
  font-weight: 400 !important;
}

.datacenter {
  width: 100%;
  height: auto;
  min-height: 100%;
}

.datacenter-container {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
  overflow: hidden;
  /* border-top-left-radius: 8px;
    border-top-right-radius: 8px; */
  padding-right: 15px;
}

.datacenter-left {
  float: left;
  width: 250px;
  height: auto;
  margin-right: 16px;
  border: 1px solid #dfdfdf;
  border-top: none;
  background: #f5f5f5;
  /* overflow:auto; */
  /* height: calc(100% - 20px); */
  /* max-height: 1306px; */
}

.datacenter-right {
  float: left;
  width: calc(100% - 266px);
  height: 100%;
  /* padding-top: 16px; */
}

.datacenter-right .tags,
.datacenter-right .tag_container {
  float: left;
  padding: 5px;
  width: 100%;
}
.datacenter-right .tag_container {
  position: relative;
  height: 40px;
  overflow: hidden;
  display: flex;
}

/* 数据目录更多按钮 */
.tag_container-showmore-box {
  position: relative;
  width: 120px;
  height: 40px;
}

.tag_container-showmore-btn {
  position: absolute;
  right: 0;
  bottom: 13px;
  width: 76px;
  height: 26px;
  background: #00a3ff;
  border-radius: 3px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.datacenter-right .resource_list_nav,
.datacenter-right .resource_list {
  box-sizing: border-box;
  width: 100%;
  float: left;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-items: center;
}
.datacenter-right .resource_list_nav,
.datacenter-right .resource_list_top {
  box-sizing: border-box;
  width: 100%;
  /* float: left; */
  clear: both;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-items: center;
}

.datacenter-right .resource_list > div:not(:nth-of-type(4n + 4)) {
  margin-right: 7px;
}

.ztree-container {
  float: left;
  overflow: auto;
  width: 100%;
  height: auto;
  max-height: 976px;
}

.ztree-root {
  float: left;
  /* padding: 8px; */
  box-sizing: border-box;
  width: 100%;
  padding: 0px 10px;
  display: none;
  justify-content: space-around;
}

.ztree-root a {
  color: #5e5d5e;
  cursor: pointer;
  text-transform: none;
  /* float: left; */
  /* margin: 2px 4px; */
  border-radius: 3px;
  /* padding: 2px 8px 4px; */
  /* overflow-y: auto; */
  max-width: 120px;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  /* border: 1px solid var(--c1); */
  font-size: 14px;
  font-family: 微软雅黑;
  width: 108px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background-color: #dfdfdf;
}

.ztree-root a.active {
  background: #00a3ff;
  color: #ffffff;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 2;
  color: #00a3ff;
  cursor: default;
  background-color: #ffffff !important;
  border-color: #00a3ff !important;
}
.pagination > li > a,
.pagination > li > span {
  color: #5e5d5e !important;
  background: #ffffff !important;
  border-radius: 3px;
  font-weight: bold;
}
/*tab-simple*/
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #00a3ff !important;
}
.nav-tabs-simple {
  border-bottom: 1px solid #ddd;
}

.nav-tabs-simple > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs-simple > li.active > a,
.nav-tabs-simple > li.active > a:focus,
.nav-tabs-simple > li.active > a:hover {
  color: #00a3ff;
  cursor: default;
  background-color: #fff;
  border-bottom: 2px solid #00a3ff;
  font-weight: bold;
}

.nav-tabs-simple.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs-simple.nav-justified > li {
  float: none;
}

.nav-tabs-simple.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs-simple.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs-simple.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-tabs-simple.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-simple.nav-justified > li > a {
  margin-right: 0;
}

.nav-tabs-simple.nav-justified > .active > a,
.nav-tabs-simple.nav-justified > .active > a:focus,
.nav-tabs-simple.nav-justified > .active > a:hover {
  border-bottom: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-simple.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
  }

  .nav-tabs-simple.nav-justified > .active > a,
  .nav-tabs-simple.nav-justified > .active > a:focus,
  .nav-tabs-simple.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}

.apps {
  width: 100%;
  height: auto;
  min-height: 100%;
}

.apps-container {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.apps-left {
  float: left;
  width: 300px;
  height: 100%;
  padding-top: 15px;
}

.apps-right {
  float: left;
  width: calc(100% - 300px);
  height: 100%;
  padding-top: 15px;
}

.tags-new {
  color: #4b4b4b;
  background-color: #fff;
  box-sizing: border-box;
}

.tags-title {
  padding: 0 20px;
  height: 45px;
  font-size: 16px;
  line-height: 3.125;
  /* border-bottom: 1px solid #f2f2f2; */
}

.lineblow {
  border-width: 1px;
  color: #f2f2f2;
  width: 200px;
  height: 1px;
  border-bottom: 1px solid #f2f2f2;
}

.tags-container {
  max-height: 620px;
  padding: 15px 20px;
  padding-bottom: 25px;
}

.resource_list_nav {
  padding: 0 20px;
  height: 50px;
  font-size: 14px;
  line-height: 3.125;
  border-bottom: 1px solid #f2f2f2;
}

#resource_list_maplist {
  padding: 4px 0;
}

.resource_item {
  height: 318px;
  width: 224px;
  margin-bottom: 14px;
  border: 2px dashed transparent;
  /* border-radius: 4px; */
}

.resource_item2 {
  height: 90px;
  width: 100%;
  margin-bottom: 24px;
  border-radius: 4px;
}

.resource_item:hover {
  /* border: 2px dashed  rgb(190, 204, 231,0.3); */
  /* border-radius: 4px; */
}

.item_left {
  width: 185px;
  height: 100%;
  float: left;
  overflow: visible;
}

.item_left2 {
  width: 120px;
  height: 100%;
  float: left;
  overflow: visible;
  background-image: linear-gradient(60deg, #f4a019, #ffc03a);
  border-radius: 4px;
}

.img_container {
  width: 100%;
  height: 100%;
  /* border: 1px solid #f4f6fb; */
  background: #b7bed3;
  border-radius: 4px;
  /*padding: 1px;*/
}

.img_container2 {
  width: 100%;
  height: 100%;
  border: 1px solid #f4f6fb;
  /*background: #b7bed3;*/
  border-radius: 4px;
  /*padding: 1px;*/
  text-align: center;
  padding-top: 4px;
}

/*.img_container:after {*/
/*    content: attr(data-num);*/
/*    line-height: 50px;*/
/*    text-align: center;*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    border-radius: 50%;*/
/*    background-color: red;*/
/*    position: absolute;*/
/*    top: -20px;*/
/*    right: -20px;*/
/*}*/
/*.repeat-count{*/
/*    position: relative;*/
/*    margin: -127px 0 0 175px;*/
/*    z-index: 99;*/
/*    background:#F00;*/
/*    width: 18px;*/
/*    height: 18px;*/
/*    color: #FFF;*/
/*    font-size: 9px;*/
/*    line-height: 18px;*/
/*    text-align: center;*/
/*    border-radius: 50%;*/
/*    font-family: 微软雅黑;*/
/*    font-weight: bold;*/
/*}*/
/*.repeat-count[data-num="1"]{*/
/*    display: none;*/
/*}*/

.r-number {
  margin-left: 8px;
  /* background: var(--c4); */
  padding: 0 4px;
  line-height: 16px;
  /* display: inline-block; */
  color: #fff;
  font-family: 黑体;
  border-radius: 4px;
  cursor: default;
}

.r-number[data-num="1"] {
  display: none;
}

.img_container img {
  width: 100%;
  height: 100%;
  background: #fff;
}

.item_right {
  height: 100%;
  float: left;
  padding-left: 24px;
  width: calc(100% - 185px);
}

.item_right .title {
  font-size: 16px;
  font-family: 黑体;
  color: #284eb0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
}

.item_right .des_container {
  width: 100%;
  height: 64px;
  padding: 8px 0;
  line-height: 20px;
}

.item_right .des {
  font-size: 14px;
  font-family: 微软雅黑;
  color: #888888;
  padding-bottom: 10px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.item_right strong {
  color: var(--c4);
}

.item_right2 {
  height: 100%;
  float: left;
  padding-left: 20px;
  width: calc(100% - 120px);
}

.item_right2 .title {
  font-size: 16px;
  font-family: 黑体;
  color: #284eb0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
}

.item_right2 .des_container {
  width: 100%;
  height: 64px;
  padding: 8px 0;
  line-height: 20px;
}

.item_right2 .des {
  font-size: 14px;
  font-family: 微软雅黑;
  color: #888888;
  padding-bottom: 10px;
}

.item_right2 strong {
  color: var(--c4);
}

.infoitem,
.infoitem2 {
  float: left;
  font-size: 14px;
  height: 100%;
  line-height: 32px;
  text-indent: 16px;
}

.infoitem3 {
  float: left;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}

.infoitem {
  /*width: 170px;*/
  color: var(--tc1);
  font-size: 14px;
}

.resource_item[data-searching="0"] .infoitem2 * {
  display: none;
}

.resource_item[data-permission="true"] .infoitem2 * {
  display: block;
}

.resource_item[data-permission=true] .infoitem2.auth,
.resource_item[data-permission=true] .infoitem2.auth_checking,
.resource_item[data-permission=false] .infoitem2.detail,
.resource_item[data-permission=false] .infoitem2.downloading,

.resource_item[data-permission=false] .infoitem2.watching,
/*.resource_item[data-permission=false] .infoitem2.view,*/
/*.resource_item[data-permission=false] .infoitem2.icon_view,*/

.resource_item[data-permission=false] .infoitem2.detail_service,
.resource_item[data-checking=false] .infoitem2.auth_checking,
.resource_item[data-checking=true] .infoitem2.auth,
.resource_item[data-servicetype="FMECheckService"] .infoitem2.watching,
.resource_item[data-servicetype="FMEConvertService"] .infoitem2.watching,
.resource_item[data-servicetype="FMEDownloadService"] .infoitem2.watching,
.resource_item[data-servicetype="FMEImportService"] .infoitem2.watching {
  display: none;
}

.info .icon_detail,
.info .icon_time,
.info .icon_type,
.info .icon_view,
.info .icon_unview,
.info .icon_download,
.info .icon_apply,
.info .icon_applydb,
.info .icon_database,
.info .icon_play,
.info .icon_coor,
.info .icon_data,
.info .icon_cttime,
.info .icon_detail2,
.info .icon_view2 {
  background-position: left center !important;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}

.info .icon_detail,
.info .icon_view,
.info .icon_unview,
.info .icon_download,
.info .icon_apply,
.info .icon_applydb,
.info .icon_play,
.info .icon_detail2,
.info .icon_view2 {
  background-position: 8px center !important;
}

.info .icon_time {
  background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(183,190,211);" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>成交日期</title><path  d="M100,11.5A88.5,88.5,0,1,0,188.5,100,88.5,88.5,0,0,0,100,11.5Zm0,165A76.5,76.5,0,1,1,176.5,100,76.59,76.59,0,0,1,100,176.5Z"/><polygon points="103 49 91 49 91 98 91 110 103 110 150 110 150 98 103 98 103 49"/></svg>');
  width: 230px;
}

.info .icon_type {
  background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(183,190,211);" id="服务类型" data-name="服务类型" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>服务类型</title><path d="M100,1.5,14.7,50.75v98.5L100,198.5l85.3-49.25V50.75Zm73.3,140.82L100,184.64,26.7,142.32V57.68L100,15.36l73.3,42.32Z"/><polygon points="62.22 65.8 56.22 76.2 94 98.01 94 139 106 139 106 98.01 143.78 76.2 137.78 65.8 100 87.62 62.22 65.8"/></svg>');
  /*width: 300px !important;*/
  /*width: 230px;*/
}
.info .icon_database {
  background-image: url('data:image/svg+xml;utf8,<svg t="1595297998405" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1809" width="24" height="24"><path d="M1023.232 207.722667C1014.954667 90.688 793.685333 0 512 0S9.045333 90.688 0.789333 207.722667H0v601.770666C0 929.706667 224.896 1024 512 1024c287.125333 0 512-94.293333 512-214.506667V207.722667h-0.768zM512 72.192c256.704 0 430.336 74.581333 436.885333 151.402667-6.464 76.992-180.181333 151.488-436.885333 151.488-256.725333 0-430.314667-74.453333-436.885333-151.402667C81.6 146.794667 255.274667 72.298667 512 72.298667v-0.106667z m0 879.509333c-261.674667 0-437.525333-77.461333-437.525333-155.925333V640.426667C163.52 701.994667 324.181333 742.4 512 742.4c187.84 0 348.48-40.405333 437.525333-101.952v155.349333c0 78.442667-175.850667 155.904-437.525333 155.904z m437.525333-448.96v11.477334c0 78.4-175.850667 155.861333-437.525333 155.861333S74.474667 592.704 74.474667 514.304V345.386667C163.52 406.848 324.181333 447.338667 512 447.338667c187.84 0 348.48-40.426667 437.525333-101.952v157.354666z" fill="rgb(183,190,211)" p-id="1810"></path></svg>');
}

.info .icon_coor {
  /*background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(183,190,211);" id="服务类型" data-name="服务类型" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>服务类型</title><path d="M100,1.5,14.7,50.75v98.5L100,198.5l85.3-49.25V50.75Zm73.3,140.82L100,184.64,26.7,142.32V57.68L100,15.36l73.3,42.32Z"/><polygon points="62.22 65.8 56.22 76.2 94 98.01 94 139 106 139 106 98.01 143.78 76.2 137.78 65.8 100 87.62 62.22 65.8"/></svg>');*/
  /*width: 300px !important;*/
  width: 40%;
  position: relative;
}

.info .icon_data {
  /*background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(183,190,211);" id="服务类型" data-name="服务类型" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>服务类型</title><path d="M100,1.5,14.7,50.75v98.5L100,198.5l85.3-49.25V50.75Zm73.3,140.82L100,184.64,26.7,142.32V57.68L100,15.36l73.3,42.32Z"/><polygon points="62.22 65.8 56.22 76.2 94 98.01 94 139 106 139 106 98.01 143.78 76.2 137.78 65.8 100 87.62 62.22 65.8"/></svg>');*/
  /*width: 300px !important;*/
  width: 25%;
  position: relative;
}

.info .icon_cttime {
  /*background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(183,190,211);" id="服务类型" data-name="服务类型" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>服务类型</title><path d="M100,1.5,14.7,50.75v98.5L100,198.5l85.3-49.25V50.75Zm73.3,140.82L100,184.64,26.7,142.32V57.68L100,15.36l73.3,42.32Z"/><polygon points="62.22 65.8 56.22 76.2 94 98.01 94 139 106 139 106 98.01 143.78 76.2 137.78 65.8 100 87.62 62.22 65.8"/></svg>');*/
  /*width: 300px !important;*/
  width: 35%;
  position: relative;
}

.info .icon_view {
  background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(40,78,176);" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>资源浏览</title><path d="M100,31.5C48.09,31.5,6,90.21,6,100c0,11.74,42.09,68.5,94,68.5s94-53.82,94-68.5C194,90.21,151.91,31.5,100,31.5ZM157.14,132c-10.47,9.16-31.83,24.52-57.14,24.52-23.32,0-43.52-13.54-56.36-24.89-15.69-13.87-23.46-26.92-25.31-31.38,2.26-5,11.21-18.53,25.7-31.48C56.91,57.23,77.08,43.5,100,43.5s43.09,13.73,56,25.25C170.78,82,179.8,95.8,181.81,100.55,180.41,105.17,172.55,118.52,157.14,132Z"/><path d="M100,62a38,38,0,1,0,38,38A38,38,0,0,0,100,62ZM89.87,99.16a11,11,0,1,1,11-11A11,11,0,0,1,89.87,99.16Z"/></svg>');
}
.info .icon_unview {
  background-image: url('data:image/svg+xml;utf8,<svg t="1596522310251" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="864" width="32" height="32"><path d="M930.9 456.1c-28.7-31.3-75.8-77.9-137.2-121.7-9.9-7.1-23.6-4.8-30.7 5.1-7.1 9.9-4.8 23.6 5.1 30.7 61.4 43.8 108 91.3 130.4 115.7 4.8 5.2 4.8 12.9 0 18.1-26.6 29-81.9 84.6-154.5 132.2-86.5 56.7-171.4 85.4-252.4 85.4-29.5 0-60-3.9-90.5-11.6-11.8-2.9-23.7 4.2-26.7 16-2.9 11.8 4.2 23.7 16 26.7 34.1 8.6 68.1 12.9 101.2 12.9 89.7 0 182.7-31.1 276.5-92.7 76.6-50.2 134.9-108.7 162.8-139.2 20.3-22.1 20.3-55.5 0-77.6zM870.7 115.9c-8.6-8.6-22.5-8.6-31.1 0L685 270.5c-65.6-30.6-130.7-46.1-193.4-46.1-89.7 0-182.7 31.2-276.5 92.6-76.6 50.2-134.9 108.7-162.8 139.2-20.3 22.1-20.3 55.5 0 77.6C88 572.7 161.2 644.9 257 698.5L112.4 843.1c-8.6 8.6-8.6 22.5 0 31.1 4.3 4.3 10 6.4 15.6 6.4s11.2-2.1 15.5-6.4L870.7 147c8.6-8.6 8.6-22.5 0-31.1zM425 317.5c41.7 0 75.5 33.8 75.5 75.5s-33.8 75.5-75.5 75.5-75.5-33.8-75.5-75.5c0-41.8 33.8-75.5 75.5-75.5z m198.9-24.8c9.3 3.3 18.6 7 27.9 11l-7.5 7.5c-6.4-6.6-13.2-12.7-20.4-18.5zM287.3 664.9C192.6 614 119.8 542.3 84.8 504.1c-4.8-5.2-4.8-12.9 0-18.1 26.5-29 81.8-84.6 154.4-132.2 40.3-26.4 80.2-46.7 119.6-60.9-49 39-80.4 99.2-80.4 166.7 0.1 59.9 25 114 64.8 152.7l-53.9 53.9c-0.6-0.5-1.3-0.9-2-1.3z" p-id="865" fill="rgb(153,153,153)"></path><path d="M491.6 672.6c117.7 0 213.1-95.4 213.1-213.1 0-18.3-2.5-35.9-6.9-52.8l-259 259c16.9 4.3 34.5 6.9 52.8 6.9z" p-id="866" fill="rgb(153,153,153)"></path></svg>');
  color: rgb(153, 153, 153) !important;
  cursor: not-allowed;
}
.info .icon_unview:hover {
  background-color: #f4f6fb !important;
}
.info .icon_view2 {
  background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(40,78,176);" t="1577090724432" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6718" width="36" height="36"><path d="M936.444898 886.348943 773.85894 723.762985c62.556755-72.204485 96.698343-163.441443 96.698343-259.928984 0-106.210997-41.361013-206.064192-116.463502-281.167704-75.102489-75.101465-174.956707-116.462478-281.168728-116.462478-106.210997 0-206.064192 41.361013-281.165658 116.463502C116.656907 257.769808 75.296917 357.624027 75.296917 463.834001s41.361013 206.064192 116.463502 281.167704c75.101465 75.102489 174.955684 116.463502 281.165658 116.463502 87.748507 0 171.141822-28.255531 239.839437-80.420611l164.492378 164.492378c8.172123 8.172123 18.883069 12.259208 29.594015 12.259208s21.421892-4.087085 29.594015-12.259208C952.789145 929.191704 952.789145 902.69319 936.444898 886.348943zM159.000294 463.834001c0-173.099407 140.826376-313.925782 313.924759-313.925782 173.099407 0 313.926806 140.826376 313.926806 313.925782s-140.827399 313.924759-313.926806 313.924759C299.82667 777.759783 159.000294 636.933407 159.000294 463.834001z" p-id="6719"></path></svg>');
}

.info .icon_view:hover {
  background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(255,255,255);" id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>资源浏览</title><path d="M100,31.5C48.09,31.5,6,90.21,6,100c0,11.74,42.09,68.5,94,68.5s94-53.82,94-68.5C194,90.21,151.91,31.5,100,31.5ZM157.14,132c-10.47,9.16-31.83,24.52-57.14,24.52-23.32,0-43.52-13.54-56.36-24.89-15.69-13.87-23.46-26.92-25.31-31.38,2.26-5,11.21-18.53,25.7-31.48C56.91,57.23,77.08,43.5,100,43.5s43.09,13.73,56,25.25C170.78,82,179.8,95.8,181.81,100.55,180.41,105.17,172.55,118.52,157.14,132Z"/><path d="M100,62a38,38,0,1,0,38,38A38,38,0,0,0,100,62ZM89.87,99.16a11,11,0,1,1,11-11A11,11,0,0,1,89.87,99.16Z"/></svg>');
}

.info .icon_view2:hover {
  background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(255,255,255);" t="1577090724432" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6718" width="36" height="36"><path d="M936.444898 886.348943 773.85894 723.762985c62.556755-72.204485 96.698343-163.441443 96.698343-259.928984 0-106.210997-41.361013-206.064192-116.463502-281.167704-75.102489-75.101465-174.956707-116.462478-281.168728-116.462478-106.210997 0-206.064192 41.361013-281.165658 116.463502C116.656907 257.769808 75.296917 357.624027 75.296917 463.834001s41.361013 206.064192 116.463502 281.167704c75.101465 75.102489 174.955684 116.463502 281.165658 116.463502 87.748507 0 171.141822-28.255531 239.839437-80.420611l164.492378 164.492378c8.172123 8.172123 18.883069 12.259208 29.594015 12.259208s21.421892-4.087085 29.594015-12.259208C952.789145 929.191704 952.789145 902.69319 936.444898 886.348943zM159.000294 463.834001c0-173.099407 140.826376-313.925782 313.924759-313.925782 173.099407 0 313.926806 140.826376 313.926806 313.925782s-140.827399 313.924759-313.926806 313.924759C299.82667 777.759783 159.000294 636.933407 159.000294 463.834001z" p-id="6719"></path></svg>');
}

.info .icon_detail {
  background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(40,78,176);" id="服务类型" data-name="服务类型" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>服务类型</title><path d="M100,1.5,14.7,50.75v98.5L100,198.5l85.3-49.25V50.75Zm73.3,140.82L100,184.64,26.7,142.32V57.68L100,15.36l73.3,42.32Z"/><polygon points="62.22 65.8 56.22 76.2 94 98.01 94 139 106 139 106 98.01 143.78 76.2 137.78 65.8 100 87.62 62.22 65.8"/></svg>');
}

.info .icon_detail2 {
  background-image: url('data:image/svg+xml;utf8,<svg t="1595302010129" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24277" width="30" height="30"><path d="M835.417496 229.634081L636.145431 30.362016C618.562602 12.779187 595.118829 2.122927 568.478179 2.122927L127.309008 0.524488C56.977691 2.122927 0.499512 58.601106 0.499512 128.932423V894.584715c0 70.86413 57.543805 128.407935 128.407935 128.407935h447.562927c-22.910959-17.582829-43.690667-37.829724-61.273496-60.20787H127.309008c-37.829724 0-68.200065-30.903154-68.732878-68.732878V128.932423c0-37.829724 30.903154-68.732878 66.601626-68.732878 3.196878 0 362.845659 0 455.022309 1.598439l6.926569 5.32813V199.26374c0 42.625041 34.632846 77.257886 77.257886 77.257886h133.736065l5.32813 5.32813v168.368911c20.779707 2.131252 40.493789 6.393756 60.20787 12.787512V297.834146c0-27.173463-10.65626-51.150049-28.239089-68.200065z" p-id="24278" fill="rgb(40,78,176)"></path><path d="M223.21535 704.370472c-17.050016 0-32.501593 13.853138-32.501594 32.501593 0 17.050016 13.853138 32.501593 32.501594 32.501594H448.062439v-2.131252c0-21.31252 2.131252-42.625041 6.393756-62.871935H223.21535zM767.750244 689.451707c-39.428163 0-69.265691 32.501593-69.265691 76.19226 0 43.157854 29.837528 76.19226 69.265691 76.192261 39.428163 0 69.265691-32.501593 69.265691-76.192261 1.598439-41.559415-29.837528-76.19226-69.265691-76.19226z" p-id="24279" fill="rgb(40,78,176)"></path><path d="M767.750244 575.962537c-115.620423 0-216.322081 79.389138-255.750244 191.812683 39.428163 111.890732 138.531382 191.812683 255.750244 191.812682 117.218862 0 216.322081-81.52039 255.750244-193.411122-39.960976-110.825106-138.531382-190.214244-255.750244-190.214243z m0 318.089365c-64.470374 0-115.620423-55.945366-115.620423-126.809495s51.150049-126.809496 115.620423-126.809496 115.620423 55.945366 115.620423 126.809496c1.598439 70.86413-49.55161 126.809496-115.620423 126.809495z m-94.307903-509.902048c-1.598439-17.050016-15.451577-32.501593-34.100032-32.501594h-415.594146c-17.050016 0-32.501593 13.853138-32.501594 32.501594 0 17.050016 13.853138 32.501593 32.501594 32.501593h417.192585c17.050016 0 32.501593-13.320325 32.501593-32.501593z m-116.686048 143.859512h-333.00813c-17.050016 0-32.501593 13.853138-32.501594 32.501593s13.853138 32.501593 32.501594 32.501594h276.529951s26.64065-42.625041 56.478179-65.003187z" p-id="24280" fill="rgb(40,78,176)"></path></svg>');
}

.info .icon_detail:hover {
  background-image: url('data:image/svg+xml;utf8,<svg style="fill:rgb(255,255,255);" id="服务类型" data-name="服务类型" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>服务类型</title><path d="M100,1.5,14.7,50.75v98.5L100,198.5l85.3-49.25V50.75Zm73.3,140.82L100,184.64,26.7,142.32V57.68L100,15.36l73.3,42.32Z"/><polygon points="62.22 65.8 56.22 76.2 94 98.01 94 139 106 139 106 98.01 143.78 76.2 137.78 65.8 100 87.62 62.22 65.8"/></svg>');
}

.info .icon_detail2:hover {
  background-image: url('data:image/svg+xml;utf8,<svg t="1595302010129" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24277" width="30" height="30"><path d="M835.417496 229.634081L636.145431 30.362016C618.562602 12.779187 595.118829 2.122927 568.478179 2.122927L127.309008 0.524488C56.977691 2.122927 0.499512 58.601106 0.499512 128.932423V894.584715c0 70.86413 57.543805 128.407935 128.407935 128.407935h447.562927c-22.910959-17.582829-43.690667-37.829724-61.273496-60.20787H127.309008c-37.829724 0-68.200065-30.903154-68.732878-68.732878V128.932423c0-37.829724 30.903154-68.732878 66.601626-68.732878 3.196878 0 362.845659 0 455.022309 1.598439l6.926569 5.32813V199.26374c0 42.625041 34.632846 77.257886 77.257886 77.257886h133.736065l5.32813 5.32813v168.368911c20.779707 2.131252 40.493789 6.393756 60.20787 12.787512V297.834146c0-27.173463-10.65626-51.150049-28.239089-68.200065z" p-id="24278" fill="rgb(255,255,255)"></path><path d="M223.21535 704.370472c-17.050016 0-32.501593 13.853138-32.501594 32.501593 0 17.050016 13.853138 32.501593 32.501594 32.501594H448.062439v-2.131252c0-21.31252 2.131252-42.625041 6.393756-62.871935H223.21535zM767.750244 689.451707c-39.428163 0-69.265691 32.501593-69.265691 76.19226 0 43.157854 29.837528 76.19226 69.265691 76.192261 39.428163 0 69.265691-32.501593 69.265691-76.192261 1.598439-41.559415-29.837528-76.19226-69.265691-76.19226z" p-id="24279" fill="rgb(255,255,255)"></path><path d="M767.750244 575.962537c-115.620423 0-216.322081 79.389138-255.750244 191.812683 39.428163 111.890732 138.531382 191.812683 255.750244 191.812682 117.218862 0 216.322081-81.52039 255.750244-193.411122-39.960976-110.825106-138.531382-190.214244-255.750244-190.214243z m0 318.089365c-64.470374 0-115.620423-55.945366-115.620423-126.809495s51.150049-126.809496 115.620423-126.809496 115.620423 55.945366 115.620423 126.809496c1.598439 70.86413-49.55161 126.809496-115.620423 126.809495z m-94.307903-509.902048c-1.598439-17.050016-15.451577-32.501593-34.100032-32.501594h-415.594146c-17.050016 0-32.501593 13.853138-32.501594 32.501594 0 17.050016 13.853138 32.501593 32.501594 32.501593h417.192585c17.050016 0 32.501593-13.320325 32.501593-32.501593z m-116.686048 143.859512h-333.00813c-17.050016 0-32.501593 13.853138-32.501594 32.501593s13.853138 32.501593 32.501594 32.501594h276.529951s26.64065-42.625041 56.478179-65.003187z" p-id="24280" fill="rgb(255,255,255)"></path></svg>');
}

.info .icon_download {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 24 24" fill="none" stroke="rgb(40,78,176)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"/></svg>');
}

.info .icon_download:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(255,255,255)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"/></svg>');
}

.info .icon_play {
  background-image: url('data:image/svg+xml;utf8,<svg t="1595300454235" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7195" width="36" height="36"><path d="M917.3 487l-480-383.8c-9.6-7.7-22.8-9.2-33.8-3.8-11.1 5.3-18.1 16.5-18.1 28.8v767.6c0 12.3 7 23.5 18.1 28.8 4.4 2.1 9.1 3.2 13.9 3.2 7.1 0 14.2-2.4 20-7l480-383.8c7.6-6.1 12-15.3 12-25-0.1-9.7-4.5-18.9-12.1-25z m-468 342.3V194.7L846.1 512 449.3 829.3zM128.8 96.4h64v831.2h-64z" p-id="7196" fill="rgb(40,78,176)"></path></svg>');
}

.info .icon_play:hover {
  background-image: url('data:image/svg+xml;utf8,<svg t="1595300454235" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7195" width="36" height="36"><path d="M917.3 487l-480-383.8c-9.6-7.7-22.8-9.2-33.8-3.8-11.1 5.3-18.1 16.5-18.1 28.8v767.6c0 12.3 7 23.5 18.1 28.8 4.4 2.1 9.1 3.2 13.9 3.2 7.1 0 14.2-2.4 20-7l480-383.8c7.6-6.1 12-15.3 12-25-0.1-9.7-4.5-18.9-12.1-25z m-468 342.3V194.7L846.1 512 449.3 829.3zM128.8 96.4h64v831.2h-64z" p-id="7196" fill="rgb(255,255,255)"></path></svg>');
}
.info .icon_apply {
  /*color: rgb(244,160,25) !important;*/
  background-image: url('data:image/svg+xml;utf8,<svg t="1595236700596" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5166" width="36" height="36"><path d="M513.024 243.2c-80.384 0-145.92 65.536-145.92 145.92 0 68.096 47.104 127.488 113.664 142.336v168.96c0 17.92 14.336 32.256 32.256 32.256 17.408 0 32.256-14.336 32.256-32.256v-168.96c66.048-14.848 113.664-73.728 113.664-142.336-0.512-80.384-65.536-145.92-145.92-145.92z m0 227.328c-45.056 0-81.408-36.352-81.408-81.408s36.352-81.408 81.408-81.408 81.408 36.352 81.408 81.408-36.352 81.408-81.408 81.408z" fill="rgb(40,78,176)" p-id="5167"></path><path d="M906.752 132.608c-22.528-1.024-57.856-3.584-98.304-9.728-131.584-26.112-227.328-88.064-262.656-113.152-8.704-6.144-18.944-9.216-29.184-9.216-1.536 0-3.072 0-4.608 0.512-1.536 0-3.072-0.512-4.608-0.512-10.752 0-20.48 3.072-29.184 9.216-35.84 25.088-131.584 87.04-263.168 113.152-32.768 5.12-65.536 8.192-98.304 9.728-26.624 1.024-48.128 23.552-47.616 50.176v352.256c0 49.664 24.064 117.76 68.608 190.976l0.512 1.024c44.032 74.752 102.4 144.896 163.328 197.12 72.704 61.952 144.896 94.72 209.92 94.72h1.536c64.512 0 136.704-32.768 209.408-94.72 60.928-52.224 118.784-121.856 163.328-196.608l1.024-1.536c44.032-73.216 68.096-141.312 68.096-190.976V182.784c-0.512-26.624-21.504-49.152-48.128-50.176zM195.072 696.32c-1.024-1.536-1.536-3.072-2.56-4.608l-0.512-1.024-3.072-4.608c-32.768-56.32-51.712-107.52-51.712-139.776V197.632c30.208-2.048 60.928-6.144 90.624-12.288 85.504-13.312 203.264-43.52 283.648-112.128 80.384 68.608 198.144 98.816 283.648 112.128 30.208 6.144 60.416 10.24 90.624 12.288v349.184c0 32.256-18.944 82.944-51.712 139.264-1.024 1.536-2.048 3.072-3.072 5.12l-0.512 1.024c-1.024 1.536-2.048 2.56-2.56 4.608l-3.072 5.12c-24.064 38.912-53.76 78.336-85.504 113.664-0.512 0.512-1.024 1.536-2.048 2.048l-0.512 0.512-1.024 1.024c-79.36 84.992-163.84 135.68-225.28 136.192-61.44-0.512-145.408-51.2-225.28-136.192l-0.512-0.512-3.072-3.072c-30.72-34.304-59.392-72.704-83.456-111.616l-3.072-7.68z" fill="rgb(40,78,176)" p-id="5168"></path></svg>');
}
.info .icon_apply:hover {
  /*background-color: rgb(244,160,25) !important;*/
  /*color: white!important;*/
  background-image: url('data:image/svg+xml;utf8,<svg t="1595236700596" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5166" width="36" height="36"><path d="M513.024 243.2c-80.384 0-145.92 65.536-145.92 145.92 0 68.096 47.104 127.488 113.664 142.336v168.96c0 17.92 14.336 32.256 32.256 32.256 17.408 0 32.256-14.336 32.256-32.256v-168.96c66.048-14.848 113.664-73.728 113.664-142.336-0.512-80.384-65.536-145.92-145.92-145.92z m0 227.328c-45.056 0-81.408-36.352-81.408-81.408s36.352-81.408 81.408-81.408 81.408 36.352 81.408 81.408-36.352 81.408-81.408 81.408z" fill="rgb(255,255,255)" p-id="5167"></path><path d="M906.752 132.608c-22.528-1.024-57.856-3.584-98.304-9.728-131.584-26.112-227.328-88.064-262.656-113.152-8.704-6.144-18.944-9.216-29.184-9.216-1.536 0-3.072 0-4.608 0.512-1.536 0-3.072-0.512-4.608-0.512-10.752 0-20.48 3.072-29.184 9.216-35.84 25.088-131.584 87.04-263.168 113.152-32.768 5.12-65.536 8.192-98.304 9.728-26.624 1.024-48.128 23.552-47.616 50.176v352.256c0 49.664 24.064 117.76 68.608 190.976l0.512 1.024c44.032 74.752 102.4 144.896 163.328 197.12 72.704 61.952 144.896 94.72 209.92 94.72h1.536c64.512 0 136.704-32.768 209.408-94.72 60.928-52.224 118.784-121.856 163.328-196.608l1.024-1.536c44.032-73.216 68.096-141.312 68.096-190.976V182.784c-0.512-26.624-21.504-49.152-48.128-50.176zM195.072 696.32c-1.024-1.536-1.536-3.072-2.56-4.608l-0.512-1.024-3.072-4.608c-32.768-56.32-51.712-107.52-51.712-139.776V197.632c30.208-2.048 60.928-6.144 90.624-12.288 85.504-13.312 203.264-43.52 283.648-112.128 80.384 68.608 198.144 98.816 283.648 112.128 30.208 6.144 60.416 10.24 90.624 12.288v349.184c0 32.256-18.944 82.944-51.712 139.264-1.024 1.536-2.048 3.072-3.072 5.12l-0.512 1.024c-1.024 1.536-2.048 2.56-2.56 4.608l-3.072 5.12c-24.064 38.912-53.76 78.336-85.504 113.664-0.512 0.512-1.024 1.536-2.048 2.048l-0.512 0.512-1.024 1.024c-79.36 84.992-163.84 135.68-225.28 136.192-61.44-0.512-145.408-51.2-225.28-136.192l-0.512-0.512-3.072-3.072c-30.72-34.304-59.392-72.704-83.456-111.616l-3.072-7.68z" fill="rgb(255,255,255)" p-id="5168"></path></svg>');
}
.info .icon_applydb {
  background-image: url('data:image/svg+xml;utf8,<svg t="1595297998405" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1809" width="24" height="24"><path d="M1023.232 207.722667C1014.954667 90.688 793.685333 0 512 0S9.045333 90.688 0.789333 207.722667H0v601.770666C0 929.706667 224.896 1024 512 1024c287.125333 0 512-94.293333 512-214.506667V207.722667h-0.768zM512 72.192c256.704 0 430.336 74.581333 436.885333 151.402667-6.464 76.992-180.181333 151.488-436.885333 151.488-256.725333 0-430.314667-74.453333-436.885333-151.402667C81.6 146.794667 255.274667 72.298667 512 72.298667v-0.106667z m0 879.509333c-261.674667 0-437.525333-77.461333-437.525333-155.925333V640.426667C163.52 701.994667 324.181333 742.4 512 742.4c187.84 0 348.48-40.405333 437.525333-101.952v155.349333c0 78.442667-175.850667 155.904-437.525333 155.904z m437.525333-448.96v11.477334c0 78.4-175.850667 155.861333-437.525333 155.861333S74.474667 592.704 74.474667 514.304V345.386667C163.52 406.848 324.181333 447.338667 512 447.338667c187.84 0 348.48-40.426667 437.525333-101.952v157.354666z" fill="rgb(40,78,176)" p-id="1810"></path></svg>');
}
.info .icon_applydb:hover {
  background-image: url('data:image/svg+xml;utf8,<svg t="1595297998405" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1809" width="24" height="24"><path d="M1023.232 207.722667C1014.954667 90.688 793.685333 0 512 0S9.045333 90.688 0.789333 207.722667H0v601.770666C0 929.706667 224.896 1024 512 1024c287.125333 0 512-94.293333 512-214.506667V207.722667h-0.768zM512 72.192c256.704 0 430.336 74.581333 436.885333 151.402667-6.464 76.992-180.181333 151.488-436.885333 151.488-256.725333 0-430.314667-74.453333-436.885333-151.402667C81.6 146.794667 255.274667 72.298667 512 72.298667v-0.106667z m0 879.509333c-261.674667 0-437.525333-77.461333-437.525333-155.925333V640.426667C163.52 701.994667 324.181333 742.4 512 742.4c187.84 0 348.48-40.405333 437.525333-101.952v155.349333c0 78.442667-175.850667 155.904-437.525333 155.904z m437.525333-448.96v11.477334c0 78.4-175.850667 155.861333-437.525333 155.861333S74.474667 592.704 74.474667 514.304V345.386667C163.52 406.848 324.181333 447.338667 512 447.338667c187.84 0 348.48-40.426667 437.525333-101.952v157.354666z" fill="rgb(255,255,255)" p-id="1810"></path></svg>');
}

.infoitem2-wrapper {
  float: right;
}

.infoitem2 {
  text-indent: 0px;
  margin-left: 8px;
}

.index_btn {
  display: block;
  height: 32px;
  /* width: 67px; */
  border-radius: 4px;
  background: #f4f6fb;
  line-height: 32px;
  padding: 0 8px 0 28px;
  cursor: pointer;
}

.index_btn:focus,
.index_btn:visited {
  text-decoration-line: none !important;
}

.index_btn:hover {
  color: #fff;
  background-color: #284eb0;
  text-decoration-line: none !important;
}

.subscribe-btn {
  /* display: block;
    height: 32px; */
  /* width: 67px; */
  /* border-radius: 4px; */
  /* background-color: #f4f6fb;
    line-height: 32px;
    padding: 0 8px 0 8px;
    cursor: pointer;
    text-decoration-line: none !important; */
  /* color: var(--c4); */
  display: block;
  height: 32px;
  /* width: 67px; */
  border-radius: 4px;
  background-color: #f4f6fb;
  line-height: 32px;
  padding: 0 8px 0 28px;
  cursor: pointer;
}

.subscribe-btn:hover {
  color: white;
  background-color: rgb(40, 78, 176);
}
.badge-danger {
  color: #fff !important;
  background-color: #f00 !important;
}
.subscribe-active {
  display: block;
  height: 32px;
  /* width: 67px; */
  border-radius: 4px;
  line-height: 32px;
  padding: 0 8px 0 8px;
  cursor: pointer;
  text-decoration-line: none !important;
  background-color: var(--c4);
  color: white;
}

.subscribe-active:hover {
  color: var(--c4);
  background-color: #f4f6fb;
}

.infoitem2 a {
}

.info {
  width: 100%;
  height: 32px;
}

.info_left {
  width: 100%;
  height: 32px;
  float: left;
}

.info_right {
  float: right;
  height: 100%;
  /* width: 150px; */
}

.info_right2 {
  width: 100%;
  height: 100%;
  bottom: -5px;
  text-align: right;
}

.tag_container {
  height: auto;
  clear: both;
  padding-bottom: 16px;
  width: 100%;
  float: left;
}

.tag_container .tag_list {
}

.tag_container .tn_title {
  height: 24px;
  width: 100%;
  font-size: 16px;
  font-family: 黑体;
  font-weight: bold;
  margin-bottom: 8px;
  text-indent: 32px;
}

.tag_container .icon_selected_tag {
  background-image: url("../images/index/icon_selectedTag.png");
  background-repeat: no-repeat;
}

.tag_container .icon_tag_list {
  background-image: url("../images/index/icon_tagList.png");
  background-repeat: no-repeat;
}

.tag_list .item {
  float: left;
  height: 28px;
  line-height: 24px;
  padding: 1px 8px;
  margin: 0 0 8px 8px;
  font-size: 12px;
  color: #acadae;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #f4f4f4;
  border-radius: 3px;
}

.tag_list .selected_item {
  background: #00a3ff !important;
  color: #fff !important;
}

.dt-display-btn {
  display: none;
}
.dt-dis-apply-btn {
  cursor: not-allowed;
  display: none;
}
/**/

.resourcedetail {
  width: 100%;
  height: auto;
  min-height: 100%;
}
.map-resources {
  display: flex;
}
.map-left-box {
  width: 316px;
  height: 250px;
  padding: 45px 0 0px 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-left-box img {
  width: 100%;
  height: 220px;
}
.map-right-box {
  padding: 40px 0 0px 36px;
  width: calc(100% - 268px);
}
.right-box-top {
  height: 70%;
  width: 100%;
  padding-top: 15px;
}
.right-box-words {
  height: 50%;
}
.right-box-words span {
  width: 235px;
  height: 24px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #5e5d5e;
  line-height: 16px;
  padding-top: 15px;
}
.right-box-keyword {
  padding-top: 13px;
}
.right-keyword-item {
  height: 28px;
  background: #ffffff;
  margin-right: 5px;
  border-radius: 3px;
}
.right-keyword-item p {
  height: 28px;
  background: #ffffff;
  border: 1px solid #00a3ff;
  border-radius: 3px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #00a3ff;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.right-box-describe {
  height: 40%;
}
.right-box-describe p {
  /* width: 42px; */
  /* height: 14px; */
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #5e5d5e;
  line-height: 25px;
  opacity: 0.8;
}
.right-box-describe p span {
  color: #5e5d5e;
}
.left-time {
  width: 194px;
  height: 13px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #5e5d5e;
  line-height: 16px;
  opacity: 0.5;
}
.right-type {
  width: 194px;
  height: 13px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #5e5d5e;
  line-height: 16px;
  opacity: 0.5;
  padding-left: 50px;
}
.time-type {
  /* padding-top: 15px; */
}
.right-box-bottom {
  height: 30%;
}
.dashed-box {
  width: 836px;
  height: 1px;
  background: rgba(244, 244, 244, 0);
  border-bottom: 1px dashed #dfdfdf;
}
.bottom-btn {
  height: 30%;
  display: flex;
  padding-top: 16px;
}
.bottom-btn-left button {
  width: 136px;
  height: 40px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  line-height: 16px;
  background-color: #00a3ff;
  outline: none;
  border: none;
  border-radius: 3px;
  display: none;
  transition: all 0.3s;
}
.bottom-btn-left button:hover {
  color: #ffffff;
  background-color: #00a3ff;
}

.bottom-btn-right button {
  width: 98px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #00a3ff;
  border-radius: 3px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #00a3ff;
  line-height: 16px;
  margin-left: 12px;
  transition: all 0.3s;
}

.bottom-btn-right button:hover {
  color: #ffffff;
  background-color: #00a3ff;
}
.bottom-btn-right button:hover a {
  color: #ffffff;
}

.resourcedetail-container {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.resourcedetail-left {
  float: left;
  width: 150px;
  height: 100%;
}

.resourcedetail-right {
  float: right;
  width: calc(100% - 150px);
  height: 100%;
  padding-top: 16px;
}

.resourcedetail-box {
  width: 100%;
  height: 100%;
}

.resourcedetail-content {
  padding-left: 80px;
  font-size: 14px;
  font-family: 微软雅黑;
  color: #888888;
  padding-top: 10px;
  padding-bottom: 18px;
}

.simpletemplate-container {
  /*width: 1200px;*/
  height: 100%;
  margin: 0 auto;
}

.tab-content {
  margin: 0 !important;
  padding: 16px 0 0 0 !important;
}

.tab-content label {
  font-weight: normal !important;
}

.tab-pane label {
  margin-top: 6px;
}

.tab-pane label {
  margin-top: 6px;
  width: 26.5%;
  height: 34px;
  border: 1px solid #e7e7e7;
  background: #fbfbfb;
  color: #5e5d5e;
}

.tab-pane label.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
}

.grouphead span {
  display: inline-block;
  padding: 4px 16px;
}

.grouphead {
  height: 30px;
  line-height: 20px;
  font-size: 16px;
  margin: 16px 0;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}

/*================================================*/
.full-height {
  height: 100% !important;
}

.panel-body-full {
  height: calc(100% - 94px);
}

/*-----------------------------*/
.alert-ui {
  box-shadow: 0px 0px 4px #f00;
  transition: box-shadow;
  transition-property: box-shadow;
  transition-duration: 0s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

/*--------------------------*/
.auto-height {
  height: 100%;
}

.auto-height .panel-default:last-child {
  height: calc(100% - 143px);
}

.auto-height .panel-default:last-child .panel-body {
  height: calc(100% - 93px);
}

.auto-height2 {
  height: 100%;
  overflow: hidden;
}

.auto-height2 > div {
  height: 100%;
}

.auto-height2 .panel-default {
  height: calc(100% - 4px);
}

.auto-height2 .panel-body {
  height: calc(100% - 93px);
}

.auto-height2 .panel-body > div,
.auto-height2 > div .panel-body > div > div {
  height: 100%;
}

.auto-height2 .panel-body .dataTable-container {
  height: calc(100% - 42px) !important;
}

/*-----------------------*/
.progress-top {
  border-radius: 0 !important;
  height: 4px !important;
  width: 100% !important;
  position: absolute !important;
  z-index: 1;
  transition: width linear;
}

/*-----------------------------*/
.ac-container {
  width: 400px;
  margin: 10px auto 30px auto;
  text-align: left;
}

.ac-container label {
  font-family: "BebasNeueRegular", "Arial Narrow", Arial, sans-serif;
  padding: 5px 20px;
  position: relative;
  z-index: 20;
  display: block;
  height: 30px;
  cursor: pointer;
  color: #777;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
  line-height: 33px;
  font-size: 19px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #ffffff),
    color-stop(100%, #eaeaea)
  );
  background: -webkit-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: -o-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: -ms-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  background: linear-gradient(top, #ffffff 1%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
  box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3),
    1px 0px 0px 0px rgba(255, 255, 255, 0.9) inset,
    0px 2px 2px rgba(0, 0, 0, 0.1);
}

.ac-container label:hover {
  background: #fff;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover {
  background: #c6e1ec;
  color: #3d7489;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3),
    0px 2px 2px rgba(0, 0, 0, 0.1);
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 7px;
  background: transparent url(../images/arrow_down.png) no-repeat center center;
}

.ac-container input:checked + label:hover:after {
  background-image: url(../images/arrow_up.png);
}

.ac-container input {
  display: none;
}

.ac-container article {
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.ac-container article p {
  font-style: italic;
  color: #777;
  line-height: 23px;
  font-size: 14px;
  padding: 20px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.ac-container input:checked ~ article {
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3);
}

.ac-container input:checked ~ article.ac-small {
  height: 140px;
}

.ac-container input:checked ~ article.ac-medium {
  height: 180px;
}

.ac-container input:checked ~ article.ac-large {
  height: 230px;
}

a[disabled],
a[disabled]:hover,
a[disabled]:visited,
a[disabled]:focus {
  color: rgb(0, 0, 0, 0.125);
  cursor: initial;
}

/*--------------------------loading--------------------*/
.loading {
  width: 100%;
  height: 100%;
  min-height: 200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

body > div {
  transition: filter 200ms;
}

/*.modal-open > div {*/
/*    filter: blur(4px);*/
/*}*/

.modal-open > div:last-child {
  filter: blur(0);
}

.modal-dialog {
  min-width: 300px !important;
  width: calc(100% - 60px) !important;
  margin: 30px auto;
}

.alert-modal {
  width: 450px !important;
}

.form-modal {
  width: calc(100% - 60px) !important;
  margin: 30px auto;
}

.form-selector {
  width: calc(100% - 160px) !important;
  margin: 120px auto !important;
}

.tab-content {
  margin: 0 !important;
  padding: 16px 0 0 0 !important;
}

.tab-pane label {
  margin-top: 6px;
}

.tab-pane label {
  margin-top: 6px;
  color: #333;
}

label[for] > em {
  color: #f00;
  font-weight: 400;
  position: absolute;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tab-pane label[data-otype] {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 8px;
  min-height: 24px;
  margin: 0px;
  line-height: 24px;
  background-color: #fff;
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  /* overflow-y: auto; */
  white-space: nowrap;
  word-break: keep-all;
  top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #5e5d5e;
}

.tab-pane label[data-otype="textarea"] {
  white-space: inherit;
  word-break: inherit;
}

.modal-footer {
  clear: both;
}

.confirm-modal {
  width: 300px !important;
}

.panel:hover {
  /*box-shadow: #00000075 0px 0px 4px 0px;*/
}

.disable-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  background: #fff;
}

.container {
  width: 100% !important;
  height: 100%;
  padding: 16px;
  display: none;
}

.control-label {
  white-space: nowrap;
}

.mycontent-tree {
  padding: 16px !important;
}

label {
  font-weight: normal !important;
}

.modal-backdrop {
  /*background: #000 !important;*/
}

.modal-title {
  width: calc(100% - 20px);
}

.row {
  margin: 0px !important;
  padding: 0px !important;
}

.form-horizontal .form-group {
  margin: 0 0 16px 0 !important;
}

[data-action="editData"] {
  margin: 0 8px !important;
}

td .glyphicon {
  padding-right: 4px !important;
}

.dataTable {
  /*margin-top: -40px !important;*/
}

.dataTableEmpty {
  display: none;
}

.no-data .dataTable {
  display: none;
}

.no-data .dataTableEmpty {
  display: block !important;
  height: 100%;
  width: 100%;
}

.dataTableEmpty-info {
  font-family: 微软雅黑;
  margin: 0 auto;
  padding-top: 100px;
  width: 64px;
  font-size: 12px;
  text-align: center;
  color: rgb(0, 0, 0, 0.3);
}

.dataTableEmpty-info svg {
  height: 64px;
  width: 64px;
}

.dataTable tr.selected {
  background-color: #f5f5f5;
  transition: color, background-color 0.1s linear;
}

.dataTable tr.selected > td {
  color: var(--d5);
}
.text-primary {
  color: var(--d5) !important;
}
.btn-primary {
  background-color: var(--d5) !important;
  border-color: var(--d5) !important;
}
.dataTable tr.normal {
  transition: color, background-color 0.1s linear;
}

.at-table .headTable-container,
.at-table .dataTable-container,
.at-table .dataTable-pager-container {
  float: left;
  min-width: 100%;
}

.at-table .headTable-container {
  height: 28px;
  overflow: hidden;
  position: relative;
  background: #fff;
  z-index: 1;
}

.at-table .dataTable-container {
  margin-top: -32px;
  position: relative;
  z-index: 0;
}

.at-table .dataTable-pager-container {
  position: relative;
  z-index: 0;
}

.at-table .pagination {
  margin: 0;
}

.at-table .pagination .disabled {
  pointer-events: none;
}

.at-table .pagination .disabled a {
  color: #c0c0c0;
}

.at-table .pagination input,
.at-table .pagination label {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 54px;
  text-align: center;
}

.at-table .pagination input:focus {
  outline: none !important;
}

.at-table .pager-nav {
  float: left !important;
}

.at-table .pager-info {
  position: relative;
  top: 12px;
  float: right;
}

.at-table .sorticon {
  top: 0 !important;
  width: 16px;
  height: 16px;
  position: relative;
  margin-right: -16px;
  float: right;
  padding-top: 4px;
  font-size: 12px;
  color: #b9b9b9;
}

.at-table .sorticon-blur {
  top: 0 !important;
  width: 16px;
  height: 16px;
  margin-right: -16px;
  position: relative;
  float: right;
  padding-top: 4px;
  font-size: 12px;
  color: #f2f2f2;
}

.dataTable tr .selectedIcon {
  width: 14px;
  height: 14px;
  margin-top: 2px;
}

.dataTable tr .selectedIcon span {
  display: none;
  font-size: 16px;
  position: relative;
}

.dataTable tr.normal .selectedIcon span {
}

.dataTable tr.selected .selectedIcon span {
  display: block;
}

.dataTable tr:hover {
}

.dataTable .selectable tr {
  cursor: pointer !important;
}

.dataTable .selectable tr.disabled {
  cursor: not-allowed !important;
}

.dataTable tr.selected:hover {
}

.form-group .tooltip {
  opacity: 0 !important;
}

.has-error .tooltip {
  opacity: 0.7 !important;
}

.has-error .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #42000e;
}

.has-error .tooltip-inner {
  background-color: #42000e;
}

.selected-info {
  line-height: 32px;
  margin-left: 16px !important;
  color: #999;
}

.dataTable .tree tr td span.cell-1 {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}

.dataTable .tree tr.level-0 .cell-1 {
  margin-left: 0px;
}

.dataTable .tree tr.level-1 .cell-1 {
  margin-left: 20px;
}

.dataTable .tree tr.level-2 .cell-1 {
  margin-left: 40px;
}

.dataTable .tree tr.level-3 .cell-1 {
  margin-left: 60px;
}

.dataTable td strong {
  color: var(--c4);
}

.table {
  margin-bottom: 0px !important;
}

.dataViewTable {
  width: 244px;
}

.dataViewTable > tbody > tr > td,
.dataViewTable > tbody > tr > th,
.dataViewTable > tfoot > tr > td,
.dataViewTable > tfoot > tr > th,
.dataViewTable > thead > tr > td,
.dataViewTable > thead > tr > th {
  padding: 4px 0 !important;
}

.dataViewTable .prop-name {
  width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dataViewTable .prop-value {
  width: 144px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
}

/*tab-simple*/

.nav-tabs-simple {
  border-bottom: 1px solid #f4f4f4;
  padding: 5px 0 0 17px !important;
}

.nav-tabs-simple > li {
  float: left;
  margin-bottom: -1px;
  margin-right: 39px;
}

.nav-tabs-simple > li > a {
  margin-right: 2px;
  color: #acadae;
  line-height: 1.42857143;
  border-bottom: 1px solid transparent;
  padding: 11px 0 !important;
  font-family: 微软雅黑;
  font-size: 16px;
  font-weight: normal;
}

.nav-tabs-simple > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs-simple.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs-simple.nav-justified > li {
  float: none;
}

.nav-tabs-simple.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs-simple.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs-simple.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-tabs-simple.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-simple.nav-justified > li > a {
  margin-right: 0;
}

.nav-tabs-simple.nav-justified > .active > a,
.nav-tabs-simple.nav-justified > .active > a:focus,
.nav-tabs-simple.nav-justified > .active > a:hover {
  border-bottom: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-simple.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
  }

  .nav-tabs-simple.nav-justified > .active > a,
  .nav-tabs-simple.nav-justified > .active > a:focus,
  .nav-tabs-simple.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}

.panel-title input[type="text"] {
  height: 26px;
  width: 100%;
  font-size: 12px;
  position: relative;
  top: -4px;
  display: block;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.panel-title .row {
  height: 16px;
}

.panel-title input[type="text"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.panel-title input[type="text"]::-moz-placeholder {
  color: #ddd;
  opacity: 1;
}

.panel-title input[type="text"]:-ms-input-placeholder {
  color: #ddd;
}

.panel-title input[type="text"]::-webkit-input-placeholder {
  color: #ddd;
}

.panel-footer button {
  margin-right: 4px;
}

.grouphead span {
  display: inline-block;
  padding: 4px 16px;
}

.grouphead {
  height: 30px;
  line-height: 20px;
  font-size: 16px;
  margin: 16px 0;
  font-weight: bold;
}

.at-table {
  height: 100%;
}

.at-table-icon {
  padding: 0 4px;
}

/*=============at-modal===============*/
.modal.fade.at-modal {
  height: 100%;
  overflow: hidden;
}

.modal.fade.at-modal .form-modal {
  height: calc(100% - 60px);
}

.modal.fade.at-modal .form-modal .modal-content {
  height: 100%;
}

.modal.fade.at-modal .form-modal .modal-content .at-forms-container {
  height: calc(100% - 120px);
  overflow: auto;
}

.modal.fade.at-modal .form-modal .modal-content .at-forms-container .form-tabs {
  height: 100%;
}

.modal.fade.at-modal
  .form-modal
  .modal-content
  .at-forms-container
  .form-tabs
  .tab-content {
  max-height: calc(100% - 40px);
  height: calc(100% - 40px);
  overflow: auto;
}

.modal.fade.at-modal
  .form-modal
  .modal-content
  .at-forms-container
  .form-tabs
  .tab-content
  .tab-pane {
  max-height: 100%;
  height: 100%;
  overflow: auto;
}

.contentPanel {
  /* background-color: var(--c7); */
  overflow: hidden;
  padding-top: 15px;
  min-height: 700px;
}

.form_ex_left,
.form_ex_right {
  float: left;
  height: 100%;
}

.form_ex_left {
  width: 350px;
  overflow-y: scroll;
}

.form_mapview {
  width: calc(100% - 350px);
}

/* 新版--新增 */
.form-menu-box {
  /* height: 140px; */
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
}

/* 解决 弹性布局justify-content: space-between; 最后一排显示问题 */
.datacenter-right .resource_list .resource_item:last-child:nth-child(4n + 2) {
  margin-right: calc((100% - 224px) / 3 * 2);
}
.datacenter-right .resource_list .resource_item:last-child:nth-child(4n + 3) {
  margin-right: calc((100% - 224px) / 3 * 1);
}
/* end */

.datacenter-right .resource_list .item-top {
  padding: 13px;
}

.datacenter-right .resource_list .item-top img {
  width: 198px;
  height: 124px;
}

.datacenter-right .resource_list .item-msg {
  padding: 0 13px 13px;
}

.datacenter-right .resource_list .item-msg-val {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #5e5d5e;
  line-height: 22px;
  opacity: 0.5;
  /* margin-top: 10px; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.datacenter-right .resource_list .item-title {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #5e5d5e;
  line-height: 16px;
  padding: 0 0 0 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.datacenter-right .resource_list .item-title .r_name {
  color: #5e5d5e;
}

.mapItem-top-box {
  height: 278px;
  border: 1px solid #dfdfdf;
  border-bottom: none;
}

.datacenter-right .resource_list .operation-box {
  height: 42px;
  border: 1px solid #dfdfdf;
  display: flex;
  margin-bottom: 10px;
}

.datacenter-right .resource_list .operation-item {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.datacenter-right .resource_list .operation-item a {
  font-size: 12px;
  width: 100%;
  text-align: center;
  color: #5e5d5e;
  background-color: #ffffff;
}

.datacenter-right .resource_list .operation-item a:hover {
  color: #00a3ff;
  background-color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.datacenter-right .resource_list .operation-item > span {
  font-size: 12px;
  width: 100%;
  text-align: center;
  color: #5e5d5e;
  background-color: #ffffff;
}

.datacenter-right .resource_list .operation-item > span:hover {
  color: #00a3ff;
  background-color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.datacenter-right .resource_list .operation-item.alone-apply-btn {
  display: none;
}

.datacenter-left .page-name {
  background: #333333;
}

.datacenter-left .page-name p {
  height: 42px;
  line-height: 42px;
  padding-left: 16px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
}

.pagination > li {
  display: inline-block !important;
  padding: 0 4px !important;
}

/* 申请库按钮 */

.apply-bank-btn {
  width: 100px;
  height: 32px;
  background: #00a3ff;
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  float: right;
  margin-top: 2px;
  cursor: pointer;
}
.user-bank-num {
  display: inline-block;
  padding-left: 3px;
  font-size: 12px;
}

.apply-bank-btn span {
  display: inline-block;
  font-size: 13px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.apply-bank-btn a {
  display: inline-block;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.dis-apply-btn {
  display: none;
  /* font-weight: 600; */
  cursor: not-allowed;
  /* width: 35%; */
  width: 50%;
  align-items: center;
}
.dis-apply-btn span {
  display: inline-block;
  /* font-size: 23px; */
  /* height: 20px; */
  line-height: 20px;
  /* font-weight: 600; */
  /* border-left: 1px #ccc solid; */
  border-right: 1px #ccc solid;
  /* padding-left: 20px; */
  color: rgba(94, 93, 94, 0.5);
  transition: all 0.3s;
  width: 100%;
  text-align: center;
  font-family: 微软雅黑;
  font-weight: 300;
  font-size: 14px;
  color: #5e5d5e;
  background-color: white;
}
.user-apply-btn {
  display: none;
  /* font-weight: 600; */
  cursor: pointer;
  /* width: 35%; */
  width: 50%;
  align-items: center;
}

.user-apply-btn span {
  display: inline-block;
  /* font-size: 23px; */
  /* height: 20px; */
  line-height: 20px;
  /* font-weight: 600; */
  /* border-left: 1px #ccc solid; */
  border-right: 1px #ccc solid;
  /* padding-left: 20px; */
  color: rgba(94, 93, 94, 0.5);
  transition: all 0.3s;
  width: 100%;
  text-align: center;
  font-family: 微软雅黑;
  font-weight: 300;
  font-size: 14px;
  color: #5e5d5e;
  background-color: white;
}

.user-apply-btn span:hover {
  color: rgb(0, 163, 255);
}

.top-search-box {
  width: 210px;
  float: right;
  border-radius: 4px;
  border: 1px solid #e2dfdf;
  display: flex;
  align-items: center;
  margin-right: 5px;
  height: 34px;
  border: 1px solid #e2dfdf;
  margin: 2px 7px 0 0;
}