@charset "gb2312";
body{font-family:"-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif";font-size:0.26rem;background-color:#f5f5f5;color:#333333;-webkit-tap-highlight-color:rgba(0,0,0,0.05);}
body,p,form,h2{margin:0;}
h2{font-weight:normal}
ul{margin:0;padding:0;list-style-type:none;}
em,i{font-style:normal;}
a{color:inherit;text-decoration:none;outline:none;}
img{border:0;}
input,select{font-size:inherit;color:inherit;}
input[type="text"],input[type="password"],input[type="button"],input[type="submit"],button,textarea,select {font-family:"Microsoft YaHei",Helvetica;}
input[type="radio" i] {-webkit-appearance: radio;box-sizing: border-box;}

footer,header,nav{display:block;}
select {border-width: 1px;color: #999999;margin-right: 0.1rem;}

.clear {float:none; clear:both; height:auto; border:none;}


.mescroll{position:fixed;}

html{font-size:50px;}
@media only screen and (min-width: 320px){html{font-size:42.6667px;}}
@media only screen and (min-width: 360px){html{font-size:48px;}}
@media only screen and (min-width: 375px){html{font-size:50px;}}
@media only screen and (min-width: 384px){html{font-size:51.2px;}}
@media only screen and (min-width: 400px){html{font-size:53.3333px;}}
@media only screen and (min-width: 412px){html{font-size:54.9333px;}}
@media only screen and (min-width: 414px){html{font-size:55.2px;}}
@media only screen and (min-width: 480px){html{font-size:64px;}}
@media only screen and (min-width: 750px){html{font-size:100px;}}

html,body{ width:100%; _height:100%;}
.page{position: relative;width: 100%;min-width: 320px;max-width: 750px;margin: 0 auto;overflow:hidden;}

/* header */
.fn-clear{zoom:1;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.page-header{width:100%;height:1rem;line-height:1rem;background:#ef4c4d;color:#ffffff;font-size: 0.36rem;}
.page-header .logo{width:2.6rem;height:0.8rem;float:left;margin:0.1rem 0 0 0.1rem;}
.page-header .logo-img{vertical-align:top;width:100%;height:100%;}
.page-header i {padding:0 0.08rem;float: left;}
.lo_tit {font-weight: bold;margin-top: 0.01rem;float: left;height: 0.8rem;padding: 0 0.04rem;}

.nav{float:right;height:1rem;max-width:5.5rem;overflow-y:hidden;}
.nav .item{height:1rem;float:left;font-size:0.28rem;padding:0 0.05rem;color:#FFFFFF;position:relative;font-weight:bold;}
.nav .item.on:after{content:'';width:0.52rem;height:0.03rem;background:#FFFFFF;position:absolute;left:50%;bottom:0.15rem;margin-left:-0.26rem;border-radius:0.02rem;}
.nav .item-search,.nav .item-menu{float:left;width:0.68rem;height:1rem;font-size:0;}
.nav .item-search{background:url(/sub_xm/headpic/nav_yh.jpg) no-repeat center center;background-size:0.35rem 0.35rem;}
.nav .item-menu{background:url(/sub_xm/headpic/nav_img.png) no-repeat center center;background-size:0.35rem 0.35rem;}
/* header end */


/*滑动导航栏*/
.huadong_l {width:90%;float: left;}
.nav_huadong {height:0.6rem;overflow: hidden; background: #ffffff; z-index: 8;position: sticky; box-shadow: 0 5px 9px rgba(0,0,0,.18); line-height:.6rem;}
.nav_huadong_more {width:8%;float: right;padding: 0 1%;}
.nav_huadong_more a {display: block;padding:0 .0125rem;}
.nav_huadong_more a i {background: #747474;display: inline-block;width: .07rem;height: .07rem;overflow: hidden;margin: 0 .055rem;border-radius: .125rem;vertical-align: middle;}

.nav_huadong_item {color: #ef4c4d;font-size:0.3rem;}
.nav_huadong_item::before {content: "";position: absolute;width: 1px;height:.3rem;top:25%;right: -0.06rem;background: #bbbbbb;}

.swiper-slide {text-align: center;}

/*滑动导航栏 end*/

/*标题部分*/
.indwkuang { width:100%; float:left; background:#ffffff;margin-bottom: .2rem;}
.indwkuang_box {margin:2%;overflow: hidden;}

.intitle {width:92%;float:left;height: .72rem;padding:0 4%;border-bottom:solid 1px #dddddd;}
.intitle em {width:auto;float:left;padding:0 .2rem;line-height: .72rem;font-size:.36rem;position:relative;font-weight:normal;}
.intitle em::after{content: '';height: .35rem;width: .1rem;display: inline-block;position: absolute;background:#ef4c4d;left: 0;top: .17rem;}
.intitle a {color:#666666;line-height: .76rem;}

.intitle_jt {width:92%;float:left;height: .72rem;padding:0 4%;border-bottom:solid 1px #dddddd;}
.intitle_jt em {width:auto;float:left;padding:0 .2rem;line-height: .72rem;font-size:.36rem;position:relative;font-weight:normal;}
.intitle_jt em::after{content: '';height: .35rem;width: .1rem;display: inline-block;position: absolute;background:#ef4c4d;left: 0;top: .17rem;}
.intitle_jt a {color:#e6601f;line-height: .76rem;float:left;padding-left:.08rem;}
.intitle_jt span {float:right;}
/*标题部分 end*/


/*图片*/
.picture {clear: both;}
.picture a {overflow:hidden;display: block;}
.picture img {overflow:hidden;}
/*图片 end*/


/*测算框部分*/
.cesuan_box_top {overflow:hidden;padding:0 2%;}
.cesuan_box_top p {text-indent:2em;line-height: .5rem;font-size: 0.3rem;;}
.title {border-bottom: 1px solid #d3c0d3;color: #333333;margin:0px 5% 5px 5%;}    
.title h2 {font-size:.36rem;font-weight:bold;margin: 10px;text-align: center;}
/*测算框*/
.csk_box__content>form{display: none;}
.csk_box__content>form.active{display: block;}
.csk_box-form{margin-bottom: .2rem;}
.csk_box-form-wrap{border: 1px solid #ffe4c8;border-radius: 8px;overflow: hidden;}
.csk_box-form-wrap__item{padding:.05rem .2rem .05rem 1.5rem;position: relative;overflow: hidden;border-bottom: 1px solid #ffe4c8;}
.csk_box-form-wrap__item:last-child{border-bottom: none;}
.csk_box-form-wrap__item>label{position: absolute;left: 0;width: 1.5rem;text-align: center;height: .6rem;line-height: .6rem;font-size: .3rem;color: #ef4c4d;}
.csk_box-form-wrap__item>select {line-height:.6rem;height:.6rem;font-size: .3rem;}
.csk_box-form-wrap__item>input,.csk_box-form-wrap__input{display: block;width: 100%;height:.6rem;line-height:.6rem;font-size:.3rem;margin: 0;padding: 0;border: none;outline: none;}
.csk_box-form-wrap__input>span{display: inline-block;width:.6rem;height:.6rem;vertical-align: top;margin: 0 .1rem;text-align: center;}
.csk_box-form-wrap__input>span.active{color: #e82e23;background: url('xb_cion.png') no-repeat center center;background-size: 100% 100%;}
.csk_box-form__groupbtn{text-align: center;margin-top: 15px;}
.csk_box-form__groupbtn>a{height: .6rem;line-height: .6rem;font-size: .36rem;padding: 0  .5rem;border-radius: 5px;text-decoration: none;display: inline-block;border: 1px solid #ffe4c8;}
.csk_box-form__btn{background-color: #ef4c4d;color: #ffffff;margin-right: .52rem;}

.tkxieyi {margin:.2rem 0;text-align:center;font-size:.28rem;}
.tkxieyi span {color:#0000FF;}
.tkxieyi a {color:#0000FF;text-decoration:underline;}

.gouxuan {width: .3rem;height: .3rem;}

.item_left {float:left;width:35%;}
.item_center {float: left;width: 1.3rem;margin-left: .1rem;}
.item_right {float: left;width:35%;}
.item_center >label {width: 1.5rem;text-align: center;height: .6rem;line-height: .6rem;font-size: .3rem;color: #ef4c4d;}
.item_autos {width:100%;font-size: 0.3rem; border: none;line-height: .52rem;color:#8b8b8b;}
/*测算框 end*/



/*测算框部分 end*/

/*金牌测算*/
.jpcsk_box {overflow:hidden;padding:3%;font-size: .3rem;}
.jpcsk_box ul li {padding:5px 0;}
.jpcsk_box ul li i {color: #ef4c4d;}
.jpcsk_box ul li span {color: #ef4c4d;margin-right:10px;}
/*金牌测算 end*/


/*英文起名大全*/
.ywqmdq_box {overflow:hidden;padding:3%;font-size: 0.28rem;}
.ywqmdq_box ul li {padding:5px 0;width:50%;float:left;}
.ywqmdq_box ul li span {background-color: #f2f2f2;border-radius: 8px;padding:3px 8px;margin-right:10px;}

.zk_pos {display: inline-block; margin: .01rem auto;border-top: .05rem solid;border-right: .05rem solid;width: .26rem;height: .26rem;transform: rotate(135deg);color: #ef4c4d;position: relative;left: 48%;}
.sq_pos {display: inline-block; margin:.25rem auto 0;border-top: .05rem solid;border-right: .05rem solid;width: .26rem;height: .26rem;transform: rotate(315deg);color: #ef4c4d;position: relative;left: 48%;}
/*英文起名大全 end*/



/*免费起名服务*/
.mfqmfwk_box {overflow:hidden;padding:3%;font-size: 0.3rem;}
.mfqmfwk_box ul li {padding:1%;width:23%;float:left;}
.mfqmfwk_box ul li img {width:100%;}
.mfqmfwk_box ul li p {text-align:center;}
.caret {display: inline-block;width: 0;height: 0;margin-right:.085rem;vertical-align: middle;border-top:.1rem solid transparent;border-left:.1rem dashed;border-bottom:.1rem solid transparent;color: #ef4c4d;}
/*免费起名服务 end*/

/*英文起名介绍*/
.bbqmjs_box {overflow:hidden;padding:3%;font-size: 0.28rem;}
.bbqmjs_box p {line-height: .52rem;}
.bbqmjs_box_pic {width:3rem;}    
/*英文起名介绍 end*/


/* 宝宝起名文章列表四类 */
.Product_list_item {width: 100%;display: block;overflow: hidden;position: relative;margin-bottom: 5px;}

.Product_list {padding:3% 2%;border-bottom: 1px dotted #cecece;position: relative;overflow: hidden;}
.Product_list_pic {float: left;margin-right: 0.1rem;}
.Product_list_pic img {width: 2rem;height: 1.45rem;display: block;}

.Product_list_con {overflow: hidden;}
.Product_list_title a {overflow: hidden;display: block;}
.Product_list_title h2 {font-size: .3rem;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Product_list_title a h2 span {color: #e6601f;margin-right:0.1rem;}
.Product_list_title  p {font-size: .24rem;color: #8b8b8b;float:left;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.Product_list_info {overflow:hidden;margin-top:.1rem;text-overflow: ellipsis;white-space: nowrap;display: flex;}
.Product_list_tag {float: left;padding: 0.001rem 0.1rem;border: 1px solid #e6601f;border-radius: 8px;color:#e6601f;margin-right:.1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}


/*page*/
.public_page {position: relative;padding:0 .26rem 0;text-align: center;}
.zui-page {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: content-box;display: inline-block;vertical-align: middle;margin:.26rem 0;text-align: left !important;moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.zui-page a {display: inline-block;text-decoration: none;vertical-align: middle;cursor: pointer;padding:.14rem .18rem;height: .36rem;line-height: .36rem;font-size: .26rem;border: 1px solid #eeeeee;}
.zui-page-curr {color: #ffffff !important;background:#e6601f;}
/*page end*/

/* 宝宝起名文章列表四类 end */


/*热门栏目*/
.rmlm_box {width: 100%;overflow: hidden;}

.list_title {clear: both;border-top: 2px solid #ef4c4d;border-bottom: 1px dotted #cecece;padding-left: 12px;background: #f3f3f3;overflow: hidden;white-space: nowrap;font-size:.36rem;line-height: .72rem;position: relative;}
.list_title .list_head {display: inline-block;float: left;font-weight: normal;line-height: .72rem;font-size: .36rem;}
.column_box {background: #ffffff;overflow: hidden;}
.column_box ul {margin: auto;}
.column_box ul li {float: left;text-align: center;width: 25%;height:.56rem;line-height:.56rem;margin: auto;border-bottom: 1px dotted #cecece;white-space: nowrap;overflow: hidden;font-size:.28rem;}
.column_box ul li a {display: inline-block;width: 100%;height:.36rem;line-height:.36rem;border-left: 1px dotted #cecece;}
.column_box .first a{border-left: none;}
.nav_footer {width: 100%;height: 70px;background: #9c31d5;margin-bottom: 12px;display: table;}
.nav_footer li {width: 25%;float: left;text-align: center;font-size: 16px;line-height: 30px;}
.nav_footer li a {color: #ffffff;}
/*热门栏目 end*/

/**** 尾部 ****/
.nav_footer {background: #ef4c4d none repeat scroll 0 0;display: table;height: 70px;margin-bottom: 12px;width: 100%;}
.nav_footer li {float: left;font-size:0.36rem;line-height:0.72rem;text-align: center;width: 25%;}
.nav_footer li a {color: #ffffff;}
.footer {background: #f5f6f8 none repeat scroll 0 0;border-bottom: 1px solid #d8d9de;border-top: 1px solid #d8d9de;box-shadow: 0 1px 0 #ffffff inset;font-size:0.32rem;overflow: hidden;padding-top: 10px;text-align: center;}
.footer .linkico {display: inline-block;font-size:0.32rem;margin: 0 8px;}
.footer A:hover {text-decoration: underline;}
/**** 尾部 ****/

/*期望标签(最多可选6个)*/

/*印象标签选择弹层样式*/
.bqSelectBox{ position: fixed;left: 0; top: 50%; right: 0; margin: auto; margin-top: -105px;margin-left: 0.45rem;margin-right: 0.45rem; background:#ffffff; box-shadow: 0 0 5px rgba(0,0,0,.25); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; z-index: 11; display: none;}
.bqSelectBox .hd{ line-height: 30px; color:#ffffff; padding: 8px 10px; border-bottom:1px solid #ef4c4d;overflow: hidden;background:#ef4c4d;    -webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
.bqSelectBox .hd i{float:left; font-size: .36rem;}
.bqSelectBox .hd span{ float:left;font-size:.24rem; padding-left: 10px; color:#fff3da;}
.bqSelectBox .bd{ padding: 0 0 10px 10px;overflow: hidden;background:#ffffff; -webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}
.bqSelectBox .bd a{ float: left; padding: 0 8px; background:#fff3da; line-height:.52rem; color:#ef4c4d; margin:5px 5px 0 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor: pointer; font-size:.3rem;border: 1px solid #ef4c4d; }
.bqSelectBox .bd input{ display: none; }
.bqSelectBox .bd a.on{ background:#ef4c4d; color: #ffffff; }
.bqSelectBox .close{ display: inline-block; padding: 5px 20px; color: #ef4c4d; cursor: pointer; background:#fff3da; border-radius: 4px; vertical-align: top; line-height: 20px; font-size:.36rem; float: right; }
.bqSelectBox .close:hover{ opacity: .9; }

.LaBelBox {position: fixed!important;left: 0;right: 0!important;top: 0!important;bottom: 0;text-indent: -18.75rem;border: 0!important;background: rgba(0,0,0,.2);width: 100%!important;height: 100%!important;text-align: left!important;overflow: hidden;z-index: -1;}
/*期望标签(最多可选6个) end*/