img{display: block; /*width:100%;*/}
header {
    width: 100%;
    height: 70px;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #fff;
    display: box;
    display: -webkit-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    border-bottom: 1px solid #ddd;
}
header div{box-flex:1; -webkit-box-flex:1; -moz-box-flex:1;}
.logo a {
    display: block;
    width:28%;
    height: 50px;
}
.logo img {
    margin-top: 8px;
}
.category,.close{text-align: right; position: relative;}
.category a,.close a{display: inline-block; width:25px; height:20px; background: url("../images/sprit.png")/*tpa=http://m.yibaixun.com/images/sprit.png*/ 0 -165px no-repeat; -webkit-background-size: 135px; background-size: 135px; position: absolute; top:15px; right:0; /*transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%);*/}
.close a{width:20px; height:20px; background-position: 0 -190px;}
footer{width:100%; font-size:14px; background-color: #f9f9f9; position: fixed; bottom:0; left: 0; z-index: 10; border-top:1px solid #ddd;}
footer ul{width:100%; line-height: 40px; height:40px; }
footer ul li{float: left; width:25%; text-align: center;color:#858585; box-sizing:border-box; height:53px;}
/*footer ul li.active{background-color: #2097da;}*/
footer li.last{border:none;}
footer li a{    display: inline-block;color: #828282; font-size: 12px; line-height: 13px; text-decoration:none;}
footer li a:link,footer li a:visited{color: #828282;}
footer li span{    display: block; height: 35px; width:100%; overflow:hidden;}
footer li .bg1{ background:url("../images/pngbg09.gif")/*tpa=http://m.yibaixun.com/images/pngbg09.gif*/ center center no-repeat;background-size: 23px auto;}
footer li .bg3{background:url("../images/pngbg11.png")/*tpa=http://m.yibaixun.com/images/pngbg11.png*/ center center no-repeat;background-size: 26px auto;}
footer li .bg4{background:url("../images/pngbg12.png")/*tpa=http://m.yibaixun.com/images/pngbg12.png*/ center center no-repeat;background-size: 23px auto;}
footer li .bg5{background:url("../images/pngbg13.png")/*tpa=http://m.yibaixun.com/images/pngbg13.png*/ center center no-repeat;background-size: 15px auto;}

/* .content{padding-bottom:50px; padding-top:80px; width:100%; overflow-x: hidden;} */
.content{padding:0; margin-top:54px; width:100%; overflow-x: hidden;}

.mt0{margin-top:0;}
.btNone{border-top:none;}

/*срио╫гап╠М*/
.nav{width:100%; height:100%; background-color: rgba(0,0,0,.3); position: fixed; top:0; left:0; z-index: 99; display: none;}
nav{background-color: #fff; padding-top:70px;}
nav ul{padding: 0 .5rem;}
nav ul li a{width:100%; height:1rem; line-height: 1rem; border-bottom:1px solid #ddd; display: block;}
nav ul li:last-child a{border-bottom:0;}
nav ul li a{color:#666;}


@keyframes arrowDown
{
    from {transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -moz-transform:translate(0, -100%); opacity: 1;}
    to {transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(-50%, 0); opacity: 0.3;}
}

@-webkit-keyframes arrowDown
{
    from {transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -moz-transform:translate(0, -100%); opacity: 1;}
    to {transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); opacity: 0.3;}
}

@-moz-keyframes arrowDown
{
    from {transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -moz-transform:translate(0, -100%); opacity: 1;}
    to {transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); opacity: 0.3;}
}

@-o-keyframes arrowDown
{
    from {transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -moz-transform:translate(0, -100%); opacity: 1;}
    to {transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); opacity: 0.3;}
}









