@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
:after,:before{box-sizing:border-box}
ol,ul{list-style:none}
a{color:#8a7a6a;text-decoration:none;outline:0;transition:color .2s}
a:hover{color:#a08878;text-decoration:none}
img{display:block;max-width:100%}
body{background:#e8e4df;color:#5a5550;font:14px/1.7 Georgia,Cambria,"Noto Serif SC",serif;margin:0 auto;max-width:1040px;width:100%;overflow-x:hidden}
.container{position:relative;margin:0 auto;max-width:1040px;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:#4a4540}
div{cursor:default}

/* Topbar */
.topbar{background:#9a8e82;border-bottom:1px solid #b8a89a;color:#e8e4df;height:32px;width:100%;font-size:12px}
.topbar-con{line-height:32px;text-indent:16px;max-width:1040px;margin:0 auto;padding:0 10px}
.topbar-sethome,.topbar-addfavorite{float:left;margin-right:20px}
.topbar a{color:#e8e4df}
.topbar a:hover{color:#fff}
.topbar-right{float:right;font-size:13px}

/* Header */
.header{height:80px;max-width:1040px;margin:auto;position:relative;border-bottom:1px solid #d0c8c0}
.header .logo a{font-family:Georgia,Cambria,serif;display:block;float:left;height:80px;width:260px;line-height:80px;color:#5a5550;font-size:34px;font-weight:700;letter-spacing:3px}
.header .m-user{display:none;float:right}
.search-form{float:left;width:460px;margin:24px auto auto 40px}
.search-form .input-key{border:1px solid #d0c8c0;font:14px/34px Georgia,serif;height:34px;width:300px;background:#f0ece7;outline:none;padding:0 10px;transition:border-color .2s}
.search-form .input-key:focus{border-color:#a08878}
.search-form .btn-tosearch{background:#9a8e82;cursor:pointer;font-size:14px;height:34px;width:85px;border:0;color:#f0ece7;font-family:Georgia,serif;letter-spacing:2px;transition:background .2s}
.search-form .btn-tosearch:hover{background:#a08878}
.search-form #searchType{height:34px;border:1px solid #d0c8c0;color:#7a7570;padding:0 3px;background:#f0ece7}

/* Nav */
.nav{background:#9a8e82;height:42px;overflow:hidden;max-width:1040px;margin:0 auto;padding:0 10px;border-bottom:1px solid #b8a89a}
.nav li{float:left;line-height:42px}
.nav li a{color:#f0ece7;font-size:15px;font-weight:600;padding:0 14px;letter-spacing:1px;font-family:Georgia,Cambria,serif;transition:color .2s}
.nav li a:hover{color:#fff}

/* Layout */
.layout,.layout2{background:#f0ece7;border:1px solid #d0c8c0;float:left;overflow:hidden;width:100%;padding:0;box-shadow:0 1px 3px rgba(90,85,80,.06)}
.layout2{border-color:#c8c0b8;background:#ebe6e0}
.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:#f5f0ea;border:1px solid #d0c8c0;padding:2px;width:120px;height:150px;border-radius:4px}
.layout-col2 .item dl{float:right;width:200px;padding:0 10px}
.layout-col2 .item dl dt{border-bottom:1px solid #d8d0c8;font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#4a4540}
.layout-col2 .item dl dt span{color:#9a9590;float:right;font-weight:400}
.layout-col2 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#7a7570}
.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:#f5f0ea;border:1px solid #d0c8c0;padding:2px;width:120px;height:150px;border-radius:4px}
.layout-col3 .item dl{float:right;width:200px;padding:0 10px}
.layout-col3 .item dl dt{border-bottom:1px solid #d8d0c8;font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#4a4540}
.layout-col3 .item dl dt span{color:#9a9590;float:right;font-weight:400}
.layout-col3 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#7a7570}

/* Section headings */
.layout-tit{background:#b8a89a;color:#f5f0ea;border-bottom:none;font-size:14px;font-weight:600;height:36px;line-height:36px;overflow:hidden;margin:0;padding:0 14px;font-family:Georgia,Cambria,serif;letter-spacing:1px;border-radius:6px 6px 0 0}
.layout-tit a{color:#f5f0ea}
.layout-tit a:hover{color:#fff}
.layout2 .layout-tit{background:#a89888}

/* Text list */
.txt-list{padding:4px 10px}
.txt-list li{border-bottom:1px solid #ddd8d2;height:32px;line-height:32px;overflow:hidden;transition:background .15s}
.txt-list li:hover{background:rgba(160,136,120,.06)}
.txt-list li span{float:left}
.txt-list li a{color:#6a6560}
.txt-list li a:hover{color:#a08878}
.txt-list .s1{width:60px;color:#9a9590}
.txt-list .s5{float:right;color:#9a9590}
.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:#9a9590;width:90px;text-align:right}
.txt-list-row5 .s5{color:#9a9590}

/* Category boxes */
.tp-box{width:33.33%;float:left;border-right:1px solid #d8d0c8}
.tp-box:last-child{border-right:none}
.tp-box h2{background:#e0d8d0;border-bottom:1px solid #d0c8c0;font-size:14px;font-weight:700;padding-left:10px;line-height:28px;height:28px;overflow:hidden;color:#4a4540;font-family:Georgia,Cambria,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:1px solid #d0c8c0;border-radius:4px;padding:1px;background:#f5f0ea}
.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:#4a4540}
.tp-box .top dl dd{line-height:20px;height:60px;overflow:hidden;color:#7a7570}
.tp-box ul{padding:10px 10px 0;overflow:hidden}
.tp-box ul li{border-bottom:1px solid #ddd8d2;color:#9a9590;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:#e0d8d0;float:left;width:150px;margin:12px;padding:12px;position:relative;border:1px solid #d0c8c0;border-radius:8px}
.detail-box .imgbox img{height:150px;width:120px;margin:3px;border-radius:4px}
.detail-box .info{float:left;width:780px;font-size:15px;overflow:hidden}
.detail-box .info .top{padding:0 10px}
.detail-box h1{font-family:Georgia,Cambria,serif;font-size:26px;font-weight:700;overflow:hidden;margin-top:7px;color:#4a4540;letter-spacing:2px}
.detail-box .info p{height:26px;line-height:26px;width:350px;margin:auto;float:left;overflow:hidden;color:#6a6560}
.detail-box .desc{overflow:hidden;line-height:170%;border-top:1px solid #d8d0c8;padding:10px;font-size:13px;height:90px;color:#6a6560}
.detail-box .info .opt a{color:#a08878;font-weight:600;margin-right:8px}
.detail-box .info .opt a:hover{color:#8a7060}

/* 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:#4a4540;font-family:Georgia,Cambria,serif}
.section-list ul{overflow:hidden}
.section-list li{width:25%;padding-left:10px;height:38px;line-height:38px;border-bottom:1px solid #ddd8d2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.section-list li a{color:#6a6560}
.section-list li a:visited{color:#9a9590}
.section-list li a:hover{color:#a08878}

/* 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:#5a5550}

/* Reading content */
.word_read{padding:24px 30px;font-size:15px;background:#f5f0ea;border-left:3px solid #b8a89a}
.word_read>p{text-indent:2em;padding-bottom:1.5em;font-size:18px;line-height:2;color:#4a4540}
.word_read>h3{text-align:center;color:#4a4540;letter-spacing:3px;font-family:Georgia,Cambria,serif;font-size:20px;margin-bottom:10px}
.read_btn{padding:10px;text-align:center}
.read_btn>a{padding:6px 16px;cursor:pointer;color:#6a6560;border:1px solid #c8c0b8;background:#e8e4df;margin:0 6px;transition:all .2s;font-family:Georgia,serif;border-radius:8px}
.read_btn>a:hover{color:#f0ece7;background:#9a8e82;border-color:#9a8e82}

/* 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:1px solid #d0c8c0;background:#f0ece7;border-radius:8px;margin:0 10px;width:140px;cursor:pointer;font-family:Georgia,serif}
.page_num a{height:34px;line-height:34px;padding:0 16px;display:block;margin:0;background:#9a8e82;color:#f0ece7;transition:background .2s;font-family:Georgia,serif;border-radius:8px}
.page_num a:hover{background:#a08878}
.sort_page_num{text-align:center}
.sort_page_num>a{padding:5px 12px;background:#9a8e82;margin:5px;color:#f0ece7;transition:background .2s;border-radius:6px}
.sort_page_num>a.prev_off{background:#c8c0b8;color:#f0ece7}
.sort_page_num>a:hover,.sort_page_num>a.page_on{background:#a08878;color:#fff}
.btn-mulu{padding:10px;display:block;width:200px;text-align:center;margin:14px auto;background:#9a8e82;color:#f0ece7;font-size:16px;font-family:Georgia,Cambria,serif;letter-spacing:2px;transition:background .2s;border:1px solid #b8a89a;border-radius:8px}
.btn-mulu:hover{background:#a08878}

/* Footer */
.pc-footer{border-top:1px solid #d0c8c0;text-align:center;max-width:1040px;margin:0 auto;line-height:24px;padding:16px 10px;color:#e8e4df;font-size:12px;background:#b8a89a}
.pc-footer p{color:#e8e4df}
.footer{max-width:1040px;margin:0 auto}
.xs-show{display:none}
.red{color:#a08878}

/* Sort page filter */
.sort_nav{padding:12px;background:#e0d8d0;border:1px solid #d0c8c0;border-radius:8px}
.sort_nav>p{height:36px;line-height:36px;font-size:14px;border-bottom:1px solid #d8d0c8;padding:0 5px}
.sort_nav>p>span{color:#4a4540;font-weight:700;font-family:Georgia,Cambria,serif}
.sort_nav>p>a{padding:0 8px;color:#8a8580}
.sort_nav>p>a.on{color:#a08878;font-weight:700}
.sort_nav>p>a:hover{color:#a08878}

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

/* 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:#9a9590;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:#9a9590;text-align:right}

/* Login */
.novel_login .login{line-height:50px;background:#f0ece7;overflow:hidden;padding:10px;border:1px solid #d0c8c0;border-radius:12px;margin:50px auto;width:350px;position:relative}
.novel_login .login h2{font-size:18px;text-align:center;height:34px;line-height:24px;border-bottom:1px solid #d8d0c8;color:#4a4540;font-family:Georgia,Cambria,serif;letter-spacing:4px}
.novel_login .login input[type="text"],.login input[type="password"]{width:220px;border:1px solid #d0c8c0;height:30px;line-height:30px;padding-left:10px;background:#f5f0ea;outline:none;border-radius:6px}
.novel_login .login_btn a{display:block;text-align:center;margin:20px 60px;border:1px solid #b8a89a;color:#5a5550;height:40px;line-height:40px;border-radius:8px}
.novel_login .login_btn a.ok{color:#f0ece7;background:#9a8e82}
.novel_login .login_btn a.ok:hover{background:#a08878}
.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:#a08878}
.novel_login .login_code2>img{display:block;margin:20px auto 0;cursor:pointer;width:150px}
.login_xs #logintips{text-align:center;color:#a08878}
.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 solid #d8d0c8}
.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:#9a8e82;height:26px;line-height:26px;color:#f0ece7;cursor:pointer;transition:background .2s;border-radius:4px}
.novel_mybook .txt-list-row5 .s5>a.xsdel{background:#a08878}
.novel_mybook .txt-list-row5 .s5>a:hover{background:#8a7060}

/* 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:#9a8e82;height:26px;line-height:26px;color:#f0ece7;cursor:pointer;transition:background .2s;border-radius:4px}
.novel_tmpbook .txt-list-row5 .s5>a.xsdel{background:#a08878}
.novel_tmpbook .txt-list-row5 .s5>a.a3{background:#8a9a8a}
.novel_tmpbook .txt-list-row5 .s5>a:hover{background:#8a7060}

/* Confirm dialog */
.dvfd{background:#f0ece7;width:200px;height:140px;position:fixed;top:50%;left:50%;margin-top:-70px;margin-left:-100px;box-shadow:0 0 12px rgba(90,85,80,.15);text-align:center;border:1px solid #d0c8c0;border-radius:12px;z-index:99999}
.dvfd .red{display:block;margin:35px 0 15px;font-size:18px;color:#a08878}
.dvfd .qdbtn{background:#9a8e82;display:inline-block;padding:5px 30px;color:#f0ece7;font-size:16px;border:none;cursor:pointer;transition:background .2s;border-radius:8px}
.dvfd .qdbtn:hover{background:#a08878}
#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:1px solid #d0c8c0}
.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 solid #d8d0c8;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 solid #b8a89a}
.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;border-radius:6px 6px 0 0}
.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}
}