/* css reset www.admin10000.com */  
body::-webkit-scrollbar {
    width: 4px;    
    /*height: 4px;*/
}
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);

}
*{
  box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { 
  margin:0; 
  padding:0; 
}   
body { 
  background:#fff; 
  color:#555; 
  font-size:14px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}   
td,th,caption { 
  font-size:14px; 
}   
h1, h2, h3, h4, h5, h6 { 
  font-weight:normal; 
  font-size:100%; 
}   
address, caption, cite, code, dfn, em, strong, th, var { 
  font-style:normal; 
  font-weight:normal;
}   
a { 
  color:#555; 
  text-decoration:none; 
}   
a:hover { 
  text-decoration:underline; 
}   
img { 
  border:none; 
}   
ol,ul,li { 
  list-style:none; 
}   
input, textarea, select, button { 
  font:14px Verdana,Helvetica,Arial,sans-serif; 
}   
table { 
  border-collapse:collapse; 
}   
[v-cloak]{
  display:none;
}  
/* css common */  
.clearfix:after {
  content: "."; 
  display: block; 
  height:0; 
  clear:both; 
  visibility: hidden;
}   
.clearfix { 
  *zoom:1; 
}  
/*MyStyle*/
.el-header, .el-footer {
  color: #333;
  text-align: center;
}
.el-header{
  display:flex;
  justify-content: space-between;
  padding:0 30px;
  z-index:2;
  box-shadow:1px 1px 6px #cecece;
}
.el-header .nav-left{
  display:flex;
}
.el-header .nav-left .brand{
  width:160px;
  display:flex;
  align-items: center;
}
.el-header .nav-left .plat-info{
  margin-left:10px;
  display: flex;
  align-items: center;
  font-weight:bold;
  color:#F39800;
  font-size:22px;
}
.el-header .nav-left .menu{
  display: flex;
  align-items: center;
  padding-left:20px;
}
.el-header .nav-left .menu .el-button--primary{
  padding:6px 10px;
}
.el-header .nav-left .menu  .el-button--primary.is-plain:focus, .el-header .nav-left .menu  .el-button--primary.is-plain:hover{
  border-color:#b3d8ff;
  background-color:#ecf5ff;
  color:#409EFF;
}
.el-header .nav-right{
  display:flex;
  align-items: center;
}
.el-header .nav-right ul li{
  cursor:pointer;
}
.el-header .nav-right ul li.user-info{
  font-weight:bold;
}
.el-header .brand img{
  width:100%;
}
.el-aside {
  color: #333;
  text-align: center;
  line-height: 200px;
  box-shadow:2px 0 2px -2px #cecece;
  z-index:1;
}

.el-main {
  background-color:#f3f3f3;
  color: #333;
  text-align: center;
  display:flex;
  flex-direction: column;
  padding:0;
}
.el-aside ul.el-menu li{
  text-align: left
}
.boxWrap > .el-container {
  display:flex;
  height:100vh;
}
.el-container.nextWrap{
  flex:1;
}
.el-main .contentWrap{
  padding:20px;
  flex:1;
  background:#fff;
  text-align: left;
}
.el-main .contentWrap .content-box{
  padding:20px 0;
}
#advan-footer {
    clear: both;
    padding-top: 20px
}



.footer-copyright {
    float: left
}

.footer-copyright li {
    float: left;
    list-style: none;
    font-size: 12px;
    line-height: 150%;
    color: #666;
    padding: 0 8px;
    border-left: 1px solid #999
}

.footer-copyright li.copr-first {
    padding-left: 0;
    border-left: none
}

.footer-copyright li a {
    display: block;
    color: #666
}
.el-menu{
  border-right:0;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    height:100%;
  }
.el-submenu .el-menu-item{
  height:40px;
  line-height: 40px;
}
.el-submenu__title i.el-submenu__icon-arrow{
  font-weight:bold;
  transform: rotateZ(-90deg);
}
.el-menu .el-submenu.is-opened .el-submenu__title i{
  transform: rotateZ(0deg);
}
.el-menu-item-group__title{
  padding:0;
}
.el-menu .el-submenu .el-submenu__title{
  transition: .5s all linear;
  height:46px;
  line-height: 46px;
}

.el-menu .el-submenu.is-opened .el-submenu__title{
    background:#007ae1;
    color:#fff;
    position: relative;
}
.el-menu .el-submenu.is-opened .el-submenu__title i{
  color:#fff;
}
.el-menu .el-submenu.is-opened .el-submenu__title:before {
    content: '';
    position: absolute;
    right: -1px;
    top: 1px;
    background: url(../img/menu-arrow-white.svg);
    background-size: 100%;
    width: 9px;
    height: 40px
}