.pc-footer {
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    border-top: 1px solid #EBEBEB;
    font-size: 0.16rem;
    color: #A3A3A3;
    position: relative;
    display: none;
}

.pc-footer a {
    font-size: 0.16rem;
    color: #3e3a39;
    text-decoration: none;
    cursor: pointer;
}

.pc-footer .info {
    padding-top: 0.2rem;
    padding-bottom: 0.11rem;
}

.pc-footer .info .name {
    color: rgba(62, 58, 57, 1);
}

.pc-footer .info .address {
    color: rgba(163, 163, 163, 1);
    margin-top: 0.04rem;
}

.pc-footer .qrcode {
    margin-left: 0.34rem;
    margin-right: 0.20rem;
}

.pc-footer .org-info {
    padding-top: 0.2rem;
    padding-bottom: 0.16rem;
    color: #3e3a39;
}
.pc-footer .qrcode img {
    width: 0.81rem;
    height: 0.81rem;
}

.pc-footer .staff-entry {
    margin-right: 0.25rem;
}

.pc-footer .staff-entry img {
    width: 0.81rem;
    height: 0.81rem;
    border: none;
}

.pc-footer .staff-entry span {
    color: #A3A3A3;
}

.pc-footer .staff-entry:hover span {
    color: var(--themeColor)
}

.pc-footer .blogroll-select {
    width: 2.7rem;
    height: 0.35rem;
    border: 1px solid rgba(235, 235, 235, 1);
    border-radius: 0.02rem;
    padding: 0 0.14rem;
    outline: none;
}


.pc-footer .org-info {
    border-top: 1px solid #EBEBEB;
    background-color: rgba(235, 235, 235, 1);
}

.pc-footer .org-info .links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.17rem;
}

.pc-footer .org-info .links > a {
    margin-left: 0.32rem;
    text-decoration: none;
}

.pc-footer .org-info .links > a:first-child {
    margin-left: 0;
}

.m-footer {
    display: none;
    width: 100%;
    padding: 0.36rem 0.32rem;
    font-size: 0.3rem;
    color: #FFF;
    background-color: var(--themeColor);
}

.m-footer > div {
    margin-bottom: 0.16rem;
}

.m-footer .select {
    width: 33%;
    flex: 1;
    margin-left: 0.16rem;
    height: 0.68rem;
    background-color: #FFF;
    border-radius: 0.04rem;
    overflow: hidden;
    position: relative;
}

.m-footer .select > svg {
    position: absolute;
    width: 0.18rem;
    height: 0.18rem;
    left: auto;
    right: 0.14rem;
    top: 50%;
    transform: translateX(-100%) translateY(-50%);
    color: #999999;
}

.m-footer .select select {
    width: 100%;
    height: 100%;
    line-height: 0.68rem;
    color: #3E3A39;
    font-size: 0.3rem;
    border: none;
    background-color: transparent;
    padding: 0 0.14rem;
    outline: none;
    appearance: none;
}

.m-footer select::placeholder {
    font-size: 0.3rem;
    color: #999999;
}

.m-footer .icpcode a {
    color: #FFF;
}

.m-footer .qrcode img {
    width: 1.54rem;
    height: 1.54rem;
    margin-bottom: 0.08rem;
    margin-top: 0.16rem;
}

@media screen and (min-width: 961px) {
    .pc-footer {
        display: block;
    }

    .m-footer {
        display: none;
    }
}

@media screen and (max-width:960px) {
    .pc-footer {
        display: none;
    }

    .m-footer {
        display: block;
    }
}