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

.pctip {
    float: left;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: #292c33;
    overflow: hidden
}

.pctip a {
    float: left;
    width: 50%;
    height: 100%;
    font-size: 18px;
    text-align: center;
    color: #fff!important;
    font-family: '微软雅黑';
    overflow: hidden
}

.pctip a:hover {
    color: #fff;
    text-decoration: none
}

.pctip .apc,.pctip .apc:hover {
    color: coral!important;
    text-decoration: underline
}

.mbN {
    display: none!important
}

.app0 {
    display: none
}

html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,th,img,div,dl,dt,dd,input,select,form,fieldset {
    margin: auto;
    padding: 0
}

body {
    background-color: #E9FAFF;
    color: #555;
    font-family: 微软雅黑,宋体;
    font-size: 12px;
    margin: 0 auto
}

ul li {
    list-style: none outside none
}

a {
    color: #6F78A7;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.money {
    width: 980px;
    margin: 10px auto 0px auto;
    overflow: hidden
}

.money.notop {
    margin-top: 0px
}

.aad {
    border: 1px dashed #B5B5B5;
    color: #777;
    padding: 5px 0px;
    text-align: center;
    overflow: hidden
}

#wrapper {
    margin-top: 10px;
    overflow: hidden
}

.Mem-Nav .L-Nav {
    background: #88C6E5!important
}

.Mem-Nav .L-info * {
    color: #fff!important
}

.Mem-Center {
    border: 5px solid #88C6E5!important
}

.Mem-Nav .L-fav .fav,.Mem-Nav .L-look .look,.Mem-Nav .L-good .good,.Mem-Nav .L-bad .bad,.Mem-List .R-li {
    background: #88C6E5!important
}

.Mem-List .R-list li .box {
    margin: 0px;
    height: auto;
    border: none
}

.Mem-List .R-ovh {
    border-top: 1px dashed #88C6E5!important;
    border-bottom: 1px dashed #88C6E5!important
}

.Mem-Nav ul li {
    border-bottom: 1px dashed #88C6E5!important
}

.pageScroll {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 8px;
    width: 50px;
    height: 66px;
    z-index: 10000;
    font-size: 0px;
    text-indent: -999px;
    background: url('../image/top.png') no-repeat;
    overflow: hidden
}

* html .pageScroll {
    position: absolute;
    left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)-10);
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-8))
}

.search {
    margin: 0;
}

.searchBox #key {
    float: left;
    width: 310px;
    font-size: 14px;
    color: #343434;
    height: 30px;
    line-height: 34px;
    padding-left: 35px;
    font-family: '微软雅黑';
    border: 2px #A6D3E8 solid;
    background: url('../image/serach.png') no-repeat scroll 0 -1px #FFF;
    overflow: hidden
}

.searchBox #s_btn {
    float: right;
    width: 50px;
    border: none;
    color: #FFF;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    font-family: '微软雅黑';
    background: #A6D3E8;
    overflow: hidden
}

.searchBox .hotword {
    float: left;
    width: 100%;
    top: 53px;
    margin: 7px 0px;
    height: 16px;
    line-height: 16px;
    overflow: hidden
}

.searchBox .hotword h3,.searchBox .hotword a {
    float: left;
    display: inline-block;
    font-size: 12px
}

.searchBox .hotword h3 {
    color: gray;
    font-weight: normal
}

.searchBox .hotword a {
    color: #76bfe3;
    margin-left: 5px;
    text-decoration: underline
}

.searchBox {
    float: left;
    width: 100%;
    overflow: hidden;
    background: none
}

.searchBox .searchform {
    height: 34px;
    border-radius: 3px;
    overflow: hidden
}

.header_sbyou_net .navBox .Readed {
    position: relative;
    max-width: 302px;
    overflow: visible
}

.Readed.cur .tt {
    text-decoration: none
}

#ReadedHere {
    float: right;
    height: 40px;
    max-width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.Readed .box {
    display: none;
    position: absolute;
    top: 135px;
    right: 194px;
    width: 300px;
    height: 172px;
    margin: 0px;
    padding: 0px;
    z-index: 9999;
    overflow: hidden;
    background: #d8f1fe;
    border: 1px solid #0f9adf
}

.Readed.cur .box {
    display: block
}

.Readed .box p {
    text-align: center;
    line-height: 172px;
    color: #0f9adf
}

.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: #0f9adf
}

.Readed .Li a.chapter {
    color: green
}

.Readed.cur .Li a:hover {
    text-decoration: underline
}

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

.right .UL li {
    height: 100%;
    padding-top: 0px;
    line-height: 36px
}

.right .UL a {
    margin-top: 5px;
    height: 14px;
    line-height: 14px;
    color: red;
    border-radius: 5px;
    border: 1px solid #FFD1BB;
    padding: 2px 3px
}

.right .UL a:hover {
    text-decoration: none
}

.right .UL span {
    float: left;
    font-weight: bold
}

.SkinBox {
    float: left;
    overflow: hidden
}

.right .UL .pi a {
    float: left;
    margin-left: 3px;
    width: 20px;
    text-align: center;
    text-indent: 999px;
    color: #FFF;
    overflow: hidden
}

.right .UL .pi .cur {
    text-indent: 0px
}

.Bodyf54343 .header_sbyou_net .nav2Box,.Bodyf54343 .header_sbyou_net .navBox .nav1 .cur,.Bodyf54343 .paihang h2 {
    background: #f54343
}

.Bodyf54343 .pages1 a:hover,.Bodyf54343 .pages1 strong,.Bodyf54343 .pageBox a:hover,.Bodyf54343 .pageBox strong {
    background: #f54343;
    border: 1px solid #f54343
}

.Bodyperu .header_sbyou_net .nav2Box,.Bodyperu .header_sbyou_net .navBox .nav1 .cur,.Bodyperu .paihang h2 {
    background: peru
}

.Bodyperu .pages1 a:hover,.Bodyperu .pages1 strong,.Bodyperu .pageBox a:hover,.Bodyperu .pageBox strong {
    background: peru;
    border: 1px solid peru
}

.Bodydarkcyan .header_sbyou_net .nav2Box,.Bodydarkcyan .header_sbyou_net .navBox .nav1 .cur,.Bodydarkcyan .paihang h2 {
    background: darkcyan
}

.Bodydarkcyan .pages1 a:hover,.Bodydarkcyan .pages1 strong,.Bodydarkcyan .pageBox a:hover,.Bodydarkcyan .pageBox strong {
    background: darkcyan;
    border: 1px solid darkcyan
}

.Body3b3b3b .header_sbyou_net .nav2Box,.Body3b3b3b .header_sbyou_net .navBox .nav1 .cur,.Body3b3b3b .paihang h2 {
    background: #3b3b3b
}

.Body3b3b3b .pages1 a:hover,.Body3b3b3b .pages1 strong,.Body3b3b3b .pageBox a:hover,.Body3b3b3b .pageBox strong {
    background: #3b3b3b;
    border: 1px solid #3b3b3b
}

.Bodysteelblue .header_sbyou_net .nav2Box,.Bodysteelblue .header_sbyou_net .navBox .nav1 .cur,.Bodysteelblue .paihang h2 {
    background: steelblue
}

.Bodysteelblue .pages1 a:hover,.Bodysteelblue .pages1 strong,.Bodysteelblue .pageBox a:hover,.Bodysteelblue .pageBox strong {
    background: steelblue;
    border: 1px solid steelblue
}

.Bodydarkorchid .header_sbyou_net .nav2Box,.Bodydarkorchid .header_sbyou_net .navBox .nav1 .cur,.Bodydarkorchid .paihang h2 {
    background: darkorchid
}

.Bodydarkorchid .pages1 a:hover,.Bodydarkorchid .pages1 strong,.Bodydarkorchid .pageBox a:hover,.Bodydarkorchid .pageBox strong {
    background: darkorchid;
    border: 1px solid darkorchid
}

#feedAv,#feedAv *,#pop_ad,#pop_ad * {
    display: none!important;
    border: none!important;
    padding: 0px!important
}

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

* html .mark-box {
    position: absolute;
    left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
    top: expression(eval(document.documentElement.scrollTop))
}

.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: 466px;
    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
}

.log-Box .dlLo .button {
    text-indent: 0px;
    line-height: 27px;
    text-decoration: none
}

.log-Box .dlLo {
    margin-top: 33px
}

.nri {
    float: right
}

.nri ul,.nri ul li {
    float: left;
    overflow: hidden
}

.clear {
    clear: both
}

.ywtop_sethome,.ywtop_addfavorite,.frii .int,.reader_mark0 a,.reader_mark1 a,#fmimg span {
    background: url(../image/all.gif) no-repeat scroll 0 0 transparent
}

.ywtop {
    background-color: #E1ECED;
    border-bottom: 1px solid #A6D3E8;
    color: gray;
    height: 28px;
    min-width: 950px;
    width: 100%;
    overflow: hidden
}

.ywtop_con {
    line-height: 28px;
    text-indent: 16px;
    vertical-align: middle;
    width: 980px;
    margin: 0 auto
}

.ywtop_sethome {
    background-position: 0 8px;
    display: inline;
    float: left;
    margin-right: 20px
}

.ywtop a {
    color: gray
}

.ywtop_addfavorite {
    background-position: 0 -12px;
    display: inline;
    float: left
}

.ywtop_addfavorite a {
    margin-right: 5px
}

.header {
    height: 61px;
    width: 980px;
    margin: auto;
}

.header_logo {
    margin: 0;
}

.header_logo a {
    display: block;
    float: left;
    height: 60px;
    width: 250px;
    margin-top: 5px
}

.userpanel {
    float: right;
    width: 220px;
    height: 48px;
    border: 1px dotted #88C6E5;
    color: #9E9E9E;
    border-radius: 3px;
    margin-top: 6px;
    text-align: center;
    padding: 5px 3px;
    overflow: hidden
}

.userpanel a {
    display: inline-block;
    color: #9E9E9E;
    line-height: 200%
}

.nav {
    background: none repeat scroll 0 0 #88C6E5;
    height: 40px;
    overflow: hidden;
    width: 980px
}

.nav ul li {
    float: left;
    line-height: 44px
}

.nav ul li a {
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    padding: 0 9px
}

.nav ul li .cur {
    text-decoration: underline
}

#admin {
    border: solid 2px #E1ECED;
    height: 30px;
    line-height: 30px;
    width: 88%;
    text-align: center;
    margin: 5px;
    padding: 3px
}

table.grid caption,.gridtop {
    background-color: #E1ECED;
    border: solid 2px #C3DFEA;
    border-bottom: 0px;
    font-size: 14px;
    font-weight: bold;
    margin: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle
}

table.grid {
    border: 2px solid #C3DFEA;
    border-collapse: collapse;
    margin: auto;
    padding: 3px
}

table.grid td {
    background-color: #FFFFFF!important;
    border: 1px solid #C3DFEA;
    padding: 4px
}

.hottext {
    color: red
}

.MessageDiv {
    background: #FFF9D9;
    border: 1px solid #FFCC33;
    line-height: 150%;
    width: 800px;
    margin: 10px auto auto;
    padding: 10px;
    text-align: center
}

#main {
    width: 980px;
    margin: auto;
    overflow: hidden
}

#hotcontent {
    overflow: hidden
}

#hotcontent .l {
    background: none repeat scroll 0 0 #FEF9EF;
    border: 3px solid #C3DFEA;
    float: left;
    height: 330px;
    overflow: hidden;
    width: 695px;
    padding: 0 0 10px
}

#hotcontent .l .item {
    float: left;
    width: 335px;
    padding: 10px 0 0 10px
}

#hotcontent .l .item dl dt {
    border-bottom: 1px dotted #A6D3E8;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}

#hotcontent .l .item dl dt span {
    float: right;
    color: #B3B3B3;
    font-weight: 400
}

#hotcontent .l .item dl dd {
    height: 120px;
    line-height: 20px;
    overflow: hidden;
    text-indent: 2em;
    padding: 7px 0 0
}

#hotcontent .l .item dl {
    float: right;
    width: 190px;
    padding: 0 5px 0 0
}

#hotcontent .l .item .image {
    float: left;
    width: 120px
}

#hotcontent .l .item .image img {
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 1px
}

#hotcontent .ll {
    border: 3px solid #C8D4E1;
    margin: 0px auto;
    padding: 5px;
    float: left;
    width: 964px;
    height: 320px;
    overflow: hidden
}

#hotcontent .ll .item {
    width: 315px;
    float: left;
    padding: 5px 0px 0px 5px
}

#hotcontent .ll .item .image {
    float: left;
    width: 120px
}

#hotcontent .ll .item .image img {
    border: solid 1px #DDDDDD;
    padding: 1px;
    background-color: White
}

#hotcontent .ll .item dl {
    padding: 0px 5px 0px 0px;
    float: right;
    width: 180px
}

#hotcontent .ll .item dl dt {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
    border-bottom: dotted 1px #6191D0;
    font-weight: bold
}

#hotcontent .ll .item dl dt span {
    float: right;
    font-weight: normal
}

#hotcontent .ll .item dl dd {
    padding: 7px 0px 0px 0px;
    line-height: 20px;
    color: #9E9E9E;
    text-indent: 2em;
    height: 120px;
    overflow: hidden
}

#hotcontent .r {
    border: 3px solid #C3DFEA;
    float: right;
    width: 265px;
    background: #FEF9EF;
    padding-bottom: 17px
}

#hotcontent h2 {
    background-color: #E1ECED;
    border-bottom: 1px solid #DDD;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0;
    padding: 0 0 0 10px
}

#flash {
    height: 308px;
    overflow: hidden
}

#hotcontent .r ul {
    padding: 10px
}

#hotcontent .r li {
    border-bottom: 1px solid #DDDDDD;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding: 5px 0 0
}

#hotcontent .r li span {
    display: inline-block;
    float: left
}

#hotcontent .r li .s1 {
    width: 40px
}

#hotcontent .r li .s2 {
    max-width: 200px;
    color: #B3B3B3
}

#hotcontent .r li .s3 {
    width: 30px
}

#hotcontent .r li .s4 {
    color: #B3B3B3;
    width: 50px
}

#hotcontent .r li .s5 {
    float: right;
    text-align: right
}

#hotcontent .r li .s5 a,#hotcontent .r li .s1 a {
    color: #555
}

.novelslist {
    margin: 10px auto 0px auto;
    border: 3px solid #A6D3E8;
    width: 968px;
    padding: 3px;
    background: #FEF9EF;
    overflow: hidden
}

.novelslist .content {
    border-right: dotted 1px #A6D3E8;
    padding: 0px 3px;
    float: left;
    width: 315px
}

.novelslist .content h2 {
    border-bottom: solid 1px #A6D3E8;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    margin: 0
}

.novelslist .content .image {
    padding: 10px 0px 0px 5px;
    float: left;
    width: 71px
}

.novelslist .content .image img {
    width: 67px;
    height: 82px;
    border: solid 1px #DDDDDD;
    padding: 1px;
    background-color: white
}

.novelslist .content dl {
    padding: 10px 0px 0px 0px;
    float: right;
    width: 219px
}

.novelslist .content dl dt {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-weight: bold
}

.novelslist .content dl dd {
    line-height: 20px;
    height: 60px;
    overflow: hidden
}

.novelslist .content ul {
    padding: 10px 0px 0px 0px
}

.novelslist .content ul li {
    color: #B3B3B3;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
    float: left;
    width: 155px
}

.novelslist .content ul li a {
    font-size: 13px
}

.novelslist .border {
    border: 0px
}

.novelslist h2 {
    background-color: #F6F8FE;
    border-bottom: 1px solid #DDDDDD;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 0 0 10px
}

.novelslist ul {
    padding: 10px
}

.novelslist li {
    padding: 5px 0px 0px 0px;
    border-bottom: solid 1px #DDDDDD;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}

.novelslist li span {
    float: left;
    display: inline-block
}

.novelslist li .s1 {
    width: 10%
}

.novelslist li .s2 {
    width: 20%
}

.novelslist li .s3 {
    width: 49%
}

.novelslist li .s4 {
    color: #B3B3B3;
    width: 15%;
    text-align: right
}

.novelslist li .s5 {
    color: #B3B3B3;
    float: right;
    text-align: right
}

.novelslist li .s6 {
    width: 20%;
    color: #B3B3B3
}

.novelslist li a {
    color: #6F78A7
}

#newscontent {
    margin: 10px auto 0px auto
}

#newscontent .l {
    border: 3px solid #88C6E5;
    float: left;
    width: 695px;
    background: #E1ECED
}

#newscontent .l ul {
    padding: 10px
}

#newscontent .l li {
    padding: 5px 0px 0px 0px;
    border-bottom: solid 1px #DDDDDD;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}

#newscontent .l li span {
    float: left;
    display: inline-block
}

#newscontent .l li .s1 {
    width: 75px
}

#newscontent .l li .s2 {
    width: 165px
}

#newscontent .l li .s3 {
    width: 260px
}

#newscontent .l li .s4 {
    color: #B3B3B3;
    width: 90px;
    text-align: right
}

#newscontent .l li .s5 {
    width: 75px;
    color: #B3B3B3;
    float: right;
    text-align: right
}

#newscontent .l li a {
    color: #6F78A7
}

#newscontent .r {
    float: right;
    width: 265px;
    border: 3px solid #88C6E5;
    background: #E1ECED
}

#newscontent .r ul {
    padding: 10px
}

#newscontent .r li {
    padding: 5px 0px 0px 0px;
    border-bottom: solid 1px #DDDDDD;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}

#newscontent .r li span {
    float: left;
    display: inline-block
}

#newscontent .r li .s1 {
    width: 40px
}

#newscontent .r li .s2 {
    color: #B3B3B3;
    max-width: 205px
}

#newscontent .r li .s3 {
    width: 30px
}

#newscontent .r li .s4 {
    width: 50px;
    color: #B3B3B3
}

#newscontent .r li .s5 {
    float: right;
    text-align: right
}

#newscontent .r li a {
    color: #6F78A7
}

#newscontent h2 {
    margin: 0px;
    overflow: hidden;
    padding: 0px 0px 0px 10px;
    background-color: #A6D3E8;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #DDDDDD
}

#firendlink {
    border: 1px solid #DDD;
    line-height: 22px;
    width: 949px;
    margin: 10px auto 0px auto;
    padding: 9px 0 9px 9px
}

#firendlink a {
    color: #548161;
    display: inline-block;
    margin: 0 9px 0 0
}

.novellist {
    margin: 10px auto;
    width: 980px;
    padding: 3px 0px
}

.novellist h2 {
    background-color: #F6F8FE;
    border-bottom: 1px solid #DDDDDD;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 0 0 10px
}

.novellist ul {
    padding: 10px
}

.novellist li {
    float: left;
    color: #B3B3B3;
    padding: 5px 0px 0px 0px;
    border-bottom: solid 1px #DDDDDD;
    height: 25px;
    width: 20%;
    line-height: 25px;
    overflow: hidden;
    display: inline-block
}

.novellist li a:link {
    color: #6F78A7;
    text-decoration: none
}

.pagelink {
    margin: 0px 10px;
    padding-top: 10px
}

.page_b {
    background-color: #fff;
    border: 1px solid #DDDDDD;
    margin: 5px 10px;
    margin-bottom: 11px
}

.page_b2 {
    padding-top: 0.5px;
    line-height: 43px;
    text-align: center
}

.page_b .red {
    color: red;
    text-decoration: underline
}

.pagelink a,.pagelink em,.pagelink strong,.pagelink input {
    display: block;
    float: left
}

.pagelink a,.pagelink strong,.pagelink em {
    padding: 1.5px 7px;
    background-color: #fff;
    margin: 0px 3px 6px 3px;
    border: 1px solid #88C6E5;
    font-size: 14px
}

.pagelink a:hover {
    text-decoration: none;
    color: #fff;
    background: #88C6E5
}

.pagelink .cur {
    color: #fff;
    background: #88C6E5
}

.pagelink strong {
    background-color: #88C6E5;
    color: #fff;
    border-color: #C8D4E1
}

.pagelink input {
    margin-top: 2px;
    margin-top: 3px\9;
    width: 25px
}

.dahengfu {
    overflow: hidden;
    width: 976px;
    margin: 10px auto
}

.box_con {
    border: 2px solid #88C6E5;
    overflow: hidden;
    width: 976px;
    margin: 0px auto
}

.con_top {
    border-bottom: #88C6E5 1px solid;
    text-align: left;
    padding: 0px 10px;
    line-height: 40px;
    height: 40px;
    background-color: #E1ECED
}

.con_top #bdshare {
    float: right;
    line-height: 20px;
    padding-top: 7px;
    text-align: right
}

#sidebar {
    float: left;
    width: 140px;
    text-align: left
}

#maininfo {
    float: right;
    width: 800px
}

#fmimg {
    background-color: #E1ECED;
    float: left;
    width: 126px;
    margin: 12px;
    padding: 12px;
    position: relative
}

#fmimg img {
    border: medium none;
    height: 150px;
    width: 120px;
    margin: 3px
}

#fmimg span {
    top: 8px;
    right: 8px;
    width: 88px;
    height: 88px;
    position: absolute;
    display: block;
    z-index: 999
}

#fmimg .a {
    background-position: 0 -206px
}

#fmimg .b {
    background-position: 0 -294px
}

#info {
    padding: 10px;
    margin: 10px;
    font-size: 15px
}

#info h1 {
    font-family: 微软雅黑,宋体;
    font-size: 28px;
    font-weight: 700;
    overflow: hidden;
    margin: auto;
    padding: 1px
}

#info p {
    height: 25px;
    line-height: 25px;
    padding-top: 2px;
    width: 500px;
    margin: auto;
    overflow: hidden;
    float: left
}

#info .p1,#info .p2 {
    width: 250px
}

#info .txt {
    color: red
}

#info .dt0 {
    display: none
}

#intro {
    width: 96%;
    overflow: hidden;
    line-height: 150%;
    border-top: 1px dashed #88C6E5;
    padding: 10px;
    font-size: 13px
}

#intro p {
    margin-top: 10px
}

#listtj {
    width: 960px;
    padding: 5px;
    float: left;
    margin-bottom: 10px;
    text-indent: 12px
}

#booklistBox {
    padding: 2px
}

#booklistBox dl {
    float: left;
    overflow: hidden;
    padding-bottom: 1px;
    margin: auto
}

#booklistBox dt {
    background: none repeat scroll 0 0 #C3DFEA;
    display: inline;
    float: left;
    font-size: 14px;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 98%;
    margin: auto auto 5px;
    padding: 5px 10px
}

#booklistBox dd {
    border-bottom: 1px dashed #CCC;
    display: inline;
    float: left;
    height: 25px;
    line-height: 200%;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: left;
    text-indent: 10px;
    vertical-align: middle;
    width: 33%
}

#booklistBox dd a:link {
    color: #444
}

.bookname {
    border-bottom: 1px dashed #88C6E5;
    line-height: 30px;
    padding-top: 10px;
    margin-bottom: 5px;
    overflow: hidden
}

.bookname h1 {
    font-family: 微软雅黑,宋体;
    padding-top: 10px;
    text-align: center
}

.bottem1 {
    text-align: center;
    width: 100%;
    margin-bottom: 10px
}

.bottem1 .keyleft {
    margin-left: 0
}

.bottem1 .keyright {
    margin-right: 0
}

.lm {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px
}

.box_con #content {
    padding: 20px 0px;
    overflow: hidden;
    font-family: 微软雅黑,宋体;
    font-size: 20px;
    line-height: 2em;
    padding-top: 15px;
    width: 85%;
    margin: auto
}

.box_con #content p {
    text-indent: 2em
}

.reader_mark0 {
    width: 30px;
    height: 90px;
    top: 50px;
    position: fixed;
    right: 5px;
    _margin-top: 50px;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop))
}

.reader_mark1 {
    width: 30px;
    height: 90px;
    top: 50px;
    position: fixed;
    left: 5px;
    _margin-top: 50px;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop))
}

.reader_mark0 a {
    width: 30px;
    height: 90px;
    display: block;
    background-position: 0px -116px
}

.reader_mark1 a {
    width: 30px;
    height: 90px;
    display: block;
    background-position: -30px -116px
}

.content_read {
    overflow: hidden;
    width: 980px;
    margin: 0px auto
}

.bottem2 {
    border-top: 1px dashed #88C6E5;
    clear: both!important;
    text-align: center;
    width: 900px;
    margin: 20px 20px 0px 20px;
    padding: 15px
}

.bottem a,.bottem1 a,.bottem2 a {
    color: #085308;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px
}

#bdshare {
    padding: 5px 5px 5px 13%
}

#footer,.footer {
    overflow: hidden;
    text-align: center;
    width: 980px;
    margin: 10px auto auto
}

.footer_link {
    border-bottom: 2px solid #88C6E5;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    width: 92%;
    margin: 5px auto
}

.footer_cont p {
    color: #B2B2B2;
    line-height: 20px;
    width: 88%
}

.box_con .h {
    float: left;
    width: 100%;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #88C6E5;
    background: #E1ECED
}

.box_con.mt10 {
    margin-top: 10px
}

.ChapterOrder {
    position: relative;
    background: #E9FAFF;
    display: inline-block;
    margin-left: 10px;
    height: 18px;
    line-height: 18px;
    padding: 0px 3px;
    color: #88C6E5;
    cursor: pointer;
    border: 1px solid #88C6E5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px
}

.ChapterOrder.asc {
    color: forestgreen;
    border: 1px solid forestgreen
}

.shoucang a {
    float: left;
    margin-right: 5px
}

ol li,ul li {
    list-style: none
}

.ph-box {
    float: left;
    padding-top: 25px;
    margin: 10px 4px auto 4px;
    width: 234px;
    height: 549px;
    border-style: solid;
    border-width: 1px;
    position: relative
}

.ph-box h3 {
    top: -13px;
    left: 37px;
    width: 161px;
    height: 24px;
    line-height: 24px;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    text-align: center;
    position: absolute
}

.ph-box ul {
    width: 96%
}

.ph-box ul li {
    padding-left: 10px;
    height: 24px;
    line-height: 25px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    text-align: left;
    position: relative
}

.ph-box ul li.more {
    border-bottom: 0
}

.ph-box ul li.ltitle span,.ph-box ul li.ltitle span a {
    color: #555
}

.ph-box ul li.ltitle span a,.ph-box ul li.ltitle span a:hover {
    color: #555;
    text-decoration: underline
}

.ph-box ul li a {
    margin-left: 10px;
    line-height: 25px;
    color: #3366BB
}

.ph-box ul li a:hover {
    color: #F60;
    text-decoration: underline
}

.ph-box ul li span {
    right: 10px;
    top: 0px;
    position: absolute
}

.b1,.b1 h3 {
    border-color: #F9CDDE
}

.b1 h3 {
    background-color: #FCDEEA
}

.b2,.b2 h3 {
    border-color: #B0DBEC
}

.b2 h3 {
    background-color: #D6ECF7
}

.b3,.b3 h3 {
    border-color: #EFEAAA
}

.b3 h3 {
    background-color: #FAF1D4
}

.b4,.b4 h3 {
    border-color: #D5E6B9
}

.b4 h3 {
    background-color: #E5F8CB
}

.bookname {
    float: left;
    width: 100%;
    overflow: hidden
}

.tingplaybox {
    float: left;
    width: 98%;
    margin: 5px 1%;
    -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: 28px;
    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
}

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

.ting-control {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #e4e1da;
    overflow: hidden
}

.ting-control p {
    float: left;
    width: 25%;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #272a30;
    text-align: center;
    background: #f0f0f0;
    cursor: pointer;
    overflow: hidden
}

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

.tingspan {
    position: relative;
    top: -1px;
    text-indent: 0px;
    display: inline-block;
    margin: 0px 10px;
    padding-left: 10px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-family: '宋体';
    background: url('../image/ting.png') no-repeat 0px 2px;
    background-size: 10px
}

.tingfont {
    display: inline-block;
    cursor: pointer
}

.tingspan i {
    cursor: pointer;
    float: none;
    position: relative;
    display: inline-block;
    padding: 0px 5px;
    height: 10px;
    line-height: 10px;
    border: 1px solid red;
    border-radius: 10px;
    opacity: 0.3;
    color: red;
    text-align: center;
    font-style: normal;
    font-family: '微软雅黑';
    font-size: 12px
}

.tingfont:hover {
    color: red
}

.tingmore {
    display: none;
    position: absolute;
    padding-left: 28px;
    top: -34px;
    left: -10px;
    width: 152px;
    height: 25px;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    background: url('../image/ting.png') no-repeat 9px 5px #fff;
    background-size: 10px;
    box-shadow: 0 0 10px #AAA;
    z-index: 999999
}

.tingmore s {
    position: absolute;
    left: 10px;
    bottom: -12px;
    opacity: 0.4;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #999;
    overflow: hidden
}

.tingmore i {
    float: left;
    margin-top: 7px;
    margin-right: 8px;
    border-color: #000;
    color: #000
}

.tingmore .cur {
    border-color: red;
    color: red
}

.tingmore .c {
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    border: none;
    overflow: hidden
}

.tingmore .c:hover {
    color: red;
    opacity: 1
}

.tingmore.r {
    left: auto;
    right: -10px
}

.tingmore.r s {
    left: auto;
    right: 10px
}

.tingspan.cur .tingmore {
    display: block
}

.tingmore.c s {
    left: 50%
}

.ting-flow {
    display: none;
    position: fixed;
    bottom: 60px;
    width: 180px;
    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('../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,.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 1% 0px 1%;
    width: 98%;
    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%
}

.jindu {
    background: #e0f6fd;
    border-color: #a9e8fb
}

.jd-box {
    background: #abe1f2
}

.jd-line {
    background: #18b6e6
}

.jd-ico {
    border-color: #18b6e6
}

.jd-t a,.jd-t a:hover,.jd-ico span {
    color: #18b6e6
}

.ting-spd .spd-btn span {
    background: #a9e8fb
}

.header {
    height: 70px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav {
    overflow: visible
}

.Readed {
    position: relative
}

.Readed .box {
    top: 35px;
    right: -60px
}

.nav ul li {
    height: 40px;
    line-height: 40px
}

.tingplaybox {
    box-shadow: 1px 2px 5px #6d9aa7
}

.ting-con {
    background-color: #e0f6fd
}

.ting-control p {
    background: #d2f2fc
}

.ting-control {
    border-top: 1px solid #6d9aa7
}

.ting-play-cur {
    background: #95d4e7
}

.ting-cur {
    background: #5aa4ba
}

.share4xx {
    position: relative;
    padding: 5px 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: 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 {
    background: #f0f0f0
}

#bodybox .cur {
    background: #dcf2f9
}

#info {
    margin-bottom: 0;
    padding: 10px 0px;
    margin: 0px
}

.btnbox {
    float: left;
    width: 100%;
    overflow: hidden
}

.btnbox a {
    float: left;
    width: 150px;
    height: 38px;
    line-height: 38px;
    margin-right: 5px;
    background: #95B4EC;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    overflow: hidden
}

.btnbox a:hover {
    font-size: 18px;
    text-decoration: none
}

.report-box {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #666;
    padding-bottom: 10px
}

.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: 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% - 6px);
    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: 10px 0px 10px 0px;
    padding: 0px 20px 12px 20px;
    border: 2px solid #88C6E5;
    background: #fff
}

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

.aaalist .h {
    border: none;
    background: none
}

.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;
    height: 16px;
    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
}

.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: #a9e8fb
}

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

.ph-box ul li span {
    background: #E9FAFF;
    padding-left: 3px
}

.ph-box ul li {
    overflow: hidden
}

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

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

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

#list ul li .vip {
    width: auto;
    height: auto;
    float: none
}

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

.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 {
    float: left;
    margin: 1.5px 5px 1.5px 0px;
    width: 24px;
    height: 24px;
    border-radius: 24px
}

#loginInfo {
    text-indent: 0
}

#bodybox a {
    color: blue;
    text-decoration: underline
}

.axd_close {
    top: 50px;
    cursor: pointer
}

.axd_jb {
    right: 62px;
    color: yellow
}

.axd_jb:hover {
    color: yellow;
    text-decoration: underline
}

.axd_jb {
    color: yellow!important
}

.appfloatma {
    height: auto
}

.app1 .appma {
    margin-bottom: 15px
}

.settings-box {
    display: none;
    position: fixed;
    top: 50%;
    right: 50px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 999999;
    width: 300px;
    border: 1px solid #ccc;
    padding-bottom: 20px;
    margin-top: -122px
}

.settings-box h3 {
    width: 100%;
    color: #000;
    font-size: 18px;
    padding: 10px 0px 10px;
    margin-bottom: 30px;
    text-indent: 20px;
    border-bottom: 1px solid #ccc
}

.settings-box div {
    padding: 0px 20px
}

.settings-box label {
    font-size: 14px;
    margin-bottom: 10px;
    display: block
}

.settings-box input[type="checkbox"],.settings-box input[type="range"] {
    margin-right: 8px
}

.settings-box .speed-options {
    margin-bottom: 10px
}

.speed-value {
    display: inline-block;
    margin-left: 10px
}

.close-btn {
    position: absolute;
    top: 13px;
    right: 10px;
    background: #ccc;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: white;
    cursor: pointer;
    text-align: center
}

.close-btn:hover {
    background: #f00
}

.settings-box input[type="checkbox"] {
    float: left;
    position: relative;
    top: 3px
}

.settingbtn {
    z-index: 999999;
    line-height: 95px;
    text-align: center;
    position: fixed;
    top: 50%;
    right: 10px;
    margin-top: -160px;
    width: 58px;
    height: 58px;
    background-size: 32px!important;
    background-position: 12px 4px!important;
    border: 1px solid #f59d40;
    border-radius: 5px;
    cursor: pointer
}