/* 整个页面的文案颜色的配置 */

        html,
        body {
            color: #3D4756;
        }

        /* banner的首行中的左边框色值设置 */
        .banner .title .border {
            border-left: 2px solid #3D4756;
        }

        /* 特殊设置banner内字体颜色 */

        .header {
            color: #fff;
        }

        .banner .title .border {
            border-left: 2px solid #fff;
        }

        /* 特殊设置底部推荐字体颜色 */

        .bottom-container {
            color: #fff;
        }



        /* bannr内轮播文案色 */
        .keyword-list .keyword-item {
            color: #fff;
        }

        /* bannr内轮播文案hover色 */
        .keyword-list .keyword-item:hover,
        .keyword-list .keyword-item.active {
            color: #2E5BB4
        }


        /* 所有按钮背景色 */

        .btn,
        .swiper-button-next:hover,
        .swiper-button-prev:hover,
        .swiper-button-next:active,
        .swiper-button-prev:active {
            background: #2E5BB4;
        }


        /* banner 内轮播hover态icon */


        /* banner内大按钮特殊配色 */

        .banner .btn {
            background: #FFFFFF;
            ;
        }



        .banner .btn:hover {
            background: #d0ecff;
        }



        .banner .btn:hover .arrow-down::before {
            background-color: #2E5BB4;
        }

        .banner .btn:hover .arrow-down::after {
            border-color: #2E5BB4;
        }

        .alertMain .alert-btn a,
        .alertTop .topClose:hover {
            color: #2E5BB4;
        }

        .alertMain .alert-btn .safeBtn {
            border: 1px solid #2E5BB4;
        }

        .alertMain .alert-btn a:hover {
            color: #fff;
            background-color: #2E5BB4;
        }

        /* banner内大按钮元素静态颜色 */

        .btn_icon::before {
            box-shadow: inset 0 0 0 3px #2E5BB4;
        }

        .banner .btn .arrow-down::before {
            background-color: #2E5BB4;
        }

        .banner .btn .arrow-down::after {
            border-color: #2E5BB4;
        }

        .banner .btn {
            color: #2E5BB4;
        }

        /* 选中的用户头像大圈圈 */
 
        .agl-hover {
            outline: 2px solid rgba(244, 67, 54, 0.99) !important;
            background-color: rgba(244, 67, 54, 0.2) !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
        }

        .agl-highlight-current {
            outline: 2px solid rgba(255, 87, 34, 0.99) !important;
            background-color: rgba(255, 87, 34, 0.4) !important;
        }

        .agl-highlight-similar {
            outline: 2px dashed rgba(255, 87, 34, 0.99) !important;
            background-color: rgba(255, 87, 34, 0.4) !important;
        }

        .agl-highlight-group {
            outline: 4px double rgba(255, 87, 34, 0.99) !important;
            background-color: rgba(255, 87, 34, 0.4) !important;
        }

        .agl-cover-current {

            position: absolute !important;
            top: 0;
            left: 0;
            z-index: 9 !important;

            outline: 2px solid rgba(33, 33, 33, 0.99) !important;
            background-color: rgba(33, 33, 33, 0.6) !important;
        }

        .agl-cover-similar {

            position: absolute !important;
            top: 0;
            left: 0;
            z-index: 9 !important;

            outline: 2px dashed rgba(33, 33, 33, 0.99) !important;
            background-color: rgba(33, 33, 33, 0.6) !important;
        }

        .agl-cover-group {

            position: absolute !important;
            top: 0;
            left: 0;
            z-index: 9 !important;

            outline: 4px double rgba(33, 33, 33, 0.99) !important;
            background-color: rgba(33, 33, 33, 0.6) !important;
        }

        .agl-cover-focus {
            outline: 3px solid rgba(255, 165, 0, 0.99) !important;
            background-color: rgba(255, 165, 0, 0.4) !important;
        }