.list{
	width : 235px;
}
.list ul{
	list-style: none;
}
.list>ul>li{
	width        : 100%;
	border-bottom:1px solid #eaeaea;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
			transition: .3s ease;
}
.list>ul>li p[class=title]{
	width      : 100%;
	text-align : left;
	height     : 50px;
	line-height: 50px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 20px;
	padding-left:7px;
	font-family: -apple-system,BlinkMacSystemFont,Microsoft Yahei,Segoe UI,Helvetica Neue,Helvetica,Tahoma,Arial,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
}

.list>ul>li p:hover{ background:#d1e1f0;}

.list>ul>li p[class=title]>span{
	position: absolute;
	right: 10%;
	top:18px;
}
.list-se{
	overflow: hidden;
	display: none;
}
.list-se>p{

	color     :#1e1e1e;
}
.list-se>li{
	position: relative;
	right   : -100%;
	-webkit-transition: right .5s;
	-moz-transition   : right .5s;
	-o-transition     : right .5s;
	transition        : right .5s;
}
.list-se>li>p{

color       : #f0f0f0;

height      : 50px;

-webkit-box-sizing :border-box;

box-sizing :border-box;

padding-left: 10px;

line-height : 50px;

border-left : 5px solid #3b3b3b;

-webkit-transition   : border .5s;

transition  : border .5s;

-webkit-transition   : background .3s;

transition  : background .3s;

margin-left:32px;

background: #f5f5f5;
}
.list-se>li>p a{color: #000 !important;font-size:16px;font-family: auto;font-weight: bold;}
.list-se>li>p:hover{
	border-color: #EE4977; 
	
}