.myscroll{
    position: fixed;
    top: 60px;
    left: 0;
    width: 16.67vw;
    height: calc(100vh - 60px);
    transition: 0.5s;
    opacity: 1;
    background-color: #e0ebeb;
    pointer-events: auto;
    box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.5);
    pointer-events: auto; /* 允许点击事件 */
}
.myscroll.hidden * {
    opacity: 0; 
    pointer-events: none; /* 禁用点击事件 */
}
.left-bar {
    position: relative;
    width: 100%;
    padding: 20px;
    z-index: 2;
    display: block;
}

.left-bar-right {
    position: relative;
    width: 100%;
}


.sidebar-link:hover {
    color: #a5af14;
}

.left-bar-right-item {
    padding-bottom: 15px;
}

.small-item {
    padding-left: 10px;
    padding-bottom: 2px !important;
}
.sidebar-link {
    font-size: 20px; 
    color: #274940;
    transition: font-size 0.2s; /* 设置过渡动画效果 */
    text-decoration: none;
    font-family: Aaargh;
    font-weight: bold;
}

.sidebar-link.current {
    font-size: 26px; 
    color: #b2aa6d;
}

.sidebar-link.active {
    font-size: 30px; 
    color: #b2aa6d;
}

/*侧边栏二级*/
.sidebar-link-two:hover {
    color: #a5af14;
}

.sidebar-link-two {
    font-size: 16px; 
    color: #274940;
    transition: font-size 0.2s; /* 设置过渡动画效果 */
    font-family: lora;
    font-weight: bold;
    text-decoration: none;
}
.sidebar-link-two.current {
    font-size: 17px; 
    color: #b2aa6d;
}

.sidebar-link-two.active {
    font-size: 17px; 
    color: #b2aa6d;
}
.scroll-bar {
    position: absolute;
    top: 0;
    left: 97%;
    height: 10px;
    width: 3%;
    background-color: #bfc85c;
    transition: height 0.2s ease-out;
}


.left-bar-bg {
    position: absolute;
    bottom: 0;
    left: 0;
}

.left-bar-bg img {
    position: relative;
    left: 0;
    width: 90%; /* 图片宽度*/
    z-index: -1;
    opacity: 85%;
}
.myPage {
    position: relative;
    left: 5.17vw;
    width: 83.33vw;
}

.myPage:before {
    content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("https://static.igem.wiki/teams/5382/file/bg-new1.png") center 0 no-repeat;
    background-size: cover;
}

.myPage-main {
    position: left;
    width: 95%;
}

.myPage-main-content {
    position: relative;
    width: 85%;
    margin: auto;
    text-align: justify;
}
.myPage-padding {
    position: absolute;
    width: 5%;
    height: 100%;
    right: 0;
    background-color: #e0ebeb;
    box-shadow: -5px 0 10px -5px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: rgb(102, 128, 94);
}


::-webkit-scrollbar-track {
    background-color: #e0ebeb;
}



.myPage-headline {
    position: relative;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 0.3rem solid #66805d;
    width: 90%;
    left: 5%;
}

.myPage-headline-content {
    position: relative;
    font-size: 60px;
}
.myPage-paragraph {
    position: relative;
    width: 90%;
    margin: auto;
}

.myPage-paragraph-headline-h2 {
    color: #274940;
    font-family: libre;
    font-size: 45px;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 0.25rem solid #66805d;
    font-weight: bold;
}

.myPage-paragraph-headline-h2:nth-of-type(1) {
    margin-top: 70px;
}

.myPage-paragraph-headline-h3 {
    color: #274940;
    font-family: libre;
    font-size: 35px;
    padding-bottom: 10px;
    padding-top: 40px;
    font-weight: bold;
}
.myPage-paragraph-headline-h3::before {
    content: "";
    display: inline-block;
    width: 30px; /* 根据 SVG 图标的宽度调整 */
    height: 30px; /* 根据 SVG 图标的高度调整 */
    background-image: url("https://static.igem.wiki/teams/5382/icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.5em; /* 调整图标与文本之间的间距 */
}

.myPage-paragraph-headline-h4 {
    color: #67815e;
    font-family: libre;
    font-size: 30px;
    padding-bottom: 10px;
    font-weight: bold;
}

.myPage-paragraph-headline-h4::before {
    content: "";
    display: inline-block;
    width: 30px; 
    height: 30px; 
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.5em; 
}

.myPage-paragraph-headline-h5 {
    color: #899160;
    font-family: libre;
    font-size: 26px;
    padding-bottom: 10px;
    font-weight: bold;
}

.myPage-paragraph-headline-h5::before {
    content: "";
    display: inline-block;
    width: 30px; 
    height: 30px; 
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.5em; 
}

.myPage-paragraph-headline-h6 {
    color: #274940;
    display: inline-block;
    font-family: libre;
    font-size: 22px;
    padding-bottom: 10px;
    border-bottom: 3px solid #9da96d;
    font-weight: bold;
}

.myPage-paragraph-headline-divider {
    background-color: #66805d;
    height: 0.25rem;
    width: 350px;
    margin-top: 15px;
    margin-bottom: 35px;
}

.myPage-paragraph-content {
    color: #274940;
    font-family: libre;
    font-size: 24px;
    line-height: 2em;
    padding-bottom: 20px;
}

.myPage-paragraph-content a {
    color: #444f13;
}

.myPage-paragraph-fig img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    max-width: 500px;
    width: 100%;
    width: -moz-available;
}

/*配图的文字*/
.myPage-paragraph-fig-description {
    font-size: large;
    font-family: libre;
    text-align: center;
    margin-top: 22px;
    margin-right: 80px;
    margin-left: 80px;
    line-height: 1.5;
    color: #444f13;
    padding-bottom: 30px;
}

.myPage-paragraph-ul {
    color: #274940;
    font-family: labrada;
    font-size: 24px;
    counter-reset: my-counter; 
    list-style-type: none;
    padding-left: 0; 
}

.myPage-paragraph-ul li::before {
    content: "";
    display: inline-block;
    width: 30px; 
    height: 30px; 
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 0.5em; 
}

.myPage-paragraph-reference {
    color: #274940;
    font-family: labrada;
    font-size: 24px;
    counter-reset: my-counter; 
    list-style-type: none; 
    padding-left: 0; 
}

.myPage-paragraph-reference li {
    margin-bottom: 10px;
}

.myPage-paragraph-reference li::before {
    content: "[" counter(my-counter) "]"; 
    counter-increment: my-counter;
    left: 0; 
    width: 40px; 
    text-align: left; 
}

/*parts表格开始*/
.myPage-paragraph-table-div {
    padding-top: 20px;
}

.myPage-paragraph-table {
    border-collapse: collapse;
    border: 2px solid #60815b;
    width: 100%;
}

.myPage-paragraph-table td {
    color: #274940; 
    text-align: center;
}

.td-img-container {
    width: 100%;
    text-align: center;
}

.myPage-paragraph-table img {
    position: relative;
    width: 80%;
}

.myPage-paragraph-table a {
    color: #b2b994; 
    text-decoration: none; 
}

.myPage-paragraph-table a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("https://static.igem.wiki/teams/5382/logo-1.png");
    background-size: cover;
    margin-left: 10px; 
}

.myPage-paragraph-table a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("https://static.igem.wiki/teams/5382/logo-1.png");
    background-size: cover;
    margin-left: 5px; 
}

.myPage-paragraph-table a:hover {
    color: #66805e; 
    text-decoration: none; 
}

.myPage-paragraph-table tr:first-child {
    background-color: #a6b3a3;
    color: #60815b;
}

.myPage-paragraph-table th,
.myPage-paragraph-table td {
    border: 1px solid #60815b;
    padding: 8px;
}

.myPage-paragraph-table th:first-child,
.myPage-paragraph-table td:first-child {
    width: 10%;
}
#myFooter  {
    background-color: #afbfad;
    height: 41vh;
    z-index: 500;
    position: relative;
    left: -17.67vw;
    width: 101vw;
  }
  .footer-xiaohui {
    position: absolute;
    left: 3%;
    width: 45%;
    height: 85%;
    top: 5%;
  }
  .footer-xiaohui img {
    position: absolute;
    height: 45%;
  }
  .footer-xiaoming {
    position: absolute;
    left: 18%;
    top: 15%;
    font-size: 24px;
    color: rgba(218, 206, 185, 100);
    font-family: lemon;
  }
  .footer-didian {
    position: absolute;
    left: 3%;
    width: 45%;
    height: 35%;
    top: 41%;
}
 .footer-didian img {
    position: absolute;
    height: 100%;
}
 .footer-didianming {
    position: absolute;
    left: 18%;
    top: 15%;
    font-size: 16px;
    color: rgba(218, 206, 185, 100);
    font-family: lemon;
}
.footer-sponsor {
    position: absolute;
    left: 3%;
    width: 55%;
    top: 80%;
}
 .footer-duihui {
    position: absolute;
    left: 22%;
    width: 30%;
    height: 55%;
    top: 1%;
    
}
 .footer-duihui img {
    position: absolute;
    width: 26%;
}
.footer-bar {
    position: absolute;
    top: 13%;
    bottom: 13%;
    left: 67%;
    width: 0.5%;
    background-color: #dee7dc;
  }

  .footer-contact {
    position: absolute;
    right: 6%;
    width: 25%;
    height: 85%;
    top: 3%;
    justify-content: center;
  }
  .footer-contact img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 25%;
    height: 45%;
  }

  .footer-contactus {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: rgba(218, 206, 185, 100);
    font-family: lemon;
  }
  .footer-mail {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: rgba(218, 206, 185, 100);
    font-family: lemon;
  }
  .footer-follow {
    position: absolute;
    left: 40%;
    width: 25%;
    height: 85%;
    top: 3%;
    justify-content: center;
}

.footer-followus {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    color: rgba(218, 206, 185, 100);
    font-family: lemon;
}
.footer-wechat {
    position: absolute;
    left: 10%;
    height: 30%;
    width: 17%;
    top: 20%;
}

.footer-wechat:hover {
    transform: scale(1.2);
}
.footer-weibo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 30%;
    width: 17%;
    top: 20%;
}
.footer-weibo:hover {
    transform: translateX(-50%) scale(1.2);
  }
  
  .footer-douyin {
    position: absolute;
    right: 10%;
    height: 30%;
    width: 17%;
    top: 20%;
  }
  
  .footer-douyin:hover {
    transform: scale(1.2);
  }