@charset "utf-8";
@media (min-width:1365.8px){
.目录展开按钮 {
    display: none;
}}
@media (max-width: 1365px){
.目录展开按钮 {
    position: fixed;
    top: 90px;
    right: 30px;
    width: 75px;
    height: 75px;
    background-color: #FFFFFF;
    border-radius: 50px;
    z-index: 4;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: scale(1);
    transition: transform 0.25s cubic-bezier(0, 0.55, 0.45, 1);
}
.目录展开按钮 .st0 {
    transform-origin: 50% 50%;
    transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.目录展开按钮 .st1 {
    transform-origin: 50% 50%;
    transition: all 0.25s cubic-bezier(0, 0.55, 0.45, 1);
}
.目录展开按钮 .st2 {
	transform-origin: 50px 34.2px;
    transform: rotate(0deg) ;
    transition: all 0.45s cubic-bezier(0, 0.55, 0.45, 1);
}
.目录展开按钮 .st3 {
	transform-origin: 50px 49.8px;
    transform: rotate(0deg);
    transition: all 0.45s cubic-bezier(0, 0.55, 0.45, 1);
}
.目录展开按钮 .st4 {
    transform-origin: 50px 66.2px;
    transform: rotate(0deg);
    transition: transform 0.45s cubic-bezier(0, 0.55, 0.45, 1);
}
.目录展开按钮:hover .st0 {
    transform: scale(0.85);
}
.目录展开按钮:hover .st1 {
    transform: scale(0.85);
}
.目录展开按钮.激活 .st0 {
    transform: scale(0.30);
    opacity: 0.0;
}
.目录展开按钮.激活 .st1 {
    transform: scale(0.30);
    opacity: 0.0;
}
.目录展开按钮.激活 .st2 {
	transform: rotate(45deg) translate(4px, 4px);
}
.目录展开按钮.激活 .st3{
	transform: rotate(-45deg) translate(-7px, 7px);
}
.目录展开按钮.激活 .st4 {
    transform: rotate(-90deg) translate(16px, 18px) scale(1.5);
}}