/* 首页部分 */
html:root {
    --color-main: rgb(40,92,139);
    --color-main2: #f60;
    --color-a: rgb(68 139 208);
    --color-nav-light: #f60;
    --color-ahover: #f60;
    --color-nav-a: #fff;
    --color-nav-ahover: #ff0;
    --headlogin-a: #333;
    --maxscreenwidth: 1400px;
    --nav-background: linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0.6));
    --av-a-backgroundn: transparent;
    --nav-ahover-background: rgba(0,0,0,0.15);
    --nav-anow-background: rgb(188,66,188);
    --head-background: linear-gradient(to bottom,rgb(68,72,169),rgb(117,216,239));
    --yellowbtn-background: linear-gradient(to top,#fb5c00,#ff6161);
    --background-lightcolor: linear-gradient(to top,#396c93,#6daad9);
    --nav-main-height: 50px;
    --pagetitle-height: 40px;
    --background-popbg: rgba(0,0,0,0.7);
    --color-boy: #3999f6;
    --color-girl: #e45ee5;
    --color-all: #23b08d;
    --changepage-width: 36px;
    --usermenuwidth: 240px;
    --imgshadow: 0 4px 5px rgba(0,0,0,0.1);
    --readborder-l: 0px;
    --readborder-s: 10px;
    --readheadheight: 30px;
    --vchangeheight: 70px;
    --curchap-border: 5px solid #eee;
    --curchap-bkcolor: #f5f5f5;
    --curchap-bkcolorhover: #f1f1f1;
}

* { -webkit-tap-highlight-color: transparent; outline: none; font-family:'Droid Sans',Noto }
html {font-size:14px;height:100%;}

h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, p, form { margin: 0; list-style: none; padding: 0; }
body { padding: 0px 0 0 0px; margin: 0px auto; background-color: #fff;padding-bottom:60px;position:relative;box-sizing:border-box;min-height:100%;}
a {color:var(--color-a);text-decoration:none;}
a:hover, a:active {color:var(--color-ahover);}
html.novel a:hover .name {text-decoration:underline;}
input,textarea,button {font-size:1rem;}
button {cursor:pointer;transition:all 0.2s;}
button:hover, button:active {opacity:0.8;}
@keyframes fadein {0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeout {0%{opacity:1;}100%{opacity:0;display:none}}
@keyframes showsearch {0%{left:-100%;}100%{left:0%;}}
@keyframes shownav {0%{left:100%;}100%{left:40%}}

header {
    display: block;
    margin: 0 auto;
    position: relative;
    background: url(../../icons/mr/headbg.jpg);
    overflow: hidden;
}
    header:after {
        content: "";
        display: block;
        background: url(../../icons/mr/headbg.jpg) center no-repeat;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 150px;
        z-index: 0;
        opacity: 1;
    }

header a:hover, header a:active {color:var(--color-nav-light);padding:0;}
.headbox {display:flex;margin:0 auto;height:auto;position:relative;max-width:var(--maxscreenwidth);padding:20px 10px;justify-content:space-between;align-items:center;box-sizing:border-box;z-index:1;}
.headbox:after {content:"";display:block;clear:both;width:auto;height:0;}
.logo {display:block;width:200px;height:60px;float:left;overflow:hidden;position:relative;}
.logo img, .logo amp-img {display:block;height:120px;width:200px;position:absolute;top:0;left:0;}
@media screen and (max-width:767px) {
.logo img, .logo amp-img, html.novel .logo img, html.novel .logo amp-img {height:80px;width:134px;top:unset;bottom:0;}
}
.search {display:inline-block;height:40px;padding:10px 0;width:30%;}
.searchbox {display:block;width:auto;height:40px;font-size:0;position:relative;}
.searchbox>div {display:block;}
.searchbox .sinput {display:block;}
.searchbox .sinput input {display:block;width:100%;height:40px;line-height:40px;box-sizing:border-box;padding:0 10px;border:0px solid #ddd;background-color:rgba(0,0,0,0.4);border-right:0;border-radius:6px;color:#fff;}
html.novel .searchbox .sinput input {background-color:#fff;color:#666;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.searchbox .sinput input::placeholder {color:rgba(255,255,255,0.5)}
html.novel .searchbox .sinput input::placeholder {color:#999}
.searchbox .sbtn {position:absolute;top:0;right:0;width:40px;height:40px;}
.searchbox .sbtn input {position:absolute;top:0;left:0;width:100%;height:100%;border:0;background-color:transparent;}
.searchbox .sbtn button {display:block;width:40px;height:40px;border:0;background:var(--yellowbtn-background);cursor:pointer;border-radius:0 6px 6px 0;padding:0;}
html.novel .searchbox .sbtn button {background:var(--yellowbtn-background);}
.searchbox .sbtn button svg {display:block;width:40px;height:40px;box-sizing:border-box;padding:8px;fill:#fff;}
.headlogin {display:flex;align-items:center;width:auto;height:60px;box-sizing:border-box;padding:10px 0;font-size:0;margin-left:auto;}
.headlogin span {display:inline-block;vertical-align:top;line-height:40px;padding:0 0px 0 20px;position:relative;font-size:1rem;}
.headright {display:flex;align-items:center;margin-left:20px;}
html.novel .headlogin span {padding:0px;margin:0 10px 0 0 ;background-color:#fff;border-radius:30px;}
html.novel .headlogin span.mshow {box-shadow: 0 3px 6px rgba(0,0,0,0.2);padding:0px;}
html.novel .headlogin span a {padding:0px 15px;display:block;box-sizing:border-box;border:3px solid #fff;line-height:34px;height:40px;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.2);border-radius:30px;transition:background 0.2s;color:var(--headlogin-a);}
html.novel .headlogin span a svg {height:34px}
.headlogin span.pcs {padding-right:20px;padding-left:20px;}
html.novel .headlogin span.psc:after {display:none;}
html.novel .headlogin span a b {font-weight:normal;}
.headlogin span a svg {display:block;float:left;width:26px;height:40px;fill:var(--color-main);}
.headlogin form {display:inline-block;vertical-align:top;}
nav {display:block;position:relative;z-index:1;}
nav ul {display:block;font-size:0;}
nav li {display:inline-block;vertical-align:top;}
.navbox {display:block;margin:0 auto;}
.navmain {width:auto;height:var(--nav-main-height);line-height:var(--nav-main-height);background:var(--nav-background)}
.navmain ul {display:block;margin:0 auto;max-width:var(--maxscreenwidth);font-size:0;padding:0 10px;box-sizing:border-box;}
.navmain ul li {height:var(--nav-main-height);line-height:var(--nav-main-height);font-size:1.2rem;padding:0 0px;margin-right:3px;position:relative;overflow:hidden;box-sizing:border-box;}
.navmain li a {color:var(--color-nav-a);display:block;padding:0 25px;background:var(--nav-a-background)}
.navmain li a b {font-weight:bold;}
.navmain ul li svg {box-sizing:border-box;height:var(--nav-main-height);padding:0px 3px 0px 0;fill:#fff;width:24px;}
.navmain li a:hover, .navmain li a:active {color:var(--color-nav-ahover);background:var(--nav-ahover-background)}
.navmain li.now a {color:#fff;background:var(--nav-anow-background);}
.navmain li.now a b {position:relative;z-index:1;}
.navmain ul li a:hover svg, .navmain ul li a:active {fill:var(--color-nav-ahover)}
.navmain ul li.now svg, .navmain ul li.now a:hover svg {fill:#fff;}
.navmain ul li span {display:inline-block;vertical-align:top;height:var(--nav-main-height);line-height:var(--nav-main-height)}
.navs {display:block;background-color:#eee;height:auto;overflow:hidden;}
html.novel .navs {background-color:transparent;border-top:1px solid #fff;background-image:linear-gradient(to bottom,#eee,#f8f8f8)}
.navs ul {display:block;margin:0 auto;max-width:var(--maxscreenwidth);font-size:0;max-width:var(--maxscreenwidth);white-space:normal;overflow:hidden;height:auto;margin:8px auto;max-height:60px;}
.navs ul li {font-size:1rem;padding:0 15px;margin-right:10px;display:inline-block;white-space:nowrap;line-height:30px;}
.navs a {color:#333;}
.navs a:hover, .navs a:active {color:#000;}

.pagebodybox {margin:0 auto;max-width:var(--maxscreenwidth);font-size:0;}
.pagebodybox.border-bottom {border-bottom:1px solid #eee;}
.pageleft {width:70%;vertical-align:top;display:inline-block;box-sizing:border-box;border-width:30px 30px 30px 10px;border-style:solid;border-color:transparent;}
.pageright {width:30%;vertical-align:top;display:inline-block;box-sizing:border-box;border-width:30px 10px 30px 20px;border-style:solid;border-color:transparent;}
html.novel .pageleft {width:73%;border-top-width:20px;}
html.novel .pageright {width:27%;border-top-width:20px;}
.pagecenter {padding:30px 10px;}
.mainpagetitle {
    display: block;
    height: var(--pagetitle-height);
    position: relative;
    padding-bottom: 0px;
}
.pageleft .mainpagetitle {
    padding-bottom: 0;
}
.pageright .mainpagetitle h3 {
    color: #666;
}
.mainpagetitle h3 {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    color: #666;
    height: var(--pagetitle-height);
    line-height: var(--pagetitle-height)
}
.mainpagetitle a.morea {
    position: absolute;
    top: 0;
    right: 0;
    line-height: var(--pagetitle-height);
    color: #999;
    font-size: .9rem;
}
.mainpagetitle button {
    line-height: 2rem;
    top: 40%;
    margin-top: -1rem;
    box-sizing: border-box;
    display: block;
    height: 2rem;
    padding: 0 10px;
    border: 0;
    background-color: var(--color-main);
    position: absolute;
    right: 0;
    color: #fff;
    border-radius: 5px;
}
.mainpagetitle a.morea:hover {
    color: #333;
}

.imgbox { position: relative; overflow: hidden; display: block;box-shadow:var(--imgshadow)}
.imgbox:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; box-shadow: 0 0 15px rgba(0,0,0,0.15) inset; }
.imgbox img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-position: 50% 0%; object-fit: cover; transform: translateZ(0); transition: all 0.3s; }
.imgbox img.imgmask { position: relative; left: 0; top: 0; width: 100%; height: auto; }
.imgbox svg.imgmask { position: relative; left: 0; top: 0; width: 100%; height: auto; }
a:hover .imgbox img { transform: scale(1.05) }

.main-vlist {margin:0 auto;padding:5px 0px 0 0;max-width:var(--maxscreenwidth);display: block;}
.main-vlist ul {margin:0 -10px; font-size: 0;}
.main-vlist li { width: 16.66%; margin-right: 0%; float: none; margin-bottom: 0px; position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0 10px 25px 10px; }
.pageleft .main-vlist ul {margin:0 -5px;}
.pageleft .main-vlist ul li {width:20%;padding:0 5px 25px 5px;}
.main-vlist li:last-child { margin-right: 0px; }
.main-vlist li .cover {
    position: relative;
    max-height: unset;
    border-radius: 0px;
    height: auto;
    background-size: cover;
    background: url(../../images/subdefault/loading2.gif) center no-repeat #fff;
    background-size: 80% auto;
    border: 0px solid rgba(0,0,0,0.03);
    box-sizing: border-box;
    background-position: center;
}
    .main-vlist li .cover span em, .status em {
        position: absolute;
        top: 0;
        left: 100%;
        width: auto;
        height: 1.5rem;
        font-style: normal;
        color: #fff;
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        padding: 0px 8px;
        box-sizing: border-box;
        margin-left: 0px;
    }
.main-vlist li .coverbox { transition: all 0.2s; }
.main-vlist li a:hover .coverbox { transform: scale(1.05) }
.main-vlist li .name { font-size: 1.3rem; margin: 0px; padding: 0px; text-align: left;font-weight: normal; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px; overflow: hidden; transition: color 0.2s; }
.main-vlist li .listdata { font-size: 0; margin-top: 5px; }
.main-vlist li .listdata span { color: #666; display: inline-block; float: none; font-size: .9rem; height: 20px; line-height: 20px; margin-right: 10px; }
.main-vlist li .listdata span.author { display: block; }
    .main-vlist li .listdata .score:before {
        display: block;
        width: .9rem;
        height: 100%;
        background: url(../../images/subdefault/star.svg) center no-repeat;
        background-size: 100% auto;
        content: "";
        float: left;
        margin-right: 2px;
        opacity: 0.3;
    }
    .main-vlist li .listdata .readCount:before {
        float: left;
        display: block;
        width: .9rem;
        height: 100%;
        background: url(../../images/subdefault/eye.svg) center no-repeat;
        background-size: 100% auto;
        content: "";
        margin-right: 2px;
        opacity: 0.3;
    }
.main-vlist li a.del { position: relative; width: 50%; height: 30px; z-index: 2; background-color: var(--color-border); color: #dc1f3e; border-radius: 10px; display: block; margin: 3px auto 0 auto; line-height: 27px; text-align: center; font-size: 2rem; opacity: 0.3; transition: all 0.2s; border: 1px solid var(--color-main); }
.main-vlist li a.del:active { opacity: 0.5; }
.main-vlist li label.toggle { display: block; font-size: 1rem; background-color: #eee; padding: 7px; border-radius: 10px; min-width: 50%; }
.main-vlist li label.toggle input { float: left; width: 14px; height: 14px; margin: 2px 5px 0 4px; padding: 0; }
.main-vlist li .desc { font-size: .9rem; color: #999; margin: 0; padding: 5px 0 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1rem; height: 3rem; }
.main-vlist ul li span.del {position:absolute;top:0;right:10px;width:30px;height:30px;background-color:#000;color:#fff;text-align:center;line-height:30px;font-size:1.6rem;z-index:3;cursor:pointer;transition:background 0.2s;}
.main-vlist ul li span.del:hover {background-color:var(--color-main2);}
.main-vlist .hiscont {display:block;padding:10px 0 5px 0;position:relative;box-sizing:border-box;}
.main-vlist .hiscont>div {display:block;padding:0 0 5px 0;font-size:1rem;color:#666;}
.main-vlist .hiscont>div span {font-size:.9rem;}
.main-vlist .hiscont button,
.main-vlist .hiscont a
{display:block;width:auto;border:0;padding:7px 10px;border-radius:5px;background-color:var(--color-main);color:#fff;min-width:65%;}
.main-vlist .hiscont button.read1,
.main-vlist .hiscont a.read1
{background-color:var(--color-main2)}

.main-nlist { display: block; font-size: 0; }
.main-nlist li { width: 50%; margin: 0; display: inline-block; vertical-align: top; padding: 10px; box-sizing: border-box;position:relative;}
.pageleft .main-vlist .main-nlist li {width:50%;}
.main-nlist li a { display: block; width: auto; padding: 0px;position:relative;}
.main-nlist li a:after {content:"";display:block;clear:both;width:auto;height:0;clear:both;}
.main-nlist li .cover {
    width: 150px;
    position: relative;
    height: auto;
    left: 0px;
    top: 0px;
    overflow: hidden;
    border-radius: 0px;
    background: url(../../images/subdefault/loading2.gif) center no-repeat #fff;
    box-sizing: border-box;
    border: 0px solid rgba(0,0,0,0.03);
    float: left;
    background-size: 100% auto;
}
.pageleft .main-vlist .main-nlist li .cover {width:126px;}
.pagecenter .main-nlist .cover, .ztbody .main-nlist .cover {width:150px;}
.main-nlist li .name { font-size: 1.5rem; color: var(--color-a); margin: 0px; height: 56px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; padding: 0px 0 0 10px; -webkit-line-clamp: 2; Display: -webkit-box; -webkit-box-orient: vertical;white-space:normal;}
.pagecenter .main-nlist li .name {font-size:20px;line-height:28px;height:56px;}
.main-nlist li a:hover .name { color: var(--color-a); }
.main-nlist li .desc { -webkit-line-clamp: 3; height: auto; margin-bottom: 0; Display: -webkit-box; -webkit-box-orient: vertical; height: 66px; overflow: hidden; color: #979797; line-height: 22px; font-size: 14px; margin: 8px 0; padding: 0 5px 0px 10px; }
.pagecenter .main-nlist li .desc {font-size:15px;line-height:22px;height:66px;margin:15px 0}
.pageleft .main-nlist li .desc {margin:0;line-height:18px;height:54px;}
.main-nlist li .listdata { font-size: .8rem;  margin-top: 0px; height: auto; line-height: 20px; padding: 0 0px 0 10px; overflow: hidden; width: auto;position:absolute;bottom:0;left:150px;opacity:.5;white-space:nowrap;}
.pageleft .main-nlist li .listdata span {display:none;}
.pageleft .main-vlist li .listdata span.author {display:block;}
.pagecenter .main-nlist li .listdata, .ztbody .main-nlist li .listdata {left:150px;bottom:0;}
.pageleft .main-nlist li .listdata {left:126px;bottom:23px;}
.main-nlist li .listdata i { color: #ffbe24;}
.main-nlist li .listdata span { color: #333; display: inline-block;vertical-align:top; float: none; font-size: 13px; height: 20px; line-height: 20px; padding-right: 10px; }
.main-nlist li .listdata .score { display: inline-block; }
.main-nlist li .listdata .readCount { display: inline-block; }
.main-nlist li .listdata .score:before {
    display: block;
    width: 14px;
    height: 100%;
    background: url(../../images/subdefault/star.svg) center no-repeat;
    background-size: 100% auto;
    content: "";
    float: left;
    margin-right: 2px;
    opacity: 0.3;
}
.main-nlist li .listdata .readCount:before {
    float: left;
    display: block;
    width: 14px;
    height: 100%;
    background: url(../../images/subdefault/eye.svg) center no-repeat;
    background-size: 100% auto;
    content: "";
    margin-right: 2px;
    opacity: 0.3;
}
.main-nlist li .tag {display:block;font-size:1.1rem;color:var(--color-main2);padding:5px 0 5px 10px;overflow:hidden;line-height:1.1rem;white-space:nowrap;}
.main-nlist li .tag span {display:inline-block;margin-left:0px;padding-left:15px;border-left:0px solid #ddd;color:#666;font-size:.8rem;}
.main-vlist ul.main-nlist li .listdata span.author {display:inline-block;}
.pageleft .main-nlist li .tag {padding-top:40px;padding-bottom:0;}
.main-nlist li .addbook {position:absolute;right:15px;bottom:10px;display:inline-block;height:30px;line-height:30px;color:#fff;padding:0 15px;border:0;background-color:var(--color-main);border-radius:5px;display:none;}
.main-nlist li.now .addbook {background-color:#f60;}
.main-nlist li.now .addbook:before {content:"";display:inline-block;vertical-align:middle;width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);position:relative;top:-4px;margin-right:5px;}
.pagecenter .main-nlist li .addbook {display:inline-block;}
.pageleft form {display:none;}

/* 搜索结果列表样式 */
.search-vlist {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* PC端样式 - 保持原有的2列布局 */
.search-vlist .main-nlist {
    display: block;
    font-size: 0;
}

.search-vlist .main-nlist li {
    width: 50%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

.changepage {display:block;text-align:center;padding:20px 0 0 0;}
.changepage ul {font-size:0;}
.changepage li {display:inline-block;vertical-align:top;margin:0 2px;}
.changepage li a {width:auto;height:var(--changepage-width);border-radius:4px;background-color:#eee;color:#666;line-height:var(--changepage-width);text-align:center;display:block;font-size:.9rem;padding:0 12px;min-width:var(--changepage-width);box-sizing:border-box;}
.changepage li span {width:auto;height:var(--changepage-width);border-radius:4px;background-color:var(--color-main);color:#fff;line-height:var(--changepage-width);text-align:center;display:block;font-size:1rem;padding:0 12px;min-width:var(--changepage-width);box-sizing:border-box;}
.changepage li.start a,
.changepage li.prv a,
.changepage li.next a,
.changepage li.end a {width:auto;}

.status { position: absolute; bottom: 0px; left:60px; font-size: .8rem; background-color: var(--color-main2); color: #fff; padding: 0px 8px; font-weight: normal; z-index: 1; border-radius: 0;height:1.5rem;line-height:1.6rem;}
.adult { position: absolute;left: 0; font-size: .8rem; background-color: var(--color-main); color: #fff; padding:0px; font-weight: normal; z-index: 1; border-radius: 0px; bottom:0;width:60px;text-align:center;white-space:nowrap;height:1.5rem;line-height:1.6rem;}
.status[data-status=finish] { background-color: #1a63a1; }
.status[data-status=serialized] { background-color: #278f13; }
html.novel .status, .main-nlist.noval .status {left:0;width:auto;padding:0 8px 0 8px;}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    background-color: #f3f3f3;
}

.footerform {
    display: block;
    margin: 0 auto;
    max-width: 1400px;
    font-size: 12px;
}

    .footerform > p {
        display: block;
        float: left;
        padding: 0 10px;
    }

.copyrightlink {
    display: block;
    text-align: center;
    font-size: 0;
    text-align: right;
    width: auto;
    overflow: hidden;
}

    .copyrightlink li {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        padding: 0 10px;
    }

        .copyrightlink li a {
            color: #666;
            text-decoration: none;
        }

        .copyrightlink li a:hover {
            color: var(--color-main)
        }

.footerform:after {
    content: "";
    display: block;
    width: auto;
    height: 0;
    clear: both;
}

.popwindow {position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;display:none;}
.popwindowbg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.popwindowbg button {display:block;width:100%;height:100%;border:0;padding:0;margin:0;background-color:var(--background-popbg);}
.popwindowbg button:hover,
.popwindowbg button:active
{opacity:1;}
.popwindowbox {position:absolute;width:100%;height:50%;text-align:center;z-index:2;top:25%;font-size:0;pointer-events:none;}
.popwindowbody {display:block;vertical-align:middle;font-size:1rem;background-color:#fff;padding:20px;border-radius:10px;max-width:600px;min-width:300px;height:100%;margin:0 auto;position:relative;pointer-events:auto;box-sizing:border-box;}
.popwindow .closepopwindow {display:none;}
.popbtn {position:absolute;left:0;bottom:0;width:100%;height:60px;box-sizing:border-box;padding:10px 0;text-align:center;}
.popbtn button {display:inline-block;height:40px;line-height:40px;border-radius:5px;padding:0 15px;color:#fff;background-color:#666;border:0;margin:0 5px;}
.popbtn span {display:inline-block;height:40px;line-height:40px;font-size:1rem;margin:0 5px;}
.popbtn button:last-child {background-color:var(--color-main)}
.popwindow.show, 
#menupop.show,
#message.show
{animation:fadein 0.2s forwards;display:block;}
#feedback .popwindowbox {height:450px;top:50%;margin-top:-225px;}
#share .popwindowbox {height:300px;top:50%;margin-top:-150px;}
#message .popwindowbox {height:auto;top:50%;margin-top:-150px;}
#message .popwindowbox .popwindowbody {width:300px;max-width:300px;padding:15px 10px 10px 10px;font-size:1.2rem;}
#message .popbtn {position:relative;padding:15px 0 0 0;}
#chapterqrcode .popwindowbody {width:300px;height:260px;}
#chapterqrcode .popwindowbox {height:260px;top:50%;margin-top:-130px;}

@keyframes ro {0%{transform:rotate(0);}100%{transform:rotate(360deg);}}
.popqrcode {position:fixed;right:0;bottom:50px;text-align:right;}
.popqrcode .codeimg, .chapterqrcode .codeimg {display:block;width:100px;height:100px;margin:0 0px 0 0;clear:both;}
.popqrcode .codeimg img, .chapterqrcode .codeimg img {display:block;width:100%;height:100%;}
.popqrcode h3, .chapterqrcode h3 {display:block;padding:5px 0px 0px 0;width:100px;text-align:center;font-size:.9rem;clear:both;}
.popqrcode a.feed {display:block;background-color:var(--color-main);color:#fff;border:2px solid #fff;box-shadow:0 4px 6px rgba(0,0,0,0.3);border-radius:20px 0 0 20px;height:36px;line-height:36px;float:right;padding:0 10px;clear:both;}
.popqrcode a svg {display:block;float:left;width:20px;height:36px;fill:#fff;margin-right:4px;}
.popqrcode a.down, .chapterqrcode a.down {display:block;border:1px solid #ddd;background-color:#fff;margin:0 10px 10px 0;width:100px;padding:5px;float:right;clear:both;}
.chapterqrcode {padding:20px 0;}
.chapterqrcode a.down {display:inline-block;vertical-align:top;margin:0 5px;float:none;clear:unset;}
@media screen and (max-width:767px) {
    .popqrcode {display:none;}
}
.appflow { position: fixed; bottom: 0px; height: 100%;  width: 100%; z-index: 3000000; box-sizing: border-box;  font-size: 0; left: 0;}
.appflow>div { display: block; width: 100%; font-size: 2rem; box-sizing: border-box; padding: 5px; text-align: center; color: #8bffff; height: auto; line-height: 200%;position:absolute;left:0;bottom:0;height:auto;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.98) 40%);padding: 10rem 0rem 1rem 0rem;}
.appflow div p { display: block; font-size: 1.3rem; }
.appflow img.applogo, .appflow amp-img { display: block;width:30%;height:auto;border-radius:15px;margin:0 auto 1rem auto;max-width:200px;}
.appflow amp-img img {display:block;width:100%;height:100%;}
.appflow button { display: inline-block; width: 30%; text-align: center; line-height: 50px; color: #fff; font-size: 1rem; height: 100%; box-sizing: border-box; padding: 5px; border: 0; }
.appflow .dl { width: 150px; display: inline-block; }
@media screen and (max-width:767px) {
    .appflow {display:block;}
}
        
    body .headback {width:5px;padding:0;}
body .headback button {display:None}
.rightranklist {padding:0;}
.rightranklist ul {display:block;font-size:0;}
.rightranklist ul li {display:block;padding:0px 0 0px 28px;position:relative;}
.rightranklist ul li:hover {}
.rightranklist li:after {content:"";display:block;clear:both;height:0;}
.rightranklist .cover {width:36%;height:auto;float:left;margin-right:15px;}
.rightranklist .infos {font-size:1rem;position:relative;height:3rem;line-height:3rem;}
.rightranklist .infos .name {display:block;padding:0px 0;font-size:1.1rem;font-weight:normal;white-space:nowrap;overflow:hidden;max-width:60%;text-overflow:ellipsis;}
.rightranklist .infos .desc {display:block;font-size:.9rem;line-height:1.4rem;height:4.2rem;overflow:hidden;color:#666;}
.rightranklist .infos .listdata {position:absolute;top:50%;height:1rem;line-height:1rem;font-size:.8rem;color:#999;right:0;margin-top:-.5rem;}
.rightranklist .infos .listdata .txt b {font-size:.9rem;font-weight:normal;}
.rightranklist .infos .listdata .txt b em {font-style:normal;font-size:1rem;}
.rightranklist li>span.num {display:block;width:20px;height:20px;text-align:center;font-size:1rem;color:#fff;background-color:#bababa;line-height:20px;position:absolute;top:50%;margin-top:-10px;left:0;z-index:1;}
.rightranklist li:first-child {padding:5px 0 5px 0;margin-bottom:10px;border-bottom:0;}
.rightranklist li:first-child>span.num {top:auto;bottom:5px;margin:unset;background-color:#f60;transform:scale(1.25);transform-origin:left bottom;}
.rightranklist li:nth-child(2)>span.num,
.rightranklist li:nth-child(3)>span.num {background-color:#f90;}
.rightranklist li:first-child .infos {height:100%;position:unset;}
.rightranklist li:first-child .infos .listdata {top:auto;margin:unset;padding:10px 0 0 0;bottom:0;margin:auto auto 5px 15px;left:36%;right:auto;}
.rightranklist li:first-child .infos .name {font-size:1.6rem;padding:0px 0 10px 0;}
.topicbox {margin:0 auto;max-width:var(--maxscreenwidth);padding:20px 10px 0 10px;}
@media screen and (min-width:768px){
    @keyframes topic {0%{transform: translateX(0%);}30%{transform: translateX(0%);}33%{transform: translateX(-100%);}63%{transform: translateX(-100%);}66%{transform: translateX(-200%);}97%{transform: translateX(-200%);}100%{transform: translateX(0%);}}
}
@media screen and (max-width:768px){
    @keyframes topic {
        0%{transform: translateX(0%);}
        10%{transform: translateX(0%);}
        11%{transform: translateX(-11.11%);}
        21%{transform: translateX(0%);}
        22%{transform: translateX(-22.22%);}
        32%{transform: translateX(0%);}
        33%{transform: translateX(-33.33%);}
        43%{transform: translateX(0%);}
        44%{transform: translateX(-44.44%);}
        100%{transform: translateX(0%);}
    }
}
.maintopicbanner { display: block; width: auto; margin: 0 -10px; padding:0px;overflow:hidden;}
.maintopicbanner ul { font-size: 0; display: block;white-space:nowrap;width:auto;position:relative;transition: all 0.5s;transform: translateX(0%);padding-bottom:30px;}
.maintopicbanner.li1 ul {transform: translateX(0%);}
.maintopicbanner.li2 ul {transform: translateX(-100%);}
.maintopicbanner.li3 ul {transform: translateX(-200%);}
.maintopicbanner ul li { display: inline-block; vertical-align: top; width: 33.33%; box-sizing: border-box; padding:5px  10px 0 10px; }
.maintopicbanner ul li a { display: block; border: 1px solid #ddd; border-radius: 0px; overflow: hidden; background-color: #fff;position:relative;}
.maintopicbanner ul li a:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.1) }
.maintopicbanner ul li a:hover h3 { color: var(--color-main) }
.maintopicbanner ul li a h3 { display: block; padding: 15px 0px 12px 15px; text-align: left; font-size: 16px; position: relative; line-height: 100%;border-right:30px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html.novel .maintopicbanner ul li a h3 {color:#333;}
.maintopicbanner ul li a:after { content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; position: absolute; bottom:17px; right: 10px;transform: rotate(45deg) }
.topicnav {display:block;font-size:0;text-align:center;position:absolute;left:0;bottom:0;width:100%;height:auto;}
.topicnav>div {display:inline-block;width:auto;}
.topicnav span {display:inline-block;vertical-align: top;width:20px;height:20px;}
.topicnav span button {display:block;width:20px;height:20px;border:0;background-color:transparent;opacity:1;}
.topicnav span button:after {content:"";display:block;width:10px;height:10px;margin:5px;border-radius:50%;background-color:#ddd;}
.maintopicbanner.li1 .topicnav span.tbn1 button:after,
.maintopicbanner.li2 .topicnav span.tbn2 button:after,
.maintopicbanner.li3 .topicnav span.tbn3 button:after,
.maintopicbanner.li4 .topicnav span.tbn4 button:after,
.maintopicbanner.li5 .topicnav span.tbn5 button:after,
.maintopicbanner.li6 .topicnav span.tbn6 button:after,
.maintopicbanner.li7 .topicnav span.tbn7 button:after,
.maintopicbanner.li8 .topicnav span.tbn8 button:after,
.maintopicbanner.li9 .topicnav span.tbn9 button:after
{background-color:var(--color-main);opacity:1;}
@media screen and (max-width:1280px) {
.rightranklist li:first-child .infos .name {font-size:1.5rem;}
}
@media screen and (max-width:980px) {
.rightranklist .infos {height:auto;line-height:1.5rem;}
.rightranklist .infos .name {max-width:100%;}
.rightranklist li>span.num {top:5px;margin-top:0;}
.rightranklist .infos .listdata .txt b {font-size:.8rem;}
.rightranklist .infos .listdata {top:auto;right:auto;margin:0;position:relative;}
.rightranklist li:first-child .infos .listdata {right:unset;left:36%;margin:0 0 0 15px;position:absolute;}
.rightranklist ul li {padding:5px 0 10px 28px;}
.rightranklist li:first-child .infos .name {font-size:1.3rem;}
}
@media screen and (max-width:767px) {
.rightranklist li:first-child .infos .name {font-size:1.3rem;height:2.6rem;line-height:1.3rem;white-space:normal;overflow:hidden;}
.rightranklist .infos .listdata .txt {}
.rightranklist .infos .listdata .txt:before {content:"NEW";display:inline-block;width:auto;height:16px;font-size:10px;color:#fff;background-color:var(--color-main);border-radius:3px;padding:0 3px;line-height:16px;margin-right:4px;font-weight:bold;display:none;}
.topicbox {padding-top:10px;}
.topicbox amp-script {height:auto;}
.maintopicbanner ul {width:900%;}
.maintopicbanner ul li {width:11.11%;}
.maintopicbanner.li1 ul {transform: translateX(0%);}
.maintopicbanner.li2 ul {transform: translateX(-11.11%);}
.maintopicbanner.li3 ul {transform: translateX(-22.22%);}
.maintopicbanner.li4 ul {transform: translateX(-33.33%);}
.maintopicbanner.li5 ul {transform: translateX(-44.44%);}
.maintopicbanner.li6 ul {transform: translateX(-55.55%);}
.maintopicbanner.li7 ul {transform: translateX(-66.66%);}
.maintopicbanner.li8 ul {transform: translateX(-77.77%);}
.maintopicbanner.li9 ul {transform: translateX(-88.88%);}
.topicnav span, .topicnav span button {width:30px;height:30px;}
.topicnav span button:after {width:10px;height:10px;margin:10px 5px;background-color:#eee;}
.maintopicbanner.li1 .topicnav span.tbn1 button:after,
.maintopicbanner.li2 .topicnav span.tbn2 button:after,
.maintopicbanner.li3 .topicnav span.tbn3 button:after,
.maintopicbanner.li4 .topicnav span.tbn4 button:after,
.maintopicbanner.li5 .topicnav span.tbn5 button:after,
.maintopicbanner.li6 .topicnav span.tbn6 button:after,
.maintopicbanner.li7 .topicnav span.tbn7 button:after,
.maintopicbanner.li8 .topicnav span.tbn8 button:after,
.maintopicbanner.li9 .topicnav span.tbn9 button:after
{width:16px;height:16px;margin:7px 2px;}
}

        @media screen and (max-width:1280px) {
    .main-vlist li {width:20%;}
    .pageleft .main-vlist ul li {width:25%;}
    .main-vlist .main-nlist li {width:33.33%;}
    html.novel .pageleft {width:62%;}
    html.novel .pageright {width:38%;}
    .pageleft .main-vlist .main-nlist li {width:100%;}
    .main-vlist .main-nlist li {width:50%;}
    .pagecenter .main-nlist .cover {width:150px;}
    .pagecenter .main-nlist li .listdata {left:150px;}
    .main-nlist li .listdata span {margin-right:0;}
    .pagecenter .main-nlist li .listdata span.author {max-width:40px;overflow:hidden;text-overflow:ellipsis;vertical-align:top;}
}

@media screen and (max-width:980px) {
    .main-vlist li {width:25%;}
    .searchlist ul li {width:50%;}
    .pageleft {border-width:30px 10px 30px 10px;}
    .pageright {border-width:30px 10px 30px 10px;}
    .pageleft .main-vlist ul li {width:33.33%;}
    .pagecenter .main-nlist li {width:50%;}
    html.novel .headlogin span a b {display:none;}
    .search {width:20%;}
}

@media screen and (min-width:768px) {
    html body .mobiles {display:none;}
}

@media screen and (max-width:767px) {
    html:root {
        --nav-main-height: 50px;
        --pagetitle-height: 40px;
        --changepage-width: 36px;
        --usermenuwidth: 240px;
    }
    body {
        padding-bottom: 0px;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    .main {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .pagebody {
        flex: 1;
    }
    footer {
        height: auto;
        position: relative;
        padding: 15px 0;
        background-color: #f6f6f6;
        margin-top: auto;
    }

    .footerform > p {
        display: block;
        float: none;
        padding: 0 0 10px 0;
    }

    .copyrightlink {
        text-align: center;
    }
    .popchaplist {height:350px;}
    .popchapbox .chaptitle {padding:0 0 5px 0;}
    .popchapbox .chapterPage {padding-top:5px;}
    body .layui-layer-dialog {width:300px;min-width:300px;}
    header {
        width: 100%;
        max-width: 100%;
    }
    .headbox {
        padding: 0 0px;
        max-width: 100%;
        width: 100%;
    }
    html.novel .headbox {border-bottom:0px solid #fff;z-index:10;}
    .logo, html.novel .logo {width:45px;height:50px;border:5px solid transparent;box-sizing:border-box;border-right:0;}
    .search {height:auto;width:auto;padding:0;position:absolute;top:0;left:0;}
    .searchbg {position:fixed;width:100%;height:100%;z-index:9;overflow:hidden;display:none;opacity:0;}
    .searchbg button {display:block;border:0;width:100%;height:100%;text-align:center;text-align:center;background:var(--background-popbg);}
    .searchbox {display:block;position:fixed;top:0;left:-100%;width:80%;height:100%;z-index:10;box-sizing:border-box;padding:0px 0px 50px 0px;background-color:#fff;}
    .search.show .searchbg {display:block;animation:fadein .5s forwards;}
    .search.show .searchbox {animation:showsearch .2s forwards;}
    .searchbox .sinput input {border:1px solid #ddd;background-color:#f3f3f3;border-radius:0;box-sizing:border-box;font-size:.8rem;color:#333;}
    .searchbox .sinput input::placeholder {color:#999;}
    .searchbox .sinput {border-bottom:1px solid #ddd;padding:15px;}
    .searchbox .sbtn {top:15px;right:15px;}
    .searchbox .sbtn button {border-radius:0;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;}
    .headlogin {height:50px;padding:10px 10px 10px 0;}
    .headlogin span {padding:0;line-height:30px;}
    .headright {margin-left:10px;margin-right:10px;}
    .headlogin span button svg {display:block;width:100%;height:100%;fill:var(--color-main);box-sizing:border-box;padding:5px;}
    html.novel .headlogin span {margin-right:0;margin-left:10px;}
    html.novel .headlogin span button svg {padding:2px;}
    html.novel .headlogin span a {height:30px;padding:0;}
    html.novel .headlogin span a svg {height:24px;}
    html.novel .headlogin span a b {font-size:0;display:none;}
    html.novel .headlogin span button svg {width:24px;}
    .headlogin span.mshow {display:inline-block;}
    .headlogin span a {display:inline-block;vertical-align:top;height:30px;line-height:30px;font-style:normal;padding:0 10px 0 0;}
    .headlogin span a b {font-weight:normal;font-size:.9rem;display:inline-block;vertical-align:top;white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis;color:var(--color-main);}
    .headlogin span a svg {display:block;float:left;width:26px;height:30px;fill:var(--color-main);box-sizing:border-box;padding:2px;}
    .navmain, html.novel .navmain {display:block;position:fixed;top:0px;width:60%;left:100%;z-index:11;height:100%;padding:0px 0 0 0 ;box-sizing:border-box;background-color:unset;}
    .navmain ul, html.novel .navmain ul {display:block;position:absolute;top:0px;width:100%;right:0;height:100%;background-color:#fff;padding:10px;z-index:1;}
    .navs {border-top:0;background-image:none;background-color:#eee}
    .navmain ul li {display:block;width:auto;margin:0;padding:0;}
    html.novel .navmain ul li {margin:5px;width:auto;border-radius:0px;}
    html.novel .navmain li.now {}
    html.novel .navmain li a {padding:0 10px;border-radius:8px;background:var(--color-main)}
    .navmain li a {padding:0 10px 0 20px;}
    .navmain ul li svg {}
    .navmain ul li a:hover svg {}
    .navmain li a:hover, .navmain li a:active {}
    .navmain li.now a {background-color:rgba(0,0,0,0.05)}
    .navmain ul li.now svg, .navmain ul li.now a:hover svg {}
    .navmain li.now:after {background-color:var(--color-main);width:40%;  left:15px;}
    nav.show .navmain {display:block;animation:shownav 0.2s forwards;}
    html.novel nav.show .navmain {z-index:10;height:100%;position:fixed;}
    .navs ul {white-space:nowrap;overflow-x:auto;margin:0;height:40px;box-sizing:border-box;padding:0 10px;}
    .navs ul li {height:40px;line-height:40px;margin-right:0;padding:0 20px;}
    .navbg {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;display:none;opacity:0;}
    nav.show .navbg {display:block;animation:fadein 0.5s forwards;}
    nav.show {z-index:10;}
    .navbg button {display:block;width:100%;height:100%;border:0;background:var(--background-popbg);margin:0;padding:0;}
    .pageleft, .pageright, .pagecenter, html.novel .pageleft, html.novel .pageright {display:block;width:auto;padding:10px 10px 0 10px;border-width:0;}
    .main-vlist li, .pageleft .main-vlist ul li {width:50%;}
    /* Book页面猜你喜欢区域：手机端一条数据一排，添加padding */
    #guessPanel .main-vlist li, #guessPanel .pageleft .main-vlist ul li {width:100%;}
    .tagnav .tagnavdl dd {display:none;}
    .tagnav {padding:0 0 5px 0;}
    .tagnavdl {padding:0;}
    .tagnav dl {height:auto;}
    .tagnav dt {height:50px;font-size:1.1rem;}
    .tagnav dt a em {float:none;text-align:center;height:20px;line-height:20px;display:block;font-size:.8rem; background:rgba(0,0,0,0.2);opacity:0.6;}
    .tagnav dt a b {background:unset;}
    .changepage {padding:10px 0 20px 0;}
    .changepage li {margin-bottom:5px;}
    .changepage li.start,
    .changepage li.prv,
    .changepage li.next,
    .changepage li.end {display:inline-block}
    .searchlist ul li {width:100%;margin-bottom:0px;}
    .searchlist .infos {padding:0 0 20px 0;}
    .searchlist .infos .name { font-size:1.2rem;padding:0px 0 5px 0;}
    .searchlist .infos .desc {}
    .searchlist .infos .author {font-size:.8rem;padding:0 0 5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .sort {padding:10px 0 20px 0;}
    .filterbox dl {padding:10px 10px 5px 10px;}
    html.novel .filterbox dl {border-bottom:2px solid #fff;}
    .filter {padding:0px;border-bottom-width:3px;}
    html.novel .filter {border-bottom:2px solid #fff;border-top:2px solid #fff;background-color:#f3f3f3}
    .filterbox {background-color:unset;}
    .filterbox dd ul {max-height:145px;overflow:hidden;overflow-y:auto;}
    .filterbox dd li {padding:2px 0;margin:0 6px 0 0;}
    .main-vlist ul {margin:0 -5px;}
    .main-vlist li {padding:0 5px 15px 5px;}
    .main-vlist li .name {font-size:1.1rem;}
    .usercenter .main-vlist li {width:50%;}
    .main-vlist ul li span.del {right:5px;}
    .popwindowbody {width:90%;}
    .mobiles.headback { display:block !important; float:left; width:30px; height:30px; padding:0px 0px 0px 0px;margin-left:5px; position:relative; z-index:2; }
    .headback { float:left; width:30px; height:30px; padding:10px 5px 0 5px; }
    .headback button { display:block !important; width:100%; height:100%; border:0; background-color:transparent; }
    .headback svg { display:block; width:100%; height:100%; fill:#fff; box-sizing:border-box; padding:5px 0; }
    html.novel .headback svg {fill:#666}
    .searchbtn {float:left;width:30px;height:30px;padding:0px 0 0 10px;}
    .searchbtn svg {fill:#fff;display:block;width:30px;height:30px;margin:0;box-sizing:border-box;padding:3px;}
    html.novel .searchbtn svg {fill:var(--color-main);padding:3px;width:24px;height:24px;}
    .searchbtn button {display:block;width:30px;height:30px;border:0;background:none;padding:0;}
    html.novel .searchbtn button {background-color:#fff;border-radius:40px;border:3px solid #fff;box-sizing:border-box;box-shadow:0 3px 5px rgba(0,0,0,0.2)}
     htm.novel .searchbtn button {background-color:#fff;}

    .curchap {margin-block:0;}
    .chaplist {border:0;border-bottom:1px solid #ddd;}
    .curchap a {border-width:1px 0;padding:8px 5px;line-height:110%;padding-left:40px;}
    .ratingbox {padding:5px 55px 0 10px;position:relative;}
    .ratingnum {padding:0;width:55px;top:7px;right:0;position:absolute;text-align:center;font-size:1.4rem;}
    .bookbox .funbtn {padding:8px 15px 15px 15px;}
    .rankbox { padding: 0; width: 100%; overflow: hidden; }
    .rankbox dl, .twocat .rankbox dl { width: 33.33%;padding:0;}
    .rankbox dl dt { padding: 10px 0;}
    .rankbox dl dd { width: 300%; box-sizing: border-box; position: relative; transition: all 0.3s; }
    .rankbox dt.now { color: var(--color-main); font-weight: bold; }
    .rankbox dl dd h3, .rankbox dl dd h3 button {font-size:1.1rem;}
    .rankbox dd.d1, .rankbox dd.d101 { left: 0; padding: 15px 10px 15px 10px; }
    .rankbox dd.d2, .rankbox dd.d102 { left: 200%; }
    .rankbox dd.d3, .rankbox dd.d103 { left: 100%; }
    .rankbox dl dd ul { font-size: 0;padding-top:0;}
    .rankbox dl dd ul li { padding: 10px 10px 10px 10px; width: 100%; display: inline-block; box-sizing: border-box; }
    .rankbox dd.d1 { left: 0; padding: 15px 10px 15px 10px; }
    .rankbox dd.d2 { left: 200%; }
    .rankbox dd.d3 { left: 100%; }
    .rankbox.d2 dd.d1 { left: -300%; }
    .rankbox.d2 dd.d2 { left: -100%; }
    .rankbox.d2 dd.d3 { left: 100%; }
    .rankbox.d3 dd.d1 { left: -300%; }
    .rankbox.d3 dd.d2 { left: -500%; }
    .rankbox.d3 dd.d3 { left: -200%; }
    .rankbox dl dt { display: none; }
    .rankbox dl dt.mobiledt { display: block; }
    .rankbox dl { padding: 0; }
    .curchap a svg {width:20px;height:30px;position:absolute;left:10px;top:50%;margin-top:-16px;}
    .curchap a em {font-size:.9rem;margin:0 8px 0 0;}
    .curchap a .lastchap span {font-size:1.1rem;}
    .curchap a .lastchap span:last-child {top:8px;}
    html body .pcs {display: none;}
    .chapterlist li {width:100%}
    .userpage {border-width:0;}
    .usermenu {position:unset;width:100%;box-sizing:border-box;padding:10px;background-color:unset;}
    .userface {position:relative;margin:0;float:left;width:80px;height:80px;border-width:1px;border-radius:50%;top:unset;left:unset;box-shadow:0 3px 6px rgba(0,0,0,0.2);border:2px solid #fff;}
    .userface button {width:100%;height:100%;background-color:transparent;}
    .userface button svg {padding:4px;display:block;position:absolute;left:0;bottom:0;width:100%;height:20px;opacity:1;}
    .userinfos {width:auto;overflow:hidden;min-height:90px;padding:0 0 0 10px;}
    .username, .usercoin, .uservip {text-align:left;}
    .uservip svg, .usercoin img {width:20px;height:20px;padding:0;}
    .usercoin, .uservip {line-height:20px;white-space:nowrap;font-size:.9rem;}
    .mylist {padding:0px 0;}
    .usermenu .mylist {border-block:1px solid #ddd;background-color:#f3f3f3;margin:0 -10px;}
    .usermenu .mylist li a > div {display:inline-block;vertical-align:top;}
    .usermenu .mylist ul {font-size:0;display:flex;display:block;flex-wrap:nowrap;align-items:stretch}
    .usermenu .mylist li {display:inline-block;width:33.33%; vertical-align:top;border-bottom:0;height:100%;padding:0px 0 0px 0;position:relative;}
    .usermenu  li > a > div > svg, .usermenu .mylist li a > div img {margin:0;height:24px;fill:#999;display:inline-block;vertical-align:middle;width:20px;margin-right:3px;}
    .usermenu li >a {display:block;width:100%;height:auto; text-align:center;padding:10px 0;}
    .usermenu .mylist li > a > div > svg path {fill:#999;}
    .usermenu  li.now > a > div > svg {fill:var(--color-main2);}
    .usermenu .mylist li.now > a > div > svg path {fill:var(--color-main2);}
    .usermenu .mylist li a > div:first-child, .usermenu .mylist li a > div {font-size:1rem;text-align:center;line-height:24px;}
    .mylist li.now {background-color:unset;}
    .mylist li.now a {color:var(--color-main2)}
    .mylist.center li {padding:0px;}
    .mylist.center li a {display:block;padding:13px 10px;}
    .mylist.center li a:active {background-color:rgba(0,0,0,0.05)}
    .mylist.center {padding:10px 0;border-top:1px solid #ddd;padding:0;margin:10px -10px;}
    
    .indexmore {padding:0;}
    .indexmore .filter {float:none;width:100%;}
    .indexmore .filter .pagetitle {padding:0 10px; font-size:1rem;}
    .pagetitle h3 {font-size:1.2rem;}
    .indexmore .filter dt {padding-top:0;}
    .indexmore .filter {margin-bottom:10px;}
    .filterbox dt {min-width:60px;font-size:.85rem;display:block;float:none;padding:0px 0 5px 5px;height:auto;line-height:1rem;}
    .sort span {padding:0 10px;}
    .sort span:last-child {border-right:0;padding-right:0;}
    .chapterPage {white-space:nowrap;overflow:hidden;overflow-x:auto;padding:4px;display:block;}
    .chapterPage li a {padding:0 10px;}
    .chaptitle {padding:10px 0 0 0;}
    .pagetitle {padding-bottom:0;}
    .main-vlist .hiscont>div span {font-size:.8rem;}
    .main-vlist .hiscont > div {font-size:.85rem;}

    .chaptitle h4 {display:block;padding:0;height:30px;line-height:30px;}
    .chapterPage li {height:40px;line-height:36px;}
    .chapterlist li a h3 {padding-left:40px}
    .chaplistpop .chapterlist { position: relative; z-index: 0; padding: 93px 5px 5px 5px; height: 100%; box-sizing: border-box; overflow: hidden; overflow-y: auto; }
    .chaplistpop .chapterlist li a { padding: 5px 20px 5px 5px; line-height: 30px; }
    .chaplistpop { display: none; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
    .chaplistpop.show {display:block;animation:fadein 0.3s forwards;}
    .chaplistpopbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;display:block;}
    .chaplistpopbg button {display:block;width:100%;height:100%;background-color: rgba(0,0,0,0.7); }
    .chaplistpop .chaplist { position: absolute; top: 20%; left: 5%; width: 90%; height: 60%; box-sizing: border-box; border-radius: 10px; overflow: hidden; overflow-y: auto; }
    .bookmenulist { display: block; padding: 0; position: relative; }
    .bookmenulist button { display: block; width: 100%; border: 0; background: #fff; padding: 8px 8px 8px 30px; position: relative; height: 51px; box-sizing: border-box; border-bottom: 1px solid #ddd; text-align: left; font-size: 16px; cursor: pointer; }
    .bookmenulist button:hover { background-color: #f6f6f6; }
    .bookmenulist button svg { display: block; width: 20px; height: 20px; top: 50%; margin-top: -10px; left: 5px; fill: #ccc; position: absolute; }
    .rating-stars {display:block;width:100%;}
    .rating-stars .rating-stars-container {display:flex;}
    .navmain li.now a:after {display:none;}
    .pagebodybox.border-bottom {border-bottom:0;}
    .pageleft .main-vlist .main-nlist li, .main-vlist .main-nlist li {padding-bottom:10px;}
    .main-vlist .main-nlist li, .pageleft .main-vlist .main-nlist li, .main-nlist li {width:100%;}
    header:after {background-size:auto 100%;height:50px;width:100%;background-position:center;}
    header:before {display:none;}
    header {}
    .imgbox:before { box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset; }
    .pagecenter .main-nlist .cover, .ztbody .main-nlist .cover, .main-nlist li .cover {width:126px;}
    .pagecenter .main-nlist li .listdata,
    .ztbody .main-nlist li .listdata,
    .main-nlist li .listdata
    {left:0;position:relative;}
    .main-nlist li .name, .pagecenter .main-nlist li .name {padding-top:0; font-size:20px;line-height:28px;height:28px;}
    .pageleft .main-nlist li .name {height:28px;}
    .main-nlist li .desc {margin:0;}
    .pageleft .main-nlist li .desc {padding-top:10px;margin-bottom:0px;}
    .main-nlist li .listdata {font-size:.75rem;}
    .main-vlist li .listdata span.author {max-width:40px;overflow:hidden;text-overflow:ellipsis;vertical-align:top;}
    .main-nlist li .listdata span.author,
    .main-vlist ul.main-nlist li .listdata span.author,
    .pagecenter .main-nlist li .listdata span.author
    {display:block;max-width:unset;}
    .main-nlist li .desc,
    .pagecenter .main-nlist li .desc{margin:5px 0}
    .pageleft .main-nlist li .listdata {
        left: 126px;
        bottom: 23px;
        position: absolute;
    }
    .pageleft .main-nlist li .tag {padding-top:58px;padding-bottom:0;}
    .pageleft .main-nlist li .tag span {display:block;padding-left:0;padding-top:5px;}
    .messagelist {border-radius:0;box-shadow:unset;margin:10px -10px;}
    .messagelist h4 {border-radius:0;}
}

/* === Mobile overrides for header actions, nav, and layout === */
@media screen and (max-width: 980px) {
    .pagebody, .pagebodybox { max-width: 100%; padding: 0; }
}
@media screen and (max-width: 767px) {
    /* hide history/subscription buttons in header on mobile */
    .headlogin .pcs { display: none !important; }

    /* ensure nav container fills width when opened */
    nav .navbox { width: 100%; }

    /* make sections full-width stacked */
    .pagebody, .pagebodybox { max-width: 100%; padding: 0; }
    .pageleft, .pageright { width: 100% !important; float: none !important; margin: 0 !important; }

    /* optional styling for the new mobile menu button */
    .menubtn { display:block !important; padding: 0 0 0 10px; width: auto; height: auto; float: none; align-self: center; }
    .menubtn button { display: block; width: 30px; height: 30px; border: 0; background: #fff; padding: 0; border-radius: 40px; border: 3px solid #fff; box-sizing: border-box; box-shadow: 0 3px 5px rgba(0,0,0,0.2); }
    .menubtn svg { fill: var(--color-main); display: block; width: 30px; height: 30px; box-sizing: border-box; padding: 3px; }
    html.novel .menubtn svg { fill: var(--color-main); width: 24px; height: 24px; padding: 3px; }

    /* 移动端导航里新增条目标注和增强可点击区 */
    .navmain ul li a { height: 50px; line-height: 50px; font-size: 1.1rem; padding-left: 20px; }
    .navmain ul li a b { font-size: 1.1rem; font-weight: bold; }
    .navmain ul li a span { height: 50px; line-height: 50px; }

    /* 修正主容器在移动端的内边距 */
    .main { padding: 0; background-color: unset; }
}
@media screen and (max-width:320px) {
    .footer ul li a {font-size:0rem;}
    .main-nlist li .listdata {font-size:.7rem;}
}
@font-face {
    font-family: 'manhua';
    src: url('/lib/fonts/manhua.eot?vx64f3');
    src: url('/lib/fonts/manhua.eot?vx64f3#iefix') format('embedded-opentype'), url('/lib/fonts/manhua.ttf?vx64f3') format('truetype'), url('/lib/fonts/manhua.woff?vx64f3') format('woff'), url('/lib/fonts/manhua.svg?vx64f3#manhua') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'manhua' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }
.adholder {width: 100%;text-align: center;margin-left: auto;margin-right: auto;max-width: 1400px;}
.adholder h5 {font-weight: normal;padding: 0;font-size: 20px;text-align: center;margin: 0;background-color: #ded;height: 40px;line-height: 40px;}

/* 排行榜部分 */
.rankbox { margin: 0 auto; max-width: 1400px; padding: 20px 10px; font-size: 0; }
.twocat .rankbox { text-align: center; }
.rankbox dl { display: inline-block; width: 33.33%; vertical-align: top; font-size: 1rem; box-sizing: border-box; padding: 0 10px; }
html.novel .rankbox dl { }
.rankbox dl dt { display: block; text-align: center; font-size: 2rem; color: #333; padding-bottom: 20px; }
.rankbox dl dt.mobiledt { display: none; }
.rankbox dl dd { display: block; background-color: #f3f3f3; border-radius: 6px; margin-bottom: 10px; padding: 15px 20px; text-align: center; }
.rankbox dl dd h3 { color: #333; font-size: 1.5rem; padding-bottom: 3px; display: inline-block; margin: 0 10px; font-weight: normal; cursor: pointer; }
.rankbox dl dd h3 button {border:0;background:transparent;display:block;width:100%;height:100%;font-size: 1.3rem;}
.rankbox dl dd h3.now { color: var(--color-main); border-bottom: 2px solid var(--color-main); }
.rankbox dl dd ul {padding-top: 15px; text-align: left;}
.rankbox dl.h1 dd ul:nth-child(4){display:block;}
.rankbox dl.h2 dd ul:nth-child(5){display:block;}
.rankbox dl.h3 dd ul:nth-child(6){display:block;}
.rankbox dl dd ul li { padding: 8px; font-size: 1.1rem; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.rankbox dl dd ul li strong { display: inline-block; vertical-align: top; height: 20px; width: 20px; font-size: .9rem; color: #fff; border-radius: 50%; background-color: #ccc; text-align: center; line-height: 20px; margin-right: 5px; }
.rankbox dl dd ul li a {color:#333;}
.rankbox dl dd ul li a:hover { color: var(--color-main) }
.rankbox dl dd ul li:nth-child(1) strong { background-color: #ff5600 }
.rankbox dl dd ul li:nth-child(2) strong { background-color: #f69700 }
.rankbox dl dd ul li:nth-child(3) strong { background-color: #eecc00 }
.rankbox dl dd ul li.more { text-align: center; padding-top: 20px; display: block; clear: both; width: 100%; }
.rankbox dl dd ul li.more a { display: inline-block; padding: 10px 15px; border-radius: 50px; background-color: var(--color-main); color: #fff; }
.rankbox dl.t1class.h1 dd h3:nth-child(1),
.rankbox dl.t1class.h2 dd h3:nth-child(2),
.rankbox dl.t1class.h3 dd h3:nth-child(3),
.rankbox dl.t2class.h1 dd h3:nth-child(1),
.rankbox dl.t2class.h2 dd h3:nth-child(2),
.rankbox dl.t2class.h3 dd h3:nth-child(3),
.rankbox dl.t3class.h1 dd h3:nth-child(1),
.rankbox dl.t3class.h2 dd h3:nth-child(2),
.rankbox dl.t3class.h3 dd h3:nth-child(3)
{color: var(--color-main2);border-bottom: 2px solid var(--color-main2);}
.rankbox dl.t1class.h1 dd h3:nth-child(1) button,
.rankbox dl.t1class.h2 dd h3:nth-child(2) button,
.rankbox dl.t1class.h3 dd h3:nth-child(3) button,
.rankbox dl.t2class.h1 dd h3:nth-child(1) button,
.rankbox dl.t2class.h2 dd h3:nth-child(2) button,
.rankbox dl.t2class.h3 dd h3:nth-child(3) button,
.rankbox dl.t3class.h1 dd h3:nth-child(1) button,
.rankbox dl.t3class.h2 dd h3:nth-child(2) button,
.rankbox dl.t3class.h3 dd h3:nth-child(3) button
{color: var(--color-main2)}
.rankbox dt.now, .rankbox.d1 dl:nth-child(1) dt button, .rankbox.d2 dl:nth-child(2) dt button, .rankbox.d3 dl:nth-child(3) dt button { color: var(--color-main); font-weight: bold; }
.rankbox dl dt button {border:0;background:transparent;display:block;width:100%;height:100%;font-size: 1.3rem; }

        @media screen and (max-width:1280px) {
    .main-vlist li {width:20%;}
    .pageleft .main-vlist ul li {width:25%;}
    .main-vlist .main-nlist li {width:33.33%;}
    html.novel .pageleft {width:62%;}
    html.novel .pageright {width:38%;}
    .pageleft .main-vlist .main-nlist li {width:100%;}
    .main-vlist .main-nlist li {width:50%;}
    .pagecenter .main-nlist .cover {width:150px;}
    .pagecenter .main-nlist li .listdata {left:150px;}
    .main-nlist li .listdata span {margin-right:0;}
    .pagecenter .main-nlist li .listdata span.author {max-width:40px;overflow:hidden;text-overflow:ellipsis;vertical-align:top;}
}
@media screen and (max-width:767px) {
    .rankbox { padding: 0; width: 100%; overflow: hidden; }
    .rankbox dl, .twocat .rankbox dl { width: 33.33%;padding:0;}
    .rankbox dl dt { padding: 10px 0;}
    
    /* 手机端搜索结果样式 - 单行显示 */
    .search-vlist .main-nlist li {
        width: 100% !important;
        display: block !important;
        float: none !important;
        margin-bottom: 15px;
        padding: 10px 5px;
    }
    
    .search-vlist .main-nlist li .cover {
        width: 120px;
        float: left;
        margin-right: 10px;
    }
    
    .search-vlist .main-nlist li .name {
        font-size: 1.4rem;
        line-height: 1.4;
        height: auto;
        margin: 0 0 5px 0;
        padding: 0 0 0 10px;
    }
    
    .search-vlist .main-nlist li .desc {
        font-size: 0.9rem;
        line-height: 1.4;
        height: auto;
        margin: 5px 0;
        padding: 0 0 0 10px;
        -webkit-line-clamp: 2;
    }
    
    .search-vlist .main-nlist li .listdata {
        position: relative;
        left: 0;
        bottom: auto;
        margin: 5px 0 0 0;
        padding: 0 0 0 10px;
    }
    
    .search-vlist .main-nlist li .tag {
        padding: 5px 0 5px 10px;
        font-size: 1rem;
    }
    .rankbox dl dd { width: 300%; box-sizing: border-box; position: relative; transition: all 0.3s; }
    .rankbox dt.now { color: var(--color-main); font-weight: bold; }
    .rankbox dl dd h3, .rankbox dl dd h3 button {font-size:1.1rem;}
    .rankbox dd.d1, .rankbox dd.d101 { left: 0; padding: 15px 10px 15px 10px; }
    .rankbox dd.d2, .rankbox dd.d102 { left: 200%; }
    .rankbox dd.d3, .rankbox dd.d103 { left: 100%; }
    .rankbox dl dd ul { font-size: 0;padding-top:0;}
    .rankbox dl dd ul li { padding: 10px 10px 10px 10px; width: 100%; display: inline-block; box-sizing: border-box; }
    .rankbox dd.d1 { left: 0; padding: 15px 10px 15px 10px; }
    .rankbox dd.d2 { left: 200%; }
    .rankbox dd.d3 { left: 100%; }
    .rankbox.d2 dd.d1 { left: -300%; }
    .rankbox.d2 dd.d2 { left: -100%; }
    .rankbox.d2 dd.d3 { left: 100%; }
    .rankbox.d3 dd.d1 { left: -300%; }
    .rankbox.d3 dd.d2 { left: -500%; }
    .rankbox.d3 dd.d3 { left: -200%; }
    .rankbox dl dt { display: none; }
    .rankbox dl dt.mobiledt { display: block; }
    .rankbox dl { padding: 0; }
}

/* 反馈按钮样式 */
.popfqa {
    position: fixed;
    bottom: 70px;
    right: 0px;
    width: auto;
    height: auto;
    z-index: 4;
}

.popfqa a {
    display: inline-block;
    height: auto;
    line-height: 20px;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 50px 0 0 50px;
    color: #333;
    border: 3px solid #fff;
    background-color: var(--color-main);
    border-right: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.popfqa a svg {
    display: inline-block;
    vertical-align: top;
    height: 20px;
    width: auto;
    box-sizing: border-box;
    padding: 1px 0;
    fill: #fff;
}

.popfqa a span {
    color: #fff;
}

/* 专题页面样式 */
	/* 专题页面样式 */
	.ztplistbox {
		position: relative;
		width: 100%;
		min-height: 100vh;
	}

	/* 兼容旧结构：ztpbg 作为 ztplistbox 的直接子级时也铺满 */
	.ztplistbox .ztpbg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
	}

	.ztplistbox .ztpbg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	/* 原有专题容器 */
	.ztplist {
    display: block;
    position: relative;
    width: 100%;
		min-height: 100vh;
		z-index: 2; /* 内容置于背景之上 */
		box-sizing: border-box;
		background-color: transparent; /* 让背景图可见 */
    margin-top: 0;
    padding-top: 0;
}

/* 专题页面背景图 - 铺满整个容器 */
	.ztplist .ztpbg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}

	.ztplist .ztpbg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 专题页面内部的导航样式 */
	/* 导航在背景上方显示（兼容导航不在 .ztplist 内的结构） */
	.ztplist .navs,
	.ztplistbox .navs {
    position: relative;
    z-index: 2;
    background-color: rgba(238, 238, 238, 0.9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    margin-top: 0;
    padding: 0;
}

html.novel .ztplist .navs {
    background-color: rgba(238, 238, 238, 0.95);
    border-top: 0;
    background-image: none;
}

/* 覆盖专题页内导航列表，确保横向展示 */
.ztplist .navs ul {
    white-space: nowrap;
    overflow-x: auto;
    margin: 8px auto;
    padding: 0;
    box-sizing: border-box;
}

.ztplist .navs ul li {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 20px;
    font-size: 1rem;
}

/* 专题列表容器 */
.ztplist > ul {
    position: relative;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 20px 0;
    min-height: calc(100vh - 150px - 60px); /* 减去header和nav的高度 */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* 重置专题页导航内部列表的上下外边距，避免顶部空白 */
.ztplist .navs ul {
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width:767px) {
    .popfqa {
        display: none;
    }
}