#root {
    > .breadcrumbs {
        margin-top: 32px;
        padding: 0 25px;
    }

    > .main {
        margin-top: 15px;
        padding: 0 25px;

        @leftWidth: 200px;

        > .left {
            width: @leftWidth;
            > .articleCateList {
                margin-bottom: 20px;
            }
            > .contactUs {
                margin-bottom: 10px;
            }
        }

        > .right {
            width: calc(100% - @leftWidth - 30px);

            > .articleList {
                > ul {
                    > li {
                        border-bottom: 1px dashed #ddd;
                        height: 41px;
                        padding: 0 16px;

                        @rightWidth: 100px;
                        > .left {
                            width: calc(100% - @rightWidth - 20px);
                            height: 100%;
                            color: #666;
                            font-size: 15px;
                            > p {
                                width: 100%;
                            }

                            &:hover {
                                > p {
                                    color: #006b47;
                                    text-decoration: underline;
                                }
                            }
                        }
                        > .right {
                            width: @rightWidth;
                            height: 100%;
                            color: #333;
                        }
                    }
                }
            }

            > .empty {
                margin: 32px 0;
                text-align: center;
                font-size: 12px;
                color: #ccc;
            }

            > .pagination {
                margin-top: 15px;
                margin-bottom: 20px;
            }
        }
    }
}