@charset "utf-8";
/* CSS Document */
body{
	font-size: 16px;
	font-family: Arial, '微软雅黑', sans-serif;
	background-image: url(/Public/home/images/bg.jpg);
	background-repeat: repeat;
}
input,textarea,select,radio,checkbox{}
.wrap{max-width:640px; margin:0 auto;background:url(/Public/home/images/bg.jpg);}
.container{margin:10px; overflow:hidden;}
.bgfff{background:#fff; margin:0 auto;}

.button {
	width: 150px;
	height: 40px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	/*background: #f78d1d;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));*/
	/*background: -moz-linear-gradient(top,  #faa51a,  #f47a20);*/
	background: url(/Public/home/images/backimg.png) center no-repeat;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000;}
.formbk{}

@-webkit-keyframes click-wave {
	0% {
		width: 30px;
		height: 30px;
		opacity: 0.35;
		position: relative;
	}
	100% {
		width: 200px;
		height: 200px;
		margin-left: -80px;
		margin-top: -80px;
		opacity: 0.0;
	}
}
@-moz-keyframes click-wave {
	0% {
		width: 30px;
		height: 30px;
		opacity: 0.35;
		position: relative;
	}
	100% {
		width: 200px;
		height: 200px;
		margin-left: -80px;
		margin-top: -80px;
		opacity: 0.0;
	}
}
@-o-keyframes click-wave {
	0% {
		width: 30px;
		height: 30px;
		opacity: 0.35;
		position: relative;
	}
	100% {
		width: 200px;
		height: 200px;
		margin-left: -80px;
		margin-top: -80px;
		opacity: 0.0;
	}
}
@keyframes click-wave {
	0% {
		width: 30px;
		height: 30px;
		opacity: 0.35;
		position: relative;
	}
	100% {
		width: 200px;
		height: 200px;
		margin-left: -80px;
		margin-top: -80px;
		opacity: 0.0;
	}
}
.option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 13.33333px;
	width: 30px;
	height: 30px;
	-webkit-transition: all 0.15s ease-out 0;
	-moz-transition: all 0.15s ease-out 0;
	transition: all 0.15s ease-out 0;
	background: #cbd1d8;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	outline: none;
	position: relative;
	margin-right: 0.5rem;
	z-index: 1000;
}
.option-input:hover {
	background: #9faab7;
}
.option-input:checked {
	background: #f78d1d;
}
.option-input:checked::before {
	width: 30px;
	height: 30px;
	position: absolute;
	content: '\2713';
	display: inline-block;
	font-size: 26.66667px;
	text-align: center;
	line-height: 40px;
}
.option-input:checked::after {
	-webkit-animation: click-wave 0.65s;
	-moz-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #40e0d0;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
}
.option-input.radio {
	border-radius: 50%;
}
.option-input.radio::after {
	border-radius: 50%;
}
/* 连接颜色 */
a{text-decoration:none;}
a:link,a:visited{color:inherit}
a:hover{color:inherit; text-decoration:none}
a:focus,a:active{color:inherit; outline:none;}
/*顶部样式*/
.top{width:100%; height:45px; background: url(/Public/home/images/backimg.png) center no-repeat;position:relative;}
.top h1{font-size:16px; line-height:40px; font-weight:100; color:#fff; text-align:center; }
.top a.aleft{background:url(/Public/home/images/home.png) center 6px no-repeat; position:absolute; top:5px; left:5px; width:45px; height:35px; display:block; background-size:auto 20px;}
.top a.aright{background:url(/Public/home/images/user.png) center 6px no-repeat; position:absolute; top:4px; right:5px; width:45px; height:35px; display:block; background-size:auto 23px;}
/*图标样式*/
.icon{width:100%; margin:0 auto;}
.icon ul{ margin-top:20px; text-align:center;}
.icon ul li{border:1px solid #dddddf; border-radius:5px; width:20%;  background-color:#f7f7f7; float:left; text-align:center; margin-left:4%;}
/*产品分类页样式*/
.proclass{width:100%; margin-top:20px;}
.proclass ul{}
.proclass ul li{float:left; width:49%; border:1px solid #d9d9dc; background-color:#f7f8fa; margin-top:10px;}
.proclass ul li div{padding:10px;}
.proclass ul li div img{width:100%;}
.proclass ul li div p{text-align:center; color:#5f6064; font-size:16px; padding-top:5px;}
.proclass ul li:nth-child(2n){float:right; width:49%; border:1px solid #d9d9dc; background-color:#f7f8fa;}
/*购物车页面样式*/
.cart{background-color:#fff; margin-bottom: 10px;}
/*.cart{background-color:#fff; padding-right:5px; padding-bottom:5px;box-shadow:3px 3px 2px 2px #eee;}*/
.cart .c_list{width:100%; font-size:16px;}
.cart .c_list ul li{width:100%; clear:both; overflow:hidden; border-top:1px solid #e6e6e6; padding:10px 0;}
.cart .c_list ul li:first-child{border-top:0;}
.cart .c_list ul li table{width:100%;}
.cart .c_list ul li td{padding-right:5px; font-size:12px;}
.cart .c_list ul li td p{line-height:22px;font-size:12px;}
.cart .c_list ul li td a{font-size:12px;}
.cart .c_list ul li td a.del{font-size:12px; color:#ec5e38;}
.checkbox{font-size:10px; color:#ccc; background:url(/Public/home/images/box.png) 0 0 no-repeat; background-size:100%; -webkit-appearance:none; -moz-appearance:none; border:0; border:none; vertical-align:middle; width:36px; height:36px;}
.checked{font-size:10px; color:#ccc; background:url(/Public/home/images/check.png) 0 0 no-repeat; background-size:100%; -webkit-appearance:none; -moz-appearance:none; border:0; border:none; vertical-align:middle; width:36px; height:36px;}
.cart .c_list ul li td span{font-size:12px;}
.cart .c_list ul li .lse{color:#5f7334;}
.cart .c_list ul li img{border:1px solid #e6e6e6;}
.cart .c_list ul li .num{border:1px solid #dcdcdc; width:40px; height:15px; vertical-align:middle;}
.cart_bg{background:url(/Public/home/images/cart_f_bg.jpg) 0 0 repeat-x; height:50px; padding-top:10px;}
.ff6{color:#ff6000;}
a.ff6{color:#ff6000;}


/*content内容页样式*/
.content{background:#fff;}
/*color:#6b6b6b; padding-right:5px; padding-bottom:5px;*/
.shadow{padding:10px;}
.content .con{}
.content .con img{width:100%;}
.content .con h1{font-size:16px; color:#000; font-weight:bold;}
.content .con h2{font-size:14px; color:#000; font-weight:bold; padding-top:10px;}
.content .con p{font-size:14px; color:#6b6b6b; padding-top:10px;line-height:22px;}
.content .nav_bg{background:url(/Public/home/images/cart_f_bg.jpg) 0 0 repeat-x;  padding:10px; height:60px; }
.content .comment{width:100%; overflow:hidden; margin-top:10px;}
.content .comment ul{border-bottom:1px solid #dadada; overflow:hidden; margin:0; padding:0;}
.content .comment ul li{width:32%; text-align:center; float:left; border-left:1px solid #dadada; margin:1% 0 2% 1%;}
.content .comment ul li:first-child{border-left:0;}
.content .comment ul li p{font-size:14px; color:#6b6b6b; padding-top:5px;line-height:22px;}
a.but1{box-shadow:4px 4px 25px 1px #ffbb55 inset; border:1px solid #f2a736; background-color:#f39d1d; color:#fff; width:45%; float:left; border-radius:5px; text-align:center; line-height:50px;}
a.but2{box-shadow:4px 4px 20px 1px #ff9443 inset;border:1px solid #eb6802;  background-color:#e85d08; color:#fff; width:45%; float:right; border-radius:5px; text-align:center; line-height:50px;}
a.but3{box-shadow:4px 4px 25px 1px #ffbb55 inset; border:1px solid #f2a736; background-color:#f39d1d; color:#fff; border-radius:5px; text-align:center; line-height:30px; display:block;}
a.but4{box-shadow:4px 4px 20px 1px #ff9443 inset;border:1px solid #eb6802;  background-color:#e85d08; color:#fff; border-radius:5px; text-align:center; line-height:30px; display:block;}
a.but5{border:1px solid #b8b8b8; color:#000; border-radius:5px; text-align:center; line-height:30px; display:block;}




/*底部*/
.index_footer{width:100%; margin:0 auto; text-align:center; padding-bottom:20px;}
.index_footer a{color:#9a9a9a; margin-left:20px;}
.index_footer a:first-child{ margin-left:0px;}
.footer{width:100%;margin:0 auto;background:#fff;border-top: 1px solid #e2e2e2;}


/*底部浮动导航*/
.h80{height:80px;}
.bottom_nav{position:fixed; height:45px; left:0; bottom:0; background:linear-gradient(top,#504644,#4b4340); background:-webkit-linear-gradient(top,#504644,#4b4340); background:-moz-linear-gradient(top,#504644,#4b4340); z-index:10000; padding-top:2px;}
.bottom_nav li{width:20%; float:left; height:45px; position:relative;}
.bottom_nav li a{display:block; width:100%; color:#fff; padding-top:23px;font-size:12px;}
.bottom_nav li:nth-child(1) a{ background:url(/Public/home/images/icons.png) center 3px no-repeat; background-size:60px auto;}
.bottom_nav li:nth-child(2) a{ background:url(/Public/home/images/icons.png) center -37px no-repeat; background-size:60px auto;}
.bottom_nav li:nth-child(3) a{ position:absolute; padding:0; width:100%; height:70px; left:0; top:-20px; background:url(/Public/home/images/icons.png) center -75px no-repeat; background-size:56px auto;}
.bottom_nav li:nth-child(4) a{ background:url(/Public/home/images/icons.png) center -168px no-repeat; background-size:60px auto;}
.bottom_nav li:nth-child(5) a{background:url(/Public/home/images/icons.png) center -218px no-repeat; background-size:60px auto;}