a:focus {outline-style:none; -moz-outline-style: none}

body,html {
	font-family: PingFangSC-Regular,"Microsoft Yahei-Regular","Microsoft Yahei"
}
h1, h2, h3, h4 {
    margin-top: 20px;
    margin-bottom: 20px
}

h3{
    font-size: 28px
}

h4{
    font-size: 22px
}

img {
    width: 100%;
    height: auto
}
.bs-docs-container,body,html {
	height: 100%
}

.bs-sidebar,.bs-sidebar>.bs-sidenav {
	height: 96.2%
}

.bs-sidebar>.bs-sidenav {
	padding-bottom: 80px;
	overflow-y: auto
}

.bs-header h1 {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 400
}

.bs-header p {
	font-size: 18px
}

.bs-docs-section{
	margin-top: 30px
}

.bs-docs-section p{
	margin-bottom: 1.6em;
	font-size: 16px;
	line-height: 30px;
	text-align: justify
}

.bs-docs-section img {
	margin-bottom: 1.6em;
	max-width: 100%;
	height: auto;
	text-align: center;
	display: block;
	width: auto;
}

.bs-sidenav li.article-ch4 a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-size: 90%
}

.navbar-brand {
	padding: 13px 15px
}

.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a {
    border-right: 2px solid #D13030
}

.bs-docs-home, .bs-header {
    background-image: linear-gradient(to right, #234069 0%,#3dac9f 100%)
}

.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a {
    border-right: 2px solid #234069
}

.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a {
    color: #234069;
    border-right: 2px solid #234069
}

.bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus {
    border-right: 2px solid #234069
}

/*滚动条样式*/
.bs-sidenav::-webkit-scrollbar {/*滚动条整体样式*/
	/*高宽分别对应横竖滚动条的尺寸*/
	width: 10px;
	height: 1px;
}

.bs-sidenav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	background-color: #535353;
	/*background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);*/
}

.bs-sidenav::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    /*border-radius: 10px;*/
	background: #EDEDED;
}

.bs-header h1 {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 400
}

.bs-header p {
	font-size: 18px
}

.bs-docs-section {
	margin-top: 30px
}

.bs-docs-section p {
	margin-bottom: 1.6em;
	font-size: 16px;
	line-height: 30px;
	text-align: justify
}

.bs-docs-section img {
	margin-bottom: 1.6em
}

.bs-sidenav li.article-ch4 a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-size: 90%
}

.navbar-brand {
	padding: 13px 15px
}

.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a {
	border-right: 2px solid #D13030
}

.bs-docs-home, .bs-header {
	background-image: linear-gradient(to right, #234069 0%,#3dac9f 100%)
}

.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a {
	border-right: 2px solid #234069
}

.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a {
	color: #234069;
	border-right: 2px solid #234069
}

.bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus {
	border-right: 2px solid #234069
}

.bs-docs-section ol li{
	padding-top: 5px;padding-bottom: 5px
}