body{
	background-color: #ffffff!important;
}

/*头部导航*/
.m-header {
	width: 100%;
	height: 1rem;
	background-color: #fff;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.24);
	z-index: 999;
	position: fixed;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0px;
	right: 0px;
}
.m-header .menu {
	display: inline-block;
	padding: 0 0.3rem;
	height: 100%;
	line-height: 1rem;
	position: absolute;
	left: 0;
	top: 0;
}
.m-header .menu i {
	/*font-size: 18px;*/
	color: rgba(51, 51, 51, 0.6);
	font-size: 2em;
	line-height: 1rem;
}
.m-header .menu i.open {
	display: block;
}
.m-header .menu i.close {
	display: none;
}
.m-header .menu.active i.open {
	display: none;
}
.m-header .menu.active i.close {
	display: block;
}
.m-header .logo {
	display: flex;
	align-items: center;
}
.m-header .logo img {
	width: auto;
	height: .7rem;
}
.m-header .logo span {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	font-family: 'syhtB';
	display: none;
}
.m-header .tel {
	padding: 0 0.3rem;
	height: 100%;
	line-height: 1rem;
	position: absolute;
	right: 0;
	top: .1rem;
}

.m-header .tel .icon {
	display: inline-block;
	width: 0.3rem;
	height: 0.3rem;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

/*悬浮菜单效果*/
.floatMenu_bj{
	width: 100%;
	height: 0%;
	position: fixed;
	background: rgba(0, 0, 0, .6);
	z-index: 9999;
	left: 0px;
	right: 0px;
	top: 1rem;
	transition: all 500ms;
	overflow: hidden;
}
.floatMenu_bj.floatMenu_bjShow{
	height: 100%;
}
.floatMenu_bj .floatMenu{
	width: 2.5rem;
	position: relative;
}
.floatMenu .item{
	line-height: .8rem;
	height: .8rem;
}
/* 列表 */
.listBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.listBox .item{
	width: 3.47rem;
	height: 5.5rem;
	border-radius: .1rem;
	background: #f9f9f9;
	margin-bottom: .38rem;
	border: .02rem solid #ebebeb;
	overflow: hidden;
}
.listBox .item:nth-last-of-type(-n+2){
	margin-bottom: 0px;
}

.listBox .item a.imgBox{
	display: block;
	width: 100%;
	height: 4.5rem;
	overflow: hidden;
	/*border-bottom: .06rem solid #ffd200;*/
	align-items: center;
    display: grid;
    vertical-align: middle;
    background: #999;
}

.listBox .item .title{
    width: calc(100% - 0.5rem);
    padding: .15rem 0.25rem;
	overflow: hidden;
}

.listBox .item .title{
	padding-bottom: 0rem;
	margin-bottom: 0.15rem;	
}

.listBox .item  .title a{
	font-size: .25rem;
	color: #333;
	font-family: "SourceHanSansCN-Medium";
	line-height: .32rem;
}

/* 作品类型 */
.minMenu{
	display: flex;
	justify-content: space-between;
	height: .65rem;
	background: #f9f9f9;
	/* border-radius: .1rem; */
	/* border: .02rem solid #e2e2e2; */
	position: relative;
	z-index: 1;
	border-left: 0px;
	border-right: 0px;
}
.minMenu a{
	width: 100%;
	line-height: .65rem;
	display: block;
	text-align: center;
	font-size: .23rem;
	border: .02rem solid #e2e2e2;
	color: #666666;
}
.minMenu a:last-child{
	border-right: 0px;
}
.minMenu a::after{
	content: "▾";
}
.minMenu a:first-child{
	border-left: .02rem solid #e2e2e2;
	border-radius: .1rem 0 0 .1rem;
}
.minMenu a:last-child{
	border-right: .02rem solid #e2e2e2;
	border-radius: 0 .1rem .1rem 0;
}
.minMenu a.hover{
	background: #fff;
	height: .7rem;
	/* border-radius: .1rem 0 0 0 ; */
	border-bottom: 0;
}
.minMenu a.hover:first-child{
	background: #fff;
	height: .7rem;
	border-radius: .1rem 0 0 0 ;
	border-bottom: 0;
}
.minMenu a.hover:last-child{
	background: #fff;
	height: .7rem;
	border-radius: 0 .1rem 0 0 ;
	border-bottom: 0;
}
.minMenu-son{
	position: relative;
	z-index: 0;
	height: auto;	
	margin-top: .05rem;
	
}
.minMenu-son div{
	width: calc(100% - .44rem);
	padding: 0 .2rem;
	font-size: 0px;
	line-height: 0px;
	padding-top: .3rem;
	padding-bottom: .3rem;
	/*border: .02rem solid #e2e2e2;*/
	border-radius: .1rem;
}
.minMenu-son div.first{
	border-radius: 0 .1rem .1rem .1rem;
}
.minMenu-son div.last{
	border-radius: .1rem 0rem .1rem .1rem;
}
.minMenu-son div a{
	display: inline-block;
	height: .32rem;
	line-height: .32rem;
	padding: .05rem .25rem;
	border: .02rem solid #7f7f7f;
	border-radius: .5rem;
	font-size: .32rem;
	color: #333333;
	margin-right: .2rem;
	margin-bottom: .1rem;
}

.minMenu-son div a.hover{
	color: #017234;
	border: .02rem solid #017234;
}


/* 内容 */
.color_bj_333333{
	background: #333;
}

.likeListSwiper{
	background: #fff;
	height: 1.14rem;
	border-radius: 0.1rem 0 0 0.1rem ;
	margin: 0px 0px 0px auto;
	width: calc(100% - 0.1rem);
}
.likeListSwiper .swiper-slide{
	width: 3.2rem;
	border-right: .02rem solid #c1c1c1;
	height: 100%;
}
.likeListSwiper .swiper-slide a{
	width: calc(100% - 1.04rem);
	font-size: .25rem;
	color: #909090;
	padding: 0px .52rem;
	line-height: .36rem;
	margin-top: .25rem;
	font-family: "SourceHanSansCN-Medium";
}
.likeListSwiper .swiper-slide.hover{
	background: #ffd200;
}
.likeListSwiper .swiper-slide.hover a{
	color: #333;
}

/* 大图样式 */
.swiperBigImgs .swiper-slide{
	display: block;
	width: 100%;
	height: 4.88rem;
}
.swiperBigImgs .swiper-slide img{
	width: auto;
	max-width: 100%;
	height: 100%;
	display: block;
	margin: 0px auto;
}
/* 箭头样式 */
.swiperBigImgs .swiper-button-next, .swiperBigImgs .swiper-button-prev{
	width: .4rem;
	height: .7rem;
	background: #cfcfcf;
}
.swiperBigImgs .swiper-button-next:after, .swiperBigImgs .swiper-button-prev:after{
	font-size: .38rem;
	color: #ffd200;
}

.swiperBigImgs .swiper-button-prev, .swiperBigImgs .swiper-rtl .swiper-button-next{
	left: 0px;
	border-radius: 0 .1rem .1rem 0;
}
.swiperBigImgs .swiper-button-next, .swiperBigImgs .swiper-rtl .swiper-button-prev{
	right: 0px;
	border-radius: .1rem 0 0 .1rem;
}

/* 缩略图 */
.swiperThumbs{
	height: 1.81rem;
	position: relative;
}
.swiperThumbs .swiper-slide{
	width: 2.1rem;
	height: 1.46rem;
	background: #555555;
	border-radius: .1rem;
	opacity: .4;
}
.swiperThumbs .swiper-slide img{
	width: auto;
	max-width: 100%;
	height: 100%;
	display: block;
	margin: 0px auto;
	
}
.swiperThumbs .swiper-slide-thumb-active{
	opacity: 1;
}

/* 滚动条 */
.swiperThumbs .swiper-scrollbar{
	height: .04rem;
	bottom: 0px;
	background: #636363;
}
.swiperThumbs  .swiper-scrollbar-drag{
	top: -.02rem;
	height: .08rem;
	background: #fff;
}

/*尾部置顶菜单*/
.m-foot-link {
	height: 1rem;
	display: flex;
	align-items: center;
	background-color: #267737;
	position: fixed;
	z-index: 999;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.m-foot-link .item {
	width: 33.333%;
	text-align: center;
	font-size: .28rem;
	color: #fff;
	border-right: 1px solid #eee;
	position: relative;
	font-weight: bold;
}
.m-foot-link .item:last-child {
	border: 0;
}
.m-foot-link .item .badge {
	position: absolute;
	width: .2rem;
	height: .2rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #E60113;
	color: #fff;
	text-align: center;
	line-height: .2rem;
	font-size: .2rem;
	top: -.08rem;
	left: calc(50% + .52rem);
	font-weight: bold;
}