DedeV6/src/static/web/css/style.css

body {
	line-height:1.5;
	font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	color:#545b62;
	letter-spacing:.6px
}
a {
	color:#545b62
}
a:hover {
	color:#ff8400;
	text-decoration:none
}
img {
	max-width:100%;
	border-radius:.25rem
}
ul,ol {
	margin:0;
	padding:0;
	list-style:none
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	line-height:1.5;
	font-weight:600;
	color:#393d49
}
h1 {
	font-size:32px
}
h2 {
	font-size:24px
}
h3,h4 {
	font-size:18px
}
h5,h6 {
	font-size:16px
}
.flink,.flink a,.copyright,.copyright a {
	color:white
}
.copyright {
	padding:.5rem;
	background:#12451F
}
form.search {
	display:flex;
	width:100%
}
ul.spec > li > a > img,.article-spec > a > img {
	width:120px
}
ul.spec .border-bottom-dashed {
	border-bottom:dashed 1px #929292
}
ul.spec > li .title a {
	color:#212529
}
ul.spec > li .title h4 {
	display:inline
}
ul.spec > li .title .label {
	background:#B7E9B4;
	color:#28a745;
	padding:0 5px;
	border-radius:3px
}
ul.spec > li .description,ul.spec > li .description a {
	color:#868686;
	font-size:16px;
	line-height:24px;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden
}
ul.items > li .type {
	background:#28a745;
	color:white;
	font-size:14px;
	height:18px;
	line-height:18px;
	position:relative;
	padding:0 5px;
	top:-3px;
	margin-right:10px
}
ul.items > li .pane {
	background:#28a745;
	width:10px;
	height:10px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	margin-bottom:10px
}
ul.items > li .caption {
	line-height:32px
}
ul.items > li .title,ul.items > li .caption a {
	display:inline;
	line-height:18px;
	color:#212529
}
ul.items > li .description,ul.items > li .description a,ul.items > li .addinfo {
	color:#868686;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	line-height:26px;
	word-break:break-all
}
ul.items > li .addinfo {
	font-size:14px
}
ul.items .border-bottom-dashed {
	border-bottom:dashed 1px #929292
}
ul.items img {
	max-width:100px
}
ul.items > li .label {
	border:1px solid #FF8400;
	color:#FF8400;
	height:24px;
	border-radius:3px;
	font-size:12px;
	line-height:24px;
	margin-left:5px;
	padding:0 5px
}
ul.items > li .label:hover {
	border:1px solid #FF8400;
	color:white;
	text-decoration-line:none;
	background:#FF8400;
	height:24px;
	border-radius:3px;
	font-size:12px;
	line-height:24px;
	margin-left:5px;
	padding:0 5px
}
ul.items > li .source {
	font-size:14px
}
.list-group-dede {
	text-align:center;
	font-size:16px
}
.dropdown-dede .dropdown-menu {
	width:100%;
	text-align:center
}
.dropdown-dede .dropdown-menu>.dropdown-item.active {
	background:white;
	color:#FF8400
}
.dropdown-dede,.dropdown-dede a {
	width:100%
}
.dropdown-dede,.dropdown-item {
	padding:.25rem 1.5rem;
	text-align:left;
	border-bottom:1px dashed #D7D7D7
}
.dropdown-dede,.dropdown-item:last-child {
	border-bottom:0
}
.list-group-dede .list-group-item.active {
	z-index:2;
	color:#ff8400;
	background:white
}
.list-group-dede {
	border:1px solid #96D6A8;
	border-radius:10px
}
.list-group-dede .list-group-item {
	position:relative;
	display:block;
	padding:.75rem 1.25rem;
	background:#fff;
	border:none;
	font-weight:600;
	border-bottom:1px dashed #D7D7D7
}
.list-group-dede .list-group-item.active {
	border:none;
	border-bottom:1px dashed #D7D7D7
}
.list-group-dede .list-group-item+.list-group-item.active {
	margin-top:0px
}
.list-group-dede .list-group-item:last-child {
	border-bottom:0
}
.ddcard,.ddcard-normal {
	border:none
}
.ddcard-normal {
	box-shadow:1px 0px 5px 5px #f8f8f8;
	padding:.25rem
}
.ddcard-normal ul {
	padding:.5rem
}
.ddcard > .card-header {
	background:white;
	padding:0;
	border-bottom:solid 5px #28a745
}
.ddcard-normal > .card-header {
	background:white;
	padding:0;
	border-bottom:0
}
.ddcard-normal > .card-header .caption {
	font-size:18px;
	font-weight:600
}
.ddcard-normal > .card-header .caption a {
	color:#28a745
}
.ddcard-normal > .card-header .caption::before {
	content:" ";
	background:#28a745;
	padding:6px;
	margin-right:10px
}
.ddcard > .card-header .caption {
	font-size:18px
}
.ddcard > .card-header .caption span {
	display:inline-block;
	background:#28a745;
	padding:6px 15px;
	color:white;
	margin-bottom:-3px
}
.ddcard > .card-header .more a,.ddcard-normal > .card-header .more a {
	color:#28a745;
	font-size:14px;
	line-height:26px
}
.ddcard > .list-group {
	margin-left:20px
}
.ddcard > .list-group .label,.ddcard-normal > .list-group .label {
	float:right;
	font-size:14px;
	padding:6px;
	color:#12451F;
	background:#B6E9B4;
	border-radius:3px;
	margin-left:5px
}
.ddcard-normal > .list-group .time {
	color:#C0C0C0
}
.ddcard-normal > ul > li,.ddcard-normal > ol > li {
	border-bottom:dashed 1px #CFCFCF;
	list-style:none
}
.ddcard-normal > ul > li.media img {
	width:75px;
	height:57px
}
.ddcard-normal > ul > li.media h4 {
	font-size:16px
}
.ddcard-normal .more {
	padding-right:1.5rem
}
.ddcard-normal > .list-group > li i {
	color:#60B983
}
.ddcard > ul > li,.ddcard > ol > li,.ddcard-normal > ul > li,.ddcard-normal > ol > li {
	padding:6px 0;
	color:#C0C0C0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ddcard > ul > li:nth-child(1),.ddcard > ol > li:nth-child(1),.ddcard-normal > ul > li:nth-child(1),.ddcard-normal > ol > li:nth-child(1) {
	margin-top:10px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.ddcard > ul > li a,.ddcard > ol > li a,.ddcard-normal > ul > li a,.ddcard-normal > ol > li a {
	color:#272727
}
.ddcard > ol > li::before,.ddcard-normal > ol > li::before {
	background:#FF8400;
	color:white;
	padding:6px;
	margin-left:-10px;
	margin-right:10px;
	border-radius:3px
}
.ddcard > ol > li:nth-child(1)::before,.ddcard-normal > ol > li:nth-child(1)::before {
	content:"1";
	background:#FF8400;
	color:white;
	padding:6px 6px;
	margin-left:0px;
	margin-right:10px;
	border-radius:3px;
	width:6px
}
.ddcard > ol > li:nth-child(2)::before,.ddcard-normal > ol > li:nth-child(2)::before {
	content:"2";
	background:#FFB400;
	color:white;
	padding:6px 5px;
	margin-left:0px;
	margin-right:10px;
	border-radius:3px
}
.ddcard > ol > li:nth-child(3)::before,.ddcard-normal > ol > li:nth-child(3)::before {
	content:"3";
	background:#FFCC00;
	color:white;
	padding:6px 5px;
	margin-left:0px;
	margin-right:10px;
	border-radius:3px
}
h1.dede::before {
	content:" ";
	background:#28a745;
	padding:6px;
	margin-right:10px
}
h2.dede::before {
	content:" ";
	background:#28a745;
	padding:6px;
	margin-right:10px
}
h3.dede::before {
	content:" ";
	background:#28a745;
	padding:6px;
	margin-right:10px
}
h4.dede::before {
	content:" ";
	background:#28a745;
	padding:6px;
	margin-right:10px
}
h5.dede::before {
	content:" ";
	background:#28a745;
	padding:6px;
	margin-right:10px
}
h3.dede-box::before {
	content:" ";
	background:#B7E9B4;
	padding:6px;
	margin-bottom:4px;
	margin-right:10px;
	display:inline-block
}
h4.dede-box::before {
	content:" ";
	background:#B7E9B4;
	padding:6px;
	margin-bottom:4px;
	margin-right:10px;
	display:inline-block
}
h5.dede-box::before {
	content:" ";
	background:#B7E9B4;
	padding:6px;
	margin-bottom:4px;
	margin-right:10px;
	display:inline-block
}
.nav.dede .nav-link {
	color:#858585;
	border:solid 1px #858585
}
.nav.dede .nav-link.active {
	color:white;
	border:solid 1px #FF8400
}
.nav.dede .nav-link:hover {
	color:white;
	background:#FF8400;
	border:solid 1px #FF8400
}
.nav.dede .nav-link.disabled {
	color:#6c757d;
	pointer-events:none;
	cursor:default
}
nav.navbar.dede {
	padding:0
}
nav.navbar.dede .dropdown-item.active,.dropdown-item:active {
	color:#ff8400;
	text-decoration:none;
	background:#fff
}
nav.navbar.dede .navbar-brand {
	display:none
}
nav.navbar.dede .nav-item {
	width:7rem;
	text-align:center;
	padding:.5rem 0
}
nav.navbar.dede .nav-item.active {
	background:#ff8400
}
nav.location {
	padding:.5rem;
	border:solid 1px #B5B5B5;
	border-radius:10px;
	display:flex;
	flex-direction:row
}
nav.location .caption {
	display:inline-block;
	line-height:20px;
	font-size:18px;
	font-weight:600;
	color:#28a745;
	width:75px;
	text-align:center;
	padding:0 5px 0 5px;
	position:relative
}
nav.location .dede {
	padding-inline-start:0px;
	margin-bottom:0
}
nav.location .dede li {
	float:left;
	list-style-type:none
}
nav.location .dede li .nav-link {
	color:#272727
}
nav.location .dede li.active .nav-link {
	color:#ff8400
}
.dede-title > .dede,.dede-title > .dede-box {
	display:inline-block
}
.dede-title > .items {
	display:inline-block
}
.position .breadcrumb .breadcrumb-item a {
	color:#28a745
}
#btnScrollTop {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:99;
	font-size:18px;
	border:none;
	outline:none;
	background:#EC982C;
	color:white;
	cursor:pointer;
	padding:10px 15px;
	border-radius:10px
}
#btnScrollTop:hover {
	background:#E77817
}
.showhide-info .btn-show,.showhide-info .btn-hide {
	margin:20px auto
}
.showhide-info.show .box {
	height:100%
}
.showhide-info.show .btn-show {
	display:none
}
.showhide-info.show .btn-hide {
	display:block
}
.showhide-info.hide .box {
	height:300px;
	overflow:hidden
}
.showhide-info.hide .btn-showhide {
	position:relative;
	padding-top:20px;
	padding-bottom:30px
}
.showhide-info.hide .gradient {
	position:absolute;
	top:-79px;
	left:0;
	height:80px;
	width:100%;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
	background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
	background-image:linear-gradient(-180deg,rgba(255,255,255,0),#fff)
}
.showhide-info.hide .btn-show {
	display:block
}
.showhide-info.hide .btn-hide {
	display:none
}
.article-main h2 {
	line-height:1.5rem
}
.article-meta small {
	color:#868686
}
.article-main .body {
	word-break:break-all
}
.article-main .body img,.article-main .body video {
	max-width:100%!important;
	height:auto!important;
	visibility:visible!important
}
.article-main .body table {
	width:100%!important
}
.site-nav {
	font-size:14px
}
.site-nav .title b {
	color:#ff8400
}
.site-nav .user a {
	color:#28a745
}
#body-pic img {
	max-width:40%!important
}
.image-item img {
	height:160px
}
.list-image img {
	width:130px;
	max-width:130px!important
}
.flink {
	background:#28a745!important
}
.flink,.flink a,.copyright,.copyright a {
	color:white
}
@media only screen and (max-width:1199px) {
	.ddcard > .card-header .caption span {
	font-size:14px
}
}@media only screen and (max-width:576px) {
	.logo {
	text-align:center
}
nav.navbar.dede .nav-item {
	width:100%
}
nav.navbar.dede .navbar-brand {
	display:block;
	margin-left:10px
}
.dropdown-dede,.dropdown-item {
	text-align:center
}
.ddcard > .card-header .caption span {
	font-size:16px
}
}@media only screen and (max-width:768px) {
	nav.navbar.dede .nav-item {
	width:100%
}
nav.navbar.dede .navbar-brand {
	display:block;
	margin-left:10px
}
.dropdown-dede,.dropdown-item {
	text-align:center
}
.ddcard > .card-header .caption span {
	font-size:14px
}
}.digg .comment-container {
	width:200px;
	padding:10px 20px;
	border:1px solid #f8f8f8;
	border-radius:20px;
	margin:0 6px;
	cursor:pointer
}
.digg .comment-container:hover {
	background:#FFFCE0
}
.digg .comment-top {
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-bottom:10px
}
.digg .comment-top-text {
	color:#497cf6;
	margin-left:10px
}
.digg .comment-top-text-danger {
	color:#d21d35;
	margin-left:10px
}
.digg .text-like {
	color:#497cf6
}
.digg .text-unlike {
	color:#d21d35
}
.digg .comment-top p {
	margin-bottom:unset
}
.prenext .pagination-previous,.pagination-next {
	font-size:14px;
	color:#a6a5a6;
	padding:6px 14px;
	border-radius:34px;
	border:1px solid #f0f0f0;
	cursor:pointer
}
.prenext .pagination-previous:hover,.pagination-next:hover {
	color:#c2e5d0;
	background:#1eac5a
}
.actbox {
	float:right;
	padding:10px
}
.actbox ul {
	list-style:none
}
.actbox ul li {
	float:left;
	margin-left:10px
}
.hot-news {
	overflow-x:hidden;
	overflow-y:scroll;
	height:370px;
	-webkit-overflow-scrolling:touch;
	overflow:-moz-scrollbars-none
}
.hot-news::-webkit-scrollbar {
	display:none
}
.hot-news li {
	overflow:unset!important
}
.quick img {
	width:100%
}
.spec .card {
	text-align:center
}
.spec .card img {
	max-width:200px;
	margin:0 auto
}
.spec .card-body {
	padding:.25rem
}
.carousel-item img {
	max-width:100%!important
}