@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
:after,:before{box-sizing:border-box}
ol,ul{list-style:none}
a{color:#cd7f32;text-decoration:none;outline:0;transition:color .2s}
a:hover{color:#e8b84c;text-decoration:none}
img{display:block;max-width:100%}
body{background:#1c1810;color:#d4c8a8;font:14px/1.7 Georgia,"Palatino Linotype","Noto Serif SC",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:#e8d5a8}
div{cursor:default}

/* Topbar */
.topbar{background:#0e0c08;border-bottom:1px solid #4a3f2c;color:#8a7e60;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:#8a7e60}
.topbar a:hover{color:#e8b84c}
.topbar-right{float:right;font-size:13px}

/* Header */
.header{height:80px;max-width:1024px;margin:auto;position:relative;border-bottom:2px ridge #4a3f2c}
.header .logo a{font-family:Georgia,"Palatino Linotype","Noto Serif SC",serif;display:block;float:left;height:80px;width:260px;line-height:80px;color:#b8860b;font-size:34px;font-weight:700;letter-spacing:4px}
.header .m-user{display:none;float:right}
.search-form{float:left;width:460px;margin:24px auto auto 40px}
.search-form .input-key{border:2px inset #4a3f2c;font:14px/34px Georgia,serif;height:34px;width:300px;background:#221e14;outline:none;padding:0 10px;color:#d4c8a8;transition:border-color .2s}
.search-form .input-key:focus{border-color:#b8860b}
.search-form .btn-tosearch{background:linear-gradient(to bottom,#b8860b,#8b6914);cursor:pointer;font-size:14px;height:34px;width:85px;border:2px outset #cd7f32;color:#1c1810;font-weight:700;letter-spacing:2px;transition:background .2s}
.search-form .btn-tosearch:hover{background:linear-gradient(to bottom,#e8b84c,#b8860b)}
.search-form #searchType{height:34px;border:2px inset #4a3f2c;color:#d4c8a8;padding:0 3px;background:#28231a}

/* Nav */
.nav{background:#12100a;height:42px;overflow:hidden;max-width:1024px;margin:0 auto;padding:0 10px;border-bottom:3px solid #b8860b}
.nav li{float:left;line-height:42px}
.nav li a{color:#cd7f32;font-size:15px;font-weight:600;padding:0 14px;letter-spacing:2px;transition:color .2s}
.nav li a:hover{color:#e8b84c}

/* Layout */
.layout,.layout2{background:#28231a;border:2px ridge #4a3f2c;float:left;overflow:hidden;width:100%;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.layout2{border-color:#3a3220;background:#2e2818}
.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:#1c1810;border:2px ridge #4a3f2c;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 #4a3f2c;font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#e8d5a8}
.layout-col2 .item dl dt span{color:#8a7e60;float:right;font-weight:400}
.layout-col2 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#a09878}
.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:#1c1810;border:2px ridge #4a3f2c;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 #4a3f2c;font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#e8d5a8}
.layout-col3 .item dl dt span{color:#8a7e60;float:right;font-weight:400}
.layout-col3 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#a09878}

/* Section headings */
.layout-tit{background:linear-gradient(to right,#b8860b,#cd7f32);color:#1c1810;border:2px outset #8b6914;font-size:14px;font-weight:700;height:36px;line-height:36px;overflow:hidden;margin:0;padding:0 14px;letter-spacing:1px}
.layout-tit a{color:#1c1810}
.layout-tit a:hover{color:#3a3220}
.layout2 .layout-tit{background:linear-gradient(to right,#8b6914,#b8860b);border:2px outset #6b5210}

/* Text list */
.txt-list{padding:4px 10px}
.txt-list li{border-bottom:1px dashed #3a3220;height:32px;line-height:32px;overflow:hidden;transition:background .15s}
.txt-list li:hover{background:rgba(184,134,11,.06)}
.txt-list li span{float:left}
.txt-list li a{color:#cd7f32}
.txt-list li a:hover{color:#e8b84c}
.txt-list .s1{width:60px;color:#8a7e60}
.txt-list .s5{float:right;color:#8a7e60}
.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:#8a7e60;width:90px;text-align:right}
.txt-list-row5 .s5{color:#8a7e60}

/* Category boxes */
.tp-box{width:33.33%;float:left;border-right:1px ridge #4a3f2c}
.tp-box:last-child{border-right:none}
.tp-box h2{background:#2e2818;border-bottom:2px ridge #4a3f2c;font-size:14px;font-weight:700;padding-left:10px;line-height:28px;height:28px;overflow:hidden;color:#e8d5a8}
.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 ridge #4a3f2c;padding:1px;background:#1c1810}
.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:#e8d5a8}
.tp-box .top dl dd{line-height:20px;height:60px;overflow:hidden;color:#a09878}
.tp-box ul{padding:10px 10px 0;overflow:hidden}
.tp-box ul li{border-bottom:1px dashed #3a3220;color:#8a7e60;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:#2e2818;float:left;width:150px;margin:12px;padding:12px;position:relative;border:2px ridge #4a3f2c}
.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:Georgia,"Palatino Linotype","Noto Serif SC",serif;font-size:26px;font-weight:700;overflow:hidden;margin-top:7px;color:#e8d5a8;letter-spacing:3px}
.detail-box .info p{height:26px;line-height:26px;width:350px;margin:auto;float:left;overflow:hidden;color:#b0a888}
.detail-box .desc{overflow:hidden;line-height:170%;border-top:1px dashed #4a3f2c;padding:10px;font-size:13px;height:90px;color:#a09878}
.detail-box .info .opt a{color:#b8860b;font-weight:600;margin-right:8px}
.detail-box .info .opt a:hover{color:#e8b84c}

/* Chapter section list */
.row-section .layout-tit{text-align:center;font-weight:700}
.section-list h3{display:block;padding:10px;font-size:16px;font-weight:700;color:#e8d5a8}
.section-list ul{overflow:hidden}
.section-list li{width:25%;padding-left:10px;height:38px;line-height:38px;border-bottom:1px dashed #3a3220;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.section-list li a{color:#cd7f32}
.section-list li a:visited{color:#8a7e60}
.section-list li a:hover{color:#e8b84c}

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

/* Reading content */
.word_read{padding:24px 30px;font-size:15px;background:#221e14;border-left:4px solid #b8860b}
.word_read>p{text-indent:2em;padding-bottom:1.5em;font-size:18px;line-height:2;color:#c8c0a0}
.word_read>h3{text-align:center;color:#e8d5a8;letter-spacing:3px;font-size:20px;margin-bottom:10px}
.read_btn{padding:10px;text-align:center}
.read_btn>a{padding:6px 16px;cursor:pointer;color:#1c1810;background:linear-gradient(to bottom,#b8860b,#8b6914);border:2px outset #cd7f32;margin:0 6px;transition:all .2s;font-weight:700}
.read_btn>a:hover{background:linear-gradient(to bottom,#e8b84c,#b8860b)}

/* 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 inset #4a3f2c;background:#28231a;color:#d4c8a8;border-radius:0;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:linear-gradient(to bottom,#b8860b,#8b6914);color:#1c1810;font-weight:700;transition:background .2s;border:1px outset #cd7f32}
.page_num a:hover{background:linear-gradient(to bottom,#e8b84c,#b8860b)}
.sort_page_num{text-align:center}
.sort_page_num>a{padding:5px 12px;background:linear-gradient(to bottom,#b8860b,#8b6914);margin:5px;color:#1c1810;font-weight:700;border:1px outset #cd7f32;transition:all .2s}
.sort_page_num>a.prev_off{background:#3a3220;color:#8a7e60;border-color:#4a3f2c}
.sort_page_num>a:hover,.sort_page_num>a.page_on{background:linear-gradient(to bottom,#e8b84c,#b8860b);color:#1c1810}
.btn-mulu{padding:10px;display:block;width:200px;text-align:center;margin:14px auto;background:linear-gradient(to bottom,#b8860b,#8b6914);color:#1c1810;font-size:16px;letter-spacing:2px;transition:all .2s;border:2px outset #cd7f32;font-weight:700}
.btn-mulu:hover{background:linear-gradient(to bottom,#e8b84c,#b8860b)}

/* Footer */
.pc-footer{border-top:3px solid #b8860b;text-align:center;max-width:1024px;margin:0 auto;line-height:24px;padding:16px 10px;color:#8a7e60;font-size:12px;background:#0e0c08}
.pc-footer p{color:#8a7e60}
.footer{max-width:1024px;margin:0 auto}
.xs-show{display:none}
.red{color:#cd7f32}

/* Sort page filter */
.sort_nav{padding:12px;background:#2e2818;border:2px ridge #4a3f2c}
.sort_nav>p{height:36px;line-height:36px;font-size:14px;border-bottom:1px dashed #3a3220;padding:0 5px}
.sort_nav>p>span{color:#e8d5a8;font-weight:700}
.sort_nav>p>a{padding:0 8px;color:#a09878}
.sort_nav>p>a.on{color:#b8860b;font-weight:700}
.sort_nav>p>a:hover{color:#e8b84c}

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

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

/* Login */
.novel_login .login{line-height:50px;background:#28231a;overflow:hidden;padding:10px;border:2px ridge #4a3f2c;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 ridge #4a3f2c;color:#e8d5a8;letter-spacing:4px}
.novel_login .login input[type="text"],.login input[type="password"]{width:220px;border:2px inset #4a3f2c;height:30px;line-height:30px;padding-left:10px;background:#1c1810;color:#d4c8a8;outline:none}
.novel_login .login_btn a{display:block;text-align:center;margin:20px 60px;border:2px outset #cd7f32;color:#1c1810;height:40px;line-height:40px;background:linear-gradient(to bottom,#b8860b,#8b6914);font-weight:700}
.novel_login .login_btn a.ok{color:#1c1810;background:linear-gradient(to bottom,#b8860b,#8b6914)}
.novel_login .login_btn a.ok:hover{background:linear-gradient(to bottom,#e8b84c,#b8860b)}
.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:#b8860b}
.novel_login .login_code2>img{display:block;margin:20px auto 0;cursor:pointer;width:150px}
.login_xs #logintips{text-align:center;color:#cd7f32}
.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 #4a3f2c}
.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:linear-gradient(to bottom,#b8860b,#8b6914);height:26px;line-height:26px;color:#1c1810;cursor:pointer;font-weight:700;border:1px outset #cd7f32;transition:all .2s}
.novel_mybook .txt-list-row5 .s5>a.xsdel{background:linear-gradient(to bottom,#8b2500,#6b1a00);color:#e8d5a8;border-color:#8b2500}
.novel_mybook .txt-list-row5 .s5>a:hover{background:linear-gradient(to bottom,#e8b84c,#b8860b)}

/* 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:linear-gradient(to bottom,#b8860b,#8b6914);height:26px;line-height:26px;color:#1c1810;cursor:pointer;font-weight:700;border:1px outset #cd7f32;transition:all .2s}
.novel_tmpbook .txt-list-row5 .s5>a.xsdel{background:linear-gradient(to bottom,#8b2500,#6b1a00);color:#e8d5a8;border-color:#8b2500}
.novel_tmpbook .txt-list-row5 .s5>a.a3{background:linear-gradient(to bottom,#2e5a1a,#1e4a0e);color:#d4c8a8;border-color:#4a7a2e}
.novel_tmpbook .txt-list-row5 .s5>a:hover{background:linear-gradient(to bottom,#e8b84c,#b8860b)}

/* Confirm dialog */
.dvfd{background:#28231a;width:200px;height:140px;position:fixed;top:50%;left:50%;margin-top:-70px;margin-left:-100px;box-shadow:0 0 12px rgba(0,0,0,.6);text-align:center;border:2px ridge #4a3f2c;z-index:99999}
.dvfd .red{display:block;margin:35px 0 15px;font-size:18px;color:#cd7f32}
.dvfd .qdbtn{background:linear-gradient(to bottom,#b8860b,#8b6914);display:inline-block;padding:5px 30px;color:#1c1810;font-size:16px;border:2px outset #cd7f32;cursor:pointer;font-weight:700;transition:all .2s}
.dvfd .qdbtn:hover{background:linear-gradient(to bottom,#e8b84c,#b8860b)}
#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 ridge #4a3f2c}
.header .logo a{float:none;display:block;width:100%;height:auto;line-height:1.2;font-size:26px;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;border-bottom:1px solid #4a3f2c;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 #3a3220;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:3px solid #b8860b}
.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}
}