/*base*/
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin: 0;padding: 0}
html{font-size: 62.5%;width: 100%;height: 100%;}
body{font-size: 1.4rem;width: 100%;height: 100%;-webkit-font-smoothing: antialiased;}
html, body{font-family:'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;}
img{display: block;}
ol,ul{list-style: none}
a{text-decoration: none}
a:hover{text-decoration: underline}
input[type="radio"]{box-sizing: border-box;padding: 0;appearance: none; -webkit-appearance: none; outline: none;}
/*style*/
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;font-size:0;}
.wrap{width: 7.5rem;height: 100%; margin:0 auto;background:#ffa800;}
.first_wrap img,.over_wrap img{width: 100%;}
.first_wrap .enter_btn img{width:100%;}
.over_wrap{background:#ffa800;}
.topic_wrap{display:none;width: 100%;height: 100%;background: url(aq-box.jpg) no-repeat;background-size: 100% 100%;}
.topic_wrap .fade_wrap{width: 100%;height: 100%; position:relative;}
.topic_wrap .wrap_top{width: 100%; position: relative; padding-top: 2rem;}
.topic_wrap .wrap_top .topic_no{position: absolute; z-index: 3; width: 1.6rem; height: .8rem; border-radius: 0 0 .8rem .8rem; text-align: center; margin-left: -.8rem; left: 50%; font-size: .4rem; border: 2px solid #000; border-top: none; top: 0; color: #000; background: #fff;}
.topic_wrap .timu-box{position:relative; width:6.57rem; height:7.38rem; background:url(dt_bg.png) no-repeat; background-size:100% 100%; margin-left:.7rem; margin-bottom:.4rem; color:#2f30ac; font-size:.28rem;}
.topic_title{position:relative; z-index:2; width:5rem; padding:1.2rem .4rem .2rem; margin: 0 auto; line-height:1.6; color:#333; font-size:.34rem;}
.topic_wrap .wrap_center{width: 100%;}
.topic_wrap .wrap_center .topic_option{font-size:.28rem;}
.topic_wrap .wrap_center .topic_option li{display:block;}
.topic_wrap .wrap_center .topic_option li p{position:relative; color:#241e20; font-size:.3rem; background:url(zc.png) no-repeat; background-size:100% 100%; width:3.94rem;height:.78rem;
line-height:.7rem; margin:.2rem auto .4rem; padding-left:.9rem;}
.topic_wrap .wrap_center .topic_option li p span{position:absolute; left:13px; color:#fff;}
.topic_wrap .wrap_center .topic_option li .select{display:block; width:3.94rem;height:.78rem; line-height:.7rem;padding-left:.9rem; background:url(bs.png) no-repeat; background-size:100% 100%; color:#241e20;}
.topic_wrap .wrap_bottom{width: 100%;position: absolute;bottom: 4%;}
.topic_wrap .wrap_bottom .lagou_logo{width: 32%;margin:0 auto;}
.sucess{position:fixed; top:50%; left:50%; margin-left:-3.32rem; margin-top:-2.06rem; display:block; width:6.67rem; height:4.12rem; background:url(sucess.png) no-repeat; background-size:100% 100%;z-index:11;}
.yidengji{position:fixed; top:50%; left:50%; margin-left:-3rem; margin-top:-1.74rem; display:block; width:6.01rem; height:3.49rem; background:url(yizhongjiang.png) no-repeat; background-size:100% 100%;z-index:11;}
.layerbg{width: 100%;height: 100%;background-color:#344c3e;opacity: 0.6;position: fixed;z-index:10;top:0;left:0; z-index:4;}
.dn{display:none;}
.over_wrap{display:none; width:7.5rem; overflow:hidden;}
.over_wrap img{display:block;}
.pop-box{position:fixed; background: url(pop-box.png) no-repeat; width:5.87rem; height:3.58rem; background-size:100% 100%; left:50%; margin-left:-2.93rem; top:50%; margin-top:-1.79rem; z-index:10;}
.form-box{position: relative; top: 0.7rem; left: .4rem; width:4.8rem;}
.form-box .form-group{width:100%;height:.6rem; font-size:.3rem; color:#fff; margin-bottom:.1rem;}
.form-box .form-group .name{margin-right: .4rem;display:inline-block;width:1.06rem; height:.36rem; background:url(sex.png) no-repeat; background-size:1.06rem .36rem; float:left; text-indent:-9999px;}
.form-box .form-group .grade{margin-right: .4rem; display:inline-block;width:1.03rem; height:.37rem; background:url(grade.png) no-repeat; background-size:1.03rem .37rem; float:left; text-indent:-9999px;}
.form-control-label{float:left;}
.ui-input-radio:checked:after{content: " ";display: block;position: absolute;width: .1rem;height: .1rem;background: #ff3600;border-radius: .1rem; top: 50%; left: 50%; margin-left: -.05rem; margin-top: -.05rem;}
.ui-input-radio{width: .24rem;height: .24rem;background: #f8f3e7;border-radius: .24rem;position:relative;margin-right:.3rem;}
.radio-inline{width: 1.5rem; display: inline-block;}
.radio-inline em{display:inline-block; text-indent:-9999px;}
.radio-inline em.boy{background:url(boy.png) no-repeat; width:.33rem; height:.36rem; background-size:100% 100%;}
.radio-inline em.girl{background:url(girl.png) no-repeat; width:.34rem; height:.36rem; background-size:100% 100%;}
.radio-inline em.school{background:url(university.png) no-repeat; width:.77rem; height:.38rem; background-size:100% 100%;}
.radio-inline em.other{background:url(other.png) no-repeat; width:.73rem; height:.37rem; background-size:100% 100%;}
.form-box .form-group span{float:left; width:1rem; font-weight:bold;line-height:.6rem;}
.form-box .form-group span.last{line-height:.3rem;}
.form-box .form-group .form-text{float:left;width:3.2rem; height:.6rem; border:none; border-radius:.3rem; background:#fff; padding:0 2px;text-indent: .2rem;}
.btn-primary{float: left; width: 2.88rem; height: .72rem; border: 0; text-indent: -8888px; background:url(btn.png) no-repeat; background-size:100% 100%; margin-top: 0; margin-left: 1rem;}#ui-error-msg{display:none;position: fixed;top: 20%;left: 50%;width: 5.6rem;line-height: 60px;background-color: #fff;color: #000;font-size: 16px;text-align: center;border-radius: 7px;margin-left: -2.8rem;margin-top: -15px;word-break: break-all;z-index:1111;}
#ui-error-msg.show{display:block;}
.jl-box{background:url(fuli-box.png) no-repeat; background-size:100% 100%; width:6.77rem; height:3.43rem; display:block; margin:0 auto .4rem;}
.jl-box p{padding:.7rem .3rem 0; line-height:.5rem; font-size:.3rem; color:#1d1001; height:1.5rem; overflow:hidden;}
.jl-box .btn-linjiang{background:url(btn2.png) no-repeat; width:2.83rem; height:.73rem; background-size:100% 100%; margin:.2rem auto 0; display:block;}