html {
	-width: 100%;
	-height: 100%;
	/*overflow: hidden;*/
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
body {
	text-align: left;
	width: 100%;
	height: 100%;
	-overflow: hidden;
	/*overflow: hidden;#e9dfc7*/
	background-color: #424242;
	line-height:1.5em;
}
/* 这个CSS规则将隐藏全屏提示 */
body:-webkit-full-screen,
body:-moz-full-screen,
body:-ms-fullscreen,
body:fullscreen {
	-webkit-full-screen-style: none !important;
	-moz-full-screen-style: none !important;
	-ms-fullscreen-style: none !important;
	full-screen-style: none !important;
}
@media print{body{display:none}}
input,textarea,a{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img,html,body,iframe{border:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
caption,th{font-weight:normal;font-style:normal;text-align:left;}
em,strong{font-weight:bold;font-style:normal;}
body,textarea,select,input,pre{font-family:arial,microsoft yahei,helvetica,sans-serif;font-size:14px;color:#555;}
a,button{cursor:pointer;}
textarea{resize:none;overflow:auto;}
pre{white-space:pre-wrap;}
a{color:#333;text-decoration:none;}
input{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
} 
button {
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}
table{width:100%;padding:10px;border-collapse:collapse;}
table th, table td{font-size:14px;border:1px solid rgba(217, 204, 228, 0.75);border-left:0;border-right:0;border-top:0;padding:10px;}

#fiction_chapter_title{
	font-size: 12px;
	position: fixed;
	top: 0;
	width: 100%;
	font-weight: bold;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 11;
}
#fiction_chapter_title .title{
	float: left;
    padding: 0 0 0 5px;
    max-width: 78%;
	line-height: 20px;
    font-size: 12px;
	overflow: hidden;
	-webkit-transform-origin-x: 0; 		/*缩小后文字居左*/
	-webkit-transform: scale(0.90);   	/*关键*/
	/*text-stroke: .3px black;  文字描边宽度和颜色 */
  	/*-webkit-text-stroke: .3px black;  兼容Webkit内核浏览器 */
	user-select: none;
}
#fiction_chapter_title .jindu{
	float: right;
	line-height: 20px;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: -5px;
	-overflow: hidden;
	-2webkit-transform-origin-x: 0; 		/*缩小后文字居左*/
	-webkit-transform: scale(0.90);   	/*关键*/
	max-width: 20%;
	user-select: none;
}
#fiction_chapter_bottom{
	font-size: 12px;
	position: fixed;
	bottom: 0;
	width: 100%;
	font-weight: bold;
	padding: 0;
	z-index: 12;
	-opacity: 0.9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	user-select: none;
}
#fiction_chapter_bottom .ctjindu{
	float: left;
    padding: 0 0 0 12px;
    max-width: 78%;
	line-height: 20px;
    font-size: 12px;
	overflow: hidden;
	-webkit-transform-origin-x: 0; 		/*缩小后文字居左*/
	-webkit-transform: scale(0.90);   	/*关键*/
}
#fiction_chapter_bottom .encoding{
	float: right;
	line-height: 20px;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 12px;
    margin-right: -5px;
	-webkit-transform-origin-x: 0; 		/*缩小后文字居左*/
	-webkit-transform: scale(0.90);   	/*关键*/
}
#flipbook{
	position: fixed;
	display: none;
	z-index: 11;
	top: 20px;
}
#chapter_list{
	display:none;
	font-size: 12px;
	color: #dbdbdb;
	position: fixed;
	left: 0;
	width: 100%;
	height:100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top:10px;
	background-color: #424242;
	z-index: 2;
}
#chapter_list>div{
	background-color: #424242;
	max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 20px 0;
}
#chapter_list span{
	font-size:16px;
	margin: 10px;
}
#chapter_list .top{
	position: fixed;
	width:100%;
    top: 0;
    z-index: 1000;
    background-color: #424242;
    max-width:1000px;
}
#chapter_list .bookinfo{
	float:left;
    font-weight: bold;
	color: #73d0ff;
}
#chapter_list .back{
	float:right;
	width:35px;
	font-weight: bold;
	cursor:pointer;
	color: #dedfde;
	text-decoration: none;
    display: inline;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0.15em;
    border: 1px solid #d1d2d5;
    font-size: 1.2em;
    padding: 2px 5px;
    padding-top: 3px;
    background-color: transparent;
	margin-top:5px;
}
#chapter_list p:not(:last-child){
	cursor:pointer;
	font-size:16px;
	letter-spacing: 0px;
	line-height: 1.5em;
	font-weight:bold;
	color:#ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin:10px 10px -10px 10px;
	font-size:18px;
	width: 98%; 
	border-bottom: 1px solid #4f4f4f
}
#chapter_list p>span{
	font-size: .6em;
	display: block;
	margin: 0 0 -8px 0;
	color:#cccccc
}
#chapter_list p:hover{
	color:#73d0ff;
}
#chapter_list p.active {
	color:#ffe324;
}

#bookmark_list{
	display:none;
	font-size: 12px;
	color: #fff;
	position: fixed;
	left: 0;
	width: 100%;
	height:100%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
	background-color: #424242;
	padding-top:10px
}
#bookmark_list>div{
	background-color: #424242;
	max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 20px 0;
}
#bookmark_list span{
	font-size:16px;
	margin: 10px;
}
#bookmark_list .top{
	position: fixed;
	width:100%;
    top: 0;
    z-index: 1000;
    background-color: #424242;
    max-width:1000px;
}
#bookmark_list .markinfo{
	float:left;
    font-weight: bold;
	color: #73d0ff;
}
#bookmark_list .back{
	float:right;
	width:35px;
	font-weight: bold;
	cursor:pointer;
	color: #dedfde;
	text-decoration: none;
    display: inline;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0.15em;
    border: 1px solid #d1d2d5;
    font-size: 1.2em;
    padding: 2px 5px;
    padding-top: 3px;
    background-color: transparent;
	margin-top:5px;
}
#bookmark_list .rmmarkbtn{
	-webkit-tap-highlight-color: none;
    border: none;
    text-decoration: none;
    display: inline;
    padding: 5px 10px;
    color: #ffa9a9;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0.15em;
    border: 1px solid #ffa9a9;
    font-size: 1.2em;
    background-color: transparent;
    cursor: pointer;
	outline: none;
}
#bookmark_list p{
	cursor:pointer;
	font-size:16px;
	letter-spacing: 0px;
	line-height: 1.5em;
	margin: 20px 10px;
	font-weight:bold;
	width: 98%;
	color:#dadada;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
}
#bookmark_list p:hover{
	color:#76ff91;
}
#bookmark_list p.active {
	color:#ffe324;
}

#search_list{
	display:none;
	font-size: 12px;
	color: #fff;
	position: fixed;
	left: 0;
	width: 100%;
	height:100%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
	background-color: #424242;
	padding-top:10px
}
#search_list>div{
	background-color: #424242;
	max-width:1000px;
	margin:0 auto;
	padding:30px 0;
}
#search_list .top{
	position: fixed;
	width:100%;
    top: 0;
    z-index: 1000;
    background-color: #424242;
    max-width:1000px;
}
#search_list span{
	font-size:16px;
	margin: 10px;
}
#search_list .result{
	float:left;
    font-weight: bold;
	color: #ff5c5c;
}
#search_list .back, #search_list .reset{
	float:right;
	width:35px;
	font-weight: bold;
	cursor:pointer;
	color: #dedfde;
	text-decoration: none;
    display: inline;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0.15em;
    border: 1px solid #d1d2d5;
    font-size: 1.2em;
    padding: 2px 5px;
    padding-top: 3px;
    background-color: transparent;
	margin-top:5px;
}
span.back:hover, span.reset:hover, .rmmarkbtn:hover{
    border: 1px solid #ffffff !important
}
#search_list p{
	cursor:pointer;
	font-size:16px;
	letter-spacing: 0px;
	line-height: 1.5em;
	margin: 10px 10px;
    padding-bottom: 10px;
	font-weight:bold;
	-width: 100%;
	color:#dadada;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 这里是超出几行省略 */
	border-bottom: 1px solid #4f4f4f
}
#search_list p:hover{
	color:#76ff91;
}
#search_list p.reset{
	color:#10f7ff;
	top:10px;
	position:fixed;
	-border-radius: 5px;
	background:#424242;
	width:35px;
	text-align:center;
	margin-top:-5px;
	padding:5px;
	font-size:15px;
	border-bottom:none;
}

/*content css*/
.m-read-content {
	font-size: 14px;
	color: #555;
	line-height: 30px;
	padding: 10px 10px 50px 10px;
	word-break:break-all;
	white-space:pre-wrap;
	word-wrap: break-word;
}
.m-read-content h4 {
	font-size: 20px;
	color: #736357;
	border-bottom: 1px solid #736357;
	letter-spacing: 2px;
	margin: 0 0 0.8em;
}
.m-read-content p {
	-text-indent: 2em;
	margin: 1em 0;
	letter-spacing: 0px;
	line-height: 1.5em;
	overflow: hidden;
}
.m-read-content p.ptitle {
	font-weight: bold;
	border-bottom: 2px solid;
}
.m-read-content p.l {
	opacity: 0;
}

/*tab css*/
.u-tab {
	height: 50px;
	text-align: center;
	margin: 0 auto;
	line-height: 50px;
	-border-radius: 8px;
	-border: 1px solid #858382;
	font-size: 12px;
	background-color: #000;
	opacity: 0.9;
}
.u-tab li {
	display: inline-block;
	width: 32.5%;
	-border-right: 1px solid #151515;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
}
.u-tab li:nth-child(3) {
	border-right: none;
}
.m-button-bar {
	position: fixed;
	bottom: 0;
	-height: 70px;
	width: 100%;				
	background: none;
	color: #d5d5d6;
	z-index: 1000;
	font-weight:bold
}

/*top-nav css*/
.top-nav {
	position: fixed;
	top: 0;
	height: 30px;
	width: 100%;
	z-index: 9999;
	opacity: 0.9;
	background: #000;		
}
.icon-back {
	position: absolute;
	top: 3px;
	left: 10px;
	float:left;
	width: 23px;
	height: 23px;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJGMkEyQkQxMjdBNDExRTU4NjA2QTJDMjFDQ0I0ODhEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJGMkEyQkQyMjdBNDExRTU4NjA2QTJDMjFDQ0I0ODhEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkYyQTJCQ0YyN0E0MTFFNTg2MDZBMkMyMUNDQjQ4OEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkYyQTJCRDAyN0E0MTFFNTg2MDZBMkMyMUNDQjQ4OEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Ia560AAAHWklEQVR42uyd7W9U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);
	background-size: contain;
}
.nav-title {
	margin-top: 5px;
	color: #d5d5d6;
	float:right;
}

/*bottom-nav css*/
.bottom-nav {
	position: fixed;
	bottom: 0;
	height: 70px;
	width: 100%;
	font-weight: bold;
	background: none;
	color: #d5d5d6;
	z-index: 10000;
	font-family:"Microsoft YaHei"
}
.bottom-nav-bk {
	background: #0c0c0c;
	opacity: 0.9;
	z-index: 9999;
}
.bottom-nav-item {
	display: inline-block;
	width: 15.4%;
	margin: 14px 0;
	font-size: 15px;
	text-align: center;
	cursor:pointer;
}
.item-wrap {
	width: 100%;
}
.icon,
.icon-active {
	width: 16px;
	margin: 0 auto 4px;
}
.catalog-icon {
	height: 12px;			
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAoCAYAAABerrI1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFN0E3M0IwMjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFN0E3M0IxMjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0M1ODVCRkYyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0M1ODVDMDAyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5uTX6PAAAA0UlEQVR42uyXsQrCMBRFX4p0V39Pv8FJcekHFJe6d+v3NY6CDvUFooQ0AcEllnPhlgz3QU6bBq6ZnvdaRC7qndqoB/VR/ZC5wuxGytLtvXejUJ0uDlGgVZ8Tg6lsaWod1Jh461a9TQyMBX6hWLaSBary5zBWn8kPf8DUr/Rx8hfEPth4kxkIs+tCL4rG/VOLPH5AAQUUUEABBRRQv0O54nf1tcL6dZ3Jh9mpMH/2TkmkJFISKYmURKCAAgoooIACCihKIiWRkkhJpCR+XxJfAgwA/ROhOlYvoWQAAAAASUVORK5CYII=);
	background-size: contain;
}
.font-icon {
    width: 21px;
    height: 12px;
    padding: 2px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAuCAYAAACViW+zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCRTkzQUQ3Mjc4NzExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCRTkzQUQ4Mjc4NzExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0U3QTczQkEyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEJFOTNBRDYyNzg3MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/hjRDAAAFqklEQVR42uRaaWwVVRi9fTbYqoBoEGIVrDsBA6JRAY0VSkQUl7pQI8YQGjTRaNCgBtdoApho3aoRRJaIC25/VBTBCiqCuKX+QDFqFANRsRCtsRWr9XzxNBnu++6bO/fNe9i+k5y0c2fmzrwz3/22mbKuv9pNChgCLgLHgBvABnCr6Qkor1CHy1ISZjVYG9leC55V6sLsB/4ucynj7T1VmEwKU09VRBHUmx6MNIS5JuF4SQhzIniKY5+MjypVYa4OtKb/PfJxvn3B7eABOY4Rp3wo2FZKzndajCiG+68otaWkLaP23rKcQoWRDHekMj5DGZPjTisVYWYqY+vB5/g3qZPuFcIMYFJn4wnrr50EDujtwlwFVlpjreBL/P9lbkdRyfMKBcmn7gRfAbeAO8G/wS7yT3Ab+AHYBF4I7ptmuJbUfzN4vDXeCN4U2X4AvNE65gtwOG80rYc6ndcdFnD+DnAe+ChCdme+wpzJyjmKLgr1VWTsOAph11A14LoURBkKrgBPTWGu98CLIE5rPktJC73NliiG5vxOgUK3WN3GlEQRnAG+Zjo7+oQKMxCsU8YXOI7XnHAd5wnFQeAb4GBl37fgXeDp4CGS09Jiy+hPxMoud0RNSSduDV1Kt4DzrbEfecHdyvHyBKSLN8galxu4L1CYp5lxRyGO9WbwcbDT00/OtYVg2VKFJdWWxGIyjtxliUMUw/HFjhwoJBqOVMoLuca54COeonT7xDmMUHbtV5d0KU0Ej7TG/gEXxpy3kMdFIfPUBghzneLMJUS/HTCXiPOYMl6bVBgtc30T/C7mPNm/KgUnvA94iTX2Cy0lFO87rNJbmCpwiqdz9XXCUzivLyqZK21g4tadSObTU96q5FSHJxFmBj18FD8wOvhgJY/fowviKDhz9XXuBccy4kg/eWkKofo3a/tAX2HkBzQo44sSODs57illvEER3Ac7mdxtTEGY/UNrpXOi5hXzQ3NBE1LmnbyXasSTafHlocJoTvJVFmRJsI3n7a12xCD6tfnM0j8CJ4UWkUeA3yjinQ2+FXBzkxS/JKH8KI/o5oP+4LHgMWA177+a20O8ZymvKDMxa9yViK1Kue0xkwlXyLmy1M/jw6pO08RcFiPp/PeOmiRt5CorcvWEbgePDrzmbpYld7gsxiXMpeALRXSGl4Evei6XpWw0JcEf7CN9Bn4Ivs4H0pVUmDXghCIK0+xxvT70UeMd+yXx+5RhfDOrbXH68u5rV47SwFsYcWBfFrDJVKP0arRmlw2tKyj4GnwYfJY5TtKaSRUm4wihtigi1LspWcc6zme3AnKFbnGs1yo/ai4bV00BogyM8+xRVBi9ab3ApNer7XI0t7Qmezemm+zm9f3gbQmddhQnJBFGKtiDrTFZa8tS9inLlAJQrnux4/gJSu10T573MD6JMFqmuyKH8wrFLkfUc7Ujhlvbn1Cc4DTF6O/GVGFGgOMczaZCQFtO4xQTzzBM21acD+rjcqBMzNNqYQ+kEJB5P/eon6RssD8jGWb0z9t8cBj4oE9aLZDPNaZ5PtU0oTWxtM9LWqxtyZTPD7ievO9abbIb9JHeQUcmKsxUxVxlDS8vsDDLFV/R32R/2LhSOfdJ4/8VhfRdZoEfmz3fomoRbXBUGG0ZPWMK/yVUGxOzuOW0mGm9nYes531eQCvqXl7lrNrr2QuSNmajZYm/gjco1x7RnfkOdZT9o1lbFBqjGWW0pC56X9czw42DtCv7xvig7VyKP5vsL9gfQvY7Syymw2S/4thUJFEM65tNisO1I4+8EZjnkWj2ixFFLHQUH4b0ordY+6+En+knwvzElDoaCmeb4mK2JUQT78vGHPZeWhLOL3M/D55k/ntptyOy724l0WyMFpE1jO3NrEyLDVk6E1lIrvU4fgxFGkv/UsWSQnxHK5dhC/3QGqe/dHy1+a8AAwCKR08FSRIHxQAAAABJRU5ErkJggg==);
	background-size: contain;
}
.icon-active {
	width: 20px;
	height: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAA0CAYAAAAg5t6HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFN0E3M0I4Mjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFN0E3M0I5Mjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0U3QTczQjYyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0U3QTczQjcyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nhaYNAAANmElEQVR42uxbC1RV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);
	background-size: contain;
}
.night-icon {
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2OUYzRUEwMjc4NzExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBMzA2RjA2Mjc4QTExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTY5RjNFOUUyNzg3MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTY5RjNFOUYyNzg3MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4v5YACAAAC/UlEQVR42tSaXYhNURTH97kzRnJ9ZTQzPh7IMEr5yshHEwkRkSeSjweEiMjDePTkhcKLPCApUV54GxTKcDM0JfL9QE0UGdcdEmb7L3edOq5zzz1nn332Pvdfv5e5Z9Zd666711577etIKYUGjQILwRwwDOwDfcKAamP873CwBawDrcABP8ACU87/FWUgIk3gKMjL/7VfwV4sojxcCw6AL9JfD0DGdABhv0KTwAUwO+CZvaBfGFaYAJaDyyAb8Mwt0CksKFPh9W3gWgXnSSeFJTkBZXQrOM3VJUi9oJErUGoysBKcCuE86YYt58sF0MILtiakjTvCojI+i/o876Zh9ThNARysUCr99NpmAN5FTAvxBRgS0QZlK5+GDLQrOC9sOu/NADVm70LU+9RmYJOi8yLigk8sgPUxbEy0HUATH0RUNdV2AG0hd9xyarMdwNyYNhaDOpsBTI5pYwRYYTMAHYtwh80ARmqws1ShBdEWwGAdGyI4HrMYKAegawFSMdhlo5XIK/ZAfvoO5oFukxn4oNHeID5DjzUZwCvNNsn5DjDOVADPErA7BdwF0xP2v4YCyCVknDJwjxe2k8AHT4O0VTSeawD9Mll1glZN48T5IMc+N7p/7JJm1AFWg4ERna4Da8F1j62cdzZKY5RZBtbcEuYzuAlugyfgOSjwyS7LJ8QJYJoojuuX+RycLnqPlPXgLZfBalCB11iveyL7CM6K6tEZURxp/jNWGc2pzFbBp98M3peOVXrA4Sr49I+4zpdmgDSA94UZKXX+ITeNP8sFIDg9XWBoypyni0O6THzqN1bx6iXYCH6nyHnyZXOp8+UCIF0Fe1LiPH1FdoMr/q8G74DbwS9pT/TeO+Nes64JuFpNUl+5fdByT9wMHhl0vhu06L7opobqEPiWoON9oJ0v1bXf1LuMAcdAQbPjJ6g9juqPE+PXKvVcbjeAmQqHFsmb5iVwzu1tVKYSOkpdA1jEU246To4XxZ/gZLlUU5v8CbzhI+x9bqV74r7xHwEGAPDRVwnecW5KAAAAAElFTkSuQmCC);
	background-size: contain;
}
.day-icon {
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAYAAACMGIOFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFN0E3M0I0Mjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFN0E3M0I1Mjc4NDExRTU5RkYxQjg1Rjk2QkEyNzBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0U3QTczQjIyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0U3QTczQjMyNzg0MTFFNTlGRjFCODVGOTZCQTI3MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6o6V5PAAADu0lEQVR42uyaTUgVURTHm/cigiS1LEitoHoqbgtcZAStngtDoYxa9rFsYYuWfUBhuSjCneiylkH2oavoEZlC4aYsM9toakWLnpsWyfQfOMJrOvdjZs6bedQc+OF7d9499/y9M/fj3HFc110Xo3WAYfp8BozG0agTs8hFsIM+L4H6f1GkvzEnjkYz6/4DS0WmIlORSlsq+bxcKSI3gkHwBlwSGA3PkrjPNE+GnhXAZYprkOLUjOmYQjT0un/aMHAMdcqNQ3GUWq+ujqknt/i+nwZDcc1vih4cojh0cQbqyQaw4P5tSfQo14OezYNGXV0b5zly5Le+mEX2KQTmTHVtl3U58BQ0lpQtgJ2Gei2gE7SDVrANVIMf4Bt4B56Dh+C9wdc80/4RMGteTNr/J/09+lhzW3WBCTeYTVA91WPwKGgPBrldS9kFBkA/qGOuN4FnbjTz6jczvuuoXa/93UHilnxmjoMVV8ZWyJ9IbFICz4FVV9ZWyW9FiDwGfmmCnQIXQBuoBxvobxuVT2nqen57khbpPYNFRYBzoNtiPnXod3MKP0VqJxGRjmaQGQXVAf1VUz3VYOQkIbJLEdADkA3pM0v1OetKQuQ4E8gHUBXxEfDqzzC+x+MW2aL4b+eFRuu8wn9LGH9hN82dTNlrMCa02xgjf347GmdmoJ0puyu8rbrHlB2MU2QrUzYuLLJg2a6VyA7KbLsMi3Tdb9sVuwRJ+2TZrjF+b+4pTd2rkk/1hky4Z+vBapkz7lzW3Ri/ze3KpTqKTNlmYYG1TNlKmJRJpiSDxpkqq/aVKdsrLHIPU/ZFkwFUxu/dYk8M3c3ZNNjnKzsEXgmKPKxo12/G+MOOri+YslPCPXnSst2yTSEjTNkBkBcSmCd/Nu1aDF/hl15cDmdGYO26SXrtGuUs5AZT1kQrn2xIn1la6TQx1/rDT0TR9pMFxUL6fogeraJ6nBWS2k+uZQZUyauPtOO38dNNv1cltZqTzvH0WOZ49oMaqlND321yPCfSbF2ad5UXufaMFiIKLER9BqOK9Ea4m2CZEk61mrOQyYDiJjUpzFpqb5nad8olkjsfvG6RC7oIRsBsSY62SN9H6Lopd3MtyvmorcCM4gD0dkxnk7eiHARHEWg84RWkUXPinZEQeSXsCa8wOYXQqxIi31aAQN3R/rTEAv1lqCNs3taSTqoEmclmqf2FIFlCm3cGvBeBzoOt4I7vraqgJvW+awPF9B0MgJ9RRZYz+5a+75qKTEWmIstuFfm+q7RJve8ayH4LMACaxEJEaXs23AAAAABJRU5ErkJggg==);
	background-size: contain;
}
/*bottom-panel css*/
.nav-panel {
	position: fixed;
	bottom: 70px;
	height: 180px;
	width: 100%;
	background: none;
	color: #fff;
	z-index: 10000;
	font-family: "Microsoft YaHei";
}
.nav-panel-bk {		
	background: #0c0c0c;
	opacity: 0.9;
	z-index: 9999;
}
.schedule-panel {		
	position: fixed;
	bottom: 70px;
	height: 100px;
	width: 100%;
	background: none;
	color: #fff;
	z-index: 10000;
	text-align: center;
	padding-top: 20px;
}
.schedule-panel-bk{
	background: #0c0c0c;
	opacity: 0.9;
	z-index: 9999;
}
.schedule-p{
	border-top:none;
	width:100%;
	position: relative;
}
.menubtn{
	cursor:pointer;
	color: #fff;
	font-size:16px;
	font-weight:bold;
	padding: 7px 10px;
	outline: none;
	background: #454444; /*#454444;*/
    border: none;
	border-radius: 5px;
	margin-top: -5px;
}
.menubtn:hover{
	background: #33a967;
}
.floatmenu{
	margin:2px;
	background: #0c0c0c;
    opacity: 0.9;
}
#prev_btn{
	float: left;
}
#next_btn{
	float: right;
}
#schedule-bar{
	width:55px;
    height: 20px;
    line-height: 28px;
    background-color: none;
    color: #242424;
    position: absolute;
    left: 0;
    top: -18px;
    font-weight: bold;
    padding: 2px 4px;
    cursor: pointer;
    -webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-ms-user-select:none;
}

.bookmark-panel {
	position: fixed;
	bottom: 70px;
	height: 100px;
	width: 100%;
	background: none;
	color: #fff;
	z-index: 10000;
	text-align: center;
	padding-top: 20px;
}
.bookmark-panel-bk {		
	background: #0c0c0c;
	opacity: 0.9;
	z-index: 9999;
}
.search-panel {
	position: fixed;
	bottom: 70px;
	height: 100px;
	width: 100%;
	background: none;
	color: #fff;
	z-index: 10000;
	text-align: center;
	padding-top: 20px;
}
.search-panel input[type='text']{
	border:none;
	background: #16161699;
	outline:none;
	padding:0 5px;
	font-size:16px;
	line-height:31px;
	width:90%;
    border: 1px solid #4f4f4f;
    border-radius: 5px;
}
#rkfilter, .rainput{
	outline:none;
	border: 1px solid #424242 !important;
	background-color: #2f2f2f !important;
	padding:0 5px;
	font-size:14px;
	line-height:30px;
	width:98%;
	color:#a7a7a7;
}
.rpopts button{
	margin-left:6px;
}
.search-panel-bk {		
	background: #0c0c0c;
	opacity: 0.9;
	z-index: 9999;
}
.child-mod {
	padding: 5px 10px;
	margin: 5px;
	height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 这里是超出几行省略 */
}
.child-mod span{
	display: inline-block;
	padding: 0 20px 0 10px;
	color:#71f996
}
.child-mod2{
	padding: 5px 10px;
	margin: 5px;
}
.child-mod2>span, .spcolor{
	display: inline-block;
	padding: 0 20px 0 10px;
	color:#71f996
}
.spcolor{
	padding: 0 10px 0 10px;
}

.font-size-btn {
	cursor:pointer;
	background: #474545;
	border: 1px solid #474545;
	color: #fff;
	font-size:14px;
	font-weight:bold;
	border-radius: 2px;
	padding: 5px 30px;
	outline: none;
}
.font-size-btn:hover{
	background: #3099b9;
    border: 1px solid #3099b9;
}
.child-mod button:nth-child(2) {
	margin-right2: 10px;
}
.fmbk-container {
	cursor:pointer;
	position: relative;
	width: 30px;
	height: 30px;
	-border-radius: 50%;
	-background: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
    padding-top: 5px;
}
.pb-container{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top:-4px;
}
.fm-1 {
	font-family: "txtydqDefaultFont";
}
.fm-2 {
	font-family: SimSun;
}
.fm-3 {
	font-family: FangSong;
}
.fm-4 {
	font-family: SimHei;
}
.fm-5 {
	font-family: KaiTi;
}
.fm-6 {
	font-family: LiSu;
}
.fm-7 {
	font-family: YouYuan;
}
.fm-8 {
	font-family: ZiDingYi;
}
.fmbg-container {
	cursor:pointer;
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.fbk-container, .mfbk-container, .xkbk-container, .bfbk-container, .talkc-container, .cwbk-container {
	cursor:pointer;
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.ftbtn{
	color: #fff;
    font-size: 14px;
    padding: 4px 5px;
    outline: none;
    background: #454444;
    border: none;
    border-radius: 3px;
}
.ftbtn:hover{
	background: #0d936d;
}
.tconfbtn{
	margin-right: 10px;
}
.fbg-1 {
	background-color: #e7e1e1;
}
.fbg-2 {
	background-color: #000;
	border: 1px solid #666;
}
.fbg-3 {
	background-color: #fff;
}
.fbg-4 {
	background-color: #cd0b36;
}
.fbg-5 {
	background-color: #d8d4d4;
}
.fbg-6 {
	background-color: #555;
}
.fbg-7 {
	background-color: #343333;
}
.bk-container {
	cursor:pointer;
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.bg-1 {
	background-color: #424242;
}
.bg-2 {
	background-color: #C7EDCC;
}
.bg-3 {
	background-color: #e9ecef;
}
.bg-4 {
	background-color: #fff;
}			
.bg-5 {
	background-color: rgba(0, 0, 0, 0.8);
	border: 1px solid #666;
}
.bg-6 {
	background-color: #e9dfc7;
}
.bg-7 {
	background-color: #343333;
}

.article-action-mid {
	position: fixed;
	z-index: 9000;
	width: 100%;
}
#initArea{
	font-size:16px;line-height:1.5em;padding: 1rem;text-align:center;margin-top:150px;
}
#listArea{
	font-size:16px;line-height:1.5em;text-align:center;margin-top:150px;
}
.tname{
	font-size: 1.8em;
    color: #c0c0c0;
    margin-top: -50px;
    margin-bottom: 30px;
    font-family: sans-serif;
    font-weight: 100!important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
.tdesc{
	font-size: 1em;
    color: #c0c0c0;
    margin-top: -20px;
    margin-bottom: 10px;
    font-family: sans-serif;
    font-weight: 100!important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
.selectbtn, .selectTxtbtn, .selectZipbtn, .selectLitubtn, .openSharebtn, .apibtn, .apitestbtn, .apitestbtn2{
	-webkit-tap-highlight-color: none;
	border:none;
	text-decoration: none;
	display: inline;
	padding: 8px 10px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0.25em;
	font-size: 1.1em;
	background-color:#31ae69; /*#255c5a;*/
	min-width: 200px;
	cursor:pointer;
}
.selectTxtbtn, .selectZipbtn, .selectLitubtn, .openSharebtn{
	background-color: #1b7958;
}
.apibtn{
	background-color: #4f76d0;
}
.selectbtn:hover, .selectTxtbtn:hover, .selectZipbtn:hover, .selectLitubtn:hover, 
.openSharebtn:hover, .apibtn:hover, .apitestbtn:hover, .apitestbtn2:hover{background-color: #0f8edf;}

#listArea .tips{
	font-size:1em;
	-font-weight:bold;
    color:#c7c7c7;
    margin: 20px 0;
} 
#initArea .tips{
	font-size: 16px;
	font-weight:bold;
    color: #fcda94;
}
.history{
	color: #d9d9d9;/*c0c0c0*/;
    text-align: left;
    max-width: 728px;
    margin: 0 auto;
    -webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-ms-user-select:none;
}
.histr{display: none;}
.historytable tr, .historytable td{border-bottom:none;padding-left:0;padding-bottom: 0;}
.historytable th.title{text-align:center;font-size:1.2em;padding-left:0}
.historytable td.size{width:55px;}
.historytable td.length{width:75px;}
.historytable td.jindu{width:45px;}
.historytable td.opt{width:40px;text-align:right;padding-right: 0;}
.historytable p.filename{
	font-size:1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	cursor:pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 这里是超出几行省略 */
}
.historytable p.filename_m{
	font-size:1.3em;
	--width: 90%;
    -webkit-line-clamp: 3; /* 这里是超出几行省略 */
}
.historytable p.filename .fname{
	min-width:100px;
}
.historytable p.filename .fname:hover{
	color:#ffe57f;
}
.historytable span.del{
	border:none;
	color:#fff;
	text-decoration: none;
	display: inline;
	padding: 3px 3px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0.25em;
	-font-size: 1.1em;
	background-color: #6e6e6e;
	cursor:pointer;
}
.historytable span.del:hover{
	background-color: #cc0808;
}
.hisBtn{
	-webkit-tap-highlight-color: none;
	border:none;
	text-decoration: none;
	display: inline;
	padding: 2px 5px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0.15em;
	font-size: 1.1em;
	background-color: #6e6e6e;
	cursor:pointer;
}
.hisBtn:hover{background-color: #0d936d}
.clearCacheBtn, .historyOptBtn, .hisbtn{
	-webkit-tap-highlight-color: none;
	border:none;
	text-decoration: none;
	display: inline;
	padding: 2px 5px;
	color: #cdcdcd;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 0.15em;
	border: 1px solid #575757;
	font-size: 1.1em;
	background-color: transparent;
	cursor:pointer;
	outline:none
}
.clearCacheBtn:hover{background-color: #434343;}
.historyOptBtn:hover{border: 1px solid #797878;}
.hisbtn:hover{border: 1px solid #797878;}
button.c1{color:#a2edff}
button.c2{color:#ffa0a4}
.historySearchInput{
	border:none;
	background: #3d3d3d;
	outline:none;
	padding:0 5px;
	font-size:16px;
	line-height:35px;
	width:100%;
	color:#c9c9c9
}
.zipSearchInput, .appendReplaceSearchInput{
	border:none;
	background: #2f2f2f;
	outline:none;
	padding:0 5px;
	font-size:16px;
	line-height:35px;
	width:100%;
	color:#a7a7a7
}

.repbtn{
	-webkit-tap-highlight-color: none;
    text-decoration: none;
    display: inline;
    padding: 2px 5px;
    color: #b3b3b3;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0.15em;
    border: 1px solid #595959;
    font-size: 1.1em;
    background-color: transparent;
    cursor: pointer;
	outline:none
}
.repbtn:hover{
	border: 1px solid #797979;
    color: #e2e2e2;
}
#bdetailtable th{width:58px;padding:0 0 0 10px}

body .dark-layer{background:#343232;border-radius:5px}
body .dark-layer .layui-layer-title{background:#343232; color:#d8d8d8; border: none;border-bottom: 1px solid #3d3c3c;margin-bottom:5px;padding: 0 80px 0 10px;}
body .dark-layer .layui-layer-btn{background:#343232;border-top:none;}
body .dark-layer .layui-layer-btn a{background:#343232;border: 1px solid #66686a;font-size: 14px;}
body .dark-layer .layui-layer-btn0{border-color: #66686a;background: #343232;color: #fff;}
body .dark-layer .layui-layer-btn1{background:#343232;color: #fff;background-color: #1E9FFF;}
body .dark-layer .layui-layer-btn2{background:#343232;color: #fff;background-color: #1E9FFF;}
body .dark-layer .layui-layer-btn3{background:#343232;color: #fff;background-color: #1E9FFF;}
body .dark-layer .layui-layer-close1 {background-position: 1px 1px;cursor: pointer;}
body .dark-layer .layui-layer-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42q1TQQoAIAjL/z+6JCikdBprp3C2xlJpJGQdumIWFNkl2yu2sFWByNXrFSMRtw+SRiTiJX1BgcRLNpEzNywkcroupx0F+98BlQH1C9Qc0JNI74IlXrdxALPwZAHYm9qUAAAAAElFTkSuQmCC') no-repeat;
	background-size: 70%;
}
body .dark-layer .layui-layer-content input.darkinput{
	border: none;background: #3d3d3d;outline: none;padding: 0 5px;font-size: 16px;line-height: 35px;width: 100%;color: #c9c9c9;
}
body .dark-layer .layui-layer-content td, body .dark-layer .layui-layer-content th{border-bottom: 1px solid #3d3d3dbf;}
body .dark-layer .layui-layer-content{background: #343232;color: #d8d8d8;}
body .dark-layer .layui-layer-content .layui-layer-input{border: 1px solid #424242 !important;background-color: #2f2f2f !important;min-width: 280px;margin:0 20px;padding: 8px 5px;color:#fff}
body .dark-layer textarea{
	scrollbar-color:#5d5d5d #1e1e1e;
	scrollbar-width:thin;
}
body .dark-layer textarea::-webkit-scrollbar-thumb{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e
}
body .dark-layer textarea::-webkit-scrollbar-thumb:hover{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e;
}
body .dark-layer table{
	scrollbar-color:#5d5d5d #1e1e1e;
	scrollbar-width:thin;
}
body .dark-layer table::-webkit-scrollbar-thumb{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e
}
body .dark-layer table::-webkit-scrollbar-thumb:hover{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e;
}
body .dark-layer .layui-layer-content{
	scrollbar-color:#5d5d5d #1e1e1e;
	scrollbar-width:thin;
}
body .dark-layer .layui-layer-content::-webkit-scrollbar-thumb{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e
}
body .dark-layer .layui-layer-content::-webkit-scrollbar-thumb:hover{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e;
}

.layui-layer-btn a{
	padding: 0 8px !important;
}
.layui-layer-btn a:hover{
	border:1px solid #979292 !important;
}
#rotable tbody {
	display: block;
	width: calc(100%);
	/*这里的8px是滚动条的宽度*/
	height: 190px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
#rotable thead tr,
#rotable tbody tr {
	box-sizing: border-box;
	table-layout: fixed;
	display: table;
	width: 100%;
}
#rotable tbody tr:nth-of-type(odd) {
	background: #353333;
}
#rotable tbody tr:nth-of-type(even) {
	background: #313030;
}
#rotable th{padding: 0 10px;font-weight:bold;font-size:16px;color:#1d6f9a}
#rotable td{padding: 2px 10px;}
#rotable td button{margin: 1px 2px;}
#rotable td.ropt{width:95px;text-align:center;padding: 5px 0;}

#indexMenu svg{
	cursor: pointer;
}
#indexMenu svg:hover{
	color:#00ff9d
}
#settingbtn{
	color: #cdcbcb;
}
#settingbtn:hover{
	color:#00ff9d;
}
input[type='checkbox']{
	background-color: #3b3a3a;
	border: 1px solid #C0C4CC;
	border-radius: 2px;
	outline: none;
}
/* 默认的checkbox样式 */
.hiselectspan input, #settingdiv input, .stcheckbox, .exportfilelitudiv input, #talkingMatchConfdiv input, #trashDiv input, #fileMergeChaptersDiv input, .minputfilename{ 
	-webkit-appearance: none; /* 移除默认的外观 */
	-moz-appearance: none;    /* 同上 */
	appearance: none;          /* 同上 */
	display: inline-block;     /* 使得宽度和高度生效 */ 
	width: 13px;              /* 设置宽度 */
	height: 13px;             /* 设置高度 */
	background-color: #494949; /* 设置默认背景色 */
	border-radius: 1px;       /* 圆角边框 */
	border: 1px solid #959595; /* 边框颜色 */
	margin: 0 7px 0 1px;       /* 外边距 */
	cursor: pointer;          /* 鼠标样式 */
  }
   
  /* 当checkbox被选中时的样式 */
  .hiselectspan input:checked, #settingdiv input:checked, .stcheckbox:checked, 
  .exportfilelitudiv input:checked, #talkingMatchConfdiv input:checked, #trashDiv input:checked, 
  #fileMergeChaptersDiv input:checked, .minputfilename:checked{
	background-color: #4caf50; /* 设置选中时的背景色 */
	border: 1px solid #4caf50;
  }
  /* 默认的checkbox样式 */
#font-container input {
	-webkit-appearance: none; /* 移除默认的外观 */
	-moz-appearance: none;    /* 同上 */
	appearance: none;          /* 同上 */
	display: inline-block;     /* 使得宽度和高度生效 */
	width: 12px;              /* 设置宽度 */
	height: 10px;             /* 设置高度 */
	background-color: #494949; /* 设置默认背景色 */
	border: 1px solid #959595; /* 边框颜色 */
	margin: 0 1px;       /* 外边距 */
	cursor: pointer;          /* 鼠标样式 */
}
.exportfilelitudiv input, #trashDiv input, #fileMergeChaptersDiv input{
	vertical-align: text-bottom;
	margin-bottom: 1px;
}
.exportfilelitudiv span{
	cursor: pointer
}
.exportfilelitudiv p{
	padding:10px 10px 5px;
	text-align:center
}

#settingdiv div{
	margin:10px 10px;
}
#settingdiv .cfmenudiv{
	margin:5px 10px;
}
#settingdiv div input[type='checkbox'], #settingdiv div input[type='radio']{
	vertical-align: text-bottom;
    margin-bottom: 1px;
}
#settingdiv .tlabel{
	line-height: 20px;
}
#settingdiv .menusort{margin: 10px;cursor: pointer;}
#settingdiv button.adbtn, .colorlayerbtn, .randomgencbtn{
	border: 1px solid #595959;
    padding: 0 5px;
    border-radius: 3px;
    background: #343232;
    color: #fff;
}
#settingdiv button.adbtn:hover, .colorlayerbtn:hover, .randomgencbtn:hover{
	border: 1px solid #8b8b8b;
}
#font-container{
	scrollbar-color:#434343 #1e1e1e;
	scrollbar-width:thin;
}
#font-container::-webkit-scrollbar-thumb{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e
}
#font-container::-webkit-scrollbar-thumb:hover{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e;
}
   
  /* 当checkbox被选中时的样式 */
#font-container input:checked {
	background-color: #ff4141; /* 设置选中时的背景色 */
    border: 1px solid #ff4141;
}
.hsortdiv p, .exportfilediv p, .ziphsortdiv p {
    cursor: pointer;
    padding: 5px 0;
    margin: 5px;
    border: 1px solid #3b3b3b;
  }
.hsortdiv p:hover, .exportfilediv p:hover, .ziphsortdiv p:hover{border: 1px solid #6d6d6d;}
#importZipDiv{
	margin: 0 10px 0 0;
    max-height: 420px;
    overflow-y: auto;
	scrollbar-color:#5d5d5d #1e1e1e;
	scrollbar-width:thin;
}
#importZipDiv::-webkit-scrollbar-thumb{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e
}
#importZipDiv::-webkit-scrollbar-thumb:hover{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e;
}
.bookinfop{
	font-size: 12px; color: #9d9d9d; margin: -10px 0 -5px;
}
.zipfiletd .zfname span{
	color:#ffe57f
}
.zipfiletd .zfname:hover, .zipfiletd .zfname:hover > span{
	color:#61d776 !important;
}
#filedroparea{
	display:none;
	max-width:728px;
	text-align: center;
	margin: 0 auto;
    color: #61d776;
    font-size: 1.4em;
	border:2px dashed #bbe3ff
}

.booksdiv{
	overflow: auto;
	scrollbar-color:#414141 #313131;
	scrollbar-width:thin;
}
.booksdiv::-webkit-scrollbar-thumb{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e
}
.booksdiv::-webkit-scrollbar-thumb:hover{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #1e1e1e;
}
.appendRepTd{
	padding-left: 0;
}
.trashcount, .hidefilescount{
	position:absolute;
	top: -10px;
    right: 0px;
    color: #54ffc1;
}
.nextPageBtn, .prevPageBtn{
	display:none;
	position: absolute;
    color: #7c7c7c;
	width:50px;
	height:50px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}
.nextPageBtn:hover, .prevPageBtn:hover{
    color: #5da6b7;
}
.putToTypeTd{
	padding-left: 0;
}
.apidiv h2, .apidiv h3{
	margin:10px 0;
	color:#40b1f7;
}
.apidiv li{
	margin-left: 30px;
	list-style-type: circle;
}
.apidiv pre{
	color: #fff;
	font-family: 'Courier New', Courier, monospace;
}