#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);

            > .profile {
                > .title {
                    color: #333;
                    font-size: 22px;
                    margin-bottom: 10px;
                }
                > .date {
                    > span {
                        display: inline-block;
                        line-height: 30px;
                        font-size: 12px;
                        color: #999;
                        border-bottom: 1px solid #ccc;
                        margin-bottom: 20px;
                        padding: 0 50px;
                    }
                }
            }

            > .detail-caption {
                color: #006b47;
                font-size: 25px;
                line-height: 24px;
                height: 30px;
                margin-top: 10px;
                margin-bottom: 35px;
            }

            > .content {
                overflow-x: auto;
                margin-bottom: 5px;
            }

            > .share {
                margin-bottom: 4px;
            }

            > .prev-next {
                padding: 20px 0;
                > div {
                    width: calc(50% - 8px);
                    @spanWidth: calc(3 * 1.7em);
                    line-height: 1.7;
                    color: #444;
                    font-size: 16px;
                    > span {
                        width: @spanWidth;
                        color: inherit !important;
                        font-size: inherit !important;
                        line-height: inherit !important;
                    }
                    > a {
                        width: calc(100% - @spanWidth);
                        color: inherit !important;
                        font-size: inherit !important;
                        line-height: inherit !important;
                    }
                }
            }

            > .related-article-list {
                > ul {
                    > li {
                        width: calc(50% - 8px);
                        border-bottom: 1px dashed #ccc;
                        > a {
                            display: block;
                            line-height: 35px;
                            width: 80%;
                            color: #333;

                            &:hover {
                                color: #006b47;
                            }
                        }
                    }
                }
            }

            > .related-product-list {
                margin-bottom: 60px;
            }
        }
    }
}