@charset "utf-8";
/* CSS Document */
/*包含top-navbar、main、footer三部分*/
/* {% load static %} */
#bg_img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1; 
    width: 100%;
    height: 100%;
}
body {
    /* background-image: url("{% static "img/bg_inner/bg_inner4.jpg" %}"); */
    /* background-image: url("../img/bg_inner/bg_inner0.jpg" ); */
    /*    ../../static/img/bg_inner0.jpg*/
    /* 背景图片路径写在模板里，由views更改，防止js更改带来的延迟阻塞问题 */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    min-height: 100vh;
/*上面这两项配合使用，保证内容不高时撑满屏幕，内容超出屏幕时跟随内容*/
/*            overflow:auto !important;*/
}

/*top-navbar的样式设置*/
nav li:hover .dropdown-menu {
    display: block;
}
.bg-primary {
    background-color: #2BC2FF !important;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: white;
    
}
.navbar-brand {
    padding: 0;
}
.navbar-expand-lg {
    padding: 0 !important;
    margin-bottom: 10px;
}
nav .dropdown-menu {
    color: white;
    background-color: #2BC2FF;
}
nav .dropdown-item {
    color: white;
}
.otherLink {
    position: absolute;
    left:-300px;
    margin: 0px auto;
    width: 650px;
    text-align: center; /*	border-top:1px solid #757575;*/
}
.otherLink a:link, .otherLink a:visited {
    text-decoration: none;
    color: white;
}
.otherLink a:hover {
    color: #212529;
    background-color: white;
}
.otherLink div {
    float: left;
    /*    border:solid 1px red;*/
    width: 20%;
    background-color: #2BC2FF;
    border: none;
}
.otherLink dt {
    margin-bottom: 30%;
    color: #37464F;
}
.otherLink dd {
    margin-top: 15%;
    font-size: 90%;
}

/* 滚动条 */
/*chorme浏览器,注意前面没有加类.pre-scrollable，修改的是全局的滚动条*/ 
::-webkit-scrollbar {
    width: 12px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background-color: #2BC2FF;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background: #ededed;
    border-radius: 12px;
}
/*IE浏览器*/
.pre-scrollable {
    scrollbar-arrow-color: #2BC2FF;
    scrollbar-face-color: #95E0FF;
    scrollbar-3dlight-color: #2BC2FF;
    scrollbar-helight-color: red;
    scrollbar-shadow-color: gray;
    scrollbar-darkshadow-color: #2BC2FF;
    scrollbar-track-color: gray;
    scrollbar-base-color: gray;
}

/*小屏幕时*/
@media(max-width: 767px) {
    html{
    overflow: auto !important;
}
    /*    更换背景图片*/
    body {
        /* background-image: url("{% static "img/bg_mobile_inner/bg_mobile_inner3.jpg" %}"); */
        /* background-image: url("../img/bg_mobile_inner/bg_mobile_inner3.jpg"); */
        /*    ../../static/img/bg_inner0.jpg*/
        background-repeat: no-repeat;
        background-size: 100% 100%;
        overflow: auto !important;
    }
    /*    缩小logo图标*/
    /* nav .brandImg {
        height: 50px;
    } */
    
}

/*footer*/
footer a:link {
    text-decoration: none;
    color: darkgray;
}
footer a:visited {
    text-decoration: none;
    color: darkgray;
}
footer {
    clear: both;
    position: fixed;
    z-index: -1;/*防止左侧选择栏太长时选不上最后一个*/
    left:0;
    bottom: 0;
   width: 100%;
/*    height: 100px;*/
    margin: 20px 5px 10px;
    text-align: center;
    color: gray;
    font-size: 13px;
}