* {
  padding: 0;
  margin: 0;
}
p {
  text-align: justify;
  text-indent: 2em;
}
a {
  text-decoration: none;
  color: #FCB039;
}
.col-FCB {
  color: #FCB039;
}
.fs12-333 {
  font-size: .12rem;
  color: #333;
}
.fs12 {
  font-size: .12rem;
}
.fs14 {
  font-size: .14rem;
}
.col1a {
  color: #1a1a1a;
}
.container {
  padding: 0 .15rem;
}
.container .head-title {
  position: relative;
  padding: .13rem 0;
  text-align: center;
  font-size: .2rem;
  color: #000;
}
.container .back {
  position: absolute;
  left: 0;
  top: 50%;
  width: .12rem;
  height: .21rem;
  background: url('/public/static/ylsjb/back-icon.png') center center no-repeat;
  background-size: cover;
  transform: translateY(-50%);
}
.container .nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .hidden {
    position: fixed;
  left: 0;
  top: 0;
    margin-left: .15rem;
  width: 100%;
  height: .3rem;
  padding-right: .3rem;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 999;
}
.container .nav .catalogue {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .55rem;
  height: .22rem;
  border-radius: .15rem;
  background-color: #EE2013;
  font-size: .12rem;
  color: #fff;
}
.container .nav i {
  display: inline-block;
  width: .13rem;
  height: .08rem;
  margin-right: .05rem;
  background: url('/public/static/ylsjb/catalogue-pic.png') center center no-repeat;
  background-size: cover;
}
.container .nav .hide {
  position: absolute;
  left: 0;
  top: .3rem;
  padding-top: .05rem;
}
.container .nav .hide .catalogue-list {
  width: .65rem;
  max-height: 1.9rem;
  background-color: #EE2013;
  border-radius: .05rem;
  overflow: scroll;
}
.container .nav .hide .triangle {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: .05rem solid transparent;
  border-right: .05rem solid transparent;
  border-bottom: .05rem solid #EE2013;
  transform: translateX(100%);
}
.container .nav .hide .catalogue-list .list {
  padding: .08rem 0;
  text-align: center;
  font-size: .1rem;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.container .nav .hide .catalogue-list .list a{
  color: #fff;
}
.container .nav p {
  font-size: .15rem;
  color: #1a1a1a;
}
.container .banner {
  display: flex;
  justify-content: flex-end;
  margin-top: .1rem;
}
.container .banner img {
  width: 2.6rem;
  height: 1.92rem;
  vertical-align: middle;
}
.container .content-list .content_t {
  margin-top: .1rem;
  font-size: .15rem;
}
.container .content-list .content_t p {
  text-align: center;
}
.container .content-list .content {
  position: relative;
  padding: .26rem .1rem .15rem;
  margin-top: .4rem;
  border: 1px solid rgba(238, 32, 19, .5);
}
.container .content-list .content .content-title {
  position: absolute;
  /* left: .08rem; */
  top: 0;
  width: 2.1rem;
  height: .4rem;
  /* padding-left: .45rem; */
  background: url('/public/static/ylsjb/title-pic.png') center center no-repeat;
  background-size: contain;
  line-height: .44rem;
  font-size: .14rem;
  color: #fff;
  box-sizing: border-box;
  transform: translate(-10%, -75%);
  text-align: center;
}
.container .content-list .content .content-title-small {
  position: absolute;
  left: 0rem;
  top: 0;
  width: 1.04rem;
  height: .27rem;
  padding-right: .1rem;
  background: url('/public/static/ylsjb/title-pic-sl.png') center center no-repeat;
  background-size: cover;
  text-align: right;
  line-height: .3rem;
  font-size: .15rem;
  color: #fff;
  box-sizing: border-box;
  transform: translate(-10%, -75%);
}
.container .content-list .content .content-msg {
  font-size: .12rem;
  color: #333;
}
.container .content-list .content .content-msg img {
  font-size: .12rem;
  color: #333;
  max-width: 90%;
}
.container .content-list .content .content-msg .msg-title {
  position: relative;
  font-weight: 600;
}
.container .content-list .content .content-msg .msg-title::after {
  content: '';
  position: absolute;
  left: 2em;
  top: .12rem;
  width: .08rem;
  height: .09rem;
  background: url('/public/static/ylsjb/paragraph-icon.png') center center no-repeat;
  background-size: cover;
  transform: translate(-150%, -50%);
}

.container .content-list .content .content-msg p {
  line-height: .22rem;
  text-indent: 2em;
    font-size: .15rem;
}
.container .content-list .content .content-msg .content-link {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.container .source {
  display: flex;
  margin: .2rem 0;
}
.container .source span {
  display: inline-block;
  margin-right: .2rem;
}
.footer {
  padding: .2rem .15rem;
  background-color: #F5F5F5;
}
.footer .footer-title {
  text-align: center;
}
.footer .footer-content {
  padding-bottom: .2rem;
  margin-top: .15rem;
  border-bottom: 1px solid #ccc;
}
.footer .footer-content p {
  text-indent: 2em;
  line-height: .2rem;
}
.footer .copyright {
  display: flex;
  align-items: center;
  margin: .2rem 0;
}
.footer .copyright .badge {
  width: .21rem;
  height: .25rem;
  margin-right: .1rem;
}
.footer .copyright .copyright-content p+p {
  margin-top: .1rem;
}
.footer .code {
  display: flex;
  justify-content: space-around;
}
.footer .code .code-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.footer .code .code-list .code-pic {
  width: .8rem;
  height: .8rem;
  margin-bottom: .1rem;
}
/*********** 站内引用  *********/

.topic-box{
	border:1px solid #ccc;
	padding:5px;
	position: relative;
}

.topic-box .topic-img{
	width:120px;
	text-align:center;
	background:#eee;
}
.topic-box .topic-img img{
	width:auto;
	max-width:120px;
	max-height:90px;
}
.topic-box .topic-text{
	position: absolute;
	left:130px;
	top:5px;
}
.topic-box .topic-title{
	line-height:180%;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}
.topic-box .topic-title a{
	font-size: 16px;
    color: #333;
}
.topic-box .topic-content{
	text-indent:20px; margin-top: 5px;
	color:#888;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.topic-box .topic-content a{
	color:#888;
}
@media (min-width: 1024px) {
	.topic-box .topic-title{	
		font-size:16px;
	}	.topic-box .topic-title{	
		font-size:16px;
	}
	.topic-box .topic-content{

		line-height:180%;
	}
}
@media (max-width: 600px) {
	.topic-box .topic-title{	
		line-height:120%;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}
	.topic-box .topic-content{
		font-size:13px;
	}
}