@charset "UTF-8";

:root {
	--dark:#ffffff;
}

a {
	color:#000000;
}

.card-thread .card-body .break-all p a {
	color:#027aff;
}

body {
	font-family: "Microsoft Yahei",sans-serif;
	background: #E6E6E6
}
body, input, textarea {
    font-family: microsoft yahei;
}
.navbar {
	padding: 0;
	-webkit-box-shadow: 0 2px 3px rgba(10,10,10,.1);
	box-shadow: 0 2px 3px rgba(8, 89, 158,.1)
}

.navbar>.container {
	max-width: 1500px;
	padding-right: 0
}

.navbar.bg-dark {
	background-color: #1677FF !important
}

.navbar-dark .navbar-toggler {
	border-color: transparent!important;
	color: var(--dark);
	padding: 1rem
}

.navbar-dark .navbar-toggler:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0c9"
}

.navbar-dark .navbar-toggler-icon {
	display: none
}

.navbar-dark .navbar-brand {
	color: var(--dark);
	padding: 0
}
.navbar-dark .navbar-nav {
    font-size: 18px !important;
}
.navbar-dark .navbar-nav .nav-link {
	color: var(--dark);
	padding: .87rem .55rem
}

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
	color: var(--dark)
}

.navbar-dark .navbar-nav .nav-item.active>.nav-link {
	background-color: #1C65A4,
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
	color: var(--dark);
	background: #1f4977
}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
	color: var(--dark)
}

.aside>a.btn {
	padding: .75rem 1rem;
	border-width: 0
}

.card {
	background: var(--white);
	box-shadow: none;
	border-color: var(--gray-400)
}

.card>.card-header {
	background-image: none;
	background-color: transparent;
	border-color: var(--gray-200)
}

.card-header-tabs {
	margin-top: -.25rem
}

.card-header-tabs>.nav-item>.nav-link {
	border-width: 0 0 2px 0
}

.card-header-tabs>.nav-item>.nav-link:hover:not(.active) {
	border-width: 0 0 2px 0
}

.card-header-tabs>.nav-item>.nav-link.active {
	background-image: none;
	background: var(--white);
	border-color: var(--dark);
	border-width: 0 0 2px 0
}

.card.card-threadlist>.card-body {
	padding: .25rem 1rem
}

.card.card-threadlist>.card-body>.threadlist .ml-2.d-none {
	display: inline-flex!important
}

.card.card-threadlist>.card-body>.threadlist .d-flex.justify-content-between.small {
	font-size: 13px
}

.card.card-postlist {
	border-top-width: 0;
	border-top-left-radius: 0!important;
	border-top-right-radius: 0!important;
	font-size: 14px
}

.card.card-thread {
	margin-bottom: 0;
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}

.card.card-thread hr {
    border-top-color: #aed2b5;
    margin-top: 2px;
    margin-bottom: 2px;
}

.breadcrumb {
	background-color: var(--white)!important;
	font-size: 14px
}

.nav_tag_list {
	display: flex;
	flex-direction: column
}[class^=icon-top-]:before {
	content: "\f0aa"
}

/*   发帖按钮	*/
.btn-primary {
    color: #fff;
    background-color: #1677FF;
    border-color: #0969BA;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0969BA;
  border-color: #1677FF;
}

/*   返回按钮	*/
.btn-secondary {
  color: #fff;
  background-color: #1677FF;
  border-color: #0969BA;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #0969BA;
  border-color: #1677FF;
}

/*   footer颜色 	*/
#footer .text-muted {
    color: #fff !important;
} 
#footer a {
    color: #fff !important;
}
#footer .col {
    color: #fff !important;
}
.bg-dark {
    background-color: #1677FF !important;
}
.page-item.active .page-link {
    background-color: #1f4977 !important;
    border-color: #1f4977 !important;
}

/*   下面是时间的css 	*/
.lunar-clock {
            text-align: center;
            font-family: Arial, sans-serif;
            width: 100%;
            padding: 20px 0px;
            background: #ffffff;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: inline-block;
        }
        .solar-date {
            font-size: 24px;
            color: #333;
            margin-bottom: 8px;
        }
        .lunar-date {
            font-size: 16px;
            color: #666;
        }
        .time-section {
            font-size: 32px;
            color: #2c3e50;
            font-weight: bold;
        }
        .weekday {
            color: #e74c3c;
        }
/*   上面是时间的css 	*/

@media screen and (min-width:1408px) {
	html {
		font-size: 16px
	}

	#body>.container,#footer>.container {
		max-width: 1400PX;
		width: 100%
	}
}

@media (max-width:576px) {
	html {
		font-size: 12px
	}
}
.rjcom h4 {	
               
                margin: 12px -35px 12px -23px;
                padding: 5px 20px;
                border-left: 5px solid #1677ff;
            }
.rjcom{font-size:15px;color:#34495e;line-height:26px; }

.rjcom ul{list-style:disc;padding-left:25px;margin:10px 0}
.rjcom ol{padding-left:15px;margin:10px 0;}
.rjcom li{padding-bottom:5px;font-size:15px;border-bottom:1px dashed #eee; }
.rjcom img{     margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto }alert alert-info
	
	
	
.fox-side-item{position:relative;border-radius:0.25rem;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;background:rgba(255,255,255,0.9);padding:85px 15px 0 15px}
.fox-side-item::before{content:'';position:absolute;top:90px;left:0;width:100%;height:30px;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,0),#fcfcfc)}
.fox-side-item:hover::after{display:block}
.fox-side-item .image{position:absolute;top:0;left:0;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;z-index:1}
.fox-side-item .card-body{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-bottom:10px;margin-top:90px;}
.fox-side-item .card-body .avatar{width:7rem;height:7rem;border-radius:50%;overflow:hidden;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s,-webkit-transform 0.75s;border:rgba(144,147,153,0.23) 3px solid;padding:0px}
.fox-side-item .card-body .avatar:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.fox-side-item .card-body .link{color:#73aaff;margin-bottom:10px;font-size:16px;font-weight:500}
.fox-side-item .card-body .motto{font-size:14px;color:#404044;text-align:center;word-break:break-word}
.fox-side-item .count{width:100%;padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid #ebeef5}
.fox-side-item .count .item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:#606266;font-size:13px}
.fox-side-item .count .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:1.2rem;color:#404044;margin-bottom:3px;text-shadow:0 1px 2px rgba(0,0,0,0.25);}