@charset "utf-8"; /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ *{/*box-sizing:content-box;*/ box-sizing:border-box;} html,body{ height:100%;} html { font-family:Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body { margin: 0;} body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{ padding:0; margin:0;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;} audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; text-decoration:none; } a:hover{text-decoration:underline;} a:active,a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b,strong { font-weight: bold; } dfn { font-style: italic;} mark { color: #000; background: #ff0;} small { font-size: 80%; } sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;} sup { top: -.5em;} sub { bottom: -.25em;} img { border: 0;} svg:not(:root) { overflow: hidden;} figure { margin: 1em 40px;} hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto;} code, kbd, pre, samp { /*font-family: monospace, monospace; font-size: 1em; */} button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button,select { text-transform: none; } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; outline:none;} input[type="checkbox"],input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="text"]{-webkit-appearance: none;} fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0;} legend { padding: 0; border: 0; } textarea { overflow: auto; outline:none;-webkit-appearance: none;} optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse;} td,th { padding: 0; } /* base css */ img { vertical-align: middle; } p { margin: 0 0 10px; } .text-left{ text-align:left;} .text-center{ text-align:center;} .text-right{ text-align:right;} .clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;} .clearfix{ zoom:1;} .clear{ clear:both; height:0; overflow:hidden;} .star_note{ color:#f00; padding:0 3px;} /* IE输入密码或者text表单框中显示叉叉跟眼睛的图标样式去除 */ ::-ms-clear, ::-ms-reveal{display: none;} .body404{ height:100%; font-family:"微软雅黑",microsoft yahei,Arial, Helvetica, sans-serif; font-size:12px;} .divTb404{ display:table; width:100%; height:100%; table-layout:fixed;} .divTd404{ display:table-cell; width:100%; height:100%; vertical-align:middle; } .div404{ max-width:785px; margin:1.5em auto 3em;} .div404 .text404{ float:left; width:54.8%;} .div404 .text404 .num404{ font-size:200px; color:#535353; font-weight:bold; line-height:1.1;} .div404 .text404 .p404 h5{ font-size:30px; color:#428075; margin:0; line-height:1.5;} .div404 .text404 .p404 p{ color:#666; line-height:1.8; font-family:Arial, Helvetica, sans-serif;} .div404 .img404{ float:right; width:44%; text-align:right; margin-top:1.5em;} .div404 .img404 img{ max-width:100%;} .div404 .btn404 a{ display:inline-block; *display:inline; *zoom:1; width:70%; line-height:40px; color:#fff; text-align:center; background:#428075; text-decoration:none;} .div404 .btn404 a:hover{ background:#39AE67;} @media (max-width:800px){ .div404{ padding:0 1em;} .div404 .text404{ float:none; text-align:center; width:100%;} .div404 .img404{ float:none; width:100%; text-align:center; display:none;} } @media (max-width:480px){ .div404 .text404 .num404{ font-size:120px;} .div404 .text404 .p404 h5{ font-size:24px;} }