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

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

        @leftWidth: 200px;

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

        > .right {
            width: calc(100% - @leftWidth - 30px);
            > .productCate {
                margin-bottom: 10px;
                font-size: 24px;
            }

            > .productList {
                > ul {
                    > li {
                        padding: 15px 0;
                        @leftWidth: 250px;
                        border-bottom: 1px dotted #e4e4e4;

                        > .left {
                            display: block;
                            width: @leftWidth;
                            height: 220px;
                            > * {
                                width: 100%;
                                height: 100%;
                                object-fit: contain;
                            }
                        }
                        > .right {
                            width: calc(100% - @leftWidth - 20px);
                            padding-right: 15px;
                            > .title {
                                font-size: 15px;
                                font-weight: 700;
                                line-height: 1.7;
                                margin-bottom: 2px;
                                columns: #333;
                            }
                            >.desc {
                                margin-bottom: 20px;
                                font-size: 14px;
                                line-height: 1.7;
                                color: #8d9095;
                            }
                            >.read-more {
                                display: inline-block;
                                padding: 3px 12px;
                                border-radius: 5px;
                                background-color: #006B47;
                                color: white;
                                line-height: 1.7;
                                font-size: 14px;
                            }
                        }
                    }
                }
            }

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

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