@charset "UTF-8";
/** 复古羊皮纸 — Yangpi5 Parchment Manuscript Theme **/

/* === Scrollbar === */
::-webkit-scrollbar-thumb{background-color:#8b4513;height:15px;-webkit-border-radius:9px}
::-webkit-scrollbar-thumb:hover{background-color:#6b3410;height:15px;-webkit-border-radius:3px}
::-webkit-scrollbar{width:5px;height:8px}
::-webkit-scrollbar-track-piece{background-color:#ddd0b8;-webkit-border-radius:0}
::-webkit-scrollbar-thumb:active{height:15px;background-color:#6b3410;-webkit-border-radius:3px}

/* === Reset & Base === */
*{margin:0;padding:0;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
body{font-family:"Palatino Linotype","Book Antiqua","Noto Serif SC","Songti SC",Palatino,serif;font-size:15px;line-height:1.6;color:#3a2918;background:#ede3d0;box-sizing:border-box;margin:0;padding:0;width:100%;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c4b59a' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
li{list-style:none;box-sizing:border-box;transition:all .3s}
a,a:hover{transition:all .3s;text-decoration:none}
a{color:#6b3410}
a:hover{color:#8b4513;text-decoration:underline}
div{cursor:default;box-sizing:border-box}
p{word-break:break-all}
img{display:inline-block;border:0;vertical-align:middle}
button,input{outline:0}
blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}
li,ol,ul{padding:0;list-style:none}
input,select,textarea{font-family:inherit;box-sizing:border-box}
em{font-style:normal}
output{speak:digits}

/* === Layout === */
.wp{width:1240px;margin:0 auto;clear:both;padding:0 10px}
.container{width:960px;margin:0 auto}
.ov{overflow:hidden}
.z,.left{float:left}
.y,.right,.pull-right{float:right}
.text-right{text-align:right}
.clear:after,.clear:before{display:table;content:" "}
.clear:after{clear:both}
.mt10{margin-top:10px!important}
.mt30{margin-top:30px!important}
.mb10{margin-bottom:10px!important}
.pt10{padding-top:10px!important}
.pb10{padding-bottom:10px!important}
.pl0{padding-left:0!important}
.fs32{font-size:32px!important}
.noempty{min-height:calc(100vh - 276px)}

/* === Header === */
.header{height:auto;width:100%;margin-bottom:0;background:#5c3a1e;overflow:hidden;box-shadow:0 3px 6px rgba(58,41,24,.3);padding:20px 0;font-family:"Palatino Linotype","Book Antiqua",serif;border-bottom:4px double #8b4513}
.header .wp h1.title{width:300px;height:80px;line-height:80px;letter-spacing:5px;color:#ede3d0;font-size:30px;font-weight:400;font-family:"Palatino Linotype","Book Antiqua","Noto Serif SC",serif;text-shadow:2px 2px 4px rgba(0,0,0,.3);overflow:hidden}
.header .wp h1.title>a{color:#ede3d0}
.header .left{width:auto;text-align:center;font-weight:700;font-size:24px;letter-spacing:3px;line-height:24px;color:#ede3d0}
.header .left p{font-size:14px;letter-spacing:0;color:#d4a574}
.header .right{margin-top:6px}
.header a:hover{text-decoration:none;color:#d4a574}

/* Header Search */
.header .search{width:400px;height:88px;padding-top:25px;float:left;margin-top:6px;margin-left:100px}
.header .search .search-form,.header .search form{height:38px;display:flex;align-items:center;width:360px;box-sizing:border-box;margin:0 auto}
.header .search input,.header .search form input{float:left;padding-left:12px;height:36px;border:2px solid #8b4513;border-right:0;background:#f5eadb;color:#3a2918;line-height:36px;width:290px;-webkit-appearance:none;outline:none;font-family:inherit;text-indent:10px;flex-grow:2}
.header .search .btn-tosearch,.header .search form button{padding:0;height:38px;border:none;background:#8b4513;color:#ede3d0;font-size:15px;line-height:38px;cursor:pointer;width:70px;transition:all .3s;font-family:inherit}
.header .search .btn-tosearch span{font-size:20px}
.header .search .btn-tosearch:hover,.header .search form:hover button{background:#6b3410}
.header .search form:hover input{border-color:#6b3410}
.header .search>p{font-size:12px;line-height:16px;padding-top:3px;height:32px;overflow:hidden;color:#d4a574}
.header .login-btn{margin-left:10px;float:right;width:80px;height:35px;background-color:#6b3410;color:#ede3d0;cursor:pointer;border:2px solid #8b4513;line-height:35px;padding-left:20px;background-repeat:no-repeat;background-position:14px 11px;background-size:14px 14px}
.header .login-btn:hover{background-color:#8b4513;color:#fff}

/* Header BD */
.header-bd{width:180px;float:right;height:88px;overflow:hidden}
.header-bd .a1{width:50px;height:60px;display:inline-block;text-align:center;color:#d4a574;margin:15px 10px 0;float:right;font-size:12px;margin-left:10px}
.header-bd .a1:hover{color:#ede3d0}
.header-bd .a1>span{display:block;width:100%;height:38px;line-height:40px}

/* === Navigation === */
.nav{height:42px;line-height:42px;background:#6b3410;clear:both;width:960px;margin:0 auto;overflow:hidden;font-size:15px;border-top:2px solid #8b4513;border-bottom:2px solid #8b4513;font-family:"Palatino Linotype","Book Antiqua",serif}
.nav ul li,.nav li{float:left;padding:0 10px;text-align:center;height:42px;line-height:42px;font-size:15px;width:calc(100% / 12)}
.nav ul li.active,.nav ul li:hover,.nav li:hover{background:#5c3a1e}
.nav li.home{background:#8b4513}
.nav ul li a,.nav li>a{color:#ede3d0;width:100%;height:100%;display:block}
.nav a:hover{text-decoration:none}
.nav .nav-right{width:150px;float:right;text-align:right;margin-top:7px}
.nav .nav-right .a1{background:#8b4513}
.nav .nav-right .a2{background:#d4a574;color:#3a2918}
.nav .nav-right a{color:#ede3d0;display:block;height:26px;line-height:26px;padding:0 8px;border-radius:2px;margin-top:7px;margin-left:10px}
.nav .nav-right a:hover{color:#8b4513;background:#ede3d0}
.nav .nav-right a>span{padding-right:5px}

/* === Breadcrumb === */
.breadcrumb{margin:0 auto;line-height:40px;height:40px;overflow:hidden;color:#7a5c3e}
.breadcrumb li{float:left}
.breadcrumb li:first-child{background-image:url(svg/home.svg);background-repeat:no-repeat;padding-left:20px;background-position:left;background-size:14px auto}
.breadcrumb li+li::before{display:inline-block;padding:0 10px;color:#a08060;content:"/"}
.breadcrumb li:nth-child(3),.breadcrumb li:nth-child(4){max-width:180px}

/* === H4 Section Headers === */
h4{margin:-10px -10px 0;padding:8px 15px;font-size:16px;border-bottom:3px double #8b4513;background:#ddd0b8;color:#3a2918;font-family:"Palatino Linotype","Book Antiqua","Noto Serif SC",serif;letter-spacing:1px}
h4 .pull-right{font-size:12px;line-height:22px}

/* === PHB Title === */
.phb_title{padding:0 15px;height:44px;line-height:44px;font-size:16px;border-bottom:3px double #c4a06a;background:#e6d8c2;font-family:"Palatino Linotype","Book Antiqua",serif;letter-spacing:1px}
.phb_title>b{color:#8b4513;font-weight:700;font-size:16px;display:inline-block;border-bottom:2px solid #8b4513;box-sizing:border-box;height:44px}

/* === Home Lists === */
.list_phb_z{background:#f5eadb;width:310px;box-sizing:border-box;box-shadow:2px 2px 6px rgba(58,41,24,.1);margin:10px 0;border:3px double #c4a06a}
.list_l1 li,.list_l2 li{height:36px;line-height:36px;width:100%;overflow:hidden;border-bottom:1px dotted #c4a06a;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}
.list_l1 li:nth-of-type(2n),.list_l2 li:nth-of-type(2n){background:#ede3d0}
.list_l1 li>span.y{color:#8a7050;font-size:12px}
.list_l1 li>a,.list_l2 li>a{font-size:15px}
.list_l2 li>span{display:block;height:36px;line-height:36px;float:left}
.list_l2 li>.s1{width:12%;text-align:left;color:#a08060}
.list_l2 li>.s2{width:55%}
.list_l2 li>.s4{width:18%;text-align:left;color:#8a7050}
.list_l2 li>.s5{width:15%;text-align:right}
.list_l2 li>.s2>a{font-size:15px}

/* === PHB Image Blocks === */
.phb_img{width:890px;background:#f5eadb;box-sizing:border-box;box-shadow:2px 2px 6px rgba(58,41,24,.1);margin:10px 0;color:#5a4030;border:3px double #c4a06a}
.item_img{width:50%;height:156px;padding:14px 15px;float:left}
.item_img .image{width:100px;height:125px;position:absolute;margin-right:10px;border:2px solid #c4a06a;box-shadow:2px 2px 6px rgba(58,41,24,.15);transition:all .5s}
.item_img .image:hover{box-shadow:3px 3px 10px rgba(58,41,24,.25)}
.item_img .image>a{width:100px;height:125px;overflow:hidden;display:block}
.item_img .image img{width:100px;height:125px;transform:scale(1.03);transition:all .5s}
.item_img .image:hover img{transform:scale(1.1)}
.item_img .phb_info{width:305px;float:right;height:120px;overflow:hidden}
.item_img .phb_info h3{font-weight:700;height:28px;line-height:28px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#3a2918;font-family:"Palatino Linotype","Book Antiqua",serif}
.item_img .phb_info p{height:92px;line-height:23px;color:#6a5040;transition:all .3s;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.item_img:hover .phb_info p{color:#3a2918}

.phb_fm{width:100%;background:#f5eadb;overflow:hidden;box-sizing:border-box;box-shadow:2px 2px 6px rgba(58,41,24,.1);margin:10px 0;border:3px double #c4a06a}
.phb_fm .item_img{width:33.3%;padding:15px 8px}
.phb_fm .item_img .phb_info{width:280px}

/* === Sort / Pagination === */
.sort_page_num{text-align:center;padding:10px;background:#f5eadb;clear:both;box-sizing:border-box;box-shadow:2px 2px 6px rgba(58,41,24,.1);margin:10px 0;border:3px double #c4a06a}
.sort_page_num>a{padding:5px 12px;margin:5px;display:inline-block;background:#ddd0b8;color:#3a2918;border:1px solid #c4a06a}
.sort_page_num>a.page_on{background:#8b4513;color:#ede3d0;border-color:#8b4513}
.sort_page_num>a:hover{background:#c4a06a;color:#3a2918}
.sort_page_num>a.prev_off{background:#e6d8c2;color:#a08060}

/* === Rank === */
.rank .left{width:calc(100% - 305px);padding:10px;background:#f5eadb;border:3px double #c4a06a}
.rank .left .content{overflow:hidden}
.rank .left .content dl{width:calc(50% - 6px);float:left;margin:12px 0 0;overflow:hidden}
.rank .left .content dl:nth-child(2n+0){margin-left:12px}
.rank .left .content dl .cover{float:left;width:106px;height:120px}
.rank .left .content dl img{width:96px;height:120px;background:#e6d8c2;border:2px solid #c4a06a}
.rank .left .content dl dt{height:24px;line-height:24px;overflow:hidden;white-space:nowrap;font-weight:700;font-size:15px;color:#3a2918}
.rank .left .content dl dd{font-size:12px;text-align:justify;height:60px;overflow:hidden;line-height:20px;color:#6a5040;margin:8px 0}
.rank .right{width:250px;padding:10px;background:#f5eadb;border:3px double #c4a06a}
.rank .right ul li{height:32px;line-height:32px;overflow:hidden;border-bottom:1px dotted #c4a06a}
.rank .right ul li a,.rank .right ul li span{float:left}
.rank .right ul li span{margin-right:5px;color:#a08060}
.rank .right ul li a{max-width:calc(100% - 105px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.rank .right ul li a:last-child{max-width:62px;float:right;text-align:right;font-size:12px;color:#8a7050;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank .left ul li{height:32px;line-height:32px;overflow:hidden;border-bottom:1px dotted #c4a06a}
.rank .left ul li span{float:left;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank .left ul li .s1{width:45px;color:#a08060;font-size:12px}
.rank .left ul li .s2{width:30%}
.rank .left ul li .s2 a{color:#3a2918}
.rank .left ul li .s3{width:calc(70% - 200px)}
.rank .left ul li .s3 a{color:#6a5040;font-size:12px}
.rank .left ul li .s4{width:80px;color:#8a7050;font-size:12px;text-align:right}
.rank .left ul li .s5{width:55px;color:#a08060;font-size:12px;text-align:right;float:right}

/* === Sort === */
.sort{margin-top:10px;padding:10px;background:#f5eadb;overflow:hidden;border:3px double #c4a06a}
.sort .content{float:left;width:calc((100% - 32px)/ 3)}
.sort .content:nth-child(n+4){margin-top:20px}
.sort .content:nth-child(3n+2),.sort .content:nth-child(3n+3){margin-left:7.5px;padding-left:7.5px;border-left:1px dotted #c4a06a}
.sort .content .booklist dl{padding:10px 0;height:100px;overflow:hidden;border-bottom:1px dotted #c4a06a}
.sort .content .booklist dl .cover{float:left;width:90px;height:100px}
.sort .content .booklist dl .cover img{width:80px;height:100px;background:#e6d8c2;border:2px solid #c4a06a}
.sort .content .booklist dl dt{display:flex;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;font-size:14px}
.sort .content .booklist dl dt a{max-width:calc(100% - 25px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;color:#3a2918}
.sort .content .booklist dl dd{font-size:12px;text-align:justify;height:40px;overflow:hidden;line-height:20px;color:#6a5040;margin:10px 0}
.sort .content .booklist ul{overflow:hidden}
.sort .content .booklist ul li{height:32px;line-height:32px;overflow:hidden;border-bottom:1px dotted #c4a06a}
.sort .content .booklist ul li a,.sort .content .booklist ul li span{float:left}
.sort .content .booklist ul li a{max-width:calc(100% - 115px);font-size:13px}
.sort .content .booklist ul li a:last-child{max-width:81px;float:right;text-align:right;font-size:12px;color:#8a7050}
.sort .content .booklist ul li span{margin-right:5px}

/* === Ranklist === */
.ranklist{width:auto;padding:10px;background:#f5eadb;border:3px double #c4a06a}
.ranklist .content{overflow:hidden}
.ranklist .content dl{width:calc((100% - 20px)/ 3);float:left;margin:10px 0 0;overflow:hidden}
.ranklist .content dl:nth-child(3n+2){margin-left:10px;margin-right:10px}
.ranklist .content dl .cover{float:left;width:80px;height:100px;margin-right:10px}
.ranklist .content dl img{width:80px;height:100px;background:#e6d8c2;border:1px solid #c4a06a}
.ranklist .content dl dt{height:20px;line-height:20px;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:700;margin-bottom:4px;color:#3a2918}
.ranklist .content dl dd{text-align:justify;height:40px;overflow:hidden;line-height:20px;color:#6a5040;font-size:12px;margin:10px 0}
.rank .left .content dl dd:last-child,.ranklist .content dl dd:last-child,.sort .content .booklist dl dd:last-child{height:20px;overflow:hidden;line-height:20px;margin:0}
.rank .left .content dl dd:last-child a,.ranklist .content dl dd:last-child a,.sort .content .booklist dl dd:last-child a{max-width:90px;float:left;text-align:left;color:#8a7050}
.rank .left .content dl dd:last-child span,.ranklist .content dl dd:last-child span,.sort .content .booklist dl dd:last-child span{float:right;border:1px solid;padding:0 2px;margin-left:5px;margin-top:2px;font-size:12px;line-height:14px;border-radius:1px;color:#6a8a5a}
.rank .left .content dl dd:last-child span:nth-child(2),.ranklist .content dl dd:last-child span:nth-child(2),.sort .content .booklist dl dd:last-child span:nth-child(2){color:#b04530}
.rank .left .content dl dd:last-child span:last-child,.ranklist .content dl dd:last-child span:last-child,.sort .content .booklist dl dd:last-child span:last-child{color:#8a7050}
.ranklist .content li.list-group-item{list-style:none;height:36px;line-height:36px;overflow:hidden;border-bottom:1px dotted #c4a06a;padding:0;margin:0;display:flex;align-items:center}
.ranklist .content li.list-group-item .badge{background:#8b4513;color:#ede3d0;font-size:12px;font-weight:400;padding:2px 6px;border-radius:2px;margin-right:8px;white-space:nowrap;flex-shrink:0}
.ranklist .content li.list-group-item>a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.ranklist .content li.list-group-item>a:first-of-type{flex:1;min-width:0;font-weight:700}
.ranklist .content li.list-group-item>a.text-danger{flex-shrink:0;max-width:280px;font-size:12px;color:#8b4513;text-align:right;margin-left:auto;font-weight:400}
.ranklist .content li.list-group-item small{margin:0 8px;color:#a08060;font-size:12px;flex-shrink:0}

/* === Book Detail === */
.book{height:255px}
.book .cover{width:129px;height:148px;margin-top:10px;float:left}
.book .cover img{width:119px;height:148px;border:3px double #c4a06a;box-shadow:2px 2px 6px rgba(58,41,24,.15)}
.book .booktitle{height:40px;overflow:hidden;border-bottom:3px double #8b4513;display:flex;justify-content:center}
.book .booktitle h1{font-size:22px;line-height:24px;font-family:"Palatino Linotype","Book Antiqua","Noto Serif SC",serif;color:#3a2918;letter-spacing:2px}
.book .booktitle h2:before{content:"/";color:#a08060;padding:0 10px}
.book .booktitle h2{line-height:32px;font-size:14px;color:#6a5040}
.book .bookinfo .bookdes{display:table;line-height:35px}
.book .bookinfo .bookdes p{float:left;width:50%;height:25px;overflow:hidden;color:#5a4030}
.book .bookinfo .bookintro{text-align:justify;line-height:26px;overflow-y:auto;border-top:1px dotted #c4a06a;margin:9px 0;padding-top:3px;height:96px;font-family:"Palatino Linotype","Book Antiqua",serif;padding-right:10px;font-size:14px;color:#5a4030}
.book .bookinfo .bookintro b{color:#3a2918}
.book .bookinfo .bookintro::-webkit-scrollbar{width:2px;height:2px;background-color:#e6d8c2}
.book .bookinfo .bookintro::-webkit-scrollbar-track{border-radius:2px;background-color:#e6d8c2}
.book .bookinfo .bookintro::-webkit-scrollbar-thumb{border-radius:2px;background-color:#8b4513}
.book .bookbtn{display:flex;justify-content:center;border-top:1px dotted #c4a06a;padding-top:12px}
.book .bookbtn a{width:110px;background-color:#8b4513;border:2px solid #8b4513;color:#ede3d0;cursor:pointer;line-height:32px;text-align:center;font-family:"Palatino Linotype","Book Antiqua",serif;font-size:15px;letter-spacing:1px}
.book .bookbtn a:first-child:before{content:"\2600";margin-right:5px}
.book .bookbtn a:last-child:before{content:"\2764";margin-right:5px}
.book .bookbtn a+a{margin-left:10px;background-color:transparent;color:#8b4513}
.book .bookbtn a:hover{background:#6b3410;color:#ede3d0;border-color:#6b3410;text-decoration:none}

/* === Info Page (novel_info) === */
.info_dv1{background:#f5eadb;width:100%;padding:0 10px;position:relative;box-shadow:2px 2px 6px rgba(58,41,24,.1);border:3px double #c4a06a}
.novel_chapter .info_dv1{background:#ede3d0;width:950px;margin-top:10px}
.info_dv1 i{font-style:normal}
.info_dv1 #mobile_read{color:#ede3d0;background:#8b4513}
.info_dv1 #mobile_read:hover{cursor:pointer;background:#6b3410}
.info_dv1 .title{height:60px;line-height:60px;border-bottom:3px double #c4a06a;margin-bottom:10px;padding-left:10px}
.info_dv1 .title>a{color:#a08060;padding:0 5px}
.info_dv1 .title>a:hover{color:#8b4513}
.info_dv1 .title>i{border-radius:2px;font-size:15px;background:#8b4513;margin:15px 10px;height:30px;line-height:30px;transition:all .3s}
.info_dv1 .title>i:hover{background:#6b3410}
.info_dv1 .title>i>a,.novel_chapter .info_dv1 #mobile_read{color:#ede3d0;padding:0 15px;height:30px;line-height:30px;display:block}
.info_dv1 .title>i span{padding-right:3px}
.intro .btn_dv1{width:145px}
.intro .btn_dv1>i{border-radius:2px;font-size:15px;background:#8b4513;margin:15px;height:36px;line-height:36px;transition:all .3s;display:block;text-align:center}
.intro .btn_dv1>i:hover{background:#6b3410}
.intro .btn_dv1>i.sj2{background:#5c3a1e}
.intro .btn_dv1>i.sj2:hover{background:#8b4513}
.intro .btn_dv1>i>a{color:#ede3d0;height:36px;line-height:36px;display:block}
.intro .btn_dv1>i span{padding-right:3px}
.intro{overflow:hidden}
.intro .img{width:210px;height:220px;margin:0 10px 10px 0;padding:5px 20px 10px}
.intro .img>img{width:160px;height:200px;box-shadow:3px 3px 8px rgba(58,41,24,.25);transition:all .3s;border:3px double #c4a06a}
.intro .img>img:hover{transform:scale(1.04)}
.info_dv1 .details{overflow:hidden;width:710px;height:220px;padding:0 10px 0 0}
.info_dv1 .details h2{color:#8b4513;height:50px;line-height:50px;letter-spacing:3px;font-size:26px;padding-top:5px;overflow:hidden;font-family:"Palatino Linotype","Book Antiqua","Noto Serif SC",serif}
.details p.p{height:32px;line-height:28px;font-size:15px;color:#5a4030}
.details p.p>i{margin-right:10px;color:#8a7050}
.details p.p2{line-height:28px;height:120px;color:#6a5040;overflow:hidden;overflow-y:auto;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:16px}
.info_dv1 #ewm{display:none;position:absolute;right:10px;top:10px;background:#f5eadb;width:210px;height:240px;text-align:center;box-shadow:2px 2px 8px rgba(58,41,24,.25);border:3px double #c4a06a}
.info_dv1 #ewm>p{height:20px;line-height:10px}
.info_dv1 #ewm>img{width:210px;height:210px;margin-top:5px}
.info_dv1 #ewm>span{position:absolute;right:5px;top:3px;color:#8b4513;transition:all .3s;cursor:pointer}
.info_dv1 #ewm>span:hover{color:#6b3410}
.info_dv2,.info_dv3{padding:0 10px 10px;background:#f5eadb;box-shadow:2px 2px 6px rgba(58,41,24,.1);margin:10px 0;border:3px double #c4a06a}
.info_dv2 .title,.info_dv3 .title{height:42px;font-size:18px;line-height:42px;border-bottom:3px double #c4a06a;margin-bottom:10px;color:#8b4513;font-family:"Palatino Linotype","Book Antiqua",serif}
.info_dv2 .first_txt{overflow:hidden}
.info_dv2 .first_txt>p{line-height:22px;color:#6a5040}
ul.yanqing_list>li{width:25%;height:36px;line-height:36px;display:inline-block;border-bottom:1px dashed #c4a06a;padding:0 8px}
ul.yanqing_list>li>a{overflow:hidden;height:36px;line-height:36px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:15px;color:#6b3410;cursor:pointer}
ul.yanqing_list>li>a:visited{color:#a08060}
ul.yanqing_list>li>a:hover{color:#8b4513;transition:all .1s}
.info_dv3 .btn-mulu{display:block;width:180px;margin:20px auto 10px;background:#8b4513;color:#ede3d0;font-size:15px;text-align:center;height:42px;line-height:42px;border:2px solid #6b3410;font-family:"Palatino Linotype","Book Antiqua",serif;letter-spacing:2px}
.info_dv3 .btn-mulu:hover{background:#6b3410}
.info_dv3 .title>i.dx{font-size:14px;font-style:normal;padding:0 10px}

/* Novel info overrides */
.novel_info .info_dv1{border-radius:0}
.novel_info .info_dv1 .title{padding:0;height:40px;line-height:40px}
.novel_info .info_dv1 .title>a{padding:0 10px}
.novel_info .intro .img{margin:0;padding:5px;width:160px;height:200px;box-sizing:border-box}
.novel_info .intro .img>img{width:140px;height:180px}
.novel_info .info_dv1 .details{width:710px;height:190px;padding:0}
.novel_info .info_dv1 .details h2{height:40px;line-height:40px;padding-top:0}
.novel_info .details p.p2{font-size:15px;line-height:24px}
.novel_info .intro .btn_dv1{width:100%;clear:both;text-align:center}
.novel_info .intro .btn_dv1>i{width:120px;display:inline-block}
.novel_info ul.section-list>li{width:33.33%}
.novel_info .phb_fm{margin:0}
.novel_info .phb_title{border-bottom:1px solid #c4a06a}
.novel_info #tag_news{margin:0}
.novel_info .div_l1{border-radius:0}
.novel_info .list_phb_z{width:100%}
.novel_info .details p.p2::-webkit-scrollbar{width:0;height:0}
.novel_info .details p.p2::-webkit-scrollbar-track-piece{background-color:#e6d8c2}

/* === Chapters === */
.chapters{margin:0 0 10px;padding:10px;border:3px double #c4a06a;background:#f5eadb}
.chapters h1{font-family:"Palatino Linotype","Book Antiqua","Noto Serif SC",serif;font-size:22px;line-height:24px;margin:20px 0;text-align:center;color:#3a2918;letter-spacing:3px}
.chapters h2{font-weight:400;margin:30px 0;text-align:center;color:#6a5040}
.chapterlist .all,.chapterlist .last{background:#f5eadb}
.chapterlist .all{margin-top:10px}
.chapterlist h3{font-size:14px;border-bottom:3px double #c4a06a;padding-bottom:10px;color:#3a2918}
.chapterlist ul{overflow:hidden;font-family:"Palatino Linotype","Book Antiqua",serif}
.chapterlist li{float:left;width:calc((100% - 60px)/ 4);padding:10px 20px 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dotted #c4a06a;font-size:13px}
.chapterlist li:nth-child(4n){padding-right:0}
.chapterlist li a:visited{color:#a08060}
.novel_chapter .chapter-title{text-align:center;font-size:28px;line-height:60px;padding:0 40px 20px;color:#3a2918;font-family:"Palatino Linotype","Book Antiqua",serif;letter-spacing:3px}
.novel_chapter .info_dv1>p{text-indent:2em;padding-left:60px;padding-right:60px;padding-bottom:1.5em;font-size:22px;color:#3a2918;line-height:2;letter-spacing:.06em}
#chaptercontent p{text-indent:2em;padding-left:60px;padding-right:60px;padding-bottom:1.5em;font-size:22px;color:#3a2918;line-height:2;letter-spacing:.06em}
.novel_chapter .phb_fm,.novel_chapter .phb_title,.novel_chapter #tag_news{background:#ede3d0;margin-top:0}
.novel_chapter .list_phb_z{width:100%;overflow:hidden}
.novel_chapter .list_phb_z .list_l1 li:nth-of-type(2n),.novel_chapter .list_phb_z .list_l2 li:nth-of-type(2n){background:#e6d8c2}
.novel_chapter .div_l1{width:260px}
.novel_chapter .list_l1 li>a,.novel_chapter .list_l2 li>a{font-size:14px}

/* === Bookvote === */
.bookvote{line-height:30px;padding:10px;background:#f5eadb;border:3px double #c4a06a}
.bookvote ul{border-top:1px solid #c4a06a;overflow:hidden}
.bookvote ul li{float:left}
.bookvote ul li:nth-of-type(n+3):before{content:"\3001";padding-left:5px}
.bookvote ul li a{word-break:break-all;color:#6b3410}

/* === Reader === */
.read{background:#f8f0e0;padding:10px;border:3px double #c4a06a;box-shadow:inset 0 0 40px rgba(139,69,19,.05)}
.read h1{text-align:center;font-size:26px;padding:20px 0;width:800px;margin:auto;font-family:"Palatino Linotype","Book Antiqua","Noto Serif SC",serif;color:#3a2918;letter-spacing:3px;border-bottom:3px double #8b4513}
.read .readpage{width:800px;margin:15px auto;text-align:center;padding:15px 0;border-top:1px dotted #c4a06a;border-bottom:1px dotted #c4a06a;font-size:14px}
.read .readpage a{margin:0 10px;color:#6b3410}
.read .readvote{width:800px;margin:15px auto;text-align:justify}
.read .content{width:800px;margin:auto;font-size:22px;letter-spacing:.06em;text-align:justify;line-height:2;font-family:"Palatino Linotype","Book Antiqua","Noto Serif SC",serif;color:#3a2918}
.read .content p{text-indent:2em;margin:24px 0 0;word-break:break-word;word-wrap:break-word}
.read_btn{text-align:center;font-size:15px;line-height:28px;padding-bottom:20px}
.read_btn>a{padding:0 12px;margin:0 5px;cursor:pointer;color:#6b3410}
.read_btn>a:hover{color:#8b4513}
.page_num{text-align:center;font-size:14px;box-sizing:border-box;padding:10px;width:330px;margin:0 auto}
.page_num select{padding:0 10px;height:34px;line-height:35px;box-sizing:border-box;border:2px solid #c4a06a;background:#f5eadb;border-radius:0;margin:0 10px;width:140px;cursor:pointer}
.page_num a{height:34px;line-height:35px;padding:0 15px;display:block;margin:0;box-sizing:border-box;background:#8b4513;color:#ede3d0;transition:all .3s;border:2px solid #6b3410}
.page_num a:hover{background:#6b3410}

/* === Linju List === */
ol.linju-list{padding:10px 10px 10px 28px;margin:0;list-style:decimal}
ol.linju-list li{height:32px;line-height:32px;overflow:hidden;border-bottom:1px dotted #c4a06a;font-size:13px}
ol.linju-list li a{color:#6b3410;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
ol.linju-list li a:hover{color:#8b4513}
.read .readvote ol.linju-list{display:inline;padding:0;list-style:none}
.read .readvote ol.linju-list li{display:inline;height:auto;line-height:inherit;border:none}
.read .readvote ol.linju-list li a{display:inline;white-space:normal}
.read .readvote ol.linju-list li+li::before{content:"\3001"}
.morechapter{display:block;text-align:center;padding:10px;font-size:14px;color:#8b4513;border-top:1px dotted #c4a06a}
.morechapter:hover{color:#6b3410;text-decoration:none}

/* === Pages/Pagination === */
.pages{text-align:center;padding:20px 15px 15px;overflow:hidden}
.pagination{margin:0;display:inline-block;padding-left:0}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:3px 10px;margin-left:5px;text-decoration:none;border:1px solid #c4a06a;color:#5a4030;background:#f5eadb}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;background-color:#e6d8c2}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;cursor:default;color:#8b4513;background:#e6d8c2;border-color:#8b4513}
.listpage{overflow:hidden;padding:8px 0}
.listpage .left{float:left}
.listpage .right{float:right}
.listpage .middle{text-align:center;overflow:hidden}
.listpage .onclick{display:inline-block;padding:3px 15px;border:1px solid #c4a06a;color:#5a4030;font-size:13px}
.listpage .onclick:hover{background:#e6d8c2;text-decoration:none}
.listpage select{padding:3px 8px;border:1px solid #c4a06a;font-size:13px;background:#f5eadb}

/* === Taglist === */
.taglist{padding:10px;background:#f5eadb;border:3px double #c4a06a}
.taglist h4{margin:-10px -10px 0;padding:8px 15px;font-size:16px;border-bottom:3px double #8b4513;background:#ddd0b8}
.taglist ul{overflow:hidden;padding:10px 0 0}
.taglist li{float:left;padding:3px 8px;font-size:13px}
.taglist li a{color:#6b3410}
.taglist li a:hover{color:#8b4513}

/* === Div Layout === */
.div_l1{width:320px;overflow:hidden}
.div_l2{width:890px}
.div_l1 .phb_fm .item_img{width:100%;padding:10px;overflow:hidden;height:101px;box-sizing:border-box;border-bottom:1px solid #ddd0b8}
.div_l1 .phb_fm .item_img .phb_info{width:225px;height:80px}
.div_l1 .phb_fm .item_img .phb_info p{height:72px;line-height:18px}
.div_l1 .item_img .image{width:65px;height:80px;margin-right:5px}
.div_l1 .item_img .image>a{width:65px;height:80px}
.div_l1 .item_img .image img{width:65px;height:80px}

/* === Tmpbook === */
#tmpbook li .s1{width:30%}
#tmpbook li .s1 a{color:#3a2918}
#tmpbook li .s2{width:80px;color:#a08060;font-size:12px}
#tmpbook li .s3{width:calc(70% - 200px)}
#tmpbook li .s3 a{color:#6a5040;font-size:12px}
#tmpbook li .s5{width:80px;text-align:right;float:right}
#tmpbook li .s5 a{color:#8b4513;cursor:pointer;font-size:12px}
#tmpbook li .s5 a:hover{color:#6b3410}
#tmpbook li .s5 .a2,.s5 .a3,.s5 .iconfont{display:none}
#tmpbook li .xsdel{display:inline!important;color:#a03020}
#tmpbook li .xsdel:hover{color:#c04030}
#tmpbook li:first-child{background:#ddd0b8;border-bottom:3px double #c4a06a}
#tmpbook li:first-child .s5{float:right}
.novel_tmpbook .txt-list .s1{width:260px}
.novel_tmpbook .txt-list .s2{width:100px}
.novel_tmpbook .txt-list .s3{width:260px;text-align:left}
.novel_tmpbook .txt-list .s5{text-align:center;width:332px;float:right}
.novel_tmpbook .txt-list .s5>a{display:inline-block;padding:0 10px;margin:0 5px;background:#8b4513;height:26px;line-height:26px;border-radius:2px;color:#ede3d0;cursor:pointer;transition:all .3s}
.novel_tmpbook .txt-list .s5>a.xsdel{background:#a03020}
.novel_tmpbook .txt-list .s5>a.a3{background:#5c3a1e}
.novel_tmpbook .txt-list .s5>a:hover{background:#6b3410}
.novel_tmpbook .txt-list{padding:10px;background:#f5eadb}
.novel_tmpbook .txt-list li{border-bottom:1px solid #ddd0b8;height:48px;line-height:48px;overflow:hidden}
.novel_tmpbook .txt-list li>span{float:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:0 10px}
.novel_tmpbook .txt-list li:nth-of-type(2n){background:#ede3d0}
.novel_tmpbook .txt-list li .s1 a{font-size:15px}
.novel_tmpbook .txt-list.txt-list-row5 .s4{width:270px}
.novel_tmpbook .txt-list.txt-list-row5 .s5{width:190px;float:right}

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

/* === Search === */
#novel-search{background:#f5eadb;padding:10px}
#novel-search>li{height:42px;line-height:42px;padding:0 10px}
#novel-search>li:nth-of-type(2n){background:#ede3d0}
#novel-search>li>span{display:inline-block}
#novel-search>li>span.s1{width:80px}
#novel-search>li>span.s2{width:300px}
#novel-search>li>span.s3{width:160px}
#novel-search>li>span.s4{width:380px}
#novel-search>li>span.s5{width:50px;float:right;text-align:right}
.txt-list{padding:10px;background:#f5eadb}
.txt-list li{border-bottom:1px solid #ddd0b8;height:48px;line-height:48px;overflow:hidden}
.txt-list li>span{float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 8px}
.txt-list li:nth-of-type(2n){background:#ede3d0}
.txt-list .s1{width:100px}
.txt-list .s2{width:360px}
.txt-list .s2 a{font-size:15px;color:#3a2918}
.txt-list .s2 a:hover{color:#8b4513}
.txt-list .s3{width:130px}
.txt-list .s3 a{color:#6a5040}
.txt-list .s4{width:420px}
.txt-list .s4 a{color:#8a7050;font-size:14px}
.txt-list .s5{width:80px;text-align:center}
.txt-list .s5 a{color:#8b4513;margin:0 5px;font-size:13px}
.txt-list .s5 a:hover{color:#6b3410}
.txt-list .s5 .xsdel{color:#a03020}
.txt-list .s5 .xsdel:hover{color:#c04030}
.novel_mybook .txt-list .s1{width:240px}
.novel_mybook .txt-list .s2{width:120px}
.novel_mybook .txt-list .s3{width:280px}
.novel_mybook .txt-list .s4{width:280px}
.novel_mybook .txt-list .s5{width:180px}

/* === Links & Footer === */
#links,#tag_news{background:#f5eadb;box-shadow:2px 2px 6px rgba(58,41,24,.1);margin:10px 0;border:3px double #c4a06a}
.link_a{padding:10px}
.link_a>a{margin:10px 5px;color:#a08060}
.link_a>a:hover{color:#8b4513}
.footer{clear:both;text-align:center;padding:20px;background:#5c3a1e;color:#d4a574;margin-top:30px;overflow:hidden;width:960px;margin-left:auto;margin-right:auto;border-top:4px double #8b4513;font-size:12px}
.footer>p.wp{padding:0 10px;box-sizing:border-box;line-height:22px;font-size:12px}
.footer p{text-align:center;line-height:30px}

/* === Tooltip === */
.tooltip{position:absolute;z-index:1070;font-family:"Palatino Linotype","Book Antiqua",serif;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;opacity:0}
.tooltip.in{opacity:.9}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#3a2918}
.tooltip-inner{max-width:400px;padding:3px 8px;text-align:center;border-radius:2px;background:#3a2918;color:#ede3d0;letter-spacing:.05em;box-shadow:2px 2px 6px rgba(58,41,24,.3)}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}

/* === Icon Font === */
@font-face{font-family:"iconfont";src:url('font/iconfont.eot');src:url('font/iconfont.eot') format('embedded-opentype'),url('font/iconfont.ttf') format('truetype'),url('font/iconfont.svg') format('svg')}
.ico{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* === Responsive === */
@media(max-width:1280px){
.wp{width:100%;padding:0 15px;box-sizing:border-box}
.container{width:100%;padding:0 15px;box-sizing:border-box}
.phb_img{width:100%}
.div_l2{width:calc(100% - 340px)}
.header .search{width:300px;margin-left:50px}
.phb_fm .item_img .phb_info{width:calc(100% - 120px)}
}
@media(max-width:1024px){
.item_img{width:100%}
.phb_fm .item_img{width:50%}
.div_l1{width:100%;margin-bottom:10px}
.div_l2{width:100%}
.novel_chapter .div_l1{width:100%}
.novel_chapter .info_dv1{width:100%}
.info_dv1 .details{width:calc(100% - 220px)}
.novel_info .info_dv1 .details{width:calc(100% - 170px)}
}
@media(max-width:768px){
.container{width:100%;padding:0 10px;box-sizing:border-box}
.nav{width:100%}
.footer{width:100%}
.header{height:auto;padding:10px 0}
.header .search{width:100%;margin-left:0;float:none;padding-top:10px}
.header .search .search-form,.header .search form{width:100%}
.header .search input,.header .search form input{width:calc(100% - 70px)}
.header .wp h1.title{width:100%;text-align:center;height:auto;line-height:1.4;font-size:24px}
.header-bd{display:none}
.nav ul li,.nav li{width:auto;padding:0 8px;font-size:13px}
.rank .left{width:100%;margin-bottom:10px}
.rank .right{width:100%}
.rank .left .content dl{width:100%}
.rank .left .content dl:nth-child(2n+0){margin-left:0}
.sort .content{width:100%;float:none}
.sort .content:nth-child(3n+2),.sort .content:nth-child(3n+3){margin-left:0;padding-left:0;border-left:none}
.ranklist .content dl{width:100%}
.ranklist .content dl:nth-child(3n+2){margin-left:0;margin-right:0}
.read h1{width:100%;font-size:20px}
.read .readpage{width:100%}
.read .readvote{width:100%}
.read .content{width:100%;font-size:18px}
.book{height:auto}
.book .cover{float:none;margin:0 auto 10px;display:block;text-align:center;width:auto}
.chapterlist li{width:50%;padding-right:10px}
.chapterlist li:nth-child(4n){padding-right:10px}
.info_dv1 .details{width:100%;height:auto}
.intro .img{width:100%;text-align:center;padding:10px;height:auto;margin:0}
.item_img .phb_info{width:calc(100% - 110px)}
.phb_fm .item_img{width:100%}
.footer{margin-top:15px}
.novel_chapter .info_dv1>p,#chaptercontent p{padding-left:15px;padding-right:15px;font-size:18px}
ul.yanqing_list>li{width:50%}
#novel-search>li>span.s4{display:none}
#tmpbook li .s1{width:45%}
#tmpbook li .s2{display:none}
#tmpbook li .s3{width:calc(55% - 80px)}
}
@media(max-width:480px){
.chapterlist li{width:100%}
.nav ul li,.nav li{font-size:12px;padding:0 5px}
.read .content{font-size:16px;letter-spacing:.04em}
.book .booktitle h1{font-size:18px}
ul.yanqing_list>li{width:100%}
.novel_chapter .info_dv1>p,#chaptercontent p{padding-left:10px;padding-right:10px;font-size:16px;line-height:1.8}
}
