.detailed-data-btn {
  width: 140px;
  height: 40px;
  background: rgba(75,137,248,0.20);
  border: 1px solid #4b89f8;
  font-size: 18px;
  font-family: Microsoft YaHei, Microsoft YaHei-Semibold;
  font-weight: 600;
  text-align: center;
  color: #bed5ff;
  cursor: pointer;
}
.visual-small-item{
  display: block;
  /* padding: 0 10px; */
  max-width: 350px;
  /* align-items: center; */
}
.visual-small-item-title{
  display: inline-flex;
  align-items: center;
  margin-bottom: 15px;
}
.visual-small-item-title-two{
  position: absolute;
  display: inline-flex;
  align-items: center;
  z-index: 9;
  top:50px;
  right: 500px;
}
.visual-small-item-title-three{
  top: 0;
  right: 0;
  left: 0;
}
.visual-small-item-title>span{
  font-size: 16px;
  line-height: 15px;
  color: #ffffff;
  vertical-align: middle;
  text-shadow: 0px 0px 15px #3d76c3;
}
.visual-small-item-title-two>span{
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  vertical-align: middle;
  text-shadow: 0px 0px 15px #3d76c3;
}
.visual-small-item-title>.icon {
  position: relative;
  margin-right: 6px;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 0;
  background: rgba(20, 125, 136, 0.79);
  border: 1px solid #2497a3;
  border-radius: 50%;
}
.visual-small-item-title-two>.icon {
  position: relative;
  margin-right: 6px;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 0;
  background: rgba(20, 125, 136, 0.79);
  border: 1px solid #2497a3;
  border-radius: 50%;
}
.visual-small-item-title>.icon:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #72f2ff;
  border-radius: 50%;
}
.visual-small-item-title-two>.icon:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #72f2ff;
  border-radius: 50%;
}
.visual-small-box{
  padding: 15px;
  min-width: 160px;
  height: 100px;
  background: rgba(12, 40, 90, 0.4);
  box-sizing: border-box;
  border: 1px solid;
  border-image: linear-gradient(10deg, #0a2149 0%, #21eaff 50%, #0a2149 100%) 3 3;
}

.visual-item {
  position: relative;
}
.visual-item:not(:last-child) {
  margin-right: 10px;
}

.visual-small-box:hover {
  box-shadow: 0 0 10px #1c55a4;
  background: rgba(51, 108, 198, .8);
}

.visual-small-box-two{
  padding: 15px 12px;
  min-width: 180px;
  height: 100px;
  background: linear-gradient(rgb(43,183,197) 10%, rgba(27,104,163) 100%);
  box-sizing: border-box;
  border: 1px solid;
  border-image: linear-gradient(10deg, #0a2149 0%, #21eaff 50%, #0a2149 100%) 3 3;
}

.visual-small-box-two:hover {
  box-shadow: 0 0 10px #1c55a4;
  background: rgba(51, 108, 198, .8);
}

.visual-small-box-title{
  font-size: 14px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  line-height: 20px;
}
.visual-small-box-num{
  display: inline-flex;
  /* align-items: center; */
  font-size: 24px;
  font-size: 24px;
  font-family: 'youShe';
  color: #ffffff;
  text-shadow: 0px 0px 15px #3d76c3;
}
.visual-small-box-num>span{
  font-size: 12px;
  font-family: Microsoft YaHei, Microsoft YaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #cccccc;
  line-height: 12px;
  margin-left: 15px;
  text-shadow: none;
}
/* 折线图 */
.health-resources-linechart{
  width: 710px;
  height: 170px;
  /* background: rgba(0,35,75,0.4); */
}
.health-resources-linechart-small {
  width: 350px;
  height: 170px;
}
/* 折线图tooltip
.linechart-tooltip {
  width: 200px;
  background-color: rgba(20, 47, 94, .8) !important;
  border-image: linear-gradient(45deg, rgba(10, 33, 73, 0.60) 0%, rgba(33, 234, 255, 0.60) 25%, rgba(10, 33, 73, 0.60) 50%, rgba(33, 234, 255, 0.60) 75%, rgba(10, 33, 73, 0.60) 100%) 1 1 1 1;
}

.linechart-tooltip div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 24px;
}

.linechart-tooltip div:nth-child(1) {
  height: 30px;
}

.linechart-tooltip div span span {
  border-radius: 3px !important;
} */
/* 地图tab栏 */
.visual-tab-box{
  display: flex;
  align-items: center;
  border-bottom: 0;
}
.visual-tab-box li{
  font-size: 18px;
  font-family: Microsoft YaHei, Microsoft YaHei-Semibold;
  font-weight: 600;
  color: #cccccc;
  margin-right: 30px;
  min-height: 42px;
  line-height: 18px;
  padding: 0;
}
.visual-tab-box>.layui-this{
  text-shadow:0px 0px 15px #3d76c3;
  color: #ffffff;
  border: 0;
}
.visual-tab-box>.layui-this:after{
  border: 0;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  top: auto;
  bottom: 0;
  left: 28px;
}
/* 风险级别标题 */
.map-level-title{
  font-size: 22px;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  font-weight: 700;
  text-align: left;
  color: #ffffff;
  letter-spacing: 1px;
  text-shadow: 0px 0px 15px #3d76c3;
}
.map-level-title-text {
  text-shadow: -2px 0px 8px 2px #0b2e53; 
}
.map-level-title-num{
  font-size: 32px;
  font-family: 'youShe';
  color: #ffffff;
}
/*修改密码样式*/
.psd-eye-new {
  margin-right: 10px;
  cursor: pointer;
  width: 20px;
  height: 16px;
}

.psd-open-new  {
  height: 15px;
  background-image: url('/static/assets/images/new_eye.png');
  background-size: 100% 100%;
}

.psd-close-new {
  margin-top: 5px;
  height: 10px;
  background-image: url('/static/assets/images/new_closeeye.png');
  background-size: 100% 100%;
}
/*弹性盒子居中布局*/
.flex-center-box {
  display: flex;
  align-items: normal;
  justify-content: center;
}
.report-default-width {
  width: 240px;
}
.report-default-width input {
  width: 240px;
}

/*综合查询-健康风险-行政区划&行业详情*/
.tree-menu.health-risks-info {
  font-size: 18px;
  font-family: Microsoft YaHei, Microsoft YaHei-Bold;
  color: #333333;
  background-color: #fff;
}
.tree-menu.health-risks-info>.sub-title {
  padding: 0 40px 0 20px;
  font-weight: 700;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
}

.tree-menu.health-risks-info>.list-view>a {
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
  height: 60px;
  line-height: 60px;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}

.tree-menu.health-risks-info>.list-view>a:nth-child(2n+1){
  background: #f5f5f5;
}

.tree-menu.health-risks-info>.list-view>a:hover {
  background-color: #EFF4FC;
  color: #333333;
}

.tree-menu.health-risks-info>.list-view>a>span{
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tree-menu.health-risks-info>.list-view>a .layui-icon {
  font-size: 18px;
}