/*网站基础样式*/
html{-webkit-text-size-adjust:none;width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display: inline;*zoom:1;}
body{width:100%;height:100%;min-width:1024px;background-repeat:repeat-x;word-wrap:break-word;text-align:left;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;line-height:1.2;color:#666}
input,select,textarea,button{font-size:100%;border-radius:0px!important;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
li{list-style:none;*margin-left:-1px}
.left{float:left}
.right{float:right}
.clear{display:block;clear:both;font-size:0px;height:0px;line-height:0px;width:0px;margin:0px;padding:0px;overflow:hidden}
a{color:#333333;text-decoration:none;}
a:hover{color:#333333;text-decoration:none;}
*:focus{outline:none}
[v-cloak]{display:none;}
/* header顶部样式 */
.header {
    clear: both;
    position: relative;
    padding-left: 220px;
    height: 50px;
    background: #0085E8
}
.header .logo{display:flex;align-items:center;justify-content:center;width:220px;height:50px;position:absolute;top:0px;left:0px;background:#0085E8;}
.header .logo img{border:0px;max-width:220px;max-height:50px;align-self:center;}
.header  .topmenu {clear:both;}
.header  .topmenu  .dropdown-menu{background-color:#0085E8;font-size:13px;margin-top:0px;border-radius:0px;border:0px;box-shadow:#fff 0px 0px}
.header  .topmenu  .dropdown-menu li{padding-left:5px;height:40px}
.header  .topmenu  .dropdown-menu li span{line-height:40px}
.header  .topmenu  .dropdown-menu li.current{font-weight:bold}
.header  .topmenu  .dropdown-menu li.current i,.header .box .topmenu .dropdown-menu li:hover i{display:block}
.header  .topmenu  .dropdown-menu li i{float:left;display:none;color:#fff;line-height:40px;font-size:6px}

.header .topmenu .item, .header .box .topmenu li.dropdown {float: left;min-width: 34px;height: 50px;font-size: 14px}
.header .topmenu .item span,.header .topmenu .item a{cursor:pointer;display:block;padding:0px 15px;line-height:50px;color:#fff;width:100%;height:100%}
.header .topmenu li.current,.header .topmenu li:hover{background-color:#0074CA;text-decoration:none;}

.header .right{padding-right:20px;}
.el-menu {background-color:transparent}
.el-menu a{display:block;width:100%;text-align:center}
.el-menu--horizontal .el-menu .el-menu-item:hover{background-color:#efefef}
.el-menu--horizontal > .el-menu-item.is-active {border-bottom:0px solid #409EFF;color:#fff;}
.el-menu--horizontal > .el-menu-item {color:#fff}
    .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
    .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
    .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
        background-color: #0074CA;color:#fff
    }
.el-menu--horizontal > .el-submenu:focus .el-submenu__title,
.el-menu--horizontal > .el-submenu:hover .el-submenu__title {
    color: #fff
}
.el-submenu__title i {
    color: #fff;
}
.el-menu.el-menu--horizontal {border-bottom: solid 0px #e6e6e6;}
.el-menu--horizontal > .el-menu-item {height: 50px;line-height: 50px;}
.el-menu--horizontal > .el-submenu .el-submenu__title{height:50px;line-height:50px;color:#fff}


/* 主体样式 */
.main-frame {
    clear: both;
    position: relative;
    min-width: 1000px;
    width: 100%;
}
.main-frame  .leftarea{position:absolute;top:0px;left:0px;width:50px;height:100%;background-color:#344058;color:#a7b1c2;z-index:1;overflow-y:auto;overflow-x:hidden;}
.main-frame  .rightarea{padding-left:50px;height:100%;overflow:hidden}
.main-frame  .leftmenu{display:none}
.expand-menu .leftarea {width: 220px;}
.expand-menu .leftmenu{display:block}
.expand-menu .rightarea{padding-left:220px;}
/*左侧菜单*/
.leftmenu-classname {
    padding-left: 15px;
    height: 40px;
    margin: 1px 0px 1px 0px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden
}
.leftmenu{width:100%;overflow:hidden;}
.leftmenu div{width:100%;margin-bottom:1px;overflow:hidden;}
.leftmenu div ul{padding:0px 0px 1px 0px;}
.leftmenu div ul li{position:relative;}
.leftmenu>div>ul>li:hover,.leftmenu>div>ul>li.current{
    background-color:rgba(0,0,0,.1);
}
.leftmenu > div > ul > li.current:before {
        content: "";
        top: 0px;
        left: 0px;
        position: absolute;
        background-color: #009688;
        width:1px;
        height: 100%;
        display: block;
    }
.leftmenu div ul li a{position:relative;display:block;cursor:pointer;padding-left:18px;font-size:14px;color:#a7b1c2;height:36px;line-height:36px;line-height:35px}
.leftmenu div ul li a .arrow-icon{position:absolute;right:10px;font-size:16px;line-height:35px;transform:rotate(90deg);transition:transform 0.2s ease-in-out;}

.leftmenu div ul li a:hover{text-decoration:none;}
.leftmenu div ul a.shut .arrow-icon,.leftmenu div ul li a:hover .arrow-icon{transform:rotate(0deg);}
.leftmenu div ul a.shut+ul{display:none}
.leftmenu div ul li li a:hover{color:#fff;}
.leftmenu div ul li li a.current{color:#fff;}
.leftmenu div ul li li a.current .leftline{display:block;left:0px;top:0px;background:#2068A4}

.leftmenu div ul li ul{padding-left:20px}

/* 底部历史记录 */
.main-frame .historytab{position:absolute;z-index:10;bottom:0px;width:100%;left:221px;height:25px;width:100%;overflow:hidden;display:none}
.main-frame .historytab ul{clear:both;overflow:hidden;height:25px;}
.main-frame .historytab li{float:left;position:relative;background-color:#ffffff;color:#999;border:1px solid #ffffff;padding:0px 18px 0px 5px;line-height:22px;cursor:pointer;margin-right:1px;font-size:12px}
.main-frame .historytab li span{display:block;white-space:nowrap;}
.main-frame .historytab li a{position:absolute;top:1px;right:2px;font-size:11px;line-height:20px;}
.main-frame .historytab li a:hover{color:#cc0000}
.main-frame .historytab li:hover,.main .historytab li.current{background-color:#eeeeee;color:#333333;}
.main-frame .historytab li:hover a,.main .historytab li.current a{color:#333}
.loading{background:url(images/loading.gif) no-repeat center center}

.el-dialog__iframe .el-dialog__body {
    padding: 0px 0px;
}

.el-submenu-demo .el-menu--popup {
    min-width: 130px;
}