详细动态
最新
获取
报道
进入全文
更多
动态
全文
进入报道
进入动态
最新先容
实录
推荐
速览
阅读先容
阅读新闻
详细
相识
相识
审查详情
获取
更多文章
文章
快讯
速览
审查资讯
相识全文
相识详情
详细内容
热门新闻
阅读报道
精选
相关文章
全文
最新详情
报道
获取资讯
报道
阅读内容
报道
首页
审查
综述
阅读资讯
阅读内容
详细详情
获取全文
进入先容
审查文章
精选
获取文章
资讯
热门
更多全文
审查详情
实录
更多资讯
相识
更多详情
进入文章
要闻
审查全文
详细内容
最新
全文
速览
资讯
全文
阅读内容
更多动态
新闻
精选
热门
阅读文章
详细新闻
热门
新闻
详情
最新内容
详细
报道.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);
}