@font-face { font-family: "pingfang_r"; src: url("../fonts/PingFang_Regular.woff") format("woff"); font-display: swap } @font-face { font-family: "pingfang_m"; src: url("../fonts/PingFang_Medium.woff") format("woff"); font-display: swap } @font-face { font-family: "pingfang_b"; src: url("../fonts/PingFang_Bold.woff") format("woff"); font-display: swap } @font-face { font-family: "pingfang_h"; src: url("../fonts/PingFang_Heavy.woff") format("woff"); font-display: swap } @font-face { font-family: "impact"; src: url("../fonts/impact.woff") format("woff"); font-display: swap } *, :before, :after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } article, aside, audio, blockquot, body, dd, div, dl, dt, figcaption, figure, filedset, form, h1, h2, h3, h4, h5, h6, header, html, input, li, nav, ol, p, section, ul, video { margin: 0; padding: 0 } i, em, h1, h2, h3, h4, h5, h6 { font-size: 1em; font-style: normal } li, ol, ul { list-style: none } fieldset, img { max-width: 100%; height: auto; border: none; vertical-align: middle } button, input, select, textarea { outline: 0; resize: none; border: none } input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; outline: 0; cursor: pointer } :focus { outline: 0 } a { color: #00132b; text-decoration: none; outline: 0; cursor: pointer } a:link, a:visited { text-decoration: none } a:active { text-decoration: none } .clearfix:after { clear: both; content: ''; display: table; height: 0; line-height: 0; visibility: hidden } .clearfix { zoom: 1 } .clear { clear: both } .fl { float: left } .fr { float: right } body { min-width: 320px; height: 100vh; overflow: hidden; font: 14px "pingfang_m", "Microsoft YaHei"; color: #333333; line-height: 1 } .error_page { width: 100%; height: 100%; position: relative; z-index: 123456789; background: url(../images/error-bg.jpg) center bottom no-repeat; background-size: cover } .error_page .page_main { padding-top: 200px } .error_page .page_main .error_img { width: 700px; margin-left: auto; margin-right: auto } .error_page .page_main .error_img img { width: 100%; display: block } .error_page .page_main .error_text { text-align: center; margin-top: 60px } .error_page .page_main .error_text h2 { font-size: 32px; color: #377fa9; line-height: 1.4; font-weight: normal; font-family: "pingfang_h" } .error_page .page_main .error_btns { margin-top: 60px; text-align: center } .error_page .page_main .error_btns .btn { display: inline-block; vertical-align: top; padding: 10px 30px; color: #6dbdec; border: 1px solid #6dbdec; border-radius: 8px; font-size: 18px; margin: 0 10px; transition: all 0.3s ease; cursor: pointer } .error_page .page_main .error_btns .btn:hover { background: #6dbdec; color: #fff } .swt_fixed, .bottomswt,.scroll_top { display: none !important; } @media (max-width: 1280px) { .error_page .page_main { padding-top: 162px } .error_page .page_main .error_img { width: 567px } .error_page .page_main .error_text { margin-top: 49px } .error_page .page_main .error_text h2 { font-size: 26px } .error_page .page_main .error_btns { margin-top: 49px } .error_page .page_main .error_btns .btn { padding: 8px 24px; border-radius: 6px; font-size: 15px; margin: 0 8px } } @media (max-width: 1024px) { .error_page .page_main { padding-top: 30vh } .error_page .page_main .error_img { width: 70% } .error_page .page_main .error_text { margin-top: .8rem } .error_page .page_main .error_text h2 { font-size: .50667rem } .error_page .page_main .error_btns { margin-top: .8rem } .error_page .page_main .error_btns .btn { padding: .18667rem .4rem; border-radius: .10667rem; font-size: .34667rem; margin: 0 .13333rem } }