@charset "utf-8";
/*reset*/
*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,article,aside,audio,body,canvas,caption,dd,details,dl,dt,em,footer,form,h1,h2,h3,h4,h5,h6,header,html,img,input,label,legend,li,menu,nav,ol,p,section,span,strong,table,tbody,td,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:none;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:'PingFang SC','San Francisco','Avenir Next','STHeiti','Microsoft YaHei','Helvetica','Arial','sans-serif';}
body,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none;font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a{outline:0;text-decoration:none;color:#333;display: block;}
input,button{-webkit-appearance:none;outline:none;padding: 0;margin: 0;border-radius: 0;background: none;border:none;font-family:'PingFang SC','San Francisco','Avenir Next','STHeiti','Microsoft YaHei','Helvetica','Arial','sans-serif';}
a:focus,input:focus,*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
p{background: none;}
i,ins,cite,em{text-decoration: none;font-style: normal;}
input[type=text]{line-height: 20px;}
input[type=tel]{line-height: 20px;}
textarea{resize:none;border: none;outline:none;font-family:'PingFang SC','San Francisco','Avenir Next','STHeiti','Microsoft YaHei','Helvetica','Arial','sans-serif';}
select{border:0;outline:none;-webkit-appearance:none;background:none}
.clear,.clearfix{zoom:1}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
::-webkit-input-placeholder{color:#999;font-size: 14px;}
::-moz-placeholder{color:#999;font-size: 14px;}

/*common*/
html{font-size: 100px;}
body{font-size:0.14rem;width:100%;height: 100%;background: #fff;color: #333;}
img{width:100%;}
.hide{display: none!important;}
.show{display: block!important;}

/* iphone 5s */
@media(max-width : 359px) and (-webkit-min-device-pixel-ratio :1){
    html{font-size: 85.33px;}
}
/* iphone6 plus */
@media(min-width : 414px) and (max-width : 767px) {
    html{font-size: 110.4px;}
}
/* pad */
@media(min-width : 768px) {
    html{font-size: 204px;}
}
/* pad */
@media(min-width : 1024px) {
    html{font-size: 273px;}
}