@charset "gb2312";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, img, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { font-size: 12px; font-family: Arial,"Microsoft YaHei","微软雅黑","黑体", Helvetica, sans-serif; }
ul { list-style-type: none; }
li { list-style: none; }
address, caption, cite, code, dfn, em, th, var, i { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:bold; font-family:"微软雅黑" }
input { outline: none; border: 0; background-color:#fff; }
fireldset, img { border: 0; }
p { word-wrap: break-word; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
.fl-l { float: left; }
.fl-r { float: right; }
.c { content: ""; clear: both; }
.block{display:block;}
.none{display:none;}


/* main */
.main{width:960px;overflow:hidden; margin:0 auto;}

/* layout-left */
.layout-left{width:670px;margin-right:20px;}

/* 取名技巧 */
.skill { width: 670px; height:250px; overflow:hidden; margin-top:20px;}
.skill-title{width:670px; height:85px;overflow:hidden;}
.skill-title h2{ margin:30px 10px 0 5px; font-family:"微软雅黑"; font-size:26px; font-weight:bold; color:#ff597f; height:40px; line-height:28px;}
.skill-title a:hover{color:#a60026;}
.skill-title li{ float:left; margin:30px 2px;}
.skill-title li a{font-size:14px; font-weight:bold; color:#000;}

.skill-content{width:670px; height:245px;overflow:hidden;background:url(skill.png)}

.skillc-left{position:relative;width:310px; height:245px; margin-right:12px; overflow:hidden;}

.banner{position:relative; width:310px; height:245px; padding:12px 0 0 7px; overflow: hidden;}
.banner .banList {position:absolute; top:20px; left:13px; width: 276px; height: 190px;padding:12px 0 0 7px; overflow: hidden;
             transform: rotate(-5deg); 
             -ms-transform: rotate(-5deg); /* IE 9 */ 
             -moz-transform: rotate(-5deg); /* Firefox */ 
             -webkit-transform: rotate(-5deg); /* Safari 和 Chrome */ 
             -o-transform: rotate(-5deg); }
.banner .banList li{height:470px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banner .banList li.active{opacity:1;transform:scale(1);z-index:2;}
.banner .fomW{position:absolute; top:178px; left:220px; width:50px; height:12px; overflow:hidden;}
.banner .fomW .trigger{float:left; width:12px; height:12px;margin:0 2px; border-radius:50%; background-color:#fff;}
.banner .fomW .current{background-color:#4b8c94;}
.banner .fomW .trigger:hover{background-color:#4b8c94;}

.skillI-border{position:absolute; top:16px; left:-3px; width:305px; height:229px; background-image:url(skillImg-border.png);background-repeat: no-repeat;
               transform: rotate(-5deg); 
               -ms-transform: rotate(-5deg); /* IE 9 */ 
               -moz-transform: rotate(-5deg); /* Firefox */ 
               -webkit-transform: rotate(-5deg); /* Safari 和 Chrome */ 
              -o-transform: rotate(-5deg);}
.skillImg-icon{position:absolute; top:8px; left:45px; width:199px; height:43px;
               transform: rotate(-5deg); 
               -ms-transform: rotate(-5deg); /* IE 9 */ 
               -moz-transform: rotate(-5deg); /* Firefox */ 
               -webkit-transform: rotate(-5deg); /* Safari 和 Chrome */ 
              -o-transform: rotate(-5deg);}

.skillc-right{width:336px; height:245px; overflow:hidden;}
.skillc-right p{width:336px; height:36px; line-height:36px;padding-top:10px; }
.skillc-right p:first-child{padding-top:45px;}
.skillc-right p a{width:336px; height:20px; font-size:20px;color:#ff597f;}
.skillc-right p a:hover{text-decoration:underline;}
.skillc-right span{display:block; width:336px; height:48px; line-height:24px; overflow:hidden; color:#333; font-size:12px;}



/* 取名禁忌 */
.taboo{width:670px; height:; overflow:hidden; margin-top:20px;}
.taboo-title{width:670px; height:85px;overflow:hidden;}
.taboo-title h2{width:; height:55px; padding:28px 12px 0 12px;font-size:26px; font-weight:bold; color:#ff597f;line-height:28px;}
.taboo-title a:hover{color:#a60026;}
.taboo-title li{ float:left; margin:30px 5px;}
.taboo-title li a{font-size:14px; font-weight:bold; color:#000;}

.taboo-content{width:670px; height:276px; overflow:hidden; margin-top:20px;}
.taboo-box{width:154px; height:270px; border:3px solid #74aaa7; border-radius:10px; overflow:hidden;}
.taboo-img{width:154px; height:140px;overflow:hidden;}
.taboob-title{width:154px; height:30px; line-height:30px;text-align:center; overflow:hidden; background-color:#74aaa7;}
.taboob-title a{color:#fff; font-size:16px;}
.taboob-title a:hover{font-weight:bold; color:#F36}
.taboob-content{width:130px; height:80px; margin:8px auto; line-height:20px; color:#5f5f5f; overflow:hidden;}



/* 取名 */
.named{width:670px; height:; overflow:hidden; margin-top:20px;}
.named-title{width:670px; height:85px;overflow:hidden;}
.named-title h2{width:; height:55px; padding:30px 12px 0 12px;font-size:26px; font-weight:bold; color:#eb5280;line-height:28px;}
.named-title a:hover{color:#a60026;}
.named-title li{ float:left; margin:35px 5px;}
.named-title li a{font-size:14px; font-weight:bold; color:#000;}

.named-content{width:670px;height:472px; overflow:hidden; margin-top:20px;}
.named-content .namedbox-solid{width:324px; height:223px; border-radius:30px; overflow:hidden; margin:5px 0; border:3px solid #c9c9c9;}
.named-content .namedbox-dashed{width:294px; height:193px; margin:12px auto; border-radius:20px; overflow:hidden; border:3px dashed #c9c9c9;}
.named-box{width:264px; height:169px; overflow:hidden; margin:12px auto;}
.named-box .namedb-left{width:120px; height:169px; border-radius:10px; overflow:hidden; margin-right:8px;}
.named-box .namedb-right{width:135px; height:169px; overflow:hidden; }
.namedb-right h3{width:264px overflow:hidden; border-bottom:2px solid #c9c9c9;color:#eb5280; font-size:20px; height:36px; line-height:36px; font-weight:bold;}
.namedb-right ul{width:270px; height:131px;overflow:hidden;}
.namedb-right ul li{width:264px; height:24px; overflow:hidden;}
.namedb-right ul li:first-child{margin-top:8px;}
.namedb-right ul li a{height:24px; line-height:24px; color:#333;}
.namedb-right ul li a:hover{text-decoration:underline; color:#f14f80;}




/* layout-right */
.layout-right{width:270px;overflow:hidden;}


/* 猴宝宝资讯1 */
.news-one{width:270px; height:; overflow:hidden; margin-top:20px;}
.newso-title{width:270px; height:85px; overflow:hidden;}
.newso-title h2{width:270px;  padding:34px 12px 0 0;font-size:26px; font-weight:bold; color:#eb5280; display:block;line-height:28px;}
.newso-title a:hover{color:#a60026;}

.newso-hr{width:270px; height:3px;overflow:hidden; background:url(news-hr.png) no-repeat;}

.newso-content{width:270px; height:224px; overflow:hidden; margin-top:12px; /*border-radius:30px; border:2px solid #ecc5c5;*/}
.newso-content ul{width:270px; height:; overflow:hidden;}
.newso-content ul li{width:260px; height:24px; line-height:24px; list-style-image:url(point.png);list-style-position:inside; list-style-type:disc; margin:4px auto; overflow:hidden; font-size:14px}
.newso-content ul li a{color:#333;}
.newso-content ul li a:hover{text-decoration:underline;}


/* 猴宝宝资讯2 */
.news-two{width:270px; height:; overflow:hidden; margin-top:20px;}
.newstw-title{width:270px; height:85px; overflow:hidden;}
.newstw-title h2{width:270px; height:55px; padding:34px 12px 0 0;font-size:26px; font-weight:bold; color:#eb5280;line-height:28px;}
.newstw-title a:hover{color:#a60026;}

.newstw-hr{width:270px; height:3px;overflow:hidden; background:url(news-hr.png) no-repeat;}

.newstw-content{width:270px; height:282px; overflow:hidden; margin-top:12px; /*border-radius:30px; border:2px solid #ecc5c5;*/}
.newstw-content ul{width:270px; height:282px; overflow:hidden; margin-top:8px;}
.newstw-content ul li{width:260px; height:24px; line-height:24px; list-style-image:url(point.png);list-style-position:inside; list-style-type:disc; margin:4px auto; overflow:hidden; font-size:14px}
.newstw-content ul li a{color:#333;}
.newstw-content ul li a:hover{text-decoration:underline;}


/* 猴宝宝资讯3 */
.news-three{width:270px; height:; overflow:hidden; margin-top:20px;}
.newsth-title{width:270px; height:85px; overflow:hidden;}
.newsth-title h2{width:270px; height:55px; padding:34px 12px 0 0;font-size:26px; font-weight:bold; color:#eb5280;line-height:28px;}
.newsth-title a:hover{color:#a60026;}

.newsth-hr{width:270px; height:3px;overflow:hidden; background:url(news-hr.png) no-repeat;}

.newsth-content{width:270px; height:463px; overflow:hidden; margin-top:25px; /*border-radius:30px; border:2px solid #ecc5c5;*/}
.newsth-content ul{width:270px; height:463px; overflow:hidden;}
.newsth-content ul li{position:relative; width:270px; height:100px; margin-top:12px; border-bottom:3px dotted #ccc;}
.newsth-content ul li .text{width:170px; height:100px; overflow:hidden;}
.newsth-content ul li h3{display:block; width:170px; height:30px; line-height:30px;}
.newsth-content ul li h3 a{font-size:16px; color:#eb5280; font-weight:700;}
.newsth-content ul li h3 a:hover{color:#a60026;}
.newsth-content ul li p{color:#333; width:170px; height:60px; line-height:20px; overflow:hidden;}
.newsth-content ul li:last-child{border:0;}
.newsth-content ul li .img{position:absolute; width:90px; height:100px; overflow:hidden;}



/* 百家姓取名 */
.family{width:960px;  overflow:hidden; margin-top:20px; }
.family-title{width:960px; height:85px;overflow:hidden;}
.family-title h2{width:; height:55px; padding:30px 12px 0 12px;font-size:26px; font-weight:bold; color:#eb5280;line-height:28px;}
.family-title a:hover{color:#a60026;}
.family-title li{ float:left; margin:35px 5px;}
.family-title li a{font-size:14px; font-weight:bold; color:#000;}

.family-content{width:960px; height:342px;margin-top:20px; overflow:hidden; background:url(family.png) no-repeat; }
.family-box{width:902px; height:280px; overflow:hidden; margin:36px 34px;}
.family-box ul{width:902px; height:40px; overflow:hidden;}
.family-box ul li{float:left; height:40px; width:82px; overflow:hidden;}
.family-box ul li a{}
.family-box ul li a input{width:66px; height:24px; overflow:hidden; border:2px solid #d5d5d5; border-radius:5px; font-size:16px; color:#333;}
.family-box ul li a input:hover{font-weight:bold;}




/* 羊宝宝专题左上角轮换 *//* css 重置 */*{margin:0; padding:0; list-style:none; }body{ background:#fff; font:normal 12px/22px 宋体; }img{ border:0; }a{ text-decoration:none; color:#333; }a:hover{ color:#1974A1; }
/* 本例子css */
.focusBox { position: relative; width: 300px; height: 464px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width: 300px; height: 464px; display: block; }.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60; }


.zysxbt1{
	background-color:#e1e9ee;
	height:30px;
}
.zysxbt1a:link {font-size: 14px;font-weight:bold;color: #333333;	text-decoration: none;}
.zysxbt1a:visited {font-size: 14px;font-weight:bold;color: #333333;	text-decoration: none;}
.zysxbt1a:hover {font-size: 14px;font-weight:bold;color: #333333;	text-decoration: underline;}


.zcxline{ background-color:#acd4e2; height:1px;}

.zcbt{color:#eb5280; font-size:18px; font-family:微软雅黑, "Arial Black", Gadget, sans-serif; padding:6px 0px 6px 0px;}
.zcbta:link {color:#eb5280; text-decoration: none; font-size:18px; font-family:微软雅黑, "Arial Black", Gadget, sans-serif;}
.zcbta:visited {color:#eb5280;	text-decoration: none; font-size:18px;}
.zcbta:hover {color:#eb5280;	text-decoration: underline; font-size:18px;}
.zcwz{padding:0px 0px 14px 0px; line-height:240%; text-indent:2em;}

.daoduwz{ color:#ee5b87; background-color:#FFF; padding:0px 10px 0px 10px; font-size:14px;}
.daodu1{ background-image:url(daodubg.gif); width:262px; height:19px; text-align:center;}
.daodu2{ border-left:1px solid #acd4e2; border-right:1px solid #acd4e2; text-align:center; padding:14px;}
.daodu3{ border-left:1px solid #acd4e2; border-right:1px solid #acd4e2; border-bottom:1px solid #acd4e2; padding:0px 14px 14px 14px; line-height:200%;}

.topbg1{ background:url(top.jpg) no-repeat; height:120px; width:630px; margin:0 auto; padding:180px 30px 0 320px;}


.xsdq4{margin-left:7px; line-height:180%; margin-bottom:10px; height:550px;}
.xsdq4 ul{ margin-bottom:5px;}
.xsdq4 li{ border:1px solid #ee5b87; float:left; padding:5px 5px; margin-right:-1px; margin-bottom:-1px; width:26px;text-align:center; font-size:14px;}
.xsdq4 li a{ color:#333;}
.xsdq4 li a:hover{ color:#ff0000; text-decoration:underline;}

.lj {text-align:left;font-size: 14px;margin-bottom:10px;width: 980px;}