/* html {
    filter: grayscale(100%);
} */
/*-------------------------------基础重置-----------------------------*/
* {
    padding: 0;
    margin: 0;
}

button::after {
    border: none;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif;
}

button {
    outline: none;
}

a {
    text-decoration: none;
}

input:focus {
    outline: none;
}

[v-cloak] {
    display: none
}

ul li {
    list-style: none;
}

#container {
    position: relative;
    min-width: 1343px;
    /*max-width: 1920px;*/
}

.disflex{
    display: flex;
}

.just_around{
    display: flex;
    justify-content: space-around;
}

.just_between{
    display: flex;
    justify-content: space-between;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix{
    *zoom:1;
}

/*字体设置*/
.color_333 {
    color: #333;
}

.color_blue2 {
    color: #0D6FFF;
}

.blue-cursor{
    color: #0D6FFF;
    cursor: pointer
}

.color_reds {
    color: #FF0101;
}

.color_999 {
    color: #999999;
}

.color_666 {
    color: #666666;
}

.color_active {
    color: #20A5F9;
}

.themeColor{
    color:#017FFF;

}

/*分页样式*/
.block {
    margin-top: 32px;
}

.el-pagination button:disabled {
    color: #999 !important;
}

.el-pager li.active {
    color: #0D6FFF !important;
    background: rgba(67, 119, 254, 0.12);
    border-radius: 8px;
}

.el-pager li:hover{
    color: #20A5F9 !important;
}

.el-pagination{
    width: calc(97vw - 324px);
    text-align: center;
    /* margin-left: -3px; */
    /* color: #333!important;
    padding: 0 5px!important;
    height: 24px!important;
    font-weight: normal!important; */
}
/* 
.el-pagination__sizes .el-input .el-input__inner,.el-pagination button, .el-pagination span:not([class*=suffix]),.el-pager li{
    font-size: 12px!important;
} */

.el-pagination .el-select .el-input{
    width: 85px!important;
}

.el-pagination .el-select .el-input .el-input__inner,
.el-pagination .el-input .el-input__inner{
    border-radius: 8px!important;
}

/*红色感叹号样式*/
.icon-zhuyidapx {
    font-size: 16px !important;
    vertical-align: middle;
    position: relative;
    top: -2px;
    padding: 0 12px 0 16px;
    box-sizing: border-box;
    color: #FF0101;
    opacity: 0.48;
}

.el-radio-button__inner, .el-radio-group {
    margin-top: -5px;
}

[v-cloak] {
    display: none;
}

/*搜狗键盘隐藏*/
input::-webkit-input-safebox-button{
    display: none;
}

/*修改ele提示样式*/
.el-message{
    top: 50%!important;
}

.el-message--success{
    background-color: #fff!important;
    border-color: #fff!important;
}

.el-message .el-icon-success{
    color:#017FFF!important;
}

.el-message--success .el-message__content{
    color:#017FFF!important;
}


/*border-radius设置*/
.border-radius-4{
    border-radius: 4px;
}

/*btn hover设置*/
.btn-hover-color:hover{
    background: #20A5F9;
}

/*顶部筛选hover样式*/
.filter-hover-color li:hover{
    color: #20A5F9;
}

/*超出部分隐藏*/
.overflow-hidden-1{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}

.overflow-hidden-2{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.overflow-hidden-3{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}

/*type=number*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

/*copy隐藏域*/
.copyInp{
    position: absolute;
    opacity: 0;
}

/*页面无数据时*/
.undata{
    text-align: center;
}

.undata .undataImg{
    /*width: 440px;*/
    /* height: 246px; */
    margin-top: 10vh;
}

.undata .noresult{
    color: #999;
    font-size: 14px;
}

.undata .unresultImg{
    /*width: 440px;*/
    /* height: 248px; */
    margin-top: 10vh;
}

#account_info .tips,#add_activity .tips,#add_album .tips ,
#add_essence .tips,#addLive .tips,#bind_receive_bank .tips,
#home_sel_products .tips,.distributor .calc,.distributor .bind-no,
#wxBind .tips{
    color: rgba(255, 1, 1, 1)!important;
}

.self-search-box {
    display: flex;
    align-items: center;
}

.self-search-box input{
    width: 240px;
    height: 36px;
    line-height: 36px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(230, 230, 234, 1);
    border-radius: 4px;
    padding-left: 16px;
    box-sizing: border-box;
    font-size: 14px;
}

.self-search-box .searchIcon {
    width: 80px;
    height: 36px;
    border-radius: 4px;
    border: none;
    font-size: 15px;
    margin-left: 8px;
    cursor: pointer;
    background: #4377FE;
    color: #fff;
}

.dflex {
    display: flex;
}

.flex1{
    flex: 1;
}

.alcenter{
    align-items: center;
}

.j-s{
    justify-content: space-between;
}

.addAlbum{
    text-align: center;
    display: inline-block;
    width: 90px;
    height: 36px;
    line-height: 36px;
    background: rgba(13, 111, 255, 1);
    box-shadow: 0px 4px 8px rgba(13, 111, 255, 0.24);
    border-radius: 4px;
    font-size: 15px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
}

.filter {
    font-size: 14px;
    color: rgba(153, 153, 153, 1);
    margin: 0 20px;
    line-height: 14px;
}

.filterCon {
    font-size: 15px;
}

.filterCon li {
    list-style: none;
    display: inline-block;
    margin-right: 16px;
}

.filt {
    display: flex;
    align-items: center;
}

.page-margin{
    margin-left: 260px;
    margin-top: 102px;
}

#container .el-table__empty-text {
    line-height: 36px;
}

.page-tips{
    background: #fff;
    display: inline-block;
    padding: 8px 20px 8px 14px;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 14px;
    color: rgba(13, 111, 255, 1);
    border: 1px solid rgba(230, 231, 235, 0.75);
}

#edui1_iframeholder{
    height: 500px!important;
}