@charset "UTF-8";

/***********************
模块名：基础样式
作者：rexren（任寒韬）
描述：原子类应用于整个站点，修改添加删除需要及时同步给团队成员
使用范围：整站
************************/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*清除浮动*/
.clearfix:after{content:"";display:block;width:0;height:0;clear:both;}

/*悬浮定位*/
.fixed{position:fixed;}
/*右浮动*/
.f-right{float: right}
/*左浮动*/
.f-left{float: left}
/*显示*/
.show{display:block;}
/*隐藏*/
.hide{display:none!important;}
/*隐藏容器*/
.hidden{overflow:hidden;}
/*禁用*/
.disabled{cursor:default;}
/*点点点*/
.ellip{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*当前态*/
.cur{}
/*报错-红色叉叉*/
.error{}
/*成功-绿色打钩*/
.succes{}
/*警告-红色叹号*/
.warn{}
/*提示-蓝色i*/
.prompt{}
/*问号提示*/
​.question{}
/*按钮*/
.btn{}
/*图标*/
.icon{}
/*标签*/
.tag{}
/*图片*/
.pic,
.pic>img{display:block;}
.pic{position:relative;}
.pic>img{width:100%;height:100%;object-fit:cover;}

/***********************
模块名：文本样式
作者：rexren（任寒韬）
描述：原子类应用于整个站点，修改添加删除需要及时同步给团队成员
使用范围：整站
************************/
a{color:#f69c00;}
a:hover{color:#f69c00;}
p{color:#858585;}


/*文本颜色*/
.txt-em{color:#f69c00;}
.txt-em1{color:#FFCE51;}
.txt-em2{color:#FFCE51;}
.txt-em3{color:#FFCE51;}

/*隐藏容器*/
.viewport{overflow:hidden;}

/*红点提示*/
.red-tips{display:inline-block;width:8px;height:8px;border-radius:100%;background:#F27A24;position:relative;margin:0 2px;}
.red-tips.num{width:auto;min-width:20px;height:16px;border-radius:16px;background:#F27A24;color:#FFFFFF;position:relative;font-size:12px;font-weight:100;padding:0 3px;}

/*用户名*/
.user-name{display:inline-block;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*图标*/
.icon-v{display:inline-block;border-radius:16px;line-height:12px;text-align:center;color:#FFFFFF;font-weight:bold;vertical-align:middle;font-size:14px;background:url(../../images/common/sprites/icon-v.png?__sprite) no-repeat;color:transparent;width:16px;height:16px;}
.icon-focus{display:inline-block;width:32px;height:32px;background:#FFCE51;line-height:32px;text-align:center;color:#FFFFFF;font-weight:bold;}
.icon-plus{font-weight:bold;color:#ffc548;font-size:16px;}
.icon-user-task{display:inline-block;width:20px;height:20px;background:url(../../images/common/sprites/icon-user-task.png?_sprite) no-repeat;}
.icon-user-money{display:inline-block;width:20px;height:20px;background:url(../../images/common/sprites/icon-user-money.png?_sprite) no-repeat;}
.icon-user-share{display:inline-block;width:20px;height:20px;background:url(../../images/common/sprites/icon-user-share.png?_sprite) no-repeat;}
.icon-userarea{display:inline-block;width:20px;height:20px;background:url(../../images/common/sprites/icon-userarea.png?_sprite) no-repeat;}
.icon-basicinfo{display:inline-block;width:20px;height:20px;background:url(../../images/common/sprites/icon-basicinfo.png?_sprite) no-repeat;}
.icon-jointime{display:inline-block;width:20px;height:20px;background:url(../../images/common/sprites/icon-jointime.png?_sprite) no-repeat;}
.icon-interested{display:inline-block;width:20px;height:20px;background:url(../../images/common/sprites/icon-interested.png?_sprite) no-repeat;}
.icon-gotop{display:inline-block;width:40px;height:40px;background:url(../../images/common/sprites/icon-gotop.png?_sprite) no-repeat;position:fixed;bottom:20px;left:50%;z-index:100;cursor:pointer;opacity:0.9;cursor: pointer}/*回到顶部按钮*/
.icon-gotop:hover{opacity:1;}

/*用户等级*/
.user-lv{border:2px solid #49E3FF;color:#49E3FF;text-align:center;height:17px;min-width:30px;line-height:13px;font-weight:bold;padding:0 2px;display:inline-block;border-radius:2px;font-size:12px;position:relative;}
.user-lv .lv{font-style:italic;}
.user-lv .tui-tips.up{width:192px;left:50%;margin-left:-96px;bottom:25px;font-weight:100;display:none;}
.user-lv .tui-tips.up:after{left:50%;margin-left:-15px;}
.user-lv .tui-tips.up .tui-progress--lv{margin:5px auto 10px;}
.user-lv .tui-tips.up .prompt{padding-top:8px;border-top:1px solid #DCDCDC;}
.user-lv:hover .tui-tips.up{display:block;}

/*图片调取失败去除img默认边框*/
.img-onerror{opacity:0;}

/*渐隐渐显动画*/
.fade-in{animation:fadein 0.3s;}
@keyframes fadein{from {opacity:0;}to {opacity:1;}}