page {
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    background-color: #f0f0f0;
  }
.content{
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 20rpx;
    margin-top: 20rpx;
    box-sizing: border-box;
}
.content .scroll {
    height: calc(100vh - 450rpx);
    overflow-y: scroll;
}
.content .scroll .card{
    background-color: #fff;
    border-radius:30rpx;
    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;
    overflow: hidden; 
}
.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;
}
.right button{
    font-size: 28rpx;
    color: #fff;
    width: fit-content;
    background-color:#3a80e7;
    padding: 0 !important;
}
.list_card .right image{
    width: 25rpx;
    height: 25rpx;
    margin-right: 10rpx;
}

.fixed_btn{
    position: fixed;
    bottom: 30rpx;
    left: 50%;
    transform: translateX(-184rpx);
}
.list_1{
    display: flex;
    flex-direction: column;
    background-color: white;
    margin: 20rpx 15rpx 0 20rpx;
    height: 230rpx;
    border-radius: 30rpx;
    padding: 20rpx 0 0 20rpx;
   

}
.list1_1{
    display: flex;
    flex-direction: row;
}
.test_1{
    width: 392rpx;
    height: 33rpx;
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 35rpx;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 41rpx;
    margin: 20rpx 0 0 15rpx;
}
.test_2{
    width: 68rpx;
    height: 20rpx;
    overflow-wrap: break-word;
    color: rgba(153,153,153,1);
    font-size: 26rpx;
    font-family: PingFang-SC-Regular;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 42rpx;
    margin: 20rpx 0 0 180rpx;
}
.list_2{
   display: flex;
   justify-content: center;
   flex-direction: column; 
   margin-top: 10rpx;
 
}
.test_3{
    width: 220rpx;
    height: 26rpx;
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 30rpx;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 46rpx;
    margin: 20rpx 0 0 15rpx;
    
}
.list_3{
  width: 100%;
  height: 56rpx;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 40rpx 0 0 0;
  
}
.button{
    width: 200rpx;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-radius: 43rpx;
    color: rgba(51,51,51,1);
    font-size: 30rpx;
    font-family:PingFang-SC-Medium;
    margin: 20rpx 0 0 15rpx;
    box-sizing: border-box;
    font-weight: 500rpx;
    height: 56rpx;
    line-height: 86rpx;
    background-color: rgba(57,116,246,1.000000);
    justify-content: center;
    align-items: center;
    
    
}
.button1{
    width: 200rpx;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-radius: 43rpx;
    color: rgba(51,51,51,1);
    font-size: 30rpx;
    font-family:PingFang-SC-Medium;
    margin: 20rpx 0 0 15rpx;
    box-sizing: border-box;
    font-weight: 500rpx;
    height: 56rpx;
    line-height: 86rpx;
    justify-content: center;
    align-items: center;
}