@charset "utf-8";
/* CSS Document */

*{margin: 0;padding: 0;}
html {color: #4b4b4b;}
table {border-collapse: collapse; border-spacing: 0;}

/*global css*/
body{background:#fff; text-align:center; font-size:12px; font-family:"宋体", Arial, Helvetica, sans-serif;}
div{text-align:left}
img{border:0px;display:block;}
ul,ol,li{list-style-type:none;}/*增加li标签定义*/
table{ margin:0 auto;}
table,td,input{font-size:12px;/*padding:0}上文已定义*/}

/*layout.css*/
.main_sl{width:1180px; margin:0 auto; clear:both;}

/*select,input,img,select{vertical-align:middle;}*/
select,input,select{vertical-align:middle;}
textarea {display:block; overflow:auto;}

/*link css*/
a {text-decoration: none;}

a{text-decoration:none; color:#4b4b4b;}
a:hover{text-decoration:none; color:#c6171e;}

.white{color:#fff}
.white a{text-decoration:none; color:#fff;}
.white a:hover{text-decoration:none; color:#fff;}

.black{color:#000}
.black a{text-decoration:none; color:#000;}
.black a:hover{text-decoration:none; color:#c6171e;}

.red{color:#c6171e}
.red a{text-decoration:none; color:#c6171e;}
.red a:hover{text-decoration:none; color:#c6171e;}
/*font css*/
div{word-wrap:break-word; word-break:break-all;}/*新增display:inline；属性*/

.f14{font-size:14px;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20 {font-size:20px;}
.b{font-weight:bold}

/*文字对齐方式*/
.txtLeft{text-align:left}
.txtRright{text-align:right}
.txtCenter{text-align:center}

/*行距样式*/
.lh15{line-height:15px}
.lh17{line-height:17px}
.lh20{line-height:20px}
.lh30{line-height:30px}
.lh24{ line-height:24px;}

/*清除浮动*/
.cfix{display:block;zoom:1;clear:both;}
.cfix:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.left{float:left}
.right{float:right}
.clearkit{clear:both; font-size:0px; height:0px; line-height:0px;}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.clean{overflow:hidden;}/*新增*/
.inline{display:inline;}/*ie6下marign-left的问题*/



/*常用方法*/
.show{display:block}/*可用在img中，避免ie6下图片下方出现4px距离*/
.hidden{display:none}
.hand{cursor:pointer;}

/*标题文字*/
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}


/*去掉google里input的黄色框*/
input,button,select,textarea{ outline:none;} 
textarea{ font-size:12px; resize:none;} 

.yahei {font-family:"Microsoft YaHei";}
.f30{ font-size:30px;}
.f24{ font-size:24px;}
.ghy_w1180{ width:1180px; margin:0 auto; clear:both; background:#fff;}
.hzpk_ys3,.hzpk_ys3 a,span.hzpk_ys3,span.hzpk_ys3 a{ color:#4b4b4b;}
.hzpk_ys4,.hzpk_ys4 a{ color:#a5a5a5;}
.hzpk_ys5,.hzpk_ys5 a,span .hzpk_ys5,span .hzpk_ys5 a{ color:#d60000;}  
.arial{ font-family:Arial, Helvetica, sans-serif;}
.hzpkmt15{ margin-top:15px;}
.ghy_w860{ width:860px; overflow:hidden;}
.ghy_w280{ width:280px;}
.ml40{ margin-left:40px;}
.mt30{ margin-top:30px;}
.ml10{ margin-left:10px;}
.pr20{ padding-right:20px;}
.h30{ height:30px;}


/*化妆品库logo*/
.hzpk_logo {text-align:center;padding:24px 0 30px;}
.hzpk_logo img {display:block;margin:0 auto;}


/*化妆品库导航*/
.hzpk_bignav{ background:#c6171e; height:47px; line-height:47px; color:#fff;}
.hzpk_bignav span a{ color:#fff; text-decoration:none;}
.hzpk_anav {width:1160px;margin:0 auto;padding-left:20px;position:relative;z-index:10000;}
.hzpk_title {margin-right:4px;color:#fff;float:left;display:inline-block;*display:inline;zoom:1; }
.hzpk_tabs {float:left;position:relative;margin-top:10px; *+margin-top:5px;}
.hzpk_tabs span {display:inline-block;zoom:1;*display:inline;border:1px solid #c6171e;background-color:#c6171e;width:66px;height:34px;padding-left:12px;background:url(/hzpjs../images/tab_x_sl.jpg) 56px 11px no-repeat #c6171e;line-height:34px;cursor:pointer;}
.hzpk_tabs .hover {display:inline-block;zoom:1;*display:inline;border:1px solid #eeeeee;background-color:#fff;width:66px;height:34px;padding-left:12px;background:url(/hzpjs../images/tab_x_sl.jpg) 56px 11px no-repeat #fff;line-height:34px;cursor:pointer; color:#4b4b4b;}
.hzpk_tabs ul {position:absolute;left:0;top:35px;border:1px solid #eee;border-top:none;width:78px;}
.hzpk_tabs li {background-color:#fff;height:34px;line-height:34px;padding-left:12px;}
.hzpk_tabs li a{text-decoration:none;}
.hzpk_tabs li:hover {background-color:#f5f5f5; }
.hzpk_tabs li.cur {background-color:#f5f5f5;}
.hzpk_wz1{ font-size:18px; padding-left:26px; }
.hzpk_wz1 a{ color:#FFF; text-decoration:none;}
.hzpk_wz1 a:hover{ color:#FFAAAC; text-decoration:none;}
.hzpk_wz1shu{padding-left:26px; font-size:14px;}

/*面包屑+搜索*/
.h70{ height:70px;  z-index:200; background:#fff; }
.hzpk_mbx{ width:1160px;margin:0 auto;padding-left:20px;}
.lh70{ line-height:70px;}
.hotword {float:right;line-height:70px;}
.hotword a {margin-right:13px;}
.text {float:right;position:relative;margin-top:15px; z-index:200;}
.text .input1 {border:1px solid #eeeeee;background-color:#fff;height:33px;line-height:33px;border-right:none;padding:0 10px;width:279px;color:#a5a5a5; z-index:200;}
.text .input2 {background-color:#ee1a24;color:#fff;font-size:14px;width:84px;height:33px;line-height:33px;border:none; z-index:200; cursor:pointer;}
.text .input2:hover{background-color:#4b4b4b;color:#fff; }
.text .moress {position:absolute;left:0;top:34px;width:299px;border:1px solid #eee;border-top:none; background:#FFF; z-index:200;}
.text .moress li {padding-left:10px;background-color:#f5f5f5;height:33px;line-height:33px;cursor:pointer;}
.text .moress li:hover {background-color:#fff;}

.hzpk_mbxab{ }
.hzpk_mbx2{ padding-left:20px; white-space:nowrap; padding-bottom:16px;}


/*分类*/
.fenlei{position:relative; z-index:100;}
.fenlei ul li.hzpkwi1{ width:195px; height:101px; float:left; display:inline; border:1px solid #fff;   cursor:pointer; }
.fenlei ul li.hzpkwi2{ width:194px; height:101px; float:left; display:inline;  border:1px solid #fff;  cursor:pointer; }
.fenlei_01{padding-left:23px; padding-top:11px; height:18px; line-height:22px;}
.hzpk_flright{ width:6px; height:3px; padding-left:8px; padding-top:12px;}
.fenlei_02{ padding-left:23px; padding-top:15px; line-height:24px; padding-right:5px;}
.fenlei_02 span{ padding-right:14px; }
.fenlei ul li.hzpkon{ border-top:1px solid #e3e3e3;  border-left:1px solid #e3e3e3;  border-right:1px solid #e3e3e3; border-bottom:1px solid #fff;    }
.fenlei ul li.hzpkup{  border-bottom:1px solid #e3e3e3;  border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #fff; }
/*分类推荐产品*/
.hzpkallfl{ width:1178px; height:183px; border:1px solid #e3e3e3; border-top:none; position:absolute; top:103px; left:0; background:#fff; z-index:100; }
.hzpkallfl_01{ text-align:center; margin-top:19px;}
.hzpkallfl_02{ margin-top:15px;}
.hzpkallfl_02{ width:1180px; margin-right:-2px; overflow:hidden;}
.hzpkallfl_02 dl{ width:265px; margin-left:30px; float:left; display:inline; overflow:hidden;}
.hzpkallfl_pic1{ width:100px; height:100px; float:left; display:inline;}
.hzpkallfl_wz1{ margin-left:10px; float:left; display:inline; line-height:24px; width:155px; overflow:hidden; }
.hzpkallfl_wz1 .f14{ width:155px; height:24px; overflow:hidden;}
.hzpkallfl_wz1 .f12{ width:155px; height:24px; overflow:hidden;}
.hzbkck{ width:67px; height:31px; background:#f1f1f1; text-align:center; line-height:31px; margin-top:20px;}
.hzbkck a,.hzbkck a:hover{ text-decoration:none;}
.hzpk_up{ background:#ee1c25; color:#FFF;}
.hzpk_up a{color:#FFF;}





/*标题*/
.hzpk_xbt{ height:40px; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; line-height:40px; width:100%;  }
.hzpk_index3_left{ padding-left:20px; line-height:40px;}
.g_hxb{ width:18px; height:9px; margin-left:51px;}
.g_hxb2{ width:18px; height:9px; margin-left:61px;}


/*每日推荐左边列表*/
.hzpk_daily{ margin-top:20px; padding-bottom:20px; height:180px; overflow:hidden;}
.hzpk_daily_01{ width:240px; height:180px; overflow:hidden;}
.hzpk_daily_02{ margin-left:30px; width:590px; overflow:hidden;  }
.hzpk_daily_wz1{ margin-top:10px; max-height:48px; overflow:hidden;}
.hzpk_dailya_wz1{ margin-top:5px;}
.hzpk_daily_wz2{ margin-top:15px;}
.hzpk_daily_wz2 ul li{ background:url(/hzpjs../images/hzpk_xhd1.gif) left center no-repeat; padding-left:10px; width:285px; float:left; display:inline; line-height:30px; height:30px; overflow:hidden;}
.mt6{ margin-top:6px;}
.hzpk_borbot{ border-bottom:1px solid #e3e3e3;}



/*焦点图右边*/
.zhpk_qxf1{ width:280px; overflow:hidden;}
.zhpk_qxf1 ul{ width:292px; margin-right:-12px;}
.zhpk_qxf1 ul li{ width:60px; height:60px; background:#ee1c25; margin-right:13px; float:left; display:inline; cursor:pointer; overflow:hidden;}
.zhpk_qxf2{ width:280px; height:280px; margin-top:10px;}


/*热门活动*/
.hzpk_word5{ margin-top:38px;  line-height:30px; height:30px; margin-bottom:14px; _margin-bottom:7px; _margin-top:50px;}
.ghy_piczt{ margin-top:33px; _margin-top:26px;  width:280px;}
.jdta{position:relative; width:280px; height:270px; overflow:hidden}
.jdtimga{position:absolute; top:0px; left:0px; z-index:8; width:280px;}
#neichanga{ height:245px; overflow:hidden;}
.jdtimga ul li{ width:280px; float:left; display:inline;}
.ajtlef1{position:absolute; top:83px; left:0px; width:30px; height:44px; z-index:9; cursor:pointer}
.ajtright1{position:absolute; top:83px; right:0px; width:30px; height:44px; z-index:9; cursor:pointer}
.ayuandian01{position:absolute; top:265px; text-align:center; width:280px; height:5px; z-index:9; margin-left:66px;}
.ayuandian01 img {cursor:pointer; margin-left:5px; margin-right:5px; width:5px; height:5px; float:left; }
.g_jczt{ width:280px; height:210px;}
.g_jcwz{ width:280px; text-align:center; padding-top:20px;}






/*美妆帮帮忙*/
.hzpk_bbm{ width:860px; overflow:hidden;}
.hzpk_bbm ul{ width:880px; margin-right:-20px; }
.hzpk_bbm ul li{ width:418px; height:260px; border:1px solid #e3e3e3;   margin-top:20px; margin-right:20px; float:left; display:inline;}
.hzpk_bbm_01{ height:36px; background:#f1f1f1;}
.hzpk_bbm_wz1{ background:#e3e3e3; padding-left:12px; padding-right:12px; line-height:36px; float:left; display:inline;}
.hzpk_bbm_wz2{ float:left; display:inline; line-height:36px; padding-left:10px;}
.hzpk_bbm_wz3{ float:right; display:inline; line-height:36px; padding-right:20px; color:#a5a5a5;}
/*20150211begin*/
.hzpk_bbm_hj1{ float:left; display:inline; line-height:36px; padding-left:20px; color:#a5a5a5;}
.hzpk_you_hj{float:right; position:relative}
.hzpk_in_hj{float:right; position:absolute; left:-80px; top:-15px;}
/*20150211end*/
.hzpk_bbm_02{height:128px; overflow:hidden; }
.hzpk_q{ width:21px; height:21px; text-align:center; line-height:21px; background:#ee1a24; margin-left:10px;  margin-top:20px;}
.hzpk_bbm_wz4{ width:350px; margin-left:18px;  margin-top:15px;}
.hzpk_bbm_wz4_01{ line-height:24px; height:48px; overflow:hidden;}
.hzpk_bbm_wz4_01 span{ margin-left:10px;}
.hzpk_bbm_wz4_02{ color:#a5a5a5; margin-top:5px;}
.hzpk_bbm_wz4_03{ margin-top:15px;}
.hzpk_bbm_wz4_03 span{ float:left; display:inline-block; height:31px; line-height:31px; padding-left:10px; padding-right:10px; margin-right:5px;  background:#f1f1f1; cursor:pointer; }
.hzpk_bbm_wz4_03 span a{ text-decoration:none;}
.hzpk_bbm_wz4_04{ padding-left:10px; padding-right:10px; height:31px; line-height:31px; background:#ee1c25; color:#FFF; display:block; cursor:pointer;}
.hzpk_bbm_wz4_04 a,.hzpk_bbm_wz4_04 a:hover{ color:#FFF; text-decoration:none;}
.hzpk_bbm_wz4_04:hover{ background:#c6171e;}
.hzpk_bbm_03{ height:80px; background:#f1f1f1; margin-top:16px;}
.hzpk_a{ width:21px; height:21px; text-align:center; line-height:21px; background:#4b4b4b; margin-left:10px;  margin-top:14px;}
.hzpk_bbm_wz5{ float:left; width:275px; margin-left:20px; line-height:24px; margin-top:8px; height:48px; overflow:hidden;}
.hzpk_bbm_wz5 span{ margin-left:10px;}
.hzpk_tx{ width:50px; height:50px; margin-left:24px; margin-top:14px;}


/*特别测划*/
.hzpk_word10{ margin-top:38px;  line-height:30px; height:30px; margin-bottom:14px; _margin-bottom:0px; _margin-top:38px;}
.hzpk_tbck{ height:190px; margin-top:34px;  _margin-top:17px;}
.hzpk_pic1{ width:190px; height:190px; position:relative;}
.hzpk_tbc{ width:190px; height:190px;}
.hzpk_hsbj{ background:#000; width:190px; height:30px; top:160px; left:0; position:absolute; filter:alpha(opacity=50); opacity:0.5; moz-opacity: 0.5; z-index:1;}
.hzpk_tbwz1{ width:190px; height:30px; line-height:30px; top:160px; left:0; position:absolute; text-align:center; z-index:2;}
.hzpk_tbchwzs1{ width:90px;}
.hzpk_tbchwzs1 ul li{ height:38px; line-height:38px; text-align:center; background:#f7f7f7; cursor:pointer;}
.hzpk_tbchwzs1 ul li.hzcur{ background:#e3e3e3;}



/*专家专栏*/
.hzpk_word7{ position:absolute; top:0; left:0; }
.hzpk_flash{ width:280px; height:250px; margin-top:30px; position:relative;}
.hzpk_flashwz1{ width:280px; text-align:center;}
.hzpk_flashwz1 p{background:url(/hzpjs../images/87_sl.jpg) bottom center no-repeat;padding:5px 0 0 0; height:25px; text-align:center; font-size:14px;}
.hzpk_flashwz2 { line-height:22px; padding-top:7px ; width:260px; text-align:center;}

/*新品速递*/
.hzpk_new{ margin-top:20px; width:860px; overflow:hidden;}
.hzpk_new ul{  width:870px; margin-right:-10px;}
.hzpk_new ul li{ width:135px;   margin-right:10px; float:left; display:inline;}
.hzpk_newpic img{ width:135px; height:135px;}
.hzpk_newwz{ width:135px; text-align:center; padding-top:16px; }

/*原创热点*/
.hzpkyuanc1{ margin-top:10px;}

/*试用报告*/
.hzpk_word11{ margin-top:38px;  line-height:30px; height:30px; margin-bottom:14px; _margin-bottom:0px; _margin-top:38px;}
.hzpk_sybg{ width:280px; height:295px;  background:#f7f7f7; position:relative; }
.gzpk_sybg_01{ height:210px;}
.hzpk_sybg_02{ width:50px; height:50px; position:absolute; left:20px; top:191px;}
.hzpk_sybg_03{ margin-top:18px;}
.hzpk_sybg_wz1{ margin-left:80px;}
.hzpk_sybg_wz2{ margin-right:18px;}
.hzpk_sybg_04{ margin-top:16px; margin-left:20px;}
.mt32{ margin-top:32px;}
.mt20{ margin-top:20px;}
.hzpk_sybg_05{ margin-top:10px;}
.hzpk_sybg_05 ul li{ background:url(/hzpjs../images/hzpk_xhd1.gif) left center no-repeat; margin-left:9px; padding-left:15px; line-height:30px; font-size:14px;}


/*最热心得*/
.hzpk_daily_wz3{ margin-top:15px;}
.hzpk_hot{ height:16px; line-height:16px;}


/*精华心得排行榜*/
.ml5{ margin-left:5px;}
.hzpk_jhxd{ margin-top:25px;}
.hzpk_jhxd dl{ height:31px; margin-bottom:10px;}
.hzpk_jhxd_01{ width:64px; height:31px; background:#f1f1f1; line-height:31px; text-align:center; cursor:pointer; float:left; display:inline;}
.hzpk_jhxd_01 a{ text-decoration:none; }
.hzpk_jhxd_02{ float:left; display:inline; line-height:31px; margin-left:10px;}
.hzpk_jhxd_03{ float:right; display:inline; line-height:31px; margin-right:20px;}


/*肌肤困扰墙*/
.hzpk_word8{margin-top:20px; height:30px;  line-height:30px; margin-bottom:20px; _margin-bottom:10px; overflow:hidden;}
.hzpk_jfkr{ width:280px; overflow:hidden;}
.hzpk_jfkr ul{ width:300px; margin-right:-20px;}
.hzpk_jfkr ul li{ width:80px; float:left; display:inline; height:121px; margin-right:20px;}
.hzpk_yhtx{ width:78px; height:78px; border:1px solid #efefef;}
.hzpk_yhmz{ width:80px; text-align:center; margin-top:10px;}

/*品牌动态*/
.hzpk_word9{margin-top:10px;  line-height:30px; height:30px; }
.hzpk_ppdt{ }
.hzpk_ppdt ul li{ background:url(/hzpjs../images/hzpk_xhd1.gif) left center no-repeat; margin-left:9px; padding-left:15px; line-height:30px;}



/*头部大图滚动轮播*/
.hzpkjiao{ width:860px; height:350px;}
.rollbox {position:relative; z-index:10;}
.rollbox cite {display:block;text-align:center;padding:20px 0 0; display:none;}
.rollbox cite i {width:9px;height:9px;background:url(/hzpjs../images/clock04_sl.jpg) left top no-repeat;overflow:hidden;display:inline-block;*display:inline;margin:0 10px;cursor:pointer;}
.rollbox cite i.cur {background-position:left -10px;}

.rollbox .prev,.rollbox .next {background:url(/hzpjs../images/prev_clock_sl.png) left top no-repeat;width:196px;height:350px;position:absolute;top:0;z-index:10;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="/hzpjs/static/resource/index/css/images/prev_clock_sl.png"); cursor:pointer}
.rollbox .prev{left:0;}
.rollbox .next {background-image:url(/hzpjs../images/next_clock_sl.png);right:0;width:197px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="/hzpjs/static/resource/index/css/images/next_clock_sl.png");}
.rollbox .outbox {position:relative;width:860px;height:350px;overflow:hidden;}
.rollbox .outbox .mainbox {position:absolute;width:9999px;top:0;left:-271px;}
.rollbox .outbox .mainbox .mid {float:left;}
.rollbox .outbox .mainbox .more {float:left;}
.rollbox li {float:left;width:467px;position:relative;}
.rollbox li .more {position:absolute;width:100%;height:50px;left:0;bottom:0;overflow:hidden;display:none;}
.rollbox li .more .bc {width:100%;height:50px;background-color:#000;opacity:0.5;filter:alpha(opacity=50);z-index:10;position:absolute;left:0;top:0;}
.rollbox li .more .title {z-index:11;width:100%;position:absolute;width:100%;height:50px;line-height:50px;color:#fff;text-align:center;}
.rollbox li .more .title a {color:#fff;}
.rollbox li .more .title a:hover{text-decoration:none; color:#c6171e;}



/*抢试用写报告部分*/
.qxffpic1{ height:32px; width:60px; position:relative; }
.qxffpic1 img{top:10px; _top:8px; left:20px;  position:absolute;}
.qxffwz1{ width:60px; text-align:center; margin-top:3px;}
.qxffwz1 a,.qxffwz1 a:hover{ text-decoration:none; color:#fff;}


/*化妆品库面包屑*/
.hzpk_mbxab{ }
.hzpk_mbx2{ padding-left:20px; white-space:nowrap; padding-bottom:16px;}


a {text-decoration: none;}
a{text-decoration:none; color:#4b4b4b;}
a:hover{text-decoration:none; color:#c6171e;}




/*0901add*/
.add0901{ margin-top:18px; width:860px; overflow:hidden; }
.add0901 ul{ width:880px; margin-right:-20px;}
.add0901 ul li{ width:200px; height:113px; float:left; display:inline; margin-right:20px; position:relative;}
.hot0901{ position:absolute; bottom:0; left:0; width:100%; height:30px; background:#000;opacity:0.5;filter:alpha(opacity=50);z-index:10;}
.brand0901{position:absolute; bottom:0; left:0; width:100%; height:30px; line-height:30px; text-align:center; z-index:20; }




.backEE1{background:#EE1C24}

.hzpk_mbxab .lh70{ ine-height:24px;}
#searchbox{ float:right;}


/*1208*/

.hzpk_sybg1208{ width:280px; height:259px;  background:#f7f7f7; position:relative; }
.gzpk_sybg_011208{ height:174px; width:280px; overflow:hidden;}
.hzpk_sybg_021208{ width:50px; height:50px; position:absolute; left:20px; top:155px;}



.hzpk_new .hzpk_newwz {
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 16px;
    text-align: left;
    width: 135px;
}