:root {
    --main-color: #22B7B9;
}


/*关注*/

.un-follow {
    border: 1px solid;
    border-radius: 25px;
    font-size: 0.6rem;
    color: var(--main-color);
    padding: 2px 0.5rem;
    line-height: initial;
}

.un-follow::after {
    content: '＋ 关注'
}

.follow {
    border-radius: 25px;
    font-size: 0.6rem;
    color: #999;
    padding: 2px 0.5rem;
    background: #ececec;
    line-height: initial;
}

.follow::after {
    content: '已关注'
}

/* 头像增加医生图标 */

[data-expert="1"] {
    position: relative;
}

[data-org="1"] {
    position: relative;
}

.reply-arrow::after {
    content: '▶';
    display: inline-block;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}

[onclick]:active, [tapmode]:active, [role="button"]:active {
    -webkit-filter: contrast(0.8);
    filter: contrast(0.8);
}


/* --- Image Fade In --- */

.fadein {
    opacity: 0;
    transition: opacity 0.7s ease-in-out;
    -webkit-transition: opacity 0.7s ease-in-out;
    -webkit-transform: translateZ(0);
}

.fadein.inview {
    opacity: 1;
}

.fadein.error {
    display: none;
}

.loading {
    visibility: hidden;
}

img.aui-img-round {
    object-fit: cover !important;
}


/*flex布局*/

.display-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
}

.display-flex {
    display: box !important;
    display: -moz-box !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-align-initial {
    -webkit-box-align: initial !important;
    -webkit-align-items: initial !important;
    -moz-align-items: initial !important;
    -ms-align-items: initial !important;
    -o-align-items: initial !important;
    align-items: initial !important;
}

.flex-align-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -moz-align-items: center !important;
    -ms-align-items: center !important;
    -o-align-items: center !important;
    align-items: center !important;
}

.flex-align-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -moz-align-items: baseline !important;
    -ms-align-items: baseline !important;
    -o-align-items: baseline !important;
    align-items: baseline !important;
}

.flex-align-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -moz-align-items: flex-end !important;
    -ms-align-items: flex-end !important;
    -o-align-items: flex-end !important;
    align-items: flex-end !important;
}

.flex-justify-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.flex-justify-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -moz-justify-content: center !important;
    -ms-justify-content: center !important;
    -o-justify-content: center !important;
    justify-content: center !important;
}

.flex-justify-around {
    -webkit-box-pack: space-around !important;
    -webkit-justify-content: space-around !important;
    -moz-justify-content: space-around !important;
    -ms-justify-content: space-around !important;
    -o-justify-content: space-around !important;
    justify-content: space-around !important;
}

.flex-justify-evenly {
    /* -webkit-box-pack: space-evenly !important;
    -webkit-justify-content: space-evenly !important;
    -moz-justify-content: space-evenly !important;
    -ms-justify-content: space-evenly !important;
    -o-justify-content: space-evenly !important;
    justify-content: space-evenly !important; */
    -webkit-box-pack: justify !important;
    -webkit-justify-content: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

/* 兼容 */
.flex-justify-evenly::before {
    content: '';
    display: block;
}

.flex-justify-evenly::after {
    content: '';
    display: block;
}

.flex-justify-end {
    -webkit-box-pack: flex-end !important;
    -webkit-justify-content: flex-end !important;
    -moz-justify-content: flex-end !important;
    -ms-justify-content: flex-end !important;
    -o-justify-content: flex-end !important;
    justify-content: flex-end !important;
}

.flex-justify-initial {
    -webkit-box-pack: initial !important;
    -webkit-justify-content: initial !important;
    -moz-justify-content: initial !important;
    -ms-justify-content: initial !important;
    -o-justify-content: initial !important;
    justify-content: initial !important;
}

.flex-direction-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    -o-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-wrap {
    -webkit-box-lines: multiple !important;
    -webkit-flex-wrap: wrap !important;
    -moz-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    -o-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.aui-list .aui-list-item:active {
    background-color: initial;
}


/*用于lottie动画*/

.lottie-animation [role="lottie"] {
    display: block !important;
}