/*阅读模式栏目的样式*/

@media (min-width: 870px){
	.article-readmode .container{
		width: 800px;
}
}

@media (min-width: 870px){
	.article-readmode .read-option {
     margin-left: 388px; 
	}
}

@media (min-width: 810px) and (max-width: 870px){
	.article-readmode .container{
		width: 750px;
}
}

@media (min-width: 810px) and (max-width: 870px){
	.article-readmode .read-option {
     margin-left: 364px; 
	}
}
@media (min-width: 769px) and (max-width: 809px){
	.article-readmode .container{
		width: 700px;
}
}

@media (min-width: 769px) and (max-width: 809px){
	.article-readmode .read-option {
     margin-left: 338px; 
	}
}



.article-readmode .read-option{
	position: fixed;
    top: 20px;
    left:50%;
	
}
@media (min-width: 170px) and (max-width: 768px){
	.article-readmode .read-option{
    top: 0px;
 
	
}
}
/*第一组*/
@media (min-width: 590px) and (max-width: 768px){
	.article-readmode .read-option {
	 left:95%;
	}
}
@media (min-width: 590px) and (max-width: 768px) {
	
	.window .window-mainbody{
		padding: 0px 34px 0 0px!important;
	}

}
/*第二组*/
@media (min-width: 470px) and (max-width: 589px){
	.article-readmode .read-option {
	 left:93.55%;
	}
}
@media (min-width: 170px) and (max-width: 589px) {
	
	.window .window-mainbody{
		padding: 0px 36px 0 0px!important;
	}

}
/*第三组*/
@media (min-width: 390px) and (max-width: 469px){
	.article-readmode .read-option {
	 left:92.56%;
	}
}

/*第四组*/
@media (min-width: 354px) and (max-width: 389px){
	.article-readmode .read-option {
	     left: 90.68%;
	}
}
/*第五组*/
@media (min-width: 300px) and (max-width: 353px){
	.article-readmode .read-option {
	     left: 89.68%;
	}
}
/*第六组*/
@media (min-width: 170px) and (max-width: 299px){
	.article-readmode .read-option {
	 left:88.68%;
	}
}

.readmore-icon{
	position: relative;
    width: 30px;
    height: 40px;
    cursor: pointer;
    border: 1px solid rgb(220, 220, 220);
    background: url(../images/demo/readmore/readmore-ico.png) #f8f1e3 no-repeat center;
    background-size: 20px;
    z-index: 2;
    opacity: .4;
    transition: all .5s;
}
.readmore-icon:hover{
	opacity:1;
}

.read-option.show .readmore-icon{
    opacity: 1;
}
.read-option.show .option-cont {
    transform: translateY(0);
}

.option-cont{
	width: 30px;
    color: rgb(27, 27, 27);
    background: #f8f1e3;
    border: 1px solid rgb(220, 220, 220);
    transition: all .3s;
    transform: translateY(-129%);
    transform-origin: top;
}


/*改变字体大小*/
.option-cont .ziti {
    margin-bottom: 0px;
    margin-top: 0px;
}
.option-cont .ziti div {
    width: 28px;
    height: 30px;	
    line-height: 30px;
    margin-left: 0px; 
    color: rgb(27, 27, 27);
    float: none;   
    padding-top: 0px;	
	text-align: center;
    cursor: pointer;
    background-color: rgb(248, 241, 227);
	border-bottom: 1px solid rgb(220, 220, 220);
}
.option-cont .item {
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid rgb(220, 220, 220);
	height: 28px;
    overflow: hidden;
	width: 28px;
}
.option-cont ul {
    margin: 0;
    padding: 0;
	width:28px;
}
.option-cont .font-choose .item{
		font-size:14px;
		line-height:28px;
		font-weight:bold;
		text-decoration:underline;
	}
.option-cont .item:hover {
    opacity: .5;
}
.option-cont .theme-choose span {
    display: block;
    width: 16px;
    height: 16px;
    margin: 6px auto;
    border-radius: 50%;
}

.option-cont  li {
    list-style: none;
    display: block;
	cursor: pointer;
}
.option-cont .font-choose .item span:last-child {
    display: none;
}
.option-cont .font-choose .item:hover span:first-child {
		display:none;
	}
.option-cont .font-choose .item:hover span:last-child {
    display: inline;
}
/*返回正常模式*/
.back-normal{
	width: 30px;
    color: rgb(27, 27, 27);
    background: #f8f1e3;
    border: 1px solid rgb(220, 220, 220);
    transition: all .3s;
    transform: translateY(1%);
    transform-origin: top;
	text-align:center;
	z-index:1;
	font-size:12.5px;
}


.shou-hui{
	text-align:center;
	cursor:pointer;

}




/*页面内容的调整
*初始化部分
*/
.article-mode a,
.article-mode a:hover{
	color:#fff;
	display: block;
}
.readmode-container{
	padding:40px 70px;
	background-color:#f8f1e3;	
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	color:#6e6565;
}
.readmode-container .huideng-page-title{
	margin-bottom:0px;
	margin-top:0px;
	color:inherit!important;
}
.readmode-container .page-author,
.readmode-container a,
.readmode-container h1, 
.readmode-container h2,
.readmode-container h3,
.readmode-container h4, 
.readmode-container h5, 
.readmode-container h6, 
.readmode-container .h1, 
.readmode-container .h2, 
.readmode-container .h3,
.readmode-container .h4, 
.readmode-container .h5, 
.readmode-container .h6
.readmode-container .article-header a,
.readmode-container .article-aside,
.readmode-container .bdshare-button-style0-16 .bds_more{
	color:inherit!important;
}
.window.com_content.view-article body,
.readmode-container .article-preface,
.readmode-container .tags li{
	background-color: #e0d8c8;
	
}
.readmode-container .article-preface{
	color:#6e6565;
}
.readmode-container .tags .label-info{
	background-color:rgba(0,0,0,0);
}
/*第一种风格*/
.window.com_content.view-article body.sepia-noe,
body.sepia-noe .article-preface,
body.sepia-noe .tags li{
	background-color: #e0d8c8;	
	color: #6e6565;
}
body.sepia-noe .readmode-container,
body.sepia-noe .option-cont .ziti div,
body.sepia-noe .article-readmode .option-cont,
body.sepia-one .article-readmode .readmore-icon, 
body.sepia-one .article-readmode .back-normal {
    background-color: #f8f1e3!important;
    color: #6e6565 !important;
}

/*第二种风格*/
.window.com_content.view-article body.sepia-tow,
body.sepia-tow .article-preface,
body.sepia-tow .tags li{
	background-color: #e6e6e6;
	color: #6e6e6e;
}
body.sepia-tow .readmode-container,
body.sepia-tow .option-cont .ziti div,
body.sepia-tow .article-readmode .option-cont,
body.sepia-tow .article-readmode .readmore-icon, 
body.sepia-tow .article-readmode .back-normal
{
    background-color: #fbfbfb;
    color: #6e6e6e;
}
/*第三种风格*/
.window.com_content.view-article body.sepia-three,
body.sepia-three  .article-preface,
body.sepia-three .tags li{
	background-color: #d4e0c8;
	color: #5a6159;	
}
body.sepia-three .readmode-container ,
body.sepia-three .option-cont .ziti div,
body.sepia-three .article-readmode .option-cont,
body.sepia-three .article-readmode .readmore-icon,
body.sepia-three .article-readmode .back-normal {
    background-color: #e6f5d8;
    color: #5a6159;
}
/*第四种风格*/
.window.com_content.view-article body.sepia-four,
body.sepia-four  .article-preface,
body.sepia-four .tags li{
	background-color: #c8d7e0;
	color: #5f636b;
}
body.sepia-four .readmode-container,
body.sepia-four .option-cont .ziti div ,
body.sepia-four .article-readmode .option-cont,
body.sepia-four .article-readmode .readmore-icon,
body.sepia-four .article-readmode .back-normal{
    background-color: #d6e6f3;
    color: #5f636b;
}
/*第五种风格*/
.window.com_content.view-article body.sepia-five,
body.sepia-five  .article-preface,
body.sepia-five .tags li{
	background-color: #e7d0e1;	
    color: #8f5c63;	
}
body.sepia-five .readmode-container,
body.sepia-five .option-cont .ziti div ,
body.sepia-five .article-readmode .option-cont,
body.sepia-five .article-readmode .readmore-icon, 
body.sepia-five .article-readmode .back-normal{
    background-color: #f7e2e1;
    color: #8f5c63;
}
/*第六种风格*/
.window.com_content.view-article body.sepia-six,
body.sepia-six  .article-preface,
body.sepia-six .tags li{
	background-color: #323233;
	color: #b6b6b7;
}
body.sepia-six .readmode-container,
body.sepia-six .option-cont .ziti div  ,
body.sepia-six .article-readmode .option-cont,
body.sepia-six .article-readmode .readmore-icon,
body.sepia-six .article-readmode .back-normal{
    background-color: #5a5a5c;
    color: #b6b6b7;
}
/*第七种风格*/
.window.com_content.view-article body.sepia-seven,
body.sepia-seven  .article-preface,
body.sepia-seven .tags li{
	background-color: #000000;
   color: #888888;	
}
body.sepia-seven .readmode-container,
body.sepia-seven .option-cont .ziti div ,
body.sepia-seven .article-readmode .option-cont,
body.sepia-seven .article-readmode .readmore-icon,
body.sepia-seven .article-readmode .back-normal
 {
    background-color: #161616;
    color: #888888;
}
/*线条*/
/*第一种线条*/
body.sepia-one .readmore-icon,
body.sepia-one .option-cont,
body.sepia-one .option-cont .item,
body.sepia-one .option-cont .ziti div {
	 border-color: rgb(230, 218, 201)
	
}
/*第二种线条*/
body.sepia-tow .readmore-icon,
body.sepia-tow .option-cont,
body.sepia-tow .option-cont .item,
body.sepia-tow .option-cont .ziti div {
	border-color:#ededed;
	
}
/*第三种线条*/
body.sepia-three .readmore-icon,
body.sepia-three .option-cont,
body.sepia-three .option-cont .item,
body.sepia-three .option-cont .ziti div {
	 border-color: #c5e2aa;
	
}
/*第四种线条*/
body.sepia-four .readmore-icon,
body.sepia-four .option-cont,
body.sepia-four .option-cont .item,
body.sepia-four .option-cont .ziti div {
	 border-color: #a2cce5;
	
}
/*第五种线条*/
body.sepia-five .readmore-icon,
body.sepia-five .option-cont,
body.sepia-five .option-cont .item,
body.sepia-five .option-cont .ziti div {
	 border-color: #f1c7c6;
	
}
/*第六种线条*/
body.sepia-six .readmore-icon,
body.sepia-six .option-cont,
body.sepia-six .option-cont .item,
body.sepia-six .option-cont .ziti div {
	 border-color: #878788;
	
}
/*第七种线条*/
body.sepia-seven .readmore-icon,
body.sepia-seven .option-cont,
body.sepia-seven .option-cont .item,
body.sepia-seven .option-cont .ziti div {
	 border-color: #878788;
	
}

/*改变字体*/
.readmode-container h1, 
.readmode-container h2, 
.readmode-container h3,
.readmode-container h4,
.readmode-container h5, 
.readmode-container h6,
.readmode-container .h1,
.readmode-container .h2, 
.readmode-container .h3,
.readmode-container .h4, 
.readmode-container .h5, 
.readmode-container .h6{
	    font-family: inherit;
}
/*阅读模式下不显示*/
.article-readmode .zmax-attach{
	display:none;
}
/*手机频幕上没有没边距*/
@media (max-width: 768px) {
	.readmode-container,
	.article-readmode .container{
		padding: 0px 0px 0px 11px!important;
	}
     .readmode-container h4,.readmode-container h3 {
	  margin-top:21px;
	  font-weight:bold;
  }
      .readmode-container .huideng-page-title{
		  margin-top:21px;
		  font-weight:bold;
	  }
	}
/*图片样式*/
.articlemode_img{
	margin-left:auto;
	margin-right:auto;
}