/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td ,header, section, aside, nav, menu, hgroup, audio, video, figure, figcaption, footer, article{ margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
em { font-style:normal; }
fieldset, img { border:0; vertical-align: middle;}
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%;}
body,input, button, textarea, select {*font-size:100%;outline:none; -webkit-appearance:none; }
textarea { resize: none; outline:none; }
i,cite{font-style:normal;}
a {text-decoration:none; }
a:focus{outline: none;}
html{font-size:20px;}
html,body{-webkit-touch-callout:none;height:100%;}
.clearfix {  zoom:1; }
.clearfix:after { content:""; display:block;clear:both;height: 0;visibility: hidden;}
.hide{display:none} .fr{float:right} .fl{float:left;}.block{display: block;}
.bold{font-weight: bold;} .center{position:absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);} .auto{margin-left:auto;margin-right:auto}

@media only screen and (max-width: 360px) and (min-width: 321px){
html{font-size: 22.5px}
}
@media only screen and (max-width: 375px) and (min-width: 361px){
html{font-size: 23.4px}
}
@media only screen and (max-width: 390px) and (min-width: 376px){
html{font-size: 24px;}
}
@media only screen and (max-width: 416px) and (min-width: 391px){/*iphone6 plus*/
html{font-size: 25.9px;}
}

/**/
body{font:normal 18px/1.5 'helvetica neue','hiragino sans gb','Microsoft YaHei',arial,tahoma,sans-serif;background-color: #fff;}
a {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
}
a,button,input,textarea{-webkit-tap-highlight-color:rgba(255,0,0,0);}

*{
    padding: 0;
    margin: 0;
}
html,body{
    width: 100%;
    /*height: 100%;*/
    overflow-x: hidden;
    text-align: center;
}

h1 {
    font-size: 40px;
    line-height: 80px;
    margin: 20px 0;
}