html {color:#000;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;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
input,select,textarea{font-size:100%;}
ol,ul {list-style:none;}
i,em { font-style: normal;}
caption,th,td {text-align:left;}
img{border:0;vertical-align: middle; background-color: #fff}
iframe{display:block; }
a { color: #000; outline: none; text-decoration:none;} 
a:hover {text-decoration: none;color: #666;}
a:hover img{opacity: 0.9;filter:alpha(opacity=90);}
.clear { clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
/*****nav(nav.css 框架)*****/
.new-header .logo{background: url(http://www.face100.net/images/m_pic_07.gif) no-repeat;}
.topface100{background:url(http://www.face100.net/images/nt_bg.png) repeat-x;height:28px;}
.m_area,.pageheader{width:990px;margin:0 auto;overflow:visible;*overflow:hidden;clear:both;}
.m_top_lt{float:right;height:28px;}
.m_top_lt ul li{float:left;line-height:28px;color:#999;position:relative;z-index:10000;list-style-type:none; list-style-position:outside;}
.m_top_lt ul li span{display:inline-block;color:#999;line-height:28px;height:28px;text-align:left;}
.m_top_lt ul li span.h_moblie{background:url(http://www.face100.net/images/face_top_1.gif) no-repeat 5px center;padding:0 5px 0 25px;}
.m_top_lt ul li span.h_logout{padding-left:5px;}
.m_top_lt ul li .sites{display:none;position:absolute;right:0;_right:-1px;top:28px;background:#fff;border:1px #d1d1d1 solid;border-top:0;z-index:8000;padding:2px;text-indent:0;clear:both;zoom:1;}
.m_top_lt ul li ul li{float:none;}
.m_top_lt ul li ul li a{line-height:25px;height:25px;display:block;text-indent:3px;padding:0 5px;}
.m_top_lt ul li ul li a:hover{background:#E6E6E6;}
.m_top_lt ul li span a{color:#999;}
.m_top_rt{float:left;line-height:28px;color:#999;}
.m_top_rt a{color:#eb3d00;}
.m_top_rt a.topurl{color:#999;}
.ckl_btin{display:inline-block;width:50px;height:19px;_height:10px;margin-top:2px;border:1px solid #cfcfcf;border-left:0;background:#f5f5f5;position:relative;border-radius:0 3px 3px 0}
.ckl_btin .ckl_but{width:50px;height:19px;line-height:19px;border:0;cursor:pointer;background-position:0px 0;}
label, .ckl_btin{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
label{width:150px;border:1px solid #cfcfcf;background:0;height: 19px;padding:0 0px;margin-top:2px;display:block;border-radius:5px 0 0 5px;float:left}
label.ckl_on,.ckl_btin.ckl_on{border-color:#9cc715}
label input{line-height:19px;height:19px;width:100%;border:0;font-size:12px;outline:0;background:0;color:#999;-webkit-appearance:textfield}
.ckl_but{background:#f5f5f5;}
label, .ckl_btin{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
input{color:#666666;width: 55px;height: 15px;line-height:15px;border:1px solid #cccccc;}
.nav-15{padding:0;}
.nav-15 .main{margin-bottom:0; position:relative;z-index: 99;}
.nav-15 .nav-sep{width: 1px;height: 12px;background: #e63d9b;float: left;margin: 17px 18px 0 ;display: inline;text-indent: -9999px;}
.new-header .logo{width: 224px;height: 61px;display: block;margin: 0 auto 21px;background-position: -80px -730px;}
.new-header{width: 1120px;padding-top: 23px;position: relative;height: auto;}
.new-header .nav-head{height: 45px;padding-left: 18px;background: #000;font-size: 16px;line-height: 45px;}
.new-header .nav-head a{width: 66px;float: left;color: #fff;position: relative;text-align: center;}
.new-header .nav-head a.cosme{width:97px;}
.new-header .nav-head a:hover{text-decoration:none;}
.new-header .tragl{display: none;border-width: 7px;bottom: 0;left: 50%;margin-left: -7px;}
.new-header .tragl-b{border-color:transparent transparent #fff transparent}
.new-header .nav-head a.cur .tragl{display: block;}
.new-header .nav-head a.cur{color: #e5077c;}


.nav-sub { height: 64px; line-height: 64px; border-top: 1px solid #000;display: none;}

.nav-sub .nav-inner {width: 1120px;margin:0 auto;position: relative;font-size: 16px;}
.nav-sub .nav-inner em{width: 11px;height: 7px;position: absolute;top: -7px;left: 277px;background-position: -908px -24px;}
.nav-sub .nav-inner em.nav-fashion{left: 277px;}
.nav-sub .nav-inner em.nav-beauty{left: 405px;}
.nav-sub .nav-inner em.nav-luxury{left: 530px;}
.nav-sub .nav-inner em.nav-lohas{left: 658px;}
.nav-sub .nav-inner em.nav-popular{left: 788px;}
.nav-sub .nav-inner em.nav-bbs{left: 914px;}
.nav-sub.nav-hover .nav-inner em{display: none;}
.nav-sub a {padding: 0 17px; float: left; display: inline; color: #555;font-size: 18px;}
.nav-sub a:hover { color: #000;text-decoration: none;}
.nav-sub a.index,.nav-sub span { float: left;}
.nav-sub a.index{width: 165px;text-align: center;font-size: 36px;color:#000;}
.nav-sub dt { padding: 0 17px; color: #CBCBCB; position: relative; z-index: 1; background: #000}
.nav-sub dd { margin:0 0 0 -1px;}
.nav-sub a.cur { color: #000; position: relative; overflow: hidden;}
.nav-pop{width: 100%;position: relative;font-size: 16px;z-index: 1;}
.nav-pop li{width: 100%;height: 53px;line-height: 53px;position: absolute;top: 0;left: 0;z-index: 10;background: #F6F8F9;display: none;}
.nav-pop li .nav-box{width: 990px;padding: 0 5px;margin:0 auto;padding-left: 0px;}
.nav-pop li .nav-box a{margin-right: 35px;}
.nav-pop li .nav-box a:hover{text-decoration: none;color: #555;}

/*顶部导航*/
  /*new Banner by LYL 2015-06-02*/
  .navibar-in-wrap .navibar-wap{width: 1120px;}
  .newIvyBar{margin-bottom:0;}
  *html{_background-image:url(about:blank); _background-attachment:fixed;}
  #Jnav_main{overflow: visible;}
  
  .nav-15{padding:0;}
.nav-15 .main{margin-bottom:0; position:relative;z-index: 99;}
.nav-15 .nav-sep{width: 1px;height: 12px;background: #555;float: left;margin: 17px 18px 0 ;display: inline;text-indent: -9999px;}
.new-header .logo{width: 224px;height: 61px;display: block;margin: 0 auto 21px;background-position: -80px -730px;}
.new-header{width: 1120px;padding-top: 23px;position: relative;height: auto;}
.new-header .nav-head{height: 45px;padding-left: 14px;background: #000;font-size: 16px;line-height: 45px;}
.new-header .nav-head a{width: 66px;float: left;color: #fff;position: relative;text-align: center;}
.new-header .nav-head a.cosme{width:97px;}
.new-header .nav-head a:hover{text-decoration:none;}
.new-header .tragl{display: none;border-width: 7px;bottom: 0;left: 50%;margin-left: -7px;}
.new-header .tragl-b{border-color:transparent transparent #fff transparent}
.new-header .nav-head a.cur .tragl{display: block;}
.new-header .nav-head a.cur{color: #e5077c;}

.new-header2017 .logo{width: 210px;height: 77px;background: url(http://www.face100.net/images/m_pic_07.gif) no-repeat;}

.nav-15 .nav-sub{width: 100%;height: 16px;padding-top: 20px;padding-bottom:20px;display: none;position: absolute;left: 0;top: 100%;background-color: #fff;border-top:none;}
.nav-15 .nav-sub li{height: 16px;padding-left: 46px;display: none;line-height: 16px;}
.nav-15 .nav-sub li .nav-sep{margin-top: 3px;background: #e4e4e4}
.nav-15 .nav-sub li a{float: left;color: #676566;font-size: 16px;padding:0;}
.nav-15 .nav-sub li a:hover{color: #e50a80;}
.nav-15 .nav-sub0{border-top:none;margin-bottom:0;}
.nav-15 .nav-sub0 .list{background-color:#fff;}
.nav-15 .nav-sub0 a.index{font-size:24px;margin:0 43px 0 25px;}

.nav-15 .nav-sub li.shouye{padding-left: 0;}
.nav-15 .nav-sub .maBox{margin-top: 0;}
.nav-15 .nav-sub .maBox a{float: none;padding-left: 22px;font-size: 14px;color: #666;}


.nav-15 .nav-sub .maBox .weCat a{padding-left:35px;}
.nav-15 .nav-sub .maBox .weibo a{padding-left:34px;}
.nav-15 .nav-sub .maBox .ytbWx a{padding-left:27px;}

.tragl{width:0;height:0;overflow:hidden;position:absolute;border-width:5px;border-style:dashed  dashed solid dashed ;border-color:transparent  transparent #FFF transparent;-webkit-transition: -webkit-transform .2s;
transition: transform .2s;
-webkit-transform-origin: center 20%;
transform-origin: center 20%;}
.tragl-t{border-style:solid dashed dashed dashed;border-color:#999 transparent transparent;}
.tragl-l{border-style:dashed dashed dashed solid;border-color: transparent transparent transparent #999;}
.tragl-r{border-style:dashed solid dashed dashed ;border-color: transparent #000 transparent transparent;}
.tragl-b{border-style:dashed dashed solid dashed ;border-color: transparent transparent #e50a80 transparent;}
.tragl-b{border-style:dashed dashed solid dashed ;border-color: transparent transparent #e50a80 transparent;}
 /*****ks(ks.css 框架)*****/
.search,.ks-btn .s-icon{background: url(http://www.face100.net/images/indexPic.png) no-repeat;}
.ks{width:auto;height:auto;position:absolute; right:11px; top:130px;z-index:99;}
.ks-btn{width:114px;height:31px;}

.ks .inpTxt{width:0px;_width:120px;height:27px;line-height:27px;font-size:14px;border: 0 none;padding: 0px 31px 0px 10px;outline:none;border-radius: 15px;}

.search{width:17px; height:17px; background-position:0 -340px; position:absolute; top:5px;right:9px; border:none; cursor:pointer; text-indent:-10000px;outline:none;}
.ks .search{background-position:0 -340px;}
.ks-btn .search{background-position:0 -380px;}
.ks-btn .inpTxt{display:none}
.ks  .s-icon{display: none;}
.ks-btn .s-icon{width: 45px;height: 17px;position: absolute;top: 5px;right: 39px;background-position: 0 -420px;display: block;}
/* 广告相关 */
.ivy,.ivy-tonglan{width: 1120px;margin:0 auto;text-align:center;}
.ivy img,.ivy object,.ivy iframe{display: inline-block; vertical-align: top;margin-bottom: 50px}

.ivyQP{width: 1120px;margin:0 auto;font-size:0px;line-height:0px;}


.ivyTlTxt{width:1120px;margin:0 auto;background:#FFF;}
.ivyTlTxt img,.ivyTlTxt object,.ivyTlTxt iframe{display: inline-block; vertical-align: top;margin-bottom: 50px}
.ivyTL img,.ivyTL object,.ivyTL iframe{display: inline-block; vertical-align: top;}

.ivyTL1 img,.ivyTL1 object,.ivyTL1 iframe { margin-bottom: 5px;}
.ivy310 img, .ivy310 object, .ivy310 iframe, .ivy310 ins{margin-bottom:40px;display:block;}
.ivy730{width:730px;margin:0 auto;text-align:center;}
.ivy780{width:780px;margin:0 auto;text-align:center;}

.dwAd .doc,.dwAd .navibar-in-wrap,.dwAd .ivyQP{width:1120px;padding:0 10px;background:#FFF;margin:0 auto;}
.dwAd .foot-wrap{width:1120px;margin:0 auto;padding:0 10px;}
.dwAd .modBoxC{width: 1120px;}  
.col-a,.col-b{width: 380px;float:left;}
.col-bc{width: 715px;float:right;}
.col-ab{width: 780px;float: left;}
.col-c{width: 300px;float: right;}
.col-c .hasBorder{margin-top:24px;padding:30px 15px 10px;border: 1px solid #ececec;border-top:1px solid #000;position: relative;}
.col-c .hasBorder1{padding:30px 15px 10px;border: 1px solid #ececec;border-top:1px solid #000;position: relative;}
.col-c .c-Title{width:100%;height: 48px;font-size: 26px;line-height: 48px;text-align:center;position: absolute;left: 0;top: -24px;}
.col-c .c-Title span{background: #fff;display: inline-block;padding: 0 20px;}
.col-c .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;}

.doc { width: 100%;}

.wraper{ min-width: 1120px; margin: 0 auto;}
.main {width: 1120px; margin: 0 auto;}


  .clearfix:after,.main:after,.area:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } 
  .main,.clearfix,.area {zoom:1;}
  *html{_background-image:url(about:blank); _background-attachment:fixed;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px!important;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px!important;}
.fs-20{font-size: 20px;}
.c888{color: #888;}

.fix-box {width: 300px;}
.fix {position:fixed; bottom:0; _position:absolute; _top: documentElement.scrollTop - this.parentNode.clientHeight + documentElement.clientHeight}
.fix-btm {position:relative; zoom:1;}

  .pics:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
  .pics {zoom:1}
  .pics li{float:left; display:inline;position: relative; }
  .pics li a:hover{text-decoration: none;}
  .pics li .title {height: 45px;display:block; font: 16px/45px "Microsoft Yahei";overflow:hidden; text-align:center;}
  .pics-w180 li{width: 180px;margin: 0 15px 20px 0;}
  .pics-w180{margin-right: -15px;}
  .pics-w300{}
  .pic-w250 {margin-right:-20px;}
  .pic-w250 li {width:250px; margin-right:15px;}
  .title-alpha{width: 315px;height: 40px;line-height: 40px;padding: 20px 20px 0;text-align: left;overflow: hidden;color: #000;background:  url(http://www.face100.net/images/star_shadow_bg1.png) center top no-repeat; }
  .title-alpha i{height: 28px;overflow: hidden;margin-bottom: 2px;display: block;text-align: center;font-size: 18px;}
  a:hover .title-alpha { text-decoration: underline; color: #000}
.txtspan{width: 315px;height: 25px;line-height: 25px;overflow: hidden;color: #000;text-align: center;}

  .aniTit { display: block; position: relative; overflow: hidden; zoom:1;}
  .aniTit .title-alpha {width: 100%;height: 80px;line-height: 80px;padding:0;color: #fff;font-size: 20px;text-align: center;bottom: 0;position: absolute;left:0;}
  .aniTit:hover .title-alpha{color: #fff;text-decoration: none;}
  .noHover .title-alpha,.noHover:hover .title-alpha{bottom: 0;color:#fff;}
  .little .title-alpha{width: 100%;height: 5px;padding:0;padding-top: 25px;line-height: 40px;font-size: 18px;text-align: center;background:  url(http://www.face100.net/images/star_shadow_bg.png) repeat-x;}
/*  .slide-pic .little .title-alpha{height: 80px;line-height: 80px;padding: 0;}*/
  .xlittle .title-alpha{width: 100%;height: 40px;padding:0;padding-top: 25px;line-height: 40px;font-size: 14px;bottom: -65px;z-index:100;text-align: center;background:  url(http://www.face100.net/images/star_shadow_bg.png) repeat-x
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
              }
  .xlittle:hover .title-alpha{bottom: 0;}
  .bt-tit .title{height: 40px;display:block; font: 16px/40px "Microsoft Yahei";overflow:hidden; text-align:center;background: #f2f2f2;}

 /*topList模块*/
 .topList5 li,.pics-txt .txts .time i{background: url(http://www.face100.net/images/art2016.png) no-repeat;}
  .ol-txt li .txt-sum{display: none;}
  .ol-txt li.cur{height: 92px;padding-top: 10px;margin-bottom: 10px;}
  .ol-txt li.cur i{top: 12px;}
  .ol-txt li.cur .txt-tit{height:22px;line-height: 22px;font-size: 16px;}
  .ol-txt li.cur .txt-sum{margin-top:8px;display: block;}
  .txt-stlye .txt-sum, .txt-stlye .txt-sum a {line-height: 22px;color: #888;}

  .topList5{padding: 8px;position: relative;zoom:1;background: #f2f2f2}
  .topList5 .txts{width: 262px;height: 172px;padding: 17px 0 0 22px;background: #fff}
  .topList5 .txts li{height:25px;overflow: hidden;line-height: 25px;vertical-align:top;padding-left: 37px;font-size: 14px;}
  .topList5 .txts li.t1{background-position: -383px -186px;}
  .topList5 .txts li.t2{background-position: -383px -222px;}
  .topList5 .txts li.t3{background-position: -383px -259px;}
  .topList5 .txts li.t4{background-position: -382px -296px;}
  .topList5 .txts li.t5{background-position: -382px -330px;}
  .topList5 .txts li.t6{background-position: -382px -371px;}
  .topList5 .txts li.t7{background-position: -382px -410px;}
  .topList5 .txts li.i8{background-position: -383px -433px;}
  .topList5 .txts li.i9{background-position: -383px -455px;}
  .topList5 .txts li.i10{background-position: -383px -480px;}
  .topList5 .txts li {
  -webkit-transition: margin-left .2s, left .2s;
  -moz-transition: margin-left .2s, left .2s;
  -ms-transition: margin-left .2s, left .2s;
  -o-transition: margin-left .2s, left .2s;
  transition: margin-left .2s, left .2s;
  }
  .topList5 .txts li:hover{margin-left: 10px;}
/**免费试用模块 可抽取作为公共部分**/
.pink, a.pink:hover, .pink a, .pink a:hover{color: #e70980;}

/*mdxy*/ 
.mdxy .pics ul{margin-right: -12px;}
.mdxy .pics li{width:130px;margin-right:10px;float: left;overflow: hidden;} 
.mdxy .aniTit .title-alpha{font-size: 14px;} 
 
/*c-baike*/
.c-baike-txt{margin-right: -20px;}  
.c-baike-txt a{width: 56px;height:28px;margin-right: 16px;line-height: 28px;float: left;display: inline;font-size: 14px;overflow: hidden;}   
/*友情链接 可抽取公共部分*/
.tab-nav {zoom:1;}
.tab-nav .control {zoom:1;}
.tab-nav .control .item { padding: 0 15px; float:left; font:14px/32px Microsoft Yahei; cursor:default;}
.tab-nav .control .item,.tab-nav .control .item a {color: #333}
.tab-nav .control .current { border-top: 1px solid #000;border-right: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;line-height:32px; background-color:#fff;font-weight: bold;}
.tab-nav .control-sub .current{font-size:16px;}
.tab-nav .control .current,.tab-nav .control .current a {color: #000}
.tab-nav .control .item a:hover {text-decoration:none;}
.links .tbA{border-top: 1px solid #dfdfdf;}
.links .pro-nav{position: relative;margin-top:-73px;}
.links .pro-nav .control{padding-bottom: 13px;}
.links .pro-nav .pannel{line-height: 24px;color:#000;}
.links .pro-nav .pannel a{padding: 0 3px;}
.links .pro-nav .mark-sub i{line-height: 32px;color: #888;}
 .thA {min-width:1120px;margin:0 auto; text-align: center;}
.thA a,.thA b {height: 56px;display:block; text-align: center; margin-left: auto; margin-right: auto;}
.tbA { padding-top: 40px; zoom:1;}
.thA .thA-tit{height: 56px;border-bottom: 1px solid #000;}
.thA .colList {height: 45px;line-height: 45px;color: #ccc;font-size: 16px;}
.thA .colList a:hover{color:#e50a80;}
.thA .colList i{padding: 0 30px 0 29px;}

 #YXMR .header .nav-2016 li:nth-child(4){display: none;}
 .col-ab{width: 770px;}
.col-c{width: 310px;margin-top: 32px;}       
.guide-nav,.artInfo .pubTime,.artInfo .source,.artInfo .author,.editAbout .pic-txt .txt-area .askWx,.editAbout .feelFace a span,.guide a,.col-c .active .guide a.wxMa .s_ma em{background: url(http://www.face100.net/images/art2016.png) no-repeat;}
.guide-nav{height:32px;line-height:32px;padding-left:24px;color: #888;background-position: -385px 8px;}
.guide-nav a{color: #888;}
.artCon{padding-top:30px;border-top:1px solid #000;}
.artCon h1{margin-bottom:15px;font: bold 28px/36px Microsoft YaHei;text-align: center;}
.artCon .ycIcon{margin-right:15px;padding:1px 15px;line-height:24px;font-size:16px;font-weight: normal; color: #e50a80;border: 1px solid #e50a80;vertical-align: middle;position: relative;top: -2px;}
.artInfo{text-align: center;}
.artInfo span{margin-right:25px;padding-left: 25px;font-size: 14px;color: #888;}
.artInfo .pubTime{background-position: -384px -32px;}
.artInfo .source{background-position: -384px -65px;}
.artInfo .author{background-position: -383px -101px;}
.artSum{margin:25px 0 30px;padding: 2px;line-height: 34px;border: 6px solid #f2f2f2;font-size: 16px;}
.artSum p{padding:15px 54px;border: 1px solid #f2f2f2;}
.artCon .artText{font-size: 16px;line-height: 30px;}
.artText table p img{width: 450px;text-align:center;border:1px solid #DEDEDE;padding:3px;}
.artCon .artText table{table-layout:fixed;;word-break:break-all;}
.artCon .editor{text-align: right;font-size: 14px;color: #888;}
.artPages{margin:41px 0 40px;text-align: center;}
.artPages span{margin:0 10px;color: #e50a80;font-size: 16px;}
.artPages a{margin:0 10px;color: #888;font-size: 16px;}
.artPages a:hover{color: #e50a80;}
.artPages .prev{width:110px;height:37px;line-height:37px;margin:0 10px;border: 1px solid #e0e0e0;display: inline-block;text-align: center;color: #888;font-size: 14px;border-radius: 3px;}
.artPages .next,.artPages .viewAll{width:110px;height:37px;line-height:37px;margin-right:0;margin-left:10px;border: 1px solid #000;display: inline-block;text-align: center;font-size: 14px;border-radius: 3px;}
.artPages .prev:hover,.artPages .next:hover,.artPages .viewAll:hover{background: #e50a80;color: #fff;border-color: #e50a80;}

/*ipad兼容*/
/* iPads && iPhone (portrait) ----------- */
@media only screen and (device-width : 768px),only screen and (device-width : 320px){
body .slide-btn2 .prev, body .slide-btn2 .next{display: none;}
}
.artText iframe {
    display: inline;
}

.pic-txt:after{content:"\20"; clear:both; height:0; display:block; overflow:hidden;} 
.pic-txt {zoom:1;}
.pic-txt .pic-area {float:left; margin:0px 10px 0 0;position: relative;}
.pic-txt .txt-area {line-height:22px;zoom:1; /*overflow:hidden;*/}
.c-Title span{background: url(http://www.face100.net/images/common1.png) no-repeat;}
.hotTopic .topList5 .txts li{height: auto;margin-bottom:10px;line-height: 20px;}
.topList5 li.t1{background-position: -384px -182px;}
.topList5 li.t2{background-position: -382px -220px;}
.topList5 li.t3{background-position: -384px -270px;}
.topList5 li.t4{background-position: -384px -289px;}
.topList5 li.t5{background-position: -384px -330px;}
.topList5 li.t6{background-position: -384px -371px;}
.topList5 li.t7{background-position: -384px -412px;}
.topList5 li.t8{background-position: -381px -433px;}
.topList5 li.t9{background-position: -382px -455px;}
.topList5 li.t10{background-position: -377px -480px;}

.artEdit{padding:8px;background: #f2f2f2;}
.artEdit .artRight{padding: 20px 20px 10px 20px;}
.keyMode{margin: 20px 0 0px;height: 30px;overflow: hidden;}
.keyWord{width:550px;height:29px;float: left;overflow: hidden;}
.keyWord a{/*width: 81px;*/height: 29px;line-height: 29px;padding:0 10px;background: #f2f2f2;display: inline-block;color: #888;text-align: center;margin-right: 10px;border-radius: 3px;}
.bdsharebuttonbox{float: right;}
.bdsharebuttonbox a{width: 30px!important;height: 29px!important;padding:0!important;margin:0px 8px 8px 0!important;background: url(http://www1.pclady.com.cn/global/2016/images_i/channel/art2016.png) no-repeat!important;}
.bdsharebuttonbox .bds_tsina{background-position: -36px -109px!important;}
.bdsharebuttonbox .bds_tqq{background-position: -108px -109px!important;}
.bdsharebuttonbox .bds_qzone{background-position: -72px -109px!important;}
.bdsharebuttonbox .bds_weixin{background-position: 0px -109px!important;}
.jpReduce{padding:19px;border: 1px solid #ececec;position: relative;}
.col-ab-tit{width:100%;font-size: 26px;text-align: center;position: absolute;left: 0;top: -11px;}
.col-ab-tit span{padding:0 20px;background: #fff;}
.jpList ul{margin-right: -20px;}
.jpList li{width: 230px;height:170px;margin:20px 20px 0 0;overflow: hidden;}
.jpList li a{width: 230px;height:170px;overflow: hidden;display: block;}
.jpList .little .title-alpha{font-size: 14px;}

.col-c .hasBorder{margin-top:14px;padding:30px 19px 10px;display: inline-block;}
.col-c .c-Title{width:310px;height: 38px;line-height: 38px;top: -20px;}
.col-c .newTopic{padding-bottom: 0;display:inline-block;}
.col-c .newTopic .pic-txt .pic-area{width: 120px;height: 90px;overflow: hidden;display: block;}
.col-c .newTopic .pic-txt .txt-area{margin-left: 130px;}
.newTopic .pic-txt{height:90px;margin-bottom:20px;position: relative;}
.newTopic .pic-txt .tit{height:40px;line-height: 20px;overflow: hidden;}
.newTopic .pic-txt .time{position: absolute;left: 130px;bottom: 0px;}

.col-c .hotTopic,.col-c .specail,.col-c .active,.col-c .hotPet{border:none;border-top: 1px solid #000;padding: 0;padding-top:30px;}
.col-c .hotTopic,.col-c .active{padding-top:20px;}
.col-c .hotTopic .cont,.col-c .active .cont{padding:20px 20px 10px;background: #f2f2f2;}
.col-c .topList5{padding: 0;background: none;}
.col-c .topList5 .txts{width:270px;height:auto;padding:0;background: none;}
.col-c .little .title-alpha{font-size: 16px;}

.specail-pic .slide-wrap{width:310px;height: 230px;}
.specail-pic .slide-wrap li{width: 310px;height: 230px;overflow: hidden;}
.specail-pic .slide-wrap li a{height:230px;/*display: table-cell;vertical-align: middle;*/}
/*.specail-pic .slide-wrap li a img{vertical-align: middle;}*/

.col-c .active .c-Title a{display: block;}
.col-c .active .c-Title span{width:142px;height:34px;padding:0;background-position: -52px -144px;text-indent: -9999px;display: block;margin: 0 auto;} 

.col-c .media{padding-bottom: 0px;}
.media-pic .slide-wrap{width: 270px;height: 305px;}
.media-pics{margin-right: -10px;overflow: hidden;}
.media-pic .pics li{width: 270px;overflow: hidden;}
.media-pic .pics li a{width: 130px;margin:0 10px 8px 0;display: inline;float: left;}
.media-pic .pics li .title{height:36px;line-height:36px;font-size: 14px;}

.pcCenter .pic-txt{margin-bottom: 12px;}
.pcCenter .pic-txt .txt-area a{display: block;} 
.pcCenter .pic-txt .txt-area .bq{height: 46px;line-height: 46px;overflow: hidden;}
.pcCenter .pic-txt .txt-area .tit{line-height: 22px;margin-bottom: 12px;}
.pcCenter .pic-txt .txt-area .sum{height: 44px;overflow: hidden;}

.photoStar .topList{padding:0;background: none;}
.photoStar .topList .txts{width:270px;height:252px;padding: 0;}
.topList .txts li em.channelIcon{width:54px;height:22px;line-height:22px;display:inline-block;font-size:14px;color:#fff;text-align:center;background: #333;position: absolute;left: 0;top: 0;overflow: hidden;display: none;}
.topList .txts li{margin-bottom:10px;height:22px;padding-left: 0;font-size: 14px;line-height: 22px;}
.topList .txts li .txt-stlye{margin:0 0 10px 0px;display: block;}
.ol-txt li.cur{height:147px;padding-top: 0;}
.ol-txt li.cur .txt-tit{font-size: 14px;}
.cur-block{height:115px;padding-right:10px;background: #f4f4f4;display: none;}
.ol-txt li.cur .cur-block{display: block;}
.topOne-pic{width: 115px;height:115px;margin-right:15px;display:block;float: left;}
.topOne-info{color:#000;font-size: 12px;display: table-cell;height: 115px;vertical-align: middle;}
.starAera .pics{margin-right: -15px;}
.starAera .pics li{margin-right: 15px;width:80px;}
.starAera .pics li .title{height:36px;font-size: 14px;line-height: 36px;}
.star-list{margin-right: -18px;}
.star-list a{width: 56px;height: 28px;margin-right: 16px;line-height: 28px;float: left;display: inline;font-size: 14px;overflow: hidden;}

.links{padding-top:52px;background: #f6f6f6;}
.links .tbA{;border:1px solid #dfdfdf;}
.links .pro-nav .pannel{padding: 0 15px 15px;}
.links .tab-nav .control .current{background: #f6f6f6;}
.links .pro-nav .pannel:after{content: "";display: block;clear: both;}
.links .pro-nav .pannel li{float: left;}

/*guide.css*/
.guide .top{}
.guide{width:50px;margin-left:565px;position:fixed;left:50%;z-index:100;bottom:35px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 35+'px');display: none;}
.guide a{height:50px;height:50px;margin-top:5px;display:block;position:relative;}
.guide a.top{background-position:0px -252px;}
.guide a.top:hover{background-position:-66px -252px;}
.guide a.tucao{background-position:0px -192px;}
.guide a.tucao:hover{background-position:-66px -192px;}

body .g-footer{background: #f6f6f6;}
body .g-footer .gft-wrap{padding-top: 30px;}



.nav-list{margin-bottom:15px;}


#Jbtn{display:block;position:relative;width:63px;height:19px;line-height:13px;text-align:center;background-position:-301px -392px;cursor:pointer;margin-left:-31px;left:50%;bottom:-18px;z-index:100;}
#Jbtn:hover{text-decoration:none;}

/*文章模版样式 20150206 by face100*/
.rd-style1,.rd-style2,.rd-style3,.rd-style4{margin-bottom: 70px;}
.rd-banner{width: 700px;margin-bottom: 20px;}
.rd-sum{width: 676px;margin-bottom: 54px;padding: 10px 12px;line-height: 24px;font-size: 14px;background:#f5f5f5;font-family: Microsoft Yahei;}
.rd-img1{float: left;margin-right: 20px;position: relative;}
.rd-img2{float: right;position: relative;}
.rd-img-border{border: 1px solid #eee;}


.artCon .artText p{margin-top: 10px;}
#artMain .pgBtn, #artMain .pageNumber{width: 1px;height: 1px;overflow: hidden;}


/*文章分页导航*/
#artNav{margin:0 24px 30px;font-size:12px;border:1px solid #e5e5e5;margin-top:12px;display:none;}
#artNav .art_nav{width:100%;background:#fff;}
#artNav .art_nav td{text-align:left;}
#artNav .art_nav td.art_nav_t{height:30px;line-height:30px;padding-left:10px;font-size:14px;background-color:#f4f4f4;background-position:570px -79px;}
#artNav .art_nav td.art_nav_t strong{font-weight:normal;}
#artNav .art_nav .art_nav_c td{padding:5px 10px;line-height:25px;}
#artNav .art_nav .art_nav_c td a{color:#878787;}
#artNav .art_nav .art_nav_c td .current_page{color:#000;}

.blk-img {display:block;position:relative;zoom:1;} 
.pics-w140{margin-right:-28px;}
.pics-w140 li{width:140px;margin-right:28px;}
.style_mt .pics-w140 li{margin-right:20px;}
.modBoxB{margin-bottom:40px;}
.modBoxB .thB{height:24px;line-height:24px;margin-bottom:20px;font-size:24px;}
.modBoxB .thB a:hover{text-decoration:none;}
.pics .pic-span{width:100%;height:41px;overflow:hidden;position:absolute;left:0;bottom:-20px;font-size:16px;text-align:center;}
.pics .pic-span i{line-height:38px;border-top:3px solid #000;background:#FFF;cursor:pointer;display:block;margin:0 15px;}
.mt-60{margin-top: 60px;}

.wxHot1 .wx-hot-pic{width:308px;height:150px;border:1px solid #e7e7e7;position: relative;}
.wxHot1 .wx-hot-pic p{width:100px;line-height:14px;position: absolute;left: 180px;top: 59px;color: #ff65b8;text-align: center;left:-9999px;}
.wxguide{width: 45px;visibility:hidden;position: fixed;left: 50%;z-index: 100;margin-left:562px;top: 0;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));display: block;}

.artEdit .cTip{text-align: center;font-size: 14px;color: #aaa;margin-top: 10px;}

.header .nav-2016 .oth .icon{display:none;}

.relatein{position: relative;}
.slide-pic-hover .prev{left: 0;}
.slide-pic-hover .next{right: 0;}
/* add by face100 20171208 end */