@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
li {
    list-style: none;
}
img {
    border: none;
    max-width: 100%;
}
input,select,textarea {
    outline: none;
    border: none;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    appearance:none;
  -moz-appearance:none;
    -webkit-appearance: none;
    background-image: -webkit-linear-gradient(transparent, transparent);
    background-image: linear-gradient(transparent, transparent);
    font-family:"Helvetica", "Arial";
}
button{
    outline: none;
    border:none;
    padding:0;
}
textarea {
    resize: none;
}
html {
    -webkit-text-size-adjust:none;
    overflow-x:hidden;
    width:100%;
    height:100%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body{
    margin: 0 auto;
    background:#fff;
    height: 100%;
    color:#575757;
    max-width:768px;
    font-family:Helvetica,Arial;
    font-size:14px;
    line-height:1.6;
    position:relative;
}
a {
    border:0;
    text-decoration: none;
    outline: none;
    color:#31c2f7;
    word-break: break-all;
}
a:hover, a:visited, a:link, a:active {
    color:#31c2f7;
}
a,button,input{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
em{
    font-style: normal;
}
.clearfix:after,
.clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* index */
.wrap{
    height:100%;
    max-width:414px;
    margin:0 auto;
    overflow:hidden;
    min-height:504px;
    position:relative;
}
.error-infor{
    color:#b1e9fd;
    font-size:80px;
    position:relative;
    -webkit-text-stroke:2px #fff;
    text-stroke:2px #fff;
    text-align:center;
    margin-top:4%;
}
.text-gray{
    text-align:center;
    display:block;
}
.text-blue{
    text-align:center;
    display:block;
    color:#31c2f7;
    margin-top:6px;
}
.btn-box{
    overflow:hidden;
    margin:0 auto;
    font-size:0;

    text-align:center;
    width:75%;
    margin-top:20px;
}
.btn-l{
    display:inline-block;
    text-align:center;
    width:50%;
    font-size:15px;
    color:#31c2f7;
}
.btn-r{
    display:inline-block;
    text-align: center;
    font-size:15px;
    width:50%;
    color:#31c2f7;
}
.icon{
    display:inline-block;
    width:24px;
    height:24px;
    vertical-align:middle;
    margin-top:-1px;
    margin-right:6px;
}
.pos-b{
    position:absolute;
    left:0;
    right:0;
    bottom:20%;
}
@media screen and (max-width:320px){
    .pos-b{
        bottom:16%;
    }
}
@media screen and (max-width:370px) and (min-width:321px){
    .pos-b{
        bottom:16%;
    }
}