.page-top {
    padding: 0 24px;
    border-bottom: 1px solid #EAEEF1;

    .s-p-t-g1::after {
        content: "";
        height: 16px;
        width: 1px;
        background: #CBCFD3;
        position: absolute;
        top: 4px;
        right: 0%;
        transform: translateY(50%);
    }

    .btn-flex {
        display: flex;
        height: 40px;

    }

    .s-p-t-g1 {
        padding-right: 24px;
        position: relative;

        .el-button:first-child {
            color: #606266;
            margin-right: 8px;
            padding-left: 0;
        }

        .el-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            line-height: 40px;
            padding: 7px 8px;
            border: none;
            color: #606266;
            font-size: 12px;

            .iconfont-mg {
                margin-right: 4px;
            }
        }

        .el-button:hover {
            color: #4178D5;
            background-color: #fff;
        }
    }

    .s-p-t-g2::after {
        content: "";
        height: 16px;
        width: 1px;
        background: #CBCFD3;
        position: absolute;
        top: 4px;
        right: 0%;
        transform: translateY(50%);
    }

    .s-p-t-g2 {
        padding: 0 24px;
        position: relative;

        .el-button:first-child {
            margin-right: 8px;
        }

        .el-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            line-height: 40px;
            padding: 7px 8px;
            border: none;
            color: #606266;
            font-size: 12px;
        }

        .el-button:hover {
            color: #4178D5;
            background-color: #fff;
        }

    }

    .s-p-t-g3::after {
        content: "";
        height: 16px;
        width: 1px;
        background: #CBCFD3;
        position: absolute;
        top: 4px;
        right: 0%;
        transform: translateY(50%);
    }

    .s-p-t-g3 {
        padding: 0 24px;
        position: relative;

        .el-button:first-child {
            margin-right: 8px;
        }

        .el-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            line-height: 40px;
            padding: 7px 8px;
            border: none;
            color: #606266;
            font-size: 12px;
        }

        .el-button:hover {
            color: #4178D5;
            background-color: #fff;
        }
    }

    .s-p-t-g4::after {
        content: "";
        height: 16px;
        width: 1px;
        background: #CBCFD3;
        position: absolute;
        top: 4px;
        right: 0%;
        transform: translateY(50%);
    }

    .s-p-t-g4 {
        padding: 0 24px;
        position: relative;

        .el-button:first-child {
            margin-right: 8px;
        }

        .el-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            line-height: 40px;
            padding: 7px 8px;
            border: none;
            color: #606266;
            margin-right: 8px;
            font-size: 12px;
        }

        .el-button:hover {
            color: #4178D5;
            background-color: #fff;
        }
    }

    .s-p-t-g5 {
        .el-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            line-height: 40px;
            padding: 7px 0 7px 24px;
            border: none;
            color: #606266;
            margin-right: 24px;
            font-size: 12px;

            .iconfont-mg {
                margin-right: 4px;
            }
        }

        .el-button:hover {
            color: #4178D5;
            background-color: #fff;
        }
    }

    .s-p-t-g7::after {
        content: "";
        height: 16px;
        width: 1px;
        background: #CBCFD3;
        position: absolute;
        top: 4px;
        right: 0%;
        transform: translateY(50%);
    }

    .s-p-t-g7 {
        padding: 0 24px;
        position: relative;

        .el-button:first-child {
            margin-right: 8px;
        }

        .el-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            line-height: 40px;
            padding: 7px 8px;
            border: none;
            color: #606266;
            font-size: 12px;
        }

        .el-button:hover {
            color: #4178D5;
            background-color: #fff;
        }
    }

    .s-p-t-g8::after,
    .s-p-t-g12::after {
        content: "";
        height: 16px;
        width: 1px;
        background: #CBCFD3;
        position: absolute;
        top: 4px;
        right: 0%;
        transform: translateY(50%);
    }

    .s-p-t-g8,
    .s-p-t-g12 {
        padding: 0 24px;
        position: relative;

        .el-button:first-child {
            margin-right: 8px;
        }

        .el-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            line-height: 40px;
            padding: 7px 8px;
            border: none;
            color: #606266;
            font-size: 12px;
        }

        .el-button:hover {
            color: #4178D5;
            background-color: #fff;
        }
    }

    .s-p-t-g9::after,
    .s-p-t-g6::after {
        content: "";
        height: 16px;
        width: 1px;
        background: #CBCFD3;
        position: absolute;
        top: 4px;
        right: 0%;
        transform: translateY(50%);
    }

    .s-p-t-g9,
    .s-p-t-g6 {
        padding: 0 24px;
        position: relative;

        .el-button:first-child {
            margin-right: 8px;
        }

        .el-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            line-height: 40px;
            padding: 7px 8px;
            border: none;
            color: #606266;
            font-size: 12px;
        }

        .el-button:hover {
            color: #4178D5;
            background-color: #fff;
        }
    }

    .s-p-t-g11,
    .s-p-t-g10::after {
        content: "";
        height: 16px;
        width: 1px;
        background: #CBCFD3;
        position: absolute;
        top: 4px;
        right: 0%;
        transform: translateY(50%);
    }

    .s-p-t-g11,
    .s-p-t-g10 {
        padding: 0 24px;
        position: relative;

        .el-button:first-child {
            margin-right: 8px;
        }

        .el-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
            line-height: 40px;
            padding: 7px 8px;
            border: none;
            color: #606266;
            font-size: 12px;
        }

        .el-button:hover {
            color: #4178D5;
            background-color: #fff;
        }
    }
}

::v-deep(.el-button:visited) {
    background-color: #fff;
}

::v-deep(.el-button:focus) {
    background-color: #fff;
}

::v-deep(.el-button:hover) {
    background-color: #fff;
}