@charset "UTF-8";

p {
    margin: 0;
}

.greenBank {
    background-image: linear-gradient(179deg, #EAF0E5 0%, #FFFFFF 31%, #FEFEFE 100%);
}

.green-item {
    box-sizing: border-box;
    border: 0.0267rem solid #FFFFFF;
    border-radius: 0.2133rem;
    position: relative;
    box-sizing: border-box;
    padding: 0.5333rem 0.5333rem 0;
    width: 9.1467rem;
    border-radius: 0.2133rem;
}

.green-item::after {
    content: '';
    width: 2.4667rem;
    height: 2.0933rem;
    position: absolute;
    background-image: url(../images/BC/greenBank/bg-01.png);
    background-size: 100%;
    right: 0;
    top: 0;

}

.green-content {
    font-family: PingFangSC-Regular;
    font-size: 0.3733rem;
    color: #475166;
    letter-spacing: 0;
    text-align: justify;
    line-height: 0.56rem;
    font-weight: 400;
    position: relative;
    margin-top: 0.32rem;
    z-index: 1;
    /* height: 1.12rem; */
    overflow: hidden;
    /* -webkit-line-clamp: 2;
    display: -webkit-box;
    text-overflow: ellipsis; */

}

[line-clamp].green-content {
    height: 1.12rem;
}

/* .green-content {
    color: red;
} */

[line-clamp].green-content::before {
    content: '...';
    position: absolute;
    right: 2em;
    bottom: 0;
    padding-right: 0.2133rem;
    padding-right: 0.16rem;
    background-color: #fff;
}


[line-clamp].green-content::after {
    content: '展开';
    position: absolute;
    width: 2em;
    right: 0;
    bottom: 0;
    background-color: #fff;

    color: #1F80FF;
    letter-spacing: 0;
    text-align: right;

    font-weight: 400;
}

.green-item.expand [line-clamp].green-content {
    height: auto;
}

.green-item.expand [line-clamp].green-content::before {
    content: '';

}

.green-item.expand [line-clamp].green-content::after {
    content: '收起';
    position: relative;
}

.show-content {
    /* background-image: linear-gradient(74deg, #FFFFFF 0%, #FFFFFF 27%, #F1F3F6 100%, #FFFFFF 100%); */
    background-image: url(../images/BC/greenBank/card_bg.png);
    border: 0.0267rem solid #FFFFFF;
    box-shadow: 0.0133rem 0.0133rem 0.1067rem 0 rgba(23, 21, 19, 0.04);
    border-radius: 0.2133rem;
    padding: 0.6rem 0.4267rem;
    position: relative;
    box-sizing: border-box;
    background-size: cover;
    min-height: 2.5867rem;
}

.wealthBank .show-content {
    min-height: 3.1467rem;
}

.wealthBank .hidden-content {
    min-height: 3.1467rem;
}

.show-content::after {
    content: '';
    width: 0.76rem;
    height: 0.88rem;
    position: absolute;
    top: 0;
    right: 0.4533rem;
    background-image: url(../images/BC/greenBank/card_bg_right.png);
    background-size: 0.76rem 0.88rem;
}

.wealthBank .show-content {
    padding: 0.5333rem 0.4267rem;
}

.wealthBank .show-content::after {
    background-image: url(../images/BC/wealthBank/card_bg_right_wealth.png);
}

.wealthBank .show-content .title {
    margin-bottom: 0.4267rem;
}

.wealthBank .show-content li {
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 0.2933rem;
}

.wealthBank .show-content li:not(:last-of-type) {
    margin-bottom: 0.32rem;
}

.wealthBank .show-content li::before {
    content: '';
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    background: #7F8693;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.icon-honor {
    display: inline-block;
    width: 1.3333rem;
    height: 1.3333rem;
    background-image: url(../images/BC/greenBank/icon_honour.png);
    background-size: 1.3333rem 1.3333rem;
    margin-right: 0.32rem;
}

.icon-event {
    display: inline-block;
    width: 1.3333rem;
    height: 1.3333rem;
    background-image: url(../images/BC/greenBank/ico_event.png);
    background-size: 1.3333rem 1.3333rem;
    margin-right: 0.32rem;
}

.show-content .title {
    font-family: PingFangSC-Semibold;
    font-size: 0.4267rem;
    color: #242933;
    line-height: 0.4267rem;
    font-weight: 600;
    margin-bottom: 0.2667rem;
}

.show-content .title span {
    font-family: DINAlternate-Bold;
    font-weight: 700;
}

.show-content .content {
    font-family: PingFangSC-Regular;
    font-size: 0.3733rem;
    color: #7F8693;
    letter-spacing: 0;
    text-align: justify;
    line-height: 0.3733rem;
    font-weight: 400;
}

.show-content .content-wrap {
    width: 5.7867rem;

}

.show-content .content-wrap .content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.BC-swiper {
    overflow: hidden;
}

.BC-swiper .honor-item {
    width: 8.3467rem;
}

.hidden-content {
    display: none;
    padding: 0.4267rem;
    box-sizing: border-box;
    font-size: 0.3733rem;
    color: #494F5A;
    letter-spacing: 0;
    text-align: justify;
    line-height: 0.56rem;
    font-weight: 400;
    /* background-image: linear-gradient(74deg, #FFFFFF 0%, #FFFFFF 27%, #F1F3F6 100%, #FFFFFF 100%); */
    background-image: url(../images/BC/greenBank/card_bg.png);
    background-repeat: no-repeat;
    border: 0.0267rem solid #FFFFFF;
    box-shadow: 0.0133rem 0.0133rem 0.1067rem 0 rgba(23, 21, 19, 0.04);
    border-radius: 0.2133rem;
    min-height: 2.5867rem;
    background-size: cover;
}

.active .show-content {
    display: none;
}

.active .hidden-content {
    display: block;
}


.text-swiper {
    background: #FFFFFF;
    border-radius: 0.1067rem;
    margin-bottom: 0.16rem;
    font-size: 0.32rem;
    color: #796F5E;
    letter-spacing: 0;
    font-weight: 400;
    padding-left: 0.6667rem;
    padding-right: 0.4267rem;
    position: relative;
    height: 0.7467rem;
    line-height: 0.7467rem;
    overflow: hidden;
}

.text-swiper>.inner {
    overflow: hidden;
}

.text-swiper .swiper-wrapper {
    transition-timing-function: linear;
}

.text-swiper .item {
    white-space: nowrap;
    margin: 0;
}

.text-swiper::before {
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background-color: #8D8271;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.4267rem;
}

.weath-product-swiper {
    padding: 0.2667rem 0;
    box-sizing: border-box;
    overflow: hidden;
}

.weath-product-swiper:has(.active) {
    padding-bottom: 0;
}

.weath-product-swiper .product-item {
    width: 2.1333rem;
    height: 2.16rem;
}

/* .icon {
    pointer-events: none;
} */

[class^="icon"] {
    pointer-events: none;
}

.product-item .icon {
    display: block;
    width: 1.0667rem;
    height: 1.0667rem;
    background-size: 1.0667rem 2.1333rem;
    margin: 0.2667rem auto 0.2133rem;
    background-position: 0 1.0667rem;

}

.product-item .icon.icon-licai {
    background-image: url(../images/BC/wealthBank/ico_licai.png);
}

.product-item .icon.icon-jijin {
    background-image: url(../images/BC/wealthBank/ico_jijin.png);
}

.product-item .icon.icon-zhizheng {
    background-image: url(../images/BC/wealthBank/ico_zhizeng.png);
}

.product-item .icon.icon-baoxian {
    background-image: url(../images/BC/wealthBank/ico_baoxian.png);
}

.product-item .icon.icon-guijinshu {
    background-image: url(../images/BC/wealthBank/ico_guijinshu.png);
}

.product-item.active .icon {
    background-position: 0 0;
}

.product-item .title {
    font-size: 0.32rem;
    color: #242933;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.32rem;
}

.product-item.active .title {
    color: #6E6352;
}

.desc {
    font-size: 0.32rem;
    color: #868A92;
    letter-spacing: 0;
    line-height: 0.32rem;
    font-weight: 400;
}

.weath-product-tab-container {
    min-height: 1.1867rem;
    position: relative;
    padding-top: 0.2667rem;
    font-size: 0.32rem;
    color: #6B7381;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.32rem;
    font-weight: 400;
    display: none;
}

.weath-product-tab-container::before {
    content: '';
    width: 8.2933rem;
    height: 0.0133rem;
    position: absolute;
    background-color: #E5E5E5;
    top: 0.2667rem;
    left: 50%;
    transform: translateX(-50%);
}

.product-tab-item {
    box-sizing: border-box;
    padding: 0.32rem 0.4267rem;
    display: none;
    position: relative;
    height: 1.1733rem;
    overflow: hidden;
}

.product-tab-item.expand {
    height: auto;
}

.product-tab-item li {
    background: #F7F8FA;
    border-radius: 0.1067rem;
    padding: 0.1067rem 0.08rem 0.1067rem 0.1067rem;
}

.product-tab-item .emptyText {
    position: relative;
    display: inline-block;
    padding: 0.1067rem 0.08rem 0.1067rem 0.1067rem;
}

.product-tab-item .icon-expand {
    position: absolute;
    right: 0.4267rem;
    bottom: 0.4267rem;
    background-size: 0.32rem 0.64rem;
    background-position: 0 0;
}

.icon-expand {
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    background-image: url(../images/icons/arrow_down.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    pointer-events: all;
}

.expand .icon-expand {
    transform: scaleY(-1);
    background-position: 0 0;
}

.product-tab-item .emptyText::before {
    content: '';
    width: 2.6667rem;
    height: 0.0133rem;
    background-image: linear-gradient(74deg, #FFFFFF 0%, #6B7381 100%);
    position: absolute;
    left: -2.7733rem;
    top: 50%;
    transform: translateY(-50%);
}

.product-tab-item .emptyText::after {
    content: '';
    width: 2.6667rem;
    height: 0.0133rem;
    background-image: linear-gradient(74deg, #FFFFFF 0%, #6B7381 100%);
    position: absolute;
    right: -2.7733rem;
    top: 50%;
    transform: translateY(-50%) scaleX(-1);

}

.weath-product-swiper:has(.active) .weath-product-tab-container {
    display: block;
}

.sale-item {
    width: 2.9067rem;
    height: 2.16rem;
    position: relative;
}

.sale-item.active {
    background-image: linear-gradient(179deg, #F3E9D9 0%, #FFFCF9 17%, #FEFEFE 100%);
    outline: 0.0133rem solid #FFFFFF;
    border-radius: 0.2133rem;
}

.sale-dialog {
    box-sizing: border-box;
    padding: 0.32rem;
    font-size: 0.32rem;
    color: #242933;
    letter-spacing: 0;
    text-align: justify;
    line-height: 0.48rem;
    font-weight: 400;
    background: #FFFFFF;
    border: 0.0267rem solid #E5E5E5;
    box-shadow: 0 0.0667rem 0.0667rem 0 rgba(55, 58, 61, 0.05);
    width: 4.92rem;
    border-radius: 0.2133rem;
    display: none;
    position: absolute;
}

.sale-dialog::before {
    content: '';
    position: absolute;
    border-left: 0.1333rem solid transparent;
    border-right: 0.1333rem solid transparent;
    border-top: 0.12rem solid #e5e5e5;
    /* border-top: 9px solid red; */
    display: inline-block;
    bottom: -0.12rem;
    left: 0.2rem;
}

.sale-dialog::after {
    content: '';
    position: absolute;
    border-left: 0.1333rem solid transparent;
    border-right: 0.1333rem solid transparent;
    border-top: 0.12rem solid #fff;
    display: inline-block;
    bottom: -0.0823rem;
    left: 0.2rem;
}

.sale-dialog.right::before,
.sale-dialog.right::after {
    left: auto;
    right: 0.2rem;
}

.sale-item.active .sale-dialog {
    display: block;
}

.sale-dialog span {
    color: #1F80FF;
}

.sale-item:not(:last-of-type)::after {
    content: '';
    width: 0.0133rem;
    height: 0.5333rem;
    position: absolute;
    right: -0.1067rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: #A6A6A6;
}

.sale-item img {
    display: block;
    width: 0.96rem;
    margin: 0.32rem auto 0.2133rem;
    pointer-events: none;
}

.sale-item .title {
    font-size: 0.32rem;
    color: #242933;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.32rem;
    font-weight: 500;
}

.slogan {
    font-size: 0.3467rem;
    color: #6B7280;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.3733rem;
    font-weight: 400;
    margin: 0.6667rem auto 0.24rem;
}

.slogan::after,
.slogan::before {
    content: '';
    width: 0.4267rem;
    display: inline-block;
    border: 0.0133rem solid #6B7280;
    vertical-align: middle;
    position: relative;
}

.slogan::before {
    left: -0.16rem;
}

.slogan::after {
    right: -0.16rem;
}

.bond-container {
    padding: 0.2667rem 0;
    background-color: #Fff;
    border-radius: 0.2133rem;
}

.bond-container .icon {
    display: block;
    width: 1.0667rem;
    height: 1.0667rem;
    margin: 0.2667rem auto 0.2133rem;
    background-size: 1.0667rem 2.1333rem;
    background-position: 0 1.0667rem;
}

.bond-container .box-item {
    height: 2.16rem;
}

.bond-container .active .icon {
    background-position: 0 0;
}

.bond-container .active .title {
    color: #1F80FF;
}

.icon.icon-quan {
    background-image: url(../images/BC/investmentBank/ico_quan.png);
}

.icon.icon-chen {
    background-image: url(../images/BC/investmentBank/ico_chen.png);
}

.icon.icon-chuang {
    background-image: url(../images/BC/investmentBank/ico_chuang.png);
}

.icon.icon-lou {
    background-image: url(../images/BC/investmentBank/ico_luo.png);
}

.bond-container .box-item.active {
    color: #1F80FF;
}

.bond-tab-container {
    min-height: 1.1867rem;
    position: relative;
    padding-top: 0.2667rem;
    font-size: 0.3733rem;
    color: #242933;
    letter-spacing: 0;
    text-align: justify;
    line-height: 0.56rem;
    display: none;
}

.bond-tab-container::before {
    content: '';
    width: 8.2933rem;
    height: 0.0133rem;
    position: absolute;
    background-color: #E5E5E5;
    top: 0.2667rem;
    left: 50%;
    transform: translateX(-50%);
}

.bond-container:has(.active) .bond-tab-container {
    display: block;
}

.bond-container:has(.active) {
    padding-bottom: 0;
}

.bond-tab-item {
    box-sizing: border-box;
    padding: 0.4rem 0.4267rem;
    display: none;

}

.bond-tab-item[line-clamp] {
    overflow: hidden;
    width: 8.5067rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.3733rem;
}

.bond-tab-item[line-clamp].expand {
    width: 100%;
    white-space: normal;
    line-height: 0.56rem;
}

.bond-tab-item .icon-expand {
    position: absolute;
    right: 0.4267rem;
    bottom: 0.4267rem;
    background-size: 0.32rem 0.64rem;
    background-position: 0 0;
}

/* .bond-tab-item.expand .icon-expand {
    bottom: 36px;
} */

.invest-item {
    position: relative;
    box-sizing: border-box;
    padding: 0.4267rem;
}

.changePaginationStyle .invest-item {
    padding-bottom: 0;
}

.invest-item img {
    position: absolute;
    width: 0.96rem;
    top: 0.4267rem;
    right: 0.4267rem;
}

.invest-desc {
    font-size: 0.32rem;
    color: #A1A7B3;
    letter-spacing: 0;
    text-align: left;
    line-height: 0.32rem;
    font-weight: 400;
    width: 6.4933rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invest-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(51, 51, 51, 0.75);
    z-index: 9999;
    display: none;
}

.invest-dialog {
    display: none;
    width: 100%;
    background-color: #fff;
    border-radius: 0.4267rem 0.4267rem 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.invest-dialog .title {
    font-size: 0.48rem;
    color: #242933;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.48rem;
    font-weight: 600;
    padding: 0.3467rem 0;
    border-bottom: 0.0133rem solid #E5E5E5;
    position: relative;
}

.invest-dialog .content {
    font-size: 0.3733rem;
    color: #242933;
    letter-spacing: 0;
    text-align: justify;
    line-height: 0.56rem;
    font-weight: 400;
    box-sizing: border-box;
    padding: 0.4267rem;
    text-indent: 2em;
}

.invest-dialog .content:has(.changePaginationStyle) {
    padding-bottom: 0;
}

.invest-dialog .icon-close {
    pointer-events: all;
}

.icon-close {
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    right: 0.5333rem;
    top: 50%;
    transform: translateY(-50%);
    background-size: 0.64rem 0.64rem;
    background-image: url(../images/icons/ico_close.png);
}

.invest-tab-contaier {
    box-sizing: border-box;
    padding: 0.32rem;
    overflow: hidden;
}

/* .invest-tab-item {} */

.invest-tab-item .content-container {
    height: 2.56rem;
    box-sizing: border-box;
    padding: 0.32rem;
    margin-bottom: 0.32rem;
    background-image: url(../images/BC/investmentBank/bg_in.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.visible-content .title {
    font-size: 0.4267rem;
    color: #242933;
    letter-spacing: 0;
    line-height: 0.4267rem;
    font-weight: 600;
    margin-bottom: 0.2667rem;
}

.visible-content .content {
    font-size: 0.2933rem;
    color: #9DA0A7;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.2933rem;
    font-weight: 400;
    margin-bottom: 0;
}

.hide-content {
    font-size: 0.3733rem;
    color: #242933;
    letter-spacing: 0;
    text-align: justify;
    line-height: 0.56rem;
    height: 1.92rem;
    overflow: auto;
    display: none;
}

.active .content-container {
    background: #F7F8FA;
    border-radius: 0.2133rem;
    background-image: none;
}

.invest-tab-item.active .visible-content {
    display: none;
}

.invest-tab-item.active .hide-content {
    display: block;
}

.tab-item-container {
    font-size: 0.3733rem;
    color: #242933;
    letter-spacing: 0;
    text-align: center;
    line-height: 0.3733rem;
    font-weight: 400;
}

.tab-item-container li {
    padding: 0.1333rem 0.2267rem;
    position: relative;
}

.tab-item-container li:not(:last-of-type)::after {
    content: '';
    width: 0.0133rem;
    height: 0.32rem;
    position: absolute;
    right: -0.1133rem;
    background-color: #242933;
    top: 50%;
    transform: translateY(-50%);
}

.tab-item-container li.active {
    color: #1F80FF;
}

.icon-home {
    pointer-events: all;
}