@charset "gb2312";
body,div,p,ul,ol,li,i,em,span,dd,dt,dl,form,table,th,td,tr,input{margin:0;padding:0;}
body{font-size:12px;font-family:Arial,Microsoft YaHei,\5b8b\4f53;color:#000;background:#fff;}
ul i,ul span,dl i,dl span,ol span{display:block;}
i,em{font-style:normal;} 
img{border:none;vertical-align:top;}
ul,li{list-style:none;}
input{border:none;}
a{outline:none;color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
a:active{star:expression_r(this.onFocus=this.blur());} 
:focus{outline:0;}
.spanclass,.divTab{display:none;}
.mark{font:normal 12px/30px Microsoft YaHei;float:left;}
.subMark{line-height:30px;float:right;}
.clear{clear:both;content:' ';display:block;font-size:0;line-height:0;width:0;height:0;visibility:hidden;}
.clearfix:after{content:'';display:block;clear:both;visibility:hidden;overflow:hidden;height:0;}
.clearfix{zoom:1;}
.eCol,a.aCol{color:#3888bb;}

/*layout*/
.layAB{width:720px;float:left;}
.layC{width:240px;float:right;}
/*expPicA*/
.expPicA li{line-height:20px;color:#878787;}
.expPicA .iPic img{border:1px solid #e5e5e5;border-bottom:1px solid #d4d4d4;}
.expPicA .iPic a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
/*expPicB*/
.expPicB li{float:left;}
.expPicB .iPic{float:left;}
.expPicB .iPic a img{border:1px solid #e5e5e5;border-bottom:1px solid #d4d4d4;}
.expPicB .iPic a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.expPicB .iTxt{float:right; color:#878787;}
.expPicB .sTit a{color:#3888bb;}
/*modBoxA*/
.modBoxA .thA{height:30px;overflow:hidden;}
.modBoxA .mark{padding:0px 5px;font:normal 16px/27px Microsoft YaHei;transition:all 0.2s ease-in-out 0s;}
.modBoxA a.mark:hover{color:#fff;text-decoration:none;background:#000;}
.modBoxA .mark em{padding-right:8px;font-size:18px;}
.modBoxA .tbA{padding-top:24px;}

/*header*/
.header .logoBar .alogo,.header .Nav .mainNav a,.header .Nav a i,.header .Nav .sAll{background:url(/www1/global/2013/images_i/cosme/cosme-icon.png) no-repeat;}
.header{margin-bottom:14px;}
.header .logoBar{width:990px;height:96px;margin:0px auto;padding:0px 5px;}
.header .logoBar .alogo{width:160px;height:96px;margin-right:120px;float:left;background-position:0px 19px;}
.header .logoBar .search{width:410px;padding-top:22px;float:left;position:relative;}
.header .logoBar .search .dSearch{height:35px;}
.header .logoBar .search .inpTxt{width:318px;height:33px;margin-right:5px;padding-left:10px;float:left;line-height:33px;border:1px solid #ccc;color:#878787;}
.header .logoBar .search .inpTxt:focus{outline:none;}
.header .logoBar .search .inpSub{width:75px;height:35px;float:left;color:#fff;font-size:13px;font-family:Microsoft YaHei;background:#333;cursor:pointer;}
.header .logoBar .search .inpSubH{text-decoration:underline;background:#c58;}
.header .logoBar .search .key{line-height:32px;}
.header .logoBar .search .key a{margin-right:5px;}
.header .logoBar .search .infoSar{width:328px;border:1px solid #ccc;line-height:33px;position:absolute;top:58px;left:0px;z-index:10;background:#fff;}
.header .logoBar .search .infoSar a{height:33px;padding-left:10px;display:block;overflow:hidden;}
.header .logoBar .search .infoSar a:hover{text-decoration:none;background:#F4F4F4;}

.header .logoBar .dNub{padding-top:22px;float:right;line-height:24px;color:#878787;}
.header .logoBar .dNub .aDP{margin:-7px 10px 0 0;float:left;}
.header .logoBar .dNub p{float:left;text-align:right;}
.header .logoBar .dNub p em{padding-right:5px;color:#cc6699;}

.header .navBg{height:45px;background:#000;}
.header .Nav{width:990px;height:45px;margin:0px auto;padding:0px 5px;font:normal 16px/45px Microsoft YaHei;color:#fff;background:#000;}
.header .Nav .mainNav{float:left;}
.header .Nav .mainNav a{width:120px;float:left;text-align:center;color:#fff;background-position:-799px 15px;position:relative;}
.header .Nav .mainNav a:hover{text-decoration:none;color:#cc6699;}
.header .Nav .mainNav a i{width:12px;height:6px;overflow:hidden;background-position:-300px 0px;position:absolute;top:39px;left:54px;}
.header .Nav .mainNav a.aHome{width:75px;background:none;}
.header .Nav .mainNav a.aHome i{left:31px;}
.header .Nav .sAll{width:180px;height:45px;padding-left:10px;float:left;color:#fff;background-color:#cc6699;background-position:172px -70px;}

.navibar{ min-width:1000px;}
.header{min-width:1000px;}

.header #Jnav-2016 .navTree{width: 101px;}
.header #Jnav-2016 .Nav .mainNav a{background: none;}
.header #Jnav-2016 .Nav .mainNav a{width:101px;background: none;}
.header #Jnav-2016 .Nav .cur{color: #cc6699;}
.header #Jnav-2016 .Nav .sAll{width:65px;padding-right:35px;text-align:center;background: url(/www1/global/20161121/images/cosme/sl.png) no-repeat 75px center;}
.header #Jnav-2016 .Nav .mainNav a.mdktEnter{width:172px;height:54px;background: url(/www1/global/20161121/images/cosme/mdktenter.png) no-repeat;position: relative;top: -5px;}


/* navTree */
.navTree .leftNav .navBd .sTit,.navTree .leftNav .navBd .iCon{background:url(/www1/global/2013/images_i/cosme/cosme-icon.png) no-repeat;}

.header .Nav .sAll{cursor:pointer;}
.navTree{width:190px;float:left;position:relative;z-index:10;}
.navTree .leftNav{width:186px;height:384px;padding-top:3px;border:2px solid #cc6699;border-top:0px;color:#555;background:#fff;position:absolute;left:0px;top:45px;z-index:10;display:none;}
.navTree .leftNav a{color:#555;}
.navTree .leftNav a:hover{color:#000;}
.navTree .leftNav .list{height:64px; font-size:12px;}
.navTree .leftNav .navBd{width:176px;height:50px;padding:13px 0 0 10px;border-bottom:1px dashed #e5e5e5;}
.navTree .leftNav .navBd .sTit{width:28px;height:32px;margin-right:6px;padding:2px 7px 2px 4px;float:left;line-height:16px;background-position:-300px -20px;}
.navTree .leftNav .navBd .pDes{width:115px;height:36px;margin-right:3px;float:left;line-height:18px;overflow:hidden;}
.navTree .leftNav .navBd .pDes a{float:left;margin-right:10px;white-space:nowrap;}
.navTree .leftNav .navBd .iCon{width:5px;height:9px;margin-top:14px;float:left;overflow:hidden;background-position:-360px 0;}
.navTree .leftNav .last .navBd{border-bottom:0px;}
.navTree .leftNav .last .sTit{padding-top:10px}
.navTree .leftNav .dNow .navBd{width:178px;margin-right:-2px;padding-top:12px;border-top:1px solid #cc6699;border-bottom:1px solid #cc6699;background:#fffafc;position:relative;cursor:pointer;}
.navTree .leftNav .dNow .navBd .iCon{display:none;}
.navTree .leftNav .last.dNow .navBd{ height:52px; margin-bottom:-2px;}

.navTree .leftNav .navCon{width:490px;height:360px;padding:24px 30px 0;border:1px solid #cc6699;border-left:0px;background:#fffafc;position:absolute;top:3px;left:188px;z-index:10;zoom:1;display:none;}
.navTree .leftNav .navCon ul{width:550px;}
.navTree .leftNav .brandPic{width:490px;margin-bottom:20px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.navTree .leftNav .brandPic li{width:92px;margin:0px 40px 10px 0;float:left;line-height:32px;font-size:14px;text-align:center;}
.navTree .leftNav .brandTit{width:490px;overflow:hidden;}
.navTree .leftNav .brandTit li{width:122px;margin-right:10px;float:left;line-height:28px;font-size:14px;}
.navTree .leftNav .brandTit li.More{font-size:12px;}
/*对比栏*/
.conBox .th .subMark,.conBox .pBtn .aRast,.conBox .pBtn .aDelT{background:url(/www1/global/2013/images_i/cosme/cosme-icon.png) no-repeat;}

#basketProduct{position:fixed; _position:absolute;_top:expression(documentElement.scrollTop + 220);height:auto;z-index:100;right:20px;top:220px;}
*html,*html body{background-image:url(#);background-attachment:fixed;}

.conBtn{width:55px;height:50px;margin:0 0 10px 215px;background:#333;cursor:pointer;}
.conBtn .iNub{width:16px;height:17px;margin:-8px -2px 0 0;text-align:center;color:#fff;line-height:17px;float:right;background:url(/www1/global/2013/images_i/cosme/inub.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/www1/global/2013/images_i/cosme/inub.png',sizingMethod='crop');position:relative;}
.conBtn span{width:100%;padding-top:8px;float:left;text-align:center;display:block;color:#fff;}

.conBox{width:266px;border:2px solid #c69;background:#fff;}
.conBox .th{height:28px;background:#f2f2f2;border-bottom:1px solid #e5e5e5;}
.conBox .th .mark{padding-left:15px;line-height:28px;color:#878787;}
.conBox .th .mark strong{font-size:14px;font-weight:normal;color:#000;}
.conBox .th .subMark{width:12px;height:20px;margin:4px 15px 0 0;float:right;background-position:-730px -40px;cursor:pointer;}

.conBox .tb{padding:15px;}
.conBox li{width:236px;height:60px;margin-bottom:10px;float:left;line-height:18px;border-bottom:1px dashed #e5e5e5;}
.conBox .iPic{margin-right:10px;float:left;}
.conBox .iPic img{border:1px solid #e5e5e5;}
.conBox .iTit{width:130px;height:36px;padding-top:5px;float:left;overflow:hidden;font-size:14px;word-wrap:break-word;word-break:break-all;}
.conBox .aDel{margin-top:5px;color:#c69;float:right;}
.conBox .pTxt{margin-bottom:10px;line-height:20px;text-align:center;}
.conBox .pBtn{width:195px;height:20px;padding-left:43px;float:left;}
.conBox .pBtn .aRast{width:70px;height:20px;margin-right:10px;float:left;color:#fff;text-align:center;line-height:20px;background-position:-460px -210px;}
.conBox .pBtn .aRast:hover{background-position:-460px -240px;}
.conBox .pBtn .aDelT{padding-left:14px;float:left;line-height:20px;color:#878787;background-position:-788px -494px;}
/*footer*/
.footer{width:100%;position:relative;zoom:1;z-index:0;background:#F7F7F7;}
.footerbg{width:100%;height:393px;background:#f8f8f8;position:absolute;left:0;bottom:0;z-index:-1;}
body #footer{width:990px;margin:0px auto;padding:10px 5px 20px;background:none;min-width:990px;background:#f8f8f8;}
body #footer .companyLinks{background:none;border:0px;}
body #footer .channelLinks{display:none;}
body #footer .companyLinks a:link, body #footer .companyLinks, body #footer .companyLinks a:visited, body #footer .copyRight table .trTop td, body #footer .copyRight table .trTop a, body #footer .copyRight table td, body #footer a:link, body #footer a:visited{color:#6F6F6F;}
/*20130826
	@修复IE7 文字遮挡 英文无法自动折行的问题，利用work-break强制换行
*/
.h1,h2,h3{margin:0;}
.main{width:990px;margin:0 auto;padding:0px 5px;}    
.userCmt .btnList a,.curPro  .cPic,.cmtBox .bMain .subPub .submit,.goTopBtn,.babyRank .button a.btn{background:url('/www1/global/2013/images_i/cosme/cosme-icon.png') no-repeat;}
.userCmt .uTop a,.userCmt .uTop .dateTime,.commentList .cell i.cDate,.commentList .cell .cTxt em.tipsTran,.babyRank,.babyRank .rankDiv .numShow,.babyRank .rankDiv p,.rankInfo .subMark{background:url('/www1/global/2013/images_i/cosme/hzicon.png') no-repeat;}
.compareList .starBar em.pr,.compareList .starBar em.pl,.compareList .starBar,.Title p{background:url("/www1/global/2013/images_i/cosme/compareicon.png") no-repeat}
/*小模块*/
.modBoxA .tbA{padding-top:24px;}
.layC .modBoxA{margin-bottom:44px;}
.fr{float:right;display:inline}.fl{float:left;display:inline} .center{text-align:center;}
.Title{height:30px;line-height:30px;margin:30px 0;font-size:18px;color:#000}
.pink,.pink em,.pink a,a.pink{color:#c76395;}
/*标题导航*/
.subNav i{color:#000}
.subNav em,.subNav a{color:#868887;}
.subNav span,.subNav span a{color:#878787}
.inner{line-height:20px;}
.layC{margin-top:35px;}
.Title p{padding-left:130px;background-position:-374px -408px;}
.listCmt .dTit{height:37px;border-bottom:2px solid #cc6699;}
.listCmt .dTit span,.listCmt .dTit a{width:102px;height:37px;margin-right:1px;float:left;text-align:center;color:#fff;font:normal 14px/37px Microsoft YaHei;background:#cc6699;}
.listCmt .dTit a.nomr{margin-right:0;}
.listCmt .dTit a{color:#000;background:#f4f4f4;}
.listCmt .dTit a:hover{text-decoration:none;background:#f4d9e8;}
.userCmtList{width:718px;margin-bottom:20px;border:1px solid #e5e5e5;}
.userCmtList .cmtMain{padding:20px 20px 60px;position:relative; }
.userInfo{width:120px;}
.userInfo .userPic{width:80px;}
.userInfo a:hover span{color:#3888bb;text-decoration:underline;}
.userInfo span{display:block;margin:10px 0 10px;color:#3888bb;}
.userInfo span.color1{color:#555;}
.userInfo .userSum{line-height:22px;}
.userInfo .userSum i{display:block;color:#858585;}
.userInfo .userSum i em{color:#555;}
.userCmt{width:518px;padding:10px 20px 20px 19px;position:relative;background:#f9f9f9;/*overflow:hidden;*/}
.userCmt .uTop{padding-bottom:9px;border-bottom:1px dashed #e5e5e5; }
.userCmt .uTop .topInfo{font-size:18px;}
.userCmt .uTop .bad{height:20px;line-height:20px;padding-left: 20px; background-position: -150px -27px;}
.userCmt .uTop .good{height:20px;line-height:20px;padding-left: 20px;background-position:0 -324px}
.userCmt .uTop .dateTime{padding-left:17px;background-position:-50px -47px;color:#858585}
.userCmt .uCmt {width:518px;line-height:20px;color:#535353;overflow:hidden;}
.userCmt .uCmt p{margin-bottom:40px;text-align:center;}
.userCmt .uCmt p.txt,.userCmt .uCmt p.txt a{text-align:left;color:#535353;font-size:14px;}
.userCmt .uCmt p em{color:#3785b7}
/*.userCmt .uCmt p img{height:100%;width:100%;}//加上他将导致里面的小图片gif放大*/
.userCmt  .btnList {padding-top:20px;border-top:1px dashed #E5E5E5;}
.userCmt  .btnList a{width:70px;height:20px;margin-left:10px;line-height:20px;text-align:center;color:#fff;float:right;display:inline;background-position:-460px -210px;}
.userCmt  .btnList  a:hover{background-position:-460px -240px;}
.userCmt em.leftTips{width:13px;height:13px;position:absolute; top:12px;left:-13px;background-position:-150px -750px;}
.userCmt #bdshare{ bottom:18px;right:32px;line-height:15px;}
.userCmt img{width: 100%;display: block;margin:0 auto;margin: 10px auto 10px;}

.compareList {margin:30px 0 20px;}
.compareList  li{height:18px;line-height:18px;float:left; margin-right:80px;display:inline;padding-bottom:10px;position:relative;}
.compareList  li.nomb{margin-bottom:0;}
.compareList li.nomr{margin-right:0; }
.compareList  .starBar{width:100px;height:18px;float:left;background-position:0 -500px;overflow:hidden;}
.compareList  .starBar em{width:9px;height:18px;float:left;display:inline;}
.compareList  .starBar em.pl{background-position:-150px -500px;}
.compareList  .starBar em.pr{width:11px;background-position:-159px -500px;}
.compareList i{width:75px;height:18px;float:left;font-size:12px;margin:0 5px 0 0;display:inline;text-align:right;}
.compareList  span{height:18px;float:left; font-size:12px;margin-left:5px; }
.compareList  span em{color:#cc6699;font-size:15px;}

.commentList{margin-bottom:20px;padding:30px 20px 0;border-top:1px dashed #e5e5e5;}
.commentList .cell {padding-bottom:30px;}
.commentList .cell .cPic{margin-right:24px;float:left;display:inline;}
.commentList .cell .cPic a,.commentList .cell .cPic a span{width:50px;word-break:break-all;display:block;color:#39b4e9}
.commentList .cell .cTxt{width:604px;float:left;background-color:#f9f9f9;position:relative;}
.commentList .cell .cTxt em.tipsTran{width:13px;height:13px;position:absolute; top:8px;left:-13px;background-position:-150px -750px;}
.commentList .cell .cTxt .cMain{line-height:20px;padding:5px; 0}
.commentList .cell .cTxt .cFoot{height:32px;line-height:32px;padding:0 20px;background-color:#f4f4f4;border-top:1px dashed #e5e5e5;}
.commentList .cell .cTxt i{float:left;padding:0 5px;}
.commentList .cell i.cInfo{color:#555;margin-right:4px;display:inline;}
.commentList .cell i.cInfo em{color:#818181;}
.commentList .cell i.cDate{padding-left: 17px;background-position: -488px -941px;color:#858585;}
.commentList .cell i.cFloor{float:right;color:#555}

.cosme_page{width:100%;height:30px;margin-bottom:15px;text-align:center;}
.cosme_page a,.cosme_page span{width:30px;height:30px;margin-right:10px;font:normal 14px/30px Microsoft YaHei;color:#878787;display:inline-block;background:url(/www1/global/2013/images_i/cosme/cosme-icon.png) no-repeat -470px -310px;}
.cosme_page a:hover{color:#c69;}
.cosme_page span{color:#fff;background-position:-510px -310px;}

.curPro{margin-bottom:40px;padding-bottom:15px;background-color:#f9f9f9;}
.curPro .title{height:40px;line-height:40px;text-align:center;font-size:16px;background-color:#ffe6f3;color:#cc5c92;}
.curPro  .cPic{margin:20px 45px 4px;padding-bottom:7px;text-align:center;background-position: -610px 139px;}
.curPro .cTxt{padding:0 18px;text-align:center;}
.curPro .cTxt .cTit{margin-bottom: 5px;font-size:14px;}
.curPro  .cPic img{border:1px solid #e5e5e5; }
.curPro ul{width:203px;overflow:hidden;}
.curPro li{line-height:20px;float:left;color:#878787;text-align:left;white-space:nowrap;margin-right:20px;display:inline;}
.curPro li.lastLi{margin-top:-2px;}
.curPro li.tr{text-align:right;}
.curPro li em{color:#cc6699;}
.curPro li em.num{font-size:16px;}


.layC .modBoxA.rigInfo{margin-bottom:14px;}
.layC .modBoxA .mark{padding:0px;}
.rigInfo .expPicB li{width:100%;margin-bottom:30px;float:left;position:relative;}
.rigInfo .expPicB .iTop{width:41px;height:32px;background-position:-680px -10px;position:absolute;top:-19px;left:-13px;z-index:5;}
.rigInfo .expPicB .iNub{width:25px;height:25px;font:normal 16px/20px Arial;color:#fff;text-align:center;background-position:-730px -10px;position:absolute;top:0px;left:0px;z-index:5;}
.rigInfo .expPicB .iTxt{width:130px;margin-top:12px;line-height:20px;}
.rigInfo .expPicB .sNub em{font-size:14px;color:#cc6699;}
.rigInfo .expPicB .sTit2{font-size:14px;}
.rigInfo .expTxtA li{width:100%;height:27px;float:left;}
.rigInfo .expTxtA .iNub{width:28px;float:left;font:normal 16px/27px Arial;color:#878787;}
.rigInfo .expTxtA .iTit{float:left;font:normal 14px/27px Microsoft YaHei;}

.cmtBox{width:718px; border: 1px solid #E5E5E5;}
.cmtBox .title{height:34px;line-height:34px;padding-left:15px;border-bottom:2px solid #c69;}
.cmtBox .bMain{padding:20px;}
/*input输入*/
.cmtBox .bMain .sRed{color:#c69;}
.cmtBox .bMain .inpTxt{height:24px;line-height:24px;padding-left:5px;border:1px solid #e5e5e5; }
.cmtBox .bMain .sGray{display:block;margin-top:5px;}
.cmtBox .bMain .loginBtn{width:50px;height:24px;margin-right:5px;line-height:24px;text-align:center;border:1px solid #e5e5e5;cursor:pointer; }
/*输入end*/
.cmtBox .bMain .bInfo{margin-bottom:30px;}
.cmtBox .bMain .addMood{height:24px;line-height:24px;margin-bottom:7px;}
.cmtBox .bMain .txtArea{width:676px;height:148px;border:1px solid #e5e5e5;resize:none;overflow:hidden;}
.cmtBox .bMain .subPub{height:28px;margin-top:20px;}
.cmtBox .bMain .subPub .submit{width:104px;height:28px;margin:0 auto 10px;font:normal 14px/28px Microsoft YaHei;color:#fff;display:block;background-position:-610px -70px;text-align:center;}
.cmtBox .bMain .subPub .submit:hover{background-position:-610px -100px;}
.userCmt .cmtTit{width:260px;height:20px;line-height:20px;font-size: 14px;font-weight: bold;left: 70px;position: absolute;top: 10px;z-index: 20;}
.goTopBtn{width:55px;height:50px;position:fixed;_position:absolute;left:50%;bottom:0px;margin-left:500px;text-indent:-999px;overflow:hidden;background-position:-550px -310px;z-index:10;display:none;}



/*宝贝排名*/
.babyRank{height:298px;margin-bottom:40px;text-align:center;background-position:-260px -502px;}
.babyRank .tit{height:40px;margin-bottom:25px;line-height:40px;text-align:center;font-size:18px;color:#cc5c92;background-color:#ffe6f3;}
.babyRank .rankDiv .rankInfo{font-size:12px;display:block;background-position:-328px -316px; margin-bottom:8px;padding-left: 62px;padding-right: 62px;text-align:left;}
.babyRank .rankDiv .rankInfo i{font-size:16px;color:#cc5c92;}
.babyRank .rankDiv .numShow{width:79px;margin: 0 auto;display:block;color:#FFF;text-align:center;}
.babyRank .rankDiv .numShow.numS1{height:56px;padding-top: 23px;font-size:34px;background-position:0 -400px;}
.babyRank .rankDiv .numShow.numS2{height:56px;padding-top:27px;font-size:36px;background-position:-100px -400px;}
.babyRank .rankDiv .numShow.numS3{height: 60px;padding-top: 19px;font-size:28px;background-position:-200px -400px;}
.babyRank .rankDiv p{width:218px;height:40px;margin:0 auto;padding-top:10px;position:relative; top:-23px;z-index:10;background-position:0 -500px;text-align:center;color:#cc5c92;font-size:14px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;}
.babyRank .button a{color:#535353;}
.babyRank .button a.btn{width:104px;height:28px;margin:0 auto 6px;font:normal 14px/28px Microsoft YaHei;color:#fff;display:block;background-position:-610px -70px;text-align:center;}
.babyRank .button a.btn:hover{background-position:-610px -100px;}
.rankInfo .subMark{float:right; width:19px;height:25px;background-position:-200px -750px;}
.rankInfo .subMark:hover{background-position:-220px -750px;}