.top-list{
	width: 180px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -127px;
    background-color: #191919;
    z-index: 1000;
    transition: width 0.3s ease 0s;
}
.top-list.cur{
	width: 50px;
}
.top-list li{
	width: 100%;
    position: relative;
    border-bottom: 1px solid #3b3b3b;
    transition: background 0.3s ease 0s;
    height: 50px;
}
.top-list li a{
	display: block;
	width: 100%;
}
.top-list li .fl{
	display: inline-block;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    transition: color 0.3s ease 0s;
    position: absolute;
    text-indent: 20px;
    top: 0;
    z-index: 1;
    width: 180px;
}
.top-list li .ico {
    display: inline-block;
    width: 50px;
    height: 49px;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.3s ease 0s;
    z-index: 2;
}
    .top-list li .ico.icon1 {
        background: #191919 url(../imagesrp/ico_on_1.png) no-repeat center;
    }
.top-list li .ico.icon2{
	background: #191919 url(../imagesrp/ico_on_2.png) no-repeat center;
}
.top-list li .ico.icon3{
	background: #191919 url(../imagesrp/ico_on_3.png) no-repeat center;
}
.top-list li .ico.icon4{
	background: #191919 url(../imagesrp/ico_on_4.png) no-repeat center;
}
.top-list li .ico.icon5{
	background: #191919 url(../imagesrp/ico_on_5.png) no-repeat center;
}
.top-list li .ico.icon6{
	background: #191919 url(../imagesrp/ico_on_6.png) no-repeat center;
}
@media(min-width:768px) {
    .top-list li:hover{
	    background-color: #fff;
    }
    .top-list li:hover .fl{
	    color: #15191e;
    }
    .top-list li:hover .icon1{
	    background: #fff url(../imagesrp/ico_on_11.png) no-repeat center;
    }
    .top-list li:hover .icon2{
	    background:#fff url(../imagesrp/ico_on_22.png) no-repeat center;
    }
    .top-list li:hover .icon3{
	    background:#fff  url(../imagesrp/ico_on_33.png) no-repeat center;
    }
    .top-list li:hover .icon4{
	    background:#fff  url(../imagesrp/ico_on_44.png) no-repeat center;
    }
    .top-list li:hover .icon5{
	    background:#fff  url(../imagesrp/ico_on_55.png) no-repeat center;
    }
    .top-list li:hover .icon6{
	    background:#fff  url(../imagesrp/ico_on_66.png) no-repeat center;
    }    
}