@charset 'gb2312';

/**/
@media(max-width:1000px) {
	html { min-width: 1400px }
}

/*公共*/
html { overflow-x: hidden }
* html, * html body { background-image: url(about:blank); background-attachment: fixed }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { color: #666; font-size: 14px; background: #f4f4f4; }
body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, iframe, input, ol, p, pre, select, table, td, textarea, th, ul, em, i { font-weight: 400; font-style: normal; font-family: "微软雅黑", "Microsoft Yahei", Arial, Tahoma, Verdana, sans-serif; }
h3, h4, h5, h6 { font-size: 14px; display: inline-block; }
ol, li, ul { list-style: none; }
dd, div, dl, dt, form, img, li, ol, ul { border: 0; }
button, input { outline: none; }
.red { color: red }
.blue { color: #4284ed }
.dark { color: #33373d }
.green { color: green }
.orange { color: #f0643a }
.yellow { color: #f0c53a }
.purple { color: #a091ff }
.fullflag { color: #fff; background: #ed4259; border: 1px solid #ed4259 !important; }
.w100 { width: 100%; overflow: hidden; }
.dsno { display: none; }
a { color: #1a1a1a; text-decoration: none; }
.hot, .fa-user-circle-o:hover, a[class="gray"]:hover, .header_right a:hover, .act *, a:hover { color: #ed4259; }
.gray, .fa-user-circle-o { color: #666; }
.w_gray { color: #969ba3; }
.intro { text-indent: 2em; line-height: 1.8em; min-height: 50px; margin-top: 1em; }
.intro p { margin: 6px 0; overflow: hidden; }
.indent { text-indent: 2em; }
p.indent { line-height: 1.8em; height: 77px; overflow: hidden; margin: 7px 0; }
.money { float: left; width: 100%; overflow: hidden }
.money.nof { float: none }
.aad { border: 1px dashed #B5B5B5; color: #777; padding: 5px 0px; text-align: center; }
.laywap { width: 960px; margin: 0px auto; overflow: hidden; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }

/*qq登陆*/
.qq a, .wb a { float: left; width: 21px; height: 28px; background: url('../image/ico_others.png') no-repeat -7px -2px; text-indent: -99999px; overflow: hidden }
.qq .ver, .wb .ver { float: left; overflow: hidden }
.wb a { background-position: -40px -2px; width: 30px; }

/*阅读记录*/
.header_sbyou_net .navBox .Readed { position: relative; max-width: 302px; overflow: visible }
.Readed.cur .tt { text-decoration: none }
#ReadedHere { float: right; text-decoration: underline; height: 40px; max-width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.Readed .box { display: none; position: absolute; top: 40px; right: 0px; width: 300px; height: 172px; z-index: 9999; overflow: hidden; background: #feffe6; border: 1px solid #b16b4c }
.Readed.cur .box { display: block }
.Readed .box p { text-align: center; line-height: 172px; color: #F55732 }
.Readed .box p em { font-style: normal }
.Readed .box .Li { float: left; width: 100%; height: 28px; text-align: left; line-height: 28px; border-bottom: 1px dashed #CCC; overflow: hidden }
.Readed .box .Li a { float: none; font-size: 12px; padding: 0px; color: red }
.Readed .Li a { display: initial; float: none; border: none; padding: 0px; margin: 0px }
.Readed.cur .Li a { color: red }
.Readed .Li a.chapter { color: green }
.Readed.cur .Li a:hover { text-decoration: underline }

/*微信分享*/
.WeiXinBox { display: none; background-clip: padding-box; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px 6px 6px 6px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); left: 50%; margin: -200px 0 0 -300px; overflow: hidden; position: fixed; top: 50%; width: 560px; height: 340px; overflow: hidden; z-index: 99999 }
.weixin_header { float: left; width: 530px; border-bottom: 1px solid #EEEEEE; padding: 9px 15px; overflow: hidden }
.weixin_close { text-decoration: none; height: 30px; line-height: 26px; color: #000000; float: right; font-size: 30px; font-weight: bold; cursor: pointer; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF }
.weixin_h3 { line-height: 30px; margin: 0; font-weight: normal; font-family: " 微软雅黑" }
.weixin_tip { text-align: center; margin: 0; padding: 0; font-size: 12px }
.weixin_footer { float: left; width: 100%; overflow: hidden; border-radius: 0 0 6px 6px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; padding: 10px 0px; font-size: 14px; text-align: center }
.weixin_body { float: left; width: 100%; padding: 15px 0px; overflow: hidden }
.weixin_codeBox { float: left; width: 220px; height: 220px; margin: 0px 10px 0px 20px; overflow: hidden }
.weixin_wordBox { float: left; width: 280px; height: 220px; overflow: hidden }
.weixin_title { float: left; width: 100%; height: 27px; margin-top: 15px; text-align: left; font-size: 18px; font-family: '宋体'; white-space: nowrap; color: red; text-overflow: ellipsis; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.weixin_word { float: left; width: 270px; margin-top: 5px; padding-left: 10px; text-align: left; font-size: 14px; line-height: 2em; overflow: hidden }

/*提示*/
.TIP { display: none; position: fixed; _position: absolute; top: 50%; left: 50%; width: 298px; height: 98px; margin-top: -50px; margin-left: -150px; background-color: #FFF; border: 1px solid #bcbcbc; z-index: 9999; overflow: hidden }
.TIP .h { width: 100%; height: 29px; line-height: 29px; text-indent: 5px; border-bottom: 1px solid #cccccc; background-color: #ece9d8; font-size: 14px }
.MSG { display: block; width: 100%; height: 68px; line-height: 68px; text-align: center }
.MAK { display: none; position: fixed; _position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #d3d3d3; _background-color: transparent; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 9995; overflow: hidden }

/*浮动*/
.Float { float: left; overflow: hidden }
.Float.cur { position: fixed; }
.Float.bot { position: absolute; bottom: 0px }

/*弹出层*/
.mark-box { display: none; position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 999999 }
.mark-box .bg { float: left; width: 100%; height: 100%; background: #000; opacity: 0.6; overflow: hidden; }
.Mark-body { position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -263px; width: 400px; height: 526px; padding: 30px 50px; border-radius: 0px 5px 5px 5px; }
.Mark-body { background: url(../image/mark-bg.jpg) no-repeat top left #fff }
.login .Mark-body, .register .Mark-body { border-radius: 5px }
.d-title { float: left; width: 100%; padding-bottom: 16px; margin-bottom: 16px; font-size: 18px; text-align: center; overflow: hidden; }
.mark-body { position: relative; float: left; width: 100%; z-index: 2; overflow: hidden; }
.Mark-body .close { position: absolute; top: 20px; right: 20px; cursor: pointer; font-size: 16px }
.Mark-body .close:hover { color: red }
.Mark-body a:hover { color: #333 }
.Mark-body .bg { position: absolute; bottom: 0px; right: 0px; background: url(../image/arc.jpg) no-repeat bottom right; width: 300px; height: 200px; z-index: 1; overflow: hidden; }
.mark-body .loading { line-height: 400px; color: red }
.so .mark-body .loading { line-height: 330px }
.mark-body .loading img { position: relative; top: 1px; margin-right: 5px; }

/*听书01*/
.tingplaybox { float: left; width: calc(100% - 128px); margin: 5px 64px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); -webkit-border-radius: 2px; border-radius: 2px; font-family: '微软雅黑'; overflow: hidden; }
.tingbox { display: none; float: left; width: 0; height: 0; overflow: hidden; }
.ting-img, .ting-img img { float: left; width: 66px; height: 66px; overflow: hidden; }
.ting-img { position: relative; border-radius: 2px; background: #f0f0f0 }
.ting-play { position: absolute; top: 18px; left: 18px; width: 30px; height: 30px; background: url('../image/play.png') no-repeat; background-size: 30px; border-radius: 18px; cursor: pointer; overflow: hidden; }
.ting-pause { display: none; position: absolute; right: 3px; bottom: 3px; width: 20px; height: 20px; background: url('../image/pause.png') no-repeat; background-size: 20px; border-radius: 10px; cursor: pointer; overflow: hidden; }
.play .ting-pause, .play-ready .ting-play { display: block; }
.play .ting-play { display: none; }
.play-ready .ting-play { width: 28px; height: 28px; border: 1px solid #fff; background: url('../image/loading.gif') no-repeat center #000; opacity: 0.4 }
.ting-con { position: relative; margin-left: 66px; padding: 14px 10px 0 10px; height: 66px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url('../image/ting.png') no-repeat 6px 10px; background-size: 21px; }
.ting-title { height: 21px; line-height: 21px; text-indent: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 17px; margin-right: 120px; }
.ting-s01 { font-size: 14px; color: #333; }
.ting-s02 { font-size: 12px; color: #666 }
.ting-play-cur { position: relative; height: 2px; margin-right: 120px; background: #ddd; }
.ting-cur { position: absolute; top: 0px; left: 0px; height: 100%; background: #b7daff; }
.ting-ico { position: absolute; top: 0; right: 5px; margin-top: -4px; margin-right: -10px; height: 8px; width: 8px; border: 1px solid #b7daff; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; cursor: pointer; }
.ting-time { position: absolute; bottom: 6px; right: 10px; width: 110px; height: 18px; line-height: 18px; font-size: 11px; color: #666; text-align: center; font-family: Arial, Helvetica, sans-serif; overflow: hidden; }
.ting-vol { position: absolute; bottom: 25px; right: 10px; width: 110px; height: 30px; line-height: 30px; font-size: 12px; color: #666; text-align: center; font-family: Arial, Helvetica, sans-serif; overflow: hidden; }
.ting-vol p { float: left; width: 28px; height: 28px; line-height: 23px; margin: 0px; font-size: 14px; font-family: '微软雅黑'; border: 1px solid #ddd; border-radius: 28px; cursor: pointer; overflow: hidden; }
.ting-vol .ting-jian { font-size: 20px; }
.ting-vol .ting-muted { position: relative; width: 50px; border: none; background: url('../image/vol.png') no-repeat 5px 7px; background-size: 70px; }
.ting-vol .ting-muted.cur { background-position: -52px 7px }
.ting-vol .ting-v-01 { float: left; width: 25px; height: 1px; margin-top: 14px; margin-left: 22px; background: #ddd; overflow: hidden; }
.ting-vol .ting-v-02 { position: absolute; top: 14px; left: 22px; height: 1px; background: chocolate; overflow: hidden; }
.ting-autoplay { position: absolute; top: 15px; right: 150px; font-size: 12px; text-align: center; width: 100px; height: 20px; line-height: 20px; cursor: pointer; overflow: hidden; }
.ting-autoplay .f01 { text-decoration: underline; }
.ting-autoplay .f02 { color: red }

/*听书02*/
.tingmark { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #d3d3d3; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 9995; overflow: hidden }
.tingtip { display: none; position: fixed; top: 50%; left: 50%; width: 298px; height: 198px; margin-top: -100px; margin-left: -150px; background-color: #FFF; border: 1px solid #bcbcbc; z-index: 9999; overflow: hidden }
.tingtip .tingh { float: left; width: 100%; height: 29px; line-height: 29px; text-indent: 5px; border-bottom: 1px solid #cccccc; background-color: #ece9d8; font-size: 14px }
.tingtip .tingc { float: left; width: 100%; height: 120px; line-height: 120px; font-size: 14px; background: url(../image/ting_tip.gif) no-repeat 45px center; background-size: 30px; text-align: center; text-indent: 40px; }
.tingtip .tingb { float: left; width: 100%; height: 48px; overflow: hidden; }
.tingtip .tingb div { float: left; height: 28px; line-height: 28px; margin: 0px 5px 0; padding: 0 15px; border: 1px solid #1E9FFF; background-color: #1E9FFF; color: #fff; border-radius: 2px; font-weight: 400; cursor: pointer; }
.tingtip .tingb .tingyes { margin-left: 160px; }
.tingtip .tingb .tingno { background: #fff; border-color: #dedede; color: #333 }

/*听书03*/
.ting-control { width: 100%; height: 30px; line-height: 30px; border-top: 1px solid #e4e1da; overflow: hidden; }
.ting-control p { float: left; width: 25%; height: 100%; padding: 0px; margin: 0px; font-size: 14px; color: #272a30; text-align: center; background: #f0f0f0; cursor: pointer; overflow: hidden; }
.ting-control.per0 .p0, .ting-control.per1 .p1, .ting-control.per3 .p3, .ting-control.per4 .p4 { background: #e4e1da }

/*语速*/
.ting-spd { position: absolute; top: 5px; right: 280px; width: 150px; overflow: hidden; }
.ting-spd div { float: left; width: 100%; overflow: hidden; }
.ting-spd span { float: left; margin-left: 5px; height: 20px; line-height: 20px; font-size: 12px; cursor: pointer; overflow: hidden; }
.ting-spd span:hover { color: red }
.ting-spd .sno { cursor: auto; color: blue }
.ting-spd .sno:hover { color: #343434 }
.ting-spd .spd-btn { margin-top: 2px; }
.ting-spd .spd-btn span { width: 40px; text-align: center; font-size: 14px; background: #f0f0f0; border-radius: 3px; }
.ting-spd .spd-btn .spdjian { font-size: 20px }
.ting-spd .cur { color: red; text-decoration: underline; }

/**/
.ting-flow { display: none; position: fixed; bottom: 60px; margin-left: -20px; width: 150px; height: 38px; box-shadow: 0 0 5px #f0f0f0; border-radius: 38px; border: 1px solid #ddd; background: #fff; z-index: 999999999; }
.ting-flow.play, .ting-flow.pause { display: block; }
.ting-flow.red { border-color: red }
.tf-btn { float: left; width: calc((100% - 40px)/3 - 1px); height: 14px; margin: 12px 0px; border-left: 1px solid #f0f0f0; text-indent: -999px; background: url('../image/ting-flow.png') no-repeat 7px 0px; background-size: 110px; cursor: pointer; overflow: hidden; }
.tf-btn.i { float: left; margin: 4px 5px; width: 30px; height: 30px; border-radius: 30px; border: none; text-indent: 0px; background: none; overflow: hidden; }
.tf-btn img { width: 100%; height: 100%; }
.tf-btn.n { background-position: -54px 0px }
.tf-btn.c { background-position: -84px 0px }
.ting-flow.pause .tf-btn.p { background-position: -22px 0px }
.tf-cur { position: absolute; left: 18px; bottom: -1px; height: 1px; background: red; overflow: hidden; }

/*进度*/
.jindu { float: left; margin: -1px 64px 0px 64px; width: calc(100% - 128px); height: 50px; padding-bottom: 3px; background: #f9f9f9; text-indent: 0px; text-align: left; border: 1px solid #d9d9d9; border-top: none; border-radius: 3px; overflow: hidden; }
.jindu .jd-t { float: left; margin-top: 11px; width: 80px; height: 28px; line-height: 1.2em; font-size: 12px; text-align: center; overflow: hidden; }
.jindu .jd-t a, .jindu .jd-t a:hover { color: #000; text-decoration: none }
.jindu .jd-box { position: relative; top: 50%; margin-top: -1px; float: left; width: calc(100% - 115px); height: 2px; background: #ccc }
.jindu .jd-line { position: relative; float: left; width: 0px; height: 100%; background: red; }
.jindu .jd-ico { position: absolute; top: -5px; right: -5px; width: 8px; height: 8px; background: #fff; border: 1px solid red; border-radius: 50%; }
.jindu .jd-ico span { position: relative; top: -20px; margin-left: -20px; float: left; width: 52px; height: 18px; line-height: 18px; text-align: center; font-weight: bold; font-size: 12px; color: red; overflow: hidden; }
.jindu .jd-pre { position: absolute; margin-top: 10px; width: 50px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; color: #999; }
.jindu .jd-pre a { float: left; margin-left: -26px; width: 100%; height: 100%; opacity: 0.6; overflow: hidden; }
.jindu .jd-pre a:hover { color: red; text-decoration: none }
.jindu .jd-pre font { float: left; opacity: 0.4; margin-top: -3px; margin-left: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #999; overflow: hidden; }
.jindu .p01 { left: 5%; }
.jindu .p02 { left: 50%; }
.jindu .p03 { left: 80%; }
.jindu .p04 { left: 100%; }

/**/
.txtdis, .txtdis0 { display: none; }

/*分享框*/
.share4xx { position: relative; padding: 0px; float: left; width: 100%; height: 32px; line-height: 32px }
.share4xx strong { font-size: 12px; }
.share4xx strong, .share4xx a { float: left; height: 100%; overflow: hidden }
.share4xx a { width: 32px; margin-right: 8px; border-radius: 3px; cursor: pointer }
.share4xx .a1 { background: url(../image/share.png) no-repeat #7BD172 }
.share4xx .a2 { background: url(../image/share.png) no-repeat -44px 0 #FBC440 }
.share4xx .a3 { background: url(../image/share.png) no-repeat -88px 0 #FF8D8D }
.share4xx .a4 { background: url(../image/share.png) no-repeat -132px 0 #5FB2D7 }
.share4xx .a5 { background: url(../image/share.png) no-repeat -176px 0 #F68575 }
.share4xx .a6 { background: url(../image/share.png) no-repeat -220px 0 #95B4EC }
.share4xx .a7 { background: url(../image/share.png) no-repeat -264px 0 #67CE9B }
.share4xx .ma-img-box { display: none; position: absolute; top: 18px; margin-left: 20px; width: 80px; background: #fff; font-size: 12px; z-index: 9999999; text-align: center; line-height: 14px; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, .2) }
.share4xx .ma-img-box img { width: 80px; height: 80px }
.share4xx .ma-close { float: left; margin-top: 5px; width: 100%; height: 18px; line-height: 18px; background: #f0f0f0; cursor: pointer; overflow-y: hidden; }
.share4xx.cen { width: 280px; left: 50%; margin: 0px 0px 0px -136px; padding: 0px 0px 15px 0px; }
.share4xx.cen strong { display: none; }
.share4xx.cen .ma-img-box { margin-left: -24px; }

/**/
#bodybox { float: left; width: 100%; overflow: hidden; }
#bodybox p { line-height: 2em; padding: 0px; padding: 5px 10px; text-indent: 2em; }
#bodybox .cur { text-decoration: underline; }

/**/

/**/
.container { max-width: 960px; margin: 0 auto; display: flex; flex-flow: wrap; }
.section { width: 100%; margin: 5px 0 0; padding: 10px; background: #ffffff; }
.section_style { width: 100%; background: #FBF6EC; margin: 10px 0 0; padding: 0 10px 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.msgdiv { min-height: 200px; display: flex; flex-flow: column; justify-content: space-around; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
#gotop { position: fixed; transform: rotate(-90deg); font-size: 50px; right: 50%; margin-right: -525px; bottom: 140px; color: #999; z-index: 10; }
#gofooter { position: fixed; transform: rotate(90deg); font-size: 50px; right: 50%; margin-right: -525px; bottom: 85px; color: #999; z-index: 10; }

/* header */
.head { justify-content: space-between; align-items: center; padding: 16px 5px; }
#logo { font-weight: 700; text-align: center; }
#logo span { font-size: 1.5em; letter-spacing: .15em; color: #3e3d43; }
#logo p { font-weight: 700; color: #bf2c24; }
header form { display: flex; align-items: center; height: 36px; width: 300px; margin: 5px 2px; }
.search_input { text-indent: 10px; height: 100%; border: 1px solid #e6e6e6; border-radius: 3px 0 0 3px; border-right: 0; flex-grow: 2; }
#search_btn { padding: 0 13px; height: 100%; border: none; border-radius: 0 3px 3px 0; background: #bf2c24; color: #fbfbfb; cursor: pointer; }
#search_btn:hover { background: #ed4259; }
.header_right { display: flex; align-items: flex-end; font-size: 1.1em; }
.header_right a { color: #1a1a1a; padding-left: 30px; text-align: center; }
.header_right #home { display: none; }
.header_right a:first-child { border-left: none; padding-left: 0; }

/* nav */
#footer, .navigation { background: #3e3d43; }
nav { align-items: center; font-size: 1.15em; }
nav a { display: inline-block; color: #fbfbfb; padding: 0 20px; height: 41px; line-height: 41px; }
nav  a:hover { color: #fbfbfb; line-height: 37px; transition: none; border-top: 2px solid #ed4259; background-color: #252428; }
#user_panel { margin-left: auto; }
#qrcode { position: relative; color: #fbfbfb; cursor: pointer; margin: 0 10px; }
#qrcode img { position: absolute; top: 42px; right: 0px; display: none; border: 1px solid #e6e6e6; z-index: 99; }
#qrcode:hover img { display: block; }

/* home page 首页*/
.side_commend, aside { margin-top: 5px; padding: 10px 10px 5px; background: #ffffff; }
aside { width: 250px; margin-left: 10px; }
.side_commend_width { width: 700px; }
.flex { display: flex; flex-flow: wrap; }
.side_commend li { width: 49%; display: flex; margin: 10px 6px 18px 0; line-height: 1.7em; }
.side_commend .li_bottom { display: flex; overflow: hidden; align-items: center; flex-flow: nowrap; }
.side_commend .li_bottom > * { height: 20px; line-height: 20px; }
.side_commend .li_bottom > div { margin-left: auto; }
.side_commend em { border: 1px solid #ccc; border-radius: 1px; padding: 0 2px; font-size: 10px; margin-right: 4px; }
.side_commend h2 { font-size: 1.15em; display: block; height: 24px; line-height: 24px; overflow: hidden; }
.section_mark img, .side_commend img { width: 100px; height: 133px; transition: transform .4s ease-out; }
.section_mark img:hover, .side_commend img:hover { transform: scale(1.1) }
.searchresult { padding-top: 4px; width: 100% !important; }
.searchresult h3, .searchresult p { overflow: hidden; height: 20px; }
.searchresult .searchresult_p { height: 46px; line-height: 24px; overflow: hidden; margin: 10px 0; }
.searchresult h3 { font-size: 1.2em; }
.searchresult div { margin-top: 10px; }

/* lastupdate  section */
.lastupdate { width: 700px; margin: 5px 0 0; padding: 10px; background: #ffffff; }
.lastupdate li { display: flex; flex-flow: wrap; align-items: center; width: 100%; height: 41px; line-height: 41px; overflow: hidden; border-bottom: 1px dotted #e6e6e6; }
.lastupdate li * { height: 100%; }
.lastupdate li *:nth-child(1) { width: 9%; margin-left: -1%; }
.lastupdate li *:nth-child(2) { width: 25%; font-size: 1.1em; }
.lastupdate li *:nth-child(3) { width: 41%; margin-left: 1%; }
.lastupdate li *:nth-child(4) { width: 25%; text-align: right; }
.popular li { display: flex; justify-content: space-between; flex-flow: nowrap; height: 41px; border-bottom: 1px dotted #e6e6e6; }
.popular li *:first-child { line-height: 41px; overflow: hidden; font-size: 1.1em; }
.popular li *:last-child { line-height: 41px; overflow: hidden; text-align: right; }
.img_span { position: relative; margin-right: 15px; }
.img_span a { width: 100px; height: 133px; overflow: hidden; display: block; }
.img_span a:hover { position: unset; }
.img_span span { width: 100px; height: 25px; background: rgba(0, 0, 0, .4); display: flex; position: absolute; top: 108px; color: #fff; justify-content: center; align-items: center; }

/* 完本图标 */
span[class=full] { background: rgba(191, 44, 36, .75); }
.link > a { display: inline-block; padding: 15px 10px 5px 0; }

/*  index page */
.novel_info_main { padding: 10px 5px 0; line-height: 1.5em; }
.novel_info_main img { width: 120px; height: 160px; margin: 8px 20px 10px 0; box-shadow: 3px 4px 10px #999; float: left; }
.novel_info_title { line-height: 38px; }

/**/
.novel_info_title p { display: flex; flex-flow: wrap; }
.novel_info_title h1 { font-weight: 700; color: #555; font-size: 24px; margin-right: 20px; display: inline-block; }
.novel_info_title p span { padding: 0 10px; border: 1px solid #ccc; border-radius: 3px; margin: 12px 15px 8px 0px; white-space: nowrap; line-height: 22px; }
.novel_info_title > i { white-space: nowrap; }
.novel_info_title > div > a { margin-right: 15px; font-size: 1.1em; }
.novel_info_main .indent>p { text-indent: 2em; line-height: 2em; }
.ulcard { margin-top: 30px; border-bottom: 1px solid #eee; }
.ulcard li { padding: 0 20px; height: 40px; font-size: 18px; }
.ulcard span { font-size: 14px; }
.act { border-bottom: 2px solid #ed4259; }
#catalog { display: none; }

/**/
.l_btn { width: 108px; padding-left: 15px; line-height: 35px; border-radius: 3px; margin: 10px 15px 0 0; background: #bf2c24; border: 1px solid #bf2c24; color: #fbfbfb; text-decoration: none; cursor: pointer; }
.l_btn_0 { width: 108px; border: 1px solid #bf2c24; padding-left: 14px; line-height: 35px; border-radius: 3px; margin: 10px 15px 0 0; background: #ffffff; color: #bf2c24; text-decoration: none; cursor: pointer; }
.abtn { padding: 0 8px; line-height: 28px; border-radius: 3px; margin: 5px 10px 5px 0; background: gray; border: 1px solid gray; color: #fbfbfb; text-decoration: none; cursor: pointer; }
.l_btn_0.ltxt { border: 1px solid #000; color: #000; text-align: center; text-indent: 0px; padding-left: 0; }
.l_btn_0.ltxt:hover { border-color: #000; background: #000; color: #fff }
.l_btn_0.dt0 { display: none; }

/* #btn_show_all:hover, */
.l_btn:hover, .l_btn_0:hover, button[class*="abtn"]:hover { background: #ed4259; border: 1px solid #ed4259; color: #fbfbfb; }

/**/
.chapter_list a { display: block; padding-left: 5px; font-size: 1.1em; }
.chapter_list ul { display: flex; flex-flow: wrap; align-items: center; }
.chapter_list ul li { width: 33%; line-height: 50px; height: 50px; overflow: hidden; border-bottom: 1px dotted #e5e5e5; }
.title { display: flex; align-items: center; flex-flow: wrap; width: 100% !important; font-weight: 700; color: #555; font-size: 1.1em; padding-bottom: 8px; border-bottom: 1px solid #ddd; }
.jcc { justify-content: center; border: none; text-align: center; margin-bottom: 5px; }

/* reader page */
main[class='container'] { max-width: 960px; }
.text_title { padding: 40px 64px 10px; }
.style_h1 { font-weight: 700; font-size: 24px; color: #555; text-align: justify; margin: 0 60px 10px 0; }
.text_info span { color: gray; font-size: 14px; display: inline-block; margin: 0 15px 5px 0; }
.text_info a { color: gray; }
.text { position: relative; }
.text_set { position: absolute; background: #FBF6EC; right: 0; top: 10px; padding-right: 3px; }
#text_control { margin: 25px 60px 25px 10px; text-align: right; display: none; }
#text_control a { color: gray; margin-left: 21px; font-size: 40px; }
.fontsize { display: flex; align-items: flex-end; margin-bottom: 20px; }
.fontsize button { padding: 0 8px; line-height: 28px; border-radius: 3px; margin: 5px 0px 5px 25px; background: gray; border: 1px solid gray; color: #fbfbfb; text-decoration: none; cursor: pointer; }
.fontsize button:nth-child(1) { width: 30px; height: 30px; }
.fontsize button:nth-child(2) { width: 33px; height: 33px; }
.fontsize button:nth-child(3) { width: 36px; height: 36px; }
.fontsize button:hover { background: #ed4259; border: 1px solid #ed4259; }
#gotop:hover, #gofooter:hover, .text_info a:hover, #text_control a:hover, .text_set .cog:hover { color: #ed4259; cursor: pointer; }
.read_nav { height: 60px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #FBF6EC; margin-top: 10px; width: 100%; display: flex; line-height: 60px; }
.read_nav a { text-align: center; width: 33.33%; font-size: 18px; }
.read_nav a:nth-child(2) { width: 34%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
#article { padding: 0 64px 20px; font-size: 18px; color: #262626; min-height: 200px; }
#article>p { text-indent: 2em; line-height: 1.8em; margin: .8em 0; text-align: justify; overflow: hidden; }

/* footer */
footer { color: #fbfbfb; padding: 15px 0; flex-flow: column wrap !important; align-items: center; font-size: 12px; line-height: 1.5; margin-top: 5px !important; }
footer a { color: #fbfbfb; }
footer .cur { color: gray }

/* 翻页按钮*/
.pages { width: 100%; padding: 10px 0; text-align: center; }
#pagestats { display: none; font-style: normal; margin-left: 5px; }
.pages a, .pages a:visited, .pages strong, kbd input { display: inline-block; margin: 2px 2px; padding: 0 2px; min-width: 35px; border: 1px solid #e6e6e6; border-radius: 3px; text-align: center; text-decoration: none; height: 35px; line-height: 35px; }
.pages a:hover, .pages strong { background: #bf2c24; color: #fff; }

/* 书库 */
.store { display: flex; max-width: 960px; margin: 5px auto; position: relative; }
.store_left #store_menu { float: right; cursor: pointer; margin-right: 5px; display: none; }
.store_left { width: 760px; margin-right: 10px; display: block; }
#store_right { width: 190px; z-index: 1; }
.store_left>.side_commend { margin: 0; }
#store_right a { text-decoration: none; display: table; }
.onselect, #store_right a:hover { background: #bf2c24; color: #fbfbfb; }
#store_right>* { border: 1px solid #e6e6e6; }
#store_right>ul, #store_right>div { margin-bottom: 10px; background: #ffffff; }
.store_title { border-bottom: 1px solid #e6e6e6; line-height: 41px; font-size: 1.2em; text-align: center; letter-spacing: .1em; }
#store_right li { line-height: 50px; text-align: center; font-size: 1.2em; border-bottom: 1px solid #eee; }
#store_right li:last-child { border-bottom: none; }
#store_right li a { width: 100%; }
#store_right>div { display: flex; flex-flow: wrap; justify-content: space-around; text-align: center; }
#store_right>div>* { line-height: 41px; font-size: 1.1em; width: 50%; }

/* 移动端小屏筛选菜单 */
#after_menu { display: none; }
#after_menu > div { display: flex; flex-flow: wrap; width: 100%; border-bottom: 1px solid #ddd; }
#after_menu > div > a { text-align: center; line-height: 40px; width: 33%; height: 40px; font-size: 1.1em; }

/* home 6 section */
.sortvisit { width: 312px; margin-top: 5px; }
.sortvisit > a { color: #555; display: block; font-weight: 700; font-size: 1.1em; padding: 0 0 8px 8px; border-bottom: 1px solid #ddd; }
.sortvisit ul { display: flex; flex-flow: wrap; padding: 10px; justify-content: space-between; }
.sortvisit > ul p >a { font-size: 1.1em; }
.sortvisit > ul > div { display: flex; width: 100%; margin-bottom: 10px; height: 85px; overflow: hidden; line-height: 1.6em; }
.sortvisit > ul > div img { width: 60px; height: 80px; margin: 5px 15px 0 0; box-shadow: 0 1px 5px rgba(0, 0, 0, .35); }
.sortvisit > ul > div p { line-height: 2em; }
.sortvisit > ul > div img:hover { box-shadow: 1px 2px 5px rgba(0, 0, 0, .55); }
.sortvisit ul li { width: 50%; height: 38px; line-height: 38px; border-bottom: 1px dashed #ccc; overflow: hidden; }

/* .gray{color:gray;} */
.bookcase-items p span, .s_gray, .sortvisit ul i { font-size: 11px; color: gray; }

/* bookcase */
.bookcase-items { width: 100%; display: flex; flex-flow: column wrap; justify-content: space-between; }
.bookcase-items > * { display: flex; align-items: center; flex-flow: wrap; }
.bookcase-items p:first-child { font-weight: 700; font-size: 1.1em; }
.bookcase-items .bookcase_btn { display: inline-block; padding: 5px 10px; border: 1px solid #3e3d43; border-radius: 3px; text-align: center; text-decoration: none; line-height: 20px; cursor: pointer; margin: 1px 0; }
.bookcase-items .bookcase_btn:hover { background: #bf2c24; border: 1px solid #bf2c24; color: #fff; }
.section_mark { margin-top: 10px; padding: 10px; width: 700px; background: #ffffff; }
.section_mark img:hover { box-shadow: 3px 3px 5px #888; }
.section_mark li { display: flex; width: 100%; padding: 10px 0; border-bottom: 1px dashed #ccc; }
.section_mark li:first-child { border-top: 1px dashed #666; }

/* tempbookcase */
#tempBookcase p.title { border-bottom: 1px dashed #666; }
#tempBookcase ul { display: flex; flex-flow: wrap; }
#tempBookcase ul li { width: 50%; border-top: none; }
@media screen and (max-width:959px) {
	#gotop, #gofooter { right: 15px; margin-right: 0; }
	.section.flex, .side_commend_width, .lastupdate, .section_mark, aside { width: 100%; margin: 0; }
	.lastupdate li *:nth-child(1), .lastupdate li *:nth-child(4) { display: none; }
	.lastupdate li *:nth-child(2) { width: 40%; }
	.lastupdate li *:nth-child(3) { width: 59%; }
	.sortvisit, .chapter_list ul li { width: 50% !important; }
}
@media screen and (max-width:767px) {
	#store_right { display: none; }
	.store_left { width: 100%; margin: 0; }
	.store_left #store_menu { display: block; color: #bf2c24; position: absolute; right: 0; }
	.navigation { display: none; }
	.text_title { padding: 15px 2px 0; }
	#article { padding: 0 2px; }
	header form, .header_right { margin: 0 auto; }
	.header_right #home { display: block; }
	.header_right { width: 100%; justify-content: space-between; padding: 20px 5px 0; }
	.header_right a { padding-left: 0; }
	#tempBookcase ul li, .side_commend li { width: 100% !important; }
}
@media screen and (max-width:639px) {
	header form, .sortvisit, .chapter_list ul li { width: 100% !important; }
	#logo { display: none; }
}
@media screen and (max-width:479px) {
	.to100 { width: 100%; }
	.novel_info_main img { width: 90px; height: 120px; margin-right: 10px; }
}

/**/
.pc-logo { float: left; width: 150px; height: 46px; overflow: hidden; }
.pc-logo img { width: 100%; height: 100%; }

/*搜索框*/
.search { margin-top: 2px; }
.searchBox #key { float: left; width: 260px; height: 34px; line-height: 34px; padding-left: 35px; font-size: 14px; color: #343434; font-family: '微软雅黑'; border: 2px #3e3d43 solid; border-radius: 3px 0px 0px 3px; background: url('../image/s_btn.png') no-repeat scroll 7px 7px #FFF; overflow: hidden }
.searchBox #s_btn { float: right; width: 50px; height: 34px; line-height: 34px; border: none; border-radius: 0px 3px 3px 0px; color: #FFF; font-size: 14px; font-family: '微软雅黑'; background: #3e3d43; cursor: pointer; overflow: hidden }
.searchBox #s_btn:hover { font-size: 16px; }
.searchBox { float: left; width: 100%; overflow: hidden; background: none }
.searchBox .searchform { height: 34px; top: 13px }

/**/
.LR-Mem { float: none !important; margin: 0px !important; padding: 10px 0px 0px 0px; }
.header_right a { padding-top: 20px; padding-left: 0; margin-left: 30px; background: url('../image/icon.png') no-repeat 6px 3px; background-size: 215px }
.header_right .a0 { margin-left: 0; background-size: 320px; background-position: -245px -64px; }
.header_right .a2 { background-position: -26px 3px }
.header_right .a3 { background-position: -55px 3px }
.header_right .a0:hover { background-size: 320px; background-position: -254px -155px; }
.header_right .a1:hover { background-position: -79px -100px; }
.header_right .a2:hover { background-position: -110px -100px; }
.header_right .a3:hover { background-position: -140px -100px; }
p.indent { text-indent: 0px; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.title i { float: left; width: 20px; height: 20px; overflow: hidden; background: url(../image/icon.png) no-repeat -63px -73px; background-size: 220px; }
.side_commend .title i { background-position: 0px -40px; }
aside .title i { background-position: 0px -70px; }
.li_bottom a { color: #666; }
.li_bottom i { padding-left: 20px; background: url(../image/icon.png) no-repeat -28px -73px; background-size: 220px; }
.lastupdate .title i { background-position: -61px -43px; }
aside .title.t2 i { background-position: -27px -40px; }
.sortvisit p { height: 60px; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.lastupdate li *:nth-child(3), .lastupdate li *:nth-child(4) { width: auto }
.lastupdate li *:nth-child(4) { margin-left: 5px; text-align: left; font-size: 12px; color: #999 }
.lastupdate li *:nth-child(4) img { width: 16px; height: 14px; margin-top: 14px; opacity: 0.5; }
.lastupdate li *:nth-child(4):hover { color: #000; }
.lastupdate li *:nth-child(4):hover img { opacity: 1 }
.lastupdate li { position: relative; }
.lastupdate li a { background: #fff; }
.lastupdate li div { position: absolute; right: 0; top: 0; }
.novel_info_main { float: left; width: calc(100% - 280px); margin-top: 10px; overflow: hidden; }
.l_btn i { float: left; width: 18px; height: 20px; background: url(../image/icon.png) no-repeat -215px -44px; margin-top: 7px; background-size: 230px; overflow: hidden; }
.l_btn_0 i { float: left; width: 18px; height: 20px; background: url(../image/icon.png) no-repeat -215px -68px; margin-top: 7px; background-size: 230px; overflow: hidden; }
.l_btn_0:hover i { background-position: -215px -93px }
.novel_info_main img { margin-left: 20px; margin-right: 40px; }
.a250d { float: right; width: 250px; height: 250px; margin: 10px 10px 0px 0px; background: #f9f9f9; border-radius: 3px; overflow: hidden; }
.sharediv { float: left; width: calc(100% - 300px); margin-top: 30px; margin-left: 25px }
.chapter_list { margin-top: 0; padding-top: 0; }
.showbox { display: none; }
.showbox.cur { display: block; }
.chapter_list a:visited { color: #999; }
.text_title { float: left; width: 940px; overflow: hidden; }
#article { float: left; width: 940px; margin-top: 20px; overflow: hidden; }
.s_gray.tc { float: left; width: 100%; overflow: hidden; }
.text_info .s01 i { float: left; width: 18px; height: 20px; background: url(../image/icon.png) no-repeat -2px -112px; background-size: 230px; overflow: hidden; }
.text_info .s02 i { float: left; width: 18px; height: 20px; background: url(../image/icon.png) no-repeat -23px -112px; background-size: 230px; overflow: hidden; }
.read_nav i { display: inline-block; width: 16px; height: 20px; background: url(../image/icon.png) no-repeat -180px 0px; background-size: 230px; position: relative; top: 3px; margin-right: 5px; }
.read_nav a:last-child i { margin-right: 0; margin-left: 5px; background-position: -196px -19px; top: 4px; }
.read_nav a:hover i { background-position: -197px 0px }
.read_nav a:last-child:hover i { background-position: -180px -19px }
#store_right ul:last-child { margin-bottom: 0; }
nav { position: relative; }
nav .navwap { position: absolute; right: 0; top: 0; }

/**/
.novelslist2 { float: left; width: 100%; }
.novelslist2 h2 { float: left; width: 100%; text-indent: 10px; overflow: hidden; margin: 0; font-weight: 700; font-size: 14px; }
.novelslist2 .h2tip { float: left; width: 100%; font-size: 12px; color: red; text-indent: 2px; padding-bottom: 10px; border-bottom: 1px solid #313030; }
.tempBookcase, .read_book { float: left; width: 100%; overflow: hidden; }
.tempBookcase .no { float: left; width: 100%; padding: 30px 0px; text-align: center; overflow: hidden; }
#ReadedIMG { position: relative; top: 5px; width: auto; height: auto; }
.delall { float: right; margin-top: 20px; width: 200px; height: 38px; line-height: 38px; cursor: pointer; border: 1px solid #ccc; background: #f0f0f0; text-align: center; border-radius: 5px; font-size: 12px; overflow: hidden; }
.bookcase-items .t { margin-left: 10px; }
.bookcase-items .t img { width: 20px; height: 20px; }
#tempBookcase ul li { margin-bottom: 0px; padding-bottom: 10px; margin-right: 0; width: 50%; border-bottom: 1px dashed #ccc }
#tempBookcase .a { height: 23.5px; overflow: hidden; max-width: 115px; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }

/**/
.so .side_commend { margin: 0; padding: 0; }
.so .title i { margin-right: 5px; background: url(../image/s_btn.png) no-repeat scroll 0px 3px; }

/**/
.goto { position: fixed; right: calc(50% - 530px); bottom: 220px; width: 44px; height: 98px; overflow: hidden; }
.goto div { float: left; width: 100%; height: 44px; background: url('../image/icon.png') no-repeat -91px 0px; background-size: 230px; cursor: pointer; overflow: hidden; }
.goto .toup { margin-bottom: 10px; }
.goto .todown { background-position: -91px -56px }
.goto .toup:hover { background-position: -136px 0px }
.goto .todown:hover { background-position: -136px -56px }
.sbyou_net-tan .tan-box { width: 320px !important; height: 170px !important }

/**/
.header_right .a0 { position: relative; }
.header_right .a0 img { position: absolute; left: 4px; top: 0px; width: 23px; height: 23px; border-radius: 28px; }

/*报错*/
.report-box { float: left; width: 100%; text-align: center; font-size: 11px; color: #666; padding-bottom: 0px }
.report-box a { text-decoration: underline; color: #666 }

/*评论*/
.CommentBox { margin: 0px 15px; overflow: hidden }
.CommentBox .ccbox { float: left; width: 100%; overflow: hidden; }
.CommentBox .ulc { float: left; width: 100%; height: auto; margin-top: -1px; overflow: hidden }
.CommentBox .ulc li { float: left; width: 100%; padding: 20px 0px; border-top: 1px solid #eeeeee; overflow: hidden }
.CommentBox .ulc .pic { float: left; width: 48px; height: 48px; border-radius: 48px; font-size: 0px; line-height: 0px; border: 1px solid #dedddd; overflow: hidden; }
.CommentBox .ulc .pic img { width: 100%; min-height: 100% }
.CommentBox .ulc .words p { font-size: 14px; }
.CommentBox .ulc .words { float: left; width: calc(100% - 70px); height: auto; line-height: 18px; margin-left: 20px; padding: 8px 0px; overflow: hidden; }
.CommentBox .ulc .words h2 { display: none; height: 18px; font-size: 14px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #eee; overflow: hidden }
.CommentBox .ulc .info { float: right; width: calc(100% - 68px) }
.CommentBox .ulc .info a.fd { margin-left: 8px }
.CommentBox .ulc .info a.hf { margin-left: 3px }
.CommentBox .ulc .info .name { float: left; height: 100%; overflow: hidden; color: #888 }
.CommentBox .ulc .info .time { float: left; height: 100%; margin-left: 10px; overflow: hidden }
.CommentBox .ulc .info .opt { float: right; height: 100%; overflow: hidden }
.CommentBox .ulc .info span { color: #888888 }
.CommentBox .ulc .info a { float: left; display: inline-block; text-decoration: underline; overflow: hidden }
.CommentBox .ulc .info a.zc, .CommentBox .ulc .info a.zc span { color: red }
.CommentBox .ulc .info a.fd, .CommentBox .ulc .info a.fd span { color: #343434 }
.CommentBox .ulc .info a.hf { color: #2c8fb9 }
.CommentBox .ulc .info em { float: left; font-style: normal; overflow: hidden }
.CommentBox #cIMG { display: none; width: 10px; margin: 6px 10px 0px 0px }

/*评论提交*/
.CommentBox .h { float: left; margin-top: 15px; width: 100%; line-height: 25px; font-size: 18px; font-family: '微软雅黑'; overflow: hidden }
.CommentBox .c { float: left; width: 100%; height: auto; overflow: hidden }
.CommentBox .c .f { float: left; width: 100%; height: auto; overflow: hidden }
.CommentBox .c form { float: left; width: 100%; height: auto; overflow: hidden }
.CommentBox .c .title { float: left; width: 100%; height: 27px; margin-top: 10px; overflow: hidden }
.CommentBox .c .txt { float: left; width: 100%; height: 106px; overflow: hidden }
.CommentBox .c .btn { float: left; width: 100%; height: 54px; overflow: hidden }
.CommentBox .c .title .bt { float: left; width: 66px; height: 27px; line-height: 27px; text-align: center; overflow: hidden }
.CommentBox .c .title .words_box { float: left; width: calc(100% - 66px); height: 14px; overflow: hidden }
.CommentBox .c .title .words_box input { float: left; width: calc(100% - 6px); height: 50px; padding: 0px 4px; line-height: 50px; border: 2px solid #dedddd; overflow: hidden }
.CommentBox .c .txt .ny { float: left; width: 48px; height: 130px; line-height: 26px; overflow: hidden }
.CommentBox .c .txt .words_box { float: left; width: calc(100% - 48px); height: 98px; margin-top: 7px; overflow: hidden }
.CommentBox .c .txt .words_box textarea { float: left; width: calc(100% - 4px); height: 90px; font-size: 12px; border: 1px solid #dedddd }
.CommentBox .c .btn .tj { float: left; width: 100px; height: 30px; margin-top: 12px; margin-left: 44px; overflow: hidden }
.CommentBox .c .btn .tj input { float: left; width: 100%; height: 100%; border: none; background: #000; font-size: 16px; color: #fff; line-height: 30px; border-radius: 3px; cursor: pointer; overflow: hidden }
.CommentBox .c .div_r { float: right; width: auto; height: 52px; line-height: 52px; overflow: hidden }
.CommentBox .c .btn .div_r { margin-top: 14px }
.CommentBox .c .div_r b { font-weight: normal; color: red; font-size: 20px; font-family: DpQuake, Constantia, Candara, Corbel, Arial }
.CommentBox .c .code { float: left; width: auto; height: 37px; margin-left: 10px; margin-top: 15px; overflow: hidden }
.CommentBox .c #regcode { float: left; width: 50px; height: 23px; margin-right: 10px; padding: 0px 2px; border: 1px solid #DEDDDD; overflow: hidden }

/*页码*/
.CommentBox .cm { float: left; width: 100%; padding-top: 15px; border-top: 1px solid #eeeeee; overflow: hidden; }
.CommentBox .cm .i { float: left; line-height: 21px; color: #454545; overflow: hidden }
.CommentBox .cm .i b { font-weight: normal; color: red }
.CommentBox .cm .n { float: right; width: auto; text-align: right; overflow: hidden }
.CommentBox .cm .n div { float: left }
.CommentBox .cm .n a { float: left; height: 19px; padding: 0px 4px; margin: 0px 2px; line-height: 20px; font-size: 12px; color: #454545; text-align: center; text-decoration: none; border: 1px solid #dedddd; overflow: hidden }
.CommentBox .cm .n a:hover { color: red }
.CommentBox .cm .n a.info:hover { color: #454545 }
.CommentBox .cm .n b { font-weight: normal; color: red }
.CommentBox .cm .n .p_curpage { color: red }
.CommentBox .cm .n a[href="javascript:"], .CommentBox .cm .n .no { color: #CCC }
.CommentBox .cm .n a[href="javascript:"]:hover, .CommentBox .cm .n .none:hover { color: #454545 }

/**/
.CommentBox .errorCom { float: left; width: 100%; height: 100px; line-height: 100px; text-align: center; color: red; font-size: 12px; overflow-y: hidden; }

/**/
.CommentBox { margin: 0px; }
