@charset "utf-8";
@media(min-width:1200px){
::-webkit-scrollbar{width:8px; height:8px; background:#fff;}
::-webkit-scrollbar-thumb{background:#76b9ed;}
::-webkit-scrollbar-track-piece{width:8px; height:8px;}
}

*,
*:before,
*:after{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{outline:none; font-family:Arial, Helvetica, Microsoft YaHei;}
*[hide]{display:none;}
*::-webkit-input-placeholder{color:#333; opacity:.68;}
*::-moz-input-placeholder{color:#333; opacity:.68;}
*::-ms-input-placeholder{color:#333; opacity:.68;}

html,body{margin:0; width:100%; height:100%; word-wrap:break-word; word-break:break-all; 
background:#fff; font-size:14px; font-weight:400; line-height:1.75; color:#333;}

section.main{width:100%; height:100%;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box; 
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}

section.check{display:block; background:#fff; width:320px; margin:auto; max-width:100%; border:1px solid #ecf3f4; box-shadow:0 0 8px rgba(0,0,0,.08); padding:18px; border-radius:3px;}
section.check div.logo{}
section.check div.logo img{display:block; margin:0 auto; max-width:100%;}
section.check div.logo span{display:block; margin:8px 0 18px 0; text-align:center; font-size:18px;}
section.check div.form input{border:1px solid #ddd; border-radius:3px; line-height:28px; font-size:14px; padding:8px; background:#fff; width:100%;}
section.check div.form button{display:block; background:#76b9ed; font-size:16px; color:#fff; width:100%; border:none; transition:.3s; 
line-height:38px; margin-top:18px; border-radius:3px; cursor:pointer;}
section.check div.form button:hover{background:#5c96d3;}
section.check div.text{display:block; margin-top:18px;}