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