@charset "utf-8";
html, body, h1, h2, h3, h4, p, div, ul, li, ol, dl, dt, dd, span, i, em, strong, button, table, textarea, input, b, nav, footer, form, frame, img, select { margin: 0; padding: 0; list-style: none; box-sizing: border-box; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-style: normal; }

html { font-size: 13.333vw; }

body { font-family: "微软雅黑"; background: #f0f0f0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a { text-decoration: none; }

@media screen and (min-width: 415px) and (max-width: 639px) { html, body { font-size: 54px; } }
@media screen and (min-width: 640px) and (max-width: 719px) { html, body { font-size: 64px; } }
@media screen and (min-width: 750px) { html, body { font-size: 72px; max-width: 750px; margin: 0 auto; } }
#xmce { width: 100%; overflow: hidden; }
#xmce .pad24 { padding: 0 0.24rem; }
#xmce header { width: 100%; height: 0.94rem; background: #fff; font-size: 0.36rem; color: #a90d0d; line-height: 0.94rem; text-align: center; position: relative; border-bottom:1px solid #d9d9d9; }
#xmce header a.homeR { width: auto; height: auto; position: absolute; top: 50%; right: 0.24rem; font-size: 0.28rem; color: #a90d0d; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
#xmce header a.homeL{width:0.47rem;height:0.44rem;display: block;position:absolute;top:50%;left:0.24rem;background:url(../../../static/images/home_1.png) no-repeat;background-size:100%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
#xmce .ban { width: 100%; overflow: hidden; }
#xmce .ban img { width: 100%; vertical-align: top; }

/*通用样式*/
html { height: 100%; -webkit-user-select: none; }
body {line-height: 1.5;word-wrap: break-word;font-size: 16px;min-width: 320px;margin: 0 auto;font-family: "Microsoft YaHei";
    max-width: 640px;}
* { margin: 0; padding: 0; border: 0px; }
ul { list-style: none outside; z-index: 0; }
li { -webkit-box-sizing: border-box; }
li, h1, h2, h3, dl, dt, dd, b{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
img { overflow: hidden; }
a { -webkit-tap-highlight-color: rgba(255,255,255,0); outline: none; text-decoration: none; cursor: pointer; color: #333; }
    a:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity:1; }
input[type="radio"], input[type="checkbox"] { margin: 0 2px 0 10px; }
textarea, select, input[type="text"], input[type="password"] { background: #fff; font-size:14px; border: none; padding: 2px; -webkit-box-sizing: border-box; -webkit-appearance: none; border: #ddd 1px solid; -webkit-border-radius: 5px; }
textarea { padding-left: 2px; }
input {border:#CCC 1px solid;font-size:15px}

/*通用样式 end*/

/*顶部*/
.arthead {width: 100%; box-shadow:0px 0px 2px #a633f7;  overflow:hidden; zoom:1; background:url(topbg.gif) repeat-x; }
.lonav{  float:left; width:96%; height:46px;  padding:15px 2% 5px 2%; }
.logowz{ width:50%; float:left; height:40px;}
.loo{float:right;margin-top:7px;}
.lef{float:left}
.leimu{margin-left:5px; line-height: 50px;font-size:18px; color:rgba(10, 10, 10, 0.56); font-weight:bold; margin-top:2px;  float:left}
/*顶部 end*/

/*小导航*/
.jmlist{ width:100%; float:left; line-height:35px; border-bottom:2px solid #a42af9;background:#efefef; padding:5px 0px 0px 0px;overflow:hidden; zoom:1; font-size:16px;}
.jmlist a{font-size:16px;}
/*小导航 end*/

/*底部*/
.footer {background: #f5f6f8 none repeat scroll 0 0;border-bottom: 1px solid #d8d9de;border-top: 1px solid #d8d9de;box-shadow: 0 1px 0 #fff inset;font-size: 16px;overflow: hidden;padding-top: 10px;text-align: center;}
.footer .linkico {display: inline-block;font-size: 16px;margin: 0 8px;}
.footer A:hover {text-decoration: underline;}
/*底部 end*/

/*banner*/
.header {width: 100%;float: left;}
.header img {width: 100%;float: left;}

/*banner  end*/


/*内容*/

#wraper {width:100%;overflow: hidden;background:#FFF;}
.main {width:98%;left:1%;right:1%;margin: 0 auto;overflow: hidden;display:block;}

/*签约老师*/

.border1 {font-size: .3rem;margin: .2rem auto;}
.border1 img{display: block;width: 100%;}
.border1 .border1Bg {background: url("Bg.png") repeat-y;background-size: auto auto;background-size: 100%;}
#zss_intor {position: relative;}
.border1 .border1Bg .border1Bg_pic {display: block;width: 6.84rem;margin: 0 auto;}
img {border: 0px;margin: 0px;padding: 0px;}
#zss_intor .content {width:4.2rem;font-size: 0.28rem;position: absolute;top: 0.1rem;right: 0.2rem;text-align: justify;}
#zss_intor .content span { color: #bc2006;font-size: 0.30rem;}

/*签约老师 end*/

#xmce .info .intoTit { width: 100%; height: 0.88rem; border: 1px solid #770a0b; font-size: 0.34rem; border-radius: 5px; background: #fff; line-height: 0.88rem; margin: 0.46rem 0 0.26rem; overflow: hidden; }
#xmce .info .intoTit span { width: 50%; height: 100%; float: left; display: inline-block; text-align: center; }
#xmce .info .infoCon li span:before { content: ''; width: 0.48rem; height: 0.44rem; background: url(icon.png) no-repeat; background-size: 1.5rem; position: absolute; top: 50%; left: 0.24rem; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }


#xmce .info .infoCon li:nth-child(5) span:before { background-position: 0 -1.32rem; }
#xmce .info .infoCon li:nth-child(2) span:before { background-position: 0 0; }
#xmce .info .infoCon li:nth-child(1) span:before { background-position: -1.09rem 0; }
#xmce .info .infoCon li:nth-child(4) span:before { background-position: -1.09rem -0.69rem; }
#xmce .info .infoCon li:nth-child(3) span:before { background-position: 0 -0.69rem; }


/*
#xmce .info .infoCon li:last-child { border: 0; }
#xmce .info .infoCon li:last-child span:before { background-position: -1.02rem -0.69rem; }*/

#xmce .info .infoCon li > div i:before { content: ''; width: 0.4rem; height: 0.4rem; background: url(radio.png) no-repeat; background-size: 1.2rem; display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
#xmce .info .infoCon li > div i.radioYes:before { background-position: -0.8rem 0 !important; }



#xmce .info { width: 100%; overflow: hidden;background:#fff; }
#xmce .info .intoTit span.titColor { background: #a02224; color: #fff;}
#xmce .info .infoCon { width: 100%; overflow: hidden; border: 1px solid #bababb; border-radius: 5px; background: #fff; font-size: 0.3rem; }
#xmce .info .infoCon li { width: 100%; height: 0.8rem; border-bottom: 1px solid #bababb; }
#xmce .info .infoCon li span { width: 32%; display: inline-block; float: left; height: 100%; color: #a02224; line-height: 0.8rem; padding-left: 0.8rem; position: relative; }
#xmce .info .infoCon li span b { margin-right: 0.6rem; }
#xmce .info .infoCon li > div {width:68%;float:left;height:100%;line-height:0.8rem;position:relative;}
#xmce .info .infoCon li > div i {padding-left:0.52rem;margin-right:0.35rem;position:relative;width: auto; display: inline-block;}
#xmce .info .infoCon li > div input {font-size: 0.3rem;}
/*出生时辰*/
#xmce .info .infoCon li > div label { width: 39%; height: 58%; overflow: hidden; float: left; display: inline-block; margin-top: 0.16rem; line-height: 0.45rem; position: relative; }
#xmce .info .infoCon li > div select { width: 60%; height: 100%; float: left; font-size: 0.3rem; background: none; border: 1px solid #535353; margin-right: 0.15rem; padding-left: 0.1rem;padding-top: 0.01rem; color: #6F6F6F; }
/*出生地点*/
#xmce .info .infoCon li > div b { width:45%; height:60%; overflow: hidden; float: left; display: inline-block; margin-top: 0.16rem; line-height: 0.45rem; position: relative; }
#xmce .info .infoCon li > div b select { width:90%; height: 100%; float: left; font-size: 0.3rem; background: none; border: 1px solid #535353; margin-right: 0.15rem; padding-left: 0.1rem;padding-top: 0.01rem; color: #6F6F6F; }
/*测名按钮*/
/*
#xmce .info .jt { width: 100%; height: 0.96rem; line-height: 0.96rem; font-size: 0.34rem; text-align: center; margin-top: 0.23rem; letter-spacing: 1px; display: block; background: url(qm_info_but.png) no-repeat; background-size: 100% 100%; color: #fff; margin-bottom:0.23rem;}*/

.jt input {
    cursor: pointer;
    width: 96%;
    height: 40px;
    font-size: 18px;
    display: block;
    color: rgb(255, 255, 255);
    font-family: 微软雅黑;
    border-radius: 4px;
    background:#a02224;
    margin: 10px auto;
}

/*测名按钮 end*/

/*出生日期*/

.date_btn,.date_class,.date_class_box,.date_info_box,.tooth {text-align: center}
.gearDate {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 10px;background-color: rgba(0, 0, 0, .2);display: block;position: absolute;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:9999999;overflow: hidden;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-transform: translateZ(0)}
.date_ctrl {vertical-align: middle;background-color: #F0F0F0;border: 1px solid #a5a5a5;border-radius: 5px;color: #000;margin: 0;height: auto;width: 90%;max-width: 600px;position: absolute;left: 50%;top: 12%;z-index: 9902;overflow: hidden;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0)}
.date_roll,.date_roll>div {background-color: transparent;overflow: hidden}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate(-50%, 100vh);
		transform: translate(-50%, 100vh);
		-moz-transform: translate(-50%, 100vh);
		-ms-transform: translate(-50%, 100vh);
		-o-transform: translate(-50%, 100vh)
	}
	to {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0)
	}
}

.date_roll {position: relative;width: 100%;height: auto;font-weight: 700;-webkit-mask: -webkit-gradient(linear, 0 50%, 0 100%, from(#debb47), to(rgba(36, 142, 36, 0)));-webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0))}
.date_roll>div {font-size:1.5em;height: 6em;float: left;position: relative;width: 33.33%}
.date_roll_mask {padding: 0 1em;-webkit-mask: -webkit-gradient(linear, 0 40%, 0 0, from(#debb47), to(rgba(36, 142, 36, 0)));-webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0))}
.date_grid {position: relative;top: 2em;width: 100%;height: 2em;margin: 0;z-index: 0;background-color: #E8E8E8;border-top: 1px solid #d4d4d4}
.date_grid>div {color: #000;position: absolute;right: 0;top: 0;font-size: .8em;line-height: 2.5em}
.date_info_box {color: #363837;font-size: 1.8em;padding: .6em 0;font-weight: 700}
.date_class_box {padding: 1em 2em}
.date_class {display: inline-block;font-size: 1.4em;width: 40%;padding: .4em 0;color: #c91723;border: 1px solid #c91723}
.date_class_box .date_class:first-child {border-top-left-radius: .2em;border-bottom-left-radius: .2em}
.date_class_box .date_class:last-child {border-top-right-radius: .2em;border-bottom-right-radius: .2em}
.date_class_box .active {background-color: #c91723;color: #fff}
.date_btn_box {overflow: hidden;position: relative;border-top: 1px solid #d4d4d4}
.date_btn {color: #000;font-size: 1.6em;line-height: 1em;padding: .8em 1em;float: right;width: 50%}
.date_btn:first-child {border-left: 1px solid #d4d4d4}
.gear {float: left;position: absolute;z-index: 9902;width: 5.5em;margin-top: -6em}
.date_roll>div .gear {width: 100%}
.tooth {height: 2em;line-height: 2em}

/*出生日期 end*/


/*测名内容结束*/


/*模块框 */
.title_box {padding:0% .5% .5% .5%;overflow:hidden;}
.contents {background:#ecdecc;}

.sec-title {width:100%;height:.75rem;line-height: 0.74rem;background: url(title02.png) no-repeat;background-size: auto auto;background-size: 100% 100%;text-align: center;font-size:24px;color: #8b0000;font-weight: bold;margin: 0 auto;position: relative;z-index: 1;}
.sec-title  span {font-size:18px;}
.sec-title  span em {padding:6px; right: 5px; border-radius: 50%; overflow: hidden; background:#F00;color:#FF0; margin:0 1%;font-size:24px;font-style:oblique;}

.borbox {position: relative;background: #fff url(borbg.jpg) no-repeat center top;background-size:100% auto;padding:1rem 0 0 0;overflow:hidden;}
.borbox::before {top: 0;}
.borbox::before, .borbox::after {display: block;content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 0.06rem;background: url(line3.png) no-repeat;background-size: auto auto;background-size: 100% 100%;}
.borline::before {left: 0;}
.borline::before, .borline::after {display: block;content: '';position: absolute;width: 0.07rem;top: 0.06rem;bottom:0;background: url(line1.png);background-size: auto auto;background-size: 100% auto;}
.borline::after {right: 0;width: 0.06rem;background-image: url(line2.png);}

.bk_box {width:100%;float: left;padding:3.5%;border-radius: 15px;background-color: #fff;}

/*模块框 end*/

/*测名内容结束 end*/
.qsyycon_biaoqian {padding-top: .1rem;display:block;text-align:center;}
.qsyycon_biaoqian img {width: .6rem;height: .6rem;vertical-align: middle;}
.qsyycon_biaoqian span {font-size: .32rem;color: #ce273c;font-weight: bold;display: inline-block;vertical-align: middle;background: #fdf1ee;height: .6rem;line-height: .6rem;border-bottom: 1px solid #e58c95;border-top: 1px solid #e58c95;}

.cmnr_boxs {width:92%;overflow:hidden;margin:2% 4%;padding:2% 0;border-bottom:1px dashed #ccc;}
.cmnr_boxs span {width:25%;text-align:center;background: url(tit_a.png) no-repeat center;
    background-size:100% 100%;color:#ce273c;padding:1%;float:left;font-size: .28rem;}
.cmnr_boxs p {width:72%;float:right;line-height:.32rem;font-size: .28rem;}	

.wangtu {width:90%;margin:2% auto;display:block;position:relative;}
.inbox {padding-bottom:10px;}

/*底部测名按钮*/
.zt_bottom {position: absolute;bottom: 0;width: 100%;}
.zt_bottom_r {float: left;overflow: hidden;}
/*底部测名按钮 end*/


/*出生地点*/
#xmce .info .infoCon li > div b { width:33%; height:60%; overflow: hidden; float: left; display: inline-block; margin-top: 0.16rem; line-height: 0.45rem; position: relative; }
#xmce .info .infoCon li > div b select { width:98%; height: 100%; float: left; font-size: 0.3rem; background: none; border: 1px solid #535353; margin-right: 0.15rem; padding-left: 0.1rem;padding-top: 0.01rem; color: #6F6F6F; }

/*弹出层样式*/
.open{
	width: 90%;
	background: #fff;
	border-radius: 10px;
	z-index: 10;
	overflow: hidden;
}
.displayN {
    display: none;
}
.wz_open {
    width: 100%;
    height:35px;
    background: url("icon_dsfr.png") no-repeat;
        background-size: auto auto;
    background-size: 100% 100%;
}
.height_1 {
    height: 10px;
    clear: both;
	background: #f9f3e5;
}
.wz_open2 {
    background: #f9f3e5;
    padding: 0em 0.5em 0em 0.5em;
}
.wz_btn {
    position: relative;
    bottom: 0em;
    border-top: solid 0.08em #e2e3e4;
    width: 100%;
	cursor:pointer;
}
.wz_duan_p {
    font-size: 13px;
}
.wz_btn_org {
    text-align: center;
    color: #d25500;
    font-size: 0.95em;
    width: 100%;
    padding: 0.5em 0;
}
.wz_btn span, b, small {
    display: inline-block;
    font-weight: normal;
}


.warps {background:#bf0707;}
/*页面banner*/
.public_banner,.public_banner img {width:100%;height:auto}
.public_banner img {display:block}
/*页面banner end*/

/*页面头部*/
.public_header {height: 44px;line-height: 44px;background: #fff;border-bottom: 1px solid #e4e4e4;width: 100%;position: relative;}
.public_h_con {color: #333;}
.public_h_con {text-align: center;font-size: 20px;color: #a83b00;margin: 0 44px;}
.public_ff_title, .public_h_con {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.public_h_home {position: absolute;width: 44px;height: 44px;top: 0;left: 0;}
.public_h_home:after {background-image: url(icon_home.png);}
.public_h_home:after {content: '';display: block;width: 24px;height: 24px;background-size: 100% 100%;background-repeat: no-repeat;position: absolute;top: 10px;left: 10px;background-image: url(icon_home.png);}
.public_h_menu {color: #d34d20;border-color: #fde2e5;}
.public_h_menu {position: absolute;height: 25px;line-height: 25px;border: 1px solid #db8732;border-radius: 5px;padding: 0 5px;display: block;color: #db8732;right: 10px;top: 9px;background-color: #fff;}
/*页面头部 end*/

/*隐私协议*/
.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: #535353;}
.common-privacy-text a{font-size: 0.26rem;color:#D60E00;}
/*隐私协议 end*/