@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
:after,:before{box-sizing:border-box}
ol,ul{list-style:none}
a{color:#5a3a1e;text-decoration:none;outline:0;transition:color .2s}
a:hover{color:#8b4513;text-decoration:none}
img{display:block;max-width:100%}
body{background:#ede3d0;color:#3a2918;font:14px/1.7 "Palatino Linotype","Book Antiqua","Noto Serif SC","STSong",serif;margin:0 auto;max-width:1024px;width:100%;overflow-x:hidden}
.container{position:relative;margin:0 auto;max-width:1024px;width:100%;padding:0 10px}
.row{position:relative;margin:10px auto 16px;padding:0}
.clearfix:after,.container:after,.container:before,.row:after,.row:before{display:table;content:" ";clear:both}
.fix{zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{float:left}
.y{float:right}
h1{font-size:28px;font-weight:700}
h2{font-size:22px}
h3{font-size:18px}
h4{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:600;color:#2f1f10}
div{cursor:default}

/* Topbar */
.topbar{background:#2f1f10;border-bottom:2px groove #c4a87c;color:#d4b896;height:32px;width:100%;font-size:12px}
.topbar-con{line-height:32px;text-indent:16px;max-width:1024px;margin:0 auto;padding:0 10px}
.topbar-sethome,.topbar-addfavorite{float:left;margin-right:20px}
.topbar a{color:#d4b896}
.topbar a:hover{color:#f0e0c4}
.topbar-right{float:right;font-size:13px}

/* Header */
.header{height:80px;max-width:1024px;margin:auto;position:relative;border-bottom:2px double #c4a87c}
.header .logo a{font-family:"Palatino Linotype","Book Antiqua","STKaiti","KaiTi",serif;display:block;float:left;height:80px;width:260px;line-height:80px;color:#2f1f10;font-size:36px;font-weight:700;letter-spacing:6px}
.header .m-user{display:none;float:right}
.search-form{float:left;width:460px;margin:24px auto auto 40px}
.search-form .input-key{border:2px solid #c4a87c;font:14px/34px serif;height:34px;width:300px;background:#f5ecd8;outline:none;padding:0 10px;transition:border-color .2s;border-style:groove}
.search-form .input-key:focus{border-color:#8b4513}
.search-form .btn-tosearch{background:#2f1f10;cursor:pointer;font-size:14px;height:34px;width:85px;border:2px solid #c4a87c;color:#d4b896;font-family:"Palatino Linotype",serif;letter-spacing:2px;transition:background .2s}
.search-form .btn-tosearch:hover{background:#8b4513}
.search-form #searchType{height:34px;border:2px groove #c4a87c;color:#5a3a1e;padding:0 3px;background:#f5ecd8}

/* Nav */
.nav{background:#2f1f10;height:42px;overflow:hidden;max-width:1024px;margin:0 auto;padding:0 10px;border-bottom:3px double #c4a87c}
.nav li{float:left;line-height:42px}
.nav li a{color:#d4b896;font-size:15px;font-weight:600;padding:0 14px;letter-spacing:2px;font-family:"Palatino Linotype","Book Antiqua",serif;transition:color .2s}
.nav li a:hover{color:#f0e0c4}

/* Layout */
.layout,.layout2{background:#f5ecd8;border:2px groove #c4a87c;float:left;overflow:hidden;width:100%;padding:0;box-shadow:2px 2px 6px rgba(60,40,20,.12)}
.layout2{border-color:#b89868;background:#f0e4cc}
.row .layout-col1{width:29%;float:right}
.row .layout-col2{width:70%}
.row .layout-col3{width:100%}

/* Featured items */
.layout-col2 .item{width:50%;padding:8px 0 8px 12px;float:left}
.layout-col2 .item .image{width:120px;max-height:154px;overflow:hidden;float:left}
.layout-col2 .item .image img{background:#f5ecd8;border:2px groove #c4a87c;padding:2px;width:120px;height:150px}
.layout-col2 .item dl{float:right;width:200px;padding:0 10px}
.layout-col2 .item dl dt{border-bottom:1px dashed #c4a87c;font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#2f1f10}
.layout-col2 .item dl dt span{color:#8a7a5c;float:right;font-weight:400}
.layout-col2 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#5a4a32}
.layout-col3 .item{width:33.33%;padding:10px 0 10px 10px;float:left}
.layout-col3 .item .image{width:120px;max-height:154px;overflow:hidden;float:left}
.layout-col3 .item .image img{background:#f5ecd8;border:2px groove #c4a87c;padding:2px;width:120px;height:150px}
.layout-col3 .item dl{float:right;width:200px;padding:0 10px}
.layout-col3 .item dl dt{border-bottom:1px dashed #c4a87c;font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#2f1f10}
.layout-col3 .item dl dt span{color:#8a7a5c;float:right;font-weight:400}
.layout-col3 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#5a4a32}

/* Section headings */
.layout-tit{background:#3d2a16;color:#d4b896;border-bottom:2px double #c4a87c;font-size:14px;font-weight:600;height:36px;line-height:36px;overflow:hidden;margin:0;padding:0 14px;font-family:"Palatino Linotype","Book Antiqua",serif;letter-spacing:2px}
.layout-tit a{color:#d4b896}
.layout-tit a:hover{color:#f0e0c4}
.layout2 .layout-tit{background:#4a3620;border-bottom:2px double #c4a87c}

/* Text list */
.txt-list{padding:4px 10px}
.txt-list li{border-bottom:1px dashed #c4a87c;height:32px;line-height:32px;overflow:hidden;transition:background .15s}
.txt-list li:hover{background:rgba(139,69,19,.05)}
.txt-list li span{float:left}
.txt-list li a{color:#5a3a1e}
.txt-list li a:hover{color:#8b4513}
.txt-list .s1{width:60px;color:#8a7a5c}
.txt-list .s5{float:right;color:#8a7a5c}
.txt-list-row5 .s1{width:75px}
.txt-list-row5 .s2{width:165px}
.txt-list-row5 .s3{width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.txt-list-row5 .s4{color:#8a7a5c;width:90px;text-align:right}
.txt-list-row5 .s5{color:#8a7a5c}

/* Category boxes */
.tp-box{width:33.33%;float:left;border-right:1px dashed #c4a87c}
.tp-box:last-child{border-right:none}
.tp-box h2{background:#e8d8b8;border-bottom:1px groove #c4a87c;font-size:14px;font-weight:700;padding-left:10px;line-height:28px;height:28px;overflow:hidden;color:#2f1f10;font-family:"Palatino Linotype","Book Antiqua",serif}
.tp-box .top{overflow:hidden}
.tp-box .top .image{padding:10px 0 0 10px;float:left}
.tp-box .top .image img{width:72px;height:86px;border:2px groove #c4a87c;padding:1px;background:#f5ecd8}
.tp-box .top dl{padding:10px 10px 0;float:right;width:240px}
.tp-box .top dl dt{height:25px;line-height:25px;overflow:hidden;font-weight:700;color:#2f1f10}
.tp-box .top dl dd{line-height:20px;height:60px;overflow:hidden;color:#5a4a32}
.tp-box ul{padding:10px 10px 0;overflow:hidden}
.tp-box ul li{border-bottom:1px dashed #c4a87c;color:#8a7a5c;height:26px;line-height:26px;font-size:12px;overflow:hidden;float:left;width:50%}

/* Detail page */
.row-detail .layout-col1,.row-section .layout-col1{width:100%;float:none}
.detail-box .imgbox{background:#e8d8b8;float:left;width:150px;margin:12px;padding:12px;position:relative;border:3px double #c4a87c}
.detail-box .imgbox img{height:150px;width:120px;margin:3px}
.detail-box .info{float:left;width:780px;font-size:15px;overflow:hidden}
.detail-box .info .top{padding:0 10px}
.detail-box h1{font-family:"Palatino Linotype","Book Antiqua","STKaiti",serif;font-size:26px;font-weight:700;overflow:hidden;margin-top:7px;color:#2f1f10;letter-spacing:4px}
.detail-box .info p{height:26px;line-height:26px;width:350px;margin:auto;float:left;overflow:hidden;color:#4a3a22}
.detail-box .desc{overflow:hidden;line-height:170%;border-top:1px dashed #c4a87c;padding:10px;font-size:13px;height:90px;color:#4a3a22}
.detail-box .info .opt a{color:#8b4513;font-weight:600;margin-right:8px}
.detail-box .info .opt a:hover{color:#5a2d0a}

/* Chapter section list */
.row-section .layout-tit{text-align:center;font-weight:600}
.section-list h3{display:block;padding:10px;font-size:16px;font-weight:700;color:#2f1f10;font-family:"Palatino Linotype","Book Antiqua",serif}
.section-list ul{overflow:hidden}
.section-list li{width:25%;padding-left:10px;height:38px;line-height:38px;border-bottom:1px dashed #c4a87c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.section-list li a{color:#5a3a1e}
.section-list li a:visited{color:#8a7a5c}
.section-list li a:hover{color:#8b4513}

/* First chapter text */
.first_txt{font-size:14px;padding:20px;line-height:2}
.first_txt>p{text-indent:2em;line-height:28px;margin-bottom:1em;color:#3a2918}

/* Reading content */
.word_read{padding:24px 30px;font-size:15px;background:#f5ecd8;border-left:3px double #8b4513}
.word_read>p{text-indent:2em;padding-bottom:1.5em;font-size:18px;line-height:2em;color:#3a2918}
.word_read>h3{text-align:center;color:#2f1f10;letter-spacing:4px;font-family:"Palatino Linotype","Book Antiqua",serif;font-size:20px;margin-bottom:10px}
.read_btn{padding:10px;text-align:center}
.read_btn>a{padding:6px 16px;cursor:pointer;color:#d4b896;border:2px solid #c4a87c;background:#2f1f10;margin:0 6px;transition:all .2s;font-family:"Palatino Linotype",serif;letter-spacing:1px}
.read_btn>a:hover{color:#fff;background:#8b4513;border-color:#8b4513}

/* Pagination */
.page_num{text-align:center;font-size:14px;padding:10px;width:340px;margin:0 auto}
.page_num select{padding:0 10px;height:34px;border:2px groove #c4a87c;background:#f5ecd8;border-radius:0;margin:0 10px;width:140px;cursor:pointer;font-family:"Palatino Linotype",serif}
.page_num a{height:34px;line-height:34px;padding:0 16px;display:block;margin:0;background:#2f1f10;color:#d4b896;transition:background .2s;font-family:"Palatino Linotype",serif}
.page_num a:hover{background:#8b4513;color:#fff}
.sort_page_num{text-align:center}
.sort_page_num>a{padding:5px 12px;background:#2f1f10;margin:5px;color:#d4b896;transition:background .2s}
.sort_page_num>a.prev_off{background:#c4a87c;color:#fff}
.sort_page_num>a:hover,.sort_page_num>a.page_on{background:#8b4513;color:#fff}
.btn-mulu{padding:10px;display:block;width:200px;text-align:center;margin:14px auto;background:#2f1f10;color:#d4b896;font-size:16px;font-family:"Palatino Linotype","Book Antiqua",serif;letter-spacing:3px;transition:background .2s;border:2px solid #c4a87c}
.btn-mulu:hover{background:#8b4513;color:#fff}

/* Footer */
.pc-footer{border-top:3px double #c4a87c;text-align:center;max-width:1024px;margin:0 auto;line-height:24px;padding:16px 10px;color:#8a7a5c;font-size:12px;background:#2f1f10}
.pc-footer p{color:#8a7a5c}
.footer{max-width:1024px;margin:0 auto}
.xs-show{display:none}
.red{color:#8b4513}

/* Sort page filter */
.sort_nav{padding:12px;background:#e8d8b8;border:2px groove #c4a87c}
.sort_nav>p{height:36px;line-height:36px;font-size:14px;border-bottom:1px dashed #c4a87c;padding:0 5px}
.sort_nav>p>span{color:#2f1f10;font-weight:700;font-family:"Palatino Linotype","Book Antiqua",serif}
.sort_nav>p>a{padding:0 8px;color:#6a5a3c}
.sort_nav>p>a.on{color:#8b4513;font-weight:700}
.sort_nav>p>a:hover{color:#8b4513}

/* Tags */
.tag_news{min-height:40px;line-height:24px}
.tag_news>a{padding:0 5px;color:#5a3a1e}
.tag_news>a:hover{color:#8b4513}

/* Rank lists */
.row-detail .layout-col1,.row-rank .layout-col1,.row-section .layout-col1{width:100%;float:none;margin-bottom:10px}
.row-rank .txt-list li{border-bottom:0}
.row-rank .txt-list .s1{max-width:26px;font-style:italic;color:#8a7a5c;font-family:Verdana}
.row-rank .txt-list .s2{width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-rank .txt-list .s5{width:36px;font-family:Verdana;color:#8a7a5c;text-align:right}

/* Login */
.novel_login .login{line-height:50px;background:#f5ecd8;overflow:hidden;padding:10px;border:3px double #c4a87c;margin:50px auto;width:350px;position:relative}
.novel_login .login h2{font-size:18px;text-align:center;height:34px;line-height:24px;border-bottom:2px dashed #c4a87c;color:#2f1f10;font-family:"Palatino Linotype","Book Antiqua",serif;letter-spacing:6px}
.novel_login .login input[type="text"],.login input[type="password"]{width:220px;border:2px groove #c4a87c;height:30px;line-height:30px;padding-left:10px;background:#f5ecd8;outline:none}
.novel_login .login_btn a{display:block;text-align:center;margin:20px 60px;border:2px solid #c4a87c;color:#2f1f10;height:40px;line-height:40px}
.novel_login .login_btn a.ok{color:#d4b896;background:#2f1f10}
.novel_login .login_btn a.ok:hover{background:#8b4513;border-color:#8b4513}
.novel_login .login .l1{float:left;width:75px;text-align:right}
.novel_login .login .l2{float:left;width:100%;text-align:left;position:absolute;padding-left:100px;right:10px}
.novel_login .login a{height:30px;line-height:30px;color:#8b4513}
.novel_login .login_code2>img{display:block;margin:20px auto 0;cursor:pointer;width:150px}
.login_xs #logintips{text-align:center;color:#8b4513}
.novel_login .login_name,.login_pass,.login_email,.login_code{width:100%;overflow:hidden}
.novel_login .login i{position:absolute;left:29%}
.novel_login .login_code{margin-bottom:0}
.novel_login .login_code2{margin:0;padding:0 0 10px;text-align:center;border-bottom:1px dashed #c4a87c}
.novel_login .login .login_save{width:20px;height:20px;padding:5px}

/* Bookshelf */
.novel_mybook .txt-list-row5 .s1{width:115px}
.novel_mybook .txt-list-row5 .s2{width:115px}
.novel_mybook .txt-list-row5 .s4{width:280px;text-align:left}
.novel_mybook .txt-list-row5 .s5>a{display:inline-block;padding:0 10px;margin:0 10px;background:#2f1f10;height:26px;line-height:26px;color:#d4b896;cursor:pointer;transition:background .2s}
.novel_mybook .txt-list-row5 .s5>a.xsdel{background:#8b4513}
.novel_mybook .txt-list-row5 .s5>a:hover{background:#5a2d0a}

/* Reading history */
.novel_tmpbook .txt-list-row5 .s1{width:258px}
.novel_tmpbook .txt-list-row5 .s2{width:150px}
.novel_tmpbook .txt-list-row5 .s3{width:280px;text-align:left}
.novel_tmpbook .txt-list-row5 .s5{text-align:center;width:280px}
.novel_tmpbook .txt-list-row5 .s5>a{display:inline-block;padding:0 10px;margin:0 10px;background:#2f1f10;height:26px;line-height:26px;color:#d4b896;cursor:pointer;transition:background .2s}
.novel_tmpbook .txt-list-row5 .s5>a.xsdel{background:#8b4513}
.novel_tmpbook .txt-list-row5 .s5>a.a3{background:#5a7a3c}
.novel_tmpbook .txt-list-row5 .s5>a:hover{background:#5a2d0a}

/* Confirm dialog */
.dvfd{background:#f5ecd8;width:200px;height:140px;position:fixed;top:50%;left:50%;margin-top:-70px;margin-left:-100px;box-shadow:0 0 12px rgba(60,40,20,.25);text-align:center;border:3px double #c4a87c;z-index:99999}
.dvfd .red{display:block;margin:35px 0 15px;font-size:18px;color:#8b4513}
.dvfd .qdbtn{background:#2f1f10;display:inline-block;padding:5px 30px;color:#d4b896;font-size:16px;border:2px solid #c4a87c;cursor:pointer;transition:background .2s}
.dvfd .qdbtn:hover{background:#8b4513}
#qs_login a{padding:0 5px;margin:0 5px}
#shuqian{display:none}

/* ===== Responsive ===== */
@media(max-width:768px){
body{font-size:13px}
.topbar{display:none}
.header{height:auto;padding:10px;text-align:center;border-bottom:2px double #c4a87c}
.header .logo a{float:none;display:block;width:100%;height:auto;line-height:1.2;font-size:28px;text-align:center;margin-bottom:8px}
.search-form{float:none;width:100%;margin:0}
.search-form .input-key{width:calc(100% - 90px)}
.nav{height:auto;padding:6px 0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}
.nav li{float:none;display:inline-block;line-height:34px}
.nav li a{font-size:14px;padding:0 10px}
.container{padding:0 8px}
.row .layout-col1,.row .layout-col2,.row .layout-col3{width:100%;float:none}
.layout,.layout2{border:none;box-shadow:none;margin-bottom:8px}
.layout-col2 .item,.layout-col3 .item{width:100%;padding:8px}
.layout-col2 .item .image img,.layout-col3 .item .image img{width:80px;height:100px}
.layout-col2 .item dl,.layout-col3 .item dl{float:none;width:auto;padding-left:95px}
.layout-col2 .item .image,.layout-col3 .item .image{width:80px;position:absolute;top:8px;left:8px}
.layout-col2 .item,.layout-col3 .item{position:relative;min-height:110px}
.tp-box{width:100%;float:none;border-right:none;border-bottom:1px dashed #c4a87c;margin-bottom:8px}
.tp-box .top dl{width:auto;float:none;padding-left:90px}
.tp-box ul li{width:50%}
.detail-box .imgbox{width:100px;margin:10px;padding:8px}
.detail-box .imgbox img{height:110px;width:80px}
.detail-box .info{float:none;width:auto;overflow:visible}
.detail-box h1{font-size:20px}
.detail-box .info p{width:100%;float:none}
.detail-box .desc{height:auto}
.section-list li{width:100%;padding-left:10px;height:36px;line-height:36px}
.txt-list-row5 .s3,.txt-list-row5 .s4{display:none}
.txt-list-row5 .s1{width:70px}
.txt-list-row5 .s2{width:calc(100% - 130px)}
.txt-list-row5 .s5{width:60px}
.word_read{padding:14px 10px;border-left:2px double #8b4513}
.word_read>p{font-size:16px;line-height:1.9}
.word_read>h3{font-size:18px}
.page_num{width:100%;padding:10px}
.page_num select{width:calc(100% - 140px)}
.sort_nav>p{height:auto;line-height:28px}
.pc-footer{padding:10px;font-size:11px}
.layout-tit{font-size:13px;height:32px;line-height:32px}
.novel_login .login{width:90%;margin:20px auto}
.xs-show{display:block}
.xs-hidden{display:none}
.novel_tmpbook .txt-list-row5 .s1{width:40%}
.novel_tmpbook .txt-list-row5 .s2{width:20%}
.novel_tmpbook .txt-list-row5 .s3{display:none}
.novel_tmpbook .txt-list-row5 .s5{width:40%;text-align:right}
.novel_mybook .txt-list-row5 .s1{width:40%}
.novel_mybook .txt-list-row5 .s2{width:20%}
.novel_mybook .txt-list-row5 .s4{display:none}
.novel_mybook .txt-list-row5 .s5{width:40%;text-align:right}
}