.myPage-experiments-button {
    position: relative;
    padding-left: 30px; /* 调整图案与文字之间的距离 */
}

.myPage-experiments-button::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px; /* 图案的宽度 */
    height: 10px; /* 图案的高度 */
    background-color: #000; /* 图案的颜色 */
    border-radius: 50%; /* 图案为圆形，可根据需要调整形状 */
}

.myPage-experiments-button.clicked::before {
    /* 更改图案样式，例如更改颜色 */
    background-color: red;
}
.myPage{
    font-family: Aaargh!important;
}
/*复用*/
.accordion .panel {
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 40px 10px;
}
.accordion .panel-heading {
    padding: 0;
    border-radius: 30px;
}
.accordion .panel-title a {
    display: block;
    padding: 12px 20px 12px 70px;
    background: rgb(136, 176, 188);
    font-size: 25px;
    color: rgb(60, 55, 77);
    border: 1px solid transparent;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
    text-align: left;
    text-decoration: none;
}
.accordion .panel-title a.collapsed {
    background: rgb(60, 55, 77);
    color: rgb(253, 235, 235);
    border: 1px solid #e9defa;

}

.accordion .panel-title a.expanded {
    background: rgb(137, 191, 202);; /* 示例的深绿色背景 */
    color: rgb(60, 55, 77); /* 文字颜色 */
    border: 1px solid rgb(41, 38, 55); /* 边框颜色 */
}

/*打开*/
.accordion .panel-title a:after,
.accordion .panel-title a.collapsed:after {
    content: "";
    background: url("https://static.igem.wiki/teams/5549/icon/icon2.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: Aaargh;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    font-size: 25px;
    /* color: skyblue; */
    text-align: center;
    border: 1px solid transparent;
    position: absolute;
    top: -2px;
    left: 8px;
    transition: all 0.3s ease 0s;
}
/**/
/*关闭*/
.accordion .panel-title a.collapsed:after {
    background: url("https://static.igem.wiki/teams/5549/icon/icon2.webp");
    background-size: 100%;
    color: steelblue;
    /* border: 1px solid lightblue; */
    box-shadow: none;
}
.accordion .panel-body {
    padding: 20px 25px 10px 9px;
    background: transparent;
    border-top: none;
    position: relative;
    text-align: justify;
    font-family: chocolates;
}
.accordion .panel-body a {
    text-decoration: none;
    color: #534f7a;
    font-size: 24px!important;
}
.accordion .panel-body p {
    font-size: 24px;
    padding-left: 25px;
    border-left: 3px dashed #534f7a;
    color: #534f7a;
    line-height: 2em;

}
.accordion .panel-body img{
    width: 100%;
    margin: 1vw auto;
}
.downloadpdf:after {
    content: url("https://static.igem.wiki/teams/4195/wiki/web-picture/background/background/shrimp-open.png");
    font-family: Harding;

}
@media (min-width: 768px) {
    .col-md-6 {
        width: 90% !important;
    }
}
@media screen and (max-width: 45rem) {
    .container {
        width: 90vw;
    }
    .accordion .panel-title a {
        padding: 8px 20px 8px 50px;
        font-size: 14px;
    }
    .accordion .panel-title a:after,
    .accordion .panel-title a.collapsed:after {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .accordion .panel-body {
        padding: 5px 0px 5px 9px;
    }
    .accordion .panel-body p {
        font-size: 12px;
    }
    table {
        margin: 8px 0;
    }
}
@media screen and (min-width: 45.0625rem) and (max-width: 769px) {
    .conter {
        width: 85vw;
    }
}
@media screen and (min-width: 769px) {
    .conter {
        width: 73vw;
    }
}
.collapse {
    display: none
}
.collapse.show {
    display: block
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}
.exp-note{
    position: relative;
    left: 9%;
    width: 80%;
    display: block;
}