/*
	Babytree global header (cross-site, for embedding)
*/
#babytree-global-header {
	width: 100%;
	height: 40px;
	background: #EFEFEF url(/img/header_footer/global/babytree-global-header-misc.png?2013012901) repeat-x 0 -120px;
	clear: both;
	color: #999;
	position: relative;
	z-index: 99;
	line-height: 20px;
	margin: 0 0 5px;
}
#babytree-global-header p,
#babytree-global-header li,
#babytree-global-header td {
	line-height: 20px;
}
#babytree-global-header a {
	color: #777;
	display: inline-block;
}
#babytree-global-header a:hover {
	color: #F59833;
}
#babytree-global-header .header-inner {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}
#babytree-global-header .site-logo {
	float: left;
	display: inline;
}
#babytree-global-header .site-logo li {
	width: 80px;
	height: 40px;
	float: left;
	background: transparent url(/img/header_footer/global/babytree-global-header-misc.png?2013012901) no-repeat 0 0;
	position: relative;
}
#babytree-global-header .site-logo .active {
	background-position: 0 -50px;
}
#babytree-global-header .site-logo a {
	width: 74px;
	height: 34px;
	text-indent: -9999px;
	display: block;
	margin: 6px auto 0;
	background-repeat: no-repeat;
	background: transparent url('//pic06.babytreeimg.com/contentplatform/20230424/FpuzCwXbjDICWmRifPZ3Wm50wjVr') no-repeat -9999px -9999px;
	background: transparent url('//pic06.babytreeimg.com/contentplatform/20230424/FpuzCwXbjDICWmRifPZ3Wm50wjVr') no-repeat -9999px -9999px\9;
    background-size: 720px auto;
}
#babytree-global-header .site-logo .logo-babytree {
	background-position: 8px 5px;
}
#babytree-global-header .site-logo .active .logo-babytree {
	background-position: 8px -25px;
}
#babytree-global-header .site-logo .logo-meitun {
	background-position: -50px 5px;
	background-position: -50px 5px\9;
}
#babytree-global-header .site-logo .active .logo-meitun {
	background-position: -50px -25px;
	background-position: -50px -25px\9;
}
#babytree-global-header .site-logo .logo-mika {
	background-position: -162px 2px;
	background-position: -160px 2px\9;
}
#babytree-global-header .site-logo .active .logo-mika {
	background-position: -162px -30px;
	background-position: -160px -30px\9;
}
#babytree-global-header .site-logo .logo-babybox {
	background-position: -172px 5px;
	background-position: -172px 5px\9;
}
#babytree-global-header .site-logo .active .logo-babybox {
	background-position: -172px -25px;
	background-position: -172px -25px\9;
}
#babytree-global-header .site-logo .logo-mobile {
	background-position: -233px 5px;
	background-position: -233px 5px\9;
}
#babytree-global-header .site-logo .active .logo-mobile {
	background-position: -233px -25px;
	background-position: -233px -25px\9;
}
#babytree-global-header .site-logo .logo-babybook {
	background-position: -291px 5px;
	background-position: -291px 5px\9;
}
#babytree-global-header .site-logo .active .logo-babybook {
	background-position: -291px -25px;
	background-position: -291px -25px\9;
}
#babytree-global-header .site-logo .logo-yunqibox {
    background-position: -565px 0;
    background-position: -560px 0\9;
}
#babytree-global-header .site-logo .active .logo-yunqibox {
    background-position: -565px -40px;
    background-position: -560px -40px\9;
}
#babytree-global-header .site-logo .logo-lama {
    background-position: -413px 5px;
    background-position: -413px 5px\9;
}
#babytree-global-header .site-logo .active .logo-lama {
    background-position: -413px -25px;
    background-position: -413px -25px\9;
}
#babytree-global-header .site-logo .logo-record {
	background-position: -535px 5px;
	background-position: -535px 5px\9;
}
#babytree-global-header .site-logo .active .logo-record {
	background-position: -535px -25px;
	background-position: -535px -25px\9;
}
#babytree-global-header .site-logo .logo-cartoon {
	background-position: -593px 5px;
	background-position: -593px 5px\9;
}
#babytree-global-header .site-logo .active .logo-cartoon {
	background-position: -593px -25px;
	background-position: -593px -25px\9;
}
#babytree-global-header .site-logo .logo-medicine {
	background-position: -655px 5px;
	background-position: -655px 5px\9;
}
#babytree-global-header .site-logo .active .logo-medicine {
	background-position: -655px -25px;
	background-position: -655px -25px\9;
}
#babytree-global-header .site-logo .logo-erge {
    background-position: -475px 5px;
    background-position: -475px 5px\9;
}
#babytree-global-header .site-logo .active .logo-erge {
    background-position: -475px -25px;
    background-position: -475px -25px\9;
}
#babytree-global-header .site-logo a .new {
	width: 22px;
	height: 7px;
	background: transparent url(/img/common/new2.png) no-repeat;
	position: absolute;
	margin: -20px 0 0;
	top: 29px;
	right: 30px;
}
#babytree-global-header .site-music {
	float: left;
	display: inline;
	margin: 0 0 0 30px;
	padding: 10px 0 0;
}
#babytree-global-header .user-login {
	float: right;
	display: inline;
	margin: 10px 0 0;
}
#babytree-global-header .user-login .login-section {
	float: left;
	display: inline;
	position: relative;
}
#babytree-global-header .global-header-trigger {
	width: 7px;
	height: 4px;
	cursor: pointer;
	background: transparent url(/img/header_footer/global/babytree-global-header-misc.png?2013012901) no-repeat 0 -100px;
	float: left;
	display: inline;
	margin: 8px 0 -3px 3px;
}
#babytree-global-header .user-connect a {
	margin: 0 10px 0 0;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
#babytree-global-header .connect-taobao{
	background: transparent url(/img/header_footer/global/ico-taobao.png) no-repeat center center;
}
#babytree-global-header .connect-qq {
	background: transparent url(/img/header_footer/global/ico-qq.png) no-repeat center center;
}
#babytree-global-header .connect-sina {
	background: transparent url(/img/header_footer/global/ico-sina.png) no-repeat center center;
}
#babytree-global-header .connect-alipay{
	background: transparent url(/img/header_footer/global/ico-alipay.png) no-repeat center center;
}
#babytree-global-header .user-profile {
	margin: 0 10px 0 0;
}
#babytree-global-header .user-profile .user-avatar {
	float: left;
	display: inline;
}
#babytree-global-header .user-profile .user-avatar img {
	width: 18px;
	height: 18px;
	display: block;
	background-color: #FFF;
	border: 1px solid #CCC;
}
#babytree-global-header .user-inform {
	margin: 0 10px 0 0;
}
#babytree-global-header .user-inform .inform-item {
	float: left;
	display: inline;
	width: 16px;
	height: 13px;
	background: transparent url(/img/header_footer/global/babytree-global-header-misc.png?2013012901) no-repeat -9999px -9999px;
	cursor: pointer;
	margin: 3px 0 0;
}
#babytree-global-header .user-inform .inform-message {
	background-position: -20px -100px;
}
#babytree-global-header .user-inform .inform-friend {
	background-position: -40px -100px;
}
#babytree-global-header .unread {
	position: absolute;
	margin: -7px 0 0 0;
	text-align: center;
	width: 32px;
}
#babytree-global-header .unread strong {
	line-height: 12px;
	font-size: 9px;
	font-family: Verdana;
	color: #FFF;
	background-color: #F37E00;
	border-radius: 2px;
	padding: 0 3px;
	-webkit-text-size-adjust: none;
	white-space: nowrap;
}
#babytree-global-header .user-credit {
	margin: 0 5px 0 0;
}
#babytree-global-header .user-access {
	float: left;
	margin: 0 0 0 4px;
}
#babytree-global-header .user-access .access-trigger {
	float: left;
}
#babytree-global-header .section-panel {
	padding: 10px;
	margin: -10px -10px 0 0;
	height: 20px;
	float: left;
	cursor: pointer;
	position: relative;
	z-index: 101;
	border-radius: 2px 2px 0 0;
}
#babytree-global-header .section-panel a {
	color: #999;
}
#babytree-global-header .section-panel a:hover {
	text-decoration: none;
}
#babytree-global-header .section-panel-on {
	border: 1px solid #C0C0C0;
	border-width: 1px 1px 0;
	padding: 9px;
	background-color: #FFF;
	box-shadow: 1px 0px 0px #BEBEBE;
}
#babytree-global-header .section-panel-on .global-header-trigger {
	background-position: -10px -100px;
}
#babytree-global-header .user-access .section-panel {
	padding: 10px 7px;
	margin-right: 0;
}
#babytree-global-header .user-access .section-panel-on {
	padding: 9px 6px;
}
#babytree-global-header .section-panel-menu {
	border: 1px solid #C0C0C0;
	background-color: #FFF;
	padding: 8px 10px;
	position: absolute;
	z-index: 100;
	right: -10px;
	top: 28px;
	box-shadow: 1px 1px 0px #BEBEBE;
	border-radius: 0 0 2px 2px;
	display: none;
}
#babytree-global-header .section-panel-menu a {
	padding: 0 .5em;
}
#babytree-global-header .section-panel-menu a:hover {
	text-decoration: none;
}
/* loading */
#babytree-global-header .global-loading {
	background: transparent url(/img/mybabytree_v2/common/loading.gif) no-repeat center center;
	height: 50px;
}
/* popup menu */
#babytree-global-header .global-header-profile-popup ul {
	width: 10em;
	float: left;
	clear: both;
}
#babytree-global-header .global-header-profile-popup li {
	float: left;
	width: 5em;
	padding: 1px 0;
}
#babytree-global-header .global-header-profile-popup .profile-1 a:hover {
	background-color: #F59833;
	border-radius: 2px;
	color: #FFF;
}
#babytree-global-header .global-header-profile-popup .full-col {
	width: auto;
}
#babytree-global-header .global-header-profile-popup .profile-2 {
	border-top: 1px dotted #A0A0A0;
	margin: 8px 0 0;
	padding: 8px 0 0;
}
#babytree-global-header .global-header-message-popup {
	width: 110px;
	padding: 5px;
}
#babytree-global-header .global-header-message-popup .message-type {
	width: 4em;
	text-align: right;
	display: inline-block;
	margin: 0 .5em 0 0;
}
.global-header-message-popup li {
	white-space: nowrap;
}
#babytree-global-header .global-header-message-popup a {
	display: block;
}
.global-header-friend-popup .friend-list {
	width: 200px;
}
.global-header-friend-popup .list-item {
	border-bottom: 1px dotted #CCC;
	padding: 0 0 6px;
	zoom: 1;
	margin: 0 0 10px;
}
.global-header-friend-popup .list-item:after {
	content: " ";
	display: table;
	clear: both;
}
.global-header-friend-popup .list-thumb {
	float: left;
	margin: 0 10px 0 0;
}
#babytree-global-header .global-header-friend-popup .list-thumb a {
	padding: 0;
}
.global-header-friend-popup .list-thumb img {
	width: 32px;
	height: 32px;
}
.global-header-friend-popup .list-detail {
	width: 158px;
	float: left;
	display: inline;
	overflow: hidden;
}
.global-header-friend-popup .list-detail p {
	width: 152px;
	padding: 0 0 0 6px;
}
#babytree-global-header .global-header-friend-popup .user-name a {
	margin: 0 0 0 -6px;
}
#babytree-global-header .global-header-friend-popup .user-name a:hover {
	background-color: #F59833;
	border-radius: 2px;
	color: #FFF;
}
.global-header-friend-popup .baby-num {
	margin: 0 0 0 10px;
}
#babytree-global-header .global-header-friend-popup .friend-action a {
	margin: 0 10px 0 0;
	padding: 0;
	color: #F59833;
}
.global-header-friend-popup .view-all {
	text-align: right;
	width: 200px;
}
.global-header-friend-popup .popup-all-done {
	text-align: center;
	padding: 10px;
}
.global-header-friend-popup .popup-all-done p {
	display: inline;
	padding: 0 0 0 30px;
	background: transparent url(/img/mybabytree_v2/common/tick.png) no-repeat 0 center;
}
#babytree-global-header .global-header-credit-popup {
	left: 0;
	width: 100px;
	padding: 5px;
}
.global-header-credit-popup p {
	white-space: nowrap;
}
#babytree-global-header .global-header-credit-popup p a {
	display: block;
}
#babytree-global-header .global-header-access-popup {
	right: 0;
}
.global-header-access-popup .access-list {
	width: 13.5em;
	line-height: 20px;
	border-bottom: 1px dotted #A0A0A0;
	float: left;
	margin: 0 0 8px;
}
.global-header-access-popup .access-list dt {
	float: left;
	display: inline;
	width: 3em;
	color: #B2B2B2;
	font-weight: bold;
	white-space: nowrap;
	padding: 1px 0;
}
.global-header-access-popup .access-list dd {
	margin: 0 0 8px;
	float: left;
	width: 10.5em;
	overflow: hidden;
}
.global-header-access-popup .access-list ul {
	width: 11em;
	float: left;
}
.global-header-access-popup .access-list li {
	float: left;
	width: 5em;
	margin: 0 .5em 0 0;
	padding: 1px 0;
}
.global-header-access-popup .access-list li a {
	height: 20px;
	overflow: hidden;
}
#babytree-global-header .global-header-access-popup .access-list li a:hover {
	background-color: #F59833;
	border-radius: 2px;
	color: #FFF;
}
.global-header-access-popup .access-list-last,
.global-header-access-popup .access-list-last dd {
	border-bottom: 0;
	margin-bottom: 0;
}
/*在找回密码页及账号设置页增加客服信息*/
.account-service-forgot {
    width: 960px;
    margin: 0 auto 15px;
    padding-top: 20px;
    border-top: 1px solid #d3e6cc;
}
.account-service-forgot ul li {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 33%;
    text-align: center;
    font-size: 14px;
    color: #777;
}
.account-service-forgot ul li i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
    width: 20px;
    height: 21px;
    vertical-align: -5px;
    background: url(/img/mybabytree_v2/common/acount-service.png) 0 0 no-repeat;
}
.account-service-forgot ul li.tel i {
    height: 20px;
    background-position: 0 -21px;
}
.account-service-forgot ul li.email i {
    height: 16px;
    background-position: 0 -41px;
}