ul {
	margin:0;
	padding:0;
	list-style:none;
}
.select_box {
	position:relative;
    width: 100%;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 8px;
    font-size: 16px;
    z-index: 99;
}
.select_box font{
    color: #000;
    font-size: 28px;
}
.select_box span {
	display:inline-block;
	width:100%;
	height:36px;
	line-height:36px;
	cursor:pointer;
	color: #000;
}
.select_box .span_aa {
	color:#007b7b;
}
.select_box ul {
	width:100%;
	position:absolute;
	top:64px;
	left:0px;
	border:1px solid #007b7b;
	display:none;
	background:#fff;
    height: 232px;
    overflow-y: scroll;
}
 /*转动条样式*/
 .select_box ul::-webkit-scrollbar {
	/*转动条整体样式*/
    width:4px;
	/*高宽划分对应横竖转动条的尺寸*/
    height:4px;
}
.select_box ul::-webkit-scrollbar-thumb {
	/*转动条内里小方块*/
    border-radius:5px;
	-webkit-box-shadow:inset 0 0 5px #007b7b;
	background:#007b7b;
}
.select_box ul::-webkit-scrollbar-track {
	/*转动条内里轨道*/
    -webkit-box-shadow:inset 0 0 5px #fff;
	border-radius:0;
	background:#fff;
}
.select_box li {
	cursor:pointer;
	line-height:46px;
	text-indent:10px;
}
.select_box li:hover {
	background:#007b7b;
	color:#fff;
}
.select_box font {
	position:absolute;
	right:10px;
	font-size:28px;
	font-family:"微软雅黑";
	color:#000;
	transform:rotate(90deg);
    cursor: pointer;
}
@media (max-width: 1600px){
    .select_box {
        font-size: 16px;
		border-bottom: 1px solid #000;
    }
}
@media (max-width: 1366px){
    .select_box {
        font-size: 16px;
    }
}
@media (max-width: 1024px){
    .select_box {
        font-size: 14px;
    }
}
@media (max-width: 991px){
    .select_box {
        font-size: 14px;
        border-bottom: 1px solid #000;
    }
}
@media (max-width: 767px){
    .select_box {
		width: 100%;
        font-size: 14px;
        border-bottom: 1px solid #000;
    }
}
<!--耗时1756517517.836秒-->