/* html */
.docs-site {
	background: #f5f5f5;
	float: left;
	width: 100%;
	min-height: 100vh;
	margin: 0;
}

.page-docs .pagination a:hover, 
.page-docs .fo:hover .be {
	color: #fff;
}

.page-docs .qqonline, 
.page-docs .scroll-c, 
.page-docs .scroll-b, 
.page-docs .scroll-h {
	display: none;
}

/* 头部 */
.docs-header {
	position: relative;
	background: #e4e4e4;
	float: left;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #bfbfbf;
}

.docs-logo {
	position: absolute;
	top: 7px;
	left: 15px;
	width: 220px;
	color: #fff;
	padding: 0;
}

.docs-logo a:hover {
	color: #666;
}

.docs-logo-small {
	float: left;
	width: 30px;
	max-height: 30px;
	margin: 4px 5px 0 0;
}

.docs-logo-small img {
	width: 28px;
	height: 28px;
	padding: 1px;
	border-radius: 50%;
}

.docs-logo-small .icon {
	width: 2em;
	height: 2em;
	color: #5881a1;
	vertical-align: 0;
}

.docs-header-title {
	font-size: 1.8rem;
	font-weight: 700;
	display: inline;
	vertical-align: -25%;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.docs-header-title {
	font-size: 1.8rem;
	font-weight: 700;
	display: inline;
	vertical-align: -25%;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.docs-gm-but {
	position: absolute;
	top: 9px;
	right: 105px;
}

.docs-gm-but a {
	background: #e4e4e4;
	color: #666;
	height: 32px;
	display: inline-block;
	padding: 2px 15px;
	border-radius: 3px;
	border: 1px solid #bfbfbf;
	box-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.docs-nav-switch {
	position: absolute;
	top: 9px;
	right: 60px;
	width: 32px;
	height: 32px;
	color: #666;
	text-align: center;
	cursor: pointer;
	background: #e4e4e4;
	border-radius: 3px;
	border: 1px solid #bfbfbf;
	box-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.nav-search-docs:hover, 
.docs-gm-but a:hover, 
.docs-nav-switch:hover {
	color: #444;
	background: #f5f5f5;
}

.docs-nav-switch {
	padding: 3px 0 0 0;
}

.docs-nav-switch:before {
	content: "\e600";
	font-family: be;
	font-size: 16px !important;
	color: #888;
	padding: 6px;
}

.nav-search-docs:hover.nav-search:after, 
.docs-gm-but a:hover:before, 
.docs-nav-switch:hover:before {
	color: #444;
}

/* 通知 */
.docs-notice-box {
	position: absolute;
	top: 57px;
	right: 15px;
	z-index: 1;
}

.docs-notice-scroll {
	height: 30px;
	line-height: 30px;
	color: #999;
}

.noticebox {
	float: left;
	width: 260px;
}

.noticelist:before {
	content: "";
	background: #5881a1;
	width: 10px;
	height: 10px;
	color: #5881a1;
	display: inline-block;
	margin: 0 5px 0 10px;
	border-radius: 50px;
}

/* 搜索 */
.nav-search-docs {
	position: relative;
	position: absolute;
	top: 9px;
	right: 15px;
	width: 32px;
	height: 32px;
	color: #666;
	margin: 0;
	background: #e4e4e4;
	border-radius: 3px;
	border: 1px solid #bfbfbf;
	box-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.docs-search-main .off-search-b {
	height: 50vh;
	cursor: pointer;
}

.docs-search-main .ajax-search-box {
	background: transparent !important;
	margin: 10px 0 0 0;
	padding: 0;
	border: none !important;
}

.docs-search-main .ajax-search-box li a {
	float: left;
	padding: 3px 0;
}

.docs-search-main .ajax-search-box li a:before {
	content: "";
	width: 6px;
	height: 6px;
	margin: 0 5px 0 0;
	background: #5881a1;
	display: inline-block;
	vertical-align: 7%;
	border-radius: 50%;
}

.docs-search-main .searchbar .ajax-search-input input {
	width: 100%;
	border-radius: 5px !important;
}

.docs-search-main .searchbar .ajax-search-input input:focus {
	border: 1px solid #999 !important;
}

.night .docs-search-main .searchbar .ajax-search-input input:focus {
	border: 1px solid #262626 !important;
}

@media screen and (max-width: 768px) {
	.docs-notice-box {
		display: none;
		width: 180px;
	}

	.docs-gm-but a:before {
		content: "\e656";
		font-family: be;
		font-size: 16px !important;
		color: #888;
	}

	.docs-gm-but a span {
		display: none;
	}

	.docs-gm-but a {
		width: 32px;
		height: 32px;
		padding: 3px 7px;
	}
}

.docs-nav .t-mark {
	background: #5881a1;
	position: absolute;
	top: 13px;
	right: 15px;
	width: 8px;
	height: 8px;
	color: #5881a1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-radius: 50px;
}

.nav-docs-tip {
	position: relative;
}

.nav-docs-tip a {
	font-weight: 700 !important;
}

.nav-docs-tip:after {
	content: "";
	background: #5881a1;
	position: absolute;
	top: 13px;
	right: 15px;
	width: 8px;
	height: 8px;
	color: #5881a1;
	display: inline-block;
	border-radius: 50px;
}

/* 主体 */
.docs-content-area {
	background: #f5f5f5;
	display: flex;
	min-height: 100vh;
}

.docs-nav .widget_nav_menu ul {
	padding: 0;
}

/* 菜单 */
.docs-nav {
	background: #fff;
	width: 310px;
	overflow: hidden;
	padding: 0 0 12px 0;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
	border-right: 1px solid #e7e7e7;
}

@media screen and (max-width: 768px) {
	.docs-nav.docs-nav-show {
		width: 0;
	}
}

.nav-show-all {
	width: 100%;
	cursor: pointer;
	text-align: center;
	padding: 15px 0 0 0;
	line-height: 13px;
}

.nav-show-all:before {
	content: "\e867";
	font-family: be;
	font-size: 16px !important;
	color: #888;
	width: 20px;
	height: 20px;
	text-align: center;
}


.nav-show-all:hover:before{
	color: #5881a1;
}

.docs-nav .menu-item ul {
	display: none;
	padding: 5px 0 5px 15px;
}

.docs-nav ul li a {
	position: relative;
	color: #555;
	display: block;
	padding: 5px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.docs-nav ul li a:before {
	content: "\e89a";
	font-family: be;
	font-size: 16px !important;
	font-weight: 400;
	margin: 0 3px 0 0;
}

.docs-nav .menu-item ul li a:before {
	content: "";
	width: 6px;
	height: 6px;
	margin: 0 5px 0 0;
	background: #5881a1;
	display: inline-block;
	vertical-align: 7%;
	border-radius: 50%;
}

.docs-widget .menu-item-type-custom a, 
.docs-nav ul .menu-item-has-children > a {
	position: relative;
	font-weight: 400;
}

.docs-nav ul .menu-item-has-children > a:after {
	position: absolute;
	top: 3px;
	right: 10px;
	content: "\e76f";
	font-family: be;
	font-size: 18px;
	font-weight: 400;
	color: #bababa;
	transition: 0.45s;
	-webkit-transition: 0.45s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d
}

.docs-nav ul .menu-item-has-children > a:hover:after {
	right: 15px;
	color: #5881a1;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.docs-nav ul .menu-item-has-children.nav-show > a:after {
}

/* nav-mini */
.nav-mini.docs-nav {
	width: 0;
	/* overflow: visible;*/
}

.nav-mini.docs-nav .menu-item.menu-item-has-children ul li a:before, 
.nav-mini.docs-nav ul .menu-item-has-children > a:after {
	display: none;
}

.nav-mini.docs-nav ul li a:before {
	margin: 0 10px 0 3px;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.nav-mini.docs-nav .menu-item > a {
	text-overflow: clip;
	border-bottom: none;
}

.nav-mini.docs-nav .sub-menu li a {
	text-overflow: ellipsis;
	border-bottom: none;
}

.nav-mini.docs-nav .sub-menu li a {
	display: block;
}

.nav-mini.docs-nav .menu-item {
	position: relative;
}

.nav-mini.docs-nav .menu-item a:hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 300px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #fff;
	border-right: 2px solid #5881a1;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.nav-mini.docs-nav .menu-item-has-children a:hover {
	position: static;
}

.nav-mini.docs-nav .menu-item ul {
	position: absolute;
	top: 0;
	left: 35px;
	width: 300px;
	z-index: 3;
	padding: 0;
	overflow: hidden;
	border-right: 2px solid #5881a1;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.nav-mini.docs-nav .menu-item ul li a {
	background: #fff;
	padding: 3px 5px 3px 10px;
}

.nav-mini.docs-nav .menu-item ul li a:hover {
	box-shadow: none;
}

.nav-mini.docs-nav .menu-item:hover {
}

.nav-mini.docs-nav .menu-item:hover .nav-item a {
	color: #ff0000;
}

.nav-mini.docs-nav .menu-item:hover ul {
	display: block;
}

/* 面包屑 */
.docs-current {
	float: left;
}

.docs-breadcrumbs .seat, 
.docs-breadcrumbs .home-text {
	display: none;
}

.docs-breadcrumbs {
	color: #999;
}

.docs-breadcrumbs a {
	color: #999;
}

.docs-breadcrumbs a:hover {
	color: #5881a1;
}

.docs-changelog {
	margin: 0 5px 0 0;
}

/* 编辑 */
.edit-link-docs {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
}

.edit-link-docs-list {
	top: 2px;
	opacity: 0;
}

.edit-link-docs-list:hover {
	opacity: 1;
}

.edit-link-docs a {
	color: #999;
	display: block;
	padding: 1px 5px;
}

.docs-views {
	position: absolute;
	top: 22px;
	right: 45px;
	color: #999;
	z-index: 1;
}

.docs-views.archive-docs-views {
	top: 4px;
}

/* 分类 */
.docs-cat-box {
	background: #e4e4e4;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	margin: 20px 0 0 -4px;
	padding: 20px;
	border-top: 1px solid #e7e7e7;
}

.docs-cat-item {
	float: left;
	width: 10%;
	text-align: center;
}

.docs-cat-item a {
	display: block;
	padding: 5px 0;
}

@media screen and (max-width: 1000px) {
	.docs-cat-item {
		width: 20%;
	}
}

@media screen and (max-width: 768px) {
	.docs-cat-item {
		width: 25%;
	}
}

/* 正文 */
.docs-title {
	position: relative;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 160%;
	padding: 15px 0;
}

.docs-site-main {
	position: relative;
	width: 100%;
	padding: 10px 4px 0 4px;
	overflow: hidden;
}

.docs-site .post, 
.docs-site .page {
	background: transparent !important;
	margin: 0 !important;
	padding: 0 20px !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.docs-site-main .single-content {
	margin-top: 0;
}

.docs-entry-content {
	width: 75%;
	min-height: 100vh;
	margin: 0 0 260px 0;
}

.docs-point-box {
	color: #444;
	border: 1px solid #5881a1;
}

#content-docs #colophon {
	box-shadow: none;
}

.docs-cat-primary {
	width: 100%;
}

.docs-archive-list {
	min-height: 100vh;
	margin: 0 0 260px 0;
}

.docs-archive-list .docs-breadcrumbs {
	margin: 0 0 15px 0;
	padding: 0 20px;
}

.docs-pagenav {
	margin: 20px 0;
}

.docs-archive-title a {
	font-weight: 400;
	line-height: 35px;
	display: block;
	border-bottom: 1px dashed #dadada;
}

.docs-archive-title a:hover {
	color: #5881a1;
}

.docs-archive-title a:before {
	content: "";
	width: 6px;
	height: 6px;
	margin: 0 10px 0 0;
	background: #5881a1;
	display: inline-block;
	vertical-align: 7%;
	border-radius: 50%;
}

@media screen and (max-width: 1366px) {
	.docs-entry-content {
		width: 100%;
		margin: 0 0 280px 0;
	}
}

@media screen and (max-width: 440px) {
	.docs-site .post, 
	.docs-site .page {
		padding: 0 15px !important;
	}

	.docs-archive-list .docs-breadcrumbs {
		padding: 0 15px;
	}
}

/* 正文样式 */
.docs-content blockquote {
	background: #fff;
	float: left;
	width: 100%;
	color: #444;
	font-weight: 400;
	margin: 10px auto;
	padding: 10px 16px 3px 16px;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
}

.docs-content blockquote p {
	margin: 0 0 10px 0 !important;
}

.docs-content code {
	background: #fff;
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 8px 15px;
	border-radius: 3px;
	border: 1px dashed #e7e7e7;
}

.docs-content .mark_a {
	background: #fff;
	width: 100%;
	color: #444;
	font-weight: 700;
	margin: 10px auto;
	padding: 10px 13px;
	border-radius: 5px;
	border: 1px solid #5881a1;
}

.docs-content ul li,
.docs-content ol li {
	margin: 0 0 0 2em;
}

.docs-content hr {
	border-top: 1px solid #e7e7e7;
}

.docs-content p:first-child {
	margin: 0 0 15px 0;
}

.docs-site .down-link-but {
	text-align: left;
}

.docs-site .single-content h3, 
.docs-site .single-content h4, 
.docs-site .single-content h6 {
	border-left: 5px solid #5881a1;
}

/* transition */
.docs-cat-item a, 
.docs-archive-title a, 
.docs-widget .menu-item-type-custom a, 
.docs-nav ul .menu-item-has-children > a {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.docs-cat-item a:hover, 
.docs-archive-title a:hover, 
.docs-widget .menu-item-type-custom a:hover, 
.docs-nav ul .menu-item-has-children > a:hover {
	transform: translate(5px,0);
	-webkit-transform: translate(5px,0);
	-moz-transform: translate(5px,0);
	-o-transform: translate(5px,0);
	-ms-transform: translate(5px,0);
}

/* night */
.night .docs-content-area {
	background: #323232;
}

.night .docs-archive-title a {
	border-bottom: 1px dashed #262626;
}

.night .docs-content hr {
	border-top: 1px solid #262626;
}

.night .docs-header {
	background: #262626;
	border-top: 1px solid #262626;
	border-bottom: 1px solid #262626;
}

.night .docs-content blockquote p, 
.night .docs-content blockquote {
	background: #262626;
	border: 1px solid #262626;
}

.night .nav-search-docs, 
.night .docs-nav-switch, 
.night .docs-gm-but a {
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
}

.night .docs-header-title {
	text-shadow: none;
}

.night .docs-nav {
	border-right: 1px solid #262626;
}

.night .nav-mini.docs-nav .menu-item > a {
	border-bottom: 1px solid #262626;
}

.night .nav-mini.docs-nav .menu-item a:hover {
	background: #262626 !important;
}

.night .nav-mini.docs-nav .sub-menu li a {
	border-bottom: none;
}

.night .nav-search-docs, 
.night .docs-nav, 
.night .docs-nav-switch, 
.night .docs-gm-but a {
	background: #262626;
}

.night .nav-mini.docs-nav .menu-item ul {
	background: #323232;
	border: 1px solid #262626;
	border-left: none;
}

.night .docs-cat-box {
	background: #262626 !important;
	border-top: 1px solid #262626;
}

.night .docs-cat-box li, 
.night .docs-cat-box li a {
	background: #262626 !important;
}

.night .docs-point-box p {
	background: #262626;
}

.night .docs-nav ul .menu-item-has-children > a:after {
	color: #808080;
}

.night .nav-search-docs:hover.nav-search:after, 
.night .docs-gm-but a:hover span, 
.night .docs-gm-but a:hover:before, 
.night .docs-nav-switch:hover:before {
	color: #ccc;
}

.night .dbk {
	border: 1px solid #222;
}

.night .docs-nav ul li a {
	color: #808080;
}