/*alert-style-start*/
    .alert{
        border-radius: 0;
        width: 100%;
        position: fixed;
        top: 141px;
        z-index: 9;
        display: none;
        background: #E94F1A;
        color: #fff;
    }

/*alert-style-end*/
/*header-style-start*/
    body{
        background: #fff;
        font-size: 14px;
        overflow-x: hidden;
    }
    input::placeholder,textarea::placeholder{
        color: #fff !important;
    }
    .form-control:focus {
        border-color: #E94F1A;
        box-shadow: #E94F1A 0 0 5px 2px; /* 更改为你想要的阴影效果和颜色 */
    }
    .modal .modal-content{
        background: rgba(255,255,255,0.8) !important;
    }
    .modal .modal-content h4{
        color: #E94F1A;
    }
    .public_btn{
        background: #E94F1A;
        border-color: #E94F1A;
    }
    .public_btn:hover{
        box-shadow: #E94F1A 0 0 5px 5px;
    }
    .bi{
        width: 20px;
        height: 20px;
        position: relative;
        top: -1px;
    }
    .header{
        padding: 15px;
        background: rgba(0,0,0,0);
    }
    .header .herder_top{
        border-color: #424346 !important;
    }
    .header .nav-item{
        position: relative;
    }
    .header .nav-item .active{
        background: #E94F1A;
    }
    .header .nav-item .nav-link:hover{
        background: #E94F1A;
    }
    .header .nav-item .flex-column{
        width: 120%;
        visibility: hidden;
        background: rgba(0,0,0,0.5);
        position: absolute;
        z-index: 99;
        top: 40px;
        left: -10%;
        margin: 0;
        transition: all 0.5s ease-in-out, visibility 0s 0.5s;
        opacity: 0;
    }
    .header .nav-item .sub_nav{
        width: 200%;
        left: -50%;
    }
    .header .nav-item:hover .flex-column{
        visibility: visible;
        opacity: 1;
        transition: all 0.5s ease-in-out, visibility 0s;
    }
    .header .header_bottom .open_sidebar{
        display: none !important;
        border: 2px solid #fff;
    }
    .header .header_bottom .open_sidebar:hover{
        background: #E94F1A;
        border-color: #E94F1A;
    }
    .header .offcanvas{
        background: rgba(0,0,0,0.5);
    }
/*header-style-end*/

/*page-style-end*/
.pagination{
    --bs-pagination-focus-box-shadow: none!important;
}
.pagination a,.pagination span{
    background: rgba(0,0,0,0);
    border: 1px solid #E94F1A;
    border-radius: 5px;
    color: #fff;
    margin-right: 10px;
    margin-top: 15px;
}
.pagination a:hover{
    border: 1px solid #E94F1A;
    color: #fff;
    background: #E94F1A;
}
.pagination .active{
    border: none;
    background: #E94F1A;
}
/*page-style-end*/

/*footer-style-start*/
    .footer{
        position: fixed;
        bottom:0;
        color: #fff;
        width: 100%;
        background: #000;
        padding: 15px;
    }
    .footer p{
        margin-bottom: 0;
    }
/*footer-style-end*/



@media (max-width:1100px) {

    /*header-style-start*/
    /*    .header{*/
    /*        position: static !important;*/
    /*    }*/
        .header .header_bottom .open_sidebar{
            display: block !important;
        }
        .header .header_bottom .nav_list{
            display: none !important;
        }
        .header .nav-item .flex-column{
            z-index: 99;
            text-align: left;
        }
        .header .nav-item{
            z-index: 99;
            text-align: left;
        }
        .header .nav-item .show_sm_nav{
            width: 100%;
            background: rgba(0,0,0,0);
            visibility: visible;
            position: relative;
            z-index: 99;
            top: 0;
            left: 0;
            margin: 0;
            opacity: 1;
            transition: none;
        }
        .header .nav-item .show_sm_nav a{
            text-align: left !important;
        }
        .header .nav-item:hover .sm_nav{
            position: relative;
            background: rgba(0,0,0,0);
            top: 0;
            left: 0;
            width: 100%;
            transition: none;
        }
        .header .nav-item .flex-column{
            transition: none;
        }
        .header .nav-item:hover .sm_nav a{
            text-align: left !important;
        }
    /*header-style-end*/

}