/* 自定义、第三方样式 */
/* 通用按钮 */
.custom-button {
    position: relative;
}

    .custom-button.default-button {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .custom-button.default-button.hover:hover {
            opacity: 0.9;
        }

        .custom-button.default-button.big {
            width: 284px;
            height: 60px;
            border-radius: 10px;
        }

        .custom-button.default-button.medium {
            width: 172px;
            height: 52px;
            border-radius: 10px;
        }

        .custom-button.default-button.small {
            width: 100px;
            height: 52px;
            border-radius: 10px;
        }

        .custom-button.default-button.primary {
            background: linear-gradient(90deg, #023cc1, #2c6dff);
            border: 1px solid rgba(92, 137, 240, 0.76);
            color: #fff;
        }

        .custom-button.default-button.dark {
            background: rgba(72, 89, 122, 0.7);
            border: 1px solid rgba(255, 255, 255, 0.5);
            color: #fff;
        }

        .custom-button.default-button.round {
            border-radius: 52px;
        }

        .custom-button.default-button > .btn-inner {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .custom-button.default-button > .btn-inner > .icon {
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .custom-button.default-button > .btn-inner > .icon > .caret-right {
                    position: relative;
                    top: 2px;
                }

        .custom-button.default-button:hover {
            text-decoration: none;
        }

    .custom-button.circle-icon-button {
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .custom-button.circle-icon-button.medium {
            width: 26px;
            height: 26px;
        }

        .custom-button.circle-icon-button.primary {
            background: #023cc1;
            color: #fff;
        }

        .custom-button.circle-icon-button.dark {
            background: #49597b;
            color: #fff;
        }

        .custom-button.circle-icon-button.hover:hover {
            opacity: 0.9;
        }

        .custom-button.circle-icon-button .btn-inner {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .custom-button.circle-icon-button .btn-inner .icon {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .custom-button.circle-icon-button .btn-inner .caret-right {
                position: relative;
                top: 1px;
            }

    .custom-button.skew-round-button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 190px;
        height: 66px;
        background: url(/content/stech/images/skew-round-btn.png) no-repeat center center;
        background-size: cover;
        color: #fff;
        padding: 0 22px 0 32px;
    }

        .custom-button.skew-round-button:hover {
            text-decoration: none;
            opacity: 0.9;
        }

        .custom-button.skew-round-button img {
            width: 20px;
            height: 20px;
        }

    .custom-button.toggle-round-button {
        display: inline-block;
        width: 60px;
        height: 60px;
        cursor: pointer;
    }

        .custom-button.toggle-round-button.btn-left {
            background-image: url(/content/stech/images/round-left-btn.png);
            background-size: cover;
        }

        .custom-button.toggle-round-button.btn-right {
            background-image: url(/content/stech/images/round-right-btn.png);
            background-size: cover;
        }

        .custom-button.toggle-round-button.disabled {
            cursor: default !important;
        }

            .custom-button.toggle-round-button.disabled.btn-left {
                background-image: url(/content/stech/images/round-left-btn-grey.png);
                background-size: cover;
            }

                .custom-button.toggle-round-button.disabled.btn-left.dis-trans {
                    background-image: url(/content/stech/images/round-left-btn-trans.png);
                    background-size: cover;
                }

            .custom-button.toggle-round-button.disabled.btn-right {
                background-image: url(/content/stech/images/round-right-btn-grey.png);
                background-size: cover;
            }

                .custom-button.toggle-round-button.disabled.btn-right.dis-trans {
                    background-image: url(/content/stech/images/round-right-btn-trans.png);
                    background-size: cover;
                }

        .custom-button.toggle-round-button:not(.disabled):hover {
            opacity: 0.9;
        }

    .custom-button.detail-button {
        width: 176px;
        height: 60px;
        display: inline-flex;
        align-items: center;
        position: relative;
        cursor: pointer;
        text-decoration: none;
    }

        .custom-button.detail-button:hover {
            opacity: 0.9;
        }

            .custom-button.detail-button:hover .text {
                padding-left: 4px;
            }

            .custom-button.detail-button:hover .icon {
                right: -2px;
            }

        .custom-button.detail-button .text {
            width: 146px;
            height: 54px;
            border-radius: 54px 0 0 54px;
            background: #0040bf;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-right: 10px;
            font-size: 15px;
            transition: all 0.2s ease-in-out;
        }

        .custom-button.detail-button .icon {
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -30px;
            width: 60px;
            height: 60px;
            transition: all 0.2s ease-in-out;
            background-image: url(/content/stech/images/round-detail-btn.png);
            background-size: cover;
        }

    .custom-button.download-button {
        width: 130px;
        height: 50px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: relative;
        cursor: pointer;
        text-decoration: none;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: linear-gradient(90deg, #0b46bb 0%, #1f70fc 100%);
        border-radius: 6px;
    }

        .custom-button.download-button:hover {
            opacity: 0.9;
        }

        .custom-button.download-button .text {
            color: #fff;
            font-size: 15px;
        }

        .custom-button.download-button .icon {
            display: inline-block;
            margin-left: 5px;
            width: 30px;
            height: 30px;
            background: url(/content/stech/images/icon-download.png) no-repeat center center;
            background-size: cover;
        }
/* 其他样式 */
.rich-text img {
    max-width: 100% !important;
}
/* 移动端兼容 */
@media screen and (max-width: 768px) {
    body {
        padding-top: 76px;
        overflow-x: hidden;
    }

    .mar-auto-1280 {
        width: 100%;
        min-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .side-tools-box {
        right: 20px !important;
    }
}