/*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: 7.5rem;height: 100%; margin:0 auto;}

.first_wrap .cishu{ display:block; width:7.5rem; height:.5rem; line-height:.5rem; 
background:url(cishu.jpg) no-repeat; background-size:100% 100%; color:#fff; text-align:center; font-size:.3rem; }
.first_wrap .cishu span{ width:.42rem; height:.32rem; line-height:.32rem; border-radius:.04rem; background:#fff; display:inline-block; text-align:center; margin:0 .1rem; color:#d90500;}
.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: 2rem;}

.topic_wrap .wrap_top .topic_no{    position: absolute;
    z-index: 3;
    width: 2.4rem;
    text-align: center;
    margin-left: -1.2rem;
    left: 50%;
    font-size: .4rem;
    border-top: 1px solid #fff;
    top: 1.1rem;
    color: #fff;
    padding-top: .2rem;}



.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; margin: .2rem auto;  line-height:1.6; color:#fff; font-size:.34rem;}
.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;}
.topic_wrap .wrap_center .topic_option li p{ color:#d90500; font-size:.3rem; text-indent:1.3rem; background:url(zc.png) no-repeat; background-size:100% 100%; width:3.64rem;height:.74rem; 
line-height:.74rem;  margin:.2rem auto .4rem;}
.topic_wrap .wrap_center .topic_option li .select{display:block;  width:3.64rem;height:.74rem; line-height:.74rem; background:url(bs.png) no-repeat; background-size:100% 100%; color:#fff;}

.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.32rem; margin-top:-2.06rem; display:block; background:url(error.png) no-repeat; z-index:11; background-size:100% 100%; width:6.67rem; height:4.12rem;}
.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;}
.yizhongjiang{position:fixed; top:50%; left:50%; margin-left:-3.32rem; margin-top:-2.06rem; display:block; width:6.67rem; height:4.12rem; background:url(yizhongjiang.png) no-repeat; background-size:100% 100%;z-index:11;}
.jihui3{position:fixed; top:50%; left:50%; margin-left:-3.32rem; margin-top:-2.06rem; display:block; width:6.67rem; height:4.12rem;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.4rem; left:50%; margin-left:-3.21rem; width:6.42rem; height:5.98rem; background:url(jpc.png) no-repeat; background-size:100% 100%; font-size:.24rem; color:#fff;}
		
.txtMarquee-top .bd{ padding:.2rem; margin-top:1rem;  }
.txtMarquee-top .infoList li{ height:.4rem; line-height:.4rem;  color:#fff; font-size:.3rem; margin-bottom:.06rem;  }
.txtMarquee-top .infoList li span{ float:right;}
.txtMarquee-top .infoList li span.mid{ margin:0 .2rem; float:left; }

.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:1.5rem; margin: 0 auto; font-size:.3rem; color:#fff; text-align:center;text-indent: -.3rem;}
.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.2rem;
    left: 1rem; width:4.8rem;}
.form-box .form-group{ float:left;height:.6rem; font-size:.3rem; color:#fff; 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:none; border-radius:.3rem; background:#fff; padding:0 2px;text-indent: .2rem; }
.btn-primary{    float: left;    width: 2.67rem;
    height: .61rem;
    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;}