@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body{ font-family: '微软雅黑';font-size: .26rem; color: #333;}
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; border:0; background:none; font-size: .16rem; color:#333;}
::-webkit-input-placeholder{ color: #ddd;}
:-moz-placeholder{ color:#ddd;}
::-moz-placeholder{ color:#ddd;}
:-ms-input-placeholder{ color:#ddd;}
a{ text-decoration: none; }
[v-cloak]{display: none;}
/* 通用独立样式 */
.dis_flex{ -webkit-display: flex; -moz-display: flex; display: flex; }
.flex{ -webkit-flex: 1; -moz-flex: 1; flex: 1; }
.dis_center{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.dis_bottom{ -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: center; justify-content: center; }
.dis_inblock{ display: inline-block; vertical-align: top; }
.flex_wrap{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;}
.flex_flow_c{ -webkit-flex-flow: column; -moz-flex-flow: column; flex-flow: column; }
.max_img img{ width: 100%; height: auto; vertical-align: top; }
.max_widht{ max-width: 3.75rem; margin-left:auto; margin-right: auto;}
.none{ display: none; }
.dis_block{ display: block; }
.over_hidden{ overflow: hidden; }
.po_rel{ position: relative; }
.po_abs{ position: absolute; }

.help_icon{ width: 16px; height: 16px; background:url(/home/images/qiming/icon.png) -152px -2px no-repeat; margin: 1px 0 0 5px; vertical-align: top;}
.help_text{ position: absolute; bottom: 44px; right: -0.1rem; margin-left: 4px; width: 3rem; border: 1px solid #ccc; border-radius: 5px; background: #fff; font-size: 12px; line-height: 1.6; padding: 10px;}
.help_text h4{ font-size: 13px; padding-bottom: 5px; font-weight: 700;}
.help_text .text{ font-weight: 400;font-size: 14px;}
.help_text em{ position: absolute; right: 0.2rem; bottom: -7px; width: 14px; height: 7px; background:url(/home/images/qiming/icon.png) -173px -2px no-repeat;}

.point.show {visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1) translateX(-50%);}
.point {position: fixed;padding: 12px 15px;left:50%;top:2rem; font-size: 14px;color: #fff;background: rgba(0, 0, 0, .6);border-radius: 3px;z-index: 10010;visibility: hidden;opacity: 0;-webkit-transform: scale(.2);-moz-transform: scale(.2);transform: scale(.2);-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;}
.loading_default{display: none; z-index:12; position: fixed;width: 100%;height: 100%;top:0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.4);}
.loading_default.show{display: block!important;}
.loading_default>img{position: absolute;left: 50%;top:2.5rem;margin-left: -13px;z-index: 3;}

/*loading部分*/
.loading{width: 100%;height: 100%;position: relative; z-index:12; position: fixed;width: 100%;height: 100%;top:0;bottom: 0;left: 0;right: 0;}
.loading_bg{width: 105%;height: 100%;position:fixed;bottom:0;left:0;right:0;z-index:10000;text-align:center;}
.loading_logo{position: absolute;bottom: 30px;left: 50%;transform: translate(-50%, 0);z-index:10001;width: 26%;}
.loading_bagua{position: absolute;top: 20%;left: 50%;transform: translate(-50%, 0);z-index:10001;text-align: center;}
.loading_bagua img{position: absolute;top: 0;left: 0; width: 1.5rem;height:1.5rem;z-index:10002;}
.loading_bagua .loading_dian{transform: rotate(360deg);animation: rotation 2.5s linear infinite;}
.loading_bagua .loading_zi{transform: rotate(360deg);animation: rotationFan 2.5s linear infinite;}
.loading_bagua div{font-size: 0.15rem;}
.hide{ opacity: 0; visibility: hidden; height:0; overflow: hidden; }
@keyframes rotation{from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
@keyframes rotationFan{from {transform: rotate(360deg);}to {transform: rotate(0deg);}}

@keyframes pulse{0%{ transform: scale(1);}50%{ transform: scale(.95);}100%{ transform: scale(1);}}

/*按钮*/
.btn{ display: inline-block; height: .35rem; line-height: .35rem; padding: 0 .2rem; background-color: #000040; color: #fff; white-space: nowrap; text-align: center; font-size: .16rem; border: none; border-radius: .04rem; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn_block{ display: block; width: 100%;}
.btn_primary{ border: .01rem solid #d4d4d4; background-color: #f5f5f5; color: #333; line-height: .33rem;}
.btn_red{ background-color: #f05654; }
.btn_hui{ background: #ededed; color: #333; }
.btn_h40{ height: .4rem; line-height: .4rem; }
.btn_xm{ height: .30rem; line-height: .30rem; font-size: .14rem; padding:0 .15rem; }
.btn_xs{ height: .24rem; line-height: .24rem; font-size: .14rem; padding:0 .1rem; }

.sub{ position: relative; }
.sub>div,.sub em,.sub,.sub font{background-color: #003366; background-size: .4rem 1.05rem }
.sub>div{ padding-left: .15rem; background-repeat: no-repeat;}
.sub em,.sub font{ background-repeat: repeat-x; display: block;}
.sub em{ padding-right: .15rem; background-position-x: right; background-repeat: no-repeat;}
.sub font{ background-position-y: -.55rem; height: .5rem; line-height: .5rem; text-align: center; font-size: .2rem; color:#fff; font-weight: 700;}
.sub input,.sub bottom,.sub a{ position: absolute; left: 0; top: 0; border: 0; background: none; text-indent: -999px; overflow: hidden; width: 100%; height: 100%; }

/*箭头*/
.jt{ width: .1rem; height: .1rem; border:.02rem solid transparent; border-right-color:#c7c7cd; border-top-color:#c7c7cd;}
.jt_t{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.jt_r{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.jt_b{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }

/*文字大小*/
.f_s0{ font-size: 0; }
.f_s10{ font-size: .1rem; }
.f_s12{ font-size: .12rem;}
.f_s13{ font-size: .13rem;}
.f_s14{ font-size: .14rem;}
.f_s15{ font-size: .15rem;}
.f_s16{ font-size: .16rem;}
.f_s18{ font-size: .18rem;}
.f_s20{ font-size: .2rem;}
.f_s22{ font-size: .22rem;}
.f_s24{ font-size: .24rem;}
.f_s26{ font-size: .26rem;}
.f_s28{ font-size: .28rem;}
.f_s30{ font-size: .3rem;}

/*文字颜色*/
.co_1{ color:#b8860b; }
.co_2{ color:#008000; }
.co_3{ color:#0073cf; }
.co_4{ color:#e25822; }
.co_5{ color:#a67b5b; }
.co_fff{ color:#fff; }
.co_000{ color:#000; }
.co_333{ color:#333; }
.co_444{ color:#444; }
.co_666{ color:#666; }
.co_777{ color:#777; }
.co_999{ color:#999; }
.co_888{ color:#888; }
.co_ccc{ color:#ccc; }
.co_red{ color:red; }

/*文字线*/
.text_d_z{ text-decoration:line-through; }
.text_d_x{ text-decoration:underline; }

/*背景颜色*/
.back_fff{ background:#fff; }
.back_j{ background:#b8860b; }
.back_m{ background:#008000; }
.back_s{ background:#0073cf; }
.back_h{ background:#e25822; }
.back_t{ background:#a67b5b; }

/*圆角*/
.bor_radius5{ border-radius: .05rem; }
.bor_radius10{ border-radius: .1rem; }
.bor_radius15{ border-radius: .15em; }
.bor_radius20{ border-radius: .2rem; }

/*文字行高*/
.line_h100{ line-height: 1; }
.line_h110{ line-height: 1.1; }
.line_h120{ line-height: 1.2; }
.line_h130{ line-height: 1.3; }
.line_h140{ line-height: 1.4; }
.line_h150{ line-height: 1.5; }
.line_h160{ line-height: 1.6; }
.line_h170{ line-height: 1.7; }
.line_h180{ line-height: 1.8; }
.line_h190{ line-height: 1.9; }
.line_h200{ line-height: 2; }

/*文字粗细*/
.f_w700{ font-weight: 700; }
.f_w400{ font-weight: 400; }
.f_w100{ font-weight: 100; }

/*文字对齐*/
.text_a_l{ text-align: left; }
.text_a_c{ text-align: center; }
.text_a_r{ text-align: right; }

/*定位*/
.po_re{ position: relative; }
.po_abs{ position: absolute; }

/*内边距*/
.p_t5{ padding-top:.05rem; }
.p_t10{ padding-top:.1rem; }
.p_t15{ padding-top:.15rem; }
.p_t20{ padding-top:.2rem; }
.p_t25{ padding-top:.25rem; }
.p_t30{ padding-top:.3rem; }
.p_t40{ padding-top:.4rem; }
.p_r5{ padding-right:.05rem; }
.p_r10{ padding-right:.1rem; }
.p_r15{ padding-right:.15rem; }
.p_r20{ padding-right:.2rem; }
.p_r25{ padding-right:.25rem; }
.p_r30{ padding-right:.3rem; }
.p_r40{ padding-right:.4rem; }
.p_b5{ padding-bottom:.05rem; }
.p_b10{ padding-bottom:.1rem; }
.p_b15{ padding-bottom:.15rem; }
.p_b20{ padding-bottom:.2rem; }
.p_b25{ padding-bottom:.25rem; }
.p_b30{ padding-bottom:.3rem; }
.p_b40{ padding-bottom:.4rem; }
.p_l5{ padding-left:.05rem; }
.p_l10{ padding-left:.1rem; }
.p_l15{ padding-left:.15rem; }
.p_l20{ padding-left:.2rem; }
.p_l25{ padding-left:.25rem; }
.p_l30{ padding-left:.3rem; }
.p_l40{ padding-left:.4rem; }

/*外边距*/
.m_t5{ margin-top:.05rem; }
.m_t10{ margin-top:.1rem; }
.m_t15{ margin-top:.15rem; }
.m_t20{ margin-top:.2rem; }
.m_t30{ margin-top:.3rem; }
.m_t40{ margin-top:.4rem; }
.m_r5{ margin-right:.05rem; }
.m_r10{ margin-right:.1rem; }
.m_r15{ margin-right:.15rem; }
.m_r20{ margin-right:.2rem; }
.m_r30{ margin-right:.3rem; }
.m_r40{ margin-right:.4rem; }
.m_b5{ margin-bottom:.05rem; }
.m_b10{ margin-bottom:.1rem; }
.m_b15{ margin-bottom:.15rem; }
.m_b20{ margin-bottom:.2rem; }
.m_b30{ margin-bottom:.3rem; }
.m_b40{ margin-bottom:.4rem; }
.m_l5{ margin-left:.05rem; }
.m_l10{ margin-left:.1rem; }
.m_l15{ margin-left:.15rem; }
.m_l20{ margin-left:.2rem; }
.m_l30{ margin-left:.3rem; }
.m_l40{ margin-left:.4rem; }

/* 重置地区选择颜色 */
#PoPy{ position: fixed !important; top: 0 !important; left: 0 !important; right: 0; bottom: 0; width: auto !important; background: rgba(0,0,0,.5) !important; }
#PoPy ._citys{ position: absolute; left: 0; right: 0; bottom: 0; width: auto; border: 0; padding: 0; max-width: 3.75rem; margin-left: auto; margin-right: auto; -webkit-overflow-scrolling: touch;}
#PoPy ._citys span{ font-family: '宋体'; height: .4rem; width: .4rem; line-height: .4rem; font-size: .24rem; color: #5c5c5c !important; border: 0; padding-top: .08rem; position: absolute; left: 0; top: 0; z-index: 1; }
#PoPy ._citys1 { padding: 0; height: 3.4rem; padding-bottom: 4%; overflow-y: auto; -webkit-display: flex; -moz-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -moz-align-content: flex-start; align-content: flex-start; }
#PoPy ._citys1 a{ border: 1px solid #98989f; border-radius: .04rem; background: #fff; color: #222; font-size: .14rem; height: .3rem; overflow: hidden; line-height: .3rem; margin: 4% 0 0 4%; width: 28%; box-sizing: border-box; }
#PoPy .AreaS{ border-color: #f00!important; color: #f00!important; background: none!important; position: relative; }
#PoPy .AreaS::after,#PoPy .AreaS::before{ content: ''; position: absolute; }
#PoPy .AreaS::before{ width: 0; height: 0; right: -.1rem; bottom: -.1rem; border: .1rem solid transparent; border-left-color: #f00; transform: rotate(45deg); }
#PoPy .AreaS::after{ right: .02rem; bottom: .02rem; width: .02rem; height: .06rem; border: .01rem solid transparent; border-right-color: #fff; border-bottom-color: #fff; transform: rotate(45deg); }
#PoPy ._citys0{ border-bottom: 0 !important; vertical-align: top; font-size: 0; height: auto; padding-top: .48rem; }
#PoPy ._citys0::after{ content: '选择出生地点'; position: absolute; top: .08rem; left: 0; right: 0; line-height: .4rem; text-align: center; font-size: .18rem; color: #000; }
#PoPy ._citys0 li{ width: 33.333333%; border-bottom: 1px solid #f8f8f8; padding: 1px 0; color: #585c64; font-size: .14rem; line-height: .36rem; }
#PoPy ._citys0 .citySel { border-bottom: 2px solid #f00 !important; color: #f00 !important; background: none !important; padding-bottom: 0 !important; }
.citySel, .AreaS, ._citys1 a:hover{ background: none!important; }

/* 公共头部 */
#header,.head{ height: .5rem;}
.head{ background: url(../../../images/m/chuantong/top_bj.jpg); padding: 0 .1rem; top: 0; z-index: 11; width: 100%;}
.head img{ height: auto; vertical-align: top; }
.head .lg img{ width: .77rem; }
.head .nav{ font-size: 0; padding-left: .2rem;}
.head .nav li{ padding: 0 .1rem; line-height: 1;}
.head .nav li a{ font-size: .16rem; color: #fff;padding: 0;}
.head .user{}
.head .user a{ position: relative; }
.head .user img { width: .26rem; border-radius: 50%;}
.head .user span{ -webkit-transform: translateY(.1rem); -moz-transform: translateY(.1rem); transform: translateY(.1rem); -webkit-transition: all .3s cubic-bezier(.17,.86,.27,1.2); -moz-transition: all .3s cubic-bezier(.17,.86,.27,1.2); transition: all .3s cubic-bezier(.17,.86,.27,1.2); }
.head .user span{ position: absolute; top: .38rem; white-space: nowrap; background: #fff; font-size: .12rem; padding: .02rem .1rem; border-radius: .3rem; color: #f00; border: .01rem solid #4e4e4e; opacity: 0; visibility: hidden;}
.head .user span:after{ content: ''; position: absolute; left: 50%; top: -.01rem; width: 0; height: 0; border: .03rem solid transparent; border-left-color: #fff; border-top-color: #fff; -webkit-transform: rotate(45deg) translateX(-50%); -moz-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%);}
.head .user i{ width: .2rem; height: .2rem; background:url(../../../images/m/chuantong/icon_user.png) no-repeat; background-size: contain; display: block; margin:.03rem;}
.head .user.show span{ opacity: .75; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}
.head .more{ padding: 0 .12rem; margin-right: -.1rem;}
.head .more a{}
.head .more i{ width: .2rem; height: .03rem; border-radius: .03rem; display: block; background: #fff; margin: .04rem 0 0 0; }
.head .more i:first-child{ margin-top: 0; }
.head .back{ margin-left: -.1rem; padding-right: .1rem; }
.head .back a{ width: .4rem; height: .5rem; position: relative; display: block; }
.head .back i{ position: absolute; left: .07rem; top: 0; bottom: 0; right: 0; margin: auto; width: .14rem; height: .14rem; border: .02rem solid transparent; border-left-color: #fff; border-bottom-color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}