[data-v-08f5ef98]:root {
    --home-text-color: #e60016;
    --home-hover-color: #b72e2e;
    --home-new-icon: #ff7896
}

#app[data-v-08f5ef98] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    font-family: PingFangSC-Regular, sans-serif;
    height: 100%;
    width: 100%
}

.style-type2-title[data-v-08f5ef98] {
    font-family: PingFangSC-Medium, sans-serif
}

.flex[data-v-08f5ef98] {
    display: flex
}

.flex-x[data-v-08f5ef98] {
    flex-direction: row
}

.flex-y[data-v-08f5ef98] {
    flex-direction: column
}

.flex-ct[data-v-08f5ef98] {
    justify-content: center
}

.flex-st[data-v-08f5ef98] {
    justify-content: flex-start
}

.flex-end[data-v-08f5ef98] {
    justify-content: flex-end
}

.flex-bt[data-v-08f5ef98] {
    justify-content: space-between
}

.flex-ad[data-v-08f5ef98] {
    justify-content: space-around
}

.flex-evenly[data-v-08f5ef98] {
    justify-content: space-evenly
}

.flex-i-ct[data-v-08f5ef98] {
    align-items: center
}

.flex-i-st[data-v-08f5ef98] {
    align-items: flex-start
}

.flex-i-end[data-v-08f5ef98] {
    align-items: flex-end
}

.flex-s-st[data-v-08f5ef98] {
    align-self: flex-start
}

.flex-s-end[data-v-08f5ef98] {
    align-self: flex-end
}

.flex-s-ct[data-v-08f5ef98] {
    align-self: center
}

.flex-a-st[data-v-08f5ef98] {
    align-content: flex-start
}

.flex-1[data-v-08f5ef98] {
    flex: 1
}

.flex-wrap[data-v-08f5ef98] {
    flex-wrap: wrap
}

.text-center[data-v-08f5ef98] {
    text-align: center
}

.wrap[data-v-08f5ef98] {
    margin: auto;
    width: 1200px
}

.border[data-v-08f5ef98] {
    border: 1px solid #2e8b57
}

.over-text[data-v-08f5ef98] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.over-text-2[data-v-08f5ef98] {
    -webkit-line-clamp: 2
}

.over-text-2[data-v-08f5ef98],
.over-text-3[data-v-08f5ef98] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.over-text-3[data-v-08f5ef98] {
    -webkit-line-clamp: 3
}

.pos-f[data-v-08f5ef98] {
    position: fixed
}

.pos-a[data-v-08f5ef98] {
    position: absolute
}

.pos-r[data-v-08f5ef98] {
    position: relative
}

.pos-s[data-v-08f5ef98] {
    position: static
}

.cur-p[data-v-08f5ef98] {
    cursor: pointer
}

.fs-12[data-v-08f5ef98] {
    font-size: 12px
}

.fs-14[data-v-08f5ef98] {
    font-size: 14px
}

.fs-16[data-v-08f5ef98] {
    font-size: 16px
}

.fs-24[data-v-08f5ef98] {
    font-size: 24px
}

.ml-10[data-v-08f5ef98] {
    margin-left: 10px
}

.ml-5[data-v-08f5ef98] {
    margin-left: 5px
}

.va-b[data-v-08f5ef98] {
    vertical-align: bottom
}

.td-u[data-v-08f5ef98]:hover {
    text-decoration: underline
}

.bg-c-f[data-v-08f5ef98] {
    background-color: #fff
}

.box-s-b[data-v-08f5ef98] {
    box-sizing: border-box
}

.disable-select[data-v-08f5ef98] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.title[data-v-08f5ef98] {
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    height: 50px;
    justify-content: flex-start;
    padding: 0 15px;
    position: relative;
    z-index: 1;
    margin-right: 15px;
}

.title+div[data-v-08f5ef98] {
    padding: 15px
}

.title span[data-v-08f5ef98] {
    border-left: 3px solid transparent;
    cursor: pointer;
    font-size: 17px;
    margin-left: 15px;
    padding-left: 10px
}

.title span[data-v-08f5ef98]:first-child {
    color: #333;
    margin-left: 0
}

.title span.active[data-v-08f5ef98] {
    border-left: 3px solid var(--home-text-color);
    font-weight: 600
}

.title span.more[data-v-08f5ef98] {
    color: var(--home-text-color);
    font-size: 14px;
    margin-left: auto
}

.title span.more[data-v-08f5ef98]:hover {
    border-left: 3px solid transparent;
    color: var(--home-hover-color);
    font-weight: 700
}

.title.titBg[data-v-08f5ef98] {
    border-bottom: 2px solid var(--home-text-color);
    height: 40px;
    padding-left: 0
}

.title.titBg span.title-item.active[data-v-08f5ef98] {
    background: var(--home-text-color);
    color: #fff;
    display: inline-block
}
.title.titBg span.title-item.active a[data-v-08f5ef98] {
    background: var(--home-text-color);
    color: #fff;
    display: inline-block
}

.title.titBg span[data-v-08f5ef98],
.title.titBg span.title-item.active[data-v-08f5ef98] {
    border: none;
    font-size: 16px;
    height: 100%;
    line-height: 40px;
    padding: 0 12px
}

.title.titBg span.active[data-v-08f5ef98],
.title.titBg span[data-v-08f5ef98]:hover {
    background: var(--home-text-color);
    color: #fff
}

.title.titBg span[data-v-08f5ef98]:hover {
    border: none;
    display: inline-block;
    font-size: 16px;
    height: 100%;
    line-height: 40px
}

.title.titBg span.more[data-v-08f5ef98] {
    background: transparent;
    color: var(--home-text-color)
}

.customTitle5[data-v-08f5ef98] {
    align-items: flex-end;
    box-sizing: border-box;
    height: 35px;
    padding-left: 0;
    background: #F2F7FF;
}

.customTitle5>div[data-v-08f5ef98] {
    display: flex
}

.customTitle5 span[data-v-08f5ef98]:first-child {
    border-left: none;
    font-weight: 500
}

.customTitle5 span.active[data-v-08f5ef98] {
    background: var(--home-text-color);
    border-left: none;
    border-radius: 6px 6px 0 0;
    color: #fff
}
.customTitle5 span.on[data-v-08f5ef98] {
    background: var(--home-text-color);
    border-left: none;
    border-radius: 6px 6px 0 0;
    color: #fff
}
.customTitle5 .title-item.on a {
    color: #fff !important
}


.customTitle5 span[data-v-08f5ef98] {
    align-self: flex-end;
    border-left: none;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 16px
}

.customTitle5 span[data-v-08f5ef98]:hover {
    background: var(--home-text-color);
    border-left: none;
    border-radius: 6px 6px 0 0;
    color: #fff
}

.customTitle5 .more[data-v-08f5ef98] {
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    padding: 0
}

.customTitle5 .more[data-v-08f5ef98]:hover {
    background: #fff
}

.custom-title-4[data-v-08f5ef98] {
    border: none;
    padding: 40px 15px
}

.custom-title-4 span.active[data-v-08f5ef98] {
    border: none;
    font-size: 28px;
    line-height: 1;
    padding: 0
}

.custom-title-4 span.active[data-v-08f5ef98]:hover {
    color: var(--home-text-color)
}

.custom-title-4 span.active[data-v-08f5ef98]:before {
    background: var(--home-text-color);
    content: "";
    display: inline-block;
    height: 34px;
    margin-left: -5px;
    margin-right: 12px;
    position: relative;
    top: 7px;
    width: 12px
}

.custom-title-4 span.more[data-v-08f5ef98] {
    color: #929292;
    font-size: 14px;
    margin-left: auto
}

.custom-title-4 span.more[data-v-08f5ef98]:hover {
    color: var(--home-text-color)
}