@charset "UTF-8";


/*签约老师*/

.tescher {width:100%;overflow:hidden;display:block;padding:3.5%;background:#d57d46;}
.teacher_text {padding:.2rem;}

.bigbox_mid {width: 100%;float: left;background:url(big_mid.png) no-repeat;background-size:100% auto;background-size:100% 100%;padding:.25rem;display:block;overflow:hidden;}
.insam {width: 100%;float: left;}
.insam_pic {width: 2.4rem;float: left;}
.insam_pic img {width: 100%;text-align:center;float: left;}
.insam_r {overflow: hidden;padding: 0 0 0 2.25rem;}
.insam_title {width: 100%;float: left;border-bottom: dotted 2px #4d3328;color:#a32940;padding: 0 0 .15rem 0;line-height: .3rem;font-size:.21rem;font-weight: bold;}
.insam_txt {width: 100%;float: left;line-height: .3rem;font-size:.2rem;text-align: justify;margin: .1rem 0 .2rem 0;}

/*签约老师 end*/


/*起名必填信息*/

.xm_txt_info {margin:0px 20px 10px 20px;font-size:16px;}
.xm_bgk2 {width:100%;float:left;padding:.25rem;border-radius:5px;background-color:#fff;}
.xm_bgk2_hang {width:100%;height:45px;float:left;padding:10px 20px;}
.xm_bgk2_hang .txsc_input {border:solid 1px #CCCCCC;height:35px;margin: 0 auto;text-indent: 3px;border-radius:5px;-moz-box-shadow:3px 3px 3px #f0f0f0 inset;-webkit-box-shadow: 3px 3px 3px #f0f0f0 inset;box-shadow:3px 3px 3px #f0f0f0 inset;box-sizing:border-box;}
.xm_an {width:100%;float:left;box-sizing:border-box;text-align:center;font-size:1em;}
.zty_shi {width:100%;height:25px;float:left;padding:10px 20px;}
/*起名必填信息 END*/



/*独家的优势 */

.bigbox_mid2 {width: 100%;float: left;background: #fff69b;padding: .1rem .2rem;}
.inbox {width: 100%;float: left;background: #fff;border-radius:5px;padding:0 .15rem;}
.inlist {width: 100%;float: left;}
.inlist_hang {width: 100%;float: left;border-bottom: dotted 1px #f1e4db;padding: 0 0 .3rem 0;margin: .3rem 0 0 0;}
.inlist_pic {width: 1.7rem;float: left;}
.inlist_pic img {width: 100%;float: left;}
.inlist div:last-child {border: none;}
.inlist_r {overflow: hidden;padding: .15rem 0 0 .2rem;}
.inlist_title {width: 100%;float: left;border-bottom: dotted 1px #5e4941;padding: 0 0 .1rem 0;line-height: .5rem;font-size:18px;color:#9d6663;font-weight: bold;}
.inlist div:last-child {border: none;}
.inlist_txt {width: 100%;float: left;line-height: .45rem;font-size:14px;text-align: justify;margin: .1rem 0 0 0;}

/*独家的优势 */

/*非常运势网宝宝起名案例*/

.qm_yuanli {width:90%;margin:0 auto;padding-bottom:10px;}
.qm_yuanli img{width:100%;text-align:center;margin-top:20px;}
.qm_yuanli p {font-size:14px;}

.section-white {width:100%;padding-top: 1em;}
.baby-cases-wrapper {width:100%;display:block;overflow:hidden;padding:0 .25rem;}
.Baby-case {width:99.6%;border-radius: 10px;}
.tab-nav-case {display: flex;align-items: center;justify-content: center;font-size:.34rem;}
.tab-nav-case div:first-child.active {border-bottom: solid 1px #ddd;border-right: solid 1px #ddd;}
.tab-nav-case div:first-child {border-top-left-radius: 10px;background-color:#fff;border-top: solid 1px #ddd;
border-left: solid 1px #ddd;}
.tab-nav-case div.active { background-color:#9d6663;color: #fff;}

.tab-content-cases {width:100%;display:block;overflow:hidden;background-color:#fff;border: solid 1px #ddd;}

.tab-nav-case div {width: 50%;text-align: center;background-color:#fff;padding: .3em 0;border: solid 1px transparent;border-right-color: transparent;border-right-style: solid;border-right-width: 1px;border-bottom-color: transparent;border-bottom-style: solid;border-bottom-width: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tab-nav-case div:last-child {border-top-right-radius: 10px;border-top: solid 1px #ddd;
border-right: solid 1px #ddd;}
.tab-nav-case div {width: 50%;text-align: center;padding: .3em 0;border: solid 1px transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.Baby-case-list.active {width:100%;display:block;overflow:hidden;}
.Baby-case-list {padding:0 0.267rem; display: none;}
.Baby-case-list li:not(:last-child) {border-bottom: 1px solid #cccccc;width:100%;}
.Baby-case-list li {width:100%;padding: 0.267rem 0.267rem 0.267rem 0;overflow: hidden;}
.Baby-case-left {width: 25%;padding-right: 0.267rem;float: left;text-align: center;display:block;position:relative;margin:0 auto;}
.Baby-case-left img {width:100%;}

.Baby-case-left p {width:100%;float:left;display:inline-block;text-align:center;font-size:.28rem;line-height:30px;color: #9d6663;}

.Baby-case-right {margin-left:28%;}
.Baby-case-right h6 {font-size:.34rem;color:#9d6663;font-weight:500;padding-left:20px;line-height:1.5;position:relative;}
.hanlinag li, .Baby-case-right p {font-size: .35rem;}
.Baby-case-font p {padding-left: 2em;position: relative;margin-bottom: 0.2rem;}
.Baby-case-right p {font-size:.28rem;color: #666666;line-height: 1.5;}
.Baby-case-font h6::before {content: "";position: absolute;top: 50%;left: 0;margin-top: -0.2rem;width:18px;height:18px;background: url("../images/icon_bi.png") no-repeat left center;background-size: auto auto;background-size: 100%;}
.Baby-case-font p span {position: absolute;left: 0;top: 0;color: #9d6663;}

.hang_title {background: #fae58a;background-image: none;background-image: -webkit-linear-gradient(0deg, #fae58a, #fae58a 60%,#fff 95%);background-image: -ms-linear-gradient(0deg, #fae58a, #fae58a 60%,#fff 95%);background-image: -moz-linear-gradient(0deg, #fae58a, #fae58a 60%,#fff 95%);width: 100%;padding: 0 .25rem;margin:.325rem 0;line-height: 40px;font-size: 1em;color: #9c6733;font-weight: bold;}

/*非常运势网宝宝起名案例 end*/

/*浮动马上起名按钮*/
.xfbtn {position:fixed;background:rgba(255, 255, 255, 0.5); left: 0; right: 0; bottom: 0; padding: 0.25rem 0.2rem;  display: none; z-index: 2; opacity:1; }
.xfbtn a {background: url(bg_btn.png) no-repeat;background-size: auto auto;height: 45px;line-height:45px;background-size: 100% 45px;margin:15px 10px;display:block;text-align: center;font-size: 18px;color:#fff;}
.xfbtn a:hover {background:url(bg_btn.png) no-repeat;background-size:auto auto;height:45px;line-height:45px;background-size:100% 45px;margin:15px 10px;display:block;text-align:center;font-size:18px;color:#fff;opacity:1;}
.title_box .xfbtn {display: block;}

/*浮动马上起名按钮*/

/*好评如潮*/

.cmt_list { padding: 0 0.25rem; height: 8.95rem; overflow: hidden; background-color: #fff; border-radius: 10px;}
.cmt_list ul li { width: 100%; float: left; padding: 0.2rem 0; border-bottom: 1px solid #f1e4db; }
.cmt_list ul li p { font-size: 0.28rem; line-height: 0.46rem; margin: 0; }
.cmt_list ul li .ptit { color:#ccbaa7; }
.cmt_list ul li .ptit span { margin-left: 0.35rem; }
.cmt_list ul li .ptxt {color:#4c230a;}

/*好评如潮*/


/*浮动按钮*/
.floatbtn {width: 100%; float: left; padding: 0 10px 10px 10px; position: fixed;left: 0px;bottom: 0px;}
.button { width:90%; float:left; margin:10px 5% 5% 5%; }
.button a {background: url(bg_btn.png) no-repeat;background-size: auto auto;height: 45px;line-height: 45px;background-size: 100% 45px;margin:0px 10px;display: block;text-align: center;font-size: 18px;color: #fff;}
.button a:hover {background: url(bg_btn.png) no-repeat;background-size: auto auto;height: 45px;line-height: 45px;background-size: 100% 45px;margin:0px 10px;display: block;text-align: center;font-size: 18px;color: #fff;opacity:1;}
.button span { font-size:1em; }

/*浮动按钮 end*/