﻿* {margin:0; padding:0; border:0;}
body {margin:0; padding:0; background:url(/SiteCommon/Images/bg.gif) top repeat-x; font:12px Arial, "宋体", sans-serif; color:#666;}
.clear {clear:both; height:0; line-height:0; font-size:0;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:underline; color:#ed6d00;}
ul, li {list-style:none;}


#twocolumn {margin:0 auto; width:1200px; margin-top:12px;}

#leftcolumn {width:230px; float:left; position:relative; z-index:2;}
a.tips {display:block; width:185px; height:116px; background:url(/SiteCommon/Images/tips.gif) top left no-repeat;}
#catagory {width:185px; background:url(/SiteCommon/Images/cate_topbg.gif) top left no-repeat; padding-top:60px; }
ul.catatitle {width:148px; height:32px; background:url(/SiteCommon/Images/categories.gif) top left no-repeat; margin-left:19px;}
ul.catatitle li {float:left;}
ul.catatitle li a  { text-decoration:none; display:block; width:74px; text-align:center; font:12px "Microsoft YaHei"; font-weight:bold;line-height:32px; color:#FFF;}
ul.catatitle li.now a {color:#FFFF00;}
.goodscate {background:url(/SiteCommon/Images/cate_bottombg.gif) bottom left no-repeat; padding:0 0 68px 6px;}
.goodscate h3 {margin:5px 0 0 5px; font-size:12px; background:url(/SiteCommon/Images/arrow.gif) 95% 50% no-repeat; text-indent:2px;  position:relative; }
.goodscate h3 a {color:#2dacd1; width:175px; line-height:22px; display:block;}
/*.goodscate h3 a:hover {background:url(/SiteCommon/Images/h3_bg.gif) no-repeat; text-decoration:none;}*/
ul.line {text-indent:2px;}
ul.line li {float:left; display:inline; line-height:15px; background: url(/SiteCommon/Images/line.gif) no-repeat right 20%; word-break:keep-all; white-space:nowrap; margin:0 5px; padding-right:8px;}
ul.line li.last {background:none;}
#parenting {width:185px; height:270px; background:url(/SiteCommon/Images/parenting.jpg) top left no-repeat; text-align:center; }
#parenting ul {padding:104px 0 0 10px; line-height:20px; text-align:left;}
#parenting li {background:url(/SiteCommon/Images/list_img1.gif) left no-repeat; padding-left:8px; margin-left:6px;}
#hotline {width:185px; height:172px; background:url(/SiteCommon/Images/hotline.gif) no-repeat;}
.premiumZone a {display:block; width:148px; height:52px; margin:10px auto 0; background:url(/SiteCommon/Images/premium_zone.gif) left top no-repeat;}

.subnav {position:absolute; width:362px; background:url(/SiteCommon/Images/subnav_bottombg.gif) left bottom no-repeat; top:0px; left:174px; display:none;}
.subnav ul {background:url(/SiteCommon/Images/subnav_topbg.gif) left top no-repeat;width:358px; min-height:30px;}
.subnav ul li {float:left;}
.subnav ul li a { width:105px; background:url(/SiteCommon/Images/arrow.gif) left 45% no-repeat; line-height:24px; margin-left:10px; color:#666; text-indent:10px; font-weight:normal;}
.subnav ul li a:hover {color:#ed6d00;background:url(/SiteCommon/Images/arrow.gif) left 45% no-repeat; text-decoration:underline;}

#rightcolumn {width:782px; float:left;}
#leftcontent {width:565px; float:left;}
#rightcontent {width:211px; float:right;}
ul.paper {height:175px; background:url(/SiteCommon/Images/paper_bg.gif) no-repeat; padding:40px 12px 0 10px; }
ul.paper li {text-align:left; border-bottom:1px dashed #4eaddd; background:url(/SiteCommon/Images/list_img2.gif) 1% 50% no-repeat; padding-left:10px; line-height:24px;}
#rightcontent .new {background:url(/SiteCommon/Images/new.gif) 30% 50%  no-repeat;}
ul.paper li.more { background:none; border:0;  padding-top:10px; text-indent:-10px;}
#rightcontent .banner a { width:200px; height:70px; display:block; background:url(/SiteCommon/Images/banner1.gif); margin:5px 0 0 5px;}
#rightcontent .flash {display:block; margin:5px 0 0 4px;}
ul.birth { width:202px; height:50px; background:url(/SiteCommon/Images/birth.jpg); margin:5px 0 0 4px; padding-top:58px; line-height:20px;}
ul.birth ul li { background:url(/SiteCommon/Images/cake.gif) left 10% no-repeat; padding-left:26px; margin-left:20px;}
div.toy a { display:block; width:200px; height:138px; background:url(/SiteCommon/Images/toy.jpg) no-repeat; margin-left:4px;}

#modA ul.nav { width:564px; height:29px; border-bottom:1px solid #51afdc; margin:5px 0;}
#modA li {float:left; text-align:center; }
#modA li a {width:141px; height:22px; background:url(/SiteCommon/Images/tab_bg_normal.gif); display:block; line-height:22px; padding-top:7px; color:#999;}
#modA li a:hover {text-decoration:none;background:url(/SiteCommon/Images/tab_bg_hover.gif);}
#modA li.now a, #modA li.now a:hover {text-decoration:none;background:url(/SiteCommon/Images/tab_bg_active.gif); font-size:14px; font-weight:bold; color:#fff;}
#modA .last { background:none;}
div.product {float:left; width:148px; background:url(/SiteCommon/Images/dot_vertical.gif) right top repeat-y; margin:6px 0;padding:0 20px; height:178px;}
div.product p.title, div.product p.price { text-align:center;}
.price span {color:#ff4e6c; font-weight:bold;}
div.product table {margin:2px 10px; text-align:center; clear:both;}
div.product table td.name { height:40px;}
div.product table td.price {color:#999;}
div.weekly {position:relative; z-index:1;}
div.weekly .more {display:block; position:absolute; top:180px; right:10px; }

#botcontent {margin-top:10px; height:210px; }
#botcontent2 {margin-top:10px; height:210px; }
#rightcolumn .first {background:url(/SiteCommon/Images/modb1_line.gif) 0px 21px no-repeat; height:209px;}
#rightcolumn .second {background:url(/SiteCommon/Images/modb2_line.gif) 0px 21px no-repeat; height:209px; margin-top:17px;}
#rightcolumn .third {background:url(/SiteCommon/Images/modb3_line.gif) 0px 21px no-repeat; height:209px;margin-top:17px;}
#rightcolumn .forth {background:url(/SiteCommon/Images/modb4_line.gif) 0px 21px no-repeat; height:209px;margin-top:17px;}
.modB1 li, .modB2 li, .modB3 li, .modB4 li {float:left;}
.modB1 li a, .modB2 li a, .modB3 li a, .modB4 li a {width:74px; height:21px;  display:block; background:url(/SiteCommon/Images/tab2_bg.gif); text-align:center; margin-left:13px;  font:14px "Microsoft YaHei"; font-weight:bold; line-height:21px;}
.modB1 li a {color:#51a4af;}
.modB2 li a {color:#6c8bc5;}
.modB3 li a {color:#bb9857;}
.modB4 li a {color:#c57852;}
.modB1 .acitve a, .modB1 li a:hover {background:url(/SiteCommon/Images/tab_active.gif); color:#fff; text-decoration:none;}
.modB2 .acitve a, .modB2 li a:hover {background:url(/SiteCommon/Images/tab2_active.gif); color:#fff; text-decoration:none;}
.modB3 .acitve a, .modB3 li a:hover {background:url(/SiteCommon/Images/tab3_active.gif); color:#fff; text-decoration:none;}
.modB4 .acitve a, .modB4 li a:hover {background:url(/SiteCommon/Images/tab4_active.gif); color:#fff; text-decoration:none;}
ul.modB1 , ul.modB2 , ul.modB3, ul.modB4  {height:24px; float:left;}
p.modtag {float:right; line-height:21px; padding:0 10px 0 0;}
p.modtag img { display:inline; vertical-align: baseline; }
/*.tab1, .tab2, .tab3, .tab4 {margin-top:4px;}*/
.tab1 img , .tab2 img, .tab3 img, .tab4 img {float:left;}
.promotion { float:left; width:198px;}
.promotion img{margin:4px;}
.promotion ul {line-height:25px; padding-left:20px; float:left; margin-left:10px; margin-top:5px;}
.tab1 .promotion ul {background:url(/SiteCommon/Images/li_no1.gif) left 50% no-repeat;}
.tab2 .promotion ul {background:url(/SiteCommon/Images/li_no2.gif) left 50% no-repeat;}
.tab3 .promotion ul {background:url(/SiteCommon/Images/li_no3.gif) left 50% no-repeat;}
.tab4 .promotion ul {background:url(/SiteCommon/Images/li_no4.gif) left 50% no-repeat;}

#container {width:974px; margin:0 auto; margin-top:10px;}
#container .leftmod {float:left; width:386px; height:193px; background:url(/SiteCommon/Images/container_lbg.jpg) left bottom no-repeat;}
#container .rightmod {float:right; width:570px; height:193px; background:url(/SiteCommon/Images/container_rbg.jpg) left bottom no-repeat; margin-right:8px; display:inline;}
ul.guides {margin-left:23px; width:104px; height:19px; background:url(/SiteCommon/Images/leftmod_tbg.gif) no-repeat;}
ul.guides li a { display:block; width:104px; text-align:center; color:#FFF; font:13px "Microsoft YaHei"; font-weight:bold;line-height:20px;}
.leftmod .pic {width:110px; border:0; float:left; margin-left:24px; margin-top:14px; display:inline;}
div.pic p { background-color:#efefef; line-height:24px; text-align:center; }
.leftmod dl {float:right; padding-right:24px; margin-top:10px; width:210px;}
.leftmod dl dt a { display:block; background:url(/SiteCommon/Images/headline.gif) left 40% no-repeat; padding-left:50px; font-size:16px; font-weight:bold; color:#333; margin-bottom:10px; margin-top:5px;} 
.leftmod dl dd a {line-height:20px;}
.leftmod dl dd span {color:#333; padding-right:4px;}
ul.guides li a:hover{color:#ff9; text-decoration:none;}
.rightmod ul {margin-left:23px; height:19px; background:url(/SiteCommon/Images/rightmod_tbg.gif) no-repeat;}
.rightmod li {float:left;}
.rightmod li a { display:block; width:104px;   text-align:center; color:#FFF; font:13px "Microsoft YaHei"; font-weight:bold; line-height:20px;}
.rightmod li a:hover{color:#ff9; text-decoration:none; }
.rightmod div.pic { float:left; width:97%; padding-left:13px; }
.rightmod .pic img {margin:4px 0 0 4px; border:1px solid #DDD;}


.helptoolbar {width:974px; margin:0 auto; margin-top:30px;}
.helptoolbar dl {width:193px; float:left; border-right:1px dotted #d6d6d6; height:120px;}
.helptoolbar dt {font:14px "Microsoft YaHei"; font-weight:bold; padding:10px 0 0 90px;}
.helptoolbar dd {margin-left:90px; line-height:20px; text-indent:10px; background:url(/SiteCommon/Images/dd_bg.gif) left 50% no-repeat;}
dl.newuser {background:url(/SiteCommon/Images/newuser_bg.gif) no-repeat;}
dl.pay {background:url(/SiteCommon/Images/pay_bg.gif) no-repeat;}
dl.ship {background:url(/SiteCommon/Images/ship_bg.gif) no-repeat;}
dl.service {background:url(/SiteCommon/Images/service_bg.gif) no-repeat;}
dl.helpcenter {background:url(/SiteCommon/Images/helpcenter_bg.gif) no-repeat;}
.helptoolbar dl.last{border:none;}

.friend {height:40px; width:944px; margin:0 auto; border:1px solid #eee; margin-top:10px; text-align:center; padding:9px;}
.friend img {padding:0 5px;}
.friend a:hover { text-decoration:none;}
.footnav {width:100%; background-color:#e7e7e7; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:10px; line-height:35px; text-align:center; color:#999;}
.footnav a{padding:0 5px;}
.copyright {text-align:center; line-height:20px; margin:10px 0;}


/*温馨提示*/
li.btn a { text-align:center; display:block; width:70px; height:20px; background:url(/SiteCommon/Images/myaccount_btn_bg.gif) no-repeat; padding-left:7px;color:#59b6df; line-height:19px; font-weight:bold;}
li.btn a:hover {text-decoration:none;}
.tipspopup {width:908px; height:311px; background:url(/SiteCommon/Images/warmtips.gif) no-repeat;}
.babyface {float:left; margin-top:29px; margin-left:65px; display:inline;}
.tipspopup .content {width:705px; float:right;}
.tipspopup ul.welcome {height:71px; line-height:22px; padding-top:15px; padding-left:8px;}
ul.welcome li.first { text-indent:22px; color:#39C;}
.tipspopup li span.name{color:#ff4e6c; padding-right:10px;}
.warmtips {width:560px; height:53px; padding:2px 10px 2px 90px; margin:0;}
.warmtips li {text-indent:10px; line-height:24px;}
.warmtips li.first {border-bottom:1px dotted #DDD;}
table.custom {border:none; margin-bottom:20px;}
table.custom td {text-align:left; border-bottom:1px dotted #CCC; border-right:none;}
table.custom td.operate {width:180px;}
.milk {background:url(/SiteCommon/Images/milkbottle_ico.gif) top left no-repeat; padding-left:50px; height:35px;}
.diaper {background:url(/SiteCommon/Images/diaper_ico.gif) top left no-repeat; padding-left:50px; height:35px;}
.flyheart {background:url(/SiteCommon/Images/flyheart_ico.gif) top left no-repeat; padding-left:50px; height:35px;}
table.custom li { float:left; margin:0 4px;}
div.close a {position:absolute; background:url(/SiteCommon/Images/close_ico.gif) center top no-repeat; padding-top:20px; left:840px; top:10px; font-size:13px; font-weight:bold; color:#2da7e3;}
div.close a:hover {text-decoration:none; color:#ed6d00;}

.jdt {width:202px; height:134px; text-align:center; background:url(/SiteCommon/Images/table_jdtbg.gif) no-repeat;}
#i_photo_index img { margin:0 5px 5px;}
.index_page ul {height:16px;padding:1px 6px 0 0;text-align:right;}
.index_page li {float:right; list-style:none; text-align:center;}
.index_page li a{display:block; width:14px; height:14px; color:#f697aa;text-decoration:none; font:11px Arial, Helvetica, sans-serif; background:url(/SiteCommon/Images/page_bg.gif) no-repeat;}
.index_page li.active {width:14px; height:14px; font:11px Arial, Helvetica, sans-serif; background:url(/SiteCommon/Images/page_active.gif); color:#FFF;}


.fix {
	zoom: 1;
}

.fix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.babystar { width:563px; height:154px; background:url(/SiteCommon/Images/baby_star.gif) left top no-repeat; clear:both;}
.babystar a.join {display:block; float:left; width:43px; height:154px;}
.babystar ul { height:154px; width:633px; overflow:hidden;  float:left;}
.babystar ul li {display:inline; float:left; margin:10px 0 10px 20px;}
/*首页宝宝图片规格 100*130px */
.babystar ul li img {border:1px solid #d0f0fd; width:100px; height:130px;}