@font-face { font-family:newFont; src:url('../images/newFont.woff') format('woff');}

html,body,div,h1,h2,h3,h4,h5,h6,form,ul,ol,li,dl,dt,dd,span,p,img { margin:0; padding:0; border:0; font-size:12px; font-size:100%; font-family:newFont,Arial,Georgia,'Microsoft Yahei'; line-height:20px;}
html,body { position:relative; margin:0 auto; width:750px; height:100%; background:#333; letter-spacing:0px; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img,a img{ border:0;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; }
ol,ul,li{ list-style:none;}
a,a:link,a:active, a:visited { color:#be0c22; outline:none; text-decoration:none; }
a:hover{ color:#be0c22; }

#container { position:relative; margin:0 auto; width:750px; height:100%; min-height:1000px; background:#f5f5f5; overflow:hidden; }
.logo { position:absolute; top:140px; left:50%; margin-left:-220px; width:440px; height:100px; }
.inputMain { position:absolute; top:50%; left:50%; margin-top:-220px; margin-left:-350px; width:700px; height:400px; }
.input_tips { margin:20px 0px; float:left; width:700px; height:40px; text-align:center; line-height:40px; font-size:34px; color:#000; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#757576; } 
input { margin:10px 0px; padding:0 30px 0 210px; float:left; width:700px; height:104px; line-height:104px; text-align:left; font-size:36px; color:#0499be; border:none; box-sizing:border-box; }
.input_code { background:url(../images/input_code.png) 0 0 no-repeat; }
.okBtn { margin:40px 0px; float:left; width:700px; height:20px; height:104px; text-align:center; line-height:104px; font-size:36px; color:#fff; border:none; background:#12d0ff; border-radius:12px; }

.footer { position:absolute; bottom:10px; left:50%; margin-left:-350px; width:700px; height:340px; }
.footer_tips { margin:20px 0px; float:left; width:700px; height:40px; text-align:center; line-height:40px; font-size:34px; color:#000; }
.footer_link { margin:60px 155px 30px 155px; float:left; width:390px; height:82px;}
.footer_link ul li { margin:0px 24px; float:left; width:82px; height:82px;}
.footer_web { margin:20px 0px; float:left; width:700px; height:40px; text-align:center; line-height:40px; font-size:34px; color:#12d0ff; }
.footer_web a { color:#12d0ff; text-decoration:underline; }

#helloMain { position:fixed; top:0px; left:50%; margin-left:-375px; width:750px;height:100%; background:rgba(0,0,0,0.8); display:none; }
.helloBox { position:absolute; top:50%; left:50%; margin-top:-320px; margin-left:-350px; width:700px; height:460px; border-radius:8px; background:#fff; }
.helloTitle { margin-top:40px; float:left; width:700px; height:50px; text-align:center; line-height:50px; font-size:34px; font-weight:bold; color:#12d0ff; }
.helloInfo { margin:30px 0px; float:left; width:700px; height:320px; }
.rightInfo { margin:40px 50px; padding:40px 0px 0px 180px; float:left; width:600px; height:140px; text-align:left; line-height:50px; font-size:34px; color:#333; background:url(../images/icon_right.png) left center no-repeat; }
.errorInfo { margin:0px 50px; padding-top:20px; float:left; width:600px; height:280px; text-align:center; line-height:50px; font-size:34px; color:#333; background:url(../images/icon_wrong.png) center center no-repeat; background-size:contain; }

.nextBtn { position:absolute; top:50%; left:50%; margin-top:180px; margin-left:-350px; width:700px; height:20px; height:104px; text-align:center; line-height:104px; font-size:36px; color:#fff; border:none; background:#12d0ff; border-radius:12px; }
.closeBtn { position:absolute; top:50%; left:50%; margin-top:220px; margin-left:-40px; width:80px; height:80px; }


#result { position:fixed; top:0px; left:50%; margin-left:-375px; width:750px;height:100%; background:rgba(0,0,0,0.8); z-index:210; display:none; }
#resultMain { position:absolute; top:50%; left:50%; margin-top:-160px; margin-left:-350px; width:700px; height:280px; border-radius:8px; background:#fff; }
#resultTitle { margin-top:20px; float:left; width:700px; height:60px; line-height:60px; text-align:center; font-size:32px; color:#333;}
#resultInfo { float:left; width:700px; height:140px; line-height:60px; text-align:center; font-size:28px; color:#333;}
#resultInfo p { line-height:40px; }
#resultBtn { position:absolute; bottom:0px; left:0px; width:700px; height:80px; line-height:80px; text-align:center; color:#09F; font-size:28px; font-weight:bold; border-top:1px solid #d3d3d3;}


@media only screen and (max-height:1080px) {
    .logo { top:80px; }

}
@media only screen and (min-height:1080px) {
    .logo { top:160px; }

}