@charset "utf-8";
/* ui7 1.1 */
body{margin: 0; color: #444; font-family: "Microsoft Yahei", sans-serif; line-height: 1.6; background:#efefef; }
ul, ol{margin: 0; padding-left: 0; list-style: none;}
ul li, ol li{vertical-align: middle;}
dl,  p{margin: 0;} dd{margin-left: 0;}
h1, h2, h3, h4, h5, h6{margin: 0; font-weight: normal;}
strong{ font-weight: bold; }
em {font-style: italic;}
img{ display: block; border: 0; max-width: 100%;}
a, a:link, a:visited, a:active, a:hover{text-decoration:none;} a{color: #444;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,.2);font-family: "Microsoft Yahei", sans-serif;}
select{-webkit-appearance: none; -moz-appearance: none;}
input[type="submit"]{cursor:pointer;}
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"]{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input:focus, select:focus, textarea:focus, button:focus{outline: none;}
input, textarea{padding: 0; font-size: .875rem; border-radius: 0; border: 0; resize: none;}
textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
em,i{font-style: normal;}
table {border-collapse: collapse;}

.bg{background: url(../../statics/images/bg.jpg) no-repeat #f7f5ee;background-size: 100%;padding-top: 10px;padding-bottom: 10px;}
.measure .inner .sex a i,.surname .item li a,.header span a i,.content .inner .grid .tit em{background: url(../../statics/images/icon.png) no-repeat;background-size: 113px 103px;}
.mar-top{margin-top: 10px !important;}
.red{color: #ff3535; font-size: 18px; font-weight: bold; }


.jmbtn{
    width: 95% !important;
    margin-top: 10px !important;
    display: block;
}
#fname{
    width: 100% !important;
}
.xs a {
    margin-right: 0.625rem;
    background-color: #eaf4fb;
    text-align: center;
    border-radius: 20px;
    color: #333;
    margin-top: 0.625rem;
}
/* ---------------2023-11-13--------------------- */
.pagenavi {
    font-size: 0;
    line-height: normal;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}
.pagenavi a, .pagenavi a.now {
    display: inline-block;
    font-size: 14px;
    color: #999;
    background-color: #fff;
    margin: 2px 2.5px;
    height: 27px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 3px;
}
.nextinfo {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: rgba(51, 51, 51, .65);
    padding: 15px 20px 20px;
    border-top: 1px solid #d7d0d0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.nextinfo p.prev {
    margin-left: 0;
    margin-right: 8px;
    text-align: left;
}

.nextinfo p {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.nextinfo p span {
    font-size: 14px;
}
.xs a {
    margin-right: 0.625rem;
    background-color: #eaf4fb;
    text-align: center;
    border-radius: 20px;
    color: #333;
    margin-top: 0.625rem;
}

/* ---------------2023-8-18--------------------- */
.header{height: 44px;line-height: 44px;text-align: center;background-color: #817c6b; border-bottom: 3px solid #6a665c;position: relative;left: 0;top: 0;right: 0;color: #fff;z-index: 999;}
.header .inner{position: relative;}
.header h2{font-size: 16px;}
.header span{position: absolute;}
.header span a{font-size: 15px;color: #fff;}
.header span a .icon-home{width: 10px;height: 20px;display: inline-block;background-position: -47px 0;position: relative;margin-right: 6px;top: 5px;}


.measure{margin: 0 15px;overflow: hidden;background: rgba(255,255,255,.8);}
.bg-top,.bg-foot{height: 11px;display: block;background: url(../../statics/images/measure-top.png) no-repeat;background-size: 100% 11px;}
.bg-foot{background: url(../../statics/images/measure-foot.png) no-repeat;background-size: 100% 11px;}
.measure .inner{border-left: 1px solid #c6c4c4;border-right: 1px solid #c6c4c4;overflow: hidden;padding-bottom: 10px;}
.measure .inner .entry{margin: 0 10px;position: relative;overflow: hidden;margin-top: 10px;}
.measure .inner .entry .name{width: 50%;position: relative;float: left;padding:0px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.measure .inner .entry .name input,.measure .inner .item input{width: 100%;height: 48px;line-height: 48px;border: 1px solid #aa9a99;box-sizing:border-box;border-radius: 3px;text-indent: 44px;font-size: 14px; margin-top: 2px;}
.measure .inner .entry .name span{left: 19px !important;}
.measure .inner .entry .name span,.measure .inner .item span{left: 14px;top: 12px;color: #4c0f09;}
.measure .inner .item input{text-indent: 66px;}
.measure .inner .item{margin: 0 15px;overflow: hidden;margin-top: 10px;position: relative;}


.measure .inner .item select {width: 100%;height: 46px;line-height: 46px;box-sizing: border-box;border: 1px solid #aa9a99;text-indent: 100px;font-size: 14px;display: block;background: #fff;color: #666;}

.measure .inner .sex{margin: 0 20px;height: 30px;line-height: 30px;margin-top: 10px;color: #666;}
.measure .inner .sex span{float: left;padding-right: 6px;}
.measure .inner .sex a{width: 60px;float: left;}
.measure .inner .sex a i{width: 20px;height: 20px;display: inline-block;position: relative;top: 4px;margin-right: 4px;}
.measure .inner .sex a i.icon-gx{background-position: 0 0;}
.measure .inner .sex a i.icon-wgx{background-position: -20px 0;}
.measure .inner .btn{margin: 0 10px;margin-top: 10px;overflow: hidden;}
.measure .inner .btn li{width: 45.2%;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;padding: 0 5px; margin: 0 8px;}
.measure .inner .btn li a{height: 50px;line-height: 50px;display: block;color: #fff;border-radius: 3px;font-size: 16px; font-weight: bold}
.measure .inner .btn li a.red{background: #f05757;}
.measure .inner .btn li a.blue{background: #5f86ea;}
.measure .inner .btn li:last-child{ margin-right: 0}


.whole{margin-top: 10px !important;}
.whole .inner{padding: 0 15px;padding-bottom: 6px;}
.whole .inner .head{height: 28px; line-height: 28px;position: relative; text-align: center;}
.whole .inner .head .line{position: absolute; width: 100%; height: 1px;background: #dadada;left: 0; top: 50%;}
.whole .inner .head .title{padding: 0 14px; display: inline-block;background: #FAFAFA;position: relative;color: #4c0f09;}
.whole .inner .head .title h1{font-size: 18px;}
.whole .inner .head h3{font-size: 16px;}
.whole .inner .item{margin: 0;}
.whole .inner .gnitem a{display: inline-block;}
.whole .inner .item dl{margin-top: 10px;overflow: hidden;}
.whole .inner .item dt{width: 1em;text-align: center;color: #fff;padding: 7px 10px;line-height: 1.2;float: left;font-size: 14px;}
.whole .inner .item dt.blue{background: #93b9ff;}
.whole .inner .item dt.red{background: #ff749c;}
.whole .inner .item dt.green{background: #79c473;width: auto;padding: 8px 12px;}
.whole .inner .item dd{height: 44px;overflow: hidden;display: block;padding-top: 1px;font-size: 14px;}
.whole .inner .item dd a{font-size: 14px;padding: 0 12px;}


.solution .inner .item,.surname .inner .item{margin: 0;margin-top: 10px;}
.solution .inner .item ul{width: 33.3%;float: left;}
.solution .inner .item li{line-height: 28px;font-size: 14px;padding-left: 10px;}


.surname .inner{padding: 0 10px;padding-bottom:6px;}
.surname .inner .head{margin: 0 5px;}
.surname .inner .item{margin-top: 0;}
.surname .inner .item li{text-align: center;font-size: 20px;font-family: 经典粗宋简;float: left;margin: 0 .8%;margin-top: 10px;}
.surname .inner .item li a{width: 40px;height: 40px;line-height: 40px;background-position: 0 -63px;display: block;}
.surname .inner .item li a.more{font-size: 14px;}


.ranking .inner .item{margin: 0;}
.ranking .inner .item li{height: 30px;line-height: 30px;font-size: 14px;display: block;padding: 0 5px;}
.ranking .inner .item li a{float: left;}
.ranking .inner .item li i{float: right;font-size: 13px;}


.copy{font-size: 12px;text-align: center;color: #6c6c6c;padding-top: 10px;}


/* ---------------2023-05-18--------------------- */

.content .inner{padding: 0 15px;}
.content .inner .title h1{font-size: 18px;font-weight: bold;color: #712b23;line-height: 1.8;}
.content .inner .title span{font-size: 13px;color: #a79880;line-height: 22px;display: block;}
.content .inner .title p a{color: #0000FF;}
.content .inner .title span a{color: #0000FF;}

.content .inner table{margin-top: 10px;overflow: hidden;border: 1px solid #dcdcdc;text-align: center;font-size: 14px;}
.content .inner table td{height: 42px;line-height: 42px;border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;padding: 0 1px; font-size: 16px}
.content .inner table td .arr{padding: 0 3px;font-size: 13px;}
.content .inner table td .arr .red{font-weight: bold;}
.content .inner table .padd-none{padding: 0;}

.content .inner .grid{border-bottom: 1px solid #dcdcdc;padding-bottom: 15px;overflow: hidden;margin-top: 14px;}
.content .inner .grid .tit{height: 32px;line-height: 35px;display: block;overflow: hidden;padding-bottom: 5px;}
.content .inner .grid .tit h3{font-size: 18px;font-weight: bold;float: left;color: #75322d;margin-right: 6px;}
.content .inner .grid .tit em{width: 33px;height: 32px;line-height: 32px;display: inline-block;text-align: center;color: #fff;font-size: 12px;}
.content .inner .grid .tit em.red{background-position: 0 -25px;}
.content .inner .grid .tit em.black{background-position: -40px -25px;}
.content .inner .grid .tit em.green{background-position: -78px -25px;}
.content .inner .grid p strong{color: #75322d;line-height: 22px;font-size: 15px;}
.content .inner .grid p{font-size: 14px;line-height: 26px;display: block;}

.content .inner .score{color: #75322d;padding-bottom: 5px;overflow: hidden;}
.content .inner .score h3{font-size: 16px;font-weight: bold;padding-top: 14px;}
.content .inner .score p{font-size: 14px;line-height: 24px;display: block;}

.content .inner .grid .title h3{color: #75322d;font-size: 20px;font-weight: bold;margin-right: 10px;}
.content .inner .grid p.line{width: 704px;height: 1px;float: left;background: #e4e4e4;margin: 15px 0;}



/* ---------------2023-05-18--------------------- */

.hot-wz .inner .item li i{font-size: 12px;}

.illustrate .inner .item p{font-size: 15px;margin-top: 10px;line-height: 28px; width: 97%}
table{border: 1px solid #ccc;text-align: center;margin-top: 10px; width: 95%;}
table td{height: 40px;line-height: 40px;    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;}

.details .inner h1{line-height: 1.4;font-size: 22px;font-weight: bold;padding: 0 15px;}
.details .inner span{padding: 0 15px;font-size: 14px;color: #666;padding-top: 4px;}
.details .inner .line{border-top: 1px solid #EAEAEA;margin: 0 15px;display: block;margin-top: 14px;}
.details .inner p{font-size: 15px;line-height: 28px;margin-top: 10px;padding: 0 15px;}
.details .inner p img{max-width: 100%;display: block;margin: 0 auto;}


.pull-right {right: 15px;top: 0px;}
.pull-left {left: 15px;top: 0px;}
.menu-list{margin-left:13px;margin-bottom: 6px;}


.a {
    color: #dc0f0f;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 18px;
    padding-left: 15px;
    font-weight: bold;
    padding: 0 0 0 10px;
    border-left: 7px solid #FF6651;
}



/*电脑访问优化*/
@media only screen and (min-width: 1024px){
    html{position: relative; width: 670px; height: 100%; margin: 0 auto; background: #d2d0c8;}
    body{background: #eaeaea; height: 100%;}
}


.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.page-404{
    margin: 15px;
    height: 250px;
    background:rgba(255,255,255,0.7)
}
.page-404 .no-msg{
    width: 100%;
    font-size:60px;
    font-weight:bold;
    text-align:center;
    padding:30px 0 10px;
}
.page-404 .no-tip{
    font-size:30px;
    text-align:center;
}
.page-404 .no-tip a{
    color:#f00;
}

.d_flex{display: flex;}
.d_flex_c{display: flex;align-items: center;justify-content: center;}
.j_b{justify-content: space-between;}
.j_a{justify-content: space-around;}
.a_c{align-items: center;}
.flex_warp{flex-wrap: wrap}
.flex{flex: 1;width: 100%;}
.form-box{
    margin: 20px 10px 0;
    font-size: 14px;
    overflow: hidden;
}

.tab-box{margin: 0 auto 20px auto;}

.tab-box li{
    position: relative;
    flex: 1;
    margin: 0 5px;
    background-color: #758995;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.tab-box li.active{
    background-color: #e54d42;
}

.tab-box li.active::after{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background-color: #e54d42;
}

.form-item-int{
    flex: 1;
}
.form-item-int input{
    border: none;
    width: 100%;
}
.unborn-box{
    display: flex;
    align-items: center;
}

.radio{
    display: flex;
}

.radio label{
    width: 25px;
    height: 25px;
    border-radius: 30px;
    background-color: #cccccc;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.radio label:last-child{
    width: 50px;
}
.radio label.on{
    background-color: #000040;
}


.form-submit input{
    border: none;
    background-color: transparent;
    color: #ffffff;
    width: 100%;
    height: 100%;
    font-size: 16px;
}



.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: 1002;}
.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: 0.45rem; line-height: 0.45rem; text-align: center; position: relative; color:#fff; font-size: 0.16rem; background:#ffb400;}
.pick_box .title a{ color:#fff; position: absolute; right: 0; top: 0; bottom:0; line-height: 0.45rem; padding:0 0.12rem;}
.pick_box .search{ padding:.1rem; position: relative;}
.pick_box .search label{ background:#fff; border-radius: .05rem; padding:0 .14rem;align-items: center;}
.pick_box .search .icon{display: inline-block; width:0.18rem; height: 0.18rem;  }
.pick_box .search .search_key{ padding:0 0.12rem ; font-size: .1rem; height: 0.48rem; line-height: 0.48rem; border: 0; background: none; width: 100%;}
.pick_box .match{ position: absolute; left: .1rem; right: .1rem; 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: .14rem; -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: 5px 10px; 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: .1rem .1rem .12rem; line-height: 1.1; font-size: .14rem; color: #999;}
.pick_box .city_list .con{ overflow: hidden; }
.pick_box .city_list .con ul,.pick_box .pick_item{ overflow-y: auto; height: 100%; padding: 0 .1rem;}
.pick_box .city_list .con ul::-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:1px solid #dedfe0; background:#fff; font-size: .14rem; color:#333; text-align: center; height: 0.32rem; line-height: 0.32rem;}
.pick_box .trade_list{ padding:0 .1rem;}
.pick_box .trade_list .tit{ padding-top:.1rem; line-height: 1.1; font-size: .14rem; color: #999; text-align: left;}
.pick_box .trade_list .con{ padding-top:.12rem; }
.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:1px solid #dedfe0; background:#fff; font-size: .14rem; color:#333; text-align: center; height: .32rem; line-height: .32rem;}
.pick_box .pick_item{ padding:0; }
h3.t1{font-size: 15px;font-weight: bold;color: #f00;padding-top: 10px;}
h3.t2{font-size: 15px;font-weight: bold;color: #f00;padding-top: 25px;clear: both;}


.topNav{animation:fadeDown .5s ease-in 1; z-index: 10; width: 100%; height: 44px; background: #373737; position: fixed; top: 40px;left: 0; border-radius: 0 0 10px 10px; padding:0 0%; text-align: center; display: flex; align-items: center }
.topNav a{ display: inline-block; border-radius: 30px; height: 25px; line-height: 25px; background: rgba(255,255,255,.1); margin: 0.1rem .1rem 0; color: rgba(255,255,255,.8); position: relative; text-align: center; font-size: 14px;  flex: 1; margin: 0 5px }
.topNav a:after{ display: none; }
.topNav a:nth-child(1){ background: #c1687e; }
.topNav a:nth-child(2){ background: #3394d1; flex: 1.3 }
.topNav a:nth-child(3){ background: #5257c2; }
.topNav a:nth-child(4){ background: #c59d5d; }
@keyframes fadeDown { 0% {top:0; opacity: 0; } 100% {top:40px; opacity: 100; } }
@keyframes fadeUp { 0% {top: 40px; opacity: 100; } 100% {top:0; opacity: 0;} }



/* 修改 */
.lookMore{
    font-size: 18px;
    color: #ff3030;
    text-decoration: underline !important;
    font-weight: bold;
}

.inputBox {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #fff;
    border: 1px solid #ccc;
    background-size: 100% auto;
    position: relative;
    font-size: 0;
    padding-left: 10px;
    box-sizing: border-box;
    align-items: center;
    margin-top: 10px;
}
.inputBox span {
    font-size: 16px;
    color: #1b1a1a;
}
.inputBox input{
    height: 90%;
    font-size: 16px;
    font-weight: bold;
}
.inputBox input[name='test_name']{
    width: 120px;
}
.sexSelect {
    position: absolute;
    right: 10px;
    top: 6px;
}
.popTestName .sexSelect{
    top: 1px;
}
.sexSelect span {
    width: 30px;
    height: 30px;
    background: #dfdcdc;
    border-radius: 50%;
    text-align: center;
    line-height: .51rem;
    color: #918b8b;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    margin-left: 10px;
}
.sexSelect span.active {
    background: #3c497d;
    color: #ffffff;
}
input[name='birth_time']{
    width: 164px;
}
.nameItemForm input{
    font-weight: bold;
    font-size: 16px;
}
.nameItemForm span{
    font-weight: bold;
    font-size: 16px;
}

.introduceFont p{
    font-size: 15px;
    margin-top: 15px;
}
.introduceFont p span{
    color: #999999;
}
.content .inner .grid p{
    font-size: 15px;
}
/*.hsFont{*/
/*    text-decoration: underline !important;*/
/*}*/
.blueFont{
    color: #ff3535;
    font-weight: bold;
    text-decoration: underline !important;
}
.CuFont{
    /*display: block;*/
    color: #0096ff;
    font-weight: bold;
    text-decoration: underline !important;
}
.measure .inner .btn{
    margin: 12px 0;
}
.measure .inner .btn li{
    padding: 0 2px;
}
.introduceFont{
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
}
.content .inner table{
    margin-top: 0;
}
.nameToHref{
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
}
.nameToHref a{
    margin-right: 18px;
    margin-bottom: 8px;
    font-size: 16px;
}
.nameToHref a:nth-child(5n){
    margin-right: 0;
}
.waiContent{
    margin: 0 15px;
}
.waiContent .article_QrH5Js .mpart_QrH5Js{
    padding: 0 !important;
}
.waiContent .bb_bb_form_QrH5Js, .waiContent .bb_y_form, .waiContent .bb_bottom_form{
    background: none !important;
}
.waiContent .article_QrH5Js .mpart_QrH5Js{
    background: none !important;
}
.waiContent p{
    font-size: 16px;
    color: #7f7f7f;
}
.serveListA{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.serveListA a{
    width: 31%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #c6c4c4;
    text-align: center;
    margin-top: 10px;
}
.picToUrl{
    display: flex;
    border-left: 1px solid #c6c4c4;
    border-right: 1px solid #c6c4c4;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 13px;
}
.picToUrl a img{
    width: 95px;
    height: 95px;
}
.picToUrl a{
    text-align: center;
    padding: 15px 0;
}


/* 弹窗 */
.popBoxForm h3 {
    font-size: 22px;
    color: #D81328;
    padding-top: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
.popTestName{
    display: none;
}
.popTestName .popBoxForm {
    /*height: 30px;*/
    background: #ffffff;
    padding: 26px 12px;
    box-sizing: border-box;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -170px;
    width: 340px;
    border-radius: 5px;
    transform: translateY(-50%);
}
.nameItemForm {
    width: 100%;
    height: 50px;
    border: 1px solid #DEDEDE;
    margin: 0 auto 10px;
    align-items: center;
    padding-left: 15px;
    color: #666666;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
}
.nameItemForm .sexSelect{
    margin-top: 10px;
}
.popTestName .popBoxForm .nameItemForm.smallItemForm{
    width: 150px;
}
.popTestName .popBoxForm .nameItemForm{
    width: 300px;
}
.popTestName{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
}
.popTestName .popBoxForm{
    padding: 0 .2rem;
    box-sizing: border-box;
}
.submitPost {
    width: 300px;
    height: 45px;
    border-radius: 0.1rem;
    background: #D81328;
    line-height: 45px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 0 auto 15px;
}
.popTestName a img{
    width: 30px;
    height: 30px;
}
.flexMy{
    display: flex;
    flex-flow: row inwrap;
    justify-content: flex-start;
}
.content .inner .grid p.line{
    float: none;
}
.closeBtn{
    position: absolute;
    bottom: -42px;
    left: 44%;
}
.bg{
    position: relative;
}
.gnitem:nth-child(1) a:last-child{
    color: #d0151e;
}
.redAlink{
    color: red;
}
.btn a{
    text-decoration: none !important;
}

/* 详情修改 */
.titleBtNew{
    margin-top: 20px;
    margin-bottom: 15px;
}
.titleBtNew h3{
    color: #622a1b;
}
.titleBtNew p{
    color: #a88d6a;
}
.newTitleXq span{
    color: #ff4745;
}
.pro-box .pro-ul {
    flex-wrap:wrap;
    justify-content:space-between
}
.pro-box .pro-li {
    font-size:12px;
    width:370px;
    margin-bottom:10px
}
.pro-box .pro-li:nth-child(3n) {
    margin-right:0
}
.pro-box .pro-li .pro {
    position:relative;
    /*width:200px;*/
    height:14px;
    margin:0 2px;
    flex: 2;
    border-radius:8px;
    background-color:#e4e4e4
}
.pro-box .pro-li .len {
    position:absolute;
    top:0;
    left:0;
    height:14px;
    border-radius:8px
}
.pro-box .pro-li .ht {
    background-color:#b6cee9
}
.pro-box .pro-li .fenht {
    color:#b6cee9
}
.pro-box .pro-li .tit {
    color: #999;
    font-size: 15px;
    width: 80px;
    text-align: center;
}
.pro-box .pro-li .fenzy {
    font-weight: bold;
    font-size: 14px;
    /*width: 60px;*/
    margin-left: 13px;
    padding: 0;
}
.pro-box li:nth-child(1) span{
    background-color: #ff8eab;
}
.pro-box li:nth-child(1) .fenzy{
    color: #ff8eab;
}
.pro-box li:nth-child(2) span{
    background-color: #a1a1e5;
}
.pro-box li:nth-child(2) .fenzy{
    color: #c6e7ef;
}
.pro-box li:nth-child(3) span{
    background-color: #5ccbe5;
}
.pro-box li:nth-child(3) .fenzy{
    color: #5ccbe5;
}
.pro-box li:nth-child(4) span{
    background-color: #edd081;
}
.pro-box li:nth-child(4) .fenzy{
    color: #edd081;
}
.pro-box li:nth-child(5) span{
    background-color: #df9555;
}
.pro-box li:nth-child(5) .fenzy{
    color: #df9555;
}
.pro-box li:nth-child(6) span{
    background-color: #b2dbbb;
}
.pro-box li:nth-child(6) .fenzy{
    color: #b2dbbb;
}
.newMyTitle h1 .red{
    text-decoration: none !important;
}
.tablePulice{
    margin-top: 10px !important;
}
.content .tablePulice tbody tr td{
    line-height: 24px !important;
    padding: 3px;
}
.redSpan{
    color: #ff4745;
}
.contentNameJs{
    padding: 10px 0 0 0;
}
.contentNameJs em{
    color: #8d8b8b;
}
.contentNameJs span{
    border-bottom: 1px solid #3c3d40;
}
.contentNameJs a{
    text-decoration: revert;
}
.nameToHref{
    margin-top: 5px;
    display: flex;
}

/* 首页修改 */
.newW{
    margin: 0 15px;
    overflow: hidden;
    background: rgba(255,255,255,.8);
}
.tabJiuwei{
    display: flex;
    
    border: 1px solid #b0b0b2;
}
.tabJiuwei a{
    height: 40px;
    flex: 1;
    text-align: center;
    line-height: 40px;
    display: block;
}
.tabJiuwei a.active{
    background: #002f57;
    color: #fff;
}

.measure .inner .item.myData input{
    text-indent: 89px;

}
.measure .inner .item input::placeholder{
    margin-top: 2px;
}
.submitPostNew{
    width: 92%;
    height: 45px;
    background: #d0151e;
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px;
    border-radius: 0.1rem;
    background: #D81328;
    line-height: 45px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 10px auto 0;
    box-sizing: border-box;
}
.dibuMar{
    margin-bottom: 12px;
}
.formSex{
    /* margin-left: 56px !important; */
    float: right;
    margin: 10px 2px 0 2px !important;
}
.fnameTwo{
    text-indent: 56px !important;
}
.qiMingTu img{
    margin: 10px auto 0;
    text-align: center;
    width: 90%;
}
.newBs{
    background: #fff;
}
.picToUrl.qkBor{
    border: 0;
    padding: 0;
}
.a1,.a1:hover{color: #444;text-decoration: none;}
.a2,.a2:hover{color: #7f7f7f;text-decoration: none;}