html{
    font-size: 12px !important;
    -moz-osx-font-smoothing: grayscale !important;
     -webkit-font-smoothing: antialiased !important;
    /* text-rendering: optimizeLegibility !important; */
}
html[grey], html[gray],
html.grey, html.gray{
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
}
html[select="none"] *:not(textarea):not(input), html[select="none"] :disabled{
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
}
body{
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none !important;
}
body:not(.notop)::before{
    content: '';
    height: 1rem;
    left: -10vw;
    position: fixed;
    top: -1rem;
    width: 120vw;
    z-index: 1031;
    -webkit-box-shadow: 0px 0px 1rem rgba(0, 0, 0, .8);
       -moz-box-shadow: 0px 0px 1rem rgba(0, 0, 0, .8);
        -ms-box-shadow: 0px 0px 1rem rgba(0, 0, 0, .8);
            box-shadow: 0px 0px 1rem rgba(0, 0, 0, .8);
}
html.mobile body:not(.notop)::before{
    -webkit-box-shadow: 0px 0px 1rem rgba(0, 0, 0, .3);
       -moz-box-shadow: 0px 0px 1rem rgba(0, 0, 0, .3);
        -ms-box-shadow: 0px 0px 1rem rgba(0, 0, 0, .3);
            box-shadow: 0px 0px 1rem rgba(0, 0, 0, .3);
}
form .disabled a{
    opacity: .45;
}
form input.image[type="file"]{
    width: 100%;
}
button:focus{
    outline: none !important;
}
input[readonly]{
    opacity: .45 !important;
}
input.image[type="file"], input.image[readonly]{
    opacity: 0 !important;
}
iframe{
    border: none;
}
iframe[name="iframe"]{
    display: none !important;
}
textarea{
    resize: none !important;
}
img[srcc], [bgi]:not(.loading){
    opacity: 0;
}
img.loading, [bgi].loading{
    opacity: 0;
}
img.loading.error, [bgi].loading.error{
    background-image: url('../img/error.svg') !important;
    background-position: center center;
    background-repeat: no-repeat;
}
img.loaded, [style*='background-image:'].loaded, img.loading.error, [bgi].loading.error{
    opacity: 1;
    -webkit-transition: opacity .5s;
       -moz-transition: opacity .5s;
        -ms-transition: opacity .5s;
         -o-transition: opacity .5s;
}
a[hreff], a[onclick]{
    cursor: pointer;
}
a[title="站长统计"]{
    display: none !important;
}
i.fa{
    display: inline-block;
    width: 1em !important;
}
footer.footer{
    bottom: 0;
    left: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    right: 0;
    width: 100%;
}
footer.footer a{
    margin: 0 .5rem;
    text-decoration: underline;
    white-space: normal !important;
}
.scaleX-1{
    -webkit-transform: scaleX(-1);
       -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
}
.bgcontain, .bgcover{
    background-position: center center;
    background-repeat: no-repeat;
}
.bgcontain{
    background-size: contain;
}
.bgcover{
    background-size: cover;
}
.ellipsis{
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
       -moz-box-orient: vertical;
        -ms-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 1;
       -moz-line-clamp: 1;
        -ms-line-clamp: 1;
            line-clamp: 1;
}
.ellipsis2{
    -webkit-line-clamp: 2;
       -moz-line-clamp: 2;
        -ms-line-clamp: 2;
            line-clamp: 2;
}
.swiper-container:not(.swiper-container-initialized){
    display: none;
}
.overlayScrollbars{
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.overlayScrollbars::-webkit-scrollbar{
    display: none;
}
.wangEditor:not(.wangEditor-show){
    display: none;
}
#spider{
    background-color: red;
    color: white;
    font-weight: bolder;
    padding: 1rem;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999999999;
}
#spider::after{
    content: '你的浏览器被认定为爬虫 请更换浏览器';
}
body:not(.drag) #drag_file{
    display: none;
}



@media all and (min-width: 576px) {
footer.footer{
    padding-bottom: 1rem;
}
}



@media all and (max-width: 575px) {
body{
    overflow-x: hidden;
    -webkit-overflow-scrolling : touch !important;
       -moz-overflow-scrolling : touch !important;
        -ms-overflow-scrolling : touch !important;
            overflow-scrolling : touch !important;
}
footer.footer{
    padding-bottom: calc(1rem + 17px);
}
}