body {
    background-color: #F1F1F1;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=4.7.0');
    src: url('../font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../font/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.articlelist {

    margin-top: 0rem;
    margin-bottom: 0rem;
    font-family: FontAwesome;
    overflow: hidden;
}

.articlelist > li {
    list-style: none;
    position: relative;
    margin: 1em 0 .8em 10px;
    -webkit-transition: .12s;
    transition: .12s;
}

.articlelist > li::before {
    position: absolute;
    content: "\f105";
    color: #03c1b0;
    top: 0;
    left: -1em;
    text-align: center;
    font-size: 2em;
    opacity: .5;
    line-height: .75;
    -webkit-transition: .5s;
    transition: .5s;
}

.articlelist > li:hover {
    color: #a4afad;
}

.articlelist > li:hover::before {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    top: -1px;
    opacity: 1;
    text-shadow: 0 0 4px;
    -webkit-transition: .1s;
    transition: .1s;
}

.spanblock > p span {
    display: block;
}


.footerdiv p span {
    margin-right: 20px;
}

.footerimg {
    margin: auto;
}

.logimg {
    max-height: 130px;
    width: auto
}

.bsfwdiv {
    margin-bottom: 1.5rem;
!important;
    margin-top: 1.5rem;
!important;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    align-items: center !important;
    font-size: 18px;
    color: #ffffff;
}

.topcd {
    color: #ffffff;
    font-family: '黑体'
}

.nav-link:focus {
    color: #ffffff;
}

button.navbar-toggler.mycd {
    box-shadow: 0 0 0 0.05rem;
    color: #badbcc;
    padding: 0.1rem 0.1rem;
    margin: auto;
    display: none;
}


a.topcd > i {
    color: #fff8e3
}


@media screen and (max-width: 700px) {

    a.topcd > i {
        color: #000000;
    }

    button.navbar-toggler.mycd {
        display: flex;
    }

    .footerdiv p {
        margin-bottom: 0.5rem;
    }

    .footerdiv p span {
        display: block;
        text-align: center;
        margin-right: 0px;
        margin-bottom: 0.5rem;
    }

    .logimg {
        max-height: 45px;
        width: auto;
        margin: auto;
        display: flex;
    }

    .bsfwdiv {
        margin-bottom: 0.5rem;
    !important;
        margin-top: 0.5rem;
    !important;
    }


    .fontsize_button {
        margin-top: 2rem;
    }

    .topcd {
        color: #000000;
        font-size: 16px;
        font-weight: 500;
        font-family: unset;
        white-space: normal;
    }

    .nav-link:focus {
        color: #000000;
    }

    .navbar-nav .dropdown-menu {
        border: none;
    }

    div.offcanvas.offcanvas-end.show {
        width: 50%;
    }

    li.dropdown-submenu a {
        white-space: normal;
    }


}


.iconcolor {
    color: #3CB7A3;
}

.mycard .nav-link {
    color: #888888;
    font-weight: 550;
    font-size: 18px;
}

.mycard .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    font-weight: 550;
    font-size: 18px;
    color: #000000;
    background-color: #ffffff;
    border-radius: 0rem;
}

.mycardheader {
    background-color: #ffffff;
    padding: unset;
}

.mynavwztab {
    border-bottom: 2px solid #3AB8A3;
}

.mycard {
    /*box-shadow: 0 0 6px 2px #d0cbcb;*/
}

.cardtop {
    margin-top: 2rem
}

.fourimagetop {
    margin-top: 1rem
}

.fourimage {
    height: 90px
}

.cbimage {
    height: 95px;
    width: 100%;
}

.cbcard {
    border: none;
}


.fourimage_a {
    display: block;
    width: 100%;
    height: 100%;
}

.bsfw {
    display: block;
    height: 60px;
    width: 60px;
    background-size: cover;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}


.bsfwp_wz {
    margin: 0 auto;
}


.topcd:hover {
    color: #00fcc2;
}


.myheader > li {
    position: relative;
}


.lmulclick {
    border-left: 0.25rem solid #28876D;
    background-color: #f0f0f0f0;
}


.lmul > li {
    text-align: center;
    font-size: 18px;
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;

}

.lmul .list-group-item:hover {
    border-left: 0.25rem solid #28876D;
}

.mywzli > li {
    margin-bottom: 10px;
    padding: 1.5rem 1.5rem;
    box-shadow: 0 0 10px 1px rgb(83 185 162 / 25%);
}


.fontsize_button button {
    font-size: 20px;
    width: 50px;
    margin-right: 2rem;
}

.mylinkbutton {
    font-weight: 550;
!important;
}

div.nav.nav-tabs.mylink > button {
    border-radius: 0;
    color: #000000;
}

div.nav.nav-tabs.mylink > button.active {
    color: #ffffff;
    background-color: #48BEC8;
}

i.dqwz{
    margin-top: 4px;
    margin-right: 10px;
    margin-left: 10px;
}
a.page-link{
    color: #0a001f;
}

div.carousel-caption.mylbttext{
    background-color: rgb(0,0,0,45%);
    position: sticky;
     right: 0;
    bottom: 0rem;
     left: 0;
    padding-top: 0.4rem;
    padding-bottom: 0.3rem;
     color: #FFFFFF;
    text-align: center;
}

div.carousel-indicators{
    margin-bottom: 0rem;
}

em.term{
    font-size: 18px;
    font-style: unset;
    color: #03b7a1;
}