::-webkit-scrollbar {
	width:6px;
	height:6px
}
::-webkit-scrollbar-thumb {
	background:#dee2e6
}
::-webkit-scrollbar-track {
	background:#f5f5f5
}
* {
	scrollbar-color:#dee2e6 #f5f5f5;
	scrollbar-width:thin
}
body {
	margin:0;
	line-height:1.6;
	letter-spacing:.6px;
	font-size:14px;
	font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	color:#545b62;
	background:#fff
}
a {
	color:#545b62;
	transition: all 0.5s ease;
}
a:hover {
	color:#ff8400;
	text-decoration:none
}
img {
	max-width:100%;
}
ul,ol,li {
	margin:0;
	padding:0;
	list-style:none
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	line-height:1.2;
	font-weight:600;
	color:#393d49
}
h1 {
	font-size:30px
}
h2 {
	font-size:22px
}
h3,h4 {
	font-size:18px
}
h5,h6 {
	font-size:16px
}
form.search {
	display:flex;
	width:100%
}
input[type=file] {
	padding:0;
	height:auto;
	border:0
}
.body-bg {
	background:#f5f5f5
}
.carousel-caption {
	bottom:0
}
.carousel-caption h2 {
	color:#fff
}
.carousel-caption h2,.item-article h2,.item-vote h2,.item-tag h2,.list-info-search h2 {
	font-size:18px
}
.item-title h2 {
	font-size:22px
}
.item-article li {
	margin-bottom:10px;
	line-height:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.item-article li:last-child {
	margin-bottom:0
}
.item-theme {
	margin-bottom:2rem;
	transition:all .5s
}
.item-theme-box {
	padding:1.5rem
}
.item-theme-img img {
	width:100%;
	height:250px
}
.item-theme p,.item-news p {
	margin-bottom:0;
	color:#999;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.item-news {
	margin-bottom:2rem;
	padding:1.5rem;
	transition:all .5s
}
.item-theme:hover,.item-news:hover {
	box-shadow:0 14px 30px -16px rgba(0,36,100,.25);
	transform:translateY(-6px)
}
.item-news h4 {
	margin:20px 0 16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.item-news-img img {
	width:100%;
	height:200px
}
.item-news i,.item-news span {
	color:#999
}
.item-info a {
	color:#1eb867
}
.list-article-img img {
	width:100%;
	height:260px
}
.list-article-body h2 {
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.list-article-body h2 a {
	color:#393d49
}
.article-theme-title h1 {
	margin-bottom:1rem;
	font-size:22px
}
.article-theme-img,.article-hot-img img {
	width:100%
}
.article-theme-info .item {
	display:inline-block;
	width:100px
}
.article-theme-info .price {
	font-size:18px;
	font-weight:600
}
.list-article-body p,.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child {
	margin-bottom:0
}
.article-theme-body h2,.article-right h2 {
	margin-bottom:1rem;
	font-size:18px
}
.article-hot {
	margin-bottom:1.5rem
}
.article-hot-box {
	padding:1rem 1.5rem;
	background:#fff
}
.article-hot-box h4 {
	font-size:14px;
	font-weight:400;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.article-hot-box i,.article-hot-box span,.article-meta span,.item-theme-box .text-left i,.item-theme-box .text-right span,.list-article-body i,.list-article-body span {
	color:#999
}
.article-main h1,.article-main h2,.article-main h3,.article-main h4,.article-main h5,.article-main h6 {
	margin-bottom:1rem;
	font-size:18px
}
.article-meta span {
	margin-right:1rem
}
.likes .comment-container {
	width:200px;
	padding:10px 20px;
	border:1px solid #f5f5f5;
	border-radius:30px;
	margin:0 6px;
	cursor:pointer
}
.likes .comment-container:hover {
	background:#fffce0
}
.likes .comment-top {
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-bottom:10px
}
.likes .comment-top-text {
	margin-left:10px;
	color:#497cf6
}
.likes .comment-top-text-danger {
	margin-left:10px;
	color:#d21d35
}
.likes .text-like {
	color:#497cf6
}
.likes .text-unlike {
	color:#d21d35
}
.likes .comment-top p {
	margin-bottom:unset
}
.prenext .pagination-previous,.pagination-next {
	padding:10px 20px;
	font-size:14px;
	color:#a6a5a6;
	border-radius:30px;
	border:1px solid #f0f0f0;
	cursor:pointer
}
.actbox {
	float:right;
	padding:10px
}
.actbox ul {
	list-style:none
}
.actbox ul li {
	float:left;
	margin-left:10px
}
.feedbacks .face {
	width:40px;
	height:40px;
	border-radius:50%;
	border:solid 1px #ccc
}
.feedbacks .media {
	border-bottom:solid 1px #ccc
}
.feedbacks .feedback_replies .media {
	border-top:solid 1px #ccc;
	border-bottom:0
}
.feedbacks .media-body span {
	color:#999
}
.feedbacks .feedback-basic {
	display:inline-block
}
.feedbacks .feedback-action {
	float:right
}
.feedbacks ._feedback_reply .alert {
	margin-bottom:0
}
.site-nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
	box-shadow: 0 0 10px #666;
}
.nav-link {
	padding:0 10px;
	height:32px;
	line-height:32px
}
.navbar-expand-md .navbar-nav .nav-link {
	padding-right: 2.5rem;
	padding-left: 2.5rem;
}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color:#333;
	font-size: 15px;
}
.nav-item {
	position: relative;
}
.nav-item .active {
	color:#ff8400
}
.navbar-expand-md .navbar-collapse {
	justify-content: flex-end;
}
.navbar-dark .navbar-nav .nav-link:before {
	content: '';
	position: absolute;
	width: 0%;
	transition: all 0.2s ease-out 0s;
	border-bottom: 3px solid #ff0003;
	z-index: 1;
	left: 50%;
	bottom: -25px
}
.navbar-dark .navbar-nav .nav-link.active::before, .navbar-dark .navbar-nav .nav-link:hover::before {
	width: 100%;
	left: 0;
}
.logo img {
	height:48px
}
/* slider */
.bannerPc {
	text-align:center;
	padding-top:80px;
}
.bannerPc ul,.bannerPc li {
	margin:0;
	padding:0;
	list-style:none;
}
.bannerPc a {
	display:block;
}
.bannerPc img {
	max-width:100%;
	vertical-align:middle;
}
.html5zoo-img-0 img {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0 {
	width:40px !important;
	height:60px !important;
	top:50% !important;
	margin-top:-30px !important;
	background:url(../img/slide_bPc.png) no-repeat !important;
	display:block !important;
	visibility:hidden;
}
.banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0 {
	visibility:visible;
}
.banner-html5zoo .html5zoo-arrow-left-0 {
	left:50px !important;
	background-position:0 0 !important;
}
.banner-html5zoo .html5zoo-arrow-right-0 {
	right:50px !important;
	background-position:-40px 0 !important;
}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1 {
	width:40px !important;
	height:60px !important;
	top:50% !important;
	margin-top:-30px !important;
	background:url(../img/slide_bPc.png) no-repeat !important;
	display:block !important;
	visibility:hidden;
}
.banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1 {
	visibility:visible;
}
.banner-html5zoo .html5zoo-arrow-left-1 {
	left:50px !important;
	background-position:0 0 !important;
}
.banner-html5zoo .html5zoo-arrow-right-1 {
	right:50px !important;
	background-position:-40px 0 !important;
}
.banner-html5zoo .html5zoo-nav {
	text-align:center;
}
.banner-html5zoo .html5zoo-bullet-span {
	width:1em !important;
	height:2px !important;
	float:none !important;
	display:inline-block;
	background:#fff !important;
	opacity:0.5;
	box-sizing:border-box;
	border-radius:0;
	-webkit-border-radius:0;
	margin:0 5px !important;
	vertical-align:middle;
}
.banner-html5zoo .html5zoo-bullet-span.active {
	width:1em !important;
	height:1em !important;
	border:2px solid #fff;
	background:none !important;
	opacity:1;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.iproduct {
	text-align: center;
	margin-bottom: 4rem;
}
.ititle {
	margin: 3rem 0;
}
.ititle h3 {
	color: #000;
	font: 1.5rem Georgia;
}
.ititle h3 span {
	display: block;
	padding-top: 0.5rem;
	color: #444;
	font-size: 1rem;
}
.ititle i {
	height: 1px;
	width: 30px;
	background-color: #999;
	display: inline-block;
}
.iproduct .row .col-md-3 {
	padding: 0 5px;
	margin-bottom: 10px;
}
.iabout {
	background-color: #fff;
}
.iabout .ititle {
	padding-top: 60px;
}
.iabout-l {
	line-height: 2;
	font-size: 15px;
}
.iabout-r {
	padding: 35px 0 45px;
	text-align: right;
}
.inews .ititle {
	text-align: center;
}
.item-news {
  display: flex;
}
.item-news-l {
	padding: 20px 50px;
	font: normal 30px Segoe UI;
}
.item-news span {
  display: block;
  text-align: center;
}
.item-news-r {
  padding: 12px;
}
.item-news-t {
  font-size: 20px;
}
.item-news p {
  line-height: 1.8;
  padding-top: 12px;
}
.icontact-1, .icontact-2, .icontact-3, .icontact-4 {
	float: left;
	width: 25%;
	padding-top: 4rem;
	padding-right: 1rem;
	text-align: center;
}
.icontact-4 {
	padding-top: 33px;
}
.icontact-4 img {
	max-width: 90px;
}

.copyright {
	padding:1.5rem;
	background:#343a40
}
.flink,.flink a,.copyright, .copyright p a {
	color:#fff
}
.copyright .n-p {
	margin: 20px 0;
}
.copyright span ,.copyright span a {
	color: #999
}
.n-banner {
	padding-top: 80px;
}
.icontact .col-md-3 {
	font-size: 15px;
	font-family: microsoft yahei;
	text-align: center;
}
.pagination {
	margin-top: 2rem;
	align-items: center;
	justify-content: center;
}
.biz-mb {
	margin-bottom:-2rem
}
.bannr-img {
	width:100%;
	height:345px
}
.user-img-md {
	width:60px;
	height:60px;
	border-radius:50%;
	border:1px solid #eee
}
.user-img-sm {
	width:36px;
	height:36px;
	border-radius:50%;
	border:1px solid #eee
}
.user-img-xs {
	width:30px;
	height:30px;
	border-radius:50%;
	border:1px solid #eee
}
.user-meter i {
	font-size:22px!important;
	color:#1eb867
}
.userspace .info {
	font-size:14px;
	font-weight:400;
	color:#545b62
}
.list-group-item.active a {
	color:#fff
}
.list-group-flush>.list-group-item {
	cursor:pointer
}
.pannel-main-container {
	padding:1.5rem;
	background:#fff
}
.input-group-append .btn-sm {
	line-height:1.8
}
.table {
	color:#545b62
}
.table td,.table th {
	padding:.65rem;
	vertical-align:middle
}
.form-control {
	display:inline-block;
	height:36px
}
.form-control,.fa {
	font-size:14px!important
}
.fa {
	color:inherit;
	cursor:pointer
}
.btn+.btn {
	margin-left:10px
}
.l-height-30 {
	line-height:30px
}
.input-text {
	height:36px;
	line-height:36px
}
.thumbnail-md {
	max-width:280px;
	max-height:168px
}
.admin-textarea-xl {
	width:100%
}
.admin-input-lg {
	width:60%
}
.admin-input-sm {
	width:160px
}
.admin-input-xs {
	width:60px
}
.navbar-toggler,.dropdown-menu,.breadcrumb,.cke_chrome,.cke_inner,.pagination,.form-control,.btn-md,.btn-sm,.alert,.rounded {
	border-radius:.5rem!important
}
.btn-xs {
	border-radius:.35rem!important
}
.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img {
	border-radius:.5rem .5rem 0 0!important
}
.cke_bottom,.list-article-radius {
	border-radius:0 0 .5rem .5rem!important
}
#validateimg,.btn-send {
	border-radius:0 .5rem .5rem 0!important
}
.rounded-circle {
	border-radius:50%!important
}
.page-item:first-child .page-link {
	border-top-left-radius:.5rem!important;
	border-bottom-left-radius:.5rem!important
}
.page-item:last-child .page-link {
	border-top-right-radius:.5rem!important;
	border-bottom-right-radius:.5rem!important
}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child) {
	border-top-right-radius:0!important;
	border-bottom-right-radius:0!important
}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
	border-top-left-radius:0!important;
	border-bottom-left-radius:0!important
}
#returntop {
	display:none;
	position:fixed;
	padding:10px 14px;
	right:1rem;
	bottom:1rem;
	color:#fff;
	cursor:pointer;
	background:#ec982c;
	border-radius:.5rem;
	border:0;
	z-index:9998
}
#returntop:hover {
	background:#e77817
}
@media (max-width:480px) {
	.m-pb-1 {
		padding-bottom:1rem
	}
	.m-pb-2 {
		padding-bottom:2rem
	}
	.login-from {
		width:100%
	}
	.bannr-img,.item-theme-img img,.list-article-img img {
		height:250px
	}
	.item-news-img img {
		height:210px
	}
	.feedbacks .feedback-action {
		float:none
	}
}
@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1300px;
	}
}