@charset "utf-8";
/* 首页样式 */
/*
版权所有：禾生坊改版样式
作者：李健
E-mail：muzigeer@163.com
QQ：344397950
创建：@date
修改：@date
*/
/*-----******************************************************************* { 首页► } *****************************************************************************-----*/

/*Flash轮播*/
.rAdBox {float:left; width:746px; overflow:hidden;}
.rAdBox .pic {width:746px; height:450px; overflow:hidden;} .rAdBox .pic p {width:746px; height:450px; /*后面需要删除*/ line-height:430px; font-family:"微软雅黑"; font-size:200px; text-align:center; color:#fff;}
.rAdBox .item {position:relative; float:left; width:748px; height:30px; margin:-30px 0 0 -1px;}
.rAdBox .item li {display:inline; float:left; width:177px; height:20px; line-height:20px; padding:5px 4px; margin:0 1px; background-color:#ddd; text-align:center; color:#6f074f; cursor:pointer;}
.rAdBox .item li.set {background:#e9e8e9 url(../img/index.gif) no-repeat left top; color:#900b4f;}
.rAdBox .three {float:left; width:756px; height:100px; margin:20px 0 0 -10px;}
.rAdBox .three li {display:inline; float:left; width:242px; margin-left:10px; height:100px; overflow: hidden;}
.rAdBox iframe {color: #000!important;}

/*产品列表*/
.proItem {float:left; _float:none; width:746px; background:url(../img/product-list-back.jpg) repeat-x left top; margin-top:20px; padding-top:13px;}
.proItem .box {float:left; width:744px; border:1px solid #d3d3d3; overflow:hidden;}
.proItem .box h3 {display:inline; float:left; width:170px; height:75px; margin:18px 0 0 10px; background:url(../img/product-list-nav.jpg) no-repeat;}
.proItem .box h3.list-nav-01 {background-position:left top;}
.proItem .box h3.list-nav-02 {background-position:left -85px;}
.proItem .box h3.list-nav-03 {background-position:left -170px;}
.proItem .box h3.list-nav-04 {background-position:left -255px;}
.proItem .box h3.list-nav-05 {background-position:left -340px;}
.proItem .box h3.list-nav-06 {background-position:left -425px;}
/*分类名称*/
.proItem .box h3.big-class-1 {background-position:left -85px;} /*美容护肤*/
.proItem .box h3.small-class-101 {background-position:-180px top;} /*面部护理*/
.proItem .box h3.small-class-102 {background-position:-180px -85px;} /*袪痘淡斑*/
.proItem .box h3.small-class-103 {background-position:-180px -170px;} /*身体洗护*/
.proItem .box h3.small-class-104 {background-position:-180px -255px;} /*男士护理*/
.proItem .box h3.big-class-2 {background-position:left -170px;} /*美体瘦身*/
.proItem .box h3.small-class-201 {background-position:-360px top;} /*美乳丰胸*/
.proItem .box h3.small-class-202 {background-position:-360px -85px;} /*燃脂咖啡*/
.proItem .box h3.small-class-203 {background-position:-360px -170px;} /*纤体组合*/
.proItem .box h3.small-class-204 {background-position:-360px -255px;} /*瘦身精油*/
.proItem .box h3.big-class-3 {background-position:left -255px;} /*时尚彩妆*/
.proItem .box h3.small-class-301 {background-position:-540px top;} /*美甲套装*/
.proItem .box h3.small-class-302 {background-position:-540px -85px;} /*化妆套刷*/
.proItem .box h3.small-class-303 {background-position:-540px -170px;} /*导入仪器*/
.proItem .box h3.small-class-304 {background-position:-540px -255px;} /*化妆包*/
.proItem .box h3.big-class-4 {background-position:left -340px;} /*营养保健*/
.proItem .box h3.small-class-401 {background-position:-720px top;} /*淡斑祛皱*/
.proItem .box h3.small-class-402 {background-position:-720px -85px;} /*美白补水*/
.proItem .box h3.small-class-403 {background-position:-720px -170px;} /*降脂护心*/
.proItem .box h3.small-class-404 {background-position:-720px -255px;} /*排毒祛痘*/
.proItem .box h3.small-class-405 {background-position:-720px -340px;} /*丰胸纤体*/
.proItem .box h3.small-class-406 {background-position:-720px -425px;} /*提神健体*/
.proItem .box h3.big-class-5 {background-position:left -425px;} /*超值套装*/
.proItem .box h3.small-class-501 {background-position:-900px top;} /*排毒养颜*/
.proItem .box h3.small-class-502 {background-position:-900px -85px;} /*除皱抗衰*/
.proItem .box h3.small-class-503 {background-position:-900px -170px;} /*祛痘淡斑*/
.proItem .box h3.small-class-504 {background-position:-900px -255px;} /*丰胸纤体*/
.proItem .box h3.life-class-1 {background-position:-180px -340px;} /*女包专区*/
.proItem .box h3.life-class-2 {background-position:-180px -425px;} /*男包专区*/
.proItem .box h3.life-class-3 {background-position:-360px -340px;} /*个性配饰*/
.proItem .box h3.life-class-4 {background-position:-360px -425px;} /*美容工具*/
.proItem .box h3.life-class-5 {background-position:-540px -340px;} /*女鞋专区*/
.proItem .box h3.life-class-6 {background-position:-540px -425px;} /*男鞋专区*/
/*End*/

.proItem .adbox {clear: both; display: inline; float:left; width:724px; height:200px; margin: -75px 0 0 10px;}
.proItem .adbox ul {position: relative; display:inline; float:left; width: 187px; height: 82px; margin-top:118px; overflow: hidden;}
.proItem .adbox li {float: left; width: 187px; height: 41px; overflow: hidden;}
.proItem .adbox li span {float: left; width:153px; height:41px; padding-left: 29px; padding-right: 5px; font-size:14px; cursor:pointer; text-align: left; overflow: hidden;}
.proItem .adbox li span.set {text-align: center;}
.proItem .adbox li.nm1 span {background: url(../img/index.gif) no-repeat -719px -41px;} .proItem .adbox li.nm2 span {background: url(../img/index.gif) no-repeat -522px -41px;}
.proItem .adbox li.nm1 span.set {background: url(../img/index.gif) no-repeat -522px top;}
.proItem .adbox li.nm2 span.set {background: url(../img/index.gif) no-repeat -719px top;}
.proItem .ad-545-200 {float:right; width:545px; height:200px; margin-top: -200px; overflow:hidden;}

.proItem .list {float:left; margin-top:10px;}
.proItem .list ul, .lifeBox ul {display:inline; float:left; width:754px; margin-left:-10px;}
.proItem .list li, .lifeBox li {display:inline; float:left; width:188px; height:198px; margin-top:10px; background:url(../img/product-list-li-back.jpg) no-repeat left top; text-align:center;} .lifeBox li {margin-top: 15px;}
.proItem .list li p, .lifeBox li p {width:173px; line-height:22px; margin-left:15px;}
.proItem .list li p.name, .lifeBox li p.name {height: 22px; overflow: hidden;}
.proItem .list li p.img, .lifeBox li p.img {margin-bottom:6px;}
.proItem .list .more, .lifeBox .more {float: right; width: 720px; text-align:right; padding:0 15px 14px 0; line-height:25px;}

/*首页分类通栏显示*/
.index-list {width: 960px;}
.index-list .box {width: 958px;}
.index-list .list ul {width: 968px;} .index-list .list li {width: 192px;}
.index-list .adbox {width: 938px;}
.index-list .ad-545-200 {float: left; margin: 0 0 0 -8px;}
.index-list .adbox p {float: right; width: 190px; height: 200px; overflow: hidden;}
.index-list .list .more {width: 940px;}



/*-----******************************************************************* { 生活馆► } *****************************************************************************-----*/
#lifeDiv {float:left; width:960px; margin-top:20px; background:url(../img/index.gif) no-repeat left -253px;}
.lifeCategory {float:left; width:712px; border-bottom:2px solid #aa1a63; margin-top:14px; padding-left:248px;}
.lifeCategory li {display:inline; float:left; width:106px; background:url(../img/index.gif) no-repeat right -220px; margin:0 0 -2px 2px; text-align:center; font-size:14px; cursor:pointer;
				  height:33px; *height:29px;
				  line-height:33px; *line-height:29px;
				  *padding-top:4px;
}
.lifeCategory li.set {background:url(../img/index.gif) no-repeat -747px -220px;}
.lifeCategory li.set span {background:url(../img/index.gif) no-repeat right -185px; *background:url(../img/index.gif) no-repeat right -190px; color:#8d255a; padding-right:18px;}
.lifeBox {float:left; _float: none; width:956px; border:solid #040103; border-width:0 2px 2px; padding:20px 0;}
.lifeBox .adbox {display:inline; float:left; width:185px; height:450px; margin-left:20px; overflow:hidden;}
.lifeBox .adbox p {position: relative; float:left; width:185px; height:220px; margin-bottom:10px;}
.lifeBox .more {padding-bottom: 0;}

/*-----******************************************************************* { 资讯► } *****************************************************************************-----*/
#article {float:left; width:960px; margin-top:20px;}
.artSkinCare, .artBodyCare, .artHot {display:inline; float:left; width:216px; border:1px solid #d3d3d3;}
.artBodyCare {width:502px; margin:0 10px;}
.artSkinCare h4, .artBodyCare h4, .artHot h4 {height:31px; line-height:31px; border-bottom:1px solid #d3d3d3; padding-left:15px; background:url(../img/index-article-nav.gif) repeat-x left top; font-size:14px; color:#333;}
/*左*/
.artSkinCare, .artHot {background:url(../img/index-article.jpg) no-repeat right bottom; padding-bottom:9px;}
.artSkinCare .box, .artHot ul {float:left; width:186px; background:url(../img/index-article.jpg) repeat-y -503px top; padding:0 15px;}
.artSkinCare .box dl {display: inline; float:left; width:96px; margin:20px 0 10px 90px;}
.artSkinCare .box dt {width:96px; height:30px; line-height:15px; font-weight:bold; overflow:hidden;}
.artSkinCare .box dd.img {position:absolute; float:left; width:80px; height:80px; border:1px solid #cfcbc8; margin:-30px 0 0 -90px;}
.artSkinCare .box dd.txt {padding-top:5px; line-height:16px; color:#333;}
.artSkinCare .box ul {clear:both;}
.artSkinCare .box li {height:22px; line-height:22px; background:url(../img/index.gif) no-repeat left -94px; padding-left:9px; overflow:hidden;}

/*中*/
.artBodyCare {background:url(../img/index-article.jpg) no-repeat -720px bottom; padding-bottom:9px;}
.artBodyCare .box {float:left; width:472px; background:url(../img/index-article.jpg) repeat-y left top; padding:0 15px;}
.artBodyCare .box dl {display: inline; float:left; width:230px; height:177px; margin:20px 0 10px 242px;}
.artBodyCare .box dl a {color:#8d105c!important;}
.artBodyCare .box dt {width:230px; height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.artBodyCare .box dd.img {position:absolute; float:left; width:228px; height:158px; margin:-30px 0 0 -242px;}
.artBodyCare .box dd.txt {padding-top:5px; line-height:18px; color:#333;}
.artBodyCare .box dd.txt p {padding-top:10px; text-align:right;}
.artBodyCare .box ul {float:left; width:472px; border-top:1px dashed #ccc; padding-top:15px;}
.artBodyCare .box ul li {display:inline; float:left; width:227px; height:22px; line-height:22px; background:url(../img/index.gif) no-repeat left -94px; padding-left:9px; overflow:hidden;}

/*右*/
.artHot ul {padding:8px 15px 9px 15px;}
.artHot li {float:left; width:186px; height:15px; line-height:15px; margin-top:10px; background:url(../img/index.gif) no-repeat left -66px; overflow:hidden;}
.artHot li span {display:inline; float:left; width:14px; height:11px; line-height:11px; padding-top:2px; margin-right:5px; font-size:10px; color:#fff; text-align:center;}
.artHot li.h {background-position:left -39px;}