/* footer_note.css */
span.reader_footer_note {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    background-color: black;
    vertical-align: sub;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 3px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAQAAAACNCElAAACuUlEQVR42q2WTWgTQRTHX4v1UNFiDgVFPEmRXETbS0V6yKESpMGLl3rw7MGLBizoTTAXmx78wAUpIvHSFAq7JqbGpjWm1kA/Y2I/qOgam1qbLNbEJDXNPpmuS5PMbJqtu//Lzhveb3fmvZn3ALQfE1jBDg7gwA1u4MABdrCCCXQ+DWCDXhA01As2aKgNVA8W6NcEqeoHC9TvhmqGvl1BqvqguRrKDK6aUUQuMGuhOmBIF4poCDrYf6UfpeDM9F659oRSFttcHsGSbW/xD355sNAVUscnXi3/nFy/P3/UVyUUJZG1lE8+XUZEnPxxyKOML45vFRGzBVtIE2fZSdGKvNr/IpEhuJszqoVbJOOVtDrPyLt/aWyjv9Qzi1iUu0I9s8q4yfv7D2Iyq8xFUsfoJdsUmJOG1QmdwbZAW8ARbfQoujbli1961+hpH81vISYyZwLUIds+zmXGe7E7H86/Vd55kVsa/Ew0/p0sE2VlRHRrlvoFE4C13HQljDLi1Pphb4t/XlKt3ROEVSxWTRErgL3S+GaVODqizz89XtQFswM4Ko2X35MFXZ/OFzqDumAOAI42nxtrH+UWpVydwIJ1T2ikLwfgZk2YvJlNXgQGrDWQKyQyrQGGlxtggAVzfkS8OgnC7TleJAqvKdHkxa9pWZblVO74MOU1wFxmk3cjj/IRHwi69oxjBACEJ0uI4q9SS60BqEiNs2PBVZJpwVXdMDuVtOQYSznESEo3zEodJ6KZJKIsnx7RCduuqFSFjCSJ66MFNuykP5o6NcKopuwrKJ4mri/jLNg+IZJC3Ni8EGJfQdTlmC0Q14cLd6NKlvHi65WYFJOiEi8OfyNvMSm8dtDDuhypa/vG9Fzy2fIBj46iYtEoKHtQX3mrYGCpM7gIG9weGNy4GNxSGdzs7bShTk2Qs/Y29D8a5L99J97IcV5pLgAAAABJRU5ErkJggg==');
    background-size: 100%;
    background-repeat: no-repeat;
}

#foot_note_popover {
    display: none;
}
.reader_footerNote_mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 90;
}
.reader_footerNote_container {
    z-index: 100;
    position: fixed;
    width: 92%;
    max-width: 304px;
}
.reader_footerNote_bubble {
    padding: 16px;
    border-radius: 16px;
    background-color: #3a3c3e;
    max-height: 300px;
    overflow: auto;
}
.reader_footerNote_text {
    color: #fff;
    font-size: 1em;
    line-height: 23px;
    word-break: break-all;
    word-wrap: break-word;
    margin: 0;
    font-family: "汉仪楷体", sans-serif;
}
.reader_footerNote_container:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #3a3c3e;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.reader_footerNote_container_Top:after {
    content: "";
    position: absolute;
    bottom: auto;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top: none;
    border-bottom: 8px solid #3a3c3e;
}