body {
    padding-top: 56px;
    /* position: fixed; */
    /* top: 0;
    left: 0;
    width: 100%;
    height: 100%; */
}

/* 去除li前的小黑点 */
li {
    list-style: none
}

ul li {
    list-style: none;
}

.left-aligned {
    margin-left: auto;
}

.bg-dark {
    background-color: #343a40 !important;
}

.bg-hero {
    background: url(https://static.igem.wiki/teams/4112/wiki/practice/plant/hmoe-gif.gif);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}

/* Team */
.bg-team-attributions {
    background: url(https://static.igem.wiki/teams/4112/wiki/team/team/attributions-2.jpg);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}

.bg-team-collaborations {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/team/collaborations.png);

    height: 50rem;
    width: 100%;
    background-size: cover;

}

.bg-team-team {
    background: url(https://static.igem.wiki/teams/4112/wiki/team/team/team.png);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}


/* Project */
.layout_project_Description {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/project/description2.png);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}

.layout_project_contribute {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/project/contribute.png);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}

.layout_project_implement {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/project/implement.png);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}

.layout_project_outlook {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/project/outlook.png);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}

.layout_project_overview {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/project/overview.png);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}

.layout_project_plant {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/project/plant.png);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}

.layout_company {
    background: url(https://static.igem.wiki/teams/4112/wiki/layout/dsc02412.jpg);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}
.layout_project_proof_of_concept {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/project/proof-of-concept.png);
    /* background-size: 60rem 120rem; */
    height: 50rem;
    width: 100%;
    background-size: cover;
    /* background-repeat: no-repeat; */
    /* background-color: #7952b3; */
}

.layout_project_sustainable {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/project/sustainable.png);
    height: 50rem;
    width: 100%;
    background-size: cover;

}

/* practices */
.layout_practices_communication {
    background: url(https://static.igem.wiki/teams/4112/wiki/layout/communication.jpg);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

.layout_practices_education {
    background: url(https://static.igem.wiki/teams/4112/wiki/layout/education.jpg);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

.layout_practices_Entrepreneurship {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/project/entrepreneurship.png);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

.layout_practices_inclusivity {
    background: url(https://static.igem.wiki/teams/4112/wiki/layout/hp2.png);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

.layout_practices_Partnership {
    background: url(https://static.igem.wiki/teams/4112/wiki/layout/partnership.jpg);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

.layout_hp_overview {
    background: url(https://static.igem.wiki/teams/4112/wiki/layout/tree-new.png);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

/* Lab */
.layout_lab_engineering2 {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/lab/engineering2.png);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

.layout_lab_engineering {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/lab/engineering.png);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

.layout_lab_safety2 {
    background: url(https://static.igem.wiki/teams/4112/wiki/background/lab/safety2.png);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

.layout_awards {
    background: url(https://static.igem.wiki/teams/4112/wiki/layout/awards.png);
    height: 50rem;
    width: 100%;
    background-size: cover;
}



.layout_entrepreneurship {
    background: url(https://static.igem.wiki/teams/4112/wiki/layout/entrepreneurship.jpg);
    height: 50rem;
    width: 100%;
    background-size: cover;
}

/* model */
.bg-footer-dark {
    background: url(https://static.igem.wiki/teams/4112/wiki/footer/photos-of-the-footer-bg.jpg);
    height: 25rem;
    background-size: cover;
}

.bg-hl {
    background: url(https://static.igem.wiki/teams/4112/wiki/photos-of-the-hl.gif) !important;

}

.bg-content {
    background: url(https://static.igem.wiki/teams/4112/wiki/photos-of-the-content-bg.png) !important;
}

.demo {
    background: url("https://static.igem.wiki/teams/4112/wiki/photos-of-the-content-bg.png");
}

.bg_team {
    background: url("https://static.igem.wiki/teams/4112/wiki/team/team-bg.png");
    width: 100%;
    background-repeat: no-repeat;

}

/* CALLOUT */
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}


.bd-callout h4 {
    margin-bottom: 1.0rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #d9534f
}

/* footer */
footer a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

footer a:hover {
    color: white;
    text-decoration: underline;
}



/* layout部分 */
.bg_layout {
    /* width: 100%;
    height: 100%;

    background: url("https://static.igem.wiki/teams/4112/wiki/practice/plant/hmoe-gif.gif") no-repeat !important;
     */
    background: url("https://static.igem.wiki/teams/4112/wiki/layout/photos-of-the-layout-bj.jpg");
    height: 50rem;
    width: 100%;
    background-size: cover;
}


.layout_model_overview{
    background: url("https://static.igem.wiki/teams/4112/wiki/team/team/math-model.png");
    height: 50rem;
    width: 100%;
    background-size: cover;
}

.bg_layout_practice {

    background: url("https://static.igem.wiki/teams/4112/wiki/layout/photos-of-the-layout-bj.jpg");
    /* background-repeat: no-repeat; */
    /* background-attachment: fixed; */
    height: 50rem;
    width: 100%;
    background-size: cover;

}

.bg_model_overview {

    background: url("https://static.igem.wiki/teams/4112/wiki/team/team/math-model.png");
    /* background-repeat: no-repeat; */
    /* background-attachment: fixed; */
    height: 50rem;
    width: 100%;
    background-size: cover;

}

.bg_layout_hardware {

    background: url("https://static.igem.wiki/teams/4112/wiki/team/team/headware-jpg.png");
    /* background-repeat: no-repeat; */
    /* background-attachment: fixed; */
    height: 50rem;
    width: 100%;
    background-size: cover;

}


/* menu部分 */
.bg-menu {
    background-color: #114958;
}

/* 英文换行问题 */
p {
    /* word-break: break-all; */
    text-align: justify;
}


/* 图片轮播 */

.wrap img {
    width: 100%;
    height: 100%;
}

.wrap {
    width: 800px;
    height: 400px;
    position: relative;
    margin-left: 20%;
}

.list {
    width: 800px;
    height: 400px;
    position: relative;
    padding-left: 0px;
}

.item {
    width: 100%;
    height: 100%;
    list-style: none;
    position: absolute;
    left: 0;
    opacity: 0;
    transition: all .8s;
}

.item:nth-child(1) {
    background-color: skyblue;
}

.item:nth-child(2) {
    background-color: yellowgreen;
}

.item:nth-child(3) {
    background-color: rebeccapurple;
}

.item:nth-child(4) {
    background-color: pink;
}

.item:nth-child(5) {
    background-color: orange;
}

.item.active {
    z-index: 10;
    opacity: 1;
}

.btn {
    width: 60px;
    height: 100px;
    z-index: 100;
    top: 150px;
    position: absolute;
}

#leftBtn {
    left: -55px;
}

#rightBtn {
    right: -55px;
}

.pointList {
    list-style: none;
    padding-left: 0px;
    position: absolute;
    right: 340px;
    bottom: 0px;
    z-index: 200;

}

.point {
    width: 10px;
    height: 10px;
    background-color: antiquewhite;
    border-radius: 100%;
    float: left;
    margin-right: 8px;
    border-style: solid;
    border-width: 2px;
    border-color: slategray;
    cursor: pointer;
}

.point.active {
    background-color: cadetblue;
}

/* .pages_content */
h4 {
    font: 700 2.5rem/2rem "Arial", sans-serif;
    line-height: 3.75rem;
}

h5 {
    font: 600 1.8rem/1.8rem "Arial", sans-serif;
    line-height: 2.7rem;
}

.demo h6 {
    font: 500 1.6rem/1.8rem "Arial", sans-serif;
    line-height: 2.4rem;
}

.center {
    width: 80rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.center img {
    text-align: center;
}


.demo p {
    font: 400 1.5rem/1.8rem "Arial", sans-serif;
    line-height: 2.25rem;
    text-indent: 2rem;
}

h3 {

    font: 700 3.5rem/4rem "Arial", sans-serif;
    line-height: 5.25rem;
    text-align: center;
}

/* 加载动画 */
/* 将background-image中url改成自己gif的路径即可 */
.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 99999;

    background-color: #ffffff;
    background-image: url(https://static.igem.wiki/teams/4112/wiki/lab/result/loding.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.img_o {
    border-radius: 15px;
}