*{padding:0;margin:0}#app,body,html{width:100%;height:100%}.fl{float:left}.fr{float:right}p{margin-top:0;margin-bottom:0}@media screen and (min-width:1920px){.pubwidth{width:75%}.mask{right:30%}}@media screen and (max-width:1920px) and (min-width:1680px){.pubwidth{width:75%}.mask{right:30%}}@media screen and (max-width:1680px) and (min-width:1600px){.pubwidth{width:75%}.mask{right:25%}}@media screen and (max-width:1600px) and (min-width:1366px){.pubwidth{width:80%}.mask{right:25%}}@media screen and (max-width:1366px) and (min-width:1280px){.pubwidth{width:80%}.mask{right:25%}}@media screen and (max-width:1280px) and (min-width:795px){.pubwidth{width:85%}.mask{right:20%}}@media screen and (max-width:795px){.pubwidth{width:90%}.mask{right:15%}}.containerbox{width:100%;height:100%}li,ul{list-style-type:none}.clearfix{display:block;content:"";clear:both}