.l8{
	position:relative;
}

#dynamicUl {
    display: block;
	width: 2.3rem;
    height:auto;
    max-height: 5rem;
    overflow-y: scroll;
	/* border:1px solid yellow; */
	position:absolute;
	left: 0;
    top: .3rem;
    z-index: 10;
}
#dynamicUl::-webkit-scrollbar {
    width: 0.01rem;     
    height: 100%;
}
#dynamicUl::-moz-scrollbar {
    width: 0.01rem;     
    height: 100%;
}
#dynamicUl::-ms-scrollbar {
    width: 0.01rem;     
    height: 100%;
}
#dynamicUl::-o-scrollbar {
    width: 0.01rem;     
    height: 100%;
}
#dynamicUl li {
	width: 2.2rem;
	height: .36rem;
    line-height: .36rem;
    text-align: left;
    background-color: #ffffff;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #cccccc;
    color: #888888;
    font-size: .14rem;
    font-family: "Source-Han-Ligh21d23bebf022144";
}
#dynamicUl li:hover{
    cursor: pointer;
    background-color: #0F88DF;
    /* border-bottom: 0.01rem solid #ffffff; */
    color: #ffffff;
    transition: 0.5s;
}
.box2 {
	width: 2rem;
	height:auto;
	float:right;
    margin-top:-0.3rem;
    display: none;
}
.box2 #data {
	width: 2rem;
	height: auto;
}