*,*:before,*:after{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
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,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button{
    margin:0;
    padding:0;
}
body{
    font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,STHeiTi,sans-serif;
    line-height: 1.5;
    font-size: .16rem;
    color: #666;
    -webkit-user-select:none;
    -webkit-text-size-adjust:100%;/*关闭字体大小自动调整功能.*/
    outline:0;/*设置边框样式*/
    background-color: #fff;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight: normal;
}
table{
    border-collapse: collapse;/*为表格设置边框模型*/
    border-spacing:0;
}
caption,th{
    text-align:left;
}
fieldset,img{
    border:0;
}
li{
    list-style:none;
}
ins{/*标签定义已经被插入文档中的文本*/
    text-decoration:none;
}
del{/*定义文档中已被删除的文本，请与 <ins> 标签配合使用，来描述文档中的更新和修正。*/
    text-decoration:line-through;
}
input,button,textarea,select,optgroup,option{
    font-family:inherit;
    font-size:inherit;
    font-style: inherit;
    font-weight: inherit;
    outline:0;
}
button{
    -webkit-appearance:none;/*允许您使元素看上去像标准的用户界面元素。*/
    border:0;
    background:none;
}
a{
    -webkit-touch-callout:none;/*系统默认菜单被禁用，当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。*/
    text-decoration: none;
    margin: 0;
    padding: 0;
}
:focus{
    outline:0;
}
em,i{
    font-style: normal;
}
input[type="date"]{
    text-align: right;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none!important;
    margin:0;
}

@media screen and (max-width:319px) {
    html{
        font-size:75px;
    }
}
@media screen and (min-width: 320px) and (max-width:359px){
    html{
        font-size:80px;
    }
}
@media screen and (min-width:360px) and (max-width:374px) {
    html{
        font-size: 96px;
    }
}

@media screen and (min-width: 375px) and (max-width: 383px) {
    html{
        font-size:100px;
    }
}
@media screen and (min-width: 384px) and (max-width: 399px) {
    html {
        font-size: 102.4px;
    }
}

@media screen and (min-width: 400px) and (max-width: 413px) {
    html {
        font-size: 106.66667px;
    }
}

@media screen and (min-width: 414px) and (max-width: 599px) {
    html {
        font-size: 110.4px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 150.4px;
    }
}
a{
    color:#333;
}
.viewport-container{
    min-width: 280px;
    max-width: 750px;
    margin:0 auto;
    /*padding-bottom: .5rem;*/
    width:100%;
    position: relative;
    background: #fff;
}