header {
    width: 100%;
    height: 45px;
    line-height: 45px;
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 100;*/
    background-size: cover;
}
header .logo {
    float: left;
    margin-left: 2%;
    margin-right: 12px;
    margin-top: 7px;
}
header .logo img {
    width: 100%;
    height: 100%;
    display: block;
    float: left;
}
header .reback {
    float: left;
    width: 22px;
    top: 50%;
    margin-top: -26px;
    padding: 0 12px;
    position: absolute;
}
header .reback img {
    width: 50%;
}
header a {
    color: #ffffff;
    font-size: 1.4rem;
}
/*瀵艰埅鏍�*/
.main{
    width:100%;
    height:45px;
    background:#ffffff;
    opacity: 0.7;
    position:fixed;
    top:0;
}
.header-topBar{
    width:100%;
    height:45px;
    background:#D8D8D8;
    position:fixed;
    top:0;
    line-height: 45px;
    left: 0;
    z-index: 100;
    background-size: cover;
}
.content{
    position: f;
    top: 0;
    right: 0;
    left: 0;
    bottom: 2.5rem;

}
.nav-m {
    display: none;
    width: 100%;
    z-index: 9999;
}
.nav-m {
    position: absolute;
    width: 100%;
    top: 45px;
    left: 0;
    background: rgba(0, 0, 0, .8);
}
.nav-m a {
    display: block;
    width: 25%;
    height: 50px;
    background: #ffffff;
    color: #333;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    float: left;
}
.nav-m a:active {
    background: #e8e8e8;
    text-decoration:none;
}
.header-topBar .top-nav .iconfont{
    background: url("../img/serch.png") no-repeat;
    width: 32px;
    height: 32px;
    background-size: 20px;
    display: inline-block;
    position: absolute;
    right:42px;
    top:50%;
    margin-top: -10px;
    z-index:9999;
}
.header-topBar .top-nav .list{
    background: url("../img/list.png") no-repeat;
    width: 32px;
    height: 32px;
    background-size: 20px;
    display: inline-block;
    position: absolute;
    right:10px;
    top:50%;
    margin-top: -10px;
    z-index: 100;
}
.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear: both ;
    visibility: hidden ;
}
.bottom_nav{height:40px;border-top:10px solid #e8e8e8;border-bottom:10px solid #e8e8e8;display:-moz-box;display:-webkit-box;display:box;background: #ffffff}
.bottom_nav a{display:block;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;height:40px;line-height:40px;text-align:center;margin-left:10px;font-size:16px;color:#505050}
.ser_box{background:#f7f7f7;position: relative;}
.ser_box .ser_input{display:-moz-box;display:-webkit-box;display:box;height:35px;padding:5px 10px;}
.ser_box .ser_input a.back{display:block;padding: 0 10px;background:url(../h5_files/reback.png) no-repeat;background-size: 38%;margin-top: 6px;height: 24px;width: 12px;}
.ser_box .ser_input a.back_white{display:block;padding: 0 10px;background:url(../h5_files/reback_white.png) no-repeat;background-size: 38%;margin-top: 6px;height: 24px;width: 12px;}

/*.ser_box .ser_input input{border:none;background:0 0}*/
/*.ser_box .ser_input .txt{display:block;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;background:#fff;border:1px solid #ddd;border-radius:5px;padding:4px;height:24px}*/
/*.ser_box .ser_input .btn{display:block;width:25px;height:25px;margin: 8px 0 0 10px;padding: 4px 18px 26px 8px;background:url(../img/serch.png) no-repeat;background-size: 20px;}*/
/*.ser_wrap .hot_box i{display:block;width:16px;height:16px;line-height:16px;text-align:center;position:absolute;right:5px;top:50%;margin-top:-8px;color:#fff}*/
/*.ser_wrap .hot_box i.hot{background-color:#fb0000}*/
/*.ser_wrap .hot_box i.up{background-color:#39cd3b}*/
/*.ser_wrap .hot_box li{float:left;width:33.333333333333333%;-webkit-box-sizing:border-box;padding:0 8px;border:solid #eee;border-width:0 1px 1px 0;background-color:#fff;position:relative}*/
/*.ser_wrap .hot_box li a{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;padding-right:15px;height:38px;line-height:38px;position:relative;text-align:center}*/