@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-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:715px; 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;}

/*虎宝宝月份起名*/
.namedbox-monthqm {width:664px; height:203px; border-radius:30px; overflow:hidden; margin:5px 0; border:3px solid #c9c9c9;}
.monthqm-dashed {width:630px; height:173px; margin:12px auto; border-radius:20px; overflow:hidden; border:3px dashed #c9c9c9;}
.monthqm-box {width:630px; height:149px; overflow:hidden; margin:12px auto;}
.monthqm-box h3 {width: 610px;overflow:hidden; border-bottom:2px solid #c9c9c9;color:#eb5280; font-size:20px; height:36px; line-height:36px; font-weight:bold;text-align: center;margin: 0 auto;margin-bottom:8px;}
.monthqm-box ul {width: 610px;margin: 0 auto;overflow:hidden;}
.monthqm-box ul li {float:left;width:203px;}
.monthqm-box ul li a{line-height:24px; color:#333;}

/*虎宝宝月份起名 end*/


/* 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-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-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:700px; overflow:hidden;}
.newsth-content ul{width:270px; height:700px; overflow:hidden;}
.newsth-content ul li{position:relative; width:270px; height:140px; 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;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;height:100px; line-height:20px; 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;}


.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{ 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;}

/*相关本命年专题的推荐*/
.xgtj_bmnzt {width:880px;margin:20px auto 0px;border:1px dashed #cccccc ;padding:10px;overflow:hidden;background: #f8f8f8;}
.xgtj_bmnzt_title {font-size:24px;font-weight:bold;padding:5px 10px;color:#eb5280;font-family: Microsoft YaHei;}
.xgtj_bmnzt ul li {width:270px;float:left;font-size:16px;padding:10px;color: #6a482d;font-family: "Microsoft YaHei";}
.xgtj_bmnzt ul li a i {float:right;color: #ccb48a;}
.xgtj_bmnzt_title::after {float: left;content: '';height: 24px;width: 6px;display: inline-block;position: relative;background:#eb5280;
margin-left: 0;margin-right:15px;}
/*相关本命年专题的推荐 end*/