@media(max-width: 1000px) {
    html {
        min-width:1400px
    }
}

html {
    overflow-x: hidden
}

* {
    margin: 0;
    padding: 0
}

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;
    margin-bottom: 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
}

.mbN {
    display: none!important
}

.app0 {
    display: none
}

.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: 300px;
    height: 526px;
    padding: 30px 50px;
    border-radius: 0px 5px 5px 5px
}

.Mark-body {
    background: url(/imgs/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(/imgs/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
}

.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('/imgs/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('/imgs/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('/imgs/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('/imgs/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('/imgs/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
}

.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(/imgs/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
}

.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.per102 .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)/4 - 1px);
    height: 14px;
    margin: 12px 0px;
    border-left: 1px solid #f0f0f0;
    text-indent: -999px;
    background: url('/imgs/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,.tf-btn.f {
    background-position: -54px 0px
}

.tf-btn.f {
    transform: rotate(180deg)
}

.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(/imgs/share.png) no-repeat #7BD172
}

.share4xx .a2 {
    background: url(/imgs/share.png) no-repeat -44px 0 #FBC440
}

.share4xx .a3 {
    background: url(/imgs/share.png) no-repeat -88px 0 #FF8D8D
}

.share4xx .a4 {
    background: url(/imgs/share.png) no-repeat -132px 0 #5FB2D7
}

.share4xx .a5 {
    background: url(/imgs/share.png) no-repeat -176px 0 #F68575
}

.share4xx .a6 {
    background: url(/imgs/share.png) no-repeat -220px 0 #95B4EC
}

.share4xx .a7 {
    background: url(/imgs/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: 160px;
    left: 50%;
    margin: 0px 0px 0px -76px;
    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
}

.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
}

#footer,.navigation {
    background: #3e3d43
}

nav {
    align-items: center;
    font-size: 1.15em
}

nav a {
    display: inline-block;
    color: #fbfbfb;
    padding: 0 15px;
    height: 41px;
    line-height: 41px
}

nav a:hover,nav a.cur {
    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
}

.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 {
    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: 14%;
    margin-left: -1%
}

.lastupdate li *:nth-child(2) {
    width: 25%;
    font-size: 1.1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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;
    width: 100%;
    font-size: 1.1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.popular li *:last-child {
    line-height: 41px;
    width: 100px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 10px;
}

.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
}

.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
}

.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;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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
}

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 {
    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: 3px 5px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    text-align: center;
    text-decoration: none
}

.pages a:hover,.pages strong,.pages .cur {
    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
}

.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
}

.bookcase-items p span,.s_gray,.sortvisit ul i {
    font-size: 11px;
    color: gray
}

.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 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: 185px;
    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('/imgs/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('/imgs/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(/imgs/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(/imgs/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(3) {
    max-width: 31%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lastupdate li *:nth-child(4) {
    margin-left: 5px;
    text-align: left;
    font-size: 12px;
    color: #999
}

.lastupdate li *:nth-child(5) {
    margin-left: auto;
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lastupdate li *:nth-child(6) {
    margin-left: 10px;
    width: 40px;
}

.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;
    max-width: 130px;
}

.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(/imgs/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(/imgs/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: 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(/imgs/icon.png) no-repeat -2px -112px;
    background-size: 230px;
    overflow: hidden
}

.text_info .s02 i {
    float: left;
    width: 18px;
    height: 20px;
    background: url(/imgs/icon.png) no-repeat -23px -112px;
    background-size: 230px;
    overflow: hidden
}

.read_nav i {
    display: inline-block;
    width: 16px;
    height: 20px;
    background: url(/imgs/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(/imgs/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('/imgs/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;
    margin-bottom: 0px
}

.CommentBox .ulc .words {
    padding-top: 0px!important;
    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: 42px;
    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: 46px;
    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
}

.aaano {
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 100px;
    overflow: hidden
}

.aaabox {
    float: left;
    width: calc(100% - 2px);
    background: #fff;
    border: 1px solid #eee;
    overflow: hidden
}

.aaabox.nofloat {
    float: none
}

.aaabox.noborder {
    width: 100%;
    border: none
}

.aaabox h1 {
    float: left;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    border-bottom: 1px solid #eee;
    text-indent: 15px;
    overflow: hidden
}

.aaabox .loc {
    float: left;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    text-indent: 15px;
    overflow: hidden
}

.aaabox .loc a {
    color: #000
}

.aaabox .loc a:hover {
    color: red
}

.aaatags {
    float: left;
    width: calc(100% - 15px);
    padding: 15px 0px 15px 15px;
    overflow: hidden
}

.aaatags li {
    float: left;
    width: 20%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.aaatags li span {
    color: #aaa
}

.aaatags li a {
    color: #000
}

.aaatags li a:hover {
    color: red
}

.aaapage {
    float: left;
    padding: 15px 0px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #eee;
    overflow: hidden
}

.aaapage a {
    margin: 0px 5px
}

.aaapage a.cur {
    color: red
}

.aaapage a.no {
    color: #ccc
}

.aaaorder {
    float: left;
    width: 100%;
    background: #f9f9f9;
    overflow: hidden
}

.aaaorder a {
    float: left;
    width: 33.33%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    overflow: hidden
}

.aaaorder.p1 a:nth-child(1),.aaaorder.p2 a:nth-child(2),.aaaorder.p3 a:nth-child(3) {
    background: #f0f0f0
}

.aaalist {
    float: left;
    width: calc(100% - 30px);
    padding: 0px 15px;
    overflow: hidden
}

.aaalist li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.aaalist li:first-child {
    padding-top: 15px
}

.aaalist li:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.aaalist .h {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.aaalist .h a {
    color: #000;
    font-size: 18px
}

.aaalist .h a:hover {
    color: red
}

.aaalist .c {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 1.5em;
    color: #666;
    overflow: hidden
}

.aaalist strong {
    color: red;
    font-weight: normal
}

.contentxx {
    float: left;
    margin-top: 15px;
    width: 100%;
    text-indent: 23px;
    overflow: hidden
}

.ting-spd {
    display: none
}

.appfloatma {
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -68px;
    width: 100px;
    height: 136px;
    z-index: 888888
}

.appfloatma img {
    float: left;
    display: block
}

.appma {
    display: block;
    width: 100%;
    height: 100%;
    background: #ebebeb
}

.appma:hover {
    text-decoration: none
}

.appmat {
    padding: 8px 0;
    line-height: 16px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #000;
    text-align: center
}

.appmai {
    margin: 0 auto;
    width: 80px;
    height: 80px
}

.appmai img {
    width: 100%;
    height: 100%
}

.appmatip {
    padding: 5px 0;
    line-height: 1.3em;
    font-size: 11px;
    text-align: center;
    color: #000
}

.appmaclose {
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400
}

.appmaclose {
    position: absolute;
    top: -24px;
    right: 0;
    color: #999;
    cursor: pointer
}

.side_commend_width,.lastupdate {
    width: 660px
}

nav a:hover,nav a.cur {
    height: 39px;
    line-height: 39px
}

.LOCK_BOX .LockH {
    width: calc(100% - 30px)!important
}

.section_style {
    width: calc(100% - 20px)
}

.text_title {
    width: calc(100% - 60px);
    padding: 40px 30px 10px
}

.tingplaybox {
    width: calc(100% - 60px);
    margin: 5px 30px
}

.jindu {
    margin: -1px 30px 0px 30px;
    width: calc(100% - 62px)
}

#article {
    width: calc(100% - 60px);
    padding: 0 30px 20px
}

.searchBox #s_btn {
    height: 38px;
    line-height: 38px
}

.green {
    color: green
}

.red {
    color: red
}

.txtbox {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -200px;
    width: calc(400px - 40px);
    height: 447px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden
}

.mini .txtbox {
    left: 30px;
    top: 50%;
    width: calc(100% - 100px);
    margin: 0px;
    margin-top: -223px
}

.txth {
    float: left;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    overflow: hidden
}

.txth img {
    float: left;
    height: 100%
}

.txth span {
    float: left;
    height: 100%;
    margin-left: 20px
}

.txtc {
    float: left;
    width: 100%;
    height: calc(100% - 110px);
    padding-top: 15px;
    overflow: hidden
}

.txtc {
    text-align: left;
    line-height: 24px
}

.txtc .text {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.txtc .text::-webkit-scrollbar {
    width: 1px
}

.txtc .text::-webkit-scrollbar-thumb {
    background: #a0a0a0
}

.txtc .text::-webkit-scrollbar-track {
    background: #e0e0e0
}

.txtc .text p {
    float: left;
    width: 100%;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden
}

.txtbg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -999999;
    background: #e0e0e0;
    overflow: hidden
}

.txtb {
    float: left;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    overflow: hidden
}

.txtb a,.txtb .txtbtn {
    cursor: pointer;
    border: none;
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background-color: #3ea9e2;
    border-color: #2bb8c4;
    border-radius: 5px;
    text-decoration: none;
    text-align: center
}

.txtb .txtbtn img {
    position: relative;
    top: 1px;
    margin-right: 3px
}

.txtb .back {
    background: #e0e0e0;
    color: #999
}

.txttp {
    float: left;
    margin-bottom: 4px;
    width: 100%;
    min-height: 10px;
    max-height: 18px;
    line-height: 18px;
    text-align: center;
    color: red;
    overflow: hidden
}

.ting-control p {
    width: 33.33%
}

.ting-control {
    height: auto
}

.ting-control p:nth-child(1),.ting-control p:nth-child(2),.ting-control p:nth-child(3) {
    border-bottom: 1px solid #e0e0e0
}

.ting-control p {
    width: calc(33.33% - 1px);
    border-right: 1px solid #e0e0e0
}

.ting-control p:nth-child(3),.ting-control p:nth-child(6) {
    width: 33.33%;
    border-right: none
}

.ting-control.per1 .p1,.ting-control.per2 .p2,.ting-control.per3 .p3,.ting-control.per4 .p4,.ting-control.per5 .p5,.ting-control.per6 .p6 {
    background: #e4e1da
}

.ting-spd {
    display: block
}

.mb00 {
    display: none
}

.tip_ {
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.box_ {
    margin-bottom: 60px;
    margin-left: calc(15% - 10px);
    float: left;
    padding: 20px 0px;
    width: 70%;
    background: #ffeded;
    border: 1px dashed #FF0036;
    border-radius: 3px;
    overflow: hidden
}

.box_ p {
    margin: 0px!important;
    text-indent: 0px!important;
    color: red!important;
    font-size: 16px!important;
    padding: 0px!important;
    line-height: 30px!important
}

.box_ p a {
    color: blue!important;
    padding: 0px 15px
}

.box_ p .npr {
    padding-right: 0
}

.box_ p .np {
    padding: 0
}

.box_ .f12 {
    font-size: 12px!important;
    color: #343434!important
}

.ting-control .p1,.ting-control .p4,.ting-control .p3 {
    display: none
}

.lock {
    padding-left: 20px!important;
    background: url('/imgs/lock.png') no-repeat 0px
}

.vip {
    padding-left: 20px;
    background: url('/imgs/vip2.png') no-repeat 0px
}

.chapter_list .vip {
    height: 100%;
    padding-left: 20px
}

.axd_free {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    z-index: 999999999;
    overflow: hidden
}

.axd_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    overflow: hidden
}

.axd_box {
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    z-index: 999999999;
    overflow: hidden
}

.axd_tbox {
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 5px 10px 8px 10px;
    font-size: 12px;
    z-index: 999;
    background: #333;
    color: #fff;
    border-radius: 5px
}

.axd_tbox span {
    font-size: 16px;
    color: yellow
}

.af0 .axd_box {
    width: 360px;
    background: #fff9ef;
    padding: 0
}

.axd_h {
    float: left;
    padding: 0px 15px;
    width: calc(100% - 30px);
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #a37637;
    border-bottom: 1px solid #f4a629;
    background: #fff3e0
}

.axd_h span {
    float: right;
    height: 100%;
    cursor: pointer;
    color: #333
}

.axd_h span:hover {
    color: red
}

.axd_m {
    float: left;
    width: calc(100% - 40px);
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    line-height: 28px
}

.axd_m .red {
    color: red!important;
    font-size: 12px!important
}

.axd_b {
    float: left;
    width: 100%;
    border-top: 1px solid #f4a629;
    background: #fff3e0
}

.axd_b .btn {
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    cursor: pointer
}

.axd_b .btn:hover {
    color: red
}

.axd_b .btn:first-child {
    width: calc(50% - 1px);
    border-right: 1px solid #f4a629
}

.axd_m p {
    text-indent: 0!important;
    letter-spacing: 0!important;
    margin: 0!important;
    height: 31px!important;
    line-height: 31px!important;
    color: #000!important;
    font-size: 16px!important
}

.fab1b p {
    line-height: 26px!important
}

#loginInfo {
    margin-bottom: 0
}

#showbox3 .section {
    padding: 0
}

.CommentBox .ulc .info {
    float: left;
    margin-left: 20px;
    color: #ccc;
    margin-bottom: 5px
}

.CommentBox .ulc .pic {
    width: 40px;
    height: 40px
}

.CommentBox .ulc .words {
    padding: 0;
    float: right;
    width: calc(100% - 70px);
    margin-left: 0;
    margin-right: 8px
}

.CommentBox .cbtn {
    float: right;
    width: calc(100% - 70px);
    height: 20px;
    line-height: 20px;
    margin-right: 8px
}

.CommentBox .cbtn .hf,.CommentBox .cbtn .redel {
    float: left;
    padding: 0px 8px;
    height: 100%;
    font-size: 12px;
    background: #f0f0f0;
    border-radius: 3px;
    color: #555;
    margin-top: 5px;
    cursor: pointer
}

.CommentBox .cbtn .redel {
    float: right;
    background: none;
    font-size: 14px
}

.recomment_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 999998;
    opacity: 0.5
}

.recomment {
    display: none;
    position: fixed;
    padding: 10px;
    top: 10%;
    left: 30%;
    width: calc(40% - 22px);
    height: calc(80% - 22px);
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    background: #fff;
    z-index: 999999
}

.recomment .reh {
    position: relative;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600px;
    text-align: center
}

.recomment .rex {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    cursor: pointer;
    font-size: 20px;
    font-weight: normal
}

.recomment .recbox {
    float: left;
    width: 100%;
    height: 80px;
    background: #f0f0f0;
    border-radius: 5px
}

.recomment .ulc {
    height: calc(100% - 130px);
    overflow-y: scroll
}

.recomment .ulc::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.recomment .ulc::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2)
}

.recomment .ulc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1)
}

.recomment .recom {
    float: left;
    margin: 10px;
    padding: 5px;
    height: 48px;
    width: calc(80% - 42px);
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none
}

.recomment .recombtn {
    float: left;
    margin-top: 10px;
    width: 20%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    background: #999;
    color: #fff;
    border-radius: 5px;
    border: none;
    cursor: pointer
}

.recomment .recombtn:hover {
    background: #000
}

.recomment .norec {
    text-align: center;
    color: #999
}

.recomment .allrec {
    font-size: 16px;
    padding-bottom: 0!important;
    color: #000
}

.recomment .ulc li:first-child {
    padding-top: 25px
}

.recomment .ulc_bg {
    display: none;
    position: relative;
    top: 50px;
    width: 100%;
    height: calc(100% - 130px);
    background: #000;
    opacity: 0.1;
    z-index: 999
}

.recomment .ulc .words p span,.CommentBox .ulc .words2 p span {
    float: left;
    margin-bottom: 3px;
    padding: 10px;
    width: calc(100% - 20px);
    background: #f0f0f0;
    border-radius: 5px
}

.CommentBox .ulc .words2 {
    margin-top: 10px
}

.CommentBox .ulc .words2 font:first-child {
    color: #999
}

.CommentBox .ulc .words2 .f2 {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    cursor: pointer;
    color: #000
}

#loginInfo a img {
    position: relative;
    top: 5px;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    border-radius: 24px
}

#loginInfo a {
    background: none;
    margin-left: 0;
    display: inline-block;
    float: left;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    max-width: 150px;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px 10px
}