@charset "UTF-8";
	:root {
	--dark:#000
}

/* 动画开始 */
.loader {
	position: absolute;
	top: 28%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-mos-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
/* disable selection and cursor changes */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
	color:#fff;
}

/* Text align it the center of screen and connect the looped animation for 2.5 seconds */
.loader .text{
	position: absolute;
	top: 1.8em;
	left: 1em;
	z-index:5;
	font-size: 2em;
	text-transform: uppercase;
-webkit-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
-moz-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
-ms-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
-o-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
}

/* Create a container for animation*/
.spinner {
	position: relative;
	width: 5em;
	height: 5em;
	color:#fff;
} 

.spinner:before,
.spinner:after {
	content: "";
	position: relative;
	display: block;
}

/* Create cube and set animation*/
.spinner:before {
	-webkit-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-moz-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-ms-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-o-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	width: 10em;
	height: 10em;
	background-color: #DB2F00;
}

/* Create shadow and set animation*/
.spinner:after {
	-webkit-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-moz-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-ms-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-o-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	position: relative;
	bottom: -1.75em;
	height: .25em;
	border-radius: 50%;
	background-color: #322b27;
}

/* Animation keys */
/* from cube to circle */
@-webkit-keyframes spinner {
	50%		{ 
			-webkit-border-radius: 50%;
			-webkit-transform: scale(.5) rotate(360deg);
			background-color: #13A3A5; }
	100% {
			-webkit-transform: scale(1) rotate(720deg);
			background-color: #DB2F00; }
}

@-moz-keyframes spinner {
	50%		{ 
			-moz-border-radius: 50%;
			-moz-transform: scale(.5) rotate(360deg);
			background-color: #13A3A5;}
	100%	{
			-moz-transform: scale(1) rotate(720deg);
			background-color: #DB2F00; }
}

@-mos-keyframes spinner {
	50%		{ 
			-mos-border-radius: 50%;
			-mos-transform: scale(.5) rotate(360deg);
			background-color: #13A3A5; }
	100% 	{
			-mos-transform: scale(1) rotate(720deg);
			background-color: #DB2F00; }
}

@-o-keyframes spinner {
	50%		{ 
			-o-border-radius: 50%;
			-o-transform: scale(.5) rotate(360deg);
			background-color: #13A3A5; }
	100%	{
			-o-transform: scale(1) rotate(720deg);
			background-color: #DB2F00; }
}

@keyframes spinner {
	50%		{ 
			border-radius: 50%;
			transform: scale(.5) rotate(360deg);
			background-color: #13A3A5; }
	100%	{
			transform: scale(1) rotate(720deg);
			background-color: #DB2F00; }
}


/* animation shadow */
@-webkit-keyframes shadow {
	50%		{ 
			-webkit-transform: scale(.5);
			background-color: #322b27; }
}

@-moz-keyframes shadow {
	50%		{ 
			-moz-transform: scale(.5);
			background-color: #322b27; }
}

@-mos-keyframes shadow {
	50%		{ 
			-mos-transform: scale(.5);
			background-color: #322b27; }
}

@-o-keyframes shadow {
	50%		{ 
			-o-transform: scale(.5);
			background-color: #322b27; }
}

@keyframes shadow {
	50%		{ 
			transform: scale(.5);
			background-color: #322b27; }
}

/* animation text */
@-webkit-keyframes text {
	0%		{ -webkit-transform: scale(1,1); }
	50%		{ -webkit-transform: scale(.5,.5); }
	100%	{ -webkit-transform: scale(1,1); }
}

@-moz-keyframes text {
	0%		{ -moz-transform: scale(1,1); }
	50% 	{ -moz-transform: scale(.5,.5); }
	100%	{ -moz-transform: scale(1,1); }
}

@-mos-keyframes text {
	0%		{ -mos-transform: scale(1,1); }
	50%		{ -mos-transform: scale(.5,.5); }
	100%	{ -mos-transform: scale(1,1); }
}

@-o-keyframes text {
	0%		{ -o-transform: scale(1,1); }
	50%		{ -o-transform: scale(.5,.5); }
	100%	{ -o-transform: scale(1,1); }
}

@keyframes text {
	0%		{ transform: scale(1,1);color: yellow; }
	50%		{ transform: scale(.5,.5);color:#fff;}
	100%	{ transform: scale(1,1);color: yellow; }
}
/*动画结束*/

a {
	color:var(--dark)
}
body {
	font-family:"Hiragino Sans GB","Microsoft Yahei",sans-serif;
	background:#e2e2e2
}
.navbar {
	padding:0;
	-webkit-box-shadow:0 2px 3px rgba(10,10,10,.1);
	box-shadow:0 2px 3px rgba(10,10,10,.1)
}
.navbar>.container {
	max-width:none;
	padding-right:0
}
.navbar.bg-dark {
	background-color:#1d7ad9!important;
}
.navbar-dark .navbar-toggler {
	border-color:transparent!important;
	color:#fff;
	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:#fff;
	padding:0
}
.navbar-dark .navbar-nav .nav-link {
	color:#fff;
	padding:.87rem 1rem
}
.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:var(--gray-200)
}
.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
	color:var(--dark);
	background:var(--gray-100)
}
.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
	color:#f3f9c2;
}
.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-color:transparent
}
.breadcrumb {
	background-color:var(--white)!important;
	font-size:14px
}
.nav_tag_list {
	display:flex;
	flex-direction:column
}
[class^=icon-top-]:before {
	content:"\f0aa"
}
#body > .container > .row > .aside{padding:0 15px;}
@media screen and (min-width:1408px) {
	html {
	font-size:16px
}
#body>.container,#footer>.container {
	max-width:1344px;
	width:1344px
}
}
@media (max-width:576px) {
	html {
	font-size:12px
}
 #body > .container > .row >.sjhome {
   padding:0px;margin-top:-0.5em;}
}
.btn-primary {
background-color:#1cc4fb;border: none;}
.message {
    font-size: 16px;
    color: #343a40;
}
.text-muted {
    color: #0fb6f9 !important;
}
body{font-size: 14px;}
.btn-secondary {
    color: #fff;
    background-color: #0396ab;
    border-color: #adeaf3;
}
.message p {
    text-indent:2em;
    line-height: 2.4;
}
.message p img{margin-left:-2em}
.card-body ul{list-style:none;padding:0;}
.yqlj ul li{    
	padding: 5px 8px;
    background-color: #e4dcc2;
    float: left;
    margin-left: 2px;
    width: 32%;
    text-align: center;
    border-radius: 5px;
	}
@media (max-width:991px) {
.dianao{display:none;}
  .sjhome{padding:0px;margin-top:-1em;}
  .carousel{margin-bottom:0em !important;}
.container {
    max-width: 100%;
}
.carousel-indicators {
    bottom: 0px;}
.subject {
    font-size: 14px;
}
.thread{
    padding: 18px 0px;
}
 .avatar-3 {
    width: 5rem;
    height: 5rem;
    border-radius: 5rem;
}
 #body > .container > .row > .aside {
    padding: 15px;
}
  .card {border-color:none;}
 
}
@media (min-width: 992px){
.container {
    max-width: 100%;
}
}
.btn-block,.form-control {
  padding: 1rem 1rem;
  font-size: 1rem;
}
#message {
  height: 5rem;}
.input-group-text{line-height: 2.5;}