@charset "utf-8";
html, body {
	width: 100%;
	padding: 0;
	margin: 0;
}
body {
	position: relative;
	box-sizing: border-box;
	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	padding: 0;
	margin: 0;
	/*background: #197cb5; !* Old browsers *!*/
    /*IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5N2NiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) repeat-x;
	background: -moz-linear-gradient(top, #197cb5 0%, #ffffff 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #197cb5), color-stop(50%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #197cb5 0%, #ffffff 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #197cb5 0%, #ffffff 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #197cb5 0%, #ffffff 50%); /* IE10+ */
	background: linear-gradient(to bottom, #197cb5 0%, #ffffff 50%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#197cb5', endColorstr='#ffffff', GradientType=0); /* IE6-8 */
}
a {
	text-decoration:none
}
.clear {
	clear: both;
}
.btn {
	border: none;
	font-weight: bold;
	font-size: 12px;
	color: #043865;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0;
	padding: 9px 14px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#779e1b), to(#c7ed50));
	background: -webkit-linear-gradient(top, #779e1b, #c7ed50);
	background: -moz-linear-gradient(top, #779e1b, #c7ed50);
	background: -ms-linear-gradient(top, #779e1b, #c7ed50);
	background: -o-linear-gradient(top, #779e1b, #c7ed50);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#779e1b', endColorstr='#c7ed50');
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.btn:hover {
	border: none;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0;
	padding: 9px 14px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#779e1b), to(#c7ed50));
	background: -webkit-linear-gradient(top, #779e1b, #c7ed50);
	background: -moz-linear-gradient(top, #779e1b, #c7ed50);
	background: -ms-linear-gradient(top, #779e1b, #c7ed50);
	background: -o-linear-gradient(top, #779e1b, #c7ed50);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#779e1b', endColorstr='#c7ed50');
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.app-bar {
	display: block;
	width: 100%;
	height: 35px;
	background: #61A5CC;
	z-index: 2001;
}
.app-bar button {
	display: block;
	width: 35px;
	height: 35px;
	background-image: none;
	background-color: transparent;
	border: none;
	padding: 0;
	-webkit-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
.app-bar button img, .app-bar a img {
	width: 35px;
	height: 35px;
}
.app-bar button:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.app-bar button:focus {
	background-color: rgba(255, 255, 255, 0.2);
	outline: 0;
}
.app-bar button:active {
	background-color: rgba(255, 255, 255, 0.4);
}
.promote-layer {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.nav-btn {
	float: right;
	background: url("../image/nav.png") no-repeat;
}
.app-bar-cart {
	display: block;
	float: right;
	width: 35px;
	height: 35px;
}
.nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 240px;
	height: 100%;
	background: #197CB5;
	color: #ffffff;
	z-index: 2002;
	display: none;
}
.nav.open {
	display: block;
}
.nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.nav ul li a {
	display: block;
	height: 60px;
	padding: 0 20px;
	line-height: 60px;
	text-decoration: none;
	color: white;
	-webkit-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
.nav ul li {
	border-bottom-style: solid;
	border-width: 1px;
	border-color: white;
}
.nav ul li.shopping-bag {
	display: none;
}
.nav ul li a:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
.nav ul li a:focus {
	background-color: rgba(255, 255, 255, 0.3);
	outline: 0;
}
.nav ul li a:active {
	background-color: rgba(255, 255, 255, 0.4);
}
.header {
	width: 100%;
	height: 80px;
}
.logo {
	display: block;
	margin: 5px auto;
	width: 200px;
	height: 50px;/*background: url("../images/logo.png") no-repeat;*/
}
.header-search {
	width: 90%;
	height: 30px;
	margin: 0 auto;
}
.header-search input {
	display: block;
	width: 65%;
	height: 26px;
	float: left;
	border: 2px solid #2D81BA;
}
.header-search button {
	display: block;
	float: left;
	height: 30px;
	min-width: 25%;
}
.container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
/**goods category**/
.goods-category {
	width: 100%;
	background: #FFFFFF;
	display: none;
}
.goods-category.open {
	display: block;
}
.goods-category ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.goods-category ul li {
	display: block;
	width: 100%;
	/*height: 35px;*/
    line-height: 35px;
	overflow: hidden;
	text-align: center;
}
.goods-category ul li a {
	height: 35px;
	display: block;
	color: #374A51;
	text-decoration: none;
}
.goods-category ul li a:hover {
	color: #ADE46E;
}
.goods-category h2 {
	display: none;
}
/**footer**/
.footer {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	margin-top: 20px;
}
.footer-nav {
	width: 100%;
	border-top: dotted #AAD3E4 2px;
	border-bottom: dotted #AAD3E4 2px;
	padding: 10px 0;
	text-align: center;
	overflow: hidden;
}
.footer-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-nav ul li {
	display: block;
	line-height: 25px;
}
.footer-nav ul li a {
	font-size: 13px;
	color: #374A51;
	text-decoration: none;
}
.footer-nav ul li a:hover {
	color: #779F49;
}
.footer-copyright {
	width: 100%;
	text-align: center;
	font-size: 13px;
	padding: 10px 0;
	color: #374A51;
	overflow: hidden;
}
.footer-copyright a {
	color: #374A51;
	text-decoration:none
}
.footer-copyright a:hover {
	color:#779E1B;
	text-decoration:none
}
.main-container {
	width: 100%;
	padding: 15px 5px;
	box-sizing: border-box;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.right-sidebar {
	display: none;
}
.main-container h2 {
	color: #779E1B;
	text-align: center;
}
.carousel {
	width: 100%;
}
.carousel img {
	width: 100%;
}
.g-list {
	width: 100%;
	margin-top: 10px;
}
.g-item {
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	margin-top: 20px;
	border: 1px solid #E9E9E9;
}
.g-item img {
	width: 120px;
	height: 100px;
	display: block;
	margin: 0 auto;
}
.g-item .g-quick-view, .g-item .g-add-cart, .g-add-cart-m {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 10px 0;
	overflow: hidden;
}
.g-add-cart {
	display: none;
}
.g-item .g-quick-view .btn {
	display: none;
}
.g-title, .g-price, .g-qty, .g-stock {
	padding: 10px 0 0 0;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	display: block;
}
.g-item .g-title a {
	color: #000000;
	text-decoration: none;
}
.g-item .g-title a:hover {
	color: #779E1B;
	text-decoration: underline;
}
.g-price {
	font-weight: bold;
	color: #779E1B;
}
/**view_cart**/
.view-cart-box {
	width: 100%;
	padding: 15px 5px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/**cart table**/
.cart-table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
.cart-table thead {
	background: #EEEEEE;
	color: #779E1B;
}
.cart-table tr td, .cart-table tr th, .cart-table tr {
	border: none;
}
.cart-table thead tr th {
	padding: 5px 3px;
}
.cart-table td {
	padding: 3px;
}
 .cart-table td:nth-child(3), .cart-table td:nth-child(4), .cart-table td:nth-child(5) {
 text-align: center;
}
 .cart-table tr:nth-child(odd) td {
 background: #F9F9F9;
}
.order-table {
	width: 100%;
	margin: 0 auto;
	max-width: 500px;
}
 .order-table td:nth-child(1) {
 text-align: right;
 width: 100px;
 font-weight: 500;
}
.order-table textarea {
	width: 90%;
}
.pager {
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
.pager a {
	display: inline-block;
	margin: 10px;
	height: 20px;
	line-height: 20px;
	color: #000000;
}
.blog-box {
	width: 100%;
	margin: 0 auto;
	border-radius: 10px;
	background: #FFFFFF;
}
.blog-box-inner {
	padding: 15px 10px;
}
.blog-sidebar {
	width: 100%;
}
.blog-page-title {
	display: block;
	width: 30%;
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: right;
}
.blog-category {
	width: 70%;
	float: left;
}
.blog-category h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #093C64;
}
.blog-category ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 10px;
}
.blog-category ul li {
	display: block;
	line-height: 30px;
}
.blog-category ul li a {
	color: #374A51;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding-left: 20px;
}
.blog-category ul li a:hover {
	color: #779E1B;
}
.blog-content {
	width: 100%;
	padding: 15px 0;
}
.b-item {
	width: 100%;
	padding-bottom: 15px;
}
.b-title {
	width: 100%;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.b-info {
	line-height: 25px;
	color: #000000;
}
.b-info a {
	color: #002F2F;
	text-decoration: none;
}
.b-title:hover, .b-info a:hover {
	color: #779E1B;
}
.b-description, .b-content {
	padding: 10px 0;
	min-height:800px;
}
/**goods_detail**/
.gd-box {
	padding: 10px 0;
}
.gd-title, .gd-price, .gd-qty {
	line-height: 30px;
	width: 100%;
	height: 30px;
	overflow: hidden;
	color: #779E1B;
	font-size: 14px;
	font-weight: bold;
}
.gd-title {
	font-size: 16px;
}
.gd-qty span {
	color: #070707;
}
.gd-cart {
	width: 100%;
	height: 30px;
	padding: 10px 0;
}
.gd-cart label {
	font-size: 14px;
	line-height: 30px;
}
.gd-cart input {
	width: 60px;
	height: 25px;
	font-size: 16px;
}
.gd-add-to-cart {
	display: none;
}
.search-item-image {
	float: left;
	width: 50px;
	height: 30px;
	padding: 3px;
}
.sort-form {
	width: 100%;
	display: block;
	font-size: 14px;
}
.sort-form-total {
	float: left;
}
.sort-form-select {
	float: right;
}
 @media screen and (min-width: 980px) {
 .app-bar {
 display: none;
}
 .header {
 width: 980px;
 height: 80px;
 margin: 0 auto;
 padding-top: 30px;
}
 .logo {
 float: left;
 margin: 0;
}
 .top-right {
 width: 700px;
 height: 100%;
 float: right;
}
 .nav {
 display: block;
 position: relative;
 width: 100%;
 height: 14px;
 padding-bottom: 10px;
 background: none;
 text-align: right;
}
 .nav ul li {
 display: inline-block;
 border: none;
 border-right: 1px solid #FFFFFF;
}
 .nav ul li a {
 padding: 0 10px;
 height: 14px;
 line-height: 14px;
 font-size: 14px;
 font-weight: bold;
}
 .nav ul li:last-child {
 border: none;
}
 .nav ul li.shopping-bag {
 display: inline-block;
}
 .nav ul li.shopping-bag a {
 color: #ADE46E;
}
 .nav ul li a:hover {
 color: #ADE46E;
 background: none;
}
 .nav ul li a:focus {
 outline: 0;
 background: none;
}
 .nav ul li a:active {
 background: none;
}
 .header-search {
 margin: 0;
 margin-left: 60px;
}
 .header-search input {
 width: 460px;
}
 .header-search button {
 width: 100px;
}
 .container {
 width: 980px;
 margin: 0 auto;
}
 .goods-category {
 float: left;
 width: 186px;
 min-height: 800px;
 margin: 0 9px 0 0;
 padding: 15px 0 0 0;
 display: block;
 background: none;
 background-color: rgb(255, 255, 255); /* Hex Value: #FFFFFF */
 background-color: rgba(255, 255, 255, 0.6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
 -moz-border-radius: 10px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
}
 .goods-category > ul {
 display: block;
 width: 170px;
 padding: 0;
 margin: 0;
 list-style: none;
 margin-left: 8px;
 padding-bottom: 30px;
}
 .goods-category ul li {
 border-bottom: 1px solid #ADD2E5;
 color: #374a51;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
 display: block;
        /*height: 21px;*/
        line-height:30px;
 overflow: hidden;
        /*padding: 0 10px 0 0;*/
        width: 170px;
 text-align: left;
}
 .goods-category > ul > li > span {
 display: block;
 float: left;
 width: 25px;
 height: 30px;
 background: url(../image/li.png) no-repeat 9px 11px;
}
 .goods-category > ul > li.close ul {
 display: none;
}
 .goods-category ul li a {
 display: block;
 float: left;
 width: 135px;
 height: 30px;
}
 .goods-category ul li a:hover {
 color: #779e1b;
 text-decoration: none;
}
 .goods-category ul li ul li {
 background: none;
 border: none;
 width: 135px;
 padding: 0 10px 0 25px;
 font-weight: bolder;
}
 .goods-category ul li ul li a {
 font-weight: 400;
}
 .goods-category h2, .right-sidebar h2 {
 color: #093C64;
 font-size: 16px;
 margin-left: 10px;
 padding-bottom: 10px;
 margin-top: 0;
 display: block;
}
 .main-container {
 float: left;
 width: 580px;
 background: #FFFFFF;
 padding: 5px 5px 15px 5px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
 -moz-border-radius: 10px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
}
 .main-container h2 {
 text-align: left;
}
 .g-item {
 width: 130px;
 float: left;
 padding: 5px;
 margin: 10px 5px;
}

    /*.g-item .g-quick-view button {*/
    /*display: none;*/
    /*}*/
    .g-item:hover .g-quick-view .btn {
 display: block;
}
 .g-add-cart {
 display: block;
}
 .g-add-cart-m {
 display: none;
}
 .right-sidebar {
 float: left;
 width: 186px;
 min-height: 800px;
 margin: 0 0 0 9px;
 padding: 15px 0 0 0;
 display: block;
 background-color: rgb(255, 255, 255); /* Hex Value: #FFFFFF */
 background-color: rgba(255, 255, 255, 0.6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
 -moz-border-radius: 10px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
}
 .top-seller {
 width: 160px;
 height: 110px;
 margin: 0 auto;
 display: block;
}
 .rightbar-list {
 width: 170px;
 padding: 8px;
}
 .right-sidebar ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
 .right-sidebar ul li {
 margin-top: 10px;
 display: block;
 line-height: 15px;
 border-bottom: 1px dotted #AAD3E4;
 overflow: hidden;
}
 .right-sidebar ul li a {
 height: 15px;
 overflow: hidden;
 display: block;
 color: #000000;
 text-decoration: none;
}
 .right-sidebar ul li a:hover {
 color: #779E1B;
}
 .right-sidebar ul li p {
 color: #779E1B;
 font-weight: bold;
}
 .view-cart-box {
 width: 770px;
 float: left;
}
 .gd-box {
 width: 700px;
 padding: 20px;
clear:both;
overflow:hidden
}
 .gd-left-box {
 float: left;
 width: 300px;
 height: 220px;
}
 .gd-right-box {
 float: left;
 margin-left: 30px;
 width: 350px;
}
 .gd-add-to-cart {
 display: block;
}
 .gd-add-to-cart-m {
 display: none;
}
}
 @media screen and (min-width: 760px) {
 .footer-nav ul li {
 display: inline-block;
 padding: 0 10px;
}
 .blog-sidebar {
 width: 17%;
 float: right;
}
 .blog-content {
 float: left;
 width: 80%;
}
 .blog-page-title {
 float: none;
 text-align: left;
 width: 100%;
}
 .blog-category {
 float: none;
}
 .blog-category h2 {
 padding-top: 20px;
}
 .blog-category ul li a {
 padding-left: 0;
}
}

 @media screen and (max-width: 760px) {
.g-item {
    width:48%;
    box-sizing: border-box;
    padding: 5px;
    margin-top: 20px;
    border: 1px solid #E9E9E9; float:left; margin-right:1%; margin-left:1%;
}

.g-item img {
    width:100%;
    height:150px;
    display: block;
    margin: 0 auto;
}

}

/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin:50px 0;
	clear:both;
	overflow:hidden
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#779E1B;
	border:1px solid #779E1B;
}
.pagination a.page-num-current {
	color:#fff;
	background:#779E1B;
	border:1px solid #779E1B;
}
/* ----- PB分页数字条效果 结束 ----- */