@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box}
:after,:before{box-sizing:border-box}
ol,ul{list-style:none}
a{color:#00f0ff;text-decoration:none;outline:0;transition:color .2s,text-shadow .2s}
a:hover{color:#ff2d95;text-decoration:none;text-shadow:0 0 8px rgba(255,45,149,.5)}
img{display:block;max-width:100%}
body{background:#0a0a0f;color:#d0d0e8;font:14px/1.7 "Courier New",monospace,"Microsoft YaHei",sans-serif;margin:0 auto;max-width:1060px;width:100%;overflow-x:hidden}
.container{position:relative;margin:0 auto;max-width:1060px;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:#e0e0f8}
div{cursor:default}

/* Topbar */
.topbar{background:#050508;border-bottom:1px solid #1a1a30;color:#6a6a8a;height:32px;width:100%;font-size:12px}
.topbar-con{line-height:32px;text-indent:16px;max-width:1060px;margin:0 auto;padding:0 10px}
.topbar-sethome,.topbar-addfavorite{float:left;margin-right:20px}
.topbar a{color:#6a6a8a}
.topbar a:hover{color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.4)}
.topbar-right{float:right;font-size:13px}

/* Header */
.header{height:80px;max-width:1060px;margin:auto;position:relative;border-bottom:1px solid #1a1a30}
.header .logo a{font-family:"Courier New",monospace;display:block;float:left;height:80px;width:260px;line-height:80px;color:#00f0ff;font-size:32px;font-weight:700;letter-spacing:4px;text-shadow:0 0 15px rgba(0,240,255,.4)}
.header .m-user{display:none;float:right}
.search-form{float:left;width:460px;margin:24px auto auto 40px}
.search-form .input-key{border:1px solid #1a1a30;font:14px/34px monospace;height:34px;width:300px;background:#12121f;outline:none;padding:0 10px;color:#d0d0e8;transition:border-color .2s}
.search-form .input-key:focus{border-color:#00f0ff;box-shadow:0 0 8px rgba(0,240,255,.2)}
.search-form .btn-tosearch{background:transparent;cursor:pointer;font-size:14px;height:34px;width:85px;border:1px solid #ff2d95;color:#ff2d95;letter-spacing:2px;transition:all .2s}
.search-form .btn-tosearch:hover{background:#ff2d95;color:#0a0a0f;box-shadow:0 0 12px rgba(255,45,149,.4)}
.search-form #searchType{height:34px;border:1px solid #1a1a30;color:#6a6a8a;padding:0 3px;background:#12121f}

/* Nav */
.nav{background:#050508;height:42px;overflow:hidden;max-width:1060px;margin:0 auto;padding:0 10px;border-bottom:2px solid #ff2d95;box-shadow:0 2px 15px rgba(255,45,149,.3)}
.nav li{float:left;line-height:42px}
.nav li a{color:#d0d0e8;font-size:15px;font-weight:600;padding:0 14px;letter-spacing:1px;transition:all .2s}
.nav li a:hover{color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.5)}

/* Layout */
.layout,.layout2{background:#12121f;border:1px solid #1a1a30;float:left;overflow:hidden;width:100%;padding:0;box-shadow:0 0 6px rgba(0,0,0,.4)}
.layout2{border-color:#1a1a30;background:#0f0f1a}
.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:#0a0a14;border:1px solid #1a1a30;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 solid #1a1a30;font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#e0e0f8}
.layout-col2 .item dl dt span{color:#5a5a7a;float:right;font-weight:400}
.layout-col2 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#8888a8}
.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:#0a0a14;border:1px solid #1a1a30;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 solid #1a1a30;font-size:14px;font-weight:700;height:26px;line-height:26px;overflow:hidden;color:#e0e0f8}
.layout-col3 .item dl dt span{color:#5a5a7a;float:right;font-weight:400}
.layout-col3 .item dl dd{line-height:20px;overflow:hidden;text-indent:2em;padding:7px 0 0;color:#8888a8}

/* Section headings */
.layout-tit{background:#0d0d18;color:#00f0ff;border-bottom:1px solid #1a1a30;border-left:3px solid #00f0ff;font-size:14px;font-weight:600;height:36px;line-height:36px;overflow:hidden;margin:0;padding:0 14px;letter-spacing:1px;text-shadow:0 0 8px rgba(0,240,255,.5)}
.layout-tit a{color:#00f0ff}
.layout-tit a:hover{color:#ff2d95;text-shadow:0 0 8px rgba(255,45,149,.5)}
.layout2 .layout-tit{background:#0a0a14;border-left-color:#ff2d95;color:#ff2d95;text-shadow:0 0 8px rgba(255,45,149,.3)}

/* Text list */
.txt-list{padding:4px 10px}
.txt-list li{border-bottom:1px solid #1a1a30;height:32px;line-height:32px;overflow:hidden;transition:all .15s}
.txt-list li:hover{background:rgba(0,240,255,.04);box-shadow:inset 2px 0 0 #00f0ff}
.txt-list li span{float:left}
.txt-list li a{color:#a0a0c8}
.txt-list li a:hover{color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.3)}
.txt-list .s1{width:60px;color:#5a5a7a}
.txt-list .s5{float:right;color:#5a5a7a}
.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:#5a5a7a;width:90px;text-align:right}
.txt-list-row5 .s5{color:#5a5a7a}

/* Category boxes */
.tp-box{width:33.33%;float:left;border-right:1px solid #1a1a30}
.tp-box:last-child{border-right:none}
.tp-box h2{background:#0d0d18;border-bottom:1px solid #1a1a30;font-size:14px;font-weight:700;padding-left:10px;line-height:28px;height:28px;overflow:hidden;color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.3)}
.tp-box .top{overflow:hidden}
.tp-box .top .image{padding:10px 0 0 10px;float:left}
.tp-box .top .image img{width:72px;height:86px;border:1px solid #1a1a30;padding:1px;background:#0a0a14}
.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:#e0e0f8}
.tp-box .top dl dd{line-height:20px;height:60px;overflow:hidden;color:#7878a0}
.tp-box ul{padding:10px 10px 0;overflow:hidden}
.tp-box ul li{border-bottom:1px solid #1a1a30;color:#5a5a7a;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:#0d0d18;float:left;width:150px;margin:12px;padding:12px;position:relative;border:1px solid #1a1a30;box-shadow:0 0 10px rgba(0,240,255,.1)}
.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-size:26px;font-weight:700;overflow:hidden;margin-top:7px;color:#e0e0f8;letter-spacing:2px;text-shadow:0 0 10px rgba(0,240,255,.2)}
.detail-box .info p{height:26px;line-height:26px;width:350px;margin:auto;float:left;overflow:hidden;color:#9090b0}
.detail-box .desc{overflow:hidden;line-height:170%;border-top:1px solid #1a1a30;padding:10px;font-size:13px;height:90px;color:#8888a8}
.detail-box .info .opt a{color:#ff2d95;font-weight:600;margin-right:8px}
.detail-box .info .opt a:hover{color:#00f0ff}

/* Chapter section list */
.row-section .layout-tit{text-align:center;font-weight:600}
.section-list h3{display:block;padding:10px;font-size:16px;font-weight:700;color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.3)}
.section-list ul{overflow:hidden}
.section-list li{width:25%;padding-left:10px;height:38px;line-height:38px;border-bottom:1px solid #1a1a30;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.section-list li a{color:#9090b0}
.section-list li a:visited{color:#5a5a7a}
.section-list li a:hover{color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.3)}

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

/* Reading content */
.word_read{padding:24px 30px;font-size:15px;background:#0e0e18;border-left:3px solid #ff2d95;box-shadow:inset 0 0 20px rgba(0,0,0,.3)}
.word_read>p{text-indent:2em;padding-bottom:1.5em;font-size:18px;line-height:2;color:#c8c8e0}
.word_read>h3{text-align:center;color:#00f0ff;letter-spacing:3px;font-size:20px;margin-bottom:10px;text-shadow:0 0 10px rgba(0,240,255,.4)}
.read_btn{padding:10px;text-align:center}
.read_btn>a{padding:6px 16px;cursor:pointer;color:#00f0ff;border:1px solid #00f0ff;background:transparent;margin:0 6px;transition:all .2s}
.read_btn>a:hover{color:#0a0a0f;background:#00f0ff;box-shadow:0 0 15px rgba(0,240,255,.5)}

/* Pagination */
.page_num{text-align:center;font-size:14px;padding:10px;width:340px;margin:0 auto}
.page_num select{padding:0 10px;height:34px;border:1px solid #1a1a30;background:#12121f;color:#d0d0e8;border-radius:0;margin:0 10px;width:140px;cursor:pointer}
.page_num a{height:34px;line-height:34px;padding:0 16px;display:block;margin:0;background:transparent;border:1px solid #ff2d95;color:#ff2d95;transition:all .2s}
.page_num a:hover{background:#ff2d95;color:#0a0a0f;box-shadow:0 0 12px rgba(255,45,149,.4)}
.sort_page_num{text-align:center}
.sort_page_num>a{padding:5px 12px;background:transparent;border:1px solid #00f0ff;margin:5px;color:#00f0ff;transition:all .2s}
.sort_page_num>a.prev_off{border-color:#2a2a40;color:#4a4a6a}
.sort_page_num>a:hover,.sort_page_num>a.page_on{background:#ff2d95;border-color:#ff2d95;color:#0a0a0f;box-shadow:0 0 10px rgba(255,45,149,.4)}
.btn-mulu{padding:10px;display:block;width:200px;text-align:center;margin:14px auto;background:transparent;color:#00f0ff;font-size:16px;letter-spacing:2px;transition:all .2s;border:1px solid #00f0ff}
.btn-mulu:hover{background:#00f0ff;color:#0a0a0f;box-shadow:0 0 20px rgba(0,240,255,.4)}

/* Footer */
.pc-footer{border-top:2px solid #ff2d95;box-shadow:0 -2px 10px rgba(255,45,149,.2);text-align:center;max-width:1060px;margin:0 auto;line-height:24px;padding:16px 10px;color:#5a5a7a;font-size:12px;background:#050508}
.pc-footer p{color:#5a5a7a}
.footer{max-width:1060px;margin:0 auto}
.xs-show{display:none}
.red{color:#ff2d95}

/* Sort page filter */
.sort_nav{padding:12px;background:#0d0d18;border:1px solid #1a1a30}
.sort_nav>p{height:36px;line-height:36px;font-size:14px;border-bottom:1px solid #1a1a30;padding:0 5px}
.sort_nav>p>span{color:#00f0ff;font-weight:700;text-shadow:0 0 6px rgba(0,240,255,.3)}
.sort_nav>p>a{padding:0 8px;color:#6a6a8a}
.sort_nav>p>a.on{color:#ff2d95;font-weight:700;text-shadow:0 0 6px rgba(255,45,149,.4)}
.sort_nav>p>a:hover{color:#ff2d95}

/* Tags */
.tag_news{min-height:40px;line-height:24px}
.tag_news>a{padding:0 5px;color:#9090b0}
.tag_news>a:hover{color:#00f0ff;text-shadow:0 0 6px rgba(0,240,255,.3)}

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

/* Login */
.novel_login .login{line-height:50px;background:#12121f;overflow:hidden;padding:10px;border:1px solid #1a1a30;margin:50px auto;width:350px;position:relative;box-shadow:0 0 20px rgba(0,240,255,.08)}
.novel_login .login h2{font-size:18px;text-align:center;height:34px;line-height:24px;border-bottom:1px solid #1a1a30;color:#00f0ff;letter-spacing:4px;text-shadow:0 0 8px rgba(0,240,255,.3)}
.novel_login .login input[type="text"],.login input[type="password"]{width:220px;border:1px solid #1a1a30;height:30px;line-height:30px;padding-left:10px;background:#0a0a14;color:#d0d0e8;outline:none}
.novel_login .login_btn a{display:block;text-align:center;margin:20px 60px;border:1px solid #00f0ff;color:#00f0ff;height:40px;line-height:40px}
.novel_login .login_btn a.ok{color:#0a0a0f;background:#00f0ff;box-shadow:0 0 10px rgba(0,240,255,.3)}
.novel_login .login_btn a.ok:hover{background:#ff2d95;border-color:#ff2d95;box-shadow:0 0 15px rgba(255,45,149,.4)}
.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:#ff2d95}
.novel_login .login_code2>img{display:block;margin:20px auto 0;cursor:pointer;width:150px}
.login_xs #logintips{text-align:center;color:#ff2d95}
.novel_login .login_name,.login_pass,.login_email,.login_code{width:100%;overflow:hidden}
.novel_login .login i{position:absolute;left:29%}
.novel_login .login_code{margin-bottom:0}
.novel_login .login_code2{margin:0;padding:0 0 10px;text-align:center;border-bottom:1px solid #1a1a30}
.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:transparent;border:1px solid #00f0ff;height:26px;line-height:26px;color:#00f0ff;cursor:pointer;transition:all .2s}
.novel_mybook .txt-list-row5 .s5>a.xsdel{border-color:#ff2d95;color:#ff2d95}
.novel_mybook .txt-list-row5 .s5>a:hover{background:#ff2d95;border-color:#ff2d95;color:#0a0a0f}

/* 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:transparent;border:1px solid #00f0ff;height:26px;line-height:26px;color:#00f0ff;cursor:pointer;transition:all .2s}
.novel_tmpbook .txt-list-row5 .s5>a.xsdel{border-color:#ff2d95;color:#ff2d95}
.novel_tmpbook .txt-list-row5 .s5>a.a3{border-color:#00ff88;color:#00ff88}
.novel_tmpbook .txt-list-row5 .s5>a:hover{background:#ff2d95;border-color:#ff2d95;color:#0a0a0f}

/* Confirm dialog */
.dvfd{background:#12121f;width:200px;height:140px;position:fixed;top:50%;left:50%;margin-top:-70px;margin-left:-100px;box-shadow:0 0 30px rgba(255,45,149,.25);text-align:center;border:1px solid #ff2d95;z-index:99999}
.dvfd .red{display:block;margin:35px 0 15px;font-size:18px;color:#ff2d95;text-shadow:0 0 8px rgba(255,45,149,.4)}
.dvfd .qdbtn{background:transparent;display:inline-block;padding:5px 30px;color:#00f0ff;font-size:16px;border:1px solid #00f0ff;cursor:pointer;transition:all .2s}
.dvfd .qdbtn:hover{background:#00f0ff;color:#0a0a0f;box-shadow:0 0 15px rgba(0,240,255,.4)}
#qs_login a{padding:0 5px;margin:0 5px}
#shuqian{display:none}

/* ===== Responsive ===== */
@media(max-width:768px){
body{font-size:13px}
.topbar{display:none}
.header{height:auto;padding:10px;text-align:center;border-bottom:1px solid #ff2d95;box-shadow:0 1px 10px rgba(255,45,149,.2)}
.header .logo a{float:none;display:block;width:100%;height:auto;line-height:1.2;font-size:28px;text-align:center;margin-bottom:8px}
.search-form{float:none;width:100%;margin:0}
.search-form .input-key{width:calc(100% - 90px)}
.nav{height:auto;padding:6px 0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;box-shadow:0 2px 10px rgba(255,45,149,.2)}
.nav li{float:none;display:inline-block;line-height:34px}
.nav li a{font-size:14px;padding:0 10px}
.container{padding:0 8px}
.row .layout-col1,.row .layout-col2,.row .layout-col3{width:100%;float:none}
.layout,.layout2{border:none;box-shadow:none;margin-bottom:8px}
.layout-col2 .item,.layout-col3 .item{width:100%;padding:8px}
.layout-col2 .item .image img,.layout-col3 .item .image img{width:80px;height:100px}
.layout-col2 .item dl,.layout-col3 .item dl{float:none;width:auto;padding-left:95px}
.layout-col2 .item .image,.layout-col3 .item .image{width:80px;position:absolute;top:8px;left:8px}
.layout-col2 .item,.layout-col3 .item{position:relative;min-height:110px}
.tp-box{width:100%;float:none;border-right:none;border-bottom:1px solid #1a1a30;margin-bottom:8px}
.tp-box .top dl{width:auto;float:none;padding-left:90px}
.tp-box ul li{width:50%}
.detail-box .imgbox{width:100px;margin:10px;padding:8px}
.detail-box .imgbox img{height:110px;width:80px}
.detail-box .info{float:none;width:auto;overflow:visible}
.detail-box h1{font-size:20px}
.detail-box .info p{width:100%;float:none}
.detail-box .desc{height:auto}
.section-list li{width:100%;padding-left:10px;height:36px;line-height:36px}
.txt-list-row5 .s3,.txt-list-row5 .s4{display:none}
.txt-list-row5 .s1{width:70px}
.txt-list-row5 .s2{width:calc(100% - 130px)}
.txt-list-row5 .s5{width:60px}
.word_read{padding:14px 10px;border-left:2px solid #ff2d95}
.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}
}