:root {
	--link-color: hsl(204deg 90% 45%);
	--base-font-size: 14px;
	--content-max-width:
		80em;
	--sidebar-width: 23rem;
}

details>summary {
	background-color: hsl(204deg 60% 96%);
	padding: 8px 8px;
	margin: 9px 0;
	cursor: pointer;
}

.sidebar {
	padding-top: 0;
}

.search {
	margin-bottom: 20px;
	padding: 6px;
	border-bottom: 1px solid #eee;
}

.search .input-wrap {
	display: flex;
	align-items:
		center;
}

.search .results-panel {
	display: none;
}

.search .results-panel.show {
	display: block;
}

.search input {
	outline: none;
	border: none;
	width:
		100%;
	padding: 0 7px;
	line-height: 36px;
	font-size: 14px;
	border: 1px solid transparent;
}

.search input:focus {
	box-shadow: 0 0 5px var(--theme-color,
			#42b983);
	border: 1px solid var(--theme-color, #42b983);
}

.search input::-webkit-search-decoration,
.search input::-webkit-search-cancel-button,
.search input {
	-webkit-appearance:
		none;
	-moz-appearance: none;
	appearance: none;
}

.search .clear-button {
	cursor: pointer;
	width: 36px;
	text-align: right;
	display: none;
}

.search .clear-button.show {
	display: block;
}

.search .clear-button svg {
	transform:
		scale(.5);
}

.search h2 {
	font-size: 17px;
	margin: 10px 0;
}

.search a {
	text-decoration: none;
	color: inherit;
}

.search .matching-post {
	border-bottom:
		1px solid #eee;
}

.search .matching-post:last-child {
	border-bottom: 0;
}

.search p {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.search p.empty {
	text-align: center;
}

.app-name.hide,
.sidebar-nav.hide {
	display: none;
}



.sidebar-nav li a{
    background-image: var(--sidebar-nav-pagelink-background-image);
    background-position: var(--sidebar-nav-pagelink-background-position);
	    padding: var(--sidebar-nav-pagelink-padding, var(--sidebar-nav-link-padding));
}


.news {
    background-color: #fff
}

.news .title-name {
    color: #333
}

.news .list .title {
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    border-left: 6px var(--hdsyscms-bg) solid;
    padding-left: 10px;
    margin-bottom: 15px
}

.news .list .title a {
    font-size: 14px;
    color: #999999;
    float: right;
    border: 1px #999999 solid;
    padding: 0 10px;
    border-radius: 20px;
    height: 30px;
    line-height: 28px
}

.news .list .title a:hover {
    color: var(--hdsyscms-color);
    border: 1px var(--hdsyscms-color) solid
}

.news .list .item .com-box {
    padding-left: 0px
}

.news .list .item .com-box .content-img {
    list-style-type: none;
    display: flex;
    padding-left: 15px
}

.news .list .item .com-box .content-img .imgesc {
    width: 121px !important;
    height: 75px !important
}

.news .list .item .com-box .content-img .imgesc .img-thumbnail {
    padding: 0px !important;
    min-height: 75px !important;
    width: 121px !important;
    height: 75px !important;
    max-width: 121px
}

.news .list .item .com-box .content-img .text {
    padding-left: 10px;
    display: flex;
    flex-direction: column
}

.news .list .item .com-box .content-img .text a {
    white-space: nowrap !important;
    line-height: 30px;
    width: 390px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px
}

.news .list .item .com-box .content-text {
    border-bottom: 1px #e5e5e5 dashed;
    text-indent: 1em;
    background: url(images/icon_85.jpg) left center no-repeat;
    height: 50px;
    line-height: 50px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.news .list .item .com-box .content-text a {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 991.8px) {
    .news .list .item .com-box .content-text span {
        display:none
    }
}

@media screen and (max-width: 760.8px) {
    .news .list .item .com-box .content-text span {
        display:block
    }
}

@media screen and (max-width: 500.8px) {
    .news .list .item .com-box .content-text span {
        display:none
    }
}

@media screen and (max-width: 991.8px) {
    .news {
        background-color:#fff
    }

    .news .title-name {
        color: #333
    }

    .news .list .item .com-box .content-img {
        display: flex;
        padding-left: 0px;
        flex-direction: column
    }

    .news .list .item .com-box .content-img .imgesc {
        width: 100% !important;
        height: auto !important
    }

    .news .list .item .com-box .content-img .imgesc .img-thumbnail {
        padding: 0px !important;
        min-height: 75px !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100%
    }

    .news .list .item .com-box .content-img .text {
        padding-left: 0px;
        display: flex;
        flex-direction: column
    }

    .news .list .item .com-box .content-img .text a {
        white-space: nowrap !important;
        line-height: 30px;
        width: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 18px
    }

    .news .list .item .com-box .content-img .text span {
        display: none
    }
}

.apiname {
    color: rgba(0,0,0,0.5);
    font-size: 12px;
    line-height: 21px;
    padding-left: 2px
}

.browse {
    font-size: 16px;
    padding-right: 5px;
    color: rgba(128,128,128,0.404)
}

.text-muted {
    color: rgba(128,128,128,0.404);
    font-size: 13px
}



.active{
    
}