@charset "utf-8";
/* CSS Document */

/*全局样式*/
@CHARSET "UTF-8";
body {
	color: #2f3e46;
	background: #eeeeee;
	font: 12px/1.6 Verdana, Helvetica, sans-serif;
	text-align: center;
}
* {
	margin: 0;
	padding: 0;
}
input, select {
	font-size: 12px;
	vertical-align: middle;
}
body div {
	text-align: left;
}
textarea, input {
	word-wrap: break-word;
	word-break: break-all;
	padding: 0px;
}
li {
	list-style-type: none;
}
img {
	border: 0 none;
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #0E4470;
	text-decoration: underline;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
.block {
	width: 1000px;
	height: auto;
	clear: both;
	margin: 0 auto;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
::selection {
	background: #70A102;
	color: #fff;
	text-shadow: #000 0 1px 0;
}
/* 通用样式 */
.fl {
	float: left
}
.fr {
	float: right
}
.pd2 {
	padding: 2em;
}
.radius4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.text1 {
	text-shadow: 0 1px 0 #FFF
}
.font16 {
	font-size: 16px;
}
.yh {
	font-family: "微软雅黑"
}
/*table样式*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table thead th {
	border: 1px solid #ddd;
	background: #fafafa;
	text-align: left;
	padding: 8px 20px;
}
table td {
	border: 1px solid #ddd;
	padding: 8px 20px;
}
/* 首页 */
.index-main {
	padding: 0.3em;
	overflow: hidden;
	font-size: 100%;
	height: 100%;
}
.index-main a {
	display: block;
	font-weight: bold;
	overflow: hidden;
	padding-top: 15px;
}
.index-main a font {
	padding: 0 5%;
}
.index-main a:hover {
	text-decoration: none;
	-webkit-transition: .25s linear .1s;
	transition: .25s linear .1s;
	-moz-transition: .25s linear .1s;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.index-main .fl {
	overflow: hidden;
	width: 60%;
	height: 100%;
}
.index-main .about {
	background: url(about.png) no-repeat center center #3c479b;
	height: 38%;
	color: #FFF;
}
.index-main .mendian {
	background: url(mendian.png) no-repeat center center #5cbda4;
	height: 30%;
	color: #FFF;
	margin-top: 5px;
}
.index-main .yijian {
	background: url(yijian.png) no-repeat center center #d05837;
	height: 20%;
	color: #FFF;
	margin-top: 5px;
}
.index-main .fr {
	width: 39%;
	height: 100%;
}
.index-main .tel {
	background: url(gaosu.png) no-repeat center center #df4064;
	height: 30%;
	color: #FFF;
	text-align: right
}
.index-main .youhui {
	background: url(huodong.png) no-repeat center center #55719a;
	height: 38%;
	color: #FFF;
	margin-top: 5px;
}
.index-main .xingxiang {
	background: url(zhanshi.png) no-repeat center center #d4d43c;
	height: 20%;
	color: #FFF;
	margin-top: 5px;
}
/* 半圆导航 */
.menu {
	height: 75px;
	padding: 0 0 30px 1em;
	position: fixed;
	width: 50px;
	margin: 0;
	left: 20px;
	bottom: 10px;
	z-index: 9999;
}
.info-nr-menu {
	-webkit-appearance: button;
	display: inline-block;
	width: 32px!important;
	height: 32px!important;
	border-radius: 36px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 999;
	-moz-box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	background-color: #B70000;
	-webkit-transition: -webkit-transform 200ms;
	-webkit-transform: rotate(1deg);
	color: #fff;
	background-image: url("plus.png");
	background-repeat: no-repeat;
	-webkit-background-size: 60% auto;
	background-size: 60% auto;
	background-position: center center;
	outline: none
}
.info-nr-menu:checked {
	-webkit-transform: rotate(135deg);
}
.info-nr-phone>div {
	width: 32px;
	height: 32px;
	border-radius: 36px;
	-moz-box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	background: #B70000;
	position: absolute;
	bottom: 0px;
	left: 0px;
	;
	z-index: 900;
	-webkit-transition: -webkit-transform 200ms;
}
.info-nr-phone>div a {
	display: block;
	height: 32px;
	width: 32px;
}
.info-nr-phone>div.on:nth-of-type(1) {
	-webkit-transform: translate(0, -150px) rotate(720deg);
}
.info-nr-phone>div.on:nth-of-type(2) {
	-webkit-transform: translate(40px, -130px) rotate(720deg);
}
.info-nr-phone>div.on:nth-of-type(3) {
	-webkit-transform: translate(77px, -105px) rotate(720deg);
}
.info-nr-phone>div.on:nth-of-type(4) {
	-webkit-transform: translate(100px, -70px) rotate(720deg);
}
.info-nr-phone>div.on:nth-of-type(5) {
	-webkit-transform: translate(120px, -35px) rotate(720deg);
}
.info-nr-phone>div.on:nth-of-type(6) {
	-webkit-transform: translate(130px, 5px) rotate(720deg);
}
.color-blue .info-nr-menu, .color-blue div {
	background-color: #2192e1;
}
.color-green .info-nr-menu, .color-green div {
	background-color: #64c31f;
}
.color-grey .info-nr-menu, .color-grey div {
	background-color: #656664;
}
.color-red .info-nr-menu, .color-red div {
	background-color: #d32020;
}
.color-orange .info-nr-menu, .color-orange div {
	background-color: #f60;
}
.icon-phone {
	background: url(phone.png) no-repeat;
	-webkit-background-size: 65% auto;
	background-size: 70% auto;
	background-position: center center;
}
.icon-location {
	background: url(location.png) no-repeat;
	-webkit-background-size: 65% auto;
	background-size: 70% auto;
	background-position: center center;
}
.icon-message {
	background: url(message.png) no-repeat;
	-webkit-background-size: 65% auto;
	background-size: 70% auto;
	background-position: center center;
}
.icon-share {
	background: url(share.png) no-repeat;
	-webkit-background-size: 65% auto;
	background-size: 70% auto;
	background-position: center center;
}
.icon-yhhd {
	background: url(share.png) no-repeat;
	-webkit-background-size: 65% auto;
	background-size: 70% auto;
	background-position: center center;
}
.icon-xxzs {
	background: url(share.png) no-repeat;
	-webkit-background-size: 65% auto;
	background-size: 70% auto;
	background-position: center center;
}
.icon {
	width: 80px;
	height: 80px;
}
/* 会员信息 */
.member {
	padding: 0.3em;
	overflow: hidden;
	font-size: 130%;
	height: 100%;
}
.member ul {
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}
.member ul li {
	font-size: 100%;
	width: 100%;
	text-align: center;
	background: #333;
	background: -webkit-gradient(linear, 63% 58%, 63% 0%, from(#393939), to(#454545));
	line-height: 3;
	border-bottom: 2px solid #000;
}
.member ul li.title {
	background: #CCC;
	font-weight: bold;
}
.member a {
	font-size: 100%;
	display: block;
	text-align: center;
	background: url(right.png) no-repeat 90% center;
	color: #FFF;
}
.member a:hover {
	text-decoration: none;
	color: #FFF;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
.member ul li:hover {
	background: #999
}
/* 修改个人信息 */
.xinxi {
	padding: 1em;
	overflow: hidden;
	font-size: 130%;
	height: 100%;
	position: relative;
}
.xinxi .nc, .xinxi .sex, .xinxi .bir {
	width: 100%;
}
.xinxi .nc span, .xinxi .bir span {
	display: block;
	float: left;
	width: 30%;
}
.xinxi .nc input, .xinxi .bir input {
	float: right;
	width: 70%;
	border: none;
	background: #999;
	font-size: 100%;
	color: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-indent: 1em;
	-moz-box-shadow: inset 3px 3px 5px #666;
	-webkit-box-shadow: inset 3px 3px 5px #666;
	box-shadow: inset 3px 3px 5px #666;
}
.xinxi .tj {
	text-align: center;
}
.xinxi .tj input {
	width: 80%;
	border: none;
	background: #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 3px 3px 5px #666;
	-webkit-box-shadow: inset 3px 3px 5px #666;
	box-shadow: inset 3px 3px 5px #666;
	color: #FFF;
	font-size: 100%;
	font-weight:bold;
}
.xinxi .sex .fl {
	width: 30%;
}
.xinxi .sex .fr {
	width: 70%;
}
div.csf0 {
	width: 100%;
	position: relative;
}
div.csf0 div.csf_input {
	width: 100%;
	background: url(bottom.png) no-repeat 98% center #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 3px 3px 5px #666;
	-webkit-box-shadow: inset 3px 3px 5px #666;
	box-shadow: inset 3px 3px 5px #666;
	text-indent: 1em;
}
div.csf0 div.csf_input p {
	display: inline;
	color: #FFF;
	height: 18px;
}
div.csf0 div.csf_input span {
	float: none;
}
div.csf0 div.csf_input span.itemSelected {
	margin-left: 3px;
	margin-right: 8px;
	text-align: left;
}
/* --- Open Button --- */ 
div.csf0 a.csf_btn:link, div.csf0 a.csf_btn:visited, div.csf0 a.csf_btn:active {
	background-image: url(bottom.png);
	background-position: 0 center;
}
/* --- List items --- */
div.csf0 ul.csf_ul {
	position: absolute!important;
	width: 100%;
	z-index: 250;
}
div.csf0 li.csf_li {
	background-color: #FFF;
}
div.csf0 li.csf_li a {
	display: block;
	padding: 3px;
	text-decoration: none;
	background-color: #FFF;
	color: #000;
	text-indent: 1em;
}
div.csf0 li.csf_li a:link, div.csf0 li.csf_li a:visited, div.csf0 li.csf_li a:active {
}
div.csf0 li.csf_li a:hover {
	background-color: #999;
	color: #FFF;
}
div.csf0 img.iconCSF {
	vertical-align: middle;
	margin-bottom: 2px;
}
div.csf0 li.selected a {
	display: block;
	background-color: #999;
	color: #FFF;
	padding: 3px;
	text-decoration: none;
}
/* 商品类别 */
.leibie {
	padding: 0.3em;
	overflow: hidden;
	font-size: 100%;
	height: 100%;
	padding-top: 0;
}
.leibie .search {
	background: -webkit-gradient(linear, 60% 100%, 60% 51%, from(#FFFFFF), to(#F3F3F3));
	height: 20%;
	padding: 0 5%;
	border-bottom: 0.3em solid #3fbcef;
}
.leibie .search span {
	color: #3fbcef;
	width: 30%;
	margin-top: 1%;
	font-size: 120%;
	white-space: nowrap;
	overflow: hidden;
}
.leibie .search input {
	border: 1px solid #CCC;
	background: #FFF;
	display: inline;
	float: left;
	margin-top: 1%;
	color: #999
}
.leibie .search .index_srh {
	width: 50%;
	margin-right: 1%;
	text-indent: 1em;
}
.leibie .search #search {
	width: 15%;
	cursor: pointer
}
.leibie .list {
	width: 95%;
	margin: 0 auto;
}
.leibie .list ul li {
	display:none;
	overflow: hidden;
	border-bottom: 0.1em solid #CCC;
}
.leibie .list ul li .left{ width:30%; height:100%; margin-right:5%;}
.leibie .list ul li img {
	float: left;
	width: 100%;
	height: 100%;
	margin-right: 5%;
}

.leibie .list ul li .right{ width:65%; height:100%; position:relative;}
.leibie .list ul li p {
	width: 100%;
	font-size: 150%;
	white-space: nowrap;
	overflow: hidden;
	color:#333;
	position:absolute;
	top:0;
	left:0;
}
.leibie .list ul li span {
	display: block;
	width: 100%;
	font-size: 250%;
	color: #F60;
	position:absolute;
	top:30%;
	left:0;
}
.leibie .list ul li span i {
	font-size: 50%;
	font-style: normal;
	text-decoration: line-through;
	color: #666;
}
.leibie .list ul li p.pinming {
	position:absolute;
	left:0;
	top:auto;
	bottom:0;
	font-size: 100%;
	color: #666;
}

.leibie .list div.more{
	width:80%;
	margin:0 auto;
	margin-top:1%;
	line-height:2;
	text-align:center;
	background:#8ec447; 
background-image:-webkit-gradient(linear, left top, left bottom, from( #CCC ), to( #E3E3E3 )); 
background-image:-webkit-linear-gradient( #CCC, #E3E3E3 ); 
background-image:-moz-linear-gradient( #CCC, #E3E3E3 ); 
background-image:-ms-linear-gradient( #CCC, #E3E3E3 ); 
background-image:-o-linear-gradient( #CCC, #E3E3E3 ); 
background-image: linear-gradient( #CCC, #E3E3E3 );	
	font-size:120%;
	cursor:pointer;
}
/* 商品类别滑动菜单 */
.lb-menu {
	display: none;
	position: absolute;
	width: 30%;
	left: -30%;
	background: #FFF;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	overflow:auto;
}
.sideMenu {
	border: 1px solid #ddd;
}
.sideMenu li{white-space:nowrap;overflow:hidden;}
.sideMenu h3 {
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	border-top: 1px solid #e3e3e3;
	background: #f4f4f4;
	cursor: pointer;
	font: normal 14px/32px "Microsoft YaHei";
}
.sideMenu h3 em {
	float: right;
	display: block;
	width: 40px;
	height: 32px;
	background: url(icoAdd.png) 16px 12px no-repeat;
	cursor: pointer;
}
.sideMenu h3.on em {
	background-position: 16px -57px;
}
.sideMenu ul {
	padding: 8px 25px;
	color: #999;
	display: none; /* 默认都隐藏 */
}