/* 全体布局 */
body {
    background-color: #f1f2f3;
    padding: 0 !important;
    margin: 0 !important;
}
.row {
    margin: 0 !important;
    padding: 0 !important;
}
.row div[class^=col-] {
    padding: 0 !important;
}
a:active,a:hover {
    color: #555555 !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
/* 全局颜色 */
:root {
    --primary: #343be6;
}
/* 卡片 */
.card {
    border: none !important;
    border-radius: 0 !important;
}
.card-header,.card-body {
    padding: 8px 12px !important;
    background-color: #ffffff;
}
.card-body .row div[class^=col-] {
    padding: 5px 0 !important;
}
/* weui按钮 */
.weui-btn {
    font-weight: normal;
    width: 66px;
    color: #ffffff;
    margin-right: 0;
    background-color: var(--primary);
    border-radius: 15px;

}
.weui-btn:before {
    border-radius: 15px;
}
.weui-btn_mini {
    font-size: 14px;
}
/* 搜索栏 */
.search {
    background-color: #ffffff;
}
.search div[class^=col-] {
    padding: 0 !important;
}
.weui-search-bar__form:after {
    border: none;
    border-radius: 30px;
}
.weui-search-bar {
    background-color: #ffffff;
    padding: 12px 16px 16px 16px;
}
.weui-search-bar .weui-icon-search {
    font-size: 16px;
    color: var(--weui-FG-2);
}
.weui-search-bar__box {
    height: 42px;
    border-radius: 500px;
    background-color: #ffffff;
    border: 1px solid #E0E0E0;
}
.weui-search-bar__label {
    font-size: 15px;
    font-weight: 400;
    color: #ACACB9;
    border-radius: 500px;
    background-color: #ffffff;
    border: 1px solid #E0E0E0;
    height: 42px;
}
.weui-search-bar__form {
    background-color: #ffffff;
}
.weui-search-bar__cancel-btn {
    color: var(--primary);
}
.weui-icon-search {
    width: 18px !important;
    -webkit-mask-image: url("../../images/icon/search.png");
    mask-image: url("../../images/icon/search.png");
}
.weui-icon-clear:active,.weui-icon-clear:hover {
    color: var(--weui-FG-2) !important;
}
/* 自动补全 */
.ui-autocomplete {
    z-index: 600 !important;
    padding: 0 !important;
}
.ui-autocomplete .ui-menu-item {
    position: relative;
    display: block;
    padding: 5px 12px;
    color: rgba(0,0,0,.65);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
}
.autocomplete-item-bg i {
    margin-right: 5px;
}
.autocomplete-item-bg span {
    margin-right: 5px;
}

/* 导航栏 */
.weui-navbar {
    background-color: transparent !important;
    height: 58px;
}
.weui-navbar__item {
    padding: 5px 15px 0 15px !important;
    z-index: 1;
}
.weui-navbar__item:after {
    border: none;
}
.weui-bar__item_on {
    color: var(--primary) !important;
    background-color: transparent !important;
}
.navbar {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: center;
}
.navbar-item {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #a5acb5;
    line-height: 20px;
    padding: 5px;
}
.navbar-item-active {
    opacity: 0.9;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    line-height: 20px;
}
.navbar-content {
    display: none;
}
.navbar-content-show {
    display: block;
    padding: 0 16px;
}
.cursor {
    height: 2px;
    width: 20%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.cursor::after {
    content: '';
    display: block;
    background-color: var(--primary);
    height: 100%;
    width: 35%;
    margin: 0 auto;
    border-radius: 1px;
}
.weui-bar__item_on:nth-child(2)~.cursor,.navbar-item-active:nth-child(2)~.cursor {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
}
.weui-bar__item_on:nth-child(3)~.cursor,.navbar-item-active:nth-child(3)~.cursor {
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
}
.weui-bar__item_on:nth-child(4)~.cursor,.navbar-item-active:nth-child(4)~.cursor {
    transform: translateX(300%);
    -webkit-transform: translateX(300%);
    -moz-transform: translateX(300%);
}
.weui-bar__item_on:nth-child(5)~.cursor,.navbar-item-active:nth-child(5)~.cursor {
    transform: translateX(400%);
    -webkit-transform: translateX(400%);
    -moz-transform: translateX(400%);
}
.weui-photo-browser-modal {
    z-index: 9999;
}
.weui-dialog {
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.weui-actionsheet__title {
    font-size: 16px;
    line-height: 56px;
}
/* 论文与文献 */
.publication-item {
    margin-top: 10px !important;
}
.publication-favorites {
    position: absolute;
    top: 0;
    right: 18px;
}
.publication-title {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #36455A;
    line-height: 25px;
    padding-top: 15px;
}
.publication-info {
    padding-top: 8px;
    padding-bottom: 3px;
}
div[class^='publication-type-'] {
    width: 50px;
    height: 20px;
    margin-right: 10px;
    background-size: 50px 20px;
    position: absolute;
    left: 12px;
}
.publication-type-journal {
    background-image: url("../../images/icon/publication-type-journal.png");
}
.publication-type-preprint {
    width: 60px !important;
    background-size: 60px 20px !important;
    background-image: url("../../images/icon/publication-type-preprint.png");
}
.publication-type-patent {
    background-image: url("../../images/icon/publication-type-patent.png");
}
.publication-type-conference {
    background-image: url("../../images/icon/publication-type-conference.png");
}
.publication-type-book {width: 60px !important;
    background-size: 60px 20px !important;
    background-image: url("../../images/icon/publication-type-book.png");
}
.publication-type-bookchapter {width: 60px !important;
    background-size: 60px 20px !important;
    background-image: url("../../images/icon/publication-type-bookchapter.png");
}
.publication-type-dataset {width: 60px !important;
    background-size: 60px 20px !important;
    background-image: url("../../images/icon/publication-type-dataset.png");
}
.publication-type-thesis {width: 60px !important;
    background-size: 60px 20px !important;
    background-image: url("../../images/icon/publication-type-thesis.png");
}
.publication-detail {
    font-size: 12px;
    font-weight: 400;
    min-height: 20px;
    text-align: left;
    color: #A5ACB5;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.publication-description {
    font-size: 15px;
    font-weight: 400;
    color: #A5ACB5;
    line-height: 20px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
}
.publication-translate {
    width: 20px;
    height: 20px;
    padding: 0 !important;
    margin: 0 24px 0 0 !important;
    background-color: #ffffff;
    background-image: url("../../images/icon/translation.png");
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 0;
}
.publication-share {
    width: 20px;
    height: 20px;
    padding: 0 !important;
    margin: 0 24px 0 0 !important;
    background-color: #ffffff;
    background-image: url("../../images/icon/share.png");
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 0;
}
.publication-like {
    width: 20px;
    height: 20px;
    padding: 0 !important;
    margin: 0 24px 0 0 !important;
    background-color: #ffffff;
    background-image: url("../../images/icon/like2.png");
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 0;
}
.publication-like-active {
    width: 20px;
    height: 20px;
    padding: 0 !important;
    margin: 0 24px 0 0 !important;
    background-color: #ffffff;
    background-image: url("../../images/icon/like2-active.png");
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 0;
}
.publication-read-fulltext {
    min-width: 85px;
    height: 29px;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    background-color: transparent !important;
    background-image: url("../../images/icon/readFullText.png");
    background-size: 85px 29px;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.publication-request-fulltext {
    width: 85px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: rgba(67,90,243,0.90);
    background: #EBF1FF;
}
.publication-requested {
    width: 85px;
    height: 29px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    background-color: transparent !important;
    background-image: url("../../images/icon/noFullText.png");
    background-size: 85px 29px;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.reqeust-txt {
    margin-left: 3px;
}
.btn-read-publication {
    width: 80px;
}
.publication-loading {
    position: absolute;
    width: calc(100vw - 12px);
    text-align: center;
    height: calc(100% - 16px);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.publication-fulltext {
    background: #ffffff;
    min-height: 300px;
    position: relative;
}
.pdf-content {
    margin: 10px 16px 0 16px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);
}
.pdf-loading {
    height: 300px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pdf-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 130px;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    line-height: 220px;
    opacity: 0.73;
    background: linear-gradient(180deg,rgba(0,0,0,0.01) 28%, rgba(0,0,0,0.40) 100%);
}
.library-personal-upload,.library-publication-transmit {
    width: 60px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
}
/* 研究方向 */
.field-title {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    line-height: 20px;
}
.field-publications {
    font-size: 12px;
    font-weight: 400;
    color: #a5acb5;
    line-height: 20px;
}
.field-citations {
    font-size: 12px;
    font-weight: 400;
    color: rgba(82,99,205,0.90);
    line-height: 20px;
}
/* 热门学者 */
.author-info {
    margin-left: 12px;
}
.author-name {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #000000;
    line-height: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.author-introduction {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 20px;
    margin-top: 2px;
    min-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.author-achievements {
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    color: rgba(82,99,205,0.90);
    line-height: 20px;
    margin-top: 6px;
}
.author-img {
    width: 68px;
    height: 68px;
    border-radius: 50%
}
/* 最新动态 */
.posts-item {
    margin-top: 10px !important;
}
.bottom-line {
    border-bottom: 1px solid #F7F7F7;
}
.top-line {
    border-top: 1px solid #F7F7F7;
}
.posts-user-img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.posts-user-name {
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #36455a;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.posts-user-introduction {
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    color: #ced2d7;
    line-height: 17px;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.posts-title {
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    color: #36455a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.posts-content {
    font-size: 15px;
    font-weight: 400;
    text-align: justify;
    color: #36455a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    white-space: pre-wrap;
}
.posts-content .row {
    padding: 0 !important;
}
.weui-grids::before,.weui-grids::after {
    border: none;
}
.weui-grid {
    padding: 2px !important;
    width: calc(33vw - 7px);
    height: calc(33vw - 7px);
}
.weui-grid::before,.weui-grid::after {
    border: none;
}
.posts-image-item {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}
.posts-time {
    font-size: 14px;
    color: #999;
}
.posts-comment-num,.posts-like-num,.post-share {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.posts-like-num,.post-share {
    margin-left: 20px;
}
.post-share {
    margin-right: 18px;
}
.posts-comment-num div:last-child,.posts-like-num div:last-child,.post-share div:last-child {
    margin-left: 5px;
    font-size: 15px;
    font-weight: 400;
    color: #36455a;
}
.btn-like,.btn-like-active,.btn-comment,.btn-comment-active,.btn-share {
    width: 20px;
    height: 20px;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #ffffff;
    background-size: 20px;
    border-radius: 0 !important;
}
.btn-like {
    background-image: url("../../images/icon/like.png");
}
.btn-like-active {
    background-image: url("../../images/icon/like-active.png");
}
.btn-comment {
    background-image: url("../../images/icon/comment.png");
}
.btn-comment-active {
    border-radius: 5px;
    background-image: url("../../images/icon/comment-active.png");
}
.btn-share {
    border-radius: 5px;
    background-image: url("../../images/icon/share.png");
}
/* 下拉刷新与到底加载 */
.mescroll {
    position: fixed;
    bottom: 0;
}
.downwarp-content {
    padding: 0 !important;
}

.mescroll-downwarp .downwarp-content {
    top: 20px !important;
}
.mescroll-upwarp {
    height: 55px;
}
.html-no-data {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #ced2d7;
}
/* 关注按钮 */
.btn-following,.btn-followed {
    min-width: 74px;
    background: #f5f6f7;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}
.btn-following {
    color: #385ef6;
}
.btn-followed {
    color: #9aa2ac;
}
/* loading */
.loading-bg {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
}
/* toast */
.weui-toast {
    width: auto;
    height: auto;
    top: 50%;
    padding: 6px 30px;
    background: rgba(0,0,0,0.80);
    border-radius: 4px;
    backdrop-filter: blur(10px);
}
.weui-toast_content {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    color: #ffffff;
    white-space: nowrap;
}
.weui-mask {
    opacity: 1 !important;
    visibility: visible !important;
}
/* confirm */
.confirm-dialog {
    padding-top: 20px !important;
    width: 262px !important;
}
.confirm-dialog .weui-dialog__hd {
    padding: 0 !important;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}
.weui-dialog__title {
    font-size: 16px;
    font-weight: 500;
}
.confirm-dialog .weui-dialog__bd {
    padding: 5px !important;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    margin-bottom: 20px;
}
.confirm-dialog .weui-dialog__btn {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    padding: 10px;
    line-height: 20px;
}
.confirm-dialog .weui-dialog__btn.default {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}
.confirm-dialog .weui-dialog__btn.primary {
    font-size: 16px;
    font-weight: 500;
    color: #9aa2ac;
}
/*图片浏览*/
.weui-photo-browser-modal .photo-container:before {
    content: " ";
    position: absolute;
    left: 5px;
    top: 50px;
    width: 30px;
    height: 30px;
    background: url(../../images/icon/close.png);
    background-size: 30px;
}
.weui-photo-browser-modal .photo-pagination {
    width: 55px;
    background: rgba(255,255,255,0.30);
    border-radius: 12.5px;
    font-size: 13px;
    font-weight: 500;
    color: #fafcfc;
    margin: 0 auto 45px auto;
}
/*弹窗回复*/
.weui-popup__container {
    z-index: 600;
}
.weui-popup__modal {
    z-index: 601;
}
#post-comment-content-popup .weui-popup__modal {
    max-height: 470px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px 10px 0px 0px;
}
.comment-popup-title {
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #36455a;
    text-align: center;
    line-height: 50px;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 999;
}
.btn-comment-return {
    position: absolute;
    left: 10px;
    top: 14px;
    width: 20px;
    height: 20px;
    padding: 0;
    background-color: #ffffff;
    background-image: url(../../images/icon/icon-commont-back.png);
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 0;
}
.btn-comment-close {
    position: absolute;
    right: 15px;
    top: 14px;
    width: 20px;
    height: 20px;
    padding: 0;
    background-color: #ffffff;
    background-image: url(../../images/icon/icon-commont-close.png);
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 0;
}
.comment-list {
    max-height: 345px;
    overflow-y: auto;
    position: relative;
}
.level1-comment {
    padding: 10px 15px !important;
}
.comment-user-img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 5px;
}
.level1-user-name {
    font-size: 15px;
    font-weight: 500;
    color: #36455a;
    height: 17px;
    text-align: left;
    line-height: 17px;
}
.level1-user-name div {
    display: inline-flex;
}
.author-icon {
    height: 18px;
    border: 1px solid #436ff6;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    color: #436ff6;
    line-height: 16px;
    padding: 0 3px;
}
.reply-time {
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #9aa2ac;
}
.level1-comment-content {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    word-break: break-word;
    color: #000000;
    line-height: 18px;
    margin-top: 6px;
}
.level2-comment {
    padding-bottom: 10px;
}
.level2-comment:last-child {
    padding-bottom: 0;
}
.level2-user-name {
    height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
    line-height: 18px;
}
.level2-reply,.level2-comment-content {
    height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
    word-break: break-word;
}
.level2-comment .posts-comment-num,.level2-comment .posts-like-num {
    min-width: unset;
    width: auto;
    height: 20px;
    display: block;
    text-align: -webkit-center;
    margin: 0 3px;
}
.level2-comment .num {
    margin: 0 !important;
}
.level2-comment .btn-comment,#post-comment-content-popup .btn-like {
    display: block !important;
}
.total-reply-comment {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #436ff6;
    line-height: 18px;
}
.post-level2-comment {
    padding: 10px 0 !important;
}
#post-reply-popup .weui-popup__modal {
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px 10px 0 0;
}
.reply-content {
    padding: 10px 15px !important;
}
.reply-comment-bg {
    padding: 8px 16px !important;
}
.reply-comment-bg .weui-cells:before,.reply-comment-bg .weui-cells:after {
    content: none;
}
.reply-comment-bg .weui-cell:after {
    content: none;
}
.reply-comment {
    padding: 0 8px !important;
    border-radius: 15px;
    background-color: #f2f2f2;
    height: 35px;
    font-size: 12px;
    font-weight: 400;
    color: #a6a6a6;
}
.comment-list-reply-bg {
    height: 43px;
    padding: 8px 16px 7px 16px !important;
    box-shadow: 0px 0px 15px 0px rgba(210,217,217,0.30);
}
#comment-list-reply {
    width: 100%;
    height: 28px;
    border:none;
    background: #f2f2f2;
    border-radius: 14px;
    padding-left: 12px;
    color: #a6a6a6;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
}
.comment-top-line {
    border-top: 1px solid #F7F7F7;
    height: 1px;
    width: 91.66666667%;;
    position: absolute;
    right: 0;
}
.placeholder-sm {
    min-height: 1.5em;
}
.placeholder-lg {
    min-height: 2em;
}

#backHomeImg {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 42px;
    right: 22px;
    z-index: 500;
    mix-blend-mode: normal;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.143384);
    backdrop-filter: blur(25px);
    border-radius: 50%;
}