﻿@charset "utf-8";/*---------------------------------
Site:u17.com
nameAuthor:liuhui
Updated:Date and time\
Updated by:Name
---------------------------------*/
/* css reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,input,button,textarea,p,form{margin:0;padding:0}
img,abbr{border:0}
address,caption,cite,em,optgroup,i{font-style:normal}
ul,ol,li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
a:focus,input:focus{outline:none}
/* HTML5 display-role reset for older browsers */
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
figure{margin:0}
/* basic */
html{_background-attachment:fixed;_background-image:url(them/images/1b582fa24fcd4047af4a688e07abfe32.gif)}
body{font:normal 12px/22px Arial,宋体;_height:100%;position:relative}
.tl{text-align:left}.tc,.txt_ct{text-align:center}.tr{text-align:right}
.fl{float:left}.fr{float:right}.cl{clear:both}
.fb,.b{font-weight:bold}.f12{font-size:12px}.f14,.font_14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.ffyh{font-family:"微软雅黑"}.f30{font-size:30px}
.cf{*display:inline-block;*zoom:1}
.cf:after{content:"";display:block;height:0;clear:both;visibility:hidden}
a,a:visited,ins{text-decoration:none}
a:hover{text-decoration:underline}
a.u,a.u:visited{text-decoration:underline}
a.u:hover{text-decoration:none}
.f66,a.f66:visited{color:#666}
.f99,a.f99:visited{color:#999}
.fred,a.fred:visited,.red_e5,.yellow{color:#f00}
.fgreen,a.fgreen:visited{color:#77a600}
.fblue,a.fblue:visited{color:#166476}
.forg,a.forg:visited{color:#f80!important}
.fblack,a.fblack:visited{color:#000}
.spline,.sp10,.sp15,.sp20{clear:both;height:10px;overflow:hidden}
.sp15{height:15px}.sp20{height:20px}
.rel{position:relative}
.dis_line_b{display:inline-block}
.bg_cover{background:url(../images/bg_cover.png) no-repeat;width:126px;height:166px;padding:1px;display:block}
.bg_cover img{width:120px;height:158px}
/* 常用图标 */
.btn{background:url(../images/cs_btn_common.png) no-repeat;display:inline-block;border:0;padding:0;cursor:pointer;overflow:hidden}
#bind_comment_box .btn_send_comment{background-position:0 -71px;width:72px;height:26px;color:#fff}
.btn_send_reply{background-position:0 -97px;width:68px;height:23px;color:#fff}
.btn_cancel_reply{background-position:0 -120px;width:68px;height:23px}
.ico,.location .roll_list li a{background:url(../images/cs_ico_common_1.png) no-repeat;display:inline-block;overflow:hidden}
.ico_lev,.ico_levm,.ico_viplev,.ico_online,.ico_offline,.ico_vipyes,.ico_vipnot,.ico_man,.ico_woman,.ico_hi,.ico_manage,.ico_author,.ico_editor{background:url(../images/cs_ico_member.png) no-repeat;display:inline-block;height:18px;width:20px;vertical-align:text-bottom}/*用户相关图标*/
.ico_recommend{background-position:0 -60px;width:14px;height:14px}/*推荐*/
.ico_slash{background-position:0 -330px;width:14px;height:14px}/*耽美*/
.ico_new{background-position:0 -40px;width:17px;height:11px}/*最新*/
.ico_addbook{background-position:0 -240px;width:12px;height:12px;cursor:pointer}/*添加到书架*/
.ico_arrowup{background-position:0 -78px;width:9px;height:10px}/*上箭头*/
.ico_arrowdown{background-position:-10px -78px;width:9px;height:10px}/*下箭头*/
.ico_arrowright{background-position:0 -448px;width:9px;height:10px}/*水平箭头*/
/*用户等级图标*/
.ico_lev,.ico_levm{width:36px}.lev_0{background-position:0 -300px}.lev_1{background-position:0 -330px}.lev_2{background-position:0 -360px}.lev_3{background-position:0 -390px}.lev_4{background-position:0 -420px}.lev_5{background-position:0 -450px}.lev_6{background-position:0 -480px}.lev_7{background-position:0 -510px}.lev_8{background-position:0 -540px}.lev_9{background-position:0 -570px}.lev_10{background-position:0 -600px}.lev_11{background-position:0 -630px}.lev_12{background-position:0 -660px}.lev_13{background-position:0 -690px}.lev_14{background-position:0 -720px}.lev_15{background-position:0 -750px}
/*用户等级m图标*/
.levm_0{background-position:0 -930px}.levm_1{background-position:0 -960px}.levm_2{background-position:0 -990px}.levm_3{background-position:0 -1020px}.levm_4{background-position:0 -1050px}.levm_5{background-position:0 -1080px}.levm_6{background-position:0 -1110px}.levm_7{background-position:0 -1140px}.levm_8{background-position:0 -1170px}.levm_9{background-position:0 -1200px}.levm_10{background-position:0 -1230px}.levm_11{background-position:0 -1260px}.levm_12{background-position:0 -1290px}.levm_13{background-position:0 -1320px}.levm_14{background-position:0 -1350px}.levm_15{background-position:0 -1380px}.levm_16{background-position:0 -1410px}.levm_17{background-position:0 -1440px}.levm_18{background-position:0 -1470px}.levm_19{background-position:0 -1500px}.levm_20{background-position:0 -1530px}
/*用户vip等级图标*/
.ico_viplev{width:48px}.viplev_0{background-position:0 -1560px}.viplev_0n{background-position:0 -1590px}.viplev_1{background-position:0 -1620px}.viplev_1n{background-position:0 -1650px}.viplev_2{background-position:0 -1680px}.viplev_2n{background-position:0 -1710px}.viplev_3{background-position:0 -1740px}.viplev_3n{background-position:0 -1770px}.viplev_4{background-position:0 -1800px}.viplev_4n{background-position:0 -1830px}.viplev_5{background-position:0 -1860px}.viplev_5n{background-position:0 -1890px}.viplev_6{background-position:0 -1920px}.viplev_6n{background-position:0 -1950px}
/*其他图标*/
.ico_man,.ico_woman,.ico_online,.ico_offline{width:16px}ico_online{background-position:0 0}.ico_offline{background-position:0 -30px}.ico_man{background-position:0 -60px}.ico_woman{background-position:0 -90px}.ico_hi{background-position:0 -120px}.ico_vipyes{background-position:0 -240px}.ico_vipnot{background-position:0 -270px}.ico_author{background-position:0 -150px}.ico_manage{background-position:0 -180px}.ico_editor{background-position:0 -210px}
/* 翻页样式 */
.page,.pagelist{line-height:14px;text-align:right;clear:both}
.pagelist span,.pagelist a,.pagelist em,.pagelist i{display:inline-block;margin-right:6px;color:#333}
.page span,.page a,.page em{display:inline-block;color:#555666}
.pagelist a,.page a,.pagelist span,.page span{border:1px solid #d4d4d4;padding:3px 6px 2px;text-decoration:none;vertical-align:top}
.page a.prev{border-right:0}
.pagelist a:hover,.pagelist span.current{text-decoration:none;background:#7cca1c;color:#fff;padding:4px 7px 3px;border:0}
.page a:hover{color:#f60;text-decoration:none}
.page a.over,.page a.over:hover{color:#bbb}
.pagelist em,.page em,.pagelist i{padding:4px 8px 0;margin:0;vertical-align:top}
.pagelist i{color:#666}
.pagelist input{border:1px solid #d4d4d4;width:36px;height:19px;line-height:18px;padding:0 3px;vertical-align:top;display:inline-block;margin-top:-1px\9}
.pagelist input.btn_page{height:23px;width:53px;background-position:0 -48px;border:0;padding:0;cursor:pointer;margin-top:-1px}
/* 1px圆角框 */
.rd1,.rd1 em{border-width:1px;border-color:#e53a3a}
.rd1{display:inline-block;border-style:none solid;background:#ff585d}
.rd1 em{border-style:solid none;float:left;margin:-1px 0;position:relative;color:#fff;padding:0 2px 0 1px}
/* 页面框架 */
body{background:#fff}
.wrap,.location{width:990px;margin:0 auto;clear:both}
#main{float:left;position:relative}
#sidebar{float:right}
/* #header{background:url(../images/cs_basic.png) 0 -830px repeat-x;clear:both;*zoom:1} */
#header{background:url(../images/bg_top.jpg) center top no-repeat;clear:both;*zoom:1}
/* #header .wrap{background:url(../images/v31_bg_header.jpg) no-repeat;clear:both} */
#header .wrap{clear:both}
/* 网站位置 */
.location{line-height:36px;height:36px;color:#333;background:url(../images/dottedline_x.png) repeat-x 0 bottom; margin-bottom:10px;}
.location a{color:#666;text-decoration:none}.location a:hover{color:#ff9900;text-decoration:underline}
.location .roll_list{_width:380px;max-width:450px;float:right}
.location .roll_list,.location .roll_list li{height:36px;overflow:hidden;text-align:right}
.location .roll_list li{clear:both}
.location .roll_list li a{background-position:0 -256px;padding-left:18px;color:#333}

/* 通用圆角边框 cs_ico.png*/
/*白背景*/
.cirbox b,.cirbox_g b{background:url(../images/cs_ico_common_1.png);position:relative}
.cirbox b.t,.cirbox b.b,.cirbox_g b.t,.cirbox_g b.b{height:5px;clear:both;display:block;background-position:0 -14px;margin:0 5px;background-repeat:repeat-x}
.cirbox b.b{background-position:0 -15px}
.cirbox b.t b,.cirbox b.b b,.cirbox_g b.t b,.cirbox_g b.b b{width:5px;height:5px;position:absolute;top:0;display:block;overflow:hidden}
.cirbox b.l{left:-5px}.cirbox b.r{right:-5px}
.cirbox b.t .l{background-position:0 0}
.cirbox b.t .r{background-position:-7px 0}
.cirbox b.b .l{background-position:0 -7px}
.cirbox b.b .r{background-position:-7px -7px}
.cirbox .container,.cirbox_g .container{background:#fff;clear:both;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4}
/*灰背景*/
.cirbox_g b.t,.cirbox_g b.b{background-position:0 -34px}
.cirbox_g b.b{background-position:0 -35px}
.cirbox_g b.l{left:-5px}.cirbox_g b.r{right:-5px}
.cirbox_g b.t .l{background-position:0 -20px}
.cirbox_g b.t .r{background-position:-8px -20px}
.cirbox_g b.b .l{background-position:0 -28px}
.cirbox_g b.b .r{background-position:-8px -28px}
.cirbox_g .container{background:#f3f3f3}
/* 通用边栏标题*/
h3.title{background:url(../images/cs_ico_common_1.png) 0 -155px repeat-x;margin:0 10px;position:relative;height:34px;line-height:34px;font-size:12px;font-weight:normal;text-align:right}
h3.title b{background:url(../images/cs_ico_common_1.png) 0 -120px repeat-x;width:10px;height:34px;top:0;left:-10px;position:absolute}
h3.title b.r{background-position:right -190px;left:auto;right:-10px}
h3.title strong{float:left;color:#333}
h3.title .u{color:#14647b}
/* 通用边栏专题标题*/
h3.topictitle{height:31px;border-bottom:1px solid #d4d4d4;font-weight:normal;line-height:30px;font-size:12px;text-align:right;padding-right:10px;margin-bottom:20px}
h3.topictitle .u{color:#14647b}
h3.topictitle strong{float:left;color:#333;border-bottom:1px solid #76a600;padding:0 10px;background:url(../images/cs_ico_common_1.png) 0 -88px no-repeat;position:relative;display:block;margin-bottom:-1px;height:31px}
h3.topictitle strong span{color:#666;font-weight:normal}

