/*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 {width: 100%;height: 100%;}

body {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}




/*style*/

.wrap{width: 100%;height: 100%;}


.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;}
.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:#ffea00; 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:6.14rem;height:.82rem; line-height:.72rem; margin:.2rem auto 0;}
.topic_wrap .wrap_center .topic_option li p{ color:#2f30ac; padding: 0 .2rem;}
.topic_wrap .wrap_center .topic_option .select{ 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:-1.8rem; margin-top:-2.63rem; display:block; background:url(error.png) no-repeat; z-index:11; background-size:100% 100%; width:4.41rem; height:5.27rem;}
.sucess{position:fixed; top:50%; left:50%; margin-left:-2.69rem; margin-top:-1.73rem; display:block; width:5.38rem; height:3.47rem; background:url(sucess.png) no-repeat; background-size:100% 100%;z-index:11;}
.layerbg{width: 100%;height: 100%;background-color:#0b0d64;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:14.59rem;
	background:url(jiangpin_bg.jpg) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
}
.box .img01{
	display:block;
	position: absolute;
	width:6.37rem;
	height:6.37rem;
	top:.78rem;
	left:50%; margin-left:-3.18rem;
    /*transform:rotate(7deg);
    -webkit-transform:rotate(7deg);*/
}
.box .drawBtn{
	position:absolute;
	width:1.67rem;
	height:2.19rem;
	left:50%;
	top:2.74rem;
	margin-left:-.83rem;
}
.txtMarquee-top{ overflow:hidden; position: absolute; top:10.78rem; left:.84rem; width:5.8rem; background:#fff; font-size:.24rem; color:#1f228d;}
		
.txtMarquee-top .bd{ padding:.2rem;  }
.txtMarquee-top .infoList li{ height:.4rem; line-height:.4rem;   }
.txtMarquee-top .infoList li span.mid{ margin:0 .2rem; }

.pop-box{ position:fixed; background: url(pop-box.png) no-repeat; width:6.38rem; height:6.76rem; background-size:100% 100%; left:50%; margin-left:-3.19rem; top:50%; margin-top:-3.38rem; z-index:10;}
.pop-box .title{ position: relative; top:1.96rem; margin: 0 auto;}
.pop-box .title.g12{ width:3.82rem; height:.49rem; background:url(g12.png) no-repeat; background-size:100% 100%;}	
.pop-box .title.g5{ width:3.63rem; height:.49rem; background:url(g5.png) no-repeat; background-size:100% 100%;}	
.pop-box .title.piao{ width:3.29rem; height:.49rem; background:url(piao.png) no-repeat; background-size:100% 100%;}	
.pop-box .title.coffe{ width:4.43rem; height:.49rem; background:url(coffe.png) no-repeat; background-size:100% 100%;}	
.pop-box .title.phone{ width:4.26rem; height:.48rem; background:url(phone.png) no-repeat; background-size:100% 100%;}	
.form-box{ position: relative;
    top: 2.36rem;
    left: 2.1rem;}
.form-box .form-group{ height:.4rem;}
.form-box .form-group .form-text{ float:left;width:3.2rem; height:.4rem; border:none; }
.btn-primary{    float: left;    width: 2.9rem;
    height: .78rem;
    background: none;
    border: 0;
    margin-left: -.32rem;text-indent: -8888px;}
	#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;}


.time-box{ display:block; position:relative;   width:100%; height:1.32rem; background:url(time.jpg) no-repeat;background-size:100% 100%;}
.time-box .time-content{ position:absolute; top:.54rem; left:50%; margin-left:-2.2rem; width:4.4rem; height:.62rem; line-height:.66rem; text-align:center;  color:#1f228d; font-size:.32rem; background:url(time-box.jpg.png) no-repeat; background-size:100% 100%;} 
.time-box .time-content span{ margin:0 5px; display:inline-block; color:#ffbb10;}


.jhk-box{ position:fixed; top:50%; left:50%; width:5.91rem; height:3.96rem; margin-left:-2.95rem; margin-top:-1.98rem; background:url(jhk.png) no-repeat; background-size:100% 100%; z-index:10;}