/**************************************** 
  全局样式
 ****************************************/
*{ margin:0; padding:0;}
html, body{ font-family:"微软雅黑"; font-size:12px; line-height:1.5em; color:#333;}
ul, li, ul li, dl, dt, dd{ list-style:none; margin:0; padding:0;}
a:focus{ outline:none;}
a:hover{ text-decoration:none;}

.mar-0{ margin:0;}
.mar-t-10{ margin-top:10px;}
.mar-t-20{ margin-top:20px;}
.mar-t-30{ margin-top:30px;}
.mar-t-40{ margin-top:40px;}
.mar-t-50{ margin-top:50px;}
.mar-b-10{ margin-bottom:10px;}
.mar-b-20{ margin-bottom:20px;}
.mar-b-30{ margin-bottom:30px;}
.mar-b-40{ margin-bottom:40px;}
.mar-b-50{ margin-bottom:50px;}
.mar-r-0{ margin-right:0;}
.mar-r-1{ margin-right:1px;}
.mar-r-5{ margin-right:5px;}
.mar-r-10{ margin-right:10px;}
.mar-r-20{ margin-right:20px;}
.mar-r-30{ margin-right:30px;}
.mar-r-60{ margin-right:60px;}
.mar-r-80{ margin-right:80px;}
.mar-r-100{ margin-right:100px;}
.mar-r-135{ margin-right:135px;}

.width-200{ width:200px;}
.width-210{ width:210px;}
.width-350{ width:350px;}

.space-20{ height:20px;}

/* 链接Hover */
a.link-hover:hover{ color:#ff4400!important;}

/* 图片Hover */
.img-hover:hover{ opacity:0.8;}

/* 布局 */
.wrapper{ position:relative; background:#fff;}
.min-width{ min-width:1200px;}
.min-width-v2{ min-width:1140px;}
.container{ width:1200px; overflow:hidden;}
.container-v2{ width:1120px; margin:0 auto;}
.clear{ clear:both;}
.position-r{ position:relative;}

.content{ padding:20px 0;}
.content-v2{ background:#f8f8f8;}
.content-border{ border-right:1px solid #eee;}
.main-contnet{ float:left; width:892px; border-left:1px solid #eee; border-right:1px solid #eee; padding:0 10px;}
.side{ float:right; width:300px; padding:0 10px 0 0;}


/**************************************** 
  头部工具栏
 ****************************************/
.tool-bar{ background:rgba(255,255,255,.9); border-bottom:1px solid #f1f1f1; height:38px; line-height:38px; width:100%;}
.tool-bar-fixed{ position:fixed; left:0; top:0; box-shadow:0 1px 1px rgba(0,0,0,.1); z-index:9999;}
.tool-bar span.sep{ color:#e5e5e5;}
.tool-bar-fixed span.sep{ display:none;}
.tool-bar-fixed .tool-bar-l i{ display:inline-block; width:3px; height:3px; background:#ff4400; position:relative; top:-3px;}

.tool-bar-l { position: relative; padding-left: 91px;}
.tool-bar-l li{ position:relative; float:left; height: 38px;}
.tool-bar-l li a{ display:inline-block; line-height: 38px; padding:0 12px; margin:0; color:#666;}
.tool-bar-l li a.active{ border-bottom:3px solid #f28fa7;}
.tool-bar-l li.home{ margin-left: -91px; padding-left: 10px; width:91px; z-index: 8;}
.tool-bar-l li.home a{ padding:0; color:#ff4400; font-size: 14px;}
.tool-bar-l li.logo-s{ display:none; position: absolute; left: 0; top: 0; height: 42px; width:91px; background: url(../images/header/logo-s2.png) no-repeat; padding-left: 35px; z-index: 9;}
.tool-bar-l li.logo-s a{ padding:0; margin-left: 0; line-height: 20px; font-size: 14px; color: #fff;}
.tool-bar-l li.logo-s img{ margin-right:6px;}
.tool-bar-l li.info:hover > a{ color: #ff4400;}
.tool-bar-l li.info span.icon-dropdown{ margin-left: -10px;}

.tool-bar-r li{ position:relative; float:left; height: 38px;}
.tool-bar-r li a{ display:inline-block; line-height: 38px; padding:0 15px; color:#666;}
.tool-bar-r li.login a{ color:#ff4400;}
.tool-bar-r li.login span.icon-dropdown{ margin-right: 5px;}
.tool-bar-r li.logined{ display:none; color:#ff4400;}
.tool-bar-r li.logined a{ color:#ff4400;}
.tool-bar-r li.logined-register{ display:none;}
.tool-bar-r li.logined-register a:hover{ color:#ff4400;}
.tool-bar-r li.register a:hover{ color:#ff4400;}
.tool-bar-r li.weixin a{ padding:0 15px 0 12px;}
.tool-bar-r li.weixin:hover a{ color:#ff4400;}
.tool-bar-r li.login-qq a, .tool-bar-r li.login-weibo a{ padding: 0 10px;}
.tool-bar-r li i.qq{ display: inline-block; background: url(../images/header/icons-login.png) no-repeat; background-position: 0 -7px; width: 16px; height: 17px; position: relative; top: 4px;}
.tool-bar-r li i.weibo{ display: inline-block; background: url(../images/header/icons-login.png) no-repeat; background-position: 0 -24px; width: 21px; height: 17px; position: relative; top: 4px;}


.tool-bar-dropdown{ display: none; position:absolute; padding-top: 10px; z-index:999;}
.dropdown-inner{ position: relative; background:#fff; border:1px solid #ececec; border-bottom:1px solid #dedede; border-radius:2px; box-shadow:0 1px 2px #f1f1f1; margin: 0; padding: 0;}
.dropdown-arrow{ display: block; position: absolute; top: -7px; left:50%; margin-left: -6px; background: url(../images/header/icons-login.png) no-repeat; background-position: 0 0; width: 13px; height: 7px;}

.info-dropdown{ left:50%; margin-left: -45px; top:38px; width:80px; text-align:center;}
.info-dropdown dl{ padding: 10px 0;}
.info-dropdown dd a{ height: 28px; line-height: 28px; margin: 0; padding: 0; color:#666;}

.login-dropdown{ left: 50%; top: 38px; margin-left: -55px; width: 110px; text-align: center;}
.login-dropdown dl{ padding: 10px 0;}
.login-dropdown dd{ margin-left: -3px;}
.login-dropdown dd a{ height: 28px; line-height: 28px; padding: 0; color: #666!important;}
.login-dropdown dd a:hover{ color: #ff4400!important;}
 
.weixin-dropdown{ left:50%; top:38px; width:200px; margin-left: -100px; height:280px;}
.weixin-dropdown-box{ padding: 20px 0; text-align: center;}
.weixin-dropdown-box p{ padding:5px 0 0 0; margin:0; color:#333;}
.weixin-dropdown-box h5{ margin: 0; color:#ff4400; font-weight:bold;}
.weixin-dropdown-box img{ width: 130px; height: 130px;}

.tool-bar li span.icon-dropdown{ display:inline-block; background:url(../images/header/arrow-down.png) no-repeat left top; width:16px; height:16px; margin-left:-15px; margin-bottom:-4px; transition:transform 0.2s ease-in 0s; -webkit-transition:transform 0.2s ease-in 0s; -moz-transition:transform 0.2s ease-in 0s;}
.tool-bar li:hover span.icon-dropdown{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transfrom-origin:50% 50% 0; -webkit-transfrom-origin:50% 50% 0; -moz-transfrom-origin:50% 50% 0;}
.tool-bar li.info span.icon-dropdown{ margin-right:10px;}


/**************************************** 
  头部样式
 ****************************************/
.header{ height:81px;}
.logo{ height:81px; line-height:81px; margin-top:5px;}
.search{ float:right; position:relative; padding:30px 5px 0 0;}
.search input[type=text]{ float:left; background:#fff; border:1px solid #e6e6e6; border-right:none; height:35px; width:220px; margin:0; padding:0 5px; font-size:13px; color:#666;}
.search input[type=submit]{ display:block; float:right; background:#ff4400; border:none; width:70px; height:35px; font-size:16px; color:#fff;}
.hot-search{ padding:34px 10px 0 0;}
.hot-search a{ display:inline-block; background:url(../images/home/sep.png) no-repeat right center #fff; padding-right:20px; margin:5px 5px 0 0; color:#adadad;}
.hot-search a:last-child{ background:none; padding-right:0;}

.sub-logo{ height:81px; line-height:81px;}
.sub-logo span{ display:inline-block; position:relative; top:4px; margin:0 0 0 10px; font-size:20px; color:#6a6a6a;}


/**************************************** 
  首页导航
 ****************************************/
.nav{ background:#fff; border-top:2px solid #ff4400; border-bottom:1px solid #f0f0f0; height:62px; margin-top:10px; overflow:hidden;}
.nav-l{ border-left:1px solid #f4f4f4;}
.nav-l li{ float:left; height:60px; padding-top:15px;}
.nav-l li a{ display:inline-block; background:url(../images/nav/nav-sep.jpg) no-repeat right center; padding:0 8px; margin:0; font-size:18px; color:#333;}
.nav-l li a span{ display:inline-block; padding:6px 15px; margin:0; width:85px; text-align:center;}
.nav-l li:hover a span, .nav-l li.active a span{ color:#fff; background-color:#ff4400; border-radius:0;}

.nav-r{ border-right:1px solid #f4f4f4;}
.nav-r li{ position:relative; float:left; height:60px; line-height:60px;}
.nav-r li a{ display:inline-block; padding:0 15px; font-size:18px; color:#333;}
.nav-r li a.active, .nav-r li a:hover{ color:#ff4400;}
.nav-r li a i{ position:relative; top:-5px; display:inline-block; background:#ccc; width:3px; height:3px; margin:0 15px 0 0;}
.nav-r li span.hot{ position:absolute; right:-5px; top:7px; background:url(../images/nav/icon-hot.gif) no-repeat; width:17px; height:11px;}


/**************************************** 
  频道导航
 ****************************************/
.c-nav{ background:#fff; border-bottom:1px solid #ff4400;}
.c-nav li{ float:left;} 
.c-nav li a{ display:block; padding:0 25px; height:45px; line-height:45px; font-size:16px; color:#333;} 
.c-nav li:hover a, .c-nav li.active a{ background:#ff4400; color:#fff;} 

/**************************************** 
  二级栏目导航
 ****************************************/
.sub-nav{ background:#6a6a6a; }
.sub-nav-i{ background:#666; height:50px; margin:10px auto 0 auto; overflow:hidden;}
.sub-nav-l{ border-left:1px solid rgba(255,255,255,.2);}
.sub-nav-l li{ float:left; height:50px; padding-top:10px; border-right:1px solid rgba(255,255,255,.2);}
.sub-nav-l li a{ display:inline-block; padding:0 8px; margin:0; font-size:18px; color:#fff;}
.sub-nav-l li a span{ display:inline-block; padding:6px 15px; margin:0; width:120px; text-align:center;}
.sub-nav-l li:hover, .sub-nav-l li.active{ background:#ff4400;}
.sub-nav-l li:hover a, .sub-nav-l li.active a{ color:#fff;}
 
/**************************************** 
  内页导航
 ****************************************/
.inner-nav{ background:url(../images/nav/nav-bg.jpg) repeat-x top; height:44px;}
.inner-nav-baby{ border-top:3px solid #9bc31b;}
.inner-nav-mum{ border-top:3px solid #fb7b9a;}
.inner-nav-dad{ border-top:3px solid #30b6d7;}

.inner-nav ul li{ position:relative; float:left; background:url(../images/nav/nav-shadow.png) no-repeat left top; padding-left:23px;}
.inner-nav ul li h3{ margin:4px 0 2px 0; padding:0; font-size:14px; font-weight:bold;}
.inner-nav ul li h3 a{ color:#424242; text-decoration:none;}
.inner-nav ul li .sub-items a{ margin:0 30px 0 0; color:#acacac; text-decoration:none;}
.inner-nav ul li .sub-items a.active, .inner-nav ul li .sub-items a:hover{ color:#deab47;}

.inner-nav-baby ul li.first-item{ background:url(../images/nav/nav-hover-baby.jpg) repeat-x top; height:41px; width:50px; padding:5px 0 0 11px;}
.inner-nav-baby-icon{ display:inline-block; background:url(../images/nav/nav-icon-baby-2.png) no-repeat; width:27px; height:31px;}
.inner-nav-mum ul li.first-item{ background:url(../images/nav/nav-hover-mum.jpg) repeat-x top; height:41px; width:50px; padding:5px 0 0 10px;}
.inner-nav-mum-icon{ display:inline-block; background:url(../images/nav/nav-icon-mum-2.png) no-repeat; width:29px; height:31px;}
.inner-nav-dad ul li.first-item{ background:url(../images/nav/nav-hover-dad.jpg) repeat-x top; height:41px; width:50px; padding:5px 0 0 8px;}
.inner-nav-dad-icon{ display:inline-block; background:url(../images/nav/nav-icon-dad-2.png) no-repeat; width:33px; height:30px;}

/* 下拉菜单 */
.inner-nav ul li.with-dropdown span{ margin:6px 0 0 0;}
.inner-nav ul li.with-dropdown h3{ margin:4px 0 2px 40px;}
.inner-nav ul li.with-dropdown .sub-items{ margin:0 0 0 40px;}
.inner-nav ul li.with-dropdown .sub-items a{ margin-right:15px;}

.inner-nav ul li.mum-with-dropdown{ padding-right:10px;}
.inner-nav ul li.baby-with-dropdown:hover{ background:url(../images/nav/nav-hover-baby.jpg) repeat-x top; height:45px;}
.inner-nav ul li.mum-with-dropdown:hover{ background:url(../images/nav/nav-hover-mum.jpg) repeat-x top; height:45px;}
.inner-nav ul li.dad-with-dropdown:hover{ background:url(../images/nav/nav-hover-dad.jpg) repeat-x top; height:45px;}

.inner-nav ul li.with-dropdown:hover .nav-icon-baby{ background:url(../images/nav/nav-icon-baby-2.png) no-repeat; width:29px; height:31px;}
.inner-nav ul li.with-dropdown:hover .nav-icon-mum{ background:url(../images/nav/nav-icon-mum-2.png) no-repeat; width:29px; height:31px;}
.inner-nav ul li.with-dropdown:hover .nav-icon-dad{ background:url(../images/nav/nav-icon-dad-2.png) no-repeat; width:33px; height:31px;}
.inner-nav ul li.with-dropdown:hover h3 a, .inner-nav ul li.with-dropdown:hover .sub-items a{ color:#fff;}

.inner-nav .nav-dropdown{ display:none; position:absolute; left:0; top:45px; padding:18px 20px 5px 20px; background:#fff; width:315px; height:125px; box-shadow:0.5px 0.5px 1px 1px rgba(0,0,0,.1); z-index:9999;}
.inner-nav .nav-dropdown-arrow{ position:absolute; left:30px; top:-11px; background:url(../images/nav/nav-dropdown-arrow.png) no-repeat; width:9px; height:5px;}
.inner-nav .nav-dropdown ul li{ background:none; padding:0 0 10px 5px; height:auto; border-bottom:1px solid #f2f2f2; margin-bottom:10px; width:100%;}
.inner-nav .nav-dropdown ul li.last{ border-bottom:none;}
.inner-nav .nav-dropdown ul li a{ display:inline-block; width:50px; margin:0 10px 0 0; color:#666;}
.inner-nav .nav-dropdown ul li a.title{ display:inline-block; width:55px; margin:0; font-weight:bold; color:#e3a800;}
.inner-nav .nav-dropdown ul li span.nav-sep-2{ display:inline-block; position:relative; top:2px; background:url(../images/nav/nav-sep-2.jpg) no-repeat; width:1px; height:11px; margin:0 18px 0 12px; padding:0;}
.inner-nav .nav-dropdown-mum ul li a{ width:42px; margin:0 4px 0 0;}


/* 当前位置 */
.inner-current-page{ height:181px; width:287px; color:#fff; padding:25px 15px 5px;}
.inner-current-page h1{ margin:0 0 30px 0; font-size:30px; font-family:"微软雅黑"; text-align:right;}
.inner-current-page p{ margin:0 0 25px 0; text-align:right;}
.inner-current-page a{ color:#fff;}

.inner-current-page2{ height:122px; width:287px; color:#fff; padding:15px 15px 5px;}
.inner-current-page2 h1{ margin:0 0 15px 0; font-size:30px; font-family:"微软雅黑"; text-align:right;}
.inner-current-page2 p{ margin:0 0 15px 0; text-align:right;}
.inner-current-page2 a{ color:#fff;}


/**************************************** 
  底部样式
 ****************************************/
.footer{ background:#f8f8f8; height:90px; color:#666; text-align:center;}
.footer-dark-blue{ background:#3FABCB;}
.footer-pink{ background:#f9afbe;}
.footer-green{ background:#8aad2d;}
.footer-white{ background:#fff;}
.footer-links{ padding-top:25px; border-top: 1px solid #e3e3e3;}
.footer-links a{ display:inline-block; margin:0; padding:0; color:#666;}
.footer-links span.footer-sep{ display:inline-block; padding:0 0 0 5px;}
.copyright{ padding-top:10px;}

.footer-white .footer-links a{ color:#333;}
.footer-white .copyright{ color:#333;}

/* 返回顶部 */
a.back-top{ display:none; position:fixed; bottom:100px; right:5px; background:url(../images/header/icon-top.jpg) no-repeat center center #fff; border:1px solid #eaeaea; width:42px; height:42px;}

/* 母婴工具 */
a.side-tool{ display:inline-block; position:fixed; bottom:200px; right:5px; background:url(../images/header/icon-tool.png) no-repeat center center #fff; border:1px solid #eaeaea; width:42px; height:42px;}

/* 反馈 */
a.fb-open{ display:inline-block; position:fixed; bottom:150px; right:5px; background:url(../images/header/icon-fb.jpg) no-repeat center center #fff; border:1px solid #eaeaea; width:42px; height:42px;}

/* 微信 */
a.side-weixin{ display:inline-block; position:fixed; bottom:250px; right:5px; background:url(../images/header/icon-weixin.png) no-repeat center center #fff; border:1px solid #eaeaea; width:42px; height:42px;}

.side-weixin-outer{ display:none; position:fixed; right:10px; bottom:290px;}
.side-weixin-box{ }
.side-weixin-box img{ float:left; }
.side-weixin-box .desc{ float:left; margin:0 0 0 10px; padding:10px 0 0 0;}
.side-weixin-box .desc h3{ margin:0 0 15px 0; font-size:14px; color:#333;}
.side-weixin-box .desc p{ margin:0; font-size:12px; color:#666;}
i.weixin-arrow{ position:absolute; right:-7px; top:12px; display:inline-block; background:url(../images/header/weixin-arrow.png) no-repeat; width:7px; height:13px;}

/* 分页导航 */
.pagination a{ margin:10px 2px;}
.currp{ border:1px solid #E3E3E3; background:#eee; height:24px; line-height:24px; padding:0 10px; margin:10px 2px; border-raidus:0px;}

/* 文章赞赏 */
a.button-collect{ display:inline-block; background:url(../images/button-collect-bg.png) no-repeat; width:149px; height:41px; line-height:41px; margin-right:15px; font-size:14px; font-weight:bold; color:#fff; text-align:center; text-decoration:none;}
a.button-like{ display:inline-block; background:url(../images/button-like-bg.png) no-repeat; width:149px; height:41px; line-height:41px; font-size:14px; font-weight:bold; color:#fff; text-align:center; text-decoration:none;}
a.button-collect span, a.button-like span{ position:relative; top:9px; left:-5px;}
.icon-star{ display:inline-block; background:url(../images/icon-star.png) no-repeat; width:27px; height:28px;}
.icon-heart{ display:inline-block; background:url(../images/icon-heart.png) no-repeat; width:27px; height:28px;}


/**************************************** 
  广告
 ****************************************/
.home-ad-section{ background:#fff; padding:5px; margin:-10px 0 20px 0; overflow:hidden;} 
.home-ad-section img{ width:100%;} 

.list-ad-section{ border:1px solid #eee; margin-bottom:20px; overflow:hidden;} 
 
.detail-ad-section{ border:1px solid #eee; margin-top:20px; overflow:hidden;}