ul,li,p{margin: 0;padding: 0;list-style: none;}
.defaultBg {background: #faf6ed;color: #333;}
.sunModel{background: #333 !important;color: #aaa;}
.color1{background: #faf6ed;}
.color2{background: #defbde;}
.color3{background: #efd9ea;}
.color4{background: #f3f3f3;}
body, html {position: relative;height: 100%;width: 100%;max-width: 100%;background: #F8F8F8;padding: 0!important;margin: 0;font-family: sans-serif;}
section.readplus {font-size: 1em;line-height: 1.6;width: 100%;height: 100%;position: relative;}
section.readplus article {position: absolute; width: 100%; height: 100%;padding: 30px 0;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.6); -webkit-transform: translate3d(0,0,0);}
section.readplus article.dark{background-color:#2a2a29 !important; color:#7b7b7b;}
section.readplus article div.mianDiv { width: 100%;height: 100%;position: relative; overflow-x: hidden;}
section.readplus {font-size: 14px;line-height: 1.6;}
section.readplus article div.mianDiv>div {text-align: justify;height: 100%;position: absolute;left: 0;word-break: break-all;width: 100%;}
section.readplus article div.mianDiv>div.goLeftRight{/* width: 200%; *//* -webkit-column-count: 2;-webkit-column-gap: 0; */ -webkit-column-gap: 0px;column-gap: 0px;}
section.readplus article div.mianDiv>div p,section.readplus article div.mianDiv>div div {box-sizing: border-box; padding: 0px 20px;margin: 10px 0;}
section.readplus article div.mianDiv>div p>img,section.readplus article div.mianDiv>div div>img{margin: 0 auto;}
@-moz-document url-prefix(){section.readplus article div.mianDiv>div p{margin: 0px;}} 
section.readplus article div.mianDiv>div h2,section.readplus article div.mianDiv>div h1,section.readplus article div.mianDiv>div h3{box-sizing: border-box;padding: 0px 20px;margin: 10px 0;}
section #floatDiv{height: 100%;}
section #floatDiv div{position: fixed;top: 0;width: 35%;height: 100%;z-index: 99;}
section #floatDiv #leftDiv{left: 0;}
section #floatDiv #rightDiv{right: 0;}
section #floatDiv #middleDiv{width: 30%;top: 30%;height: 40%;left: 35%;}
section #floatDiv #upDiv{width: 100%;height: 30%;}
section #floatDiv #downDiv{width: 100%;height: 30%;bottom: 0;top: auto;}

section #setPage div{position: fixed;width: 100%;}
section #setPage #setTop{top: -50px;height: 50px;background-color: rgba(53,52,51,.95);z-index: 999;}
section #setPage #setTop.showDiv{transition: transform 400ms ease;transform: translate3d(0px, 50px, 0px);-webkit-transform: translate3d(0px, 50px, 0px);-moz-transform: translate3d(0px, 50px, 0px);-o-transform: translate3d(0px, 50px, 0px);}
section #setPage #setTop.hideDiv{transition: transform 400ms ease;transform: translate3d(0px, -50px, 0px);-webkit-transform: translate3d(0px, -50px, 0px);-moz-transform: translate3d(0px, -50px, 0px);-o-transform: translate3d(0px, -50px, 0px);}
section #setPage #setFoot{bottom:-70px;height: 70px;background-color:rgba(53,52,51,.95);z-index: 999;}
section #setPage #setFoot.showDiv{transition: transform 400ms ease;transform: translate3d(0px, -70px, 0px);-webkit-transform: translate3d(0px, -70px, 0px);-moz-transform: translate3d(0px, -70px, 0px);-o-transform: translate3d(0px, -70px, 0px);}
section #setPage #setFoot.hideDiv{transition: transform 400ms ease;transform: translate3d(0px, 70px, 0px);-webkit-transform: translate3d(0px, 70px, 0px);-moz-transform: translate3d(0px, 70px, 0px);-o-transform: translate3d(0px, 70px, 0px);}
section #setPage #setTop img{height: 24px;margin-top: 13px;}
section #setPage #setTop img.letGoBack{margin-left: 16px;}
section #setPage #setTop #detail img{margin-left: 10px;}
section #setPage #setTop a{float: left;}
section #setPage #setTop b{float: left;margin-right: 16px;}
section #setPage #setTop .topRight{float: right;}
section #setPage #setTop .topRight img{margin-left: 10px;}
section #setPage #setFoot li{height: 50px;margin-top: 10px;float: left;width: 25%;text-align: center;}
section #setPage #setFoot li img{height: 30px;display: block;margin: 0 auto;}
section #setPage #setFoot li span{font-size: .9rem;color: #fff;}
section #setPage #setFoot li span.dark{color: #7b7b7b;}


#setdetail{position: fixed;bottom: 68px;left: 0;background-color: rgba(53,52,51,.95);width: 100%; box-sizing: border-box;padding:10px 20px 20px;color: #fff;z-index: 9999;
border-bottom: 1px solid #ccc;}
#setdetail p{height:40px;line-height: 40px;}
#setdetail p span{width: 90px;	float: left;}
#setdetail p i{width: 22px;height: 22px;background-color: #fff;border-radius: 3px;float: left;margin-top: 10px;margin-right: 20px;}
#setdetail p i.color1{background: #faf6ed;border:2px solid #faf6ed;}
#setdetail p i.color2{background: #defbde;border:2px solid #defbde;}
#setdetail p i.color3{background: #efd9ea;border:2px solid #efd9ea;}
#setdetail p i.color4{background: #f3f3f3;border:2px solid #f3f3f3;}
#setdetail p i:last-child{margin-right: 0;}
#setdetail p i.current{ border:2px solid #2196f3; }
#setdetail p b{height: 26px;float: left;background-color: #fff;border-radius: 3px;margin-top: 10px;margin-right: 15px;font-weight: normal;color: #3a444c;line-height: 26px;padding: 0 8px; border:2px solid #fff;}
#setdetail p b.current{ border:2px solid #2196f3; }

#setPage div#setTopDetail{position: fixed;top:64px;right: 5px;background-color: #444; width:auto;padding:1px 20px 10px 16px;border-radius: 10px;z-index: 999;}
#setPage div#setTopDetail img.arrowTop{height: 20px;position: absolute;right: 10px;top: -19px;}
#triangle-up {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 20px solid #444;    position: fixed;
    right: 12px;
    top: 45px;
}
#setPage div#setTopDetail p{height:36px; overflow: hidden;}
#setPage div#setTopDetail p img{float: left;height: 25px;margin-top: 13px;}
#setPage div#setTopDetail p span{color: #fff;float: left;height: 30px;line-height: 30px;margin-top: 10px;margin-left: 10px;font-size: 1rem;}
#setPage div#setTopDetail p span.dark{color: #7b7b7b;}

.nextOrPrev{position: fixed;bottom: 5px;width: 100%;z-index: 999;}
.nextOrPrev img{height: 50px;position: absolute;}
.nextOrPrev img#prevImg{left: 20px;bottom: 0;opacity: .8;}
.nextOrPrev img#nextImg{right: 20px;bottom: 0;opacity: .8;}
.dn{display: none;}

.catalogList{ position:absolute; top:0; left:0; width:100%; background:#f3f4f4; z-index:1000; }
.catalogList h4{ position:relative; margin:0; padding:0 10px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; background:#000; }
.catalogList .returnBtn{ position:absolute; left:10px; top:50%; width:24px; margin-top:-12px; }
.catalogList ul{ background:#fff; }
.catalogList li.volume a{ font-size:16px; font-weight:bold; }
.catalogList li a{ position:relative; display:block; padding:10px 20px 10px 10px; text-decoration:none; font-size:14px; line-height:24px; color:#242424; border-bottom:1px solid #d8dadb; }
.catalogList li.isThis a{background-color: #ccc;}
.catalogList li a i{ display:none;position:absolute; top:50%; right:10px; width:7px; height:13px; margin-top:-6.5px; background:url(../../../images/arrow1.png); background-size:100% 100%; }
.catalogList li a b{position:absolute; top:50%; right:10px; height:20px; margin-top:-10px;}
.catalogList li a b img{height: 100%;}
.catalogList li a span{ position:absolute; top:50%; right:10px; height:14px; font-size:14px; color:#656565; line-height:14px; margin-top:-7px; }
.catalogList .more{ padding:10px 0; text-align:center; background:#f9fafb; border-bottom:1px solid #d8dadb; }
.letGoBack{display: inline-block;}

#loadingImg{position: absolute;height: 50px;width: 50px;top: 50%;left:50%;margin-top: -25px;margin-left: -25px; }
.titleName,.pageNum{position: absolute;height: 30px;line-height: 30px;top: 0;left: 0px;font-size: 1rem;;color: #858888;padding:0 20px;}
.titleName{width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pageNum{right: 0;left: auto;}

.loadDiv{z-index: 9999;}
/* 间距设置 */
#lineSize img{display: inline;width: 15px;}
.guideDiv{position: fixed;z-index: 1555;top: 0;left: 0;right: 0;bottom: 0;}
.guideDiv img{width: 100%;height: 100%;}
#moveGo img{height: 200px;margin: 0 auto;}
@media screen and (min-height: 1000px) {
    #moveGo img{height: 500px;margin: 0 auto;}
}
@media screen and (min-height: 1500px) {
    #moveGo img{height: 750px;margin: 0 auto;}
}