.footer-colors {
    width: 100%;
    height: 4px;
    background-color: #333;
    background-image: repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
    background-position: 0 0;
    background-repeat: repeat;
    animation: animate-colors 200s infinite linear;
    animation-play-state: running;
}
.slider{display:none}
.focus span{width:10px;height:10px;margin-right:10px;border-radius:0%;background:#1EAA39;font-size:0}
.focus span.current{background:#fff}
.f1style{margin-right:12px;width:390px;overflow:hidden;}
.flhidden{width:390px;overflow:hidden;}
.header {
background: url('http://www.liuxuepaper.com/tem/indexbanner.jpg') no-repeat center;
}

.searchbox{
margin:-5px 0px 5px 0px;
}
form.searchstyle input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 75%;
  background: #f1f1f1;
  max-width: 670px; /* 最大宽度限制 */
  border-radius: 5px; /* 边框圆角 */
  -webkit-appearance: none; /* 移除默认样式 */
  appearance: none;
  outline: none; /* 移除焦点时的轮廓 */
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url('http://www.liuxuepaper.com/tem/indexbanner.jpg');
  background-position: right bottom; /* 移动背景图片到右下角 */
  background-size: cover; /* 确保图片覆盖整个元素 */
}

form.searchstyle button {
  margin-left:2px;
  float: left;
  width: 200px;
  padding: 10px;
  background: #1EAA39;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
  border-radius: 5px; /* 边框圆角 */
}

form.searchstyle button:hover {
  background: #23C744;
}

form.searchstyle::after {
  content: "";
  clear: both;
  display: table;
}

/*--首页推荐模块B--*/
.recommend-b .item {
	width: 48.4%;
	margin-top: 1.5em;
	margin-right: 3.2%;
	position: relative
}
.recommend-b .item:nth-of-type(even) {
	margin-right: 0
}
.recommend-b .category {
	border: 1px solid #1EAA39;
	padding: .1em .5em;
	color: #1EAA39;
	font-size: 12px;
	max-width: 90px;
}
.recommend-b .category:hover {
	background-color: #1EAA39;
	color: #fff
}
.recommend-b .title-wrap {
	font-size: 16px;
	margin-bottom: 10px
}
.recommend-b .title {
	padding: .1em .5em;
	font-weight: 400;
	max-width: 80%
}
.recommend-b .intro {
	color: #999;
	background: #f8f8f8;
	padding: 1em;
	height: 80px;
	position: relative
}
.recommend-b .intro:before {
	content: "";
	height: 10px;
	width: 10px;
	background-color: #f8f8f8;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-left: 0;
	border-bottom: 0;
	position: absolute;
	top: 34px;
	left: -5px
}
.recommend-b .fr-wrap {
	margin-left: 80px
}
.recommend-b .thumbnail {
	display: block;
	overflow: hidden;
	width: 80px;
	height: 80px
}
.recommend-b .thumbnail img {
	width: 80px;
	height: 80px
}
/*--首页三栏文章--*/
.text-post-wrap {
	width: 100%
}
/*--首页多图模块----*/
.img-post .more,.recommend-b .more,.recommend-a .more {
	position: absolute;
	right: 0;
	height: 35px;
	line-height: 35px
}
.post-height {
	height: 400px;
}
.img-post .more i.iconfont {
	font-size: 24px
}
.img-post .img {
	display: block
}
.img-post article .a {
	position: relative;
	display: block
}
.img-post .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: linear-gradient(180deg, rgba(0,0,0,.01) 80%, rgba(0,0,0,.85))
}
.img-post .title {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	color: #fff;
	padding: 1em;
	font-weight: normal;
	width: 100%
}
.img-post .left {
	width: 30%;
	overflow: hidden
}
.img-post .left .img {
	width: 100%;
	height: 480px
}
.img-post .top-wrap {
	width: 100%;
	height: 220px
}
.img-post .top {
	width: 33.19%;
	margin-left: 1.8%;
	overflow: hidden
}
.img-post .top .img {
	width: 100%;
	height: 220px
}
.img-post .bottom {
	width: 21.52%;
	margin-left: 1.8%;
	margin-top: 20px;
	overflow: hidden
}
.img-post .bottom:nth-child(3n+0) {
	margin-right: 0
}
.img-post .bottom .img {
	width: 100%;
	height: 240px
}
/*--首页友情链接--*/ 
.flink {
	margin-bottom: 20px
}
.flink .iconfont {
	color: #333
}
.flink a.iconfont:hover {
	color: #1EAA39
}
.flink .rule {
	font-size: 14px;
	font-weight: 400;
	padding-left: 2em;
	color: #999
}
.flink .f-list li {
	float: left;
	padding-right: 2em
}
.flink .f-list li a {
	font-size: 14px
}
/*========幻灯片======*/
/*Swiper自定义css*/
.swiper-container {
	margin-bottom: 3px!important;
	width: 100%;
	height: 100%;
}
.swiper-slide {
	float: left
}
.swiper-container img {
	width: 100%;
	height: 100%
}
/*--首页推荐模块A--*/
.recommend-a{
	padding: 20px 15px 0px 15px
}
.recommend-a .item i.iconfont {
	padding-right: 5px;
	color: #666
}
.recommend-a .item:nth-child(3n+0) {
	margin-right: 0
}
.recommend-a .item {
	width: 31.2%;
	margin-top: 1.5em;
	margin-right: 3.2%;
	position: relative
}
.recommend-a .thumbnail {
	height: 160px;
	width: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 1em
}
.recommend-a .thumbnail img {
	height: 160px;
	width: 100%
}
.recommend-a .num {
	padding: 0 5px;
	color: #999
}
.recommend-a .category {
	position: absolute;
	top: .5em;
	left: .5em;
	z-index: 1;
	background-color: #1EAA39;
	opacity: .9;
	padding: .1em .5em;
	color: #fff;
	font-size: 12px
}
.recommend-a .item .title {
	width: 100%;
	font-weight: 400;
	padding: 0 5px;
	font-size: 16px
}
.recommend-a .author, .recommend-a .comment, .recommend-a .thumb, .recommend-a .view {
	padding-right: 1em;
	max-width: 8em
}
.recommend-a .thumb {
	padding-right: 0
}
.recommend-a time {
	padding-top: 2px
}
.gonggao {
font-size: 12px;
color:red;
}