*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
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%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html,body{ height:100%; font-size: 12px; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;  }
img,input,button,a,select,textarea{ margin: 0; padding: 0; resize:none; border:none; outline:none; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6,p,em,i,b,em{ font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal; }
a:active, a:focus{ outline:none; }
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }
*html{ background-image:url(about:blank); background-attachment:fixed; }
/* 修正IE6振动bug */
table{ border-collapse:collapse; border-spacing:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix{ zoom:1; }
.fl { float: left;}
.fr { float: right;}

.main {
    position: relative;
    margin: 70px auto 50px;
    width: 604px;
    padding-top: 45px;
    font-family: Microsoft YaHei;
    color: #222;
    font-size: 16px;
}

.main .title {
    width: 260px;
    height: 260px;
    margin: 0 auto;
    background: url(/404/images/404.png);
    background-size: 260px 260px;
    text-indent: -9999px;
}

.main .key {
    margin-top: 40px;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
}
.main .desc {
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0;
    text-align: center;
    color: #333;
}
.main .tip-title, .main .search-title {
    font-size: 26px;
    margin: 10px 0;
}
.main .back-btn {
    display: block;
    width: 328px;
    height: 94px;
    margin: 20px auto;
    line-height: 94px;
    background-color: #2f82e9;
    color: #fff;
    font-size: 30px;
    border-radius: 12px;
    text-align: center;
    text-decoration: none;
}


.main .top-searchBox {
    position: relative;
    width: 430px;
    margin: 30px auto 300px;
}

.searchBar {
    width: 100%;
    height: 60px;
    position: relative;
    background-color: #fff;
}

.searchBar input {
    border: 1px solid #dedede;
    background-color: transparent;
    height: 60px;
    line-height: 60px;
    width: 350px;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 2px 2px 10px #dedede;
}

.searchBar input:hover {
    border-color: #b2b2b2;
}

.searchBar input:focus {
    border-color: #00ace9;
}

.searchBar button {
    width: 80px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    border: none;
    cursor: pointer;
    background-color: #2f82e9;
    color: #fff;
    padding: 0 5px;
}

.searchBar button:hover, .main .back-btn:hover {
    background-color: #3b8df2;
}

.searchBar button:active, .main .back-btn:hover {
    background-color: #2579e1;
}

.searchBar button:before {
    font-size: 18px;
}

.searchBar button img {
    float: left;
    margin: 2px 5px 0 0;
}

.searchBar button .search-text {
    float: left;
    font-size: 16px;
}