/*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}

*{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/*style*/
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;font-size:0;}
.wrap{width: 100%;height: 100%;}

.first_wrap .cishu{ display:block; width:7.5rem; height:.61rem; line-height:.61rem; 
background:url(cishu.jpg) no-repeat; background-size:100% 100%; color:#fff; text-align:center; font-size:.32rem; }
.first_wrap .cishu span{ width:.42rem; height:.32rem; line-height:.32rem; border-radius:.04rem; background:#ed6e6e; display:inline-block; text-align:center; margin:0 .1rem;}
.first_wrap img{width: 100%;}

.first_wrap .enter_btn img{ width:100%;}



.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: 2.35rem;}

.topic_wrap .wrap_top .topic_no{ position: absolute;
    z-index: 3;
    width: 1.5rem;
    height: .52rem;
    line-height: .52rem;
    text-align: center;
    margin-left: -.75rem;
    left: 50%;
	font-size:.28rem;
	font-weight:300;
    border: 1px solid #000;
    border-radius: .21rem;
    top: 2.3rem;
    background: #fff;}



.topic_wrap .timu-box{ position:relative; width:6.18rem; margin:0 auto .4rem; color:#2f30ac; font-size:.28rem;}

.topic_title{ position:relative; z-index:2; width:5.78rem; padding:.4rem .2rem .2rem; border:1px solid #000; background:#fff; margin: .2rem auto;  line-height:1.6; color:#48342d; font-size:.3rem;}
.timu-box2{ position: absolute; left:50%; margin-left:-3.1rem; padding:.4rem .2rem .2rem;z-index:1;width:5.78rem;  border:1px solid #000; background:#36aa72; top:0;
transform:rotate(3deg);
-ms-transform:rotate(3deg); 	/* IE 9 */
-moz-transform:rotate(3deg); 	/* Firefox */
-webkit-transform:rotate(3deg); /* Safari 和 Chrome */
-o-transform:rotate(3deg);}


.topic_wrap .wrap_center{width: 100%;}

.topic_wrap .wrap_center .topic_option{ font-size:.28rem;}


.topic_wrap .wrap_center .topic_option li{display:block; background:url(zc.png) no-repeat; background-size:100% 100%; width:7.05rem;height:1.25rem; 
line-height:1.25rem; margin:.2rem auto 0;}
.topic_wrap .wrap_center .topic_option li p{ color:#48342d; font-size:.3rem; padding-left:.6rem;}
.topic_wrap .wrap_center .topic_option .select{display:block;  width:6.45rem;height:1.25rem; line-height:1.25rem; background:url(bs.png) no-repeat; background-size:100% 100%;}

.topic_wrap .wrap_bottom{width: 100%;position: absolute;bottom: 4%;}

.topic_wrap .wrap_bottom .lagou_logo{width: 32%;margin:0 auto;}





.error{ position:fixed; top:50%; left:50%; margin-left:-3.07rem; margin-top:-4.01rem; display:block; background:url(error.png) no-repeat; z-index:11; background-size:100% 100%; width:6.14rem; height:8.02rem;}
.sucess{position:fixed; top:50%; left:50%; margin-left:-3.75rem; margin-top:-3.19rem; display:block; width:7.5rem; height:6.38rem; background:url(sucess.png) no-repeat; background-size:100% 100%;z-index:11;}
.yizhongjiang{position:fixed; top:50%; left:50%; margin-left:-3.19rem; margin-top:-2.90rem; display:block; width:6.38rem; height:5.81rem; background:url(yizhongjiang.png) no-repeat; background-size:100% 100%;z-index:11;}
.jihui3{position:fixed; top:50%; left:50%; margin-left:-3.34rem; margin-top:-2.66rem; display:block; width:6.69rem; height:5.32rem; background:url(jihui3.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;}

.box{
	position:relative;
	width:7.5rem;
	height:16.31rem;
	background:url(jiangpin_bg.jpg) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
}
.box .img01{
	display:block;
	position: absolute;
	width:6.8rem;
	height:7.15rem;
	top:1.14rem;
	left:50%; margin-left:-3.4rem;
    /*transform:rotate(36deg);
    -webkit-transform:rotate(36deg);*/
}
.box .drawBtn{
	position:absolute;
	width:2.63rem;
	height:2.85rem;
	left:50%;
	margin-left:-1.31rem;
	top:3rem;
}
.txtMarquee-top{ overflow:hidden; position: absolute; top:8.2rem; left:50%; margin-left:-3.25rem; width:6.5rem; height:5.08rem; background:url(jpc.png) no-repeat; background-size:100% 100%; font-size:.24rem; color:#1f228d;}
		
.txtMarquee-top .bd{ padding:.2rem; margin-top:1.3rem;  }
.txtMarquee-top .infoList li{ height:.4rem; line-height:.4rem;  color:#8c4013; font-size:.3rem; margin-bottom:.06rem;  }
.txtMarquee-top .infoList li span.mid{ margin:0 .2rem; }

.pop-box{ position:fixed; background: url(pop-box.png) no-repeat; width:6.56rem; height:7.36rem; background-size:100% 100%; left:50%; margin-left:-3.28rem; top:50%; margin-top:-3.68rem; z-index:10;}
.pop-box .title{ position: relative; top:2rem; margin: 0 auto;}
.pop-box .title.dd10{ width:4.64rem; height:.49rem; background:url(jp_dd10.png) no-repeat; background-size:100% 100%;}	
.pop-box .title.dd20{ width:4.8rem; height:.49rem; background:url(jp_dd20.png) no-repeat; background-size:100% 100%;}	
.pop-box .title.xiaomi{ width:3.9rem; height:.41rem; background:url(jp_yx.png) no-repeat; background-size:100% 100%;}	
.pop-box .title.flp{ width:4.44rem; height:.47rem; background:url(jp_xcq.png) no-repeat; background-size:100% 100%;}	
.pop-box .title.phone{ width:4.46rem; height:.47rem; background:url(jp_phone.png) no-repeat; background-size:100% 100%;}	
.pop-box .title.kn{ width:4.95rem; height:.47rem; background:url(jp_sdj.png) no-repeat; background-size:100% 100%;}	

.form-box{ position: relative;
    top: 2.5rem;
    left: 1rem; width:4.8rem;}
.form-box .form-group{ float:left;height:.6rem; font-size:.3rem; color:#4f3d36; margin-bottom:.2rem;}
.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:1px solid #000; border-radius:2px; padding:0 2px; }
.btn-primary{    float: left;    width: 2.92rem;
    height: .75rem;
    border: 0;
    margin-top: .64rem;
    margin-left: -.32rem;text-indent: -8888px; background:url(btn.png) no-repeat; background-size:100% 100%;    margin-top: .24rem;
    margin-left: 1rem;}
	#ui-error-msg { display:none;position: fixed;top: 40%;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;}