/************
**** 全局标签样式重置
*************/
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}
/***********
**** 全局样式
*************/
.ui-hover:hover {
    /* background: #018FFE; */
    cursor: pointer;
    color: #0380e2 !important;
}
.ui-hover:hover>span{
    /* background: #018FFE; */
    color: #0380e2 !important;
}
/* 解决-图标与文字错位问题 */
.mg-bottom{
    margin-bottom: 5px;
    margin-right: 5px;
}
/* png图标的大小 */ 
.icon-png{
    width: 16px;
    height: 16px;
    color: #8590a6;
}
/************
**** 按钮
按钮统一：默认hover为： #0380e2
点击时颜色为背景颜色为 #e5e5e5、文字颜色为 #999
************ */
.ui-span-btn{
    background-color: #E9F2FF;
    color: #3E8FF6;
}
.ui-span{
    background-color: #E9F2FF;
    color: #3E8FF6;
}
.ui-span:hover{
    color: #3E8FF6!important;
    background-color: rgba(232,243,252,1)!important;   
}

.ui-span-btn a{
    color: #3E8FF6;
}
/* 赞同按钮的hover效果 */
.ui-span-btn:hover{
    background: #3E8FF6 !important;
    color: #fff;
}
.ui-span-btn:hover>i,.ui-span-btn:hover>a,.ui-span-btn:hover .js-zan_num{
    color: #fff;
}
/* 蓝色正方形按钮(不扁) */
.ui-btn-big{
    padding: 6px 30px!important; 
    font-size: 14px;
}
/* 浅蓝色正方形按钮 (扁) 作用于a标签*/
.ui-btn{
    color: #fff;
    background-color: #018FFE;
    display: inline-block;
    padding: 2px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846154;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.ui-btn:hover{
    background: #0380e2!important;
    color: #fff!important;
}
.ui-btn:active{
    color: #999!important;
    background-color: #e5e5e5!important;
}
/* 点击过的按钮变灰色 */
.ui-clicked{
    color: #999!important;
    background-color: #e5e5e5!important;
}

/* 灰色正方形按钮 (扁)*/
.ui-btn-gray{
    color: #999;
    background-color: #e5e5e5;
    display: inline-block;
    padding: 2px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846154;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.ui-btn-gray:hover{
    /* background: #018FFE; */
    color: #999!important;
}
/* **
**点赞按钮
*****
*/
.blue-span {
    color: #018FFE;
    background: rgba(232,243,252,1);
}
.blue-span:hover {
    color: #018FFE;
    background-color: rgba(232,243,252,1);
    /* border-color: #018FFE; */
}
/* 扁平的签栏话题标签 */
.blue-span-small{
    line-height:1.1!important;
    margin-right:5px!important;
}
/* 话题标签 */
.ui-topic-tag{
    display: inline-block;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    background: white;
    color: #6E7587;
    border: 1px solid #B7BCC8;
    border-radius: 30px;
    /* font-weight: bold; */
    margin-right: 0 5px;
    margin-bottom: 5px;
}
.ui-topic-tag:hover{
    background: #0380e2!important;
    color: #fff!important;
}