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