@charset "utf-8";
.w { width: 1200px; margin-left: auto; margin-right: auto;}
.icon_yjh { background: url("../imgs/icon/icon.png") no-repeat;}
#youjihuiicon { background: url("../imgs/icon/icon.png") no-repeat;}
.headtite { 
background: url("../imgs/icon/title-bg.png") repeat-x 0 0; 
height: 34px; line-height: 34px;}
.head-a { padding: 0 10px;}
.head-a:hover { color: #f60;}
.h_myorder { position: relative; padding: 0 25px 0 10px;}
.h_myorder:after {content: ""; background: url("../imgs/icon/icon.png") no-repeat -100px -18px; width: 6px; height: 8px; position: absolute; top: 4px; right:12px;}
.logobox {
// background: url("../imgs/icon/title-bg.png") repeat-x 0 -34px; 
height: 93px; padding: 13px 0 0 0;}
.logo_b { text-align: center; width: 280px;}
.h-search { width: 380px; padding-top: 12px;}
.s-text { height: 26px; line-height: 26px; padding: 0 10px; width: 320px; color: #333;}
.s-sub {height: 30px; width: 30px; color: #d7d7d7;background:  url("../imgs/icon/search_btn_bg2.png") no-repeat center center;}
.s-a { color: #ddebc0; line-height: 26px;}
.s-a a{color: #8ec31f; padding: 0 10px;}
.gwc { display: block; background-position:0 -81px; width: 141px; height: 38px; position: relative; margin-left: 20px;}
.gw_num { position: absolute; top:-8px; right: -9px; background-position: -100px 0; width: 16px; height: 14px; text-align: center; color: #fff; font-size: 12px; line-height: 14px;}
.navbox { height: 40px; border-bottom: 1px solid #cac2c2;border-top: 1px solid #cac2c2;}
.navl { float: left; width: 170px; position: relative; z-index: 3;}
.navl_ind { float: left; width: 170px; position: relative; z-index: 3;}
.navl-h  { line-height: 41px; text-align: center; color: #666; /*background:#8ec31f;*/ font-size: 16px; position: relative;}
.shoplist { background-position: -338px 0; width: 10px; height: 8px; position: absolute; top:17px; right: 10px;}
.navlbox { background: #f7f7f7; position: absolute; top: 42px; left: 0; width: 170px; height: 470px;}
.r-songt { font-family: "宋体"; font-size: 14px; color: #999; float: right;}
.shop-dl { padding: 3px 10px;}
.shop-dl dt { line-height: 33px;}
.shop-dl dt a {color: #8ec31f;}
.shop-dl dd a {color: #888; padding: 0 5px; font-size: 12px;}
.scai {background-position: -73px 0; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.mliang {background-position: -73px -27px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.tcan {background-position: -73px -55px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.yyz {background-position: -362px 0px; width: 25px; height: 22px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.yscp {background-position: -365px -64px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.line { height: 0; line-height: 0; border-top: 1px solid #8ec31f; margin-top: 3px;}
.nav a { display: inline-block; line-height: 40px; width: 130px; text-align: center;background: url("../newindex/split_1.png") no-repeat center left;}
.nav a:hover{color:#8ec31f;}
.navr { line-height: 40px; color: #8ec31f;}
.nav a.navon { color: #317f05;}
/*新版首页-151209*/
.cart_icon_yjh{
    background: url(../imgs/icon/cart_icon_yjh.png) no-repeat;
    display: block;
    height: 35px;
    margin-left: 20px;
    position: relative;
    width: 35px;
}
/* 帮助中心 */
.helpcenter { border-top: 1px solid #ddd; background: #f8f8f8; padding: 25px 0 15px;}
.help-dl { float: left; display: inline; width: 165px; border-right: 1px solid #ddd; height: 150px; margin-right: 15px;}
.help-dl dt { font-weight: bold; font-size: 14px; line-height:40px;}
.help-dl dd { padding-left: 45px; font-size: 12px;}
.help-dl dt .icon_yjh {display: inline-block; vertical-align: middle; width: 36px; height: 36px;margin: 0 10px 5px 0; }
.zpin {background-position: -183px 0; }
.shserves {background-position: -296px 0; }
.pays {background-position: -257px 0; }
.huiyzc {background-position: -145px 0; }
.userzn {background-position: -220px 0; }
.foot { border-top: 2px solid #8ec31f; padding: 25px 0 30px; color: #666; font-size: 14px; }
.f-r a { padding:0 10px;}
.fbox { border: 1px solid #d1d1d1; width: 150px; height: 23px; vertical-align: middle;}
.f-text { border: 1px solid #ccc; line-height: 20px; width: 130px;}
.f-sub { background-position: -100px -64px; width: 16px; height: 15px;}
/* 翻页样式 */
.page { font:14px/20px Arial; overflow:hidden;}
.r-page { text-align:center;}
.r-page a { padding:5px 11px; display:inline-block; border:1px solid #e3e3e3; color:#333; margin-left:-1px;}
.r-page .page-f,.r-page .page-l { margin:0 10px;}
.r-page .page-f { padding-left:5px;}
.r-page .page-l {padding-right:5px;}
.r-page a.current,.r-page a.current:hover { background:#8ec31f; border:1px solid #8ec31f; color:#fff;}
.r-page a:hover { color:#8ec31f;}
.page-f s,.page-l s { width:0; height:0; border:5px solid #fff; line-height:0; font-size:0; display:inline-block;}
.page-f s { border-right-color:#666;  margin-right:5px;}
.page-l s { border-left-color:#666;  margin-left:5px;}
.r-page a.page-f:hover s { border-right-color:#8ec31f;}
.r-page a.page-l:hover s { border-left-color:#8ec31f;}
/*  右侧回到顶部  */
.fix-gwc { position: fixed; right: 10px; bottom:261px; _position: absolute; width: 50px; height: 50px;z-index:1000;}
.gwc-tb { background-image:url(../imgs/icon/cart_icon.png); width: 50px; height: 50px; display: block;}
.gwc-tb:hover {background-image:url(../imgs/icon/cart_icon_1.png)}
.fix-kf { position: fixed; right: 10px; bottom:117px; _position: absolute; width: 50px; height: 50px;z-index:1000;}
.kf-tb { background-image:url(../imgs/icon/kf_icon.png);  width: 50px; height: 50px; display: block;}
.kf-tb:hover{cursor:pointer;background-image:url(../imgs/icon/kf_icon_1.png);}
.fix-top {display:none;position: fixed; right: 10px; bottom:20px; _position: absolute; width: 50px; height: 50px;z-index:1000;}
.return-top {background-image:url(../imgs/icon/top_icon.png); width: 50px; height: 50px; display: block;}
.return-top:hover{background-image:url(../imgs/icon/top_icon_1.png);}
.fix-app { position: fixed; right: 10px; bottom:213px; _position: absolute; width: 50px; height: 50px;z-index:1000;}
.app-tb { background-image:url(../imgs/icon/app_icon.png); width: 50px; height: 50px; display: block;}
.app-tb:hover {background-image:url(../imgs/icon/app_icon_1.png)}
.app-tb:hover .app-chat-tips{display: block;}
.fix-phone { position: fixed; right: 10px; bottom:69px; _position: absolute; width: 50px; height: 50px;z-index:1000;}
.phone-tb { background-image:url(../imgs/icon/phone_icon.png); width: 50px; height: 50px; display: block;}
.phone-tb:hover {background-image:url(../imgs/icon/phone_icon_1.png)}
.phone-tb:hover .phone-chat-tips{display: block;}
.fix-weixin { position: fixed; right: 10px; bottom:165px; _position: absolute; width: 50px; height: 50px;z-index:1000;}
.weixin-tb { background-image:url(../imgs/icon/weixin_icon.png); width: 50px; height: 50px; display: block;}
.weixin-tb:hover {background-image:url(../imgs/icon/weixin_icon_1.png)}
.weixin-tb:hover .weixin-chat-tips{display: block;}
.app-chat-tips {
	position: absolute;
	right: 48px;
	top: -55px;
	display: none;
}
.app-chat-tips img {
	width: 138px;
	height: 138px;
}
.weixin-chat-tips {
	position: absolute;
	right: 48px;
	top: -55px;
	display: none;
}
.weixin-chat-tips img {
	width: 138px;
	height: 138px;
}
.phone-chat-tips {
	position: absolute;
	right: 48px;
	top: 0px;
	display: none;
}
.phone-chat-tips img {
	width: 138px;
	height: 50px;
}

/*     商品分类相关     */
.cat-ex-vertical .cat-item{padding:3px 10px;}
.cat-ex-vertical li.mouseenter-cat{background: #fff;}
.cat-ex-vertical li.mouseenter-cat .cat-root-box{
    border-color:RGB(217,58,47);
    position: relative;z-index: 100;
    border-left:none;}
.cat-root-box {height:30px;line-height:30px;}
.cat-root-box a{color:#8ec31f;font-size:16px;}

.p-quantity{width:200px;}
.p-quantity input{border:1px solid #ccc;}


/* 会员页面字体 宽度 */
.fc_ind_front { font-size: 28px; text-align:center; font-family: '宋体'; font-weight: bold; color: #07913b}
.fc_no{ display: block!important;}

/* 16年新版首页样式 */
.warp16{ width:100%; float:left;}
.warp16-in{ width:1200px; float:none; }
/*head*/
.indexbg{ background:url(../../images/images/indexbg.jpg) no-repeat center top;}
.head-top{ position:relative; z-index:999999;}
.headbox{ height:180px; *height:137px; background:url(../../images/images/headtopbg.png) no-repeat top center; position:relative; z-index:99999;}
.headbox .logo{ float:left; width:134px;}
.headbox .nav{ float:left;}
.headbox .nav dl{ float:left; background:url(../../images/images/navbg.png) no-repeat left 4px; font-size:16px;}
.headbox .nav dl a{ float:left; width:106px; height:150px; *width:31px; padding:41px 35px 0; color:#444648; background-image:url(../../images/images/nav-ico.png); background-repeat:no-repeat;}
.headbox .nav dl.active a,.headbox .nav dl:hover a{ color:#008F36;}
.headbox .nav dl a dt{ float:left; width:16px; line-height:18px;}

.headbox .nav dl.icon-01 a{ background-position:37px 0px;}
.headbox .nav dl.icon-02 a{ background-position:-70px 0px;}
.headbox .nav dl.icon-03 a{ background-position:-177px 0px;}
.headbox .nav dl.icon-04 a{ background-position:-285px 0px;}
.headbox .nav dl.icon-05 a{ background-position:-393px 0px;}
.headbox .nav dl.icon-06 a{ background-position:-496px 0px;}
.headbox .nav dl.icon-07 a{ background-position:-606px 0px;}

.headbox .nav dl.active.icon-01 a,.headbox .nav dl.icon-01:hover a{ background-position:37px -150px;}
.headbox .nav dl.active.icon-02 a,.headbox .nav dl.icon-02:hover a{ background-position:-70px -150px;}
.headbox .nav dl.active.icon-03 a,.headbox .nav dl.icon-03:hover a{ background-position:-177px -150px;}
.headbox .nav dl.active.icon-04 a,.headbox .nav dl.icon-04:hover a{ background-position:-285px -150px;}
.headbox .nav dl.active.icon-05 a,.headbox .nav dl.icon-05:hover a{ background-position:-393px -150px;}
.headbox .nav dl.active.icon-06 a,.headbox .nav dl.icon-06:hover a{ background-position:-496px -150px;}
.headbox .nav dl.active.icon-07 a,.headbox .nav dl.icon-07:hover a{ background-position:-606px -150px;}

.headbox .nav dl dd{ display:none; position: absolute; left:0; top:195px; width:1200px; *width:1086px; background:url(../../images/images/whitebg.png) repeat; z-index:99999; padding:44px 57px;}
.headbox .nav dl:hover dd{ display:block;}
.headbox .nav dl dd ul{ float:left; width:282px;}
.headbox .nav dl dd ul li{ float:left; width:100%; padding:0;}
.headbox .nav dl dd ul li a{ float:left; width:100%; font-size:16px; line-height:16px; padding:0; height:auto; padding-bottom:22px; padding-top:22px; border-bottom:solid 1px #515151; color:#505050; background:none;}
.headbox .nav dl dd ul li:first-child a{ padding-top:0;}
.headbox .nav dl.active dd ul li a,.headbox .nav dl:hover dd ul li a{ color:#505050;}
.headbox .nav dl.active dd ul li a:hover,.headbox .nav dl:hover dd ul li a:hover{ color:#008F36;}
.headbox .nav dl dd .img{ float:right; width:654px; height:356px;}
.headbox .nav dl dd .img img{ float:left; width:654px; height:356px;}

.headbox .nav dl dd ol{ float:left; width:490px;}
.headbox .nav dl dd ol li{ float:left; width:200px; margin-right:45px; padding-bottom:16px; border-bottom:solid 1px #515151; margin-bottom:20px; min-height:136px;}
.headbox .nav dl dd ol li h1{ float:left; width:100%; font-size:16px; line-height:19px; margin-bottom:10px;}
.headbox .nav dl dd ol li h1 a{ float:left; width:100%;padding:0; height:auto; background:none; color:#068f35;}
.headbox .nav dl dd ol li p{ float:left; width:100%; font-size:13px; line-height:30px;}
.headbox .nav dl dd ol li p a{ float:left; width:100%;padding:0; height:auto; background:none; color:#505050;}
.headbox .nav dl.active dd ol li p a,.headbox .nav dl:hover dd ol li p a{ color:#505050;}
.headbox .nav dl.active dd ol li p a:hover,.headbox .nav dl:hover ol li p a:hover{ color:#008F36;}
.headbox .nav dl dd .img1{ float:right; width:570px; height:500px;}
.headbox .nav dl dd .img1 img{ float:left; width:570px; height:500px;}


.headbox .right{ float:right; width:302px;}
.headbox .userbox{ float:left; width:100%; padding-bottom:12px;}
.headbox .userin{ float:right;}
.headbox .userbox .user{ float:left; line-height:35px; position:relative;}
.headbox .userbox .user a{ font-size:15px; color:#fff; padding-right:25px; background:url(../../images/images/user-line.png) no-repeat right center;}
.headbox .userbox h1{ float:left; font-size:17px; line-height:35px; color:#fff; padding-left:25px; background:url(../../images/images/telico.png) no-repeat left center; font-weight:400; margin-left:25px;}
.headbox .userbox .user ul{ position:absolute; top:35px; left:0px; background:#fff; display:none; border:solid 1px #c2c2c2; width:94px; *width:62px; padding:3px 16px 10px 16px;}
.headbox .userbox .user ul li{ float:left; width:100%; height:40px; line-height:40px; color:#5a5a5a;}
.headbox .userbox .user ul li a{ float:left; width:100%; text-align:center; color:#5a5a5a; background:none; border-top:solid 1px #000; padding:0;}
.headbox .userbox .user ul li:hover a{color:#008F36;}
.headbox .userbox .user ul li:first-child a{ border-top:0px;}
.headbox .right .renzheng{ float:left; margin-left:69px;}
.headbox .right .search{ float:left; width:302px; margin-top:15px;}
.headbox .right .search input[type="text"]{ float:left; width:266px; *width:251px; height:24px; line-height:24px; padding-left:15px; border:solid 1px #7f7f7f; border-right:0px; border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; behavior:url(PIE.htc);}
.headbox .right .search input[type="button"],.headbox .right .search input[type="submit"]{ float:left; width:36px; height:24px; line-height:24px; border:solid 1px #7f7f7f; border-left:0px; text-indent:-999px; background:url(../../images/images/searchbtn.png) no-repeat left center #fff; cursor:pointer;  border-radius:0 25px 25px 0; -moz-border-radius:0 25px 25px 0; -webkit-border-radius:0 25px 25px 0; behavior:url(PIE.htc);}