*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
				  box-sizing: border-box;
	scroll-behavior: smooth;
}

html, body {
	overflow: hidden;
	overflow-y: auto;
	
	-webkit-backface-visibility: hidden;
		 -moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
					backface-visibility: hidden;
					
	-webkit-transform-style: preserve-3d;
		 -moz-transform-style: preserve-3d;
					transform-style: preserve-3d;
}

html {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: none;
}

/* 分辨率兼容 */
/* iphone X */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	/*增加头部适配层*/
	.has-topbar {
		height: 100%;
		box-sizing: border-box;
		padding-top: 44px;
	}
	.has-topbar:before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
		width: 100%;
		height: 44px;
		background-color: #000000;
	}
	
	/*增加底部适配层*/
	.has-bottombar {
		height: 100%;
		box-sizing: border-box;
		padding-bottom: 34px;
	}
	.has-bottombar:after {
		content: '';
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 9998;
		width: 100%;
		height: 34px;
		background: #f7f7f8;
	}
}

/* iphone 6/7/8P & pixle 2xl */
@media only screen and ( max-device-width: 414px ) and (min-device-width: 411px) {	
	
}

/* android */
@media only screen and ( max-device-width: 360px ) {	
	
}

/* 全局调整 */
@media only screen and (max-device-width: 414px ) and (min-device-width: 360px) {
	.uk-container {
		padding-right: .5rem;
		padding-left: .5rem;
		text-align: justify;
	}
	
	.uk-heading-small {
		padding-right: 0;
		padding-left: 0;
		font-size: 1.75rem;
	}
	
	.nav-pc {
		display: none;
	}
}
@media only screen and (min-device-width: 1366px) and (max-device-width: 6016px) {
	.nav-mobile {
		display: none;
	}
}

.nav-pc .uk-navbar-left .uk-list li {
	float: left;
	width: 25%;
}

.nav-pc .uk-navbar-left .uk-list li a {
	display: inline-block;
	width: 100%;
	color: #333;
}

/* 商品 */
.products-box {
	padding-left: 2.5rem;
}

.products-box .uk-card {
	float: left;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 1rem;
	padding: 0rem .5rem 0rem .5rem;
}

.products-box .uk-cardb {
	
	width: 80%;
	margin:0px auto;

	margin-bottom: 2rem;
	padding: .5rem;
	
}
.uk-card-body a{ color:#333; text-align:center;}

.products-box .uk-card-body,
.products-box .uk-card-footer {
	padding-right: 0;
	padding-left: 0;
}

@media only screen and (max-device-width: 414px ) and (min-device-width: 360px) {
	.products-box {
		margin: 0 auto;
		padding: 0;
	}
	
	.products-box .uk-card {
		width: 100%;
		margin: 0 auto 2rem;
	}
}



/* 手机端侧边栏 */
.uk-offcanvas-bar .uk-close {
	color: #333;
}

.uk-offcanvas-bar .uk-close:hover {
	color: #222;
}

.offcanvas-content .uk-navbar-nav{
	display: block;
}

.offcanvas-content .uk-navbar-nav>li {
	display: inline-block;
	float: left;
	width: 100%;
	padding: .5rem;
}

.offcanvas-content .uk-navbar-nav>li>a {
	min-height: 2rem;
	color: #222 !important;
}