page {
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background-color: #f7f7f7;
  }
  .header {
	width: 100%;
    height: 532rpx;
    background: linear-gradient(180deg, #7DB5FF 0%, #E8F2FF 66%, #F7F7F7 100%);
}

.header .header-bg {
	width: 100%;
	height: 100%;
	/* position: absolute;
    z-index: 10;
    left: 0;
    top: 0; */
	position: absolute;
	height: 100%;
	z-index: -999;
}

.header .navigation {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32rpx;
	position: relative;
	z-index: 1;
}
.back {
	width: 30rpx;
	height: 30rpx;
	margin-left: 20rpx;
	position: absolute;
	margin-top: 25rpx;
	border-radius: 0rpx;
	z-index: 2;
}
.content{
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
    top: -380rpx;
    padding: 0 20rpx;
    box-sizing: border-box;
}
.content .scroll {
    height: calc(100vh - 450rpx);
    overflow-y: scroll;
}
.content .scroll .card{
    background-color: #fff;
    border-radius: 20rpx;
    box-sizing: border-box;
}
.content .card .bgc{
    background:linear-gradient(531deg, #cfe5f7 0%, #E8F2FF 66%, #F7F7F7 100%);
    border-radius: 20rpx 20rpx 0 0;
}

.content .card .list_card{
    display: flex;
    justify-content: space-around;
    padding: 30rpx;
    align-items: center;
    color: #333333;
    border-top: 1px solid #EAEAEA;
}
.content .card .list_card .left{
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666 ;
}
.content .card .list_card .left :nth-child(1),
.content .card .list_card .left :nth-child(2){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;     
}

.content .card .list_card .left .left_bto_box{
    display: flex;
    font-size: 28rpx;
    margin-top: 28rpx;
    align-items: center;
}
.content .card .list_card .left .left_bto_box .bule{
    color: #3A80E7;
    background-color:#d5e6fa ;
    width: fit-content;
    padding: 5rpx 12rpx;
    box-sizing: border-box;
    border-radius: 6rpx;
    font-size: 26rpx;
    margin-right: 20rpx;
}
.content .card .list_card .left .left_bto_box .gray{
   color: #999999;
   background-color: #f5f5f5;
   width: fit-content;
   padding: 5rpx 12rpx;
   box-sizing: border-box;
   border-radius: 6rpx;
   font-size: 26rpx;
   margin-right: 20rpx;
}

.list_card .right .bule{
    background-color: #3a80e7;
    color: #fff;
    padding: 16rpx;
    font-size: 28rpx;
    width: fit-content;
    color:#fff;
    height: 56rpx;
    border-radius: 25rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center; 
}
.list_card .right .score{
    color: #999;
    font-size: 24rpx;
}
.list_card .right .score b{
    font-size: 40rpx;
    font-family: DIN Alternate;
    font-weight: bold;
    color: #FF783C;
}
.list_card .right image{
    width: 25rpx;
    height: 25rpx;
}
button{
    width: 360rpx;
    height: 76rpx;
    background: linear-gradient(87deg, #81B5FB 0%, #3E92FF 100%);
    border-radius: 76rpx !important;
    font-size: 32rpx;
    font-weight: 400 !important;
    font-family: PingFang SC;
    color: #FFFFFF;
    position: fixed;
    bottom: 63rpx;
    left: 50%;
    transform: translateX(-180rpx);
}
.fixed_btn{
    position: fixed;
    bottom: 30rpx;
    left: 50%;
    transform: translateX(-184rpx);
}