.sider {
    position: fixed;
    z-index: 4000;
    width: 400px;
    padding-left: 200px;
    height: 100%;
    background-color: #fff;
    padding-top: 110px;
    top: 0;
	&>ul{
		position: relative;
		margin-top: -20px;
	}
    li{
		font-size: 14px;
		margin-bottom: 20px;
		&.active{
			&>span{
				color: #4B61D9;
				font-weight: bold;
			}
		}
        &.title1{
            font-size: 16px;
            font-weight: bold;
        }
        &.title2{
            font-size: 12px;
            color: #999;
		}
		&:not(.title)>span{
			&:hover{
				color: #4B61D9;
				cursor: pointer;
			}
		}
    }
}
@media screen and (max-width: 1280px) {
	.sider{
		width: 300px;
		padding-left: 100px;
	}
}