.en-article-box {
    height: 100%;
    position: relative;
    min-width: 1280px
}

.en-article-box .box-en-article-new-y {
    margin: 0 auto;
    box-sizing: border-box;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

.en-article-box .no-wrapper-tohide {
    opacity: 0
}

.en-article-box .pure-article-wrapper-box {
    width: 100%
}

.en-article-box .pure-article-wrapper-box .article-pureReading-wrapper {
    margin: 0 auto;
    width: 694px;
    padding: 0 2px;
    position: relative
}

.en-article-box .pure-article-wrapper-box .article-pureReading-wrapper .article-pureReading-inner {
    padding-bottom: 40px;
    position: absolute;
    opacity: 0
}

.en-article-box .pure-article-wrapper-box .article-pureReading-wrapper .article-pureReading-inner.transition {
    opacity: 1;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out
}

.en-article-box .pure-article-wrapper-box .article-pureReading-wrapper .article-pureReading-inner .pure-article-close-btn {
    position: fixed;
    top: 40px;
    right: 100px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-image: url(../images/ic_article_back.png);
    background-repeat: no-repeat;
    background-size: 40px
}

.en-article-box .pure-article-wrapper-box .article-pureReading-wrapper .article-pureReading-inner .pure-article-close-btn:hover {
    background-image: url(../images/ic_article_back_selected.png)
}

.en-article {
    padding-top: 30px;
    padding-bottom: 106px
}

.en-article .test {
    z-index: 1099;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6)
}

.en-article .test .test-inner {
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #f0f8ff;
    width: 700px;
    height: 100%
}

.en-article .en-article-inner {
    width: 1030px;
    height: 100%;
    margin: 0 auto
}

.en-article .en-article-inner .article-detail-wrapper-box {
    margin: 0 auto;
    width: 1030px;
    box-sizing: border-box;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container {
    float: left;
    width: 694px;
    margin-right: 36px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .article-content {
    width: 694px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .article-content .article-mian-content,
.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .en-article-detail-company {
    margin-bottom: 20px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .thumb-up-box {
    width: 694px;
    height: 178px;
    padding: 40px 282px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .thumb-up-box .thumb-inner {
    width: 130px;
    height: 98px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .navbar-wrapper {
    width: 694px;
    height: 70px;
    position: relative;
    margin-bottom: 40px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .navbar-wrapper .navbar-inner-box {
    width: 694px;
    height: 70px;
    background: rgba(245, 247, 249, .97)
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .navbar-wrapper .fixed {
    position: fixed;
    bottom: 0;
    z-index: 9
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .editarticle-bar-wrapper {
    width: 694px;
    height: 40px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    margin: 36px 0;
    font-size: 14px;
    color: #ed4040;
    text-align: justify;
    line-height: 40px;
    cursor: pointer
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .editarticle-bar-wrapper .link-visited-nocolor:link,
.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .editarticle-bar-wrapper .link-visited-nocolor:visited {
    color: #ed4040
}

.en-article .en-article-inner .article-detail-wrapper-box .article-left-container .monographic-box {
    margin-bottom: 28px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-right-container {
    float: right;
    width: 300px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-right-container .list-author-wrapper {
    width: 300px;
    margin-bottom: 40px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-right-container .article-803-ad-wrappper {
    margin-bottom: 20px
}

.en-article .en-article-inner .article-detail-wrapper-box .article-right-container .article-814-ad-wrappper,
.en-article .en-article-inner .article-detail-wrapper-box .article-right-container .article-Enterprise-wrappper,
.en-article .en-article-inner .article-detail-wrapper-box .article-right-container .article-OrganArticle-wrappper,
.en-article .en-article-inner .article-detail-wrapper-box .article-right-container .next-card-wrapper-box {
    margin-bottom: 40px
}

.en-article .en-article-inner .no-wrapper-tohide {
    opacity: 0
}

.en-article .en-article-inner .article-purereading {
    width: 694px;
    margin: 0 auto
}

@-webkit-keyframes mymove {
    0% {
        top: 1000px
    }

    to {
        top: 0
    }
}

@keyframes mymove {
    0% {
        top: 1000px
    }

    to {
        top: 0
    }
}

.en-article .en-article-inner .article-purereading .purereading-inner {
    width: 694px;
    position: relative;
    -webkit-animation: mymove 3s ease;
    animation: mymove 3s ease
}

.en-article .en-article-inner .article-purereading .purereading-inner .btn {
    position: absolute;
    top: 0;
    right: -47%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 40px
}

.common-width {
    width: 694px;
    overflow: hidden
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-left-8 {
    margin-left: 8px
}

.article-wrapper .article-motif-banner-img {
    height: 184px;
    border-radius: 2px
}

.article-wrapper .article-title {
    font-size: 30px;
    color: #262626;
    letter-spacing: 0;
    text-align: justify;
    line-height: 42px
}

.article-wrapper .article-title-icon {
    height: 20px;
    font-size: 14px;
    color: #ed4040;
    letter-spacing: 0;
    text-align: justify;
    line-height: 20px
}

.article-wrapper .article-title-icon .item-a {
    display: inline-block;
    height: 20px
}

.article-wrapper .article-title-icon .item-a:link,
.article-wrapper .article-title-icon .item-a:visited {
    color: #ed4040
}

.article-wrapper .article-title-icon .item-time {
    color: #a7a7a7
}

.article-wrapper .article-title-icon .item-topictype {
    background: #373737;
    border-radius: 1px;
    font-size: 13px;
    color: #fff;
    padding: 1px 10px
}

.article-wrapper .summary {
    font-size: 16px;
    color: #787878;
    letter-spacing: 0;
    line-height: 24px
}

.article-wrapper .summary:after {
    display: block;
    width: 58px;
    content: "";
    border: .5px solid #ddd;
    margin: 20px 0
}

.article-wrapper .content {
    font-size: 16px;
    color: #262626;
    letter-spacing: 0;
    text-align: justify;
    line-height: 30px
}

.article-wrapper .content img {
    max-width: 690px;
    display: block;
    border-radius: 5px;
    margin: 30px auto
}

.article-wrapper .content .third-iframe {
    width: 690px;
    height: 405px;
    overflow: hidden;
    margin-bottom: 40px
}

.article-wrapper .content address {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    border: 0;
    font-weight: 400;
    margin-bottom: 26px
}

.article-wrapper .content address p {
    margin-bottom: 0;
    color: #262626;
    font-weight: bolder
}

.article-wrapper .content address strong {
    font-weight: 600
}

.article-wrapper .content h2 {
    font-weight: 600;
    margin: 30px 0 14px;
    font-size: 20px;
    line-height: 28px;
    position: relative;
    color: #ed4040
}

.article-wrapper .content blockquote {
    padding: 6px 0 6px 45px;
    position: relative;
    margin: 30px 0;
    border: 0
}

.article-wrapper .content blockquote:before {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/blockquote.png) no-repeat 0 0;
    background-size: 100%;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.article-wrapper .content blockquote p {
    margin-bottom: 0;
    padding: 6px 0;
    word-wrap: break-word;
    line-height: 28px;
    color: #787878
}

.article-wrapper .content h3 {
    font-size: 18px;
    margin: 40px 0 14px;
    line-height: 23px;
    font-weight: 600;
    position: relative;
    padding-left: 10px
}

.article-wrapper .content h3:before {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 4px;
    background: #ed4040;
    display: block;
    content: ""
}

.article-wrapper .content ul {
    padding: 0 0 0 20px;
    margin-bottom: 22px
}

.article-wrapper .content ul li {
    list-style-type: square
}

.article-wrapper .content p {
    /*margin-bottom: 26px;*/
    word-wrap: break-word
}

.article-wrapper .content p a {
    color: #262626;
    border: solid #999;
    border-width: 0 0 1px;
    padding: 0 0 1px;
    word-wrap: break-word
}

.article-wrapper .content p a:hover {
    color: #4d7fd0;
    border-color: #4d7fd0
}

.article-wrapper .content p strong {
    font-weight: 600
}

.article-wrapper .content p img {
    max-width: 690px;
    display: block;
    border-radius: 5px;
    margin: 30px auto
}

.article-wrapper .content p.img-desc {
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 20px;
    max-width: 690px;
    margin: -2px auto 15px
}

.article-wrapper .content .article-video-box {
    width: 690px;
    height: 405px;
    overflow: hidden;
    margin: 40px 0
}

.article-wrapper .article-footer-txt {
    font-size: 14px;
    color: #a7a7a7;
    letter-spacing: 0;
    line-height: 25px
}

.article-wrapper .article-footer-txt a {
    color: #4d7fd0;
    cursor: pointer;
    border-bottom: 1px solid #4d7fd0
}

.article-wrapper .footer-image_source {
    font-size: 14px;
    color: #a7a7a7;
    letter-spacing: 0;
    line-height: 25px
}

.article-wrapper .footer-image_source a {
    color: #4d7fd0;
    cursor: pointer;
    border-bottom: 1px solid #4d7fd0
}

.en-plugin-vote {
    margin-bottom: 10px
}

.en-plugin-vote .vote-subject {
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #262626;
    padding: 10px 0
}

.en-plugin-vote .vote-description {
    font-size: 14px;
    line-height: 24px;
    color: #787878
}

.en-plugin-vote .vote-body {
    width: 690px;
    margin: 20px auto 0;
    border: 1px solid #ddd;
    border-radius: 2px
}

.en-plugin-vote .vote-body .vote-check-list {
    padding: 0 40px 26px
}

.en-plugin-vote .vote-body .vote-check-list .vote-item {
    position: relative;
    line-height: 22px;
    padding: 14px 0 16px
}

.en-plugin-vote .vote-body .vote-check-list .vote-item.checkbox .item-check.active {
    background-image: url(../images/check.png);
    border-color: transparent
}

.en-plugin-vote .vote-body .vote-check-list .vote-item.radio .item-check.active {
    background-image: url(../images/radio.png);
    border-color: transparent
}

.en-plugin-vote .vote-body .vote-check-list .vote-item .item-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.en-plugin-vote .vote-body .vote-check-list .vote-item .item-check {
    height: 18px;
    width: 18px;
    margin: 2px 22px 2px 2px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: no-repeat 50%;
    background-size: 18px 18px;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s
}

.en-plugin-vote .vote-body .vote-check-list .vote-item .item-check.disabled {
    background-image: url(../images/checkdis.png);
    border-color: transparent;
    cursor: default
}

.en-plugin-vote .vote-body .vote-check-list .vote-item .item-txt {
    -webkit-box-flex: 1;
    flex: 1;
    padding-right: 20px
}

.en-plugin-vote .vote-body .vote-check-list .vote-item .item-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    border-radius: 1px;
    background-color: #ddd
}

.en-plugin-vote .vote-body .vote-check-list .vote-item .item-progress .progress-value {
    display: block;
    float: left;
    height: 100%;
    border-radius: 1px;
    background-color: #ed4040;
    -webkit-transition: .5s;
    transition: .5s
}

.en-plugin-vote .vote-body .vote-check-list.noPadding {
    padding-bottom: 0
}

.en-plugin-vote .vote-body .vote-check-list.noPadding .vote-item:last-of-type .item-progress {
    background-color: transparent
}

.en-plugin-vote .vote-body .vote-pk-main {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 72px
}

.en-plugin-vote .vote-body .vote-pk-main .pk-btn {
    width: 60px;
    height: 60px;
    margin: 6px;
    padding-top: 30px;
    line-height: 20px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: auto 20px;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.en-plugin-vote .vote-body .vote-pk-main .pk-btn-left {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAglJREFUWAntl71KA0EQxxONoKKFRG0V1MrCB0ihoOAzaGHlC4iFpaUgPoIPYLAVtIqFH4hgoSnEQoKNUQSN+FHEfPhbPJNNyFz2cia3Qhb+3N7M7MyP2duwCYXaw6IOFIvFKBq2CKmMAtgSyqMc2ix7LJkBdYT0sWIJ2g8GZGmdjvkj6rICEpBuVEDVY84vYIffBM76KZ7hGrkmatg8mf4KcEGoOiLYjc2+AdnTPqotChU7Bbux2TcgldbQkFDxTbC3xkz3JtFn9cnQ3pf9kjTcQSB6KR5HPS4QNy6+5rmAi6A9rVPSdKB5FEJmBy4uEWn2ayGFJ3PESzTF+4nfRfMG65LEj9aJ+wiHw09uMaUfV5KtEziLSjZnYZbnFon2iYkxP3bsf/XYIbf0O1quQfEsksapisQZkwJ82sfKJJUz/RS/Vroq3tSJbeYYlJLrgBkpqAX2O6mGDvgiBTXZnuEbfJBq2AB4KcEpuw4Y1BZfmAIGtcVnpoBBdfDEFDCIDqY4IPemgEF0MOEGp3z6IQmig4e2A3rqYKu3+IrvL21zBw/qwSm//g22uoNWAz7THKN7ZamDfA85Fr2rtrqMW3wFF7+pa5t6XybBJUAnWLr25JWfpOrWsYrULbvRoQ7Ghuniius9t+JxFk4j3V7k/Ry45G9S4qLMZ5DXf20qV4JcKZ7t0e7Av+jAN3mGnGHFIJpxAAAAAElFTkSuQmCC);
    background-color: #ed4040;
    box-shadow: 0 0 8px #ed4040;
    cursor: pointer
}

.en-plugin-vote .vote-body .vote-pk-main .pk-btn-left.disabled {
    background-color: #d4d6d9;
    box-shadow: 0 0 8px #d4d6d9;
    cursor: default
}

.en-plugin-vote .vote-body .vote-pk-main .pk-btn-left.active {
    background-color: #87b0f5;
    box-shadow: 0 0 8px #87b0f5;
    cursor: default
}

.en-plugin-vote .vote-body .vote-pk-main .pk-btn-right {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAhFJREFUWAntWD0vBUEUfft8FRT4A6JR6Gj9ABGJ9ysUaglRCJVGopBoNP6DaMRHBCE0Eioar3gRIvHQIOStc5N9smbvrLm7M7uKneTmzZy9c87ZO/N2J1sqFS3HCvi+X0EsIgZztMFLw9Qqotnu0WnhM3NAYWas6Sz0O+DCSjkh6RQzr5/BUkNJDY4wyv/DIJa0G+Z6GYOjDJY9BIN9oX0X7n5g0GPbUZIlftGYaAc+o7mWHYwqlRGNcOlC/Tf0nexF0R3CxEPIlNo9BdAqIrSdDAN7qitlvGZbU8QHM8uKIW44LyK1mQw3E5wjBlsC5qXR/rVXQNYBMrrzYUQccaeh6Bzyqoh1cJPWOKILobZLz/OuVDAyBskswnabJiGQLsQQ07+fHlORpj4HhyIZ9oC4xw+t3BcnpRp85JIywF6xxA1ORzV4wyVlgNV1GqrBvzeqjikd/qybrhq8QKKvS3aIm1UQ+4AOAtcOjeiojStIBCc6Foe4WQUDA8cOjeioRRU80LE4xM0riH14CyNVh2Y4anODwex9jsUhJlpi8rHt0AxHLa7gLljYVw/HbgGTVRD78Ami5xaETSnEFSTiLVN2C3myCgaCG/j9tCBeM+CQVxDLfAfiFQPyuJQdXNwMEnTv+Dq03nUkccd6OgW3YeIkQvrFgATPIPzzVgIXfUOsINQDyhHyDoEXrahAUYEkFfgGLWHKKbKueMgAAAAASUVORK5CYII=);
    background-color: #f95355;
    box-shadow: 0 0 8px #f95355;
    cursor: pointer
}

.en-plugin-vote .vote-body .vote-pk-main .pk-btn-right.disabled {
    background-color: #d4d6d9;
    box-shadow: 0 0 8px #d4d6d9;
    cursor: default
}

.en-plugin-vote .vote-body .vote-pk-main .pk-btn-right.active {
    background-color: #ffadae;
    box-shadow: 0 0 8px #ffadae;
    cursor: default
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info {
    width: 440px
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 32px;
    line-height: 32px;
    font-weight: bolder;
    font-size: 22px
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-num-bad {
    color: #ed4040
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-num-good {
    color: #f95355
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-letter {
    font-size: 24px
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-letter .p {
    color: #ed4040
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-top .pk-letter .k {
    color: #f95355
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-bottom {
    height: 10px;
    line-height: 10px
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-bottom span {
    display: inline-block;
    height: 100%;
    -webkit-transition: .5s;
    transition: .5s
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-bottom .pk-mark-bad {
    background-color: #ed4040
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info .pk-info-bottom .pk-mark-good {
    background-color: #f95355
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-top .pk-letter .k,
.en-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-top .pk-letter .p,
.en-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-top .pk-num-bad,
.en-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-top .pk-num-good {
    color: #a8a8a8
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-bottom .pk-mark-bad {
    background-color: #dedfe2
}

.en-plugin-vote .vote-body .vote-pk-main .pk-info.disabled .pk-info-bottom .pk-mark-good {
    background-color: #c6c9ce
}

.en-plugin-vote .vote-body .vote-submit {
    display: block;
    width: calc(100% + 2px);
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #ed4040;
    border-radius: 0 0 2px 2px;
    margin: 0 -1px -1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.en-plugin-vote .vote-body .vote-submit span {
    z-index: 2;
    position: relative
}

.en-plugin-vote .vote-body .vote-submit:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .12);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.en-plugin-vote .vote-body .vote-submit.disabled {
    background-color: #d4d6d9;
    cursor: default
}

.en-plugin-vote .vote-body .vote-submit.disabled:hover:after {
    width: 0
}

.en-plugin-vote .vote-body-pk {
    padding: 20px 34px
}

.en-plugin-vote .vote-body-pk .vote-submit-pk {
    display: block;
    width: 140px;
    margin: 7px auto 0;
    border-radius: 2px
}

.video {
    max-width: 690px;
    height: 405px
}

.loading-box {
    position: relative
}

.loading-box .play {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../images/ic_video_play_36@2x.3b03263e.png) no-repeat 50%;
    background-size: 60px 60px;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 50%
}

.loading-box .loading-box-inner {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000
}

.loading-box .loading-box-inner .look {
    height: 30px;
    background: url(../images/look-future.cce008c0.png) no-repeat 50%;
    background-size: auto 100%
}

.loading-box .loading-box-inner .loading {
    height: 30px;
    background: url(../images/video-loading.901790ed.png) no-repeat 50%;
    background-size: 60% auto;
    -webkit-animation: breathe 1.5s linear infinite alternate;
    animation: breathe 1.5s linear infinite alternate
}

@-webkit-keyframes breathe {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes breathe {
    0% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.preview-bar-box {
    width: 100%;
    height: 40px;
    background-color: #fdedd3;
    font-size: 14px;
    color: #f67f23;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    margin-bottom: 20px;
    border-radius: 2px
}

.thumb-wrapper .backgroundImg-box-wrapper {
    width: 130px;
    height: 70px;
    padding: 0 30px;
    margin-bottom: 10px
}

.thumb-wrapper .backgroundImg-box-wrapper .backgroundImg-box {
    position: relative;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: 70px 70px;
    text-align: center;
    padding-top: 42px;
    cursor: pointer
}

.thumb-wrapper .backgroundImg-box-wrapper .backgroundImg-box .en-article-tranistion-thumb {
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    font-size: 12px;
    width: 20px;
    height: 20px;
    left: 50%;
    top: 22px;
    visibility: hidden
}

.thumb-wrapper .backgroundImg-box-wrapper .backgroundImg-box .transition-thumb {
    -webkit-animation: thumbMove .7s linear .2s forwards;
    animation: thumbMove .7s linear .2s forwards;
    left: 50%;
    top: 22px
}

@-webkit-keyframes thumbMove {
    0% {
        left: 50%;
        top: 22px;
        color: #eb000d;
        visibility: visible
    }

    90% {
        left: 130%;
        top: -10px;
        color: #eb000d
    }

    to {
        left: 130%;
        top: -10px;
        visibility: hidden
    }
}

@keyframes thumbMove {
    0% {
        left: 50%;
        top: 22px;
        color: #eb000d;
        visibility: visible
    }

    90% {
        left: 130%;
        top: -10px;
        color: #eb000d
    }

    to {
        left: 130%;
        top: -10px;
        visibility: hidden
    }
}

.thumb-wrapper .backgroundImg-box-wrapper .backgroundImg-box .thumbNum {
    opacity: .4;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center
}

.thumb-wrapper .backgroundImg-box-wrapper .showNormal {
    background-image: url(../images/yizan.png)
}

.thumb-wrapper .backgroundImg-box-wrapper .showRed {
    background-image: url(../images/yizan.png)
}

.thumb-wrapper .txt {
    font-size: 13px;
    color: #262626;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px
}

.thumb-wrapper .redColor {
    color: #eb000d
}

.thumb-wrapper .normalColor {
    color: #262626
}

.en-plugin-comment .comment-part {
    font-size: 14px
}

.en-plugin-comment .comment-part-title {
    margin-top: 40px;
    padding-bottom: 3px
}

.en-plugin-comment .comment-input-content {
    border: 1px solid #ddd;
    border-radius: 2px;
    background: rgba(245, 247, 249, .8)
}

.en-plugin-comment .comment-input-content .comment-input-wrapper {
    display: -webkit-box;
    display: flex
}

.en-plugin-comment .comment-input-content .comment-input-wrapper .comment-input-nologin {
    -webkit-box-flex: 1;
    flex: 1;
    color: #a7a7a7;
    height: 110px;
    padding: 10px;
    background-color: #fefefe
}

.en-plugin-comment .comment-input-content .comment-input-wrapper .comment-input {
    border: 0;
    resize: none;
    -webkit-box-flex: 1;
    flex: 1;
    height: 110px;
    font-size: 14px;
    color: #333;
    padding: 10px
}

.en-plugin-comment .comment-input-content .comment-input-wrapper .comment-input::-webkit-input-placeholder {
    color: #a7a7a7
}

.en-plugin-comment .comment-input-content .comment-input-wrapper .comment-input::-moz-placeholder {
    color: #a7a7a7
}

.en-plugin-comment .comment-input-content .comment-input-wrapper .comment-input::-ms-input-placeholder {
    color: #a7a7a7
}

.en-plugin-comment .comment-input-content .comment-control {
    height: 50px;
    padding: 10px;
    line-height: 30px
}

.en-plugin-comment .comment-input-content .comment-control-nologin {
    float: left
}

.en-plugin-comment .comment-input-content .comment-control-nologin .login-link {
    color: #ed4040;
    cursor: pointer
}

.en-plugin-comment .comment-input-content .comment-control-user {
    position: relative;
    float: left;
    height: 30px;
    color: #ed4040;
    padding-left: 40px;
    margin-right: 30px
}

.en-plugin-comment .comment-input-content .comment-control-user .user-avatar {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: no-repeat 50% #787878;
    background-size: cover
}

.en-plugin-comment .comment-input-content .comment-control-user-reply {
    position: relative;
    float: left;
    height: 30px;
    color: #ed4040;
    background-color: #e1e9f6;
    padding: 0 60px 0 10px;
    border-radius: 2px
}

.en-plugin-comment .comment-input-content .comment-control-user-reply .reply-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA2hJREFUSA3tVVtIFGEU/s/MbOvOSJQhJNmFLi89VBRlSt52tg2xhwgsQoMgDPIhykBdfRHCXQskiIog6iGiIC0KMmtztTS6YQUFgUS9BFFIdmFn1svunM6/OTHNXh96EdqXc/u+8/3nzD+zjP3/zfYNgH0Ar18vijLsAQZXQq1ys72eTaz69UZEbJAEtjvoU15YOYI14H6MYQFDLEQ0mlR/uMtezxQTp4m4xMMVBoNldnyCYKhVuSkwOMeBiKzR7deO2UmpYrdfP0yc47zOe/T75Ot2bMJKOYDWAZ6Afp7sfh4DQBsdxM/9VD81oDWggWd4nfAXSKyeLNrxCRPOELDUJx+g53iJxyTc4enQj9jJZuzxa/U02Wkec06cm0Tsd91kJbHtiMJQQLvMkO2JlwU4OOBT4us24e5AeB9DuEinIi12tcyn1LUDGGbdbpNOaII4ccFKZS+tpieeQ3Y2LjADUAORWjDgAhfjGI5NJ8ZpSZ/hTL8/pn0QpeEnejetdgeNQaeHWiIaCHiFciKJ3SwtlmvaKyH6h5TCyUqQc2uu4Zzxd/oNZFhNgjONUaID9Oatknd274KpFBp/pbMW5KyqU+icDOsPaYVF8S4Az5y5cnnfIZj8q2uaIO0ztPOimlZOJ1xn5rnPc2acjc16Qm8g4o6icZumc9EaH/HmtN4t9NJFJBC2B32ugX8m6O2MlMViRh8JyCT2VJFk77SLwVRY76dLs5FyuigKVcEW11Am0YwTejv1kmgM79E8udR4BETZ098CP3jj6gDOj6A+SFOvpYsUlkTYFmyRH6cTTSvoPq5vgqhxn75Pc+nqv8oBWe31wTdrwyo/5k8x7QF9aVZTs58oCVsHmuXnVozVTynoPqGtZ9MYIvA8APaGMaUy1ApfrWTT33ZSK5iOsCGadCXlvjMHqANNykuzbrVJBdWOyTWMTQ/SZHkk9nYOUyr6WmHMSrT73i59cXQCh2n1S6npOGOOylCb87UdlyDo6YwsMYzYCF3BfAKP5jhYxZ2m3M92YrLYE5hYjkZsiC7XIvqGjUlOYUPwqPzRik18D42Y+lsM3osSuLMV4037fTkfHJKo0la+8B6xKVZiFeN+gmBhgXIVBLHOCXLx/Wblk52QKb7bnDPqAHEzo3+WxQtdtzLh/9dn3wZ+AQ3jP9VhQ3yRAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 14px;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s
}

.en-plugin-comment .comment-input-content .comment-control-user-reply .reply-close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.en-plugin-comment .comment-input-content .comment-control-submit {
    float: right;
    height: 30px;
    padding: 0 12px;
    color: #fff;
    background-color: #ed4040;
    border-radius: 1px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.en-plugin-comment .comment-input-content .comment-control-submit.disable {
    background: #d4d6d9;
    cursor: default
}

.en-plugin-comment .comment-input-content .comment-control-submit.disable:hover:after {
    content: "";
    display: block;
    height: 0
}

.en-plugin-comment .comment-input-content .comment-control-submit span {
    z-index: 2;
    position: relative
}

.en-plugin-comment .comment-input-content .comment-control-submit:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .12);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.en-plugin-comment .comment-input-content .length-tip {
    float: right;
    padding-right: 10px;
    color: #787878;
    font-size: 14px
}

.en-plugin-comment .comment-input-content .length-tip.disable {
    color: #f95355
}

.en-plugin-comment .comment-err-tip {
    color: red
}

.en-plugin-comment .comment-input-warn {
    color: #787878;
    padding-top: 10px
}

.en-plugin-comment .comment-list .comment-list-item {
    position: relative;
    padding: 14px 0 16px;
    margin-left: 50px;
    border-bottom: 1px solid #ddd
}

.en-plugin-comment .comment-list .comment-list-item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

.en-plugin-comment .comment-list .comment-list-item .item-left {
    position: absolute;
    left: -50px;
    top: 17px;
    width: 40px
}

.en-plugin-comment .comment-list .comment-list-item .item-left .item-avatar {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.en-plugin-comment .comment-list .comment-list-item .item-right {
    color: #262626
}

.en-plugin-comment .comment-list .comment-list-item .item-right .item-user {
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0
}

.en-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-name {
    font-size: 14px
}

.en-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-name .author {
    display: inline-block;
    font-size: 12px;
    height: 16px;
    line-height: 14px;
    padding: 0 5px;
    margin-left: 2px;
    color: #ed4040;
    background-color: #f0f6ff;
    border: 1px solid #ed4040;
    border-radius: 2px
}

.en-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-time {
    color: #a7a7a7
}

.en-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-right {
    float: right
}

.en-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-right .item-user-like {
    display: inline;
    margin-right: 10px;
    padding-left: 24px;
    color: #f95355;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAArZJREFUaAXtWE9rE0EUf2+TTXKqtYiioigiUihCEQRBv0CvyWa154IHj9485QP4Bcy1sSZdKl4UpGjNSS0e1PjnIh4KehEFRQvZze7zbWRhLZudWXcrI85CmMn7//vNvBc2APrRDGgGNAOagRwMYA5faVeyrKM+GfOludm72GqNpB0lDA0Jm1wmrmWd9QgHPgV3vMHrDrVaheYsNNhOpFz8GQjgPhFNhToCsL1Xb27stMvzfdcAuPWL80C4zkVPxwtkMEtuo3k9Lsuz3xUAw/ql0wD+Ohe7N6k4ll/1Gs1rSbqsssKbeGjbc+jTBhe5L60YTrxtGjCFjuOn2Yl0hZ4A2fYsjoIHouLHRSHezlt8GKcsQiir51F5yvWDh2y/X+SDCH3z4IElkZ2MvpArRIuLJ1139AiIDomScvEDE+ECs/9VZCujzw2Ar80JZr7PM/KwMCHCVqVcOofd7kehraSBEMCw3myGsSrV8jNcWXkfj8vX5rgbYJ8n/JG4PGnPzH8xS8Z57PXeJun/VCbRA9QLg3ued5mXdjwR/8JekSk+9CHCJ65P9rAx5iMeZuK+ZMBmeXX13kQDVkgASHPPoqMFvmYLWTwCn3Fb1jHul61JfoWO0UlJcsi/Q632Oc1fdQAdXF7+8e8CMH7vuSQgyp4AT63NiuM8Tyo6LlMWAKCY/RDIX5xCcd7S94j4zaxVu+lWv7RqngDRTVHzRuDUBFA2pN/alAMwbt5e70XEsGhVDgC/hkqzH4JTqonHzTszLdW80cmodgIdbLe3o+JkVqUAEJUyXZ8QoDIAuHmfVtduvZRhPW6jDADmMjP7ypwAs//JnNkzfnGKsyuzzzWFEGmNx947mUQTbQwKTNPcyNq8UTwxAAP4XzYAE+BD5BStpuM85n340Y9mQDOgGdAMaAY0A/8lAz8Bc5fA/BF5WqMAAAAASUVORK5CYII=) no-repeat 0;
    background-size: 22px
}

.en-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-right .item-user-like.item-user-unlike {
    color: #787878;
    background-image: url(../images/dislike.a061c4d4.png)
}

.en-plugin-comment .comment-list .comment-list-item .item-right .item-user .item-user-right .item-user-reply {
    color: #ed4040;
    cursor: pointer
}

.en-plugin-comment .comment-list .comment-list-item .item-right .item-text {
    white-space: pre-line
}

.en-plugin-comment .comment-list-reply {
    position: relative;
    margin-top: 15px;
    background-color: #edf1f4;
    border-radius: 2px
}

.en-plugin-comment .comment-list-reply:before {
    content: " ";
    display: block;
    position: absolute;
    left: 14px;
    top: 0;
    height: 40px;
    width: 40px;
    background-color: #edf1f4;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.en-plugin-comment .comment-list-reply .comment-list-ul {
    padding: 0 15px
}

.en-plugin-comment .comment-list-reply .comment-list-item {
    margin-left: 0;
    border-bottom: 1px dotted #ddd
}

.en-plugin-comment .comment-list-reply .comment-list-item:last-of-type {
    padding-bottom: 20px
}

.en-plugin-comment .comment-list-reply .comment-list-item .item-reply-user {
    color: #787878
}

.en-plugin-comment .comment-list-reply .more-reply {
    height: 40px;
    line-height: 39px;
    text-align: center;
    color: #787878;
    cursor: pointer;
    border-top: 1px solid #ddd
}

.en-plugin-comment .loadmore-wraper {
    padding-top: 20px
}

.en-plugin-comment .loadmore-wraper .loadmore {
    font-size: 14px;
    color: #ed4040;
    text-align: center;
    width: 140px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ed4040;
    border-radius: 2px;
    margin: 0 auto;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.en-column-title {
    height: 28px;
    line-height: 28px
}

.en-column-title .en-column-title-icon {
    display: inline-block;
    padding: 7px;
    background: url(../images/home.d1523964.png) no-repeat;
    background-size: 246px 1012px;
    background-position: 0 -125px
}

.en-column-title .en-column-title-text {
    font-size: 20px;
    color: #262626;
    padding-left: 4px
}

.skeleton {
    margin-top: 16px
}

.skeleton .skeleton-item {
    background-color: #f2f2f2;
    height: 16px;
    margin-top: 16px
}

.skeleton .skeleton-item:first-child,
.skeleton:first-child {
    margin-top: 0
}

.author-wrapper {
    width: 300px;
    padding: 0 15px 40px;
    position: relative;
    box-sizing: border-box;
    left: -16px;
    bottom: -16px
}

.author-wrapper .clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both
}

.author-wrapper .clearfix {
    zoom: 1
}

.author-wrapper .inner-wrapper .margin-bottom-15 {
    margin-bottom: 15px
}

.author-wrapper .inner-wrapper .section {
    padding: 15px 0 8px;
    width: 270px;
    border-top: 1px solid #ddd
}

.author-wrapper .inner-wrapper .section .section-h3 {
    font-size: 14px;
    color: #262626;
    text-align: justify
}

.author-wrapper .inner-wrapper .section .section-h3:before {
    display: inline-block;
    width: 2px;
    height: 10px;
    content: "";
    background: #ed4040;
    margin: 0 6px 0 0
}

.author-wrapper .inner-wrapper .section .author-itemslist {
    width: 100%
}

.author-wrapper .inner-wrapper .section .author-itemslist .item-wrapper-box {
    padding: 5px 0 15px
}

.author-wrapper .inner-wrapper .section .author-itemslist .item-wrapper-box .item-title {
    display: block;
    width: 270px;
    padding-bottom: 4px;
    font-size: 14px;
    color: #262626;
    line-height: 20px;
    max-height: 43px;
    letter-spacing: 0;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.author-wrapper .inner-wrapper .section .author-itemslist .item-wrapper-box .item-title:hover {
    color: #4d7fd0
}

.author-wrapper .inner-wrapper .section .author-itemslist .item-wrapper-box .item-related-info {
    height: 17px;
    width: 100%;
    display: -webkit-box;
    display: flex
}

.author-wrapper .inner-wrapper .section .author-itemslist .item-wrapper-box .item-related-info .item {
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 12px;
    letter-spacing: 0
}

.author-wrapper .inner-wrapper .section .author-itemslist .item-wrapper-box .item-related-info .time {
    color: #a7a7a7;
    text-align: justify
}

.author-wrapper .inner-wrapper .section .author-itemslist .item-wrapper-box .item-related-info .column-type {
    color: #ed4040;
    text-align: right
}

.author-wrapper .footer {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #ed4040;
    border-radius: 0 0 2px 2px;
    line-height: 40px;
    cursor: pointer
}

.author-wrapper .footer .footer-a {
    width: 100%;
    height: 40px;
    display: block;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    position: relative
}

.author-wrapper .footer .footer-a span {
    z-index: 2;
    position: relative
}

.author-wrapper .footer .footer-a:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .12);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.author-detail-info {
    width: 300px;
    position: relative;
    padding: 0 15px 16px
}

.author-detail-info .author-detail-info-header {
    padding-top: 9px
}

.author-detail-info .author-detail-info-header .author-avatar {
    height: 80px;
    width: 30px;
    border-radius: 100%;
    float: left
}

.author-detail-info .author-detail-info-header .info-header-text {
    padding-left: 10px;
    width: 180px;
    float: left;
    padding-top: 5px;
    height: 30px;
    overflow: hidden
}

.author-detail-info .author-detail-info-header .info-header-text .author-name {
    font-size: 20px;
    color: #262626;
    text-align: justify;
    width: 170px;
    height: 28px;
    line-height: 28px;
    display: block
}

.author-detail-info .author-detail-info-header .info-header-text .author-name.active:hover {
    color: #ed4040
}

.author-detail-info .author-detail-info-header .info-header-text .author-role {
    margin-top: 4px;
    padding: 0 6px;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #ed4040;
    border: 1px solid #ed4040;
    background: #f0f6ff
}

.author-detail-info .author-description {
    padding: 15px 0;
    color: #787878;
    font-size: 14px;
    line-height: 20px
}

.author-detail-info .author-detail-info-footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 270px
}

.author-detail-info .author-detail-info-footer .author-article-count {
    width: 170px;
    overflow: hidden;
    height: 24px;
    line-height: 24px
}

.author-detail-info .author-detail-info-footer .author-article-count i {
    padding: 5px 1px;
    display: inline-block;
    background: #ed4040
}

.author-detail-info .author-detail-info-footer .author-article-count span {
    color: #a7a7a7;
    font-size: 14px;
    text-align: justify;
    padding-left: 6px
}

.author-detail-info .author-detail-info-footer .see-public-number {
    position: relative;
    cursor: pointer;
    height: 24px;
    line-height: 24px
}

.author-detail-info .author-detail-info-footer .see-public-number i {
    padding: 7px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAA0hJREFUSA2VVd1LVFEQn7lu5d41yz4swYKIoKB6LMqSdE3zISJCrSgqX+yhBInEFMmwVcqoNIh8SSHo86HQB8OPIqJ/QIIC6U0oRTPLvavb7p1mjl7dXc9Vu+ieOb/5/WbOnHvOXIRFnqOtZIZGQmUEdBoQdig6wRcEfOpd523tLENroRC4kDM/MLUzgpEuIMoUHiKMy0gEq2RkYNBDnsLumhWf1VzzY2gwBRXcpTVR/NungiN2eGDZrr7qlNXyLzYH7xAfc3qF6xbHNUF0MljLK03nVfdm7zNPxK5SbMHEx5wNwv2vBESE/FeCiFEg35m6HIwkBlAY+4QjXNEkcmSuraDgDqznl5rB/v6+GhzSCQWb8fULVzQ6njYBhMPpikwwrBPFYQ7H0cQ5XSogT+TnDC8tga+bKk6MJo6jrSCr0vzBZ1D2fVMcWz9hDkamNfMJ2gR1iDYCDcje5t6y9syXTSP5DdZe4QhXNDqeNoEQycAXShC1r+iEgkWAlG+WqyG6JkhNNpuZPwIExXkBqzhR62+0SviiFQnHQPN+ot+ZuyZ4U4G/IAlLuefYNlJ7flNoiyMSm899m/iE01uFqoU4/tjRNYGQ3lX5Ovm2PuSVeu2wfc4RKpsxMqhZOA6uGz06ULC8xtAhsu1LNsExmdsG8MmaeRCGeOsYxMv+QHCzgcaDnmrvB8cdO8673ocbrCwb7EbuMQcVEWHMIGxJ22bWvyrm1sFP0UtKGhuwannryjmRugdc6UcDjGs91eYnbYL8JkqPhq1HfOyOzwT+yvt3OzPD96z9Ak7Gihz7fBslD34PnuLzWcmJtgvO7+V10nLzYvdVVF1AVeAPhHIAo8+le0qPB6TatVt9T5wVOwHdRqlo9FvwLBDWSwvnaoaBkk721Xjfoz8wtZsgwmVRCmd/vHylWdFVjr/dgi2EF7ZQaviPdY93oZRrmUDwZKG/IdjFR+6IAXijt8ZXt1CApfryAsE6G+g6t/K3Bu9dNpc0fmC/eXOpARbjSSyJKbENLsfkcoK6j8pigdz807EwKLExNzDBnyK0+Rs2KgJ+63LCnWfWJn7zDsjWrO1gLIzHCDYyzVAXTQx2qy9SPGtWzsacZ86K8WtBgH+3Y1XZhIoPEQAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 13px 13px;
    position: relative;
    top: 1px
}

.author-detail-info .author-detail-info-footer .see-public-number span {
    font-size: 14px;
    color: #ed4040;
    padding-left: 7px
}

.author-detail-info .author-detail-info-footer .see-public-number .author-qrcode-bg {
    width: 122px;
    height: 0;
    background: url(../images/notice_bg@2x.03c598d6.png) no-repeat 50%;
    background-size: 122px 130px;
    position: absolute;
    left: -12px;
    top: 24px;
    -webkit-transition: height .2s;
    transition: height .2s;
    overflow: hidden;
    z-index: 9
}

.author-detail-info .author-detail-info-footer .see-public-number .author-qrcode-bg.active {
    height: 130px
}

.author-detail-info .author-detail-info-footer .see-public-number .author-qrcode-bg .author-qrcode {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 17px;
    left: 11px
}

.en-card {
    width: 100%;
    position: relative
}

.en-card .top-line {
    height: 4px;
    background: #ed4040;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 2px 2px 0 0
}

.en-card-content {
    border: 1px solid #ddd;
    min-height: 20px;
    border-radius: 2px
}

.en-sponsor {
    width: 300px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    padding: 19px 15px 15px
}

.en-sponsor .title {
    font-size: 16px;
    line-height: 25px
}

.en-sponsor .title:after {
    display: block;
    width: 20px;
    height: 0;
    content: "";
    border: .5px solid #ddd;
    margin-top: 10px
}

.next-cart-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.next-cart-wrapper .header {
    color: #262626;
    letter-spacing: 0;
    text-align: justify
}

.next-cart-wrapper .header:after {
    display: block;
    width: 20px;
    height: 0;
    content: "";
    border: .5px solid #ddd;
    margin-top: 10px
}

.next-cart-wrapper .section .section-title {
    cursor: pointer
}

.next-cart-wrapper .section .section-title .section-title-a {
    color: #262626
}

.next-cart-wrapper .section .section-title .section-title-a:hover {
    color: #4d7fd0
}

.next-cart-wrapper .section .section-item {
    padding-top: 8px
}

.next-cart-wrapper .section .section-brief {
    font-size: 13px;
    color: #787878;
    letter-spacing: 0;
    text-align: justify;
    line-height: 20px
}

.next-cart-wrapper .section .section-publice-at {
    font-size: 12px;
    color: #a7a7a7;
    letter-spacing: 0;
    text-align: justify
}

.next-cart-wrapper .no-more {
    text-align: center;
    color: #a7a7a7;
    font-size: 12px
}

.en-follow {
    height: 0
}

.en-follow-fixed {
    position: fixed;
    width: 1170px
}

.en-follow-absolute,
.en-follow-fixed {
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10001
}

.en-follow-absolute {
    position: absolute;
    width: 1030px
}

.en-article-follow .article-follow-content {
    width: 300px;
    float: right
}

.article-detail-navbar {
    border: none
}

.article-detail-navbar .wrapper {
    padding: 15px 0;
    position: relative
}

.article-detail-navbar .wrapper .inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-right: 50%;
    position: relative;
    padding-left: 20px
}

.article-detail-navbar .wrapper .inner .author-avrtar {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 40px;
    border-radius: 50%;
    margin-right: 14px;
    cursor: pointer
}

.article-detail-navbar .wrapper .inner .author-avrtar img.author-avatar-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 12px;
    overflow: hidden;
    color: #a7a7a7
}

.article-detail-navbar .wrapper .inner .author-name {
    display: inline;
    height: 40px;
    font-size: 16px;
    line-height: 22px;
    color: #ed4040;
    text-align: justify;
    position: relative;
    top: -13px;
    cursor: pointer;
    margin-right: 10px
}

.article-detail-navbar .wrapper .inner .author-level {
    display: inline;
    background: #f0f6ff;
    border: .5px solid #ed4040;
    line-height: 18px;
    font-size: 12px;
    color: #ed4040;
    letter-spacing: 0;
    padding: 0 6px;
    position: relative;
    top: -14px
}

.article-detail-navbar .wrapper .inner .actions-Items {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner {
    width: 100%;
    height: 100%;
    position: relative;
    margin-left: -1px;
    padding: 8px 0
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item {
    width: 114px;
    height: 24px;
    position: absolute;
    cursor: pointer
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item-common {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    position: relative
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item-icon {
    width: 68px;
    height: 44px;
    background-repeat: no-repeat;
    background-size: 68px 44px;
    background-image: url(../images/ic_float@2x.fd576ba6.png);
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    text-align: center;
    line-height: 38px;
    position: absolute;
    top: -67px;
    left: -22px
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item-count-common {
    font-size: 12px;
    color: #a7a7a7;
    letter-spacing: 0;
    position: absolute;
    top: 4px;
    left: 22px;
    width: 35px;
    text-align: left;
    padding-left: 6px
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 {
    left: 0
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-collection-action {
    background-image: url(../images/ic_tab_collection_normal@2x.2fcf6582.png);
    margin-right: 33px;
    position: relative
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-collection-action .pulse {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    border: 8px solid #f8a92b;
    border-radius: 30px;
    z-index: 2;
    opacity: 0;
    -webkit-animation: warnCollection 1s linear forwards;
    animation: warnCollection 1s linear forwards
}

@keyframes warnCollection {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: .3
    }

    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: .5
    }

    60% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: .7
    }

    75% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .5
    }

    90% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: .2
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes warnCollection {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(.2);
        opacity: .3
    }

    50% {
        -webkit-transform: scale(.4);
        opacity: .5
    }

    60% {
        -webkit-transform: scale(.7);
        opacity: .7
    }

    75% {
        -webkit-transform: scale(1.1);
        opacity: .5
    }

    90% {
        -webkit-transform: scale(1.3);
        opacity: .2
    }

    to {
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-collection-action .count-animation-collect {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 7px;
    font-size: 12px;
    line-height: 1;
    left: 24%;
    color: #f8a92b;
    visibility: hidden
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-collection-action .count-animation-article-collection {
    -webkit-animation: collectionMove .7s linear .3s forwards;
    animation: collectionMove .7s linear .3s forwards;
    left: 27%;
    top: 10px
}

@-webkit-keyframes collectionMove {
    0% {
        left: 24%;
        top: 7px;
        color: #f8a92b;
        visibility: visible
    }

    90% {
        left: 100%;
        top: -2px;
        color: #f8a92b
    }

    to {
        left: 100%;
        top: -2px;
        visibility: hidden
    }
}

@keyframes collectionMove {
    0% {
        left: 24%;
        top: 7px;
        color: #f8a92b;
        visibility: visible
    }

    90% {
        left: 100%;
        top: -2px;
        color: #f8a92b
    }

    to {
        left: 100%;
        top: -2px;
        visibility: hidden
    }
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-collection-action .favorite-count {
    position: absolute
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-collection-action .collect-icon {
    display: none
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-collection-action:hover {
    background-image: url(../images/ic_tab_collection_selected@2x.ddd58bac.png)
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-collection-action:hover .collect-icon {
    display: block
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .collectioned,
.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .favotiredStyle {
    background-image: url(../images/ic_tab_collection_selected@2x.ddd58bac.png)
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-tocomment-action {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAe5JREFUaAXtWc1Kw0AQbn7Qi0cvore+Qo8igo8QKMnZ9/BNFDy1luYieCqCFc96DCgUBYsvoBU1NH4rKdjdbdCdNWlwAiHM7M7M930zpEnaaPDBCrACrECVCji64nEcb6Rpupdl2RbWV3R7SvS9O47z6Pv+eRAET3JdhUAOfh/gXXlzlTZITEHiUCahgMyVV/xVghe1haACm4xDAZqPjbxvKWwdNoUAkFY980ViKdh0BIoSLN0aE6i6JdwB7gBRAR4hooDkcO4AWUJiAu4AUUByOHeALCExQe074BMFEG9Kl1EUXZjk6XQ6u3hV3DGJncXUvgO1J0AeITEC3W6XNAazcTC51r4DTMCk7TZjuAM21TTJpXQAd5WJSaIyYnTYdATuywBjUgMEFGwKASQe6JiaFLQZk2MayDmVz+tiQ6/XW8OX4G0EbeJclYNye32BX3EjxwuemV6VhR84EPeGc4xP61ftdvtZDtESkDfpbPz6Huj8sg/g75rNZr/Van3IazZs3QjZyPuVA+BvkiQ5+Svwogj5WWgRW9d1h2j5cNG6Lb91AlAdI5udAfy1LZBFeYwJAOgUQOdGEHaKYv0wDG+LitpcmwPwm8Qg8PB9P+yJ53nHZYIX9Y0JIPYUoEe4ir9BRziPMDZjkZSP/6TAJ/qofCOBVSl7AAAAAElFTkSuQmCC);
    position: relative
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-tocomment-action .comment-count {
    position: absolute
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-tocomment-action .tocomment-icon {
    display: none
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-tocomment-action:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAfBJREFUaAXtWbFOAkEQndlcJLkzFsbEL7CwtEJLld6O3ko/wATxCqFA4z/wF4aGADGxERt/Q2NhQoTCRMY5EhJudwFz67F3ca+B3Zudee/N3C3sALjLKeAUcArYVAB1wUu3wz0iugOCIgFs6GxWNccAB4DQR8RKpxq8yHEVAhPwY3gioDXZ2OYYAb9QwL5MQsigIuWzBj7CGGGaVIUEWCEQlY1kk52hBptCwHbNL1JLh00hsMhBFu85Araz4jLgMmCogCshQwGNl7sMGEto6MBlwFBA4+UuA8YSGjrIfQY8QwFAANY7YVBL4qfUGNbGQNdJ1k7X5D4DuSegnEocNT75n1t2r164HsOc+ww4AraLzWUgexlAeLcNam58DTZNCeHDXAfWb6jYFAJCiAs+zs5eFhjTBJskYmxTmN47btA24PCKAItIpO0P8G63O7Vf+on4yn4+ltppDAhxgEB9oOCmG+KbbKIlIBvpxr/dsflcv+Vv+eX7Mxzp/JjOKSVk6nB2PYNvbu74J2mBj2IZ/5yeBRz7LrDWrQb12FwKgz8nwL2sb0I471WDZgp4FZeJCUQ9K7kVxXMj7mOVu5dBS4mU0kTiZ4CQHmOY+DVHHh52Vgg+ip+YgFcQp4DY5tcYt0GxXfC8g17Ff46RcoN/oMAPkX1sNUTI9FoAAAAASUVORK5CYII=)
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item1 .item-tocomment-action:hover .tocomment-icon {
    display: block
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 {
    left: 115px;
    box-sizing: border-box;
    padding-left: 22px;
    border-left: 1px solid #ddd
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weixin {
    background-image: url(../images/ic_tab_wechat_normal@2x.9aed0504.png);
    margin-right: 20px;
    position: relative
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weixin .weixin-icon {
    display: none;
    width: 218px;
    height: 110px;
    background-size: 218px 110px;
    background-image: url(../images/ic_float_wechats@2x.3c28308d.png);
    top: -134px;
    left: -100px;
    padding: 12px 11px 20px 12px;
    overflow: hidden
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weixin .weixin-icon .weixin-code {
    float: left;
    width: 78px;
    height: 78px;
    background-repeat: no-repeat;
    background-size: 78px 78px
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weixin .weixin-icon .weixin-txt {
    float: right;
    width: 109px;
    height: 51px;
    font-size: 12px;
    color: #787878;
    letter-spacing: 0;
    line-height: 18px;
    text-align: left;
    margin-top: 10px
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weixin:hover {
    background-image: url(../images/ic_tab_wechat_selected@2x.b16ea560.png)
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weixin:hover .weixin-icon {
    display: block
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weibo {
    background-image: url(../images/ic_tab_webio_normal@2x.3ad3f876.png);
    position: relative
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weibo .weibo-icon {
    display: none
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weibo:hover {
    background-image: url(../images/ic_tab_webio_selected@2x.19bd1374.png)
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item2 .item-share-weibo:hover .weibo-icon {
    display: block
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item3 {
    right: 0;
    padding-left: 20px;
    border-left: 1px solid #ddd
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item3 .item-pure-action {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAQ5JREFUaAXtWEESgjAQo47DT/RNjL5P4cSD8CWcEA5cSQMNRQkXDrvNbpKydFoUfqzAuRUIiH7TNM9hGG4oTxEPIXyqqnotYV+WglMsV/OxtSGBSQVEUhXPWVvFybiHU8BTSGlJzASEU0jZYApsE0ih4haMn3fgyrIf/47v8XzSseti8tu2vfd9/4jJnXNoB8qynNce4k07MClU17Wk+RGbxqUdoCuIF5iAWGAIT38DnkJQUy6BdsBTiBMYZnsKQYnECfQ3sGUKrTnrIP70Fjr1WWjNWSe5Awhw7zi9hfZuENUzAaSQOm4H1AojfOhAzivunLWRcI7/jQK+XldameR6PeckyFlbaYyxrUBKBb5lymDzbJSaFwAAAABJRU5ErkJggg==);
    margin-right: 20px;
    position: relative
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item3 .item-pure-action .pure-icon {
    display: none
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item3 .item-pure-action:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAASBJREFUaAXtmcEOgjAMhlf0xlsRT/JG3DU+kHgx8ankqBNISHYgK2Uti+H3IqHlb/t11GU6hw8I7JsAceVX16513p85PxM70ePVlHVMu4gZR1uu5IfgC2LzBfQU2CKNHMhRayQNWRCYCGAKTSRMvlWmkElmeqL8GNWLZaKEAkywCkSPAt/R9UBUP5vS5Nf5dOvq78ffJTmJl5AvHDt6JQmk+oo7MBCqLu/UuLPP99qz92M3xR2IieWwoYAc1MOY4ncAUyjEp3At7gCmkAL1UAJTKKSR41r8DqRMoTV7HQ6KeAntei+0Zq+j3gFOcGu7eAltnSAXDwVwhKzt6IA1YU6f7wCO1zmGsP83AfaMB3/ypTRY5XgdUyilBXgWBMwJ/ADjVVt6kgXLfQAAAABJRU5ErkJggg==)
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item3 .item-pure-action:hover .pure-icon {
    display: block
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item3 .item-backtop-action {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA1lJREFUaAXtV89LG0EYNT+k1bRNY02T4qn+DR5avNSTIIggKIRqjH+aMSbFkIjo3V7aWtpzKoJYCtK0FTzUJE3SJH0PHBmWuDO72dEedkFm9vvxvve+nZmMQ0P+43fA74DfgbvsQEBVvFAovAoEAtOIC6liPfZ3er3eu1Qq9dYON2jnpA/kX2C4bfIsHbqqzfmNj1IAuvAJQN0bEQw5WJO1VfDKJUQAAAWKxaJSrKqYE//S0lIXInpOcvzYu+iA1hJyQ+zg4CBcrVZfMjeZTH6YmZn56wZHlWNEAMjfB/nXWMMTJIA9dAYRWxDxR0XIqd9zAXt7e6O1Wm0FRJIWMtVIJJKbn5+vW+wDvXoqIJvNRoaHh1fR+af9WOFL/Gy325vpdLrWz+/G5pmA7e3tB91uNw0S4woi58FgMLu8vHypiNNye3K253K5RyCfQUUVeZIaZyxz+DLoM7CAnZ2dx6FQKAMiYxKZc8x/Se+c0yaeMeYwVxjcjgMJ2N/fjzWbzTWs+WsiXOetVmsDhOR1XovFYhv0CaLMYS4xhM3N6FpAuVx+gtMmg6JRURikvqOzG/026ezsbI0+xFZFPHOJQSzJ5mjqSgA2bBynSQYdfSiqYX5Wr9c3sTkbwmYd6UskElnGCh8xiEVMYXMyOhaQz+cTKLqGv4gohFPlWzQaza2vryt/qPhjxljmiHxiEXN3dzchbLqjIwGlUukZCqdRbFQUwPvp5OTk1tzcXFPYVONVbB5xX0UsMRuNRpo1hE1n1BaATzyBzclzfkQCPonH44Wpqam2ZNOaYjm1sJwo4kRKGGEN1pJstlMtAbyYoUMpbNJ7Etoxuv9mkEsac4kBzGOByxqdTmeFVxJhsxu1BFxcXIxZlk0FhYvoYscOXPgQe+M/JsQgFmK/iHiKwI/d9QEh7P1GLQGLi4s8vw8h4jfA31cqlbIu+X5FrTZiHR0dldD5z6jBy97hwsLCD2tcv3fP7kJWcKzjVXTxOe3o8ClIblpjvHjX+gJeFDKF4Qsw1Vld3Fv5AticunwcxxkTYJK0rNKYALmIybkvwGR3dbBv5QvYXSV0SNrFGBNgkrQsyJgAuYjJuUkB8uEvzz3VY0xAOBz+CKaXVzfYQ09Z+2B+B/wO+B34bzrwD09NQ6wq6ZhDAAAAAElFTkSuQmCC);
    position: relative
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item3 .item-backtop-action .totop-icon {
    display: none
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item3 .item-backtop-action:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA7VJREFUaAXtWU1ME1EQftNWirtoiI0JSNSENCSa6IGDHtVuJYAmejBGb3qRMySKKQfxYBViICZ64aJ3PBg0CoRWwYsc9GCIJl5VNBiNP7S0lO5zZuFt1xK6u+1ujWb38ma/mfnm5/3sa8qY93gd8DrgdeBvdgDMgivx1FW06eWcB81sndQDQBb5BhIx+UopXl8pJek4493VTl6Liw2j2Gb5mRYAHG4zgJwZkeN6jKnFNiE2XULk38+5b36E+U24HFXvuMDy/QCqo6QemQsdsLSEyol77i6vff8p3UO+OxuloXvnIVMOj5mPKwWcHOb1P5fS44zzg1oCALNbN0vtD7rhu1lCdvWOF6DEeYjx9CQega3GZIDBKwZSWyIGX414pbLpMWonQEecb2cslSxOnjhWsVRy1cYOa2lbx2agc3CxIbvCEpyzvaVCArA3wQBTHl+q+1zKzqrOkQIiQ+kmyKhJTL7FSmAs4h2v9UWSPdJHK/albCpeQp03l3ZDhs8Yk8euvGXA5vTAKGvYGkC25EO+uk2ZQkUFRK9nmjNZdRrvSs0iPnb3dQ3IhzDhLzqGsr9GPkw6gZEP+RKHwMoZyy5AiWdauJqfwe1Z6CLAy0CtfORJDPTkRVKTF2GBdNppJED0JQ7i0iGbQlkFRAeyezjLT+PJ0iTiYWIvfD5JmeiBbwITI6dDCB/SbZEkBS+HswUdbyIuJZ4tufmFffFou4Dojew+NZ+bxo9UgyDDpfFcDkhtU5fhh8BE0uJdjPQxq/NLR8lHYMTFWe6Zci27X8csCrYKiAymWrmae4r9xPN+7QGWkEJy+1gv/BKQ2Ui2/k1yB270pG5LnJBLUgwdsyBYLiAykD7AcpzO+ZDgxV9N47sa5eMPuyAtMKsj7okU+h4jDuGjcWMMLZYATUZLBdDFjOXVR8hVr/MBjG0LSycquaSRL3HgnhjTeSnGijqhXUkM4EaipQLm55fDfy4bGA2HpFOjp2F5I+IiXNvERZj2ShzEhTNx36CvZ3xZPyAM+DrRUgGTfcE53HRD2KkPAL7BUFg6O9Ll3M9M4sKZOINF3ME4CxQr0RfUvxnrsjYAjlwlDHy6GIkvTuGsKRqAGz0Zq4vqSgcFSzPgYDzHqbwCHG+pTcKqzAButA1PIZv5rjN3rQA3kzZW4VoBxiBuyl4BbnbXCne1ZuDf28TYPdeSNs5MtWbAGNNR2cUCtH9Y1pI1yo7mzwLO0hXYAPy3GMu34jpS/eAbLmg8yeuA1wGvA/9TB34DLX4m1lna+DwAAAAASUVORK5CYII=)
}

.article-detail-navbar .wrapper .inner .actions-Items .items-inner .item3 .item-backtop-action:hover .totop-icon {
    display: block
}

.item-wrapper {
    padding: 15px 20px;
    width: 690px;
    height: 184px;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    position: relative;
    background: no-repeat 50% transparent;
    background-size: cover;
    border-radius: 2px
}

.item-wrapper .mask {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(36, 36, 36, .4);
    width: 100%;
    height: 100%;
    border-radius: 2px
}

.item-wrapper .item-inner {
    position: absolute;
    max-height: 184px;
    width: 654px;
    align-self: flex-end;
    color: #fff;
    letter-spacing: 0;
    text-align: justify;
    overflow: hidden
}

.item-wrapper .item-inner .item-tip {
    display: block;
    width: 70px;
    height: 24px;
    background: #ed4040;
    border-radius: 1px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 4px
}

.item-wrapper .item-inner .item-title {
    padding: 6px 0;
    font-size: 18px;
    color: #fff
}

.item-wrapper .item-inner .item-title:hover {
    color: #4d7fd0
}

.item-wrapper .item-inner .item-summary {
    font-size: 13px
}

.editarticle-bar-wrapper {
    width: 100%;
    height: 40px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    margin: 36px 0;
    font-size: 14px;
    color: #ed4040;
    text-align: justify;
    line-height: 40px;
    cursor: pointer
}

.editarticle-bar-wrapper .link-visited-nocolor:link,
.editarticle-bar-wrapper .link-visited-nocolor:visited {
    color: #ed4040
}

.en-article-organization {
    width: 300px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    padding: 19px 15px 15px
}

.en-article-organization .title {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500
}

.en-article-organization .title:after {
    display: block;
    width: 20px;
    height: 0;
    content: "";
    border: .5px solid #ddd;
    margin-top: 10px
}

.en-article-organization-item {
    position: relative;
    padding-top: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 18px;
    height: 100%;
    border-radius: 2px;
    overflow: hidden
}

.en-article-organization-item:last-child {
    border: none;
    padding-bottom: 0
}

.en-article-organization-item .organization-header {
    width: 270px;
    height: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.en-article-organization-item .organization-header .organization-pic {
    height: 60px;
    width: 60px;
    border-radius: 2px;
    overflow: hidden
}

.en-article-organization-item .organization-header .organization-pic img {
    height: 100%;
    width: 100%
}

.en-article-organization-item .organization-header .organization-title {
    padding-left: 10px;
    width: 200px;
    text-align: justify;
    font-size: 14px;
    color: #262626;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden
}

.en-article-organization-item .organization-header .organization-title:hover {
    color: #4d7fd0
}

.en-article-organization-item .organization-description {
    padding-top: 10px;
    font-size: 13px;
    color: #787878;
    text-align: justify;
    line-height: 20px
}

.en-article-enterprise {
    width: 300px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    padding: 19px 15px 15px
}

.en-article-enterprise .title {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500
}

.en-article-enterprise .title:after {
    display: block;
    width: 20px;
    height: 0;
    content: "";
    border: .5px solid #ddd;
    margin-top: 10px
}

.en-article-enterprise-item {
    position: relative;
    padding-top: 16px;
    border-bottom: 1px solid #ddd;
    border-radius: 2px;
    overflow: hidden
}

.en-article-enterprise-item:last-child {
    border: none;
    padding-bottom: 0
}

.en-article-enterprise-item .enterprise-header {
    width: 270px;
    height: 90px
}

.en-article-enterprise-item .enterprise-header .enterprise-pic {
    height: 90px;
    width: 90px;
    border-radius: 2px;
    overflow: hidden;
    float: left
}

.en-article-enterprise-item .enterprise-header .enterprise-pic img {
    height: 100%;
    width: 100%
}

.en-article-enterprise-item .enterprise-header .enterprise-header-info {
    float: left;
    width: 170px;
    height: 90px;
    margin-left: 10px;
    padding-top: 6px
}

.en-article-enterprise-item .enterprise-header .enterprise-header-info .enterprise-name {
    text-align: justify;
    font-size: 14px;
    color: #262626;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    display: block
}

.en-article-enterprise-item .enterprise-header .enterprise-header-info .enterprise-name:hover {
    color: #ed4040
}

.en-article-enterprise-item .enterprise-header .enterprise-header-info .enterprise-intro {
    height: 34px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 17px;
    color: #262626
}

.en-article-enterprise-item .enterprise-header .enterprise-header-info .enterprise-status {
    margin-top: 5px;
    height: 18px;
    line-height: 18px
}

.en-article-enterprise-item .enterprise-header .enterprise-header-info .enterprise-status span {
    padding: 0 5px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    float: left
}

.en-article-enterprise-item .enterprise-header .enterprise-header-info .enterprise-status .en-report {
    background: #ed4040;
    margin-right: 10px
}

.en-article-enterprise-item .enterprise-header .enterprise-header-info .enterprise-status .stop-tag {
    background: rgba(0, 0, 0, .2)
}

.en-article-enterprise-item .tag {
    margin-top: 14px;
    width: 270px;
    height: 18px
}

.en-article-enterprise-item .tag span {
    padding: 0 5px;
    height: 18px;
    line-height: 18px;
    background: #edf1f4;
    margin-right: 10px;
    font-size: 12px;
    float: left;
    color: #787878
}

.en-article-enterprise-item .tag .district {
    margin-right: 0
}

.en-article-enterprise-item .enterprise-description {
    margin-top: 10px;
    font-size: 13px;
    color: #787878;
    text-align: justify;
    line-height: 20px;
    max-height: 60px
}

.en-home-banner-left {
    width: 1030px;
    height: 220px;
    overflow: hidden;
    border-radius: 2px;
    position: relative
}

.en-home-banner-left:hover .next,
.en-home-banner-left:hover .pre {
    display: block
}

.en-home-banner-left .banner-left-item {
    height: 100%;
    width: 1030px;
    float: left;
    background: #fff;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    border-radius: 2px;
    overflow: hidden
}

.en-home-banner-left .banner-left-item .banner-left-item-article {
    height: 100%;
    position: relative
}

.en-home-banner-left .banner-left-item .banner-left-item-article .banner-left-item-pic {
    width: 100%;
    height: 100%
}

.en-home-banner-left .banner-left-item .banner-left-item-article .banner-left-item-info {
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(13%, transparent), color-stop(97%, rgba(0, 0, 0, .65)));
    background-image: linear-gradient(-180deg, transparent 13%, rgba(0, 0, 0, .65) 97%);
    text-align: left;
    padding-top: 52px;
    padding-left: 20px;
    display: block
}

.en-home-banner-left .banner-left-item .banner-left-item-article .banner-left-item-info .banner-left-item-title {
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    text-align: justify;
    line-height: 28px;
    height: 28px;
    width: 680px
}

.en-home-banner-left .banner-left-control-list {
    position: absolute;
    bottom: 0;
    left: 20px;
    z-index: 100
}

.en-home-banner-left .banner-left-control-list .banner-left-control-item {
    width: 30px;
    height: 20px;
    margin-right: 4px;
    float: left;
    border-radius: .5px;
    cursor: default;
    position: relative
}

.en-home-banner-left .banner-left-control-list .banner-left-control-item:hover {
    cursor: pointer
}

.en-home-banner-left .banner-left-control-list .banner-left-control-item:hover .bg-line {
    background: #ed4040
}

.en-home-banner-left .banner-left-control-list .banner-left-control-item .bg-line {
    background: hsla(0, 0%, 100%, .5);
    width: 30px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 10px
}

.en-home-banner-left .banner-left-control-list .banner-left-control-item .pending-bg {
    height: 2px;
    background: #ed4040;
    display: block;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 10px
}

.en-home-banner-left .banner-left-control-list .banner-left-control-item .pending-bg.active {
    width: 30px
}

.en-home-banner-left .banner-left-control-list .banner-left-control-item .pending-bg.start {
    -webkit-animation: pending 5s linear none;
    animation: pending 5s linear none
}

.en-home-banner-left .banner-left-control-list .banner-left-control-item .pending-bg.loaded {
    width: 30px
}

.en-home-banner-left .pre {
    background: url(../images/home.d1523964.png) no-repeat 50%;
    background-size: 246px 1012px;
    background-position: 0 -904px;
    left: 0
}

.en-home-banner-left .next,
.en-home-banner-left .pre {
    height: 40px;
    width: 28px;
    z-index: 10;
    position: absolute;
    top: 130px;
    cursor: pointer;
    display: none
}

.en-home-banner-left .next {
    background: url(../images/home.d1523964.png) no-repeat 50%;
    background-size: 246px 1012px;
    background-position: 0 -944px;
    right: 0
}

@-webkit-keyframes pending {
    0% {
        width: 0
    }

    to {
        width: 30px
    }
}

@keyframes pending {
    0% {
        width: 0
    }

    to {
        width: 30px
    }
}

.en-ranking {
    margin-top: 20px;
    margin-bottom: 40px
}

.en-ranking .banner-left-control-list {
    height: 30px;
    text-align: center;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(18%, transparent), to(rgba(0, 0, 0, .65)));
    background-image: linear-gradient(-180deg, transparent 18%, rgba(0, 0, 0, .65))
}

.en-ranking .banner-left-control-list .banner-left-control-item {
    height: 30px;
    display: inline-block;
    float: none
}

.en-ranking .banner-left-control-list {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.en-ranking .en-ranking-main {
    margin-top: 40px
}

.en-ranking .en-ranking-main-content {
    width: 750px;
    min-height: 300px;
    float: left
}

.en-ranking .en-ranking-main-ad {
    width: 280px;
    float: left
}

.en-ranking .en-ranking-main-ad .en-ranking-ad-item {
    width: 100%;
    height: 186px;
    margin-top: 20px;
    overflow: hidden;
    display: block
}

.en-ranking .en-ranking-main-ad .en-ranking-ad-item:first-child {
    margin-top: 23px
}

.en-ranking .en-ranking-main-ad .en-ranking-ad-item img {
    width: 100%;
    height: 100%
}

.en-ranking .en-ranking-kv {
    width: 100%;
    height: 220px
}

.en-ranking .en-ranking-kv img {
    width: 100%;
    height: 100%
}

.en-ranking-rule-desc {
    padding-right: 60px
}

.en-ranking-rule-desc-title {
    line-height: 33px;
    margin-bottom: 14px;
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #262626;
    letter-spacing: 0;
    text-align: justify
}

.en-ranking-rule-desc-content {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #262626;
    letter-spacing: 0;
    text-align: justify;
    line-height: 26px;
    margin-bottom: 40px
}

.en-ranking-main-content .en-ranking-main-content-detail {
    width: 690px
}

.en-ranking-main-content .en-ranking-main-content-detail .margin40 {
    height: 40px;
    width: 580px
}

.en-ranking-main-content .en-ranking-main-content-detail .margin30 {
    height: 30px;
    width: 100%
}

.en-ranking-main-content .en-ranking-main-content-detail .add-color-item,
.en-ranking-main-content .en-ranking-main-content-detail .add-even-color:nth-of-type(2n),
.en-ranking-main-content .en-ranking-main-content-detail .add-odd-color:nth-of-type(odd) {
    background: #fdf9f5
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-picList .ranking-detail-pic-item {
    width: 100%;
    height: auto
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
    border: 1px solid #eecba0
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper .list-name {
    width: 100%;
    height: 56px;
    background: url(../images/form_headline@2x.2926b4eb.png);
    background-size: 100% 56px;
    line-height: 56px;
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #512713;
    letter-spacing: 0;
    text-align: center
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper .height-line-height-item {
    height: 52px;
    line-height: 52px;
    float: left;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #262626;
    letter-spacing: 0;
    text-align: center
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper .flex100 {
    width: 100%
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper .flex30 {
    width: 30%;
    border-right: 1px solid #eecba0
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper .flex70 {
    width: 70%
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper .flex20 {
    width: 20%;
    border-right: 1px solid #eecba0
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper .flex60 {
    width: 60%
}

.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper .list-content-wrapper .list-content,
.en-ranking-main-content .en-ranking-main-content-detail .ranking-detail-wrapper .list-header {
    width: 100%;
    height: 52px;
    overflow: hidden
}

.en-ranking-main-content .en-ranking-child-title {
    height: 33px;
    line-height: 33px;
    margin-bottom: 14px;
    font-size: 24px;
    font-family: PingFangSC-Semibold;
    color: #262626
}

.en-ranking-main-content .en-ranking-main-content-list .en-ranking-main-content-list-wrapper {
    width: 690px;
    border: 1px solid #eecba0;
    box-sizing: border-box
}

.en-ranking-main-content .en-ranking-main-content-list .en-ranking-main-content-list-inner {
    width: 100%;
    text-align: center
}

.en-ranking-main-content .en-ranking-main-content-list .en-ranking-main-content-list-inner .border-item-ranking-st {
    border-bottom: 1px solid #eecba0
}

.en-ranking-main-content .en-ranking-main-content-list .en-ranking-main-content-list-inner .en-ranking-main-content-list-name {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #512713;
    letter-spacing: 0;
    line-height: 55px;
    height: 55px;
    background: url(../images/form_headline@2x.2926b4eb.png);
    background-size: 100% 55px
}

.en-ranking-main-content .en-ranking-main-content-list .en-ranking-main-content-list-inner .en-ranking-main-content-list-content .en-ranking-main-content-list-content-item {
    height: 52px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    line-height: 52px
}

.en-ranking-main-content .en-ranking-main-content-list .en-ranking-main-content-list-inner .en-ranking-main-content-list-content .en-ranking-main-content-list-content-item:nth-of-type(2n) {
    background: #fdf9f5
}

.en-ranking-main-content .en-ranking-main-content-list .en-ranking-main-content-list-inner .en-ranking-main-content-list-content .en-ranking-main-content-list-content-item a.en-ranking-second-list-item-a {
    color: #262626
}

.en-ranking-main-content .en-ranking-main-content-list .en-ranking-main-content-list-inner .en-ranking-main-content-list-content .en-ranking-main-content-list-content-item a.en-ranking-second-list-item-a:hover {
    color: #ed4040
}