@charset "gb2312";
/* 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:#f2f2f2 url('img/bj.png') 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-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 .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; }

.dizhi
	{
        width: 35%;
        float: left;
        margin: 0 1% 0 0;
        border: 1px solid #ccc;
        border-radius: 5px;
        text-indent: 3px;        
        font-size: 1rem;
    height: 1.625rem;
    line-height: 2.65rem;
    padding: 0 1rem 0 0; 
	}

.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;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.qm_form .select .titx2 {
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: left;
}

.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%;
}s

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



/*滑动导航栏*/
.huadong_l {width:86%;float: left;}
.nav_huadong {
    height: 2.5rem;
    overflow: hidden;
    background: #f2f2f2;
    z-index: 8;
    position: sticky;
    box-shadow: 0 5px 9px rgba(0,0,0,.18);
    line-height: 2.5rem;
}
.nav_huadong_box {width: 90%;float: left;}
.nav_huadong_more {width: 10%;float: right;padding: 0 2%;}
.nav_huadong_more a {display: block;padding: 0 .3125rem;}
.nav_huadong_more a i {
    background: #747474;
    display: inline-block;
    width: .25rem;
    height: .25rem;
    overflow: hidden;
    margin: 0 .125rem;
    border-radius: .125rem;
    vertical-align: middle;
    margin-top: 1.2rem;
}

.nav_huadong_item {color: #747474;font-size: 1rem;}
.nav_huadong_item::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 1rem;
    top: 35%;
    right: -0.15rem;
    background: #bbb;
}

/*滑动导航栏 end*/

/*栏目页导航*/
.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.35rem; 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: 0.9rem; line-height: 1.75rem; padding: 0 .9375rem 1rem;}
.article_content p{ font-size: 0.9rem; color: #4f4f4f; font-weight: 400; line-height: 1.45rem; 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 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; }
.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(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*/

/* 八个图标1 */
.baicon_box {width:98%;padding:1%;overflow:hidden;background: #f2f2f2;}
.baicon_box ul {overflow:hidden;}
.baicon_box ul li {width:23%;margin:1%;float:left;font-size:.825rem;}
.baicon_box ul li a{display:block;color:#333;}
.baicon_box ul li span {width:3rem;display:block;margin:0 auto;}
.baicon_box ul li span img {width:100%;}
/* 八个图标1 end */

/* 测算框切换 */
.measure_box {padding: .75rem .9375rem;overflow:hidden;}

.measure_qm {font-size:1.055rem; font-weight:600;text-align:center;overflow:hidden;margin-bottom: .625rem;}
.measure_qm li {float: left;padding: .475rem;margin: 0 .105rem;}

.meas_bnt {color: #c36401;border-bottom: 2px solid #c36401;padding-bottom:.325rem;}

/* 测算框切换 end */


/* 免费起名服务 */
.mfqmfw_box {padding: .75rem .9375rem;overflow:hidden;}

.mfqmfw_box h3{ font-size: 1.125rem; font-weight: 400; text-align: left;margin: .325rem 0;padding-bottom:.625rem;border-bottom: 1px solid #efefef;}
.mfqmfw_box h3 img {width: 1.0625rem;height:100%;margin-top: .25rem;margin-right: .4375rem;}

.mfqmfw_box ul {overflow:hidden;}
.mfqmfw_box ul li {width:23%;margin:1%;float:left;}
.mfqmfw_box ul li a{display:block;color:#333;}
.mfqmfw_box ul li span {width:3.625rem;display:block;margin:0 auto;}
.mfqmfw_box ul li span img {width:100%;}
/* 免费起名服务 end */

.width100 {width:100%;}

/*期望标签(最多可选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*/


.qm_form .checkbox i {
    background: rgba(0, 0, 0, 0) url("checkbox.png") no-repeat scroll 0 top / 100% auto;
    height: 1rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
}
.qm_form .checkbox.on i {
    background-position: 0 bottom;
}



.clear {clear:both;}
/* 伸缩导航 */
.section-nav{height:2.5rem;overflow:hidden;background:#FFF}
.section-nav .item{display:inline-block;vertical-align:top;font-size:1rem;height:2.5rem;line-height:2.5rem;position:relative;text-align:center;-webkit-tap-highlight-color:transparent;}
.section-nav .item.on{color:#ef4c4d;}
.section-nav .item.on:after{visibility:visible;}
.section-nav .item.active{color:#ef4c4d;}
.section-nav .list-scroll{height:0.75rem;white-space:nowrap;position:relative;-webkit-mask-box-image:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,#ffffff 4.5%,#ffffff,#ffffff 93%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%);}
.section-nav .list-scroll .list{padding-left:0.3rem;}
.section-nav .list-scroll .item{margin-left:0;margin-right:0.46rem;}
.ad-nav .list{padding:0 0.15rem;line-height:0.6rem;}
.section-nav-top{width:100%;}
.section-nav-top+.page-content{margin-top:0.6rem;}


.list2 a{font-size:1rem; height:2.5rem;line-height:2.5rem;text-align: center;vertical-align: top;display: inline-block;}
.section-nav2{overflow:hidden;background:#FFF;}
.section-nav2 .list-scroll2 .list2{padding-left:0.3rem;}
.section-nav2 .list-scroll2 .item2{margin-left:0;margin-right:0.46rem;}

.ad-nav2 .list2{padding:0 0.15rem;line-height:0.6rem;}
.ad-nav .item,.ad-nav2 .item2{position:relative;color:#e6601f;}
.ad-nav .item:nth-child(even),.ad-nav2 .item2:nth-child(even){color:#dc2a65;}
.section-nav-top2{width:100%;max-width:750px;}
.section-nav-top2+.page-content2{margin-top:0.6rem;}

.goo {width: 1rem;margin-top:0.5rem;}
.nav_shensuo {width:94%;float: left;}
.nav_shensuo a {width:20%;float: left;}
.expan {padding: 0 0.5%;}
.ad-nav .item i,.ad-nav2 .item2 i{position:relative;color:#e0e0e0;margin:0 1%;}
.nav_shensuo a::before { content: "";position: absolute;width:1px;height:1rem;top:30%;right:-0.05rem;background:#e0e0e0;}
/* 伸缩导航 end */

/*栏目页导航*/
.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*/


/*banner*/
.header_banner {width: 100%;float: left;}
.header_banner img {width: 100%;float: left;}
/*banner  end*/


/*签约老师*/

.teacher_box {margin: .2rem auto;}
.teacher_box > img {display: block;width: 100%;}
.teacher_box .teacher_boxBg {background: url("img/border1Bg.png") repeat-y;background-size: auto auto;background-size: 100%;}
#zss_intor {position: relative;}
.teacher_box .teacher_boxBg > .teacher_boxBg_pic {display: block;width:20rem;margin: 0 auto;}
img {border: 0px;margin: 0px;padding: 0px;}
#zss_intor .content {width:12.25rem;font-size:.825rem;position: absolute;top: 0.05rem;right: 0.05rem;text-align: justify;}
#zss_intor .content span { color: #bc2006;font-size:.925rem;}

/*签约老师 end*/


/*姓名测试打分*/
#xmce .info .intoTit { width: 100%; height: 0.88rem; border: 1px solid #770a0b; font-size: 0.34rem; border-radius: 5px; background: #fff; line-height: 0.88rem; margin: 0.46rem 0 0.26rem; overflow: hidden; }
#xmce .info .intoTit span { width: 50%; height: 100%; float: left; display: inline-block; text-align: center; }
#xmce .info .infoCon li span:before { content: ''; width:2rem; height:2rem; background: url('img/icon.png') no-repeat; background-size:5rem; position: absolute; top: 50%; left:.25rem; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

#xmce .info .infoCon li:nth-child(6) span:before { background-position: 0rem -4.05rem; }
#xmce .info .infoCon li:nth-child(3) span:before { background-position: 0rem .25rem; }
#xmce .info .infoCon li:nth-child(1) span:before { background-position: -3.65rem .25rem; }
#xmce .info .infoCon li:nth-child(2) span:before { background-position: -3.65rem .25rem; }
#xmce .info .infoCon li:nth-child(5) span:before { background-position: -3.65rem -2rem; }
#xmce .info .infoCon li:nth-child(4) span:before { background-position: 0rem -2.05rem; }

#xmce .info .infoCon li > div i:before { content: ''; width:2rem; height:2rem; background: url('img/radio.png') no-repeat; background-size:5rem; display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
#xmce .info .infoCon li > div i.radioYes:before { background-position:-3.25rem 0 !important; }

#xmce .info { width: 100%; overflow: hidden;background:#fff; }
#xmce .info .intoTit span.titColor { background: #a02224; color: #fff;}
#xmce .info .infoCon {overflow: hidden; border: 1px solid #bababb; border-radius: 5px; background: #fff; font-size:1rem; }
#xmce .info .infoCon li { width: 100%; height:2.25rem; border-bottom: 1px solid #bababb; }
#xmce .info .infoCon li span { width:28%; display: inline-block; float: left; height: 100%; color: #a02224; line-height:2.25rem; padding-left: 2%; position: relative; }
#xmce .info .infoCon li span b { margin-right: 0.6rem; }
#xmce .info .infoCon li > div {float:left;height:100%;line-height:2.65rem;position:relative;}
#xmce .info .infoCon li > div i {padding-left:2rem;margin-right:2rem;position:relative;width: auto; display: inline-block;}
#xmce .info .infoCon li > div input {font-size: 1rem;line-height: 1.525rem; margin-top: .25rem;}
/*出生时辰*/
#xmce .info .infoCon li > div label {height:70%; overflow: hidden; float: left; display: inline-block; margin-top:0.35rem; line-height:1.55rem; position: relative; }
#xmce .info .infoCon li > div select {height: 100%; float: left; font-size:1rem; background: none; border: 1px solid #535353; margin-right: 0.15rem; padding-left: 0.1rem;padding-top: 0.01rem; color: #6F6F6F; }
/*出生地点*/
#xmce .info .infoCon li > div b { width:33%; height:70%; overflow: hidden; float: left; display: inline-block; margin-top: 0.35rem; line-height: 2.25rem; position: relative; }
#xmce .info .infoCon li > div b select { width:98%; height: 100%; float: left; font-size:1rem; background: none; border: 1px solid #535353; margin-right: 0.15rem; padding-left: 0.1rem;padding-top: 0.01rem; color: #6F6F6F; }
.area_con{width:70%;}
/*测名按钮*/
.jt input {cursor: pointer;width: 96%;height:2.25rem;font-size:1rem;display: block;color: rgb(255, 255, 255);font-family: 微软雅黑;border-radius: 4px;background:#a02224;margin: 10px auto;}

.test_number {text-align: center;margin-bottom:10px;}
.test_number span {display: inline-block;height:1rem;line-height:1rem; margin: 0 10px;}
.test_number b {color: #db190f;}

/*测名按钮 end*/
/*出生日期*/

.date_btn,.date_class,.date_class_box,.date_info_box,.tooth {text-align: center}
.gearDate {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 10px;background-color: rgba(0, 0, 0, .2);display: block;position: absolute;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:9999999;overflow: hidden;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-transform: translateZ(0)}
.date_ctrl {vertical-align: middle;background-color: #F0F0F0;border: 1px solid #a5a5a5;border-radius: 5px;color: #000;margin: 0;height: auto;width: 90%;max-width: 600px;position: absolute;left: 50%;top: 12%;z-index: 9902;overflow: hidden;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0)}
.date_roll,.date_roll>div {background-color: transparent;overflow: hidden}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate(-50%, 100vh);
		transform: translate(-50%, 100vh);
		-moz-transform: translate(-50%, 100vh);
		-ms-transform: translate(-50%, 100vh);
		-o-transform: translate(-50%, 100vh)
	}
	to {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0)
	}
}

.date_roll {position: relative;width: 100%;height: auto;font-weight: 700;-webkit-mask: -webkit-gradient(linear, 0 50%, 0 100%, from(#debb47), to(rgba(36, 142, 36, 0)));-webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0))}
.date_roll>div {font-size:1.5em;height: 6em;float: left;position: relative;width: 33.33%}
.date_roll_mask {padding: 0 1em;-webkit-mask: -webkit-gradient(linear, 0 40%, 0 0, from(#debb47), to(rgba(36, 142, 36, 0)));-webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0))}
.date_grid {position: relative;top: 2em;width: 100%;height: 2em;margin: 0;z-index: 0;background-color: #E8E8E8;border-top: 1px solid #d4d4d4}
.date_grid>div {color: #000;position: absolute;right: 0;top: 0;font-size: .8em;line-height: 2.5em}
.date_info_box {color: #363837;font-size: 1.8em;padding: .6em 0;font-weight: 700}
.date_class_box {padding: 1em 2em}
.date_class {display: inline-block;font-size: 1.4em;width: 40%;padding: .4em 0;color: #c91723;border: 1px solid #c91723}
.date_class_box .date_class:first-child {border-top-left-radius: .2em;border-bottom-left-radius: .2em}
.date_class_box .date_class:last-child {border-top-right-radius: .2em;border-bottom-right-radius: .2em}
.date_class_box .active {background-color: #c91723;color: #fff}
.date_btn_box {overflow: hidden;position: relative;border-top: 1px solid #d4d4d4}
.date_btn {color: #000;font-size: 1.6em;line-height: 1em;padding:2.5%;float: right;width: 40%}
.date_btn:first-child {border-left: 1px solid #d4d4d4;float: left;}
.gear {float: left;position: absolute;z-index: 9902;width: 5.5em;margin-top: -6em}
.date_roll>div .gear {width: 100%}
.tooth {height: 2em;line-height: 2em}

/*出生日期 end*/

.zty_bnt {width:1rem;height:1rem;-webkit-appearance: checkbox;box-sizing: border-box;margin-left:0.32rem;}
.zty_bnt_label {color: #a02224;line-height:2.25rem;padding-left: 0.1rem;}
/*测名内容结束*/

/*模块框 */
.title_box {padding:0% .5% .5% .5%;overflow:hidden;}
.contents {background:#ecdecc;}

.sec-title {width:100%;height:.75rem;line-height: 0.74rem;background: url(title02.png) no-repeat;background-size: auto auto;background-size: 100% 100%;text-align: center;font-size:24px;color: #8b0000;font-weight: bold;margin: 0 auto;position: relative;z-index: 1;}
.sec-title  span {font-size:18px;}
.sec-title  span em {padding:6px; right: 5px; border-radius: 50%; overflow: hidden; background:#F00;color:#FF0; margin:0 1%;font-size:24px;font-style:oblique;}

.borbox {position: relative;background: #fff url('img/borbg.jpg') no-repeat center top;background-size:100% auto;padding:1rem 0 0 0;overflow:hidden;}
.borbox::before {top: 0;}
.borbox::before, .borbox::after {display: block;content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 0.06rem;background: url('img/line3.png') no-repeat;background-size: auto auto;background-size: 100% 100%;}
.borline::before {left: 0;}
.borline::before, .borline::after {display: block;content: '';position: absolute;width: 0.07rem;top: 0.06rem;bottom:0;background: url('img/line1.png');background-size: auto auto;background-size: 100% auto;}
.borline::after {right: 0;width: 0.06rem;background-image: url('img/line2.png');}

.bk_box {width:93%;float: left;padding:3.5%;border-radius: 15px;background-color: #fff;text-align: left;}

/*模块框 end*/

/*测名内容结束 end*/

.qsyycon_biaoqian {padding-top:1rem;display:block;text-align:center;}
.qsyycon_biaoqian img {width:2.25rem;height:2.25rem;vertical-align: middle;}
.qsyycon_biaoqian span {font-size:1rem;color: #ce273c;font-weight: bold;display: inline-block;vertical-align: middle;background: #fdf1ee;height: 2.25rem;line-height:2.25rem;border-bottom: 1px solid #e58c95;border-top: 1px solid #e58c95;}

.cmnr_boxs {width:92%;overflow:hidden;margin:0% 4%;padding-top:3%;}
.cmnr_boxs span {width:25%;text-align:center;background: url('img/tit_a.png') no-repeat center;
    background-size:100% 100%;color:#ce273c;padding:1%;float:left;font-size:1rem;}
.cmnr_boxs p {width:72%;float:right;line-height:1rem;font-size:.825rem;text-align:left;}	

.wangtu {width:90%;margin:2% auto;display:block;position:relative;}
.inbox {padding-bottom:10px;}

/*姓名测试打分 end*/



/*综合得分模块*/
.cmjg_box {width: 100%;position: relative;display:block;margin:0 auto;text-align:center;}

.mingzi1 {width:100%;position:relative;overflow:hidden;display:block;margin:0 auto;text-align:center;}
.mingzi1 span {float:left;display:block;}

.mingzi1 em {width: 3.25rem;display: block;background: url(tian.png) center center no-repeat;background-size: auto 100%;height: 3.25rem;line-height: 3.25rem;font-size: 1.825rem;color: #333;text-align: center;}
.mingzi1 span i {color: #777;font-family: '黑体';margin:2%;display:block;}

/* 四字居中 */



/*四字居中*/
.mingzi4 {width:100%;position:relative;overflow:hidden;display:block;margin:0 auto;text-align:center;padding-top:10px;}
.mingzi4 em {display: block;background: url(tian.png) center center no-repeat;background-size: auto 100%;height:60px;line-height:60px;font-size:36px;color: #333;text-align: center;}
.mingzi4 span i {color: #777;font-family: '黑体';margin:2%;display:block;}

.mingzi4 span {float:left;display:block;width:25%;}


/*三字居中1*/
.mingzi3 {width:100%;position:relative;overflow:hidden;display:block;margin:0 auto;text-align:center;padding-top:10px;}
.mingzi3 em {display: block;background: url(tian.png) center center no-repeat;background-size: auto 100%;height:60px;line-height:60px;font-size:36px;color: #333;text-align: center;}
.mingzi3 span i {color: #777;font-family: '黑体';margin:2%;display:block;}
.mingzi3 span {float:left;display:block;width:33%;}


/*三字居中2*/
.mingzi3_2 {width:80%;position:relative;overflow:hidden;display:block;margin:0 auto;text-align:center;padding-top:10px;}
.mingzi3_2 em {display: block;background: url(tian.png) center center no-repeat;background-size: auto 100%;height:60px;line-height:60px;font-size:36px;color: #333;text-align: center;}
.mingzi3_2 span i {color: #777;font-family: '黑体';margin:2%;display:block;}
.mingzi3_2 span {float:left;display:block;width:30%;}


/*二字居中*/
.mingzi2 {width:100%;position:relative;overflow:hidden;display:block;margin:0 auto;text-align:center;padding-top:10px;}
.mingzi2 em {display: block;background: url(tian.png) center center no-repeat;background-size: auto 100%;height:60px;line-height:60px;font-size:36px;color: #333;text-align: center;}
.mingzi2 span i {color: #777;font-family: '黑体';margin:2%;display:block;}
.mingzi2 span {float:left;display:block;width:50%;}




.pinfen { text-align: center;}
.pinfen span {width:80px;height:60px;line-height:60px;display: block;margin:0 auto;font-size:60px;font-weight: 700;color: #f00;font-family: '黑体';}
.pinfen p {font-size: 13px;color: #666;}


.sub {width: 94%;overflow: hidden;display: block;padding: 3%;}
.sub a {width:100%;height:2.25rem;line-height:2.25rem;font-size:1rem;color: #fff;background: #d47e00;float: left;text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.chart{ height: 290px; }

/*综合得分模块 END*/


/*新模块*/
.mb15 {margin-bottom: 15px;}
.mt15 {margin-top: 15px;}
.borderd {border: 1px solid #ce273c;}
.xx_h {height:2rem;padding-top:.325rem;position: relative;background:#c00814;cursor: pointer;font-size:1rem;}
.pl10 { padding-left:10px;}
.pr10 {padding-right:10px;}

.xx_h i.left {left: 2px;}
.xx_h i.left,.xx_h i.right {width: 11px;height: 11px;background-position: 0 -23px;position: absolute;top: 2px;}
.xx_h h3 {color:#fff7f4;}
.xx_h em {color:#fff7f4;height:24px;line-height:24px;}
.xx_h em font {float:left;width:100%;}
.xx_h em font b{padding:5px;right: 5px;border-radius: 50%;overflow: hidden;background:#FF0;color: #F00;font-size: 24px;}
.xx_h em img {display:block;}
.xx_h em button {background:#c00814;}
.icon {background: url(icon_bjt.png) no-repeat;}
.left {float: left;}
.right {float: right;}
.xx_h i.right {right: 2px;background-position: -11px -23px;}
.clearfix {clear:both;}

.yw_con {padding-right: 10px;padding-left: 10px;margin-right: auto;margin-left: auto;}
.pl5 {padding-left: 5px;}
.pr5 {padding-right: 5px;}
.yw_r {margin-right: -5px;margin-left: -5px;text-align: left;}
.yw_xs_12 {width: 100%;}
.yw_xs {position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.mz_js {width:100%;overflow:hidden;margin-bottom:5px;display:block;position:relative;}
.mz_js_h p {padding-top:.325rem;}
.mz_js_h p span {padding-left:10px;color: #666;}
.mz_js_b {overflow:hidden;}
.mz_js_b dl {position: relative;padding-top: 15px;}
.mz_js_b dt {position: absolute;left: 0;font-size:1rem;font-weight: 700;color: #383838;padding-top: 5px;}
.mz_js_b dd {padding:0 0 .625rem 5rem;}


/*新模块 END*/

/*模块框 */
.title_box {padding:0% 1.5% 1.5% 1.5%;overflow:hidden;}
.contents {background:#fff;}

.sec-title {width: 100%;line-height: 80px;background: url(qm_info_but.png) no-repeat;background-size: auto auto;background-size: 100% 100%;text-align: center;font-size: 24px; color: #fff;font-weight: bold;margin: 0 auto;position: relative;z-index: 1;}
.sec-title  span {font-size:18px;}
.sec-title  span em {padding:6px; right: 5px; border-radius: 50%; overflow: hidden; background:#F00;color:#FF0; margin:0 1%;font-size:24px;font-style:oblique;}

.borbox {position: relative;background: #fff url('img/borbg.jpg') no-repeat center top;background-size: auto auto;background-size: 6.98rem auto;margin-top:-.45rem;padding: 0.45rem 0 0 0;overflow:hidden;}
.borbox::before {top: 0;}
.borbox::before, .borbox::after {display: block;content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 0.06rem;background: url('img/line3.png') no-repeat;background-size: auto auto;background-size: 100% 100%;}
.borline::before {left: 0;}
.borline::before, .borline::after {display: block;content: '';position: absolute;width: 0.07rem;top: 0.06rem;bottom:0;background: url('img/line1.png');background-size: auto auto;background-size: 100% auto;}
.borline::after {right: 0;width: 0.06rem;background-image: url('img/line2.png');}




/*模块框 end*/

/*五行和用神分析*/
.zd_yanse {color: #F00;}
.benmingju {line-height:1.825rem;float:left;font-size:1rem;font-family: "Microsoft Yahei", 黑体;color:#434348;font-weight:800;color:#000;}


/*五行和用神分析 end*/

/*人格特质*/
.yx_con {margin:0 auto;position:relative;width: 100%;}
.yx_con ul {margin:0 auto;position:relative;width: 100%;display:inline-table;}
.yx_con li{width:23%;height:70px;display:block;float: left;border-radius: 50%; margin:0 1%;text-align:center;position:relative;}
.yx_con li b{width:70px;height:70px;display:block;border:1px solid #999;float:left;border-radius:50%;margin:0 2%;text-align:center; position:relative;}
.yx_con li span{position:absolute;top:5px;bottom:5px;left:5px;right:5px;border-radius:50%;overflow:hidden;background:#e0e0e0;}
.yx_con li i{position:absolute;bottom:0;left:0;right:0;height:80%;background:#ff354e;}
.yx_con li i em{position:absolute;left:0;right:0;top:-9px;height:10px;background:url(bl_bj2.png) repeat-x;animation:sploosh 3s linear infinite; 
	    -webkit-animation:sploosh 3s linear infinite;}
@-webkit-keyframes sploosh{
	0%{background-position: 0 0;}
	100%{background-position: 390px 0;}
}
@keyframes sploosh{
	0%{background-position: 0 0;}
	100%{background-position: 390px 0;}
}
.yx_con li font{ font-weight: 700; font-size: 16px; position: absolute; left: 0; right: 0; color: #fff; top: 50%; margin-top: -19px;}
.yx_con li p{ font-size: 13px; }

/*人格特质 end*/

/*音律解析*/
.jiacu,.jiacu1 {margin-right: 10px;margin-bottom:3px;text-align: center;
    background: url('img/tit_a.png') no-repeat center;
    background-size: 100% 100%;
    color: #ce273c;
    padding:1% 5%;}
.zxfx {color:#F00;font-size:16px;}
/*音律解析 end*/

/*字意解析*/

.lcon {width: 100%;border: 1px solid #e7cdaf;margin: 10px auto;}
.tt {width: 100%;height: 51px;font-size: 1.5em;line-height: 51px;color: #fff;background-color: #b7a492;text-align: center;font-weight: bold;}
.mpbg {color:#F00;}
.word2 {width: 90%;overflow:hidden;margin: 15px;font-size: 14px;line-height: 1.6em;}
.jiexi {background: #fff;padding: 10px;display: block;float: left;}
.word2 p {line-height: 1.6em;}
.jiexi b {background: #20b2aa;font-size:16px;padding: 5px;margin: 0 10px 10px 0;font-weight: 700;color: #fff;float: left;}
/*字意解析 end*/

/*姓名三才配置*/
.xmscpz p {overflow: hidden;margin: 0 4% 1% 4%;padding: 2% 0;border-bottom: 1px dashed #ccc;line-height:1.625rem;}
/*姓名三才配置 end*/

/*姓名潮流*/
.text_a_c{ text-align: center;}
/*姓名潮流 end*/



/*底部测名按钮*/
.zt_bottom {position: absolute;bottom: 0;width: 100%;}
.zt_bottom_r {float: left;overflow: hidden;}
/*底部测名按钮 end*/