body {
  min-height: 100%;
  margin: 0;
  font-size: 14px;
  color:#333;
}
a {
	color: #000000;
	text-decoration: none;
}
.both{
	clear:both;
}


@media (min-width: 991px){
	.cnfans-head{
		position: fixed;
		display: flex;
		top: 0px;
		background-color: #ffffff;
		width: 100%;
		padding: 0px 20px;
		z-index: 100;
	}
	.cnfans-logo{
		display: flex;
		margin-top: 10px;
		line-height: 50px;
	}
	.cnfans-logo>a>h1{
		color: #ff4500;
		font-size: 18px;
	}
	.cnfans-mob-menu{
		display:none;
	}
	.cnfans-nav{
		width: 300px;
		margin: auto;
		display: flex;
		margin-top: 20px;
	}
	.cnfans-home{
		float: left;
		font-size: 20px;
		height: 48px;
		line-height: 48px;
	}

	.cnfans-categories{
		float: left;
		font-size: 20px;
		height: 48px;
		line-height: 48px;
		margin-left:30px;
	}
	.cnfans-categories>a{
		display:block;
	}
	.arrow{
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #333;
		transition: transform 0.3s ease;
		float: right;
		margin-top: 24px;
		margin-left: 5px;
	}
	.cnfans-categories:hover .arrow {
	  transform: rotate(180deg);
	}
	.cnfans-menu{
		padding: 0px;
		margin: 0px;
		height: 0px;
		overflow:hidden;
		background-color: #ffffff;	
	}
	.cnfans-menu>a{
		display:block;
		font
	}
	.cnfans-menu>a:hover{
		display:block;
		color: #ff4500;
		margin-left:10px;
	}
	.cnfans-search{
		background-color: #f5f5f5;
		border-radius: 25px;
		height: 30px;
		margin-top: 20px;
		margin-right: 50px;
		padding: 10px;
	}
	.keywords{
		height: 30px;
		line-height: 30px;
		border: 0px;
		float: left;
		border-radius: 25px;
		background-color: #f5f5f5;
	}
	.cnfans-search:focus-within  {
		border: 1px solid #ff4500; 
	}
	.keywords:focus {
		outline: none; 
	}
	.button{
		width: 15px;
		float: left;
		padding: 8px;
	}
	.cnfans{
		margin: 85px 20px 10px 20px;
		border-top: 2px solid #dfe0e2;
		padding: 30px 0px;
	}
	.cnfans-banner{
		background: linear-gradient(to right, #ff6863, #ff490a);
		padding: 40px;
		text-align: center;
		border-radius: 15px;
	}
	.cnfans-banner>p{
		font-size:30px;
		color:#fff;
	}
	.cnfans-banner>a{
		color: #ff4500;
		background-color: #fff;
		padding: 15px 30px;
		display: block;
		width: 100px;
		margin: 30px auto;
		border-radius: 15px;
		font-size: 18px;
	}
	.cnfans-index-categories{
		margin: 30px auto;
		text-align: center
	}
	.cnfans-index-categories>a{
		font-size: 20px;
		margin-right: 20px;
	}
	.cnfans-index-goods{
		position: relative;
	}
	.cnfans-index-goods>h2{
		text-align: center;
		color: #ff4500;
		font-size: 30px;
	}
	.cnfans-index-goods>h2>a{
		color: #ff4500;
	}
	.cnfans-goods-slides{
		width: 1500px;
		overflow: hidden;
		margin: auto;
	}
	.cnfans-slides{
		width: 500%;
		height:434px;
		display: flex;
		margin: auto;
	}
	.cnfans-slide{
		margin: auto 10px;
		floaT: left;
		width: 320px;
		
	}
	.cnfans-slide>a{
	    display:block;
	}
	.cnfans-slide>a>p{
	    height: 16px;
	    overflow: hidden;
	    
	}
	.cnfans-slide>a>img{
		width: 100%;
		aspect-ratio: 1 / 1;
        object-fit: cover;
	}
	.cnfans-controls{
		position: absolute;
		top: 50%;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.cnfans-prev,.cnfans-next{
		font-size: 60px;
		border: 0px;
		background: none;
	}
	.cnfans-content{
		width: 1000px;
		margin: auto;
	}
	.cnfans-content>h2{
		font-size:30px;
		text-align:center;
	}
	.cnfans-footer{
		width: 1200px;
		font-size:10px;
		text-align: center;
		margin: 50px auto 10px auto;
	}
	.cnfans-list{
		margin-top: 85px;
		border-top: 2px solid #dfe0e2;
		padding: 30px 0px;
	}
	.cnfans-list-categories{
		text-align: center;
		padding-bottom: 30px;
		border-bottom: 2px solid #dfe0e2;
	}
	.cnfans-list-categories>a{
		font-size: 16px;
		margin-right: 20px;
		background-color: #f8f9fa;
		padding: 5px 10px;
		border-radius: 15px;
	}
	.cnfans-list-categories>a:hover{
		color:#ff4500;
		border:1px solid #ff4500;
	}
	.cnfans-brands{
		margin: 10px 20px;
	}
	.cnfans-brand>a{
		display: block;
		float: left;
		width: 220px;
		border: 1px solid #dfe0e2;
		margin: 5px;
		border-radius: 15px;
	}
	.cnfans-brand>a>img{
		width: 100%;
		border-radius: 15px;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.cnfans-brand>a>h3{
		font-size: 16px;
		font-weight: 100;
		margin-left: 10px;
		height: 42px;
		overflow: hidden;
	}
	.cnfans-brand>a>h4{
		font-size:16px;
		font-weight:100;
		margin-left:10px;
	}
	.cnfans-pages{
		text-align: center;
		margin-top: 80px;
	}
	.cnfans-page,.cnfans-page>span,.cnfans-active{
		margin:0px 20px;
		
	}
	.cnfans-active{
		color:red;
		font-weight:900;
	}
	.cnfans-m-pages{
		display:none;
	}
	.cnfans-no{
		font-size: 60px;
		color: #000;
		text-align: center;
		width: 600px;
		margin: 50px auto;
		line-height: 80px;
	}
	.cnfans-goods{
		margin-top: 85px;
		border-top: 2px solid #dfe0e2;
		padding: 30px 0px;
	}
	.cnfans-breadcrumb{
		width: 1200px;
		margin: auto;
	}
	.m20{
		margin: 0px 20px;
	}
	.cnfans-good{
		width: 1200px;
		margin: 20px auto;
	}
	.cnfans-good>img{
		float:left;
		width:45%;
	}
	.cnfans-good>h2,.cnfans-good>p{
		float:left;
		margin-left:40px;
		width:45%;
	}
	.cnfans-name{
		font-size: 14px;
		font-weight: 100;
	}
	.cnfans-price{
		font-size: 40px;
		font-weight: 900;
		margin: 10px 0px 10px 40px;
		color: #ff4500;
	}
	.cnfans-buy{
		float:left;
		margin-left:40px;
		color: #fff;
		background-color: #dc2a3a;
		width: 200px;
		padding: 10px;
		text-align: center;
		margin-top: 20px;
		border-radius: 10px;
	}
	.cnfans-description{
		line-height: 26px;
		margin-top: 20px;
	}
	.cnfans-goods-more{
		width: 1200px;
		margin: auto;
		margin-top: 100px;
	}
	.cnfans-goods-more>h2{
		text-align:center;
		font-size:35px;
	}
	.cnfans-goods-more>a{
		display: block;
		float: left;
		width: 220px;
		border: 1px solid #dfe0e2;
		margin: 5px;
		border-radius: 15px;
	}
	.cnfans-goods-more>a>img{
		width: 100%;
		border-radius: 15px;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.cnfans-goods-more>a>h3{
		font-size: 16px;
		font-weight: 100;
		margin-left: 10px;
		height: 42px;
		overflow: hidden;
	}
	.cnfans-goods-more>a>h4{
		font-size:16px;
		font-weight:100;
		margin-left:10px;
	}
}
@media (max-width: 990px) and (min-width: 791px){
	.cnfans-head{
		position: fixed;
		display: flex;
		top: 0px;
		background-color: #ffffff;
		width: 100%;
		padding: 0px 20px;
		z-index: 100;
	}
	.cnfans-logo{
		display: flex;
		margin-top: 10px;
		line-height: 50px;
	}
	.cnfans-logo>a>h1{
		color: #ff4500;
		font-size: 18px;
	}
	#cnfans-mob{
		
	}
	#cnfans-close{
		display:none;
	}
	.cnfans-nav{
		display:none;
	}
	.cnfans-mob-menu{
		right: 20px;
		display: flex;
		position: absolute;
		margin-right: 40px;
		margin-top: 30px;
	}
	.cnfans-mob-menu>a>img{
		width: 30px;
	}
	.cnfans-menu{
		display: none;
		background-color: #ffffff;
		position: fixed;
		margin-top: -10px;
		width: 100%;
		line-height: 40px;
		font-size: 18px;
		z-index: 100;
	}
	.cnfans-menu>a{
		display:block;
	}
	.cnfans-search{
		background-color: #f5f5f5;
		border-radius: 25px;
		height: 30px;
		margin-top: 20px;
		margin-left: 100px;
		padding: 10px;
	}
	.keywords{
		height: 30px;
		line-height: 30px;
		border: 0px;
		float: left;
		border-radius: 25px;
		background-color: #f5f5f5;
	}
	.cnfans-search:focus-within  {
		border: 1px solid #ff4500; 
	}
	.keywords:focus {
		outline: none; 
	}
	.button{
		width: 15px;
		float: left;
		padding: 8px;
	}
	.cnfans{
		margin: 85px 20px 10px 20px;
		border-top: 2px solid #dfe0e2;
		padding: 30px 0px;
	}
	.cnfans-banner{
		background: linear-gradient(to right, #ff6863, #ff490a);
		padding: 40px;
		text-align: center;
		border-radius: 15px;
	}
	.cnfans-banner>p{
		font-size:30px;
		color:#fff;
	}
	.cnfans-banner>a{
		color: #ff4500;
		background-color: #fff;
		padding: 15px 30px;
		display: block;
		width: 100px;
		margin: 30px auto;
		border-radius: 15px;
		font-size: 18px;
	}
	.cnfans-index-categories{
		margin: 30px auto;
		text-align: center
	}
	.cnfans-index-categories>a{
		font-size: 20px;
		margin-right: 20px;
	}
	.cnfans-index-goods{
		position: relative;
	}
	.cnfans-index-goods>h2{
		text-align: center;
		color: #ff4500;
		font-size: 30px;
	}
	.cnfans-index-goods>h2>a{
		color: #ff4500;
	}
	.cnfans-goods-slides{
		width: 700px;
		overflow: hidden;
		margin: auto;
	}
	.cnfans-slides{
		width: 1000%;
		height:434px;
		display: flex;
		margin: auto;
	}
	.cnfans-slide{
		margin: auto 10px;
		floaT: left;
		
	}
	.cnfans-slide>a>img{
		width: 100%;
	}
	.cnfans-controls{
		position: absolute;
		top: 50%;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.cnfans-prev,.cnfans-next{
		font-size: 60px;
		border: 0px;
		background: none;
	}
	.cnfans-content{
		width: 700px;
		margin: auto;
	}
	.cnfans-content>h2{
		font-size:30px;
		text-align:center;
	}
	.cnfans-footer{
		font-size:10px;
		text-align: center;
		margin: 50px 20px 10px 20px;
	}
	.cnfans-list{
		margin-top: 85px;
		border-top: 2px solid #dfe0e2;
		padding: 30px 0px;
	}
	.cnfans-list-categories{
		text-align: center;
		padding-bottom: 30px;
		border-bottom: 2px solid #dfe0e2;
	}
	.cnfans-list-categories>a{
		font-size: 16px;
		margin-right: 20px;
		background-color: #f8f9fa;
		padding: 5px 10px;
		border-radius: 15px;
	}
	.cnfans-list-categories>a:hover{
		color:#ff4500;
		border:1px solid #ff4500;
	}
	.cnfans-brands{
		margin: 10px 20px;
	}
	.cnfans-brand>a{
		display: block;
		float: left;
		width: 180px;
		border: 1px solid #dfe0e2;
		margin: 5px;
		border-radius: 15px;
	}
	.cnfans-brand>a>img{
		width: 100%;
		border-radius: 15px;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.cnfans-brand>a>h3{
		font-size: 16px;
		font-weight: 100;
		margin-left: 10px;
		height: 42px;
		overflow: hidden;
	}
	.cnfans-brand>a>h4{
		font-size:16px;
		font-weight:100;
		margin-left:10px;
	}
	.cnfans-pages{
		text-align: center;
		margin-top: 80px;
	}
	.cnfans-page,.cnfans-page>span,.cnfans-active{
		margin:0px 20px;
	}
	.cnfans-active{
		color:red;
		font-weight:900;
	}
	.cnfans-m-pages{
		display:none;
	}
	.cnfans-no{
		font-size: 60px;
		color: #000;
		text-align: center;
		width: 600px;
		margin: 50px auto;
		line-height: 80px;
	}
	.cnfans-goods{
		margin-top: 85px;
		border-top: 2px solid #dfe0e2;
		padding: 30px 0px;
	}
	.cnfans-breadcrumb{
		width: 800px;
		margin: auto;
	}
	.m20{
		margin: 0px 20px;
	}
	.cnfans-good{
		width: 800px;
		margin: 20px auto;
	}
	.cnfans-good>img{
		float:left;
		width:45%;
	}
	.cnfans-good>h2,.cnfans-good>p{
		float:left;
		margin-left:40px;
		width:45%;
	}
	.cnfans-name{
		font-size: 14px;
		font-weight: 100;
	}
	.cnfans-price{
		font-size: 40px;
		font-weight: 900;
		margin: 10px 0px 10px 40px;
		color: #ff4500;
	}
	.cnfans-buy{
		float:left;
		margin-left:40px;
		color: #fff;
		background-color: #dc2a3a;
		width: 200px;
		padding: 10px;
		text-align: center;
		margin-top: 20px;
		border-radius: 10px;
	}
	.cnfans-description{
		line-height: 26px;
		margin-top: 20px;
	}
	.cnfans-goods-more{
		width: 800px;
		margin: auto;
		margin-top: 100px;
	}
	.cnfans-goods-more>h2{
		text-align:center;
		font-size:35px;
	}
	.cnfans-goods-more>a{
		display: block;
		float: left;
		width: 188px;
		border: 1px solid #dfe0e2;
		margin: 5px;
		border-radius: 15px;
	}
	.cnfans-goods-more>a>img{
		width: 100%;
		border-radius: 15px;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.cnfans-goods-more>a>h3{
		font-size: 16px;
		font-weight: 100;
		margin-left: 10px;
		height: 42px;
		overflow: hidden;
	}
	.cnfans-goods-more>a>h4{
		font-size:16px;
		font-weight:100;
		margin-left:10px;
	}
}
@media (max-width: 790px){
	.cnfans-head{
		position: fixed;
		display: flex;
		top: 0px;
		background-color: #ffffff;
		width: 100%;
		padding: 0px 10px;
		z-index: 100;
	}
	.cnfans-logo{
		display: flex;
		margin-top: 10px;
		width: 120px;
	}
	.cnfans-logo>a>h1{
		color: #ff4500;
		font-size: 16px;
	}
	#cnfans-mob{
		
	}
	#cnfans-close{
		display:none;
	}
	.cnfans-nav{
		display:none;
	}
	.cnfans-mob-menu{
		right: 20px;
		display: flex;
		position: absolute;
		margin-right: 10px;
		margin-top: 35px;
	}
	.cnfans-mob-menu>a>img{
		width: 20px;
	}
	.cnfans-menu{
		display: none;
		background-color: #ffffff;
		position: fixed;
		margin-top: -10px;
		width: 100%;
		line-height: 40px;
		font-size: 18px;
		z-index: 100;
	}
	.cnfans-menu>a{
		display:block;
	}
	.cnfans-search{
		background-color: #f5f5f5;
		border-radius: 25px;
		height: 30px;
		margin-top: 20px;
		padding: 10px;
		width: 180px;
	}
	.keywords{
		height: 30px;
		line-height: 30px;
		border: 0px;
		float: left;
		border-radius: 25px;
		background-color: #f5f5f5;
		width: 140px;
	}
	.cnfans-search:focus-within  {
		border: 1px solid #ff4500; 
	}
	.keywords:focus {
		outline: none; 
	}
	.button{
		width: 15px;
		float: left;
		padding: 8px;
	}
	.cnfans{
		margin: 85px 20px 10px 20px;
		border-top: 2px solid #dfe0e2;
		padding: 30px 0px;
	}
	.cnfans-banner{
		background: linear-gradient(to right, #ff6863, #ff490a);
		padding: 40px;
		text-align: center;
		border-radius: 15px;
	}
	.cnfans-banner>p{
		font-size:30px;
		color:#fff;
	}
	.cnfans-banner>a{
		color: #ff4500;
		background-color: #fff;
		padding: 15px 30px;
		display: block;
		width: 100px;
		margin: 30px auto;
		border-radius: 15px;
		font-size: 18px;
	}
	.cnfans-index-categories{
		margin: 30px auto;
		text-align: center
	}
	.cnfans-index-categories>a{
		font-size: 20px;
		display: block;
		float: left;
		width: 50%;
		line-height: 40px;
	}
	.cnfans-index-goods{
		position: relative;
	}
	.cnfans-index-goods>h2{
		text-align: center;
		color: #ff4500;
		font-size: 30px;
	}
	.cnfans-index-goods>h2>a{
		color: #ff4500;
	}
	.cnfans-goods-slides{
		width: 200px;
		overflow: hidden;
		margin: auto;
	}
	.cnfans-slides{
		width: 2060%;
		height:434px;
		display: flex;
		margin: auto;
	}
	.cnfans-slide{
		margin: auto 10px;
		floaT: left;
		width: 90px;
		
	}
	.cnfans-slide>a>p{
	    height: 48px;
        overflow: hidden;
	}
	.cnfans-slide>a>img{
		width: 100%;
	}
	.cnfans-controls{
		position: absolute;
		top: 50%;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.cnfans-prev,.cnfans-next{
		font-size: 60px;
		border: 0px;
		background: none;
	}
	.cnfans-content{
		width: 100%;
		margin: auto;
	}
	.cnfans-content>h2{
		font-size:20px;
		text-align:center;
	}
	.cnfans-footer{
		font-size:10px;
		text-align: center;
		margin: 30px 10px 10px 10px;
	}
	.cnfans-list{
		margin-top: 85px;
		border-top: 2px solid #dfe0e2;
	}
	.cnfans-list-categories{
		display:none;
	}
	
	.cnfans-brands{
		margin: 10px 20px;
	}
	.cnfans-brand>a{
		display: block;
		float: left;
		width: 155px;
		border: 1px solid #dfe0e2;
		margin: 5px;
		border-radius: 15px;
	}
	.cnfans-brand>a>img{
		width: 100%;
		border-radius: 15px;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.cnfans-brand>a>h3{
		font-size: 16px;
		font-weight: 100;
		margin-left: 10px;
		height: 42px;
		overflow: hidden;
	}
	.cnfans-brand>a>h4{
		font-size:16px;
		font-weight:100;
		margin-left:10px;
	}
	.cnfans-pages{
		display:none;
	}
	.cnfans-m-pages{
		text-align: center;
		margin: 50px 0px;
	}
	.cnfans-m-pages>a{
		border: 1px solid #333;
		padding: 5px 10px;
		margin: 10px;
	}
	.cnfans-no{
		font-size: 30px;
		color: #000;
		text-align: center;
		width: 300px;
		margin: 30px auto;
		line-height: 50px;
	}
	.cnfans-goods{
		margin-top: 85px;
		border-top: 2px solid #dfe0e2;
		padding: 30px 0px;
	}
	.cnfans-breadcrumb{
		width: 90%;
		margin: auto;
		overflow: hidden;
		margin-left: 5%;
		height: 20px;
	}
	.m20{
		margin: 0px 20px;
	}
	.cnfans-good{
		width: 100%;
		margin: 20px auto;
	}
	.cnfans-good>img{
		float:left;
		width: 90%;
		margin-left: 5%;
	}
	.cnfans-good>h2,.cnfans-good>p{
		float:left;
		margin-left:5%;
		width: 90%;
	}
	.cnfans-name{
		font-size: 14px;
		font-weight: 100;
	}
	.cnfans-price{
		font-size: 20px;
		font-weight: 900;
		margin-top: 10px;
		color: #ff4500;
	}
	.cnfans-buy{
		float:left;
		margin-left:5%;
		color: #fff;
		background-color: #dc2a3a;
		width: 200px;
		padding: 10px;
		text-align: center;
		margin-top: 20px;
		border-radius: 10px;
	}
	.cnfans-description{
		line-height: 26px;
		margin-top: 20px;
	}
	.cnfans-goods-more{
		width: 100%;
		margin: auto;
		margin-top: 100px;
	}
	.cnfans-goods-more>h2{
		text-align:center;
		font-size:35px;
	}
	.cnfans-goods-more>a{
		display: block;
		float: left;
		width: 175px;
		border: 1px solid #dfe0e2;
		margin: 5px;
		border-radius: 15px;
	}
	.cnfans-goods-more>a>img{
		width: 100%;
		border-radius: 15px;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.cnfans-goods-more>a>h3{
		font-size: 16px;
		font-weight: 100;
		margin-left: 10px;
		height: 42px;
		overflow: hidden;
	}
	.cnfans-goods-more>a>h4{
		font-size:16px;
		font-weight:100;
		margin-left:10px;
	}
}