:root {
    --headerrbg: #557D9D;
    --asideebg: #A6C1D6;
    --mainbg: #B9C2D5;
    --aside-itembg: #C3D6D6;
    --myspan: 28px;
    --thrtydegree: 2.5rem;
    --twentydegree: 2rem;
    --aside-item-hover: #FC8C23;
    --childbg: #D1DCE4;
}
body {
    /* 需要一个备用 */
    cursor: url(https://static.igem.wiki/teams/4253/wiki/safety/cursor/pointer32.png), auto;
}
.myshadow {
    box-shadow: 5px 10px 5px #888888;
    -moz-box-shadow: 10px 10px 5px #888888;
}
.refs {
    font-style: italic;
    color: #8e949a;
}
.img_table {
    display: flex;
    justify-content: space-around;
}
.img_wrap{
    width: 2252.620px;
    height:346px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    }
    .img_wrap_p{
    
    height:346px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    }
.img_wrap > img {
    display: inline;
}
.img_wrap_p > img {
    height: 85%;
    display: inline;
}
.pdf_wrap {
    width: 80%;
    margin: auto;
}
a:hover {
    cursor: url(https://static.igem.wiki/teams/4253/wiki/safety/cursor/link32.png), pointer;
}
#headerr {
    background-color: var(--headerrbg);
    width: 100%;
    height: 6rem;
    border-radius: var(--twentydegree);
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}
#headerr > h1 {
    text-align: center;
}
#asidee {
    height: 100%;
    background-color: aquamarine;
    border-radius: var(--twentydegree);
    background: var(--asideebg);
    padding-left: var(--myspan);
    padding-right: var(--myspan);
    position: sticky;
    top: 8rem;
}
#mainfather {
    display: flex;
    flex-direction: column;
}
.mainn {
    background-color: var(--mainbg);
    height: 100%;
    border-radius: var(--twentydegree);
    width: 100%;
    padding-bottom: 2rem;
    margin-bottom: var(--myspan);
}
.mainn > h2,h3,h4,h5 {
    text-align: center;
    padding: 2rem 0rem 1rem 0rem;
    margin: 0;
}

.mainn > p {
    font-size: 1.6rem;
    text-align: justify;
    margin: 0px 2rem 1rem;
}
.mainn pre {
    border: 1px solid black;
    background-color: #b9c2d5;
}
.mainn code {
    background-color: #b9c2d5;
}
.sponsor-img {
    height: 103px;
    object-fit: contain;
}
.aside-item {
    width: 100%;
    font-size: 2rem;
    text-align: center;
    background-color: var(--aside-itembg);
    border-radius: inherit;
    margin-top: var(--myspan);
    text-decoration: none;
    color: black;
    -webkit-transition: all .8s; 
    -moz-transition: all .8s; 
    -ms-transition: all .8s; 
    -o-transition: all .8s; 
    transition: all .8s;
}
.aside-item:hover {
    background-color: var(--aside-item-hover);
    color: white;
}

td {
        padding: 2rem;
}
 /* p下的p 其实就是起缩进的作用 */
.pp {
    padding-left: 3rem;
}
/* 表格样式 */
.mainn table {
    text-align: center;
    margin: auto;
}

/* @media (min-width: 768px){
    #asidee {
        display: none;
    }
} */

@media screen and (max-width: 767px) {
    #asidee {
        display: none!important;
    }
    #mainfather {
        width: 100%!important;
    }
}