* {
		padding: 0;
		margin: 0; 
    	word-break: break-word;
    	
	}
	
	html {
	   font-size: 40px;
	}
	
	
	body {
	   color: #666; 
	}
	
    @font-face {
	    font-family: N-black;
    	src : url('https://feefile.chinaschoolonline.cn/NotoSansHK-Black.otf');
    }
    
    @font-face {
	    font-family: N-bold;
    	src : url('https://feefile.chinaschoolonline.cn/NotoSansHK-Bold.otf');
    }
    
    @font-face {
	    font-family: N-light;
    	src : url('https://feefile.chinaschoolonline.cn/NotoSansHK-Light.otf');
    }
    
     @font-face {
	    font-family: N-thin;
    	src : url('https://feefile.chinaschoolonline.cn/NotoSansHK-Thin.otf');
    }
     
  @font-face {
	    font-family: N-reg;
    	src : url('https://feefile.chinaschoolonline.cn/NotoSansHK-Thin.otf');
    }
    
	@media screen and (max-width:800px){
		font-size: 22px; 
	}  
	
	.lang_en p, .lang_en div, .lang_en i, .lang_en li{
	    font-family: Helvetica,abchanel-corpo,PingFangHK-Semibold,Microsoft YaHei,sans-serif;
	} 
	
    .lang_cn p, .lang_cn div, .lang_cn i, .lang_cn li{ 
	    /** font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu ;  **/
    	
    	 font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu ; 
	}
	
	
	ul,li {
		list-style: none;
	}
	a { 
	   text-decoration: none; 
	}
	
	.mbox {
	    max-width: 19rem;
		margin: 0 auto;  
		position: relative;
	}
	
	.banner {
		width: 18.75rem;
		height: 15.75rem;
		overflow: hidden;
		position:relative;
	}
	
	.banner ul {
		position:relative;
		width:100%;
		height:100%;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-transition-property:-webkit-transform;
		-o-transition-property:transform;
		transition-property:transform,-webkit-transform;
		-webkit-box-sizing:content-box;
		box-sizing:content-box;
	}
	
	.banner li {
		background-repeat: no-repeat;
		background-size: 18.75rem;
	    display: flex;
		border-radius:0rem;
		text-align:center;
		font-size:18px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-box-align:center;
		-ms-flex-align:center;
		-webkit-align-items:center;
		align-items:center;
		-webkit-flex-shrink:0;
		-ms-flex-negative:0;
		flex-shrink:0;
		width:100%;
		height:100%;
		position:relative;
		-webkit-transition-property:-webkit-transform;
		-o-transition-property:transform;
		transition-property:transform,-webkit-transform
	}
	
	.banner .paging {
		position: absolute;
		width: 4.13rem;
		height: 1.25rem;
		line-height: 1.25rem;
		text-align: center;
	    top: 11.5rem;
		right: 1.38rem;
		z-index: 100; 
		border-radius: 0.25rem;
		background: rgb(0,0,0,0.6);
	}
	
	.banner div  span {
		font-size: 0.7rem;
		color: #fff;	
	}
	
	.menu {
		position: absolute;
		top: 1.3rem;
		left: 1rem;
		right: 1rem;
		z-index: 100;
		
	}
	
	
	
	.menu .left {
		background: url(/st/image/home.png) no-repeat center center;
		background-size: 1.4rem;
		height: 2.2rem;
		width: 2.2rem;
		float: left;
		border-radius: 50%;
		background-color: #fc7274;
	}
	
	.menu .right {
		float: right;
		position: relative;
	}
	 
	.menu .right i {
		background: url(/st/image/lang.png) no-repeat center center;
		background-size: 1.5rem;
		background-color: #ffffff;
		height: 2.2rem;
		width: 2.2rem;  
		display: block;
		float: left;
		border-radius: 50%;
		dispaly: block; 
		
	}
	
	.menu select {
	    position: absolute;
		top: .5rem; 
		left: 0;
		opacity: 0;
	}
	
	.menu .right  i.ico1 {
		background-image: url(/st/image/lang.png);
		background-size: 1.4rem;
		margin-right: .5rem; 
	}
	
	.menu .right  i.ico2 {
		background-image: url(/st/image/user.png);
		background-size: 1.4rem;
		margin-right: .5rem; 
	}
	
     .menu .right  i.ico3{
		background-image: url(/st/image/mech.png);
		background-size: 1.3rem;
	}
	
	.nav {
		position: relative;
		margin: -2.5rem  0.63rem 0;
		width: 17.5rem;
		
		background: #fff;
		
		border-radius: 0.5rem;
		float: left; 
		padding-bottom: .0rem;
		padding-top: 0rem;
		 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	}
	
    .nav-top {
	     position: -webkit-sticky; 
	     position: sticky; 
	     top: .2rem;
	}
	
	.nav ul  {
	    padding-bottom: .8rem; 
		float: left; 
		width: 100%; 
	}
	.nav ul li {
		width: 25%; 
		text-align: center;
		float: left;
		margin-bottom: 0rem;
		height: 3.5rem;  
	}
	
	.nav ul li p {
		font-size: 0.65rem;
		color: #999;
	}
		
	.nav ul li.on  p {
		color: #ff6a6e;
		
	}
	
	.nav ul li i {
		width: 3.5rem;
		height: 3.5rem;
		display: block;
		margin: 0.38rem auto 0;
	}
	
    .nav ul li img {
		width: 3.5rem;
		height:3.5rem;
		display: block;
		margin: 0.38rem auto 0;
    	margin-bottom: .1rem;
	}
	
	.nav ul li .ico2 {
		background: url(/st/image/nav2.png) no-repeat;
		background-size: 2rem;
	}
	
	.nav ul li .ico3 {
		background: url(/st/image/nav3.png) no-repeat;
		background-size: 2rem;
	}
	
	.nav ul li .ico4 {
		background: url(/st/image/nav4.png) no-repeat;
		background-size: 2rem;
	}
	
	.nav ul li.on  .ico1 {
		background: url(/st/image/nav1.png) no-repeat;
		background-size: 2rem;
	}
	
	.article {
		padding: 0.8rem 0 0.75rem;
		border-radius: 0 0 0.5rem 0.5rem;
		text-aling: left; 
		 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		clear: both; 
	}
	
	.article .logo {
		margin: 2rem 0.63rem;
		margin-top: .8rem;
		
	}
	
	.article  .logo h5{
		font-size: 0.75rem;
		float: left;
		margin-top: 0.45rem;	
		color: #1e1e1e;  
		margin-left: .4rem; 
	}
	
	.article  .logoimg {
		height: 3rem;
        float: right;   
		border-radius: 50%; 
		margin-top: -3.25rem; 
		margin-right: .8rem; 
	} 
	
	.article .content {
		clear: both;
		float: left;
		font-size: 0.75rem;
		color: #999;
		margin-top: .9rem;
		line-height: 140%; 
		width: 100%; 
	}
	
	.article .content img {
	   max-width: 100%; 
	}
	
	.article  .content p {
		margin: 0 0.63rem 0.75rem;
		line-height: 140%; 
		font-size: 0.65rem; 
	}
	
	.article  .open {
		
		font-size: 0.6rem;
		color: #ff6a6e;
		display: block; 
		float: left;
		margin-left: 0.3rem;
		text-decoration: underline;
		margin-top: 0.45rem;
		margin-bottom: .5rem; 
		font-family: Helvetica;
		
	}
	  
	.article  .open i {
		background: url(/st/image/open.png) no-repeat;
		background-size: .8rem;
		height: .8rem;
		width: .8rem;
		display: block;
		float: right;
		margin-left: 0.5rem;
		margin-top: 0.25rem; 
	}
	
   .article  .close i {
		background-image: url(/st/image/close.png);
	}
	
	.newest {
		clear: both;
		padding-top: 1.25rem;
		float: left; 
	}
	
	.newest .header {
	width: 16.48rem; 
	}
	.newest .header, .select .header {		
		margin: 0 1.47rem 0 0.92rem;

	}
	
	.newest .header h5 {
		font-size: 0.8rem;
		float: left;
		color: #1e1e1e;  
		/**font-family: N-bold;**/
	}
	
	.newest .header p, .select .header p, .special .header p {
		font-size: 0.7rem;
		font-weight: bold;
		color: #667d63;
		float: right;
		text-decoration: underline;
		margin-top: .2rem;
	}

	.newest .imgList {
		clear: both;
		padding-top: .3rem;
		width: 18.2rem;

		float: left;
		overflow: auto; 
	}
	
	.newest .imgList ul {
		margin-left: .9rem; 
		display: -webkit-box;
	}
	
	
	.newest .imgList ul li {
		padding: .5rem .42rem .5rem .5rem; 
		padding-left: 0; 
	}
	
	.newest .imgList ul li .box {
		height: 12.5rem;
		width: 8.5rem;
		float: left;
		margin-right: rem;
		position: relative;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		border-radius: .25rem;		
	}
	
	.newest .imgList ul li img {
		width: 8.5rem;
		height: 9.5rem;
		border-radius: .5rem; 
	}
	
	.newest .imgList ul li p {
		font-size: .7rem;
		font-weight: bold;
		margin: 0 .375rem;
		height: 1.8rem;
		overflow: hidden; 
		color: #000;
		/** font-family: N-black;**/
	}	
	
    .lang_en .newest .imgList ul li p {
	    font-family: Helvetica,abchanel-corpo,PingFangHK-Semibold,Microsoft YaHei,sans-serif;
	 }
	 
     .newest .imgList ul li i {
		 display: block;
     	position: absolute;
     	width: .8rem;
     	height: 1.04rem;
     	background: url(../image/map.png?v2) no-repeat ;
     	background-size: .8rem; 
     	right: .4rem;
     	bottom: .4rem;
	}	
	

   .select {
		clear: both;
		padding-top: .7rem;
		position: relative;
	}
	
	
	
	.select .category {
		width: 17.5rem;
		
		float: left;
	
		margin: .8rem 0.63rem 1.25rem;
		margin-bottom: 1rem;
	}
	
	.select .category ul {
		
		overflow: hidden;
	}
	
	.select .category ul li {
		font-size: 0.7rem; 
		width: 3.9rem; 
		height: 1.3rem; 
		line-height: 1.25rem;
		text-align: center;
		float: left;
		margin-right: 0.38rem;
		border-radius: 0.16rem;
		border: 0.03rem solid #ccc;
		margin-bottom: 0.4rem; 
		color: #1e1e1e;  
		font-size: .6rem; 
		 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		/** font-family: N-light; **/
	}
	
	
	 .lang_en .select .category ul li{
	    font-family: Helvetica,abchanel-corpo,PingFangHK-Semibold,Microsoft YaHei,sans-serif;
	 }
	 
	.select .category ul .on {
		color: #fff;
		border-color: #ff7276;
		background: #ff7276;
	}
	
	.select .list {
		clear: both;
	}
	
	.select .list li {
		width: 17.5rem;
		position: relative;
		margin: 0 0.63rem  0.5rem;
		border-radius: 0.25rem;
		padding-bottom: .8rem;
		 box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.2);
	}
	
	.select .list li img {
		width: 5.5rem;
	
		float: left;
		margin: 0.75rem 0.5rem 0;
	}
	
	.select .list .info {
		width: 10rem;
		float: left;
		margin-top: 0.75rem;
		/** font-family: N-thin; **/
	}
	
	.lang_en .select .list .info  {
	    font-family: Helvetica,abchanel-corpo,PingFangHK-Semibold,Microsoft YaHei,sans-serif;
	 }
	
	
	.select .list .info .name {
		font-size: 0.7rem;
		color: #1e1e1e;
		margin-bottom: 0.25rem;
	}
	
     .lang_en .select .list .info .name  {
	    font-family: Helvetica,abchanel-corpo,PingFangHK-Semibold,Microsoft YaHei,sans-serif;
	 }
	
	.select .list .info .name span {
		font-size: 0.62rem;
		color: #657c62;
		margin-left: 0.25rem;
		/** font-family: N-light; **/
	}
	
	.select .list .info .desc {
		font-size: 0.65rem;
		color: #888;
		line-height: 0.88rem;
		margin-bottom: 0.5rem;
		height: 2.7rem;
		overflow: hidden; 
		/** font-family: N-light,Helvetica; **/
	}
	
	.lang_en .select .list .info .desc{
         font-family: Helvetica,abchanel-corpo,PingFangHK-Semibold,Microsoft YaHei,sans-serif;
	}
	
	.select .list .info .amount {
		font-size: 0.7rem;
		font-weight: bold;
		color: #1e1e1e;
		margin-bottom: 0.38rem;
	}
	
	.lang_cn .select .list .info .amount{
	     /** font-family: N-black; **/
	}
	
	.select .list .info .num {
		font-size: 0.6rem;
		
		color: #62785f;
		margin-bottom: 0.5rem;
		
		
	}
	
	.select .list .info .red {
	    color: #ff7276;
		
	}
	
	.select .list .info .btn {
		font-size: 0.65rem;
		color: #fff;
		width: 4.63rem;
		height: 1.2rem;
		line-height: 1.2rem;
		text-align: center;
		margin-bottom: 0.5rem;
		border-radius: 0.13rem;
		background: #ff7276;
		/** font-family: N-thin; **/

	}
	
	.select .list .info .tips {
		font-size: 0.6rem;
		color: #667d63;
	    float: left;
		line-height: 1.2rem;
	}
	
	.select .list .info .tips i {
		background: url(../image/dis.png) no-repeat;
		background-size: 1.12rem;
		height: 1.12rem;
		width: 1.12rem;
		display: block;
		float: left;
		margin-top: -0.13rem;
	}
	
	.select .list .hot {
		background: url(../image/hot.png?1234);
		background-size: 2rem;
		height: 2rem;
		width: 2rem;
		position: absolute;
		left: .3rem;
		top: .3rem;
		z-index: 100;
	}
	
		.select .list .spec {
			position: absolute;
			left: 0rem;
			top: 0rem;
			background: url(../image/festival.png?123) no-repeat;
			width: 3rem;
			height: 3rem;
			background-size: 3rem; 
			z-index: 100;
			opacity: 0.95;     
		}
	
	.select .list .cart {
		position: absolute;
		bottom: 1rem;
		right: 1.75rem;
		background: url(../image/cart.png) no-repeat;
		background-size: 1.5rem;
		height: 1.5rem;
		width: 1.5rem;
	}	
	
	.special {
		padding-top: 0.75rem;
	}
	
	.special .header, .select .header {
		margin: 0 1.47rem 0 0.92rem;
	}
	
	.special .header h5, .select .header h5 {
		font-size: 0.85rem;   
		color: #1e1e1e;  
		float: left;
		/** font-family: N-bold; **/
	}
	
	.lang-en .special .header h5, .select .header h5{
	font-family: Helvetica,abchanel-corpo,PingFangHK-Semibold,Microsoft YaHei,sans-serif;
	}
	

	
	.special .list {
		clear: both;
		padding-top: 0.75rem;
		width: 17.5rem;
		overflow: auto;
		margin: 0 0.63rem;
	}
	
	.special .list ul {
		
		position: relative;
		display: -webkit-box;
	}
	
	.special .list ul li {
	   padding: 0.5rem 0.1rem 0.5rem 0.4rem;
		height: 15.15rem;
		padding-left: 0.5;
	}
	.special .list ul .box {
		width: 8.75rem; 
		height: 14.6rem;
		float: left;
		margin-right: 0rem; 
		position: relative; 
		border-radius: 0.3rem; 
		 box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.1);
		
	}
	
	.special .list ul li img {
		width: 7.13rem; 
		height: 7.13rem;
		margin: 0.63rem 0.63rem 0.5rem;
	}
	
	.special .list ul li .info {
		margin: 0 0.63rem;
	}
	
	.special .list ul li .fest {
	    position: absolute;
		right: 0;
		top: -0.1rem;
		background: url(../image/festival-v2.png) no-repeat;
		width: 3rem;
		height: 3rem;
		background-size: 3rem; 
		z-index: 100;
		opacity: 0.95;    
		border-radius: .5rem;  
	} 
	
	.special .list ul li .info .name {
		font-size: 0.75rem;
		font-weight: bold;
		color: #000;
		margin-bottom: 0.5rem;
		height: 2rem;
	}
	
    .special .list ul li .info .amount {
		font-size: 0.75rem;
		font-weight: bold;
		color: #000;
		margin-bottom: 0.5rem;
	}
	
	.special .list ul li .info .btn {
		font-size: 0.65rem;
		color: #fff;
		width: 3.75rem;
		height: 1.25rem;
		line-height: 1.25rem;
		text-align: center;
		border-radius: 0.25rem;
		background: #ff7276;
	}
	
	.special .list ul li .cart {
		position: absolute;
		bottom: 0.7rem;
		right: 0.75rem;
		background: url(/st/image/cart.png) no-repeat;
		background-size: 1.8rem;
		height: 1.8rem;
		width: 1.8rem;
	}
	
	.team {
		clear: both;
		padding: 1rem 0;
	}
	
	.team .header {
		height: 3rem;
		width: 18.75rem;
		line-height: 3rem;
		background: #ff7276;
	}
	
	.team .header h5 {
		font-size: 0.83rem;
		color: #fff;
		float: left;
		margin-left: 0.95rem;
	}
	
	.team .header p {
		font-size: 0.7rem;
		font-weight: bold;
		color: #5e352a;
		text-decoration: underline;
		float: right;
		margin-right: 1.4rem;
	}
	
	.team .desc {
		clear: both;
		padding: 0.75rem 0;
		font-size: 0.68rem;
		color: #999;
		line-height:1.125rem;
		margin: 0 0.63rem;
	}
	
	.team .desc img {
	max-width: 100%;  
	}
	
	.team .list {
		width: 17.5rem;
	}
	
	.team .list ul {
	padding-bottom: 1rem; 
	}
	 
	.team .list li {
	   padding: 0.5rem 0.1rem 0.5rem 0.4rem;
	   padding-bottom: 0;
	   margin-left: 0.1rem; 
	  
	}
	.team .list li .box {
		width: 16.5rem;
		height: 4.12rem;
		margin: 0 0.63rem 0rem;
		border-radius: 0.25rem;
		 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		 background: url(/st/image/team_bg.jpg) no-repeat ;
	   background-size: 0.4rem;
	}
	
	.team .list li img {
		width: 3.15rem;
		height: 3.15rem;
		margin: 0.8rem 0.63rem 0;
		float: left;
		border-radius: 50%;
		margin-top: 0.55rem;
		margin-left: 1rem; 
	}
	
	.team .list li .info {
		float: left;
		margin-top: 0.88rem;
		color: #000;
	}
	
	.team .list li .info .name {
		font-size: 0.75rem;
		font-weight: bold; 
		margin-bottom: 0.2rem;
	}
	
	.team .list li .info p {
		font-size: 0.7rem;
		color: #444444;
	}
	
	.team .list li .right {
		background:url(/st/image/more.png) no-repeat;
		background-size: .7rem;
		height: 1rem;
		width:  1rem;
		display: block;
		float: right;
		margin-top: 1.8rem;
		margin-right: 0.4rem;
	}
	
	.img {
		clear: both;
	}
	
	.img img {
		width: 18.75rem;
		height: 18rem;
	}
	
	.contact {
		position: relative;
		width: 100%;
		background: #f5f5f5; 
		padding-top: .3rem;
	}
	
	.contact .logo {
		margin: 0 0.63rem;
		margin-top: .8rem;
		margin-right: 1.5rem;
		margin-left: 0.95rem; 
	}
	
	.contact .logo .left {
		float: left;
		font-weight: bold;
		margin-top: .7rem;
	}
	
	.contact .logo .left p {
		font-size: 0.8rem;
		margin-bottom: 0.2rem;
		color: #000;
	}
	
	.contact .logo .left .name {
		font-size: 0.7rem;
		width: 12rem; 
		color: #000;
	}
	
	.contact .logo img {
		width: 3.25rem;
		height: 3.25rem;
		float: right;
		border-radius: 50%;
	}
	
	.contact .info {
		padding-top: 1rem;
		clear: both;
	}
	
	.contact .info p {
		font-size: 0.75rem;
		margin: 0 0.75rem 0.75rem;
		text-align: left;	
		clear: both; 
		padding-bottom: 1rem; 
		margin-left: 1.375rem;
		margin-bottom: .8rem;
	}
	
	.contact .info p i {
		width: 1rem;
		height: 1.11rem;
		display: block;
		float: left;
		margin-right: 0.5rem;
	}
	
	.contact .info p .ico1 {
		background: url(/st/image/map.png) no-repeat;
		background-size: 1.12rem;
	}
	
	.contact .info p .ico2 {
		background: url(/st/image/tel.png) no-repeat;
		background-size: 1.12rem;
	}
	
	.contact .info p .ico3 {
		background: url(/st/image/fax.png) no-repeat;
		background-size: 1.12rem;
	}
	
	.contact .info p .ico4 {
		background: url(/st/image/email.png) no-repeat;
		background-size: 1.12rem;
	}
	
	.contact .info span {
	float: left;
		display: block;
		width: 14.6rem;
		margin-top: .07rem;
		color: #1e1e1e; 
	}
	
	.contact .info .tel {
	text-decoration:underline;
	}
	
.loading{position:fixed; left:50%; top:40%; width:50px; height:50px; z-index:10; margin-left:-25px; margin-top:-50px;}
.loadEffect{ 
	width: 50px;
	height: 50px;
	position: relative;
	margin: 0 auto;
	margin-top:100px;
}
.loadEffect span{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background:#333;
	position: absolute;
	-webkit-animation: load 1.04s ease infinite;
}
@-webkit-keyframes load{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0.2;
	}
}
.loadEffect span:nth-child(1){
	left: 0;
	top: 50%;
	margin-top:-4px;
	-webkit-animation-delay:0.13s;
}
.loadEffect span:nth-child(2){
	left: 7px;
	top: 7px;
	-webkit-animation-delay:0.26s;
}
.loadEffect span:nth-child(3){
	left: 50%;
	top: 0;
	margin-left: -8px;
	-webkit-animation-delay:0.39s;
}
.loadEffect span:nth-child(4){
	top: 7px;
	right:7px;
	-webkit-animation-delay:0.52s;
}
.loadEffect span:nth-child(5){
	right: 0;
	top: 50%;
	margin-top:-4px;
	-webkit-animation-delay:0.65s;
}
.loadEffect span:nth-child(6){
	right: 7px;
	bottom:7px;
	-webkit-animation-delay:0.78s;
}
.loadEffect span:nth-child(7){
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	-webkit-animation-delay:0.91s;
}
.loadEffect span:nth-child(8){
	bottom: 7px;
	left: 7px;
	-webkit-animation-delay:1.04s;
}

#app { display: none;}

.tpic {
	margin: 0 .7rem; 
}
.tpic img {
	width: 100%; 
}

.ncategory {
    clear: both;
    padding-top: 1.25rem;
    float: left; 
}
    
.ncategory .header {
width: 16.48rem; 
}
.ncategory .header, .select .header {      
    margin: 0 1.47rem 0 0.92rem;

}

.ncategory .header h5 {
    font-size: 0.8rem;
    float: left;
    color: #1e1e1e;  
    /**font-family: N-bold;**/
}

.ncategory .list {
        margin-left: 1rem;
	clear: both;
	padding-top: 0.75rem;
    }
    
 .ncategory .list li {
     width: 7.95rem;
     height: 7.37rem;
     float: left;
     margin-right: 0.75rem;
     margin-bottom: .62rem;
     border-radius: 0.38rem;
     background: #fff;
     border: 0.03rem solid #E6E6E6;
 }
 
 .ncategory .list li img {
     width: 7.95rem;
     height: 5.25rem;
     margin-bottom: 0.25rem;
     border-radius: 0.25rem;
 }
 
  .ncategory .list li a {
	color: #28282a; 
  }
 .ncategory .list li p {
     font-size: .65rem; 
     font-weight: bold;
     margin: 0 0.38rem;
 }