#app{
    font-family:PingFang SC,Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-align:center;
    color:#2c3e50
}
html{
    font-family:Helvetica Neue,Helvetica,sans-serif;
    -webkit-text-size-adjust:100%;
    -webkit-tap-hightlight-color:transparent;
    -webkit-user-select:none
}
body{
    font-family:Helvetica;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    font-size:1rem
}
a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{
    margin:0;
    padding:0;
    box-sizing:border-box
}
a{
    color:#333;
    text-decoration:none
}
em,i{
    font-style:normal
}
li,ol,ul{
    list-style-type:none
}
strong{
    font-weight:400
}
a,img{
    -webkit-touch-callout:none
}
input,textarea{
    -webkit-appearance:none;
    outline:none;
    border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
a,a:active,a:hover,a:link,a:visited,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
a:active,a:hover,a:link,a:visited{
    -webkit-tap-highlight-color:transparent
}
input,input[type=button],input[type=reset],input[type=submit]{
    resize:none;
    border:none
}
input:-moz-placeholder,input::-moz-placeholder{
    color:#000
}
input:-ms-input-placeholder{
    color:#000
}
input::-webkit-input-placeholder{
    color:#000
}
img{
    width:100%;
    height:auto;
    border:0;
    width:auto\9;
    display:block;
    -ms-interpolation-mode:bicubic;
    vertical-align:middle
}
.clearfix:after{
    content:"";
    display:block;
    width:100%;
    height:0;
    clear:both
}
.one-txt-cut{
    white-space:nowrap
}
.one-txt-cut,.txt-cut{
    overflow:hidden;
    text-overflow:ellipsis
}
.txt-cut{
    display:-webkit-box;
    -webkit-box-orient:vertical
}
.w50{
    width:50%
}
.w25{
    width:25%
}
.w20{
    width:20%
}
.w33{
    width:33.333333%
}
.fl{
    float:left
}
.fr{
    float:right
}
.db{
    display:block!important
}
.dn{
    display:none
}