@charset "UTF-8";
/** 赛博霓虹 — Saibo5 Cyberpunk Neon Theme **/

/* === Scrollbar === */
::-webkit-scrollbar-thumb{background-color:#ff2d95;height:15px;-webkit-border-radius:9px;box-shadow:0 0 6px #ff2d95}
::-webkit-scrollbar-thumb:hover{background-color:#00f0ff;height:15px;-webkit-border-radius:3px;box-shadow:0 0 6px #00f0ff}
::-webkit-scrollbar{width:5px;height:8px}
::-webkit-scrollbar-track-piece{background-color:#0a0a0f;-webkit-border-radius:0}
::-webkit-scrollbar-thumb:active{height:15px;background-color:#00f0ff;-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:"Cascadia Code","Fira Code","JetBrains Mono","Source Code Pro",Consolas,"Courier New",monospace;font-size:14px;line-height:1.5;color:#c8c8d8;background:#0a0a0f;box-sizing:border-box;margin:0;padding:0;width:100%;overflow-x:hidden}
li{list-style:none;box-sizing:border-box;transition:all .3s}
a,a:hover{transition:all .3s;text-decoration:none}
a{color:#00f0ff}
a:hover{color:#ff2d95;text-shadow:0 0 8px rgba(255,45,149,.5)}
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:#0a0a0f;overflow:hidden;border-bottom:2px solid #ff2d95;box-shadow:0 0 20px rgba(255,45,149,.3),0 0 40px rgba(255,45,149,.1);padding:20px 0;font-family:inherit;position:relative}
.header::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00f0ff,#ff2d95,#00f0ff,transparent)}
.header .wp h1.title{width:300px;height:80px;line-height:80px;letter-spacing:4px;color:#ff2d95;font-size:30px;font-weight:700;text-shadow:0 0 10px rgba(255,45,149,.7),0 0 20px rgba(255,45,149,.3);overflow:hidden;text-transform:uppercase}
.header .wp h1.title>a{color:#ff2d95}
.header .left{width:auto;text-align:center;font-weight:700;font-size:24px;letter-spacing:3px;line-height:24px;color:#ff2d95;text-shadow:0 0 10px rgba(255,45,149,.5)}
.header .left p{font-size:14px;letter-spacing:0;color:#00f0ff;text-shadow:0 0 8px rgba(0,240,255,.4)}
.header .right{margin-top:6px}
.header a:hover{text-decoration:none}

/* 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:40px;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:38px;border:1px solid #ff2d95;border-right:0;background:#12121f;color:#00f0ff;line-height:38px;width:290px;-webkit-appearance:none;outline:none;font-family:inherit;text-indent:10px;flex-grow:2;box-shadow:inset 0 0 8px rgba(255,45,149,.15)}
.header .search input::placeholder{color:#555}
.header .search .btn-tosearch,.header .search form button{padding:0;height:40px;border:1px solid #ff2d95;border-left:0;background:#ff2d95;color:#0a0a0f;font-size:15px;line-height:40px;cursor:pointer;width:70px;transition:all .3s;font-weight:700;text-shadow:none}
.header .search .btn-tosearch span{font-size:20px}
.header .search .btn-tosearch:hover,.header .search form:hover button{background:#00f0ff;border-color:#00f0ff;box-shadow:0 0 12px rgba(0,240,255,.5)}
.header .search form:hover input{border-color:#00f0ff;box-shadow:inset 0 0 8px rgba(0,240,255,.15)}
.header .search>p{font-size:12px;line-height:16px;padding-top:3px;height:32px;overflow:hidden;color:#555}
.header .login-btn{margin-left:10px;float:right;width:80px;height:35px;background-color:transparent;color:#00f0ff;cursor:pointer;border:1px solid #00f0ff;line-height:35px;padding-left:20px;background-repeat:no-repeat;background-position:14px 11px;background-size:14px 14px}
.header .login-btn:hover{background-color:#00f0ff;color:#0a0a0f;box-shadow:0 0 12px rgba(0,240,255,.5)}

/* 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:#00f0ff;margin:15px 10px 0;float:right;font-size:12px;margin-left:10px}
.header-bd .a1:hover{color:#ff2d95;text-shadow:0 0 8px rgba(255,45,149,.5)}
.header-bd .a1>span{display:block;width:100%;height:38px;line-height:40px}

/* === Navigation === */
.nav{height:42px;line-height:42px;background:#12121f;clear:both;width:960px;margin:0 auto;overflow:hidden;font-size:14px;border-bottom:1px solid rgba(0,240,255,.2);box-shadow:0 2px 10px rgba(0,0,0,.5)}
.nav ul li,.nav li{float:left;padding:0 10px;text-align:center;height:42px;line-height:42px;font-size:14px;width:calc(100% / 12)}
.nav ul li.active,.nav ul li:hover,.nav li:hover{background:rgba(255,45,149,.15);box-shadow:inset 0 -2px 0 #ff2d95}
.nav li.home{background:rgba(0,240,255,.08)}
.nav ul li a,.nav li>a{color:#c8c8d8;width:100%;height:100%;display:block;text-transform:uppercase;font-size:12px;letter-spacing:1px}
.nav a:hover{text-decoration:none;color:#ff2d95}
.nav .nav-right{width:150px;float:right;text-align:right;margin-top:7px}
.nav .nav-right .a1{background:#ff2d95}
.nav .nav-right .a2{background:#00f0ff;color:#0a0a0f}
.nav .nav-right a{color:#0a0a0f;display:block;height:26px;line-height:26px;padding:0 8px;border-radius:0;margin-top:7px;margin-left:10px;font-weight:700}
.nav .nav-right a:hover{box-shadow:0 0 12px rgba(255,45,149,.5)}
.nav .nav-right a>span{padding-right:5px}

/* === Breadcrumb === */
.breadcrumb{margin:0 auto;line-height:40px;height:40px;overflow:hidden;color:#555}
.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;filter:hue-rotate(160deg) brightness(2)}
.breadcrumb li+li::before{display:inline-block;padding:0 10px;color:#333;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:14px;border-bottom:1px solid #ff2d95;background:#12121f;color:#ff2d95;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 6px rgba(255,45,149,.4)}
h4 .pull-right{font-size:12px;line-height:22px;color:#00f0ff}

/* === PHB Title === */
.phb_title{padding:0 15px;height:44px;line-height:44px;font-size:14px;border-bottom:1px solid rgba(0,240,255,.2);background:#12121f;text-transform:uppercase;letter-spacing:2px}
.phb_title>b{color:#ff2d95;font-weight:700;font-size:14px;display:inline-block;border-bottom:2px solid #ff2d95;box-sizing:border-box;height:44px;text-shadow:0 0 6px rgba(255,45,149,.4)}

/* === Home Lists === */
.list_phb_z{background:#12121f;width:310px;box-sizing:border-box;box-shadow:0 0 15px rgba(0,0,0,.3),inset 0 0 1px rgba(0,240,255,.2);margin:10px 0;border:1px solid rgba(0,240,255,.15)}
.list_l1 li,.list_l2 li{height:36px;line-height:36px;width:100%;overflow:hidden;border-bottom:1px solid rgba(255,45,149,.08);padding:0 10px;text-overflow:ellipsis;white-space:nowrap}
.list_l1 li:nth-of-type(2n),.list_l2 li:nth-of-type(2n){background:rgba(0,240,255,.03)}
.list_l1 li>span.y{color:#555;font-size:12px}
.list_l1 li>a,.list_l2 li>a{font-size:14px}
.list_l2 li>span{display:block;height:36px;line-height:36px;float:left}
.list_l2 li>.s1{width:12%;text-align:left;color:#ff2d95;font-weight:700}
.list_l2 li>.s2{width:55%}
.list_l2 li>.s4{width:18%;text-align:left;color:#555}
.list_l2 li>.s5{width:15%;text-align:right}
.list_l2 li>.s2>a{font-size:14px}

/* === PHB Image Blocks === */
.phb_img{width:890px;background:#12121f;box-sizing:border-box;box-shadow:0 0 15px rgba(0,0,0,.3);margin:10px 0;color:#888;border:1px solid rgba(255,45,149,.15)}
.item_img{width:50%;height:156px;padding:14px 15px;float:left}
.item_img .image{width:100px;height:125px;position:absolute;margin-right:10px;border:1px solid rgba(0,240,255,.3);box-shadow:0 0 10px rgba(0,240,255,.15);transition:all .5s}
.item_img .image:hover{box-shadow:0 0 20px rgba(255,45,149,.4);border-color:#ff2d95}
.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;filter:saturate(1.2)}
.item_img .image:hover img{transform:scale(1.1);filter:saturate(1.5)}
.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:16px;color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.3)}
.item_img .phb_info p{height:92px;line-height:23px;color:#666;transition:all .3s;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.item_img:hover .phb_info p{color:#999}

.phb_fm{width:100%;background:#12121f;overflow:hidden;box-sizing:border-box;box-shadow:0 0 15px rgba(0,0,0,.3);margin:10px 0;border:1px solid rgba(255,45,149,.15)}
.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:#12121f;clear:both;box-sizing:border-box;box-shadow:0 0 15px rgba(0,0,0,.3);margin:10px 0;border:1px solid rgba(0,240,255,.15)}
.sort_page_num>a{padding:5px 12px;margin:5px;display:inline-block;background:transparent;color:#00f0ff;border:1px solid #00f0ff}
.sort_page_num>a.page_on{background:#ff2d95;color:#0a0a0f;border-color:#ff2d95;box-shadow:0 0 10px rgba(255,45,149,.4);font-weight:700}
.sort_page_num>a:hover{background:rgba(0,240,255,.15);box-shadow:0 0 10px rgba(0,240,255,.3)}
.sort_page_num>a.prev_off{background:transparent;color:#333;border-color:#333}

/* === Rank === */
.rank .left{width:calc(100% - 305px);padding:10px;background:#12121f;border:1px solid rgba(0,240,255,.15)}
.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:#1a1a2e;border:1px solid rgba(0,240,255,.2)}
.rank .left .content dl dt{height:24px;line-height:24px;overflow:hidden;white-space:nowrap;font-weight:700;font-size:14px;color:#00f0ff;text-shadow:0 0 4px rgba(0,240,255,.3)}
.rank .left .content dl dd{font-size:12px;text-align:justify;height:60px;overflow:hidden;line-height:20px;color:#666;margin:8px 0}
.rank .right{width:250px;padding:10px;background:#12121f;border:1px solid rgba(255,45,149,.15)}
.rank .right ul li{height:32px;line-height:32px;overflow:hidden;border-bottom:1px solid rgba(255,45,149,.08)}
.rank .right ul li a,.rank .right ul li span{float:left}
.rank .right ul li span{margin-right:5px;color:#ff2d95}
.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:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank .left ul li{height:32px;line-height:32px;overflow:hidden;border-bottom:1px solid rgba(0,240,255,.08)}
.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:#ff2d95;font-size:12px;font-weight:700}
.rank .left ul li .s2{width:30%}
.rank .left ul li .s2 a{color:#c8c8d8}
.rank .left ul li .s3{width:calc(70% - 200px)}
.rank .left ul li .s3 a{color:#666;font-size:12px}
.rank .left ul li .s4{width:80px;color:#555;font-size:12px;text-align:right}
.rank .left ul li .s5{width:55px;color:#444;font-size:12px;text-align:right;float:right}

/* === Sort === */
.sort{margin-top:10px;padding:10px;background:#12121f;overflow:hidden;border:1px solid rgba(0,240,255,.15)}
.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 solid rgba(255,45,149,.15)}
.sort .content .booklist dl{padding:10px 0;height:100px;overflow:hidden;border-bottom:1px solid rgba(0,240,255,.08)}
.sort .content .booklist dl .cover{float:left;width:90px;height:100px}
.sort .content .booklist dl .cover img{width:80px;height:100px;background:#1a1a2e;border:1px solid rgba(0,240,255,.2)}
.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:#00f0ff}
.sort .content .booklist dl dd{font-size:12px;text-align:justify;height:40px;overflow:hidden;line-height:20px;color:#666;margin:10px 0}
.sort .content .booklist ul{overflow:hidden}
.sort .content .booklist ul li{height:32px;line-height:32px;overflow:hidden;border-bottom:1px solid rgba(0,240,255,.08)}
.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:#555}
.sort .content .booklist ul li span{margin-right:5px}

/* === Ranklist === */
.ranklist{width:auto;padding:10px;background:#12121f;border:1px solid rgba(0,240,255,.15)}
.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:#1a1a2e;border:1px solid rgba(0,240,255,.2)}
.ranklist .content dl dt{height:20px;line-height:20px;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:700;margin-bottom:4px;color:#00f0ff;text-shadow:0 0 4px rgba(0,240,255,.3)}
.ranklist .content dl dd{text-align:justify;height:40px;overflow:hidden;line-height:20px;color:#666;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:#888}
.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:0;color:#00ff88;text-shadow:0 0 4px rgba(0,255,136,.3)}
.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:#ff2d95;text-shadow:0 0 4px rgba(255,45,149,.3)}
.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:#00f0ff;text-shadow:0 0 4px rgba(0,240,255,.3)}
.ranklist .content li.list-group-item{list-style:none;height:36px;line-height:36px;overflow:hidden;border-bottom:1px solid rgba(0,240,255,.08);padding:0;margin:0;display:flex;align-items:center}
.ranklist .content li.list-group-item .badge{background:#ff2d95;color:#0a0a0f;font-size:12px;font-weight:700;padding:2px 6px;border-radius:0;margin-right:8px;white-space:nowrap;flex-shrink:0;box-shadow:0 0 6px rgba(255,45,149,.3)}
.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:#ff2d95;text-align:right;margin-left:auto;font-weight:400}
.ranklist .content li.list-group-item small{margin:0 8px;color:#555;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:1px solid rgba(0,240,255,.3);box-shadow:0 0 15px rgba(0,240,255,.2)}
.book .booktitle{height:40px;overflow:hidden;border-bottom:2px solid #ff2d95;box-shadow:0 2px 10px rgba(255,45,149,.2);display:flex;justify-content:center}
.book .booktitle h1{font-size:20px;line-height:24px;font-family:inherit;color:#00f0ff;text-shadow:0 0 8px rgba(0,240,255,.4)}
.book .booktitle h2:before{content:"//";color:#555;padding:0 10px;font-family:monospace}
.book .booktitle h2{line-height:32px;font-size:14px;color:#888}
.book .bookinfo .bookdes{display:table;line-height:35px}
.book .bookinfo .bookdes p{float:left;width:50%;height:25px;overflow:hidden;color:#888}
.book .bookinfo .bookintro{text-align:justify;line-height:24px;overflow-y:auto;border-top:1px solid rgba(0,240,255,.1);margin:9px 0;padding-top:3px;height:96px;padding-right:10px;font-size:13px;color:#888}
.book .bookinfo .bookintro b{color:#c8c8d8}
.book .bookinfo .bookintro::-webkit-scrollbar{width:2px;height:2px;background-color:#0a0a0f}
.book .bookinfo .bookintro::-webkit-scrollbar-track{border-radius:0;background-color:#0a0a0f}
.book .bookinfo .bookintro::-webkit-scrollbar-thumb{border-radius:0;background-color:#ff2d95;box-shadow:0 0 4px #ff2d95}
.book .bookbtn{display:flex;justify-content:center;border-top:1px solid rgba(0,240,255,.1);padding-top:12px}
.book .bookbtn a{width:120px;background:transparent;border:1px solid #ff2d95;color:#ff2d95;cursor:pointer;line-height:32px;text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 8px rgba(255,45,149,.2)}
.book .bookbtn a:first-child:before{content:">";margin-right:5px}
.book .bookbtn a:last-child:before{content:"+";margin-right:5px}
.book .bookbtn a+a{margin-left:10px;border-color:#00f0ff;color:#00f0ff;box-shadow:0 0 8px rgba(0,240,255,.2)}
.book .bookbtn a:hover{background:#ff2d95;color:#0a0a0f;text-decoration:none;box-shadow:0 0 20px rgba(255,45,149,.5)}
.book .bookbtn a+a:hover{background:#00f0ff;color:#0a0a0f;box-shadow:0 0 20px rgba(0,240,255,.5)}

/* === Info Page (novel_info) === */
.info_dv1{background:#12121f;width:100%;padding:0 10px;position:relative;box-shadow:0 0 15px rgba(0,0,0,.3);border:1px solid rgba(0,240,255,.15)}
.novel_chapter .info_dv1{background:#0f0f1a;width:950px;margin-top:10px}
.info_dv1 i{font-style:normal}
.info_dv1 #mobile_read{color:#0a0a0f;background:#ff2d95;font-weight:700}
.info_dv1 #mobile_read:hover{cursor:pointer;background:#00f0ff}
.info_dv1 .title{height:60px;line-height:60px;border-bottom:1px solid rgba(255,45,149,.2);margin-bottom:10px;padding-left:10px}
.info_dv1 .title>a{color:#555;padding:0 5px}
.info_dv1 .title>a:hover{color:#ff2d95}
.info_dv1 .title>i{border-radius:0;font-size:14px;background:#ff2d95;margin:15px 10px;height:30px;line-height:30px;transition:all .3s;box-shadow:0 0 8px rgba(255,45,149,.3)}
.info_dv1 .title>i:hover{background:#00f0ff;box-shadow:0 0 12px rgba(0,240,255,.4)}
.info_dv1 .title>i>a,.novel_chapter .info_dv1 #mobile_read{color:#0a0a0f;padding:0 15px;height:30px;line-height:30px;display:block;font-weight:700}
.info_dv1 .title>i span{padding-right:3px}
.intro .btn_dv1{width:145px}
.intro .btn_dv1>i{border-radius:0;font-size:14px;background:#ff2d95;margin:15px;height:36px;line-height:36px;transition:all .3s;display:block;text-align:center;box-shadow:0 0 8px rgba(255,45,149,.3)}
.intro .btn_dv1>i:hover{background:#00f0ff;box-shadow:0 0 12px rgba(0,240,255,.4)}
.intro .btn_dv1>i.sj2{background:#00f0ff}
.intro .btn_dv1>i.sj2:hover{background:#ff2d95}
.intro .btn_dv1>i>a{color:#0a0a0f;height:36px;line-height:36px;display:block;font-weight:700}
.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:0 0 20px rgba(0,240,255,.2);transition:all .3s;border:1px solid rgba(0,240,255,.3)}
.intro .img>img:hover{box-shadow:0 0 30px rgba(255,45,149,.3);border-color:#ff2d95}
.info_dv1 .details{overflow:hidden;width:710px;height:220px;padding:0 10px 0 0}
.info_dv1 .details h2{color:#ff2d95;height:50px;line-height:50px;letter-spacing:3px;font-size:24px;padding-top:5px;overflow:hidden;text-shadow:0 0 10px rgba(255,45,149,.4)}
.details p.p{height:32px;line-height:28px;font-size:14px;color:#888}
.details p.p>i{margin-right:10px;color:#00f0ff}
.details p.p2{line-height:26px;height:120px;color:#777;overflow:hidden;overflow-y:auto;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:15px}
.info_dv1 #ewm{display:none;position:absolute;right:10px;top:10px;background:#12121f;width:210px;height:240px;text-align:center;box-shadow:0 0 20px rgba(255,45,149,.3);border:1px solid #ff2d95}
.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:#ff2d95;transition:all .3s;cursor:pointer}
.info_dv1 #ewm>span:hover{color:#00f0ff}
.info_dv2,.info_dv3{padding:0 10px 10px;background:#12121f;box-shadow:0 0 15px rgba(0,0,0,.3);margin:10px 0;border:1px solid rgba(255,45,149,.15)}
.info_dv2 .title,.info_dv3 .title{height:42px;font-size:16px;line-height:42px;border-bottom:1px solid rgba(255,45,149,.2);margin-bottom:10px;color:#ff2d95;text-shadow:0 0 6px rgba(255,45,149,.3);text-transform:uppercase;letter-spacing:2px}
.info_dv2 .first_txt{overflow:hidden}
.info_dv2 .first_txt>p{line-height:22px;color:#777}
ul.yanqing_list>li{width:25%;height:36px;line-height:36px;display:inline-block;border-bottom:1px solid rgba(0,240,255,.06);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:14px;color:#00f0ff;cursor:pointer}
ul.yanqing_list>li>a:visited{color:#555}
ul.yanqing_list>li>a:hover{color:#ff2d95;text-shadow:0 0 6px rgba(255,45,149,.4);transition:all .1s}
.info_dv3 .btn-mulu{display:block;width:180px;margin:20px auto 10px;background:transparent;color:#00f0ff;font-size:14px;text-align:center;height:42px;line-height:42px;border:1px solid #00f0ff;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 8px rgba(0,240,255,.2)}
.info_dv3 .btn-mulu:hover{background:#00f0ff;color:#0a0a0f;box-shadow:0 0 20px rgba(0,240,255,.5)}
.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:14px;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 rgba(255,45,149,.15)}
.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:#12121f}

/* === Chapters === */
.chapters{margin:0 0 10px;padding:10px;border:1px solid rgba(0,240,255,.15);background:#12121f}
.chapters h1{font-size:20px;line-height:24px;margin:20px 0;text-align:center;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.4);text-transform:uppercase;letter-spacing:3px}
.chapters h2{font-weight:400;margin:30px 0;text-align:center;color:#666}
.chapterlist .all,.chapterlist .last{background:#0f0f1a}
.chapterlist .all{margin-top:10px}
.chapterlist h3{font-size:13px;border-bottom:1px solid rgba(255,45,149,.2);padding-bottom:10px;color:#ff2d95;text-transform:uppercase;letter-spacing:1px}
.chapterlist ul{overflow:hidden}
.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 solid rgba(0,240,255,.06);font-size:13px}
.chapterlist li:nth-child(4n){padding-right:0}
.chapterlist li a:visited{color:#555}
.novel_chapter .chapter-title{text-align:center;font-size:24px;line-height:60px;padding:0 40px 20px;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.4)}
.novel_chapter .info_dv1>p{text-indent:2em;padding-left:60px;padding-right:60px;padding-bottom:1.5em;font-size:20px;color:#c8c8d8;line-height:2;letter-spacing:.06em}
#chaptercontent p{text-indent:2em;padding-left:60px;padding-right:60px;padding-bottom:1.5em;font-size:20px;color:#c8c8d8;line-height:2;letter-spacing:.06em}
.novel_chapter .phb_fm,.novel_chapter .phb_title,.novel_chapter #tag_news{background:#0f0f1a;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:rgba(0,240,255,.02)}
.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:#12121f;border:1px solid rgba(0,240,255,.15)}
.bookvote ul{border-top:1px solid rgba(255,45,149,.1);overflow:hidden}
.bookvote ul li{float:left}
.bookvote ul li:nth-of-type(n+3):before{content:"|";padding-left:5px;color:#333}
.bookvote ul li a{word-break:break-all}

/* === Reader === */
.read{background:#0f0f1a;padding:10px;border:1px solid rgba(0,240,255,.15);box-shadow:0 0 20px rgba(0,0,0,.5)}
.read h1{text-align:center;font-size:22px;padding:20px 0;width:800px;margin:auto;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.4);border-bottom:1px solid rgba(255,45,149,.2)}
.read .readpage{width:800px;margin:15px auto;text-align:center;padding:15px 0;border-top:1px solid rgba(0,240,255,.08);border-bottom:1px solid rgba(0,240,255,.08);font-size:14px}
.read .readpage a{margin:0 10px;color:#00f0ff}
.read .readpage a:hover{color:#ff2d95}
.read .readvote{width:800px;margin:15px auto;text-align:justify}
.read .content{width:800px;margin:auto;font-size:20px;letter-spacing:.06em;text-align:justify;line-height:2;color:#c8c8d8}
.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:14px;line-height:28px;padding-bottom:20px}
.read_btn>a{padding:0 12px;margin:0 5px;cursor:pointer;color:#00f0ff;border:1px solid rgba(0,240,255,.3);line-height:26px}
.read_btn>a:hover{color:#0a0a0f;background:#00f0ff;box-shadow:0 0 10px rgba(0,240,255,.4)}
.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:1px solid rgba(0,240,255,.3);background:#12121f;color:#00f0ff;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:transparent;color:#ff2d95;border:1px solid #ff2d95;transition:all .3s;box-shadow:0 0 8px rgba(255,45,149,.2)}
.page_num a:hover{background:#ff2d95;color:#0a0a0f;box-shadow:0 0 15px rgba(255,45,149,.5)}

/* === 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 solid rgba(0,240,255,.06);font-size:13px}
ol.linju-list li a{color:#00f0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
ol.linju-list li a:hover{color:#ff2d95}
.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:" | ";color:#333}
.morechapter{display:block;text-align:center;padding:10px;font-size:14px;color:#ff2d95;border-top:1px solid rgba(255,45,149,.1);text-transform:uppercase;letter-spacing:2px}
.morechapter:hover{color:#00f0ff;text-decoration:none;text-shadow:0 0 8px rgba(0,240,255,.4)}

/* === 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 rgba(0,240,255,.2);color:#c8c8d8;background:transparent}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;background-color:rgba(0,240,255,.1);border-color:#00f0ff}
.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:#0a0a0f;background:#ff2d95;border-color:#ff2d95;box-shadow:0 0 10px rgba(255,45,149,.4)}
.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 rgba(0,240,255,.2);color:#c8c8d8;font-size:13px}
.listpage .onclick:hover{background:rgba(0,240,255,.1);text-decoration:none;border-color:#00f0ff}
.listpage select{padding:3px 8px;border:1px solid rgba(0,240,255,.2);font-size:13px;background:#12121f;color:#c8c8d8}

/* === Taglist === */
.taglist{padding:10px;background:#12121f;border:1px solid rgba(0,240,255,.15)}
.taglist h4{margin:-10px -10px 0;padding:8px 15px;font-size:13px;border-bottom:1px solid #ff2d95;background:#0f0f1a;text-transform:uppercase;letter-spacing:2px}
.taglist ul{overflow:hidden;padding:10px 0 0}
.taglist li{float:left;padding:3px 8px;font-size:13px}
.taglist li a{color:#00f0ff}
.taglist li a:hover{color:#ff2d95;text-shadow:0 0 6px rgba(255,45,149,.4)}

/* === 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 rgba(0,240,255,.06)}
.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:#c8c8d8}
#tmpbook li .s2{width:80px;color:#555;font-size:12px}
#tmpbook li .s3{width:calc(70% - 200px)}
#tmpbook li .s3 a{color:#666;font-size:12px}
#tmpbook li .s5{width:80px;text-align:right;float:right}
#tmpbook li .s5 a{color:#00f0ff;cursor:pointer;font-size:12px}
#tmpbook li .s5 a:hover{color:#ff2d95;text-shadow:0 0 6px rgba(255,45,149,.4)}
#tmpbook li .s5 .a2,.s5 .a3,.s5 .iconfont{display:none}
#tmpbook li .xsdel{display:inline!important;color:#ff2d95}
#tmpbook li .xsdel:hover{color:#ff6ab5}
#tmpbook li:first-child{background:#1a1a2e;border-bottom:2px solid #ff2d95;box-shadow:0 2px 8px rgba(255,45,149,.2)}
#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:transparent;border:1px solid #00f0ff;height:26px;line-height:26px;color:#00f0ff;cursor:pointer;transition:all .3s}
.novel_tmpbook .txt-list .s5>a.xsdel{border-color:#ff2d95;color:#ff2d95}
.novel_tmpbook .txt-list .s5>a.a3{border-color:#00ff88;color:#00ff88}
.novel_tmpbook .txt-list .s5>a:hover{background:#ff2d95;color:#0a0a0f;border-color:#ff2d95;box-shadow:0 0 10px rgba(255,45,149,.4)}
.novel_tmpbook .txt-list{padding:10px;background:#12121f}
.novel_tmpbook .txt-list li{border-bottom:1px solid rgba(0,240,255,.06);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:rgba(0,240,255,.02)}
.novel_tmpbook .txt-list li .s1 a{font-size:14px}
.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:#0a0a0f}
.novel_login .login{line-height:50px;background:#12121f;overflow:hidden;padding:10px;box-sizing:border-box;border:1px solid rgba(255,45,149,.3);box-shadow:0 0 20px rgba(255,45,149,.15);margin:50px auto;width:350px;position:relative}
.novel_login .login h2{font-size:16px;text-align:center;height:34px;line-height:24px;border-bottom:1px solid rgba(255,45,149,.2);color:#ff2d95;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 8px rgba(255,45,149,.4)}
.novel_login .login a{height:30px;line-height:30px;color:#00f0ff}
.novel_login .login i{position:absolute;left:29%}
.novel_login .login input[type="text"],.login input[type="password"]{width:220px;padding:0;border:1px solid rgba(0,240,255,.2);outline:medium;height:30px;line-height:30px;padding-left:10px;background:#0a0a0f;color:#00f0ff;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:#ff2d95}
.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 rgba(0,240,255,.1)}
.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:1px solid #ff2d95;color:#ff2d95;height:40px;line-height:40px;text-transform:uppercase;letter-spacing:2px}
.novel_login .login_btn a:hover{background:rgba(255,45,149,.15);box-shadow:0 0 10px rgba(255,45,149,.3)}
.novel_login .login_btn a.ok{color:#0a0a0f;background:#ff2d95;font-weight:700}
.novel_login .login_btn a.ok:hover{background:#00f0ff;border-color:#00f0ff;box-shadow:0 0 15px rgba(0,240,255,.5)}
.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:#12121f;padding:10px}
#novel-search>li{height:42px;line-height:42px;padding:0 10px}
#novel-search>li:nth-of-type(2n){background:rgba(0,240,255,.02)}
#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:#12121f}
.txt-list li{border-bottom:1px solid rgba(0,240,255,.06);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:rgba(0,240,255,.02)}
.txt-list .s1{width:100px}
.txt-list .s2{width:360px}
.txt-list .s2 a{font-size:14px;color:#c8c8d8}
.txt-list .s2 a:hover{color:#00f0ff}
.txt-list .s3{width:130px}
.txt-list .s3 a{color:#666}
.txt-list .s4{width:420px}
.txt-list .s4 a{color:#555;font-size:14px}
.txt-list .s5{width:80px;text-align:center}
.txt-list .s5 a{color:#00f0ff;margin:0 5px;font-size:13px}
.txt-list .s5 a:hover{color:#ff2d95}
.txt-list .s5 .xsdel{color:#ff2d95}
.txt-list .s5 .xsdel:hover{color:#ff6ab5}
.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:#12121f;box-shadow:0 0 15px rgba(0,0,0,.3);margin:10px 0;border:1px solid rgba(0,240,255,.15)}
.link_a{padding:10px}
.link_a>a{margin:10px 5px;color:#555}
.link_a>a:hover{color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.4)}
.footer{clear:both;text-align:center;padding:20px;background:#0a0a0f;color:#555;margin-top:30px;overflow:hidden;width:960px;margin-left:auto;margin-right:auto;border-top:2px solid #ff2d95;box-shadow:0 -4px 15px rgba(255,45,149,.15);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:inherit;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:#ff2d95}
.tooltip-inner{max-width:400px;padding:3px 8px;text-align:center;border-radius:0;background:#12121f;color:#00f0ff;letter-spacing:.05em;box-shadow:0 0 10px rgba(255,45,149,.3);border:1px solid #ff2d95}
.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:22px}
.header-bd{display:none}
.nav ul li,.nav li{width:auto;padding:0 6px;font-size:11px}
.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:18px}
.read .readpage{width:100%}
.read .readvote{width:100%}
.read .content{width:100%;font-size:17px}
.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:17px}
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:10px;padding:0 4px}
.read .content{font-size:15px;letter-spacing:.04em}
.book .booktitle h1{font-size:16px}
ul.yanqing_list>li{width:100%}
.novel_chapter .info_dv1>p,#chaptercontent p{padding-left:10px;padding-right:10px;font-size:15px;line-height:1.8}
}