@charset "utf-8";

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;color: #333;font-size: 100%;font: inherit;font-weight: normal;vertical-align: baseline;font-family: "Microsoft YaHei"; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
th, td {vertical-align: middle;}

/* custom */
a {outline: none;color: #16418a;text-decoration: none;-webkit-backface-visibility: hidden;}
a:focus {outline: none;}
input:focus, select:focus, textarea:focus {outline: -webkit-focus-ring-color auto 0;}
img{display: block;}
.clearfix:before,
.clearfix:after{content: " ";display: table;}
.clearfix:after{clear: both;}


html,body {height: 100%;font-size: 0.34666667rem;}
.red {color: #ff0e0d!important;}
.wrapper {width: 10rem;margin: 0 auto;}
.wrapper img {width: 100%;}
.form {padding: 0 0.66666667rem;/*height: 7.8rem;*/background: url("formbg.jpg") repeat-y;background-size: 100%;}
.form-horizontal {position: relative;z-index: 1;text-align: center;}
.form-btn {margin-top: 0.4rem;margin-bottom: 0.26666667rem;}
.query-btn {margin: 0 auto;width: 6rem;height: 1.44rem;border: 0;color: #b31a1f;text-indent: -9999em;background: url("formbtn.png") no-repeat;background-size: 100%;outline: none;}
.query-btn-animation {animation: btnAnimaition 1.5s infinite linear;}
.form-group {padding-left: 2.13333333rem;height: 1.06666667rem;line-height: 1.06666667rem;font-size: 0.37333333rem;border-bottom: 1px solid #c8ab8b;}
.form-group .control-label {float: left;color: #333333;margin-left: -2.13333333rem;}
.form-group .form-right {text-align: left;width: 100%;font-size: 0.32rem;}
.form-group .form-control {width: 100%;font-size: 0.37333333rem;border: 0;background: transparent;}
.form-group .form-control01 {width: 50%;font-size: 0.37333333rem;border: 0;background: transparent;}
.form-group .form-right01 {text-align: left;width: 40%;font-size: 0.32rem; float:right}
.form-group .form-right select{border: none;background: transparent;color: #333;font-size: 0.32rem;}
.sex-checkbox {display: none;}
.sex-checkbox + label {margin-right: 0.26666667rem;width: 0.53333333rem;height: 0.53333333rem;display: inline-block;line-height: 0.53333333rem;text-align: center;border: 1px solid #c8ab8d;background: #fff;border-radius: 50%;}
.sex-checkbox:checked + label {color: #fff;background: #b72c27;border: 1px solid #b72c27;}

.xys-checkbox {display: none;}
.xys-checkbox + label {margin-right: 0.26666667rem;width: 40%;height: 0.53333333rem;display: inline-block;line-height: 0.53333333rem;text-align: center;border: 1px solid #c8ab8d;background: #fff;border-radius: 10px;}
.xys-checkbox:checked + label {color: #fff;background: #b72c27;border: 1px solid #b72c27;}

.clause-checkbox {display: none;}
.clause-checkbox + label {display: inline-block;width: 0.38666667rem;height: 0.34666667rem;background: url("clause-check.png") no-repeat;background-size: 0.86666667rem 0.34666667rem;}
.clause-checkbox:checked + label {background-position: -0.38666667rem 0;}
.form-flex {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;line-height: 0.72rem;font-size: 0.34666667rem;}
.form-flex .ml {margin-left: 0.4rem;}
#comment-list {margin-bottom: 0.26666667rem;height: 5.33333333rem;overflow: hidden;}
.user-panel {padding: 0 0.61333333rem;height: 5.49333333rem;background: url("box-bg.jpg") repeat-y;background-size: 100%;}
.user-evaluate {position: relative;margin: 0 0.26666667rem 0.4rem;}
.user-evaluate li {padding: 0.26666667rem 0.13333333rem;border-bottom: 1px solid #ebd9c5;}
.user-evaluate li .user {margin-bottom: 0.4rem;font-size: 0.37333333rem;color: #8b4e22;}
.user-evaluate li .evaluate {font-size: 0.34666667rem;}
.form-group .checkbox input{ width:.3rem; height:.3rem}
.result-topbg {background:#15236b;background-size: 100%;}
.result-topbg .header {height: 6.53333333rem;}

.fix-btn {position: fixed;bottom: 0;padding:5px 0;width: 10rem;text-align: center;background: #15236a;z-index: 10;}
@keyframes btnAnimaition {
  0% {-webkit-transform: scale(0.9);transform: scale(0.9);}
  50% {-webkit-transform: scale(1);transform: scale(1);}
  100% {-webkit-transform: scale(0.9);transform: scale(0.9);}
}
@-webkit-keyframes btnAnimaition {
  0% {-webkit-transform: scale(0.9);transform: scale(0.9);}
  50% {-webkit-transform: scale(1);transform: scale(1);}
  100% {-webkit-transform: scale(0.9);transform: scale(0.9);}
}
@-moz-keyframes btnAnimaition {
  0% {-webkit-transform: scale(0.9);transform: scale(0.9);}
  50% {-webkit-transform: scale(1);transform: scale(1);}
  100% {-webkit-transform: scale(0.9);transform: scale(0.9);}
}
@-ms-keyframes btnAnimaition {
  0% {-webkit-transform: scale(0.9);transform: scale(0.9);}
  50% {-webkit-transform: scale(1);transform: scale(1);}
  100% {-webkit-transform: scale(0.9);transform: scale(0.9);}
}

/*期望标签(最多可选6个)*/
/*印象标签选择弹层样式*/
.bqSelectBox{ width: 8rem;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: #fff; padding: 8px 10px; border-bottom: 1px solid #282c2f;overflow: hidden; }
.bqSelectBox .hd i{float:left; color:#ffffff}
.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*/

/*自定义喜用神提示弹窗*/
.xysSelectBox{ width: 8rem;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;}
.xysSelectBox .hd{ line-height: 30px; color: #fff; padding: 8px 10px; border-bottom: 1px solid #282c2f;overflow: hidden;font-size:12px; }
.xysSelectBox .hd i{float:left; color:#ffffff}
.xysSelectBox .bd{color: #fff;line-height: 26px;text-align:left;padding:10px;font-size:14px;}
.xysSelectBox .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;}
.xysSelectBox .close:hover{ opacity: .9; }
.wenhao{font-size:16px; margin-left:15px;border:1px solid #282c2f;border-radius:50%;width:18px;height:18px;display: inline-block;line-height:18px;text-align:center;cursor:pointer;}

/*起名案例*/
.bj_red {background: #ad312c;}
.bj_blue {background: #0e4681;}
.znqm{ background:#f8f8f8 url("box-bg.jpg") repeat-y; background-size:100% }
.anli_list{ padding:.3rem .3rem 0;}
.anli_box {margin: 0 auto;width: 8.5rem;}
.anli_txt {text-align:left;color: #bbb;font-size: .3rem;line-height: .5rem;width: 5.4rem;float: right;}
.anli_txt p strong {font-size:.3rem;color: #333; font-weight:900}
.anli_txt p em {color: #fff;padding:.1rem .15rem;margin-right: .225rem;border-radius: 50%;}
.anli_txt p{ margin:.1rem 0; line-height:.5rem}
.anli_list ul{ border-top: 1px solid #efefef; margin-top: .3rem; }
.anli_list li{ border-top: 1px solid #efefef; padding:.3rem 0; position: relative;overflow:hidden;}
.anli_list li:first-child{ border-top: 0; }
.anli_list li:last-child{}
.anli_list .img{ width:2.8rem;position: relative; overflow: hidden; margin-right: .225rem;background: #f8f8f8; float:left}
.anli_list .img span{padding: 0 .325rem;color: #000;}
.anli_list .img p {font-size: .3rem;color: #000;line-height:.5rem; text-align:center}
.anli_list .img i {font-size: .3rem;color: #fff;padding:.1rem;line-height: .5rem;display: block; text-align:center}
.anli_list .img img{ width: 100%; }
.anli_tab{ padding:.2rem; }
.anli_tab a,.anli_tab span{ background-size: 1rem; display: block;}
.anli_tab a{ font: 700 .36rem/1rem 'Microsoft YaHei'; color: #fff; text-align: center;  padding: 0 .3rem; background:#999999; width:3rem; margin:0 auto; float:left; border-radius:.2rem; margin-left:.5rem}
.anli_tab a.on{ background:#0e4681; color: #fff;position:relative;}
/*起名案例 end*/

.topimg{ background:url(index_01.jpg?v=1) no-repeat; background-size:100%; height:7rem}
.topimg01{ width:.65rem; top:8%; left:46%;position: relative;}
.topimg02{ width:.45rem; top:2%; left:68%;position: relative;}
.topimg03{ width:.45rem; top:5%; left:81%;position: relative;}
.topimg04{ width:.65rem; top:2%; left:39%;position: relative;}
.topimg05{ width:.55rem; top:-5%; left:63%;position: relative;}
.topimg06{ width:.65rem; top:-25%; left:22%;position: relative;}


/*隐私协议*/
.common-privacy {display: flex;-webkit-justify-content: center;-ms-flex-pack: center;align-items: center; margin-top:15px;}

    [class*="icheck-"] > input:first-child + label::before,
    [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width:20px;
        height:20px;
        border: 1px solid #D60E00;
        border-radius:50%;
        margin-left: -29px;
    }
	[class*="icheck-"] > input:first-child:checked + label::after, [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1px;
    width: 4px;
    height: 10px;
    border: solid 2px #D60E00;
    border-left: none;
    border-top: none;
    transform: translate(7.75px, 4.5px) rotate(45deg);
    -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
}
[class*="icheck-"] > label {
    padding-left: 29px !important;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
[class*="icheck-"] > input:first-child {position: absolute !important;opacity: 0;margin: 0;}
	
.common-privacy-text {font-size: 0.26rem;color: #fff;}
.common-privacy-text a{font-size: 0.26rem;color:#D60E00;}
/*隐私协议 end*/

/*弹窗红包*/
.qzpay_content{min-height:8rem!important;}
.qzpay_money span{font-size:1.8rem!important;}
.qzpay_time{margin: 2.3rem auto 0!important;}
.qzpay_money{margin-top:0!important;}