.article-container {
    width: 1400px;
    margin: 100px auto;
}

.article-container .article-nav {
    width: 220px;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    background: #ffffff;
}

.article-container .article-nav dt {
    height: 14px;
    line-height: 16px;
    font-size: 20px;
    font-family: MyriadPro-Regular;
    font-weight: 400;
    color: #202020;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.article-container .article-nav dt:first-child {
    margin-top: 0;
}

.article-container .article-nav dd {
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}

.article-container .article-nav dd a {
    font-size: 16px;
    font-family: MyriadPro-Regular;
    font-weight: 400;
    color: #666666;
    text-decoration: none;
}

.article-container .article-nav dd a.active {
    color: #22B8F3;
}

.article-container .article-nav dd a:hover {
    color: #22B8F3;
}

.article-container .article-nav dd:last-child {
    display: inline-block;
    border-bottom: none;
}

.article-container .article-content {
    width: 1130px;
    float: right;
    overflow: hidden;
    box-sizing: border-box;
    background: #ffffff;
    min-height: 408px;
    padding: 0 20px;
}

.article-container .article-content .article-title {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #dddddd;
    padding-left: 50px;
    font-size: 20px;
    font-family: MyriadPro-Regular;
    font-weight: 400;
    color: #202020;
}

.article-container .article-content .main-content {
    padding: 20px 55px;
}