.ccxx_top{ height: 501rpx; position: relative; background: linear-gradient(var(--color),#718FEC); box-sizing: border-box; padding: 123rpx 0 0 23rpx;}
.ccxx_top view{ font-size: 50rpx; color: #FFFFFF; line-height: 68rpx;}
.ccxx_top text{ font-size: 29rpx; color: #FFFFFF; line-height: 68rpx;}
.ccxx_top image{ width: 569rpx; height: 580rpx; position: absolute; right: 0;bottom: 34rpx;}
.ccxx_mid{ width: 710rpx; background: #ffffff; border-radius: 17rpx; box-sizing: border-box; padding: 25rpx; box-shadow: 0 -4rpx 15rpx 0 rgba(0, 0, 0, 0.1); margin: -170rpx auto auto auto; position: relative; z-index: 1;}
.ccxx_mid_item{ display: flex; justify-content: space-between; line-height: 50rpx;}
.ccxx_mid_label{ font-size: 28rpx; color: #333333; flex: none;}
.ccxx_mid_val{ font-size: 26rpx; color: #666666; flex: auto; text-align: right;}
.ccxx_btm{width: 710rpx; margin: 25rpx auto; padding: 20rpx; background: #ffffff; border-radius: 17rpx; box-sizing: border-box;}
.ccxx_btm_tit{ font-size: 30rpx; color: #333333; line-height: 50rpx;}
.ccxx_btm_item{ font-size: 24rpx; color: #333333; line-height: 36rpx; padding: 20rpx 0; display: flex; justify-content: space-between;align-items: center;}