/* css document */
.nav-ul .shis{ width:270px;}
.nav-ul .meir{ width:230px;}
.nav-ul .sheh{ width:230px;}
.nav-ul .yule{ width:180px;}
.pic-focus{ width:1200px; height:500px; vertical-align:middle;position:relative;overflow:hidden;zoom:1; min-width:1200px; margin:0 auto}
.pic-focus li{ display:none; position:absolute; vertical-align:middle; left:0; top:0; width:100%; height:100%;opacity:0;filter: progid:dximagetransform.microsoft.alpha(opacity=0);}
.pic-focus li img{width:1200px; height:100%;vertical-align:middle;}
.pic-focus li.current,.pic-focus li:first-child{ display:block;opacity:1;filter: progid:dximagetransform.microsoft.alpha(opacity=100);}
.circle{right:0; bottom:40px; height:5px; width:758px; margin-right:20px; text-align:right;}
.circle i{ display:inline-block; width:50px; height:5px; background-color:#fff; margin-right:15px; opacity:0.5;filter: progid:dximagetransform.microsoft.alpha(opacity=50);}
.circle .active{ opacity:1;filter: progid:dximagetransform.microsoft.alpha(opacity=100);}
.focus-info{ width:1200px; height:84px;margin:0 auto; margin-top:416px; z-index:9999999; position:relative}
.focus-info .bg{ height:84px; width:1200px; background-color:#000; position:absolute; left:0; top:0;opacity:.4;filter: progid:dximagetransform.microsoft.alpha(opacity=40);}
.focus-info a,.circle,.focus-info p{ position:absolute; z-index:9;}
.focus-info a:hover,.focus-info:hover a{color:#ee3985;}
.focus-info a{ text-align:center; overflow:hidden;zoom:1; height:44px; line-height:44px; width:350px; overflow:hidden; color:#fff; left:25px; top:20px; font-size:26px; font-weight:normal}
.focus-info p{ height:44px; line-height:22px; color:#fff; left:420px; top:20px; width:350px;display: -webkit-box;-webkit-line-clamp: 2;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.tab-nub .tab-tit i{cursor: default;position: relative;display: inline-block;width: 50%;height: 44px;text-align: center;line-height: 44px;font-size: 24px;}
/**推荐**/
.recbox{ margin-top:18px;height:484px;}
.recbox .left{ float:left; width:820px; overflow:hidden;}
.qnx1200 h3{ display:inline-block; float:left; height:44px; line-height:44px; float:left; font-size:24px;}
.recbox h3{ width:800px; margin-bottom:10px;}
.recbox .right{ float:right; width:380px; overflow:hidden;}
.recbox .left .recpic{ display:inline-block; float:left; width:380px; margin-right:30px; height:428px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.recbox .recpic img{ float:left}
.recbox .recpic span,.pic2-ul li span{ display:block; width:378px; height:58px; border-left:1px solid #eee; border-right:1px solid #eee; line-height:58px; overflow:hidden;zoom:1;font-size:16px; text-align:center; float:left}
.recbox .left img{width:380px; height:370px;}
/**推荐图2**/
.pic2{ margin-top:22px;}
.pic2 .pic2-ul{ width:110%}
.pic2 .pic2-ul li{ border-top:1px solid #eee; border-bottom:1px solid #eee; width:380px; height:288px; float:left; margin-right:30px;}
.pic2-ul li img{ width:380px; height:230px; float:left}
/**时尚**/
.fashion{ height:790px; overflow:hidden;zoom:1;}
.fashion .box-tit h2{ width:310px; background:#fff}
.fashion .rec-tags a,.fashion .rec-links a,.beauty .rec-tags a,.beauty .rec-links a{line-height:44px; margin:0 8px;}
.fashion .rec-tags,.beauty .rec-tags{ float:left; margin-left:20px; height:44px; width:475px; overflow:hidden;}
.fashion .rec-links,.beauty .rec-links{ float:right; color:#999; height:44px; width:575px; overflow:hidden;}
.fashion .rec-links a,.beauty .rec-links a{ color:#999;}
.fashion .rec-links a:hover,.beauty .rec-links a:hover{color:#ee3985;}
.fashion .left{ width:790px; float:left;height:636px; margin-top:10px;overflow:hidden;zoom:1; position:relative;}
.fashion .right{ float:right; width:380px; margin-top:10px;}
.fashion .right-ul{ height:610px;}
.fashion .right-ul .nub6{ background:url(/statics/css/num.png) 10px -314px no-repeat}
.fashion .right-ul .nub7{ background:url(/statics/css/num.png) 10px -370px no-repeat}
.fashion .right-ul .nub8{ background:url(/statics/css/num.png) 10px -427px no-repeat}
.fashion .right-ul .nub9{ background:url(/statics/css/num.png) 10px -482px no-repeat}
.fashion .tab-tit span{ font-size:20px;}
.fashion .focus img{ width:100%; height:100%;}
.fashion .focus img:hover{ opacity:1;filter: progid:dximagetransform.microsoft.alpha(opacity=100);}
.fashion .focus li{position:absolute; opacity:1; width:0; height:0; top:50px; z-index:1}
.fashion .zhez{ position:absolute; left:0; top:50px; z-index:888; width:790px; height:520px; background-color:#000; opacity:0.4;filter: progid:dximagetransform.microsoft.alpha(opacity=40);}
.fashion .left .btn{ cursor:pointer; width:205px; height:520px; position:absolute; top:50px; z-index:9999}
.fashion .left .prev{left:0; }
.fashion .left .next{right:0;}
.fashion .left .btn em{display:inline-block;-webkit-transition: all .3s ease-in-out; width:40px; height:70px; position:absolute; top:240px; z-index:9999; text-indent:-9999px;}
.fashion .left .prev em{background:url(/statics/css/sy_ico.png) 5px -179px no-repeat; left:10px;}
.fashion .left .next em{background:url(/statics/css/sy_ico.png) 6px -246px no-repeat; right:10px;}
.fashion .left .btn em:hover{ background-color:#000; opacity:0.5;filter: progid:dximagetransform.microsoft.alpha(opacity=50);}
.fashion .pic-info{ position:absolute; left:265px; bottom:40px; z-index:9999;width:260px; height:80px;}
.fashion .pic-info em{ display:inline-block; width:20px; height:20px; position:absolute;}
.fashion .pic-info .left-arr{ left:-1px; top:-1px; border-left:1px solid #fff; border-top:1px solid #fff;}
.fashion .pic-info .right-arr{ right:-1px; bottom:-1px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.fashion .pic-info .bg{ display:block; width:260px; height:80px; position:absolute; left:0; top:0; background-color:#000;opacity:0.5;filter: progid:dximagetransform.microsoft.alpha(opacity=50);}
.fashion .pic-info .text{ position:absolute; left:10px; top:5px; width:240px; height:70px; z-index:99; color:#fff; overflow:hidden}
.fashion .pic-info .title{ display:block; width:100%; height:30px; line-height:30px; overflow:hidden;zoom:1;transition: all .4s ease-in-out;}
.fashion .pic-info .title:hover,.fashion .pic-info:hover .title{color:#ee3985;}
.fashion .pic-info .info{width:240px; height:36px; line-height:18px; color:#ccc; font-size:12px;display: -webkit-box;-webkit-line-clamp: 2;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;_display:block;}
.fashion .circle0{ height:8px; position:absolute; left:0; bottom:0; text-align:center; width:100%}
.fashion .circle0 i{ display:inline-block; width:27px; height:5px; margin-right:10px; background-color:#b2b2b2; position:relative; top:-8px;margin-top:8px;}
.fashion .circle0 .active{ background-color:#000}
.fashion .tab-nub .right-ul{ height:586px;}
.fashion .tab-nub .right-ul li{ height:58px;}
.fashion .tab-nub .right-ul li a{ height:58px; line-height:58px;}
/**pic3**/
.pic3{ margin-top:10px;}
.pic3-ul{ overflow:hidden;zoom:1; width:105%;}
.pic3-ul li{ width:282px; height:496px; float:left; margin-right:25px;}
.pic3-ul li img{ width:282px; height:372px;}
.pic3-ul li .tit{ height:44px; margin:10px 0; line-height:44px;}
.pic3-ul li .tit h3{ display:inline-block; float:left}
.pic3-ul li .tit .more{ float:right; width:50px; height:44px;}
.pic3-ul li .tit .more em{ float:right; width:25px; height:10px; margin:17px 0; text-indent:-9999px; background:url(/statics/css/sy_ico.jpg) 0px -86px;transition: all .4s ease-in-out;}
.pic3-ul li .tit .more:hover em{ background:url(/statics/css/sy_ico.jpg) 0px -101px}
.pic3-ul .pic-text{ height:372px; position:relative;}
.pic3-ul .list-text{ height:50px; padding:5px 0;}
.pic3-ul .list-text a {display: block;height: 25px;line-height: 25px;padding-left: 20px;overflow: hidden;background: transparent no-repeat scroll 5px -113px;}
.pic3-ul .all-tit{ left:12px; bottom:20px; z-index:9}
.pic3-ul .all-tit,.pic3-ul .all-tit .bg,.pic3-ul .all-tit span{width:258px; height:38px; line-height:38px;}
.pic3-ul .all-tit span{left:15px;}
.pic3-ul .all-tit .text{ height:38px; line-height:38px; width:238px;}
.pic3-ul .all-tit .text:hover,.pic3-ul .pic-text:hover .text{color:#ee3985; }
/**优品**/
.pic4 .tit{ height:44px; width:100%; margin:10px 0 6px 0;}
.pic4 .rec-links{ display:inline-block; float:right; text-align:right}
.pic4 .rec-links a,.pic4 .rec-links em{color:#999}
.pic4 .rec-links a{line-height: 44px;margin: 0 8px; }
.pic4 .rec-links a:hover{color:#ee3985;}
.autopic{ width:100%; height:220px; position:relative; overflow:hidden;zoom:1;}
.autopic ul{ overflow:hidden;zoom:1; margin:0 auto; width:200%;}
.autopic li{ width:366px; height:220px; float:left; margin-left:27px; position:relative;}
.autopic li img{ width:100%; height:100%;}
.autopic .btn{ display:inline-block; width:42px; height:50px; position:absolute; top:85px; text-indent:-9999px; z-index:999; cursor:pointer }
.autopic .btn:hover{ opacity:0.8;filter: progid:dximagetransform.microsoft.alpha(opacity=80);}
.autopic .prev{ background:url(/statics/css/arr.png) 0px 0px no-repeat; left:0;}
.autopic .next{ background:url(/statics/css/arr.png) -43px 0px no-repeat; right:0;}
.pic5 .hjzb .all-tit,.autopic .all-tit{ display:block; left:20px; bottom:16px; z-index:9}
.pic5 .hjzb .all-tit,.autopic .all-tit,.autopic li .bg,.pic5 .hjzb .bg{width:326px; height:42px; line-height:42px;}
.pic5 .hjzb .all-tit .text,.autopic .all-tit .text{ height:42px; line-height:42px; width:306px;}
.pic5 .hjzb .all-tit .text:hover,.pic5 .hunji .hjzb:hover .text,.autopic .all-tit .text:hover,.autopic li:hover .text{color:#ee3985; }
/**大片 博主**/
.pic5{ margin-top:10px;}
.pic5 h3{ width:100%; margin:8px 0;}
.pic5 .dapan{ width:390px; float:left; margin-right:27px; margin-left:3px;}
.pic5 .hunji{ width:366px; float:left;}
.pic5 .bozhu{ width:387px; float:right;}
.focus5,.focus7{ width:390px; height:500px; clear:both; position:relative;}
.focus5-ul{ width:100%; height:475px;}
.pic5 .dapan li{ width:390px; height:475px; position:absolute; left:0; top:0; opacity:0; display:none}
.pic5 .dapan .current{ display:block; opacity:1}
.pic5 .dapan li img{ width:390px; height:380px; float:left}
.pic5 .dapan li .tit{ display:block; width:390px; height:40px; line-height:40px; margin-top:5px; overflow:hidden; font-size:18px; text-align:center; float:left}
.pic5 .dapan li .info{ display:block; float:left; height:50px; line-height:25px; text-align:center; color:#888;display: -webkit-box;-webkit-line-clamp: 2;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;_display:block;}
.focus5 .circle,.focus7 .circle{ width:100%; text-align:center; margin:0; bottom:20px;}
.focus5 .circle i,.focus7 .circle i{ height:6px; width:27px; background-color:#b2b2b2; margin-top:15px;}
.focus5 .circle .active,.focus7 .circle .active{ height:6px; width:27px; background-color:#000}
.pic5 .hunji img{ width:100%; height:220px;}
.pic5 .hunji .hjzb{ position:relative; width:100%; height:220px; clear:both}
/**美容**/
.beauty .title3{ overflow:hidden;zoom:1; margin-bottom:10px;}
.beauty .box-tit h2 {width: 280px; background: #ffffff; padding:0 10px; text-align: center;}
/**.beauty .box-tit h2:first-letter{color:#ff05f5;}*/
.beauty .focuss{ float:left; width:780px; background-color:#000; height:370px; position:relative;}
.beauty .right{ float:right; width:387px;}
.beauty .right img{width:387px; height:210px; float:left}
.focuss li{ width:780px; height:370px; position:absolute; left:0; top:0; display:none; opacity:0;filter:progid:dximagetransform.microsoft.alpha(opacity=0)}
.focuss li.current, .focuss li:first-child{ display:block; opacity:1;filter:progid:dximagetransform.microsoft.alpha(opacity=100)}
.focuss li img{ width:100%; height:100%;}
.focuss .circle { bottom:35px; margin:0; _bottom:25px;}
.focuss .circle i{ width:27px; margin-right:12px;}
.focuss .focus-info{ position:absolute; left:27px; height:55px; width:726px; margin-top:300px;}
.focuss .focus-info .bg{height:55px; width:726px;}
.focuss .focus-info a{ width:410px;height:55px; margin:0; line-height:55px; left:20px; top:0; text-align:left; font-size:18px;}
.focuss .focus-info a:hover{color:#ee3985;}
.focuss .focus-info em{ display:block;width:20px; height:20px; position:absolute;}
.focuss .left-arr{ left:-1px; top:-1px; border-left:1px solid #fff; border-top:1px solid #fff;}
.focuss .right-arr{ right:-1px; bottom:-1px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.beauty .list{ border-bottom:1px solid #eee; overflow:hidden;zoom:1; height:90px;}
.beauty .list .pic{ display:none}
.beauty .active .pic{ display:block}
.beauty .list p{ text-align:center; padding:13px 0 11px 0; float:left; width:100%}
.beauty .list .tit{ display:block; height:30px; line-height:30px; font-size:18px; overflow:hidden;zoom:1;}
.beauty .list .info{ display:block; color:#999; height:25px; line-height:25px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.beauty .mjcz{ width:105%; overflow:hidden}
.beauty .caizhu{ width:612px; float:left}
.beauty .caizhu .tit{ height:44px; line-height:44px; width:588px; margin:15px 0 10px 0;}
.beauty .caizhu .more {float: right;width: 50px;height: 44px;}
.beauty .caizhu .more em {float: right;width: 25px;height: 10px;margin: 17px 0;text-indent: -9999px;background: url(/statics/css/sy_ico.jpg) 0px -86px;transition: all .4s ease-in-out;}
.beauty .caizhu .more:hover em{ background:url(/statics/css/sy_ico.jpg) 0px -101px}
.beauty .caizhu-box{ width:282px; float:left; margin-right:24px;}
.beauty .caizhu-box img{ width:282px; height:372px;}
/**美发**/
.meifa{ width:780px; height:570px; overflow:hidden; float:left}
.pic5 .meifa h3{ display:inline-block; width:100px; float:left}
.meifa .rec-links{ margin:8px 0;}
.meifa-list .pic-text{ width:380px; height:500px; float:left}
.pic5 .shbz-box li .list{ border:none}
.meifa .meifa-list{ height:500px; width:810px;}
.meifa .pic-text{ width:380px; height:500px; float:left; position:relative; margin-right:20px;}
.meifa .pic-text img{ width:380px; height:500px;}
.pic5 .shbz-main .shbz-box{ height:510px;}
.pic5 .shbz-main .scbar,.pic5 .shbz-main .line{ height:505px}
.pic5 .scbar .line-auto{ height:495px}
.pic5 .shbz-box li{ padding:18px 0}
.meifa .all-tit{ left:28px; bottom:20px; z-index:9}
.meifa .all-tit,.meifa .all-tit .bg,.meifa .all-tit span{width:324px; height:38px; line-height:38px;}
.meifa .all-tit span{left:15px;}
.meifa .all-tit .text{ height:38px; line-height:38px; width:304px;}
.meifa .all-tit .text:hover,.meifa .pic-text:hover .text{color:#ee3985; }
/**生活**/
.life{*margin-top:30px;}
.life .box-tit h2 {width: 200px;background: #fff;}
.life .life-pic{ width:110%; overflow:hidden;zoom:1;margin-top:10px;}
.life .life-pic li{ width:280px; height:275px; overflow:hidden; margin-bottom:24px; float:left; margin-right:29px; position:relative}
.life-pic img{ width:100%; height:100%;}
.life-pic .text{ width:280px; height:275px; position:absolute; left:0; top:275px; text-align:center; opacity:0;}
.life-pic .text .bg{ position:absolute; left:0; top:0; display:block; width:280px; height:275px; background-color:#000; opacity:0.6;filter: progid:dximagetransform.microsoft.alpha(opacity=60);}
.life-pic .text em{ display:block;width:50px; height:50px; position:absolute; z-index:9;}
.life-pic .text .left-arr{ left:14px; top:14px; border-left:1px solid #fff; border-top:1px solid #fff;}
.life-pic .text .right-arr{ right:14px; bottom:14px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.life-pic .text a{position:absolute; left:20px; top:110px;width:240px; display:block; height:40px; line-height:40px; overflow:hidden; overflow:hidden; font-size:18px; color:#fff; z-index:99}
.life-pic .text a:hover{color:#ee3985;}
.life-pic .text .cata{ top:70px; font-size:24px; height:40px; line-height:40px;}
.life-pic .text p{ position:absolute; left:20px; top:150px; z-index:9; color:#fff; line-height:21px; height:42px; width:240px;display: -webkit-box;-webkit-line-clamp: 2;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;_display:block;}
.life-pic .tag{ z-index:9;position:absolute; left:10px; top:10px;height:28px; line-height:28px; color:#fff; padding:0 10px; background-color:#000; opacity:0.7;filter: progid:dximagetransform.microsoft.alpha(opacity=70); font-weight:normal;}
/**关键词**/
.keyword{*margin-top:30px;}
.keyword .box-tit{ margin-top:10px;}
.keyword .box-tit h2 {width:390px;background: #fff;}
.keyword .key-ul{ width:110%; margin:15px 0 8px 0; overflow:hidden;zoom:1;}
.keyword .key-ul li{ width:283px; padding:8px 0 15px 0; height:auto; float:left; overflow:hidden;zoom:1; margin-right:20px; border:1px solid #e2e2e2;}
.keyword .key-ul h4 a{ display:block; height:30px; line-height:30px; width:100%; float:left; margin-left:15px; font-size:18px; font-weight:normal; color:#fa287c;}
.keyword .key-ul p{ margin-left:15px;}
.keyword .key-ul p a{ display:inline-block; margin-top:5px; margin-right:11px;}
.pic5 .meifa .dapan {
margin-right: 0;
}