html{
    background: #ededed;
}
nav{
    background: #24bbc4;
}
nav .layui-container{
    height:55px;
    font-size:18px;
    color: #fff;
    height:55px;
    padding-top:2px;
    line-height:53px;
}
nav .nav{
    float: left;
    font-weight:bold;
}
nav .nav li{
    float:left;
    min-width:140px;
    text-align: center;
}
nav .nav li a{
    display: block;
    color: #fff;
	padding:0px 10px;
}
nav .nav li.active a,nav .nav li a:hover{
    background: #00949d;
}
nav .welcome{
    float: right;
    padding-left:35px;
    background: url(../images/welcome.png) no-repeat left center;
}
.banner{
    height:105px;
    background: url(../images/ab.jpg) no-repeat center center;
}
.banner.banner-setting{
    background: url(../images/bg_02.jpg) no-repeat center center;
}
.banner h2{
    font-size:26px;
    color: #fff;
    height:105px;
    line-height:105px;
    padding-left:50px;
    position: relative;
}
.banner h2:before{
    content: '';
    width:8px;
    height:28px;
    background: #fff;
    position: absolute;
    left:0;
    top:40px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.content{
    background: #ededed;
}
.content .left{
    padding-right:34px;
}
.content .left .sidenav{
    padding:42px 0;
    position: relative;
}
.content .left .sidenav:before{
    content: '';
    width:2px;
    height:100%;
    background: #e3e3e3;
    position: absolute;
    right:8px;
    top:0;
}
.content .left .sidenav li{
    height:34px;
    line-height:34px;
    margin-bottom:18px;
    /*background-image: url(../images/yuan1.png);*/
    background-repeat: no-repeat;
    background-position: 147px center;
    position: relative;
    z-index: 10;
}
.content .left .sidenav li:after{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    content: attr(data-order);
    width: 16px;
    height: 16px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #c9c9c9;
    background-color: #c9c9c9;
    color: #fff;
}
.content .left .sidenav li.current:after,.content .left .sidenav li.done:after{
   background-color: #34adb9;
   border-color: #34adb9;
}
/*.content .left .sidenav li.done:after{
    background-image: url(../images/aright.png);
    background-position: 148px center;
}*/
.content .left .sidenav li a{
    float: left;
    width:140px;
    color: #4d4c4c;
    font-size:14px;
    display: block;
    text-align: right;
    padding-right:17px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.content .left .sidenav li.current a{
    background: url(../images/current.png) no-repeat left top;
    color: #fff;
}
.content .right{
    padding-bottom: 50px;
    padding-left:16px;
}
.content .right .local{
    height:43px;
    line-height:37px;
    padding:6px 0 0 23px;
    font-size:12px;
    color: #4d4c4c;
    background: url(../images/local.png) no-repeat 1px 18px;
}
.content .right .local a,.content .right .local span{
    float: left;
}
.content .right .local a{
    color: #4d4c4c;
}
.content .right .local span{
    padding:0 5px;
}
.footer{
    background: #ededed url(../images/top_line.jpg) repeat-x bottom center;
}