body{
  margin: 0;
  padding: 0;
  background: #e9ecf3;
  overflow: hidden;
  /* font-size: 12px; */
  /* max-width: 1140px; */
  /* max-width: 1437px; */
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,img{font-size: 14px;border:medium none;margin:0;padding:0; list-style:none}
*{margin: 0;padding: 0;}
body,button,input,select,textarea{font-family:"微软雅黑";font-size: 14px;line-height: 22px;color: #666;}
body{color:#333;}
em{font-style:normal;font-weight: bold;max-width:100%;}
ul,ol{list-style:none;}
a{color:#fff;outline:none;text-decoration: none;cursor:pointer;}
a:hover{text-decoration: none;cursor:pointer}
a:active{text-decoration: none;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
img{border:0px;vertical-align:middle;max-width: 100%;}
a img{ border:0px;}
a:visited {
  text-decoration: none;
}
.ctn{text-align:center;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.left{float:left;}
.right{float:right;}
.wrapper{width:1200px;margin:0 auto;}
/*.wrapper p {text-align:left;}*/
.wrap{width:100%;}
/*.pad3{padding-top:50px;padding-bottom:50px;}*/
.pad3{padding-bottom:50px;}
.dashboard-container{
  background: url(./../img/bg.png) no-repeat;
  background-size: 100% 100%;
  /* min-height: 100vh; */
  height: 100vh;
  position: fixed;
  overflow: auto;
  width: 100%;

}
.footer-container{
   /*padding: 20px 0  0;*/
  color: #fff;
  line-height: 1.6;
  vertical-align: top;
  /* position: absolute;
  bottom: 0; */
  text-align: center;
  width: 100%;
  /*padding: 0 0 25px 0;*/
  /* margin-top: 11rem; */
  /*position: fixed;*/
  /*bottom: 10px ;*/
}

.footer-container p{
  color: #becde4;
}
.footer-container span{
  color: #758ec5;
  font-size: 12px;
}
.footer-container a {
  color: #ffa539;
}
.footer-container{
  margin-top: 2vh;
}
/* .footer-container > div{
  padding: 2px;
} */
.dashboard-container-content{
  max-width: 1140px;

  padding-top: 8rem;
  margin: 0 auto;
  min-height: calc(100vh - 142px);
  position: relative;
}
.navbar-content{
  display: none;
  /* justify-content: space-between; */
  /* height: 8rem; */
  background: url(../img/nav-bg.png) no-repeat;
  background-size: 100% 100%;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 2vh;
  flex-flow: wrap;
  min-height: 8rem;
}
.navbar-content > a{
  margin-right: 5px;
}
.navbar-content > a li {
  padding: 14px 17px;
  border: 1px solid #1e80ff;
  border-radius: 50px;
  box-shadow: 0px 0px 10px #2485ff inset;
  font-size: 14px;
}
.navbar-content > a .active{
  border: 1px solid #ff9a27;
  box-shadow: 0px 0px 10px #ff9a27 inset;
}
.navbar-content > a li:hover{
  border: 1px solid #ff9a27;
  box-shadow: 0px 0px 10px #ff9a27 inset;
}
.dashboard-container-content .content-box{
  background: url(../img/content-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 20px;
  min-height: 58vh;
  /* max-height: 42rem; */
  /* margin-top: 120px; */
  margin-bottom: 20px;
}
.content-box{
position: relative;
}

#echarts{
  height: 56vh;
}
/* .echarts{
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
  z-index: -1;
} */

.content-title{
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.content-title p{
  width: 30px;
  height:4px;
  background-color: #ff9a27;
  margin: 0 auto;
}
.content-title h2{
  font-size: 2rem;
  margin-top: 12px;
  font-weight: bold;
  color: #fff;

}