[data-v-d9758d72] .jad-progress-bar-outer {
    background: hsla(0, 0%, 100%, .8)
}

.circle[data-v-69930978] {
    margin-bottom: 12px;
    display: flex;
    justify-content: center
}

.circle-item[data-v-69930978] {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #d8d8d8;
    margin: 10px 3px 0
}

[data-v-69930978] .jad-carousel {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow-y: hidden
}

[data-v-69930978] .jad-carousel .jad-carousel-container {
    text-align: left;
    min-width: 280px
}

[data-v-69930978] .jad-carousel .jad-carousel-container .jad-carousel-item {
    display: block;
    background: transparent !important;
    border-radius: 0
}

[data-v-69930978] .jad-carousel .jad-carousel-container .jad-carousel-item .carousel-wrap {
    display: flex;
    flex-direction: column
}

[data-v-69930978] .jad-carousel-arrow {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    line-height: 80px;
    text-align: center;
    width: 20px;
    height: 80px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    z-index: 100
}

[data-v-69930978] .jad-carousel-arrow:hover {
    background: rgba(0, 0, 0, .4)
}

.marketing-carousel[data-v-69930978] .jad-carousel-arrow-left {
    border-radius: 0 4px 4px 0;
    margin-left: -24px
}

.marketing-carousel[data-v-69930978] .jad-carousel-arrow-right {
    border-radius: 4px 0 0 4px;
    margin-right: -24px
}

[data-v-69930978] .marketing-content-list-right .jad-popover {
    display: block
}

[data-v-69930978] .marketing-content .jad-carousel-container {
    margin: 0;
    border-radius: 4px;
    min-height: 100px;
    background: linear-gradient(#f8f8f8, #f8f8f8), linear-gradient(180deg, rgba(253, 87, 69, 0), rgba(253, 87, 69, .05))
}

.banner-carousel[data-v-69930978] .jad-carousel-indicator-item {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: .4;
    background-color: #fff;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s
}

.banner-carousel[data-v-69930978] .jad-carousel-indicator.is-active .jad-carousel-indicator-item {
    width: 20px;
    height: 8px;
    border-radius: 5px;
    opacity: 1
}

.yxzn-carousel[data-v-69930978] .jad-carousel-indicators {
    bottom: 6px
}

.yxzn-carousel[data-v-69930978] .jad-carousel-indicator {
    padding: 0 3px
}

.yxzn-carousel[data-v-69930978] .jad-carousel-indicator-item {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #d8d8d8;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s
}

.yxzn-carousel[data-v-69930978] .jad-carousel-indicator.is-active .jad-carousel-indicator-item {
    background-color: #ff9693
}

.yxzn-carousel[data-v-69930978] .jad-carousel-arrow-left {
    border-radius: 0 4px 4px 0;
    margin-left: -24px
}

.yxzn-carousel[data-v-69930978] .jad-carousel-arrow-right {
    border-radius: 4px 0 0 4px;
    margin-right: -24px
}

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

.marketing[data-v-69930978] {
    margin-top: 16px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    min-height: 62px
}

.marketing .zn-div[data-v-69930978] {
    height: 20px;
    background: #fff1dc;
    color: #fc7032;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 0 7px;
    margin-left: 7px;
    cursor: pointer
}

.marketing .zn-div img[data-v-69930978] {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.marketing .zn-div[data-v-69930978]:hover {
    background: #ffeaca
}

.marketing-carousel[data-v-69930978] {
    margin: 0 24px;
    border-radius: 4px;
    padding-bottom: 16px
}

.marketing-content[data-v-69930978] {
    position: relative
}

.marketing-content-more[data-v-69930978] {
    padding-top: 16px;
    margin-bottom: 16px;
    display: flex;
    justify-content: flex-end
}

.marketing-content-more-change[data-v-69930978] {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    margin-right: 16px
}

.marketing-content-more-change .home-icon-change[data-v-69930978] {
    margin-right: 6px
}

.marketing-content-more span[data-v-69930978]:hover {
    cursor: pointer;
    color: #fd4545
}

.marketing-content-list[data-v-69930978] {
    text-align: left;
    padding: 16px 12px 6px;
    display: flex;
    cursor: pointer
}

.marketing-content-list-left-img[data-v-69930978] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.marketing-content-list-right[data-v-69930978] {
    flex: 1 0 68px;
    margin-left: 12px;
    overflow: hidden
}

.marketing-content-list-right-title[data-v-69930978] {
    font-size: 14px;
    color: #111;
    line-height: 22px;
    padding-top: 2px
}

.marketing-content-list-right-desc[data-v-69930978] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #888;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.marketing-content-list:hover .marketing-content-list-right-desc[data-v-69930978],
.marketing-content-list:hover .marketing-content-list-right-title[data-v-69930978] {
    color: #fd4545
}

.marketing-content-mark[data-v-69930978] {
    position: absolute;
    font-size: 11px;
    top: 0;
    right: 0;
    padding: 3px 5px;
    background: #fff2f2;
    color: #ff3a33;
    border-radius: 0 3px 0 4px
}

.my-marketing[data-v-69930978] {
    margin-top: 0
}

.banner-img[data-v-69930978] {
    height: 100%;
    width: 100%;
    border-radius: 4px
}

@media screen and (min-width:0) and (max-width:1439px) {
    .marketing-content-list-right-title[data-v-69930978] {
        font-size: 12px
    }
}