.header .top-equal{
    width:300px;
    height:100%;
    top:0;
    left:-100%;
    z-index:20002;
    background: #16171b;
    position: fixed;
    overflow-y:auto;
}
.header .top-equal .top-equal-in{
    height: 100%;
}

.header .equal-top{
    margin-left:12.2% ;
    width:81.6%;
    position: relative;
}
.header .equal-top-left img{
    height: 100%;
    max-height: 105px;
    width: auto;
    max-width: none;
}
.header .equal-top-right{
    position: absolute;
    top:44px;
    right:17%;
}
.header .top-equal ul{
    clear: both;
    padding-left: 18.4%;
    padding-top: 5%;
}
.header .top-equal li{
    overflow: hidden;
    margin:0 0 34px 0;
}
.header .equal-line{
    width:1px ;
    height:31px;
    background: #2e2f32;
    overflow: hidden;
    margin:0 17px;
}
.header .equal-con a{
    color: #fff;
    text-align: left;
    line-height:31px;
    font-size:20px;
}
.header .equal-con a:hover{
    color: #ff3366;
}
.header .top .logo .logo-equal{
    width: 51px;
    height: 51px;
    position:relative;
    top:20px;
}
.header.on .top .logo .logo-equal{
	top:0;
}
@media (max-width: 769px){
	.header .top .logo .last{
		width:67px;
		height:50px;
	}
	.header .top .logo .logo-equal{
		width:50px;
		height:50px;
	}
}
@media screen and (max-width: 767px) {
	.header .top-equal{
        width: 100%;
    }
	.header .top .logo .logo-equal{
		top:0;
	}
	.header .top .logo .logo-equal img{
		height:50px;
	}
	.header.on .top .logo .logo-equal img{
		height:67px;
	}
	
}