xiaohuazhu/css/creditCard.css

.container{
	width: 100%;
	min-height: 100vh;	
}
.banner{
	width:3.55rem;
	height:1.56rem;
	border-radius:0.04rem;
	margin: auto;
}
.bannerimg{
	width:3.55rem;
	height:1.56rem;
	border-radius:0.04rem;
}
.card_list{
	width:348px;
	background:#FFFFFF;
	border-radius:0.08rem;
	opacity:0.8;
	margin: auto;
	margin-top: 0.11rem;
	margin-bottom: 0.11rem;
	padding:0.1rem 0.15rem;
	box-sizing: border-box;
}
.cars_item{
	padding: 0.1rem 0;
	display: flex;
	border-bottom: #F0F0F0 0.01rem solid;
}
.cars_item .card_img{
	width:1.08rem;
	height:0.68rem;
	background:rgba(216,216,216,1);
	border-radius:0.04rem;
	margin-right: 0.1rem;
}
.card_info{
	max-width: 2rem;
	white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
.card_info .card_name{
	display: inline-block;
	font-size:0.16rem;
	color:#303233;
	line-height:0.22rem;
}
.li,.jian{
	display: inline-block;
	width:0.16rem;
	height:0.16rem;
	font-size: 0.12rem;
	color: #FFFFFF;
	line-height: 0.16rem;
	text-align: center;
	border-radius:0.02rem;
	vertical-align: middle;
	margin-left: 0.1rem;
}
.li{
	background: #E92828;
}
.jian{
	background: #2893E9;
}
.card_info .describe{
	font-size:0.12rem;
	color:#666666;
	line-height:0.17rem;
}
.card_info .num{
	font-size:0.12rem;
	color:#535353;
	line-height:0.17rem;
	padding-top: 0.03rem;
}
.card_info .num .renshu{
	color: #DA1220;
}