最新
阅读资讯
相识
获取先容
审查新闻
焦点
相识报道
相识详情
最新
阅读全文
速览
获取全文
最新新闻
快讯
详情
阅读详情
热门
要闻
阅读
最新全文
速览
相关新闻
详细新闻
动态
热门文章
阅读详情
推荐
更多文章
热门
资讯
更新
进入全文
获取报道
详细资讯
热门先容
速览
焦点
资讯
详细详情
相关资讯
内容
速览
进入内容
实录
更多
审查新闻
热门新闻
精选
相识全文
审查报道
解读
最新内容
相识先容
先容
相关文章
更多全文
进入全文
获取全文
先容
相识
更多全文
资讯
相识内容
要闻
阅读
审查
头条
进入内容
资讯
进入资讯
相识报道
最新
最新内容
最新报道
更多全文
文章
最新文章
相识资讯
进入先容
综述
首页.mySelect{position: relative;background: #F8F9FA;z-index: 3;}
.mySelect .inputWrap{
width:100%;
/* min-height: 40px; */
border-radius: 3px;
position: relative;
cursor: pointer;
}
.mySelect ul{
margin: 0;
padding:7px 40px 0 7px;
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 37px;
}
.mySelect ul,li{
list-style: none;
}
.mySelect li{
display: flex;
align-items: center;
background: rgba(0, 91, 172, 0.08);
padding: 5px 7px;
border-radius: 5px;
font-size: 12px;
color: #999;
margin-right: 7px;
margin-bottom: 7px;
}
.mySelect .fa-close{
cursor: pointer;
width: 13px;height: 13px;
display: inline-block;
border-radius: 30px;
background:#999 url(../images/svg/77.svg) center no-repeat;background-size: 14px;
}
.mySelect .fa-close:hover{
color: #005BAC;
}
.mySelect .mySelect-option{
width: calc(100% + 2px);
border:1px solid #D7DEE2;
max-height: 200px;
overflow-y: scroll;
position: absolute;
height: 0;
opacity: 0;
background: #fff;
padding: 10px 0;
z-index: 10;
left: -1px;
border-radius: 0 0 3px 3px;
}
.mySelect .mySelect-option::-webkit-scrollbar{ width:4px;height: 1px;}
.mySelect .mySelect-option::-webkit-scrollbar-thumb{ background:#005bac;}
.mySelect .mySelect-option::-webkit-scrollbar-track{ background:#005bac50;}
.mySelect .mySelect-option div{
/* padding: 10px; */
line-height: 36px;
padding: 0 15px 0 20px;
transition: all 0.6s;
}
.mySelect .inputWrap>i{
position: absolute;
/* padding: 13px; */
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
display: inline-block;
background: url(/images/svg/79.svg) center no-repeat;
background-size: 100%;
}
.mySelect-option div{
cursor: pointer;
/* border-bottom: 1px solid #e7e7e7; */
/* margin: 5px; */
}
.mySelect-option div i{
float: right;
color: #ffffff;
width: 20px;
height: 20px;
display: inline-block;
background: url(/images/svg/78.svg) center no-repeat;background-size: 15px;
opacity: 0;
}
.mySelect-option div.selected{
/* background: #005BAC; */
color: #666666;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between;
}
.mySelect-option div.selected i{
opacity: 1;
}
.mySelect-option div.selected span{color: #005BAC;}
.mySelect-option div:hover{
color: #005BAC;
background: rgba(0, 91, 172, 0.05);
}