@media (max-width: 768px) {

    footer {
        position: unset;
    }
}

@media (min-width: 768px) {


    footer {
        position: absolute;
        bottom: 0;
    }
}

@media (min-width: 992px) {

    body {
        padding-top: 150px;
    }

    footer {
        position: absolute;
        bottom: 0;
    }
}

@media (min-width: 1200px) {

    body {
        padding-top: 150px;
    }

    footer {
        position: absolute;
        bottom: 0;
    }
}

.hot-resources .hot-resources-list {
    background-color: transparent;
    padding: 0;
}

.column-selector-list-cases {
    min-height: 180px;
}



.recent-activity .col-md-5 .recent-activity-event {
    min-height: 492px;
}

.recent-activity .col-md-7 .recent-activity-event {
    min-height: 231px;
}


/* 预加载
------------------------------------------------------------------------ */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}

.preloader:before,
.preloader:after {
    position: absolute;
    left: 0;
    height: 51%;
    width: 100%;
    transition: all .6s ease;
    background: #fff;
    content: '';
}

.preloader:before {
    top: 0;
}

.page-loaded .preloader:before {
    transform: translate(0, -100%);
}

.preloader:after {
    bottom: 0;
}

.page-loaded .preloader:after {
    transform: translate(0, 100%);
}

.spinner {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    z-index: 1001;
}

.spinner-round {
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #16a3fe;
    animation: spin 2s linear infinite;
}

.spinner-round:before,
.spinner-round:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 3px solid transparent;
}

.spinner-round:before {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-top-color: #23c99d;
    animation: spin 3s linear infinite;
}

.spinner-round:after {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-top-color: #122272;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* 读者行为规范
------------------------------------------------------------------------ */

.modal {
    top: 112px;
    background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
    position: static;
    background: transparent;
}

#readerBehavior {
    position: absolute;
    z-index: 1040;
    top: -50px;
    left: 125px;
}

.container {
    position: relative;
}

#readerBehavior img {
    transform: scale(0.8)
}

@media (min-width:1680px) {
    #readerBehavior {
        top: 0;
        left: 135px;
    }
}

@media (max-width: 1680px) and (min-height: 917px) {
    #readerBehavior {
        top: 25px;
        left: 135px;
    }

    #readerBehavior img {
        transform: scale(0.9)
    }
}

@media (max-width: 1440px) {
    #readerBehavior {
        top: 0;
    }
}

@media (max-width: 1280px) {
    #readerBehavior {
        top: 50px;
    }
}

@media (max-height:800px) {
    #readerBehavior {
        /*top:100px*/
    }
}

@media (max-height: 721px) {
    .modal-dialog {
        width: 800px
    }
}