@import "base.less";
@import "loading.less";
.head-cate-list{
	// position: fixed;
	top: 0;
	display: table;
	width: 100%;
	background: #eeeeee;

	.head-cate-item{
		display: table-cell;
		width: 32%;
		padding: 4% 0 4% 4%;
		box-sizing: border-box;
		text-align: center;
		overflow: hidden;

		.thumb{
			width: 100%;
			height: 90px;
			background-size: cover;
			border-radius: 5px;
		}

		.title{
			padding-top: 3px;
			color: #555;
		}

	}

	.recent .thumb{
		background-image: url('img/old/new_img@2x.png');
	}

	.rank .thumb{
		background-image: url('img/old/top_img@2x.png');
	}

	.final .thumb{
		background-image: url('img/old/end_img@2x.png');
	}

}

.opacity{

	opacity: 0.5;

}

.cate-list{
	// padding-top: 139px;
	width: 100%;

	.cate-item{
		float: left;
		width: 32%;
		padding: 0 0 4% 4%;
		box-sizing: border-box;
		text-align: center;
		overflow: hidden;

		.thumb{
			width: 100%;
			height: 90px;
			border-radius: 5px;
			background-size: cover;
		}

		.title{
			padding-top: 3px;
			color: #555;
		}

		.rexue{
			background-image: url('img/old/rexue.jpg');
		}

		.kehuan{
			background-image: url('img/old/kehuan.jpg');
		}

		.maoxian{
			background-image: url('img/old/maoxian.jpg');
		}

		.xiaoyuan{
			background-image: url('img/old/xiaoyuan.jpg');
		}

		.tuili{
			background-image: url('img/old/tuili.jpg');
		}

		.luoli{
			background-image: url('img/old/luoli.jpg');
		}

		.lianai{
			background-image: url('img/old/lianai.jpg');
		}

		.jizhan{
			background-image: url('img/old/jizhan.jpg');
		}

		.gaoxiao{
			background-image: url('img/old/gaoxiao.jpg');
		}

		.hougong{
			background-image: url('img/old/hougong.jpg');
		}

		.shaonian{
			background-image: url('img/old/shaonian.jpg');
		}

		.dongzuo{
			background-image: url('img/old/dongzuo.jpg');
		}

		.zhiyu{
			background-image: url('img/old/zhiyu.jpg');
		}

		.tucao{
			background-image: url('img/old/tucao.jpg');
		}

		.zhonger{
			background-image: url('img/old/zhonger.jpg');
		}
		.lieqi{
			background-image: url('img/old/lieqi.jpg');
		}
		.aojiao{
			background-image: url('img/old/aojiao.jpg');
		}
		.jifu{
			background-image: url('img/old/jifu.jpg');
		}
		.meikong{
			background-image: url('img/old/meikong.jpg');
		}
		.baihe{
			background-image: url('img/old/baihe.jpg');
		}
		.shaonv{
			background-image: url('img/old/shaonv.jpg');
		}
		.juchangban{
			background-image: url('img/old/juchangban.jpg');
		}
		
		// 2017-02-16 new
		.cnl{
			background-image: url('img/old/cnl.jpg');
		}
		.mofa{
			background-image: url('img/old/mofa.jpg');
		}
		.yishijie{
			background-image: url('img/old/yishijie.jpg');
		}
		.zhiyu2{
			background-image: url('img/old/zhiyu2.jpg');
		}
		.jingji{
			background-image: url('img/old/jingji.jpg');
		}
		.meiman{
			background-image: url('img/old/meiman.jpg');
		}
		.hzc{
			background-image: url('img/old/hzc.jpg');
		}
		.meishi{
			background-image: url('img/old/meishi.jpg');
		}
		.ouxiang{
			background-image: url('img/old/ouxiang.jpg');
		}
		.pmf{
			background-image: url('img/old/pmf.jpg');
		}
		.xiongkong{
			background-image: url('img/old/xiongkong.jpg');
		}
		.ynx{
			background-image: url('img/old/ynx.jpg');
		}
	}
}

@media screen and (min-width: 375px){

	.head-cate-list{

		.head-cate-item{

			.thumb{
				height: 105px;
			}
		}
	}
	
	.cate-list{
		// padding-top: 159px;

		.cate-item{

			.thumb{
				height: 105px;
			}
		}
	}

}
@media screen and (min-width: 414px){

	.head-cate-list{

		.head-cate-item{

			.thumb{
				height: 116px;
			}
		}
	}
	
	.cate-list{
		// padding-top: 173px;

		.cate-item{

			.thumb{
				height: 116px;
			}
		}
	}

}
@media screen and (min-width: 768px){

	.head-cate-list{

		.head-cate-item{

			.thumb{
				height: 215px;
				border-radius: 20px;
			}

			.title{
				padding-top: 10px;
				font-size: 1.5em
			}
		}
	}
	
	.cate-list{
		// padding-top: 314px;

		.cate-item{

			.thumb{
				height: 215px;
				border-radius: 20px;
			}

			.title{
				padding-top: 10px;
				font-size: 1.5em
			}
		}
	}

}