﻿.article_panel {
    padding: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

    .article_panel .article_title {
        font-size: 2.4rem;
        margin-bottom: 1rem;
        font-weight: bold;
    }

    .article_panel .article_content {
        line-height: 2.4rem;
    }

        .article_panel .article_content p, .article_panel .article_content div {
            margin-bottom: 1.5rem;
        }

            .article_panel .article_content p img {
                max-width: 100% !important;
                height: auto !important;
            }

    .article_panel .article_like {
    }

    .article_panel .article_subtitle {
        color: #999;
        margin-bottom: 0.5rem;
        font-size: 1.3rem;
        color: #efefef;
        background: #fafafa;
        padding: 0 1rem;
        /* border-radius: 0.4rem; */
        height: 4rem;
        line-height: 4rem;
    }

        .article_panel .article_subtitle span {
            color: #999;
            padding: 0 0.5rem 0 0.3rem;
        }

    .article_panel .article_error {
    }


    .article_panel .like,
    .article_panel .liked {
        display: inline-block;
        margin: 1rem auto;
        width: 7rem;
        height: 7rem;
        /* background: red; */
        text-align: center;
        color: #49b849;
        position: relative;
        /* border: solid 0.1rem #49b849; */
        border-radius: 100%;
        background: #fafafa;
        font-size: 1.4rem;
        background-image: url('data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAC+klEQVRoQ+1Z3XETMRDeZTJ4/BY6 cAeYCjg/BKSnOBUQKiCpAFMBpIKECnCetJAHHxWQVJCkApwnG5J4GV0suNPpfnKWsTxjzXjG4/Ot vm//tUJY84Vrjh82BMosGI2i7fZt+/lsNusi4vge7y/OXp2d+7T60iwglIgA4RgBO2nADBxPW9O9 uBePfRBZCgENHhFHRQA1CRLUC5cAiUtb8zZYZu6RpHhREt4tsPNtp7s12/qRAnY0aU0G7d/tCBi+ mN8Z+JQE9YMjIEkeAMBHA2zSmjwz/i6UOEHEN+aZEmphBS4swNagUGKAiO9dIOVX2U9bIXgCDHxB grqGjB3cPuLAuwUkSe3/CWhm/kyS9teGgEPDH0jSoIhAOj6aBrM3CyRV91f7EgC2E+0D30xb0066 YJXFx0oJzIPz2ICfu89bknSSBiZIjBAwmhPMxIdXAkKJDiPvImKizcLFoNuEKFe0GL4rqRKgRe4D AOeMPKwB/Gr6dHpa1HrkXEgosY+IWpuNlh24WojtXg0Ej5n50LaolpMhoDWPiNqPH720zwPDgWuT qt6o7mZ3T+5e2N1shoBdRSsFM1wDwhAQYvValbqDVDIGhJeVMss81krLLgsUVlEjV5Jk852ZM2ly EXBF7woSQwTcTZ47Yst2oQ0B31aQJH+m0vOREko3i39X0Bawkwoz52pL0ATs7rUyC9Up9f8ziCXJ TwDw7iF++YYE5Qpr2BZIp15HBgo+jdaxdrAWyJ2tEfZcxTJYAmVn67VIo5kBAMO1kiozIDMkQrbA v6NpyQgmSALz9ltXYLMOlVA6peZWkAQeM70IlUBlUxl0DKRbaHu2ZPtQkBao6kCDTqN1OtCgCdTp QMMmUKMDrU1A36Tkg+ZhMDVvca8AQH+8LQTUc1Uz3au8Q8gEseNywhuwJoJcJ7DSLKQf2pcQTTb2 8Y5rQFZZic0f9HQOEPrIFaNFH0gtGYw8Boaha0BWm8AScC1NpLfx+tIQVgjeEFiV5p3N3KrBNNn/ D81UeU+SbVDZAAAAAElFTkSuQmCC');
        background-color: #fafafa;
        background-repeat: no-repeat;
        background-position: center 1.8rem;
        background-size: 2.4rem;
    }

        .article_panel .like:active,
        .article_panel .liked:active {
            opacity: 0.8;
        }

        .article_panel .like p,
        .article_panel .liked p {
            position: absolute;
            bottom: 0.5rem;
            text-align: center;
            width: 100%;
        }

    .article_panel .liked {
        background-image: url('data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACaUlEQVRoQ+2ZT1JTQRDGuy1Kih3c gBsYb5AskJ6V4QTiDeQEwgnUE4A3gFW3siCeQDgBeoO4IlVC2hoKrPd/hpohL12Vt0zmvff95uvp 6emHYPxC4/phBdDl4PBiuLnxd+PVfD4fIOL0Du+uzt+cX+Z0/dkcIKYhIBwj4HZRsIJOZuuzvclo Ms0B8iwAXjwiXrQJ9BBCMlpeAKHr6sxXxarqSJxMUiGyO7DzfWewNl/7GRKmoGdCMg6NC/2fHcCJ +wAAn0Iv9v8zcfL7kx9QFUpMh4j40TLACSK+iwHIsQ6yO+DE+fgfmAQgpn1EPI4R78fcrN9spe4H 2Rx4yD4+92/GAizNInbf3BgU/MxHi1fQKyGJCrWuCWl0gJi2FfUtItYEya4cPT7wIWR8yowWXhBz qainEW79mr2cnbWFWg0gFMdF25+SMiOEdg2ZquqBODmpDioB+JlHxOuuJ/UEcC/p9sXt62o1WwKI 2UX7BFDVr+JkvzjBVQeCu2ifAKDwgx0PVwCFLBR0LHHxVm//wsS+WPx/mQohVX1fzUSmAIJZKCav 97WIFfSPkNQ2TDsONGQgvxDMAKjqkTg5DO3EwazSVwgBwh7vcq12MuNA29nBBoDCb3ZcapA9hpIJ gK4WjAkAADhg4s9Nu7oJgK7uhQmArrPz0gOEzs5LDwAAtQrUVDXaVIGaAmiqQM0AtFWglgCC3xBK izjm48Qii7lQ/NfKaf8DMXW2xxcF0NRCCe7ExZYhIIxR663FYlvjvosHWOrTpB7iFXUKCqdNXbho gFQRi7w/W3t9kaJbs1BfIlLeu3IgZfZy3PsPiyeSQEpJfVMAAAAASUVORK5CYII=');
    }


.link_faceback {
    display: none !important;
}

header .search-icon {
    right: 1rem !important;
}


.langs_cn {
    color: #49b849;
}


#articleDetailLoading .article_title {
    background: #fafafa;
    color: #fafafa;
}

#articleDetailLoading .article_subtitle {
    background: #fafafa;
    color: #fafafa !important;
    margin-bottom: 1rem;
}

#articleDetailLoading .article_content {
    color: #fafafa;
    /* background: #fafafa; */
    /* display: inline-block; */
}

    #articleDetailLoading .article_content p {
        display: block;
        background: #fafafa;
        margin-bottom: 1rem;
    }

#articleDetailLoading .article_subtitle span {
    color: #fafafa;
}

#articleDetailLoading .like {
}

    #articleDetailLoading .like p,
    #articleDetailLoading .liked p {
    }



#articleDetailLoading .like {
    background: #fafafa;
    color: #fafafa;
}
