.chinese-title::after {
	content: "";
	display: block;
	width: 30%;
	border-bottom: 0.03rem solid #d13225;
	padding-bottom: 0.2rem;
}
/* 投资理财 */
.financingBg{
	width: 100%;
	overflow: hidden;
	background-color: #f4f4f4;
}
.financing {
	width: 83%;
    margin: auto;
    margin-top: 0.3rem;
    overflow: hidden;
}

.financingUp {
	width: 100%;
	line-height: 0.5rem;

	overflow: hidden;
}

.financingUpTit {
	font-size: 0.32rem;
	color: black;
	font-weight: bold;
	float: left;
}
.financingUpTit::after {
	content: "";
	display: block;
	width: 0.75rem;
	height: 0.03rem;
	margin-top: 0.2rem;
	background-color: #da251d;
}

.financingUpTab {
	overflow: hidden;
	float: right;
	font-size: 0.18rem;
	color: #da251d;
	margin-top: 0.2rem;
}

.financingUpTab>span,
.financingUpTab>a {
	font-size: 0.24rem;
	color: #333333;
	float: left;
	margin-left: 0.27rem;
}

.financingUpTab>a {
	margin-left: 0.4rem;
	display: none;
}
/* 鼠标放上去效果 */
.wealthFl:hover .product,
.wealthFr:hover .product,
.wealthFl:hover .productRisk,
.wealthFr:hover .productRisk,
.wealthFl:hover .percentage,
.wealthFr:hover .percentage,
.wealthFl:hover .percentageT,
.wealthFr:hover .percentageT {
	color: white;
}
.wealthFl:hover .percentageBut,
.wealthFr:hover .percentageBut {
	color: #da251d;
	background: #fff;
}
.wealthFl:hover span,
.wealthFr:hover span {
	color: #fff;
}


/* 原来效果 */
.product {
        width:2.5rem;
	font-size: 0.24rem;
	color: #333;
	font-weight: bold;
    float: left;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.3rem;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.productRisk{
    width:0.8rem;
    font-size: 0.16rem;
    float: left;
    line-height:0.22rem;
    height:0.22rem;
    text-align:center;
    margin-top: 0.6rem;
    margin-right:0.2rem;
    color: grey;
}
.kffs{
    color: deepskyblue;

}
.lcfs{
    color: green;
}
.percentageBox {
	width: 3.7rem;
    float: left;
    margin-left: 0.5rem;
    margin-top: 0.3rem;
    overflow: hidden;
}

.percentageFl {
	float: left;
}

.percentageFr {
	float: right;
	margin-top: 0.1rem;
}

.percentage {
	font-size: 0.41rem;
	color: #da251d;
	font-weight: 700;
}

.percentageT {
	font-size: 0.20rem;
	color: #333;
	font-weight: bold;
	line-height: 2;
}

.percentageBut {
	width: 1.6rem;
    height: 0.4rem;
    float: right;
    line-height: 0.4rem;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 0.5rem;
    background: #da251d;
    font-size: 0.18rem;
    /* margin: 0 auto; */
    color: #fff;
    text-align: center;
}

.wealth {
	width: 100%;
	overflow: hidden;
	margin: 0.7rem auto;
}

.wealthFl,
.wealthFr {
	width: 7.6rem;
	height: 2.8rem;
	border-radius: 0.2rem;
}
.wealthFl:hover,
.wealthFr:hover {
	border-radius: 0.2rem;
	background: url(/uiFramework/commonResource/img/finance.png) center center no-repeat;
	color: white !important;
        background-size:cover;
}
.wealthFl {
	float: left;
	background-color: white;
	background-size: cover;
}
.w_lccp{ overflow:hidden;}

.wealthFr {
	float: right;
	background-color: white;
	background-size: cover;
}

.depositAndLoan {
	width: 100%;
	overflow: hidden;
	background: #fff;
}
.personalDeposits{
	height:6rem;
	background: url(/uiFramework/commonResource/img/grck-banner.png) center center no-repeat;
	margin-top: 0.3rem;
        background-size:cover;
        border-radius: 0.2rem;

}
.nomalDeposits{    transition: all 1s;
	float: left;
	height: 49%;
	width: 24.3%;
}

.depositsTitle{
    font-size: 0.28rem;
    width:90%;
    height:2.5rem;
    text-align:center;
    line-height:2.5rem;
    color: #da251d;
    font-weight: 700;
    margin-left: 0.3rem;
    margin-top: 0.3rem;
    background:rgba(255,255,255,0.4);
border-radius: 0.2rem;
}
.depositsText{
    font-size: 0.18rem;
    color: #191919;
    margin-left: 1rem;
    margin-top: 0.3rem;
    width: 50%;
}
/* 个人贷款 */
.personlLoans{
	margin-top: 0.5rem;
}
.loans{
	width: 5rem;
    height: 2rem;
    margin-left: 0.25rem;
	margin-bottom: 0.1rem;
    float: left;
    box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.3);
    border-radius: 0.2rem;
}
.loans:nth-child(1) {
    background-image: url('/uiFramework/commonResource/img/grdk-2.png'); /* 替换 'icon.png' 为你的图标文件路径 */
    background-repeat: no-repeat; /* 防止图标重复 */
    background-position: right center; /* 图标位置：靠左居中 */
}

.loans:nth-child(2) {
    background-image: url('/uiFramework/commonResource/img/grdk-3.png'); /* 替换 'icon.png' 为你的图标文件路径 */
    background-repeat: no-repeat; /* 防止图标重复 */
    background-position: right center; /* 图标位置：靠左、有居中 */
}

.loans:nth-child(3) {
    background-image: url('/uiFramework/commonResource/img/grdk-4.png'); /* 替换 'icon.png' 为你的图标文件路径 */
    background-repeat: no-repeat; /* 防止图标重复 */
    background-position: right center; /* 图标位置：靠左居中 */
}
.loans:hover .loansTitle,
.loans:hover .loansText {
	color: #fff;
}
.loans:hover {
	  
    background: url(/uiFramework/commonResource/img/finance.png)center center no-repeat;
    background-size: cover;
}
.loansTitle{padding-left:0.31rem;
    font-size: 0.24rem;
    color: #333;
    font-weight: bold;
    line-height: 2rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}
.loansText{
	font-size: 0.18rem;
	color: #333;
    float: left;
    margin-top: 0.2rem;
    margin-left: 0.5rem;
    margin-right: 0.1rem;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* 信用卡 */
.wid83 {
	width: 83%;
	overflow: hidden;
	margin: 0.7rem auto;
}
.win-mob{ display:none;}
.cardTab{
	float: left;
    /* margin-right: 0.3rem; */
    margin-left: 8.8rem;
    margin-top: 0.2rem;
    font-size: 0.20rem;
}
.cardName{
	font-size: 0.20rem;
    float: left;
    color: #333;
    margin-right: 0.5rem;
	cursor: pointer;
}
.cardContentRight{
        height:2.6rem;
	float: left;
    margin-top: 1.2rem;
    margin-left: 1.4rem;
}
.cardContentTitle{
	font-size: 0.24rem;
	font-weight: 700;
}
.cardContentText{
	font-size: 0.18rem;
    /* margin-left: 0.4rem; */
    margin-top: 0.5rem;
    width: 7.7rem;
}
.cardContentbutton{transition: all 0.5s;
	font-size: 0.18rem;
	float: left;
	width: 1.6rem;
	height: 0.4rem;
	line-height: 0.4rem;
	margin-top: 0.5rem;
	border-radius: 0.5rem;
	background: #da251d;
	font-size: 0.18rem;
	color: #fff;
	text-align: center;
}
.cardContentLeft>Img{
    width: 5rem;
    float: left;
    margin-top: 0.7rem;
    margin-left: 0.6rem;
}

/* .cardTab a.active {
    border-bottom: 0.02rem solid red;
} */
.cardTab a.active::after {
	content: "";
    display: block;
	margin: auto;
    width: 0.5rem;
    border-bottom: 0.03rem solid #da241c;
    padding-bottom: 0.2rem;
}
.cardPort {
    overflow:hidden;
    display: none;
    height:4rem;
}

.cardPort.active {
    display: block;
}

/* 财富服务 */
.businessServe{
	width: 100%;
}
.businessServeLeft {
    height: 5.5rem;
    width: 100%;
    background: url(/uiFramework/commonResource/img/cffw-1.png) left center no-repeat;
    float: left;
    /* margin-top: 0.5rem; */
}
.businessServeBox {
    width: 1.8rem;
    float: left;
    /* margin: auto; */
    margin-left: 0.4rem;
    margin-top: 1.8rem;
}
.businessServeBox img {
    display: block;
    outline: 0;
    border: 0;
    /* text-align: center; */
    margin: auto;
    width: 1.1rem;
}
.businessServeRight{
	/* background: url(/uiFramework/commonResource/img/cffw-2.png) right center no-repeat; */
    /* height: 5.5rem; */
	width: 4.4rem;
	float: right;

}
.businessServeText{
	display: block;
	font-size: 0.20rem;
    text-align: center;
    margin-top: 0.2rem;
	font-weight: 700;
	color: #000;
}
/* 借记卡 */
.debitcardPort{
	height: 5rem;
}
.debitCardT {
	width: 100%;
    line-height: 0.5rem;
    overflow: hidden;
}
.debitcardTab{
	float: left;
    /* margin-right: 0.3rem; */
    margin-left: 7.9rem;
    margin-top: 0.2rem;
    font-size: 0.20rem;
}
.debitcardName{
	font-size: 0.20rem;
    float: left;
    color: #333;
    margin-right: 0.5rem;
    cursor: pointer;
 }
.debitcardContentRight{
	float: left;
    margin-top: 1.2rem;
    margin-left: 1.4rem;
}
.debitcardContentTitle{
	font-size: 0.24rem;
	font-weight: 700;
}
.debitcardContentText{
	font-size: 0.18rem;
    /* margin-left: 0.4rem; */
    margin-top: 0.5rem;
    width: 7.7rem;
    line-height: 0.5rem;
}
.debitcardContentbutton{ transition: all 0.5s;
	font-size: 0.18rem;
	float: left;
	width: 1.6rem;
	height: 0.4rem;
	line-height: 0.4rem;
	margin-top: 0.5rem;
	border-radius: 0.5rem;
	background: #da251d;
	font-size: 0.18rem;
	color: #fff;
	text-align: center;
}
.debitcardContentLeft>Img{
    width: 5rem;
    float: left;
    margin-top: 0.7rem;
    margin-left: 0.6rem;
}


.debitcardTab a.active::after {
	content: "";
    display: block;
	margin: auto;
    width: 0.5rem;
    border-bottom: 0.03rem solid #da241c;
    padding-bottom: 0.2rem;
}
.debitcardPort {
    display: none;
}

.debitcardPort.active {
    display: block;
}
.show{
 display: block;
}
/* 小微金融 */
.xwjr{
    /* float: left; */
    /* margin-left: 0.6rem; */
    width:5rem;
    display: inline-block;
    margin-left: 0.13rem;
    margin-right: 0.15rem;
    position: relative;
    margin-top: 0.5rem;
    line-height: 1;
}
.xwjr img{
    width:5rem;
   }
.right{
	margin-right: 0rem;
}
.xwjr {    transition: all 1s;
}
.xwjr::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    pointer-events: none;
    border-radius: 0.2rem;
}
.xwjr span{
    display: block;
    width: 1.5rem;
    text-align: center;
    font-size: 0.28rem;
    color: #fff;
    /* text-align: left; */
    font-weight: 700;
    /* margin-left: 0.1rem; */
    /* margin-top: 0.5rem; */
    z-index: 999;
    position: absolute;
    top: 45%;
    left: 34%;
}

.xwjr p{
    font-size: 0.16rem;
    /* width: 4.5rem; */
    margin-top: 0.3rem;
    margin-left: 0.1rem;
	line-height: 0.3rem;
}
/* 移动轮播图************************ */
.mobile-carousel {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 600px; /* Example: set a maximum width for the carousel */
	margin: 0 auto; /* Center the carousel */
}

.carousel-container {
	display: flex;
	transition: transform 0.5s ease;
}

.carousel-item {
	flex: 0 0 100%; /* Each item occupies full width of the container */
	max-width: 100%; /* Ensure images do not overflow */
	text-align: center; /* Center align images */
}

.carousel-item img {
	
	height: 2.9rem;
	margin: 0 auto;
}

.carousel-controls {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}

.carousel-control {
	border: none;
	cursor: pointer;
	font-size: 0.30rem;
	border-radius: 50%;
	outline: none;
}

@media only screen and (min-width:768px) and (max-width: 1200px) {
         .cardPort.active {
    display: block;
    overflow: visible;
}
          .loansText {

            width: 90%;

      }
        .depositsTitle {font-size: 0.4rem;
            margin-top: 0.4rem;
}
	.financing {
		margin: 0.7rem auto;
	}

	.massive>a {
		height: 2.35rem;
		width: 4.7rem;
		padding: 0.2rem;
		margin-left: 0.2rem;
	}

	/* .percentageBox {
		width: 100%;
	} */

	.percentageFr {
		margin-top: 0rem;
	}

	.percentage,
	.percentageT {
		line-height: 0.48rem;
	}

	.deposit,
	.loan {
		height: auto;
		padding: 0.4rem 0 0.4rem 0.6rem;
	}

	.creditCardAbstract {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}

	.wealthBusinessC>p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
.financingUpTit {
    font-size: 0.4rem;
}
.financingUpTab {
    font-size: 0.35rem;;
}
.loansTitle {
    font-size: 0.4rem;
}
.cardTab {
    margin-left: 4.6rem;
}
.cardName {
    font-size: 0.4rem;
}
.cardContentText {
    font-size: 0.35rem;
}
.cardContentTitle {
    font-size: 0.4rem;
}
.cardContentRight {
    margin-top: 0.8rem;
}
.cardContentbutton {
   width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.35rem;
}
.businessServeText {
    font-size: 0.4rem;
}
.debitcardTab {
    margin-left: 3.2rem;
}
.debitcardContentTitle {
    font-size: 0.4rem;
}
.debitcardContentRight {
    margin-top: .6rem;
}
.debitcardContentText {
    font-size: 0.35rem;
}
.debitcardContentbutton {
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;    font-size: 0.35rem;
}
.xwjr span {
    font-size: 0.4rem;
}
.xwjr p {
    font-size: 0.35rem;
    line-height: 0.5rem;
}

.debitcardName {
    font-size: 0.40rem;
}

.loans:nth-child(1),
.loans:nth-child(2),
.loans:nth-child(3) {
    background-size: 40%;
}

}

@media only screen and (max-width:767px) {
.xwjr img{
    width:100%;
   }
.carousel-item img {
	width:69%;
	
}
.carousel-control{
    width: 12.5%;
}
        .xwjr span{width:2rem;}
         .win-pc{ display:none;}
         .win-mob{ display:block;}
         .cardPort.active {
             overflow: visible;
          }
         .loans {margin-bottom: 0.3rem;
                width: 98%;
                margin-left: 0.05rem;

            }
         .financing {
            width: 90%;
            }
          .wid83 {
            width: 90%;    margin: 0.3rem auto;
         } 
        .loansTitle{ font-size:0.3rem;}
        .loansText {
           font-size: 0.18rem;
           width: 90%;
           color: #333;
           float: left;
           margin-top: 0.2rem;
           margin-left: 0.4rem;
           margin-right: 0.1rem;
           text-align: justify; 
           text-overflow: ellipsis;
           white-space: nowrap;
           overflow: hidden;
}
	.product {
		margin-top: 0.5rem;
		margin-left: 0.4rem;
		margin-right: 0.1rem;
	}
	.percentageBut {
		width: 1.6rem;
		height: 0.4rem;
		float: right;
		line-height: 0.4rem;
		margin-top: 0.5rem;
		margin-right: 0.5rem;
		border-radius: 0.5rem;
		background: #da251d;
		font-size: 0.24rem;
		/* margin: 0 auto; */
		color: #fff;
		text-align: center;
	}
	.businessServeText{
		display: block;
		font-size: 0.26rem;
		text-align: center;
		margin-top: 0.2rem;
		font-weight: 700;
		color: #000;
	}
	.businessServeBox {
		width: 1.4rem;
		float: left;
		/* margin: auto; */
		margin-left: 0.28rem;
		margin-top: 0rem;
	}
	.businessServeLeft {
		height: 2rem;
		width: 100%;
		background: url(/uiFramework/commonResource/img/cffw-1.png) left center no-repeat;
		float: left;
		margin-top: 0.5rem;
                padding-bottom:0.3rem;
                 padding-top:0.3rem;
                border-radius: 0.2rem;
	}
	.businessServeRight {
		/* background: url(../img/cffw-2.png) right center no-repeat; */
		/* height: 5.5rem; */
		/* width: 2.4rem; */
		/* float: right; */
		display: none;
	}

	.debitcardContentRight {
		float: left;
		margin-top: 1.2rem;
		margin-left: 0rem;
	}
	.debitcardName {
		font-size: 0.20rem;
		float: left;
		color: #333;
		margin-right: 0.09rem;
	}
	.debitcardTab {
		float: left;
		/* margin-right: 0.3rem; */
		margin-left: 0rem;
		margin-top: 0.2rem;
		font-size: 0.20rem;
	}
	.cardContentRight {
		float: left;
		margin-top: 1.2rem;
		margin-left: 0rem;
	}
	.cardName {
		font-size: 0.20rem;
		float: left;
		color: #333;
		margin-right: 0.09rem;
	}
	.cardTab {
		float: left;
		/* margin-right: 0.3rem; */
		margin-left: 0rem;
		margin-top: 0.2rem;
		font-size: 0.20rem;
	}
	.depositsTitle {
		font-size: 0.28rem;
		color: #da251d;
                height:0.5rem;
                line-height:0.5rem;
		font-weight: 700;
		margin-left: 0.3rem;
		margin-top: 0.3rem;
	}
	.depositsText {
		font-size: 0.18rem;
		color: #191919;
		margin-left: 0.3rem;
		margin-top: 0.3rem;
		width: 80%;
	}
	.financing {
		margin: 0.7rem auto;
	}

	.financingUpTab {font-size:0.26rem;
		margin-top: 0.3rem;
	}

	.massive>a {
		width: 5.95rem;
		height: 2.35rem;
		padding: 0.2rem;
		margin-left: 0;
		margin-top: 0.4rem;
	}

	.percentageBox {
                  margin-left: 0.5rem;
                  margin-top: 0.3rem;
	}

	.percentageFr {
		margin-top: 0rem;
	}

	.percentage,
	.percentageT { font-size:0.26rem;
		line-height: 0.48rem;
	}

	.wealthFl,
	.wealthFr,
	.depositBox,
	.loanBox {
		width: 100%;
	}

	.wealthFr {
		margin-top: 0.4rem;
	}

	.loanBox{
		margin-top: 0.4rem;
	}

	.deposit,
	.loan {
		width: 5.77rem;
		height: auto;
		padding: 0.4rem 0 0.4rem 0.6rem;
	}
	
	.debitCardC{
		height: 2.5rem;
	}
	
	.swiper-wrapper-Card {
		height: 1.95rem !important;
	}
	
	.swiper-slide-Card,
	.swiper-slide-Card>img {
		width: 1.93rem;
		height: 1.16rem;
		margin: 0 auto;
	}
	
	.swiper-slide-title {
		width: 1.93rem;
		margin: 0 auto;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.pagination-card {
		left: 25%;
	}
	
	.creditCardC{
		margin-bottom: 0;
	}
	
	.creditCardTxt{
		width: 100%;
	}
	
	.creditCardDevice {
		width: 100%;
		height: 3.8rem;
		margin-top: 0.4rem;
	}

	.swiperDevice {
		height: 3.8rem !important;
		overflow: hidden;
	}
	
	.wealthBusiness,
	.privateBank {
		width: 100%;
	}
	
	.privateBank {
		margin-top: 0.4rem;
	}
	
	.creditCardAbstract {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}

	.wealthBusinessC>p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	
	.platform{
		float: none;
		width: 100%;
		margin-top: 0.4rem;
		margin-left: 0;
	}
	
	.platform:first-child{
		margin-top: 0;
	}
	
	.platform:nth-child(2){
		margin-left: 0;
		margin-right: 0;
		margin-top: 0.4rem;
	}
	
	.backgroundLink{
		width: 100%;
		height: 2.75rem;
		margin-top: 0.4rem;
	}
	.xwjr {
                width:100%;
                margin-left: 0;
        }
.xwjr span{ font-size:0.32rem;}
.xwjr p{ font-size:0.26rem;line-height:0.5rem;}

.wealth {
    margin: 0.4rem auto;
}
.personalDeposits {
    height: 3rem;
    background-size: 100% 100%;
}
.productRisk { 


width: 1rem;
}



         	/* 移动端样式 */
	.mobile-carousel {
		max-width: 100%;
	}
	.card-name {
        font-size: 0.28rem;
        font-weight: 700;
        margin: 0.6rem;
    }
	.card-text{
		font-size: 0.25rem;
                margin-top: 0.4rem;
                height: 1.3rem;
                line-height: 0.5rem;
	}
  	.card-img{
		width: 4rem;
	}
	.card-button{
		display: block;
		font-size: 0.26rem;
		width: 1.6rem;
		height: 0.4rem;
		line-height: 0.4rem;
		margin: 0rem auto;
		border-radius: 0.5rem;
		background: #da251d;
		color: #fff;
		text-align: center;
	}
	.carousel-item {
		flex: 0 0 100%; /* Each item occupies full width of the container */
                 height:7rem;
	}
}