/* 通用 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-size: 16px;line-height: 1;font-family: "Microsoft YaHei","微软雅黑";text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;word-break: break-all;color: #333;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
a{text-decoration: none;color: #333;}
i{font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
input,select{border:none;display: block;vertical-align: top;outline: none;}
.fr{ float: right}
.fl{ float: left;}
.container{width: 1200px;margin: 0 auto;}
@media only screen and (max-width: 830px){
    .container{width: 100%;padding: 0 2%;}
}