@charset "utf-8";
/* 20180412 by fanbo */
*{margin:0;padding:0;}
@media screen and (min-width: 320px) { html {font-size: 14px;}}
@media screen and (min-width: 360px) { html {font-size: 16px;}}
@media screen and (min-width: 400px) { html {font-size: 18px;}}
@media screen and (min-width: 440px) { html {font-size: 20px;}}
@media screen and (min-width: 480px) { html {font-size: 22px;}}
@media screen and (min-width: 640px) { html {font-size: 28px;}}
@media screen and (min-width: 750px) { html {font-size: 32px;}}

/* 默认PC端样式 */
body {
  font-size: .9375rem;
  color: #333;
  font-family: '微软雅黑';
  max-width: 33.325rem;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
}

/* 移动端样式 */
@media (max-width: 767px) {
  body {
    max-width: 23.4375rem;
  }
}

ul,li,small{ list-style: none; }
i,em{ font-style: normal; }
input{-webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: 0;}
a{ text-decoration: none; }
.clearfix:after {content: ""; display: block; width: 100%; height: 0; line-height: 0; overflow: hidden; clear: both; }

.dis_flex{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; }
.flex_flow_c{ -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }
.flex{ -webkit-flex: 1; -moz-flex: 1; -o-flex: 1; flex: 1; }


.qm_sub:active{ opacity: .9;}

input::-webkit-input-placeholder { color:#999;}
input:-moz-placeholder { color:#999;}
input::-moz-placeholder { color:#999;}
input:-ms-input-placeholder { color:#999;}
header{display:none}
table {border-collapse: collapse; border-spacing: 0; }


/*背景颜色*/
.back_white{ background:#fff; }
/*字号大小*/
/*文字水平对齐*/
.text_l{ text-align: left; }
.text_c{ text-align: center; }
.text_r{ text-align: right; }

/*通用*/
.dis_inblock{ display: inline-block; vertical-align: top;}
.help_icon{ width: 16px; height: 16px; background-position: -152px -2px;}
.none{ display: none; }
.hr{ height: .8125rem; background:#f8f8f8; border:solid #e5e5e5; border-width: 1px 0;}
.hr.bb0{ border-bottom: 0; }
.img{ width: 100%; height: auto; vertical-align: top;}
.dis_cneter{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

/* 重置地区控件样式 */
#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; max-width: 600px; 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: #3d8378!important; background: #000040; vertical-align: top; }
._citys0 li{width: 5rem; line-height: 2.125rem; font-size: .9375rem; }
.citySel { background-color: #3d8378!important; }
._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: #3d8378 !important; color:#fff !important;}



/* 默认PC端样式 */
#header, .header {
  height: 3.125rem;
  max-width: 33.325rem;
  margin-left: auto;
  margin-right: auto;
}

/* 移动端样式 */
@media (max-width: 767px) {
  #header, .header {
    max-width: 23.4375rem;
  }
}
.header{ background: #feefde; padding: 0 .625rem; position: fixed; /*left: 0; right: 0;*/ top: 0; z-index: 11; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header img{ height: auto; vertical-align: top; }
.header .lg img{ width: 6.8125rem; }
.header .gw{ padding-left: .46875rem; }
.header .gw img{ width: 1.34375rem; }
.header .crumb{ text-align: left; font-size: 0; }
.header .crumb span{ font-family: '宋体'; color: #fff; opacity: .5; padding: 0 .625rem; font-size: .9375rem; }
.header .crumb a{ font-size: .875rem; color: #fff; display: inline-block; vertical-align: bottom; height: 1rem; line-height: 1rem; overflow: hidden; max-width: 4.5rem; white-space: normal;}
.header .crumb a.gd i{ background: #fff; display: inline-block; width: 4px; height: 4px; overflow: hidden; margin: 0 2px; border-radius: 2px; vertical-align: middle; }

.header .nav{ text-align: right; }
.header .nav li{ display: inline-block; padding: 0 .425rem; }
.header .nav li a{ font-size: 1rem; color: #888; font-weight: bold; }
.header .exper{ padding-left: .625rem; }
.header .exper img{ width: 3.625rem; }
.header .more{ padding-left: .625rem; height: 100%; margin-right: -.625rem; }
.header .more a{ height: 100%; padding: 0 .625rem; }
.header .more i{ width: 1.25rem; height: .1875rem; border-radius: .1875rem; display: block; background: #888; margin: .25rem 0 0 0; }
.header .more i:first-child{ margin-top: 0; }

/* 隐藏导航栏目 */
#side_nav{position: fixed; z-index: 10000; overflow: hidden; text-align: center; left: 0; top: 0; right: 0; bottom: 0; background: none; display: inline-block; width: auto; visibility: hidden; }
#side_nav.show{ visibility: visible; }
#side_nav li{ border:0; height: auto; line-height: initial; box-shadow:none; }
.tab_c{ cursor: pointer; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .7; z-index: 9999; display: none; }
.tab_c p {width: .875rem; position: absolute; right: .75rem; top: 50%; margin: -3.375rem 0 0; font-size: .875rem; line-height: .875rem; color: #B5B5B5; }
.tab_c.show{ display: block; }
.side_nav {height: 100%; position: fixed; top: 0; left: 0; right: 2.5rem; z-index: 9999; overflow: hidden; background: #fff; -webkit-box-shadow: .375rem 0 .625rem 0 rgba(0,0,0,.4); box-shadow: .375rem 0 .625rem 0 rgba(0,0,0,.4); -webkit-transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1); transition: transform .5s cubic-bezier(.165,.84,.44,1); -webkit-transform: translateX(-105%); -moz-transform: translateX(-105%); transform: translateX(-105%);}
.side_nav.show{ -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0);}
#side_nav .bottom-box{position:fixed;bottom: 0;left: 0;width: 100%;height: 2.5rem;line-height: 2.5rem;z-index: 10001;}
#side_nav .bottom-box p{width: 100%;height: 2.5rem;line-height: 2.5rem;background-color: rgba(0,0,0,0.5);color: #F7BD0D;}
#side_nav .bottom-box p img{width: 20px;height: 20px;display: inline-block;position: relative;top: 3px;}
.s_h {overflow: hidden; height: 2.6875rem; background: #EEE; border-bottom: .0625rem solid #E1E1E1; }
.s_h h2 {font-weight: 400; text-align: left; line-height: 2.75rem; color: #333; font-size: .875rem; padding-left: .625rem;}
.s_c {background: #f9f9f9; border-bottom: .0625rem solid #E1E1E1; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.s_c ul { font-size: 0; white-space: nowrap;}
.s_c li { display: inline-block; vertical-align: top; padding: .75rem .825rem .75rem 0; min-width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.s_c li:first-child {padding-left: .825rem;}
.s_c li a{ display: block; }
.s_c::-webkit-scrollbar{ height: 0; }
#side_nav .s_c li img { width: 3.125rem; height:auto; vertical-align: top; background: #f5efd4; border-radius: 1rem;}
#side_nav .s_c li p { padding:.1875rem 0 0 0; font-size: .8125rem; color: #5D5D5D;}
.s_bd {width: 100%; position: absolute; top: 8.71875rem; bottom: 0; background-color: #fff; padding-bottom: 35px;}
.s_b_b,.s_b_c .item{overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; height: 100%;}
.s_b_b{background: #EEE; color: #9B9B9B; font-size: .875rem; text-align: center; width: 23%; height:100%;}
.s_b_b::-webkit-scrollbar,.s_b_c .item::-webkit-scrollbar{ width: 0; }
#side_nav .s_b_b li {cursor: pointer; line-height: 3.6875rem; border-bottom: .0625rem solid #E1E1E1; margin-right: -.0625rem; }
#side_nav .s_b_b li a {color: #AEAEAE; display: block;}
#side_nav .s_b_b li.on {background: #fff; }
#side_nav .s_b_b li.on a {color: #333; }
.s_b_c {width: 77%; background: #fff; position: relative;}
.s_b_c .t_li h2 {font-size: 1rem; line-height: .875rem; color: #484747; font-weight: 700; padding: .3125rem 0; text-align: left; position: relative; }
.s_b_c .t_li h2 a {display: block; padding: .625rem 0; }
.s_b_c .t_li h2 i {position: absolute; left: 0; right: 0; top: 50%; height: .0625rem; overflow: hidden; background: #e8e8e8; }
.s_b_c .t_li h2 span {position: relative; z-index: 1; background: #fff; padding: 0 .3125rem; margin: 0 0 0 .625rem; color:#333; }
.s_b_c .item{ display: none; text-align: left; position: absolute; left:0; right:0; top:0; bottom:0; padding:10px 4%; box-sizing: border-box;}
.s_b_c .item.show{ display: block; }
#side_nav .s_b_c .t_li ul{ font-size: 0; }
#side_nav .s_b_c .t_li li { margin: 0 .625rem .625rem 0; display: inline-block; vertical-align: top; white-space: nowrap;}
#side_nav .s_b_c .t_li li a {padding: .5rem .875rem; background: #fbfbfb; border-radius: .1875rem; font-size: .875rem; color: #5D5D5D; display: block; }


.my_modal_bg{ position: fixed; background: #000; z-index: 100; display: none; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999 !important; opacity: .2;}

.mpart_main{ min-height: 24.875rem; overflow: hidden; background: #fff url(/images/mobile/loading.gif) center 0 no-repeat; background-size: 36%;}
.mpart .img img{ width: 100%; height: auto; display: block; }

.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: #fff; }
.qm_sub input{ position: absolute; left: 0; top: 0; border: 0; background: none; text-indent: -999px; overflow: hidden; width: 100%; height: 100%;}
.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/mobile/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:#caa456; 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/mobile/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; }
.real_count {text-align: center; }
.real_count .flex {padding: 1.625rem 0; }
.real_count h3,.real_count .qm_sub span{font-size: .875rem;}
.real_count span.counter-value {font-size: 34px; font-weight: 700; line-height: 1.1; display: inline-block; vertical-align: top; padding: .125rem 0; color: #D5B882;}
.real_count p {font-size: .75rem; color: #999; }
.real_count .qm_sub {width: 7.125rem; margin: .625rem auto 0; }
.real_count .flex:last-child {border-left: 1px solid #eaeaea; }
.real_count .flex:last-child span.counter-value {color: rgba(0, 51, 102, 1); }
/* 电脑PC端 */
.drop_fixed, .drop_fixed_info {
  height: 2.8125rem;
  max-width: 33.325rem;
  margin-left: auto;
  margin-right: auto;
}
/* 移动端 */
@media (max-width: 768px) {
  .drop_fixed, .drop_fixed_info {
    height: 2.8125rem;
    max-width: 23.4375rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.drop_fixed_info {position: fixed; /*left: 0; right: 0;*/ bottom: 0; z-index: 1001; width: 100%; background: #fff; -webkit-mask-box-image:url(/images/mobile/drop_fixed_bj.png) 0 round; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.drop_fixed_info .kf{ padding-top: .1875rem; width: 3.125rem; text-align: center;}
.drop_fixed_info .kf i{ width: 1.3125rem; height: 1.25rem; background:url(/images/mobile/icon_kf.png) no-repeat; background-size: cover; }
.drop_fixed_info .kf p{ font-size: .625rem; color: #bdbdbd; line-height: 1.1; padding-top: .125rem;}
.drop_fixed_info a:nth-child(2),.drop_fixed_info a:nth-child(3){ line-height: 2.8125rem; font-size: 1.125rem; font-weight: 700;}
.drop_fixed_info a:nth-child(2){ background:#3d8378; color:#fff; }
.drop_fixed_info a:nth-child(3){ background:#000040; color:#3d8378; }
.drop_fixed_info .bj{ position: absolute; top: 0; left: 0; right: 0; }

footer{ border-top: 1px solid #eaeaea; font-size: .75rem; font-weight: 700; color:#999; padding:1.1875rem 0 1rem;}
footer img{ width: 7.71875rem; height:auto;}
footer p{ padding-top:.125rem; }

.btn a{ display: block; text-align: center; font-size: 1.125rem; font-weight: 700; color: #fff; border-radius: .25rem; border: 1px solid #fff; height: 2.875rem; line-height: 2.875rem; }
.btn a.back_purple{ background: #000040; border-color: #000040; }
.btn a.back_orange{ background: #3d8378; border-color: #3d8378; }


.idx_btm_nav{ border-top:1px solid #707070; -webkit-mask-box-image: none; }
.idx_btm_nav ul{ height: 100%; }
.idx_btm_nav li{}
.idx_btm_nav li a{ height: 100%; color: #707070; font-size: .75rem;}
.idx_btm_nav li span{ padding-top: .1875rem; }
.idx_btm_nav li img{ width: 1.25rem; height: auto; vertical-align: top; }
.idx_btm_nav li:last-child{ width: 20%; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.idx_btm_nav li:last-child a{ display: block; height: auto; padding-bottom: .1875rem; }
.idx_btm_nav li:last-child img{ width: 2.5rem; margin-bottom: .375rem; }
.idx_btm_nav li.zds a{ color:#000040; }

#footer{ font-size: 1rem; color: #ccc; padding: 0 0 1rem 0; }
#footer p {font-size: .625rem; padding-top: .9375rem; }
#footer p a{ color:#ccc; }
#footer .links a {color: #333; padding: 0 .3125rem; }

.qm_form .items .bj img{width:100%}
.qm_form .items{position: relative;}
.qm_form .items .dis_cneter,.qm_form .items .dis_flex{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.8rem 1.5rem;
    box-sizing: border-box;
    align-items: center;
}
.qm_form .items .dis_flex .input{
    height: 100%;
}
.qm_form .items .dis_flex .input input{
    width: 100%;
    height: 100%;
    border: none;
    font-size: 0.9rem;
}
.qm_sub .dis_flex{
    justify-content:center;
    align-items: center;
    /*margin-left: 0.8rem;*/
}

.qm_form .radio label.on {
    background: #caa456;
}
.qm_form .radio label {
    font-size: .9375rem;
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    text-align: center;
    border-radius: 50%;
    background: #c8c8c8;
    color: #fff;
    display: inline-block;
    margin-left: .625rem;
}
.btn-box{
    display: flex;
    height: 3.1rem;
}
.btn-box .qm_sub{
    margin: 0 0.2rem;
    height: 100%;
}
.btn-box .qm_sub img{
    width: 100%;
    height: 100%;
    vertical-align: top;
}

#article-ad a img{
    width: 100%;
}

#article-footer-ad a img{
    width: 100%;
}


/* 新增未出生表单 */
form .nobirth{color: #666;font-size: 14px;}
form .nobirth label{display: flex;align-items: center;}
form .nobirth label input{appearance: checkbox;-webkit-appearance: checkbox;}

.mpart {
    background: #f8f8f8 url(/images/mobile/bj.png) repeat-y;
    background-size: cover;
    position: relative;
	padding: 0.25rem 0 0;
}
.img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.mpart .img img {
    width: 100%;
    height: auto;
}
.mpart .text_new {
    position: absolute;
    top: 0.6rem;
    left: 0.8rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-align: left;
}
.mpart .text_new h1 {
    color: #ffffff;
    font-size: 1.125rem;
    text-shadow: 0 0 40px #848484;
}
.mpart .text_new .p {
    color: #ffffff;
    font-weight: 400;
    width: 50%;
    text-shadow: 0 1px 2px #a9a9a9;
}
.mpart .text_new .p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.625rem;
}
.footerlogo {
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 0.006rem 0.05rem;
}
.footerlogo img {
    width: 9.63rem;
    height: 3.63rem;
}
.laIcon {
    width: 1rem;
    height: 1rem;
    background-position: -.79rem -1.52rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
	background: url(/assets/img/pc/pullDown.png) no-repeat center;
}

.tianGeZi {
    margin-top: .75rem;
	display: flex;
	flex-wrap: wrap;
}
.c {
    zoom: 1;
}
.c:before, .c:after {
    content: "";
    display: table;
}
/* 默认PC端样式 */
.tianGeZi li {
    font-size: 1.45rem;
    color: #474747;
    float: left;
    margin-right: 0.95rem;
    margin-bottom: .85rem;
}

/* 移动端样式（屏幕宽度小于 768px 时生效） */
@media screen and (max-width: 768px) {
    .tianGeZi li {
        margin-right: 0.6215rem;
    }
}

.tianGeZi li {
    width: 2.95rem;
    height: 2.95rem;
    background: url(/images/mobile/tianGz.jpg) no-repeat center;
    background-size: 2.95rem auto;
    text-align: center;
    line-height: 2.95rem;
}
.tianGeZi li a {
    display: block;
    color: #474747;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0,0,0);
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.qm_form { text-align: center; padding: 0.25rem .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 .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:#c8c8c8; color:#fff; display: inline-block; margin-left: .625rem;}
.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(/images/mobile/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(/images/mobile/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;}
.qm_sub.hui span{ color:#666; }
.qm_sub.hui .bj{ height: 2.75rem; background:#f4f4f4; display: block; border-radius: .1875rem;}
.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; }

.itemXiaLei {
    padding-bottom: .4rem;
}
.w_width {
    padding: 0.9375rem;
}
.itemXiaLei .daTitle {
    margin-top: .125rem;
	text-align: left;
}
.daTitle {
    font-size: 1.45rem;
    color: #1b1a1a;
    margin-top: .125rem;
}
.daTitle i {
    margin-right: 0.55rem;
}
.boySur {
    width: 1rem;
    height: 1.17rem;
    display: inline-block;
    vertical-align: middle;
    background-position: -0.02rem -1.82rem;
}
.girlSur {
    width: 1rem;
    height: 1.17rem;
    display: inline-block;
    vertical-align: middle;
    background-position: -0.02rem -1.82rem;
}
.sur {
    background: url(/images/mobile/sur-img.png) no-repeat center;
    background-size: 1rem auto;
}
.search_xs {
    display: flex
;
    margin-top: .35rem;
}
.search_xs .center_input {
    width: 70%;
    border: 1px solid #2c2c2a;
    padding: .08rem;
    box-sizing: border-box;
    height: 2.8rem;
}
.search_xs button {
    width: 30%;
    height: 2.8rem;
    background: #c02722;
    border: 0;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
}
.nameListA {
    display: flex
;
    margin-top: .95rem;
    flex-wrap: wrap;
}
.nameListA a {
    width: 4.55rem;
    height: 1.7rem;
    border: 1px solid #e4e4e4;
    font-size: 1rem;
    display: block;
    text-align: center;
    line-height: 1.7rem;
    margin-right: .6rem;
    color: #474747;
    margin-bottom: .5rem;
}
.nameListA span {
    width: 4.55rem;
    height: 1.7rem;
    border: 1px solid #e4e4e4;
    font-size: 1rem;
    display: block;
    text-align: center;
    line-height: 1.7rem;
    margin-right: .6rem;
    color: #474747;
    margin-bottom: .5rem;
}
.nameListB {
    display: flex
;
    margin-top: .95rem;
    flex-wrap: wrap;
}
.nameListC {
    display: flex
;
    margin-top: .95rem;
    flex-wrap: wrap;
}
/* 默认PC端样式 */
.nameListB a {
    width: 3.55rem;
    height: 1.7rem;
    border: 1px solid #e4e4e4;
    font-size: 1.125rem;
    display: block;
    text-align: center;
    line-height: 1.7rem;
    margin-right: .865rem; /* PC 端间距 */
    color: #474747;
    margin-bottom: .5rem;
}
.nameListC a {
    width: 3.75rem;
    height: 1.7rem;
    border: 1px solid #e4e4e4;
    font-size: 1rem;
    display: block;
    text-align: center;
    line-height: 1.7rem;
    margin-right: .865rem; /* PC 端间距 */
    color: #474747;
    margin-bottom: .5rem;
}

/* 移动端样式（屏幕宽度小于 768px 时生效） */
@media screen and (max-width: 768px) {
    .nameListB a {
        margin-right: .645rem; /* 移动端间距 */
    }
}
/* 移动端样式（屏幕宽度小于 768px 时生效） */
@media screen and (max-width: 768px) {
    .nameListC a {
        margin-right: .45rem; /* 移动端间距 */
    }
}

.nameListB span {
    width: 3.55rem;
    height: 1.7rem;
    border: 1px solid #e4e4e4;
    font-size: 1rem;
    display: block;
    text-align: center;
    line-height: 1.7rem;
    margin-right: .6rem;
    color: #474747;
    margin-bottom: .5rem;
}
.nameListC span {
    width: 3.55rem;
    height: 1.7rem;
    border: 1px solid #e4e4e4;
    font-size: 1rem;
    display: block;
    text-align: center;
    line-height: 1.7rem;
    margin-right: .6rem;
    color: #474747;
    margin-bottom: .5rem;
}
a, .answer-list li {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.flex.spb {
    justify-content: space-between;
}
.Feature_btm {
    margin-top: .2rem;
}
.Feature_btm.flex {
    display: flex
;
    flex-flow: row inwrap;
    justify-content: flex-start;
}
.Feature_btm a {
    width: 58%;
    height: 2.8rem;
    background: #c02722;
    color: #fff;
    font-size: 1.45rem;
    display: block;
    border: 1px solid #c02722;
    text-align: center;
    line-height: 2.8rem;
}
.Feature_btm button {
    width: 58%;
    background: #c02722;
    color: #fff;
    font-size: 1.45rem;
    display: block;
    border: 1px solid #c02722;
    text-align: center;
    line-height: 2.8rem;
}
.Feature_btm span {
    width: 38%;
    height: 2.8rem;
    background: #f2f3ee;
    font-size: 1.45rem;
    border: 1px solid #cecece;
    display: block;
    text-align: center;
    line-height: 2.8rem;
}
.geBor {
    background: #f2f2ee;
    height: .3rem;
}
.sexSelect span.active {
    background: #3c497d;
    color: #ffffff;
}
.sexSelect span {
    margin-right: .2rem;
}
.sexSelect span {
    width: 1.45rem;
    height: 1.45rem;
    background: #dfdcdc;
    border-radius: 50%;
    text-align: center;
    line-height: 1.45rem;
    color: #918b8b;
    display: inline-block;
    font-size: 1rem;
}
.sexSelect {
    position: absolute;
    right: 0.4rem;
    top: .1rem;
}
.sexSelect {
    font-size: 1.45rem;
}
.bor_center {
    width: 99%;
    height: 98%;
    border: 1px solid #e0e0e0;
    font-size: 0;
    position: relative;
}
.bor_center input {
    height: 100%;
    width: 100%;
    border: 0;
    padding-left: .15rem;
    box-sizing: border-box;
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
ul,li,small{ list-style: none; }
i,em{ font-style: normal; }
a{ text-decoration: none; }
input{border: 0;outline: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);}
.d_flex,.dis_flex{display: flex;}
.flex_flow_c{justify-content: center;flex-direction: column;}
.flex{flex:1;}
.a_c{align-items: center;}
.j_right{justify-content: flex-end;}
.j_c{justify-content: center;}

.swiper-container{width: 98%;padding: 3.4375rem 0.625rem 0.625rem 0.625rem;box-sizing: border-box;}
.swiper-pagination{display: flex;justify-content: center;padding: 0 0.31rem ;height: 2.5rem;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.31rem 0 0 ;}
.swiper-pagination-bullet{position: relative;top: 0;width: 7.5rem;height: 2.2rem;line-height: 2.2rem;border: 1px solid #eee;border-radius: 0.31rem;background-color: #f8f8f8;margin-right: 0.05rem;color: #666;opacity: 1;}
.swiper-pagination-bullet-active{background: #243e52;color: #ffffff;}
.swiper-pagination-bullet .s {display: none;position: absolute;bottom: -4px;left: 50%;margin-left: -5px;transform: rotate(45deg);width: 8px;height: 8px;background-color: #243e52;}
.swiper-pagination-bullet-active .s{display: block;}
.swiper-container-horizontal>.swiper-pagination-bullets{top: 0.3125rem;z-index: 8;}
.swiper-slide{height: 0;box-sizing: border-box;padding: 0 2rem 0.3125rem 0;}
.swiper-slide.swiper-slide-active{height: auto;}

.form{width:100%;border-radius: 0.3125rem;padding: 0.625rem;box-sizing: border-box;}
.form-item{position: relative;height: 3rem;width: 100%;background-color: #eaeaea;border: 1px solid #e1e1e1;border-radius: 4px;margin:0.3125rem 0 0.625rem 0;font-size: 1rem;padding: 0.3125rem 0.625rem;box-sizing: border-box;}
.form-item-name{font-size: 1rem;}
.form-item-int{flex:1;}
.form-item-int input{border: none;background-color: transparent;font-size: 1rem;height: 100%;width: 100%;}
.form-item-unborn label{display: flex;align-items: center;}
.form-item-unborn input{width: 0.9375rem;height: 0.9375rem;border: 1px solid #ccc;margin-right: 0.3125rem;-webkit-appearance: checkbox!important;}

.unborn-box span{font-size: 1rem;}
.radio label{min-width: 1.5rem;height: 1.5rem;font-size: 14px;text-align: center;border-radius: 50%;margin-right: 0.675rem;background-color: #cecece;display: flex;justify-content: center;color: #888888;}
.radio label:nth-child(3){width: 3.75rem !important;border-radius: 2.5rem !important;}
.radio label.on{background-color: #243e52;color: #ffffff;}
.tab-content-item{padding: 0.3125rem;box-sizing: border-box;}
.tab-content-item.active{display: block}
.tab-content{height: auto;overflow: hidden;}
.form-submit{margin-top: 0.625rem;margin-bottom:0.3215rem;}
.form-submit input{width: 100%;height: 2.75rem;background-color: #243e52;color: #ffffff;border-radius: 4px;border:none;}
.tab-content .tip{text-align: center;padding-top:0.625rem;}
.tab-content .tip span{color: #ff9673;}
.date_info_box{ font-size: 1.125rem;}
.date_class{font-size: 0.875rem;}
.date_roll>div{font-size: 1.25rem;height: 5.5rem;}
.date_btn{font-size: 1rem;}
.tip{text-align: center;padding: 0.625rem;color: #666;}


.bb_bb_form,.bb_y_form,.bb_bottom_form{position: relative;overflow: hidden;background-color: #fff;}
.bb_bb_nav,.bb_y_nav{display: flex;padding: 0.25rem 0;box-sizing: border-box; margin-bottom: 0.55rem;}
.bb_nav-item {position: relative;flex: 1;background-color: #f8f8f8;margin-right: 0.675rem;color: #737373;border-radius: 3px;font-size: 0.95rem;text-align: center;height: 2rem;line-height: 2rem;border: 1px solid #ebebeb;}
.bb_nav-item.active{background: linear-gradient(to right, #f1534b, #e58244);color:#ffffff;font-size: 1rem;}
.bb_nav-item:last-child{margin-right: 0;}
.tab_jiantou {position: absolute;bottom: -10px;left: 50%;margin-left: -11px;display: none;}
.bb_nav-item.active .tab_jiantou{display: block;}
.bb_nav-item a{display: block;color: #737373;}
.bb_swiper-slide{padding: 0 0 0.75rem 0;}
.bb_form{box-shadow: none;padding: 0;}
.bb_form-item{background:url(/assets/images/mobile/input_text_bj.jpg) no-repeat;background-size: 100% 100%;}
.sub-btn{flex: 1;height: 3rem;line-height: 3rem;text-align: center;background:url('/assets/images/mobile/sub_qm.png') no-repeat;background-size: 100% 100%;}
.bb_btn{color: #ffffff;font-size: 1.25rem;}
.sub-btn:first-child{margin-right: 1.25rem;background:url('/assets/images/dashi.png') no-repeat;background-size: 100% 100%;}
.sub-btn.m_r0{margin-right: 0;}
.sub-btn.btn_o{background:url('/assets/images/mobile/sub_bj.png') no-repeat;background-size: 100% 100%;margin-right: 0;}
.mark-box{position: absolute;top: -0.28rem;width: 0.5rem;height: 0.5rem;border-top: 2px solid #444;border-left: 2px solid #444;transform: rotate(45deg);background-color: #fff;z-index: 99;}
.mark-box1{left: 14%;}
.mark-box2{left: 48%;}
.query-warp{
	margin: auto;
	width: 100%;
	height: 12.81rem;
	overflow: hidden;
	background: linear-gradient(#fe8000 4.8rem, #f5f6f5 12.81rem);
}
.query-warp .query-form{
	width: 96%;
	margin: auto;
}
.qcForm-warp{
	margin-bottom: 0.6rem;
}
.qcForm {
	margin-top: 0.78rem;
}
.qcForm .tabTitle{
	font-size: 0;
	display: flex;
	justify-content: space-between;
}
.qcForm .tabTitle li{
	width: 10.25rem;
	height: 2.4rem;
	line-height: 2.4rem;
	color: #666;
	background: #e8e7e7;
	font-size: 1.08rem;
	text-align: center;
	display: inline-block;
	position: relative;
}
.qcForm .tabTitle li.on {
	background: linear-gradient(to right, #f1534b, #e58244);
	color: #f8f8f8;
	font-weight: bold;
}
.qcForm .tabTitle li.on::after {
	content: '';
	width: 0;
	height: 0;
	border: 0.48rem solid transparent;
	border-top: 0.48rem solid #eb6a48;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.75rem;
}
.tabForm .form {
	display: none;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
}
.inputItem {
	position: relative;
	height: 3rem;
	width: 100%;
	background-color: #eaeaea;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	margin: 0.6375rem 0 0.6rem 0;
	font-size: 1.08rem;
	padding: 0.312rem 0.6rem;
	box-sizing: border-box;
}
.tabForm .form.on{
	display: block;
}
.inputItem {
	background: #fff;
}
.inputItem .label {
	font-size: 0.96rem;
	font-weight: bold;
}
.inputItem .inp.flex2 {
	flex: 2;
}
.inputItem .inp {
	flex: 1;
}
.inputItem .inp input {
	border: none;
	background-color: transparent;
	font-size: 0.96rem;
	height: 100%;
	width: 100%;
	display: block;
}

.inputItem .inp .sex-box{
	position: absolute;
	padding: 0.54rem;
	right: 0.6rem;
	top: 0;
}
.inputItem .inp .sex-box label{
	line-height: 1.14rem;
	float: left;
	font-size: 1.14rem;
	color: #535458;
	padding: .45rem 0;
	margin-left: 0.39rem;
	cursor: pointer;
}
.inputItem .inp .sex-box label input{
	display: none;
}
.inputItem .inp .sex-box input {
	border: 0;
	font-size: 1.14rem;
	height: 90%;
	width: 50%;
}
.inputItem .inp .sex-box label.on i{
	background-color: #ff2036;
}
.inputItem .inp .sex-box label i{
	width: 1.14rem;
	height: 1.14rem;
	text-align: center;
	line-height: 35px;
	float: left;
	margin-right: 3px;
	background: #cecece;
	border-radius: 0.15rem;
	position: relative;
}
.inputItem  .inp .sex-box label.on i:after{
	content: "";
	background: url(/images/zicss/gou.png) no-repeat;
	width: 10px;
	height: 8px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.subBtn{
	display: block;
	background-color: #e77645;
	border-radius: 0.36rem;
	width: 100%;
	height: 2.4rem;
	line-height: 2.4rem;
	color: #fff;
	font-size: 1.14rem;
	text-align: center;
	letter-spacing: 2px;
	border: none;
}
.dis_center {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.main-box {
    padding: .5rem;
    background-color: #fff;
    margin-bottom: .15rem;
    border-radius: .04rem;
}
.item-box {
    margin-top: .1rem;
    background-color: #fff;
    padding: .5rem;
    border-radius: .2rem;
}
.item-box .title {
    padding: 1.25rem 0 .75rem 0;
}
.a_c {
    align-items: center;
}
.j_b {
    justify-content: space-between;
}
.d_flex {
    display: flex
;
}
.item-box .title .icon {
    width: .15rem;
    height: .75rem;
    background-color: #ba4a57;
    margin-right: .2rem;
}
.item-box .title .content {
    font-size: 1rem;
    text-align: left;
    font-weight: bold;
    color: #333333;
}
.flex {
    flex: 1;
}
ol, ul {
    list-style: none;
}
.like-name-list .like-info {
    position: relative;
    background: url(/images/qmz/qm_kbg2.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.5rem;
    padding: 0.85rem;
}
.like-name-list .like-info .score-box {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #ffffff;
    font-size: 1rem;
}
.like-name-list .like-info .score-num {
    font-size: 1.35rem;
}
.like-name-list .like-info .score-num .unit {
    font-size: 1rem;
}
.like-info .zi-info {
    font-size: .75rem;
    margin-right: 0.2rem;
}
.like-info .zi-info .word {
    width: 3rem;
    height: 3rem;
    background: url(/images/qmz/table.jpg) no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 3rem;
    font-size: 2rem;
    font-weight: bold;
    margin-right: 10px;
}
.like-info .zi-info .tit {
    color: #666666;
    float: left;
}
.progress-box {
    display: flex
;
    flex-wrap: wrap;
    padding: 0.75rem 0;
    font-size: .75rem;
    justify-content: space-between;
}
.progress-box li {
    width: 48%;
}

.progress-box {
    display: flex
;
    flex-wrap: wrap;
    padding: 0.75rem 0;
    font-size: .75rem;
    justify-content: space-between;
}
.progress-box li .pro-bg {
    position: relative;
    width: 100%;
    flex: 1;
    margin: 0 5px;
    height: 0.4rem;
    background-color: #eaeaea;
    border-radius: 0.4rem;
}
.progress-box li .pro-bg .pro-con {
    height: 0.4rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.4rem;
}
.bg_p1 {
    background-color: #0078ff;
}
.progress-box li .pro-bg {
    position: relative;
    width: 100%;
    flex: 1;
    margin: 0 5px;
    height: 0.4rem;
    background-color: #eaeaea;
    border-radius: 0.4rem;
}
.bg_p4 {
    background-color: #e4b5b5;
}
.bg_p2 {
    background-color: #b6dace;
}
.like-info .name-intro-box {
    margin-top: 0.5rem;
    border: 1px solid #eaeaea;
    background-color: #eeeeee;
    border-radius: 8px;
    padding: 0.35rem;
    box-sizing: border-box;
}
.like-info .name-intro-box .name-intro-con {
    width: 100%;
    color: #5c6577;
    line-height: 1.6;
    letter-spacing: 0.12em;
    font-size: .85rem;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.like-info .name-intro-box .name-intro-more {
    text-align: center;
    font-size: 1rem;
    color: #ff0000;
}
.like-more {
    text-align: center;
    color: #f00;
    font-weight: bold;
    font-size: 1.25rem;
}