* {
	margin: 0;
	padding: 0;
}

html, body, .wrap, .cont {
	height: 100%;
}

.wrap {
	font-size: 0;
	height: 100%;
	width: 100%;
	background-color: #ede9d6;
	text-align: center;
}

.cont {
	position: relative;
	overflow: hidden;
	background-color: #faf7ed;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	/* width: 666px; 
	margin-left: 90px;*/
}

.ebookcont {
	width: 100%;
	height:100%;
}

.cont .router {
	padding-top: 4%;
	text-align: left;
	margin-left: 35px;
	display: none;
}

.cont .router span {
	font-size: 12px;
	color: #acacaa;
}

.envelope {
	height: 100%;
}

.marLT1 {
	margin-left: 117px;
	margin-top: 15px;
}

.publish, .wrongTxt {
	margin-left: 60%;
}

.publish {
	margin-top: 420px;
}

.wrongTxt {
	padding-bottom: 199px;
}

.readNav {
	display: inline-block;
	width: 90px;
	height: 100%;
	font-size: 20px;
	text-align: center;
	vertical-align: top;
	position:fixed;
}

.menu {
	height: 100%;
	width: 350px;
	background-color: #e4dbcb;
	position: absolute;
	top: 0;
	right: -350px;
	overflow: auto;
	z-index:6;
}
.unClick{
	position:absolute;
	height:100%;
	width:100%;
	background-color:transparent;
	left:0;
	top:0;
	display:none;
}
.clear {
	clear: both;
}

.muluBtn {
	background: url(../../images/ebook/muluImg.png) no-repeat;
	background-position: center top;
}

.exist {
	background: url(../../images/ebook/existRead.png) no-repeat;
	background-position: center top;
}

.muluBtn:hover {
	background: url(../../images/ebook/muluImgAft.png) no-repeat;
	background-position: center top;
}

.exist:hover {
	background: url(../../images/ebook/existReadAft.png) no-repeat;
	background-position: center top;
}

.muluBtn, .exist {
	height: 60px;
	line-height: 100px;
	margin-top: 10px;
	color: #333;
	cursor: pointer;
}

.muluBtn:hover, .exist:hover {
	color: #b14e4a;
}

.startBtn {
	position: absolute;
	height: 64px;
	width: 142px;
	bottom: 6%;
	right: 12%;
}

.btnBg {
	position: absolute;
	bottom: 14px;
	text-align: center;
	left: 0;
	right: 0;
	display: none;
}

.btnBg .preBtn, .btnBg .nextBtn {
	vertical-align: middle;
	width: 6%;
	outline: none;
}

.btnBg span {
	vertical-align: middle;
	font-size: 12px;
	color: #b14e4a;
	padding-left:30px;
	padding-right:30px;
}

.ebookcont p {
	font-size: 16px;
	line-height: 32px;
	text-align: justify;
	width: 75%; 
	margin: 0 auto!important;
}

.ebookcont img {
	 width: 100%; /* 20170811L */
	height: 100%;
}

.ebookcont p img {
	width: 100%;
	/* height: 512px; */
	display: block;
	margin: 0 auto;
	margin-bottom: 20px; 
}

.ebookcont video {
    width: 36%;
    cursor: pointer;
    background: url(../../images/ebook/video.png) no-repeat;
    background-size: 100%;
    margin-left: 29%;
}
.videoBtn{
	margin-top: 5%;
	height: 60px;
	width: 270px;
	cursor: pointer;
	margin-right: 84px;
	background: url(../../images/ebook/video.png) no-repeat;
	margin-left: 52%;
}

.txtLeft {
	text-align: left;
	padding-bottom: 4%;
	font-size: 16px;
	line-height: 36px;
	padding-left: 35px;
}

.tit {
	font-size: 22px;
	line-height: 130px;
}

.important {
	color: #800000;
}

.chapter {
	font-size: 16px;
}

.menu p {
	font-size: 16px;
	text-align: left;
	width: 90%;
	margin: 0 auto;
	cursor: pointer;
	border-bottom: 1px solid #b5b5b5;
	padding:18px 0;
}

.menu div p {
	width:80%;
	padding-left:10%;
}

.cover {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	display: none;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.8);
}

#J_prismPlayer {
	position: absolute;
	bottom: 0;
	top: 0;
	left: -1;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	margin: auto;
}

.load {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
}

.loading {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
}

.cont .guideImg {
	width:75%;
	height:auto;
}

.ebookcont .chapterLeft {
	text-align: left;
	margin-left: 35px;
	line-height: 60px;
	font-size: 18px;
}

.readbook, .prePageBtn {
	color: #333;
	display: none;
	height: 100px;
	width: 88px;
	position: absolute;
	bottom: 0;
	line-height: 120px;
	outline: none;
    border: none;
}
/* .startBtnIcon:hover, .preBtnIcon:hover{
	color: #97110F;
} */
.currentStyle{
	color:#800000;
}
.boxBg{
	margin-top:50px;
}
.backBtn,.buyBtn{
	display: inline-block;
	font-size:14px;
	color: #FFF;
	width: 170px;
    height: 24px;
    line-height:24px;
    vertical-align: middle;
}
.buyBtn{
	cursor: pointer;
}
.boxTip{
	text-align: center!important;
    height: 300px;
    padding-top:250px;
}
.backBtn{
	border: none;
    outline: none;
	background-color: #bdbdb5;
}
.buyBtn{
	background-color: #d8534e;
	margin-left:20px;
}
.chapterActive{
	color:#b14e4a;
}
.box{
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 900px!important;
	height: 660px;
	margin: auto;
}
.closeBtn{
	position: absolute;
	font-size:14px;
	z-index:1;
	right:15px;
	top:10px;
	color:#FFF;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
}
.startBtnIcon{
	background: url(../../images/ebook/startBtn.png) no-repeat;
	background-position: center top;
}
.preBtnIcon{
	background: url(../../images/ebook/prePageBtn.png) no-repeat;
	background-position: center top;
}
.startcover,.prepagecover{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: transparent;
	display:none;
}
.downLoadCover{
    position:absolute;
    left:0;top:0;
    height:100%;
    width:100%;
    display:none;
    text-align: center;
    background-color:#000;
}
.downLoadCover p{
    font-size:28px;
    color:#FFF;
    margin-top: 40%;
}
.downLoadCover img{
    margin-top: 20%!important;
    width: 40%;
}
.downLoadClose{
    margin-top: 30px!important;
	text-align: right;
	padding-right:35px;
}
@media screen and (max-width: 1400px){
	.ebookcont p{
		font-size:12px;
		line-height:24px;
	}
	.ebookcont p span{
		font-size:12px!important;
	}
	.ebookcont p img {
		margin-top:0;
	}
	.box{
		width: 50%!important;
		height: 60%;
	}
	.tit {
		line-height: 60px;
	}
}
@media screen and (max-width: 700px){
	.ebookcont{
		width:80%;
	}
}