@import ;
@import ;
@import ;

body { background: #faf8f4  no-repeat; background-size: 100%; }
/*工具*/
.tool { width: 100%;  height: 100%; overflow: hidden; }
.tool_nr { padding: 1.2rem 0; }
.tool_img {width: 3.6rem; height: 3.6rem; display: block; border: 1px solid #fff; border-radius: 100%; overflow: hidden; margin: 0 auto;}
.tool_img img { width: 100%; height: 100%; }
.tool p { text-align: center; font-size: 0.75rem; margin-top: .6rem; }

/*免费起名*/
.named { width: 94%; box-sizing: border-box; margin: 0 auto; margin-top: 1rem; position: relative; padding: 1.2rem; }
.bg_icon { display: block; width: 1.68rem; height: 1.68rem; background:  no-repeat; background-size: 100%; position: absolute; }
.bg_icon_a {left: 0.625rem; top: 0.625rem; }
.bg_icon_b {right: 0.625rem; top: 0.625rem; background-position: 0 -1.78rem;}
.bg_icon_c {bottom: 0.625rem; left: 0.625rem;background-position: 0 -5.6rem;}
.bg_icon_d {bottom: 0.625rem; right: 0.625rem;background-position: 0 -3.76rem;}
.named h4 { height: 3em; line-height: 3rem; text-align: center; background:  repeat-x left center; }
.named h4 span { background: #fff; padding: 0 1rem; }
.in_nr { height: 3rem; line-height: 3rem; margin-bottom: 1rem; }
.in_nr strong { font-size: 1rem; width: 30%; display: block; float: left; font-weight: normal;    text-align-last: justify; }
.in_nr span { float: left; width: 70%; }
.in_nr em { color: #e71d1d;margin-right: .2rem }
.in_nr .text,select { border: none; background: #f5f2ed; border-radius: 10px; height: 2.6rem; line-height: 2.6rem; padding: 0 .8rem; width: 100%; box-sizing: border-box; font-size: 1rem;  -webkit-appearance: none;}
.in_nr .sub { border: none; background: #a07f4b; color: #fff; border-radius: 10px; width: 8rem; line-height: 2.6rem; height: 2.6rem; margin: 1rem auto; display: block;  -webkit-appearance: none; font-size: 1rem; }
.in_nr label { font-size: 1rem; }
/*五行起名*/
.con_wx  { padding:0 1.5%; width:100%; overflow: hidden; box-sizing: border-box; }
.con_wx .head { padding: 1rem 1.5%; }
.wx_nr {}
.wx_nr .wx_li {  }
.wx_nr .wx_li_nr {width: 94%; border: 1px solid #d5c7b0; margin: 0 auto; background: #fff; padding:2rem 1rem; position: relative; box-sizing: border-box; border-radius: 10px; }
.wx_nr .wx_li .icon { width: 3rem; height: 3rem; display: block; background:  no-repeat; background-size: 100%; margin: 0 auto; }
.wx_nr .wx_li .wx_icon_1 { background-position: 0 -40.6rem;}
.wx_nr .wx_li .wx_icon_2 { background-position: 0 -43.5rem;}
.wx_nr .wx_li .wx_icon_3 { background-position: 0 -46.45rem;}
.wx_nr .wx_li .wx_icon_4 { background-position: 0 -49.3rem;}
.wx_nr .wx_li .wx_icon_5 { background-position: 0 -52.2rem;}
.wx_nr .wx_li p { font-size: 1rem; line-height: 1.5em; text-align: center; margin-top: 1rem;}
.wx_nr .wx_li .more { width: 6rem; height: 2rem; line-height: 2rem; border-radius: 2rem; margin: 1rem auto 0 auto; text-align: center; background-color: #a07f4b; color: #fff; display: block; }
/* 十二生肖 */
.con_sx { padding: 0 3%; box-sizing: border-box; width: 100%; overflow: hidden;}
.sx_nr { padding: 1rem 0;}
.sx_nr .swiper-slide { text-align: center;}
.sx_nr .sx_icon {width: 3.6rem; height: 3.6rem; display: block; margin: 0 auto;  background:  no-repeat; background-size: 100%;}
.sx_nr p { padding:1rem .5rem 0 .5rem;} 
.sx_nr .sx_1 .sx_icon { background-position: 0 -70rem;}
.sx_nr .sx_2 .sx_icon { background-position: 0 -73.8rem;}
.sx_nr .sx_3 .sx_icon { background-position: 0 -77.5rem;}
.sx_nr .sx_4 .sx_icon { background-position: 0 -81.2rem;}
.sx_nr .sx_5 .sx_icon { background-position: 0 -85.5rem;}
.sx_nr .sx_6 .sx_icon { background-position: 0 -89.6rem;}
.sx_nr .sx_7 .sx_icon { background-position: 0 -93.6rem;}
.sx_nr .sx_8 .sx_icon { background-position: 0 -97.2rem;}
.sx_nr .sx_9 .sx_icon { background-position: 0 -100.8rem;}
.sx_nr .sx_10 .sx_icon { background-position: 0 -104.67rem;}
.sx_nr .sx_11 .sx_icon { background-position: 0 -108.8rem;}
.sx_nr .sx_12 .sx_icon { background-position: 0 -112.5rem;}