@charset "utf-8";
/* 20180412 by fanbo */
.in_banner,.in_nav,.in_app{ overflow: hidden;}
.in_banner{position: relative;}
.in_banner a{}
.in_banner img{ width:100%; height: auto; vertical-align: top; }
.in_banner .swiper-pagination{ bottom: 0; right: 0; }
.in_banner .swiper-pagination-bullet{ margin: 0 .25rem;}

.in_nav{ position: relative;}
.in_nav .swiper-slide{ width: 4.5rem; font-size: .75rem; margin-right: 10px;}

.in_nav .swiper-slide img{ width: 100%; height: auto; vertical-align: top; border-radius: 1rem;}
.in_nav .swiper-slide a{ display: block; color:#333;}
.in_nav .swiper-slide a:first-child{ margin-bottom: 1rem;}
.in_nav .swiper-slide span{ width: 3.625rem;display: block;margin: 0 auto;}
.in_nav .swiper-slide p{ padding-top: .3125rem; }
.in_nav .swiper-scrollbar{ width: 5.125rem; margin: 0 auto; left: 0; right: 0; top:auto; bottom:.3125rem; height: .125rem; }
.in_nav .swiper-scrollbar-drag{ background:#e22415; }

.in_app{ position: relative; background: #fff url(in_app_bj.jpg) no-repeat; background-size: contain;}
.in_app .swiper-lr-hua03{ padding:1.625rem 0 .75rem; position: relative;}
.in_app .swiper-button-next,.in_app .swiper-button-prev{ top: 6.75rem; width: .75rem; height: 1.3125rem; margin: 0; background: url(in_icon_ly.png) no-repeat; background-size: cover; }
.in_app .swiper-button-next{ background-position-y: bottom; }
.swiper-lr-hua02{ padding:.625rem .5rem .75rem; }
.swiper-lr-hua03-tit{ position: absolute; left: 0; right: 0; top:8.5rem; bottom: auto; padding:0 1.25rem; padding-bottom: .375rem;}
.swiper-lr-hua03-tit .swiper-wrapper{ margin-left:-.3125rem; }
.swiper-lr-hua03-tit .swiper-slide{ width: 4.53488rem; height: auto; background:none; display: inline-block; vertical-align: top; opacity: 1; color:#c36401; margin-right:10px; position: relative;}

.swiper-lr-hua03-tit .swiper-slide::after{ font-size: .875rem; height: 1.875rem; display: -webkit-flex; display: flex; border: 1px solid #c36401; border-radius: .25rem; box-sizing: border-box; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.swiper-lr-hua03-tit .swiper-slide::before{ content: ''; width: .625rem; height: .625rem; background:#c36401; border-radius: .125rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 50%; bottom: -.25rem; margin-left: -.3125rem; display: none;}
.swiper-lr-hua03-tit .swiper-slide:nth-child(1)::after{ content: '宝宝起名'}
.swiper-lr-hua03-tit .swiper-slide:nth-child(2)::after{ content: '五行起名'}
.swiper-lr-hua03-tit .swiper-slide:nth-child(3)::after{ content: '起乳名'}
.swiper-lr-hua03-tit .swiper-slide:nth-child(4)::after{ content: '英文起名'}
.swiper-lr-hua03-tit .swiper-slide:nth-child(5)::after{ content: '诗词起名'}
.swiper-lr-hua03-tit .swiper-slide:nth-child(6)::after{ content: '成语起名'}
.swiper-lr-hua03-tit .swiper-slide:nth-child(7)::after{content: '公司起名'}
.swiper-lr-hua03-tit .swiper-slide-thumb-active::after{ background:#c36401; border-color:#c36401; color:#fff;}
.swiper-lr-hua03-tit .swiper-slide-thumb-active::before{ display: block; }


.in_app .title h2{ height: 1.375rem; line-height: 1.375rem; font-size: 1.25rem; color:#666;font-weight: 400;padding:.325rem 0;text-shadow:3px 3px 3px #fff;}

.in_app .title em{ color: #d5b882; padding:0 .25rem;}
.in_app .qm_form{ padding-top:5.125rem; }
.qm_form { text-align: center; padding: 2.75rem .9375rem 0;}
.qm_form .items {position: relative; margin-bottom: .625rem;}
.qm_form .items .dis_flex,.qm_sub span{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 1rem; }
.qm_form .t_text{ font-size: 1rem; }
.qm_form .input{}
.qm_form .input input{ border: 0; background: none; height: 2.8571rem; padding: .6429rem 0; font-size: 1rem; width: 100%; line-height: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.qm_form .select .titx{ position: relative; font-size: 1rem; padding:0 1rem 0 0; cursor: pointer; height:2.8571rem; line-height:2.8571rem; display: block; color:#c8c8c8; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.danming {float:left;}
.xb_left {padding: .6429rem 0;}

.qm_form .radio{ font-size: 0; }
.qm_form .radio label{ font-size: .9375rem; width: 1.375rem; height: 1.375rem; line-height: 1.375rem; text-align: center; border-radius: 50%; background:#cac9c9; color:#fff; display: inline-block; margin-left:.545rem;}
.qm_form .radio label.on{ background:#caa456; }
.qm_form .radio label input{ display: none; }
.qm_form .select{ position: relative;}
.qm_form .select .tit{ position: relative; font-size: 1rem; padding:0 1rem 0 0; cursor: pointer; height:2.8571rem; line-height:2.8571rem; display: block; color:#333; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.qm_form .select .tit b{ font-weight: 400; }
.qm_form .select .tit i,.yy_box .select_many .tit i{ width: .65625rem; height: .375rem; background: url(icon_down.png) no-repeat; background-size: cover; position: absolute; top: 50%; right: 0; margin: -.171875rem 0 0 0; }
.qm_form .select select{ position: absolute;; z-index: 1; top: 0; left: 0; width: 100%; opacity: 0; height: 100%;}
.qm_form .checkbox{ font-size: .9375rem; position: relative; padding-left: .6875rem;}
.qm_form .checkbox label{ display: block; line-height: 2.8571rem; cursor: pointer; position: relative; padding-left: 1.25rem;}
.qm_form .checkbox i{ width: 1rem; height: 1rem; background: url(checkbox.png) 0 top no-repeat; background-size: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.qm_form .checkbox.on i{ background-position: 0 bottom;}
.qm_form .checkbox input{ display: none; }
.qm_form .bj img,.qm_sub img,.drop_fixed_info .bj img{width: 100%; height: auto; vertical-align: top; }
.qm_form.gsqm{ border-top: 1px solid #efefef; margin-top: .75rem; padding: 0;}

.in_app_cs{ background-position-y: -2.1875rem; }
.in_app_cs .title h2{ padding: .625rem 0 0; }
.in_app_cs .qm_form{ padding-top: 4.6875rem; padding-bottom: .75rem; }
.in_app_cs .swiper-pagination{ top: 3.75rem; bottom:auto; }
.in_app_cs .swiper-button-next,.in_app_cs .swiper-button-prev{ top: 4.25rem; }
.in_app_cs .swiper-pagination-bullet{ width: auto; height: auto; background: none; display: inline-block; vertical-align: top; opacity: 1; color: #d5b882; position: relative; outline: 0; }
.in_app_cs .swiper-pagination-bullet::after{ padding: 0 .625rem; font-size: .875rem; height: 1.875rem; display: -webkit-flex; display: flex; border: 1px solid #c4c4c4; border-radius: .25rem; box-sizing: border-box; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.in_app_cs .swiper-pagination-bullet::before{ content: ''; width: .625rem; height: .625rem; background: #d5b882; border-radius: .125rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 50%; bottom: -.25rem; margin-left: -.3125rem; display: none; }
.in_app_cs .swiper-pagination-bullet-active::before{ display: block; }
.in_app_cs .swiper-pagination-bullet-active::after{ background: #d5b882; border-color: #d5b882; color: #fff; }
.in_app_cs .swiper-pagination-bullet:nth-child(1)::after{ content: '姓名测试'}
.in_app_cs .swiper-pagination-bullet:nth-child(2)::after{ content: '公司测名'}
.in_app_cs .swiper-pagination-bullet:nth-child(3)::after{ content: '店铺测名'}


.qm_sub span,.drop_list h3,.drop_list .info,.drop_fixed_info .kf{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.qm_sub span{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 1rem; }
.qm_sub img{width: 100%; height: auto; vertical-align: top; }
.qm_sub{ position: relative;}
.qm_sub a{ display: block;}
.qm_sub span{ font-size: 1.1875rem; color:#fde0c1; }
.qm_sub input{ position: absolute; left: 0; top: 0; border: 0; background: none; text-indent: -999px; overflow: hidden; width: 100%; height: 100%;}

.qm_sub.hui span{ color:#666; }
.qm_sub.hui .bj{ height: 2.75rem; background:#f4f4f4; display: block; border-radius: .1875rem;}


/* 重置地区控件样式 */
#PoPy {position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; padding: 0 .9375rem; width: auto!important; height: auto!important; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-display: flex; -moz-display: flex; display: flex; }
._citys { width: 100% !important; border: 0!important; padding: 0!important; border-radius: .25rem!important; display: block!important; margin: 0; overflow: hidden;}
._citys span { 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;}
._citys0 { width: 100%!important; height: 2.125rem!important; border-bottom-color:#e4eaf6!important; background: #8096c2; vertical-align: top; }
._citys0 li{width: 5rem; line-height: 2.125rem; font-size: .9375rem; }

._citys1{ width: 100% !important; margin: .625rem 0; padding: 0 0 0 .375rem!important; height: 10.75rem; overflow-y: auto; vertical-align: top; box-sizing: border-box; -webkit-overflow-scrolling: touch;}
._citys1 a { width: 4.875rem !important; font-size: .875rem!important; background: #f8f8f8; color: #333!important; border-radius: .1875rem; margin: 0 0 .25rem .25rem!important; vertical-align: top;}
._citys1 a:hover,._citys .AreaS{background-color: #caa456 !important; color:#fff !important;}


/*热门推荐*/
.drop_list{ padding:.75rem .9375rem 0;}
.drop_list.bobo{ padding-left: 0!important; padding-right: 0!important; overflow: hidden;}
.drop_list h3{ font-size: 1.125rem; font-weight: 400; text-align: left;}
.drop_list h3 img{ width: 1.0625rem; height: auto; margin-right: .4375rem;}
.drop_list h3 i{ width: 1.0625rem; height: 1.0625rem; background: url(../images/icon_gua.png) no-repeat; background-size: cover; margin-right: .4375rem; }
.drop_list h3 span a{ color: #3c3c3c; }
.drop_list h3 em{ font-size: .9375rem; }
.drop_list h3 em a{ color:#c36401; margin-left: .625rem;}
.drop_list ul{ border-top: 1px solid #efefef; margin-top: .75rem; }
.drop_list li{ border-top: 1px solid #efefef; padding:.825rem 0; position: relative;}
.drop_list li:first-child{ border-top: 0; }
.drop_list li:last-child{/*padding-bottom: 0;*/}
.drop_list li.bobo { width: auto !important; margin: 0 -.9375rem!important; }
.drop_list li.bobo.none{ display: none !important; }
.drop_list .img{ width: 7.1875rem; height: 4.375rem; position: relative; overflow: hidden; margin-right: .625rem;}
.drop_list .img img{ width: 100%; height: auto; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.drop_list h2{ font-size: 1.125rem; height: 2.625rem; line-height: 1.2; font-weight: 400; text-align: left; color: #404040; margin-bottom: .625rem; overflow: hidden; display: -webkit-box; display: -moz-box; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.drop_list .info{ height: 1.125rem; }
.drop_list .info span{ color: #bbb; font-size: .75rem; margin-right: .5625rem;}
.drop_list .info .bq{ height: 1rem; line-height: 1rem; padding: 0 .1875rem; color:#dfc899; border:.0625rem solid #dfc899; border-radius: .1875rem;}
.drop_list .info .time{ font-size: .625rem; margin:0;}
.drop_list .assort{ position: absolute; left: 7.8125rem; bottom: .84375rem; line-height: 1.1875rem; height: 1.125rem; font-size: 0; overflow: hidden;}
.drop_list .assort span,.drop_list .assort a{ display: inline-block !important; vertical-align: top; font-size: .75rem; }
.drop_list .assort span{ margin-right: .5625rem; width: 2rem; overflow: hidden; text-indent: -4rem; }
.drop_list .assort a{ color: #bbb; background: #fff; }
.drop_list .sort02 a,.drop_list .sort03 a,.drop_list .sort04 a{ display: block; }
.drop_list .sort02 h2,.drop_list .sort03 h2,.drop_list .sort04 h2{ height: auto; }
.drop_list .sort02 .img{ margin:0; }
.drop_list .sort02 .img:nth-child(2){margin:0 .1875rem;}
.drop_list .sort02 .info,.drop_list .sort04 .info{ padding-top:.625rem; }
.drop_list .sort02 .assort,.drop_list .sort03 .assort{ left: 0; }
.drop_list .sort04 .img{ height: 11.25rem; margin:0;}
.drop_list .ads{ text-align: right; }
.drop_list .ads .info span{ margin: 0; }
.drop_list .ads small{ display: inline-block; width: 1.625rem; height: .875rem; background: url(../images/ads.png) no-repeat; background-size: cover;}
.drop_list .qm_sub{margin-bottom:.825rem;}
.drop_list.tl{ padding-left: 0; padding-right: 0; }
.drop_list.tl h3{ padding-left:.9375rem; padding-right: .9375rem; }
.drop_list.tl ul,.drop_list.tl .qm_sub{ margin-left:.9375rem; margin-right: .9375rem; }
.drop_list.pt0 {padding-top: 0; }
.drop_list ul.mt0 {margin-top: 0; }
.drop_list ul.bt0 {border-top: 0; }
/*热门推荐 end*/

.drop_list .qm_count{ font-size: .875rem; }

.drop_list .system_app ul {margin: 0; }
.drop_list .system_app{ margin: 0; padding: 0; width: 100%; overflow: hidden; }

.drop_list .in_zgjm{ margin: -.75rem -.9375rem .75rem; position: relative; }
.drop_list .in_zgjm .img{ width: 100%; height: auto; }
.drop_list .in_zgjm .img img{ position: static; vertical-align: top; -webkit-transform: none; -moz-transform: none; transform: none; }
.in_zgjm .qm_form{ position: absolute; left: 0; right: 0; top: 5.25rem; padding-top: 0; }
.in_zgjm .qm_form .sub input{ width: 1.25rem; height: 1.25rem; border: 0; background: url(icon_fdj.png) no-repeat; background-size: cover; display: block; }
.in_zgjm .list{ font-size: 0; }
.in_zgjm .list span{ color:#ad9d55; font-size: .75rem;}
.in_zgjm .list a{ color:#888; font-size: .75rem; margin-right: .625rem;}

.pick_box{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow-y: auto; background: #f2f4f7; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); z-index: 10000;}
.pick_box.show{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}
.pick_box .title{height:2.8125rem;line-height:2.8125rem;text-align:center;position:relative;color:#00b477;font-size:1.0625rem;background:#373d41;}
.pick_box .title a{ color:#00b477; position: absolute; right: 0; top: 0; bottom:0; line-height: 2.8125rem; padding:0 .75rem;}
.pick_box .search{ padding:.625rem; position: relative;}
.pick_box .search label{ background:#fff; border-radius: .3125rem; padding:0 .84375rem;}
.pick_box .search .icon{ width:1.15625rem; height: 1.15625rem; background:url(fdj.png) no-repeat; background-size: 100%; }
.pick_box .search .input{ padding-left:.75rem; }
.pick_box .search .input input{ padding:.875rem 0; font-size: .875rem; height: 1rem; line-height: 1rem; border: 0; background: none; width: 100%;}
.pick_box .match{ position: absolute; left: .625rem; right: .625rem; z-index: 1000; min-width: 160px; padding: 5px 0; margin: 2px 0 0; text-align: left; list-style: none; display: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); font-size: .875rem; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;}
.pick_box .match li a{ display: block; padding: .1875rem 1.25rem; clear: both; font-weight: normal; line-height: 1.5; color: #333333; white-space: nowrap; }
.pick_box .match li strong{}
.pick_box .match li.active a{ color: #ffffff; text-decoration: none; background-color: #0088cc; background-color: #0081c2; background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); }
.pick_box .match.show{ display: block; }
.pick_box .city_list{ overflow: hidden; text-align: left;}
.pick_box .city_list .tit{ padding: .625rem .625rem .75rem; line-height: 1.1; font-size: .8125rem; color: #999;}
.pick_box .city_list .con{ overflow: hidden; height:100%;}
.pick_box .city_list .con,.pick_box .pick_item{ overflow-y: auto; height: 100%; padding: 0 .625rem;}
.pick_box .city_list .con::-webkit-scrollbar,.pick_box .pick_item::-webkit-scrollbar{ width: 0; }
.pick_box .city_list .con li{ width: 31.42%; float: left; padding-right: 2.8%; padding-bottom: 2.8%;}
.pick_box .city_list .con li:nth-child(3n) {padding-right: 0; }
.pick_box .city_list .con li a{ display: block; border:.07142857rem solid #dedfe0; background:#fff; font-size: .875rem; color:#333; text-align: center; height: 2.0625rem; line-height: 2.0625rem;}
.pick_box .trade_list{ padding:0 .625rem;}
.pick_box .trade_list .tit{ padding-top:.625rem; line-height: 1.1; font-size: .8125rem; color: #999; text-align: left;}
.pick_box .trade_list .con{ padding-top:.75rem; }
.pick_box .trade_list .con ul{ overflow: hidden; }
.pick_box .trade_list .con li{ width: 31.42%; float: left; padding-right: 2.8%; padding-bottom: 2.8%;}
.pick_box .trade_list .con li:nth-child(3n) {padding-right: 0; }
.pick_box .trade_list .con li a{ display: block; border:.07142857rem solid #dedfe0; background:#fff; font-size: .875rem; color:#333; text-align: center; height: 2.0625rem; line-height: 2.0625rem;}
.pick_box .pick_item{ padding:0; }
.pick_box.trade .title{ color:#fff; background:#ffb400;}
.pick_box.trade .title a{ color:#fff;}


/*栏目页导航*/
.crumb_nav {font-size: 1rem;background:#f2f2f2;z-index: 2;box-shadow: 0 .125rem .25rem -.0625rem rgba(0,0,0,.2);position: relative;}
.crumb_nav .url {text-align: left;padding: 0 .625rem;line-height: 2.25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.crumb_nav .url a {font-size:1rem;color: #747474;}
.icon_home {width: 1.6rem;padding: .325rem 0rem 0rem .625rem;}
.icon_home img {width:100%;}

/*栏目页导航 end*/

/*栏目页导航 blue*/
.crumb_nav2 {font-size: 1rem;color: #fff;background:#3ebbef;z-index: 2;box-shadow: 0 .125rem .25rem -.0625rem rgba(0,0,0,.2);position: relative;}
.crumb_nav2 .url2 {text-align: left;padding: 0 .625rem;line-height: 2.25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.crumb_nav2 .url2 a {font-size:1rem;color: #fff;}
.icon_home2 {width: 1.6rem;padding: .325rem 0rem 0rem .625rem;}
.icon_home2 img {width:100%;}

/*栏目页导航 end*/

/*遮罩*/

.nav {
  position: relative;
  width: auto;
  display: inline-block;
  border: none;
}

.btn-nav {
  position: fixed;
  top: 50px;
  left: 30px;
  background: transparent;
  border: none;
  padding: 10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  margin: 6px 0;
  width: 40px;
  height: 5px;
  background-color: #FFFFFF;
}

.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #FCA311;
}

.nav-content {
  position: fixed;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(0,0,0,.5);
  display: block;
  height: 100%;
  z-index:9;
max-width: 23.4375rem;
margin-left: auto;
margin-right: auto;
overflow-y: auto;
}

.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
  background: #fff;
  top: 3.125rem;margin-bottom: 5rem;
}
.item-tit {color: #666;}

.item-anchor:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  left: 0;
  bottom: 0;
  z-index: 9;
  background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor {
  color: #666;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  padding:5px 10px;
}

.item-anchor:hover,
.item-anchor:focus {
  color: #FCA311;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width: 100%;
  background: #FCA311;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.nav-item {padding: .5rem;text-align: left;overflow: hidden;background-color:#f4f4f4;border-bottom: 1px solid #efefef;}
.nav-item strong {padding: .3rem;font-size: 1rem;}
.nav-item strong:hover {background-color: #bbb;font-color:#333;}
.nav-item-bj {background-color: #fff;}
.two_fy {width:47.5%;float:left;line-height:2rem;border: 1px solid #efefef;text-align: center;margin:1%;}
.three_fy {width:30.8%;float:left;line-height:2rem;border: 1px solid #efefef;text-align: center;margin:1%;}
.four_fy {width: 23%;float: left;line-height: 2rem;border: 1px solid #efefef;text-align: center;margin: 0.7%;}

.animated {margin: 0 auto;}
.animated:hover .icon-bar,.animated:focus .icon-bar{background-color: #FCA311;}
.animated:focus {cursor: pointer;z-index: 9999;}

.middle {margin: 0 auto;}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {z-index: 999999;background-color: #FCA311;}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {width: 0;}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}

/*遮罩*/


/*起名网热门应用*/
.system_app{padding: .75rem 0; }
.system_app h3{ padding-left: .9375rem;padding-right: .9375rem; }
.system_app>div {overflow-x: auto; padding: 0; padding-top: .825rem; -webkit-overflow-scrolling: touch; border-top: 1px solid #efefef; margin-top: .75rem;}
.system_app>div::-webkit-scrollbar{ height: 0;}
.system_app ul {white-space: nowrap; font-size: 0; padding:0 .9375rem; display: inline-block; vertical-align: top; border:0; margin:0; overflow: hidden;}
.system_app li {border: 0; display: inline-block; vertical-align: top; text-align: center; margin-left: 1.6875rem; padding-top:0; padding-bottom: 0;}
.system_app li:first-child{ margin-left: 0;}
.system_app li a {padding: 0; color:#333;}
.system_app li img{ width: 4rem; height: 4rem; display: block; background: #fbf6df; border-radius: 1rem;}
.system_app li p{ font-size: .9375rem; line-height: 1.2; padding-top:.4375rem;}
.system_app.backNone li img{ background: none; }
/*起名网热门应用 end*/

/*文章页内容部分*/
.article{ text-align: left; }
.article_tit{ font-size: 1.625rem; color: #333; line-height: 1.45; padding: 1rem .9375rem 0;}
.article_tit span{ display: inline-block; font-size: .75rem; padding: 0 .1875rem; border:.0625rem solid #caa456; border-radius: .125rem; font-weight: 400; color:#caa456; margin-left: .5rem; vertical-align: middle;}
.article_info{ color: #999; line-height: 1.5rem; border-bottom: 1px solid #e5e5e5; padding: .5rem .9375rem .875rem; margin-bottom: .9375rem;}
.article_info span{ padding-right: .625rem; }
.article_info span.tiem{ font-size: .75rem; }
.article_info span.type img{ width: 1.5rem; height: 1.5rem; border-radius: 50%; vertical-align: top; margin-right: .3125rem; }
.article_content{ overflow: hidden; font-size: 1.125rem; line-height: 1.75rem; padding: 0 .9375rem 1rem;}
.article_content p{ font-size: 1.125rem; color: #4f4f4f; font-weight: 400; line-height: 1.75rem; margin: 0 0 1rem; text-align: justify;}
.article_content hr{ border: 0; border-top: 1px solid #e5e5e5; margin-bottom: 1rem; }
.article_content strong{font-weight:700}
.article_content i,.article_content i,.article_content address,.article_content cite,.article_content dfn,.article_content em,.article_content var{font-style:italic}
.article_content *{box-sizing:border-box}
.article_content h1,.article_content h2,.article_content h3,.article_content h4,.article_content h5,.article_content h6{color:#4f4f4f;margin:.5rem 0 1rem;font-weight:700}
.article_content ol,.article_content ul{margin:0 0 1.5rem;padding:0}
.article_content ul ol{margin:0 0 1.5rem 2rem}
.article_content ul li{list-style-type:disc;margin:.5rem 0 0 2rem}
.article_content ol li{list-style-type:decimal;margin-left:2.5rem;margin-top:.5rem}
.article_content ul.e3{overflow: hidden;}
.article_content ul.e3 li{ float: left; height: 1.75rem; line-height: 1.75rem; font-size: .9375rem; padding: 0 .1875rem; margin: 0; list-style-type: none;}
.article_content ul.e3 li a{ color: #e00; text-decoration: underline; }
.article_content img{margin:0;width:100% !important; height: auto !important;}
.article_content h1{font-size:1.75rem;line-height:2.25rem}
.article_content h2{font-size:1.5rem;line-height:2rem}
.article_content h3{ font-size: 1.375rem; line-height: 1.875rem; padding-left: 1.5625rem; background: url(../images/icon_gua.png) no-repeat; background-size: 1.25rem; background-position-y: .375rem;}
.article_content h4{font-size:1.25rem;line-height:1.75rem}
.article_content h5{font-size:1.125rem;line-height:1.625rem}
.article_content h6{font-size:1rem;line-height:1.5rem}
.article_content table tr{border:0;border-top:.0625rem solid #DDD;background-color:#fff}
.article_content table{border-collapse:collapse;display:table;width:100%;text-align:center;margin-bottom:1.5rem}
.article_content tbody{border:0}
.article_content table tr:nth-child(2n){background-color:#F7F7F7}
.article_content table tr td,.article_content table tr th{font-size:.875rem;color:#4f4f4f;line-height:1.375rem;border:.0625rem solid #DDD;padding:.5rem;text-align:left;word-wrap:break-word;word-break:normal;vertical-align:middle}
.article_content table tr td code,.article_content table tr th code{white-space:normal;word-break:break-all}
.article_content table tr th{font-weight:700;background-color:#eff3f5}
.article_content dl{margin:1.5rem}
.article_content dl dt{margin:.5rem;font-weight:700}
.article_content dl dt dd{margin:.5rem}
.article_content a{color:#4EA1DB;text-decoration:none}
.article_content a:focus,.article_content a:hover{color:#ca0c16}
.article_content a:visited{color:#6795B5}
.article_content dl dd{margin:0 0 .5rem 2.5rem}
.readall_box{ position: relative; z-index:6; padding: 0 0 25px; margin-top: -220px; text-align: center; }
.read_more_mask {height: 200px; background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff)); background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0)); }
.readall_box .btn_mod {background-color: #fff; }
.btn-gray-fred, .btn-gray-fred:focus, .btn-gray-fred:link, .btn-gray-fred:visited {font-size: 1rem; color: #ca0c16; background: #fff; border-radius: .25rem; border: 1px solid #de686d; line-height: 1.875rem; }
.readall_box .btn_mod a{border: 1px solid #ca0c16; width: 15rem; height: 2.5rem; line-height: 2.5rem; display:inline-block; vertical-align: top;}
.readall_box .btn_mod img{ width: .9375rem; height: auto; margin: 1.0625rem 0 0 .3125rem; vertical-align: top; }
.article_share{ padding:0 .9375rem 1rem; }
.article_share .tit{ position: relative; text-align: center; font-size: 0; }
.article_share .tit span{ font-size: .75rem; color:#6a6a6a; line-height: 1.2; background:#fff; display: inline-block; padding: 0 .625rem; vertical-align: top; position: relative;}
.article_share .tit i{ position: absolute; top: 50%; left: 0; right: 0; height: 0; overflow: hidden; border-top: 1px solid #f0f0f0; }
.article_share .con{ padding-top: .8125rem; text-align: center;font-size: 0; }
.article_share .con a{ width: 2.5rem; height: 2.5rem; background:url(../images/icon_share.png) left top no-repeat; background-size: cover; display: inline-block; vertical-align: top; margin:0 .46875rem; float: none; padding: 0;}
.article_share .con .wx{}
.article_share .con .wb{ background-position-y:-3.125rem; }
.article_share .con .kj{ background-position-y:-6.25rem; }
.article .mpart{ background:#fff; margin-top:-.9375rem;}


/**/
.when_nav>div{ border-top: .0625rem solid #efefef; margin-top: .75rem; text-align: left; padding: .3125rem 0 .625rem; font-size: 0; }
.when_nav>div>div {margin-left: -.3125rem; }
.when_nav a {background: #efefef; border-radius: .375rem; display: inline-block; vertical-align: top; height: 2rem; line-height: 2rem; padding: 0 .5625rem; color: #333; margin: .3125rem 0 0 .3125rem; font-size: 1rem; }
.when_nav a.on{ background:#ce2323; color:#fff; }
/**/

.hotApp .lh2{ text-align: left; border-top: 1px solid #efefef; margin-top: .75rem; padding: .575rem 0;}
.hotApp .lh2 a{ display: inline-block; white-space: nowrap; margin: .25rem 1.375rem .25rem 0; color: #333;}
.hotApp .lh2 a.b{ font-weight: 700;}
.hotApp .lh2 a.co_j{ color:#ffd200;}
.hotApp .lh2 a.co_m{ color:#bae4a3;}
.hotApp .lh2 a.co_s{ color:#93b7ff;}
.hotApp .lh2 a.co_h{ color:#ffa200;}
.hotApp .lh2 a.co_t{ color:#af8673;}

/*文章页内容部分 end*/


/*协议*/
.xieyi_co {color:#caa456;text-decoration: underline;}

/*综合七大起名方式*/
.means_list{ padding:.75rem .9375rem 0;}
.means_list h3{ font-size: 1.225rem; font-weight:900; text-align:center;}
.means_list h3 img{ width: 1.625rem; height: auto; margin-right: .4375rem;}
.means_list ul{ border-top: 1px solid #efefef; margin-top: .75rem; }
.means_list li{ border-top: 1px solid #efefef; padding:.825rem 0; position: relative;overflow:hidden;}
.means_list li:first-child{ border-top: 0; }
.means_list li:last-child{}
.means_list .img{ width: 7.1875rem; height: 4.375rem; position: relative; overflow: hidden; margin-right: .625rem;}
.means_list .img img{ width: 100%; height: auto; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.means_list h2{ font-size: 1.125rem;line-height: 1.2; font-weight: 400; text-align: left; color: #404040; margin-bottom: .325rem; overflow: hidden; display: -webkit-box; display: -moz-box; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.means_list .info span{ color: #bbb; font-size: .75rem; margin-right: .5625rem;}
/*综合七大起名方式 end*/

/*起名案例*/
.bj_red {background: #ce2323;}
.bj_blue {background: #caa456;}

.anli_list{ padding:.75rem .9375rem 0;}
.anli_list h3{ font-size: 1.225rem; font-weight:900; text-align: left;}
.anli_list h3 img{ width: 1.625rem; height: auto; margin-right: .4375rem;}
.anli_list h3 em {font-size: .825rem;color: #fff;padding: .225rem;}

.anli_box {background: #fff;padding: 1rem;}

.anli_txt {text-align:left;color: #bbb;font-size: .75rem;line-height: 1.25rem;}
.anli_txt p strong {font-size:.825rem;color: #333;}
.anli_txt p em {color: #fff;padding:.035rem .225rem;margin-right: .225rem;border-radius: 50%;}

.anli_list ul{ border-top: 1px solid #efefef; margin-top: .75rem; }
.anli_list li{ border-top: 1px solid #efefef; padding:.825rem 0; position: relative;overflow:hidden;}
.anli_list li:first-child{ border-top: 0; }
.anli_list li:last-child{}
.anli_list .img{ width:6.25rem;position: relative; overflow: hidden; margin-right: .625rem;background: #f8f8f8;}
.anli_list .img span{padding: 0 .325rem;color: #000;}


.anli_list .img p {font-size: .825rem;color: #000;line-height: 1.65rem;}
.anli_list .img i {font-size: .625rem;color: #fff;padding: .325rem;line-height: .625rem;display: block;}

.anli_list .img img{ width: 100%; }
.anli_list h2{ font-size: 1.125rem;line-height: 1.2; font-weight: 400; text-align: left; color: #404040; margin-bottom: .325rem; overflow: hidden; display: -webkit-box; display: -moz-box; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.anli_list .info span{ color: #bbb; font-size: .75rem; margin-right: .5625rem;}

.anli_tab{ padding:.825rem; }
.anli_tab a,.anli_tab span{ background-size: 2.75rem; display: block;}
.anli_tab a{border: 1px solid #000; font: 700 1rem/2.75rem '宋体'; color: #333; text-align: center; background-image: url(sub_bj05_lr.png),url(sub_bj05_lr.png); background-position: left top,right top; background-repeat: no-repeat; padding: 0 .825rem;}
.anli_tab span{ background-image: url(sub_bj05.png); background-position: center 0; background-repeat: repeat-x;}
.anli_tab a.on{ background-image: url(sub_bj04_lr.png),url(sub_bj04_lr.png); color: #fff;position:relative;}
.anli_tab a.on span{ background-image: url(sub_bj04.png);}
.anli_tab a:first-child{ margin-right: 1.175rem;}
.anli_jiantou{position: absolute;bottom: -10px;left: 50%; margin-left: -11px;display: none;}
.anli_tab a.on img.anli_jiantou{display:block!important;}
/*起名案例 end*/

/*名字特色*/
.name_tese_box{ padding:.75rem .9375rem 0;}
.name_tese_box h3{ font-size: 1.225rem; font-weight:900; text-align:center;}
.name_tese_box h3 img{ width: 1.625rem; height: auto; margin-right: .4375rem;}
.name_tese_box h3 em {font-size: .825rem;color: #fff;padding: .225rem;}

.name_tese ul li .img{}
.name_tese ul li .img img{ width: 100%;}

.name_tese {width: 100%;overflow: hidden;padding: .825rem 0;}
.name_tese ul {overflow: hidden;border-top: 1px solid #efefef;}
.name_tese ul li {width: 26%;float: left;padding: 2.3%;border: 1px solid #bbb;margin: 1%;}
.name_tese ul li h2 {font-size:.825rem;padding:.625rem;}
.name_tese ul li p {color: #bbb;font-size:.75rem;text-align:left;}

/*名字特色 end*/

/*好评如潮*/
.feedback {height: auto;overflow: hidden;text-align:left;}
.feedback .intro {font-size: .24rem;color: #f8c49b;text-align: center;height: .9rem;background: url(flowers.png) no-repeat;background-size: auto;background-size: 100%;}
.feedback .intro span {color: #f7bf4c;font-weight: bold;}

.comment-box  {overflow: hidden;border: 0px dashed #c50315;display: block;margin-top: .825rem;}
.comment-list {height: 334px;overflow: hidden;}
.comment-box li {overflow: hidden;border-bottom:1px dashed #a19e9e;padding:10px 15px;height:auto;margin: 0 5%;}
.comment-box li span {line-height: 28px;color: #ff537b;}

.feedback h2 {font-size: .825rem;color:#9d5f06;line-height:1.65rem;}
.feedback ul {height: auto;overflow: hidden;margin:2% 0 0 0;padding:2%;background: url("2019sxz_yunchen_26.png") repeat-y;background-size:100%;}
.feedback ul li .text {font-size:.75rem;color: #333;line-height:1.65rem;margin-top: .1rem;}


.praise_list{ padding:.75rem .9375rem 0;}
.praise_list h3{ font-size: 1.225rem; font-weight:900; text-align:center;}
.praise_list h3 img{ width: 1.625rem; height: auto; margin-right: .4375rem;}
.praise_list h3 em {font-size: .825rem;color: #fff;padding: .225rem;}

/*好评如潮 end*/

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

/*印象标签选择弹层样式*/
.bqSelectBox{ position: fixed; left: 0; top: 50%; right: 0; margin: auto; margin-top: -105px; background: #373d41; box-shadow: 0 0 5px rgba(0,0,0,.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 11; display: none;}
.bqSelectBox .hd{ line-height: 30px; color: #888; padding: 8px 10px; border-bottom: 1px solid #282c2f;overflow: hidden; }
.bqSelectBox .hd i{float:left;}
.bqSelectBox .hd span{ float:left;font-size: 12px; padding-left: 10px; color: #5b5b5b; }
.bqSelectBox .bd{ padding: 0 0 10px 10px; }
.bqSelectBox .bd a{ float: left; padding: 0 13px; background: #282c2f; line-height: 34px; color: #dfe0e0; margin: 10px 10px 0 0; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; cursor: pointer; font-size: 14px; }
.bqSelectBox .bd input{ display: none; }
.bqSelectBox .bd a.on{ background:#caa456; color: #fff; }
.bqSelectBox .close{ display: inline-block; padding: 5px 20px; color: #fff; cursor: pointer; background:#caa456; border-radius: 4px; vertical-align: top; line-height: 20px; font-size: 14px; float: right; }
.bqSelectBox .close:hover{ opacity: .9; }

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

.znqm{ background:#f8f8f8 url(bj.png) repeat-y; background-size: cover; }

/*标题样式 */

.title_box {padding: 0% 1.5%;overflow: hidden;}
.contents {background:#ecdecc;}

.sec-title {line-height:2.45rem;text-align: center;font-size:1.225rem;color: #333;font-weight:900;margin: 0 auto;position: relative;z-index: 1;}
.borbox {overflow:hidden;}
.bk_box {width:93%;float: left;padding:0 3.5% 3.5% 3.5%;font-size:.825rem;text-align: left;}
.wxtx_box p {line-height:1.5rem;text-indent:2em;}
.zhuzi {color:#ce2323;font-size:1rem;}

.zd_yanse{color:#ce2323;}
.mpbg {font-size: .825rem;color:#ce2323;font-weight:900;}

/*标题样式 end*/