@charset "utf-8";
body,html{ margin:0; padding:0;font-size:14px; font-family:Arial, 微软雅黑;min-width:1024px; background:#fff;

    SCROLLBAR-ARROW-COLOR:#6699FF;
    SCROLLBAR-FACE-COLOR:#0066CC;
    SCROLLBAR-DARKSHADOW-COLOR:#000066;
    SCROLLBAR-HIGHLIGHT-COLOR:#0033CC;
    SCROLLBAR-3DLIGHT-COLOR:#0000CC;
    SCROLLBAR-SHADOW-COLOR:#0066FF;
    SCROLLBAR-TRACK-COLOR:#CCCCCC;}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*登录 */
.login .top{height:135px; background:url(../images/login-top-bg.png) bottom repeat-x; position:relative; overflow:hidden}
.login .top .logo{height:30px;margin-top:95px;display:inline-block;    float: left;}
.login .top .logo img{height:30px;}
.login .top .h2{ margin-top:90px;display:inline-block; font-size:22px;color:#133781;margin-left:20px;    float: left;}





.c-b {width: 900px;margin:0 auto; position:relative;}
.login .mainbody{height:242px;background:url(../images/login-bg.png) bottom center no-repeat #15367d; background-size:100% 100%;}
/*.login .mainbody{height:242px;background:url(../images/Iskraemeco_bg.jpg) bottom center no-repeat #15367d; background-size:100% 100%;}*/
.login .mainbody .loginformbody{width:300px;height:215px; background:#fff; position:absolute;right:60px;top:15px;}
.login .mainbody .loginformbody .header{height:22px;color:#133781;font-size:16px;text-align:center;margin-top:5px;}
.login .mainbody .loginformbody input{height:38px; line-height:38px;text-indent: 3em;width:270px; border-radius:5px;border:1px solid #a4a4a4; margin:10px auto 15px auto; display:block}
.login .mainbody .loginformbody .tips{height:30px; text-align:right;width:270px; margin:-15px auto;}
.login .mainbody .loginformbody .btn{width:270px;color:#fff;height:38px; margin:0 auto; background:#2058a5;margin-bottom:8px;}


.login .mainbody .loginformbody input[type="text"]{ background: url(../images/login-icons.png) 6px 0px no-repeat;}
.login .mainbody .loginformbody input[type="password"]{ background: url(../images/login-icons.png) 6px -38px no-repeat;}
.download{width:38px;height:38px;  display:inline-block; float:right;}

.login .mainbody .loginformbody .tips a{color:#2058a5;background: url(../images/login-icons.png) 6px -70px no-repeat; padding-left:40px;height:40px; line-height:40px; display:inline-block;}
.login .bottom{min-height:135px; background:url(../images/login-bottom-bg.png) top repeat-x; text-align:center; padding-top:30px;}
.btn {
    display: block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.copyright{ text-align:center;line-height:40px;margin:0;}




.main >div{  background:url(../images/maintop-right.png) top right no-repeat;}
.layout-panel-north{ background:url(../images/maintop.png) top left no-repeat}
.sys-ftitle{height:40px; line-height:40px;color:#0037a9; font-size:18px; text-align:center; position:absolute;top:60%;left:4% }
.sys-ftitle:before{content:url(../images/dot.png); margin-right:15px;}
.leftmenu{width:200px;height:100%;background:url(../images/leftmenu-bg.png) repeat-x #0895e9; margin-left:20px;overflow:hidden ;
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0 auto;
    -moz-box-shadow: 0 0 5px #111;
    -webkit-box-shadow: 0 0 5px #111;
    box-shadow: 0 0 5px #111;
}
.amazonmenu{width: 220px;height:100%;
    float: left;}
.leftmenu .body{height:98%; overflow:scroll; margin-right:10px; margin-top:2%; margin-bottom:2%;}
.leftmenu .accordion .accordion-header  { background: url(../images/menu-title-bg.png) top repeat-x;   height:30px;line-height:30px;
    background: #44c6eb; /* fallback colour */
    border-top:1px solid #878e98;
    border-bottom:1px solid #0054be;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44c6eb), to(#0054be));
    background: -webkit-linear-gradient(top, #44c6eb, #0054be);
    background: -moz-linear-gradient(top, #44c6eb, #0054be);
    background: -ms-linear-gradient(top, #44c6eb, #0054be);
    background: -o-linear-gradient(top, #44c6eb, #0054be);
}
.leftmenu .accordion .accordion-header .panel-title {
    margin-top: 2px;
    margin-left: 10px;
}

.leftmenu .accordion .accordion-header.accordion-header-selected{
    background: #44c6eb; /* fallback colour */
    border-top:1px solid #878e98;
    border-bottom:1px solid #0054be;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44c6eb), to(#2799db));
    background: -webkit-linear-gradient(top, #44c6eb, #2799db);
    background: -moz-linear-gradient(top, #44c6eb, #2799db);
    background: -ms-linear-gradient(top, #44c6eb, #2799db);
    background: -o-linear-gradient(top, #44c6eb, #2799db);
}


.leftmenu .easyui-tree{margin-left:-10px;margin-top:10px;}
.main .left .tree-title ,.main .left .tree-title a {
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    padding: 0 2px;
    height: 20px;
    line-height: 30px;
    color:#4c5667;
}
.main .left .tree-title :hover a{color:#13dafe}
.leftmenu .tree-file {
    background: url(../images/wenjian.png);margin-right:6px;margin-top:5px;
}
.leftmenu .panel-title { color:#d5eeff;
}
.leftmenu .tree-node-selected ,.leftmenu .tree-node-selected  a{
    background: none;
    color: #13dafe !important;background:url(../images/tree_select.png)
}
.leftmenu .tree-node-selected .tree-file{background: url(../images/wenjian.png) 0 -18px;}
/*.main .left{ width:270px;}
.main .left .accordion {
background: none;
border:none;padding: 15px 0;
}
.main .left .accordion .accordion-header {
background: none;
filter: none;
}
.main .left .accordion-collapse {
background: url('images/accordion_arrows.png') no-repeat 0 0;
}
.main .left .panel-title {
font-size: 14px;
font-weight: normal;
color: #fff; text-indent:4em;height: 20px;
line-height:20px;
}
.main .left .panel-tool {
left: 25px;
width: auto;
}
.main .left .tree-collapsed {
background: url('images/accordion_arrows.png') no-repeat  -16px 0;    margin-top: 12px;
}
.main .left .tree-folder {
background: none;
}

.main .left .tree-expanded {
background: url('images/accordion_arrows.png') no-repeat 0 0;    margin-top: 12px;
}
.main .left .tree-title ,.main .left .tree-title a {
font-size: 14px;
display: inline-block;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
padding: 0 2px;
height: 40px;
line-height: 40px;
color:#d5eeff;
}
.main .left .tree-node {
height: 40px;
}
.main .left .tree-file {
background: url('images/tree_icons_arrow.png') no-repeat; margin-top:10px;
}
.main .left .tree-node-hover {
background: url(images/tree_select.png) top center;
color: #fff;
}
.main .left .tree-node-selected {
background:url(images/tree_select.png) top center no-repeat;
color: #fff;
}
.main .left ul> li >a {
color: #d5eeff;
display: block;
overflow: auto;
padding: 10px 0;
position: relative;
text-decoration: none;
text-indent: 10px;
}
.main .left ul> li >a:hover{
background: url(images/tree_select.png) top center no-repeat;
color: #fff;
}*/
.main .tabs-header, .tabs-tool {
    background-color: #0054be;
}
.maincenter >.tabs-container{height:100%;}
.maintop .logo{ position:absolute;top:23px;left:20px;width:150px;height:30px;}
.maintop .logo img{width:100%;}
.layout-panel-north .welcome{height:30px;width:400px; position:absolute;top:10px;right:20px;color:#FFF;}
.layout-panel-north .welcome .username{float:left;}
.layout-panel-north .welcome .set{float:right;}
.layout-panel-north .welcome .set li{ list-style:none; float:left;padding-left:10px;padding-right:10px;}
.layout-panel-north .welcome .set li.sep{width:2px;}
.layout-panel-north .welcome .set li a{color:#fff; text-decoration:none}
.mainbg{ background:url(../images/mainbg.png) bottom left no-repeat; background-size:contain; }

.mainbg .systems li{ float:left; margin-left:10px;color:#0037a9; list-style:none; font-size:16px; text-align:center;}
.mainbg .systems li{width:30%;max-width:250px;}
.mainbg .systems li img{width:100%;}
.mainbg .systems li a{color:#0037a9; text-decoration:none;}
.mainbg .systems li p{ margin-left:-40px;}


.main .layout-panel-center{padding-top:10px; background:url(../images/right-line.png) top right no-repeat}
.main  .layout-panel-center .easyui-tabs .tabs-panels {

    border: none;
}
.main .left{margin-top:0px;margin-left:0px;}
.sys-ftitle{height: 42px;line-height: 42px;top:56px;}
.leftmenu{overflow:hidden;background-size:contain}
.main .left .tree-node {height:30px;line-height:30px;padding-left: 10px;}
.mainbg .systems li{width:180px;}
.layout-panel-north .welcome{top:8px;}
.mainbg .systems{top:50%;;width:650px; position:absolute; margin-top:-100px; left:50%; margin-left:-325px;}
.maintop{height:95px;}


/*20160425*/
.leftmenu .accordion .accordion-header-selected .panel-title {
    color: #fff;
}
.maintop,.maincenter,.left,.main  .layout-split-west, .left .panel-body ,.main >div >.layout-split-south,.main >div >.layout-split-south .panel-body  {border:none !important;border-right: none !important; }
.main >div >.layout-split-south .panel-body  {overflow:hidden;    background: url(../images/bottom-line.png) top center no-repeat;
    background-size: cover;}
.maintop,.left.panel-body,.left .panel-body,.maincenter{ background-color: transparent !important;overflow: auto !important; }

.content {
    float: left;
    overflow: auto;
    position: relative;
    padding: 20px;
    margin: 10px;
    margin-left:0;
    width: 740px;
    max-width: 97%;
    height:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.leftmenuwrap li {width: auto;}
.leftmenuwrap>div{ margin-top:-10px;}
.tree{width:auto}



/*右侧主内容区域*/
#tablist{margin-right:38px;}
#tablist .panel-body  { overflow:hidden;border:none;}


/*浮动框*/

.panel-wrapper{}
.panel-wrapper .panelbody {
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;width:46%; float:left;margin-left:10px; margin-top:10px;
}
.panel-wrapper .title {
    height: 45px;
    border-bottom: 1px solid #ccc;
    line-height: 45px;
    box-shadow: inset 0 0 0px 1px #FFF;
    background: url('../images/back-panel-title.png') repeat-x left bottom;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    position: relative;margin-top: -20px;
}
.panel-wrapper .title h4 {
    margin-left: 15px;
    line-height: 45px;
    font-size: 14px;
    font-family: "Droid Sans",Arial,Verdana;
    color: #5a5a5a;
}
.panel-wrapper .option {
    color: #999;
    height: 45px;
    padding: 0 12px 0 15px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    line-height: 45px;
    cursor: pointer;
    font-size: 11px;
}
.panel-wrapper .panelbody .content {
    overflow: hidden;
    background: #fff;
}