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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body{height:100%;background: #f8f8f8;font: 12px/1.5em "Microsoft Yahei";}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
address, cite, em,i{font-style:normal;}
ol,ul{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
fieldset, img {border:0;}
input,select,label{vertical-align:middle;}
strong,b{font-weight:normal;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
.fl{float:left;}
.fr{float:right;}
section{display: block;}
#wrap{background:#F0F0F0;max-width:640px;position:relative;overflow: hidden;}
body{ background: #F0F0F0;}
@media screen and (max-width : 360px) {	
	body{ font-size:11px;}
	#wrap{ width:100%;}
}

@media screen and (min-width: 360px) and (max-width : 479px) {
	body{ font-size:12px;}
	#wrap{ width:100%;}	
}

@media screen and (min-width: 480px) and (max-width: 640px) {
	body{ font-size:15px;}
	#wrap{ width:100%;}	
}

.clearfix:before,.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom:1}

.header-box{
    display: flex;
    width: 100%;
    height:46px;
    background-color: #1a7eed;
    color: #fff;
}
.header-box div{
    flex: 1;
    line-height: 46px;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin: 0 10px;
}
.header-home,.search-btn{
    display: block;
    width: 22px;
    height:24px;
    vertical-align: top;
    margin-top: 10px;
}
.header-home{
    margin-left: 10px;
}
.search-btn{
    margin-right:10px;
}
.crumbs-box {
    width: 100%;
    height:26px;
    font-size: 12px;
    background: #f6f6f6;
    color: #999999;
    padding: 7px 8px;
    line-height: 26px;
    overflow: hidden;
}

.crumbs-box a {
    color: #666666;
    display: inline-block;
    margin-right: 4px;
}

.crumbs-box i {
    display: inline-block;
    width: 12px;
    height: 12px;
}

.sign-icon {
    float: left;
    margin-top: 7px;
    margin-right: 4px;
    background: url(../image/sign-icon.png) no-repeat 0 0;
}
.m-logo{
    display: block;
    flex: 1;
}
.m-logo img{
    display: block;
    width: 200px;
    margin: 8px 10px;
    height: 30px;
}
.footer-box {
    margin-top: 10px;
    background-color: #fff;
    font-size: 14px;
    color: #666666;
    height: 50px;
    line-height: 50px;
    text-align: center;
}