body,h1,h2,div,p,span,a,ul,li,dl,dd,dt {
    margin: 0;
    padding: 0
}

body {
    font-family: STHeiti-Light,'Hiragino Sans GB','Microsoft Yahei',Arial;
    padding-bottom: 24px
}

#readerWarp {
    padding: 6px 16px;
    display: none;
    overflow: hidden;
    line-height: 1.6em
}

.tt-li1,.tt-li2,.tt-li3,.tt-li4,.tt-li5,.footer span,.catalog-con dt,.tool-menu-font-small,.tool-menu-font-big {
    background: url(../templets/read_spirit.png) no-repeat;
    -webkit-background-size: 34px auto
}

.tool-menu,.catalog-wp {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

#readerWarp p {
    margin: 12px 0
}

#readerWarp h1 {
    width: 100%;
    border-bottom: 1px solid #d1d3d6;
    padding: 14px 0;
    font-weight: 500
}

.font0 {
    font-size: 12px
}

.font1 {
    font-size: 14px
}

.font2 {
    font-size: 16px
}

.font3 {
    font-size: 18px
}

.font4 {
    font-size: 20px
}

.font5 {
    font-size: 22px
}

.font6 {
    font-size: 24px
}

.font7 {
    font-size: 26px
}

.font8 {
    font-size: 28px
}

.font0 h1 {
    font-size: 18px
}

.font1 h1 {
    font-size: 20px
}

.font2 h1 {
    font-size: 22px
}

.font3 h1 {
    font-size: 24px
}

.font4 h1 {
    font-size: 26px
}

.font5 h1 {
    font-size: 28px
}

.font6 h1 {
    font-size: 30px
}

.font7 h1 {
    font-size: 34px
}

.font8 h1 {
    font-size: 38px
}

#readerWarp.font7,#readerWarp.font6,#readerWarp.font5,#readerWarp.font4,#readerWarp.font3 {
    line-height: 1.5em;
	line-height: 30px;
}

#readerWarp.font8 {
    line-height: 1.4em
}

a {
    text-decoration: none
}

ul {
    list-style: none
}

.section {
    width: 76px;
    height: 60px;
    color: #c1c1c1;
    display: none;
    border: 1px solid #000;
    line-height: 60px;
    font-size: 14px;
    background-color: rgba(33,33,40,.98);
    text-align: center;
    font-weight: 600;
    position: absolute;
    top: 100px;
    z-index: 2
}

.section:visited {
    color: #c1c1c1
}

.section-pre {
    left: 0;
    border-left: 0;
    border-radius: 0 3px 3px 0
}

.section-next {
    right: 0;
    border-right: 0;
    border-radius: 3px 0 0 3px
}

.section-none {
    background: rgba(45,45,51,.9);
    color: #5b5b5f
}

.top-tool {
    height: 50px;
    width: 100%;
    display: none;
    background: #f9f9f9 -webkit-gradient(linear,0 0,0 100%,from(#34353a),to(#2d2e34));
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-pack: justify;
    border-bottom: 1px solid #212124;
    -webkit-box-align: center;
    z-index: 1
}

.top-tool li {
    text-align: center
}

.tt-li1,.tt-li5 {
    width: 56px;
    height: 100%
}

.tt-li1 {
    border-right: 1px solid #3d3f44;
    background-position: center 18px
}

.tt-li1 a {
    display: block;
    width: 100%;
    height: 100%
}

.tt-li5 {
    border-left: 1px solid #3d3f44;
    line-height: 56px;
    font-size: 14px;
    background-position: center -18px
}

.tt-li5 a {
    display: block;
    width: 100%;
    height: 100%
}

.tt-li2,.tt-li3,.tt-li4 {
    width: 50px;
    height: 40px
}

.tt-li2 {
    background-position: center -162px
}

.tt-li2.tt-li-cur {
    background-position: center -198px
}

.tt-li3 {
    background-position: center -94px
}

.tt-li3.tt-li-cur {
    background-position: center -130px
}

.tt-li4 {
    background-position: center -60px
}

.tt-li4 a {
    display: block;
    width: 100%;
    height: 100%
}

.tt-li2,.tt-li3 {
    position: relative
}

.tool-menu {
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 84px;
    left: 0;
    display: none;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    background: rgba(33,33,40,.98);
    padding: 0 12px;
    position: absolute;
    z-index: 2
}

.tool-menu-skin li {
    -webkit-box-sizing: border-box;
    width: 23%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #ccc;
    color: #585858;
    font-size: 14px;
    border: 1px solid #000
}

#skinSet li:nth-child(2) {
    background: #212225
}

#skinSet li:nth-child(3) {
    background: #c7d0bb;
    border-color: #546340
}

#skinSet li:nth-child(4) {
    background: #dcd9d4;
    border-color: #655959
}

#skinSet li.cur {
    border: 3px solid #0ea500;
    line-height: 33px
}

.tool-menu-font li {
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #515156;
    border-radius: 2px;
    color: #d4d4d4;
    font-size: 14px
}

.skin1 {
    background: #000
}

.tool-menu-font-default {
    width: 23%
}

.tool-menu-font-small,.tool-menu-font-big {
    width: 34%
}

.tool-menu-font-small {
    background-position: center -234px
}

.tool-menu-font-small.cur {
    background-position: center -264px
}

.tool-menu-font-big {
    background-position: center -296px
}

.tool-menu-font-big.cur {
    background-position: center -326px
}
.skin0 {
    background:#f7f7f7;
}

.skin0 #readerWarp {
    color: #444
}

.skin1 #readerWarp {
    color: #242424
}

.skin1 .tt-li1,.skin1 .tt-li5,.skin1 #readerWarp h1 {
    border-color: #3b4043
}

.skin1 .chapter a,.skin1 .chapter span {
    border-color: #16191b;
    color: #737373;
    background: -webkit-gradient(linear,left top,left bottom,from(#2b3033),to(#262a2d))
}

.skin1 .chapter .chapter-none {
    border-color: #555;
    color: #636363
}

.skin2 {
    background: #CFE6D0
}

.skin2 #readerWarp {
    color: #593624
}

.skin3 {
    background: #F2E6CE
}

.skin3 #readerWarp {
    color: #3A5952
}

#conWp div.topnav,#conWp a,#conWp ul,#conWp form,#conWp input,#conWp div.content,#conWp span.font {
    display: none
}

#conWp div.fonts {
    text-indent: 2em
}
.chapter{padding:15px 0 15px 0;background-color:#fff;text-align:center;text-indent:0;}
.chapter ul{display:inline-block;margin-bottom:0;margin-left:0;}
.chapter{clear:both;margin:1px 0;padding:0px 0;width:100%;text-align:center;}
.chapter a{clear:both;display:inline-block;margin:0 3px 3px 0;padding:3px 8px;border:1px solid #ddd;border-radius:2px;background-color: #eee;color: #555;}
.chapter a:hover{color:#eee;background-color:#00a67c;}
.chapter ul>.active>a,.pagination2 ul>.active>span{background-color:#00a67c;color:#fff;}
.chapter ul>.active>a,.pagination2 ul>.active>span{cursor:default;}
..chapter ul>.disabled>a,.pagination2 ul>.disabled>a:focus,.pagination2 ul>.disabled>a:hover,.pagination2 ul>.disabled>span,.pagination2 ul>li>span{background-color:transparent;color:#999;cursor:default;}
.chapter2 {
    overflow: hidden;
    position: relative;
    margin-top: 16px;
    display: none
}

.chapter2 a {
    display: block;
    height: 25px;
    line-height: 36px;
    color: #222;
    text-align: center;
    font-size: 14px;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    background: -webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#ebebeb))
}

.chapter span {
    width: 96px;
    position: absolute;
    top: 0
}

.weixin {
    font-size: 14px;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}
.erji .fl {
    display: block;
    width: 100%;
    margin-left: 0%;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
    color: #ff6766;
}
.weixin_img_box{
    TEXT-ALIGN: CENTER;
    border: 30px solid #f2efe9;
    border-radius: 10px;
}
.erji .weixin_img_box img {
    width: 100%;
}