/**
 * ************************************************************************************************************************
 * ** 字体系列
 * ************************************************************************************************************************
 */
@font-face {
    font-family: 'EB Garamond', serif;
    src: url('/statics/home/fonts/ITCAvantGardeStd-Demi.otf');
}

@font-face {
    font-family: 'EB Garamond', serif;
    src: url('/statics/home/fonts/ITCAvantGardeStd-Md.otf');
}

@font-face {
    font-family: 'EB Garamond', serif;
    src: url('/statics/home/fonts/ITCAvantGardeStd-Bk.otf');
}

.hi-ff-itcags-demi {
    font-family: 'EB Garamond', serif;
}

.hi-ff-itcags-md {
    font-family: 'EB Garamond', serif;
}

.hi-ff-itcags-bk {
    font-family: 'EB Garamond', serif;
}

/**
 * ************************************************************************************************************************
 * ** 组件样式重写
 * ************************************************************************************************************************
 */
/* element-ui */
.el-message.el-message--error {
    min-width: 270px;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--main-color);
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.el-input__inner:focus,
.el-textarea__inner:focus,
.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: var(--main-color);
}

/* object-fit-images */
.OF-fill {
    object-fit: fill;
    font-family: 'object-fit: fill';
}

.OF-contain {
    object-fit: contain;
    font-family: 'object-fit: contain';
}

.OF-cover {
    object-fit: cover;
    font-family: 'object-fit: cover';
}

.OF-none {
    object-fit: none;
    font-family: 'object-fit: none';
}

.OF-scaleDown {
    object-fit: scale-down;
    font-family: 'object-fit: scale-down';
}

/**
 * ************************************************************************************************************************
 * ** 全局样式
 * ************************************************************************************************************************
 */
[un-cloak] {
    display: none;
}

:root {
    --main-color: #ff7418;
    --white: 255, 255, 255;
}

img {
    font-size: 0;
}

.hi-line-2 {
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.hi-am,
.am {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hi-layout {
    max-width: 1400px;
    margin: 0 auto;
}

.flex-center {
    align-items: center;
    justify-content: center;
}

/* VIEW MORE */
.pro-view-more-wrapper {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
}

.pro-view-more-icon {
    width: 2.33em;
    height: 2.33em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #ff7418;
    border-radius: 50%;
    font-size: 1.5em;
    margin-left: 0.5em;
}

/* 视频播放器 */
#videoPlayerContainer {
    position: fixed;
    z-index: -20;
    width: calc(100% - 1.08rem);
    height: calc(100% - .82rem);
    left: 0;
    top: .82rem;
    background-color: rgba(0, 0, 0, 1);
    overflow: hidden;
    transform: scale(0);
    transition: 0.5s;
    opacity: 0;
}

#videoPlayerContainer.show {
    z-index: 100;
    opacity: 1;
    transform: scale(1);
}

.video-player-close-btn {
    position: absolute;
    right: -0.2em;
    top: -0.2em;
    font-size: 20px;
    color: #ff7418;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    background-color: #fff;
    border-radius: 0 0 0 1.2em;
    cursor: pointer;
    transition: 0.5s;
    z-index: 10;
}

.video-player-close-btn:hover {
    background-color: #e8e8e8;
}

/* 面包屑 */
.hi-breadcrumbs {
    padding-top: .4rem;
    font-size: .14rem;
    background: #f4f4f4;
    overflow: hidden;
}
.hi-breadcrumbs .flex {
    flex-direction: row!important;
}

.hi-breadcrumbs .href {
    color: #b8b8b8;
    transition: all .3s;
}
.hi-breadcrumbs .href:hover {
    color: var(--main-color)
}
.hi-breadcrumbs .interval {
    display: block;
    margin: 0 .1rem;
    color: #b8b8b8;
}
.hi-breadcrumbs .page {
    display: block;
    width: 8rem;
    color: #6d6d6d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hi-breadcrumbs.white {
    background: transparent;
}
.hi-breadcrumbs.white .href,
.hi-breadcrumbs.white .interval,
.hi-breadcrumbs.white .page {
    color: #fff;
}

@media (max-width: 1600px) {}

/* 2xl */
@media (max-width: 1536px) {
    .hi-layout {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1400px) {}

@media (max-width: 1366px) {
    .hi-layout {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* xl */
@media (max-width: 1280px) {}

/* 1120 */
@media screen and (max-width: 1120px) {
    .pro-view-more-wrapper {
        /* 0.8 */
        font-size: 12px;
    }

    /* 视频播放器 */
    .video-player-close-btn {
        font-size: 16px;
    }
}

/* lg */
@media (max-width: 1024px) {
    #videoPlayerContainer {
        width: 100%;
    }
}

/* md */
@media (max-width: 768px) {
    .el-message {
        min-width: 80%;
    }

    /* 视频播放器 */
    .video-player-close-btn {
        font-size: 13px;
    }

    .hi-breadcrumbs {
        font-size: .2rem;
        padding-bottom: .5rem!important;
    }

    .hi-breadcrumbs .item {
        white-space: nowrap;
    }

    .hi-breadcrumbs .page {
        /*white-space: pre-wrap;*/
        width: 3rem;
    }
}

/* sm */
@media (max-width: 640px) {}


.bf-news-list__container.bfa-recommended-news__list .item {
    width: calc(25% - .18rem);
}
.bf-news-list__container.bfa-recommended-news__list .item .label {
    font-size: .16rem;
}
.bf-news-list__container.bfa-recommended-news__list .item .date {
    margin-top: 0;
    font-size: .32rem;
}
.bf-news-list__container.bfa-recommended-news__list .item .title {
    height: calc(.2rem * 1.4 * 2);
    margin-top: 0;
    font-size: .2rem;
    line-height: 1.4;
}
@media (max-width: 1024px) {
    .bf-news-list__container.bfa-recommended-news__list .item {
        width: calc(50% - .12rem);
    }
}
@media (max-width: 768px) {
    .bf-news-list__container.bfa-recommended-news__list .item {
        width: 100%;
    }
}

/**
滑块验证
 */
.ui-slider-wrap {
    background: #e8e8e8;
    position: relative;
}

.ui-slider-wrap .ui-slider-bg {
    width: 0;
}

.ui-slider-wrap .ui-slider-btn {
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-slider-wrap .ui-slider-btn {
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURQAAAGBQUGBaWmJZWWJYWGNYWGNZWWJYWGJZWWBYWGNYWGNZWWRYWIqwlb0AAAANdFJOUwAQMMDQoFBgcCCw4ECQ8pPMAAAAP0lEQVQI12NgwATTGBgawAwRBYZwMIPRiYErAcxSFmA0AjN4HBikBcCsUgYmQxQGE0wKphhIQrSzwAyEW4EOACHhB32zIad6AAAAAElFTkSuQmCC') no-repeat center;
}

.ui-slider-wrap .ui-slider-btn.success {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURQAAAIC/MHrBPHnBPHnCO3nCPHjDPHrFOnnCOXrBO3nCO3nCO3rDPHrCO3nBO3rCPBowj7gAAAAPdFJOUwAQ7/BwwEAwUM+g0H/g39MUR4UAAAB3SURBVAjXY2BAAJn5Pw+CaA79//8/NQAZ/f+B4AcDAyNQ4P/nTwIMLCCBhfsdGFiB9C92/QAG/s/Z/xcU/f/AwP9PcBe7/n8DoNREgaL//wOAin+KAzU6MDDa/38E1C/AwJAP0v8NaDKbPVAgAWSZSOxVRyQ3AAA6yzwT6f4FbQAAAABJRU5ErkJggg==');
}

.ui-slider-wrap .ui-slider-text {
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #666;
}

.ui-slider-wrap .ui-slider-no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}