@charset "utf-8";

/* 左边导航栏 */
.leftbar{
    margin-top:-30px;
}

.leftbar li{
    width:250px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    border-bottom:2px solid #dadada;
    background:#f1f1f1;
}
.leftbar li a{
    display:inline-block;
    color:#000;
    width: 100%;
    height:100%;
}
.leftbar li:first-child a,.leftbar li a:hover{
    color:#fff; 
    background:#0077ed;
}
.leftbar .leftbar_title{
    box-sizing:border-box;
    height:80px;
    line-height:1.5em;
    background:#0077ed;
}
.leftbar_title p:first-child{
    font-size:18px;
    margin-top:20px;
    color:#fff;
}
.leftbar_title p:last-child{
    font-size:12px;
    color:#a3c3f6;
}
.leftbar li:last-child{
    width: 250px;
    height:180px;
    position:relative;
}
.leftbar li:last-child p{
    background:#f00;
    position:absolute;
    width: 250px;
    height:60px;
    font-size:16px;
    line-height: 60px;
    text-align:center;
    color:#fff;
    bottom:0;
}

/* 左边主体内容 */
.main{
    width:900px;
}
.topnav{
    height:40px;
    line-height:40px;
    font-size:12px;
    margin-top:10px;
    border:1px solid #e1e1e1;
    padding-left:10px;
}
.topnav p{
    color: #8b8b8b;
}
article{
    color:#767474;
    border:1px solid #e5e5e5;
    margin-top:10px;
    font:500 14px/28px 微软雅黑;
    padding:15px 10px 20px;
}
article p:first-child{
    margin-bottom:26px;
}
.bottom_pic{
    margin-top:10px;
    border: 1px solid #e5e5e5;
    padding:10px;
}