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;
}

.listBox .item{
	/*border-radius: .1rem;*/
	background: #E5E5E5;
	margin-bottom: .38rem;
	margin-left: .1rem;
	margin-right: .1rem;
}

.listBox .item:last-child{
	margin-bottom: 0px;
}

.listBox .item a.imgBox{
	display: block;
	width: 100%;
}

.listBox .item a.imgBox img{
	height: 4rem;
}

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

.listBox .item .itemTitle{
	padding-top: .2rem;
	padding-bottom: .2rem;
	margin-left: .2rem;
	margin-right: .2rem;
	border-bottom: 1px solid #B8B8B8;
}

.listBox .item .itemTitle a{
	color: #333333;
	font-weight: bold;
	font-size: .3rem;
}

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

.listBox .item  .title a{
	font-size: .28rem;
	color: #666666;
	line-height: .32rem;
}

.listBox .item .actBox{	
	/*border-top: 0.02rem solid #dadada;*/
	height: 0.35rem;
	display: flex;
	justify-content: flex-start;
}
.listBox .item .actBox span{
	color: #9b9b9b;
	display: block;
	margin-right: .14rem;
	/*text-indent: .34rem;*/
	height: .35rem;
	line-height: .35rem;
	font-size: .2rem;
}

.listBox .item .actBox span.see{
	background: url(../../img/see_black.png) no-repeat left center;
	background-size: .3rem;
}

.listBox .item .actBox span.comment{
	background: url(../../img/comment_black.png) no-repeat left center;
	background-size: .3rem;
}

.listBox .item .actBox span.fabulous{
	background: url(../../img/fabulous_black.png) no-repeat left center;
	background-size: .3rem;
}
.listBox .item .actBox span.date{
	/*margin-left: auto;*/
}


/* 班型设置列表 */
.bxszBox .item{
	position: relative;
	border: .02rem solid #e7e7e7;
	border-radius: .1rem;
	overflow: hidden;
	background: #f9f9f9;
	margin-bottom: .38rem;
}
.bxszBox .item:last-child{
	margin-bottom: 0;
}
.bxszBox .item .imgBox{
	width: 100%;
	height: 4.06rem;
	position: relative;
	border-radius: .1rem .1rem 0 0;
	overflow: hidden;
	background: red;
}
.bxszBox .item .imgBox img.pic{
	width: 100%;
	height: 100%;
}
.bxszBox .item .imgBox .actBox{
	position: absolute;
	width: calc(100% - .66rem);
	height: .35rem;
	left: .33rem;
	bottom: .17rem;
	display: flex;
	justify-content: flex-start;
	z-index: 1;
}
.bxszBox .item .imgBox .actBox span{
	color: #fff;
	display: block;
	margin-right: .18rem;
	text-indent: .38rem;
	height: .35rem;
	line-height: .35rem;
	font-size: .25rem;
	font-family: "DINPro-Regular";
}

.bxszBox .item .imgBox .actBox span.see{
	background: url(../../img/see.png) no-repeat left center;
	background-size: .35rem;
}

.bxszBox .item .imgBox .actBox span.comment{
	background: url(../../img/comment.png) no-repeat left center;
	background-size: .35rem;
}

.bxszBox .item .imgBox .actBox span.fabulous{
	background: url(../../img/fabulous.png) no-repeat left center;
	background-size: .35rem;
}
.bxszBox .item .imgBox .actBox span.time{
	margin-left: auto;
}
.bxszBox .item .title{
	display: flex;
	justify-content: space-between;
	height: .9rem;
	border-bottom: .01rem solid #e7e7e7;
}
.bxszBox .item .title h5{
	line-height: .9rem;
	padding-left: .2rem;
	font-size: .28rem;
	font-family: "SourceHanSansCN-Medium";
}
.bxszBox .item .title .btn{
	height: .36rem;
	padding: 0px .14rem;
	background: #ffd200;
	color: #333;
	border-radius: .05rem;
	line-height: .36rem;
	font-size: .25rem;
	margin-top: .27rem;
	margin-right: .2rem;
}
.bxszBox .item .title .btn i{
	margin-left: .05rem;
}
.bxszBox .item .descBox{
	width: calc(100% - .4rem);
	padding: .25rem .2rem .45rem .2rem;
	background: url(../../img/victory.png) no-repeat calc(100% - .24rem) calc(100% - .45rem) ;
	background-size: 1.04rem .26rem;
}
.bxszBox .item .descBox dl{
	
}
.bxszBox .item .descBox dl.pb{
	display: flex;
	justify-content: flex-start;
}
.bxszBox .item .descBox dl dt{
	font-size: .28rem;
	font-family: "SourceHanSansCN-Medium";
	line-height: 100%;
	color: #333;
	margin-bottom: .10rem;
}
.bxszBox .item .descBox dl dd{
	font-size: .28rem;
	line-height: .4rem;
	
}
.bxszBox .item .descBox dl.pb dt{
	margin-bottom: 0px;
}
.bxszBox .item .descBox dl.pb dd{
	line-height: 100%;
}


/* 班型对比 */
.diyTable{
	border: .01rem solid #312415;
	border-radius: .1rem;
}
.diyTable td,.diyTable th{
	border: .01rem solid #312415;
	padding: .2rem .1rem;
	font-size: .25rem;
	color: #666;
}
.diyTable td p{
	line-height: .32rem;
	text-align: left;
	margin-bottom: .15rem;
}
.diyTable th{
	font-family: "SOURCEHANSANSCN-BOLD";
	color: #333333;
	font-size: .25rem;
}
.diyTable .t1{
	width: calc(198px - 20px);
}
.diyTable .t2{
	width: calc(358px - 20px);
}
.diyTable .t3{
	width: calc(358px - 20px);
}
.diyTable .t4{
	width: calc(358px - 20px);
}

/* 黄色 */
.diyTable .ffd800{
	background: #ffd800;
}

/* 米黄 */
.diyTable .fffcf0{
	background: #fffcf0;
}

/* 白色 */
.diyTable .ffffff{
	background: #ffffff;
}

/* 灰色 */
.diyTable .cfcfcf{
	background: #cfcfcf;
}

.diyTable .f28{
	font-size: .32rem;
}

.diyTable .f25{
	font-size: .3rem;
}

.diyTable .b{
	font-family: "SourceHanSansCN-Medium";
	color: #333333;
}

.diyTable .imgBox1{
	padding: 10px;
}
.diyTable .imgBox1 a{
	display: inline-block;
	width: .73rem;
	margin-right: .1rem;
	margin-top: .15rem;
}
.diyTable .imgBox1 a:nth-child(3n){
	margin-right: 0px;
}
.diyTable .imgBox1 a img{
	/*width: 73px;*/
	height: 73px;
}
.diyTable .imgBox1 a p{
	font-size: .2rem;
	color: #333333;
	text-align: center;
}

.diyTable .imgBox2{
	padding: 10px;
}
.diyTable .imgBox2 div{
	width: 100%;
	margin-right: .1rem;
	margin-top: .15rem;
	position: relative;
	overflow: hidden;
	border-radius: .1rem;
}
.diyTable .imgBox2 div img{
	width: 100%;
	height: auto;
}
.diyTable .imgBox2 div p{
	width: 100%;
	height: .4rem;
	background: #666666;
	color: #fff;
	line-height: .4rem;
	text-indent: .1rem;
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin-bottom: 0px;
}
.diyTable .btnBox{
	position: relative;
	overflow: hidden;
}
.diyTable .btnBox .closeBtn{
	padding-left: .08rem;
	width: .5rem;
	height: .5rem;
	background: #333333;
	font-size: .20rem;
	display: block;
	color: #ffd800;
	text-align: left;
	line-height: .65rem;
	position: absolute;
	right: -.25rem;
	top: -.25rem;
	border-radius: 50% 0px  50% 50% ;
	text-indent: .02rem;
}
.diyTable .addClass{
	display: inline-block;
	background: #333333;
	padding: .1rem .25rem;
	border-radius: .1rem;
	color: #ffd200;
	line-height: 100%;
}
.layui-layer-ico {
	background: url(icon.png) no-repeat !important;
	background-position: 1px -40px !important;
}
/*开始对比样式*/
.tjDuibiBox{
	width: 80%;
	margin: 25px auto;
}
.tjDuibiBox select{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 15px;
	border-radius: 5px;
	border: 1px solid #ccc;
	color: #666;
}
.tjDuibiBox button{
	background-color: #333;
	width: 100%;
	color: #ffd800;
	font-size: 18px;
}
.layui-btn:hover{
	color: #ffd800;
}

/* 弹出 */
#environmentEjectBox{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 999;
	height: 0px;
	overflow: hidden;
	transition: all 1.2s;
}
#environmentEjectBox.open{
	height: 100%;
}
#environmentEjectBox .contBox{
	overflow: hidden;
	height: 730px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -640px;
	margin-top: -365px;
}
#environmentEjectBox .contBox .swiperBox{
	width: 1023px;
	height: 730px;
}
#environmentEjectBox .contBox .swiperBox .environmentEjectSwiper .swiper-slide{
	width: 100%;
	height: 730px;
	background: #666666;
}
#environmentEjectBox .contBox .swiperBox .environmentEjectSwiper .swiper-slide img{
	display: block;
	margin: 0px auto;
	height: 100%;
}
#environmentEjectBox .contBox .menu{
	width: 257px;
	height: 730px;
	background: #666666;
	position: relative;
}
#environmentEjectBox .contBox .menu ul{
	width: 195px;
	margin: 0px auto;
}
#environmentEjectBox .contBox .menu ul li{
	width: 195px;
	height: 45px;
	margin-bottom: 25px;
}
#environmentEjectBox .contBox .menu ul li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-family: "SOURCEHANSANSCN-BOLD";
	background: #9b9b9b;
	text-align: center;
	line-height: 45px;
	color: #fff;
}
#environmentEjectBox .contBox .menu ul li.hover a{
	background: #ffd200;
}
#environmentEjectBox .contBox .menu .closeBtn{
	position: absolute;
	right: -40px;
	top: -40px;
	display: block;
	width: 80px;
	height: 80px;
	background: #ffffff;
	text-align: left;
	line-height: 108px;
	font-size: 24px;
	border-radius: 50%;
	text-indent: 8px;
}
/* swiper 按钮样式 */
#environmentEjectBox .contBox .swiper-button-next, #environmentEjectBox .contBox .swiper-button-prev{
	width: 49px;
	height: 84px;
	background: #ffd200;
	color: #353532;
	top: 50%;
	margin-top: -42px;
}
#environmentEjectBox .contBox .swiperBox .swiper-button-prev, #environmentEjectBox .contBox .swiperBox .swiper-rtl .swiper-button-next{
	left: 0px;
	right: auto;

}
#environmentEjectBox .contBox .swiperBox .swiper-button-next, #environmentEjectBox .contBox .swiperBox .swiper-rtl .swiper-button-prev{
	right: 0px;
	left: auto;
}
#environmentEjectBox .contBox .swiperBox .swiper-button-next.swiper-button-disabled, #environmentEjectBox .contBox .swiperBox .swiper-button-prev.swiper-button-disabled{
	background: rgba(0, 0, 0, .3);
	color: #fff;
	opacity: 1;
}
/*尾部置顶菜单*/
.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;
}

/*悬浮菜单效果*/
.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: .7rem;
	height: .7rem;
}