/**
 * desc: 通用协助样式
 * date: 2023.03.20
 */
 /* @font-face {
     font-family: 'PingFangSC';
     src: url('../fonts/PingFangSC0.ttf') format('truetype');
 }
 @font-face {
     font-family: 'PingFangSC1';
     src: url('../fonts/PingFangSC1.ttf') format('truetype');
 }
 @font-face {
     font-family: 'PingFangSC2';
     src: url('../fonts/PingFangSC2.ttf') format('truetype');
 }
 @font-face {
     font-family: 'PingFangSC3';
     src: url('../fonts/PingFangSC3.ttf') format('truetype');
 }
 @font-face {
     font-family: 'PingFangSC4';
     src: url('../fonts/PingFangSC4.ttf') format('truetype');
 }
 @font-face {
     font-family: 'PingFangSC5';
     src: url('../fonts/PingFangSC5.ttf') format('truetype');
 } */
 
 /* @font-face{
     font-family:'FontAwesome';
     src:url("../fonts/fontawesome-webfont.eot?v=4.7.0");
     src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") 
     format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2") 
     format("woff2"),url("../fonts/fontawesome-webfont.woff") 
     format("woff"),url("../fonts/fontawesome-webfont.ttf") 
     format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") 
     format("svg");
     font-weight:normal;
     font-style:normal
 } */
 
 * {
     margin: 0;
     box-sizing: border-box;
 }
 
 html {
     font-size: var(--base-font-size);
     scroll-behavior: smooth;
 }
 
 body {
     /* color: var(--body-color); */
     /* font-size: 1.3rem; */
     font-weight: normal;
     line-height: 1.52;
     /* font-family: -apple-system, BlinkMacSystemFont,
         "PingFang SC" ， "Microsoft Yahei", -apple-system, BlinkMacSystemFont,
         "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC",
         "Hiragino Sans GB", sans-serif; */
     background-color: var(--base-background);
 }

  @media (max-width:768px) {
     html, body {
        overflow-x: hidden;
     }
 }
 
 .defaultimg,
 div:has(> img:not([src])),
 div:has(> img.loading),
 a:has(> img:not([src])),
 a:has(> img.loading) {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 img {
    width: 100%;
    height: 100%;
    vertical-align: initial;
 }
 
 
 img:not([src]),
 img.loading {
     content: url("../images/holder@3x.svg");
     width: 14.6rem;
     height: 11.0rem;
     max-width: 100%;
     max-height: 100%;
     margin: 0 auto;
     -o-object-fit: contain;
     object-fit: contain;
     background-size: contain;
     background-position: center;
 }
 
 img[src]:not(.loading) {
     content: unset;
     -o-object-fit: cover;
     object-fit: cover;
 }
 
 video {
     width: 100%;
     height: 100%;
     /* min-height: 10rem; */
     border-radius: 0.5rem;
     overflow: hidden;
     padding: 0;
     margin: 0;
     box-sizing: border-box;
 }
 
 .a {
     text-decoration: none;
 }
 
 a {
     color: var(--a-text-color);
     text-decoration: none;
 }
 
 a:link {
     color: var(--a-text-color);
     text-decoration: none;
 }
 
 a:visited {
     /* color: #fff; */
     text-decoration: none;
 }
 
 a:hover {
     color: var(--a-text-color);
     text-decoration: none;
 }
 
 a:active {
     color: var(--a-text-color);
     text-decoration: none;
 }
 
 
 /* 滚动条 start */
 #mobile div {
     scrollbar-width: none;
     scrollbar-color: transparent;
 }
 
 #mobile div::-webkit-scrollbar {
     background-color: transparent;
 }
 
 #mobile div::-webkit-scrollbar-thumb {
     background-color: transparent;
 }
 
 #desktop div {
     /* scrollbar-width: inherit; */
     scrollbar-width: none;
     scrollbar-color: #0c0b22;
 }
 
 #desktop div::-webkit-scrollbar-track {}
 
 #desktop div::-webkit-scrollbar {
     display: block;
     width: 0rem;
     height: 0.6rem;
     padding: 1rem;
     margin: 1rem;
     border-radius: var(--desktop-scrollbar-border-radius);
     background-color: #ededed;
 }
 
 #desktop div::-webkit-scrollbar-thumb {
     padding: 1rem;
     margin: 1rem;
     border-radius: var(--desktop-scrollbar-border-radius);
     background-color: #c7c7c7;
 }
 
 #desktop div.noscrollbar::-webkit-scrollbar {
     display: none;
 }
 
 /* 滚动条 end */
 
 
 /* 省略符 start */
 .text-line-ellipsis-1 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     line-clamp: 1;
     box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden;
     word-break: break-all;
 }
 
 .text-line-ellipsis-2 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     line-clamp: 2;
     box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden;
     word-break: break-all;
 }
 
 .text-line-ellipsis-3 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     line-clamp: 3;
     box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden;
     word-break: break-all;
 }
 
 
 .text-line-ellipsis-4 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     line-clamp: 4;
     box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden;
     word-break: break-all;
 }

 .text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
 }
 /* 省略符 end */
 
 
 /* 气泡组 start */
 .bubble-group-round .van-floating-bubble {
     width: 4.05rem;
     height: 4.05rem;
     background: var(--van-floating-bubble-background);
     color: var(--van-floating-bubble-color);
     border-radius: 0;
 
     display: flex;
     align-content: space-between;
     align-items: center;
     flex-direction: column;
     justify-content: space-between;
 }
 /* 气泡组 end */
 
 /* seo 兼容 */
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-family: inherit;
    color: inherit;
    margin: initial;
    padding: initial;
}
ul {
    margin: initial;
    padding: initial;
    list-style: initial;
}
li::marker {
    content: none;    /* 自定义标记 */
}
/* seo 兼容 */
 

.relative {
    position: relative;
}

.xqbj-main-top-panel-0113 .rank-card-content-avatar {
    width: 3rem;
    height: 3rem;
}
.xqbj-main-top-panel-0113 .rank-card-content-avatar > img:not([src]),
.xqbj-main-top-panel-0113 .rank-card-content-avatar > img.loading {
    width: 3rem !important;
    height: 3rem !important;
}
.novel-info .nav-user-avatar > img:not([src]),
.novel-info .nav-user-avatar > img.loading {
    width: 2.75rem !important;
    height: 2.75rem !important;
}

@media (max-width:960px) {
    .xqbj-list .xqbj-list-rows-bottom .user-avatar {
        width: 2.5rem;
        height: 2.5rem;
    }
}
.xqbj-list .xqbj-list-rows-bottom .user-avatar >  img:not([src]),
.xqbj-list .xqbj-list-rows-bottom .user-avatar > img.loading {
    width: 2.5rem !important;
    height: 2.5rem !important;
    /* 帖子付费解锁 start */
    max-width: 100%;
    max-height: 100%;
    /* 帖子付费解锁 end */
}

#POPUP-WINDOW-PURCHASE iframe body {
    background-color: #fff;
}