body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup { margin: 0; padding: 0 } input,select,textarea { font-size: 100% } table { border-collapse: collapse; border-spacing: 0 } fieldset,img { border: 0 } caption,th { text-align: left } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: 500 } ul,ol,li { list-style: none } em,i { font-style: normal } del { text-decoration: line-through } address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 500 } img { border: 0; max-width: 100% } input,img { vertical-align: middle } input:focus,a:focus { outline: none } a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } a:active { opacity: .7 } * { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; box-sizing: border-box } html { -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); background: #f4f4f4; color: #333; font-family: "Helvetica Neue",Helvetica,Tahoma,sans-serif } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.3; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article,aside,footer,header,nav,section { display: block } h1 { font-size: 2em; margin: 0.67em 0 } figcaption,figure,main { display: block } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b,strong { font-weight: inherit } b,strong { font-weight: bolder } code,kbd,samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } audio,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button,input,optgroup,select,textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button,input { overflow: visible } button,select { text-transform: none } button,html [type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button } button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: 0.35em 0.75em 0.625em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type="checkbox"],[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px } [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details,menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } .bdr-btm,.bdr-top { position: relative } .bdr-top::before { content: ' '; position: absolute; width: 100%; left: 0; top: 0; border-top: 1px solid #ddd; color: #ddd; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) } .bdr-btm::after { content: ' '; position: absolute; width: 100%; left: 0; bottom: 0; border-top: 1px solid #ddd; color: #ddd; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) } .fl { float: left } .fr { float: right } .clearfix:before,.clearfix:after { display: table; content: '' } .clearfix:after { clear: both; zoom:1} .publicContRight { width: 910px; background-color: #ffffff; -webkit-box-shadow: 0px 2px 16px 0px rgba(64,64,71,0.15); box-shadow: 0px 2px 16px 0px rgba(64,64,71,0.15); padding: 19px 60px 40px 30px } .publicContRight .top { font-size: 12px } .publicContRight .top a { color: #51545c } .publicContRight .top span { color: #9598a0 } .publicContRight .items { width: 820px; height: 240px; border-bottom: 1px solid #eeeeee; padding: 40px 78px 30px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .publicContRight img { width: 240px; height: 160px; background-color: #f4f4f4 } .publicContRight .itemCont { margin-left: 20px } .publicContRight .itemCont .title { font-size: 16px; letter-spacing: 1px; color: #5d616c; width: 550px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } .publicContRight .itemCont .cont { margin-top: 22px; font-size: 12px; letter-spacing: 1px; color: #a4a6aa; width: 530px; height: 73px; overflow: hidden; line-height: 18px } .publicContRight .itemCont .link { font-size: 12px; letter-spacing: 1px; color: #60bd90; margin-top: 22px; display: block } .publicBottom { display: flex; }