@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;}
body{font-family:Microsoft YaHei;}
.h1,h2,h3{margin:0;}
.color2{color:#878787;}
.main{width:990px;margin:0 auto;padding:0px 5px;}   
.proList .pRight .drTop .dateTime,.proList li i.ts1,.proList li i.ts2,.proList li i.ts3,.Titles p i,.nav a em,.rigInfo .expPicB .iNub,.rankList .rankCell .Title em,.rankList .info dt,.rankList .info dt a i.iTop02,.navr a.allA,.rankList .info dt a i.iTop{background:url('/www1/global/2013/images_i/cosme/compareicon.png') no-repeat;}
.goTopBtn,.proList .pLeft dd  .sBtn a,.rigInfo .expPicB .iTop{background: url("/www1/global/2013/images_i/cosme/cosme-icon.png") no-repeat}
.proList .pRight .posEm{background:url('/www1/global/2013/images_i/cosme/hzicon.png') no-repeat;}
/*小模块*/
.detail a,.detail {color:#d864a6;}
.fr{float:right; } .fl{float:left; } .pink,.pink a{color:#c69}
.layC{margin-top:5px;}
/*nav*/
.move {margin-top: 0;position: fixed; top: 0px;_position:absolute;z-index:8;}
.navr{width:990px;height:46px;font-size:14px;overflow:hidden;}
.navr .aMode{width:1000px;}
.navr a{height:40px;line-height:40px;padding:0 19px;margin-bottom:6px;float:left;background-color:#f4f4f4;text-align:center;color:#646464;}
.navr a.allA{height:46px;margin-bottom:0px;padding:0 21px;background-position:-275px -250px;color:#FFF;}
/*榜单页*/
.rankList{width:990px;margin-bottom:40px;overflow:hidden;}
.rankList .cellMode{width:1100px;}
.rankList .cellMode .rankMode{padding-top:30px;}
.rankList .rankCell{width:310px;float:left;margin-right:30px;padding-bottom:20px;display:inline;background-color:#f9f9f9;}
.rankList .rankCell .Title{height:40px;line-height:40px;padding-left:130px;position:relative;background-color:#ffe6f3;;}
.rankList .rankCell .Title em{width:24px;height:24px;position:absolute;top:7px;left:92px;}
.rankList .rankCell .Title span{font-size:18px;color:#cc5c92;}
.rankList .rankCell .Title em.s1{background-position:-250px -150px;}
.rankList .rankCell .Title em.s2{background-position:-445px -150px;}
.rankList .rankCell .Title em.s3{background-position:-450px -200px;}
.rankList .rankCell .Title em.s4{background-position:-388px -150px;}
.rankList .rankCell .Title em.s5{background-position:-237px -250px;}
.rankList .rankCell .Title em.s6{background-position:-300px -150px;}
.rankList .rankCell .Title em.s7{background-position:-341px -150px;}
.rankList .rankCell .Title em.s8{background-position:-388px -200px;}
.rankList .rankCell .Title em.s9{background-position:-346px -200px;}
.rankList .rankCell .Title em.s10{background-position:-239px -200px;}
.rankList .rankCell .Title em.s11{background-position:-300px -200px;}
.rankList .cellO{height:419px;*height:440px;padding:10px 20px 0;overflow:hidden;_position:relative;}
.rankList .cellO li{height:28px;*height:25px;position:relative;font-size:14px;}
.rankList .cellO li p{height:28px;line-height:28px;margin:0 38px 0 58px;}
.rankList .cellO li em.tipNum,.rankList .cellO li i.score{height:28px;line-height:28px;color:#c76495;font-size:16px;}
.rankList .cellO li em.tipNum{color:#848484;}
.rankList .cellO li em.color1{color:#c764a6;}
.rankList .cellO li em.tipNum{width:37px;position:absolute; left:0;top:0;font-style:italic;}
.rankList .cellO li i{position:absolute;right:0;top:0}
.rankList li .info{margin:15px 0;display:none}
.rankList li.current{height:152px;}
.rankList li.current .info{display:block}
.rankList .info dt{float:left;margin-right:25px;;display:inline;background-position:3px -48px;padding-bottom: 7px;}
.rankList .info dt a{display:block;position:relative;}
.rankList .info dt a i{font-style:italic;color:#FFF;position:absolute;z-index:5;text-align:center;}
.rankList .info dt a i.iTop{width:41px;height:32px;text-indent:-9999px;background-position:-250px -450px;top:-19px;left:-13px;}
.rankList .info dt a i.iTop02{width:25px;height:24px;padding-top:1px;background-position:0 -158px;top:0;left:0;}
.rankList .info dt a i.iTop03{width:25px;height:25px;line-height:25px;background-color:#b7b7b7;top:0;left:0;}
.rankList .info dt img{border:1px solid #e6e6e6; }
.rankList .info dd{width:140px;float:left;margin-top:28px;}
.rankList .info dd span {display:block;}	
.rankList .info dd span.sTit{margin-bottom:7px;} 
.rankList .info dd span.sInfo{color:#848484;}
.rankList .info dd span.sInfo em{color:#c76495;}
.rankList .detail{margin-top:7px;font-size:14px;text-align:center;display:block;}



/*榜单详情页*/
/*nav*/
.nav{width:990px;height:46px;font-size:14px;overflow:hidden;}
.nav .aMode{width:1000px;}
.nav a{height:40px;line-height:40px;padding:0 19px;float:left;background-color:#f4f4f4;text-align:center;color:#646464;position:relative;}
.nav a.allA{padding:0 21px;background:#c69;color:#FFF;}
.nav a.allA em{display:block;}
.nav a em{width:12px;height:6px;background-position:0 -130px;position:absolute; top:40px;left:50%;margin-left:-6px;overflow:hidden;display:none;}
.nav a.current{background:#c69;color:#FFF;}
.nav a.current em{display:block;}
.nav a:hover{text-decoration:none;}
/*隐藏产品层*/
.tableWrap{margin-bottom:50px;margin-top:-6px;}
.tableWrap .proDiv{border:1px solid #e5e5e5;padding:10px 0 6px 20px;overflow:hidden;display:none;}
.tableWrap .proDiv li{width:85px;float:left;margin-right:25px;margin-bottom:5px;line-height:22px;font-size:14px;white-space:nowrap;}
.tableWrap .proDiv li.nomr{margin-right:0;}
.tableWrap .proDiv li a{padding:0 5px}
.tableWrap .proDiv a:hover{background-color:#c69;text-decoration:none;color:#FFF;}
.tableWrap .proDiv a.cur{background-color:#000;color:#FFF;}
/*Title*/
.Titles{height:27px;line-height:27px;margin:0 0 30px;padding-bottom:1px;border-bottom:1px solid #000;}
.Titles p{float:left; padding-right:94px;font-size:28px;position:relative; }
.Titles p i{width:94px;height:27px;position:absolute; top:0;right:0;background-position:0 -200px;overflow:hidden;}
/*热议评论列dd120表*/
/*.proList{}*/
.proList li{width:678px;padding:20px;margin-bottom: 30px;position:relative;border:1px solid #e5e5e5; }
.proList li.lastLi{margin-bottom:0;}
.proList li i.ts1,.proList li i.ts2,.proList li i.ts3{width:37px;height:37px;position:absolute;top:0;left:0;font-style:italic;text-align:center;color:#FFF;font-size:24px;}
.proList li i.ts1{width:57px;height:44px;top:-27px;left:-24px;background-position:-100px -150px;}
.proList li i.ts2{background-position:-207px -100px;}
.proList li i.ts3{background-position:-200px -150px;}
.proList .pLeft{width:272px;margin-top:19px;float:left;}
.proList .pRight{width:350px;padding:20px 20px 50px;float:right;background-color:#f9f9f9;position:relative;}
.proList .pLeft .tit{margin-bottom:10px;font-size:16px;}
.proList .pLeft dt,.proList .pLeft dd{float:left;}
.proList .pLeft dt img{border:1px solid #e5e5e5; }
.proList .pLeft dd{width:120px;line-height:20px;margin-left:10px;display:inline;}
.proList .pLeft dd .fInfo{margin-bottom:10px;}
.proList .pLeft dd span{display:block;}
.proList .pLeft dd span.intro{height:40px;/*margin-bottom:10px;*/overflow:hidden;}
.proList .pLeft dd span.intro a{color:#555;}
.proList .pLeft dd i{display:inline;color:#c69}
.proList .pLeft dd .sBtn{height:20px;padding-top:8px;line-height:20px;}
.proList .pLeft dd a.aDP{margin-right:15px;padding-left:20px;float:left;color:#cc6699;background-position:-784px -347px;}
.proList .pLeft dd  a.aDP:hover{background-position:-781px -368px;}
.proList .pLeft dd  a.aZang{padding-left:20px;float:left;color:#cc6699;background-position:-784px -397px;}
.proList .pLeft dd  a.aZang:hover{background-position:-781px -418px}
.proList .pLeft dd  a.aZang em{height:20px;display:block;}
.proList .pLeft dd .sBtn{height: 20px;line-height: 20px;padding-right: 6px;padding-top: 8px;overflow: hidden;}

.proList .pRight .posEm{width:13px;height:13px;position:absolute; top:12px;left:-13px;background-position:-150px -750px;}
.proList .pRight dl{padding-bottom:10px;border-bottom:1px dashed #e5e5e5;}
.proList .pRight dt{float:left;margin-right:10px;display:inline;}
.proList .pRight dd{width: 200px;float: left;margin-top: -1px;}
.proList .pRight dd i.drName,.proList .pRight dd i.drName a{color:#3684b6;}
.proList .pRight .drTop{height:30px;line-height:30px;color:#848484;}
.proList .pRight .drTop i{display:inline}
.proList .pRight .drTop .dateTime{background-position: -488px -229px;padding-left: 17px;}
.proList .pRight .cmtMid,.proList .pRight .cmtMid a{line-height:20px;color:#555}
.proList .pRight .uPic{margin-top:14px;}
.proList .pRight .uPic a{margin-right: 20px;float: left;display: inline;}
.proList .pRight .posAch{position:absolute;bottom:20px;right:20px;}

.rigInfo .expPicB li{width:100%;margin-bottom:30px;float:left;position:relative;}
.rigInfo .expPicB li.lastLi{margin-bottom:5px;}
.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:0 -158px;position:absolute;top:0px;left:0px;z-index:5;font-style:italic;}
.rigInfo .expPicB .iTxt{width:150px;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;font-style:italic;}
.rigInfo .expTxtA .iTit{float:left;font:normal 14px/27px Microsoft YaHei;}

/*品牌专区*/
.layC .Brand{margin-bottom:30px;}
.Brand .dInfo{height:77px;margin-bottom:10px;border-bottom:1px dashed #e5e5e5;}
.Brand .dInfo .pPic{float:left;}
.Brand .dInfo .pTxt{width:140px;float:right;font:normal 16px/20px Microsoft YaHei;}
.Brand .dInfo .pTxt span{font-size:12px;}
.Brand .dInfo .pTxt em{color:#878787;}
.Brand li{width:120px;line-height:20px;float:left;overflow:hidden;color:#878787;}
.Brand li em{color:#cc6699;}

.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;}

/*@ 增加对比栏功能 为指定li添加一个check的类名*/
.proList .check dt{width:140px;text-align:center;}
.proList .check dt a{display:block;margin-bottom:4px;}
.proList .check dt input{vertical-align:middle;_vertical-align:1px;margin-right:2px;}