html {color:#333;background:#fff;-webkit-text-size-adjust: none;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
body,button,input,select,textarea{font: 12px/21px Microsoft YaHei,tahoma,arial,\5b8b\4f53;border: none;outline: none;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
input,select,textarea{font-size:100%;} 
i,em { font-style: normal;} 
caption,th,td {text-align:left;}  
img{border:0;vertical-align: top; background-color: #fff}
iframe{display:block; } 

.clearfix:after{content: "";display: block;clear: both;zoom:1;}
.mb-40{margin-bottom: 40px;}
.nobb{border-bottom: none!important;}
.btn{text-align: center;}
.btn a{height:35px;line-height:35px;text-align:center;background: #cd006d;color: #fff;display: inline-block;font-size: 16px;border-radius: 18px;}
.btn a:hover{background: #d10101;color: #fff;}
.btn a.view_btn{width:140px;background: #111;}
.btn a.view_btn:hover{background: #333;}

.main{width: 1120px;margin: 0 auto;position: relative;} 
.tag{padding:0 6px;border:1px solid #cd006d; text-indent: 0; border-radius:17px;color: #cd006d;line-height: 17px;display: inline-block;*display:inline;font-size: 12px;}
.key a{margin-right: 5px;}


.model-select-text{ background:url(//www1.pclady.com.cn/global/2017/cosme/common.png) no-repeat; }
.model-select-box {width: 80px;height: 25px;line-height: 25px;border: 1px solid #ececec;float: left;margin-right: 20px;text-indent: 5px;position: relative;background-color: #FFF;background-position: 0 0; z-index: 99;}
.model-select-text {height: 25px;padding-right: 15px;cursor: pointer;-moz-user-select: none;-webkit-user-select: none;user-select: none;background-position: -425px -140px !important;position: relative;z-index: 11;}
.model-select-option {display: none;position: absolute;background: #fff;width: 100%;left: -1px;border: 1px solid #ededed ;z-index: 9;}
.model-select-option li {height: 22px;line-height: 22px;color: #333333;cursor: pointer;}
.model-select-option li.seleced {background: #ededed;color: #333333;}

.zssel .inpSel{width: 520px;padding: 12px 0 0 10px;float:left;color: #333333;}
.zssel .inpSel .zzstit{font-size: 14px;margin-right: 10px;margin-top: 3px;float: left;}
 .cosme_page{width:780px ; height: 40px;  margin-bottom:15px;text-align:center;margin: 0 auto 40px;clear: both;}
 .cosme_page a{cursor: pointer;}
.cosme_page a,.cosme_page span{height:30px;font:normal 14px/30px Microsoft YaHei;color:#878787;display:inline-block;font-size: 14px;line-height: 40px;padding: 0 5px;}
.cosme_page a:hover{color:#cd006d; border-color:#cd006d;}
.cosme_page span{color: #cd006d;background-position:-510px -310px;}
 .cosme_page .btn{ border: solid #111 1px;  width: 102px; height: 38px;} 
 .cosme_page .btn.on{ border-color: #ececec; color: #ececec  }
 .cosme_page .prev{margin-right: 30px;vertical-align: middle;}
  .cosme_page .next{margin-left: 30px;vertical-align: middle;}
.cosme_page .selectbox{width: 105px;height:38px;border: 1px solid #000;position: relative;text-align: left;padding: 0 10px;margin-left: 10px;display: inline-block;float: none;vertical-align: middle;}
.cosme_page .model-select-box{width: 69px;border-color: #000;border-left: 0;height: 36px;line-height: 36px;position: absolute;top: 0;right: 0;margin-right: 0;text-align: center;float: none;border: none;} 
.cosme_page .model-select-text{height: 38px;  line-height: 38px;padding-right: 21px;background-position: -444px -134px !important;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;    }
.cosme_page .selectbox .ptit{float: none;color: #000;border-right: 0;margin-right: 0;width: 40px;height: 38px;line-height: 38px;padding-right: 0;display: inline-block;border: none;}

.cosme_page .model-select-option{border-color: #000;border-bottom: 0;width: 68px;height: 210px;overflow: hidden;bottom: 36px;left: 0;}
.cosme_page .model-select-option ul{ float: left;width: 70px; }
.cosme_page .model-select-option li{text-align: left;padding-left: 5px;}
 
.cosme_page .model-select-option li.seleced {background: #FFF;color: #cd006d;}

.middle_introduce_detail .middle_introduce_txt_showAll .tool .sBar {background: #dddddd;border-radius: 5px;}

.cosme_page .data{width:68px;height: 100%;overflow: hidden;}




.middle_tab_title{font-size:16px;line-height:36px;position: relative;zoom: 1;} 
.middle_tab_title li{padding:0 23px;float: left;position: relative;}
.middle_tab_title li.current a{color:#cd006d;}    



*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
.middle_right .middle_tab_title{font-size:20px;line-height:40px;margin-bottom:10px;border-bottom:1px solid #ddd}
.middle_right .middle_tab_title li{padding:0;margin-right:30px}
.middle_right .middle_tab_title li.current{border-bottom:2px solid #cd006d}
.middle_right_list{margin-right:-10px}
.middle_right_list a,.middle_right_list li{width:175px;height:32px;display:block;margin-right:10px;float:left;font-size:14px;line-height:32px;overflow: hidden;}


ul span,dl i,dl span,ol span{display:block}
.col-zs{float:left;display:block;margin-top:10px;margin-bottom:40px;width:1120px}
.col-zs .col-l{float:left;width:800px;background:#FFF}
.col-zs .col-r{float:right;margin-left:10px;width:300px; margin-top: 40px;}
.listzs .zzstit{overflow:hidden;height:40px;border-bottom:1px solid #ddd}
.listzs .zzstit span{border-bottom:solid #cd006d 2px}
.listzs .zzstit a,.listzs .zzstit span{float:left;margin-right:1px;padding:0 30px;padding-top:10px;padding-bottom:12px;height:16px;background-position:-210px -195px;color:#cd006d;text-align:center;font:400 14px/37px Microsoft YaHei;font-size:16px;line-height:16px}
.listzs .zzstit a.first,.listzs .zzstit span.first{    background-position: 999px 999px;}
.listzs .zzstit a{color:#000}
.listzs .zzstit a:hover{color:#cd006d}
.listzs .zssel{height:50px;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;background:#f6f6f8}
.listzs .zssel .inpSel .model-select-box{margin-right:30px; }
 .listzs .zssel .dNub{float:right;padding:8px 8px 0 10px;width:175px;color:#aaa;font-size:14px;line-height:35px}
.listzs .zssel .dNub em{padding:0 5px}
.listzs .zssel .dPage{float:right;padding-top:8px}
.listzs .zssel .dPage a{float:left;margin-right:10px;padding-left:7px;width:54px;height:20px;background-position:-400px -340px;line-height:20px}
.listzs .zssel .dPage a:hover{background-position:-400px -310px;color:#fff;text-decoration:none}
.listzs .zsList{clear:both;display:block;border-top:0;zoom:1}
.listzs .zsList li{position:relative;float:left;margin-bottom:15px;padding-top:15px;width:799px;height:200px;vertical-align:middle;border:1px solid #e5e5e5;color:#888;font-size:14px;overflow:hidden;line-height:24px}
.listzs .zsList .zsix{float:left;margin-left:10px;width:230px;text-align:center;}
.listzs .zsList .zsix .sCon{position:absolute;top:33px;right:0;overflow:hidden;width:5px;height:5px;background-position:-380px -20px}
.listzs .zsList .zsix .zsnub{color:#888;}
.listzs .zsList .zsix .zsnub em{color:#cd006d;vertical-align:bottom;font-size:16px}
.listzs .zsList .zsix .zsnub em.fs14{ font-size: 14px; }



.listzs .zsList .zsix .zsbtn{overflow:hidden;margin:5px auto;line-height:20px;text-align:center}
.listzs .zsList .zsix a.zsdl:hover{background-position:-781px -368px}
.listzs .zsList .zsix a.aZang em{display:block;height:20px}
.listzs .zsList .iBox{position:absolute;top:191px;left:16px;z-index:3;width:90px;height:30px;text-align:center;}
.listzs .zsList .iBox a{display:block}
.listzs .zsList .iBox .addId{background-position:-203px -98px}
.listzs .zsList .iBox a.deleteon{display:block;height:30px;background-position:-205px -166px;line-height:30px}
.listzs .zsList .iBox em{display:block;color:#333;font-size:14px;line-height:30px}
.listzs .zsList .zsPic{position:relative;float:left;margin-right:15px; margin-left: 15px; width:180px;height: 180px;line-height:180px; vertical-align:middle;text-align:center}
.v-icon-pc{position: absolute;right: 15px;bottom: 0;width: 34px;height: 34px;background: url(//) no-repeat 0 -291px;}
.listzs .zsList .zsPic img{ width: 180px; }
.listzs .zsList .zsPic em{position:absolute;top:-4px;left:-4px;width:62px;height:62px;background-position:-310px -310px}
.listzs .zsList .zsPic em.gray{background:url(//www1.pclady.com.cn/global/2013/images_i/cosme/HZicon.png) no-repeat 0 -1138px}
.listzs .zsList .zsInfo{float:left;padding-right:20px;width:322px;height:200px;border-right:solid 1px #ededed}
.listzs .zsList .zstit{margin-bottom:15px; /*height:50px;*/ overflow: hidden; font:400 20px/26px Microsoft YaHei}
.listzs .zsList .zstit em{color:#c69} 
.listzs .zsList .sKey{height:24px;overflow: hidden;}
.listzs .zsList .zsay{margin-bottom:2px;padding-bottom:2px;margin-top: 2px; line-height: 2px; height:2px;border-bottom:solid #ececec 1px; overflow: hidden;}
.listzs .zsList .sKey a{position:relative;float:left;margin-left:25px;padding:0 0 0 6px;background-position: -999px -999px;color:#fff;line-height:20px;background: #bbb;border-radius: 5px 0px 0px 5px;margin-bottom: 4px;}
.listzs .zsList .sKey a:hover{color:#000}
.listzs .zsList .zsay a p{ color: #aaa }
.listzs .zsList .sKey i{position:absolute;top:0;right:-10px;float:right;width:20px;height:20px;background-position:-93px -127px}
.listzs .zsList .zsay a,.listzs .zsList .zsay em{margin-right:24px;padding-right:24px;border-right:solid 2px #bbb;color:#cd006d}
.listzs .zsList .zsxq p{text-align:left;}
.listzs .zsList .zsxq a,.listzs .zsList .sDes a{color:#878787}
.listzs .zsList .sDes{margin-bottom:3px;padding-bottom:3px;border-bottom:1px dashed #e5e5e5}
.listzs .dHot{float:left;margin-bottom:10px;width:780px;height:40px;color:#878787;text-align:right;line-height:40px}

.zzstit .dPage{float:right;margin-top:5px}
.cosme_page .stylebtn{text-align: center;border: solid #111 1px;  width: 102px; height: 38px;}
.stylebtn a{height:35px;line-height:35px;text-align:center;background: #cd006d;color: #fff;display: inline-block;font-size: 16px;border-radius: 18px;}
.stylebtn a:hover{background: #d10101;color: #fff;}
 .stylebtn.prev{margin-right:10px;;background-position:-197px -42px;vertical-align: middle;}
.stylebtn.next{background-position:-197px -72px}

.listzs .zsList .itry{position:absolute;top:25px;left:-7px;z-index:2;display:block;padding-right:12px;width:74px;height:40px;background-position:-4px -80px;color:#FFF;text-align:right;line-height:29px;FONT-SIZE:16PX}
.listzs .zsList .itry a{color:#FFF;}
.listzs .star{position:relative;overflow:hidden;width:129px;height:27px;background:#ddd}
.listzs .star .afg{position:absolute;top:0;left:0;z-index:3;display:block;width:131px;height:31px;background-position:-4px -237px}
.listzs .star .bgc{position:absolute;top:0;left:0;z-index:2;height:28px;background-color:#ffca13}
.listzs .redbtn{display:block;margin-bottom:10px;margin-left:50px;width:126px;height:23px;border:solid #cd006d 1px;border-radius:23px;color:#cd006d;text-align:center;line-height:23px; overflow: hidden;}
.listzs .redbtn:hover{background:#cd006d;color:#FFF}
.zsix .score_star{margin:0 auto}

.middle_tab_title i{position:absolute;top:13px;right:0;display:block;width:1px;height:12px;background:#555}
.middle_rightbox_367w{overflow:hidden;padding:20px 15px}

.middle_top_chart_info{color:#888;text-align:left;font-size:12px; margin-top: 5px; clear: both; height: 26px; line-height: 26px;}
.middle_top_chart_info em{color:#cd006d}
.middle_top_chart_info i{display:inline-block;margin:0 7px;width:1px;height:12px;background:#ececec}

.middle_top_chart_list li{font-size:14px;zoom:1}
.li-num .score{position:absolute;top:0;right:0}

.middle_fold_pannel{display:none;padding-bottom:20px;border-bottom:1px solid #eee}
.middle_fold_tit{position:relative;display:block;overflow:hidden;color:#333;text-align:left; float: left; font-size:16px;line-height:25px}
.middle_top_chart_list .middle_tag{margin:10px 0 25px;text-indent:0}

.middle_fold_imgs{padding:10px;text-align:center}
.middle_fold_imgs a span{display:table-cell;height:200px;vertical-align:middle}
.middle_fold_imgs a img{vertical-align:middle}


.top-li-num-cur{margin-bottom:25px}
.top-li-num-cur .middle_unfold-tit{display:none}
.top-li-num-cur .middle_fold_pannel{display:block;margin-bottom:0}
.col-mod{position:relative;margin-bottom:50px;padding-top:5px;width:298px;border:#ddd 1px solid}

.col-mod .lastLi{border:0}
.col-mod .c-title{position:absolute;top:-18px;left:50%;padding:0 15px;background-color:#FFF;text-align:center;font-size:22px; color: #333}
.col-r .rightborder{margin-top:0px;padding:30px 15px 10px;border: 1px solid #ececec;border-top:1px solid #000;position: relative;}
.col-r .rightborder1{padding:30px 15px 10px;border: 1px solid #ececec;border-top:1px solid #000;position: relative;}
.col-r .rightborder{margin-top:0px;padding:30px 15px 10px;border: 1px solid #ececec;border-top:1px solid #000;position: relative;}
.col-r .rightborder1{padding:30px 15px 10px;border: 1px solid #ececec;border-top:1px solid #000;position: relative;}
.col-r .c-Title{width:100%;height: 48px;font-size: 26px;line-height: 48px;text-align:center;position: absolute;left: 0;top: -24px;}
.col-r .c-Title span{background: #fff;display: inline-block;padding: 0 20px;}
.col-r .mdxy .c-Title span{width: 142px;height: 34px;padding: 0;display: block;margin: 0 auto; background: url(http://www.face100.net/images/common1.png) no-repeat 0 -184px;text-indent: -9999px;}
.mark,.fl,.mark-sub,.fr{display:inline;}
.mark,.fl{float:left;} .mark-sub,.fr{float:right;}

.news-pic{float:left;width:155px}
.news-pic .slide-wrap{width:270px;height:290px}
.news-pic .circle-ctrl{bottom:0}

.news-pic{float:left;width:120px}
.news-tit{overflow:hidden;height:65px;font-size:14px;line-height:20px}
.videolist{margin:20px 0;padding:10px 20px}
.videolist li .news-pic{position:relative;width:260px;height:145px}
.videolist li{width:260px;height:190px}
.videolist li .news-pic span{display:block;padding:5px 0;height:32px;text-align:center;font-size:16px;line-height:32px}
.videolist li .news-pic i{position:absolute;top:50%;left:50%;z-index:3;display:block;margin-top:-21px;margin-left:-25px;width:50px;height:50px;background-position:-3px -172px}

.col-toplist .c-title{margin-left:-93px}
.col-try .c-title{margin-left:-58px}
.col-news .c-title{margin-left:-58px}
.col-video .c-title{margin-left:-58px}
.col-toplist .tag{margin-right:5px}
.firend .rightbox{overflow:hidden;width:780px}
.firend .layC{width:270px}
.firend{clear:both;line-height:24px}
.firend .switchD-con{padding:15px 0;width:780px;height:180px}
.firend .ulTxtA01{width:765px}
.firend .ulTxtA01 li{float:left;overflow:hidden;margin-right:20px;padding-left:15px;width:220px;height:24px;border-bottom:none;background:url(//www1.pchouse.com.cn/2015/project/product/index/images/index-icons.png) no-repeat scroll -375px -415px transparent;font-size:12px;line-height:24px}

 .doc{float:left;padding:0 15px;height:37px;font-size:20px;line-height:36px;cursor:pointer}
 
.middle_right{ overflow:hidden; }

.clearfix:after{content: "";display: block;clear: both;zoom:1;}
.mb-40{margin-bottom: 40px;}
.btn{text-align: center;}
.btn a{height:35px;line-height:35px;text-align:center;background: #cd006d;color: #fff;display: inline-block;font-size: 16px;border-radius: 18px;}
.btn a:hover{background: #d10101;color: #fff;}
.btn a.view_btn{width:140px;background: #111;}
.btn a.view_btn:hover{background: #333;}

.middle_tab_title1 {font-size:16px;line-height:36px;position: relative;zoom: 1;}
.middle_tab_title2 {font-size:16px;line-height:36px;position: relative;zoom: 1;}
.cont li{padding-left:10px;height: auto;margin-bottom:10px;line-height: 25px;height: 25px;overflow:hidden;font-size:14px;text-align:left;background:url(../images/face100-dom1.gif) left 12px no-repeat;}
.cont{padding:10px 10px 10px 10px;}